@charset 'UTF-8';

@import url(form.css);
@font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 500;
}
.mx-0 { margin-left:0!important; margin-left:0!important }
.m-show,.m-show-flx { display: none!important; }
.dark-blue {
    color:#2936DF;
}
.hide-all{display: none;}
.hidden{position: absolute !important; top:auto; left:-10000px; width:1px; height:1px; overflow:hidden;}
.body-lock{height: 100%; overflow: hidden;}
.right { text-align:right; }
.center { text-align:center; }
.pt0 { padding-top:0!important; }
.ml5 { margin-left:5px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mb20 { margin-bottom:20px; }
.cst-one-week {
    margin-top:20px;
    margin-bottom:5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cst-one-week2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:4px;
}
.cst-one-week2 label{
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.pull-right {
    float: right;
}
.text-center {
    text-align: center;
}

/* s: 스마트핀클럽 서브 */
.joinWrap {
    padding-bottom: 0;
    font-family: Pretendard;
}
.joinWrap.join02 {
    background: #f5f5f5;
}

.joinWrap [class*='floor-'] > [class*='area']{width: 812px;}


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

.join02 [class*='floor-'] > [class*='area'] {
    width: 1088px;
}

.floor-desc-01 {
    line-height: 1.33;
    padding: 26px 0 27px;
    letter-spacing: -0.45px;
    text-align: center;
    font-size: 18px;
    color: #222;
}
.join02 .floor-desc-01 {
    background: #f5f5f5;
}
.floor-desc-01 .desc-01 {
    margin-bottom: 7.5px;
    color: #222;
}
.floor-desc-01 .desc-02 {
    color: #5e6062;
}
.floor-desc-01 .desc-02 strong {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.14;
    color: #292929;
}
.floor-desc-01 .desc-02 strong:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
}
.floor-desc-01 .desc-02 span {
    color: #0d89e8;
}


.floor-infoBenefit {
    padding: 23px 0 27px;
    background-image: linear-gradient(to right, #32ab8c, #0d89e8);
}
.floor-infoBenefit .area {
    display: flex;
    flex-wrap: wrap;
}
.floor-infoBenefit .area .title {
    width: 50%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.floor-infoBenefit .area .period {
    width: 50%;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.01px;
    color: #fff;
}
.floor-infoBenefit .area .period:before {
    content: "오늘가입시";
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    padding: 0 5px;

    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #1a8985;

    border-radius: 6px;
    color: #1a8985;
    background: #e2f8f1;
}
.floor-infoBenefit .area ul.list-benefit {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16px;
}
.floor-infoBenefit .area ul.list-benefit > li {
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    margin: 0 8px 0 0;
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    border-radius: 20px;
    background: #fff;
}
.floor-infoBenefit .area ul.list-benefit > li.smart:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
}


.floor-selectService {
    padding: 73px 0 0;
    background: #f5f5f5;
}

.floor-selectService > .info {
    margin-bottom: 28px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #292929;
    display: flex;
    justify-content: center;
}

.floor-selectService > .info b{
    margin-left: 8px;
}

.floor-selectService > .info strong {
    position: relative;
    font-weight: bold;
    color: #ff7efa;
    display: inline;
    margin-right: 7px;
}
.floor-selectService > .info strong .tooltip {
    position: absolute;
    left: 20px;
    top: -30px;
    height: 20px;
    line-height: 20px;
    padding: 0 75px 0 9px;
    white-space: nowrap;

    font-size: 12px;
    font-weight: 500;
    color: #725cfb;
    border: solid 1px #5878fe;
    border-radius: 6px;
    background-color: #fff;
}
.floor-selectService > .info strong .tooltip img {
    display: inline-block;
    width: 67px;
    vertical-align: middle;
}
.floor-selectService > .info strong .tooltip:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: -6px;
    width: 8px;
    height: 6px;

    border-radius: 6px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip_4.png) no-repeat center center / cover;
}
.floor-selectService > ul.list-selectService {
    display: flex;
    justify-content: center;
}
.floor-selectService > ul.list-selectService > li {
    width: 122px;
    margin: 0 8px;
    text-align: center;
}
.floor-selectService > ul.list-selectService > li.kit-select {
    position: relative;
    width: 122px;
    margin-bottom: 18px;
}
.floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 122px;
    height: 122px;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    border-radius: 20px;
}
.floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] + label {
    position: relative;
    width: 122px;
    left: 0;
    top: 0;
    cursor: pointer;
}
.floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] + label:before {
    content: "";
    position: absolute;
    width: 122px;
    height: 122px;
    border: 6px solid #b3b7ba;
    border-radius: 28px;
    box-sizing: border-box;
}
.floor-selectService > ul.list-selectService > li.kit-select input[type='radio']:checked + label:before {
    border: 0 solid transparent;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/border_01.png) no-repeat center center / cover
}
.floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] + label img {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 6px 6px 17px;
    z-index: 2;
    border-radius: 20%;
}
.floor-selectService > ul.list-selectService > li h6 {
    line-height: 1.33;
    font-size: 15px;
    font-weight: bold;
    color: #2c2c2c;
}


.floor-info-01 {
    background: #f5f5f5;
    padding-bottom: 16px;
}
.floor-info-01 .area {
    padding: 28px 16px;
    border-radius: 24px;
    font-size: 15px;
    line-height: 1.67;
    color: #2c2c2c;
    background: #fff;
}


.floor-calc {
    padding-bottom: 50px;
    background: #f5f5f5;
}
.floor-calc .area {

}
.floor-calc .area > div {
    display: flex;
    padding-bottom: 7.5px;
    border-bottom: 1px solid #e7e9eb;
}
.floor-calc .area > div:last-child {
    border-bottom: 0 none;
}

.floor-calc .area .line-members {
    display: flex;
    justify-content: space-between;
}
.floor-calc .area .line-members .title {
    font-size: 15px;
    font-weight: 500;
    color: #0d89e8;
}
.floor-calc .area .line-members .amount {
    position: relative;
    padding-right: 16px;
    font-size: 20px;
    font-weight: 500;
    color: #5e6062;
}
.floor-calc .area .line-members .amount input {
    width: 100px;
    height: 28px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    border-radius: 8px;
    border: solid 2px #3f88e1;
    background: #f2f9fe;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #3f88e1;
}
.floor-calc .area .line-members .amount input + i {
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.31;
    letter-spacing: -0.4px;
    text-align: center;
    color: #b3b7ba;
    border-radius: 50%;
    border: solid 1px #b4b7ba;
    background-color: #fff;
}
.floor-calc .area .line-members .amount input + i:before {
    content: "?";
}

.tooltip-cost {
    position: absolute;
    left: 50%;
    top: 540px;
    width: 323px;
    line-height: 1.33;
    margin-left: 83px;
    padding: 20px 16px;
    font-size: 12px;
    letter-spacing: normal;
    text-align: left;
    border-radius: 10px;
    color: #023b69;
    border: solid 1px #8fc5fa;
    background-color: #f2f9fe;
    box-sizing: border-box;
    z-index: 10;

    opacity: 0;

    transition: all 0.5s ease;
}
.tooltip-cost.on {
    opacity: 1;
}
.tooltip-cost:before {
    content: "";
    position: absolute;
    right: 20px;
    bottom: -10px;
    width: 14px;
    height: 10px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip_5.png) no-repeat center center / cover;
}

.floor-calc .area .line-cash {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.floor-calc .area .line-cash .title {
    font-size: 20px;
    font-weight: 500;
    color: #5e6062;
}
.floor-calc .area .line-cash .amount {
    position: relative;
    padding-right: 45px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #5e6062;
}
.floor-calc .area .line-cash .amount span {
    margin: 0 10px 0 0;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    color: #0d89e8;
}

.floor-calc .area .line-point {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 20px 0;
}
.floor-calc .area .line-point .title {
    font-size: 20px;
    font-weight: 500;
    color: #5e6062;
}
.floor-calc .area .line-point .amount {
    position: relative;
    padding-right: 45px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #5e6062;
}
.floor-calc .area .line-point .amount span {
    margin: 0 10px 0 0;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    color: #0d89e8;
}

.floor-calc .area .line-total {
    display: flex;
    justify-content: end;
    height: 89px;
    line-height: 89px;
    padding: 0 40px;
    border-radius: 12px;
    background: #023b69;
}
.floor-calc .area .line-total .title {
    margin-right: 22px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.floor-calc .area .line-total .amount {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.floor-calc .area .line-total .amount span {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -0.7px;
    text-align: right;
    color: #1cf5d4;
}


.floor-benefit {
    padding: 0 0 0;
    background-image: linear-gradient(to right, #32ab8c, #0d89e8);
    background: #f5f5f5;
}
.floor-benefit .area {
}
.floor-benefit .area h5 {
    padding: 21px 16px 19px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.55px;
    color: #222222;
}
.floor-benefit .area .block-benefit {
    margin-bottom: 15px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #dadce0;
}
.floor-benefit .area .block-benefit .line-benefit {
    display: flex;
    justify-content: start;
    border-top: 1px solid #e7e9eb;
}
.floor-benefit .area .block-benefit .kind {
    width: 160px;
    padding: 17px 16px 8px;
    box-sizing: border-box;
}
.floor-benefit .area .block-benefit .kind .tag {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    /* padding: 0 15px; */
    font-size: 14px;
    color: #5e6062;
    border-radius: 15px;
    /* border: solid 1px #707070; */
    background-color: #fff;
}
.floor-benefit .area .block-benefit .kind .period {
    font-size: 14px;
    line-height: 1.29;
    color: #5e6062;
}
.floor-benefit .area .block-benefit .kind .period h6 {
    font-size: 14px;
    line-height: 1.29;
    color: #5e6062;
}
.floor-benefit .area .block-benefit .desc {
    /* width: 550px; */
    padding: 17px 15px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #010101;
    box-sizing: border-box;
}
.floor-benefit .area .block-benefit .desc .set-benefit {
    line-height: 1.61;
    /* margin-bottom: 16px; */
    font-size: 16px;
    font-weight: 500;
    color: #010101;
}
.floor-benefit .area .block-benefit .desc .set-benefit span:after {
    content: "/";
    display: inline-block;
    margin: 0 3px;
}
.floor-benefit .area .block-benefit .desc .set-benefit span:last-child:after {
    content: "";
}
.floor-benefit .area .block-benefit .desc .set-benefit .smart:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
}
.floor-benefit .area .block-benefit .desc .info-cash {
    line-height: 1.81;
    margin-bottom: 16px;
    font-size: 16px;
    color: #010101;
}
.floor-benefit .area .block-benefit .desc .period {
    line-height: 1.29;
    margin-bottom: 14px;
    font-size: 14px;
    color: #5e6062;
}
.floor-benefit .area .block-benefit .desc .period h6,
.floor-benefit .area .block-benefit .desc .period .date {
    display: inline-block;
    font-weight: normal;
}


.floor-benefit .area .block-calc {
    margin-bottom: 15px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    background-color: #fff;
}
.floor-benefit .area .block-calc .line-members {
    display: flex;
    justify-content: start;
    /* padding: 20px 80px; */
    border-top: 1px solid #e7e9eb;
}
.floor-benefit .area .block-calc .line-members .kind {
    width: 160px;
    padding: 17px 16px;
    box-sizing: border-box;
}
.floor-benefit .area .block-calc .line-members .title {
    font-size: 14px;
    font-weight: 500;
    color: #0d89e8;
}
.floor-benefit .area .block-calc .line-members .amount {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-align: right;
    color: #5e6062;
}
.floor-benefit .area .block-calc .line-members .amount span {
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.01px;
    text-align: right;
    color: #3f88e1;
}

.floor-benefit .area .block-calc .line-total {
    display: flex;
    justify-content: start;
    /* padding: 20px 80px; */
    border-top: 1px solid #e7e9eb;
}
.floor-benefit .area .block-calc .line-total .kind {
    width: 160px;
    padding: 17px 16px;
    box-sizing: border-box;
}
.floor-benefit .area .block-calc .line-total .title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.38px;
    text-align: right;
    color: #000;
}
.floor-benefit .area .block-calc .line-total .amount {
    padding: 17px 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.6px;
    /* text-align: right; */
    color: #000;
}
.floor-benefit .area .block-calc .line-total .amount span {
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.6px;
    /* text-align: right; */
    color: #000;
}



.floor-title {
    line-height: 1.21;
    padding: 48px 0 73px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #222;
}



.wrap-tab {
    width: 844px;
    margin: 0 auto 15px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    background-color: #fff;
}
.wrap-tab h5 {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 16px;

    font-size: 16px;
    font-weight: bold;
    color: #101010;

}

.floor-tabBtns {
    border-top: 1px solid #e7e9eb;
    /* border-bottom: 3px solid #000; */
}
.floor-tabBtns ul.list-tabBtns {
    display: flex;
    width: 812px;
    margin: 0 auto;
}
.floor-tabBtns ul.list-tabBtns > li {
    position: relative;
    /* flex-basis: 0;
	flex-grow: 1;
	height: 88px;
	line-height: 88px;

	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #000;

	border-top-right-radius: 24px;
	border-top-left-radius: 24px;
	border: solid 2px #001010;
	border-bottom: 0 none;
	background-color: #fff; */

    display: flex;
    align-items: center;
    flex: 1;
    height: 57px;
    font-size: 14px;
    color: #5e6062;
    cursor: pointer;
}
.floor-tabBtns ul.list-tabBtns > li:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 9px;
    border-radius: 50%;
    background: #d7d9db url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check.png) no-repeat center center / 90%;
    filter: grayscale(1);
    opacity: 0.3;
}
.floor-tabBtns ul.list-tabBtns > li.on {
    color: #0d89e8;
}
.floor-tabBtns ul.list-tabBtns > li.on:before {
    background-color: #0e89e8;
    filter: grayscale(0);
    opacity: 1;
}
.floor-tabBtns ul.list-tabBtns > li .tooltip {
    position: absolute;
    top: 13px;
    left: 94px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;

    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #000;

    border: solid 1px #be9200;
    border-radius: 8px;
    background: #ffe5a8;
}
.floor-tabBtns ul.list-tabBtns > li .tooltip:before {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    bottom: -11px;
    width: 11px;
    height: 11px;
    /* background: transparent url(/images/welcome/bg_tooltip_3.png) no-repeat center center / cover; */
}


.floor-tabConts {

}
.floor-tabConts .tabConts {

}
.floor-tabConts .tabConts .tabCont {
    display: none;
}
.floor-tabConts .tabConts .tabCont.on {
    display: block;
}
.floor-tabConts .tabConts .tabCont .area {
    padding: 0 16px 28px;
}
.floor-tabConts .tabConts .tabCont .line-infos .area {
    padding: 0 0 28px;
}
.floor-tabConts .tabConts .tabCont .btn-card {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    background: #0d89e8;
}
.floor-tabConts .tabConts .tabCont .line-info {
    margin: 0 16px;
    padding: 25px 0;
    background: #f5f5f5;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.38;
    text-align: center;
    border: 1px solid #e5e5e5;
    color: #000;
}
.floor-tabConts .tabConts .tabCont .line-info strong {
    display: block;
    font-weight: 500;
}



.floor-tabConts .tabConts .tabCont .line-infos {
    padding: 34px 0 0;
}

.floor-tabConts .tabConts .tabCont .line-infos .area {
    /* width: 812px; */
    margin: 0 auto;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info {
    /* display: flex; */
    margin-bottom: 19px;

    padding: 0 63px 0 45px;
    border-bottom: 1px solid #e7e9eb;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info.confirm {
    margin: 0;
    padding: 0 0 0 40px;
    border: 0;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .title {
    display: none;
    position: relative;
    width: 200px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #010101;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .title:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 122px;
    height: 2px;
    background: #000000;
}

.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont {
    /* width: 613px; */
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.3px;
    color: #010101;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    letter-spacing: 0px;
    color: #0d89e8;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont h6 + .desc {
    line-height: 1.71;
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #101010;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column;
	flex-wrap: wrap; */
    /* justify-content: space-around;
	align-content: space-around;
	flex-flow: column wrap; */
    /* width: 613px;
	height: 95px;
	padding: 20px 80px; */
    border-radius: 24px;
    /* border: solid 2px #8cabc3;
	background-color: #f0f9ff; */
    box-sizing: border-box;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > span,
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > div {
    display: block;
    /* width: 50%; */
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > span {
    /* flex: 0 0 50%; */
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > div {
    /* flex: 0 0 100%; */
}

.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file {
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
    top: -50px;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file {
    height: 33px;
    line-height: 33px;
    margin: 0 0 5px;
    padding: 0 18px;
    border-radius: 8px;
    border: solid 1px #707070;
    background-color: #fff;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file:before {
    content: "+";
    height: 14px;
    line-height: 8px;
    margin-right: 5px;
    font-size: 28px;
    color: #707070;
    vertical-align: middle;
    display: inline-block;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file.attached {
    border: solid 1px #707070;
    background-color: #e7e9eb;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file.attached:before {
    display: none;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file.attached:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 0 0 5px;
    vertical-align: middle;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_close_02.svg) no-repeat center center / cover;
}
.floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file + .desc {
    text-align: center;
    font-size: 10px;
    font-weight: 300;
    color: #85888d;
}

.block-info.agree {
    width: 844px;
    margin: 35px auto 29px;
    padding: 20px 0 0;
    border-top: 2px solid #000000;
}
.block-info.agree .title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #010101;
}
.block-info.agree .title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #010101;
}
.block-info.agree .cont {
    padding: 0 0 0 50px;
}
.block-info.agree .cont .all {
}


.block-info.agree .all {
    padding: 0 0 8px 16px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.07px;
    color: #101010;
}
.block-info.agree .all input[type='checkbox'] {
    position: relative;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    vertical-align: middle;
    border: 0 none;
    opacity: 0;
    z-index: 2;
}
.block-info.agree .all input[type='checkbox'] +label {
    position: relative;
    vertical-align: middle;
}
.block-info.agree .all input[type='checkbox'] +label:before {
    content: "";
    position: absolute;
    left: -34px;
    top: -3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #d7d9db url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check.png) no-repeat center center / 90%;
    filter: grayscale(1);
    opacity: 0.3;
}
.block-info.agree .all input[type='checkbox']:checked +label:before {
    background-color: #0e89e8;
    filter: grayscale(0);
    opacity: 1;
}




.block-info .cont ul.list-check {

}
.block-info .cont ul.list-check > li {
    font-size: 14px;
    line-height: 1.71;
    color: #5e6062;
}
.block-info .cont ul.list-check > li input[type='checkbox'] {
    position: relative;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    vertical-align: middle;
    border: 0 none;
    opacity: 0;
    z-index: 2;
}
.block-info .cont ul.list-check > li input[type='checkbox'] +label {
    position: relative;
    vertical-align: middle;
}
.block-info .cont ul.list-check > li input[type='checkbox'] +label:before {
    content: "";
    position: absolute;
    left: -28px;
    top: 0;
    width: 15px;
    height: 15px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check.svg) no-repeat center center / 90%;
}
.block-info .cont ul.list-check > li input[type='checkbox']:checked +label:before {
    background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check_ed.svg);
}
.block-info .cont ul.list-check > li a {
    font-weight: normal;
    color: #0d89e8;
}


.floor-CompleteTitle {
    text-align: center;
}
.floor-CompleteTitle img {
    display: block;
    margin: 0 auto 10px;
}
.floor-CompleteTitle strong {
    display: block;
    line-height: 1.21;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: bold;
    color: #222;
}
.floor-CompleteTitle .desc {
    line-height: 1.26;
    margin-bottom: 47px;
    font-size: 23px;
    font-weight: 500;
    color: #101010;
}


.floor-induce {
    padding: 42px 0 60px;
    text-align: center;
    background-color: #eaf3f7;
}
.floor-induce h5 {
    margin-bottom: 50px;
}
.floor-induce ul.list-link {
    display: flex;
    justify-content: space-around;
    width: 812px;
    margin: 0  auto 50px;
}
.floor-induce ul.list-link > li {
    position: relative;
    width: 260px;
    height: 272px;
    padding: 26px 0 0 22px;
    border-radius: 24px;
    background-color: #fafafa;
    box-sizing: border-box;
}
.floor-induce ul.list-link > li a {
    display: block;
    height: 100%;
    text-align: left;
}
.floor-induce ul.list-link > li a {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.27;
    letter-spacing: 0.01px;
    color: #242424;
}
.floor-induce ul.list-link > li a:before {
    content: "바로가기";
    position: absolute;
    display: block;
    right: 17px;
    bottom: 27px;
    width: 90px;
    height: 25px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #0d89e8;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/deco_into.svg) no-repeat right bottom;
}
.floor-induce ul.list-link > li a img {
    height: 25px;
    margin-top: 8px;
}

.btn-styled {
    border-radius: 24px;
    box-shadow: 0 6px 10px 0 rgb(0 0 0 / 16%);
    background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
    height: 68px;
    line-height: 68px;
    padding: 0 70px;
    font-family: Pretendard;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.01px;
    text-align: center;
    color: #fff;
}

.fixed-btn {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    width: 100%;
    height: 137px;
    z-index: 10;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.6);
}
.fixed-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #0d89e8 28%, #32ab8c 76%);
    z-index: 1;
}
.fixed-btn a {
    height: 58px;
    line-height: 58px;
    padding: 0 40px;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: none;
    z-index: 2;
    min-width: 260px;
    box-sizing: border-box;
}

.floor-benefit .area .period {
    margin-bottom: 23px;
    text-align: right;
    font-size: 18px;
}

.floor-benefit .area .period h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    margin-right: 5px;
    letter-spacing: -0.01px;
    color: #222;
}
.floor-benefit .area .period .date {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #101010;
}

.floor-benefit .area h5 {
    height: 76px;
    line-height: 76px;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    padding: 0 0 0 48px;
    letter-spacing: normal;
    text-align: left;
    color: #292929;
}
.floor-benefit .area h5 strong {
    font-weight: bold;
    color: #32ab8c;
}

.floor-benefit .area .period {
    overflow: hidden;
    position: relative;
    padding-top: 59px;
    text-align: right;
}
.floor-benefit .area .period h6 {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    text-align: left;
    color: #222;
}
.floor-benefit .area .period .date {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    text-align: left;
    color: #101010;

}

.floor-benefit .area .block-benefit {
    overflow: hidden;
    position: relative;
}
.floor-benefit .area .block-benefit:before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 9px;
    background-image: linear-gradient(to right, #0d89e8 0%, #32ab8c 100%);
}

.floor-benefit .area .block-benefit .line-benefit {
    border-top: 0 none;
}
.floor-benefit .area .block-benefit .line-benefit > .title {
    width: 138px;
    padding: 26px 0 0 48px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.01px;
    color: #101010;
}
.floor-benefit .area .block-benefit .line-benefit > .desc {
    width: calc(100% - 138px);
    padding: 23px 48px 0 0;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc {
    /* display: flex;
	justify-content: space-between; */
    overflow: hidden;
    margin-bottom: 14px;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit {
    position: relative;
    float: left;
    width: 25%;
    padding-left: 26px;
    box-sizing: border-box;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 29px;
    margin-top: - 15px;
    background: #dadce0;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit:first-child:before {
    display: none;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit > .title {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    margin-bottom: 8px;
    letter-spacing: -0.01px;
    text-align: left;
    color: #3a3b3c;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit > .desc {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    padding: 0;
    letter-spacing: normal;
    text-align: left;
    color: #292929;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc + .desc {
    height: 41px;
    line-height: 41px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.01px;
    text-align: left;
    color: #101010;
    background-color: #f9f9fa;
}
.floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc + .desc strong {
    font-size: 16px;
    font-weight: 500;
    color: #32ab8c;
}


.floor-benefit .area .block-benefit > .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.01px;
    color: #101010;
}

.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected {
    display: flex;
    padding: 0 0 35px 0;
}
.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected .unit-logo {
    position: relative;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    border-radius: 12px;
    border: 2px solid #6c63f2;
}
.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected .unit-logo:after {
    content: "";
    position: absolute;
    display: block;
    right: -10px;
    top: -10px;
    width: 21px;
    height: 21px;
    background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico_selected.png) no-repeat center center / contain;
}
.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected > .desc {
    padding: 0;
}
.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected > .desc > .title {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: -0.01px;
    text-align: left;
    color: #3a3b3c;
}
.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected > .desc > .cont {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: -0.01px;
    text-align: left;
    color: #101010;
}
.floor-benefit .area .block-benefit .line-benefit > .desc .box-selected > .desc > .cont strong {
    font-weight: 500;
    color: #32ab8c;
}

.floor-benefit .area .block-benefit .line-cnt {
    display: flex;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    padding: 0 0 0 48px;
    letter-spacing: -0.01px;
    text-align: left;
    color: #222;
    border-top: 1px solid #dadce0;
}
.floor-benefit .area .block-benefit .line-cnt .desc {
    margin-left: 20px;
    padding: 0;
}
.floor-benefit .area .block-benefit .line-cnt .desc strong {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.01px;
}

.floor-benefit .area .block-benefit .line-amount {
    height: 70px;
    line-height: 70px;
    padding: 0 138px 0 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.4px;
    text-align: right;
    color: #101010;
    border-top: 1px solid #dadce0;
    background: #f0f9ff;
}
.floor-benefit .area .block-benefit .line-amount .title {
    display: inline-block;
}
.floor-benefit .area .block-benefit .line-amount .desc {
    display: inline-block;
    margin-left: 20px;
    padding: 0;
}
.floor-benefit .area .block-benefit .line-amount .desc strong {
    font-size: 24px;
    font-weight: bold;
    color: #0d89e8;
}

.join02 .wrap-tab {
    width: 1088px;
}

.join02 .block-info.agree {
    width: 1088px;
}

.complete-area {padding: 0px 136px 137px;}
.complete-area .complete-tt{text-align: center; padding-top: 53px;}
.complete-area .complete-tt::before{width: 41px; height: 53px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-complete.png) left/100% no-repeat; display: block; content: ''; margin: auto;}
.complete-area .complete-tt p{font-size: 23px; color: #101010; line-height: 1.26;}
.complete-area .complete-tt strong{font-size: 34px; font-weight: bold; color: #222; margin-bottom: 10px; display: block;}
.complete-area .complete-tt .tt-ty1{margin-top: 30px; font-weight: 500; display: block; margin-bottom: -40px;}
.complete-area .complete-tt .tt-ty2{margin-top: 10px; font-weight: 500; display: block; margin-bottom: -8px;}

.complete-area .point-tt-box{height: 127px; background: #f4f7fa; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-top: 26px;}
.complete-area .point-tt-box p{font-size: 18px; font-weight: bold; color: #010101; }
.complete-area .point-tt-box p span{font-size: 22px; color: #0d89e8;}

.complete-area .mypage-logo{margin-top: 76px; display: flex; justify-content: center;}
.complete-area .mypage-logo i{width: 324px; height: 96px; text-indent: -999999px; font-size: 0; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/logo_market9.png) left/100% no-repeat}

.complete-area .complete-list{margin-top: 26px;}
.complete-area .complete-list ul{display: flex; align-items: flex-start;}
.complete-area .complete-list ul li{width: 260px; margin-left: 16px; box-sizing: border-box; position: relative;}
.complete-area .complete-list ul li a{width: 100%; height: 100%; display: block; position: relative;}
.complete-area .complete-list ul li:first-child{margin-left: 0;}
.complete-area .complete-list ul li .item-thum{height: 242px;}
.complete-area .complete-list ul li .item-thum img{width: 100%; height: 100%;}
.complete-area .complete-list ul li .item-name{font-size: 18px; color: #222; font-weight: 600; margin: 15px 0 0 20px; display: block;}
.complete-area .complete-list ul li .price-area{display: flex; align-items: center; justify-content: space-between; margin-top: 4px; padding: 0 20px;}
.complete-area .complete-list ul li .price-area .sales{font-size: 25px; letter-spacing: -0.63px; line-height: 1.41; color: #32ab8c; font-weight: bold;}

.complete-area .complete-list ul li .price-area .price-tt{font-size:20px; color: #0d89e8; letter-spacing: -0.8px;}
.complete-area .complete-list ul li .ico-pinlogo{width: 21px; height: 21px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-pin-logo.png) left/100% no-repeat; margin-right: 3px;}

.complete-area .complete-list ul li.item-1{height: 318px; border-radius: 12px; padding: 26px 0 0 20px; background: #3da1ed;}
.complete-area .complete-list ul li.item-1-1{height: 318px; border-radius: 12px; padding: 26px 0 0 20px; background: #3da1ed;}

.complete-area .complete-list ul li.item-2{background: #0c9882; height: 318px; border-radius: 12px; padding: 26px 0 0 20px;}
.complete-area .complete-list ul li.item-2 p.tt-1{font-size: 16px; font-weight: bold; display: flex; align-items: center;}
.complete-area .complete-list ul li.item-2 .ico-pinclub{width: 20px; height: 20px; margin-right: 5px; background:#fff url(/images/common/ico-pin-logo.png) left/100% no-repeat; border-radius: 50%;}
.complete-area .complete-list ul li.item-3{background-image: linear-gradient(152deg, #7f4ef9 24%, #4f81ff 106%); height: 318px; border-radius: 12px; padding: 26px 0 0 20px;}

.complete-area .complete-list ul li.item-1:before{content: ''; width: 132px; height: 152px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg0.png) left/100% no-repeat; position: absolute; right: 20px; bottom: 30px; display: block;}
.complete-area .complete-list ul li.item-1-1:before{content: ''; width: 159px; height: 122px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg4.png) left/100% no-repeat; position: absolute; right: 20px; bottom: 30px; display: block;}
.complete-area .complete-list ul li.item-2.bg-ty1::before{width: 156px; height: 178px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg3.png) left/100% no-repeat; position: absolute; right: 8px; bottom: 12px; display: block;}
.complete-area .complete-list ul li.item-2:before{content: ''; width: 206px; height: 234px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg1.png) left/100% no-repeat; position: absolute; right: 8px; bottom: -28px; display: block;}
.complete-area .complete-list ul li.item-3:before{content: ''; width: 260px; height: 318px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg2.png) left/100% no-repeat; position: absolute; right: 0; bottom: 0; display: block;}

.complete-area .complete-list ul li p.tt-1{color: #fff; font-size: 16px; font-weight: 500;}
.complete-area .complete-list ul li p.tt-2{color: #fff; font-size: 22px; line-height: 1.27; letter-spacing: 0.01px; font-weight: 600; margin-top: 10px; margin-bottom: 26px;}

.complete-area .complete-list ul li .btn-go{display: block;width: 200px;color: #Fff;font-size: 14px;font-weight: 500;padding-bottom: 5px; position:relative;text-align: left;position: absolute;top: 109px;}
.complete-area .complete-list ul li .btn-go::before{width: 78px; height: 1px; background: #fff; position: absolute; display: block; content: ''; left: 0; top: 32px;}
.complete-area .complete-list ul li .btn-go:after{position: absolute;content: ''; width: 1px; height: 12px; left: 73px; bottom: -9px; background: #fff; transform: rotate(-45deg);}

/* e :스마트핀클럽 서브 */

.button-disabled {opacity: 0.1;background: #000 !important; pointer-events: none; cursor: default;}

.detail-container .product_detail_text-area {
    max-width: 996px;
    margin: 60px auto 40px auto;
    border-bottom: 1px solid #dadada;
    padding-bottom: 40px;
}
.detail-container .product_detail_text-area dl dd {
    flex: 1;
    word-break: break-all;
}
.detail-container .product_detail_text-area dl dt {
    /*text-align: right;*/
    width: 90px;
    color:#666;
}

@media screen and (min-width: 769px) {
    .p-hide {display:none !important;}
    .section {max-width:1440px; margin:0 auto;}

    #header {max-width:1440px; margin:0 auto; height:168px; position:relative;}
    #header:before {content:""; display:block; width:100%; height:7px; border-radius:4px; position:absolute; bottom:0; left:0;
        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 );
    }
    #header .top-menu {display:flex; justify-content:flex-end; align-items:center; padding:30px 0 5px;}
    #header .top-menu a span {font-size:15px; font-weight:500; letter-spacing:-0.04em; color:#000;}
    #header .top-menu a {display:flex; align-items:center; margin-left:40px;}
    #header .top-menu a span.t-blue {color:#0e89e8;}
    #header .top-menu a i {margin-right:5px;}
    #header .top-menu a .ico-pp {width:25px; height:25px; background:url(https://resource.mall.castingn.com/static/images/ico-pp.png) center no-repeat;}
    #header .logo {text-align:center; margin-bottom:35px;}
    #header .gnb-section {display:flex; align-items:center;}
    #header .gnb-section .gnb-left {display:flex; align-items:center;}
    #header .gnb-section .gnb-left a ,#header .gnb-section .gnb-left button {display:flex; align-items:center; margin-right:40px;}
    #header .gnb-section .gnb-left span {font-size:21px; font-weight:800; color:#333333; letter-spacing:-0.04em;}
    #header .gnb-section .gnb-left a:hover span {color:#0e89e8;}
    #header .gnb-section .gnb-left button:hover span {color:#0e89e8;}
    #header .gnb-section .gnb-left a.active-gnb span {color:#0e89e8;}
    #header .gnb-section .gnb-left button.active-gnb span {color:#0e89e8;}
    #header .gnb-section .gnb-left .ico-cate {width:17px; height:15px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-cate.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left .ico-service {width:20px; height:20px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-service.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left .ico-sh {width:19px; height:20px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-sh.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left button:hover .ico-cate {width:17px; height:15px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-cate-on.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left a:hover .ico-service {width:20px; height:20px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-service-on.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left a:hover .ico-sh {width:19px; height:20px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-sh-on.png) center no-repeat; margin-right:6px;}

    #header .gnb-section .gnb-left button.active-gnb .ico-cate {width:17px; height:15px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-cate-on.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left a.active-gnb .ico-service {width:20px; height:20px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-service-on.png) center no-repeat; margin-right:6px;}
    #header .gnb-section .gnb-left a.active-gnb .ico-sh {width:19px; height:20px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-sh-on.png) center no-repeat; margin-right:6px;}

    #header .gnb-section .gnb-right {display:flex; align-items:center; margin-left:auto;}
    #header .gnb-section .gnb-right a span {font-size:20px; letter-spacing:-0.04em; color:#666666; font-weight:700;}
    #header .gnb-section .gnb-right a:hover span {color:#000}
    #header .gnb-section .gnb-right a:nth-child(n+2) {margin-left:55px; position:relative;}
    #header .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;}


    /* s: 자바버전 공통 헤더 */
    .wrapper{width:100%;height:auto;/*overflow:hidden;*/}
    .wrapper header{width:100%;/*height:89px;*/ height:auto; position:relative; border-bottom: 1px solid #ebebeb; box-sizing: border-box;}
    .wrapper header .lt-item{display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .lt-item .btn-logo{width:190px;height:auto;overflow:hidden;display:flex;margin-left:90px;}
    .wrapper header .lt-item .gnb-list-wrap{margin-left:65px;display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .lt-item .gnb-list-wrap ul{display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .lt-item .gnb-list-wrap ul li{margin-left:50px;display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .lt-item .gnb-list-wrap ul li:first-child{margin-left:0;}
    .wrapper header .lt-item .gnb-list-wrap ul li a{height:79px;padding-top:10px;display:flex;justify-content:flex-start;align-items:center;position:relative;}
    .wrapper header .lt-item .gnb-list-wrap ul li a img{display:flex;}
    .wrapper header .lt-item .gnb-list-wrap ul li a span{display:flex; margin-right: 6px; font-size:20px; color:#000; font-weight:bold;}
    .wrapper header .lt-item .gnb-list-wrap ul li a.on:before{content:"";width:100%;height:6px;overflow:hidden;display:block;background:#4c92f1;position:absolute; left: -18px; bottom:0; padding: 0 18px 0 18px;}

    .wrapper header .rt-item{display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .rt-item .hsearch-item-wrap{width:384px;height:47px;overflow:hidden;border-radius:24px;background:#f5f5f5;display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .rt-item .hsearch-item-wrap .inp{width:100%;flex:1;margin-left:30px;height:47px;border:0;background:transparent;font-size:14px;color:#000;}
    .wrapper header .rt-item .hsearch-item-wrap button{display:flex;justify-content:center;align-items:center;width:47px;height:47px;overflow:Hidden;border-radius:15px;border:0;background:url(https://resource.mall.castingn.com/static/images/ico-search-gray.svg) no-repeat center center;font-size:0;color:#fff;font-weight:bold;text-indent:-2000px;margin:0;}
    .wrapper header .rt-item .hetc-item-wrap{display:inline-flex;justify-content:flex-start;align-items:center;margin-left:72px;height:47px;border-radius:24px;padding:0 14px;background:#fff; position: relative;}
    .wrapper header .rt-item .hetc-item-wrap .uitem-wrap{display:flex;justify-content:flex-start;align-items:center;margin-right:10px;}
    .wrapper header .rt-item .hetc-item-wrap .uitem-wrap .upic{display:flex;width:23px;height:23px;overflow:hidden;border-radius:50%;background-size:cover !important;}
    .wrapper header .rt-item .hetc-item-wrap .uitem-wrap .uname{display:flex;margin-left:4px;font-size:14px;color:#222;font-weight:bold; cursor: pointer;}
    .wrapper header .rt-item .hetc-item-wrap a.btn-func{width:34px;height:34px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;}
    .wrapper header .rt-item .hetc-item-wrap a.btn-func.btn-header-search{display:none;}
    .wrapper header .rt-item .hetc-item-wrap a.btn-func img{}
    .wrapper header .rt-item .hetc-item-wrap a.btn-func span{display:flex;justify-content:center;align-items:center;width:18px;height:18px;overflow:hidden;border-radius:50%;background:#ff1900;font-size:10px;color:#fff;position:absolute;right:0;top:0;}

    .wrapper header .rt-item .hetc-link-wrap{margin-left:52px;display:flex; justify-content:flex-start; align-items:center;}
    .wrapper header .rt-item .hetc-link-wrap ul{display:flex;justify-content:flex-start;align-items:center;}
    .wrapper header .rt-item .hetc-link-wrap ul li{display:flex;justify-content:flex-start;align-items:center;margin-left:25px;}
    .wrapper header .rt-item .hetc-link-wrap ul li:first-child{margin-left:0;}
    .wrapper header .rt-item .hetc-link-wrap ul li a{font-size:14px;color:#5a5a5a;font-weight:bold;}
    .wrapper header .rt-item .hetc-link-wrap ul li a:hover{color:#000;}
    /* e: 자바버전 공통 헤더 */


    /* s: 카페24 공통 헤더 */
    .cpr-header{ width:100%; height:66px; position:relative; display:flex; justify-content:; align-items:center;  box-sizing: border-box; background-image: linear-gradient(to right, #0d89e8 46%, #32ab8c 87%); z-index: 50;}
    .cpr-header .inner{ height: 100%; max-width: 1400px; display:flex; justify-content:space-between; align-items:center; margin:0 auto; width: 100%; padding: 0 10px;}
    .cpr-header .lt-area{display:flex;justify-content:flex-start;align-items:center;}
    .cpr-header .lt-area .cpr-link{font-size: 20px; font-weight: bold; color: #fff;  padding-bottom: 6px; margin-top: 7px; width: 149px; height: 27px; display: block;}
    .cpr-header .lt-area .cpr-link.on{border-bottom: 4px solid #fff;}
    .cpr-header .lt-area ul{display: flex; align-items: center; margin-left: 50px; margin-top:7px}
    .cpr-header .lt-area ul li{margin-right: 40px; padding-bottom: 7px;}
    .cpr-header .lt-area ul li.on{border-bottom: 4px solid #fff;}
    .cpr-header .lt-area ul li a{font-size: 18px; font-weight: bold; color: #fff;}

    .cpr-header .rt-area{display:flex; justify-content:flex-start; align-items:center;}
    .cpr-header .rt-area .hetclf-link-wrap ul { display: flex; }
    .cpr-header .rt-area .hetclf-link-wrap ul li { margin-right:24px; }
    .cpr-header .rt-area .hetclf-link-wrap ul li a { font-size:12px; color:#fff; }
    .cpr-header .rt-area .hsearch-item-wrap{width:315px; height:41px; overflow:hidden; border-radius:20px; background:#fff; display:flex; justify-content:flex-start; align-items:center;}
    .cpr-header .rt-area .inp{width:100%; flex:1; margin-left:30px; height:41px; border:0; background:transparent; font-size:14px; color:#000;}
    .cpr-header .rt-area button{display:flex; justify-content:center; align-items:center; width:67px; height:30px; overflow:Hidden; border-radius:15px; border:0; color:#fff;font-weight:bold; font-size: 14px; background: #0d89e8; margin-right: 6px;}
    .cpr-header .rt-area .hetc-item-wrap{display:inline-flex; justify-content:flex-start; align-items:center; margin-left:12px; border-radius:24px; padding:0 14px; position: relative; color: #fff; font-size: 12px;}
    .cpr-header .rt-area .hetc-item-wrap a{color: #333;}
    .cpr-header .rt-area .hetc-item-wrap .uitem-wrap{display:flex; justify-content:flex-start; align-items:center; margin-right:26px;}
    .cpr-header .rt-area .hetc-item-wrap .upic{width: 23px; height: 23px; overflow: hidden; border-radius: 50%; background: #fff; margin-right: 5px;}
    .cpr-header .rt-area .hetc-item-wrap .upic img{object-fit: cover; width: 100%; height: 100%;}
    .cpr-header .rt-area .hetc-item-wrap .uname{cursor: pointer; position: relative;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-func{width:34px; height:34px; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 8px;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-func.on + .alim-layer-wrap{display: flex;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-func span{display:flex;justify-content:center;align-items:center;width:18px;height:18px;overflow:hidden;border-radius:50%;background:#ff1900;font-size:10px;color:#fff;position:absolute;right:0;top:0;}

    .cpr-header .rt-area .hetc-item-wrap a.btn-login, .cpr-header .rt-area .hetc-item-wrap a.btn-join{font-size: 14px; font-weight: bold; margin-right: 20px;}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide{width: 24px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-guide2.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; position: relative; display: flex; margin-left: 5px}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide a{width: 100%; height: 100%;}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide .guide-tooltip{position: absolute; display: none; align-items: center; justify-content: center; text-indent:1px; border-radius: 12px; background: #03223a; width: 146px; height: 33px;
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3); font-size: 14px; color: #e7f3fd; font-weight: 500; top: 37px; left: -60px; z-index: 10;}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide .guide-tooltip:after{width: 11px; height: 12px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-guide-arr2.png) left/100% no-repeat;
        position: absolute; content: ''; left: 50%; top: -8px; margin-left: -6px;}
    .cpr-header .rt-area .hetc-item-wrap .alim-layer-wrap{right: 54px}


    .wrapper .nm-event-wrap{width: 100%; text-align: left; max-width: 1200px; margin:58px auto;}
    .wrapper .nm-event-wrap .nm-event-tit{font-size: 28px; color: #222; letter-spacing: -0.06px; font-weight: bold; margin-bottom: 24px; line-height: normal;}
    .wrapper .nm-event-wrap .nm-event-list ul{max-width: 1200px; width: 100%; display: flex; align-items: center; justify-content: flex-start;}
    .wrapper .nm-event-wrap .nm-event-list ul li{margin-left: auto; width: 384px; height: 197px;}
    .wrapper .nm-event-wrap .nm-event-list ul li:first-child{margin-left: 0;}
    .wrapper .nm-event-wrap .nm-event-list ul li a img{width: 100%; image-rendering: auto;}


    /* e: 카페24 공통 헤더 */

    /*#footer {background:#000000; padding:85px 0 90px;}
	#footer .section {position:relative;}
	#footer .foot-menu {display:flex; align-items:center;}
	#footer .foot-menu a {margin-left:50px;}
	#footer .foot-menu a:first-child {margin-left:0;}
	#footer .foot-menu a span {font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.04em; line-height:22px;}
	#footer .foot-etc {margin-top:40px; display:flex; align-items:center;}
	#footer .foot-etc a {margin-left:40px;}
	#footer .foot-etc a:first-child {margin-left:0;}
	#footer .foot-etc a span {font-size:15px; font-weight:100; color:#fff; letter-spacing:-0.04em; line-height:20px;}
	#footer .foot-etc a span.t-red {color:#f12b2b;}
	#footer .foot-info {margin-top:70px; font-size:14px; line-height:26px; font-weight:300; letter-spacing:-0.04em; color:#7c7c7c;}
	#footer .foot-copy {margin-top:25px; font-size:14px; line-height:26px; font-weight:300; letter-spacing:-0.04em; color:#7c7c7c;}
	#footer .foot-cs {position:absolute; top:0; right:0;}
	#footer .foot-cs .cs-num {display:flex; align-items:center; font-size:38px; font-weight:700; color:#fff;}
	#footer .foot-cs .cs-num .circle {display:block; width:9px; height:9px; border-radius:5px; background:#fff; margin:0 10px;}
	#footer .foot-cs .cs-time {margin-top:25px;}
	#footer .foot-cs .cs-time dl {display:flex; align-items:center; margin-bottom:5px;}
	#footer .foot-cs .cs-time dl dt {font-size:15px; font-weight:500; color:#817b78; width:75px;}
	#footer .foot-cs .cs-time dl dd {font-size:15px; font-weight:500; color:#fff;}
	#footer .foot-logo {position:absolute; right:0; bottom:45px;}*/

    .right-fix {position:fixed;bottom: 35px;right:65px;}
    .right-fix .btn-estimate {display:flex; align-content:center; flex-wrap:wrap; justify-content:center; width:58px; height:160px; background:#2ca9dd; border-radius:29px; margin-bottom:15px; }
    .right-fix .btn-estimate:hover {background:#0e89e8;}
    .right-fix .btn-estimate span {font-size:21px; line-height:21px; font-weight:700; color:#fff; display:block; width:100%; text-align:center;}
    .right-fix .btn-estimate .ico-pen {width:22px; height:23px; background:url(https://resource.mall.castingn.com/static/images/ico-pen.png) center no-repeat; margin-top:10px;}

    .all-cate-wrap {position:absolute;left:0;top: 184px; height:505px; background: #fff;border-radius: 15px; overflow:hidden;-webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.09);-moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.09);box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.09);z-index: 1; display:none;}
    .all-cate-wrap.show-cate {display:flex;}
    .all-cate-wrap .cate-section {width:450px;}
    .all-cate-wrap .cate-section .cate-list {height:505px; background: rgba(50,171,140,1); width:190px; position:relative; box-sizing:border-box; padding:20px 0 0 25px;
        background: -moz-linear-gradient(-45deg, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,171,140,1)), color-stop(100%, rgba(40,162,166,1)));
        background: -webkit-linear-gradient(-45deg, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: linear-gradient(135deg, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ab8c', endColorstr='#28a2a6', GradientType=1 );}
    .all-cate-wrap .cate-section .cate-list .cate-item .cate-link {display:block; height:40px; box-sizing:border-box; padding:0 0 0 18px; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#fff; line-height:40px; position:relative;}
    .all-cate-wrap .cate-section .cate-list .sub-cate-wrap {position:absolute; left:190px; top:0; width:260px; height:505px; display:none;}
    .all-cate-wrap .cate-section .cate-list .cate-item:hover .sub-cate-wrap {display:block;}
    .all-cate-wrap .cate-section .cate-list:hover .cate-item.active-item .sub-cate-wrap {display:none;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item:hover .sub-cate-wrap {display:block;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item .sub-cate-wrap {display:block;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item .cate-link {background:#fff url(https://resource.mall.castingn.com/static/images/cate-arrow.png) calc(100% - 15px) center no-repeat; color:#32ab8c; border-radius:5px 0 0 5px;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item .cate-link:before {content: ""; display:block; position: absolute; background-color: transparent; bottom: -50px; right:0; height: 50px; width: 5px; border-top-right-radius: 5px; box-shadow: 0 -5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item .cate-link:after {content: ""; display:block; position: absolute; background-color: transparent; top: -50px; right:0; height: 50px; width: 5px; border-bottom-right-radius: 5px; box-shadow: 0 5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list .cate-item:hover .cate-link {background:#fff url(https://resource.mall.castingn.com/static/images/cate-arrow.png) calc(100% - 15px) center no-repeat; color:#32ab8c; border-radius:5px 0 0 5px;}
    .all-cate-wrap .cate-section .cate-list .cate-item:hover .cate-link:before {content: ""; display:block; position: absolute; background-color: transparent; bottom: -50px; right:0; height: 50px; width: 5px; border-top-right-radius: 5px; box-shadow: 0 -5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list .cate-item:hover .cate-link:after {content: ""; display:block; position: absolute; background-color: transparent; top: -50px; right:0; height: 50px; width: 5px; border-bottom-right-radius: 5px; box-shadow: 0 5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list:hover .cate-item.active-item .cate-link {background:transparent; color:#fff; border-radius:5px 0 0 5px;}
    .all-cate-wrap .cate-section .cate-list:hover .cate-item.active-item .cate-link:before {content: ""; display:none; position: absolute; background-color: transparent; bottom: -50px; right:0; height: 50px; width: 5px; border-top-right-radius: 5px; box-shadow: 0 -5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list:hover .cate-item.active-item .cate-link:after {content: ""; display:none; position: absolute; background-color: transparent; top: -50px; right:0; height: 50px; width: 5px; border-bottom-right-radius: 5px; box-shadow: 0 5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item:hover .cate-link {background:#fff url(https://resource.mall.castingn.com/static/images/cate-arrow.png) calc(100% - 15px) center no-repeat; color:#32ab8c; border-radius:5px 0 0 5px;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item:hover .cate-link:before {content: ""; display:block; position: absolute; background-color: transparent; bottom: -50px; right:0; height: 50px; width: 5px; border-top-right-radius: 5px; box-shadow: 0 -5px 0 0 #fff;}
    .all-cate-wrap .cate-section .cate-list .cate-item.active-item:hover .cate-link:after {content: ""; display:block; position: absolute; background-color: transparent; top: -50px; right:0; height: 50px; width: 5px; border-bottom-right-radius: 5px; box-shadow: 0 5px 0 0 #fff;}
    .all-cate-wrap .cate-section .sub-cate-list {padding:25px 35px 0;}
    .all-cate-wrap .cate-section .sub-cate-list li a {font-size:15px; line-height:34px; letter-spacing:-0.04em; color:#666666; display:block;}
    .all-cate-wrap .cate-section .sub-cate-list li a:hover {color:#000000; text-decoration:underline;}



    .all-cate-wrap .bnr-section {margin:30px 0; padding:18px 40px 0; border-left:1px solid #f0f0f0;}
    .all-cate-wrap .bnr-section .bnr-item {margin-top:24px;}
    .all-cate-wrap .bnr-section .bnr-item:first-child {margin-top:0;}

    .main-title {max-width:1440px; margin:0 auto; padding:75px 0 85px; position:relative;}
    .main-title .title-name {font-size:70px; line-height:80px; font-weight:300; color:#333333;}
    .main-title .title-name strong {font-size:102px; font-weight:600; letter-spacing:-0.05em; color:#333;}
    .main-title .main-link {position:absolute; font-size:24px; font-weight:600; color:#32ab8c; border-bottom:2px solid #32ab8c; right:0; top:70px; line-height:28px;}

    .main-search {max-width:1440px; margin:0 auto; display:flex; background:#f1f1f1; height:92px; border-radius:46px; align-items:center; box-sizing:border-box; padding-left:17px; position:relative;}
    .main-search .search-btn-area {width:180px; height:59px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow.png) calc(100% - 15px) center no-repeat; border-radius:30px; box-sizing:border-box; padding:0 30px; position:relative;
        -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);
    }
    .main-search .search-btn-area .btn-search {font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#7c7c7c; line-height:59px; position:relative; z-index:1;}
    .main-search .search-btn-area .search-list {position:absolute; width:100%; background:#fff; top:36px; left:0; border-radius:0 0 30px 30px; padding:20px 30px 30px; box-sizing:border-box; display:none;
        -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);
    }
    .main-search .search-btn-area .search-list li button {font-size:18px; line-height:33px; font-weight:700; color:#979696;letter-spacing:-0.04em;}
    .main-search .search-btn-area .search-list li button:hover {color:#666666; text-decoration:underline;}
    .main-search .btn-sh {width:122px; height:92px; margin-left:auto; font-size:0; background:url(https://resource.mall.castingn.com/static/images/btn-sh.png) center no-repeat; line-height:0; border-radius:46px;}
    .main-search input {width:calc(100% - 320px); height:92px; line-height:92px; background:none; font-size:36px; font-weight:700; letter-spacing:-0.02em; color:#333; box-sizing:border-box; padding:0 30px;}
    .main-search .search-btn-area.show-slc {background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .main-search .search-btn-area.show-slc .search-list {display:block;}



    .main-task {background:#f9f9f9; margin-top:-46px; padding:140px 0 95px;}
    .main-task .task-tt {font-size:35px; line-height:42px; font-weight:700; letter-spacing:-0.04em; color:#333333; margin-bottom:45px;}
    .main-task .task-tt .t-blue {color:#0e89e8;}
    .main-task .task-list {background:#fff; display:flex; justify-content:space-between; border-radius:15px; padding:70px 50px 60px;
        -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);
    }
    .main-task .task-list .task-list-swiper {width:100%;}
    .main-task .task-list .task-list-swiper .swiper-wrapper {display:flex;width:100%;justify-content: center;}
    .main-task .task-list .task-list-swiper .swiper-wrapper .swiper-slide  {display:flex;width: auto;}
    .main-task .task-list .task-list-swiper .swiper-wrapper .swiper-slide .task-item {margin-left:50px}
    .main-task .task-list .task-list-swiper .swiper-wrapper .swiper-slide:first-child .task-item:first-child {margin-left:0;}
    .main-task .task-list .task-item .ico-task1 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task1.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task2 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task2.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task3 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task3.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task4 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task4.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task5 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task5.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task6 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task6.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task7 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task7.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task8 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task8.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task9 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task9.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task10 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task10.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .ico-task11 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task11.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task1 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task1-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task2 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task2-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task3 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task3-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task4 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task4-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task5 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task5-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task6 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task6-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task7 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task7-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task8 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task8-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task9 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task9-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task10 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task10-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item a:hover .ico-task11 {width:60px; height:60px; background:url(https://resource.mall.castingn.com/static/images/ico-task11-on.png) center no-repeat; margin:0 auto; display:block;}
    .main-task .task-list .task-item .task-name {text-align:center; font-size:21px; color:#666666; letter-spacing:-0.04em; font-weight:600; margin-top:10px;}
    .main-task .task-list .task-item .task-count {text-align:center; font-size:0; color:#989ca0; letter-spacing:-0.02em; font-weight:500; margin-top:10px; height:20px; line-height:0;}
    .main-task .task-list .task-item a:hover .task-count {text-align:center; font-size:20px; line-height:20px;}


    .main-knowhow {background:#f9f9f9; padding:0 0 150px;}
    .main-knowhow .knowhow-tt {font-size:35px; line-height:42px; color:#010101; font-weight:300; margin-bottom:40px;}
    .main-knowhow .knowhow-list {display:flex; flex-wrap:wrap;}
    .main-knowhow .knowhow-list .knowhow-item {width:calc(33.3% - 16.6px); height:275px; margin-right:25px;  box-sizing:border-box;}
    .main-knowhow .knowhow-list .knowhow-item:nth-child(3n) {margin-right:0;}
    .main-knowhow .knowhow-list .knowhow-item:nth-child(n+4) {margin-top:25px;}
    .main-knowhow .knowhow-list .knowhow-item a {position:relative; display:block; position:relative; padding:45px 0 0 50px; box-sizing:border-box; width:100%; height:100%; border:2px solid transparent; background:#fff; border-radius:15px;
        -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);
    }
    .main-knowhow .knowhow-list .knowhow-item a .item-tt {font-size:34px; line-height:38px; font-weight:700; color:#000;}
    .main-knowhow .knowhow-list .knowhow-item a:before {content:""; display:block; width:49px; height:49px; background:url(https://resource.mall.castingn.com/static/images/ico-plus.png) center no-repeat; position:absolute; left:50px; bottom:45px;}
    .main-knowhow .knowhow-list .knowhow-item .ico-knowhow {position:absolute; bottom:0; right:10px;}
    .main-knowhow .knowhow-list .knowhow-item a .item-disc {font-size:23px; font-weight:500; color:#979797; margin-top:15px;}
    .main-knowhow .knowhow-list .knowhow-item a:hover:before {background:url(https://resource.mall.castingn.com/static/images/ico-plus-on.png) center no-repeat;}
    .main-knowhow .knowhow-list .knowhow-item a:hover {
        background:
                linear-gradient(#fff,#fff) padding-box, /*this is your grey background*/
                linear-gradient(to bottom, #59bb93, #0e89e8) border-box;
        color: #313149;
        border: 2px solid transparent;
        border-radius:15px;
    }

    .main-cost {background: linear-gradient(to bottom, #58bb94, #128ce3) border-box; padding:70px 0;}
    .main-cost .cost-tt {font-size:37px; font-weight:800; letter-spacing:-0.04em; color:#fff; line-height:40px; margin-bottom:60px;}
    .main-cost .cost-list {margin-bottom:70px;}
    .main-cost .cost-list .swiper-wrapper {display:flex; justify-content:space-between;}
    .main-cost .cost-list .swiper-wrapper .swiper-slide { width:calc(33.3% - 30px); }
    .main-cost .cost-list .cost-item {background:#fff; border-radius:15px;margin-left:45px; height:400px; box-sizing:border-box; padding:55px 0 0 50px; position:relative;
        -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);
    }
    .main-cost .cost-list .cost-item:hover {background:#edf5fd;}
    .main-cost .cost-list .cost-item:hover:before {content:""; position:absolute; display:block; width:100%; height:100%; top:0; left:0; border-radius:15px; box-sizing:border-box; border:2px solid #0e89e8;}
    .main-cost .cost-list .cost-item:first-child {margin-left:0;}
    .main-cost .cost-list .cost-item .item-tt dt {font-size:37px; color:#000000; letter-spacing:-0.025em; font-weight:800; line-height:40px;}
    .main-cost .cost-list .cost-item .item-tt dd {margin-top:10px; font-size:27px; color:#000000; font-weight:700; letter-spacing:-0.025em; line-height:30px;}
    .main-cost .cost-list .cost-item .item-tt {padding-bottom:20px; position:relative; margin-bottom:25px;}
    .main-cost .cost-list .cost-item .item-tt:before {content:""; display:block; bottom:0; left:0; width:17px; height:2px; background:#000000; position:absolute;}
    .main-cost .cost-list .cost-item li {display:flex; align-items:center; margin-top:10px;}
    .main-cost .cost-list .cost-item li:first-child {margin-top:0;}
    .main-cost .cost-list .cost-item li .label {width:112px; font-size:19px; letter-spacing:-0.025em; color:#848485; font-weight:300;}
    .main-cost .cost-list .cost-item li .t-bk {width:calc(100% - 112px); font-size:19px; letter-spacing:-0.025em; color:#000000; font-weight:700;}
    .main-cost .cost-list .cost-item .item-count {position:absolute; right:25px; bottom:57px; display:flex; align-items:flex-end;}
    .main-cost .cost-list .cost-item .item-count .ico-count {display:block; width:35px; height:33px; background:url(https://resource.mall.castingn.com/static/images/ico-count.png) center no-repeat; margin-right:5px;}
    .main-cost .cost-list .cost-item .item-count .count-num {font-size:100px; font-weight:700; color:#000; letter-spacing:-0.025em; line-height:70px;}
    .main-cost .btn-cost-apply {margin:0 auto; display:flex; align-items:center; border:1px solid #fff; height:56px; border-radius:28px; box-sizing:border-box; padding:0 25px 0 35px; width:fit-content;}
    .main-cost .btn-cost-apply span {font-size:25px; font-weight:700; letter-spacing:-0.04em; color:#fff;}
    .main-cost .btn-cost-apply .ico-apply {width:26px; height:25px; background:url(https://resource.mall.castingn.com/static/images/ico-apply.png) center no-repeat; margin-left:10px;}
    .main-cost .cost-pagination {display:none;}


    .main-case {padding:125px 0 170px;}
    .main-case .section {background:url(https://resource.mall.castingn.com/static/images/best-top3.png) right top no-repeat;}
    .main-case .case-title dt {display:flex; align-items:center; margin-bottom:30px;}
    .main-case .case-title dt strong { font-size:86px; line-height:90px; letter-spacing:-0.045em; color:#000; font-weight:800;}
    .main-case .case-title dt img {margin:30px 30px 0;}
    .main-case .case-title dd {font-size:25px; color:#000000; font-weight:300; letter-spacing:-0.005em;}
    .main-case .case-title {margin-bottom:60px;}
    .main-case .case-list {display:flex;}
    .main-case .case-list .case-item {width:calc(25% - 12px); margin-left:16px;}
    .main-case .case-list .case-item:first-child {margin-left:0;}
    .main-case .case-list .case-item a {display:block; height:420px; width:100%; border-radius:15px; box-sizing:border-box; padding:35px 45px 0; background:url(https://resource.mall.castingn.com/static/images/case-arrow.png) calc(100% - 45px) calc(100% - 28px) no-repeat;}
    .main-case .case-list .case-item a:hover {
        -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);
    }
    .main-case .case-list .case-item .company-main {display:flex; align-items:center;}
    .main-case .case-list .case-item .company-main .company-thumb {width:87px; height:87px; border-radius:44px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
    .main-case .case-list .case-item .company-main .company-name {font-size:15px; line-height:18px; color:#8e8f93; letter-spacing:-0.025em; margin-left:10px;}
    .main-case .case-list .case-item .company-title {margin-top:15px; font-size:31px; line-height:36px; letter-spacing:-0.025em; color:#020202;}
    .main-case .case-list .case-item .company-cate {display:flex; align-items:center; margin-top:15px;}
    .main-case .case-list .case-item .company-cate strong {margin-left:5px; font-size:17px; font-weight:500; letter-spacing:-0.04em; color:#000;}
    .main-case .case-list .case-item .company-disc {margin-top:15px; font-size:16px; line-height:20px; font-weight:300; letter-spacing:-0.025em; color:#000;}

    .main-best-partner {padding:0 0 100px;}
    .main-best-partner .best-title {margin-bottom:50px;}
    .main-best-partner .best-title dt {font-size:135px; font-weight:700; line-height:140px; color:#333333;}
    .main-best-partner .best-title dd {font-size:27px; letter-spacing:-0.045em; color:#333; font-weight:500; margin-top:30px;}

    .main-best-partner .best-box-wrap .best-box {display:flex; align-items:center; margin-top:4px; border-radius:15px; height:113px; padding:0 40px 0 75px; box-sizing:border-box;}
    .main-best-partner .best-box-wrap .best-box:first-child {margin-top:0; background:#0e89e8;}
    .main-best-partner .best-box-wrap .best-box:nth-child(2) {background:#33a2be;}
    .main-best-partner .best-box-wrap .best-box:nth-child(3) {background:#a6bfd2;}
    .main-best-partner .best-box-wrap .best-box .best-label {font-size:83px; line-height:85px; font-weight:100; color:#fff; text-transform:uppercase; letter-spacing:-0.02em; padding-right:40px; background:url(https://resource.mall.castingn.com/static/images/best-arrow.png) right 60px no-repeat;}
    .main-best-partner .best-box-wrap .best-box .best-cont {margin-left:auto; display:flex; align-items:center;}
    .main-best-partner .best-box-wrap .best-box .best-cont dt {font-size:17px; font-weight:500; letter-spacing:-0.025em; color:rgba(255,255,255,0.65); }
    .main-best-partner .best-box-wrap .best-box .best-cont dd {min-width:220px; box-sizing:border-box; padding-left:10px; display:flex; align-items:center; font-size:22px; color:#fff; letter-spacing:-0.02em; font-weight:500; text-align:right; margin-left:auto;justify-content:flex-end;}
    .main-best-partner .best-box-wrap .best-box .best-cont dd strong {font-size:70px; font-weight:800; letter-spacing:-0.02em; color:#fff; margin-right:20px;}

    .main-best-partner .best-list-wrap {margin-top:55px; position:relative; padding:0 55px;}
    .main-best-partner .best-list-wrap .best-list {padding:10px;}
    .main-best-partner .best-list-wrap .best-list .best-item {border-radius:15px; padding:45px 50px 0; height:355px; box-sizing:border-box;
        -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
    }
    .main-best-partner .best-list-wrap .best-list .best-item dt {font-size:39px; letter-spacing:-0.025em; color:#000; font-weight:800; line-height:40px;}
    .main-best-partner .best-list-wrap .best-list .best-item dd {font-size:21px; letter-spacing:-0.025em; color:#000; font-weight:700; margin-top:10px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol {margin-top:50px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li {display:flex; align-items:center; margin-top:20px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li:first-child {margin-top:0;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .label {font-size:20px; letter-spacing:-0.02em; color:#000;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .label strong {margin-right:10px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .cont {margin-left:auto; font-size:12px; letter-spacing:-0.04em; color:#000; font-weight:700; display:flex; align-items:center;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .cont strong {font-size:23px; font-weight:900; letter-spacing:-0.04em; color:#000; margin-right:10px;}
    .main-best-partner .best-pagination {margin-top:40px; text-align:center;}
    .main-best-partner .best-pagination .swiper-pagination-bullet {width:13px; height:13px; background:#d6d6d6; opacity:1; border-radius:7px; margin:0 7px;}
    .main-best-partner .best-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#59bb93;}
    .main-best-partner .best-prev {position:absolute; width:22px; height:38px; background:url(https://resource.mall.castingn.com/static/images/btn-prev.png) center no-repeat; position:absolute; left:0; top:180px; font-size:0; line-height:0;}
    .main-best-partner .best-next {position:absolute; width:22px; height:38px; background:url(https://resource.mall.castingn.com/static/images/btn-next.png) center no-repeat; position:absolute; right:0; top:180px; font-size:0; line-height:0;}
    .main-keyword {padding-bottom:140px;}
    .main-keyword .keyword-tt dt {font-size:48px; letter-spacing:-0.04em; color:#333333; font-weight:900; line-height:50px;}
    .main-keyword .keyword-tt dd {margin-top:10px; font-size:24px; letter-spacing:-0.04em; color:#333; font-weight:500;}
    .main-keyword .keyword-box {margin-top:35px; position:relative; height:310px; display:flex; align-items:center;}
    .main-keyword .keyword-box .count {font-size:396px; letter-spacing:-0.04em; color:#f1f1fe; font-weight:700; position:absolute; width:100%; text-align:center; top:50%; margin-top:-180px; left:0; line-height:360px;}
    .main-keyword .keyword-box .keyword-list {display:flex; align-items:center; flex-wrap:wrap; justify-content:center; position:relative; width:100%;}
    .main-keyword .keyword-box .keyword-list .btn-keyword {min-width:175px; height:40px; border:1px solid #e0e0e0; background:#fff; margin:10px 5px; box-sizing:border-box; padding:0 20px; display:flex; justify-content:center; align-items:center;  border-radius:26px;}
    .main-keyword .keyword-box .keyword-list .btn-keyword:hover {background:#0e89e8; height:51px; border:0; justify-content:space-between;
        -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);

    }
    .main-keyword .keyword-box .keyword-list .btn-keyword:hover span {color:#fff; font-size:28px; font-weight:700;}
    .main-keyword .keyword-box .keyword-list .btn-keyword:hover:after {content:""; display:block; width:31px; height:24px; background:url(https://resource.mall.castingn.com/static/images/keyword-arrow.png) center no-repeat; margin-left:100px;}
    .main-keyword .keyword-box .keyword-list .btn-keyword span {font-size:23px; font-weight:500; letter-spacing:-0.04em; color:#999;}

    .main-market-learn {background:#f9f9fc; padding:100px 0 90px;}
    .main-market-learn .learn-tt {display:flex; align-items:center; font-size:48px; font-weight:800; letter-spacing:-0.04em; color:#333; line-height:50px; margin-bottom:65px;}
    .main-market-learn .learn-tt .dot {width:14px; height:14px; border-radius:7px; background:#000; margin: -40px 10px 0;}
    .main-market-learn .learn-list {display:flex; flex-wrap:wrap;}
    .main-market-learn .learn-list .learn-item {width:calc(50% - 60px); margin-right:120px; }
    .main-market-learn .learn-list .learn-item:nth-child(2n) {margin-right:0;}
    .main-market-learn .learn-list .learn-item:nth-child(n+3) {margin-top:15px;}
    .main-market-learn .learn-list .learn-item a {display:flex; align-items:center; justify-content:space-between; padding:0 30px; border-radius:15px; height:235px; box-sizing:border-box;}
    .main-market-learn .learn-list .learn-item a:hover {background:#0e89e8;}
    .main-market-learn .learn-list .learn-item .learn-thumb {width:176px; height:176px; border-radius:88px;}
    .main-market-learn .learn-list .learn-item .learn-info {text-align:right;}
    .main-market-learn .learn-list .learn-item .learn-info dt {font-size:30px; line-height:40px; font-weight:800; letter-spacing:-0.04em; color:#000000;}
    .main-market-learn .learn-list .learn-item .learn-info dd span {font-size:18px; letter-spacing:-0.04em; color:#838181; margin-left:15px; font-weight:300;}
    .main-market-learn .learn-list .learn-item .learn-info dd {display:flex; align-items:center; margin-top:50px; justify-content:flex-end;}
    .main-market-learn .learn-list .learn-item a:hover .learn-info dt {color:#fff;}
    .main-market-learn .learn-list .learn-item a:hover .learn-info dd span {color:#fff;}
    .ico-lock {width:15px; height:18px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-lock.png) center no-repeat;}


    .join-slc-wrap {margin:0 auto; /*min-height:850px;display:flex; flex-wrap:wrap; align-content:center; */  padding: 50px 0 120px; min-width: 512px; min-height: 590px;}
    .join-slc-wrap .join-tt {width:100%; text-align:center; font-size:26px; font-weight:700; color:#010101;}
    .join-slc-wrap .join-slc-form {margin: 33px auto 0; width:100%; max-width: 500px;}
    .join-slc-wrap .join-slc-form .btn-join {display:flex; align-items:center; justify-content:center; width:100%; height:50px; border-radius:8px;
        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 );
    }
    .join-slc-wrap .join-slc-form .btn-join span {font-size:20px; font-weight:700; color:#fff; }
    .join-slc-wrap .other-join-form {margin-top:27px; border-top:1px solid #eeeeee; padding-top:25px; width:100%;}
    .join-slc-wrap .other-join-form .other-txt {text-align:center; font-size:14px; font-weight:500; color:#010101;}
    .join-slc-wrap .other-join-form .other-join-btn {margin-top:25px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join {margin-top:15px; display:flex; align-items:center; width:100%; height:50px; border-radius:8px; box-sizing:border-box; padding:0 20px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join:first-child {margin-top:0;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-naver {background:#21c802;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-kakao {background:#fbe718;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-google {background:#ffffff; border:1px solid #d9d9d9;}

    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-disabled{background: #c8c8c8 !important;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-disabled span{color: #938d8d !important; -webkit-filter: grayscale(100%); filter: gray; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow1.png) right center no-repeat !important;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-disabled i{-webkit-filter: grayscale(100%); filter: gray;}

    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-fb {background:#3c58a9;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i {display:block; width:30px; height:30px; background-position:center; background-repeat:no-repeat; margin-right:15px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-naver {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-naver.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-kakao {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-kakao.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-google {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-google.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-fb {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-fb.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join span {font-size:17px; font-weight:700;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-naver span {color:#fff;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-kakao span {color:#121112;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-google span {color:#121112;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-fb span {color:#fff;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join .join-txt {margin-left:auto; font-size:12px; font-weight:500; padding-right:25px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-naver .join-txt {color:#fff; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow2.png) right center no-repeat;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-kakao .join-txt {color:#000; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow1.png) right center no-repeat;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-google .join-txt {color:#000; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow1.png) right center no-repeat;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-fb .join-txt {color:#fff; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow2.png) right center no-repeat;}
    .join-slc-wrap .join-partner {margin-top:27px; border-top:1px solid #eeeeee; padding-top:27px; width:100%; display:flex; justify-content:flex-end;}
    .join-slc-wrap .join-partner a {display:flex; align-items:center; }
    .join-slc-wrap .join-partner a span {font-size:14px; font-weight:500; color:#010101;}
    .join-slc-wrap .join-partner .ico-partner-arrow {display:block; width:24px; height:24px; background:url(https://resource.mall.castingn.com/static/images/ico-partner-arrow.png) center no-repeat; margin-left:10px;}
    .join-slc-wrap .join-partner-wrap {margin-top:27px; border-top:1px solid #eeeeee; padding-top:30px; width:100%;}
    .join-slc-wrap .join-partner-wrap .join-partner-tt {text-align:center;}
    .join-slc-wrap .join-partner-wrap .join-partner-tt dt {font-size:20px; font-weight:700; color:#0e89e8; line-height:25px; margin-bottom:5px;}
    .join-slc-wrap .join-partner-wrap .join-partner-tt dd {font-size:14px; font-weight:500; color:#010101;}
    .join-slc-wrap .join-partner-wrap .partner-logo-wrap {margin-top:25px; border:1px solid #d9d9d9; border-radius:8px; display:flex; justify-content:center; padding:30px 0;}

    .join-wrap {max-width:1440px; margin:0 auto; min-height:850px;}
    .join-wrap .join-title {text-align:center; border-bottom:1px solid #eee; height:109px; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:#010101;}
    .join-wrap .join-content {padding:50px 0 120px;}
    .join-wrap .join-content .join-disc {text-align:center; font-size:18px; font-weight:500; color:#010101; margin-bottom:40px; display:flex; justify-content:center; align-items:center;}
    .join-wrap .join-content .join-form-area {width: 500px; margin:0 auto;}
    .join-wrap .join-content .join-form-area.join-form-area-benefit {width: 690px; margin:0 auto;}
    .join-wrap .join-content .join-form-area .join-form .form-sec {margin-top:16px;}
    .join-wrap .join-content .join-form-area .join-form .form-sec:first-child {margin-top:0;}
    .join-wrap .join-content .join-form-area .user-info {display:flex; align-items:center;}
    /* .join-wrap .join-content .join-form-area .user-info dl {margin-left:15px;} */
    .join-wrap .join-content .join-form-area .user-info dl dt {font-size:24px; font-weight:500; color:#111111; line-height:27px;}
    .join-wrap .join-content .join-form-area .user-info dl dd {font-size:17px; font-weight:500; color:#000000; line-height:20px; margin-top:5px;}
    .join-wrap .join-content .join-form-area .form-ip-area input {border:1px solid #d9d9d9; border-radius:8px; height:50px; width:100%; box-sizing:border-box; padding:0 20px; font-size:18px; font-weight:700; color:#000;}
    .join-wrap .join-content .join-form-area .form-ip-area {margin-top:10px; position:relative;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type input {padding-right:70px;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type .btn-re-send {position:absolute; right:8px; top:8px; width:70px; display:flex; align-items:center; justify-content:center; background:#e6f3fd; height:34px; border-radius:8px; font-size:16px; font-weight:500; color:#0e89e8; }
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type .auth-time {position: absolute;
        right:73px;
        width: 34px;
        height: 19px;
        margin: 15px 11px 16px 57px;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #0d89e8;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type .auth-time.auth-time-red{color: #ff0000;}
    .join-wrap .join-content .join-form-area .form-ip-area:first-child {margin-top:0;}
    .join-wrap .join-content .join-form-area .form-error {display:flex; margin:15px 0 0 25px; align-items:center;}
    .join-wrap .join-content .join-form-area .form-error span {font-size:16px; font-weight:500; color:#ff0000;}
    .join-wrap .join-content .join-form-area .form-error .ico-error {width:12px; height:12px; background:url(https://resource.mall.castingn.com/static/images/ico-error.png) center no-repeat; margin-right:10px;}
    .join-wrap .join-content .join-form-area .form-right-btn {margin-top:20px; display:flex; justify-content:flex-end;}
    .join-wrap .join-content .join-form-area .form-right-btn .btn-blue {height:40px; padding:0 25px; display:flex; align-items:center; border-radius:20px; background:#0e89e8;}
    .join-wrap .join-content .join-form-area .form-right-btn .btn-blue span {font-size:16px; font-weight:700; color:#fff;}
    .join-wrap .join-content .join-form-area .form-right-btn .btn-blue .ico-send {width:19px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-send.png) center no-repeat; margin-left:10px;}
    .join-wrap .join-btn-area {margin-top:50px;}
    .join-wrap .join-btn-area .btn-comp {display:flex; align-items:center; justify-content:center; width:100%; height:60px; border-radius:8px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .join-wrap .join-btn-area .btn-comp  span {font-size:20px; font-weight:700; color:#fff; }
    .join-wrap .join-btn-area .btn-comp1{width: 256px; height: 50px; border-radius: 12px; background: #fff; border: 1px solid #c8c8c8; color: #101010; font-weight: bold; font-size: 16px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
    .join-wrap .join-btn-area .btn-comp2{width: 180px; height: 50px; border-radius: 12px; background: #fff; border: 1px solid #c8c8c8; color: #101010; font-weight: bold; font-size: 16px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
    .join-wrap .join-btn-area .btn-comp3{width: 192px; height: 54px; border-radius: 8px; background-color: #0d89e8; border: 0; color: #fff; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
    .join-wrap .join-btn-area a + a, .join-wrap .join-btn-area button + button{margin-left: 12px;}
    /* .join-wrap .join-btn-area a:hover, .join-wrap .join-btn-area button:hover{border: 1px solid #3f88e1;} */

    .join-wrap .join-btn-area .btn-sns-add {margin-top:35px; display:flex; align-items:center; justify-content:center; width:100%;}
    .join-wrap .join-btn-area .btn-sns-add span {font-size:20px; font-weight:700; color:#111111; margin-right:10px;}
    .join-wrap .join-btn-area .btn-sns-add .ico-plus {width:28px; height:28px; background:url(https://resource.mall.castingn.com/static/images/ico-plus.png) center no-repeat;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item {position:relative;height:65px;margin-top: 10px;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item:first-child {margin-top:0;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input + label {position:absolute;left:0%;bottom:0;width:100%;height:100%;border: 1px solid #d9d9d9;border-radius: 8px;pointer-events:none;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input {box-sizing:border-box;padding: 20px 24px 5px;width:100%;height:100%;border:0 none;color: #000;outline:none;font-size: 18px;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item select { box-sizing:border-box; padding:20px 24px 5px; width:100%; height:100%; border:0 none; color: #000;outline:none;font-size: 18px;border: 1px solid #d9d9d9;border-radius: 8px; background:url(https://resource.mall.castingn.com/static/images/slc-arrow.png) calc(100% - 24px) no-repeat;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input + label span {position:absolute;left: 24px;bottom: 21px;transition:all .3s ease;font-size: 18px;color: #999999;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input:focus + label span,
    .join-wrap .join-content .join-form-area .join-form2 .form-item input:valid + label span {transform: translateY(-17px);font-size: 13px;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item select + label span {position:absolute;left: 24px;bottom: 21px;transition:all .3s ease;font-size: 13px;color: #999999;transform: translateY(-17px);}
    .join-wrap .join-content .join-form-area .join-form2 .form-item.imp-type label span:after {content:"*"; color:#ff0000;}
    .join-wrap .join-content .join-agree-area {margin-top:35px;}
    .join-wrap .join-content .join-agree-area .agree-item {border-bottom:1px solid #f0f0f0;  padding:10px 0;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] {display:none;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label {display:flex; align-items:center; width:100%; cursor:pointer;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label:before {content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:10px;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"]:checked + label:before {border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label p {font-size:16px; color:#333333; font-weight:500;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label.all-label p {font-size:18px; color:#010101;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label p .t-red {color:#ff0000;}

    .join-wrap .join-content  .group-sel-list{position: relative;}
    .join-wrap .join-content  .group-sel-list .group-box{height: 124px; border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; display: flex; align-items: center; box-sizing: border-box; position: relative; margin-bottom: 16px; padding: 16px 19px 16px 32px; cursor: pointer;}
    .join-wrap .join-content  .group-sel-list .group-box.on{border: solid 2px #3089e8;}
    .join-wrap .join-content  .group-sel-list .group-box:last-child{margin-bottom: 0;}
    .join-wrap .join-content  .group-sel-list .group-box .pic-bg{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: #f5f5f5; border-radius: 50%; margin-right: 28px;}
    .join-wrap .join-content  .group-sel-list .group-box .pic-bg .pic1{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/ico-copic1.png) left/100% no-repeat;}
    .join-wrap .join-content  .group-sel-list .group-box .pic-bg .pic2{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/ico-copic2.png) left/100% no-repeat;}

    .join-wrap .join-content  .group-sel-list .group-box .item-list{display: flex; align-items: flex-start; flex-direction: column; height: 100%;}
    .join-wrap .join-content  .group-sel-list .group-box .item-list li.item1{color: #5e6062; font-size: 14px; font-weight: 500; margin-top: 6px;}
    .join-wrap .join-content  .group-sel-list .group-box .item-list li.item2{font-size: 16px; font-weight: bold; color: #444; line-height: 1.75; letter-spacing: -0.01px;}
    .join-wrap .join-content  .group-sel-list .group-box .item-list li.item3{font-size: 12px; font-weight: 500; color: #b3b7ba; margin-top: auto;}

    .join-wrap .join-content  .group-sel-list .group-box .group-name{padding: 0 12px 0 37px; height: 30px; border-radius: 15px;  border: solid 1px #dfe2e5; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; margin: 0 0 auto auto; position: relative;}
    .join-wrap .join-content  .group-sel-list .group-box .group-name span{font-size: 13px;  color: #333; letter-spacing: -0.52px; font-weight: bold;}

    .join-wrap .join-content  .group-sel-list .group-box .group-name .pic{display: flex; width: 30px; height: 30px; border-radius: 50%;  position: absolute; left: 0;}
    .join-wrap .join-content  .group-sel-list .group-box .group-name .pic.pic1{background: #32ab8c url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/ico-user.png) center 4px/29px no-repeat; border: 1px solid #138366;}
    .join-wrap .join-content  .group-sel-list .group-box .group-name .pic.pic2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/user-role-pin-mgr.png) left/100% no-repeat;}

    .join-wrap .join-content  .group-sel-list .group-box .rdbox{display:inline-flex; justify-content:flex-start; align-items:center; position: absolute; bottom: 16px; right: 19px; }
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]{cursor:pointer; outline:none; display:flex; background:#fff; border:2px solid #d5d5d5; width:24px; height:24px; border-radius:50%; overflow:hidden;
        appearance: none;-moz-appearance: none;-webkit-appearance: none; background:url(https://resource.mall.castingn.com/static/images/ico-rd-chk2.png) center no-repeat;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]:checked{width:24px;height:24px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]::-ms-check{outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:24px;height:24px;content:"";background:#fff;border-radius:50%;border:1px solid #999;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]:checked::-ms-check{color:transparent;background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox .tool-tip{display: flex; position: absolute; width: 118px; height: 28px; border-radius: 9px; background-color: #f5f5f5; justify-content: center; align-items: center; color: #5e6062;
        font-size: 12px; font-weight: 500; left: 31px; display: none;}
    .join-wrap .join-content  .group-sel-list .group-box:hover .rdbox .tool-tip{display: flex;}
    .join-wrap .cpr-logo{width: 328px; height: 37px; margin: 75px auto 0 auto;}
    .join-wrap .cpr-logo img{width: 100%;}

    .ico-smile {display:block; width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-smile.png) center/100% no-repeat;}
    .ico-smile2 {display:block; width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-smile2.png) center/100% no-repeat; margin-bottom: 12px;}

    .join-wrap .join-content .provision-txt {text-align:center; font-size:16px; font-weight:500; color:#999999; margin-bottom:15px;}
    .join-wrap .join-content .provision-txt .t-emerald {color:#32ab8c;}
    .join-wrap .join-content .provision-box {border:1px solid #d9d9d9; border-radius:8px; overflow-y:auto; height:240px;}
    .join-wrap .join-content .provision-box2 {border:1px solid #d9d9d9; border-radius:8px; overflow-y:auto; height:500px;}
    .join-wrap .join-content .provision-box .provision-area {padding:20px; font-size:16px; font-weight:500; color:#333333;}
    .join-wrap .join-content .provision-box2 .provision-area {padding:20px; font-size:16px; font-weight:500; color:#333333;}

    .join-wrap .ico-join{display:block; width:80px; height:80px; background:url(https://resource.mall.castingn.com/static/images/sub/picto-info2.png) center/100% no-repeat; margin-bottom: 23px;}

    .cop-view-box{height: 100px; width: 656px; margin: 0 auto; border-radius: 8px; background-color: #fff; display: flex; align-items: center; border: 2px solid #e5e5e5; justify-content: center; flex-direction: column; margin-bottom: 32px; box-sizing: border-box;}
    .cop-view-box .cop-info{display: flex; font-size: 24px; color: #5e6062; font-weight: bold; line-height: 36px;}
    .cop-view-box .cop-info > span{display: flex; align-items: center;}
    .cop-view-box .cop-info > span .ico-file{width: 24px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/account/ico-file.png) center/100% no-repeat; margin: 0 6px;}
    .cop-view-box .desc{font-size: 16px; color: #85888d; font-weight: bold;}
    .cop-view-box .desc strong{color: #5e6062;}

    .join-account-info{max-width: 500px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 41px auto 0; width: 100%; padding: 24px; box-sizing: border-box; display: flex; align-items: flex-start; font-size: 20px;}
    .join-account-info .join-acount-info__tit{color: #5e6062; margin-right: 50px;}
    .join-account-info .join-acount-info__item .account{color: #5e6062; margin-bottom: 4px;}
    .join-account-info .join-acount-info__item .account b{font-weight: 500;}
    .join-account-info .join-acount-info__item .ymd{font-size: 14px; color: #85888D;}

    .join-account-txt{max-width: 500px; margin:8px auto; color: #B3B7BA;}

    .join-slc-wrap .join-btn-area{margin-top: 48px; display: flex; align-items: center; justify-content: center;}
    .join-slc-wrap .join-btn-area button, .join-slc-wrap .join-btn-area a{box-sizing: border-box; border-radius: 8px; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center;}
    .join-slc-wrap .join-btn-area button + button, .join-slc-wrap .join-btn-area a + a{margin-left: 12px;}

    .join-slc-wrap .btn-comp1{width: 242px; height: 54px; font-size: 18px;}
    .join-slc-wrap .btn-comp2{width: 192px; height: 54px; font-size: 18px;}
    .join-slc-wrap .btn--blue{background-color: #0d89e8; color: #fff; font-weight: bold;}
    .join-slc-wrap .btn--white{background-color: #fff; color: #85888d; border: 1px solid #85888d;}


    .corp-org-box{max-width: 792px; padding: 32px 68px 41px; border-radius: 12px; background: #f4f4f4; margin: 20px auto 0; box-sizing: border-box;}
    .corp-org-box .corp-org-box__tit{margin-bottom: 13px; font-size: 16px; font-weight: 500; display: block;}
    .corp-org-box .corp-org-box__input{height: 48px;}
    .corp-org-box .corp-org-box__input input{width: 100%; background: #fff; padding: 0 10px; border-radius: 6px; height: 100%;}


    .user-position-slc {display:flex; flex-wrap:wrap;}
    .user-position-slc .position-item {width:calc(20% - 24px); margin-right:30px;}
    .user-position-slc .position-item:nth-child(5n) {margin-right:0;}
    .user-position-slc .position-item:nth-child(n+6) {margin-top:19px;}
    .user-position-slc .position-item.all-position {width: calc(59% - 6px); margin-right:0;}
    .user-position-slc .position-item input[type="checkbox"] {display:none;}
    .user-position-slc .position-item input[type="checkbox"] + label {display:flex; width:100%; height:70px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:8px; position:relative; cursor:pointer;}
    .user-position-slc .position-item input[type="checkbox"] + label span {font-size:18px; font-weight:500; color:#999999;}
    .user-position-slc .position-item input[type="checkbox"]:checked + label span {color:#0e89e8;}
    .user-position-slc .position-item input[type="checkbox"]:checked + label {border-color:#0e89e8;}
    .user-position-slc .position-item input[type="checkbox"]:checked + label:before {content:""; display:block; position:absolute; width:15px; height:15px; border-radius:8px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat; top:7px; left:7px;}

    .join-wrap .membership-benefit {border:1px solid #d9d9d9; border-radius:8px; overflow-y:auto; height:490px;}
    .join-wrap .membership-benefit .benefit-tt {padding:35px;}
    .join-wrap .membership-benefit .benefit-tt dt {font-size:34px; font-weight:800; color:#333; line-height:40px;}
    .join-wrap .membership-benefit .benefit-tt dd {font-size:26px; font-weight:300; line-height:33px; letter-spacing:-0.075em; color:#333; margin-top:10px;}
    .join-wrap .membership-benefit .benefit-img {text-align:center; padding:0 35px 35px;}

    .join-wrap .membership-info-box{width: 100%; height: 526px; background: #bcf5d5; border-radius: 8px; text-align: center; box-sizing: border-box; padding: 0 28px;}
    .join-wrap .membership-info-box .txt1{color:#222; letter-spacing: -0.01px; font-size: 24px; padding-top: 41px;}
    .join-wrap .membership-info-box .txt1 b{font-weight: bold;}
    .join-wrap .membership-info-box .item-box{height: 155px; border-radius: 30px; background: #fff; box-shadow: 0 6px 20px 0 rgba(50, 171, 140, 0.2); margin-top: 19px; display: flex; flex-direction: column; box-sizing: border-box; padding: 30px 30px 0;}
    .join-wrap .membership-info-box .item-box .item-txt{font-size: 20px; color: #101010; letter-spacing: -0.01px; font-weight: bold; text-align: left; line-height: 28px;}
    .join-wrap .membership-info-box .item-box .item-txt span{color: #32ab8c;}
    .join-wrap .membership-info-box .item-box .btn-link{display: flex; justify-content: center; align-items: center; letter-spacing: -0.01px; background: #101010;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
        font-size: 16px; font-weight: bold; color: #fff; width: 256px; height: 48px; border-radius: 30px; margin-left: auto;}

    .join-wrap .membership-info-box .txt2{font-size: 16px; color: #222; letter-spacing: -0.01px; margin-top: 24px; line-height: 24px; margin-bottom: 15px;}
    .join-wrap .membership-info-box .txt2 span{font-family: 'yg-jalnan';}
    .join-wrap .membership-info-box .item-list{text-align: left; margin-left: 170px;}
    .join-wrap .membership-info-box .item-list li{font-size: 16px; color: #222; margin-bottom: 5px; letter-spacing: -0.01px; padding-left: 20px; position: relative;}
    .join-wrap .membership-info-box .item-list li::before{width: 7px; height: 7px; border-radius: 50%; display: block; position: absolute; left: 0; top: 5px; content: ''; background: #222;}
    .join-wrap .membership-info-box .btn-area{display: flex; align-items: center; justify-content: center; margin-top: 34px;}
    .join-wrap .membership-info-box .btn-area a{width: 256px; height: 48px; border-radius: 24px; display: flex; align-items: center; justify-content: center; color: #222; background: #fff; font-size: 16px;}
    .join-wrap .membership-info-box .btn-area a b{font-weight: bold;}
    .join-wrap .membership-info-box .btn-area a + a{margin-left: 16px;}

    .join-wrap .join-content .membership-join {margin-top:30px;}
    .join-wrap .join-content .membership-join input[type="checkbox"] {display:none;}
    .join-wrap .join-content .membership-join input[type="checkbox"] + label {display:flex; align-items:center; width:100%; cursor:pointer; justify-content:center;}
    .join-wrap .join-content .membership-join input[type="checkbox"] + label:before {content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:10px;}
    .join-wrap .join-content .membership-join input[type="checkbox"]:checked + label:before {border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .join-wrap .referrer-id {margin-top:30px; text-align:center;}
    .join-wrap .referrer-id dt {font-size:20px; font-weight:700; color:#0e89e8; line-height:22px; margin-bottom:10px;}
    .join-wrap .referrer-id input {width:100%; height:62px; border:1px solid #d9d9d9; border-radius:8px; box-sizing:border-box; line-height:60px; text-align:center; padding:0 20px; font-size:20px; font-weight:700; color:#000;}

    .join-wrap .member-use-wrap .member-use-box {margin-top:25px; border:1px solid #d9d9d9; border-radius:8px; overflow:hidden;}
    .join-wrap .member-use-wrap .member-use-box:first-child {margin-top:0;}
    .join-wrap .member-use-wrap .member-use-box .box-scroll {min-height:190px; max-height:340px; overflow-y:auto;}
    .join-wrap .member-use-wrap .member-use-box .benefit-tt {padding:25px;}
    .join-wrap .member-use-wrap .member-use-box .benefit-tt dt {font-size:24px; font-weight:800; color:#333; line-height:30px;}
    .join-wrap .member-use-wrap .member-use-box .benefit-tt dd {font-size:16px; font-weight:300; line-height:23px; letter-spacing:-0.075em; color:#666666; margin-top:5px;}
    .join-wrap .member-use-wrap .member-use-box .box-btn {display:flex; align-items:center; justify-content:center; height:50px; position:relative;
        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 );
    }
    .join-wrap .member-use-wrap .member-use-box .box-btn span {font-size:18px; font-weight:700; color:#fff;}
    .join-wrap .member-use-wrap .member-use-box .box-btn:after {content:""; display:block; width:22px; height:9px; background:url(https://resource.mall.castingn.com/static/images/ico-box-arrow.png) center no-repeat; right:40px; top:17px; position:absolute;}

    .already-join-wrap {border:1px solid #d9d9d9; border-radius:8px; overflow:hidden;}
    .already-join-wrap .already-tt {height:50px; background:#97aec0; line-height:50px; padding:0 20px; font-size:16px; color:#fff; font-weight:500;}
    .already-join-wrap .already-cont {padding:0 30px;}
    .already-join-wrap .already-cont .already-item {border-top:1px solid #f0f0f0; padding:25px 0;}
    .already-join-wrap .already-cont .already-item:first-child {border-top:0;}
    .already-join-wrap .already-cont .already-item dt {font-size:20px; color:#333; display:flex; align-items:center;}
    .already-join-wrap .already-cont .already-item dt strong {display:flex; align-items:center; margin-right:5px;}
    .already-join-wrap .already-cont .already-item dd {margin-top:10px;}
    .already-join-wrap .already-cont .already-item dd li {font-size:16px; line-height:20px; color:#999999; font-weight:500;}
    .already-join-wrap .already-cont .already-item .ico-naver {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-naver.png) center no-repeat; margin-right:5px}
    .already-join-wrap .already-cont .already-item .ico-kakao {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-kakao.png) center no-repeat; margin-right:5px}
    .already-join-wrap .already-cont .already-item .ico-fb {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-fb.png) center no-repeat; margin-right:5px}
    .already-join-wrap .already-cont .already-item .ico-google {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-google.png) center no-repeat; margin-right:5px}


    .add-sns-wrap {border:1px solid #d9d9d9; border-radius:8px; overflow:hidden; margin-bottom:20px; padding:0 30px;}
    .add-sns-wrap .add-option {display:flex; align-items:center; border-bottom:1px solid #f0f0f0; height:50px;}
    .add-sns-wrap .add-option span {font-size:16px; color:#999999; font-weight:500;}
    .add-sns-wrap .add-option i.ico-plus {width:22px; height:22px; background:url(https://resource.mall.castingn.com/static/images/ico-plus.png) center no-repeat; background-size:100%; margin-right:10px;}

    .add-sns-wrap .add-cont .add-item {border-top:1px solid #f0f0f0; padding:25px 0;}
    .add-sns-wrap .add-cont .add-item:first-child {border-top:0;}
    .add-sns-wrap .add-cont .add-item dt {font-size:20px; color:#333; display:flex; align-items:center;}
    .add-sns-wrap .add-cont .add-item dt strong {display:flex; align-items:center; margin-right:5px;}
    .add-sns-wrap .add-cont .add-item dd {margin-top:10px;font-size:16px; line-height:20px; color:#999999; font-weight:500;}

    .provision-tab {display:flex; justify-content:center; padding:0 0 45px 0;}
    .provision-tab ul {display:flex; justify-content:center; align-items:center;}
    .provision-tab ul .btn-tab {font-size:18px; font-weight:500; color:#666666;}
    .provision-tab ul .btn-tab.active-tab {font-weight:700; color:#0e89e8;}
    .provision-tab ul li:nth-child(n+2) {margin-left:25px; padding-left:25px; position:relative;}
    .provision-tab ul li:nth-child(n+2):before {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#d7d7d7;}
    .provision-line-box {border:1px solid #d9d9d9; border-radius:8px; overflow-y:auto; height:660px; margin:0 auto; max-width:670px;}
    .provision-line-box .provision-area {display:none; padding:25px; font-size:16px; font-weight:500; color:#666; line-height:20px;}
    .provision-line-box .provision-area.active-area {display:block;}


    /* sub */
    .sub-top-cate {max-width:1440px; margin:0 auto; padding:20px 0 7px; position:relative; height:204px; box-sizing:border-box;}
    .sub-top-cate:after {content:""; width:100%; height:7px; background:#f3f3f3; border-radius:4px; display:block; position:absolute; bottom:20px; left:0;}
    .sub-top-cate .cate-list {display:flex; justify-content:center; height:177px; position:relative; z-index:1;}
    .sub-top-cate .cate-list .cate-item {width:130px; height:177px;}
    .sub-top-cate .cate-list .cate-item .btn-cate {display:block; text-align:center;width:130px; height:177px; box-sizing:border-box; padding-bottom:25px; position:relative;}
    .sub-top-cate .cate-list .cate-item i {display:block; width:60px; height:60px; margin:0 auto; background-repeat:no-repeat; background-size:100%; background-position:center;}
    .sub-top-cate .cate-list .cate-item i.ico-cate1 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate1.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate2 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate2.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate3 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate3.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate4 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate4.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate5 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate5.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate6 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate6.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate7 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate7.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate8 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate8.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate9 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate9.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate10 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate10.png);}
    .sub-top-cate .cate-list .cate-item i.ico-cate11 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate11.png);}
    .sub-top-cate .cate-list .cate-item dl {margin-top:7px;}
    .sub-top-cate .cate-list .cate-item dt {font-size:21px; font-weight:700; letter-spacing:-0.04em; color:#666; line-height:23px; margin-bottom:7px;}
    .sub-top-cate .cate-list .cate-item dd {font-size:0; font-weight:500; letter-spacing:-0.02em; line-height:0; height:23px; color:#666;}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate {border-radius:15px;
        background: rgba(81,182,156,1);
        background: -moz-linear-gradient(top, rgba(81,182,156,1) 0%, rgba(24,144,221,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(81,182,156,1)), color-stop(100%, rgba(24,144,221,1)));
        background: -webkit-linear-gradient(top, rgba(81,182,156,1) 0%, rgba(24,144,221,1) 100%);
        background: -o-linear-gradient(top, rgba(81,182,156,1) 0%, rgba(24,144,221,1) 100%);
        background: -ms-linear-gradient(top, rgba(81,182,156,1) 0%, rgba(24,144,221,1) 100%);
        background: linear-gradient(to bottom, rgba(81,182,156,1) 0%, rgba(24,144,221,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51b69c', endColorstr='#1890dd', GradientType=0 );
    }
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate dt {color:#fff;}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate dd {color:#fff; font-size:20px; line-height:23px;}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate1 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate1-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate2 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate2-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate3 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate3-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate4 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate4-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate5 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate5-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate6 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate6-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate7 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate7-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate8 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate8-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate9 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate9-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate10 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate10-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate i.ico-cate11 {background-image:url(https://resource.mall.castingn.com/static/images/ico-sub-cate11-on.png);}
    .sub-top-cate .cate-list .cate-item .btn-cate.active-cate:after {content:""; display:block; position:absolute; bottom:13px; left:50%; margin-left:-7px; border-top:12px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent;}

    .sub-cate-title {margin:20px 0 30px; text-align:center;}
    .sub-cate-title dt {font-size:30px; font-weight:700; letter-spacing:-0.04em; color:#0e89e8; line-height:35px; margin-bottom:10px;}
    .sub-cate-title dd {font-size:22px; line-height:29px; letter-spacing:-0.04em; color:#000000;}

    .sub-busimem-inq {max-width:1440px; margin:0 auto; height:60px; border-radius:30px; display:flex; box-sizing:border-box; padding:0 13px 0 25px; align-items:center;
        background: rgba(89,187,148,1);
        background: -moz-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(89,187,148,1) 30%, rgba(14,137,232,1) 71%, rgba(14,137,232,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(89,187,148,1)), color-stop(30%, rgba(89,187,148,1)), color-stop(71%, rgba(14,137,232,1)), color-stop(100%, rgba(14,137,232,1)));
        background: -webkit-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(89,187,148,1) 30%, rgba(14,137,232,1) 71%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(89,187,148,1) 30%, rgba(14,137,232,1) 71%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(89,187,148,1) 0%, rgba(89,187,148,1) 30%, rgba(14,137,232,1) 71%, rgba(14,137,232,1) 100%);
        background: linear-gradient(135deg, rgba(89,187,148,1) 0%, rgba(89,187,148,1) 30%, rgba(14,137,232,1) 71%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb94', endColorstr='#0e89e8', GradientType=1 );
    }
    .sub-busimem-inq .ico-busimem {width:45px; height:45px; background:url(https://resource.mall.castingn.com/static/images/ico-busimem.png) center no-repeat; display:block; margin-right:20px;}
    .sub-busimem-inq p {font-size:20px; color:#fff; letter-spacing:-0.04em; font-weight:300;}
    .sub-busimem-inq p strong {margin-left:10px;}
    .sub-busimem-inq .btn-busimem {margin-left:auto; height:40px; width:236px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:#ecebf6;}
    .sub-busimem-inq .btn-busimem span {font-size:16px; letter-spacing:-0.04em; color:#0e89e8; line-height:20px; font-weight:600; margin-top:2px;}
    .sub-busimem-inq .btn-busimem:after {content:""; display:block; width:19px; height:7px; background:url(https://resource.mall.castingn.com/static/images/ico-inq-arrow.png) center no-repeat; margin:-1px 0 0 15px;}


    .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:45px 0 60px; margin:0 67px; position:relative;}
    .budget-wrap .budget-area .budget-tt {display:flex; align-items:center;}
    .budget-wrap .budget-area .budget-tt span {font-size:24px; 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:54px; 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: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 {width:100%; max-width:1200px; margin:0 auto; padding:60px 0 75px; 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;left : -5px;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;left: -6px; 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;}



    .estimate-wrap {border:3px solid #0e89e8; border-radius:30px; background:#fff; max-width:1440px; margin:30px auto 0; padding:45px 0 75px;
        -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);
    }

    .estimate-wrap .estimate-tt {padding:0 0 50px; margin:0 67px; display:flex; align-items:center;}
    .estimate-wrap .estimate-tt span {font-size:24px; font-weight:700; letter-spacing:-0.04em; color:#000;}
    .estimate-wrap .estimate-tt .ico-estimate {width:32px; height:32px; background:url(https://resource.mall.castingn.com/static/images/ico-estimate.png) center no-repeat; margin-right:5px;}
    .estimate-wrap .estimate-list {margin:0 67px 55px; display:flex; justify-content:center;}
    .estimate-wrap .estimate-list .estimate-item {margin:0 10px;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate {display:block; width:180px;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate .ico-esti {width:50px; height:50px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-esti.png) center no-repeat;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate .ico-plus {width:50px; height:50px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-plus2.png) center no-repeat;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate .esti-label {width:100%; height:42px; box-sizing:border-box; border:2px solid #ececec; box-sizing:border-box; border-radius:22px; text-align:center; line-height:38px; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#000000; margin-top:15px;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate.on-esti .ico-esti {background:url(https://resource.mall.castingn.com/static/images/ico-esti-on.png) center no-repeat;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate.on-esti .esti-label {color:#1a91db; border-color:#1f94d5;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate:hover .ico-esti {background:url(https://resource.mall.castingn.com/static/images/ico-esti-on.png) center no-repeat;}
    .estimate-wrap .estimate-list .estimate-item .tab-estimate:hover .esti-label {color:#1a91db; border-color:#1f94d5;
        -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);
    }
    .estimate-wrap .estimate-list .estimate-item.esti-more .tab-estimate .esti-label {color:#aeacc3;}
    .estimate-wrap .estimate-list .estimate-item.esti-more .tab-estimate:hover .esti-label {color:#1a91db;}
    .estimate-wrap .estimate-list .estimate-item.esti-more .tab-estimate:hover .ico-plus {background:url(https://resource.mall.castingn.com/static/images/ico-plus2-on.png) center no-repeat;}

    .estimate-wrap .estimate-calculator {margin:0 67px; display:flex; justify-content:flex-end; align-items:center;}
    .estimate-wrap .estimate-calculator .calculator-txt {font-size:20px; letter-spacing:-0.04em; color:#000000;}
    .estimate-wrap .estimate-calculator .btn-calculator {margin-left:20px; display:flex; align-items:center; background:#32ab8c; height:50px; border-radius:25px; width:240px; justify-content:center;}
    .estimate-wrap .estimate-calculator .btn-calculator span {font-size:22px; font-weight:600; letter-spacing:-0.04em; color:#fff;}
    .estimate-wrap .estimate-calculator .btn-calculator .ico-calculator {width:23px; height:29px; background:url(https://resource.mall.castingn.com/static/images/ico-calculator.png) center no-repeat; margin-left:10px;}


    .budget-other {margin:0 67px; border-top:1px solid #e6e8e9; padding:60px 0 85px;}
    .budget-other .other-tt {text-align:center; font-size:20px; letter-spacing:-0.04em; color:#000; margin-bottom:35px;}
    .budget-other .other-list {display:flex; justify-content:center;}
    .budget-other .other-list .other-item {margin:0 5px; width:280px; height:220px;}
    .budget-other .other-list .other-item a {display:block; padding:35px 30px 0; height:220px; box-sizing:border-box; position:relative; border-radius:15px; border:2px solid; background:#fff;}
    .budget-other .other-list .other-item .other-type {font-size:20p; letter-spacing:-0.04em; font-weight:700;}
    .budget-other .other-list .other-item .ico-other-icon {position:absolute; width:50px; height:50px; right:10px; top:15px;}
    .budget-other .other-list .other-item .other-price {display:flex; align-items:center; font-size:25px; letter-spacing:-0.04em; color:#000000; font-weight:300; margin-top:20px;}
    .budget-other .other-list .other-item .other-price strong {font-weight:700;}
    .budget-other .other-list .other-item .other-disc {margin-top:25px; font-size:20px; line-height:24px; color:#000; letter-spacing:-0.04em;}
    .budget-other .other-list .other-item.type-green a {border-color:#59bb93;}
    .budget-other .other-list .other-item.type-green .other-type {color:#27ac86;}
    .budget-other .other-list .other-item.type-blue a {border-color:#0f8ae6;}
    .budget-other .other-list .other-item.type-blue .other-type {color:#0e89e8;}
    .budget-other .other-list .other-item.type-green .ico-other-icon {background:url(https://resource.mall.castingn.com/static/images/ico-budget1.png) center no-repeat;}
    .budget-other .other-list .other-item.type-blue .ico-other-icon {background:url(https://resource.mall.castingn.com/static/images/ico-budget2.png) center no-repeat;}


    .sub-bg-half {
        background: rgba(246,246,246,0);
        background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,0) 50%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,0)), color-stop(50%, rgba(246,246,246,0)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(246,246,246,1)));
        background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,0) 50%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
        background: -o-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,0) 50%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
        background: -ms-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,0) 50%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
        background: linear-gradient(to bottom, rgba(246,246,246,0) 0%, rgba(246,246,246,0) 50%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0 );
    }
    .sub-bg-gray {background:#f6f6f6; padding:60px 0 150px; position:relative;}
    .sub-search-wrap {margin:0 auto 0; max-width:1094px; display:flex; width:100%; }
    .sub-search-wrap .search-box {width:calc(100% - 165px); position:relative;}
    .sub-search-wrap .search-box input {width:100%; height:50px;  border-radius:25px; background:#fff; box-sizing:border-box; padding:0 60px 0 45px; font-size:22px; line-height:50px; letter-spacing:-0.04em;
        -webkit-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
    }
    .sub-search-wrap .search-box .btn-sh {position:absolute; font-size:0; line-height:0; height:50px; width:50px; right:5px; top:0; background:url(https://resource.mall.castingn.com/static/images/ico-sub-sh-btn.png) center no-repeat;}
    .sub-search-wrap .search-select {margin-left:auto; width:155px;}
    .sub-search-wrap .search-select select {width:155px; height:50px; border-radius:25px; background:#fff url(https://resource.mall.castingn.com/static/images/slc-arrow.png) calc(100% - 20px) center no-repeat; border:0;font-size:18px; line-height:50px; font-weight:600; padding:0 30px;
        -webkit-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
    }

    .sub-tab-area {padding:70px 0 50px; display:flex; justify-content:center;}
    .sub-tab-area .btn-tab {margin:0 15px; padding:0 20px 10px; position:relative;}
    .sub-tab-area .btn-tab:before {content:""; width:0; height:3px; background:#0e89e8; display:block; position:absolute; bottom:0; left:0; transition:200ms;}
    .sub-tab-area .btn-tab span {font-size:20px; font-weight:600; letter-spacing:-0.04em; color:#000;}
    .sub-tab-area .btn-tab.active-tab span {color:#0e89e8;}
    .sub-tab-area .btn-tab.active-tab:before {width:100%;}

    .sub-list-wrap {max-width:1440px; margin:0 auto;}
    .sub-list-wrap .sub-list {display:flex; flex-wrap:wrap; }
    .sub-list-wrap .sub-list .sub-item {width:calc(20% - 24px); margin-right:30px;}
    .sub-list-wrap .sub-list .sub-item:nth-child(5n) {margin-right:0;}
    .sub-list-wrap .sub-list .sub-item:nth-child(n+6) {margin-top:60px;}
    .sub-list-wrap .sub-list .sub-item a {background:#fff; display:block; width:100%; border-radius:15px; height:296px;
        -webkit-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);

    }

    .sub-inq-btm {position:absolute; max-width:844px; width:100%; height:69px; border-radius:35px; background:#b59e9e; bottom:-35px; left:50%; transform:translate(-50%, 0); display:flex; align-items:center; box-sizing:border-box; padding:0 20px 0 60px;}
    .sub-inq-btm .inq-txt {font-size:20px; letter-spacing:-0.04em; color:#fff;}
    .sub-inq-btm .btn-inq {margin-left:auto; display:flex; align-items:center;}
    .sub-inq-btm .btn-inq span {font-size:24px; font-weight:700; letter-spacing:-0.04em; color:#fff;}
    .sub-inq-btm .btn-inq .ico-inq-arrow {width:32px; height:32px; background:url(https://resource.mall.castingn.com/static/images/ico-inq-arrow2.png) center no-repeat; margin-left:10px;}

    /* 상세페이지 */
    .t-mint {color:#32ab8c !important;}
    .t-blue {color:#0e89e8 !important;}
    .t-orange {color:#f39800 !important;}

    /* 회원전용 텍스트 */
    .t-member1{font-size:16px !important; font-weight: bold !important; color: #B3B7BA !important; font-weight: bold !important;} /* 디테일 상단 */
    .t-member2{font-size:28px !important; font-weight: bold !important; color: #E04339 !important; font-weight: 800 !important;} /* 디테일 하단 */
    .t-member3{font-size:16px !important; font-weight: bold !important; color: #E04339 !important; font-weight: 800 !important;} /* 리스트 */

    .detail-top {max-width:1200px; margin:0 auto; } /* 1440px 에서 1200px로 바뀜*/
    .detail-top .detail-loca-wrap { padding-top:24px; height: 32px; line-height: 32px }
    .detail-top .detail-location {display:flex; align-items:center; height: 32px }
    .detail-top .detail-location .loca-item span {font-size:14px; letter-spacing:-0.04em; color:#999; line-height: 20px }
    .detail-top .detail-location .loca-item {position:relative; display: flex; justify-content: center; align-items: center; gap:8px }
    .detail-top .detail-location .loca-item svg { vertical-align: middle }
    /*.detail-top .detail-location .loca-item:nth-child(n+2) {margin-left:20px;}
    .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;}*/
    .detail-top .detail-location .loca-item:last-child span { color:#202020 }
    .detail-top .top-area {padding-top:32px; display:flex;}
    .detail-top-wrap.fix .detail-top .detail-loca-wrap { display: none; }
    .detail-top-wrap.fix .detail-top .pddt-detail-header { display: none; }
    .detail-top-wrap.fix .detail-top .top-area { display: none; }
    .detail-top .top-area .top-left {width:395px;}
    .detail-top .top-area .thumb-info {display:flex; border:1px solid #ececec; height:50px; border-radius:6px; box-sizing:border-box;}
    .detail-top .top-area .thumb-info p {width:calc(100% - 65px); box-sizing:border-box; height:48px; padding:0 20px; display:flex; align-items:center;}
    .detail-top .top-area .thumb-info p span {font-size:16px; letter-spacing:-0.04em; color:#666;}
    .detail-top .top-area .thumb-info p span:nth-child(n+2) {margin-left:12px;}
    .detail-top .top-area .thumb-info .btn-copy {width:65px; border-left:1px solid #ececec; height:48px; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/ico-copy.png) center no-repeat;}
    .detail-top .top-area .thumb-box {margin-top:10px; border:1px solid #ececec; border-radius:6px; padding-bottom:100%; position:relative; overflow:hidden;}
    .detail-top .top-area .thumb-box img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%;}
    .detail-top .top-area .rating-area {margin-top:25px; display:flex; justify-content:center; align-items:center;}
    .detail-top .top-area .etc-area .rating-area {margin-top:0; justify-content:flex-start;}
    .detail-top .top-area .rating-area .star-box {width:126px; height:22px;}
    .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;}
    .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;}
    .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;}
    .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;}
    .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;}
    .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;}
    .detail-top .top-area .rating-area .rating-count {margin-left:15px; margin-top:3px;}
    .detail-top .top-area .rating-area .rating-count dl {display:flex; align-items:center;}
    .detail-top .top-area .rating-area .rating-count dl dt {font-size:16px; letter-spacing:-0.04em; color:#666;}
    .detail-top .top-area .rating-area .rating-count dl dd {font-size:16px; font-weight:700; letter-spacing:-0.04em; color:#32ab8c; margin-left:5px;}

    .detail-top .top-area.type2-area .top-left {width:calc(50% + 20px);}
    .detail-top .top-area.type2-area .top-left .main-thumb-area {padding-bottom: 400px;}
    .detail-top .top-area.type2-area .top-left .thumb-box {padding:0; border:0;}
    .detail-top .top-area.type2-area .top-left .thumb-box img {position:relative; top:0; left:0; transform:translate(0,0);}
    .detail-container.type2-container .partners-introduce {
        position: relative;
        margin-top: -370px;
        width: calc(50% + 20px);
    }
    .detail-container.type2-container .partners-introduce .introduce-tt {font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#000; line-height:22px; margin-bottom:10px;}
    .detail-container.type2-container .partners-introduce .sec-head {border-radius:8px 8px 0 0;height:80px; display:flex; align-items:center; box-sizing:border-box; padding:0 25px;
        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 );
    }
    .detail-container.type2-container .partners-introduce .sec-head .introduce-info {margin-left:15px;}
    .detail-container.type2-container .partners-introduce .sec-head .introduce-info dt {font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#fff; line-height:20px;}
    .detail-container.type2-container .partners-introduce .sec-head .introduce-info dd {font-size:14px; letter-spacing:-0.04em; color:#fff; margin-top:5px; line-height:16px;}
    .detail-container.type2-container .partners-introduce .sec-head .btn-inq {margin-left:auto; display:none;}
    .detail-top-wrap.fix + .detail-container.type2-container .partners-introduce .sec-head .btn-inq {display:flex;}
    .detail-container.type2-container .partners-introduce .sec-cont {border:1px solid #ededed; border-top:0; border-radius:0 0 8px 8px; display:flex; box-sizing:border-box; padding:40px 0;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box {box-sizing:border-box;}

    .detail-container.type2-container .partners-introduce .sec-cont .cont-box:nth-child(1) {width:55%; padding:0 25px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box:nth-child(2) {width:45%; border-left:1px solid #eaeaea;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-intro-txt {font-size:14px; line-height:19px; letter-spacing:-0.04em; color:#111;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .btn-inq {margin:35px auto 0;}
    .detail-container.type2-container .partners-introduce .btn-inq {display:flex; align-items:center; justify-content:center; width:220px; height:40px; box-sizing:border-box; border:1px solid #c8c8c8; border-radius:20px; background:#fff;}
    .detail-container.type2-container .partners-introduce .ico-inq {width:25px; height:26px; display:block; background:url(https://resource.mall.castingn.com/static/images/sub/ico-inq-on.png) center no-repeat; margin-top:-1px;}
    .detail-container.type2-container .partners-introduce .btn-inq span {font-size:14px; line-height:16px; letter-spacing:-0.04em; color:#000; font-weight:700; margin-left:7px;}
    .detail-container.type2-container .partners-introduce .btn-inq.disabled-type .ico-inq {background:url(https://resource.mall.castingn.com/static/images/sub/ico-inq-off.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .btn-inq.disabled-type span {color:#ccc;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-intro-term {text-align:center; margin-top:15px; font-size:14px; line-height:19px; letter-spacing:-0.04em; color:#111; display:flex; align-items:center; justify-content:center;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-intro-term p:nth-child(n+2) {margin-left:10px; padding-left:10px; border-left:1px solid #ededed;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main {display:flex; justify-content:space-between; max-width:280px; width:100%; padding:0 5%; box-sizing:border-box; margin:0 auto;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i {width:40px; height:40px; display:block; margin:0 auto 7px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i.ico-clock {background:url(https://resource.mall.castingn.com/static/images/sub/ico-clock.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i.ico-pp {background:url(https://resource.mall.castingn.com/static/images/sub/ico-pp.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i.ico-won{background:url(https://resource.mall.castingn.com/static/images/sub/ico-won.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main dt {text-align:center; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#000; line-height:20px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main dd {text-align:center; font-size:13px; letter-spacing:-0.04em; color:#666666; line-height:15px; margin-top:3px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .btn-more {display:flex; align-items:center; justify-content:center; width:220px; height:40px; box-sizing:border-box; margin:25px auto 0; border:1px solid #c8c8c8; border-radius:20px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .btn-more span {font-size:14px; line-height:16px; letter-spacing:-0.04em; color:#000; font-weight:700; margin-left:7px;}
    .detail-container.type2-container .review-wrap .review-tt {padding:0 30px 15px; display:flex; align-items:center; border-bottom:1px solid #ededed;}
    .detail-container.type2-container .review-wrap .review-tt strong {font-size:22px; letter-spacing:-0.04em; font-weight:700; line-height:25px; color:#000000;}
    .detail-container.type2-container .review-wrap .review-tt strong.t-blue {color:#0e89e8; margin-left:5px;}
    .detail-container.type2-container .review-wrap .review-item {border-bottom:1px solid #ededed; padding:20px 30px 25px;}
    .detail-container.type2-container .review-wrap .review-item .review-user {display:flex; align-items:center;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-name {font-size:15px; letter-spacing:-0.04em; color:#000; margin-left:10px;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-grade {margin-left:5px; padding:0 10px; height:21px; border-radius:11px; font-size:12px; line-height:22px; color:#fff; font-weight:500; letter-spacing:-0.04em;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-grade.type-standard {background:#a6bfd2;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-grade.type-advanced {background:#33a2be;}
    .detail-container.type2-container .review-wrap .review-item .review-rating {margin-top:20px; display:flex; align-items:center;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star-box {width:126px; height:22px;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star-box .star0 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star0.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star1 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star1.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star2 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star2.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star3 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star3.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star4 {width: 126px;height: 22px;background:url(https://resource.mall.castingn.com/static/images/sub/star4.png) center no-repeat;background-size: 100%;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star5 {width:126px; height:22px; background:url(https://resource.mall.castingn.com/static/images/sub/star5.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .date {margin:2px 0 0 10px; font-size:14px; letter-spacing:-0.04em; color:#666666;}
    .detail-container.type2-container .review-wrap .review-item .review-txt {margin-top:15px; font-size:15px; line-height:24px; letter-spacing:-0.04em; color:#000;}

    .detail-container.type2-container .faq-wrap .faq-tt {padding:0 30px 15px; display:flex; align-items:center; border-bottom:1px solid #ededed;}
    .detail-container.type2-container .faq-wrap .faq-tt strong {font-size:22px; letter-spacing:-0.04em; font-weight:700; line-height:25px; color:#000000;}
    .detail-container.type2-container .faq-wrap .faq-cont dt {border-bottom:1px solid #ededed; padding:10px 30px; font-size:15px; line-height:22px; color:#000000; letter-spacing:-0.04em; position:relative;}
    .detail-container.type2-container .faq-wrap .faq-cont dt .ui-accordion-header-icon {position:absolute; right:20px; width:12px; height:8px; top:50%; margin-top:-4px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-aco.png) center no-repeat;}
    .detail-container.type2-container .faq-wrap .faq-cont dt.ui-accordion-header-active .ui-accordion-header-icon {transform:rotate(180deg);}
    .detail-container.type2-container .faq-wrap .faq-cont dd {border-bottom:1px solid #ededed; background:#f8f8f8; padding:10px 30px; font-size:15px; line-height:22px; color:#000000; letter-spacing:-0.04em; display:none;}
    .detail-container.type2-container .policy-wrap {padding:0 30px;}
    .detail-container.type2-container .policy-wrap .policy-tt strong {font-size:22px; letter-spacing:-0.04em; font-weight:700; line-height:25px; color:#000000;}
    .detail-container.type2-container .policy-wrap .policy-cont {margin:25px 0 0;}
    .detail-container.type2-container .policy-wrap .policy-cont li {margin-top:15px; font-size:15px; line-height:22px; letter-spacing:-0.04em; color:#333; padding-left:10px; text-indent:-10px;}
    .detail-top .top-area.type2-area .top-right {width:calc(50% - 90px);}
    .detail-top .top-area.type2-area .rating-area {justify-content:flex-start; margin-top:20px;}
    .detail-top .top-area.type2-area .rating-area .rating-num {margin-left:7px; font-size:16px; letter-spacing:-0.04em; color:#32ab8c; line-height:18px; margin-top:3px;}

    .detail-top .top-area.type2-area .top-title {border-bottom:2px solid #ececec; padding-bottom:20px;}
    .detail-top .top-area.type2-area .prod-option-area {border-bottom:1px solid #ececec; margin-bottom:20px; padding-bottom:40px;}
    .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;}
    .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;}
    .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;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box.open-slc .btn-slc-op:after {transform:rotate(180deg);}
    .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;}
    .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;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list ul {max-height:350px; overflow-y:auto;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li {border-bottom:1px solid #ececec;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li:last-child {border-bottom:0;}
    .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%;}
    .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;}
    .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;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box .slc-list li .op-item:hover {background:#f0f9fb;}
    .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;}
    .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;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box.open-slc {border-radius:6px 6px 0 0;}
    .detail-top .top-area.type2-area .prod-option-area .option-slc-box.open-slc .slc-list {display:block;}
    .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;}

    .detail-top .top-area.type2-area .select-price-area { display:flex; justify-content:flex-end;}
    .detail-top .top-area.type2-area .select-price-area ul {width:230px;}
    .detail-top .top-area.type2-area .select-price-area li {padding-left:30px; display:flex; align-items:center;}
    .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;}
    .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;}
    .detail-top .top-area.type2-area .select-price-area li.normal-price .price-label {color:#999999;}
    .detail-top .top-area.type2-area .select-price-area li .price-label input {display:none;}
    .detail-top .top-area.type2-area .select-price-area li .price-label input + label {position:relative; cursor:pointer;}
    .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;}
    .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;}
    .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%;}

    .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;}
    .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;}
    .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;}
    .detail-top .top-area.type2-area .quantity-area {margin:20px 0 0 auto;}
    .detail-top .top-area.type2-area .bdt-box {border-top:1px solid #ececec; margin-top:20px; padding-top:20px;}
    .detail-top .top-area.type2-area .bdt-box .quantity-area {margin:0 0 0 auto;}
    .detail-top .top-area.type2-area .select-area {margin-top:20px; border-top:1px solid #ececec;}
    .detail-top .top-area.type2-area .select-area .select-label {font-size:18px; letter-spacing:-0.04em; color:#666666;}
    .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;}

    .detail-top .top-area .top-right {margin-left:auto; width:calc(100% - 470px);}
    .detail-top .top-area .top-right .compare-slc-area {display:none;}
    .detail-top .top-area .top-title {position:relative;}
    .detail-top .top-area .top-title .title-area dt {display:flex; align-items:center; font-size:16px; letter-spacing:-0.04em;}
    .detail-top .top-area .top-title .title-area dt .t-right {color:#999999; font-weight:300;}
    .detail-top .top-area .top-title .title-area dt .ico-circle {width:3px; height:3px; background:#bcbcbc; border-radius:2px; margin:-1px 7px 0;}
    .detail-top .top-area .top-title .title-area dd {font-size:38px; font-weight:700; letter-spacing:-0.04em; color:#000000; line-height:40px; margin-top:15px;}
    .detail-top .top-area .top-title .btn-membership {position:absolute; top:0; right:0; display:flex; align-items:center;}
    .detail-top .top-area .top-title .btn-membership strong {font-size:16px; color:#333333; line-height:18px; font-weight:500;}
    .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;}
    .detail-top .top-area .detail-compare-wrap {position:relative;margin-top:20px;}
    .detail-top .top-area .detail-compare-table { border:1px solid #e3e3e3; border-radius:6px;}
    .detail-top .top-area .detail-compare-table table {width:100%; table-layout: initial;}
    .detail-top .top-area .detail-compare-table table thead th {height:52px; border-bottom:1px solid #ececec; text-align:left;}
    .detail-top .top-area .detail-compare-table table thead th span {font-size:14px; letter-spacing:-0.04em; color:#666666; font-weight:400;}
    .detail-top .top-area .detail-compare-table table thead th strong {font-size:14px; letter-spacing:-0.04em; color:#333333; font-weight:700;}
    .detail-top .top-area .detail-compare-table table thead th:first-child {padding-left:35px;}
    .detail-top .top-area .detail-compare-table table tbody td:first-child {padding-left:35px;}
    .detail-top .top-area .detail-compare-table table thead th:last-child {padding-left:80px;}
    .detail-top .top-area .detail-compare-table table tbody td:last-child {padding-left:80px;}
    .detail-top .top-area .detail-compare-table table tbody td {height:40px;}
    .detail-top .top-area .detail-compare-table table tbody td span {font-size:14px; 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:17px; position:relative;}
    .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;}
    .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;}
    .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:first-child td {padding-top:10px;}
    .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:20px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-radio-off.png) center no-repeat; margin-right:10px;}
    .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;}

    .detail-top-wrap.fix .detail-top .top-area .top-right .compare-slc-area {display:flex; border:2px solid #e3e3e3; border-radius:6px; align-items:center; height:55px; padding:0 15px 0 35px; justify-content:space-between;}
    .detail-top-wrap.fix .detail-top .top-area .top-right .compare-slc-area span {font-size:14px; color:#000; letter-spacing:-0.04em;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area span.t-line {color:#999999; text-decoration:line-through;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area span.t-gray {color:#999999;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area strong {font-weight:800;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area .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-wrap.fix .detail-top .top-area .compare-slc-area .result-price {font-size:17px; position:relative; padding-left:80px;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area .result-price .low-box {position:absolute;width:80px;height:40px;left:0;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;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area .result-price .fast-box {position:absolute;width:80px;height:40px;left:0;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;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area .flex {display:flex; align-items:center;}
    .detail-top-wrap.fix .detail-top .top-area .compare-slc-area .btn-table-open {font-size:0; line-height:0; width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/slc-arrow.png) center no-repeat;}
    .detail-top-wrap.fix .detail-top .top-area .detail-compare-table {display:none;}



    .detail-top .top-area .select-area {display:flex; align-items:center; height:85px; border-bottom:1px solid #ececec;}
    .detail-top .top-area .select-area .select-seller {display:flex; align-items:center;}
    .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:18px; color:#333; letter-spacing:-0.04em;}
    .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;}
    .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;}
    .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;}
    .detail-top .top-area .select-area .select-right {margin-left:auto; display:flex; align-items:center;}
    .detail-top .top-area .select-area .select-right .dc-area {font-size:42px; letter-spacing:-0.04em; color:#32ab8c; line-height:44px; margin-right:20px;}
    .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;}
    .detail-top .top-area .select-area .select-right .price-area strong {font-size:42px; font-weight:800; line-height:44px; margin-top:-9px;}
    .detail-top .top-area .select-area .select-right .quantity-area {margin-left:33px;}
    .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;}
    .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;}
    .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;}
    .detail-top .top-area .quantity-area input {width:calc(100% - 80px);text-align:center;font-size:18px;font-weight:700;color:#000;background: transparent;}

    .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;}
    .detail-top .top-area .right-btm .delivery-area dl {display:flex; align-items:center; margin-top:15px;}
    .detail-top .top-area .right-btm .delivery-area dl dt {font-size:14px; color:#000; letter-spacing:-0.04em; margin-right:15px; font-weight:500;}
    .detail-top .top-area .right-btm .delivery-area dl dd {font-size:14px; letter-spacing:-0.04em; color:#666666; display:flex; align-items:center;}
    .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;}
    .detail-top .top-area .right-btm .btn-area {margin-left:auto; display:flex; align-items:center }
    .detail-top .top-area .right-btm .btn-area .btn {height:61px; margin-left:10px; border-radius:8px; box-sizing:border-box;  display:flex; align-items:center; justify-content:center;}
    .detail-top .top-area .right-btm .btn-area .btn.grow0_5 {flex-grow:0.5;}
    .detail-top .top-area .right-btm .btn-area .btn.grow1 {flex-grow:1;}
    .detail-top .top-area .right-btm .btn-area .btn.grow1_5 {flex-grow:1.5;}
    .detail-top .top-area .right-btm .btn-area .btn:first-child {margin-left:0;}
    .detail-top .top-area .right-btm .btn-area .btn strong {font-size:20px; font-weight:700;}
    .detail-top .top-area .right-btm .btn-area .btn.btn-line {border:1px solid #c8c8c8; color:#666; transition: .2s }
    .detail-top .top-area .right-btm .btn-area .btn.btn-line:hover { border-color:#202020 }
    .detail-top .top-area .right-btm .btn-area .btn.btn-line:hover strong { color:#202020 }
    /*.detail-top .top-area .right-btm .btn-area .btn.btn-line strong {color:#111;}*/
    .detail-top .top-area .right-btm .btn-area .btn.btn-comp {
        background: #0E89E8;
        border:none;
        transition: .2s;
    }
    .detail-top .top-area .right-btm .btn-area .btn.btn-comp:hover {
        background: #007AFF;
    }
    .detail-top .top-area .right-btm .btn-area .btn.btn-comp strong {color:#fff;}
    .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-wish2.png) center no-repeat;}
    .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-wish2-on.png) center no-repeat;}


    .detail-container {margin-top:145px; }
    .detail-container.type2-container {max-width: 1440px;margin: 0 auto 0;position: relative;}
    .detail-top-wrap.fix + .detail-container.type2-container {padding: 230px 0 0 0;box-sizing:border-box;height:100vh;margin-top: 0;}
    .detail-container.type2-container .detail-tab-area {width:calc(50% + 20px);max-width: unset;margin: 0;}
    .detail-container.type2-container .tab-cont {max-width: unset;margin: 0;padding: 30px calc(50% - 20px) 50px 0;overflow-y: auto;}
    .detail-container.type2-container .detail-tab-area .btn-tab:nth-child(n+2) {margin-left:auto;}
    .detail-container .inq-bnr {margin:0 auto 55px; max-width:1440px; height:60px; border-radius:30px; display:flex; align-items:center; box-sizing:border-box; padding:0 20px;
        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 );
    }
    .detail-container .inq-bnr .ico-bnr-inq {width:45px; height:45px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-bnr-inq.png) center no-repeat;}
    .detail-container .inq-bnr p {margin-left:20px; font-size:20px; letter-spacing:-0.04em; color:#fff; font-weight:300;}
    .detail-container .inq-bnr p strong {margin-left:10px;}
    .detail-container .inq-bnr .bnr-btn-area {margin-left:auto; display:flex; align-items:center;}
    .detail-container .inq-bnr .bnr-btn-area a {height:40px; background:#fff; border-radius:20px; padding:0 30px; margin-left:30px; display:flex; align-items:center;}
    .detail-container .inq-bnr .bnr-btn-area a span {font-size:18px; font-weight:700; color:#0e89e8; letter-spacing:-0.04em; }
    .detail-container .inq-bnr .bnr-btn-area a .ico-arrow {width:19px; height:7px; background:url(https://resource.mall.castingn.com/static/images/ico-inq-arrow.png) center no-repeat; margin:-2px 0 0 10px;}

    .detail-container .detail-tab-area {border-bottom:3px solid #ededed; height:52px; display:flex; max-width:1440px; margin:0 auto;}
    .detail-container .detail-tab-area .btn-tab {padding: 5px 35px 0;position:relative;}
    .detail-container .detail-tab-area .btn-tab span {font-size:20px;letter-spacing:-0.04em;color:#000;white-space: nowrap;}
    .detail-container .detail-tab-area .btn-tab:nth-child(n+2) {margin-left:50px;}
    .detail-container .detail-tab-area .btn-tab.active-tab span {color:#0e89e8; font-weight:700;}
    .detail-container .detail-tab-area .btn-tab.active-tab:before {content:""; display:block; width:100%; height:3px; background:#0e89e8; position:absolute; top:52px; left:0;}

    .detail-container .tab-cont {max-width:1440px; margin:0 auto; /*display:none;*/ padding:45px 0 80px;}
    .detail-container .tab-cont.active-cont {display:block;}
    .detail-container .tab-cont .detail-info:nth-child(n+2) {margin-top:80px;}
    .detail-container .tab-cont .detail-info .info-tt {font-size:22px; font-weight:800; letter-spacing:-0.04em; color:#000000; line-height:24px; padding:0 0 17px 30px;}
    .detail-container .tab-cont .detail-info .info-cont {border-top:1px solid #ededed;}
    .detail-container .tab-cont .detail-info .info-cont dl {border-bottom:1px solid #ededed; display:flex; padding:20px 30px;}
    .detail-container .tab-cont .detail-info .info-cont dl dt {font-size:15px; line-height:21px; letter-spacing:-0.04em; color:#000; width:195px;}
    .detail-container .tab-cont .detail-info .info-cont dl dd {width:calc(100% - 195px); font-size:15px; line-height:21px; letter-spacing:-0.04em; color:#000;}

    .detail-container .bg-gray {background:#f6f6f6; padding:80px 0 140px; }
    .detail-container .detail-title {margin-bottom:50px;}
    .detail-container .detail-title dt {font-size:24px; line-height:26px; font-weight:700; letter-spacing:-0.04em; color:#000;}
    .detail-container .detail-title dd {font-size:15px; line-height:22px; letter-spacing:-0.04em; color:#000000; margin-top:10px;}
    .detail-container .detail-flex {display:flex;}
    .detail-container .detail-flex .flex-box {width:47%;}
    .detail-container .detail-flex .flex-box:nth-child(n+2) {margin-left:auto;}
    .detail-container .detail-flex .flex-box .detail-tt {text-align:center; font-size:20px; font-weight:700; letter-spacing:-0.04em; color:#000; margin-bottom:30px; line-height:22px;}
    .detail-container .detail-flex .flex-box .graph-term-area {background:#fff; height:40px; border-radius:20px; display:flex; justify-content:space-between;
        -webkit-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
    }
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term {width:122px; height:40px; border-radius:20px; display:flex; align-items:center; justify-content:center;}
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term span {font-size:16px; letter-spacing:-0.04em; color:#999;}
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term.active-term {background:#dff9fd; border:2px solid #0e89e8;}
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term.active-term span {color:#0e89e8; font-weight:700;}
    .detail-container .detail-flex .flex-box .graph-area {background:#fff; border-radius:20px; margin-top:30px; height:615px;
        -webkit-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
    }
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area {padding-top:45px; display:flex; justify-content:center;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl {margin-left:70px; text-align:center;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl:first-child {margin-left:0;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dt {font-size:18px; letter-spacing:-0.04em; font-weight:700;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dd {font-size:28px; font-weight:700; letter-spacing:-0.04em; color:#000000; margin-top:12px;}
    .detail-container .detail-flex .flex-box .graph-area .graph-txt {text-align:center; margin-top:25px;}
    .detail-container .detail-flex .flex-box .graph-area .graph-box {margin-top:45px; padding:0 35px 40px; height:388px;}


    .detail-container .detail-flex .flex-box .openmarket-compare {background:#fff; border-radius:20px; margin-top:30px; height:685px;
        -webkit-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.08);
    }
    .detail-container .detail-flex .flex-box .other-table {padding:0 40px 25px;}
    .detail-container .detail-flex .flex-box .other-table table {width:100%;}
    .detail-container .detail-flex .flex-box .other-table table thead th {height:72px; border-bottom:1px solid #c5c5c5; text-align:center; font-size:16px; color:#666; letter-spacing:-0.04em; font-weight:400;}
    .detail-container .detail-flex .flex-box .other-table table thead th:first-child {text-align:left; padding-left:20px;}
    .detail-container .detail-flex .flex-box .other-table table tbody td {height:58px; border-top:1px solid #ececec; font-size:16px; letter-spacing:-0.04em; font-weight:500; color:#333333; text-align:center;}
    .detail-container .detail-flex .flex-box .other-table table tbody td:first-child {text-align:left; padding-left:20px;}
    .detail-container .detail-flex .flex-box .other-table table tbody td .ico-low {display:inline-block; width:13px; height:15px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-low.png) center no-repeat; margin:0 5px 0 0;}
    .detail-container .detail-flex .flex-box .other-table table tbody td * {vertical-align:middle;}
    .detail-container .detail-flex .flex-box .other-table table tbody td .btn-go-gray {margin:0 auto; display:flex; align-items:center; justify-content:center; width:105px; height:36px; box-sizing:border-box; border-radius:18px; border:1px solid #dadada; font-size:14px; color:#333333; letter-spacing:-0.04em; font-weight:500;}
    .detail-container .detail-flex .flex-box .other-table table tbody td .btn-go-gray:after {content:""; display:block; width:9px; height:9px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-go-after.png) center no-repeat; margin-left:7px;} */

    .detail-top {max-width:1200px; margin:0 auto;}
    .detail-top .top-area {padding-top:25px; padding-bottom: 80px; display:flex;}
    .detail-top .top-area .top-left {width: 59.5%;}
    .detail-top .top-area.ty1 .top-left {width: 59.5%;}


    .detail-top .ps-visual{position: relative; padding-bottom: 67px; height: 400px; overflow: hidden;}
    .detail-top .ps-visual .swiper-slide{overflow: hidden;}
    .detail-top .ps-visual .swiper-slide img{width: 100%;}
    .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;}
    .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-next.png) left/100% no-repeat; right: 0; top: 50%; margin-top: -35px; text-indent: -999999px;
        font-size: 0;}
    .detail-top .ps-visual .ps-pagination{text-align: center; margin-top: 18px;}

    .detail-top .top-area .top-left .pinsq-tab-area{display: flex; align-items: center; margin-bottom: 53px; position: relative; border-bottom: 1px solid #c9c9c9; }
    .detail-top .top-area .top-left .pinsq-tab-area a{display: flex; align-items: center; justify-content: center; height: 48px; width: 20%; background: #fff; border-bottom: 1px solid #c9c9c9; font-size: 16px; font-weight: 500;}
    .detail-top .top-area .top-left .pinsq-tab-area a.on{border-top: 2px solid #0d89e8; border-right: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-bottom: none; font-weight: bold; position: relative; }
    .detail-top .top-area .top-left .pinsq-tab-area a.on:after {
        content: '';
        display: block;
        background: #fff;
        height: 1px;
        position: absolute;
        bottom:-1px;
        width:100%;
    }
    .detail-top .top-area .top-left .pinsq-tab-area a:nth-child(1).on{border-left: 0;}
    .detail-top .top-area .top-left .pinsq-tab-area a:nth-child(5).on{border-right: 0;}
    .detail-top .top-area .top-left .pinsq-tab-area button.manual-down {
        position: absolute;
        right:0;
        padding: 8px 14px;
        border-radius: 8px;
        border: solid 1px #0d89e8;
        color:#0d89e8;
    }
    .detail-top .top-area .top-left .srv-item-box{height: 56px; border-radius: 8px; background-color: #f7f8f9; display: flex; align-items: center; justify-content: space-between; padding:0 24px;}
    .detail-top .top-area .top-left .srv-item-box span{color: #000; font-weight: 500;}
    .detail-top .top-area .top-left .srv-item-box .btn-srv-view{width: 135px; height: 36px; border: solid 1px #3a3b3c; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #3a3b3c; font-weight: 500; border-radius: 8px;}
    .detail-top .top-area .top-left .srv-item-box .btn-srv-view::after{width: 18px; height: 18px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/ico-doc.png) center/100% no-repeat; margin-left: 9px; content: '';}


    .detail-top .top-area .top-left .detail-img-area{padding-top: 20px;}

    .detail-top .qna-list-area{position: relative; border-top: 1px solid #e7e9eb; margin-top: 67px;}
    .detail-top .qna-list-area ul li{border-bottom: 1px solid #e7e9eb;}
    .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;}
    .detail-top .qna-list-area ul li .qna-q.on:after{transform: rotate(180deg);}
    .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;}

    .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;}
    .detail-top .qna-list-area ul li .qna-a strong{display: block;}

    .detail-top .top-area .top-right {width: 40.5%; padding-left: 6.5%; box-sizing: border-box;}

    .detail-top .top-area.ty1 .top-right {width: 40.5%; padding-left: 6.5%; box-sizing: border-box;}
    .detail-top .top-area.ty1 .top-right.fixed{position: fixed; top: 21px; left: 50%;width: 408px;box-sizing: content-box; padding-left: 0;margin-left: 192px;}
    .detail-top .top-area.ty1 .top-right.abs{position: absolute; bottom: 530px; top: auto;}


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


    .detail-top .detail-comp1{padding-bottom: 20px; padding: 0 24px 0 24px;}
    .detail-top .detail-comp1 .detail-tit{font-size: 24px; letter-spacing: -0.01px; display: block; color: #222; margin: 20px 0 16px 0; font-weight: bold; line-height: 34px; height: 62px; overflow: hidden}
    .detail-top .detail-comp1 .price{ font-size: 14px; color: #000; font-weight: bold; }
    .detail-top .detail-comp1 .price .money{font-size: 28px;}

    .detail-top .detail-comp1 .price-group{display: flex; align-items: center; border-bottom: 1px solid #ebebeb; margin-top: 18px; justify-content: flex-end; padding-bottom: 19px;}
    .detail-top .detail-comp1 .price-group .bf-price{color: #5e6062; letter-spacing: -0.01px; text-decoration:line-through; font-size: 18px;}
    .detail-top .detail-comp1 .price-group .sales{font-size: 28px; color: #de000d; letter-spacing: -0.01px; color: #de0000; font-weight: bold; margin: 0 3px 4px 4px;}

    .detail-top .detail-comp1 .detail-box{background: #fff; box-sizing: border-box; font-size: 16px; letter-spacing: -0.01px; padding: 0 16px 0 16px; border-radius: 8px; display: flex; align-items: center; font-weight: 500; margin-bottom: 12px; border: solid 1px #e5e5e5; color: #3a3b3c;}
    .detail-top .detail-comp1 .detail-box.on{border: 2px solid #5c81f7; background: #fff;}
    .detail-top .detail-comp1 .detail-box input[type="checkbox"]{display: none;}
    .detail-top .detail-comp1 .detail-box label{display: flex; align-items: center; cursor: pointer; padding: 12px 0; width: 100%;}
    .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;}
    .detail-top .detail-comp1 .detail-box input[type="checkbox"]:checked + label:before{background-color: #5c81f7;}

    .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;}
    .detail-top .detail-comp1 .detail-list1{margin-top: 16px; font-size: 14px; color: #101010; padding-left: 10px; background: #f2f5ff; border-radius: 8px; padding: 11px 19px 11px 19px;}
    .detail-top .detail-comp1 .detail-list1 li{line-height: 24px; letter-spacing: -0.01px; padding-left: 20px; position: relative; font-weight: 500;}
    .detail-top .detail-comp1 .detail-list1 li::before{width: 7px; height: 7px; background: #4f81ff; border-radius: 50%; position: absolute; left: 0; top: 9px; display: block; content: '';}

    .detail-top .detail-comp1 .add-option{margin-top: 24px;}
    .detail-top .detail-comp1 .add-option .add-option-tit{font-size: 15px; color: #3a3b3c; font-weight: bold; margin-bottom: 18px;}
    .detail-top .detail-comp1 .add-option .add-option-box{background: #f9f9fa; padding: 0 12px; box-sizing: border-box; border-radius: 8px;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li{border-bottom: 1px solid #e5e5e5; padding: 12px 0;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li:last-child{border-bottom: none;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .item{display: flex; align-items: center; justify-content: space-between; font-weight:500; color: #101010; letter-spacing: -0.01px; margin-bottom: 7px;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .chkbox{display: flex; align-items: center; max-width: 210px;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .chkbox input[type=checkbox]{cursor:pointer;outline:none;display:flex;background:#fff;border:2px solid #dedede;width:20px;height:20px;border-radius:6px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .chkbox input[type=checkbox]:checked{width:20px;height:20px;background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat; border: 2px solid #3f88e1;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .chkbox input[type=checkbox]::-ms-check{outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:20px;height:20px;content:"";background:#fff;border-radius: 6px;border:2px solid #dedede;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .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;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .chkbox span{display:flex; margin-left:8px; font-size:16px; }
    .detail-top .detail-comp1 .add-option .add-option-box ul li .item-price{font-size: 14px;}
    .detail-top .detail-comp1 .add-option .add-option-box ul li .desc{padding-left: 28px; color: #5e6062; font-size: 14px; letter-spacing: -0.01px; }

    .detail-top .detail-comp2{padding: 20px 24px;}

    .detail-top .detail-comp2 .detail-list-group{background: #eef9f6; border-radius: 8px; box-sizing: border-box; padding: 15px 22px;}
    .detail-top .detail-comp2 .detail-tit{font-size: 14px; letter-spacing: -0.01px; color: #3a3b3c; font-weight: bold;}
    .detail-top .detail-comp2 .detail-tit .ico-pinclub{font-family: 'yg-jalnan'; font-weight: normal;}

    .detail-top .detail-comp2 .detail-list2{margin-top: 5px;}
    .detail-top .detail-comp2 .detail-list2 li{color: #222;font-size: 14px;line-height: 22px;display: flex;align-items: center;position: relative;padding-left: 18px;}
    .detail-top .detail-comp2 .detail-list2 li::before{width: 7px; height: 7px;border-radius: 50%;background: #32ab8c;content: '';margin-right: 9px;position: absolute;left: 0;top: 8px;}
    .detail-top .detail-comp2 .detail-list2 li span{font-weight: bold; color: #32ab8c; margin: 0 3px;}

    .detail-top .detail-comp2 .btn-pinit{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.5px; word-spacing:-0.5px; font-weight: 600; display: flex; align-items: center;
        width: 100%; justify-content: center; position: relative;}
    .detail-top .detail-comp2 .btn-pinit .ico-pinit{width: 40px; height: 40px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-plus.png) left/100% no-repeat; margin-left: 0px;}
    .detail-top .detail-comp2 .btn-pinit .ico-pinit:after{content: '핀을 꾸욱 눌러주세요'; display: flex; font-size: 11px; 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;}
    .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;}
    .detail-top .detail-comp2 .btn-pinit.on{background: linear-gradient(135deg, #60a0ea 0%, #5228c3 100%); color: #fff; border: 0;}
    .detail-top .detail-comp2 .btn-pinit.on .ico-pinit:before{display: none;}
    .detail-top .detail-comp2 .btn-pinit.on .ico-pinit:after{display: none;}

    .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;}
    .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: '';}

    .detail-top .detail-comp2 .btn-chat2{height: 58px; box-sizing: border-box; border-radius: 12px; border: solid 1px #03223a; display: flex; align-items: center; justify-content: center; background: #fff; color: #03223a; font-size: 15px; width: 120px; font-weight: bold}
    .detail-top .detail-comp2 .btn-chat2:before{width: 25px; height: 35px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-chat2.png) left/100% no-repeat; margin-right: 4px; content: '';}
    .detail-top .detail-comp2 .btn-confirm{width: calc(100% - 124px); height: 58px; box-sizing: border-box; border-radius: 12px; background-image: linear-gradient(103deg, #7f4ef9 1%, #4f81ff 100%); color: #fff;
        font-size: 16px; font-weight: bold; display: flex;
        align-items: center; justify-content: center;
    }

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

    /*.detail-top .detail-comp2 .pinit-area{display: flex; align-items: center; margin-top: 28px;}*/
    .detail-top .detail-comp2 .pinit-area{display: flex; align-items: center; }
    .detail-top .detail-comp2 .pinit-area button + button,
    .detail-top .detail-comp2 .pinit-area a + a{margin-left: 4px;}
    .detail-top .detail-comp2 .pinit-area button .ico-down{width: 48px; height: 27px; box-sizing: border-box;
        background:#fff url(https://resource.mall.castingn.com/static/images/sub/ico-download3.png) center/12px no-repeat; margin-right: 8px;
        border: 2px solid rgba(79, 129, 255, 0.5);
        border-radius: 999px;
    }

    .detail-top .detail-comp2 .btn-inq{height: 58px; box-sizing: border-box; border-radius: 12px; border: solid 2px #5c81f7; background-color: #fff; font-size: 16px; color: #4f81ff; font-weight: bold; width: 100%;}

    .detail-top .pin-bnr{margin-top: 17px;}
    .detail-top .pin-bnr .bnr-top{height: 48px;  color: #fff; font-size: 13px; font-weight: bold; display: flex; align-items: center; justify-content: center;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .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;  }
    .detail-top .pin-bnr .bnr-top b{color: #fff; font-family: 'yg-jalnan'; margin: 0 3px;}

    .detail-top .pin-bnr .bnr-bottom{background: #f4f7fa; box-sizing: border-box; padding: 10px 18px; display: flex; align-items: center;}
    .detail-top .pin-bnr .bnr-bottom .group{display: flex; flex-direction: column; align-items: flex-start; width: 130px;}
    .detail-top .pin-bnr .bnr-bottom .group-tt{font-size: 15px; color: #32ab8c; font-weight: 500; letter-spacing: -0.68px; margin-bottom: 12px;}
    .detail-top .pin-bnr .bnr-bottom .ico-smtpin{font-size: 19px; color: #32ab8c; letter-spacing: -0.86px; font-family: 'yg-jalnan'; margin-bottom: 6px;}
    .detail-top .pin-bnr .bnr-bottom .btn-join{width: 94px; height: 22px; color: #32ab8c; letter-spacing: -0.06px; line-height: 42px; border-radius:30px; font-size: 12px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-weight: bold; background: #fff;}
    .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;}

    .detail-top .pin-bnr .bnr-bottom .info-list{margin-left: 20px; width: calc(100% - 130px);word-break: keep-all;}
    .detail-top .pin-bnr .bnr-bottom .info-list ul li{font-size: 13px; line-height: 24px; color: #505050; font-weight: 500; position: relative; padding-left: 18px;}
    .detail-top .pin-bnr .bnr-bottom .info-list ul li span{color: #32ab8c; font-weight: bold;}
    .detail-top .pin-bnr .bnr-bottom .info-list ul li::before{content: ''; margin-right: 2px; width: 7px; height: 7px; position: absolute; display: block; background: #32ab8c; left: 0; top: 8px; border-radius: 50%;}

    /* s  */
    .basket-wrap{max-width: 1200px; margin: 25px auto 0; display: flex; box-sizing: border-box; border-radius: 8px 8px 0 0; border-bottom: none;}
    .container-form .basket-wrap {flex-direction: column; margin: 0 auto;}
    .basket-wrap .basket-title{text-align:center; border-bottom:1px solid #eee; height:90px; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:#010101;}

    .contentsRight-wrap {width: calc(100% - 258px); padding: 0 0 200px; box-sizing: border-box;}
    .contentsRight-wrap [class*="pageConts-"] {width: auto}

    .basket-wrap2{max-width: 1440px; margin:25px auto 0; box-sizing: border-box; position: relative;}
    .basket-wrap2 .basket-title{border-bottom:1px solid #aaaeb1; height:71px; display:flex; align-items:flex-end; justify-content:flex-start; font-size:22px; font-weight:700; color:#010101; padding-bottom: 12px; box-sizing: border-box; margin: 0 15.43% 0 15.40%;}
    .lnb-ct { width: 180px; height: fit-content; /*margin-bottom: 35px*/ }
    .lnb-ct .lnb{ border: 1px solid #d9d9d9; box-sizing: border-box; margin-bottom: 16px; border-radius: 8px; height: fit-content; }
    .lnb-ct .lnb-logout {
        width: 100%;
        border: 1px solid #d9d9d9;
        box-sizing: border-box;
        border-radius: 8px;
        color: #666;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:4px;
        height: 40px;
        transition: .2s;
    }
    .lnb-ct .lnb-logout {
        border-color:#000;
    }
    .basket-wrap2 .msg-area{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 92px;}
    .basket-wrap2 .msg-area.msg-success::before{width: 60px; height: 60px; background:url(https://resource.mall.castingn.com/static/images/ico-check.png) center no-repeat; content: ''; margin-bottom: 4px;}
    .basket-wrap2 .msg-area span{margin-top: 16px;}
    .basket-wrap2 .msg-area span:first-child{color: #000; font-weight: 700; font-size: 22px; letter-spacing: -0.22px; line-height: 30px; text-align: center;}
    .basket-wrap2 .msg-area span:nth-child(2){font-size: 14px; letter-spacing: -0.14px; color: #666; font-weight: 600;}
    .basket-wrap2 .msg-area .msg-tt0{color: #32ab8c; font-size: 20px; letter-spacing: -0.2px; }
    .basket-wrap2 .msg-area .msg-tt1{color: #666; font-size: 16px; font-weight: 600; letter-spacing: -0.16px;}
    .basket-wrap2 .msg-area .msg-tt2{color: #0e89e8; font-size: 20px; font-weight: 700; font-size: 20px; letter-spacing: -0.2px;}
    .basket-wrap2 .msg-area span:last-child{font-size: 14px; color: #000; font-weight: 600; letter-spacing: -0.14px;}
    .basket-wrap2 .msg-area .msg-tt3{font-size: 22px; letter-spacing: -0.22px; font-weight: bold;}

    .lnb .lnb-item{margin: 0 10px 0 23px; border-bottom: 1px solid #e7e9eb; padding-bottom: 10px;}
    .lnb .lnb-item:last-child{border-bottom: none;}
    .lnb .lnb-item .lnb-tit{margin-top: 10px;}
    /* .lnb .lnb-item .lnb-tit.select{background: #efeffc;} */
    .lnb .lnb-item .lnb-tit a{font-size: 18px; color: #010101; font-weight: 800; display: block; width: 100%; height: 100%; padding: 10px 0;}
    .lnb .lnb-item .sub-lnb-wrap ul > li{}
    .lnb .lnb-item .sub-lnb-wrap ul > li > a{font-size: 15px; color: #333333; padding: 10px 0 10px 23px; display: block; margin: 0 -23px; width: calc(100% + 9px); }
    .lnb .lnb-item .sub-lnb-wrap ul > li > a.on{color: #0d89e8; font-weight: bold; background: #f2f9fe;}
    .lnb .lnb-item .sub-lnb-wrap ul > li.member-out{margin-top: 45px;}
    .lnb .lnb-item .sub-lnb-wrap ul > li.member-out a{color: #999999;}
    .lnb .lnb-item a { position: relative; }
    .lnb .lnb-item a:after {
        content: '';
        display: inline-block;
        background: url(https://resource.mall.castingn.com/static/images/flower/icon-prev.svg) center right no-repeat;
        position: absolute;
        width: 26px;
        height: 24px;
        transform: rotate(180deg);
        right: 0px;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: 0;
        transition:.2s;
    }
    .lnb .lnb-item a:hover:after {
        opacity: 1;
        right: -5px;
    }
    .lnb .lnb-item .sub-lnb-wrap ul > li > a:after { right:4px; }
    .basket-process-wrap{width: calc(100% - 180px); padding: 0 0 100px 24px; box-sizing: border-box; position: relative;}
    .contentsRight-wrap .apporve-wrap,
    .contentsRight-wrap .basket-process-wrap{width: auto; box-sizing: border-box;}
    /*.basket-wrap2 .basket-process-wrap{width: auto; padding: 0 15.43% 100px 15.40%;}*/
    .basket-wrap2 .basket-process-wrap { width: 1000px; margin:0 auto 100px; }
    .basket-process-wrap .basket-tt {
        font-size: 22px;
        font-weight: bold;
        margin: 8px 0 24px;
        color: #222;
        letter-spacing: 0.01px;
        position: relative;
        display: flex;
        align-items: center;
        padding:0 4px 12px;
        border-bottom:1px solid #E8E8E8;
    }
    .basket-process-wrap .basket-tt.type1{border-bottom: 1px solid #101010; padding-bottom: 24px;}
    .basket-process-wrap .basket-tt.type2{border-bottom: 1px solid #f0f0f0; padding-bottom: 42px; justify-content: center;}

    .basket-process-wrap .basket-tt .basket-tt-side {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .basket-process-wrap .basket-tt .basket-tt-side .tt-select {
        border-radius: 8px;
        border: 1px solid #C8C8C8;
        background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_chevron-down.svg) right 4px center no-repeat;
        height:32px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .basket-process-wrap .basket-tt .basket-tt-side .tt-select option {
        z-index: -1;
        position: relative;
    }
    .basket-process-wrap .basket-tt .ico-bsk{width: 25px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-bsk.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-pcs{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pcs.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-st{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-st.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-inq{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-inq.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-inq2{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-inq2.png) left/100% no-repeat; margin-right: 8px;}

    .basket-process-wrap .basket-tt .ico-pay{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pay.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-return{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-return.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-alrim{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-alrim.png) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-pinsq{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pinsq.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-myfav{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-myfav.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-rev{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-rev.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-orgadm{width: 28px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-orgadm.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .basket-tt .ico-scn{width:28px; height:28px; background:url(https://resource.mall.castingn.com/static/images/account/ico-scn.svg) left/100% no-repeat;}
    .basket-process-wrap .no-alrim{display: flex; align-items: center; font-size: 14px; justify-content: center; padding: 130px 0;}
    .basket-process-wrap .no-alrim .ico-info{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-info3.png) left/100% no-repeat; margin-right: 5px;}

    .basket-process-wrap .basket-tt .desc{margin-left: auto; font-weight: 400; color: #333; font-size: 14px; margin-left: 8px }
    .basket-process-wrap .basket-tt .desc b{font-weight: 500; text-decoration: underline;}
    .basket-process-wrap .basket-tt.ty1{border-bottom: 1px solid #E8E8E8; padding-bottom: 12px;}
    .basket-process-wrap .basket-tt.ty2{border-bottom: 1px solid #ececec;}
    .basket-process-wrap .basket-tt2{font-size: 18px; font-weight: 800; margin-top: 24px; margin-bottom: 12px; color: #3a3b3c; display: flex; align-items: center;}
    .basket-process-wrap .basket-tt2 .plus-btn{margin-left: auto; display: flex; align-items: center; }
    .basket-process-wrap .basket-tt2 .plus-btn button{width: 119px; height: 37px; border: 1px solid #c8c8c8; font-size: 14px; color: #000; font-weight: 700; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .basket-tt2 .plus-btn .ico-del-plus{width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus2.png); margin-right: 8px;}
    .basket-process-wrap .basket-tit {
        margin:0 0 12px 16px;
        color: #202020;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
    }
    .basket-process-wrap .basket-box {
        border: 1px solid #e7e9eb;
        border-radius: 8px;
        margin: 0 0 30px 0;
        padding: 12px 24px 18px;
        letter-spacing: -0.64px;
        background: #fff;
    }
    .basket-process-wrap .tab-con .basket-box:first-child{margin-top: 18px;}
    .basket-process-wrap .toggle-group{display: none;}
    /* .basket-process-wrap .basket-box.mt-1{margin-top: 0;} */
    .basket-process-wrap .basket-line{border-top: 1px solid #d9d9d9; letter-spacing: -0.04em; border-bottom: none;}
    .basket-process-wrap .basket-line.basket-type1{border-top: none; margin-top: 21px;}
    .basket-process-wrap .basket-head{border-bottom: 1px solid #aaaeb1; display: flex; align-items: center; padding: 0 0 10px 0; }
    .basket-process-wrap .basket-head .co-name{display: flex; align-items: center;}
    .basket-process-wrap .basket-head .co-name strong{font-size: 15px; color: #333333; font-weight: bold; margin-left: 12px; letter-spacing: -0.6px;}
    .basket-process-wrap .basket-head .co-name .basket-co-thum{width: 32px; height: 32px;}
    .basket-process-wrap .basket-head .bt-inquiry{width: 86px; height: 27px; display: flex; border: 1px solid #d9d9d9; font-size: 13px; justify-content: center; align-items: center; border-radius: 30px; font-weight: 700; margin-left: 15px;}
    .basket-process-wrap .basket-head .order-tt{font-size: 16px; color: #666; margin-left: 15px;}
    .basket-process-wrap .basket-head .btn-inquiry{width: 100px; height: 30px; border-radius: 8px;	border: solid 1px #c8c8c8; background-color: #fff; font-size: 12px; color: #101010; margin-left: 7px; font-weight: bold;}
    .basket-process-wrap .btn-odr{display: flex; align-items: center; margin:19px 0 9px; justify-content: flex-end;}
    .basket-process-wrap .btn-odr a{font-size: 14px; letter-spacing: -0.56px; color: #0e89e8; font-weight: bold; margin-right: 24px; display: flex; align-items: center; }
    .basket-process-wrap .btn-odr a::after{width: 6px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/ico-btn-arrow.png) left/100% no-repeat; margin-left: 4px; content: '';}
    .basket-process-wrap .btn-odr span{color: #666; font-size: 12px; letter-spacing: -0.48px; margin-right: 8px; font-weight: 500;}

    .basket-process-wrap .dtl-tt {
        font-size: 16px;
        color: #222;
        border-bottom: 1px solid #999;
        padding:0 12px 12px;
        display: flex;
        align-items: center;
        letter-spacing: 0.01px;
        margin: 24px 0;
        position: relative;
    }
    .basket-process-wrap .dtl-tt strong{margin-right: 29px;}
    .basket-process-wrap .dtl-tt .name{margin:0 17px 0 8px; font-weight: bold; display: flex; align-items: center;}
    .basket-process-wrap .dtl-tt .name:before{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-member.png) left/100% no-repeat; content: ''; margin-right: 4px;}
    .basket-process-wrap .dtl-tt .team{font-weight: 500;}

    .basket-process-wrap .dtl-tt .btn-req-toggle{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-req-toggle.png) left/100% no-repeat; text-indent: -9999999px; font-size: 0;}
    .basket-process-wrap .dtl-tt .req-tooltip{display: flex; align-items: center; border: 1px solid #d9d9d9; justify-content: center; font-weight: 500; font-size: 14px; color: #222222; border-radius: 8px; background: #f7f7f7; padding: 5px 15px;
        max-width: 640px; line-height: 20px; margin-left: 13px; position: absolute; left: 287px;}
    .basket-process-wrap .dtl-tt .req-tooltip:before{content: ''; width: 12px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-tooltip-etc.png) left/100% no-repeat; display: block; position: absolute;  left: -11px;}

    .basket-process-wrap .inquiry-func-wrap{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;}
    /*.basket-process-wrap .inquiry-func-wrap button{
        width: 122px;
        height:35px;
        font-size: 16px;
        margin-left:10px;
        display:inline-flex;
        justify-content:center;
        align-items:center;
        padding:0 17px;
        border:1px solid #aaaeb1;
        border-radius:8px;
    }*/
    .basket-process-wrap .inquiry-func-wrap button{
        width: 122px;
        height:35px;
        font-size: 16px;
        margin-left:10px;
        display:inline-flex;
        justify-content:center;
        align-items:center;
        padding:0 17px;
        color:#fff;
        border-radius:8px;
        background:#0d89e8;
    }
    .basket-process-wrap .basket-list .service-bt-area{margin-left: auto;}
    .basket-process-wrap .basket-list .service-bt-area.po1{margin-left: 0;}
    .basket-process-wrap .basket-list .service-bt-area button{width: 118px; height: 22px; font-size: 13px; color: #000; border: 1px solid #c8c8c8; border-radius: 3px; display: block; margin-bottom: 4px;}
    .basket-process-wrap .basket-list .service-bt-area button:last-child{margin-bottom: 0;}
    .basket-process-wrap .basket-list .service-bt-area button.bt-blue{color: #0e89e8; border: 1px solid #0e89e8;}

    .basket-process-wrap .basket-tt .num{color: #0e89e8; font-weight: bold; margin-left: 5px;}
    .basket-process-wrap .req-tt{font-size: 16px; color: #0e89e8; font-weight: 600; margin-bottom: 13px; margin-top: 24px; display: flex; align-items: center;}
    .basket-process-wrap .req-tt.req-result{color: #000;}
    .basket-process-wrap .req-tt .ymd{font-weight: 600; color: #222; font-size: 16px; margin-right: 12px;}
    .basket-process-wrap .req-box {
        padding:24px 24px 0;
        border-radius: 12px;
        border:1px solid #d9d9d9;
        background: #f7f7f7;
    }
    .basket-process-wrap .soldout-tt{color: #ff0000; font-size: 12px; letter-spacing: -0.48px; font-weight: 500; margin-left: 12px; display: inline-flex; align-items: center;}
    .basket-process-wrap .soldout-tt::before{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/icons/ico-exc.png) left/100% no-repeat; content: ''; margin-right: 5px;}

    .basket-process-wrap .basket-head .basket-deliver{font-size: 12px; margin-left: auto; display: flex; align-items: center;}
    .basket-process-wrap .basket-head .basket-deliver.po1{margin-left: 2px;}
    .basket-process-wrap .basket-head .basket-deliver strong{color: #101010; font-weight: 700;}
    .basket-process-wrap .basket-head .basket-deliver strong.colr-ty1{color: #32ab8c;}
    .basket-process-wrap .basket-head .basket-deliver strong.tt-ty1{color: #333; letter-spacing: -0.48px; font-weight: bold;}
    .basket-process-wrap .basket-head .basket-deliver span{color: #333; display: flex; align-items: center; margin-left: 10px;}
    .basket-process-wrap .basket-head .basket-deliver span i.ico-info{width: 22px; height: 22px; background: url(https://resource.mall.castingn.com/static/images/ico-info.png); margin-left: 12px;}
    .basket-process-wrap .basket-head .basket-deliver span button.ico-chat{width: 46px; height: 46px; background: url(https://resource.mall.castingn.com/static/images/ico-chat.png) left/100% no-repeat; margin: -16px 0 -15px; text-indent: -9999999px; font-size: 0; position: relative;}
    .basket-process-wrap .basket-head .basket-deliver span button.ico-chat.on{width: 46px; height: 46px; background: url(https://resource.mall.castingn.com/static/images/ico-chat-on.png) left/100% no-repeat; text-indent: -9999999px; font-size: 0;}
    .basket-process-wrap .basket-head .basket-deliver span button.ico-chat.no-chat.tool::before{width: 233px; height: 52px; content: '지금은 파트너와 상담 가능한 시간이 아닙니다.'; display: block; background: url(https://resource.mall.castingn.com/static/images/tooltip.png) left/100%; z-index: 1; left: -189px; top: -30px;
        position: absolute; color: #fff; text-align: center; box-sizing: border-box; letter-spacing: -0.48px; text-indent: 1px; font-size: 12px; font-weight: bold; padding-top: 5px;}
    .basket-process-wrap .basket-head .basket-deliver .bt-detail{font-weight: 700; color: #000; margin-left: 13px; display: flex; align-items: center;}
    .basket-process-wrap .basket-head .basket-deliver .bt-detail::after{width: 6px; height: 10px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-detail.png) center/100% no-repeat; margin-left: 7px; content: '';}

    .basket-process-wrap .tab-area{display: flex; align-items: center; border-bottom: 2px solid #101010; position: relative; margin-bottom: 24px; position: relative;}
    .basket-process-wrap .tab-area a{display: flex; align-items: center; justify-content: center; border-radius: 5px 5px 0 0; border: solid 2px #d2d2d2; font-size: 18px; color: #878787; width: 214px; height: 46px; box-sizing: border-box; border-bottom: none; font-weight: 700;
        position: relative;}
    .basket-process-wrap .tab-area a.on{border: solid 2px #101010; color: #101010; border-bottom: none; background: #fff; z-index: 3; height: 48px; margin-bottom: -2px;}
    .basket-process-wrap .tab-area a:last-child{margin-left: -2px;}

    /*.basket-process-wrap .tab-btn-area{display: flex; align-items: center; position: absolute; right: 0;}*/
    .basket-process-wrap .tab-btn-area{display: flex; align-items: center; justify-content: space-between; }
    .basket-process-wrap .tab-btn-area .l-area { display:flex; align-items: center; }
    .basket-process-wrap .tab-btn-area .l-area > * { margin-right:5px; }
    .basket-process-wrap .tab-btn-area .l-area > .days {
        border-radius: 4px;
        border: solid 1px #c8c8c8;
        text-indent:8px;
        box-sizing: border-box;
    }
    .basket-process-wrap .tab-btn-area .l-area > .days > label {
        margin-right:4px;
        font-size: 12px;
        font-weight: 500;
        color: #5e6062;
    }
    .basket-process-wrap .tab-btn-area .l-area > .days > input {
        border-radius: 4px;
        width: 100px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-weight: 500;
        color: #5e6062;
        background: url(https://resource.mall.castingn.com/static/images/icons/ico-cal.png) right 3px center /14px no-repeat;
    }
    .basket-process-wrap .tab-btn-area .l-area > select {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        font-weight: 500;
        border-radius: 4px;
        border: solid 1px #c8c8c8;
        box-sizing: border-box;
        color: #5e6062;
        background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) right 5px center no-repeat;
        background-size:10px;
    }
    .basket-process-wrap .tab-btn-area .l-area > input {
        box-sizing: border-box;
        border-radius: 4px;
        border: solid 1px #c8c8c8;
        width:266px;
        height: 24px;
        line-height: 24px;
        text-indent:8px;
        color: #5e6062;

    }
    .basket-process-wrap .tab-btn-area .l-area > button {
        border-radius: 6px;
        border: solid 1px #5e6062;
        width: 66px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #3a3b3c;
    }
    .basket-process-wrap .tab-btn-area button.comp1{height: 24px; padding: 0 13px; color: #3a3b3c; border-radius: 6px; border: solid 1px #c8c8c8; background-color: #fff; font-size: 12px; font-weight: 500; margin:0 0 0 4px }
    .basket-process-wrap .tab-btn-area button + button{margin-left: 4px;}

    .basket-process-wrap .basket-list{border-bottom: 1px solid #aaaeb1; display: flex; padding: 24px 0 24px 58px; align-items: flex-start; position: relative;}
    .basket-process-wrap .basket-list.sold-out .basket-detail *{color: #d9d9d9 !important; -webkit-filter: grayscale(100%); filter: gray;}
    .basket-process-wrap .basket-list.sold-out .basket-thum img{-webkit-filter: grayscale(100%); filter: gray;}
    .basket-process-wrap .basket-list.sold-out .bt-basket{-webkit-filter: grayscale(100%); filter: gray;}

    .basket-process-wrap .basket-list.request-include{padding: 19px 0 38px;}
    .basket-process-wrap .basket-box.disabled { pointer-events: none }
    .basket-process-wrap .basket-box.disabled .basket-detail.info { opacity: .4; pointer-events: none }
    .basket-process-wrap .basket-box.disabled .basket-total { opacity: .4; pointer-events: none }
    .basket-process-wrap .basket-list .basket-thum{margin: 0 24px 0 0; width: 94px; height: 94px;}
    .basket-process-wrap .basket-list .basket-thum img{width: 100%; height: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast;}
    .basket-process-wrap .basket-list .basket-thum span{display: block; font-size: 13px; color: #666;}
    .basket-process-wrap .basket-list .basket-thum2{width: 94px; height: 94px; margin: 0 24px 0 4px;}
    .basket-process-wrap .basket-list .basket-thum2 img{width: 100%; height: 100%; object-fit: none;}

    /* .basket-process-wrap .payment-box .basket-box{margin-top: 19px;} */
    .basket-process-wrap .payment-box .basket-list .basket-thum2{margin: 0 20px 0 47px;}
    .basket-process-wrap .basket-list .basket-thum2 span{display: block; font-size: 13px; color: #666666; margin-bottom: 3px;}
    .basket-process-wrap .basket-list .basket-detail {
        text-align: left;
        /*width: 50%;*/
        position: relative;
        width: 320px;
        margin-right:40px;
    }
    .basket-process-wrap .basket-list .basket-detail.info .options {
        color: #777;
        font-size: 14px;
        padding-left: 20px;
        position: relative;
        margin-top: 8px;
    }
    .basket-process-wrap .basket-list .basket-detail.info .options > span.arr {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        left: 0;
        top: 0;
    }
    .basket-process-wrap .basket-list .basket-detail .info { font-size:16px; font-weight: 500 }
    .basket-process-wrap .basket-list .basket-detail .info .options {
        color:#777;
        font-size:14px;
        font-weight: 400;
        padding-left:20px;
        position: relative;
        margin-top:8px;
    }
    .basket-process-wrap .basket-list .basket-detail .info .options span.arr {
        position: absolute;
        display: inline-block;
        width:20px;
        height: 20px;
        left:0;
        top:0;
    }
    .basket-process-wrap .basket-list .basket-detail > span{font-size: 12px; color: #666; letter-spacing: -0.4px;}
    .basket-process-wrap .basket-list .basket-detail > span.period{font-size: 16px; color: #000; margin-top: 10px;}
    .basket-process-wrap .basket-list span.ico-soldout{width: 57px; height: 30px; border-radius: 5px; background: #787878; display: flex; align-items: center; justify-content: center; font-size: 13px; position: absolute; right: -88px; top: 15px;}

    .basket-process-wrap .basket-list .est-area{display: flex; flex-direction: column; align-items: flex-end; margin: auto 0 auto auto;}
    .basket-process-wrap .basket-list .est-area .est-tt{font-size: 13px; color: #000; line-height: 42px;}
    .basket-process-wrap .basket-list .est-area .btn-est{width: 70px; height: 30px; border-radius: 8px; border: solid 1px #c8c8c8; background: #fff; font-size: 12px; color: #101010; margin-bottom: 8px; font-weight: 500;}
    .basket-process-wrap .basket-list .est-area .btn-est::before{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-est.png); content: ''; display: inline-block; vertical-align: middle; margin-right: 3px;}

    .basket-process-wrap .basket-list .total-amount{
        font-size: 18px;
        letter-spacing: -0.72px;
        color: #000;
        font-weight: bold;
        margin: auto 0
    }
    .basket-process-wrap .basket-list .basket-detail a {
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        letter-spacing: -0.64px;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .basket-process-wrap .basket-list .basket-detail .options {
        color: #777;
        font-size: 14px;
        padding-left: 20px;
        position: relative;
        margin-top: 8px;
    }
    .basket-process-wrap .basket-list .basket-detail .options span.arr {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        left: 0;
        top: 0;
    }
    /*.basket-process-wrap .basket-list .total-amount{font-size: 18px; letter-spacing: -0.72px; color: #000; font-weight: bold; margin: auto 0 auto 35px;}*/

    /*.basket-process-wrap .basket-list .basket-detail a{font-size: 16px; font-weight: 500; color: #333333; letter-spacing: -0.64px; overflow: hidden; position: relative;}*/
    .basket-process-wrap .basket-list .basket-detail .basket-price{display: flex; align-items: center; margin-top: 32px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price.mt-type1{margin-top: 3px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span{font-size: 16px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.ico-smtpin{width: 108px; height: 22px;  display: flex; border: 1px solid #4ab698; background: #fff; font-size: 13px; color: #000; border-radius: 30px; align-items: center; justify-content: center; font-weight: bold;
        letter-spacing: -0.52px; position: relative; padding-left: 18px; box-sizing: border-box;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.ico-smtpin:before{width: 22px; height: 22px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-logo.png) left/100% no-repeat; position: absolute; left: 0; top: 0; content: '';}
    .basket-process-wrap .basket-list .basket-detail .basket-price span strong{font-weight: bold; color: #32ab8c; font-size: 16px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.basket-price-tt2 {
        font-size: 16px;
        letter-spacing: -0.64px;
        color:#000;
        font-weight: 700;
        font-size:16px;
    }
    .basket-process-wrap .basket-list .basket-detail .basket-price span.basket-price-tt2 strong { margin-left:4px; }
    .basket-process-wrap .basket-list .basket-detail .basket-price span.percent {
        color: #32AB8C;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin-left:4px;
    }
    .basket-process-wrap .basket-list .basket-detail .basket-price span.basket-price-tt3{font-size: 18px; color: #0e89e8; font-weight: 800; margin-left: 20px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.basket-price-tt4{font-size: 14px; color: #333; font-weight: 700;}
    .basket-process-wrap .basket-list .basket-detail2{/*margin: 20px 0 auto 0;*/ position: relative;}
    .basket-process-wrap .basket-list .basket-detail2 a{font-size: 18px; font-weight: 800; color: #333333;}
    .basket-process-wrap .basket-list .basket-detail2 .pre_tt{font-size: 21px; color: #507690; margin-left: 4px; font-weight: 800;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price{margin: 60px 0 0 0;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span{font-size: 16px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span strong{font-weight: 800; color: #32ab8c; font-size: 18px; margin-left: 7px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span.basket-price-tt2{font-size: 16px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span.basket-price-tt3{font-size: 18px; color: #0e89e8; font-weight: 500; margin-left: 3px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span.basket-price-tt3 b{font-size: 18px; color: #0e89e8; font-weight: 700; margin-left: 5px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span.basket-price-tt3 .amount{font-size: 14px; color: #000;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price b.period-tt{position: absolute; left: 0; top: 26px; font-size: 16px; color: #000000; font-weight: 500;}
    .basket-process-wrap .basket-list .quantity-group1{display: flex; align-items: center; height: 38px; margin-left: auto; margin-top: auto; margin-bottom: auto;}
    .basket-process-wrap .basket-list .quantity-group1 button{text-indent: -9999999px; width: 40px; height: 100%; overflow: hidden;}
    .basket-process-wrap .basket-list .quantity-group1 button.bt-left{border: 1px solid #d9d9d9; border-radius: 8px 0 0 8px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-minus.png) center no-repeat;}
    .basket-process-wrap .basket-list .quantity-group1 button.bt-right{border: 1px solid #d9d9d9; border-radius: 0 8px 8px 0px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-plus.png) center no-repeat;}
    .basket-process-wrap .basket-list .quantity-group1 .quantity-tt{
        width: 40px;
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
        height: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }
    .basket-process-wrap .basket-list .quantity-group2{display: flex; align-items: center; height: 29px; margin:32px 0 0 10px}
    .basket-process-wrap .basket-list .quantity-group2.po1{margin-bottom: 26px;}
    .basket-process-wrap .basket-list .quantity-group2 button{text-indent: -9999999px; width: 32px; height: 100%; overflow: hidden;}
    .basket-process-wrap .basket-list .quantity-group2 button.bt-left{border: 1px solid #d9d9d9; border-radius: 20px 0 0 20px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-minus.png) center no-repeat;}
    .basket-process-wrap .basket-list .quantity-group2 button.bt-right{border: 1px solid #d9d9d9; border-radius: 0 20px 20px 0px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-plus.png) center no-repeat;}
    .basket-process-wrap .basket-list .quantity-group2 .quantity-tt{width: 49px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800;}
    .basket-process-wrap .basket-list .request{position: absolute; right: 0; bottom: 19px;}
    .basket-process-wrap .basket-list .request.btn-type1 button{width: 103px; height: 23px;}
    .basket-process-wrap .basket-list .request.btn-type1{bottom: 25px;}
    .basket-process-wrap .basket-list .request button{display: block; width: 159px; height: 23px; font-size: 13px; color: #0e89e8; border: 1px solid #0e89e8; border-radius: 3px;}
    .basket-process-wrap .basket-list .request .request-tt{font-size: 13px; color: #ff0000; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 8px;}
    .basket-process-wrap .basket-list .request .request-tt .ico-error{width:12px; height:12px; background:url(https://resource.mall.castingn.com/static/images/ico-error.png) center no-repeat; margin-right: 5px;}
    .basket-process-wrap .basket-list .count{
        font-weight: 800;
        font-size: 14px;
        color: #333;
        margin-left: auto;
        margin-bottom: auto;
        margin-top: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width:235px;
    }
    .basket-process-wrap .basket-list .count.po1{margin-bottom: 61px; margin-right: 15px;}
    .basket-process-wrap .basket-list .count.po2{margin-bottom: 0; margin-right: 15px; margin-left: 68px;}
    .basket-process-wrap .basket-list .count.po3{margin-bottom: 0; margin-right: 32px;}
    .basket-process-wrap .basket-list .count.po4{flex-direction: row;}
    .basket-process-wrap .basket-list .count.po4 button{margin-bottom: 0;}
    .basket-process-wrap .basket-list .count.po4 button + button{margin-left: 9px;}

    .basket-process-wrap .basket-list .btn-area{display: grid; align-items: center; gap:8px;}
    .basket-process-wrap .basket-list .btn-com1{padding: 0 14px; height: 30px; border-radius: 8px;	border: solid 1px #c8c8c8; background-color: #fff; font-size: 12px; color: #101010; font-weight: 500;}
    .basket-process-wrap .basket-list .btn-com2{padding: 0 9px; height: 30px; border-radius: 8px; border: solid 1px #0e89e8; background-color: #fff; font-size: 12px; color: #0e89e8 !important; }
    .basket-process-wrap .basket-list .btn-area button{margin-left: 6px; display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .basket-list .btn-area button:disabled{
        /*background: rgba(0, 0, 0, 0.1);
        color: #b3b7ba;*/
        background:#F2F2F2!important;
        color:#C8C8C8;
    }

    .basket-process-wrap .basket-list .stat-msg{padding: 0 9px; height: 30px; border-radius: 8px; border: solid 1px #0e89e8; background-color: #fff; font-size: 12px; color: #0e89e8 !important; display: flex; align-items: center; font-weight: 500;}
    .basket-process-wrap .basket-list .ico-exm{width: 17px; height: 17px; border-radius: 50%; border: 1px solid #0e89e8; font-size: 11px; color: #0e89e8; box-sizing: border-box; display: flex; justify-content: center;
        align-items: center; padding-top: 2px; margin-right: 5px;}

    .basket-process-wrap .total-box{padding: 24px; background: #f9fafd; border: 1px solid #0E89E8; border-radius: 10px; margin-top: 26px;}
    .basket-process-wrap .total-box .total-tt{font-size: 16px; font-weight: 800; display: flex; align-items: center }
    .basket-process-wrap .total-box .total-tt .ico-prsel{width:24px; height:24px; background:url(https://resource.mall.castingn.com/static/images/sub/icon_check-square.svg) center no-repeat; margin-right: 8px;}
    .basket-process-wrap .total-box .total-tt span{color: #0e89e8; margin-left: 10px;}
    .basket-process-wrap .total-box .price-calc{font-size: 20px; display: flex; align-items: center; justify-content: center; margin-top: 38px;}
    .basket-process-wrap .total-box .price-calc span{
        color: #666666;
        display: flex;
        font-size: 12px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .basket-process-wrap .total-box .price-calc span:first-child{margin-left: 14px;}
    .basket-process-wrap .total-box .price-calc b{font-weight: 700; color: #000; font-size: 16px;}
    .basket-process-wrap .total-box .price-calc .box_tot-tal { font-weight: 700; }
    .basket-process-wrap .total-box .price-calc .box_tot-tal b { font-size: 24px; font-weight: 700; color:#000 }
    .basket-process-wrap .total-box .price-calc i.ico-cal-plus{width: 32px; height: 32px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) left/100% no-repeat;}
    .basket-process-wrap .total-box .price-calc i.ico-cal-equal{width: 32px; height: 32px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) left/100% no-repeat;}
    .basket-process-wrap .total-box .price-calc i{margin: 0 40px;}
    .basket-process-wrap .total-box .btn-group{display: flex; justify-content: center; margin-top: 45px; gap:16px }
    .basket-process-wrap .total-box .btn-group button{border: 1px solid #c8c8c8; width: 120px; height: 40px; border-radius: 8px; font-size: 14px; font-weight: 400; background: #fff; color:#666 }
    .basket-process-wrap .total-box .btn-group button:hover{border: 2px solid #0e89e8; color: #0e89e8; font-weight: bold;}
    /* .basket-process-wrap .total-box .btn-group button.bt_blue{border: 2px solid #0e89e8; color: #0e89e8; font-weight: bold;} */
    .basket-process-wrap .basket-list .basket-option{display: flex; align-items: center; margin:13px 0 13px 85px; width: 100%;}
    .container-favorite .basket-process-wrap .basket-list .basket-option{ width: auto;}
    .basket-process-wrap .basket-list .basket-option.po1{margin-left: 41px;}
    .basket-process-wrap .basket-list .basket-option span{color: #333333; font-size: 16px;}
    .basket-process-wrap .basket-list .basket-option .dot-list{font-size: 16px; color: #000000; font-weight: 800; margin-left: 126px;}
    .basket-process-wrap .basket-list .basket-option .dot-list li{margin-top: 10px;}
    .basket-process-wrap .basket-list .basket-option .dot-list li:first-child{margin-top: 0;}
    .basket-process-wrap .basket-list .basket-option .dot-list li::before{width: 4px; height: 4px; border-radius: 2px; background: #666666; display: inline-block; content: ''; vertical-align: middle; margin-right: 8px;}
    .basket-process-wrap .basket-list .basket-option .rd-list{font-size: 16px; color: #333333; font-weight: 500; margin-left: auto; width: calc(100% - 182px);}
    .basket-process-wrap .basket-list .basket-option .rd-list li{margin-top: 7px; display: flex; align-items: center;}
    .basket-process-wrap .basket-list .basket-option .rd-list li:first-child{margin-top: 0;}
    .basket-process-wrap .basket-list .basket-option .rd-list input[type="radio"]{display: none;}
    .basket-process-wrap .basket-list .basket-option .rd-list input[type="radio"]:checked + label::before{width: 10px; height: 10px; border: 5px solid #0e89e8;}
    .basket-process-wrap .basket-list .basket-option .rd-list label{display: flex; align-items: center;}
    .basket-process-wrap .basket-list .basket-option .rd-list label::before{width: 18px; height: 18px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 11px;}
    .basket-process-wrap .basket-list .basket-option .rd-list .rd-group{margin-left: auto; display: flex; align-items: center;}
    .basket-process-wrap .basket-list .basket-option .rd-list .rd-group .price{font-size: 18px; color: #0e89e0; font-weight: 800; margin-right: 35px;}
    .basket-process-wrap .basket-list .basket-option .rd-list .list-tt{font-size: 18px; color: #0e89e8; font-weight: 700; margin-left: 10px;}
    .basket-process-wrap .basket-list .basket-option .rd-list .list-tt .amount{font-size: 14px; color: #000;}
    .basket-process-wrap .basket-list .basket-option .rd-list span.rd-price-tt{font-size: 18px; color: #0e89e8; font-weight: 500; margin-left: 10px;}
    .basket-process-wrap .basket-list .count .bt-basket{
        /*
        width: 46px;
        height: 46px;
        background: url('https://resource.mall.castingn.com/static/images/ico-bt-basket.png') center/100% no-repeat;
        text-indent: -999999px;
        overflow: hidden;
        margin-bottom: 17px;
        */
        padding: 0 14px;
        height: 30px;
        border-radius: 8px;
        border: solid 1px #c8c8c8;
        background-color: #fff;
        font-size: 12px;
        font-weight: 500;
        color:#666;
    }
    .basket-process-wrap .basket-list .count .bt-like {
        width: 46px; height: 46px;
        border-radius: 6px;
        background: url('https://resource.mall.castingn.com/static/images/sub/ico-like.png') no-repeat left/100%;
        text-indent: -999999px;
        overflow: hidden;
    }
    .basket-process-wrap .basket-list .count .bt-like.on {
        background: url('https://resource.mall.castingn.com/static/images/sub/ico-like-on.png') no-repeat left/100%;
    }
    .basket-process-wrap .basket-list .count .bt-basket2{width: 46px; height: 46px; background: url('https://resource.mall.castingn.com/static/images/ico-bt-basket2.png') center/100% no-repeat; text-indent: -999999px; overflow: hidden;}
    .basket-process-wrap .basket-list .count .bt-complete{width: 46px; height: 46px; background: url('https://resource.mall.castingn.com/static/images/ico-bt-complete.png') center/100% no-repeat; text-indent: -999999px; overflow: hidden; display: flex;}
    .basket-process-wrap .basket-line .basket-total{justify-content: center;}
    .basket-process-wrap .basket-total{display: flex; align-items: center; justify-content: flex-end; margin-top: 19px}
    .basket-process-wrap .basket-total .price-calc{font-size: 18px; display: flex; align-items: center; flex:1; justify-content: center }
    .basket-process-wrap .basket-total .price-calc.price-po1{margin-left: auto; margin-right: -427px;}
    .basket-process-wrap .basket-total .price-calc.price-po2{margin-left: auto;}
    .basket-process-wrap .basket-total .price-calc.price-po3{margin-left: 403px;}
    .basket-process-wrap .basket-total .price-calc span{color: #666666; display: flex; font-size: 12px; flex-direction: column; align-items: center; position: relative;}
    .basket-process-wrap .basket-total .price-calc span.smt-tt{color: #fff;font-weight: normal;width: 104px;height: 20px;background: #32ab8c;display: flex;align-items: center;justify-content: center;font-size: 10px;border-radius: 30px; position: absolute; left: -24px; top: -31px;}
    .basket-process-wrap .basket-total .price-calc span.smt-tt:after{width: 0px; height: 0px; border-top: 8px solid #32ab8c; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; display: block; content: ''; top: 18px;}
    .basket-process-wrap .basket-total .price-calc span.total-num b{font-size: 22px; color: #000; font-weight: bold;}

    .basket-process-wrap .basket-total .price-calc b{font-weight: 500; color: #111111; font-size: 16px; letter-spacing: -0.64px;}
    .basket-process-wrap .basket-total .price-calc .box_tot-tal {
        color:#666;
        font-weight: 600;
        font-size:12px;
    }
    .basket-process-wrap .basket-total .price-calc .box_tot-tal b{ font-size:24px; font-weight: 700; color:#000 }
    .basket-process-wrap .basket-total .price-calc i.ico-cal-plus{width: 32px; height: 32px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) left/100% no-repeat;}
    .basket-process-wrap .basket-total .price-calc i.ico-cal-equal{width: 32px; height: 32px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) left/100% no-repeat; margin: 0 40px;}
    .basket-process-wrap .basket-total .price-calc i{margin: 0 40px}
    .basket-process-wrap .basket-total .btn-group{display: flex }
    .basket-process-wrap .basket-total .btn-group button{
        border: 1px solid #c8c8c8;
        height: 46px;
        border-radius: 8px;
        padding: 0 14px;
        margin-right: 9px;
        font-size: 12px;
        font-weight: 400;
        color: #666;
    }
    .basket-process-wrap .basket-total .btn-group button.bt_blue{border: 1px solid #0e89e8; color: #0e89e8; padding: 0 28px;}
    .basket-process-wrap .basket-total .btn-group button.btn-comp1{width: 130px;}
    .basket-process-wrap .basket-total .btn-group button:last-child{margin-right: 0;}

    .basket-process-wrap .basket-result{display: flex; justify-content: flex-start; align-items: center; padding: 33px 0 16px 0; color: #333;}
    .basket-process-wrap .basket-result strong{font-size: 15px; letter-spacing: -0.6px; font-weight: bold; margin:0 13px 0 24px;}
    .basket-process-wrap .basket-result span{font-size: 12px;  letter-spacing: -0.48px;}

    .basket-process-wrap .chk-item input[type="checkbox"]{display: none;}
    .basket-process-wrap .chk-item input[type="checkbox"] + label{font-size: 0; text-indent: -999999px; line-height: 0;}
    .basket-process-wrap .chk-item input[type="checkbox"] + label::before{content: ''; width: 16px; height: 16px; border: 2px solid #d7d9db; display: block; border-radius: 6px;}
    /*.basket-process-wrap .chk-item input[type="checkbox"]:checked + label::before{border: 2px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}*/
    .basket-process-wrap .chk-item input[type="checkbox"]:checked + label::before{
        border:2px solid #0e89e8;
        background: #0e89e8 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_check.svg) center no-repeat;
    }
    .basket-process-wrap .chk-item input[type="checkbox"]:checked:disabled + label::before {
        border: 2px solid #E8E8E8;
        background: #F2F2F2 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_uncheck.svg) center no-repeat;
    }
    .basket-process-wrap .tax_prdt_tit { padding: 0 16px }
    .basket-process-wrap .tax_prdt_tit .chk-item input[type="checkbox"] + label {
        text-indent: initial;
        line-height: 24px;
        color:#202020;
        font-size:18px;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap:16px;
        margin-bottom: 12px;
    }
    .basket-process-wrap .basket-head .chk-item{position: relative; left: 0; margin-right: 14px;}
    /*.basket-process-wrap .chk-item{position: absolute; left: 20px;}*/
    .basket-process-wrap .chk-item.po-top{
        margin-bottom: auto;
        position: absolute;
        left: 20px;
    }
    .basket-process-wrap .delivery-box{border: 1px solid #c8c8c8; border-radius: 10px; display: flex; margin-top: 24px; justify-content: start; align-items: flex-start; padding: 24px 40px; box-sizing: border-box;}
    .basket-process-wrap .delivery-box .delivery-info{color: #000; font-size: 18px; font-weight: 700; display: flex; align-items: center; margin-right: 40px; width: 140px;}
    .basket-process-wrap .delivery-box .delivery-info .ico-user{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-user.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .delivery-box .delivery-info .ico-location{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-location.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .delivery-box .delivery-info .ico-msg-box{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-msg-box.svg) left/100% no-repeat; margin-right: 8px;}
    .basket-process-wrap .delivery-box .delivery-txtarea {
        border-radius: 4px;
        border: 1px solid #E8E8E8;
        background: #fff;
        padding: 12px;
        width: calc(100% - 170px);
    }
    .basket-process-wrap .delivery-box .delivery-add{width: calc(100% - 318px);}
    .basket-process-wrap .delivery-box .delivery-add span{display: block; margin-top: 8px; font-size: 14px; color: #5e6062;}
    .basket-process-wrap .delivery-box .delivery-add span:first-child{margin-top: 0;}
    .basket-process-wrap .delivery-box .delivery-add .add_title{font-weight: 700; font-size: 14px; color: #000;}
    .basket-process-wrap .delivery-box .delivery-add .dl-cs { display: grid; gap:8px }
    .basket-process-wrap .delivery-box .delivery-add dl {
        line-height: 20px;
        font-weight: 400;
        font-size:14px;
        display: flex;
        align-items: center;
    }
    .basket-process-wrap .delivery-box .delivery-add dl dt { width:80px; color:#666 }
    .basket-process-wrap .delivery-box .delivery-add dl dd { color:#000 }
    .basket-process-wrap .delivery-box .btn-group{margin-left: auto;}
    .basket-process-wrap .delivery-box .btn-group button{min-width: 70px; height: 30px; color: #5e6062; font-size: 13px; border: 1px solid #aaaeb1; border-radius: 6px; padding: 0 15px;}
    .basket-process-wrap .request-box{border: 1px solid #d9d9d9; border-radius: 8px; display: flex; min-height: 52px; color: #000; font-size: 16px; align-items: center;}
    .basket-process-wrap .request-box textarea{width: 100%; font-size: 14px; padding: 12px;}
    .basket-process-wrap .request-box textarea::placeholder{color: #999; }
    /*.basket-process-wrap .payment-box{
        background: #f7f7f7;
        border: 1px solid #d9d9d9;
        border-radius: 12px;
        padding: 0 24px;
    }*/
    .basket-process-wrap .payment-box h6.sub-tit {
        color:#202020;
        font-weight: 700;
        font-size:18px;
        line-height: 24px;
        margin:12px 16px;
    }
    .basket-process-wrap .payment-box.box-ty1{padding-top: 28px;}
    .basket-process-wrap .rq-info-tt{margin-top: 13px; text-align: right; color: #222; font-size: 12px;}

    .basket-process-wrap .payment-box span.purchase-tt{font-size: 18px; font-weight: 700; color: #000; margin-bottom: 12px; display: block; text-align: center;}
    .basket-process-wrap .payment-box .purchase-sel{position: relative; text-align: center; font-size: 14px; margin-bottom: 30px;}
    .basket-process-wrap .payment-box .purchase-sel .btn-select{width: 150px; height: 35px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000;  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;}
    .basket-process-wrap .payment-box .purchase-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .payment-box .purchase-sel .select-list{width: 150px; height: 177px; background: #fff; position: absolute; top: 29px; border: 1px solid #c8c8c8; left: 50%; z-index: 10; margin-left: -75px; border-top: none;
        box-sizing: border-box; border-radius: 0 0 10px 10px; text-align-last: left; padding: 5px 6px; display: none;}
    .basket-process-wrap .payment-box .purchase-sel .select-list ul li{font-size: 14px; color: #666; padding: 1px 13px 2px 13px;}
    .basket-process-wrap .payment-box .purchase-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .payment-box .purchase-sel .select-list.select-on{display: block;}

    .basket-process-wrap .payment-box .calc-group {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        gap:24px;
    }
    .basket-process-wrap .payment-box .box_download-cs {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 24px;
    }
    .basket-process-wrap .payment-box .box_download-cs .tit {
        font-size:18px;
        font-weight: 500;
        flex:1;
    }
    .basket-process-wrap .payment-box .box_download-cs a {
        border-radius: 6px;
        height: 42px;
        padding: 0 30px 0 20px;
        line-height: 42px;
        border: 1px solid #d9d9d9;
        flex: 9;
        box-sizing: border-box;
        background: #efefef;
        position: relative;
        text-decoration: underline;
    }
    .basket-process-wrap .payment-box .box_ass-msg-cs {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }
    .basket-process-wrap .payment-box .box_ass-msg-cs .tit {
        font-size: 14px;
        flex: 1;
    }
    .basket-process-wrap .payment-box .box_ass-msg-cs a {
        border-radius: 6px;
        height: 42px;
        padding: 0 30px 0 20px;
        line-height: 42px;
        border: 1px solid #d9d9d9;
        flex: 9;
        box-sizing: border-box;
        background: #efefef;
        position: relative;
        text-decoration: underline;
    }

    .basket-process-wrap .payment-box .calc-group .price-calc.price-box1{margin: 0 auto 0 0}
    .basket-process-wrap .payment-box .calc-group .btn-calc{width: 106px; height: 62px; border-radius: 8px;	border: solid 1px #aaaeb1; background-color: #fff; font-weight: 500; font-size: 15px; color: #101010; word-break: keep-all;}
    .basket-process-wrap .payment-box .calc-group .order-tt {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 82px;
        flex-shrink: 0;
    }
    .basket-process-wrap .payment-box .calc-group .order-tt span{
        font-size: 12px;
        color: #666;
        letter-spacing: -0.48px;
        text-align: right;
        margin-bottom: 6px;
    }
    .basket-process-wrap .payment-box .calc-group .order-tt span > b{display: block; font-weight: normal}
    .basket-process-wrap .payment-box .calc-group .order-tt .btn-order{font-size: 14px; color: #0e89e8; font-weight: 400; }
    .basket-process-wrap .payment-box .calc-group .order-tt .btn-order:after{content: ''; margin-left: 4px; width: 6px; height: 9px; background:url(https://resource.mall.castingn.com/static/images/ico-btn-arrow.png) left/100% no-repeat; display: inline-block;}

    .basket-process-wrap .payment-box .price-calc{
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .basket-process-wrap .payment-box .price-calc.price-box1 {
        margin: 0px auto 30px;
        background: #f6fbfe;
        border: 1px solid #138fdf;
        border-radius: 8px;
        width: 100%;
        box-sizing: border-box;
        height: 82px;
        justify-content: center;
        padding: 0 19px;
    }
    .basket-process-wrap .payment-box .price-calc.price-box1.box-ty1{width: 100%; justify-content: center; margin-bottom:13px;}
    .basket-process-wrap .payment-box .price-calc.he-2{margin: 10px 0 45px 0;}
    .basket-process-wrap .payment-box .price-calc.margin-t-n{margin-top: -20px;}

    .basket-process-wrap .payment-box .price-calc span {
        display: grid;
        font-size:12px;
        text-align: center;
        color:#666;
    }
    .basket-process-wrap .payment-box .price-calc span.total-num b { font-size:24px }
    .basket-process-wrap .payment-box .price-calc span .tit {
        text-align: center;
        color: #666;
        font-size:12px;
    }
    .basket-process-wrap .payment-box .price-calc b{
        font-weight: bold;
        color: #000;
        font-size: 16px;
    }
    .basket-process-wrap .payment-box .price-calc i.ico-cal-plus{width: 32px; height: 32px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) left/100% no-repeat;}
    .basket-process-wrap .payment-box .price-calc i.ico-cal-equal{width: 32px; height: 32px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) left/100% no-repeat;}
    .basket-process-wrap .payment-box .price-calc i{margin: 0 40px;}
    .basket-process-wrap .payment-box .basket-total .price-calc b{font-size: 16px;}
    .basket-process-wrap .payment-box .basket-total .m-btn-area{display: flex; align-items: center;}
    .basket-process-wrap .payment-box .basket-total .m-btn-area .btn-comp1{width: 130px; height: 30px; font-size: 12px; color: #101010; font-weight: 500; border-radius: 8px;	border: solid 1px #c8c8c8; margin-left: auto;}

    .basket-process-wrap .payment-box .basket-list.sold-out + .basket-total .price-calc span{color: #666;}
    .basket-process-wrap .payment-box .basket-list.sold-out + .basket-total .price-calc b{color: #d9d9d9;}

    .basket-process-wrap .payment-box .box-tit{font-size: 18px; color: #000; font-weight: 500; margin-bottom: 10px;}
    .basket-process-wrap .payment-box .box-tit2{font-size: 18px; color: #000; font-weight: 500; margin-bottom: 10px;}
    .basket-process-wrap .payment-box .pay-info{margin-bottom: 13px; color: #000; display: flex; align-items: center;}
    .basket-process-wrap .payment-box .pay-info .pay-tit{font-size: 18px; font-weight: bold; margin-right: 41px;}
    .basket-process-wrap .payment-box .pay-info .pay-day{font-weight: 500; font-size: 16px; margin-right: 66px;}

    .basket-process-wrap .price-calc-1{font-size: 18px; display: flex; align-items: center; justify-content: center; margin: 30px auto 30px; background: #f6fbfe; border: 1px solid #138fdf; border-radius: 8px; width: 100%; box-sizing: border-box; height: 62px;}
    .basket-process-wrap .price-calc-1 span{color: #666666; display: flex; font-size: 20px; letter-spacing: -0.8px;}
    .basket-process-wrap .price-calc-1 b{font-weight: bold; color: #111111; margin-left: 14px; font-size: 22px;}
    .basket-process-wrap .price-calc-1 i.ico-cal-plus{width: 46px; height: 46px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) left/100% no-repeat;}
    .basket-process-wrap .price-calc-1 i.ico-cal-equal{width: 46px; height: 46px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) left/100% no-repeat;}
    .basket-process-wrap .price-calc-1 i{margin: 0 30px;}

    /*.basket-process-wrap .lst-payment-area{margin-bottom: 11px;}*/
    .basket-process-wrap .lst-payment-area .lst-box{border: 1px solid #e7e9eb;  border-radius: 8px; height: 177px; box-sizing: border-box; padding: 0 24px; position: relative; background: #fff;}
    .basket-process-wrap .lst-payment-area .lst-box:nth-child(2):after{width: 64px; height: 64px; content: ''; position: absolute; display: block; border-radius: 50%; background: url(https://resource.mall.castingn.com/static/images/sub/ico-plus.png) left/100% no-repeat; left: 50%;
        margin-left: -32px; top: -32px; z-index: 2;}
    .basket-process-wrap .lst-payment-area .lst-box:nth-child(2){border-top: none;}
    .basket-process-wrap .lst-payment-area .lst-tit{font-size: 18px; font-weight: bold; padding-top: 24px; color: #666;}
    .basket-process-wrap .lst-payment-area .adm-num ul li{display: flex; align-items: center;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-tit{border-bottom: 1px solid #E8E8E8; padding-bottom: 20px; justify-content: space-between; margin-top: 24px; color: #666;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-tit span:first-child{font-size: 16px; font-weight: 500;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-tit span:last-child{font-size: 18px; font-weight: 700;}

    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use{padding-top: 19px; justify-content: flex-end; color: #5e6062;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use span{font-size: 18px; color: #5e6062; font-weight: 700;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use .use-tt{font-size: 16px; font-weight: 400; margin: 0 14px 0 16px;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use .etc-tt{font-size: 20px; font-weight: 500; color: #5e6062; margin-right:12px;}

    .basket-process-wrap .lst-payment-area .simple-pay-box{height: 69px; background: #f7f7f7; margin-top: 16px; display: flex; align-items:  center; justify-content: space-between; padding: 0 24px;}
    .basket-process-wrap .lst-payment-area .simple-pay-box .logo-area{display: flex; align-items: center; font-size: 16px; color: #000;}
    .basket-process-wrap .lst-payment-area .simple-pay-box .ico-logo{width: 85px; height: 51px; background: #4aaa4a; border-radius: 8px; margin-right: 24px;}

    .basket-process-wrap .lst-payment-area .virtual-pay-box{height: 69px; background: #f7f7f7; display: flex; align-items: center; justify-content: flex-start; padding: 0 24px; margin-top: 35px;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .logo-area{display: flex; align-items: center; }
    .basket-process-wrap .lst-payment-area .virtual-pay-box .bank-thum{width: 33px; height: 33px; margin-right: 13px;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .bank-thum img{width: 100%;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .bank-thum + span{font-size: 16px; color: #3a3b3c; font-weight: 500; color: #3a3b3c;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .act-info{font-size: 16px; color: #5e6062; margin-left: 17px;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .act-info b{font-weight: normal;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .act-info span + span{margin-left: 13px;}

    .basket-process-wrap .lst-payment-area .virtual-pay-box .etc{margin-left: auto; font-size: 14px; color: #5e6062;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .etc a{text-decoration: underline; color: #0d89e8;}

    .basket-process-wrap .lst-payment-area .act-total{text-align: right; font-size: 18px; display: block; margin-top: 9px; font-weight: bold; color: #5e6062;}
    .basket-process-wrap .lst-payment-area .act-total.po-ty1{position: absolute; right: 36px; top: 18px;}

    .basket-process-wrap .payment-box .step-are { display: flex; justify-content: center; align-items: flex-end; margin: 0 ; position: relative; padding-bottom:20px; }
    .basket-process-wrap .payment-box .step-area .step-group{margin-left: 75px;}
    .basket-process-wrap .payment-box .step-area .step-group .step-box{margin-left: 0;}
    .basket-process-wrap .payment-box .step-area .step-group:first-child{margin-left: 0;}

    .basket-process-wrap .payment-box {
        border-radius: 12px;
        border: 1px solid #e8e8e8;
        background: #F8F8F8;
        padding: 24px;
    }
    .basket-process-wrap .payment-box .approve-ipt-area-group {
        display: grid;
        gap:8px;
        margin:56px 0 24px;
    }
    .basket-process-wrap .req-box .payment-box {
        border-radius: 0;
        border: none;
        background: none;
        padding: 0;
    }
    /*.basket-process-wrap .payment-box .pcs-area{display: flex; align-items: flex-start; justify-content: flex-end; margin-bottom: 21px; position: relative;}
    .basket-process-wrap .payment-box .pcs-tt{
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #000;
        position: relative;
        margin: 0 auto;
    }*/
    .basket-process-wrap .payment-box .pcs-area{
        display: flex;
        align-items: flex-start;
        margin-bottom: 32px;
    }
    .basket-process-wrap .payment-box .pcs-tt{
        display: flex;
        flex-direction: column;
        color: #000;
        position: relative;
        gap:4px;
    }
    .basket-process-wrap .payment-box .pcs-tt strong{font-size: 18px; color: #000; font-weight: bold;}
    .basket-process-wrap .payment-box .pcs-tt span {
        font-size: 14px;
        color: #666;
    }
    .basket-process-wrap .payment-box .pcs-tt span b { color:#101010; font-weight: 400 }
    .basket-process-wrap .payment-box .pcs-tt span.pcs-result {
        color: #0E89E8;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
    }
    .basket-process-wrap .payment-box .pcs-result{
        font-size: 18px;
        color: #0E89E8;
        font-weight: bold;
        /*position: absolute;
        top: 6px;
        right: 9%;*/
    }
    /*.basket-process-wrap .payment-box .step-area .step-box{width: 266px; height: 117px; border-radius: 10px; background: #fff; border: 1px solid #181818; display: flex;  align-items: center; padding-left: 56px; position: relative; margin-left: 75px;}*/
    .basket-process-wrap .payment-box .step-area {
        display: flex;
        justify-content: center;
        margin-bottom: 32px;
    }
    .basket-process-wrap .payment-box .step-area .step-box {
        width: 266px;
        /*height: 117px;*/
        border-radius: 10px;
        background: #fff;
        border: 1px solid #181818;
        display: flex;
        align-items: center;
        padding:16px;
        position: relative;
        margin-left: 75px;
    }
    .basket-process-wrap .payment-box .step-area .step-box.step-on{border: 1px solid #138fdf; background: #f6fbfe;}
    .basket-process-wrap .payment-box .step-area .step-box.step-done{background: #e7e7e7; border: 1px solid #181818;}
    .basket-process-wrap .payment-box .step-area .step-box:first-child{margin-left: 0;}
    .basket-process-wrap .payment-box .step-area .step-box.lst::after{background: none;}
    .basket-process-wrap .payment-box .step-area .step-box:last-child::after{background: none;}
    .basket-process-wrap .payment-box .step-area .step-box::after{
        width:32px;
        height: 32px;
        /*background: url(https://resource.mall.castingn.com/static/images/ico-step.png) center no-repeat;*/
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_chevron-right-gray900.svg) center no-repeat;
        content: '';
        position: absolute;
        right: -53px;
    }
    .basket-process-wrap .payment-box .step-area .step-box span{display: block; font-size: 14px; color: #666 }
    .basket-process-wrap .payment-box .step-area .step-box span:first-child { margin-bottom:18px }
    .basket-process-wrap .payment-box .step-area .step-box .person{
        font-size: 16px;
        color: #202020;
        font-weight: 700;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .basket-process-wrap .payment-box .step-area .step-box .person strong{font-weight: 700;}
    .basket-process-wrap .payment-box .step-area .step-box .team {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .basket-process-wrap .payment-box .step-area .step-box .bot {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .basket-process-wrap .payment-box .step-area .step-box .step-access{color: #138fdf;}
    .basket-process-wrap .payment-box .step-area .step-box .step-wait{color: #aaaeb1;}
    .basket-process-wrap .payment-box .step-area .step-box .step-return{color: #ff0000;}
    .basket-process-wrap .payment-box .step-area .step-box .ymd{margin-top: 5px;}
    /*.basket-process-wrap .payment-box .step-area .step-box .ico-file{width: 24px; height: 24px; position: absolute; background: url(https://resource.mall.castingn.com/static/images/sub/ico-step-file.png) center/100% no-repeat; right: 19px; bottom: 15px; text-indent: -999999px; }*/
    .basket-process-wrap .payment-box .step-area .step-box .ico-file{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-step-file.png) center/100% no-repeat; right: 19px; bottom: 15px; text-indent: -999999px; }

    .basket-process-wrap .payment-box .opn-box{min-height: 40px;  border: solid 1px #d9d9d9;	background: #fff; border-radius: 8px; box-sizing: border-box;  color: #000; font-size: 16px; font-weight: 600; padding: 20px 30px 20px 30px;
        margin: 34px 0 0; position: relative; display: none;}
    .basket-process-wrap .payment-box .opn-box::after{width: 20px; height: 13px; display: block; position: absolute; top: -13px; content: ''; background: url(https://resource.mall.castingn.com/static/images/ico-tooltip-arrow.png) center/100% no-repeat; left: 62.5%}
    .basket-process-wrap .payment-box .opn-box.po3-1::after{left: 24%;}
    .basket-process-wrap .payment-box .opn-box.po3-2::after{left: 60%;}
    .basket-process-wrap .payment-box .opn-box.po3-3::after{left: 96%;}

    .basket-process-wrap .payment-box .opn-box.po2-1::after{left: 42%;}
    .basket-process-wrap .payment-box .opn-box.po2-2::after{left: 83.5%;}

    .basket-process-wrap .payment-box .opn-box.po1-1::after{left: 62.5%;}

    .basket-process-wrap .payment-box .payment-center-tt{display: flex; justify-content: center; flex-direction: column; align-items: center;}
    .basket-process-wrap .payment-box .payment-center-tt span{font-size: 18px; color: #000;}
    .basket-process-wrap .payment-box .payment-center-tt span:first-child{font-size: 23px; color: #000; font-weight: 700; margin-bottom: 10px;}
    /*.basket-process-wrap .payment-box .approve-ipt-area{margin: 30px 0 }*/
    .basket-process-wrap .payment-box .approve-ipt-area .approve-stat{margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-end;}
    .basket-process-wrap .payment-box .approve-ipt-area .btn-download{width: 23px; height: 23px; text-indent: -9999999px; font-size: 0; background: url(https://resource.mall.castingn.com/static/images/ico-download.png) center/100% no-repeat; margin-right: 12px;}

    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1{display: flex; justify-content: space-between; align-items: center;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 label{font-size: 18px; color: #666; width:156px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 .approve-file {
        width: 83%;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #c8c8c8;
        box-sizing: border-box;
        padding-left: 16px;
        font-size: 14px;
        font-weight: 400;
        text-decoration: underline;
    }
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 .proof-btn {
        width: 126px;
        height: 40px;
        color: #fff;
        font-size: 16px;
        background: #787878;
        border: 1px solid #636363;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border-radius: 6px;
    }
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 .proof-btn:before {
        width: 18px;
        height: 19px;
        background: url(https://resource.mall.castingn.com/static/images/ico-file.png) left no-repeat;
        content: '';
        margin-right: 5px;
    }
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 input{
        width: 83%;
        height: 40px;
        line-height: 40px;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #c8c8c8;
        box-sizing: border-box;
        padding-left: 16px;
        font-size: 14px;
        font-weight: 400;
    }
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 input::placeholder{color: #d9d9d9;}
    .basket-process-wrap .approve-blue {
        display: flex;
        margin-top: 10px;
        border: 1px solid #0E89E8;
        background: #F4FAFF;
        padding: 30px 40px;
        position: relative;
        border-radius: 12px;
        flex-wrap: wrap;
    }
    .basket-process-wrap .approve-blue .approve_li.approve_select-area { margin-bottom: 32px; width: 100% }
    .basket-process-wrap .approve-blue .approve_select-area select {
        width:100%;
        border-radius: 4px;
        border:1px solid #C8C8C8;
        background:#fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_chevron-down.svg) right 12px center no-repeat;
    }
    .basket-process-wrap .approve-blue input[type="text"] {
        /*width:calc(100% - 32px);*/
        width: 100%;
        border-radius: 4px;
        border:1px solid #C8C8C8;
        height: 40px;
        padding:0 16px;
        background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_calendar.svg) right 8px center no-repeat;
    }
    .basket-process-wrap .approve-blue input[type="text"]::placeholder { color:#C8C8C8 }
    .basket-process-wrap .approve-blue input[type="text"].data-input {
        cursor: pointer;
        padding-right:35px;
    }
    .basket-process-wrap .approve-blue input[type="text"].data-input.selected { background-color: #F7F8FC }
    .basket-process-wrap .approve-blue .approve_li {
        display: flex;
        width: 100%;
        margin-bottom:8px;
    }
    .basket-process-wrap .approve-blue .approve_li:last-child { margin-bottom:0 }
    .basket-process-wrap .approve-blue .approve_li .mg-bt64 { margin-bottom: 64px }
    .basket-process-wrap .approve-blue .approve_li .mg-bt32 { margin-bottom: 32px; width:calc(100% - 2px) }
    .basket-process-wrap .approve-blue .approve_li .noti { padding:12px 4px }
    .basket-process-wrap .approve-blue .approve_li .noti p {
        color: #666;
        font-size: 12px;
        line-height: 18px;
    }
    .basket-process-wrap .approve-blue .approve_li .noti p span.red {
        color:#F05046;
        margin-right:4px;
        vertical-align: middle;
    }
    .basket-process-wrap .approve-blue .approve_li .apprv-way {
        display: flex;
        justify-content: center;
        align-items: center;
        gap:12px;
        width: 100%;
    }
    .basket-process-wrap .approve-blue .approve_li .apprv-way > li {
        display: flex;
        align-items: center;
    }
    .basket-process-wrap .approve-blue .approve_li .apprv-way .box {
        border-radius: 8px;
        border: 1px solid #101010;
        background: #FFF;
        padding:16px;
        width:226px
    }
    .basket-process-wrap .approve-blue .approve_li .apprv-way .box .cpt {
        color: #666;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 18px;
    }
    .basket-process-wrap .approve-blue .approve_li .apprv-way .box p {
        color: #202020;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:1;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .basket-process-wrap .approve-blue .approve_li .apprv-way .box p b { font-size:16px }
    .basket-process-wrap .approve-blue .approve_li .apprv-way svg { vertical-align: middle }
    .basket-process-wrap .approve-blue .tit {
        width:172px;
        color:#000;
        font-weight: 700;
        font-size: 18px;
        line-height: 40px;
    }
    .basket-process-wrap .approve-blue .tit2 {
        width:172px;
        color:#666;
        font-weight: 500;
        font-size: 18px;
        line-height: 40px;
    }
    .basket-process-wrap .approve-blue .info {
        width:calc(100% - 172px);
    }
    .basket-process-wrap .approve-file form{width: 100%; display: flex; gap:4px }
    .basket-process-wrap .approve-file .file-upload{width: calc(100% - 84px); height: 40px; background: #fff; border-radius: 5px; border: 1px solid #c8c8c8; box-sizing: border-box; padding-left: 20px; font-size: 14px; color: #000; margin-left: auto}
    .basket-process-wrap .approve-file label{
        width: 73px;
        height: 40px;
        color: #666;
        font-size: 14px;
        background: #fff;
        border: 1px solid #C8C8C8;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border-radius: 8px;
    }
    .basket-process-wrap .approve-file label input{position: absolute; width: 0; height: 0; overflow: hidden;}
    .basket-process-wrap .approve-file .up-file-box{width: 84%; height: 43px; border-radius: 5px; box-sizing: border-box; font-size: 14px; margin-left: auto; display: flex; align-items: center;}
    .basket-process-wrap .approve-file .ipt2.noti {
        color: #666;
        font-size: 12px;
        margin: 10px 20px 0 10px;
        letter-spacing: -.5px;
    }
    .basket-process-wrap .approve-file .ipt2.noti .red {
        color:#F05046;
        margin-right: 4px;
    }

    .basket-process-wrap .payment-box .approve-ipt-area .approve-stat > span{font-size: 18px; font-weight: 500; color: #666; margin-right: auto; width: 15%;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-stat .approve-msg-box{border: 1px solid #d9d9d9; display: flex; border-radius: 5px; min-height: 43px; color: #000; font-size: 14px; box-sizing: border-box; padding: 0 20px; background: #fff;
        align-items: center; width: 84%;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-tt{font-size: 18px; color: #666;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-result{width: 84%; height: 43px; background: #fff; border-radius: 5px; border: 1px solid #c8c8c8; box-sizing: border-box; padding-left: 20px; font-size: 18px; display: flex; align-items: center;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-result .ico-download{width: 23px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/ico-download.png) center/100% no-repeat; margin-right: 8px;}

    .basket-process-wrap .payment-box .order-file-cs .box {
        display: flex;
        align-items: center;
        gap:10px;
    }
    .basket-process-wrap .payment-box .order-file-cs .box label {
        font-size: 14px;
        background: #d9d9d9;
        border-radius: 6px;
        height:42px;
        padding:0 20px;
        flex:1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .basket-process-wrap .payment-box .order-file-cs .box .name {
        border-radius: 6px;
        height:42px;
        padding:0 30px 0 20px;
        line-height: 42px;
        border:1px solid #d9d9d9;
        flex:9;
        box-sizing: border-box;
        background:#fff;
        position: relative;
    }
    .basket-process-wrap .payment-box .order-file-cs .box .name.placehold {
        color:#bfbfbf;
    }
    .basket-process-wrap .payment-box .order-file-cs .box .name .cls-btn {
        width:16px;
        height:16px;
        border-radius: 50%;
        background:#d9d9d9;
        position: absolute;
        top:0;
        bottom:0;
        right:10px;
        margin:auto;
    }
    .basket-process-wrap .payment-box .order-file-cs p.noti {
        color: #666;
        font-size: 12px;
        margin:10px 20px;
    }


    .basket-process-wrap .useinfo-box{
        min-height: 98px;
        /* border-radius: 12px 12px 0 0; */
        /* border: solid 1px #d9d9d9; */
        background-color: #f7f7f7;
        /* box-sizing: border-box; */
        /* padding: 24px; */
        display: flex;
        align-items: flex-start;
        gap: 24px;
        justify-content: space-between;
        color: #000;
        line-height: 1;
        margin-bottom: 24px;
    }
    .basket-process-wrap .useinfo-box .user-box{width: 100%; height: 98px; box-sizing: border-box; border-radius: 8px;	border: solid 1px #181818; background-color: #fff; display: flex; justify-content: space-between; padding: 16px;}
    .basket-process-wrap .useinfo-box .user-comp{
        font-size: 16px;
        display: flex;
        flex-direction: column;
        font-weight: 700;
        line-height: 24px;
        width: 100%;
    }
    .basket-process-wrap .useinfo-box .user-comp .name{
        font-size: 18px;
        font-weight: bold;
        margin-top: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }
    .basket-process-wrap .useinfo-box .team-comp{
        font-size: 14px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        flex-shrink: 0;
        width: 290px;
    }
    .basket-process-wrap .useinfo-box .team-comp .team{margin-top: auto;}

    .basket-process-wrap .useinfo-box .info-box-group{width: 59%; display: flex; flex-direction: column; position: relative;}
    .basket-process-wrap .useinfo-box .info-box-group:after{z-index:1; content: ''; width: 60px; height: 60px; border-radius: 50%; background: url(https://resource.mall.castingn.com/static/images/sub/ico-plus.png) left/100% no-repeat; display: block; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px;}
    .basket-process-wrap .useinfo-box .info-box-group .info-box{width: 100%;}
    .basket-process-wrap .useinfo-box .info-box-group .info-box:first-child{border-bottom: none;}

    .basket-process-wrap .useinfo-box .info-box{width: 240px; flex-shrink:0; height: 98px; box-sizing: border-box; border: solid 1px #181818; background-color: #fff; padding: 16px; border-radius: 8px; display: flex; flex-direction: column;}
    .basket-process-wrap .useinfo-box .act-comp{display: flex; align-items: center; justify-content: space-between;}
    .basket-process-wrap .useinfo-box .act-tit{font-size: 16px; font-weight: bold;}
    .basket-process-wrap .useinfo-box .act-tit span{font-size: 12px; font-weight: normal; margin-left: 11px;}
    .basket-process-wrap .useinfo-box .act-tit span b{color: #0d89e8; font-weight: normal;}

    .basket-process-wrap .useinfo-box .act-stat{font-size: 12px;}
    .basket-process-wrap .useinfo-box .act-comp2{display: flex; align-items: center; justify-content: space-between; margin-top: auto; font-size: 14px;}
    .basket-process-wrap .useinfo-box .act-info span{margin-right: 12px;}
    .basket-process-wrap .useinfo-box .cash{font-size: 18px; font-weight: bold;}

    .basket-process-wrap .point-list li{display: flex; align-items: center; justify-content: space-between; color: #000000; width: 232px; font-weight: 500; margin-bottom: 12px;}
    .basket-process-wrap .point-list .total .point-tit{font-size: 16px;}
    .basket-process-wrap .point-list .mbs .point-tit{font-size: 14px;}
    .basket-process-wrap .point-list .total .num{font-size: 18px; font-weight: bold;}
    .basket-process-wrap .point-list .mbs .num{font-size: 14px;}
    .basket-process-wrap .point-list .num b{margin-right: 10px;}

    .basket-process-wrap .point-tt{font-size: 14px; color: #333333; margin-bottom: 30px;}
    .basket-process-wrap .point-tt:before{display: inline-block; content:''; width: 3px; height: 3px; background: #999999; vertical-align: 3px; margin-right: 6px; }

    .basket-process-wrap .req-info{margin-top: 13px; color: #000; font-size: 14px; padding-left: 40px; display: flex; align-items: center;}
    .basket-process-wrap .process-area .req-info{padding-left: 0; margin-top: 24px; width: 100%; border-top: 1px solid #e7e9eb; padding-top: 18px;}
    .basket-process-wrap .process-area .req-info.ty1{margin:0 0 18px 0; border-top: 0; padding-top: 0;}
    .basket-process-wrap .req-info .info-tit{font-size: 16px; font-weight: bold; margin-right: 86px;}
    .basket-process-wrap .req-info .rest{margin-left: auto; font-size: 16px; font-weight: bold;}

    .basket-process-wrap .rf-act-box{width: 531px; background: #f8f8f8; border-radius: 15px; margin: 50px auto 0; box-sizing: border-box; padding: 24px;}
    .basket-process-wrap .rf-act-box .rf-tit{font-size: 16px; color: #000;}
    .basket-process-wrap .rf-act-box .act-list{margin-top: 17px;}
    .basket-process-wrap .rf-act-box .act-list li{display: flex; align-items: center; justify-content: space-between; margin-top: 12px;}
    .basket-process-wrap .rf-act-box .act-list li input[type="text"]{width: 404px; height: 52px; border-radius: 8px; color: #000; border: 1px solid #c8c8c8; padding:0 20px; box-sizing: border-box;}
    .basket-process-wrap .rf-act-box .act-list li input[type="text"]::placeholder{color: #fff;}

    .basket-process-wrap .rf-act-box .bank-sel{position: relative; text-align: center; font-size: 14px; }
    .basket-process-wrap .rf-act-box .bank-sel .btn-select{width: 404px; height: 52px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000;  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;}
    .basket-process-wrap .rf-act-box .bank-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list{width: 404px; background: #fff; position: absolute; top: 46px; border: 1px solid #c8c8c8; left: 0; z-index: 10; border-top: none;	box-sizing: border-box; border-radius: 0 0 8px 8px; text-align-last: left; padding: 5px 6px; display: none;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list ul li{font-size: 14px; color: #666; padding: 1px 13px 2px 13px;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list.select-on{display: block;}
    .basket-process-wrap .delivery-back-blue-btn {
        display: flex;
        width: 120px;
        height: 56px;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border-radius: 8px;
        background: #0E89E8;
        margin:48px auto 0;
    }
    .conts .contsTitle {
        line-height: 1.86;
        margin-bottom: 27px;
        padding-bottom: 14px;
        font-size: 22px;
        font-weight: bold;
        color: #000;
        border-bottom: 1px solid #cbcbcb;
    }
    .conts .contsTitle span {
        color: #0e89e8;
    }

    .basket-line.myservice,
    .container-myservice .basket-line {
        margin-bottom: 28px;
        padding: 19px 30px;
        border: 1px solid #e3e3e3;
        border-radius: 15px;
    }
    .myservice .basket-list.new::before,
    .container-myservice .basket-list.new::before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 19px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #fc0000 url(https://resource.mall.castingn.com/static/images/ico_new.svg) no-repeat center center / 45% auto;
    }
    .myservice .basket-list .basket-thum,
    .container-myservice .basket-list .basket-thum {
        margin: 0 20px 0 80px;
    }

    .basket-list .basket-detail .status {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.39;
        letter-spacing: -0.72px;
        color: #0e89e8;
    }
    .basket-list .basket-detail .desc,
    .basket-list .basket-detail .expiry {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.56;
        color: #000;
    }

    .basket-list .service-bt-area button:hover {
        color: #0e89e8;
        border: 1px solid #0e89e8;
    }

    .basket-process-wrap .delivery-btn-area{margin-top: 50px; display: flex; justify-content: center;}
    .basket-process-wrap .delivery-btn-area .btn-comp{
        display:flex;
        align-items:center;
        justify-content:center;
        width:120px;
        height: 58px;
        border-radius:8px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .basket-process-wrap .delivery-btn-area .btn-comp.btn-wide{width: 240px;}
    .basket-process-wrap .delivery-btn-area .btn-comp2{display: flex; align-items: center; justify-content: center; width: 244px; height: 58px; border-radius: 12px; color: #5e6062; border: 1px solid #c8c8c8; font-weight: 700; margin-right: 4px; background: #fff;}
    .basket-process-wrap .delivery-btn-area .btn-comp2 span{font-size: 18px;}
    .basket-process-wrap .delivery-btn-area .btn-comp.btn-wide{width: 500px;}
    .basket-process-wrap .delivery-btn-area .btn-comp.btn-wide2{width: 300px;}
    .basket-process-wrap .delivery-btn-area .btn-comp2.btn-wide{width: 500px;}
    .basket-process-wrap .delivery-btn-area .btn-comp2.btn-wide2{width: 300px;}
    .basket-process-wrap .delivery-btn-area .btn-comp span{font-size:18px; font-weight:normal; color:#fff;}

    .basket-process-wrap .delivery-btn-area .btn-comp3{display: flex; align-items: center; justify-content: center; width: 244px; height: 58px; border-radius: 12px; color: #fff; background: #0d89e8; font-weight: bold; }
    .basket-process-wrap .delivery-btn-area .btn-comp3 span{font-size: 18px;}

    .basket-process-wrap .delivery-sel-box{border: 1px solid #d9d9d9; border-radius: 10px; display: flex; margin-top: 19px; min-height: 125px; justify-content: start; align-items: center; padding: 0 58px 0 33px;}
    .basket-process-wrap .delivery-sel-box .delivery-add span{display: block; margin-top: 10px; font-size: 16px;}
    .basket-process-wrap .delivery-sel-box .delivery-add span:first-child{margin-top: 0;}
    .basket-process-wrap .delivery-sel-box .delivery-add .add_title{font-weight: 700;}
    .basket-process-wrap .delivery-sel-box .delivery-sel{display: flex; align-items: center; margin-left: auto; font-size: 14px; color: #999; position: relative;}
    .basket-process-wrap .delivery-sel-box .delivery-sel::before{position: absolute; width: 1px; height: 31px; background: #ededed; display: block; content: ''; left: -33px;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"]{display: none;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"] + label{display:flex; align-items:center; width:100%; cursor:pointer; justify-content:center;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:6px;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .basket-process-wrap .basket-empty{background: #f8f8f8; display: flex; align-items: center; font-size: 16px; color: #5e6062; min-height: 228px; padding: 30px 0; justify-content: center; margin-top: 12px; flex-direction: column; letter-spacing: -0.01px; border-radius: 8px; text-align: center; line-height: 24px; }
    .basket-process-wrap .basket-empty .ico-info2{width: 44px; height: 44px; background: url(https://resource.mall.castingn.com/static/images/ico-info2.png) left/100%; margin-right: 15px;}
    .basket-process-wrap .basket-empty .ico-inof2{width: 80px; height: 80px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-info4.png) left/100%; margin-bottom: 22px;}
    .basket-process-wrap .basket-empty .ico-info3{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/ico-info3.png) left/100%; margin-right: 15px;}
    .basket-process-wrap .basket-empty .ico-mylike{width: 21px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-mylike.png) left/100%; display: inline-block; vertical-align: middle;}


    .basket-process-wrap .basket-total-top  {
        display: flex;
        align-items: center;
        margin:0 8px 24px;
        border-bottom:1px solid #999;
        padding-bottom: 12px;
    }
    .basket-process-wrap .basket-total-top .chk-item{display: flex; align-items: center; }
    .basket-process-wrap .basket-total-top .chk-item input[type="checkbox"] + label{display: flex; text-indent: unset; align-items: center; font-size: 18px; font-weight: 700; color: #1E1E1D; letter-spacing: -0.01px;}
    .basket-process-wrap .basket-total-top .chk-item input[type="checkbox"] + label::before{margin-right: 8px;}
    .basket-process-wrap .basket-total-top .total-top-bt{
        padding:0 12px;
        height: 40px;
        font-size: 12px;
        color: #666;
        border: 1px solid #C8C8C8;
        border-radius: 6px;
        margin-left: auto;
        font-weight: bold;
    }
    .basket-process-wrap .delivery-box .delivery-info-list{
        font-size: 14px;
        width: calc(100% - 150px);
    }
    .basket-process-wrap .delivery-box .delivery-info-list > div{margin-top: 8px; display: flex; color: #666;}
    .basket-process-wrap .delivery-box .delivery-info-list > div:first-child{margin-top: 0;}
    .basket-process-wrap .delivery-box .delivery-info-list > div span:first-child{width: 80px;}
    .basket-process-wrap .delivery-box .delivery-info-list > div span:last-child{color: #000; margin-left: 20px;}
    .basket-process-wrap .payment-table{border-top: 1px solid #d9d9d9; margin-top: 0; position: relative;}
    .basket-process-wrap .payment-table table{table-layout: fixed; /*border-bottom: 1px solid #d9d9d9;*/}
    .basket-process-wrap .payment-table.table-ty1{/*padding: 0 52px;*/}
    .basket-process-wrap .payment-table.table-ty1 th{padding-left: 71px;}
    .basket-process-wrap .payment-table.border-top-n{border-top: none; margin-top: 0;}
    .basket-process-wrap .payment-table.border-bottom-n{border-bottom: none; margin-top: 0;}
    .basket-process-wrap .payment-table.border-tb-n{border-top: none; margin-top: 0;}
    .basket-process-wrap .payment-table.border-tb-n table{border-bottom: none;}
    .basket-process-wrap .payment-table.border-bottom-n table{border-bottom: none;}

    .basket-process-wrap .tbl-info-tit{font-size: 16px; padding: 13px 0; color: #3a3b3c; font-weight: 600; background: #fff; border-bottom: 1px solid #d9d9d9;}

    /* .basket-process-wrap .payment-table tr{border-bottom: none; } */
    .basket-process-wrap .payment-table tr.border-n{border-bottom: none;}
    .basket-process-wrap .payment-table tr.border-n td{border-bottom: none;}
    .basket-process-wrap .payment-table th{background: #f8f8f8; text-align: left; height: 41px; font-size: 14px; color: #5e6062; font-weight: 500; padding:5px 0 5px 20px; box-sizing: border-box; vertical-align: middle;}
    .basket-process-wrap .payment-table td{padding:9px 0 9px 30px; text-align: left; min-height: 41px; display: flex; align-items: center; font-size: 14px; color: #5e6062; background: #fff; box-sizing: border-box;}
    .basket-process-wrap .payment-table.table-ty1 td{background: #f8f8f8;}
    .basket-process-wrap .payment-table td .tbl-cal{display: flex; align-items: center; margin: 0 15px 0 4px;}
    .basket-process-wrap .payment-table td i.ico-cal-plus{width: 31px; height: 31px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) center no-repeat;}
    .basket-process-wrap .payment-table td i.ico-cal-equal{width: 31px; height: 31px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) center no-repeat;}
    .basket-process-wrap .payment-table td .colr-green{margin-left: 4px; color: #32ab8c;}

    .basket-process-wrap .payment-table tr.t-indent th{padding-left: 40px; height: 32px; padding-top: 0; padding-bottom: 0; min-height: auto;}
    .basket-process-wrap .payment-table tr.t-indent td{height: 32px; padding-top: 0; padding-bottom: 0; min-height: auto;}
    .basket-process-wrap .payment-table th.total{font-size: 16px; color: #5e6062;}
    .basket-process-wrap .payment-table th.total.lst{font-weight: bold;}
    .basket-process-wrap .payment-table th.total + td{font-size: 16px; font-weight: 600;}

    .basket-process-wrap .payment-table th.col-blue, .basket-process-wrap .payment-table td.col-blue{color: #138fdf;}
    .basket-process-wrap .payment-table th.col-red, .basket-process-wrap .payment-table td.col-red{color: #fc0000;}
    .basket-process-wrap .payment-table th.font-b, .basket-process-wrap .payment-table td.font-b{font-weight: 700;}
    .basket-process-wrap .payment-table .coupon-tt{font-size: 16px; color: #32ab8c; margin-left: 20px;}
    .basket-process-wrap .payment-table .point-ipt{width:240px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; font-size: 14px; color: #5e6062; padding-left: 20px; padding-right: 20px; text-align: right; box-sizing: border-box;}
    .basket-process-wrap .payment-table .point-tt{font-size: 14px; font-weight: 500; color: #5e6062; margin-left: 6px;}
    .basket-process-wrap .payment-table .tbl-bt1{width: 70px; height: 30px; font-size: 12px; color: #101010; border: 1px solid #c8c8c8; border-radius: 8px; background: #fff; margin-left: 20px;}
    .basket-process-wrap .payment-table .tbl-bt2{font-size: 14px; color: #101010; font-weight: 600; width: 130px; height: 40px; border-radius: 8px; background: #fff; border: solid 1px #c8c8c8; position: absolute; right: 0; top: 50%; margin-top: -20px;}

    .basket-process-wrap .payment-table .crt-point{font-size: 14px; color: #0d89e8; font-weight: bold; margin-left: 20px;}
    .basket-process-wrap .coupon-sel{position: relative; text-align: left;}
    .basket-process-wrap .coupon-sel .btn-select{width: 381px; height: 43px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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;}
    .basket-process-wrap .coupon-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .coupon-sel .select-list{ width: 381px; 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;}
    .basket-process-wrap .coupon-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .coupon-sel .select-list ul li button{font-size: 14px; color: #5e6062;}
    .basket-process-wrap .coupon-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .coupon-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-tab-box{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .payment-tab-box .tab-box-area{background: #f8f8f8; border-top:1px solid #ababab; }
    .basket-process-wrap .payment-tab-box .tab-box-area.tab-box1, .basket-process-wrap .payment-tab-box .tab-box-area.tab-box2{border-bottom: 1px solid #d9d9d9; position: relative}
    .basket-process-wrap .payment-tab-box .tab-box-area.tab-box0{padding: 12px 40px 0 40px;}
    .basket-process-wrap .payment-tab-box .tab-box-area.tab-box0 .tab-box-tit{padding: 0; font-size: 16px; color: #5e6062; font-weight: bold; padding-bottom: 10px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .tab-box-tit{padding: 12px 40px;}
    .basket-process-wrap .payment-tab-box .tab-box-tit{display: flex; align-items: center; font-size: 20px; color: #000; position: relative; }
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"]{display: none;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"] + label{display:flex; align-items:center; width:100%; cursor:pointer; justify-content:flex-start; font-weight: 700; font-size: 16px; color: #5e6062;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:6px;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .basket-process-wrap .payment-tab-box .tab-box-area .tab-box-con{padding: 0 40px 61px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .tab-box-con.box-second{padding: 0 40px 13px 72px;}

    .basket-process-wrap .payment-tab-box .tab-box-area .card-list{padding: 19px 43px; /* margin: 0px -25px; */ max-width: 692px; text-align: center;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card{max-width: 216px; background: #f0f9ff; box-sizing: border-box; position: relative; }
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card img{box-sizing: border-box; border: 1px solid #8cabc3; border-radius: 8px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card span{position: absolute; display: flex; justify-content: center; width: 100%; color: #8cabc3; font-size: 14px; font-weight: 500; margin-top: 27px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .card-select{max-width: 216px; box-sizing: border-box; }
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list img{width: 100%; image-rendering: -webkit-optimize-contrast;}
    .basket-process-wrap .payment-tab-box .tab-box-area .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;}
    /* .basket-process-wrap .payment-tab-box .tab-box-area .swiper-slide.swiper-slide-active .add-card{margin-top: -14px;} */
    .basket-process-wrap .payment-tab-box .card-pagination{margin: 27px 0 16px 0; text-align:center; background: #e8e8e8;width: 90px;height: 35px;border-radius: 30px;display: flex;margin-left: auto; align-items: center;font-size: 14px;justify-content: center;  color: #8b8b8b; display: none; }
    .basket-process-wrap .payment-tab-box .card-pagination .swiper-pagination-current{color: #000;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-prev{width: 26px; height: 136px; background:#f9f9fa url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-card-arr.png) center no-repeat; font-size: 0; position: absolute; top: 19px; left: 0; line-height: 0; z-index: 10;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-next{width: 33px; height: 136px; background:#f9f9fa 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: 19px; line-height: 0; z-index: 10; font-size: 0;}
    .basket-process-wrap .period-sel{position: absolute; bottom: 16px; left: 50%; margin-left: -147.5px; text-align: left; z-index: 10;}
    .basket-process-wrap .period-sel .btn-select{width: 294px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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; }
    .basket-process-wrap .period-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .period-sel .select-list{ width: 295px; 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;}
    .basket-process-wrap .period-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .period-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .period-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .period-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-tab-box .tab-box-area .box-cont2{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 0 -40px; padding: 12px 0;}
    .basket-process-wrap .payment-tab-box .card-name{text-align: center;font-size: 16px;color: #000;display: flex;font-weight: bold;justify-content: center;}
    .basket-process-wrap .payment-tab-box .card-name span{width: 100%; position: absolute; bottom: 23px; text-align: left; left: 232px;}


    .basket-process-wrap .budget-sel{position: relative;}
    /*.basket-process-wrap .budget-sel .btn-select{width: 380px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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; }*/
    .basket-process-wrap .budget-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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; }
    .basket-process-wrap .budget-sel .select-list{ width: 380px; 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;}
    .basket-process-wrap .budget-sel .select-list ul li{color: #5e6062; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .budget-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .budget-sel .select-list.select-on{display: block;}

    /*.basket-process-wrap .budget-list{margin: 12px 0 12px 0;}*/
    .basket-process-wrap .budget-list{margin: 12px 0 0 32px; padding-bottom: 12px; }
    /*.basket-process-wrap .budget-list li{display: flex; align-items: center; margin-top: 13px; color: #5e6062;}*/
    /*.basket-process-wrap .budget-list li{display: flex; align-items: center; margin-top: 13px; color: #5e6062; justify-content: space-between}*/
    .basket-process-wrap .budget-list li{display: flex; align-items: center; margin-top: 13px; color: #5e6062}
    .basket-process-wrap .budget-list li.budget-tit-red { color:#F05046; }
    .basket-process-wrap .budget-list li.budget-tit-blue { color:#0E89E8; }
    .basket-process-wrap .budget-list li .budget-tit{margin-right: 48px; font-size: 14px;  width: 105px;}
    .basket-process-wrap .budget-list li div{font-size: 16px; font-weight: bold; display: flex; align-items: center;}
    .basket-process-wrap .budget-list li div > b,
    .basket-process-wrap .budget-list li div > .crt-cash {
        width:150px;
        display: inline-block;
        text-align: right;
    }
    .basket-process-wrap .budget-list li:nth-child(2) div{font-weight: 600;}
    .basket-process-wrap .budget-list li .period{font-size: 12px; font-weight: 500; margin-left: 29px;}
    .basket-process-wrap .budget-list li .input-cash{width: 244px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; box-sizing: border-box; background: #fff; display: flex; align-items: center; justify-content: flex-end; padding: 0 18px; font-size: 14px; color: #5e6062; font-weight: 500; margin-right: 5px; }
    .basket-process-wrap .budget-list li .input-cash input{text-align: right;}
/*+    .basket-process-wrap .budget-list li .crt-cash{font-weight: 600; color: #0d89e8; margin-left: 10px;}*/
    +    .basket-process-wrap .budget-list li .crt-cash{font-weight: 600; color: #d00f11; margin-left: 10px;}
    /*.basket-process-wrap .budget-list li .btn-ty1{width: 90px; height: 30px; font-size: 12px; color: #101010; border: 1px solid #c8c8c8; border-radius: 8px; background: #fff; margin-left: 20px;}*/
    .basket-process-wrap .budget-list li .btn-ty1{width: 95px; height: 30px; font-size: 12px; color: #101010;  padding-left: 25px; position: relative; margin-left:10px; }
    .basket-process-wrap .budget-list li .btn-ty1:before { content:''; display:inline-block; width:18px; height:18px; border-radius: 3px; border: 1px solid #c8c8c8; position: absolute; top:0; bottom:0; left:0; margin:auto; }
    .basket-process-wrap .budget-list li .btn-ty1.on:before { background:#85888d url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat; }
    .basket-process-wrap .budget-total{color: #5e6062; font-size: 16px; font-weight: bold; padding: 0 40px;}
    .basket-process-wrap .budget-total li{display: flex; align-items: center; justify-content: space-between;}

    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment{display: flex; align-items: center; }
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment li{margin-right: 18px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment input[type="radio"]{display: none;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment input[type="radio"]:checked + label::before{width: 7px; height: 7px; border: 4px solid #0e89e8;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment label{display: flex; align-items: center;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment label::before{width: 13px; height: 13px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}

    .basket-process-wrap .tbl-card-sel{text-align: left; position: relative;}
    .basket-process-wrap .tbl-card-sel .btn-select{width: 380px; height: 43px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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; }
    .basket-process-wrap .tbl-card-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-card-sel .select-list{ width: 380px; 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;}
    .basket-process-wrap .tbl-card-sel .select-list ul li{color: #5e6062; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-card-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-card-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-card-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-period-sel{text-align: left; position: relative;}
    .basket-process-wrap .tbl-period-sel .btn-select{width: 380px; height: 43px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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; }
    .basket-process-wrap .tbl-period-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-period-sel .select-list{ width: 380px; 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;}
    .basket-process-wrap .tbl-period-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-period-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-period-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-period-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-btn-comp1{padding: 0 7px; background: #fff; color: #101010; font-size: 12px; height: 30px; border: 1px solid #c8c8c8; min-width: 100px; box-sizing: border-box; border-radius: 8px; font-weight: 600;}
    .basket-process-wrap .m-l1{margin-left: 16px;}
    .basket-process-wrap .m-l2{margin-left: 18px;}
    .basket-process-wrap .tbl-btn-comp2{ background: #fff; color: #101010; font-size: 14px; width: 130px; height: 40px; border: 1px solid #c8c8c8; box-sizing: border-box; border-radius: 8px; font-weight: 600;}

    .basket-process-wrap .tbl-bank-sel{text-align: left; position: relative;}
    .basket-process-wrap .tbl-bank-sel .btn-select{width: 383px; height: 43px; border: 1px solid #c8c8c8; border-radius: 10px; color: #5e6062; 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;}
    .basket-process-wrap .tbl-bank-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-bank-sel .select-list{ width: 383px; 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;}
    .basket-process-wrap .tbl-bank-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-bank-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-bank-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #5e6062;}
    .basket-process-wrap .tbl-bank-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-table .tbl-ipt{height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; font-size: 16px; color: #5e6062; padding-left: 20px; box-sizing: border-box;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w1{width: 413px;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w2{width: 125px;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w3{width: 269px;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w4{width: 758px;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w5{width: 100%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w6{width: 269px;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w7{width: 125px;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w8{width: 269px;}

    .basket-process-wrap .payment-table .rd-list{display: flex;}
    .basket-process-wrap .payment-table .rd-list li{margin-right: 20px;}
    .basket-process-wrap .payment-table .rd-list input[type="radio"]{display: none;}
    .basket-process-wrap .payment-table .rd-list input[type="radio"]:checked + label::before{width: 8px; height: 8px; border: 5px solid #0e89e8;}
    .basket-process-wrap .payment-table .rd-list label{display: flex; align-items: center;}
    .basket-process-wrap .payment-table .rd-list label::before{width: 14px; height: 14px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}
    .basket-process-wrap .payment-table .aln-top{vertical-align: top; padding-top: 20px;}
    .basket-process-wrap .payment-table .ipt-dot{margin: 0 6px 0 7px; color: #000; font-size: 18px;}
    .basket-process-wrap .payment-table .chk-item{display: flex; align-items: center; margin-left: 10px; margin-bottom: 0; position: relative;}
    .basket-process-wrap .payment-table .chk-item input[type="checkbox"] + label{display: flex; text-indent: unset; align-items: center; font-size: 14px; color: #5e6062;}
    .basket-process-wrap .payment-table .chk-item input[type="checkbox"] + label::before{margin-right: 10px;}
    .basket-process-wrap .payment-table	.chk-item.chk-item-tt{background: #fff; margin: 0px 0px -1px 0; padding: 10px 0;}
    .basket-process-wrap .payment-table .chk-item2{display: flex; align-items: center; margin-left: 10px; margin-bottom: 0;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"]{display: none;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"] + label{display: flex; text-indent: unset; align-items: center; font-size: 16px; margin-right: 5px;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"] + label::before{content: ''; width: 22px; height: 22px; border: 2px solid #dedede; display: block; border-radius: 8px; margin-right: 5px;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"]:checked + label::before{border: 2px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
    .basket-process-wrap .payment-table	.chk-item2.chk-item-tt{background: #fff; margin: 0px; padding: 10px 0;}
    .basket-process-wrap .payment-table .tbl-btn-grey{margin-left: 10px;}
    .basket-process-wrap .tbl-email-sel{text-align: left; position: relative; margin-left: 10px;}
    .basket-process-wrap .tbl-email-sel .btn-select{width: 269px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #5e6062; 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; }
    .basket-process-wrap .tbl-email-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-email-sel .select-list{ width: 202px; 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;}
    .basket-process-wrap .tbl-email-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-email-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-email-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-email-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-use-sel{text-align: left; position: relative;}
    .basket-process-wrap .tbl-use-sel .btn-select{width: 269px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #5e6062; 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; }
    .basket-process-wrap .tbl-use-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-use-sel .select-list{ width: 269px; 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;}
    .basket-process-wrap .tbl-use-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-use-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-use-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-use-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-way-sel{text-align: left; position: relative;}
    .basket-process-wrap .tbl-way-sel .btn-select{width: 269px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #5e6062; 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: #000; }
    .basket-process-wrap .tbl-way-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-way-sel .select-list{ width: 269px; 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;}
    .basket-process-wrap .tbl-way-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-way-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-way-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-way-sel .select-list.select-on{display: block;}
    /* e  */

    /* s  */
    .basket-process-wrap .process-area{border: 1px solid #d9d9d9; border-radius: 10px; margin: 12px 0 30px 0; display: flex; padding: 29px 22px 25px 22px; box-sizing: border-box; flex-wrap: wrap;}
    .basket-process-wrap .process-area .delivery-part{width: 50%; box-sizing: border-box; padding-bottom: 18px;}
    .basket-process-wrap .process-area .delivery-part p{font-size: 18px; margin-top: 15px;}
    .basket-process-wrap .process-area .delivery-part .rest-tt{color: #0e89e8; font-weight: 600;}
    .basket-process-wrap .process-area .delivery-part:nth-child(2){padding-left: 23px; border-left: 1px solid #d9d9d9;}
    .basket-process-wrap .process-area .delivery-part div{display: flex; align-items: center; font-weight: 800; font-size: 16px;}
    .basket-process-wrap .process-area .delivery-part .ico-location{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-location.png) left/100% no-repeat; margin-right: 10px; }
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li{margin-top: 10px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li:nth-child(1){font-size: 16px; color: #000; font-weight: 700;}
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li:nth-child(2){font-size: 14px; color: #000;}
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li:nth-child(3){font-size: 14px; color: #000}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li{font-size: 14px; margin-top: 10px; display: flex; }
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li strong{font-weight: normal; color: #000; min-width: 56px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li span{color: #000; margin-left: 16px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li a{color: #000; margin-left: 16px;}

    .basket-process-wrap .process-area .process-bar{display: flex; box-sizing: border-box; width: 100%; margin-top: 7px; overflow: hidden; border-top: 1px solid #e7e9eb; padding-top: 38px; justify-content: center;}
    .basket-process-wrap .process-area .process-bar div{display: flex; align-items: center; justify-content: center; font-size: 14px; color: #b3b4b5; font-weight: normal; position: relative; padding-right: 37px; margin-right: 22px;}
    .basket-process-wrap .process-area .process-bar div::before{width: 36px; height: 36px; border-radius: 4px; content: ''; margin-right: 16px; box-sizing: border-box; border: 1px solid #e7e9eb;}
    .basket-process-wrap .process-area .process-bar div.complete::before{background: url(https://resource.mall.castingn.com/static/images/prg-check.png) left/100% no-repeat; border: 0;}
    .basket-process-wrap .process-area .process-bar div.current::before{background: url(https://resource.mall.castingn.com/static/images/prg-check-on.png) left/100% no-repeat; border: 0;}
    .basket-process-wrap .process-area .process-bar div.current{color: #0e89e8; font-size: 14px; font-weight: bold;}
    .basket-process-wrap .process-area .process-bar div::after{width: 16px; height: 26px; display: block; position: absolute; right: 0; top: 4px; content: ''; background: url(https://resource.mall.castingn.com/static/images/prg-arrow.png) center no-repeat; z-index: 10; }
    .basket-process-wrap .process-area .process-bar div:last-child:after{display: none;}

    .basket-process-wrap .process-area .process-bar2{display: flex; border: 1px solid #d9d9d9; box-sizing: border-box; width: 100%; margin-top: 7px; border-radius: 5px; height: 60px; overflow: hidden;}
    .basket-process-wrap .process-area .process-bar2 div{width: 25%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #676767; font-weight: 700; position: relative; }
    .basket-process-wrap .process-area .process-bar2 div.complete{color: #0e89e8;}
    .basket-process-wrap .process-area .process-bar2 div.current{background: #0e89e8; color: #fff; font-size: 18px;}
    .basket-process-wrap .process-area .process-bar2 div::after{width: 31px; height: 60px; display: block; position: absolute; right: -31px; top: 0; content: ''; background: url(https://resource.mall.castingn.com/static/images/ico-prbar.png) center no-repeat; z-index: 10; }
    .basket-process-wrap .process-area .process-bar2 div.current::after{background: url(https://resource.mall.castingn.com/static/images/ico-prbar-on.png) center no-repeat;}

    .basket-process-wrap .order-msg{font-size: 16px; color: #222222; font-weight: 500; display: flex; margin: 24px 12px; letter-spacing: -0.01px; position: relative; flex-wrap: wrap;}
    .basket-process-wrap .order-msg.ty1{margin-top: 13px; border-top: 1px solid #ececec; padding-top: 13px;}
    .basket-process-wrap .order-msg .order-comp{font-size: 16px;}
    .basket-process-wrap .order-msg .order-comp span{color: #0d89e8; margin:0 15px 0 10px; font-weight: bold;}
    .basket-process-wrap .order-msg .order-tt{color: #666; margin:0 0 0 auto; font-weight: 500; font-size: 12px; letter-spacing: -0.48px;}
    .basket-process-wrap .order-msg .order-tt.mt-1{margin-top: 7px;}

    .basket-process-wrap .order-msg .rc-tt{color: #666; margin:0 0 0 auto; font-weight: 500; font-size: 12px; letter-spacing: -0.48px;}

    .basket-process-wrap .order-msg .order-comp .line{margin: 0 15px 0 0; color: #222222;}
    .basket-process-wrap .order-msg .order-link{font-size: 14px; color: #0e89e8; font-weight: bold; right: 0; display: flex; align-items: center; margin-left: auto;}
    .basket-process-wrap .order-msg .order-link:after{width: 6px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/ico-btn-arrow.png) center/100% no-repeat; content: ''; margin-left: 6px;}
    .basket-process-wrap .order-msg .info-tt{margin-left: auto; font-size: 18px; color: #222; font-weight: 600; margin-right: 0; margin-bottom: -4px;}

    .basket-process-wrap .order-msg .order-group{display: flex; align-items: center; margin-left: auto;}
    .basket-process-wrap .order-msg .order-group .order-link{margin-left: 8px;}

    .basket-process-wrap .rating-tit{margin-top: 40px; font-size: 22px; color: #000; font-weight: 700;}
    .basket-process-wrap .rating-tit.first{margin-top: 80px;}
    .basket-process-wrap .rating-area{display: flex; align-items: center; margin-top: 30px; padding-bottom: 38px;}
    .basket-process-wrap .rating-area.first{border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .rating-area .rating-part{display: flex; align-items: center;}
    .basket-process-wrap .rating-area .rating-part:first-child{margin-right: 90px;}
    .basket-process-wrap .rating-area .rating-part strong{font-weight: 700; color: #000; font-size: 18px; margin-right: 27px;}
    .basket-process-wrap .rating-area .rating-part a{display: flex; margin-right: 4px;}
    .basket-process-wrap .rating-area .rating-part a span{ overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; position: absolute;}
    .basket-process-wrap .rating-area .rating-part a::before{width: 21px; height: 21px; background: url(https://resource.mall.castingn.com/static/images/ico-star-back.png) center/100% no-repeat; content: '';}
    .basket-process-wrap .rating-area .rating-part a.rating1::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star1.png);}
    .basket-process-wrap .rating-area .rating-part a.rating2::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star2.png);}
    .basket-process-wrap .rating-area .rating-part a.rating3::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star3.png);}
    .basket-process-wrap .rating-area .rating-part a.rating4::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star4.png);}
    .basket-process-wrap .rating-area .rating-part a.rating5::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star5.png);}
    .basket-process-wrap .rating-area .rating-part .grade{color: #32ab8c; font-size: 16px; font-weight: 600; margin-left: 4px;}
    .basket-process-wrap .rating-area .bt-rate{display: flex; align-items: center; justify-content: center; font-size: 16px; color: #0e89e8; width: 135px; height: 40px; border: 1px solid #0e89e8; border-radius: 30px; font-weight: 600; margin-left: auto;}
    .basket-process-wrap .rating-area button:disabled{border: 0; background: #eeeeee; color: #999;}

    .basket-process-wrap .review-area{margin-top: 40px; }
    .basket-process-wrap .review-area .review-tit{font-size: 18px; font-weight: 700; color: #000;}
    .basket-process-wrap .review-area .tt-area{display: flex;}
    .basket-process-wrap .review-area .tt-area textarea{height: 157px; box-sizing: border-box; padding: 20px 30px; border: 1px solid #d9d9d9; border-radius: 20px; font-size: 16px; color: #000; width: 100%; margin-top: 20px;}
    .basket-process-wrap .review-area .bt-result{display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; width: 135px; height: 40px; background: #0e89e8; border-radius: 30px; font-weight: 600; margin-left: auto; margin-top: 25px;}

    .basket-process-wrap .review-msg{margin-top: 40px;}
    .basket-process-wrap .review-msg li{color: #7a7a7a; font-size: 16px; margin-top: 10px; padding-left: 10px; position: relative;}
    .basket-process-wrap .review-msg li::before{width: 4px; height: 4px; content: ''; border-radius: 2px; background: #7a7a7a; position: absolute; left: 0; top: 7px; display: block;}

    .basket-process-wrap .oc-rd-area .oc-tit, .basket-process-wrap .oc-rd-area2 .oc-tit, .basket-process-wrap .oc-rd-area3 .oc-tit{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 28px;}
    .basket-process-wrap .oc-rd-area{border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 30px 0; margin-bottom: 30px;}
    .basket-process-wrap .oc-rd-area .oc-list li{padding-left: 24px; margin-bottom: 20px;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;margin-right:20px;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox span{display:flex; margin-left:24px; font-size:14px; color: #000;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox span b{font-size: 12px; color: #000; font-weight: normal; margin-left: 6px;}

    .basket-process-wrap .oc-rd-area2{border-bottom: 1px solid #ececec; margin-bottom: 30px; padding-bottom: 30px;}
    .basket-process-wrap .oc-rd-area2 .oc-list2{display: flex; align-items: center; padding-left: 24px;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center; margin-right:67px;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li:last-child .rdbox{margin-right: 0;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox span{display:flex; margin-left:24px; font-size:14px; color: #000; font-weight: normal;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox span b{font-size: 12px; color: #000; font-weight: normal; margin-left: 6px;}
    .basket-process-wrap .oc-rd-area2 .ret-tit{font-size: 14px; color: #000; font-weight: 500; margin-right: 45px; width: 95px;}

    /*.basket-process-wrap .oc-area{
        border-bottom: 1px solid #ececec;
        border-top: 1px solid #ececec;
        padding:22px 0 25px 0;
        margin-bottom: 30px;
    }*/
    .basket-process-wrap .oc-area {
        padding: 24px 40px;
        border-radius: 10px;
        border:1px solid #C8C8C8;
        display: flex;
        box-sizing: border-box;
        margin: 24px 0;
    }
    .basket-process-wrap .oc-area .oc-tit{display: flex; align-items: center; font-weight: bold; color: #000; margin-bottom: 21px;}
    .basket-process-wrap .oc-area .oc-tit strong{font-size: 18px; margin-right: 56px; }
    .basket-process-wrap .oc-area .oc-tit span{font-size: 16px;}
    .basket-process-wrap .oc-area .oc-cont{font-size: 14px; line-height: 24px; display: grid}

    .basket-process-wrap .oc-list3 > li{display: flex; margin-bottom: 22px; position: relative;}
    .basket-process-wrap .oc-list3 > li > span{font-size: 14px; font-weight: 500; color: #000;}
    .basket-process-wrap .oc-list3 > li:nth-child(1){align-items: center;}
    .basket-process-wrap .oc-list3 > li:last-child{margin-bottom: 0;}
    .basket-process-wrap .oc-list3 > li.col{flex-direction: column;}
    .basket-process-wrap .oc-list3 > li .delivery-box{width: calc(100% - 140px); margin-top: 0;}
    .basket-process-wrap .oc-list3 > li input[type="text"]{width: calc(100% - 140px); border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; height: 52px; box-sizing: border-box; padding: 0 20px;}
    .basket-process-wrap .oc-list3 > li .ret-msg{font-weight: normal;}
    .basket-process-wrap .oc-list3 > li .btn-del{width: 70px;	height: 30px; border-radius: 8px;	border: solid 1px #c8c8c8; background-color: #fff; font-size: 12px;	font-weight: 500; color: #101010; position: absolute; top: 33px;}

    .basket-process-wrap .oc-list3 > li .lnfo-list{font-size: 16px;}
    .basket-process-wrap .oc-list3 > li .lnfo-list li{display: flex; align-items: center; margin-bottom: 12px;}
    .basket-process-wrap .oc-list3 > li .lnfo-list li strong{width: 62px; margin-right: 36px; font-weight: normal}
    .basket-process-wrap .oc-list3 > li .lnfo-list li span{font-weight: normal;}
    .basket-process-wrap .oc-list3 > li .lnfo-list li:last-child{margin-bottom: 0;}

    .basket-process-wrap .oc-tt-box{height: 96px;}
    .basket-process-wrap .oc-tt-box textarea{width: 100%; height: 100%; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; font-size: 14px; color: #000; box-sizing: border-box; resize: none; padding: 18px 20px;}
    .basket-process-wrap .oc-tt-box textarea::placeholder{color: #999;}
    .basket-process-wrap .oc-tt-box textarea::-moz-placeholder{color: #999;}

    .basket-process-wrap .rf-info-box{border-radius: 15px; background-color: #f8f8f8; padding: 32px 40px }
    .basket-process-wrap .rf-info-box .rf-tit{font-size: 18px; font-weight: bold; margin-bottom: 12px }
    .basket-process-wrap .rf-info-box .rf-cont {
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        padding:24px;
    }
    /*.basket-process-wrap .rf-info-box .info-area{padding: 0 25px 0 40px;}*/
    .basket-process-wrap .rf-info-box .info-area.fst{
        border-bottom: 1px solid #E8E8E8;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .basket-process-wrap .rf-info-box .info-area .item{display: flex; align-items: center; justify-content: flex-start;}
    .basket-process-wrap .rf-info-box .info-area .item .item-tit{font-size: 16px; color: #000;}
    .basket-process-wrap .rf-info-box .info-area.fst .item .item-tit,
    .basket-process-wrap .rf-info-box .info-area.fst .item .item-dtl{
        color:#666;
    }
    .basket-process-wrap .rf-info-box .info-area .item .item-tit.font-up{font-size: 18px; font-weight: bold;}
    .basket-process-wrap .rf-info-box .info-area .item .item-dtl{margin-left: auto; font-size: 16px;}
    .basket-process-wrap .rf-info-box .info-area .item .c-line{text-decoration: line-through;}
    .basket-process-wrap .rf-info-box .info-area .item .smt-tt{font-size: 12px; color: #32ab8c; margin-right: 13px; font-weight: bold;}
    .basket-process-wrap .rf-info-box .info-area .item .card-tt{font-weight: normal;}
    .basket-process-wrap .rf-info-box .item-box{background: #fff; border-radius: 8px;	border: solid 1px #e7e9eb; color: #000; font-size: 16px; margin-top: 20px; padding: 17px 24px; margin: 0 -25px 0 -40px; margin-top: 20px;}
    .basket-process-wrap .rf-info-box .item-box .list{margin-bottom: 12px; display: flex; align-items: center;}
    .basket-process-wrap .rf-info-box .item-box .list:last-child{margin-bottom: 0;}
    .basket-process-wrap .rf-info-box .item-box .list .list-tit{width: 57px; margin-right: 70px;}

    .basket-process-wrap .pay-tt-area{ color: #000; margin-bottom: 27px;}
    .basket-process-wrap .pay-tt-area .pay-tit{font-size: 18px; font-weight: bold; margin-bottom: 30px;}
    .basket-process-wrap .pay-tt-area .pay-tt1{font-size: 18px; font-weight: bold; margin-bottom: 36px; border-bottom: 1px solid #ececec; padding-bottom: 23px;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span{margin-left: 92px;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span b:first-child{font-size: 14px; text-decoration: line-through; color: #85888d;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span b.no-line{text-decoration: none;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span b:last-child{font-size: 12px; color: #32ab8c; margin-left: 7px;}
    .basket-process-wrap .pay-tt-area .pay-tt2{font-size: 18px; font-weight: bold; color: #000;}

    .basket-process-wrap .dtl-list{ color: #222; letter-spacing: 0.01px;}
    .basket-process-wrap .dtl-list > li{display: flex; align-items: flex-start; margin-top: 24px; font-size: 16px; }
    .basket-process-wrap .dtl-list > li > strong{font-weight: bold; width: 130px; margin-right: 20px; font-size: 18px;}
    .basket-process-wrap .dtl-list > li .name{margin-right: 7px; font-weight: bold; display: flex; align-items: center;}
    .basket-process-wrap .dtl-list > li .name:before{width: 21px; height: 21px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/ico-user.png) center/100% no-repeat; content: ''; margin-right: 7px;}
    .basket-process-wrap .dtl-list > li .team{font-weight: 500;}
    .basket-process-wrap .dtl-list > li .ymd{margin-left: auto; font-size: 15px;}
    .basket-process-wrap .dtl-list > li .item-group{width: calc(100% - 150px);}
    .basket-process-wrap .dtl-list > li .item-group > div{display: flex; align-items: center;}
    .basket-process-wrap .dtl-list > li .item-group > div:first-child{margin-bottom: 14px;}
    .basket-process-wrap .dtl-list > li .item-group > div strong{font-weight: normal; color: #666;}
    .basket-process-wrap .dtl-list > li .item-group > div .msg-box{width: 700px; height: 42px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; margin-left: auto; font-size: 16px; padding: 11px 16px; box-sizing: border-box;}
    .basket-process-wrap .dtl-list > li .dtl-act-list{font-weight: 500; color: #000;}
    .basket-process-wrap .dtl-list > li .dtl-act-list li{margin-bottom: 9px;}
    .basket-process-wrap .info-msg{color: #0e89e8; font-size: 14px; font-weight: 500; display: flex; align-items: center; margin-top: -18px;}
    .basket-process-wrap .info-msg::before{font-size: 11px;  width: 17px;	height: 17px; border: solid 1px #0e89e8; background-color: #fff; border-radius: 50%; content: '!'; text-align: center; margin-right: 7px;}

    .basket-process-wrap .my-inquiry-area .inquiry-list{border-bottom: 1px solid #ececec; padding: 24px 0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item1{padding-top: 0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item2 > li{margin-bottom: 12px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item2 > li:last-child{margin-bottom: 0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item3 > li{margin-bottom: 21px; }
    .basket-process-wrap .my-inquiry-area .inquiry-list.item3 > li:last-child{margin-bottom: 0;}


    .basket-process-wrap .my-inquiry-area .inquiry-list > li{display: flex; align-items: center;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li > strong{font-size: 18px; font-weight: 500; color: #000; width: 80px; margin-right: 53px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li > div{line-height: 1;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li > div.ty-row { width:calc(100% - 80px); }

    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rd-list{display: flex; align-items: center;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;margin-right:20px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox span{display:flex; margin-left:8px; font-size:14px; color: #000;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li select.ipt-1 { background: url(https://resource.mall.castingn.com/static/images/icons/ico-tg-down.png) right 8px center no-repeat; }
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .ipt-1{width: 240px; height: 52px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 0 20px; font-size: 16px; color: #999; margin-right: 48px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .ipt-1::placeholder{color: #e0e0e0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .txta-1{width: calc(100% - 73px); height: 240px; border-radius: 8px; border: solid 1px #c8c8c8;  background-color: #fff; resize: none; box-sizing: border-box; padding: 16px 20px; }
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .txta-1::placeholder{color: #e0e0e0;}

    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li{display: flex; align-items: flex-start; margin-bottom: 24px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li > strong{font-size: 16px; font-weight: 500; color: #000; width: 80px; margin-right: 45px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li > div{font-weight: 500; color: #000; font-size: 16px; width: calc(100% - 125px);}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li .txta-box{width: calc(100% - 73px); height: 240px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 16px 20px;}

    .agr-area{text-align: center; margin-top: 24px;}
    .agr-area .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;}
    .agr-area .rdbox input[type=checkbox]{cursor:pointer; outline:none; display:flex; background:#fff; border:1px solid #707070; width:16px;height:16px; border-radius:4px; overflow:hidden; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
    .agr-area .rdbox input[type=checkbox]:checked{width:16px; height:16px; background:#fff url(https://resource.mall.castingn.com/static/images/sub/ico-chk3.png) center no-repeat;}
    .agr-area .rdbox span{display:flex; margin-left:4px; font-size:14px; color: #000;}


    /* s: 스마트핀클럽 서브  */
    .joinWrap .inner{max-width: 1088px; margin: auto; padding-bottom: 80px;}
    .joinWrap .period-tt{text-align: right; margin-top: 59px;  color: #222; font-size: 18px; letter-spacing: -0.01px; font-weight: 500;}
    .joinWrap .period-tt span:last-child{color: #101010; font-weight: bold;}
    .joinWrap .info-box{height: 473px; box-sizing: border-box; border-radius: 8px; border: solid 1px #dadce0; background-color: #fff; margin: 23px 0 25px 0; padding: 0 48px; position: relative; overflow: hidden;}
    .joinWrap .info-box:before{content: ''; display: block; width: 100%; height: 9px; position: absolute; left: 0; top: 0; background: rgba(70,204,123,1);
        background: -moz-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(19,141,223,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50,171,140,1)), color-stop(100%, rgba(19,141,223,1)));
        background: -webkit-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(19,141,223,1) 100%);
        background: -o-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(19,141,223,1) 100%);
        background: -ms-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(19,141,223,1) 100%);
        background: linear-gradient(to right, rgba(50,171,140,1) 0%, rgba(19,141,223,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ab8c', endColorstr='#138ddf', GradientType=1 );}
    .joinWrap .info-box .info-tit{font-size: 24px; font-weight: bold; color: #292929; margin-top: 38px; margin-bottom: 46px;}
    .joinWrap .info-box .info-tit strong{color: #32ab8c;}
    .joinWrap .info-box .item-group{display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 35px;}
    .joinWrap .info-box .item-group.fst{align-items: flex-start; margin-bottom: 52px;}
    .joinWrap .info-box .item-group .item-tit{width: 49px; font-size: 16px; font-weight: 500; color: #101010; letter-spacing: -0.01px;}
    .joinWrap .info-box .item-group .item{margin-left: 71px; width: calc(100% - 120px); display: flex; align-items: center;}
    .joinWrap .info-box .item-group .item-list{display: flex; align-items: center; margin-bottom: 17px; width: 100%;}
    .joinWrap .info-box .item-group .item-list li{display: flex; flex-direction: column; align-items: flex-start; width: 25%; position: relative; padding-left: 26px; box-sizing: border-box;}
    .joinWrap .info-box .item-group .item-list li:after{position: absolute; display: block; width: 1px; height: 29px; background: #dadce0; content: ''; right: 0; top: 10px;}
    .joinWrap .info-box .item-group .item-list li:last-child:after{display: none;}
    .joinWrap .info-box .item-group .item-list li .tit{letter-spacing: -0.01px; color: #3a3b3c; font-size: 14px; margin-bottom: 8px;}
    .joinWrap .info-box .item-group .item-list li > span{font-weight: 500; color: #292929; font-size: 24px;}
    .joinWrap .info-box .item-group .msg-box{width: calc(100% - 120px); margin-left: auto; background: #f9f9fa; padding: 11px 24px; box-sizing: border-box; font-size: 16px; color: #101010; letter-spacing: 0.01px; font-weight: 500;}
    .joinWrap .info-box .item-group .msg-box b{font-weight: 500; color: #32ab8c;}
    .joinWrap .info-box .item-group .msg-box b strong{font-weight: bold;}

    .joinWrap .ico-thum{width: 48px; height: 48px; border-radius: 12px; border: solid 2px #6c63f2; margin-right: 15px; position: relative;}
    .joinWrap .ico-thum:after{width: 22px; height: 22px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-pin-check.png) left/100% no-repeat; display: block; content: ''; position: absolute; right: -5px; top: -5px;}
    .joinWrap .ico-thum img{width: 100%; object-fit: cover; }
    .joinWrap .desc{display: flex; flex-direction: column; align-items: flex-start; color: #3a3b3c; font-size: 14px; letter-spacing:-0.01px;}
    .joinWrap .desc span:last-child{margin-top: 6px; font-weight: 500; color: #101010;}
    .joinWrap .desc span b{color: #32ab8c; font-weight: bold;}

    .joinWrap .info-bottom{border-top: 1px solid #dadce0; height: 50px; margin:0 -48px; display: flex; align-items: center; padding: 0 48px; box-sizing: border-box;}
    .joinWrap .info-bottom p{font-size: 16px; letter-spacing: -0.01px; color: #222; font-weight: 500;}
    .joinWrap .info-bottom p span{font-size: 16px; margin-left: 18px;}
    .joinWrap .info-bottom p span b{font-size: 20px;}
    .joinWrap .info-total{border-top: 1px solid #dadce0; background: #f0f9ff; height: 71px; margin: 0 -48px; display: flex; align-items: center; justify-content: flex-end; padding-right: 137px; box-sizing: border-box;}
    .joinWrap .info-total span{font-size: 16px; color: #101010; letter-spacing: -0.4px; font-weight: 500; display: flex; align-items: center;}
    .joinWrap .info-total span strong{font-size: 24px; font-weight: bold; color: #0d89e8;  letter-spacing: -0.6px; margin: 0 6px 0 26px;}

    .joinWrap .info-box2{box-sizing: border-box; border-radius: 8px; border: solid 1px #dadce0; background-color: #fff; padding: 0 48px; position: relative; overflow: hidden; margin-bottom: 36px;}
    .joinWrap .info-box2 .info-tit{font-size: 16px; font-weight: 500; color: #101010; border-bottom: 1px solid #e7e9eb; padding: 31px 0 13px 0; margin-bottom: 17px;}
    .joinWrap .info-box2 .rd-list{display: flex; align-items: center; margin-bottom: 28px; font-size: 14px; color: #5e6062; padding-left: 16px; line-height: 1;}
    .joinWrap .info-box2 .rd-list li{position: relative;}
    .joinWrap .info-box2 .rd-list li .toolip{width: 134px; height: 27px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip_6.png) left/100% no-repeat; display: block; position: absolute; right: -61px; top: -3px; font-size: 12px;
        color: #000; display: flex; align-items: center; justify-content: center; font-weight: 500; box-sizing: border-box; padding-left: 3px;}
    .joinWrap .info-box2 .rd-list li .toolip b{margin-left: 4px;}

    .joinWrap .info-box2 .rd-list li .rdbox{display:inline-flex; justify-content: flex-start; align-items:center; margin-right: 83px;}
    .joinWrap .info-box2 .rd-list li .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;}
    .joinWrap .info-box2 .rd-list li .rdbox input[type=radio]:checked{background: #0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .joinWrap .info-box2 .rd-list li .rdbox input[type=radio]:checked + span{color: #3f88e1;}
    .joinWrap .info-box2 .rd-list li .rdbox span{font-weight: bold;}

    .joinWrap .info-box2 .msg-box{margin: 0 86px 44px 91px; height: 121px; border-radius: 12px; border: solid 1px #e5e5e5; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #5e6062; line-height: 24px;}
    .joinWrap .info-box2 .msg-box p{text-align: center;}

    .joinWrap .info-box2 .msg-tt{text-align: center; margin-bottom: 31px; font-size: 14px; color: #222;}
    .joinWrap .info-box2 .msg-tt span{font-size: 18px; letter-spacing: -0.45px; color: #0d89e8; font-weight: bold;}

    .joinWrap .info-box2 .tab-box .tab-btn-area{display: flex; align-items: center;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a{width: 50%; text-align: center; font-size: 16px; color: #222; background: #b3b7ba; opacity: 0.3; height: 54px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 12px 12px 0 0;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a.on{color: #222; font-weight: bold; opacity: 1; background: #f9f9fa;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a > span{height: 100%; display: flex; align-items: center; padding: 0 19px; position: relative;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a.on > span::after{display: block; position: absolute; content: ''; width: 100%; height: 2px; background: #000; left: 0; bottom: 0;}

    .joinWrap .info-box2 .tab-box .tab-con{height: 235px; background: #f9f9fa; box-sizing: border-box;}
    .joinWrap .info-box2 .tab-box .card-list{text-align: center; max-width: 692px; padding: 31px 43px 0;}
    .joinWrap .info-box2 .tab-box .card-list .add-card{background: #f0f9ff; border: 1px solid #8cabc3; border-radius: 8px; box-sizing: border-box; position: relative;}
    .joinWrap .info-box2 .tab-box .card-list .add-card span{position: absolute; display: flex; justify-content: center; width: 100%; color: #8cabc3; font-size: 14px; font-weight: 500; margin-top: 27px;}
    .joinWrap .info-box2 .tab-box .card-list .card-prev{width: 26px; height: 135px; background:#f9f9fa url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-card-arr.png) center no-repeat; font-size: 0; position: absolute; top: 31px; left: 0; line-height: 0; z-index: 10;}
    .joinWrap .info-box2 .tab-box .card-list .card-next{width: 26px; height: 135px; background:#f9f9fa 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: 31px;
        line-height: 0; z-index: 10; font-size: 0;}
    .joinWrap .info-box2 .tab-box .card-list .swiper-slide.swiper-slide-active .card-select{position: relative;}
    .joinWrap .info-box2 .tab-box .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;}
    .joinWrap .info-box2 .tab-box .card-list .swiper-slide.card-empty{visibility: hidden; font-size: 0; text-indent: -9999999px; line-height: 0;}
    .joinWrap .info-box2 .tab-box .card-list .card-select .act-info{position: absolute; display: flex; flex-direction: column; align-items: flex-start; left: 18px; bottom: 24px; font-size: 12px; color: #222; }
    .joinWrap .info-box2 .tab-box .card-list .card-select .act-info span{opacity: 0.5;}
    .joinWrap .info-box2 .tab-box .card-list .card-select .act-info .act-num{font-size: 14px; color: #fff; opacity: 1; font-weight: bold;}
    .joinWrap .info-box2 .tab-box .card-sel{margin: 12px auto 0; max-width:692px;}
    .joinWrap .info-box2 .tab-box .card-sel select{width: 214px; height: 31px; border-radius: 2px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; font-size: 12px; color: #85888d;
        background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-sel-arr.png) 94% center no-repeat;}
    .joinWrap .info-box2 .tab-box .card-sel .card-name{width: 214px; display: block; text-align: center;}

    .joinWrap .info-box2 .info-tt{text-align: center; font-size: 14px; line-height: 22px; color: #5e6062; margin-bottom: 34px;}
    .joinWrap .info-box2 .info-tt .tt-1{color: #101010; font-weight: 500; margin-bottom: 9px;}
    .joinWrap .info-box2 .file-box{height: 149px; border-radius: 12px; border: 2px solid #8cabc3; background: #f0f9ff; box-sizing: border-box; padding: 0 47px 0 31px; display: flex; align-items: flex-start; margin-bottom: 18px;}
    .joinWrap .info-box2 .file-box .tt-group{margin-top:28px; color: #101010; }
    .joinWrap .info-box2 .file-box .tt-group .tt-1{font-size: 14px; color: #101010; line-height: 24px; margin-bottom: 18px;}
    .joinWrap .info-box2 .file-box .tt-group .tt-1 span{letter-spacing: -0.35px; color: #0d89e8; font-weight: bold;}
    .joinWrap .info-box2 .file-box .tt-group .tt-2{font-size: 12px; font-weight: 500; color: #5e6062;}
    .joinWrap .info-box2 .file-box .tt-group .tt-2 .bar{margin: 0 4px; font-weight: normal;}

    .joinWrap .info-box2 .file-box .btn-area{margin: 49px 0 0 auto;}
    .joinWrap .info-box2 .file-box .btn-add{min-width: 180px; padding: 0 10px; height: 33px; font-size: 14px; color: #101010; border-radius: 8px; border: solid 1px #707070; background: #fff; display: flex; justify-content: center; box-sizing: border-box; cursor: pointer;}
    .joinWrap .info-box2 .file-box .btn-add input[type="file"]{position: absolute; width: 0; height: 0; overflow: hidden;}

    .joinWrap .info-box2 .file-box .btn-area .upload-box{position: relative; display: none;}
    .joinWrap .info-box2 .file-box .btn-area .upload-box .btn-del{display: block; width: 24px; height: 24px; font-size: 0; text-indent: -999999px; right: 5px; top: 5px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-del.png) left/100% no-repeat; position: absolute;}
    .joinWrap .info-box2 .file-box .btn-area .file-upload{height: 33px; background: #e7e9eb; border-radius: 8px; border: solid 1px #707070;  position: relative; font-size: 14px; color: #010101; box-sizing: border-box; padding: 0 30px 0 10px; min-width: 341px;}

    .joinWrap .info-box2 .file-box .btn-add span{display: flex; align-items: center; justify-content: center;}
    .joinWrap .info-box2 .file-box .btn-add span::before{width: 11px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-add.png) left/100% no-repeat; content: ''; margin-right: 6px;}
    .joinWrap .info-box2 .file-box .btn-area .desc{font-size: 10px; color: #85888d; text-align: center; margin-top: 3px; display: block;}
    .joinWrap .info-box2 .info-list{font-size: 12px; letter-spacing: -0.3px; color: #5e6062; margin-bottom: 45px;}
    .joinWrap .info-box2 .info-list li{margin-bottom: 6px;}

    .joinWrap .agr-area{padding: 0 48px; margin-bottom: 80px; text-align: left;}
    .joinWrap .agr-area .agr-tit{font-size: 16px; color: #010101; font-weight: 500; margin-bottom: 22px;}
    .joinWrap .agr-area .agr-all{margin-bottom: 6px;}
    .joinWrap .agr-area .agr-all .chkbox{display:inline-flex; justify-content: flex-start; align-items:center;}
    .joinWrap .agr-area .agr-all .chkbox input[type="checkbox"]{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;}
    .joinWrap .agr-area .agr-all .chkbox input[type="checkbox"]:checked{background: #0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .joinWrap .agr-area .agr-all .chkbox span{font-weight: 500; color: #010101; letter-spacing: -0.07px;}

    .joinWrap .agr-area .agr-list{padding-left: 30px;}
    .joinWrap .agr-area .agr-list .chkbox{display:inline-flex; justify-content: flex-start; align-items:center;}
    .joinWrap .agr-area .agr-list .chkbox input[type="checkbox"]{cursor:pointer; outline:none; display:flex; background:url(https://resource.mall.castingn.com/static/images/ico-rd-chk2.png) center no-repeat; width:21px; height:21px; overflow:hidden; appearance: none;
        -moz-appearance: none; -webkit-appearance: none; margin-right: 4px;}
    .joinWrap .agr-area .agr-list .chkbox input[type="checkbox"]:checked{background:url(https://resource.mall.castingn.com/static/images/ico-rd-chk3.png) center no-repeat;}
    .joinWrap .agr-area .agr-list .chkbox span{font-size: 14px; color: #5e6062;}
    .joinWrap .agr-area .agr-list .chkbox span b{font-weight: normal; color: #0d89e8;}
    /* e: 스마트핀클럽 서브 */

    /* s: 핀스퀘어 메인 */
    .welfare-cvc-wrap .cvc-gray-wrap {background:#f3f4fa; padding:60px 0 160px;}
    .welfare-cvc-wrap .inner{max-width: 1200px; margin: 0 auto;}
    .welfare-cvc-wrap .cvc-banner {box-sizing: border-box; height: 344px;}
    .welfare-cvc-wrap .cvc-banner > div{display: flex; flex-direction: column; padding: 42px 0 0 0; height: 100%; position: relative;}
    .welfare-cvc-wrap .cvc-banner > div::after{width: 685px;height: 344px;background: url(https://resource.mall.castingn.com/static/images/welfare/bg-pinsq.png) left/100% no-repeat; content: '';right: -155px;top: 0;position: absolute;}

    .welfare-cvc-wrap .cvc-banner .img-tt{color: #7d50f9;font-weight: bold;font-size: 25px;line-height: 2.13;}
    .welfare-cvc-wrap .cvc-banner .img-pinsq{margin-top: -15px;}
    .welfare-cvc-wrap .cvc-banner .banner-tt1{font-size: 28px; color: #000; letter-spacing: -0.7px; line-height: 24px; font-weight: bold; margin-top: 7px; display: flex; align-items: center;}
    .welfare-cvc-wrap .cvc-banner .banner-tt1 .ico-smtpin{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-smtpin.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; width: 163px; height: 34px; margin: 0 5px 0 8px;}
    .welfare-cvc-wrap .cvc-banner .banner-tt2{font-size: 20px; line-height: 32px; letter-spacing: -0.5px; color: #464646; margin-top: 17px;}

    .welfare-cvc-wrap .pinsq-guide-area{background: #3e69f9;}
    .welfare-cvc-wrap .pinsq-guide-area > div{padding: 48px 0 38px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt{font-size: 32px;color: #fff;letter-spacing: -0.8px;line-height: 24px;font-weight: normal;display: flex; flex-direction: column; align-items: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt span{font-weight: bold; letter-spacing: 0.01px; line-height: 30px; display: flex; align-items: center; margin-top: 19px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt span b{color: #02fc94; margin: 0 6px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt .ico-smtpin2{width: 288px; height: 63px; background: url(https://resource.mall.castingn.com/static/images/welfare/ico-smtpin2.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 12px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area{display: flex; margin-top: 20px; align-items: center; justify-content: space-between;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-left{width: 42.5%; height: 491px; padding: 20px 24px 30px 39px; background: #fff; border-radius: 24px; box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; position: relative;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-left:after{content: '';width: 60px;height: 60px;position: absolute;background: url(https://resource.mall.castingn.com/static/images/welfare/ico-plus.png) left/100% no-repeat;top: 44%;right: -43px;z-index: 10;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-right{ width: 55.5%;  height: 491px; padding: 20px 0 0; background: #fff; border-radius: 24px; box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; position: relative;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-tit{height: 59px; display: flex; align-items: center; justify-content: center; color: #fff; letter-spacing: -0.55px; line-height: 34px; font-size: 22px; border-radius: 30px; background: #0083fe; font-weight: 600;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-left .box-tit{width: 85%; margin: auto;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-left .box-tit span{font-weight: bold; color: #02fc94; margin: 0 3px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-right .box-tit{width: 80%; margin: auto;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-right .box-tit span{font-weight: bold; color: #ff9bdc; margin: 0 3px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1{ margin-top: 24px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li{ font-size: 18px; color: #222; font-weight: bold; letter-spacing: -0.45px;  position: relative; width: 70%; padding-left: 30%;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li span{display: flex; flex-direction: column; border-bottom: 1px solid #e1e1e1; padding: 18px 0 28px 0;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li span b{font-weight: normal; color: #0d89e8; margin-bottom: 3px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li:last-child{border-bottom: none;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li::before{position: absolute; width: 103px; height: 88px; left: 0; top: 0; content: '';}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc1::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc1.png) left/100% no-repeat;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc2::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc2.png) left/100% no-repeat;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc3::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc3.png) left/100% no-repeat;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc4::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc4.png) left/100% no-repeat;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2{display: flex; align-items: center; margin-top: 44px; justify-content: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li{margin-right: 8px; display: flex; flex-direction: column; align-items: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li:last-child{margin-right: 0;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i{width: 100px; height: 101px; margin-bottom: 10px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc1{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum1.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 93px;	height: 93px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc2{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum4.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 93px;	height: 93px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc3{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum9.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 93px;	height: 93px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc4{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum7.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 93px;	height: 93px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc5{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum5.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 93px;	height: 93px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg{position: absolute; bottom: 0; width: 100%; left: 0; background: #d8ecfc; height: 190px; border-radius: 24px; display: flex; align-items: center; flex-direction: column;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg::before{content: ''; width: 51px; height: 40px; background: url(/images/welfare/ico-coin.png) left/100% no-repeat; margin-top: 30px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg::after{position: absolute;content: '';left: 50%;top: -20px;border-bottom: 20px solid #d8ecfc;border-left: 20px solid transparent;border-right: 20px solid transparent;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg span{font-size: 32px; font-weight: bold; color: #030303; letter-spacing: -0.8px; line-height: 34px; margin-top: 15px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg span b{color: #0083fe;}
    .welfare-cvc-wrap .pinsq-guide-area .pinsq-btn{margin-top: 31px; display: flex; justify-content: center;}
    .welfare-cvc-wrap .pinsq-guide-area .pinsq-btn a{display: flex; width: 384px; height: 72px; background: #fff; border-radius: 36px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); color: #000; align-items: center; justify-content: center; font-size: 22px; font-weight: bold;}
    .welfare-cvc-wrap .pinsq-guide-area .pinsq-btn a span{color: #0083fe; margin-right: 5px;}
    .welfare-cvc-wrap .srv-tit{font-size: 32px; line-height: 34px; color: #222; font-weight: bold; margin: 93px 0 32px 0; display: block;}
    .welfare-cvc-wrap .srv-tit strong{color: #0083fe;}
    /* .welfare-cvc-wrap .pinsq-srv-list ul{display: flex; flex-wrap: wrap; align-items: flex-start;} */
    .welfare-cvc-wrap .pinsq-srv-list ul{display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 2%; row-gap: 69px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum{border-radius: 8px 8px 0 0; position: relative; height: 215px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum.no-open:after{content: 'Coming soon'; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center;
        font-size: 30px; font-weight: bold; color: rgba(255,255,255, 0.6); border-radius: 8px 8px 0 0;}

    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum img{border-radius: 10px 10px 0 0;width: 100%; object-fit: cover; height: 100%;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path{position: absolute; display: flex; align-items: center; justify-content: center; height: 41px; background: url(https://resource.mall.castingn.com/static/images/welfare/msg-path.png) left/100% 100% no-repeat; left: -8px; bottom: -7px; padding: 0 20px 0 10px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path::before{width: 8px; height: 7px; display: block; content: ''; position: absolute; background: url(https://resource.mall.castingn.com/static/images/welfare/box-emt.png) left/100% no-repeat; left: 0px; bottom: -7px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path span{font-size: 20px; color: #fff; font-weight: bold;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path span b{color: #ffef2e;}

    /* .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .hash-tag{position: absolute; display: flex; flex-direction: column; font-family: 'Cafe24Ssurround'; position: absolute; left: 20px; bottom: 19px; font-size: 24px; color: #fff;}
	.welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .hash-tag span{display: flex; height: 35px; justify-content: flex-start; align-items: center; background-image: linear-gradient(95deg, #7f4ef9 17%, #4f81ff 89%); border-radius: 8px;
		letter-spacing: -0.01px; padding: 5px; box-sizing: border-box; color: #fff; width: fit-content; margin-top: 5px;} */

    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box{height: 179px; border-radius:0 0 8px 8px;	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16);	background-color: #fff; box-sizing: border-box;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info{height: 129px; border-bottom: 1px solid #c8c8c8; padding: 17px 30px 25px 15px; box-sizing: border-box; position: relative;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info p{font-size: 22px; color: #000; line-height: 30px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; word-break: keep-all;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info .srv-detail{font-size: 16px; color: #5c5c5c; letter-spacing: -0.01px; position: absolute; left: 15px; bottom: 18px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info .srv-detail b{font-weight: bold; color: #000;}

    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-co{height: 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .srv-ptn{display: flex; align-items: center;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .srv-ptn .ptn-thum{width: 27px; height: 27px; margin-right: 8px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .srv-ptn span{font-size: 16px; color: #5c5c5c; letter-spacing: -0.01px; line-height: 21px;}

    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt{padding: 0 6px; height: 26px; display: flex; font-size: 15px; color: #222; align-items: center; justify-content: center; font-weight: bold; box-sizing: border-box; border-radius: 5px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt.type1{background: #f4d4d4;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt.type2{background: #c0e58d;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt.type3{background: #fae883;}

    .welfare-cvc-wrap .pinsq-item-list .srv-tt{font-size: 22px; color: #101010; line-height: 34px; display: flex;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt b{font-weight: bold;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt .msg-box{width: 498px; height: 37px; color: #fff; background-image: linear-gradient(to right, #59bb93 5%, #0e89e8 97%); display: flex; font-size: 16px; border-radius: 30px; align-items: center; justify-content: center; margin-left: 12px; position: relative;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt .msg-box::before{width: 9px; height: 6px; display: block; position: absolute; content: ''; background: url(/images/welfare/ico-box-tail.png) left/100% no-repeat; left: 1px; bottom: 1px;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt .msg-box b{font-weight: bold; margin: 0 4px;}
    .welfare-cvc-wrap .colr-yellow{color: #fff040;}

    .welfare-cvc-wrap .pinsq-item-list ul{margin-top: 17px; display:grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 102px; column-gap: 2%;}
    .welfare-cvc-wrap .pinsq-item-list ul li .item-thum{width: 100%; height: 220px; border-radius: 8px; /*border: solid 1px #e0e2e5;*/ position: relative;}
    .detail-top .top-area .thumb-box.item-soldout::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;
    }
    .welfare-cvc-wrap .pinsq-item-list ul li .item-thum img{object-fit: cover;}

    .welfare-cvc-wrap .pinsq-item-list ul li .item-name{display: block; font-size: 18px; line-height: 20px; letter-spacing: 0; color: #222; margin-top: 14px; box-sizing: border-box;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area{display: flex; justify-content: space-between; align-items: center; margin-top: 4px; font-weight: 600;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area .sales{font-size: 25px; color: #32ab8c; letter-spacing: -0.63px; display: flex; align-items: center;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area .sales::after{content: ''; width: 20px; height: 26px; background: url(/images/welfare/ico-discount.png) left/100% no-repeat; margin-left: 3px;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area .price-tt{font-size: 20px; color: #0d89e8; letter-spacing: -0.8px;}

    .welfare-cvc-wrap .line-banner{text-align: center; background: #ffd511;}
    .welfare-cvc-wrap .line-banner img{width: 100%; max-width: 1920px;}

    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list {display:flex; flex-wrap:wrap;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item {width:calc(20% - 16px); margin-right:20px;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item:nth-child(5n) {margin-right:0;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item:nth-child(n+6) {margin-top:20px;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button {display: flex;width:100%;box-sizing:border-box;background:#fff;border-radius: 20px;box-shadow: 17px 23px 26px 0 rgba(0, 0, 0, 0.03);padding: 35px 15px 0;text-align:left;position:relative;height: 315px;flex-wrap: wrap;align-content: flex-start;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:after {content:""; display:block; width:23px; height:23px; position:absolute; top:30px; right:30px; background:url(/images/welfare/ico-more.png) top left no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc1 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc1.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc2 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc2.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc3 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc3.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc4 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc4.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc5 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc5.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc6 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc6.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc7 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc7.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc8 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc8.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc9 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc9.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc10 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc10.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc11 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc11.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc12 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc12.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc13 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc13.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc14 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc14.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc15 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc15.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc16 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc16.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc17 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc17.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc18 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc18.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc19 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc19.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .ico-cvc20 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc20.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list dl {width:100%;box-sizing: border-box;padding: 10px 0 0 20px;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list dl dt {font-size:26px; font-weight:700; color:#000;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list dl dd {margin-top:15px; font-size:15px; line-height:23px; color:#6c6b6b;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover {background:#716eff;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover:after {background:url(/images/welfare/ico-more-on.png) top left no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover dl dt {color:#fff;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover dl dd {color:#fff;}

    .section-partners {
        padding: 20px 0 80px;
        text-align: center;
    }
    .section-partners .desc {
        text-align: center;
        margin-bottom: 50px;
    }
    .section-partners .desc-01 {
        line-height: 60px;
        margin-bottom: 20px;
        font-size: 48px;
        color: #222222;
    }
    .section-partners .desc-02 {
        line-height: 34px;
        margin-bottom: 50px;
        font-size: 23px;
        color: #333333;
    }
    .section-partners ul.list-partners {
        text-align: center;
        font-size: 0;
    }
    .section-partners ul.list-partners > li {
        overflow: hidden;
        display: inline-block;
        width: 90px;
        height: 90px;
        margin: 14px 12px;
        border-radius: 50%;
        background: #ffffff;
    }
    .section-partners ul.list-partners > li > img {
        width: 100%;
        height: 100%;
    }

    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc1 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc1-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc2 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc2-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc3 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc3-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc4 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc4-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc5 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc5-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc6 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc6-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc7 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc7-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc8 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc8-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc9 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc9-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc10 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc10-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc11 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc11-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc12 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc12-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc13 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc13-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc14 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc14-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc15 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc15-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc16 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc16-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc17 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc17-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc18 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc18-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc19 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc19-on.png) center no-repeat;}
    .welfare-cvc-wrap .cvc-gray-wrap .cvc-list .cvc-item button:hover .ico-cvc20 {display:block; width:120px; height:120px; background:url(/images/welfare/ico-cvc20-on.png) center no-repeat;}

    .welfare-cvc-wrap .wd10-bnr1 {background:url(/images/welfare/cvc-wd1-bg.png) top center no-repeat; margin-top:-78px;}
    .welfare-cvc-wrap .wd10-bnr1 .section {display:flex;}
    .welfare-cvc-wrap .wd10-bnr1 .section .bnr-img {margin-left:44px; padding-top:17px;}
    .welfare-cvc-wrap .wd10-bnr1 .section .bnr-info {margin-left:128px; padding-top:125px;}
    .welfare-cvc-wrap .wd10-bnr1 .section .bnr-info dt {font-size:16px; line-height:30px; color:#075bcd; font-weight:300;}
    .welfare-cvc-wrap .wd10-bnr1 .section .bnr-info dt span {font-size:24px;}
    .welfare-cvc-wrap .wd10-bnr1 .section .bnr-info dd {margin-top:10px; font-size:26px; font-weight:500; color:#09285b;}

    .welfare-cvc-wrap .cvc-guide {padding:100px 0 80px;}
    .welfare-cvc-wrap .cvc-guide .guide-tt {font-size:30px; letter-spacing:-0.009em; color:#000; font-weight:700; line-height:35px; margin-bottom:25px;}
    .welfare-cvc-wrap .cvc-guide .guide-wrap {border-radius:20px 120px 20px 120px; background:#817ff7; position:relative; display:flex; height:340px; box-sizing:border-box; padding:45px 0;}
    .welfare-cvc-wrap .guide-wrap .guide-item {width:20%; border-left:1px solid #a3a1eb; box-sizing:border-box;}
    .welfare-cvc-wrap .guide-wrap .guide-item:first-child {border-left:0;}
    .welfare-cvc-wrap .guide-wrap .guide-item .ico-cvc-guide {width:110px; height:110px; margin:0 auto 20px; display:block; text-align: center;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl {text-align:center;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl dt {font-size:22px; line-height:30px; letter-spacing:-0.06em; color:#fff; font-weight:700;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl dt span {font-weight:400;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl dd {font-size:14px; line-height:22px; color:#fff; font-weight:300; letter-spacing:-0.042em; margin-top:10px;}

    .welfare-cvc-wrap .wd10-bnr2 {background:#09253b url(https://resource.mall.castingn.com/static/images/welfare/cvc-wd2-bg.png) top center no-repeat; height:130px;}
    .welfare-cvc-wrap .wd10-bnr2 dl {margin-left:auto; display:flex; align-items:center; height:130px; justify-content:flex-end;}
    .welfare-cvc-wrap .wd10-bnr2 dl dt {font-size:30px; color:#fff;}
    .welfare-cvc-wrap .wd10-bnr2 dl dd {padding:0 35px 0 20px; width:615px; box-sizing:border-box;}
    .welfare-cvc-wrap .wd10-bnr2 dl dd ul {display:flex; align-items:center; flex-wrap:wrap;}
    .welfare-cvc-wrap .wd10-bnr2 dl dd ul li {border:1px solid #677886; width:130px; height:30px; box-sizing:border-box; border-radius:15px; line-height:28px; text-align:center; font-size:16px; color:#44caea; font-weight:300; margin:3px 5px;}

    .welfare-cvc-wrap .cvc-link-wrap {padding:80px 30px 105px; display:flex; justify-content:center; box-sizing:border-box;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link1 {width:655px; border-radius:20px; background:url(https://resource.mall.castingn.com/static/images/welfare/cvc-link1-bg.png) right no-repeat; height:225px; margin:0 25px 0 0; padding-left:70px; box-sizing:border-box;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link2 {width:655px; border-radius:20px; background:url(https://resource.mall.castingn.com/static/images/welfare/cvc-link2-bg.png) right no-repeat; height:225px; padding-left:70px; box-sizing:border-box;}
    .welfare-cvc-wrap .cvc-link-wrap p {padding:50px 0 20px 0; font-size:18px; line-height:26px; font-weight:300; color:#fff;}
    .welfare-cvc-wrap .cvc-link-wrap .btn-link {width:218px; height:54px; background:url(https://resource.mall.castingn.com/static/images/welfare/link-btn-bg.png) center no-repeat; display:flex; align-items:center; justify-content:center;}
    .welfare-cvc-wrap .cvc-link-wrap .btn-link span {font-size:21px; font-weight:500;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link1 .btn-link span {color:#7020dd;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link2 .btn-link span {color:#0790cf;}
    /* e: 핀스퀘어 메인 */


    /* s 레이어 팝업  */
    .layer-bg{width: 100%;height: 100%;display: flex; position: fixed;left: 0;top: 0;align-items: center;justify-content: center; z-index: 15; background: rgba(0, 0, 0, 0.2);}
    .layer-bg2{width: 100%; height: 100%; display: flex; position: fixed; left: 0; top: 0; align-items: center; justify-content: center; z-index: 51; background: rgba(0, 0, 0, 0.2);}
    .layer-position-cs { width: 1200px; margin: auto; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    .layer-pop{background: #fff; border: 1px solid #000; border-radius: 10px; box-sizing: border-box; z-index: 50; position: relative;}
    .layer-pop .pop-head{height: 44px; background: #023b69; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; border-radius: 8px 8px 0 0; font-weight: bold;}
    .layer-pop .pop-con{box-sizing: border-box; overflow: hidden;}
    .layer-pop .pop-close{width: 44px; height: 44px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close5.png) left/100% no-repeat; position: absolute; right: 0; top: 0; text-indent: -9999999px; padding: 0; box-shadow: none;}
    .layer-pop .pop-close-btn{width: 44px; height: 44px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close5.png) left/100% no-repeat; position: absolute; right: 0; top: 0; text-indent: -9999999px; padding: 0; box-shadow: none;}

    .layer-pop .pop-close2{width: 19px; height: 21px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close.png) left/100% no-repeat; position: absolute; right: 15px; top: 14px; text-indent: -9999999px;}
    .layer-pop .pop-close3{width: 48px; height: 48px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close2.png) left/100% no-repeat; position: absolute; right: 0; top: 0; text-indent: -9999999px;}
    .layer-pop .pop-close.po1{top: 18px;}
    .layer-pop .link{color: #138fdf; text-decoration: underline;}

    .layer-pop .pop-btn-group{display: flex; align-items: center; margin-top: 25px; justify-content: center;}
    .layer-pop .pop-btn-group2{display: flex; align-items: center; margin-top: 40px; justify-content: center;}
    .layer-pop .pop-btn-group3{display: flex; align-items: center; margin-top: 30px; justify-content: center;}

    .layer-pop button{ border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #fff; font-weight: 600;}
    .layer-pop button + button{margin-left: 8px;}
    .layer-pop button.btn-type1{border: 1px solid #c8c8c8; color: #101010; min-width: 120px; height: 30px; font-size: 12px; padding: 0 8px; color: #101010; background: #fff;}
    .layer-pop button.btn-type2{border: 1px solid #c8c8c8; color: #000; width: 141px; height: 42px; font-size: 16px;}
    .layer-pop button.btn-type3{border: 1px solid #aaaeb1; color: #5e6062;  width: 70px; height: 30px; border-radius: 8px; background: #fff; font-size: 12px; font-weight: 500;}
    .layer-pop button.btn-type4{ width: 100px; height: 30px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #f8f8f8; font-size: 12px;}
    .layer-pop button.btn-type5{min-width: 136px; height: 34px; border-radius: 6px; font-size: 14px; color: #5e6062; font-size: 14px; border: 1px solid #aaaeb1; background: #fff;}
    .layer-pop button.btn-type6{width: 79px; height: 28px; border-radius: 6px; border: 1px solid #aaaeb1; background: #fff; font-size: 12px; font-weight: 500; color: #5e6062;}
    .layer-pop button.btn-type7{width: 168px; height: 48px; color: #fff; border-radius: 8px; background: #101010; font-size: 16px; font-weight: 500;}
    .layer-pop button.btn-type8{min-width: 168px; height: 48px; color: #fff; border-radius: 8px; background: #0d89e8; font-size: 18px; font-weight: bold; padding: 0 24px;}
    .layer-pop button.estimate:after{content: ''; width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-download2.png) left/100% no-repeat; margin-left: 4px;}
    .layer-pop button.down-cnf:before{content: ''; width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-down.png) center/100% no-repeat; margin-right: 12px;}

    .layer-pop .form-area{position: relative;}
    .layer-pop .form-area .po-type1{position: absolute; right: 0; top: -11px;}
    .layer-pop .form-col-box{display: flex; flex-direction: column; margin-bottom: 22px;}
    .layer-pop .form-col-box .tit{font-size: 14px; color: #101010; font-weight: 500; margin-bottom: 15px;}
    .layer-pop .form-col-box .ipt-item1{border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; padding: 0 27px; height: 48px; box-sizing: border-box;}
    .layer-pop .form-col-box .ipt-item1::placeholder{color: #b3b7ba;}
    .layer-pop .form-col-box .ipt-item1 + .ipt-item1{margin-top: 8px;}

    .layer-pop .form-col-box .chkbox{display:inline-flex;justify-content:flex-start;align-items:center;margin-right:20px;}
    .layer-pop .form-col-box .chkbox input[type=checkbox]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .layer-pop .form-col-box .chkbox input[type=checkbox]:checked{width:20px;height:20px;background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .layer-pop .form-col-box .chkbox input[type=checkbox]::-ms-check{outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:20px;height:20px;content:"";background:#fff;border-radius:50%;border:1px solid #999;}
    .layer-pop .form-col-box .chkbox input[type=checkbox]:checked::-ms-check{color:transparent;background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .layer-pop .form-col-box .chkbox span{display:flex; margin-left:8px; font-size:14px; font-weight:normal; color: #85888d;}


    /* 업무마켓 - 하나은행 팝업 */
    .layer-pop.bank-pop{width: 656px; height: 429px; border-radius: 0; text-align: center;}
    .layer-pop.bank-pop .tit{color: #5e6062; font-weight: bold; margin-top: 25px; font-size: 16px;}
    .layer-pop.bank-pop .tit span{font-size: 14px;}

    .layer-pop.bank-pop .qrcode-area{display: flex; align-items: flex-start; margin-top: 25px; justify-content: center; margin-bottom: 24px;}
    .layer-pop.bank-pop .qrcode{display: flex; flex-direction: column; align-items: center;}
    .layer-pop.bank-pop .qrcode:first-child{margin-right: 25px;}
    .layer-pop.bank-pop .qrcode .qr-pic{width: 142px; height: 144px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/qr-bg.png) center/100% no-repeat; display: flex; align-items: center; justify-content: center; margin-bottom: 7.5px;}
    .layer-pop.bank-pop .qrcode span{font-size: 16px; font-weight: bold; color: #85888d;}
    .layer-pop.bank-pop .qrcode span b{color: #3a3b3c;}
    .layer-pop.bank-pop .desc{font-size: 16px; font-weight: 500; color: #85888d;}
    .layer-pop.bank-pop .desc b{font-weight: 600;}
    .layer-pop.bank-pop .desc a{color: #0d89e8; font-size: 14px; text-decoration: underline; margin-left: 4px;}

    .layer-pop.bank-pop .pop-close2{right: 30px; top: 23px;}



    /* 카페24 이벤트 참여하기 팝업 */
    .layer-pop.cafe24{width: 996px;}
    .layer-pop.cafe24 .pop-con{height: 556px; box-sizing: border-box; padding: 38px 30px 30px; text-align: center;}
    .layer-pop.cafe24 .pop-con .tit{text-align: center; margin-bottom: 23px;}
    .layer-pop.cafe24 .pop-con .tit span{font-size: 22px; color: #000; line-height: 33px; font-weight: 500; display: block;}
    .layer-pop.cafe24 .pop-con .tit .desc{font-size: 30px; font-weight: bold; color: #85888d; line-height: 45px;}
    .layer-pop.cafe24 .pop-con .tit .desc b{color: #000; font-weight: 800;}

    .layer-pop.cafe24 .item-list{position: relative; margin-bottom: 92px;}
    .layer-pop.cafe24 .item-list ul{display: flex; align-items: flex-start;}
    .layer-pop.cafe24 .item-list ul li{display: flex; flex-direction: column; align-items: center; margin-right: 12px;}
    .layer-pop.cafe24 .item-list ul li:last-child{margin-right: 0;}
    .layer-pop.cafe24 .item-list ul li .ico-obj{width: 146px; height: 146px; margin-bottom: 14px;}
    .layer-pop.cafe24 .item-list ul li.item1 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg1.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item2 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg2.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item3 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg3.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item4 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg4.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item5 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg5.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item6 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg6.png) left/100%;}

    .layer-pop.cafe24 .item-list .key-txt{font-size: 18px; font-weight: bold; color: #3a3b3c; line-height: 1.5; margin-bottom: 16px;}
    .layer-pop.cafe24 .item-list .btn-pin{width: 130px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: solid 1px #c9c9c9; font-size: 16px; font-weight: 500; color: #3a3b3c;}
    .layer-pop.cafe24 .item-list .btn-pin:hover{border: 1px solid #4f81ff;}
    .layer-pop.cafe24 .item-list .btn-pin span{margin-right: 6px;}
    .layer-pop.cafe24 .item-list .btn-pin .ico-pin{width: 32px; height: 32px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-popin.png) left/100% no-repeat;}
    .layer-pop.cafe24 .item-list .btn-pin.on{color: #fff; font-weight: bold; background-image: linear-gradient(107deg, #7f4ef9 1%, #4f81ff 100%); border: 0;}
    .layer-pop.cafe24 .item-list .btn-pin.on .ico-pin{width: 32px; height: 32px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-popin-on.png) left/100% no-repeat;}

    /* 카페24 신청완료 팝업 */
    .layer-pop.cafe24-cpt{width: 328px; height: 245px; 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; text-align: center;}
    .layer-pop.cafe24-cpt .txt1{font-size: 15px; color: #0d89e8; font-weight: bold; line-height: 1; margin-top: 47px;}
    .layer-pop.cafe24-cpt .txt1 span{font-size: 11px;}
    .layer-pop.cafe24-cpt .txt2{margin-top: 14px; color: #000; font-weight: 800; font-size: 24px;}
    .layer-pop.cafe24-cpt .txt3{margin-top: 8px; font-size: 16px; font-weight: 500; color: #5e6062;}


    /* 배송지 팝업 */
    .layer-pop.order-pop{width: 547px;}
    .layer-pop.order-pop .pop-con{min-height: 394px;}
    .layer-pop.order-pop .pop-order-top{background: #f0f4f6; padding: 27px 26px;}
    .layer-pop.order-pop .pop-order-top ul li{display: flex; align-items: center; margin-top: 8px; font-size: 16px;}
    .layer-pop.order-pop .pop-order-top ul li:first-child{margin-top: 0;}
    .layer-pop.order-pop .pop-order-top ul li span{font-weight: 700; color: #000; min-width: 56px; margin-right: 15px;}

    .layer-pop.order-pop .pop-order-bottom{padding: 44px 26px;}
    .layer-pop.order-pop .order-step{position: relative;}
    .layer-pop.order-pop .order-step li{display: flex; align-items: flex-start; font-size: 15px; margin-top: 27px;}
    .layer-pop.order-pop .order-step li:first-child{margin-top: 0;}
    .layer-pop.order-pop .order-step li .step-tit{width: 54px; margin-right: 54px;  color: #000;}
    .layer-pop.order-pop .order-step li .step-tt{display: flex; flex-direction: column; color: #656565; position: relative;}
    .layer-pop.order-pop .order-step li .step-tt::before{width: 7px; height: 7px; border-radius: 7px; border: 2px solid #0e89e8; content: ''; position: absolute; left: -35px; top: 5px; background: #fff; z-index: 10;}
    .layer-pop.order-pop .order-step li .step-tt::after{width: 1px; height: calc(100% + 34px); background: #e1e1e1; content: ''; position: absolute; left: -30px; top: 10px; z-index: 5;}
    .layer-pop.order-pop .order-step li:last-child .step-tt::after{display: none;}
    .layer-pop.order-pop .order-step li .step-tt span.line-deliver{font-weight: 700; color: #000;}
    .layer-pop.order-pop .order-step li .step-tt span.line-address{color: #000;}
    .layer-pop.order-pop .order-step li .step-tt span .stat-tt{color: #0e89e8;}

    .pop-order-bottom-wrap{display:flex; width: 100%; padding-top: 80px; justify-content: center; align-items: center}
    .pop-order-bottom-wrap .pop-order__txt{font-size: 18px;}

    /* 결재선 지정 팝업 */
    .layer-pop.approval-pop{width: 800px; min-height: 650px; background: #fff; left: 0; top: 60px; border: 1px solid #000; border-radius: 10px; box-sizing: border-box; z-index: 50; overflow: hidden;}
    .layer-pop.approval-pop .pop-con{height: 526px; overflow-y: scroll; padding: 0 20px 20px;}
    .layer-pop.approval-pop .pop-con .approval-line{box-sizing: border-box; margin-top: 20px;}
    .layer-pop.approval-pop .pop-con .approval-line.dep-indent{padding-left: 48px; position: relative;}
    .layer-pop.approval-pop .pop-bottom{height: 80px; background: #fff; display: flex; justify-content: center; align-items: center;}
    .layer-pop.approval-pop .pop-bottom .pop-confirm{width: 135px; height: 40px; color: #717171; font-size: 17px; border: 1px solid #d3d3d3; font-weight: 700; border-radius: 30px; background: #fff;}
    .layer-pop.approval-pop .pop-bottom .pop-confirm:hover{background: #0e89e8; color: #fff;}
    .layer-pop .ztree{border-top: none; padding: 25px 20px;}
    .layer-pop .ztree li.level0{padding: 0; margin-bottom: 10px; padding-bottom: 10px;}
    .layer-pop .ztree li span{font-size: 16px; color: #000; letter-spacing: -0.64px;}

    .layer-pop.approval-pop2{width: 800px; min-height: 650px; background: #fff; left: 0; top: 60px; border: 1px solid #000; border-radius: 10px; box-sizing: border-box; z-index: 50; overflow: hidden;}
    .layer-pop.approval-pop2 .pop-con{height: 526px; overflow-y: scroll; padding: 0 20px 20px;}
    .layer-pop.approval-pop2 .pop-con .approval-line{box-sizing: border-box; margin-top: 20px;}
    .layer-pop.approval-pop2 .pop-con .approval-line.dep-indent{padding-left: 48px; position: relative;}
    .layer-pop.approval-pop2 .pop-bottom{height: 80px; background: #fff; display: flex; justify-content: center; align-items: center;}
    .layer-pop.approval-pop2 .pop-bottom .pop-confirm{width: 135px; height: 40px; color: #717171; font-size: 17px; border: 1px solid #d3d3d3; font-weight: 700; border-radius: 30px; background: #fff;}
    .layer-pop.approval-pop2 .pop-bottom .pop-confirm:hover{background: #0e89e8; color: #fff;}

    /* 구매승인요청 확인 팝업 */
    .layer-pop.apr-pop{width: 437px; height: 167px;}
    .layer-pop.apr-pop p{text-align: center; margin-top: 40px;}
    .layer-pop.apr-pop .pop-btn-area{margin-top: 18px;}

    /* 공통 메시지 팝업 */
    .layer-pop.comn-pop{border: 1px solid #707070; padding: 20px 30px; background: #ffffff; min-width: auto; border-radius: 16px; text-align: center; }
    .layer-pop.comn-pop .basket-tit {
        font-size: 22px;
        font-weight: bold;
        text-align: left;
        color:#222;
        margin-bottom: 20px;
    }
    .layer-pop.comn-pop ul.crd-list {
        padding: 26px 46px;
        border-radius: 12px;
        background-color: #f2f4f7;
        width: 471px;
        margin-bottom: 24px;
    }
    .layer-pop.comn-pop ul.crd-list > li {
        display: flex;
        justify-content: space-between;
        color: #5e6062;
        margin-bottom: 10px;
    }
    .layer-pop.comn-pop ul.crd-list > li:last-child {
        margin-bottom: 0;
    }
    .layer-pop.comn-pop ul.crd-list > li.red {
        color:#d00f11;
    }
    .layer-pop.comn-pop ul.crd-list > li.blue {
        color:#074b80;
    }
    .layer-pop.comn-pop ul.crd-list > li > div {
        font-size: 19px;
        font-weight: bold;
    }
    .layer-pop.comn-pop .info-cs {
        text-align: left;
    }
    .layer-pop.comn-pop .info-cs > div {
        margin-bottom: 20px;
    }
    .layer-pop.comn-pop .info-cs p {
        text-align: left;
        font-size:16px;
        line-height: 24px;
        color:#444;
    }
    .layer-pop.comn-pop .info-cs sub {
        text-align: left;
        font-size:16px;
        line-height: 24px;
        color:#777;
        display: block;
    }
    .layer-pop.comn-pop .info-cs input {
        margin:8px 8px 8px 0 ;
        width: 260px;
        height: 36px;
        border-radius: 4px;
        border: solid 1px #eaeaea;
    }
    .layer-pop.comn-pop .info-cs textarea {
        border-radius: 4px;
        border: solid 1px #eaeaea;
        width:100%;
        margin:8px 0;
    }
    .layer-pop.comn-pop > strong { font-size:20px; margin-bottom: 20px; display: inline-block; margin-top:20px; display: block; }
    .layer-pop.comn-pop > strong.red { color:#d00f11; }
    .layer-pop.comn-pop p{text-align: center; font-size: 16px; line-height: 24px; color: #5e6062;}
    .layer-pop.comn-pop p.blue { color:#074b80; }
    .layer-pop.comn-pop sub { color:#444; font-size: 16px; }
    .layer-pop.comn-pop2{border: 1px solid #707070; padding: 20px 18px; background: #ffffff; width: 380px; border-radius: 0;}
    .layer-pop.comn-pop2 p{text-align: left; font-size: 14px; line-height: 24px; color: #5e6062;}
    .layer-pop.comn-pop2 .desc{margin-top: 14px; font-size: 12px;}

    .layer-pop.comn-pop3{border: 1px solid #c9c9c9; padding: 20px 18px; background: #ffffff; width: 450px; border-radius: 4px;}
    .layer-pop.comn-pop3 p{text-align: left; font-size: 14px; line-height: 22px; color: #5e6062; margin-bottom: 70px;}

    .layer-pop.comn-cancel-pop{border-radius: 12px;  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); background-color: #fff; width: 792px; height: 286px; border: 0;}
    .layer-pop.comn-cancel-pop .pop-con{padding: 16px 16px 24px 16px;}
    .layer-pop.comn-cancel-pop .tit{font-size: 16px; color: #000; font-weight: bold; text-align: center; margin-bottom: 24px;}
    .layer-pop.comn-cancel-pop .txta{line-height: 1;}
    .layer-pop.comn-cancel-pop .txta textarea{width: 100%; height: 138px; border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 10px; resize: none;}


    /*
	.layer-pop.approval-pop .pop-con .approval-tit{font-weight: 700; font-size: 20px; color: #000; display: flex; cursor: pointer; align-items: center;}
	.layer-pop.approval-pop .pop-con .approval-tit::before{width: 21px; height: 11px; content: ''; background: url(https://resource.mall.castingn.com/static/images/ico-arr-down.png) left no-repeat; margin-right: 13px; transform: rotate(270deg); }
	.layer-pop.approval-pop .pop-con .approval-tit.on::before{ transform: rotate(180deg);}
	.layer-pop.approval-pop .pop-con .approval-tit .ico-pop-co{width: 31px; height: 31px; background: url(https://resource.mall.castingn.com/static/images/ico-company.png) left no-repeat; margin-right: 6px; }
	.layer-pop.approval-pop .pop-con .approval-tit .ico-pop-org{width: 31px; height: 31px; background: url(https://resource.mall.castingn.com/static/images/ico-org.png) left no-repeat; margin-right: 10px; }
	.layer-pop.approval-pop .pop-con ul li{display: flex; align-items: center; padding-left: 48px; margin-top: 20px;}
	.layer-pop.approval-pop .pop-con ul li:first-child{margin-top: 12px;}
	.layer-pop.approval-pop .pop-con ul li::before{width: 9px; height: 9px; content: ''; background: url(https://resource.mall.castingn.com/static/images/ico-dep.png) left no-repeat; margin-right: 11px;}
	.layer-pop.approval-pop .pop-con ul li input[type="checkbox"]{display: none;}
	.layer-pop.approval-pop .pop-con ul li label{display: flex; align-items: center; font-size: 19px;}
	.layer-pop.approval-pop .pop-con ul li input[type="checkbox"] + label::before{content: ''; width: 20px; height: 20px; border: 2px solid #dedede; display: block; border-radius: 8px; margin-right: 11px;}
	.layer-pop.approval-pop .pop-con ul li input[type="checkbox"]:checked + label::before{border: 2px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
	.layer-pop.approval-pop .pop-close{position: absolute; text-indent: -999999px; width: 14px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/ico-pop-close4.png) left/100% no-repeat; right:14px; top: 15px; display: block;}
  .layer-pop.approval-pop .pop-con .ogr-chk{content: ''; width: 20px; height: 20px; border: 2px solid #dedede; display: block; border-radius: 8px; margin-right: 11px;}
  .layer-pop.approval-pop .pop-con .ogr-chk input[type="checkbox"]{display: none;}
  .layer-pop.approval-pop .pop-con .ogr-chk.checked{border: 2px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
  */


    /* 배송지 선택 팝업 */
    .layer-pop.deliver-pop{width: 792px;}
    .layer-pop.deliver-pop .pop-head{ font-size: 16px; font-weight: bold;}
    .layer-pop.deliver-pop .pop-con{padding: 50px 50px 66px 50px; height: 702px; overflow-y: auto;}
    .layer-pop.deliver-pop .pop-con .basket-tit{font-size: 16px; font-weight: 700; color: #000; display: flex; align-items: center;}
    .layer-pop.deliver-pop .pop-con .basket-tit.lst{margin-top: 80px;}

    .layer-pop.deliver-pop .pop-con::-webkit-scrollbar {width: 8px;}
    .layer-pop.deliver-pop .pop-con::-webkit-scrollbar-track {background-color:#e3e3e3;}
    .layer-pop.deliver-pop .pop-con::-webkit-scrollbar-thumb {background: #b9b9b9; border-radius: 12px;}
    .layer-pop.deliver-pop .pop-con::-webkit-scrollbar-thumb:hover {background: #404040;}
    .layer-pop.deliver-pop .pop-con::-webkit-scrollbar-thumb:active {background: #808080;}
    .layer-pop.deliver-pop .pop-con::-webkit-scrollbar-button {display: none;}

    .layer-pop.deliver-pop .pop-con .basket-tit:first-child{margin-top: 0;}
    .layer-pop.deliver-pop .pop-con .basket-tit .plus-btn{margin-left: auto; display: flex; align-items: center; }
    .layer-pop.deliver-pop .pop-con .basket-tit .plus-btn button{width: 100px; height: 30px; border: 1px solid #c8c8c8; font-size: 12px; color: #101010; font-weight: 600; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #fff;}
    .layer-pop.deliver-pop .pop-con .basket-tit .plus-btn .ico-del-plus{width: 10px; height: 10px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus2.png) left/100% no-repeat; margin-right: 4px;}

    .layer-pop.deliver-pop .pop-con .delivery-sel-box{border: 1px solid #d9d9d9; border-radius: 10px; display: flex; margin-top: 19px; min-height: 98px; justify-content: start; align-items: center; padding: 24px 40px 26px; box-sizing: border-box; cursor: pointer; }
    .layer-pop.deliver-pop .pop-con .delivery-sel-box.on{border: 1px solid #0d89e8;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box:first-child{margin-top: 12px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add{width: 60%;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add span{display: block; margin-top: 10px; font-size: 14px; color: #5e6062;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add span:first-child{margin-top: 0;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add .add_title{font-weight: 700;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel{display: flex; align-items: center; margin-left: auto; font-size: 14px; color: #999; position: relative; margin-top: 24px; margin-bottom: auto;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"]{display: none;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"] + label{display:flex; align-items:center; width:100%; cursor:pointer; justify-content:center;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:6px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}

    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt{display: flex; align-items: center; margin-left: 50px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt button{width: 63px; height: 37px;  background: #fff; text-align: center; color: #000; font-size: 13px; border: 1px solid #c8c8c8;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt button:first-child{border-radius: 5px 0 0 5px; border-right: none;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt button:last-child{border-radius: 0 5px 5px 0;}

    .layer-pop.deliver-pop .pop-con .ipt-area{width: 500px; margin: auto;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li{position: relative; margin-top: 13px;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li:first-child{margin-top: 0;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li input{height: 65px; border: 1px solid #d9d9d9; border-radius: 5px; width: 100%; box-sizing: border-box; font-size: 18px; color: #000; font-weight: 600; padding: 10px 24px 0;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li label > span{
        position: absolute;
        font-size: 18px;
        color: #999;
        font-weight: 600;
        left: 24px;
        top: 22px;
        -webkit-transition: top 0.2s ease, font-size 0.2s ease;
        transition: top 0.2s ease, font-size 0.2s ease;
    }

    .layer-pop.deliver-pop .pop-con .ipt-area ul li input.on + label > span{font-size: 13px; top: 7px;}

    .layer-pop.deliver-pop .pop-con .chk-msg{width: 500px; margin:22px auto 0; display: flex; align-items: center; font-size: 16px; color: #333; font-weight: 600;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"]{display: none;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:10px;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"] + label{display: flex;}

    .layer-pop .delivery-btn-area{margin-top: 43px; display: flex; justify-content: center;}
    .layer-pop .delivery-btn-area a + a, .layer-pop .delivery-btn-area button + button{margin-left: 8px;}
    .layer-pop .delivery-btn-area .btn-comp{
        display:flex;
        align-items:center;
        justify-content:center;
        width:244px;
        height: 62px;
        border-radius:15px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .layer-pop .delivery-btn-area .btn-comp span{font-size: 20px; color: #fff;}
    .layer-pop .delivery-btn-area .btn-comp.btn-wide{width: 500px;}

    .layer-pop .delivery-btn-area .btn-comp2{display: flex; align-items: center; justify-content: center; width: 244px; height: 62px; border-radius: 15px; color: #000; border: 1px solid #c8c8c8; font-weight: 700; margin-right: 12px;}
    .layer-pop .delivery-btn-area .btn-comp2 span{font-size: 20px; color: #000;}

    .layer-pop dl.column-blank {overflow: hidden; height: 102px; display: flex; justify-content: space-between; border-radius: 15px; margin-top: 19px; border:1px solid #e3e3e3}
    .layer-pop dl.column-blank > dt {width: 130px;  height: 100%; background: #fff url(https://resource.mall.castingn.com/static/images/sub/picto-car2.png) no-repeat center center / 50% auto; box-sizing: border-box }
    .layer-pop dl.column-blank > dd {
        width: calc(100% - 130px);
        height: 100%;
        padding-left: 28px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        display: flex;
        align-items: center;
        border-left: solid 1px #e3e3e3;;
        box-sizing: border-box;
    }

    .layer-pop dl.column-blank.corp > dt {
        background: #fff url(https://resource.mall.castingn.com/static/images/sub/picto-car1.png) no-repeat center center / 50% auto;
    }

    .layer-pop .pop-btn-area{display: flex; justify-content: center; margin-top: 31px; position: relative; left: 0; top: 0; bottom: 0; right: 0; width: auto;}
    .layer-pop .pop-btn-area2{display: flex; justify-content: flex-end; position: relative; left: 0; top: 0; bottom: 0; right: 0; width: auto;}
    .layer-pop .pop-btn-area.mt-1{margin-top: 20px;}
    .layer-pop .pop-btn-area.po-type1{position: absolute;bottom: 0; top:auto;background: #fff; padding-bottom: 24px; padding-top: 15px;}

    .layer-pop .pop-btn-area button, .layer-pop .pop-btn-area a{width: 122px; height: 35px; border-radius: 8px; border: 1px solid #aaaeb1; font-weight: 600; color: #101010; font-size: 16px; display: flex; align-items: center; justify-content: center;}
    .layer-pop .pop-btn-area button + button, .layer-pop .pop-btn-area a + a{margin-left: 7px;}
    .layer-pop .pop-btn-area button.disabled, .layer-pop .pop-btn-area a.disabled{background: rgba(0, 0, 0, 0.1); color: #fff; border: 0;}
    .layer-pop .pop-btn-area .comp1{font-size: 12px; color: #101010; 	border: solid 1px #c8c8c8; width: 130px; height: 30px; background: #fff;}
    .layer-pop .pop-btn-area .comp2{font-size: 14px; color: #101010; 	border: solid 1px #c8c8c8; width: 130px; height: 40px; font-weight: 500; background: #fff;}
    .layer-pop .pop-btn-area .comp3{min-width: 70px; height: 30px; border-radius: 8px; font-size: 12px; color: #101010; width: auto; padding: 0 24px;border: 1px solid #aaaeb1; background: #fff;}
    .layer-pop .pop-btn-area .comp4{width: 122px; height: 40px; border-radius: 10px; background: #fff; border: 1px solid #aaaeb1; font-weight: 500; color: #101010;}
    .layer-pop .pop-btn-area .comp5{width: 135px; height: 38px;  border-radius: 6px;  border: solid 1px #aaaeb1;  background-color: #fff; font-size: 14px; color: #101010;}
    .layer-pop .pop-btn-area .comp6{width: 122px; height: 32px; background: #fff; border: 1px solid #c8c8c8; font-weight: 500; font-size: 14px; color: #5e6062;}
    .layer-pop .pop-btn-area .comp7{width: 168px; height: 36px; color: #101010; font-size: 16px; font-weight: 500; border-radius: 8px; border: solid 1px #c9c9c9; background-color: #fff;}
    .layer-pop .pop-btn-area .comp8{width: 135px; height: 38px;  border-radius: 6px; color:#fff; background-color:#0e89e8; }

    .layer-pop .pop-btn-area2 button, .layer-pop .pop-btn-area2 a{display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; border-radius: 8px;}
    .layer-pop .pop-btn-area2 button + button, .layer-pop .pop-btn-area2 a + a{margin-left: 8px;}
    .layer-pop .pop-btn-area2 .comp1{width: 72px; height: 34px; color: #101010; font-size: 16px; font-weight: 500; background: #fff; border: solid 1px #c9c9c9;}
    .layer-pop .pop-btn-area2 .comp2{width: 46px; height: 34px; color: #fff; font-size: 16px; font-weight: 500; background: #0e89e8;}


    /* 조직도 파일 등록 팝업*/
    .layer-pop.org-add-pop{width: 633px;}
    .layer-pop.org-add-pop .pop-con{padding: 36px 20px 31px 20px;}
    .layer-pop.org-add-pop .pop-con .org-file-area{position: relative; }
    .layer-pop.org-add-pop .pop-con .org-file-area label,
    .layer-pop.org-add-pop .pop-con .org-file-area2 label{font-size: 15px; color: #0e89e8; font-weight: 600; cursor: pointer; position: absolute; right: 22px; top: 12px;}
    .layer-pop.org-add-pop .pop-con .org-file-area label input[type="file"],
    .layer-pop.org-add-pop .pop-con .org-file-area2 label input[type="file"]{position: absolute; left: -999999px; width: 0; height: 0; overflow: hidden;}
    .layer-pop.org-add-pop .pop-con .org-file-area input[type="text"],.layer-pop.org-add-pop .pop-con .org-file-area2 input[type="text"]{width: 100%; border: 1px solid #c8c8c8; box-sizing: border-box; height: 43px; border-radius: 5px; padding-left: 22px; font-size: 15px;}

    .layer-pop.org-add-pop .pop-con .org-file-area input[type="text"]::placeholder,
    .layer-pop.org-add-pop .pop-con .org-file-area2 input[type="text"]::placeholder{color: #c8c8c8;}
    .layer-pop.org-add-pop .pop-con .pop-org-tt{font-size: 14px; color: #666; margin-top: 12px;}

    /* 그룹 추가하기 팝업 */
    .layer-pop.org-name-pop{width: 495px; border: 1px solid #e3e3e3; padding: 45px 30px;}
    .layer-pop.org-name-pop .pop-org-tt2{font-size: 18px; color: #000; font-weight: 600; text-align: center; margin-bottom: 20px;}
    .layer-pop.org-name-pop .org-ipt-area{position: relative;}
    .layer-pop.org-name-pop .org-ipt-area input{width: 100%; height: 43px; border: 1px solid #c8c8c8; border-radius: 10px; padding: 0 22px; font-size: 16px; color: #000; box-sizing: border-box;}


    /* 입금 반려 팝업 */
    .layer-pop.cpn-pop{width: 995px; border: 1px solid #e3e3e3; padding: 20px 18px; background: #f8f8f8;}
    .layer-pop.cpn-pop .pop-cpn-tt{font-size: 16px; color: #000; font-weight: 500; margin-bottom: 16px;}
    .layer-pop.cpn-pop .cpn-ipt-area{position: relative;}
    .layer-pop.cpn-pop .cpn-ipt-area input{width: 100%; height: 43px; border: 1px solid #c8c8c8; border-radius: 10px; padding: 0 22px; font-size: 16px; color: #000; box-sizing: border-box;}


    /* 구성원 정보 수정 팝업 */
    .layer-pop.org-modify-pop{width: 481px;}
    .layer-pop.org-modify-pop .pop-con{padding: 28px 18px;}
    .layer-pop.org-modify-pop .modify-info li{margin-top: 10px; font-size: 15px; display: flex; align-items: center;}
    .layer-pop.org-modify-pop .modify-info li:first-child{margin-top: 0;}
    .layer-pop.org-modify-pop .modify-info li strong{font-weight: 600; width: 14%;}
    .layer-pop.org-modify-pop .modify-info li span{width: 86%; display: flex; align-items: center;}
    .layer-pop.org-modify-pop input[type="text"]{padding: 0 16px; border: 1px solid #c8c8c8; border-radius: 8px; height: 42px; box-sizing: border-box; font-size: 16px;}
    .layer-pop.org-modify-pop input[type="text"]:read-only{background: #f0f0f0;}
    .layer-pop.org-modify-pop select{padding: 0 16px; border: 1px solid #c8c8c8; border-radius: 8px; height: 42px; box-sizing: border-box; font-size: 16px;  background: url(https://resource.mall.castingn.com/static/images/sub/select-arrow.png) calc(100% - 12px) 50%/12px no-repeat;}
    .layer-pop.org-modify-pop .wd-1{width: 59%;}
    .layer-pop.org-modify-pop .wd-2{width: 100%;}
    .layer-pop.org-modify-pop .btn-link{width: 146px; height: 42px; margin-left: auto; color: #fff; font-size: 15px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #787878; border: 1px solid #636363; box-sizing: border-box;}
    .layer-pop.org-modify-pop .pop-btn-group{margin-top: 40px;}

    /* 견적서 팝업 */
    .layer-pop.estimate-pop{width: 783px;}
    .layer-pop.estimate-pop .pop-con{padding: 30px 20px; height: 649px;}

    .layer-pop.estimate-pop .estimate-tt{letter-spacing: -0.02em;}
    .layer-pop.estimate-pop .estimate-tt span{font-size: 14px; color: #404040;}
    .layer-pop.estimate-pop .estimate-tt span strong{font-size: 16px; color: #3a3b3c; font-weight: 500;}
    .layer-pop.estimate-pop .estimate-tt p{font-size: 14px; color: #5e6062; margin-top: 8px;}

    .layer-pop.estimate-pop .pop-tbl{margin-top: 30px; }
    .layer-pop.estimate-pop .pop-tbl.type-row{border-top: 1px solid #d9d9d9;}
    .layer-pop.estimate-pop .pop-tbl.type-row tr{border-bottom: 1px solid #d9d9d9;}
    .layer-pop.estimate-pop .pop-tbl.type-row tr th{text-align: left; background: #f8f8f8; height: 40px; padding: 0 0 0 18px; font-size: 14px; font-weight: normal; color: #000;}
    .layer-pop.estimate-pop .pop-tbl.type-row tr td{text-align: left; height: 40px; padding: 0 0 0 18px; font-size: 14px; letter-spacing: -0.28px; color: #000;}
    .layer-pop.estimate-pop .pop-tbl.type-col{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 200px; overflow-y: auto;}
    .layer-pop.estimate-pop .pop-tbl table{table-layout: fixed;}

    .layer-pop.estimate-pop .pop-tbl.type-col table thead th{border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; background: #f8f8f8; height: 40px; font-size: 14px; position: sticky; top: 0px;  letter-spacing: -0.56px; color: #000;}
    .layer-pop.estimate-pop .pop-tbl.type-col table thead th:last-child{border-right: none;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tbody td{text-align: center; font-size: 14px; height: 30px; border-right: 1px solid #d9d9d9; padding: 6px 15px; color: #666; letter-spacing: -0.56px;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tbody td:last-child{border-right: none;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td{height: 40px; border-top: 1px solid #d9d9d9; text-align: center; font-size: 14px; padding: 0 15px; border-right: 1px solid #d9d9d9; letter-spacing: -0.56px;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td:last-child{border-right: none;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td.total-tt{font-weight: normal;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td.total{text-align: right; color: #138fdf; font-weight: normal;}
    .layer-pop.estimate-pop .pop-tbl.type-col table .t-left{text-align: left;}
    .layer-pop.estimate-pop .pop-tbl.type-col table .t-right{text-align: right;}

    /* 판매자 문의 팝업 */
    .layer-pop.inquiry-pop{width: 617px;}
    .layer-pop.inquiry-pop .pop-con{padding: 30px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area{margin-bottom: 15px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li{display: flex; align-items: flex-start; font-size: 14px; color: #000; letter-spacing: -0.28px; margin-bottom: 30px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li.aln-1 strong{padding-top: 14px;}

    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li:last-child{margin-bottom: 0;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li > strong{font-weight: normal; width: 80px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li > div{width: calc(100% - 80px);}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list{display: flex;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li{}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;margin-right:20px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox span{display:flex; margin-left:8px; font-size:14px; color: #000;}

    .layer-pop.inquiry-pop .pop-con .inquiry-area input[type="text"]{border-radius: 8px; border: solid 1px #c8c8c8;	background-color: #fff; height: 52px; width: 100%; box-sizing: border-box; padding: 0 20px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area textarea{width: 100%; height: 250px; border: solid 1px #c8c8c8;	background-color: #fff; box-sizing: border-box; border-radius: 8px; padding: 15px 20px; resize: none;}
    .layer-pop.inquiry-pop .pop-con .tt-1{color: #666; font-size: 14px; width: calc(100% - 80px); display: flex; justify-content: flex-end; margin-left: auto; word-break: keep-all;}

    /* 예산 관리 팝업 */
    .layer-pop.budget-pop{width: 432px;}
    .layer-pop.budget-pop .pop-con{padding: 33px 24px 27px;}

    .layer-pop.budget-pop .rd-list{display: flex; margin-bottom: 22px;}
    .layer-pop.budget-pop .rd-list > li .rdbox{display:inline-flex; justify-content:flex-start; align-items:center; margin-right:73px;}
    .layer-pop.budget-pop .rd-list > li:last-child .rdbox{margin-right: 0;}
    .layer-pop.budget-pop .rd-list > li:first-child .rdbox{margin-left: 20px;}
    .layer-pop.budget-pop .rd-list > li .rdbox input[type=radio]{cursor:pointer; outline:none; display:flex; background:#fff; border:1px solid #d2d2d2; width:15px; height:15px; border-radius:50%; overflow:hidden; appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .layer-pop.budget-pop .rd-list > li .rdbox input[type=radio]:checked{width:15px; height:15px; border:4px solid #0e89e8}
    .layer-pop.budget-pop .rd-list > li .rdbox span{display:flex; margin-left:15px; font-size:14px; color: #000; font-weight: 500;}

    .layer-pop.budget-pop .budget-box{height: 62px; border-radius: 8px; border: solid 1px #138fdf; background-color: #f6fbfe; padding: 0 18px 0 24px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
    .layer-pop.budget-pop .budget-box strong{font-weight: bold; font-size: 16px; color: #101010;}
    .layer-pop.budget-pop .budget-box span{font-size: 16px; letter-spacing: -0.64px; color: #5e6062;}
    .layer-pop.budget-pop .budget-box span b{font-size: 22px; font-weight: bold; color: #000;}

    .layer-pop.budget-pop .budget-area{margin-bottom: 36px;}
    .layer-pop.budget-pop .budget-area .budget-list{border-bottom: 1px solid #c8c8c8;}
    .layer-pop.budget-pop .budget-area .budget-list li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 19px;}
    .layer-pop.budget-pop .budget-area .budget-list li strong{font-size: 14px; color: #3a3b3c; font-weight: 500; margin-left: 14px;}
    .layer-pop.budget-pop .budget-area .budget-list li span{font-size: 14px; color: #5e6062; letter-spacing: -0.56px;}
    .layer-pop.budget-pop .budget-area .budget-list li span b{font-size: 16px; color: #000; font-weight: bold;}

    .layer-pop.budget-pop .budget-area .budget-rest{display: flex; justify-content: space-between; border-bottom: 1px solid #c8c8c8; padding: 20px 0 17px; align-items: center;}
    .layer-pop.budget-pop .budget-area .budget-rest strong{font-size: 16px; font-weight: bold; color: #101010; margin-left: 14px;}
    .layer-pop.budget-pop .budget-area .budget-rest span{font-size: 14px; letter-spacing: -0.56px; color: #5e6062;}
    .layer-pop.budget-pop .budget-area .budget-rest span b{font-size: 16px; letter-spacing: -0.64px; font-weight: bold;}

    .layer-pop.budget-pop .budget-total{display: flex; flex-direction: column;}
    .layer-pop.budget-pop .budget-total strong{font-size: 16px; font-weight: bold; margin-left: 14px; color: #101010; margin-bottom: 22px;}
    .layer-pop.budget-pop .budget-total span{font-size: 16px; color: #5e6062; letter-spacing: -0.64px;}
    .layer-pop.budget-pop .budget-total input{width: 335px; height: 45px; border: 1px solid #c8c8c8; border-radius: 8px; text-align: center; font-size: 18px; font-weight: bold; color: #3a3b3c; letter-spacing: -0.72px; box-sizing: border-box; margin:0 8px 0 14px;}

    /* 고고엑스 - 도착지 정보 입력 팝업 */
    .layer-pop.loc-info-pop{width: 792px;}
    .layer-pop.loc-info-pop .pop-con{padding: 39px 50px 31px; height: 702px;}


    /* 고고엑스 - 배송상품정보입력 팝업 */
    .layer-pop.dvy-info-pop{width: 792px;}
    .layer-pop.dvy-info-pop .pop-con{padding: 39px 50px 31px; height: 484px;}

    .layer-pop.dvy-info-pop .dvy-area{position: relative;}
    .layer-pop.dvy-info-pop .dvy-area .tit{color: #101010; font-weight: 500; font-size: 16px; font-weight: 500; margin-bottom: 23px;}
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area{display: flex; align-items: center; margin-bottom: 30px;}
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area .dvy-tit{font-size: 14px; color: #101010; font-weight: 500; margin-right: 31px;}
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area select{width:253px; padding-left:15px; height:34px; border:1px solid #c8c8c8; font-size:14px; color:#85888d; font-weight:500; border-radius: 8px;
        background:#fff url(https://resource.mall.castingn.com/static/images/sub/select-arrow.png) no-repeat 95% center }
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area select option{color: #101010;}

    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area select.on{background-image:url(https://resource.mall.castingn.com/static/images/gogox/select-arrow-on.png) ;}

    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info-box{height: 117px; box-sizing: border-box; border-radius: 8px; display: flex; align-items: center; padding: 18px 41px 18px 0; position: relative;
        background:#f8f8f8 url(https://resource.mall.castingn.com/static/images/gogox/pac-ico2.png) 92% center/103px 75px no-repeat;}

    .layer-pop.dvy-info-pop .dvy-con-area {display: none;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item{display: flex; flex-direction: column; align-items: center; width: 116px; border-right: 1px solid #c8c8c8;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic{width: 48px; height: 48px; border-radius: 50%; overflow: hidden;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic1{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list01-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic2{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list02-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic3{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list03-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic4{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list04-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic5{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list05-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic6{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list06-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic7{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list07-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic8{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list08-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic9{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list09-on.png) no-repeat center/100%;}

    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .item-txt{font-weight: bold; color: #101010; font-size: 16px; margin-top: 6px;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info{margin-left: 24px;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info .info-tit{font-size: 14px; font-weight: 500; color: #101010; }
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info .info-list li{position: relative; padding-left: 14px; color: #5e6062;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info .info-list li::before{display: block; position: absolute; width: 4px; height: 4px; background: #0d89e8; border-radius: 50%; content: ''; left: 0; top: 9px;}

    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area{position: relative; padding: 30px 0 0 51px;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list{display: flex; align-items: center; flex-wrap: wrap;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li{display: flex; align-items: center; margin-bottom: 16px; margin-right: 24px;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li > span{color: #101010; width: 25px; font-weight: 500; margin-right: 8px;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li .mesure-item{width: 148px; position: relative;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li .mesure-item input{width: 100%; height: 34px; border: 1px solid #c8c8c8; border-radius: 8px; border-radius: 8px; box-sizing: border-box; text-align: right; padding-right: 37px; font-size: 14px; font-weight: 500; color: #101010;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li .mesure-item .unit{width: 34px; height: 34px; color: #5e6062; font-weight: 500; display: block; position: absolute; right: 0; top: 0; display: flex; box-sizing: border-box; align-items: center;}

    /* 명함 시안보기 팝업  */
    .layer-pop.nc-design-pop{width: 720px; height: 506px; border-radius: 12px; background: #fff; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); padding: 42px 76px; border: 0;}
    .layer-pop.nc-design-pop .pop-con{width: 100%; height: 375px; border-radius: 8px; border: solid 1px #d0d0d6; background-color: #f0f9ff; display: flex; align-items: center; justify-content: center;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list{display: flex; align-items: center;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list li{width: 165px; height: 274px; background: #fff; margin-right: 58px;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list li:last-child{margin-right: 0;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list.horz li{width: 250px; height: 150px; margin-right: 15px;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list.horz li:last-child{margin-right: 0;}

    .smartpin-guide-layer{max-width:800px;width:calc( 100% - 40px );height:650px;overflow:hidden;position:fixed;left:50%;top:50%;margin:-325px 0 0 -400px;background:#fff;border-radius: 12px;box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16);z-index:100;}
    .smartpin-guide-layer .sg-header-wrap{width:100%;height:55px;overflow:hidden; background-image: linear-gradient(to right, #0d89e8 8%, #32ab8c 96%);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:center;align-items:center;position:relative;}
    .smartpin-guide-layer .sg-header-wrap .stit{font-size:16px;color:#fff;font-weight:bold;}
    .smartpin-guide-layer .sg-header-wrap a{display:flex;width:48px;height:48px;position:absolute;right:0;top:0;}
    .smartpin-guide-layer .sg-header-wrap a img{}
    .smartpin-guide-layer .mbr{display:none;}

    .smartpin-guide-layer .sg-msg-wrap{width:100%;height:auto;overflow:Hidden;padding:27px 0 23px 0;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc{line-height:28px;width:100%;height:auto;overflow:Hidden;text-align:center;font-size:22px;color:#222;font-weight:bold;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc strong{font-family: Jalnan;color:#32ab8c;font-size:22px;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc + .sdesc{margin-top:10px;}
    .smartpin-guide-layer .sg-benefit-wrap{width:calc( 100% - 60px );height:auto;overflow:Hidden;margin:0 auto;}
    .smartpin-guide-layer .sg-benefit-wrap>ul{width:100%;height:auto;overflow:Hidden;position:relative;display:flex;justify-content:space-between;align-items:center;}
    .smartpin-guide-layer .sg-benefit-wrap>ul:before{display:flex;width:46px;height:46px;position:absolute;left:50%;top:50%;margin:-23px 0 0 -23px;content:"";background:url(https://resource.mall.castingn.com/static/images/ico-guide-plus.svg);}
    .smartpin-guide-layer .sg-benefit-wrap>ul>li{width:calc( 50% - 8px - 2px );height:143px;border:1px solid #5c81f7;border-radius:8px;background:#f2f5ff;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap{width:calc( 100% - 54px );height:auto;overflow:hidden;margin:14px auto 0 auto;display:flex;justify-content:flex-start;align-items:center;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap .upic{display:flex;width:30px;height:30px;border-radius:50%;overflow:hidden;background-size:cover !important;background-position:center center !important;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap .utit{display:flex;margin-left:10px;font-size:16px;color:#444;font-weight:bold;}
    .smartpin-guide-layer .sg-benefit-wrap .value{white-space:nowrap;width:100%;height:30px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;font-size:16px;color:#222;}
    .smartpin-guide-layer .sg-benefit-wrap .value strong{font-size:16px;color:#32ab8c;font-family: Jalnan;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01{width:calc( 100% - 40px );height:auto;overflow:hidden;margin:14px auto 0 auto;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li{width:100%;height:auto;overflow:Hidden;line-height:24px;font-size:14px;color:#222;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li strong{font-size:14px;color:#4f81ff;font-weight:bold;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist02{width:calc( 100% - 54px );height:auto;overflow:hidden;margin:5px auto 0 auto;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist02 li{width:calc( 100% - 18px );padding-left:18px;position:relative;height:auto;overflow:Hidden;font-size:14px;color:#444;font-weight:500;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist02 li:before{content:"";width:6px;height:6px;overflow:Hidden;border-radius:50%;background:#83d9c3;display:block;position:absolute;left:0;top:50%;margin-top:-3px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist02 li strong{font-size:14px;color:#32ab8c;font-weight:bold;}

    .smartpin-guide-layer .sg-step-wrap{width:100%;height:175px;overflow:hidden;background:#f9f9fa;margin-top:28px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide{width:calc( 100% - 60px );margin:0 auto;height:auto;overflow:Hidden;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide{position:relative;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide i{font-size:14px;color:#b3b7ba;position:absolute;top:28px;right:24px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .num{width:25px;height:25px;border-radius:8px;background-image: linear-gradient(to bottom, #0d89e8, #32ab8c);overflow:hidden;margin-top:24px;display:flex;justify-content:center;align-items:center;font-size:15px;color:#fff;font-weight:bold;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ntit{letter-spacing: -0.5px;width:100%;height:auto;overflow:Hidden;margin-top:8px;font-size:14px;color:#222;line-height:1.43em;font-weight:bold;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ndesc{width:100%;height:auto;overflow:Hidden;padding-top:10px;margin-top:10px;position:relative;font-size:12px;color:#32ab8c;font-weight:bold;line-height:1.5em;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ndesc:before{content:"";width:69px;height:1px;overflow:hidden;display:block;background:#59a98e;position:absolute;left:0;top:0;}

    .smartpin-guide-layer .sg-btn-wrap{z-index:20;position:relative;width:100%;height:auto;padding-top:48px;padding-bottom:33px;display:flex;justify-content:center;align-items:center;}
    .smartpin-guide-layer .sg-btn-wrap button{display:flex;justify-content:center;align-items:center;width:188px;height:48px;margin:0 8px;box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);background-image: linear-gradient(to left, #0d89e8, #32ab8c);border-radius:8px;border:0;font-size:16px;color:#fff;font-weight:500;}
    .smartpin-guide-layer .sg-btn-wrap button + button{background:#fff;border:1px solid #101010;color:#5e6062;}
    .smartpin-guide-layer .sg-btn-wrap button img{display:flex;}
    .smartpin-guide-layer .sg-btn-wrap button span{display:flex;margin-left:10px;font-size:16px;color:#101010;font-weight:500;}
    .smartpin-guide-layer .sg-btn-wrap .tool-tip-wrap{top:0px;right:100px;position:absolute;width:163px;height:54px;padding-top:10px;background:url(https://resource.mall.castingn.com/static/images/bg-guide-tooltip.svg) no-repeat center center;text-align:center;font-size:12px;color:#32ab8c;font-weight:bold;line-height: 1.17em;letter-spacing: -0.6px;display:none;}
    .smartpin-guide-layer .sg-btn-wrap button:hover + .tool-tip-wrap{display:block;}

    /* 승인 요청 취소 사유 입력  */
    .layer-pop.nc-cancel-pop{border-radius: 12px;  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); background-color: #fff; width: 792px; height: 286px; border: 0;}
    .layer-pop.nc-cancel-pop .pop-con{padding: 16px 16px 24px 16px;}
    .layer-pop.nc-cancel-pop .tit{font-size: 16px; color: #000; font-weight: bold; text-align: center; margin-bottom: 24px;}
    .layer-pop.nc-cancel-pop .txta{line-height: 1;}
    .layer-pop.nc-cancel-pop .txta textarea{width: 100%; height: 138px; border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 10px; resize: none;}

    /* 서비스 업데이트 안내 팝업  */
    .layer-pop.pop-update{width: 350px;height: 320px;border-radius: 32px;border: solid 1px #707070;background-color: #fff;overflow: hidden; position: absolute; }
    .layer-pop.pop-update .ico-alarm{display: block; width: 82px; height: 82px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-pop-alarm.png) left/100% no-repeat; margin: 47px auto 16px auto;}
    .layer-pop.pop-update .txt-comp1{text-align: center;}
    .layer-pop.pop-update .txt-comp1 .txt1{font-size: 28px; font-weight: 500; line-height: 38px; color: #3a3b3c;}
    .layer-pop.pop-update .txt-comp1 .txt2{font-size: 54px; letter-spacing: 0.02px; font-weight: bold; color: #000; line-height: 78px;}
    .layer-pop.pop-update .txt-comp1 .txt3{color: #101010; font-size: 14px; letter-spacing: -0.01px; line-height: 21px; text-align: center; font-weight: 500;}
    .layer-pop.pop-update .txt-comp1 .logo { margin-bottom:3px; width:93px; }
    .layer-pop.pop-update .list-time{font-size: 29px; letter-spacing: 0.01px; color: #0d89e8; text-align: center;}
    .layer-pop.pop-update .list-time li{display: flex; align-items: center; font-weight: bold; justify-content: center; margin-top: 18px;}
    .layer-pop.pop-update .list-time li:last-child{color: #32ab8c;}
    .layer-pop.pop-update .list-time span{display: flex; align-items: center; width: 64px; height: 38px; justify-content: center; background: #0d89e8; border-radius: 19px; margin-right: 10px; color: #fff; font-size: 21px; font-weight: bold;}
    .layer-pop.pop-update .list-time li:last-child span{background: #32ab8c;}
    .layer-pop.pop-update .box { padding:16px 17px; }
    .layer-pop.pop-update .txt-comp2{color: #101010; font-size: 22px; letter-spacing: -0.01px; line-height: 36px; text-align: center; margin-top: 20px;}
    .layer-pop.pop-update .txt-comp3{color: #101010; font-size: 14px; letter-spacing: -0.03px; line-height: 21px; text-align: left; margin-top: 10px; font-weight: 500; margin-bottom:15px; }
    .layer-pop.pop-update .point_blue_txt { color:#0d89e8; }
    .layer-pop.pop-update .point_gray_txt { color:#888; }
    .layer-pop.pop-update .pop-btn{display: flex; align-items: center; position: absolute; left: 0; width: 100%; bottom: 0;}
    .layer-pop.pop-update .pop-btn a{width: 50%; height: 48px; background: #101010; color: #fff; font-size: 14px; display: flex; align-items: center; font-weight: bold; justify-content: center; position: relative;}
    .layer-pop.pop-update .pop-btn a + a::before{display: block; width: 1px; height: 17px; background: #fff; position: absolute; left: 0;  top: 17px; content: '';}



    /* e 레이어 팝업  */
    /* e  */

    /* s */
    .basket-process-wrap .search-area{display: flex; }
    .basket-process-wrap .search-box{height: 40px; border: 1px solid #cbcbcb; border-radius: 8px; display: flex; width: 100%; box-sizing: border-box; align-items: center; padding: 0 5px;}
    .basket-process-wrap .search-box input{width: calc(100% - 38px); padding-left: 10px; font-size: 16px; height: 35px;}
    .basket-process-wrap .search-box button{width: 28px; height: 28px; text-indent: -99999px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-search1.png) center no-repeat}
    .basket-process-wrap .period-search-box{display: flex; margin-top: 12px; align-items: center; margin-bottom: 37px;}
    .basket-process-wrap .period-search-box .period-bt-group{
        display: flex;
        align-items: center;
        gap:4px;
    }
    .basket-process-wrap .period-search-box .period-bt-group button{
        width: 72px;
        height: 32px;
        background: #fff;
        border: 1px solid #0E89E8;
        color: #0E89E8;
        font-size: 12px;
        font-weight: 400;
        border-radius: 6px;
        box-sizing: border-box;
    }
    .basket-process-wrap .period-search-box .period-bt-group button.active{ color: #007AFF; border: 1px solid #007AFF; background: #F4FAFF; font-weight: 700}
    .basket-process-wrap .period-search-box .ymd-group{display: flex; align-items: center;  margin-left: auto;}
    .basket-process-wrap .period-search-box .ymd-area{display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .period-search-box .ymd-area .ymd{width: 112px; height: 33px; text-align: left; background: #fff; border: 1px solid #aaaeb1; font-size: 12px; color: #1e1e1e; box-sizing: border-box; display: flex; align-items: center; font-weight: bold; padding-left: 12px; border-radius: 8px;}
    /*.basket-process-wrap .period-search-box .ymd-area .dot{margin: 0 4px;}*/
    .basket-process-wrap .period-search-box .ymd-area .period{margin-right: 21px; font-size: 14px; color: #5e6062;}
    .basket-process-wrap .period-search-box .ymd-box{position: relative;}
    .basket-process-wrap .period-search-box .ymd-box .btn-cal{width: 14px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/icons/ico-cal.png) left/100% no-repeat; position: absolute; right: 7px; top: 7px; font-size: 0; text-indent: -9999999px;}
    .basket-process-wrap .period-search{margin-left: 14px;}
    .basket-process-wrap .period-search button{width: 80px; height: 33px; color: #fff; font-size: 12px; background:#0e89e8; border-radius: 8px;}

    .basket-process-wrap .btn-item-toggle{
        width: 100%;
        justify-content: center;
        border-top: 1px solid #d9d9d9;
        margin: 0;
        height: 58px;
    }
    .basket-process-wrap .btn-item-toggle span{
        font-size: 14px;
        color: #666;
        letter-spacing: -0.01px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .basket-process-wrap .btn-item-toggle span:after{content: ''; width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/icons/ico-tg-down.png) left/100% no-repeat; margin-left: 6px;}
    .basket-process-wrap .btn-item-toggle.on span:after{transform: rotate(180deg);}

    .basket-process-wrap .bt-function{display: flex; justify-content: end; margin-top: 12px;}
    .basket-process-wrap .bt-function button{height: 30px; font-size: 12px; color: #5e6062; font-weight: bold; border: 1px solid #aaaeb1; border-radius: 8px; margin-left: 7px;}
    .basket-process-wrap .bt-function button:hover{border: 1px solid #0e89e8; color: #0e89e8;}
    .basket-process-wrap .bt-function button:first-child{margin-left: 0;}
    .basket-process-wrap .paylist-tbl{margin-top: 12px;}
    .basket-process-wrap .paylist-tbl.type1 table{table-layout: fixed; border-top: 1px solid #222222;}
    .basket-process-wrap .paylist-tbl table th{color: #000; font-size: 16px; font-weight: 700; height: 54px; text-align: center; border-bottom: 1px solid #cbcbcb; position: relative; background: #e1e1e1;}
    .basket-process-wrap .paylist-tbl table th::after{position: absolute; width: 1px; height: 10px; background: #cbcbcb; content: ''; right: 0.1px; top: 50%; margin-top: -5px;}
    .basket-process-wrap .paylist-tbl table th:last-child::after{background: none;}
    .basket-process-wrap .paylist-tbl table td{text-align: center; height: 50px; color: #000; font-size: 15px; border-bottom: 1px solid #ececec; word-break: break-all;}
    .basket-process-wrap .paylist-tbl table td.prod-name{min-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .basket-process-wrap .paylist-tbl table td.t-blue{color: #0e89e8;}
    .basket-process-wrap .paylist-tbl table td a{display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 265px; vertical-align: middle;}
    .basket-process-wrap .paylist-tbl input.paylist-chk{position: relative; appearance: none; -webkit-appearance: none; width: 20px; height: 20px;}
    .basket-process-wrap .paylist-tbl input.paylist-chk::after{content: ''; position: absolute; width: 20px; height: 20px; border-radius: 6px; border: solid 2px #d7d9db; background-color: #fff; display: block; left: 0; top: 0; box-sizing: border-box;}
    .basket-process-wrap .paylist-tbl input.paylist-chk:checked::after{border-color: #3f88e1; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}

    .basket-process-wrap .comp1{
        min-width:68px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: solid 1px #aaaeb1;
        background: #fff;
        color: #666;
        font-size:12px;
        font-weight: 400;
        margin: auto;
    }
    .basket-process-wrap .comp1.down-file { min-width:68px }
    .basket-process-wrap .link-blue-detail {
        font-size: 14px;
        font-weight: 400;
        color:#0E89E8;
        text-decoration: underline;
    }
    .basket-process-wrap .paylist-tbl .ico-new{width: 20px; height: 20px; border-radius: 50%; font-size: 9px; color: #fff; text-align: center; background: #ff8787; display: flex; align-items: center; justify-content: center; margin-right: 2px;display: inline-block;vertical-align: middle;}
    .basket-process-wrap .paylist-tbl .ymd-tt{display: flex; align-items: center; word-break: keep-all;}
    .basket-process-wrap .paylist-tbl .tt-elip{width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;padding: 0 10px;box-sizing: border-box;}

    .basket-process-wrap .limit-info { display: flex; margin-bottom: 20px; }
    .basket-process-wrap .limit-info > div {
        border-radius: 15.5px;
        border: solid 1px #d9d9d9;
        padding: 25px 62.5px;
        width:100%;
    }
    .basket-process-wrap .limit-info > div:first-child {
        margin-right:20px;
    }
    .basket-process-wrap .limit-info > div > h6 {
        color: #444;
        font-size: 20px;
        font-weight: bold;
    }
    .basket-process-wrap .limit-info > div > ul {
        padding-left: 20px;
        margin-top:12px;
    }
    .basket-process-wrap .limit-info > div > ul > li {
        display: flex;
        margin-bottom: 10px;
        justify-content: space-between;
    }
    .basket-process-wrap .limit-info > div > ul > li.tot-crd-lim .name,
    .basket-process-wrap .limit-info > div > ul > li.tot-crd-lim .price strong{
        color: #d00f11;
    }
    .basket-process-wrap .limit-info > div > ul > li.rmn-crd-lim .name,
    .basket-process-wrap .limit-info > div > ul > li.rmn-crd-lim .price strong{
        color: #164b80;
    }
    .basket-process-wrap .limit-info > div > ul > li > div.name {
        font-size: 16px;
        font-weight: bold;
        color: #8f8f8f;
        width:50%;
    }
    .basket-process-wrap .limit-info > .disabled {
        background-color: rgba(83, 83, 83, .3);
        opacity: .4;
    }
    .basket-process-wrap .limit-info > .disabled li .name {
        color:#8f8f8f!important;
    }
    .basket-process-wrap .limit-info > .disabled li .price strong{
        color:#101010!important;
    }
    .basket-process-wrap .budgeting-cs { text-align:center; margin:50px 0; }
    .basket-process-wrap .budgeting-cs > p{
        text-align: left;
        font-size: 14px;
        color: #333;
        padding-left:62.5px;
    }
    .basket-process-wrap .budgeting-cs > button {
        width:240px;
        height:58px;
        line-height: 58px;
        font-size: 18px;
        font-weight: 500;
        color: #101010;
        display: inline-block;
        border-radius: 12px;
        border: solid 1px #c8c8c8;
        margin:50px 0;
    }
    .basket-process-wrap .paylist-tbl1 {
        margin-top:25px;
    }
    .basket-process-wrap .paylist-tbl1 li {
        margin-bottom:40px;
    }
    .basket-process-wrap .paylist-tbl1 h6 {
        font-size: 16px;
        font-weight: bold;
        color:#101010;
    }
    .basket-process-wrap .paylist-tbl1 .cs > p {
        font-size:14px;
        color:#101010;
        margin-top:24px;
        margin-bottom:8px;
    }
    .basket-process-wrap .paylist-tbl1 .cs > input {
        text-indent:20px;
        width:360px;
        height:45px;
        line-height:45px;
        border-radius: 4px;
        border: solid 1px #c8c8c8;
        color:#101010;
    }
    .basket-process-wrap .paylist-tbl1 .cs .rd-area {
        margin:24px 0;
    }
    .basket-process-wrap .paylist-tbl1 .cs .pyr-msg {
        color: #5e6062;
        margin-top: 11px;
    }
    .basket-process-wrap .paylist-tbl1 .cs .pyr-msg li {
        padding-left: 9px;
        position: relative;
        margin-bottom: 6px;
    }
    .basket-process-wrap .paylist-tbl1 .cs .pyr-msg li:before {
        position: absolute;
        width: 3px;
        height: 3px;
        content: '';
        display: block;
        border-radius: 50%;
        background: #999;
        left: 0;
        top: 10px;
    }
    .basket-process-wrap .paylist-tbl1 .cs .tbl-group {
        display:flex;
        align-items: center;
        margin-top:20px;
        margin-bottom:12px;
    }
    .basket-process-wrap .paylist-tbl1 .cs .tbl-group > p {
        font-size: 14px;
        color: #101010;
        margin-right:20px;
    }
    .basket-process-wrap .paylist-tbl1 .cs .tbl-group > span {
        font-size: 14px;
        font-weight: 500;
        color:#000;
    }
    .basket-process-wrap .paylist-tbl1 .cs .tbl-group > span > b {
        font-weight:bold;
        margin-right:5px;
    }
    .basket-process-wrap .paylist-tbl1 .cs .tbl-group > button {
        min-width:67px;
        border-radius: 6px;
        border: solid 1px #c8c8c8;
        padding:4px;
        font-size:12px;
        color: #3a3b3c;
        margin-left:12px;
    }
    .basket-process-wrap .paylist-tbl1 .pyr-list2{display: flex; align-items: center; flex-wrap: wrap;}
    .basket-process-wrap .paylist-tbl1 .pyr-list2 .disabled-input {
        border-radius: 4px;
        border: solid 1px #c8c8c8;
        background-color: #e5e5e5;
        width: 360px;
        height: 45px;
        line-height: 45px;
    }
    .basket-process-wrap .paylist-tbl1 .pyr-list2 li{display: flex; flex-direction: column; align-items: flex-start; margin-right: 8px; position: relative; margin-bottom: 10px;}
    .basket-process-wrap .paylist-tbl1 .pyr-list2 li:last-child{margin-right: 0;}
    .basket-process-wrap .paylist-tbl1 .pyr-list2 li .name-box{width: 200px; height: 45px; border-radius: 4px; border: solid 1px #5e6062; background-color: #fff; box-sizing: border-box; position: relative; padding: 0 20px; display: flex; align-items: center;}
    .basket-process-wrap .paylist-tbl1 .pyr-list2 li .name-box .btn-clear{width: 23px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/btn-box.png) left/100% no-repeat; font-size: 0; text-indent: -9999999px; position: absolute; right: 14px;}
    .basket-process-wrap .paylist-tbl1 .pyr-list2 li .name-box.on{border: 1px solid #e7e9eb;}

    .basket-process-wrap .paylist-tbl2{margin-top: 12px; border-top: 2px solid #000000;}
    .basket-process-wrap .paylist-tbl2 table{table-layout: fixed;}
    .basket-process-wrap .paylist-tbl2 table th{color: #000; font-size: 14px; font-weight: 700; height: 45px; text-align: center; position: relative; background: #f5f5f5;}
    .basket-process-wrap .paylist-tbl2 table th::after{position: absolute; width: 1px; height: 15px; background: #cbcbcb; content: ''; right: 0; top: 50%; margin-top: -7.5px;}
    .basket-process-wrap .paylist-tbl2 table th:last-child::after{background: none;}
    .basket-process-wrap .paylist-tbl2 table td{text-align: center; height: 45px; color: #5e6062; font-size: 15px; border-bottom: 1px solid #ececec; word-break: break-all;}
    .basket-process-wrap .paylist-tbl2 table td.t-blue{color: #0e89e8;}
    .basket-process-wrap .paylist-tbl2 table td a{display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 265px; vertical-align: middle;}
    .basket-process-wrap .paylist-tbl2 input.paylist-chk{position: relative; appearance: none; -webkit-appearance: none; width: 20px; height: 20px;}
    .basket-process-wrap .paylist-tbl2 input.paylist-chk::after{content: ''; position: absolute; width: 20px; height: 20px; border-radius: 6px; border: solid 2px #d7d9db; background-color: #fff; display: block; left: 0; top: 0; box-sizing: border-box;}
    .basket-process-wrap .paylist-tbl2 input.paylist-chk:checked::after{border-color: #3f88e1; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
    .basket-process-wrap .paylist-tbl2 .font-ty1{font-weight: 500; color: #3a3b3c;}
    .basket-process-wrap .paylist-tbl2 .font-ty2{font-weight: normal; color: #000; font-size: 13px;}

    .basket-process-wrap .paylist-tbl3{border-top: 2px solid #101010;}
    .basket-process-wrap .paylist-tbl3.type1{border-top: 1px solid #ececec;}
    .basket-process-wrap .paylist-tbl3 table{table-layout: fixed;}
    .basket-process-wrap .paylist-tbl3 table .brd-b{border-bottom: 1px solid #c8c8c8;}
    .basket-process-wrap .paylist-tbl3 table .brd-b th, .basket-process-wrap .paylist-tbl3 table .brd-b td{padding: 16px 0;}
    .basket-process-wrap .paylist-tbl3 table th, .basket-process-wrap .paylist-tbl3 table td{padding: 25px 0 0; color: #101010;}
    .basket-process-wrap .paylist-tbl3 table th{font-size: 16px; font-weight: 500; text-align: left;}
    .basket-process-wrap .paylist-tbl3 table td{font-size: 14px;}

    .basket-process-wrap .paylist-tbl3 table .col-item-area{display: flex; align-items: flex-start; }
    .basket-process-wrap .paylist-tbl3 table .col-item-box{display: flex; flex-direction: column; padding-top: 6px; width: 384px; margin-right: 26px;}
    .basket-process-wrap .paylist-tbl3 table .col-item-box .item-tit{font-size: 14px; color: #101010; font-weight: 500; margin-bottom: 10px;}
    .basket-process-wrap .paylist-tbl3 table .col-item-box .sel-item1{width: 100%; height: 45px; background: #fff url(https://resource.mall.castingn.com/static/images/sub/select-arrow.png) no-repeat 97% center;  border: solid 1px #c8c8c8; border-radius: 4px;}
    .basket-process-wrap .paylist-tbl3 table .col-item-box .sel-item1:disabled{background-color: #f5f5f5;}
    .basket-process-wrap .paylist-tbl3 table .col-item-box .desc{color: #85888d; font-size: 14px; margin-top: 8px;}

    .basket-process-wrap .paylist-tbl3 table .line-ipt{ border-radius: 4px; border: solid 1px #c8c8c8; background-color: #fff;  height: 45px; padding: 0 20px; box-sizing: border-box;}
    .basket-process-wrap .paylist-tbl3 table .line-ipt.wdh1{width: 282px;}
    .basket-process-wrap .paylist-tbl3 table .line-ipt.wdh2{width: 193px;}
    .basket-process-wrap .paylist-tbl3 table .line-ipt::placeholder{color: #b3b7ba; font-size: 14px;}
    .basket-process-wrap .paylist-tbl3 table .line-ipt:disabled{background: #e5e5e5;}
    .basket-process-wrap .paylist-tbl3 table .aln-t{vertical-align: top;}
    .basket-process-wrap .paylist-tbl3 table .aln-t1{vertical-align: top; padding-top: 40px;}
    .basket-process-wrap .paylist-tbl3 table .tt-1{font-size: 16px; font-weight: 500; margin-left: 14px;}

    .basket-process-wrap .paylist-tbl3 table .pyr-list{display: flex; align-items: center; margin-bottom: 33px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li{display: flex; flex-direction: column; align-items: flex-start; margin-right: 96px; position: relative;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li:last-child{margin-right: 0;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li > span{margin-bottom: 13px; font-weight: 500;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li .name-box{width: 200px; height: 45px; border-radius: 4px; border: solid 1px #5e6062; background-color: #fff; box-sizing: border-box; position: relative; padding: 0 20px; display: flex; align-items: center;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li .name-box:after{width: 9px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/ico-page-next.png) left/100%; display: block; position: absolute; right: -55px; top: 16px; content: '';}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li .name-box.no-arr:after{display: none;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li:last-child .name-box:after{display: none;}

    .basket-process-wrap .paylist-tbl3 table .pyr-list li .name-box .btn-clear{width: 23px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/btn-box.png) left/100% no-repeat; font-size: 0; text-indent: -9999999px; position: absolute; right: 14px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li .btn-add{width: 200px; height: 45px; border-radius: 4px; border: dotted 1px #c8c8c8; background-color: #f5f5f5; font-size: 0; text-indent: -99999999px; position: relative;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li .btn-add::before{width: 16px; height: 2px; background: #b3b7ba; display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -1px; content: '';}
    .basket-process-wrap .paylist-tbl3 table .pyr-list li .btn-add::after{width: 2px; height: 16px; background: #b3b7ba; display: block; position: absolute; left: 50%; margin-left: -1px; top: 50%; margin-top: -8px; content: '';}

    .basket-process-wrap .paylist-tbl3 table .pyr-list2{display: flex; align-items: center; flex-wrap: wrap;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list2 li{display: flex; flex-direction: column; align-items: flex-start; margin-right: 8px; position: relative; margin-bottom: 10px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list2 li:last-child{margin-right: 0;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list2 li .name-box{width: 200px; height: 45px; border-radius: 4px; border: solid 1px #e7e9eb; background-color: #fff; box-sizing: border-box; position: relative; padding: 0 20px; display: flex; align-items: center;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list2 li .name-box .btn-clear{width: 23px; height: 23px; background: url(https://resource.mall.castingn.com/static/images/btn-box.png) left/100% no-repeat; font-size: 0; text-indent: -9999999px; position: absolute; right: 14px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-list2 li .name-box.on{border: 1px solid #e7e9eb;}

    .basket-process-wrap .paylist-tbl3 table .pyr-msg{color: #5e6062; margin-top: 11px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-msg li{padding-left: 9px; position: relative; margin-bottom: 6px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-msg li:last-child{margin-bottom: 0px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-msg li::before{position: absolute; width: 3px; height: 3px; content: ''; display: block; border-radius: 50%; background: #999; left: 0; top: 10px;}

    .basket-process-wrap .paylist-tbl3 table .pyr-team-area{margin-top: 24px; border-top: 1px solid #e5e5e5;}
    .basket-process-wrap .paylist-tbl3 table .pyr-team-ipt{display: flex; flex-direction: column; margin: 31px 0 33px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-team-ipt .pyr-team-tit{font-weight: 500; margin-bottom: 11px;}
    .basket-process-wrap .paylist-tbl3 table .pyr-team-ipt input[type="text"]{ width: 792px; height: 45px; border-radius: 4px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 0 20px;}

    .basket-process-wrap .paylist-tbl3 table .tbl-group{display: flex; align-items: center; margin-bottom: 20px;}
    .basket-process-wrap .paylist-tbl3 table .tbl-group span{font-weight: 500; color: #000; margin: 0 15px 0 13px;}
    .basket-process-wrap .paylist-tbl3 table .tbl-group span b{font-weight: bold;}
    .basket-process-wrap .paylist-tbl3 table button.comp1{width: 67px; height: 24px; border-radius: 6px;  border: solid 1px #c8c8c8; background-color: #fff; font-size: 12px; color: #3a3b3c;}
    .basket-process-wrap .paylist-tbl3 table .rd-cont2{display: none;}

    .basket-process-wrap .paylist-tbl4{margin-top: 12px;}
    .basket-process-wrap .paylist-tbl4 table{table-layout: fixed; border-top: 1px solid #d9d9d9;}
    .basket-process-wrap .paylist-tbl4 table th{color: #000; font-size: 14px; font-weight: 700; height: 45px; text-align: center; position: relative; background: #f5f5f5;}
    .basket-process-wrap .paylist-tbl4 table th::after{position: absolute; width: 1px; height: 15px; background: #cbcbcb; content: ''; right: 1px; top: 50%; margin-top: -7.5px;}
    .basket-process-wrap .paylist-tbl4 table th:last-child::after{background: none;}
    .basket-process-wrap .paylist-tbl4 table td{text-align: center; height: 45px; color: #5e6062; font-size: 15px; border-bottom: 1px solid #ececec; word-break: break-all;}
    .basket-process-wrap .paylist-tbl4 table td.t-blue{color: #0e89e8;}
    .basket-process-wrap .paylist-tbl4 table td.left { text-align: left; text-indent: 5px; }
    .basket-process-wrap .paylist-tbl4 table td a{display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 265px; vertical-align: middle;}
    .basket-process-wrap .paylist-tbl4 input.paylist-chk{position: relative; appearance: none; -webkit-appearance: none; width: 20px; height: 20px;}
    .basket-process-wrap .paylist-tbl4 input.paylist-chk::after{content: ''; position: absolute; width: 20px; height: 20px; border-radius: 6px; border: solid 2px #d7d9db; background-color: #fff; display: block; left: 0; top: 0; box-sizing: border-box;}
    .basket-process-wrap .paylist-tbl4 input.paylist-chk:checked::after{border-color: #3f88e1; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
    .basket-process-wrap .paylist-tbl4 .font-ty1{font-weight: 500; color: #3a3b3c;}
    .basket-process-wrap .paylist-tbl4 .font-ty2{font-weight: normal; color: #000; font-size: 13px;}
    .basket-process-wrap .paylist-tbl4 .paylist-tbl-bt.btn-go{width:70px;height:25px;border-radius:4px;border:1px solid #c8c8c8;background:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;color:#101010;margin:0 auto;}
    .basket-process-wrap .paylist-tbl4 .paylist-tbl-bt.btn-go:hover{border: 2px solid #007aff;}
    .basket-process-wrap .paylist-tbl4 table td .ico-new{width: 36px; height: 19px; background: #fc4c4e; font-size: 11px; text-align: center; border-radius: 30px; color: #fff; margin-right: 6px; display: inline-block; vertical-align: text-top;}


    .basket-process-wrap .paylist-tbl5{}
    .basket-process-wrap .paylist-tbl5 table th{color: #000; font-size: 16px; font-weight: 700; height: 54px; text-align: center; position: relative; background: #e1e1e1;}
    .basket-process-wrap .paylist-tbl5 table th::after{position: absolute; width: 1px; height: 15px; background: #cbcbcb; content: ''; right: 0; top: 50%; margin-top: -7.5px;}
    .basket-process-wrap .paylist-tbl5 table th:last-child::after{background: none;}
    .basket-process-wrap .paylist-tbl5 table td{text-align: center; height: 50px; color: #000; font-size: 16px; border-bottom: 1px solid #ececec; word-break: break-all;}
    .basket-process-wrap .paylist-tbl5 table td.t-blue{color: #0e89e8;}
    .basket-process-wrap .paylist-tbl5 table td a{display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 265px; vertical-align: middle;}
    .basket-process-wrap .paylist-tbl5 .rdbox{display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .paylist-tbl5 .rdbox input{position: relative; appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin-left: 10px; }
    .basket-process-wrap .paylist-tbl5 .rdbox input::after{content: ''; position: absolute; width: 20px; height: 20px; border-radius: 6px; border: solid 2px #d7d9db; background-color: #fff; display: block; left: 0; top: 0; box-sizing: border-box; }
    .basket-process-wrap .paylist-tbl5 .rdbox input:checked::after{border-color: #3f88e1; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
    .basket-process-wrap .paylist-tbl5 .rdbox span{margin-left: 14px;}

    .basket-process-wrap .budget-list-box{border: solid 1px #e7e9eb; border-radius: 15px; margin-bottom: 24px; position: relative; padding-bottom:18px; }
    .basket-process-wrap .budget-list-box .list{padding: 24px 24px 10px; color: #000;}
    .basket-process-wrap .budget-list-box .list li{display: flex; align-items: center; margin-bottom: 18px;}
    .basket-process-wrap .budget-list-box .list li .end {
        text-align: right;
        flex-grow: 1;
    }
    .basket-process-wrap .budget-list-box .list li dl {
        display: flex;
        margin-right:50px
    }
    .basket-process-wrap .budget-list-box .list li dl.tot-grant {
        color:#d00f11;
    }
    .basket-process-wrap .budget-list-box .list li dl.tot-used {
        color:#000;
    }
    .basket-process-wrap .budget-list-box .list li dl.tot-remain {
        color:#074b80;
    }
    .basket-process-wrap .budget-list-box .list li dt {
        font-size: 16px;
        margin-right:30px;
        font-weight: bold;
    }
    .basket-process-wrap .budget-list-box .list li dd {
        font-size: 16px;
        font-weight:500;
    }
    .basket-process-wrap .budget-list-box .list li:last-child{margin-bottom: 0;}
    .basket-process-wrap .budget-list-box .list li strong{font-size:16px; font-weight: bold; width: 75px; margin-right: 24px;}
    .basket-process-wrap .budget-list-box .list li span{font-weight: 500; font-size: 16px;}
    .basket-process-wrap .budget-list-box .list li span .etc{font-size: 14px; font-weight: normal; margin-left: 3px;}
    .basket-process-wrap .budget-list-box .btn-detail{font-size: 14px; color: #0e89e8; font-weight: bold; letter-spacing: -0.56px; position: relative; display: flex; padding-right: 35px; justify-content: flex-end; padding-bottom:10px;}
    .basket-process-wrap .budget-list-box .btn-detail:before{display: block; content: ''; width: 1px; height: 8px; background: #0e89e8; position: absolute; right: 25px; top: 6px; transform: rotate(-45deg);}
    .basket-process-wrap .budget-list-box .btn-detail:after{display: block; content: ''; width: 1px; height: 8px; background: #0e89e8; position: absolute; right: 19px; top: 6px; transform: rotate(-135deg);}
    .basket-process-wrap .budget-list-box .btn-detail.on:before{display: block; content: ''; width: 1px; height: 8px; background: #0e89e8; position: absolute; right: 25px; top: 6px; transform: rotate(45deg);}
    .basket-process-wrap .budget-list-box .btn-detail.on:after{display: block; content: ''; width: 1px; height: 8px; background: #0e89e8; position: absolute; right: 19px; top: 6px; transform: rotate(135deg);}

    /*.basket-process-wrap .budget-list-box .budget-con{margin-bottom: 18px;}*/
    .basket-process-wrap .budget-list-box .budget-con .page-cs {
        display: flex;
        justify-content: center;
        margin-top:18px;
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li {
        margin:0 2px;
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li > a {
        display: block;
        border-radius: 8px;
        background-color: #f9f9fa;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #85888d;
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li > a > img {
        opacity: .5;
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li > a.active {
        background-color: #0d89e8;
        color:#fff;
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li > a:hover {
        background-color: #e5e5e5;
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li:first-child > a > img{
        transform: rotate(-90deg);
    }
    .basket-process-wrap .budget-list-box .budget-con .page-cs > li:last-child > a > img{
        transform: rotate(90deg);
    }
    .basket-process-wrap .tbl-total{text-align: right; margin: 27px 77px 14px 0; font-size: 18px;}
    .basket-process-wrap .tbl-total .total-tit{font-size: 18px; font-weight: 500; color: #101010; margin-right: 100px;}
    .basket-process-wrap .tbl-total .total-cash{color: #5e6062;}
    .basket-process-wrap .tbl-total .total-cash b{font-size: 24px; color: #000; font-weight: bold; margin-right: 9px;}

    .basket-process-wrap .filter-btn-area{display: flex; align-items: center; font-size: 14px; color: #5e6062; font-weight: 500; justify-content: flex-end; margin-bottom: 2px; margin-right: 5px; }
    .basket-process-wrap .filter-btn-area a{display: flex; align-items: center;}
    .basket-process-wrap .filter-btn-area a + a{margin-left: 14px; position: relative;}
    .basket-process-wrap .filter-btn-area a.on{color: #3f88e1; font-weight: bold;}
    .basket-process-wrap .filter-btn-area a.on::before{background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center/100% no-repeat; width: 12px; height: 9px; content: ''; margin-right: 9px;}

    .basket-process-wrap .rd-area{display: flex; align-items: center; font-weight: 500;}
    .basket-process-wrap .rd-area label{display: flex; align-items: center;}
    .basket-process-wrap .rd-area label + label{margin-left: 47px;}
    .basket-process-wrap .rd-area .rdbox input[type="radio"]{cursor:pointer; outline:none; display:flex; background:#fff; border:1px solid #d2d2d2; width:15px; height:15px; border-radius:50%; overflow:hidden; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
    .basket-process-wrap .rd-area .rdbox input[type="radio"]:checked{border: 4px solid #0e89e8;}
    .basket-process-wrap .rd-area .rdbox span{margin-left: 8px;}

    .basket-process-wrap .pinsq-box{height: 305px;  border-radius: 16px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing:border-box; display: flex; flex-direction: column; align-items: center; padding: 36px 0 0 0;}
    .basket-process-wrap .pinsq-box p{ letter-spacing: -0.01px; text-align: center; color: #5e6062; font-size: 16px; line-height: 24px;}
    .basket-process-wrap .pinsq-box .delivery-btn-area{margin-top: 37px;}
    .basket-process-wrap .pinsq-box::before{width: 80px; height: 80px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-gu-pinsq.svg) left/100% no-repeat; content: ''; margin-bottom: 9px; }

    .basket-process-wrap .psq-srv-list{}
    .basket-process-wrap .psq-srv-list ul li{height: 153px;  display: flex; align-items: flex-start; box-sizing: border-box; margin-bottom: 24px;}
    .basket-process-wrap .psq-srv-list ul li .item-thum{width: 216px; height: 100%; overflow: hidden; border: 1px solid #c8c8c8; box-sizing: border-box; border-radius: 20px 0 0  20px;}
    .basket-process-wrap .psq-srv-list ul li .item-thum img{width: 100%; object-fit: cover;}
    .basket-process-wrap .psq-srv-list ul li .item-cont{padding: 24px 34px; border: 1px solid #c8c8c8; border-radius: 0 20px 20px 0; height: 100%; width: calc(100% - 215px); box-sizing: border-box; border-left: none;}
    .basket-process-wrap .psq-srv-list ul li .item-tit{display: flex; flex-direction: column; letter-spacing: -0.72px; margin-bottom: 25px;}
    .basket-process-wrap .psq-srv-list ul li .item-tit strong{color: #fff; font-weight: bold; color: #333; margin-bottom: 8px; font-size: 18px;}
    .basket-process-wrap .psq-srv-list ul li .item-tit .stat{font-size: 18px; color: #0d89e8;}

    .basket-process-wrap .psq-srv-list ul li .item-link{display: flex; align-items: center; justify-content: flex-end;}
    .basket-process-wrap .psq-srv-list ul li .link-tt{letter-spacing: -0.64px; color: #666; font-size: 16px;}
    .basket-process-wrap .psq-srv-list ul li .btn-link{width: 174px; height: 38px; border-radius: 19px;  background-color: #0d89e8; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; font-weight: 500; margin-left: 12px; letter-spacing: -0.64px;}
    .basket-process-wrap .psq-srv-list ul li .btn-link:after{width: 7px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/ico_arrow.png) left/100% no-repeat; content: ''; margin-left: 10px;}
    .basket-process-wrap .psq-srv-list ul li .btn-link2{width: 174px; height: 38px; border-radius: 19px; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #0d89e8; font-size: 16px; font-weight: 500; margin-left: 12px; letter-spacing: -0.64px;
        border: 1px solid #0d89e8;}

    .paging{ display: flex; align-items: center; justify-content: center;}
    .paging.mt1{margin-top: 16px;}
    .paging a{
        width:24px;
        height:24px;
        font-size: 12px;
        color: #777;
        font-weight: 400;
        border-radius: 8px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border:1px solid #C8C8C8;
        box-sizing: border-box;
        transition: .2s;
    }
    .paging a:hover{
        border-color:#0E89E8;
        color:#202020;
    }
    .paging a.page-prev{ background:#f9f9fa url(https://resource.mall.castingn.com/static/images/ico-page-prev.png) center no-repeat; text-indent: -999999px; overflow: hidden;}
    .paging a.page-next{ background:#f9f9fa url(https://resource.mall.castingn.com/static/images/ico-page-next.png) center no-repeat; text-indent: -999999px; overflow: hidden;}
    .paging a.page-prev:hover{background-color: #e5e5e5;}
    .paging a.page-next:hover{background-color: #e5e5e5;}
    .paging a.page-more{font-size: 13px; background: none;}
    .paging span.current{font-size: 13px; margin:0 4px 0 0; width: 28px; height: 28px; background: #0e89e8; border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center;}
    .paging span.page-num{font-size: 13px; color: #a9a9a9; font-weight: 600;}
    /* e  */

    /* s 2021-11-29 대분류 랜딩  */
    #container.bg-grey{position: relative;}
    #container.bg-grey:after{width: 100%;background: #f6f6f6;content: '';position: absolute;left: 0;height: 100%; bottom: -60px;z-index: -1;}
    .sub-con-wrap{max-width: 1440px; margin: 40px auto 0; display: flex;box-sizing: border-box; padding-bottom: 178px;}
    .sub-con-wrap .lnb{width: 261px; padding: 0 39px 0 41px; padding-bottom: 35px; box-sizing: border-box; border-radius: 10px; border: 1px solid #e7e7e7; background: #fff; max-height: 1500px;}
    .sub-con-wrap .lnb .lnb-item{margin-top: 24px;}
    .sub-con-wrap .lnb .lnb-item:first-child{margin-top: 36px;}
    .sub-con-wrap .lnb .lnb-item .lnb-tit{border-bottom: 1px solid #f6f4f4; padding: 0 0 24px 0;}
    .sub-con-wrap .lnb .lnb-item .lnb-tit.select{border-bottom: none; background: none; padding-bottom: 0; background:url(https://resource.mall.castingn.com/static/images/lnb-on.png) right no-repeat;}
    .sub-con-wrap .lnb .lnb-item .lnb-tit.select a{color: #0e89e8; font-weight: 700;}
    .sub-con-wrap .lnb .lnb-item:first-child .lnb-tit{border-bottom: none;}
    .sub-con-wrap .lnb .lnb-item:last-child .lnb-tit{border-bottom: none;}
    .sub-con-wrap .lnb .lnb-item .lnb-tit .lnb-link{font-weight: 500; color: #333;}
    .sub-con-wrap .lnb .lnb-item .sub-lnb-wrap{border-bottom: 1px solid #f6f4f4; padding-bottom: 24px;}
    .sub-con-wrap .lnb .lnb-item .sub-lnb-wrap ul > li{margin: 19px 0 0 22px;}
    .sub-con-wrap .lnb .lnb-item .sub-lnb-wrap ul > li > a{font-size: 18px; color: #999;}
    .market-wrap{padding-left: 29px; width: calc(100% - 261px);}
    .market-wrap .banner-area{background: #a8a7b9; padding: 7% 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 33px; font-weight: 700; border-radius: 10px;}
    .market-wrap .recommend-box{
        height: 80px;
        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 );
        border-radius: 10px;
        color: #fff;
        font-size: 27px;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    .market-wrap .recommend-box .ico-recommend{width: 26px; height: 38px; background:url(https://resource.mall.castingn.com/static/images/ico-deal2.png) left no-repeat; margin:0 12px 0 34px;}
    .market-wrap .fiter-area{display: flex; align-items: center; justify-content: center; margin-top: 60px; margin-bottom: 70px;}
    .market-wrap .fiter-area .filter-search{
        width: 75.3%;
        height: 50px;
        box-sizing: border-box;
        border: 2px solid #0e89e8;
        border-radius: 30px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px 0 30px;
        -webkit-box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
        -moz-box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
        box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
    }
    .market-wrap .fiter-area .filter-search input{width: 70%; height: 90%; font-size: 22px; padding:0 10px;}
    .market-wrap .fiter-area .filter-search input::placeholder{color: #999999;}
    .market-wrap .fiter-area .filter-search button{width: 26px; height: 26px; background:url(https://resource.mall.castingn.com/static/images/ico-search3.png) left no-repeat; text-indent: -999999px;}
    .market-wrap .fiter-area button.bt-filter{
        width: 117px;
        height: 47px;
        -webkit-box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
        -moz-box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
        box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 22%);
        font-size: 18px;
        color: #7c7c7c;
        border-radius: 30px;
        background: #fff;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 15px;
    }

    .market-wrap .fiter-area button.bt-filter::after{width: 26px; height: 17px; background:url(https://resource.mall.castingn.com/static/images/ico-filter.png) left no-repeat; content: ''; margin-left: 13px;}

    .market-wrap .market-tit{color: #000; font-size: 16px; display: flex; align-items: center; margin-top: 60px;}
    .market-wrap .market-tit span{font-size: 27px; color: #0e89e8; font-weight: 700; display: flex; align-items: center; margin-right: 27px;}
    .market-wrap .market-tit span i.ico-deal{width: 26px; height: 38px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-deal.png) left no-repeat; margin-right: 12px;}
    .market-wrap .market-tit b{font-weight: 500; margin-bottom: auto; margin-top: 3px;}
    .market-wrap .market-tit2{font-size: 27px; color: #0e89e8; font-weight: 700; margin-top: 80px;}
    .market-wrap .market-tit3{display: flex; font-size: 22px; color: #000; align-items: center; margin-top: 40px; font-weight: 700;}
    .market-wrap .market-tit3 i{margin-right: 10px;}
    .market-wrap .market-tit3 i.ico-office{width: 34px; height: 30px; background:url(https://resource.mall.castingn.com/static/images/ico-office.png) left no-repeat; }
    .market-item-wrap{margin-top: 37px; display: flex; flex-wrap: wrap;}
    .market-item-wrap .market-item{
        width: calc(25% - 12px);
        height: 528px;
        background: #fff;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 0 21px;
        -webkit-box-shadow: 2px 0px 6px 0px rgb(0 0 0 / 5%);
        -moz-box-shadow: 2px 0px 6px 0px rgb(0 0 0 / 5%);
        box-shadow: 2px 0px 6px 0px rgb(0 0 0 / 5%);
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .market-item-wrap .market-item:nth-child(4n){margin-right: 0;}
    .market-wrap .swiper-scrollbar{height: 8px; margin-top: 10px;}
    .market-wrap .swiper-scrollbar-drag{background: rgba(14, 137, 232, 1);}
    .market-item-wrap .market-item .market-box-top{display: flex; align-items: center; flex-direction: column; justify-content: center; border-bottom: 1px solid #ededed; padding-bottom: 24px;}
    .market-item-wrap .market-item .market-box-top .item-tit{font-size: 18px; color: #333; font-weight: 700; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-top: 10px;}
    .market-item-wrap .market-item .market-box-top .item-thum{margin-top: 20px;}
    .market-item-wrap .market-item .market-box-top .price-star{margin-top: 19px;}
    .market-item-wrap .market-item .market-box-top .price-star li{display: flex; font-size: 14px; color: #666; margin-top: 8px;}
    .market-item-wrap .market-item .market-box-top .price-star li:first-child{margin-top: 0;}
    .market-item-wrap .market-item .market-box-top .price-star li span{color: #32ab8c;}
    .market-item-wrap .market-item .market-box-top .price-star li::before{width: 16px; height: 16px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-star.png) left no-repeat; margin-right: 11px; content: '';}
    .market-item-wrap .market-item .market-box-middle{border-bottom: 1px solid #ededed; padding: 20px 0;}
    .market-item-wrap .market-item .market-box-middle .market-list li{display: flex; align-items: center; justify-content: space-between;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list1 span:last-child{font-size: 18px; color: #000; font-weight: 700;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list2{font-size: 14px; color: #999; margin-top: 9px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list2 b{text-decoration: line-through; font-weight: 500;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list3{color: #333; margin-top: 5px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4{font-size: 18px; margin-top: 10px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:first-child{color: #32ab8c; display: flex; align-items: center;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:first-child b:first-child{width: 88px; height: 24px; background: #32ab8c; font-size: 14px; font-weight: 500; color: #fff; display: flex; align-items: center;
        border-radius: 30px; justify-content: center; margin-right: 3px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:last-child{color: #0e89e8;}
    .market-item-wrap .market-item .market-box-bottom{margin-top: 20px;}
    .market-item-wrap .market-item .market-box-bottom li{display: flex; justify-content: space-between; font-size: 14px; color: #333;}
    .market-item-wrap .market-item .market-box-bottom li span:first-child{color: #999;}
    .market-item-wrap .market-item .market-box-bottom li span:last-child{margin-top: 4px;}
    /* e 2021-11-29 대분류 랜딩  */

    /* s */
    .common-wrap{max-width: 1440px; margin: 40px auto 0; display: flex; border: 1px solid #d9d9d9; box-sizing: border-box; border-radius: 8px 8px 0 0; border-bottom: none;}
    .common-wrap.wrap-type1{margin: 0 auto; border: none; display: block;}
    .common-process-wrap{width: calc(100% - 180px); padding: 0 0 200px 24px;}
    .common-process-wrap2{padding: 0 92px 200px 92px;}

    .common-tit{font-size: 26px; font-weight: 800; margin-top: 40px; margin-bottom: 65px; color: #000;}
    .common-tit .unit-icon{
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        margin-right: 10px;
    }
    .common-tit .unit-icon img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .common-tit span{color: #0e89e8;}
    .common-tit2{font-size: 22px; font-weight: 800; margin-top: 48px; margin-bottom: 24px; color: #000; display: flex; align-items: center;}
    .common-title3{text-align:center; border-bottom:1px solid #eee; height:90px; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:#010101;}

    .manage-box{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 22px 0; margin-bottom: 120px;}
    .manage-box i.ico-list{width: 80px; height: 80px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-st-cont1.png) left/100% no-repeat;}
    .manage-box i.ico-list2{width: 74px; height: 74px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-st-cont2.png) left/100% no-repeat;}



    .manage-box i.ico-purchase{width: 107px; height: 79px;  background:rgba(224, 0, 0, 0.56);}
    .container-myservice .manage-box i.ico-list{background-image: url(https://resource.mall.castingn.com/static/images/picto_my.png);}
    .manage-box p{font-size: 14px; color: #5e6062; text-align: center; margin-top: 20px; line-height: 22px;}
    .manage-box .bt-list{display: flex; align-items: center;}
    .manage-box .bt-list button{color: #101010; font-weight: 700; font-size: 18px; background: #fff; width: 240px; height: 58px; border: 1px solid #c8c8c8; border-radius: 12px; margin-top: 47px;}
    .manage-box .bt-list button:hover{background: #0e89e8; color: #fff; border: 1px solid #0e89e8;}
    .manage-box .bt-list button:last-child{margin-left: 8px;}

    .bt-function{display: flex; justify-content: end; margin-top: 34px;}
    .bt-function.tab-po{position: absolute; right: 0; top: -85px;}
    .bt-function button{ padding:0 20px;  height: 41px;font-size: 16px;color: #000;font-weight: 700;border: 1px solid #c8c8c8; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
    .bt-function button:hover{border: 1px solid #0e89e8; color: #0e89e8;}
    .bt-function button:first-child{margin-left: 0;}
    .bt-function button.bt-plus{padding-left: 30px;}
    .bt-function button.bt-plus:after{content: ''; width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus2.png) left no-repeat; margin-left: 10px;}
    .bt-function button.bt-plus:hover:after{content: ''; width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus-on.png) left no-repeat; margin-left: 10px;}
    .tab-con-area{position: relative;}

    .basket-line{letter-spacing: -0.04em; border-bottom: 2px solid #bbbbbb;}
    .basket-line:first-child{margin-top: 10px;}
    .basket-head{border-bottom: 1px solid #e3e3e3; display: flex; align-items: center; padding: 26px 0 11px 0; }
    .basket-head .co-name{display: flex; align-items: center;}
    .basket-head .co-name strong{font-size: 18px; color: #333333; font-weight: 800; margin-left: 13px;}
    .basket-head .co-name .basket-co-thum{width: 34px; height: 34px;}

    .basket-head .basket-day{font-size: 15px; margin-left: auto; display: flex; color: #32ab8c; font-weight: 700;}
    .basket-list{border-bottom: 1px solid #e3e3e3; display: flex; padding: 19px 0 23px 0; align-items: center; position: relative;}
    .basket-list .basket-thum{margin: 0 20px 0 41px;}
    .basket-list .basket-thum span{display: block; font-size: 13px; color: #666666; margin-bottom: 3px;}
    .basket-list .basket-detail{text-align: left; display: flex; flex-direction: column;}
    .basket-list .basket-detail .detail-tt1{font-size: 18px;color: #000;font-weight: 700; margin-bottom: 12px; margin-top: -27px;}
    .basket-list .basket-detail .detail-tt2{font-size: 20px; color: #0e89e8; font-weight: 700;}

    .basket-list .service-bt-area{margin-left: auto;}
    .basket-list .service-bt-area button{width: 118px; height: 22px; font-size: 13px; color: #000; border: 1px solid #c8c8c8; border-radius: 3px; display: block; margin-bottom: 4px;}
    .basket-list .service-bt-area button:last-child{margin-bottom: 0;}
    .basket-list:last-child{border-bottom: none; padding-bottom: 6px;}

    .basket-list .basket-option{display: flex; align-items: center; margin:13px 0 13px 41px; width: 100%;}
    .basket-list .basket-option span{color: #333333; font-size: 16px;}
    .basket-list .basket-option .dot-list{font-size: 16px; color: #000000; font-weight: 800; margin-left: 126px;}
    .basket-list .basket-option .dot-list li{margin-top: 10px;}
    .basket-list .basket-option .dot-list li:first-child{margin-top: 0;}
    .basket-list .basket-option .dot-list li::before{width: 4px; height: 4px; border-radius: 2px; background: #666666; display: inline-block; content: ''; vertical-align: middle; margin-right: 8px;}
    .basket-list .basket-option .rd-list{font-size: 16px; color: #000000; margin-left: 126px;}
    .basket-list .basket-option .rd-list li{margin-top: 10px;}
    .basket-list .basket-option .rd-list li:first-child{margin-top: 0;}

    .tbl-tab-area{position: relative;}
    .tbl-tab-area::after{width: 100%; height: 2px; background: #000; display: block; content: ''; margin-top: -2px; position: relative; z-index: 10;}
    .tbl-tab-area ul{display: flex;}
    .tbl-tab-area ul li{color: #9f9f9f; font-size: 20px; border: 2px solid #d2d2d2; display: flex; align-items: center; justify-content: center; border-radius: 5px 5px 0 0;
        height: 50px; border-bottom: none; padding: 0 44px; background: #fff; position: relative; z-index: 5; font-weight: 700; cursor: pointer; }
    .tbl-tab-area ul li:nth-child(2n){margin-left: -4px;}
    .tbl-tab-area ul li.on{color: #000; border-color: #000; z-index: 15;}

    .delivery-btn-area{margin-top: 40px; display: flex; justify-content: center;}
    .delivery-btn-area.mt-1{margin-top: 84px;}
    .delivery-btn-area .btn-comp{
        display:flex;
        align-items:center;
        justify-content:center;
        width:200px;
        height: 60px;
        border-radius:8px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }

    .delivery-btn-area .btn-comp.btn-wide{width: 240px;}
    .delivery-btn-area .btn-comp span{font-size:18px; font-weight:bold; color:#fff;}
    /* e  */


    /* 2021-12-31 리뷰관리 */
    .caption {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 16px;
        letter-spacing: -0.36px;
        color: #333;
    }
    .basket-line.basket-type2 {
        margin-bottom: 24px;
        border-radius: 15px;
        border: solid 1px #e3e3e3;
    }
    .basket-line.basket-type2 .basket-list {
        flex-direction: column;
        align-items: start;
    }
    .basket-line.basket-type2 .cs-wrap {
        padding: 20px;
    }
    .basket-line.basket-type2 .basket-list .basket-area {
        display: flex;
        width: 100%;
        padding: 0 0 20px;
        border-bottom: 1px solid #e3e3e3;
    }
    .basket-line.basket-type2 .basket-list .basket-area .basket-detail2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .basket-process-wrap .basket-list .basket-thum3 {
        margin: 0 75px 0 68px;
    }
    .basket-process-wrap .basket-list .basket-thum3 img {
        max-width: 114px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .co-name {
        display: flex;
        margin-bottom: 7px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .co-name .basket-co-thum {
        margin-right: 13px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .co-name strong {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: -0.72px;
        color: #333;
    }
    .basket-line.basket-type2 .basket-list .basket-area .pdt-name {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        letter-spacing: -0.72px;
        color: #333;
    }
    .basket-line.basket-type2 .rating-area {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 31px;
        box-sizing: border-box;
    }
    .basket-line.basket-type2 .rating-area .left {
        display: flex;
        flex-direction: column;
        padding-left: 32px;
    }
    .basket-line.basket-type2 .rating-area .left h6 {
        margin-bottom: 18px;
        font-size: 18px;
    }
    .basket-line.basket-type2 .rating-area .left .rating-group {
        display: flex;
    }

    .basket-line.basket-type2 .review-msg {
        margin-bottom: 20px;
    }
    /* 2021-12-31 리뷰관리 */




    .payment-table{border-top: 1px solid #d9d9d9; margin-top: 12px;}
    .payment-table tr{border-bottom: 1px solid #d9d9d9;}
    .payment-table th{background: #f8f8f8; text-align: left; font-size: 18px; width: 22%; color: #000; font-weight: 500; padding-left: 20px; box-sizing: border-box; vertical-align: top; padding-top: 21px;}
    .payment-table td{text-align: left; font-size: 18px; color: #000; background: #fff; padding: 18px 0 18px 30px;}
    .payment-table td .ipt-col-box{display: flex; flex-direction: column; position: relative;}
    .payment-table td .ipt-row-box{display: flex; flex-direction: row; position: relative;}
    .payment-table td .ipt-col-box > input{margin-bottom: 15px;}
    .payment-table td .ipt-row-box > input{margin-bottom: 15px; margin-right: 14px;}

    .payment-table .tbl-ipt{height: 43px; border: 1px solid #c8c8c8; border-radius: 10px; font-size: 16px; color: #000; padding:0 20px; box-sizing: border-box;}
    .payment-table .tbl-ipt::placeholder{color: #000;}
    .payment-table .tbl-ipt:disabled{background: #f3f3f3; color: #737373;}
    .payment-table .tbl-ipt.ipt-w1{width: 380px;}
    .payment-table .tbl-ipt.ipt-w2{width: 180px;}
    .payment-table .tbl-ipt.ipt-w3{width: 567px;}
    .payment-table .tbl-tt{font-size: 14px; color: #676767; padding-left: 24px; display: block;}
    /* e 테이블  */

    .org-area{display: flex; flex-direction: column; align-items: center;}
    .org-area .org-img .ico-org{width: 108px; height: 90px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-org.png) left/100% no-repeat; display: block; margin: auto;}
    .org-area p{font-size: 16px; color: #333; line-height: 22px; text-align: center; margin-top: 18px;}

    .org-box-area{display: flex; margin-top: 62px; justify-content: space-between;}
    .org-box-area .org-box{width: 494px; height: 200px; border: 1px solid #e3e3e3; border-radius: 10px; box-sizing: border-box; padding: 45px 42px; text-align: center;}
    .org-box-area .org-box p{font-size: 16px; color: #000; line-height: 24px;}
    .org-box-area .org-box .btn-group{display: flex; margin-top: 26px; justify-content: center;}
    .org-box-area .org-box .btn-group button{width: 191px; height: 41px; background: #fff; border-radius: 30px; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
    .org-box-area .org-box .btn-group button:first-child{margin-right: 11px;}
    .org-box-area .org-box .btn-group button.btn-type1{color: #000; border: 1px solid #c8c8c8;}
    .org-box-area .org-box .btn-group button.btn-type2{color: #0e89e8; border: 1px solid #0e89e8;}
    .org-box-area .org-box .btn-group button i{margin-right: 6px;}
    .org-box-area .org-box .btn-group i.ico-down{width: 16px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-download.png) left/100% no-repeat;}
    .org-box-area .org-box .btn-group i.ico-add{width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-add.png) left/100% no-repeat;}

    .org-link-tt{display: flex; align-items: center; letter-spacing: -0.04em; margin-bottom: 22px;}
    .org-link-tt a.link-btn{width: 192px; height: 30px; background: #fff; border-radius: 30px; border: 1px solid #dcdcdc; font-size: 16px; color: #000; font-weight: 600; display: flex; align-items: center; justify-content: center;}
    .org-link-tt .ico-copy-link{background: url(https://resource.mall.castingn.com/static/images/sub/ico-copy-link.png) left/100% no-repeat; width: 12px; height: 14px; margin-right: 5px;}
    .org-link-tt span{font-size: 14px; color: #6b6b6b; margin-left: 10px;}

    .org-btn-area{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 15px; }
    .org-btn-area button{width: 170px; height: 36px; background: #fff; border-radius: 30px; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
    .org-btn-area button:first-child{margin-right: 11px;}
    .org-btn-area button.btn-type1{color: #0e89e8; border: 1px solid #0e89e8;}
    .org-btn-area button.btn-type2{color: #000; border: 1px solid #c8c8c8;}
    .org-btn-area button i{margin-right: 6px;}
    .org-btn-area i.ico-down{width: 16px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-download.png) left/100% no-repeat;}
    .org-btn-area i.ico-add{width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-add.png) left/100% no-repeat;}

    .search-area2{position: relative; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
    .search-select select{width: 141px; height: 43px; font-size: 16px; color: #000; background: url(https://resource.mall.castingn.com/static/images/sub/select-arrow.png) 116px 50%/12px no-repeat; border-radius: 5px;}
    .search-box2{width: 868px; height: 43px; border: 1px solid #cbcbcb; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 10px; justify-content: space-between;}
    .search-box2 input{color: #000; font-size: 16px; width: 80%;}
    .search-box2 input::placeholder{color: #ccc;}
    .search-box2 button{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-search.svg) left/100% no-repeat; font-size: 0; text-indent: -9999999px;}
    .org-tit{font-size: 20px; font-weight: 700; display: flex; align-items: center; margin: -40px 0 28px 0;}
    .org-tit i.ico-company{width: 31px; height: 31px; background: url(https://resource.mall.castingn.com/static/images/ico-company.png) left no-repeat; margin-right: 6px;}
    .org-tit span{color: #0e89e8;}

    .tbl-btn-area{display: flex; justify-content: flex-start; margin-top: 16px;}
    .tbl-btn-area button{width: 93px; height: 32px; border: 1px solid #c8c8c8; text-align: center; font-size: 16px; color: #000; border-radius: 30px;}

    .tbl-btn-area2{display: flex; justify-content: center; align-items: center;}
    .tbl-btn-area2 button{width: 44px; height: 25px; border: 1px solid #c8c8c8; text-align: center; font-size: 12px; color: #000; border-radius: 4px; color: #101010; font-weight: 500;}
    .tbl-btn-area2 button + button{margin-left: 4px;}

    /* s: 스마트핀클럽 */

    .smart-wrap {
        position: relative;
        /* background: #4a34f9; */
    }

    .smart-wrap .event-sect {
        padding: 0;
    }

    .smart-wrap .bg-area {
        position: relative;
        height: 776px;
        padding: 0;
        background: #4a34f9 url(https://resource.mall.castingn.com/static/images/welcome/welcome/smp_e_bg.png) no-repeat center top;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .smart-wrap .bg-area::after {
        top: initial;
        bottom: 0;
        height: 183px;
        background: #2c1bb6;
        z-index: 1;
        position: absolute;
        left: 0;
        content: '';
        width: 100%;
    }

    .smart-wrap .bg-area .event-tt{display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10; line-height: 1;}

    .smart-wrap .bg-area .event-tt .tt-line1 {
        margin-top:115px;
        font-family: Pretendard;
        font-size: 36px;
        letter-spacing: -1.8px;
        color: #fff;
    }
    .smart-wrap .bg-area .event-tt .tt-line3 {
        position: relative;
        /* margin-top: 29px;
    margin-left: 44px; */
        margin-top: 0;
        margin-left: -90px;
        font-size: 120px;
        /* background: linear-gradient(to left, #0787ff, #22e691);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent; */
        text-shadow: none;
    }
    .smart-wrap .bg-area .event-tt .tt-line3:after {
        /* background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 4px 4px 4px rgba(67, 62, 108, 0.4);
    top: 0;
    z-index: -1; */
    }

    .smart-wrap .bg-area .event-tt .tt-line4 {
        margin-top: 25px;
        font-family: Jalnan;
        font-size: 30px;
        text-align: center;
        color: #fff;
    }

    .smart-wrap .bg-area .event-tt .tt-line5 {
        font-family: Pretendard;
        margin-top: 6px;
        font-size: 36px;
        letter-spacing: -1.8px;
        text-align: center;
        color: #fff;
    }

    .smart-wrap .bg-area .bt-join {
        position: relative;
        width: 421px;
        height: 138px;
        line-height: 138px;
        margin: 40px auto 2px;
        padding:0;
        font-family: Pretendard;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        text-indent: -99999999px;
        border-radius: 32.4px;
        color: #fff;
        border: solid 0 #000;
        background-image: linear-gradient(to top, #0d89e8, #1b9eb8, #32ab8c), linear-gradient(to top, #0d89e8, #32ab8c);
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn_join.png) no-repeat center center;
        display: flex;
        align-items: center;
        justify-content: center;
    }



    .smart-wrap .bg-area .line-desc {
        position: relative;
        height: 183px;
        background: #2c1bb6;
        z-index: 2;
    }
    .smart-wrap .bg-area .line-desc:after {
        content: "";
        position: absolute;
        left: 50%;
        top: -13px;
        width: 0px;
        height: 0px;
        margin-left: -10px;
        border-top: 13px solid none;
        border-bottom: 13px solid #2c1bb6;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }

    .smart-wrap .bg-area .line-desc dl.column-desc {
        display: flex;
        justify-content: start;
        width: 980px;
        padding: 38px 0;
        font-family: Pretendard;
    }
    .smart-wrap .bg-area .line-desc dl.column-desc > dt {
        width: 224px;
        line-height: 1.5;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1.2px;
        color: #f0f0f0;
    }
    .smart-wrap .bg-area .line-desc dl.column-desc > dd {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: -1.2px;
        color: #eceaf5;

    }


    .smart-wrap .event-sect {
        padding: 0;
    }

    .smart-wrap .event-sect.event-sect1 {
        position: relative;
        height: 1321px;
        padding: 0 0 30px;
        background: #4a34f9 url(https://resource.mall.castingn.com/static/images/welcome/welcome/smp_e_bg.png) no-repeat center -776px;
    }

    .event-sect1 a.btn-go {
        position: absolute;
        left: 50%;
        top: 865px;
        width: 200px;
        height: 90px;
        margin-left: 385px;
        z-index: 10;
    }

    .event-sect1 .layer-info_01 {
        position: absolute;
        left: 50%;
        top: 930px;
        /* height: 50px; */
        line-height: 30px;
        margin-left: 455px;
        padding: 6px 10px;
        text-align: left;
        font-family: Pretendard;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -1px;
        color: #252d59;
        background: #ffffff;
        border: 2px solid #0037ff;
        border-radius: 15px;
        z-index:105;

        /*opacity: 0;*/

        transition: opacity 0.4s ease;
    }
    .event-sect1 a.btn-go:hover + .layer-info_01,
    .event-sect1 .layer-info_01:hover {
        opacity: 1;
    }
    .event-sect1 .layer-info_01:before {
        content: "";
        position: absolute;
        left: 27px;
        top: -14px;
        width: 18px;
        height: 14px;
        line-height: 50px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip.png) no-repeat center center;
    }
    .event-sect1 .layer-info_01 span {
        content: "";
        font-size: 20px;
        color: #443ef3;
    }
    .event-sect1 .layer-info_01 span:after {
        content: "";
        /* position: absolute; */
        display: inline-block;
        left: 27px;
        top: -14px;
        width: 18px;
        height: 14px;
        line-height: 50px;
        margin-left: 10px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/arrow_01.png) no-repeat center center;
    }

    .smart-wrap .event-sect{display: flex; flex-direction: column; align-items: center;}

    .event-sect1 {
        font-family: Pretendard;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect1 > .desc-01 {
        padding-top: 64px;
        font-family: Pretendard;
        font-size: 50px;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: -2.5px;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect1 .desc-01 strong {
        color: #29f0c1;
    }

    .event-sect1 .unit-picto {
        position: relative;
        width: 300px;
        height:  300px;
        margin: 20px auto 100px;
    }
    .event-sect1 .unit-picto:before {
        content: "";
        position: absolute;
        display: block;
        top: 20px;
        width: 276px;
        height: 276px;
        border-radius: 50%;
        background: #3c2ad3;
        z-index: 1;
    }
    .event-sect1 .unit-picto img {
        position: relative;
        z-index: 2;
    }

    .event-sect1 h5 {
        position:relative;
        width:165px;
        height: 73px;
        margin: 0 auto 15px;
        font-weight: bold;
        letter-spacing: -1.4px;
        text-align: center;
        font-family: Pretendard;
        color: #eceaf5;
    }

    .event-sect1 h5 .number {
        display: block;
        height: 73px;
        line-height: 0.7;
        font-size: 100px;
        font-weight: bold;
        letter-spacing: -5px;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect1 h5 .text {
        position: absolute;
        left: 8px;
        top: 19px;
        font-weight: bold;
        line-height: 0.4;
        padding: 13px 3px;
        text-align: center;
        font-size: 28px;
        color: #eceaf5;
        background: #4a34f9;
    }

    .event-sect1 h5 + .desc {
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.8;
        margin-bottom: 54px;
        padding-left: 15px;
        letter-spacing: -2.5px;
        text-align: center;
        color: #eceaf5;
    }
    .event-sect1 h5 + .desc strong {
        color: #29f0c1;
    }


    .box-benefit {
        position: relative;
    }
    .box-benefit:before {
        content: "";
        position: absolute;
        display: block;
        left: -35px;
        top: 120px;
        width: 1280px;
        height: 424px;
        border-radius: 80px;
        box-shadow: 0px 26px 42px 0 rgb(60 62 62 / 27%);
        background: #4a34f9;
        border: 1px solid #5c48fa;
        z-index: 1;
    }
    .box-benefit ul.list-benefit {
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1;
    }
    .box-benefit ul.list-benefit > li {
        width: 239px;
        text-align: center;
    }
    .box-benefit ul.list-benefit > li:nth-child(5) {
        width: 250px;
    }
    .box-benefit ul.list-benefit > li .desc-01 {
        position: relative;
        /* width: 239px; */
        display: inline-block;
        height: 45px;
        line-height: 45px;
        padding: 0 14px;
        letter-spacing: -0.9px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        border-radius: 15px;
        background: #2c1bb6;
    }
    .box-benefit ul.list-benefit > li .desc-01 strong {
        color: #00ff97;
    }
    .box-benefit ul.list-benefit > li .desc-01:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        width: 0px;
        height: 0px;
        margin-left: -12px;
        border-top:10px solid #2c1bb6;
        border-bottom:10px solid none;
        border-right: 12px solid transparent;
        border-left: 12px solid  transparent;

    }
    .box-benefit ul.list-benefit > li .desc-01 strong {
        color: #00ff97;
    }

    .box-benefit ul.list-benefit > li .unit-img {
        position: relative;
        height: 200px;
        background: transparent no-repeat center 8px;
        z-index: 2;
    }
    .box-benefit ul.list-benefit > li:nth-child(1) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_01.png);
        background-position: 24px 21px;
    }
    .box-benefit ul.list-benefit > li:nth-child(2) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_02.png);
        background-position: 50px 9px;
        /* background-size: 67%; */
    }
    .box-benefit ul.list-benefit > li:nth-child(3) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_03.png);
        background-position: 20px 10px;
        /* background-size: 100%; */
    }
    .box-benefit ul.list-benefit > li:nth-child(4) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_04.png);
        background-position: 6px -88px;
        /* background-size: 119%; */
    }
    .box-benefit ul.list-benefit > li:nth-child(5) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_05.png?1);
        background-position: 18px 24px;
        /* background-size: 109%; */
    }


    .box-benefit ul.list-benefit > li .unit-img + .desc {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 5px;
        letter-spacing: -1px;
        color: #3eeca5;
    }
    .box-benefit ul.list-benefit > li h6 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.25;
        margin-bottom: 22px;
        letter-spacing: -1.6px;
        text-align: center;
        color: #3eeca5;
    }
    .box-benefit ul.list-benefit > li h6 + .desc {
        padding: 0 20px;
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: -0.9px;
        text-align: center;
        color: #cdd4e6;
    }


    .smart-wrap .event-sect2 {
        /* height: 1321px; */
        margin-top: -1px;
        padding: 40px 0;
        background: #4a34f9;
        background: #4a34f9 url(https://resource.mall.castingn.com/static/images/welcome/welcome/welcome5_img_03.png) no-repeat center top;
    }


    .event-sect2 h5 {
        position:relative;
        width:165px;
        height: 73px;
        margin: 0 auto 35px;
        font-weight: bold;
        letter-spacing: -1.4px;
        text-align: center;
        font-family: Pretendard;
        color: #eceaf5;
    }

    .event-sect2 h5 .number {
        display: block;
        height: 73px;
        line-height: 0.7;
        font-size: 100px;
        font-weight: bold;
        letter-spacing: -5px;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect2 h5 .text {
        position: absolute;
        left:0;
        top: 19px;
        font-weight: bold;
        line-height: 0.4;
        padding: 13px 3px;
        text-align: center;
        font-size: 28px;
        color: #eceaf5;
        background: #4a34f9;
    }

    .event-sect2 h5 + .desc {
        font-size: 50px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.23;
        margin-bottom: 54px;
        padding-left: 15px;
        letter-spacing: -2.5px;
        text-align: center;
        font-family: Pretendard;
        color: #eceaf5;
    }
    .event-sect2 h5 + .desc strong {
        color: #ff7efa;
    }

    .smart-wrap .event-sect.event-sect2::before {
        display: none;
    }

    .event-sect2 .area-tab {
        width: 1280px;
        margin: 0 0 58px;
    }
    .event-sect2 .area-tab ul.tabBtns {
        display: flex;
        justify-content: start;
        margin: 0 0 -120px;
        padding: 0 40px;
    }
    .event-sect2 .area-tab ul.tabBtns > li {
        position: relative;
        width: 126px;
        margin-right: 5px;
        font-family: Pretendard;
    }
    .event-sect2 .area-tab ul.tabBtns > li:last-child {
        pointer-events: none;
    }
    .event-sect2 .area-tab ul.tabBtns > li .kit-logo {
        margin-bottom: 7px;
    }

    .event-sect2 .area-tab ul.tabBtns > li .kit-logo {
        position: relative;
    }

    .event-sect2 .area-tab ul.tabBtns > li .unit-logo {
        position: relative;
        width: 126px;
        height: 126px;
        cursor: pointer;
        border: 7px solid transparent;
        border-radius: 30px;
        box-sizing: border-box;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/invalid-name.png) no-repeat center center;
    }
    .event-sect2 .area-tab ul.tabBtns > li:last-child .unit-logo {
        width: 112px;
        height: 112px;
        margin: 7px;
        border-radius: 24px;
        border: 2px dashed #8f85e6;
        background: #422edf;
    }
    .event-sect2 .area-tab ul.tabBtns > li .unit-logo:after {
        position: absolute;
        left: -7px;
        top: -7px;
        width: 126px;
        height: 126px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/border_01.png) no-repeat center center;
    }
    .event-sect2 .area-tab ul.tabBtns > li:last-child .unit-logo:after,
    .event-sect2 .area-tab ul.tabBtns > li:last-child.on .unit-logo:after,
    .event-sect2 .area-tab ul.tabBtns > li:last-child:hover .unit-logo:after {
        content: "추가\A예정";
        white-space: pre;
        background: none;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.17;
        letter-spacing: -1.2px;
        text-align: center;
        color: #8f85e6;
        cursor: default;
    }
    .event-sect2 .area-tab ul.tabBtns > li.on .unit-logo:after,
    .event-sect2 .area-tab ul.tabBtns > li:hover .unit-logo:after {
        content: "";
    }

    .event-sect2 .area-tab ul.tabBtns > li.on:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -12px;


        width: 0px;
        height: 0px;
        margin-left: -12px;
        border-bottom:18px solid #ffffff;
        border-top:18px solid none;
        border-right: 9px solid transparent;
        border-left: 9px solid  transparent;

    }

    .event-sect2 .area-tab ul.tabBtns > li h6 {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 15px;
        letter-spacing: -0.9px;
        text-align: center;
        color: #fff;
    }

    .event-sect2 .area-tab .tabConts {
        margin-bottom: 53px;
        padding: 130px 40px 43px 39px;
        border-radius: 80px;
        box-shadow: 0px 26px 42px 0 rgba(60, 62, 62, 0.27);
        background: #4a34f9;
        border: 1px solid #5c48fa;
    }
    .event-sect2 .area-tab .tabConts .tabCont {
        display: none;
        padding: 40px 37px 100px;

        font-family: Pretendard;
        font-size: 22px;
        font-weight: 300;
        line-height: 1.82;
        letter-spacing: -1.1px;
        text-align: left;
        color: #101010;

        border-radius: 36px;
        border: solid 0 #000;
        background-color: #fff;
    }
    .event-sect2 .area-tab .tabConts .tabCont.on {
        display: block;
    }
    .event-sect2 .area-tab .tabConts .tabCont .line-title {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.25;
        margin-bottom: 50px;
        padding-bottom: 27px;
        letter-spacing: -1.6px;
        border-bottom: 1px solid #e8e8e8;
    }
    .event-sect2 .area-tab .tabConts .tabCont .line-title .icon-logo {
        display: inline-block;
        overflow: hidden;
        width: 48px;
        height: 48px;
        margin-right: 24px;
        vertical-align: middle;
        border: 2px solid #d5d5d5;
        border-radius: 50%;
        background: #ffffff;
    }
    .event-sect2 .area-tab .tabConts .tabCont .line-title .icon-logo img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .event-sect2 .area-tab .tabConts .line-cont {
        padding: 0 0 0 53px;
    }
    .event-sect2 .area-tab .tabConts .tabCont h6 {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 20px;
        letter-spacing: -1.4px;
        color: #000;
    }
    .event-sect2 .area-tab .tabConts .tabCont h6:before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 7px;
        vertical-align: text-top;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }

    .event-sect2 .area-tab .tabConts .tabCont .desc {
        font-size: 22px;
        font-weight: 300;
        line-height: 1.82;
        letter-spacing: -1.1px;
    }


    dl.column-descService {
        display: flex;
        justify-content: start;
        width: 1280px;
        padding: 0 60px;
        font-family: Pretendard;
    }
    dl.column-descService > dt {
        width: 340px;
        font-size: 30px;
        line-height: 1.33;
        letter-spacing: -1.5px;
        color: #d4ddff;
    }
    dl.column-descService > dd {
        font-size: 18px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.9px;
        text-align: left;
        color: #d4ddff;
    }


    .smart-wrap .event-sect.event-sect3 {
        height: 614px;
        padding: 0;
        background: #382ad9 url(https://resource.mall.castingn.com/static/images/welcome/welcome/welcome5_img_04.png?1) no-repeat center -30px;
    }
    .smart-wrap .event-sect.event-sect3:before {
        display: none;
    }


    .smart-wrap .event-sect.event-sect4::before {
        display: none;
    }


    .smart-wrap .event-sect .tit-box {
        margin-top: 0;
    }


    .smart-wrap .event-sect.event-sect4 {
        margin-top: -1px;
        padding: 94px 0 0;
        background: #eceaf5;
    }


    .smart-wrap .event-sect .tit-box {
        display: block;
        font-family: Pretendard;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        height: auto;
        line-height: 1.33;
        margin-bottom: 54px;
        letter-spacing: -1.5px;
        text-align: center;
        color: #000;
        background: transparent;
    }
    .smart-wrap .event-sect .tit-box .line-01 {
        font-family: Pretendard;
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.11;
        letter-spacing: -1.8px;
        text-align: center;
        color: #000;
    }
    .smart-wrap .event-sect .tit-box .line-01 strong {
        font-weight: bold;
    }
    .smart-wrap .event-sect .tit-box .line-01 strong:before {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }

    .box-calc {
        overflow: hidden;
        width: 1202px;
        margin: 0 auto 84px;
        border-radius: 24px;
        box-shadow: 0px 26px 42px 0 rgba(60, 62, 62, 0.27);
        background-color: #fff;
    }

    .smart-wrap .event-sect .ico-chk {
        width: 32px;
        height: 32px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check.png) no-repeat center center / cover;
        margin-right: 10px;
    }
    .smart-wrap .event-sect .chk-tt {
        font-family: Pretendard;
        font-size: 24px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        margin: 23px 30px 0;
        letter-spacing: normal;
        text-align: left;
        color: #0d89e8;
        display: flex;
        align-items: center;
    }

    .smart-wrap .event-sect .ipt-text {
        font-family: Pretendard;
        font-size: 44px;
        font-weight: bold;
        line-height: 1.27;
        margin-bottom: 44px;
        text-align: center;
        color: #000;
    }

    .smart-wrap .event-sect .ipt-text input {
        width: 195px;
        height: 63px;
        margin: 0 13px 0 26px;
        border-radius: 24px;
        text-align: right;
        font-size: 44px;
        font-weight: bold;
        line-height: 1.27;
        border: 0 none;
        color: #4a34f9;
        background-color: #fff;
        box-shadow: 0 -3px 0 rgba(0,0,0,0.3);
        box-sizing: border-box;
        padding: 0 10px;
    }

    .smart-wrap .event-sect .ipt-text input::placeholder {
        font-weight: normal;
    }

    .smart-wrap .event-sect .calc-box {
        width: auto;
        margin: 0 75px 0 71px;
        padding: 0;
        background: transparent;
        border: 0 none;
        box-shadow: none;
    }
    .smart-wrap .event-sect .calc-box.option {
        margin: 0 75px 0 71px;
        padding: 10px 33px 0;
    }
    .smart-wrap .event-sect .calc-box.option ul.calc-list {
        padding: 0;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list {
        padding: 10px 33px;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li {
        display: flex;
        justify-content: space-between;
        font-size: 24px;
        font-weight: 300;
        line-height: 2;
        margin-top: 0;
        letter-spacing: -0.6px;
        text-align: left;
        color: #101010;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li span {
        font-family: Pretendard;
        width: 200px;
        margin: 0 !important;
        text-align: right;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li span.title {
        width: 340px;
        text-align: left;
    }


    .smart-wrap .event-sect .calc-box.option ul.calc-list {
        border: 0 none;
    }

    .smart-wrap .event-sect .all-total {
        display: block;
        margin-top: 17px;
        padding: 20px 75px;
        font-family: Pretendard;
        background-color: #361ed1;
        color: #ffffff;
    }

    .smart-wrap .event-sect .all-total [class*='line-'] {
        display: flex;
        justify-content: end;
        text-align: right;
    }

    .smart-wrap .event-sect .all-total .line-sum {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 46px;
        letter-spacing: -0.7px;
        text-align: right;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-sum h6 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.67;
        margin-right: 24px;
        letter-spacing: -1.2px;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-sum .price {
        width: 250px;
    }

    .smart-wrap .event-sect .all-total .line-discount {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 46px;
        letter-spacing: -0.7px;
        text-align: right;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-discount h6 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.67;
        margin-right: 24px;
        letter-spacing: -1.2px;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-discount h6:before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        margin-right: 5px;
        vertical-align: middle;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }
    .smart-wrap .event-sect .all-total .line-discount .price {
        width: 250px;
    }

    .smart-wrap .event-sect .all-total .line-total {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: -0.7px;
        text-align: right;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-total h6 {
        font-size: 30px;
        font-weight: 500;
        line-height: 1.67;
        margin-right: 24px;
        letter-spacing: -1.2px;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-total .price {
        width: 250px;
        line-height: 40px;
        font-size: 40px;
        color: #28f0c1;
    }

    .smart-wrap .event-sect.event-sect6::before {
        display: none;
    }

    .smart-wrap .event-sect.event-sect6 {
        background: #eceaf5;
    }
    .smart-wrap .event-sect.event-sect6 .qna-box {
        max-width: initial;
        box-sizing: border-box;
        width: 1200px;
        margin: 0 auto 120px;
        border-radius: 24px;
        box-shadow: 0px 26px 42px 0 rgba(60, 62, 62, 0.27);
        background-color: #fff;
    }
    .smart-wrap .event-sect .qna-list-box {
        font-family: Pretendard;
        border-bottom: 0 none;
    }
    .smart-wrap .event-sect .qna-list-box .qna-q {
        height: 108px;
        font-size: 28px;
        font-weight: 500;
        color: #000;
        margin: 0 38px;
        padding: 0 38px;
        line-height: 108px;
        border-bottom: 2px solid #cfcfcf;
        background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_down.png) right 42px center no-repeat;
        cursor: pointer;
    }
    .smart-wrap .event-sect .qna-list-box:last-child .qna-q {
        border-bottom: 0 none;
    }
    .smart-wrap .event-sect .qna-list-box .qna-q.on {
        background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_up.png) right 42px center no-repeat;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a {
        overflow-y: auto;
        max-height: 500px;
        padding: 22px 50px 22px 76px;
        font-size: 20px;
        font-weight: 300;
        line-height: 2;
        letter-spacing: -1px;
        white-space: pre-line;
        color: #101010;
        background-color: #f8f8f8;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a .emphasis {
        color: #ff0000;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a::-webkit-scrollbar {
        width: 10px;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a::-webkit-scrollbar-thumb{
        height: 17%;
        background-color: #e2e2e2;
        border-radius: 10px;
    }

    .smart-wrap .event-sect .qna-list-box .qna-a::-webkit-scrollbar-track{
        background-color: transparent;
    }

    .fixed-btn {
        display: flex;
        position: -webkit-sticky;
        position: sticky;
        justify-content: center;
        /* algin-items: center; */
        bottom: -128px;
        width: 100%;
        height: 128px;
        padding-top: 5px;
        background: #1F2028;
        z-index: 10;
        box-sizing: border-box;
        transition: all 0.9s ease;
    }

    .fixed-btn.type1{
        bottom:0;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .fixed-btn.type2{
        background-color: rgba(255, 255, 255, 0.5);
        border: 0;
    }



    .fixed-btn.on {
        left:0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        position: fixed;
    }

    .btn-styled {
        border-radius: 24px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
        background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
        height: 68px;
        line-height: 68px;
        padding: 0 70px;
        font-family: Pretendard;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.01px;
        text-align: center;
        color: #fff;
    }

    a.btn-styled2 {
        border-radius: 12px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
        background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
        height: 68px;
        line-height: 68px;
        padding: 0 70px;
        font-family: Pretendard;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0.01px;
        text-align: center;
        color: #fff;
    }



    /* e: 스마트핀클럽 메인*/

    /* s: 이벤트 */
    .event-wrap {position: relative;}
    .event-wrap .inner{width: 1200px; margin: auto;}
    .event-wrap .event-title {font-size:34px; line-height:40px; color:#101010; font-weight:bold; padding: 72px 0; text-align: center;}
    .event-wrap .event-title strong {font-weight:500;}
    .event-wrap .event-container {padding-bottom: 128px;}
    .event-wrap .event-container .event-filter .filter-item input {display:none;}
    .event-wrap .event-container .event-filter .filter-item input + label {font-size:24px; line-height:33px; color:#333; font-weight:500;}
    .event-wrap .event-container .event-filter .filter-item input:checked + label {color:#3a9cff; border-bottom:2px solid #3a9cff;}
    .event-wrap .event-container .event-type {margin-top:25px;}
    .event-wrap .event-container .event-list {display:flex; flex-wrap:wrap;}
    .event-wrap .event-container .event-list .event-item:nth-child(even) {margin-left:auto;}
    .event-wrap .event-container .event-list .event-item:nth-child(n+3) {margin-top:60px;}
    .event-wrap .event-container .event-list .event-item a {display:block;}
    .event-wrap .event-container .event-list .event-item a .event-thumb {
        /*border:1px solid #E5E5E5;*/
        position:relative;
        border-radius: 10px;
        overflow: hidden;
    }
    .event-wrap .event-container .event-list .event-item.end-evt a .event-thumb:after {content:"종료"; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.79); display:flex; align-items:center; justify-content:center; font-size:42px; color:#fff; letter-spacing:0.1em; text-align:center;}
    .event-wrap .event-container .event-list .event-item a .event-info {margin-top:15px;}
    .event-wrap .event-container .event-list .event-item a .event-info dt {font-size:20px; color:#101010; line-height:24px; letter-spacing: -0.5px; font-weight: 500;}
    .event-wrap .event-container .event-list .event-item a .event-info dd {font-size:16px; color:#5e6062; line-height:24px; margin-top:6px; letter-spacing: -0.01px; font-weight: bold;}

    .evt-grd{background: #000 url(https://resource.mall.castingn.com/static/images/event/grand/bg_grd.png) center top no-repeat; color: #fff; padding: 0.1px 0;}
    .evt-grd .inner{max-width: 1181px; margin: auto;}
    .evt-grd .evt-tit-area{display: flex; flex-direction: column; align-items: center;}
    .evt-grd .evt-tit1{font-size: 52px; font-weight: bold; letter-spacing: -1.3px; color: #fff; line-height: 40px; margin-top: 96px; margin-bottom:24px;}
    .evt-grd .tit-img{margin-bottom: -18px;}
    .evt-grd .tit-img img{image-rendering: -webkit-optimize-contrast; width: 100%;}
    .evt-grd .evt-desc{margin-bottom: 76px;}
    .evt-grd .evt-desc p{color: #fff; font-size: 35px; letter-spacing: -0.88px; line-height: 1; margin-bottom: 28px;}
    .evt-grd .evt-desc p .colr-1{color: #0ffcc4;}
    .evt-grd .evt-desc p .colr-2{color: #1a93f9;}
    .evt-grd .evt-desc > span{display: block; color: #f2f2f2; margin: auto; letter-spacing: -0.75px; text-align: center; font-size: 30px; font-weight: bold;}

    .evt-grd .evt-item-area{}
    .evt-grd .evt-item-area .evt-item{display: flex; align-items: flex-start; margin-bottom: 70px;}
    .evt-grd .evt-item-area .desc-area{display: flex; flex-direction: column; align-items: flex-start; line-height: 1; padding: 44px 0 0 90px;}
    .evt-grd .evt-item-area .desc-area.ty1{padding-left: 90px;}
    .evt-grd .evt-item-area .desc-area.ty2{padding-left: 129px;}

    .evt-grd .evt-item-area .desc-area .desc-tit{font-size: 32px; color: #f2f2f2; letter-spacing: -0.06px; font-weight: bold; margin-bottom: 14px;}
    .evt-grd .evt-item-area .desc-area .price-tt1{font-size: 22px; font-weight: 500; letter-spacing: -0.04px; margin-bottom: 16px;}
    .evt-grd .evt-item-area .desc-area .price-tt1 b{font-size: 26px; letter-spacing: -0.05px; text-decoration: line-through; margin-left: 13px;}

    .evt-grd .evt-item-area .desc-area .price-tt2{width: 402px; height: 82px;  display: flex; align-items: center; justify-content: center; font-size: 18px; letter-spacing: -0.04px;  margin-bottom: 18px;}
    .evt-grd .evt-item-area .desc-area .price-tt2 span{font-size: 32px; letter-spacing: -0.1px;}
    .evt-grd .evt-item-area .desc-area .price-tt2 span b{font-size: 40px; font-weight: bold; margin: 0 0 0 8px;}

    .evt-grd .evt-item-area .desc-area.ty1 .price-tt2{border: 1px solid #11fcbd; color: #11fcbd;}
    .evt-grd .evt-item-area .desc-area.ty2 .price-tt2{border: 1px solid #0cceff; color: #0cceff;}

    .evt-grd .evt-item-area .desc-area .desc{font-size: 24px; font-weight: 500; letter-spacing: -0.6px; margin-bottom: 54px;}
    .evt-grd .evt-item-area .desc-area .btn-comp1{width: 390px; height: 66px; border-radius: 33px; background: #222; letter-spacing: -0.06px; font-size: 28px; font-weight: 500; border: 1px solid transparent; color: #fff; position: relative; transition: 0.8s;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty1:hover{border: 1px solid #11fcbd; background: #222;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty2:hover{border: 1px solid #0cceff; background: #222;}

    .evt-grd .evt-item-area .desc-area .btn-comp1 .tool-tip{width: 218px; height: 53px; position: absolute; display: flex; align-items: flex-start; box-sizing: border-box; justify-content: center; padding-top: 10px; color: #000; letter-spacing: -0.5px; font-weight: bold;
        font-size: 20px; right: 23px; top: -38px;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty1 .tool-tip{background: url(https://resource.mall.castingn.com/static/images/event/grand/bg_tooltip1.png) left/100% no-repeat;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty2 .tool-tip{background: url(https://resource.mall.castingn.com/static/images/event/grand/bg_tooltip2.png) left/100% no-repeat;}

    .evt-grd .evt-item-area .img-area{position: relative;}
    .evt-grd .evt-item-area .img-area.ty1{margin-left: auto;}

    .evt-grd .evt-item-area .img-area .point{position: absolute; width: 146px; height: 146px; border-radius: 50%; display: flex; flex-direction: column; text-align: center; justify-content: flex-start; line-height: 1; box-sizing:border-box; padding-top: 24px;}
    .evt-grd .evt-item-area .img-area .point strong{font-weight: bold; font-size: 42px; letter-spacing: -2.1px; margin-bottom: 6px;}
    .evt-grd .evt-item-area .img-area .point span{color: #fff; font-size: 28px; letter-spacing: -1.4px;}

    .evt-grd .evt-item-area .img-area.ty1 .point{background: #022138; left: 5px; top: 0;}
    .evt-grd .evt-item-area .img-area.ty1 .point strong{color: #0ec997;}
    .evt-grd .evt-item-area .img-area.ty2 .point{background: #00121f; right: 5px; top: 0;}
    .evt-grd .evt-item-area .img-area.ty2 .point strong{color: #00ceff;}

    .evt-grd .evt-item-list{margin-bottom: 82px;}
    .evt-grd .evt-item-list .list-tit{display: flex; flex-direction: column; align-items: center; font-size: 24px; line-height: 52px; margin-bottom: 18px;}
    .evt-grd .evt-item-list .list-tit .item1{font-weight: 500; letter-spacing: -1.2px;}
    .evt-grd .evt-item-list .list-tit .item2{font-weight: bold; letter-spacing: -2px; font-size: 40px;}
    .evt-grd .evt-item-list .list-tt{font-size: 18px; letter-spacing: -0.9px; margin-bottom: 23px;}
    .evt-grd .evt-item-list ul{display:grid; grid-template-columns: repeat(5, 1fr);}
    .evt-grd .evt-item-list ul li{padding: 14px 10px 20px; transition: 0.5s;}
    .evt-grd .evt-item-list ul li .item-thum{width: 100%; height: 191px; margin-bottom: 16px; position: relative;}
    .evt-grd .evt-item-list ul li .item-thum img{width: 100%; height: 100%; object-fit: contain;}
    .evt-grd .evt-item-list ul li .item-thum .etc{width: 54px; height: 54px; border-radius: 50%; background: #08efde; box-sizing: border-box; display: block; position: absolute; right: 15px; top: 0; font-size: 24px; font-weight: bold; letter-spacing: -0.6px; display: flex;
        align-items: center; justify-content: center; color: #000;}
    .evt-grd .evt-item-list ul li:hover{background: #222; border-radius: 12px;}
    .evt-grd .evt-item-list ul li .item-name{font-size: 24px; font-weight: 500; letter-spacing: -0.6px; margin-bottom: 20px; display: block;}

    .evt-grd .evt-item-list ul li .pirce-area{display: flex; justify-content: space-between; align-items: center; margin-top: 4px; font-weight: 600;}
    .evt-grd .evt-item-list ul li .pirce-area .sales{font-size: 30px; color: #30d6d6; letter-spacing: -0.63px; display: flex; align-items: center;}
    .evt-grd .evt-item-list ul li .pirce-area .sales::after{content: ''; width: 24px; height: 26px; background: url(https://resource.mall.castingn.com/static/images/event/grand/ico-discount.png) left/100% no-repeat; margin-left: 2px;}
    .evt-grd .evt-item-list ul li .pirce-area .price-tt{font-size: 22px; color: #fff; letter-spacing: -0.8px; font-weight: 500;}
    .evt-grd .evt-item-list ul li .pirce-area .price-tt b{font-size: 32px; letter-spacing:-1.6px;}

    .evt-grd .evt-bnf-area{background: #08efde; text-align: center; line-height: 1; color: #292929; padding: 84px 0;}
    .evt-grd .evt-bnf-area .bnf-tit{font-size: 40px; color: #000; letter-spacing: -2px; font-weight: bold; margin-bottom: 39px;}
    .evt-grd .evt-bnf-area .bnf-tt{font-size: 24px; line-height: 32px; word-break: keep-all; margin-bottom: 64px;}

    .evt-grd .evt-bnf-area .btn-area{display: flex; align-items: center; justify-content: center;}
    .evt-grd .evt-bnf-area .btn-area a{width: 390px; height: 95px; border-radius: 47px; background: #000; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
    .evt-grd .evt-bnf-area .btn-area a + a{margin-left: 14px;}
    .evt-grd .evt-bnf-area .btn-area a b{font-size: 36px; font-weight: bold; margin-bottom: 6px;}
    .evt-grd .evt-bnf-area .btn-area a span{font-size: 18px; font-weight: normal;}

    .evt-grd .evt-info-area{background: #ecf0f4; padding: 74px 0 65px 0; color: #222;}
    .evt-grd .evt-info-area .info-tit{font-size: 28px; font-weight: bold; margin-bottom: 22px;}
    .evt-grd .evt-info-area .info-list li{font-size: 16px; letter-spacing: -0.01px; padding-left: 18px; position: relative; line-height: 28px;}
    .evt-grd .evt-info-area .info-list li::before{position: absolute; left: 0; top: 0; content: '-';}

    /* 스타트업 이벤트 */
    .evt-start{background: #5275fe;}
    .evt-start [class*='section']{max-width: 1920px; margin: auto; position: relative;}
    .evt-start .inner{max-width: 1280px; margin: auto; position: relative;}

    .evt-start .section1{text-align: center; padding: 123px 0 120px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-bg.png) left/100% no-repeat;}
    .evt-start .section1::before{content: ''; position: absolute; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-path.png) left/100% no-repeat; width: 974px; height: 181px; display: block; left: 0; bottom: -1px;}
    .evt-start .section1::after{content: ''; position: absolute; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-path.png) left/100% no-repeat; width: 974px; height: 181px; display: block; right: 0; bottom: -1px; transform: scaleX(-1);}
    .evt-start .section1 .txt-area{color: #fff;}
    .evt-start .section1 .txt-area .txt1{color: #fff; font-size: 40px; margin-bottom: 24px; font-weight: bold;}
    .evt-start .section1 .txt-area .txt1 span{text-decoration: underline; font-weight: 500;}
    .evt-start .section1 .txt-area .tit-txt{margin-bottom: 23px;}
    .evt-start .section1 .txt-area .txt2{font-size: 26px; line-height: 40px; letter-spacing: -0.4px;}

    .evt-start .section2{background: #fff; text-align: center;}
    .evt-start .section2 .txt-area{color: #2b2b2b; padding: 70px 0 95px 0; letter-spacing: -0.4px;}
    .evt-start .section2 .txt1{font-size: 26px; line-height: 40px; margin-bottom: 45px; display: flex; flex-direction: column; align-items: center;}
    .evt-start .section2 .txt1::before{width: 66px; height: 66px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-mark.png) left/100% no-repeat; content: ''; margin-bottom: 42px;}
    .evt-start .section2 .txt2{font-size: 36px; line-height: 52px; font-family: 'GmarketSansMedium'; font-weight: bold; letter-spacing: -0.6px;}
    .evt-start .section2 .txt2 .ico-market{width: 247px; height: 50px; display: inline-block; vertical-align: 13px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-market9.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 5px;}
    .evt-start .section2 .txt2 span{font-size: 50px; vertical-align: middle;}

    .evt-start .section3{text-align: center; padding: 86px 0 140px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-bg2.png) left top/100% no-repeat;}
    .evt-start .section3 .evt-tit{font-size: 36px; color: #fff; font-family: 'GmarketSansMedium'; line-height: 1; letter-spacing: -0.4px; margin-bottom: 60px;}
    .evt-start .section3 .evt-tit span{font-size: 50px; display: block; margin-bottom: 16px;}
    .evt-start .section3 .evt-tit2{font-size: 36px; color: #fff; font-family: 'GmarketSansMedium'; line-height: 1; letter-spacing: -0.4px; margin-bottom: 60px;}
    .evt-start .section3 .evt-tit2.mb-1{margin-bottom: 35px;}
    .evt-start .section3 .evt-tit2 span{font-size: 56px; display: block; margin-bottom: 16px;}
    .evt-start .section3::before{content: ''; position: absolute; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-path.png) left/100% no-repeat; width: 974px; height: 181px; display: block; left: 0; top: -1px; transform: scaleY(-1);}
    .evt-start .section3::after{content: ''; position: absolute; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-path.png) left/100% no-repeat; width: 974px; height: 181px; display: block; right: 0; top: -1px;  transform: rotate(-180deg);}

    .evt-start .section3 .evt-bnf-list{margin-bottom: 20px;}
    .evt-start .section3 .evt-bnf-list li{color: #fff; font-size: 26px; letter-spacing: -0.4px; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px;}
    .evt-start .section3 .evt-bnf-list li strong{font-size: 22px; font-weight: 500; margin-bottom: 25px; display: flex; flex-direction: column;}
    .evt-start .section3 .evt-bnf-list li strong::before{width: 21px; height: 3px; background: #fff; content: ''; margin-bottom: 13px;}
    .evt-start .section3 .item-area{position: relative;}
    .evt-start .section3 .item-list{display: flex; align-items: flex-start; margin-bottom: 70px;}
    .evt-start .section3 .item-list li{width: 248px; height: 368px; background: #fff; border-radius: 15px; margin-right: 10px; display: flex; flex-direction: column; text-align: center; align-items: center; padding: 24px 0 35px 0; box-sizing: border-box;}
    .evt-start .section3 .item-list li:last-child{margin-right: 0;}
    .evt-start .section3 .item-list li .ico-wrap{display: flex; align-items: center; justify-content: center; height: 115px; margin-bottom: 15px;}
    .evt-start .section3 .item-list li .ico-item1{width: 102px; height: 71px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item1.png) left/100% no-repeat;}
    .evt-start .section3 .item-list li .ico-item2{width: 80px; height: 91px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item2.png) left/100% no-repeat;}
    .evt-start .section3 .item-list li .ico-item3{width: 118px; height: 85px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item3.png) left/100% no-repeat;}
    .evt-start .section3 .item-list li .ico-item4{width: 130px; height: 115px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item4.png) left/100% no-repeat;}
    .evt-start .section3 .item-list li .ico-item5{width: 96px; height: 80px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item5.png) left/100% no-repeat;}
    .evt-start .section3 .item-list li .item-txt{font-size: 22px; color: #2b2b2b; line-height: 30px;}
    .evt-start .section3 .item-list li .btn-detail{width: 173px; height: 47px; border-radius: 12px; background: #e0e4ef; display: flex; align-items: center; justify-content: center; color: #2b2b2b; margin-top: auto; font-size: 16px;}
    .evt-start .section3 .item-list li .btn-detail:after{content: '+'; margin-left: 4px;}

    .evt-start .section3 .time-box{display: flex; align-items: center; justify-content: center; border-radius: 15px; background: rgba(49, 49, 49, 0.5); width: 836px; height: 150px; margin: auto; box-sizing: border-box; margin-bottom: 114px;}
    .evt-start .section3 .time-box > div{display: flex; align-items: center; font-size: 26px; color: #fff; margin-right: 28px;}
    .evt-start .section3 .time-box > div:last-child{margin-right: 0;}
    .evt-start .section3 .time-box > div span{width: 130px; height: 84px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/time-bg.png) left/50% repeat-x; display: flex; align-items: center;
        justify-content: flex-end; font-size: 45px; color: #fff; font-weight: bold; margin-right: 2px; box-sizing: border-box ;letter-spacing: 25px;}
    .evt-start .section3 .time-box > div span:last-child{margin-right: 10px;}

    .evt-start .section3 .info-box{width: 100%; background: #fff; border-radius: 22px; height: 610px; box-sizing: border-box; padding: 58px 0 0 96px; margin-bottom: 29px;}
    .evt-start .section3 .info-box ul li{display: flex; align-items: flex-start; justify-content: flex-start; color: #2b2b2b; font-size: 26px; line-height: 68px;}
    .evt-start .section3 .info-box ul li strong{margin-right: 48px; width: 90px;}
    .evt-start .section3 .info-box ul li span{text-align: left;}
    .evt-start .section3 .btn-aply{width: 100%; height: 110px; background: #0b0b0b; border-radius: 22px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px; font-family: 'GmarketSansMedium';}
    .evt-start .section3 .btn-aply:after{width: 13px; height: 21px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-btn-arr.png) left/100% no-repeat; content: ''; margin-left: 36px; margin-top: -5px;}

    .evt-start .section4{background: #e6f2fc; text-align: center; width: 100%; max-width: initial; padding: 107px 0;}
    .evt-start .section4 .evt-tit{font-size: 50px; color: #2b2b2b; font-family: 'GmarketSansMedium'; margin-bottom: 26px; display: flex; align-items: center; font-weight: bold; justify-content: center;}
    .evt-start .section4 .evt-tit .ico-market{width: 247px; height: 50px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-market9.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 5px; margin-top: -4px;}
    .evt-start .section4 .txt1{font-size: 26px; color: #2b2b2b; line-height: 40px; margin-bottom: 34px;}

    .evt-start .section4 .bnf-area{position: relative; width: 100%;}
    .evt-start .section4 .bnf-area > ul{display: flex; align-items: center;}
    .evt-start .section4 .bnf-area > ul > li{width: 417px; height: 442px; box-sizing: border-box; border-radius: 25px; background: #fff; padding: 56px 0 0 33px; margin-right: 15px; text-align-last: left; position: relative; }
    .evt-start .section4 .bnf-area > ul > li:last-child{margin-right: 0;}
    .evt-start .section4 .bnf-area > ul > li .bnf-tit{display: flex; flex-direction: column; align-items: flex-start; line-height: 40px; margin-bottom: 34px;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item1 .bnf-tit{color: #0d89e8;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item2 .bnf-tit{color: #32ab8c;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item3 .bnf-tit{color: #7420e6;}
    .evt-start .section4 .bnf-area > ul > li::before{width: 41px; height: 41px; border-radius: 50%; display: block; position: absolute; bottom: 36px; right: 34px; content: '';
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item1::before{background: #0d89e8 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item2::before{background: #32ab8c url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item3::before{background: #7420e6 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}

    .evt-start .section4 .bnf-area > ul > li .bnf-tit strong{font-size: 34px;}
    .evt-start .section4 .bnf-area > ul > li .bnf-tit span{font-size: 26px; color: #2b2b2b; font-weight: bold;}
    .evt-start .section4 .bnf-area .desc-list li{font-size: 22px; color: #85888d; line-height: 36px; padding-left: 8px; position: relative;}
    .evt-start .section4 .bnf-area .desc-list li::before{position: absolute; width: 3px; height: 3px; background: #85888d; border-radius: 50%; left: 0; top: 17px; display: block; content: '';}

    .evt-start .section5{background: #eaf7f3; text-align: center; width: 100%; max-width: initial; padding: 118px 0 103px; text-align: left;}
    .evt-start .section5 .evt-tit{font-size: 46px; color: #2b2b2b; margin-bottom: 26px;  font-weight: bold; letter-spacing: -0.6px; line-height: 64px; position: relative;}
    .evt-start .section5 .evt-tit span{font-size: 36px; display: block; margin-bottom: 20px; line-height: 1;}

    .evt-start .section5 .tab-wrap.item1 .evt-tit span{color: #448ce3;}
    .evt-start .section5 .tab-wrap.item2 .evt-tit span{color: #32ab8c;}
    .evt-start .section5 .tab-wrap.item3 .evt-tit span{color: #7420e6;}

    .evt-start .section5 .tab-area{position: relative;}
    .evt-start .section5 .tab-area ul{display: flex; align-items: center;}
    .evt-start .section5 .tab-area ul li{width: 246px; height: 66px; margin-right: 12px;}
    .evt-start .section5 .tab-area ul li:last-child{margin-right: 0;}
    .evt-start .section5 .tab-area ul li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #b1b8b6; font-weight: 500; background: #fff; border-radius: 40px;}
    .evt-start .section5 .tab-area ul li.on a{color: #fff; background: #7420e6;}

    .evt-start .section5 .tab-btn-area{display: flex; position: absolute; align-items: center; right: 0; top: 138px; z-index: 10;}
    .evt-start .section5 .tab-btn-area a{width: 49px; height: 49px; border-radius: 15px; text-indent: -9999999px; font-size: 0;}
    .evt-start .section5 .tab-btn-area a.btn-prev{background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr.png) center no-repeat;}
    .evt-start .section5 .tab-btn-area a.btn-next{background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr.png) center no-repeat; transform: rotate(180deg);}
    .evt-start .section5 .tab-btn-area a.btn-prev:hover{background: #0b0b0b url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr-hover.png) center no-repeat;}
    .evt-start .section5 .tab-btn-area a.btn-next:hover{background: #0b0b0b url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr-hover.png) center no-repeat; transform: rotate(180deg);}
    .evt-start .section5 .tab-btn-area a + a{margin-left: 7px;}

    .evt-start .section5 .tab-wrap.item1 .tab-con-area .tab-con .desc span{color: #448ce3;}
    .evt-start .section5 .tab-wrap.item2 .tab-con-area .tab-con .desc span{color: #32ab8c;}
    .evt-start .section5 .tab-wrap.item3 .tab-con-area .tab-con .desc span{color: #7420e6;}
    .evt-start .section5 .tab-con-area .tab-con{padding-top: 52px; margin-bottom: 93px;}
    .evt-start .section5 .tab-con-area .tab-con .tab-inner{display: flex; align-items: flex-start;}
    .evt-start .section5 .tab-con-area .tab-con .desc{font-size: 26px; letter-spacing: -0.6px; line-height: 42px; margin-right: auto;}

    .evt-start .section5 .tab-con-area .tab-con .tab-img img{width: 100%;}

    .evt-start .section5 .evt-btn-group{display: flex; align-items: center; justify-content: center;}
    .evt-start .section5 .evt-btn-group button + button, .evt-start .section5 .evt-btn-group a + a{margin-left: 11px;}
    .evt-start .section5 .evt-btn-group button, .evt-start .section5 .evt-btn-group a{width: 457px; height: 90px; border-radius: 20px; background: #0b0b0b; font-size: 24px; font-weight: 500; color: #fff; display: flex; justify-content: center; align-items: center;}
    .evt-start .section5 .evt-btn-group button:after, .evt-start .section5 .evt-btn-group a:after{width: 26px; height: 26px; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-down.png) left/100% no-repeat; margin-left: 20px;}

    .evt-start .section6{background: #ffffff; text-align: center; width: 100%; max-width: initial; padding: 118px 0 145px; text-align: left;}
    .evt-start .section6 .evt-tit{font-size: 36px; color: #2b2b2b; text-align: center; font-family: 'GmarketSansMedium'; margin-bottom: 60px; font-weight: bold;}
    .evt-start .section6 .notice > li{display: flex; align-items: flex-start; font-size: 22px; line-height: 36px; margin-bottom: 48px;}
    .evt-start .section6 .notice > li:last-child{margin-bottom: 0;}
    .evt-start .section6 .notice > li strong{width: 113px; letter-spacing: -0.6px; margin-right: 52px;}
    .evt-start .section6 .notice .notice-list li{color: #85888d; line-height: 36px; position: relative; padding-left: 8px; letter-spacing: -0.6px;}
    .evt-start .section6 .notice .notice-list li:before{width: 3px; height: 3px; border-radius: 50%; background: #85888d; position: absolute; left: 0; top: 17px; content: '';}


    /* 스타트업 이벤트 신청하기 */
    .evt-aply{background: #fff; padding: 120px 0 113px 0;}
    .evt-aply .inner{max-width: 1280px; margin: auto; display: flex; align-items: flex-start; }
    .evt-aply .left-item{width: 508px; margin-right: 98px;}
    .evt-aply .left-item .tit{font-size: 46px; font-weight: bold; color: #2b2b2b; letter-spacing: -0.6px; line-height: 1; margin-bottom: 80px;}
    .evt-aply .left-item .tit span{font-size: 36px; color: #448ce3; display: block; margin-bottom: 38px;}
    .evt-aply .left-item .item-txt{font-size: 26px; color: #000; letter-spacing: -0.6px; line-height: 42px;}

    .evt-aply .right-item{width: calc(100% - 606px); padding-top: 205px;}
    .evt-aply .right-item .form-area{position: relative;}
    .evt-aply .right-item .form-area .form-tit{font-size: 30px; font-weight: bold; color: #5ea7ed; position: relative; padding-left: 32px; margin-bottom: 28px; display: block;}
    .evt-aply .right-item .form-area .form-tit:before{width: 11px; height: 11px; display: block; position: absolute; left: 0; top: 7px; content: ''; background: #5ea7ed; border-radius: 50%;}

    .evt-aply .right-item .form-area .form-group{padding-left:33px; margin-bottom: 63px;}
    .evt-aply .right-item .form-area .form-ipt-list li{display: flex; align-items: center; margin-bottom: 11px;}
    .evt-aply .right-item .form-area .form-ipt-list li strong{font-size: 22px; color: #2b2b2b; letter-spacing: -0.6px; font-weight: normal; width: 80px; margin-right: auto;}
    .evt-aply .right-item .form-area .form-ipt-list li input{width: 532px; height: 80px; border-radius: 12px; box-sizing: border-box; padding: 0 18px; font-size: 26px; border: 2px solid #dadddf;}

    .evt-aply .right-item .form-area .desc{padding-left: 33px; margin-bottom: 36px; font-size: 22px; color: #2b2b2b; line-height: 42px; letter-spacing: -0.6px;}
    .evt-aply .right-item .form-area .form-chk-list li label{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 11px; margin-bottom: 10px; width: 640px; height: 80px; border: 2px solid #dadddf; box-sizing: border-box;
        cursor: pointer; border-radius: 16px; font-size: 22px; color: #2b2b2b; padding-left: 58px; position: relative;}
    .evt-aply .right-item .form-area .form-chk-list li label input[type=radio]{cursor:pointer; display:flex; outline:none; appearance: none;-moz-appearance: none;-webkit-appearance: none; position: absolute; left: 14px; }
    .evt-aply .right-item .form-area .form-chk-list li label input[type=radio]:checked{background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk4.png) center no-repeat; width:34px;height:34px;
        border-radius:50%; overflow:hidden;}

    .evt-aply .right-item .form-area .form-chk-list li label span{letter-spacing: -1.5px;}
    .evt-aply .right-item .form-area .chk-agr{padding-left: 33px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
    .evt-aply .right-item .form-area .chk-agr label{font-size: 24px; color: #2b2b2b; display: flex; align-items: center; font-weight: bold;}
    .evt-aply .right-item .form-area .chk-agr label input[type=checkbox]{cursor:pointer; display:flex; outline:none; appearance: none;-moz-appearance: none;-webkit-appearance: none; background:#fff; border:1px solid #999;width:34px; height:34px; border-radius:50%; margin-right: 10px;}
    .evt-aply .right-item .form-area .chk-agr label input[type=checkbox]:checked{background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk4.png) center no-repeat; width:34px;height:34px; border: none; border-radius:50%; overflow:hidden;}
    .evt-aply .right-item .form-area .chk-agr .btn-go{font-size: 24px; color: #a1a1a1; padding-bottom: 10px; text-decoration: underline;}
    .evt-aply .right-item .form-area .btn-aply{width: calc(100% - 33px); height: 110px; color: #fff; font-size: 36px; font-weight: bold; border-radius: 16px; background: #0b0b0b; margin-left: 33px;}

    /* 카페24 이벤트 */
    .evt-cafe{background: #fff;}
    .evt-cafe .inner{max-width: 1280px; margin: auto; position: relative;}
    .evt-cafe .section1{text-align: center; padding: 96px 0 0;}
    .evt-cafe .section1 .evt-tit{position: relative; width: 1023px; height: 537px; margin: auto;}
    .evt-cafe .section1 .evt-tit img{width: 100%;}
    .evt-cafe .section1 .evt-tit > span{position: absolute; display: block; background-size: 100%; background-position: center;}
    .evt-cafe .section1 .evt-tit .ico-obj1{width: 49px;height: 51px;left: 262px;top: 20px; background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/title-obj1.png);}
    .evt-cafe .section1 .evt-tit .ico-obj2{width: 28px; height: 35px; left: 570px; top: 0; background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/title-obj2.png);}
    .evt-cafe .section1 .evt-tit .ico-obj3{width: 57px;height: 68px;left: 851px;top: 23px; background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/title-obj3.png);}
    .evt-cafe .section1 .evt-tit .ico-obj4{width: 37px;height: 46px;left: 892px;top: 23px; background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/title-obj4.png);}
    .evt-cafe .section1 .evt-tit .ico-obj5{width: 51px;height: 61px;left: 920px;top: 18px; background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/title-obj5.png);}
    .evt-cafe .section1 .evt-txt{margin-top: -105px; margin-bottom: 20px;}
    .evt-cafe .section1 .evt-txt > span{display: block; line-height: 29px;}
    .evt-cafe .section1 .evt-txt .item1{font-size: 29px; font-weight: 500; color: #000; margin-bottom: 12px;}
    .evt-cafe .section1 .evt-txt .item1 b{font-weight: bold; color: #101010;}
    .evt-cafe .section1 .evt-txt .item2{font-size: 24px; font-weight: 500; color: rgba(58, 59, 60, 0.5);}
    .evt-cafe .section1 .evt-tab-area{display: flex; position: relative; width: 1202px; height: 119px; border-radius: 999px; box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25); background-color: #f2f4f7; margin: auto; box-sizing: border-box; z-index: 1;}
    .evt-cafe .section1 .evt-tab-area ul{width: 100%; display: flex; align-items: center; z-index: 3;}
    .evt-cafe .section1 .evt-tab-area ul li{width: 50%; height: 100%;}
    .evt-cafe .section1 .evt-tab-area ul li a{width: 100%; height: 100%; display: flex; align-items: center; font-size: 35px; font-weight: bold; color: rgba(16, 16, 16, 0.45); justify-content: center;}
    .evt-cafe .section1 .evt-tab-area ul li.on a{color: #fff;}
    .evt-cafe .section1 .evt-tab-area ul li.tab-btn1 a:after{width: 48px; height: 48px; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-tab1.png); margin-left: 8px;}
    .evt-cafe .section1 .evt-tab-area ul li.tab-btn2 a:after{width: 48px; height: 48px; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-tab2.png); margin-left: 8px;}
    .evt-cafe .section1 .evt-tab-area .bar{ width: 614px; height: 119px; display: block; position: absolute; z-index: 2; left: 0; top: 0; background: #0464f9; border-radius:999px;}

    .evt-cafe .section1 .btn-spot{position: absolute; display: block; width: 230px; height: 237px; text-align-last: left; z-index: 5; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-spot.png) left/100% no-repeat;
        box-sizing: border-box; padding: 120px 0 0 40px; right: 0; bottom: -35px;}
    .evt-cafe .section1 .btn-spot p{font-size: 19px; color: #000; font-weight: 700; line-height: 23px;}
    .evt-cafe .section1 .btn-spot p span{color: #FF005C;}


    .evt-cafe .section2{text-align: center; padding:134px 0 171px;}
    .evt-cafe .section2 .main-desc{display: flex; flex-direction: column; align-items: center; margin-bottom: 79px;}
    .evt-cafe .section2 .main-desc .ico-item{width: 98px; height: 84px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-face1.png) left/100% no-repeat; margin-bottom: 13px;}
    .evt-cafe .section2 .main-desc .txt1{font-size: 74px; font-weight: 900; color: #101010; letter-spacing: 0.74px; line-height: 74px; margin-bottom: 15px;}
    .evt-cafe .section2 .main-desc .txt1 span{font-size: 32px; font-weight: bold; color: #0d89e8; display: block; line-height: 32px; letter-spacing: normal; margin-bottom: 15px;}
    .evt-cafe .section2 .main-desc .txt2{font-size: 20px; color: #3a3b3c;}
    .evt-cafe .section2 .main-desc .txt2 a{font-weight: bold; text-decoration: underline; display: inline-flex; align-items: center;}
    .evt-cafe .section2 .main-desc .txt2 a:after{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/link-arr.png) left/100% no-repeat; margin-left: 2px; content: '';}

    .evt-cafe .section2 .item-list-area{position: relative;}
    .evt-cafe .section2 .item-list-tit{font-size: 42px; letter-spacing: -0.42px; color: #03223a; font-weight: bold; margin-bottom: 40px;}
    .evt-cafe .section2 .item-list-tit span{color: #6767fc; font-size: 46px; letter-spacing: -0.7px;}
    .evt-cafe .section2 .item-list-tit span b{font-size: 62px; line-height: 93px; font-weight: 800;}
    .evt-cafe .section2 .item-list-tit span b .number{font-size: 70px;}
    .evt-cafe .section2 .item-list-tit span:last-child{font-size: 62px; font-weight: 800;}
    .evt-cafe .section2 .item-list-tit span.point{position: relative; z-index: 2;}
    .evt-cafe .section2 .item-list-tit span.point::before{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/point-bg.png) left/100% no-repeat; width: 132px; height: 138px; content: '';
        display: block; position: absolute; left: -13px; bottom: -22px; z-index: -1;}

    .evt-cafe .section2 .item-list{padding: 0 40px;}
    .evt-cafe .section2 .item-list ul{display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 9px; row-gap: 27px;}
    .evt-cafe .section2 .item-list ul li{height: 250px; display: flex; box-sizing: border-box; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 15px 18px 25px 18px; word-break: keep-all; border-radius: 12px;}
    .evt-cafe .section2 .item-list ul li.item1{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg1.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item3{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item4{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg4.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item5{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg5.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item6{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg6.png) center/100% no-repeat;}

    .evt-cafe .section2 .item-list ul li .key-txt{padding: 4px 24px 4px 16px; display: flex; align-items: center; border-radius: 999px; background-color: rgba(255, 255, 255, 0.85); font-size: 19px; color: #101010; font-weight: bold; margin-bottom: auto;}
    .evt-cafe .section2 .item-list ul li .key-txt:before{width: 22px; height: 32px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-pin.png) left/100% no-repeat; content: ''; margin-right: 6px;}
    .evt-cafe .section2 .item-list ul li .desc{font-size: 16px; color: #fff; font-weight: bold; text-align:center; width: 100%;}

    .evt-cafe .section3{text-align: center; padding:155px 0 92px; background: #50cd89;}
    .evt-cafe .section3 .tit{color: #fff; font-size: 44px; font-weight: bold; letter-spacing: -0.44px; line-height: 44px; text-align: left; margin-bottom: 57px; margin-left: 40px;}

    .evt-cafe .section3 .item-list{padding: 0 40px; overflow:visible;}
    .evt-cafe .section3 .item-list ul{display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 24px;}
    .evt-cafe .section3 .item-list ul li{height: 624px; border-radius: 16px; 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; display: flex; flex-direction: column; align-items: center;
        justify-content: flex-start; box-sizing: border-box; padding: 23px 0 22px; position: relative;}
    .evt-cafe .section3 .item-list ul li:before{width: 253px; height: 253px; border-radius: 50%; background-color: rgba(80, 205, 137, 0.37); position: absolute; content: ''; display: block; top: 131px;}
    .evt-cafe .section3 .item-list ul li:after{content: ''; display: block; position: absolute;}
    .evt-cafe .section3 .item-list ul li.item1:after{width: 256px; height: 232px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2-1.png) left/100% no-repeat; top: 101px; left: 97px;}
    .evt-cafe .section3 .item-list ul li.item2:after{width: 330px; height: 260px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2-2.png) left/100% no-repeat; top: 94px; left: 52px;}
    .evt-cafe .section3 .item-list ul li.item3:after{width: 255px; height: 267px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2-3.png) left/100% no-repeat; top: 131px; left: 61px;}

    .evt-cafe .section3 .item-list ul li .number{font-size: 31px; font-weight: bold; color: #000; line-height: 2.52;}
    .evt-cafe .section3 .item-list ul li .item-box{width: 284px; height: 80px; display: flex; align-items: center; justify-content: center; background: #beedd3; border-radius: 16px; font-size: 23px; color: #2b9177; position: absolute; left: 50px; top: 328px;}
    .evt-cafe .section3 .item-list ul li .item-box p{line-height: 31.7px;}
    .evt-cafe .section3 .item-list ul li .item-box p .txt1{color: #138fd8;}

    .evt-cafe .section3 .item-list ul li .link-btn{font-weight: bold; font-size: 24px; color: #32ab8c; line-height: 3.25; text-decoration: underline; position: absolute; bottom: 22px;}
    .evt-cafe .section3 .item-list ul li.item1 .item-txt{margin-top: 322px;}
    .evt-cafe .section3 .item-list ul li.item2 .item-txt{margin-top: 322px;}
    .evt-cafe .section3 .item-list ul li.item3 .item-txt{margin-top: 307px;}
    .evt-cafe .section3 .item-list ul li .item-txt{font-size: 20px; color: #5e6062; font-weight: 500; line-height: 1.43; }
    .evt-cafe .section3 .item-list ul li .item-txt b{font-weight: bold; color: #101010;}
    .evt-cafe .section3 .tooltip-area{display: flex; margin-top: 26px; justify-content: flex-end; padding: 0 40px; position: relative; width: max-content; margin-left: auto; margin-right: 31px;}
    .evt-cafe .section3 .tooltip-area .txt{display: flex; align-items: center;}
    .evt-cafe .section3 .tooltip-area .txt .btn-info{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-info.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 3px;}
    .evt-cafe .section3 .tooltip-area .txt span{font-size: 20px; font-weight: bold; color: #03223a;}
    .evt-cafe .section3 .tooltip-area .tool-tip{position: absolute; width: 416px; height: 100px; background: #303030; border-radius: 5px; top: 40px; left: 23px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); padding: 4px 0; display: flex; flex-direction: column;}
    .evt-cafe .section3 .tooltip-area .tool-tip:before{border-bottom: 8px solid #303030; border-left: 6px solid transparent; border-right: 6px solid transparent; content: '';display: block; position: absolute; top: -8px; left: 23px;}
    .evt-cafe .section3 .tooltip-area .tool-tip .desc{font-size: 12px; line-height: 18px; color: #fff; text-align: center;}
    .evt-cafe .section3 .tooltip-area .tool-tip a{font-size: 12px; color: #0e89e8; font-weight: bold; text-decoration: underline; margin-top: 25px; display: block;}


    .evt-cafe .section4{text-align: center; padding:65px 0 84px; background: #fff;}
    .evt-cafe .section4 .tit{color: #000; font-size: 24px; font-weight: bold; line-height: 1; text-align: left; margin-bottom: 22px; margin-left: 40px;}
    .evt-cafe .section4 .item-list{padding: 0 40px; text-align: left;}
    .evt-cafe .section4 .item-list ul li{position: relative; padding-left: 40px; font-size: 24px; color: #000; line-height: 36px;}
    .evt-cafe .section4 .item-list ul li:before{width: 5px; height: 5px; border-radius: 50%; content: ''; position: absolute; left: 17px; top: 17px; background: #000;}

    .evt-cafe .section5{text-align: center; padding:198px 0 84px; background: #101010;}
    .evt-cafe .section5 .main-desc{margin-bottom: 35px;}
    .evt-cafe .section5 .txt1{font-size: 64px; color: #e7f3fd; letter-spacing: -0.64px; line-height: 96px; font-weight: 800;}
    .evt-cafe .section5 .txt1 span{font-size: 50px; letter-spacing: -0.5px; font-weight: 300; line-height: 1.5;}
    .evt-cafe .section5 .txt1 b{background: linear-gradient(to right, #e3b120, #e15555); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

    .evt-cafe .section5 .img-area{padding: 0 40px; position: relative;}
    .evt-cafe .section5 .img1{width: 479px; height: 479px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-snack2.png) left/100% no-repeat; margin: auto;}
    .evt-cafe .section5 .img2{width: 1204px; height: 872px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-snack1.png) left/100% no-repeat; margin: -506px auto 0;}

    .evt-cafe .section5 .evt-info-wrap{background: #242424; border-radius: 16px; position: relative; margin-top: -143px; padding: 50px 40px;}
    .evt-cafe .section5 .evt-info-wrap > .desc{font-size: 28px; letter-spacing: -0.28px; color: #e7f3fd; line-height: 42px; margin-bottom: 37px;}
    .evt-cafe .section5 .evt-info-wrap > .desc span{font-size: 50px; line-height: 75px; letter-spacing: -0.5px; font-weight: bold; display: block;}
    .evt-cafe .section5 .evt-info-wrap > .desc span b{color: #ffbd2e;}
    .evt-cafe .section5 .evt-info-wrap > .desc span.line-2{font-size: 33px; letter-spacing: -0.33px; line-height: 49.5px;}

    .evt-cafe .section5 .evt-info-wrap .ymd-wrap{display: flex; align-items: center; justify-content: center; margin-bottom: 34px;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list{font-size: 20px; font-weight: 500; color: #fff; line-height: 1.5; letter-spacing: -0.2px;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list li{display: flex; align-items: center;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list li strong{width: 78px; margin-right: 10px; position: relative;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list li strong:after{content: ':'; position: absolute; right: 0; font-weight: normal;}

    .evt-cafe .section5 .evt-info-wrap .evt-info-box{width: 1061px; margin: auto; height: 369px; border-radius: 16px;  background-color: rgba(255, 255, 255, 0.1); display: flex; flex-direction: column;
        justify-content: flex-start; align-items: center; color: #fff; padding-top: 42px; box-sizing: border-box; margin-bottom: 86px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .tit1{font-size: 32px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; margin-bottom: 18px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .desc{font-size: 43px; font-weight: 500; line-height: 1.5; letter-spacing: -0.43px; margin-bottom: 18px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .desc b{font-weight: bold; color: #ff9a24;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .tit2{font-size: 32px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; margin-bottom: 18px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .tit2 b{color: #ffbd2e;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .info-list{text-align: left; margin:0 auto 0 auto;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .info-list li{font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.18px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .info-list li span{color: #ffbd2e;}

    .evt-cafe .section5 .evt-info-wrap .sns-area{position: relative; margin-bottom: 81px;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .tit{font-size: 32px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; color: #fff; margin-bottom: 27px; display: block;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area{display: flex; align-items: center; justify-content: center;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button{width: 68px; height: 68px; margin-right: 9px; font-size: 0; text-indent: -9999999px; line-height: 0;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button:last-child{margin-right: 0;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-naver{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-naver.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-facebook{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-facebook.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-twitter{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-twitter.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-kakao{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-kakao.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-download{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-download.png) left/100% no-repeat;}

    .evt-cafe .section5 .evt-info-wrap .evt-ntc-wrap{position: relative; }
    .evt-cafe .section5 .evt-info-wrap .ntc-box{margin-bottom: 53px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area{padding: 48px 32px; background-color: rgba(255, 255, 255, 0.2); border-radius: 16px 16px 0 0; box-sizing: border-box; display: flex; align-items: center;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area > input{padding: 16px 24px; color: #000000; letter-spacing: -0.16px; font-size: 16px; font-weight: 500; background: #fff; border-radius: 8px; box-sizing: border-box;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area > input::placeholder{color: #b3b7ba;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area .ipt1{width: 714px; height: 56px; margin-right: 15px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area .ipt2{width: 287px; height: 56px; margin-right: 15px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area .btn-upload{width: 105px; height: 56px; border-radius: 8px; background: #0d89e8; color: #f9faff; font-size: 16px; font-weight: 500; letter-spacing: -0.16px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li{height: 71px; box-sizing: border-box; background: #474747; display: flex; align-items: center; color: #f9faff; margin-bottom: 1px; letter-spacing: -0.15px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .num{width: 65px; display: flex; justify-content: center;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .link{display: flex; justify-content: flex-start; width: 665px; padding-left: 24px; box-sizing: border-box;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .link a{max-width: 90%; overflow: hidden; text-overflow: ellipsis; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .link a:hover{text-decoration: underline;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .name{width: 237px; box-sizing: border-box; padding: 0 24px;overflow: hidden}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .act{width: 116px; box-sizing: border-box; padding: 0 10px 0 34px; color: #85888d;overflow: hidden}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .ymd{width: 117px; box-sizing: border-box; padding: 0 34px 0 10px; color: #85888d;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging{display: flex; align-items: center; justify-content: center;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging a{font-size: 17px; color: #b0b2b5; font-weight: 600; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin:0 4px;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging a.btn-prev{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-prev.png) left/100% no-repeat; text-indent: -99999px; line-height: 0; font-size: 0;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging a.btn-next{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-next.png) left/100% no-repeat; text-indent: -99999px; line-height: 0; font-size: 0;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging .current{width: 28px; height: 28px; background: #0d89e8; border-radius: 8px; color: #fff; font-size: 17px; display: flex; align-items: center; justify-content: center; margin: 0 4px;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging .dot{width: 28px; height: 28px; color: #5e6062; font-size: 17px; display: flex; align-items: flex-end; padding-bottom: 5px; justify-content: center;margin: 0 4px;box-sizing: border-box;}

    .evt-cafe .section2-1{text-align: center; padding:134px 0 145px;}
    .evt-cafe .section2-1 .main-desc{display: flex; flex-direction: column; align-items: center; margin-bottom: 79px;}
    .evt-cafe .section2-1 .main-desc .ico-item{width: 98px; height: 94px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-face2.png) left/100% no-repeat;}
    .evt-cafe .section2-1 .main-desc .txt1{font-size: 74px; font-weight: 900; color: #101010; letter-spacing: 0.74px; line-height: 74px; margin-bottom: 26px;}
    .evt-cafe .section2-1 .main-desc .txt1 span{font-size: 32px; font-weight: bold; color: #50cd89; display: block; line-height: 32px; letter-spacing: normal; margin-bottom: 15px;}
    .evt-cafe .section2-1 .main-desc .txt2{font-size: 30px; color: #3a3b3c; line-height: 1.5; font-weight: bold; margin-bottom: 55px;}
    .evt-cafe .section2-1 .main-desc .txt3{font-size: 42px; color: #101010; letter-spacing: -0.42px; font-weight: 800;}
    .evt-cafe .section2-1 .main-desc .txt3 b{font-size: 48px; letter-spacing: -0.48px; font-weight: 800;}
    .evt-cafe .section2-1 .main-desc .txt3 b.grad1{background: linear-gradient(to bottom, #2fa894, #229cb6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    .evt-cafe .section2-1 .main-desc .txt3 b.grad2{background: linear-gradient(to bottom, #1db1c9, #1397dd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

    .evt-cafe .section2-1 .card-ease-area{position: relative;margin: 0 129px 130px; display: flex; padding-top: 409px; padding-bottom: 308px;}
    .evt-cafe .section2-1 .card-ease-area span{position: absolute;display: block;width: 314px;height: 232px;-webkit-transform: skewY(7deg);-moz-transform: skewY(7deg);-o-transform: skewY(7deg);transform: skewY(7deg);box-sizing: border-box;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj1{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card1.png) left/100% no-repeat; left: 100px; bottom: 0;;z-index: 11;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card2.png) left/100% no-repeat; left: 152px; bottom: 40px; z-index: 10;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj3{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card3.png) left/100% no-repeat; left: 214px; bottom: 81px; z-index: 9;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj4{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card4.png) left/100% no-repeat; left: 270px; bottom: 121px; z-index: 8;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj5{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card5.png) left/100% no-repeat; left: 318px; bottom: 161px; z-index: 7;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj6{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card6.png) left/100% no-repeat; left: 389px; bottom: 201px; z-index: 6;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj7{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card7.png) left/100% no-repeat; left: 447px; bottom: 242px; z-index: 5;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj8{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card8.png) left/100% no-repeat; left: 502px; bottom: 281px; z-index: 4;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj9{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card9.png) left/100% no-repeat; left: 545px; bottom: 319px; z-index: 3;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj10{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card10.png) left/100% no-repeat; left: 586px; bottom: 363px; z-index: 2;}
    .evt-cafe .section2-1 .card-ease-area span.card-obj11{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-card11.png) left/100% no-repeat; left: 633px; bottom: 401px; z-index: 1;}

    .evt-cafe .btn-wrap{position: relative; margin-top: -30px;}
    .evt-cafe .section2 .btn-wrap{margin-top: 23px;}
    .evt-cafe  .btn-wrap button{position: relative; width: 500px; height: 64px; border-radius: 20px; box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.25); background-color: #101010; font-size: 23px; font-weight: bold; color: #fff; margin-bottom: 24px;}
    .evt-cafe  .btn-wrap .desc{font-weight: 500; color: #3a3b3c; font-size: 18px; font-weight: bold;}

    .evt-cafe .section2-2{text-align: center; padding:155px 0 89px; background: #3da1ed;}
    .evt-cafe .section2-2 .tit{font-size: 44px; font-weight: bold; color: #fff; letter-spacing: -0.44px; text-align: left; margin-bottom: 57px; margin-left: 40px; line-height: 44px;}
    .evt-cafe .section2-2 .item-list{padding: 0 40px; position: relative;}
    .evt-cafe .section2-2 .item-list > ul > li{min-height: 163px; border-radius: 16px; box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3); background: #fff; margin-bottom: 72px; box-sizing: border-box;}
    .evt-cafe .section2-2 .item-list > ul > li:last-child{margin-bottom: 0;}
    .evt-cafe .section2-2 .item-list > ul > li:nth-child(2){margin-bottom: 85px;}
    .evt-cafe .section2-2 .item-list > ul > li .area1{display: flex; align-items: center; justify-content: flex-start; min-height: 163px; box-sizing: border-box; position: relative; padding: 36px 0 24px; }
    .evt-cafe .section2-2 .item-list > ul > li .number{width: 178px; font-size: 24px; font-weight: bold; color: #000; padding-left: 38px; box-sizing: border-box; text-align: left;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area{text-align: left;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area strong{font-size: 24px; font-weight: bold; color: #000; display: block; line-height: 1.5; margin-bottom: 2px;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area .desc{line-height: 1.5; color: #000; font-weight: 500; font-size: 20px;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area .desc span{font-weight: bold; color: #0d89e8;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group{display: flex; flex-direction: column; align-items: flex-start; margin-left: auto; margin-right: 49px; width: 160px; position: relative;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link{font-size: 21px; color: #05375d; text-align: left; line-height: 1.5; font-weight: bold; text-decoration: underline; display: flex; align-items: flex-end; position: relative;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link:after{content: ''; width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ick-link-arr.png) left/100% no-repeat; margin-bottom: 2px; position: absolute;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link.po1:after{left: 70px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link.po2:after{left: 100px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .srv-item{width: 189px; height: 38px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;  border-radius: 999px; background-color: #f9b14a; font-size: 16px; font-weight: bold; color: #d6225a;
        margin-bottom: 17px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .srv-item .btn-info{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-info.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 3px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .srv-item .ico-pic{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-pic1.png) left/100% no-repeat; width: 30px; height: 30px; margin-right: 6px;}

    .evt-cafe .section2-2  .tool-tip{position: absolute; width: 416px; height: 100px; background: #303030; border-radius: 5px; top: 40px; left: -227px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); padding: 4px 0; display: flex; flex-direction: column; z-index: 10;}
    .evt-cafe .section2-2  .tool-tip:before{border-bottom: 8px solid #303030; border-left: 6px solid transparent; border-right: 6px solid transparent; content: '';display: block; position: absolute; top: -8px; left: 387px;}
    .evt-cafe .section2-2  .tool-tip .desc{font-size: 12px; line-height: 18px; color: #fff; text-align: center;}
    .evt-cafe .section2-2  .tool-tip a{font-size: 12px; color: #0e89e8; font-weight: bold; text-decoration: underline; margin-top: 25px; display: block;}

    .evt-cafe .section2-2 .item-list > ul > li .area1:after{content: ''; position: absolute;}
    .evt-cafe .section2-2 .item-list > ul > li.item1 .area1:after{width: 232px; height: 211px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3-1.png) left/100% no-repeat; left: 748px; bottom: 0;}
    .evt-cafe .section2-2 .item-list > ul > li.item2 .area1:after{width: 337px; height: 192px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3-2.png) left/100% no-repeat; left: 657px; bottom: 0;}
    .evt-cafe .section2-2 .item-list > ul > li.item3 .area1:after{width: 269px; height: 242px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3-3.png) left/100% no-repeat; left: 704px; bottom: 0;}
    .evt-cafe .section2-2 .item-list > ul > li.item3 .info-area.type1{margin-bottom: 30px;}

    .evt-cafe .section2-2 .item-list > ul > li .area2{border-top: 1px solid #d9d9d9; margin: 0 78px 0 178px; padding: 32px 0 57px 0;}
    .evt-cafe .section2-2 .item-list > ul > li .area2 ul{margin-top: 14px; margin-bottom: 24px;}
    .evt-cafe .section2-2 .item-list > ul > li .area2 ul li{font-size: 16px; color: #000; line-height: 24px;}
    .evt-cafe .section2-2 .item-list > ul > li .area2 .desc{font-size: 16px; color: #000; line-height: 24px; font-weight: 600;}

    .evt-cafe .section2-3{text-align: center; padding:65px 0 84px; background: #0d89e8;}
    .evt-cafe .section2-3 .tit{color: #000; font-size: 24px; font-weight: bold; line-height: 1; text-align: left; margin-bottom: 22px; margin-left: 40px;}
    .evt-cafe .section2-3 .item-list{padding: 0 40px; text-align: left;}
    .evt-cafe .section2-3 .item-list ul li{position: relative; padding-left: 40px; font-size: 24px; color: #000; line-height: 36px;}
    .evt-cafe .section2-3 .item-list ul li:before{width: 5px; height: 5px; border-radius: 50%; content: ''; position: absolute; left: 17px; top: 17px; background: #000;}

    /* 업무마켓 서비스소개 페이지 */
    .wrapper .container.intro{overflow: visible;}
    .intro{overflow: auto;}
    .intro .section{max-width: 1224px; margin: auto; text-align: center; position: relative; padding-bottom: 89px;}
    .intro .section1{}
    .intro .section2{}
    .intro .section1 .video{margin:-50px auto 0 auto; width: 728px; height: 461px;}

    .intro .section1 .txt-group{width: 100%; display: flex; align-items: center; justify-content: center;}
    .intro .section1 .txt-group .desc1{font-size: 80px; line-height: 1.5; letter-spacing: -2.4px; font-weight: bold; color: #101010;}
    .intro .section1 .txt-group .desc2{font-size: 28px;  font-weight: bold; line-height: 1.4; letter-spacing: -0.84px; color: #03223a;}
    .intro .section1 .txt-group .desc3{font-size: 42px; line-height: 1.4; letter-spacing: -1.26px; color: #0d89e8; font-weight: bold;}
    .intro .section1 .txt-group .ico-arr{width: 24px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-cont-arr.png) center/100% no-repeat; display: block; margin: 112px auto;}
    .intro .section1 .txt-group .slide-a-child{transform: translateY(50px);	opacity: 1;	transition: all 1s}
    .intro .section1 .txt-group .slide-a-child.is-visible{transform: translateY(0);	opacity: 1}

    .intro .section2 .scr-cont{align-items: center; justify-content: center; height: 100%; position: relative; background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/bg-obj1.png) center/99% no-repeat; display: flex; flex-direction: column;}
    .intro .section2 .scr-cont .center-item{display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: -10%; position: relative;}
    .intro .section2 .scr-cont .center-item .ico-obj{width: 64px; height: 65px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-obj1.png) center/100% no-repeat;}
    .intro .section2 .scr-cont .center-item p{font-size: 68px; line-height: 1.2; letter-spacing: -2.04px; color: #101010; font-weight: bold;}
    .intro .section2 .scr-cont .center-item p span{color: #5e6062;}

    .intro .section2 .scr-cont .obj-group{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
    .intro .section2 .scr-cont .obj-group .obj-user{position: absolute; display: flex; align-items: flex-end; flex-direction: column; display: none;}

    .intro .section2 .scr-cont .obj-group .obj-user.user1{right: -87px; bottom: 241px;}
    .intro .section2 .scr-cont .obj-group .obj-user.user2{left: -381px; top: 258px;}
    .intro .section2 .scr-cont .obj-group .obj-user.user3{right: -264px; top: 226px;}
    .intro .section2 .scr-cont .obj-group .obj-user.user4{left: 37px; top: 419px;}

    .intro .section2 .scr-cont .obj-group .obj-user .txt{line-height: 1.5; letter-spacing: -0.66px; font-size: 22px; font-weight: bold; color: #5e6062; margin-right: 7px;}

    .intro .section2 .scr-cont .obj-group .obj-user .pic{width: 78px; height: 78px; box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.17); border-radius: 22px; position: absolute; right: -80px; top: -26px; z-index: 2;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic1{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic1.png) center/100% no-repeat;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic2.png) center/100% no-repeat;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic3{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic3.png) center/100% no-repeat;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic4{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic4.png) center/100% no-repeat;}

    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip{box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.17); display: flex; align-items: center; justify-content: center; margin-right: -80px; border-radius: 16px; font-size: 22px; line-height: 1.5;
        letter-spacing: -0.66px; font-weight: 600; text-align: right; position: relative; z-index: 1; margin-top: 4px;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool1{background-color: #ccfaee; width: 686px; height: 81px; color: #237862;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool2{background-color: #ccfaee; width: 428px; height: 114px; color: #237862;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool3{background-color: #def1ff; width: 530px; height: 114px; color: #0960a2;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool4{background-color: #def1ff; width: 548px; height: 114px; color: #0960a2;}

    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip::after{width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid #ccfaee; border-left: 10px solid transparent; border-right: 10px solid #ccfaee; content: '';
        position: absolute; bottom: -12px; right: 9px;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool3::after{border-bottom: 10px solid transparent; border-top: 10px solid #def1ff; border-left: 10px solid transparent; border-right: 10px solid #def1ff;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool4::after{border-bottom: 10px solid transparent; border-top: 10px solid #def1ff; border-left: 10px solid transparent; border-right: 10px solid #def1ff;}

    .intro .section3{}
    .intro .section3 .desc{ background-image: linear-gradient(to left top, #2CD5AD, #108FE4 ); font-size: 60px; font-weight: bold; line-height: 1.5; letter-spacing: -1.8px; -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; position: relative; z-index: 1; color: transparent;
    }

    .intro .section3 .desc::before{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        transition: opacity 1s linear;
        -webkit-transition: opacity 1s linear;
        -ms-transition: opacity 1s linear;
        -o-transition: opacity 1s linear;
        opacity: 0;
        -webkit-background-clip: text;
        background-image: linear-gradient(to left top, #7F4FFA, #5180FF );
        content: '일할 때 필요한 모든 서비스를 연결하고,\A세상에 없던 업무 경험을 만듭니다.';
        white-space: pre;
    }

    /* 자바스크립트로 클래스 추가 */
    .intro .section3 .desc.transitionOn::before {
        opacity: 1 !important;
    }

    /* .intro .section3 .desc.visible:before{} */

    .intro .section4 .tit{font-size: 32px; color: #0d89e8; font-weight: bold; line-height: 1.5; letter-spacing: -0.96px; display: block;}
    .intro .section4 .desc{font-size: 48px; line-height: 1.5; letter-spacing: -1.44px; color: #101010; font-weight: bold; margin-bottom: 40px;}

    .intro .section4 .box-item-wrap{display: flex; align-items: center; flex-wrap: wrap; position: relative; padding-bottom: 629px; overflow: hidden; margin-bottom: 20px;}
    .intro .section5 .box-item-wrap{display: flex; align-items: center; flex-wrap: wrap; position: relative; padding-bottom: 439px; overflow: hidden; margin-bottom: 20px;}
    .intro .section6 .box-item-wrap{display: flex; align-items: center; flex-wrap: wrap; position: relative; padding-bottom: 439px; overflow: hidden; margin-bottom: 20px;}
    .intro .section7 .box-item-wrap{display: flex; align-items: center; flex-wrap: wrap; position: relative; padding-bottom: 439px; overflow: hidden; margin-bottom: 20px;}

    .intro .section4 .box-item-wrap > div{height: 299px; border-radius: 16px; box-sizing: border-box; text-align: left; padding: 40px 0 0 44px; margin-bottom: 24px; position: absolute; opacity: 0; overflow: hidden;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;}
}

.intro .section5 .box-item-wrap > div{height: 436px; border-radius: 16px; box-sizing: border-box; text-align: left; padding: 40px 0 0 44px; margin-bottom: 24px; position: absolute; opacity: 0;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intro .section6 .box-item-wrap > div{height: 436px; border-radius: 16px; box-sizing: border-box; text-align: left; padding: 40px 0 0 44px; margin-bottom: 24px; position: absolute; opacity: 0;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intro .section7 .box-item-wrap > div{height: 436px; border-radius: 16px; box-sizing: border-box; text-align: left; padding: 40px 0 0 44px; margin-bottom: 24px; position: absolute; opacity: 0;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intro .section4 .box-item-wrap.box-item-1 > div.visible{top: 0; opacity: 1;}
.intro .section4 .box-item-wrap.box-item-1 > div.box1.visible{top: 0;}
.intro .section4 .box-item-wrap.box-item-1 > div.box2.visible{top: 0;}
.intro .section4 .box-item-wrap.box-item-1 > div.box3.visible{top: 320px;}
.intro .section4 .box-item-wrap.box-item-1 > div.box4.visible{top: 320px;}

.intro .section5 .box-item-wrap.box-item-2 > div.box1.visible{top: 0; opacity: 1;}

.intro .section6 .box-item-wrap.box-item-3 > div.box1.visible{top: 0; opacity: 1;}
.intro .section6 .box-item-wrap.box-item-3 > div.box2.visible{top: 0; opacity: 1;}

.intro .section7 .box-item-wrap.box-item-4 > div.box1.visible{top: 0; opacity: 1;}

.intro .section .box-item-wrap > div .tit{font-size: 32px; font-weight: bold; line-height: 1.5; letter-spacing: -0.96px; color: #5e6062;}
.intro .section .box-item-wrap > div .desc{font-size: 20px; font-weight: 500; color: #85888d; line-height: 1.5; letter-spacing: -0.6px;}

.intro .section4 .box-item-wrap.box-item-1 > div.box1{width: 704px; background: #f6f7fa; left: 0; top: 300px;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.intro .section4 .box-item-wrap.box-item-1 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-1.png) center/100% no-repeat; content: ''; width: 612px; height: 340px; left: 54px; bottom: -182px;}
.intro .section4 .box-item-wrap.box-item-1 > div.box2{width: 496px; background: linear-gradient(318.7deg, #C2E5FF -2.14%, #EBFFFB 99.47%); margin-left: auto; right: 0; top: 300px;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.intro .section4 .box-item-wrap.box-item-1 > div.box2::after{position: absolute;display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-2.png) center/100% no-repeat; content: ''; width: 487px; height: 139px; left: 9px; bottom: 10px;}
.intro .section4 .box-item-wrap.box-item-1 > div.box3{width: 496px; background: #EEF4FF; left: 0; top: 600px;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.intro .section4 .box-item-wrap.box-item-1 > div.box3::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-3.png) center/100% no-repeat; content: ''; width: 119px; height: 155px; left: 321px; bottom: 16px;}
.intro .section4 .box-item-wrap.box-item-1 > div.box4{width: 704px; background: #f6f7fa; margin-left: auto; top: 600px; right: 0;
    -moz-transition-delay: 1.8s;
    -ms-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.intro .section4 .box-item-wrap.box-item-1 > div.box4::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-4.png) center/100% no-repeat; content: ''; width: 544px; height: 143px; left: 74px; bottom: 0;}

.intro .section .pin-link{display: flex; align-items: center; line-height: 1.5; letter-spacing: -0.72px; text-align: center; color: #85888d; font-size: 24px; justify-content: center; margin-top: 4px;
    width: 275px; height: 44px; margin-left: auto; margin-right: auto;}
.intro .section .pin-link::after{content: ''; width: 18px; height: 16px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-pin-arr.png) center/100% no-repeat; margin-left: 6px;}
.intro .section .pin-link:hover{border-radius: 12px; background: #f0eff0;}

.intro .section5 > .tit{font-size: 32px; color: #0d89e8; font-weight: bold; line-height: 1.5; letter-spacing: -0.96px; display: block;}
.intro .section5 > .desc{font-size: 48px; line-height: 1.5; letter-spacing: -1.44px; color: #101010; font-weight: bold; margin-bottom: 40px;}

.intro .section5 .box-item-wrap.box-item-2 > div.box1{width: 1016px; background: #f6f7fa; margin: 0 auto 24px; left: 50%; margin-left: -508px; top: 300px;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.intro .section5 .box-item-wrap.box-item-2 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg2-1.png) center/100% no-repeat; content: ''; width: 876px ; height: 284px; left: 104px; bottom: 0;}

.intro .section6 > .tit{font-size: 32px; color: #0d89e8; font-weight: bold; line-height: 1.5; letter-spacing: -0.96px; display: block;}
.intro .section6 > .desc{font-size: 48px; line-height: 1.5; letter-spacing: -1.44px; color: #101010; font-weight: bold; margin-bottom: 40px;}

.intro .section6 .box-item-wrap.box-item-3 > div.box1{width: 600px; background: #f6f7fa; top: 300px;  left: 0;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.intro .section6 .box-item-wrap.box-item-3 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg3-1.png) center/100% no-repeat; content: ''; width: 271px; height: 247px; left: 150px; bottom: 23px;}
.intro .section6 .box-item-wrap.box-item-3 > div.box2{width: 600px; background: #f6f7fa; margin-left: auto; top: 300px; -moz-transition-delay: 0.8s; right: 0;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.intro .section6 .box-item-wrap.box-item-3 > div.box2::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg3-2.png) center/100% no-repeat; content: ''; width: 540px ; height: 166px; left: 17px; bottom: 52px;}

.intro .section7{padding: 0 0 0;}
.intro .section7 > .tit{font-size: 32px; color: #0d89e8; font-weight: bold; line-height: 1.5; letter-spacing: -0.96px; display: block;}
.intro .section7 > .desc{font-size: 48px; line-height: 1.5; letter-spacing: -1.44px; color: #101010; font-weight: bold; margin-bottom: 40px;}

.intro .section7 .box-item-wrap.box-item-4 > div.box1{width: 1016px; background: #f6f7fa; margin: 0 auto 24px; top: 300px; left: 50%; margin-left: -508px;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.intro .section7 .box-item-wrap.box-item-4 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg4-1.png) center/100% no-repeat; content: ''; width: 844px; height: 309px; left: 86px; bottom: 0;}

.intro .section.section8{padding: 184px 0 400px; max-width: initial; width: auto;}
.intro .section8 .desc{font-size: 42px; font-weight: bold; line-height: 1.2; letter-spacing: -1.26px; text-align: center; color: #5e6062; margin-bottom: 80px;}
.intro .section8 .partner-wrap span{width: 182px; height: 182px; border-radius: 50%; overflow: hidden; background: #d9d9d9; display: inline-block; margin-right: 27px; border: 1px solid #ddd;}
.intro .section8 .partner-line1{margin-bottom: 20px;}

.intro .section8 .simply-scroll{width: auto; height: 187px;}
.intro .section8 .simply-scroll .simply-scroll-clip{width: auto; height: 187px;}

.intro .section.section9{padding: 355px 0; background: #222222; max-width: initial; width: auto; text-align: left;}
.intro .section.section9 .desc{font-size: 60px; font-weight: bold; color: #f9faff; line-height: 1.5; margin-bottom: 40px;}
.intro .section.section9 .desc span{color: #2DD7AB;}

.intro .section.section9 .btn-link{font-size: 32px; color: #c9c9c9; letter-spacing: 0.96px; line-height: 1.5; display: flex; align-items: center;}
.intro .section.section9 .btn-link:after{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-pin-arr.png) center/100% no-repeat; content: ''; margin-left: 6px;}

.intro .section.section9 .inner{max-width: 1224px; margin: auto;}



.section-01 {
    /*background-image: linear-gradient(to right, rgba(250, 204, 34, 1) 50%, #f83600 51%);*/
}

.section-01.bg-ty1{background: #fff;}
.section-01.bg-ty2{background: #f5e6e3;}
.section-01.bg-ty3{background: #f5e6e3;}
.section-01.bg-ty4{background: linear-gradient(to right, #7d43f0 24%, #3151f1 50%, #27c9f9); position: relative;}
.section-01.bg-ty5{background: #f5e8db; position: relative;}


[class*='section-'].banner-1920 .area {
    overflow: hidden;
    width: 100%;
}

[class*='section-'].banner-snack .area {
    width: 1250px;
}

[class*='section-'].banner-snack .area .cont{
    position: relative;
}

.banner-snack .area .cont .bnr-txt-area{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    left:0;
    top:0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt1{
    font-size: 0;
    text-indent: -9999999px;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/event/snack/bnr-txt.png) left/100% no-repeat;
    width: 252px;
    height: 221px;
    margin-bottom: 37px;
    margin-top: -152px;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt2{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt3{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt3 span{
    font-weight: bold;
    color: #e8340d;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt4{
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 9px;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt5{
    font-size: 14px;
    color: #bfa09a;
}

.banner-snack .area .cont .bnr-txt-area .bnr-txt5::before{
    width: 3px;
    height: 3px;
    vertical-align: middle;
    display: inline-block;
    background: #bfa09a;
    border-radius: 50%;
    content: '';
    margin-right: 8px;
}

[class*='section-'].banner-1920 .area img.pc {
    position: relative;
    left: 50%;
    top: 50%;
    max-width: initial;
    margin-left: -960px;
}

[class*='section-'] .area{
    margin: 0 auto;
}


.wrap-event ul.list-products > li .group-desc {
    padding: 0;
}
.wrap-event ul.list-products > li .group-desc h6 {
    margin-bottom: 15px;
}
.wrap-event ul.list-products > li .group-desc .desc {
    height: 48px;
    line-height: 1.2;
    margin-bottom: 12px;
    font-size: 20px;

    text-overflow:ellipsis;
    word-wrap:break-word;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.wrap-event ul.list-products > li .group-desc .title-smart {
    position: relative;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    padding: 0 10px 0 30px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #54ba9e;
    border-radius: 13px;
    color: #000000;
    box-sizing: border-box;
}

.wrap-event ul.list-products > li .group-desc .title-smart:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: transparent url(https://resource.mall.castingn.com/static/images/sub/ico-list-item.png) no-repeat center center / contain;
}

.wrap-event ul.list-products > li .group-desc .title-smart:before {
    content: "";
}
.wrap-event ul.list-products > li .group-desc .title-smart:after {
    content: "스마트핀클럽가";
}

.wrap-event ul.list-products > li .group-desc span {
    vertical-align: top;
}

.wrap-event ul.list-products > li .group-desc .discountPrice {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0;
    border: 0 none;
    background-color: transparent
;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #32ab8c;
}
.wrap-event ul.list-products > li .group-desc .discountPrice:after {
    display: none;
}

.wrap-event ul.list-products > li .group-desc .kit-price .price-real {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: -0.96px;
    color: #0d89e8;
}
.wrap-event ul.list-products > li .group-desc .kit-price .title,
.wrap-event ul.list-products > li .group-desc .kit-price .price-origin {
    margin-left: 6px;
    font-weight: normal;
    font-size: 16px;
    color: #85888d;
    text-decoration: none;
}

.wrap-event .section-02 {
    position:relative;
    z-index: 10;
}

.wrap-event ul.list-products > li {
    padding: 22px;
    border: 2px solid transparent;
    box-sizing: border-box;
    transition: .2s;
}
.wrap-event ul.list-products > li:hover {
    box-shadow: 0px 8px 12px 5px rgba(0, 0, 0, 0.15);
}
.wrap-event ul.list-products > li .unit-img {
    width: 235px;
    height: 235px;
    margin-right: 23px;
}

.wrap-event .section-02 {
    margin-top: -115px;
}

.wrap-event .banner-snack + .section-02 {
    margin-top:-80px;
}


.wrap-event .section-02 > .area {
    width:1200px;
}

.wrap-event ul.list-products {
    display: flex;
    flex-flow: wrap;
}
.wrap-event ul.list-products > li {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    width: 550px;
    margin-bottom: 35px;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0px 1px 8px 0 rgba(134, 134, 134, 0.49);
    background-color: #fff;
    align-items: center;
    box-sizing: border-box;
    margin-right:27px;
}
.wrap-event ul.list-products > li:nth-child(5n){ margin-right:0; }
.wrap-event ul.list-products > li .unit-img {
    overflow: hidden;
    width: 200px;
    height: 200px;
}
.wrap-event ul.list-products > li .unit-img img {
    width: 100%;
    height: 100%;
}
.wrap-event ul.list-products > li .group-desc {
    width: calc(100% - 230px);
}
.wrap-event ul.list-products > li .group-desc h6 {
    font-size: 18px;
    letter-spacing: -0.72px;
    color: #000;
}
.wrap-event ul.list-products > li .group-desc .desc {
    overflow: hidden;
    height: 75px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.39;
    letter-spacing: -0.72px;
    color: #000;
}
.wrap-event ul.list-products > li .group-desc .discountPrice {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0 19px;
    border-radius: 11px;
    background-color: #32ab8c;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.wrap-event ul.list-products > li .group-desc .discountPrice: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;
}
.wrap-event ul.list-products > li .group-desc .kit-price {
}
.wrap-event ul.list-products > li .group-desc .kit-price .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.85;
    letter-spacing: -0.64px;
    color: #000;
    display: block;
    margin-left: 0;
}
.wrap-event ul.list-products > li .group-desc .kit-price .price-real {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.24;
    letter-spacing: -0.96px;
    color: #4c92f1;
}
.wrap-event ul.list-products > li .group-desc .kit-price .price-origin {
    font-size: 14px;
    /* font-weight: bold; */
    line-height: 1.85;
    margin-left: 14px;
    letter-spacing: -0.64px;
    text-decoration: line-through;
    color: #8d8d8d;
}

.section-01.cafe24-evt .area{height: 796px;}
.section-01.cafe24-evt .area .cont{width: 1200px; margin: auto; padding-top: 92px; box-sizing: border-box; height: 100%; position: relative;}
.section-01.cafe24-evt .area .cont:after{width: 760px; height: 1185px; position: absolute; display: block; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/bg-banner1.png) center/100% no-repeat; right: -190px; top: -480px;}
.section-01.cafe24-evt .desc1{font-size: 28px; color: #fff; letter-spacing: -1.26px; font-size: 28px; display: flex; align-items: center; margin-bottom: 41px;}
.section-01.cafe24-evt .desc1 span{width: 247px; height: 47px; margin-right: 28px;}
.section-01.cafe24-evt .desc1 span img{width: 100%;}

.section-01.cafe24-evt .desc2{display: flex; margin-bottom: 40px;}
.section-01.cafe24-evt .desc2 p{font-size: 67px; line-height: 1.3; font-family: SBAggroL;}
.section-01.cafe24-evt .desc2 span:first-child{width: 289px; height: 58px; display: inline-block; vertical-align: middle;}
.section-01.cafe24-evt .desc2 span:first-child img{width: 100%;}
.section-01.cafe24-evt .desc2 span.txt1{color: #23ceff;}
.section-01.cafe24-evt .desc2 span.txt1 b{color: #1afdf0;}
.section-01.cafe24-evt .desc2 span.txt2{font-size: 85px; letter-spacing: -3.83px; font-weight: bold; color: #fde616;}

.section-01.cafe24-evt .desc3{font-size: 25px; color: #fff; font-family: GmarketSansLight;}
.section-01.cafe24-evt .desc3 .tit{display: flex; align-items: center; margin-bottom: 13px;}
.section-01.cafe24-evt .desc3 .tit:before{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-mark.png) center/100% no-repeat; content: ''; margin-right: 6px; }
.section-01.cafe24-evt .desc3 ul{line-height: 1.44; letter-spacing: -0.63px;}

.section-01.cafe24-evt2 .area{height: 796px;}
.section-01.cafe24-evt2 .area .cont{width: 1200px; margin: auto; padding-top: 430px; box-sizing: border-box; height: 100%; position: relative; text-align: center;}
.section-01.cafe24-evt2 .area .cont:after{width: 815px; height: 415px; position: absolute; display: block; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/bg-banner2.png) center/100% no-repeat; left: 50%; top: 0; margin-left: -407px;}

.section-01.cafe24-evt2 .desc1{font-family: GmarketSansMedium; font-size: 25px; line-height: 1.44; letter-spacing: -0.63px; color: #023589; margin-bottom: 12px;}
.section-01.cafe24-evt2 .desc1 span{color: #f76660;}
.section-01.cafe24-evt2 .desc2{font-family: GmarketSansMedium; font-size: 16px; letter-spacing: -0.8px; color: #464646; display: inline-flex; align-items: center; margin-bottom: 27px;}
.section-01.cafe24-evt2 .desc2 span:first-child{width: 60px; height: 28px; border-radius: 8px; background: #29b6bf; display: flex; align-items: center; color: #fff; justify-content: center; font-size: 14px; margin-right: 9px;}


.section-01.cafe24-evt2 .desc3{font-weight: bold; line-height: 2.08; letter-spacing: -1.08px; color: #2955d8; position: relative; font-size: 24px; z-index: 5;}
.section-01.cafe24-evt2 .desc3::before{width: 331px; height: 10px; position: absolute; display: block; content: ''; bottom: 12px; opacity: 0.74; background: #efd8c3; left: 50%; margin-left: -165px; z-index: -1;}




.lc-evt-wrap{position: relative;}
.lc-evt-wrap .inner{max-width: 1198px; margin: auto; position: relative;}
.lc-evt-wrap .top-bnr{height: 681px; background-image: linear-gradient(114deg, #000107 31%, #5384ea 155%, #598fef 168%); box-sizing: border-box;}
.lc-evt-wrap.contract .top-bnr{background-image: linear-gradient(104deg, #2c253e 30%, #6f3a8a 94%);}

.lc-evt-wrap .top-bnr .bnr-area{color: #fff; padding-top: 95px; position: relative;}
.lc-evt-wrap .top-bnr .bnr-area::after{width: 850px; height: 675px; display: block; position: absolute; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/bg-top-bnr.png) center/100% no-repeat; right: -309px; top: 28px; content: '';}
.lc-evt-wrap.contract .top-bnr .bnr-area::after{width: 704px; height: 679px; display: block; position: absolute; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/bg-top-bnr2.png) center/100% no-repeat; right: -112px; top: 0; content: '';}

.lc-evt-wrap .top-bnr .bnr-area .tt-1{font-size: 26px; line-height: 1; letter-spacing: -1.3px;}
.lc-evt-wrap .top-bnr .bnr-area .tt-1 .ico-market{width: 124px; height: 27px; display: inline-block; vertical-align: 22px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/ico-market9.png) center/100% no-repeat; text-indent: -9999999px; font-size: 0; margin-right: 7px;}
.lc-evt-wrap .top-bnr .bnr-area .tt-2{font-size: 64px; font-weight: bold; line-height: 76px; margin-top: 32px; font-family:'GmarketSansBold'; letter-spacing: -3.2px;}
.lc-evt-wrap .top-bnr .bnr-area .tt-2 span{color: #fddf27;}

.lc-evt-wrap.contract .top-bnr .bnr-area .tt-2{font-size: 52px; font-weight: bold; line-height: 60px; margin-top: 41px; font-family:'GmarketSansBold'; letter-spacing: -2.6px}
.lc-evt-wrap.contract .top-bnr .bnr-area .tt-2 span{color: #edc352;}

.lc-evt-wrap .top-bnr .bnr-area .tt-3{font-size: 22px; letter-spacing: -0.55px; line-height: 34px; margin-top: 16px; color: #eceaf5; font-weight: 200;}
.lc-evt-wrap .top-bnr .bnr-area .tt-4{font-size: 18px; color: #eceaf5; letter-spacing: -0.45px; font-weight: 200; display: flex; align-items: center; margin-top: 37px;}
.lc-evt-wrap .top-bnr .bnr-area .tt-4 span{width: 69px; height: 21px; background: #fbe700; border-radius: 2px; display:inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #000;
    letter-spacing: -0.4px; margin-left: 5px;}
.lc-evt-wrap.contract .top-bnr .bnr-area .tt-4 span{background: #edc352;}

.lc-evt-wrap .top-bnr .bnr-area .bnr-btn-area{display: flex; align-items: center; margin-top: 47px;}
.lc-evt-wrap .top-bnr .bnr-area .bnr-btn-area a{display: flex; box-sizing: border-box; min-width: 197px; height: 47px; background: rgba(255, 255, 255, 0.2); border-radius: 8px; font-size: 16px; letter-spacing: -0.8px; color: #fff;
    font-family: 'GmarketSansLight'; align-items: center; justify-content: center; padding: 0 13px; margin-right: 10px;}

.lc-evt-wrap .bnf-area{position: relative; padding: 0.1px 0;}
.lc-evt-wrap .bnf-area.bg-gray{background: #f9f9fa;}

.lc-evt-wrap .bnf-tit{display: flex; align-items: center; flex-direction: column; margin-bottom: 30px;}
.lc-evt-wrap .bnf-tit strong{width: 389px; height: 60px; display: flex; align-items: center; justify-content: center; background: #0d89e8; border-radius: 12px; background-color: #0d89e8; color: #fff; font-size: 40px; letter-spacing: -2px; margin-top: 98px;}
.lc-evt-wrap.contract .bnf-tit strong{background: #8023af;}
.lc-evt-wrap .bnf-tit .tt-1{font-size: 40px; letter-spacing: -2px; color: #000; font-weight: bold; line-height: 51px; margin-top: 21px; text-align: center;}
.lc-evt-wrap .bnf-tit .tt-1 span{color: #0d89e8;}
.lc-evt-wrap.contract .bnf-tit .tt-1 span{color: #8023af;}
.lc-evt-wrap .bnf-tit .tt-2{font-size: 22px; letter-spacing: -1.1px; color: #000; margin-top: 24px;}

.lc-evt-wrap .bnf-list{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0;}
.lc-evt-wrap .bnf-list li{width: 30%; height: 479px; border-radius: 24px; border: 1px solid #c8c8c8; background: #fff; box-sizing: border-box; margin-bottom: 61px; margin-right: 5%; transition: 0.3s;}
.lc-evt-wrap .bnf-list li:hover{border: 4px solid #358ae3; margin-top: -12px;}
.lc-evt-wrap.contract .bnf-list li:hover{border: 4px solid #8023af;}

.lc-evt-wrap .bnf-list li:nth-child(3n){margin-right: 0;}
.lc-evt-wrap .bnf-list li a{display: flex; flex-direction: column; height: 100%; align-items: center; padding-top: 17px; box-sizing: border-box;}
.lc-evt-wrap .bnf-list li .item{width: 73%;}
.lc-evt-wrap .bnf-list li .item img{width: 100%;}
.lc-evt-wrap .bnf-list .info{margin-top: 17px; display: flex; flex-direction: column; align-items: center;}
.lc-evt-wrap .bnf-list .item-tit{font-size: 20px; color: #666; letter-spacing: -1px; font-weight: 500;}
.lc-evt-wrap .bnf-list .price-b{font-size: 24px; letter-spacing: -1.2px; color: #ef0000; margin-top: 14px; font-weight: bold;}
.lc-evt-wrap .bnf-list .price-b b{font-weight: 600; font-size: 20px; text-decoration: line-through; letter-spacing: normal; vertical-align: bottom;}
.lc-evt-wrap .bnf-list .price-a{font-size: 45px; color: #ef0000; font-weight: bold; line-height: 1; margin-top: 14px;}
.lc-evt-wrap .bnf-list .sub-tt{width: 155px; height: 30px; border-radius: 8px; background-color: #fddf27; display: flex; align-items: center; justify-content: center; color: #383838; font-size: 16px; letter-spacing: -0.8px; margin-top: 14px;}

.lc-evt-wrap .bnf-list-2{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.lc-evt-wrap .bnf-list-2 li{width: 32%; box-sizing: border-box; margin-right: 2%; margin-bottom: 43px;}
.lc-evt-wrap .bnf-list-2 li:nth-child(3n){margin-right: 0;}
.lc-evt-wrap .bnf-list-2 .info{display: flex; flex-direction: column; align-items: center;}
.lc-evt-wrap .bnf-list-2 .info .item-tit{font-size: 22px; color: #3a3b3c; letter-spacing: -0.01px; font-weight: bold; margin-top: 7px; line-height: 1;}
.lc-evt-wrap .bnf-list-2 .info .item-dtl{font-size: 30px; color: #ef0000; letter-spacing: -0.01px; font-weight: bold; line-height: 1; margin-top: 10px;}
.lc-evt-wrap .bnf-list-2 li.no-item{background: #f9f9fa; border-radius: 8px; padding: 9% 0 9.5%; display: flex; align-items: center; justify-content: center; font-size: 24px; letter-spacing: -0.01px; color:#3a3b3c;
    font-weight: bold; text-align: center; max-height: 241px; }
.lc-evt-wrap .bnf-list-2 li.no-item p{height: 100%; line-height: 35px;}

.lc-evt-wrap .step-area{padding: 68px 48px 55px 98px; border-radius: 24px;	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; box-sizing: border-box; margin-bottom: 141px;}
.lc-evt-wrap .step-tit{font-size: 45px; letter-spacing: -2.25px; font-weight: 500; text-align: center; display: block; line-height: 1; margin-bottom: 58px;}

.lc-evt-wrap .item-group{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.lc-evt-wrap .item-group .item-tt {width: 546px;}
.lc-evt-wrap .item-group .item-tt > div{display: flex; flex-direction: column; color: #000;}
.lc-evt-wrap .item-group .item-tt > div .step-num{font-family: 'GmarketSansBold'; font-size: 22px; letter-spacing: -1.1px; margin-bottom: 29px;}
.lc-evt-wrap .item-group .item-tt > div span{font-size: 24px; letter-spacing: -1.2px; font-weight: bold;}
.lc-evt-wrap .item-group .item-tt .ico-pinsq{width: 25px; height: 27px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/ico-pinsq.png) center/100% no-repeat; display: inline-block; vertical-align: middle; }

.lc-evt-wrap .item-group div.step-btn-area{display: flex; align-items: center; margin-top: 23px; flex-direction: row;}
.lc-evt-wrap .item-group div.step-btn-area a{height: 33px; border-radius: 16.5px; border: solid 2px #404040; background-color: #fce761; padding: 0 13px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.8px;
    align-items: center; justify-content: center; display: flex; margin-right: 10px;}
.lc-evt-wrap .item-group p{ font-size: 22px; color: #5e6062; letter-spacing: -1.1px; margin-top: 15px; line-height: 36px;}

.lc-evt-wrap .step-area .step-msg{font-size: 32px; text-align: center; color: #0d89e8; font-weight: bold; margin-top: 70px;}
.lc-evt-wrap.contract .step-area .step-msg{ color: #8023af;}

.lc-evt-wrap .center-bnr{height: 188px; background: linear-gradient(90deg, #3e5bdd 50%, #d3e5fa 50%);}
.lc-evt-wrap.contract .center-bnr{background: linear-gradient(90deg, #2c253e 50%, #6f3a8a 50%);}

.lc-evt-wrap .center-bnr .center-bnr-group{display: flex; align-items: center;}
.lc-evt-wrap .center-bnr .center-bnr-group > div{width: 50%; font-family: 'GmarketSansMedium'; letter-spacing: -1.5px; line-height: 42px; box-sizing: border-box; position: relative;}
.lc-evt-wrap .center-bnr .center-bnr-group > div::before{position: absolute; content: ''; display: block;}
.lc-evt-wrap .center-bnr .center-bnr-group .bnr-1{color: #fff; font-size: 30px; padding: 37px 0 0 294px;}
.lc-evt-wrap .center-bnr .center-bnr-group .bnr-1:before{width: 173px; height: 122px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/img-cbnr-1.png) center/100% no-repeat; left: 84px; top: 33px;}
.lc-evt-wrap .center-bnr .center-bnr-group .bnr-2{color: #000; font-size: 30px; padding: 37px 0 0 86px;}
.lc-evt-wrap.contract .center-bnr .center-bnr-group .bnr-2{color: #fff;}

.lc-evt-wrap .center-bnr .center-bnr-group .bnr-2:before{width: 199px; height: 129px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/img-cbnr-2.png) center/100% no-repeat; left: 342px; top: 30px;}

.lc-evt-wrap .bnf-tit-2{display: flex; align-items: center; flex-direction: column; margin-bottom: 60px; font-weight: bold; margin-top: 147px;}
.lc-evt-wrap .bnf-tit-2 .tt-1{font-size: 60px; letter-spacing: -3px; color: #32ab8c; line-height: 1;}
.lc-evt-wrap .bnf-tit-2 .tt-2{font-size: 50px; letter-spacing: -2.5px; color: #000; font-size: 50px; line-height: 1; margin-top: 12px;}
.lc-evt-wrap .bnf-tit-2 .tt-2 .ico-pinsq{width: 36px; height: 49px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/ico-pinsq.png) center/100% no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px;}
.lc-evt-wrap .bnf-tit-2 .tt-2 span{color: #0d89e8;}
.lc-evt-wrap.contract .bnf-tit-2 .tt-2 span{color: #8023af;}

.lc-evt-wrap .pinsq-srv-list{display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 2%; row-gap: 114px; margin-bottom: 136px;}
.lc-evt-wrap .pinsq-srv-list li .srv-thum{border-radius: 8px 8px 0 0; position: relative; }
.lc-evt-wrap .pinsq-srv-list li .srv-thum.no-open:after{content: 'Coming soon'; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center;
    font-size: 30px; font-weight: bold; color: rgba(255,255,255, 0.6); border-radius: 8px;}

.lc-evt-wrap .pinsq-srv-list li .srv-thum img{width: 100%; object-fit: cover;}
.lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path{position: absolute; display: flex; align-items: center; justify-content: center; height: 39px; background: url(https://resource.mall.castingn.com/static/images/event/smt-club/msg-path.png) left/100% 100% no-repeat; left: -8px; top: 14px;
    padding: 5px 20px 0 15px; box-sizing: border-box;}
.lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path::before{width: 8px; height: 7px; display: block; content: ''; position: absolute; background: url(https://resource.mall.castingn.com/static/images/event/smt-club/box-emt.png) left/100% no-repeat; left: 0px; bottom: -7px;}
.lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path span{font-size: 18px; color: #fff; font-family: 'GmarketSansMedium';}
.lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path span b{color: #ffef2e;}

.lc-evt-wrap .pinsq-srv-list li	.srv-info-box{box-sizing: border-box; padding-top: 21px;}
.lc-evt-wrap .pinsq-srv-list li .srv-ptn{box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; padding: 0 18px 0 6px;}
.lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-thum{width: 49px; height: 48px; margin-right: 8px;}
.lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-thum img{width: 100%;}

.lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-info{display: flex; flex-direction: column; align-items: flex-start; font-size: 18px; letter-spacing: -0.01px;}
.lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-info span{color: #3a3b3c;}
.lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-info b{font-weight: bold; color: #000; margin-top: 6px; }
.lc-evt-wrap .pinsq-srv-list li .srv-ptn .item-tt{color: #7f4ef9; font-size: 18px; letter-spacing: -0.01px; font-weight: bold; margin-left: auto; text-align: right; line-height: 24px;}

.lc-evt-wrap .notice-list{margin-top: 52px; }
.lc-evt-wrap .notice-list .notice-tit{font-size: 22px; letter-spacing: -1.1px; color: #000; margin-bottom: 28px; font-weight: bold; display: block;}
.lc-evt-wrap .notice-list ul{margin-bottom: 80px;}
.lc-evt-wrap .notice-list ul li{font-size: 18px; color: #5e6062; letter-spacing: -0.9px; position: relative; padding-left: 26px; line-height: 38px;}
.lc-evt-wrap .notice-list ul li:before{content: '-'; position: absolute; left: 0;}
.lc-evt-wrap .notice-list ul li.strong{font-weight: bold; color: #000;}


.mng-evt-wrap{position: relative;}
.mng-evt-wrap [class*="section-"] {
    width: 1440px;
    margin: 0 auto;
}
.mng-evt-wrap .section-01 .area .cont {
    position: relative;
    height: 584px;
    background: transparent url(https://resource.mall.castingn.com/static/images/event/mng/img_01.png) no-repeat center center;
}
.mng-evt-wrap .section-02 {
    font-size: 43px;
    line-height: 1.12;
    letter-spacing: -1.08px;
    text-align: left;
    color: #4398ed;
}
.mng-evt-wrap .section-02 .area {
    padding: 112px 0 112px 190px;
}
.mng-evt-wrap .section-02 .area dl.column-partner {
    overflow: hidden;
}
.mng-evt-wrap .section-02 .area dl.column-partner > dt {
    float: left;
}
.mng-evt-wrap .section-02 .area dl.column-partner > dd {
    overflow: hidden;
    padding: 0 0 0 55px;
}
.mng-evt-wrap .section-02 .area dl.column-partner > dd h6 {
    line-height: 1.12;
    margin-bottom:4.6px;
    font-size: 43px;
    letter-spacing: -1.08px;
    color: #4398ed;
}
.mng-evt-wrap .section-02 .area dl.column-partner > dd h6 + p {
    line-height: 1.52;
    font-size: 21px;
    letter-spacing: -0.53px;
    text-align: left;
    color: #2b2e38;
}

.mng-evt-wrap .section-03 {
    text-align: center;
    background: #4398ed;
}
.mng-evt-wrap .section-03 .area {
    padding: 30px 0 90px;
}
.mng-evt-wrap .section-03 .area .desc-01 {
    line-height: 2.31;
    margin-bottom: 20px;
    font-size: 22.5px;
    font-weight: 500;
    letter-spacing: -1.13px;
    color: #203462;
}
.mng-evt-wrap .section-03 .area img.logos {
    margin-bottom: 36px;
}
.mng-evt-wrap .section-03 .area h5 {
    position: relative;
    height: 87px;
    line-height: 120px;
    font-size: 46px;
    font-weight: 500;
    letter-spacing: -1.15px;
    color: #fff;
}
.mng-evt-wrap .section-03 .area h5:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 35px;
    height: 6px;
    margin-left: -17.5px;
    background-color: #2e4781;
}
.mng-evt-wrap .section-03 .area .desc-02 {
    line-height: 2.48;
    margin-bottom: 42px;
    font-size: 21px;
    letter-spacing: -1.05px;
    color: #fff;
}
.mng-evt-wrap .section-03 .area ul.list-service {
    margin-bottom: 20px;
    font-size: 0;
}
.mng-evt-wrap .section-03 .area ul.list-service > li {
    display: inline-block;
    width: 300px;
    height: 300px;
    line-height: 1.25;
    margin: 0 15px 30px;
    padding-top: 180px;
    vertical-align: top;
    font-size: 16px;
    color: #909298;
    background: #ffffff no-repeat center 60px;
    box-sizing: border-box;
}
.mng-evt-wrap .section-03 .area ul.list-service > li h6 {
    font-size: 25px;
    font-weight: bold;
    line-height: 2.08;
    letter-spacing: -0.63px;
    color: #00050a;
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(1) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_01.png);
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(2) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_02.png);
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(3) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_03.png);
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(4) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_04.png);
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(5) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_05.png);
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(6) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_06.png);
}
.mng-evt-wrap .section-03 .area ul.list-service > li:nth-child(7) {
    background-image: url(https://resource.mall.castingn.com/static/images/event/mng/ico_07.png);
}
.mng-evt-wrap .section-03 .area a.btn-go {
    display: inline-block;
    height: 52px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 24px;
    letter-spacing: -1.2px;
    border-radius: 11px;
    color: #ffffff;
    background: #2e4781;

}

.mng-evt-wrap .section-03 .area a.btn-go:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -5px 0 0 10px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ffffff url(https://resource.mall.castingn.com/static/images/event/mng/ico_arrow.png) no-repeat center center;
}

.mng-evt-wrap .section-04 {
    text-align: center;
}
.mng-evt-wrap .section-04 .area {
    padding: 134px 0 110px;
}
.mng-evt-wrap .section-04 .area h5 {
    line-height: 1.13;
    margin-bottom: 70px;
    font-size: 46px;
    font-weight: 500;
    letter-spacing: -1.15px;
    color: #00050a;
}
.mng-evt-wrap .section-04 .area ul.list-process {
    margin-bottom: 74px;
    font-size: 0;
}
.mng-evt-wrap .section-04 .area ul.list-process > li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 190px;
    height: 190px;
    margin: 0 17px;
    padding-top: 69px;
    border-radius: 50%;
    font-size: 22px;
    color: #ffffff;
    background: no-repeat center center / cover;
    box-sizing: border-box;
}
.mng-evt-wrap .section-04 .area ul.list-process > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,4,9,0.53);
}
.mng-evt-wrap .section-04 .area ul.list-process > li h6 {
    position: relative;
    font-size: 18px;
    z-index: 2;
}
.mng-evt-wrap .section-04 .area ul.list-process > li h6 + p {
    position: relative;
    z-index: 2;
}
.mng-evt-wrap .section-04 .area ul.list-process > li:nth-child(1) {
    background: url(https://resource.mall.castingn.com/static/images/event/mng/apply_01.png);
}
.mng-evt-wrap .section-04 .area ul.list-process > li:nth-child(2) {
    background: url(https://resource.mall.castingn.com/static/images/event/mng/apply_02.png);
}
.mng-evt-wrap .section-04 .area ul.list-process > li:nth-child(3) {
    background: url(https://resource.mall.castingn.com/static/images/event/mng/apply_03.png);
}
.mng-evt-wrap .section-04 .area ul.list-process > li:nth-child(4) {
    background: url(https://resource.mall.castingn.com/static/images/event/mng/apply_04.png);
}
.mng-evt-wrap .section-04 .area ul.list-process > li:nth-child(5) {
    background: url(https://resource.mall.castingn.com/static/images/event/mng/apply_05.png);
}
.mng-evt-wrap .section-04 .area ul.list-process > li:nth-child(6) {
    background: url(https://resource.mall.castingn.com/static/images/event/mng/apply_06.png);
}

.mng-evt-wrap .section-04 .area a.btn-go {
    display: inline-block;
    height: 52px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 24px;
    letter-spacing: -1.2px;
    border-radius: 11px;
    color: #ffffff;
    background: #4398ed;
}

.mng-evt-wrap .section-04 .area a.btn-go:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -5px 0 0 10px;
    vertical-align: middle;
    border-radius: 50%;
    background: #ffffff url(https://resource.mall.castingn.com/static/images/event/mng/ico_arrow_sky.png) no-repeat center center;
}

/* e: 이벤트 */


/* s: 707 에러 */
.error-area{display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.error-area .msg-comp1{display: flex; align-items: center; margin:93px auto 0;}
.error-area .msg-comp1 > span{font-size: 133px; color: #0d89e8; letter-spacing: -0.4px; line-height: 167px; font-weight: bold;}
.error-area .msg-comp1 .txt-group{margin-left: 19px;}
.error-area .msg-comp1 .txt-group .item1{font-size: 15px; color: #222; font-size: 51px; letter-spacing: -0.15px; font-weight: bold; line-height: 64px;}
.error-area .msg-comp1 .txt-group .item2{font-size: 34px; line-height: 40px; letter-spacing: -0.07px; color: #101010; font-weight: bold;}

.error-area .msg-comp2{margin-left: 70px;}
.error-area .msg-comp2 .item1{color: #3a3b3c;  letter-spacing: 0.01px; font-weight: bold; font-size: 22px; margin-bottom: 7px;}
.error-area .msg-comp2 .item2{color: #5e6062; font-size: 14px;}
/* e: 707 에러 */


.pc-hide { display: none; }
.basket-process-wrap .my-inquiry-area .inquiry-list.item3 > li div.ty-row ul{
    line-height: 20px;
    margin-top:15px;
}
@media screen and (min-width: 769px) {
    .mobile {
        display: none !important;
    }
    .detail-container .tab-cont {
        padding:0 15px;
    }
}



@media screen and (max-width: 768px) {
    .mobile-style01 {width:100%!important; }
    .m-hide {display:none !important;}
    .m-show { display: block!important; }
    .m-show-flx { display: flex!important; }
    .pc-hide { display: block; }
    .m-btn-lyt{height: 100%;}
    .m-btn-lyt body{height: 100%;}

    #wrap {width:100%; overflow:hidden; display: flex; flex-direction: column; min-height: 100vh;}
    .wrapper{min-width:0px; padding-top: 48px;}

    .m-btn-lyt .wrapper{height: calc(100% - 49px);}

    #header {
        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: 2;
        width: 100%;
        box-sizing: border-box;
    }
    #header .top-menu {display:flex;justify-content:flex-end;align-items:center;padding:25px 0 5px;display: none;}
    #header .top-menu a span {font-size:15px; font-weight:500; letter-spacing:-0.04em; color:#000;}
    #header .top-menu a {display:flex; align-items:center; margin-left:40px;}
    #header .top-menu a span.t-blue {color:#0e89e8;}
    #header .top-menu a i {margin-right:5px;}
    #header .logo {text-align:center;width: 73px;}
    #header .mobile-top {margin-left:auto; display:flex; align-items:center;}
    #header .mobile-top a {display:flex; align-items:center;}
    #header .mobile-top a span {font-size:13px; letter-spacing:-0.03em; color:#fff;}
    #header .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 .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 .mobile-top a:nth-child(n+2) {margin-left:20px;}
    #header .gnb-section {display:flex;align-items:center;position: fixed;bottom: 0;left: 0;background: #fff;height: 50px;z-index: 1;width: 100%;}
    #header .gnb-section .gnb-left {display:flex;align-items:center;width: 100%;justify-content: space-between;box-sizing: border-box;padding: 0 10px;}
    #header .gnb-section .gnb-left button {
        width: 20%;
        text-align: center;
        font-size: 0;
        line-height: 0;
    }
    #header .gnb-section .gnb-left a {
        width: 20%;
        text-align: center;
        font-size: 0;
        line-height: 0;
    }
    #header .gnb-section .gnb-left a span {font-size: 10px;color: #959595;letter-spacing:-0.04em;line-height: 12px;margin-top: 2px;display: block;}
    #header .gnb-section .gnb-left button span {font-size: 10px;color: #959595;letter-spacing:-0.04em;line-height: 12px;margin-top: 2px;display: block;}
    #header .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .gnb-section .gnb-right {display: none;align-items:center;margin-left:auto;padding-right:70px;}
    #header .gnb-section .gnb-right a span {font-size:20px; letter-spacing:-0.04em; color:#666666; font-weight:700;}
    #header .gnb-section .gnb-right a:nth-child(n+2) {margin-left:55px; position:relative;}
    #header .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-sub{display: flex; padding: 0 12px; position: relative; height: 50px; align-items: center; letter-spacing: -0.04em; box-sizing: border-box; position: fixed; top: 0; width: 100%; background: #fff; z-index: 50;  /*border-bottom: 1px solid #707070;*/}
    #header-sub.fixed{width: 100%; height: 50px; position: fixed; z-index: 50; background: #fff; left: 0; top: 0;}


    #header-sub .header-tit{font-size: 18px; font-weight: 800; display: flex; align-items:center; margin: auto; letter-spacing: 0.01px;}
    #header-sub .header-tit .t-blue{color: #0e89e8;}
    #header-sub .header-tit .ico-title{width: 25px; height: 25px; background: #fd9999; margin-right: 10px; display: none;}
    #header-sub .header-tit .upic{margin-right: 6px;}
    #header-sub > div > a.btn-func.btn-header-cart > span{display:flex;justify-content:center;align-items:center;width:18px;height:18px;overflow:hidden;border-radius:50%;background:#ff1900;font-size:10px;color:#fff;position:absolute;right: 4px;top: 5px;}

    /* #header-sub .header-tit .upic.ico-act{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/account/ico-account.svg) left/100% no-repeat;}
  #header-sub .header-tit .ico-company{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/account/ico-company.svg) left/100% ; margin-right: 8px;}
  #header-sub .header-tit .ico-location{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-location2.png) left/100% ; margin-right: 8px;}
  #header-sub .header-tit .ico-bsk{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-bsk.png) left/100% no-repeat; margin-right: 6px;} */

    #header-sub .header-tit .ico-bsk{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-bsk.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-pcs{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pcs.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-st{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-st.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-inq{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-inq.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-inq2{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-inq2.png) left/100% no-repeat; margin-right: 8px;}

    #header-sub .header-tit .ico-pay{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pay.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-return{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-return.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-alrim{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-alrim.png) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-pinsq{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pinsq.svg) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-myfav{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-myfav.svg) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-rev{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-rev.svg) left/100% no-repeat; margin-right: 8px;}
    #header-sub .header-tit .ico-orgadm{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-orgadm.svg) left/100% no-repeat; margin-right: 8px;}

    #header-sub .header-tit .num{color: #0d89e8;}

    #header-sub .bt-back{margin-right:5px; width: 9px; height: 14px; background: url(https://resource.mall.castingn.com/static/images/btn-back.png) left/100% no-repeat; text-indent: -999999px; overflow: hidden;}
    #header-sub .bt-home{margin-left: 10px; width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-home2-m.png) left/100% no-repeat; text-indent: -999999px; overflow: hidden;}
    #header-sub .bt-home-pinsquare{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/main/ico-header-pinsq.png) left/100% no-repeat; text-indent: -999999px; overflow: hidden;}
    #header-sub .bt-close{width: 20px; height: 20x; background: url(https://resource.mall.castingn.com/static/images/ico-close.png) left/100% no-repeat; text-indent: -999999px; overflow: hidden; margin-left: auto;}

    #header-sub .mh-item-wrap{margin-left: auto;}
    #header-sub .mh-item-wrap a + a{/*margin-left: 10px;*/position: relative;}

    /* #footer {background:#000000;padding: 30px 10px 65px;position: relative;z-index: 0;}
	#footer .section {position:relative;}
	#footer .foot-menu {display:flex; align-items:center;}
	#footer .foot-menu a {margin-left: 30px;}
	#footer .foot-menu a:first-child {margin-left:0;}
	#footer .foot-menu a span {font-size: 13px;font-weight:700;color:#fff;letter-spacing:-0.04em;line-height: 15px;}
	#footer .foot-etc {margin-top: 20px;display:flex;align-items:center;flex-wrap: wrap;}
	#footer .foot-etc a {margin: 5px 30px 5px 0;}
	#footer .foot-etc a:first-child {margin-left:0;}
	#footer .foot-etc a span {font-size: 12px;font-weight:100;color:#fff;letter-spacing:-0.04em;line-height: 15px;}
	#footer .foot-etc a span.t-red {color:#f12b2b;}
	#footer .foot-info {margin-top: 25px;font-size: 12px;line-height: 18px;font-weight:300;letter-spacing:-0.04em;color:#7c7c7c;}
	#footer .foot-info br {display:none;}
	#footer .foot-info strong {display:block; margin-bottom:10px;}
	#footer .foot-copy {margin-top:25px; font-size:14px; line-height:26px; font-weight:300; letter-spacing:-0.04em; color:#7c7c7c; display:none;}
	#footer .foot-cs {
		border-top: 1px solid #343435;
		margin-top: 20px;
		padding-top: 20px;
		display: flex;
		align-items: center;
	}
	#footer .foot-cs .cs-num {display:flex;align-items:center;font-size: 33px;font-weight:700;color:#fff;line-height: 40px;}
	#footer .foot-cs .cs-num .circle {display:block;width: 6px;height: 6px;border-radius:5px;background:#fff;margin: 0 5px;}
	#footer .foot-cs .cs-time {
		margin-left: auto;
	}
	#footer .foot-cs .cs-time dl {display:flex; align-items:center; margin-bottom:5px;}
	#footer .foot-cs .cs-time dl dt {font-size: 11px;font-weight:500;color:#817b78;width: 45px;line-height: 13px;}
	#footer .foot-cs .cs-time dl dd {font-size: 11px;font-weight:500;color:#fff;line-height: 13px;}
	#footer .foot-logo {
		margin: 20px 0 0;
		text-align: right;
	} */


    /* s: 카페24 공통 헤더 */
    .cpr-header{ width:100%; height:58px; position:relative; display:flex; justify-content:; align-items:center;  box-sizing: border-box; background-image: linear-gradient(to right, #0d89e8 46%, #32ab8c 87%); margin-top: -48px;}
    .cpr-header .inner{ height: 100%;  display:flex; justify-content:space-between; width: 100%;}
    .cpr-header .lt-area{display:flex;justify-content:flex-start;align-items:center; padding-left: 16px; width: 40%;}
    .cpr-header .lt-area .cpr-link{font-size: 18px; font-weight: bold; color: #fff;  padding-bottom: 6px; margin-top: 7px; width: 105px; height: 20px; border-bottom: 3px solid #fff;}
    /* .cpr-header .lt-area .cpr-link.on{border-bottom: 3px solid #fff;} */
    .cpr-header .lt-area ul{display: flex; align-items: center; margin-left: 50px; margin-top:7px}
    .cpr-header .lt-area ul li{margin-right: 40px; padding-bottom: 7px;}
    .cpr-header .lt-area ul li.on{border-bottom: 3px solid #fff;}
    .cpr-header .lt-area ul li a{font-size: 18px; font-weight: bold; color: #fff;}

    .cpr-header .rt-area{display:flex; justify-content:flex-end; align-items:center; width: 60%; padding-right: 16px;}
    .cpr-header .rt-area .hsearch-item-wrap{height:41px; overflow:hidden; border-radius:20px; background:#fff; display:flex; justify-content:flex-start; align-items:center;}
    .cpr-header .rt-area .inp{width:100%; flex:1; margin-left:30px; height:41px; border:0; background:transparent; font-size:14px; color:#000;}
    .cpr-header .rt-area button{display:flex; justify-content:center; align-items:center; width:67px; height:30px; overflow:Hidden; border-radius:15px; border:0; color:#fff;font-weight:bold; font-size: 14px; background: #0d89e8; margin-right: 6px;}
    .cpr-header .rt-area .hetc-item-wrap{display:inline-flex; justify-content:flex-start; align-items:center; position: relative;color: #fff;font-size: 12px;width: auto;}
    .cpr-header .rt-area .hetc-item-wrap a{color: #fff;}
    .cpr-header .rt-area .hetc-item-wrap .uitem-wrap{display:flex; justify-content:flex-start; align-items:center; margin-right:16px;}
    .cpr-header .rt-area .hetc-item-wrap .upic{width: 23px; height: 23px; overflow: hidden; border-radius: 50%; background: #fff; margin-right: 5px;}
    .cpr-header .rt-area .hetc-item-wrap .upic img{object-fit: cover; width: 100%; height: 100%;}
    .cpr-header .rt-area .hetc-item-wrap .uname{cursor: pointer;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-func{width:34px; height:34px; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 3px;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-func.on + .alim-layer-wrap{display: flex;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-func span{display:flex;justify-content:center;align-items:center;width:18px;height:18px;overflow:hidden;border-radius:50%;background:#ff1900;font-size:10px;color:#fff;position:absolute;right:0;top:0;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-login, .cpr-header .rt-area .hetc-item-wrap a.btn-join{font-size: 12px; font-weight: bold; margin-right: 20px;}
    .cpr-header .rt-area .hetc-item-wrap a.btn-m-header-search{width: 21px; height: 21px; margin-right: 5px;}

    .cpr-header .rt-area .hetc-item-wrap .ico-guide{width: 24px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-guide2.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; position: relative; display: flex; margin-left: 5px;
        margin-right:5px;}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide a{width: 100%; height: 100%;}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide .guide-tooltip{position: absolute; display: none !important; align-items: center; justify-content: center; text-indent:1px; border-radius: 12px; background: #03223a; width: 146px; height: 33px;
        box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3); font-size: 14px; color: #e7f3fd; font-weight: 500; top: 37px; left: -60px; z-index: 10;}
    .cpr-header .rt-area .hetc-item-wrap .ico-guide .guide-tooltip:after{width: 11px; height: 12px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-guide-arr2.png) left/100% no-repeat;
        position: absolute; content: ''; left: 50%; top: -8px; margin-left: -6px;}

    .wrapper .nm-event-wrap{width: 100%; text-align: left;}
    .wrapper .nm-event-wrap .nm-event-tit{font-size: 18px; color: #222; letter-spacing: -0.06px; font-weight: bold; margin-bottom: 24px; line-height: normal; margin: 20px 0 10px 16px;}
    .wrapper .nm-event-wrap .nm-event-list{padding: 0 16px;}
    .wrapper .nm-event-wrap .nm-event-list ul{ width: 100%; display: flex; align-items: center; justify-content: flex-start;}
    .wrapper .nm-event-wrap .nm-event-list ul li{margin-left: auto;}
    .wrapper .nm-event-wrap .nm-event-list ul li:first-child{margin-left: 0;}

    .right-fix {position:fixed;top:50%;right:65px;transform:translate(0, -50%);display: none;}
    .right-fix .btn-estimate {display:flex; align-content:center; flex-wrap:wrap; justify-content:center; width:58px; height:160px; background:#2ca9dd; border-radius:29px; margin-bottom:15px; }
    .right-fix .btn-estimate span {font-size:21px; line-height:21px; font-weight:700; color:#fff; display:block; width:100%; text-align:center;}
    .right-fix .btn-estimate .ico-pen {width:22px; height:23px; background:url(https://resource.mall.castingn.com/static/images/ico-pen.png) center no-repeat; margin-top:10px;}

    .all-cate-wrap {position:fixed; top:0; left:0; width:100%; height:calc(100% - 50px); z-index:1; box-sizing:border-box; padding-left:10px; display:none;
        background: rgba(50,171,140,1);
        background: -moz-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50,171,140,1)), color-stop(100%, rgba(40,162,166,1)));
        background: -webkit-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: -o-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: -ms-linear-gradient(left, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        background: linear-gradient(to right, rgba(50,171,140,1) 0%, rgba(40,162,166,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ab8c', endColorstr='#28a2a6', GradientType=1 );
    }
    .all-cate-wrap.show-cate {display:block;}
    .all-cate-wrap .bnr-section {display:none;}
    .all-cate-wrap .sub-cate-wrap {display:none;}
    .all-cate-wrap .layer-title {padding:0 0 0 30px; height:40px; line-height:40px; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#fff;}
    .all-cate-wrap .btn-close {position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(https://resource.mall.castingn.com/static/images/btn-close.png) center no-repeat; background-size:100%; font-size:0; line-height:0;}
    .all-cate-wrap .cate-section {height:calc(100% - 40px); background:#fff; border-radius:25px 0 0 0; display:flex; align-items:center;}
    .all-cate-wrap .cate-section .cate-list {display:flex; flex-wrap:wrap;}
    .all-cate-wrap .cate-section .cate-list .cate-item {width:29%; text-align:center; height:112px; margin:0 2%;}
    .all-cate-wrap .cate-section .cate-list .cate-item .cate-link {font-size:14px; line-height:20px; letter-spacing:-0.04em; color:#000; display:flex; align-content:center; justify-content:center; flex-wrap:wrap; height:112px; border-radius:10px; }
    .all-cate-wrap .cate-section .cate-list .cate-item .cate-link:hover {
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.11);
        -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.11);
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.11);

    }
    .all-cate-wrap .cate-section .cate-list .cate-item .cate-link span {display:block; width:100%; margin-top:5px;}
    .all-cate-wrap .cate-section .cate-list .ico-cate1 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task1-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate2 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task2-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate3 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task4-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate4 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task3-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate5 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task5-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate6 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task6-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate7 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task9-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate8 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task10-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate9 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task7-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate10 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task11-on.png) center no-repeat; background-size:100%;}
    .all-cate-wrap .cate-section .cate-list .ico-cate11 {width:40px; height:40px; display:block; margin:0 auto; background:url(https://resource.mall.castingn.com/static/images/ico-task8-on.png) center no-repeat; background-size:100%;}

    #container {position:relative;z-index: 1; flex:1}
    .m-btn-lyt #container{min-height: 100%; padding-bottom: 130px; box-sizing: border-box;}

    .main-title {padding: 55px 0 38px;position:relative;}
    .main-title .title-name {font-size: 23px;line-height: 30px;font-weight:300;color:#333333;padding: 0 10px;}
    .main-title .title-name strong {font-size: 35px;font-weight: 800;letter-spacing:-0.05em;color:#333;}
    .main-title .main-link {position:absolute;font-size: 12px;font-weight:600;color:#32ab8c;border-bottom:2px solid #32ab8c;right: 10px;top: 15px;line-height: 15px;}

    .main-search {margin: 0 10px;display:flex;background:#f1f1f1;height: 42px;border-radius:46px;align-items:center;box-sizing:border-box;padding-left:17px;position:relative;}
    .main-search .search-btn-area {
        width: 130px;
        height: 30px;
        background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow.png) calc(100% - 15px) center no-repeat;
        border-radius:30px;
        box-sizing:border-box;
        padding: 0 20px;
        position:relative;
        -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);
    }
    .main-search .search-btn-area .btn-search {font-size: 13px;font-weight:700;letter-spacing:-0.04em;color:#7c7c7c;line-height: 30px;position:relative;z-index:1;}
    .main-search .search-btn-area .search-list {
        position:absolute;
        width:100%;
        background:#fff;
        top: 18px;
        left:0;
        border-radius: 0 0 15px 15px;
        padding: 20px 20px;
        box-sizing:border-box;
        display:none;
        -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);
    }
    .main-search .search-btn-area .search-list li button {font-size: 13px;line-height: 25px;font-weight:700;color:#979696;letter-spacing:-0.04em;}
    .main-search .search-btn-area .search-list li button:hover {color:#666666; text-decoration:underline;}
    .main-search .btn-sh {width:122px; height:92px; margin-left:auto; font-size:0; background:url(https://resource.mall.castingn.com/static/images/btn-sh.png) center no-repeat; line-height:0; border-radius:46px;}
    .main-search input {width:calc(100% - 320px); height:92px; line-height:92px; background:none; font-size:36px; font-weight:700; letter-spacing:-0.02em; color:#333; box-sizing:border-box; padding:0 30px;}
    .main-search .search-btn-area.show-slc {background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .main-search .search-btn-area.show-slc .search-list {display:block;}



    .main-search .btn-sh {width: 42px;height: 42px;margin-left:auto;font-size:0;background:url(https://resource.mall.castingn.com/static/images/btn-sh.png) center no-repeat;line-height:0;border-radius:46px;background-size: auto 100%;}
    .main-search input {width: calc(100% - 175px);height: 42px;line-height: 42px;background:none;font-size: 15px;font-weight:700;letter-spacing:-0.02em;color:#333;box-sizing:border-box;padding: 0 10px;}

    .main-task {background:#f9f9f9;margin-top: -21px;padding: 55px 10px 40px;}
    .main-task .task-tt {font-size: 17px;line-height: 20px;font-weight:700;letter-spacing:-0.04em;color:#333333;margin-bottom: 33px;}
    .main-task .task-tt .t-blue {color:#0e89e8;}
    .main-task .task-list {
        background:#fff;
        border-radius:15px;
        padding: 30px 45px 17px;
        -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);
        position: relative;
    }
    .main-task .task-list .swiper-slide {display:flex; justify-content:space-between;}
    .main-task .task-list .task-item a .ico-task1 {width: 40px;height: 40px;background:url(https://resource.mall.castingn.com/static/images/ico-task1-on.png) center no-repeat;margin:0 auto;display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task2 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task2-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task3 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task3-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task4 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task4-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task5 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task5-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task6 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task6-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task7 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task7-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task8 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task8-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task9 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task9-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task10 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task10-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item a .ico-task11 {width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/ico-task11-on.png) center no-repeat; margin:0 auto; display:block;background-size: 100%;}
    .main-task .task-list .task-item .task-name {text-align:center;font-size: 12px;color: #000;letter-spacing:-0.04em;font-weight:600;margin-top: 5px;}
    .main-task .task-list .task-item .task-count {text-align:center;font-size: 12px;line-height:20px;color:#989ca0;letter-spacing:-0.02em;font-weight:500;height:20px;}
    .main-task .task-pagination {margin-top: 22px;text-align:center;display: block;}
    .main-task .task-pagination .swiper-pagination-bullet {width: 6px;height: 6px;background:#d6d6d6;opacity:1;border-radius:7px;margin: 0 2px;}
    .main-task .task-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#59bb93;}
    .main-task .task-prev {position:absolute;width: 11px;height:38px;background:url(https://resource.mall.castingn.com/static/images/btn-prev.png) center no-repeat;position:absolute;left: 15px;top: 55px;font-size:0;line-height:0;background-size: 11px;}
    .main-task .task-next {position:absolute;width: 11px;height:38px;background:url(https://resource.mall.castingn.com/static/images/btn-next.png) center no-repeat;position:absolute;right: 15px;top: 55px;background-size: 100%;font-size:0;line-height:0;}


    .main-knowhow {background:#f9f9f9;padding: 0 10px 50px;}
    .main-knowhow .knowhow-tt {font-size: 17px;line-height: 20px;color:#010101;font-weight:300;margin-bottom: 24px;}
    .main-knowhow .knowhow-list .knowhow-item {width: 100%;box-sizing:border-box;}
    .main-knowhow .knowhow-list .knowhow-item:nth-child(n+2) {margin-top:8px;}
    .main-knowhow .knowhow-list .knowhow-item a {
        position:relative;
        display:block;
        position:relative;
        padding: 15px;
        box-sizing:border-box;
        width:100%;
        height:100%;
        border:1px solid transparent;
        background:#fff;
        border-radius:15px;
        -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);
    }
    .main-knowhow .knowhow-list .knowhow-item a .item-tt {font-size: 15px;line-height: 20px;font-weight:700;color:#000;}
    .main-knowhow .knowhow-list .knowhow-item a .item-tt br {display:none;}
    .main-knowhow .knowhow-list .knowhow-item a:before {content:"";display:block;width: 17px;height: 17px;background:url(https://resource.mall.castingn.com/static/images/ico-plus.png) center no-repeat;position:absolute;right: 15px;top: 50%;margin-top: -8px;background-size: 17px;}
    .main-knowhow .knowhow-list .knowhow-item .ico-knowhow {position:absolute;bottom:-2px;right:10px;display: none;}
    .main-knowhow .knowhow-list .knowhow-item a .item-disc {font-size:23px;font-weight:500;color:#979797;margin-top:15px;display: none;}
    .main-knowhow .knowhow-list .knowhow-item a:hover {
        background:
                linear-gradient(#fff,#fff) padding-box, /*this is your grey background*/
                linear-gradient(to bottom, #59bb93, #0e89e8) border-box;
        color: #313149;
        border: 1px solid transparent;
        border-radius:15px;
    }

    .main-cost {background: linear-gradient(to bottom, #58bb94, #128ce3) border-box;padding: 35px 0;}
    .main-cost .cost-tt {font-size: 18px;font-weight:800;letter-spacing:-0.04em;color:#fff;line-height: 20px;margin: 0 10px 27px;}
    .main-cost .cost-list {margin: 0 auto 17px;overflow: inherit;width: 70%;}
    .main-cost .cost-list .cost-item {
        background:#fff;
        border-radius:15px;
        width: 100%;
        margin-left:45px;
        box-sizing:border-box;
        padding: 30px 20px;
        position:relative;
        -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);
    }
    .main-cost .cost-list .cost-item:first-child {margin-left:0;}
    .main-cost .cost-list .cost-item .item-tt dt {font-size: 19px;color:#000000;letter-spacing:-0.025em;font-weight:800;line-height: 22px;}
    .main-cost .cost-list .cost-item .item-tt dd {margin-top: 5px;font-size: 14px;color:#000000;font-weight:700;letter-spacing:-0.025em;line-height: 16px;}
    .main-cost .cost-list .cost-item .item-tt {padding-bottom: 10px;position:relative;margin-bottom: 10px;}
    .main-cost .cost-list .cost-item .item-tt:before {content:""; display:block; bottom:0; left:0; width:17px; height:2px; background:#000000; position:absolute;}
    .main-cost .cost-list .cost-item li {display:flex;align-items:center;margin-top: 5px;}
    .main-cost .cost-list .cost-item li:first-child {margin-top:0;}
    .main-cost .cost-list .cost-item li .label {width: 80px;font-size: 13px;letter-spacing:-0.025em;color:#848485;font-weight:300;}
    .main-cost .cost-list .cost-item li .t-bk {width: calc(100% - 80px);font-size: 13px;letter-spacing:-0.025em;color:#000000;font-weight:700;}
    .main-cost .cost-list .cost-item .item-count {display:flex;align-items: center;margin: 20px 0 0 auto;justify-content: flex-end;}
    .main-cost .cost-list .cost-item .item-count .ico-count {display:block;width: 22px;height: 22px;background:url(https://resource.mall.castingn.com/static/images/ico-count.png) center no-repeat;margin-right:5px;background-size: 100%;margin-top: 15px;}
    .main-cost .cost-list .cost-item .item-count .count-num {font-size: 50px;font-weight:700;color:#000;letter-spacing:-0.025em;line-height: 50px;}
    .main-cost .btn-cost-apply {margin:0 auto;display:flex;align-items:center;border:1px solid #fff;height: 50px;border-radius:28px;box-sizing:border-box;padding:0 25px 0 35px;width:fit-content;}
    .main-cost .btn-cost-apply span {font-size: 20px;font-weight:700;letter-spacing:-0.04em;color:#fff;}
    .main-cost .btn-cost-apply .ico-apply {width:26px; height:25px; background:url(https://resource.mall.castingn.com/static/images/ico-apply.png) center no-repeat; margin-left:10px;}
    .main-cost .cost-pagination {text-align:center; margin-top:10px}
    .main-cost .cost-pagination .swiper-pagination-bullet {width: 6px;height: 6px;background:rgba(255,255,255,0.5);opacity:1;border-radius:7px;margin: 0 2px;}
    .main-cost .cost-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}

    .main-case {padding: 50px 10px;}
    .main-case .case-title dt {display:flex;align-items:center;margin-bottom: 10px;}
    .main-case .case-title dt strong {font-size: 30px;line-height: 32px;letter-spacing:-0.045em;color:#000;font-weight:800;}
    .main-case .case-title dt img {margin: 14px 10px 0;width: 170px;}
    .main-case .case-title dd {font-size: 14px;color:#000000;font-weight:300;letter-spacing:-0.005em;line-height: 20px;}
    .main-case .case-title {margin-bottom: 28px;}
    .main-case .case-list {display:flex;flex-wrap: wrap;}
    .main-case .case-list .case-item {width: calc(50% - 3px);margin-right: 6px;}
    .main-case .case-list .case-item:nth-child(2n) {margin-right:0;}
    .main-case .case-list .case-item:nth-child(n+3) {margin-top:7px;}
    .main-case .case-list .case-item a {
        display:block;
        width:100%;
        border-radius:15px;
        box-sizing:border-box;
        padding: 18px 15px 20px;
        -webkit-box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 8%);
        -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.08);
        box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 8%);
    }
    .main-case .case-list .case-item .company-main {display:flex; align-items:center;}
    .main-case .case-list .case-item .company-main .company-thumb {width: 46px;height: 46px;border-radius:44px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
    .main-case .case-list .case-item .company-main .company-name {font-size: 12px;line-height: 15px;color:#8e8f93;letter-spacing:-0.025em;margin-left:10px;}
    .main-case .case-list .case-item .company-title {margin-top:15px;font-size: 15px;line-height: 19px;letter-spacing:-0.025em;color:#020202;font-weight: 800;}
    .main-case .case-list .case-item .company-cate {display:flex; align-items:center; margin-top:15px;}
    .main-case .case-list .case-item .company-cate strong {margin-left:5px; font-size:17px; font-weight:500; letter-spacing:-0.04em; color:#000;}
    .main-case .case-list .case-item .company-disc {margin-top:15px;font-size:16px;line-height:20px;font-weight:300;letter-spacing:-0.025em;color:#000;display: none;}

    .main-best-partner {padding: 0 10px 40px;}
    .main-best-partner .best-title {margin-bottom: 20px;}
    .main-best-partner .best-title dt {font-size: 60px;font-weight:700;line-height: 65px;color:#333333;}
    .main-best-partner .best-title dd {font-size: 14px;letter-spacing:-0.045em;color:#333;font-weight:500;margin-top: 15px;}

    .main-best-partner .best-box-wrap .best-box {margin-top:4px;border-radius: 10px;height: 67px;padding: 0 18px;box-sizing:border-box;position: relative;}
    .main-best-partner .best-box-wrap .best-box:first-child {margin-top:0; background:#0e89e8;}
    .main-best-partner .best-box-wrap .best-box:nth-child(2) {background:#33a2be;}
    .main-best-partner .best-box-wrap .best-box:nth-child(3) {background:#a6bfd2;}
    .main-best-partner .best-box-wrap .best-box .best-label {font-size: 28px;line-height: 30px;font-weight:100;color:#fff;text-transform:uppercase;letter-spacing:-0.02em;padding-right: 20px;background: url(https://resource.mall.castingn.com/static/images/best-arrow.png) right 18px no-repeat;display: inline-block;background-size: 8px;padding-top: 10px;}
    .main-best-partner .best-box-wrap .best-box .best-cont dt {font-size: 11px;font-weight:500;letter-spacing:-0.025em;color:rgba(255,255,255,0.65);}
    .main-best-partner .best-box-wrap .best-box .best-cont dd {box-sizing:border-box;display:flex;align-items:center;font-size: 11px;color:#fff;letter-spacing:-0.02em;font-weight:500;text-align:right;position: absolute;right: 15px;bottom: 5px;line-height: 35px;}
    .main-best-partner .best-box-wrap .best-box .best-cont dd strong {font-size: 35px;font-weight:800;letter-spacing:-0.02em;color:#fff;margin-right: 6px;}

    .main-best-partner .best-list-wrap {margin-top: 25px;position:relative;}
    .main-best-partner .best-list-wrap .best-list {padding:10px;}
    .main-best-partner .best-list-wrap .best-list .best-item {
        border-radius:15px;
        padding: 23px 20px 0;
        height: 197px;
        box-sizing:border-box;
        -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
    }
    .main-best-partner .best-list-wrap .best-list .best-item dt {font-size: 25px;letter-spacing:-0.025em;color:#000;font-weight:800;line-height: 30px;}
    .main-best-partner .best-list-wrap .best-list .best-item dd {font-size: 15px;letter-spacing:-0.025em;color:#000;font-weight:700;margin-top: 5px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol {margin-top: 20px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li {display:flex;align-items:center;margin-top: 10px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li:first-child {margin-top:0;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .label {font-size: 13px;letter-spacing:-0.02em;color:#000;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .label strong {margin-right:10px;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .cont {margin-left:auto;font-size: 15px;letter-spacing:-0.04em;color:#000;font-weight:700;display:flex;align-items:center;}
    .main-best-partner .best-list-wrap .best-list .best-item ol li .cont strong {font-size: 15px;font-weight:900;letter-spacing:-0.04em;color:#000;}
    .main-best-partner .best-pagination {margin-top: 22px;text-align:center;display: block;}
    .main-best-partner .best-pagination .swiper-pagination-bullet {width: 6px;height: 6px;background:#d6d6d6;opacity:1;border-radius:7px;margin: 0 2px;}
    .main-best-partner .best-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#59bb93;}
    .main-best-partner .best-prev {position:absolute;width:22px;height:38px;background:url(https://resource.mall.castingn.com/static/images/btn-prev.png) center no-repeat;position:absolute;left:0;top:180px;font-size:0;line-height:0;display: none;}
    .main-best-partner .best-next {position:absolute;width:22px;height:38px;background:url(https://resource.mall.castingn.com/static/images/btn-next.png) center no-repeat;position:absolute;right:0;top:180px;font-size:0;line-height:0;display: none;}
    .main-keyword {padding: 0 10px 48px;}
    .main-keyword .keyword-tt dt {font-size: 24px;letter-spacing:-0.04em;color:#333333;font-weight:900;line-height: 26px;}
    .main-keyword .keyword-tt dd {margin-top: 5px;font-size: 14px;letter-spacing:-0.04em;color:#333;font-weight:500;}
    .main-keyword .keyword-box {margin-top:35px;position:relative;display:flex;align-items:center;}
    .main-keyword .keyword-box .count {font-size:396px;letter-spacing:-0.04em;color:#f1f1fe;font-weight:700;position:absolute;width:100%;text-align:center;top:50%;margin-top:-180px;left:0;line-height:360px;display: none;}
    .main-keyword .keyword-box .keyword-list {display:flex;align-items:center;flex-wrap:wrap;position:relative;width:100%;}
    .main-keyword .keyword-box .keyword-list .btn-keyword {min-width: 80px;height: 27px;border:1px solid #e0e0e0;background:#fff;margin: 5px;box-sizing:border-box;padding:0 20px;display:flex;justify-content:center;align-items:center;border-radius:26px;}
    .main-keyword .keyword-box .keyword-list .btn-keyword:hover {background:#0e89e8; border:0; justify-content:space-between;
        -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);
        box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.08);

    }
    .main-keyword .keyword-box .keyword-list .btn-keyword:hover span {color:#fff; font-size:15px; font-weight:700;}
    .main-keyword .keyword-box .keyword-list .btn-keyword span {font-size: 15px;font-weight:500;letter-spacing:-0.04em;color:#999;}

    .main-market-learn {background:#f9f9fc;padding: 35px 10px;}
    .main-market-learn .learn-tt {display:flex;align-items:center;font-size: 24px;font-weight:800;letter-spacing:-0.04em;color:#333;line-height: 30px;margin-bottom: 25px;}
    .main-market-learn .learn-tt .dot {width: 7px;height: 7px;border-radius:7px;background:#000;margin: -6px 10px 0;}
    .main-market-learn .learn-list .learn-item {width: 100%;}
    .main-market-learn .learn-list .learn-item:nth-child(2n) {margin-right:0;}
    .main-market-learn .learn-list .learn-item:nth-child(n+2) {margin-top: 35px;}
    .main-market-learn .learn-list .learn-item a {display:flex;align-items:center;justify-content:space-between;border-radius:15px;box-sizing:border-box;}
    .main-market-learn .learn-list .learn-item .learn-thumb {width: 88px;height: 88px;border-radius:88px;}
    .main-market-learn .learn-list .learn-item .learn-info {text-align:right;width: calc(100% - 90px);margin-left: auto;}
    .main-market-learn .learn-list .learn-item .learn-info dt {font-size: 17px;line-height: 20px;font-weight:800;letter-spacing:-0.04em;color:#000000;}
    .main-market-learn .learn-list .learn-item .learn-info dd span {font-size: 13px;letter-spacing:-0.04em;color:#838181;margin-left:15px;font-weight:300;}
    .main-market-learn .learn-list .learn-item .learn-info dd {display:flex;align-items:center;margin-top: 12pxpx;justify-content:flex-end;}

    .ico-lock {width:15px; height:18px; display:block; background:url(https://resource.mall.castingn.com/static/images/ico-lock.png) center no-repeat;}


    .join-slc-wrap {margin:0 10px; display:flex; flex-wrap:wrap; align-content:center;}
    .join-slc-wrap .join-tt {width:100%; text-align:center; font-size:26px; font-weight:700; color:#010101;}
    .join-slc-wrap .join-slc-form {margin-top:34px; width:100%;}
    .join-slc-wrap .join-slc-form .btn-join {display:flex; align-items:center; justify-content:center; width:100%; height:46px; border-radius:8px;
        /* 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 ); */
        background: #0d89e8;
    }
    .join-slc-wrap .join-slc-form .btn-join span {font-size:20px; font-weight:700; color:#fff; }
    .join-slc-wrap .other-join-form {margin-top:27px; border-top:1px solid #eeeeee; padding-top:25px; width:100%;}
    .join-slc-wrap .other-join-form .other-txt {text-align:center; font-size:14px; font-weight:500; color:#010101;}
    .join-slc-wrap .other-join-form .other-join-btn {margin-top:25px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join {margin-top:15px; display:flex; align-items:center; width:100%; height:50px; border-radius:8px; box-sizing:border-box; padding:0 20px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join:first-child {margin-top:0;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-naver {background:#21c802;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-kakao {background:#fbe718;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-google {background:#ffffff; border:1px solid #d9d9d9;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-fb {background:#3c58a9;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i {display:block; width:30px; height:30px; background-position:center; background-repeat:no-repeat; margin-right:15px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-naver {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-naver.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-kakao {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-kakao.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-google {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-google.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join i.ico-fb {background-image:url(https://resource.mall.castingn.com/static/images/ico-join-fb.png);}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join span {font-size:17px; font-weight:700;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-naver span {color:#fff;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-kakao span {color:#121112;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-google span {color:#121112;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-fb span {color:#fff;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join .join-txt {margin-left:auto; font-size:12px; font-weight:500; padding-right:25px;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-naver .join-txt {color:#fff; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow2.png) right center no-repeat;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-kakao .join-txt {color:#000; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow1.png) right center no-repeat;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-google .join-txt {color:#000; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow1.png) right center no-repeat;}
    .join-slc-wrap .other-join-form .other-join-btn .btn-other-join.btn-fb .join-txt {color:#fff; background:url(https://resource.mall.castingn.com/static/images/ico-join-arrow2.png) right center no-repeat;}

    .join-slc-wrap .join-partner {margin-top:27px; border-top:1px solid #eeeeee; padding-top:27px; width:100%; display:flex; justify-content:flex-end;}
    .join-slc-wrap .join-partner a {display:flex; align-items:center; }
    .join-slc-wrap .join-partner a span {font-size:14px; font-weight:500; color:#010101;}
    .join-slc-wrap .join-partner .ico-partner-arrow {display:block; width:24px; height:24px; background:url(https://resource.mall.castingn.com/static/images/ico-partner-arrow.png) center no-repeat; margin-left:10px;}
    .join-slc-wrap .join-partner-wrap {margin-top:27px; border-top:1px solid #eeeeee; padding-top:30px; width:100%;}
    .join-slc-wrap .join-partner-wrap .join-partner-tt {text-align:center;}
    .join-slc-wrap .join-partner-wrap .join-partner-tt dt {font-size:20px; font-weight:700; color:#0e89e8; line-height:25px; margin-bottom:5px;}
    .join-slc-wrap .join-partner-wrap .join-partner-tt dd {font-size:14px; font-weight:500; color:#010101;}
    .join-slc-wrap .join-partner-wrap .partner-logo-wrap {margin-top:25px; border:1px solid #d9d9d9; border-radius:8px; display:flex; justify-content:center; padding:30px 0;}

    .joinWrap [class*='floor-'] > [class*='area']{width: auto;}
    .join-wrap {margin:0 10px;}
    .join-wrap .join-title {text-align:center; border-bottom:1px solid #eee; padding: 0 0 30px; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:#010101;}
    .join-wrap .join-content {padding:22px 0 120px;}
    .join-wrap .join-content .join-disc {text-align:center; font-size:18px; font-weight:500; color:#010101; margin-bottom:25px;}
    .join-wrap .join-content .join-form-area {margin:0 auto;}
    .join-wrap .join-content .join-form-area .join-form .form-sec {margin-top:16px;}
    .join-wrap .join-content .join-form-area .join-form .form-sec:first-child {margin-top:0;}
    .join-wrap .join-content .join-form-area .user-info {display:flex; align-items:center;}
    .join-wrap .join-content .join-form-area .user-info dl {margin-left:10px;}
    .join-wrap .join-content .join-form-area .user-info dl dt {font-size:21px; font-weight:500; color:#111111; line-height:27px;}
    .join-wrap .join-content .join-form-area .user-info dl dd {font-size:15px; font-weight:500; color:#111111; line-height:20px; margin-top:5px;}

    .join-wrap .join-content .join-form-area .form-ip-area input {border:1px solid #d9d9d9;border-radius:8px;height: 55px;width:100%;box-sizing:border-box;padding:0 20px;font-size:18px;font-weight:700;color:#000;}
    .join-wrap .join-content .join-form-area .form-ip-area {margin-top:10px; position:relative;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type input {padding-right:70px;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type .btn-re-send {position:absolute;right:8px;top: 11px;width:70px;display:flex;align-items:center;justify-content:center;background:#e6f3fd;height:34px;border-radius:8px;font-size:16px;font-weight:500;color:#0e89e8;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type .auth-time {position: absolute;
        right:73px;
        width: 34px;
        height: 19px;
        margin: 15px 11px 16px 57px;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #0d89e8;}
    .join-wrap .join-content .join-form-area .form-ip-area.btn-type .auth-time.auth-time-red{color: #ff0000;}
    .join-wrap .join-content .join-form-area .form-ip-area:first-child {margin-top:0;}
    .join-wrap .join-content .join-form-area .form-error {display:flex;margin: 15px 0 0 0;align-items:center;}
    .join-wrap .join-content .join-form-area .form-error span {font-size: 15px;font-weight:500;color:#ff0000;}
    .join-wrap .join-content .join-form-area .form-error .ico-error {width:12px;height:12px;background:url(https://resource.mall.castingn.com/static/images/ico-error.png) center no-repeat;margin-right: 5px;}
    .join-wrap .join-content .join-form-area .form-right-btn {margin-top:20px; display:flex; justify-content:flex-end;}
    .join-wrap .join-content .join-form-area .form-right-btn .btn-blue {height:40px; padding:0 25px; display:flex; align-items:center; border-radius:20px; background:#0e89e8;}
    .join-wrap .join-content .join-form-area .form-right-btn .btn-blue span {font-size:16px; font-weight:700; color:#fff;}
    .join-wrap .join-content .join-form-area .form-right-btn .btn-blue .ico-send {width:19px; height:14px; background:url(https://resource.mall.castingn.com/static/images/ico-send.png) center no-repeat; margin-left:10px;}
    .join-wrap .join-btn-area {margin-top:30px;}
    .join-wrap .join-btn-area .btn-comp {
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height: 50px;
        border-radius:8px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .join-wrap .join-btn-area .btn-comp  span {font-size:20px; font-weight:700; color:#fff; }
    .join-wrap .join-btn-area .btn-sns-add {margin-top:20px; display:flex; align-items:center; justify-content:center; width:100%;}
    .join-wrap .join-btn-area .btn-sns-add span {font-size:20px; font-weight:700; color:#111111; margin-right:10px;}
    .join-wrap .join-btn-area .btn-sns-add .ico-plus {width:28px; height:28px; background:url(https://resource.mall.castingn.com/static/images/ico-plus.png) center no-repeat;}

    .join-wrap .join-btn-area .btn-comp1{width: 100%; height: 50px; border-radius: 12px; background: #fff; border: 1px solid #c8c8c8; color: #101010; font-weight: bold; font-size: 14px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; text-align: center;}
    .join-wrap .join-btn-area .btn-comp2{width: 180px; height: 50px; border-radius: 12px; background: #fff; border: 1px solid #c8c8c8; color: #101010; font-weight: bold; font-size: 16px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
    .join-wrap .join-btn-area .btn-comp3{width: 100%; height: 50px; border-radius: 8px; background-color: #0d89e8; border: 0; color: #fff; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
    .join-wrap .join-btn-area a + a, .join-wrap .join-btn-area button + button{margin-left: 12px;}

    .join-wrap .join-content .join-form-area .join-form2 .form-item {position:relative;height:65px;margin-top: 10px;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item:first-child {margin-top:0;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input + label {position:absolute;left:0%;bottom:0;width:100%;height:100%;border: 1px solid #d9d9d9;border-radius: 8px;pointer-events:none;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input {box-sizing:border-box;padding: 20px 24px 5px;width:100%;height:100%;border:0 none;color: #000;outline:none;font-size: 18px;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item select { box-sizing:border-box; padding:20px 24px 5px; width:100%; height:100%; border:0 none; color: #000;outline:none;font-size: 18px;border: 1px solid #d9d9d9;border-radius: 8px; background:url(https://resource.mall.castingn.com/static/images/slc-arrow.png) calc(100% - 24px) no-repeat;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input + label span {position:absolute;left: 24px;bottom: 21px;transition:all .3s ease;font-size: 18px;color: #999999;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item input:focus + label span,
    .join-wrap .join-content .join-form-area .join-form2 .form-item input:valid + label span {transform: translateY(-17px);font-size: 13px;}
    .join-wrap .join-content .join-form-area .join-form2 .form-item select + label span {position:absolute;left: 24px;bottom: 21px;transition:all .3s ease;font-size: 13px;color: #999999;transform: translateY(-17px);}
    .join-wrap .join-content .join-form-area .join-form2 .form-item.imp-type label span:after {content:"*"; color:#ff0000;}
    .join-wrap .join-content .join-agree-area {margin-top:35px;}
    .join-wrap .join-content .join-agree-area .agree-item {border-bottom:1px solid #f0f0f0;  padding:10px 0;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] {display:none;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label {display:flex; align-items:center; width:100%; cursor:pointer;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label:before {content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:10px;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"]:checked + label:before {border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label p {font-size:16px; color:#333333; font-weight:500;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label.all-label p {font-size:18px; color:#010101;}
    .join-wrap .join-content .join-agree-area .agree-item input[type="radio"] + label p .t-red {color:#ff0000;}

    .join-wrap .join-content  .group-sel-list{position: relative;}
    .join-wrap .join-content  .group-sel-list .group-box{border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; display: flex; align-items: center; box-sizing: border-box; position: relative; margin-bottom: 16px; padding: 16px 19px 16px 32px; flex-wrap: wrap;}
    .join-wrap .join-content  .group-sel-list .group-box:before{width: calc(100% - 32px); left: 16px; position: absolute; display: block; height: 1px; background: #f5f5f5; content: ''; bottom: 62px;}
    .join-wrap .join-content  .group-sel-list .group-box.on{border: solid 2px #3089e8;}
    .join-wrap .join-content  .group-sel-list .group-box:last-child{margin-bottom: 0;}
    .join-wrap .join-content  .group-sel-list .group-box .pic-bg{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; background: #f5f5f5; border-radius: 50%; margin-right: 28px;}
    .join-wrap .join-content  .group-sel-list .group-box .pic-bg .pic1{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/ico-copic1.png) left/100% no-repeat;}
    .join-wrap .join-content  .group-sel-list .group-box .pic-bg .pic2{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/ico-copic2.png) left/100% no-repeat;}

    .join-wrap .join-content  .group-sel-list .group-box .item-list{display: flex; align-items: flex-start; flex-direction: column; height: 100%; width: calc(100% - 94px);}
    .join-wrap .join-content  .group-sel-list .group-box .item-list li.item1{color: #5e6062; font-size: 14px; font-weight: 500; margin-top: 6px;}
    .join-wrap .join-content  .group-sel-list .group-box .item-list li.item2{font-size: 16px; font-weight: bold; color: #444; line-height: 1.75; letter-spacing: -0.01px;}
    .join-wrap .join-content  .group-sel-list .group-box .item-list li.item3{font-size: 12px; font-weight: 500; color: #b3b7ba; margin-top: auto;}

    .join-wrap .join-content  .group-sel-list .group-box .group-name{padding: 0 12px 0 37px; height: 30px; border-radius: 15px;  border: solid 1px #dfe2e5; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; margin: 26px 0 0 0; position: relative;}
    .join-wrap .join-content  .group-sel-list .group-box .group-name span{font-size: 13px;  color: #333; letter-spacing: -0.52px; font-weight: bold;}

    .join-wrap .join-content  .group-sel-list .group-box .group-name .pic{display: flex; width: 30px; height: 30px; border-radius: 50%;  position: absolute; left: 0;}
    .join-wrap .join-content  .group-sel-list .group-box .group-name .pic.pic1{background: #32ab8c url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/ico-user.png) center 4px/29px no-repeat; border: 1px solid #138366;}
    .join-wrap .join-content  .group-sel-list .group-box .group-name .pic.pic2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/login/user-role-pin-mgr.png) left/100% no-repeat;}

    .join-wrap .join-content  .group-sel-list .group-box .rdbox{display:inline-flex; justify-content:flex-start; align-items:center; position: absolute; bottom: 16px; right: 19px; }
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]{cursor:pointer; outline:none; display:flex; background:#fff; border:2px solid #d5d5d5; width:24px; height:24px; border-radius:50%; overflow:hidden;
        appearance: none;-moz-appearance: none;-webkit-appearance: none; background:url(https://resource.mall.castingn.com/static/images/ico-rd-chk2.png) center no-repeat;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]:checked{width:24px;height:24px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]::-ms-check{outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:24px;height:24px;content:"";background:#fff;border-radius:50%;border:1px solid #999;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]:checked::-ms-check{color:transparent;background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox .tool-tip{ display: flex; position: absolute; border-radius: 9px; justify-content: center; align-items: center; color: #b3b4b5; font-size: 12px; font-weight: 500; left: -93px;}
    .join-wrap .join-content  .group-sel-list .group-box .rdbox input[type=radio]:checked + .tool-tip{color: #3089e8;}

    .ico-smile {display:block;width:40px;height:40px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-smile.png) center/100% no-repeat;margin: 0 auto 10px;}
    .ico-smile2 {display:block; width:40px; height:40px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-smile2.png) center/100% no-repeat; margin: 0 auto 10px;}

    .join-wrap .join-content .provision-txt {text-align:center;font-size: 14px;font-weight:500;color:#999999;margin-bottom:15px;}
    .join-wrap .join-content .provision-txt .t-emerald {color:#32ab8c;}
    .join-wrap .join-content .provision-box {border:1px solid #d9d9d9;border-radius:8px;overflow-y:auto;height: 150px;}
    .join-wrap .join-content .provision-box .provision-area {padding:20px;font-size: 13px;font-weight:500;color:#333333;}
    .join-wrap .join-content .provision-box2 {border:1px solid #d9d9d9;border-radius:8px;overflow-y:auto;height: 335px;}
    .join-wrap .join-content .provision-box2 .provision-area {padding:20px;font-size: 13px;font-weight:500;color:#333333;}

    .join-wrap .ico-join{display:block; width:50px; height:50px; background:url(https://resource.mall.castingn.com/static/images/sub/picto-info2.png) center/100% no-repeat; margin-bottom: 22px; image-rendering: -webkit-optimize-contrast;}

    .cop-view-box{height: auto; width: 100%; border-radius: 8px; background-color: #fff; display: flex; align-items: center; border: 1px solid #e5e5e5; justify-content: center;  margin-bottom: 12px; box-sizing: border-box; padding: 8px 0;}
    .cop-view-box .cop-info{display: flex; font-size: 16px; color: #5e6062; font-weight: bold; line-height: 24px; flex-direction: column; align-items: center; }
    .cop-view-box .cop-info > span{display: flex; align-items: center;}
    .cop-view-box .cop-info > span .ico-file{width: 24px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/account/ico-file.png) center/100% no-repeat; margin: 0 6px;}
    .cop-view-box .desc{font-size: 16px; color: #85888d; font-weight: bold;}
    .cop-view-box .desc strong{color: #5e6062;}

    .join-account-info{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 13px auto 0; width: 100%; padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; font-size: 20px;}
    .join-account-info .join-acount-info__tit{color: #5e6062; width: 100%; text-align: center; margin-bottom: 24px;}
    .join-account-info .join-acount-info__item .account{color: #5e6062; margin-bottom: 4px;}
    .join-account-info .join-acount-info__item .account b{font-weight: 500;}
    .join-account-info .join-acount-info__item .ymd{font-size: 14px; color: #85888D;}

    .join-account-txt{margin-top: 7px; font-size: 14px; color: #b3b7ba;}

    .join-slc-wrap .join-btn-area{margin-top: 48px; display: flex; align-items: center; justify-content: center; width: 100%;}
    .join-slc-wrap .join-btn-area button, .join-slc-wrap .join-btn-area a{box-sizing: border-box; border-radius: 8px; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center;}
    .join-slc-wrap .join-btn-area button + button, .join-slc-wrap .join-btn-area a + a{margin-left: 12px;}

    .join-slc-wrap .btn-comp1{width: 100%; height: 50px; font-size: 18px;}
    .join-slc-wrap .btn-comp2{width: 100%; height: 50px; font-size: 18px;}
    .join-slc-wrap .btn--blue{background-color: #0d89e8; color: #fff; font-weight: bold;}
    .join-slc-wrap .btn--white{background-color: #fff; color: #85888d; border: 1px solid #85888d;}

    .user-position-slc {display:flex; flex-wrap:wrap; }
    .user-position-slc .position-item {width:calc(33.3% - 8px); margin-right:11px;}
    .user-position-slc .position-item:nth-child(3n) {margin-right:0;}
    .user-position-slc .position-item:nth-child(n+4) {margin-top:11px;}
    .user-position-slc .position-item.all-position {width:calc(66% - 2px); margin-right:0;}
    .user-position-slc .position-item input[type="checkbox"] {display:none;}
    .user-position-slc .position-item input[type="checkbox"] + label {display:flex; width:100%; height:55px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid #d9d9d9; border-radius:8px; position:relative; cursor:pointer;}
    .user-position-slc .position-item input[type="checkbox"] + label span {font-size:15px; font-weight:500; color:#999999;}
    .user-position-slc .position-item input[type="checkbox"]:checked + label span {color:#0e89e8;}
    .user-position-slc .position-item input[type="checkbox"]:checked + label {border-color:#0e89e8;}
    .user-position-slc .position-item input[type="checkbox"]:checked + label:before {content:""; display:block; position:absolute; width:13px; height:13px; border-radius:8px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat; background-size:8px; top:3px; left:3px;}
    .join-wrap .join-content .form-disc {text-align:center;font-size: 14px;font-weight:500;color:#999999;margin-bottom:20px;}
    .join-wrap .join-content .form-disc .t-emerald {color:#32ab8c;}

    .corp-org-box{width: 100%; margin: 20px auto 0; box-sizing: border-box; border-top: 1px solid #f0f0f0; padding-top: 22px;}
    .corp-org-box .corp-org-box__tit{margin-bottom: 13px; font-size: 16px; font-weight: 500; display: block; color: #5e6062;}
    .corp-org-box .corp-org-box__input{height: 48px;}
    .corp-org-box .corp-org-box__input input{width: 100%; background: #fff; padding: 0 10px; border-radius: 6px; height: 100%; border: 1px solid #c8c8c8; box-sizing: border-box;}

    .join-wrap .membership-benefit {border:1px solid #d9d9d9;border-radius:8px;overflow-y:auto;height: 350px;}
    .join-wrap .membership-benefit .benefit-tt {padding: 20px;}
    .join-wrap .membership-benefit .benefit-tt dt {font-size:34px; font-weight:800; color:#333; line-height:40px;}
    .join-wrap .membership-benefit .benefit-tt dd {font-size:26px; font-weight:300; line-height:33px; letter-spacing:-0.075em; color:#333; margin-top:10px;}
    .join-wrap .membership-benefit .benefit-img {text-align:center;padding: 0 20px 20px;}
    .join-wrap .join-content .membership-join {margin-top:20px;}
    .join-wrap .join-content .membership-join input[type="checkbox"] {display:none;}
    .join-wrap .join-content .membership-join input[type="checkbox"] + label {display:flex; align-items:center; width:100%; cursor:pointer; justify-content:center;}
    .join-wrap .join-content .membership-join input[type="checkbox"] + label:before {content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:10px;}
    .join-wrap .join-content .membership-join input[type="checkbox"]:checked + label:before {border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .join-wrap .referrer-id {margin-top:30px; text-align:center;}
    .join-wrap .referrer-id dt {font-size:18px; font-weight:700; color:#0e89e8; line-height:22px; margin-bottom:10px;}
    .join-wrap .referrer-id input {width:100%;height: 50px;border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;line-height: 48px;text-align:center;padding:0 20px;font-size: 14px;font-weight:700;color:#000;}


    .join-wrap .membership-info-box{width: 100%;  background: #bcf5d5; border-radius: 8px; text-align: center; box-sizing: border-box; padding: 0 12px; padding-bottom: 30px;}
    .join-wrap .membership-info-box .txt1{color:#222; letter-spacing: -0.01px; font-size: 16px; padding-top: 28px;}
    .join-wrap .membership-info-box .txt1 b{font-weight: bold;}
    .join-wrap .membership-info-box .item-box{ border-radius: 12px; background: #fff; box-shadow: 0 6px 20px 0 rgba(50, 171, 140, 0.2); margin-top: 19px; display: flex; flex-direction: column; box-sizing: border-box; padding: 20px 22px 20px;}
    .join-wrap .membership-info-box .item-box .item-txt{font-size: 18px; color: #101010; letter-spacing: -0.01px; font-weight: bold; text-align: center; line-height: 24px;}
    .join-wrap .membership-info-box .item-box .item-txt span{color: #32ab8c;}
    .join-wrap .membership-info-box .item-box .btn-link{display: flex; justify-content: center; align-items: center; letter-spacing: -0.01px; background: #101010;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
        font-size: 16px; font-weight: bold; color: #fff; width: 227px; height: 44px; border-radius: 30px; margin: 14px auto 0;}

    .join-wrap .membership-info-box .txt2{font-size: 12px; color: #222; letter-spacing: -0.01px; margin-top: 24px; line-height: 24px; margin-bottom: 15px;}
    .join-wrap .membership-info-box .txt2 span{font-family: 'yg-jalnan';}
    .join-wrap .membership-info-box .txt2 b{font-weight: normal; font-size: 16px;}
    .join-wrap .membership-info-box .item-list{text-align: left;}
    .join-wrap .membership-info-box .item-list li{font-size: 16px; color: #222; margin-bottom: 5px; letter-spacing: -0.01px; padding-left: 20px; position: relative;}
    .join-wrap .membership-info-box .item-list li::before{width: 7px; height: 7px; border-radius: 50%; display: block; position: absolute; left: 0; top: 5px; content: ''; background: #222;}
    .join-wrap .membership-info-box .btn-area{display: flex; align-items: center; justify-content: center; margin-top: 34px;}
    .join-wrap .membership-info-box .btn-area a{width: 148px; height: 60px; border-radius: 27px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #222; background: rgba(255, 255, 255, 0.3); font-size: 12px; line-height: 16px;}
    .join-wrap .membership-info-box .btn-area a b{font-weight: bold;}
    .join-wrap .membership-info-box .btn-area a + a{margin-left: 8px; background: rgba(255, 255, 255, 1);}




    .join-wrap .member-use-wrap .member-use-box {margin-top:25px; border:1px solid #d9d9d9; border-radius:8px; overflow:hidden;}
    .join-wrap .member-use-wrap .member-use-box:first-child {margin-top:0;}
    .join-wrap .member-use-wrap .member-use-box .box-scroll {min-height:190px; max-height:340px; overflow-y:auto;}
    .join-wrap .member-use-wrap .member-use-box .benefit-tt {padding:25px;}
    .join-wrap .member-use-wrap .member-use-box .benefit-tt dt {font-size: 20px;font-weight:800;color:#333;line-height: 22px;}
    .join-wrap .member-use-wrap .member-use-box .benefit-tt dd {font-size: 14px;font-weight:300;line-height: 20px;letter-spacing:-0.075em;color:#666666;margin-top:5px;}
    .join-wrap .member-use-wrap .member-use-box .box-btn {display:flex; align-items:center; justify-content:center; height:50px; position:relative;
        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 );
    }
    .join-wrap .member-use-wrap .member-use-box .box-btn span {font-size: 15px;font-weight:700;color:#fff;}
    .join-wrap .member-use-wrap .member-use-box .box-btn:after {content:""; display:block; width:22px; height:9px; background:url(https://resource.mall.castingn.com/static/images/ico-box-arrow.png) center no-repeat; right:40px; top:17px; position:absolute;}

    .already-join-wrap {border:1px solid #d9d9d9; border-radius:8px; overflow:hidden;}
    .already-join-wrap .already-tt {height:50px; background:#97aec0; line-height:50px; padding:0 20px; font-size:16px; color:#fff; font-weight:500;}
    .already-join-wrap .already-cont {padding:0 20px;}
    .already-join-wrap .already-cont .already-item {border-top:1px solid #f0f0f0; padding:25px 0;}
    .already-join-wrap .already-cont .already-item:first-child {border-top:0;}
    .already-join-wrap .already-cont .already-item dt {font-size:19px; color:#333; display:flex; align-items:center;}
    .already-join-wrap .already-cont .already-item dt strong {display:flex; align-items:center; margin-right:5px;}
    .already-join-wrap .already-cont .already-item dd {margin-top:10px;}
    .already-join-wrap .already-cont .already-item dd li {font-size:14px; line-height:20px; color:#999999; font-weight:500;}
    .already-join-wrap .already-cont .already-item .ico-naver {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-naver.png) center no-repeat; margin-right:5px}
    .already-join-wrap .already-cont .already-item .ico-kakao {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-kakao.png) center no-repeat; margin-right:5px}
    .already-join-wrap .already-cont .already-item .ico-fb {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-fb.png) center no-repeat; margin-right:5px}
    .already-join-wrap .already-cont .already-item .ico-google {display:block; width:31px; height:31px; background:url(https://resource.mall.castingn.com/static/images/ico-already-google.png) center no-repeat; margin-right:5px}

    .add-sns-wrap {border:1px solid #d9d9d9; border-radius:8px; overflow:hidden; margin-bottom:20px; padding:0 20px;}
    .add-sns-wrap .add-option {display:flex; align-items:center; border-bottom:1px solid #f0f0f0; height:50px;}
    .add-sns-wrap .add-option span {font-size:16px; color:#999999; font-weight:500;}
    .add-sns-wrap .add-option i.ico-plus {width:22px; height:22px; background:url(https://resource.mall.castingn.com/static/images/ico-plus.png) center no-repeat; background-size:100%; margin-right:10px;}

    .add-sns-wrap .add-cont .add-item {border-top:1px solid #f0f0f0; padding:25px 0;}
    .add-sns-wrap .add-cont .add-item:first-child {border-top:0;}
    .add-sns-wrap .add-cont .add-item dt {font-size:20px; color:#333; display:flex; align-items:center;}
    .add-sns-wrap .add-cont .add-item dt strong {display:flex; align-items:center; margin-right:5px;}
    .add-sns-wrap .add-cont .add-item dd {margin-top:10px;font-size:16px; line-height:20px; color:#999999; font-weight:500;}

    .common-tit2 {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.33;
        padding-bottom: 11px;
        border-bottom: 1px solid #cbcbcb;
    }




    .manage-box{border-top: 1px solid #cbcbcb; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px 0; margin-bottom: 120px;}


    .manage-box i.ico-list{width: 40px; height: 40px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-st-cont1.png) no-repeat center center / contain ;}


    .manage-box i.ico-purchase{width: 107px; height: 79px; background: url(https://resource.mall.castingn.com/static/images/ico-purchase.png) left no-repeat;}


    .container-myservice .manage-box i.ico-list{background-image: url(https://resource.mall.castingn.com/static/images/picto_my.png);}


    .manage-box p{ line-height: 1.41; font-size: 11px; color: #333; text-align: center; margin: 5px 0 20px;}
    .manage-box .bt-list{display: flex; align-items: center; flex-direction: column;}
    .manage-box .bt-list button{ display: block; color: #000; font-weight: 700; font-size: 12px; background: #fff; width: 163px; height: 40px; border: 1px solid #c8c8c8; border-radius: 30px; margin-bottom: 5px;}
    .manage-box .bt-list button:hover{background: #0e89e8; color: #fff; border: 1px solid #0e89e8;}
    .provision-tab {display:flex; justify-content:center; padding:0 0 45px 0;}
    .provision-tab ul {display:flex; justify-content:center; align-items:center;}
    .provision-tab ul .btn-tab {font-size:18px; font-weight:500; color:#666666;}
    .provision-tab ul .btn-tab.active-tab {font-weight:700; color:#0e89e8;}
    .provision-tab ul li:nth-child(n+2) {margin-left:25px; padding-left:25px; position:relative;}
    .provision-tab ul li:nth-child(n+2):before {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:12px; margin-top:-6px; background:#d7d7d7;}
    .provision-line-box {border:1px solid #d9d9d9; border-radius:8px; overflow-y:auto; height:660px; margin:0 auto; max-width:670px;}
    .provision-line-box .provision-area {display:none; padding:25px; font-size:16px; font-weight:500; color:#666; line-height:20px;}
    .provision-line-box .provision-area.active-area {display:block;}

    /* s  */
    .basket-wrap2 .msg-area{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 30px;}
    .basket-wrap2 .msg-area.msg-success::before{width: 49px; height: 49px; background:url(https://resource.mall.castingn.com/static/images/ico-check.png) center/49px no-repeat; content: '';}
    .basket-wrap2 .msg-area span{margin-top: 7px;}
    .basket-wrap2 .msg-area span:first-child{color: #000; font-weight: 700; font-size: 22px; letter-spacing: -0.22px; margin-top: 23px;}
    .basket-wrap2 .msg-area span.fs-1{font-size: 17px; line-height: 20px;}
    .basket-wrap2 .msg-area span:nth-child(2){font-size: 14px; color: #666; margin-top: 14px;}
    .basket-wrap2 .msg-area span:last-child{font-size: 14px; color: #000; margin-top: 7px;}
    .basket-wrap2 .msg-area .msg-tt0{color: #32ab8c; font-size: 18px; letter-spacing: -0.18px;}
    .basket-wrap2 .msg-area .msg-tt1{color: #666; font-size: 14px; font-weight: 500;}
    .basket-wrap2 .msg-area .msg-tt2{color: #0e89e8; font-size: 17px; font-weight: 700; letter-spacing: -0.17px;}
    .basket-wrap2 .msg-area .msg-tt3{color: #000000; font-size: 17px; font-weight: 700; letter-spacing: -0.17px;}
    .basket-process-wrap{padding: 0 16px 20px 16px;}

    .basket-process-wrap .search-area{display: flex; align-items: center; margin-top: 15px;}
    .basket-process-wrap .search-box{height: 40px; border: 1px solid #dadddf; border-radius: 8px; display: flex; width: 100%; box-sizing: border-box; align-items: center; padding: 0 7px;}
    .basket-process-wrap .search-box input{width: calc(100% - 38px); padding-left: 10px; font-size: 16px; height: 35px;}
    .basket-process-wrap .search-box button{width: 28px; height: 28px; text-indent: -99999px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-search1.png) center no-repeat; margin-right: 10px;}
    .basket-process-wrap .period-search-box{display: flex; margin-top: 12px; align-items: center; margin-bottom: 37px; flex-direction: column; align-items: flex-start;}
    .basket-process-wrap .period-search-box .period-bt-group{display: flex; align-items: center; margin-bottom: 9px;}
    .basket-process-wrap .period-search-box .period-bt-group button{width: 70px; height: 30px; background: #fff; border: 1px solid #aaaeb1; color: #5e6062; font-size: 12px; margin-right: 6px; font-weight: bold; border-radius: 8px; }
    .basket-process-wrap .period-search-box .period-bt-group button.active{color: #0e89e8; border: 2px solid #0e89e8;}
    .basket-process-wrap .period-search-box .ymd-group{display: flex; align-items: center;}
    .basket-process-wrap .period-search-box .ymd-area{display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .period-search-box .ymd-area .ymd{width: 103px; height: 30px; text-align: left; background: #fff; border: 1px solid #aaaeb1; font-size: 12px; color: #1e1e1e; box-sizing: border-box; display: flex; align-items: center; font-weight: bold; padding-left: 12px; border-radius: 8px;}
    /*.basket-process-wrap .period-search-box .ymd-area .dot{margin: 0 4px;}*/
    .basket-process-wrap .period-search-box .ymd-area .period{margin-right: 21px; font-size: 14px; color: #5e6062; display: none;}
    .basket-process-wrap .period-search-box .ymd-box{position: relative;}
    .basket-process-wrap .period-search-box .ymd-box .btn-cal{width: 14px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/icons/ico-cal.png) left/100% no-repeat; position: absolute; right: 7px; top: 7px; font-size: 0; text-indent: -9999999px;}
    .basket-process-wrap .period-search{margin-left: 14px;}
    .basket-process-wrap .period-search button{width: 86px; height: 30px; color: #fff; font-size: 12px; background:#0e89e8; border-radius: 8px;}

    .basket-process-wrap .btn-item-toggle{width: 100%; justify-content: center; border-top: 1px solid #d9d9d9; height: 58px; margin-top: 27px;}
    .basket-process-wrap .btn-item-toggle span{font-size: 16px; color: #3a3b3c; letter-spacing: -0.01px; display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .btn-item-toggle span:after{content: ''; width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/icons/ico-tg-down.png) left/100% no-repeat; margin-left: 6px;}
    .basket-process-wrap .btn-item-toggle.on span:after{transform: rotate(180deg);}

    .basket-process-wrap .basket-box{border: 1px solid #e7e9eb; border-radius: 10px; margin-top: 8px; padding: 0 10px; margin-bottom: 16px;}
    .basket-process-wrap .basket-head{display: flex; align-items:flex-start; border-bottom: 1px solid #aaaeb1; padding: 13px 0; flex-wrap: wrap; position: relative; }
    .basket-process-wrap .basket-head.type1{align-items: center;}
    .basket-process-wrap .basket-head .co-name{display: flex; align-items: center;}
    .basket-process-wrap .basket-head .co-name .basket-co-thum{width: 22px; height: 22px; margin-right: 6px;}
    .basket-process-wrap .basket-head .co-name strong{font-size: 15px; color: #000;}
    .basket-process-wrap .basket-head .basket-deliver{margin-left: auto; display: flex; align-items: flex-end; font-size: 10px; color: #333; flex-direction: column; line-height: 18px; letter-spacing: -0.48px;}
    .basket-process-wrap .basket-head .basket-deliver.po1{margin-left: 8px; margin-top: 2px; font-size: 12px;}
    .basket-process-wrap .basket-head .basket-deliver strong{font-weight: bold; color: #333;}
    .basket-process-wrap .basket-head .bt-inquiry{position: absolute; bottom: 13px; left: 28px; color: #0e89e8; text-decoration: underline;}
    .basket-process-wrap .basket-head .basket-deliver .bt-detail{font-weight: 700; color: #000;  display: flex; align-items: center; }
    .basket-process-wrap .basket-head .basket-deliver .bt-detail::after{width: 6px; height: 10px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-detail.png) center/100% no-repeat; margin-left: 7px; content: '';}

    .basket-process-wrap .btn-odr{display: flex; align-items: center; margin:19px 0 -8px; flex-direction: column; align-items: flex-end;}
    .basket-process-wrap .btn-odr a{font-size: 14px; letter-spacing: -0.56px; color: #0e89e8; font-weight: bold; display: flex; align-items: center; }
    .basket-process-wrap .btn-odr a::after{width: 6px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/ico-btn-arrow.png) left/100% no-repeat; margin-left: 4px; content: '';}
    .basket-process-wrap .btn-odr span{color: #666; font-size: 14px; letter-spacing: -0.56px; font-weight: 500;}

    .basket-process-wrap .tab-area{display: flex; align-items: flex-start; position: relative;}
    .basket-process-wrap .tab-area a{display: flex; align-items: center; justify-content: center;  font-size: 16px; color: #222; box-sizing: border-box; font-weight: 700; padding: 26px 16px 9px 17px;}
    .basket-process-wrap .tab-area a.on{ border-bottom: 3px solid #0d89e8;}

    .basket-process-wrap .mo-basket-deliver{display: flex; flex-direction: column; align-items: center; font-size: 14px; border-bottom: 1px solid #ececec; padding: 10px 0;}
    .basket-process-wrap .mo-basket-deliver .order-tt{color: #666;}
    .basket-process-wrap .mo-basket-deliver .order-stat{color: #333; margin-bottom: 15px;}
    .basket-process-wrap .mo-basket-deliver .order-stat .col-ty1{color: #32ab8c;}
    .basket-process-wrap .mo-basket-deliver .mo-bt-area{display: flex; align-items: center;}
    .basket-process-wrap .mo-basket-deliver .mo-bt-area button{width: 86px; height: 30px; background: #fff; border: 1px solid #d7d9db; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-left: 6px;}
    .basket-process-wrap .mo-basket-deliver .mo-bt-area button:first-child{margin-left: 0px;}
    .basket-process-wrap .mo-basket-deliver .mo-bt-area button.bt-blue{color: #0e89e8; border: 1px solid #0e89e8;}
    .basket-process-wrap .chk-item{margin-right: 7px; margin-bottom: auto;}
    .basket-process-wrap .chk-item input[type="checkbox"]{display: none;}
    .basket-process-wrap .chk-item input[type="checkbox"] + label{font-size: 0; text-indent: -999999px; line-height: 0;}
    .basket-process-wrap .chk-item input[type="checkbox"] + label::before{content: ''; width: 16px; height: 16px; border: 1px solid #c8c8c8; display: block; border-radius: 6px;}
    .basket-process-wrap .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;}
    .basket-process-wrap .payment-table .chk-item2{display: flex; align-items: center; margin-left: 10px; margin-bottom: 0;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"]{display: none;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"] + label{ text-indent: unset; font-size: 14px; position: relative; padding-left: 25px;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"] + label::before{content: ''; width: 16px; height: 16px; border: 2px solid #dedede; display: block; border-radius:4px; margin-right: 5px; position: absolute; left: 0; top: 0;}
    .basket-process-wrap .payment-table .chk-item2 input[type="checkbox"]:checked + label::before{border: 2px solid #0e89e8; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}
    .basket-process-wrap .payment-table	.chk-item2.chk-item-tt{background: #fff; margin: 0px; padding: 10px 0;}
    .basket-process-wrap .basket-head .basket-deliver span{color: #333; display: flex; align-items: center;}
    .basket-process-wrap .basket-head .basket-deliver span i.ico-info{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-info.png) center/100% no-repeat; margin-left: 7px;}
    .basket-process-wrap .basket-list{border-bottom: 1px solid #aaaeb1; position: relative; padding: 10px 0 44px 0; align-items: flex-start; display: flex; flex-wrap: wrap;}
    .basket-process-wrap .basket-list.m-layout1{padding-bottom: 70px;}
    .basket-process-wrap .basket-list.sold-out .basket-detail *{color: #d9d9d9 !important; -webkit-filter: grayscale(100%); filter: gray;}
    .basket-process-wrap .basket-list.sold-out .basket-thum img{-webkit-filter: grayscale(100%); filter: gray;}
    .basket-process-wrap .basket-list.sold-out .bt-basket{-webkit-filter: grayscale(100%); filter: gray;}
    .basket-process-wrap .basket-list span.ico-soldout{width: 47px; height: 25px; border-radius: 5px; background: #787878; display: flex; align-items: center; justify-content: center; font-size: 12px; position: absolute; left: 34px; top: 27px; display: none;}
    .basket-process-wrap .basket-list.sold-out .basket-thum::after{width: 100%; height: 100%; background:  rgba(126, 126, 126, 0.5); content:''; display: block; left: 0; top: 0; position: absolute;}
    .basket-process-wrap .basket-list.sold-out .basket-thum::before{width: 47px; height: 25px;	border-radius: 5px;	background: #787878; display: flex; align-items: center;	justify-content: center;	font-size: 12px;	position: absolute;	left: 6px;
        top: 16px; content: '품절';	z-index: 1;	color: #fff;}

    .basket-process-wrap .basket-list.m-layout1 .btn-area{position: absolute; right: 0; top: 10px;}
    .basket-process-wrap .basket-list .btn-com1{width: 86px; height: 23px; border-radius: 6px; border: solid 1px #aaaeb1;	background-color: #fff; font-size: 12px; color: #5e6062;}
    .basket-process-wrap .basket-list .btn-com2{font-size: 12px; color: #0e89e8; display: flex; align-items: center;}
    .basket-process-wrap .basket-list .ico-exm{width: 17px; height: 17px; border-radius: 50%; border: 1px solid #0e89e8; font-size: 11px; color: #0e89e8; box-sizing: border-box; display: flex; justify-content: center;
        align-items: center; padding-top: 2px; margin-right: 5px;}

    .basket-process-wrap .basket-list	.m-item-area{width: 100%; margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-start;}
    .basket-process-wrap .basket-list	.m-item-area .basket-deliver{font-size: 12px; color: #333; letter-spacing: -0.56px; }
    .basket-process-wrap .basket-list	.m-item-area .basket-deliver strong{margin-right: 6px;}
    .basket-process-wrap .basket-list	.m-item-area button{margin-left: auto;}
    .basket-process-wrap .basket-list   .m-item-area button:disabled{background: rgba(0, 0, 0, 0.1); color: #b3b7ba;}

    .basket-process-wrap .basket-list .stat-msg{font-size: 12px; color: #0e89e8 !important; display: flex; align-items: center; font-weight: 500; margin-left: auto;}
    .basket-process-wrap .basket-list .ico-exm{width: 17px; height: 17px; border-radius: 50%; border: 1px solid #0e89e8; font-size: 11px; color: #0e89e8; box-sizing: border-box; display: flex; justify-content: center;
        align-items: center; padding-top: 2px; margin-right: 5px;}

    .basket-process-wrap .basket-list:last-child{border-bottom: none;}
    .basket-process-wrap .basket-list .basket-thum{width: 60px; height: 60px; margin: 0; position: relative; border: 1px solid #e7e9eb; box-sizing: border-box;}
    .basket-process-wrap .basket-list .basket-thum img{width: 100%; height: 100%; object-fit: cover;}
    .basket-process-wrap .basket-list .basket-detail .basket-price{display: flex; align-items: center;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.ico-smtpin{width: 82px; height: 17px;  display: flex; border: 1px solid #4ab698; background: #fff; font-size: 10px; color: #000; border-radius: 30px; align-items: center; justify-content: center; font-weight: bold;
        position: relative; box-sizing: border-box; padding-left: 10px; padding-top: 2px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.ico-smtpin:before{width: 15px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-logo.png) left/100% no-repeat; position: absolute; left: -1px; top: 0; content: '';}
    .basket-process-wrap .basket-list .count{margin-left: auto;}
    .basket-process-wrap .basket-list .count .bt-basket{width: 46px; height: 46px; background: url('https://resource.mall.castingn.com/static/images/ico-bt-basket.png') center/100% no-repeat; text-indent: -999999px; overflow: hidden;}
    .basket-process-wrap .basket-list .count .bt-like {
        width: 36px;
        height: 36px;
        border: solid 1px #c8c8c8;
        border-radius: 6px;
        background: url(https://resource.mall.castingn.com/static/images/ico_like.png) no-repeat center center / 60%;
        text-indent: -999999px;
        overflow: hidden;
    }

    .basket-process-wrap .basket-list.m-layout1 .count .bt-basket{position: absolute; right: 0; bottom: 14px;}

    .basket-process-wrap .basket-list .est-area{position: absolute; bottom: 10px; left: 0; display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .basket-process-wrap .basket-list .est-area .est-tt{font-size: 12px; color: #000;}
    .basket-process-wrap .basket-list .est-area .btn-est{width: 70px; height: 23px; border: 1px solid #aaaeb1; font-size: 12px; color: #5e6062; font-weight: bold; border-radius: 6px; margin-left: auto;}
    .basket-process-wrap .basket-list .est-area .btn-est::before{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-est.png); content: ''; display: inline-block; vertical-align: middle; margin-right: 3px;}
    .basket-process-wrap .basket-list .period{color: #000; font-size: 12px; margin-top: 3px;}
    .basket-process-wrap .basket-list .total-amount{position: absolute; font-size: 14px; font-weight: bold; color: #000; letter-spacing: -0.56px; bottom: 14px; right: 0;}
    .basket-process-wrap .basket-list.m-layout1 .total-amount{right: 64px; bottom: 30px;}
    .basket-process-wrap .basket-list.m-layout1 .total-amount.cancel{right: 0;}

    .basket-process-wrap .basket-list.m-layout1 .total-amount.m-layout1{right: 94px;}

    .basket-process-wrap .basket-list .count .bt-basket2{width: 36px; height: 36px; background: url('https://resource.mall.castingn.com/static/images/ico-bt-basket2.png') center/100% no-repeat; text-indent: -999999px; overflow: hidden;}
    .basket-process-wrap .basket-list .count .bt-complete{width: 36px; height: 36px; background: url('https://resource.mall.castingn.com/static/images/ico-bt-complete.png') center/100% no-repeat; text-indent: -999999px; overflow: hidden; display: block;}
    .basket-process-wrap .basket-line .basket-list .basket-detail .basket-price{margin-left: 89px;}
    .basket-process-wrap .basket-line{/*border-top: 1px solid #d9d9d9;*/ border-bottom: 1px solid #d9d9d9;  letter-spacing: -0.04em;}
    .basket-process-wrap .basket-list .basket-detail .basket-price.basket-price-po1{margin-left: 100px;}
    .basket-process-wrap .basket-list .basket-detail a{color: #333; letter-spacing: -0.56px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 6px;
        word-break: keep-all; margin-top: -4px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span{display: block; font-size: 13px; color: #666;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span strong{color: #32ab8c; margin-left: 5px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span.basket-price-tt3 .amount{font-size: 14px; color: #000; display: inline-block;}
    .basket-process-wrap .basket-list .basket-detail .basket-price span:last-child{font-size: 14px; color: #0e89e8; font-weight: 700; margin-left: 3px;}
    .basket-process-wrap .basket-list .basket-detail .basket-price .price-code{background: #b4b4b4; color: #fff; font-size: 12px; font-weight: 500; padding: 3px 5px;}
    .basket-process-wrap .basket-list .quantity-group1{display: flex; align-items: center; height: 25px; position: absolute; right: 0; bottom: 15px;}
    .basket-process-wrap .basket-list .quantity-group1 button{text-indent: -9999999px; width: 25px; height: 100%; overflow: hidden;}
    .basket-process-wrap .basket-list .quantity-group1 button.bt-left{border: 1px solid #d9d9d9; border-radius: 20px 0 0 20px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-minus.png) center/40% no-repeat;}
    .basket-process-wrap .basket-list .quantity-group1 button.bt-right{border: 1px solid #d9d9d9; border-radius: 0 20px 20px 0px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-plus.png) center/40% no-repeat;}
    .basket-process-wrap .basket-list .quantity-group1 .quantity-tt{width: 35px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500;}
    .basket-process-wrap .basket-total{margin: 16px 0 19px 0;}
    .basket-process-wrap .basket-total .price-calc{font-size: 12px; display: flex; justify-content: center; align-items: center; position: relative;}
    .basket-process-wrap .basket-total .price-calc.price-po1{margin-right: 8px; justify-content: flex-end;}
    .basket-process-wrap .basket-total .price-calc.price-po2{margin-left: auto;}
    .basket-process-wrap .basket-total .price-calc.price-po3{margin-right: 8px; justify-content: flex-end;}
    .basket-process-wrap .basket-total .price-calc span{color: #666666; display: flex; flex-direction: column; align-items: center; position: relative;}
    .basket-process-wrap .basket-total .price-calc span.smt-tt{color: #fff;font-weight: normal;width: 104px;height: 20px;background: #32ab8c;display: flex;align-items: center;justify-content: center;font-size: 10px;border-radius: 30px; position: absolute; left: -24px; top: -31px;}
    .basket-process-wrap .basket-total .price-calc span.smt-tt:after{width: 0px; height: 0px;  border-top: 8px solid #32ab8c; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; display: block; content: ''; top: 18px;}

    .basket-process-wrap .basket-total .price-calc .total-num b{font-size: 16px; font-weight: bold;}
    .basket-process-wrap .basket-total .price-calc b{font-weight: 500; color: #101010; margin-left: 7px; font-size: 12px; margin-bottom: 11px;}
    .basket-process-wrap .basket-total .price-calc i.ico-cal-plus{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) center/100% no-repeat;}
    .basket-process-wrap .basket-total .price-calc i.ico-cal-equal{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) center/100% no-repeat;}
    .basket-process-wrap .basket-total .price-calc i{margin: 0 5px;}

    .basket-process-wrap .basket-total .m-btn-area{display: flex; align-items: center; margin-bottom: 16px;}
    .basket-process-wrap .basket-total .m-btn-area button{height: 35px; border: 1px solid #d9d9d9; border-radius: 8px; color: #5e6062; font-size: 13px; flex-grow: 1; margin-right: 15px; font-weight: bold;}
    .basket-process-wrap .basket-total .m-btn-area button:last-child{margin-right: 0;}

    .basket-process-wrap .basket-head .basket-deliver span button.ico-chat{width: 48px; height: 48px; background: url(https://resource.mall.castingn.com/static/images/ico-chat.png) center/100% no-repeat; margin: -13px 0; text-indent: -9999999px; font-size: 0; position: relative;}
    .basket-process-wrap .basket-head .basket-deliver span button.ico-chat.on{width: 48px; height: 48px; background: url(https://resource.mall.castingn.com/static/images/ico-chat-on.png) center/100% no-repeat; text-indent: -9999999px; font-size: 0;}
    .basket-process-wrap .basket-head .basket-deliver span button.ico-chat.no-chat.tool::before{width: 233px; height: 52px; content: '지금은 파트너와 상담 가능한 시간이 아닙니다.'; display: block; background: url(https://resource.mall.castingn.com/static/images/tooltip.png) left/100%; z-index: 1; left: -189px; top: -30px;
        position: absolute; color: #fff; text-align: center; box-sizing: border-box; letter-spacing: -0.48px; text-indent: 1px; font-size: 12px; font-weight: bold; padding-top: 5px;}
    .basket-process-wrap .basket-head .basket-deliver span.cs-off{color: #adadad;}

    .basket-process-wrap .basket-list .basket-thum2{position: absolute;width: 65px;height: 65px;left: 0;/* bottom: 13%; */display: flex;flex-direction: column;align-items: center;height: 100%;justify-content: center;margin-top: 44px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price{margin: 6% 0 0 62px; min-height: 61px; display: flex; flex-flow: column; justify-content: center;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price.basket-price-po1{margin-left: 80px;}
    .basket-process-wrap .basket-list .basket-detail2 a{color: #000;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span{display: block; font-size: 13px; color: #666;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span.amount{display: inline-block;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span strong{color: #32ab8c;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price span.basket-price-tt3{font-size: 16px; color: #0e89e8; font-weight: 700; display: inline-block;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price .price-code{background: #b4b4b4; color: #fff; font-size: 12px; font-weight: 500; padding: 3px 5px;}
    .basket-process-wrap .basket-list .basket-detail2 .basket-price .period-tt{font-weight: 500; font-size: 13px;}
    .basket-process-wrap .basket-list .basket-detail2 .pre_tt{color: #507690;}
    .basket-process-wrap .basket-list .quantity-group2{display: flex; position: absolute; top: 89px; right: 0;}
    .basket-process-wrap .basket-list .quantity-group2.po-abt{position: absolute; right: 0; top: 50%;}
    .basket-process-wrap .basket-list .quantity-group2 button{text-indent: -9999999px; width: 25px; height: 100%; overflow: hidden;}
    .basket-process-wrap .basket-list .quantity-group2 button.bt-left{border: 1px solid #d9d9d9; border-radius: 20px 0 0 20px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-minus.png) center/40% no-repeat;}
    .basket-process-wrap .basket-list .quantity-group2 button.bt-right{border: 1px solid #d9d9d9; border-radius: 0 20px 20px 0px; background: #fff url(https://resource.mall.castingn.com/static/images/ico-bt-plus.png) center/40% no-repeat;}
    .basket-process-wrap .basket-list .quantity-group2 .quantity-tt{width: 35px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500;}
    .basket-process-wrap .basket-list .basket-option{font-size: 13px; width: 100%; padding-bottom: 10px;}
    .basket-process-wrap .basket-list .basket-option span{display: block; color: #333; font-size: 14px;}
    .basket-process-wrap .basket-list .basket-option span.amount{display: inline-block;}
    .basket-process-wrap .basket-list .basket-option .dot-list{font-weight: 700; color: #000;}
    .basket-process-wrap .basket-list .basket-option .dot-list li{ margin-top: 6px;}
    .basket-process-wrap .basket-list .basket-option .dot-list li::before{width: 4px; height: 4px; background: #000; border-radius: 10px; content:  ''; display: inline-block; vertical-align: middle; margin-right: 5px;}
    .basket-process-wrap .basket-list .basket-option .rd-list{width: 100%;}
    .basket-process-wrap .basket-list .basket-option .rd-list li{display: flex; font-size: 14px; position: relative; margin-top: 29px;}
    .basket-process-wrap .basket-list .basket-option .rd-list li:first-child{margin-top: 10px;}
    .basket-process-wrap .basket-list .basket-option .rd-list li .rd-group{margin-left: auto;}
    .basket-process-wrap .basket-list .basket-option .rd-list li .rd-group .price{position: absolute; color: #138fdf; left: 21px; top: 21px; font-weight: 700;}
    .basket-process-wrap .basket-list .basket-option .rd-list input[type="radio"]{display: none;}
    .basket-process-wrap .basket-list .basket-option .rd-list input[type="radio"]:checked + label::before{width: 8px; height: 8px; border: 5px solid #0e89e8;}
    .basket-process-wrap .basket-list .basket-option .rd-list label{display: flex; align-items: center;}
    .basket-process-wrap .basket-list .basket-option .rd-list label::before{width: 14px; height: 14px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}
    .basket-process-wrap .basket-list .basket-option .rd-list .list-tt{color: #138fdf; margin-left: 5px;}
    .basket-process-wrap .basket-list .basket-option .rd-list .list-tt .amount{color: #333;}

    .basket-process-wrap .basket-list.request-include{padding-bottom: 80px;}
    .basket-process-wrap .basket-list .request{position: absolute; right: 0; bottom: 10px; width: 76%;}
    .basket-process-wrap .basket-list .request button{display: block; border: 1px solid #0e89e8; font-size: 13px; color: #0e89e8; width: 100%; padding: 4px 0;}
    .basket-process-wrap .basket-list .request .request-tt{color: #fc0000; font-size: 13px; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 4px;}
    .basket-process-wrap .basket-list .request .request-tt .ico-error{width:12px; height:12px; background:url(https://resource.mall.castingn.com/static/images/ico-error.png) center no-repeat; margin-right: 5px;}
    .basket-list{border-bottom: 1px solid #e7e9eb; display: flex; padding: 10px 0 15px; align-items: center; position: relative;}
    .basket-list .basket-thum{margin: 0 20px 0 41px;}
    .container-favorite .basket-list .basket-thum{margin: 0;}
    .basket-list .basket-thum span{display: block; font-size: 13px; color: #666666; margin-bottom: 3px;}
    .basket-list .basket-detail{text-align: left; display: flex; flex-direction: column; width: calc(100% - 60px); padding-left: 8px; box-sizing: border-box; }
    .basket-list.chk .basket-detail{width: calc(100% - 85px);}
    .basket-list .basket-detail .detail-tt1{font-size: 18px;color: #000;font-weight: 700; margin-bottom: 12px; margin-top: -27px;}
    .basket-list .basket-detail .detail-tt2{font-size: 20px; color: #0e89e8; font-weight: 700;}

    .basket-list .service-bt-area{position: absolute;right: 0; top: 10px;}
    .basket-list .service-bt-area button{
        width: 80px; height: 14px;
        line-height: 14px;;
        font-size: 10px; color: #000; border: 1px solid #c8c8c8; border-radius: 3px; display: block; margin-bottom: 4px;
    }
    .basket-list .service-bt-area button:last-child{margin-bottom: 0;}
    .basket-list:last-child{border-bottom: none;}

    .basket-list .basket-option{display: flex; flex-direction: column; align-items: flex-start; margin:0 0 0 23px; width: 100%;}
    .basket-list .basket-option span{margin-bottom:6px; color: #333333; font-size: 10px;}
    .basket-list .basket-option .dot-list{ line-height: 15px; font-size: 10px; color: #000000; font-weight: 800; margin-left: 0;}
    .basket-list .basket-option .dot-list li{margin-top: 0;}
    .basket-list .basket-option .dot-list li:first-child{margin-top: 0;}
    .basket-list .basket-option .dot-list li::before{width: 2px; height: 2px; border-radius: 2px; background: #666666; display: inline-block; content: ''; vertical-align: middle; margin-right: 8px;}
    .basket-list .basket-option .rd-list{font-size: 10px; font-weight: bold; color: #000000; margin-left: 0;}
    .basket-list .basket-option .rd-list li{margin-top: 10px;}
    .basket-list .basket-option .rd-list li:first-child{margin-top: 0;}
    .basket-list .basket-option .rd-list li::before{width: 2px; height: 2px; border-radius: 2px; background: #666666; display: inline-block; content: ''; vertical-align: middle; margin-right: 8px;}

    .basket-process-wrap .useinfo-box{border: solid 1px #d9d9d9; background-color: #f7f7f7; box-sizing: border-box; padding: 16px; display: flex; flex-direction: column; color: #000; margin: 24px 0 10px 0; line-height: 1;}
    .basket-process-wrap .useinfo-box .user-box{width: 100%; height: 116px; box-sizing: border-box; border-radius: 8px;	border: solid 1px #181818; background-color: #fff; display: flex; justify-content: space-between; padding: 16px 16px 16px 22%; position: relative;}
    .basket-process-wrap .useinfo-box .user-comp{font-size: 14px; display: flex; flex-direction: column; color: #999; margin-top: 10px;}
    .basket-process-wrap .useinfo-box .user-comp .name{font-size: 16px; font-weight: bold; margin-top: 8px; color: #000;}
    .basket-process-wrap .useinfo-box .team-comp{font-size: 14px; display: flex; flex-direction: column; align-items: flex-start; margin-right: auto; margin-left: 5px;}
    .basket-process-wrap .useinfo-box .team-comp .ymd{position: absolute; color: #999; left: 22%; top: 72px;}
    .basket-process-wrap .useinfo-box .team-comp .team{margin-top: 32px; font-size: 16px; }

    .basket-process-wrap .useinfo-box .info-box-group{width: 100%; display: flex; flex-direction: column; position: relative;}
    .basket-process-wrap .useinfo-box .info-box-group:after{z-index:1; content: ''; width: 30px; height: 30px; border-radius: 50%; background: #7470dd; display: block; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -8px;}
    .basket-process-wrap .useinfo-box .info-box-group .info-box{width: 100%;}
    .basket-process-wrap .useinfo-box .info-box-group .info-box:first-child{border-bottom: none;}
    .basket-process-wrap .useinfo-box .info-box-group .info-box:last-child{margin-top: 0;}

    .basket-process-wrap .useinfo-box .info-box{width: 100%; height: 116px; box-sizing: border-box; border: solid 1px #181818; background-color: #fff; padding: 16px; border-radius: 8px; display: flex; flex-direction: column; margin-top: 16px;}
    .basket-process-wrap .useinfo-box .act-comp{display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .useinfo-box .act-tit{font-size: 18px; font-weight: bold; margin-bottom: 8px;}
    .basket-process-wrap .useinfo-box .act-tit span{font-size: 12px; font-weight: normal; margin-left: 4px;}
    .basket-process-wrap .useinfo-box .act-tit span b{color: #0d89e8; font-weight: normal;}

    .basket-process-wrap .useinfo-box .act-stat{font-size: 12px;}
    .basket-process-wrap .useinfo-box .m-act-stat{font-size: 12px; text-align: right; margin-bottom: -8px; margin-top: 16px;}

    .basket-process-wrap .useinfo-box .act-comp2{display: flex; align-items: center; justify-content: space-between; font-size: 14px; flex-direction: column;}
    .basket-process-wrap .useinfo-box .act-info{font-size: 14px;}
    .basket-process-wrap .useinfo-box .act-info span{margin-right: 8px;}
    .basket-process-wrap .useinfo-box .act-info span:first-child{font-size: 16px;}
    .basket-process-wrap .useinfo-box .cash{font-size: 18px; font-weight: bold; margin-top: 10px;}

    .basket-process-wrap .oc-rd-area .oc-tit, .basket-process-wrap .oc-rd-area2 .oc-tit, .basket-process-wrap .oc-rd-area3 .oc-tit{font-size: 16px; color: #000; font-weight: bold; margin-bottom: 18px;}
    .basket-process-wrap .oc-rd-area{border-top: 1px solid #ececec; padding: 16px 16px 28px 16px; margin: 16px -16px 0 -16px;}
    .basket-process-wrap .oc-rd-area .oc-list li{margin-bottom: 16px;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox{display:flex;justify-content:flex-start;align-items:center;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox span{display:grid; margin-left:8px; font-size:15px; color: #000; font-weight: 500; width: calc(100% - 28px);}
    .basket-process-wrap .oc-rd-area .oc-list li .rdbox span b{font-size: 12px; font-weight: normal;}

    .basket-process-wrap .oc-rd-area2{padding: 17px 0; border-top:1px solid #ececec}
    .basket-process-wrap .oc-rd-area2.m-bg-ty1{background: #f8f8f8; margin: 0 -16px 0 -16px; padding: 18px 16px;}
    .basket-process-wrap .oc-rd-area2 .oc-list2{display: flex; align-items: center; padding-left: 24px;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li:first-child{margin-right: 30%;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li:last-child .rdbox{margin-right: 0;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox span{display:flex; margin-left: 12px; font-size:14px; color: #000; font-weight: bold;}
    .basket-process-wrap .oc-rd-area2 .oc-list2 li .rdbox span b{font-size: 12px; color: #000; font-weight: normal; margin-left: 6px;}
    .basket-process-wrap .oc-rd-area2 .ret-tit{font-size: 14px; color: #000; font-weight: bold; margin-right: 22px;}
    .basket-process-wrap .oc-list3 li{display: flex; margin-bottom: 9px;}
    .basket-process-wrap .oc-list3 li > span{font-size: 14px; font-weight: normal; color: #000;}
    .basket-process-wrap .oc-list3 li > span.ret-msg{margin-top: 9px;}

    .basket-process-wrap .oc-list3 li:nth-child(1){align-items: center;}
    .basket-process-wrap .oc-list3 li:nth-child(2){flex-direction: column;}
    .basket-process-wrap .oc-list3 li:nth-child(3){flex-direction: column; margin-bottom: 0;}
    .basket-process-wrap .oc-list3 li .delivery-box{margin-top: 12px;}
    .basket-process-wrap .oc-list3 li .delivery-box .add_title{margin-top: 0;}
    .basket-process-wrap .oc-list3 li input[type="text"]{width: 100%; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; height: 41px; box-sizing: border-box; padding: 0 20px; margin-top: 12px;}
    .basket-process-wrap .oc-list3 li .delivery-box .btn-group{right: 16px; top: 31px;}

    .basket-process-wrap .oc-tt-box{height: 96px;}
    .basket-process-wrap .oc-tt-box textarea{width: 100%; height: 100%; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; font-size: 14px; color: #000; box-sizing: border-box; resize: none; padding: 17px 16px;}
    .basket-process-wrap .oc-tt-box textarea::placeholder{color: #999;}
    .basket-process-wrap .oc-tt-box textarea::-moz-placeholder{color: #999;}

    .basket-process-wrap .rf-info-box{background-color: #f8f8f8; padding: 16px; margin: 0 -16px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
    .basket-process-wrap .rf-info-box .rf-tit{font-size: 16px; font-weight: 500; }
    .basket-process-wrap .rf-info-box .info-area{padding: 0 32px 0 32px; margin: 0 -16px;}
    .basket-process-wrap .rf-info-box .info-area.fst{border-bottom: 1px solid #ececec; padding-bottom: 9px;}
    .basket-process-wrap .rf-info-box .info-area .item{display: flex; align-items: center; justify-content: flex-start; margin-top: 14px;}
    .basket-process-wrap .rf-info-box .info-area .item .item-tit{font-size: 14px; color: #000;}
    .basket-process-wrap .rf-info-box .info-area .item .item-tit.font-up{font-size: 16px; font-weight: bold;}
    .basket-process-wrap .rf-info-box .info-area .item .item-dtl{margin-left: auto; font-size: 16px;}
    .basket-process-wrap .rf-info-box .info-area .item .smt-tt{font-size: 12px; color: #0d89e8; margin-right: 13px; font-weight: bold;}
    .basket-process-wrap .rf-info-box .info-area .item .card-tt{font-weight: normal; font-size: 14px;}

    .basket-process-wrap .rf-info-box .item-box{background: #fff; border-radius: 8px;	border: solid 1px #e7e9eb; color: #000; font-size: 14px; padding: 17px 16px;  margin-top:8px;}
    .basket-process-wrap .rf-info-box .item-box .list{margin-bottom: 6px; display: flex; align-items: center; justify-content: space-between;}
    .basket-process-wrap .rf-info-box .item-box .list:last-child{margin-bottom: 0;}
    .basket-process-wrap .rf-info-box .item-box .list .list-tit{width: 57px; margin-right: 70px;}

    .basket-process-wrap .rf-act-box{background: #f8f8f8; margin: 6px auto 0; box-sizing: border-box; padding: 16px; margin: 0 -16px;}
    .basket-process-wrap .rf-act-box .rf-tit{font-size: 15px; color: #000; font-weight: 500; display: flex; align-items:center; justify-content: space-between; margin-top: 20px;}
    .basket-process-wrap .rf-act-box .act-list{margin-top: 12px;}
    .basket-process-wrap .rf-act-box .act-list li{display: flex; align-items: center; justify-content: flex-start; margin-top: 12px;}
    .basket-process-wrap .rf-act-box .act-list li input[type="text"]{width: 100%; height: 41px; border-radius: 8px; color: #000; border: 1px solid #c8c8c8; padding:0 20px; box-sizing: border-box;}

    .basket-process-wrap .rf-act-box .bank-sel{position: relative; text-align: center; font-size: 14px; width: 100%;}
    .basket-process-wrap .rf-act-box .bank-sel .btn-select{width: 100%; height: 41px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000;  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;}
    .basket-process-wrap .rf-act-box .bank-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list{width: 100%; background: #fff; position: absolute; top: 35px; border: 1px solid #c8c8c8; left: 0; z-index: 10; border-top: none;	box-sizing: border-box; border-radius: 0 0 8px 8px; text-align-last: left; padding: 5px 6px; display: none;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list ul li{font-size: 14px; color: #666; padding: 1px 13px 2px 13px;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .rf-act-box .bank-sel .select-list.select-on{display: block;}

    .basket-process-wrap .pay-tt-area{ color: #000; margin:0 -16px -16px -16px; background: #f8f8f8; padding: 16px; position: relative;}
    .basket-process-wrap .pay-tt-area .pay-tit{font-size: 16px; font-weight: 500; margin-bottom: 16px;}
    .basket-process-wrap .pay-tt-area .pay-tt1{font-size: 16px; font-weight: bold; margin-bottom: 25px; display: flex; align-items: flex-start;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span{margin-left: 17px;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span b:first-child{font-size: 12px; color: #0d89e8;}
    .basket-process-wrap .pay-tt-area .pay-tt1 span b:last-child{font-size: 15px; text-decoration: line-through;}
    .basket-process-wrap .pay-tt-area .pay-tt2{font-size: 16px; font-weight: 500; color: #000;}

    .basket-process-wrap .paylist-tbl{margin-top: 12px; overflow-x: auto;}
    .basket-process-wrap .paylist-tbl table{table-layout: fixed; width: 996px;}
    .basket-process-wrap .paylist-tbl table th{color: #000; font-size: 16px; font-weight: 700; height: 54px; text-align: center; border-bottom: 1px solid #cbcbcb; position: relative; background: #e1e1e1;}
    .basket-process-wrap .paylist-tbl table th::after{position: absolute; width: 1px; height: 10px; background: #cbcbcb; content: ''; right: 0; top: 50%; margin-top: -5px;}
    .basket-process-wrap .paylist-tbl table th:last-child::after{background: none;}
    .basket-process-wrap .paylist-tbl table td{text-align: center; height: 50px; color: #000; font-size: 15px; border-bottom: 1px solid #ececec; word-break: break-all;}
    .basket-process-wrap .paylist-tbl table td.t-blue{color: #0e89e8;}
    .basket-process-wrap .paylist-tbl table td a{display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 265px; vertical-align: middle;}
    .basket-process-wrap .paylist-tbl input.paylist-chk{position: relative; appearance: none; -webkit-appearance: none; width: 20px; height: 20px;}
    .basket-process-wrap .paylist-tbl input.paylist-chk::after{content: ''; position: absolute; width: 20px; height: 20px; border-radius: 6px; border: solid 2px #d7d9db; background-color: #fff; display: block; left: 0; top: 0; box-sizing: border-box;}
    .basket-process-wrap .paylist-tbl input.paylist-chk:checked::after{border-color: #3f88e1; background: #fff url(https://resource.mall.castingn.com/static/images/ico-chkbox-chk.png) center no-repeat;}

    .basket-process-wrap .paylist-tbl .comp1{width: 45px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: solid 1px #aaaeb1; background: #fff; color: #5e6062; font-weight: bold; margin: auto;}
    .basket-process-wrap .paylist-tbl .ico-new{width: 17px; height: 17px; border-radius: 50%; font-size: 10px; color: #fff; text-align: center; background: #ff8787; display: flex; align-items: center; justify-content: center; margin-right: 2px;}
    .basket-process-wrap .paylist-tbl .ymd-tt{display: flex; align-items: center;}

    .basket-process-wrap .paylist-tbl4.my-alrim{margin: 0 -16px;}
    .basket-process-wrap .paylist-tbl4.my-alrim table tr{border-bottom: 1px solid #ececec;}
    .basket-process-wrap .paylist-tbl4.my-alrim table tr td{padding: 10px 5px;}

    .basket-process-wrap .paylist-tbl4.myalrim-list{margin: 15px -16px;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr{border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr td{height: 91px; word-break: keep-all; font-size: 15px;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr td.cont{padding-right: 16px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr td .dateTime{font-size: 13px; margin-left: auto;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr td .unit-img{width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr td .unit-img img{width: 100%;}
    .basket-process-wrap .paylist-tbl4.myalrim-list tr td.thumb{padding: 0 13px;}

    .basket-process-wrap .no-alrim{display: flex; align-items: center; font-size: 14px; justify-content: center; padding: 130px 0;}
    .basket-process-wrap .no-alrim .ico-info{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-info3.png) left/100% no-repeat; margin-right: 5px;}

    .conts {
        padding: 20px 12px 0;
    }
    .common-tit {display: none;}
    .conts .contsTitle {
        line-height: 1.33;
        margin: 0 0 27px;
        padding-bottom: 14px;
        font-size: 15px;
        font-weight: bold;
        color: #000;
        border-bottom: 1px solid #cbcbcb;
    }
    .conts .contsTitle span {
        color: #0e89e8;
    }

    .basket-line.myservice,
    .container-myservice .basket-line {
        margin: 0 0 28px;
        padding: 5px 13px;
        border-top: 1px solid #e3e3e3;
        border-bottom: 2px solid #636363;
        border-radius: 0;
    }
    .myservice .basket-list.new::before,
    .container-myservice .basket-list.new::before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 10px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fc0000 url(https://resource.mall.castingn.com/static/images/ico_new.svg) no-repeat center center / 45% auto;
    }
    .myservice .basket-list .basket-thum,
    .container-myservice .basket-list .basket-thum {
        width: 78px;
        height: 50px;
        margin: 0 8px 0 23px;
    }
    .myservice .basket-list .basket-thum div,
    .container-myservice .basket-list .basket-thum div,
    .myservice .basket-list .basket-thum img,
    .container-myservice .basket-list .basket-thum img {
        width: 100%;
        height: 100%;
    }

    .basket-list .basket-detail .status {
        font-size: 10px;
        font-weight: 600;
        line-height: 1.39;
        letter-spacing: -0.72px;
        color: #0e89e8;
    }
    .basket-list .basket-detail .desc,
    .basket-list .basket-detail .expiry {
        font-size: 10px;
        font-weight: bold;
        line-height: 12px;
        color: #000;
    }

    .basket-list .service-bt-area button:hover {
        color: #0e89e8;
        border: 1px solid #0e89e8;
    }

    .basket-process-wrap .toggle-group{display: none;}
    .basket-process-wrap .total-box{ background: #f9fafd; border-top: 2px solid #0e89e8; margin: 20px -12px 0; padding: 0 12px;}
    .basket-process-wrap .total-box .price-calc span{display: flex; margin-top: 5px; padding-top: 5px;}
    .basket-process-wrap .total-box .price-calc span b{margin-left: auto; color: #000; font-weight: 700;}
    .basket-process-wrap .total-box .price-calc span:last-child{border-top: 1px solid #d9d9d9; padding: 10px 0;}
    .basket-process-wrap .total-box .price-calc span:last-child b{color: #138fdf;}
    .basket-process-wrap .total-box .price-calc i{display: none;}
    .basket-process-wrap .total-box .btn-group{border-top: 1px solid #d9d9d9; display: flex; margin: 0 -12px; padding: 10px 12px; justify-content:space-between}
    .basket-process-wrap .total-box .btn-group button{font-size: 16px; color: #000; background:#fff; border: 1px solid #c8c8c8; font-weight: 700; height: 40px; border-radius: 5px; width: 32%; background: #fff;}
    .basket-process-wrap .total-box .btn-group button:nth-child(3){color: #138fdf; border: 1px solid #138fdf;}
    .basket-process-wrap .basket-total-top{display: flex; margin-top: 7px; align-items: center;}
    .basket-process-wrap .basket-total-top .chk-item{display: flex; align-items: center; margin-left: 10px; margin-bottom: 0;}
    .basket-process-wrap .basket-total-top .chk-item input[type="checkbox"] + label{display: flex; text-indent: unset; align-items: center; font-size: 16px; color: #222;}
    .basket-process-wrap .basket-total-top .chk-item input[type="checkbox"] + label::before{margin-right: 10px;}
    .basket-process-wrap .basket-total-top .total-top-bt{width: 86px; height: 23px; font-size: 12px; color: #5e6062; border: 1px solid #aaaeb1; border-radius: 6px; margin-left: auto;}

    .basket-process-wrap .delivery-box{border: 1px solid #e7e9eb; border-radius: 8px; position: relative; margin-top: 24px; display: flex; padding: 17px 21px; align-items: flex-start; flex-direction: column; background: #fff;}
    .basket-process-wrap .delivery-box .delivery-info{color: #000; font-size: 18px; font-weight: 700; display: flex; align-items: center;}
    .basket-process-wrap .delivery-box .delivery-info .ico-user{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-user.svg) left/100% no-repeat; margin-right: 8px; image-rendering: -webkit-optimize-contrast;}
    .basket-process-wrap .delivery-box .delivery-info .ico-location{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-location.svg) left/100% no-repeat; margin-right: 8px; image-rendering: -webkit-optimize-contrast}
    .basket-process-wrap .delivery-box .delivery-info .ico-msg-box{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-msg-box.svg) left/100% no-repeat; margin-right: 8px; image-rendering: -webkit-optimize-contrast}
    .basket-process-wrap .delivery-box .delivery-add span{display: block; margin-top: 15px; font-size: 14px; color: #000;}
    .basket-process-wrap .delivery-box .delivery-add span:last-child{color: #666; margin-top: 9px;}
    .basket-process-wrap .delivery-box .delivery-add .add_title{font-weight: bold; font-size: 14px; color: #000; margin-top: 16px;}
    .basket-process-wrap .delivery-box .btn-group{margin-left: auto;position: absolute;right: 16px;top: 50%;margin-top: -15px;}
    .basket-process-wrap .delivery-box .btn-group button{width: 70px; height: 30px; color: #5e6062; font-size: 12px; border: 1px solid #aaaeb1; border-radius: 8px; font-weight: bold;}

    .basket-process-wrap .basket-result{display: flex; justify-content: flex-start; align-items: center; padding: 13px 0; color: #333;}
    .basket-process-wrap .basket-result strong{font-size: 15px; letter-spacing: -0.6px; font-weight: bold;}
    .basket-process-wrap .basket-result span{font-size: 12px; color: #333; letter-spacing: -0.48px; margin-left: 9px;}

    .basket-process-wrap .delivery-box .delivery-info-list{margin-top: 16px; width: 100%}
    .basket-process-wrap .delivery-box .delivery-info-list > div{margin-top: 4px; display: flex; align-items: center; margin-bottom: 0; }
    .basket-process-wrap .delivery-box .delivery-info-list span:first-child{color: #666; min-width: 61px;}
    .basket-process-wrap .delivery-box .delivery-info-list span + span{color: #000; margin-left: 35px;}

    .basket-process-wrap .basket-tt2{color: #000; font-size: 18px; font-weight: bold; margin: 16px 0 13px 0; display: flex;}
    .basket-process-wrap .request-box{border: 1px solid #e7e9eb; border-radius: 8px; padding: 15px; font-size: 14px; color: #000000; height: 51px; box-sizing: border-box; margin-bottom: 24px;}
    .basket-process-wrap .request-box input{width: 100%;}
    .basket-process-wrap .payment-box {
        background: #f7f7f7;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        padding: 15px 16px;
        margin: 0 -16px 15px -16px;
    }
    .basket-process-wrap .payment-box span.purchase-tt{font-size: 16px; font-weight: 700; color: #000; margin-bottom: 10px; display: block; text-align: center;}
    .basket-process-wrap .payment-box .basket-box{background: #fff; border-radius: 8px; border: 1px solid #e7e9eb; margin-bottom: 16px;}
    .basket-process-wrap .payment-box .basket-total{margin-bottom: 0;}
    .basket-process-wrap .payment-box .purchase-tt{text-align: center; font-size: 16px; color: #000; font-weight: bold; margin-bottom: 10px;}
    .basket-process-wrap .payment-box .purchase-sel{position: relative; text-align: center;}
    .basket-process-wrap .payment-box .purchase-sel .btn-select{width: 151px; height: 36px; border: 1px solid #c8c8c8; border-radius: 10px; color: #000000;  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;}
    .basket-process-wrap .payment-box .purchase-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center/13px no-repeat;}
    .basket-process-wrap .payment-box .purchase-sel .select-list{width: 151px; background: #fff; position: absolute; top: 29px; border: 1px solid #c8c8c8; left: 50%; z-index: 10; margin-left: -75.5px; border-top: none;
        box-sizing: border-box; border-radius: 0 0 10px 10px; text-align-last: left; padding: 5px 6px; display: none;}
    .basket-process-wrap .payment-box .purchase-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-box .purchase-sel .select-list li{padding-left: 14px; margin-top: 5px;}
    .basket-process-wrap .payment-box .price-calc{font-size: 12px; display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box;}
    .basket-process-wrap .payment-box .price-calc.price-po3{justify-content: flex-end;}
    .basket-process-wrap .calc-group{display: flex; flex-direction: column;}
    .basket-process-wrap .calc-group.m-layout1{flex-direction: row; align-items: center; justify-content: space-between;}
    .basket-process-wrap .calc-group .btn-calc{height: 50px; border: 1px solid #707070; border-radius: 12px; background: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.01px; margin-top: 16px;}
    .basket-process-wrap .calc-group .order-tt{display: flex; flex-direction: column; align-items: flex-end;}
    .basket-process-wrap .calc-group .order-tt span{font-size: 14px; letter-spacing: -0.56px; color: #666; font-weight: 600; text-align: right}
    .basket-process-wrap .calc-group .order-tt span > b{font-weight: normal; display: block}
    .basket-process-wrap .calc-group .order-tt .btn-order{letter-spacing: -0.56px; color: #0e89e8; font-size: 14px; font-weight: bold;}

    .basket-process-wrap .calc-group.m-layout1 .price-calc{width: 57%;}

    .basket-process-wrap .payment-box > .price-calc, .basket-process-wrap .payment-box > .calc-group > .price-calc{background: #f6fbfe; border-radius: 8px; border: 1px solid #138fdf; padding: 13px 8px 2px 8px;}
    .basket-process-wrap .payment-box > .price-calc span b, .basket-process-wrap .payment-box > .calc-group > .price-calc span b{font-size: 16px; font-weight: bold;}

    .basket-process-wrap .payment-box .price-calc.margin-t-n{margin-top: 0;}
    .basket-process-wrap .payment-box .price-calc span{color: #666666; display: flex; margin-bottom: 11px;}
    .basket-process-wrap .payment-box .price-calc b{font-weight: 500; color: #101010; margin-left: 7px; font-size: 12px;}
    .basket-process-wrap .payment-box .price-calc i.ico-cal-plus{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) center/100% no-repeat;}
    .basket-process-wrap .payment-box .price-calc i.ico-cal-equal{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) center/100% no-repeat}
    .basket-process-wrap .payment-box .price-calc i{margin: 0 7px;}

    .basket-process-wrap .price-calc-1{font-size: 12px; display: flex; flex-wrap: wrap; justify-content: center; margin: 16px 0 28px 0; box-sizing: border-box; background: #f6fbfe; border-radius: 8px; border: 1px solid #138fdf; padding: 13px 18px 2px 18px;}
    .basket-process-wrap .price-calc-1 span b{font-size: 16px; font-weight: bold;}
    .basket-process-wrap .price-calc-1 span{color: #666666; display: flex; margin-bottom: 11px;}
    .basket-process-wrap .price-calc-1 b{font-weight: 500; color: #101010; margin-left: 7px; font-size: 12px;}
    .basket-process-wrap .price-calc-1 i.ico-cal-plus{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) center/100% no-repeat;}
    .basket-process-wrap .price-calc-1 i.ico-cal-equal{width: 24px; height: 24px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) center/100% no-repeat}
    .basket-process-wrap .price-calc-1 i{margin: 0 7px;}

    .basket-process-wrap .delivery-btn-area{display: flex; justify-content: center; margin: 5px -12px 0; padding: 12px 16px; align-items: center; box-sizing: border-box;}
    .m-btn-lyt .basket-process-wrap .delivery-btn-area{position: absolute; width: 100%; left: 0; right: 0; bottom: 0; margin: 0;}

    .basket-process-wrap .delivery-btn-area .btn-comp{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height: 50px;
        border-radius:12px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .basket-process-wrap .delivery-btn-area.btn-fixed{width: 100%; position: fixed; bottom: 0; left: 16px; background: #fff; z-index: 10;}

    .basket-process-wrap .delivery-btn-area.group .btn-comp{width: calc(70% - 74px);}

    .basket-process-wrap .delivery-btn-area .btn-comp3{width: 162px; height: 58px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; background: #0d89e8;}

    .basket-process-wrap .delivery-btn-area .estimate{width: 50px; height: 50px; background: url(https://resource.mall.castingn.com/static/images/sub/btn-est.png) left/100% no-repeat; color: #fff; font-size: 12px; margin: 0 12px; font-size: 0; text-indent: -99999px;}
    .basket-process-wrap .delivery-btn-area .m-total{display: flex; flex-direction: column; font-size: 12px; font-weight: 600; color: #000; width: 30%}
    .basket-process-wrap .delivery-btn-area .m-total span.price{font-size: 18px; color: #000; letter-spacing: -0.01px; font-weight: bold;}

    .basket-process-wrap .lst-payment-area .lst-box{border: 1px solid #e7e9eb;  border-radius: 10px; box-sizing: border-box; padding: 0 9px 15px 9px; position: relative; background: #fff;}
    .basket-process-wrap .lst-payment-area .lst-box:nth-child(2):after{width: 32px; height: 32px; content: ''; position: absolute; display: block; border-radius: 50%; background: url(https://resource.mall.castingn.com/static/images/sub/ico-plus.png) left/100% no-repeat; left: 50%; margin-left: -16px; top: -16px; z-index: 2;}
    .basket-process-wrap .lst-payment-area .lst-box:nth-child(2){border-top: none;}
    .basket-process-wrap .lst-payment-area .lst-tit{font-size: 14px; font-weight: bold; margin: 0 0 0 4px; line-height: 1; padding-top: 17px;}
    .basket-process-wrap .lst-payment-area .adm-num ul li{display: flex; align-items: center;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-tit{border-bottom: 1px solid #aaaeb1; padding-bottom: 8px; justify-content: space-between; margin-top: 17px; color: #000; padding: 0 6px 8px 6px;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-tit span:first-child{font-size: 14px; font-weight: 500;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-tit span:last-child{font-size: 14px; font-weight: 700;}

    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use{padding-top: 9px; justify-content: flex-end; color: #5e6062;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use span{font-size: 14px; color: #000; font-weight: 700;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use .use-tt{font-size: 12px; font-weight: 500; margin: 0 5px 0 7px; color: #000;}
    .basket-process-wrap .lst-payment-area .adm-num ul li.num-use .etc-tt{font-size: 14px; font-weight: 500; color: #000; margin-right:12px;}

    .basket-process-wrap .lst-payment-area .simple-pay-box{margin-top: 16px; display: flex; align-items:  center; justify-content: space-between; border-bottom: 1px solid #aaaeb1; padding: 0 0 8px 4px;}
    .basket-process-wrap .lst-payment-area .simple-pay-box .logo-area{display: flex; align-items: center; font-size: 14px; color: #000;}
    .basket-process-wrap .lst-payment-area .simple-pay-box .ico-logo{width: 85px; height: 51px; background: #4aaa4a; border-radius: 8px; margin-right: 24px; display: none;}

    .basket-process-wrap .lst-payment-area .act-info{font-size: 14px; color: #000;}
    .basket-process-wrap .lst-payment-area .act-info span{margin-left: 16px;}
    .basket-process-wrap .lst-payment-area .act-total{text-align: right; font-size: 14px; display: block; margin-top: 9px; font-weight: bold; color: #000;}

    .basket-process-wrap .lst-payment-area .virtual-pay-box{ border-bottom: 1px solid #aaaeb1; display: flex; align-items: center; justify-content: flex-start; margin-top: 17px; padding-bottom: 8px;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .logo-area{display: flex; align-items: center; }
    .basket-process-wrap .lst-payment-area .virtual-pay-box .bank-thum{width: 33px; height: 33px; margin-right: 13px;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .bank-thum img{width: 100%;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .bank-thum + span{font-size: 14px; color: #3a3b3c; font-weight: 500; color: #3a3b3c;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .act-info{font-size: 14px; color: #5e6062; margin-left: auto;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .act-info span + span{margin-left: 13px;}

    .basket-process-wrap .lst-payment-area .virtual-pay-box .etc{margin-left: auto; font-size: 14px; color: #5e6062;}
    .basket-process-wrap .lst-payment-area .virtual-pay-box .etc a{text-decoration: underline; color: #0d89e8;}
    .basket-process-wrap .lst-payment-area .act-total{text-align: right; font-size: 14px; display: block; margin-top: 9px; font-weight: bold; color: #000;}

    .basket-process-wrap .req-tt{font-size: 16px; color: #138fdf; font-weight: 600; margin: 24px 0 16px 0; display: flex; align-items: center;}
    .basket-process-wrap .req-tt .ymd{font-weight:600; color: #222; font-size: 16px; margin-right: 4px;}
    .basket-process-wrap .req-tt.req-result{color: #000;}
    .basket-process-wrap .req-tt .soldout-tt{font-size: 12px; color: #f00; letter-spacing: -0.48px; margin-left: auto;}

    .basket-process-wrap .delivery-btn-area .btn-comp2{display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border-radius: 12px; color: #000; border: 1px solid #c8c8c8; font-size: 16px; font-weight: 700; margin-right: 12px; box-sizing: border-box;}
    .basket-process-wrap .delivery-btn-area .btn-comp span{font-size:16px; font-weight:700; color:#fff;}
    .basket-process-wrap .delivery-sel-box{border: 1px solid #d9d9d9; border-radius: 10px; display: flex; margin-top: 19px; min-height: 125px; justify-content: start; align-items: center; padding: 0 58px 0 33px; position: relative;}
    .basket-process-wrap .delivery-sel-box:last-child{margin-bottom: 100px;}
    .basket-process-wrap .delivery-sel-box .delivery-add span{display: block; margin-top: 10px; font-size: 16px;}
    .basket-process-wrap .delivery-sel-box .delivery-add span:first-child{margin-top: 0;}
    .basket-process-wrap .delivery-sel-box .delivery-add .add_title{font-weight: 700;}
    .basket-process-wrap .delivery-sel-box .delivery-sel{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"]{display: none;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"] + label{display:block; position: absolute; left:0; top: 0; border-radius: 10px; width: 100%; height: 100%;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"] + label::before{content:""; display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"]:checked + label::before{background: rgba(188, 212, 231, 0.1); border: 1px solid #0e89e8; border-radius: 10px;}
    .basket-process-wrap .delivery-sel-box .delivery-sel input[type="radio"] + label span{font-size: 0; text-indent: -999999px; overflow: hidden; line-height: 0;}
    .basket-process-wrap .delivery-sel-box .delivery-add span{display: block; margin-top: 4px; font-size: 14px;}
    .basket-process-wrap .delivery-sel-box .delivery-add span:first-child{margin-top: 0;}
    .basket-process-wrap .delivery-sel-box .delivery-add span:last-child{color: #666;}
    .basket-process-wrap .basket-tt2 .plus-btn{margin-left: auto; display: flex; align-items: center; }
    .basket-process-wrap .basket-tt2 .plus-btn button{width: 119px; height: 37px; border: 1px solid #c8c8c8; font-size: 14px; color: #000; font-weight: 700; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .basket-tt2 .plus-btn .ico-del-plus{width: 12px; height: 12px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus2.png); margin-right: 8px;}
    .basket-process-wrap .payment-box .step-area{display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 15px; }
    .basket-process-wrap .payment-box .step-area .step-box{width: 100%; height: 116px; border-radius: 10px; background: #fff; border: 1px solid #181818; display: flex;  align-items: center; justify-content: flex-start; position: relative; margin-top: 40px; text-align: left;
        box-sizing: border-box; padding-left: 18%;}
    .basket-process-wrap .payment-box .step-area .step-box.step-on{border: 1px solid #138fdf; background: #f6fbfe;}
    .basket-process-wrap .payment-box .step-area .step-box.step-done{background: #e7e7e7;}
    .basket-process-wrap .payment-box .step-area .step-box:first-child{margin-top: 20px;}
    .basket-process-wrap .payment-box .step-area .step-box:last-child::after{background: none;}
    .basket-process-wrap .payment-box .step-area .step-box::after{width: 30px;height: 30px;background: url(https://resource.mall.castingn.com/static/images/ico-step.png) left/30px no-repeat; content: '';position: absolute; left: 50%; top: 120px;
        margin-left: -15px; transform: rotate(90deg);}
    .basket-process-wrap .payment-box .pcs-area{display: flex; align-items: center; justify-content: space-between;}
    .basket-process-wrap .payment-box .pcs-tt{display: flex; flex-direction: column; align-items: flex-start;}
    .basket-process-wrap .payment-box .pcs-tt strong{font-size: 18px; color: #000; font-weight: bold;}
    .basket-process-wrap .payment-box .pcs-tt span{font-size: 12px; color: #000; font-weight: 500; }
    .basket-process-wrap .payment-box .pcs-result{font-size: 20px; color: #138fdf; font-weight: bold;}

    .basket-process-wrap .payment-box .step-area .step-box span{display: block; font-size: 14px; color: #999;}
    .basket-process-wrap .payment-box .step-area .step-box .person{font-size: 16px; color: #000; margin-top: 5px;}
    .basket-process-wrap .payment-box .step-area .step-box .person strong{font-weight: 700;}
    .basket-process-wrap .payment-box .step-area .step-box .step-access{color: #138fdf;}
    .basket-process-wrap .payment-box .step-area .step-box .step-wait{color: #999;}
    .basket-process-wrap .payment-box .step-area .step-box .step-return{color: #ff0000;}
    .basket-process-wrap .payment-box .step-area .step-box .ymd{margin-top: 5px;}
    .basket-process-wrap .payment-box .step-area .step-box .ico-file{width: 18px; height: 22px; position: absolute; background: url(https://resource.mall.castingn.com/static/images/ico-step-file.png) center/100% no-repeat; right: 19px; bottom: 15px; text-indent: -999999px; font-size: 0;}

    .basket-process-wrap .payment-box .opn-box{border: solid 1px #d9d9d9;	background: #fff; border-radius: 8px; box-sizing: border-box;  color: #000; font-size: 16px; font-weight: 600; padding: 20px 17px;
        margin-top: 20px; position: relative; display: none;}
    .basket-process-wrap .payment-box .opn-box::after{width: 20px; height: 13px; display: block; position: absolute; top: -13px; content: ''; background: url(https://resource.mall.castingn.com/static/images/ico-tooltip-arrow.png) center/100% no-repeat; left: 62.5%}
    .basket-process-wrap .payment-box .opn-box.po1::after{right: 18px;}
    .basket-process-wrap .payment-box .opn-box.po2::after{right: 18px;}
    .basket-process-wrap .payment-box .opn-box.po3::after{right: 18px;}

    .basket-process-wrap .basket-empty{background: #f8f8f8; display: flex; align-items: center; letter-spacing: -0.01px; font-size: 16px; color: #333; padding: 38px 18px 38px; margin: 30px 0; justify-content: center; flex-direction: column;
        border-radius: 8px; text-align: center; word-break: keep-all; }
    .basket-process-wrap .basket-empty .ico-inof2{width: 80px; height: 80px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-info4.png) left/100% no-repeat; margin-bottom: 22px;}
    .basket-process-wrap .basket-empty .ico-info3{width: 16px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/ico-info3.png) left/100% no-repeat; margin-right: 15px;}
    .basket-process-wrap .basket-empty .ico-mylike{width: 21px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-mylike.png) left/100%; display: inline-block; vertical-align: middle;}
    .basket-process-wrap .payment-table{border-top: 1px solid #d9d9d9;}
    .basket-process-wrap .payment-table.table-ty1{padding: 0 16px 0 25px;}

    .basket-process-wrap .payment-table.border-top-n{border-top: none; margin-top: 0;}
    .basket-process-wrap .payment-table.border-bottom-n{border-bottom: none; margin-top: 0;}
    .basket-process-wrap .payment-table.border-tb-n{border-top: none; margin-top: 0;}
    .basket-process-wrap .payment-table.border-tb-n table{border-bottom: none;}
    .basket-process-wrap .payment-table.border-bottom-n table{border-bottom: none;}

    .basket-process-wrap .bottom-tab{padding: 0 16px; background: #fff;margin-bottom: -1px;}

    .basket-process-wrap .payment-table.border-top-n{border-top: none;}
    .basket-process-wrap .payment-table table{border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .payment-table.td-ty1 td{justify-content: flex-start;}
    .basket-process-wrap .payment-table tr{border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .payment-table tr.border-n{border-bottom: none;}
    .basket-process-wrap .payment-table.th-w1 th{width: 28%;}
    .basket-process-wrap .payment-table th{ padding:7px 0 7px 9px; min-height: 38px; background: #f8f8f8; text-align: left; font-size: 15px; width: 35%; color: #000; font-weight: 500; padding-left: 9px;}
    .basket-process-wrap .payment-table td{ padding:7px 0 7px 9px; min-height: 38px; text-align: left;display: flex; align-items: center; font-size: 14px; color: #000; background: #fff; flex-wrap: wrap; justify-content: space-between; position: relative;}
    .basket-process-wrap .payment-table.table-ty1 td{background: #f8f8f8;}
    .basket-process-wrap .payment-table td .tbl-cal{display: flex; align-items: center; margin: 0 15px 0 4px;}
    .basket-process-wrap .payment-table td i.ico-cal-plus{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-plus.png) center/100% no-repeat;}
    .basket-process-wrap .payment-table td i.ico-cal-equal{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/ico-cal-equal.png) center/100% no-repeat;}
    .basket-process-wrap .payment-table td .colr-green{color: #32ab8c; margin-left: 4px;}
    .basket-process-wrap .payment-table .point-ipt{width:85%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; font-size: 14px; color: #000; padding-left: 7px; box-sizing: border-box;}
    .basket-process-wrap .payment-table.tbl-pb1{padding-bottom: 30px;}
    .basket-process-wrap .payment-table .point-tt{font-size: 18px; font-weight: 500; margin: 0; padding: 0;}
    .basket-process-wrap .payment-table .point-tt::before{display: none;}
    .basket-process-wrap .payment-table .crt-point{font-size: 15px; color: #0d89e8; font-weight: bold;}
    .basket-process-wrap .payment-table .tbl-bt1{width: 86px; height: 23px; font-size: 12px; color: #5e6062; border: 1px solid #aaaeb1; border-radius: 6px; background: #fff; font-weight: bold;}
    .basket-process-wrap .payment-table .tbl-bt2{font-size: 12px; color: #5e6062; font-weight: bold; width: 125px; height: 23px; border-radius: 6px; background: #fff; border: solid 1px #aaaeb1; margin: 12px 0 0 auto; display: flex; align-items: center; justify-content: center;}
    .basket-process-wrap .payment-table .tbl-w1{width: 60%;}
    .basket-process-wrap .payment-table .tbl-po1{position: absolute; right: 0; bottom: -34px;}
    .basket-process-wrap .payment-table .t-indent th, .basket-process-wrap .payment-table .t-indent td{color: #666;}
    .basket-process-wrap .payment-table .total.lst{font-weight: bold;}
    .basket-process-wrap .payment-table .total.lst + td{font-weight: bold;}

    .basket-process-wrap .payment-table .aln-top{vertical-align: top; padding-top: 15px;}
    .basket-process-wrap .payment-table .aln-top2{vertical-align: top;}
    .basket-process-wrap .payment-table .chk-item{display: flex; align-items: center; margin-left: 1%; margin-bottom: 0; background: #fff; }
    .basket-process-wrap .payment-table .chk-item input[type="checkbox"] + label{display: flex; text-indent: unset; align-items: center; font-size: 13px; line-height: 20px;}
    .basket-process-wrap .payment-table .chk-item input[type="checkbox"] + label::before{margin-right: 5px;}
    .basket-process-wrap .payment-table .chk-item.chk-po1{margin: 8px 0 0 auto;}

    .basket-process-wrap .payment-table .chk-item.chk-agr input[type="checkbox"] + label{font-size: 12px; color: #707070;}
    .basket-process-wrap .payment-table .chk-item.chk-agr input[type="checkbox"] + label::before{display: none;}

    .basket-process-wrap .payment-table th.col-grey, .basket-process-wrap .payment-table td.col-grey{color: #666;}
    .basket-process-wrap .payment-table th.col-blue, .basket-process-wrap .payment-table td.col-blue{color: #138fdf;}
    .basket-process-wrap .payment-table th.col-red, .basket-process-wrap .payment-table td.col-red{color: #fc0000;}
    .basket-process-wrap .payment-table .rd-list{display: flex; width: 100%; justify-content: flex-start; flex-wrap: wrap;}
    .basket-process-wrap .payment-table .rd-list li{margin: 0 11px 10px 0;}
    .basket-process-wrap .payment-table .rd-list input[type="radio"]{display: none;}
    .basket-process-wrap .payment-table .rd-list input[type="radio"]:checked + label::before{width: 7px; height: 7px; border: 4px solid #0e89e8;}
    .basket-process-wrap .payment-table .rd-list label{display: flex; align-items: center;}
    .basket-process-wrap .payment-table .rd-list label::before{width: 14px; height: 14px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}
    .basket-process-wrap .coupon-sel{position: relative; text-align: left; width: 100%;}
    .basket-process-wrap .coupon-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: #000;}
    .basket-process-wrap .coupon-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .coupon-sel .select-list{ width: 100%; background: #fff; position: absolute; top: 34px;  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;}
    .basket-process-wrap .coupon-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .coupon-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .coupon-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .coupon-sel .select-list.select-on{display: block;}
    .basket-process-wrap .coupon-tt{font-size: 14px; color: #32ab8c; margin-top: 5px;}
    .basket-process-wrap .payment-tab-box{border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 15px -16px 0 -16px;}
    .basket-process-wrap .payment-tab-box .tab-box-area{background: #f8f8f8;}
    .basket-process-wrap .payment-tab-box .tab-box-area .box-cont1{padding: 0 16px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .box-cont1 .tab-box-tit{padding: 15px 0 10px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .box-cont2{padding: 0 16px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}

    .basket-process-wrap .tbl-info-tit{font-size: 16px; color: #000; font-weight: 600; background: #fff; padding: 12px 0 6px 0; border-bottom: 1px solid #d9d9d9;}

    .basket-process-wrap .payment-tab-box .tab-box-area.tab-box1, .basket-process-wrap .payment-tab-box .tab-box-area.tab-box2 {border-bottom: 1px solid #d9d9d9; position: relative}
    .basket-process-wrap .payment-tab-box .tab-box-area .tab-box-tit{padding: 15px;}
    .basket-process-wrap .payment-tab-box .tab-box-tit{display: flex; align-items: center; font-size: 16px; color: #000; position: relative; font-weight: bold;}
    .basket-process-wrap .payment-tab-box .tab-box-con{padding-bottom: 20px; padding-left: 40px;}
    .basket-process-wrap .payment-tab-box .tab-box-con.box-second{padding-bottom: 0; padding-left: 34px; position: relative;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"]{display: none;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"] + label{display:flex; align-items:center; width:100%; cursor:pointer; justify-content:flex-start; font-weight: 700;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:6px;}
    .basket-process-wrap .payment-tab-box .tab-box-tit input[type="radio"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .basket-process-wrap .payment-tab-box .card-prev{}
    .basket-process-wrap .payment-tab-box .card-next{display: none;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card a .ico-card-plus{width: 26px; height: 26px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus3.png) center no-repeat; margin-bottom: 15px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .card-select{}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .card-select img{width: 100%;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .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;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card{background: #f0f9ff; box-sizing: border-box; position: relative; }
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card img{box-sizing: border-box; border: 1px solid #8cabc3; border-radius: 8px; width: 100%;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .add-card span{position: absolute; display: flex; justify-content: center; width: 100%; color: #8cabc3; font-size: 14px; font-weight: 500; margin-top: 27px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-list .card-select{box-sizing: border-box; }
    .basket-process-wrap .payment-tab-box .card-name{margin-top: 10px;margin-left: 4%;font-size: 14px;color: #000;font-weight: bold;}

    .basket-process-wrap .payment-tab-box .tab-box-area .swiper-slide.swiper-slide-active .card-select{ box-sizing: border-box;}
    .basket-process-wrap .payment-tab-box .tab-box-area .swiper-slide.swiper-slide-active{width: 216px;}
    .basket-process-wrap .payment-tab-box .card-pagination{ margin: 13px 20px 0 auto; text-align:center; display: block; background: #e8e8e8; width: 90px; height: 35px; border-radius: 17px;  display: flex;  align-items: center; font-size: 20px;
        justify-content: center; color: #8b8b8b; display: none;}
    .basket-process-wrap .payment-tab-box .card-pagination .swiper-pagination-current{color: #000;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-prev{width: 31px; height: 79.5%;background: #f8f8f8 url(https://resource.mall.castingn.com/static/images/btn-card-prev.png) center no-repeat;position:absolute; left: -40px;top: 0;font-size:0;line-height:0;z-index: 10; display: none;}
    .basket-process-wrap .payment-tab-box .tab-box-area .card-next{width:21px; height:40px; background:url(https://resource.mall.castingn.com/static/images/btn-card-next.png) center no-repeat; position:absolute; right:0px; top:70px; font-size:0; line-height:0; z-index: 10; display: none;}
    .basket-process-wrap .period-sel{position: absolute; bottom: 16px; left: 40px; margin-left: 0; text-align: left; z-index: 10;}
    .basket-process-wrap .period-sel .btn-select{width: 160px; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: #000; }
    .basket-process-wrap .period-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .period-sel .select-list{ width: 160px; background: #fff; position: absolute; top: 34px; border: 1px solid #c8c8c8; left: 0;  z-index: 10; border-top: none; box-sizing: border-box; border-radius: 0 0 8px 8px;  text-align-last: left; padding: 5px 6px; display: none;}
    .basket-process-wrap .period-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .period-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .period-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .period-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment{display: flex; align-items: center; margin-top: -2px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment li{margin-right: 18px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment input[type="radio"]{display: none;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment input[type="radio"]:checked + label::before{width: 7px; height: 7px; border: 4px solid #0e89e8;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment label{display: flex; align-items: center; font-weight: 600; color: #000; font-size: 15px;}
    .basket-process-wrap .payment-tab-box .tab-box-area .btn-payment label::before{width: 13px; height: 13px; border: 1px solid #a6a6a6; display: block; content: ''; border-radius: 10px; margin-right: 5px;}
    .basket-process-wrap .payment-tab-box .tab-box-area.tab-box3 { margin-bottom: 80px; }
    .basket-process-wrap .card-list{overflow:visible; padding: 0 20px; margin-left: -14%;}

    .basket-process-wrap .budget-sel{position: relative;}
    .basket-process-wrap .budget-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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; }
    .basket-process-wrap .budget-sel .select-list{ width: 100%; 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;}
    .basket-process-wrap .budget-sel .select-list ul li{color: #5e6062; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .budget-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .budget-sel .select-list.select-on{display: block;}

    .basket-process-wrap .budget-list{margin: 12px 0 0 0;}
    .basket-process-wrap .budget-list li{display: flex; align-items: flex-start; margin-top: 13px; color: #5e6062; position: relative;}
    .basket-process-wrap .budget-list li .budget-tit{margin-right: 5px; font-size: 14px; width: 105px; font-weight: 600; /*color: #000;*/}
    .basket-process-wrap .budget-list li.budget-tit-red { color:#d00f11; }
    .basket-process-wrap .budget-list li.budget-tit-blue { color:#074b80; }
    .basket-process-wrap .budget-list li div{font-size: 14px; font-weight: bold; display: flex; align-items: flex-start; flex-direction: column; /*color: #000;*/ width: calc(100% - 105px);}
    .basket-process-wrap .budget-list li div b,
    .basket-process-wrap .budget-list li div .crt-cash {
        width: 120px;
        display: inline-block;
        text-align: right;
    }
    .basket-process-wrap .budget-list li:nth-child(2) div{font-weight: 600;}
    .basket-process-wrap .budget-list li .period{font-size: 12px; font-weight: 500;}
    .basket-process-wrap .budget-list li .input-cash{width: 100px; height: 30px; border: 1px solid #c8c8c8; border-radius: 8px; box-sizing: border-box; background: #fff; display: flex; align-items: center; justify-content: flex-end; padding: 0 6px; font-size: 14px; color: #5e6062; font-weight: 500;}
    .basket-process-wrap .budget-list li .input-cash input{text-align: right; width: 80%;}
    /*.basket-process-wrap .budget-list li .crt-cash{font-weight: 600; color: #0d89e8; margin-left: 10px; font-size: 15px;}*/
    .basket-process-wrap .budget-list li .crt-cash{font-weight: 600; margin-left: 3px; font-size: 15px;}
    /*.basket-process-wrap .budget-list li .btn-ty1{width: 86px; height: 23px; font-size: 12px; color: #101010; border: 1px solid #c8c8c8; border-radius: 6px; background: #fff; font-weight: bold;}*/
    .basket-process-wrap .budget-list li:last-child{align-items: flex-start;}
    .basket-process-wrap .budget-list li:last-child div{flex-direction: row; align-items: center; flex-wrap:wrap; }
    /*.basket-process-wrap .budget-list li:last-child div button{position: absolute; right: 0; bottom: -32px;}*/
    .basket-process-wrap .budget-list li:last-child div button{
        width: 90px;
        height: 30px;
        font-size: 12px;
        color: #101010;
        padding-left: 20px;
        position: relative;
        margin-left: 10px;
    }
    .basket-process-wrap .budget-list li:last-child div button:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 3px;
        border: 1px solid #c8c8c8;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .basket-process-wrap .budget-list li:last-child div button.on:before {
        background: #85888d url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;
    }

    .basket-process-wrap .budget-total li{display: flex; align-items: center; font-size: 16px; color: #000; padding: 12px 0; justify-content: space-between;}
    .basket-process-wrap .budget-total li .total-tit{font-size: 16px; font-weight: bold; color: #000;}

    .basket-process-wrap .tbl-card-sel{text-align: left; position: relative; width: 100%;}
    .basket-process-wrap .tbl-card-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: 7px; font-size: 14px; color: #000; }
    .basket-process-wrap .tbl-card-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-card-sel .select-list{ width: 100%; background: #fff; position: absolute; top: 34px; 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;}
    .basket-process-wrap .tbl-card-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-card-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-card-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-card-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-period-sel{text-align: left; position: relative; width: 100%; display: flex; flex-direction: column;}
    .basket-process-wrap .tbl-period-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: 7px; font-size: 14px; color: #000; }
    .basket-process-wrap .tbl-period-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-period-sel .select-list{ width: 100%; background: #fff; position: absolute; top: 34px; 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;}
    .basket-process-wrap .tbl-period-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-period-sel .select-list ul li button{font-size: 16px;}
    .basket-process-wrap .tbl-period-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-period-sel .select-list.select-on{display: block;}

    .basket-process-wrap .tbl-period-sel .tbl-btn-comp1{width: 130px;	height: 40px; border-radius: 8px;	border: solid 1px #aaaeb1;	background-color: #fff; font-size: 14px; color: #5e6062; font-weight: bold; margin:10px 0 0 auto;}

    .basket-process-wrap .tbl-bank-sel{text-align: left; position: relative; width: 100%;}
    .basket-process-wrap .tbl-bank-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: 7px; font-size: 14px; color: #000; }
    .basket-process-wrap .tbl-bank-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-bank-sel .select-list{width: 100%; background: #fff; position: absolute; top: 34px; 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;}
    .basket-process-wrap .tbl-bank-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-bank-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-bank-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-bank-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-table .tbl-ipt{height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; font-size: 14px; color: #000; padding-left: 7px; box-sizing: border-box;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w1{width: 100%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w2{width: 30%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w3{width: 56%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w4{width: 100%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w6{width: 100%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w7{width: 56%;}
    .basket-process-wrap .payment-table .tbl-ipt.ipt-w8{width: 87%; margin-bottom: 15px;}

    .basket-process-wrap .tbl-btn-comp2{ width: 86px;	height: 23px; border-radius: 6px;	border: solid 1px #aaaeb1; background-color: #fff; font-size: 12px; color: #5e6062; font-weight: bold;}
    .basket-process-wrap .ipt-dot.ipt-at{font-size: 18px; color: #000; margin-top: -17px;}

    .basket-process-wrap .tbl-btn-grey{padding: 0 10px; background: #787878; color: #fff; font-size: 14px; height: 36px; border: 1px solid #636363;}
    .basket-process-wrap .tbl-btn-grey.tbl-mt{margin-top: 10px;}
    .basket-process-wrap .tbl-email-sel{text-align: left; position: relative; width: 56%;}
    .basket-process-wrap .tbl-email-sel .btn-select{height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: 7px; font-size: 14px; color: #000; width: 100%; }
    .basket-process-wrap .tbl-email-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-email-sel .select-list{ width: 100%; background: #fff; position: absolute; top: 34px; 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;}
    .basket-process-wrap .tbl-email-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-email-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-email-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-email-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-use-sel{text-align: left; position: relative; width: 100%;}
    .basket-process-wrap .tbl-use-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: 7px; font-size: 14px; color: #000; }
    .basket-process-wrap .tbl-use-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-use-sel .select-list{width: 100%; background: #fff; position: absolute; top: 34px; 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;}
    .basket-process-wrap .tbl-use-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-use-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-use-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-use-sel .select-list.select-on{display: block;}
    .basket-process-wrap .tbl-way-sel{text-align: left; position: relative; width: 100%;}
    .basket-process-wrap .tbl-way-sel .btn-select{width: 100%; height: 42px; border: 1px solid #c8c8c8; border-radius: 8px; color: #000000; 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: 7px; font-size: 14px; color: #000; }
    .basket-process-wrap .tbl-way-sel .btn-select.on{background:#fff url(https://resource.mall.castingn.com/static/images/ico-sh-arrow-on.png) calc(100% - 15px) center no-repeat;}
    .basket-process-wrap .tbl-way-sel .select-list{width: 100%; background: #fff; position: absolute; top: 34px; 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;}
    .basket-process-wrap .tbl-way-sel .select-list ul li{color: #666; padding: 5px 13px 5px 13px;}
    .basket-process-wrap .tbl-way-sel .select-list ul li button{font-size: 14px;}
    .basket-process-wrap .tbl-way-sel .select-list ul li:hover{background: #f0f0f0; border-radius: 5px; color: #000;}
    .basket-process-wrap .tbl-way-sel .select-list.select-on{display: block;}
    .basket-process-wrap .payment-box .payment-center-tt{display: flex; justify-content: center; flex-direction: column; align-items: center;}
    .basket-process-wrap .payment-box .payment-center-tt span{font-size: 16px; color: #000;}
    .basket-process-wrap .payment-box .payment-center-tt span:first-child{font-size: 20px; color: #000; font-weight: 700; margin-bottom: 10px;}
    .basket-process-wrap .payment-box .approve-ipt-area{margin: 0 -25px; padding: 0 25px 10px 25px; margin-top: 16px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1{display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: column;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 label{font-size: 18px; color: #000000; font-weight: bold;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 input{width: 100%; height: 43px; background: #fff; border-radius: 5px; border: 1px solid #c8c8c8; box-sizing: border-box; padding-left: 20px; font-size: 14px; margin-top: 10px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt1 input::placeholder{color: #d9d9d9;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2{display: flex; align-items: flex-start; justify-content: center; }
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2 form{display: flex; align-items: center; margin-top: 10px; width: 100%;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2 .file-upload{width: calc(100% - 100px); height: 42px; background: #fff; border-radius: 5px; border: 1px solid #c8c8c8; box-sizing: border-box; padding-left: 20px; font-size: 15px; color: #000;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2 label{width: 100px; height: 38px; color: #fff; font-size: 14px; background: #787878; border: 1px solid #636363; display: flex; align-items: center; justify-content: center; border-radius: 6px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2 label::before{width: 18px; height: 19px; background: url(https://resource.mall.castingn.com/static/images/ico-file.png) left no-repeat; content:''; margin-right: 5px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2 label input{position: absolute; width: 0; height: 0; overflow: hidden;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-ipt2 .up-file-box{ height: 40px; box-sizing: border-box; font-size: 14px; margin-left: 10px; display: flex; align-items: center;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-tt{font-weight: 700; font-size: 15px; color: #000;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-result{width: 100%; background: #fff; border-radius: 5px; border: 1px solid #c8c8c8; box-sizing: border-box; padding:5px 10px; font-size: 13px; margin-top: 10px; color: #000;}

    .basket-process-wrap .payment-box .approve-ipt-area .approve-stat{margin-bottom: 10px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-stat > span{font-size: 18px; color: #666; font-weight: bold; margin-bottom: 10px; display: block;}
    .basket-process-wrap .payment-box .approve-ipt-area .btn-download{width: 23px; height: 23px; text-indent: -9999999px; font-size: 0; background: url(https://resource.mall.castingn.com/static/images/ico-download.png) center/100% no-repeat; margin-right: 12px;}
    .basket-process-wrap .payment-box .approve-ipt-area .approve-stat .approve-msg-box{border: 1px solid #d9d9d9; display: flex; border-radius: 5px; min-height: 43px; color: #000; font-size: 14px; padding: 0 20px; background: #fff; display: flex; align-items: center;}

    .basket-process-wrap .payment-box .box-tit{font-size: 14px; color: #000; font-weight: 500; margin-bottom: 6px;}
    .basket-process-wrap .payment-box .box-tit2{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 6px; margin-top: 13px;}
    .basket-process-wrap .payment-box .pay-info{margin-bottom: 13px; color: #000; display: flex; align-items: center; flex-wrap: wrap;}
    .basket-process-wrap .payment-box .pay-info .pay-tit{font-size: 18px; font-weight: bold; width: 100%; margin-bottom: 15px;}
    .basket-process-wrap .payment-box .pay-info .pay-day{font-size: 14px; margin-right: 29px;}
    .basket-process-wrap .payment-box .pay-info .pay-day:last-child{margin-right: 0;}

    .basket-process-wrap .point-list{margin: 12px 0 0 16px;}
    .basket-process-wrap .point-list li{display: flex; align-items: center; justify-content: space-between; color: #000000; width: 192px; font-weight: 500; margin-bottom: 8px;}
    .basket-process-wrap .point-list .total .point-tit{font-size: 14px;}
    .basket-process-wrap .point-list .mbs .point-tit{font-size: 12px;}
    .basket-process-wrap .point-list .total .num{font-size: 14px; font-weight: bold;}
    .basket-process-wrap .point-list .mbs .num{font-size: 12px;}
    .basket-process-wrap .point-list .num b{margin-right: 10px;}

    .basket-process-wrap .point-tt{font-size: 12px; color: #333333; position: relative; padding-left: 9px; }
    .basket-process-wrap .point-tt:before{display: block; content:''; width: 3px; height: 3px; background: #999999; position: absolute; left: 0; top: 10px}

    .basket-process-wrap .req-info{color: #000; font-size: 14px; display: flex; align-items: flex-start; flex-direction: column; position: relative; word-break: keep-all; margin-top: 12px;}
    .basket-process-wrap .req-info .info-tit{font-size: 16px; font-weight: bold; margin-bottom: 7px;}

    /* .basket-process-wrap .process-area .req-info{padding-top: 16px;} */
    .basket-process-wrap .process-area .req-info.ty1{padding: 16px 16px 0 16px; border: 1px solid #e7e9eb; border-bottom: none; border-radius: 8px 8px 0 0;}
    .basket-process-wrap .process-area .req-info .rest{position: absolute; right: 16px; top: 16px; font-size: 16px; color: #000; font-weight: bold;}

    .basket-process-wrap .pinsq-box{padding: 20px 16px; border-radius: 8px; border: solid 1px #e7e9eb; background-color: #fff; box-sizing:border-box; display: flex; flex-direction: column; align-items: center; margin-top: 26px; position: relative; margin-bottom:200px ;}
    .basket-process-wrap .pinsq-box p{text-align: center; color: #000; font-size: 14px; line-height: 20px;}
    .basket-process-wrap .pinsq-box .delivery-btn-area{margin-top: 37px; position: absolute; bottom: -154px; display: flex; flex-direction: column; width: 100%;}
    .basket-process-wrap .pinsq-box .delivery-btn-area a{margin: 0 0 12px 0;}
    .basket-process-wrap .pinsq-box .delivery-btn-area span{font-weight: 500;}
    .basket-process-wrap .pinsq-box::before{width: 52px; height: 52px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-gu-pinsq.svg) left/100% no-repeat; content: ''; margin-bottom: 12px;}

    .basket-process-wrap .psq-srv-list{margin-top: 25px;}
    .basket-process-wrap .psq-srv-list ul li{height: 126px;  display: flex; align-items: flex-start; box-sizing: border-box; margin-bottom: 12px; position: relative;border: 1px solid #c8c8c8;border-radius: 20px;overflow: hidden;}
    .basket-process-wrap .psq-srv-list ul li .item-thum{width: 108px; height: 100%; overflow: hidden; border-right: 1px solid #c8c8c8;}
    .basket-process-wrap .psq-srv-list ul li .item-thum img{width: 100%; object-fit: cover;}
    .basket-process-wrap .psq-srv-list ul li .item-cont{padding: 12px; height: 100%; width: calc(100% - 108px); box-sizing: border-box; border-left: none;}
    .basket-process-wrap .psq-srv-list ul li .item-tit{display: flex; flex-direction: column; letter-spacing: -0.72px; margin-bottom: 25px;}
    .basket-process-wrap .psq-srv-list ul li .item-tit strong{color: #fff; font-weight: bold; color: #333; margin-bottom: 1px; font-size: 15px; letter-spacing: -0.6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; word-break: keep-all;}
    .basket-process-wrap .psq-srv-list ul li .item-tit .stat{font-size: 14px; color: #0d89e8;}

    .basket-process-wrap .psq-srv-list ul li .item-link{display: flex; align-items: center; justify-content: flex-end; position: absolute; right: 12px; bottom: 12px;}
    .basket-process-wrap .psq-srv-list ul li .link-tt{letter-spacing: -0.56px; color: #666; font-size: 14px;}
    .basket-process-wrap .psq-srv-list ul li .btn-link{width: 99px; height: 26px; border-radius: 19px;  background-color: #0d89e8; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 500; margin-left: 5px; letter-spacing: -0.64px;}
    .basket-process-wrap .psq-srv-list ul li .btn-link:after{width: 5px; height: 9px; background: url(https://resource.mall.castingn.com/static/images/ico_arrow.png) left/100% no-repeat; content: ''; margin-left: 6px;}
    .basket-process-wrap .psq-srv-list ul li .btn-link2{width: 99px; height: 26px; border-radius: 19px; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #0d89e8; font-size: 12px; font-weight: 500; margin-left: 12px; letter-spacing: -0.64px;
        border: 1px solid #0d89e8; box-sizing: border-box;}

    .basket-process-wrap .my-inq-list{position: relative;}
    .basket-process-wrap .my-inq-list ul li{display: flex; flex-direction: column; border-bottom: 1px solid #d9d9d9; margin: 0 -16px; padding: 16px; position: relative}
    .basket-process-wrap .my-inq-list ul li:first-child{border-top: 1px solid #d9d9d9}
    .basket-process-wrap .my-inq-list ul li .inq-cate{color: #333; letter-spacing: -0.6px; font-weight: 500; font-size: 15px; margin-bottom: 10px;}
    .basket-process-wrap .my-inq-list ul li a{font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px;}
    .basket-process-wrap .my-inq-list ul li .ymd{font-size: 15px; color: #000; font-weight: normal;}
    .basket-process-wrap .my-inq-list ul li .stat{position: absolute; right: 16px; bottom: 16px;}
    .basket-process-wrap .my-inq-list ul li .stat.cpt{color: #0d89e8}

    .basket-process-wrap .inquiry-func-wrap{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;margin:10px 0 10px 0;}
    .basket-process-wrap .inquiry-func-wrap button{width: 122px; height:35px; font-size: 16px; margin-left:10px;display:inline-flex;justify-content:center;align-items:center;padding:0 17px;border:1px solid #aaaeb1;border-radius:8px;}
    /* e  */


    /* s */
    .apporve-wrap{padding: 0 12px;}
    .apporve-wrap .basket-tt{font-size: 14px; font-weight: 800; margin-top: 40px; margin-bottom: 65px; color: #000;}
    /* .search-area{border-bottom: 1px solid #cbcbcb; display: flex; justify-content: end; padding-bottom: 11px; margin-top: 20px; }
	.search-box{width: 100%; height: 41px; border: 1px solid #cbcbcb; border-radius: 40px; display: flex; justify-content: space-between; align-items: center;}
	.search-box input{width: 71%;padding-left: 10px;font-size: 14px;height: 35px;margin-left: 19px;}
	.search-box button{width: 21px; height: 20px; text-indent: -99999px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-search1.png) center no-repeat; margin-right: 23px;}
	.apporve-wrap .period-search-box{background: #edeff2; display: flex; border: 1px solid #dadddf; padding: 19px 12px; margin-top: 21px; flex-wrap: wrap; align-items: center;}
	.apporve-wrap .period-search-box .period-bt-group{display: flex; align-items: center;}
	.apporve-wrap .period-search-box .period-bt-group button{width: 70px; height: 28px; background: #fff; border: 1px solid #d5d8dc; color: #1e1e1e; font-size: 14px; margin-right: 13px;}
	.apporve-wrap .period-search-box .period-bt-group button.active{color: #0e89e8; border: 1px solid #0e89e8;}
	.apporve-wrap .period-search-box .ymd-area{display: flex; align-items: center; justify-content: center; margin-top: 10px;}
	.apporve-wrap .period-search-box .ymd-area .ymd{width: 127px; text-align: center; height: 33px;background: #fff;border: 1px solid #d5d8dc;font-size: 15px;color: #1e1e1e;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
	.apporve-wrap .period-search-box .ymd-area .dot{margin: 0 4px;}
	.apporve-wrap .period-search{margin-left: 10px; margin-top: 10px;}
	.apporve-wrap .period-search button{width: 75px;height: 33px;color: #fff;font-size: 14px;background:#0e89e8;display: flex; align-items: center; justify-content: center;}
	.apporve-wrap .period-search button .bt-search{width: 15px; height: 16px; background: url(https://resource.mall.castingn.com/static/images/ico-search2.png) center no-repeat; margin-left: 8px;} */

    .apporve-wrap .bt-function{display: flex; justify-content: end; margin-top: 34px;}
    .apporve-wrap .bt-function button{width: 111px;height: 36px;font-size: 14px;color: #000;font-weight: 700;border: 1px solid #c8c8c8;border-radius: 30px;}
    .apporve-wrap .bt-function button:hover{border: 1px solid #0e89e8; color: #0e89e8;}
    .apporve-wrap .bt-function button:first-child{margin-right: 7px;}
    .apporve-wrap .paylist-tbl{border-top: 2px solid #000; margin-top: 12px; width: 100%; overflow-x: scroll;}
    .apporve-wrap .paylist-tbl table{width: 1021px;}
    .apporve-wrap .paylist-tbl table th{color: #000; font-size: 14px; font-weight: 700; height: 54px; text-align: center; border-bottom: 1px solid #cbcbcb; position: relative;}
    .apporve-wrap .paylist-tbl table th::after{position: absolute; width: 1px; height: 10px; background: #cbcbcb; content: ''; right: 0; top: 50%; margin-top: -5px;}
    .apporve-wrap .paylist-tbl table th:last-child::after{background: none;}
    .apporve-wrap .paylist-tbl table td{text-align: center; height: 50px; color: #000; font-size: 14px; border-bottom: 1px solid #ececec;}
    .apporve-wrap .paylist-tbl table td:nth-child(4){text-align: left; padding-left: 10px;}
    .apporve-wrap .paylist-tbl table td.t-blue{color: #0e89e8;}
    .apporve-wrap .paylist-tbl table td .ico-new{width: 36px; height: 19px; background: #fc4c4e; font-size: 11px; text-align: center; border-radius: 30px; color: #fff; margin-right: 6px; display: inline-block; vertical-align: text-top;}
    .apporve-wrap .paylist-tbl table td a{display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 265px; vertical-align: middle;}
    .apporve-wrap .paylist-tbl input.paylist-chk{width: 15px; height: 14px; border: 1px solid #7d7e7f;}
    .apporve-wrap .paging{margin: 30px 0; display: flex; align-items: center; justify-content: center;}
    .paging{margin: 30px 0; display: flex; align-items: center; justify-content: center;}
    .paging a{font-size: 15px;color: #7c7c7c; margin-right: 11px;}
    .paging a:last-child{margin-right: 0;}
    .paging a.page-prev{width: 9px; height: 13px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-page-prev.png) left no-repeat; text-indent: -999999px; overflow: hidden;}
    .paging a.page-next{width: 9px; height: 13px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-page-next.png) left no-repeat; text-indent: -999999px; overflow: hidden;}
    .paging a.page-more{padding-bottom: 7px;}
    .paging span.page-num{margin-right: 11px;}

    .paging span.current{font-size: 15px; color: #0e89e8; margin:0 6px 0 -3px; width: 26px; height: 26px; background: #0e89e8; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center;}
    /* e */

    /* 2021-12-31 나의 알림 */


    .container-alarm .paylist-tbl {
        border-top: 2px solid #000;
        position: relative;
        z-index: 10;
    }
    .container-alarm .paylist-tbl table td {
        text-align: left;
        height: 63px;
        color: #333333;
        font-size: 13px;
        border-bottom: 1px solid #ececec;
    }
    .container-alarm .paylist-tbl table td .dateTime {
        color: #acacac;
    }
    .container-alarm .paylist-tbl table td.thumb {

    }
    .container-alarm .paylist-tbl table td.thumb .unit-img {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }
    .container-alarm .paylist-tbl table td.thumb .unit-img img {
        width: 100%;
        height: auto;
    }
    .container-alarm .paylist-tbl table td i.ico-new {
        display: inline-block;
        width: auto;
        height: 15px;
        line-height: 14px;
        margin-right: 3px;
        padding: 0 5px;
        border-radius: 10px;
        font-size: 10px;
        vertical-align: top;
        background: #fc4c4e;
        color: #ffffff;
    }
    .container-alarm .paylist-tbl table td.noData {
        height: 63px;
        color: #333333;
        font-size: 12px;
        border-bottom: 1px solid #ececec;
    }

    .container-alarm .paylist-tbl table td.noData:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 41px;
        height: 41px;
        vertical-align: middle;
        margin: 0 12px 0 0;
        background: transparent url(https://resource.mall.castingn.com/static/images/ico-info2.png) no-repeat center center / 41px 41px;
    }
    .container-alarm .paylist-tbl table td.noData:after {
        content: "";
        font-size: 12px;
        line-height: 1.5;
        color: #333;
    }


    /* 2021-12-31 나의 알림 */


    /* s 2021-11-29 대분류 랜딩  */
    .market-wrap{background: #fafafa; padding: 0 10px;}
    .market-item-wrap{margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: center;}
    .market-item-wrap .market-item{
        width: calc(50% - 12px);
        max-height: 500px;
        background: #fff;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 0 10px 20px 10px;
        -webkit-box-shadow: 2px 0px 6px 0px rgb(0 0 0 / 5%);
        -moz-box-shadow: 2px 0px 6px 0px rgb(0 0 0 / 5%);
        box-shadow: 2px 0px 6px 0px rgb(0 0 0 / 5%);
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .market-item-wrap .swiper-wrapper{flex-wrap: wrap; justify-content: center;}
    .market-item-wrap .market-item:nth-child(2n){margin-right: 0;}
    .market-wrap .banner-area{background: #a8a7b9; padding: 7% 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: 700; border-radius: 10px; margin-top: 30px;}
    .market-item-wrap .market-item .market-box-top{display: flex; align-items: center; flex-direction: column; justify-content: center; border-bottom: 1px solid #ededed; padding-bottom: 14px;}
    .market-item-wrap .market-item .market-box-top .item-tit{font-size: 15px; color: #333; font-weight: 700; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-top: 10px; line-height: 1;}
    .market-item-wrap .market-item .market-box-top .item-thum{margin-top: 10px; width: 100px;}
    .market-item-wrap .market-item .market-box-top .price-star{margin-top: 9px;}
    .market-item-wrap .market-item .market-box-top .price-star li{display: flex; font-size: 14px; color: #666; justify-content: center;}
    .market-item-wrap .market-item .market-box-top .price-star li:first-child{margin-top: 0;}
    .market-item-wrap .market-item .market-box-top .price-star li span{color: #32ab8c;}
    .market-item-wrap .market-item .market-box-top .price-star li::before{width: 16px; height: 16px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-star.png) left no-repeat; margin-right: 4px; content: '';}
    .market-item-wrap .market-item .market-box-middle{border-bottom: 1px solid #ededed; padding: 10px 0;}
    .market-item-wrap .market-item .market-box-middle .market-list li{display: flex; align-items: center; justify-content: space-between;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list1 span:last-child{font-size: 16px; color: #000; font-weight: 700;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list2{font-size: 13px; color: #999; margin-top: 5px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list2 b{text-decoration: line-through; font-weight: 500;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list3{color: #333; font-size: 13px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4{font-size: 16px; margin-top: 4px; display: flex; flex-wrap: wrap;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:first-child{color: #32ab8c; display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:first-child b:first-child{width: 88px; height: 24px; background: #32ab8c; font-size: 14px; font-weight: 500; color: #fff; display: flex; align-items: center;
        border-radius: 30px; justify-content: center; margin-right: 3px;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:first-child b:last-child{font-weight: 500;}
    .market-item-wrap .market-item .market-box-middle .market-list li.market-list4 span:last-child{color: #0e89e8; display: flex; justify-content: end; width: 100%;}
    .market-item-wrap .market-item .market-box-bottom{margin-top: 18px;}
    .market-item-wrap .market-item .market-box-bottom li{display: flex; justify-content: space-between; font-size: 14px; color: #333;}
    .market-item-wrap .market-item .market-box-bottom li span:first-child{color: #999;}
    .market-item-wrap .market-item .market-box-bottom li span:last-child{margin-top: 4px;}
    .market-wrap .market-tit{color: #000;font-size: 14px;display: flex;align-items: center; margin-top: 31px; justify-content: center;flex-direction: column;padding: 0 46px;}
    .market-wrap .market-tit span{font-size: 18px; color: #0e89e8; font-weight: 700; display: flex; align-items: center; margin-right: 27px;}
    .market-wrap .market-tit span i.ico-deal{width: 20px; height: 29px; background:#fff url(https://resource.mall.castingn.com/static/images/ico-deal.png) left/100% no-repeat; margin-right: 12px;}
    .market-wrap .market-tit b{font-weight: 500; margin-bottom: auto; margin-top: 3px; text-align: center;}
    .market-wrap .market-tit2{font-size: 22px; color: #0e89e8; font-weight: 700; margin-top: 50px; text-align: center; }
    .market-wrap .market-tit3{display: flex; font-size: 18px; color: #000; align-items: center; margin-top: 30px; font-weight: 700;}
    .market-wrap .market-tit3 i{margin-right: 10px;}
    .market-wrap .market-tit3 i.ico-office{width: 28px; height: 25px; background:url(https://resource.mall.castingn.com/static/images/ico-office.png) left/100% no-repeat; }
    .market-wrap .question-box{
        height: 60px;
        font-size: 15px;
        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 );
        margin: 18px -10px 0 -10px;
        color: #fff;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .market-wrap .question-box span{display:flex; align-items: center; font-weight: 700;}
    .market-wrap .question-box span .ico-manager{width: 35px; height: 35px; background:url(https://resource.mall.castingn.com/static/images/ico-manager.png) left/100% no-repeat; margin-right: 5px;}
    .market-wrap .question-box a{background: #ecebf6 ; border-radius: 30px; color: #0e89e8; width: 176px; height: 35px; font-weight: 700; display: flex; justify-content: center; align-items: center; }
    .market-wrap .question-box a::after{width: 10px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/lnb-on.png) left/100% no-repeat; content: ''; margin-left: 5px;}

    .market-wrap .recommend-box{
        color: #333;
        font-size: 15px;
        font-weight: 700;
        display: flex;
        align-items: center;
        position: relative;
        padding: 30px 0 15px 0;
    }
    .market-wrap .recommend-box::after{
        width: 100%;
        height: 6px;
        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 );
        border-radius: 10px;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .market-wrap .recommend-box .ico-recommend{width: 20px;height: 31px;background: url(https://resource.mall.castingn.com/static/images/ico-deal.png) left/100% no-repeat; margin: 0 8px 0 20px; }

    .market-wrap .fiter-area{display: flex;align-items: center;justify-content: center;margin-top: 20px;margin-bottom: 40px;}
    .market-wrap .fiter-area .filter-search{
        width: 75.3%;
        height: 40px;
        box-sizing: border-box;
        border: 2px solid #f0f0f0;
        border-radius: 30px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px 0 18px;
    }
    .market-wrap .fiter-area .filter-search input{width: 70%; height: 90%; font-size: 16px; padding:0 10px;}
    .market-wrap .fiter-area .filter-search input::placeholder{color: #999999;}
    .market-wrap .fiter-area .filter-search button{width: 21px;height: 21px;background: url(https://resource.mall.castingn.com/static/images/ico-search4.png) left/100% no-repeat;text-indent: -999999px;}
    .market-wrap .fiter-area button.bt-filter{
        width: 117px;
        height: 47px;
        -webkit-box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
        -moz-box-shadow: 5px 1px 6px 0px rgb(0 0 0 / 22%);
        box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 22%);
        font-size: 18px;
        color: #7c7c7c;
        border-radius: 30px;
        background: #fff;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 15px;
    }

    .market-wrap .fiter-area button.bt-filter:after{width: 26px; height: 17px; background:url(https://resource.mall.castingn.com/static/images/ico-filter.png) left/100% no-repeat; content: ''; margin-left: 13px;}
    .market-wrap .fiter-area button.bt-recent{font-size: 16px; color: #000; display: flex; align-items: center; margin-left: 10px;}
    .market-wrap .fiter-area button.bt-recent:after{width: 22px; height: 27px; background:url(https://resource.mall.castingn.com/static/images/ico-recent.png) left/100% no-repeat; content: ''; margin-left: 7px;}

    /* e 2021-11-29 대분류 랜딩  */

    /* 2021-12-31 리뷰관리 */

    .container-review .basket-process-wrap {
        padding: 18px 13px;
    }
    .caption {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 16px;
        letter-spacing: -0.36px;
        color: #333;
    }
    .basket-line.basket-type2 {
        margin-bottom: 24px;
        border-bottom: 0 none;
        border-radius: 15px;
        border: solid 1px #d9d9d9;
    }
    .basket-line.basket-type2 .basket-list {
        flex-direction: column;
        align-items: start;
        padding-bottom: 0;
    }
    .basket-line.basket-type2 .basket-list .basket-area {
        display: flex;
        padding: 0 0 20px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .basket-detail2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .basket-process-wrap .basket-list .basket-thum3 {
        margin: 0 23px 0 10px;
    }
    .basket-process-wrap .basket-list .basket-thum3 img {
        max-width: 67px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .co-name {
        display: flex;
        margin-bottom: 7px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .co-name .basket-co-thum {
        width: 22px;
        height: 22px;
        margin-right: 6px;
    }
    .basket-line.basket-type2 .basket-list .basket-area .co-name strong {
        display: flex;
        align-items: center;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: -0.72px;
        color: #333;
    }
    .basket-line.basket-type2 .basket-list .basket-area .pdt-name {
        display: flex;
        align-items: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: -0.72px;
        color: #333;
    }
    .basket-line.basket-type2 .cs-wrap {
        border: 0 none;
    }
    .basket-line.basket-type2 .rating-area {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 20px 0;
        border: 0 none;
        border-top: 1px solid #e3e3e3;
    }
    .basket-line.basket-type2 .rating-area .left {
        display: flex;
        flex-direction: column;
    }
    .basket-line.basket-type2 .rating-area .left .rating-part strong {
        font-size: 14px;
    }
    .basket-line.basket-type2 .rating-area .left .rating-part a::before {
        width: 19px;
        height: 19px;
    }
    .basket-line.basket-type2 .rating-area .left .rating-part .grade {
        font-size: 12px;
    }

    .basket-line.basket-type2 .review-msg {
        margin-bottom: 20px;
    }
    /* 2021-12-31 리뷰관리 */

    /* 상세페이지 */
    .t-mint {color:#32ab8c !important;}
    .t-blue {color:#0e89e8 !important;}
    .t-orange {color:#f39800 !important;}
    .detail-page #header {display:none;}

    /* 회원전용 텍스트 */
    .t-member1{font-size:11px !important; font-weight: bold !important; color: #B3B7BA !important; font-weight: bold !important;}
    .t-member2{font-size:13px !important; font-weight: bold !important; color: #E04339 !important; font-weight: 800 !important;}
    .t-member3{font-size:14px !important; font-weight: bold !important; color: #E04339 !important; font-weight: 800 !important;}

    /* 회원전용 텍스트 */
    .t-member1{font-size:12px !important; font-weight: bold !important; color: #B3B7BA !important; font-weight: bold !important;} /* 디테일 상단 */
    .t-member2{font-size:23px !important; font-weight: bold !important; color: #E04339 !important; font-weight: 800 !important;} /* 디테일 하단 */
    .t-member3{font-size:13px !important; font-weight: bold !important; color: #E04339 !important; font-weight: 800 !important;} /* 리스트 */

    .mo-head {margin:0 13px; height:43px; padding-bottom:3px; position:relative; display:flex; align-items:center;}
    .mo-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-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;}
    .mo-head .prod-name {margin-left:10px;}
    .mo-head .prod-name strong {font-size:16px; font-weight:700; letter-spacing:-0.04em; color:#000;}
    .mo-head .btn-home {margin-left:auto;}
    .mo-head .btn-home .ico-home {display:block; width:28px; height:28px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-home.png) center no-repeat; background-size:100%;}


    .detail-top .detail-loca-wrap { padding-top:10px; margin:0 13px; display:flex; align-items:center;}
    .detail-top .detail-loca-wrap .btn-menu {width:20px; height:20px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-menu.png) center no-repeat; background-size:100%; margin-left:auto; font-size:0; line-height:0; margin-right:3px;}
    .detail-top .detail-location {display:flex; align-items:center;}
    .detail-top .detail-location .loca-item span {font-size:14px; letter-spacing:-0.04em; color:#666;}
    .detail-top .detail-location .loca-item {position:relative;}
    /*.detail-top .detail-location .loca-item:nth-child(n+2) {margin-left:20px;}
    .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;}*/
    .detail-top .top-area {margin-top: 15px;position: relative; /*padding-top: 60px;*/ padding-top: 10px;}
    .detail-top .top-area .thumb-info {display:flex;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;height: 30px;box-sizing:border-box;}
    .detail-top .top-area .thumb-info p {width: calc(100% - 47px);box-sizing:border-box;height: 30px;padding: 0 13px;display:flex;align-items:center;}
    .detail-top .top-area .thumb-info p span {font-size: 12px;letter-spacing:-0.04em;color:#666;}
    .detail-top .top-area .thumb-info p span:nth-child(n+2) {margin-left:10px;}
    .detail-top .top-area .thumb-info .btn-copy {width: 47px;border-left:1px solid #ececec;height: 30px;font-size:0;line-height:0;background:url(https://resource.mall.castingn.com/static/images/sub/ico-copy.png) center no-repeat;}
    .detail-top .top-area .thumb-box {border-bottom: 1px solid #ececec;padding-bottom: 80%;position:relative;overflow:hidden;}
    .detail-top .top-area .thumb-box img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height: 100%;}
    /*.detail-top .top-area .thumb-box.item-soldout::after{position: absolute; width: 97px; height: 97px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.41); content: 'Sold out'; left: 50%; margin-left: -48px; top: 50%; margin-top: -48px;
		color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px;}*/
    .detail-top .top-area .thumb-box.item-soldout::after{position: absolute; width: 230px; height: 230px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); content: 'Sold out'; left: 33%; margin-left: -28px; top: 29%; margin-top: -28px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px;}
    .detail-top .top-area .rating-area {margin-top:25px; display:flex; justify-content:center; align-items:center;}
    .detail-top .top-area .etc-area .rating-area {margin-top:0; justify-content:flex-start;}
    .detail-top .top-area .etc-area .rating-area:nth-child(n+2) {margin-left: 14px;padding-left: 14px;border-left:1px solid #efefef;}
    .detail-top .top-area .rating-area .star-box {width: 63px;height: 11px;}
    .detail-top .top-area .rating-area .star-box .star0 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star0.png) center no-repeat;background-size: 100%;}
    .detail-top .top-area .rating-area .star-box .star1 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star1.png) center no-repeat;background-size: 100%;}
    .detail-top .top-area .rating-area .star-box .star2 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star2.png) center no-repeat;background-size: 100%;}
    .detail-top .top-area .rating-area .star-box .star3 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star3.png) center no-repeat;background-size: 100%;}
    .detail-top .top-area .rating-area .star-box .star4 {width: 63px;height: 11px;background:url(https://resource.mall.castingn.com/static/images/sub/star4.png) center no-repeat;background-size: 100%;}
    .detail-top .top-area .rating-area .star-box .star5 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star5.png) center no-repeat;background-size: 100%;}

    .detail-top .top-area.type2-area .thumb-box {padding:0;}
    .detail-top .top-area.type2-area .thumb-box img {position:relative;top:0;left:0;transform: translate(0, 0);}
    .detail-top .top-area.type2-area .rating-area {margin:0;justify-content: flex-start;position: absolute;top: 81vw;}
    .detail-top .top-area.type2-area .rating-area .rating-num {margin-left:7px; font-size:11px; letter-spacing:-0.04em; color:#32ab8c; line-height:18px; }

    .detail-top .top-area .rating-area .rating-count {margin-left: 7px;}
    .detail-top .top-area .rating-area .rating-count dl {display:flex;align-items:center;line-height: 13px;}
    .detail-top .top-area .rating-area .rating-count dl dt {font-size: 11px;letter-spacing:-0.04em;color:#666;}
    .detail-top .top-area .rating-area .rating-count dl dd {font-size: 11px;font-weight:700;letter-spacing:-0.04em;color:#32ab8c;margin-left:5px;}
    .detail-top .top-area .delivery-area dl {display:flex; align-items:center; justify-content:center; height:45px;}
    .detail-top .top-area .delivery-area dl dt {font-size:13px; color:#000; letter-spacing:-0.04em; margin-right:15px; font-weight:500;}
    .detail-top .top-area .delivery-area dl dd {font-size:13px; letter-spacing:-0.04em; color:#666666; display:flex; align-items:center;}
    .detail-top .top-area .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;}


    .detail-top .top-area .top-right .compare-slc-area {display:none;}
    .detail-top .top-area .top-right .detail-compare-table {display:none;}
    .detail-top .top-area .top-title {position: absolute;top: 0;left: 13px;width: calc(100% - 26px);}
    .detail-top .top-area .top-title .title-area dt {display:flex;align-items:center;font-size: 15px;letter-spacing:-0.04em;}
    .detail-top .top-area .top-title .title-area dt .t-right {color:#999999; font-weight:300;}
    .detail-top .top-area .top-title .title-area dt .ico-circle {width:3px; height:3px; background:#bcbcbc; border-radius:2px; margin:-1px 7px 0;}
    .detail-top .top-area .top-title .title-area dd {font-size:38px;font-weight:700;letter-spacing:-0.04em;color:#000000;line-height:40px;margin-top:15px;display: none;}
    .detail-top .top-area .top-title .btn-membership {display:flex;align-items:center;margin-top: 5px;}
    .detail-top .top-area .top-title .btn-membership strong {font-size: 12px;color:#333333;line-height:18px;font-weight:500;}
    .detail-top .top-area .top-title .btn-membership .ico-arrow {width: 4px;height: 7px;background: url(https://resource.mall.castingn.com/static/images/sub/ico-m-arrow.png) center no-repeat;margin-left:10px;background-size: 100%;}
    .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 #e3e3e3;border-radius:6px;margin: 0 13px;display: -webkit-box;display: -moz-box;display: box;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical; position:relative;}
    .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-btn.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.type2-area .detail-right-sec {border:0;padding-top: 50px;}
    .detail-top .top-area.type2-area .select-price-area { display:flex; justify-content:flex-end;}
    .detail-top .top-area.type2-area .select-price-area ul {width:170px;}
    .detail-top .top-area.type2-area .select-price-area li {padding-left:30px; display:flex; align-items:center;}
    .detail-top .top-area.type2-area .select-price-area li .price-label {width:50%; font-size:12px; line-height:21px; letter-spacing:-0.04em; color:#000000;}
    .detail-top .top-area.type2-area .select-price-area li .price-box {width:50%; font-size:12px; line-height:21px; letter-spacing:-0.04em; color:#000000; text-align:right;}
    .detail-top .top-area.type2-area .select-price-area li .price-box span.t-line {color:#999999; text-decoration:line-through;}

    .detail-top .top-area.type2-area .select-price-area li.normal-price .price-label {color:#999999;}
    .detail-top .top-area.type2-area .select-price-area li .price-label input {display:none;}
    .detail-top .top-area.type2-area .select-price-area li .price-label input + label {position:relative; cursor:pointer;}
    .detail-top .top-area.type2-area .select-price-area li .price-label input + label:before {content:"";display:block;width: 15px;height: 15px;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;}
    .detail-top .top-area.type2-area .select-price-area li .price-label input + label .price-dc {position:absolute;left: -70px;top: 1px;width:35px;height:13px;background:url(https://resource.mall.castingn.com/static/images/sub/detail-price-tip.png) center no-repeat; background-size:100%;box-sizing:border-box;padding: 0 5px 0 0;text-align:center;line-height:13px;font-size:11px;letter-spacing:-0.04em;color:#fff;font-weight:700;}
    .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%;}
    .detail-top .top-area.type2-area .quantity-area {display:none;}

    .detail-top .top-area.type2-area .option-list {margin-top: 10px;border: 1px solid #0e89e8;background:#f8fbfd;border-radius: 5px;box-sizing:border-box;padding: 10px 15px;}
    .detail-top .top-area.type2-area .option-list li {font-size: 11px;line-height: 15px;letter-spacing:-0.04em;font-weight:700;color:#111;padding-left: 7px;position:relative;}
    .detail-top .top-area.type2-area .option-list li:before {content:"";display:block;position:absolute;left:0;top: 5px;width: 2px;height: 2px;border-radius:3px;background:#0e89e8;}

    .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 .select-area {display:none;}
    .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 .right-btm {display:flex;align-items:center;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;margin: 0px 12px;border-top: 1px solid #ededed;height: 45px;}
    .detail-top .top-area .right-btm .etc-area {display:flex;align-items:center;justify-content:center;width: 100%;}
    .detail-top .top-area .btn-area {display:flex;align-items:center;margin-top: 27px;border-top: 1px solid #bfbfbf;padding: 10px 13px 0;}
    .detail-top .top-area .btn-area.mobile-btn-area.fix {position:fixed;bottom:0;left:0;background:#fff;width:100%;box-sizing:border-box;padding-bottom:10px;z-index:2;margin-top: 0;}
    .detail-top .top-area .btn-area .btn {height: 44px;margin-left: 7px;border-radius: 4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background: #fff;}
    .detail-top .top-area .btn-area .btn.grow0_5 {flex-grow:0.5;}
    .detail-top .top-area .btn-area .btn.grow1 {flex-grow:1;}
    .detail-top .top-area .btn-area .btn.grow1_5 {flex-grow:1.5;}
    .detail-top .top-area .btn-area .btn.grow3 {flex-grow:3;}
    .detail-top .top-area .btn-area .btn:first-child {margin-left:0;}
    .detail-top .top-area .btn-area .btn strong {font-size: 15px;font-weight:700;}
    .detail-top .top-area .btn-area .btn.btn-line {border:1px solid #c8c8c8;}
    .detail-top .top-area .btn-area .btn.btn-line strong {color:#111;}
    .detail-top .top-area .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 );
    }
    .detail-top .top-area .btn-area .btn.btn-comp strong {color:#fff;}
    .detail-top .top-area .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;}
    .detail-top .top-area .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;}

    .detail-container {margin-top: 30px;}
    .detail-container .inq-bnr {
        height: 50px;
        display:flex;
        align-items:center;
        box-sizing:border-box;
        padding: 0 13px;
        background: rgba(89,187,148,1);
        background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb94', endColorstr='#0e89e8', GradientType=1 );
    }
    .detail-container .inq-bnr .ico-bnr-inq {width: 35px;height: 35px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-bnr-inq.png) center no-repeat;background-size: 100%;}
    .detail-container .inq-bnr p {margin-left: 10px;font-size: 15px;letter-spacing:-0.04em;color:#fff;font-weight:300;}
    .detail-container .inq-bnr .bnr-btn-area {margin-left:auto; display:flex; align-items:center;}
    .detail-container .inq-bnr .bnr-btn-area a {height: 22px;background:#fff;border-radius:20px;padding: 0px 12px;margin-left: auto;display:flex;align-items:center;}
    .detail-container .inq-bnr .bnr-btn-area a span {font-size: 10px;font-weight:700;color:#0e89e8;letter-spacing:-0.04em;}
    .detail-container .inq-bnr .bnr-btn-area a .ico-arrow {width: 10px;height: 4px;background:url(https://resource.mall.castingn.com/static/images/ico-inq-arrow.png) center no-repeat;margin: -2px 0 0 5px;background-size: 100%;}

    .detail-container .inq-bnr2 {height: 75px; display:flex; align-items:center; padding:0 13px;}
    .detail-container .inq-bnr2 p {font-size:15px; font-weight:700; letter-spacing:-0.04em; color:#333333;}
    .detail-container .inq-bnr2 p strong {font-size:18px;}
    .detail-container .inq-bnr2 .bnr-btn-area {margin-left:auto; display:flex; align-items:center;}
    .detail-container .inq-bnr2 .bnr-btn-area a {height: 22px;background:#1d93d7;border-radius:20px;padding: 0px 12px;margin-left: auto;display:flex;align-items:center;}
    .detail-container .inq-bnr2 .bnr-btn-area a span {font-size: 10px;font-weight:700;color:#fff;letter-spacing:-0.04em;}
    .detail-container .inq-bnr2 .bnr-btn-area a .ico-arrow {width: 10px;height: 4px;background:url(https://resource.mall.castingn.com/static/images/sub/ico-inq-arrow3.png) center no-repeat;margin: -2px 0 0 5px;background-size: 100%;}

    .detail-container .detail-tab-area {border-bottom:3px solid #ededed; height:52px; display:flex; max-width:1440px; margin:0 auto;}
    .detail-container .detail-tab-area .btn-tab {padding:0 35px; position:relative;}
    .detail-container .detail-tab-area .btn-tab span {font-size:20px; letter-spacing:-0.04em; color:#000;}
    .detail-container .detail-tab-area .btn-tab:nth-child(n+2) {margin-left:50px;}
    .detail-container .detail-tab-area .btn-tab.active-tab span {color:#0e89e8; font-weight:700;}
    .detail-container .detail-tab-area .btn-tab.active-tab:before {content:""; display:block; width:100%; height:3px; background:#0e89e8; position:absolute; top:52px; left:0;}

    .detail-container .tab-cont {border-top: 8px solid #efefef;}
    .detail-container .tab-cont#detail-cont1 {padding-bottom:25px;}
    .detail-container .tab-cont .cont-detail-img {overflow-y:hidden; max-height:180px;}
    .detail-container .tab-cont .cont-detail-img.all-view {max-height:unset;}
    .detail-container .tab-cont .btn-more-view {margin:0 13px; border:1px solid #0e89e8; display:flex; align-items:center; justify-content:center; width:calc(100% - 26px); box-sizing:border-box; height:35px; background:#fff;}
    .detail-container .tab-cont .btn-more-view span {font-size:12px; font-weight:700; letter-spacing:-0.04em; color:#0e89e8;}
    .detail-container .tab-cont .detail-info {padding: 0 0 25px;}
    .detail-container .tab-cont .detail-info:nth-child(n+2) {border-top: 8px solid #efefef;}
    .detail-container .tab-cont .info-tt {border-bottom: 1px solid #ededed;padding: 20px 0 5px;margin: 0 13px;}
    .detail-container .tab-cont .info-tt strong {font-size: 14px;font-weight:800;letter-spacing:-0.04em;display: inline-block;color:#000000;line-height:24px;position:relative;}
    .detail-container .tab-cont .info-tt strong:after {content:"";display:block;width:100%;height:1px;background:#0e89e8;position:absolute;left:0;bottom: -6px;}
    .detail-container .tab-cont .detail-info .info-cont {margin:0 13px;}
    .detail-container .tab-cont .detail-info .info-cont dl {border-bottom:1px solid #ededed;display:flex;padding: 10px;}
    .detail-container .tab-cont .detail-info .info-cont dl dt {font-size: 12px;line-height: 18px;letter-spacing:-0.04em;color:#000;}
    .detail-container .tab-cont .detail-info .info-cont dl dd {width: calc(100% - 70px);font-size: 12px;line-height: 18px;letter-spacing:-0.04em;color:#000;margin-left: auto;}

    .detail-container .bg-gray {padding: 0 0 25px;border-top: 8px solid #efefef;}
    .detail-container .detail-title {margin: 0 13px 20px;}
    .detail-container .detail-title dt {border-bottom: 1px solid #ededed;padding: 20px 0 5px;}
    .detail-container .detail-title dt strong {font-size: 14px;font-weight:800;letter-spacing:-0.04em;display: inline-block;color:#000000;line-height:24px;position:relative;}
    .detail-container .detail-title dt strong:after {content:"";display:block;width:100%;height:1px;background:#0e89e8;position:absolute;left:0;bottom: -6px;}

    .detail-container .detail-title dd {font-size: 11px;line-height: 16px;letter-spacing:-0.04em;color:#000000;margin-top:10px;}
    .detail-container .detail-flex {
        margin: 0 13px;
    }
    .detail-container .detail-flex .flex-box:nth-child(n+2) {margin-top: 35px;}
    .detail-container .detail-flex .flex-box .detail-tt {text-align: left;font-size: 12px;font-weight:700;letter-spacing:-0.04em;color:#000;margin-bottom: 15px;line-height: 16px;}
    .detail-container .detail-flex .flex-box .graph-term-area {
        background:#fff;
        height: 25px;
        border-radius: 10px;
        display:flex;
        justify-content:space-between;
        -webkit-box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 8%);
        -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 8%);
    }
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term {width:122px;height: 25px;border-radius:20px;display:flex;align-items:center;justify-content:center;}
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term span {font-size: 12px;letter-spacing:-0.04em;color:#999;}
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term.active-term {background:#dff9fd;border: 1px solid #0e89e8;}
    .detail-container .detail-flex .flex-box .graph-term-area .btn-term.active-term span {color:#0e89e8; font-weight:700;}
    .detail-container .detail-flex .flex-box .graph-area {
        background:#fff;
        border-radius: 10px;
        margin-top: 15px;
        height:615px;
        -webkit-box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 8%);
        -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 8%);
    }
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area {padding-top: 20px;display:flex;justify-content:center;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl {margin-left: 30px;text-align:center;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl:first-child {margin-left:0;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dt {font-size: 12px;letter-spacing:-0.04em;font-weight:700;}
    .detail-container .detail-flex .flex-box .graph-area .graph-main-area dl dd {font-size: 19px;font-weight:700;letter-spacing:-0.04em;color:#000000;margin-top: 6px;}
    .detail-container .detail-flex .flex-box .graph-area .graph-txt {text-align:center;margin-top: 10px;font-size: 11px;color: #999999;}
    .detail-container .detail-flex .flex-box .graph-area .graph-box {margin-top: 20px;height: 190px;padding-bottom: 20px;}

    .detail-container .detail-flex .flex-box .openmarket-compare {
        background:#fff;
        border-radius: 10px;
        height:685px;
        -webkit-box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 8%);
        -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.08);
        box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 8%);
    }
    .detail-container .detail-flex .flex-box .other-table {padding: 0 20px 25px;}
    .detail-container .detail-flex .flex-box .other-table table {width:100%;table-layout: fixed;}
    .detail-container .detail-flex .flex-box .other-table table thead th {height:72px;border-bottom:1px solid #c5c5c5;text-align:center;font-size: 11px;color:#666;letter-spacing:-0.04em;font-weight:400;}
    .detail-container .detail-flex .flex-box .other-table table thead th:first-child {text-align:left;padding-left: 10px;}
    .detail-container .detail-flex .flex-box .other-table table tbody td {height:58px;border-top:1px solid #ececec;font-size: 11px;letter-spacing:-0.04em;font-weight:500;color:#333333;text-align:center;}
    .detail-container .detail-flex .flex-box .other-table table tbody td:first-child {text-align:left;padding-left: 10px;}
    .detail-container .detail-flex .flex-box .other-table table tbody td .ico-low {display:inline-block; width:13px; height:15px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-low.png) center no-repeat; margin:0 5px 0 0;}
    .detail-container .detail-flex .flex-box .other-table table tbody td * {vertical-align:middle;}
    .detail-container .detail-flex .flex-box .other-table table tbody td .btn-go-gray {margin:0 auto;display:flex;align-items:center;justify-content:center;width: 70px;height: 20px;box-sizing:border-box;border-radius:18px;border:1px solid #dadada;font-size: 11px;color:#333333;letter-spacing:-0.04em;font-weight:500;}
    .detail-container .detail-flex .flex-box .other-table table tbody td .btn-go-gray:after {content:""; display:block; width:9px; height:9px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-go-after.png) center no-repeat; margin-left:7px;}

    .detail-pop-fix {position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.4); z-index:3; display:none;}
    .detail-pop-fix.show-pop {display:block;}
    .detail-pop-fix .detail-pop-cont {position:fixed; bottom:0; left:0; background:#fff; width:100%; border-radius:15px 15px 0 0; padding:7px 13px 10px; box-sizing:border-box;}
    .detail-pop-fix .detail-pop-cont .pop-control {width:46px; height:4px; background:#e4e4e4; border-radius:2px; margin:0 auto; display:block; font-size:0; line-height:0;}
    .detail-pop-fix .detail-pop-cont .select-seller {margin-top:15px;}
    .detail-pop-fix .detail-pop-cont .select-seller .seller-name {display:flex; align-items:center;}
    .detail-pop-fix .detail-pop-cont .select-seller .seller-name span {font-size: 13px;color:#333;letter-spacing:-0.04em;line-height: 15px;}
    .detail-pop-fix .detail-pop-cont .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-pop-fix .detail-pop-cont .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-pop-fix .detail-pop-cont .select-price-area {margin-top:15px; display:flex; justify-content:flex-end;}
    .detail-pop-fix .detail-pop-cont .select-price-area ul {width: 75%;}
    .detail-pop-fix .detail-pop-cont .select-price-area li {padding-left:25px; display:flex; align-items:center; margin-bottom: 4px; position: relative;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .ico-pinclub{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-logo.png) left/100% no-repeat; display: inline-block;
        vertical-align: middle; position: absolute; left: 0;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .ico-chk{background: url(https://resource.mall.castingn.com/static/images/sub/ico-chk2.png) left/100% no-repeat; display: inline-block; vertical-align: middle; position: absolute; left: -26px; width: 20px; height: 20px;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .ico-pct-box{width: 57px; height: 24px; background: #32aa8a; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; font-weight: bold; position: absolute; left: -85px; top: -2px; border-radius: 12px;}


    .detail-pop-fix .detail-pop-cont .select-price-area li .price-label {width: 53%; font-size:15px; line-height:21px; letter-spacing:-0.04em; color:#000000;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .price-box {width: 47%; font-size:15px; line-height:21px; letter-spacing:-0.04em; color:#000000; text-align:right;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .price-box .deco-line{text-decoration:line-through;color:#999999;}
    .detail-pop-fix .detail-pop-cont .select-price-area li.normal-price .price-label {color:#999999;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .price-label input {display:none;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .price-label input + label {position:relative; cursor:pointer;}
    .detail-pop-fix .detail-pop-cont .select-price-area li .price-label input + label:before {content:"";display:block;width: 15px;height: 15px;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:-25px; top:-1px;}
    .detail-pop-fix .detail-pop-cont .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%;}
    .detail-pop-fix .detail-pop-cont .select-option-area {margin-top:8px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; display:flex; align-items:center; padding:10px 0;}
    .detail-pop-fix .detail-pop-cont .select-option-area .slc-option {display:flex; align-items:center;}
    .detail-pop-fix .detail-pop-cont .select-option-area .slc-option span {font-size:13px; line-height:13px; letter-spacing:-0.04em; color:#666666;}
    .detail-pop-fix .detail-pop-cont .select-option-area .slc-option span:nth-child(n+2) {padding-left:7px; margin-left:7px; position:relative;}
    .detail-pop-fix .detail-pop-cont .select-option-area .slc-option span:nth-child(n+2):before {content:""; display:block; position:absolute; left:-1px; top:50%; width:2px; height:2px; background:#dedede;}
    .detail-pop-fix .detail-pop-cont .select-option-area .quantity-area {display:flex;align-items:center;margin-left:auto;width:93px;height:27px;border:1px solid #d9d9d9;border-radius:14px;box-sizing:border-box; margin-left:auto;}
    .detail-pop-fix .detail-pop-cont .select-option-area .quantity-area .btn-minus {width:24px; height:24px; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-minus.png) center no-repeat;}
    .detail-pop-fix .detail-pop-cont .select-option-area .quantity-area .btn-plus {width:24px; height:24px; font-size:0; line-height:0; background:url(https://resource.mall.castingn.com/static/images/sub/quantity-plus.png) center no-repeat;}
    .detail-pop-fix .detail-pop-cont .select-option-area .quantity-area input {width:calc(100% - 48px); text-align:center; font-size:14px; font-weight:700; color:#000;}
    .detail-pop-fix .detail-pop-cont .dc-area {font-size: 23px;letter-spacing:-0.04em;color:#32ab8c;line-height: 25px;margin-right: 10px;}
    .detail-pop-fix .detail-pop-cont .price-area {font-size: 23px;letter-spacing:-0.04em;color:#111;line-height: 25px;display:flex;align-items:center;}
    .detail-pop-fix .detail-pop-cont .price-area strong {font-size: 23px;font-weight:800;line-height: 25px;}
    .detail-pop-fix .detail-pop-cont .select-total-area {display:flex; align-items:center; height:56px;}
    .detail-pop-fix .detail-pop-cont .select-total-area .total-label {font-size:14px; letter-spacing:-0.04em; color:#666666;}
    .detail-pop-fix .detail-pop-cont .select-total-area .total-price {display:flex; align-items:center; margin-left:auto;}
    .detail-pop-fix .detail-pop-cont .btn-area {display:flex;align-items:center;}
    .detail-pop-fix .detail-pop-cont .btn-area.mobile-btn-area.fix {position:fixed;bottom:0;left:0;background:#fff;width:100%;box-sizing:border-box;padding-bottom:10px;z-index:2;margin-top: 0;}
    .detail-pop-fix .detail-pop-cont .btn-area .btn {height: 44px;margin-left: 6px;border-radius: 4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center; width:calc(50% - 3px); border-radius: 12px;}
    .detail-pop-fix .detail-pop-cont .btn-area .btn:first-child {margin-left:0;}
    .detail-pop-fix .detail-pop-cont .btn-area .btn strong {font-size: 15px;font-weight:700;}
    .detail-pop-fix .detail-pop-cont .btn-area .btn.btn-line {border:1px solid #c8c8c8;}
    .detail-pop-fix .detail-pop-cont .btn-area .btn.btn-line strong {color:#111;}
    .detail-pop-fix .detail-pop-cont .btn-area .btn.btn-comp {
        background: rgba(89,187,148,1);
        background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,148,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb94', endColorstr='#0e89e8', GradientType=1 );
    }
    .detail-pop-fix .detail-pop-cont .btn-area .btn.btn-comp strong {color:#fff;}
    .detail-pop-fix .detail-pop-cont .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;}
    .detail-pop-fix .detail-pop-cont .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;}
    .detail-pop-fix .detail-pop-cont .option-list {margin-top: 10px;border: 1px solid #0e89e8;background:#f8fbfd;border-radius: 5px;box-sizing:border-box;padding: 10px 15px;}
    .detail-pop-fix .detail-pop-cont .option-list li {font-size: 11px;line-height: 15px;letter-spacing:-0.04em;font-weight:700;color:#111;padding-left: 7px;position:relative;}
    .detail-pop-fix .detail-pop-cont .option-list li:before {content:"";display:block;position:absolute;left:0;top: 5px;width: 2px;height: 2px;border-radius:3px;background:#0e89e8;}

    .detail-pop-fix .detail-pop-cont .prod-option-area {border-bottom:1px solid #ececec; margin-bottom:15px; padding-bottom:30px; margin-top:15px;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box {margin-bottom:10px; position:relative; height:38px; border:1px solid #0e89e8; border-radius:6px; box-sizing:border-box; z-index:1;}
    .detail-pop-fix .detail-pop-cont .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;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .btn-slc-op:after {content:"";display:block;position:absolute;width: 8px;height: 5px;background:url(https://resource.mall.castingn.com/static/images/sub/op-slc-arrow.png) center no-repeat;right:20px;top:50%;margin-top: -2px;background-size: 100%;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box.open-slc .btn-slc-op:after {transform:rotate(180deg);}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .btn-slc-op span {font-size:13px; font-weight:700; letter-spacing:-0.04em; color:#111; line-height:36px;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list {position:absolute;width:100%;background:#fff;top: 36px;left:-1px;border: 1px solid #e4e4e4;border-radius:0 0 6px 6px;max-height: 320px;overflow:hidden;display:none;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list ul {max-height: 320px;overflow-y:auto;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li {border-bottom:1px solid #ececec;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li:last-child {border-bottom:0;}
    .detail-pop-fix .detail-pop-cont .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%;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li .op-item .op-name {font-size: 12px;line-height: 14px;letter-spacing:-0.04em;color:#666666;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li .op-item .op-price {font-size: 12px;line-height: 14px;letter-spacing:-0.04em;color:#666666;margin-top:5px;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li .op-item:hover {background:#f0f9fb;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li .op-item:hover .op-name {color:#000000; font-weight:700;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box .slc-list li .op-item:hover .op-price {color:#0e89e8; font-weight:700;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box.open-slc {border-radius:6px 6px 0 0;border-color: #e4e4e4;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .option-slc-box.open-slc .slc-list {display:block;}
    .detail-pop-fix .detail-pop-cont .prod-option-area .slc-op-name strong {font-size:16px; font-weight:700; letter-spacing:-0.04em; color:#000;}

    .detail-container.type2-container .partners-introduce {border-top: 8px solid #efefef;padding: 25px 13px 70px;}
    .detail-container.type2-container .partners-introduce .introduce-tt {font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#000; line-height:22px; margin-bottom:10px;}
    .detail-container.type2-container .partners-introduce .introduce-sec {position:relative;}
    .detail-container.type2-container .partners-introduce .sec-head {
        border-radius:8px 8px 0 0;
        height: 40px;
        display:flex;
        align-items:center;
        box-sizing:border-box;
        padding:0 12px;
        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 );
    }

    .detail-container.type2-container .partners-introduce .sec-head .introduce-thumb {width:25px; height:25px;}
    .detail-container.type2-container .partners-introduce .sec-head .introduce-info {margin-left:7px;}
    .detail-container.type2-container .partners-introduce .sec-head .introduce-info dt {font-size:13px; font-weight:700; letter-spacing:-0.04em; color:#fff; line-height:15px;}
    .detail-container.type2-container .partners-introduce .sec-head .introduce-info dd {font-size:11px; letter-spacing:-0.04em; color:#fff; margin-top:2px; line-height:13px;}
    .detail-container.type2-container .partners-introduce .sec-head .btn-inq {margin-left:auto; display:none;}
    .detail-container.type2-container .partners-introduce .sec-cont {border:1px solid #ededed;border-top:0;border-radius:0 0 8px 8px;box-sizing:border-box;padding:10px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box {box-sizing:border-box;}

    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-intro-txt {font-size:12px; line-height:18px; letter-spacing:-0.04em; color:#111;}
    .detail-container.type2-container .partners-introduce .btn-inq {display:flex;align-items:center;justify-content:center;width: 178px;height: 36px;box-sizing:border-box;border:1px solid #c8c8c8;border-radius:20px;background:#fff;position: absolute;bottom: -45px;left: 50%;transform: translate(-50%,0);}
    .detail-container.type2-container .partners-introduce .ico-inq {width: 16px;height: 18px;display:block;background:url(https://resource.mall.castingn.com/static/images/sub/ico-inq-on.png) center no-repeat;margin-top:-1px;background-size: 100%;}
    .detail-container.type2-container .partners-introduce .btn-inq span {font-size: 12px; line-height:16px;letter-spacing:-0.04em;color:#000;font-weight:700; margin-left: 5px;}
    .detail-container.type2-container .partners-introduce .btn-inq.disabled-type .ico-inq {background:url(https://resource.mall.castingn.com/static/images/sub/ico-inq-off.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .btn-inq.disabled-type span {color:#ccc;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-intro-term {text-align:center;margin-top:15px;font-size:12px;line-height:13px;letter-spacing:-0.04em;color:#111;display: flex;align-items: center; justify-content:center;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-intro-term p:nth-child(n+2) {margin-left:7px; padding-left:7px; border-left:1px solid #ededed;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main {display:flex; justify-content:space-between; max-width:280px; width:100%; padding:0 5%; box-sizing:border-box; margin:0 auto;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i {width:40px; height:40px; display:block; margin:0 auto 7px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i.ico-clock {background:url(https://resource.mall.castingn.com/static/images/sub/ico-clock.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i.ico-pp {background:url(https://resource.mall.castingn.com/static/images/sub/ico-pp.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main i.ico-won{background:url(https://resource.mall.castingn.com/static/images/sub/ico-won.png) center no-repeat;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main dt {text-align:center; font-size:18px; font-weight:700; letter-spacing:-0.04em; color:#000; line-height:20px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .cont-info-main dd {text-align:center; font-size:13px; letter-spacing:-0.04em; color:#666666; line-height:15px; margin-top:3px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .btn-more {display:flex;align-items:center;justify-content:center;box-sizing:border-box;position: absolute;right: 0;top: -28px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .btn-more span {font-size: 12px;line-height:16px;letter-spacing:-0.04em;color:#000;font-weight:700;margin-left:7px;}
    .detail-container.type2-container .partners-introduce .sec-cont .cont-box .btn-more:after {content:">"; margin-left:5px;margin-top:-1px}

    .detail-container.type2-container .review-wrap .review-tt strong.t-blue {color:#0e89e8; padding-left:5px;}
    .detail-container.type2-container .review-wrap .review-tt {border-bottom: 1px solid #ededed;padding: 20px 0 5px;margin: 0 13px; display:flex;}
    .detail-container.type2-container .review-wrap .review-tt strong {font-size: 14px;font-weight:800;letter-spacing:-0.04em;display: inline-block;color:#000000;line-height:24px;position:relative;}
    .detail-container.type2-container .review-wrap .review-tt strong:after {content:"";display:block;width:100%;height:1px;background:#0e89e8;position:absolute;left:0;bottom: -6px;}

    .detail-container.type2-container .review-wrap .review-cont {margin:0 13px;}
    .detail-container.type2-container .review-wrap .review-item {border-bottom:1px solid #ededed;padding: 10px 0;}
    .detail-container.type2-container .review-wrap .review-item .review-user {display:flex; align-items:center;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-name {font-size:15px; letter-spacing:-0.04em; color:#000; margin-left:10px;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-grade {margin-left:5px; padding:0 10px; height:21px; border-radius:11px; font-size:12px; line-height:22px; color:#fff; font-weight:500; letter-spacing:-0.04em;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-grade.type-standard {background:#a6bfd2;}
    .detail-container.type2-container .review-wrap .review-item .review-user .review-grade.type-advanced {background:#33a2be;}
    .detail-container.type2-container .review-wrap .review-item .review-rating {margin-top:10px; display:flex; align-items:center;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star-box {width:63px; height:11px;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star-box .star0 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star0.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star1 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star1.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star2 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star2.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star3 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star3.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star4 {width: 63px;height: 11px;background:url(https://resource.mall.castingn.com/static/images/sub/star4.png) center no-repeat;background-size: 100%;}
    .detail-container.type2-container .review-wrap .review-item .review-rating .star5 {width:63px; height:11px; background:url(https://resource.mall.castingn.com/static/images/sub/star5.png) center no-repeat;}
    .detail-container.type2-container .review-wrap .review-item .date {margin:2px 0 0 10px; font-size:12px; letter-spacing:-0.04em; color:#666666;}
    .detail-container.type2-container .review-wrap .review-item .review-txt {margin-top:10px; font-size:12px; line-height:18px; letter-spacing:-0.04em; color:#000;}

    .detail-container.type2-container .faq-wrap .faq-tt {border-bottom: 1px solid #ededed;padding: 20px 0 5px;margin: 0 13px; display:flex;}
    .detail-container.type2-container .faq-wrap .faq-tt strong {font-size: 14px;font-weight:800;letter-spacing:-0.04em;display: inline-block;color:#000000;line-height:24px;position:relative;}
    .detail-container.type2-container .faq-wrap .faq-tt strong:after {content:"";display:block;width:100%;height:1px;background:#0e89e8;position:absolute;left:0;bottom: -6px;}

    .detail-container.type2-container .faq-wrap .faq-cont {margin:0 13px;padding-bottom: 30px;}
    .detail-container.type2-container .faq-wrap .faq-cont dt {border-bottom:1px solid #ededed; padding:10px 0; font-size:13px; line-height:20px; color:#000000; letter-spacing:-0.04em; position:relative;}
    .detail-container.type2-container .faq-wrap .faq-cont dt .ui-accordion-header-icon {position:absolute; right:20px; width:12px; height:8px; top:50%; margin-top:-4px; background:url(https://resource.mall.castingn.com/static/images/sub/ico-aco.png) center no-repeat;}
    .detail-container.type2-container .faq-wrap .faq-cont dt.ui-accordion-header-active .ui-accordion-header-icon {transform:rotate(180deg);}
    .detail-container.type2-container .faq-wrap .faq-cont dd {border-bottom:1px solid #ededed; background:#f8f8f8; padding:10px 30px; font-size:15px; line-height:22px; color:#000000; letter-spacing:-0.04em; display:none;}

    .detail-container.type2-container .policy-wrap .policy-tt {border-bottom: 1px solid #ededed;padding: 20px 0 5px;margin: 0 13px; display:flex;}
    .detail-container.type2-container .policy-wrap .policy-tt strong {font-size: 14px;font-weight:800;letter-spacing:-0.04em;display: inline-block;color:#000000;line-height:24px;position:relative;}
    .detail-container.type2-container .policy-wrap .policy-tt strong:after {content:"";display:block;width:100%;height:1px;background:#0e89e8;position:absolute;left:0;bottom: -6px;}

    .detail-container.type2-container .policy-wrap .policy-cont {padding: 0 13px 30px;}
    .detail-container.type2-container .policy-wrap .policy-cont li {margin-top: 10px;font-size: 12px;line-height: 18px;letter-spacing:-0.04em;color:#333;padding-left:10px;text-indent:-10px;} */

    .detail-top .top-area{position: relative; padding: 14px 16px;}
    .detail-top .top-area.ty1{
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .detail-top .top-area.ty1 .top-left{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .detail-top .top-area.ty1 .top-right{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        padding-top: 420px;
    }

    .detail-top .ps-visual{position: absolute;padding-bottom: 16px;top: 0;left: 0;width: 100vw; padding-bottom: 30px; height: 218px; overflow: hidden;}
    .detail-top .ps-visual .ps-prev{height: 32px; width: 32px; 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;}
    .detail-top .ps-visual .ps-next{height: 32px; width: 32px; 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);
    }
    .detail-top .ps-visual .ps-pagination{text-align: center; margin-top: 12px; position: absolute; bottom: 1px; z-index: 1;}
    .detail-top .ps-visual .swiper-pagination-bullet{width: 6px; height: 6px;}
    .detail-top .ps-visual .swiper-slide{overflow: hidden;}
    .detail-top .ps-visual .swiper-slide img{width: 100%;}

    .detail-top .top-area .top-left .pinsq-tab-area{display: flex; align-items: center; position: absolute; top: 284px; width: 100%; z-index: 10; left: 0;}
    .detail-top .top-area .top-left .pinsq-tab-area a{display: flex; align-items: flex-start; justify-content: center; height: 48px; width: 20%; background: #fff; border-bottom: 1px solid #c9c9c9; font-size: 14px; font-weight: 500; text-align: center; box-sizing: border-box; padding-top: 5px;}
    .detail-top .top-area .top-left .pinsq-tab-area a.on{border-top: 2px solid #0d89e8; border-right: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-bottom: none; font-weight: bold; position:relative; }
    .detail-top .top-area .top-left .pinsq-tab-area a:nth-child(1).on{border-left: 0;}
    .detail-top .top-area .top-left .pinsq-tab-area a:nth-child(5).on{border-right: 0;}

    .detail-top .top-area .top-left .srv-item-box{height: 56px; border-radius: 8px; background-color: #f7f8f9; display: flex; align-items: center; justify-content: space-between; padding:0 14px; position: absolute; top: 364px; width: calc(100% - 32px); left: 16px; z-index: 10; box-sizing: border-box;}
    .detail-top .top-area .top-left .srv-item-box span{color: #000; font-weight: 500;}
    .detail-top .top-area .top-left .srv-item-box .btn-srv-view{width: 119px; height: 36px; border: solid 1px #3a3b3c; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #3a3b3c; font-weight: 500; border-radius: 8px;}
    .detail-top .top-area .top-left .srv-item-box .btn-srv-view::after{width: 18px; height: 18px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/ico-doc.png) center/100% no-repeat; margin-left: 9px; content: '';}


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

    .detail-top .detail-comp1{border-bottom: 1px solid #dadce0; padding-bottom: 20px; padding: 0 12px 20px 12px;}
    .detail-top .detail-comp1 .detail-tit{font-size: 22px; letter-spacing: -0.01px; display: block; color: #222; margin: 16px 0 12px 0; padding: 0 23px 0 0; font-weight: 600; line-height: 28px; max-height: 54px;}
    .detail-top .detail-comp1 .price{display: block; text-align: right; font-size: 16px; line-height: 21px; letter-spacing: -0.01px; color: #000; font-weight: bold;}
    .detail-top .detail-comp1 .detail-box{background: #f5f5f5; box-sizing: border-box; font-size: 15px; letter-spacing: -0.01px; padding: 0 15px 0 15px; border-radius: 8px; display: flex; align-items: center; font-weight: 600; margin-bottom: 12px;}
    .detail-top .detail-comp1 .detail-box.on{border: 1px solid #3f88e1; background: #d8ecfc;}
    .detail-top .detail-comp1 .detail-box input[type="checkbox"]{display: none;}
    .detail-top .detail-comp1 .detail-box label{display: flex; align-items: center; cursor: pointer; padding: 12px 0; width: 100%;}
    .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;}
    .detail-top .detail-comp1 .detail-box input[type="checkbox"]:checked + label:before{background-color: #0e89e8;}

    .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;}
    .detail-top .detail-comp1 .detail-list1{margin-top: 16px; font-size: 14px; color: #101010; padding-left: 10px; background: #f2f5ff; border-radius: 8px; padding: 11px 19px 11px 19px;}
    .detail-top .detail-comp1 .detail-list1 li{line-height: 24px; letter-spacing: -0.01px; padding-left: 20px; position: relative; font-weight: 500;}
    .detail-top .detail-comp1 .detail-list1 li::before{width: 7px; height: 7px; background: #4f81ff; border-radius: 50%; position: absolute; left: 0; top: 9px; display: block; content: '';}

    .detail-top .detail-comp1 .price-group{display: flex; align-items: center; margin-top: 18px; justify-content: flex-end;}
    .detail-top .detail-comp1 .price-group .bf-price{color: #5e6062; letter-spacing: -0.01px; text-decoration:line-through; font-size: 18px;}
    .detail-top .detail-comp1 .price-group .sales{font-size: 28px; color: #de000d; letter-spacing: -0.01px; color: #de0000; font-weight: bold; margin: 0 3px 4px 4px;}

    .detail-top .detail-comp2 .detail-list-group{background: #eef9f6; border-radius: 8px; box-sizing: border-box; padding: 15px 22px;}
    .detail-top .detail-comp2 .detail-tit{font-size: 14px; letter-spacing: -0.01px; color: #3a3b3c; font-weight: bold;}
    .detail-top .detail-comp2 .detail-tit .ico-pinclub{font-family: 'yg-jalnan'; font-weight: normal;}

    .detail-top .detail-comp2 .detail-list2{margin-top: 5px;}
    .detail-top .detail-comp2 .detail-list2 li{color: #222; font-size: 14px; line-height: 22px; display: flex; align-items: center;}
    .detail-top .detail-comp2 .detail-list2 li::before{width: 6px; height: 6px; border-radius: 50%; background: #32ab8c; content: ''; margin-right: 9px;}
    .detail-top .detail-comp2 .detail-list2 li span{font-weight: bold; color: #32ab8c; margin: 0 3px;}


    .detail-top .detail-comp2{padding: 0 12px;}
    .detail-top .detail-comp2 .pinit-area{display: flex; align-items: center; margin-top: 20px;}
    .detail-top .detail-comp2 .pinit-area.fixed{position: fixed;align-items: center;margin-top: 20px;position: fixed;width: 100%;left: 0;bottom: 0px;padding: 10px 16px 10px 16px;box-sizing: border-box;background: #fff;}
    .detail-top .detail-comp2 .btn-m-chat{width: 73px; height: 50px; border-radius: 8px; border: solid 1px #dadce0; background-color: #f8f8f8; font-size: 12px; color: #222; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 6px;}
    .detail-top .detail-comp2 .btn-m-chat::before{width: 19px; height: 15px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-chat.png) left/100% no-repeat; content: '';}

    .detail-top .detail-comp2 .btn-pinit{height: 50px; box-sizing: border-box; border-radius: 12px; background: linear-gradient(135deg, #60a0ea 0%, #5228c3 100%); color: #fff; font-size: 14px; letter-spacing: -0.5px; word-spacing: -0.5px; font-weight: 600; display: flex; align-items: center;
        width: 100%; justify-content: center; position: relative;}
    .detail-top .detail-comp2 .btn-pinit .ico-pinit{width: 40px; height: 40px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pin-plus.png) left/100% no-repeat; margin-right: -2px; }
    .detail-top .detail-comp2 .btn-pinit .ico-pinit:after{content: '핀을 꾸욱 눌러주세요'; display: none; 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;}
    .detail-top .detail-comp2 .btn-pinit .ico-pinit:before{content: ''; position: absolute; display: none; 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;}
    .detail-top .detail-comp2 .btn-pinit.on{background: linear-gradient(135deg, #60a0ea 0%, #5228c3 100%); color: #fff; border: 0;}
    .detail-top .detail-comp2 .btn-pinit.on .ico-pinit:before{display: none;}
    .detail-top .detail-comp2 .btn-pinit.on .ico-pinit:after{display: none;}
    .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;}
    .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: '';}

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

    .detail-top .detail-comp2 .pinit-area button + button{margin-left: 4px;}
    .detail-top .detail-comp2 .pinit-area a + a{margin-left: 4px;}
    .detail-top .detail-comp2 .btn-inq{height: 50px; box-sizing: border-box; border-radius: 8px; border: solid 2px #5c81f7; background-color: #fff; font-size: 14px; color: #4f81ff; font-weight: bold; width: 100%;}


    .detail-top .pin-bnr{margin-top: 17px;}
    .detail-top .pin-bnr .bnr-top{color: #fff; font-size: 13px; font-weight: bold; padding: 9px 10px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .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;  }
    .detail-top .pin-bnr .bnr-top b{color: #fff; font-family: 'yg-jalnan'; margin: 0 3px;}

    .detail-top .pin-bnr .bnr-bottom{background: #f4f7fa; box-sizing: border-box; padding: 4px 18px; display: flex; align-items: center;}
    .detail-top .pin-bnr .bnr-bottom .group{display: flex; flex-direction: column; align-items: flex-start; }
    .detail-top .pin-bnr .bnr-bottom .group-tt{font-size: 13px; color: #32ab8c; font-weight: 500; letter-spacing: -0.68px; margin-bottom: 12px;}
    .detail-top .pin-bnr .bnr-bottom .ico-smtpin{font-size: 15px; color: #32ab8c; letter-spacing: -0.86px; font-family: 'yg-jalnan'; margin-bottom: 6px;}
    .detail-top .pin-bnr .bnr-bottom .btn-join{width: 94px; height: 22px; color: #32ab8c; letter-spacing: -0.06px; line-height: 42px; border-radius:30px; font-size: 12px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-weight: bold; background: #fff;}
    .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;}

    .detail-top .pin-bnr .bnr-bottom .info-list{margin-left: 20px;}
    .detail-top .pin-bnr .bnr-bottom .info-list ul li{font-size: 12px; color: #505050; font-weight: 500; position: relative; padding-left: 18px;}
    .detail-top .pin-bnr .bnr-bottom .info-list ul li span{color: #32ab8c; font-weight: bold;}
    .detail-top .pin-bnr .bnr-bottom .info-list ul li::before{content: ''; margin-right: 2px; width: 7px; height: 7px; position: absolute; display: block; background: #32ab8c; left: 0; top: 8px; border-radius: 50%;}

    .detail-top .qna-list-area{position: relative; border-top: 1px solid #e7e9eb; margin-top: 15px;}
    .detail-top .qna-list-area ul li{border-bottom: 1px solid #e7e9eb; font-size: 12px;}
    .detail-top .qna-list-area ul li .qna-q{font-size: 14px; color: #101010; font-weight: bold; padding: 12px 21px; box-sizing: border-box; cursor: pointer; position: relative;}
    .detail-top .qna-list-area ul li .qna-q.on:after{transform: rotate(180deg);}
    .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: 13px;}

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

    /* s 2021-12-07 주문 상세 */
    .basket-process-wrap .order-msg{font-size: 16px; color: #000; font-weight: 700; display: flex; flex-direction: column; position: relative;}
    .basket-process-wrap .order-msg	.order-comp{padding: 11px 0 6px; font-size: 14px; order:2}
    .basket-process-wrap .order-msg span{color: #0d89e8; margin:0 5px;}
    .basket-process-wrap .order-msg span.line{color: #000;}
    .basket-process-wrap .order-msg .order-tt{color: #666; font-weight: 400; margin: 0; font-size: 14px; letter-spacing: -0.56px; padding: 10px 0 10px 16px; background: #f7f7f7; border-top: 1px solid #e7e9eb; border-bottom: 1px solid #e7e9eb; margin: 0 -16px; box-sizing: border-box;}
    .basket-process-wrap .order-msg .order-link{position: absolute; font-size: 14px; color: #0e89e8; font-weight: bold; right: 0; display: flex; align-items: center; top: 11px;}
    .basket-process-wrap .order-msg .order-link:after{width: 6px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/ico-btn-arrow.png) center/100% no-repeat; content: ''; margin-left: 6px;}

    .basket-process-wrap .order-msg .rc-tt{color: #666; font-weight: 500; margin: 0; font-size: 14px; letter-spacing: -0.56px; padding: 10px 0 10px 16px; background: #f7f7f7; border-top: 1px solid #e7e9eb; border-bottom: 1px solid #e7e9eb; margin: 0 -16px; box-sizing: border-box; order:1}

    .basket-process-wrap .order-msg .order-group{position: relative; margin: 0 16px;}
    .basket-process-wrap .order-msg .order-group .order-tt{display: flex; border: 0; border-radius: 8px 8px  0 0; margin-bottom: -3px;}

    .basket-process-wrap .oc-area{border-top: 1px solid #ececec; padding:16px; margin: 0 -16px;}
    .basket-process-wrap .oc-area .oc-tit{display: flex; align-items: center; font-weight: bold; color: #000; margin-bottom: 9px;}
    .basket-process-wrap .oc-area .oc-tit strong{font-size: 16px; margin-right: 27px; font-weight: 500;}
    .basket-process-wrap .oc-area .oc-tit span{font-size: 16px;}
    .basket-process-wrap .oc-area .oc-cont{font-size: 14px; line-height: 24px;}

    .basket-process-wrap .process-area{margin-top: 8px; display: flex;  box-sizing: border-box; flex-wrap: wrap; flex-direction: column; border-radius: 8px;}
    .basket-process-wrap .process-area.m-bd-ty1{border: none;}
    .basket-process-wrap .process-area .delivery-part{box-sizing: border-box; border: 1px solid #e7e9eb; padding: 15px; border-radius: 8px; margin-bottom: 15px;}
    .basket-process-wrap .process-area .delivery-part:first-child{border-radius: 8px;}
    .basket-process-wrap .process-area .delivery-part:nth-child(2){margin-bottom: 0; border-radius: 8px 8px 0 0; border-bottom: none;}
    .basket-process-wrap .process-area .delivery-part.part-one{border-bottom: 1px solid #e7e9eb; border-radius: 8px;}

    .basket-process-wrap .process-area .delivery-part div{display: flex; align-items: center; font-weight: bold; font-size: 18px; color: #000;}
    .basket-process-wrap .process-area .delivery-part div.dlv-tit{font-size: 16px;}
    .basket-process-wrap .process-area .delivery-part .ico-location{width: 20px; height: 20px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-location.png) left/100% no-repeat; margin-right: 6px; }
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li{margin-top: 2px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li:nth-child(1){font-size: 14px; color: #000; font-weight: 700; margin-top: 15px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li:nth-child(2){font-size: 14px; color: #000; margin-top: 13px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list1 li:nth-child(3){font-size: 14px; color: #666; margin-top: 7px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li{font-size: 14px; margin-top: 8px; display: flex;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li:first-child{margin-top: 11px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li strong{font-weight: normal; color: #000; min-width: 56px; font-size: 12px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li span{color: #000; margin-left: 12px; font-size: 12px;}
    .basket-process-wrap .process-area .delivery-part .delivery-list2 li a{color: #000; margin-left: 12px; font-size: 12px;}

    .basket-process-wrap .process-area .process-bar{display: flex; box-sizing: border-box; width: 100%; overflow: hidden; border: 1px solid #e7e9eb; border-radius: 0 0 8px 8px; padding: 15px 0 17px; justify-content: space-between;}
    .basket-process-wrap .process-area .process-bar div{display: flex; justify-content: center; font-size: 12px; color: #b3b4b5; font-weight: normal; position: relative; flex-direction: column; align-items: center; width: 25%;}
    .basket-process-wrap .process-area .process-bar div::before{width: 24px; height: 24px; border-radius: 4px; content: ''; box-sizing: border-box; border: 1px solid #e7e9eb; margin-bottom: 8px;}
    .basket-process-wrap .process-area .process-bar div.complete::before{background: url(https://resource.mall.castingn.com/static/images/prg-check.png) left/100% no-repeat; border: 0;}
    .basket-process-wrap .process-area .process-bar div.current::before{background: url(https://resource.mall.castingn.com/static/images/prg-check-on.png) left/100% no-repeat; border: 0;}
    .basket-process-wrap .process-area .process-bar div.current{color: #0e89e8; font-size: 12px; font-weight: bold;}
    .basket-process-wrap .process-area .process-bar div::after{width: 16px; height: 26px; display: block; position: absolute; right: -10%; top: 15px; content: ''; background: url(https://resource.mall.castingn.com/static/images/prg-arrow.png) center no-repeat; z-index: 10; }
    .basket-process-wrap .process-area .process-bar div:last-child:after{display: none;}

    .basket-process-wrap .process-bar2{display: flex; justify-content: space-between; position: relative; border: 1px solid #e7e9eb; border-radius: 0 0 8px 8px; border-top: none;}
    .basket-process-wrap .process-bar2 .complete{color: #000;}
    .basket-process-wrap .process-bar2 .current{color: #000;}
    .basket-process-wrap .process-bar2 > div{display: flex; flex-direction: column; align-items: center; margin-top: 20px; position: relative; width: 25%; text-align: center; color: #000; font-size: 14px; font-weight: 500;}
    .basket-process-wrap .process-bar2 > div::before{width: 10px; height: 10px; border-radius: 7px; background: #d8d8d8; content: ''; margin-bottom: 20px; z-index: 10;}

    .basket-process-wrap .process-bar2 > div::after{width: 100%;height: 1px;content: '';background: #d8d8d8;position: absolute; top: 5px; left: 50%;}
    .basket-process-wrap .process-bar2 > div:nth-child(4)::after{display: none;}

    .basket-process-wrap .process-bar2 .complete:before{background: #0e89e8;}
    .basket-process-wrap .process-bar2 .complete:after{background: #0e89e8;}
    .basket-process-wrap .process-bar2 .current:before{background: url(https://resource.mall.castingn.com/static/images/ico-deliver-back.png) center/100% no-repeat;width: 28px;height: 28px; margin-bottom:11px; margin-top: -9px;}

    .basket-process-wrap .basket-head .order-tt{margin-left: auto;}
    .basket-process-wrap .basket-head .btn-inquiry{width: 86px; height: 23px; border-radius: 6px;	border: solid 1px #aaaeb1; background-color: #fff; font-size: 12px; color: #5e6062; margin-left: 7px;}

    .basket-process-wrap .basket-list .service-bt-area{position: absolute; right: 0; top: 40%;}
    .basket-process-wrap .basket-list .service-bt-area button{width: 95px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 5px; font-size: 14px;}

    .basket-process-wrap .cs-wrap{border: 1px solid #d9d9d9; margin-top: 30px; border-radius: 10px; padding-bottom: 20px;}

    .basket-process-wrap .rating-tit{margin-top: 20px; font-size: 16px; color: #000; font-weight: 700; text-align: center;}
    .basket-process-wrap .rating-area{display: flex; align-items: center; margin-top: 10px; padding-bottom: 16px;  flex-direction:column; border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .rating-area.first{border-bottom: 1px solid #d9d9d9;}
    .basket-process-wrap .rating-area .rating-part{display: flex; align-items: center; margin-top: 10px; }
    .basket-process-wrap .rating-area .rating-part strong{font-weight: 600; color: #000; font-size: 15px; margin-right: 15px;}
    .basket-process-wrap .rating-area .rating-part a{display: flex; margin-right: 4px;}
    .basket-process-wrap .rating-area .rating-part a span{ overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; position: absolute;}
    .basket-process-wrap .rating-area .rating-part a::before{width: 21px; height: 21px; background: url(https://resource.mall.castingn.com/static/images/ico-star-back.png) center/100% no-repeat; content: '';}
    .basket-process-wrap .rating-area .rating-part a.rating1::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star1.png);}
    .basket-process-wrap .rating-area .rating-part a.rating2::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star2.png);}
    .basket-process-wrap .rating-area .rating-part a.rating3::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star3.png);}
    .basket-process-wrap .rating-area .rating-part a.rating4::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star4.png);}
    .basket-process-wrap .rating-area .rating-part a.rating5::before{background-image:url(https://resource.mall.castingn.com/static/images/ico-star5.png);}
    .basket-process-wrap .rating-area .rating-part .grade{color: #32ab8c; font-size: 16px; font-weight: 600; margin-left: 4px;}
    .basket-process-wrap .rating-area .bt-rate{display: flex;align-items: center;justify-content: center;font-size: 14px;color: #0e89e8;width: 127px;height: 35px;border: 1px solid #0e89e8;border-radius: 30px;font-weight: 600; margin-top: 20px;}
    .basket-process-wrap .rating-area button:disabled{border: 0; background: #eeeeee; color: #999;}

    .basket-process-wrap .review-area{margin-top: 20px; padding: 0 10px;}
    .basket-process-wrap .review-area .review-tit{font-size: 15px; font-weight: 700; color: #000; text-align: center;}
    .basket-process-wrap .review-area .tt-area{display: flex;}
    .basket-process-wrap .review-area .tt-area textarea{height: 157px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #d9d9d9; border-radius: 20px; font-size: 14px; color: #000; width: 100%; margin-top: 20px;}
    .basket-process-wrap .review-area .bt-result{display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; width: 127px; height: 35px; background: #0e89e8; border-radius: 30px; font-weight: 600;  margin: 25px auto 0;}

    .basket-process-wrap .review-msg{margin-top: 20px; padding: 0 10px;}
    .basket-process-wrap .review-msg li{color: #7a7a7a; font-size: 14px; margin-top: 10px; padding-left: 10px; position: relative;}
    .basket-process-wrap .review-msg li::before{width: 4px; height: 4px; content: ''; border-radius: 2px; background: #7a7a7a; position: absolute; left: 0; top: 7px; display: block;}
    /* e 2021-12-07 주문 상세 */

    .basket-process-wrap .mo-linquiry-list{margin: 0 -12px; padding: 0 12px;}
    .basket-process-wrap .mo-linquiry-list ul li{padding: 12px 0 0 0; position: relative;}
    .basket-process-wrap .linquiry-info{border-bottom: 9px solid #efefef; margin: 0 -12px; padding: 0 12px 10px; position: relative;}
    .basket-process-wrap .linquiry-info::after{width: 18px; height:10px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-toggle-arrow-mo.png) left/100% no-repeat; content: ''; display: block; position: absolute; right: 12px; bottom: 12px;}
    .basket-process-wrap .linquiry-info.on::after{transform: rotate(180deg);}
    .basket-process-wrap .linquiry-info .item {display: flex; align-items: center; justify-content: space-between;}
    .basket-process-wrap .linquiry-info .item span{font-size: 14px; color: #9c9c9c; width: calc(100% - 84px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
    .basket-process-wrap .linquiry-info .item .btn-detail{width: 78px; height: 20px; border: 1px solid #0e89e8; font-size: 13px; color: #0e89e8; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
    .basket-process-wrap .linquiry-info .question{margin-top: 8px; display: block;}
    .basket-process-wrap .linquiry-info .ico-new{width: 38px; height: 20px; display:flex; justify-content: center; background: #fc4c4e; text-align: center; color: #fff; border-radius: 10px; font-size: 12px;}
    .basket-process-wrap .linquiry-info .question dl dt{display: flex;}
    .basket-process-wrap .linquiry-info .question dl dt span{font-size: 16px; color: #000; margin-left: 6px;}
    .basket-process-wrap .linquiry-info .question dl dd{font-size: 15px; color: #727272; margin-top: 4px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .basket-process-wrap .linquiry-info .stat-tt{font-size: 14px; color: #9c9c9c; margin-top: 6px;}
    .basket-process-wrap .linquiry-info .stat-tt b{font-weight: normal; color: #1d1d1d;}
    .basket-process-wrap .linquiry-info .stat-tt b::after{width: 1px; height: 16px; background: #dfdfdf; content: ''; display: inline-block; vertical-align: middle; margin-left: 5px;}
    .basket-process-wrap .linquiry-info .stat-tt b.stat-wait{color: #9c9c9c;}

    .basket-process-wrap .linquiry-answer{background: #efefef; margin: 0 -12px; padding: 11px 12px 17px 64px; position: relative; display: none;}
    .basket-process-wrap .linquiry-answer b{display: flex; position: absolute; left: 12px; width: 40px; height: 20px; color: #fff; font-size: 13px; font-weight: normal; background: #9298a1; justify-content: center; align-items: center;}
    .basket-process-wrap .linquiry-answer .ymd{color: #9c9c9c;}

    .basket-process-wrap .my-inquiry-area{padding-top: 16px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item1{padding-top: 0; border-bottom: none;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item2 > li:last-child{margin-bottom: 0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list.item3 > li:last-child{margin-bottom: 0;}

    .basket-process-wrap .my-inquiry-area .inquiry-list > li{display: flex; align-items: center; flex-wrap: wrap;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li > strong{font-size: 16px; font-weight: 500; color: #000; width: 60px; margin-right: 29px; letter-spacing: -0.32px; margin-bottom: 16px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li > strong.fst{margin-bottom: auto;}

    .basket-process-wrap .my-inquiry-area .inquiry-list > li > div{line-height: 1; width: calc(100% - 89px); margin-bottom: 16px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li > div.ty-row{width: 100%; margin-top: -8px;}

    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rd-list{display: flex; align-items: center; flex-wrap: wrap;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rd-list li:nth-child(1),.basket-process-wrap .my-inquiry-area .inquiry-list > li .rd-list li:nth-child(2){margin-bottom: 17px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;margin-right:20px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .rdbox span{display:flex; margin-left:8px; font-size:14px; color: #000;}

    .basket-process-wrap .my-inquiry-area .inquiry-list > li .ipt-1{width: 100%; height: 42px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 0 15px; font-size: 15px; color: #999; margin-right: 48px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .ipt-1::placeholder{color: #e0e0e0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .txta-1{width: 100%; height: 240px; border-radius: 8px; border: solid 1px #c8c8c8;  background-color: #fff; resize: none; box-sizing: border-box; padding: 16px 20px; }
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .txta-1::placeholder{color: #e0e0e0;}
    .basket-process-wrap .my-inquiry-area .inquiry-list > li .ipt-1.ipt-subject { width:480px; }
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li{display: flex; align-items: flex-start; margin-bottom: 16px; flex-wrap: wrap;}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li > strong{font-size: 15px; font-weight: 500; color: #000; width: 80px; margin-right: 10px;}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li > div{font-weight: 500; color: #000; font-size: 15px; width: calc(100% - 90px);}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li > div.ty-row{width: 100%;}
    .basket-process-wrap .my-inquiry-area .inquiry-list2 > li .txta-box{width: 100%; height: 240px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 16px 20px; margin-top: 12px;}

    .agr-area{text-align: center; margin-top: 8px;}
    .agr-area .rdbox{display:inline-flex;justify-content:flex-start;align-items:center;}
    .agr-area .rdbox input[type=checkbox]{cursor:pointer; outline:none; display:flex; background:#fff; border:1px solid #707070; width:16px;height:16px; border-radius:4px; overflow:hidden; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
    .agr-area .rdbox input[type=checkbox]:checked{width:16px; height:16px; background:#fff url(https://resource.mall.castingn.com/static/images/sub/ico-chk3.png) center no-repeat;}
    .agr-area .rdbox span{display:flex; margin-left:4px; font-size:14px; color: #000;}


    /* s 레이어 팝업  */
    .layer-bg{width: 100%;height: 100%;display: flex;position: fixed;left: 0;top: 0; align-items: center; justify-content: center; z-index: 15; background: rgba(0, 0, 0, 0.2); }
    .layer-bg2{width: 100%; height: 100%; display: flex; position: fixed; left: 0; top: 0; align-items: center; justify-content: center; z-index: 51; background: rgba(0, 0, 0, 0.2);}
    .layer-pop { background: #fff; box-sizing: border-box; z-index: 50; position: relative; overflow-y: auto; /* padding-bottom: 80px; */ margin: 6px 10px; border-radius: 15px; border: 1px solid #000; width: calc(100% - 20px); }
    .layer-pop .pop-head{height: 37px; background: #023b69; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; padding: 0 10px; font-weight: 700; position: absolute; left: 0; top: 0; width: calc(100% - 20px);  z-index: 10;}
    .layer-pop .pop-close{width: 44px; height: 44px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close5.png) left/100% no-repeat; position: absolute; right: 0; top: -3px; text-indent: -9999999px; z-index: 11;padding: 0;box-shadow: none;}
    .layer-pop .pop-close-btn{width: 44px; height: 44px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close5.png) left/100% no-repeat; position: absolute; right: 0; top: -3px; text-indent: -9999999px; z-index: 11;padding: 0;box-shadow: none;}
    .layer-pop .pop-close2{width: 19px; height: 21px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close.png) left/100% no-repeat; position: absolute; right: 15px; top: 14px; text-indent: -9999999px;}
    .layer-pop .pop-close3{width: 48px; height: 48px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-pop-close2.png) left/100% no-repeat; position: absolute; right: 0; top: 0; text-indent: -9999999px;}
    .layer-pop .pop-con{padding: 70px 10px 20px 10px; max-height: 350px; overflow-y: auto; position: relative;}

    .layer-pop .m-pop-close{width: 100%; font-size: 16px; border-top: 1px solid #d9d9d9; display: block; padding: 12px 0; margin-top: 24px; font-weight: 500;}


    .layer-pop .pop-btn-group{display: flex; align-items: center; margin-top: 25px; justify-content: center;}
    .layer-pop .pop-btn-group2{display: flex; align-items: center; margin-top: 16px; justify-content: center;}
    .layer-pop .pop-btn-group3{display: flex; align-items: center; margin-top: 30px; justify-content: center;}

    .layer-pop button{ border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #fff; font-weight: 600;}
    .layer-pop button.btn-type1{border: 1px solid #aaaeb1; color: #5e6062; min-width: 130px; height: 30px; font-size: 12px; padding: 0 18px; background: #fff;}
    .layer-pop button.btn-type2{border: 1px solid #c8c8c8; color: #000; width: 141px; height: 42px; font-size: 16px; background: #fff;}
    .layer-pop button.btn-type3{border: 1px solid #c8c8c8; color: #000; width: 100px; height: 30px; font-size: 12px; background: #fff;}
    .layer-pop button.btn-type4{ width: 100px; height: 30px; border-radius: 8px; border: solid 1px #c8c8c8; background-color: #f8f8f8; font-size: 12px;}
    .layer-pop button.btn-type5{min-width: 136px; height: 34px; border-radius: 6px; font-size: 14px; color: #5e6062; font-size: 14px; border: 1px solid #aaaeb1; background: #fff;}
    .layer-pop button.btn-type6{width: 79px; height: 28px; border-radius: 6px; border: 1px solid #aaaeb1; background: #fff; font-size: 12px; font-weight: 500; color: #5e6062;}
    .layer-pop button.btn-type7{width: 168px; height: 36px; color: #fff; border-radius: 8px; background: #101010; font-size: 16px; font-weight: 500;}
    .layer-pop button.btn-type8{width: 100%; height: 48px; border-radius: 10px; background-color: #0d89e8; color: #fff; font-size: 16px;}
    .layer-pop button.down-cnf:before{content: ''; width: 18px; height: 18px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-down.png) center/100% no-repeat; margin-right: 8px;}


    .layer-pop button.btn-toggle::before{width: 12px; height: 6px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-arrow-down.png) left/100% no-repeat; margin-right: 6px; content: '';}
    .layer-pop button.btn-toggle.on::before{transform: rotate(180deg);}
    .layer-pop button.po-type1{position: absolute; right: 16px; top: 46px;}

    .layer-pop.apr-pop p{text-align: center; margin-top: 37px;}

    .layer-pop .form-col-box{display: flex; flex-direction: column; margin-bottom: 22px;}
    .layer-pop .form-col-box .tit{font-size: 14px; color: #101010; font-weight: 500; margin-bottom: 15px;}
    .layer-pop .form-col-box .ipt-item1{border-radius: 8px; border: solid 1px #c8c8c8; background-color: #fff; padding: 0 17px; height: 48px; box-sizing: border-box; font-size: 14px;}
    .layer-pop .form-col-box .ipt-item1::placeholder{color: #b3b7ba;}
    .layer-pop .form-col-box .ipt-item1 + .ipt-item1{margin-top: 8px;}


    /* 업무마켓 - 하나은행 팝업 */
    .layer-pop.bank-pop{border-radius: 0; text-align: center; padding: 0 24px 32px;}
    .layer-pop.bank-pop .tit{color: #5e6062; font-weight: bold; margin-top: 36px; font-size: 18px; margin-bottom: 8px; line-height: 1.4; word-break: keep-all;}
    .layer-pop.bank-pop .tit span{font-size: 14px;}
    .layer-pop.bank-pop .desc{text-align: left; font-size: 16px; color: #85888d;}
    .layer-pop.bank-pop .desc br{display: none;}
    .layer-pop.bank-pop .desc a{font-size: 14px; color: #0d89e8; font-weight: 500; text-decoration: underline;}

    .layer-pop.bank-pop .link-menu{display: flex; align-items: flex-start; justify-content: center; margin-bottom: 16px;}
    .layer-pop.bank-pop .link-menu li{height: 148px; width: 48%; border-radius: 10px; background-color: #f2f2f2; box-sizing: border-box; display: flex; overflow: hidden; }
    .layer-pop.bank-pop .link-menu li:first-child{margin-right: 4%;}
    .layer-pop.bank-pop .link-menu li a{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 12px 0; font-size: 14px; position: relative;}
    .layer-pop.bank-pop .link-menu li .txt1{color: #85888d; font-weight: 600;}
    .layer-pop.bank-pop .link-menu li.item1 a .txt1::after{content: ''; width: 74px; height: 76px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-bank-item1.png) center/100% no-repeat; display: block; margin: 4px auto;}
    .layer-pop.bank-pop .link-menu li.item2 a .txt1::after{content: ''; width: 132px; height: 96px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-bank-item2.png) center/100% no-repeat; display: block;}
    .layer-pop.bank-pop .link-menu li .txt2{position: absolute; bottom: 12px;}


    /* 카페24 이벤트 참여하기 팝업 */
    .layer-pop.cafe24 .pop-con{height: 556px; box-sizing: border-box; padding: 60px 16px 30px; text-align: center;}
    .layer-pop.cafe24 .pop-con .tit{text-align: center; margin-bottom: 23px;}
    .layer-pop.cafe24 .pop-con .tit span{font-size: 16px; color: #000; line-height: 24px; font-weight: 500; display: block;}
    .layer-pop.cafe24 .pop-con .tit .desc{font-size: 20px; font-weight: bold; color: #85888d; line-height: 24px;}
    .layer-pop.cafe24 .pop-con .tit .desc b{color: #000; font-weight: 800;}

    .layer-pop.cafe24 .item-list{position: relative; margin-bottom: 33px;}
    .layer-pop.cafe24 .item-list ul{display: flex; display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 28px;}
    .layer-pop.cafe24 .item-list ul li{display: flex;flex-direction: column;align-items: center;}
    .layer-pop.cafe24 .item-list ul li:last-child{margin-right: 0;}
    .layer-pop.cafe24 .item-list ul li .ico-obj{width: 92px; height: 92px; margin-bottom: 6px;}
    .layer-pop.cafe24 .item-list ul li.item1 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg1.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item2 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg2.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item3 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg3.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item4 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg4.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item5 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg5.png) left/100%;}
    .layer-pop.cafe24 .item-list ul li.item6 .ico-obj{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg6.png) left/100%;}

    .layer-pop.cafe24 .item-list .key-txt{font-size: 13px; font-weight: bold; color: #3a3b3c; line-height: 1.5; margin-bottom: 3px;}
    .layer-pop.cafe24 .item-list .btn-pin{width: 87px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: solid 1px #c9c9c9; font-size: 12px; font-weight: 500; color: #3a3b3c;}
    .layer-pop.cafe24 .item-list .btn-pin:hover{border: 1px solid #4f81ff;}
    .layer-pop.cafe24 .item-list .btn-pin span{margin-right: 0;}
    .layer-pop.cafe24 .item-list .btn-pin .ico-pin{width: 25px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-popin.png) left/100% no-repeat;}
    .layer-pop.cafe24 .item-list .btn-pin.on{color: #fff; font-weight: bold; background-image: linear-gradient(107deg, #7f4ef9 1%, #4f81ff 100%); border: 0;}
    .layer-pop.cafe24 .item-list .btn-pin.on .ico-pin{width: 25px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-popin-on.png) left/100% no-repeat;}

    /* 카페24 신청완료 팝업 */
    .layer-pop.cafe24-cpt{width: 328px; height: 245px; 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; text-align: center;}
    .layer-pop.cafe24-cpt .txt1{font-size: 15px; color: #0d89e8; font-weight: bold; line-height: 1; margin-top: 47px;}
    .layer-pop.cafe24-cpt .txt1 span{font-size: 11px;}
    .layer-pop.cafe24-cpt .txt2{margin-top: 14px; color: #000; font-weight: 800; font-size: 24px;}
    .layer-pop.cafe24-cpt .txt3{margin-top: 8px; font-size: 16px; font-weight: 500; color: #5e6062;}



    /* 배송지 팝업 */
    .layer-pop.order-pop .pop-order-top{background: #f0f4f6; padding: 20px 15px; border-radius: 10px;}
    .layer-pop.order-pop .pop-order-top ul li{display: flex; align-items: center; margin-top: 8px; font-size: 15px;}
    .layer-pop.order-pop .pop-order-top ul li:first-child{margin-top: 0;}
    .layer-pop.order-pop .pop-order-top ul li span{font-weight: 700; color: #000; min-width: 56px; margin-right: 15px;}

    .layer-pop.order-pop .pop-order-bottom{padding: 15px; }
    .layer-pop.order-pop .order-step{position: relative;}
    .layer-pop.order-pop .order-step li{display: flex; align-items: flex-start; font-size: 14px; margin-top: 27px; letter-spacing: -.5px; }
    .layer-pop.order-pop .order-step li:first-child{margin-top: 0;}
    .layer-pop.order-pop .order-step li .step-tit{width: 58px; margin-right: 54px;  color: #000;}
    .layer-pop.order-pop .order-step li .step-tt{display: flex;flex-direction: column;color: #656565;position: relative;width: calc(100% - 72px);}
    .layer-pop.order-pop .order-step li .step-tt::before{width: 7px; height: 7px; border-radius: 7px; border: 2px solid #0e89e8; content: ''; position: absolute; left: -35px; top: 5px; background: #fff; z-index: 10;}
    .layer-pop.order-pop .order-step li .step-tt::after{width: 1px; height: calc(100% + 34px); background: #e1e1e1; content: ''; position: absolute; left: -30px; top: 10px; z-index: 5;}
    .layer-pop.order-pop .order-step li:last-child .step-tt::after{display: none;}
    .layer-pop.order-pop .order-step li .step-tt span.line-deliver{font-weight: 700; color: #000;}
    .layer-pop.order-pop .order-step li .step-tt span.line-address{color: #000;}
    .layer-pop.order-pop .order-step li .step-tt span .stat-tt{color: #0e89e8;}

    /* 배송지 선택 팝업 */
    .layer-pop.deliver-pop .pop-head{padding:0 10px; position: absolute;}
    .layer-pop.deliver-pop .pop-con{padding: 70px 16px 20px 16px; max-height: 350px; margin-top: 0;}
    .layer-pop.deliver-pop .pop-con .basket-tit{font-size: 16px; font-weight: 700; color: #000; margin-top: 114px; display: flex; align-items: center; margin-bottom:-8px;}
    .layer-pop.deliver-pop .pop-con .basket-tit:first-child{margin-top: 0;}
    .layer-pop.deliver-pop .pop-con .basket-tit .plus-btn{margin-left: auto; display: flex; align-items: center; }
    .layer-pop.deliver-pop .pop-con .basket-tit .plus-btn button{width: 86px; height: 23px; border: 1px solid #aaaeb1; font-size: 12px; color: #000; font-weight: 700; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: #fff;}
    .layer-pop.deliver-pop .pop-con .basket-tit .plus-btn .ico-del-plus{width: 6px; height: 6px; background: url(https://resource.mall.castingn.com/static/images/ico-bt-plus2.png) left/100%; margin-right: 4px;}

    .layer-pop.deliver-pop .pop-con .delivery-sel-box{border: 1px solid #d9d9d9; border-radius: 10px; display: flex; margin-top: 17px; justify-content: start; align-items: flex-start; padding: 16px 27px 16px 17px; border-radius: 8px;;position: relative; box-sizing: border-box; flex-direction: column;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box.on{border: 1px solid #0d89e8; background:#f7fbfe;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add{width: 100%; word-break: keep-all; order: 2;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add span{display: block; margin-top: 5px; font-size: 14px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add span:first-child{margin-top: 0; margin-bottom: 14px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-add .add_title{font-weight: 700;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel{display: flex; align-items: center; font-size: 12px; color: #999; order: 1; margin-bottom: 12px;}

    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"]{display: none;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"] + label{align-items:center; cursor:pointer; justify-content:center; line-height: 1; display: flex; align-items: center; font-size: 12px; color: #5e6062;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right: 8px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-sel input[type="radio"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}

    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt{display: flex; align-items: center; margin-left: 50px;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt button{width: 63px; height: 37px;  background: #fff; text-align: center; color: #000; font-size: 13px; border: 1px solid #c8c8c8;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt button:first-child{border-radius: 5px 0 0 5px; border-right: none;}
    .layer-pop.deliver-pop .pop-con .delivery-sel-box .delivery-bt button:last-child{border-radius: 0 5px 5px 0;}

    .layer-pop .pop-btn-area{display: flex; justify-content: center; margin-top: 19px; position: relative; width: 100%; left: 0; bottom: 0;}
    .layer-pop .pop-btn-area.mt-1{margin-top: 20px;}
    .layer-pop .pop-btn-area2{display: flex; justify-content: flex-end; position: relative; left: 0; top: 0; bottom: 0; right: 0; width: auto;}
    .layer-pop .pop-btn-area button{width: 100%; height: 50px; border-radius: 12px; border: 1px solid #aaaeb1; font-weight: 600; color: #023b69; font-size: 16px;}
    .layer-pop .pop-btn-area button + button{margin-left: 8px;}
    .layer-pop .pop-btn-area .comp1{font-size: 12px;}
    .layer-pop .pop-btn-area .comp2{width: 100%; height: 40px; font-size: 14px; color: #5e6062; background: #fff; border: 1px solid #aaaeb1;}
    .layer-pop .pop-btn-area .comp3{min-width: 70px; height: 30px; border-radius: 8px; font-size: 12px; color: #101010; width: auto; padding: 0 24px; background: #fff; border: 1px solid #aaaeb1;}
    .layer-pop .pop-btn-area .comp4{min-width: 122px; height: 40px; background: #fff; border-radius: 10px; border: 1px solid #aaaeb1; font-size: 16px; font-weight: 500; color: #101010;}
    .layer-pop .pop-btn-area .comp5{width: 135px; height: 38px;  border-radius: 6px;  border: solid 1px #c9c9c9;  background-color: #fff; font-size: 14px; color: #5e6062;}
    .layer-pop .pop-btn-area .comp6{width: 122px; height: 32px; background: #fff; border: 1px solid #c8c8c8; font-weight: 500; font-size: 14px; color: #5e6062; border-radius: 8px;}
    .layer-pop .pop-btn-area .comp7{width: 168px; height: 36px; color: #101010; font-size: 16px; font-weight: 500; border-radius: 8px; border: solid 1px #c9c9c9; background-color: #fff;}

    .layer-pop .pop-btn-area2 button, .layer-pop .pop-btn-area2 a{display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; border-radius: 8px;}
    .layer-pop .pop-btn-area2 button + button, .layer-pop .pop-btn-area2 a + a{margin-left: 8px;}
    .layer-pop .pop-btn-area2 .comp1{width: 72px; height: 34px; color: #101010; font-size: 16px; font-weight: 500; background: #fff; border: solid 1px #c9c9c9;}
    .layer-pop .pop-btn-area2 .comp2{width: 46px; height: 34px; color: #fff; font-size: 16px; font-weight: 500; background: #0e89e8;}

    .layer-pop.deliver-pop .pop-con .ipt-area{margin: auto;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li{position: relative; margin-top: 13px; width: 100%;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li:first-child{margin-top: 0;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li intpu{height: 60px; border: 1px solid #d9d9d9; border-radius: 5px; width: 100%; box-sizing: border-box; font-size: 16px; color: #000; font-weight: 600; padding: 18px 24px 0;}
    .layer-pop.deliver-pop .pop-con .ipt-area ul li label > span{
        position: absolute;
        font-size: 18px;
        color: #999;
        font-weight: 600;
        left: 24px;
        top: 22px;
        -webkit-transition: top 0.2s ease, font-size 0.2s ease;
        transition: top 0.2s ease, font-size 0.2s ease;
    }

    .layer-pop.deliver-pop .pop-con .ipt-area ul li input.on + label > span{font-size: 13px; top: 7px;}
    .layer-pop.deliver-pop .pop-con .chk-msg{margin:22px auto 0; display: flex; align-items: center; font-size: 16px; color: #333; font-weight: 600;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"]{display: none;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"] + label::before{content:""; display:block; width:22px; height:22px; border-radius:11px; box-sizing:border-box; border:1px solid #d2d2d2; margin-right:10px;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"]:checked + label::before{border:0; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .layer-pop.deliver-pop .pop-con .chk-msg input[type="checkbox"] + label{display: flex;}
    .layer-pop.deliver-pop .pop-con .mo-delivery-bt .bt-modify{width: 25px; height: 27px; background: url(https://resource.mall.castingn.com/static/images/sub/ico-modify.png) left/100% no-repeat; text-indent: -999999px; font-size: 0;}

    .layer-pop .delivery-btn-area{margin-top: 43px; display: flex; justify-content: center;}
    .layer-pop .delivery-btn-area a + a, .layer-pop .delivery-btn-area button + button{margin-left: 8px;}
    .layer-pop .delivery-btn-area .btn-comp{
        display:flex;
        align-items:center;
        justify-content:center;
        width:244px;
        height: 56px;
        border-radius:15px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }
    .layer-pop .delivery-btn-area .btn-comp span{font-size: 18px; color: #fff;}
    .layer-pop .delivery-btn-area .btn-comp.btn-wide{width: 100%;}
    .layer-pop .delivery-btn-area .btn-comp2{display: flex; align-items: center; justify-content: center; width: 244px; height: 56px; border-radius: 15px; color: #000; border: 1px solid #c8c8c8; font-weight: 700; margin-right: 12px;}
    .layer-pop .delivery-btn-area .btn-comp2 span{font-size: 20px; color: #000;}

    .layer-pop dl.column-blank {overflow: hidden; height: 102px; display: flex; justify-content: space-between; border-radius: 15px; margin-top: 19px;}
    .layer-pop dl.column-blank > dt {width: 100px;  height: 100%; background: #32ab8c url(https://resource.mall.castingn.com/static/images/picto_car.png) no-repeat center center / 50% auto; }
    .layer-pop dl.column-blank > dd {
        width: calc(100% - 100px);
        height: 100%;
        padding: 0 10px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        display: flex;
        align-items: center;
        border: solid 1px #e3e3e3;
        border-left: 0 none;
        box-sizing: border-box;
    }

    .layer-pop dl.column-blank.corp > dt {
        background: #0e89e8 url(https://resource.mall.castingn.com/static/images/picto_car.png) no-repeat center center / 50% auto;
    }

    /* 구매승인요청 확인 팝업 */
    .layer-pop.apr-pop{height: 167px;}
    .layer-pop.apr-pop p{text-align: center; margin-top: 40px;}
    .layer-pop.apr-pop .pop-btn-area{margin-top: 20px;}


    /* 견적서 팝업 */

    .layer-pop.estimate-pop .pop-con{padding: 70px 10px 20px 10px; max-height: 350px; overflow-y: auto; margin-top: 0;}

    .layer-pop.estimate-pop .estimate-tt{text-align: center;}
    .layer-pop.estimate-pop .estimate-tt span{font-size: 14px; color: #404040;}
    .layer-pop.estimate-pop .estimate-tt span strong{font-size: 18px; color: #000; font-weight: 700;}
    .layer-pop.estimate-pop .estimate-tt p{font-size: 15px; color: #666; margin-top: 8px;}

    .layer-pop.estimate-pop .pop-tbl{margin-top: 20px;}
    .layer-pop.estimate-pop .mo-pop-tbl{margin-top: 20px; border: 1px solid #787878; border-radius: 10px; padding: 20px 10px;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li:first-child{margin-top: 0;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li{display: flex; align-items: flex-start; margin-top: 10px;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li strong{font-weight: 700;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li span{font-weight: 500;}

    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell1 strong{width: 28%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell1 span{width: 72%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell2{border-bottom: 1px solid #ececec; padding-bottom: 10px;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell2 strong{width: 15%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell2 span{width: 35%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell3 strong{width: 28%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell3 span{width: 72%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell4 strong{width: 28%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell4 span{width: 72%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell5 strong{width: 28%;}
    .layer-pop.estimate-pop .mo-pop-tbl ul li.cell5 span{width: 72%;}

    .layer-pop.estimate-pop .pop-tbl.type-col{overflow-x: scroll;}
    .layer-pop.estimate-pop .pop-tbl.type-col table{width: 600px; table-layout: fixed;}
    .layer-pop.estimate-pop .pop-tbl.type-col table thead th{height: 45px; border-bottom: 2px solid #e5e5e5; padding: 0 10px; position: sticky; top: 0; background: #fff;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tbody td{height: 45px; border-bottom: 1px solid #f7f7f7; text-align: center; padding: 0 10px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tbody td.t-left{text-align: left;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tbody td.t-right{text-align: right;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tbody td .t-elip{width: 100%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}

    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td{text-align: center; height: 45px; border-bottom: 2px solid #d3efff; padding: 0 10px;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td.total-tt{font-weight: 700;}
    .layer-pop.estimate-pop .pop-tbl.type-col table tfoot td.total{text-align: right; color: #138fdf;}

    .layer-pop.estimate-pop .estimate-tbl{display: none; height: 232px; overflow-y: auto;}

    /* 판매자 문의 팝업 */
    .layer-pop.inquiry-pop .pop-con{padding: 70px 15px 20px 15px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area{margin-bottom: 4px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li{display: flex; align-items: flex-start; font-size: 14px; color: #000; letter-spacing: -0.28px; margin-bottom: 15px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li.aln-1{flex-direction: column;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li:last-child{margin-bottom: 0;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li > strong{font-weight: normal; width: 80px; font-size: 15px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li.aln-1 > strong{margin-bottom: 9px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area > ul > li > div{width: 100%;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list{display: flex; flex-wrap: wrap;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li{margin-bottom: 10px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li:nth-child(4), .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li:nth-child(5){margin-bottom: 0;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox{display:inline-flex;justify-content:flex-start;align-items:center; margin-right:24px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox input[type=radio]{cursor:pointer;outline:none;display:flex;background:#fff;border:1px solid #999;width:20px;height:20px;border-radius:50%;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox input[type=radio]:checked{width:20px; height:20px; background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;border-color:#0e89e8;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area .rd-list > li .rdbox span{display:flex; margin-left:8px; font-size:14px; color: #000;}

    .layer-pop.inquiry-pop .pop-con .inquiry-area input[type="text"]{border-radius: 8px; border: solid 1px #c8c8c8;	background-color: #fff; height: 42px; width: 100%; box-sizing: border-box; padding: 0 15px;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area textarea{width: 100%; height: 285px; border: solid 1px #c8c8c8;	background-color: #fff; box-sizing: border-box; border-radius: 8px; padding: 15px; resize: none;}
    .layer-pop.inquiry-pop .pop-con .tt-1{color: #666; font-size: 12px; word-break: keep-all;}
    .layer-pop.inquiry-pop .pop-con .inquiry-area input::placeholder{color:rgba(0, 0, 0, 0.2);}
    .layer-pop.inquiry-pop .pop-con .inquiry-area textarea::placeholder{color:rgba(0, 0, 0, 0.2);}

    /* 고고엑스 - 도착지 정보 입력 팝업 */
    .layer-pop.loc-info-pop{width: 100%;}
    .layer-pop.loc-info-pop .pop-con{padding: 54px 15px 24px 15px;}

    .smartpin-guide-layer{width:calc( 100% - 26px );left:13px;margin-left:0;top:20px;height:auto;margin-top:0;}
    .smartpin-guide-layer .sg-header-wrap{justify-content:flex-start;}
    .smartpin-guide-layer .sg-header-wrap .stit{margin-left:23px;width:300px;font-size:12px;color:#fff;}
    .smartpin-guide-layer .sg-msg-wrap{width:calc( 100% - 30px );padding:15px 15px 13px 15px;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc{font-size:14px;color:#222;line-height:1.14em;text-align:left;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc + .sdesc{margin-top:9px;line-height:1.25em;font-size:20px;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc + .sdesc strong{font-size:20px;}
    .smartpin-guide-layer .sg-benefit-wrap{width:calc( 100% - 30px );}
    .smartpin-guide-layer .sg-benefit-wrap>ul{display:block;}
    .smartpin-guide-layer .sg-benefit-wrap>ul>li{width:calc( 100% - 2px );height:133px;}
    .smartpin-guide-layer .sg-benefit-wrap>ul>li + li{margin-top:16px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap .utit{font-size:14px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01{margin-top:10px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li{font-size:13px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li strong{font-size:13px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap{width:calc( 100% - 40px );}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01{width:calc( 100% - 40px );}
    .smartpin-guide-layer .sg-benefit-wrap .value{font-size:14px;}
    .smartpin-guide-layer .sg-benefit-wrap .value strong{font-size:14px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist02{width:calc( 100% - 40px );margin-top:0;}
    .smartpin-guide-layer .sg-step-wrap{margin-top:10px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide{width:calc( 100% - 40px );}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .num{margin-top:14px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ntit{font-size:12px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ndesc{font-size:11px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide i{display:none;}
    .smartpin-guide-layer .sg-step-wrap{height:145px;}
    .smartpin-guide-layer .sg-btn-wrap{padding-top:20px;padding-bottom:20px;width:calc( 100% - 40px );padding-left:20px;padding-right:20px;}
    .smartpin-guide-layer .sg-btn-wrap button{width:90px;margin:0 2px;font-size:13px;flex-direction:column;}
    .smartpin-guide-layer .sg-btn-wrap button span{font-size:13px;margin-left:0;margin-top:3px;}
    .smartpin-guide-layer .mbr{display:block;}

    /* 입금 반려 팝업 */
    .layer-pop.cpn-pop{border: 1px solid #e3e3e3; padding: 20px 18px; background: #f8f8f8; border: 1px solid #c8c8c8;}
    .layer-pop.cpn-pop .pop-cpn-tt{font-size: 16px; color: #000; font-weight: 500; margin-bottom: 16px;}
    .layer-pop.cpn-pop .cpn-ipt-area{position: relative;}
    .layer-pop.cpn-pop .cpn-ipt-area input{width: 100%; height: 43px; border: 1px solid #c8c8c8; border-radius: 10px; padding: 0 22px; font-size: 16px; color: #000; box-sizing: border-box;}

    /* 공통 메시지 팝업 */
    .layer-pop.comn-pop{border: 1px solid #e3e3e3; padding: 20px 18px; background: #fff; border: 1px solid #c8c8c8; border-radius: 0;}
    .layer-pop.comn-pop p{text-align: left; font-size: 14px; line-height: 24px; color: #5e6062; }
    .layer-pop.comn-pop2{border: 1px solid #e3e3e3; padding: 20px 18px; background: #fff; border: 1px solid #c8c8c8; border-radius: 0;}
    .layer-pop.comn-pop2 p{text-align: left; font-size: 14px; line-height: 24px; color: #5e6062; }
    .layer-pop.comn-pop2 p br{display:none}
    .layer-pop.comn-pop3{border: 1px solid #c9c9c9; padding: 20px 18px; background: #ffffff; border-radius: 4px;}
    .layer-pop.comn-pop3 p{text-align: left; font-size: 14px; line-height: 22px; color: #5e6062; margin-bottom: 30px;}

    .layer-pop.comn-cancel-pop{border-radius: 12px; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); background-color: #fff; width: 100%; padding: 16px 24px; border: 0;}
    .layer-pop.comn-cancel-pop .tit{font-size: 16px; color: #000; font-weight: bold; text-align: center; margin-bottom: 24px;}
    .layer-pop.comn-cancel-pop .txta{line-height: 1;}
    .layer-pop.comn-cancel-pop .txta textarea{width: 100%; height: 207px; border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 10px; resize: none;}

    /* 명함 시안보기 팝업  */
    .layer-pop.nc-design-pop{width: 100%; border-radius: 12px; background: #fff; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); padding: 12px; border: 0;}
    .layer-pop.nc-design-pop .pop-con{width: 100%; box-sizing: border-box; height: 202px; border-radius: 8px; border: solid 1px #d0d0d6; background-color: #f0f9ff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list{display: flex; align-items: center;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list li{width: 88px; height: 146px; background: #fff; margin-right: 58px;}
    .layer-pop.nc-design-pop .pop-con .nc-img-list li:last-child{margin-right: 0;}

    /* 승인 요청 취소 사유 입력  */
    .layer-pop.nc-cancel-pop{border-radius: 12px; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16); background-color: #fff; width: 100%; padding: 16px 24px; border: 0;}
    .layer-pop.nc-cancel-pop .tit{font-size: 16px; color: #000; font-weight: bold; text-align: center; margin-bottom: 24px;}
    .layer-pop.nc-cancel-pop .txta{line-height: 1;}
    .layer-pop.nc-cancel-pop .txta textarea{width: 100%; height: 207px; border-radius: 8px;  border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; padding: 10px; resize: none;}

    /* 서비스 업데이트 안내 팝업 */
    .layer-pop.pop-update{border-radius: 32px;border: solid 1px #707070;background-color: #fff;overflow: hidden;width:100%;display: block; height:295px; margin:0; }
    .layer-pop.pop-update .box { padding:10px; }
    .layer-pop.pop-update .ico-alarm{display: block; width: 46px; height: 46px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/main/ico-pop-alarm.png) left/100% no-repeat; margin: 14px auto 16px auto;}
    .layer-pop.pop-update .txt-comp1{text-align: center;}
    .layer-pop.pop-update .txt-comp1 .txt1{font-size: 18px; font-weight: 500; line-height: 28px; color: #3a3b3c;}
    .layer-pop.pop-update .txt-comp1 .txt2{font-size: 22px; letter-spacing: 0.02px; font-weight: bold; color: #000; line-height: 38px;}
    .layer-pop.pop-update .txt-comp1 .txt3{color: #101010; font-size: 14px; letter-spacing: -0.01px; line-height: 20px; text-align: center; font-weight: 500;}
    .layer-pop.pop-update .txt-comp1 .logo { margin-bottom:7px; width:30%; }
    .layer-pop.pop-update .list-time{font-size: 18px; letter-spacing: 0.01px; color: #0d89e8; text-align: center;}
    .layer-pop.pop-update .list-time li{display: flex; align-items: center; font-weight: bold; justify-content: center; margin-top: 10px;}
    .layer-pop.pop-update .list-time li:last-child{color: #32ab8c;}
    .layer-pop.pop-update .list-time span{display: flex; align-items: center; width: 64px; height: 30px; justify-content: center; background: #0d89e8; border-radius: 19px; margin-right: 10px; color: #fff; font-size: 13px; font-weight: bold;}
    .layer-pop.pop-update .list-time li:last-child span{background: #32ab8c;}
    .layer-pop.pop-update .txt-comp2{color: #101010; font-size: 14px; letter-spacing: -0.01px; line-height: 27px; text-align: center; margin-top: 17px; padding-bottom: 70px; word-break: keep-all;}
    .layer-pop.pop-update .pop-btn{display: flex; align-items: center; position: absolute; left: 0; width: 100%; bottom: 0;}
    .layer-pop.pop-update .pop-btn a{width: 50%; height: 50px; background: #101010; color: #fff; font-size: 14px; display: flex; align-items: center; font-weight: bold; justify-content: center; position: relative;}
    .layer-pop.pop-update .pop-btn a + a::before{display: block; width: 1px; height: 16px; background: #fff; position: absolute; left: 0;  top: 17px; content: '';}
    .layer-pop.pop-update .txt-comp3{color: #101010; font-size: 13px; letter-spacing: -0.03px; line-height: 20px; text-align: center; margin-top: 8px; font-weight: 500; }
    .layer-pop.pop-update .point_blue_txt { color:#0d89e8; }
    .layer-pop.pop-update .point_gray_txt { color:#888; }
    /* 고고엑스 - 배송상품정보입력 팝업 */
    .layer-pop.dvy-info-pop{width: 100%;}
    .layer-pop.dvy-info-pop .pop-con{padding: 62px 15px 31px;}

    .layer-pop.dvy-info-pop .dvy-area{position: relative;}
    .layer-pop.dvy-info-pop .dvy-area .tit{color: #101010; font-weight: 500; font-size: 14px; margin-bottom: 23px;}
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area{display: flex; align-items: center; margin-bottom: 30px;}
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area .dvy-tit{font-size: 14px; color: #101010; font-weight: 500; margin-right: auto; width: 75px;}
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area select{width:253px; padding-left:15px; height:34px; border:1px solid #c8c8c8; font-size:14px; color:#85888d; font-weight:500; border-radius: 8px;
        background:#fff url(https://resource.mall.castingn.com/static/images/sub/select-arrow.png) no-repeat 95% center }
    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area select option{color: #101010;}

    .layer-pop.dvy-info-pop .dvy-area .dvy-sel-area select.on{background-image:url(https://resource.mall.castingn.com/static/images/gogox/select-arrow-on.png) ;}

    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info-box{ box-sizing: border-box;  border-radius: 8px;  display: flex; align-items: flex-start; padding: 18px 41px 18px 0; position: relative;
        background: #f8f8f8 url(https://resource.mall.castingn.com/static/images/gogox/pac-ico2.png) 76% 22px/95px no-repeat; flex-direction: column;
    }

    .layer-pop.dvy-info-pop .dvy-con-area {display: none;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item{display: flex; flex-direction: column; align-items: center; width: 116px; border-right: 1px solid #c8c8c8; margin-bottom: 20px;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic{width: 48px; height: 48px; border-radius: 50%; overflow: hidden;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic1{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list01-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic2{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list02-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic3{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list03-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic4{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list04-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic5{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list05-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic6{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list06-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic7{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list07-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic8{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list08-on.png) no-repeat center/100%;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .ico-pic.pic9{background: url(https://resource.mall.castingn.com/static/images/gogox/ico-car-case-list09-on.png) no-repeat center/100%;}

    .layer-pop.dvy-info-pop .dvy-con-area .dvy-item .item-txt{font-weight: bold; color: #101010; font-size: 16px; margin-top: 6px;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info{margin-left: 24px;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info .info-tit{font-size: 14px; font-weight: 500; color: #101010; }
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info .info-list li{position: relative; padding-left: 14px; color: #5e6062;}
    .layer-pop.dvy-info-pop .dvy-con-area .dvy-info .info-list li::before{display: block; position: absolute; width: 4px; height: 4px; background: #0d89e8; border-radius: 50%; content: ''; left: 0; top: 9px;}

    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area{position: relative; padding: 17px 0 0 1px;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list{display: flex; align-items: center; flex-wrap: wrap;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li{display: flex; align-items: center; margin-bottom: 16px; margin-right: 10px;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li:nth-child(2n){margin-right: 0;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li > span{color: #101010; width: 25px; font-weight: 500; margin-right: 8px;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li .mesure-item{width: 106px; position: relative;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li .mesure-item input{width: 100%; height: 34px; border: 1px solid #c8c8c8; border-radius: 8px; border-radius: 8px; box-sizing: border-box; text-align: right; padding-right: 37px; font-size: 14px; font-weight: 500; color: #101010;}
    .layer-pop.dvy-info-pop .dvy-con-area .mesure-area .mesure-list li .mesure-item .unit{width: 34px; height: 34px; color: #5e6062; font-weight: 500; display: block; position: absolute; right: 0; top: 0; display: flex; box-sizing: border-box; align-items: center;}

    /* e 레이어 팝업  */

    /* s: 스마트핀클럽 메인*/
    .pc {
        display: none !important;
    }

    .smart-wrap .event-sect {
        padding: 0;
    }

    .smart-wrap .bg-area {
        position: relative;
        height: auto;
        padding: 0;
        background: #4a34f9 url(https://resource.mall.castingn.com/static/images/welcome/welcome/smp_e_bg.png) no-repeat center top;
        background-size: 760px auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .smart-wrap .bg-area::after {
        display: none;
    }

    .smart-wrap .bg-area .event-tt{display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10;}

    .smart-wrap .bg-area .event-tt .tt-line1 {
        position: relative;
        margin-top:115px;
        font-family: Pretendard;
        font-size: 18px;
        letter-spacing: -1.8px;
        color: #fff;
        z-index: 2;
    }
    .smart-wrap .bg-area .event-tt .tt-line3 {
        position: relative;
        width: 477px;
        margin: -130px 0 -190px 40PX;
        font-size: 80px;
        background: linear-gradient(to left, #0787ff, #22e691);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: none;
    }
    /* 	.smart-wrap .bg-area .event-tt .tt-line3:after {
		background: none;
		content: attr(data-text);
		left: 0;
		position: absolute;
		text-shadow: 4px 4px 4px rgba(67, 62, 108, 0.4);
		top: 0;
		z-index: -1;
	} */
    .smart-wrap .bg-area .event-tt .tt-line3 img {
        width: 477px;
    }

    .smart-wrap .bg-area .event-tt .tt-line4 {
        display: none;
        margin-top: 25px;
        font-family: Jalnan;
        font-size: 30px;
        text-align: center;
        color: #fff;
    }

    .smart-wrap .bg-area .event-tt .tt-line5 {
        font-family: Pretendard;
        margin-top: 18px;
        font-size: 18px;
        letter-spacing: -1.8px;
        text-align: center;
        color: #fff;
    }

    .smart-wrap .bg-area .bt-join {
        position: relative;
        /* left: 50%;
		top: 400px; */
        width: 370px;
        height: 87px;
        line-height: 87px;
        margin: 46px auto 52px;
        padding:0;
        font-family: Pretendard;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        border-radius: 32.4px;
        color: #fff;
        box-shadow: 0px 19px 28.4px 0.6px rgba(154, 144, 237, 0.3);
        border: solid 0 #000;
        background-image: linear-gradient(to top, #0d89e8, #1b9eb8, #32ab8c), linear-gradient(to top, #0d89e8, #32ab8c);
    }


    .smart-wrap .bg-area .btn-smart {
        position: relative;
        height: 27px;
        line-height: 27px;
        margin: 18px 0 0;
        padding: 0 12px;
        border-radius: 24px;
        border: solid 1px #29f0c1;


        font-family: Pretendard;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: -1.6px;
        text-align: center;
        color: #29f0c1;
        z-index: 10;
    }

    .smart-wrap .bg-area .line-desc {
        height: 180px;
        background: #2c1bb6;
    }

    .smart-wrap .bg-area .line-desc dl.column-desc {
        display: flex;
        justify-content: start;
        width: 980px;
        padding: 43px 0;
        font-family: Pretendard;
    }
    .smart-wrap .bg-area .line-desc dl.column-desc > dt {
        width: 224px;
        line-height: 1.5;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1.2px;
        color: #f0f0f0;
    }
    .smart-wrap .bg-area .line-desc dl.column-desc > dd {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.5;
        letter-spacing: -1.2px;
        color: #eceaf5;
    }


    .smart-wrap .event-sect {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .event-sect1 {
        position: relative;
        height: auto;
        padding: 0;
        background: #4a34f9 url(https://resource.mall.castingn.com/static/images/welcome/welcome/welcome5_img_02.png) no-repeat center top;
    }

    .event-sect1 a.btn-go {
        position: absolute;
        left: 50%;
        top: 805px;
        width: 200px;
        height: 90px;
        margin-left: 385px;
    }

    .event-sect1 .layer-info_01 {
        position: absolute;
        left: initial;
        right: 0;
        top: 865px;
        width: 112px;
        height: 26px;
        line-height: 26px;
        margin-left: 0;
        padding: 0 10px;
        text-align: center;
        font-family: Pretendard;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: -1px;
        color: #252d59;
        background: #ffffff;
        border: 2px solid #0037ff;
        border-radius: 10px;
        z-index:5;

        opacity: 1;

        transition: opacity 0.4s ease;

    }
    .event-sect1 a.btn-go:hover + .layer-info_01,
    .event-sect1 .layer-info_01:hover {
        opacity: 1;
    }
    .event-sect1 .layer-info_01:before {
        content: "";
        position: absolute;
        left: 27px;
        top: -8px;
        width: 5px;
        height: 13px;
        line-height: 50px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip.png) no-repeat center center;
    }
    .event-sect1 .layer-info_01 span {
        font-size: 11px;
    }
    .event-sect1 .layer-info_01 span:after {
        width: 12px;
        margin-bottom: -3px;
        margin-left: 4px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/arrow_01.png) no-repeat center center / contain;
        display: none;
    }

    .event-sect1 {
        font-family: Pretendard;
        text-align: center;
        color: #eceaf5;
        background: #4a34f9;
    }
    .smart-wrap .event-sect.event-sect1 {
        align-items: start;
        height: auto;
        background: #4a34f9;
    }

    .event-sect1 > .desc-01 {
        width: 100%;
        text-align: center;
        padding-top: 31px;
        margin-bottom: 0;
        font-family: Pretendard;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.2;
        letter-spacing: -2.5px;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect1 .desc-01 strong {
        color: #29f0c1;
    }


    .event-sect1 .unit-picto {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 155px;
        height: 155px;
        margin: 0 auto;
        margin: 49px auto 30px;
        border-radius: 50%;
        background: #3630e7;
    }
    .event-sect1 .unit-picto:before {
        display: none;
    }

    .unit-picto img {
        position: relative;
        display: block;
        width: 152px;
        margin: -42px 0 -17px -5px;
        z-index: 2;
    }

    .event-sect1 .unit-picto .btn-join {
        position: relative;
        width: 185px;
        height: 44px;
        line-height: 44px;
        margin-left: -13px;
        padding: 0;
        border-radius: 16px;
        font-size: 15px;
        box-shadow: 0px 8px 14px 0.6px rgba(154, 144, 237, 0.3);
        z-index: 1;
    }

    .btn-styled{
        background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
        color: #fff;
        font-weight: bold;
    }

    a.btn-styled2 {
        border-radius: 12px;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
        background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
        height: 48px;
        font-family: Pretendard;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.01px;
        text-align: center;
        color: #fff;
        border-radius: 12px;
    }

    .event-sect1 h5 {
        position:relative;
        width: 70px;
        height: 36px;
        margin: 0 0 15px 20px;
        font-weight: bold;
        letter-spacing: -1.4px;
        text-align: left;
        font-family: Pretendard;
        color: #eceaf5;
    }

    .event-sect1 h5 .number {
        display: block;
        height: 36px;
        line-height: 0.7;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: -5px;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect1 h5 .text {
        position: absolute;
        left:0;
        top: 9px;
        font-weight: bold;
        line-height: 0.4;
        padding: 6px 3px;
        letter-spacing: 0;
        text-align: center;
        font-size: 14px;
        color: #eceaf5;
        background: #4a34f9;
    }

    .event-sect1 h5 + .desc {
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.8;
        margin-bottom: 30px;
        padding-left: 35px;
        line-height: 1.25;
        letter-spacing: -2.5px;
        text-align: center;
        color: #eceaf5;
    }
    .event-sect1 h5 + .desc strong {
        color: #29f0c1;
    }


    .box-benefit {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .box-benefit:before {
        display: none;
    }

    .box-benefit ul.list-benefit {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .box-benefit ul.list-benefit > li {
        position: relative;
        width: 112px !important;
        margin: 0 5.5px;
        padding: 0 0 50px;
        text-align: center;
    }
    .box-benefit ul.list-benefit > li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 97px;
        width: 112px;
        height: 122px;
        padding: 46px 13px 17px 11px;
        border-radius: 18px;
        box-shadow: 0px 13px 21px 0 rgba(60, 62, 62, 0.27);
        background-color: #4a34f9;
        box-sizing: border-box;
    }
    .box-benefit ul.list-benefit > li .desc-01 {
        position: relative;
        /* width: 239px; */
        display: inline-block;
        height: auto;
        line-height: 1.07;
        padding: 7px 15px;
        letter-spacing: -0.9px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        border-radius: 15px;
        background: #2c1bb6;
    }
    .box-benefit ul.list-benefit > li .desc-01 strong {
        color: #00ff97;
    }
    .box-benefit ul.list-benefit > li .desc-01:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;


        width: 0px;
        height: 0px;
        margin-left: -12px;
        border-top:10px solid #2c1bb6;
        border-bottom:10px solid none;
        border-right: 12px solid transparent;
        border-left: 12px solid  transparent;

    }
    .box-benefit ul.list-benefit > li .desc-01 strong {
        color: #00ff97;
    }
    .box-benefit ul.list-benefit > li .unit-img {
        position: relative;
        width: 105px;
        height: 97px;
        background: transparent no-repeat center 8px / 90%;
        z-index: 2;
    }
    .box-benefit ul.list-benefit > li:nth-child(1) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_01.png);
        background-position: 9px 11px;
    }
    .box-benefit ul.list-benefit > li:nth-child(2) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_02.png);
        background-position: 27px 8px;
        background-size: 67%;
    }
    .box-benefit ul.list-benefit > li:nth-child(3) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_03.png);
        background-position: 4px 8px;
        background-size: 100%;
    }
    .box-benefit ul.list-benefit > li:nth-child(4) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_04.png);
        background-position: -7px -44px;
        background-size: 119%;
    }
    .box-benefit ul.list-benefit > li:nth-child(5) .unit-img {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_service_05.png?1);
        background-position: 4px 22px;
        background-size: 109%;
    }

    .box-benefit ul.list-benefit > li .unit-img + .desc {
        position: relative;
        font-size: 11px;
        font-weight: bold;
        line-height: 1.09;
        margin-bottom: 6px;
        letter-spacing: -1.1px;
        color: #ffffff;
        z-index: 2;
    }
    .box-benefit ul.list-benefit > li h6 {
        position: relative;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.25;
        margin-bottom: 6px;
        letter-spacing: -1.6px;
        text-align: center;
        color: #00ef94;
        z-index: 2;
    }
    .box-benefit ul.list-benefit > li h6 + .desc {
        display: none;
        padding: 0 5px;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: -1.6px;
        text-align: center;
        color: #cdd4e6;
    }




    .smart-wrap .event-sect2 {
        height: auto;
        margin: -1px 0 0;
        padding: 0 0 0;
        justify-content: start;
        align-items: start;
        background: #4a34f9;
    }


    .event-sect2 {
        position: relative;
        font-family: Pretendard;
    }

    .event-sect2 h5 {
        position:relative;
        width: 70px;
        height: 36px;
        margin: 0 0 15px 20px;
        font-weight: bold;
        letter-spacing: -1.4px;
        text-align: left;
        font-family: Pretendard;
        color: #eceaf5;
    }

    .event-sect2 h5 .number {
        display: block;
        height: 36px;
        line-height: 0.7;
        font-size: 50px;
        font-weight: bold;
        letter-spacing: -5px;
        text-align: center;
        color: #eceaf5;
    }

    .event-sect2 h5 .text {
        position: absolute;
        left:0;
        top: 9px;
        font-weight: bold;
        line-height: 0.4;
        padding: 6px 3px;
        letter-spacing: 0;
        text-align: center;
        font-size: 14px;
        color: #eceaf5;
        background: #4a34f9;
    }

    .event-sect2 h5 + .desc {
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.8;
        margin-bottom: 54px;
        padding-left: 35px;
        line-height: 1.25;
        letter-spacing: -2.5px;
        text-align: left;
        color: #eceaf5;
    }
    .event-sect2 h5 + .desc strong {
        color: #db78f2;
    }


    .tooltip-benefit {
        position: absolute;
        left: 60px;
        top: 130px;

        height: 25px;
        line-height: 25px;
        padding: 0 10px;
        font-family: Pretendard;
        font-size: 12px;
        border-radius: 8px;
        letter-spacing: -0.6px;
        text-align: center;
        color: #282626;

        /* border: 1.5px solid #0437fe; */
        background: #f2f4ff;
    }

    .tooltip-benefit:before {
        content: "";
        position: absolute;
        display: block;
        left: 10px;
        top: -7px;

        width: 0px;
        height: 0px;
        border-top: 12px solid none;
        border-bottom: 12px solid #ffffff;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

    .tooltip-benefit img {
        height: 13px;
        margin: -3px 0 0 5px;
        vertical-align: middle;
    }



    .smart-wrap .event-sect.event-sect2::before {
        display: none;
    }

    .event-sect2 .area-tab {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 0 35px;
    }
    .event-sect2 .area-tab ul.tabBtns {
        width: 300px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 0;
        padding: 0;
    }
    .event-sect2 .area-tab ul.tabBtns > li {
        position: relative;
        width: 90px;
        margin-right: 5px;
        font-family: Pretendard;
    }
    .event-sect2 .area-tab ul.tabBtns > li .kit-logo {
        margin-bottom: 7px;
    }

    .event-sect2 .area-tab ul.tabBtns > li .kit-logo {
        position: relative;
        border-radius: 25px;
        box-shadow: 0px 4px 10px 0 rgba(0, 45, 162, 0.8);
    }
    .event-sect2 .area-tab ul.tabBtns > li:last-child .kit-logo {
        box-shadow: none;
    }

    .event-sect2 .area-tab ul.tabBtns > li .unit-logo {
        position: relative;
        width: 90px;
        height: 90px;
        cursor: pointer;
        border: 4px solid transparent;
        border-radius: 25px;
        box-sizing: border-box;
        background: transparent;
    }
    .event-sect2 .area-tab ul.tabBtns > li:last-child .unit-logo {
        width: 90px;
        height: 90px;
        margin: 0;
        border-radius: 16px;
        border: 2px dashed #8f85e6;
        background: #422edf;
    }
    .event-sect2 .area-tab ul.tabBtns > li .unit-logo img {
        position: relative;
        z-index:2;
    }
    .event-sect2 .area-tab ul.tabBtns > li .unit-logo:after {
        content: "";
        position: absolute;
        left: -4px;
        top: -4px;
        width: 90px;
        height: 90px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/border_01_m.png) no-repeat center center / cover;
    }
    .event-sect2 .area-tab ul.tabBtns > li:last-child .unit-logo:after,
    .event-sect2 .area-tab ul.tabBtns > li:last-child.on .unit-logo:after,
    .event-sect2 .area-tab ul.tabBtns > li:last-child:hover .unit-logo:after {
        content: "coming\A soon";
        white-space: pre;
        background: none;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.06;
        letter-spacing: -1.8px;
        text-align: center;
        color: #8f85e6;
        cursor: default;
    }
    .event-sect2 .area-tab ul.tabBtns > li.on .unit-logo:after,
    .event-sect2 .area-tab ul.tabBtns > li:hover .unit-logo:after {
        content: "";
    }



    .event-sect2 .area-tab ul.tabBtns > li.on:after {
        display: none;
        content: "";
        position: absolute;
        left: 50%;
        bottom: -12px;


        width: 0px;
        height: 0px;
        margin-left: -12px;
        border-bottom:18px solid #ffffff;
        border-top:18px solid none;
        border-right: 9px solid transparent;
        border-left: 9px solid  transparent;

    }


    .popWrap {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        z-index: 999;
    }
    .popWrap.on {
        display: flex;
    }

    .popWrap [class*='pop-'] {
        display: none;
        position: relative;
    }
    .popWrap [class*='pop-'].on {
        display: flex;
    }

    .popWrap [class*='pop-'] .btn-close {
        position: absolute;
        right: 34px;
        top: 34px;
        width: 14px;
        height: 14px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_close.png) no-repeat center center / cover;
    }

    .pop-smartpin {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% - 30px);
        min-height: 370px;
        border-radius: 40px;
        box-shadow: 0px 26px 42px 0 rgba(60, 62, 62, 0.27);
        border: solid 0 #000;
        background-color: rgba(2, 20, 83, 0.95);
    }
    .pop-smartpin .popBody {
        line-height: 1.6;
        padding: 35px;
        font-size: 15px;
        letter-spacing: -1.5px;
        text-align: center;
        color: #e5e9f7;
    }

    body.modalOn {
        overflow: hidden;
    }


    .area-tab.on {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 9;
    }

    .event-sect2 .area-tab.on ul.tabBtns,
    .event-sect2 .area-tab.on .column-descService {
        display: none;
    }

    .area-tab .mobilePop {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        position: fixed;
        left: 0;
        top: 0;
        width: calc(100% - 40px);
        /* height: calc(100% - 100px); */
        margin: 20px 20px 0;
        padding: 15px;
        border-radius: 18px;
        box-shadow: none;
        background: #ffffff;
        border: 0 none;
        box-sizing: border-box;
        z-index: 999;
    }


    .area-tab.on .mobilePop {
        display: block;
        position: relative;
        margin: 0;
    }

    .event-sect2 .area-tab .mobilePop ul.tabBtns {
        width: 100%;
        border-bottom: 1px solid #d2d2d2;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li {
        width: 56px;
        margin: 0 2.25px;
        pointer-events: all;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li .kit-logo {
        width: 56px;
        height: 56px;
        margin-bottom: 4px;
        border-radius: 6px;
        box-shadow: none;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li .unit-logo {
        width: 56px;
        height: 56px;
        border-radius: 6px;
        border: 2px solid #d2d5e0;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li:last-child .unit-logo {
        background: transparent;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li.on .unit-logo {
        border: 2px solid transparent;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li .unit-logo:after {
        position: absolute;
        left: -2px;
        top: -2px;
        width: 56px;
        height: 56px;
        background: none;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li.on .unit-logo:after {
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/border_01_m.png) no-repeat center center / cover;
    }
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li:last-child .unit-logo:after,
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li:last-child.on .unit-logo:after,
    .event-sect2 .area-tab .mobilePop ul.tabBtns > li:last-child:hover .unit-logo:after {
        /* display: none; */
        content: "";
    }

    .mobilePop.on {
        display: flex;
    }

    .event-sect2 .area-tab ul.tabBtns > li h6 {
        font-size: 11px;
        font-weight: 500;
        padding-bottom: 15px;
        letter-spacing: -0.9px;
        text-align: center;
        color: #fff;
    }

    .event-sect2 .area-tab .tabConts {
        /* display: none; */
        margin-bottom: 0;
        padding: 0;
        box-shadow: none;
        border: 0 none;
        background: #ffffff;
    }
    .event-sect2 .area-tab .tabConts .tabCont {
        display: none;

        max-height: calc(100% - 150px);
        padding: 0;

        font-family: Pretendard;
        font-size: 15px;
        font-weight: 300;
        line-height: 1.82;
        letter-spacing: -1.1px;
        text-align: left;
        color: #101010;

        border: solid 0 #000;
        background: transparent;
    }
    .event-sect2 .area-tab .tabConts .tabCont.on {
        display: block;
    }
    .event-sect2 .area-tab .tabConts .tabCont .line-title {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.25;
        margin-bottom: 15px;
        padding: 15px 0;
        letter-spacing: -1.6px;
        text-align: center;
        border-bottom: 1px solid #e8e8e8;
    }
    .event-sect2 .area-tab .tabConts .tabCont .line-title .icon-logo {
        display: none;
        overflow: hidden;
        width: 48px;
        height: 48px;
        margin-right: 24px;
        vertical-align: middle;
        border: 2px solid #d5d5d5;
        border-radius: 50%;
        background: #ffffff;
    }
    .event-sect2 .area-tab .tabConts .tabCont .line-title .icon-logo img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .event-sect2 .area-tab .tabConts .line-cont {
        overflow-y: auto;
        height: calc(100% - 300px);
        padding: 0 0 0 0;
    }
    .event-sect2 .area-tab .tabConts .tabCont h6 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 30px;
        letter-spacing: -1.4px;
        color: #000;
    }
    .event-sect2 .area-tab .tabConts .tabCont h6:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 7px;
        vertical-align: text-top;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }

    .event-sect2 .area-tab .tabConts .tabCont .desc {
        max-height: calc(100vh - 450px);
        line-height: 24px;
        padding-bottom: 5px;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: -1.1px;
    }


    .event-sect2 .area-tab .mobilePop ul.tabBtns > li h6 {
        font-size: 10px;
        color: #000000;
    }

    .mobilePop .btn-close {
        position: relative;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        letter-spacing: -0.8px;
        color: #101010;
    }


    dl.column-descService {
        display: flex;
        justify-content: start;
        width: 100%;
        padding: 0 60px;
        font-family: Pretendard;
    }
    dl.column-descService > dt {
        width: 100%;
        font-size: 22px;
        line-height: 1.27;
        letter-spacing: -2.2px;
        text-align: center;
        color: #d4ddff;
    }
    dl.column-descService > dd {
        display: none;
        font-size: 18px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.9px;
        text-align: left;
        color: #d4ddff;
    }




    .smart-wrap .event-sect.event-sect3 {
        height: 415px;
        padding: 0;
        background: #361ed1 url(https://resource.mall.castingn.com/static/images/welcome/welcome/welcome5_img_04_m.png) no-repeat center top / contain;
    }
    .smart-wrap .event-sect.event-sect3:before {
        display: none;
    }


    .smart-wrap .event-sect.event-sect4::before {
        display: none;
    }


    .smart-wrap .event-sect .tit-box {
        margin-top: 0;
    }


    .smart-wrap .event-sect.event-sect4 {
        padding: 32px 0 0;
        background: #eceaf5;
    }


    .smart-wrap .event-sect .tit-box {
        display: block;
        width: 100%;
        font-family: Pretendard;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        height: auto;
        line-height: 36px;
        margin-bottom: 20px;
        padding-left: 32px;
        letter-spacing: -1.5px;
        text-align: left;
        color: #000;
        background: transparent;
    }
    .smart-wrap .event-sect .tit-box .line-01 {
        font-family: Pretendard;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 36px;
        letter-spacing: -1.8px;
        text-align: left;
        color: #000;
    }
    .smart-wrap .event-sect .tit-box .line-01 strong {
        font-weight: bold;
        color: #327cee;
    }
    .smart-wrap .event-sect .tit-box .line-01 strong:before {
        content: "";
        display: inline-block;
        width: 21px;
        height: 21px;
        margin-right: 5px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }


    .box-calc {
        overflow: hidden;
        width: calc(100% - 32px);
        margin: 0 auto 36px;
        border-radius: 12px;
        box-shadow: none;
        background-color: #fff;
    }

    .smart-wrap .event-sect .ico-chk {
        width: 16px;
        height: 16px;
        margin-right: 3px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check.png) no-repeat center center / cover;
    }
    .smart-wrap .event-sect .chk-tt {
        font-family: Pretendard;
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        margin: 12px 8px 0;
        letter-spacing: normal;
        text-align: left;
        color: #0d89e8;
    }

    .smart-wrap .event-sect .ipt-text {
        font-family: Pretendard;
        width: calc(100% - 32px);
        height: 37px;
        line-height: 37px;
        margin: 0 auto 11px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        border-radius: 12px;
        color: #000;
        background: #ffffff;
    }

    .smart-wrap .event-sect .ipt-text input {
        width: 86px;
        height: 30px;
        margin: 0 0px 0 14px;
        border-radius: 0;
        text-align: right;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.27;
        border-bottom: 1.5px solid #361ed1;
        color: #361ed1;

        background-color: transparent;

        box-shadow: none;
    }
    .smart-wrap .event-sect .ipt-text input::placeholder {
        font-weight: normal;
    }


    .smart-wrap .event-sect .calc-box {
        width: auto;
        margin: 0 15px;
        padding: 0;
        background: transparent;
        border: 0 none;
        box-shadow: none;
    }
    .smart-wrap .event-sect .calc-box.option {
        margin: 0 15px;
        padding: 10px 5px;
    }
    .smart-wrap .event-sect .calc-box.option ul.calc-list {
        padding: 0;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list {
        padding: 10px 5px;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        font-weight: 300;
        line-height: 24px;
        margin: 0;
        letter-spacing: -0.6px;
        text-align: left;
        color: #101010;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li span {
        font-family: Pretendard;
        width: 16%;
        margin: 0 !important;
        text-align: right;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li span.subtotal {
        width: 22%;
    }
    .smart-wrap .event-sect .calc-box ul.calc-list > li span.title {
        width: 49%;
        text-align: left;
    }


    .smart-wrap .event-sect .calc-box.option ul.calc-list {
        border: 0 none;
    }

    .smart-wrap .event-sect .all-total {
        display: block;
        margin: 0;
        padding: 8px 15px 20px;
        text-align: right;
        font-family: Pretendard;
        background-color: #361ed1;
        color: #ffffff;
    }

    .smart-wrap .event-sect .all-total [class*='line-'] {
        display: flex;
        justify-content: end;
        text-align: right;
    }

    .smart-wrap .event-sect .all-total .line-sum {
        display: block;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 22px;
        letter-spacing: -0.7px;
        text-align: right;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-sum h6 {
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.67;
        margin-right: 24px;
        letter-spacing: -1.2px;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-sum .price {
        display: inline-block;
        width: 120px;
        font-size: 14px;
    }

    .smart-wrap .event-sect .all-total .line-discount {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.43;
        margin-bottom: 27px;
        letter-spacing: -0.7px;
        text-align: right;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-discount h6 {
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.67;
        margin-right: 24px;
        letter-spacing: -1.2px;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-discount h6:before {
        width: 12px;
        height: 12px;
        margin-right: 5px;
        vertical-align: middle;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
        display: inline-block;
        content: '';
    }
    .smart-wrap .event-sect .all-total .line-discount .price {
        display: inline-block;
        width: 120px;
    }

    .smart-wrap .event-sect .all-total .line-total {
        display: block;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: -0.7px;
        text-align: right;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-total h6 {
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.67;
        margin-right: 24px;
        letter-spacing: -1.2px;
        color: #fff;
    }
    .smart-wrap .event-sect .all-total .line-total .price {
        display: inline-block;
        width: 120px;
        line-height: 20px;
        font-size: 20px;
        color: #28f0c1;
    }



    .smart-wrap .event-sect.event-sect6::before {
        display: none;
    }

    .smart-wrap .event-sect.event-sect6 {
        margin-bottom: 0;
        background: #eceaf5;
    }
    .smart-wrap .event-sect.event-sect6 .qna-box {
        max-width: initial;
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto 120px;
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
    }
    .smart-wrap .event-sect .qna-list-box {
        font-family: Pretendard;
        border-bottom: 0 none;
    }
    .smart-wrap .event-sect .qna-list-box .qna-q {
        height: 55px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        margin: 0 15px;
        padding: 0 0;
        line-height: 55px;
        border-bottom: 2px solid #cfcfcf;
        background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_down.png) right 17px center no-repeat;
        background-size: 14px auto;
    }
    .smart-wrap .event-sect .qna-list-box:last-child .qna-q {
        border-bottom: 0 none;
    }
    .smart-wrap .event-sect .qna-list-box .qna-q.on {
        background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_up.png) right 17px center no-repeat;
        background-size: 14px auto;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a {
        overflow-y: auto;
        max-height: 250px;
        padding: 10px 25px 11px 38px;
        font-size: 15px;
        font-weight: 300;
        line-height: 2;
        letter-spacing: -1px;
        color: #101010;
        background-color: #f8f8f8;
        white-space: pre-line;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a::-webkit-scrollbar {
        width: 10px;
    }
    .smart-wrap .event-sect .qna-list-box .qna-a::-webkit-scrollbar-thumb{
        height: 17%;
        background-color: #e2e2e2;
        border-radius: 10px;
    }

    .smart-wrap .event-sect .qna-list-box .qna-a::-webkit-scrollbar-track{
        background-color: transparent;
    }

    .fixed-btn {
        position: fixed;
        bottom: -55px;
        height: 64px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
        transition: all 0.9s ease;
        z-index: 10;
    }
    .fixed-btn.on {
        bottom: 0px;
    }
    .fixed-btn .btn-join {
        width: 100%;
        height: 64px;
        line-height: 64px;
        border-radius: 0;
        font-size: 20px;
    }

    /* e: 스마트핀클럽 메인 */

    /* s: 스마트핀클럽 서브  */
    .joinWrap .period-tt{color: #fff; font-size: 14px; font-weight: 500; background-image: linear-gradient(to right, rgba(50,171,140,1) 0%, rgba(19,141,223,1) 100%); height: 55px; display: flex; flex-direction: column; padding: 8px 0 0 16px; box-sizing: border-box;}
    .joinWrap .period-tt span:last-child{font-weight: bold;}
    .joinWrap .info-box{box-sizing: border-box; background-color: #fff; padding: 0 16px; position: relative; overflow: hidden;}

    .joinWrap .info-box .info-tit{font-size: 16px; font-weight: bold; color: #101010; border-bottom: 1px solid #dadce0; letter-spacing: -0.01px; padding: 15px 0;}
    .joinWrap .info-box .info-tit strong{color: #32ab8c;}
    .joinWrap .info-box .item-group{display: flex; align-items: flex-start; flex-wrap: wrap; padding: 19px 0 16px 0; border-bottom: 1px solid #dadce0;}
    .joinWrap .info-box .item-group .item-tit{width: 49px; font-size: 16px; color: #101010; letter-spacing: -0.01px;}
    .joinWrap .info-box .item-group .item{margin-left: 46px; width: calc(100% - 95px); display: flex; align-items: center; position: relative;}
    .joinWrap .info-box .item-group .item-list{display: flex; align-items: center; margin-bottom: 17px; width: 100%; flex-direction: column;}
    .joinWrap .info-box .item-group .item-list li{display: flex; align-items: flex-start; width: 100%; position: relative; box-sizing: border-box; color: #101010; font-weight: bold; margin-bottom: 4px;}
    .joinWrap .info-box .item-group .item-list li::before{content: '-'; margin-right: 3px;}
    .joinWrap .info-box .item-group .item-list li .tit{font-weight: 500; margin-right: 4px;}

    .joinWrap .info-box .itemm-group .it-group .item-list li .tit{font-size: 14px; font-weight: 500;}
    .joinWrap .info-box .iteem-list li > span{font-weight: 500; font-size: 14px;}
    .joinWrap .info-box .item-group .msg-box{width: calc(100% - 95px); margin-left: auto; background: #ecf0f4; padding: 11px 24px; box-sizing: border-box; font-size: 16px; color: #101010; letter-spacing: 0.01px; font-weight: 500;}
    .joinWrap .info-box .item-group .msg-box b{font-weight: 500; color: #32ab8c;}
    .joinWrap .info-box .item-group .msg-box b strong{font-weight: bold;}

    .joinWrap .ico-thum{width: 48px; height: 48px; border-radius: 12px; border: solid 2px #6c63f2; margin-right: 15px; position: absolute; left: 0;}
    .joinWrap .ico-thum:after{width: 22px; height: 22px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-pin-check.png) left/100% no-repeat; display: block; content: ''; position: absolute; right: -5px; top: -5px;}
    .joinWrap .ico-thum img{width: 100%; object-fit: cover; }
    .joinWrap .desc{display: flex; flex-direction: column; align-items: flex-start; color: #3a3b3c; font-size: 14px; letter-spacing:-0.01px;}
    .joinWrap .desc span:last-child{margin-top: 76px; font-weight: 500; color: #101010;}
    .joinWrap .desc span b{color: #32ab8c; font-weight: bold;}

    .joinWrap .info-bottom{height: 50px; display: flex; align-items: center; padding: 40px 0 47px 0; box-sizing: border-box;}
    .joinWrap .info-bottom p{font-size: 16px; letter-spacing: -0.01px; color: #222; font-weight: 500; display: flex; justify-content: space-between; width: 100%; line-height: 28px;}
    .joinWrap .info-bottom p span{font-size: 16px;}
    .joinWrap .info-bottom p span:first-child{width: 175px;}
    .joinWrap .info-bottom p span b{font-size: 20px; color: #3a3b3c;}
    .joinWrap .info-bottom p span:last-child{font-size: 14px; color: #5e6062;}

    .joinWrap .info-total{border-top: 2px solid #000000; height: 60px; display: flex; align-items: center; box-sizing: border-box;}
    .joinWrap .info-total > span{font-size: 16px; color: #101010; letter-spacing: -0.4px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .joinWrap .info-total > span strong{font-size: 20px; font-weight: bold; color: #0d89e8;  letter-spacing: -0.5px; margin-left: auto;}
    .joinWrap .info-total > span .tt-1{font-size: 14px; color: #5e6062; margin-left: -0.35px; margin-left: 9px;}

    .joinWrap .info-box2{box-sizing: border-box; background-color: #fff; position: relative; overflow: hidden; border-top: 10px solid #f5f5f5; border-bottom: 2px solid #000;}
    .joinWrap .info-box2 .info-tit{font-size: 16px; font-weight: bold; color: #101010; padding: 17px 16px 34px;}
    .joinWrap .info-box2 .rd-list{display: flex; align-items: center; margin-bottom: 26px; font-size: 14px; color: #5e6062; padding-left: 16px; line-height: 1;}
    .joinWrap .info-box2 .rd-list li{position: relative; padding-left: 30px;}
    .joinWrap .info-box2 .rd-list li:first-child{margin-right: 17%;}
    .joinWrap .info-box2 .rd-list li .toolip{width: 127px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/m_bg_tooltip_6.png) left/100% no-repeat; display: block; position: absolute; right: -36px; top: -33px; font-size: 12px;
        color: #000; display: flex; align-items: flex-start; justify-content: center; font-weight: 500; box-sizing: border-box; padding-left: 3px; padding-top: 5px;}
    .joinWrap .info-box2 .rd-list li .toolip b{margin-left: 4px;}

    .joinWrap .info-box2 .rd-list li .rdbox{display:inline-flex; justify-content: flex-start; align-items:center;}
    .joinWrap .info-box2 .rd-list li .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;}
    .joinWrap .info-box2 .rd-list li .rdbox input[type=radio]:checked{background: #0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .joinWrap .info-box2 .rd-list li .rdbox input[type=radio]:checked + span{color: #3f88e1;}
    .joinWrap .info-box2 .rd-list li .rdbox span{font-weight: bold;}

    .joinWrap .info-box2 .msg-box{margin: 0 16px 37px; padding: 19px 22px; border-radius: 12px; border: solid 1px #e5e5e5; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #5e6062; line-height: 24px;}
    .joinWrap .info-box2 .msg-box p{text-align: left;}

    .joinWrap .info-box2 .msg-tt{text-align: center; margin:0 16px 24px; font-size: 14px; color: #222; line-height: 24px;}
    .joinWrap .info-box2 .msg-tt span{font-size: 18px; letter-spacing: -0.45px; color: #0d89e8; font-weight: bold;}

    .joinWrap .info-box2 .tab-box{}
    .joinWrap .info-box2 .tab-box .tab-btn-area{display: flex; align-items: center;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a{width: 50%; text-align: center; font-size: 16px; color: #222; background: #b3b7ba; opacity: 0.3; height: 54px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 12px 12px 0 0;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a.on{color: #222; font-weight: bold; opacity: 1; background: #f9f9fa;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a > span{height: 100%; display: flex; align-items: center; padding: 0 19px; position: relative;}
    .joinWrap .info-box2 .tab-box .tab-btn-area a.on > span::after{display: block; position: absolute; content: ''; width: 100%; height: 2px; background: #000; left: 0; bottom: 0;}

    .joinWrap .info-box2 .tab-box .tab-con{background: #f9f9fa; box-sizing: border-box; padding-bottom: 16px;}
    .joinWrap .info-box2 .tab-box .card-list{text-align: center; padding: 41px 43px 0;}
    .joinWrap .info-box2 .tab-box .card-list .add-card{background: #f0f9ff; border: 1px solid #8cabc3; border-radius: 8px; box-sizing: border-box; position: relative;}
    .joinWrap .info-box2 .tab-box .card-list .add-card span{position: absolute; display: flex; justify-content: center; width: 100%; color: #8cabc3; font-size: 14px; font-weight: 500; margin-top: 27px;}
    .joinWrap .info-box2 .tab-box .card-list .add-card img{width: 100%;}
    .joinWrap .info-box2 .tab-box .card-list .card-prev{width: 26px; height: 135px; background:#f9f9fa url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-card-arr.png) center no-repeat; font-size: 0; position: absolute; top: 31px; left: 0; line-height: 0; z-index: 10; display: none;}
    .joinWrap .info-box2 .tab-box .card-list .card-next{width: 26px; height: 135px; background:#f9f9fa 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: 31px;
        line-height: 0; z-index: 10; font-size: 0; display: none;}
    .joinWrap .info-box2 .tab-box .card-list .swiper-slide.swiper-slide-active .card-select{position: relative; border: 2px solid #0e89e8; border-radius: 10px; box-shadow: 0 4px 10px 0 #9fafba; }
    .joinWrap .info-box2 .tab-box .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;}
    .joinWrap .info-box2 .tab-box .card-list .swiper-slide.card-empty{display: none;}
    .joinWrap .info-box2 .tab-box .card-list .card-select .act-info{position: absolute; display: flex; flex-direction: column; align-items: flex-start; left: 18px; bottom: 24px; font-size: 12px; color: #222; }
    .joinWrap .info-box2 .tab-box .card-list .card-select .act-info span{opacity: 0.5;}
    .joinWrap .info-box2 .tab-box .card-list .card-select .act-info .act-num{font-size: 14px; color: #fff; opacity: 1; font-weight: bold;}
    .joinWrap .info-box2 .tab-box .card-list .card-select img{width: 100%;}
    .joinWrap .info-box2 .tab-box .card-sel{margin: 12px auto 0; max-width:692px;}
    .joinWrap .info-box2 .tab-box .card-sel select{width: 214px; height: 31px; border-radius: 2px; border: solid 1px #c8c8c8; background-color: #fff; box-sizing: border-box; font-size: 12px; color: #85888d;
        background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-sel-arr.png) 94% center no-repeat;}
    .joinWrap .info-box2 .tab-box .card-sel .card-name{width: 214px; display: block; text-align: center;}

    .joinWrap .info-box2 .info-tt{text-align: left; font-size: 14px; line-height: 22px; color: #5e6062; margin-bottom: 34px; padding: 0 31px;}
    .joinWrap .info-box2 .info-tt br{display: none;}
    .joinWrap .info-box2 .info-tt .tt-1{color: #101010; font-weight: 500; margin-bottom: 9px;}
    .joinWrap .info-box2 .file-box{ border-radius: 12px; border: 2px solid #8cabc3; background: #f0f9ff; box-sizing: border-box; padding: 0 31px 28px 31px; display: flex; align-items: flex-start; margin:0 16px 18px 16px; flex-direction: column; position: relative;}
    .joinWrap .info-box2 .file-box .tt-group{margin-top:28px; color: #101010; text-align: center; }
    .joinWrap .info-box2 .file-box .tt-group .tt-1{font-size: 14px; color: #101010; line-height: 24px; margin-bottom: 80px;}
    .joinWrap .info-box2 .file-box .tt-group .tt-1 span{letter-spacing: -0.35px; color: #0d89e8; font-weight: bold;}
    .joinWrap .info-box2 .file-box .tt-group .tt-2{font-size: 12px; font-weight: 500; color: #5e6062;}
    .joinWrap .info-box2 .file-box .tt-group .tt-2 .bar{margin: 0 4px; font-weight: normal;}

    .joinWrap .info-box2 .file-box .btn-area{margin: 49px 0 0 auto;position: absolute;left: 50%;margin-left: -90px;top: 91px;}
    .joinWrap .info-box2 .file-box .btn-add{width: 180px; height: 33px; font-size: 14px; color: #101010; border-radius: 8px; border: solid 1px #707070; background: #fff; display: flex; justify-content: center; box-sizing: border-box; cursor: pointer;}
    .joinWrap .info-box2 .file-box .btn-add input[type="file"]{position: absolute; width: 0; height: 0; overflow: hidden;}

    .joinWrap .info-box2 .file-box .btn-area .upload-box{position: relative; display: none;}
    .joinWrap .info-box2 .file-box .btn-area .upload-box .btn-del{display: block; width: 24px; height: 24px; font-size: 0; text-indent: -999999px; right: 5px; top: 5px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/btn-del.png) left/100% no-repeat; position: absolute;}
    .joinWrap .info-box2 .file-box .btn-area .file-upload{height: 33px; background: #e7e9eb; border-radius: 8px; border: solid 1px #707070;  position: relative; font-size: 14px; color: #010101; box-sizing: border-box; padding: 0 30px 0 10px;}

    .joinWrap .info-box2 .file-box .btn-add span{display: flex; align-items: center; justify-content: center;}
    .joinWrap .info-box2 .file-box .btn-add span::before{width: 11px; height: 11px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-add.png) left/100% no-repeat; content: ''; margin-right: 6px;}
    .joinWrap .info-box2 .file-box .btn-area .desc{font-size: 10px; color: #85888d; text-align: center; margin-top: 3px; display: block;}
    .joinWrap .info-box2 .info-list{font-size: 14px; letter-spacing: -0.3px; color: #5e6062; margin-bottom: 45px; padding: 0 16px;}
    .joinWrap .info-box2 .info-list li{margin-bottom: 6px; line-height: 20px;}

    .joinWrap .agr-area{padding: 27px 16px 62px; background: #f5f5f5; border-bottom: 1px solid #0d89e8 ; margin-top: 0;}
    .joinWrap .agr-area .agr-tit{font-size: 16px; color: #222222; font-weight: bold; margin-bottom: 26px; letter-spacing: -0.01px; text-align: left;}
    .joinWrap .agr-area .agr-all{margin-bottom: 6px; text-align: left;}
    .joinWrap .agr-area .agr-all .chkbox{display:inline-flex; justify-content: flex-start; align-items:center;}
    .joinWrap .agr-area .agr-all .chkbox input[type="checkbox"]{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;}
    .joinWrap .agr-area .agr-all .chkbox input[type="checkbox"]:checked{background: #0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk.png) center no-repeat;}
    .joinWrap .agr-area .agr-all .chkbox span{font-weight: 500; color: #010101; letter-spacing: -0.07px;}

    .joinWrap .agr-area .agr-list{}
    .joinWrap .agr-area .agr-list .chkbox{display:inline-flex; justify-content: flex-start; align-items:flex-start; width: 100%;}
    .joinWrap .agr-area .agr-list .chkbox input[type="checkbox"]{cursor:pointer; outline:none; display:flex; background:url(https://resource.mall.castingn.com/static/images/ico-rd-chk2.png) center no-repeat; width:21px; height:21px; overflow:hidden; appearance: none;
        -moz-appearance: none; -webkit-appearance: none;}
    .joinWrap .agr-area .agr-list .chkbox input[type="checkbox"]:checked{background:url(https://resource.mall.castingn.com/static/images/ico-rd-chk3.png) center no-repeat;}
    .joinWrap .agr-area .agr-list .chkbox span{font-size: 12px; color: #5e6062; width: calc(100% - 25px); letter-spacing: -0.84px; text-align: left;}
    .joinWrap .agr-area .agr-list .chkbox span b{font-weight: normal; color: #0d89e8;}

    .delivery-btn-area{display: flex; justify-content: center; margin-top: 19px;}
    .delivery-btn-area .btn-comp{
        display:flex;
        align-items:center;
        justify-content:center;
        width:200px;
        height: 50px;
        border-radius:25px;
        background: #0d89e8;
        /*background: -moz-linear-gradient(164deg, 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(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -o-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: -ms-linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        background: linear-gradient(164deg, rgba(89,187,147,1) 0%, rgba(14,137,232,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59bb93', endColorstr='#0e89e8', GradientType=1 );*/
    }

    .delivery-btn-area .btn-comp.btn-wide{width: 238px;}
    .delivery-btn-area .btn-comp span{font-size:16px; font-weight:bold; color:#fff;}
    /* e: 스마트핀클럽 서브 */


    /* s: 스마트핀클럽 서브 */
    .joinWrap {
        padding-bottom: 116px;
        font-family: Pretendard;
    }

    [class*='floor-'] > [class*='area'] {
        width: auto;
        margin: 0 auto;
        padding: 0 0;
    }
    .join02 [class*='floor-'] > [class*='area'] {
        width: auto;
    }

    .floor-desc-01 {
        line-height: 1.33;
        padding: 32px 0 21px;
        letter-spacing: -0.45px;
        text-align: center;
        font-size: 18px;
        color: #222;
    }
    .floor-desc-01 .desc-01 {
        margin-bottom: 7.5px;
        color: #222;
    }
    .floor-desc-01 .desc-02 {
        color: #5e6062;
    }
    .floor-desc-01 .desc-02 strong {
        display: block;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.14;
        color: #292929;
    }
    .floor-desc-01 .desc-02 strong:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }
    .floor-desc-01 .desc-02 span {
        color: #0d89e8;
    }


    .floor-infoBenefit {
        padding: 23px 0 16px;
        background-image: linear-gradient(to right, #32ab8c, #0d89e8);
    }
    .floor-infoBenefit .area {
        display: flex;
        flex-wrap: wrap;
        padding: 0 16px;
    }
    .floor-infoBenefit .area .title {
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        color: #fff;

        order: 1;
    }
    .floor-infoBenefit .area .period {
        width: 100%;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.01px;
        color: #fff;

        order: 3;
    }
    .floor-infoBenefit .area .period:before {
        content: "오늘가입시";
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        padding: 0 5px;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #1a8985;

        border-radius: 6px;
        color: #1a8985;
        background: #e2f8f1;
    }
    .floor-infoBenefit .area ul.list-benefit {
        display: flex;
        width: 100%;
        margin-top: 16px;
        margin-bottom: 9px;

        order: 2;
    }
    .floor-infoBenefit .area ul.list-benefit > li {
        height: 40px;
        line-height: 40px;
        margin: 0 8px 11px 0;
        padding: 0 10px;
        font-size: 16px;
        font-weight: bold;
        color: #222;
        border-radius: 20px;
        background: #fff;

        white-space: nowrap;
    }
    .floor-infoBenefit .area ul.list-benefit > li.smart:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }

    .floor-selectService {
        padding: 62px 0 0;
        background: #f5f5f5;
    }

    .floor-selectService > .info {
        line-height: 25px;
        margin-bottom: 28px;
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        color: #292929;
        display: block;
    }
    .floor-selectService > .info strong {
        position: relative;
        font-weight: 500;
        color: #ff7efa;
    }
    .floor-selectService > .info strong .tooltip {
        position: absolute;
        left: 18px;
        top: -36px;
        height: 26px;
        line-height: 26px;
        padding: 0 75px 0 9px;
        white-space: nowrap;

        font-size: 12px;
        font-weight: 500;
        color: #725cfb;
        border: solid 1px #5878fe;
        border-radius: 10px;
        background-color: #fff;
    }
    .floor-selectService > .info strong .tooltip img {
        display: inline-block;
        width: 67px;
        margin-top: -2px;
        vertical-align: middle;
    }
    .floor-selectService > .info strong .tooltip:before {
        content: "";
        position: absolute;
        left: 10px;
        bottom: -6px;
        width: 8px;
        height: 6px;

        border-radius: 6px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip_4.png) no-repeat center center / cover;
    }
    .floor-selectService > ul.list-selectService {
        display: flex;
        justify-content: center;
    }
    .floor-selectService > ul.list-selectService > li {
        width: 60px;
        margin: 0 8px;
        text-align: center;
    }
    .floor-selectService > ul.list-selectService > li.kit-select {
        position: relative;
        width: 60px;
        margin-bottom: 18px;
    }
    .floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        opacity: 0;
        z-index: 2;
        cursor: pointer;
    }
    .floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] + label {
        position: relative;
        width: 60px;
        left: 0;
        top: 0;
        cursor: pointer;
    }
    .floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] + label:before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        border: 3px solid #b3b7ba;
        border-radius: 22px;
        box-sizing: border-box;
        background-image: linear-gradient(to bottom, #9dceff, #5310e8);
    }
    .floor-selectService > ul.list-selectService > li.kit-select input[type='radio']:checked + label:before {
        border: 0 solid transparent;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/border_01.png) no-repeat center center / cover;
        background-image: linear-gradient(to bottom, #9dceff, #5310e8);
    }
    .floor-selectService > ul.list-selectService > li.kit-select input[type='radio'] + label img {
        position: relative;
        width: 54px;
        height: 54px;
        margin: 3px 3px 9px;
        border-radius: 20px;
        z-index: 2;
    }
    .floor-selectService > ul.list-selectService > li h6 {
        line-height: 1.33;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: -1.5px;
        color: #2c2c2c;
    }


    .floor-info-01 {
        background: #f5f5f5;
        padding-bottom: 16px;
    }
    .floor-info-01 .area {
        margin: 0 16px;
        padding: 20px 16px;
        border-radius: 24px;
        font-size: 15px;
        line-height: 1.67;
        color: #2c2c2c;
        background: #fff;
    }
    .floor-info-01 .area > p {
        position: relative;
        padding-left: 10px;
    }
    .floor-info-01 .area > p:before {
        content: "-";
        position: absolute;
        left: 0;
        top: 0;
    }


    .floor-calc {
        padding-bottom: 50px;
        background: #f5f5f5;
    }
    .floor-calc .area {
        padding: 0 16px;
    }
    .floor-calc .area > div {
        display: flex;
        padding-bottom: 7.5px;
        border-bottom: 1px solid #e7e9eb;
    }
    .floor-calc .area > div:last-child {
        border-bottom: 0 none;
    }

    .floor-calc .area .line-members {
        display: flex;
        justify-content: space-between;
    }
    .floor-calc .area .line-members .title {
        width: 50%;
        font-size: 15px;
        font-weight: 500;
        color: #0d89e8;
    }
    .floor-calc .area .line-members .amount {
        position: relative;
        /* padding-right: 16px; */
        font-size: 15px;
        font-weight: 500;
        color: #5e6062;
    }
    .floor-calc .area .line-members .amount input {
        width: 57px;
        height: 28px;
        margin: 0 10px 0 0;
        padding: 0 10px;
        border-radius: 8px;
        border: solid 2px #3f88e1;
        background: #f2f9fe;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        color: #3f88e1;
    }
    .floor-calc .area .line-members .amount input + i {
        display: inline-block;
        width: 15px;
        height: 15px;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.31;
        letter-spacing: -0.4px;
        text-align: center;
        color: #b3b7ba;
        border-radius: 50%;
        border: solid 1px #b4b7ba;
        background-color: #fff;
    }
    .floor-calc .area .line-members .amount input + i:before {
        content: "?";
    }

    .tooltip-cost {
        position: absolute;
        left: initial;
        right: 12px;
        top: 800px;
        width: 350px;
        line-height: 1.33;
        padding: 20px 16px;
        font-size: 12px;
        letter-spacing: normal;
        text-align: left;
        border-radius: 10px;
        color: #023b69;
        border: solid 1px #8fc5fa;
        background-color: #f2f9fe;
        box-sizing: border-box;
        z-index: -1;

        opacity: 0;

        transition: all 0.5s ease;
    }
    .tooltip-cost.on {
        opacity: 1;
        z-index: 10;
    }
    .tooltip-cost:before {
        content: "";
        position: absolute;
        right: 20px;
        bottom: -10px;
        width: 14px;
        height: 10px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip_5.png) no-repeat center center / cover;
    }

    .floor-calc .area .line-cash {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
    }
    .floor-calc .area .line-cash .title {
        width: 50%;
        font-size: 15px;
        font-weight: 500;
        color: #0d89e8;
    }
    .floor-calc .area .line-cash .amount {
        position: relative;
        padding-right: 36px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        color: #5e6062;
    }
    .floor-calc .area .line-cash .amount span {
        margin: 0 10px 0 0;
        text-align: right;
        font-size: 15px;
        font-weight: bold;
        color: #0d89e8;
    }

    .floor-calc .area .line-point {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        padding: 20px 0;
    }
    .floor-calc .area .line-point .title {
        width: 50%;
        font-size: 15px;
        font-weight: 500;
        color: #5e6062;
    }
    .floor-calc .area .line-point .amount {
        position: relative;
        padding-right: 36px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.5px;
        color: #5e6062;
    }
    .floor-calc .area .line-point .amount span {
        margin: 0 10px 0 0;
        text-align: right;
        font-size: 15px;
        font-weight: bold;
        color: #0d89e8;
    }

    .floor-calc .area .line-total {
        display: flex;
        justify-content: end;
        height: 68px;
        line-height: 68px;
        padding: 0 40px;
        border-radius: 12px;
        background: #023b69;

        display: block;
        text-align: right;
    }
    .floor-calc .area .line-total .title {
        display: inline-block;
        margin-right: 22px;
        vertical-align: top;
        font-size: 15px;
        font-weight: 500;
        color: #ffffff;
    }
    .floor-calc .area .line-total .amount {
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        color: #ffffff;
    }
    .floor-calc .area .line-total .amount span {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -0.7px;
        text-align: right;
        color: #1cf5d4;
    }


    .floor-benefit {
        padding: 0 0 0;
        /* background-image: linear-gradient(to right, #32ab8c, #0d89e8); */
    }
    .floor-benefit .area {
    }
    .floor-benefit .area h5 {
        margin-bottom: 0;
        padding: 24px 0 16px;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -0.55px;
        color: #101010;
    }
    .floor-benefit .area .block-benefit {
        margin-bottom: 10px;
        padding: 0 16px;
        border-radius: 0;
        border: 0 none;
        background-color: #fff;
    }
    .floor-benefit .area .block-benefit .line-benefit {
        display: flex;
        justify-content: start;
        flex-direction: column;
        border-bottom: 1px solid #e7e9eb;
    }
    .floor-benefit .area .block-benefit .kind {
        display: flex;
        justify-content: space-between;
        width: 100%;
        line-height: 27px;
        padding: 17px 0;
        box-sizing: border-box;
    }
    .floor-benefit .area .block-benefit .kind .tag {
        display: inline-block;
        height: 27px;
        line-height: 27px;
        margin-bottom: 0;
        padding: 0 0;
        font-size: 14px;
        font-weight: 500;
        color: #0d89e8;
        /* 		border-radius: 15px;
              border: solid 1px #707070;
              background-color: #fff; */
    }
    .floor-benefit .area .block-benefit .kind .period {
        display: flex;
        justify-content: end;
        font-size: 14px;
        line-height: 27px;
        color: #5e6062;
    }
    .floor-benefit .area .block-benefit .kind .period h6 {
        font-size: 14px;
        line-height: 27px;
        margin-right: 5px;
        color: #5e6062;
    }
    .floor-benefit .area .block-benefit .desc {
        width: 100%;
        padding: 0 15px 20px 0;
        font-size: 14px;
        font-weight: 500;
        color: #010101;
        box-sizing: border-box;
    }
    .floor-benefit .area .block-benefit .desc .set-benefit {
        line-height: 1.57;
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: 500;
        color: #010101;
    }
    .floor-benefit .area .block-benefit .desc .set-benefit span:after {
        content: "/";
        display: inline-block;
        margin: 0 3px;
    }
    .floor-benefit .area .block-benefit .desc .set-benefit span:last-child:after {
        content: "";
    }
    .floor-benefit .area .block-benefit .desc .set-benefit .smart:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0 2px -4px 0;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_smart.png) no-repeat center center / cover;
    }
    .floor-benefit .area .block-benefit .desc .info-cash {
        line-height: 1.44;
        margin-bottom: 16px;
        font-size: 14px;
        color: #010101;
    }


    .floor-benefit .area .block-calc {
        margin-bottom: 10px;
        padding: 0 16px;
        border: 0 none;
        border-radius: 0;
        background-color: #fff;
    }
    .floor-benefit .area .block-calc .line-members {
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }
    .floor-benefit .area .block-calc .line-members .title {
        width: 60%;
        font-size: 15px;
        font-weight: 500;
        color: #0d89e8;
    }
    .floor-benefit .area .block-calc .line-members .kind,
    .floor-benefit .area .block-calc .line-total .kind {
        padding: 0;
    }
    .floor-benefit .area .block-calc .line-members .amount {
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.5px;
        text-align: right;
        color: #5e6062;
    }
    .floor-benefit .area .block-calc .line-members .amount span {
        line-height: 17px;
        vertical-align: middle;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -0.01px;
        text-align: right;
        color: #3f88e1;
    }

    .floor-benefit .area .block-calc .line-total {
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }
    .floor-benefit .area .block-calc .line-total .title {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.38px;
        text-align: right;
        color: #000;
    }
    .floor-benefit .area .block-calc .line-total .amount {
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.6px;
        text-align: right;
        color: #000;
    }
    .floor-benefit .area .block-calc .line-total .amount span {
        line-height: 17px;
        vertical-align: middle;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -0.6px;
        text-align: right;
        color: #000;
    }



    .floor-title {
        line-height: 1.21;
        padding: 46px 0;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        color: #222;
    }

    .wrap-tab {
        width: auto;
        margin: 0;
        padding: 0 16px;
        border-radius: 0;
        border: 0 none;
    }
    .wrap-tab h5 {
        height: 58px;
        padding: 0;
    }


    .floor-tabBtns {
        border-bottom: 0 none;
    }
    .floor-tabBtns ul.list-tabBtns {
        /* display: flex; */
        width: auto;
        padding: 0 0;
    }
    .floor-tabBtns ul.list-tabBtns > li {
        display: block;
        flex: 1 1 0;
        /* position: relative;
  flex-basis: 0;
  flex-grow: 1;
  height: 60px;
  line-height: 60px;

  font-size: 24px;
  font-weight: bold;
  color: #000;

  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
  border: solid 2px #001010;
  border-bottom: 0 none;
  background-color: #fff; */
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .floor-tabBtns ul.list-tabBtns > li:before {
        margin: -1px 5px 0 0;
        vertical-align: middle;
    }
    .floor-tabBtns ul.list-tabBtns > li .tooltip {
        position: absolute;
        top: -20px;
        left: 50%;
        height: 25px;
        line-height: 25px;
        margin: 0 0 0 -58px;
        padding: 0 10px;

        /* font-size: 15px; */
        font-weight: bold;
        text-align: center;
        color: #000;

        /* border: solid 2px #000; */
        border-radius: 15px;
        /* background-color: #ffc541; */
    }
    .floor-tabBtns ul.list-tabBtns > li .tooltip:before {
        content: "";
        position: absolute;
        display: block;
        left: 20px;
        bottom: -11px;
        width: 11px;
        height: 11px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg_tooltip_3.png) no-repeat center center / cover;
        display: none;
    }

    .floor-tabConts .tabConts .tabCont .area {
        padding: 0 0 45px;
    }
    .floor-tabConts .tabConts .tabCont .btn-card {
        width: 100%;
    }

    .block-info.agree {
        margin: 0 0 95px;
        padding: 25px 16px 50px;
    }
    .block-info.agree .title {
        margin-bottom: 17px;
        font-size: 16px;
    }
    .block-info.agree .all {
        padding-left: 0;
    }
    .block-info.agree .cont {
        padding: 0;
        margin-left: -5px;
    }


    .floor-tabConts {

    }
    .floor-tabConts .tabConts {

    }
    .floor-tabConts .tabConts .tabCont {

    }
    .floor-tabConts .tabConts .tabCont .line-info {
        padding: 26px 0;
        background: transparent;
        border: 0 none;

        font-size: 14px;
        font-weight: 300;
        line-height: 1.38;
        text-align: left;
        color: #000;
    }
    .floor-tabConts .tabConts .tabCont .line-info strong {
        display: block;
        font-weight: 500;
    }



    .floor-tabConts .tabConts .tabCont .line-infos {
        padding: 45px 0;
    }
    .floor-tabConts .tabConts .tabCont .line-infos {
        padding: 0 0 0;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area {
        width: auto;
        margin: 0 auto;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        padding: 0;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info.confirm {
        padding: 0;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info.agree {
        margin: 0 -16px;
        padding: 20px 16px 30px;
        background: #f5f5f5;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .title {
        position: relative;
        width: 200px;
        line-height: 49px;
        margin-bottom: 11px;
        font-size: 14px;
        font-weight: bold;
        color: #010101;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .title:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 30px;
        height: 2px;
        background: #000000;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info.agree .title:before {
        display: none;
    }

    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont {
        width: auto;
        padding: 37px 23px 43px;
        font-size: 15px;
        font-weight: 300;
        line-height: 1.33;
        text-align: center;
        color: #010101;


        border-radius: 24px;
        border: solid 2px #8cabc3;
        background-color: #f0f9ff;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info.confirm .title {
        display: block;
        margin: 0;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .title:before {
        display: none;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info.confirm .cont {
        width: auto;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.43;
        text-align: left;
        color: #5e6062;


        border-radius: 0;
        border: none;
        background-color: transparent;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont h6 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 12px;
        letter-spacing: 0px;
        color: #50799a;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont h6 + .desc {
        line-height: 1.43;
        margin-bottom: 33px;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #50799a;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        /* justify-content: space-around;
  align-content: space-around;
  flex-flow: column wrap; */
        width: auto;
        height: auto;
        /* padding: 20px 0;
  border-radius: 24px;
  border: solid 2px #8cabc3;
  background-color: #f0f9ff; */
        box-sizing: border-box;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > span,
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > div {
        display: block;
        width: 200px;
        text-align: center;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > span {
        /* flex: 0 0 50%; */
        order: 2;

        font-size: 14px;
        font-weight: 300;
        line-height: 1.43;
        color: #000;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > span.corpNum {
        margin-bottom: 23px;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp > div {
        flex: 0 0 100%;
    }

    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file {
        display: flex;
        flex-direction: column;
        justify-content: end;
        order: 1;

        top: 0;
        margin-bottom: 20px;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file {
        height: 33px;
        line-height: 33px;
        margin: 0 0 4px;
        padding: 0 18px;
        border-radius: 8px;
        border: solid 1px #707070;
        background-color: #fff;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file:before {
        content: "+";
        height: 14px;
        line-height: 8px;
        margin-right: 5px;
        font-size: 28px;
        color: #707070;
        vertical-align: middle;
        display: inline-block;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file.attached {
        margin-bottom: 8px;
        border: solid 1px #707070;
        background-color: #e7e9eb;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file.attached:before {
        display: none;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file.attached:after {
        content: "";
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -2px 0 0 5px;
        vertical-align: middle;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_close_02.svg) no-repeat center center / cover;
    }
    .floor-tabConts .tabConts .tabCont .line-infos .area .block-info .cont .box-corp .kit-file .btn-file + .desc {
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        color: #85888d;
    }


    .block-info .cont ul.list-check {

    }
    .block-info .cont ul.list-check > li {
        font-size: 12px;
        line-height: 2;
        color: #5e6062;
    }
    .block-info .cont ul.list-check > li input[type='checkbox'] {
        position: relative;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        border: 0 none;
        opacity: 0;
        z-index: 2;
    }
    .block-info .cont ul.list-check > li input[type='checkbox'] +label {
        position: relative;
        vertical-align: middle;
    }
    .block-info .cont ul.list-check > li input[type='checkbox'] +label:before {
        content: "";
        position: absolute;
        left: -20px;
        top: 0;
        width: 15px;
        height: 15px;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check.svg) no-repeat center center / 90%;
    }
    .block-info .cont ul.list-check > li input[type='checkbox']:checked +label:before {
        background-image: url(https://resource.mall.castingn.com/static/images/welcome/welcome/icon_check_ed.svg);
    }


    .floor-CompleteTitle {
        padding: 0 0 0;
        text-align: center;
    }
    .floor-CompleteTitle img {
        display: block;
        width: 30px;
        margin: 0 auto 10px;
    }
    .floor-CompleteTitle strong {
        display: block;
        line-height: 1.42;
        margin-bottom: 13px;
        font-size: 24px;
        font-weight: bold;
        color: #222;
    }
    .floor-CompleteTitle .desc {
        line-height: 1.33;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 500;
        color: #101010;
    }


    .floor-induce {
        padding: 20px 16px 30px;
        text-align: center;
        background-color: #eaf3f7;
    }
    .floor-induce h5 {
        margin-bottom:10px;
    }
    .floor-induce h5 img {
        width: 138px;
    }
    .floor-induce ul.list-link {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        width: auto;
        margin: 0  auto 32px;
    }
    .floor-induce ul.list-link > li {
        position: relative;
        width: auto;
        height: auto;
        margin-bottom: 9px;
        padding: 17px 20px;
        border-radius: 12px;
        background-color: #fafafa;
        box-sizing: border-box;
    }
    .floor-induce ul.list-link > li a {
        display: block;
        height: 100%;
        text-align: left;
    }
    .floor-induce ul.list-link > li a {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.27;
        letter-spacing: 0.01px;
        color: #242424;
    }
    .floor-induce ul.list-link > li a:before {
        content: "바로가기";
        position: absolute;
        display: block;
        right: 17px;
        bottom: 22px;
        width: 73px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        color: #0d89e8;
        background: transparent url(https://resource.mall.castingn.com/static/images/welcome/welcome/deco_into_m.svg) no-repeat right center;
    }
    .floor-induce ul.list-link > li:nth-child(2) a:before {
        display: none;
    }
    .floor-induce ul.list-link > li a img {
        width: 92px;
        margin-top: 9px;
    }


    .btn-styled {
        border-radius: 24px;
        box-shadow: 0 6px 10px 0 rgb(0 0 0 / 16%);
        background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
        height: 68px;
        line-height: 68px;
        padding: 0 70px;
        font-family: Pretendard;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.01px;
        text-align: center;
        color: #fff;
    }

    .fixed-btn {
        position: -webkit-sticky;
        position: sticky;
        display: flex;
        justify-content: center;
        bottom: 0;
        width: 100%;
        height: 215px;
        padding-top: 36px;
        background: #ffffff;
        z-index: 10;
    }

    .floor-benefit .area .period {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        height: 55px;
        margin: 0;
        padding: 0 16px;
        background-image: linear-gradient(277deg, #0d89e8 0%, #32ab8c 100%);
    }
    .floor-benefit .area .period h6 {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
    }
    .floor-benefit .area .period .date {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
    }


    .floor-benefit .area .block-benefit:before {
        display: none;
    }


    .floor-benefit .area .block-benefit .line-benefit {
        flex-direction: initial;
    }
    .floor-benefit .area h5 {
        height: 49px;
        line-height: 49px;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #dadce0;
    }


    .floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit {
        float: none;
        overflow: hidden;
        width: 100%;
        padding: 0;
    }
    .floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit > .title {
        float: left;
        margin: 0 5px 0 0;
        line-height: 1.57;
    }
    .floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit > .title:before {
        content: "-";
        font-size: 14px;
    }
    .floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit > .desc {
        float: left;
        width: initial;
        font-size: 14px;
        line-height: 1.57;
    }

    .floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc .kit-benefit:before {
        display: none;
    }

    .floor-benefit .area .block-benefit .line-benefit > .desc > .box-desc + .desc {
        height: auto;
        line-height: 1.64;
        margin-bottom: 16px;
        padding: 15px 0 14px 10px;
        font-size: 14px;
        background: #ecf0f4;
    }

    .floor-benefit .area .block-benefit .line-benefit > .title {
        width: 95px;
        padding: 19px 0 0;
        font-size: 16px;
    }


    .floor-benefit .area .block-benefit .line-benefit > .desc .box-selected {
        flex-direction: column;
    }

    .floor-benefit .area .block-benefit .line-benefit > .desc .box-selected > .title {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: -0.01px;
        text-align: left;
        color: #3a3b3c;
    }

    .floor-benefit .area .block-benefit .line-benefit > .desc .box-selected > .desc {
        font-size: 14px;
    }


    .floor-benefit .area .block-benefit .line-cnt {
        display: block;
        overflow: hidden;
        height: auto;
        line-height: 1.75;
        padding: 18px 0 34px;
    }
    .floor-benefit .area .block-benefit .line-cnt > .title {
        float: left;
    }
    .floor-benefit .area .block-benefit .line-cnt > .desc {
        float: right;
    }


    .floor-benefit .area .block-benefit .line-amount {
        overflow: hidden;
        padding: 0;
        background: transparent;
    }

    .floor-benefit .area .block-benefit .line-amount > .title {
        float: left;
    }
    .floor-benefit .area .block-benefit .line-amount > .desc {
        float: right;
    }

    .floor-benefit .area .block-benefit .line-benefit > .desc .box-selected .unit-logo {
        margin: 15px 0 14px;
    }


    .floor-benefit .area .block-benefit .line-benefit > .desc {
        width: calc(100% - 95px);
        padding-right:0;
    }

    .join02 .wrap-tab {
        width: auto;
    }

    .floor-benefit .area .block-benefit .desc {
        width: auto;
    }

    .fixed-btn {
        /* display: none; */
        position: fixed;
        /* bottom: 55px; */
        height: 95px;
        padding: 0;
    }

    .fixed-btn.type1{bottom: 0;}
    .fixed-btn.type1.on{bottom: 55px;}

    .fixed-btn:before {
        height: 1px;
    }
    .fixed-btn .btn-join {
        width: 238px;
        height: 50px;
        line-height: 50px;
        border-radius: 12px;
        font-size: 16px;
        box-sizing: border-box;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    }

    .complete-area {padding: 0px 16px;}
    .complete-area .complete-tt{text-align: center; padding-top: 60px;}
    .complete-area .complete-tt::before{width: 30px; height: 39px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-complete.png) left/100% no-repeat; display: block; content: ''; margin: auto;}
    .complete-area .complete-tt p{font-size: 16px; color: #101010; line-height: 1.26; letter-spacing: -0.4px;}
    .complete-area .complete-tt strong{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 10px; display: block;}

    .complete-area .point-tt-box{height: 127px; background: #f4f7fa; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-top: 26px;}
    .complete-area .point-tt-box p{font-size: 18px; font-weight: bold; color: #010101; }
    .complete-area .point-tt-box p span{font-size: 22px; color: #0d89e8;}

    .complete-area .mypage-logo{margin-top: 50px; display: flex; justify-content: center;}
    .complete-area .mypage-logo i{width: 220px; height: 65px; text-indent: -999999px; font-size: 0; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/logo_market9.png) left/100% no-repeat; image-rendering: -webkit-optimize-contrast;}

    .complete-area .complete-list{margin-top: 26px;}
    .complete-area .complete-list ul{display: flex; align-items: center; flex-direction: column;}
    .complete-area .complete-list ul li{ box-sizing: border-box; position: relative; width: 100%; margin: 0 0 9px 0;}
    .complete-area .complete-list ul li:first-child{margin-left: 0;}
    .complete-area .complete-list ul li .item-thum{height: 242px;}
    .complete-area .complete-list ul li .item-thum img{width: 100%; height: 100%;}
    .complete-area .complete-list ul li .item-name{font-size: 18px; color: #222; font-weight: 600; margin: 15px 0 0 20px; display: block;}
    .complete-area .complete-list ul li .price-area{display: flex; align-items: center; justify-content: space-between; margin-top: 4px; padding: 0 20px;}
    .complete-area .complete-list ul li .price-area .sales{font-size: 25px; letter-spacing: -0.63px; line-height: 1.41; color: #32ab8c; font-weight: bold;}

    .complete-area .complete-list ul li .price-area .price-tt{font-size:20px; color: #0d89e8; letter-spacing: -0.8px;}

    .complete-area .complete-list ul li.item-1, .complete-area .complete-list ul li.item-1-1{height: 100px; border-radius: 12px; padding: 15px 0 0 18px; background: #3da1ed;}
    .complete-area .complete-list ul li.item-1-1:before{content: ''; width: 113px; height: 91px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg4.png) left/100% no-repeat; position: absolute; right: 6px; bottom: -1px; display: block;}

    .complete-area .complete-list ul li.item-2{background: #0c9882; height: 100px; border-radius: 12px; padding: 15px 0 0 18px;}
    .complete-area .complete-list ul li.item-2 p.tt-1{font-size: 12px; font-weight: normal; display: flex; align-items: center;}
    .complete-area .complete-list ul li.item-2 .ico-pinclub{width: 20px; height: 20px; margin-right: 5px; background:#fff url(/images/common/ico-pin-logo.png) left/100% no-repeat; border-radius: 50%;}
    .complete-area .complete-list ul li.item-3{background-image: linear-gradient(152deg, #7f4ef9 24%, #4f81ff 106%); height: 100px; border-radius: 12px; padding: 15px 0 0 18px;}

    .complete-area .complete-list ul li.item-1:before{content: ''; width: 70px; height: 81px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg0.png) left/100% no-repeat; position: absolute; right: 20px; bottom: 10px; display: block;}
    .complete-area .complete-list ul li.item-2.bg-ty1::before{content: ''; width: 80px; height: 91px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg3.png) left/100% no-repeat; position: absolute; right: 28px; bottom: 4px; display: block;}
    .complete-area .complete-list ul li.item-2:before{content: ''; width: 110px; height: 125px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg1.png) left/100% no-repeat; position: absolute; right: 8px; bottom: -13px; display: block;}
    .complete-area .complete-list ul li.item-3:before{content: ''; width: 130px; height: 159px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/pin-bg2.png) left/100% no-repeat; position: absolute; right: 0; bottom: 0; display: block;}

    .complete-area .complete-list ul li p.tt-1{color: #fff; font-size: 12px; font-weight: normal;}
    .complete-area .complete-list ul li p.tt-2{color: #fff; font-size: 18px; line-height: 1.27; letter-spacing: 0.01px; font-weight: 600; margin-top: 6px;}
    .complete-area .complete-list ul li .btn-go{display: none; width: 77px; color: #Fff; font-size: 14px; font-weight: 500; border-bottom: 1px solid #fff; margin-top: 12px; padding-bottom: 5px; position:relative;}
    .complete-area .complete-list ul li .btn-go:after{position: absolute;content: ''; width: 1px; height: 12px; right: 2px; bottom: -2px; background: #fff; transform: rotate(-45deg);}
    /* e: 스마트핀클럽 서브  */

    /* s: 핀스퀘어 메인 */
    .welfare-cvc-wrap .cvc-banner {box-sizing: border-box; }
    .welfare-cvc-wrap .cvc-banner > div{display: flex; flex-direction: column; padding: 18px 16px; position: relative; }
    .welfare-cvc-wrap .cvc-banner > div::after{width: 139px; height: 138px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg-pinsq1.png) left/100% no-repeat; content: ''; right: 12px; top: 68px; position: absolute;}
    .welfare-cvc-wrap .cvc-banner > div::before{width: 64px; height: 42px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/bg-pinsq2.png) left/100% no-repeat; content: ''; right: 51px; top:10px; position: absolute;}

    .welfare-cvc-wrap .cvc-banner .img-tt{color: #7d50f9;font-weight: bold;font-size: 20px;line-height: 2.13;}
    .welfare-cvc-wrap .cvc-banner .img-pinsq{width: 271px; height: 71px; margin-top: -8px;}
    .welfare-cvc-wrap .cvc-banner .img-pinsq img{width: 100%;}

    .welfare-cvc-wrap .cvc-banner .banner-tt1{font-size: 22px; color: #000; letter-spacing: -0.7px; line-height: 24px; font-weight: bold; margin-top: 7px; display: flex; align-items: flex-start; flex-direction: column; }
    .welfare-cvc-wrap .cvc-banner .banner-tt1 .ico-smtpin{background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-smtpin.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; width: 163px; height: 34px; margin: 6px 0;}
    .welfare-cvc-wrap .cvc-banner .banner-tt2{font-size: 14px; line-height: 20px; letter-spacing: -0.5px; color: #464646; margin-top: 24px; word-break: keep-all;}
    .welfare-cvc-wrap .cvc-banner .banner-tt2 br{display: none;}

    .welfare-cvc-wrap .pinsq-guide-area{background: #3e69f9;}
    .welfare-cvc-wrap .pinsq-guide-area > div{padding: 29px 16px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt{font-size: 14px; color: #fff; letter-spacing: -0.8px;line-height: 24px;font-weight: normal;display: flex; flex-direction: column; align-items: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt span{font-weight: 600; letter-spacing: 0.01px; line-height: 30px; margin-top: 4px; font-size: 22px; text-align: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt span b{color: #02fc94; margin: 0 6px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-tt .ico-smtpin2{width: 156px; height: 34px; background: url(https://resource.mall.castingn.com/static/images/welcome/welcome/ico-smtpin2.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; display: inline-block; vertical-align: 10px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area{display: flex; margin-top: 20px; align-items: center; flex-direction: column;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-left{width: 100%; padding: 24px 20px; background: #fff; border-radius: 0 0 12px 12px; box-sizing: border-box; position: relative;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-right{ width: 100%; padding: 20px 0 0; background: #fff; border-radius: 0 0 12px 12px; box-sizing: border-box; position: relative; overflow: hidden; display: none;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-tit{color: #0b83fe; letter-spacing: -0.55px; line-height: 24px; font-size: 20px; font-weight: 600; text-align: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-left .box-tit span{text-decoration: underline; color: #02fc94; margin: 0 5px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-right .box-tit span{font-weight: bold; color: #ff9bdc; margin: 0 3px;}

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li{ font-size: 16px; color: #222; font-weight: bold; letter-spacing: -0.45px;  position: relative; display: flex; align-items: center; box-sizing: border-box;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li span{display: flex; flex-direction: column; border-bottom: 1px solid #e1e1e1; padding: 11px 0 8px 0; width: calc(100% - 98px); margin-left: 15px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li span b{font-weight: normal; color: #0d89e8; margin-bottom: 3px; word-break: keep-all;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li:last-child{border-bottom: none;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li::before{width: 98px; height: 84px; left: 0; top: 0; content: '';}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc1::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc1.png) left/100% no-repeat;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc2::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc2.png) left/100% no-repeat;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc3::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc3.png) left/100% no-repeat;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list1 li.ico-svc4::before{background: url(https://resource.mall.castingn.com/static/images/welfare/ico-svc4.png) left/100% no-repeat;}

    /*
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2{display: flex; align-items: center; margin-top: 33px; justify-content: center; flex-wrap:wrap;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li{margin-right: 8px; display: flex; flex-direction: column; align-items: center;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li:last-child{margin-right: 0;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i{width: 76px; height: 76px; margin-bottom: 5px;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc1{background: url(/images/welfare/ico-pinsvc1.png) left/100% no-repeat;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc2{background: url(/images/welfare/ico-pinsvc2.png) left/100% no-repeat;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc3{background: url(/images/welfare/ico-pinsvc3.png) left/100% no-repeat;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc4{background: url(/images/welfare/ico-pinsvc4.png) left/100% no-repeat;}
	.welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc5{background: url(/images/welfare/ico-pinsvc5.png) left/100% no-repeat;}
	*/

    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2{display: flex; align-items: center; margin-top: 33px; justify-content: center; flex-wrap:wrap;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li{margin-right: 8px; display: flex; flex-direction: column; align-items: center;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li:last-child{margin-right: 0;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i{width: 76px; height: 76px; margin-bottom: 5px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc1{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum1.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 76px;	height: 76px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc2{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum2.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 76px;	height: 76px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc3{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum3.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 76px;	height: 76px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc4{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum9.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 76px;	height: 76px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .svc-list2 li i.ico-pinsvc5{background: url(https://resource.mall.castingn.com/static/images/welfare/co-thum5.png) left/100% no-repeat;border-radius: 20%;	border: solid 4px #DDDDDD;	width: 76px;	height: 76px;}


    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg{bottom: 0; width: 100%; left: 0; background: #d8ecfc; text-align: center; border-radius: 12px 12px 0 0; position: relative; padding: 15px 0 22px 0; margin-top: 18px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg::before{content: ''; width: 35px; height: 28px; background: url(https://resource.mall.castingn.com/static/images/welfare/ico-coin.png) left/100% no-repeat; display: block; margin: auto;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg::after{position: absolute; content: ''; left: 50%; top: -10px; border-bottom: 10px solid #d8ecfc; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: -3px;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg span{font-size: 20px; font-weight: bold; color: #030303; letter-spacing: -0.9px; line-height: 34px; margin-top: 5px; display: block;}
    .welfare-cvc-wrap .pinsq-guide-area .guide-box-area .box-msg span b{color: #0083fe;}
    .welfare-cvc-wrap .pinsq-guide-area .pinsq-btn{margin-top: 31px; display: flex; justify-content: center;}
    .welfare-cvc-wrap .pinsq-guide-area .pinsq-btn a{display: flex; width: 100%; height: 57px; background: #fff; border-radius: 12px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); color: #000; align-items: center; justify-content: center; font-size: 18px; font-weight: bold;}
    .welfare-cvc-wrap .pinsq-guide-area .pinsq-btn a span{color: #0083fe; margin-right: 5px;}

    .welfare-cvc-wrap .guide-tab{display: flex; align-items: center; width: 100%;}
    .welfare-cvc-wrap .guide-tab a{width: 50%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 12px 12px 0 0; background: #425ad1; height: 42px; color: rgba(255, 255, 255, 0.3); font-size: 18px; letter-spacing: -0.45px;}
    .welfare-cvc-wrap .guide-tab a.select{color: #fff; background: #0083fe;}

    .welfare-cvc-wrap .srv-tit{font-size: 20px; line-height: 34px; color: #222; font-weight: bold; margin: 28px 0 12px 0; display: block;}
    .welfare-cvc-wrap .srv-tit strong{color: #0083fe;}
    .welfare-cvc-wrap .pinsq-srv-list > div{padding: 0 16px;}
    .welfare-cvc-wrap .pinsq-srv-list ul{display:grid; row-gap: 16px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li{border: 1px solid #c8c8c8; border-radius: 8px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum{border-radius: 8px 8px 0 0; position: relative; height: 184px; }
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum.no-open:after{content: 'Coming soon'; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center;
        font-size: 30px; font-weight: bold; color: rgba(255,255,255, 0.6);}

    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum img{width: 100%; object-fit: cover; height: 100%; border-radius: 8px 8px 0 0;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path{position: absolute; display: flex; align-items: center; justify-content: center; height: 37px; background: url(https://resource.mall.castingn.com/static/images/welfare/msg-path.png) left/100% 100% no-repeat; left: -8px; bottom: 0px; padding: 0 20px 0 10px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path::before{width: 8px; height: 7px; display: block; content: ''; position: absolute; background: url(https://resource.mall.castingn.com/static/images/welfare/box-emt.png) left/100% no-repeat; left: 0px; bottom: -7px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path span{font-size: 18px; color: #fff; font-weight: 700;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-thum .msg-path span b{color: #ffef2e;}

    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box{height: 143px; border-radius:0 0 8px 8px;	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.16);	background-color: #fff; box-sizing: border-box;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info{height: 95px; border-bottom: 1px solid #c8c8c8; padding: 8px 30px 13px 15px; box-sizing: border-box; position: relative;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info p{font-size: 16px; color: #000; line-height: 24px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; word-break: keep-all;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info .srv-detail{font-size: 16px; color: #5c5c5c; letter-spacing: -0.01px; position: absolute; left: 15px; bottom: 11px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-info-box .srv-info .srv-detail b{font-weight: bold; color: #000;}

    .welfare-cvc-wrap .pinsq-srv-list ul li	.srv-co{height: 48px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .srv-ptn{display: flex; align-items: center;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .srv-ptn .ptn-thum{width: 27px; height: 27px; margin-right: 8px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .srv-ptn span{font-size: 14px; color: #5c5c5c; letter-spacing: -0.01px; line-height: 21px;}

    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt{padding: 0 6px; height: 25px; display: flex; font-size: 12px; color: #222; align-items: center; justify-content: center; font-weight: bold; box-sizing: border-box; border-radius: 5px;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt.type1{background: #f4d4d4;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt.type2{background: #c0e58d;}
    .welfare-cvc-wrap .pinsq-srv-list ul li .srv-co .item-tt.type3{background: #fae883;}

    .welfare-cvc-wrap .pinsq-item-list .srv-tt{font-size: 22px; color: #101010; line-height: 34px; display: flex; flex-direction: column-reverse;}
    .welfare-cvc-wrap .pinsq-item-list > div{padding:0 16px;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt span{font-size: 16px;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt b{font-weight: bold;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt .msg-box{ color: #fff; background-image: linear-gradient(to right, #59bb93 5%, #0e89e8 97%); font-size: 14px; border-radius: 8px; align-items: center; justify-content: center; position: relative; line-height: 18px;
        padding: 8px 26px; margin: 0 16px 5px;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt .msg-box::before{width: 9px; height: 6px; display: block; position: absolute; content: ''; background: url(/images/welfare/ico-box-tail.png) left/100% no-repeat; left: -2px; bottom: -2px;}
    .welfare-cvc-wrap .pinsq-item-list .srv-tt .msg-box b{font-weight: bold;}
    .welfare-cvc-wrap .colr-yellow{color: #fff040;}

    .welfare-cvc-wrap .pinsq-item-list ul{margin-top: 10px; display:grid; grid-template-columns: 1fr 1fr; margin-bottom: 23px; column-gap: 4%; row-gap: 32px; position: relative;}
    .welfare-cvc-wrap .pinsq-item-list ul li .item-thum{width: 100%; border-radius: 8px; }
    .welfare-cvc-wrap .pinsq-item-list ul li .item-thum img{object-fit: cover;;}

    .welfare-cvc-wrap .pinsq-item-list ul:first-of-type{padding-bottom: 23px; margin-bottom: 33px;}
    .welfare-cvc-wrap .pinsq-item-list ul:first-of-type:after{display: block; height: 10px; content: ''; background: #f5f5f5; width: 100vw; position: absolute; bottom: -10px; left: -16px;}

    .welfare-cvc-wrap .pinsq-item-list ul li .item-name{display: block; font-size: 16px; line-height: 20px; letter-spacing: 0; color: #222; margin-top: 14px; box-sizing: border-box;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area{display: flex; justify-content: space-between; align-items: center; margin-top: 4px; font-weight: 600;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area .sales{font-size: 18px; color: #32ab8c; letter-spacing: -0.63px; display: flex; align-items: center;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area .sales::after{content: ''; width: 20px; height: 26px; background: url(/images/welfare/ico-discount.png) left/100% no-repeat; margin-left: 3px;}
    .welfare-cvc-wrap .pinsq-item-list ul li .pirce-area .price-tt{font-size: 16px; color: #0d89e8; letter-spacing: -0.8px;}

    .welfare-cvc-wrap .line-banner{display: none;}

    .welfare-cvc-wrap .cvc-guide {padding:0 0 80px; background: #f3f4fa;}
    .welfare-cvc-wrap .cvc-guide .guide-tt {font-size:3.7vw; padding-left:15%; letter-spacing:-0.009em; color:#000; font-weight:700; line-height:35px; margin-bottom:25px;}
    .welfare-cvc-wrap .cvc-guide .guide-wrap {width:calc(100% - 20px);margin: 0 auto; border-radius:20px; background:#ffffff; position:relative; display:block; height:auto; box-sizing:border-box; padding:4.6vw;}
    .welfare-cvc-wrap .guide-wrap .guide-item {display:flex;width:initial; box-sizing:border-box;padding:4.8vw 0; border-top:1px solid #817ff7;}
    .welfare-cvc-wrap .guide-wrap .guide-item:first-child {border-top:0 none;border-left:0;}
    .welfare-cvc-wrap .guide-wrap .guide-item .ico-cvc-guide {width:13vw; height:13vw; margin:0 2.9vw; display:block;border-radius:50%;background:#b2b1fb;}
    .welfare-cvc-wrap .guide-wrap .guide-item .ico-cvc-guide img {width:72%;margin:14%; height: auto !important;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl {width:60%; text-align:left;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl dt {font-size:3.2vw; line-height:30px; letter-spacing:-0.06em; color:#626276; font-weight:700;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl dt span {font-weight:400;}
    .welfare-cvc-wrap .guide-wrap .guide-item dl dd {font-size:2.6vw; line-height:3.2vw; color:#626276; font-weight:300; letter-spacing:-0.042em; margin-top:0;}

    .welfare-cvc-wrap .wd10-bnr2 {background:#09253b url(/images/welfare/cvc-wd2-bg.png) top center no-repeat; height:130px;}
    .welfare-cvc-wrap .wd10-bnr2 dl {margin-left:auto; display:flex; align-items:center; height:130px; justify-content:flex-end;}
    .welfare-cvc-wrap .wd10-bnr2 dl dt {font-size:30px; color:#fff;}
    .welfare-cvc-wrap .wd10-bnr2 dl dd {padding:0 35px 0 20px; width:615px; box-sizing:border-box;}
    .welfare-cvc-wrap .wd10-bnr2 dl dd ul {display:flex; align-items:center; flex-wrap:wrap;}
    .welfare-cvc-wrap .wd10-bnr2 dl dd ul li {border:1px solid #677886; width:130px; height:30px; box-sizing:border-box; border-radius:15px; line-height:28px; text-align:center; font-size:16px; color:#44caea; font-weight:300; margin:3px 5px;}

    .wd10-bnr2,
    .bottom_menu {
        display: none;
    }

    .welfare-cvc-wrap .cvc-link-wrap {padding:0 10px 105px; display:block; box-sizing:border-box;background:#f3f4fa;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link1 {width:100%; margin-bottom: 17px; border-radius:20px; background:url(https://resource.mall.castingn.com/static/images/welfare/cvc-link1-bg.png) right 70% center no-repeat; background-size: auto 100%; height:30vw; margin:0 0 17px 0; padding:6.66vw 6.66vw 0; box-sizing:border-box;background-size: cover;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link2 {width:100%; border-radius:20px; background:url(https://resource.mall.castingn.com/static/images/welfare/cvc-link2-bg.png) right no-repeat; background-size: auto 100%; height:30vw; padding:6.66vw 6.66vw 0; box-sizing:border-box;background-size: cover;}
    .welfare-cvc-wrap .cvc-link-wrap p {padding:0 0 20px 0; font-size:2.4vw; line-height:3.4vw; font-weight:300; color:#fff;}
    .welfare-cvc-wrap .cvc-link-wrap .btn-link {width:29vw; height:7.2vw; background:url(https://resource.mall.castingn.com/static/images/welfare/link-btn-bg.png) right 70% center no-repeat; display:flex; align-items:center; justify-content:center;}
    .welfare-cvc-wrap .cvc-link-wrap .btn-link span {font-size:2.8vw; font-weight:500;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link1 .btn-link span {color:#7020dd;}
    .welfare-cvc-wrap .cvc-link-wrap .cvc-link2 .btn-link span {color:#0790cf;}
    /* e: 핀스퀘어 메인 */



    /* s: 이벤트 */
    .evt-grd{background: #000 url(/images/event/evt_grd/m_bg_grd.png) center top/100% no-repeat; color: #fff; padding: 0.1px 12px;}
    .evt-grd .evt-tit-area{display: flex; flex-direction: column; align-items: center;}
    .evt-grd .evt-tit1{font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #fff; line-height: 40px; margin-top: 43px; margin-bottom:6px;}
    .evt-grd .tit-img{margin-bottom: 6px;}
    .evt-grd .tit-img img{image-rendering: -webkit-optimize-contrast; width: 100%;}
    .evt-grd .evt-desc{margin-bottom: 37px; font-size: 24px; text-align: center;}
    .evt-grd .evt-desc p{color: #fff; font-size: 16px; letter-spacing: -0.88px; line-height: 1; margin-bottom: 19px;}
    .evt-grd .evt-desc p .colr-1{color: #0ffcc4; font-size: 24px; letter-spacing: -0.6px; margin-bottom: 12px; display: block;}
    .evt-grd .evt-desc p .colr-2{color: #1a93f9;}
    .evt-grd .evt-desc > span{display: block; color: #f2f2f2; margin: auto; letter-spacing: -0.7px; text-align: center; font-size: 28px; font-weight: bold;}

    .evt-grd .evt-item-area{}
    .evt-grd .evt-item-area .evt-item{display: flex; flex-direction:column; margin-bottom: 45px;}
    .evt-grd .evt-item-area .desc-area{display: flex; flex-direction: column; align-items: center; line-height: 1; text-align: center;}
    .evt-grd .evt-item-area .desc-area.ty1{order:2}

    .evt-grd .evt-item-area .desc-area .desc-tit{font-size: 28px; color: #f2f2f2; letter-spacing: -0.06px; font-weight: bold; margin-bottom: 14px; line-height: 38px;}
    .evt-grd .evt-item-area .desc-area .price-tt1{font-size: 20px; font-weight: 500; letter-spacing: -0.04px; margin-bottom: 16px;}
    .evt-grd .evt-item-area .desc-area .price-tt1 b{font-size: 24px; letter-spacing: -0.05px; text-decoration: line-through; margin-left: 9px;}

    .evt-grd .evt-item-area .desc-area .price-tt2{width: 100%; height: 82px;  display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; letter-spacing: -0.04px; margin-bottom: 19px; font-weight: bold;}
    .evt-grd .evt-item-area .desc-area .price-tt2 span{font-size: 28px; letter-spacing: -0.1px; margin-top: 4px; font-weight: normal;}
    .evt-grd .evt-item-area .desc-area .price-tt2 span b{font-size: 35px; font-weight: bold; margin: 0 0 0 8px;}

    .evt-grd .evt-item-area .desc-area.ty1 .price-tt2{border: 1px solid #11fcbd; color: #11fcbd;}
    .evt-grd .evt-item-area .desc-area.ty2 .price-tt2{border: 1px solid #0cceff; color: #0cceff;}

    .evt-grd .evt-item-area .desc-area .desc{font-size: 18px; font-weight: 500; letter-spacing: -0.45px; margin-bottom: 43px;}
    .evt-grd .evt-item-area .desc-area .btn-comp1{width: 100%; height: 56px; border-radius: 33px; background: #222; letter-spacing: -0.04px; font-size: 22px; font-weight: 500; color: #fff; position: relative;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty1{border: solid 1px #11fcbd;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty2{border: solid 1px #0cceff;}

    .evt-grd .evt-item-area .desc-area .btn-comp1 .tool-tip{width: 161px; height: 39px; position: absolute; display: flex; align-items: flex-start; box-sizing: border-box; justify-content: center; padding-top: 5px; color: #000; letter-spacing: -0.45px; font-weight: bold;
        font-size: 18px; right: 19%; top: -54%;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty1 .tool-tip{background: url(/images/event/evt_grd/bg_tooltip1.png) left/100% no-repeat;}
    .evt-grd .evt-item-area .desc-area .btn-comp1.ty2 .tool-tip{background: url(/images/event/evt_grd/bg_tooltip2.png) left/100% no-repeat;}

    .evt-grd .evt-item-area .img-area{position: relative; margin-bottom: 3px;}
    .evt-grd .evt-item-area .img-area.ty1{order:1}

    .evt-grd .evt-item-area .img-area .point{position: absolute; width: 111px; height: 111px; border-radius: 50%; display: flex; flex-direction: column; text-align: center; justify-content: flex-start; line-height: 1; box-sizing:border-box; padding-top: 24px;}
    .evt-grd .evt-item-area .img-area .point strong{font-weight: bold; font-size: 27px; letter-spacing: -1.35px; margin-bottom: 6px;}
    .evt-grd .evt-item-area .img-area .point span{color: #fff; font-size: 21px; letter-spacing: -1.05px;}

    .evt-grd .evt-item-area .img-area.ty1 .point{background: #022138; left: 5px; top: 0;}
    .evt-grd .evt-item-area .img-area.ty1 .point strong{color: #0ec997;}
    .evt-grd .evt-item-area .img-area.ty2 .point{background: #00121f; right: 5px; top: 0;}
    .evt-grd .evt-item-area .img-area.ty2 .point strong{color: #00ceff;}

    .evt-grd .evt-item-list{margin: 0 -12px; padding: 38px 12px 0 12px; border-top: 8px solid #1c1c1c;}
    .evt-grd .evt-item-list .list-tit{display: flex; flex-direction: column; align-items: center; font-size: 18px; line-height: 38px; margin-bottom: 18px;}
    .evt-grd .evt-item-list .list-tit .item1{font-weight: 500; letter-spacing: -1.2px;}
    .evt-grd .evt-item-list .list-tit .item2{font-weight: bold; letter-spacing: -2px; font-size: 32px;}
    .evt-grd .evt-item-list .list-tt{font-size: 18px; letter-spacing: -1.2px; margin-bottom: 23px; text-align: center;}
    .evt-grd .evt-item-list ul{display:grid;}
    .evt-grd .evt-item-list ul li{padding: 10px 17px; background: #222; border-radius: 12px; margin-bottom: 22px;}
    .evt-grd .evt-item-list ul li a{display: flex; align-items: center;}

    .evt-grd .evt-item-list ul li .group{width: calc(100% - 130px); display: flex; flex-direction: column; align-items: center; text-align: center;}
    .evt-grd .evt-item-list ul li .item-thum{width: 130px; position: relative;}
    .evt-grd .evt-item-list ul li .item-thum img{width: 100%; height: 100%; object-fit: contain;}
    .evt-grd .evt-item-list ul li .item-thum .etc{width: 54px; height: 54px; border-radius: 50%; background: #08efde; box-sizing: border-box; display: block; position: absolute; right: 6px; top: -4px; font-size: 24px; font-weight: bold; letter-spacing: -0.6px; display: flex;
        align-items: center; justify-content: center; color: #000;}
    .evt-grd .evt-item-list ul li .item-name{font-size: 22px; font-weight: 500; letter-spacing: -1.1px; margin-bottom: 12px; display: block;}

    .evt-grd .evt-item-list ul li .pirce-area{display: flex; flex-direction: column; align-items: center; margin-top: 4px; font-weight: 600;}
    .evt-grd .evt-item-list ul li .pirce-area .sales{font-size: 24px; color: #30d6d6; letter-spacing: -1.2px; display: flex; align-items: center; margin-bottom: 5px;}
    .evt-grd .evt-item-list ul li .pirce-area .sales::after{content: ''; width: 24px; height: 26px; background: url(/images/event/evt_grd/ico-discount.png) left/100% no-repeat; margin-left: 2px;}
    .evt-grd .evt-item-list ul li .pirce-area .price-tt{font-size: 22px; color: #fff; letter-spacing: -0.8px; font-weight: 500;}
    .evt-grd .evt-item-list ul li .pirce-area .price-tt b{font-size: 28px;}

    .evt-grd .evt-bnf-area{background: #08efde; text-align: center; line-height: 1; color: #292929; margin: 0 -12px; padding:42px 12px 28px 12px;}
    .evt-grd .evt-bnf-area .bnf-tit{font-size: 28px; color: #000; letter-spacing: -1.4px; font-weight: bold; margin-bottom: 24px; line-height: 34px; word-break: keep-all;}
    .evt-grd .evt-bnf-area .bnf-tt{font-size: 20px; line-height: 32px; word-break: keep-all; margin-bottom: 24px; letter-spacing: -0.5px; word-break: keep-all;}

    .evt-grd .evt-bnf-area .btn-area{display: flex; align-items: center;}
    .evt-grd .evt-bnf-area .btn-area a{width: 50%; height: 70px; border-radius: 12px; background: #000; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
    .evt-grd .evt-bnf-area .btn-area a + a{margin-left: 10px;}
    .evt-grd .evt-bnf-area .btn-area a b{font-size: 24px; font-weight: bold; margin-bottom: 6px;}
    .evt-grd .evt-bnf-area .btn-area a span{font-size: 14px; font-weight: normal;}

    .evt-grd .evt-info-area{background: #ecf0f4; padding: 40px 12px 20px; color: #222; margin: 0 -12px;}
    .evt-grd .evt-info-area .info-tit{font-size: 22px; font-weight: bold; margin-bottom: 14px;}
    .evt-grd .evt-info-area .info-list li{font-size: 12px; letter-spacing: -0.01px; padding-left: 12px; position: relative; line-height: 18px;}
    .evt-grd .evt-info-area .info-list li::before{position: absolute; left: 0; top: 0; content: '-';}



    /* 스타트업 이벤트 */
    .evt-start{background: #5275fe;}
    .evt-start [class*='section']{position: relative;}
    .evt-start .inner{width: auto; padding: 0 20px; position: relative;}

    .evt-start .section1{text-align: center;padding: 44px 0 80px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-bg.png) center top/230% no-repeat;}
    .evt-start .section1::after{content: '';position: absolute; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/m-evt-path.png) left/100% no-repeat; width: 100%; height: 70px; display: block; right: 0; bottom: -5px; }
    .evt-start .section1 .txt-area{color: #fff;}
    .evt-start .section1 .txt-area .txt1{color: #fff; font-size: 22px; margin-bottom: 24px; font-weight: bold;}
    .evt-start .section1 .txt-area .txt1 span{text-decoration: underline; font-weight: 500;}
    .evt-start .section1 .txt-area .tit-txt{margin-bottom: 23px;}
    .evt-start .section1 .txt-area .txt2{font-size: 18px; line-height: 30px; letter-spacing: -0.4px;}

    .evt-start .section2{background: #fff; text-align: center;}
    .evt-start .section2 .txt-area{color: #2b2b2b; padding: 31px 0 37px 0; letter-spacing: -0.4px;}
    .evt-start .section2 .txt1{font-size: 16px;line-height: 28px; margin-bottom: 10px; display: flex;flex-direction: column;align-items: center;}
    .evt-start .section2 .txt1::before{width: 50px; height: 50px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-mark.png) left/100% no-repeat; content: ''; margin-bottom: 26px;}
    .evt-start .section2 .txt2{font-size: 18px;line-height: 29px;font-family: 'GmarketSansMedium';font-weight: bold;letter-spacing: -0.1px;word-break: keep-all;}
    .evt-start .section2 .txt2 .ico-market{width: 103px;height: 21px;display: inline-block;vertical-align: middle; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-market9.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 5px;}
    .evt-start .section2 .txt2 span{font-size: 22px;vertical-align: middle;}

    .evt-start .section3{text-align: center;padding: 74px 0 70px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/evt-bg2.png) center top/259% repeat-y;}
    .evt-start .section3 .evt-tit{font-size: 27px;color: #fff;font-family: 'GmarketSansMedium';line-height: 1;letter-spacing: -0.4px;margin-bottom: 41px;}
    .evt-start .section3 .evt-tit span{font-size: 35px;display: block;margin-bottom: 10px;}
    .evt-start .section3 .evt-tit2{font-size: 18px;color: #fff;font-family: 'GmarketSansMedium';line-height: 1;letter-spacing: -0.4px;margin-bottom: 34px;}
    .evt-start .section3 .evt-tit2.mb-1{margin-bottom: 25px;}
    .evt-start .section3 .evt-tit2 span{font-size: 25px;display: block;margin-bottom: 10px;}
    .evt-start .section3::after{content: '';position: absolute; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/m-evt-path.png) left/100% no-repeat; width: 100%; height: 70px; display: block; right: 0; top: -5px; transform: rotate(180deg);}

    .evt-start .section3 .evt-bnf-list{margin-bottom: 20px;}
    .evt-start .section3 .evt-bnf-list li{color: #fff;font-size: 18px;letter-spacing: -0.4px;display: flex;flex-direction: column;align-items: center;margin-bottom: 50px;}
    .evt-start .section3 .evt-bnf-list li strong{font-size: 20px;font-weight: 500;margin-bottom: 21px;display: flex;flex-direction: column;}
    .evt-start .section3 .evt-bnf-list li strong::before{width: 21px;height: 3px;background: #fff;content: '';margin-bottom: 10px;}
    .evt-start .section3 .item-area{position: relative;}
    .evt-start .section3 .item-list{display: flex;align-items: flex-start;margin-bottom: 40px;flex-direction: column;}
    .evt-start .section3 .item-list li{width: 100%;height: 150px;background: #fff;border-radius: 15px;margin-bottom: 16px;display: flex;flex-direction: column;text-align: center;align-items: center;padding: 0 0 0 110px;box-sizing: border-box;position: relative;justify-content: center;}
    .evt-start .section3 .item-list li:last-child{margin-right: 0;}
    .evt-start .section3 .item-list li .ico-wrap{display: flex;align-items: center;justify-content: center;height: 115px;position: absolute;left: 0;width: 120px;}
    .evt-start .section3 .item-list li .ico-item1{width: 102px;height: 71px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item1.png) center/70% no-repeat;}
    .evt-start .section3 .item-list li .ico-item2{width: 80px; height: 91px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item2.png) center/70% no-repeat;}
    .evt-start .section3 .item-list li .ico-item3{width: 118px; height: 85px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item3.png) center/70% no-repeat;}
    .evt-start .section3 .item-list li .ico-item4{width: 130px; height: 115px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item4.png) center/70% no-repeat;}
    .evt-start .section3 .item-list li .ico-item5{width: 96px;height: 80px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-item5.png) center/70% no-repeat;}
    .evt-start .section3 .item-list li .item-txt{font-size: 16px;color: #2b2b2b;line-height: 22px;}
    .evt-start .section3 .item-list li .btn-detail{width: 136px;height: 37px;border-radius: 12px;background: #e0e4ef;display: flex;align-items: center;justify-content: center;color: #2b2b2b;margin-top: 15px;font-size: 14px;}
    .evt-start .section3 .item-list li .btn-detail:after{content: '+'; margin-left: 4px;}

    .evt-start .section3 .time-box{display: flex;align-items: center;justify-content: center;border-radius: 15px;background: rgba(49, 49, 49, 0.5);width: auto;height: 90px;margin: auto;box-sizing: border-box;margin-bottom: 50px;}
    .evt-start .section3 .time-box > div{display: flex;align-items: center;font-size: 14px;color: #fff;margin-right: 3px;}
    .evt-start .section3 .time-box > div:last-child{margin-right: 0;}
    .evt-start .section3 .time-box > div span{ width: 50px; height: 35px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/time-bg.png) left/50% repeat-x; display: flex; align-items: center;
        justify-content: flex-end; font-size: 21px; color: #fff; font-weight: bold; margin-right: 2px; box-sizing: border-box; letter-spacing: 7px; padding-left: 10px;}
    .evt-start .section3 .time-box > div span:last-child{margin-right: 6px;}

    .evt-start .section3 .info-box{width: 100%;background: #fff;border-radius: 14px; box-sizing: border-box;padding: 20px 20px 20px 20px;margin-bottom: 29px;}
    .evt-start .section3 .info-box ul li{display: flex;align-items: flex-start;justify-content: flex-start;color: #2b2b2b;font-size: 18px;flex-direction: column;line-height: 1.5; margin-bottom: 20px;}
    .evt-start .section3 .info-box ul li span{text-align: left;}
    .evt-start .section3 .btn-aply{width: 100%;height: 70px;background: #0b0b0b;border-radius: 16px;display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 22px;font-family: 'GmarketSansMedium';}
    .evt-start .section3 .btn-aply:after{width: 13px;height: 21px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-btn-arr.png) left/100% no-repeat; content: ''; margin-left: 18px; margin-top: -5px;}

    .evt-start .section4{background: #e6f2fc;text-align: center;width: 100%;max-width: initial;padding: 50px 0;}
    .evt-start .section4 .evt-tit{font-size: 24px;color: #2b2b2b;font-family: 'GmarketSansMedium';margin-bottom: 16px;display: flex;align-items: center;font-weight: bold;justify-content: center;}
    .evt-start .section4 .evt-tit .ico-market{width: 119px;height: 26px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-market9.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 5px; margin-top: -4px;}
    .evt-start .section4 .txt1{font-size: 18px;color: #2b2b2b;line-height: 28px;margin-bottom: 34px;}

    .evt-start .section4 .bnf-area{position: relative; width: 100%;}
    .evt-start .section4 .bnf-area > ul{display: flex;align-items: center;flex-direction: column;}
    .evt-start .section4 .bnf-area > ul > li{width: 100%;/* height: 262px; */box-sizing: border-box;border-radius: 25px;background: #fff;padding: 21px 20px 20px 20px;/* margin-right: 15px; */text-align-last: left;position: relative;margin-bottom: 16px;}
    .evt-start .section4 .bnf-area > ul > li:last-child{margin-right: 0;}
    .evt-start .section4 .bnf-area > ul > li .bnf-tit{display: flex;flex-direction: column;align-items: flex-start;line-height: 30px;margin-bottom: 6px;letter-spacing: -0.4px;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item1 .bnf-tit{color: #0d89e8;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item2 .bnf-tit{color: #32ab8c;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item3 .bnf-tit{color: #7420e6;}
    .evt-start .section4 .bnf-area > ul > li::before{width: 41px; height: 41px; border-radius: 50%; display: block; position: absolute; bottom: 36px; right: 34px; content: '';
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item1::before{background: #0d89e8 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item2::before{background: #32ab8c url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}
    .evt-start .section4 .bnf-area > ul > li.bnf-item3::before{background: #7420e6 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-chk-item.png) center center no-repeat;}

    .evt-start .section4 .bnf-area > ul > li .bnf-tit strong{font-size: 24px;}
    .evt-start .section4 .bnf-area > ul > li .bnf-tit span{font-size: 18px;color: #2b2b2b;font-weight: bold;}
    .evt-start .section4 .bnf-area .desc-list li{font-size: 14px;color: #85888d;line-height: 26px;padding-left: 8px;position: relative;}
    .evt-start .section4 .bnf-area .desc-list li::before{position: absolute;width: 3px;height: 3px;background: #85888d;border-radius: 50%;left: 0;top: 13px;display: block;content: '';}

    .evt-start .section5{background: #eaf7f3;text-align: center;width: 100%;max-width: initial;padding: 60px 0 66px;text-align: left;}
    .evt-start .section5 .evt-tit{font-size: 28px;color: #2b2b2b;margin-bottom: 153px;font-weight: bold;letter-spacing: -0.6px;line-height: 38px;}
    .evt-start .section5 .evt-tit span{font-size: 24px;color: #7420e6;display: block;margin-bottom: 15px;line-height: 1;}

    .evt-start .section5 .tab-area{position: relative;overflow-x: auto;}
    .evt-start .section5 .tab-area ul{display: flex;align-items: center;width: 739px;}
    .evt-start .section5 .tab-area ul li{width: 137px;height: 41px;margin-right: 12px;}
    .evt-start .section5 .tab-area ul li:last-child{margin-right: 0;}
    .evt-start .section5 .tab-area ul li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #b1b8b6;font-weight: 500;background: #fff;border-radius: 40px;}
    .evt-start .section5 .tab-area ul li.on a{color: #fff; background: #7420e6;}

    .evt-start .section5 .tab-btn-area{display: flex; position: absolute; align-items: center; right: 10px; top: 140px; z-index: 10;}
    .evt-start .section5 .tab-btn-area.m-tab{top: 289px;right: 15px;}
    .evt-start .section5 .tab-btn-area a{width: 30px;height: 30px;border-radius: 9px;text-indent: -9999999px;font-size: 0;}
    .evt-start .section5 .tab-btn-area a.btn-prev{background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr.png) center/10px no-repeat;}
    .evt-start .section5 .tab-btn-area a.btn-next{background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr.png) center/10px no-repeat; transform: rotate(180deg);}
    .evt-start .section5 .tab-btn-area a.btn-prev:hover{background: #0b0b0b url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr-hover.png) center no-repeat;}
    .evt-start .section5 .tab-btn-area a.btn-next:hover{background: #0b0b0b url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-tab-arr-hover.png) center no-repeat; transform: rotate(180deg);}
    .evt-start .section5 .tab-btn-area a + a{margin-left: 7px;}

    .evt-start .section5 .tab-con-area .tab-con{padding-top: 22px;margin-bottom: 38px;position: relative;}
    .evt-start .section5 .tab-con-area .tab-con .tab-inner{display: flex; align-items: flex-start;}
    .evt-start .section5 .tab-con-area .tab-con .desc{font-size: 16px;letter-spacing: -0.6px;line-height: 29px;margin-right: auto;position: absolute; top: -130px;}
    .evt-start .section5 .tab-con-area .tab-con .desc.m-type1{top: -181px;}
    .evt-start .section5 .tab-con-area .tab-con .desc span{color: #7420e6;}
    .evt-start .section5 .tab-con-area .tab-con .tab-img img{width: 100%;}

    .evt-start .section5 .tab-wrap.item1 .evt-tit span{color: #448ce3;}
    .evt-start .section5 .tab-wrap.item2 .evt-tit span{color: #32ab8c;}
    .evt-start .section5 .tab-wrap.item3 .evt-tit span{color: #7420e6;}

    .evt-start .section5 .tab-wrap.item1 .tab-con-area .tab-con .desc span{color: #448ce3;}
    .evt-start .section5 .tab-wrap.item2 .tab-con-area .tab-con .desc span{color: #32ab8c;}
    .evt-start .section5 .tab-wrap.item3 .tab-con-area .tab-con .desc span{color: #7420e6;}

    .evt-start .section5 .evt-btn-group{display: flex;align-items: center;flex-direction: column;justify-content: center;}
    .evt-start .section5 .evt-btn-group button + button, .evt-start .section5 .evt-btn-group a + a{/* margin-left: 11px; */margin-top: 11px;}
    .evt-start .section5 .evt-btn-group button, .evt-start .section5 .evt-btn-group a{width: 100%;height: 70px;border-radius: 15px;background: #0b0b0b;font-size: 22px;font-weight: 500;color: #fff;display: flex;justify-content: center;align-items: center;}
    .evt-start .section5 .evt-btn-group button:after, .evt-start .section5 .evt-btn-group a:after{width: 22px;height: 22px;content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/startup/ico-down.png) left/100% no-repeat; ;margin-left: 10px;}

    .evt-start .section6{background: #ffffff;text-align: center;width: 100%;max-width: initial;padding: 58px 0 45px;text-align: left;}
    .evt-start .section6 .evt-tit{font-size: 30px;color: #2b2b2b;text-align: center;font-family: 'GmarketSansMedium';margin-bottom: 30px;font-weight: bold;letter-spacing: -0.6px;}
    .evt-start .section6 .notice > li{display: flex;align-items: flex-start;font-size: 14px;line-height: 36px;margin-bottom: 20px;flex-direction: column;}
    .evt-start .section6 .notice > li:last-child{margin-bottom: 0;}
    .evt-start .section6 .notice > li strong{width: 105px;letter-spacing: -0.6px;/* margin-right: 60px; */}
    .evt-start .section6 .notice .notice-list li{color: #85888d;line-height: 25px;position: relative;padding-left: 8px;letter-spacing: -0.6px;}
    .evt-start .section6 .notice .notice-list li:before{width: 3px;height: 3px;border-radius: 50%;background: #85888d;position: absolute;left: 0;top: 11px;content: '';}


    /* 스타트업 이벤트 신청하기 */
    .evt-aply{background: #fff;padding: 50px 20px 0 20px;box-sizing: border-box;}
    .evt-aply .inner{display: flex;align-items: flex-start;flex-direction: column;}
    .evt-aply .left-item{/* width: 508px; *//* margin-right: 98px; */}
    .evt-aply .left-item .tit{font-size: 29px;font-weight: bold;color: #2b2b2b;letter-spacing: -0.6px;line-height: 1;margin-bottom: 30px;}
    .evt-aply .left-item .tit span{font-size: 26px;color: #448ce3;display: block;margin-bottom: 15px;}
    .evt-aply .left-item .item-txt{font-size: 16px;color: #000;letter-spacing: -0.6px;line-height: 32px;}

    .evt-aply .right-item{width: 100%;/* padding-top: 205px; */margin-top: 30px;box-sizing: border-box;}
    .evt-aply .right-item .form-area{position: relative;}
    .evt-aply .right-item .form-area .form-tit{font-size: 18px;font-weight: bold;color: #5ea7ed;position: relative;padding-left: 15px;margin-bottom: 18px;display: block;}
    .evt-aply .right-item .form-area .form-tit:before{width: 8px;height: 8px;display: block;position: absolute;left: 0;top: 7px;content: '';background: #5ea7ed;border-radius: 50%;}

    .evt-aply .right-item .form-area .form-group{/* padding-left:33px; */margin-bottom: 44px;width: 100%;box-sizing: border-box;}
    .evt-aply .right-item .form-area .form-ipt-list li{display: flex;align-items: flex-start;margin-bottom: 20px;flex-direction: column;}
    .evt-aply .right-item .form-area .form-ipt-list li strong{font-size: 18px;color: #2b2b2b;letter-spacing: -0.6px;font-weight: normal;/* width: 80px; *//* margin-right: auto; */margin-bottom: 7px;}
    .evt-aply .right-item .form-area .form-ipt-list li input{width: 100%;height: 56px;border-radius: 10px;box-sizing: border-box;padding: 0 14px;font-size: 18px;border: 2px solid #dadddf;}

    .evt-aply .right-item .form-area .desc{/* padding-left: 33px; */margin-bottom: 13px;font-size: 14px;color: #2b2b2b;line-height: 23px;letter-spacing: -0.6px;}
    .evt-aply .right-item .form-area .desc strong{font-size: 16px; margin-bottom: 10px;display: block;}
    .evt-aply .right-item .form-area .form-chk-list li label{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 11px;
        margin-bottom: 10px;
        /* width: 640px; */
        /* height: 80px; */
        border: 2px solid #dadddf;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 8px;
        font-size: 16px;
        color: #2b2b2b;
        padding: 10px 10px 10px 58px;
        position: relative;
        word-break: keep-all;
    }
    .evt-aply .right-item .form-area .form-chk-list li label input[type=radio]{cursor:pointer; display:flex; outline:none; appearance: none;-moz-appearance: none;-webkit-appearance: none; position: absolute; left: 14px; }
    .evt-aply .right-item .form-area .form-chk-list li label input[type=radio]:checked{background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk4.png) center no-repeat; width: 28px;height: 28px;
        border-radius:50%; overflow:hidden;
    }

    .evt-aply .right-item .form-area .form-chk-list li label span{letter-spacing: -1.5px;}

    .evt-aply .right-item .form-area .chk-agr{/* padding-left: 33px; */display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
    .evt-aply .right-item .form-area .chk-agr label{font-size: 14px;color: #2b2b2b;display: flex;align-items: center;font-weight: bold;}
    .evt-aply .right-item .form-area .chk-agr label input[type=checkbox]{cursor:pointer; display:flex; outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none; background:#fff; border:1px solid #999;width: 25px;height: 25px; border-radius:50%;margin-right: 10px;}
    .evt-aply .right-item .form-area .chk-agr label input[type=checkbox]:checked{background:#0e89e8 url(https://resource.mall.castingn.com/static/images/ico-rd-chk4.png) center no-repeat; width:25px; height: 25px; border: none; border-radius:50%; overflow:hidden;}
    .evt-aply .right-item .form-area .chk-agr .btn-go{font-size: 14px;color: #a1a1a1;/* padding-bottom: 10px; */text-decoration: underline;}
    .evt-aply .right-item .form-area .btn-aply{width: calc(100% + 40px);height: 80px;color: #fff;font-size: 26px;font-weight: bold;/* border-radius: 16px; */background: #0b0b0b;margin-left: -20px;}

    /* 카페24 이벤트 */
    .evt-cafe{background: #f7f8f9;}
    .evt-cafe .section1{text-align: center; padding: 42px 0 44px; position: relative;}
    .evt-cafe .section1 .evt-tit{position: relative;  margin: auto;}
    .evt-cafe .section1 .evt-tit img{width: 100%;}

    .evt-cafe .section1 .evt-txt{margin-bottom: 44px; margin-top: -52px; text-align: left; margin-left: 24px;}
    .evt-cafe .section1 .evt-txt > span{display: block; line-height: 29px;}
    .evt-cafe .section1 .evt-txt .item1{font-size: 19px; font-weight: 500; color: #000; margin-bottom: 12px; font-weight: 700;}
    .evt-cafe .section1 .evt-txt .item1 span{font-size: 24px;}
    .evt-cafe .section1 .evt-txt .item1 b{font-weight: bold; color: #101010;}
    .evt-cafe .section1 .evt-txt .item2{font-size: 16px; font-weight: 500; color: rgba(58, 59, 60, 0.5); line-height: 17px; letter-spacing: -0.5px;}

    .evt-cafe .section1 .evt-tab-area{display: flex; position: relative; height: 107px; border-radius: 999px; box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.25); background-color: #f2f4f7; margin: 0 16px; box-sizing: border-box; z-index: 1;}
    .evt-cafe .section1 .evt-tab-area ul{width: 100%; display: flex; align-items: center; z-index: 3;}
    .evt-cafe .section1 .evt-tab-area ul li{width: 50%; height: 100%;}
    .evt-cafe .section1 .evt-tab-area ul li a{width: 100%; height: 100%; display: flex; align-items: center; font-size: 19px; font-weight: bold; color: rgba(16, 16, 16, 0.45); justify-content: center; flex-direction: column;}
    .evt-cafe .section1 .evt-tab-area ul li.on a{color: #fff;}
    .evt-cafe .section1 .evt-tab-area ul li.tab-btn1 a:after{width: 24px; height: 24px; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-tab1.png) left/100% no-repeat; margin-top: 8px;}
    .evt-cafe .section1 .evt-tab-area ul li.tab-btn2 a:after{width: 24px; height: 24px; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-tab2.png) left/100% no-repeat; margin-top: 8px;}
    .evt-cafe .section1 .evt-tab-area .bar{ width: 53%; height: 100%; display: block; position: absolute; z-index: 2; left: 0; top: 0; background: #0464f9; border-radius:999px;}

    .evt-cafe .section1 .btn-spot{position: absolute; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; text-align-last: left; z-index: 5; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-btn-spot.png) left/100% no-repeat;
        box-sizing: border-box; right: 10px; bottom: 192px;}
    .evt-cafe .section1 .btn-spot p{font-size: 14px; color: #fff; font-weight: 700; line-height: 23px; text-align: left;}
    .evt-cafe .section1 .btn-spot p span{color: #fff;}

    .evt-cafe .section2{text-align: center; padding:0 0 45px;}
    .evt-cafe .section2 .main-desc{display: flex; flex-direction: column; align-items: center; margin-bottom: 60px;}
    .evt-cafe .section2 .main-desc .ico-item{width: 98px; height: 84px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-face1.png) left/100% no-repeat; margin-bottom: 13px;}
    .evt-cafe .section2 .main-desc .txt1{font-size: 48px; font-weight: 900; color: #101010; letter-spacing: -0.48px; line-height: 48px; margin-bottom: 24px;}
    .evt-cafe .section2 .main-desc .txt1 span{font-size: 20px; font-weight: bold; color: #0d89e8; display: block; line-height: 20px; letter-spacing: normal; margin-bottom: 15px;}
    .evt-cafe .section2 .main-desc .txt2{font-size: 16px; color: #3a3b3c;}
    .evt-cafe .section2 .main-desc .txt2 a{font-weight: bold; text-decoration: underline; display: inline-flex; align-items: center;}
    .evt-cafe .section2 .main-desc .txt2 a:after{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/link-arr.png) left/100% no-repeat; margin-left: 2px; content: '';}

    .evt-cafe .section2 .item-list-area{position: relative;}
    .evt-cafe .section2 .item-list-tit{font-size: 23px; letter-spacing: -0.42px; color: #03223a; font-weight: bold; margin-bottom: 40px; line-height: 34.5px; word-break: keep-all;}
    .evt-cafe .section2 .item-list-tit span{color: #6767fc; font-size: 29px; letter-spacing: -0.7px;}
    .evt-cafe .section2 .item-list-tit span b{font-size: 29px; font-weight: 800;}
    .evt-cafe .section2 .item-list-tit span b .number{font-size: 29px;}
    .evt-cafe .section2 .item-list-tit span:last-child{font-size: 29px; font-weight: 800;}
    .evt-cafe .section2 .item-list-tit span.point{position: relative; z-index: 2;}
    .evt-cafe .section2 .item-list-tit span.point::before{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/point-bg.png) left/100% no-repeat; width: 132px; height: 138px; content: '';
        display: block; position: absolute; left: -13px; bottom: -22px; z-index: -1; display: none;}

    .evt-cafe .section2 .item-list{padding: 0 16px;}
    .evt-cafe .section2 .item-list ul{display: grid; grid-template-columns: 1fr 1fr; column-gap: 9px; row-gap: 72px;}
    .evt-cafe .section2 .item-list ul li{height: 156px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; word-break: keep-all; position: relative; border-radius: 12px;}
    .evt-cafe .section2 .item-list ul li.item1{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg1.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg2.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item3{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg3.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item4{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg4.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item5{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg5.png) center/100% no-repeat;}
    .evt-cafe .section2 .item-list ul li.item6{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/m-list-bg6.png) center/100% no-repeat;}

    .evt-cafe .section2 .item-list ul li .key-txt{display: flex; align-items: center; font-size: 18px; color: #101010; font-weight: bold; margin-bottom: 11px; position: absolute; bottom: -58px; width: 100%; justify-content: center;}
    .evt-cafe .section2 .item-list ul li .key-txt:before{width: 22px; height: 32px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-pin.png) left/100% no-repeat; content: '';}
    .evt-cafe .section2 .item-list ul li .desc{font-size: 16px; color: #fff; font-weight: bold; text-align:left; letter-spacing: -0.48px; margin: 0 0 15px 10px;}

    .evt-cafe .section3{text-align: center; padding:72px 0 31px; background: #50cd89;}
    .evt-cafe .section3 .tit{color: #fff; font-size: 34px; font-weight: bold; letter-spacing: -0.34px; line-height: 44px; text-align: center; margin-bottom: 33px;}

    .evt-cafe .section3 .item-list{padding: 0 16px;}
    .evt-cafe .section3 .item-list .swiper-pagination{bottom: 10px; left: 50%; margin-left: -18px;}
    .evt-cafe .section3 .item-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(0, 0, 0, 0.31);}
    .evt-cafe .section3 .item-list .swiper-pagination-bullet{margin-right: 6px; background: #d9d9d9; opacity: 1;}
    .evt-cafe .section3 .item-list .swiper-pagination-bullet:last-child{margin-right: 0;}

    .evt-cafe .section3 .item-list ul{padding-bottom: 60px;}
    .evt-cafe .section3 .item-list ul li{
        height: 487px;
        border-radius: 16px;
        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;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 23px 0 22px;
        position: relative;
    }
    .evt-cafe .section3 .item-list ul li:before{width: 198px; height: 198px; border-radius: 50%; background-color: rgba(80, 205, 137, 0.37); position: absolute; content: ''; display: block; top: 102px;}
    .evt-cafe .section3 .item-list ul li:after{content: ''; display: block; position: absolute;}
    .evt-cafe .section3 .item-list ul li.item1:after{width: 202px; height: 182px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2-1.png) left/100% no-repeat; top: 78px; left: 97px;}
    .evt-cafe .section3 .item-list ul li.item2:after{width: 293px; height: 230px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2-2.png) left/100% no-repeat; top: 70px; left: 8px;}
    .evt-cafe .section3 .item-list ul li.item3:after{width: 217px; height: 227px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg2-3.png) left/100% no-repeat; top: 78px; left: 51px;}

    .evt-cafe .section3 .item-list ul li .number{font-size: 21px; font-weight: bold; color: #000; line-height: 1;}
    .evt-cafe .section3 .item-list ul li .item-box{width: calc(100% - 60px); display: flex;align-items: center;justify-content: center;background: #beedd3;border-radius: 16px;font-size: 18px;color: #2b9177;position: absolute;left: 0;top: 264px;margin: 0 30px;padding: 4px 12px;box-sizing: border-box;}
    .evt-cafe .section3 .item-list ul li .item-box p{line-height: 24px;}
    .evt-cafe .section3 .item-list ul li .item-box p .txt1{color: #138fd8;}

    .evt-cafe .section3 .item-list ul li .link-btn{font-weight: bold; font-size: 16px; color: #32ab8c; line-height: 3.25; text-decoration: underline; position: absolute; bottom: 3px;}
    .evt-cafe .section3 .item-list ul li.item1 .item-txt{margin-top: 296px;}
    .evt-cafe .section3 .item-list ul li.item2 .item-txt{margin-top: 295px;}
    .evt-cafe .section3 .item-list ul li.item3 .item-txt{margin-top: 277px;}
    .evt-cafe .section3 .item-list ul li .item-txt{font-size: 20px; color: #5e6062; font-weight: 500; line-height: 1.43; }
    .evt-cafe .section3 .item-list ul li .item-txt b{font-weight: bold; color: #101010;}
    .evt-cafe .section3 .tooltip-area{display: flex; margin-top: 26px; justify-content: flex-end; padding: 0 40px; position: relative; width: max-content; margin-left: auto; margin-right: 31px; display: none;}
    .evt-cafe .section3 .tooltip-area .txt{display: flex; align-items: center;}
    .evt-cafe .section3 .tooltip-area .txt .btn-info{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-info.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 3px;}
    .evt-cafe .section3 .tooltip-area .txt span{font-size: 20px; font-weight: bold; color: #03223a;}
    .evt-cafe .section3 .tooltip-area .tool-tip{position: absolute; width: 416px; height: 100px; background: #303030; border-radius: 5px; top: 40px; left: 23px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); padding: 4px 0; display: flex; flex-direction: column;}
    .evt-cafe .section3 .tooltip-area .tool-tip:before{border-bottom: 8px solid #303030; border-left: 6px solid transparent; border-right: 6px solid transparent; content: '';display: block; position: absolute; top: -8px; left: 23px;}
    .evt-cafe .section3 .tooltip-area .tool-tip .desc{font-size: 12px; line-height: 18px; color: #fff; text-align: center;}
    .evt-cafe .section3 .tooltip-area .tool-tip a{font-size: 12px; color: #0e89e8; font-weight: bold; text-decoration: underline; margin-top: 25px; display: block;}

    .evt-cafe .section4{text-align: center; padding:46px 0 98px;}
    .evt-cafe .section4 .tit{color: #000; font-size: 24px; font-weight: bold; line-height: 1; text-align: left; margin-bottom: 22px; margin-left: 24px;}
    .evt-cafe .section4 .item-list{padding: 0 18px; text-align: left;}
    .evt-cafe .section4 .item-list ul li{position: relative; padding-left: 20px; font-size: 14px; color: #000; line-height: 21px;}
    .evt-cafe .section4 .item-list ul li:before{width: 3px; height: 3px; border-radius: 50%; content: ''; position: absolute; left: 4px; top: 8px; background: #000;}

    .evt-cafe .section5{text-align: center; padding:45px 0 40px; background: #101010;}
    .evt-cafe .section5 .main-desc{margin-bottom: 20px;}
    .evt-cafe .section5 .txt1{font-size: 38px; color: #e7f3fd; letter-spacing: -0.38px; line-height: 57px; font-weight: 800;}
    .evt-cafe .section5 .txt1 span{font-size: 24px; letter-spacing: -0.24px; font-weight: 300; line-height: 36px;}
    .evt-cafe .section5 .txt1 b{background: linear-gradient(to right, #e3b120, #e15555); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

    .evt-cafe .section5 .img-area{padding: 0; position: relative;}
    .evt-cafe .section5 .img1{width: 211px; height: 211px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-snack2.png) left/100% no-repeat; margin: auto;}
    .evt-cafe .section5 .img2{width: 150%; height: 385px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/img-snack1.png) left/100% no-repeat; margin: -228px -22% 0}

    .evt-cafe .section5 .evt-info-wrap{background: #242424; border-radius: 16px; position: relative; margin: -53px 16px 0 16px; padding: 28px 16px 19px;}
    .evt-cafe .section5 .evt-info-wrap > .desc{font-size: 16px; letter-spacing: -0.16px; color: #e7f3fd; line-height: 24px; margin-bottom: 6px;}
    .evt-cafe .section5 .evt-info-wrap > .desc span{font-size: 32px; line-height: 48px; letter-spacing: -0.32px; font-weight: bold; display: block; margin-top: 20px;}
    .evt-cafe .section5 .evt-info-wrap > .desc span.line-2{font-size: 24px; letter-spacing: -0.24px; line-height: 28.8px; margin-top: 2px; margin-bottom: 15px;}

    .evt-cafe .section5 .evt-info-wrap .ymd-wrap{display: flex; align-items: center; justify-content: center; margin-bottom: 23px;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list{font-size: 16px; font-weight: normal; color: rgba(255, 255, 255, 0.8); line-height: 1.5; letter-spacing: -0.16px;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list li{display: flex; align-items: center;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list li strong{width: 70px; margin-right: 10px; position: relative;}
    .evt-cafe .section5 .evt-info-wrap .ymd-list li strong:after{content: ':'; position: absolute; right: 0; font-weight: normal;}

    .evt-cafe .section5 .evt-info-wrap > .desc span b{color: #ffbd2e;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box{width: auto; margin: auto; border-radius: 16px;  background-color: rgba(255, 255, 255, 0.1); display: flex; flex-direction: column;
        justify-content: flex-start; align-items: center; color: #fff; padding: 22px 7px; box-sizing: border-box; margin-bottom: 33px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .tit1{font-size: 17px; font-weight: bold; line-height: 1.5; letter-spacing: -0.17px; margin-bottom: 18px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .desc{font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.2px; margin-bottom: 18px; word-break: keep-all;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .desc b{font-weight: bold; color: #ff9a24;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .tit2{font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: -0.14px; margin-bottom: 18px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .tit2 b{color: #ffbd2e;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .info-list{text-align: left;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .info-list li{font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: -0.14px; padding-left: 15px; text-indent: -15px;}
    .evt-cafe .section5 .evt-info-wrap .evt-info-box .info-list li span{color: #ffbd2e;}

    .evt-cafe .section5 .evt-info-wrap .sns-area{position: relative; margin-bottom: 28px;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .tit{font-size: 22px; font-weight: bold; line-height: 1.5; letter-spacing: -0.22px; color: #fff; margin-bottom: 18px; display: block;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area{display: flex; align-items: center; justify-content: center;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button{width: 47px; height: 47px; margin-right: 1px; font-size: 0; text-indent: -9999999px; line-height: 0;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button:last-child{margin-right: 0;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-naver{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-naver.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-facebook{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-facebook.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-twitter{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-twitter.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-kakao{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-sns-kakao.png) left/100% no-repeat;}
    .evt-cafe .section5 .evt-info-wrap .sns-area .sns-btn-area button.btn-download{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-download.png) left/100% no-repeat;}

    .evt-cafe .section5 .evt-info-wrap .evt-ntc-wrap{position: relative; margin: 0 -16px; background: #101010;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box{margin-bottom: 53px; background: #101010;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area{padding: 14px 12px; background-color: rgba(255, 255, 255, 0.2); border-radius: 8px 8px 0 0; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area > input, .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area > textarea {padding: 16px 24px; color: #000000; letter-spacing: -0.16px; font-size: 16px; font-weight: 500; background: #fff; border-radius: 8px; box-sizing: border-box;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area > input::placeholder, .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area > textarea::placeholder {color: #b3b7ba;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area .ta1{width: 100%; height: 96px; resize: none; margin-bottom: 16px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area .ipt2{width: 100%; height: 56px; margin-bottom: 15px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .write-area .btn-upload{width: 100%; height: 48px; border-radius: 8px; background: #0d89e8; color: #f9faff; font-size: 16px; font-weight: 500; letter-spacing: -0.16px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li{height: 78px; box-sizing: border-box; background: #474747; display: flex; align-items: center; color: #f9faff; margin-bottom: 1px; letter-spacing: -0.15px; flex-wrap: wrap; position: relative;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .num{width: 65px; display: flex; justify-content: center; display: none;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .link{display: flex; justify-content: flex-start; width: 100%; padding-left: 12px; box-sizing: border-box; margin-top: 10px;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .link a{max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .link a:hover{text-decoration: underline;}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .name{box-sizing: border-box; font-size: 12px; margin-left: 14px;overflow: hidden}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .act{box-sizing: border-box;padding: 0 0 0 34px;color: #85888d;font-size: 12px;margin-left: auto;overflow: hidden}
    .evt-cafe .section5 .evt-info-wrap .ntc-box .read-area ul li .ymd{box-sizing: border-box; padding: 0 5px 0 10px; color: #85888d; font-size: 12px;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging{display: flex; align-items: center; justify-content: center; background: #101010; padding-bottom: 20px; margin-bottom: -26px;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging a{font-size: 17px; color: #b0b2b5; font-weight: 600; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin:0 4px;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging a.btn-prev{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-prev.png) left/100% no-repeat; text-indent: -99999px; line-height: 0; font-size: 0;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging a.btn-next{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-next.png) left/100% no-repeat; text-indent: -99999px; line-height: 0; font-size: 0;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging .current{width: 28px; height: 28px; background: #0d89e8; border-radius: 8px; color: #fff; font-size: 17px; display: flex; align-items: center; justify-content: center; margin: 0 4px;}
    .evt-cafe .section5 .evt-info-wrap .evt-paging .dot{width: 28px; height: 28px; color: #5e6062; font-size: 17px; display: flex; align-items: flex-end; padding-bottom: 5px; justify-content: center;margin: 0 4px;box-sizing: border-box;}

    .evt-cafe .section2-1{text-align: center; padding:0 0 92px;}
    .evt-cafe .section2-1 .main-desc{display: flex; flex-direction: column; align-items: center; margin-bottom: 79px;}
    .evt-cafe .section2-1 .main-desc .ico-item{width: 98px; height: 94px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-face2.png) left/100% no-repeat;}
    .evt-cafe .section2-1 .main-desc .txt1{font-size: 48px; font-weight: 900; color: #101010; letter-spacing: -0.48px; line-height: 48px; margin-bottom: 26px;}
    .evt-cafe .section2-1 .main-desc .txt1 span{font-size: 20px; font-weight: bold; color: #50cd89; display: block; line-height: 32px; letter-spacing: normal; margin-bottom: 15px;}
    .evt-cafe .section2-1 .main-desc .txt2{font-size: 16px; color: #3a3b3c; line-height: 1.5; font-weight: bold; margin-bottom: 22px;}
    .evt-cafe .section2-1 .main-desc .txt3{font-size: 23px; color: #101010; letter-spacing: -0.23px; font-weight: 800; line-height: 34px;}
    .evt-cafe .section2-1 .main-desc .txt3 b{font-size: 29px; letter-spacing: -0.29px; font-weight: 800;}
    .evt-cafe .section2-1 .main-desc .txt3 b.grad1{background: linear-gradient(to bottom, #2fa894, #229cb6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    .evt-cafe .section2-1 .main-desc .txt3 b.grad2{background: linear-gradient(to bottom, #1db1c9, #1397dd); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

    .evt-cafe .section2-1 .card-ease-area{position: relative; display: flex; margin-top: -129px;}
    .evt-cafe .section2-1 .card-ease-area span{position: absolute; display: block; width: 418px; height: 315px; -webkit-transform: skewY(7deg); -moz-transform: skewY(7deg); -o-transform: skewY(7deg); transform: skewY(7deg); display: none;}

    .evt-cafe .section2 .btn-wrap{margin-top: 20px;}
    .evt-cafe .btn-wrap{position: relative; padding: 0 18px; margin-top: -15px;}
    .evt-cafe .btn-wrap button{position: relative; width: 100%; height: 76px; border-radius: 16px;  box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.25);  background-color: #101010; font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 32px;}
    .evt-cafe .btn-wrap .desc{font-weight: 500; color: #3a3b3c; font-size: 16px; line-height: 1.5; font-weight: 700; letter-spacing: -1px;}

    .evt-cafe .section2-2{text-align: center; padding:96px 0 41px; background: #3da1ed;}
    .evt-cafe .section2-2 .tit{font-size: 34px; font-weight: bold; color: #fff; letter-spacing: -0.34px; text-align: center; margin-bottom: 74px; line-height: 1;}
    .evt-cafe .section2-2 .item-list{padding: 0 20px; position: relative;}
    .evt-cafe .section2-2 .item-list > ul > li{border-radius: 16px; box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3); background: #fff; margin-bottom: 30px; box-sizing: border-box;}

    .evt-cafe .section2-2 .item-list > ul > li .area1{display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 397px; box-sizing: border-box; position: relative; padding: 30px 30px 30px; }
    .evt-cafe .section2-2 .item-list > ul > li .number{font-size: 18px; font-weight: bold; color: #000; box-sizing: border-box; text-align: left; margin-bottom: 17px;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area{text-align: left;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area strong{font-size: 24px; font-weight: bold; color: #000; display: block; line-height: 1.5; margin-bottom: 2px; letter-spacing: -0.24px;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area .desc{line-height: 1.5; color: #000; font-weight: 500; font-size: 20px;}
    .evt-cafe .section2-2 .item-list > ul > li .info-area .desc span{font-weight: bold; color: #0d89e8; word-break: keep-all;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group{display: flex; flex-direction: column; align-items: flex-start; margin-top: 30px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link{font-size: 16px; color: #05375d; text-align: left; line-height: 1.5; font-weight: bold; text-decoration: underline; display: flex; align-items: flex-end; position: relative; order:1}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link:after{content: ''; width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ick-link-arr.png) left/100% no-repeat; margin-bottom: 2px; position: absolute;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link.po1:after{left: 78px; top: 24px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .link.po2:after{left: 83px; top: 24px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .srv-item{width: 180px; height: 38px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;  border-radius: 999px; background-color: #f9b14a; font-size: 16px; font-weight: bold; color: #d6225a;
        margin-top: 22px; order:2; z-index: 10;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .srv-item .btn-info{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/btn-info.png) left/100% no-repeat; text-indent: -999999px; font-size: 0; margin-right: 3px;}
    .evt-cafe .section2-2 .item-list > ul > li .btn-group .srv-item .ico-pic{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-pic1.png) left/100% no-repeat; width: 30px; height: 30px; margin-right: 6px;}

    .evt-cafe .section2-2 .item-list > ul > li .area1:after{content: ''; position: absolute;}
    .evt-cafe .section2-2 .item-list > ul > li.item1 .area1:after{width: 178px; height: 161px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3-1.png) left/100% no-repeat; right: 0; bottom: 0;}
    .evt-cafe .section2-2 .item-list > ul > li.item2 .area1:after{width: 266px; height: 176px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3-2.png) left/100% no-repeat; right: -33px; bottom: 0;}
    .evt-cafe .section2-2 .item-list > ul > li.item3 .area1:after{width: 181px; height: 192px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/list-bg3-3.png) left/100% no-repeat; right: -9px; bottom: 0;}

    .evt-cafe .section2-2 .item-list > ul > li .area2{border-top: 1px solid #d9d9d9; margin: 0 16px; padding: 30px 0 61px 0;}
    .evt-cafe .section2-2 .item-list > ul > li .area2 ul{margin-top: 14px; margin-bottom: 24px;}
    .evt-cafe .section2-2 .item-list > ul > li .area2 ul li{font-size: 16px; color: #000; line-height: 24px; letter-spacing: -0.16px; word-break: keep-all;}
    .evt-cafe .section2-2 .item-list > ul > li .area2 .desc{font-size: 16px; color: #000; line-height: 24px; font-weight: 600;}

    .evt-cafe .section2-3{text-align: center; padding:0 18px 52px; background: #3da1ed;}
    .evt-cafe .section2-3 .tit{color: #000; font-size: 24px; font-weight: bold; line-height: 1; text-align: left; margin-bottom: 22px;}
    .evt-cafe .section2-3 .item-list{text-align: left;}
    .evt-cafe .section2-3 .item-list ul li{position: relative; padding-left: 20px; font-size: 14px; color: #000; line-height: 21px;}
    .evt-cafe .section2-3 .item-list ul li:before{width: 3px; height: 3px; border-radius: 50%; content: ''; position: absolute; left: 4px; top: 8px; background: #000;}


    /* 업무마켓 서비스소개 페이지 */
    .wrapper .container.intro{overflow: visible;}
    .intro{background: #fff;}
    .intro .section{width: auto; margin: auto; text-align: center; position: relative;}
    .intro .section1{padding: 80px 0 264px;}
    .intro .section1 .video{margin:auto 30px 30px; width: 300px; }

    .intro .section1 .txt-group{width: 100%; display: flex; align-items: center; justify-content: center; left: 0;}
    .intro .section1 .txt-group .desc1{font-size: 46px; line-height: 1.2; letter-spacing: -1.38px; font-weight: 800; color: #101010; margin-bottom: 10px;}
    .intro .section1 .txt-group .desc2{font-size: 18px;  font-weight: bold; line-height: 1.4; letter-spacing: -0.84px; color: #03223a;}
    .intro .section1 .txt-group .desc2 .m-txt1{font-size: 12px; letter-spacing: -0.36px; color: #c9c9c9; margin-bottom: 32px; display: block;}
    .intro .section1 .txt-group .desc3{font-size: 18px; line-height: 1.4; letter-spacing: -1.26px; color: #0d89e8; font-weight: bold;}
    .intro .section1 .txt-group .ico-arr{width: 24px; height: 25px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-cont-arr.png) center/100% no-repeat; display: block; margin: 19px auto;}
    .intro .section1 .txt-group .slide-a-child{transform: translateY(50px);	opacity: 0;	transition: all 1s}
    .intro .section1 .txt-group .slide-a-child.is-visible{transform: translateY(0);	opacity: 1}

    .intro .section2 .scr-cont{align-items: center; justify-content: center; height: 877px; position: relative; background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/bg-obj1.png) center top no-repeat;}
    .intro .section2 .scr-cont .center-item{display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 15px;}
    .intro .section2 .scr-cont .center-item .ico-obj{width: 24px; height: 24px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-obj1.png) center/100% no-repeat; margin-bottom: 6px;}
    .intro .section2 .scr-cont .center-item p{font-size: 24px; line-height: 1.2; letter-spacing: -0.84px; color: #101010; font-weight: bold;}
    .intro .section2 .scr-cont .center-item p span{color: #5e6062;}

    .intro .section2 .scr-cont .obj-group{}
    .intro .section2 .scr-cont .obj-group .obj-user{position: absolute; display: flex; align-items: flex-end; flex-direction: column; display: none;}

    .intro .section2 .scr-cont .obj-group .obj-user.user1{right: 93px; top: 145px;}
    .intro .section2 .scr-cont .obj-group .obj-user.user3{right: 95px;top: 436px;}
    .intro .section2 .scr-cont .obj-group .obj-user.user2{left: 19px;top: 287px;}
    .intro .section2 .scr-cont .obj-group .obj-user.user4{left: 15px;bottom: 57px;}

    .intro .section2 .scr-cont .obj-group .obj-user .txt{line-height: 1.5; letter-spacing: -0.42px; font-size: 14px; font-weight: normal; color: #5e6062; margin-right: -53px;}


    .intro .section2 .scr-cont .obj-group .obj-user .pic{width: 48px; height: 48px; box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.17); border-radius: 10px; position: absolute; right: -62px; top: -26px; z-index: 2;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic1{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic1.png) center/100% no-repeat;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic2{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic2.png) center/100% no-repeat;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic3{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic3.png) center/100% no-repeat; right: 0; left: 7px;}
    .intro .section2 .scr-cont .obj-group .obj-user .pic.pic4{background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/user-pic4.png) center/100% no-repeat; right: 0; left: 7px;}

    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip{box-shadow: 2px 4px 20px 0 rgba(0, 0, 0, 0.17); display: flex; align-items: center; justify-content: center; margin-right: -80px; border-radius: 16px; font-size: 14px; line-height: 1.5;
        letter-spacing: -0.42px; font-weight: 600; text-align: right; position: relative; z-index: 1; margin-top: 4px; box-sizing: border-box; padding: 18px 20px;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool1{background-color: #ccfaee; width: 278px; height: 78px; color: #237862;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool3{background-color: #def1ff; width: 286px; height: 78px; color: #0960a2; text-align: left;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool2{background-color: #ccfaee; width: 272px; height: 78px; color: #237862;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool4{background-color: #def1ff; width: 245px; height: 78px; color: #0960a2; text-align: left; margin-right: -20px;}

    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip::after{width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid #ccfaee; border-left: 10px solid transparent; border-right: 10px solid #ccfaee; content: '';
        position: absolute; bottom: -12px; right: 9px;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool3::after{border-bottom: 10px solid transparent; border-top: 10px solid #def1ff; border-left: 10px solid transparent; border-right: 10px solid #def1ff; left: 9px; right: 0;}
    .intro .section2 .scr-cont .obj-group .obj-user .tool-tip.tool4::after{border-bottom: 10px solid transparent; border-top: 10px solid #def1ff; border-left: 10px solid transparent; border-right: 10px solid #def1ff; left: 9px; right: 0;}

    .intro .section3{ border-bottom: 1px solid #e5e5e5; padding-bottom: 100px;}
    .intro .section3 .desc{ background-image: linear-gradient(to left top, #2CD5AD, #108FE4 ); font-size: 40px; font-weight: bold; line-height: 1.3; letter-spacing: -1.2px; -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; position: relative; z-index: 1; color: transparent;
    }

    .intro .section3 .desc::before{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        transition: opacity 3s linear;
        -webkit-transition: opacity 3s linear;
        -ms-transition: opacity 3s linear;
        -o-transition: opacity 3s linear;
        opacity: 0;
        -webkit-background-clip: text;
        background-image: linear-gradient(to left top, #7F4FFA, #5180FF );
        content: '일할 때 필요한\A 모든 서비스를\A 연결하고,\A\A세상에 없던\A 업무 경험을\A 만듭니다.';
        white-space: pre;
    }

    /* 자바스크립트로 클래스 추가 */
    .intro .section3 .desc.transitionOn::before {
        opacity: 1 !important;
    }

    .intro .section4{padding: 40px 0 60px;}
    .intro .section5{padding: 40px 0 60px;}
    .intro .section6{padding: 40px 0 60px;}
    .intro .section7{padding: 40px 0 60px;}


    .intro .section > .tit{font-size: 20px; color: #0d89e8; font-weight: bold; line-height: 1.5; letter-spacing: -0.6px; margin-bottom: 12px;}
    .intro .section > .desc{font-size: 28px; line-height: 1.5; letter-spacing: -0.84px; color: #101010; font-weight: bold; margin-bottom: 24px;}

    .intro .section .box-item-wrap{display: flex; align-items: center; flex-wrap: wrap; position: relative;}
    .intro .section .box-item-wrap > div{height: 386px; border-radius: 16px; box-sizing: border-box; text-align: left; padding: 28px 0 0 28px; margin-bottom: 24px; position: relative; margin: 0 16px 24px; overflow: hidden; transition: unset; top: 0;}
    .intro .section .box-item-wrap > div.m-type1{min-height: 336px;}
    .intro .section .box-item-wrap > div .tit{font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.54px; color: #101010; margin-bottom: 12px; display: block;}
    .intro .section .box-item-wrap > div .desc{font-size: 14px; font-weight: 500; color: #85888d; line-height: 1.5; letter-spacing: -0.42px;}

    .intro .section .box-item-wrap.box-item-1 > div.box1{width: 100%; background: #f6f7fa; top: 0;}
    .intro .section .box-item-wrap.box-item-1 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-1.png) center/100% no-repeat; content: ''; width: 544px; height: 272px; left: 9px; bottom: -31px;}
    .intro .section .box-item-wrap.box-item-1 > div.box2{width: 100%; background: linear-gradient(318.7deg, #C2E5FF -2.14%, #EBFFFB 99.47%); margin: auto 16px 22px 16px}
    .intro .section .box-item-wrap.box-item-1 > div.box2::after{position: absolute;display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-2.png) center/100% no-repeat; content: ''; width: 481px; height: 286px; left: -5px; bottom: -17px;}
    .intro .section .box-item-wrap.box-item-1 > div.box3{width: 100%; background: #EEF4FF; top: 0;}
    .intro .section .box-item-wrap.box-item-1 > div.box3::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-3.png) center/100% no-repeat; content: ''; width: 165px; height: 176px; left: 71px; bottom: 59px;}
    .intro .section .box-item-wrap.box-item-1 > div.box4{width: 100%; background: #f6f7fa; top: 0; margin: 0 16px 24px;}
    .intro .section .box-item-wrap.box-item-1 > div.box4::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg1-4.png) center/100% no-repeat; content: ''; width: 611px; height: 296px; left: -7px; bottom: 0;}

    .intro .section .box-item-wrap.box-item-1 > div.box3.visible{top: 0;}
    .intro .section .box-item-wrap.box-item-1 > div.box4.visible{top: 0;}

    .intro .section .pin-link{display: flex; align-items: center; line-height: 1.5; letter-spacing: -0.72px; text-align: center; color: #85888d; font-size: 14px; justify-content: center; margin-top: 4px; margin-bottom: 100px;
        width: 134px; height: 24px; margin-left: auto; margin-right: auto;}
    .intro .section .pin-link::after{content: ''; width: 9px; height: 8px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-pin-arr.png) center/100% no-repeat; margin-left: 6px;}
    .intro .section .pin-link:hover{border-radius: 10px; background: #f0eff0;}

    .intro .section .box-item-wrap.box-item-2 > div.box1{width: 100%; background: #f6f7fa; margin: 0 16px 24px; left: 0; top: 0;}
    .intro .section .box-item-wrap.box-item-2 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg2-1.png) center/100% no-repeat; content: ''; width: 726px ; height: 235px; left: 3px; bottom: 0;}

    .intro .section .box-item-wrap.box-item-3 > div.box1{width: 600px; background: #f6f7fa; top: 0;}
    .intro .section .box-item-wrap.box-item-3 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg3-1.png) center/100% no-repeat; content: ''; width: 225px; height: 205px; left: 60px; bottom: 23px;}
    .intro .section .box-item-wrap.box-item-3 > div.box2{width: 100%; background: #f6f7fa; margin: 0 16px 24px; height: 320px;}
    .intro .section4 .box-item-wrap.box-item-3 > div.box2::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg3-2.png) center/100% no-repeat; content: ''; width: 370px ; height: 166px; left: 13px; bottom: 24px;}

    .intro .section .box-item-wrap.box-item-4 > div.box1{width: 100%; background: #f6f7fa; margin: 0 16px 24px; left: 0; top: 0;}
    .intro .section .box-item-wrap.box-item-4 > div.box1::after{position: absolute; display: block; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/box-bg4-1.png) center/100% no-repeat; content: ''; width: 504px; height: 309px; left: 26px; bottom: -61px;}




    .intro .section.section8{padding: 134px 0 178px; max-width: initial; width: auto;}
    .intro .section8 .desc{font-size: 20px; font-weight: bold; line-height: 1.2; letter-spacing: -0.6px; text-align: center; color: #5e6062; margin-bottom: 80px;}
    .intro .section8 .partner-wrap span{width: 61px; height: 61px; border-radius: 50%; overflow: hidden; background: #d9d9d9; display: inline-block; margin-right: 12px; border: 1px solid #ddd;}
    .intro .section8 .partner-line1{margin-bottom: 20px;}

    .intro .section8 .simply-scroll{width: auto; height: 65px;}
    .intro .section8 .simply-scroll .simply-scroll-clip{width: auto; height: 65px;}

    .intro .section.section9{padding: 166px 20px 266px; background: #222222; max-width: initial; width: auto; text-align: left;}
    .intro .section.section9 .desc{font-size: 32px; font-weight: bold; color: #f9faff; line-height: 1.3; margin-bottom: 40px; letter-spacing: -0.96px;}
    .intro .section.section9 .desc span{color: #2DD7AB;}

    .intro .section.section9 .btn-link{font-size: 16px; color: #c9c9c9; letter-spacing:-0.48px; line-height: 1.5; display: flex; align-items: center;}
    .intro .section.section9 .btn-link:after{width: 18px; height: 18px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/ico-pin-arr.png) center/100% no-repeat; content: ''; margin-left: 6px;}





    .section-01 {
        width: 100%;
    }

    .section-01.bg-ty2{
        padding-top: 142.3%;
        background: #f5e6e3;
        position: relative;
    }

    .section-01.bg-ty2 .bnr-txt-area{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        z-index: 2;
    }

    .banner-snack .area .cont .bnr-txt-area .bnr-txt1{
        font-size: 0;
        text-indent: -9999999px;
        line-height: 0;
        background: url(https://resource.mall.castingn.com/static/images/event/snack/bnr-txt.png) left/100% no-repeat;
        width: 212px;
        height: 204px;
        margin-bottom: 2%;
        margin-top: 19%;
    }

    .banner-snack .area .cont .bnr-txt-area .bnr-txt2{
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 1%;
        line-height: normal;
        text-align: center;
    }

    .banner-snack [class*='ico-snack']{position: absolute; display: block; image-rendering: -webkit-optimize-contrast;}
    .banner-snack .ico-snack1{width: 200px; height: 192px;  background: url(https://resource.mall.castingn.com/static/images/event/snack/snack-obj1.png) left/80% no-repeat; left: -9px; top: -33px;}
    .banner-snack .ico-snack2{width: 160px; height: 209px;  background: url(https://resource.mall.castingn.com/static/images/event/snack/snack-obj2.png) left/87% no-repeat; top: -49px; right: -27px;}
    .banner-snack .ico-snack3{width: 160px; height: 181px;  background: url(https://resource.mall.castingn.com/static/images/event/snack/snack-obj3.png) left/100% no-repeat; top: 191px; left: -61px;}
    .banner-snack .ico-snack4{width: 380px; height: 377px;  background: url(https://resource.mall.castingn.com/static/images/event/snack/snack-obj4.png) left/80% no-repeat; top: 96px; right: -230px;}
    .banner-snack .ico-snack5{width: 180px; height: 155px;  background: url(https://resource.mall.castingn.com/static/images/event/snack/snack-obj5.png) left/100% no-repeat; bottom: -31px; left: -60px;}

    .banner-snack .area .cont .bnr-txt-area .bnr-txt3{
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 3px;
    }

    .banner-snack .area .cont .bnr-txt-area .bnr-txt3 span{
        font-weight: bold;
        color: #e8340d;
    }

    .banner-snack .area .cont .bnr-txt-area .bnr-txt4{
        font-size: 15px;
        color: #000;
        font-weight: bold;
        margin-bottom: 9px;
    }

    .banner-snack .area .cont .bnr-txt-area .bnr-txt5{
        font-size: 14px;
        color: #393939;
    }

    .banner-snack .area .cont .bnr-txt-area .bnr-txt5::before{
        width: 3px;
        height: 3px;
        vertical-align: middle;
        display: inline-block;
        background: #393939;
        border-radius: 50%;
        content: '';
        margin-right: 3px;
    }

    .section-01.banner-snack + .section-02{margin-top: -70px; position: relative;}

    .wrap-event ul.list-products > li .unit-img {
        overflow: hidden;
        width: 146px;
        height: 146px;
        margin-right: 15px;
    }

    .wrap-event ul.list-products > li .group-desc h6 {
        margin-bottom: 4px;
    }
    .wrap-event ul.list-products > li .group-desc .desc {
        height: 36px;
        line-height: 1.31;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .wrap-event ul.list-products > li .group-desc .title-smart {
        position: relative;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        margin-bottom: 7px;
        padding: 0 5px 0 18px;
        font-size: 10px;
        font-weight: bold;
        border: 1px solid #54ba9e;
        border-radius: 8px;
        color: #000000;
    }
    .wrap-event ul.list-products > li .group-desc .title-smart:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: -1px;
        top: -1px;
        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;
    }

    .wrap-event ul.list-products > li .group-desc .discountPrice {
        position: relative;
        display: inline-block;
        height: 18px;
        line-height: 18px;
        margin: 0 5px 6px 0;
        padding: 0;
        border: 0 none;
        background-color: transparent;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #32ab8c;
    }
    .wrap-event ul.list-products > li .group-desc .kit-price .price-real {
        font-size: 18px;
        font-weight: bold;
        line-height: 16px;
        letter-spacing: -0.96px;
        color: #0d89e8;
    }


    .wrap-event ul.list-products > li .group-desc .kit-price .title,
    .wrap-event ul.list-products > li .group-desc .kit-price .price-origin {
        font-size: 10px;
        font-weight: normal;
        line-height: 1;
        margin: 9px 3px 0 0;
        letter-spacing: -0.64px;
        text-decoration: none;
    }



    .wrap-event ul.list-products > li .group-desc {
        width: calc(100% - 161px);
        padding: 13px 0 0;
    }

    .wrap-event ul.list-products {
        padding: 15px;
    }

    .wrap-event ul.list-products > li {
        display: flex;
        justify-content: space-between;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 15px;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0px 1px 8px 0 rgba(134, 134, 134, 0.49);
        background-color: #fff;

        box-sizing: border-box;
    }


    .section-01.cafe24-evt .area{height: 640px;}
    .section-01.cafe24-evt .area .cont{width: 100%; margin: auto; padding-top: 40px; box-sizing: border-box; height: 100%; position: relative;}
    .section-01.cafe24-evt .area .cont:after{width: 352px; height: 520px; position: absolute; display: block; content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/bg-banner1.png) center/100% no-repeat; right: 0; bottom: 0px; top: auto;}
    .section-01.cafe24-evt .desc1{color: #fff; letter-spacing: -1.26px; font-size: 16px; display: flex; align-items: center; margin-bottom: 15px; flex-direction: column;}
    .section-01.cafe24-evt .desc1 span{width: 150px; height: 29px; margin-bottom: 6px; margin-right: 0;}
    .section-01.cafe24-evt .desc1 span img{width: 100%;}

    .section-01.cafe24-evt .desc2{display: flex; margin-bottom: 10px; justify-content: center;}
    .section-01.cafe24-evt .desc2 p{font-size: 25px; line-height: 1.3; font-family: SBAggroL; text-align: center;}
    .section-01.cafe24-evt .desc2 span:first-child{width: 130px; height: 26px; display: inline-block; vertical-align: middle;}
    .section-01.cafe24-evt .desc2 span:first-child img{width: 100%;}
    .section-01.cafe24-evt .desc2 span.txt1{color: #23ceff;}
    .section-01.cafe24-evt .desc2 span.txt1 b{color: #1afdf0;}
    .section-01.cafe24-evt .desc2 span.txt2{font-size: 45px; letter-spacing: -3.76px; font-weight: bold; color: #fde616;}

    .section-01.cafe24-evt .desc3{font-size: 14px; color: #fff; font-family: GmarketSansLight; padding: 0 0 0 10%;}
    .section-01.cafe24-evt .desc3 .tit{display: flex; align-items: center; margin-bottom: 13px;}
    .section-01.cafe24-evt .desc3 .tit:before{width: 14px; height: 14px; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/ico-mark.png) center/100% no-repeat; content: ''; margin-right: 6px; }
    .section-01.cafe24-evt .desc3 ul{line-height: 1.44; letter-spacing: -0.63px;}

    .section-01.cafe24-evt2 .area{height: auto; padding-bottom: 50px;}
    .section-01.cafe24-evt2 .area .cont{width: 100%; margin: auto; padding-top: 53%; box-sizing: border-box; height: 100%; position: relative; text-align: center;}
    .section-01.cafe24-evt2 .area .cont:after{width: 90%;height: 0; padding-top: 45%;position: absolute;display: block;content: ''; background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/cafe24/bg-banner2.png) center/100% no-repeat; left: 5%; top: 0; margin-left: 0;}

    .section-01.cafe24-evt2 .desc1{font-family: GmarketSansMedium; font-size: 18px; line-height: 1.44; letter-spacing: -0.63px; color: #023589; margin-bottom: 12px;}
    .section-01.cafe24-evt2 .desc1 span{color: #f76660;}
    .section-01.cafe24-evt2 .desc2{font-family: GmarketSansMedium; font-size: 14px; letter-spacing: -0.8px; color: #464646; display: inline-flex; align-items: flex-start; margin-bottom: 27px; justify-content: flex-start; text-align: left;word-break: keep-all; padding-left: 16px;}
    .section-01.cafe24-evt2 .desc2 span{width: 70px; height: 22px; border-radius: 8px; background: #29b6bf; display: flex; align-items: center; color: #fff; justify-content: center; font-size: 11px; margin-right: 9px;}

    .section-01.cafe24-evt2 .desc3{font-weight: bold; line-height: 2.08; letter-spacing: -1.08px; color: #2955d8; position: relative; font-size: 19px; z-index: 5;}
    .section-01.cafe24-evt2 .desc3::before{width: 251px; height: 10px; position: absolute; display: block; content: ''; bottom: 8px;opacity: 0.74; background: #efd8c3; left: 50%; margin-left: -125px; z-index: -1;}


    .lc-evt-wrap{position: relative;}
    .lc-evt-wrap .top-bnr{ background-image: linear-gradient(to top, #000107 32%, #5384ea 124%, #598fef 134%); box-sizing: border-box;}
    .lc-evt-wrap.contract .top-bnr{background-image: linear-gradient(104deg, #2c253e 30%, #6f3a8a 94%);}

    .lc-evt-wrap .top-bnr .bnr-area{color: #fff; padding: 61px 9px 30px 9px; position: relative; text-align: center;}
    .lc-evt-wrap .top-bnr .bnr-area::after{width: 93%; padding-top: 91%; display: block; position: absolute; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/m_bg-top-bnr.png) left/100% no-repeat; left: 28px; top: 196px; content: ''; image-rendering: pixelated;}
    .lc-evt-wrap.contract .top-bnr .bnr-area::after{width: 97%; padding-top: 91%; display: block; position: absolute; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/m_bg-top-bnr2.png) left/100% no-repeat; left: 10px; top: 176px; content: ''; image-rendering: pixelated;}

    .lc-evt-wrap .top-bnr .bnr-area .tt-1{font-size: 16px; line-height: 1; letter-spacing: -0.8px;}
    .lc-evt-wrap .top-bnr .bnr-area .tt-1 .ico-market{width: 63px; height: 14px; display: inline-block; vertical-align: 12px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/ico-market9.png) center/100% no-repeat; text-indent: -9999999px; font-size: 0; margin-right: 5px;}
    .lc-evt-wrap .top-bnr .bnr-area .tt-2{font-size: 30px; font-weight: bold; line-height: 46px; margin-top: 22px; font-family:'GmarketSansBold'; letter-spacing: -3.2px;}
    .lc-evt-wrap .top-bnr .bnr-area .tt-2 span{color: #fddf27; font-size: 28px;}
    .lc-evt-wrap .top-bnr .bnr-area .tt-2 .m-fty1{font-size: 39px; color: #fff;}

    .lc-evt-wrap.contract .top-bnr .bnr-area .tt-2{font-size: 28px; font-weight: bold; line-height: 36px; margin-top: 24px; font-family:'GmarketSansBold'; letter-spacing: -1.4px}

    .lc-evt-wrap .top-bnr .bnr-area .tt-3{font-size: 16px; letter-spacing: -0.4px; line-height: 28px; margin: 94% 20px 0 20px; color: #eceaf5; font-weight: 200; word-break: keep-all;}
    .lc-evt-wrap .top-bnr .bnr-area .tt-4{font-size: 15px; color: #fbe700; letter-spacing: -0.38px; font-weight: 200; display: flex; align-items: center; margin-top: 22px; justify-content: center;}
    .lc-evt-wrap .top-bnr .bnr-area .tt-4 span{width: 53px; height: 16px; background: #fbe700; border-radius: 2px; display:flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; color: #000;
        letter-spacing: -0.3px; margin-left: 7px;}
    .lc-evt-wrap.contract .top-bnr .bnr-area .tt-4 span{background: #edc352;}

    .lc-evt-wrap .top-bnr .bnr-area .bnr-btn-area{display: flex; align-items: center; margin-top: 29px; justify-content: center;}
    .lc-evt-wrap .top-bnr .bnr-area .bnr-btn-area a{display: flex; box-sizing: border-box; height: 45px; background: rgba(255, 255, 255, 0.2); border-radius: 8px; font-size: 15px; letter-spacing: -0.75px; color: #fff;
        font-family: 'GmarketSansLight'; align-items: center; justify-content: center; padding: 0 13px; margin-right: 10px; flex-grow: 1;}
    .lc-evt-wrap .top-bnr .bnr-area .bnr-btn-area a:last-child{margin-right: 0;}

    .lc-evt-wrap .bnf-area{position: relative; padding: 0.1px 0;}
    .lc-evt-wrap .bnf-area.bg-gray{background: #f9f9fa;}
    .lc-evt-wrap .bnf-area.bg-gray.m-bg-ty1{background: #fff; border-bottom: 12px solid #f5f5f5;}

    .lc-evt-wrap .bnf-tit{display: flex; align-items: center; flex-direction: column; margin-bottom: 30px;}
    .lc-evt-wrap .bnf-tit strong{width: 173px; height: 33px; display: flex; align-items: center; justify-content: center; background: #0d89e8; border-radius: 8px; background-color: #0d89e8; color: #fff; font-size: 22px; letter-spacing: -1.1px;
        margin-top: 40px; font-weight: 600;}
    .lc-evt-wrap.contract .bnf-tit strong{background: #8023af; width: 200px;}
    .lc-evt-wrap .bnf-tit .tt-1{font-size: 30px; letter-spacing: -1.25px; color: #000; font-weight: bold; line-height: 38px; text-align: center; margin-top: 8px;}
    .lc-evt-wrap .bnf-tit .tt-1 span{color: #0d89e8;}
    .lc-evt-wrap .bnf-tit .tt-1 .m-fty1{font-size: 25px; color: #000;}
    .lc-evt-wrap.contract .bnf-tit .tt-1 .m-fty1{font-size: 25px; color: #000;}


    .lc-evt-wrap.contract .bnf-tit .tt-1 span{color: #8023af;}
    .lc-evt-wrap .bnf-tit .tt-2{font-size: 25px; letter-spacing: -1.25px; color: #000; margin-top: 33px;}

    .lc-evt-wrap .bnf-list{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0 16px; margin-bottom: 34px;}
    .lc-evt-wrap .bnf-list li{width: 100%; height: 160px; border-radius: 12px; border: 1px solid #c8c8c8; background: #fff; box-sizing: border-box; margin-bottom: 9px; padding: 10px 20px 0 20px;}

    .lc-evt-wrap .bnf-list li a{display: flex; height: 100%; align-items: flex-start; box-sizing: border-box;}
    .lc-evt-wrap .bnf-list li .item{width: 130px; margin-right: 17px;}
    .lc-evt-wrap .bnf-list li .item img{width: 100%;}
    .lc-evt-wrap .bnf-list .info{display: flex; flex-direction: column; align-items: flex-start; width: calc(100% - 147px); position: relative; margin-top: 9px;}
    .lc-evt-wrap .bnf-list .item-tit{font-size: 15px; color: #666; letter-spacing: -0.75px; font-weight: 600;}
    .lc-evt-wrap .bnf-list .price-b{font-size: 20px; letter-spacing: -1px; color: #ef0000; margin-top: 4px; font-weight: bold;}
    .lc-evt-wrap .bnf-list .price-b b{font-weight: 600; font-size: 18px; text-decoration: line-through; letter-spacing: normal; vertical-align: bottom;}
    .lc-evt-wrap .bnf-list .price-a{font-size: 30px; color: #ef0000; font-weight: bold; line-height: 1; margin-top: 14px; letter-spacing: -1.5px;}
    .lc-evt-wrap .bnf-list .sub-tt{width: 73px; height: 35px; border-radius: 8px; background-color: #fddf27; display: flex; align-items: center; justify-content: center; color: #000000; font-size: 12px; letter-spacing: -0.8px; right: 5px; bottom: 0;
        position: absolute; font-weight: bold; line-height: 15px; text-align: center; word-break: keep-all;}
    .lc-evt-wrap .bnf-list .sub-tt::before{position: absolute; display: block; content: ''; width: 0px;	height: 0px; border-bottom: calc( 3px * 1.732 ) solid #fddf27; border-left: 3px solid transparent; border-right: 3px solid transparent;
        left: -5px; transform: rotate(-90deg); top: 50%; margin-top: -3px;}

    .lc-evt-wrap .bnf-list-2{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; padding: 0 16px;}
    .lc-evt-wrap .bnf-list-2 li{width: 49%; box-sizing: border-box; margin-right: 2%; margin-bottom: 39px;}
    .lc-evt-wrap .bnf-list-2 li:nth-child(2n){margin-right: 0;}
    .lc-evt-wrap .bnf-list-2 li .item{height: 119px; border-radius: 8px; overflow: hidden;}
    .lc-evt-wrap .bnf-list-2 li .item img{width: 100%; height: 100%; object-fit: cover;}

    .lc-evt-wrap .bnf-list-2 .info{display: flex; flex-direction: column; align-items: center;}
    .lc-evt-wrap .bnf-list-2 .info .item-tit{font-size: 16px; color: #3a3b3c; letter-spacing: -0.01px; font-weight: bold; margin-top: 11px; line-height: 1;}
    .lc-evt-wrap .bnf-list-2 .info .item-dtl{font-size: 20px; color: #ef0000; letter-spacing: -0.04px; font-weight: bold; line-height: 1; margin-top: 4px;}
    .lc-evt-wrap .bnf-list-2 li.no-item{background: #f9f9fa; border-radius: 8px; padding: 9% 0 9.5%; display: flex; align-items: center; justify-content: center; font-size: 24px; letter-spacing: -0.01px; color:#3a3b3c;
        font-weight: bold; text-align: center; max-height: 241px; display: none;}
    .lc-evt-wrap .bnf-list-2 li.no-item p{height: 100%; line-height: 35px;}

    .lc-evt-wrap .step-area{padding: 30px 16px 59px; border-radius: 24px;	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: #fff; box-sizing: border-box; margin-bottom: 9px;}
    .lc-evt-wrap .step-tit{font-size: 18px; letter-spacing: -0.9px; font-weight: 500; text-align: center; display: block; line-height: 24px; margin-bottom: 40px; font-family:'GmarketSansMedium';}

    .lc-evt-wrap .item-group{display: flex; align-items: center; margin-bottom: 50px; flex-direction: column; position: relative; padding-top: 77px;}
    .lc-evt-wrap .item-group.p-ty1{padding-top: 103px;}
    .lc-evt-wrap .item-group .item-tt {}
    .lc-evt-wrap .item-group .item-tt > div{display: flex; flex-direction: column; color: #000; align-items: center; position: absolute; top: 0; left: 0; width: 100%;}
    .lc-evt-wrap .item-group .item-tt > div .step-num{font-family: 'GmarketSansBold'; font-size: 20px; letter-spacing: -1px; margin-bottom: 5px; color: #535de4;}
    .lc-evt-wrap .item-group .item-tt > div span{font-size: 20px; letter-spacing: -1px; font-weight: bold; text-align: center; line-height: 29px;}
    .lc-evt-wrap .item-group .item-tt .ico-pinsq{width: 20px; height: 22px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/ico-pinsq.png) center/100% no-repeat; display: inline-block; vertical-align: middle; }

    .lc-evt-wrap .item-group div.step-btn-area{display: flex; align-items: center; margin-top: 23px; flex-direction: row; position: relative;}
    .lc-evt-wrap .item-group div.step-btn-area a{height: 64px; border-radius: 24px; border: solid 2px #404040; background-color: #fce761; padding: 0 8px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.8px;
        align-items: center; justify-content: center; display: flex; margin-right: 3%; font-family:'GmarketSansMedium'; word-break: keep-all; text-align: center;}
    .lc-evt-wrap .item-group div.step-btn-area a:first-child{width: 45%;}
    .lc-evt-wrap .item-group div.step-btn-area a:last-child{margin-right: 0; width: 52%;}


    .lc-evt-wrap .item-group p{ font-size: 16px; color: #5e6062; letter-spacing: -0.8px; margin-top: 12px; line-height: 24px; text-align: center; word-break: keep-all;}

    .lc-evt-wrap .step-area .step-msg{font-size: 28px; text-align: center; color: #535de4; font-weight: bold; margin-top: 59px; letter-spacing: -0.7px; line-height: 36px; word-break: keep-all;}
    .lc-evt-wrap.contract .step-area .step-msg{ color: #8023af;}

    .lc-evt-wrap .center-bnr{}
    .lc-evt-wrap.contract .center-bnr{background: linear-gradient(90deg, #2c253e 50%, #6f3a8a 50%);}

    .lc-evt-wrap .center-bnr .center-bnr-group{display: flex; align-items: center; flex-direction: column;}
    .lc-evt-wrap .center-bnr .center-bnr-group > div{width: 100%; font-family: 'GmarketSansMedium'; letter-spacing: -0.9px; line-height: 24px; box-sizing: border-box; position: relative; height: 97px; padding: 16px 33px 0 37px;}
    .lc-evt-wrap .center-bnr .center-bnr-group > div::before{position: absolute; content: ''; display: block;}
    .lc-evt-wrap .center-bnr .center-bnr-group .bnr-1{color: #fff; font-size: 18px; background: #3e5bdd;}
    .lc-evt-wrap.contract .center-bnr .center-bnr-group .bnr-1{background: #2c253e;}
    .lc-evt-wrap .center-bnr .center-bnr-group .bnr-1:before{width: 113px; height: 80px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/img-cbnr-1.png) center/100% no-repeat; right: 33px; top: 9px;}
    .lc-evt-wrap .center-bnr .center-bnr-group .bnr-2{color: #000; font-size: 18px; background: #d3e5fa;}
    .lc-evt-wrap.contract .center-bnr .center-bnr-group .bnr-2{background: #6f3a8a; color: #fff;}
    .lc-evt-wrap .center-bnr .center-bnr-group .bnr-2:before{width: 126px; height: 81px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/img-cbnr-2.png) center/100% no-repeat; right: 33px; top: 8px;}

    .lc-evt-wrap .bnf-tit-2{display: flex; align-items: center; flex-direction: column; margin-bottom: 60px; font-weight: bold; margin-top: 147px;}
    .lc-evt-wrap .bnf-tit-2 .tt-1{font-size: 60px; letter-spacing: -3px; color: #32ab8c; line-height: 1;}
    .lc-evt-wrap .bnf-tit-2 .tt-2{font-size: 50px; letter-spacing: -2.5px; color: #000; font-size: 50px; line-height: 1; margin-top: 12px;}
    .lc-evt-wrap .bnf-tit-2 .tt-2 .ico-pinsq{width: 36px; height: 49px; background:url(https://resource.mall.castingn.com/static/images/event/smt-club/ico-pinsq.png) center/100% no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px;}
    .lc-evt-wrap .bnf-tit-2 .tt-2 span{color: #0d89e8;}
    .lc-evt-wrap.contract .bnf-tit-2 .tt-2 span{color: #8023af;}

    .lc-evt-wrap .pinsq-srv-list{display:grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 2%; row-gap: 114px; margin-bottom: 136px;}
    .lc-evt-wrap .pinsq-srv-list li .srv-thum{border-radius: 8px 8px 0 0; position: relative; }
    .lc-evt-wrap .pinsq-srv-list li .srv-thum.no-open:after{content: 'Coming soon'; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center;
        font-size: 30px; font-weight: bold; color: rgba(255,255,255, 0.6); border-radius: 8px;}

    .lc-evt-wrap .pinsq-srv-list li .srv-thum img{width: 100%; object-fit: cover;}
    .lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path{position: absolute; display: flex; align-items: center; justify-content: center; height: 39px; background: url(https://resource.mall.castingn.com/static/images/event/smt-club/msg-path.png) left/100% 100% no-repeat; left: -8px; top: 14px;
        padding: 5px 20px 0 15px; box-sizing: border-box;}
    .lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path::before{width: 8px; height: 7px; display: block; content: ''; position: absolute; background: url(https://resource.mall.castingn.com/static/images/event/smt-club/box-emt.png) left/100% no-repeat; left: 0px; bottom: -7px;}
    .lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path span{font-size: 18px; color: #fff; font-family: 'GmarketSansMedium';}
    .lc-evt-wrap .pinsq-srv-list li .srv-thum .msg-path span b{color: #ffef2e;}

    .lc-evt-wrap .pinsq-srv-list li	.srv-info-box{box-sizing: border-box; padding-top: 21px;}
    .lc-evt-wrap .pinsq-srv-list li .srv-ptn{box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; padding: 0 18px 0 6px;}
    .lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-thum{width: 49px; height: 48px; margin-right: 8px;}
    .lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-thum img{width: 100%;}

    .lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-info{display: flex; flex-direction: column; align-items: flex-start; font-size: 18px; letter-spacing: -0.01px;}
    .lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-info span{color: #3a3b3c;}
    .lc-evt-wrap .pinsq-srv-list li .srv-ptn .ptn-info b{font-weight: bold; color: #000; margin-top: 6px; }
    .lc-evt-wrap .pinsq-srv-list li .srv-ptn .item-tt{color: #7f4ef9; font-size: 18px; letter-spacing: -0.01px; font-weight: bold; margin-left: auto; text-align: right; line-height: 24px;}

    .lc-evt-wrap .notice-list{margin-top: 26px; padding: 0 10px;}
    .lc-evt-wrap .notice-list .notice-tit{font-size: 18px; letter-spacing: -0.9px; color: #000; margin-bottom: 15px; font-weight: bold; display: block;}
    .lc-evt-wrap .notice-list ul{margin-bottom: 60px;}
    .lc-evt-wrap .notice-list ul li{font-size: 12px; color: #5e6062; letter-spacing: -0.6px; position: relative; line-height: 24px; word-break: keep-all; padding-left: 10px;}
    .lc-evt-wrap .notice-list ul li:before{content: '-'; position: absolute; left: 0;}
    .lc-evt-wrap .notice-list ul li.strong{font-weight: bold; color: #000;}

    .event-wrap {position: relative; padding: 16px;}
    .event-wrap .event-title {font-size: 18px; line-height:40px; color:#101010; font-weight:bold;padding: 0;text-align: center;}
    .event-wrap .event-item{margin-bottom: 10px;}
    .event-wrap .event-container .event-list .event-item a .event-thumb { border-radius: 10px }
    .event-wrap .event-info{font-weight: 500; margin-top: 5px;}
    /* e: 이벤트 */

    /* s: 707 에러 */
    .error-area{display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
    .error-area .msg-comp1{display: flex; align-items: flex-start; margin:38px 0 13px 0; flex-direction: column;}
    .error-area .msg-comp1 > span{font-size: 69px; color: #0d89e8; letter-spacing: -0.21px; line-height: 87px; font-weight: bold;}
    .error-area .msg-comp1 .txt-group{}
    .error-area .msg-comp1 .txt-group .item1{font-size: 20px; color: #222; letter-spacing: -0.06px; font-weight: bold; line-height: 1;}
    .error-area .msg-comp1 .txt-group .item2{font-size: 19px; line-height: 22px; letter-spacing: -0.04px; color: #101010; font-weight: bold;}

    .error-area .msg-comp2 .item1{color: #222222;  letter-spacing: -0.01px; font-weight: bold; font-size: 16px; margin-bottom: 7px;}
    .error-area .msg-comp2 .item2{color: #5e6062; font-size: 14px;}

    .basket-process-wrap  .error-area + .delivery-btn-area{justify-content: flex-start; margin-bottom: 100px;}
    /* e: 707 에러 */
    .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;}
    .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;}
    .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;}
    .detail-top .top-area .quantity-area input {width:calc(100% - 80px);text-align:center;font-size:18px;font-weight:700;color:#000;background: transparent;}

    .detail-container .product_detail_text-area {
        padding: 0px 15px 40px;
        margin: 40px auto 20px auto;
    }
    .detail-container .product_detail_text-area dl dt { width: 60px }
    .top-right .detail-right-sec .selected-area .select-right {
        flex-wrap : wrap;
    }
    .top-right .detail-right-sec .selected-area .select-right .quantity-area {
        width:100% !important;
    }
    .top-right .detail-right-sec .selected-area .select-right .price-cs {
        width: 100%;
        justify-content: space-between;
        padding: 20px 5px 10px;
    }
}

/*0421 추가*/
.smartpin-guide-layer{max-width:800px;width:calc( 100% - 40px );height:650px;overflow:hidden;position:fixed;left:50%;top:50%;margin:-325px 0 0 -400px;background:#fff;border-radius: 12px;box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.16);z-index:100;}
.smartpin-guide-layer .sg-header-wrap{width:100%;height:55px;overflow:hidden; background-image: linear-gradient(to right, #0d89e8 8%, #32ab8c 96%);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:center;align-items:center;position:relative;}
.smartpin-guide-layer .sg-header-wrap .stit{font-size:16px;color:#fff;font-weight:bold;}
.smartpin-guide-layer .sg-header-wrap a{display:flex;width:48px;height:48px;position:absolute;right:0;top:0;}
.smartpin-guide-layer .sg-header-wrap a img{}
.smartpin-guide-layer .mbr{display:none;}


.smartpin-guide-layer .sg-msg-wrap{width:100%;height:auto;overflow:Hidden;padding:27px 0 23px 0;}
.smartpin-guide-layer .sg-msg-wrap .sdesc{line-height:28px;width:100%;height:auto;overflow:Hidden;text-align:center;font-size:22px;color:#222;font-weight:bold;}
.smartpin-guide-layer .sg-msg-wrap .sdesc strong{font-family: yg-jalnan; color:#32ab8c;font-size:22px;}
.smartpin-guide-layer .sg-msg-wrap .sdesc + .sdesc{margin-top:10px;}
.smartpin-guide-layer .sg-benefit-wrap{width:calc( 100% - 60px );height:auto;overflow:Hidden;margin:0 auto;}
.smartpin-guide-layer .sg-benefit-wrap>ul{width:100%;height:auto;overflow:Hidden;position:relative;display:flex;justify-content:space-between;align-items:center;}
.smartpin-guide-layer .sg-benefit-wrap>ul:before{display:flex;width:46px;height:46px;position:absolute;left:50%;top:50%;margin:-23px 0 0 -23px;content:"";background:url(https://resource.mall.castingn.com/static/images/ico-guide-plus.svg);}
.smartpin-guide-layer .sg-benefit-wrap>ul>li{width:calc( 50% - 8px - 2px );height:143px;border:1px solid #5c81f7;border-radius:8px;background:#f2f5ff;}
.smartpin-guide-layer .sg-benefit-wrap>ul>li:last-child{background: #eef9f6; border: 1px solid #59a88e;}
.smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap{width:calc( 100% - 54px );height:auto;overflow:hidden;margin:14px auto 0 auto;display:flex;justify-content:flex-start;align-items:center;}
.smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap .upic{display:flex;width:30px;height:30px;border-radius:50%;overflow:hidden;background-size:cover !important;background-position:center center !important;}
.smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap .utit{display:flex;margin-left:10px;font-size:16px;color:#444;font-weight:bold;}
.smartpin-guide-layer .sg-benefit-wrap .value{white-space:nowrap;width:100%;height:30px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;font-size:16px;color:#222;}
.smartpin-guide-layer .sg-benefit-wrap .value strong{font-size:16px;color:#32ab8c;font-family: yg-jalnan; margin-right: 5px;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist01{width:calc( 100% - 54px ); height:auto; overflow:hidden; margin:10px auto 0 auto;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li{width:100%;height:auto;overflow:Hidden;line-height:24px;font-size:14px;color:#222;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li strong{font-size:14px;color:#4f81ff;font-weight:bold;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist02{width:calc( 100% - 54px );height:auto;overflow:hidden;margin:5px auto 0 auto;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist02 li{width:calc( 100% - 18px );padding-left:18px;position:relative;height:auto;overflow:Hidden;font-size:14px;color:#444;font-weight:500;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist02 li:before{content:"";width:6px;height:6px;overflow:Hidden;border-radius:50%;background:#83d9c3;display:block;position:absolute;left:0;top:50%;margin-top:-3px;}
.smartpin-guide-layer .sg-benefit-wrap ul li .nlist02 li strong{font-size:14px;color:#32ab8c;font-weight:bold;}

.smartpin-guide-layer .sg-step-wrap{width:100%;height:175px;overflow:hidden;background:#f9f9fa;margin-top:28px;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide{width:calc( 100% - 60px );margin:0 auto;height:auto;overflow:Hidden;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide{position:relative;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide i{font-size:14px;color:#b3b7ba;position:absolute;top:28px;right:24px;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .num{width:25px;height:25px;border-radius:8px;background-image: linear-gradient(to bottom, #0d89e8, #32ab8c);overflow:hidden;margin-top:24px;display:flex;justify-content:center;align-items:center;font-size:15px;color:#fff;font-weight:bold;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ntit{letter-spacing: -0.5px;width:100%;height:auto;overflow:Hidden;margin-top:8px;font-size:14px;color:#222;line-height:1.43em;font-weight:bold;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ndesc{width:100%;height:auto;overflow:Hidden;padding-top:10px;margin-top:10px;position:relative;font-size:12px;color:#32ab8c;font-weight:bold;line-height:1.5em;}
.smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ndesc:before{content:"";width:69px;height:1px;overflow:hidden;display:block;background:#59a98e;position:absolute;left:0;top:0;}

.smartpin-guide-layer .sg-btn-wrap{z-index:20;position:relative;width:100%;height:auto;padding-top:48px;padding-bottom:33px;display:flex;justify-content:center;align-items:center;}
.smartpin-guide-layer .sg-btn-wrap button{display:flex;justify-content:center;align-items:center;width:188px;height:48px;margin:0 8px;box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);background-image: linear-gradient(to left, #0d89e8, #32ab8c);border-radius:8px;border:0;font-size:16px;color:#fff;font-weight:500;}
.smartpin-guide-layer .sg-btn-wrap button + button{background:#fff;border:1px solid #101010;color:#5e6062;}
.smartpin-guide-layer .sg-btn-wrap button img{display:flex;}
.smartpin-guide-layer .sg-btn-wrap button span{display:flex;margin-left:10px;font-size:16px;color:#101010;font-weight:500;}
.smartpin-guide-layer .sg-btn-wrap .tool-tip-wrap{top:0px;right:100px;position:absolute;width:163px;height:54px;padding-top:10px;background:url(https://resource.mall.castingn.com/static/images/bg-guide-tooltip.svg) no-repeat center center;text-align:center;font-size:12px;color:#32ab8c;font-weight:bold;line-height: 1.17em;letter-spacing: -0.6px;display:none;}
.smartpin-guide-layer .sg-btn-wrap button:hover + .tool-tip-wrap{display:block;}
.basket-process-wrap .inquiry-func-wrap select.bs-slct {
    padding: 0 28px 0 16px;
    background: #fff url(https://resource.mall.castingn.com/static/images/slc-arrow.png) right 10px center/12px no-repeat;
    border-radius: 8px;
    border: solid 1px #c9c9c9;
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    position: relative;
}
.basket-process-wrap .paylist-tbl4 table tr.reple {
    background:#f6fdff;
}

.basket-process-wrap .paylist-tbl4 table tr.read {
    font-weight: bold;
}

.basket-process-wrap .paylist-tbl4 table td span.blue {
    color:#0d89e8;
}
@media screen and (max-width: 769px) {
    .smartpin-guide-layer{width:calc( 100% - 26px );left:13px;margin-left:0;top:20px;height:auto;margin-top:0;}
    .smartpin-guide-layer .sg-header-wrap{justify-content:flex-start;}
    .smartpin-guide-layer .sg-header-wrap .stit{margin-left:23px;width:300px;font-size:12px;color:#fff;}
    .smartpin-guide-layer .sg-msg-wrap{width:calc( 100% - 30px );padding:15px 15px 13px 15px;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc{font-size:14px;color:#222;line-height:1.14em;text-align:left;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc + .sdesc{margin-top:9px;line-height:1.25em;font-size:20px;}
    .smartpin-guide-layer .sg-msg-wrap .sdesc + .sdesc strong{font-size:20px;}
    .smartpin-guide-layer .sg-benefit-wrap{width:calc( 100% - 30px );}
    .smartpin-guide-layer .sg-benefit-wrap>ul{display:block;}
    .smartpin-guide-layer .sg-benefit-wrap>ul>li{width:calc( 100% - 2px );height:133px;}
    .smartpin-guide-layer .sg-benefit-wrap>ul>li + li{margin-top:16px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap .utit{font-size:14px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01{margin-top:10px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li{font-size:13px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01 li strong{font-size:13px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .sb-header-wrap{width:calc( 100% - 40px );}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist01{width:calc( 100% - 40px );}
    .smartpin-guide-layer .sg-benefit-wrap .value{font-size:14px;}
    .smartpin-guide-layer .sg-benefit-wrap .value strong{font-size:14px;}
    .smartpin-guide-layer .sg-benefit-wrap ul li .nlist02{width:calc( 100% - 40px );margin-top:0;}
    .smartpin-guide-layer .sg-step-wrap{margin-top:10px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide{width:calc( 100% - 40px );}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .num{margin-top:14px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ntit{font-size:12px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide .ndesc{font-size:11px;}
    .smartpin-guide-layer .sg-step-wrap #sg-step-slide .swiper-slide i{display:none;}
    .smartpin-guide-layer .sg-step-wrap{height:145px;}
    .smartpin-guide-layer .sg-btn-wrap{padding-top:20px;padding-bottom:20px;width:calc( 100% - 40px );padding-left:20px;padding-right:20px;}
    .smartpin-guide-layer .sg-btn-wrap button{width:90px;margin:0 2px;font-size:13px;flex-direction:column;}
    .smartpin-guide-layer .sg-btn-wrap button span{font-size:13px;margin-left:0;margin-top:3px;}
    .smartpin-guide-layer .mbr{display:block;}
    /* #ch-plugin{display: none !important;} */
}
.complete-area .complete-list ul li a .cpic{width:100%;height:159px;overflow:Hidden;border-radius:12px;background-size:cover !important;background-position:center center !important;}
.complete-area .complete-list ul li a .ctit{width:100%;height:44px;overflow:Hidden;margin-top:14px;font-size:16px;color:#000;line-height:22px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-overflow: ellipsis;}
.complete-area .complete-list ul li a .cdesc{width:calc( 100% - 20px );padding:14px 9px;height:56px;overflow:Hidden;margin-top:16px;line-height:18px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; text-overflow: ellipsis;font-size:13px;color:#222;border:1px solid #5c81f7;border-radius:8px;}
.complete-area .complete-list ul li a .cdesc strong{font-size:13px;color:#4f81ff;font-weight:bold;}
@media screen and (max-width: 769px) {
    .complete-area .complete-list ul li a .cpic{height:56vw;}
}

.myp-page-wrap{display:none;}

@media screen and (max-width: 769px) {
    #header-sub .header-tit.al{justify-content:flex-start;text-align:left;width:100%;flex:1;margin-left:4px;}
    .myp-page-wrap{display:block;width:100%;height:auto;overflow:hidden;}
    .myp-info-wrap{border-bottom:1px solid #e3e3e3;width:100%;height:88px;overflow:Hidden;display:flex;justify-content:flex-start;align-items:center;}
    .myp-info-wrap .upic-item-wrap{width:52px;height:52px;position:relative;margin-left:20px;}
    .myp-info-wrap .upic-item-wrap .upic{width:52px;height:52px;border-radius:50%;background-size:cover !important;overflow:hidden;}
    .myp-info-wrap button{position:absolute;right:0;bottom:0;width:18px;height:18px;border-radius:50%;border:0;background:#fff;display:flex;justify-content:center;align-items:center;}
    .myp-info-wrap button i{display:flex;font-size:12px;color:#5d5f61;}
    .myp-info-wrap .ucont{width:100%;flex:1;height:auto;overflow:hidden;margin-left:20px;}
    .myp-info-wrap .ucont .ulevel{width: fit-content; height:22px; border:1px solid #e7e9eb; border-radius:11px; display:flex; justify-content:flex-start; align-items:center;padding-right: 12px;}
    .myp-info-wrap .ucont .upic{display:flex;width:22px;height:22px;overflow:hidden;border-radius:50%;background-size:cover !important;}
    .myp-info-wrap .ucont span{display:flex;margin-left:6px;font-size:9px;color:#333;}
    .myp-info-wrap .ucont .uname{margin-top:4px;display:flex;justify-content:flex-start;align-items:center;}
    .myp-info-wrap .ucont .uname strong{display:flex;font-size:16px;color:#000;font-weight:bold;}
    .myp-info-wrap .ucont .uname i{display:flex;font-size:16px;color:#000;font-weight:bold;}

    .myp-cnt-wrap{width:100%;height:102px;overflow:hidden;border-bottom:1px solid #e3e3e3;}
    .myp-cnt-wrap ul{width:calc( 100% - 32px );height:auto;overflow:Hidden;margin:0 auto;display:flex;justify-content:center;align-items:center;}
    .myp-cnt-wrap ul li{position:relative;width:100%;flex:1;height:102px;overflow:Hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;}
    .myp-cnt-wrap ul li:before{content:"";width:1px;height:50px;overflow:hidden;display:block;background:#e3e3e3;position:absolute;left:0;top:50%;margin-top:-25px;}
    .myp-cnt-wrap ul li:first-child:before{display:none;}
    .myp-cnt-wrap ul li .value{display:flex;font-size:18px;color:#101010;font-weight:bold;}
    .myp-cnt-wrap ul li .key{display:flex;margin-top:10px;font-size:14px;color:#101010;}

    .myp-btn-wrap{width:calc( 100% - 32px );height:82px;padding:0 16px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;}
    .myp-btn-wrap button{display:flex; justify-content:center; align-items:center; width:calc( 50% - 4px );height:35px;overflow:hidden; border-radius:8px; border:1px solid #aaaeb1; background:#fff; font-size:14px; color:#5e6062; font-weight:bold;}

    .myp-menu-wrap{width:100%;height:auto;overflow:hidden;padding-bottom:80px;}
    .myp-menu-wrap ul{width:100%;height:auto;overflow:hidden;}
    .myp-menu-wrap ul li{width:100%;height:auto;overflow:hidden;border-top:1px solid #e3e3e3;}
    .myp-menu-wrap ul li a{width:100%;height:40px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;}
    .myp-menu-wrap ul li a strong{display:flex;font-size:14px;color:#000;margin-left:16px;}
    .myp-menu-wrap ul li a i{display:flex;font-size:14px;color:#000;font-weight:bold;margin-right:16px;}
    .myp-menu-wrap ul li a span{display:flex;font-size:14px;color:#85888d;margin-left:16px;}

    .wrap-event .section-02 > .area { width : 100% }
}

.pl5 { padding-left:5px!important; }

.update-workmarket-service > .icon-cs { text-align: center; margin:20px 0 10px; }
.update-workmarket-service > .icon-cs > img { width: 45px; }
.update-workmarket-service > h6 {
    color:#000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 900;
}
.update-workmarket-service > h6 > small {
    color:#666;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    display: inline-block;
}
.update-workmarket-service > h6 > span {
    font-weight: 700;
}
.update-workmarket-service > h6 > .blue {
    color:#0d89e8;
}
.update-workmarket-service > h6 > .green {
    color:#32ab8c;
}
.update-workmarket-service > ul {
    background-color: #eaf5fe;
    border-radius: 14px;
    padding: 18px 12px;
}
.update-workmarket-service > ul > li {
    font-weight: 700;
    color:#545454;
    font-size: 12px;
    font-weight: 600;
}
.update-workmarket-service > ul > li > span {
    background-color: #add4f1;
    color:#fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 14px;
    text-align: center;
    margin-right:3px;
}
.update-workmarket-service > ul > li > b {
    font-weight: 900;
    color:#000;
    margin-right:2px;
}
.update-workmarket-service > p {
    color:#000;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}
.wm-popup-bg {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.16);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}
.wm-popup-bg.n-bg { background: rgba(0, 0, 0,0); }
.wm-popup-bg.center { text-align: center; }
.wm-popup-bg.right { text-align: right; }
.wm-popup-bg .wmpop_card {
    box-sizing: border-box;
    width: 440px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgb(0 0 0 / 30%), 0 4px 8px 0 rgb(0 0 0 / 30%);
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:30px;
}
.wm-popup-bg .wmpop_card .cls-btn {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    overflow: hidden;
    font-size: 0;
    text-indent: -99999px;
}
.wm-popup-bg .wmpop_card .cls-btn:before,
.wm-popup-bg .wmpop_card .cls-btn:after{
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: #85888d;
    top: 8px;
    position: absolute;
}
.wm-popup-bg .wmpop_card .cls-btn:before {
    transform: rotate(-45deg);
}
.wm-popup-bg .wmpop_card .cls-btn:after {
    transform: rotate(45deg);
}
.wmpop_card .pop_cont > .cont_sub-tit{
    color:#444;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}
.wmpop_card .pop_cont > .cont_txt-cs {
    color: #444;
    font-size: 16px;
}
.wmpop_card .pop_cont > .btn-cs {
    margin-top:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wmpop_card .pop_cont > .btn-cs > .bs-btn {
    border: solid 1px #c9c9c9;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    min-width:125px;
    border-radius: 4px;
    height: 36px;
    margin: 0 3px;
    padding:0 3px;
}
.wmpop_card .pop_cont > .btn-cs > .bs-btn:first-child { margin-left: 0; }
.wmpop_card .pop_cont > .btn-cs > .bs-btn:last-child { margin-right: 0; }
.wmpop_card .pop_cont > .btn-cs > .bs-btn.blue-btn {
    border-color:#0d89e8;
    background-color: #0d89e8;
    color:#fff;
}

.remain-popup-bg, .remain-free-popup-bg {
    position: fixed;
    width:100%;
    height: 100%;
    display: none;
    background: rgba(33, 33, 33, .4);
    /*backdrop-filter: blur(5px);*/
    z-index: 43;
    top:0;
    left:0;
}
.remain-free-popup-bg {
    background: rgba(0,0,0,.4);
    z-index: 99;
}
.remain-popup-bg .left { text-align: left!important; }
.remain-popup-bg .remain-card{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius: 15px;
    border: 1px solid #9FA0A4;
    background: #FFF;
    padding: 40px;
    text-align: center;
    min-width: 332px;
    box-shadow: 0 3px 15px rgba(0,0,0,.2);
}
.remain-free-popup-bg .remain-card {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius: 15px;
    border: 1px solid #9FA0A4;
    background: #FFF;
    box-shadow: 0 3px 15px rgba(0,0,0,.2);
}
.remain-free-popup-bg .remain-card .cls-btn,
.remain-popup-bg .remain-card .cls-btn{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 38px;
    top:42px;
    cursor: pointer;
    overflow: hidden;
    font-size: 0;
    text-indent: -99999px;
}
.remain-free-popup-bg .remain-card.none-bd {
    border:none!important;
}

.remain-popup-bg .remain-card .cls-btn:before,
.remain-popup-bg .remain-card .cls-btn:after,
.remain-free-popup-bg .remain-card .cls-btn:before,
.remain-free-popup-bg .remain-card .cls-btn:after{
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #101010;
    top: 10px;
    position: absolute;
}
.remain-popup-bg .remain-card .cls-btn:before,
.remain-free-popup-bg .remain-card .cls-btn:before{ transform: rotate(-45deg); }
.remain-popup-bg .remain-card .cls-btn:after,
.remain-free-popup-bg .remain-card .cls-btn:after{ transform: rotate(45deg); }

.remain-free-popup-bg .remain-card .cont_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding:30px;
    border-bottom:1px solid var(--bd-gray);
}
.remain-free-popup-bg .remain-card .cont_top.cgpw p {
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    width:100%;
    margin-top:10px;
}
.remain-free-popup-bg .remain-card .cont_top.prdt-cart { padding:28px 20px 18px; }
.remain-free-popup-bg .remain-card .cont_top.prdt-cart h4 { margin-bottom: 0; }
.remain-free-popup-bg .remain-card .cont_top .tit02,
.remain-free-popup-bg .remain-card .full_top .tit02,
.remain-free-popup-bg .remain-card .full_body .tit02{ font-size: 18px; line-height: 1.2; margin-bottom: 20px; }
.remain-free-popup-bg .remain-card .full_top .tit02.tit_mb { margin-bottom: 10px; }
.remain-free-popup-bg .remain-card .full_body .right .sm-btn {
    border-radius: 5px;
    padding:0 12px;
    height: 32px;
    line-height: 32px;
    border:1px solid #E8E8E8;
}
.remain-free-popup-bg .remain-card .join-pop .error {
    color: #DE5943;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.remain-free-popup-bg .remain-card .join-pop .sucs {
    color: #007AFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.remain-free-popup-bg .remain-card .cont_bot { padding:30px; }
.remain-free-popup-bg .remain-card .cont_bot h6 { font-size: 15px; margin-bottom: 12px; }
.remain-free-popup-bg .remain-card .cont_bot .card.mb30 { margin-bottom: 30px; }
.remain-free-popup-bg .remain-card .cont_bot .scroll {
    height: 200px;
    padding: 16px 20px;
    overflow-y: scroll;
    margin: 5px;
}
.remain-free-popup-bg .remain-card .cont_bot .scroll::-webkit-scrollbar { width: 4px; }
.remain-free-popup-bg .remain-card .cont_bot .scroll::-webkit-scrollbar-thumb { border-radius: 10px; background: #C5C6C8; }
.remain-free-popup-bg .remain-card .cont_bot .btn-cs {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:30px 0;
    flex-wrap: wrap;
}
.remain-free-popup-bg .remain-card .cont_bot .btn-cs button {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    width:140px;
    height: 48px;
    line-height: 48px;
    margin:0 6px;
    text-align: center;
    color: #68696B;
    font-size: 15px;
    font-weight: 500;
    box-sizing: border-box;
}
.remain-free-popup-bg .remain-card .cont_bot .btn-cs button.blue-btn {
    background: var(--blue);
    border:1px solid var(--blue);
    color:#fff;
}
.remain-free-popup-bg .remain-card .cont_bot .btn-cs .ck-today {
    width: 100%;
    margin-top:30px;
    cursor: pointer;
}
.remain-free-popup-bg .remain-card .cont_bot .btn-cs .ck-today input { display: none; }
.remain-free-popup-bg .remain-card .cont_bot .btn-cs .ck-today label {
    padding-left:24px;
    position: relative;
    color: #68696B;
    font-size: 13px;
    font-weight: 400;
}
.remain-free-popup-bg .remain-card .cont_bot .btn-cs .ck-today label:after {
    content:'';
    display: inline-block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    width: 18px;
    box-sizing: border-box;
    height: 18px;
    border-radius: 3px;
    border:1px solid var(--bd-gray);
}
.remain-free-popup-bg .remain-card .cont_bot .btn-cs .ck-today input:checked + label:after {
    background: rgba(0, 122, 255, 1) url("https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_ckecked.png") left 3px center no-repeat;
}
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs.cgpw .dl .dt { width:140px; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs.cgpw .noti-box {
    padding:20px;
    border-radius: 8px;
    background: #F7F9FB;
}
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs.cgpw .noti-box .tt {
    color:#DE5943;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
}
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs.cgpw .noti-box .tt img { margin-right: 2px; vertical-align: text-bottom; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs.cgpw .noti-box ul { padding-left:20px; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs.cgpw .noti-box ul li {
    list-style: disc;
    color: #767676;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
}

.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs .dl { margin-bottom: 8px; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs .dl .dt { width:100px; line-height: 48px; font-weight: 600; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs .dl .dd { flex:1; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs .dl select { margin-bottom: 8px; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs .dl select:last-child { margin-bottom: 0; }
.remain-free-popup-bg .remain-card .cont_bot.cpn-ipt-cs .dl .noti { font-size:13px; }

.remain-free-popup-bg .remain-card .full_bot > .notice-gray {
    margin:12px 0 40px;
    color: #9FA0A4;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.remain-free-popup-bg .remain-card .full_bot > .btn-cs {
    display: flex;
    justify-content: center;
    align-items: center;
}
.remain-free-popup-bg .remain-card .full_bot > .btn-cs > button {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    width: 140px;
    height: 48px;
    box-sizing: border-box;
    margin:0 6px;
}
.remain-free-popup-bg .remain-card .full_bot > .btn-cs > button.blue-btn {
    background: #007AFF;
    border:1px solid #007AFF
}
.remain-free-popup-bg .remain-card .full-cont { padding: 30px 20px 20px 30px; }
.remain-free-popup-bg .remain-card .full-cont .full_body { min-width: 340px; }
.remain-free-popup-bg .remain-card .full-cont .full_top { padding-bottom: 30px; }
.remain-free-popup-bg .remain-card .full-cont .full_bot ul.dl li.dt {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin-right: 20px;
}
.remain-free-popup-bg .remain-card .full-cont .full_bot ul.dl li.dd.fx1 { flex:1; }

.remain-popup-bg .remain-card .pop_cont .re-main-pop-logo { margin-bottom: 20px; }
.remain-popup-bg .remain-card .pop_cont h6.tit01 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px;
}
.remain-popup-bg .remain-card .pop_cont h6.tit-line {
    border-bottom: 2px solid #101010;
    padding-bottom: 12px;
    color: #101010;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}
.remain-popup-bg .remain-card .pop_cont .pop-scr-cs { padding:32px 0 }

.remain-popup-bg .remain-card .pop_cont p {
    color: #101010;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.remain-popup-bg .remain-card .pop_cont p.txt01 { color:#68696B; }
.remain-popup-bg .remain-card .pop_cont .btn-cs { display: flex; justify-content: center; margin-top: 26px; }
.remain-popup-bg .remain-card .pop_cont .btn-cs button {
    width:120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
    box-sizing: border-box;
    margin:0 4px;
}
.pop_cont .btn-cs .sky-blue-bg-btn {
    color: #007AFF;
    background: #E8F3FF;
}
.pop_cont .btn-cs .blue-bg-btn {
    color: #FFF;
    background: #007AFF;
}
.pop_cont .cstm-service {
    border-radius: 5px;
    border: 1px solid #E8F3FF;
    background: rgba(232, 243, 255, 0.50);
    width: 332px;
    height: 40px;
    line-height: 40px;
    color: #007AFF;
    font-size: 12px;
    font-weight: 400;
    margin-top:40px;
}
.cstm-service svg {
    margin-right:6px;
    vertical-align: middle;
}
.pop_cont .cstm-service2 {
    border-radius: 5px;
    border: 1px solid #E8F3FF;
    background: rgba(232, 243, 255, 0.50);
    padding:20px;
    margin-top: 24px;
}
.pop_cont .cstm-service2 > ol > li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.pop_cont .cstm-service2 > ol > li .sbjt {
    color: #0E89E8;
}
.pop_cont .cstm-service2 > ol > li .txt {
    color:#101010;
}
.remain-popup-bg .remain-card-depth2 {
    display: none;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius: 15px;
    border: 1px solid #007AFF;
    background: #FFF;
    padding: 40px 20px 20px;
    text-align: center;
    min-width: 332px;
}
.remain-popup-bg .remain-card-depth2 .cls-btn {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    overflow: hidden;
    font-size: 0;
    text-indent: -99999px;
}
.remain-popup-bg .remain-card-depth2 .cls-btn:before,
.remain-popup-bg .remain-card-depth2 .cls-btn:after{
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #AAAAB7;
    top: 6px;
    position: absolute;
}
.remain-popup-bg .remain-card-depth2 .cls-btn:before { transform: rotate(-45deg); }
.remain-popup-bg .remain-card-depth2 .cls-btn:after { transform: rotate(45deg); }
.remain-popup-bg .remain-card-depth2 .pop_cont h6.tit01 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px;
}
.remain-popup-bg .remain-card-depth2 .pop_cont p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.remain-popup-bg .remain-card-depth2 .pop_cont p.txt01 { color: #68696B; }
.remain-popup-bg .remain-card-depth2 .pop_cont .btn-cs {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.remain-popup-bg .cls-renewer-alarm-ck-btn {
    color: #68696B;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    margin:25px 0;
    vertical-align: middle;
}
.remain-popup-bg .cls-renewer-alarm-ck-btn:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    vertical-align: sub;
    border: 1px solid #e8e8e8;
    margin-right: 8px;
}
.renew-m-btn-cs { display: none; }
@media screen and (max-width: 769px) {
    .remain-popup-bg .remain-card { min-width: calc(100vw - 80px); }
    .remain-popup-bg .remain-card .pop_cont .cstm-service { width:auto; }
    .remain-popup-bg .cls-renewer-alarm-ck-btn { display: none; }
    .remain-popup-bg .pop-scr-cs {
        height: 25vh;
        overflow-y: scroll;
        overflow-x: clip;
        border-top: 1px solid #E8E8E8;
        border-bottom: 1px solid #E8E8E8;
        margin: 0 -20px;
        padding: 20px;
    }
    .renew-m-btn-cs { display: flex; }
    .renew-m-btn-cs button { width:50%; height: 60px; line-height: 60px; text-align: center; }
    .renew-m-btn-cs button:first-child { border-right:1px solid #E8E8E8; }
}


.blue-txt { color:#4E76FD; }
.deco, .item-deco {
    position:absolute;;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
}
.deco > *, .item-deco > * { position: absolute; }
.introduce-service .cont{
    position:relative;
    padding:100px 0;
}
.introduce-service > .main-banner {
    background:#4F81FF;
    padding: 260px 0 155px;
}
.introduce-service .wrap {
    width:1200px;
    margin:auto;
}
.introduce-service .main-banner .wrap {
    display: flex;
    align-items: center;
}
.introduce-service .main-banner .wrap .l-area,
.introduce-service .main-banner .wrap .r-area { width:50%; z-index: 1; }
.introduce-service .main-banner .l-area > h4 {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 69px;
    line-height: 83px;
    color:#fff;
}
.introduce-service .main-banner .l-area > h4 > small {
    font-weight: 400;
    font-size: 50px;
}
.introduce-service .main-banner .l-area > .btn-cs { margin-top:50px; }
.introduce-service .main-banner .l-area > .btn-cs > .btn {
    border-radius: 33px;
    width:169px;
    display: inline-block;
    height: 66px;
    box-sizing: border-box;
    border: 3px solid #fff;
    color:#fff;
    vertical-align: top;
    font-weight: 700;
    font-size: 24px;
    line-height: 62px;
    text-align: center;
}
.introduce-service .main-banner .l-area > .btn-cs > .btn.down-btn {
    background: #fff;
    color:#4F81FF;
    margin-right:8px;
}
.introduce-service .main-banner .r-area { text-align: center; }
.introduce-service .main-banner .r-area .needs-cs { position: relative; }
.introduce-service .main-banner .r-area .needs-cs .txt-img {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.introduce-service .main-banner .r-area .needs-cs .item-deco > img:nth-child(1) { right:-68px; top:85px; }
.introduce-service .main-banner .r-area .needs-cs .item-deco > img:nth-child(2) { top: 245px; left: -55px; }
.introduce-service .main-banner .r-area .needs-cs .item-deco > img:nth-child(3) { bottom:-155px; right: -191px; }
.deco .circle1,.deco .circle2,.deco .circle3 {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    opacity: .15;
}
.deco .circle1 { background:linear-gradient(186deg, #4F81FF 4.26%, rgba(232, 239, 255, 0.811765) 95.74%); }
.deco .circle2 { background:linear-gradient(302deg, #4F81FF 11.92%, rgba(77, 29, 235, 0.811765) 88.08%); }
.deco .circle3 { background:linear-gradient(302deg, #205FFF 11.92%, rgba(79, 129, 255, 0.913725) 46.86%, rgba(77, 29, 235, 0.811765) 88.08%); }
.introduce-service .main-banner .deco .circle1:nth-child(1) { top:6%; left:13%; width:190px; height: 190px; }
.introduce-service .main-banner .deco .circle1:nth-child(2) { top:10%; left:46%; width:286px; height:286px; transform: rotate(180deg); }
.introduce-service .main-banner .deco .circle1:nth-child(3) { right:5%; top:34%; filter: blur(3px); }
.introduce-service .main-banner .deco .circle2:nth-child(4) { width: 700px; right: -14%; height: 700px; top: -36%; opacity: .3; }
.introduce-service .main-banner .deco .circle3:nth-child(5) { width:640px; height:640px; bottom: -8%; left: -5%; opacity: .3;}
.introduce-service .main-banner .deco img:nth-child(6) { top:29%; }
.introduce-service .main-banner .deco img:nth-child(7) { top: 39%; left: 224px; }
.introduce-service .main-banner .deco img:nth-child(8) { top: 30%; left: 49.9%; z-index: 1; }
.introduce-service .main-banner .deco img:nth-child(9) { top: 37%; left: 39%; }
.introduce-service .main-banner .deco img:nth-child(10) { bottom: 10%; left: 34%; }
/*.introduce-service .main-banner .deco img:nth-child(11) { bottom: 0; right: 13%; z-index: 1; }*/
.introduce-service .main-banner .deco img:nth-child(11) { bottom: 0; right: 10%; }


.introduce-service .cont1 { background: #E5EBFB; padding:140px 0 130px; }
.introduce-service .cont1 p {
    position: relative;
    color:#74777D;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    width:830px;
    display: block;
    margin:auto;
}
.introduce-service .cont1 p:before,
.introduce-service .cont1 p:after {
    position: absolute;
    display: inline-block;
    font-family: 'yg-jalnan';
    top:10px;
    color:#4E76FD;
    opacity: .3;
    font-size: 140px;
}
.introduce-service .cont1 p:before { content:'“'; left:-75px; }
.introduce-service .cont1 p:after { content:'”'; right:-70px; }
.introduce-service .cont2 { background: linear-gradient(180deg, #1C5DFF -11%, #1C5DFF -9.81%, #4F7EFF 56.02%, #FFFFFF 111%); }
.introduce-service .cont2 .sub-tit { text-align: center; position: relative; }
.introduce-service .cont2 .sub-tit p {
    color:#fff;
    font-family: 'Gmarket Sans';
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
}
.introduce-service .cont2 .sub-tit h6 {
    color:#fff;
    font-family: 'Gmarket Sans';
    font-weight: 400;
    font-size: 56px;
    line-height: 78px;
    letter-spacing: -.5px;
    margin:15px 0 100px;
}
.introduce-service .cont2 .sub-tit h6 > span {
    background: #C7E83A;
    border-radius: 50px;
    color: #1C5DFF;
    font-weight: 500;
    font-size: 65px;
    display: inline-block;
    padding: 17px 14px 5px;
}
.introduce-service .cont2-card-box {
    background: #FFFFFF;
    box-shadow: -0.314095px 8.99452px 16px rgba(127, 128, 128, 0.168627);
    border-radius: 80px;
    margin-top:40px;
    position:relative;
    padding:55px;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
.introduce-service .cont2-card-box > ul {
    position: relative;
    top: -110px;
    width:375px;
}
.introduce-service .cont2-card-box > ul > li {
    border: 3px solid #4E76FD;
    box-shadow: -0.348995px 9.99391px 16px rgba(11, 60, 181, 0.160784);
    border-radius: 42px;
    height:140px;
    box-sizing: border-box;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:30px;
    width:100%;
}
.introduce-service .cont2-card-box > ul > li.balloon {
    border: none;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/cont2_balloon.png) left top no-repeat;
    box-shadow: none;
    width: 408px;
    height: 164px;
    text-align: center;
    margin-bottom: 5px;
    padding-left: 0;
    left: -16px;
    position: relative;
}
.introduce-service .cont2-card-box > ul > li > p {
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    color: #4F81FF;
    margin-bottom: 10px;
}
.introduce-service .cont2-card-box > ul > li.balloon > p {
    font-family: 'Gmarket Sans';
    margin-top:-24px;
}
.introduce-service .cont2-card-box > ul > li > sub {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #595959;
}
.introduce-service .cont2-card-box > .plus-cs { display: flex; align-items: center; }
.cont2-card-box > .circle-cs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cont2-card-box > .circle-cs > .balloon {
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/cont2_balloon.png) left top no-repeat;
    width: 408px;
    height: 140px;
    text-align: center;
    padding-top: 45px;
    position: relative;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #4F81FF;
    font-family: 'Gmarket Sans';
}
.cont2-card-box > .circle-cs > .recycle-cs {
    position: relative;
    border-radius: 50%;
    width:445px;
    height:445px;
    background: #d1ddfa;
}
.cont2-card-box > .circle-cs > .recycle-cs:before,
.cont2-card-box > .circle-cs > .recycle-cs:after{
    border-radius: 50%;
    content:'';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.cont2-card-box > .circle-cs > .recycle-cs:before {
    width:365px;
    height:365px;
    background:#687AF3;
}
.cont2-card-box > .circle-cs > .recycle-cs:after {
    width:315px;
    height:315px;
    background:#fff;
}
.cont2-card-box > .circle-cs > .recycle-cs > .recycle-circle > .circle-arrows {
    width:232px;
    height:232px;
    background:url('https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/circle-arrows.png') no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-animation: recycle-ani 8s linear infinite;
    animation: recycle-ani 8s linear infinite;
}
@keyframes recycle-ani {
    from { transform: translate(-50%, -50%) rotate(0);}
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
.cont2-card-box > .circle-cs > .recycle-cs > ul {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 114px;
    height: 125px;
}
.cont2-card-box > .circle-cs > .recycle-cs > ul > li { position: absolute; transition: .2s; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(1) { top:-160px; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(2) { top: -88px; right: -145px; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(3) { top: 75px; right: -145px; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(4) { top:155px; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(5) { top: 75px; left: -145px; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(6) { top: -88px; left:-145px; }
.cont2-card-box > .circle-cs > .recycle-cs > ul > li.on { transform: scale(1.25); }
.introduce-service .cont2 .item-deco img:nth-child(1) { top: 0; right: -58px; }
.introduce-service .cont2 .item-deco img:nth-child(2) { top: 32px; right: -200px; }
.introduce-service .cont2 > .wrap > img { z-index: 1; position: relative; }
.introduce-service .cont2 .deco > .circle1:nth-child(1) {
    right: 3%;
    transform: rotate(180deg);
    top: 24%;
    width: 140px;
    height: 140px;
}
.introduce-service .cont2 .deco > .circle1:nth-child(2) {
    right: 2%;
    top: 32%;
    width: 190px;
    height: 190px;
}
.introduce-service .cont2 .deco > .circle2:nth-child(3) {
    width: 400px;
    height: 400px;
    opacity: .3;
    top: 46%;
    left: 13%;
}
.introduce-service .cont2 .deco > img:nth-child(4) { top:47%; right: 20%; }
.introduce-service .cont2 .deco > img:nth-child(5) { top: 53.5%; right: 18.5%; }
.introduce-service .cont3 .step1 .tit-cs { display: flex; justify-content: space-between; }
.introduce-service .cont3 .step1 .tit-cs .l-area .top > span {
    border-radius:50%;
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color:#fff;
    background:#4F81FF;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.introduce-service .cont3 .step1 .tit-cs .l-area .top > h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 54px;
    color: #4F81FF;
    font-family: 'Gmarket Sans';
    margin-bottom: 140px;
}
.introduce-service .cont3 .step1 .tit-cs .l-area .bott > p {
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    color: #595959;
}
.introduce-service .cont3 .step1 .tit-cs .l-area .bott > p > b {
    position: relative;
}
.introduce-service .cont3 .step1 .tit-cs .l-area .bott > p > b:before {
    content: '';
    display: block;
    height:20px;
    background:#4F81FF;
    position: absolute;
    bottom:0;
    z-index: -1;
    opacity: .2;
    padding: 0 10px;
    left:-10px;
    width:100%;
}
.introduce-service .cont3 .step1 .tit-cs .r-area { position: relative; }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs { position: relative; }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(3) > img{ transform: rotatex(180deg); }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs > .txt-box {
    position: absolute;
    top:0;
    left:0;
}
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs > .txt-box > p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(1) { right:135px; }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(3) { top:-20px; }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(1) > .txt-box > p { padding: 75px 0 0 72px; }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(3) > .txt-box > p { padding:123px 0 0 53px; }
.introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs > .txt-box > p > span.blue { color:#4F81FF; }
.introduce-service .cont3 .step1 .tit-cs .r-area .store-img {
    position: absolute;
    z-index: 1;
    top: 170px;
    right: 0;
}
.introduce-service .cont3 .step1 .list { display: flex; justify-content: space-between; }
.introduce-service .cont3 .step1 .list > li {
    background: #FFFFFF;
    box-shadow: -0.209397px 5.99635px 16px rgba(11, 60, 181, 0.141176);
    border-radius: 36px;
    width:185px;
}
.introduce-service .cont3 .step1 .list > li > .list-tit {
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #4F81FF;
    height:72px;
    padding: 40px 0 30px;
}
.introduce-service .cont3 .step1 .list > li > ol {
    list-style: disc;
    padding-left: 35px;
    padding-bottom: 25px;
}
.introduce-service .cont3 .step1 .list > li > ol > li {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color:#595959;
}
.introduce-service .cont3 .step1 .list > li > ol > li.blue { color:#4f81ff; }
.introduce-service .cont3 .step2 { margin-top:150px; }
.introduce-service .cont3 .step2 .tit-cs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.introduce-service .cont3 .step2 .tit-cs .l-area .recycle-cs{
    position: relative;
    border-radius: 50%;
    width: 445px;
    height: 445px;
    background: #d1ddfa;
}
.introduce-service .cont3 .l-area .recycle-cs:before,
.introduce-service .cont3 .l-area .recycle-cs:after {
    border-radius: 50%;
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.introduce-service .cont3 .l-area .recycle-cs:before {
    width: 365px;
    height: 365px;
    background: #687AF3;
}
.introduce-service .cont3 .l-area .recycle-cs:after {
    width: 315px;
    height: 315px;
    background: #fff;
}
.introduce-service .cont3 .l-area .recycle-circle > .circle-arrows {
    width: 232px;
    height: 232px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/intro/circle-arrows.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.introduce-service .cont3 .l-area ul {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 114px;
    height: 125px;
}
.introduce-service .cont3 .l-area ul > li { position: absolute; }
.introduce-service .cont3 .l-area ul > li:nth-child(1) { top:-160px; }
.introduce-service .cont3 .l-area ul > li:nth-child(2) { top: -88px; right: -145px; }
.introduce-service .cont3 .l-area ul > li:nth-child(3) { top: 75px; right: -145px; }
.introduce-service .cont3 .l-area ul > li:nth-child(4) { top:155px; }
.introduce-service .cont3 .l-area ul > li:nth-child(5) { top: 75px; left: -145px; }
.introduce-service .cont3 .l-area ul > li:nth-child(6) { top: -88px; left:-145px; }
.introduce-service .cont3 .step2 .tit-cs .r-area { text-align: right; margin-left: 250px; }
.introduce-service .cont3 .step2 .tit-cs .r-area > .step-num {
    border-radius: 50%;
    font-family: 'Gmarket Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    background: #4F81FF;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.introduce-service .cont3 .step2 .tit-cs .r-area > h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 54px;
    color: #4F81FF;
    font-family: 'Gmarket Sans';
    margin-bottom: 15px;
}
.introduce-service .cont3 .step2 .tit-cs .r-area > p {
    margin-top:15px;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
}
.introduce-service .cont3 .step2 .tit-cs .r-area > p > span { position: relative; }
.introduce-service .cont3 .step2 .tit-cs .r-area > p > span:before {
    content: '';
    display: block;
    height: 20px;
    background: #4F81FF;
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: .2;
    padding: 0 10px;
    left: -10px;
    width: 100%;
}
.introduce-service .cont3 .step2 .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:80px;
}
.introduce-service .cont3 .step2 .list > li {
    background: #E9EFFF;
    border-radius: 35px;
    padding:20px;
    width:344px;
    margin-bottom:22px;
}
.introduce-service .cont3 .step2 .list > li > h6 {
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 125px;
}
.introduce-service .cont3 .step2 .list > li > p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #595959;
    letter-spacing: -.5px;
}
.introduce-service .cont3 .step2 .list > li > h6 > small { color: #4F81FF; display: block; }
.introduce-service .cont4 { padding-bottom: 180px; }
.introduce-service .cont4 .tit-cs { display: flex; justify-content: space-between; }
.introduce-service .cont4 .tit-cs > h6 {
    font-weight: 500;
    font-size: 45px;
    line-height: 54px;
    color: #4F81FF;
    font-family: 'Gmarket Sans';
}
.introduce-service .cont4 .tit-cs > p {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}
.introduce-service .cont4 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:100px;
}
.introduce-service .cont4 ul > li {
    padding:20px;
    background: #FFFFFF;
    box-shadow: -0.244296px 6.99574px 24px rgba(79, 129, 255, 0.0705882);
    border-radius: 35px;
    width:254px;
    margin-bottom: 8px;
    position: relative;
}
.introduce-service .cont4 ul > li:nth-child(2n - 1){
    position: relative;
    top:55px;
}
.introduce-service .cont4 ul > li > span {
    color: #AFC4F9;
    font-weight: 800;
    font-size: 20px;
    line-height: 30px;
    border-radius: 30px;
    border: 3px solid;
    width: 46px;
    height: 30px;
    display: inline-block;
    text-align: center;
}
.introduce-service .cont4 ul > li > .sub-tit {
    padding:180px 0 30px;
}
.introduce-service .cont4 ul > li > .sub-tit > b {
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #4F81FF;
    margin-bottom: 8px;
    display: block;
}
.introduce-service .cont4 ul > li > .sub-tit > small {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #434343;
}
.introduce-service .cont4 ul > li > p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #7D7D7D;
    letter-spacing: -.7px;
}
.introduce-service .cont4 ul > li > img {
    position: absolute;
    right: 30px;
    top: 30px;
}
.introduce-service .cont4 { background:#F4F7FF; }
.introduce-service .cont5 .tit-cs {
    font-weight: 500;
    font-size: 45px;
    line-height: 54px;
    text-align: center;
    color: #4F81FF;
    margin-bottom: 90px;
    font-family: 'Gmarket Sans';
}
.introduce-service .cont5 .tit-cs sub{
    font-weight: 400;
    font-size: 30px;
    line-height: 54px;
    text-align: center;
    display: block;
    color: #4F81FF;
    margin-bottom: 10px;
}
.introduce-service .cont6 { background:#F4F7FF; }
.introduce-service .cont6 .tit-cs {
    font-weight: 600;
    font-size: 45px;
    line-height: 54px;
    color: #4F81FF;
    font-family: 'Gmarket Sans';
}
.introduce-service .cont6 .tit-cs > small { font-weight: 400; }
.introduce-service .cont6 .effect-depth-cs {
    position: relative;
    top: -45px;
    width: 74%;
    margin-left: auto;
    margin-bottom: 80px;
}
.introduce-service .cont6 .effect-depth-cs .num { position: relative; }
.introduce-service .cont6 .effect-depth-cs .num > ul { position: absolute; top:45px; }
.introduce-service .cont6 .effect-depth-cs .num > ul:before {
    content: '';
    border-left: 3px dashed #4F81FF;
    height: 0%;
    display: inline-block;
    width: 1px;
    left: 22px;
    position: absolute;
    z-index: 0;
    transition: height .5s;
}
.introduce-service .cont6 .effect-depth-cs .num > ul.scl-on:before {
    height: 87%;
}
.introduce-service .cont6 .effect-depth-cs .num > ul > li {
    margin-bottom: 130px;
}
.introduce-service .cont6 .effect-depth-cs .num > ul > li > span {
    width:48px;
    height:48px;
    background:#4f81ff;
    border-radius: 50%;
    color:#fff;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs { padding-left:155px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon{
    background: #FFFFFF;
    box-shadow: -0.244296px 6.99574px 24px rgba(79, 129, 255, 0.0705882);
    border-radius: 35px;
    display: flex;
    width:600px;
    height:136px;
    margin-bottom: 43px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(2n) .balloon{
    left:85px;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: 25px solid transparent;
    border-right: 25px solid #ffff;
    display: inline-block;
    left: -50px;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > span {
    border: 3px solid #4F81FF;
    border-radius: 26px;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #4F81FF;
    width: 105px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > p {
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #434343;
    margin-left:15px;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > sub {
    width:100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #7D7D7D;
    text-align: center;
    margin-top:-30px;
}
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > .item-deco { position: absolute; width:100%; height:100%; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(1) .balloon > .item-deco > img { right:-30px; top:-10px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(2) .balloon > .item-deco > img { left: -112px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(3) .balloon > .item-deco > img { right: 10px; top: -20px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(4) .balloon > .item-deco > img { top: -20px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(5) .balloon > .item-deco > img { top: -10px; right: -33px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(6) .balloon > .item-deco > img:nth-child(1) { left: -105px; top:10px; }
.introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(6) .balloon > .item-deco > img:nth-child(2) { left: -25px; top: 10px; }
.introduce-service .cont6 .sub-tit-cs {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 45px;
    line-height: 54px;
    color: #4F81FF;
    font-family: 'Gmarket Sans';
}
.introduce-service .cont6 .sub-tit-cs img { margin-left: 15px; }
.introduce-service .cont6 .sub-cont-cs {
    display: flex;
    justify-content: space-between;
    margin-top:100px;
}
.introduce-service .cont6 .sub-cont-cs > .sub-box {
    background: #FFFFFF;
    box-shadow: -0.244296px 6.99574px 24px rgba(79, 129, 255, 0.0705882);
    border-radius: 60px;
    width: 49%;
    display: block;
    text-align: center;
    padding: 50px 0;
}
.introduce-service .cont6 .sub-cont-cs > .sub-box > .tit {
    font-weight: 800;
    font-size: 30px;
    color: #FFFFFF;
    background: #4F81FF;
    border-radius: 35px;
    width: 284px;
    text-align: center;
    margin: -85px auto 25px;
    height: 70px;
    line-height: 70px;
}
.introduce-service .cont6 .sub-cont-cs > .sub-box:nth-child(2) > img { margin-top:60px; }
.introduce-service .cont7 {
    background: linear-gradient(180deg, #1C5DFF -11%, #1C5DFF -9.81%, #4F7EFF 56.02%, #FFFFFF 111%);
    padding-bottom: 200px;
}
.introduce-service .cont7 .tit-cs {
    font-weight: 500;
    font-size: 45px;
    line-height: 54px;
    color: #FFFFFF;
    font-family: 'Gmarket Sans';
    position: relative;
}
.introduce-service .cont7 .tit-cs small{ font-weight: 400; }
.introduce-service .cont7 .tit-cs .item-deco > img { left:180px; top:-45px; }
.introduce-service .cont7 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:65px;
    z-index: 1;
    position: relative;
}
.introduce-service .cont7 ul > li {
    background: #FFFFFF;
    box-shadow: -0.209397px 5.99635px 16px rgba(11, 60, 181, 0.141176);
    border-radius: 65px;
    width: 23.5%;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding: 70px 0 35px;
}
.introduce-service .cont7 ul > li:nth-child(2n - 1) { top:50px; }
.introduce-service .cont7 ul > li > span {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 18px;
    line-height: 22px;
    background: #4F81FF;
}
.introduce-service .cont7 ul > li > .thm {
    height:120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.introduce-service .cont7 ul > li > p {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #434343;
    margin-bottom:15px;
}
.introduce-service .cont7 ul > li > p > b {
    display: block;
    color:#ff0000;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
}
.introduce-service .cont7 ul > li > .txt {
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #4F81FF;
    position: relative;
}
.introduce-service .cont7 ul > li > .txt > span { position: relative; z-index: 0; }
.introduce-service .cont7 ul > li > .txt > span:before {
    content: '';
    position: absolute;
    display: block;
    background: #FFDC62;
    height:23px;
    bottom:-5px;
    padding: 0 10px;
    left:-10px;
    width: 100%;
    z-index: -1;
}
.introduce-service .cont7 ul > li:nth-child(4) > .txt,
.introduce-service .cont7 ul > li:nth-child(6) > .txt,
.introduce-service .cont7 ul > li:nth-child(7) > .txt,
.introduce-service .cont7 ul > li:nth-child(8) > .txt{ margin-top:30px; }
.introduce-service .cont7 ul > li > sub {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #434343;
}
.introduce-service .cont7 > .wrap > img { z-index: 1; position: relative; }
.introduce-service .cont7 > .wrap > .item-deco > img{
top: 8%;
left: 35%;
}
.introduce-service .cont7 .deco > .circle1:nth-child(1) {
width: 190px;
height: 190px;
right: 350px;
top: 200px;
}
.introduce-service .cont7 .deco > .circle3:nth-child(2) {
width: 350px;
height: 350px;
left: 484px;
bottom: 200px;
}
.introduce-service .cont7 .deco > img:nth-child(3) {
right: 500px;
top: 596px;
width: 25px;
transform: rotate(45deg);
opacity: .2;
}
.introduce-service .cont7 .deco > img:nth-child(4) {
transform: rotate(180deg);
right: 280px;
top: 625px;
opacity: .2;
}
.introduce-service .cont8 { background:#F4F7FF; }
.introduce-service .cont8 .tit-cs {
    font-weight: 500;
    font-size: 45px;
    line-height: 54px;
    color: #4F81FF;
    margin-bottom: 55px;
    font-family: 'Gmarket Sans';
}
.introduce-service .cont8 .wrap > ul > li {
    display: flex;
    justify-content: space-between;
    margin-bottom:25px;
    position: relative;
}
.introduce-service .cont8 .wrap > ul > li > .thm { width:120px; }
.introduce-service .cont8 .wrap > ul > li.left > .thm { margin-left: 20px; }
.introduce-service .cont8 .wrap > ul > li.right > .thm { margin-right: 20px; }
.introduce-service .cont8 .wrap > ul > li > .txt-box {
    width:calc(100% - 280px);
    background: #FFFFFF;
    box-shadow: 0px 0px 13px rgba(49, 49, 49, 0.0588235);
    border-radius: 30px;
    padding: 15px 60px;
}
.introduce-service .cont8 .wrap > ul > li > .txt-box > p {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    color: #3B3B3B;
    text-align: left;
}
.introduce-service .cont8 .wrap > ul > li > .txt-box > p > .pc-hide { margin-top: 5px; }
.introduce-service .cont8 .wrap > ul > li > .txt-box > p .tag {
    color: #4F81FF;
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    background: #E9F3FF;
    border-radius: 16px;
    width:118px;
    height:32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left:5px;
}
.introduce-service .cont8 .wrap > ul > li > .thm p {
    padding:5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 33px;
    color: #3B3B3B;
}
.introduce-service .cont8 .wrap > ul > li.right {
    flex-direction: row-reverse;
}
.introduce-service .cont8 .wrap > ul > li.right > .thm > img {
    transform: rotateY(180deg);
}
.introduce-service .cont8 .btn-cs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:95px;
}
.introduce-service .cont8 .btn-cs a {
    background:#4F81FF;
    border-radius: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color:#fff;
    width:320px;
    height:65px;
    line-height:65px;
    margin:0 50px;
    text-align: center;
}
.introduce-service .cont9 img { margin:auto; }
.svc-bt-quick-menu {
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    border-radius: 16px 16px 0px 0px;
    padding:20px 0;
    box-shadow: 0 -3px 15px rgba(0,0,0,.1);
    z-index: 2;
}
.svc-bt-quick-menu > ul { display: flex; justify-content: center; }
.svc-bt-quick-menu > ul > li { margin:0 13px; }
.svc-bt-quick-menu > ul > li img { margin-right:12px; }
.svc-bt-quick-menu > ul > li  p { font-size: 14px; font-weight: 600; padding-right:18px; position: relative; }
.svc-bt-quick-menu > ul > li  a { display: flex; justify-content: center; align-items: center; margin-right:12px; }
.svc-bt-quick-menu > ul > li  p:before, .svc-bt-quick-menu > ul > li  p:after {
    content: '';
    width:6px;
    height:2px;
    position: absolute;
    right:0;
    background: #C2CAE8;
}
.svc-bt-quick-menu > ul > li  p:before {
    top:7px;
    transform: rotate(45deg);
}
.svc-bt-quick-menu > ul > li  p:after {
    top:11px;
    transform: rotate(-45deg);
}
@media screen and (max-width: 769px) {
    .m-hide { display: none; }
    .m-show { display: block!important; }
    .m-show-flx { display: flex!important; }
    .introduce-service .cont {padding: 40px 0; }
    .introduce-service .wrap { width:calc(100% - 30px); }
    .introduce-service > .main-banner { padding: 65px 0 100px; }
    .introduce-service .main-banner .wrap { width: calc(100% - 30px); flex-wrap: wrap; }
    .introduce-service .main-banner .wrap .l-area, .introduce-service .main-banner .wrap .r-area { width:100%; }
    .introduce-service .main-banner .wrap .l-area { z-index: 3; }
    .introduce-service .main-banner .wrap .r-area { margin-top:50px; z-index: 2; }
    .introduce-service .main-banner .l-area > h4 { font-size: 50px; line-height: 42px;}
    .introduce-service .main-banner .l-area > h4 > small { font-size: 36px; padding-top:20px; display: block; }
    .introduce-service .main-banner .l-area > .btn-cs { margin-top:20px; text-align: center; }
    .introduce-service .main-banner .l-area > .btn-cs > .btn { font-size: 18px; width:160px; height:48px; line-height: 48px; }
    .introduce-service .main-banner .l-area > .btn-cs > a:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 0;
        width: 100%;
        border: none;
        background: #03223A;
        font-size: 14px;
        height:44px;
        line-height: 44px;
    }
    .introduce-service .main-banner .r-area .needs-cs .txt-img { width:200px; top:-35px; }
    .introduce-service .main-banner .deco .circle1 { display: none; }
    .introduce-service .main-banner .deco .circle2:nth-child(4) { width:300px; height:300px; top:-17%; }
    .introduce-service .main-banner .r-area .needs-cs .item-deco > img:nth-child(1) { width: 20%; right: -14px; top: 10px; }
    .introduce-service .main-banner .r-area .needs-cs .item-deco > img:nth-child(2) { width: 15%; top: 75px; left: -6px; }
    .introduce-service .main-banner .r-area .needs-cs .item-deco > img:nth-child(3) {
        width: 38%;
        right: auto;
        left: -15px;
        bottom: -56px;
    }
    .introduce-service .main-banner .deco .circle3:nth-child(5) {
        width: 300px;
        height: 300px;
        bottom: -11%;
        left: -25%;
    }
    .introduce-service .main-banner .deco img:nth-child(6) { top: 12px; width: 20%; left: 25px; }
    .introduce-service .main-banner .deco img:nth-child(7) { width: 4%; top: 44px; left: 99px; }
    .introduce-service .main-banner .deco img:nth-child(8) {
        top: 350px;
        left: 8px;
        width: 10%;
        z-index: 2;
    }
    .introduce-service .main-banner .deco img:nth-child(9) {
        top: 17%;
        left: auto;
        right: 8%;
        width: 12%;
    }
    .introduce-service .main-banner .deco img:nth-child(10) { width: 18%; left: 50%; bottom: 13%; }
    .introduce-service .main-banner .deco img:nth-child(11) {
        right: 1%;
        z-index: 2;
        width:85%;
        bottom: 44px;
    }
    .introduce-service .cont1 p:before, .introduce-service .cont1 p:after { display: block; position: relative; }
    .introduce-service .cont1 p {
        font-size: 16px;
        width: 100%;
        letter-spacing: -1px;
        line-height: 22px;
    }
    .introduce-service .cont1 { padding:80px 0; }
    .introduce-service .cont1 p:before { left: 0; }
    .introduce-service .cont1 p:after { right: 0; top: 70px; }
    .introduce-service .cont2 { padding-top:40px; }
    .introduce-service .cont2 .sub-tit p {
        font-size: 14px;
        letter-spacing: -1px;
        word-spacing: -2px;
        line-height: 24px;
    }
    .introduce-service .cont2 .sub-tit h6 {
        font-size: 22px;
        letter-spacing: -.5px;
        word-spacing: -.5px;
        line-height: 32px;
    }
    .introduce-service .cont2-card-box { border-radius: 20px; padding:20px; top:-30px; }
    .introduce-service .cont2-card-box > .plus-cs { display: none; }
    .introduce-service .cont2-card-box > ul { width: 100%; top:-60px; }
    .introduce-service .cont2-card-box > ul > li.balloon {
        width: 270px;
        height: 105px;
        background-size:100%;
        left:0;
        right: 0;
        margin:auto;
    }
    .introduce-service .cont2-card-box > ul > li.balloon > p { margin-top: -10px; font-size: 20px; }
    .introduce-service .cont2-card-box { flex-direction: column; }
    .introduce-service .cont2-card-box > ul > li { height: 85px; border-radius: 22px; margin-bottom: 15px; }
    .introduce-service .cont2-card-box > ul > li > p { font-size:22px; line-height: 26px; margin-bottom: 5px; }
    .introduce-service .cont2-card-box > ul > li > sub { font-size:14px; line-height: 20px; }
    .cont2-card-box > .circle-cs { margin-bottom: 20px; }
    .cont2-card-box > .circle-cs > .balloon {
        width: 280px;
        background-size: 100%;
        font-size: 20px;
        padding-top: 28px;
        height: 80px;
        margin-bottom: 15px;
    }
    .cont2-card-box > .circle-cs > .recycle-cs {
        width:280px;
        height: 280px;
    }
    .cont2-card-box > .circle-cs > .recycle-cs:before {
        width:230px;
        height:230px;
    }
    .cont2-card-box > .circle-cs > .recycle-cs:after {
        width:180px;
        height:180px;
    }
    .cont2-card-box > .circle-cs > .recycle-cs > .recycle-circle > .circle-arrows {
        width:130px;
        height:130px;
        background-size: 100%;
    }
    .cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(1) { top:-107px; }
    .cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(2) { top: -55px; right: -113px; }
    .cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(3) { top: 65px; right: -113px; }
    .cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(4) { top:115px; }
    .cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(5) { top: 65px; left: -113px; }
    .cont2-card-box > .circle-cs > .recycle-cs > ul > li:nth-child(6) { top: -55px; left: -113px; }
    .introduce-service .cont2 .sub-tit h6 > span { font-size:26px; padding-top:11px; margin-top:20px; }
    .introduce-service .cont2 .item-deco img:nth-child(1) { top: 74px; width: 36px; right: 64px; }
    .introduce-service .cont2 .item-deco img:nth-child(2) { top: 76px; width: 40px; right: 17px; }
    .introduce-service .cont3 .step1 .tit-cs { flex-direction: column; margin-bottom: 80px;}
    .introduce-service .cont3 .step1 .tit-cs .l-area { position: relative; }
    .introduce-service .cont3 .step1 .tit-cs .l-area > .top { text-align: center; }
    .introduce-service .cont3 .step1 .tit-cs .l-area .top > span { margin-bottom: 25px; }
    .introduce-service .cont3 .step1 .tit-cs .l-area .top > h5 { font-size: 40px; margin-bottom: 18px; }
    .introduce-service .cont3 .step1 .tit-cs .l-area .bott { position: absolute; bottom:-355px; }
    .introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(1) { right: 0; width: 290px; }
    .introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(1) > .txt-box > p { padding: 40px 0 0 35px; font-size: 12px; line-height: 16px; }
    .introduce-service .cont3 .step1 .tit-cs .r-area .store-img { top: 100px; right: 0; width: 115px; }
    .introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(3) { top: -13px; right: -45px; }
    .introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(3) > img { transform: rotatex(180deg); width: 290px; }
    .introduce-service .cont3 .step1 .tit-cs .r-area .balloon-cs:nth-child(3) > .txt-box > p { padding: 64px 0 0 20px; font-size: 12px; line-height: 16px; }
    .introduce-service .cont3 .step1 .tit-cs .l-area .bott > p { font-size: 18px; }
    .introduce-service .cont3 .step1 .list { flex-wrap: wrap; }
    .introduce-service .cont3 .step1 .list > li { width: 48.5%; margin-bottom: 30px; }
    .introduce-service .cont3 .step1 .list > li > .list-tit {
        font-size: 20px;
        height: auto;
        line-height: 26px;
        padding: 24px 0;
    }
    .introduce-service .cont3 .step1 .list > li > ol { letter-spacing: -1px; word-spacing: -1px; }
    .introduce-service .cont3 .step1 .list > li > ol > li { font-size:14px; line-height: 24px; }
    .introduce-service .cont3 .step2 { margin-top:30px; }
    .introduce-service .cont3 .step2 .tit-cs { flex-direction: column-reverse; }
    .introduce-service .cont3 .step2 .tit-cs .l-area { padding-top:60px; }
    .introduce-service .cont3 .step2 .tit-cs .r-area { margin-left: 0; text-align: center; }
    .introduce-service .cont3 .step2 .tit-cs .r-area > h5 { font-size:40px; line-height: 50px; }
    .introduce-service .cont3 .step2 .tit-cs .r-area > p { font-size:18px; line-height: 22px; }
    .introduce-service .cont3 .step2 .tit-cs .l-area { transform: scale(.65); padding-top:0px; }
    .introduce-service .cont3 .step2 .list { margin-top:10px; }
    .introduce-service .cont3 .step2 .list > li > h6 {
        margin-bottom: 40px;
        font-weight: 800;
        font-size: 24px;
        line-height: 36px;
    }
    .introduce-service .cont3 .step2 .list > li > p { font-size: 16px; line-height: 24px; }
    .introduce-service .cont4 .tit-cs { flex-direction: column; }
    .introduce-service .cont4 .tit-cs > h6 { font-size: 40px; line-height: 48px; margin-bottom: 25px; }
    .introduce-service .cont4 .tit-cs > p { font-size: 14px; line-height: 23px; }
    .introduce-service .cont4 ul { margin-top:40px; }
    .introduce-service .cont4 ul > li:nth-child(2n - 1) { top:0; }
    .introduce-service .cont4 ul > li { width: 44%; border-right: 20px; padding:19px 8px; }
    .introduce-service .cont4 ul > li > img { width: 28%; right: 10px; top:20px; }
    .introduce-service .cont4 ul > li > span { font-size: 14px; width: 35px; height: 30px; }
    .introduce-service .cont4 ul > li > .sub-tit { padding: 50px 0 30px; }
    .introduce-service .cont4 ul > li > .sub-tit > b {
        font-size: 18px;
        line-height: 32px;
        word-spacing: -1px;
        letter-spacing: -1px;
    }
    .introduce-service .cont4 ul > li > .sub-tit > small {
        font-size: 13px;
        line-height: 19px;
        height: 40px;
        margin-bottom: 5px;
        letter-spacing: -.8px;
        display: block;
    }
    .introduce-service .cont4 ul > li > p {
        font-size: 12px;
        line-height: 20px;
        text-align: justify;
        letter-spacing: -1px;
        word-spacing: -1.5px;
    }
    .introduce-service .cont5 .tit-cs {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -.5px;
        margin-bottom: 30px;
    }
    .introduce-service .cont5 .tit-cs sub { font-size: 16px; line-height: 23px; }
    .introduce-service .cont6 .tit-cs { font-size:40px; line-height: 44px; }
    .introduce-service .cont6 .effect-depth-cs { top: 30px; margin-left: 0; }
    .introduce-service .cont6 .effect-depth-cs .txt-cs { padding-left:55px; }
    .introduce-service .cont6 .effect-depth-cs .num > ul > li { margin-bottom: 72px; }
    .introduce-service .cont6 .effect-depth-cs .num > ul > li > span { font-size:16px; width:38px; height:38px; }
    .introduce-service .cont6 .effect-depth-cs .num > ul:before { left:17px; }
    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li:nth-child(2n) .balloon { left:0; }
    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon {
        width: 275px;
        height: 80px;
        border-radius: 20px;
        margin-bottom: 30px;
        justify-content: flex-start;
        padding-left: 7px;
    }
    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon:before {
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid #ffff;
        left:-20px;
    }

    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > span {
        font-size:12px;
        width: 60px;
        height: 25px;
    }
    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > p {
        font-size: 14px;
        line-height: 18px;
        margin-left:8px;
    }
    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > sub { font-size:10px; }
    .introduce-service .cont6 .effect-depth-cs .txt-cs > ul > li .balloon > .item-deco { display: none; }
    .introduce-service .cont6 .effect-depth-cs .num > ul { top:22px; }
    .introduce-service .cont6 .sub-tit-cs { font-size:20px; }
    .introduce-service .cont6 .sub-tit-cs img { width:22px; }
    .introduce-service .cont6 .sub-cont-cs { flex-wrap: wrap; }
    .introduce-service .cont6 .sub-cont-cs > .sub-box { width:100%; border-radius: 30px; }
    .introduce-service .cont6 .sub-cont-cs > .sub-box:nth-child(1){ margin-bottom: 70px; }
    .introduce-service .cont6 .sub-cont-cs > .sub-box > .tit {
        width: 170px;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
    }
    .introduce-service .cont7 .tit-cs {
        font-size:40px;
        line-height: 48px;
    }
    .introduce-service .cont7 .tit-cs .item-deco > img {
        top: -25px;
        width: 40px;
    }
    .introduce-service .cont7 ul > li {
        width: 80%;
        margin: 0 auto 20px;
        padding:30px 0;
    }
    .introduce-service .cont7 ul > li:nth-child(2n - 1) { top:0; }
    .introduce-service .cont8 .tit-cs { text-align: center; margin-bottom: 20px; }
    .introduce-service .cont8 .wrap > ul > li > .thm { position: absolute; bottom:5px; right:0; z-index: 1; }
    .introduce-service .cont8 .wrap > ul > li.left > .thm > img { display: none; }
    .introduce-service .cont8 .wrap > ul > li.right > .thm > img { display: none; }
    .introduce-service .cont8 .wrap > ul > li > .thm p { font-size: 14px; }
    .introduce-service .cont8 .wrap > ul > li > .txt-box { width:100%; padding: 20px 15px; border-radius: 20px; }
    .introduce-service .cont8 .wrap > ul > li > .txt-box > p { font-size:16px; line-height: 24px; }
    .introduce-service .cont8 .wrap > ul > li > .txt-box > p .tag {
        font-size: 12px;
        width: 80px;
        height: 32px;
    }
    .introduce-service .cont8 .btn-cs { margin-top:25px; }
    .introduce-service .cont8 .btn-cs a {
        font-size: 16px;
        margin: 0 5px;
        height: 32px;
        line-height: 32px;
        width: 125px;
    }
    .introduce-service .cont9 { margin-bottom: 70px; }
}
.detail-top .pin-detail-box2 {
    border: 1px solid #dadce0;
    border-radius: 12px;
    padding: 15px;
    background: #fff;
    z-index: 10;
    overflow: hidden;
    display: block;
    margin-top:15px;
}
.detail-top .pin-detail-box2 .detail-comp-guide > a {
    display: block;
    text-align: center;
    height:48px;
    line-height: 48px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    color:#fff;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 12px;
    position: relative;
}
.detail-top .pin-detail-box2 .detail-comp-guide > a:before{
    content:'';
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-right:2px;
}
.detail-top .pin-detail-box2 .detail-comp-guide > .service-menual {
    background: linear-gradient(91.44deg, #0D89E8 -1.72%, #1BB694 62.86%, rgba(48, 255, 15, 0.5) 119.3%);
}
.detail-top .pin-detail-box2 .detail-comp-guide > .down-guide {
    background: linear-gradient(90.87deg, #2F80ED 0.75%, #56CCF2 126.7%);
}
.detail-top .pin-detail-box2 .detail-comp-guide > .service-menual:before{
    background:url('https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/service-menual-img.png');
    margin-top:-4px;
}
.detail-top .pin-detail-box2 .detail-comp-guide > .down-guide:before{
    background: url('https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/down-guide-img.png');
}
.detail-top .pin-detail-box2 .detail-comp-guide .tel-box {
    margin-top:30px;
    height:60px;
    padding: 12px 0 12px 125px;
    background: url('https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/guide-tel.png') left center no-repeat;
    position: relative;
}
.detail-top .pin-detail-box2 .detail-comp-guide .tel-box:after {
    content:'';
    background:url('https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/sub/guide-smile.png');
    position:absolute;
    right: 50px;
    top: -20px;
    width:62px;
    height: 62px;
}
.detail-top .pin-detail-box2 .detail-comp-guide .tel-box > a {
    display: block;
    font-weight: 800;
    font-size: 40px;
}
.detail-top .pin-detail-box2 .detail-comp-guide .tel-box > a > small {
    font-size: 16px;
    margin-bottom: 12px;
    display: block;
}
.detail-top .detail-comp1 > h6 {
    font-size: 18px;
    margin-top: 10px;
}
.detail-top .detail-comp1.detail-board-cs > h6 {
    font-size: 24px;
    letter-spacing: -0.01px;
    color: #222;
    font-weight: bold;
    line-height: 34px;
    display: inline-block;
    margin-bottom:12px;
}
.detail-top .pin-detail-box3 {
    border: 1px solid #dadce0;
    border-radius: 12px;
    padding: 15px;
    background: #fff;
    z-index: 10;
    overflow: hidden;
    display: block;
    margin-top:15px;
}
.detail-top .pin-detail-box3 > h6 {
    font-size: 18px;
    margin-top: 10px;
}
.detail-top .pin-detail-box3 .detail-comp1 {
    font-size: 14px;
    color: #101010;
    background: #f2f5ff;
    border-radius: 8px;
    padding: 10px 20px;
}
.detail-top .pin-detail-box3 .detail-comp1 li{
    line-height: 24px;
    letter-spacing: -0.01px;
    padding-left: 20px;
    position: relative;
    font-weight: 500;
}
.detail-top .pin-detail-box3 .detail-comp1 .detail-list1 {
    margin-top: 12px;
    font-size: 14px;
    color: #101010;
    background: #f2f5ff;
    border-radius: 8px;
    padding: 0;
}
.detail-top .pin-detail-box3 .detail-comp1 .detail-list1 li::before {
    width: 7px;
    height: 7px;
    background: #4f81ff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
    display: block;
    content: '';
}
.detail-top .pin-detail-box3 .detail-comp1.detail-board-cs {
    line-height: 24px;
    font-weight: 500;
}
@media screen and (max-width: 769px) {
    .detail-top .pin-detail-box2 .detail-comp-guide > a {
        font-size:16px;
    }
    .detail-top .pin-detail-box2 .detail-comp-guide .tel-box {
        background-size:50px;
        background-position: left 40px center;
        padding-left:95px;
        margin-top:8px;
        padding-bottom: 0;
    }
    .detail-top .pin-detail-box2 .detail-comp-guide .tel-box > a {
        font-size:26px;
    }
    .detail-top .pin-detail-box2 .detail-comp-guide .tel-box > a > small {
        margin-bottom: 5px;
        font-size:14px;
    }
    .detail-top .pin-detail-box2 .detail-comp-guide .tel-box:after {
        right:10px;
    }
    .detail-top .pin-detail-box3 .detail-comp1 .detail-list1 {
        margin-top:8px;
    }
    .detail-top .pin-detail-box3 .detail-comp1 li {
        line-height: 18px;
        font-size:12px;
        padding-left:12px;
    }
    .detail-top .pin-detail-box3 .detail-comp1 .detail-list1 li::before {
        top:5px;
    }
    .detail-top .detail-comp1 > h6 {
        margin-top:5px;
        font-size:16px;
    }
}
.detail-top .pin-detail-box3 .detail-board-cs p { margin-top:10px; }
.detail-top .detail-comp2 .pinsquare-service-box a {
    height: 58px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-size: 16px;
    letter-spacing: -0.01px;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    position: relative;
    border-radius: 12px;
    background:linear-gradient(135deg, #60a0ea 0%, #5228c3 100%);
}
.detail-top .detail-comp2 .pinsquare-service-box a:after {
    width: 7px;
    height: 11px;
    background: url(https://resource.mall.castingn.com/static/images/ico_arrow.png) left/100% no-repeat;
    content: '';
    margin-left: 10px;
}

.evt-scl.l-sd { transform:translateX(100px); }
.evt-scl.r-sd { transform:translateX(-100px); }
.evt-scl.t-sd { transform:translateY(100px); }
.evt-scl.b-sd { transform:translateY(-100px); }
.evt-scl { opacity: 0; transition: .5s; }
.evt-scl.dl1 { transition-delay: .5s; }
.evt-scl.dl2 { transition-delay: .6s; }
.evt-scl.dl3 { transition-delay: .7s; }
.evt-scl.dl4 { transition-delay: .8s; }
.evt-scl.dl5 { transition-delay: .9s; }
.evt-scl.dl6 { transition-delay: 1s; }
.evt-scl.dl7 { transition-delay: 1.1s; }
.evt-scl.scl-on { opacity: 1; transform:translate(0,0); }

.inquiry-file-upload { margin-top:20px; }
.inquiry-file-upload input[type="file"] { display: none; }
.inquiry-file-upload label {
    border:1px solid;
    border-radius: 4px;
    color:#4f81ff;
    padding:3px 8px;
}

#btn-upload{
    border:1px solid;
    border-radius: 4px;
    color:#4f81ff;
    padding:3px 8px;
}

.inquiry-file-upload > .files-cs {
    display: inline-flex;
    align-items: center;
}
.inquiry-file-upload > .files-cs .file {
    padding: 3px 8px;
    border-radius: 4px;
    background-color: #f5f5f5;
    text-align: center;
    height: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    margin-left: 5px;
    max-width: 120px;
    width: auto!important;
}
.inquiry-file-upload > .files-cs .file .txt {
    color: #b3b7ba;
    font-size: 14px;
    font-weight: 500;
    max-width:200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inquiry-file-upload > .files-cs .file .x-box {
    position: relative;
    width:14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
}
.inquiry-file-upload > .files-cs .file .x-box:before,
.inquiry-file-upload > .files-cs .file .x-box:after{
    content: '';
    width:5px;
    height: 1px;
    background-color: #848484;
    display: inline-block;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.inquiry-file-upload > .files-cs .file .x-box:before {
    transform: rotate(-45deg);
}
.inquiry-file-upload > .files-cs .file .x-box:after{
    transform: rotate(45deg);
}

.w100 {
    width:100%!important;
}
.unfound-search { text-align: center; margin: 80px 0 30px; grid-column-end:span 5 }
.unfound-search p.txt01 {
    font-size: 28px;
    color: #333;
    letter-spacing: -1px;
}
.unfound-search p.txt01 span { color:#32ab8c; }
.unfound-search p.txt02 {
    font-size: 18px;
    color: #666;
    letter-spacing: -1px;
    margin: 20px 0 40px;
}
.unfound-search ul {
    width: 385px;
    margin: 0 auto 40px;
    list-style: disc;
}
.unfound-search li {
    text-align: left;
    font-size: 15px;
    color: #666;
    font-weight: 300;
    line-height: 24px;
}
.unfound-search a {
    background: #000;
    color:#fff;
    padding: 8px 12px;
    border-radius: 5px;
}
.txt16 { font-size: 16px; line-height: 18px; }
.txt-blue { color:#007AFF; }


@media screen and (max-width: 769px) {
    .unfound-search { margin:45px 0 0;}
    .unfound-search p.txt01 { font-size: 22px; }
    .unfound-search p.txt02 { font-size:16px; margin-bottom: 20px; }
    .unfound-search ul { width:80%; }
    .remain-free-popup-bg .remain-card .full-cont .full_body { min-width:100%; }
}
.es-order-tit-cs {
    box-sizing: border-box;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 40px;
}
.es-order-tit-cs .tit {
    display: flex;
    height: 100px;
    align-items: center;
}
.es-order-tit-cs .tit h6 {
    color: #1E1E1D;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin-right:16px;
}
.es-order-tit-cs .tit p {
    color: #767676;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}
.es-order-tab-cs { margin-bottom: 20px; }
.es-order-tab-cs ul {
    display: flex;
    border-bottom: 2px solid #1E1E1D;
}
.es-order-tab-cs ul li {
    background: #F9FAFB;
    width:34%;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #E8E8E8;
    border-right: 0;
    border-bottom: 0;
    color: #767676;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.es-order-tab-cs ul li:last-child { border-right: 1px solid #E8E8E8; }
.es-order-tab-cs ul li.on {
    border:2px solid #1E1E1D;
    border-bottom: 0;
    background: #fff;
    color:#1E1E1D;
    font-weight: 700;
}
.es-order-tab-cs ul li.on:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #fff;
    z-index: 1;
    height: 3px;
}
.es-order-ct { display: flex; justify-content: space-between; }
.es-order-ct .cont { width:calc(100% - 320px); }
.es-order-ct .cont_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    height:40px;
}
.es-order-ct .cont_top .chk {
    display: flex;
    align-items: center;
}
.es-order-ct .cont_top .chk input { display: none; }
.es-order-ct .cont_top .chk label {
    width: 26px;
    height: 26px;
    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/13px no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    box-sizing: border-box;
}
.es-order-ct .cont_top .chk input:checked + label {
    border-color: #007AFF;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/fvrChkImgOn.png) center/13px no-repeat;
}
.es-order-ct .cont_top .chk p {
    color: #1E1E1D;
    font-size: 16px;
    font-weight: 500;
}
.es-order-ct .cont_top button {
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 40px;
    padding: 0 18px;
    color: #767676;
    font-size: 14px;
    font-weight: 600;
}
.es-order-ct .cont_list li.none-data {
    height: 390px;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #acacac;
    font-size: 16px;
    box-sizing: border-box;
}
.es-order-ct .cont_list li {
    padding:24px 24px 20px;
    border-radius: 8px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.es-order-ct .cont_list li:last-child { margin-bottom:0; }
.es-order-ct .cont_list .brand-name {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom:2px solid #1E1E1D;
    margin-bottom:20px;
    box-sizing: border-box;
}
.es-order-ct .cont_list .brand-name .chk input { display: none; }
.es-order-ct .cont_list .brand-name .chk label {
    width: 26px;
    height: 26px;
    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/13px no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    box-sizing: border-box;
    vertical-align: middle;
}
.es-order-ct .cont_list .brand-name .chk input:checked + label {
    border-color: #007AFF;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/fvrChkImgOn.png) center/13px no-repeat;
}
.es-order-ct .cont_list .brand-name .name {
    color: #1E1E1D;
    font-size: 20px;
    font-weight: 700;
}
.es-order-ct .cont_list .prdt-info {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}
.es-order-ct .cont_list .prdt-info > div { height:140px; border-right:1px solid #E8E8E8; }
.es-order-ct .cont_list .prdt-info > div:last-child { border-right: 0; }
.es-order-ct .cont_list .prdt-info .prdt { display: flex; flex:1; }
.es-order-ct .cont_list .prdt-info .prdt .chk { display: flex; align-items: center; }
.es-order-ct .cont_list .prdt-info .prdt .chk input { display: none; }
.es-order-ct .cont_list .prdt-info .prdt .chk label {
    width: 26px;
    height: 26px;
    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/13px no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px;
    box-sizing: border-box;
}
.es-order-ct .cont_list .prdt-info .prdt .chk input:checked + label {
    border-color: #007AFF;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/officeMarket/fvrChkImgOn.png) center/13px no-repeat;
}
.es-order-ct .cont_list .prdt-info .prdt .thm {
    width:140px;
    height: 140px;
    border-radius: 8px;
    border: 1px solid #DBDBDB;
    background: rgba(232, 232, 232, 1);
    box-sizing: border-box;
    margin-right:20px;
    overflow: hidden;
}
.es-order-ct .cont_list .prdt-info .prdt .txt {
    margin:20px 15px 0 0;
    flex:1;
}
.es-order-ct .cont_list .prdt-info .prdt .txt span.code {
    display: block;
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
}
.es-order-ct .cont_list .prdt-info .prdt .txt p {
    color: #1E1E1D;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
}
.es-order-ct .cont_list .prdt-info .cnt {
    padding:0 40px;
    display: flex;
    align-items: center;
}
.es-order-ct .cont_list .prdt-info .cnt .cnt-ctr {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    height: 40px;
}
.es-order-ct .cont_list .prdt-info .cnt .cnt-ctr input {
    width: 40px;
    text-align: center;
    color: #1E1E1D;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
}
.es-order-ct .cont_list .prdt-info .cnt .cnt-ctr button {
    width: 40px;
    height: 40px;
}
.es-order-ct .cont_list .prdt-info .cnt .cnt-ctr button svg { vertical-align: middle; }
.es-order-ct .cont_list .prdt-info .cnt .cnt-ctr button:first-child { border-right: 1px solid #DBDBDB; }
.es-order-ct .cont_list .prdt-info .cnt .cnt-ctr button:last-child { border-left: 1px solid #DBDBDB; }
.es-order-ct .cont_list .prdt-info .prc {
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.es-order-ct .cont_list .prdt-info .prc > div { text-align: center; }
.es-order-ct .cont_list .prdt-info .prc > div > p {
    color: #1E1E1D;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
.es-order-ct .cont_list .prdt-info .prc > div > p > b { font-size: 18px;  font-weight: 700; }
.es-order-ct .cont_list .prdt-info .prc > div > sub {
    color: #9FA0A4;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration:line-through;
}
.es-order-ct .cont_list .prdt-price-cs {
    height:66px;
    border-radius: 4px;
    background: #F9F9FC;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#666;
    font-size:14px;
    line-height: 20px;
    font-weight:400;

}
.es-order-ct .cont_list .prdt-price-cs strong.black { color:#101010 }
.es-order-ct .cont_list .prdt-price-cs span.blue { color:#0E89E8 }
.es-order-ct .cont_list .tot {
    border-radius: 5px;
    background: #F9FAFB;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #767676;
    font-size: 15px;
    font-weight: 400;
    height: 55px;
}
.es-order-ct .cont_list .tot span { margin-left:5px; }
.es-order-ct .cont_list .tot .black { color: #1E1E1D; font-weight: 500; }
.es-order-ct .cont_list .tot .blue { color: #007AFF; font-weight: 500; }

.es-order-ct aside {
    border-radius: 8px;
    border: 1px solid #1E1E1D;
    background: #FFF;
    box-sizing: border-box;
    padding:30px 24px;
    width: 300px;
    max-height: 426px;
}
.es-order-ct aside .m-arr-btn { display: none; }
.es-order-ct aside .tit {
    color: #1E1E1D;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.es-order-ct aside ul {
    padding-bottom: 10px;
    border-bottom: 1px solid #E8E8E8;
    box-sizing: border-box;
}
.es-order-ct aside ul li {
    font-size: 15px;
    display: flex;
    line-height: 2.5;
    justify-content: space-between;
    align-items: center;
}
.es-order-ct aside ul li .txt { color: #767676; font-weight: 400; }
.es-order-ct aside ul li .prc { color: #1E1E1D; font-weight: 400; }
.es-order-ct aside ul li .prc b { font-weight: 500; }
.es-order-ct aside .tot-prc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:20px 0 30px;
}
.es-order-ct aside .tot-prc .txt {
    color: #1E1E1D;
    font-size: 14px;
    font-weight: 400;
}
.es-order-ct aside .tot-prc .txt .blue { color:#007AFF; }
.es-order-ct aside .tot-prc .prc {
    color: #1E1E1D;
    font-size: 20px;
    font-weight: 400;
}
.es-order-ct aside .tot-prc .prc b { font-weight: 700; }
.es-order-ct aside button {
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    display: flex;
    width: 100%;
    height: 70px;
    color: #1E1E1D;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.es-order-ct aside button:last-child { margin-bottom: 0; }
.es-order-ct aside button.blue-btn {
    background: #007AFF;
    color:#fff;
    border-color: #007AFF;
}
@media screen and (max-width: 769px) {
    .es-order-ct .cont_list li.none-data { height: 100px; font-size:14px }
    .es-order-tit-cs { display: none; }.es-order-tab-cs ul { border: none; }
    .es-order-tab-cs ul li {
        height: 40px;
        font-size: 16px;
        color:#767676;
        border:none;
        border-bottom:1px solid #E8E8E8;
        background: #fff;
    }
    .es-order-tab-cs ul li.on { border: none; }
    .es-order-tab-cs ul li.on:after { background: #0B0D0F; bottom: 0; }
    .es-order-ct aside { position: fixed; bottom:0; left:0; }
    .es-order-tab-cs { margin-bottom: 15px; }
    .es-order-ct .cont { width: 100%; }
    .es-order-ct .cont_top { width:calc(100% - 32px); padding:0 16px; margin-bottom: 15px; }
    .es-order-ct .cont_top .chk label { margin-right: 8px; }
    .es-order-ct .cont_top .chk p { font-size:15px; }
    .es-order-ct .cont_top button { height: 30px; font-size: 13px; }
    .es-order-ct .cont .cont_list {
        border-top: 1px solid #E8E8E8;
        background: #F6F7FB;
        padding-top: 8px;
    }
    .es-order-ct .cont_list li { border:none; padding:19px 16px; }
    .es-order-ct .cont_list .brand-name { padding-bottom: 15px; margin-bottom: 0; }
    .es-order-ct .cont_list .brand-name .chk label { margin-right: 8px; }
    .es-order-ct .cont_list .brand-name .name { font-size:16px; }
    .es-order-ct .cont_list .prdt-info { flex-wrap: wrap; margin-bottom: 0; padding-top:16px; }
    .es-order-ct .cont_list .prdt-info > div { border: none; height:auto; }
    .es-order-ct .cont_list .prdt-info .prdt .chk label { margin-right: 8px; }
    .es-order-ct .cont_list .prdt-info .prdt .thm { width:80px; height: 80px; margin-right:12px; }
    .es-order-ct .cont_list .prdt-info .prdt .txt { margin:0; }
    .es-order-ct .cont_list .prdt-info .prdt .txt span.code { font-size:11px; }
    .es-order-ct .cont_list .prdt-info .prdt .txt p { font-size:14px; -webkit-line-clamp: 2; }
    .es-order-ct .cont_list .prdt-info .prc { padding: 0; }
    .es-order-ct .cont_list .prdt-info .prc > div { display: flex; align-items: center; }
    .es-order-ct .cont_list .prdt-info .prc > div > p { margin-right: 5px; }
    .es-order-ct .cont_list .prdt-info .prc > div > p > b { font-size:15px; }
    .es-order-ct .cont_list .prdt-info .prc > div > sub { font-size:12px; }
    .es-order-ct .cont_list .prdt-info .cnt { padding: 0; }
    .es-order-ct .cont_list .prdt-info .cnt .cnt-ctr { display: inline-flex; height: 28px; margin-top:10px; }
    .es-order-ct .cont_list .prdt-info .cnt .cnt-ctr button { width:28px; height: 28px; }
    .es-order-ct .cont_list .prdt-info .cnt .cnt-ctr input { height:28px; width:36px; }
    .es-order-ct .cont_list .tot { flex-wrap: wrap; font-size:12px; padding:20px 37px; height: auto; }
    .es-order-ct .cont_list .tot > div { width: 100%; text-align: center; font-weight: 400; }
    .es-order-ct .cont_list .tot span { font-size:14px; font-weight: 600; }
    .es-order-ct aside {
        width:100%;
        padding:0;
        border-color: #E8E8E8;
        border-top-left-radius:16px;
        border-top-right-radius:16px;
        border-bottom:none;
    }
    .es-order-ct aside > .m-pd { padding:0 25px; }
    .es-order-ct aside .m-arr-btn { display:block; text-align: center; padding:12px 0; }
    .es-order-ct aside.on .m-arr-btn { transform: rotate(180deg); }
    .es-order-ct aside .tit { display: none; }
    .es-order-ct aside ul { margin-bottom: 20px; display: none; }
    .es-order-ct aside ul li { line-height: 2; font-size:13px; }
    .es-order-ct aside ul li .prc { font-weight:500; }
    .es-order-ct aside .tot-prc { padding:0 0 20px; }
    .es-order-ct aside .tot-prc .txt { font-size:15px; font-weight:700; }
    .es-order-ct aside .tot-prc .prc { color:#007AFF; font-weight: 700; }
    .es-order-ct aside .m-btn-cs { display: flex; flex-direction: row-reverse; }
    .es-order-ct aside .m-btn-cs button {
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
        border:none;
        border-radius: 0;
        background-color:  #1E1E1D;
        flex:1;
        margin-bottom: 0;
    }
    .es-order-ct aside .m-btn-cs button.blue-btn {
        background: #007AFF;
        flex:2;
    }
}

.new-product-svc-ct .w-full { width:100% }
.new-product-svc-ct .py-16 {
    padding-top:16px;
    padding-bottom:16px;
}
.new-product-svc-ct .flx_g4 {
    display: flex;
    gap:4px;
    align-items: center;
    flex-wrap: nowrap;
}
.new-product-svc-ct .grid_g12 {
    display: grid;
    gap:12px;
    align-items: center;
}
.new-product-svc-ct .flx_g12 {
    display: flex;
    gap:12px;
    align-items: center;
    flex-wrap: nowrap;
}
.new-product-svc-ct .gray-btn {
    border-radius: 8px;
    border: 1px solid #C8C8C8;
    background: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    height: 40px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    min-width: 75px;
}
.new-product-svc-ct .board-table-cs {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    border:1px solid #E8E8E8;
}
.new-product-svc-ct .board-table-cs table { border-collapse: collapse }
.new-product-svc-ct .board-table-cs table tr th,
.new-product-svc-ct .board-table-cs table tr td {
    border: 1px solid #E8E8E8;
}
.new-product-svc-ct .board-table-cs table tr th {
    background:#F2F2F2;
    padding:22px 16px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.new-product-svc-ct .board-table-cs table tr th.vtc-top { vertical-align: top }
.new-product-svc-ct .board-table-cs table tr td {
    padding:0 12px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}
.new-product-svc-ct .board-table-cs table tr:first-child th,
.new-product-svc-ct .board-table-cs table tr:first-child td {
    border-top:none;
}
.new-product-svc-ct .board-table-cs table tr:last-child th,
.new-product-svc-ct .board-table-cs table tr:last-child td {
    border-bottom:none;
}
.new-product-svc-ct .board-table-cs table tr th:first-child,
.new-product-svc-ct .board-table-cs table tr td:first-child {
    border-left:none;
}
.new-product-svc-ct .board-table-cs table tr th:last-child,
.new-product-svc-ct .board-table-cs table tr td:last-child {
    border-right:none;
}
.new-product-svc-ct .red {
    color: #F05046;
    font-size: 14px;
}
.new-product-svc-ct .blue {
    color: #0E89E8;
    font-size: 14px;
}
.new-product-svc-ct .black {
    color: #202020;
    font-size: 14px;
}
.new-product-svc-ct .df-input {
    display: flex;
    height: 40px;
    line-height: 40px;
    text-indent: 16px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    border:1px solid #C8C8C8;
    background: #fff;
    box-sizing: border-box;
}
.new-product-svc-ct .df-input::placeholder {
    color:#C8C8C8;
}
.new-product-svc-ct .df-input:disabled {
    background: #F2F2F2;
    border-color:#E8E8E8;
}
.new-product-svc-ct .df-textarea {
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    border:1px solid #C8C8C8;
    background: #fff;
    padding:12px 16px;
    width: calc( 100% - 32px );
}
.new-product-svc-ct .df-textarea::placeholder {
    color:#C8C8C8;
}
.new-product-svc-ct .info-txt { padding:12px 0 }
.new-product-svc-ct .info-txt p {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 8px;
}
.new-product-svc-ct .info-txt p span.red {
    vertical-align: middle;
    padding-right:4px;
}
.new-product-svc-ct .add-newproduct-cs {
    padding-bottom:24px;
    border-bottom:1px solid #666;
    margin-bottom:20px;
}
.basket-process-wrap .delivery-back-blue-btn {
    display: flex;
    width: 120px;
    height: 56px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    background: #0E89E8;
    margin:48px auto 0;
}
.new-product-svc-ct .bot-page-btn {
    display: flex;
    justify-content: center;
    gap:8px;
    margin-bottom: 80px;
}
.new-product-svc-ct .bot-page-btn a {
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    width: 116px;
}
.new-product-svc-ct .bot-page-btn a.btn {
    border: 1px solid #C8C8C8;
    background: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 700;
}
.new-product-svc-ct .bot-page-btn a.black-btn {
    border: 1px solid #333333;
    background: #333333;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.new-product-svc-ct .flx_g8 {
    display: flex;
    gap:8px;
}
.new-product-svc-ct .flx_btw_vct{
    display: flex;
    justify-content: space-between;
}
.new-product-svc-ct .left { text-align: left }
.new-product-svc-ct .top-head-txt { margin-bottom: 20px }
.new-product-svc-ct .top-head-txt p {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.new-product-svc-ct .top-head-txt p b { color:#202020; font-weight: 700 }
.new-product-svc-ct .top-head-txt p b strong { font-size:18px }
.new-product-svc-ct .top-head-txt a.down-link {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #C8C8C8;
    font-size: 12px;
    border-radius: 8px;
    color: #666;
    font-weight: 400;
    box-sizing: border-box;
    padding:0 12px;
}
.new-product-svc-ct a.blue-link {
    color: #0E89E8;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
}

.new-product-svc-ct p.t-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.new-product-svc-ct .add-more-msg-cs .tit {
    color: #202020;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}
.new-product-svc-ct .add-more-msg-cs .add-msg-txt {
    border-radius: 4px;
    border: 1px solid #E8E8E8;
    background: #F8F8F8;
    padding:20px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-height: 80px;
    margin-bottom:24px;
}
.new-product-svc-ct .list-link-tp.thm-list {
    width:100%;
}
.new-product-svc-ct .list-link-tp.thm-list .list-table_thm {
    width:68px;
    height:68px;
    margin:15px 10px;
}
.new-product-svc-ct .list-link-tp.thm-list span.grid_h4 {
    display: inline-grid;
    gap:4px;
}
.new-product-svc-ct .list-link-tp.thm-list .btn {
    color:#666;
    font-size:12px;
    font-weight:400;
    display: inline-flex;
    align-items: center;
    height:32px;
    padding:0 12px;
    border:1px solid #C8C8C8;
    box-sizing: border-box;
    border-radius: 4px;
}
.new-product-svc-ct .list-link-tp.thm-list .black-btn {
    color:#fff;
    font-size:12px;
    font-weight:400;
    display: inline-flex;
    align-items: center;
    height:32px;
    padding:0 12px;
    background: #333;
    border-radius: 4px;
}
.mt48 { margin-top:48px }
.in-bl { display: inline-block }

.deliver-box {
    margin-top:12px;
    border-radius: 12px;
    border: 1px solid #C8C8C8;
}
.deliver-box .box_bs-area {
    display: grid;
    grid-template-columns: 166px 1fr;
    border-bottom: 1px solid #C8C8C8;
    box-sizing: border-box;
    /*padding:40px 24px;*/
}
.deliver-box .box_bs-area .order-name .flx_vct_g8 {
    display:flex;
    align-items: center;
    gap:8px;
    font-size:18px;
    font-weight: bold;
}
.deliver-box .box_bs-area .order-info {
    display:grid;
    gap:8px;
}
.deliver-box .box_bs-area .order-info dl {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.deliver-box .box_bs-area .order-info dl dt {
    color:#666;
}
.deliver-box .fx1 { flex:1 }
.deliver-box .fx3 { flex:3 }
.deliver-box .df-select_sm {
    padding:0 24px 0 12px;
    background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/iconGuide/icon_chevron-down300.svg);
    border:1px solid #C8C8C8;
    border-radius: 8px;
    height: 32px;
    line-height: 32px;
}
.deliver-box .df-btn_sm {
    font-size: 12px;
    height: 32px;
    font-weight: 400;
    padding: 0px 12px;
    gap: 2px;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    transition: 0.2s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    background: #fff;
    border: 1px solid #C8C8C8;
}
.deliver-box .df-ipt-box-cs_sm_g12 {
    border:1px solid #C8C8C8;
    display: flex;
    align-items: center;
    padding: 0 8px 0 12px;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
}
.deliver-box .blue-btn_sm {
    font-size: 12px;
    height: 32px;
    font-weight: 400;
    padding: 0px 12px;
    gap: 2px;
    color: #fff;
    background: #0E89E8;
    border: 1px solid #0E89E8;
}
.deliver-box .flx_btw_ved_g8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:8px;
}
.deliver-box .round-table-cs { overflow: auto }
.deliver-box .round-table-cs::-webkit-scrollbar { width: 4px; background: #F7F8FC }
.deliver-box .round-table-cs::-webkit-scrollbar-track {background-color:transparent;}
.deliver-box .round-table-cs::-webkit-scrollbar-thumb {background: #C8C8C8; border-radius: 4px; transition: .2s}
.deliver-box .round-table-cs::-webkit-scrollbar-thumb:hover {background: #999;}
.deliver-box .round-table-cs::-webkit-scrollbar-button {display: none;}

.deliver-box .round-table-cs.fix-table-hd thead { position: sticky; top: 0; z-index: 2; }
.deliver-box input[type=checkbox][class*=df-] { display: none }
.deliver-box input[type=checkbox][class*=df-] + label {
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    justify-content: center;
}
.deliver-box input[type=checkbox][class*=df-] + label:before {
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    transition: 0.2s;
    box-shadow: none;
    outline: none;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    position: relative;
    cursor:pointer;
}
.deliver-box input[type=checkbox][class*=df-] + label svg {
    display: none;
    position: absolute;
    top: 1px;
}

.mro-dim,
.mro-dim-depth2 {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 9999;
}
.mro-dim .dim-center,
.mro-dim-depth2 .dim-center {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
}
.mro-dim .popup-box,
.mro-dim-depth2 .popup-box {
    overflow: hidden;
    border-radius: 12px;
    width: 480px;
}
.mro-dim .popup-box.pop-lg,
.mro-dim-depth2 .popup-box.pop-lg {
    width: 792px;
}
.mro-dim .popup-box .box_hd,
.mro-dim-depth2 .popup-box .box_hd {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #023B69;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
}
.mro-dim .popup-box .box_hd .cls-btn,
.mro-dim-depth2 .popup-box .box_hd .cls-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 16px;
}
.mro-dim .popup-box .box_hd .cls-btn:before, .mro-dim .popup-box .box_hd .cls-btn:after,
.mro-dim-depth2 .popup-box .box_hd .cls-btn:before,
.mro-dim-depth2 .popup-box .box_hd .cls-btn:after {
    content: "";
    display: block;
    background: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
}
.mro-dim .popup-box .box_hd .cls-btn:before,
.mro-dim-depth2 .popup-box .box_hd .cls-btn:before {
    transform: rotate(45deg);
}
.mro-dim .popup-box .box_hd .cls-btn:after,
.mro-dim-depth2 .popup-box .box_hd .cls-btn:after {
    transform: rotate(-45deg);
}
.mro-dim .popup-box .box_bd,
.mro-dim-depth2 .popup-box .box_bd {
    background: #fff;
    /*display: flex;
    justify-content: center;*/
    overflow: auto;
    max-height: 70vh;
    /*&::-webkit-scrollbar {
      position: absolute;
      right: 0;
      top:0;
      width: $sz4;
    }
    &::-webkit-scrollbar-track {background-color:transparent;}
    &::-webkit-scrollbar-thumb {background: $gray100; border-radius: $sz4;}
    &::-webkit-scrollbar-thumb:hover {background: $gray300;}
    &::-webkit-scrollbar-button {display: none;}*/
}
.mro-dim .popup-box .box_bd .none-data-cs,
.mro-dim-depth2 .popup-box .box_bd .none-data-cs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    grid: 4px;
}
.mro-dim .popup-box .box_ft,
.mro-dim-depth2 .popup-box .box_ft {
    background: #fff;
    box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.12);
    padding: 24px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    z-index: 1;
    position: relative;
}
.mro-dim .product-detail-tap-cs {
    width: 100%;
}
.mro-dim .product-detail-tap-cs .taps {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mro-dim .product-detail-tap-cs .taps button {
    height: 56px;
    border-bottom: 2px solid #0E89E8;
    color: #777777;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.mro-dim .product-detail-tap-cs .taps button:hover {
    color: #333333;
}
.mro-dim .product-detail-tap-cs .taps button.active {
    color: #0E89E8;
}
.mro-dim .product-detail-tap-cs ol li .qcs {
    cursor: pointer;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}
.mro-dim .product-detail-tap-cs ol li .qcs h4 {
    font-size: 16px;
    font-weight: 500;
    transition: 0.2s;
}
.mro-dim .product-detail-tap-cs ol li .qcs button svg {
    transition: 0.2s;
    transform: rotate(180deg);
}
.mro-dim .product-detail-tap-cs ol li .acs {
    display: none;
    background: #F2F2F2;
    padding: 32px 16px 40px;
}
.mro-dim .product-detail-tap-cs ol li .acs h4 {
    font-size: 16px;
    font-weight: 800;
}
.mro-dim .product-detail-tap-cs ol li .acs ul.num {
    padding-left: 16px;
    display: grid;
    gap: 8px;
}
.mro-dim .product-detail-tap-cs ol li .acs ul.num li {
    color: #666666;
    font-size: 14px;
    list-style: num;
    font-weight: 400;
}
.mro-dim .product-detail-tap-cs ol li:hover .qcs h4, .mro-dim .product-detail-tap-cs ol li.active .qcs h4 {
    font-weight: bold;
}
.mro-dim .product-detail-tap-cs ol li.active .qcs button svg {
    transform: rotate(0deg);
}
.mro-dim .df-btn_lg {
    font-size: 14px;
    height: 48px;
    font-weight: 400;
    padding: 0px 20px;
    gap: 0px;
    color: #666666;
    background: #fff;
    border: 1px solid #C8C8C8;
    border-radius: 8px;
    transition: 0.2s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.mro-dim .blue-btn_lg {
    font-size: 14px;
    height: 48px;
    font-weight: 400;
    padding: 0px 20px;
    gap: 0px;
    color: #fff;
    background: #0E89E8;
    border: 1px solid #0E89E8;
    border-radius: 8px;
    transition: 0.2s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.mro-dim .slim-colums-table-cs {
    border-top: 2px solid #D9D9D9;
    border-bottom: 2px solid #D9D9D9;
}
.mro-dim .slim-colums-table-cs tbody th, .mro-dim .slim-colums-table-cs tbody td {
    border-bottom: 1px solid #E8E8E8;
    padding: 12px 20px;
    color: #666666;
    font-weight: 400;
    font-size: 14px;
}
.mro-dim .slim-colums-table-cs tbody.col_md th, .mro-dim .slim-colums-table-cs tbody.col_md td {
    height: 40px;
}
.mro-dim .slim-colums-table-cs tbody.col_xl th th, .mro-dim .slim-colums-table-cs tbody.col_xl th td, .mro-dim .slim-colums-table-cs tbody.col_xl td th, .mro-dim .slim-colums-table-cs tbody.col_xl td td {
    height: 64px;
}
.mro-dim .slim-colums-table-cs th {
    background: #F8F8F8;
    text-align: left;
}
.mro-dim .slim-colums-table-cs.round {
    border-radius: 8px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #E8E8E8;
    overflow: hidden;
}
.mro-dim .slim-colums-table-cs.round tbody th, .mro-dim .slim-colums-table-cs.round tbody td {
    border: 1px solid #E8E8E8;
}
.mro-dim .slim-colums-table-cs.round tbody th {
    color: #999999;
}
.mro-dim .slim-colums-table-cs.round .df-input_lg {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border-radius: 4px;
    width:100%;
    overflow: hidden;
    color: #C8C8C8;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    transition: 0.2s;
    caret-color: #0E89E8;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #fff;
}
.mro-dim .bd-gray100 {
    background: #F7F8FC;
}
.mro-dim .rd4 {
    border-radius: 4px;
}
.mro-dim .grid_g8 {
    display: grid;
    gap:8px;
}
.mro-dim .py24 {
    padding-top:24px;
    padding-bottom:24px;
}
.mro-dim .px16 {
    padding-left:16px;
    padding-right:16px;
}