@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'yg-jalnan';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SBAggroL';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



/* 비품, 사무용품  헤더 */
@media screen and (min-width: 769px) {
    #header-mall {position:relative;}
    #header-mall .inner{max-width: 1200px; margin:0 auto; position:relative; display: flex; justify-content: space-between; align-items: center; height: 100%;}

    #header-mall .header-top{height: 44px; background: #f8f9fa;}
    #header-mall .header-top span{display: flex; margin-left:0px;}
    #header-mall .header-top span a{color: #5a5a5a; font-size: 16px; font-weight: 600; padding-bottom: 10px; margin-top: 10px;}
    #header-mall .header-top span.header-top-right{position: relative;}
    #header-mall .header-top span.header-top-right a{display: flex; align-items: center; position: relative;}
    #header-mall .header-top span.header-top-right a:after{width: 2px; height: 14px; content: ''; background: #5a5a5a; margin: 0 13px;}
    #header-mall .header-top span.header-top-right a.last{color: #4c92f1;}
    #header-mall .header-top span.header-top-right a.last.member-bt{color: #5a5a5a;}
    #header-mall .header-top span.header-top-right a.last::after{width: 23px; height: 23px; content: ''; background: url(https://resource.mall.castingn.com/static/images/ico-header-arrow.png) center no-repeat; margin-left: 5px; transform: rotate(180deg);}
    #header-mall .header-top span.header-top-right a.last.on::after{transform: rotate(0);}

    #header-mall .header-top .layer-wrap{position: relative;}
    #header-mall .header-top .head-layer-pop{position: absolute; background: #fff;border: 1px solid #4d4d4d; right: 12px; top: 40px;border-radius: 5px; z-index: 10;  box-sizing: border-box; display: none;}
    #header-mall .header-top .head-layer-pop.head-layer-1{ width: 135px; padding: 15px 18px;}
    #header-mall .header-top .head-layer-pop.head-layer-2{ width: 258px; padding: 5px 9px;}
    #header-mall .header-top .head-layer-pop ul.center-list li{margin-top: 5px;}
    #header-mall .header-top .head-layer-pop ul.center-list li:first-child{margin-top: 0;}
    #header-mall .header-top .head-layer-pop ul.center-list li a{font-size: 13px; color: #000; margin-top: 0; padding-bottom: 0;}
    #header-mall .header-top .head-layer-pop ul.center-list li a:after{display: none;}
    #header-mall .header-top .head-layer-pop ul.center-list li:hover a{color: #4c92f1; text-decoration: underline;}

    #header-mall .header-top .head-layer-pop .user-area .info{border-bottom: 1px solid #eaeaea; display: flex; padding: 10px 15px;}
    #header-mall .header-top .head-layer-pop .user-area .info:last-child{border-bottom: none;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-1{justify-content: space-between;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-2{justify-content: flex-start; color: #858585; font-weight: 600; font-size: 12px;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-2 .last-ymd{margin-left: 5px;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-3{justify-content: space-between;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-3 dl{display: flex; justify-content: space-between; flex-wrap:wrap; font-weight: 600;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-3 dl dt{font-size: 13px; color: #000; width: 50%;}
    #header-mall .header-top .head-layer-pop .user-area .info.info-3 dl dd{font-size: 13px; width: 50%; text-align: right; }
    #header-mall .header-top .head-layer-pop .user-area .info.info-3 dl dd .num{color: #4c92f1; font-size: 15px; display: unset;}
    #header-mall .header-top .head-layer-pop .user-area .user-id{font-size: 16px; color: #000; font-weight: 600; margin-left: 0;}
    #header-mall .header-top .head-layer-pop .user-area button{width: 62px; height: 21px; background: #f3f3f3; border: 1px solid #d1d1d1; color: #757575; font-size: 12px; font-weight: 600;}

    #header-mall .header-center{height: 113px; background: #fff; border-bottom: 1px solid #e1e1e1;}
    #header-mall .header-center .inner{align-items: center; justify-content: space-between;}
    #header-mall .header-center .logo {text-align:center; margin-bottom:32px;}

    #header-mall .header-search{width: 34.5%; border-bottom:  4px solid #4c92f1; margin: 0 0 23px 27px; display: flex; align-items: center; position: absolute; left: 32%;}
    #header-mall .header-search input{width: 422px; height: 40px; padding: 0 10px; font-size: 20px;}
    #header-mall .header-search input::placeholder{color: #b3b7ba;}
    #header-mall .header-search button{width: 27px; height: 29px; background: url(https://resource.mall.castingn.com/static/images/ico-header-search.png) left/100% no-repeat; text-indent: -999999px;}

    #header-mall .header-category{display: flex; align-items: center; margin: 0 10px 28px auto;}
    #header-mall .header-category a{text-indent: -9999999px; overflow: hidden; margin-left: 25px;}
    #header-mall .header-category a:first-child{margin-left: 0;}
    #header-mall .header-category .category-menu1{width: 26px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/ico-header-member.png) center no-repeat;}
    #header-mall .header-category .category-menu2{width: 24px; height: 26px; background: url(https://resource.mall.castingn.com/static/images/ico-header-basket.png) center no-repeat;}
    #header-mall .header-category .category-menu3{width: 35px; height: 26px; background: url(https://resource.mall.castingn.com/static/images/ico-header-deliver.png) center no-repeat;}
    #header-mall .header-category .category-menu4{width: 27px; height: 25px; background: url(https://resource.mall.castingn.com/static/images/ico-header-msg.png) center no-repeat;}

    #header-mall .header-bottom{height: 60px; border-bottom: 1px solid #a7a7a7;}
    #header-mall .header-bottom .gnb{display: flex; height: 100%; align-items: center; justify-content: space-between; width: 100%;}
    #header-mall .header-bottom .gnb li{ box-sizing: border-box; height: 100%; display: flex; align-items: center; position: relative; letter-spacing: -0.01em; padding: 0 10px;}
    #header-mall .header-bottom .gnb li a{font-size: 23px; font-weight: 700;}
    #header-mall .header-bottom .gnb li.current::after{width: 100%; height: 6px; content: ''; background: #4c92f1; bottom: 0; left: 0; position: absolute;}

    #header-mall .header-bottom .gnb li .tool-tip{width: 113px; height: 23px; border-radius:11px; border: solid 1px #707070; position: absolute; display: flex; align-items: center; justify-content: center; font-size: 14px; box-sizing: border-box; left: 22px; top: -15px;
        font-weight: 600; background: #fff;}


    #header-mall .header-bottom .gnb li::after{
        transition-property: width;
        transition-duration: 0.5s;
        width: 0%;
        height: 6px;
        content: '';
        background: #4c92f1;
        bottom: 0;
        left: 0;
        position: absolute;
    }
    #header-mall .header-bottom .gnb li:hover::after{
        transition-property: width;
        transition-duration: 0.5s;
        width: 100%;
        height: 6px;
        content: '';
        background: #4c92f1;
        bottom: 0;
        left: 0;
        position: absolute;
    }

    #header-mall .header-bottom .gnb li.active-menu::after{
        width: 100%;
        height: 6px;
        content: '';
        background: #4c92f1;
        bottom: 0;
        left: 0;
        position: absolute;
    }
    #header-mall .header-bottom .gnb li .ico-pin{width: 20px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/ico-gnb-m1.png) center/100% no-repeat; margin-right: 5px;}
    #header-mall .header-bottom .gnb li .ico-smart{width: 35px; height: 35px; background: url(https://resource.mall.castingn.com/static/images/ico-gnb-m2.png) center/100% no-repeat; margin-right: 5px;}

}



@media screen and (max-width: 768px) {
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1 li a svg { display: none }
    #header-mall {
        margin:0 auto;
        height: 55px;
        position:relative;
        background: rgba(43,197,156,1);
        background: -moz-linear-gradient(left, rgba(43,197,156,1) 0%, rgba(16,142,226,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,197,156,1)), color-stop(100%, rgba(16,142,226,1)));
        background: -webkit-linear-gradient(left, rgba(43,197,156,1) 0%, rgba(16,142,226,1) 100%);
        background: -o-linear-gradient(left, rgba(43,197,156,1) 0%, rgba(16,142,226,1) 100%);
        background: -ms-linear-gradient(left, rgba(43,197,156,1) 0%, rgba(16,142,226,1) 100%);
        background: linear-gradient(to right, rgba(43,197,156,1) 0%, rgba(16,142,226,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bc59c', endColorstr='#108ee2', GradientType=1 );
        display: flex;
        align-items: center;
        padding: 0 10px;
        z-index: 1;
    }
    #header-mall .top-menu {display:flex;justify-content:flex-end;align-items:center;padding:25px 0 5px;display: none;}
    #header-mall .top-menu a span {font-size:15px; font-weight:500; letter-spacing:-0.04em; color:#000;}
    #header-mall .top-menu a {display:flex; align-items:center; margin-left:40px;}
    #header-mall .top-menu a span.t-blue {color:#0e89e8;}
    #header-mall .top-menu a i {margin-right:5px;}
    #header-mall .logo {text-align:center;width: 73px;}
    #header-mall .mobile-top {margin-left:auto; display:flex; align-items:center;}
    #header-mall .mobile-top a {display:flex; align-items:center;}
    #header-mall .mobile-top a span {font-size:13px; letter-spacing:-0.03em; color:#fff;}
    #header-mall .mobile-top a .ico-top-arrow {width:17px; height:5px; background:url(https://resource.mall.castingn.com/static/images/ico-top-arrow.png) center no-repeat; background-size:100%; margin-left:5px;}
    #header-mall .mobile-top a .ico-mem {width:18px; height:21px; background:url(https://resource.mall.castingn.com/static/images/ico-mem.png) center no-repeat; background-size:100%;}
    #header-mall .mobile-top a:nth-child(n+2) {margin-left:20px;}
    #header-mall .gnb-section {display:flex;align-items:center;position: fixed;bottom: 0;left: 0;background: #fff;height: 50px;z-index: 1;width: 100%;}
    #header-mall .gnb-section .gnb-left {display:flex;align-items:center;width: 100%;justify-content: space-between;box-sizing: border-box;padding: 0 10px;}
    #header-mall .gnb-section .gnb-left button {
        width: 20%;
        text-align: center;
        font-size: 0;
        line-height: 0;
    }
    #header-mall .gnb-section .gnb-left a {
        width: 20%;
        text-align: center;
        font-size: 0;
        line-height: 0;
    }
    #header-mall .gnb-section .gnb-left a span {font-size: 10px;color: #959595;letter-spacing:-0.04em;line-height: 12px;margin-top: 2px;display: block;}
    #header-mall .gnb-section .gnb-left button span {font-size: 10px;color: #959595;letter-spacing:-0.04em;line-height: 12px;margin-top: 2px;display: block;}
    #header-mall .gnb-section .gnb-left button .ico-cate {width: 30px;height: 30px;display:block;background: url(https://resource.mall.castingn.com/static/images/ico-cate-m.png) center no-repeat;margin: 0 auto;background-size: 100%;}
    #header-mall .gnb-section .gnb-left a .ico-service {width: 30px;height: 30px;display:block;background: url(https://resource.mall.castingn.com/static/images/ico-service-m.png) center no-repeat;margin: 0 auto;background-size: 100%;}
    #header-mall .gnb-section .gnb-left a .ico-sh {width: 30px;height: 30px;display:block;background: url(https://resource.mall.castingn.com/static/images/ico-sh-m.png) center no-repeat;margin: 0 auto;background-size: 100%;}
    #header-mall .gnb-section .gnb-left a .ico-home {width: 30px;height: 30px;display:block;background: url(https://resource.mall.castingn.com/static/images/ico-home-m.png) center no-repeat;margin: 0 auto;background-size: 100%;}
    #header-mall .gnb-section .gnb-left a .ico-more {width: 30px;height: 30px;display:block;background: url(https://resource.mall.castingn.com/static/images/ico-more-m.png) center no-repeat;margin: 0 auto;background-size: 100%;}

    #header-mall .gnb-section .gnb-left button.active-gnb .ico-cate {background-image: url(https://resource.mall.castingn.com/static/images/ico-cate-m-on.png);}
    #header-mall .gnb-section .gnb-left a.active-gnb .ico-service {background-image: url(https://resource.mall.castingn.com/static/images/ico-service-m-on.png);}
    #header-mall .gnb-section .gnb-left a.active-gnb .ico-sh {background-image: url(https://resource.mall.castingn.com/static/images/ico-sh-m-on.png);}
    #header-mall .gnb-section .gnb-left a.active-gnb .ico-home {background-image: url(https://resource.mall.castingn.com/static/images/ico-home-m-on.png);}
    #header-mall .gnb-section .gnb-left a.active-gnb .ico-more {background-image: url(https://resource.mall.castingn.com/static/images/ico-more-m-on.png);}

    #header-mall .gnb-section .gnb-right {display: none;align-items:center;margin-left:auto;padding-right:70px;}
    #header-mall .gnb-section .gnb-right a span {font-size:20px; letter-spacing:-0.04em; color:#666666; font-weight:700;}
    #header-mall .gnb-section .gnb-right a:nth-child(n+2) {margin-left:55px; position:relative;}
    #header-mall .gnb-section .gnb-right a:nth-child(n+2):before {content:""; display:block; width:4px; height:4px; border-radius:2px; background:#666; position:absolute; left:-30px; top:50%; margin-top:-2px;}



}

#header-mall .header-top span a{font-size:14px;}
#header-mall .header-center .logo img{width:204px;}
#header-mall .header-top span a{font-size:14px;margin-left:0px;}
#header-mall .header-top span.header-top-right a{margin-left:20px;}
#header-mall .header-top span.header-top-right a:after{display:none;}
#header-mall .header-top span.header-top-right a.last:after{display:block;margin-right:0;}
#header-mall .header-top .layer-wrap:hover .head-layer-pop.head-layer-1{display:block;}
#header-mall .header-top .head-layer-pop ul.center-list li a{margin-left:0;}
#header-mall .header-top .head-layer-pop.head-layer-1{padding:10px;}
#header-mall .header-search{margin:0;border:0;width:auto;display:inline-flex;left:auto;right:230px;top:50%;margin-top:-17px;}
#header-mall .header-search input{width:275px;height:33px;border-radius:17px;background:#f5f5f5;border:0;font-size:14px;color:#85888d;padding:0 20px;}
#header-mall .header-search button{margin-left:10px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;background-size:contain;}
#header-mall .header-search button img{}
#header-mall .header-center .logo{margin:0;}
#header-mall .header-category{margin:0;}
#header-mall .header-center{border-bottom:0;}
#header-mall .header-bottom .gnb li a{font-size:20px;color:#000;}
#header-mall .header-bottom .gnb li .tool-tip{white-space:nowrap;border:1px solid #c8c8c8;background:#fff;font-size:14px;color:#010101;display:inline-flex;justify-content:center;align-items:center;padding:0 10px;height:26px;width:auto;}
#header-mall .header-bottom .gnb li .tool-tip:after{content: '';position: absolute;
    border-style: solid;border-width: 6px 3px 0px 3px;border-color: #FFFFFF transparent;display: block;width: 0;z-index: 1;bottom:-6px;left: 10px;
}
#header-mall .header-bottom .gnb li .tool-tip:before{content: '';position: absolute;
    border-style: solid;
    border-width: 6px 3px 0px 3px;
    border-color: #ccc transparent;
    display: block;width: 0;z-index: 0;bottom:-7px;left: 10px;}
#header-mall .header-bottom .gnb li .ico-maching{font-size:30px;color:#707070;}
#header-mall .header-bottom .gnb li a i{font-size:16px;color:#000;font-weight:bold;}
#header-mall .header-bottom .gnb li a.on i{transform:rotate(180deg)}

/*비품,사무용품 컨텐츠*/

.detail-top{max-width:1200px;width:100%;height:auto;margin:0 auto;}

.detail-top.type01{max-width: 1200px;}

.detail-top {
    /*max-width: 1700px;*/
}

.detail-side-wrap .lnb {
    z-index: 15;
}

.detail-top-wrap.detail-bg3 {
    position: relative;
    /* background-image: linear-gradient(to right, rgba(250, 204, 34, 1) 50%, #f83600 51%); */
}
/* .detail-top-wrap.detail-bg2:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 31px;
	width: 100%;
	height: 380px;
	background: #f2f2f2;
	border-top: 1px solid #000000;
	background-image: linear-gradient(to right, #59bb93 80px, #0e89e8 80px);
} */

.detail-top-wrap.detail-bg3:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 382px;
    content: '';
    /* background: #D3E6E0; */
    border-bottom: 1px solid #f3f1f1;
    background-image: linear-gradient(to right, rgba(250, 204, 34, 1) 50%, #f83600 51%);
}

.detail-top-wrap.detail-bg3.changed:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 382px;
    content: '';
    background: #5DA2FF;
    border-bottom: 1px solid #f3f1f1;
}


.detail-top-wrap.detail-bg3.changed1:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 382px;
    content: '';
    background: #D3E6E0;
    border-bottom: 1px solid #f3f1f1;
}

.detail-top-wrap.detail-bg3.changed2:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 382px;
    content: '';
    background: #f7db88;
    border-bottom: 1px solid #f3f1f1;
}

.detail-top-wrap.detail-bg3:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 380px;
    width: 100%;
    height: 127px;
    background-image: linear-gradient(to right, #59bb93 0, #0e89e8 79%);
    z-index:1;
}

.detail-top {
    position: relative;
    z-index:2;
}

dl.column-price {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.56px;
    color: #000;
}

dl.column-price > dd {
}
dl.column-price {
}
dl.column-price + dl.column-price{margin-top:5px;}
dl.column-price dt span {

}
dl.column-price dt span::after{

}
dl.column-price dt strong{font-size:13px;color:#000;font-weight:bold;}
dl.column-price dt span{font-size:13px;color:#32ab8c;font-weight:bold;}

dl.column-price.pin > dt:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: transparent url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat center center / contain;
}

.floor-pdtList .area ul.list-pdt > li dl.column-price.pin > dd {
    font-weight: bold;
    color: #4c92f1;
    text-decoration: none;
    font-size: 20px;
}
dl.column-price.origin > dt {
    font-size:14px;
    color: #999999;
}
dl.column-price.origin > dd {
    font-size:14px;
    color: #999999;
    text-decoration: line-through;
}

.wrap {
    width: calc(100% - 260px);
    margin-top: -30px;
}
.wrap [class*="floor-"] {
}
.wrap [class*="floor-"] .area {
}
.wrap [class*="floor-"] .line-title {
    line-height: 2.14;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -1.4px;
    color: #000;
}

.floor-visual {
    width: 100%;
}
.floor-visual .line-visual {
    margin: 0 0px 0 -260px;
}

.floor-visual .line-visual .area {
    position: relative;
    width: 1440px;
    height: 380px;
    overflow: hidden;
}
.floor-visual .line-visual .area .swiper-slide {
    position: relative;
    height: 380px;
    background: transparent url(/images/goods/visual_02.jpg) no-repeat center center / cover;
}

.floor-visual .line-visual .area .swiper-slide a{
    display: block;
    width: 100%;
    height: 380px;
}


.floor-visual .line-visual .area .slide-01 {
    background-image: url(/images/goods/visual_01.jpg);
    background-image: url(/images/goods/visual_04.png);
}

.floor-visual .line-visual .area .slide-02 {
    background-image: url(/images/goods/visual_02.jpg);
}

.floor-visual .line-visual .area .slide-03 {
    background-image: url(/images/goods/visual_03.jpg);
}

.floor-visual .box-menu-list{
    padding: 10px;
}

.floor-visual .box-menu-list ul{
    display: flex;
    flex-wrap: wrap;
    -webkit-box-shadow: -2px 3px 10px 1px rgb(0 0 0 / 7%);
    -moz-box-shadow: -2px 3px 10px 1px rgb(0 0 0 / 7%);
    box-shadow: -2px 3px 10px 1px rgb(0 0 0 / 7%);
}

.floor-visual .box-menu-list li{
    width: 25%;
}

.floor-visual .box-menu-list li a{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    word-break: keep-all;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

.floor-visual .box-menu-list li:nth-child(4n) a{
    border-right: none;
}

.floor-visual .line-visual .area button {
    position: absolute;
    left: 630px;
    top: 274px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #000000;
    border-radius: 19px;
    color: #000000;
}
.floor-visual .line-visual .area .slide-02 button {
    position: absolute;
    left: 567px;
    top: 302px;
    width: 182px;
    height: 29px;
    line-height: 38px;
    padding: 0 15px;
    border-radius: 19px;
    text-indent: -999999px;
    border: 0 none;
    /* background: transparent url(/images/goods/btn_02.png) no-repeat center center / cover; */
}
.floor-visual .line-visual .area .slide-03 button {
    position: absolute;
    left: 578px;
    top: 275px;
    width: 294px;
    height: 46px;
    line-height: 38px;
    padding: 0 15px;
    border-radius: 19px;
    text-indent: -999999px;
    border: 0 none;
    background: transparent url(/images/goods/btn_03.png) no-repeat center center / cover;
}

.floor-visual .line-title {
    background: transparent url(/images/goods/bg_title.png) no-repeat right -30px center / cover;
}
.floor-visual .line-title .area {
    padding: 10px 0 0 64px;
}
.floor-visual .line-title h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 2.14;
    letter-spacing: -1.4px;
    color: #fff;
}
.floor-visual .line-title .desc {
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: -0.5px;
    color: #fff;
}
.floor-visual .line-title .area {
    height: 116px;
}

.floor-pdtList {
    width: 100%;margin-top:50px;
}

[class*='floor-'] > [class*='area']{width: auto;}

.floor-pdtList .area {
    /* width: 100%; */
    margin-bottom: 40px;
    padding: 31px 0 35px 0;
    /* background: #f7fbfa; */
    margin-top: -19px;
}
.floor-pdtList .area ul.list-pdt {
    /* width: 1120px; */
    width:calc( 100% + 24px );margin-left:-12px;
    display: flex;
}

.floor-pdtList .area ul.list-pdt .new-tt{
    font-size: 14px;
    color: #fff;
    padding: 5px;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    left: 10px;
    top: 10px;
    background: rgba(89,187,147,1);
    background: -moz-linear-gradient(-45deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(89,187,147,1)), color-stop(100%, rgba(14,137,232,1)));
    background: -webkit-linear-gradient(-45deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
    background: linear-gradient(135deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );
    border-radius: 5px;
}

.floor-pdtList .area ul.list-pdt > li {
    position: relative;
    width: calc( 20% - 24px);
    height: 297px;
    margin: 0 12px;
    padding: 12.5px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
    padding-top: 26px;
}

.floor-pdtList .area ul.list-pdt > li .btn-info {
    position: absolute;
    right: 18px;
    top: 177px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: transparent url(/images/goods/ico-s-notice.png) no-repeat center center;
}
.floor-pdtList .area ul.list-pdt > li .box-img {
    width: 180px;
    height: 180px;
    margin: 0 auto 12px;
}
.floor-pdtList .area ul.list-pdt > li .box-img img {
    max-width: 100%;
    max-height: 100%;height:auto;width:100%;
}
.floor-pdtList .area ul.list-pdt > li .pdtNm {
    overflow: hidden;
    height: 100%;
    height: 41px;
    margin-bottom: 9px;
    font-size: 15px;
}
.floor-pdtList .area ul.list-pdt > li dl {
}
.floor-pdtList .area ul.list-pdt > li dl.column-price > dt {

}
.floor-pdtList .area ul.list-pdt > li dl.column-price > dd {
    margin-left: auto;
    text-decoration:line-through;
    color: #B3B7BA;
}
.floor-pdtList .area ul.list-pdt > li dl.column-price {
    align-items: flex-end;
    margin-bottom: -10px;
}
.floor-pdtList .area ul.list-pdt > li dl.column-price dt span {
    font-size: 30px;
    font-weight: bold;
    line-height: 21px;
    letter-spacing: -0.4px;
    color: #32ab8c;
    display: flex;
    align-items: center;
}

.floor-pdtList .area ul.list-pdt > li dl.column-price dt span::after {
    width:20px;
    height:30px;
    background: url(https://resource.mall.castingn.com/static/images/sub/ico-price-down.png) left/100% no-repeat;
    content: '';
}

.floor-pdtList .area ul.list-pdt > li dl.column-price.pin > dt:before {
    display:none;
}

.floor-special {
    margin-bottom: 74px;
    box-sizing: border-box;
    padding-top: 60px;
}
.floor-special .area {
    /* padding: 0 75px; */
    width: 100%;
}
.floor-special .area .list-special {
    position: relative;
    /* width: 1130px; */
}
.floor-special .area .list-special .swiper-container{padding:1px 24px;width:100%;margin-left:-24px; box-sizing: border-box;}
.floor-special .area .list-special .swiper-container .swiper-slide{}
.floor-special .area .list-special .swiper-container .swiper-button-next{width:44px;height:44px;overflow:hidden;border-radius:50%;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;display:flex;justify-content:center;align-items:center;right:5px;}
.floor-special .area .list-special .swiper-container .swiper-button-prev{width:44px;height:44px;overflow:hidden;border-radius:50%;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;display:flex;justify-content:center;align-items:center;left:5px;}
.floor-special .area .list-special .swiper-container .swiper-button-next:after{font-weight:bold;font-size:20px;color:#5e6062;}
.floor-special .area .list-special .swiper-container .swiper-button-prev:after{font-weight:bold;font-size:20px;color:#5e6062;}

.floor-special .area .list-special .box-item-wrap {
    display:flex;justify-content:space-between;align-items:center;
    width: 100%;
    margin:0;
    padding: 40px 40px;
    height:246px;
    border: solid 1px #c8c8c8;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
}
.floor-special .area .list-special .box-item-wrap:hover {
    border: solid 1px #4c92f1;
}
.floor-special .area .list-special .box-item-wrap .box-img {
    width: 185px;
    height: 185px;
    margin-right: 37px;
}
.floor-special .area .list-special .box-item-wrap .right {

}
.floor-special .area .list-special .box-item-wrap .box-img img {
    width: 100%;
    height: 100%;
}
.floor-special .area .list-special .box-item-wrap .pdtNm {
    overflow: hidden;
    height: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.39;
    letter-spacing: -0.72px;
    color: #000;
}
.floor-special .area .list-special .box-item-wrap .pdtNm a{font-weight:bold;font-size:20px;color:#222;}
.floor-special .area .list-special .box-item-wrap .pdtNm span {
    display: block;
    font-weight: normal;font-size:18px;color:#222;
}
.floor-special .area .list-special .box-item-wrap .desc {
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: -0.72px;
    text-align: left;
    color: #000;
}
.floor-special .area .list-special .box-item-wrap .desc {
    font-size: 18px;
    line-height: 1.39;
    margin-bottom: 10px;
    letter-spacing: -0.72px;
    text-align: right;
    color: #000;
}
.floor-special .area .list-special .box-item-wrap .desc span {
    position: relative;
    margin-right: 5px;
    padding: 0 19px;
    border-radius: 11px;
    background-color: #32ab8c;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.floor-special .area .list-special .box-item-wrap .desc span:after {
    content: "";
    position: absolute;
    display: inline-block;
    right: -5px;
    top: 9px;
    width: 7px;
    height: 7px;
    background: transparent url(/images/goods/img_p.png) no-repeat center center / contain;
}
.floor-special .area .list-special .box-item-wrap .desc strong {
    position: relative;
}
.floor-special .area .list-special .box-item-wrap .desc strong:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -5px 5px 0 0;
    vertical-align: middle;
    background: transparent url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat center center / contain;
}
.floor-special .area .list-special .box-item-wrap .price {
    display:flex;justify-content:flex-end;align-items:center;
}
.floor-special .area .list-special .box-item-wrap .price .member {

}
.floor-special .area .list-special .box-item-wrap .price .member .desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 2.12;
    letter-spacing: -0.56px;
    color: #4c92f1;
}
.floor-special .area .list-special .box-item-wrap .price .member .desc:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: transparent url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat center center / contain;
}
.floor-special .area .list-special .box-item-wrap .price .member {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.85;
    letter-spacing: -0.64px;
    text-align: left;
    color: #0d89e8;
}
.floor-special .area .list-special .box-item-wrap .price .member strong{font-size:32px;color:#4c92f1;font-weight:bold;}
.floor-special .area .list-special .box-item-wrap .price .nonmember {
    line-height: 1.85;
    padding: 0 10px 0 0;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.64px;
    text-decoration: line-through;
    color: #5e6062;
}


.floor-recommend {
    margin-bottom: 74px;
}
.floor-recommend .area {

}
.floor-recommend .area .line-title {
}

.floor-recommend ul.list-recommend {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0;
}
.floor-recommend ul.list-recommend > li {
    width: 384px;
    border-radius: 10px;
    overflow: hidden;
}
.floor-recommend ul.list-recommend > li img {
    width: 100%;
}


.floor-mdPick { margin-top:60px; }
.floor-mdPick .area {
    /* width: 1120px; */
    padding: 0 0 100px 0;
    padding-right: 0;
    box-sizing: border-box;
}
.floor-mdPick .area .line-title {}
.floor-mdPick .area .tabs {
    margin-bottom: 32px;
}
.floor-mdPick .area .tabs ul.list-tabs {
    overflow: hidden;
    padding-top:1px;
    padding-left:1px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.floor-mdPick .area .tabs ul.list-tabs > li {
    width: 16.75%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border: solid 1px #ccc;
    background: #fff;margin:-1px 0 0 -1px;
}
/*.floor-mdPick .area .tabs ul.list-tabs > li:hover {
    color: #32ab8c;
    border: solid 1px #32ab8c;z-index:20;position:relative;
}*/
.floor-mdPick .area .tabs ul.list-tabs > li.on {
    color: #ffffff;
    border: solid 1px #4c92f1;
    background: #4c92f1;
}
.floor-mdPick .area .tabs .btn-cs { display: none; }
.floor-mdPick .area .tabs .m_tabs-cs { width: 100%; }
.floor-mdPick .area .tabConts {
}
.floor-mdPick .area .tabConts > .tabCont {
    display: none;
}
.floor-mdPick .area .tabConts > .tabCont.on {
    display: block;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick {
    /* width: 1120px; */
    display: flex;
    flex-wrap: wrap;
    /*height: 678px;*/
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li {
  position: relative;
  width: calc(calc(20% + 5px) - 25px);
  margin: 0px 25px 30px 0;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li.none-data {
    height: 120px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin: 0;
}
/*
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li {
    position: relative;
    width: 227px;
    margin: 0 7.5px 27px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    transition: .2s;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:hover {
    box-shadow: 0px 8px 12px 5px rgba(0, 0, 0, 0.15);
}*/
/*.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .persent-sale{
    width: 39px;
    height: 43px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: #F34711;
    position: absolute;
    top: -3px;
    left: 20px;
    display: inline-flex;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: -2px 2px 8px rgba(0,0,0,.5);
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .persent-sale:before {
    content: '';
    display: block;
    border-top: 1px solid transparent;
    border-left: 5px solid transparent;
    border-right: 3px solid #B8350B;
    border-bottom: 3px solid #B8350B;
    position: absolute;
    top: 0;
    left: -8px;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .persent-sale:after {
    content: '';
    display: block;
    border-top: 2px solid #f34711;
    border-left: 20px solid #f34711;
    border-right: 19.5px solid #f34711;
    border-bottom: 5px solid transparent;
    position: absolute;
    bottom: -6px;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .persent-sale b {
    display: block;
    font-weight: 700;
}*/
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:first-child,
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:nth-child(5n +1){ margin-left: 0; }
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:nth-child(5n){ margin-right: 0; }

.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li h6 { text-align: left!important; word-break: break-all!important; }

/*.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img {
    width: 93%;
    margin: auto;
}*/
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img {
    width: 100%;
    height: 220px;
    margin: auto;
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    background: rgba(232, 232, 232, 1);
    overflow: hidden;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img img {
    width: 220px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li h6 {
    font-size: 15px;
    line-height: 23px;
    color: #1C2638;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.52px;
    text-align: center;
    color: #666;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score .satisfy {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.52px;
    color: #666;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score .satisfy:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: transparent url(/images/goods/ico_star.png) no-repeat center center / contain;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score .satisfy span {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.26px;
    color: #32ab8c;
}

/*.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    padding: 9px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}*/
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest { display: none; }
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest img{height:20px;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .btn-info {
    display:flex;justify-content:center;align-items:center;
    width: 18px;
    height: 18px;padding:0;
    background: transparent;border:0;
}
/*.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap{padding:0;display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden;}*/
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap{display: none;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap i{display:flex;font-size:20px;color:#4c92f1;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap .grade{display:flex;margin:0 5px 0 0;font-size:13px;color:#666666;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap .cnt{display:flex;font-size:13px;color:#32ab8c;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item { margin-top:16px; }
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price {
    display: flex;
    align-items: center;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price span.persent-sale {
    color: #F04C38;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-right: 8px;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price span.price {
    color: #1C2638;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price span.price b {
    color: #1C2638;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price p {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -1.5px;
    text-decoration: line-through;

}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .info{display:flex;justify-content:flex-start;align-items:center;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .info span{display:flex;font-size:16px;color:#000; font-weight: bold;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .info .btn-info{margin-left:5px;display:flex;justify-content:center;align-items:center;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .info .btn-info i{font-size:16px;color:#c3c3c3;}

.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest{position:relative;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer{display:none;width:246px;height:auto;overflow:hidden;background:#fff;border-radius:8px;border:1px solid #747474;position:absolute;left:-13px;top:46px;padding:35px 0 10px 0;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer.on{display:block;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer a{width:30px;height:30px;overflow:hidden;position:absolute;right:5px;top:0;display:flex;justify-content:center;align-items:center;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer a i{font-size:20px;color:#747474;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul{width:calc( 100% - 10px );padding:0 5px;height:auto;overflow:hidden;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li{margin-top:2px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li:first-child{margin-top:0;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li .biz{width:66px;height:auto;overflow:hidden;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li .biz img{max-width:100%;height:16px;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li .price{width:100%;flex:1;height:auto;overflow:Hidden;padding-left:30px;position:relative;font-size:13px;color:#717171;font-weight:500;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li:first-child .price:before{content:"최저";position:absolute;left:0;top:0;font-size:13px;color:#32ab8c;font-weight:bold;}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li:first-child .price{font-weight:bold;color:#000;}

.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest {
    position: absolute;
    right: 0;
    top: 20px;
    width: 233px;
    padding: 30px 7px 7px;
    border-radius: 8px;
    border: solid 1px #747474;
    background-color: #fff;

    display: none;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest.on {
    display: block;
}


.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 17px;
    height: 17px;
    background: transparent url(/images/goods/ico_close.png) no-repeat center center / cover;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest {
    padding: 0 10px 0 0;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.96;
    letter-spacing: -0.52px;
    color: #717171;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li:first-child {
    font-weight: bold;
    color: #000000;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li:first-child .priceInfo:before {
    content: "최저";
    color: #32ab8c;
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li img {
    height: 20px
}
.floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li .benefit:before {
    content: "+";
}
.floor-mdPick .area .tabConts > .tabCont .more-btn > button {
    margin:10px auto 0;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    width: 480px;
    height: 80px;
    font-size: 16px;
    font-weight: 500;
    color: #1C2638;
    display: flex;
    justify-content: center;
    align-items: center;
}
.floor-mdPick .area .tabConts > .tabCont > .more-btn .blue {
    color: #007AFF;
    margin-right: 5px;
}
.floor-mdPick .area .tabConts > .tabCont > .more-btn svg {
    margin-left:10px;
}
.mall-title-wrap.ptn-wrap { width: 1200px; margin:auto; }
.partners-logo-slide { margin-bottom: 100px; }
.partners-logo-slide li {
    width: 292px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid rgba(232, 232, 232, 1);
    border-radius: 8px;
    margin-right: 10px;
}
/*.partners-logo-slide li .ppo { width: 165px; }*/
.office-market-cst-cs {
    background: #F6F7FB;
    padding:54px 0;
    text-align: center;
}
.office-market-cst-cs .tit > h4 {
    color: #101010;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px;
}
.office-market-cst-cs .tit > p {
    color: #1C2638;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 34px;
}
.office-market-cst-cs sub {
    color: #007AFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}
.office-market-cst-cs .btn-cs {
    display: flex;
    gap:10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.office-market-cst-cs .btn-cs .blue-btn_lg {
    color:#fff;
}
.office-market-cst-cs .btn-cs .blue-btn_lg,
.office-market-cst-cs .btn-cs .white-btn_lg {
    border-radius: 8px;
    font-size:15px;
}
@media screen and (min-width:751px) {
    .mobile {
        display: none;
    }

    .visual-pagination{
        display: flex;
        position:relative;
        z-index: 1;
        bottom:30px;
        justify-content: center;
    }

    .visual-pagination .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        display: flex;
        background: #D9D9D9;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        opacity:1;
        margin-right: 10px;
    }

    .visual-pagination .swiper-pagination-bullet-active{
        background: #0075CE;
    }

    .floor-visual .swiper-visual button.visual-prev{
        width: 52px;
        height: 78px;
        background: url(https://resource.mall.castingn.com/static/images/sub/visual-page-prev.png) left/100% no-repeat;
        left: 19%;
        top: 50%;
        z-index: 1;
        border: 0;
        font-size: 0;
        text-indent: -999999px;
        margin-top:-39px;
    }

    .floor-visual .swiper-visual button.visual-prev:hover{
        background-image: url(https://resource.mall.castingn.com/static/images/sub/visual-page-prev-on.png);
    }

    .floor-visual .swiper-visual button.visual-next{
        width: 52px;
        height: 78px;
        background: url(https://resource.mall.castingn.com/static/images/sub/visual-page-next.png) left/100% no-repeat;
        left: 98%;
        top: 50%;
        z-index: 1;
        border: 0;
        font-size: 0;
        text-indent: -999999px;
        margin-top:-39px;
    }

    .floor-visual .swiper-visual button.visual-next:hover{
        background-image: url(https://resource.mall.castingn.com/static/images/sub/visual-page-next-on.png);
    }


}

@media screen and (max-width:750px) {
    .pc {
        display: none;
    }

    dl.column-price + dl.column-price{
      margin-top: 2px;
    }

    dl.column-price {
        display: flex;
        justify-content: space-between;
        font-size: 10px;
        line-height: 21px;
        letter-spacing: -0.56px;
        color: #000;
        align-items: flex-end;
        margin-top: 2px;
    }
    dl.column-price > dt {
    }
    dl.column-price > dd {
        font-size: 14px;
    }
    dl.column-price {
    }
    dl.column-price dt span {
        font-size: 30px;
        font-weight: bold;
        line-height: 21px;
        letter-spacing: -0.4px;
        color: #32ab8c;
    }
    dl.column-price.pin > dt {
    }

    dl.column-price.pin > dd {
        font-size: 12px;
        font-weight: bold;
        color: #4c92f1;
    }
    dl.column-price.origin > dt {
        font-size:10px;
        color: #999999;
    }
    dl.column-price.origin > dd {
        font-size:10px;
        color: #999999;
        text-decoration: line-through;
    }

    .wrap {
        width: 100%;
        margin-top: 0;
    }

    .wrap [class*="floor-"] .line-title {
        line-height: 2.14;
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -1.4px;
        color: #000;
    }

    .floor-visual {

    }
    .floor-visual .line-visual {
        margin: 0;
    }
    .floor-visual .line-visual .area {
        position: relative;
        width: 100%;
        height: auto;
    }

    .floor-visual .line-visual .area .swiper-slide {

    }

    .floor-visual .line-visual .area .slide-01 {
        background:url(/images/goods/visual_m_01.jpg) left center/cover no-repeat;
        background:url(/images/goods/visual_m_04.png) left center/cover no-repeat;
    }
    .floor-visual .line-visual .area .slide-02 {
        background:url(/images/goods/visual_m_02.jpg) left center/cover no-repeat;
    }

    .floor-visual .line-visual .area .slide-03 {
        background:url(/images/goods/visual_m_03.jpg) left center/cover no-repeat;
    }
    .floor-visual .line-visual .area .slide-04 {
        background:url(/images/goods/visual_m_02.png) left center/cover no-repeat;
    }

    .floor-visual .line-visual .area .visual-tt1, .floor-visual .line-visual .area .visual-tt2, .floor-visual .line-visual .area .visual-tt3{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .floor-visual .line-visual .area .visual-tt1 .tt-line1{
        font-size: 20px;
        font-weight: 700;
        color: #e93c00;
    }

    .floor-visual .line-visual .area .visual-tt1 .tt-line2{
        font-size: 20px;
        font-weight: 500;
        color: #101010;
    }

    .floor-visual .line-visual .area .visual-tt1 .tt-line3{
        font-size: 24px;
        font-weight: 700;
        color: #101010;
    }

    .floor-visual .line-visual .area .visual-tt2 .tt-line1{
        font-size: 24px;
        font-weight: 700;
        color: #000;
    }

    .floor-visual .line-visual .area .visual-tt2 .tt-line2{
        font-size: 18px;
        font-weight: 500;
        color: #4c92f1;
    }

    .floor-visual .line-visual .area .visual-tt3 .tt-line1{
        font-size: 18px;
        font-weight: 500;
        color: #101010;
    }

    .floor-visual .line-visual .area .visual-tt3 .tt-line2{
        font-size: 24px;
        font-weight: 700;
        color: #101010;
    }

    .floor-visual .line-visual .area .visual-tt3 .tt-line3{
        font-size: 24px;
        font-weight: 800;
        color: #f6c643;
    }

    .floor-visual .line-visual .area .itc{
        font-style: italic;
    }

    .floor-visual .line-visual .area button {
        display: flex;
        position:relative;
        width: 200px;
        height: 51px;
        font-size: 20px;
        border: 1px solid #000000;
        border-radius: 41px;
        color: #000000;
        font-weight: 600;
        left: 0;
        top: 0;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    .floor-visual .line-visual .area .slide-02 button {
        display: flex;
        position:relative;
        width: 200px;
        height: 51px;
        font-size: 20px;
        border: 1px solid #000000;
        border-radius: 41px;
        color: #000000;
        font-weight: 600;
        left: 0;
        top: 0;
        align-items: center;
        justify-content: center;
        margin-top: 21px;
        text-indent: unset;
        background: none;
    }
    .floor-visual .line-visual .area .slide-03 button {
        display: flex;
        position:relative;
        width: 200px;
        height: 51px;
        font-size: 20px;
        border: 1px solid #000000;
        border-radius: 41px;
        color: #000000;
        font-weight: 600;
        left: 0;
        top: 0;
        align-items: center;
        justify-content: center;
        margin-top: 21px;
        text-indent: unset;
        background: none;
    }

    .floor-visual .line-title {
        background: transparent url(/images/goods/bg_title.png) no-repeat right 19% center / auto 100%;
    }
    .floor-visual .line-title .area {
        padding: 10px 0 0 20px;
    }


    .floor-visual .line-visual .area .swiper-slide {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        line-height: 1.2;
    }
    .floor-visual .line-title h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 2.14;
        letter-spacing: -1.4px;
        color: #fff;
    }
    .floor-visual .line-title .desc {
        font-size: 11px;
        line-height: 1.35;
        letter-spacing: -0.5px;
        color: #fff;
    }
    .floor-visual .line-title .area {
        height: 74px;
        box-sizing: border-box;
    }

    .floor-pdtList .area {
        width: 100%;
        margin-bottom: 18px;
        padding: 10px;
        background: #f7fbfa;
        box-sizing: border-box;
    }
    .floor-pdtList .area ul.list-pdt {
        width: 100%;
        display: flex;
        overflow-x: auto;
        padding: 10px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .floor-pdtList .area ul.list-pdt::-webkit-scrollbar{
      display: none;
      width: 0;
      height: 0;
      background: transparent;
      -webkit-appearance: none;
    }

    .floor-pdtList .area ul.list-pdt > li {
        position: relative;
        width: 207px;
        height: 338px;
        margin: 0 7.5px;
        padding: 12.5px;
        border-radius: 8px;
        box-shadow: 0px 1px 8px 0 rgba(134, 134, 134, 0.49);
        border: solid 1px #fff;
    }

    .floor-pdtList .area ul.list-pdt > li .btn-info {
        position: absolute;
        right: 18px;
        top: 177px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: transparent url(/images/goods/ico-s-notice.png) no-repeat center center;
    }
    .floor-pdtList .area ul.list-pdt > li .box-img {
        width: 180px;
        height: 180px;
        margin: 0 auto 28px;
    }
    .floor-pdtList .area ul.list-pdt > li .box-img img {
        width: 100%;
        height: 100%;
    }
    .floor-pdtList .area ul.list-pdt > li .pdtNm {
        overflow: hidden;
        height: 100%;
        height: 41px;
        margin-bottom: 18px;
    }

    .floor-special {
        margin-bottom: 48px;
        padding-left: 0;
    }
    .floor-special .area {
        padding: 0 16px;
        box-sizing: border-box;
    }
    .floor-special .area .list-special {
        position: relative;
        width: 1130px;
        overflow: hidden;
    }

    .floor-special .area .list-special .box-item-wrap {
        display: flex;
        width: 100%;
        margin: 5.5px;
        padding: 10px 4px;
        border-radius: 10px;
        border: solid 2px transparent;
        box-shadow: 0px 1px 8px 0 rgba(134, 134, 134, 0.49);
        background-color: #fff;
        box-sizing: border-box;
    }
    .floor-special .area .list-special .box-item-wrap:hover {
        border: solid 2px #4c92f1;
    }
    .floor-special .area .list-special .box-item-wrap .box-img {
        width: 92px;
        height: 92px;
        margin-right: 12px;
    }
    .floor-special .area .list-special .box-item-wrap .right {
    }
    .floor-special .area .list-special .box-item-wrap .box-img img {
        width: 100%;
        height: 100%;
    }
    .floor-special .area .list-special .box-item-wrap .pdtNm {
        height: 55px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.39;
        margin-bottom: 12px;
        letter-spacing: -0.72px;
        color: #000;
    }
    .floor-special .area .list-special .box-item-wrap .pdtNm span {
        font-weight: normal;
    }

    .floor-special .area .list-special .box-item-wrap .desc {
        font-size: 10px;
        line-height: 1.39;
        margin-bottom: 2px;
        letter-spacing: -0.72px;
        text-align: left;
        color: #000;
    }
    .floor-special .area .list-special .box-item-wrap .desc strong:before {
        width: 10px;
        height: 10px;
    }
    .floor-special .area .list-special .box-item-wrap .desc span {
        padding: 0 7px;
        border-radius: 5px;
        background-color: #32ab8c;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    .floor-special .area .list-special .box-item-wrap .desc span:after {
        top: 4px;
    }
    .floor-special .area .list-special .box-item-wrap .price {
        display: flex;
    }
    .floor-special .area .list-special .box-item-wrap .price .member {

    }
    .floor-special .area .list-special .box-item-wrap .price .member {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.85;
        letter-spacing: -0.64px;
        text-align: left;
        color: #4c92f1;
    }
    .floor-special .area .list-special .box-item-wrap .price .member .desc:before {
        content: "";
        display: inline-block;
        width: 9px;
        height: 9px;
    }
    .floor-special .area .list-special .box-item-wrap .price .member .desc {
        font-size: 11px;
        font-weight: 500;
        line-height: 2.12;
        letter-spacing: -0.56px;
        color: #4c92f1;
    }
    .floor-special .area .list-special .box-item-wrap .price .nonmember {
        font-size: 11px;
    }


    .floor-recommend {
        margin-bottom: 48px;
    }
    .floor-recommend .area {
        padding: 0 16px;
        box-sizing: border-box;
    }
    .floor-recommend .area .line-title {
    }

    .floor-recommend ul.list-recommend {
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        width: auto;
        margin: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }


    .floor-recommend ul.list-recommend::-webkit-scrollbar {
      display: none;
    }

    .floor-recommend ul.list-recommend > li {
        flex: 0 0 auto;
        width: 180px;
        margin-right: 9px;
    }
    .floor-recommend ul.list-recommend > li img {
        width: 100%;
    }


    .floor-mdPick {}
    .floor-mdPick .area {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .floor-mdPick .area .line-title {}
    .floor-mdPick .area .tabs {
        position: absolute;
        left: 0;
        background: rgba(0,0,0,.4);
        z-index: 2;
        display: block;
        height: 62px;
        width: 100%;
        transition: .2s;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .floor-mdPick .area .tabs.on {
        height: 100%;
        white-space: inherit;
    }
    .floor-mdPick .area .tabs .m_tabs-cs {
        position: absolute;
        left: 0;
        z-index: 2;
        display: block;
        height: 64px;
        width: calc(100% - 32px);
        transition: .2s;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .floor-mdPick .area .tabs.on .m_tabs-cs {
        height: 100%;
        width: 100%;
        padding: 0;
    }
    .floor-mdPick .area .tabs ul.list-tabs {
        margin: auto;
        border: none;
        background: #fff;
        width: auto;
        height: 64px;
        overflow: hidden;
        display: inline-block;
        padding:0 16px;
    }
    .floor-mdPick .area .tabs.on ul.list-tabs {
        height: auto;
        display: inline-flex;
    }
    .floor-mdPick .area .tabs ul.list-tabs > li {
        margin: 0 4px 0 0;
        display: inline-block;
        width: auto;
        height: 54px;
        line-height: 54px;
        border-radius: 27px;
        padding:0 15px;
        border: 1px solid #E8E8E8;
        font-size: 14px;
        font-weight: 500;
    }

    .floor-mdPick .area .tabs ul.list-tabs > li:nth-child(4n){
        border-right: none;
    }

    .floor-mdPick .area .tabs ul.list-tabs > li:hover {
        color: #32ab8c;
        border: solid 1px #32ab8c;
    }
    .floor-mdPick .area .tabs ul.list-tabs > li.on {
        border: solid 1px #4c92f1;
        color: #4c92f1;
        background-color: #fff;
        box-sizing: border-box;
        font-weight: 800;
    }
    .floor-mdPick .area .tabs.on ul.list-tabs > li {
        margin-bottom: 10px;
    }
    .floor-mdPick .area .tabs .btn-cs {
        background: linear-gradient(270deg, white 50%, transparent);
        position: absolute;
        right: 0;
        top: 0;
        height: 64px;
        display: flex;
        padding-left: 30%;
        z-index: 2;
    }
    .floor-mdPick .area .tabs.on .btn-cs { background: none; }
    .floor-mdPick .area .tabs .btn-cs button {
        background: #fff;
        border: 1px solid #E8E8E8;
        border-radius: 50%;
        margin: auto;
        color: var(--gray);
        width: 54px;
        height: 54px;
        box-sizing: border-box;
        position: relative;
        right: 10px;
    }
    .floor-mdPick .area .tabs.on .btn-cs button svg{
        transform: rotate(180deg);
    }

    .floor-mdPick .area .tabConts {
    }
    .floor-mdPick .area .tabConts > .tabCont {
        display: none;
    }
    .floor-mdPick .area .tabConts > .tabCont.on {
        display: block;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick {
        overflow: hidden;
        width: 100%;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li {
        position: relative;
        width: calc(33.3333% - 5px);
        margin: 0 5px 20px 0;
        padding: 0px;
        border-radius: 8px;
        background-color: #fff;
        box-sizing: border-box;
        border:solid 1px #e7e9eb;
        height: auto;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:nth-child(5n){
        margin-right: 5px;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:nth-child(3n){
        margin-right: 0;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:nth-child(3n + 1){
        margin-left: 0;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li:hover {
        border: solid 2px #4c92f1;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img {
        width: 100%;
        height: 205px;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img img {
        /*width: 100%;
        height: 100%;*/
        width: 227px;
        height: 227px;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li h6 {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: -0.71px;
        text-align: center;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 32px;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score {
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: -0.52px;
        text-align: center;
        color: #666;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score .satisfy {
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: -0.52px;
        color: #666;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .score .satisfy span {
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: -0.26px;
        color: #32ab8c;
    }

    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest {
        display: flex;
        justify-content: space-between;
        font-size: 10px;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .btn-info {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: transparent url(/images/goods/ico-s-notice.png) no-repeat center center;
    }


    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest {
        position: absolute;
        right: 0;
        top: 20px;
        width: 160px;
        padding: 30px 7px 7px;
        border-radius: 8px;
        border: solid 1px #747474;
        background-color: #fff;

        display: none;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest.on {
        display: block;
    }


    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest .btn-close {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 17px;
        height: 17px;
        background: transparent url(/images/goods/ico-close.svg) no-repeat center center / cover;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest {

    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li {
        position: relative;
        display: flex;
        justify-content: space-between;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.96;
        letter-spacing: -0.52px;
        color: #717171;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li:first-child {
        font-weight: bold;
        color: #000000;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li:first-child .priceInfo:before {
        content: "최저";
        color: #32ab8c;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li img {
        height: 20px
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .layer-lowest ul.list-lowest > li .benefit:before {
        content: "+";
    }

    .visual-pagination{
        display: flex;
        z-index: 10;
        bottom: 32px;
        position: relative;
        justify-content: center;
    }

    .visual-pagination .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        display: flex;
        background: #D9D9D9;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        opacity:1;
        margin-right: 10px;
    }

    .visual-pagination .swiper-pagination-bullet-active{
        background: #0075CE;
    }

    .floor-visual .swiper-visual button.visual-prev{
        width: 31px;
        height: 70px;
        background: url(https://resource.mall.castingn.com/static/images/sub/visual-page-prev.png) left/100% no-repeat;
        left: 0%;
        top: 30%;
        z-index: 10;
        border: 0;
        font-size: 0;
        text-indent: -999999px;
        position: absolute;
    }

    .floor-visual .swiper-visual button.visual-prev:hover{
        background-image: url(https://resource.mall.castingn.com/static/images/sub/visual-page-prev-on.png);
    }

    .floor-visual .swiper-visual button.visual-next{
        width: 31px;
        height: 70px;
        background: url(https://resource.mall.castingn.com/static/images/sub/visual-page-next.png) left/100% no-repeat;
        left: 91%;
        top: 30%;
        z-index: 10;
        border: 0;
        font-size: 0;
        text-indent: -999999px;
        position: absolute;
    }

    .floor-visual .swiper-visual button.visual-next:hover{
        background-image: url(https://resource.mall.castingn.com/static/images/sub/visual-page-next-on.png);
    }


    .floor-visual .line-visual .area .swiper-slide a{
        display: block;
        width: 100%;
        height: 0;
        padding-top: 60%;
    }
}


@media screen and (max-width: 500px) {

    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li {
        width: calc(33.3333% - 4.299px);
        height: auto;
        border:none;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img{
        height:115px;
        text-align:center;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .box-img img{
        width: 100%;
        height: 100%;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li h6{font-size:13px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap i{font-size:16px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap .grade{font-size:12px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rw-item-wrap .cnt{font-size:12px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest img{height:20px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .info span{font-size:12px; font-weight: bold; color: #333;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .btn-info{padding:0;display:flex;justify-content:center;align-items:center;}
    dl.column-price > dd{font-size:12px;}
    dl.column-price dt strong{font-size:10px;}
    dl.column-price dt span{font-size:10px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer{top:-93px;left:0;width:130px;padding-top:20px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li{display:block;}

    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li .price{margin-top:-5px;font-size:10px;padding-left:5px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li:first-child .price:before{font-size:10px;}
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .lowest .delivery-desc-layer ul li:first-child .price{font-size:10px;padding-left:30px;}

}





@media screen and (min-width: 769px) {
    .detail-top {margin:0 auto; }
    .detail-side-wrap{position: relative; display: none; letter-spacing: -0.04em; }
    .detail-side-wrap.on{display:flex;}
    .detail-side-wrap .lnb {
        width: 260px;
        background: #fff;
        border: 1px solid #C8C8C8;
        border-radius: 10px;
        min-height: 1000px;
        padding: 18px 0;
        box-sizing: border-box
    }
    .detail-side-wrap .lnb .lnb-group{
        /*width:calc( 100% - 40px );*/
        /*padding: 0 20px;*/
        /*height: 365px;*/
        width: 100%;
        height: calc(100% - 54px);
    }
    .detail-side-wrap .lnb .lnb-group .bt-all-view{width: 100%;}
    .detail-side-wrap .lnb .lnb-group .bt-all-view button{height: 32px; background: #313131; color: #fff; font-size: 16px; border-radius: 5px; margin-bottom: 20px; display: flex; justify-content: center; width: 100%; align-items: center;}
    .detail-side-wrap .lnb .lnb-group .bt-all-view .ico-lnb-menu{width: 10px; height: 9px; margin-right: 13px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnb-menu.png) center/100% no-repeat;}

    .detail-side-wrap .lnb .lnb-group:last-child{border-bottom: 0; height: 100% }
    .detail-side-wrap .lnb .lnb-group .lnb-tit{font-size: 20px; color: #070707; font-weight: 800; margin-bottom: 28px;}
    .detail-side-wrap .lnb .lnb-group > ul{ font-weight: 700; padding: 15px 0; height: 400px }
    .detail-side-wrap .lnb .lnb-group > ul > li > a{
        font-size: 16px;
        color: #666;
        display: flex;
        align-items:flex-start;
        width: 100%;
        margin-top: 13px;
        /*background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow.png) right center no-repeat;*/
        font-weight: 400;
    }
    .detail-side-wrap .lnb .lnb-group > ul > li.none-hover > a { background: none }
    .detail-side-wrap .lnb .lnb-group > ul > li.select > a{background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow-on.png) right center no-repeat; color: #4c92f1;}
    .detail-side-wrap .lnb .lnb-group > ul > li a.point:after{ width: 4px; height: 4px; border-radius: 2px; content: ''; background: #fa0e0e; margin-left: 4px;}

    /*.detail-side-wrap .lnb .lnb-group > ul.type1 > li{margin: 0 -20px; padding: 4px 20px; height: 29px; display: flex; align-items: center; position: relative;}*/
    /*.detail-side-wrap .lnb .lnb-group > ul.type1 > li{margin: 0 -20px; padding: 4px 20px; height: 29px; display: flex; align-items: center;}*/
    .detail-side-wrap .lnb .lnb-group > ul.type1 > li{
        height: 40px; display: flex; align-items: center;
    }
    .detail-side-wrap .lnb .lnb-group > ul.type1 > li > a{
        margin-top: 0;
        height: 100%;
        padding: 0 8px 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        transition: .2s;
    }
    .detail-side-wrap .lnb .lnb-group > ul.type1 > li > a > svg { display: none }
    .detail-side-wrap .lnb .lnb-group ul li.active > a { background: #F7F8FC; color:#0E89E8!important; font-weight: 700!important }
    .detail-side-wrap .lnb .lnb-group ul li.active > a > svg { display: block!important }
    .detail-side-wrap .lnb .lnb-group ul li.active > a > svg path { fill:#0E89E8 }
    .detail-side-wrap .lnb ul li.dep-hover > a { color:#202020!important; font-weight: 500!important }
    .detail-side-wrap .lnb ul li.dep-hover > a > svg { display: block }
    .detail-side-wrap .lnb .lnb-group > ul.type1 > li:hover > a > svg { display: block }
    .detail-side-wrap .lnb .lnb-group > ul.type1 > li:hover > a{
        color: #202020;
        font-weight: 500;
    }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box {
        position: absolute;
        left: 176px;
        top:-1px;
        background: #fff;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 9%);
        -moz-box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 9%);
        box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 9%);
        z-index: 10;
        display:none;
        padding: 15px 0px;
        border: 1px solid #ccc;
        /*width: calc(100% + 4px);*/
        width: 100%;
        height: calc(100% + 2px);
        border-radius: 8px;
    }

    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul {
        overflow-y: auto;
        /*height: calc(100% - -20px);*/
        height: 100%;
    }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul::-webkit-scrollbar { width: 3px; margin-right:3px }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul::-webkit-scrollbar-track {background-color:transparent; padding-right:8px;}
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul::-webkit-scrollbar-thumb {background: #eee; border-radius: 6px; transition: .2s }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul:hover::-webkit-scrollbar-thumb { background: #333; }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul::-webkit-scrollbar-button {display: none; }
    /*.detail-side-wrap .lnb .lnb-group > ul.type1 > li:not(.none-hover):hover .dep1-1-box{display:block;}*/


    .detail-side-wrap .lnb .lnb-group .dep1-1-box .box-tit{font-size: 25px; color: #4c92f1; font-weight: 700; margin: 26px 0 22px 41px;}
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul > li {
        height: 40px;
        display: flex;
        align-items: center;
    }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul > li > a {
        margin-top: 0;
        height: 100%;
        padding: 0 8px 0 20px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        text-align: left;
        font-weight:400;
        transition: .2s;
        font-size: 16px;
        color: #666;
    }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul > li > a > svg { display: none }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul > li:hover > a {
        color: #202020;
        font-weight: 500;
    }
    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul > li:hover > a > svg { display: block }

    .detail-side-wrap .lnb .lnb-group .dep1-2-box{
        position: absolute;
        left:calc(200% - 1px);;
        top: -1px;
        width:100%;
        background: #fff;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 9%);
        -moz-box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 9%);
        box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 9%);
        z-index: 10;
        display:none;
        height: calc(100% + 2px);
        overflow-y:auto;
        padding: 15px 0px;
        border: 1px solid #ccc;
        border-radius: 8px;
    }
    .detail-side-wrap .lnb .lnb-group .dep1-2-box::-webkit-scrollbar {width: 3px }
    .detail-side-wrap .lnb .lnb-group .dep1-2-box::-webkit-scrollbar-track {background-color:transparent; padding-right:8px;}
    .detail-side-wrap .lnb .lnb-group .dep1-2-box::-webkit-scrollbar-thumb {background: #333; border-radius: 6px;}
    .detail-side-wrap .lnb .lnb-group .dep1-2-box::-webkit-scrollbar-thumb:hover { pointer-events: none }
    .detail-side-wrap .lnb .lnb-group .dep1-2-box::-webkit-scrollbar-button {display: none; }



    .detail-side-wrap .lnb .lnb-group .dep1-1-box > ul > li:hover .dep1-2-box{display:block;}
    .detail-side-wrap .lnb .lnb-group .dep1-2-box .box-tit{font-size: 25px; color: #535353; font-weight: 700; margin: 26px 0 22px 41px;}
    /*.detail-side-wrap .lnb .lnb-group .dep1-2-box > ul{display: flex; flex-direction: column; flex-wrap: wrap; height: calc(100% - 42px);}*/
    /*.detail-side-wrap .lnb .lnb-group .dep1-2-box > ul{ height: calc(100% - 42px); padding:15px 0 }*/
    .detail-side-wrap .lnb .lnb-group .dep1-2-box > ul > li{height: 40px; display: flex; align-items: center }
    .detail-side-wrap .lnb .lnb-group .dep1-2-box > ul > li > a {
        text-align: left;
        font-weight: 400;
        transition: .2s;
        font-size: 16px;
        color: #666;
        padding: 0 8px 0 20px;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        justify-content: space-between;
    }
    .detail-side-wrap .lnb .lnb-group a.active { color:#0E89E8; font-weight: 700 }
    .detail-side-wrap .lnb .lnb-group .dep1-2-box > ul > li:hover a{color: #000; font-weight: 500 }

    .detail-side-wrap .lnb .lnb-group > ul.dep2 > li > a{background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow-ty2.png) right center no-repeat;}
    .detail-side-wrap .lnb .lnb-group > ul.dep2 > li > a.select{background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow-ty2-on.png) right center no-repeat;}
    .detail-side-wrap .lnb .lnb-group > ul.dep2 > li > a.select{color: #4c92f1;}
    .detail-side-wrap .lnb .lnb-group > ul > li .dep2-menu{background: #eff8fc; margin: 10px -34px; padding: 15px 34px 15px 34px;}
    .detail-side-wrap .lnb .lnb-group > ul > li .dep2-menu ul li{margin-bottom: 12px; padding-left: 12px;}
    .detail-side-wrap .lnb .lnb-group > ul > li .dep2-menu ul li:last-child{margin-bottom: 0;}
    .detail-side-wrap .lnb .lnb-group > ul > li .dep2-menu ul li a{display: block; color: #717171; font-size: 15px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow-ty3.png) right center no-repeat;}
    .detail-side-wrap .lnb .lnb-group > ul > li .dep2-menu ul li a:hover{text-decoration: underline; background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow-ty3-on.png) right center no-repeat;}


    .sourcing-tab-area{position: relative;}

    .detail-side-wrap .lnb .lnb-group aside {
        width: 178px;
        box-sizing: border-box;
        padding: 16px 0 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul {
        padding: 2px 0;
        min-height: 400px;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li {
        height: 40px;
        display: flex;
        align-items: center;
        text-align: left;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li a {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 16px;
        font-weight: 400;
        width: 100%;
        position: relative;
        height: 100%;
        padding: 0 20px;
        transition: 0.2s;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li .src {
        display: none;
        width: 178px;
        position: absolute;
        left: 176px;
        top: -1px;
        padding: 16px 0;
        background: #fff;
        box-sizing: border-box;
        height: calc(100% + 2px);
        border: 1px solid #C8C8C8;
        border-radius: 8px;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li .src > ul {
        width: calc(100% + 2px);
        height: 100%;
        overflow-y: auto;
        overscroll-behavior: none;
    }

    .detail-side-wrap .lnb .lnb-group aside > ul li .src > ul::-webkit-scrollbar {
        width: 3px;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li .src > ul::-webkit-scrollbar-track {
        background-color: transparent;
        padding-right: 8px;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li .src > ul::-webkit-scrollbar-thumb {
        background: #333;
        border-radius: 6px;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li .src > ul::-webkit-scrollbar-thumb:hover {
        pointer-events: none;
    }
    .detail-side-wrap .lnb .lnb-group aside > ul li .src > ul::-webkit-scrollbar-button {
        display: none;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px;
        border-top: 1px solid #E8E8E8;
        padding: 15px 20px;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li button {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #D9D9D9;
        vertical-align: middle;
        transition: 0.2s;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li button:hover {
        border-color: #333;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li button:hover svg path {
        fill: #333;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li button svg path {
        transition: 0.2s;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li button.unactive {
        border-color: #fff;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li button.unactive svg path {
        fill: #fff;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li .pager-num {
        color: #202020;
        font-size: 12px;
        font-weight: 700;
    }
    .detail-side-wrap .lnb .lnb-group aside .bot .main-page-cs > li .pager-num span {
        color: #0E89E8;
    }
}


.mob-category-mlist{display:none;}
@media screen and (max-width: 768px) {


    #wrap {width:100%; overflow:hidden; }


}

/*추가*/
.mall-slide-wrap{width:100%;position:relative;z-index:9;}
.mall-slide-wrap .swiper-container{width:100%;padding-bottom:59px;position:relative;}
.mall-slide-wrap .swiper-container .swiper-slide{width:100%; box-sizing: border-box}
.mall-slide-wrap .swiper-container .swiper-slide.chuseock23 {
    text-align: center;
    background-color: #cdc2b7;
    /*background:#cdc2b7 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/etc-nm-slide-list39.png) left calc((100vw - 1200px) - 50%) center / contain no-repeat;*/
    /*background:#cdc2b7 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/goods/evt-23chuseock.png) left calc((100vw - 1200px) - 150px) center / contain no-repeat;*/
    height: 440px;
    position: relative;
    cursor: pointer;
}
.mall-slide-wrap .swiper-container .swiper-slide.chuseock23 .wimg{}
.mall-slide-wrap .swiper-container .swiper-slide.chuseock23 .mimg{display:none;}
.mall-slide-wrap .swiper-container .swiper-slide.chuseock23 .cst-wrap {
    width:1200px;
    margin:auto;
    position: relative;
}
.mall-slide-wrap .swiper-container .swiper-slide.chuseock23 a {
    position: absolute;
    left: 300px;
    width: 322px;
    height: 88px;
    top: 295px;
}
.mall-slide-wrap .swiper-container .swiper-slide.bg01{background:#d8e9e3;}
.mall-slide-wrap .swiper-container .swiper-slide.bg02{background:#f5e6e3;}
.mall-slide-wrap .swiper-container .swiper-slide.bg03{
  background: rgba(89,187,147,1);
		background: -moz-linear-gradient(180deg rgba(10,28,76,1) 0%, rgba(25,46,114,1) 100%);
		background: -webkit-gradient(top, bottom, color-stop(0%, rgba(10,28,76,1)), color-stop(100%, rgba(25,46,114,1)));
		background: -webkit-linear-gradient(180deg, rgba(10,28,76,1) 0%, rgba(25,46,114,1) 100%);
		background: -o-linear-gradient(180deg, rgba(10,28,76,1) 0%, rgba(25,46,114,1) 100%);
		background: -ms-linear-gradient(180deg, rgba(10,28,76,1) 0%, rgba(25,46,114,1) 100%);
		background: linear-gradient(180deg, rgba(9,28,66,1) 0%, rgba(29,63,127,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a1c4c', endColorstr='#192e72', GradientType=1);
}
.mall-slide-wrap .swiper-container .swiper-slide.bg04{background:#f9e7e5;}
.mall-slide-wrap .swiper-container .swiper-slide.bg05{background:#ffcd6c; padding-left: 110px}

.mall-slide-wrap .swiper-container .swiper-slide a{width:100%;height:auto;overflow:hidden;display:block;text-align:center;}
.mall-slide-wrap .swiper-container .swiper-slide a img{max-width:100%; margin-top: -2px;}
.mall-slide-wrap .swiper-container .swiper-slide a img.wimg{}
.mall-slide-wrap .swiper-container .swiper-slide a img.mimg{display:none;}
.mall-slide-wrap .swiper-container .swiper-func-wrap{width:100%;height:76px;overflow:Hidden;position:absolute;left:0; bottom:-12px; display:flex;justify-content:center;align-items:center;}
.mall-slide-wrap .swiper-container .swiper-func-wrap .swiper-button-prev{margin:0;position:static;width:44px;height:44px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.mall-slide-wrap .swiper-container .swiper-func-wrap .swiper-button-next{margin:0;position:static;width:44px;height:44px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.mall-slide-wrap .swiper-container .swiper-func-wrap .swiper-button-prev:after{font-size:18px;color:#5e6062;font-weight:bold;}
.mall-slide-wrap .swiper-container .swiper-func-wrap .swiper-button-next:after{font-size:18px;color:#5e6062;font-weight:bold;}
.mall-slide-wrap .swiper-container .swiper-pagination{margin:5px 20px 0 20px;position:static;}
.mall-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;margin:0 6px;background:#b2b4b6;opacity:1;}
.mall-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#0d89e8;}

.mall-slide-wrap .detail-side-wrap{width:216px;position:absolute;left:50%; top:20px; margin-left:-600px; display: block; z-index: 2; padding-bottom: 0; }
/*.mall-slide-wrap .detail-side-wrap .lnb{background:#fff;width:178px;border-radius:8px;!* height:auto; *!min-height:0;}*/
/*.mall-slide-wrap .detail-side-wrap .lnb{
    background:#fff;
    width:178px;
    border-radius:8px;!* height:auto; *!min-height:0;
}*/


.mall-title-wrap{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;padding-bottom:20px;position:relative;}
.mall-title-wrap strong{display:flex;font-size:24px;color:#222;font-weight:bold;line-height: 1.5em;}
.mall-title-wrap .tooltip{padding: 0 20px; height:42px; margin-left:16px; height:42px; font-size:18px; font-weight: bold; color: #fff; display: flex; align-items: center; border-radius: 15px; background: linear-gradient(to right, #59bb93 5%, #0e89e8 97%); position: relative;}
.mall-title-wrap .tooltip::before{width: 10px; height: 9px; background: url(https://resource.mall.castingn.com/static/images/sub/tooltip-etc.png) no-repeat left/100%; content: ''; position: absolute; left: -1px; bottom: 0;display: block;}


.mall-subpage-wrap{width:100%;position:relative;z-index:40;}
/*.mall-subpage-wrap .detail-side-wrap .lnb{display:flex;justify-content:center; align-items:flex-start; background:#fff; width:178px; border-radius:8px; height:auto;min-height:0;}*/
.mall-subpage-wrap .detail-side-wrap { height: 100% }
.mall-slide-wrap .lnb,
.mall-subpage-wrap .lnb{
    background:#fff;
    width:178px;
    border-radius:8px;
    height:auto;
    min-height:0;
    text-align: center;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
    margin:0;
    padding:0;
}

.ctr-cs {
    position: relative;
    border-top: 1px solid #E8E8E8;
    height:54px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}
.ctr-cs .page {
    padding:11px 0;
    font-size:14px;
    text-align: center;
}
.ctr-cs .page > span { color:#0E89E8; }
.ctr-cs .arrow {
    position: absolute;
    background:#fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-down.png) center no-repeat;
    width:24px;
    height:24px;
    border-radius: 50%;
    border:1px solid #D9D9D9;
}
.ctr-cs .arrow.prev { left:25px; transform: rotate(90deg); }
.ctr-cs .arrow.next { right:25px; transform: rotate(-90deg); }

.mall-subpage-wrap{width:100%;height:auto;}
.mall-subpage-wrap .ms-acticle-wrap{width:100%;height:auto;overflow:Hidden;}
.mall-subpage-wrap .ms-acticle-wrap .store-nav-ct-top {
    display: flex;
    width:1200px;
    margin:auto;
    padding-top:20px;
    margin-bottom: 64px;
}
.mall-subpage-wrap .ms-acticle-wrap .store-nav-ct-top.top-best100 { padding-top:0 }
.mall-subpage-wrap .ms-acticle-wrap .store-nav-ct-top.top-best100 .subpage-search-form { margin:0; width:100% }
.store-nav-ct-top .subpage-search-form{ margin-left: 24px; width: calc(100% - 202px); }
.store-nav-ct-top .subpage-search-form .store-search-cs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    gap:4px;
}
.store-nav-ct-top .subpage-search-form .store-search-cs input {
    border:1px solid #c8c8c8;
    border-radius: 4px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    width:100%;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    transition: .2s;
}
.store-nav-ct-top .subpage-search-form .store-search-cs input:hover { border-color:#666 }
.store-nav-ct-top .subpage-search-form .store-search-cs input::placeholder { color:#C8C8C8 }
.store-nav-ct-top .subpage-search-form .store-search-cs .blue-btn {
    border-radius: 8px;
    background: #0E89E8;
    font-size: 14px;
    font-weight: 400;
    color:#fff;
    text-align: center;
    padding: 0 16px;
    height: 40px;
    box-sizing: border-box;
    width: 80px;
    transition: .2s;
}
.store-nav-ct-top .subpage-search-form .store-search-cs .blue-btn:hover {
    background: #007AFF;
}
.store-nav-ct-top .subpage-search-form .store-search-cs .blue-outline-btn {
    padding: 0 24px;
    text-align: center;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    color:#0E89E8;
    border: 1px solid #0E89E8;
    box-sizing: border-box;
}

.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap{width:100%;height:auto;overflow:Hidden;padding:46px 0 56px 0;background:#fff;border-bottom:1px solid #f3f1f1;}
.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap .stit{text-align:center;width:calc( 100% - 200px );padding-left:200px;height:auto;overflow:Hidden;font-size:29px;color:#4c92f1;font-weight:bold;line-height:1.24em;}
.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap .sdesc{text-align:center;width:calc( 100% - 200px );padding-left:200px;height:auto;overflow:Hidden;font-size:14px;color:#000;font-weight:500;margin-top:14px;line-height:1.41em;}

.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1{background: #e2f8f1; padding: 36px 0 38px 0; height: 199px; box-sizing: border-box;}
.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1 .stit{width: 259px; height: 106px; margin: auto; text-align: center; }
.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1 .sdesc{font-size: 18px; color: #000; font-weight: 500; width: 1000px; margin: auto; text-align: center; margin-top: 16px;}
.mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1 .sdesc span{color: #0d89e8; font-weight: bold;}

.mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap{width:100%;height:95px;overflow:Hidden;background:#f3f1f1;display:flex;justify-content:center;align-items:center;}
.mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container{transform:translateX(100px);margin:0 auto;width:calc( 1000px - 2px );background:#fff;border:1px solid rgba(233, 233, 233, 0.81);border-radius:20px;height:40px;}
.mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container .swiper-slide{width:120px;}
.mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container .swiper-slide a{display:flex;justify-content:center;align-items:center;width:calc( 100% - 2px );border:1px solid #fff;border-radius:20px;height:38px;overflow:Hidden;font-size:16px;color:#999;font-weight:500;}
.mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container .swiper-slide a.on{border:1px solid #4c92f1;color:#0e89e8;font-weight:bold; background: #f0fcfe;}

.mall-subpage-wrap .ms-acticle-wrap .special-price-wrap{margin:0 auto;width:1200px;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;padding-bottom:100px;}
.mall-subpage-wrap .ms-acticle-wrap .special-price-wrap .list-item-wrap{flex:1;width:100%;height:auto;}
.mall-subpage-wrap .ms-acticle-wrap .special-price-wrap.gallery-type .list-item-wrap{margin-right:0;}

.cart-item-wrap{background:#fff;left:50%; top:382px; z-index:40; margin-left:316px; position:absolute; transition:all .5s; border:solid 1px rgba(163, 163, 163, 0.81); border-radius:12px; width:280px; height:auto; overflow:hidden;}
.mall-subpage-wrap .ms-acticle-wrap .special-price-wrap.on .list-item-wrap{margin-right:298px;}
.mall-subpage-wrap .ms-acticle-wrap .special-price-wrap.on .cart-item-wrap{position:fixed;top:0;left:50%;margin-left:220px;}
.cart-item-wrap .cheader{width:calc( 100% - 48px );padding:24px;height:auto;overflow:hidden;  background-image: linear-gradient(166deg, #59bb93 -4%, #0e89e8 104%);}
.cart-item-wrap .cheader ul{width:100%;height:auto;overflow:Hidden;}
.cart-item-wrap .cheader ul li{margin-top:5px;width:100%;height:auto;overflow:Hidden;display:flex;justify-content:space-between;align-items:center;}
.cart-item-wrap .cheader ul li:first-child{margin-top:0;}
.cart-item-wrap .cheader ul li .key{letter-spacing: -0.56px;font-size:14px;color:#fff;}
.cart-item-wrap .cheader ul li .value{letter-spacing: -0.56px;font-size:14px;color:#fff;}
.cart-item-wrap .cheader ul li:last-child .key{font-weight:500;color:#f3f600;}
.cart-item-wrap .cheader ul li:last-child .value{font-weight:500;color:#f3f600;}

.cart-item-wrap .cart-func-wrap{display:flex;justify-content:space-between;align-items:center;margin:16px auto 0 auto;width:calc( 100% - 48px );height:auto;overflow:hidden;}
.cart-item-wrap .cart-func-wrap .ctit{letter-spacing: -0.56px;display:flex;font-size:15px;color:#333;font-weight:bold;}
.cart-item-wrap .cart-func-wrap a{letter-spacing: -0.56px;display:flex;font-size:13px;color:#777;font-weight:500;}
.cart-item-wrap .cart-list-scrolls{width:100%;height:auto;max-height:200px;overflow-y:auto;}
.cart-item-wrap .cart-list-scrolls .nodata{padding:0;width:100%;height:140px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.cart-item-wrap .cart-list-scrolls .nodata i{display:flex;font-size:16px;color:#777;}
.cart-item-wrap .cart-list-scrolls .nodata span{display:flex;font-size:13px;color:#777;margin-left:8px;}

.cart-item-wrap .cart-list-wrap{margin:0 auto 0 auto;width:100%;height:auto;overflow:hidden;}
.cart-item-wrap .cart-list-wrap .swiper-container{width:100%;}
.cart-item-wrap .cart-list-wrap .swiper-container .swiper-button-next{right:0;}
.cart-item-wrap .cart-list-wrap .swiper-container .swiper-button-prev{left:0;}
.cart-item-wrap .cart-list-wrap .swiper-container .swiper-button-next:after{font-size:16px;color:#2c2d2e;}
.cart-item-wrap .cart-list-wrap .swiper-container .swiper-button-prev:after{font-size:16px;color:#2c2d2e;}


.cart-item-wrap .cart-list-wrap .swiper-container .swiper-slide{position:relative;width:calc( 100% - 48px ) !important;padding:12px 24px;height:auto;overflow:hidden;border-bottom:1px solid #ededed;}
.cart-item-wrap .cart-list-wrap .btn-item-remove{position:absolute;left:24px;top:0;width:24px;height:24px;overflow:hidden;border:0;background:transparent;display:flex;justify-content:center;align-items:center;}
.cart-item-wrap .cart-list-wrap .btn-item-remove i{font-size:24px;color:#929292;}
.cart-item-wrap .cart-list-wrap .prod-item-wrap{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.cart-item-wrap .cart-list-wrap .prod-item-wrap .spic{display:flex;justify-content:center;align-items:center;width:58px;height:58px;overflow:hidden;}
.cart-item-wrap .cart-list-wrap .prod-item-wrap .spic img{max-width:100%;max-height:100%;}
.cart-item-wrap .cart-list-wrap .prod-item-wrap .scont{width:100%;height:auto;overflow:Hidden;flex:1;margin-left:20px;}
.cart-item-wrap .cart-list-wrap .prod-item-wrap .scont .mtit{letter-spacing: -0.56px;font-size:12px;color:#000;font-weight:bold;width:100%;height:auto;overflow:Hidden;line-height:1.5em;}
.cart-item-wrap .cart-list-wrap .prod-item-wrap .scont .mdesc{letter-spacing: -0.56px;font-size:11px;color:#666;font-weight:500;width:100%;height:auto;overflow:Hidden;margin-top:15px;}

.cart-item-wrap .cart-list-wrap .cnt-item-wrap{width:100%;height:auto;overflow:Hidden;display:flex;justify-content:space-between;align-items:center;margin-top:15px;}
.cart-item-wrap .cart-list-wrap .cnt-item-wrap .price{letter-spacing: -0.56px;font-size:15px;color:#000;font-weight:500;}
.cart-item-wrap .cart-list-wrap .cnt-item-wrap .price strong{font-size:17px;color:#000;font-weight:bold}
.cart-item-wrap .cart-list-wrap .cnt-item-wrap .cnt-wrap{}

.cart-item-wrap .cart-result-wrap{width:calc( 100% - 34px - 54px );padding:34px 17px;height:auto;overflow:hidden;margin:0 auto;}
.cart-item-wrap .cart-result-wrap ul{width:100%;height:auto;overflow:Hidden;}
.cart-item-wrap .cart-result-wrap ul li{margin-top:5px;display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;overflow:Hidden;}
.cart-item-wrap .cart-result-wrap ul li:first-child{margin-top:0;}
.cart-item-wrap .cart-result-wrap ul li .key{letter-spacing: -0.56px;display:flex;font-size:15px;color:#333;font-weight:500;}
.cart-item-wrap .cart-result-wrap ul li .value{letter-spacing: -0.56px;display:flex;font-size:15px;color:#333;font-weight:500;}
.cart-item-wrap .cart-result-wrap ul li .key strong{font-size:15px;color:#333;font-weight:bold;}
.cart-item-wrap .cart-result-wrap ul li .value strong{font-size:20px;color:#333;font-weight:bold;}
.cart-item-wrap .cart-btn-wrap{width:calc( 100% - 54px );height:auto;overflow:Hidden;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#000;font-weight:bold;margin:0 auto 28px auto;}
.cart-item-wrap .cart-btn-wrap button{letter-spacing: -0.56px;width:calc( 50% - 2px );height:45px;overflow:hidden;border:1px solid #aaaeb1;border-radius:12px;background:#fff;font-weight:bold;}
.cart-item-wrap .cart-btn-wrap button + button{border:0;background-image: linear-gradient(to right, #0d89e8 6%, #32ab8c 93%);color:#fff;}

.cnt-wrap{display:flex;justify-content:center;align-items:center;width:94px;height:26px;border:1px solid #d9d9d9;border-radius:18px;background:#fff;}
.cnt-wrap button{width:28px;height:26px;border:0;padding:0;display:flex;justify-content:center;align-items:center;background:transparent}
.cnt-wrap button i{font-size:16px;color:#cdcdcd;}
.cnt-wrap .inp{width:100%;height:26px;overflow:hidden;text-align:center;flex:1;border:0;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}

.special-item-wrap{width:100%;height:auto;}
.special-item-wrap:after{
    content: '';
    display: block;
    clear: both;
}
/*.special-item-wrap>ul{width:100%;height:auto;}
.special-item-wrap>ul>li{position:relative; width:calc( 100% - 42px );padding:20px;height:auto;border-radius: 15px;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);display:flex;justify-content:flex-start;align-items:center; position: relative; }*/
.special-item-wrap>ul>li:hover{
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
}
.special-item-wrap>ul>li:first-child{margin-top:0;}
.special-item-wrap ul li .lt-item{width:142px;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.special-item-wrap ul li .lt-item .price-compare {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 12px;
    background: #fff;
    font-weight: bold;
    box-shadow: 0 3px 3px rgba(0,0,0,.4);
    opacity: 0;
    transition: .2s;
    padding: 0 8px 0 25px;
    background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/price-compare-pointer.png) left 3px center no-repeat;
    background-size:20px;
}
.special-item-wrap ul li:hover .lt-item .price-compare { opacity: 1; }
.special-item-wrap ul li .lt-item .price-compare.active,
.special-item-wrap ul li .lt-item .price-compare:hover {
    background: #32AB8C url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/price-compare-pointer-on.png) left 3px center no-repeat;
    background-size:20px;
    color:#fff;
}
.special-item-wrap ul li .lt-item .num{position:absolute;left:10px;top:20px;font-size:50px;color:#54ba97;font-weight:bold;}
.special-item-wrap ul li .lt-item .mpic{width:100%;height:105px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.special-item-wrap ul li .lt-item .mpic img{max-width:100%;max-height:100%;}
.special-item-wrap ul li .rt-item{ padding:16px; }
.special-item-wrap ul li .rt-item .mtit{width:100%;height:auto;overflow:Hidden;font-size:16px;color:#333;font-weight:600;}
.special-item-wrap ul li .rt-item .rw-item-wrap{position:absolute;left:20px;bottom:30px;padding:0;display:flex;justify-content:center;align-items:center;width:142px;height:auto;overflow:hidden;}
.special-item-wrap ul li .rt-item .rw-item-wrap i{display:flex;font-size:20px;color:#4c92f1;}
.special-item-wrap ul li .rt-item .rw-item-wrap .grade{letter-spacing: -0.44px;display:flex;margin:0 5px 0 0;font-size:11px;color:#666666;}
.special-item-wrap ul li .rt-item .rw-item-wrap .cnt{letter-spacing: -0.44px;display:flex;font-size:12px;color:#32ab8c;margin-left:5px;}

.special-item-wrap ul li .rt-item .lowest-item-wrap{padding:0;display:none;justify-content:space-between;align-items:center;width:100%;height:auto;overflow:hidden;}
.special-item-wrap ul li .rt-item .lowest-item-wrap img{height:18px;}
.special-item-wrap ul li .rt-item .lowest-item-wrap .info{display:flex;justify-content:flex-start;align-items:center;}
.special-item-wrap ul li .rt-item .lowest-item-wrap .info span{display:flex;font-size:12px;color:#333;font-weight:bold;}
.special-item-wrap ul li .rt-item .lowest-item-wrap .info .btn-info{display:inline-flex;justify-content:center;align-items:center;margin-left:3px;width:16px;height:16px;padding:0;border:1px solid #ededed;background:#fff;border-radius:50%;}
.special-item-wrap ul li .rt-item .lowest-item-wrap .info .btn-info img{width:10px;height:10px;}
.special-item-wrap ul li .rt-item .lowest-item-wrap .info .btn-info i{font-size:13px;color:#3a3b3c;}


.special-item-wrap ul li .rt-item .mcont{width:100%;height:auto;overflow:Hidden;margin-top:12px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;}
.special-item-wrap ul li .rt-item .mcont:before{content:"";width:1px;height:100%;overflow:Hidden;display:block;background:#e4e4e4;position:absolute;left:50%;top:0;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap{width:calc( 50% - 20px );height:auto;overflow:hidden; position: absolute}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a{display:none;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul{width:100%;height:auto;overflow:Hidden;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li{width:100%;height:auto;overflow:Hidden;display:flex;justify-content:flex-start;align-items:center;}

.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li .biz{width:66px;height:auto;overflow:hidden;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li .biz img{max-width:100%;height:16px;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li .price{width:calc(100% - 66px);flex:1;height:auto;overflow:Hidden;padding-left:30px;position:relative;font-size:13px;color:#717171;font-weight:500;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li:first-child .price:before{content:"최저";position:absolute;left:0;top:0;font-size:13px;color:#32ab8c;font-weight:bold;}
.special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li:first-child .price{font-weight:bold;color:#000;}


.special-item-wrap ul li .rt-item .mcont .price-item-wrap{width:calc( 50% - 20px );height:auto;overflow:hidden;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul{width:100%;height:auto;overflow:Hidden;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li{margin-top:5px;width:100%;height:auto;overflow:Hidden;display:flex;justify-content:space-between;align-items:center;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child{margin-top:0;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key{letter-spacing: -0.64px;font-size:14px;color:#333;font-weight:bold;display:flex;justify-content:flex-start;align-items:center; display: none }
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .value{letter-spacing: -0.64px;font-size:14px;color:#333;font-weight:bold;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child .key{color:#999;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child .value{color:#999;}

.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key img{display:flex;width:18px;height:18px;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key strong{letter-spacing: -0.64px;margin:0 3px;display:flex;font-size:14px;color:#000;font-weight:bold;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key span{letter-spacing: -0.64px;display:flex;font-size:14px;color:#32ab8c;font-weight:bold;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .value strong{letter-spacing: -0.64px;font-size:16px;color:#0e89e8;font-weight:bold;}

.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap{width:100%;height:auto;overflow:Hidden;margin-top:20px;display:flex;justify-content:space-between;align-items:center;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap{width:128px;height:34px;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap button{width:40px;height:34px;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap button i{font-size:16px;color:#cdcdcd;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap .inp{height:34px;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-select{display:flex;justify-content:center;align-items:center;width:90px;height:36px;border:1px solid #666;background:#666;padding:0;font-size:16px;color:#fafcff;font-weight:500;border-radius:18px; box-sizing: border-box;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-unselect{display:flex;justify-content:center;align-items:center;width:90px;height:36px;border:1px solid #4c92f1;background:#4c92f1;padding:0;font-size:16px;color:#fafcff;font-weight:500;border-radius:18px; box-sizing: border-box;}
.special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-cart{width:46px;height:46px;display:flex;}

.list-type .special-item-wrap>ul{ margin:0 auto; padding: 3px 0;}
.list-type .special-item-wrap>ul#productListArea {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:40px 20px;
}
.list-type .special-item-wrap>ul#bestProductListArea {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:40px 20px;
}

.list-type .special-item-wrap>ul>li{
    display:block;
    padding: 0;
    box-sizing: border-box;
    transition: .2s;
    background-color: #fff;
    position: relative;
    width: 100%;
    border-radius: 16px;
}
.list-type .special-item-wrap > ul > li.out { pointer-events: none }
.list-type .special-item-wrap > ul > li.out:before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.8) url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/mro/sub/soldOutImg.png) center / 75% no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
/*
.list-type .special-item-wrap>ul>li.out:after,
.list-type .special-item-wrap>ul>li.stop:after{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: 'Sold out';
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    border-radius: 15px;
    z-index: 2;
}
.list-type .special-item-wrap>ul>li:first-child,.list-type .special-item-wrap>ul>li:nth-child(5n + 1) { margin-left: 0;}
.list-type .special-item-wrap>ul>li:nth-child(5n) { margin-right:0; }
.list-type .special-item-wrap>ul>li .renew-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.list-type .special-item-wrap>ul>li .renew-price > strong {
    color: #0E89E8;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -1.5px;
    display: block;
}
.list-type .special-item-wrap>ul>li .renew-price > p {
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -1.5px;
    text-decoration: line-through;
}.list-type .special-item-wrap>ul>li .persent-sale {
    width: 39px;
    height: 43px;
    text-align: center;
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    background: #F34711;
    position: absolute;
    top:-3px;
    left: 20px;
    display: inline-flex;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: -2px 2px 8px rgba(0,0,0,.5);
    z-index: 1;
}
.list-type .special-item-wrap>ul>li .persent-sale:before {
    content: '';
    display: block;
    border-top: 1px solid transparent;
    border-left: 5px solid transparent;
    border-right: 3px solid #B8350B;
    border-bottom: 3px solid #B8350B;
    position: absolute;
    top: 0;
    left: -8px;
}
.list-type .special-item-wrap>ul>li .persent-sale:after{
    content: '';
    display: block;
    border-top: 2px solid #f34711;
    border-left: 20px solid #f34711;
    border-right: 19.5px solid #f34711;
    border-bottom: 5px solid transparent;
    position: absolute;
    bottom: -6px;
}
.list-type .special-item-wrap>ul>li .persent-sale b {
    display: block;
    font-weight: 700;
}*/
.list-type .special-item-wrap>ul>li .low-price-sale {
    width: 48px;
    height: 48px;
    text-align: center;
    color: #002753;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/lowPriceLabel-waterMark.png) center no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.list-type .special-item-wrap ul li .lt-item{width:100%;}
.list-type .special-item-wrap ul li .lt-item .mpic{height:224px; cursor: pointer; border-radius: 16px 16px 0 0 }
.list-type .special-item-wrap ul li .rt-item .rw-item-wrap{width:100%;position:static;}

.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key strong{font-size:14px;}
.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key span{font-size:13px;}
.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .value strong{font-size:14px;}

/*.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap{width: calc( 100% + 21px );height:auto;overflow:hidden;background:#fff;position:absolute;left: -17px;top: -80px;border:1px solid #707070;border-radius:8px;padding:20px 5px 10px 5px;display:none;}
.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap.on{display:block;}
.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a{position:absolute;right:0;top:0;width:30px;height:30px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a i{font-size:16px;color:#000;font-weight:bold;}
.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li{ !*display:block;*!}

.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li .price{margin-top:-5px;font-size:13px;padding-left:5px;}
.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li:first-child .price:before{font-size:13px;}
.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li:first-child .price{font-size:13px;padding-left:30px;}*/

.list-type .special-item-wrap ul li .rt-item .mcont:before{display:none;}
.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap{width:100%;}
.list-type .special-item-wrap ul li .rt-item .lowest-item-wrap{display:flex;border-top:1px solid #ededed;padding-top:10px;margin-top:36px;}
.list-type .special-item-wrap ul li .rt-item .lowest-item-wrap img{height:24px;}
/*.list-type .special-item-wrap ul li .rt-item .mtit{text-align:center;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;}*/
.list-type .special-item-wrap ul li .rt-item .mtit{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    height:40px;
    font-size:14px;
    line-height: 20px;
    font-weight: 400;
    color:#333;
}
.list-type .special-item-wrap ul li .rt-item .lowest-item-wrap .info span{font-size:16px;}
.list-type .special-item-wrap ul li .rt-item .mcont{overflow:visible;}

.mbr{display:none;}
.mob-help-msg{display:none;}
.mob-category-slide-wrap{overflow:hidden;position:absolute;top:-2000000px;width:100%;height:45px;display:flex;justify-content:center;align-items:center; background: #f6f6f6;}
.mob-category-slide-wrap .swiper-container{width:calc( 100% - 12px );padding-left:12px;}
.mob-category-slide-wrap .swiper-container .swiper-slide{width:auto;}
.mob-category-slide-wrap .swiper-container .swiper-slide a{display:inline-flex;justify-content:center;align-items:center;height:33px;padding:0 14px;border-radius:17px;font-size:15px;color:#666;font-weight:500;}
.mob-category-slide-wrap .swiper-container .swiper-slide a.on{color:#fff;font-weight:bold;background-image: linear-gradient(164deg, #59bb93 1%, #0e89e8 99%);}

.mob-fixed-menu-wrap{display:none;position:fixed;left:0;bottom:0;width:100%;height:52px;background:#fff;z-index:90;}
.mob-fixed-menu-wrap ul{width:100%;height:52px;overflow:hidden;}
.mob-fixed-menu-wrap ul li{float:left;width:20%;height:52px;overflow:hidden;}
.mob-fixed-menu-wrap ul li a{width:100%;height:52px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.mob-fixed-menu-wrap ul li a .sico{display:flex;width:30px;height:30px;overflow:hidden;}
.mob-fixed-menu-wrap ul li:nth-child(1) a .sico{background:url(https://resource.mall.castingn.com/static/images/ico-fixed-btn-list03.svg) no-repeat center center;}
.mob-fixed-menu-wrap ul li:nth-child(2) a .sico{background:url(https://resource.mall.castingn.com/static/images/ico-fixed-btn-list02.svg) no-repeat center center;}
.mob-fixed-menu-wrap ul li:nth-child(3) a .sico{background:url(https://resource.mall.castingn.com/static/images/ico-fixed-btn-list01.svg) no-repeat center center;}
.mob-fixed-menu-wrap ul li:nth-child(4) a .sico{background:url(https://resource.mall.castingn.com/static/images/ico-fixed-btn-list04.svg) no-repeat center center;}
.mob-fixed-menu-wrap ul li:nth-child(5) a .sico{background:url(https://resource.mall.castingn.com/static/images/ico-fixed-btn-list05.svg) no-repeat center center;}

.mob-fixed-menu-wrap ul li a .stxt{letter-spacing:-1px;display:flex;font-size:12px;color:#333;}
.btn-cart-toggle{display:none;}
@media screen and (max-width: 769px) {
    .list-type .special-item-wrap>ul>li .low-price-sale {
        width: 40px;
        height: 40px;
        font-size: 10px;
        line-height: 1;
        background-size:cover;
        right:12px;
        top:12px;
    }
    .mob-fixed-menu-wrap{display:block;border-top:1px solid rgba(0,0,0,.5);}
    #header-mall.subpage + .mo-sub-head:before{display:none;}
    .mob-category-slide-wrap{position:static;}
    .floor-special .area .list-special .swiper-container .swiper-slide{width:280px;}
    .floor-special .area .list-special .box-item-wrap{flex-direction:column;}
    .floor-special .area .list-special .box-item-wrap .box-img{width:120px;height:120px;margin:0;}
    .floor-special .area .list-special .box-item-wrap{height:280px;padding:0 10px;}
    .floor-special .area .list-special .swiper-container .swiper-button-next{}
    .floor-special .area .list-special .swiper-container .swiper-button-prev{}
    .floor-special .area .list-special .swiper-container{padding:0;margin-left:0;}
    .mall-title-wrap .tooltip{display:none;}
    .mall-title-wrap strong{font-size:18px;}
    .mall-title-wrap{padding-bottom:10px;}
    .mall-slide-wrap .swiper-container .swiper-slide a img.wimg{display:none;}
    .mall-slide-wrap .swiper-container .swiper-slide a img.mimg{display:block; width: 100%; }

    .mall-slide-wrap .swiper-container .swiper-slide.bg05{padding: 0}

    #header-sub{margin-bottom:0;}
    .floor-special .area .list-special .box-item-wrap .pdtNm span{font-size:14px;}
    .floor-special .area .list-special .box-item-wrap .pdtNm a{font-size:16px;}
    .floor-special .area .list-special .box-item-wrap .price .member strong{font-size:20px;}
    .floor-special .area .list-special .box-item-wrap .pdtNm{height:auto;}
    .floor-special .area .list-special{width:100%;overflow:visible;}
    .floor-special .area .list-special .swiper-container{overflow:visible;}
    .floor-mdPick .area .tabConts{padding-bottom:40px; margin-top:66px; }
    .mall-slide-wrap .swiper-container .swiper-func-wrap{bottom: -19px;}
    .mall-slide-wrap .swiper-container .swiper-func-wrap .swiper-button-prev{display:none;}
    .mall-slide-wrap .swiper-container .swiper-func-wrap .swiper-button-next{display:none;}
    .mall-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{width:6px; height:6px; margin:0 4px;}
    .mall-slide-wrap .swiper-container{padding-bottom: 20px; background: #fff; }

    .mall-slide-wrap{}
    .mall-slide-wrap{height:auto;overflow:hidden;background:#f5f5f5;}

    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap{padding: 20px 0;}
    /*  */
    .mall-slide-wrap{height:auto;overflow:hidden;background:#F6F7FB;}
    .mall-slide-wrap .detail-side-wrap{width:100%;position:static;height:auto;overflow:Hidden;margin:0;}
    .mall-slide-wrap .detail-side-wrap .m-hide{
        display:block !important;
        width:100%;
        padding:0 0 20px;
        height:auto;
        margin-bottom: 8px;
    }
    .dep1-1-box{display:none !important;}
    .mall-slide-wrap .detail-side-wrap .lnb-group{
        width:100%;
        height:auto;
        overflow:Hidden;
        display: none;
    }
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1{width:100%;height:auto;overflow:Hidden;}
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1 li{
        width:20%;
        height:80px;
        overflow:Hidden;
        float:left;
    }
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1 li a{
        word-break:break-all;
        text-align:center;
        font-size:12px;
        color:#222;
        width:100%;
        height:80px;
        overflow:Hidden;
        display:flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
        font-weight:bold;
    }
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1 li a img { margin-bottom: 5px; }
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1 li a p {
        font-weight: 500;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mbr{display:block;}

    .mall-slide-wrap .mob-category-mlist{display:block !important;width:calc( 100% - 40px );border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;margin:0 auto 20px auto;height:auto;border-radius:0;background:transparent;}
    .dep1-1-box{display:none !important;}
    .mall-slide-wrap .mob-category-mlist ul{width:100%;height:auto;overflow:Hidden;}
    .mall-slide-wrap .mob-category-mlist ul li{background:#fff;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:calc( 25% - 1px );height:58px;overflow:Hidden;float:left;}
    .mall-slide-wrap .mob-category-mlist ul li a{word-break:break-all;text-align:center;font-size:12px;color:#222;width:calc( 100% - 10px );height:58px;overflow:Hidden;display:flex;justify-content:center;align-items:center;padding:0 5px;font-weight:bold;}
    .mbr{display:block;}

    .mob-help-msg{width:calc( 100% - 40px );height:auto;overflow:Hidden;display:block;padding:10px 20px;
        background-image: linear-gradient(280deg, #0d89e8, #32ab8c);}
    .mob-help-msg .mtit{width:100%;height:auto;overflow:hidden;font-size:14px;color:#fff;font-weight:bold;line-height:1.5em;}
    .mob-help-msg .mdesc{width:100%;height:auto;overflow:hidden;font-size:12px;color:#fff;font-weight:500;line-height:1.5em;}
    .floor-pdtList{margin-top:20px;}

    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap .stit{width:100%;padding-left:0;font-size:18px;}
    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap .sdesc{width:calc( 100% - 40px );margin:5px auto 0 auto;padding:0 20px;padding-left:0;font-size:15px;}
    .mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container{transform: translateX(0px);border-top-right-radius:0;border-bottom-right-radius:0;width:calc( 100% - 22px );margin-left:20px;height:30px; margin-top: 16px;}
    .mall-subpage-wrap .ms-acticle-wrap .special-price-wrap{transform: translateX(0);width:calc( 100% - 40px );}
    .mall-subpage-wrap .ms-acticle-wrap .special-price-wrap .list-item-wrap{margin-right:0;}

    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1{padding: 18px 19px 5px 18px; box-sizing: border-box;}
    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1 .stit{width: 100%; }
    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1 .stit img{width: 100%;}
    .mall-subpage-wrap .ms-acticle-wrap .special-header-wrap.type1 .sdesc{width: 100%; font-size: 16px; text-align: left;}

    .cart-item-wrap{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0 !important;transition:all .5s;position:fixed;left:0;top:auto;bottom:-358px;z-index:80;width:100%;overflow:visible;border:0;}
    .cart-item-wrap .btn-cart-toggle{display:flex;justify-content:center;align-items:center;width:32px;height:32px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border: solid 1px rgba(0, 0, 0, 0.16);border-bottom:0;border-radius:50%;background:#fff;position:absolute;left:50%;margin-left:-16px;top:-12px;}
    .cart-item-wrap .btn-cart-toggle i{font-size:18px;color:#2c2d2e;font-weight:bold;opacity:.8;}
    .cart-item-wrap.active{bottom:0px;}
    .cart-item-wrap.active .btn-cart-toggle i{transform:rotate(180deg)}
    .cart-item-wrap .cart-list-scrolls{width:100%;height:auto;overflow:hidden;}
    .cart-item-wrap .cart-result-wrap{padding:10px;width:calc( 100% - 20px - 54px );}
    .cart-item-wrap .cart-btn-wrap{margin-bottom:20px;}
    .cart-item-wrap .cheader{border-top-left-radius:12px;border-top-right-radius:12px;}

    .mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap{background:#fbfbfb;height:auto;padding-top:0;}
    .mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container .swiper-slide{width:90px;}
    .mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container .swiper-slide a{height:28px;font-size:14px;}
    .mall-subpage-wrap .ms-acticle-wrap .special-slide-wrap .swiper-container .swiper-slide a.on{}
    .mall-subpage-wrap .ms-acticle-wrap{background:#fbfbfb;}
    .special-item-wrap>ul{width:calc( 100% + 8px );margin-left:-4px;height:auto;}
    .special-item-wrap>ul>li{width:calc( 50% - 30px );float:left;height:auto; /*overflow:hidden;*/ padding:10px;margin:0 4px 12px 4px;display:block;}
    .special-item-wrap>ul>li:first-child{margin-top:0px;}
    .special-item-wrap ul li .rt-item .lowest-item-wrap{display:flex;}
    .special-item-wrap ul li .lt-item .num{font-size:26px;top:10px;}
    .special-item-wrap ul li .lt-item{width:100%;}
    .special-item-wrap ul li .lt-item .mpic{margin:0 auto;}
    .special-item-wrap ul li .rt-item .rw-item-wrap{position:static;width:100%;margin-top:8px;}
    .special-item-wrap ul li .rt-item .lowest-item-wrap{margin-top:11px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 4px 0;}
    .special-item-wrap ul li .rt-item .mcont:before{display:none;}
    .special-item-wrap ul li .rt-item .mcont{overflow:visible; margin-top: 7px;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap{width:80%;height:auto; overflow:hidden; background:#fff; position:absolute; left:8%; top:-80px;border:1px solid #707070; border-radius:8px; padding:20px 5px 10px 5px; display:none; z-index: 10;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap.on{display:block; position: fixed; top: auto;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a{position:absolute;right:0;top:0;width:30px;height:30px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a i{font-size:16px;color:#000;font-weight:bold;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li{/*display:block;*/}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li .price{margin-top:-5px;font-size:10px;padding-left:5px;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrapr ul li:first-child .price:before{font-size:10px;}
    .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li:first-child .price{font-size:10px;padding-left:30px;}


    .special-item-wrap ul li .rt-item .mcont .price-item-wrap{width:100%;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child .key{font-size:10px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child .value{font-size:10px; text-decoration: line-through;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key{font-size:13px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .value{font-size:13px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key img{width:10px;height:10px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:last-child{display:block;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key strong{font-size:13px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key span{font-size:13px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li.last-child{}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:last-child .value{width:100%;text-align:right;display:flex;justify-content:flex-end;align-items:center;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li.last-child .value strong{font-size:15px;}

    .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-select{width:60px;height:26px;border-radius:13px;font-size:10px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-unselect{width:60px;height:26px;border-radius:13px;font-size:10px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap{width:70px;height:24px;border-radius:13px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap button{width:20px;height:24px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap button i{font-size:11px;}
    .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap .inp{height:24px;}

    .special-price-wrap.list-type .special-item-wrap{margin-left:0;}
    .special-price-wrap.list-type .special-item-wrap>ul{
        width:calc( 100% + 8px );
        margin-left:-4px;
        height:auto;
        padding-top:50px;
        grid-template-columns:1fr 1fr!important;
        gap:8px;
    }
    .special-price-wrap.list-type .special-item-wrap>ul>li{
        width:calc( 50% - 4px );
        float:left;
        height:auto;
        padding:10px;
        margin:0 4px 12px 4px;
        display:block;
    }
    .special-price-wrap.list-type .special-item-wrap>ul>li:first-child{margin-top:0px; }
    .special-price-wrap.list-type .special-item-wrap>ul>li:first-child, .special-price-wrap.list-type .special-item-wrap>ul>li:nth-child(2n + 1){ margin-left:0; }
    .special-price-wrap.list-type .special-item-wrap>ul>li:nth-child(2n) { margin-right:0; }
    .special-item-wrap ul li .rt-item { padding: 8px 0; }
    .list-type .special-item-wrap>ul>li .renew-price > strong { font-size: 18px; }
    .list-type .special-item-wrap>ul>li .renew-price > p { font-size: 14px; }
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .lowest-item-wrap{display:flex;}
    .special-price-wrap.list-type .special-item-wrap ul li .lt-item .num{font-size:26px;top:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .lt-item{width:100%;}
    .special-price-wrap.list-type .special-item-wrap ul li .lt-item .mpic{margin:0 auto;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mtit{font-size:14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .rw-item-wrap{position:static;width:100%;margin-top:8px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .lowest-item-wrap{margin-top:15px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont:before{display:none;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont{overflow:visible;}
    /*.special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap{width:calc( 100% - 12px );height:auto;overflow:hidden;background:#fff;position:absolute;left:0px;top:-80px;border:1px solid #707070;border-radius:8px;padding:20px 5px 10px 5px;display:none;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap.on{display:block;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a{position:absolute;right:0;top:0;width:30px;height:30px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap a i{font-size:16px;color:#000;font-weight:bold;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li{display:block;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li .price{margin-top:-5px;font-size:10px;padding-left:5px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrapr ul li:first-child .price:before{font-size:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .delivery-item-wrap ul li:first-child .price{font-size:10px;padding-left:30px;}*/


    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap{width:100%;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child .key{font-size:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:first-child .value{font-size:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key{font-size:13px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .value{font-size:13px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key img{width:10px;height:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:last-child{display:block;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key strong{font-size:13px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li .key span{font-size:13px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li.last-child{}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li:last-child .value{width:100%;text-align:right;display:flex;justify-content:flex-end;align-items:center;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap ul li.last-child .value strong{font-size:15px;}

    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-select{width:60px;height:26px;border-radius:13px;font-size:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .btn-unselect{width:60px;height:26px;border-radius:13px;font-size:10px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap{width:70px;height:24px;border-radius:13px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap button{width:20px;height:24px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap button i{font-size:11px;}
    .special-price-wrap.list-type .special-item-wrap ul li .rt-item .mcont .price-item-wrap .cnt-item-wrap .cnt-wrap .inp{height:24px;}
    .list-type .special-item-wrap ul li .rt-item .lowest-item-wrap img{height:18px;}
    .list-type .special-item-wrap ul li .rt-item .lowest-item-wrap .info span{font-size:12px;}
    .list-type .special-item-wrap ul li .lt-item .mpic{height:105px;width:105px;}
}


/*서브 헤더*/
@media screen and (max-width: 769px) {
    #header-mall{display:none;}
    /* s: 서브 모바일 헤더*/
    .mo-sub-head {height:50px; padding:0 13px 3px 13px; position:relative; display:flex; justify-content: center; align-items: center; background: #fff; position: relative;}
    .mo-sub-head:before {content:""; display:block; height:3px; width:100%; position:absolute; left:0; bottom:0; border-radius:2px;
        background: rgba(70,204,123,1);
        background: -moz-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,204,123,1)), color-stop(100%, rgba(19,141,223,1)));
        background: -webkit-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: -o-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: -ms-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: linear-gradient(to right, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46cc7b', endColorstr='#138ddf', GradientType=1 );
    }

    .mo-sub-head .header-tit{font-size: 18px; letter-spacing: -0.04em;}
    .mo-sub-head .btn-history-back {width:20px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-back.png) center no-repeat; background-size:100%; font-size:0; line-height:0; position: absolute; left: 10px;}

    .mo-sub-head .header-category{display: flex; align-items: center; position: absolute; right: 10px;}
    .mo-sub-head .header-category a{text-indent: -9999999px; margin-left: 10px; font-size: 0; position: relative;}
    .mo-sub-head .header-category a.cate-menu1{width: 28px; height: 29px; background:url(https://resource.mall.castingn.com/static/images/ico-mo-search.png) center/100% no-repeat;}
    .mo-sub-head .header-category a.cate-menu2{width: 28px; height: 27px; background:url(https://resource.mall.castingn.com/static/images/ico-basket.png) center/100% no-repeat;}
    .mo-sub-head .header-category a .basket-num{width: 15px; height: 15px; border-radius: 7px; display: flex; justify-content: center; align-items: center; font-size: 10px; color: #fff; position: absolute; background: #fc0000; text-indent: initial; right: -7px; top: -7px;}
    .mo-sub-head .heaer-input{width: calc(100% - 28px);  margin-left: 28px; height: 40px; border: 1px solid #cccccc; border-radius: 30px; display: flex; align-items: center; justify-content: center; padding: 0 20px;}
    .mo-sub-head .heaer-input input{width: 100%; height: 38px;}
    .mo-sub-head .header-category a.cate-menu1.po1{right: 20px;}
    /* e: 서브 모바일 헤더*/
}

/**/
.subpage-location-wrap{position:relative;z-index:1;width:100%; display:flex;align-items:center; z-index: 10; justify-content: space-between; }
.subpage-location-wrap .brand-tit{font-size: 16px; font-weight: 700; color: #000; margin-right: 55px; width: 99px;}
.subpage-location-wrap .brand-tit span{ width: 100%; display: block; }
.subpage-location-wrap .brand-tit span label { color: #0E89E8; margin-left: 8px; }
.subpage-location-wrap .navi-area{letter-spacing: -0.04em; }
.subpage-location-wrap .navi-area > ul{display: flex; align-items: center; }
.subpage-location-wrap .navi-area > ul > li{position: relative; display: flex; align-items: center; }
.subpage-location-wrap .navi-area > ul > li > a{
    border:1px solid #C8C8C8;
    padding: 6px 12px;
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    border-radius: 4px;
    width: 170px;
    justify-content: space-between;
}
/*.subpage-location-wrap .navi-area > ul > li > a:after{content: '>'; font-size: 16px; color: #2c2d2e; margin: 0 10px; font-weight: normal;}*/
/*.subpage-location-wrap .navi-area > ul > li:after {
    content: '';
    background:url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/sub-nav-category-arrow.png) no-repeat;
    width:9px;
    height: 16px;
    display: inline-block;
    margin:0 8px;
}*/
.subpage-location-wrap .navi-area > ul > li:last-child:after{ content: none; }
.subpage-location-wrap .navi-area > ul > li:last-child > a:after{display: none;}
/*.subpage-location-wrap .navi-area > ul > li:first-child > a{color: #4c92f1; font-weight: 700;}*/
.subpage-location-wrap .navi-area > ul > li:hover > a{color: #4c92f1; font-weight: 700;}
.subpage-location-wrap .navi-area > ul > li:hover > a::after{font-weight: normal;}
.subpage-location-wrap .navi-area > ul > li a .ico-arrow{width: 19px; height: 19px; background:#fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-down.png) no-repeat; margin-left: 3px; border-radius: 4px;}
.subpage-location-wrap .navi-area > ul > li:hover  a .ico-arrow{width: 19px; height: 19px; background:#fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-up.png) no-repeat; }
.subpage-location-wrap .navi-area > ul > li .navi-box{
    position: absolute;
    width: calc(100% - 21px);
    background: #fff;
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    left:0;
    top: 33px;
    z-index: 10;
    display: none;
}
.subpage-location-wrap .navi-area > ul > li:hover .navi-box{display:block;}
.subpage-location-wrap .navi-area > ul > li .navi-box ul{display:grid; padding:8px 0; gap:8px }
.subpage-location-wrap .navi-area > ul > li .navi-box ul li{width:100%;height:auto; overflow:hidden}
.subpage-location-wrap .navi-area > ul > li .navi-box ul li:first-child{margin-top: 0;}
.subpage-location-wrap .navi-area > ul > li .navi-box ul li a {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    padding: 4px 12px;
    line-height: 20px;
}
.subpage-location-wrap .navi-area > ul > li .navi-box ul li a:hover{color: #4c92f1; text-decoration: underline;}
.subpage-location-wrap .navi-area > ul > li:last-child .navi-box { width: 100% }
.subpage-allcategory-wrap{ padding-top: 12px;}
.subpage-allcategory-wrap .brand-box{
    width:100%;
    border: 1px solid #C8C8C8;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    padding: 35px 50px;
    height:236px;
}
.subpage-allcategory-wrap .brand-box.toggle-on{height: auto;}
.subpage-allcategory-wrap .brand-box.toggle-on .bt-toggle{background: url(https://resource.mall.castingn.com/static/images/sub/ico-bt-minus.png) center/100% no-repeat; text-indent: -999999px;}
/*
.subpage-allcategory-wrap .brand-box .brand-list ul{display: flex; flex-wrap: wrap;}
.subpage-allcategory-wrap .brand-box .brand-list ul li{width: 20%; margin-bottom: 15px; display: flex;}
.subpage-allcategory-wrap .brand-box .brand-list ul li:nth-child(-n+4){margin-top: 0;}*/
.subpage-allcategory-wrap .brand-box .brand-list ul li a{font-size: 16px; color: #666; font-weight: 400; text-align: left; }
.subpage-allcategory-wrap .brand-box .brand-list ul li a:hover{color: #4c92f1; }
.subpage-allcategory-wrap .brand-box .brand-list ul li a.select{color: #4c92f1;}

.subpage-allcategory-wrap .brand-box .bt-toggle{width: 31px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-bt-plus.png) center/100% no-repeat; text-indent: -999999px; margin-top: auto;}

.subpage-category-reresult .brand-tit {
    margin-top:24px;
    color: #101010;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.subpage-category-reresult .brand-tit span label {
    color: #0E89E8;
    margin-left: 8px;
}
.subpage-category-reresult .brand-tit button {
    color:#666;
    font-weight: 400;
    font-size:12px;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:2px;
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #fff;
    width: 86px;
    height: 32px;
    transition: .2s;
}
.subpage-category-reresult .brand-tit button:hover{
    color:#202020;
    border-color:#202020;
}
.subpage-category-reresult .result-box{
    border: 1px solid #C8C8C8;
    margin-top: 12px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap:12px;
    padding: 24px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    border-radius: 8px;
    min-height:82px;
}
/*.subpage-category-reresult .result-box .dep1 {
    color: #717171;
    position: absolute;
    right:15px;
    top:0;
    bottom:0;
    margin: auto;
    height: 20px;
    line-height: 20px;
}
.subpage-category-reresult .result-box .dep1::before{
    content: '';
    width: 16px;
    height: 18px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/reset-icon.png) no-repeat;
    margin: 0 8px 0 0px;
    display: inline-block;
    vertical-align: middle;
}*/
.subpage-category-reresult .result-box .dep2{color: #32ab8c; display: flex; align-items: center }
.subpage-category-reresult .result-box.selected_brands .dep2 {
    display: inline-flex;
    height: 32px;
    padding: 8px 8px 8px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #D4DBE8;
    background: #F4FAFF;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: .2s;
}
.subpage-category-reresult .result-box.selected_brands .dep2:hover {
    border-color: #0E89E8;
}
.subpage-category-reresult .result-box.selected_brands .dep2 svg path{
    transition: .2s;
}
.subpage-category-reresult .result-box.selected_brands .dep2:hover svg path{
    fill: #0E89E8;
}
/*.subpage-category-reresult .result-box .dep2 a.menu-close{width: 16px; height: 16px; text-indent: -999999px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/ico-filter-close.png) no-repeat; margin-left: 7px;}*/
.subpage-category-reresult .result-box .dep2 a.menu-close{ display: inline-flex; justify-content: center; align-items: center }



.board-header-wrap{display:flex;justify-content:space-between;align-items:center; width:1200px; margin:0 auto;height:auto;overflow:Hidden;padding:0 0 20px;position:relative;}
/*.board-header-wrap:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:3px;overflow:hidden;display:block;  background-image: linear-gradient(283deg, #168fdd 69%, #32ab8c 25%);}*/
.board-header-wrap .btit{display:flex;font-size:16px;color:#333;font-weight:bold;}
.board-header-wrap .btit strong{padding-left:5px;font-size:16px;color:#0E89E8;font-weight:bold;}
.board-header-wrap .side-item-wrap{display:flex;justify-content:flex-start;align-items:center;}
.board-header-wrap .side-item-wrap ul{display:flex;justify-content:flex-start;align-items:center;}
.board-header-wrap .side-item-wrap ul li{position:relative;padding:0 0 0 15px;display:flex;justify-content:flex-start;align-items:center;}
.board-header-wrap .side-item-wrap ul li:last-child{padding-right: 0;}
/*.board-header-wrap .side-item-wrap ul li:before{content:"";width:1px;height:20px;overflow:hidden;display:block;background:#c2c2c2;position:absolute;left:0;top:50%;margin-top:-10px;}*/
.board-header-wrap .side-item-wrap ul li:first-child:before{display:none;}
.board-header-wrap .side-item-wrap ul li .select{font-size:14px;color:#333;}
.board-header-wrap .side-item-wrap ul li .select:focus{color:#4c92f1;}
.board-header-wrap .side-item-wrap ul li .select{
    cursor:pointer;
    outline:none;
    background: #fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-down.png) right 3px center no-repeat;
    appearance: none;
    -moz-appearance:none;
    -webkit-appearance: none;
    border-radius: 8px;
    border: 1px solid #C9C9C9;
    padding: 10px 20px 10px 12px;
}
.board-header-wrap .side-item-wrap ul li .select::-ms-expand {display:none}
.board-header-wrap .side-item-wrap ul li .select:hover {
    color:#666;
    border-color:#666;
}
.board-header-wrap .side-item-wrap ul li a{}
.board-header-wrap .price-search-box { display: flex; align-items: center; }
.board-header-wrap .price-search-box label {
    border:1px solid #c9c9c9;
    box-sizing: border-box;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    width:140px;
    padding: 0 10px;
    transition: .2s;
}
.board-header-wrap .price-search-box label:hover {
    border-color:#202020
}
.board-header-wrap .price-search-box label input {
    width: calc(100% - 18px);
    text-align: right;
    padding-right: 3px;
}
.board-header-wrap .price-search-box button {
    background: #fff;
    color: #666;
    border-radius: 8px;
    border:1px solid #C8C8C8;
    box-sizing: border-box;
    margin-left:4px;
    width: 80px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    transition: .2s;
}
.board-header-wrap .price-search-box button:hover {
    color:#202020;
    border-color:#202020;
}

/****/
@media screen and (max-width: 769px) {
    .subpage-location-wrap{height:auto;}
    .subpage-location-wrap .navi-area{width: 100%; transform: translateX(0px);}
    .subpage-location-wrap .navi-area > ul > li{padding-bottom:0;}
    .subpage-allcategory-wrap { padding-top:3px; }
    .subpage-allcategory-wrap .brand-box{width:calc( 100% - 40px );transform: translateX(0px);padding:15px;position:relative;display:block;}
    .subpage-allcategory-wrap .brand-box .bt-toggle{top:10px;margin:0;position:absolute;right:15px;}
    .subpage-allcategory-wrap .brand-box .brand-tit span{text-align:left;font-size:14px;border-bottom:0;}
    .subpage-allcategory-wrap .brand-box .brand-list{width:100%;}
    .subpage-allcategory-wrap .brand-box .brand-list ul{/*display:block;*/}
    .subpage-allcategory-wrap .brand-box .brand-list ul li{width:33.3%;float:left;}
    .subpage-allcategory-wrap .brand-box .brand-list ul li a{font-size:13px;color:#000; word-break: break-all; padding-right: 10px;}

    .subpage-category-reresult .result-box{width:calc( 100% - 40px );transform: translateX(0px);padding:15px;position:relative;display:block;}
    .subpage-category-reresult .result-box .dep1{font-size:14px;width:100%;height:auto;overflow:hidden;}
    .subpage-category-reresult .result-box .dep1::after{margin-left:5px;}
    .subpage-category-reresult .result-box .dep2{float:left;font-size:14px;margin-top:5px;margin-left:0;margin-right:20px;}
    .subpage-category-reresult .result-box .dep2 a.menu-close{width:12px;height:12px;background-size:cover !important;}


    .board-header-wrap{transform: translateX(0px);width:calc( 100% - 40px );padding:25px 0 10px 0;}
    .board-header-wrap .side-item-wrap ul li:last-child{display:none;}
    .board-header-wrap .side-item-wrap ul li .select{font-size:12px;padding-left:0;padding-right:0;min-width:80px;}
    .board-header-wrap .btit{font-size:16px;color:#000;}
    .board-header-wrap .btit strong{font-size:16px;color:#32ab8c;}
}

/*비품 사무용품 상세*/
.pddt-detail-header{line-height:1.5em;padding:18px 0 56px 0;width:100%;height:auto; position:relative;}
.pddt-detail-header strong{font-size:25px;color:#000;font-weight:bold;}
.pddt-detail-header span{font-size:14px;color:#000;padding-left:8px;}
.pddt-detail-header a,.pddt-detail-header > button {position:absolute;right:0;top:15px;font-size:14px;color:#333;font-weight:500;border-bottom:1px solid #333;}
/*.pddt-detail-header > button { top:-20px; }*/
button.low-price-btn {
    border-radius: 8px;
    border: 1px solid #FFB5AE;
    background: #FFEDEF;
    color: #F05046;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    width: 138px;
    height: 32px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:2px;
}
button.low-price-btn > img {
    margin-right: 7px;
    vertical-align: middle;
}

/* .detail-top .top-area{padding-top:0;} */
.detail-top .top-area .detail-compare-wrap{margin-top:0;}
.detail-top .top-area .msds-info-cs .dark-gray-btn {
    display: inline-flex;
    height: 32px;
    min-width: 56px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    background-color: #333;
    border-radius: 4px;
}
.detail-top .top-area .msds-info-cs ul {
    margin:16px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:8px;
}
.detail-top .top-area .msds-info-cs ul li {
    display: flex;
    align-items: center;
    gap:4px;
}
.detail-top .top-area .msds-info-cs ul li .tag {
    box-sizing: border-box;
    bordeR:1px solid rgba(0,0,0,.4);
    border-radius: 4px;
    width:18px;
    height:18px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size:10px;
    font-weight: bold;
    color:#fff;
}
.detail-top .top-area .msds-info-cs ul li .tag.bg-org { background-color: #F16853 }
.detail-top .top-area .msds-info-cs ul li .tag.bg-teal { background-color: #0FAE88 }
.detail-top .top-area .msds-info-cs ul li .tag.bg-blue { background-color: #289BF4 }
.detail-top .top-area .msds-info-cs ul li p { color:#999 }
.detail-top .top-area .rating-area .star-box {width:80px; height:14px;}
.detail-top .top-area .rating-area .star-box .star0 {width:80px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-detail-star00.png) center no-repeat;background-size:80px 14px;}
.detail-top .top-area .rating-area .star-box .star1 {width:80px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-detail-star01.png) center no-repeat;background-size:80px 14px;}
.detail-top .top-area .rating-area .star-box .star2 {width:80px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-detail-star02.png) center no-repeat;background-size:80px 14px;}
.detail-top .top-area .rating-area .star-box .star3 {width:80px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-detail-star03.png) center no-repeat;background-size:80px 14px;}
.detail-top .top-area .rating-area .star-box .star4 {width:80px;height:14px;background:url(https://resource.mall.castingn.com/static/images/ico-detail-star04.png) center no-repeat;background-size:80px 14px;}
.detail-top .top-area .rating-area .star-box .star5 {width:80px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-detail-star05.png) center no-repeat;background-size:80px 14px;}
.detail-top .top-area .rating-area .rating-count{margin-left:0;}
.detail-top .top-area .rating-area .rating-count dl dt{font-size:11px; color:#4c92f1;font-weight:500;}
.detail-top .top-area .rating-area .rating-count dl dd{font-size:11px; color:#4c92f1;font-weight:500;}
.detail-top .top-area .detail-compare-table table thead th{height:36px;}
.detail-top .top-area .detail-compare-table table thead th span{font-size:12px;}
.detail-top .top-area .detail-compare-table table thead th strong{font-size:12px;}
.detail-top .top-area .detail-compare-table table thead th img{vertical-align:middle;}
.detail-top .top-area .detail-compare-table table tbody td:first-child{padding-left:20px;}
.detail-top .top-area .seller-market input + label:before{width:16px;height:16px;background-size:16px 16px !important;}
.detail-top .top-area .detail-compare-table table tbody td{height:30px;font-size:12px;}
.detail-top .top-area .detail-compare-table table tbody td strong{font-size:12px;}
.detail-top .top-area .detail-compare-table table tbody td span{font-size:12px;}
.detail-top .top-area .detail-compare-table table tbody td .result-price{font-size:12px;}
.detail-top .top-area .detail-compare-table table tbody td .result-price strong{font-size:12px;}
.detail-top .top-area .detail-compare-table table tbody td .result-price .low-box{width:60px;height:32px;background-size:60px 32px;font-size:10px;padding:0;line-height:26px;padding-left:12px;text-align:left;left:-60px;top:-2px;}
.detail-top .top-area .detail-compare-table table tbody td .result-price .fast-box{width:60px;height:32px;background-size:60px 32px;font-size:10px;padding:0;line-height:30px;padding-left:6px;text-align:left;left:-60px;top:-2px;}
.detail-top .top-area .low-price-line-bnr {
    height: 52px;
    background-color: #F6F7FB;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:10px;
    font-size: 14px;
    font-weight: 500;
}
.detail-top .top-area .low-price-line-bnr .line-deco { position: relative; }
.detail-top .top-area .low-price-line-bnr .line-deco:before {
    content: '';
    display: block;
    background: rgba(50, 171, 140, 0.30);
    width: 100%;
    height: 6px;
    position: absolute;
    bottom:0;
    left:0;
}
.detail-top .top-area .low-price-line-bnr a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 50px;
    border: 1px solid #32AB8C;
    background: #FFF;
    color: #32AB8C;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-left:10px
}

.detail-top .top-area .select-area{height:auto;padding-top:15px;padding-bottom:10px;border-bottom:1px solid #ececec;}
.detail-top .top-area .seller-market input + label img{height:14px;}
.detail-top .top-area .select-area .select-seller .seller-name .ico-slc-chk{display:none;}
.detail-top .top-area .select-area .select-seller .seller-name span{font-size:12px;color:#333;}
.detail-top .top-area .select-area .select-seller .seller-type{font-size:12px;}
.detail-top .top-area .select-area .select-right .dc-area{font-size:28px;}
.detail-top .top-area .select-area .select-right .dc-area strong{font-size:28px;}
.detail-top .top-area .select-area .select-right .price-area{margin-top:0;}
.detail-top .top-area .select-area .select-right .price-area strong{font-size:28px;}
.detail-top .top-area .select-area .select-right .price-area span{font-size:28px;}
.detail-top .top-area .quantity-area{width:100px;height:25px;}
.detail-top .top-area .quantity-area .btn-minus{width:28px;height:25px;background-size:7px 1px;}
.detail-top .top-area .quantity-area .btn-plus{width:28px;height:25px;background-size:7px 7px;}
.detail-top .top-area .quantity-area input{width:100%;flex:1;font-size:11px;}

.guide-msg-wrap{max-width:956px;margin:40px auto;width:calc( 100% - 42px );padding:16px 20px;background:#fff8f8;height:auto;overflow:hidden;border:1px solid rgba(255, 0, 0, 0.29);border-radius: 8px;}
.guide-msg-wrap .gtit{width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center; margin-bottom: 8px }
/*.guide-msg-wrap .gtit i{font-size:16px;color:#e10b0b;font-weight:bold;display:flex;}*/
.guide-msg-wrap .gtit strong{font-size:14px;color:#F05046;font-weight:bold;display:flex;margin-left:2px; }
.guide-msg-wrap .gdesc{width:100%;height:auto;overflow:hidden;text-align:center;font-size:16px;color:#333; font-weight: 400; line-height: 24px }

.detail-top .top-area .rating-area .star-box{margin-right:4px;width:75px;height:15px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;background:url(https://resource.mall.castingn.com/static/images/active/bg-star-off.png) repeat-x left center;background-size:15px 15px;}
.detail-top .top-area .rating-area .star-box .bar{height:15px;overflow:hidden;background:url(https://resource.mall.castingn.com/static/images/active/bg-star-on.png) repeat-x left center;background-size:15px 15px;}

.detail-top .top-area .right-btm .btn-area .btn{display:inline-flex;width:auto;height:56px;padding:0 10px; width: 120px; }
.detail-top .top-area .right-btm .btn-area .btn i.ico-cart{width:20px;height:20px;overflow:hidden;display:flex;background:url(https://resource.mall.castingn.com/static/images/ico-mall-cart.svg) no-repeat center center;background-size:30px 30px;margin-right:3px;}
.detail-top .top-area .right-btm .btn-area .btn strong{font-size:14px;}
.detail-top .top-area .right-btm .btn-area .btn-wish .ico-wish{width:24px;height:24px;background-size:contain !important;}
.detail-top .top-area .right-btm .btn-area .btn-wish.on .ico-wish{width:24px;height:24px;background-size:contain !important;}
.detail-top .top-area .right-btm .delivery-area dl dt{font-size:10px;}
.detail-top .top-area .right-btm .delivery-area dl dd{font-size:10px;}
.detail-top .top-area .thumb-info{height:32px;}
.detail-top .top-area .thumb-info p{height:32px;width:100%;flex:1;}
.detail-top .top-area .thumb-info p span{font-size:12px;}
.detail-top .top-area .thumb-info .btn-copy{width:48px;height:30px;background-size:12px 12px;}
.detail-top .top-area .right-btm .delivery-area dl{margin-top:0;}

.smartpin-item-wrap{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.smartpin-item-wrap img{width:12px;display:flex;}
.smartpin-item-wrap strong{display:flex;margin-left:4px;font-size:10px;color:#32ab8c;font-weight:600;}
.smartpin-item-wrap span{display:flex;font-size:10px;color:#999;}
/* .detail-top .top-area .right-btm .etc-area{padding-left:26px;background:url(https://resource.mall.castingn.com/static/images/ico-truck.png) no-repeat left 38px;} */
.detail-top .top-area .right-btm{margin-top:12px;}
.detail-top .top-area .top-left{width:280px;}
.detail-top .top-area .top-right{width:calc(100% - 280px - 55px)}
.detail-top .top-area .top-right .form-cs label { width: 49%; }
.detail-top .top-area .top-right .form-cs label p {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 8px;
}
.detail-top .top-area .top-right .form-cs label input[type="text"] {
    width: calc(100% - 10px);
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    height: 46px;
    line-height: 46px;
    padding: 0 5px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.detail-top .top-area .top-right .form-cs .agree-cs { margin-bottom: 25px; }
.detail-top .top-area .top-right .form-cs .agree-cs input { display: none; }
.detail-top .top-area .top-right .form-cs .agree-cs label {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    margin-right: 55px;
    padding-left: 20px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/hospitalOpen/agreeCkOff.png) left center no-repeat;
    cursor: pointer;
}
.detail-top .top-area .top-right .form-cs .agree-cs input:checked + label {
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/hospitalOpen/agreeCkOn.png) left center no-repeat;
}
.detail-top .top-area .top-right .form-cs button {
    height: 60px;
    line-height: 60px;
    width: 100%;
    text-align: center;
    border-radius: 8px;
    background: #2546CD;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: auto;
    display: block;
}
.detail-top .top-area{border-bottom:1px solid #ececec;padding-bottom:24px;}
.detail-top .top-area .thumb-box{border:0;}
.detail-top .top-area .thumb-box .percent-circle {
    width: 48px;
    height: 48px;
    position: absolute;
    background: #F04C38;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    left: 16px;
    top: 16px;
}
.detail-top .top-area .thumb-box .low-price-sale {
    width: 48px;
    height: 48px;
    text-align: center;
    color: #002753;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/lowPriceLabel-waterMark.png) center no-repeat;
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.detail-container .detail-tab-area{max-width:996px;border-bottom:3px solid #0e89e8}
.detail-container .detail-tab-area{}
.detail-container .detail-tab-area .btn-tab.active-tab:before{display:none;}
.detail-container .detail-tab-area .btn-tab span{font-size:14px;}
.detail-container .detail-tab-area .btn-tab:nth-child(n+2){margin-left:0;}
.detail-tab-area01{width:100%;height:52px;overflow:Hidden;border-bottom:3px solid #0e89e8; margin-top: 10px;}
.detail-tab-area01 .btn-tab{height:52px;padding:0 30px;display:inline-flex;justify-content:center;align-items:center;}
.detail-tab-area01 .btn-tab span{font-size:14px;color:#000;font-weight:500;}
.detail-tab-area01 .btn-tab.active-tab{}
.detail-tab-area01 .btn-tab.active-tab span{color:#4c92f1;font-weight:bold;}
.detail-top-wrap.fix{border-bottom:0;padding-bottom:0;}
.detail-top-wrap.fix .top-area .rating-area{display:flex;}
.detail-top-wrap.fix{background:#fff;}
.detail-top-wrap.fix .detail-top .top-area .main-thumb-area .thumb-box{display:none;}
.detail-top-wrap.fix .top-area .top-left .rating-area{display:none;}
.detail-top-wrap.fix .detail-top .top-area .main-thumb-area{padding-left:0;}
.detail-top-wrap.fix .pddt-detail-header{padding-bottom:20px;}
.detail-top-wrap.fix .detail-top .top-area .select-area{padding-top:10px;}
.detail-top-wrap.fix .detail-top .top-area .top-right .compare-slc-area span{font-size:12px;}
.detail-top-wrap.fix .detail-top .top-area .top-right .compare-slc-area strong{font-size:12px;}
.detail-top-wrap.fix .detail-top .top-area .compare-slc-area .result-price{font-size:12px;}
.detail-top-wrap.fix .detail-top .top-area .compare-slc-area .result-price .low-box{width:60px;height:32px;background-size:60px 32px;font-size:10px;line-height:30px;padding-left:12px;text-align:left;left:-60px;top:-5px;}
.detail-top-wrap.fix .detail-top .top-area .compare-slc-area .result-price{padding-left:0;margin-left:60px;}
.detail-top-wrap.fix .guide-msg-wrap{display:none;}
.detail-container .tab-cont{max-width:1200px;}
.detail-container .tab-cont .cont-detail-img {max-width:996px; margin:auto }
.detail-container .bg-gray{max-width:996px;background:#fff;height:auto;margin:0 auto;}
.detail-container{margin-top:0;}
.detail-top-wrap.fix + .detail-container{margin-top:775px;}

.detail-container .tab-cont{padding-top:0;}
.detail-container .tab-cont .detail-info .info-cont{border-top:0;}
.detail-container .tab-cont .detail-info .info-tt{}
.detail-container .tab-cont .detail-info .info-tt strong{}
.detail-container .tab-cont .detail-info .info-cont dl{border-top:0;padding:0 16px;display:block;width:100%;height:auto;overflow:Hidden;}
.detail-container .tab-cont .detail-info .info-cont dl dt{padding-top:35px;width:100%;height:auto;overflow:Hidden;font-size:16px;color:#000;font-weight:bold;}
.detail-container .tab-cont .detail-info .info-cont dl dd{margin-top:15px;width:100%;height:auto;overflow:Hidden;padding-bottom:40px;border-bottom:1px solid #ededed;}
.detail-container .tab-cont .detail-info .info-cont dl dd .klist{width:100%;height:auto;overflow:Hidden;}
.detail-container .tab-cont .detail-info .info-cont dl dd .klist li{width:100%;height:auto;overflow:Hidden;margin-top:8px;display:flex;justify-content:flex-start;align-items:center;}
.detail-container .tab-cont .detail-info .info-cont dl dd .klist li:first-child{margin-top:0;}
.detail-container .tab-cont .detail-info .info-cont dl dd .klist li .key{width:68px;display:flex;font-size:15px;color:#000;font-weight:500}
.detail-container .tab-cont .detail-info .info-cont dl dd .klist li .value{display:flex;font-size:15px;color:#000;}
.detail-container .tab-cont .detail-info .info-cont dl dd .nlist{margin-top:10px;width:calc( 100% - 36px );margin-left:36px;height:auto;overflow:Hidden;}
.detail-container .tab-cont .detail-info .info-cont dl dd .nlist li{margin-top:6px;width:calc( 100% - 10px );position:relative;padding-left:10px;height:auto;overflow:Hidden;font-size:15px;color:#000;}
.detail-container .tab-cont .detail-info .info-cont dl dd .nlist li:first-child{margin-top:6px;}
.detail-container .tab-cont .detail-info .info-cont dl dd .nlist li:before{content:"-";font-size:15px;color:#000;position:absolute;left:0;top:0;}
.detail-container .tab-cont .detail-info .info-cont dl dd .olist{margin-top:10px;width:calc( 100% - 36px );margin-left:36px;height:auto;overflow:Hidden;}
.detail-container .tab-cont .detail-info .info-cont dl dd .olist li{margin-top:6px;width:100%;height:auto;overflow:Hidden;font-size:15px;color:#000;}
.detail-container .tab-cont .detail-info .info-cont dl dd .olist li:first-child{margin-top:0;}
.detail-container .tab-cont .detail-info .info-cont dl dd .olist li strong{font-size:15px;color:#000;font-weight:bold;}
.detail-container .tab-cont .detail-info .info-cont dl dd .ptit{width:calc( 100% - 14px );padding-left:14px;height:auto;overflow:Hidden;display:flex;justify-content:flex-start;align-items:center;}
.detail-container .tab-cont .detail-info .info-cont dl dd .ptit i{display:flex;font-size:18px;color:#4c92f1;font-weight:bold;}
.detail-container .tab-cont .detail-info .info-cont dl dd .ptit span{display:flex;font-size:15px;color:#000;font-weight:bold;margin-left:8px;}
.detail-container .tab-cont .detail-info .info-cont dl dd .pdesc{margin-top:10px;width:calc( 100% - 36px );margin-left:36px;height:auto;overflow:Hidden;display:flex;justify-content:flex-start;align-items:center;}
.detail-container .tab-cont .detail-info .info-cont dl dd .pdesc span{display:flex;font-size:15px;color:#000;text-decoration:line-through;}
.detail-container .tab-cont .detail-info .info-cont dl dd .pdesc strong{display:flex;margin-left:8px;font-size:13px;color:#32ab8c;font-weight:bold;}

.detail-container .tab-cont .detail-info .info-cont dl dd ul + .ptit{margin-top:60px;}
.detail-prodinfo-wrap{width:100%;height:auto;overflow:hidden;}
.detail-prodinfo-wrap .dp-tit{width:100%;height:auto;overflow:hidden;padding-top:40px;font-size:16px;color:#000;font-weight:bold;padding-bottom:20px;}
.detail-prodinfo-wrap table{border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;width:100%;}
.detail-prodinfo-wrap table th{letter-spacing: -0.48px;font-size:13px;color:#000;font-weight:bold;padding-left:25px;height:35px;width:155px;background:#fafafa;border-top:1px solid #f3f3f3;text-align:left;}
.detail-prodinfo-wrap table td{line-height:1.5em;letter-spacing: -0.48px;font-size:12px;color:#000;padding-left:25px;text-align:left;height:35px;border-top:1px solid #f3f3f3;}
.detail-prodinfo-wrap table tr:first-child th,
.detail-prodinfo-wrap table tr:first-child td{border-top:0;}

.detail-container .detail-title{margin-top:64px;margin-bottom:60px;}
.detail-container .detail-title dt{font-size:16px;color:#000;font-weight:bold;}
.detail-container .detail-title dd{font-size:15px;color:#000;margin-top:10px;line-height: 1.73em;}
.detail-container .detail-title dd strong{font-size:15px;}
.detail-container .detail-flex .flex-box .detail-tt{font-size:15px;color:#000;font-weight:bold;}
.detail-container .detail-flex .flex-box .graph-term-area{box-shadow:none;height:26px;border:1px solid #d2d2d2;border-radius:14px;}
.detail-container .detail-flex .flex-box .graph-term-area .btn-term{width:82px;height:26px;border-radius:14px;}
.detail-container .detail-flex .flex-box .graph-term-area .btn-term span{font-size:10px;color:#999;}
.detail-container .detail-flex .flex-box .graph-area{box-shadow:none;border:1px solid #d2d2d2;border-radius:15px;}
.detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dt{font-size:12px;}
.detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dd strong{font-size:19px;}
.detail-container .detail-flex .flex-box .graph-area .graph-txt{margin-top:20px;font-size:10px;color:#999;}
.detail-container .detail-flex .flex-box .graph-area .graph-main-area{margin-top:30px;}
.detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dd{margin-top:5px;}
.detail-container .detail-flex .flex-box .openmarket-compare{box-shadow:none;border:1px solid #d2d2d2;border-radius:15px;}
.detail-container .detail-flex .flex-box .other-table table thead th{padding:25px 0 12px 0;font-size:10px;color:#666;height:auto;}
.detail-container .detail-flex .flex-box .other-table table tbody td{height:40px;font-size:10px;}
.detail-container .detail-flex .flex-box .other-table table tbody td .btn-go-gray{line-height:24px;width:70px;height:24px;border-radius:12px;border:1px solid #dadada;font-size:9px;}
.detail-container .detail-flex .flex-box .other-table table tbody td .btn-go-gray:after{width:7px;height:7px;background-size:7px 7px;}

@media screen and (max-width: 769px) {
    .detail-top .detail-loca-wrap{display:none}
    .pddt-detail-header{width:calc( 100% - 30px );margin:0 auto;padding-bottom:30px;display:none;}
    .pddt-detail-header strong{font-size:16px;}
    .pddt-detail-header span{display:none;}
    .pddt-detail-header a{top:auto;bottom:0;}
    .detail-top .top-area{padding-left:15px;padding-right:15px;}
    .detail-top .top-area .top-left{width:100%;height:auto;overflow:hidden;}
    .detail-top .top-area .thumb-info{border:1px solid #ececec;}
    .delivery-area.p-hide{display:none;}
    .detail-top .top-area .top-right{width:100%;position:relative;}

    /**/
    .detail-top .top-area .top-title {position:relative; margin:13px 0 0 13px; display: flex; flex-direction: column-reverse;}
    .detail-top .top-area .top-title .title-area {font-size:16px; font-weight:700; letter-spacing:-0.04em; color:#000000; line-height: 24px; margin-bottom: 10px;}
    .detail-top .top-area .top-title .btn-membership { display:flex; align-items:center; justify-content: flex-end; margin-bottom: 12px; margin-right: 13px;}
    .detail-top .top-area .top-title .btn-membership strong {font-size:13px; color:#333333; line-height:18px; font-weight:500;}
    .detail-top .top-area .top-title .btn-membership .ico-pin{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right: 5px;}
    .detail-top .top-area .top-title .btn-membership .ico-arrow {width:14px; height:14px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-info.png) center/100% no-repeat; margin-left:10px;}

    .detail-top .top-area .select-area {display:flex;align-items:center;height: 74px;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;padding: 0 12px;}
    .detail-top .top-area .select-area .select-seller .seller-name {display:flex; align-items:center;}
    .detail-top .top-area .select-area .select-seller .seller-name span {font-size: 11px;color:#333;letter-spacing:-0.04em;line-height: 14px;}
    .detail-top .top-area .select-area .select-seller .seller-name .ico-slc-chk {width: 9px;height: 7px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-slc-chk.png) center no-repeat;margin-right: 5px;background-size: 100%;}
    .detail-top .top-area .select-area .select-seller .seller-type {font-size: 15px;font-weight:700;letter-spacing:-0.04em;color:#000;position:relative;padding-left: 14px;line-height: 17px;margin-top: 7px;}
    .detail-top .top-area .select-area .select-right {margin-left:auto;display:flex;align-items:center;position: relative;padding-top: 21px;width: calc(100% - 110px);text-align: right;justify-content: flex-end;}
    .detail-top .top-area .select-area .select-right .slc-option {position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content: flex-end;}
    .detail-top .top-area .select-area .select-right .slc-option span {font-size:11px; letter-spacing:-0.04em; color:#666666;}
    .detail-top .top-area .select-area .select-right .slc-option span:nth-child(n+2) {padding-left:7px; margin-left:7px; position:relative;}
    .detail-top .top-area .select-area .select-right .slc-option span:nth-child(n+2):before {content:""; display:block; position:absolute; left:-1px; top:50%; width:2px; height:2px; background:#dedede;}
    .detail-top .top-area .select-area .select-right .dc-area {font-size: 23px;letter-spacing:-0.04em;color:#32ab8c;line-height: 25px;margin-right: 10px;}
    .detail-top .top-area .select-area .select-right .price-area {font-size: 23px;letter-spacing:-0.04em;color:#111;line-height: 25px;display:flex;align-items:center;}
    .detail-top .top-area .select-area .select-right .price-area strong {font-size: 23px;font-weight:800;line-height: 25px;}
    .detail-top .top-area .select-area .select-right .quantity-area {display:flex;align-items:center;margin-left:33px;width:150px;height:38px;border:1px solid #d9d9d9;border-radius:19px;box-sizing:border-box;display: none;}
    .detail-top .top-area .select-area .select-right .quantity-area .btn-minus {width:40px; height:36px; border-right:1px solid #d9d9d9; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-minus.png) center no-repeat;}
    .detail-top .top-area .select-area .select-right .quantity-area .btn-plus {width:40px; height:36px; border-left:1px solid #d9d9d9; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-plus.png) center no-repeat;}
    .detail-top .top-area .select-area .select-right .quantity-area input {width:calc(100% - 80px); text-align:center; font-size:18px; font-weight:700; color:#000;}

    .smartpin-item-wrap{display:none;}
    .detail-top .top-area .detail-right-sec{margin:0;}
    .detail-top .top-area .right-btm{margin:12px 0 0 0;}
    .detail-top .top-area .select-area .select-right .dc-area{font-size:20px;}
    .detail-top .top-area .select-area .select-right .dc-area strong{font-size:20px;}
    .detail-top .top-area .select-area .select-right .price-area strong{font-size:20px;}
    .detail-top .top-area .select-area .select-right .price-area span{font-size:16px;font-weight:bold;}
    .detail-top .top-area .select-area .select-seller .seller-type{font-size:12px;}
    .detail-top .top-area .select-area .select-seller .seller-name .ico-slc-chk{display:block;}

    .detail-top .top-area .etc-area{display: flex; margin: 25px 13px 0 13px;}
    .detail-top .top-area .etc-area span{display: flex;}
    .detail-top .top-area .etc-area .ico-deliver{width: 28px; height: 25px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-delivery.png) center/100% no-repeat; margin-right: 2px;}
    .detail-top .top-area .etc-area .delivery-area{margin-left: 5px;}
    .detail-top .top-area .etc-area .delivery-area .sale-tt{display: flex; color: #32ab8c; font-size: 13px; font-weight: 600; }
    .detail-top .top-area .etc-area .delivery-area .sale-tt .ico-pinclub{width: 18px; height: 18px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right: 3px;}
    .detail-top .top-area .etc-area .delivery-area .sale-tt span:last-child{margin-left: 6px;}
    .detail-top .top-area .etc-area .delivery-area .sale-tt span:last-child b{color: #999;}
    .detail-top .top-area .etc-area .delivery-area dl{height: auto; justify-content: flex-start;}
    .detail-top .top-area .etc-area .delivery-area{}
    .detail-top-wrap.fix .top-area .rating-area.p-hide{}
    .detail-top .top-area .etc-area .rating-area:nth-child(n+2){margin-left:0;padding-left:0;}

    .detail-top .top-area .etc-area span{font-size:10px;}
    .detail-top .top-area .etc-area .delivery-area .sale-tt span:last-child{font-size:10px;}
    .detail-top .top-area .etc-area .delivery-area .sale-tt span:last-child b{font-size:10px;}
    .detail-top .top-area .delivery-area dl dt{font-size:10px;}
    .detail-top .top-area .delivery-area dl dd{font-size:10px;}

    .detail-top .top-area .rating-area{justify-content:flex-start;}
    .detail-top .top-area .top-title{margin-left:0;width:100%;left:0;}

    .detail-top .top-area .detail-right-sec{position:relative;}
    .detail-top .top-area .right-btm{position:absolute;left:0;bottom:-40px;}
    .detail-top-wrap .top-area .rating-area.p-hide{display:none;}
    .detail-top-wrap .detail-top .top-area .btn-area.m-hide{display:none !important;}
    .detail-top-wrap .detail-top .top-area .right-btm .etc-area{padding-left:0;}
    .detail-top-wrap .detail-top .top-area .right-btm .etc-area .delivery-area{display:none;}
    .detail-top .top-area .detail-right-sec + .etc-area{margin-top:50px;}

    .detail-top .top-area .detail-compare-table table thead th{font-size:12px;}
    .detail-top .top-area .detail-compare-table table tbody td:first-child{padding-left:0;}

    /**/
    .detail-top .top-area .detail-compare-wrap {position:relative;-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;box-ordinal-group: 3;margin: 0 12px;}
    .detail-top .top-area.type2-area .detail-compare-wrap {margin:0;}
    .detail-top .top-area .detail-right-sec { border:1px solid #434343; border-radius:6px;margin: 0;display: -webkit-box;display: -moz-box;display: box;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical; position:relative; padding: 0 10px }
    .detail-top .top-area .detail-right-sec .btn-right-more {position:absolute; width:20px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/detail-right-btn2.png) center no-repeat; background-size:100%; bottom:-10px; left:50%; margin-left:-10px;}
    .detail-top .top-area .detail-right-sec .btn-right-more span {font-size:0; line-height:0;}
    .detail-top .top-area .detail-right-sec.right-all-view .detail-compare-table {display:block;}
    .detail-top .top-area .detail-right-sec.right-all-view .btn-right-more {transform:rotate(180deg);}
    .detail-top .top-area .detail-compare-table table {width:100%;table-layout: fixed;}
    .detail-top .top-area .detail-compare-table table thead th {height: 35px;border-bottom: 2px solid #333333;border-top: 2px solid #333333;}
    .detail-top .top-area .detail-compare-table table thead th span {font-size: 10px;letter-spacing:-0.04em;color:#666666;font-weight:400;}
    .detail-top .top-area .detail-compare-table table thead th strong {font-size: 10px;letter-spacing:-0.04em;color:#333333;font-weight:700;}
    .detail-top .top-area .detail-compare-table table thead th:first-child {text-align:left;}

    .detail-top .top-area .detail-compare-table table tbody td {height: 35px;text-align: center;}
    .detail-top .top-area .detail-compare-table table tbody td > strong {font-size: 10px;color:#000;letter-spacing:-0.04em;}
    .detail-top .top-area .detail-compare-table table tbody td span {font-size: 10px;color:#000;letter-spacing:-0.04em;}
    .detail-top .top-area .detail-compare-table table tbody td span.t-line {color:#999999; text-decoration:line-through;}
    .detail-top .top-area .detail-compare-table table tbody td span.t-gray {color:#999999;}
    .detail-top .top-area .detail-compare-table table tbody td strong {font-weight:800;}
    .detail-top .top-area .detail-compare-table .ico-help {display:inline-block; width:14px; height:14px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-info.png) center no-repeat; margin:0 0 0 5px;}
    .detail-top .top-area .detail-compare-table table tbody td .result-price {font-size: 11px;position:relative;}
    .detail-top .top-area .detail-compare-table table tbody td .result-price .low-box {position:absolute;width: 37px;height: 17px;left: 50%;top: -18px;background: url(https://resource.mall.castingn.com/static/images/sub/detail-low-box-m.png) center no-repeat;background-size: 100%;box-sizing: border-box;padding: 0px 1px 3px 1px;line-height: 16px;text-align: center;font-size: 10px;color: #fff;letter-spacing: -0.04em;margin-left: -18px;}
    .detail-top .top-area .detail-compare-table table tbody td .result-price .fast-box {position:absolute;width: 37px;height: 17px;left: 50%;top: -18px;background: url(https://resource.mall.castingn.com/static/images/sub/detail-fast-box-m.png) center no-repeat;background-size: 100%;box-sizing: border-box;padding: 0px 1px 3px 1px;line-height: 16px;text-align: center;font-size: 10px;color: #fff;letter-spacing: -0.04em;margin-left: -18px;}
    .detail-top .top-area .detail-compare-table table tbody td .flex {display:flex; align-items:center;}

    .detail-top .top-area .detail-compare-table table tbody tr:last-child td {padding-bottom:10px;}
    .detail-top .top-area .seller-market input {display:none;}
    .detail-top .top-area .seller-market input + label {display:flex; align-items:center; cursor:pointer;}
    .detail-top .top-area .seller-market input + label:before {content:"";display:block;width: 10px;height: 10px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-off.png) center no-repeat;margin-right: 5px;background-size: 100%;}
    .detail-top .top-area .seller-market input + label img {max-width: calc(100% - 20px);}
    .detail-top .top-area .seller-market input:checked + label:before {background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center no-repeat;background-size: 100%;}

    .detail-top .top-area.type2-area .right-btm {display:none;}

    .detail-top .top-area .select-area {display:flex;align-items:center;height: 74px;-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;padding: 0 12px;}
    .detail-top .top-area .select-area .select-seller .seller-name {display:flex; align-items:center;}
    .detail-top .top-area .select-area .select-seller .seller-name span {font-size: 11px;color:#333;letter-spacing:-0.04em;line-height: 14px;}
    .detail-top .top-area .select-area .select-seller .seller-name .ico-slc-chk {width: 9px;height: 7px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-slc-chk.png) center no-repeat;margin-right: 5px;background-size: 100%;}
    .detail-top .top-area .select-area .select-seller .seller-type {font-size: 15px;font-weight:700;letter-spacing:-0.04em;color:#000;position:relative;padding-left: 14px;line-height: 17px;margin-top: 7px;}
    .detail-top .top-area .select-area .select-right {margin-left:auto;display:flex;align-items:center;position: relative;padding-top: 21px;width: calc(100% - 110px);text-align: right;justify-content: flex-end;}
    .detail-top .top-area .select-area .select-right .slc-option {position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content: flex-end;}
    .detail-top .top-area .select-area .select-right .slc-option span {font-size:11px; letter-spacing:-0.04em; color:#666666;}
    .detail-top .top-area .select-area .select-right .slc-option span:nth-child(n+2) {padding-left:7px; margin-left:7px; position:relative;}
    .detail-top .top-area .select-area .select-right .slc-option span:nth-child(n+2):before {content:""; display:block; position:absolute; left:-1px; top:50%; width:2px; height:2px; background:#dedede;}
    .detail-top .top-area .select-area .select-right .dc-area {font-size: 23px;letter-spacing:-0.04em;color:#32ab8c;line-height: 25px;margin-right: 10px;}
    .detail-top .top-area .select-area .select-right .price-area {font-size: 23px;letter-spacing:-0.04em;color:#111;line-height: 25px;display:flex;align-items:center;}
    .detail-top .top-area .select-area .select-right .price-area strong {font-size: 23px;font-weight:800;line-height: 25px;}
    .detail-top .top-area .select-area .select-right .quantity-area {display:flex;align-items:center;margin-left:33px;width:150px;height:38px;border:1px solid #d9d9d9;border-radius:19px;box-sizing:border-box;display: none;}
    .detail-top .top-area .select-area .select-right .quantity-area .btn-minus {width:40px; height:36px; border-right:1px solid #d9d9d9; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-minus.png) center no-repeat;}
    .detail-top .top-area .select-area .select-right .quantity-area .btn-plus {width:40px; height:36px; border-left:1px solid #d9d9d9; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-plus.png) center no-repeat;}
    .detail-top .top-area .select-area .select-right .quantity-area input {width:calc(100% - 80px); text-align:center; font-size:18px; font-weight:700; color:#000;}

    .detail-top .top-area .detail-compare-table table tbody td strong,
    .detail-top .top-area .detail-compare-table table tbody td .result-price strong{font-size:10px;}
    .detail-top .top-area .seller-market input:checked + label:before{display:none;}
    .detail-top .top-area .seller-market input + label:before{display:none;}
    .detail-top .top-area .detail-compare-table table tbody td span.t-line,
    .detail-top .top-area .detail-compare-table table tbody td span.t-gray{white-space:nowrap;}

    .detail-top-wrap.fix + .detail-container{margin-top:0;}
    .detail-container .tab-cont .detail-info .info-cont dl{padding:0;}
    .detail-container .tab-cont .detail-info .info-cont dl dt{position:relative;padding-bottom:8px;font-size:15px;}
    .detail-container .tab-cont .detail-info .info-cont dl dt:before{content:"";width:100%;height:2px;overflow:hidden;display:block;background:#ededed;position:absolute;left:0;bottom:0;}
    .detail-container .tab-cont .detail-info .info-cont dl dt:after{content:"";width:60px;height:2px;overflow:hidden;display:block;background:#4c92f1;position:absolute;left:0;bottom:0;}
    .detail-container .tab-cont .info-tt{position:relative;border-bottom:0;padding-bottom:8px;}
    .detail-container .tab-cont .info-tt:before{content:"";width:100%;height:2px;overflow:hidden;display:block;background:#ededed;position:absolute;left:0;bottom:0;}
    .detail-container .tab-cont .info-tt:after{content:"";width:60px;height:2px;overflow:hidden;display:block;background:#4c92f1;position:absolute;left:0;bottom:0;}
    .detail-container .tab-cont .info-tt strong{font-size:15px;}
    .detail-container .tab-cont .info-tt strong:after{display:none;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .klist li .key{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .klist li .value{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .nlist{margin-left:0;width:100%;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .nlist li{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .nlist li:before{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .ptit i{display:none;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .ptit{padding-left:0;width:100%;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .ptit span{margin-left:0;font-size:14px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd ul + .ptit{margin-top:20px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .nlist{margin-top:6px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .pdesc{margin-left:0;width:100%;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .pdesc{margin-top:6px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .olist{margin-left:0;width:100%;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .olist li{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .olist li br{display:block;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .olist li strong{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .pdesc span{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd .pdesc strong{font-size:12px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd{border-bottom:0;padding-bottom:20px;}
    .detail-container .tab-cont .detail-info .info-cont dl{border-bottom:0;}
    .detail-container .tab-cont .detail-info .info-cont dl dt{}
    .detail-container .tab-cont .detail-info .info-cont{margin:0;padding:0 15px;}
    .detail-prodinfo-wrap{padding:0 15px;width:calc( 100% - 30px );}
    .detail-prodinfo-wrap .dp-tit{font-size:15px;}
    .detail-prodinfo-wrap table{}
    .detail-prodinfo-wrap table th{font-size:12px;padding:10px;width:80px;}
    .detail-prodinfo-wrap table td{font-size:12px;padding:10px;}
    .detail-container .detail-title{margin-top:40px;}
    .detail-container .detail-title dt{font-size:15px;padding-bottom:8px;border-bottom:0;position:relative;}
    .detail-container .detail-title dt:before{content:"";width:100%;height:2px;overflow:hidden;display:block;background:#ededed;position:absolute;left:0;bottom:0;}
    .detail-container .detail-title dt:after{content:"";width:140px;height:2px;overflow:hidden;display:block;background:#4c92f1;position:absolute;left:0;bottom:0;}
    .detail-container .detail-title dd{font-size:12px;line-height:1.5em;margin-top:20px;}
    .detail-container .detail-title dd strong{font-size:12px;}

}


/*검색부분*/
.search-keword-wrap{display:flex;justify-content:flex-start;align-items:center;padding:36px 0 18px 0;width:calc( 100% - 30px );max-width:996px;height:auto;overflow:hidden;margin:0 auto;}
.search-keword-wrap .ktit{display:flex;justify-content:center;align-items:center;width:110px;position:relative;height:auto;overflow:hidden;font-size:14px;color:#000;font-weight:bold;}
.search-keword-wrap .ktit span{font-size:14px;color:#000;font-weight:bold;}
.search-keword-wrap .ktit:before{content:"";background:#dfdfdf;width:1px;height:20px;overflow:hidden;display:block;position:absolute;right:0;top:50%;margin-top:-10px;}
.search-keword-wrap .kslide-wrap{width:100%;flex:1;height:auto;overflow:hidden;}
.search-keword-wrap .kslide-wrap .swiper-container{width:100%;}
.search-keword-wrap .kslide-wrap .swiper-container .swiper-slide{width:auto;padding:0 20px;}
.search-keword-wrap .kslide-wrap .swiper-container .swiper-slide a{font-size:14px;color:#656565;font-weight:500;}
.search-keword-wrap .kslide-wrap .swiper-container .swiper-slide a.on,
.search-keword-wrap .kslide-wrap .swiper-container .swiper-slide a:hover{color:#4c92f1;}

.search-filter-wrap{width:calc( 100% - 30px );max-width:1200px;height:60px;overflow:hidden;position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto;}
.search-filter-wrap:before{content:"";width:100%;height:3px;overflow:hidden;display:block;position:absolute;left:0;bottom:0;border-radius: 1.5px;
    background-image: linear-gradient(283deg, #168fdd 69%, #32ab8c 25%);}
.search-filter-wrap .lt-item{display:flex;justify-content:flex-start;align-items:center;margin-left:20px;font-size:14px;color:#000;font-weight:600;}
.search-filter-wrap .lt-item strong{display:flex;font-size:14px;color:#4c92f1;font-weight:600;}
.search-filter-wrap .rt-item{display:flex;justify-content:flex-start;align-items:center;}
.search-filter-wrap .rt-item ul{display:flex;justify-content:flex-start;align-items:center;}
.search-filter-wrap .rt-item ul li{padding:0 18px;display:flex;justify-content:flex-start;align-items:center;position:relative;}
.search-filter-wrap .rt-item ul li:before{content:"";width:1px;height:18px;overflow:hidden;display:block;background:#c2c2c2;position:absolute;left:0;top:50%;margin-top:-9px;}
.search-filter-wrap .rt-item ul li:first-child{padding-left:0;}
.search-filter-wrap .rt-item ul li:first-child:before{display:none;}
.search-filter-wrap .rt-item ul li:last-child{padding-right:0;}
.search-filter-wrap .rt-item ul li .select{
    cursor: pointer;
    outline: none;
    background: #fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-down.png) right 3px center no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 8px;
    border: 1px solid #C9C9C9;
    padding: 3px 20px 3px 8px;
    height: 30px;
    min-width: 100px;
}
.search-filter-wrap .rt-item ul li .select:focus{color:#4c92f1;}
.search-filter-wrap .rt-item ul li a{font-size:13px;color:#555;}
.search-filter-wrap .rt-item .price-search-box { display: flex; align-items: center; }
.search-filter-wrap .rt-item .price-search-box > button {
    border:1px solid #4c92f1;
    color:#4c92f1;
    padding: 3px 5px;
    border-radius: 8px;
    margin-left:5px;
}

.search-filter-wrap .rt-item .price-search-box label {
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    border-radius: 8px;
    line-height: 30px;
    height: 30px;
    width: 125px;
    padding: 0 10px;
    display: block;
}
.search-filter-wrap .rt-item .price-search-box label input {
    width: calc(100% - 18px);
    text-align: right;
    padding-right: 3px;
}
.blue-outline-btn {
    border:1px solid #4c92f1;
    color:#4c92f1;
    padding: 3px 5px;
    border-radius: 8px;
}
/*.search-tabmenu-wrap{width:calc( 100% - 30px );max-width:996px;height:auto;margin:34px auto 0 auto;position:relative;}*/
.search-tabmenu-wrap{width:calc( 100% - 30px );max-width:996px;height:auto;margin:0 auto;position:relative;}
/*.search-tabmenu-wrap:before{content:"";width:100%;height:2px;overflow:hidden;display:block;background:#000;position:absolute;left:0;bottom:0; z-index: 1;}*/
.search-tabmenu-wrap ul{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;}
.search-tabmenu-wrap ul li{margin-left:-2px;display:flex;justify-content:flex-start;align-items:center;}
/*.search-tabmenu-wrap{width:calc( 100% - 30px );max-width:1200px;height:auto;margin:34px auto 0 auto;position:relative;}*/
.search-tabmenu-wrap{width:calc( 100% - 30px );max-width:1200px;height:auto;margin:0 auto;position:relative;}
/*.search-tabmenu-wrap:before{content:"";width:100%;height:2px;display:block;background:#000;position:absolute;left:0;bottom:0;}*/
.search-tabmenu-wrap ul{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;}
.search-tabmenu-wrap ul li{margin-left:-2px;display:flex;justify-content:flex-start;align-items:flex-start;height:50px;}
.search-tabmenu-wrap ul li:first-child{margin-left:0;}
.search-tabmenu-wrap ul li a{border:2px solid #d2d2d2;border-bottom:0;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;width:214px;height:46px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;font-size:16px;color:rgba(16,16,16,0.5);font-weight:600; }
.search-tabmenu-wrap ul li a.on{position:relative;z-index:20;border:2px solid #101010;border-bottom:0;color:#101010;background:#Fff;}
.search-tabmenu-wrap ul li a{border:2px solid #d2d2d2;border-bottom:0;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;width:214px;height:46px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;font-size:16px;color:rgba(16,16,16,0.5);font-weight:600;}
.search-tabmenu-wrap ul li a.on{height:48px;position:relative;z-index:20;border:2px solid #101010;border-bottom:0;color:#101010;background:#Fff;}
.search-tabmenu-wrap ul li a.on:before{}
.search-tabmenu-wrap ul li:nth-child(1) a{border-top-right-radius:0;}
.search-tabmenu-wrap ul li:nth-child(2) a{border-top-left-radius:0;}
.search-tabmenu-wrap ul li:nth-child(1) a.on{border-top-right-radius:5px;}
.search-tabmenu-wrap ul li:nth-child(2) a.on{border-top-left-radius:5px;}
.search-tabmenu-wrap .r-side {
    /*position: absolute;
    top:0;
    right: 0;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 0;
}
.search-tabmenu-wrap .r-side > p {
    font-size: 14px;
    font-weight: 500;
    color: #808080;
    letter-spacing: 0.14px;
    margin-right: 10px;
}
.search-tabmenu-wrap .r-side > button {
    border-radius: 6px;
    background-color: #f5f5f5;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.14px;
    color: #444;
}

/*.search-result-wrap{width:calc( 100% - 30px );max-width:1200px;height:auto;overflow:hidden;margin:45px auto 100px auto;}*/
.search-result-wrap{width:calc( 100% - 30px );max-width:1200px;height:auto;overflow:hidden;margin:0 auto 100px auto;}

.search-result-wrap .srv-detail-list{width:100%;height:auto;overflow:hidden;}
.search-result-wrap .srv-detail-list > ul{width:930px;height:auto;overflow:hidden;margin:0 auto;}
.search-result-wrap .srv-detail-list > ul > li{ border: solid 2px #e7e9eb;border-radius:20px; box-sizing: border-box; width: 270px; overflow: hidden; margin:0 20px 40px 20px;float:left;}
.search-result-wrap .srv-detail-list > ul > li:nth-child(4n){margin-right: 0;}
.search-result-wrap .srv-detail-list > ul > li:hover{border: solid 2px rgba(76, 146, 241, 0.81);}

.search-result-wrap .srv-detail-list .srv-thum{width: 100%; height:196px;}
.search-result-wrap .srv-detail-list .srv-thum img{width: 100%; height: 100%; object-fit: cover;}
.search-result-wrap .srv-detail-list .srv-bottom{width:calc( 100% - 40px );height:auto;overflow:hidden;padding: 0 20px 27px 20px;}
.search-result-wrap .srv-detail-list .srv-line1{width:100%;height:auto;overflow:hidden;display: flex; align-items: center; border-bottom: 1px solid #ededed; padding: 15px 0 15px 0;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-co-thum{overflow:Hidden;width: 55px; height: 55px;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-co-thum img{width: 100%;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-co-info{width:100%;height:auto;overflow:hidden;flex:1;display: flex; flex-direction: column; margin-left: 7px;}
.search-result-wrap .srv-detail-list .srv-line1 a{width:100%;height:auto;overflow:hidden;display:block;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-co-name{display:block;width:100%;height:auto;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;font-weight: 700; color: #333; font-size:18px;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-rating{font-size: 11px; color: #666; display: flex; margin-top: 7px;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-rating .rating-num{font-size: 12px; color: #32ab8c; font-weight: 500; margin-left: 10px;}
.search-result-wrap .srv-detail-list .srv-line1 .srv-rating .ico-star{width: 15px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-star.png) no-repeat;background-size:15px 15px; margin-right: 2px;}
.search-result-wrap .srv-detail-list .srv-line2{width:100%;height:auto;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;font-size: 13px; color: #000; text-align: center; padding: 13px 0; border-bottom: 1px solid #ededed;}
.search-result-wrap .srv-detail-list .srv-line3{font-size: 14px; color: #666; text-align: center; padding: 13px 0; border-bottom: 1px solid #ededed;}

.search-result-wrap .srv-detail-list .srv-line4 li{letter-spacing: -0.56px;display: flex; justify-content: space-between; align-items: center; margin-top: 11px;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price1 span{font-size: 13px; color: #999;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price1 span:last-child{text-decoration: line-through;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price2{letter-spacing: -0.56px;font-size: 14px; color: #000;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price2 span:last-child{font-size: 17px; color: #4c92f1;font-weight:bold;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price3{letter-spacing: -0.56px;font-size: 14px; color: #000; font-weight: 700;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span:first-child{display: flex; align-items: center;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span:last-child{font-size: 14px; color: #000;}
.search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span .ico-pin{width: 14px; height:14px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat;background-size:contain; margin-right: 5px; }
.search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span b{font-size: 14px;color: #32ab8c; margin-left:3px;}
.search-result-wrap .srv-detail-list .srv-bt{height: 42px; display: flex; border-radius: 8px; color: #32ab8c; text-align: center; background: #e2f8f1; box-sizing: border-box;
    font-size: 14px; align-items: center; justify-content: center; margin-top:20px; border:0;font-weight:bold;}
.search-result-wrap .srv-detail-list .srv-bt:hover{ color: #fff; background: #4c92f1;}
.search-result-wrap .srv-detail-list .srv-bt .connect{font-size: 14px; color: #32ab8c; font-weight: 700; margin-right: 5px;}
.search-result-wrap .srv-detail-list .srv-bt:hover .connect{font-size: 14px; color: #fcff00; font-weight: 700; margin-right: 5px;}
.search-result-wrap .srv-detail-list .time-tt{text-align: center; font-weight: bold; color: #858585;font-size:12px; margin-top: 14px;}

@media screen and (max-width: 769px) {
    .mo-sub-head .header-category a.cate-menu1#dev_search{margin-right:15px;background-size:23px 22px;}
    .search-keword-wrap{width:100%;padding:0;height:42px;border-bottom:6px solid #f6f6f6;}
    .search-keword-wrap .ktit{width:60px;}
    .search-keword-wrap .ktit span{display:none;}
    .search-keword-wrap .kslide-wrap .swiper-container .swiper-slide{padding:0 10px;}

    .search-filter-wrap{border-top:0;height:42px;}
    .search-filter-wrap:before{display:none;}
    .search-filter-wrap .lt-item{font-size:12px;}
    .search-filter-wrap .lt-item strong{font-size:12px;}
    .search-filter-wrap .rt-item { display: none; }
    .search-filter-wrap .rt-item ul li:nth-child(3){display:none;}
    .search-filter-wrap .rt-item ul li .select{font-size:12px;padding-right:20px;background-size:14px 14px;}
    .search-filter-wrap .rt-item ul li{padding:0 10px;}
    .search-filter-wrap .rt-item ul li:nth-child(2){padding-right:0;}
    .search-filter-wrap .lt-item{margin-left:0;}

    .search-tabmenu-wrap{margin-top:0;}
    .search-tabmenu-wrap:before{display:none;}
    .search-tabmenu-wrap ul li{margin:0;width:50%;height:42px;}
    .search-tabmenu-wrap ul li a{border:0;font-size:14px;height:42px;}
    .search-tabmenu-wrap ul li a.on{border:0;}
    .search-tabmenu-wrap ul li a.on:before{content:"";width:100%;height:2px;overflow:Hidden;display:block;position:absolute;left:0;bottom:0;background:#4c92f1;}

    .paging{width:100%;height:auto;overflow:hidden;}
    .search-result-wrap{margin-top:12px;}
    .search-result-wrap .srv-detail-list > ul{width:calc( 100% + 8px );margin-left:-4px;}
    .search-result-wrap .srv-detail-list > ul > li{width:calc( 50% - 4px - 4px );margin:0 4px 12px 4px;}
    .search-result-wrap .srv-detail-list .srv-thum{height:114px;}
    .search-result-wrap .srv-detail-list .srv-line1 .srv-co-info{margin-left:0;}
    .search-result-wrap .srv-detail-list .srv-line1{padding:8px 0;position:relative;}
    .search-result-wrap .srv-detail-list .srv-line1 .srv-co-thum{position:absolute;left:0;top:15px;width:20px;height:20px;}
    .search-result-wrap .srv-detail-list .srv-line1 .srv-co-name{width:calc( 100% - 30px );padding-left:30px;font-size:14px;color:#333;}
    .search-result-wrap .srv-detail-list .srv-bottom{width:calc( 100% - 24px );padding:0 12px 12px 12px;}
    .search-result-wrap .srv-detail-list .srv-line1 .srv-rating{display:flex;justify-content:flex-start;align-items:center;}
    .search-result-wrap .srv-detail-list .srv-line2{padding:6px 0;font-size:10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;white-space: initial;line-height:1.4em;min-height:30px;}
    .search-result-wrap .srv-detail-list .srv-line3{padding:6px 0;font-size:10px;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price1 span{font-size:10px;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price2{margin-top:2px;font-size:13px;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price2 span:last-child{font-size:15px;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price3{margin-top:2px;display:block;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span:first-child{font-size:10px;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span b{font-size:10px;}
    .search-result-wrap .srv-detail-list .srv-line4 .srv-price3 span:last-child{display:block;width:100%;text-align:right;font-size:10px;}
    .search-result-wrap .srv-detail-list .srv-bt{height:25px;font-size:12px;letter-spacing: -0.48px;border-radius:4px;}
    .search-result-wrap .srv-detail-list .time-tt{font-size:12px;margin-top:6px;}
}

/*파워소싱*/
.power-step-wrap{width:100%;height:auto;overflow:hidden;background:#ecf0f4;}
.power-step-wrap .help-item-wrap{width:100%;height:auto;padding:28px 0;overflow:hidden;background:#023b69;}
.power-step-wrap .help-tit{width:100%;height:auto;overflow:hidden;text-align:center; line-height: 1.27em;font-size:18px;color:#fff;font-weight:bold;}
.power-step-wrap .help-tit strong{font-size:18px;color:#41f0b4;font-weight:bold;}
.power-step-wrap .help-desc{width:100%;height:auto;overflow:hidden;text-align:center;line-height:1.56em;font-size:14px;color:#f0f9ff;margin-top:14px;}
.power-step-wrap .req-cont-wrap{margin:44px auto 200px auto;width:1200px;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;position:relative;}
.power-step-wrap .req-cont-wrap .lt-item{margin-top:30px;width:800px;height:auto;min-height:960px;background:#fff;box-shadow: 0 0 10px 0 #d6dae3;}
.power-step-wrap .req-cont-wrap .lt-item .rtit{border-bottom:2px solid #173a66;display:flex;justify-content:flex-start;align-items:center;width:626px;height:auto;overflow:Hidden;margin:0 0 0 30px;padding:50px 0 25px 0;position:relative;}
.power-step-wrap .req-cont-wrap .lt-item .rtit i{display:flex;font-size:22px;color:#3a3b3c;font-weight:bold;}
.power-step-wrap .req-cont-wrap .lt-item .rtit strong{display:flex;font-size:22px;color:#3a3b3c;font-weight:bold;margin-left:10px;}
.power-step-wrap .req-cont-wrap .lt-item .rtit .btn-mob-toggle{display:none;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list{width:626px;height:auto;overflow:Hidden;margin:20px 0 0 30px;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li{position:relative;padding-bottom:40px;width:calc( 100% - 70px );padding-left:70px;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li .mtit{opacity:.3;margin-top:3px;font-size:18px;color:#3a3b3c;font-weight:bold;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul{margin-top:25px;width:100%;height:auto;overflow:hidden;display:none;justify-content:flex-start;align-items:flex-start;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul li{padding-left:17px;font-size:14px;color:#5e6062;position:relative;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul li:before{content:"";width:7px;height:10px;overflow:Hidden;display:block;background:url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow.png) right center no-repeat;position:absolute;left:5px;top:50%;margin-top:-5px;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul li:first-child{padding-left:0;font-weight:bold;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul li:first-child:before{display:none;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li .mdesc{display:none;width:100%;height:auto;overflow:hidden;margin-top:25px;font-size:14px;color:#5e6062;line-height:1.71em;}

.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li:before{z-index:10;border-radius:50%;content:"";width:23px;height:23px;overflow:Hidden;display:block;background:#e6e3e3;position:absolute;left:16px;top:0;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li:after{position:absolute;left:27.5px;top:0;content:"";width:1px;height:100%;overflow:hidden;display:block;background:#e6e3e3;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li:last-child:after{display:none;}

.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.complete:before{font-family: element-icons!important;content:"\e6da";background:#fff;border:2px solid #000;width:21px;height:21px;display:flex;justify-content:center;align-items:center;color:#3f88e1;font-weight:bold;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.complete ul{display:flex;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.complete .mdesc{display:block;}

.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.on:before{background:#000;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.on ul{display:flex;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.on .mdesc{display:block;}

.power-step-wrap .req-cont-wrap .lt-item .req-step-list li.on .mtit{opacity:1;}
.power-step-wrap .req-cont-wrap .lt-item .req-step-list li.complete .mtit{opacity:1;}


.power-step-wrap .req-cont-wrap .rt-item{width:calc( 478px - 150px );padding:0 75px;height:100%;overflow:hidden;border-radius:36px;background:#fff;box-shadow: 0 0 10px 0 #d6dae3;position:absolute;right:0;top:0;}
.power-step-wrap .req-cont-wrap .rt-item .step{width:100%;height:auto;overflow:Hidden;font-size:14px;color:#222;font-weight:bold;margin-top:46px;}
.power-step-wrap .req-cont-wrap .rt-item .rtit{letter-spacing:-1px;width:100%;height:auto;overflow:Hidden;font-size:34px;color:#222;font-weight:bold;line-height:1.24em;margin-top:5px;}

.power-step-wrap .req-cont-wrap .rt-item .req-category-list{padding-bottom:26px;width:100%;height:auto;margin-top:35px;border-bottom:1px dashed #c8c8c8;float:left;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul{width:calc( 100% + 12px );margin-left:-6px;height:auto;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li{width:calc( 100% / 3 - 12px );height:108px;float:left;margin:0 6px 12px 6px;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a{width:calc( 100% - 2px );height:106px;overflow:hidden;border-radius:14px;box-shadow: 0 1px 8px 0 rgba(181, 188, 198, 0.7);background-color: #fff;border:1px solid transparent;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a .rico{display:flex;justify-content:center;align-items:center;width:38px;height:38px;overflow:hidden;position:relative;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a .rico i{display:none;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a .rtxt{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:5px;font-size:16px;color:#083967;font-weight:500;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li:nth-child(1) a .rico{background:url(https://resource.mall.castingn.com/static/images/ico-category-item-list00.png) no-repeat center center;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li:nth-child(2) a .rico{background:url(https://resource.mall.castingn.com/static/images/ico-category-item-list02.png) no-repeat center center;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li:nth-child(3) a .rico{background:url(https://resource.mall.castingn.com/static/images/ico-category-item-list03.png) no-repeat center center;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li:nth-child(4) a .rico{background:url(https://resource.mall.castingn.com/static/images/ico-category-item-list04.png) no-repeat center center;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li:nth-child(5) a .rico{background:url(https://resource.mall.castingn.com/static/images/ico-category-item-list05.png) no-repeat center center;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li:nth-child(6) a .rico{background:url(https://resource.mall.castingn.com/static/images/ico-category-item-list06.png) no-repeat center center;}

.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a.on{background:#eef9f6;border-color:#2db285;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a.on .rico{background:none}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a.on .rico i{display:flex;color:#0d89e8;font-size:32px;}
.power-step-wrap .req-cont-wrap .rt-item .req-category-list ul li a.on .rtxt{color:#0d89e8;}

.power-step-wrap .req-cont-wrap .rt-item .req-chk-list{float:left;margin-top:24px;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul{width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li{margin-bottom:10px;width:calc( 50% - 7px );height:auto;overflow:hidden;float:left;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list.type01 ul li{width:100%;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list.type01.mt0{margin-top:0;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li:nth-child(even){float:right;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li a{width:calc( 100% - 2px );height:48px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;position:relative;border:1px solid #c8c8c8;border-radius:12px;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li a i{display:flex;margin-left:12px;font-size:26px;color:#d7d9db;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li a span{display:flex;margin-left:10px;font-size:14px;color:#101010;font-weight:500;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li a.on{border:1px solid #2db285;background:#eef9f6;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li a.on i{color:#0d89e8;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list ul li a.on span{color:#0d89e8;}

.power-step-wrap .req-cont-wrap .rt-item .req-rd-list{float:left;margin-top:24px;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul{width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li{margin-bottom:10px;width:calc( 50% - 7px );height:auto;overflow:hidden;float:left;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list.type01 ul li{width:100%;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list.type01.mt0{margin-top:0;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li:nth-child(even){float:right;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li a{width:calc( 100% - 2px );height:48px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;position:relative;border:1px solid #c8c8c8;border-radius:12px;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li a i{display:flex;margin-left:12px;font-size:26px;color:#d7d9db;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li a span{display:flex;margin-left:10px;font-size:14px;color:#101010;font-weight:500;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li a.on{border:1px solid #2db285;background:#eef9f6;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li a.on i{color:#0d89e8;}
.power-step-wrap .req-cont-wrap .rt-item .req-rd-list ul li a.on span{color:#0d89e8;}

.power-step-wrap .req-cont-wrap .rt-item .req-chk-list .form-item-wrap{width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list .form-item-wrap.hide{display:none;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list .form-item-wrap .inp{width:calc( 100% - 42px );padding:0 20px;height:48px;border:1px solid #2db285;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#3da1ed;line-height:1.71em;font-weight:500;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list .form-item-wrap .inp2{width:calc( 100% - 42px );padding:0 20px;height:48px;border:1px solid #c8c8c8;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#333;line-height:1.71em;font-weight:500;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list .form-item-wrap .textarea{resize:none;width:calc( 100% - 42px );padding:10px 20px;height:80px;border:1px solid #2db285;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#3da1ed;line-height:1.71em;font-weight:500;}
.power-step-wrap .req-cont-wrap .rt-item .req-chk-list .form-item-wrap .cnt{width:100%;height:auto;overflow:Hidden;margin-top:13px;text-align:right;font-size:12px;color:#b3b7ba;font-weight:500;}

.power-step-wrap .step-form-wrap{margin-top:45px;border-top:1px dashed #c8c8c8;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .step-form-wrap.type01{margin-top:20px;border-top:0;}
.power-step-wrap .step-form-wrap .label{padding-bottom:10px;width:100%;height:auto;overflow:hidden;margin-top:36px;font-size:16px;color:#222;font-weight:500;}
.power-step-wrap .step-form-wrap.type01 .label{margin-top:16px;}
.power-step-wrap .step-form-wrap .vform{width:100%;height:auto;overflow:hidden;}
.power-step-wrap .step-form-wrap .vform.t01{display:flex;justify-content:space-between;align-items:center;}
.power-step-wrap .step-form-wrap .inp{width:calc( 100% - 42px );font-size:14px;color:#3da1ed;font-weight:500;height:48px;overflow:hidden;border-radius:12px;border:1px solid #c8c8c8;padding:0 20px;}
.power-step-wrap .step-form-wrap .inp.datepicker{background:#fff url(https://resource.mall.castingn.com/static/images/ico-calendar01.svg) no-repeat 290px center;}
.power-step-wrap .step-form-wrap .vform.t01 .inp.datepicker{width:calc( 50% - 42px - 7px );background:#fff url(https://resource.mall.castingn.com/static/images/ico-calendar01.svg) no-repeat 120px center;}

.power-step-wrap .step-form-wrap .textarea{resize:none;width:calc( 100% - 42px );padding:10px 20px;height:80px;border:1px solid #c8c8c8;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#3da1ed;line-height:1.71em;font-weight:500;}

.power-step-wrap .step-form-wrap .vform .hidden{position:absolute;left:-2000px;}
.power-step-wrap .step-form-wrap .vform .file-value{margin-bottom:10px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;width:100%;height:30px;overflow:hidden;}
.power-step-wrap .step-form-wrap .vform .file-value span{display:flex;width:100%;flex:1;font-size:16px;color:#3da1ed;}
.power-step-wrap .step-form-wrap .vform .file-value i{font-size:22px;color:#000;}
.power-step-wrap .step-form-wrap .vform .btn-file-upload{display:flex;justify-content:center;align-items:center;float:right;width:90px;height:32px;border:1px solid #c8c8c8;border-radius:4px;background:#fff;}
.power-step-wrap .step-form-wrap .vform .btn-file-upload i{display:flex;font-size:16px;color:#3a3b3c;}
.power-step-wrap .step-form-wrap .vform .btn-file-upload span{display:flex;margin-left:3px;font-size:12px;color:#3a3b3c;font-weight:500;}

.power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap{display:flex;justify-content:center;align-items:center;width:calc( 100% - 150px );height:auto;overflow:Hidden;position:absolute;left:75px;bottom:70px;}
.power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap.t01{justify-content:space-between;}
.power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap .btn-next{display:flex;justify-content:center;align-items:center;width:100%;height:52px;border-radius:24px;border:0;background:#0d89e8;overflow:Hidden;font-size:16px;color:#fff;font-weight:bold;}
.power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap .btn-next01{display:flex;justify-content:center;align-items:center;width:130px;height:52px;border-radius:24px;border:0;background:#0d89e8;overflow:Hidden;font-size:16px;color:#fff;font-weight:bold;}

.power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap .btn-req{display:flex;justify-content:center;align-items:center;width:185px;height:52px;border-radius:24px;border:0;background-image: linear-gradient(to right, #5eb7fc 20%, #3f88e1 88%);overflow:Hidden;font-size:16px;color:#fff;font-weight:bold;}

.power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap .btn-prev{display:flex;justify-content:center;align-items:center;width:130px;height:52px;border-radius:24px;border:0;background:#ecf0f4;overflow:Hidden;font-size:16px;color:#101010;font-weight:bold;}


.outsc-fmenu-wrap{width:100%;height:72px;overflow:hidden;background:#f9f9fa;border-bottom:1px solid #f3f1f1;display:flex;justify-content:center;align-items:center;}
.outsc-fmenu-wrap.on{position:fixed;left:0;top:0;z-index:50;}
.outsc-fmenu-wrap .lt-item{width:770px;height:72px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.outsc-fmenu-wrap .lt-item ul{display:flex;justify-content:flex-start;align-items:center;}
.outsc-fmenu-wrap .lt-item ul li{display:flex;justify-content:flex-start;align-items:center;}
.outsc-fmenu-wrap .lt-item ul li a{white-space:nowrap;font-size:18px;color:#000;font-weight:bold;display:inline-flex;justify-content:center;align-items:center;height:38px;padding:0 20px;}
.outsc-fmenu-wrap .lt-item ul li a span{display:flex;font-size:18px;color:#000;font-weight:bold;}
.outsc-fmenu-wrap .lt-item ul li a i{display:none;}
.outsc-fmenu-wrap .lt-item ul li a:hover span{color:#0d89e8;}
.outsc-fmenu-wrap .lt-item ul li a.on{border-radius:20px;background:#0d89e8;padding:0 10px 0 20px;}
.outsc-fmenu-wrap .lt-item ul li a.on span{color:#fff;}
.outsc-fmenu-wrap .lt-item ul li a.on i{margin-left:10px;display:flex;font-size:18px;color:#fff;font-weight:bold;}

.outsc-fmenu-wrap .rt-item{width:430px;height:72px;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;}
.outsc-fmenu-wrap .rt-item button{display:flex;justify-content:center;align-items:center;width:220px;height:42px;border-radius:21px;border:0;background-image: linear-gradient(91deg, #5eb7fc 12%, #3f88e1 87%);font-size:20px;color:#fff;font-weight:bold;}
.outsc-fmenu-wrap .rt-item button + button{margin-left:8px;border:1px solid #c8c8c8;background:#fff;font-size:18px;color:#0075ce;font-weight:bold;}

.mob-outsc-fmenu-wrap{display:none;}

.outsc-slide-wrap{width:100%;height:auto;overflow:hidden;position:relative;}
.outsc-slide-wrap .swiper-container{width:100%;position:relative;margin:0 auto;}
.outsc-slide-wrap .swiper-container .swiper-slide{width:100%;height:auto;overflow:hidden;background-image: linear-gradient(99deg, #3f88e1 11%, #5b9fe7 98%);}
.outsc-slide-wrap .swiper-container .swiper-slide a{margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:1000px;height:432px;overflow:hidden;}
.outsc-slide-wrap .swiper-container .swiper-slide a .scont{max-width:690px;width:100%;margin:0 auto;}
.outsc-slide-wrap .swiper-container .swiper-slide a .scont .mtit{line-height:1.5em;font-size:28px;color:#fff;width:100%;height:auto;overflow:hidden;}
.outsc-slide-wrap .swiper-container .swiper-slide a .scont .mtit strong{font-size:28px;color:#fff;font-weight:bold;}
.outsc-slide-wrap .swiper-container .swiper-slide a .scont .mdesc{margin-top:20px;line-height: 1.22em;font-size:18px;color:#fff;width:100%;height:auto;overflow:hidden;}
.outsc-slide-wrap .swiper-container .swiper-slide a .spic{max-width:310px;width:100%;margin:0 auto;}
.outsc-slide-wrap .swiper-container{}
.outsc-slide-wrap .swiper-container .slide-func-wrap{display:flex;justify-content:space-between;align-items:center;z-index:20;width:1200px;height:0;position:absolute;left:50%;margin-left:-600px;top:50%;}
.outsc-slide-wrap .swiper-container .swiper-button-prev{margin:0;position:static;width:44px;height:44px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.outsc-slide-wrap .swiper-container .swiper-button-next{margin:0;position:static;width:44px;height:44px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.outsc-slide-wrap .swiper-container .swiper-button-prev:after{font-size:18px;color:#5e6062;font-weight:bold;}
.outsc-slide-wrap .swiper-container .swiper-button-next:after{font-size:18px;color:#5e6062;font-weight:bold;}
.outsc-slide-wrap .swiper-container .swiper-pagination{width:1000px;height:auto;overflow:hidden;left:50%;margin-left:-500px;bottom:80px;display:flex;justify-content:flex-start;align-items:center;}
.outsc-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;margin:0 6px;background:#fff;}
.outsc-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

.outsc-top5-wrap{width:1200px;margin:0 auto;height:auto;overflow:hidden;}
.outsc-top5-wrap .otit{width:100%;height:auto;overflow:hidden;padding-top:50px;padding-bottom:36px;display:flex;justify-content:flex-start;align-items:center}
.outsc-top5-wrap .otit strong{letter-spacing:-1px;display:flex;font-size:28px;color:#222;font-weight:bold;}
.outsc-top5-wrap .otit .tooltip{font-size:0;text-indent:-2000px;display:flex;margin-left:20px;width:514px;height:42px;overflow:Hidden;background:url(https://resource.mall.castingn.com/static/images/etc-outsc-tooltip.png) no-repeat left top;}

.outsc-top5-wrap ul.list-service {
    width: 100%;
    display:flex;justify-content:space-between;align-items:center;
    overflow-x: auto;
}
.outsc-top5-wrap ul.list-service > li {
    position: relative;
    width: 220px;
    height: 339px;
    margin: 0 0 0 25px;
    padding: 12.5px;
    border-radius: 8px;
    border: solid 1px #c8c8c8;
    /*background: #fff url(/images/goods/ico-ranking01.png) no-repeat 10px 3px;*/
    background: #fff;
}
.outsc-top5-wrap ul.list-service > li:first-child{margin-left:0;}
.outsc-top5-wrap ul.list-service > li:before {
    content: "";
    position: absolute;
    display:flex;justify-content:center;align-items:center;
    left:10px;
    top: 10px;
    width: 42px;
    height: 42px;
    z-index: 2;border-radius:8px;font-size:24px;font-weight:bold;color:#fff;
}
.outsc-top5-wrap ul.list-service > li:nth-child(1):before {
    content:"1";background:#32ab8c;
}
.outsc-top5-wrap ul.list-service > li:nth-child(2):before {
    content:"2";background:#28a2a3;
}
.outsc-top5-wrap ul.list-service > li:nth-child(3):before {
    content:"3";background:#209ab9;
}
.outsc-top5-wrap ul.list-service > li:nth-child(4):before {
    content:"4";background:#1994ca;
}
.outsc-top5-wrap ul.list-service > li:nth-child(5):before {
    content:"5";background:#0d89e7;
}

.outsc-top5-wrap ul.list-service > li .box-img {
    width: 100%;
    height: 167px;
    margin: 0 auto 12px;
}
.outsc-top5-wrap ul.list-service > li .box-img img {
    width: 100%;
    height: 100%;
}
.outsc-top5-wrap ul.list-service > li .descs {
    padding: 10px;
}
.outsc-top5-wrap ul.list-service > li .descs .corpNm {
    margin-bottom: 18px;
    padding-bottom: 11px;
    text-align: center;
    font-size: 18px;font-weight:500;
    border-bottom: 1px solid #eeeeee;
}
.outsc-top5-wrap ul.list-service > li .descs .corpNm span {
    overflow: hidden;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.outsc-top5-wrap ul.list-service > li  .descs.corpNm span img {
    width: 100%;
    height: 100%;
}
.outsc-top5-wrap ul.list-service > li .descs .desc {
    overflow: hidden;
    height: 42px;
    line-height: 20px;
    margin-bottom: 6px;
    font-size: 16px;
    color: #494949;
}
.outsc-top5-wrap ul.list-service > li .descs .tags {
    overflow: hidden;
    margin-bottom: 6px;
    font-size: 13px;
    color: #959595;
}

.outsc-compare-wrap{background:#ecf0f4;width:100%;margin:60px auto 0 auto;height:auto;overflow:hidden;}
.outsc-compare-wrap .otit{position:relative;width:100%;height:auto;overflow:hidden;padding-top:50px;padding-bottom:35px;display:flex;justify-content:flex-start;align-items:center}
.outsc-compare-wrap .otit strong{letter-spacing:-1px;display:flex;font-size:28px;color:#222;font-weight:bold;}
.outsc-compare-wrap .otit .tabmenu-list-wrap{margin-left:50px;display:flex;justify-content:flex-start;align-items:center}
.outsc-compare-wrap .otit .tabmenu-list-wrap ul{display:flex;justify-content:flex-start;align-items:center}
.outsc-compare-wrap .otit .tabmenu-list-wrap ul li{margin-left:10px;display:inline-flex;justify-content:flex-start;align-items:center}
.outsc-compare-wrap .otit .tabmenu-list-wrap ul li:first-child{margin-left:0;}
.outsc-compare-wrap .otit .tabmenu-list-wrap ul li a{font-size:18px;color:#222;display:inline-flex;justify-content:center;align-items:center;padding:0 10px;position:relative;height:34px;}
.outsc-compare-wrap .otit .tabmenu-list-wrap ul li a.on{color:#0d89e8;font-weight:bold;}
.outsc-compare-wrap .otit .tabmenu-list-wrap ul li a.on:before{content:"";width:100%;height:2px;overflow:hidden;display:block;background:#0d89e8;position:absolute;left:0;bottom:0;}
.outsc-compare-wrap .rela{width:1200px;margin:0 auto;height:auto;overflow:hidden}
.outsc-compare-wrap .compare-list-wrap{width:100%;height:auto;overflow:hidden;}
.outsc-compare-wrap .compare-list-wrap>ul{width:calc( 100% + 76px );height:auto;overflow:hidden;margin-left:-38px;}
.outsc-compare-wrap .compare-list-wrap>ul>li{position:relative;width:calc( 100% / 3 - 76px );height:auto;overflow:hidden;margin:0 38px;float:left;}
.outsc-compare-wrap .compare-list-wrap li a{display:block;width:calc( 100% - 2px - 68px  );padding:0 34px;border:1px solid #e7e9eb;height:318px;border-radius:12px;background:#fff;}
.outsc-compare-wrap .compare-list-wrap li a .mtit{font-size:22px;line-height:1.5em;color:#222;font-weight:bold;margin-top:17px;width:100%;height:auto;overflow:hidden;}
.outsc-compare-wrap .compare-list-wrap li a .mdesc{margin-top:10px;font-size:18px;color:#000;font-weight:500;width:100%;height:auto;overflow:hidden;}
.outsc-compare-wrap .compare-list-wrap li a ul{padding-top:10px;position:relative;margin-top:20px;width:100%;height:auto;overflow:hidden;}
.outsc-compare-wrap .compare-list-wrap li a ul:before{content:"";width:18px;height:2px;overflow:hidden;display:block;background:#000;position:absolute;left:0;top:0;}
.outsc-compare-wrap .compare-list-wrap li a ul li{margin-top:10px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center}
.outsc-compare-wrap .compare-list-wrap li a ul li .key{display:flex;width:120px;font-size:14px;color:#5e6062;}
.outsc-compare-wrap .compare-list-wrap li a ul li .value{display:flex;width:100%;flex:1;font-size:18px;color:#000;}
.outsc-compare-wrap .compare-list-wrap li a ul li .value strong{font-size:22px;color:#000;font-weight:bold;}
.outsc-compare-wrap .compare-list-wrap li .cnt{position:absolute;right:35px;top:250px;background:url(https://resource.mall.castingn.com/static/images/ico-outsc-cnt.png) no-repeat left bottom;height:36px;padding-left:45px;font-size:68px;color:#000;font-weight:bold;}
.outsc-compare-wrap .compare-list-wrap li .cnt .msg-box{width: 86px; height: 21px; background: #d8ecfc; display: flex; align-items: center; justify-content: center; color: #0075CE; border: 1px solid #3374c8; font-size: 12px;
    border-radius: 10px; position: absolute; left: -63px; top:-30px; display: none;}
.outsc-compare-wrap .compare-list-wrap li .cnt .msg-box:after{width: 6px; height: 6px;
    background: url(https://resource.mall.castingn.com/static/images/service/msg-box-arrow.png) left/100% no-repeat; position: absolute; content: ''; display: block; right: 12px; top: 21px;}
.outsc-compare-wrap .compare-list-wrap li .cnt:hover .msg-box{display: flex;}

.outsc-compare-wrap .compare-list-wrap02{width:100%;height:auto;overflow:hidden;}
.outsc-compare-wrap .compare-list-wrap02>ul{width:calc( 100% + 76px );height:auto;overflow:hidden;margin-left:-38px;}
.outsc-compare-wrap .compare-list-wrap02>ul>li{position:relative;width:calc( 100% / 3 - 76px );height:auto;overflow:hidden;margin:0 38px;float:left;}
.outsc-compare-wrap .compare-list-wrap02 li .per{display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;padding:35px 0 50px 0;}
.outsc-compare-wrap .compare-list-wrap02 li .per strong{display:flex;justify-content:flex-end;align-items:center;width:50%;font-size:50px;color:#045291;font-weight:bold;}
.outsc-compare-wrap .compare-list-wrap02 li .per span{margin-left:20px;line-height:1.33em;font-size:18px;color:#222;font-weight:500;display:flex;justify-content:flex-start;align-items:center;width:50%;}


.outsc-partner-wrap{width:1200px;margin:0 auto;height:auto;overflow:hidden;}
.outsc-partner-wrap .otit{width:100%;height:auto;overflow:hidden;padding-top:70px;padding-bottom:36px;display:flex;justify-content:flex-start;align-items:center}
.outsc-partner-wrap .otit strong{display:flex;font-size:28px;color:#222;font-weight:bold;}
.outsc-partner-wrap .group-best {
    display: flex;
    justify-content: space-between;
}

.outsc-partner-wrap .group-best .box-best {
    position: relative;
    overflow: hidden;
    width: calc(50% - 15px);
    height: 396px;
    border: 1px solid transparent;
    border-radius: 25px;
}
.outsc-partner-wrap .group-best .box-best:hover {
    border: 1px solid #0e89e8;
}
.outsc-partner-wrap .group-best .box-best img {
    width: 100%;
    height: 100%;
}
.outsc-partner-wrap .group-best .box-best .desc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 85px;
    line-height: 26px;
    text-align: right;
    padding: 15px 50px 0 0;
    background: rgba(0,0,0,0.3);
    box-sizing: border-box;
}
.outsc-partner-wrap .group-best .box-best .desc p {
    font-size: 18px;
    color: #ffffff;
}
.outsc-partner-wrap .group-best .box-best .desc h6 {
    font-size: 18px;
    color: #ffffff;
}

.outsc-review-wrap{width:1200px;margin:0 auto;height:auto;overflow:hidden;}
.outsc-review-wrap .otit{width:100%;height:auto;overflow:hidden;padding-top:70px;padding-bottom:36px;display:flex;justify-content:flex-start;align-items:center}
.outsc-review-wrap .otit strong{display:flex;font-size:28px;color:#222;font-weight:bold;}
.outsc-review-wrap ul.list-case {
    display: flex;
    justify-content: space-between;
}
.outsc-review-wrap ul.list-case > li {
    overflow: hidden;
    width: 322px;
    padding:35px;
    border-radius: 15px;
    border: 1px solid #c8c8c8;
    background: #ffffff;
}
.outsc-review-wrap ul.list-case > li:hover {
    border: 1px solid #0e89e8;
}
.outsc-review-wrap ul.list-case > li h5 {
    margin-bottom: 10px;
    width:100%;height:auto;overflow:hidden;line-height:1.5em;
    font-size: 24px;
    color: #32ab8c;
}
.outsc-review-wrap ul.list-case > li .desc {
    overflow: hidden;
    height: 90px;
    line-height:1.5em;
    margin-bottom: 10px;
    margin-top:10px;
    font-size: 18px;
    color: #2e2e2e;
}
.outsc-review-wrap ul.list-case > li .tags {
    display: flex;
    justify-content: start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}
.outsc-review-wrap ul.list-case > li .tags button {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 16px;
    border-radius:8px;
    color:#000;
    background:#f5f5f5;
}
.outsc-review-wrap ul.list-case > li .tags button.on,
.outsc-review-wrap ul.list-case > li .tags button:hover {

}
.outsc-review-wrap ul.list-case > li .corpInfo {
    display: flex;
    justify-content: space-between;
}
.outsc-review-wrap ul.list-case > li .corpInfo .corpNmImg {
    height: 22px;
}
.outsc-review-wrap ul.list-case > li .corpInfo .ceo {
    font-size: 18px;
    color: #5d5d5d;
}

.outsc-tip-wrap{width:1200px;margin:0 auto;padding-bottom:120px;height:auto;overflow:hidden;}
.outsc-tip-wrap .otit{width:100%;height:auto;overflow:hidden;padding-top:70px;padding-bottom:36px;display:flex;justify-content:flex-start;align-items:center}
.outsc-tip-wrap .otit strong{letter-spacing:-1px;display:flex;font-size:28px;color:#222;font-weight:bold;}
.outsc-tip-wrap .otit span{display:flex;font-size:18px;color:#5e6062;margin-left:30px;}
.outsc-tip-wrap ul.list-case {
    display: flex;
    justify-content: space-between;
}
.outsc-tip-wrap ul.list-case > li {
    overflow: hidden;
    width: 282px;
    height: 336px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.outsc-tip-wrap ul.list-case > li.on,
.outsc-tip-wrap ul.list-case > li:hover {
    border: 1px solid #0e89e8;
}
.outsc-tip-wrap ul.list-case > li .box-img {
    width: 100%;
    height: 210px;
    margin-bottom: 10px;
}
.outsc-tip-wrap ul.list-case > li .box-img img {
    width: 100%;
    height: 100%;
}
.outsc-tip-wrap ul.list-case > li .desc {
    padding: 10px;
}
.outsc-tip-wrap ul.list-case > li .desc h5 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #000000;
}
.outsc-tip-wrap ul.list-case > li .desc .tags {
    overflow: hidden;
    height: 62px;
    line-height: 20px;
    font-size: 14px;
    color: #85888d;
}


/*아웃소싱 카테고리*/
.outsc-category-wrap{width:100%;height:auto;overflow:hidden;}

.outsc-category-wrap .osc-info-area{width:100%;height:auto;overflow:Hidden;margin:0 auto;}
.outsc-category-wrap .osc-info-area .osc-info{max-width:1000px;height:auto;overflow:hidden;margin:70px auto 0 auto;display: flex; align-items: flex-start; flex-wrap:wrap;}
.outsc-category-wrap .osc-info-area .osc-info .info-tt1{font-size: 44px; font-weight: bold; line-height: 1.21;  color: #101010; margin-bottom: 18px;}
.outsc-category-wrap-wrap .osc-info-area .osc-info .btn-link1{font-size: 16px; font-weight: 700; line-height: 1.31; letter-spacing: -0.01px;  color: #3da1ed; display: inline-block; text-decoration: underline; margin-right: 13px;}
.outsc-category-wrap .osc-info-area .osc-info .btn-detail{width: 141px; height: 25px; border: 1px solid #3da1ed; display: inline-grid; align-items: center; justify-content: center; color: #3da1ed; border-radius: 30px; font-size: 12px;}
.outsc-category-wrap .osc-info-area .osc-info .info-tt2{line-height: 1.33; color: #101010; font-size: 18px; margin-top: 12px;}
.outsc-category-wrap .osc-info-area .osc-info .info-left{width: 75%; box-sizing: border-box;}
.outsc-category-wrap .osc-info-area .osc-info .info-right{width:25%;border-left: 1px solid #ddd;box-sizing: border-box;padding-left: 5%;min-height: 232px;display: flex;flex-direction: column;justify-content: center;}
.outsc-category-wrap .osc-info-area .osc-info dl{margin-top: 25px;}
.outsc-category-wrap .osc-info-area .osc-info dl:first-child{margin-top: 0;}
.outsc-category-wrap .osc-info-area .osc-info dl dt{font-size: 14px; line-height: 16px; color: #222; font-weight: 700;}
.outsc-category-wrap .osc-info-area .osc-info dl dd{font-size: 16px; line-height: 34px; color: #0d89e8; margin-top:0; font-weight: 600;}
.outsc-category-wrap .osc-info-area .osc-info dl dd span{font-size: 30px; font-family: 'GmarketSansBold';}
.outsc-category-wrap .osc-info-area .osc-info dl dd:last-child{margin-bottom: 0}

.outsc-category-wrap .osc-info-area .osc-info .btn-link2{width: 267px; height: 54px; border-radius: 27px;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #0d89e8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-top: -23px;
}

.outsc-category-wrap .osc-info-area .osc-info .btn-link2 span{color: #4de8c1; margin-left: 4px;}
.outsc-category-wrap .osc-info-area .osc-visual.swiper-container{margin: 0 -17.9% 0 -17.2%;}
.outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper > div{width: 100%; height: 214px; background-image: linear-gradient(to right, #5eb7fc 15%, #3f88e1 94%);margin-top: 46px; box-sizing: border-box; padding: 34px 0 0 107px; position: relative;}

.outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt1{width:1120px;height:auto;overflow:Hidden;margin:0 auto;font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: -0.8px;color:#fff;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt1 span{font-weight: 700; letter-spacing: -0.96px; color: #fff; font-size: 24px;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt2{width:1120px;height:auto;overflow:Hidden;margin:0 auto;color: #fff; font-size: 15px; line-height: 1.47; letter-spacing: -0.38px; margin-top:12px;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-pagination{width:1020px;position: absolute; bottom: 25px; left: 50%;margin-left:-510px; z-index: 1;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-pagination .swiper-pagination-bullet{background:#fff;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-pagination .swiper-pagination-bullet-active{background:#fff;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-next{height: 214px; width: 49px; position: absolute; bottom: 0px; z-index: 1;
    background: #045291 url(https://resource.mall.castingn.com/static/images/service/osc-visual-navi.png) center/25px 48px no-repeat; right: 0; text-indent: -999999px; font-size: 0;}
.outsc-category-wrap .osc-info-area .osc-visual .osc-next:after{}
.outsc-category-wrap .osc-info-area .osc-visual .osc-next:hover{background-color: rgba(0, 0, 0, 0.2);}
.outsc-category-wrap .osc-info-area .osc-visual .swiper-button-next{width:44px;height:44px;overflow:hidden;border-radius:50%;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;display:flex;justify-content:center;align-items:center;right:auto;left:50%;margin-left:550px;top:50%;margin-top:10px;}
.outsc-category-wrap .osc-info-area .osc-visual .swiper-button-next:after{font-weight:bold;font-size:20px;color:#5e6062;}


.outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-01::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_01.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 347px; height: 236px; left: 61%; bottom: 0;}
.outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-02::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_02.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 347px; height: 236px; left: 61%; bottom: 0;}
.outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-03::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_03.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 347px; height: 236px; left: 61%; bottom: 0;}
.outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-04::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_04.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 347px; height: 236px; left: 61%; bottom: 0;}

.outsc-category-wrap .osc-info-area .osc-item-tit{max-width:1200px;height:auto;overflow:hidden;margin:0 auto;margin-top: 44px; display: flex; align-items: center;}
.outsc-category-wrap .osc-info-area .osc-item-tit .ico-chk-blue{width: 20px; height: 14px; background: url((https://resource.mall.castingn.com/static/images/service/ico-check-blue.png) left/100% no-repeat; margin-right: 9px;}
.outsc-category-wrap .osc-info-area .osc-item-tit span{font-size: 16px; font-weight: 700; color: #222;}
.outsc-category-wrap .osc-info-area .osc-item-tit a{font-size: 13px; color: #045291; text-decoration: underline; margin-left: 37px;}

.outsc-category-wrap .osc-info-area .osc-list{ max-width:1200px;height:auto;margin:0 auto;}
.outsc-category-wrap .osc-info-area .osc-list .rail{display: flex; align-items: center; justify-content: space-between;}

.outsc-category-wrap .osc-info-area .osc-list .osc-item{
    width: 282px;
    height: 374px;
    background: #f9f9fa;
    border-radius: 12px;
    display: block;
    box-sizing: border-box;
    padding:32px 26px;
    position: relative;
    border: 1px solid #e5e5e5;
}
.outsc-category-wrap .osc-info-area .osc-list .osc-item:hover{border: 1px solid #d8ecfc;}

.outsc-category-wrap .osc-info-area .osc-item .item-tt{position: relative;}
.outsc-category-wrap .osc-info-area .osc-item .item-tt dt{font-size: 20px; color: #222; letter-spacing: -0.5px; font-weight: 700; line-height: 28px;}
.outsc-category-wrap .osc-info-area .osc-item .item-tt dd{font-size: 18px; color: #222; letter-spacing: -0.45px; font-weight: 600; line-height: 33px;}
.outsc-category-wrap .osc-info-area .osc-item .item-tt dd span{font-weight: 800;}
.outsc-category-wrap .osc-info-area .osc-item .item-tt::before {content:""; display:block; bottom:-10px; left:0; width:12px; height:2px; background:#000000; position:absolute;}
.outsc-category-wrap .osc-info-area .osc-item ul{margin-top: 20px;}
.outsc-category-wrap .osc-info-area .osc-item ul li{ padding:5px 0; font-size: 13px; display: flex; align-items: center;}
.outsc-category-wrap .osc-info-area .osc-item ul li .label{color: #848485; font-weight: 500; letter-spacing: -0.33px; line-height: 21px; margin-right: 17px; width: 70px;}
.outsc-category-wrap .osc-info-area .osc-item ul li .t-bk{font-size:18px;font-weight: 700; color: #000;}
.outsc-category-wrap .osc-info-area .osc-item .item-count{position:absolute; right:24px; bottom:20px; display:flex; align-items:flex-end;}
.outsc-category-wrap .osc-info-area .osc-item .item-count .osc-num{font-size: 68px; font-weight: 800; line-height: 0.93;	letter-spacing: -1.7px; color: #000;}
.outsc-category-wrap .osc-info-area .osc-item .item-count .ico-info{width: 25px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/service/ico-info.png) left/100% no-repeat; margin-right: 5px;}
.outsc-category-wrap .osc-info-area .osc-item .item-count .msg-box{width: 86px; height: 21px; background: #d8ecfc; display: flex; align-items: center; justify-content: center; color: #0075CE; border: 1px solid #3374c8; font-size: 12px;
    border-radius: 10px; position: absolute; left: -63px; top: 0; display: none;}
.outsc-category-wrap .osc-info-area .osc-item .item-count .msg-box:after{width: 6px; height: 6px;
    background: url(https://resource.mall.castingn.com/static/images/service/msg-box-arrow.png) left/100% no-repeat; position: absolute; content: ''; display: block; right: 12px; top: 21px;}
.outsc-category-wrap .osc-info-area .osc-list .osc-item:hover .msg-box{display: flex;}

.outsc-category-wrap .osc-info-area .result-tt-area{width:1000px;height:auto;overflow:Hidden;margin:0 auto;display: flex; justify-content: space-between;}
.outsc-category-wrap .osc-info-area .result-tt{margin-top: 49px; display: flex; align-items: center; justify-content: center;}
.outsc-category-wrap .osc-info-area .result-tt strong{display: flex;font-size:50px; color: #101010; margin-right: 15px; font-family: 'GmarketSansBold';}
.outsc-category-wrap .osc-info-area .result-tt span{display: flex;font-size: 18px; color:#5e6062;font-weight: 500; line-height:1.5em;}

.outsc-category-wrap .chksel-box .osc-tab-menu{margin-top: 32px;}
.outsc-category-wrap .chksel-box .osc-tab-menu ul{display: flex;margin-left:30px;}
.outsc-category-wrap .chksel-box .osc-tab-menu ul li{margin-left:20px;}
.outsc-category-wrap .chksel-box .osc-tab-menu ul li a{display: flex; margin-right: 10px; height: 43px; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 500; color: #32ab8c; align-items: flex-start; justify-content: center;white-space: nowrap;}
.outsc-category-wrap .chksel-box .osc-tab-menu ul li.on a{font-weight: 700; border-bottom: 3px solid #32ab8c;}
.outsc-category-wrap .chksel-box .osc-tab-con{padding: 20px 70px 20px 70px; border-radius:0 0 12px 12px;	background-color: #f8f8f8; box-sizing: border-box;}
.outsc-category-wrap .chksel-box .tab-detail-menu{border-bottom: 1px solid #e7e9eb;}
.outsc-category-wrap .chksel-box .tab-detail-menu .detail-tit{font-size: 12px; color: #85888c; line-height: 16px; margin:10px 0 0; display: block;}
.outsc-category-wrap .chksel-box .tab-detail-menu ul{display: flex; align-items: center; padding-bottom: 15px; flex-wrap: wrap; position: relative; padding-left: 56px;}
.outsc-category-wrap .chksel-box .tab-detail-menu ul li{margin-right: 30px; margin-top: 10px; }
.outsc-category-wrap .chksel-box .tab-detail-menu ul li.menu-all{position: absolute; left: 0; top: 0;}
.outsc-category-wrap .chksel-box .tab-detail-menu ul li a{font-size: 15px; color: #222222; line-height: 20px; white-space: nowrap;}
.outsc-category-wrap .chksel-box .tab-detail-menu ul li.on a{color: #32ab8c;}

.outsc-category-wrap .chksel-tit2{width:100%;height:auto;padding:62px 0 0 0;font-size:28px;color:#000;font-weight:bold;}
.outsc-category-wrap .chksel-tit2 .dev_total_cnt{font-size:28px;color:#32ab8c;font-weight:bold;}


.outsc-category-wrap .chksel-box .btn-tab-toggle{display: flex; align-items: center; justify-content: center; height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/service/btn-tab-toggle.png) center center/24px 24px no-repeat; text-indent: -999999px; font-size: 0;
    margin-top: 8px;}
.outsc-category-wrap .chksel-box .btn-tab-toggle.on{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.outsc-category-wrap .chksel-box .tab-total-menu{display: flex; align-items: center; height: 24px; border-bottom: 1px solid #E7E9EB; padding:0 0 13px 20px;}
.outsc-category-wrap .chksel-box .tab-total-menu strong{font-weight: 600; font-size: 16px; color: #000000; letter-spacing: -0.64px; margin-right: 11px;}
.outsc-category-wrap .chksel-box .tab-total-menu ul{display: flex;}
.outsc-category-wrap .chksel-box .tab-total-menu ul li{display: flex; align-items: center; margin-right: 13px;}
.outsc-category-wrap .chksel-box .tab-total-menu ul li span{font-size: 16px; color: #32AB8C; letter-spacing: -0.64px;}
.outsc-category-wrap .chksel-box .tab-total-menu ul li .btn-menu-close{width: 24px; height: 24px; text-indent: -9999999px; font-size: 0;
    background: url(https://resource.mall.castingn.com/static/images/service/btn-tab-close.png) left/24px no-repeat; margin-left: 3px;}

.outsc-category-wrap .srv-detail-list{padding-bottom:100px;}
.outsc-category-wrap .srv-detail-list > ul{display: flex; align-items: center; flex-wrap: wrap;}
.outsc-category-wrap .srv-detail-list > ul > li{border:solid 1px #e7e9eb; border-radius: 20px; box-sizing: border-box; width: 23.5%; margin-right: 2%; overflow: hidden; margin-top: 28px;}
.outsc-category-wrap .srv-detail-list > ul > li:nth-child(4n){margin-right: 0;}
.outsc-category-wrap .srv-detail-list > ul > li:hover{border: 1px solid #6ea7f4;}

.outsc-category-wrap .srv-detail-list .srv-thum{width: 100%; height: 200px;}
.outsc-category-wrap .srv-detail-list .srv-thum img{width: 100%; height: 100%; object-fit: cover;}
.outsc-category-wrap .srv-detail-list .srv-bottom{padding: 0 23px 27px 23px;}
.outsc-category-wrap .srv-detail-list .srv-line1{display: flex; align-items: center; border-bottom: 1px solid #ededed; padding: 15px 0 15px 0;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-thum{width: 55px; height: 55px;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-thum img{width: 100%; height: 100%; object-fit: fill;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-info{display: flex; flex-direction: column; margin-left: 7px;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-name{font-weight: 700; color: #333; font-size:18px;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating{font-size: 12px; color: #666; display:flex;justify-content:flex-start;align-items:center;margin-top: 7px;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating .rating-num{font-size: 12px; color: #32ab8c; font-weight: 500; margin-left: 10px;}
.outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating .ico-star{width: 14px; height: 14px;
    background: url(https://resource.mall.castingn.com/static/images/sub/ico-star.png) no-repeat; background-size:14px 14px;margin-right: 2px;}
.outsc-category-wrap .srv-detail-list .srv-line2{font-size: 13px; color: #000; text-align: center; padding: 13px 0; border-bottom: 1px solid #ededed;}
.outsc-category-wrap .srv-detail-list .srv-line3{font-size: 14px; color: #666; text-align: center; padding: 13px 0; border-bottom: 1px solid #ededed;}

.outsc-category-wrap .srv-detail-list .srv-line4 li{display: flex; justify-content: space-between; align-items: center; margin-top: 11px;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price1 span{font-size: 13px; color: #999;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price1 span:last-child{text-decoration: line-through;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price2{font-weight:bold;font-size: 17px; color: #4c92f1;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price2 span:last-child{font-size: 13px; color: #000;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3{font-size: 14px; color: #000; font-weight: 700;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span:first-child{display: flex; align-items: center;}
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span:last-child{font-size: 14px; }
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span .ico-pin{width: 18px; height:18px;
    background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat;background-size:18px 18px; margin-right: 5px; }
.outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span b{color: #32ab8c; margin-left: 7px;}
.outsc-category-wrap .srv-detail-list .srv-bt{height: 42px; display: flex; border-radius: 8px; color: #32ab8c; text-align: center; background: #e2f8f1; box-sizing: border-box;
    font-size: 14px; align-items: center; justify-content: center; margin-top: 24px; border:0;}
.outsc-category-wrap .srv-detail-list .srv-bt:hover{border:2px solid #32ab8c;color:#32ab8c;font-weight:bold; background: #e2f8f1;}
.outsc-category-wrap .srv-detail-list .srv-bt .connect{font-size: 14px; color: #32ab8c; font-weight: 700; margin-right: 5px;}
.outsc-category-wrap .srv-detail-list .srv-bt:hover .connect{font-size: 14px; color: #fcff00; font-weight: 700; margin-right: 5px;}
.outsc-category-wrap .srv-detail-list .time-tt{font-size: 12px;text-align: center; font-weight: 700; color: #858585; margin-top: 13px;}

.outsc-category-wrap .chksel-box{max-width:1200px;height:auto; /*overflow:hidden;*/ margin:60px auto 0 auto;}
.outsc-category-wrap .chksel-box .ctit{width:100%;height:auto;overflow:hidden;line-height:1.5em;font-size:22px;color:#000;font-weight:bold;}
.outsc-category-wrap .chksel-box .cdesc01{width:100%;height:auto;overflow:hidden;line-height:1.5em;font-size:28px;color:#000;font-weight:bold;}
.outsc-category-wrap .chksel-box .cdesc02{width:100%;height:auto;overflow:hidden;line-height:1.5em;font-size:18px;color:#5e6062;margin-top:10px;}

.outsc-category-wrap .osc-msg-wrap{padding:48px 0 40px 0;border-top:1px solid #e9e9e9;margin:0 auto;max-width:1200px;height:auto;overflow:hidden;text-align:center;display:flex;justify-content:center;align-items:center;}
.outsc-category-wrap .osc-msg-wrap span{font-size:24px;color:#292929;font-weight:500;}
.outsc-category-wrap .osc-msg-wrap:before{content:"";width:21px;height:60px;overflow:hidden;display:inline-flex;background:url(https://resource.mall.castingn.com/static/images/ico-quot01.png) center no-repeat;}
.outsc-category-wrap .osc-msg-wrap:after{content:"";width:21px;height:60px;overflow:hidden;display:inline-flex;background:url(https://resource.mall.castingn.com/static/images/ico-quot02.png) center no-repeat;}

.outsc-category-wrap .budget-wrap{border:0;max-width:1200px;box-shadow:none;}
.outsc-category-wrap .budget-wrap .budget-area:after,
.outsc-category-wrap .budget-wrap .budget-area:before{display:none;}

.osc-thumnail-list{width:1200px;height:auto;overflow:hidden; margin:0 auto 40px;}
.osc-thumnail-list > ul{width:calc( 100% + 24px );height:auto;overflow:Hidden;margin-left:-12px; display: flex; justify-content: center;}
.osc-thumnail-list > ul > li{float:left;width:calc( 100% / 4 - 24px );margin:0 12px;height:auto;overflow:Hidden;}
.osc-thumnail-list > ul > li > a{width:calc( 100% - 2px );height:374px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;display:block;}
.osc-thumnail-list > ul > li > a .opic{width:100%;height:210px;overflow:Hidden;background-size:cover !important;border-top-left-radius:12px;border-top-right-radius:12px;}
.osc-thumnail-list > ul > li > a .ocont{width:calc( 100% - 24px );height:auto;overflow:hidden;margin:0 auto;}
.osc-thumnail-list > ul > li > a .ocont .otit{margin-top:20px;width:100%;height:auto;overflow:Hidden;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;}
.osc-thumnail-list > ul > li > a .ocont .osmart{margin-top:5px;width:100%;height:auto;overflow:Hidden;display:flex;justify-content:center;align-items:center;}
.osc-thumnail-list > ul > li > a .ocont .osmart .ico-pin{display:flex;width: 18px; height:18px;
    background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat;background-size:18px 18px; margin-right: 5px; }
.osc-thumnail-list > ul > li > a .ocont .osmart strong{display:flex;font-size:14px;color:#32ab8c;}
.osc-thumnail-list > ul > li > a .ocont .oper{margin-top:5px;display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:Hidden;}
.osc-thumnail-list > ul > li > a .ocont .oper strong{margin:0 5px;display:flex;font-size:18px;color:#32ab8c;font-weight:bold;}
.osc-thumnail-list > ul > li > a .ocont .oper strong + strong{color:#000;}
.osc-thumnail-list > ul > li > a .ocont .oper span{display:flex;font-size:18px;color:#000;}
.osc-thumnail-list > ul > li > a .ocont .odate{margin-top:25px;width:100%;height:auto;overflow:Hidden;text-align:center;font-size:14px;color:#3a3b3c;}
.osc-thumnail-list > ul > li > a:hover{border:2px solid #3f88e1;width: calc( 100% - 4px );height: 372px;}



/*상세*/
.outsc-view-wrap{}
.outsc-detail-top {max-width:1200px; margin:0 auto; }
.outsc-detail-top.wd-1{max-width:1000px; }

.outsc-detail-top .detail-loca-wrap { display: inline-block; }
.outsc-detail-top .detail-location {display:flex; align-items:center;}
.outsc-detail-top .detail-location .loca-item span {font-size:14px; letter-spacing:-0.04em; color:#666;}
.outsc-detail-top .detail-location .loca-item {position:relative;}
.outsc-detail-top .detail-location .loca-item:nth-child(n+2) {margin-left:20px;}
.outsc-detail-top .detail-location .loca-item:nth-child(n+2):before {content:""; display:block; position:absolute; width:6px; height:9px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-loca-arrow.png) center no-repeat; left:-13px; top:50%; margin-top:-5px;}
.outsc-detail-top .detail-location .loca-item:last-child span { color:#222; }
/*.outsc-detail-top .top-area {padding-top:25px;}*/
.outsc-detail-top .top-area .top-left {width:395px;}
.outsc-detail-top .top-area .thumb-info {display:inline-flex; border:1px solid #ececec; height:28px; border-radius:6px; box-sizing:border-box;}
.outsc-detail-top .top-area .thumb-info p {width:100%;flex:1; box-sizing:border-box; height:28px; padding:0 0 0 20px; display:flex; align-items:center;}
.outsc-detail-top .top-area .thumb-info p span {font-size:10px; letter-spacing:-0.04em; color:#666;}
.outsc-detail-top .top-area .thumb-info p span:nth-child(n+2) {margin-left:10px;}
.outsc-detail-top .top-area .thumb-info .btn-copy {width:40px; height:28px; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/ico-copy.png) center no-repeat;background-size:16px 15px;}
.outsc-detail-top .top-area .thumb-box {border-radius:6px; padding-bottom:100%; position:relative; overflow:hidden;}
.outsc-detail-top .top-area .thumb-box img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;}
.outsc-detail-top .top-area .rating-area {margin-top:25px; display:flex; justify-content:center; align-items:center;}
.outsc-detail-top .top-area .etc-area .rating-area {margin-top:0; justify-content:flex-start;}
.outsc-detail-top .top-area .rating-area .star-box {width:126px; height:22px;}
.outsc-detail-top .top-area .rating-area .star-box .star0 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star0.png) center no-repeat;}
.outsc-detail-top .top-area .rating-area .star-box .star1 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star1.png) center no-repeat;}
.outsc-detail-top .top-area .rating-area .star-box .star2 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star2.png) center no-repeat;}
.outsc-detail-top .top-area .rating-area .star-box .star3 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star3.png) center no-repeat;}
.outsc-detail-top .top-area .rating-area .star-box .star4 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star4.png) center no-repeat;}
.outsc-detail-top .top-area .rating-area .star-box .star5 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star5.png) center no-repeat;}
.outsc-detail-top .top-area .rating-area .rating-count {margin-left:15px; margin-top:3px;}
.outsc-detail-top .top-area .rating-area .rating-count dl {display:flex; align-items:center; }
.outsc-detail-top .top-area .rating-area .rating-count dl dt {font-size:12px; letter-spacing:-0.04em; color:#4c92f1;}
.outsc-detail-top .top-area .rating-area .rating-count dl dd {font-size:12px; font-weight:700; letter-spacing:-0.04em; color:#4c92f1; margin-left:5px;}

.outsc-detail-top .top-area .etc-area{display: flex;}
.outsc-detail-top .top-area .etc-area span{display: flex;}
.outsc-detail-top .top-area .etc-area .ico-deliver{width: 53px; height: 47px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-delivery.png) center/100% no-repeat; margin-right: 11px;}
.outsc-detail-top .top-area .etc-area .delivery-area{margin-left: 5px;}
.outsc-detail-top .top-area .etc-area .delivery-area .sale-tt{display: flex; color: #32ab8c; font-size: 16px; font-weight: 600;}
.outsc-detail-top .top-area .etc-area .delivery-area .sale-tt .ico-pinclub{width: 22px; height: 22px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right: 3px;}


.outsc-detail-top .top-area.type2-area .top-left {
    width:calc( 100% - 435px - 50px );
    height:auto;
    overflow:hidden;
    float:left;
    padding-right: 30px;
    border-right:1px solid #E8E8E8;
}
.outsc-detail-top.wd-1 .top-area.type2-area .top-left {width: 59.5%;}

.outsc-detail-top .top-area.type2-area .top-left .main-thumb-area {padding-bottom: 400px;}
.outsc-detail-top .top-area.type2-area .top-left .thumb-box {margin-top:20px; padding:0; border:0;}
.outsc-detail-top .top-area.type2-area .top-left .thumb-box img {position:relative; top:0; left:0; transform:translate(0,0); width: 100%; object-fit: cover;}

.detail-top-wrap.fix + .detail-container.type2-container .partners-introduce .sec-head .btn-inq {display:flex;}


.outsc-detail-top .top-area.type2-area .top-right {padding:25px 30px;width:392px;height:auto;overflow:Hidden;}
.outsc-detail-top.wd-1 .top-area.type2-area .top-right {width: 40.5%; padding-left: 6.5%; box-sizing: border-box;}
.outsc-detail-top .top-area.type2-area .top-right.fixed{position: fixed; top: 0; left: calc(50% + 90px);}
.outsc-detail-top .top-area.type2-area .rating-area {justify-content:flex-start; margin-top:20px;}
.outsc-detail-top .top-area.type2-area .rating-area .rating-num {margin-left:7px; font-size:11px; letter-spacing:-0.04em; color:#4c92f1; line-height:18px; margin-top:3px;}

.outsc-detail-top .top-area.type2-area .top-right .area-times {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 24px 0;
}
.outsc-detail-top .top-area.type2-area .top-right .area-times .tt { margin-right: 20px; }
.outsc-detail-top .top-area.type2-area .top-right .area-times .tt svg { vertical-align: middle; }

.outsc-detail-top .top-area.type2-area .top-title {border-bottom:2px solid #ececec; padding-bottom:0px;}
.outsc-detail-top .top-area.type2-area .prod-option-area {border-bottom:1px solid #ececec; margin-bottom:20px; padding-bottom:40px;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box {margin-bottom:15px; position:relative; height:55px; border:1px solid #0e89e8; border-radius:6px; box-sizing:border-box; z-index:1;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .btn-slc-op {display:block; padding:0 20px; box-sizing:border-box; width:100%; text-align:left; position:relative;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .btn-slc-op:after {content:""; display:block; position:absolute; width:16px; height:9px; background:url(https://resource.mall.castingn.com/static/images/sub/op-slc-arrow.png) center no-repeat; right:20px; top:50%; margin-top:-4px;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box.open-slc .btn-slc-op:after {transform:rotate(180deg);}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .btn-slc-op span {font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#111; line-height:53px;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list {position:absolute; width:100%; background:#fff; top:53px; left:-1px; border:1px solid #0e89e8; border-radius:0 0 6px 6px; max-height:350px; overflow:hidden; display:none;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list ul {max-height:350px; overflow-y:auto;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li {border-bottom:1px solid #ececec;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li:last-child {border-bottom:0;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item {display:block; padding:15px 20px; text-align:left; box-sizing:border-box; width:100%;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item .op-name {font-size:18px; line-height:20px; letter-spacing:-0.04em; color:#666666;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item .op-price {font-size:18px; line-height:20px; letter-spacing:-0.04em; color:#666666; margin-top:5px;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item:hover {background:#f0f9fb;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item:hover .op-name {color:#000000; font-weight:700;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item:hover .op-price {color:#0e89e8; font-weight:700;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box.open-slc {border-radius:6px 6px 0 0;}
.outsc-detail-top .top-area.type2-area .prod-option-area .option-slc-box.open-slc .slc-list {display:block;}
.outsc-detail-top .top-area.type2-area .prod-option-area .slc-op-name strong {font-size:24px; font-weight:700; letter-spacing:-0.04em; color:#000;}

.outsc-detail-top .top-area.type2-area .select-price-area { display:flex; justify-content:flex-end;}
.outsc-detail-top .top-area.type2-area .select-price-area ul {width:230px;}
.outsc-detail-top .top-area.type2-area .select-price-area li {padding-left:30px; display:flex; align-items:center;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-label {width:50%; font-size:18px; line-height:30px; letter-spacing:-0.04em; color:#000000;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-box {width:50%; font-size:18px; line-height:30px; letter-spacing:-0.04em; color:#000000; text-align:right;}
.outsc-detail-top .top-area.type2-area .select-price-area li.normal-price .price-label {color:#999999;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-label input {display:none;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-label input + label {position:relative; cursor:pointer;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-label input + label:before {content:"";display:block;width: 20px;height: 20px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-off.png) center no-repeat;margin-right: 5px;background-size: 100%; position:absolute; left:-30px; top:1px;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-label input + label .price-dc {position:absolute;left: -110px;top: -2px;width:70px;height:25px;background:url(https://resource.mall.castingn.com/static/images/sub/detail-price-tip.png) center no-repeat;box-sizing:border-box;padding: 0 5px 0 0;text-align:center;line-height:25px;font-size:18px;letter-spacing:-0.04em;color:#fff;font-weight:700;}
.outsc-detail-top .top-area.type2-area .select-price-area li .price-label input:checked + label:before {background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center no-repeat;background-size: 100%;}

.outsc-detail-top .top-area.type2-area .option-list {margin-top:20px; border:2px solid #0e89e8; background:#f8fbfd; border-radius:6px; box-sizing:border-box; padding:20px 30px;}
.outsc-detail-top .top-area.type2-area .option-list li {font-size:18px; line-height:24px; letter-spacing:-0.04em; font-weight:700; color:#111; padding-left:15px; position:relative;}
.outsc-detail-top .top-area.type2-area .option-list li:before {content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:3px; background:#0e89e8;}
.outsc-detail-top .top-area.type2-area .quantity-area {margin:20px 0 0 auto;}
.outsc-detail-top .top-area.type2-area .bdt-box {border-top:1px solid #ececec; margin-top:20px; padding-top:20px;}
.outsc-detail-top .top-area.type2-area .bdt-box .quantity-area {margin:0 0 0 auto;}
.outsc-detail-top .top-area.type2-area .select-area {margin-top:20px; border-top:1px solid #ececec;}
.outsc-detail-top .top-area.type2-area .select-area .select-label {font-size:18px; letter-spacing:-0.04em; color:#666666;}
.outsc-detail-top .top-area.type2-area .right-btm .btn-area {width:100%;}

.detail-top-wrap.fix .detail-top .top-area.type2-area .top-left {position:relative;}
.detail-top-wrap.fix + .detail-container.type2-container .partners-introduce {position: relative;left:0;top: 0;margin-top:0;margin-bottom: 5px;}
.detail-top-wrap.fix + .detail-container.type2-container .partners-introduce .introduce-tt {display:none;}
.detail-top-wrap.fix + .detail-container.type2-container .partners-introduce .sec-cont {display:none;}
.detail-top-wrap.fix + .detail-container.type2-container .partners-introduce .sec-head {border-radius: 8px;}

.detail-top-wrap.fix .top-area.type2-area .rating-area {display:flex;}
.detail-top-wrap.fix .detail-top .top-area.type2-area .main-thumb-area .thumb-box {width:194px; height:120px; overflow:hidden; border-radius:6px;}
.detail-top-wrap.fix .detail-top .top-area.type2-area .main-thumb-area .thumb-box img {min-height:120px;}
.detail-top-wrap.fix .detail-top .top-area.type2-area .main-thumb-area {padding-left:220px; height:120px; padding-bottom:0;}
.detail-top-wrap.fix .detail-top .top-area.type2-area .top-title {border-bottom:0; padding-bottom:0;}
.detail-top-wrap.fix .detail-top .top-area.type2-area .detail-right-sec {position:absolute;right:0;top: 157px;width: 100%;}
.detail-top-wrap.fix .detail-top .top-area.type2-area .top-right {position:relative;}

/*.detail-top-wrap.fix {position:fixed; top:0; left:0; width:100%; -webkit-backdrop-filter: saturate(180%) blur(20px);	backdrop-filter: saturate(180%) blur(20px);	background-color: rgba(255,255,255,0.8); z-index:2; padding-bottom:15px; border-bottom:2px solid #333333;}*/
.detail-top-wrap.fix .top-area .rating-area {display:none;}
.detail-top-wrap.fix .detail-top .top-area .main-thumb-area {position:relative; /* padding-left:160px;*/}
.detail-top-wrap.fix .detail-top .top-area .main-thumb-area .thumb-box {position:absolute; left:0; top:0; width:144px; height:144px; margin-top:0; padding:0;}
.detail-top-wrap.fix .detail-top .top-area .thumb-info p span {font-size:14px;}
.detail-top-wrap.fix .detail-top .top-area .thumb-info p {padding:0 10px;}

.outsc-detail-top .top-area .top-right { width:calc(100% - 470px); margin-top: 2px;}
.outsc-detail-top .top-area.type2-area .top-right.fix{
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: 145px;
}
.outsc-detail-top .top-area.type2-area .top-right.fix.fix-bottom{
    bottom: 95px; top: auto!important;
}

/*.outsc-detail-top .top-area.type2-area .top-right.abs{ position: absolute; left: 50%; z-index: 10; bottom: 96px !important; top: auto;}*/
.introduct-fixed-wrap.fix{width:715px;position:fixed;left:50%;top:0px;margin-left:-600px;background:#fff;padding-top:20px;z-index:30;}
.outsc-detail-top .top-area.type2-area .top-left .introduct-fixed-wrap.fix + .introduce-tt.sourcing-tt{margin-top:250px !important;}
.outsc-detail-top .top-area .top-right .compare-slc-area {display:none;}
.outsc-detail-top .top-area .top-title {position:relative; margin-bottom: 26px;}
.outsc-detail-top .top-area .top-title .title-area {font-size:38px; font-weight:700; letter-spacing:-0.04em; color:#000000; line-height: 42px; vertical-align: middle;}
.outsc-detail-top .top-area .top-title i.ico-pinclub{width: 236px; height: 48px; display: inline-block; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pinclub.png) center/100% no-repeat; vertical-align: middle; font-size: 0; text-indent: -999999px; margin-right: 10px;}

.outsc-detail-top .top-area .top-title .btn-membership { display:flex; align-items:center; justify-content: flex-end; margin-bottom: 12px;}
.outsc-detail-top .top-area .top-title .btn-membership strong {font-size:16px; color:#333333; line-height:18px; font-weight:500;}
.outsc-detail-top .top-area .top-title .btn-membership .ico-pin{width: 22px; height: 22px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right: 5px;}
.outsc-detail-top .top-area .top-title .btn-membership .ico-arrow {width:23px; height:23px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-mem-arrow.png) center no-repeat; margin-left:10px;}
.outsc-detail-top .top-area .detail-compare-wrap {position:relative;margin-top:20px;}
.outsc-detail-top .top-area .detail-compare-table { border:2px solid #e3e3e3; border-radius:6px;}
.outsc-detail-top .top-area .detail-compare-table table {width:100%;}
.outsc-detail-top .top-area .detail-compare-table table thead th {height:52px; border-bottom:1px solid #ececec; text-align:left;}
.outsc-detail-top .top-area .detail-compare-table table thead th span {font-size:14px; letter-spacing:-0.04em; color:#666666; font-weight:400;}
.outsc-detail-top .top-area .detail-compare-table table thead th strong {font-size:14px; letter-spacing:-0.04em; color:#333333; font-weight:700;}
.outsc-detail-top .top-area .detail-compare-table table thead th:first-child {padding-left:35px;}
.outsc-detail-top .top-area .detail-compare-table table tbody td:first-child {padding-left:35px;}
.outsc-detail-top .top-area .detail-compare-table table thead th:last-child {padding-left:80px;}
.outsc-detail-top .top-area .detail-compare-table table tbody td:last-child {padding-left:80px;}
.outsc-detail-top .top-area .detail-compare-table table tbody td {height:40px;}
.outsc-detail-top .top-area .detail-compare-table table tbody td span {font-size:14px; color:#000; letter-spacing:-0.04em;}
.outsc-detail-top .top-area .detail-compare-table table tbody td span.t-line {color:#999999; text-decoration:line-through;}
.outsc-detail-top .top-area .detail-compare-table table tbody td span.t-gray {color:#999999;}
.outsc-detail-top .top-area .detail-compare-table table tbody td strong {font-weight:800;}
.outsc-detail-top .top-area .detail-compare-table .ico-help {display:inline-block; width:14px; height:14px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-info.png) center no-repeat; margin:0 0 0 5px;}
.outsc-detail-top .top-area .detail-compare-table table tbody td .result-price {font-size:17px; position:relative;}
.outsc-detail-top .top-area .detail-compare-table table tbody td .result-price .low-box {position:absolute;width:80px;height:40px;left:-80px;top:-8px;background:url(https://resource.mall.castingn.com/static/images/sub/detail-low-box.png) center no-repeat;box-sizing: border-box;padding: 2px 12px 8px 3px;line-height: 30px;text-align: center;font-size: 13px;color: #fff;letter-spacing: -0.04em;}
.outsc-detail-top .top-area .detail-compare-table table tbody td .result-price .fast-box {position:absolute;width:80px;height:40px;left:-80px;top:-8px;background:url(https://resource.mall.castingn.com/static/images/sub/detail-fast-box.png) center no-repeat;box-sizing: border-box;padding: 2px 12px 8px 3px;line-height: 30px;text-align: center;font-size: 13px;color: #fff;letter-spacing: -0.04em;}
.outsc-detail-top .top-area .detail-compare-table table tbody td .flex {display:flex; align-items:center;}
.outsc-detail-top .top-area .detail-compare-table table tbody tr:first-child td {padding-top:10px;}
.outsc-detail-top .top-area .detail-compare-table table tbody tr:last-child td {padding-bottom:10px;}
.outsc-detail-top .top-area .seller-market input {display:none;}
.outsc-detail-top .top-area .seller-market input + label {display:flex; align-items:center; cursor:pointer;}
.outsc-detail-top .top-area .seller-market input + label:before {content:""; display:block; width:20px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-off.png) center no-repeat; margin-right:10px;}
.outsc-detail-top .top-area .seller-market input:checked + label:before {background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center no-repeat;}


/*.outsc-detail-top .top-area .select-area {display:flex; align-items:center; height:85px; border-bottom:1px solid #ececec;}*/
/*.outsc-detail-top .top-area .select-area { height:85px; border-bottom:1px solid #ececec;}*/
.outsc-detail-top .top-area .select-area .select-seller {display:flex; align-items:center;}
.outsc-detail-top .top-area .select-area .select-seller .seller-name {display:flex; align-items:center;}
.outsc-detail-top .top-area .select-area .select-seller .seller-name span {font-size:18px; color:#333; letter-spacing:-0.04em;}
.outsc-detail-top .top-area .select-area .select-seller .seller-name .ico-slc-chk {width:18px; height:14px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-slc-chk.png) center no-repeat; margin-right:8px;}
.outsc-detail-top .top-area .select-area .select-seller .seller-type {margin-left:10px; padding-left:11px; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#000; position:relative;}
.outsc-detail-top .top-area .select-area .select-seller .seller-type:before {content:""; display:block; width:1px; height:12px; position:absolute; left:0; top:50%; margin-top:-6px; background:#eaeaea;}
.outsc-detail-top .top-area .select-area .select-right {margin-left:auto; display:flex; align-items:center;}
/*.outsc-detail-top .top-area .select-area .select-right .dc-area {font-size:24px; letter-spacing:-0.04em; color:#007AFF; line-height:44px; margin-right:20px;}
.outsc-detail-top .top-area .select-area .select-right .price-area {font-size:22px; letter-spacing:-0.04em; color:#111; line-height:44px; display:flex; align-items:center; margin-top:10px;}*/
.outsc-detail-top .top-area .select-area .select-right .dc-area {font-size:24px; letter-spacing:-0.04em; color:#007AFF; margin-right:10px;}
/*.outsc-detail-top .top-area .select-area .select-right .price-area {font-size:22px; letter-spacing:-0.04em; color:#111; display:flex; align-items:center; margin-top:10px;}
.outsc-detail-top .top-area .select-area .select-right .price-area strong {font-size:24px; font-weight:800; line-height:44px; margin-top:-9px;}
.outsc-detail-top .top-area .select-area .select-right .price-area .unit{font-size:15px;margin-left: 5px;}*/
.outsc-detail-top .top-area .select-area .select-right .price-area {font-size:22px; letter-spacing:-0.04em; color:#111; display:flex; align-items:center; }
.outsc-detail-top .top-area .select-area .select-right .price-area strong {font-size:24px; font-weight:800; }
.outsc-detail-top .top-area .select-area .select-right .price-area .unit{margin-left: 3px; font-weight: 700;}
.outsc-detail-top .top-area .select-area .select-right .cc-tt {
    color: #767676;
    font-weight: 400;
    line-height: 100%;
    text-decoration: line-through;
    margin-left: 10px;
}
.outsc-detail-top .top-area .select-area .select-right .quantity-area {margin-left:33px;}
.outsc-detail-top .top-area .quantity-area {display:flex; align-items:center; width:150px; height:38px; border:1px solid #d9d9d9; border-radius:19px; box-sizing:border-box;}
.outsc-detail-top .top-area .quantity-area .btn-minus {width:40px; height:36px; border-right:1px solid #d9d9d9; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-minus.png) center no-repeat;}
.outsc-detail-top .top-area .quantity-area .btn-plus {width:40px; height:36px; border-left:1px solid #d9d9d9; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-plus.png) center no-repeat;}
.outsc-detail-top .top-area .quantity-area input {width:calc(100% - 80px);text-align:center;font-size:18px;font-weight:700;color:#000;background: transparent;}

.outsc-detail-top .top-area .right-btm {margin-top:30px; display:flex; align-items:center;}
.detail-top-wrap.fix .detail-top .top-area .right-btm {margin-top:15px;}
.outsc-detail-top .top-area .right-btm .delivery-area dl {display:flex; align-items:center; margin-top:7px;}
.outsc-detail-top .top-area .right-btm .delivery-area dl dt {font-size:16px; color:#000; letter-spacing:-0.04em; margin-right:15px; font-weight:600;}
.outsc-detail-top .top-area .right-btm .delivery-area dl dd {font-size:16px; letter-spacing:-0.04em; color:#666666; display:flex; align-items:center; font-weight: 600;}
.outsc-detail-top .top-area .right-btm .delivery-area dl dd .ico-info {display:block; width:14px; height:14px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-info.png) center no-repeat; margin:0 0 0 5px;}
.outsc-detail-top .top-area .right-btm .btn-area {margin-left:auto; display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;}
/*.outsc-detail-top .top-area .right-btm .btn-area .btn {height:40px; margin-left:12px; border-radius:8px; box-sizing:border-box;  display:flex; align-items:center; justify-content:center;}*/
.outsc-detail-top .top-area .right-btm .btn-area .btn {height:68px; margin-left:12px; border-radius:8px; box-sizing:border-box;  display:flex; align-items:center; justify-content:center;}
.outsc-detail-top .top-area .right-btm .btn-area .btn .tooltip{position:absolute;left:5px;top:-18px;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.grow0_5 {flex-grow:0.5;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.grow1 {flex-grow:1;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.grow1_5 {flex-grow:1.5;}
.outsc-detail-top .top-area .right-btm .btn-area .btn:first-child {margin-left:0;}
.outsc-detail-top .top-area .right-btm .btn-area .btn strong {font-size:16px; font-weight:400;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-line {border:1px solid #c8c8c8;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-line strong {color:#111;}
/*.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-comp {
    background: rgba(89,187,148,1);
    background: -moz-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(89,187,148,1)), color-stop(100%, rgba(14,137,232,1)));
    background: -webkit-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
    background: linear-gradient(135deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb94', endColorstr='#0e89e8', GradientType=1 );
}*/
.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-comp {
    background: #007AFF;
}
.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-comp strong {color:#fff;}
.outsc-detail-top .top-area .right-btm .btn-area .btn-wish .ico-wish {width:23px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-wish.png) center no-repeat; margin-left:10px;}
.outsc-detail-top .top-area .right-btm .btn-area .btn-wish.on .ico-wish {width:23px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-wish-on.png) center no-repeat; margin-left:10px;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-w1{width: 195px;}
.outsc-detail-top .top-area .right-btm .btn-area .btn.btn-w2{width: 275px;}
.outsc-detail-top .top-area .right-btm .btn-area .btn .btn-basket{width: 24px; height: 22px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-bt-basket2.png) center no-repeat; margin-right: 8px;}


/* s : 업무마켓 리뉴얼 2021-12-09 */
.outsc-detail-top .top-area.type2-area .top-left .main-thumb-area.sourcing-area { padding-bottom: 30px; }
.outsc-detail-top .top-area.type2-area .top-left .main-thumb-area.sourcing-area2 {padding-bottom: 42px; display: flex;}
.outsc-detail-top .top-area.type2-area .top-left .main-thumb-area.sourcing-area .main-thumb-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:30px;
}
.outsc-detail-top .top-area.type2-area .top-left .introduce-tt.sourcing-tt {font-size: 14px; font-weight: 700; color: #000; margin-bottom: 20px;}
.outsc-detail-top .top-area.type2-area .top-left .introduce-area.fixed{position: fixed; top: 0; z-index: 10;}

.outsc-detail-top .top-area.type2-area .sourcing-area2 .thumb-box{margin-top: 0; width: 196px;}
.outsc-detail-top .top-area.type2-area .sourcing-area2 .thumb-info{width: calc(100% - 224px); margin-left: 28px;}

.outsc-detail-top .top-area.type2-area{padding-bottom: 80px;width:100%;height:auto;overflow:Hidden; position: relative;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box{border: 1px solid #e5e5e5; border-radius: 10px; box-sizing: border-box; padding: 26px; background: #fdfdfd; display: flex;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-thum{width: 90px; display: flex; flex-direction: column; align-items: center;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-thum img{width: 90px;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-thum span{font-size: 10px; color: #414141; margin-top: 10px;}

.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-con{display: flex; align-items: flex-start; flex-direction: column; width: calc(100% - 90px); box-sizing: border-box;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-con p{font-size: 10px; color: #111;  line-height:1.5em}

.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info{display: flex; align-items: center; margin-top: 22px; border-top: 1px solid #eaeaea; padding-top: 17px; flex-wrap: wrap; width: 100%;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info span{letter-spacing:-.5px;font-size: 10px; color: #000; display: flex; align-items: center; margin-right: 10px;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i{width: 20px; height: 20px; margin-right:3px;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i.ico-time{background:url(https://resource.mall.castingn.com/static/images/sub/ico-time.png) center/100% no-repeat;background-size:20px 20px;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i.ico-epy{background:url(https://resource.mall.castingn.com/static/images/sub/ico-epy.png) center/100% no-repeat;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i.ico-sales{background:url(https://resource.mall.castingn.com/static/images/sub/ico-sales.png) center/100% no-repeat;background-size:20px 20px;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info .btn-more-info{width: 130px; height: 32px; margin-left: auto; border-radius: 30px; background: #fff;
    font-size: 14px; color: #000; align-items: center; justify-content: center; border: 1px solid #515151; display: flex;}
.outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info a{width:100px;letter-spacing:-.5px;height:20px;overflow:hidden;border-radius:10px;border:1px solid #c8c8c8;font-size:10px;color:#111;font-weight:bold;display:flex;justify-content:center;align-items:center; }

.outsc-detail-top .top-area .top-title .title-link{margin-bottom: 10px;}
.outsc-detail-top .top-area .top-title .title-link a{ display: flex; align-items: center;}
.outsc-detail-top .top-area .top-title .title-link a::after{display:none;}
.outsc-detail-top .top-area .top-title .title-link a span{display: flex;font-size: 12px; color: #000;}
.outsc-detail-top .top-area .top-title .title-link a i{display: flex;margin-left:5px;font-size: 12px; color: #000;}
.outsc-detail-top .top-area .top-title .title-area2 {font-size:24px; font-weight:700; letter-spacing:-0.04em; color:#000000; line-height:1.5em;}

.outsc-detail-top .top-area .top-title .btn-pinclub {display:flex; align-items:center; margin-left: auto;}
.outsc-detail-top .top-area .top-title .btn-pinclub strong {font-size:11px; color:#666; line-height:18px; font-weight:700;}
.outsc-detail-top .top-area .top-title .btn-pinclub .ico-finclub{width:16px; height:16px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right:5px;background-size:16px 16px;}
.outsc-detail-top .top-area .top-title .btn-pinclub .ico-info{width:14px; height:14px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-info.png) center/100% no-repeat; margin-left:10px;}
.outsc-detail-top .top-area.type2-area .top-title.sourcing-tit{border-bottom: none; display: flex; flex-direction: column; margin-bottom: 0;}

.outsc-detail-top .top-area.type2-area .rating-area .grade-bar-wrap{width:75px;height:15px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;background:url(https://resource.mall.castingn.com/static/images/active/bg-star-off.png) repeat-x left center;background-size:15px 15px;}
.outsc-detail-top .top-area.type2-area .rating-area .grade-bar-wrap .bar{height:15px;overflow:hidden;background:url(https://resource.mall.castingn.com/static/images/active/bg-star-on.png) repeat-x left center;background-size:15px 15px;}

.outsc-detail-top .top-area.type2-area .select-price-area2 { display:flex; justify-content:flex-end;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li {padding-left:30px; display:flex; align-items:center; justify-content: flex-end;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label { font-size:18px; line-height:30px; letter-spacing:-0.04em; color:#000000;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-box { font-size:18px; line-height:30px; letter-spacing:-0.04em; color:#000000; text-align:right; margin-left: 11px;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-box .t-line{text-decoration: line-through; color: #999;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li.normal-price .price-label {color:#999999;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input {display:none;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input + label {position:relative; cursor:pointer;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input + label:before {content:"";display:block;width: 20px;height: 20px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-off.png) center no-repeat;margin-right: 5px;background-size: 100%; position:absolute; left:-30px; top:1px;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input + label .price-dc {position:absolute;left: -110px;top: -2px;width:70px;height:25px;background:url(https://resource.mall.castingn.com/static/images/sub/detail-price-tip.png) center no-repeat;box-sizing:border-box;padding: 0 5px 0 0;text-align:center;line-height:25px;font-size:18px;letter-spacing:-0.04em;color:#fff;font-weight:700;}
.outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input:checked + label:before {background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center no-repeat;background-size: 100%;}

.outsc-detail-top .top-area.type2-area .detail-list-box{
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    /*background: #fff;*/
    /*padding: 24px 22px;*/
    padding: 20px 0;
    /*overflow: auto;*/
    height: 250px;
}
/*.outsc-detail-top .top-area.type2-area .detail-list-box::-webkit-scrollbar {width: 6px;}
.outsc-detail-top .top-area.type2-area .detail-list-box::-webkit-scrollbar-track {background-color:#fff;}
.outsc-detail-top .top-area.type2-area .detail-list-box::-webkit-scrollbar-thumb {background: #ddd; border-radius: 6px;}
.outsc-detail-top .top-area.type2-area .detail-list-box::-webkit-scrollbar-thumb:hover {background: #404040;}
.outsc-detail-top .top-area.type2-area .detail-list-box::-webkit-scrollbar-thumb:active {background: #808080;}
.outsc-detail-top .top-area.type2-area .detail-list-box::-webkit-scrollbar-button {display: none;}*/
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit{
    display: flex;
    border-bottom: 1px solid #E6E6E6;
    align-items: center;
    justify-content: space-between;
    padding:0 24px 20px;
}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit .detail-price{font-size:16px;color:#222;font-weight:bold;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit .detail-price i.ico-list-check{width: 32px; height: 32px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-detail-check.png) center no-repeat; margin-right: 10px;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit .detail-period{font-size:16px;color:#007AFF;font-weight:700;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con {
    overflow: auto;
    height: calc(100% - 20px);
}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con::-webkit-scrollbar {width: 6px;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con::-webkit-scrollbar-track {background:none;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con::-webkit-scrollbar-thumb {background: #ddd; border-radius: 6px;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con::-webkit-scrollbar-thumb:hover {background: #404040;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con::-webkit-scrollbar-thumb:active {background: #808080;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con::-webkit-scrollbar-button {display: none;}

/*.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul{margin-top:15px;}*/
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul{ padding: 15px 24px; }
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul li{margin-top:5px;color: #111;display: block;align-items: center;font-size: 12px;padding-left:12px;position:relative;}
.outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul li::before{content: '';width:3px;height:3px;background:#0e89e8;display:block;overflow:hidden;position:absolute;left:0;top:50%;margin-top:-2px;}

.outsc-detail-top .top-area.type2-area .option-area{display: flex; align-items:flex-start;  width: 100%; flex-direction: column; padding: 15px 30px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #e4e4e4; border-radius: 5px; margin-top: 24px;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list{font-size: 18px; color: #333333; font-weight: 500; width: 100%;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li{margin-top: 7px; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li:first-child{margin-top: 0;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li > span{font-size: 16px; color: #7f7f7f; display: flex; align-items: center;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li.list-line1 .rd-group{font-size: 18px; color: #adadad;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li.list-line2 .rd-group{font-size: 18px; color: #000;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li.list-line3 .rd-group{font-size: 20px; color: #4c92f1;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list li .ico-finclub{width: 24px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center no-repeat; margin-right: 7px;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list input[type="radio"]{display: none;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list input[type="radio"]:checked + label::before{border: none; width: 20px; height: 20px;  background: url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center/100% no-repeat;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list label{display: flex; align-items: center;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list label::before{width: 18px; height: 18px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 11px;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list .rd-group{margin-left: auto; display: flex; align-items: center;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list .msg-box{width: 65px; height: 24px; background: #32ab8c; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; border-radius: 30px; position: relative; margin-right: 10px;}
.outsc-detail-top .top-area.type2-area .option-area .rd-list .msg-box:after{width: 4px; height: 6px; content: ''; background: url(https://resource.mall.castingn.com/static/images/sub/ico-msgfbox-arrow.png) center/100%; position: absolute; right: -4px;}

.outsc-detail-top .top-area.type2-area .option-area .quantity-area{height: 29px; width: 113px;}
.outsc-detail-top .top-area.type2-area .option-area .quantity-area{margin: 0;}
.outsc-detail-top .top-area.type2-area .option-area .quantity-area input{width: calc(100% - 64px);}
.outsc-detail-top .top-area.type2-area .option-area .quantity-area .btn-minus{width: 32px; height: 29px;}
.outsc-detail-top .top-area.type2-area .option-area .quantity-area .btn-plus{width: 32px; height: 29px;}
/*.outsc-detail-top .top-area.type2-area .key-msg{border-top:1px solid #e5e5e5;font-size: 16px; color: #666; margin-top: 22px; display: flex; align-items: center; padding:10px 0 0 0;}*/
.outsc-detail-top .top-area.type2-area .key-msg{font-size: 16px; color: #666; display: flex; align-items: center; }
.outsc-detail-top .top-area.type2-area .key-msg i{font-size:30px;color:#c8c8c8;}
.outsc-detail-top .top-area.type2-area .key-msg p{margin-left:4px;width:100%;flex:1;font-size:13px;color:#767676;line-height:1.5em;height:auto;overflow:hidden;}

.outsc-detail-top .top-area.type2-area .select-area.select-type2{padding: 0; border: none;}
/*.outsc-detail-top .top-area.type2-area .select-area.select-type2 .select-label{font-size: 14px; font-weight: 700; color: #666;}*/
.outsc-detail-top .top-area.type2-area .select-area.select-type2 .select-label{font-size: 15px; font-weight: 400; color: #222; margin-bottom: 15px; }
.outsc-detail-top .top-area.type2-area .select-area.select-type2 .dc-area strong{font-weight: 600;}

.outsc-detail-top .top-area.type2-area .right-btm .btn-area button{display: flex; align-items: center; justify-content: center;width:108px;height:68px;border:1px solid #E8E8E8;border-radius:8px;background:#fff;padding:0;}
.outsc-detail-top .top-area.type2-area .right-btm .btn-area button .scnt{display: flex;font-size:16px;color:#111;font-weight:500;}
.outsc-detail-top .top-area.type2-area .right-btm .btn-area button .sico{
    display: flex;
    margin-left:3px;
    width:23px;
    height:20px;
    overflow:hidden;
    /*background: url(https://resource.mall.castingn.com/static/images/ico_like.png) no-repeat center center / 80%;*/
    background: url(https://resource.mall.castingn.com/static/images/ico_like2.png) no-repeat center center / 80%;
    margin-right:3px;
}
.outsc-detail-top .top-area.type2-area .right-btm .btn-area button.on .sico{background: url(https://resource.mall.castingn.com/static/images/ico_like01.svg) no-repeat center center / 80%;}

.outsc-detail-top .top-area.type2-area .right-btm .btn-area .btn{position:relative;}
.outsc-detail-top .top-area.type2-area .right-btm .btn-area .btn strong{font-size:16px; margin-left: 3px; }
.outsc-detail-top .top-area.type2-area .right-btm .btn-area .btn .bt-tt-ty1{color: #fcff00; font-size: 20px; margin-right: 10px;}
.outsc-detail-top .top-area.type2-area .cs-tt{width:calc( 100% - 92px );margin-left:92px;margin-top: 12px; font-size: 10px; color: #7f7f7f; text-align: center; font-weight: 700;}
.outsc-detail-top .top-area.type2-area .cs-tt span{font-size:10px;color:#4c92f1;}
.outsc-detail-top .top-area.type2-area .btm-state {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #F9FAFB;
    padding: 13px 0;
    margin:20px 0;
}
.outsc-detail-top .top-area.type2-area .btm-state > span {
    color:#007AFF;
    margin-left: 3px;
}
.outsc-detail-top .top-area.type2-area .sourcing-tab-area.fixed{position: fixed; width: 715px; top: 0; z-index: 10;}
.outsc-detail-top .top-area.type2-area .sourcing-tab-area ul{display: flex;}
/*.outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li{width: 20%; background: #fff; display: flex; align-items: center; justify-content: center;
    height: 73px; border-bottom: 2px solid #222;}*/
.outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li{width: 50%; background: #fff; display: flex; align-items: center; justify-content: center;
    height: 60px; border-bottom: 1px solid #767676; box-sizing: border-box; }

.outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li.on{border-bottom: 2px solid #222;}
.outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li.on a{color: #222;}
.outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li a{font-size:16px; font-weight: 700; color: #767676; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}

.outsc-detail-top .top-area.type2-area .sourcing-tab-con{ display:none; margin-top:30px;}
.outsc-detail-top .top-area.type2-area .sourcing-tab-con.on{display:block;}
.outsc-detail-top .top-area.type2-area .sourcing-tab-con.tab1{margin-top: 40px;}
.outsc-detail-top .top-area.type2-area .process-step{padding:0 20px;}
.outsc-detail-top .top-area.type2-area .process-step ul li{display: flex; align-items: center; margin-bottom: 57px; line-height: 28px; position: relative;}
.outsc-detail-top .top-area.type2-area .process-step ul li::before{width: 3px; height: calc(100% + 57px); background: #e4e4e4; content: ''; position: absolute; left: 19px; top: 29px; z-index: -1;}
.outsc-detail-top .top-area.type2-area .process-step ul li:last-child::before{display: none;}

.outsc-detail-top .top-area.type2-area .process-step ul li span{width: 40px; height: 39px; border-radius: 20px; margin-right: 18px; background: #4c92f1; color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 18px; font-style: italic; border: 6px solid #b9d4f9; box-sizing: border-box;}
.outsc-detail-top .top-area.type2-area .process-step ul li p{width: calc(100% - 45px); font-size: 12px;line-height:1.5em;}

.outsc-detail-top .top-area.type2-area .faq-area .faq-tit{font-size: 28px; font-weight: 800; color: #000; border-bottom: 1px solid #ededed; padding-bottom: 15px; padding-left: 20px;}
.outsc-detail-top .top-area.type2-area .faq-area .faq-list li{font-size: 18px; color: #000;}
.outsc-detail-top .top-area.type2-area .faq-area .faq-list .faq-q{padding: 15px 20px; cursor: pointer; background: url(https://resource.mall.castingn.com/static/images/sub/ico-qna-down.png) 96% center/12px no-repeat;}
.outsc-detail-top .top-area.type2-area .faq-area .faq-list .faq-q.on{background: url(https://resource.mall.castingn.com/static/images/sub/ico-qna-up.png) 96% center/12px no-repeat;}
.outsc-detail-top .top-area.type2-area .faq-area .faq-list .faq-a{padding: 15px 20px; background: #f8f8f8;}

.outsc-detail-top .top-area.type2-area .service-area{padding: 0;}
.outsc-detail-top .top-area.type2-area .service-area dl{border-bottom: 1px solid #ededed; padding-bottom: 36px; margin-top: 36px;}
.outsc-detail-top .top-area.type2-area .service-area dl dt{font-size: 16px; font-weight: 700; color: #000; margin-bottom: 25px;}
.outsc-detail-top .top-area.type2-area .service-area dl dt::before{content: '#'; margin-right: 5px;}
.outsc-detail-top .top-area.type2-area .service-area dl dd{margin-top: 12px; color: #000; font-size: 12px; padding-left: 26px; line-height: 1.5em; display: flex; align-items:flex-start; position: relative; flex-direction: column;}
.outsc-detail-top .top-area.type2-area .service-area dl dd.check-dd{padding-left: 48px;}
.outsc-detail-top .top-area.type2-area .service-area dl dd.check-dd:before{width: 19px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-sourcing-chk.png) no-repeat; content: ''; position: absolute; left: 21px; top: 7px;}

.outsc-detail-top .top-area.type2-area .customer-area{}
.outsc-detail-top .top-area.type2-area .customer-tit{font-size:16px; color: #000; font-weight: bold; }
.outsc-detail-top .top-area.type2-area .customer-tit::before{}
.outsc-detail-top .top-area.type2-area .customer-tit span{color: #4c92f1;}

.outsc-detail-top .top-area.type2-area .review-list > li{padding:30px 0px; border-bottom: 1px solid #ededed;}
.outsc-detail-top .top-area.type2-area .review-list > li:last-child{border-bottom: none;}
.outsc-detail-top .top-area.type2-area .review-list .customer-thum{width: 60px; height: 60px;}
.outsc-detail-top .top-area.type2-area .review-list .customer-thum img{width: 100%;}
.outsc-detail-top .top-area.type2-area .review-list .customer-info{display: flex; align-items: center;}

.outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group{margin-left: 18px;}
.outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group span{display: block;}
.outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group span img{height:16px;}

.outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group .grade-bar-wrap{width:75px;height:15px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;background:url(https://resource.mall.castingn.com/static/images/active/bg-star-off.png) repeat-x left center;background-size:15px 15px;}
.outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group .grade-bar-wrap .bar{height:15px;overflow:hidden;background:url(https://resource.mall.castingn.com/static/images/active/bg-star-on.png) repeat-x left center;background-size:15px 15px;}

.outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group .customer-name{color:#000;font-weight:bold;font-size: 12px; margin-bottom: 7px;}
.outsc-detail-top .top-area.type2-area .review-list .customer-info .ymd{font-size: 12px; color: #727272; margin-top: 28px; border-left: 1px solid #bdbdbd; margin-left: 15px; padding-left: 15px;}

.outsc-detail-top .top-area.type2-area .review-list .customer-tt{font-size: 12px; color: #000; line-height: 28px; margin-top: 20px; }
.outsc-detail-top .top-area.type2-area .review-list .info-list{margin-top: 32px;}
.outsc-detail-top .top-area.type2-area .review-list .info-list ul{display: flex; font-size: 16px; color: #8d8d8d;}
.outsc-detail-top .top-area.type2-area .review-list .info-list ul li{font-size: 12px;border-right: 1px solid #8d8d8d; margin-right: 15px; padding-right: 15px; line-height: 1;}
.outsc-detail-top .top-area.type2-area .review-list .info-list ul li:last-child{border-right: 0;}
.outsc-detail-top .top-area.type2-area .bt-more{width: 100%; height:42px; border: 1px solid #c8c8c8; background: #fff; font-size:14px; color: #000; border-radius: 8px; margin-top: 20px;font-weight:500;}

.outsc-detail-top .top-area.type2-area .guide-list{padding:10px 0px; font-size: 18px; color: #000;}
.outsc-detail-top .top-area.type2-area .guide-list li{margin-top: 30px; position: relative; padding-left: 14px;font-size:12px;line-height:1.5em;}
.outsc-detail-top .top-area.type2-area .guide-list li:first-child{margin-top: 0;}
.outsc-detail-top .top-area.type2-area .guide-list li::before{position: absolute; content: ''; display: block; width: 4px; height: 4px; background: #8c8c8c; border-radius: 2px; left: 0; top: 7px;}


.outsc-detail-top .pin-detail-box{border: 1px solid #dadce0; border-radius: 12px; padding: 15px 0 24px 0;}
.outsc-detail-top .cop-info{display: flex; align-items: center; justify-content: space-between; padding: 0 24px;}
.outsc-detail-top .cop-info .cop-name{display: flex; align-items: center;}
.outsc-detail-top .cop-info .cop-name .cop-thum{width: 38px; height: 38px;}
.outsc-detail-top .cop-info .cop-name b{font-size: 16px; color: #222; letter-spacing: -0.01px; margin-left: 6px;}
.outsc-detail-top .cop-info .desc{font-weight: normal; color: #222; font-size: 15px;}

.outsc-detail-top .detail-comp1{border-bottom: 1px solid #dadce0; padding-bottom: 20px; padding: 0 24px 47px 24px;}
.outsc-detail-top .detail-comp1 .detail-tit{font-size: 24px; letter-spacing: -0.01px; display: block; color: #222; margin: 40px 0 16px 0; padding-right: 44px; font-weight: 600; line-height: 30px; max-height: 60px;}
.outsc-detail-top .detail-comp1 .price{display: block; text-align: right; font-size: 18px; line-height: 21px; letter-spacing: -0.01px; color: #000; font-weight: bold; margin-bottom: 16px;}
.outsc-detail-top .detail-comp1 .detail-box{background: #f5f5f5; box-sizing: border-box; font-size: 15px; letter-spacing: -0.01px; padding: 0 16px 0 16px; border-radius: 8px; display: flex; align-items: center; font-weight: 600; margin-bottom: 12px;}
.outsc-detail-top .detail-comp1 .detail-box.on{border: 1px solid #3f88e1; background: #d8ecfc;}
.outsc-detail-top .detail-comp1 .detail-box input[type="checkbox"]{display: none;}
.outsc-detail-top .detail-comp1 .detail-box label{display: flex; align-items: center; cursor: pointer; padding: 12px 0; width: 100%;}
.outsc-detail-top .detail-comp1 .detail-box label::before{content: ""; width: 22px; height: 22px; margin-right: 6px; border-radius: 50%; margin-right: 17px; background: #d7d9db url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
.outsc-detail-top .detail-comp1 .detail-box input[type="checkbox"]:checked + label:before{background-color: #0e89e8;}


.outsc-detail-top .detail-comp1 .detail-box .ico-check{width: 22px; height: 22px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-chk2.png) left/100% no-repeat; margin-right: 6px;}
.outsc-detail-top .detail-comp1 .detail-list1{margin-top: 16px; font-size: 14px; color: #222; padding-left: 10px;}
.outsc-detail-top .detail-comp1 .detail-list1 li{line-height: 20px;}

.outsc-detail-top .detail-comp2{padding: 20px 24px 0;}
.outsc-detail-top .detail-comp2 .detail-tit{font-size: 16px; letter-spacing: -0.01px; color: #222;}
.outsc-detail-top .detail-comp2 .detail-list2{margin-top: 16px;}
.outsc-detail-top .detail-comp2 .detail-list2 li{color: #222; font-size: 14px; line-height: 24px; display: flex; align-items: center;}
.outsc-detail-top .detail-comp2 .detail-list2 li::before{width: 12px; height: 9px; background: url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) left/100% no-repeat; content: ''; margin-right: 7px;}
.outsc-detail-top .detail-comp2 .detail-list2 li span{font-weight: bold; color: #0d89e8; margin: 0 3px;}

.outsc-detail-top .detail-comp2 .btn-pinit{margin-top: 28px; height: 58px; box-sizing: border-box; border-radius: 12px; background: linear-gradient(135deg, #60a0ea 0%, #5228c3 100%); color: #fff; font-size: 16px; letter-spacing: -0.01px; font-weight: 600; display: flex; align-items: center;
    width: 100%; justify-content: center; position: relative;}
.outsc-detail-top .detail-comp2 .btn-pinit .ico-pinit{width: 55px; height: 55px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-plus.png) left/100% no-repeat; margin-right: 8px; position: absolute; left: 20px;}
.outsc-detail-top .detail-comp2 .btn-pinit .ico-pinit:after{content: '핀을 꾸욱 눌러주세요'; display: flex; font-size: 14px; color: #000; letter-spacing: -0.07px; background: #ffeb00; border: solid 3px #000; position: absolute; align-items: center; justify-content: center; box-sizing:
        border-box; width: 140px; height: 28px; border-radius: 30px; left: 0; top: -18px;}
.outsc-detail-top .detail-comp2 .btn-pinit .ico-pinit:before{content: ''; position: absolute; display: block; background: url(https://resource.mall.castingn.com/static/images/sub/tooltip-arrow.png) left/100% no-repeat; width: 8px; height: 8px; left: 24px; top: 7px; z-index: 10;}
.outsc-detail-top .detail-comp2 .btn-pinit.on{background: linear-gradient(135deg, #60a0ea 0%, #5228c3 100%); color: #fff; border: 0;}
.outsc-detail-top .detail-comp2 .btn-pinit.on .ico-pinit:before{display: none;}
.outsc-detail-top .detail-comp2 .btn-pinit.on .ico-pinit:after{display: none;}
.outsc-detail-top .detail-comp2 .btn-chat{width: 200px; height: 34px; background: #f8f8f8; border: 1px solid #dadce0; border-radius: 17px; font-size: 12px;color: #222; display: flex; align-items: center; justify-content: center; margin: 14px auto 0;}
.outsc-detail-top .detail-comp2 .btn-chat::before{width: 19px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-chat.png) left/100% no-repeat; margin-right: 11px; content: '';}

.outsc-detail-top .detail-comp2 .srv-on button{margin-top: 4px;}
.outsc-detail-top .detail-comp2 .srv-on > span{display: block; text-align: center; margin-top: 28px; color: #222;}

.outsc-detail-top .pin-bnr{margin-top: 17px;}
.outsc-detail-top .pin-bnr .bnr-top{height: 42px; background: #f4f7fa; border-radius: 12px; border: solid 1px #dadce0; color: #023b69; font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.outsc-detail-top .pin-bnr .bnr-top .ico-pin{width: 17px; height: 17px; background: url(https://resource.mall.castingn.com/static/images/sub/ico_pin.png) left/100% no-repeat;  }
.outsc-detail-top .pin-bnr .bnr-top b{color: #000;}

.outsc-detail-top .pin-bnr .bnr-bottom{height: 127px; background: #f4f7fa; border-radius: 12px; border: solid 1px #dadce0; box-sizing: border-box; padding: 0 18px; margin-top: 16px; display: flex; align-items: center;}
.outsc-detail-top .pin-bnr .bnr-bottom .group{display: flex; flex-direction: column; align-items: center;}
.outsc-detail-top .pin-bnr .bnr-bottom .group-tt{font-size: 12px; color: #222; font-weight: 600;}
.outsc-detail-top .pin-bnr .bnr-bottom .ico-smtpin{width: 162px; height: 36px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-smtpin2-1.png) left/100% no-repeat; font-size: 0; text-indent: -999999px;}
.outsc-detail-top .pin-bnr .bnr-bottom .btn-join{width: 105px; height: 23px; color: #0d89e8; letter-spacing: -0.06px; line-height: 42px; border: 1px solid #3f88e1; border-radius:30px; font-size: 12px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.outsc-detail-top .pin-bnr .bnr-bottom .btn-join:after{content: ''; background:url(https://resource.mall.castingn.com/static/images/sub/ico-btn-arrow.png) left/100%; width: 7px; height: 9px; margin-left: 6px; display: inline-block; vertical-align: middle;}

.outsc-detail-top .pin-bnr .bnr-bottom .info-list{margin-left: 20px;}
.outsc-detail-top .pin-bnr .bnr-bottom .info-list ul li{font-size: 11px; line-height: 18px; color: #505050;}
.outsc-detail-top .pin-bnr .bnr-bottom .info-list ul li span{color: #0d89e8; font-weight: 600;}
.outsc-detail-top .pin-bnr .bnr-bottom .info-list ul li::before{content: '》'; margin-right: 2px;}

.outsc-detail-top .ps-visual{position: relative; padding-bottom: 67px; border-bottom: 2px solid #dadce0; height: 400px; overflow: hidden;}
.outsc-detail-top .ps-visual .swiper-slide{overflow: hidden;}
.outsc-detail-top .ps-visual .swiper-slide img{width: 100%;}
.outsc-detail-top .ps-visual .ps-prev{height: 71px; width: 71px; position: absolute;  z-index: 1; background: url(https://resource.mall.castingn.com/static/images/sub/ps-navi.png) left/100% no-repeat; left: 0; top: 50%; margin-top: -35px; text-indent: -999999px; font-size: 0;}
.outsc-detail-top .ps-visual .ps-next{height: 71px; width: 71px; position: absolute;  z-index: 1; background: url(https://resource.mall.castingn.com/static/images/sub/ps-navi.png) left/100% no-repeat; right: 0; top: 50%; margin-top: -35px; text-indent: -999999px; font-size: 0;
    transform: rotate(180deg);
}
.outsc-detail-top .ps-visual .ps-pagination{text-align: center; margin-top: 18px;}

.outsc-detail-top .qna-list-area{position: relative; border-top: 1px solid #e7e9eb; margin-top: 67px;}
.outsc-detail-top .qna-list-area ul li{border-bottom: 1px solid #e7e9eb;}
.outsc-detail-top .qna-list-area ul li .qna-q{font-size: 24px; color: #101010; font-weight: bold; padding: 23px 30px; box-sizing: border-box; cursor: pointer; position: relative; line-height: 24px;}
.outsc-detail-top .qna-list-area ul li .qna-q.on:after{transform: rotate(180deg);}
.outsc-detail-top .qna-list-area ul li .qna-q:after{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-tg-arrow.png) left/100% no-repeat; content: ''; position: absolute; display: block; right: 10px; top: 23px;}

.outsc-detail-top .qna-list-area ul li .qna-a{padding:25px 78px 20px 38px; font-size: 14px; border-top: 1px solid #e7e9eb; line-height: 24px; background: #f8f8f8; box-sizing: border-box;}
.outsc-detail-top .qna-list-area ul li .qna-a strong{display: block;}

.detail-price-item-list{border-top:1px solid #ececec;padding-top:10px;margin-top:10px;width:100%;height:auto;overflow:hidden;}
.detail-price-item-list ul{width:260px;height:auto;overflow:Hidden;margin:0 0 0 auto;}
.detail-price-item-list ul li{margin-top:3px;width:100%;height:auto;overflow:Hidden;display:flex;justify-content:flex-start;align-items:center;}
.detail-price-item-list ul li:first-child{margin-top:0;}
.detail-price-item-list ul li .key{width:120px;height:auto;overflow:hidden;padding-left:40px;position:relative;font-size:12px;color:#000;}
.detail-price-item-list ul li .key .per{position:absolute;left:0;top:0;font-size:16px;color:#32ab8c;}
.detail-price-item-list ul li .key .per strong{font-size:16px;color:#32ab8c;font-weight:bold;}
.detail-price-item-list ul li .value{font-size:12px;color:#000;width:100%;flex:1;height:auto;overflow:hidden;text-align:right;}
.detail-price-item-list ul li:nth-child(1) .key{color:#999;}
.detail-price-item-list ul li:nth-child(1) .value{text-decoration:line-through;}
.detail-price-item-list ul li:nth-child(3) .key{font-size:14px;color:#000;font-weight:bold;}
.detail-price-item-list ul li:nth-child(3) .value{font-size:14px;color:#0e89e8;font-weight:bold;}

.thumb-slide-wrap{width:100%;height:auto;overflow:Hidden;margin-top:25px;}
.thumb-slide-wrap .swiper-container{width:calc( 100% - 60px );padding:0 30px;}
.thumb-slide-wrap .swiper-container .swiper-slide{width:65px;height:48px;}
.thumb-slide-wrap .swiper-container .swiper-slide a{width:65px;height:48px;display:block;overflow:hidden;background-size:cover !important;}
.thumb-slide-wrap .swiper-container .swiper-button-prev{width:30px;height:48px;margin:0;left:0;top:0;border:0;background:transparent;display:flex;justify-content:center;align-items:center;}
.thumb-slide-wrap .swiper-container .swiper-button-next{width:30px;height:48px;margin:0;right:0;top:0;border:0;background:transparent;display:flex;justify-content:center;align-items:center;}
.thumb-slide-wrap .swiper-container .swiper-button-prev:after{display:none;}
.thumb-slide-wrap .swiper-container .swiper-button-next:after{display:none;}
.thumb-slide-wrap .swiper-container .swiper-button-prev i{font-size:32px;color:#000;}
.thumb-slide-wrap .swiper-container .swiper-button-next i{font-size:32px;color:#000;}

.faq-item-wrap{width:100%;height:auto;overflow:hidden;}
.faq-item-wrap .ftit{width:calc( 100% - 20px );padding-left:20px;font-size:16px;color:#000;font-weight:bold;height:auto;overflow:hidden;padding-bottom:12px;border-bottom:1px solid #ededed;}
.faq-item-wrap ul{width:calc( 100% - 20px );padding-left:20px;height:auto;overflow:hidden;}
.faq-item-wrap ul li{width:100%;height:auto;overflow:hidden;margin-top:12px;line-height:1.5em;font-size:12px;color:#000;}
.faq-item-wrap ul li a{}
.faq-item-wrap ul li .fdesc{border-top:1px solid #ddd;padding-top:5px;margin-top:5px;margin-bottom:20px;display:none;width:100%;height:auto;overflow:hidden;line-height:1.5em;font-size:12px;color:#000;}
.faq-item-wrap ul li a.on + .fdesc{display:block;}


.desc-item-wrap{width:100%;height:auto;overflow:hidden;}
.desc-item-wrap .ftit{width:calc( 100% - 20px );padding-left:20px;font-size:16px;color:#000;font-weight:bold;height:auto;overflow:hidden;padding-bottom:12px;border-bottom:1px solid #ededed;}
.desc-item-wrap ul{width:calc( 100% - 20px );padding-left:20px;height:auto;overflow:hidden;}
.desc-item-wrap ul li{width:100%;height:auto;overflow:hidden;margin-top:12px;line-height:1.5em;font-size:14px;color:#000;}
.desc-item-wrap dl{width:100%;height:auto;overflow:hidden;}
.desc-item-wrap dl.t01{border-top:0;padding-top:0;margin-top:0;}
.desc-item-wrap dl dt{width:calc( 100% - 20px );padding-left:20px;height:auto;overflow:hidden;font-size:16px;color:#000;font-weight:bold;}
.desc-item-wrap dl dd{width:calc( 100% - 20px );padding-left:20px;height:auto;overflow:hidden;margin-top:12px;font-size:12px;color:#000;line-height:1.5em;}
.desc-item-wrap dl dd img{width:100%;}

.desc-item-wrap section{margin-bottom: 20px;}

.outsc-category-wrap .chksel-box i{display:none;}
.budget-wrap .budget-area .budget-price{font-size:28px;}
.budget-wrap .budget-area .budget-price .price-box{display:flex;justify-content:flex-start;align-items:center;}
.budget-wrap .budget-area .budget-price .price-box input{text-align:right;font-size:34px;color:#000;font-weight:700;}
.mob-type.budget-wrap{display:none;}
.budget-wrap .budget-area .budget-price .price-box input{width:230px;height:52px;border:1px solid #c8c8c8;border-radius:8px;padding:0 16px;background:#f8f8f8}





@media screen and (max-width: 769px) {
    .outsc-fmenu-wrap{z-index:40;position:relative;height:50px;overflow:visible;flex-direction:column;border-top:1px solid #f3f1f1;}
    .outsc-fmenu-wrap .lt-item{background:#f3f1f1;width:100%;height:50px;overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;}
    .outsc-fmenu-wrap .lt-item::-webkit-scrollbar {
      display: none;
    }
    .outsc-fmenu-wrap .lt-item ul{min-width:500px;}
    .outsc-fmenu-wrap .lt-item ul li{margin-left:20px;}
    .outsc-fmenu-wrap .lt-item ul li a{font-size:15px;}
    .outsc-fmenu-wrap .rt-item{width:calc( 100% - 40px );padding:0 20px;position:absolute;left:0;top:500px;justify-content: center;display:none;}
    .outsc-fmenu-wrap .rt-item button{font-size:16px;height:40px;width:155px;}
    .outsc-fmenu-wrap .rt-item button + button{font-size:16px;}
    .outsc-slide-wrap{}
    .outsc-slide-wrap .swiper-container .swiper-slide a{position:relative;height:410px;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;}
    .outsc-slide-wrap .swiper-container .swiper-slide a .scont{margin-top:40px;max-width:100%;width:calc( 100% - 40px );}
    .outsc-slide-wrap .swiper-container .swiper-slide a .scont .mtit{font-size:16px;text-align:center;}
    .outsc-slide-wrap .swiper-container .swiper-slide a .scont .mtit strong{font-size:16px;}
    .outsc-slide-wrap .swiper-container .swiper-slide a .scont .mdesc{line-height:1.5em;font-size:13px;text-align:center;}
    .outsc-slide-wrap .swiper-container .swiper-slide a .spic{position:absolute;right:0;bottom:0;margin:0 0 0 auto;max-width:250px;}
    .outsc-slide-wrap .swiper-container .swiper-slide a .spic img{}
    .outsc-slide-wrap .swiper-container .slide-func-wrap{width:calc( 100% - 40px );left:20px;margin-left:0;}
    .outsc-slide-wrap .swiper-container .swiper-pagination{bottom:0;width:100%;left:0;margin-left:0;    justify-content: center;}
    .outsc-slide-wrap .swiper-container{padding-bottom:20px;}
    .outsc-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#b2b4b6;opacity:1;}
    .outsc-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#0d89e8;}

    .outsc-top5-wrap{width:calc( 100% - 40px );margin-top:60px;padding:0 20px;}

    .outsc-fmenu-wrap.on .rt-item{position:fixed;top:50px;background:#fff;border-bottom:1px solid #ddd;}
    .outsc-top5-wrap .otit{display:block;}
    .outsc-top5-wrap .otit strong{font-size:22px;   }
    .outsc-top5-wrap .otit .tooltip{margin:7px 0 0 0;background:none;width:100%;height:auto;text-indent:0;font-size:14px;color:#5e6062;line-height:1.43em;}
    .outsc-top5-wrap .scrolls{width:calc( 100% + 40px );margin-left:-20px;height:auto;overflow-x:auto;  -ms-overflow-style: none; scrollbar-width: none; }
    .outsc-top5-wrap .scrolls::-webkit-scrollbar {
      display: none;
    }

    .outsc-top5-wrap ul.list-service{width:930px;margin-left:20px;margin-right:20px;}
    .outsc-top5-wrap ul.list-service li{width:166px;margin-left:15px;height:290px;}
    .outsc-top5-wrap ul.list-service > li:before{width:28px;height:28px;font-size:18px;border-radius:4px;}
    .outsc-top5-wrap ul.list-service > li .box-img{height:117px;}
    .outsc-top5-wrap ul.list-service > li .descs .corpNm{font-size:16px;}
    .outsc-top5-wrap ul.list-service > li .descs .desc{font-size:14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;}
    .outsc-top5-wrap ul.list-service > li .descs .tags{font-size:12px;text-align:center;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;}
    .outsc-compare-wrap .rela{width:100%;}
    .outsc-compare-wrap .otit{display:block;}
    .outsc-compare-wrap .otit strong{text-align:center;font-size:16px;width:100%;display:flex;justify-content:center;align-items:center;}
    .outsc-compare-wrap .otit .tabmenu-list-wrap{margin-top:20px;margin-left:0;width:100%;display:block;overflow:Hidden;overflow-x:auto;  -ms-overflow-style: none; scrollbar-width: none;}
    .outsc-compare-wrap .otit .tabmenu-list-wrap::-webkit-scrollbar {
      display: none;
    }

    .outsc-compare-wrap .otit .tabmenu-list-wrap ul{margin-left:20px;margin-right:20px;width:auto;float:left;}
    .outsc-compare-wrap .otit .tabmenu-list-wrap ul li{white-space:nowrap;}
    .outsc-compare-wrap .otit .tabmenu-list-wrap ul li a{font-size:14px;}
    .outsc-compare-wrap .compare-list-wrap{overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;}
    .outsc-compare-wrap .compare-list-wrap::-webkit-scrollbar {
      display: none;
    }

    .outsc-compare-wrap .compare-list-wrap>ul{margin-left:20px;display:flex;justify-content:flex-start;align-items:center;margin-right:20px;width:auto;float:left;}
    .outsc-compare-wrap .compare-list-wrap>ul>li{margin:0 10px;width:248px;height:275px;}

    .outsc-compare-wrap .compare-list-wrap02{}
    .outsc-compare-wrap .compare-list-wrap02>ul{width:100%;margin-left:0;}
    .outsc-compare-wrap .compare-list-wrap02>ul>li{width:calc( 100% / 3 );margin:0;}
    .outsc-compare-wrap .compare-list-wrap02 li .per{display:block;}
    .outsc-compare-wrap .compare-list-wrap02 li .per strong{font-size:30px;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;}
    .outsc-compare-wrap .compare-list-wrap02 li .per span{margin:10px 0 0 0;font-size:12px;line-height:1.33em;display:flex;justify-content:center;align-items:center;width:calc( 100% - 20px );text-align:center;padding:0 10px;}

    .outsc-compare-wrap .compare-list-wrap li a{padding:20px;width:calc( 100% - 2px - 40px  )}
    .outsc-compare-wrap .compare-list-wrap li a .mtit{margin-top:0;font-size:18px;}
    .outsc-compare-wrap .compare-list-wrap li a .mdesc{font-size:14px;}
    .outsc-compare-wrap .compare-list-wrap li a ul{margin-top:10px;padding-top:5px}
    .outsc-compare-wrap .compare-list-wrap li a ul li{margin-top:5px;}
    .outsc-compare-wrap .compare-list-wrap li a ul li .key{font-size:12px;width:90px;}
    .outsc-compare-wrap .compare-list-wrap li a ul li .value{font-size:12px;}
    .outsc-compare-wrap .compare-list-wrap li a ul li .value strong{font-size:14px;}
    .outsc-compare-wrap .compare-list-wrap li .cnt{top:auto;bottom:20px;right:20px;}

    .outsc-partner-wrap{width:calc( 100% - 40px );}
    .outsc-partner-wrap .otit{padding:34px 0 20px 0;}
    .outsc-partner-wrap .otit strong{font-size:22px;}
    .outsc-partner-wrap .group-best{display:block;}
    .outsc-partner-wrap .group-best .box-best{height:180px;width:100%;margin-bottom:10px;}
    .outsc-partner-wrap .group-best .box-best .desc{text-align:center;padding:10px 20px;height:auto;}
    .outsc-partner-wrap .group-best .box-best .desc p{font-size:12px;width:100%;line-height:1.3em;}
    .outsc-partner-wrap .group-best .box-best .desc h6{font-size:10px;}

    .outsc-review-wrap{width:100%;}
    .outsc-review-wrap .otit{width:calc( 100% - 40px );padding:34px 20px 20px 20px;}
    .outsc-review-wrap .otit strong{font-size:22px;line-height:1.5em;}
    .outsc-review-wrap .scrolls{width:100%;height:auto;overflow:hidden;overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;}
    .outsc-review-wrap .scrolls::-webkit-scrollbar {
      display: none;
    }
    .outsc-review-wrap ul.list-case{width:750px;margin:0 20px;}
    .outsc-review-wrap ul.list-case > li{width:200px;height:220px;padding:20px;}
    .outsc-review-wrap ul.list-case > li h5{font-size:18px;width:100%;height:auto;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;}
    .outsc-review-wrap ul.list-case > li .desc{font-size:16px;line-height:1.5em;width:100%;height:auto;overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; text-overflow: ellipsis;}
    .outsc-review-wrap ul.list-case > li .tags button{height:30px;font-size:12px;padding:0 6px;}
    .outsc-review-wrap ul.list-case > li .corpInfo .ceo{font-size:14px;}

    .outsc-tip-wrap{}
    .outsc-tip-wrap{width:100%;}
    .outsc-tip-wrap .otit{display:block;width:calc( 100% - 40px );padding:34px 20px 20px 20px;}
    .outsc-tip-wrap .otit strong{font-size:22px;line-height:1.5em;}
    .outsc-tip-wrap .otit span{margin-left:0;font-size:14px;color:#5e6062;margin-top:5px;}
    .outsc-tip-wrap .scrolls{padding-bottom:10px;width:100%;height:auto;overflow:hidden;overflow-x:auto;display:flex;justify-content:flex-start;align-items:center; -ms-overflow-style: none; scrollbar-width: none;}
    .outsc-tip-wrap .scrolls::-webkit-scrollbar {
      display: none;
    }
    .outsc-tip-wrap ul.list-case{width:auto;margin:0 20px;float:left;}
    .outsc-tip-wrap ul.list-case > li{margin-left:15px;width:282px;height:370px;padding:0px;}
    .outsc-tip-wrap ul.list-case > li:first-child{margin-left:0;}


    .outsc-category-wrap .osc-info-area{background-color: #fff; padding:0;height:auto; box-sizing:border-box; margin: 0;}
    .outsc-category-wrap .osc-info-area .osc-info{margin-top:40px;width:calc( 100% - 40px );display: flex; flex-direction: column; position: relative; padding-bottom: 0px;font-size:28px;padding:0 20px;}
    .outsc-category-wrap .osc-info-area .osc-info .info-tt1{margin-bottom:0;font-size: 28px; font-weight: 800; line-height: 1.21;  color: #222;}
    .outsc-category-wrap .osc-info-area .osc-info .info-tt1 br{display:none;}
    .outsc-category-wrap .osc-info-area .osc-info .info-tt1 span{color: #0d89e8;}
    .outsc-category-wrap .osc-info-area .osc-info .btn-link1{font-size: 15px;font-weight: 500; line-height: 1.33; color: #313131; text-decoration: underline; position: absolute; bottom: 52px; display: flex; justify-content: center; width: 100%;}
    .outsc-category-wrap .osc-info-area .osc-info .btn-detail{font-size: 14px;font-weight: 500;line-height: 1.33;color: #313131;position: absolute; bottom: 12px; display: flex;justify-content: center;width: 51%; border: 1px solid #3da1ed;color: #3da1ed;height: 26px;border-radius: 30px;align-items: center;left: 24.5%;}

    .outsc-category-wrap .osc-info-area .osc-info .info-tt2{width:100%;line-height: 1.33; color: #101010; font-size: 15px; margin-top: 12px;}
    .outsc-category-wrap .osc-info-area .osc-info .info-left{width:100%;box-sizing: border-box; display: flex; flex-direction: column;}
    .outsc-category-wrap .osc-info-area .osc-info .info-right{padding-left:0;border-left:0;width:100%;box-sizing: border-box; display: flex; margin-top: 20px; justify-content: space-between;flex-direction: row;min-height:0;}
    .outsc-category-wrap .osc-info-area .osc-info dl{margin-top:0;width:33%;text-align: center;}
    .outsc-category-wrap .osc-info-area .osc-info dl dt{font-size: 12px; line-height: 8px; color: #222; font-weight: 600;}
    .outsc-category-wrap .osc-info-area .osc-info dl dd{font-size: 12px; line-height: 34px; color: #0d89e8; margin-bottom: 26px; font-weight: 600; display: flex; align-items: center; flex-direction: column;}
    .outsc-category-wrap .osc-info-area .osc-info dl dd span{font-size: 22px; font-family: 'GmarketSansBold';}
    .outsc-category-wrap .osc-info-area .osc-info dl dd:last-child{margin-bottom: 0}
    .outsc-category-wrap .osc-info-area .osc-info dl dd b{margin-top: -10px;}
    .outsc-category-wrap .osc-info-area .osc-info .btn-link2{ width: 100%; height: 60px; background-color: #0d89e8; display: flex; align-items: center; justify-content: center;  font-size: 20px; color: #fff; font-weight: 600; position: fixed; bottom: 55px;  left: 0; z-index: 10;}

    .outsc-category-wrap .osc-info-area .osc-visual.swiper-container{margin: 0 -25px;}
    .outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper > div{width: 100%; min-height: 353px; background: #fff url(https://resource.mall.castingn.com/static/images/service/osc_banner_bg.png) center 22px/210px 142px no-repeat; margin-top: 10px; box-sizing: border-box; padding: 163px 16px 0 16px; position: relative;}

    .outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt1{margin-top:20px;color:#101010;width:calc( 100% - 40px );padding:0 20px;font-size: 16px; line-height: 26px; letter-spacing: -0.8px; text-align: center;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt1 br{display: none;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt1 span{font-weight: 700; letter-spacing: -0.96px; color: #0d89e8; font-size: 16px;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt2{margin-top:20px;width:calc( 100% - 40px );padding:0 20px;color: #111; font-size: 12px; line-height: 1.33; margin-top: 7px; text-align: center;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-visual-tt2 br{display: none;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-pagination{width:100%;margin-left:0;position: absolute;bottom: 25px;left: 0;z-index: 1;display: flex; justify-content: center;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-pagination .swiper-pagination-bullet{background:#b2b4b6;opacity:1;}
    .outsc-category-wrap .osc-info-area .osc-visual .osc-pagination .swiper-pagination-bullet-active{background:#0d89e8;}
    .outsc-category-wrap .osc-info-area .osc-visual .swiper-button-next{margin-left:0;left:auto;top:auto;height: 216px;border-radius:0; width: 27px; position: absolute; bottom: 64px; z-index: 1; background: rgba(231, 233, 235, 0.6); right: 28px; text-indent:0px; font-size: 0;}


    .outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-01::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_01.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 188px; height: 128px; left: 50%; top: 35px; margin-left: -99px;}
    .outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-02::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_02.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 188px; height: 128px; left: 50%; top: 35px; margin-left: -99px;}
    .outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-03::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_03.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 188px; height: 128px; left: 50%; top: 35px; margin-left: -99px;}
    .outsc-category-wrap .osc-info-area .osc-visual .swiper-wrapper .slide-04::after{background:url(https://resource.mall.castingn.com/static/images/service/osc_banner_04.png) left center/100% no-repeat; position: absolute; content: ''; display: block; width: 188px; height: 128px; left: 50%; top: 35px; margin-left: -99px;}

    .outsc-category-wrap .osc-info-area .osc-item-tit{margin-top: 30px; display: flex; align-items: center; flex-direction: column;}
    .outsc-category-wrap .osc-info-area .osc-item-tit .ico-chk-blue{width: 20px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/service/ico-check-blue.png) left/100% no-repeat; margin-right: 9px;}
    .outsc-category-wrap .osc-info-area .osc-item-tit span{font-size: 16px; font-weight: 700; color: #222; line-height: 21px; margin-top: 12px;}
    .outsc-category-wrap .osc-info-area .osc-item-tit a{font-size: 13px; color: #045291; text-decoration: underline; margin-left: 37px; display: none;}

    .outsc-category-wrap .osc-info-area .osc-list{display: flex; margin-top: 30px; overflow-x: scroll; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}
    .outsc-category-wrap .osc-info-area .osc-list::-webkit-scrollbar{display: none;}
    .outsc-category-wrap .osc-info-area .osc-list .rail{display: flex; align-items: center; justify-content: space-between; width: 790px; padding-bottom: 20px; position: relative; }

    .outsc-category-wrap .osc-info-area .osc-item-box{margin-right: 23px;}
    .outsc-category-wrap .osc-info-area .osc-item-box:last-child{margin-right: 0;}

    .outsc-category-wrap .osc-info-area .osc-list .osc-item{
        /* width: 248px; */
        width: 100%;
        height: 275px;
        background: #fff;
        -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        display: block;
        box-sizing: border-box;
        padding: 17px 24px 17px;
        position: relative;
        border: 2px solid transparent;
    }
    .outsc-category-wrap .osc-info-area .osc-list .osc-item:hover{border: 2px solid #d8ecfc;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt{position: relative;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt dt{font-size: 20px; color: #222; letter-spacing: -0.5px; font-weight: 700; line-height: 28px;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt dd{font-size: 18px; color: #222; letter-spacing: -0.45px; font-weight: 600; line-height: 33px;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt dd span{font-weight: 800;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt::before {content:""; display:block; bottom:-10px; left:0; width:12px; height:2px; background:#000000; position:absolute;}
    .outsc-category-wrap .osc-info-area .osc-item ul{margin-top: 20px;}
    .outsc-category-wrap .osc-info-area .osc-item ul li{font-size: 13px; display: flex; align-items: center;}
    .outsc-category-wrap .osc-info-area .osc-item ul li .label{color: #848485; font-weight: 500; letter-spacing: -0.33px; line-height: 21px; margin-right: 17px; width: 70px;}
    .outsc-category-wrap .osc-info-area .osc-item ul li .t-bk{font-weight: 700; color: #000;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count{position:absolute; right:24px; bottom:20px; display:flex; align-items:flex-end;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count .osc-num{font-size: 68px; font-weight: 800; line-height: 0.93;	letter-spacing: -1.7px; color: #000;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count .ico-info{width: 25px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/service/ico-info.png) left/100% no-repeat; margin-right: 5px;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count .msg-box{width: 86px; height: 21px; background: #d8ecfc; display: flex; align-items: center; justify-content: center; color: #0075CE; border: 1px solid #3374c8; font-size: 12px;
        border-radius: 10px; position: absolute; left: -63px; top: 0; visibility: hidden;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count .msg-box:after{width: 6px; height: 6px; background: url(https://resource.mall.castingn.com/static/images/service/msg-box-arrow.png) left/100% no-repeat; position: absolute; content: ''; display: block; right: 12px; top: 21px;}

    .outsc-category-wrap .osc-info-area .result-tt-area{margin-top:20px;background:#eff7ff;width:calc( 100% + 0px );padding:20px;margin-left:-20px;display: flex; justify-content: space-between;}
    .outsc-category-wrap .osc-info-area .result-tt{margin-top:0px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .outsc-category-wrap .osc-info-area .result-tt strong{margin:0;font-size: 30px; color: #045291; font-family: 'GmarketSansBold';}
    .outsc-category-wrap .osc-info-area .result-tt span{font-size: 12px; font-weight: 500; line-height: 14px; color: #023b69; text-align: center;padding-top:5px; margin-top: 6px;}

    .outsc-category-wrap .chksel-box .osc-tab-menu{margin-top: 32px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}
    .outsc-category-wrap .chksel-box .osc-tab-menu::-webkit-scrollbar{display: none;}
    .outsc-category-wrap .chksel-box .osc-tab-menu ul{display: flex; }
    .outsc-category-wrap .chksel-box .osc-tab-menu ul li a{display: flex; height: 43px; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 500; color: #32ab8c; align-items: flex-start; justify-content: center; padding: 0 20px; white-space: nowrap;}
    .outsc-category-wrap .chksel-box .osc-tab-menu ul li.on a{font-weight: 700; border-bottom: 3px solid #32ab8c;}
    .outsc-category-wrap .chksel-box .osc-tab-con{padding: 21px 24px 9px 22px; border-radius:0 0 12px 12px;	background-color: #f8f8f8; box-sizing: border-box; margin: 0 -20px;}
    .outsc-category-wrap .chksel-box .tab-detail-menu{border-bottom: 1px solid #e7e9eb;}
    .outsc-category-wrap .chksel-box .tab-detail-menu:nth-child(1) .detail-tit{margin-top: 0;}
    .outsc-category-wrap .chksel-box .tab-detail-menu .detail-tit{font-size: 12px; color: #85888c; line-height: 16px; margin:10px 0 8px; display: block;}
    .outsc-category-wrap .chksel-box .tab-detail-menu ul{display: flex; align-items: center; padding-bottom: 15px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;}
    .outsc-category-wrap .chksel-box .tab-detail-menu ul::-webkit-scrollbar{display: none;}
    .outsc-category-wrap .chksel-box .tab-detail-menu ul li{margin-right: 30px;}
    .outsc-category-wrap .chksel-box .tab-detail-menu ul li a{font-size: 15px; color: #222222; line-height: 20px; white-space: nowrap;}
    .outsc-category-wrapside-wrap .chksel-box .tab-detail-menu ul li.on a{color: #32ab8c;}

    .outsc-category-wrap .chksel-box .btn-tab-toggle{display: flex; align-items: center; justify-content: center; height: 24px; background: url(https://resource.mall.castingn.com/static/images/service/btn-tab-toggle.png) center center/24px 24px no-repeat; text-indent: -999999px; font-size: 0;
        margin-top: 8px;}
    .outsc-category-wrap .chksel-box .btn-tab-toggle.on{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

    .outsc-category-wrap .chksel-box .tab-total-menu{display: flex; align-items: center; height: 24px; border-bottom: 1px solid #E7E9EB; padding:0 0 13px 20px;}
    .outsc-category-wrap .chksel-box .tab-total-menu strong{font-weight: 600; font-size: 16px; color: #000000; letter-spacing: -0.64px; margin-right: 11px;}
    .outsc-category-wrap .chksel-box .tab-total-menu ul{display: flex;}
    .outsc-category-wrap .chksel-box .tab-total-menu ul li{display: flex; align-items: center; margin-right: 13px;}
    .outsc-category-wrap .chksel-box .tab-total-menu ul li span{font-size: 16px; color: #32AB8C; letter-spacing: -0.64px;}
    .outsc-category-wrap .chksel-box .tab-total-menu ul li .btn-menu-close{width: 24px; height: 24px; text-indent: -9999999px; font-size: 0; background: url(https://resource.mall.castingn.com/static/images/service/btn-tab-close.png) left/24px no-repeat; margin-left: 3px;}

    .outsc-category-wrap .srv-detail-list > ul{display: flex; align-items: center; flex-wrap: wrap;}
    .outsc-category-wrap .srv-detail-list > ul > li{border-bottom: 1px solid #e7e9eb; box-sizing: border-box; width: 100%; overflow: hidden; margin-top: 10px; display: flex; position: relative;}
    .outsc-category-wrap .srv-detail-list > ul > li:nth-child(2n){margin-right: 0;}

    .outsc-category-wrap .srv-detail-list .srv-thum{width: 120px; height: 89px;}
    .outsc-category-wrap .srv-detail-list .srv-thum img{width: 100%; height: 100%; object-fit: cover;}
    .outsc-category-wrap .srv-detail-list .srv-bottom{padding: 0 0 7px 15px; width: calc(100% - 120px); box-sizing: border-box;}
    .outsc-category-wrap .srv-detail-list .srv-bottom > a{display: block;}
    .outsc-category-wrap .srv-detail-list .srv-line1{display: flex; align-items: flex-start; padding: 15px 0 15px 0; position: absolute; left: 14px; top: 60px; flex-direction:column; border-bottom: none;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-thum{width: 28px; height: 28px; border-radius: 14px; overflow: hidden;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-thum img{width: 100%;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-info{display: flex; flex-direction: column; margin-left: -11px; align-items: flex-start;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-name{font-weight: 700; color: #333; font-size: 12px;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating{font-size: 12px; color: #666; display: flex; align-items: center;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating .rating-num{font-size: 12px; color: #32ab8c; font-weight: 500; margin-left: 4px;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating .ico-star{width: 11px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-star.png) left/11px no-repeat; margin-right: 2px;}
    .outsc-category-wrap .srv-detail-list .srv-line2{font-size: 16px; color: #000; text-align: left; line-height: 1.5; max-height: 48px; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; font-weight: 500;
      padding: 0; letter-spacing: -0.64px; border-bottom: none;}
    .outsc-category-wrap .srv-detail-list .srv-line3{font-size: 12px; color: #85888d; text-align: left;}

    .outsc-category-wrap .srv-detail-list .srv-line4 li{display: flex; justify-content: space-between; align-items: flex-start; margin-top: 5px; flex-wrap: wrap;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price1 span{font-size: 12px; color: #999;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price1 span:last-child{text-decoration: line-through;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price2{font-size: 14px; color: #000; font-weight: 700;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3{font-size: 14px; color: #000; font-weight: 700;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span:first-child{display: flex; align-items: center; margin-bottom: 11px;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span:last-child{font-size: 14px; color: #4c92f1;}
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span .ico-pin{width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) left/12px no-repeat; margin-right: 5px; }
    .outsc-category-wrap .srv-detail-list .srv-line4 .srv-price3 span b{color: #32ab8c; margin-left: 7px;}
    .outsc-category-wrap .srv-detail-list a.srv-bt{height: 38px; display: flex; border-radius: 8px; color: #239d86; text-align: center; background: #e2f8f1; box-sizing: border-box;	font-size: 14px; align-items: center; justify-content: center; font-weight: 700; margin-top: 0;}
    .outsc-category-wrap .srv-detail-list a.srv-bt .connect{font-size: 13px; color: #32ab8c; font-weight: 700; margin-right: 5px;}
    .outsc-category-wrap .srv-detail-list a.srv-bt:hover .connect{font-size: 13px; color: #fcff00; font-weight: 700; margin-right: 5px;}
    .outsc-category-wrap .srv-detail-list .srv-line3{padding-bottom:24px; border-bottom: none; padding-top: 9px;}
    .outsc-category-wrap .srv-detail-list .time-tt{text-align: left;position:absolute;left:135px;top:82px; font-weight: normal; color: #858585; margin-top: 13px; }

    /*   */
    .budget-wrap {border:3px solid #0e89e8; border-radius:30px; background:#fff; max-width:1440px; margin:30px auto 0;
        -webkit-box-shadow: 9px 9px 24px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 9px 9px 24px 0px rgba(0,0,0,0.08);
        box-shadow: 9px 9px 24px 0px rgba(0,0,0,0.08);
    }

    .budget-wrap .budget-area {padding:20px 0 0 0; margin:0 20px; position:relative;}
    .budget-wrap .budget-area .budget-tt {display:flex; align-items:center;}
    .budget-wrap .budget-area .budget-tt span {font-size:20px; font-weight:700; letter-spacing:-0.04em; color:#000;}
    .budget-wrap .budget-area .budget-tt .ico-won {width:34px; height:29px; background:url(https://resource.mall.castingn.com/static/images/ico-won.png) center no-repeat; margin-right:5px;}
    .budget-wrap .budget-area .budget-price {display:flex; justify-content:flex-end; align-items:center; font-size:19px; font-weight:700; color:#000000; line-height:65px;}
    .budget-wrap .budget-area .budget-price .price-box {margin-right:10px; cursor:pointer;}
    .budget-wrap .budget-area .budget-price .price-box strong {font-size:59px; font-weight:700; letter-spacing:-0.04em; color:#000;}
    .budget-wrap .budget-area .budget-price .price-box input{width:136px;height:34px;border:1px solid #c8c8c8;border-radius:4px;font-size:20px;color:#101010;font-weight:bold;padding:0 10px;background:#f8f8f8}
    .budget-wrap .budget-area:before {content:""; display:block; width:100%; height:1px; position:absolute; bottom:-1px; left:0;
        background: rgba(29,132,211,0);
        background: -moz-linear-gradient(left, rgba(29,132,211,0) 0%, rgba(29,132,211,0) 30%, rgba(29,132,211,1) 51%, rgba(29,132,211,0) 68%, rgba(29,132,211,0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(29,132,211,0)), color-stop(30%, rgba(29,132,211,0)), color-stop(51%, rgba(29,132,211,1)), color-stop(68%, rgba(29,132,211,0)), color-stop(100%, rgba(29,132,211,0)));
        background: -webkit-linear-gradient(left, rgba(29,132,211,0) 0%, rgba(29,132,211,0) 30%, rgba(29,132,211,1) 51%, rgba(29,132,211,0) 68%, rgba(29,132,211,0) 100%);
        background: -o-linear-gradient(left, rgba(29,132,211,0) 0%, rgba(29,132,211,0) 30%, rgba(29,132,211,1) 51%, rgba(29,132,211,0) 68%, rgba(29,132,211,0) 100%);
        background: -ms-linear-gradient(left, rgba(29,132,211,0) 0%, rgba(29,132,211,0) 30%, rgba(29,132,211,1) 51%, rgba(29,132,211,0) 68%, rgba(29,132,211,0) 100%);
        background: linear-gradient(to right, rgba(29,132,211,0) 0%, rgba(29,132,211,0) 30%, rgba(29,132,211,1) 51%, rgba(29,132,211,0) 68%, rgba(29,132,211,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d84d3', endColorstr='#1d84d3', GradientType=1 );
    }
    .budget-wrap .budget-area:after {content:""; width:58px; height:58px; background:url(https://resource.mall.castingn.com/static/images/ico-budget-btm.png) center no-repeat; position:absolute; bottom:-29px; left:50%; margin-left:-29px; border-radius:29px;
        -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.11);
        -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.11);
        box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.11);
    }

    .budget-box {display:none;width:100%; max-width:1200px; margin:0 auto; padding:60px 0 0 0; position:relative;}
    .budget-box .budget-box-bg {height:30px; position:relative; background:#dce5ea; border-radius:15px;}
    .budget-box .budget-box-bg .budget-bar {position:absolute; left:0; top:0; height:30px; border:5px solid #dde8ef; border-radius:15px; box-sizing:border-box;
        background: rgba(76,179,161,1);
        background: -moz-linear-gradient(left, rgba(76,179,161,1) 0%, rgba(14,137,232,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,179,161,1)), color-stop(100%, rgba(14,137,232,1)));
        background: -webkit-linear-gradient(left, rgba(76,179,161,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(left, rgba(76,179,161,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(left, rgba(76,179,161,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(to right, rgba(76,179,161,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb3a1', endColorstr='#0e89e8', GradientType=1 );
        -webkit-box-shadow: 25px 0 25px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 25px 0 25px 0px rgba(0,0,0,0.1);
        box-shadow: 25px 0 25px 0px rgba(0,0,0,0.1);

    }
    .budget-box .budget-box-bg .budget-bar .bar-circle {position:absolute;right: -28px;top: -19px;width:80px;height:58px;background:url(https://resource.mall.castingn.com/static/images/bar-point.png) center no-repeat; cursor:pointer; transition:200ms;}
    .budget-box .budget-box-bg .budget-bar.low-data .bar-circle {width:59px;height:58px;background:url(https://resource.mall.castingn.com/static/images/bar-point-circle.png) center no-repeat;}
    .budget-box .budget-box-bg .budget-bar .bar-label {width:63px; height:61px; position:absolute; top:-73px; right:0; margin-right:-32px; background:url(https://resource.mall.castingn.com/static/images/bar-label.png) center no-repeat;}
    .budget-box .budget-label {position:absolute; bottom:5px; width:100%; left:0; height:45px;}
    .budget-box .budget-label .label-area {position:absolute; transform:translate(-50% , 0); top:0; padding-top:20px;}
    .budget-box .budget-label .label-area span {white-space:nowrap; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#999999;}
    .budget-box .budget-label .label-area.on-label span {color:#000000;}
    .budget-box .budget-label .label-area:before {content:""; display:block; width:0; height:0; position:absolute; top:0; left:50%; margin-left:-5px; border-bottom:8px solid #32ab8c; border-left:5px solid transparent; border-right:5px solid transparent;}



    .mob-type.budget-wrap{margin-top:0;display:block;}
    .mob-type.budget-wrap .budget-box{display:block;padding-bottom:65px;}
    .budget-box .budget-label{left:20px;width:calc( 100% - 40px );}
    .budget-box .budget-label .label-area span{font-size:14px;}
    .budget-box .budget-box-bg .budget-bar .bar-label{height:34px;border:3px solid #32ab8c;background:#fff;border-radius:8px;padding:0 15px;font-size:16px;color:#101010;display:inline-flex;justify-content:center;align-items:center;font-weight:bold;}
    .budget-box .budget-box-bg .budget-bar .bar-label:after{content: '';position: absolute;
        border-style: solid;border-width: 10px 6px 0px 6px;border-color: #32ab8c transparent;display: block;width: 0;z-index: 1;bottom:-10px;left: 60px;
    }


    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-co-name{margin-top:10px;}
    .outsc-category-wrap .chksel-tit2{width:calc( 100% - 40px ); text-align:left; padding:28px 20px 0 20px; font-size:16px;}
    .outsc-category-wrap .chksel-tit2 .dev_total_cnt{font-size:16px;}
    .outsc-category-wrap .srv-detail-list{width:100%;padding:0 0px 60px 0px;}
    .outsc-category-wrap .srv-detail-list > ul > li{padding-top:20px; border:0; border-top:1px solid #e7e9eb; margin:0 0 0 0;border-radius:0;}
    .outsc-category-wrap .srv-detail-list .srv-line1 .srv-rating{margin-top:0;}
    .outsc-category-wrap .chksel-box .osc-tab-menu ul li{margin-left:0;}
    .outsc-category-wrap .chksel-box .osc-tab-menu ul li a{height:34px;}

    .outsc-category-wrap .chksel-box{width:calc( 100% - 40px );}
    .outsc-category-wrap .chksel-box .ctit{text-align:center;font-size:16px;}
    .outsc-category-wrap .chksel-box .cdesc01{text-align:center;font-size:14px;}
    .outsc-category-wrap .chksel-box .cdesc02{text-align:center;font-size:12px;}
    .outsc-category-wrap .chksel-box i{text-align: center;display:block;margin:0 auto;font-size:20px;color:#59a88e;font-weight:bold;}
    .outsc-category-wrap .osc-msg-wrap{padding-top:0;padding-bottom:0px;width:calc( 100% - 40px );text-align:center;border-top:0;}
    .outsc-category-wrap .osc-msg-wrap span{line-height:1.22em;font-size:16px;flex:1;padding:0 10px;}
    .outsc-category-wrap .osc-info-area .osc-list{width: 100%; /*padding:20px 20px 0 20px;*/ margin-top:0;display: block;}
    .outsc-category-wrap .osc-info-area .osc-list .osc-item{box-shadow:none;border:1px solid #e5e5e5;background:#f9f9fa;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt dt{font-size:15px;}
    .outsc-category-wrap .osc-info-area .osc-item .item-tt dd{font-size:11px;}
    .outsc-category-wrap .osc-info-area .osc-item ul li{display:block;}
    .outsc-category-wrap .osc-info-area .osc-item ul li .label{display:block;font-size:10px;color:#5e6062;}
    .outsc-category-wrap .osc-info-area .osc-item ul li .t-bk{display:block;font-size:15px;color:#000;}
    .outsc-category-wrap .osc-info-area .osc-list .osc-item{ /*height:340px;*/ height: 285px;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count .osc-num{font-size:45px;}
    .outsc-category-wrap .osc-info-area .osc-item .item-count .msg-box{top:-10px;}
    .outsc-category-wrap .osc-info-area .osc-list .rail{margin-right:20px;}
    .outsc-category-wrap .chksel-box{margin-top:20px;}

    .mob-outsc-fmenu-wrap{width:100%;height:72px;overflow:hidden;background:#f9f9fa;border-bottom:1px solid #f3f1f1;display:flex;justify-content:center;align-items:center;}
    .mob-outsc-fmenu-wrap.on{position:fixed;left:0;top:50px;z-index:50;}
    .mob-outsc-fmenu-wrap button{display:flex;justify-content:center;align-items:center;width:155px;height:42px;border-radius:21px;border:0;background-image: linear-gradient(91deg, #5eb7fc 12%, #3f88e1 87%);font-size:16px;color:#fff;font-weight:bold;}
    .mob-outsc-fmenu-wrap button + button{margin-left:8px;border:1px solid #c8c8c8;background:#fff;font-size:18px;color:#0075ce;font-weight:bold;}
    .outsc-slide-wrap .swiper-container{margin-bottom:20px;}

    .osc-thumnail-list{width:100%;overflow-x:auto;margin-top:20px;}
    .osc-thumnail-list > ul{ margin:0 20px; width:auto;float:left;display:flex;justify-content:flex-start;align-items:center;}
    .osc-thumnail-list > ul > li{width:196px;height:287px;border-radius:12px;}
    .osc-thumnail-list > ul > li > a{height:283px}
    .osc-thumnail-list > ul > li > a:hover{border: none;}
    .osc-thumnail-list > ul > li > a .opic{height:145px;}
    .osc-thumnail-list > ul > li > a .ocont .odate{font-size:12px;margin-top:12px;}
    .osc-thumnail-list > ul > li > a .ocont .oper strong{font-size:14px;}
    .osc-thumnail-list > ul > li > a .ocont .oper span{font-size:14px;}
    .osc-thumnail-list > ul > li > a .ocont .otit{font-size:15px;}
    .osc-thumnail-list > ul > li > a .ocont .osmart strong{font-size:12px;}

    .detail-head{
        display: flex;
        height: 50px;
        background: rgba(70,204,123,1);
        background: -moz-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,204,123,1)), color-stop(100%, rgba(19,141,223,1)));
        background: -webkit-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: -o-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: -ms-linear-gradient(left, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        background: linear-gradient(to right, rgba(70,204,123,1) 0%, rgba(19,141,223,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46cc7b', endColorstr='#138ddf', GradientType=1 );
        align-items: center;
    }

    .detail-head .head-thum{width: 35px; height: 35px; margin-left: 10px;}
    .detail-head .head-thum img{width: 100%;}
    .detail-head span{color: #fff; font-size: 16px; font-weight: 700; margin-left: 9px;}
    .outsc-detail-top .detail-loca-wrap{display:none;}

    .outsc-detail-top .top-area.type2-area{
        padding-bottom: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .outsc-detail-top .top-area.type2-area .top-left{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .outsc-detail-top .top-area.type2-area .top-right{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        transition: .2s;
    }


    .outsc-detail-top .top-area.type2-area .sourcing-tit .title-area2{font-size: 18px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tit .rating-area{position: relative; top: 0; margin-top: 10px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tit .rating-area .btn-pinclub{margin-left: auto; display: flex; align-items: center;}
    .outsc-detail-top .top-area.type2-area .sourcing-tit .rating-area .btn-pinclub .ico-finclub{width:19px; height:19px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right:5px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tit .rating-area .btn-pinclub .ico-info{width:14px; height:14px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-info.png) center/100% no-repeat; margin-left:10px;}

    .outsc-detail-top .top-area.type2-area .detail-right-sec{display: block;}
    .outsc-detail-top .top-area.type2-area .sourcing-right{padding-top: 10px;}

    .outsc-detail-top .top-area.type2-area .top-title.sourcing-tit{display: flex; flex-direction: column; margin: 20px 20px 0 20px;}

    .outsc-detail-top .top-area.type2-area .select-area{padding: 0; border-bottom: 1px solid #d1d1d1; height: auto; padding: 30px 10px 10px 10px;}
    .outsc-detail-top .top-area.type2-area .select-area .select-label{font-size: 16px; color: #000; font-weight: 700;}
    .outsc-detail-top .top-area.type2-area .select-area .select-right{width: auto; padding-top: 0;}
    .outsc-detail-top .top-area.type2-area .select-area .select-right .dc-area{font-size: 18px;}
    .outsc-detail-top .top-area.type2-area .select-area .select-right .price-area{font-size: 16px;}
    .outsc-detail-top .top-area.type2-area .select-area .select-right .price-area strong{font-size: 22px;}

    .outsc-detail-top .top-area.type2-area .top-left .partner-box{border: 1px solid #e5e5e5; border-radius: 10px; box-sizing: border-box; padding: 15px; background: #fdfdfd;
        display: flex; margin: 0 10px; align-items: center;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-thum{width: 74px; display: flex; flex-direction: column; align-items: center;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-thum img{width: 100%;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-thum span{font-size: 14px; color: #414141; margin-top: 10px;}

    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-con{display: flex; align-items: flex-start; flex-direction: column; width: calc(100% - 74px); padding-left: 30px; box-sizing: border-box;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-con p{font-size: 13px; color: #111;  line-height: 24px;}

    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info{display: flex; align-items: center; margin-top: 5px; width: 100%; border-top: 1px solid #eaeaea; padding-top: 17px; flex-wrap: wrap;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info span{font-size: 13px; color: #000; display: flex; align-items: center; margin-right: 5px; margin-bottom: 5px;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i{width: 28px; height: 28px; margin-right: 6px;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i.ico-time{background:url(https://resource.mall.castingn.com/static/images/sub/ico-time.png) center/100% no-repeat;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i.ico-epy{background:url(https://resource.mall.castingn.com/static/images/sub/ico-epy.png) center/100% no-repeat;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i.ico-sales{background:url(https://resource.mall.castingn.com/static/images/sub/ico-sales.png) center/100% no-repeat;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info .btn-more-info{width: 130px; height: 32px; margin-left: auto; border-radius: 30px; background: #fff;
        font-size: 14px; color: #000; align-items: center; justify-content: center; border: 1px solid #515151; display: flex;}

    .outsc-detail-top .top-area.type2-area .top-left .introduce-tt.sourcing-tt{font-size: 18px;margin: 30px 0 12px 15px;font-weight: 700;}

    /*.outsc-detail-top .top-area.type2-area .detail-list-box{border: 1px solid #000; border-radius: 10px; background: #fff; padding: 20px 15px;}*/
    .outsc-detail-top .top-area.type2-area .detail-list-box{
        border-radius: 10px;
        background: #fff;
        padding: 20px 15px;
        height: 14px;
        overflow: hidden;
        transition: .2s;
    }
    .outsc-detail-top .top-area.type2-area .detail-list-box.on {
        height:250px;
    }
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit{
        display: flex;
        border-bottom: 1px solid #e1e1e1;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 14px;
    }
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit .detail-price i.ico-list-check{width: 32px; height: 32px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-detail-check.png) center no-repeat; margin-right: 10px;}
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit .detail-period {
        font-size: 16px;
        font-weight: 600;
    }
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-tit .detail-period svg { margin-left: 10px; }
    .outsc-detail-top .top-area.type2-area .detail-list-box.on .detail-list-tit .detail-period svg { transform: rotate(180deg); }
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul li{margin-top: 10px; color: #000; display: flex; align-items: center; font-size: 14px;}
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul li::before{content: ''; width: 14px; height: 10px;
        background:url(https://resource.mall.castingn.com/static/images/sub/ico-sourcing-chk.png) center/100% no-repeat; margin-right: 9px;}

    .outsc-detail-top .top-area.type2-area .key-msg{font-size: 14px; color: #9a9ba7; margin-top: 14px; display: flex; align-items: center; padding: 0 10px;}
    /*.outsc-detail-top .top-area.type2-area .key-msg i{width: 26px; height: 26px; !*background: url(https://resource.mall.castingn.com/static/images/sub/ico-exp.png) left/100% no-repeat; ;*!}*/
    /*.outsc-detail-top .top-area.type2-area .key-msg p{margin-left: 20px; width: calc(100% - 50px);}*/
    .outsc-detail-top .top-area.type2-area .key-msg p{ width: 100%; margin:0; text-align: center; }

    .outsc-detail-top .top-area.type2-area .select-price-area2 { display:flex; justify-content:flex-end;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li {padding-left:30px; display:flex; align-items:center; justify-content: flex-end;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label { font-size:16px; line-height:30px; letter-spacing:-0.04em; color:#000000;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-box { font-size:16px; line-height:30px; letter-spacing:-0.04em; color:#000000; text-align:right; margin-left: 11px;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-box .t-line{text-decoration: line-through; color: #999;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li.normal-price .price-label {color:#999999;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input {display:none;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input + label {position:relative; cursor:pointer;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input + label:before {content:"";display:block;width: 20px;height: 20px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-off.png) center no-repeat;margin-right: 5px;background-size: 100%; position:absolute; left:-30px; top:1px;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input + label .price-dc {position:absolute;left: -110px;top: -2px;width:70px;height:25px;background:url(https://resource.mall.castingn.com/static/images/sub/detail-price-tip.png) center no-repeat;box-sizing:border-box;padding: 0 5px 0 0;text-align:center;line-height:25px;font-size:18px;letter-spacing:-0.04em;color:#fff;font-weight:700;}
    .outsc-detail-top .top-area.type2-area .select-price-area2 li .price-label input:checked + label:before {background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center no-repeat;background-size: 100%;}

    .outsc-detail-top .top-area.type2-area .option-area{display: flex; align-items:flex-start;  width: 100%; flex-direction: column; padding: 15px; box-sizing: border-box; background: #f9f9f9; border: 1px solid #e4e4e4; border-radius: 5px; margin-top: 24px;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list{font-size: 18px; color: #333333; font-weight: 500; width: 100%;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li{margin-top: 7px; display: flex; align-items: flex-start; justify-content: space-between; width: 100%;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li:first-child{margin-top: 0;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li > span{font-size: 13px; color: #7f7f7f; display: flex; align-items: center; width: 41%;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li.list-line1 .rd-group{font-size: 16px; color: #adadad;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li.list-line2 .rd-group{font-size: 16px; color: #000;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li.list-line3 .rd-group{font-size: 16px; color: #4c92f1;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list li .ico-finclub{width: 19px; height: 18px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) center/100% no-repeat; margin-right: 7px; display: none;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list input[type="radio"]{display: none;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list input[type="radio"]:checked + label::before{border: none; width: 20px; height: 20px;  background: url(https://resource.mall.castingn.com/static/images/sub/ico-radio-on.png) center/100% no-repeat;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list label{display: flex; align-items: center;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list label::before{width: 18px; height: 18px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list .rd-group{margin-left: auto; display: flex; align-items: center;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list .msg-box{width: 42px;height: 20px;background: #32ab8c;color: #fff;font-size: 12px;display: flex;align-items: center;justify-content: center;border-radius: 30px;position: relative;margin-right: 10px;}
    .outsc-detail-top .top-area.type2-area .option-area .rd-list .msg-box:after{width: 4px; height: 6px; content: ''; background: url(https://resource.mall.castingn.com/static/images/sub/ico-msgfbox-arrow.png) center/100%; position: absolute; right: -4px;}

    .outsc-detail-top .top-area.type2-area .btn-area .btn.btn-comp strong .bt-tt-ty1{font-size: 13px; color: #fcff00;}
    .outsc-detail-top .top-area.type2-area .cs-tt{text-align: center; font-size: 14px; color: #666; margin-top: 10px;}

    .outsc-detail-top .top-area.type2-area .sourcing-tab-area ul{display: flex;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li{width: 50%; background: #fff; display: flex; align-items: center; justify-content: center;
        height: 73px; border-bottom: 3px solid #ededed;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li.on{border-bottom: 3px solid #222;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li.on a{color: #222;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-area ul li a{font-size: 14px; font-weight: 700; color: #000; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color:#767676; }

    .outsc-detail-top .top-area.type2-area .sourcing-tab-con{margin: 30px 0; }
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con.tab1{margin-top: 40px;}
    /*.outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit{font-size: 18px; font-weight: 800; color: #000; margin: 0 10px; padding-bottom: 15px; border-bottom: 2px solid #ededed;}*/
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit span{border-bottom: 2px solid #0e89e8; padding-bottom: 15px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit span b{color: #0e89e8;}

    .outsc-detail-top .top-area.type2-area .process-step{padding:0 10px;}
    .outsc-detail-top .top-area.type2-area .process-step ul li{display: flex; align-items: center; margin-bottom: 31px;  position: relative;}
    .outsc-detail-top .top-area.type2-area .process-step ul li::before{width: 3px; height: calc(100% + 57px); background: #e4e4e4; content: ''; position: absolute; left: 19px; top: 29px; z-index: -1;}
    .outsc-detail-top .top-area.type2-area .process-step ul li:last-child::before{display: none;}

    .outsc-detail-top .top-area.type2-area .process-step ul li span{width: 35px; height: 34px; border-radius: 20px; margin-right: 18px; background: #4c92f1; color: #fff;
        display: flex; align-items: center; justify-content: center; font-size: 16px; font-style: italic; border: 6px solid #b9d4f9; box-sizing: border-box;}
    .outsc-detail-top .top-area.type2-area .process-step ul li p{width: calc(100% - 45px); font-size: 15px;}
    .outsc-detail-top .top-area.type2-area .faq-area{margin: 0 10px;}
    .outsc-detail-top .top-area.type2-area .faq-area .faq-tit{font-size: 18px; font-weight: 800; color: #000; border-bottom: 1px solid #ededed; padding-bottom: 15px; padding-left: 10px;}
    .outsc-detail-top .top-area.type2-area .faq-area .faq-list li{font-size: 15px; color: #000;}
    .outsc-detail-top .top-area.type2-area .faq-area .faq-list .faq-q{padding: 12px 34px 12px 20px; cursor: pointer; background: url(https://resource.mall.castingn.com/static/images/sub/ico-qna-down.png) 96% center/12px no-repeat;}
    .outsc-detail-top .top-area.type2-area .faq-area .faq-list .faq-q.on{background: url(https://resource.mall.castingn.com/static/images/sub/ico-qna-up.png) 96% center/12px no-repeat;}
    .outsc-detail-top .top-area.type2-area .faq-area .faq-list .faq-a{padding: 15px 20px; background: #f8f8f8;}

    .outsc-detail-top .top-area.type2-area .service-area{padding: 0 20px;}
    .outsc-detail-top .top-area.type2-area .service-area dl{border-bottom: 1px solid #ededed; padding-bottom: 18px; margin-top: 26px;}
    .outsc-detail-top .top-area.type2-area .service-area dl dt{font-size: 18px; font-weight: 700; color: #000; margin-bottom: 15px;}
    .outsc-detail-top .top-area.type2-area .service-area dl dt::before{content: '#'; margin-right: 5px;}
    .outsc-detail-top .top-area.type2-area .service-area dl dd{color: #000; font-size: 15px; padding: 0 19px; display: flex; align-items:flex-start; position: relative; margin-top: 10px; flex-direction: column;}
    .outsc-detail-top .top-area.type2-area .service-area dl dd.check-dd{padding-left: 48px;}
    .outsc-detail-top .top-area.type2-area .service-area dl dd.check-dd:before{width: 14px; height: 10px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-sourcing-chk.png) center/100% no-repeat; content: ''; position: absolute; left: 21px; top: 7px;}

    .outsc-detail-top .top-area.type2-area .customer-area{padding: 10px;}
    .outsc-detail-top .top-area.type2-area .customer-tit{font-size: 25px; color: #000; border-bottom: 1px solid #7c7c7d; padding-bottom: 30px; font-weight: 700; padding-left: 26px;}
    .outsc-detail-top .top-area.type2-area .customer-tit::before{content: '#'; margin-right: 4px;}
    .outsc-detail-top .top-area.type2-area .customer-tit span{color: #4c92f1;}

    .outsc-detail-top .top-area.type2-area .review-list > li{padding: 20px 10px; border-bottom: 1px solid #ededed;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-thum{width: 50px; height: 50px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-thum img{width: 100%;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-info{display: flex; align-items: center;}

    .outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group{margin-left: 9px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group span{display: block; width: 80%; margin-left: 18px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group .customer-name{font-size: 16px; font-weight: 800; color: #000; margin-bottom: 7px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-info .ymd{font-size: 15px;color: #727272;margin-top: 28px;border-left: 1px solid #666; padding-left: 15px; font-weight: 800;}

    .outsc-detail-top .top-area.type2-area .review-list .customer-tt{font-size: 15px;color: #000; margin-top: 20px;}
    .outsc-detail-top .top-area.type2-area .review-list .info-list{margin-top: 12px;}
    .outsc-detail-top .top-area.type2-area .review-list .info-list ul{display: flex; font-size: 14px; color: #8d8d8d;}
    .outsc-detail-top .top-area.type2-area .review-list .info-list ul li{border-right: 1px solid #8d8d8d; margin-right: 15px; padding-right: 15px; line-height: 1;}
    .outsc-detail-top .top-area.type2-area .review-list .info-list ul li:last-child{border-right: 0;}
    .outsc-detail-top .top-area.type2-area .bt-more{width: calc(100% - 20px); height: 48px;border: 1px solid #a9a9a9; background: #fff;font-size: 18px; color: #000; margin-top: 20px; box-sizing: border-box; margin: 20px 10px 0 10px;}

    .outsc-detail-top .top-area.type2-area .guide-list{padding: 20px 10px; font-size: 15px; color: #000; border-bottom: 1px solid #bfbfbf;}
    .outsc-detail-top .top-area.type2-area .guide-list li{margin-top: 20px; position: relative; padding-left: 14px;}
    .outsc-detail-top .top-area.type2-area .guide-list li:first-child{margin-top: 0;}
    .outsc-detail-top .top-area.type2-area .guide-list li::before{position: absolute; content: ''; display: block; width: 4px; height: 4px; background: #8c8c8c; border-radius: 2px; left: 0; top: 7px;}


    .outsc-detail-top.wd-1 .top-area.type2-area{
        padding: 14px 16px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .outsc-detail-top.wd-1 .top-area.type2-area .top-left{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .outsc-detail-top.wd-1 .top-area.type2-area .top-right{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        padding-top: 66%;
    }

    .outsc-detail-top .top-area{padding-top:0;}
    .outsc-detail-top .top-area.type2-area .top-left{width:100%;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con{display:block;}
    .outsc-detail-top .top-area.type2-area{}
    .outsc-detail-top .top-area.type2-area .top-right{width:100%;border:0; padding:0 0 40px 0; border-bottom: 12px solid #efefef; }
    .outsc-detail-top .top-area .thumb-box{border-radius:0;padding-bottom:50%;}
    .outsc-detail-top .top-area.type2-area .sourcing-tit .rating-area{padding-bottom:20px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tit .rating-area .btn-pinclub{position:absolute;right:0;bottom:0;}
    .search-tabmenu-wrap .r-side { display: none; }
}

.detail-compare-wrap .detail-price-item-list{display:none;}
@media screen and (max-width: 769px) {
    .detail-price-item-list{display:none;}
    .detail-compare-wrap .detail-price-item-list{display:block;}
    .outsc-detail-top .top-area.type2-area .sourcing-right{padding:0 20px;}
    .outsc-detail-top .top-area .detail-compare-wrap{}
    .outsc-detail-top .top-area.type2-area .detail-list-box .detail-list-con ul li::before{background:#515151;width:4px;height:4px;border-radius:50%;display:block;}
    .outsc-detail-top .top-area.type2-area .select-area .select-right .dc-area{font-size:22px;}
    .outsc-detail-top .top-area.type2-area .select-area .select-right .price-area strong{}
    .outsc-detail-top .top-area.type2-area .key-msg{padding-top:10px;margin-top:0;}

    .mobile-btn-area{width:calc( 100% - 40px );padding:0 20px;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
    .mobile-btn-area button{display:flex;justify-content:center;align-items:center;width:80px;height:50px;border-radius:8px;border:1px solid #c8c8c8;background:#fff;}
    .mobile-btn-area button .scnt{display:flex;font-size:14px;color:#111;font-weight:bold;}
    .mobile-btn-area button .sico{display: flex;margin-left:3px;width:23px;height:20px;overflow:hidden;background: url(https://resource.mall.castingn.com/static/images/ico_like.png) no-repeat center center / 80%;}
    .mobile-btn-area button.on .sico{background: url(https://resource.mall.castingn.com/static/images/ico_like01.svg) no-repeat center center / 80%;}
    .mobile-btn-area button.btn{flex:1;margin-left:10px;width:100%;height:50px;border:0;background-image: linear-gradient(to right, #0d89e8 6%, #32ab8c 93%);}
    .mobile-btn-area button.btn img{display: flex;}
    .mobile-btn-area button.btn strong{display: flex;font-size:13px;color:#fff;font-weight:bold;}
    .outsc-detail-top .top-area.type2-area .cs-tt{font-size:11px;color:#7f7f7f;}
    .outsc-detail-top .top-area.type2-area .cs-tt span{font-size:11px;color:#4c92f1;}
    .outsc-detail-top .top-area.type2-area .top-left .introduce-tt.sourcing-tt{font-size:14px;padding-left:20px;margin-left:0;border-top:6px solid #efefef;padding-top:15px;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box{align-items: flex-start;position:relative;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-con{}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info{padding-top:90px;position:absolute;left:20px;bottom:20px;width:calc( 100% - 40px );}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info:before{content:"";width:100%;height:1px;overflow:hidden;display:block;background:#e5e5e5;position:absolute;left:0;top:70px;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info i{width:20px;height:20px;background-size:20px 20px !important;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-info a{position:absolute;right:0;top:18px;font-size:12px;width:138px;height:30px;border-radius:16px;border:1px solid #c8c8c8;display:flex;justify-content:center;align-items:center;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box .partner-con{padding-left:0;}
    .outsc-detail-top .top-area.type2-area .top-left .partner-box.type01 .partner-con{padding-bottom:130px;}

    .outsc-detail-top .top-area.type2-area .sourcing-tab-con{ display: none; }
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con. { display: block; }
    /*.outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit{padding-bottom:0;width:calc( 100% - 40px );margin:0 auto;height:40px;display:flex;justify-content:space-between;align-items:center;}*/
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit { display: none; }
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit span{display:flex;justify-content:flex-start;align-items:center;padding:0;height:40px;display:flex;font-size:15px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit i{display:flex;font-size:18px;color:#2c2d2e;}
    .outsc-detail-top .top-area.type2-area .process-step{margin-top:20px;}
    .desc-item-wrap{width:calc( 100% - 40px );}
    .desc-item-wrap dl.t01{margin-top:20px;}
    .outsc-detail-top .top-area.type2-area .guide-list{border-bottom:0;}
    .outsc-detail-top .top-area.type2-area .bt-more{height:40px;font-size:14px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-tt{font-size:14px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-info .ymd{font-size:12px;}
    .outsc-detail-top .top-area.type2-area .review-list .customer-info .customer-group .customer-name{margin-left:0;font-size:15px;}
    .desc-item-wrap dl dt{font-size:14px;}
    .outsc-detail-top .top-area.type2-area .process-step ul li p{font-size:14px;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit.on{}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit.on i{transform:rotate(180deg)}

    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit.on + .desc-item-wrap{display:none;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit.on + .customer-area{display:none;}
    .outsc-detail-top .top-area.type2-area .sourcing-tab-con .tab-tit.on + .customer-area + button{display:none;}
}


.layer-bg{width: 100%; height: 100%; position: fixed; align-items: center; justify-content: center; left:0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 50; /* display: none; */}
.layer-bg2{width: 100%; height: 100%; position: fixed; align-items: center; justify-content: center; left:0; top: 0; background: rgba(0, 0, 0, 0.1); z-index: 50; display: flex;}
.layer-bg-sns{width: 100%; height: 100%; position: fixed; align-items: center; justify-content: center; left:0; top: 0; background: rgba(0, 0, 0, 0.1); z-index: 50; display: flex;}
.layer-pop.pinit-pop{width: 370px; height: 190px;  border: 0; background-color: #fff; display: flex; flex-direction:column; align-items: center; justify-content: center; border-radius: 8px; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16);}
.layer-pop.pinit-pop .pinit-tt1{font-size: 14px; color: #5e6062; line-height: 24px; text-align: left; margin-left: -30px; margin-bottom: 29px; text-align: center;}
/*.layer-pop.pinit-pop .pinit-tt1:before{width: 55px; height: 55px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-plus.png) left/100% no-repeat; content: ''; display: block; margin: auto;  margin-bottom: 7px;}*/
.layer-pop.pinit-pop .pinit-tt2{font-size: 14px; line-height: 20px; color: #222; margin-top: 19px; margin-bottom: 42px;}

.layer-pop.pinit-info-pop{width: 534px; height: 530px;  border-radius: 12px; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); background-color: #fff; border: 0; padding: 30px;}
.layer-pop.pinit-info-pop.type1{height: 730px;}
.layer-pop.pinit-info-pop .pop-tit{font-size: 22px; color: #222; letter-spacing: 0.01px; font-weight: bold; margin-bottom: 34px;}
.layer-pop.pinit-info-pop .pop-tit span{font-size: 18px; display: block; margin-top: 7px;}

.layer-pop.pinit-info-pop .pinit-info-area{position: relative;}
.layer-pop.pinit-info-pop .pinit-info-area .item-tit{font-size: 18px; color: #4f81ff; font-weight: bold; margin-bottom: 7px;}
.layer-pop.pinit-info-pop .pinit-info-area .item-box1{height: 113px; box-sizing: border-box; background: #f2f5ff; border-radius: 8px; border: solid 1px #5c81f7; margin-bottom: 12px; padding: 18px 22px 0 22px;}
.layer-pop.pinit-info-pop .pinit-info-area .item-box1 ul li{font-size: 14px; font-weight: 500; color: #222; position: relative; padding-left: 16px; line-height: 24px;}
.layer-pop.pinit-info-pop .pinit-info-area .item-box1 ul li::before{content: '-'; position: absolute; left: 0; top: 3px;}
.layer-pop.pinit-info-pop .pinit-info-area .item-box1 ul li span{color: #4f81ff;}
.layer-pop.pinit-info-pop .pinit-info-area .item-box1 ul li b{font-weight: bold; color: #4f81ff;}

.layer-pop.pinit-info-pop .pinit-info-area .item-box2{box-sizing: border-box; height: 68px; border-radius: 8px; background-color: #f5f5f5; padding: 14px 22px; word-break: keep-all; margin-bottom: 23px;}
.layer-pop.pinit-info-pop .pinit-info-area .info-desc{font-size: 12px; color: #5e6062; line-height: 16px; margin-bottom: 18px;}
.layer-pop.pinit-info-pop .pinit-info-area .info-desc2{font-size: 12px; color: #5e6062; line-height: 16px; margin-bottom: 18px; margin-left: 23px; margin-top: 10px;}

.layer-pop.pinit-srv-pop{width: 656px; height: 760px;  border-radius: 12px; box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3); background-color: #fff; border: 0; padding:0 56px 56px;}
.layer-pop.pinit-srv-pop .pop-tit{text-align: center; font-size: 16px; font-weight: 500; color: #000; padding: 14px 0;}

.layer-pop.pinit-srv-pop .srv-tit{display: flex; align-items: flex-start; margin-bottom: 42px; margin-top: 30px;}
.layer-pop.pinit-srv-pop .srv-tit .pic{width: 56px; height: 56px; border-radius: 8px; border: 1px solid #ebebeb; overflow: hidden; margin-right: 14px;}
.layer-pop.pinit-srv-pop .srv-tit .pic img{width: 100%;}
.layer-pop.pinit-srv-pop .srv-tit .item{display: flex; flex-direction: column; align-items: flex-start; height: 100%; width: calc(100% - 70px);}
.layer-pop.pinit-srv-pop .srv-tit .item .corp-name{color: #85888d; font-weight: bold; font-size: 14px; margin-bottom: 6px;}
.layer-pop.pinit-srv-pop .srv-tit .item .desc{font-size: 24px; color: #000; font-weight: bold;}

.layer-pop.pinit-srv-pop .col-item-area .desc-area{margin-bottom: 24px;}
.layer-pop.pinit-srv-pop .col-item-area .desc-area .caption{font-size: 16px; color: #000; font-weight: bold; margin-bottom: 13px; display: block;}
.layer-pop.pinit-srv-pop .col-item-area .desc-area .desc{color: #5e6062; line-height: 1.5;}

.layer-pop.pinit-srv-pop .col-item-area .col-form{display: flex; flex-direction: column; margin-bottom: 35px;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item{margin-bottom: 8px;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item input[type=text]{width: 100%; height: 43px; box-sizing: border-box; padding: 0 12px; font-size: 16px; border: 1px solid #c9c9c9; border-radius: 4px;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item input::placeholder{color: #b3b7ba;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .art-txt{font-size: 12px; font-weight: 500; color: #f80003; padding-left: 17px;}

.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox{display:inline-flex;justify-content:flex-start;align-items:center; margin-right:8px;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]{cursor:pointer;outline:none;display:flex;background:#fff; border:2px solid #dedede; width:18px; height:18px; border-radius:6px; overflow:hidden;appearance: none;-moz-appearance: none;
  -webkit-appearance: none;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]:checked{width:18px; height:18px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border:2px solid #0e89e8;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]::-ms-check{outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none; width:18px; height:18px; content:""; background:#fff; border-radius: 6px; border:2px solid #0e89e8;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]:checked::-ms-check{color:transparent;background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border:2px solid #0e89e8;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox span{margin-left:8px; font-size:14px; font-weight:normal; color: #85888d;}
.layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox span .point{color: #0d89e8; text-decoration: underline; font-weight: normal;}

.layer-pop.pinit-info-pop .agr-txt{margin-bottom: 24px;}
.layer-pop.pinit-info-pop .agr-txt .chkbox{display: flex; align-items: center;}
.layer-pop.pinit-info-pop .agr-txt .chkbox input[type=checkbox]{cursor:pointer;outline:none;display:flex;background:#fff; border:1px solid #dedede;width:18px;height:18px;border-radius:4px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.layer-pop.pinit-info-pop .agr-txt .chkbox input[type=checkbox]:checked{width:18px;height:18px;background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border: 1px solid #3f88e1;}
.layer-pop.pinit-info-pop .agr-txt .chkbox span{display:flex; margin-left:5px; font-size:14px; font-weight: 500; color: #000;}

.layer-pop.pinit-info-pop .pinit-info-area .txt1{font-size: 14px; color: #101010; letter-spacing: -0.01px; font-weight: bold; line-height: 24px; margin: 12px 0 0 22px;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list{border-bottom: 1px solid #000000;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li{display: flex; justify-content: space-between; padding: 0 24px;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li:first-child{border-bottom: 1px solid #e5e5e5; align-items: center; padding: 25px 24px 20px 24px;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li:last-child{align-items: flex-start; padding: 33px 24px 18px 24px; }
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li > strong{color: #5e6062; font-size: 14px; font-weight: 500;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area{display: flex; align-items: center;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area input[type="text"]{width: 155px; height: 32px; border-radius: 4px; border: 1px solid #c8c8c8; background-color: #fff; text-align: right; padding: 0 18px; box-sizing: border-box; font-weight: bold; margin-right: 8px;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area input[type="number"]{width: 155px; height: 32px; border-radius: 4px; border: 1px solid #c8c8c8; background-color: #fff; text-align: right; padding: 0 18px; box-sizing: border-box; font-weight: bold; margin-right: 8px;}

.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area span{font-size: 14px; font-weight: bold; color: #222;}

.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .price-area{display: flex; flex-direction:  column; align-items: flex-end;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .price-area span{color: #de0000; font-weight: bold;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .price-area span b{font-size: 24px;}
.layer-pop.pinit-info-pop .pinit-info-area .sales-list li .price-area .desc{color: #85888d; font-size: 12px;}

.layer-pop.pinit-info-pop .price-result{display: flex; align-items: center; justify-content: space-between; padding: 8px 23px 12px 0;}
.layer-pop.pinit-info-pop .price-result > strong{color: #5e6062; font-size: 14px; font-weight: 500; margin-top: -16px;}
.layer-pop.pinit-info-pop .price-result .price-area{display: flex; flex-direction:  column; align-items: flex-end;}
.layer-pop.pinit-info-pop .price-result .price-area span{color: #101010; font-weight: bold;}
.layer-pop.pinit-info-pop .price-result .price-area span b{font-size: 24px;}
.layer-pop.pinit-info-pop .price-result .price-area .desc{color: #85888d; font-size: 12px; font-weight: normal;}

.layer-pop.pinit-info-pop .pinit-pay-list{margin: 0 -30px 34px; border-top: 1px solid #d9d9d9;}
.layer-pop.pinit-info-pop .pinit-pay-list > li{border-bottom: 1px solid #d9d9d9; max-height: 398px; overflow-y: auto;}
.layer-pop.pinit-info-pop .pinit-pay-list > li.on{background: #f5f5f5;}

.layer-pop.pinit-info-pop .pinit-pay-list .rdbox{display:inline-flex; justify-content: flex-start; align-items:center; margin-right: 83px; padding: 24px 0 24px 24px; cursor: pointer;}
.layer-pop.pinit-info-pop .pinit-pay-list .rdbox input[type=radio]{cursor:pointer; outline:none; display:flex; background:#d7d9db url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat; width:21px; height:21px; border-radius:50%; overflow:hidden; appearance: none;
-moz-appearance: none;-webkit-appearance: none; margin-right: 9px; border: none;}
.layer-pop.pinit-info-pop .pinit-pay-list .rdbox input[type=radio]:checked{background: #0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
.layer-pop.pinit-info-pop .pinit-pay-list .rdbox input[type=radio]:checked + span{color: #000000;}
.layer-pop.pinit-info-pop .pinit-pay-list .rdbox span{font-weight: 500; font-size: 16px; margin-left: 0;}

.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list{padding: 20px 80px 96px 80px; max-width: 260px; text-align: center; overflow: hidden; }
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .add-card{background: #fcfcfc; border: 1px solid #c8c8c8; border-radius: 8px; box-sizing: border-box; position: relative;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .add-card span{position: absolute; display: flex; justify-content: center; width: 100%; color: #5e6062; font-size: 14px; font-weight: 500; margin-top: 27px;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .card-prev{width: 26px; height: 137px; background:#f5f5f5 url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-card-arr.png) center no-repeat; font-size: 0; position: absolute; top: 20px; left: 0;
  line-height: 0; z-index: 10; border-radius: 0;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .card-prev::before{width: 36px; height: 142px; background: #f5f5f5; display: block; position: absolute; left: 26px; top: 0; content: '';}

.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .card-next{width: 26px; height: 137px; background:#f5f5f5 url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-card-arr.png) center no-repeat; transform: rotate(180deg); position: absolute; right: 0; top: 20px;
	line-height: 0; z-index: 10; font-size: 0; border-radius: 0;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .card-next:before{width: 72px; height: 142px;  background-image: linear-gradient(90deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%); display: block; position: absolute; left: 26px; top: 0; content: '';}

.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .swiper-slide{position: relative;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .swiper-slide.swiper-slide-active .card-select{position: relative;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .swiper-slide.swiper-slide-active .card-select::before{width: 39px; height: 39px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-card-check.png) left/100% no-repeat; display: block;
position: absolute; content: ''; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .swiper-slide.card-empty{visibility: hidden; font-size: 0; text-indent: -9999999px; line-height: 0;}

.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .swiper-cnt{z-index:50; width:90px; height:35px; border-radius:20px; background:rgba(90, 90, 90, 0.1); display:flex;justify-content:center; align-items:center; font-size:14px; color:#8b8b8b; font-weight:normal;
  position:absolute;right:44px;bottom:26px; letter-spacing: -0.14px; color: #8b8b8b; left: 50%; margin-left: -45px;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .card-list .swiper-cnt strong{padding-right:5px;font-size:14px;color:#000;font-weight:bold;}

.layer-pop.pinit-info-pop .pinit-pay-list > li .btn-payment{display: flex; align-items: center; margin: 0 0 0 24px;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .btn-payment li{margin-right: 18px;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .btn-payment input[type="radio"]{display: none;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .btn-payment input[type="radio"]:checked + label::before{width: 7px; height: 7px; border: 4px solid #0e89e8;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .btn-payment label{display: flex; align-items: center; color: #5e6062;}
.layer-pop.pinit-info-pop .pinit-pay-list > li .btn-payment label::before{width: 13px; height: 13px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list{margin: 12px 24px 0 24px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-con2{display: none;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list > ul > li{display: flex; align-items: center; margin-bottom: 12px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list > ul > li .item-tit{font-size: 14px; color: #5e6062; font-weight: normal; margin-right: 12px;}

.layer-pop.pinit-info-pop .pinit-pay-list .item-con{display: flex; align-items: center; color: #101010;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box{text-align: left; position: relative;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .btn-select{width: 312px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px;  background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow.png) calc(100% - 15px) center no-repeat; text-align: left;
	padding-left: 20px; font-size: 14px; color: #5e6062; font-weight: normal; justify-content: flex-start; }
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .select-list{ width: 312px; background: #fff; position: absolute; top: 36px; border: 1px solid #c8c8c8; left: 0;  z-index: 10; border-top: none; box-sizing: border-box; border-radius: 0 0 10px 10px;  text-align-last: left; padding: 5px 6px; display: none;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .select-list ul li{color: #5e6062; padding: 5px 13px 5px 13px;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .select-list ul li button{font-size: 14px; width: auto; height: auto; background: #fff; color: #5e6062; font-weight: normal; background:transparent;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box .select-list.select-on{display: block;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-con .item-btn{width: 100px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; color: #101010; background: #fff; border: 1px solid #c8c8c8; margin-left: 12px;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box.wd-type1 .btn-select{width: 131px;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box.wd-type1 .select-list{width: 131px;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box.wd-type2 .btn-select{width: 110px;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-sel-box.wd-type2 .select-list{width: 110px;}

.layer-pop.pinit-info-pop .pinit-pay-list .item-con .rd-list{display: flex;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-con .rd-list li{margin-right: 20px;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-con .rd-list input[type="radio"]{display: none;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-con .rd-list input[type="radio"]:checked + label::before{width: 7px; height: 7px; border: 4px solid #0e89e8;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-con .rd-list label{display: flex; align-items: center;}
.layer-pop.pinit-info-pop .pinit-pay-list .item-con .rd-list label::before{width: 13px; height: 13px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area > div{background: #fff; margin: 0 -24px; padding: 16px 24px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area > div.empty{margin: 0; padding: 0;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .tbl-info-tit{font-size: 14px; color: #5e6062; margin-bottom: 13px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table{border-top: none; margin: 0;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table table{table-layout: fixed; border-top: 1px solid #e5e5e5;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table th{background: #f8f8f8; text-align: center; height: 66px; font-size: 14px; color: #5e6062; font-weight: normal; padding:5px 0 5px 0; box-sizing: border-box; vertical-align: middle;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table td{padding:0 0 0 12px; text-align: left; height: 66px; display: flex; align-items: center; font-size: 14px; color: #5e6062; background: #fff; box-sizing: border-box;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table tr{border-bottom: 1px solid #e5e5e5;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .ipt-dot{margin: 0 5px;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .chk-item{display: flex; align-items: center; margin-left: 10px; margin-bottom: 0; position: relative;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .chk-item input[type="checkbox"] + label{display: flex; text-indent: unset; align-items: center; font-size: 14px; color: #5e6062;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .chk-item input[type="checkbox"] + label::before{margin-right: 8px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .chk-item input[type="checkbox"]{display: none;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .chk-item input[type="checkbox"] + label::before{content: ''; width: 14px; height: 14px; border: 1px solid #d7d9db; display: block; border-radius: 4px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .chk-item input[type="checkbox"]:checked + label::before{border: 1px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-btn-comp1{width: 112px; height: 40px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; color: #101010; margin-left: 8px; font-weight: 500;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-btn-comp2{width: 90px; height: 40px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; color: #101010; margin-left: 8px; font-weight: 500;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-ipt.tbl-ipt{border-radius: 8px; height: 42px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-ipt.ipt-w1{width: 380px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-ipt.ipt-w2{width: 110px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-ipt.ipt-w3{width: 245px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .payment-table .tbl-ipt.ipt-w4{width: 125px;}

.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .chk-item{display: flex; align-items: flex-start; margin-top: 18px; margin-bottom: 0; position: relative; font-size: 12px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .chk-item input[type="checkbox"]{display: none;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .chk-item input[type="checkbox"] + label{display: flex; align-items: flex-start; font-size: 12px; color: #5e6062;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .chk-item input[type="checkbox"] + label::before{margin-right: 10px; margin-top: 2px; content: ''; width: 14px; height: 14px; border: 1px solid #d7d9db; display: block; border-radius: 4px;}
.layer-pop.pinit-info-pop .pinit-pay-list .pay-item-list .rd-con-area .chk-item input[type="checkbox"]:checked + label::before{border: 1px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}


/*.layer-pop.osc-pop{width: 750px; height: 698px; padding: 0 12px 10px; border-radius: 24px; border: solid 1px #f8f7f7; background-color: #f8f8f8; box-sizing: border-box; position: relative;}*/
.layer-pop.osc-pop{width: 750px;height: 698px;padding: 0 12px 10px;border-radius: 24px;border: solid 1px #f8f7f7;background-color: #f8f8f8;box-sizing: border-box;position: absolute;left:50%;top:50%;margin-left: -300px;margin-top: -350px;}
.layer-pop.osc-pop .pop-head{display: flex; flex-direction: column; height: 75px; justify-content: center; padding-left: 20px;}
.layer-pop.osc-pop .pop-head strong{font-size: 20px; font-weight: 700; color: #222; line-height: 1.2; letter-spacing: -0.5px;}
.layer-pop.osc-pop .pop-head span{font-size: 12px; font-weight: 500; line-height: 1.5; color: #85888d; display: flex; align-items: center;}
.layer-pop.osc-pop .pop-head span b{margin:0 8px 0 10px}

.layer-pop.osc-pop .osc-co-area {
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    border-radius: 12px;
}

.layer-pop.osc-pop .osc-co-area .co-list{display: flex; align-items: center; height: 100%; justify-content: center;}
.layer-pop.osc-pop .osc-co-area .co-list li{display: flex; flex-direction: column; align-items: center; color: #000; line-height: 16px; width: 16.6%; box-sizing: border-box; position: relative;}
.layer-pop.osc-pop .osc-co-area .co-list li:after{position: absolute; content: ''; width: 1px; height: 10px; background-color: #cbcbcb; right: 0; top: 10px;}
.layer-pop.osc-pop .osc-co-area .co-list li:last-child:after{display: none;}
.layer-pop.osc-pop .osc-co-area .co-list li::before{width: 9px; height: 9px; border-radius: 4.5px; background: #000; content: ''; margin-bottom: 9px;}
.layer-pop.osc-pop .osc-co-area .co-list li.co-type1::before{background: #295b8f;}
.layer-pop.osc-pop .osc-co-area .co-list li.co-type2::before{background: #2679c3;}
.layer-pop.osc-pop .osc-co-area .co-list li.co-type3::before{background: #4b98dc;}
.layer-pop.osc-pop .osc-co-area .co-list li.co-type4::before{background: #87bbed;}
.layer-pop.osc-pop .osc-co-area .co-list li.co-type5::before{background: #52b193;}
.layer-pop.osc-pop .osc-co-area .co-list li.co-type6::before{background: #95ceb9;}
.layer-pop.osc-pop .osc-co-area .co-list li strong{font-size: 15px; font-weight: 700;}
.layer-pop.osc-pop .osc-co-area .co-list li span{font-size: 12px; font-weight: 500;}

.layer-pop.osc-pop .osc-tbl-area{
    height: 445px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    border-radius: 12px;
    padding: 15px 11px 15px 12px;
    box-sizing: border-box;
    margin-top: 10px;
    overflow-y:auto;
}

.layer-pop.osc-pop .osc-tbl-area table{table-layout: fixed;}
.layer-pop.osc-pop .osc-tbl-area table thead tr{border-bottom: 2px solid #e7e9eb;}
.layer-pop.osc-pop .osc-tbl-area table thead th{height: 38px; font-size: 14px; font-weight: 700; position: relative; top: 0; background: #fff;}
.layer-pop.osc-pop .osc-tbl-area table thead th.th-tit{font-size: 12px;}
.layer-pop.osc-pop .osc-tbl-area table thead th.th-tit::after{display: none;}
.layer-pop.osc-pop .osc-tbl-area table thead th:after{width: 90%; height: 3px; display: block; content: ''; background: #000; left: 5%; position: absolute; bottom: 0;}
.layer-pop.osc-pop .osc-tbl-area table thead th.b-type1:after{background: #045291;}
.layer-pop.osc-pop .osc-tbl-area table thead th.b-type2:after{background: #0075ce;}
.layer-pop.osc-pop .osc-tbl-area table thead th.b-type3:after{background: #3da1ed;}
.layer-pop.osc-pop .osc-tbl-area table thead th.b-type4:after{background: #7ec7ff;}
.layer-pop.osc-pop .osc-tbl-area table thead th.b-type5:after{background: #45bc9e;}
.layer-pop.osc-pop .osc-tbl-area table thead th.b-type6:after{background: #83d9c3;}

.layer-pop.osc-pop .osc-tbl-area table tbody{}
.layer-pop.osc-pop .osc-tbl-area table tbody tr{border-bottom: 1px solid #e7e9eb;}
.layer-pop.osc-pop .osc-tbl-area table tbody tr:nth-child(2n+1){background: #f8f8f8;}
.layer-pop.osc-pop .osc-tbl-area table tbody td{height: 37px; font-size: 11px; line-height: 1.09; text-align: center; }
.layer-pop.osc-pop .osc-tbl-area table tbody td.td-tit{text-align: left; padding-left: 10px;}

.layer-pop.osc-pop .osc-tbl-area table tfoot td{color: #222; font-size: 12px; height: 36px; border-top: 2px solid #000; font-weight: 700; text-align: center;}
.layer-pop.osc-pop .osc-tbl-area table tfoot td.tdf-tit{font-size: 15px;}

.pop-btn-area{display: flex; position: absolute; bottom: 10px; width: calc(100% - 24px); left: 12px; justify-content: center;}
.pop-btn-area2{display: flex; justify-content: center;}
.layer-pop button{width: 82px; height: 45px; background-color: #d8ecfc; font-size: 15px; color: #0d89e8; display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.layer-pop button.btn-comp1{width: 124px; height: 35px; background-color: #fff; border: solid 1px #aaaeb1; color: #5e6062; font-size: 14px;}
.layer-pop button.btn-comp2{width: 164px; height: 48px; border-radius: 8px; background-image: linear-gradient(135deg, #60a0ea 0%, #7f4ef9 100%); font-size: 16px; font-weight: 500; color: #fff;}
.layer-pop button.btn-comp3{width: 164px; height: 48px; border-radius: 8px; background: #0d89e8; font-size: 16px; font-weight: 500; color: #fff;}


.layer-pop .btn-close{position: absolute; width: 48px; height: 48px; right: 24px; top: 7px; display: block; text-indent: -999999px; font-size: 0; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/pop-close2.png) left/100% no-repeat; cursor: pointer;}
.layer-pop.pinit-pop .btn-close{right: 0; top: 0;}
.layer-pop.pinit-info-pop .btn-close{right: 0; top: 0;}
.layer-pop .btn-close.po1{right: 0; top: 0;}

.layer-pop.pop-notice{width: 750px; height: 300px; border: 0; border-radius: 0;}
.layer-pop.pop-notice img{width: 100%;}
.layer-pop.pop-notice .btn-area{display: flex; align-items: center; margin-top: 0;}
.layer-pop.pop-notice .btn-area a{height: 36px; background: #313131; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; width: 50%;}
.layer-pop.pop-notice .btn-area a:first-child{border-right: 1px solid #fff;}


.layer-pop.pinclub-pop{width: 384px; height: 485px; background: #f4f7fa; border-radius: 12px; border: solid 1px rgba(0, 0, 0, 0.1); overflow: hidden;}
.layer-pop.pinclub-pop .pop-con{padding: 44px 16px 0; }
.layer-pop.pinclub-pop .pop-con .pin-tit{font-size: 16px; color: #000; text-align: center; display: block; font-weight: 500;}
.layer-pop.pinclub-pop .pop-con .pin-tit .ico-pinclub{display: inline-block; width: 84px; height: 20px; vertical-align: middle; background: url(https://resource.mall.castingn.com/static/images/service/ico-smtpin2.png) left/100% no-repeat; text-indent: -999999px; font-size: 0;}
.layer-pop.pinclub-pop .pop-con .msg-box{width: 314px; height: 70px; background-image: linear-gradient(102deg, #59bb93 -2%, #0e89e8 102%); border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 16px auto; color:#fff; font-weight: 500; text-align: center; position: relative;}
.layer-pop.pinclub-pop .pop-con .msg-box:after{position: absolute;content: '';left: 50%;bottom: -10px;border-top: 11px solid #0e89e8;border-left: 2px solid transparent;border-right: 8px solid transparent;}
.layer-pop.pinclub-pop .pop-con .msg-box b{font-weight: 600;}
.layer-pop.pinclub-pop .pop-con .msg-box span{color: #fff040; font-weight: 600;}

.layer-pop.pinclub-pop .pin-guide-box{height: 239px; background: #fff; border-radius: 12px; box-sizing: border-box; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); padding: 25px 0 0 0;}
.layer-pop.pinclub-pop .pin-guide-box .guide-tit{display: flex; flex-direction: column; align-items: center;}
.layer-pop.pinclub-pop .pin-guide-box .guide-tit span{font-size: 12px; color: #222;}
.layer-pop.pinclub-pop .pin-guide-box ul{margin-top: 10px; padding-left: 42px;}
.layer-pop.pinclub-pop .pin-guide-box ul li{font-size: 16px; display: flex; align-items: center; font-weight: 500; letter-spacing: -0.01px; color: #505050; margin-top: 7px;}
.layer-pop.pinclub-pop .pin-guide-box ul li b{width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; margin-right: 14px; background: #2c2c2c; border-radius: 4px;}
.layer-pop.pinclub-pop .pin-guide-box ul li span{color: #0d89e8; margin-left: 3px;}
.layer-pop.pinclub-pop .pin-guide-box .ico-pinclub2{width: 206px; height: 54px; background: url(https://resource.mall.castingn.com/static/images/service/ico-smtpin2-1.png) left/100% no-repeat; text-indent: -9999999px; font-size: 0;}

.layer-pop.pinclub-pop .pop-btn{display: flex; align-items: center; position: absolute; left: 0; width: 100%; bottom: 0;}
.layer-pop.pinclub-pop .pop-btn a{width: 50%; height: 60px; background: #f1f1f1; color: #5e6062; font-size: 18px; display: flex; align-items: center; font-weight: normal; justify-content: center;}
.layer-pop.pinclub-pop .pop-btn a.btn-type1, .layer-pop.pinclub-pop .pop-btn button.btn-type1{background-image: linear-gradient(95deg, #59bb93 20%, #0e89e8 92%); color: #fff; font-weight: bold;}

.layer-pop.pinclub-pop .btn-close{right:0; top:0;}
.layer-pop.osc-pop .pop-head{justify-content: center;align-items: flex-start;background:#fff;}
.layer-pop .pop-btn-area button{color:#0d89e8;background:#d8ecfc;border:0;width:82px;font-size:15px;}

@media screen and (max-width: 769px) {
  .layer-bg{display: none; width: 100%; height: 100%; position: fixed; align-items:flex-end; justify-content: center; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 50;}
  .layer-bg.layer-type1{align-items:center}
  .layer-pop.osc-pop{padding: 0 12px 10px; border-radius: 24px 24px 0 0; border: solid 1px #f8f7f7; background-color: #f0f9ff; box-sizing: border-box; position: relative; margin-bottom: 55px;}
  .layer-pop.osc-pop .pop-head{display: flex; flex-direction: column;  justify-content: center; padding:54px 0 12px 20px; background: #f0f9ff; height: auto;}
  .layer-pop.osc-pop .pop-head strong{font-size: 20px; font-weight: 700; color: #222; line-height: 1.2; letter-spacing: -0.5px;}
  .layer-pop.osc-pop .pop-head span{font-size: 12px; font-weight: 500; line-height: 1.5; color: #85888d; display: flex; align-items: center;}
  .layer-pop.osc-pop .pop-head span b{margin:0 8px 0 10px}

  .layer-pop.osc-pop .pop-con{padding-top: 120px;overflow: visible;max-height: initial;}
  .layer-pop.osc-pop .osc-co-area {
    padding: 10px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    border-radius: 12px;
    box-sizing: border-box;
  }

  .layer-pop.osc-pop .osc-co-area .co-list{display: flex; align-items: center; height: 100%; justify-content: flex-start; flex-wrap: wrap;}
  .layer-pop.osc-pop .osc-co-area .co-list li{display: flex; flex-direction: column; color: #000; line-height: 16px; width: 50%; box-sizing: border-box; position: relative; align-items: flex-start; margin-top: 10px;}
  .layer-pop.osc-pop .osc-co-area .co-list li:nth-child(-n+2){margin-top: 0;}
  .layer-pop.osc-pop .osc-co-area .co-list li:after{position: absolute; content: ''; width: 1px; height: 10px; background-color: #cbcbcb; right: 0; top: 10px; display: none;}
  .layer-pop.osc-pop .osc-co-area .co-list li:last-child:after{display: none;}
  .layer-pop.osc-pop .osc-co-area .co-list li::before{width: 9px; height: 9px; border-radius: 4.5px; background: #000; content: ''; margin-bottom: 9px; position: absolute; left: -14px; top: 4px;}
  .layer-pop.osc-pop .osc-co-area .co-list li.co-type1::before{background: #295b8f;}
  .layer-pop.osc-pop .osc-co-area .co-list li.co-type2::before{background: #2679c3;}
  .layer-pop.osc-pop .osc-co-area .co-list li.co-type3::before{background: #4b98dc;}
  .layer-pop.osc-pop .osc-co-area .co-list li.co-type4::before{background: #87bbed;}
  .layer-pop.osc-pop .osc-co-area .co-list li.co-type5::before{background: #52b193;}
  .layer-pop.osc-pop .osc-co-area .co-list li.co-type6::before{background: #95ceb9;}
  .layer-pop.osc-pop .osc-co-area .co-list li strong{font-size: 15px; font-weight: 700;}
  .layer-pop.osc-pop .osc-co-area .co-list li span{font-size: 12px; font-weight: 500;}

  .layer-pop.osc-pop .osc-tbl-area{
      background-color: #fff;
      -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
      -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
      border-radius: 12px;
      padding: 15px 11px 15px 12px;
      box-sizing: border-box;
      margin-top: 10px;
      overflow-y: auto;
      position: relative;
      height: 297px;
  }

  .layer-pop.osc-pop .osc-tbl-area .tbl-btn-area{position: absolute; right: 15%; top: 29px; display: flex; align-items: center;}
  .layer-pop.osc-pop .osc-tbl-area .tbl-btn-area a{width: 5px; height: 10px; font-size: 0; text-indent: -9999999px;}
  .layer-pop.osc-pop .osc-tbl-area .tbl-btn-area .btn-before{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/btn-tbl-before.png) left/5px no-repeat; margin-right: 75px;}
  .layer-pop.osc-pop .osc-tbl-area .tbl-btn-area .btn-next{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/btn-tbl-next.png) left/5px no-repeat;}

  .layer-pop.osc-pop .osc-tbl-area colgroup{display: none;}
  .layer-pop.osc-pop .osc-tbl-area table{table-layout: fixed;}
  .layer-pop.osc-pop .osc-tbl-area table thead tr{border-bottom: 2px solid #e7e9eb; }
  .layer-pop.osc-pop .osc-tbl-area table thead th{height: 38px; font-size: 14px; font-weight: 700; position: sticky; top: 0; background: #fff;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.th-tit{font-size: 12px;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.th-tit::after{display: none;}
  .layer-pop.osc-pop .osc-tbl-area table thead th:after{width: 90%; height: 3px; display: block; content: ''; background: #000; left: 5%; position: absolute; bottom: 0;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.b-type1:after{background: #045291;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.b-type2:after{background: #0075ce;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.b-type3:after{background: #3da1ed;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.b-type4:after{background: #7ec7ff;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.b-type5:after{background: #45bc9e;}
  .layer-pop.osc-pop .osc-tbl-area table thead th.b-type6:after{background: #83d9c3;}
  /*.layer-pop.osc-pop .osc-tbl-area table thead th:nth-child(n+3){display: none;}*/

  .layer-pop.osc-pop .osc-tbl-area table tbody tr{border-bottom: 1px solid #e7e9eb;}
  .layer-pop.osc-pop .osc-tbl-area table tbody tr:nth-child(2n+1){background: #f8f8f8;}
  .layer-pop.osc-pop .osc-tbl-area table tbody td{height: 37px; font-size: 11px; line-height: 1.09; text-align: center;}
  .layer-pop.osc-pop .osc-tbl-area table tbody td.td-tit{text-align: left; padding-left: 10px;}

  /*.layer-pop.osc-pop .osc-tbl-area table tbody td:nth-child(n+3){display: none;}*/

  .layer-pop.osc-pop .osc-tbl-area table tfoot td{color: #222; font-size: 12px; height: 36px; border-top: 2px solid #000; font-weight: 700; text-align: center;}
  .layer-pop.osc-pop .osc-tbl-area table tfoot td.tdf-tit{font-size: 15px;}

  /*.layer-pop.osc-pop .osc-tbl-area table tfoot td:nth-child(n+3){display: none;}*/

  .layer-pop.osc-pop{margin:0; width:100%; height: 83%; left:0; bottom: 47px; top: auto; position: absolute;}
  /* .layer-pop.osc-pop .pop-head{background:transparent;} */
  /*.layer-pop .pop-btn-area{display: none; }
  .layer-pop .pop-con{margin-top:140px;padding:0;max-height:2000px;} */
  .layer-pop .pop-con{padding:0;}
  .layer-pop .btn-close{right:10px;z-index:50;}

  .layer-pop.pinit-info-pop{width: auto; padding: 48px 15px 15px;}
  .layer-pop.pinit-info-pop.type1{height: 640px;}

  .layer-pop.pinit-info-pop .pop-tit{font-size: 20px; margin-bottom: 7px;}
  .layer-pop.pinit-info-pop .pop-tit span{font-size: 16px;}

  .layer-pop.pinit-info-pop .pinit-info-area .item-box1{padding: 10px; height: auto;}
  .layer-pop.pinit-info-pop .pinit-info-area .item-box2{height: auto;}
  .layer-pop.pinit-info-pop .pinit-info-area .item-tit{font-size: 16px;}

  .layer-pop.pinit-info-pop .pinit-info-area .txt1{margin-left: 0;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list{border-bottom: 1px solid #000000;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li{display: flex; justify-content: space-between; padding: 17px;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li:first-child{border-bottom: 1px solid #e5e5e5; align-items: center; padding: 17px 0;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li:last-child{align-items: flex-start;  padding: 17px 0;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li > strong{color: #5e6062; font-size: 14px; font-weight: 500;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area{display: flex; align-items: center;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area input[type="text"]{width: 100px; height: 32px; border-radius: 4px; border: 1px solid #c8c8c8; background-color: #fff; text-align: right; padding: 0 18px; box-sizing: border-box; font-weight: bold; margin-right: 8px;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area input[type="number"]{width: 100px; height: 32px; border-radius: 4px; border: 1px solid #c8c8c8; background-color: #fff; text-align: right; padding: 0 18px; box-sizing: border-box; font-weight: bold; margin-right: 8px;}
  .layer-pop.pinit-info-pop .pinit-info-area .sales-list li .point-area span{font-size: 14px; font-weight: bold; color: #222;}

  .layer-pop.pinit-info-pop .pinit-info-area .info-desc2{margin-left:0}
  .layer-pop.pinit-info-pop .agr-txt .chkbox span{font-size: 12px;}
  .layer-pop.pinit-info-pop .agr-txt .chkbox{align-items: flex-start;}

  .layer-pop.pinit-info-pop .pinit-pay-list{margin: 0 -15px 34px;}
  .layer-pop.pinit-info-pop .pinit-pay-list li .card-list{padding: 20px 22px 96px 34px; max-width: 291px; text-align: center; overflow: hidden; box-sizing: border-box;}
  .layer-pop.pinit-info-pop .pinit-pay-list li .card-list .card-prev{top: 5px;}
  .layer-pop.pinit-info-pop .pinit-pay-list li .card-list .card-next{top: 5px;}
  .layer-pop.pinit-info-pop .pinit-pay-list li .card-list .card-next:before{display: none;}

  .layer-pop.pinit-srv-pop{width: auto; height: 650px; border-radius: 12px; box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3); background-color: #fff; border: 0; padding:0 20px 30px;}
  .layer-pop.pinit-srv-pop .pop-tit{text-align: center; font-size: 16px; font-weight: 500; color: #000; padding: 14px 0;}

  .layer-pop.pinit-srv-pop .srv-tit{display: flex; align-items: flex-start; margin-bottom: 22px; margin-top: 8px;}
  .layer-pop.pinit-srv-pop .srv-tit .pic{width: 56px; height: 56px; border-radius: 8px; border: 1px solid #ebebeb; overflow: hidden; margin-right: 14px;}
  .layer-pop.pinit-srv-pop .srv-tit .pic img{width: 100%;}
  .layer-pop.pinit-srv-pop .srv-tit .item{display: flex; flex-direction: column; align-items: flex-start; height: 100%; width: calc(100% - 70px); word-break: keep-all;}
  .layer-pop.pinit-srv-pop .srv-tit .item .corp-name{color: #85888d; font-weight: bold; font-size: 14px; margin-bottom: 6px;}
  .layer-pop.pinit-srv-pop .srv-tit .item .desc{font-size: 18px; color: #000; font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
  }

  .layer-pop.pinit-srv-pop .col-item-area .desc-area{margin-bottom: 10px;}
  .layer-pop.pinit-srv-pop .col-item-area .desc-area .caption{font-size: 16px; color: #000; font-weight: bold; margin-bottom: 13px; display: block;}
  .layer-pop.pinit-srv-pop .col-item-area .desc-area .desc{color: #5e6062; line-height: 1.5;}

  .layer-pop.pinit-srv-pop .col-item-area .col-form{display: flex; flex-direction: column; margin-bottom: 18px;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item{margin-bottom: 4px; line-height: 1;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item input[type=text]{width: 100%; height: 43px; box-sizing: border-box; padding: 0 12px; font-size: 16px; border: 1px solid #c9c9c9; border-radius: 4px;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item input::placeholder{color: #b3b7ba;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .art-txt{font-size: 12px; font-weight: 500; color: #f80003; padding-left: 17px;}

  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox{display:inline-flex;justify-content:flex-start;align-items:center; margin-right:8px;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]{cursor:pointer;outline:none;display:flex;background:#fff; border:2px solid #dedede; width:18px; height:18px; border-radius:6px; overflow:hidden;appearance: none;-moz-appearance: none;
    -webkit-appearance: none;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]:checked{width:18px; height:18px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border:2px solid #0e89e8;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]::-ms-check{outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none; width:18px; height:18px; content:""; background:#fff; border-radius: 6px; border:2px solid #0e89e8;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox input[type=checkbox]:checked::-ms-check{color:transparent;background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border:2px solid #0e89e8;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox span{margin-left:8px; font-size:14px; font-weight:normal; color: #85888d;}
  .layer-pop.pinit-srv-pop .col-item-area .col-form > .col-item .chkbox span .point{color: #0d89e8; text-decoration: underline; font-weight: normal;}

  .layer-pop.pinit-info-pop .agr-txt{margin-bottom: 24px;}
  .layer-pop.pinit-info-pop .agr-txt .chkbox{display: flex; align-items: center;}
  .layer-pop.pinit-info-pop .agr-txt .chkbox input[type=checkbox]{cursor:pointer;outline:none;display:flex;background:#fff; border:1px solid #dedede;width:18px;height:18px;border-radius:4px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
  .layer-pop.pinit-info-pop .agr-txt .chkbox input[type=checkbox]:checked{width:18px;height:18px;background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border: 1px solid #3f88e1;}
  .layer-pop.pinit-info-pop .agr-txt .chkbox span{display:flex; margin-left:5px; font-size:14px; font-weight: 500; color: #000;}

}


.req-cont-wrap .preview-item-wrap{width:398px;height:auto;overflow:Hidden;margin:30px auto;}
.req-cont-wrap .preview-item-wrap .mob-stit{display:none;}
.req-cont-wrap .preview-item-wrap .mob-sdesc{display:none;}
.req-cont-wrap .preview-item-wrap .pcont{width:calc( 100% - 2px );height:583px;overflow:hidden;overflow-y:auto;border:1px solid #c8c8c8;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap{}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap .rtit{padding:20px 0 5px 0;font-size:13px;margin-left:0;width:100%;border-bottom:0;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap .tbl01 th{height:20px;font-size:10px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap .tbl01 td{height:20px;font-size:10px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap .label{font-size:13px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap .tbl02 th{height:20px;font-size:10px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap .tbl02 td{height:20px;font-size:10px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap dl dt{font-size:13px;padding:20px 0 5px 0;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap dl dd ul li{min-width:90px;height:20px;margin:0 5px 5px 0;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap dl dd ul li i{font-size:14px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap dl dd ul li span{font-size:10px;}
.req-cont-wrap .preview-item-wrap .pcont .req-page-wrap dl dd .sdesc{font-size:10px;border-radius:4px;padding:5px;width:calc( 100% - 2px - 10px )}

.req-cont-wrap .preview-item-wrap .pbtn-wrap{padding-top:27px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.req-cont-wrap .preview-item-wrap .pbtn-wrap button{height:42px;padding:0 15px;border:1px solid #c8c8c8;background:#fff;border-radius:21px;display:inline-flex;justify-content:center;align-items:center;margin:0 4px;}
.req-cont-wrap .preview-item-wrap .pbtn-wrap button img{display:flex;}
.req-cont-wrap .preview-item-wrap .pbtn-wrap button span{display:flex;margin-left:8px;font-size:16px;color:#101010;font-weight:bold;}

.power-step-wrap .req-cont-wrap .rt-item.complete{background:#3da1ed;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap{width:100%;height:auto;overflow:hidden;margin:80px auto 0 auto;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cico{width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .ctit{font-size:44px;color:#f0f9ff;font-weight:bold;line-height:1.27em;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cdesc{margin-top:14px;font-size:24px;color:#d8ecfc;font-weight:bold;line-height:1.17em;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cetc{font-size:16px;margin-top:17px;color:#f0f9ff;font-weight:500;line-height:1.5em;width:100%;height:auto;overflow:hidden;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cetc strong{font-size:16px;color:#69fcd6;font-weight:bold;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cbtn-wrap{margin-top:48px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cbtn-wrap button{width:215px;height:50px;border-radius:25px;overflow:hidden;border:0;background:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;color:#000;font-weight:bold;}

.req-page-wrap{width:calc( 100% - 40px );max-width:676px;height:auto;overflow:Hidden;margin:0 auto;padding-bottom:50px;}
.req-page-wrap .req-btn-wrap{display:none;}
.req-page-wrap .rtit{width:100%;height:auto;overflow:hidden;font-size:22px;color:#3a3b3c;font-weight:bold;padding:50px 0 25px 0;}
.req-page-wrap .tbl01{table-layout:fixed;border:0;border-collapse:collapse;width:100%;border-top:2px solid #173a66;border-bottom:1px solid #c8c8c8;}
.req-page-wrap .tbl01 th{height:40px;background:#f9f9fa;text-align:center;font-size:14px;color:#3a3b3c;font-weight:bold;}
.req-page-wrap .tbl01 td{padding:0 12px;height:40px;font-size:14px;color:#222;}

.req-page-wrap .tbl02{table-layout:fixed;border:0;border-collapse:collapse;width:100%;border-top:2px solid #173a66;border-bottom:1px solid #c8c8c8;}
.req-page-wrap .tbl02 th{height:40px;background:#f9f9fa;text-align:center;font-size:14px;color:#3a3b3c;font-weight:bold;position:relative;}
.req-page-wrap .tbl02 th:before{content:"";width:1px;height:10px;overflow:hidden;display:block;background:#c8c8c8;position:absolute;left:0;top:50%;margin-top:-5px;}
.req-page-wrap .tbl02 th:first-child:before{display:none;}
.req-page-wrap .tbl02 td{height:40px;font-size:14px;color:#222;text-align:center;}

.req-page-wrap .label{width:100%;height:auto;overflow:hidden;padding:28px 0 9px 0;font-size:18px;color:#222;font-weight:bold;}

.req-page-wrap dl{width:100%;height:auto;overflow:hidden;}
.req-page-wrap dl dt{width:100%;height:auto;overflow:hidden;padding:28px 0 15px 0;font-size:16px;color:#3a3b3c;font-weight:bold;}
.req-page-wrap dl dd{width:100%;height:auto;overflow:hidden;}
.req-page-wrap dl dd .sdesc{width:calc( 100% - 2px - 54px );padding:10px 27px;border:1px solid #c8c8c8;border-radius:8px;background:#f9f9fa;font-size:14px;color:#101010;line-height:1.71em;}
.req-page-wrap dl dd ul{width:100%;height:auto;overflow:hidden;}
.req-page-wrap dl dd ul li{height:33px;border-radius:8px;border:1px solid #000;min-width:175px;float:left;margin:0 24px 10px 0;display:inline-flex;justify-content:flex-start;align-items:center;}
.req-page-wrap dl dd ul li i{display:none;}
.req-page-wrap dl dd ul li span{display:flex;margin-left:19px;font-size:14px;color:#101010;font-weight:500;}
.req-page-wrap dl dd ul li.on{background:#000;}
.req-page-wrap dl dd ul li.on i{display:flex;font-size:20px;color:#fff;margin-left:8px;}
.req-page-wrap dl dd ul li.on span{margin-left:10px;color:#fff;}


@media screen and (max-width: 769px) {
  .power-step-wrap .req-cont-wrap{margin:0;width:100%;display:block;}
  .power-step-wrap .req-cont-wrap .lt-item{z-index:40;border-top-left-radius:24px;border-top-right-radius:24px;width:calc( 100% - 20px );padding:0 10px;margin-top:0;position:fixed;left:0;bottom:0;min-height:0;}
  .power-step-wrap .req-cont-wrap .lt-item .scrolls{display:none;margin:0px auto 0 auto;position:relative;width:calc( 100% - 40px );height:auto;max-height:500px;overflow:hidden;overflow-y:auto;padding:0 20px;}
  .power-step-wrap .req-cont-wrap .lt-item.on{background:transparent;}
  .power-step-wrap .req-cont-wrap .lt-item.on .scrolls{display:block;}

  .power-step-wrap .req-cont-wrap .lt-item.on:before{content:"";width:100%;height:100%;overflow:Hidden;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:10;}
  .power-step-wrap .req-cont-wrap .lt-item.on .rtit{border-top-left-radius:24px;border-top-right-radius:24px;padding-bottom:0;background:#fff;z-index:50;}
  .power-step-wrap .req-cont-wrap .lt-item.on .rtit:before{content:"";width:calc( 100% - 40px );left:20px;height:1px;overflow:hidden;display:block;background:#000;position:absolute;bottom:0;}
  .power-step-wrap .req-cont-wrap .lt-item.on .scrolls{background:#fff;z-index:50;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list{padding-top:20px;width:100%;margin:0px auto 0 auto;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list>li:before{left:0;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list>li:after{left:10.5px;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list>li{padding-bottom:20px;padding-left:35px;width:calc( 100% - 35px );}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list li .mtit{font-size:18px;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul{margin-top:10px;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list li ul li{font-size:14px;line-height:1.71em;margin-top:0;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list li .mdesc{margin-top:10px;}

  .power-step-wrap .req-cont-wrap .lt-item .req-step-list>li.complete:after{background:#3a3b3c;}
  .power-step-wrap .req-cont-wrap .lt-item .req-step-list li.complete .mtit{color:#0d89e8}

  .power-step-wrap .req-cont-wrap .lt-item .rtit{width:calc( 100% - 40px );padding:6px 20px 27px 20px;height:48px;position:relative;margin:0;border-bottom:0;}
  .power-step-wrap .req-cont-wrap .lt-item .rtit strong{font-size:18px;}
  .power-step-wrap .req-cont-wrap .lt-item .rtit .btn-mob-toggle{display:flex;width:48px;height:48px;overflow:hidden;position:absolute;right:10px;top:6px;border:0;background:url(https://resource.mall.castingn.com/static/images/ico-req-full.svg) no-repeat center center;}
  .power-step-wrap .req-cont-wrap .lt-item .rtit .btn-mob-toggle.on{background:url(https://resource.mall.castingn.com/static/images/ico-req-close.svg) no-repeat center center;}
  .power-step-wrap .help-item-wrap{padding:10px 20px;width:calc( 100% - 40px );}
  .power-step-wrap .help-tit{font-size:12px;line-height:1.5em;text-align:left;}
  .power-step-wrap .help-tit br{display:none;}
  .power-step-wrap .help-tit strong{font-size:12px;}
  .power-step-wrap .help-desc{display:none;}

  .power-step-wrap .req-cont-wrap .rt-item{width:calc( 100% - 40px );padding:0 20px 60px 20px;position:static;box-shadow:none;border-radius:0;}
  .power-step-wrap .req-cont-wrap .rt-item .step{font-size:14px;margin-top:20px;}
  .power-step-wrap .req-cont-wrap .rt-item .rtit{font-size:24px;}
  .power-step-wrap .req-cont-wrap .rt-item .req-category-list{margin-top:18px;}

  .power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap{left:0;top:auto;position:fixed;width:100%;bottom:60px;background:#0d89e8;padding-bottom:20px;}
  .power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap .btn-prev{background:transparent;color:#fff;}
  .power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap.t01{}
  .power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap.t01:before{content:"";width:1px;height:20px;overflow:hidden;display:block;background:rgba(255,255,255,.5);position:absolute;left:50%;top:15px;}
  .power-step-wrap .step-form-wrap .label{font-size:14px;}

  .req-cont-wrap .preview-item-wrap{width:calc( 100% - 60px );margin:0 auto;padding-bottom:30px;}
  .req-cont-wrap .preview-item-wrap .mob-stit{width:100%;height:55px;overflow:hidden;font-size:20px;color:#222;font-weight:bold;border-bottom:1px solid #000;display:flex;justify-content:center;align-items:center;}
  .req-cont-wrap .preview-item-wrap .mob-sdesc{padding:17px 0 0 0;font-size:16px;color:#3a3b3c;font-weight:500;width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;}
  .req-cont-wrap .preview-item-wrap .pcont{display:none;}

  .power-step-wrap .req-cont-wrap .rt-item.complete{background:#fff;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap{margin-top:40px}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cico{text-align:center;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .ctit{margin-top:20px;font-size:20px;color:#222;text-align:center;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .ctit br{display:none;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cdesc{margin-top:8px;font-size:14px;color:#222;text-align:center;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cdesc br{display:none;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cetc{text-align:center;font-size:14px;color:#000;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cetc strong{font-size:16px;color:#2db285;}

  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cbtn-wrap{left:0;top:auto;position:fixed;width:100%;bottom:170px;background:#0d89e8;padding-bottom:20px;}
  .power-step-wrap .req-cont-wrap .rt-item.complete .comp-cont-wrap .cbtn-wrap button{background:transparent;color:#fff;}
  .power-step-wrap .req-cont-wrap .rt-item .rbtn-wrap .btn-req{background:transparent;}

  .req-page-wrap .req-btn-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden;padding:20px 0 0 0;}
  .req-page-wrap .req-btn-wrap button{height:42px;padding:0 15px;border:1px solid #c8c8c8;background:#fff;border-radius:21px;display:inline-flex;justify-content:center;align-items:center;margin:0 4px;}
  .req-page-wrap .req-btn-wrap button img{display:flex;width:16px;height:16px;}
  .req-page-wrap .req-btn-wrap button span{display:flex;margin-left:8px;font-size:14px;color:#101010;font-weight:bold;}
  .req-page-wrap .rtit{text-align:center;font-size:18px;}
  .req-page-wrap .tbl01 th{font-size:11px;width:70px;}
  .req-page-wrap .tbl01 td{font-size:11px;}
  .req-page-wrap .label{font-size:14px;}
  .req-page-wrap .tbl02 th{font-size:11px;}
  .req-page-wrap .tbl02 td{font-size:11px;line-height:1.3em;word-break:break-all;}
  .req-page-wrap dl dt{font-size:14px;}
  .req-page-wrap dl dd .sdesc{font-size:12px;line-height:1.5em;padding:10px;width:calc( 100% - 2px - 20px );}
  .req-page-wrap dl dd ul li{width:calc( 50% - 5px - 2px );margin:0 0 10px 0;border-radius:4px;}
  .req-page-wrap dl dd ul li:nth-child(even){float:right;}
  .req-page-wrap dl dd ul li span{font-size:12px;}

}
.board-header-wrap{overflow:visible;z-index:5;}
.side-item-wrap .select-item-wrap01{position:relative;z-index:90;}
.side-item-wrap .select-item-wrap01.on{z-index:5;}
.side-item-wrap .select-item-wrap01>a{display:inline-flex;justify-content:flex-start;align-items:center;;line-height:32px;padding-right:32px;height:32px;padding-left:0px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;position:relative;}
.side-item-wrap .select-item-wrap01>a:before{content:"";width:23px;height:23px;overflow:hidden;display:block;position:absolute;right:0;top:50%;margin-top:-12px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-filter-down.png) no-repeat right center;}
.side-item-wrap .select-item-wrap01>.select-result-wrap{display:none;width:98px;padding:19px 0;border:1px solid #4c4c4c;background:#fff;position:absolute;left:0;top:30px;overflow:hidden;border-radius:8px;}
.side-item-wrap .select-item-wrap01.on>a{color:#4c92f1;}
.side-item-wrap .select-item-wrap01.on>a:before{transform:rotate(180deg)}
.side-item-wrap .select-item-wrap01.on .select-result-wrap{display:block;}

.side-item-wrap .select-item-wrap01>.select-result-wrap ul{display:block;width:100%;height:auto;overflow:Hidden;}
.side-item-wrap .select-item-wrap01>.select-result-wrap ul li{padding:0 !important;margin:18px 0 0 0;width:100%;height:auto;overflow:Hidden;}
.side-item-wrap .select-item-wrap01>.select-result-wrap ul li:first-child{margin-top:0;}
.side-item-wrap .select-item-wrap01>.select-result-wrap ul li a{width:100%;padding:0;height:auto;overflow:Hidden;display:flex;justify-content:center;align-items:center;}
.side-item-wrap .select-item-wrap01>.select-result-wrap ul li a:hover{}
.side-item-wrap .select-item-wrap01>.select-result-wrap ul li a span{font-size:14px;color:#000;display:flex;}

/*.osos-fixed-wrap{position:fixed;left:0;bottom:0;background:#fff;border-top:1px solid #ededed;padding:8px 0;width:100%;height:auto;overflow:Hidden;z-index:20;display:none;}*/
.osos-fixed-wrap { display: none; }
/*.osos-fixed-wrap.on{display:block;}*/
.osos-fixed-wrap .cs-tt{width:calc( 100% - 92px );margin-left:92px;margin-top: 12px; font-size: 10px; color: #7f7f7f; text-align: center; font-weight: 700;}
.osos-fixed-wrap .cs-tt span{font-size:10px;color:#4c92f1;}

.experter-tab { margin:60px 0; }
.experter-tab .m_tit { display: none; }
.experter-tab > ul { display: flex; justify-content: space-between; }
.experter-tab > ul > li { width: 384px; }
.experter-tab > ul > li .tit-cs { position: relative; }
.experter-tab > ul > li .tit-cs > a { display: block; }
.experter-tab > ul > li .tit-cs > a > p {
    position: absolute;
    top:44%;
    color:#fff;
    font-size: 20px;
    font-weight: 700;
    padding-right: 15px;
    left:35px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/experterTitArrow.png) center right no-repeat;
}
.experter-tab > ul > li .list-cs { padding-top:20px; }
.experter-tab > ul > li .list-cs > li {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.experter-tab > ul > li .list-cs > li:last-child {
    margin-bottom: 0;
}
.experter-tab > ul > li .list-cs a { display: flex; align-items: center; justify-content: space-between; }
.experter-tab > ul > li .list-cs a > .thm {
    margin-right: 13px;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    width: 80px;
    height: 80px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.experter-tab > ul > li .list-cs a > .txt { width:calc(100% - 93px); }
.experter-tab > ul > li .list-cs a > .txt > p {
    color: #1C2638;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.experter-tab > ul > li .list-cs a > .txt > .tag {
    border-radius: 5px;
    border: 1px solid #007AFF;
    color:#007AFF;
    font-size: 12px;
    font-weight: 500;
    padding:0 6px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    margin-right:5px;
}
.experter-tab > ul > li .list-cs a > .txt > .pct {
    color: #F04C38;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}
.experter-tab > ul > li .list-cs a > .txt > .prc {
    color: #1C2638;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}
.experter-tab .m_view-more {
    display: none;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    width: calc(100% - 32px);
    background: #FFF;
    align-items: center;
    justify-content: center;
    height: 68px;
    margin:0 auto 28px;
    font-size: 16px;
    font-weight: 500;
}
.experter-tab .m_view-more svg { margin-left: 8px; }
.office-kkultem { background: #F6F7FB; padding:55px 0 60px; }
.office-kkultem h6 {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
}
.office-kkultem .items { display: flex; }
.office-kkultem .items .video-thm { margin-right:55px; flex-shrink: 0; }
.office-kkultem .items .list { display: flex; flex-wrap: wrap; }
.office-kkultem .items .list > li {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 30px;
    width: 330px;
    height: auto;
}
.office-kkultem .items .list > li:nth-child(3),
.office-kkultem .items .list > li:nth-child(4){
    margin-bottom: 0;
}
.office-kkultem .items .list > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.office-kkultem .items .list > li > a > .thm {
    margin-right: 13px;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    width: 80px;
    height: 80px;
    overflow: hidden;
    flex-shrink: 0;
}
.office-kkultem .items .list > li > a > .txt {
    width: calc(100% - 93px);
}
.office-kkultem .items .list > li > a > .txt > p {
    color: #1C2638;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.office-kkultem .items .list > li > a > .txt > .tag {
    border-radius: 5px;
    border: 1px solid #007AFF;
    color: #007AFF;
    font-size: 12px;
    font-weight: 500;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    margin-right: 5px;
}
.office-kkultem .items .list > li > a > .txt > .pct {
    color: #F04C38;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}
.office-kkultem .items .list > li > a > .txt > .prc {
    color: #1C2638;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}



.lowpricereport-card,
.newproductreport-card {
    position: absolute;
    top:0;
    right: 0;
    padding: 20px 24px;
    box-shadow: 4px 10px 35px -1px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    z-index: 1;
    display: none;
    width: 534px;
    border-radius: 8px;
}
.lowpricereport-card .card_head,
.newproductreport-card .card_head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.lowpricereport-card .card_head > h4,
.newproductreport-card .card_head > h4{
    color:#222;
    font-size:22px;
    font-weight: bold;
}
.lowpricereport-card .card_head > span.x-btn,
.newproductreport-card .card_head > span.x-btn{
    width: 20px;
    height: 20px;
    padding: 0;
    position: relative;
    cursor: pointer;
}
.lowpricereport-card .card_head > span.x-btn:before,
.lowpricereport-card .card_head > span.x-btn:after,
.newproductreport-card .card_head > span.x-btn:before,
.newproductreport-card .card_head > span.x-btn:after{
    content: '';
    width:100%;
    height: 2px;
    background:#85888d;
    display: inline-block;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto;
    right:0;
}
.lowpricereport-card .card_head > span.x-btn:before,
.newproductreport-card .card_head > span.x-btn:before{ transform: rotate(45deg); }
.lowpricereport-card .card_head > span.x-btn:after,
.newproductreport-card .card_head > span.x-btn:after{ transform: rotate(-45deg); }
.lowpricereport-card img,
.newproductreport-card img{
    margin-bottom: 20px;
}
.lowpricereport-card > section,
.newproductreport-card > section{ margin-bottom: 20px; }
.lowpricereport-card > section:last-child,
.newproductreport-card > section:last-child{ margin-bottom: 0; }
.lowpricereport-card > section > h6,
.newproductreport-card > section > h6{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #3a3b3c;
}
.lowpricereport-card > section > table,
.newproductreport-card > section > table{
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    text-align: left;
}
.lowpricereport-card > section > table th,
.lowpricereport-card > section > table td,
.newproductreport-card > section > table th,
.newproductreport-card > section > table td{
    font-size: 14px;
    font-weight: 500;
    color: #5e6062;
    padding: 8px;
}
.lowpricereport-card > section > table th,
.newproductreport-card > section > table th{ width:95px; background: #f8f8f8; }
.lowpricereport-card > section > table td,
.newproductreport-card > section > table td{ text-indent: 15px; }
.lowpricereport-card > section > table td > input,
.newproductreport-card > section > table td > input{
    border-radius: 8px;
    border: solid 1px #c8c8c8;
    background-color: #fff;
    font-size: 14px;
    padding: 5px 12px;
    width: calc(100% - 8px);
    box-sizing: border-box;
}
.lowpricereport-card > section > table td > input::placeholder,
.newproductreport-card > section > table td > input::placeholder{ color:#bfbfbf; }
.lowpricereport-card > section > sub,
.newproductreport-card > section > sub{
    font-size: 14px;
    font-weight: 500;
    color: #abadaf;
    margin:8px 0 0 8px;
    display: block;
    padding-left:10px;
}
.lowpricereport-card > button.blue-btn,
.newproductreport-card > button.blue-btn{
    border-radius: 8px;
    background-color: #0d89e8;
    width:120px;
    height: 36px;
    line-height: 36px;
    display: block;
    margin: 15px auto auto;
    color:#fff;
    font-size: 16px;
    font-weight: 500;
}


/* 오피스 스토어 리뉴얼 */
.sub-nav-swiper { overflow: hidden; }
/*.sub-nav-swiper .swiper-slide { display: flex; flex-wrap: wrap; }*/
.sub-nav-swiper .swiper-slide { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:15px }
.sub-nav-swiper .swiper-slide a {
    /*flex-basis: 20%;*/
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    /*margin-bottom: 15px;*/
}
.sub-nav-swiper .swiper-slide a:nth-last-child(-n+5) { margin-bottom: 0; }
.sub-nav-swiper .sub-nav-button-prev,.sub-nav-swiper .sub-nav-button-next {
    /*background: #fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-down.png) center no-repeat;*/
    width:32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:50%;
    cursor: pointer;
}
.sub-nav-swiper .sub-nav-button-prev {
    left:10px;
    transform: translateY(-50%);
}
.sub-nav-swiper .sub-nav-button-next {
    right:10px;
    transform: translateY(-50%);
}
.sub-nav-pagination {
    text-align: center;
    bottom: 0px!important;
    position: absolute;
    display: flex;
    flex:1;
}
.sub-nav-pagination .swiper-pagination-bullet {
    width: 100%;
    border-radius: 0;
    height: 8px;
    margin: 0!important;
    transition: .2s;
    opacity: 1;
    background: linear-gradient(0deg, #c8c8c8, transparent);
}
.sub-nav-pagination .swiper-pagination-bullet:hover{
    background: linear-gradient(0deg, #6fc0ff, transparent);
    transform: scale(1.5);
}
.sub-nav-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(0deg, #0e89e8, transparent);
}
.modal-dim * { font-family: Pretendard; }
.modal-dim {
    background: rgba(0,0,0,.5);
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: none;
    top:0;
    left:0;
    z-index: 50;
}
.modal-dim .modal-position {
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.modal-dim .modal-position .modal {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    width:800px;
}
.modal-dim .modal_head { border-bottom: 1px solid #E5E7EB; position: relative; padding: 15px 24px; }
.modal-dim .modal_head h6 { font-size: 18px; font-weight: 700; line-height: 28px; }
.modal-dim .modal_head .x-btn {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 24px;
    top: 15px;
    cursor: pointer;
}
.modal-dim .modal_head .x-btn:before,
.modal-dim .modal_head .x-btn:after{
    content: '';
    width:100%;
    height: 2px;
    background: #000;
    display: block;
    position: absolute;
    top:50%;
}
.modal-dim .modal_head .x-btn:before { transform: rotate(45deg); }
.modal-dim .modal_head .x-btn:after { transform: rotate(-45deg); }
.modal-dim .modal_body { padding: 55px; }
.modal-dim .modal_body .green { color:#32AB8C; }
.modal-dim .modal_body .blue { color:#0E89E8; }
.modal-dim .modal_body .input-list > li {
    position: relative;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.modal-dim .input-list .sub-tit {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
}
.modal-dim .input-list input[type="text"] {
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    letter-spacing: -0.32px;
}
.modal-dim .input-list input[type="text"]:read-only { background: #ddd; }
.modal-dim .input-list .principle {
    color:#E01B41;
    position: absolute;
    padding-left:18px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/error-red-icon.png) left center no-repeat;
    bottom: -24px;
    left:0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.24px;
}
.modal-dim .modal_body .input-list > li.search-noti { border-top:1px solid #D9D9D9; padding-top:24px; }
.modal-dim .modal_body .input-list > li.search-noti > h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    color: #374151;
    margin-bottom: 8px;
}
.modal-dim .modal_body .input-list > li.search-noti > p {
    color: #374151;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px;
}
.modal-dim .modal_body .btn-cs {
    margin-top:50px;
    display: flex;
    justify-content: center;
    position: relative;
}
.modal-dim .modal_body .btn-cs button {
    width: 160px;
    height: 48px;
    padding: 12px 48px;
    border-radius: 24px;
    box-sizing: border-box;
    margin:0 4px;
    font-size: 18px;
    font-weight: 700;
}
.modal-dim .modal_body .btn-cs button.blue-btn { background: #0E89E8; color:#fff; }
.modal-dim .modal_body .btn-cs button.blue-outline-btn { color:#0E89E8; border:1px solid #0E89E8; }
.modal-dim .modal_body .btn-cs span.reset {
    cursor: pointer;
    position: absolute;
    bottom:0;
    right: 0;
    padding-left:24px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/reset-icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
/*.best100-ct .mall-subpage-wrap .detail-side-wrap {
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px;
}*/
/*.best100-ct .mall-subpage-wrap .ms-acticle-wrap .special-price-wrap {
    margin: 0 auto;
    transform: translateX(100px);
    width: 1000px;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 25px;
    padding-bottom: 100px;
}*/
/*.best100-ct .mall-subpage-wrap .ms-acticle-wrap .special-price-wrap .list-item-wrap {
    flex: 1;
    width: 100%;
    height: auto;
    margin-right: 298px;
}*/
/*.best100-ct .mall-subpage-wrap .ms-acticle-wrap .special-price-wrap .list-item-wrap {
    flex: 1;
    width: 100%;
    height: auto;
}
.best100-ct .special-item-wrap>ul>li {
    box-shadow: none;
    border: solid 1px rgba(163, 163, 163, 0.81);
}*/
/*.store-productmain .mall-slide-wrap .detail-side-wrap,
.best100-ct .mall-subpage-wrap .detail-side-wrap .lnb { margin-top:20px; }*/

@media screen and (max-width: 769px){
    .mall-subpage-wrap .ms-acticle-wrap .store-nav-ct-top { width:100% !important; }
    .mob-category-slide-wrap { display: none; }
    .store-nav-ct-top .subpage-search-form .store-search-cs { display: none; }
    .store-nav-ct-top .subpage-search-form { width:100%; margin:0 20px; }
    /* .ms-acticle-wrap .store-nav-ct-top .subpage-search-form .store-search-cs .blue-btn,
    .ms-acticle-wrap .store-nav-ct-top .subpage-search-form .store-search-cs .blue-outline-btn { font-size: 14px; }*/
    .subpage-location-wrap .brand-tit { margin-right: 8px; }
    .subpage-location-wrap .brand-tit span label { margin-left:2px; }
    .subpage-location-wrap .navi-area > ul > li:after { margin:0 2px; }
    .subpage-location-wrap .navi-area > ul > li > a { padding: 3px 6px; }
    .sub-nav-swiper .swiper-slide a {
        flex-basis: 25%;
        padding-right:0!important;
        margin-bottom: 7px;
        font-size: 12px;
        line-height: 130%;
    }
    .sub-nav-swiper .swiper-wrapper { height: 150px; }
    .sub-nav-swiper .sub-nav-button-prev,
    .sub-nav-swiper .sub-nav-button-next {
        width: 20px;
        height: 20px;
        background-size: 16px;
        background-color: #fff;
    }
    .sub-nav-swiper .sub-nav-button-next { right:0px; }
    .sub-nav-swiper .sub-nav-button-prev { left:0px;}
    .subpage-category-reresult .brand-tit { margin-top:15px; }
    .subpage-category-reresult .result-box {padding: 5px; min-height: auto; height: auto; }
    .subpage-category-reresult .result-box .dep1 {
        width: 100%;
        text-align: center;
        left: 0;
        display: block;
        position: relative;
        padding: 8px 0;
    }
    .subpage-category-reresult .result-box .dep2 {
        float: initial;
        display: inline-block;
        font-size: 12px;
        padding: 2px 6px;
    }
    .subpage-category-reresult .result-box .dep2 a.menu-close { display: inline-block; vertical-align: sub; }
    .board-header-wrap { flex-direction: column;  align-items: flex-start; }
    .board-header-wrap .btit { margin-bottom: 5px; }
    .board-header-wrap .side-item-wrap ul li { padding-left: 0; font-size: 12px; }
    .board-header-wrap .price-search-box label {
        height: 30px;
        line-height: 30px;
        width: 82px;
        padding: 0 4px;
    }
    .board-header-wrap .price-search-box label input { font-size: 12px; }
    .board-header-wrap .price-search-box button {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        width: 65px;
        margin-left: 2px;
    }
    .board-header-wrap .side-item-wrap ul li .select {
        font-size: 12px;
        padding: 0 22px 0 3px ;
        min-width: 72px;
        height: 30px;
        line-height: 30px;
        background-position: right 3px center;
        margin-left:2px;
    }
    .special-price-wrap.list-type .special-item-wrap>ul>li{
        /*width:calc( 50% - 6px );*/
        width:100%;
        margin:0 0 4px;
        padding: 0;
    }
    .list-type .special-item-wrap>ul>li:first-child, .list-type .special-item-wrap>ul>li:nth-child(2n + 1){ margin-left:0; }
    .list-type .special-item-wrap>ul>li:nth-child(2n){ margin-right: 0; }
    .list-type .special-item-wrap>ul>li .renew-price { flex-direction: column; align-items: flex-start; }
    .special-item-wrap ul li .rt-item { padding:10px 6px; }
    .special-item-wrap ul li .rt-item .mcont { margin-top:3px; }
    .list-type .special-item-wrap>ul>li .renew-price > strong { font-size: 18px; }
    .list-type .special-item-wrap>ul>li .renew-price > p { font-size:14px; }
    .subpage-location-wrap .navi-area > ul > li .navi-box { left:-75px; }

    .best100-ct .mall-subpage-wrap .ms-acticle-wrap .special-price-wrap { transform: translateX(0); width: calc( 100% - 40px ); }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item {
        padding: 10px 6px;
        margin-top:0;
    }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price { flex-direction: column; align-items: flex-start; }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price > strong { font-size: 18px; }
    .floor-mdPick .area .tabConts > .tabCont > ul.list-mdPick > li .rt-item .renew-price > p { font-size: 14px; }
    .mall-slide-wrap .detail-side-wrap .lnb-group .dep1 {
        background: #fff;
        border-right: 1px solid #e5e5e5;
    }
    .ctr-cs { display: none; }
    .ctr-cs .page {
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }
    .subpage-location-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
}

.price-mark {
    position: absolute;
    width:230px;
    box-sizing: border-box;
    left: calc(50% + 600px + 30px);
    top: 250px;
    text-align: center;
    transition: 1s;
    z-index: 40;
    border-radius: 6px;
    border: 2px solid #E3E3E3;
    background: #FFF;

}
.price-mark .basket-item { position: relative; }
.price-mark .basket-item .persent-sale {
    width: 39px;
    height: 43px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: #F34711;
    position: absolute;
    top: -3px;
    left: 20px;
    display: inline-flex;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: -2px 2px 8px rgba(0,0,0,.5);
}
.price-mark .basket-item .persent-sale:before{
    content: '';
    display: block;
    border-top: 1px solid transparent;
    border-left: 5px solid transparent;
    border-right: 3px solid #B8350B;
    border-bottom: 3px solid #B8350B;
    position: absolute;
    top: 0;
    left: -8px;
}
.price-mark .basket-item .persent-sale:after {
    content: '';
    display: block;
    border-top: 2px solid #f34711;
    border-left: 20px solid #f34711;
    border-right: 19.5px solid #f34711;
    border-bottom: 5px solid transparent;
    position: absolute;
    bottom: -6px;
}
.price-mark .basket-item .price-mark .basket-item b {
    display: block;
    font-weight: 700;
}
.price-mark .basket-item .lt-item {
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
}
.price-mark .basket-item .lt-item .mpic {
    height: 180px;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.price-mark .basket-item .lt-item .mpic img { max-width: 100%; max-height: 100%; }
.price-mark .basket-item .rt-item {
    height: auto;
    flex: 1;
    padding: 16px 12px;
    border-bottom: 1px solid #E3E3E3;
}
.price-mark .basket-item .rt-item .mtit {
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
    height: 40px;
    width: 100%;
    overflow: Hidden;
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.price-mark .basket-item .rt-item .mcont {
    width: 100%;
    height: auto;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.price-mark .basket-item .rt-item .mcont .renew-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.price-mark .basket-item .rt-item .mcont .renew-price > strong {
    color: #0E89E8;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -1.5px;
    display: block;
}
.price-mark .basket-item .rt-item .mcont .renew-price > p {
    color: #717171;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -1.5px;
    text-decoration: line-through;
}
.price-mark .card_head { border-bottom:1px solid #E3E3E3; padding:15px 20px 12px; }
.price-mark .card_head h6 {
    font-size: 16px;
    color: #3A3B3C;
    font-weight: 700;
    margin-bottom: 12px;
}
.price-mark .card_head .mark-month-slide {
    position: relative;
    width:100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.price-mark .card_head .mark-month-slide .swiper-wrapper { height: 24px; line-height: 24px; }
.price-mark .card_head .mark-month-slide .month-button-next,
.price-mark .card_head .mark-month-slide .month-button-prev{
    background: #fff url(https://resource.mall.castingn.com/static/images/sub/ico-navi-down.png) center no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 0;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 9;
}
.price-mark .card_head .mark-month-slide .month-button-next { right: 10px; transform: rotate(-90deg); }
.price-mark .card_head .mark-month-slide .month-button-prev { left: 10px; transform: rotate(90deg); }
.price-mark .card_head .mark-month-slide .swiper-button-disabled { opacity: .2; cursor: default; }
.price-mark .card_head .price-graph { overflow: hidden; }
.price-mark .card_head .price-graph dl dt:nth-child(5),
.price-mark .card_head .price-graph dl dd:nth-child(6){ margin-bottom: 0;}
.price-mark .card_head .price-graph dl dt {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.price-mark .card_head .price-graph dl dt.blue { color: #0E89E8; }
.price-mark .card_head .price-graph dl dt.green { color: #32AB8C; }
.price-mark .card_head .price-graph dl dt.red { color: #EE5948; }
.price-mark .card_head .price-graph dl dd {
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.price-mark .card_head .price-graph dl { display: flex; flex-wrap: wrap; }
.price-mark .card_head .price-graph dl > * { width: 50%; }
.price-mark .card_body .noti { margin-bottom: 3px; }
.price-mark .card_body .noti h6 {
    color: #3A3B3C;
    font-size: 16px;
    font-weight: 700;
    margin:10px 0;
}
.price-mark .card_body .noti p {
    color: #EE5948;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.price-mark .card_body table thead td {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    color:#999;
}
.price-mark .card_body table tr { transition: .2s; }
.price-mark .card_body table tbody tr:hover {
    transform: scale(1.05);
    cursor: pointer;
    background: #C9E7FF;
}
.price-mark .card_body table tbody tr:hover td:nth-child(2){
    background: url(https://resource.mall.castingn.com/static/images/sub/ico-lnbarrow.png) right 5px center no-repeat;
}
.price-mark .card_body table tbody td { border-bottom: 1px solid #F6F6F6; padding-left:18px;}
.price-mark .card_body table tr > *:nth-child(1){
    padding-left:18px;
    text-align: left;
    height: 30px;
}
.price-mark .card_body table tr > *:nth-child(2){
    text-align: right;
    padding-right:18px;
    height: 30px;
}
.price-mark .card_body table tr > td.best { color:#32AB8C; }
@media screen and (max-width: 769px) {
    .price-mark { display: none; }
    .mall-slide-wrap .swiper-container .swiper-slide.chuseock23 { height: auto; }
    .mall-slide-wrap .swiper-container .swiper-slide.chuseock23 .cst-wrap { width: 100%; }
    .mall-slide-wrap .swiper-container .swiper-slide.chuseock23 .wimg { display: none; }
    .mall-slide-wrap .swiper-container .swiper-slide.chuseock23 img.mimg { display: block}

    .detail-top .top-area .top-right .form-cs { margin-top:30px; }
}

.mk-sub-mb-nav {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:20px 0 20px 40px;
    box-sizing: border-box;
    margin-top:25px;
    margin-bottom: 40px;
}
.mk-sub-mb-nav .txt {
    color: #1E1E1D;
    font-size: 20px;
    font-weight: 500;
}
.mk-sub-mb-nav > ul.menu {
    display: flex;
    text-align: center;
    align-items: center;
    height:60px;
}
.mk-sub-mb-nav > ul.menu li { border-right:1px solid #E8E8E8; width: 125px; box-sizing: border-box; }
.mk-sub-mb-nav > ul.menu li:last-child { border-right:none; }
.mk-sub-mb-nav > ul.menu li a { display: block; }
.mk-sub-mb-nav > ul.menu li a > p { color: #1E1E1D; font-size: 13px; font-weight: 500; }
.mk-sub-mb-nav .txt .blue { color:#007AFF; }
.mk-sub-mb-nav .txt b { font-weight: 700; margin-right:4px; }
.myfvr-item {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    background: #fff;
    padding:24px 24px 40px 24px;
}
.myfvr-item > .top {
    border-bottom: 2px solid #1E1E1D;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.myfvr-item > .top > p {
    color: #222;
    font-size: 20px;
    font-weight: 700;
}
.myfvr-item > .top > button {
    border-radius: 6px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    color: #767676;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding:0 15px;
}
.myfvr-item > .bt {
    padding:30px 38px 0;
    position: relative;
}
.myfvr-item > .bt > .fvr-slider { overflow: hidden; }
.myfvr-item > .bt > .fvr-slider li { width: 20%; }
.myfvr-item > .bt > .fvr-slider li .thm {
    border-radius: 12px;
    border: 1px solid #E8E8E8;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 16px;
    overflow: hidden;
    width: 198.8px;
    height: 198.8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.myfvr-item > .bt > .fvr-slider li input[type="checkbox"]{ display: none; }
.myfvr-item > .bt > .fvr-slider li label {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    left:8px;
    top:8px;
    border-radius: 6px;
    border: 1px solid #E8E8E8;
    background:#fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/fvrChkImg.png) center no-repeat;
    cursor: pointer;
}
.myfvr-item > .bt > .fvr-slider li input:checked + label {
    background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/fvrChkImgOn.png) center no-repeat;
}

.myfvr-item > .bt > .fvr-slider li .info > p {
    color: #1C2638;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.myfvr-item > .bt > .fvr-slider li .info_sub > span { margin-right: 3px; }
.myfvr-item > .bt > .fvr-slider li .info_sub > span:last-child { margin-right:0; }
.myfvr-item > .bt > .fvr-slider li .info_sub .pct {
    color: #F04C38;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}
.myfvr-item > .bt > .fvr-slider li .info_sub .prc {
    color: #1C2638;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.myfvr-item > .bt > .fvr-slider li .info_sub .prc > strong {
    font-size: 18px;
    font-weight: 700;
}
.myfvr-item > .bt > .fvr-slider li .info_sub .cc-prc {
    color: #9FA0A4;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: line-through;
}
.myfvr-item > .bt > .fvr-slider .swiper-arrow:after { content: none; }
.myfvr-item > .bt > .fvr-slider .swiper-button-next { right: 0; }
.myfvr-item > .bt > .fvr-slider .swiper-button-prev { left: 0; }
.myfvr-item > .bt > .none-data {
    padding:100px 0;
    text-align: center;
}
.myfvr-item > .bt > .none-data > h6 {
    color: #1E1E1D;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
}
.myfvr-item > .bt > .none-data > p {
    color: #767676;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.myfvr-item-cs { margin-bottom: 60px; }
.myfvr-item-cs .all-prdt-cart {
    margin:20px auto 0;
    display: block;
    width:220px;
    height: 65px;
    line-height: 65px;
    border-radius: 50px;
    background: #1E1E1D;
    text-align: center;
    font-size: 16px;
    color:#fff;
}
.myfvr-item-cs .all-prdt-cart svg { vertical-align: middle; margin-left:8px; }
.myfvr-item-cs .m_view-all-btn { display: none; }

.common_dot {
    display: -webkit-box;
    display: -ms-flexbox;
    margin-top:1px;
    max-height:80px;
    overflow:hidden;
    vertical-align:top;
    text-overflow: ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}

@media screen and (max-width: 769px) {
    .mk-sub-mb-nav {
        flex-direction: column;
        padding: 40px 16px;
        align-items: flex-start;
        border: none;
        margin-bottom: 0;
    }
    .mk-sub-mb-nav .txt { font-size: 22px; margin-bottom: 20px; font-weight: 800; line-height: 1.2 }
    .mk-sub-mb-nav > ul.menu {
        width:100%;
        height: 90px;
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        box-sizing: border-box;
    }
    .mk-sub-mb-nav > ul.menu li {
        width: 25%;
        height: 60px;
        flex: 1;
    }
    .mk-sub-mb-nav > ul.menu li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 60px;
    }
    .mk-sub-mb-nav > ul.menu li a > svg { padding-top: 7px; }
    .mk-sub-mb-nav > ul.menu li a > p { padding-bottom: 7px; }
    .myfvr-item-cs { margin-bottom: 48px; }
    .myfvr-item { border:none; padding:0 16px; }
    .myfvr-item > .top > p { font-size:18px; }
    .myfvr-item > .bt { padding:20px 0 28px; }
    .myfvr-item > .bt > .none-data { padding: 20px 0; }
    .myfvr-item > .bt > .none-data > h6 { font-size:22px; line-height: 1.3; }
    .myfvr-item > .bt > .none-data > p { font-size:14px; line-height: 1.3; }
    .myfvr-item > .bt ul { flex-direction: column; }
    .myfvr-item > .bt ul li {
        display: flex;
        border-bottom: 1px solid #E8E8E8;
        margin-bottom: 20px;
        padding-bottom: 20px;
        align-items: center;
    }
    .myfvr-item > .bt > .fvr-slider li { width:100%!important; }
    .myfvr-item > .bt ul li:last-child { border-bottom: 0; }
    .myfvr-item > .bt > .fvr-slider li .thm { width:96px; height:96px; margin:0 12px 0 0; flex-shrink: 0 }
    .myfvr-item > .bt > .fvr-slider li .info { width: 100%; }
    .myfvr-item > .bt > .fvr-slider li label {
        left: 0;
        width: 20px;
        height: 20px;
        background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/fvrChkImg.png) center center/12px no-repeat;
        position: relative;
        top: 0;
        margin-right: 8px;
        flex-shrink: 0;
    }
    .myfvr-item > .bt > .fvr-slider li input:checked + label { background-size: 12px; }
    .myfvr-item > .bt > .fvr-slider li:last-child { margin-bottom: 0; padding-bottom: 0; }
    .myfvr-item > .bt > .fvr-slider li:last-child .thm { margin-bottom: 0; }
    .myfvr-item > .bt > .fvr-slider li:last-child .info { width:calc(100% - 140px) }
    .myfvr-item > .bt > .fvr-slider li .info > p {
        font-size: 14px;
        line-height: 1.5;
        font-weight: 500;
        width: calc(100% - 10px);
    }
    .myfvr-item > .bt > .fvr-slider li .info_sub .pct,
    .myfvr-item > .bt > .fvr-slider li .info_sub .prc { font-size: 14px; }
    .myfvr-item > .bt > .fvr-slider li .info_sub .cc-prc { font-size:12px; }
    .myfvr-item-cs .all-prdt-cart {
        margin-top: 0;
        width: calc(100% - 32px);
        border-radius: 8px;
    }
    .myfvr-item-cs .m_view-all-btn {
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        width: calc(100% - 32px);
        margin: 8px auto 0 ;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        font-size:15px;
        color:#767676;
    }
    .myfvr-item-cs .m_view-all-btn svg { margin-left:10px; }
    .experter-tab { margin:8px 0 0; }
    .experter-tab > ul { display: block; width: calc(100% - 32px); margin:auto; }
    .experter-tab > ul > li { width: 100%; display: none; }
    .experter-tab > ul > li.on { display: block; }
    .experter-tab > ul > li .tit-cs { display: none; }
    .experter-tab > ul > li .list-cs > li:last-child { border-bottom: 0; }
    .experter-tab ol.m_tit { display: flex; }
    .experter-tab ol.m_tit > li {
        width: 33.3333%;
        text-align: center;
        border-bottom: 2px solid #F6F7FB;
        color: #A0A0A4;
        font-size: 14px;
        font-weight: 700;
        height: 50px;
        line-height: 50px;
    }
    .experter-tab ol.m_tit > li.on { border-color: #007AFF; color:#007AFF; }
    .experter-tab .m_view-more { display: flex;}
    .office-kkultem {
        padding:40px 16px 44px;
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/officeMk-BestItemBg.png) center/cover no-repeat;
    }
    .office-kkultem h6 {
        text-align: center;
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.3;
    }
    .office-kkultem .items .video-thm { display: none; }
    .office-kkultem .items .list {
        flex-wrap: nowrap;
        width: calc(100vw - 32px);
    }
    .office-kkultem .items .list > li {
        padding-bottom: 0;
        margin: 0;
        width: 49%;
        height: 100%;
        border-radius: 8px;
        background-color: #fff;
        border-bottom: 0;
        border: 1px solid #E8E8E8;
        box-sizing: border-box;
    }
    .office-kkultem .items .list > li > a { flex-direction: column; }
    .office-kkultem .items .list > li > a > .thm {
        width: 100%;
        margin:0;
        height: 50%;
        border-radius: 0;
        border:none;
        border-bottom:1px solid #E8E8E8;
        box-sizing: border-box;
    }
    .office-kkultem .items .list > li > a > .thm > img { width: 100%; }
    .office-kkultem .items .list > li > a > .txt {
        padding:16px 0;
        width: calc(100% - 40px);
        text-align: center;
    }
    .office-kkultem .items .list > li > a > .txt > p { font-size:13px; }
    .office-kkultem .items .list > li > a > .txt > .tag {
        margin:8px auto 0;
        display: block;
        width: 70%;
    }
    .floor-mdPick .area .tabConts > .tabCont .more-btn > button {
        width: 100%;
        height: 52px;
        font-size: 15px;
        font-weight: 500;
    }
    .floor-mdPick .area .tabConts > .tabCont .more-btn > button .blue { display: none; }
    .mall-title-wrap.ptn-wrap { width:calc(100% - 32px); }
    .mall-title-wrap.ptn-wrap strong { font-size:22px; font-weight: 700; }
    .office-market-cst-cs .tit > h4 {
        font-size: 28px;
        line-height: 1.5;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .office-market-cst-cs .tit > p {
        color: #9FA0A4;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
    }
    .office-market-cst-cs .btn-cs { flex-direction: column; }
    .office-market-cst-cs .btn-cs .btn {
        width: 220px;
        margin-bottom: 8px;
        border: none;
    }
    .office-market-cst-cs sub {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.5;
    }
    .partners-logo-slide { display: none; }
    .m_partners-logo-cs { padding:10px 0; }
    .m_partners-logo-cs ul { display: flex; }
    .m_partners-logo-cs li {
        width: 160px;
        height: 74px;
        border-radius: 8px;
        border:1px solid rgba(232, 232, 232, 1);
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        margin:4px;
    }
}
.top-right .detail-right-sec .show-prdt-dt {
    height: 40px;
    line-height: 40px;
    margin:16px 0;
}
.top-right .detail-right-sec .show-prdt-dt > button {
    border:1px solid #c8c8c8;
    border-radius: 4px;
    transition: .2s;
    color:#202020;
    font-size:14px;
    font-weight: 400;
    padding:10px 16px;
    position: relative;
    width: 100%;
    text-align: left;
}
.top-right .detail-right-sec .show-prdt-dt > button:hover,
.top-right .detail-right-sec .show-prdt-dt > button:focus { border-color:#202020 }

.top-right .detail-right-sec .show-prdt-dt > button > svg {
    position: absolute;
    right: 16px;
    top:0;
    bottom:0;
    margin:auto;
    transition: .2s;
    transform: rotate(180deg);
}
.top-right .detail-right-sec .show-prdt-dt > button:focus > svg { transform: rotate(0deg) }
.top-right .detail-right-sec .show-prdt-dt > .df-info {
    display: none;
    border:1px solid #202020;
    border-radius: 4px;
    padding: 16px;
    position: relative;
    background: #fff;
}
.top-right .detail-right-sec .show-prdt-dt > .df-info > dl {
    display: flex;
    align-items: flex-start;
    line-height: 20px;
    gap: 8px;
    font-size:14px;
}
.top-right .detail-right-sec .show-prdt-dt > .df-info > dl > dt {
    text-align: right;
    color: #666;
    width: 90px;
}
.top-right .detail-right-sec .show-prdt-dt > .df-info > dl > dd {
    color:#202020;
    flex: 1;
    word-break: break-all;
}
/*.top-right .detail-right-sec .show-prdt-dt > button:focus + .df-info { display: block }*/
.top-right .detail-right-sec .prdt-options { display: grid; gap:8px; margin-bottom: 16px }
.top-right .detail-right-sec .prdt-options li { display: flex; align-items: center }
.top-right .detail-right-sec .prdt-options li > span {
    padding-left:8px;
    width: 64px;
    color: #101010;
    font-size: 14px;
    font-weight: 500;
}
.top-right .detail-right-sec .prdt-options li > select {
    border-radius: 4px;
    width: 100%;
}
.top-right .detail-right-sec .selected-area {
    margin-bottom: 16px;
    border:1px solid #999;
    border-radius: 8px;
    padding: 10px 15px;
    gap: 24px;
    display: grid;
}
.top-right .detail-right-sec .selected-area .select-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-right .detail-right-sec .selected-area .select-right .quantity-area {
    width: auto;
    height: 40px;
    border-radius: 8px;
}
.top-right .detail-right-sec .selected-area .select-right .quantity-area > input {
    width: 40px;
    font-size:14px;
    font-weight: 400;
}
.top-right .detail-right-sec .selected-area .select-right .quantity-area > button {
    width: 40px;
    height: 40px;
}

.top-right .detail-right-sec .selected-area .select-right .price-cs {
    display: flex;
    align-items: center;
}
.top-right .detail-right-sec .selected-area .select-right .price-cs .dc-area {
    color:#32AB8C;
    font-size:28px;
    margin-right:20px;
}
.top-right .detail-right-sec .selected-area .select-right .price-cs .price-area {
    color:#000;
    font-size:28px;
}
.top-right .detail-right-sec .selected-area .select-right .price-cs > span.red {
    color:#F05046;
    font-size:14px;
    font-weight: 400;
}
.dim-ct {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.dim-ct > .pop-ct {
    z-index: 45;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.dim-ct > .pop-ct > .card {
    background: #fff;
    border-radius: 8px;
    width: 800px;
}
.dim-ct > .pop-ct > .card .p_hd {
    padding: 24px;
    border-bottom: 1px solid #D9DFEB;
}
.dim-ct > .pop-ct > .card .p_hd > h4{
    font-size: 24px;
    color:#202020;
    font-weight: bold;
}
.dim-ct > .pop-ct > .card .p_bd {
    padding: 24px;
}
.dim-ct > .pop-ct > .card .p_ft {
    border-top: 1px solid #D9DFEB;
    padding: 24px;
}
.dim-ct > .pop-ct > .card .p_ft > .flx {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:8px;
}
.dim-ct > .pop-ct > .card .p_ft > .btn-cs > button {
    min-width: 120px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
    font-weight: 700;
    box-sizing: border-box;
    border-radius: 4px;
}
.dim-ct > .pop-ct > .card .p_ft .df-btn {
    color:#666;
    border:1px solid #C8C8C8;
}
.dim-ct > .pop-ct > .card .p_ft .black-btn {
    background: #333;
    color:#fff;
}
.round-table-cs {
    border-radius: 4px;
    border:1px solid #E8E8E8;
}
.round-table tr th:first-child,
.round-table tr td:first-child {
    border-left: none
}
.round-table tr th:last-child,
.round-table tr td:last-child {
    border-right: none
}
.round-table tr:first-child th,
.round-table tr:first-child td {
    border-top:none;
}
.round-table tr:last-child th,
.round-table tr:last-child td {
    border-bottom:none;
}
.round-table th,
.round-table td {
    padding: 12px;
    border:1px solid #E8E8E8;
}
.round-table th {
    background: #F7F8FC;
    color: #202020;
    font-size:14px;
    font-weight: 700;
    text-align: left;
    height: 40px;
}
.round-table .df-input {
    border:1px solid #C8C8C8;
    border-radius: 4px;
    box-sizing: border-box;
    padding:0 16px;
    height: 40px;
    line-height: 40px;
}
.round-table .df-textarea {
    border:1px solid #C8C8C8;
    border-radius: 4px;
    box-sizing: border-box;
    padding:12px;
}
.round-table .w-full { width: 100% }
.url-pop-ct {
    background: rgba(0,0,0,.4);
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    top:0;
    left:0;
    z-index: 49;
}
.url-pop-ct .pop-cs {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.url-pop-ct .pop-cs .pop_card {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    width: 800px;
}
.url-pop-ct .pop-cs .pop_card .tit {
    color: #202020;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    padding:24px;
    border-bottom: 1px solid #D9DFEB;
}
.url-pop-ct .pop-cs .pop_card .cont {
    padding:24px;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.url-pop-ct .pop-cs .pop_card .ft { padding:24px; text-align: center; border-top:1px solid #E8E8E8 }
.url-pop-ct .pop-cs .pop_card .ft button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 4px;
    background: #333;
    padding:18px 46px;
    display: inline-block;
}