@charset "utf-8";

/* s : 팝업 */
.admin-popup{width:1100px;background-color:#fff;}/* 일반 팝업 */
.admin-popup .pop-header{position:relative;padding:20px;color:#fff;border-bottom:3px solid #9229d2;background-color:#363658;}
.admin-popup .pop-header strong{display:inline-block;font-size:22px;font-weight:400 !important;}
.admin-popup .pop-header .btn-close{position:absolute;right:20px;top:20px;width:23px;height:23px;text-indent:-9999px;background:url(../../images/admin/common/icon_sprite.png) no-repeat -59px -139px}

.admin-popup .pop-body{padding:20px;}
.admin-popup .pop-body .top-menu:after{content:"";display:block;clear:both;}
.admin-popup .pop-body .top-menu .customer{float:left;width:50%;margin-top:7px;font-size:18px;}
.admin-popup .pop-body .top-menu .customer span{color:#ff6130;}
.admin-popup .pop-body .top-menu .member{float:right;width:50%;text-align:right;font-size:14px;}
.admin-popup .pop-body .text{padding:10px 10px 0 10px;line-height:1.5;}
.member input{padding:7px 10px;margin:0 10px;}
.pop-body .top-menu .pop-tab{display:table;padding-top:20px;width:100%;}
.pop-body .top-menu .pop-tab li{display:table-cell;width:1%;text-align:center;font-weight:bold;background-color:#fafafa;border:1px solid #cecece;border-bottom:1px solid #363658}
.pop-body .top-menu .pop-tab li.on{border-bottom:none;border-color:#363658;background-color:#fff;color:#363658;}
.pop-body .top-menu .pop-tab li a{display:block;padding:15px 18px;font-size:16px;color:#67686b;}
/* e : 팝업 */


/* main */
/* s : 2102_김수연 메인 카테고리 추가 */
.main-cate-wrap {position:absolute; top:0; left:0; width:100%; height:0; z-index:5; }
.main-cate-wrap .cate-top-wrap {width:1100px; height:0; margin:0 auto;}
.main-cate-wrap .lnb-list-wrap {background:rgba(0,0,0,0.5);}
.main-cate-wrap .lnb-sub-wrap {display:none;}
/* e : 2102_김수연 메인 카테고리 추가 */

/* s : 200311_김수연 메인빌보드 버튼 변경 */
.main-top-banner {width:100%;height:480px; position:relative; overflow:hidden;}
.main-top-banner .banner-img-wrap {height:inherit;position:relative;border-bottom:1px solid #ddd;}
.main-top-banner .banner-img-wrap>a {display:none;width:100%;height:480px;text-indent:-9999px;}
.main-top-banner .banner-img-wrap>a.on {display:block}
.main-top-banner #main-top-slide a {display:block;width:100%;height:480px; position:relative; overflow:hidden;}
.main-top-banner #main-top-slide a img {width:1920px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.main-top-banner .side-link-wrap {position:absolute;top:0;right:0;width:100%;height:1px;z-index:4;}
.main-top-banner .side-link-wrap ul {position:relative;}
.main-top-banner .side-link-wrap li {position:absolute; top:50px; animation: bannerAnimation ease-in-out 2.5s;  animation-iteration-count: infinite;
   -webkit-animation: bannerAnimation ease-in-out 2.5s;  -webkit-animation-iteration-count: infinite; }
.main-top-banner .side-link-wrap li a img {width:192px; height:192px;}
.main-top-banner .side-link-wrap li.upBnnr {left:-205px;}
/* .main-top-banner .side-link-wrap li:nth-child(1) {right:-205px;} */
.main-top-banner .side-link-wrap li.dwnBnnr {right:-205px;}
@media (max-width: 1100px){
    /* .main-top-banner .side-link-wrap li:nth-child(1) {right:0px;} */
    .main-top-banner .side-link-wrap li.dwnBnnr {right:0px;}
}
@keyframes bannerAnimation{
    0% { transform: translate(0px,0px);}
    50% { transform: translate(0px,-10px);}
    100% { transform: translate(0px,0px);}
}
@-webkit-keyframes bannerAnimation{
    0% { transform: translate(0px,0px);}
    50% { transform: translate(0px,-10px);}
    100% { transform: translate(0px,0px);}
}
.main-top-banner #main-top-slide-nav {position:absolute;bottom: 73px;left: 0px;z-index: 4;width:100%; height:0;}
.main-top-banner #main-top-slide-nav .center-wrap{height:0; text-align:left;}
.main-top-banner #main-top-slide-nav .nav-wrap {width: 160px;height: 40px;background: rgba(0,0,0,0.3);border-radius: 20px;text-align: center;display: inline-block; margin-left:258px;}
.main-top-banner .nav-wrap .ico-btn-prev{background-position: -136px -371px;margin-bottom: 5px;width: 20px;height: 20px;}
.main-top-banner .nav-wrap .ico-btn-next{background-position: -153px -371px;margin-bottom: 5px;height: 20px;width: 20px;}
.main-top-banner .nav-wrap .page {color:white;font-size: 16px;margin: 5px;line-height: 38px;padding-left: 2px;}
.main-top-banner .nav-wrap .page .total {color:rgba(255,255,255,0.5); letter-spacing:0;}



.main-top-banner .nav-wrap ul {background:#fff;}
.main-top-banner .nav-wrap li {float:left;background:#fff;}
.main-top-banner .nav-wrap li a {display:block;width:183px;line-height:48px;text-align:center;position:relative;font-size:14px;color:#222;text-decoration:none;transition: all .4s;}/*190410_수연:font-size:16->14px line-height:50 -> 48*/
.main-top-banner .nav-wrap li a:before {content:'';display:block;width:1px;height:10px;background:#ccc;position:absolute;left:-1px;top:22px;}
.main-top-banner .nav-wrap li:first-child a:before {display:none;}
.main-top-banner .nav-wrap li.on a {color: #5c0f8b;font-size:14px;}/*190410_수연:color , font-size:16->14*/
.main-top-banner .btn-control-stop span {width: 20px;height: 20px;cursor:pointer;display: inline-block;vertical-align: middle;margin-bottom: 5px; margin-left:5px; background: url(../images/common/icon_sprite.png) no-repeat;background-position: -155px -397px;}/*190410_수연:height:50 -> 48*/
.main-top-banner .btn-control-stop span.stop {background-position: -137px -397px;}


/* e : 200311_김수연 메인빌보드 버튼 변경 */
.main-top-banner .banner-control-btn {position:absolute;top:0;left:0;width:100%;z-index:5;opacity:0.5;}
.main-top-banner .banner-control-btn .btn-prev {position:absolute;left:-100px;top:190px;outline:none;}
.main-top-banner .banner-control-btn .btn-next {position:absolute;right:-100px;top:190px;outline:none;}

.hot-deal [class^=heading][class*=-md], .md-recom [class^=heading][class*=-md], .category-best-wrap [class^=heading][class*=-md]{font-size:28px} /* 김수연 프론트 타이틀 폰트 크기 추가 */

.hot-deal {background:#fff;padding: 90px 0px;}/*190410_수연:background:fff padding:40 0 52 -> 50px 0 50px; // padding:50 -> 60 */
.hot-deal .goods-list-wrap {margin-top:45px;}
.hot-deal ul {display:block;}
.hot-deal.bg2 {background:#ece8f1;}
.hot-deal.bg2 .goods-list-wrap {margin-top:20px;}
.hot-deal .goods-list-wrap .list-group-item:nth-child(4n+1) {margin-left:0; clear:both;}
.hot-deal .goods-list-wrap .list-group-item:nth-child(n+5) {margin-top:40px;}
.hot-deal .goods-list-wrap .list-group-item .info {padding:10px 0px 0px;}
.hot-deal .goods-list-wrap .list-group-item .info .name{height:41px;margin-top:0;}
.hot-deal .goods-list-wrap .list-group-wrap .list-group-item {border:0; position:relative; }
.hot-deal .goods-list-wrap .list-group-wrap .list-group-item .img {height: 260px;width: 260px; border: 1px solid transparent; transition:0.1s;}
.hot-deal .goods-list-wrap .list-group-wrap .list-group-item .img:hover {border: 1px solid #5c0f8b;}
.hot-deal .goods-list-wrap .list-group-wrap .list-group-item .ssm-flag {left:auto; right:2px;}
.hot-deal-01 .nav-wrap {text-align: center; margin-top:30px; }
.hot-deal-01 .nav-wrap * {display:inline-block;vertical-align:middle;}
.hot-deal-01 .nav-wrap .page {display:inline-block; color:#6c6c6c; letter-spacing: 4px;margin: 0 6px 0 10px;}
.hot-deal-01 .nav-wrap .page .current {font-weight:600; color:#222;}
/*.hot-deal-02 {background:#f8f8f8;}
.hot-deal-02 .goods-list-wrap .list-group-wrap .list-group-item {background: #f8f8f8;}*/
.hot-deal-02 .nav-wrap button {display:inline-block; width:50px; height:47px; text-indent: -9999px; background:url(../../common/images/common/icon_sprite_02.png) no-repeat; position:absolute; top:185px; z-index:1;}
.hot-deal-02 .nav-wrap .prev {background-position:0 -487px; left:-28px;}
.hot-deal-02 .nav-wrap .next {background-position:-55px -487px; right:-28px;}
.hot-deal-02 .nav-wrap .prev.disabled {background-position:0 -541px;}
.hot-deal-02 .nav-wrap .next.disabled {background-position:-55px -541px;}
/* 190808_수연 수정 */
.banner-01 {margin-top:0;padding-bottom:90px;background-repeat:no-repeat;background-position:center bottom;/* background-size:1920px 100%; */-webkit-box-sizing:content-box;box-sizing:content-box;/*padding-top:60px;*/} /*190410_수연:padding-top*/
.banner-01 .center-wrap {position:relative;text-align:center;height:inherit;}
/* s:2018-11-27 수정 및 추가 */
.banner-01 .mid-banner-txt {position:relative;display:inline-block;width:1100px;height:224px;/* background: url(../images/main/main_mid_banner_txt.png) no-repeat 0 46px; */}
.banner-01 .mid-banner-txt1{position:absolute; top:43px; left:50%; width:100%; height:auto; font-weight:700; font-size:25px; color:#fff; letter-spacing:0; transform:translateX(-50%); padding-bottom:18px;}
.banner-01 .mid-banner-txt1:after{content:""; position:absolute; bottom:0; left:50%; width:30px; height:3px; background:#fff; margin-left:-15px;}
.banner-01 .mid-banner-txt2{position:absolute; top:118px; left:50%; width:100%; height:auto; font-weight:700; font-size:34px; color:#fff; line-height:38px; transform:translateX(-50%);}
.banner-01 .mid-banner-txt3{position:absolute; top:155px; left:50%; width:100%; height:auto; font-weight:900; font-size:38px; color:#fff; line-height:46px; letter-spacing:1.5px; transform:translateX(-50%);}
/* e:2018-11-27 수정 및 추가 */
.banner-01 .mid-banner-cha {display:none;position:absolute;top:-59px;right: -142px;width:449px;height:448px;background:url(../images/main/main_mid_banner_character.png) no-repeat;}
/* e:2018-12-17 수정 */
/* .banner-01 .mid-banner-sld {display:block;position:absolute;top: 350px;left:0;width:100%;height: 246px;} */
.banner-01 .mid-banner-sld a {display:block;position:relative;width: 260px;height: 340px; border-radius: 9px; border:2px solid transparent; transition:0.1s;}
.banner-01 .mid-banner-sld a:hover {border:2px solid #9229d2; overflow: hidden;}
.banner-01 .mid-banner-sld a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:260px; height: 340px; /*opacity: 0.5;*/}
.banner-01 .mid-banner-nav {position:relative;}
.banner-01 .mid-banner-nav button {position:absolute;bottom: 135px;}
.banner-01 .mid-banner-nav button:nth-of-type(1) {left:-100px;}
.banner-01 .mid-banner-nav button:nth-of-type(2) {right:-100px;}
.banner-01 .slide-page-nav {position:absolute;bottom: 52px;left:0;width:100%;}/*190410_수연*/

/* 기존 타임특가
.banner-01 .timesale-top-01 {position:relative;height: 350px;}
.banner-01 .timesale-top-01 .soldout { display:block; position: absolute; right: 30px; top: 30px; z-index: 26; width: 250px; height: 250px; color: #666;  background-color: rgba(255,255,255,.85);
    border-radius: 50%;  text-align: center;  font-size: 14px;}
.banner-01 .timesale-top-01 .soldout h2{line-height:50px; margin-top:70px; }
.banner-01 .timesale-top-01 .soldout h2 span {font-size:14px; line-height:14px;}
.banner-01 .timesale-top-01 .soldout p {margin-top:10px; line-height:20px;}
.banner-01 .timesale-top-01 .chartBox {height: 310px;width: 310px;position: absolute;top: 20px;right: 80px; background:url("../images/common/timesale-front-circle.png"); border-radius: 50%;}
.banner-01 .timesale-top-01 .chartBox a img{ position: relative; margin: auto; max-width: 250px;  max-height: 250px; height: 250px;  width: 250px;  opacity:1;}
.banner-01 .timesale-top-01 .chartBox a { width: 250px; height: 250px; border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); z-index: 25;}
.banner-01 .timesale-top-01 .chartBox .chart {position: absolute;right: 24px;z-index: 24;width: 262px;height: 262px;top: 24px;}
.banner-01 .timesale-top-01 .chartBox .chart span {  display: block;  position: absolute;  left: -4px;  top: -4px;  z-index: 40;  width: 270px;  height: 270px;  background: url("../images/common/timesale_bg_chart_point.png") 0 0 no-repeat;  animation: rotate 1s forwards;}
.banner-01 .timesale-top-01 .chartBox .chart canvas {position:absolute; top:0; left:0;}
.banner-01 .timerBox {position:absolute;top: 165px;right: 400px;font-size: 16px;text-align:center;line-height:18px;color: #fff;}
.banner-01 .timerTitle {font-size: 14px;font-weight: 300;margin-bottom: 5px;}
.banner-01 .timerBox div {margin:0 5px;} */

/* 위클리특가 */
.banner-01 .timesale-top-01{/* padding-top: 35px; */height: 215px;top: 0; position:relative;}
.banner-01 .timesale-top-01 a img{position: relative; margin: auto; max-width: 250px; max-height: 250px; height: 250px; width: 250px; opacity:1;}
.banner-01 .timesale-top-01 a {width: 250px; height: 250px; border-radius: 50%; overflow: hidden; position: absolute; top: 30px; right: 30px; z-index: 25;}
.banner-01 .timesale-top-01 .owl-stage-outer .chart canvas {position:absolute; top:0; left:0;}
.banner-01 .timerBox {position:relative;top:90px;font-size: 13px; color: #595959; display: table; margin:0 auto; width:204px; height:32px; border-radius:16px; background:#ffda00;}
.banner-01 .timerTitle {font-size: 16px;font-weight:700;display: inline-block; color:#222; position: relative; margin-left:20px;}
.banner-01 .timerTitle::before {display:inline-block; content:''; width:16px; height:16px; position:absolute; left:-20px; top:50%; transform:translateY(-50%); background:url(../images/common/icon_sprite_02.png) no-repeat -178px -172px;}
.banner-01 .timerBox div {display:table-cell; vertical-align: middle; text-align: center;}
.banner-01 .timerBox span.day {font-size:16px; font-weight:700; margin:0 4px 0 3px; color:#222;}

/* s: 엠디픽상품 css 변경_220513 김수연 */
.md-recom {padding:90px 0; background:#f8f8f8;}
.md-recom .tab-menu {margin-top:30px; text-align: center;}
.md-recom .tab-menu li {display:inline-block; cursor:pointer; line-height:1;padding: 14px 24px;border-radius: 24px; color:#222; border:1px solid #222;font-size: 18px;letter-spacing: -0.5px;}
.md-recom .tab-menu li.on {color:#fff; background:#5c0f8b; border-color:#5c0f8b;}
.md-recom .tab-menu li + li {margin-left:15px;}
.md-recom .md-recom-cont {margin-top:42px;}
.md-recom .md-recom-cont .md-item {display:inline-block;width: 354px; float:left; background:#fff;}
.md-recom .md-recom-cont .md-item + .md-item {margin-left: 19px;}
.md-recom .md-recom-cont .md-item a {display:inline-block; position:relative;}
.md-recom .md-recom-cont .md-item .top {width:354px; height:330px;}
.md-recom .md-recom-cont .md-item .bottom {padding:20px; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; /*background:#f8f8f8;*/}
.md-recom .md-recom-cont .md-item .bottom + .bottom {margin-top:1px;}
.md-recom .md-recom-cont .md-item .bottom + .bottom::before {display:inline-block; content:''; width:330px; height:1px; background:#eaeaea; position:absolute; left:50%; transform:translateX(-50%); top:-1px;}
.md-recom .md-recom-cont .md-item a .img-box {width:96px; height:96px; position:relative; }
.md-recom .md-recom-cont .md-item a .img-box img {width:100%; height:100%; object-fit: contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.md-recom .md-recom-cont .md-item a .txt-box {padding-left:20px; width:calc(100% - 96px);letter-spacing: 0;}
.md-recom .md-recom-cont .md-item a .txt-box p {text-overflow: ellipsis; overflow:hidden; white-space: nowrap; line-height:1;}
.md-recom .md-recom-cont .md-item a .txt-box .brand {display:inline-block; max-width:100%;font-size: 12px; color:#000;opacity: 0.7;padding: 5px 8px;border: 1px solid rgba(0,0,0,0.5);line-height: 12px;}
.md-recom .md-recom-cont .md-item a .txt-box .name {font-size: 14px;margin-top: 8px;color: #222;opacity: 0.7;letter-spacing: -0.4px;}
.md-recom .md-recom-cont .md-item a .txt-box .tit {font-size: 18px; color:#222; margin-top:8px;}
.md-recom .md-recom-cont .md-item-wrap:nth-child(n+2) {display:none;}
/* e: 엠디픽상품 css 변경_220513 김수연 */

/* s : 김수연 메인중간띠배너(.banner-02) css 수정 및 추가 */
.banner-02 {height:200px;margin-bottom:90px;position: relative; overflow:hidden;}
.banner-02 .banner-02-slide-wrap a {display:block; width:100%; height:200px; position:relative; overflow:hidden;}
.banner-02 .banner-02-slide-wrap a img{width:1920px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.banner-02 .banner-02-slide-wrap .banner-02-nav {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; padding:20px; cursor: pointer;}
.banner-02 .banner-02-slide-wrap .banner-02-nav.prev {margin-left:-543px;}
.banner-02 .banner-02-slide-wrap .banner-02-nav.next {margin-left:543px;}
.banner-02 .banner-02-slide-wrap .banner-02-nav button {display:none;}
.banner-02-slide-wrap:hover .banner-02-nav button {display:inline-block;}
.banner-02 .banner-02-slide-wrap .owl-dots {position:absolute; bottom:12px; left:50%; transform:translateX(-50%);}
.banner-02 .banner-02-slide-wrap .owl-dots .owl-dot{display:inline-block; width:8px; height:8px; border-radius: 50%; background:#f9f2ff;}
.banner-02 .banner-02-slide-wrap .owl-dots .owl-dot + .owl-dot {margin-left:8px;}
.banner-02 .banner-02-slide-wrap .owl-dots .owl-dot.active{width:16px; border-radius: 4px; background:#b565ff;}
/* e : 김수연 메인중간띠배너(.banner-02) css 수정 및 추가 */

.banner-03 {height:502px;}
/* s: 2018-12-28 추가 */
.banner-04 {position:relative; width:100%; min-width:1100px; height:auto; overflow:hidden;}
.banner-04 .img{position:absolute; top:0; left:50%; width:1920px; height:auto; text-align:center; margin-left:-960px;}

.footer-line-banner{position:relative; width:100%; min-width:1100px; height:auto; overflow:hidden; margin-top:100px;}
.footer-line-banner .img{position:absolute; top:0; left:50%; width:1920px; height:auto; text-align:center; margin-left:-960px;}
.footer-line-banner + #footer {margin-top:0;}
/* e: 2018-12-28 추가 */

.popular-products-wrap {padding:90px 0; background: #f8f8f8;}
.popular-products-wrap .goods-list-wrap {margin-top:45px; width:100%; overflow:visible;}
.popular-products-wrap .goods-list-wrap .owl-dots {position:absolute; right:0; top:-69px;}
.popular-products-wrap .goods-list-wrap .owl-dots .owl-dot {display:inline-flex; width:24px; height:24px; border-radius: 12px; color:#222; align-items: center; justify-content: center;}
.popular-products-wrap .goods-list-wrap .owl-dots .owl-dot.active {background:#222; color:#fff;}
.popular-products-wrap .btn-wrap [class^=btn] {position:absolute;bottom:200px;}
.popular-products-wrap .btn-wrap .btn-popular-pre {left:-60px;}
.popular-products-wrap .btn-wrap .btn-popular-next {right:-60px;}
.popular-products-wrap .goods-list-wrap .list-group-wrap .list-group-item {border:none;}
.popular-products-wrap .goods-list-wrap .list-group-wrap .list-group-item .info {padding:10px 0 0 0; background:#f8f8f8;}
.popular-products-wrap .goods-list-wrap .list-group-wrap .list-group-item .img{width:100%; padding-bottom:100%; border-bottom:0;}
.popular-products-wrap .goods-list-wrap .list-group-wrap .list-group-item .img img{width:100%;height:100%;}

/* s : 김수연 고객만족센터 영역 수정 (카카오 1대1문의 삭제) */
.footer-side {background:#fff;/*height:280px;*/padding-top:60px; border-top:1px solid #ddd; overflow:hidden;}
.footer-side h3 {color:#222; font-size:20px; font-weight:700;letter-spacing:0;}
.footer-side .cs-wrap {float:left;width: 550px;position: relative;}
.footer-side .cs-wrap::after {display:block;content:'';width:1px;height: 150px;position: absolute;top: 0;background: #eaeaea;right: 67px;}
.footer-side .cs-wrap h3 {margin-bottom: 12px;}
.footer-side .cs-wrap .phone {font-weight:700;font-size:40px;color:#5c0f8b;margin-right:67px;line-height: 1;}
.footer-side .cs-wrap .btns-box-more-small {font-size: 16px;width: 130px;color: #fff;margin-top: 15px;height: 40px;background: #5c0f8b;border-radius:3px;line-height: 34px; border:none;}
.footer-side .cs-wrap .cs-time p {font-size: 16px; line-height: 24px; color: #222; font-weight:700;}
.footer-side .cs-wrap .cs-time p:last-child {font-weight:400; color:#999;}
.footer-side .cs-wrap .cs-time p + p{margin-top:5px;}
.footer-side .cs-wrap .cs-time p .time {font-weight:400; color:#6c6c6c; margin-left:10px;}
.footer-side .cs-wrap a {margin-top:5px;text-decoration:none;}/*190410_수연:margin-top:15 -> 5px;*/
.footer-side .link-wrap .link-kakao {display:block;margin-top:15px;}/*190410_수연:margin-top : 25 -> 15*/
.footer-side .link-wrap .link-inquiry {margin-top:7px;}
.footer-side .link-wrap .link-inquiry a {display:block;width:162px;height:37px;text-align:center;color:#fff;font-size:16px;line-height:35px;text-decoration:none;}
.footer-side .link-wrap .link-inquiry a *[class^=ico] {margin-right:5px;}
/*190410_수연:버튼CSS삭제
.footer-side .link-wrap .link-inquiry a:nth-of-type(1) {border:1px solid #60a686;background:#77b79a;}
.footer-side .link-wrap .link-inquiry a:nth-of-type(2) {border:1px solid #6971b3;background:#8087bd;}*/
.footer-side .notice-wrap {float:left;width: 550px;}
.footer-side .notice-wrap h3 {position:relative;}
.footer-side .notice-wrap h3 a {font-size:14px;color:#222;font-weight:400;position:absolute;right:0;bottom:0;padding-right: 10px;}
.footer-side .notice-wrap h3 a::after {display:block;content:'';width: 7px;height: 7px;border-bottom: 1px solid #222;border-right: 1px solid #222;position: absolute;top: 6px;transform: rotate(-45deg);right: 0;}
.footer-side .notice-wrap ul {display:block;margin-top:15px;}/*190410_수연:margin-top : 25 -> 15*/
.footer-side .notice-wrap li + li {margin-top: 12px;}
.footer-side .notice-wrap li a {display:block;font-size: 14px;color: #999;position:relative;padding-right:110px;text-decoration:none;}
.footer-side .notice-wrap li a span:nth-child(2) {color: #aeaeae;position:absolute;top:0;right:0;}
.footer-side + #footer {margin-top:0;}
/* e : 김수연 고객만족센터 영역 수정 (카카오 1대1문의 삭제) */

/* 김수연 : 시소몰 입금계좌 다운로드 및 사업자등록증 다운 팝업 */
.openAccountDwnPop-wrap {margin: 20px;/* border: 1px solid #5c0f8b; */padding: 30px;}
.openAccountDwnPop-wrap h1 {font-size:32px; margin-bottom:20px;}
.openAccountDwnPop-wrap .biz-down {position:relative;width:900px;margin: auto;}
.openAccountDwnPop-wrap .biz-down a {position:absolute;right:0px;bottom: 7px;padding: 8px 20px 7px;font-size: 16px;font-weight: 500;border: 1px solid #e6e6e6;color:#6c6c6c;background: linear-gradient(#ffffff, #f4f4f4);}
.openAccountDwnPop-wrap .biz-down a span {margin-left:5px; position:relative; bottom:1.5px;}
.openAccountDwnPop-wrap .account-info-wrap {padding: 25px;background: #f8f8f8;width: 900px;margin: auto;border: 1px solid #e6e6e6;margin-bottom: 20px;}
.openAccountDwnPop-wrap .account-info-wrap .accountNo {font-size:16px;line-height: 24px;}
.openAccountDwnPop-wrap .account-info-wrap > p:nth-child(2) {color:#6c6c6c; margin-bottom:20px;}
.openAccountDwnPop-wrap .account-tbl {width: 900px;margin:auto;}

/* 김수연 : 회원등급별 혜택 팝업 */
.memberGradePop-wrap {padding:30px 20px;}
.memberGradePop-wrap h1 {font-size:32px; margin-bottom:20px;}
.memberGradePop-wrap .memberGrade-tbl {text-align: center;}
.memberGradePop-wrap .memberGrade-tbl th {font-size:16px;font-weight: 500;border:1px solid #ddd;padding:10px 0;background: #f7f7f7;}
.memberGradePop-wrap .memberGrade-tbl th p {font-size:13px; margin-top:4px; font-weight:300;}
.memberGradePop-wrap .memberGrade-tbl td {font-size:14px; line-height:20px; padding:15px; border:1px solid #ddd;}
.memberGradePop-wrap .memberGrade-tbl td .list li {font-size: 13px;text-align:left;font-weight:300;color:#6c6c6c;padding-left: 30px;}

	/* 등급별 혜택 세로모드 모바일 디바이스 (가로 해상도가 480px 보다 작은 화면에 적용) */
	@media (max-width: 479px) {
		.memberGradePop-wrap .memberGrade-tbl td .list li {padding-left:10px;}
	}

/* sub */
/* s : 2005 상세검색 ui 변경 김수연 */
.wrapper-all{display:table;height:100%;}
.sub-search-wrap .bg-wrap {height:auto; /*background:url(../images/sub/list-top-bg.png) no-repeat;background-size:100% 231px;*/}
.sub-search-wrap .center-wrap {height:inherit;}
.sub-search-wrap h2 {font-weight: 700;font-size:30px;}
.sub-search-wrap h2.srchCateTit {display:inline-block; float: left; padding: 50px 0 15px 0;color:#353535;}
.sub-search-wrap #srch_selCategory {display:inline-block;float:left;padding: 66px 20px 0;}
.sub-search-wrap .select-wrap {white-space:nowrap;}
.sub-search-wrap .selectric-wrapper {display:inline-block;}
.sub-search-wrap .selectric-wrapper + .selectric-wrapper {margin-left:20px;}
.sub-search-wrap .selectric-wrapper + span.ico-arr-right-thin {margin:0 15px; margin-bottom:5px;}
.sub-search-wrap .selectric {/* width:352px; *//* height:43px; border-color:#777;*/border: none;}
.sub-search-wrap .selectric .label {height:inherit;font-weight:700;font-size: 14px;line-height: 15px;margin: 0;padding: 0 26px 0 0;}
.sub-search-wrap .selectric .button {width: 16px;height: 16px;border-left:1px solid #777;border: 1px solid #ddd;}
.sub-search-wrap .selectric-open .selectric-items {width:auto!important; margin-top:5px;}
/* s: 2018-12-05 수정 및 추가 */
/* .sub-search-wrap .top-ad {width:100%; height:100%;} */
.sub-search-wrap .top-ad {position:absolute;top:18px;right:0;} /* 2018-12-12 수정 [임성훈] */
.sub-search-wrap .sub-goods_none-wrap{padding:200px 0 100px 0;}
.sub-search-wrap .sub-goods_none-wrap .info_txt{margin-bottom:20px;}
.sub-search-wrap .sub-goods_none-wrap .info_txt em{color:#9229d2;}
.sub-search-wrap .sub-goods_none-wrap .list{display:inline-block; margin:0 auto;}
/* e: 2018-12-05 수정 및 추가 */
.sub-search-wrap .search-form-wrap {margin-bottom: 30px;}
.sub-search-wrap .search-form-wrap .cate-wrap {border-top:1px solid #e6e6e6;position:relative;clear:both;overflow:hidden;}
.sub-search-wrap .search-form-wrap .cate-wrap:nth-child(1) {border-bottom:1px solid #e6e6e6;}
.sub-search-wrap .search-form-wrap .cate-wrap:nth-child(2) {border-top:0px;}
.sub-search-wrap .search-form-wrap .cate-wrap .tit {width:157px;padding: 0 20px 0px 28px;font-weight: 700;color: #353535;background: #f7f7f7;font-size: 14px; position: relative;}/*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .cate-wrap .item-wrap {background: #fff;}
.sub-search-wrap .search-form-wrap .cate-wrap .item-wrap:nth-child(2) {left: 0px;}
.sub-search-wrap .search-form-wrap .cate-wrap .item-wrap .list li {float: left;position: relative;text-align: left;width: 235px;height: 32px;/* padding-top: 3px; */padding-left: 26px;line-height: 31px;font-size: 14px;color: #6e6e6e;}
.sub-search-wrap .search-form-wrap .cate-wrap .item-wrap .list li:after {content:'';display:block;width: 1px;height: 100%;background: url(../images/common/icon_sprite.png) no-repeat -285px -59px;position:absolute;top:0;left: 234px;}
.sub-search-wrap .search-form-wrap .cate-wrap .list li:nth-child(4n):after {display: none;}
.sub-search-wrap .search-form-wrap .cate-wrap .item-wrap .list li a {/* display:inline-block; */padding: 3px 12px;text-decoration:none;position:relative;font-weight: 500;color:#353535;}
.sub-search-wrap .search-form-wrap .cate-wrap .item-wrap .list li.on a {background:#ffda00;border-radius:20px;color:#2d2a26;padding: 3px 12px;}
.sub-search-wrap .search-form-wrap .cate-wrap .cost-wrap {margin-top:0px;padding-left: 0px;}
.sub-search-wrap .search-form-wrap .cate-wrap .cost-wrap input {border:0px;width: 202px;height: 32px;text-align: left;padding: 0 36px;float: left;}
.sub-search-wrap .search-form-wrap .cate-wrap .tit:after {content:'';display:block;width: 1px;height: 100%;background: url(../images/common/icon_sprite.png) no-repeat -285px -59px;position:absolute;top:0;right: 0;}
.sub-search-wrap .search-form-wrap .cate-wrap .cost-wrap .end-cost {   float: left;}
.sub-search-wrap .search-form-wrap .cate-wrap .cost-wrap .end-cost:before {width: 10px;background: #353535;top: 25%;}
.sub-search-wrap .search-form-wrap .cate-wrap .cost-wrap button {background:transparent;width: 31px;height: 32px;position: static;right: 0px;float: left;}
.sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch {display: inline-block;line-height: 32px;font-weight:400;color:#fff;/* background:#5c0f8b; */}/*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch-tit {width:157px; color: #353535;background: #f7f7f7;border-left: 1px solid #ddd; font-weight: 700;text-align: left;}/*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch input {text-align: left;width: 282px;}
.sub-search-wrap .search-form-wrap .opt-reset {position:relative;border-top:1px solid #e6e6e6;background: #fff;min-height: 40px;padding-left:157px;}
.sub-search-wrap .search-form-wrap .opt-reset h3 {display:block;position:absolute;top:0;left:0;width:157px;height: 40px;padding-left:30px;}
.sub-search-wrap .search-form-wrap .opt-reset .btn-opt-reset {font-size:14px;color:#333;line-height: 40px;}/*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .opt-reset .btn-opt-reset span {position:relative;top:-2px;margin-left:5px;}
.sub-search-wrap .search-form-wrap .opt-reset ul {padding: 8px 20px;}/*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .opt-reset ul li {display:inline-block;padding-left:15px; line-height:22.5px;}/*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .opt-reset ul li a {text-decoration:none;font-weight:300;color:#5c0f8b;}
.sub-search-wrap .search-form-wrap .opt-reset ul li a span {position:relative;top:-2px;margin-left:7px;}
.sub-search-wrap .search-form-wrap .search-cate-1,
.sub-search-wrap .search-form-wrap .search-cate-2,
.sub-search-wrap .search-form-wrap .search-cate-3 {position:relative;border:1px solid #ddd;}/*1907_수연 추가*/
.sub-search-wrap .search-form-wrap .search-cate-1:before,
.sub-search-wrap .search-form-wrap .search-cate-2:before,
.sub-search-wrap .search-form-wrap .search-cate-3:before {content:'';display:block;width:1100px;height:3px;background:#777;position:absolute;top:-3px;left:-1px;}
.sub-search-wrap .search-form-wrap .search-cate-1 li {float:left;border-bottom:1px solid #ddd;margin-bottom:-1px;}
.sub-search-wrap .search-form-wrap .search-cate-1 li:nth-of-type(4n) {margin-left:-2px;}
.sub-search-wrap .search-form-wrap .search-cate-1 li a,
.sub-search-wrap .search-form-wrap .search-cate-1 .empty span {display:block;
    width:275px;height:45px;line-height:44px;text-align:left;position:relative;font-weight:300;font-size:16px;color:#1f1f1f;padding-left:31px;text-decoration:none;}
.sub-search-wrap .search-form-wrap .search-cate-1 li a *[class^=ico] {position:absolute;top:19px;right:16px;}
.sub-search-wrap .search-form-wrap .search-cate-1 a:after {content:'';
    display:block;width:1px;height:31px;background:url(../images/common/icon_sprite.png) no-repeat -180px -79px;position:absolute;top:7px;right:1px;}
.sub-search-wrap .search-form-wrap .search-cate-1 li:nth-of-type(4n) a:after {display:none;}
.sub-search-wrap .search-form-wrap .search-cate-1 li.on a {font-weight:700;font-size:18px;color:#9229d2;}
.sub-search-wrap .search-form-wrap .search-cate-1 li.on a *[class^=ico] {background-position:-205px -43px;}

.sub-search-wrap .search-form-wrap .search-cate-2 {margin-top:0px}
.sub-search-wrap .search-form-wrap .search-cate-2 h2 {font-weight:700;font-size:20px;color:#333;position:static;top:auto;left:auto;height: 44px;line-height: 44px;padding-left:28px;border-bottom: 1px solid #e6e6e6;}
.sub-search-wrap .search-form-wrap .search-cate-2 h2 *[class^=ico] {display:inline-block;vertical-align:middle;margin-left:5px;position:relative;top:-2px;}
.sub-search-wrap .search-form-wrap .search-cate-2 .item-wrap .list {overflow:hidden;position:relative;/* padding-top:6px; */}
.sub-search-wrap .search-form-wrap .search-cate-2 .item-wrap .list li:nth-of-type(4n) {margin-left:-27px;}
.sub-search-wrap .search-form-wrap .search-cate-2 .cate-wrap.on .list li:nth-child(n+4){display:block;}
.sub-search-wrap .search-form-wrap .search-cate-2 .item-wrap .list li:nth-child(n+5) {display:none;}

.sub-search-wrap .search-form-wrap .search-cate-2 .item-wrap .list li.on a:hover:before {display: block;overflow: hidden;position: absolute;right: -7px;top: -2px;
	width: 19px;height: 19px;background: url(../images/common/icon_sprite.png) no-repeat -170px -117px;vertical-align: top;content: '';}
.sub-search-wrap .search-form-wrap .search-cate-2 .item-wrap .btn-more {display:block;width:18px;height:19px;background:url(../images/common/icon_sprite.png) no-repeat -171px -161px;
	font-size:0;text-indent:-9999px;position:absolute;top:5px;right:15px;}
.sub-search-wrap .search-form-wrap .search-cate-2 .cate-wrap.on {height:auto;}
.sub-search-wrap .search-form-wrap .search-cate-2 .cate-wrap.on .btn-more {background-position:-171px -140px;}

.sub-search-wrap .search-form-wrap .search-cate-3 h2 {font-weight: 700;font-size: 20px;color:#333;position: static;top: auto;left: auto;height: 58px;line-height: 57px;padding-left: 28px;}
.sub-search-wrap .search-form-wrap .search-cate-3 h2 *[class^=ico] {display: inline-block;vertical-align: middle;margin-left: 5px;position: relative;top: -2px;}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .list {/* overflow: hidden; *//* position: relative; *//* padding-top: 6px; */ min-height:30px;}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .cate-lnb li {	float: left;	position: relative;	text-align: left;	width: 242px;	height: 31px;	padding-top: 2px;	padding-left: 17px;
	line-height: 24px;	display: block;	margin-right: 5px;	color: #2d2a26;	}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .cate-lnb {overflow: hidden;border-bottom: 1px solid #e6e6e6;padding-left: 17px; font-size:14px;}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .cate-lnb li {	width: auto;	padding-left: 19px;	margin-right:0px;}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .cate-lnb li a {    color: #2d2a26;}
/*.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .cate-lnb li:after {    content: "";    width: 50px;    height: 50px;    background: black;    display: block;    float: left;}*/
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .list li:nth-of-type(4n) {    /* margin-left: -27px; */}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .list li:nth-child(n+5) {    display: none;}
/*.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .list li:before {content: ''; display: block; width: 1px; height: 31px; background: url(../images/common/icon_sprite.png) no-repeat -180px -79px;    position: absolute;
     top: 0; left: 0;}*/
.sub-search-wrap .search-form-wrap .search-cate-3 .cate-wrap.on .list li:nth-child(n+4) {    display: block;} /* 200601_김수연 추가  */
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .list li.on a:hover:before {display: block;overflow: hidden;position: absolute;right: -7px;
	top: -6px;width: 19px;height: 19px;background: url(../images/common/icon_sprite.png) no-repeat -170px -117px;vertical-align: top;content: '';}
.sub-search-wrap .search-form-wrap .search-cate-3 .item-wrap .btn-more {display: block;width: 18px;height: 19px;background: url(../images/common/icon_sprite.png) no-repeat -171px -161px;
	font-size: 0;text-indent: -9999px;position: absolute;top: 11px;right: 15px;}
.sub-search-wrap .search-form-wrap .search-cate-3 .cate-wrap.on {height: auto;/* padding-bottom: 5px; */background: #f7f7f7;}
.sub-search-wrap .search-form-wrap .search-cate-3 .cate-wrap.on .btn-more {    background-position: -171px -140px;    top: 12px;}
.sub-search-wrap .search-form-wrap .search-cate-3 .cate-wrap .cost-wrap button {/*right:-38px;*/}
.sub-search-wrap .search-form-wrap .btn-all {display:block;margin:-1px auto 0;width:126px;height:31px;text-align:center;
    line-height:28px;border:1px solid #ddd;background:#777;font-size:16px;letter-spacing:-1px; color:white;} /*1907_수연 추가 및 수정*/
.sub-search-wrap .search-form-wrap .btn-all span {position:relative;top:-2px;margin-left:5px;}
.sub-search-wrap .ui-btn-primary {border-radius: 3px; font-size:16px; font-weight: 500; width:144px; height:42px; line-height:42px; margin-bottom:122px;}
/* e : 2005 상세검색 ui 변경 김수연 */

#pop-productSpec .tbl_type th{background: rgb(86, 145, 215);color: #FFF;border-top: none;}

/* 빈페이지 css 추가 */
.empty-page-wrap {margin:157px auto 240px; text-align:center;}
.empty-page-wrap h2 {font-size:35px; font-weight:700; margin-bottom:16px; color:#9229d2;}
.empty-page-wrap p {font-size:20px; color:#999;}
.empty-page-wrap .prd_prepare_img {display:inline-block; background: url(../images/common/prd_prepare_img.png) no-repeat; margin-bottom:43px; background-position: 0 0; width: 108px; height: 108px;}
.empty-page-wrap.prd {margin:188px auto 0;}
.empty-page-wrap.prd .prd_prepare_img {margin-bottom:30px;}
.empty-page-wrap.prd h2 {margin-bottom:14px;}
.empty-page-wrap.coupon {margin: 145px auto 164px;}
.empty-page-wrap.coupon .prd_prepare_img {background-position: -130px 0; width: 174px; height: 108px;}


.sub-recom-goods-wrap {background:#f8f8f8;padding:30px 0 40px;margin-top:50px;margin-bottom:50px;}
.sub-recom-goods-wrap .btn-wrap {position:relative;}
.sub-recom-goods-wrap .btn-wrap button {position:absolute;top:-150px;}
.sub-recom-goods-wrap .btn-wrap .btn-recomm-pre {left:-60px;}
.sub-recom-goods-wrap .btn-wrap .btn-recomm-next {right:-60px;}
.sub-recom-goods-wrap .goods-list-wrap {margin-top:30px;}
.sub-goods-list-area .goods-list-row-wrap,
.sub-goods-list-area .goods-list-wrap {margin-top:9px;}
/* srch option */
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .selected-goods-wrap {font-size:14px; margin-top:10px;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .quantity-control .number {width:35px;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .quantity-control button {width:20px;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .quantity-control .number,
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .quantity-control button {height:22px; line-height:22px; background:#fff;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .ui-num {margin-left:auto; padding-right:15px; position:relative;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .ui-num .btn-close {position:absolute; right:0; top:4px;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .selected-goods-wrap li {display:flex; display:-webkit-flex; display:-ms-flexbox; padding:15px 20px; background:#f5f5f5;}
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .selected-goods-wrap li + li {border-top:1px solid #ddd; }
.sub-goods-list-area .goods-list-row-wrap .goods-info-wrap .left-info .option-wrap .selected-goods-wrap .goods-title {max-width:360px; margin:0 10px 0 0;}
/*190918_수연 : 상품목록기본형 높이 추가
.sub-goods-list-area .goods-list-wrap.type7 .list-group-item .info {position:relative;}
.sub-goods-list-area .goods-list-wrap.type7 .list-group-item .info .pay-logout {height:43px;}
.sub-goods-list-area .goods-list-wrap.type7 .list-group-item .info .pay-02{height:48px;}
.sub-goods-list-area .goods-list-wrap.type7 .list-group-item .info .flag {position:absolute; bottom:10px;}
.sub-goods-list-area .goods-list-wrap.type7 .list-group-item .info .flag span {}*/
.goods-list-wrap.type7 .list-group-item .info {position:relative;}
.goods-list-wrap.type7 .list-group-item .info .pay-logout {height:43px;}
.goods-list-wrap.type7 .list-group-item .info .pay-02{height:48px;}
.goods-list-wrap.type7 .list-group-item .info .flag {position:absolute; bottom:10px;}
.goods-list-wrap.type7 .list-group-item .info .flag span {}


/* s: 2018-12-27 추가 */
.sub-goods-list-area .goods-list-row-wrap .nothing{padding:40px 0;}
.sub-goods-list-area .goods-list-row-wrap .nothing .info_txt{margin-bottom:20px;}
.sub-goods-list-area .goods-list-row-wrap .nothing .info_txt em{color:#9229d2;}
.sub-goods-list-area .goods-list-row-wrap .nothing .list{margin-left:416px;}
.sub-goods-list-area .goods-list-row-wrap .nothing .list li{line-height:24px;}
/* e: 2018-12-27 추가 */
.sub-goods-detail-01 .page-nav-wrap {margin-top:20px;padding-left:5px;}
/* s: 2018-12-28 수정 */
.sub-goods-detail-02 {margin:30px 0 65px;}
/* e: 2018-12-28 수정 */
.sub-goods-detail-02 .b-box a{font-weight:600; color:#222; display:flex; display:-ms-flexbox; display:-webkit-flex; align-items: center; font-size:16px; justify-content: center; padding:20px; border:1px solid #ddd;}
.sub-goods-detail-02 .b-box .star-wrap {margin:0 5px 0 10px; display:inline-flex;}
.sub-goods-detail-02 .b-box .star-wrap .number {font-weight:900;color:#454545; margin-left:10px;}
.sub-goods-detail-02 .b-box .ico-arr-right-thin {position:absolute;top:25px;right:17px;}
.sub-goods-detail-02 .b-box a em {font-weight:500; color:#454545;}
.sub-goods-detail-02 .summary {font-size:15px;color:#999;letter-spacing:-1px;margin-top:10px;}
/* 수연 :  MD 공지 한줄 영역 추가 */
.sub-goods-detail-02 .md-notice-txt-wrap {font-size: 14px;color:#dd012a;margin: 10px 0;font-weight: 400;height: auto;overflow: hidden;}
/*200316 지연수정*/
.sub-goods-detail-02 .md-notice-txt-wrap .ico-notice {margin-right: 10px; float: left; width:24px;}
/*200316 지연수정*/
.sub-goods-detail-02 .md-notice-txt-wrap .md-notice-txt {float:left; width:90%; width: 95%; min-width: 1000px;}
.sub-goods-detail-02 .md-notice-txt-wrap .md-notice-txt pre{ margin-top: 0px; font-family:"Noto", "Dotum", "Arial", "self"; font-size:14px; font-weight:400; line-height:1.2; letter-spacing:-0.05em; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; white-space: pre-line;}
.sub-goods-detail-02 .md-notice-txt-wrap .md-notice-txt pre:first-child {margin-top: 0px;}
/* end :  MD 공지 한줄 영역 추가 */
.sub-goods-detail-02 .wrap {margin-top:20px;}
.sub-goods-detail-02 .wrap .big-img {display:block; width:535px;height:535px;border:1px solid #ddd;text-align:center;overflow:hidden; position:relative;}
.sub-goods-detail-02 .wrap .big-img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:contain; max-width: 535px; max-height:535px; min-width:330px;}
.sub-goods-detail-02 .wrap .big-img .ssm-flag {position:absolute; top:2px; left:2px;}
.sub-goods-detail-02 .wrap .big-img .ssm-flag .ssmSale {width:102px; height:102px; background-position:0 0;}
.sub-goods-detail-02 .wrap .img-thm {position:relative;text-align:center;margin-top: 20px;}
.sub-goods-detail-02 .wrap .img-thm>ul {display:inline-block;}
.sub-goods-detail-02 .wrap .img-thm>ul>li {float:left;}
.sub-goods-detail-02 .wrap .img-thm>button {position:absolute;top:33px;}
.sub-goods-detail-02 .wrap .img-thm .btn-nav-pre {left:0;}
.sub-goods-detail-02 .wrap .img-thm .btn-nav-next {right:0;}
.sub-goods-detail-02 #sub-detail-slide-1 {width:451px; height:90px;margin:0 auto;}
.sub-goods-detail-02 #sub-detail-slide-1 .owl-stage-outer {height:100%;} /* 20190509 상품이미지 선택 시 레이아웃이 깨지는 현상 수정 */
.sub-goods-detail-02 #sub-detail-slide-1 .owl-item {width:90px !important;height:100%;border:1px solid #ddd;border-right:0;}
.sub-goods-detail-02 #sub-detail-slide-1 .owl-item + .owl-item {border-left:1px solid #ddd;}
.sub-goods-detail-02 #sub-detail-slide-1 .owl-item:last-child {border-right:1px solid #ddd;}
.sub-goods-detail-02 #sub-detail-slide-1 a {display:block;height:100%;outline:none;}
.sub-goods-detail-02 #sub-detail-slide-1 a img {width:88px;height:88px;object-fit: contain;}
.sub-goods-detail-02 #sub-detail-slide-1 a.on:before {
    content:'';display:block;width:89px;height:89px;
    border:1px solid #9229d2;position:absolute;
   }

/* .sub-goods-detail-02 .wrap .info {width:535px;}
.sub-goods-detail-02 .wrap .purchase-wrap {border-top:2px solid #777;position:relative;margin-top:10px;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap {position:absolute;top:-39px;right:0;white-space:nowrap;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap li {display:inline-block;vertical-align:middle;position:relative;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap li + li {margin-left:19px;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap li + li:before {content:'';display:block;width:1px;height:12px;background:#ddd;position:absolute;top:8px;left:-10px;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap .btn-zzim.on span {background-position:-191px -95px;}
.sub-goods-detail-02 .wrap .purchase-wrap .quantity-control {vertical-align:middle;}
.sub-goods-detail-02 .wrap .purchase-wrap dt {position:absolute;padding-left:20px;font-weight:500;height:20px;font-weight:300;font-size:17px;color:#000;vertical-align:middle;}
.sub-goods-detail-02 .wrap .purchase-wrap dd {padding-left:122px;font-size:20px;margin-top:17px;}
.sub-goods-detail-02 .wrap .purchase-wrap .selectric .label {font-weight:300;color:#999;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap {display:block;background:#f9f9f9;overflow:hidden;padding:20px 0;position:relative;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dt:nth-of-type(1) {top:20px;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dt:nth-of-type(2) {top:63px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dt:nth-of-type(2) {top:61px;}}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dt:nth-of-type(3) {top:102px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dt:nth-of-type(3) {top:102px;}}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd {margin-top:0;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd.discount,
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd.dealer{margin-top:5px;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd span {font-weight:300;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd .num {font-size:16px;color:#8f8f8f;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd strong {font-size:32px;color:#fb4949;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd strong.black {color:#353535;}
.sub-goods-detail-02 .wrap .purchase-wrap .price-wrap dd strong + span {font-size:20px;color:#000;}
.sub-goods-detail-02 .wrap .purchase-wrap .discount-rate {position:absolute;top:-2px;right:28px;z-index:5;}
.sub-goods-detail-02 .wrap .purchase-wrap .discount-rate > span {text-align:center;font-size:26px;color:#fff;padding-top:15px;}
.sub-goods-detail-02 .wrap .purchase-wrap .discount-rate .num {font-weight:700;} */

.sub-goods-detail-02 .wrap .info .prdInfo-wrap .flag span + span {margin-left:5px;}
.sub-goods-detail-02 .wrap .purchase-wrap {border-top:2px solid #777;position:relative;margin-top:10px; color:#222; width:535px;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap {position:absolute;top:-32px;right:0;white-space:nowrap;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap .sns-btns li {display:inline-block;vertical-align:middle;position:relative;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap .sns-btns li + li {margin-left:19px;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap .sns-btns li + li:before {content:'';display:block;width:1px;height:12px;background:#ddd;position:absolute; top:50%; transform:translateY(-50%); left:-10px;}
.sub-goods-detail-02 .wrap .purchase-wrap .sns-wrap .sns-btns .btn-zzim.on span {background-position:-191px -95px;}
.sub-goods-detail-02 .wrap .purchase-wrap .quantity-control {vertical-align:middle;}

/* 230424 : 상품상세 금액 및 정보 ui 변경 */
.sub-goods-detail-02 .wrap .purchase-wrap dl {padding:24px 0; font-size:17px; border-bottom:1px solid #ddd; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
.sub-goods-detail-02 .wrap .purchase-wrap dl:last-of-type {border-bottom:none;}
.sub-goods-detail-02 .wrap .purchase-wrap dt {width:130px; padding-left:20px; margin-top:20px; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center;}
.sub-goods-detail-02 .wrap .purchase-wrap dd {width:calc(100% - 130px); margin-top:20px; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center;}
.sub-goods-detail-02 .wrap .purchase-wrap dt:first-of-type,
.sub-goods-detail-02 .wrap .purchase-wrap dd:first-of-type {margin-top:0;}
.sub-goods-detail-02 .wrap .purchase-wrap .logout-price dt {color:#ff4040}
.sub-goods-detail-02 .wrap .purchase-wrap .logout-price dd {color:#999;}
.sub-goods-detail-02 .wrap .purchase-wrap .logout-total {font-size:20px; font-weight:500; color:#ff4040; padding:15px 0 30px; text-align:right;}
.sub-goods-detail-02 .wrap .purchase-wrap .card-wrap dd {font-size:27px;}
.sub-goods-detail-02 .wrap .purchase-wrap .card-wrap dd .discount-rate {color:#ff4040; margin-right:8px;}
.sub-goods-detail-02 .wrap .purchase-wrap .card-wrap dd .card-price span {font-size:20px;}
.sub-goods-detail-02 .wrap .purchase-wrap .card-wrap dd .sale-price {font-size:16px; color:#bbb; text-decoration: line-through; margin:0 0 2px 8px; align-self:flex-end;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap dd.btn-discount {font-size:20px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap dd.btn-discount strong {font-size:22px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .btn-discount button {font-size:14px; color:#888; margin-left:10px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .btn-discount button .icon {display:inline-block;margin-left: 3px;width:16px;height:16px;border-radius:8px;border:1px solid #888;vertical-align: text-bottom;color: #888;font-size: 12px; line-height:15px;}
/* .sub-goods-detail-02 .wrap .purchase-wrap .member-grade-wrap dd {color:#5c0f8b; cursor: pointer;} */
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .mbPrc-dealer {font-size:18px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .mbPrc-dealer {font-size:16px; color:#999;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .box-coupon-down {display:inline-block; width:114px; height:38px; border:1px solid #ff8a23; color:#ff8a23; font-size:15px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .box-coupon-down span {margin-left:4px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap [class^=member-discount] {align-items: flex-start;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .member-discount-box {flex-direction:column; }
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .member-discount-box .percent-info .percent {color:#ff4040; margin:0 4px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .member-discount-box .detail {font-size: 14px; color:#555; margin-top: 8px; padding:14px 18px; background:#f7f7f7;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .member-discount-box .detail li + li {margin-top: 4px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .member-discount-box .detail li:nth-child(1) {color:#222; font-weight:700; margin-bottom:6px}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .member-discount-box .detail li span {color:#ff4040;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .gift-box {width:535px; margin-top:20px; background:#f7f7f7; padding:20px; font-size:16px; display:flex; display:-webkit-flex; display:-ms-flex-box; cursor: pointer; align-items: center;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .gift-box span:nth-child(odd){flex-shrink:0;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .gift-box .desc {padding:0 10px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .gift-box.open .desc {text-overflow:initial; white-space: pre-wrap; overflow:initial;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .gift-box.open .btn-open {background-position:-28px -706px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .cardFreefee-btn {display:flex; align-items:center; border-bottom:1px solid #6c6c6c;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .cardFreefee-btn .txt {font-size: 15px; color: #6c6c6c; padding-bottom:2px; margin-right:4px;}
.sub-goods-detail-02 .wrap .purchase-wrap .benefit-wrap .cardFreefee-btn::after {display:inline-block; content:''; width:6px; height:11px; background:url(../../common/images/common/icon_sprite_02.png) no-repeat -201px -113px;}
.sub-goods-detail-02 .wrap .etc-wrap-01 .btn-purchase {padding:5px 12px; border:1px solid #ddd; color:#6c6c6c; margin-left:10px;}
.sub-goods-detail-02 .wrap .etc-wrap-01 .delivery-info {flex-direction: column; align-items: flex-start;}
.sub-goods-detail-02 .wrap .etc-wrap-01 .delivery-info .islandDelv {font-size: 14px;margin-top: 6px;color: #555;}
.sub-goods-detail-02 .wrap .etc-wrap-02 .option .selectric-wrapper {width:100%;}
.sub-goods-detail-02 .wrap .etc-wrap-02 .quantity {margin-top: 18px;}
#pop-discount-cash .pop-header h2 {font-size:18px; border-bottom:3px solid #888;}
#pop-discount-cash .discount-wrap dl {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content: space-between; flex-wrap:wrap; padding:0 20px;}
#pop-discount-cash .discount-wrap dl:not([class^=discount]) {font-size:17px; padding-top:14px;}
#pop-discount-cash .discount-wrap dl + dl {margin-top:10px;}
#pop-discount-cash .discount-wrap .discount-detail-wrap dd {flex-basis:70%;margin-bottom:4px;padding-left:20px;position: relative;}
#pop-discount-cash .discount-wrap .discount-detail-wrap dd::before {display:inline-block;content:'';width:8px;height:6px;border-bottom:1px solid #222;border-left:1px solid #222;position: absolute;left: 7px;top: 5px;}
#pop-discount-cash .discount-wrap .discount-detail-wrap dt {flex-basis:30%; margin-bottom:4px; text-align:right;}
#pop-discount-cash .discount-wrap .discount-detail-wrap *:nth-last-child(-n+2) {color:#ff4040;}
#pop-discount-cash .discount-wrap .discount-total-wrap {margin-top:20px; padding-top:20px; border-top:1px solid #ddd; font-size:18px;}
#pop-discount-cash .discount-wrap .discount-total-wrap dt strong {color:#ff4040; font-size:22px;}
#pop-discount-cash .discount-wrap.coupon .discount-detail-wrap *:nth-last-child(-n+2) {color:#444;}
#pop-cardFreefee .pop-body {height:500px; overflow-y:auto;}
/*
    추가 양우정
    옵션상품 추가시 하단 선택한 상품 생성
*/
.sub-goods-detail-02 .wrap .selected-goods-wrap{/*border-top:1px solid #ddd;*/padding: 10px 0px;position:relative; margin-top:10px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap ul li {padding:15px 25px;background:#f5f5f5;overflow:hidden;}
.sub-goods-detail-02 .wrap .selected-goods-wrap ul li + li {border-top:1px solid #ddd;}
.sub-goods-detail-02 .wrap .selected-goods-wrap ul li.assemble-option + li {border-top:0;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .goods-title{font-size:14px; line-height: 20px; cursor:pointer;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .goods-info{/*width:150px; float:right; */ position:relative; height:25px; text-align:right; margin-top:10px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .ui-quantity-01 {/*position:absolute;right: 110px;*/ float:left;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .ui-num{/*position:absolute;right:0px; line-height:26px;height:26px; */position:relative;display:inline-block;float:right;padding-right: 25px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .ui-num span.num{font-size: 18px;font-weight: 700;margin-right: 3px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .ui-num button.btn-close{position:absolute; top:50%; transform:translateY(-30%); right:0;}

/* 김수연 : 조립PC 옵션 변경옵션 노출 */
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option {margin-bottom:15px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-title li {padding: 3px 0 0 0px;color: #8f8f8f;font-weight: 300;position:relative; border-top:0;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-title li::after {display:block;content:'';clear:both;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-title li .tit {display:inline-block;float: left;width: 70%;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-title li .tit span {font-weight:500;margin-right:3px;padding: 0px 5px;background:#999;color:#fff;font-size: 11px;border-radius: 3px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-title li .ui-num {width: 30%;text-align: right; padding-right:25px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-title li .ui-num > span {font-size:14px;word-break: break-all;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-info { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px; height: auto;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-info .ui-num { padding-right: 0;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-info .cashPrc{margin-top:5px;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-info .cashPrc span.num{color:#fb4949;}
.sub-goods-detail-02 .wrap .selected-goods-wrap .assemble-option .goods-info .cardPrc span.num {font-size:15px; font-weight:500;}



.sub-goods-detail-02 .wrap .total-amount {padding:20px 0 30px;position:relative;text-align:right;color:#353535;/*border-top:1px solid #ddd;*/}
.sub-goods-detail-02 .wrap .total-amount .txt {display:inline-block;font-weight:500;font-size:20px;vertical-align:middle;margin-right:30px;}
.sub-goods-detail-02 .wrap .total-amount .num span {display:inline-block;margin-left:5px;position:relative;top:6px;}
.sub-goods-detail-02 .wrap .total-amount strong {display:inline-block;font-size:36px;vertical-align:middle;}
.sub-goods-detail-02 .wrap .btn-wrap {margin-top:20px;}
.sub-goods-detail-02 .wrap .btn-wrap .btn-basket,
.sub-goods-detail-02 .wrap .btn-wrap .btn-buying {background:#3e3e3e;color:#fff;font-weight:500;font-size:20px;width:263px;height:60px;}
.sub-goods-detail-02 .wrap .btn-wrap .btn-buying {background:#5c0f8b;margin-left:3px;}
.sub-goods-detail-02 .wrap .btn-wrap .btn-soldout {border:3px solid #999;color:#fff;font-weight:500;font-size:20px;width:263px;height:60px;}
.sub-goods-detail-02 .wrap .btn-wrap .btn-soldout {background:#999;margin-left:3px;}

/*191014_수연 : 쿠폰받기 추가*/


#pop-discount-coupon .pop-header {text-align:center; position:relative;}
#pop-discount-coupon .pop-header .my-coupon-wrap {width:42px; height:35px; display:inline-block; position:absolute; top:-6px; left:2px; z-index:99;}
#pop-discount-coupon .pop-header .my-coupon-wrap p {font-size:10px; color:#5C5C5C; letter-spacing: -1px; margin-top:2px;}
#pop-discount-coupon .pop-body .pop-coupon-box > ul {display:block;width: 418px;overflow-y: auto;text-align: left;max-height: 325px;padding: 0 10px;/* IE */ scrollbar-arrow-color:#ddd; scrollbar-face-color:#ddd; scrollbar-highlight-color:#ddd; scrollbar-shadow-color:#ddd; scrollbar-track-color:#f4f4f4;}
#pop-discount-coupon .pop-body .pop-coupon-box ul::-webkit-scrollbar {width:6px;}
#pop-discount-coupon .pop-body .pop-coupon-box ul::-webkit-scrollbar-thumb {background-color:#ddd; border-radius:6px;}
#pop-discount-coupon .pop-body .pop-coupon-box ul::-webkit-scrollbar-track {background-color:#f4f4f4;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li {position:relative;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li::after{display:block; content:''; clear:both;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.finish {background-position-x: -400px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.finish,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled {}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.finish .cpn-down-btn-wrap,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .cpn-down-btn-wrap {cursor:auto;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li:nth-child(n+2) {margin-top: 15px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li {width: 100%;/* background: url("../images/common/pop-coupon.png") no-repeat; */}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item {position: relative;border: 1px solid #5c0f8b;border-radius: 8px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item::before,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item::after {display:inline-block; content:'';width: 16px;height: 16px;border-radius: 16px; border:1px solid #5c0f8b; position:absolute;top: -10px;right: 72px;background: #fff;z-index: 1;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item::after {top:auto;bottom: -10px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .inner {padding: 16px 83px 16px 25px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .inner::before,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .inner::after {display:inline-block; content:'';width: 22px; height:10px;background: #fff;position: absolute;right: 70px;z-index: 2;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .inner::before {top: -11px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .inner::after {bottom: -11px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tit {font-size: 16px;font-weight: 500; position:relative;margin-bottom: 8px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .cpn-info {color:#999; font-size:13px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .cpn-info + .cpn-info {margin-top: 3px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .cpn-info .ellipsis {max-width: 252px; display:inline-block; float:left;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .discount {font-size: 28px;font-weight: 700;color: #5c0f8b;margin-bottom: 10px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .discount em {font-size: 18px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .cpn-down-btn-wrap {display:inline-block;width: 83px;height: 140px;position: absolute;top: -1px;right: -1px;background: #5c0f8b;border-radius: 0 8px 8px 0;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .cpn-down-btn-wrap span[class^=ico] {margin-bottom: 8px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .cpn-down-btn-wrap .text {font-size: 12px; color:#fff;letter-spacing: -1px;display: block;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item::before,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item::after {border-color: #aeaeae;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item .discount,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item .tit,
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item .cpn-info {color: #aeaeae;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li.disabled .item .cpn-down-btn-wrap {background:#aeaeae;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .cpn-tooltip {display:inline-block;float: left;margin-left: 5px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-btn {border: 1px solid #999;padding: 1px 4px 0px;border-radius: 50%;font-size: 12px;color: #6c6c6c;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-text {position:absolute;background: #fff;width: 390px;left: 0px;border: 1px solid #222;z-index: 2;padding: 15px;display: none;color: #444;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-text .tit {font-size: 13px;color: #444;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-text .tooltip-close {position:absolute;top: 15px;right: 15px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-text li {padding-left: 8px; position:relative;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-text li + li {margin-top:2px;}
#pop-discount-coupon .pop-body .pop-coupon-box .pop-coupon-li .item .tooltip-text li::before {display:inline-block;width: 4px; height:1px; content:''; background:#444; position:absolute; top:50%; left:0;transform: translateY(-50%);}
#pop-discount-coupon .pop-body .coupon-info-sub {padding:10px 0 20px 0;}
#pop-discount-coupon .pop-body .coupon-info-sub p {font-size:12px;color:#777;line-height: 15px;}
#pop-discount-coupon .pop-body .cpn-all-down-btn {background:#5c0f8b; color:white; width:150px; height:30px; margin:auto; display:block; border-radius: 150px;
box-shadow:1px 1.5px 3px 1px rgba(160,160,160,0.5);}
/* end : 수연 쿠폰받기 */

#pop-nvrPay-view .ui-chk-purple-sm {padding:15px 0 0 0; border-top:1px solid #ddd;}

.goods_together {margin-top:65px; position:relative;} /* 200615_김수연 : margin-top:81 주석처리 풀고 -> 80 으로 변경*/
.goods_together .btn-wrap button + button {margin-left:2px;}
.goods_together .btn-wrap {position:absolute; top:0; right:0;}
.goods_together .btn-wrap .page {margin: 0 10px;font-size:18px;font-weight:500;vertical-align: middle;}
.goods_together .btn-wrap .page :not(.current) {color:#999;}

.goods-detail-etc {margin-top:65px;} /* 200615_김수연 : 89 -> 80 으로 변경*/
.goods-detail-etc .tab {margin-top:0;}
/* 수연 : md공지 상세설명 영역 */
.goods-detail-etc .detail-md-notice-wrap {position:relative;margin-top: 30px;border: 1px solid #ddd;}
.goods-detail-etc .detail-md-notice-wrap .tit {background:#5c0f8b;color:white;font-size: 16px;padding: 5px 30px;}
.goods-detail-etc .detail-md-notice-wrap .tit > p > span {font-weight: 100;}
.goods-detail-etc .detail-md-notice-wrap .detail-md-notice-txt {padding: 15px;}
.goods-detail-etc .detail-md-notice-wrap .btn-md-notice-more {display:block;position:absolute;top: 5px;right: 5px;color:white;}
.goods-detail-etc .detail-md-notice-wrap .detail-md-notice-txt {padding: 0px;height:0px;overflow: hidden;}
.goods-detail-etc .detail-md-notice-wrap .detail-md-notice-txt.on {height: auto; text-align:center;padding: 15px;}
.goods-detail-etc .detail-md-notice-wrap .detail-md-notice-txt.on img {max-width:1100px;}
/* end : md공지 상세설명 영역 */

/* s : 수연 이용 후기 css 수정 */
.goods-detail-etc .detail-img {text-align:center;padding:82px 0;overflow:hidden;}
.goods-detail-etc .detail-img.on {height:800px;}
.goods-detail-etc .detail-img.on img {max-width:1100px;}
.goods-detail-etc .detail-img img {max-width:1100px;}
.goods-detail-etc .detail-img + .tab {margin-top:99px;}
.goods-detail-etc .detail-img .ssmPcSpec {width:1100px; background:#999999!important; padding:50px 60px; text-align:center; margin:auto}
.goods-detail-etc .detail-img .ssmPcSpec h2 {color:white; margin-bottom:25px; font-size:35px;}
.goods-detail-etc .detail-img .ssmPcSpec table {background:white;}
.goods-detail-etc .detail-img .ssmPcSpec td {padding:13px 15px; border:1px solid #aeaeae;}
.goods-detail-etc .detail-img .ssmPcSpec td:first-child {text-align:center; font-weight:700; background: #eee;}
.goods-detail-etc .btn-detail-more-wrap {text-align:center;margin-top:40px;}
.goods-detail-etc .btn-detail-more-wrap button {width:272px;height:50px;border:1px solid #5c0f8b; color:#5c0f8b; text-align:center;font-size:16px;}
.goods-detail-etc .btn-detail-more-wrap button *[class^=ico] {margin-left:11px;}
.goods-detail-etc .usage-reviews {margin-top:99px;}
.goods-detail-etc .usage-reviews .tit {/*font-weight:500;font-size:24px;color:#353535;*/margin-top:40px;}
.goods-detail-etc .usage-reviews .b-box {border:1px solid #ddd;margin-top:10px;padding: 25px; font-size:18px; display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content: center; align-items: center;}
.goods-detail-etc .usage-reviews .b-box span.star-wrap .number {font-size:30px; margin-left:10px;}
.goods-detail-etc .usage-reviews .btn-reviews {
    display:block;position:absolute;top:37px;right:40px;
    border:1px solid #000;border-radius:5px;text-align:center;
    width:235px;height:45px;line-height:33px;text-decoration:none;
    font-size:18px;color:#000;padding-top:3px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(227,227,227,1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(227,227,227,1);
    box-shadow: 1px 1px 1px 1px rgba(227,227,227,1);
}
/* e : 수연 이용후기 css 수정 */

.goods-detail-etc .usage-reviews .btn-reviews * {vertical-align:middle;}
.goods-detail-etc .usage-reviews .btn-reviews span:nth-of-type(1) {margin-right:7px;}
.goods-detail-etc .cb-comment {margin-top:17px;}
.pop-later-use,
.pop-goods-inquiry {width:820px;}
.pop-later-use .pop-msg,
.pop-goods-inquiry .pop-msg {padding:30px 10px !important;}
.pop-later-use .goods-info {position:relative;height:147px;padding:18px 0 0 186px;}
.pop-later-use .goods-info img {width:147px;height:147px;position:absolute;top:0;left:0;}
.pop-later-use .goods-info .goods-number {display:block;color:#222;font-size:16px;}
.pop-later-use .goods-info .goods-name {display:block;color:#222;font-size:18px;margin-top:15px;}
.pop-later-use .goods-info .goods-opt {display:block;color:#999;margin-top:8px;}
.pop-later-use .pop-btn-wrap [class^=ui-btn] {width:100px;height:41px;font-weight:500 !important;}
.pop-later-use .star-wrap .button-wrap {display:inline-block; float:left; height:36px; line-height:28px;}
.pop-later-use .star-wrap .button-wrap button {width:26px;}
.pop-later-use .star-wrap .button-wrap button span {width:26px;}
.pop-later-use .star-wrap .number {float:left; font-size:24px;margin-left:10px;}
.pop-later-use .ipt-name {width:361px !important;}
.pop-later-use .tbl_type td {padding:15px;}
.pop-later-use .txtarea-md {padding:10px;letter-spacing:-1px;}
.pop-later-use .color-gray {color:#999;}
.pop-goods-inquiry .pop-msg {padding-top:10px !important;}
.pop-goods-inquiry .link {color:#9229d2;text-decoration:none;border-bottom:1px solid #9229d2;}
.pop-goods-inquiry .tbl_type td {padding:15px;}
.pop-goods-inquiry .rdo-inquiry-wrap .ui-radio {display:inline-block;margin-right:20px;}
.pop-goods-inquiry .txtarea-md {padding:10px;height:110px !important;}
.pop-goods-inquiry .pop-msg > p.color-red {color:#dd012a !important;}
.pop-goods-inquiry .pop-msg > p.color-red span {background:#dd012a !important;}
.pop-goods-inquiry .tbl_type.tbl-input .email .ui-ipt,
.pop-goods-inquiry .tbl_type.tbl-input .email .selectric {width:164px;}
.pop-goods-inquiry .ipt-name {width:361px !important;}

/* 택배 업체직배송 팝업 */
.direct-parcel-text{margin-top:40px;padding:15px 10px;font-size:18px;text-align:center;border-top:1px solid #222;background-color:#f1f1f2;}
.direct-parcel-list {height:200px;overflow-y:scroll;border-bottom:1px solid #e5e5e5;}
.direct-parcel-list li{padding:10px;border-top:1px solid #e5e5e5}

.product-inquiry > .tit {margin-top:40px;}
.product-inquiry .btn-inq {position:absolute;top:77px;right:0}
.product-inquiry .tbl_type {margin-top:10px;}
.product-inquiry .tbl_type .qa-wrap {padding:0;}
.product-inquiry .tbl_type .q-wrap {position:relative;padding:30px 100px 43px 125px;overflow:hidden}
.product-inquiry .tbl_type .q-wrap .thm {width:154px;height:154px;float:right;}
.product-inquiry .tbl_type .q-wrap .thm img {width:100%;height:100%;}
.product-inquiry .tbl_type .q-wrap .cir-wrap {position:absolute;top: 30px;left:50px;}
.product-inquiry .tbl_type .q-wrap .cir-wrap span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.product-inquiry .tbl_type .q-wrap div {word-break:break-all; white-space: pre-line;}
.product-inquiry .tbl_type .q-wrap .button-wrap {white-space:normal;margin-top: 15px;}
.product-inquiry .tbl_type .a-wrap {background:#f6f6f6;position:relative;padding:30px 100px 43px 125px;}
.product-inquiry .tbl_type .a-wrap:before {content:'';display:block;width:0px;height:0px; border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:15px solid #f6f6f6;position:absolute;top:-15px;left:96px;}
.product-inquiry .tbl_type .ellipsis a {text-decoration:none;}
.product-inquiry .tbl_type .a-wrap .cir-wrap {position:absolute;top:30px;left:50px;}
.product-inquiry .tbl_type .a-wrap .cir-wrap span{position:absolute;top:50%;left:50%; transform: translate(-50%,-50%);}
.product-inquiry .tbl_type .a-wrap .info * {display:inline-block;vertical-align:middle;}
.product-inquiry .tbl_type .a-wrap .info .a-state {color:#5c0f8b;margin-right:5px; font-weight:700; font-size:13px;}
.product-inquiry .tbl_type .q-wrap .date,
.product-inquiry .tbl_type .a-wrap .info .usr-id,
.product-inquiry .tbl_type .a-wrap .info .date {font-weight:300;color:#666; font-size:13px;}
.product-inquiry .tbl_type .a-wrap .info .date:before {content:'';display:inline-block;width:1px;height:10px;background:#666;margin:0 5px;}
.product-inquiry .tbl_type .a-wrap .dsc {margin-top:10px; white-space: pre-line; word-break: break-all;}
.product-inquiry .tbl_type .ico-rock-small {margin-left:5px;}
.product-inquiry .tbl_type .no-list {font-size:14px; color:#6c6c6c;padding:30px 0;}
.product-inquiry .tbl_type .state {display:inline-block;min-width:54px;min-height:22px;line-height:20px;text-align:center;border:1px solid #acacac;font-weight:300;font-size:12px;}
.product-inquiry .tbl_type .state.type1 {border-color:#31a88d;color:#31a88d;}
.product-inquiry .tbl_type .state.type2 {border-color:#dd012a;color:#dd012a;}
.product-inquiry .tbl_type .state.type3 {border-color:#9185d1;color:#9185d1;}
.product-inquiry .tbl_type .state.type4 {border-color:#707070;color:#707070;}

.exchange-returns {margin-top:94px;}
.exchange-returns > .tit {margin-top:30px;}
.exchange-returns .tbl_type {margin-top:10px;}

/* 회원가입 */
/* #wrapper.member.join #header .logo img {width: 100px;} */
/* #wrapper.member.join #header .logo span {display:inline-block;vertical-align:middle;position:relative;margin-left: 13px;color:#555;top: 1px;} */
/* #wrapper.member.join #header .logo span:before {content:'';display:block;width: 1.5px;height: 24px;background:#ddd;position:absolute;top: 4px;left:-10px;} */
/* #wrapper.member.join #container.type2 {background:#f8f8f8;padding: 73px 0;} */
/* #wrapper.member.join #container.type3 {padding:160px 0 207px 0;} */
/* #wrapper.member.join #footer {margin:0;} */
/* #wrapper.member.join .join-head span.txt-regular {display:block;color:#222;line-height: 30px;font-size: 15.5px;} */
/* #wrapper.member.join .join-head span.txt-bold {font-size: 24px;} */
/* #wrapper.member.join .white-box {width: 1100px;height: 412px;background:#fff; text-align: center; } */
/* #wrapper.member.join .white-box [class^=ico] {position:relative;left:12px;} */
/* #wrapper.member.join .white-box p span {font-size:20px;} */
/* #wrapper.member.join .join-step {padding-left: 45px;} */
/* #wrapper.member.join .join-step h2 {padding: 45px 0 20px 0;} */
/* #wrapper.member.join .join-step p {padding-top:20px;} */
/* #wrapper.member.join .h3-join-agree {font-size:26px;color:#000;} */
/* #wrapper.member.join .h4-join-agree {display:inline-block;font-size:16px;position:relative;} */
/* #wrapper.member.join .h4-join-agree span {color:#965af0;position:absolute;top:0;right:-10px;} */
/* #wrapper.member.join .gray-box {background:#f8f8f8;padding:5px 14px 10px;} */
/* #wrapper.member.join .biz-wrap {max-width: 1100px;margin: 0 auto;text-align: left;width: 1100px;padding: 15px 262px;margin-top: 30px;} */
/* #wrapper.member.join .biz-wrap h2 {margin-bottom: 15px;  text-align: center; } */
/* #wrapper.member.join .biz-wrap input {width:173px; height: 30px;margin: 0 10px;margin-bottom: 15px;text-align: center;} */
/* #wrapper.member.join .biz-wrap #firstBiz {margin-left:0;} */
/* #wrapper.member.join .biz-wrap #endBiz {margin-right:0;} */
/* #wrapper.member.join .biz-wrap h3 {} */
/* #wrapper.member.join .biz-wrap p {margin:3px 0;color: #6c6c6c;} */
/* #wrapper.member.join .biz-wrap p:nth-of-type(1){margin-top:10px;} */
/* #wrapper.member.join .number-ipt-wrap {margin-bottom:10px;} */
/* #wrapper.member.join .number-ipt-wrap .relative {padding-left:121px;} */
/* #wrapper.member.join .number-ipt-wrap .tit {position:absolute;top:10px;left:0;font-size:16px;color:#000;} */
/* #wrapper.member.join .number-ipt-wrap .relative:nth-of-type(1) input {width:80px;height:38px;} */
/* #wrapper.member.join .number-ipt-wrap .relative input:focus {border:2px solid #b18bea;} */
/* #wrapper.member.join .number-ipt-wrap .relative:nth-of-type(1) .bar {display:inline-block;vertical-align:middle;width:6px;height:1px;background:#cfcfcf;margin:0 2px;} */
/* #wrapper.member.join .number-ipt-wrap .btn-certify {height:38px;margin-left:15px;line-height:36px;} */
/* #wrapper.member.join .number-ipt-wrap .relative:nth-of-type(2) input {width:260px;height:38px;} */
/* #wrapper.member.join .join-enter {font-size:26px;padding-bottom:38px;letter-spacing:-2px;} */
/* #wrapper.member.join .join-group-tit {display:inline-block;font-size:22px;color:#6a3dcb;letter-spacing:-2px;vertical-align:middle;} */
/* #wrapper.member.join .sub-tit {display:inline-block;font-size:16px;color:#555;margin-left:39px;position:relative;top:4px;} */
/* #wrapper.member.join .join-group {border-top:3px solid #6a3dcb;border-bottom:1px solid #333;margin-bottom:50px;margin-top:10px;} */
/* #wrapper.member.join .join-group .item-tit {font-size:16px;color:#000;position:absolute;top:30px;left:0;} */
/* #wrapper.member.join .join-group .item-tit .point {display:inline-block;color:#6a3dcb;margin-left:2px;} */
/* #wrapper.member.join .join-group .phone-result {padding-top:10px;} */
/* #wrapper.member.join .join-row + .join-row {border-top:1px solid #e6e6e6;} */
/* #wrapper.member.join .join-row .join-item {position:relative;padding:20px 0 20px 220px; min-height:79px } */
/* #wrapper.member.join .join-row .join-item + .join-item {padding-top:0;} */
/* #wrapper.member.join .join-row .join-item + .join-item .item-tit {top:11px;} */
/* #wrapper.member.join .join-item .ui-ipt, */
/* #wrapper.member.join .join-item [class^=btns-box], */
/* #wrapper.member.join .join-group .ui-file .btn-file {height:39px;line-height:37px;} */
/* #wrapper.member.join .join-item [class^=btns-box], */
/* #wrapper.member.join .join-group .ui-file .btn-file {width: 165px;padding:0; letter-spacing:-2px; } */
/* #wrapper.member.join .join-item .ui-ipt, */
/* #wrapper.member.join .join-group .ui-file .ipt-name {width:268px;vertical-align:middle;} */
/* #wrapper.member.join .join-item input + [class^=ui-btn] {margin-left:7px;vertical-align:middle;} */
/* #wrapper.member.join .sub-info-txt {margin-top:10px;} */
/* #wrapper.member.join .join-item .selectric-wrapper {display:inline-block;vertical-align:middle;} */
/* #wrapper.member.join .join-item .selectric {width:100px;height:38px;border-color:#cfcfcf;} */
/* #wrapper.member.join .join-item .selectric .label {font-size:14px;} */
/* #wrapper.member.join .join-item .selectric-items li {font-size:14px;} */
/* #wrapper.member.join .join-item .selectric-items {border-color:#cfcfcf;} */
/* #wrapper.member.join .join-row.birthday .join-item > span {display:inline-block;vertical-align:middle;margin:0 5px;} */
/* #wrapper.member.join .join-row.birthday .ui-ipt, */
/* #wrapper.member.join .join-row.birthday .selectric {width:121px;} */
/* #wrapper.member.join .join-row.ipt-bar .ui-ipt, */
/* #wrapper.member.join .join-row.phone .selectric {width:121px;vertical-align:middle;} */
/* #wrapper.member.join .join-row.ipt-bar .bar {display:inline-block;vertical-align:middle;width:6px;height:1px;background:#cfcfcf;margin:0 9px;} */
/* #wrapper.member.join .join-item .ui-radio {display:inline-block;} */
/* #wrapper.member.join .join-item .ui-radio + .ui-radio {margin-left:30px;} */
/* #wrapper.member.join .join-item .sub-addr-wrap input:nth-of-type(1) {width:455px;} */
/* #wrapper.member.join .join-item .sub-addr-wrap input + input {margin-left:10px;} */
/* #wrapper.member.join .join-row.email .join-item:nth-of-type(1) .ui-ipt + span {display:inline-block;margin:0 10px;} */
/* #wrapper.member.join .join-row.email .join-item:nth-of-type(1) .ui-ipt + span + .ui-ipt {margin-right:10px;} */
/* #wrapper.member.join .join-row.email .join-item:nth-of-type(1) .selectric {width:153px;} */
/* #wrapper.member.join .join-group-tit + [class^=ui-chk] {display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-left:40px;} */
/* #wrapper.member.join .join-row.entrep .ui-ipt {margin-left:10px;} */
/* #wrapper.member.join .join-group + .btn-wrap {margin-bottom:130px;} */
/* #wrapper.member.join .btn-join-com {width:268px;height:59px;font-size:22px;line-height:57px;text-decoration:none;color:#fff;} */
/* #wrapper.member.join .btn-join-com + .btn-join-com {margin-left:8px;color:#222;} */
/* #wrapper.member.join .btn-join-01 {display:block; margin:auto;} */




/* s : 회원가입 회원등급 이중화 ui 변경 김수연 */
#join-wrapper #header {border-bottom:3px solid #5c0f8b; overflow:hidden;}
#join-wrapper #header .logo {width: auto;vertical-align:middle;text-align:center;margin: 25px 0px;}
#join-wrapper #header .logo img {width: 150px;}
#join-wrapper #container {border:0px;}
#join-wrapper .member-wrap {max-width:560px; min-width:300px; margin:auto; padding:0 20px; color:#353535;}
#join-wrapper .member-header {margin-top:40px; clear:both;}
#join-wrapper .member-header h2 { display:inline-block; float:left;}
#join-wrapper .member-wrap .ui-btn-blue-lg {width:100%;padding:0 20px;margin:30px 0px 50px 0px;}
#join-wrapper .member-wrap .ui-btn-blue-lg span {color:#fff}


#join-wrapper .member-header.join-type-tit p {font-size:16px; margin-top:15px; color:#6c6c6c;}
#join-wrapper .member-header.join-type-tit .br {display:none;}
#join-wrapper .member-body.join-type {margin-top:60px;}
#join-wrapper .member-body.join-type .join-type-wrap .join-type{text-align: center;padding: 35px; width: calc(50% - 14px);margin: 0 auto; float:left; color:#fff; background:#5c0f8b; margin:0 14px 0 0;}
#join-wrapper .member-body.join-type .join-type-wrap .join-type + .join-type {margin:0 0 0 14px; border:1px solid #c2c2c2; color:#6c6c6c; background:#fff;}
#join-wrapper .member-body.join-type .join-type-wrap .join-type p {margin-top:10px;}

#join-wrapper .join-step {padding-left: 45px;float:right;margin-top: 4px;}
#join-wrapper .join-step li {float:left;margin-left: 15px;}
#join-wrapper .join-step p {letter-spacing: 0;font-weight: 700;color: #6c6c6c;}
#join-wrapper .join-step li.purple p {color:#5c0f8b;}
#join-wrapper .join-step p:first-child::after {content:'';display:block;width:100%;height:2px;background:#6c6c6c;margin: 2px 0 4px;}
#join-wrapper .join-step li.purple p:first-child::after {content:''; display:block; width:52px; height:2px; background:#5c0f8b; margin:2px 0 4px;}


#join-wrapper .member-body {margin-top:25px;}
#join-wrapper .member-body.joinAgreeWrite {padding: 30px;margin-top: 25px;border: 1px solid #ddd;}
#join-wrapper .member-body.joinAgreeWrite [class^=ui-chk] input[type="checkbox"] + label:before {vertical-align:top; margin-right:15px;}
#join-wrapper .member-body.joinAgreeWrite .txt-sm-02 {position: absolute;bottom: 1px;}
#join-wrapper .member-body.joinAgreeWrite .all-agreement-wrap {padding-bottom:20px; border-bottom:1px solid #ddd;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap {padding: 20px 20px 0px;font-size: 16px;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap .ui-chk-purple {display:inline-block;float:left;width: 75%;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap label[for="chk4"] > span {display:inline-block;width: calc(100% - 43px); line-height:22px;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap .ads-agree .ui-chk-purple {display:inline-block; width:auto; margin-right:15px;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap .agreeView {float:right;width: 25%;color: #a4a4a4;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap .agreeView span {color: #a4a4a4;}
#join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap .agreeView span:first-child {text-decoration: underline;/* text-underline-position: under; */vertical-align: middle;}
.join-agree-popup .pop-body {padding:10px;}
#join-wrapper .member-body.joinComplete .sub-tit {font-size:16px; line-height:24px;}
#join-wrapper .member-body.joinComplete .cs-call {color:#9229d2; margin-top:15px; font-size:16px;}
#join-wrapper .member-body.joinComplete .ui-btn-blue-lg {margin-top:60px;}
#join-wrapper .member-footer .join-btn {margin-bottom:40px; font-size:14px; display:flex; justify-content: space-between;}
#join-wrapper .member-footer .join-btn a {text-align: underline; color:#9229d2;}

#join-wrapper .join-row.member-info-wrap {margin-top:20px;}
#join-wrapper .join-row .join-item .bizNo-srch {font-size:14px;margin-left:10px;text-decoration:underline;color: #9229d2;}
#join-wrapper .join-row .member-type-wrap .item-tit {display:inline-block; }
#join-wrapper .join-row .member-type-wrap .ui-radio-sm {display:inline-block;font-size: 16px;}
#join-wrapper .join-row .member-type-wrap .ui-radio-sm li {float:left;margin-left:20px;position: relative;top: 2px;}
#join-wrapper .join-row .member-type-wrap .ui-radio-sm .member-type-more { width: 18px; height: 18px;  border: 1px solid #999;  border-radius: 16px;  text-align: center;font-size: 14px;   color: #888;   margin-top: 1px;   margin-left: 5px; cursor: pointer;}
#join-wrapper .join-row .member-type-wrap .ui-radio-sm .member-type-more div.member-type-more-detail {z-index:99;width: 195px;position:absolute;border:1px solid #777;top: 20px;left: -135px;padding:10px;background:white;box-shadow: 0 0 10px -6px;}
#join-wrapper .join-row .member-type-wrap p {font-size: 13px;color: #6c6c6c;}


/* #join-wrapper .join-row.bizNo-ipt-wrap {position:relative;} */
/* #join-wrapper .join-row.bizNo-ipt-wrap .bizNo-notice-wrap {z-index:100;height: auto;padding:15px;background: #FFFFFF;border-radius: 5px;border: #e6e6e6 solid 1px;	position: absolute;font-size: 16px;text-align: left;top: 40px; right: -230px; max-width: 210px; */
/* 	box-shadow:0px 0px 20px 0px rgba(54,54,54,0.15); -webkit-box-shadow:0px 0px 20px 0px rgba(54,54,54,0.15); -moz-box-shadow:0px 0px 20px 0px rgba(54,54,54,0.15);} */
/* #join-wrapper .join-row.bizNo-ipt-wrap .bizNo-notice-wrap:after {content: '';position: absolute;border-top: 8px solid transparent;   border-right: 15px solid #ffffff;  border-bottom: 8px solid transparent;display: block;width: 0;z-index: 1;top: 8px; left: -13px; } */
/* #join-wrapper .join-row.bizNo-ipt-wrap .bizNo-notice-wrap:before {content: '';position: absolute;border-top: 8px solid transparent;   border-right: 15px solid #e6e6e6;  border-bottom: 8px solid transparent;display: block;width: 0;z-index: 0;top: 8px;left: -15px;} */
/* #join-wrapper .join-row.bizNo-ipt-wrap .bizNo-notice-wrap h2 {font-size:16px;color:#6c6c6c;margin-bottom:10px;font-weight: 700;} */
/* #join-wrapper .join-row.bizNo-ipt-wrap .bizNo-notice-wrap p {font-size:14px;color:#6c6c6c; line-height: 18px;} */
/* #join-wrapper .join-row.bizNo-ipt-wrap .bizNo-notice-wrap p span {color:#6c6c6c;} */
#join-wrapper .bizNo-notice-wrap {display:block; width:100%; height:auto; padding:10px 15px; background:#f8f8f8; border:1px solid #e6e6e6; margin-top:15px; }
#join-wrapper .bizNo-notice-wrap h2 {font-size:16px; color:#6c6c6c;}
#join-wrapper .bizNo-notice-wrap h2::before {content:''; display:block; width:8px; height:8px; border-radius:4px; background:#ffda00; float:left; margin-right:5px; margin-top:6px; }
#join-wrapper .bizNo-notice-wrap p {color:#6c6c6c; margin-top:5px;}
#join-wrapper .bizNo-notice-wrap p span {color:#6c6c6c;}


#join-wrapper .join-row .item-tit {font-size: 20px;}
#join-wrapper .join-row .input-wrap {width:100%;position:relative;border:1px solid #ddd;}
#join-wrapper .join-row .input-wrap+.input-wrap {border-top:0px}
#join-wrapper .join-row .input-wrap .input-tit {position:absolute;top: 12px;vertical-align:middle;color:#a4a4a4;font-size:14px;font-weight: 500;padding: 0px 30px;z-index: 0;left: 0px;}
#join-wrapper .join-row .input-wrap .input-tit .input-sub-tit {font-size:12px;margin-left:20px;font-weight:300;color: #a4a4a4;}
#join-wrapper .join-row .input-wrap [class^=ico-][class*=check-02] {position:absolute;right: 12px;top: 16px;}
#join-wrapper .join-row .input-wrap .input-error-txt {padding: 0px 30px 10px;font-size: 13px;}
#join-wrapper .join-item .input-wrap [class^=ui-btn] {margin-left: 0px;vertical-align:middle;width: 100px;height: 42px;font-size: 14px;font-weight: 500!important;line-height: 42px;position: absolute;right: 0px; top:0px;}
#join-wrapper .join-item .ui-ipt,
#join-wrapper .join-item [class^=btns-box],
#join-wrapper .join-group .ui-file .btn-file {height: 42px;line-height: 42px;}
#join-wrapper .join-item .ui-ipt,
#join-wrapper .join-group .ui-file .ipt-name {width: 100%;vertical-align:middle;margin:0px;padding: 0px 42px 0px 30px;border: 0px;}
#join-wrapper .join-item .ui-ipt.setDisabled {background:rgba(135,135,135,0.2)}
#join-wrapper .join-item .ui-ipt {position: relative;background: transparent;}
#join-wrapper .join-item .ui-ipt.ipt-bizNo,
#join-wrapper .join-item .ui-ipt.ipt-phone { padding-right: 100px;}
#join-wrapper .join-item .ipt-email-wrap {display:inline-block;width: 70%;}
#join-wrapper .join-item #emailFirst {width: 45%;padding: 0px;padding-left: 30px;}
#join-wrapper .join-item #emailEnd1 {width: 49%;padding: 0px 5px;}
#join-wrapper .join-item .selectric-wrapper {display:inline-block;vertical-align:middle;width: 29%;height: 42px;border: 0px;}
#join-wrapper .join-item .selectric {width:100%;height:42px;border: 0px;}
#join-wrapper .join-item .selectric::before {content:'';display:inline-block;width: 1px;height: 24px;float:left;background: #ddd;margin: 8px 0px;}
#join-wrapper .join-item .selectric .label {font-size:14px;line-height: 42px;height: 42px;margin: 0 38px 0 15px;}
#join-wrapper .join-item .selectric .button {height:42px; line-height:42px;}
#join-wrapper .txt-copyright {text-align:center;font-size: 12px; color: #6c6c6c; padding:60px 0 15px;}

/* s : 회원가입 반응형 */
	 /* 테스크탑 (가로 해상도가 1024px 보다 작은 화면에 적용) */
	@media (max-width: 1023px) {

	}


	/* 가로모드 모바일 디바이스 (가로 해상도가 768px 보다 작은 화면에 적용) */
	@media (max-width: 767px) {
	}


	 /* 세로모드 모바일 디바이스 (가로 해상도가 480px 보다 작은 화면에 적용) */
	@media (max-width: 479px) {
	    #join-wrapper .join-step {padding-left:0px;}
        #join-wrapper .member-header h2 {font-size:30px;margin-top: 10px;}
        #join-wrapper #header .logo {margin:15px 0;}
        #join-wrapper #header .logo img {width:110px;}
        #join-wrapper .member-wrap .ui-btn-blue-lg {font-size:18px; height:52px; line-height:50px;}

        #join-wrapper .join-step {float:none;padding-left:0px;margin-top: 0px;}
	    #join-wrapper .join-step li {margin-left: 10px;}
	    #join-wrapper .join-step li:first-child {margin-left:0px;}
	    #join-wrapper .join-step p {letter-spacing: -0.05em;}

        #join-wrapper .member-header.join-type-tit h1 {font-size: 26px;text-align: left;}
        #join-wrapper .member-header.join-type-tit p {font-size: 16px; margin-top: 15px;/* display: none; */color: #6c6c6c;line-height: 20px;text-align: left;}
		#join-wrapper .member-header.join-type-tit .br {display: block;}
        #join-wrapper .member-body.join-type {margin-top:35px;}
        #join-wrapper .member-body.join-type .join-type-wrap .join-type{max-width:100%;padding:30px 25px;}
        #join-wrapper .member-body.join-type .join-type-wrap .join-type:nth-child(2){margin-top:20px;}
        #join-wrapper .member-body.join-type .join-type-wrap .join-type:nth-child(2)::before{display:none;}
        #join-wrapper .member-body.join-type .join-type-wrap .join-type .txt-sm-02 {font-size:18px;}
        #join-wrapper .member-body.join-type .join-type-wrap .join-type p {margin-top:10px; height:auto;}

		#join-wrapper .member-body.joinAgreeWrite {padding:20px;}
        #join-wrapper .member-body.joinAgreeWrite .txt-sm-02 {font-size:18px;}
        #join-wrapper .member-body.joinAgreeWrite .detail-agreement-wrap {font-size:14px; padding:0px; padding-top:20px}
        #join-wrapper .join-row .member-type-wrap .item-tit {width:100%;margin-bottom: 5px!important;}
        #join-wrapper .join-row .member-type-wrap .ui-radio-sm:first-child li {margin-left:0px;}
        #join-wrapper .join-row .member-type-wrap .ui-radio-sm li {margin-left: 0px;position: relative;top: 2px;}
        #join-wrapper .join-row .member-type-wrap .ui-radio-sm + .ui-radio-sm {margin-left:10px;}
        #join-wrapper .join-row .member-type-wrap p {margin-top:5px;}
        #join-wrapper .join-row .input-wrap .input-tit{padding: 0 15px;}
        #join-wrapper .join-row .input-wrap .input-tit .input-sub-tit {margin-left: 10px;}
        #join-wrapper .join-row .input-wrap .input-tit .input-sub-tit.pw {margin-left: 10px;width: 200px;display: inline-block;position: absolute;top: -5px;}
        #join-wrapper .join-item .ipt-email-wrap {width: 90%;float: left;}
        #join-wrapper .join-item #emailFirst {width: 45%;padding: 0px;padding-left: 30px;}
        #join-wrapper .join-item #emailEnd1 {width: 49%;padding: 0px 5px;}
        #join-wrapper .join-item .selectric-wrapper {width: 10%;height: 42px;border: 0px;float: right;}
        #agree-service, #agree-privacy, #agree-privacy2 {width:300px!important;}
        #join-wrapper #container.type3 .txt-sm-02{ font-size:16px;}
        .join-agree-popup .txt-medium-sm-02 {font-size:18px;}


	}
    /* ios 375px 디바이스 */
	@media (max-width: 375px) {
	    #join-wrapper .member-header h2 {float:none;margin-top: 30px;}
	    #join-wrapper .member-body.joinComplete .mgt-70 {margin-top:50px!important;}

	}

/* e : 회원가입 반응형 */

/* e : 회원가입 회원등급 이중화 ui 변경 김수연 */


/* 로그인 */
.login-wrap{padding: 50px 0 0px;margin:0 auto;max-width: 560px;min-width: 300px;}
.login-wrap .tit{padding-bottom:35px;text-align:center;color:#222;}
.login-wrap .tit h3{margin-bottom:10px;font-size:35px;}
.login-wrap .tit p{font-size:20px;}
.login-box {max-width: 560px;min-width:300px;padding: 0 20px;}
.login-box .tab{margin-top:0;}
.login-box .tab ul li:before {display:none;}
.login-box .tab ul li {border:1px solid #ddd;}
.login-box .tab ul li.on {border:1px solid #666;}
.login-box .tab ul li a {line-height: 40px; font-size:14px;}
.login-box .tab ul li.on a {height: 40px;font-size:14px; color:#fff!important;}
.login-box .login-cont:after{content:''; display:block; clear:both;}
/* .login-box .login-entry{overflow:hidden;} */
.login-box .login-entry .entry{/* width:320px; */}
.login-box .login-entry .entry input{width:100%;height: 40px;border: 1px solid #ddd;padding-left: 30px;}
.login-box .login-entry .entry input::-webkit-input-placeholder { /* 크롬 4?56 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #a4a4a4;
    font-weight:500;
}
.login-box .login-entry .entry input:-moz-placeholder { /* 파이어폭스 4?18 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #a4a4a4;
    font-weight:500;
    opacity:  1;
}
.login-box .login-entry .entry input::-moz-placeholder { /* 파이어폭스 19?50 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #a4a4a4;
    font-weight:500;
    opacity:  1;
}
.login-box .login-entry .entry input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
    font-family: "Noto", "Dotum", "Arial", "self";
    color:  #a4a4a4;
    font-weight:500;
}
.login-box .login-entry .entry input::placeholder { /* 파이어폭스 51+, 크롬 57+ */
    font-family: "Noto", "Dotum", "Arial", "self";
    color:#a4a7a4;
    font-weight:500;
    opacity:  1;
}
.login-box .login-entry .entry p{margin-top:10px;}
.login-box .login-entry .entry p:first-child{margin-top:0;}
.login-box .login-entry .confirm-btn{display:block;height: 50px;line-height: 50px;text-align:center;color:#fff; font-size: 18px;background-color:#5c0f8b;text-decoration:none;margin-top: 30px;font-weight: 700;}
.login-box .login-entry .join-btn{font-size: 14px; margin-top:20px; display:flex; justify-content: space-between;}
.login-box .login-entry .join-btn a {text-decoration: underline; color:#9229d2;}
.login-box .ad {margin:auto;margin-bottom: 20px;}
.login-box .ad img {width: 100%;max-height: 270px;}
.login-cont .login{width:100%; padding:30px;border:1px solid #d4d4d4; border-top:0;}
.login-cont .ad a{display:block;}
.login-cont .login .ui-chk-purple{margin-top:10px;}
.login-cont .login .login-etc{margin-top:36px;padding:18px 10px;border:1px solid #d4d4d4;}
.login-cont .login .login-etc ul li{position:relative;height:28px;padding-left:13px; margin-top:10px;}
.login-cont .login .login-etc ul li:first-child{margin-top:0;}
.login-cont .login .login-etc ul li:before{content:'';display:block;position:absolute;left:0;top:13px;width:3px;height:3px;background-color:#9229d2;}
.login-cont .login .login-etc ul li:after{content:'';display:block;clear:both;}
.login-cont .login .login-etc ul li p,
.login-cont .login .login-etc ul li a{float:left;}
.login-cont .login .login-etc ul li p{width:315px;height:28px;line-height:28px;}
.login-cont .login .login-etc ul li a{display:block;position:relative;padding:6px 8px;width:110px;font-size:14px;color:#666;border:1px solid #d4d4d4;border-radius:4px;}
.login-cont .login .login-etc ul li a:after{content:'';display:block;position:absolute;right:6px;top:8px;width:7px;height:12px;background:url(../images/common/icon_sprite.png) -113px -191px no-repeat;}
.login-cont .login.search .ui-radio{margin-bottom:15px;}
.login-cont .login.search .ui-radio:after{content:'';display:block;clear:both;}
.login-cont .login.search .ui-radio p{float:left;}
.login-cont .login.search .ui-radio p:first-child{margin-right:20px;}
.login-cont .login.search .ui-radio p span{color:#222;font-size:16px;font-weight: 500;}
/* .login-cont .login.search  .login-entry .entry{width:340px;} */
.login-cont .login.search .login-entry .entry label{display:inline-block;width:82px;font-weight:bold;font-size:16px;color:#666;}
.login-cont .login.search .login-entry .entry input{display:inline-block;padding-left: 30px;width: 100%;height: 40px;}
.login-cont .login.search .login-entry .entry .phone input{margin-left: 2%;width: 36%;}
.login-cont .login.search.pw .login-entry .entry .phone input{width: 27.3%;float: left;}
.login-box .login-entry .entry .email-PW {margin-bottom: 30px;}
.login-cont .login.search.pw .login-entry .entry .phone .pw-search-btn {width: 15%;border:1px solid #5c0f8b;height: 40px;color: #5c0f8b!important;margin-left: 2%;font-weight: 900;float: left;}
.login-cont .login.search.pw .login-entry .entry .pw-search-num{background:#f7f7f7;}
.login-cont .login.search.pw .login-entry .entry .pw-search-time {color: #dd012a; position: absolute; right: 25px; top: 12px; font-weight: 500;}
.login-cont .login.search .login-entry .entry .phone input.first{margin-left:0;}
.login-cont .login.search .login-entry .entry .phone .selectric-wrapper {width: 24%;float:left;}
.login-cont .login.search .login-entry .entry .phone .selectric {border:1px solid #ddd;}
.login-cont .login.search .login-entry .entry .phone .selectric .label {color: #a4a4a4;margin-left: 30px;font-weight: 500;font-size: 13px;}
/* .login-cont .login.search .login-entry a{width:110px;height:90px;line-height:90px;} */
.login-cont .login.search .login-etc{margin-top:71px;padding:10px;}
.login-cont .login.search.pw .login-etc{margin-top:21px;}
.login-cont .care{margin-bottom:15px;font-size:14px;color: #6c6c6c;/* margin-top: 6px; */}
.login-popup .pop-header{padding-bottom:12px;}
.login-popup .pop-header:after{content:''; display:block; clear:both;}
.login-popup .pop-header strong{float:left; font-size:20px; color:#222; font-weight:bold;}
.login-popup .pop-header a{float:right;width:17px;height:20px;text-indent:-9999em;background:url(../images/common/icon_sprite.png) -90px -730px no-repeat;}
.login-popup .pop-msg{padding:60px 10px 45px; text-align:center;}
.login-popup .pop-msg p{font-size:16px;color:#222;}
.login-popup .pop-msg p .color{font-weight:bold; color:#9229d2;}
.login-popup .pop-noti{text-align:center;padding-bottom:10px;}
.login-popup .btn{display:inline-block;padding:14px 37px;color:#fff;font-size:16px;font-weight:bold;background-color:#9229d2;}
/* 로그인페이지 모바일 반응형 추가 */
@media (max-width: 479px) {
.login-cont .login.search .login-entry .entry input {padding-left:15px}
.login-cont .login.search .login-entry .entry .phone .selectric .label {margin: 0 30px 0 10px;}
.login-cont .login.search .login-entry .entry .phone input {padding-left: 10px;}
.login-cont .login.search.pw .login-entry .entry .phone input {width: 25%;}
.login-cont .login.search.pw .login-entry .entry .phone .pw-search-btn {width: 20%;}
.login-cont .login.search.pw .login-entry .entry .phone .selectric .button {width:30px}
}
@media (max-width: 320px){
	.login-cont .login {padding:20px;}
	.login-box .tab ul li a {padding:0 5px}
}

/* sns login */
.sns-login {margin:60px 0 40px; text-align: center;}
.sns-login p {padding-top:50px; border-top:1px solid #ddd; font-size:18px; font-weight: 500; margin-bottom:35px;}
.sns-login .sns-btn a {display:inline-block; width:50px; margin:0 16px; position:relative; padding-top:60px;}
.sns-login .sns-btn a::before {display:inline-block; content:''; width:50px; height:50px; background:url(../../common/images/common/sns_icon_sprite.png); background-repeat:no-repeat; position:absolute; top:0; left:50%; transform: translateX(-50%);}
.sns-login .sns-btn a.naver::before {background-position:0 -49px;}
.sns-login .sns-btn a.kakao::before {background-position:-55px -49px;}
.sns-login .sns-btn a.apple::before {background-position:-110px -49px;}


/* 휴면회원 해제 페이지 */
.center-wrap.dormView .dormView-wrap {font-size:16px;text-align: center;margin: 150px 0;}
.center-wrap.dormView .dormView-wrap .dorm-notice-tit {display: inline-block;text-align: left;width: 740px;}
.center-wrap.dormView .dormView-wrap .dorm-notice-tit::before {content:'';display:inline-block;width:100px;height:100px;float:left;background: url(../images/common/icon_sprite_02.png) no-repeat -2px -2px;vertical-align:middle;margin: 0px 25px 0 10px;}
.center-wrap.dormView .dormView-wrap .dorm-ipt-wrap {width: 740px;height: 180px;background:#f7f7f7;text-align:center;margin: auto;margin-top: 60px;padding: 50px 100px;}
.center-wrap.dormView .dormView-wrap .dorm-ipt-wrap dt {width:100px;text-align:left;font-weight: 700;}
.center-wrap.dormView .dormView-wrap .dorm-ipt-wrap .dorm-pw {line-height: 34px;}
.center-wrap.dormView .dormView-wrap .dorm-ipt-wrap .dorm-pw input {height: 34px;width: 300px;}

.pop-body .findIdResult {padding: 25px 20px;background:#f7f7f7; position:relative;}
.pop-body .find-idPw-wrap.main {margin-bottom:30px;}
.pop-body .find-idPw-wrap.main .findIdResult li {display:inline-block;width: 157px;}
.pop-body .find-idPw-wrap.main .findIdResult li:nth-child(2) {font-size:15px;}
.pop-body .find-idPw-wrap.main .findIdResult li.id::before {display:block;content:'';width:5px;height:5px;background:#5c0f8b;float:left;margin-top: 10px;border-radius:5px;margin-right: 10px;}
.pop-body .changePwResult .relative .ico-check-02-purple {position:absolute;top: 12px;right: 12px;}
.pop-body .login-cont {float:none;}
.pop-body .login {width: auto; padding: 0px; border: none;}
.pop-body .login-cont .login .login-etc {margin: 10px 0 15px;padding: 0 15px;border: none;}
.pop-body .login-cont .login .login-etc ul li {padding:0;height: auto;margin-top: 5px;}
.pop-body .login-cont .login .login-etc ul li:before{display:none;}
.pop-body .login-cont .login .login-etc ul li p {width: 262px;font-size: 14px;height: auto;line-height: normal;color: #353535;}
.pop-body .login-cont .login .login-etc ul li a {width: 65px;padding: 0;font-size: 12px;color: #a4a4a4;font-weight: 500;border: 0px;text-decoration: underline;}
.pop-body .login-cont .login .login-etc ul li a:after {top: 6px;right: 0px;}
.pop-body .changePwResult input{ width:100%}
.pop-body .changePwResult .list li {font-size:12px;line-height: 16px;}
.pop-body .changePwResult .input-error-txt {font-size: 13px!important;text-align: left;margin-left: 10px;}
.pop-body .pop-btn-wrap .pwResultBtn {display:inline-block;min-width:100px;min-height:42px;text-align:center;padding:0 20px;font-size:16px;color:#fff;background: #5c0f8b;}
/* sns ID 찾기 */
.pop-body .find-idPw-wrap h2 {font-size:16px; margin-bottom:8px;}
.pop-body .find-idPw-wrap.sns .sns-login-btn {display:block;width:358px;height: 56px; margin-top:15px; font-size:0px; background:url(../../common/images/common/sns_icon_sprite.png); background-repeat: no-repeat;}
.pop-body .find-idPw-wrap.sns .sns-login-btn + .sns-login-btn {margin-top:10px;}
.pop-body .find-idPw-wrap.sns .sns-login-btn.naver {background-position: 0 -103px;}
.pop-body .find-idPw-wrap.sns .sns-login-btn.kakao {background-position:0 -163px;}
.pop-body .find-idPw-wrap.sns .sns-login-btn.apple {background-position:0 -223px;}
.pop-body .find-idPw-wrap.sns .findIdResult li {display:block; width:100%; padding-left:55px;}
.pop-body .find-idPw-wrap.sns .findIdResult li + li {margin-top:5px;}
.pop-body .find-idPw-wrap.sns .findIdResult ul {position:relative;}
.pop-body .find-idPw-wrap.sns .findIdResult ul::before {display:inline-block; content:''; width:34px; height:34px; position:absolute; top:50%; transform:translateY(-50%); background:url(../../common/images/common/sns_icon_sprite.png); background-repeat: no-repeat;}
.pop-body .find-idPw-wrap.sns .findIdResult ul.naver-cont::before{background-position: -140px 0;}
.pop-body .find-idPw-wrap.sns .findIdResult ul.kakao-cont::before{background-position: -179px 0;}
.pop-body .find-idPw-wrap.sns .findIdResult ul.apple-cont::before{background-position: -218px 0;}
.pop-body .find-idPw-wrap.sns .findIdResult ul + ul {margin-top:8px;}

/* 비밀번호 재설정 페이지 */
.center-wrap.changePw .change-pw-wrap {font-size:16px;text-align: center;margin: 150px 0;}
.center-wrap.changePw .change-pw-wrap .change-pw-tit {display: inline-block;text-align: left;width: 582px;}
.center-wrap.changePw .change-pw-wrap .change-pw-tit::before {content:'';display:inline-block;width:100px;height:100px;float:left;background: url(../images/common/icon_sprite_02.png) no-repeat -120px -2px;vertical-align:middle;margin: 0px 25px 0 10px;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap {width: 740px;background:#f7f7f7;text-align:center;margin: auto;margin-top: 40px;padding: 50px 140px;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap dt {width: 130px;text-align:left;font-weight: 700;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap .change-pw {line-height: 34px;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap .change-pw input {height: 34px;width: 300px;border: 1px solid #ddd;padding: 0 10px;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap .change-pw .input-error-txt {font-size: 13px!important;text-align: left;margin-left: 10px;line-height: 14px;margin-top: 5px;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap .list {padding-left: 135px;}
.center-wrap.changePw .change-pw-wrap .changePw-ipt-wrap .list li {font-size:12px;color: #6c6c6c;}


/* 찜목록 20200427 (박현철)*/
.goods-list #wishList tr.off {background:#f1f1f1;}

/* 주문/결제 */
.order_payment {padding-bottom:29px;}
.order_payment.type2 {padding-bottom:150px;}
.order_payment .tab.order-step {margin-top:40px;}
.order_payment .tab.order-step li > span {display:inline-block;position:relative;padding-left:50px;text-align:left;}
.order_payment .tab.order-step li > span > [class^=ico] {position:absolute;top:0;left:0;}
.order_payment .tab.order-step li > span > [class^=ico] + span > * {display:block;line-height:21px;color:#222;}
.order_payment .tab.order-step li.on > span > [class^=ico] + span > * {color:#ff9812;}
.order_payment .tab.order-step li > span > [class^=ico] + span > span {font-size:16px;}
.order_payment .tab.order-step li > span > [class^=ico] + span > strong {font-size:22px;}
.order_payment .tbl-top-info h3 {display:inline-block;font-size:24px;}
.color-point-blue {color:#5c0f8b;}
/* .order_payment .fl-right {font-size:16px;position:relative;top:4px;} */
.order_payment .fl-right > span {display:inline-block;position:relative; font-size:16px;}
.order_payment .fl-right > span + span {margin-left:13px;}
.order_payment .fl-right > span + span:before {content:'';display:block;width:1px;height:12px;background:#ddd;position:absolute;top:7px;left:-9px;}
.order_payment .fl-right > span:nth-of-type(3):before {top:8px;}
.order_payment .fl-right > span > span {display:inline-block;margin-left:5px;color:#dd012a;}
.order_payment .fl-right .grade {padding: 0px 5px;text-align:center;font-size: 14px;color:white;min-width: 60px;}
.order_payment .fl-right .grade.gold {background: #ffb400;}
.order_payment .fl-right .grade.platinum {background: #5c0f8b;}
.order_payment .mbPrc-dealer {font-size:14px; font-weight:700; padding:3px 10px; border:1px solid #5c0f8b; color:#5c0f8b;}
.order_payment .ordNmTit {display:inline-block;margin-top: 10px;font-size: 14px;}
.order_payment .ordNmTit li {float:left;}
.order_payment .ordNmTit li::after {display:inline-block;content:'';width:1px;background:black;height: 14px;margin:0 15px;position: relative;top: 2px;}
.order_payment .ordNmTit li:last-child::after {display:none;}
.order_payment .tbl_type tr.off td {background:#f1f1f1;}
.order_payment .goods-info-wrap {display:inline-block;max-width:100%;min-height: 68px;position:relative;padding: 0 0 0 85px;}
.order_payment .goods-info-wrap img {width:64px;height:64px; object-fit: contain;position:absolute;top:50%;left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.order_payment .goods-info-wrap .opt {display:block;color:#999; font-size:14px}
.order_payment .goods-info-wrap .etc {display:block;margin-top:3px;color:#dd012a;}
.order_payment .goods-info-wrap .code {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;}
.order_payment .goods-info-wrap .code .flag {margin-left:6px;}

/* s : 김수연 조립PC 옵션 */
.order_payment .goods-info-wrap .assemble-option li {padding-top:2px;color:#8f8f8f;font-weight:300;position:relative;font-size: 13px;white-space:normal;}
/* .order_payment .goods-info-wrap .assemble-option li::before{display:block; content:''; position:absolute; width:8px; height:8px; border-bottom:1px solid #8f8f8f; border-left:1px solid #8f8f8f; top:8px; left:3px;} */
.order_payment .goods-info-wrap .assemble-option span {font-weight:500;margin-right: 1px;padding:0 5px;background:#999;font-size: 11px;border-radius:3px;color:#fff;height: 14px;display: inline-block;line-height: 14px;}
/* e : 김수연 조립PC 옵션 */

/* 181010 수정 */
.order_payment .discount li{position:relative;margin:4px 0;}
.order_payment .discount li .txt-coupon{position:absolute;top:0;left:0;width:40px;font-size:12px;text-align:center;vertical-align:text-bottom;background:#fff;border:1px solid #e5e5e5;padding:2px 0;}
.order_payment .discount li p{text-align:right;padding-left:40px;}
/* 181107 장바구니 구매수량 저장버튼 추가 (양우정)*/
.order_payment .ui-quantity-td{position:relative;}
.order_payment .ui-quantity-td span.txt-save{cursor:pointer;width:40px;display:inline-block;font-size:12px;text-align:center;vertical-align: top;
    margin-top: 3px;margin-left:3px;background:#fff;border:1px solid #e5e5e5;padding:2px 0;}
/* .order_payment .discount .txt-medium{color:#dd012a;} */
/* //181010 수정 */
.order_payment .order-list .goods-info-wrap {padding:0 0 0 20px;min-height:auto;}
.order_payment .order-list .btn-manage {width:54px;height:25px;padding:0;line-height:25px;font-size:14px;}
.order_payment .order-list .order-number-wrap {padding:15px 0;font-size:18px;}
.order_payment .order-list .order-number-wrap p + p {margin-top:10px;}
.order_payment .order-list .order-number-wrap p span {color:#9229d2;}
.order_payment .order-list img {width:89px;height:72px;}
.order_payment .order-list tr.on td {background:gray}
.order_payment .tbl_type tr.on td {background:#f8f8f8;}
.order_payment .tbl_type.tbl-amount th {padding-left:30px;}
.order_payment .tbl_type.tbl-amount td {height:150px; padding-left:30px;}
.order_payment .tbl_type.tbl-amount td:nth-child(2n){padding-left:0px;}

.order_payment .tbl_type.tbl-amount [class^=total] strong {font-size:30px;font-weight:900;word-break: break-word;}
.order_payment .tbl_type.tbl-amount [class^=total] span {font-size:18px;}
.order_payment .tbl_type.tbl-amount .total-discount-amount {color:#5c0f8b;}
.order_payment .tbl_type.tbl-amount .total-payment-shipping {color:#dd012a;}
.tbl_type.tbl-input .cpnAmt {color:#9229d2;}
.tbl_type.tbl-input .payAmt {color:#dd012a;}

.addressAddButton{padding: 5px 10px;color: rgb(1, 31, 183);border: 1px solid rgb(1, 31, 183);font-size: 13px;font-weight: 500;width: 120px;margin-top: 3px;}
.orderAddButton{padding: 5px 10px;color: #FFF;background: rgb(1, 31, 183);font-size: 13px;font-weight: 700;width: 80px;}
.orderDeleteButton{padding: 5px 10px;color: #FFF;background: rgb(217, 217, 217);font-size: 13px;font-weight: 700;width: 80px;margin-top: 3px;}
.orderCancelButton{padding: 5px 10px;color: #000;background: rgb(217, 217, 217);font-size: 13px;font-weight: 700;width: 80px;margin-top: 3px;}

.table-btn-box{width: 100%;display: flex;justify-content: flex-end;margin-top: 10px;}
.table-right-btn{padding: 10px;}
.table-right-btn.btn-gray{width: fit-content;height: 30px;background: #666;color: #FFF;}

.inquiry-list .label{border: 1px solid rgb(159, 159, 159);color: rgb(159, 159, 159);padding: 5px;font-size: 12px;}
.inquiry-list .label.active{border: 1px solid rgb(184, 115, 225);color: rgb(184, 115, 225);padding: 5px;font-size: 12px;}

.flex-between{width: 100%;display: flex !important;justify-content: space-between;}
/*
.order_payment .tbl_type.tbl-amount td:nth-of-type(1) {background:url(../../common/images/sub/sub_tbl_bar_01.gif) no-repeat top right;}
.order_payment .tbl_type.tbl-amount td:nth-of-type(2) {background:url(../../common/images/sub/sub_tbl_bar_02.gif) no-repeat top right;}
.order_payment .tbl_type.tbl-amount td:nth-of-type(3) {background:url(../../common/images/sub/sub_tbl_bar_03.gif) no-repeat top right;} */
.order_payment .tbl_type.tbl-amount.type2 {border-top:none; /*background-color:#f8f8f8;*/}
/* 181010 수정 */
.order_payment .tbl_type.tbl-amount.type2 th{font-size:18px;vertical-align:middle;padding:0;}
.order_payment .tbl_type.tbl-amount.type2 td{/* border-top:none; background:#fff; */padding:30px 24px;}
@-moz-document url-prefix() {.order_payment .tbl_type.tbl-amount.type2 td{padding:30px 12px;}}
/* .order_payment .tbl_type.tbl-amount.type2 td:first-child {padding-left:20px;}
.order_payment .tbl_type.tbl-amount.type2 td:nth-of-type(1) {background:none;padding-right:18px;}
.order_payment .tbl_type.tbl-amount.type2 td:nth-of-type(2) {background:url(../../common/images/sub/sub_tbl_bar_02_1.png) no-repeat center right;}
.order_payment .tbl_type.tbl-amount.type2 td:nth-of-type(3) {background:url(../../common/images/sub/sub_tbl_bar_02_2.png) no-repeat center right;} */
.order_payment .tbl_type.tbl-amount.type2 td:last-child{padding-right:20px;}
.order_payment .tbl_type.tbl-amount.type2 td strong{font-size:28px;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount{}

/* s : 김수연 주문자정보 확인 영역 수정 */
.order_payment #frmOrdDelvInfo .tbl_type .purchaserInfo-wrap {padding: 20px 25px;}
.order_payment #frmOrdDelvInfo .tbl_type .purchaserInfo-wrap .purchaserInfo-notice {margin-top:20px;font-size: 13px;}
.order_payment #frmOrdDelvInfo .tbl_type .purchaserInfo-wrap .purchaserInfo-notice::before {content:'';display:block;width: 100%;height:1px;background: #999;margin-bottom:20px;}
/* e : 김수연 주문자정보 확인 영역 수정 */
/* s : 김수연 여러개의 장바구니 */
.order_payment .credit-flag { display: inline-block; padding: 5px 10px; background: #f7f7f7; border: 1px solid #eee; width: 210px;}
.order_payment .basket-btn {position:relative; margin-top:5px;}
.order_payment .basket-btn .selectric-wrapper {width:180px;float:right;}
.order_payment .basket-btn .selectric {}
.order_payment .basket-btn .selectric .label {height:32px; line-height:32px;}
.order_payment .basket-btn .selectric .button {height:32px;}
.order_payment .basket-btn .cart-setup-wrap {position:absolute; top:40px; right:0px;}
.order_payment .basket-btn .box-cart-setup {float:right; width:19px; height:19px; background: url(../images/common/icon_sprite_02.png) no-repeat; background-position:-175px -115px;
	margin-top:8px; margin-right:8px;}
/* e : 김수연 여러개의 장바구니 */

.order_payment #divNvrPay {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content: center; align-items: center; width:550px; margin:30px auto 0; border-top:2px solid #2b2f3a; border-bottom:1px solid #999; padding:0 0 8px; overflow:hidden;}
.order_payment #divNvrPay .nvr-box {width:50%; text-align: center; margin-top:-2px; position:relative;}
.order_payment #divNvrPay .nvr-box.left::before {display:inline-block;content: '네이버페이';width:100px;height:35px;background: url(../../common/images/common/naver_pay_logo.png); text-indent: -9999px; background-size:contain; margin-top:8px;}

/* s : 김수연 무통장입금 플레이스홀더  */
#accInputNm::-webkit-input-placeholder { /* 크롬 4?56 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #a4a4a4;
    font-weight:500;
    font-size:14px
}
#accInputNm:-moz-placeholder { /* 파이어폭스 4?18 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #a4a4a4;
    font-weight:500;
    opacity:  1;
    font-size:14px
}
#accInputNm::-moz-placeholder { /* 파이어폭스 19?50 */
    font-family: "Noto", "Dotum", "Arial", "self";
    color: #a4a4a4;
    font-weight:500;
    opacity:  1;
    font-size:14px
}
#accInputNm:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
    font-family: "Noto", "Dotum", "Arial", "self";
    color:  #a4a4a4;
    font-weight:500;
    font-size:14px
}
#accInputNm::placeholder { /* 파이어폭스 51+, 크롬 57+ */
    font-family: "Noto", "Dotum", "Arial", "self";
    color:#a4a7a4;
    font-weight:500;
    opacity:  1;
    font-size:14px
}
/* e : 김수연 무통장입금 플레이스홀더  */




.price-delivery-td {position:relative;}

.tooltip{bottom: 5px;
         left: 0;
         right: 0;
         position: absolute;
         z-index: 9;
         display: block;
         font-size: 12px;
         font-style: normal;font-weight: 400;
         line-height: 1.42857143;text-align: center;
         padding: 5px 0;
         margin-top: 3px;
    animation: animationFrames linear 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;}

.tooltip-arrow{top: -5px;
               left: 50%;margin-left: -5px;
               border-bottom-color: #5c0f8b;
               position: absolute;
               width: 0;
               height: 0;
               border-style: solid;
               border-top: 5px solid transparent;
               border-bottom: 5px solid #5c0f8b;
               border-right: 5px solid transparent;
               border-left: 5px solid  transparent;}

.tooltip-inner {padding: 3px 8px;
                color: #fff;
                text-align: center;
                background-color: #5c0f8b;
                border-radius: 4px;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount dl{position:relative;overflow:hidden;}
@keyframes animationFrames{
    0% {
    transform: translate(0px,0px);
}
17% {
    transform: translate(0px,-4px);
}
33% {
    transform: translate(0px,0px);
}
50% {
    transform: translate(0px,-4px);
}
67% {
    transform: translate(0px,0px);
}
83% {
    transform: translate(0px,-4px);
}
100% {
    transform: translate(0px,0px);
}
}
@-webkit-keyframes animationFrames{
 0% {
    transform: translate(0px,0px);
}
17% {
    transform: translate(0px,-4px);
}
33% {
    transform: translate(0px,0px);
}
50% {
    transform: translate(0px,-4px);
}
67% {
    transform: translate(0px,0px);
}
83% {
    transform: translate(0px,-4px);
}
100% {
    transform: translate(0px,0px);
}
}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount dt{clear:both;float:left;margin:1px 0 10px 0;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount dd{float:right;font-size:18px;margin-bottom:10px;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount .disc {font-size:14px; color:#6c6c6c; margin-top:-8px;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount dt.disc {padding-left: 14px;position: relative;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount dt.disc::before {display:inline-block;content:'';width: 6px;height: 6px;border-bottom:1px solid #999;border-left:1px solid #999;position: absolute;left: 4px;top: 6px;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount dd span{font-size:16px;}
.order_payment .tbl_type.tbl-amount.type2 .total-goods-amount .bg-dotted{background:url(../../common/images/sub/bg_dotted_bar_03.gif) repeat-x 0 0; margin-bottom:-15px;}
/* s : 김수연 주문결제페이지 시소배송 css 추가 */
.order_payment .tbl-ss-delv .txt-guide {padding: 8px 20px 0 0; font-size:13px; font-weight:400; color:#6c6c6c;}
.order_payment .tbl-ss-delv .radio-wrap {display:flex; justify-content: space-between; margin:0 0 15px;}
.order_payment .tbl-ss-delv .radio-wrap input[type="radio"] + label::before {width: 70px; height:70px; margin: 0 0 5px 0; background:url(../images/common/ssDelv-01.png); background-size:cover;}
.order_payment .tbl-ss-delv .radio-wrap .ui-radio:nth-child(2) input[type="radio"] + label::before { background-image:url(../images/common/ssDelv-02.png);}
.order_payment .tbl-ss-delv .radio-wrap .ui-radio:nth-child(3) input[type="radio"] + label::before { background-image:url(../images/common/ssDelv-03.png);}
.order_payment .tbl-ss-delv .radio-wrap .ui-radio:nth-child(4) input[type="radio"] + label::before { background-image:url(../images/common/ssDelv-04.png);}
.order_payment .tbl-ss-delv .radio-wrap input[type="radio"] + label {display:flex; flex-direction: column; align-items: center; justify-content: center; width:190px; height:140px; border:1px solid #999; color:#999;}
.order_payment .tbl-ss-delv .radio-wrap input[type="radio"]:checked + label {border:2px solid #9229d2; color:#9229d2; font-weight:700;}
.order_payment .tbl-ss-delv .radio-wrap input[type="radio"]:checked + label::before {background-image:url(../images/common/ssDelv-01-on.png);}
.order_payment .tbl-ss-delv .radio-wrap .ui-radio:nth-child(2) input[type="radio"]:checked + label::before { background-image:url(../images/common/ssDelv-02-on.png);}
.order_payment .tbl-ss-delv .radio-wrap .ui-radio:nth-child(3) input[type="radio"]:checked + label::before { background-image:url(../images/common/ssDelv-03-on.png);}
.order_payment .tbl-ss-delv .radio-wrap .ui-radio:nth-child(4) input[type="radio"]:checked + label::before { background-image:url(../images/common/ssDelv-04-on.png);}
.order_payment .tbl-ss-delv .detail-wrap {padding:20px 24px; background:#f7f7f7; font-size:14px; height:190px;}
.order_payment .tbl-ss-delv .detail-wrap ul {display:none;}
.order_payment .tbl-ss-delv .detail-wrap ul:first-child {display:block;}
.order_payment .tbl-ss-delv .detail-wrap li.title {font-weight:700; margin-bottom:4px;}
.order_payment .tbl-ss-delv .detail-wrap li a {display:inline-block; padding:2px 10px; font-size:13px; font-weight:400; border:1px solid #ccc; background:#fff; margin-left:4px;}
/* e : 김수연 주문결제페이지 시소배송 css 추가 */

.order_payment .pay-type-rdo.payment .ui-radio:nth-child(5n) {margin-right:0;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label::before {display:none;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label {display: flex; width:157px; height:50px; border:1px solid #999; justify-content: center; align-items: center; color:#999; margin:4px 0; position:relative;}
.order_payment .pay-type-rdo.payment input[type="radio"].disabled + label {background:#f7f7f7;}
.order_payment .pay-type-rdo.payment input[type="radio"].disabled:checked + label {border-color:#999;}
.order_payment .pay-type-rdo.payment input[type="radio"]:checked + label {border:2px solid #9229d2; color:#9229d2; font-weight: 700;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label[for="rdoPayType07"] .icon {text-indent: -9999; width:76px; height:29px; background:url(../../common/images/common/Npay.png);}
.order_payment .pay-type-rdo.payment input[type="radio"]:checked + label[for="rdoPayType07"] .icon {background:url(../../common/images/common/Npay-on.png);}
.order_payment .pay-type-rdo.payment input[type="radio"].disabled:checked + label[for="rdoPayType07"] .icon {background:url(../../common/images/common/Npay.png);}
.order_payment .pay-type-rdo.payment input[type="radio"].disabled + label[for="rdoPayType07"] .flag-benefit {display:none;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label .flag-benefit {display:inline-block;width: 90px;height: 22px;line-height: 20px;text-align: center;font-size: 11px;background:#fff;border:1px solid #9229d2;position:absolute;bottom: -18px;color: #9229d2;border-radius: 3px; font-weight:300;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label .flag-benefit::before,
.order_payment .pay-type-rdo.payment input[type="radio"] + label .flag-benefit::after {display:inline-block; content:''; width:0; height:0; border:6px solid transparent; position:absolute; left:50%; transform:translateX(-50%); margin-top:-3px;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label .flag-benefit::before {border-bottom-color:#9229d2; top:-10px;}
.order_payment .pay-type-rdo.payment input[type="radio"] + label .flag-benefit::after {border-bottom-color:#fff; top:-9px;}
.order_payment .pay-result3 ul {font-size:14px; padding:20px 24px; background:#f7f7f7;}

/* s : 김수연 무이자 할부 안내  */
.order_payment .cardFreefee-wrap .cardFreefee-btn{padding: 3px 6px;font-size: 13px;font-weight:700;border: 1px solid #e6e6e6;margin-left: 5px;border-radius: 5px;background: #f8f8f8;display: inline-block;position: relative;cursor: pointer;}
.order_payment .cardFreefee-wrap .cardFreefee-info {display: none;position:absolute;top: 30px;padding: 15px;background: #fff;border: 1px solid #ddd;right: -111px;z-index: 1;width: 570px;}
.order_payment .cardFreefee-wrap .cardFreefee-info .pop-header h2 {font-size:16px;color: #353535;font-weight:700!important;padding-bottom: 5px;}
.order_payment .cardFreefee-wrap .cardFreefee-info .pop-body {height: 238px;overflow:auto;}
.order_payment .cardFreefee-wrap .cardFreefee-info .pop-body h3 {font-size:14px;padding-top:10px;}
.order_payment .cardFreefee-wrap .cardFreefee-info .pop-body p{font-size:13px;padding-top:10px;}
.order_payment .cardFreefee-wrap .cardFreefee-info table th {font-weight:700;padding: 8px 10px;font-size:13px;}
.order_payment .cardFreefee-wrap .cardFreefee-info table td {padding:5px 10px;font-size: 12px;}
/* e : 김수연 무이자 할부 안내 */



/* //181010 수정 */
.yellow-back{position:relative;display:inline-block;height: 39px;padding: 0 10px 0 12px;line-height: 37px;text-align:left;font-size:15px;border:1px solid #ff9812;border-right:none;background-color: #ff9812;border-radius: 3px 0 0 3px;}
.yellow-back:after{content:'';display:block;position:absolute;right: -20px;top: -1px;width: 20px;height:39px;background:url(../images/sub/sub_yellow_back.png) center top no-repeat}
.yellow-back span{color: #fff;}
.price-delivery {width:30px; height:30px; vertical-align:middle;}
.price-delivery img{display:block; width:30px; margin:auto;}

/*.order_payment .tbl_type.tbl-amount td:nth-of-type(4) {padding-right:20px;}*/
.order_payment .tbl-coupon td > span {display:inline-block;vertical-align:middle;}
.order_payment .tbl-coupon .num {color:#ff4040;margin-left:10px; font-weight:700;}
.order_payment .tbl-coupon td .box-coupon-search {width: 100px;height: 38px;font-size:15px;color: #fff;background: #ff4040;margin-left: 15px;}
.order_payment .tbl-coupon td .disc{font-size:14px; color:#6c6c6c; padding-left:14px; position:relative;}
.order_payment .tbl-coupon td .disc::before {display:inline-block;content:'';width: 6px;height: 6px;border-bottom:1px solid #999;border-left:1px solid #999;position: absolute;left: 4px;top: 6px;}
.order_payment .tbl-coupon td .disc span {margin-left:4px;}
.order_payment .order-comp-tit {text-align:center;}
.order_payment .order-comp-tit p:not(:nth-of-type(1)) {font-size:16px;}
.order_payment .order-comp-tit p span {color:#5c0f8b;}

/* s : 김수연 세금계산서 */
.order_payment #trCashReceipt .ui-radio.tax {margin-right:0;}
.order_payment #trCashReceipt .receipt-type [class^=type-]:not(.type-tax) {display:flex; align-items: center;}
.order_payment #trCashReceipt .receipt-type [class^=type-]:not(.type-tax) span {margin-right:10px;}
.order_payment #trCashReceipt .receipt-type [class^=type-]:not(.type-tax) input {width:150px;}
.order_payment #trCashReceipt .box-tax-receipt {padding:3px 5px; background:#5c0f8b; color:#fff; margin-left:5px; font-size:12px; font-weight:700; border-radius:3px;}
.order_payment #trCashReceipt .box-tax-receipt {padding:3px 5px;background:#5c0f8b;color:#fff;margin: 0px 5px;font-size:12px;font-weight: 500;border-radius:3px;letter-spacing: 0;}
.order_payment #trCashReceipt .tax-receipt-info-wrap {padding: 15px 20px;background:#f7f7f7;font-size:14px;line-height:24px;}
.order_payment #trCashReceipt .tax-receipt-info-wrap li {float:left;margin-right: 20px;}
.order_payment #trCashReceipt .tax-receipt-info-wrap .slt-wrap {padding:0px;margin-top: 5px;}
.order_payment #trCashReceipt .tax-receipt-info-wrap .slt-wrap > span {width:auto; margin-right:10px; }
.order_payment #trCashReceipt .tax-receipt-info-wrap .slt-wrap > input {height:25px;font-size:14px;}
/* e : 김수연 세금계산서 */

/* s : 김수연 세금계산서 등록 팝업 추가 */
.pop-tax-receipt {width:820px;overflow: auto; height:800px;}
.pop-tax-receipt .tax-receipt-edit .member {display:inline-block;vertical-align: middle;}
.pop-tax-receipt .tax-receipt-edit .member .join-row.ipt-bar .ui-ipt {width:100px;margin:0;}
.pop-tax-receipt .tax-receipt-edit .member .join-row.ipt-bar input:nth-child(5) {width: 150px;}
.pop-tax-receipt .tax-receipt-edit .checked-bizNo {display:inline-block;font-size:14px;color:#5c0f8b;font-weight:500;margin-left: 15px;}
.pop-tax-receipt .tax-receipt-edit .checked-bizNo span {margin-right: 5px;margin-bottom: 5px;}
.pop-tax-receipt .tax-receipt-edit .biz-division .ui-radio {display:inline-block;margin-right: 10px;margin-top: 7px;}
.pop-tax-receipt .tax-receipt-edit .address .sub-addr-wrap .ui-ipt:nth-of-type(2) {width: 179px;}
.pop-tax-receipt .tax-receipt-edit .bizNo [class^=ui-btn] {margin-left:8px;}
.pop-tax-receipt .pop-btn-wrap [class^=btn-footer][class*=change]{background:#5c0f8b;}
.pop-tax-receipt .pop-btn-wrap [class^=btn-footer][class*=close]{background:#3e3e3e;}
/* e : 김수연 세금계산서 등록 팝업 추가 */

.pop-coupon-wrap {width:1000px;}
.pop-coupon-wrap .pop-header h2 {border-bottom:0;}
.pop-coupon-wrap .pop-tbl-coupon-01 td,.pop-coupon-wrap .pop-tbl-coupon-02 td,.pop-coupon-wrap .pop-tbl-coupon-03 td {font-size:14px;height:37px;padding:4px 15px;position:relative;}
.pop-coupon-wrap .pop-tbl-coupon-01 th,.pop-coupon-wrap .pop-tbl-coupon-02 th,.pop-coupon-wrap .pop-tbl-coupon-03 th {padding:4px 5px;}
.pop-coupon-wrap .pop-tbl-coupon-01 ~ .pop-btn-wrap button:nth-of-type(2) {background:#5c0f8b;}
.pop-coupon-wrap .pop-tbl-coupon-01 .point {color:#dd012a;}
.pop-coupon-wrap .pop-tbl-coupon-01 .txt-total:before {content:'';display:block;width:1px;height:12px;background:#ddd;position:absolute;top:50%;left:-10px;margin-top:-4px;}
.pop-coupon-wrap .pop-tbl-coupon-02 {border-bottom:0;}
/* .pop-coupon-wrap .pop-tbl-coupon-02 td,.pop-coupon-wrap .pop-tbl-coupon-02 th {padding:5px 0; height:37px;} */
.pop-coupon-wrap .pop-tbl-coupon-02 tr:last-child {border-bottom:1px solid #999;}
.pop-coupon-wrap .pop-tbl-coupon-02 .date {text-align:left;padding-left:30px;}
.pop-coupon-wrap .pop-tbl-coupon-02 .date > p {display:inline-block;text-align:left}
.pop-coupon-wrap .pop-tbl-coupon-02 ~ .list li {color:#999; font-size:13px;}
.pop-coupon-wrap .pop-tbl-coupon-02 ~ .list li .ui-bullet {background:#999;}
.pop-coupon-wrap .pop-tbl-coupon-02 ~ .list li + li {margin-top:5px;}
.pop-coupon-wrap table tr.on {background:#f3f0fb;}
/* s : 김수연 장바구니 쿠폰목록 css 추가 */
.pop-coupon-wrap .pop-body .pop-cont .cpnTbody-wrap {max-height: 186px; overflow-y: scroll; overflow-x: hidden; border-bottom:1px solid #eee;}
.pop-coupon-wrap .pop-tbl-coupon-02 tr.applyY {background:#eee;}
.pop-coupon-wrap .pop-tbl-coupon-02 tr.applyPrd {background:#f3f0fb;}
.pop-coupon-wrap .pop-tbl-coupon-02 tr .apply-cpn-prd {background:#5c0f8b; color:#fff!important;}
.pop-coupon-wrap .pop-tbl-coupon-02 tr.applyPrd .apply-cpn-prd {background:#f1f1f1; color:#555!important;}
.pop-coupon-wrap .cpnTbody-wrap.coupon-03-wrap {border:1px solid #6c6c6c!important; padding:10px 0; max-height:140px;}
/* .pop-coupon-wrap .cpnTbody-wrap.coupon-03-wrap .ico-apply-prd-del {width:19px; height:19px; background-position:-169px -117px;} */
.pop-coupon-wrap .cpnTbody-wrap tr.assemble-pc td {border-top:0px; color:#8f8f8f;font-weight:300;position:relative;font-size: 13px;white-space:normal;}
.pop-coupon-wrap .cpnTbody-wrap tr.assemble-pc td.option {padding-left: 30px;position: relative;}
.pop-coupon-wrap .cpnTbody-wrap tr.assemble-pc td.option span {font-weight:500;margin-right: 1px;padding:0 5px;background:#999;font-size: 11px;border-radius:3px;color:#fff;height: 14px;display: inline-block;line-height: 14px;position: relative;}
.pop-coupon-wrap .cpnTbody-wrap tr.assemble-pc td.option span::after {display:block;content:'';width:10px;height:10px;border-bottom: 2px solid #999;border-left: 2px solid #999;position: absolute;top: 0px;left: -10px;}
/* e : 김수연 장바구니 쿠폰목록 css 추가 */

/* s : 김수연 환불내역 상세  */
#popRefund .tbl_type.type2 td {padding: 10px 20px;}
#popRefund .tbl_type.type2 td:last-child {text-align:left; border-left:1px solid #e5e5e5;}
#popRefund .tbl_type.type2 .borderTop {border-top:1px solid #999;}
/* e : 김수연 환불내역 상세  */
/* s : 김수연 장바구니 추가 팝업 */
.pop-cart-setup {min-width:600px;width:auto;font-size:16px;}
.pop-cart-setup .pop-cont {width: 650px;display:inline-block;position:relative;padding: 0 10px;}
.pop-cart-setup.on {width: 1300px;}
.pop-cart-setup.on .pop-cont {width: calc(50% - 17px);display:inline-block;position:relative;padding: 0 10px;}
.pop-cart-setup [class^=pop-cont] + [class^=pop-cont] {margin-left:30px;}
.pop-cart-setup .pop-cont:nth-child(2)::before {display:inline-block;content:'';width: 15px;height: 15px;position:absolute;left: -26px;top:45%;border-top: 4px solid #6c6c6c;border-right: 4px solid #6c6c6c;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pop-cart-setup .pop-cont h2 {font-size: 26px;margin: 35px 0 20px;}
.pop-cart-setup .pop-cart-box {/* padding:10px; *//* border:1px solid #ddd; */margin-top: 15px;}
.pop-cart-setup .pop-cart-box .table-wrap {height: 500px;overflow-y:auto;word-wrap:break-word;}
.pop-cart-setup .pop-cart-box .quantity-control .number,
.pop-cart-setup .pop-cart-box .quantity-control button {height:26px; line-height:26px;}
.pop-cart-setup .pop-cart-box .quantity-control .number {width:40px; }
.pop-cart-setup .pop-cart-box .quantity-control button{width:20px;}
.pop-cart-setup .pop-cart-box .tbl_type {border-bottom:0px;}
.pop-cart-setup .pop-cart-box .tbl_type th,
.pop-cart-setup .pop-cart-box .tbl_type td {font-size:14px; padding:5px 0px;}
.pop-cart-setup .pop-add-cart ul {width:100%;background:#f7f7f7;}
.pop-cart-setup .pop-add-cart ul li{position:relative; float:left;display:inline-block;width:20%;background: #fff;height: 29px;border: 1px solid #dddddd;/* background: linear-gradient(#ffffff, #eee); */cursor: pointer; margin:0;}
.pop-cart-setup .pop-add-cart ul li input[type="text"]{height: calc(100% - 4px);width: calc(100% - 4px);margin: 2px;display: block; background: transparent;border: none;font-weight: 500;font-size: 14px;color: #888;text-align: center;cursor: inherit;}
.pop-cart-setup .pop-add-cart ul li input[type=text]::-ms-clear{display: none;}
.pop-cart-setup .pop-add-cart ul li.on {border: 1px solid #5c0f8b;border-bottom: 3px solid #5c0f8b;cursor: inherit;}
.pop-cart-setup .pop-add-cart ul li.on input[type="text"]{color:#5c0f8b;font-weight:700;}
/* .pop-basket-setup .pop-add-basket ul li input[type="text"]:focus{border: 2px solid #9229d2;background:#fff;} */
.pop-cart-setup .pop-add-cart ul li input::-webkit-input-placeholder { /* 크롬 4?56 */    font-family: "Noto", "Dotum", "Arial", "self";    color: #cfcfcf;    font-weight:500;}
.pop-cart-setup .pop-add-cart ul li input:-moz-placeholder { /* 파이어폭스 4?18 */    font-family: "Noto", "Dotum", "Arial", "self";    color: #cfcfcf;    font-weight:500;    opacity:  1;}
.pop-cart-setup .pop-add-cart ul li input::-moz-placeholder { /* 파이어폭스 19?50 */    font-family: "Noto", "Dotum", "Arial", "self";    color: #cfcfcf;    font-weight:500;    opacity:  1;}
.pop-cart-setup .pop-add-cart ul li input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */    font-family: "Noto", "Dotum", "Arial", "self";    color:  #cfcfcf;    font-weight:500;}
.pop-cart-setup .pop-add-cart ul li input::placeholder { /* 파이어폭스 51+, 크롬 57+ */    font-family: "Noto", "Dotum", "Arial", "self";    color:#cfcfcf;    font-weight:500;    opacity:  1;}
.pop-cart-setup .pop-add-cart ul li .txtDelBtn {display:none;width: 7px;height: 7px;background: url(../images/common/icon_sprite_02.png) no-repeat -181px -138px;position: absolute;top: 9px;right: 7px;}
.pop-cart-setup .pop-add-cart ul li .addCartBtn {width:100%;height: 100%;font-weight: 700;font-size: 13px;color: #666;background: #c0c0c0;/* border: 1px solid #ddd; */}
.pop-cart-setup .pop-add-cart ul li .addCartBtn .ico-plus-small {margin-bottom:2px; margin-right:3px;}
.pop-cart-setup .pop-add-cart ul li .MoreTooltip-content {font-size: 12px;width: 178px;left: -30px;background: #f5f5f5;}
.pop-cart-setup .total-cart-amount {padding: 15px 0 10px;border-top: 1px dashed #cfcfcf;margin-top: 20px;}
.pop-cart-setup .total-cart-amount dl {width: 400px;float: right;}
.pop-cart-setup .assemble-option-wrap td {border-top:0;padding: 0 0 8px 0px!important;text-align:left;}
.pop-cart-setup .assemble-option-wrap .goods-info-wrap {min-height:auto;margin-top: -5px;}
.pop-cart-setup .assemble-option-wrap .goods-info-wrap .assemble-option li {color:#8f8f8f;font-weight:300;position:relative;font-size: 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pop-cart-setup .assemble-option-wrap .goods-info-wrap .assemble-option li + li {margin-top:2px;}
.pop-cart-setup .assemble-option-wrap .goods-info-wrap .assemble-option li span {font-weight:500; margin-right:3px; padding:0 5px; background:#999; font-size:11px; border-radius:3px; color:#fff}
/* e : 김수연 장바구니 추가 팝업 */

/* 메일수신거부 */
.mail .tit {text-align:center;margin-top:200px;}
.mail .tit span {color:#9229d2;}
.mail .mail-info {width:699px;text-align:center;border-top:1px solid #9229d2;border-bottom:1px solid #999;padding:30px 0;margin:40px auto 0}
.mail .mail-info .txt-light {font-size:16px;margin-top:30px;}
.mail .btn-mail button {border:0;width:270px !important;height:60px !important;background:#9229d2;color:#fff !important;font-size:22px !important;margin-bottom:150px;}
.mail .btn-mail button + * {background:#3e3e3e;margin-left:5px;}

/* my시소, 고객센터, 시소베스트, 게시판 */
.my .tit-wrap.type2,
.customer .tit-wrap.type2,
.best .tit-wrap.type2,
.board .tit-wrap.type2,
.terms .tit-wrap.type2 {border-bottom:2px solid #777;padding-bottom:10px;}
.my .tit-wrap .tit,
.customer .tit-wrap .tit,
.best .tit-wrap .tit,
.board .tit-wrap .tit,
.terms .tit-wrap .tit {display:inline-block;font-size:24px;}
.my .tit-wrap .sub,
.customer .tit-wrap .sub,
.best .tit-wrap .sub,
.terms .tit-wrap .sub {display:inline-block;margin-left:5px;vertical-align:bottom;color:#999;}
.my .tit-wrap .btn-more,
.customer .tit-wrap .btn-more,
.best .tit-wrap .btn-more,
.board .tit-wrap .btn-more,
.terms .tit-wrap .btn-more {position:absolute;bottom:0;right:0;}
.my .tit-wrap .btn-more [class^=ico],
.customer .tit-wrap .btn-more [class^=ico],
.best .tit-wrap .btn-more [class^=ico],
.board .tit-wrap .btn-more [class^=ico],
.terms .tit-wrap .btn-more [class^=ico] {margin-left:5px;}
.estimate_result {border:2px solid #ddd;}
.estimate_result th {border-top:0;}
.estimate_result td {height:71px;padding-right:20px;}
.estimate_result td .txt-black {font-size:28px;}
.estimate_result td .txt-black + .txt-regular {font-size:18px;}
.estimate_result .bg-dotted {background:url(../../common/images/sub/bg_dotted_bar_01.gif) no-repeat 100% 0;}
.estimate_result .ui-ipt {vertical-align:middle;border-bottom:2px solid #dd012a;border-width:0 0 2px;font-size:28px;color:#dd012a;width:205px;text-align:right;font-weight:900;}
.estimate_result .ui-ipt + span {vertical-align:bottom;}
.estimate_result .ui-ipt::-ms-clear {display:none;}
.my .tit-wrap .ordNmTit {display:inline-block;margin-top: 10px;}
.my .tit-wrap .ordNmTit li {float:left;}
.my .tit-wrap .ordNmTit li::after {display:inline-block;content:'';width:1px;background:black;height: 14px;margin:0 15px;position: relative;top: 2px;}
.my .tit-wrap .ordNmTit li:last-child::after {display:none;}

/* my시소 */
.my {min-height:836px; margin-top:34px;}
.my::after {display:block; content:''; clear:both;}
.my .my-info {width:1100px; font-size:20px; padding:0 30px; margin-bottom:46px; background:#f7f7f7;  display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-around; align-items: center;  height:150px;}
.my .my-info.type2 {padding:0 45px 0 24px;}
.my .my-info.type2 div:nth-last-child(-n+2) {display:none;}
.my .my-info .item {display:flex; flex-direction: column; height:; text-align: center; }
.my .my-info .item:first-child {text-align: left;}
.my .my-info .item a {color:#222; font-weight:400; cursor: pointer;}
.my .my-info .line {display:inline-block; content:''; width:1px; height:70px; background:#ddd;}
.my .my-info .tit {font-size:15px; color:#999; margin-bottom:10px;}
.my .my-info .num {color:#ff4040;letter-spacing:-1px;}
.my .my-info .mbGradeBtn {font-size:11px; background:#f73e3e; color:#fff; padding:3px 6px; margin-top:8px; border-radius: 4px;}
.my .my-menu {width:180px;height:auto;max-height:728px;float:left;}/* 190116 수정 */
.my .my-menu h2 {height:73px;background-color:#45464a;color:#fff;line-height:73px;text-align:center;position:relative;top:-1px;left:-1px;width:180px;}
.my .my-menu dl {display:block;width:100%;min-height: inherit;padding:18px 0 18px 18px; border: 1px solid #ddd; }
.my .my-menu dt {font-size:16px;color:#000;margin-bottom:10px;}
.my .my-menu dd a {font-size:14px;color:#888;}
.my .my-menu dd.on a {font-weight:500;}
.my .my-menu dd + dd {margin-top:5px;}
.my .my-menu dd + dt {margin-top:30px;}
.my .my-content {float:right; width:calc(100% - 220px);}
/* s: 2018-12-28 추가 */
.my .nav-banner-wrap{width:178px; height:auto; margin-top:20px;}/* 190116 수정 */
.my .nav-banner-01{border:1px solid #ddd; margin-bottom:20px;}
.my .nav-banner-01 .img img, .my .nav-banner-02 .img img{width:100%; /* height:100%; */}
.my .nav-banner-02{border:1px solid #ddd;}
/* 김수연 마이시소 등급 버튼 추가  */
.my .tab.my-info .mbGradeBtn {cursor:pointer}
.my .tab.my-info .mbGradeBtn .grade-icon {margin-right: 3px;margin-bottom: 2px;width: 24px;height: 24px; vertical-align:text-bottom;}
/* s : 김수연 여신거래 조회 페이지  */
.my .my-credit {padding:25px 20px; border:1px solid #ddd;}
.my .my-credit [class^="ico2"] {background:url(../images/common/icon_sprite_02.png) no-repeat;}
.my .my-credit [class^="ico2"][class*="credit"] {width:55px;height:75px;margin-right: 10px;}
.my .my-credit [class^="ico2"][class*="credit-01"] {background-position: 0px -198px;}
.my .my-credit [class^="ico2"][class*="credit-02"] {background-position: -56px -198px;}
.my .my-credit [class^="ico2"][class*="credit-03"] {background-position: -110px -198px;}
.my .my-credit [class^="ico2"][class*="calc"] {width:25px; height:25px; margin:auto;}
.my .my-credit [class^="ico2"][class*="calc-01"] {background-position: -168px -207px;}
.my .my-credit [class^="ico2"][class*="calc-02"] {background-position: -168px -239px;}
.my .my-credit td {text-align:center;}
.my .my-credit td ul {display:inline-block;text-align: left;}
.my .my-credit td ul li {float:left; font-size:18px;}
.my .my-credit td ul li:nth-child(2) {margin-top: 6px; width:185px}
.my .my-credit .num {font-size:18px;}
.my .my-credit .num span {font-size:24px; font-weight:900; color:#222; margin-right:5px;}
/* e : 김수연 여신거래 조회 페이지  */
/* s: 김수연 나의 주문내역 수정 */
.my .order-step {display:flex; display:-webkit-flex; display:-ms-flexbox; border:1px solid #ddd; padding:20px 40px; justify-content: space-between; align-items: center;}
.my .order-step .step-box {text-align:center;}
.my .order-step .step-box .tit {font-size:14px; color:#222; margin-bottom:8px;}
.my .order-step .step-box .num {font-size:20px; font-weight:700; color:#ff4040;}
.my .order-step .step-arrow {display:inline-block; width:15px; height:20px; background:url(../images/common/icon_sprite.png) no-repeat -88px -53px; }
/* e : 김수연 나의 주문내역 수정 */
.my .goods-list .goods-link-wrap {display:block;max-width:100%;min-height:64px;position:relative;padding: 0 0 0 72px;text-align:left;}
.my .goods-list .goods-link-wrap img {width:64px;height:64px; object-fit:contain; position:absolute;top:0;left:0;}
.my .goods-list .goods-link-wrap .tit {display:block; color:#353535;}
.my .goods-list .goods-link-wrap .opt {display:block;color:#999; font-size:14px;}
.my .goods-list .goods-link-wrap.type2 {min-height:auto;padding:0;}
.my .goods-list .goods-link-wrap .assemble-option li {padding-top:2px; color:#8f8f8f; font-weight:300; position:relative; font-size:14px; white-space:normal}
.my .goods-list .goods-link-wrap .assemble-option span {font-weight:500; margin-right:3px; padding:0 5px; background:#999; font-size:11px; border-radius:3px; color:#fff}
.my .goods-list .btn-manage {width:75px;height:25px;line-height:23px;padding:0;display:block;margin:5px auto 0;font-size:14px;}
.my .goods-list .date-num span {display:block;font-size:16px;color:#222;}
.my .goods-list .date-num span.ordNo {display:block;font-size:16px;color:#bfbfbf;text-decoration:none;position:relative;margin-top:5px;}
.my .goods-list .date-num span.ordNo:after {content:'';display:block;width:80%;height:1px;margin:5px auto 0;}
/* .my .goods-list .date-num a {display:inline-block;font-size:16px;color:#bfbfbf;text-decoration:none;position:relative;margin-top:5px;}
.my .goods-list .date-num a:after {content:'';display:block;width:80%;height:1px;margin:5px auto 0;background-color:#bfbfbf;} */
.my .goods-list .state, .my .goods-list .pay-type {display:block;margin:0 auto;}
.my .goods-list .state.type2 {color:#dd012a;}
.my .info-list-group h3 {display:inline-block;height:30px;line-height:28px;font-size:16px;color:#fff;background-color:#8087bd;padding:0 10px;}
.my .info-list-group li {margin-top:20px;}

.my .estimate td {padding:20px 0 19px;}
.my .estimate td a {/* display:inline-block; */text-decoration:none;}
.my .estimate .tit {color:#cfcfcf}
.my .estimate .code {display:block;}
.my .tbl-sub-goods-list,
.my .tbl-sub-goods-list td {border:0 !important;margin:0 !important;padding:0 !important;}
.my .tbl-sub-goods-list td {border-bottom:1px solid #e5e5e5 !important;padding:20px !important;}
.my .tbl-sub-goods-list tr:last-child td {border-bottom:0 !important;}
.my .tbl-sub-goods-list .sub-goods-link {display:block;max-width:100%;min-height:64px;position:relative;padding:0 0 0 72px;text-align:left;}
.my .tbl-sub-goods-list .sub-goods-link img {width:64px;height:64px; object-fit: contain; position:absolute;top:0;left:0;}
.my .tbl-sub-goods-list .sub-goods-link .tit {display: block;}
.my .tbl-sub-goods-list .sub-goods-link .opt {display:block;color:#bfbfbf;}
.my .tbl-sub-goods-list td > .tit {display:block;}
.my .tbl-sub-goods-list .point {color:#9229d2;}
.my td.sub-goods-list-wrap {padding:0;}
.my .tbl-inquiry .goods-q-link {display:inline-block;max-width:100%;text-decoration:none;}
.my .tbl-inquiry .code {display:block; text-align:left;}
/* 181017 추가 */
.my .tbl-inquiry.tbl_type .qa-wrap {padding:0;}
.my .tbl-inquiry.tbl_type .q-wrap {position:relative;padding:30px 100px 43px 125px;overflow:hidden}
.my .tbl-inquiry.tbl_type .q-wrap .thm {width:154px;height:154px;float:right;}
.my .tbl-inquiry.tbl_type .q-wrap .thm img {width:100%;height:100%;}
.my .tbl-inquiry.tbl_type .q-wrap .cir-wrap {position:absolute;top:30px;left:50px;}
.my .tbl-inquiry.tbl_type .q-wrap .cir-wrap span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.my .tbl-inquiry.tbl_type .a-wrap {background:#f6f6f6;position:relative; position:relative;padding:30px 100px 43px 125px; white-space:pre-line;}
.my .tbl-inquiry.tbl_type .a-wrap:before {content:'';display:block;width:0px;height:0px; border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:15px solid #f6f6f6;position:absolute;top:-15px;left:96px;}
.my .tbl-inquiry.tbl_type .a-wrap .cir-wrap {position:absolute;top:30px;left:50px;}
.my .tbl-inquiry.tbl_type .a-wrap .cir-wrap span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.my .tbl-inquiry.tbl_type .a-wrap .info * {display:inline-block;vertical-align:middle;}
.my .tbl-inquiry.tbl_type .a-wrap .info .a-state {color:#5c0f8b;margin-right:5px; font-size:13px; font-weight:700;}
.my .tbl-inquiry.tbl_type .q-wrap .date,
.my .tbl-inquiry.tbl_type .a-wrap .info .usr-id,
.my .tbl-inquiry.tbl_type .a-wrap .info .date {font-weight:300;color:#666; font-size:13px;}
.my .tbl-inquiry.tbl_type .a-wrap .info .date:before {content:'';display:inline-block;width:1px;height:10px;background:#666;margin:0 5px;}
.my .tbl-inquiry.tbl_type .a-wrap .dsc {margin-top:10px;}
.my .tbl-inquiry.tbl_type #prdInqList .goods-link-wrap {padding-left:0; text-align:center;}
.my .tbl-inquiry.tbl_type #prdInqList .goods-link-wrap img {position:relative;}
/* //181017 추가 */
.my .slt-inquiry .selectric {width:268px;}
.my .file-inquiry .ipt-name {width:475px;}
.my .file-inquiry .btn-file {width:168px;}
.my .textarea-inquiry textarea,
.my .ipt-inquiry .ui-ipt {width:651px;}
.my .slt-coupon .selectric-wrapper {float:right;}
.my .slt-coupon .selectric {width:198px;height:38px;border-color:#cfcfcf;background:#f1f1f1;}
.my .slt-coupon .selectric-items {border-color:#cfcfcf;}
.my .slt-coupon .selectric .label,
.my .slt-coupon .selectric-items li  {font-size:14px;}
.my .coupon-link {display:inline-block;border-bottom:1px solid #222;}
.my .member-edit .guide {font-size:14px;padding:12px 0 0 5px;}
.my .member-edit .ui-radio {display:inline-block;}
.my .member-edit .ui-radio + .ui-radio {margin-left:20px;}
.my .file-member-edit .ipt-name {width:186px;}
.my .box-gray {border:1px solid #cfcfcf;padding:20px 20px;}
.my .box-gray .ui-chk-purple-left {padding-left:0;display:inline-block;}
.my .box-gray .ui-chk-purple-left + .ui-chk-purple-left {margin-left:25px;}
.my .textarea-out {height:110px;}

/*my시소 개인정보변경 190916_김수연 추가*/
.my .pwcheck-wrap{padding:50px; }
.my .pwcheck-wrap .sns-login {margin:60px 0 45px;}
.my .box-gray .pwcheck {width: 310px;height: 30px;text-align: center;}
.my .box-gray p {font-size:16px}
/* 주문상세정보 거래증빙서류 김수연 추가 */
.my .taxInvoiceInfo-wrap {position:relative; display:inline-block;}
.my .taxInvoiceInfo-wrap .ico-btn-right {cursor:pointer;}
.my .taxInvoiceInfo-wrap .taxInvoiceInfo {position:absolute;display:none;border: 1px solid #777;background: white;z-index: 1;left: 30px;top: -10px;padding: 10px 15px;min-width: 200px;box-shadow: 0 0 10px -6px;}
.my .taxInvoiceInfo-wrap .taxInvoiceInfo .closeLayerPop {position:absolute;top: 10px;right: 10px;}

.my .order-amt-info {border-top:2px solid #333;border-bottom:1px solid #999; margin-top:20px;}
.my .order-amt-info th {padding:12px 0; border-bottom:1px solid #eee;}
.my .order-amt-info td{text-align: center; font-size:14px;padding:12px 0;}
.my .order-amt-info td:last-child{font-weight:700; color:#dd012a;}

.onoff-switch-container{
  display:inline-block;
  width: 140px;
  height: 30px;
  position:relative;
}
.onoff-switch-container input[type="checkbox"]{
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.onoff-switch-container label{
  padding-left: 70px;
  line-height: 30px;
  font-size: 16px;
}
.onoff-switch-container label::after{
  position:absolute;
  top:3px;
  left:4px;
  content:'';
  width: 24px;
  height: 24px;
  background: #d1d1d1;
  border-radius: 100%;
  transition: all 0.3s

}
.onoff-switch-container label::before{
  position:absolute;
  top:0;
  left:0;
  content:'';
  width: 60px;
  height: 30px;
  border:1px solid #d1d1d1;
  border-radius: 20px;
  background: #f1f1f1;
  box-sizing: border-box;
}
.onoff-switch-container input[type="checkbox"]:checked + label::after {
  transform: translateX(28px);
}
.onoff-switch-container input[type="checkbox"]:checked + label.sns_0::after {background: #03c75a;}
.onoff-switch-container input[type="checkbox"]:checked + label.sns_1::after {background: #FEE500;}
.onoff-switch-container input[type="checkbox"]:checked + label.sns_2::after {background: #000;}
.onoff-switch-container input[type="checkbox"]:checked + label::before {
  background: #fff;
}

/* 고객센터 */
/* s: 2019-01-02 추가 */
.customer .sub_customer_tit{height:150px;margin-top:20px;}
.customer .sub_customer_tit img{width:100%;height:100%;}
/* e: 2019-01-02 추가 */
/* s : 김수연 고객센터 컬러 수정 */
.customer .tab.type5 {margin-top:12px;}
.customer .tab.item-07 li {width:158.4px}
.customer .tit-wrap h1 {font-size:28px; }
.customer .total-search-wrap {border-top:2px solid #222; text-align:center;padding:34px 0; background:#f7f7f7;}
.customer .total-search-wrap .form-wrap {display:inline-block; margin:0 auto; border-bottom:2px solid #222;}
.customer .total-search-wrap .form-wrap > * {display:inline-block; float:left; }
.customer .total-search-wrap .form-wrap .selectric-wrapper {width:90px; text-align: left; margin-right:25px;}
.customer .total-search-wrap .form-wrap .selectric-wrapper .selectric {border:0; background:transparent;}
.customer .total-search-wrap .form-wrap .selectric-wrapper .selectric .label {font-size:18px; height:54px; line-height:54px;}
.customer .total-search-wrap .form-wrap .selectric-wrapper .selectric .button {height:54px;}
.customer .total-search-wrap .form-wrap .selectric-wrapper .selectric .button:after {right:0; left:auto; border-width:5px;}
.customer .total-search-wrap .form-wrap .ipt-total-search {width:500px; height:54px; background:transparent; border:0;}
.customer .total-search-wrap .form-wrap .ipt-total-search::placeholder {font-size:18px; color:#999;}
.customer .total-search-wrap .form-wrap button {height:54px; width:23px; line-height:54px; margin-right:10px;}
.customer .total-search-wrap .form-wrap button span {text-indent:-9999;}
.customer .faq-list tr:first-child td {border-top:0;}
.customer .cs-info {background:#f7f7f7; margin:60px 0 100px; padding:58px 60px;}
.customer .cs-info > div {display:table; height:116px; float:left;}
.customer .cs-info .tell {margin:0 64px 0 24px; line-height:1;}
.customer .cs-info .tell h3 {font-size:20px; font-weight:700; margin-bottom:12px;}
.customer .cs-info .tell h1 {font-size:48px; font-weight:700; margin-bottom:18px;}
.customer .cs-info .tell p {font-size:16px; color:#999;}
.customer .cs-info .time {font-size:18px;}
.customer .cs-info .time p span {font-weight:700; margin-right:14px;}
.customer .cs-info .time p + p {margin-top:12px;}
.customer .cs-info .cs-btn::before {display:inline-block; content:''; height:99px; width:1px; background:#ccc; margin:8px 87px;}
.customer .cs-info .cs-btn a {display:inline-block; font-size:24px; font-weight:500; color:#222; background:#fff; border:2px solid #222; border-radius:3px; margin-top:16px; padding:12px 50px;}
.customer .notice-list .noti-cont > td{padding:40px;background:#f8f8f8}
.customer .notice-list .noti-cont .sum_note td{border:1px solid #ddd;padding:8px 10px;text-align:left;}


/* 전시 */
/* .display .tab.type2 ul li.on a {background:#6a3dcb;} */
.display .display-wrap {border-top:2px solid #222; padding-top:30px; margin-top:20px;}
.display .display-wrap ul {display:block;overflow:hidden;}
.display .display-wrap ul li {float:left;width:540px}
.display .display-wrap ul li:nth-child(2n) {margin-left:20px;}
.display .display-wrap ul li:nth-child(n+3){margin-top:20px;}
.display .display-wrap ul li a {display:block;border:1px solid #ddd;text-decoration:none;}
.display .display-wrap ul li a .cover {width:538px;height:250px;}
.display .display-wrap ul li a .info {display:block;width:538px;height:118px;border-top:1px solid #ddd;padding:29px 20px 0;}
.display .display-wrap ul li a .tit {display:block;font-weight:500;font-size:24px;color:#222;}
.display .display-wrap ul li a .date {display:block;font-size:18px;color:#999;margin-top:10px;}
/* .display .display-wrap .noEvent {font-size:26px;width:100%; text-align:center; font-weight:700; margin:100px 0;}
.display .display-wrap .noEvent p {font-size:20px; font-weight:300; color:#727272; margin-top:10px;} */
.display .display-my-link {margin:0 5px;text-decoration:none;border-bottom:1px solid #9229d2;color:#9229d2;position:relative;top:0;}
.display .box-gray {border:1px solid #ddd;padding:0 20px;}
.display .box-gray p {line-height:80px;font-size:16px;padding:0;}
.display .box-gray.box-empty {height:347px;background:url(../images/sub/coupon_empty_img.gif) no-repeat 50% 79px;padding-top:240px;border-width:1px;}
.display .box-gray.box-empty p {line-height:1.5;font-size:20px;}
.display .evtPlan-title h2 {font-size:28px;}
.display .tab.type5 {margin-top:12px;}

/* 수연 : 쿠폰존 변경 */
.display .coupon-wrap > ul {display: flex;flex-wrap: wrap;}
.display .coupon-wrap > ul > li {width: calc(100%/3 - 20px);float:left;margin-top:20px;}
.display .coupon-wrap > ul > li + li {margin-left: 30px;}
.display .coupon-wrap > ul > li:nth-child(3n+1) {margin-left:0;}
.display .coupon-wrap > ul > li:nth-child(n+4) {margin-top: 60px;}
.display .coupon-wrap > ul > li .item {/* background:url(../../common/images/sub/display_coupon_bg_01.png) no-repeat 0 0; */text-align: left;position: relative;border: 1px solid #5c0f8b;border-radius: 8px;}
.display .coupon-wrap > ul > li .item::before {display: inline-block; content:'';width: 20px;height: 20px;border-radius: 20px; border:1px solid #5c0f8b;background:#fff;position: absolute;top: -12px;right: 50px;}
.display .coupon-wrap > ul > li .item::after {display: inline-block; content:'';width: 20px;height: 20px;border-radius: 20px; border:1px solid #5c0f8b; background:#fff;position: absolute;bottom: -11px;right: 50px;}
.display .coupon-wrap > ul > li .item .inner {padding: 26px 59px 26px 20px; position:relative;}
.display .coupon-wrap > ul > li .item .inner::before,
.display .coupon-wrap > ul > li .item .inner::after {display:inline-block; content:'';width: 22px;height: 12px;background: #fff; position:absolute;z-index: 1;}
.display .coupon-wrap > ul > li .item .inner::before {top: -13px;right: 50px;}
.display .coupon-wrap > ul > li .item .inner::after {bottom: -13px;right: 50px;}
.display .coupon-wrap > ul > li .item .tit {display:block;font-size: 18px;color: #444;margin-bottom: 10px;}
.display .coupon-wrap > ul > li .item .discount {display:block;font-weight: 700;font-size: 38px;color: #5c0f8b;letter-spacing: -2px;margin-bottom: 10px;}
.display .coupon-wrap > ul > li .item .discount em {font-size:20px;}
.display .coupon-wrap > ul > li .item .cpn-info {display:block;font-size: 15px;color: #999;}
.display .coupon-wrap > ul > li .item .cpn-info + .cpn-info {margin-top:5px;}
.display .coupon-wrap > ul > li .item .cpn-info .ellipsis {max-width: 228px;display: inline-block;float: left;}
.display .coupon-wrap > ul > li .item .cpn-tooltip {display:inline-block;float: left;margin-left: 5px;}
.display .coupon-wrap > ul > li .item .cpn-tooltip .tooltip-btn {border: 1px solid #999;color: #6c6c6c;border-radius: 50%;padding: 1px 4px;font-size: 12px;}
.display .coupon-wrap > ul > li .item .cpn-tooltip .tooltip-text {display:none; position:absolute;border: 1px solid #222;background: #fff;z-index: 2;width: 360px;min-height: 154px;padding: 25px 20px;left: -8px;top: 125px;box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 15%); font-size:13px;}
.display .coupon-wrap > ul > li .item .cpn-tooltip .tooltip-text .tit {font-size:13px;}
.display .coupon-wrap > ul > li .item .cpn-tooltip .tooltip-text .btn-close {position: absolute;width: 30px;height: 30px;right: 10px;top: 10px;}
.display .coupon-wrap > ul > li .item .cpn-tooltip .tooltip-text li + li {margin-top:4px;}
.display .coupon-wrap > ul > li .item .cpn-copyright {position: absolute;color: #ffda00;transform: rotate(90deg);top: 60px;right: -62px;letter-spacing: 10px;font-size: 14px;font-weight: 500;background: #5c0f8b;padding: 22px 26px 22px 37px;z-index: -1;border-radius: 8px 8px 0 0;}
.display .coupon-wrap > ul > li .cpn-desc li {display:block;line-height: 20px;text-indent:-6px;padding-left:6px;}
.display .coupon-wrap > ul > li .cpn-desc li + li {margin-top: 4px;}
.display .coupon-wrap > ul > li .btn-down {display:block;width:100%;line-height: 46px;height: 50px;text-align:center;background: #3e3e3e;font-weight:500;font-size: 18px;color: #fff;text-decoration:none;margin-top: 25px;}
.display .coupon-wrap > ul > li .btn-down > * {vertical-align:middle;}
.display .coupon-wrap > ul > li .btn-down .ico-down {margin-left:5px;}
.display .coupon-wrap > ul > li .item.disabled,
.display .coupon-wrap > ul > li .item.disabled::before,
.display .coupon-wrap > ul > li .item.disabled::after {border-color: #aeaeae;}
.display .coupon-wrap > ul > li .item.disabled .cpn-copyright {background: #aeaeae;color: #fff;}
.display .coupon-wrap > ul > li .item.disabled .tit,
.display .coupon-wrap > ul > li .item.disabled .discount,
.display .coupon-wrap > ul > li .item.disabled .cpn-info{color: #aeaeae;}
.display .coupon-wrap > ul > li .btn-down.disabled {background: #eee;cursor:auto;color: #aeaeae;}
.display .coupon-wrap > ul > li .btn-down.finish {background:#fff; border:1px solid #aeaeae; color:#aeaeae;}
/* end : 쿠폰존 변경 */

/* 툴팁 */
.cart-tooltip {display:inline-block;margin-left: 5px;}
.cart-tooltip .tooltip-btn {border: 1px solid #999;color: #6c6c6c;border-radius: 50%;padding: 1px 4px;font-size: 12px;}
.cart-tooltip .tooltip-text {display:none; position:absolute;border: 1px solid #222;background: #fff;z-index: 2;width: 277px;min-height: 94px;padding: 25px 20px;left: 215px;top: 146px;box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 15%); font-size:13px;}
.cart-tooltip .tooltip-text .tit {font-size:13px;}
.cart-tooltip .tooltip-text .btn-close {position: absolute;width: 30px;height: 30px;right: 10px;top: 10px;}
.cart-tooltip .tooltip-text li + li {margin-top:4px;}

.cart-tooltip2 {display:inline-block;margin-left: 5px;}
.cart-tooltip2 .tooltip-btn {border: 1px solid #999;color: #6c6c6c;border-radius: 50%;padding: 1px 4px;font-size: 12px;}
.cart-tooltip2 .tooltip-text {display:none; position:absolute;border: 1px solid #222;background: #fff;z-index: 2;width: 277px;min-height: 94px;padding: 25px 20px;left: 215px;top: 418px;box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 15%); font-size:13px;}
.cart-tooltip2 .tooltip-text .tit {font-size:13px;}
.cart-tooltip2 .tooltip-text .btn-close {position: absolute;width: 30px;height: 30px;right: 10px;top: 10px;}
.cart-tooltip2 .tooltip-text li + li {margin-top:4px;}

.display .page-nav-wrap {display:inline-block;}
.display .page-nav-wrap > *:nth-child(1) {margin-right:0;}

/* sns 공유 */
.sns-wrap {position:relative; }
.sns-wrap .sns-list {display:none;position:absolute;padding: 20px 25px;background:#fff;border:1px solid #ddd;right:0;top: 30px;z-index:99;width: 226px;box-shadow: 0 0 10px 2px rgb(0 0 0 / 12%);}
.sns-wrap .sns-list li + li {margin-left: 18px;}
.sns-wrap .sns-list [class^=sns-share] {display:inline-block;text-align: center; width:46px;}
.sns-wrap .sns-list [class^=sns-share]::after {display:block;font-size:13px;margin-top: 8px;}
.sns-wrap .sns-list [class^=sns-share][class$=facebook]::after {content:'페이스북'}
.sns-wrap .sns-list [class^=sns-share][class$=kakaoTalk]::after {content:'카카오톡'}
.sns-wrap .sns-list [class^=sns-share][class$=url]::after {content:'URL복사'}
.sns-wrap .sns-list .sns-list-btn-close {position:absolute;top: 10px;right: 10px;}

.display .cont-wrap {border-top:2px solid #777; padding:30px 0;}
.display .cont-wrap.type2 {border-bottom:0;}
.display .tbl-cont .last {position:relative;}
.display .tbl-cont .last:before {content:'';display:block;width:1px;height:13px;background:#ddd;position:absolute;top:4px;left:10px;}
.display .tbl-cont tbody td {padding:20px;}
.display .prd-more-btn {border:1px solid #d4d4d4; color:#444; width:263px; height:60px; font-size:16px; font-weight:700; margin-top:70px;}
#buyBnfitEvtDtlPrdLstDiv, #plandpDtlPrdLstDiv {margin-bottom:140px;}

/* 카테고리 베스트 수정 */
.best-cate-wrap {position:relative;border-top:2px solid #777;}
.category-best-wrap .center-wrap > [class^=btn-best] {position:absolute;top:78%;margin-top:-12px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}/*190410_수연: top: 50% -> 80%*/
.category-best-wrap .center-wrap .btn-best-prev {left:0px;}
.category-best-wrap .center-wrap .btn-best-next {right:0px;}
.best-cate-wrap > ul {position:absolute;left:0;top:0;}
.best-cate-wrap > ul > li {float:left; width:calc(1015px / 6);height:130px;position:relative;color: #353535;font-size: 15px; cursor:pointer;}
.best-cate-wrap > ul > li:last-child {margin-left:-4px;}
.best-cate-wrap > ul > li button.btn-best-nav {text-align:center; word-break:keep-all; font-family: "Noto", "Dotum", "Arial", "self";  font-size: 15px; width:100%; margin-top:10px; color: #222; outline:none;  z-index:1;}
.best-cate-wrap > ul > li.on::after{display:block;content:'';width: 80px;height: 80px;background:#eee;position:absolute;top: 3px;left: 50%;transform: translateX(-50%);border-radius: 50%;}
.best-cate-wrap > ul > li.active::after{display:block;content:'';width: 80px;height: 80px;background:#eee;position:absolute;top: 3px;left: 50%;transform: translateX(-50%);border-radius: 50%;}
.best-cate-wrap > ul > li.active button.btn-best-nav {font-weight:700; color:#222;}
.best-cate-wrap > ul > li .img-box{width:80px; height:80px; margin:0 auto;}
.best-cate-wrap > ul > li img{position:absolute;left:50%;transform:translateX(-50%);top:15px; z-index:1; width:55px; height:55px;}
/* 시소베스트*/
/* 카테고리베스트 이전 css
.best-cate-wrap {position:relative;border-top:2px solid #777;}
.best-cate-wrap > [class^=btn-best] {position:absolute;top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.best-cate-wrap .btn-best-prev {left:-55px;}
.best-cate-wrap .btn-best-next {right:-55px;}
.best-cate-wrap > ul > li {float:left;background:#f8f8f8;}
.best-cate-wrap > ul > li:last-child {margin-left:-4px;}
.best-cate-wrap > ul > li .btn-best-nav {width:138px;height:110px;
    text-align:center;font-family: "Noto", "Dotum", "Arial", "self";font-size:16px;padding-top:45px;position:relative;
}
.best-cate-wrap > ul > li .btn-best-nav:before {content:'';display:block;width:30px;height:30px;
    background:url(../images/common/icon_sprite.png) no-repeat;position:absolute;top:27px;left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.best-cate-wrap > ul > li .btn-best-nav.all:before {background-position:-324px -271px;}
.best-cate-wrap > ul > li .btn-best-nav.desktop:before {width:22px;height:36px;background-position:0 -450px;top:24px;}
.best-cate-wrap > ul > li .btn-best-nav.notebook:before {width:43px;height:33px;background-position:0 -495px;}
.best-cate-wrap > ul > li .btn-best-nav.mouse:before {width:22px;height:39px;background-position:0 -538px;top:22px;}
.best-cate-wrap > ul > li .btn-best-nav.monitor:before {width:38px;height:32px;background-position:0 -586px;}
.best-cate-wrap > ul > li .btn-best-nav.printer:before {width:34px;height:33px;background-position:0 -629px;}
.best-cate-wrap > ul > li .btn-best-nav.ink:before {width:22px;height:33px;background-position:0 -669px;}
.best-cate-wrap > ul > li .btn-best-nav.storage:before {width:22px;height:33px;background-position:0 -710px;}
.best-cate-wrap > ul > li.on .btn-best-nav {color:#fff;outline:none;}
.best-cate-wrap > ul > li.on .btn-best-nav.all {background:#6a3dcb;}
.best-cate-wrap > ul > li.on .btn-best-nav.all:before {background-position:0 -409px;}
.best-cate-wrap > ul > li.on .btn-best-nav.desktop {background:#4b4b4b;}
.best-cate-wrap > ul > li.on .btn-best-nav.desktop:before {background-position:-329px -17px;}
.best-cate-wrap > ul > li.on .btn-best-nav.notebook {background:#75bae1;}
.best-cate-wrap > ul > li.on .btn-best-nav.notebook:before {background-position:-311px -55px;}
.best-cate-wrap > ul > li.on .btn-best-nav.mouse {background:#8ecc5d;}
.best-cate-wrap > ul > li.on .btn-best-nav.mouse:before {background-position:-329px -90px;}
.best-cate-wrap > ul > li.on .btn-best-nav.monitor {background:#9372dd;}
.best-cate-wrap > ul > li.on .btn-best-nav.monitor:before {background-position:-314px -131px;}
.best-cate-wrap > ul > li.on .btn-best-nav.printer {background:#77b89a;}
.best-cate-wrap > ul > li.on .btn-best-nav.printer:before {background-position:-319px -165px;}
.best-cate-wrap > ul > li.on .btn-best-nav.ink {background:#f7a73f;}
.best-cate-wrap > ul > li.on .btn-best-nav.ink:before {background-position:-331px -200px;}
.best-cate-wrap > ul > li.on .btn-best-nav.storage {background:#8087bd;}
.best-cate-wrap > ul > li.on .btn-best-nav.storage:before {background-position:-331px -235px;}
*/

.best-item-wrap {height:0;/*margin-top:40px;*/overflow:hidden;position:absolute;} /*190410_수연:margin-top:0*/
.best-item-wrap.on {height:auto;position:static;}
.best-item-wrap .item-list {float:left;}
.best-item-wrap .item-list .head {width:200px;height:114px;color:#fff;padding:28px 0 0 20px;}
.best-item-wrap .item-list .head h4 {font-size:22px;}
.best-item-wrap .item-list .head a {display:inline-block;color:#fff;margin-top:15px;}
.best-item-wrap .item-list .head a span {display:inline-block;margin-left:5px;position:relative;top:-1px;}
.best-item-wrap .item-list .body {height: 509px;border:1px solid #eee;background:#f9f9f9;padding-left:20px;}
.best-item-wrap .item-list .body li {margin-top:25px;}
.best-item-wrap .item-list .body li a {font-size:16px;color:#222;}
.best-item-wrap .slide-wrap.banner {width:369px;position:relative;float:left;}
.best-item-wrap .slide-wrap.banner .owl-carousel {width:inherit;height:inherit;}
.best-item-wrap .slide-wrap.banner .owl-carousel img {height:623px;}
.best-item-wrap .slide-wrap.banner > [class^=btn] {position:absolute;top:305px;z-index:5;}
.best-item-wrap .slide-wrap.banner > .btn-prev {left:0;}
.best-item-wrap .slide-wrap.banner > .btn-next {right:0;}
.best-item-wrap .slide-wrap.banner > .slide-page-nav {width:100%;position:absolute;bottom:20px;z-index:5;text-align:center;}
.best-item-wrap .slide-wrap.goods {width:531px;height: 573px;position:relative;float:left;}
.best-item-wrap .slide-wrap.goods .owl-carousel {width:inherit;height:inherit;}
.best-item-wrap .slide-wrap.goods .slide-page-nav {height:51px;margin-top:-1px;border:1px solid #ddd;padding-top:20px;}
.best-item-wrap .goods-list-wrap {width:inherit;float:left;}
.best-item-wrap .goods-list-wrap .list-group-wrap {width:auto; display:none;}
.best-item-wrap .goods-list-wrap .list-group-wrap.on {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:row wrap; flex-basis: 25%;}

/*.best-item-wrap.desktop .item-list .head {background:#4b4b4b;}
.best-item-wrap.notebook .item-list .head {background:#75bae1;}
.best-item-wrap.mouse .item-list .head {background:#8ecc5d;}
.best-item-wrap.monitor .item-list .head {background:#9372dd;}
.best-item-wrap.printer .item-list .head {background:#77b89a;}
.best-item-wrap.ink .item-list .head {background:#f7a73f;}
.best-item-wrap.storage .item-list .head {background:#8087bd;}*/
/* s:181025 추가 */
.best-cate-wrap .owl-item  li {float:left;background:#f8f8f8;}
.best-cate-wrap .owl-item  li:last-child {margin-left:0;}
.best-cate-wrap .owl-item  li .btn-best-nav {width:138px;height:110px;
    text-align:center;font-family: "Noto", "Dotum", "Arial", "self";font-size:16px;padding-top:45px;position:relative;
}
.best-cate-wrap .owl-item li .btn-best-nav .icon_nav{position:absolute;top:0;left:0;width:100%;height:100%;}
.best-cate-wrap .owl-item li .btn-best-nav .icon_nav img{position:absolute;top:17px;left:50%;width:45px;height:45px;margin-left:-22.5px;}
.best-cate-wrap .owl-item li.on .btn-best-nav{color:#fff;outline:none;}
/* e:181025 추가 */

/*190410_수연: 추가*/
.best-titnav-wrap {margin-top: 35px!important;}


/* 메인 카테고리 베스트 */
.category-best-wrap {padding:90px 0; min-height:748px;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item {padding:30px 20px; border:1px solid #eaeaea;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item + .list-group-item {border-left:0;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item:nth-child(4n+1) {padding-left:20px; border-left:1px solid #eaeaea;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item:nth-child(4n) {padding-right:20px;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item:nth-child(n+5) {border-top:0;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item .img {width: 233px;height:233px;border-bottom:1px solid #eaeaea;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item .info {width:233px; padding-top:15px;}
.category-best-wrap .goods-list-wrap .list-group-wrap .list-group-item .best-no {font-size:24px; font-weight:700; color:#cccccc; font-style:italic; position:absolute; line-height:1; top:0px; left:2px; border-bottom:1px solid #ccc;}

/* s:181025 cateBest nav css 추가 */
.category-best-wrap .best-cate-wrap.type3 {border:0; margin:0 auto;}
.category-best-wrap .best-cate-wrap.type3 ul {font-size:0;}
.category-best-wrap .best-cate-wrap.type3 ul li {float:left;}
/* .category-best-wrap .best-cate-wrap.type3 li.on .btn-best-nav {background:#ffda00!important;} */
/* e:181025 추가 */

/* 게시판 - 견적문의 */
.board .tab.type5 {margin-top:12px;}
.board .tit-wrap h1 {font-size:28px;}
.board .list.notice {padding:25px 20px 22px; background:#f8f8f8; border-top:2px solid #222; border-bottom:1px solid #eee;}
.board .list.notice li {color:#222;}
.board .list.notice .link {margin:0 5px;text-decoration:none;border-bottom:1px solid #9229d2;color:#9229d2;}
.board .goods-list-inner.estimate,
.board .goods-list-inner.estimate-amount {border:1px solid #ddd;}
.board .goods-list-inner .goods-link-wrap {display:block;max-width:100%;min-height:64px;position:relative;padding:11px 0 0 90px;text-align:left;}
.board .goods-list-inner .goods-link-wrap img {width:64px;height:64px;position:absolute;top:0;left:0;}
.board .goods-list-inner .goods-link-wrap .tit {display:block;}
.board .goods-list-inner .goods-link-wrap .opt {display:block;color:#bfbfbf;}
.board .goods-list-inner th,
.board .goods-list-inner td {height:auto;border-bottom-width:0;padding-left:12px; border-top:1px solid #e5e5e5;}
.board .goods-list-inner tr:nth-of-type(1) th,
.board .goods-list-inner tr:nth-of-type(1) td {border-top:0;padding-left:12px;}
.board .goods-list-inner .ui-ipt {width:60px;height:30px;text-align:center;}
.board .goods-list-inner .goods-info-wrap {display:inline-block;max-width:100%;position:relative;padding:0 0 0 80px;}
.board .goods-list-inner .goods-info-wrap .tit {color:#353535;}
.board .goods-list-inner .goods-info-wrap img {width:64px;height:64px;position:absolute;top:50%;left:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.board .goods-list-inner .goods-info-wrap .opt {display:block;color:#bfbfbf;}
.board .goods-list-inner .goods-info-wrap .etc {display:block;margin-top:3px;color:#dd012a;}
.board .goods-list-inner .goods-info-wrap .code {display:block;}
.board .goods-list-inner.estimate-amount {}
.board .goods-list-inner.estimate-amount th,
.board .goods-list-inner.estimate-amount td {background:#f1f1f2; padding:10px; vertical-align: middle;}
.board .goods-list-inner.estimate-amount p {font-size:13px;}
.p-estimate-search.board {width:820px;padding-bottom:70px;}
.p-estimate-search.board.type2 {width:458px;padding-bottom:19px;-webkit-box-shadow:3px 3px 10px 0 #c7c7c7;-moz-box-shadow:3px 3px 10px 0 #c7c7c7;box-shadow:3px 3px 10px 0 #c7c7c7;}
.p-estimate-search.board .tbl_type.search-wrap {border-top:0;}
.p-estimate-search.board .tbl_type.search-wrap .ui-ipt {width:254px;vertical-align:middle;}
.p-estimate-search.board .tbl_type.search-wrap th,
.p-estimate-search.board .tbl_type.search-wrap td {background:#fff;border:0;padding:10px 0;}
.p-estimate-search.board .tbl_type.search-wrap .ui-btn-blue-sm {width:83px;height:40px;margin-left:7px;}
.p-estimate-search.board .goods-link-wrap {display:block;max-width:100%;min-height:64px;position:relative;padding:11px 0 0 90px;text-align:left;}
.p-estimate-search.board .goods-link-wrap img {width:64px;height:64px;position:absolute;top:0;left:0;}
.p-estimate-search.board .goods-link-wrap .tit {display:block;}
.p-estimate-search.board .goods-link-wrap .opt {display:block;color:#bfbfbf;}
.p-estimate-search.board .tbl-head-sub {font-size:16px;}
.p-estimate-search.board .tbl_type.search-wrap .selectric {width:184px;}
.p-estimate-search.board .tbl_type.search-wrap .selectric-wrapper + .selectric-wrapper {margin-left:11px;}

/* 개인정보취급방침 */
.terms-wrap {padding:27px 0 0 20px;}
.terms-wrap > dl > dt {font-size:18px;}
.terms-wrap > dl > dt ~ dt {margin-top:20px;}
.terms-wrap > dl > dd > dl > dt {font-size:16px;margin-top:20px;}
.terms-wrap > dl > dd > dl > dd {margin-top:15px;}
.terms-wrap > dl > dd > dl > dd > ul > li {text-indent:-20px;padding-left:20px;line-height:20px;}
.terms-wrap > dl > dd > dl > dd > ul > li + li {margin-top:5px;}

/* 제휴/광고문의 */
.ad .ad-slt .selectric {width:200px;}

/* 웹진 */
.webzine .webzine-nav .page-nav-wrap > *:nth-child(1) {margin-right:0px;}
.webzine .webzine-list {display:none;}
.webzine .webzine-list.on {display:block;}
.webzine .webzine-list li + li {margin-top:20px;}
.webzine .webzine-list li a {display:block;width:881px;border:1px solid #ddd;position:relative;text-decoration:none;}
.webzine .webzine-list li a img {width:100%;}
.webzine .webzine-list li a .flag {display:block;width:60px;height:60px;text-align:center;background:#dd012a;color:#fff;position:absolute;top:0;right:0;font-size:17px;padding-top:10px;}
.webzine .webzine-list li a [class^=txt] {display:block;line-height:58px;text-align:center;font-size:20px;color:#222;border-top:1px solid #ddd;}
.webzine .webzine-list.type2 li:last-child {border-bottom:1px solid #999;}
.webzine .webzine-list.type2 li + li {margin-top:0;}
.webzine .webzine-list.type2 li a {width:100%;border-width:1px 0 0 0;padding-left:279px;}
.webzine .webzine-list.type2 li a img {width:160px;position:absolute;top:50%;left:20px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.webzine .webzine-list.type2 li a [class^=txt] {display:inline-block;line-height:130px;text-align:left;border:0;}
.webzine .left-bar:before {content:'';display:inline-block;width:2px;height:15px;background:#222;vertical-align:middle;margin:0 5px;position:relative;top:-1px;}

/* 고객 이용후기 , 고객 인터뷰 */
.center-wrap.later-use .tbl-use .wrap {padding-left:102px;min-height: 90px;}
.center-wrap.later-use .tbl-use .goods-img {width:90px;height:90px;position:absolute;top:50%;left:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.center-wrap.later-use .tbl-use .code {display:block;}
.center-wrap.later-use .tbl-use .etc {display:block;color:#999;line-height: 18px;font-size: 14px;margin-top: 5px;word-break: break-all;}
.center-wrap.later-use .tbl-use .opt {display:block;color:#999;}
.center-wrap.later-use .tbl-use .foot-info > * {display:inline-block;vertical-align:middle;font-size:15px;}
.center-wrap.later-use .tbl-use .foot-info .u-id:before {content:'';display:inline-block;width:1px;height:17px;background:#555;vertical-align:bottom;margin:0 10px;}

/* 회사 소개 */
/* s : 김수연 회사소개 2020-01 */
.cmp-itr-wrap {text-align:center; color:#131313; border-top:1px solid #ddd;}
.cmp-itr-wrap .cmp-cont{padding:120px 0;}
.cmp-itr-wrap .cmp-cont .tit {font-size:38px; font-weight:400;}
.cmp-itr-wrap .cmp-cont.slogan .tit {margin-top:32px;}
.cmp-itr-wrap .cmp-cont.slogan p {font-size:20px; margin-top:20px;}
.cmp-itr-wrap .cmp-cont.slogan a {width:212px; height:54px; line-height:54px; background:#000; color:#fff; font-size:18px; display:block; margin:66px auto 0;}
.cmp-itr-wrap .cmp-cont.service{background:#f9f2ff;}
.cmp-itr-wrap .cmp-cont.service .service-list {margin-top:15px;}
.cmp-itr-wrap .cmp-cont.service .service-list li{display:inline-block; width:33.333%; float:left;}
.cmp-itr-wrap .cmp-cont.service .service-list li h3 {font-size:25px; font-weight:700; line-height:35px;}
.cmp-itr-wrap .cmp-cont.service .service-list li p{font-size:18px; line-height:28px; margin-top:25px; color:#444;}
.cmp-itr-wrap .cmp-cont.qna .qnaBox {margin-top:70px;text-align: left;display: flex;align-items: center;justify-content: space-between;}
.cmp-itr-wrap .cmp-cont.qna .qnaBox + .qnaBox {margin-top:20px;}
.cmp-itr-wrap .cmp-cont.qna .qnaBox:first-child {margin-top:72px;}
.cmp-itr-wrap .cmp-cont.qna .qnaBox .question {font-size:30px;position: relative;padding-left: 70px;}
.cmp-itr-wrap .cmp-cont.qna .qnaBox .question::before {display:block;content:'';width:50px;height:45px;background:url(../images/sub/cmp_itr_icon_q.png) no-repeat;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.cmp-itr-wrap .cmp-cont.qna .qnaBox .answer {width:588px; font-size:20px; line-height:30px; padding:22px 38px 22px 110px; background:#f9f2ff; position:relative;height: 134px;display: flex;align-items: center;}
.cmp-itr-wrap .cmp-cont.qna .qnaBox .answer::before {display:block;content:'';width:54px;height:44px;background:url(../images/sub/cmp_itr_icon_a.png) no-repeat;position: absolute;top: 50%; transform:translateY(-50%); left: 38px;}
.cmp-itr-wrap .cmp-cont.map {background:#f9f2ff;}
.cmp-itr-wrap .cmp-cont.map .map-wrap {margin-top:60px;}
.cmp-itr-wrap .cmp-cont.map .map-box{width:calc(50% - 28px); text-align: left; font-size:16px;}
.cmp-itr-wrap .cmp-cont.map .map-box .tit {font-size:14px; font-weight:700; margin:15px 0 25px;}
.cmp-itr-wrap .cmp-cont.map .map_info .address,
.cmp-itr-wrap .cmp-cont.map .map_info .connect{padding-left:34px; position:relative;}
.cmp-itr-wrap .cmp-cont.map .map_info .address::before {display:inline-block; content:''; width:25px; height:28px; background:url(../images/sub/map_icon.png) no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.cmp-itr-wrap .cmp-cont.map .map_info .address span {font-size:13px;display:block;margin-top: 5px;}
.cmp-itr-wrap .cmp-cont.map .map_info .connect {margin-top:20px;}
.cmp-itr-wrap .cmp-cont.map .map_info .connect::before {display:inline-block; content:''; width:25px; height:28px; background:url(../images/sub/map_icon_2.png) no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.cmp-itr-wrap .cmp-cont.map .map_info .connect a {color:#131313;}
.cmp-itr-wrap.contactUs .cmp-cont.map {background:#fff;}
/* e : 김수연 회사소개 2020-01 */

.pop-guide-01 .info-list-group h3 {display:inline-block;height:30px;line-height:28px;font-size:16px;color:#fff;background-color:#8087bd;padding:0 10px;}
.pop-guide-01 .info-list-group li {margin-top:10px;}

/* 팝업창 로그인 */
.pop-login {width:560px;}
.pop-login .login-box .login-cont {padding:0;border:0}

/* 서브 탑 bg 타이틀 */
.sub_tit_bg {height:150px;background:url(../images/sub/sub_tit_bg.png) no-repeat;text-align:center;margin-top:20px;padding-top:30px;}
.sub_tit_bg h2 {font-size:48px;color:#5c0f8b;font-weight:500;}
.sub_tit_bg p {margin-top:10px;}

/* 회원정보 변경 링크 버튼 */
.pop-wrap [class^=ui-btn-][class*=-sm].btn-member-info-link,
.btn-member-info-link {width: 130px !important;height:auto !important;line-height:29px !important;}

/* 팝업 이미지 보기 */
.pop-img-view .big-img-wrap {width:400px;display:inline-block;float:left;padding: 20px 0;}
.pop-img-view .big-img {width: 400px;height: 500px;border:1px solid #ddd;text-align:center;overflow:hidden;vertical-align:middle;display: table-cell;background: #e6e6e6;}
.pop-img-view .big-img img {width: 100%;height: auto;max-width: 100%;max-height: 100%;}
.pop-img-view .img-thm {position:relative;text-align:center;margin-top:23px;}
.pop-img-view .img-thm>[class^=btn] {position:absolute;top:33px;}
.pop-img-view .img-thm .btn-nav-pre {left:0;}
.pop-img-view .img-thm .btn-nav-next {right:0;}
.pop-img-view .owl-carousel {width: 535px;height:90px;margin:0 auto;}
.pop-img-view .owl-carousel a {display:block;height:100%;outline:none;}
.pop-img-view .owl-carousel a.on:before {content:'';display:block;width:90px;height: 90px;border:2px solid #9431fe;position:absolute;top:-1px;left:-1px;}
.pop-img-view .owl-carousel a img {width:88px;height: 88px;}
.pop-img-view .owl-carousel .owl-item {width:90px !important;height:100%;border:1px solid #ddd;border-right:0;}
.pop-img-view .owl-carousel .owl-item + .owl-item {border-left:1px solid #ddd;}
.pop-img-view .owl-carousel .owl-item:last-child {border-right:1px solid #ddd;}

.pop-img-view .comment-wrap{float:left;display:inline-block;width: 400px;font-size: 16px;padding: 20px;padding-right: 0;}
.pop-img-view .comment-wrap .cb-info-area3 {color: #a4a4a4;padding: 10px 0 15px;border-bottom: 1px solid #ddd;font-size:14px;}
.pop-img-view .comment-wrap .cb-info-area3 .cb-use-id {margin-right:20px;}
.pop-img-view .comment-wrap .cb-tit {padding: 20px 0 15px;font-size:14px;color: #a4a4a4;}
.pop-img-view .comment-wrap .cb-dsc_comment {height: 370px;overflow-y: auto;line-height: 20px; white-space:pre-line;}

/* 팝업 상품정보 */
.pop-wrap .goods-info-wrap {display:inline-block;max-width:100%;position:relative;padding:0 0 0 80px; min-height:64px;}
.pop-wrap .goods-info-wrap img {width:64px;height:64px;position:absolute;top:50%;left:0; object-fit: contain;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.pop-wrap .goods-info-wrap .opt {display:block;color:#bfbfbf;}
.pop-wrap .goods-info-wrap .etc {display:block;margin-top:3px;color:#dd012a;}
.pop-wrap .goods-info-wrap .code {display:block;}


/* 회원등급별분류 */
.seesaw-grade-wrap{padding:68px 0 80px;height:766px;background:url(../images/common/purple-pattern.png);}
.seesaw-grade-wrap .top-text{color:#fff; text-align:center;}
.seesaw-grade-wrap .top-text h3{position:relative;padding-bottom:25px;font-size:34px;}
.seesaw-grade-wrap .top-text h3:after{content:'';display:block;position:absolute;left:50%;bottom:0;width:31px;margin-left:-15px;height:3px;background-color:#fff;}
.seesaw-grade-wrap .top-text p{padding-top:28px;line-height:1.5;font-size:16px;}
.seesaw-grade-wrap .grade-list{width:930px;margin:65px auto 0;color:#fff;text-align:center;}
.seesaw-grade-wrap .grade-list:after{content:'';display:block;clear:both;}
.seesaw-grade-wrap .grade-list li{float:left;width:280px;padding:64px 40px 50px;margin-left:30px;transition:0.3s all;background-color:#382622;}
.seesaw-grade-wrap .grade-list li:first-child{margin-left:0;}
.seesaw-grade-wrap .grade-list li:hover{box-shadow:9px 9px 1px rgba(56,38,34,0.4);}
.seesaw-grade-wrap .grade-list li.soft{background-color:#665b51;}
.seesaw-grade-wrap .grade-list li strong{display:block;padding-bottom:170px;font-size:23px;line-height:1.5;background:url(../images/common/grade_icon1.png) center top 106px no-repeat;}
.seesaw-grade-wrap .grade-list li strong.coupon{background-image:url(../images/common/grade_icon2.png);}
.seesaw-grade-wrap .grade-list li strong.award{background-image:url(../images/common/grade_icon3.png);}
.seesaw-grade-wrap .grade-list li p{font-size:16px;margin-bottom:5px;line-height:1.5;}
.seesaw-grade-wrap .grade-list li p span{font-size:14px;}
.seesaw-grade-benefit{padding-top:78px;}
.seesaw-grade-benefit h3{padding-bottom:32px;font-size:34px;text-align:center;color:#222;}
.seesaw-grade-benefit .tbl_type{border-top:2px solid #777; color:#222;}
.seesaw-grade-benefit .tbl_type th{padding:0 20px;text-align:left;font-size:16px;border-top:1px solid #e6e6e6;}
.seesaw-grade-benefit .tbl_type td{padding:23px 0 21px;border-right:1px dashed #e6e6e6;color:#555;}
.seesaw-grade-benefit .tbl_type td.bdr{border-right:1px solid #e6e6e6;}
.seesaw-grade-benefit .tbl_type td.color{color:#222;}
.seesaw-grade-benefit .tbl_type td:last-child{border-right:none;}
.seesaw-grade-benefit .txt-center{margin-top:30px;color:#555;}


/* 로딩페이지 */
/* s:2018-12-17 수정 */
.loading-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;}
.loading-wrap .loading-dim{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;}
.loading-wrap .loading-inner{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;}
/* e:2018-12-17 수정 */
.loading-wrap img{animation:loading1 1s infinite linear;}
@keyframes loading1{100%{transform:rotate(360deg)}}

/* 에러페이지 */
.error-wrap{display:table-cell;width:820px;min-width:820px;text-align:center;vertical-align:middle;}
.error-wrap .error-text {padding-top:195px;color:#222;background:url(../images/sub/sub_error_icon.png) center top no-repeat}
.error-wrap .error-text h2{font-size:56px;}
.error-wrap .error-text p{margin-top:30px;line-height:1.5; font-size:24px; }

.q-icon{display:inline-block;color:#fff;width:20px;height:20px;padding-right:2px;margin-left:5px;line-height:20px;font-size:14px;text-align:center;cursor:pointer;border-radius:50%;background-color:#cfcfcf;}

/* 관공서 세금계산서 팝업 */
.public-popup strong{display:block;margin-top:20px;font-size:18px;}
.public-popup ol{counter-reset:section;}
.public-popup ol li{position:relative;padding-left:15px;margin-top:10px;}
.public-popup ol li:before{counter-increment:section;content:counter(section)".";position:absolute;left:0;top:0;}
.public-popup ol li p{margin-top:5px;padding-left:10px;}

/* 시소배송 방법 */
.parce-service-select > li{display:none; width:100%;}
.parce-service-select > li.reletive{position:relative;}
.parce-service-select > li.reletive a {display:inline-block;position:absolute;right:0;top:0;}
.parce-service-select > li.reletive a button{font-size:13px}
.parce-service-select > li:first-child{display:block;}
.parce-service-select li .ui-radio li{display:inline-block;margin-left:10px;}
.parce-service-select li .ui-radio li:first-child{margin-left:0;}
.parce-service-select li p{margin-top:20px;}
.parce-service-select li .desc{margin-top:10px;}
.parce-service-select li .desc li{margin-top:5px;}
.parce-service-select li .desc li:first-child{margin-top:0;}
.parce-service-select li .desc li a{text-decoration:underline}

.estimate-wrap .estimate-title {margin-top:40px;}
.estimate-wrap .estimate-title img{width:139px; margin-right:10px;}
.estimate-wrap .estimate-title p{font-size:30px;font-weight:bold;}
.estimate-wrap .estimate-title .vat-radio {display:inline-block;line-height: 40px;}

.estimate-wrap .estimate-expl{border-top: 2px solid #5c0f8b;border-bottom: 1px solid #777; margin-top: 15px; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;}
.estimate-wrap .estimate-expl .info-wrap{width:100%; padding:15px 20px;}
.estimate-wrap .estimate-expl .info-wrap.left,
.estimate-wrap .estimate-expl .info-wrap.right {width:530px}
.estimate-wrap .estimate-expl > div li:after{content:''; display:block; clear:both}
.estimate-wrap .estimate-expl > div li:first-child{margin-top:0;}
.estimate-wrap .estimate-expl > div li{margin-top: 5px;line-height: 34px;}
.estimate-wrap .estimate-expl > div li p:first-child{position:relative;width:100px;font-weight:bold;}
.estimate-wrap .estimate-expl > div li p:first-child:after{content:'';display:block;position:absolute;right:0;top: 50%;width:1px;height:15px;background-color:#999;margin: 0 15px;transform: translateY(-50%);}
.estimate-wrap .estimate-expl .info-wrap li p{float: left;font-size:16px;}
.estimate-wrap .estimate-expl .info-wrap.left li.last{margin-top:10px;}
/* .estimate-expl .left li.last p:first-child{margin-top:25px;} */
.estimate-wrap .estimate-expl .info-wrap.left li .ui-radio-sm {display:inline-block;}
.estimate-wrap .estimate-expl .info-wrap.left li p .money{font-size:32px;font-weight:bold;color: #5c0f8b;}
.estimate-wrap .estimate-expl .info-wrap.left li p .vat-txt{color:#dd012a;font-size: 14px;font-weight: 700;margin-left: 5px;}
.estimate-wrap .estimate-expl .info-wrap.right ul:after{content:''; display:block; clear:both}
.estimate-wrap .estimate-expl .info-wrap.right li{width:100%;}
.estimate-wrap .estimate-expl .info-wrap.right li.half{width:50%;float:left;}
.estimate-wrap .estimate-expl .info-wrap.right li p:first-child{padding-left:0;}
.estimate-wrap .estimate-expl .estm-supply{ background-color: #5c0f8b;color: #fff;text-align:center;width:40px; font-weight:bold;font-size:14pt;writing-mode:tb-rl;padding: 5px 8px 5px 5px; align-self:stretch;}
.estimate-wrap .tbl-amount td {padding:20px 0; font-size:18px; vertical-align: text-top;}
.estimate-wrap .tbl-amount td:nth-child(2) {padding-right:0px;}
.estimate-wrap .tbl-amount .total-wrap {padding:15px 20px; border:2px solid #9229d2;}
.estimate-wrap .tbl-amount .total-wrap dl {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content: space-between;}
.estimate-wrap .tbl-amount .total-wrap dl + dl {margin-top:8px;}
.estimate-wrap .tbl-amount .total-wrap .total-coupon .num-box {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;}
.estimate-wrap .tbl-amount .total-wrap .total-coupon button {display:inline-block;margin-left: 3px;width:16px;height:16px;border-radius:8px;border:1px solid #888;vertical-align: text-bottom;color: #888;font-size: 12px; line-height:15px;}
.estimate-wrap .tbl-amount .total-wrap .total-amount strong{font-size: 32px;margin: 0 2px 0 10px;}
.estimate-wrap .tbl-amount .total-wrap .total-amount .vat-txt {font-size:14px;}
.estimate-wrap .txtarea {height:200px;}
.estimate-wrap .assemble-option li {padding-top:2px;color:#8f8f8f;font-weight:300;position:relative;font-size: 13px;white-space:normal;}
.estimate-wrap .assemble-option span{font-weight:500;margin-right: 1px;padding:0 5px;background:#999;font-size: 11px;border-radius:3px;color:#fff;height: 14px;display: inline-block;line-height: 14px;}
.estimate-wrap .estimate-sub-desc{margin-top:10px;}
.estimate-wrap .estimate-sub-desc p{display:inline-block; margin-left:10px;}
.estimate-wrap .estimate-sub-desc p:fisrt-child{margin-left:0;}
.estimate-wrap .estimate-sub-desc p .bold{font-weight:bold;}
.estimate-wrap .estimate-desc{margin-top:30px;padding:25px; text-align:center; border:1px solid #e6e6e6; background-color:#f8f8f8;}
.estimate-wrap .estimate-desc .accountNo {display:inline-block; overflow:hidden; margin-top:20px;}
.estimate-wrap .estimate-desc .accountNo p{display:inline-block; float:left; font-size:16px;}
.estimate-wrap .estimate-desc .accountNo p:nth-child(3n+1) {clear: both;}
.estimate-wrap .estimate-desc .accountNo p::after {display:inline-block; content:'/'; margin:0 15px;}
.estimate-wrap .estimate-desc .accountNo p:nth-child(3n)::after {display:none;}
.estimate-wrap .btn-wrap {position:relative; margin-top:100px;}
.estimate-wrap .btn-wrap .time-wrap {width:270px; margin:0 auto 18px; letter-spacing:-0.01em;}
.estimate-wrap .btn-wrap .time-wrap .txt {display:flex; display:-ms-flexbox; display:-webkit-flex; font-size:16px; background:#9229d2; color:#fff; border-radius:6px; font-weight:700; width:122px; height:26px; margin:0 auto; align-items: center; justify-content: center;}
.estimate-wrap .btn-wrap .time-wrap .txt i {display:inline-block; width:20px; height:18px; margin-left:2px; background:url(../images/common/icon_sprite_02.png) no-repeat; background-position:-162px -340px;}
.estimate-wrap .btn-wrap .time-wrap .time-box {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:baseline; justify-content: space-between; margin:10px 0;}
.estimate-wrap .btn-wrap .time-wrap .time-box .tit {font-size:16px; margin-right:auto;}
.estimate-wrap .btn-wrap .time-wrap .time-box .time {display:flex; display:-ms-flexbox; display:-webkit-flex; font-size:25px; font-weight:900; align-items: center;}
.estimate-wrap .btn-wrap .time-wrap .time-box .time span::after {display:inline-block; content:':'; margin:0 16px; font-size:22px; font-weight:900;}
.estimate-wrap .btn-wrap .time-wrap .time-box .time span:last-child::after {display:none;}
.estimate-wrap .btn-wrap .time-wrap .timer-box {width:100%; height:3px; background:#999;}
.estimate-wrap .btn-wrap .time-wrap .timer-box .timer {width:80%; height:100%;}
.estimate-wrap .btn-wrap .time-wrap .timer-box .timerBar {width:100%; height:100%; background:#ff4040; position:relative; animation:3.5s ease-out timerBar;}
.estimate-wrap .btn-wrap .time-wrap .timer-box .timerBar::after {display:inline-block; content:''; width:14px; height:14px; border-radius: 50%; background:#fff; border:3px solid #ff4040; position:absolute; right:0px; top:50%; transform: translateY(-50%);}
@keyframes timerBar {
    0% {width:0%;}
    15% {width:50%}
    100% {width:100%;}
}

/*양우정 검색엔진 추가 2018.11.27*/
.cost-wrap{position:relative;display:inline-block;margin-top:5px; padding-left:17px;}
.cost-wrap input {text-align:right; width:185px;}
.cost-wrap .end-cost{position:relative;margin-left:30px;}
.cost-wrap .end-cost:before{  content: '';display: block; width: 12px;height: 1px;background: #333;position: absolute;top: 50%;left: -21px;margin-top:7px;}
.cost-wrap button{width:34px;height:34px;background:#ccc;opacity:0.7;position:absolute;right:-34px;top:0px;}


/* 취소교환반품 팝업 */
.pop-claim .ord-num-wrap .ord-num + .ord-date::before {display:inline-block; content:''; width:1px; height:14px; margin:0 8px; background:#222; position:relative; top:2px;}
.pop-claim .tbl_type td {padding:13px 15px 12px;}
.pop-claim .tbl_type .ui-ipt {width:100%;}

.pop-claim.p-cancel .tbl_type .ui-ipt {width:100%;}
.pop-claim.p-cancel .tbl_type .email .ui-ipt {width:163px;vertical-align:middle;}
.pop-claim.p-cancel .tbl_type .email .ui-ipt + span {vertical-align:middle;}
.pop-claim.p-cancel .tbl_type .email .selectric {width:165px;}
.pop-claim.p-cancel .tbl_type .message > div {position:relative;padding-left:94px;}
.pop-claim.p-cancel .tbl_type .message > div + div {margin-top:16px}
.pop-claim.p-cancel .tbl_type .message > div > label {vertical-align:middle;position:absolute;top:10px;left:0;}
.pop-claim.p-cancel .tbl_type .message .selectric,
.pop-claim.p-cancel .tbl_type .message .ui-ipt {width:444px;}
.pop-claim.p-cancel .tbl_type .phone .selectric,
.pop-claim.p-cancel .tbl_type .phone .ui-ipt {width:80px;}
.pop-claim.p-cancel .cancel-rdo-wrap {border-top:2px solid #777;border-bottom:1px solid #999;padding:15px 0 15px 0;}
.pop-claim.p-cancel .rdo-row.relative .ui-radio {position:absolute;top:10px;left:0;}
.pop-claim.p-cancel .rdo-row {white-space:nowrap;font-size:0;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio {display:inline-block;font-size:16px;position:relative;width: calc((100%/4) - 17px);}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio label {display:inline-block;width: 100%;height:60px;border:1px solid #cfcfcf;padding: 17px 0 0 14px;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio label:before {margin-right: 54px;}
.pop-claim.p-cancel .ui-radio + .ui-radio {margin-left: 22px;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio:nth-of-type(1):before {content:'';display:block;width:37px;height:35px;background:url(../images/common/icon_sprite.png) no-repeat -217px -221px;position:absolute;top:16px;left: 57px;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio:nth-of-type(2):before {content:'';display:block;width:30px;height:33px;background:url(../images/common/icon_sprite.png) no-repeat -215px -258px;position:absolute;top:15px;left: 54px;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio:nth-of-type(3):before {content:'';display:block;width:37px;height:34px;background:url(../images/common/icon_sprite.png) no-repeat -213px -182px;position:absolute;top:16px;left: 54px;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio:nth-of-type(4):before {content:'';display:block;width:28px;height:28px;background:url(../images/common/icon_sprite.png) no-repeat -215px -146px;position:absolute;top:16px;left: 55px;}
.pop-claim.p-cancel .rdo-row.bdr-ico .ui-radio.on {border-color:#6e3add;}
.pop-claim.p-cancel .txt-write {width:100%;height:58px;padding:10px;}

.p-order-confirm {width:820px;padding:19px 19px;}
.p-order-confirm .pop-msg {padding:0 10px;}
.p-order-confirm .box-gray {border:2px solid #ddd;overflow:hidden;padding:0;}
.p-order-confirm .box-gray div {float:left;line-height:66px;font-size:16px;padding-left:18px;}
.p-order-confirm .box-gray .box-left {width:188px;background-color:#f1f1f2;}
.p-order-confirm .pop-msg  .tit-wrap .tit {font-size:16px;}
.p-order-confirm .tbl_type td {padding:13px 15px 12px;}
.p-order-confirm .ui-radio {display:inline-block;}
.p-order-confirm .ui-radio + .ui-radio {margin-left:14px;}
.p-order-confirm .ui-radio input {width:0;height:0;}
.p-order-confirm .ui-radio .ico-star-on {position:relative;top:-1px;}
.p-order-confirm .ui-radio input + label:before {margin-right:6px;}
.p-order-confirm textarea {font-size:16px;}
.p-order-confirm .ui-file .ui-ipt {width:364px;}
.p-order-confirm .ipt-name {width:361px !important;}
.p-order-confirm .star-wrap .number {font-size:24px;margin-left:10px;}
.p-order-confirm .star-wrap button span {width:26px;}

.pop-claim.p-refund {}
.pop-claim.p-refund .tbl_type.type2 {}
.pop-claim.p-refund .tbl_type.tbl-input .slt-w100p .selectric-wrapper {width: 372px!important;}
.pop-claim.p-refund .ord-goods-info {width: 380px;}
.pop-claim.p-refund .rdo-reexch-wrap, .pop-claim.p-refund.reexchMethod {display:none;}
.pop-claim.p-refund .rdo-reexch-wrap.reexch01 {display:block;}
.pop-claim.p-refund .reexchMethod .ui-chk-purple-left, .pop-claim.p-refund .refndDelvDtlInfo .ui-chk-purple-left {display:inline-block;float: right;top: 3px;}
.pop-claim.p-refund .rdo-reexch-wrap .tbl_type.type2{border-top: 0px;border-bottom: 1px solid #999;}
.pop-claim.p-refund .reexchMethod .delvCoprSelec .selectric-wrapper {width: 253px;}
.pop-claim.p-refund .reexchMethod .delvCoprSelec .ReturnInvoiceNO {width: 264px;}
.pop-claim.p-refund .rdo-reexch-wrap .ReturnInvoiceNo {width: 300px;margin-left: 5px;}
.pop-claim.p-refund .refundInfo {width: 440px;}
.pop-claim.p-refund .refundAccInfo .accHolder {line-height:36px;margin-bottom: 10px;}
.pop-claim.p-refund .refundAccInfo .accHolder span {}
.pop-claim.p-refund .refundAccInfo .accHolder input {width: 106px;margin-left: 8px;}
.pop-claim.p-refund .refundAccInfo .refundAcc {/* display: inline-block; width: 362px;*/ }
.pop-claim.p-refund .refundAccInfo .refundAcc .selectric-wrapper {width: 160px;}
.pop-claim.p-refund .refundAccInfo .refundAcc input {width: 204px;}
.pop-claim.p-refund .ui-radio + .ui-radio {margin-left:20px;}
.pop-claim.p-refund .refund-wrap dd ul li p.detail {font-size:13px; color:#6c6c6c;}

/* s : 김수연 환불 정보 css 추가 */
/* .my #btnRefund {font-size:16px;height:30px;float: right;line-height: 28px;}
.my .refund-wrap {border-top: 2px solid #777;border-bottom: 1px solid #999;}
.my .refundInfo {float:left;width: 50%;}
.my .refundInfo:nth-child(1) {margin-right:10px; width:300px!important;}
.my .refundInfo td {padding: 12px 20px;font-weight: 300;}
.my .refundInfo td:nth-child(1) {background:#eee;font-weight: 500;}
.my .refundInfo td:nth-child(2) {text-align:right;}
.my .refundInfo:nth-child(2) td {border-top:1px solid #e5e5e5; }
.my .refundInfo .total {color: #dd012a;font-weight: 700;} */
/* e : 김수연 환불 정보 css 추가 */

/* s : 김수연 환불내역 상세보기 추가 */
.pop-claim.p-refund-detail #refundDetail td {padding: 12px 20px;}
.pop-claim.p-refund-detail #refundDetail td.borderTop {border-top: 1px solid #999;}
.pop-claim.p-refund-detail #refundDetail td.borderRight {border-right: 1px solid #e5e5e5;background: #f5f5f5;}
.pop-claim.p-refund-detail #refundDetail td:last-child {border-left:1px solid #e5e5e5;font-size: 14px;text-align: left;}
/* e : 김수연 환불내역 상세보기 추가 */





/* 환불금액 테이블 */
.refund-wrap {border-top:2px solid #333; border-bottom:1px solid #999; margin-top:10px;}
.refund-wrap td {vertical-align: top; padding:12px 20px; border-right:1px solid #eee;}
.refund-wrap td:last-child {border-right:0; background:#f7f7f7;}
.refund-wrap dt {font-weight:700; font-size:16px; margin-bottom:8px;}
.refund-wrap dd {font-size:14px;}
.refund-wrap dd.claim-total {margin-top:15px; text-align: right;}
.refund-wrap .claim-total {font-weight: 700;}
.refund-wrap td.refundTotal .claim-total {color:#dd012a; float:right;}
.refund-wrap dd li + li {margin-top:4px;}
.refund-wrap dd ul li::after {display:block; content:''; clear:both;}
.refund-wrap dd ul li span:nth-child(1){float:left;}
.refund-wrap dd ul li span:nth-child(2){float:right; text-align: right;}
.refund-wrap dd ul li p.detail {clear:both; font-size:13px; color:#6c6c6c;}

.tbl_type .cancle-cbox {float:right;margin-top: 6px;}

/* 개인정보 처리 약관 */
.tbl_type.privacy th, .tbl_type.privacy td{font-size:14px; padding:10px 5px;}

/* ebt css */
.pop-wrap .goods-info-wrap.ebt {padding: 0px;}
.order_payment .goods-info-wrap.ebt {padding-left: 10;}
.my.ebt [class^=ui-btn-blue] {border: 1px solid #0014ba;background: #fff;color: #0014ba !important;}
.my.ebt .goods-list .goods-link-wrap {padding:0;}
.my.ebt .ui-search-wrap .search-inner-wrap .ui-btn-bordered.on {color:#0014ba;}
.my.ebt .ui-search-wrap .search-inner-wrap .search-box {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items: center; justify-content: center; column-gap:5px;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap:nth-child(2) {border-top:1px solid #e6e6e6; }
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap .tit {background:#fff; line-height:44px; font-size:16px; font-weight:400; width:170px;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap .item-wrap .list li {height:44px; line-height:44px; width:232px;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap .item-wrap .list li:after {left:231px;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items: center; height:44px;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch-tit {width:170px; border:0; background:#fff;font-weight:400;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch .srch-box {border:1px solid #ccc; margin:0 20px 0 15px; }
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch input {width:650px; padding:0 36px 0 20px;}
.ebt-container .sub-search-wrap .search-form-wrap .cate-wrap #cate-re-sch .pop-productSearch {background: #f3f3f3; border:1px solid #ccc; font-weight: 700;padding: 4px 10px;width: 120px;}
.ebt-container .order_payment .stock-select .selectric-wrapper {width:160px; margin:10px auto 0;}
.board .goods-list-inner .goods-info-wrap.ebt  {padding:0;}
#buyBnfitEvtDtlPrdLstDiv .goods-list-row-wrap.ebt .btn-basket {width:82px; height:32px; font-size:15px; background:#fff; color:#394fe3; border:2px solid #394fe3; margin:0 0 5px 0;}