/*
회사 소개
*/
.visual-box {
    position: relative;
    width: 100%;
    height: 857px;
    margin-top: 112px;
    background: #FFC93E url("../image/sub/intro-bg-point.svg") no-repeat 50% 50%;
}

.visual-title-box {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 97px;
}

.visual-title-box .title-area {
    width: 50%;
    padding-top: 170px;
    text-align: left;
    margin-right: 192px;
}

.title-area .main-title {
    margin-bottom: 22px;
    font-size: 28px;
    font-weight: 600;
    color: #272727;
}

.title-area > h1 {
    color: #fff;
    font-size: 82px;
    margin-bottom: 63px;
}

.title-area .title-desc {
    color: #272727;
    font-size: 20px;
    font-weight: 500;
    word-break: keep-all;
}

.visual-title-box .brand-img-area {
    width: 40%;
    padding-top: 70px;
}

.brand-img-area > img {
    width: 552px;
    height: 552px;
}

/* one stop solution */
.solution-section, market-action-section {
    position: relative;
    width: 100%;
}

.first-bg-area {
    position: relative;
    width: 100%;
    height: 655px;
    background: #fff;
}

.second-bg-area {
    position: relative;
    width: 100%;
    height: 230px;
    background: #FFF9EB;
}

.solution-desc-box {
    position: absolute;
    top: 115px;
    left: 13%;
    width: 1400px;
    height: 765px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.solution-desc-box > h2 {
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    margin-top: 80px;
}

.solution-desc-box > p {
    text-align: center;
    font-size: 21px;
    margin-top: 40px;
}

.solution-desc-box .solution-list {
    width: 100%;
    margin: 90px 230px 136px;
}

.solution-list > li {
    display: inline-block;
    width: 180px;
    text-align: center;
    margin-right: 200px;
}

.solution-list > li:last-child {
    margin-right: 0;
}

.solution-list > li.solution-img {
    width: 100%;
    height: 180px;
}

.solution-img > img {
    width: 100%;
    height: 100%;
}

.solution-list > li .step-title {
    margin-top: 50px;
    font-size: 22px;
    font-weight: 600;
}

.solution-list > li .step-desc {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    word-break: keep-all;
}

/* 나만의 제품, 나만의 브랜드 */
.my-brand-section {
    position: relative;
    width: 100%;
    height: 980px;
    background: #FFF9EB;
}

.my-brand-box {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.my-brand-desc {
    padding: 136px 0 40px;
    text-align: center;
}

.my-brand-desc > h2 {
    font-size: 44px;
}

.my-brand-desc > p {
    font-size: 21px;
    margin-top: 40px;
}

.market-compare-list {
    width: 100%;
    margin: 40px 96px 102px;
}

.market-compare-list > li {
    display: inline-block;
    width: 552px;
    height: 510px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin-right: 104px;
    text-align: center;
    line-height: 38px;
}

.market-compare-list > li:last-child {
    margin-right: 0;
}

.market-compare-list > li .graph-img {
    width: 100%;
    padding: 56px 71px 42px 71px;
}

.graph-img > img {
    width: 100%;
}

.market-compare-list > li .basic {
    font-size: 18px;
    font-weight: 500;
}

.market-compare-list > li .brown {
    font-size: 20px;
    color: #BD5900;
    font-weight: 600;
}

.market-compare-list > li .blue {
    color: #0057BD;
}

/* 제조가 절감 */
.action-box {
    width: 100%;
    max-width: 1400px;
    margin: 200px auto;
}

.action-desc {
    width: 100%;
    text-align: center;
    margin-bottom: 110px;
}

.action-desc > h2 {
    font-size: 44px;
    margin-bottom: 40px;
}

.action-desc > p {
    font-size: 21px;
    line-height: 32px;
}

.method-list {
    width: 100%;
    display: flex;
    margin: 0 95px;
}

.method-list > li {
    display: inline-block;
    width: 350px;
    margin-right: 110px;
    text-align: center;
}

.method-list > li:last-child {
    margin-right: 0;
}

.method-list > li .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 14px;
}

.method-list > li .item-box {
    width: 100%;
    height: 466px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.item-box .graph-img {
    width: 320px;
    height: 320px;
    text-align: center;
}
.graph-img > img {
    width: 100%;
}

.item-box .sub-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.item-box .desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    word-break: keep-all;
}


/* 더 효과적인 사업 */
.business-proposal-section {
    width: 100%;
    position: relative;
    background: #FFFCF6;
    padding-bottom: 200px;
}

.proposal-box {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.proposal-title-box {
    padding-top: 150px;
    text-align: center;
}

.proposal-title-box > h2 {
    font-size: 44px;
    margin-bottom: 40px;
}

.proposal-title-box > p {
    font-size: 21px;
}

.proposal-desc-box {
    display: flex;
    width: 100%;
    margin-top: 124px;
    margin-bottom: 150px;
}

.proposal-desc-box .brand-img {
    width: 50%;
    text-align: center;
    border-right: 1px solid #000000;
}

.proposal-desc-box .proposal-list {
    width: 50%;
    padding-left: 101px;

}

.proposal-list {
    width: 100%;
}

.proposal-list > li {
    display: flex;
    margin-bottom: 44px;
}
.proposal-list > li:last-child {
    margin-bottom: 0;
}

.proposal-list > li .point-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
}

.point-img > img {
    width: 50px;
    height: 50px;
}

.proposal-list > li .proposal-desc {
    width: 90%;
    padding-left: 32px;
    line-height: 26px;
}

.proposal-desc .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.proposal-desc .desc {
    font-size: 16px;
}

.go-to-branding-box {
    display: flex;
    align-items: center;
    width: 100%;
    height: 170px;
    background: #FFC93E;
    border-radius: 100px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.go-to-branding-box .branding-title {
    width: 50%;
    padding-left: 120px;
    font-size: 26px;
    font-weight: 600;
}

.go-to-branding-box .branding-title {
    width: 50%;
}

.go-to-branding-box .branding-btn-box {
    display: flex;
}

.branding-btn-box .btn-goto-guide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 68px;
    text-align: center;
    font-size: 22px;
    border: 2px solid #1E1E1E;
    border-radius: 100px;
    color: #1E1E1E;
    margin-right: 14px;
}

.branding-btn-box .btn-goto-branding {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 68px;
    text-align: center;
    font-size: 22px;
    background: #1E1E1E;
    border-radius: 100px;
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}


    /*
    샘플 신청
    */
/* 타이틀 */
.top_tit {
    padding:16px 0 17px;
    background:#fed464;
    font-size:24px;
    line-height:25px;
    text-align:center;
    border-top:1px solid #e6e6e6;
    /*border-bottom:1px solid #e6e6e6;*/
}
.top_tit.type_white {
    background:#fff;
    border-bottom:1px solid #e6e6e6;
}

/* 제조사 선택 */
.sample_manufacturer {
    position:relative;
    width:100%;
    min-height:162px;
    background:#fbf9ff;
    border-bottom:1px solid #e6e6e6;
}
.sample_slide {
    padding:22px 0 20px !important;
}
.sample_slide .swiper-slide {}
.sample_slide .img_box {
    width:100%;
    /*height:70px;*/
    padding-bottom:100%;
    margin:0 auto 9px;
    border:1px solid rgba(0,0,0,0);
    border-radius:50%;
    transition:all .35s;
}
.sample_slide .name {
    font-size:16px;
    line-height:20px;
    text-align:center;
    transition:all .35s;
}
.sample_slide .swiper-slide-active .img_box {
/*    width:80px;
    height:80px;*/
    border-color: #935dd6;
    transform: scale(1.13);
    box-shadow:0 0 14px rgba(84,84,84,0.8);
}
.sample_slide .swiper-slide-active .name {
    color:#935dd6;
    font-size:18px;
    line-height:22px;
    text-shadow:0 2px 4px rgba(0,0,0,0.25);
}

.swiper-button-next,
.swiper-button-prev {
    color:#999;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
    color:#999;
    font-size:20px !important;
}
.sample_manufacturer .swiper-button-next {
    right:10%;
}
.sample_manufacturer .swiper-button-prev {
    left: 10%;
}

/* 제조사 공지사항 */
.notice-box {
    width: 1067px;
    display: flex;
    min-height: 55px;
    max-height: 150px;
    border: 1px solid #FFB23E;
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
    margin: 19px 0 19px 20px;
    overflow: auto;
}

.notice-contents-box {
    width: 97%;
    padding: 15px 0 20px 20px;

}
.notice-contents {
    display: flex;
    width: 100%;
    align-items: center;
}

.notice-title {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 12px;
}

.notice-title::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../image/common/notice.svg") 50% 50% / 22px;
    margin-right: 8px;
}

.bottle-img-box {
    width: 10%;
}

.contents {
    width: 90%;
    font-size: 16px;
    line-height: 23px;
}

.btn-box {
    width: 3%;
    display: flex;
    padding-top: 15px;
}

.btn-box .btn-close {
    display: flex;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url("../image/sub/up-arrow.svg") 50% 50% / 14px;
}

/* 정렬 */
.alignment_tab {
    display:flex;
    padding:15px 30px 16px;
}
.alignment_tab button {
    display:block;
    min-width:90px;
    padding:0 15px;
    background:#fff;
    font-size:14px;
    line-height:28px;
    text-align:center;
    border:1px solid #ddd;
    border-radius: 30px;
}
.alignment_tab button:not(:last-child) {
    margin-right:8px;
}
.alignment_tab .on {
    background:#FFB23E;
    color:#fff;
    border-color:#FFB23E;
}

/* 이미 담긴 물건 */
.already_contained {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    border-radius:2px;
    z-index:50;
}
.already_contained:after {
    content:"이미 담긴 제품 입니다.";
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    word-break: keep-all;
    text-align:center;
    transform:translate(-50%,-50%);
}

/* 담긴물건 */
.add_sample_box {
    padding:36px 0;
    border-bottom:1px solid #e6e6e6;
}
.add_sample_box .content_box {
    display:flex;
}
.add_sample_box .add_box {
    display:inline-block;
    vertical-align: middle;
    padding:12px 14px;
    background:#aa92c8;
    color:#fff;
    font-size:14px;
    line-height:18px;
    border-radius:5px;
}
.add_sample_box .add_box:before {
    content:"";
    display:block;
    width:25px;
    height:30px;
    margin:4px auto 8px;
    background:url("../image/sub/add_sample.svg") no-repeat 50% 50%;
    background-size:cover;
}
.add_sample_box .add_box span {
    color:#fff;
}
.add_sample_box .add_box .txt {
    text-decoration: underline;
    text-underline-position: under;
}
.add_sample_li {
    flex:1;
    padding:12px 20px;
    border:1px solid #e2e2e2;
    border-left:0;
    border-radius: 0 5px 5px 0;
    overflow-x:scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.add_sample_li::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.add_sample_li .img_box {
    width:66px;
    height:56px;
    border-radius: 2px;
}
.add_sample_li .img_box:not(:last-child) {
    margin-right:14px;
}
.add_sample_li .empty_txt {
    color:#b9b9b9;
    font-size: 14px;
    line-height:54px;
}

/* 샘플 맛 선택 */
.product_li {
    display:flex;
    flex-wrap:wrap;
    padding:50px 0;
}
.product_li>div {
    width:100%;
}
.product_li > li {
    width:calc(20% - 36px);
    margin-bottom:28px;
}
.product_li > li:not(:nth-child(5n)) {
    margin-right:45px
}
.product_li .img_box {
    width:100%;
    /*padding-bottom:75%;*/
    padding-bottom:100%;
    border-radius: 3px;
}
.product_li .img_box .add_btn {
    position:absolute;
    /*bottom:-100%;*/
    bottom:8px;
    opacity:0;
    right:8px;
    padding:8px 11px 9px;
    background:#fff;
    font-size:14px;
    line-height:17px;
    border-radius:3px;
    z-index:2;
    transition:all .35s;
}
.product_li .img_box:hover .add_btn {
    /*bottom:8px;*/
    opacity:1;
}
.product_li .text_box {
    padding:12px 0 8px;
}
.product_li .name {
    color:#444;
    font-size:14px;
    line-height:20px;
    font-weight:600;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.product_li .name .prev_order_product {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    padding: 0px 5px;
    font-size: 10px;
    line-height: 15px;
    background: #fed464;
    border-radius: 10px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.product_li .desc {
    position:relative;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:14px;
    max-height: 45px;
    margin:4px 0 6px;
    padding:0 0 6px;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*font-family: 'Noto Sans KR', sans-serif;*/
    border-bottom:1px solid #ededed;
}
.product_li .desc,
.product_li .txt {
    color:#444;
    font-size:14px;
    line-height:20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.product_li .desc span {
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 20px);
}
.product_li .desc_explanation {
    display:none;
    position:absolute;
    top:73%;
    right:0;
    width:100%;
    max-width:250px;
    max-height:152px;
    overflow:auto;
    background:#fff;
    padding:25px 14px;
    font-size:14px;
    line-height:17px;
    word-break:break-all;
    border-radius:5px;
    box-shadow:1px 3px 8px rgba(0,0,0,0.2);
    z-index:50;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.product_li .desc_explanation::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.product_li .desc_explanation .close_btn {
    position:absolute;
    right:10px;
    top:10px;
    width:12px;
    height:12px;
    background:url("../image/common/close_btn.svg") no-repeat 50% 50% / 10px;
}
.product_li .explanation_btn {
    display:inline-block;
    vertical-align:top;
    width:20px;
    height:20px;
    margin-top:20px;
    background:#fff url("../image/sub/more_explan.svg") no-repeat 50% 50% / 15px;
}
.product_li .txt.top {
    margin-top:4px;
}
.product_li .price {
    margin:6px 0 0;
    color:#333;
    font-size:14px;
    line-height:18px;
    font-weight:500;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.product_li .price + .price {
    margin:4px 0 0;
}

.product_li li.empty_product {
    width:100%;
    color:#888;
    font-size:22px;
    line-height:26px;
    text-align:center;
}
.product_li li.empty_product:before {
    content:"";
    display:block;
    width:67px;
    height:61px;
    margin:38px auto 24px;
    background:url("../image/sub/not_product_icon.svg") no-repeat 50% 50%;
    background-size:cover;
}

/*
브랜드 제작하기
*/
.makers_area {
    position:relative;
    display:flex;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
}
/* 스탭 */
.step_box {
    width:70px;
    height:100%;
}
.step_box a {
    display:block;
    padding:5px;
    color:#444;
    font-size:14px;
    line-height:18px;
    text-align:center;
    border-bottom:1px solid #e6e6e6;
}
.step_box a:before {
    display:block;
    width:20px;
    height:20px;
    margin:8px auto 2px;
/*    background:url("../image/sub/step_icon.svg") no-repeat 50% 50%;
    background-size:cover;*/
    color:#333;
    font-size:20px;
    font-weight: 600;
}
.step_box a:nth-child(1):before {content:"1";}
.step_box a:nth-child(2):before {content:"2";}
.step_box a:nth-child(3):before {content:"3";}
.step_box a:nth-child(4):before {content:"4";}
.step_box .on {
    background:#FFB23E;
    color:#fff;
}
.step_box .on:before {
/*    background:url("../image/sub/step_icon_on.svg") no-repeat 50% 50%;
    background-size:cover;*/
    color:#fff;
}

/* 제조자 선택 */
.left_manufacturer {
    width:222px;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
}
.left_manufacturer.type2 {
    width:292px;
}
.left_manufacturer > li {
    border-bottom:1px solid #eaeaea;
}

.left_manufacturer > li.search-area {
    border-bottom: none;
    padding: 49px 23px 0;
}

.left_manufacturer > li.search-area > ul.search-item-list {
    width: 100%;
    padding: 13px 0;
}

ul.search-item-list > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}

ul.search-item-list > li.reset-box {
    border-radius: 3px;
    border: 1px solid #ECECEC;
    padding: 5px 53px;
    margin-top: 24px;
}
ul.search-item-list > li.reset-box > button.btn-reset {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding: 0 22px;
}
ul.search-item-list > li.reset-box > button.btn-reset::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../image/sub/refresh.svg") no-repeat 50% 50% / 14px;
    margin-left: 8px;
}

ul.search-item-list > li > .item-title {
    width: 25%;
    font-size: 14px;
    font-weight: 700;
}
ul.search-item-list > li > .item-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #FEB04C;
    margin-right: 10px;
}

ul.search-item-list > li > .item-area {
    width: 75%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
ul.search-item-list > li > .keyword-area {
    width: 75%;
    padding: 5px 9px;
    border-radius: 3px;
    background: #FEB04C;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
ul.search-item-list > li > .item-area > .item {
    padding: 5px 9px;
    border-radius: 3px;
    background: #FEB04C;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px;
}
ul.search-item-list > li > .item-area > .item:last-child {
    margin-right: 0;
}
.left_manufacturer button {
    display: flex;
    align-items: center;
    width:100%;
    padding:15px 22px;
    font-size:18px;
    font-weight:500;
    line-height:22px;
    text-align: start;
}
.left_manufacturer .on button {
    background:#FFB23E;
    color:#fff;
}
.left_manufacturer button.btn-filter {
    color: #555;
    font-size: 16px;
    text-align: center;
    border: 2px solid #FEB04C;
    border-radius: 100px;
    padding: 13px 33px;
}
.left_manufacturer button.btn-filter:hover {
    background: #FEB04C;
    color: #fff;
}
.left_manufacturer button.btn-filter::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    vertical-align: middle;
    background: url("../image/sub/filter.svg") no-repeat;
}
.left_manufacturer .img_box {
    width:30px;
    height:30px;
    margin-right:18px;
    border-radius:50%;
}

/* 액상선택 */
.overflowy_box {
    height:calc(100vh - 172px);
    overflow-y:auto;
    -ms-overflow-style: none; 
    scrollbar-width: none;
}
.overflowy_box::-webkit-scrollbar {
    display: none; 
}
.makers_area .product_li {
    flex:1;
    padding:30px 20px;
    background:#fcfaff;
}
.makers_area .product_li > li {
    position:relative;
    width: calc(25% - 16px);
}
.makers_area .product_li > li:not(:nth-child(5n)) {
    margin-right:0;
}
.makers_area .product_li > li:not(:nth-child(4n)) {
    /*margin-right:30px;*/
    margin-right:20px;
}
.makers_area .product_li .text_box {
    /*padding:10px 9px;*/
    padding:10px 0;
    min-height: 90px;
}
/*.product_li .img_box .maker_btn {
    position:absolute;
    bottom:-100%;
    left:50%;
    width:calc(100% - 28px);
    background:#aa92c8;
    color:#fff;
    font-size:14px;
    line-height:34px;
    text-align:center;
    border-radius: 3px;
    transform:translateX(-50%);
    transition:all .35s;
    z-index:10;
}
.product_li .img_box:hover .maker_btn {
    bottom:8px;
}*/
.makers_area .product_li .chk {
    position:absolute;
    top:10px;
    left:10px;
    z-index:10;
}
.makers_area .product_li .select {
    display:block;
    max-width:200px;
    margin:0 0 10px auto;
    padding: 11px 30px 11px 12px;
    font-size:13px;
}

.box_product {
    width: calc(100% - 292px);
    min-height:calc(100vh - 172px);
}
.box_product .product_li {
    background:#fff;
}

/* 완제품 제품 박스 */
.cp_box_product {
    width: 100%;
    min-height:calc(100vh - 172px);
}
.cp_box_product .product_li {
    background:#fff;
}

.cp-chk {
    position:absolute;
    top:10px;
    left:10px;
    z-index:10;
}

.box_brand_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
    border: 1px solid #f8f8f8;
    margin-bottom: 30px;
    background: #fafafa;
}
.box_brand_list > li > label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 6px;
}
.box_brand_list > li > label > .chk {
    width: 15px;
    height: 15px;
}

.cp_alignment_tab {
    display: flex;
    padding: 30px 0;
}
.cp_alignment_tab > button {
    display:block;
    min-width:90px;
    padding:0 15px;
    background:#fff;
    font-size:14px;
    line-height:28px;
    text-align:center;
    border:1px solid #ddd;
    border-radius: 30px;
}
.cp_alignment_tab > button:not(:last-child) {
    margin-right:8px;
}
.cp_alignment_tab .on {
    background:#FFB23E;
    color:#fff;
    border-color:#FFB23E;
}

.cp_product_li {
    display:flex;
    flex-wrap:wrap;
}
.cp_product_li > div {
    width: 100%;
}
.cp_product_li > li {
    width: 248px;
    margin-bottom: 60px;
}
.cp_product_li > li:not(:nth-child(5n)) {
    margin-right: 40px
}
.cp_product_li .img_box {
    width:100%;
    /*padding-bottom:75%;*/
    padding-bottom:100%;
    border-radius: 3px;
}
.cp_product_li .img_box .add_btn {
    position:absolute;
    /*bottom:-100%;*/
    bottom:8px;
    opacity:0;
    right:8px;
    padding:8px 11px 9px;
    background:#fff;
    font-size:14px;
    line-height:17px;
    border-radius:3px;
    z-index:2;
    transition:all .35s;
}
.product_li .img_box:hover .add_btn {
    /*bottom:8px;*/
    opacity:1;
}
.cp_product_li .text_box {
    position: relative;
    padding:12px 0 8px;
}
.cp_product_li .name {
    color:#444;
    font-size:14px;
    line-height:20px;
    font-weight:600;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cp_product_li .name .prev_order_product {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    padding: 0px 5px;
    font-size: 10px;
    line-height: 15px;
    background: #fed464;
    border-radius: 10px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cp_product_li .desc {
    position:relative;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:14px;
    max-height: 45px;
    margin:4px 0 6px;
    padding:0 0 6px;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*font-family: 'Noto Sans KR', sans-serif;*/
    border-bottom:1px solid #ededed;
}
.cp_product_li .desc,
.cp_product_li .txt {
    color:#444;
    font-size:14px;
    line-height:20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cp_product_li .desc span {
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 20px);
}
.cp_product_li .desc_explanation {
    display:none;
    position:absolute;
    right: 0;
    width:100%;
    max-width:250px;
    max-height:152px;
    overflow:auto;
    background:#fff;
    padding:25px 14px;
    font-size:14px;
    line-height:17px;
    word-break:break-all;
    border-radius:5px;
    box-shadow:1px 3px 8px rgba(0,0,0,0.2);
    z-index:50;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.cp_product_li .desc_explanation::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.cp_product_li .desc_explanation .close_btn {
    position:absolute;
    right:10px;
    top:10px;
    width:12px;
    height:12px;
    background:url("../image/common/close_btn.svg") no-repeat 50% 50% / 10px;
}
.cp_product_li .explanation_btn {
    display:inline-block;
    vertical-align:top;
    width:20px;
    height:20px;
    margin-top:20px;
    background:#fff url("../image/sub/more_explan.svg") no-repeat 50% 50% / 15px;
}
.cp_product_li .txt.top {
    margin-top:4px;
}
.cp_product_li .price {
    margin:6px 0 0;
    color:#333;
    font-size:14px;
    line-height:18px;
    font-weight:500;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cp_product_li .price + .price {
    margin:4px 0 0;
}

.cp_product_li > li.empty_product {
    width:100%;
    color:#888;
    font-size:22px;
    line-height:26px;
    text-align:center;
}
.cp_product_li > li.empty_product:before {
    content:"";
    display:block;
    width:67px;
    height:61px;
    margin:38px auto 24px;
    background:url("../image/sub/not_product_icon.svg") no-repeat 50% 50%;
    background-size:cover;
}









/* 제작버튼  */
.next_btn {
    position: relative;
    display:inline-block;
    width:216px;
    height:46px;
    background:#FFB23E;
    color:#fff;
    font-size:18px;
    line-height:40px;
    text-align:center;
    border-radius: 5px;
    border:1px solid #FFB23E;
    z-index:50;
}
.next_btn:after {
    content:"";
/*    position:absolute;
    top:50%;*/
    display:inline-block;
    vertical-align:middle;
    width:14px;
    height:14px;
    margin: 0 0 0 5px;
    background:url("../image/common/under_arrow_icon.svg") no-repeat 50% 50%;
    background-size:cover;
    transform:rotate(0.75turn);
    transition:transform .2s;
}
.next_btn:hover:after {
    transform:translateX(50%) rotate(0.75turn);
}
.next_btn.shadow {
    position:absolute;
    bottom:40px;
    right:20px;
    box-shadow:0 0 8px rgba(107,73,147,0.3);
}
.next_btn.on {
    position:fixed;
    right:270px;
}

.prev_btn {
    position: relative;
    display:inline-block;
    width:216px;
    height:46px;
    background:#FFB23E;
    color:#fff;
    font-size:18px;
    line-height:40px;
    text-align:center;
    border-radius: 5px;
    border:1px solid #FFB23E;
    z-index:20;
}
.prev_btn:before {
    content:"";
/*    position:absolute;
    top:50%;*/
    display:inline-block;
    vertical-align:middle;
    width:14px;
    height:14px;
    margin: 0 5px 0 0;
    background:url("../image/common/under_arrow_icon.svg") no-repeat 50% 50%;
    background-size:cover;
    transform:rotate(0.25turn);
    transition:transform .2s;
}
.prev_btn:hover:after {
    transform:translateX(50%) rotate(0.75turn);
}
.prev_btn.shadow {
    position:absolute;
    bottom:40px;
    left:20px;
    box-shadow:0 0 8px rgba(107,73,147,0.3);
}
.prev_btn.on {
    position:fixed;
    right:270px;
}
/* 추천 브랜딩 */
.product_group_li {
    padding:26px 0 0;
    background:#fbf9ff;
}
.product_group_li .group_title {
    color:#575757;
    font-size:16px;
    line-height:19px;
    text-align:center;
}
.product_group_li .group_title:before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:24px;
    margin-right:6px;
    background:url("../image/brand_group_icon.svg") no-repeat 50% 50%;
    background-size:cover;
}
.product_group_li .product_li {
    padding:30px 20px 10px;
    background:rgba(0,0,0,0);
}
.product_group_li .product_li .text_box {
    padding:14px 0 10px;
}
.group_view_btn {
    position: relative;
    width: 100%;
    height: 42px;
    font-size: 14px;
    color: #2E7815;
    font-weight: 700;
    border: 1px solid #2E7815;
    border-radius: 2px;
}

/*
브랜드 제작하기 step2
*/
.left_label_area {
    width:360px;
    padding:6px 13px 0;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
}
.left_label_area .custom-label-section {
    width: 100%;
    padding: 0;
    border-bottom: 3px solid #E9E9E9;
}
.left_label_area .custom-label-section > .tit,
.left_label_area > .tit {
    width:100%;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 700;
    color: #333333;
}
.left_label_area .custom-label-section > .tit::before,
.left_label_area > .tit::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #FEB04C;
    margin-right: 10px;
}
.left_label_area .custom-label-section > .custom-file-box {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 20px;
}
.left_label_area .custom-label-section > .custom-file-box label {
    display: inline-block;
    padding: 10px 99px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid #FC68C0;
    color: #FC68C0;
    font-size: 16px;
    font-weight: 700;
}
.left_label_area .custom-label-section > .custom-file-box label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../image/sub/label-tag.svg") no-repeat 50% 50% / 24px;
    vertical-align: bottom;
    margin-right: 8px;
}
.left_label_area .custom-label-section > .custom-file-box input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.left_label{
/*    display:flex;
    flex-wrap:wrap;*/
    padding:12px 0 0;
}
.left_label.overflowy_box {
    height:calc(100vh - 220px);
}
.left_label.overflowy_box::-webkit-scrollbar {
    display:block;
    width: 3px;
}
.left_label.overflowy_box::-webkit-scrollbar-thumb {
    background-color: #9875c5;
    border-radius: 10px;
}
.left_label.overflowy_box::-webkit-scrollbar-track {
    background-color:#f8f8f8;
    border-radius: 10px;
}
.left_label li {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:calc(50% - 6px);
    margin-bottom:12px;
}
.left_label li:not(:nth-child(2n)) {
    margin-right:8px;
}
.left_label .img_box {
    width:100%;
    padding-bottom:46%;
    border:1px solid rgba(0,0,0,0);
    border-radius:3px;
    cursor:pointer;
}
.left_label .img_box img {
    width:100%;
}
.left_label .label_input {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.left_label .label_input:checked {
    background:url("../image/sub/check_mark.svg") no-repeat 50% 50%;
    background-size:42px;
    background-color:rgba(0,0,0,0.4);
    /*border:2px solid #583880;*/
    z-index:10;
}
.left_label .writing {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    font-size:14px;
    line-height:75px;
    text-align:center;
    background:rgba(0,0,0,0.4);
    z-index: 10;
}
.left_label_area .textarea {
    height:240px;
    margin:16px 0;
}

/* 물건 변경 ai */
.product_ai {
    flex:1;
    position:relative;
    width: calc(100% - 430px);
    background:#fcfaff;
}
.product_ai .brand_name_tit {
    width: calc(100% - 58px);
    margin:6px auto 0;
    padding: 12px 0;
    color:#4a2a6e;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    background: #dfd6e3;
    border-radius: 10px;
}
.product_ai .label_img_boxs {
    display:block;
    width:100%;
    max-width:817px;
    /*margin:82px auto 120px;*/
    margin:78px auto 80px;
}
.product_ai .img_boxs {
    position:relative;
    display:block;
    width:100%;
    height:374px;
    overflow:hidden;
}
.product_ai .img_boxs img {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.product_ai .label_img_boxs .user_brand_name {
    display:block;
    margin-top:10px;
    font-size:28px;
    font-weight:500;
    text-align:center;
}
.product_ai .img_boxs .label_img_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 716px;
    height: 290px;
    /*border: 1px dotted #999;*/
    transform: translate(-50%,-50%);
    z-index: 10;
}
.product_ai .img_boxs img {
    width:100%;
}
.product_ai .img_boxs .label_color {
    position:absolute;
    display:block;
    background:#aa92c8;
    width:12%;
    height:100%;
}
.product_ai .img_boxs .label_color.left {
    left:0;
}
.product_ai .img_boxs .label_color.right {
    right:0;
}
.product_ai .img_boxs .lebel_text {
    position:absolute;
    width:200px;
    height:50px;
}
#brand_label_wrap,
#product_label_wrap {
    border-color:rgba(0,0,0,0) !important;
}

.product_ai_bottom {
    display:flex;
    align-items: center;
    width:calc(100% - 70px);
    margin:0 auto;
    justify-content: space-between;
    /*text-align: end;*/
}
.product_ai_bottom.end {
    justify-content: flex-end;
}
.product_ai_bottom.pb30 {
    padding-bottom:30px;
}
.product_ai_bottom .product_ai_bottom_right {
    flex:1;
    text-align:end;
}
.product_ai .tit {
    width: calc(100% - 70px);
    padding: 12px 0;
    margin:6px auto 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 10px;
}
.product_slide_box {
    position:relative;
    flex: 1;
    width:100%;
    height:60px;
    /*margin:20px 0 0;*/
    margin:15px 0 0;
}
.product_slide {
    width: calc(100% - 104px);
}
.product_slide .swiper-slide {
    position: relative;
    border-radius:2px;
    overflow:hidden;
}
.product_slide .swiper-slide img {
    max-width:100%;
    min-height:100%;
    object-fit:cover;
}
.product_slide .swiper-slide input[type=radio]:checked:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background:url("../image/sub/check_mark.svg") no-repeat 50% 50%;
    background-size:20px;
    background-color:rgba(0,0,0,0.4);
}
.product_slide_box .swiper-button-prev {
    left:20px;
}
.product_slide_box .swiper-button-next {
    right: 20px;
}

/* 브랜드 명 */
.production_box {
    position:relative;
    padding:15px 16px 12px;
}
.production_box .text_input {
    height:40px;
    font-size:14px;
}
.production_box .text_input:focus,
.production_box .text_input:active {
    border-color:#aa92c8;
}
.brand_name_box {
    padding-bottom:20px;
    margin-bottom:20px;
}
.brand_name_box:after {
    content:"";
    position:absolute;
    bottom:0;
    left:-13px;
    display:block;
    width:calc(100% + 26px);
    height:1px;
    background:#e6e6e6;
}
.color_code {
    width:100%;
    padding:13px 14px 11px;
    font-size:14px;
    line-height:16px;
    text-align:center;
    border:1px solid #cecece;
    border-radius:5px;
}

.font_change_box {
    padding: 15px 16px 12px;
}
.font_change_box .select {
    margin-bottom:4px;
    padding: 11px 30px 11px 12px;
    border-color:#ddd;
}
.text_value_input {
    position:relative;
    border-radius: 3px
}
.text_value_input .text_input {
    height:40px;
    padding: 11px 14px 11px;
    text-align:center;
    font-size: 14px;
}
.text_value_input .txt {
    position:absolute;
    right:14px;
    top:50%;
    color:#ababab;
    font-size:12px;
    transform:translateY(-50%);
}

.font_change_box .select:focus,
.font_change_box .select:active,
.text_value_input .text_input:focus,
.text_value_input .text_input:active {
    border-color:#aa92c8;
}

/*
제품명 step3
*/
.makers_area .product_ai .product_li {
    /*padding:67px 29px 0;*/
    padding:16px 29px 0;
}
.makers_area .product_ai .product_li li {
    width: calc(25% - 18px);
    margin-bottom: 20px;
}
.makers_area .product_ai .product_li li:not(:nth-child(4n)) {
    margin-right:24px;
}

/* 포커스 */
.makers_area .product_li .focus_txt {
    display:none;
}
.makers_area .product_li .focusing .focus_txt {
    position:absolute;
    top:50%;
    left:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 100%;
    padding: 30px 5px 0;
    color:#fff;
    font-size:14px;
    line-height:20px;
    text-align:center;
    /*border:4px solid #aa92c8;*/
    transform:translate(-50%,-50%);
    animation:focus_ani .8s;
    z-index:10;
}
@keyframes focus_ani {
    0% {opacity:0.4;}
    100% {opacity:1;}
}
.makers_area .product_li .focusing .focus_txt:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.3);
    transform:translate(-50%,-50%);
    z-index: -1;
}
.makers_area .product_li .focusing.focus_check .focus_txt {
    border: 3px solid #FFB23E;
}
.makers_area .product_li .focusing.focus_check .focus_txt:before {
    background:url("../image/sub/step_icon_on.svg") no-repeat 50% 42%;
    background-size:24px;
    background-color: rgba(0,0,0,0.3);
}

/*
브랜드 제작 step4
*/
.product_name {
    padding:0 0 40px;
}
.product_name li {
    display:flex;
    align-items: center;
    margin-top:15px;
}
.product_name .img_box {
    width:40px;
    height:40px;
    border-radius: 2px;
}
.product_name .text_input {
    width:calc(100% - 94px);
    height:40px;
    margin:0 6px 0 8px;
    font-size:14px;
}
.product_name .text_input:focus,
.product_name .text_input:active {
    /*border:2px solid rgb(170, 146, 200);*/
    border: 2px solid rgb(170, 146, 200);
}
.product_name .close_btn {
    width:40px;
    height:40px;
    background:url("../image/common/close_btn_thin.svg") no-repeat 50% 50%;
    background-size:14px;
    border:1px solid #cecece;
    border-radius:5px;
}

/*
제작 수량 팝업
*/
.layerPop.production_num {
    padding:22px 18px;
}
.layerPop .tit {
    padding:12px 6px 9px;
    border-bottom:1px solid #000;
}
.layerPop .tit span {
    padding:0 10px;
    color:#777;
    font-size:16px;
}
.layerPop.production_num .popClose {
    background:url("../image/common/close_btn_thin.svg") no-repeat 50% 50%;
    background-size:16px;
}

/* 수량 일괄 입력 */
.quantity_all {
    display:flex;
    align-items: center;
    height:80px;
    padding:20px 0;
}
.quantity_all label {
    flex:1;
    padding:0 8px; 
    font-size:18px;
}
.quantity_all_num {
    padding:7px;
    border:1px solid #cecece;
    border-radius: 5px;
}
.quantity_all_num .text_input {
    vertical-align:middle;
    width:calc(100% - 67px);
    height:26px;
    padding:5px;
    border:0;
    text-align:center;
}
.quantity_all_num .btn {
    vertical-align:middle;
    width:61px;
    height:26px;
    font-size:16px;
    line-height:20px;
}

.product_num_box {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    width:100%;
    padding:20px 0;
    border-top:1px solid #e6e6e6;
}
.product_num_box .img_box {
    width:40px;
    height:40px;
}
.product_num_box .name {
    flex:1;
    padding:0 12px;
    font-size:16px;
    line-height:20px;
}
.product_num_box .txt {
    display:flex;
    align-items:center;
    width:100%;
    margin-top:12px;
    font-size:18px;
}
.product_num_box .txt .price_txt {
    flex:1;
    font-size: 16px;
}
/* 수량 */
.quantity_num {
    display:flex;
    width:146px;
    border:1px solid #cecece;
    border-radius: 5px;
}
.quantity_num .num_btn {
    width:40px;
    height:40px;
    border-radius: 5px;
}
.quantity_num .num_btn.minus {
    background:url("../image/sub/minus_icon.svg") no-repeat 50% 50%;
    background-size:12px;
    border-right:1px solid #cecece;
}
.quantity_num .num_btn.plus {
    background:url("../image/sub/plus_icon.svg") no-repeat 50% 50%;
    background-size:12px;
    border-left:1px solid #cecece;
}
.quantity_num .text_input {
    width: calc(100% - 80px);
    height:40px;
    font-size:14px;
    text-align:center;
    border:0;
}

.product_num_li {
    height:597px;
    padding-bottom:54px;
    overflow-y:scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.product_num_li::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.product_num_li .cart_btn {
    position:absolute;
    bottom:22px;
    left:50%;
    display:flex;
    align-items:center;
    width:calc(100% - 36px);
    padding:18px 22px 15px;
    background:#FFB23E;
    color:#fff;
    font-size:20px;
    border-radius:5px;
    transform:translateX(-50%);
}
.product_num_li .cart_btn .txt {
    flex:1;
    color:#fff;
    text-align:start;
}





/* 장바구니 new */
.cart-title {
    width: 100%;
    text-align: left;
    margin-top: 60px;
}

.cart-title > h2 {
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    color: #333333;
}

.cart-title > h2::before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url("../image/sub/cart.svg") no-repeat 50% 50% / 38px;
    margin-right: 8px;
}


.cart-tab {
    display: flex;
    justify-content: space-around;
    border: 1px solid #FFB23E;
    border-radius: 5px;
    margin: 30px 0;
    overflow:hidden;
}

.cart-tab > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #fff;
    color: #FFB23E;
    font-size: 18px;
    font-weight: 700;
}


.cart-tab > a.active {
    background: #FFB23E;
    color: #fff;
}

.cart-tab > span.tab-gubun {
    position: relative;
    display: block;
    top: 16px;
    left: -1px;
    width: 1px;
    height: 14px;
    background: #FFB23E;
}

.cart-box {
    width: 100%;
    background: #fff;
    border: 1px solid #EEEEEE;
}

.cart-title-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
}

.cart-title-box .banana-title-bar {
    display: inline-block;
    width: 8px;
    height: 70px;
    background: #7C7AE0;
    margin-right: 22px;
}

.cart-title-box .sample-title-bar {
    display: inline-block;
    width: 8px;
    height: 70px;
    background: #71B53C;
    margin-right: 22px;
}

.cart-title-box .brand-title-bar {
    display: inline-block;
    width: 8px;
    height: 70px;
    background: #FFB23E;
    margin-right: 22px;
}


.cart-title-box > h2 {
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
}


.product-box {
    padding: 31px 35px;
}

.all-chk-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 20px;
    padding-bottom: 7px;
    border-bottom: 1px solid #aaa;
}

.none-border-b-line {
    padding-bottom: 0;
    border-bottom: none;
}

.all-chk-box .chk + label {
    flex: 1;
    position: relative;
    top: -2px;
    padding: 0 14px;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}


.all-chk-box .btn.red {
    margin-left: 6px;
}

.all-chk-box .btn {
    max-width: 80px;
    height: 36px;
    font-size: 16px;
    font-weight: 600;
}


.order-product-box {
    width: 100%;
}

.order-product-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 21px 18px;
}


.order-product-box .cart {
    flex-basis: 250px;
    max-width: 250px;
    min-height: 354px;
    margin: 0 7px;
}

.order-product-list.brand-product .cart {
    max-width: 224px;
    min-height: 289px;
    margin-top: 17px;
}

.branding-btn-box {
    width: 100%;
    margin-bottom: 5px;
}

.branding-btn-box .btn {
    height: 50px;
    font-size: 20px;
    font-weight: 500;
}

.top-space-50 {
    margin-top: 50px;
}

.m-product-box {
    width: 100%;
    padding: 31px 32px;
    margin-bottom: 75px;
}

.payment-btn-box {
    margin-top: 30px;
    margin-bottom: 83px;
}

.payment-btn-box .btn {
    height: 70px;
    font-size: 26px;
    font-weight: 700;
}


/*new 결제하기 페이지*/
.payment-product-box {
    width: 960px;
}

.order-box {
    width: 100%;
    background: #fff;
    border: 1px solid #EEEEEE;
    margin-bottom: 45px;
}

.order-title-box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
}

.order-title-box .banana-title-bar {
    display: inline-block;
    width: 8px;
    height: 50px;
    background: #7C7AE0;
    margin-right: 22px;
}

.order-title-box .sample-title-bar {
    display: inline-block;
    width: 8px;
    height: 50px;
    background: #71B53C;
    margin-right: 22px;
}

.order-title-box .brand-title-bar {
    display: inline-block;
    width: 8px;
    height: 50px;
    background: #FFB23E;
    margin-right: 22px;
}


.order-title-box > h2 {
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
}


.order-payment-box {
    width: 100%;
}

.order-coupon-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #DEE9FA;
    padding: 21px 28px;
}

.use-coupon-title {
    flex-basis: 50%;
    background: #FFFFFF;
    padding: 7px 14px;
    border: 1px solid #DFDFDF;
    border-radius: 3px;
}

.use-coupon-title > p {
    font-size: 14px;
    color: #333333;
}

.use-coupon-price-box {
    flex-basis: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.coupon-discount-price {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    margin-right: 6px;
}

.coupon-discount-price > span {
    margin-left: 40px;
}


.use-coupon-price-box .btn.type_small {
    height: 36px;
}

.order-total-payment-box {
    display: flex;
    align-content: center;
    justify-content: space-between;
    background: #fff;
    padding: 25px 26px;
}

.sample-total-payment-box {
    border-top: 1px solid #EEEEEE;
}

.order-total-count-area {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
}

.order-total-price-area {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
}

.order-total-price-area .order-total-price {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    margin-bottom: 2px;
}


.order-total-price-area .order-fee-guide {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    color: #FF0000;
}


.order-fee-guide::before {
    content: '\2022';
    display: inline-block;
    margin-right: 7px;
}

.order-product-box .order-brand-m-title {
    margin: 25px 25px 0 25px;
    border-bottom: 1px solid #aaa;
}

.order-brand-m-title > p {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    padding-bottom: 7px;
}











.cart_tab {
    display: flex;
    border: 1px solid #FFB23E;
    border-radius: 35px;
    /*margin: 14px 0 0;*/
    margin: 38px 0 22px;
    overflow:hidden;
}
.cart_tab a {
    display: block;
    width: 50%;
    background: #fff;
    color: #FFB23E;
    font-size: 24px;
    font-weight:500;
    line-height: 50px;
    text-align: center;
}
.cart_tab a:last-child {}
.cart_tab a.on {
    background:#FFB23E;
    color:#fff;
}

/*
샘플 장바구니
*/
.cart_contents_box {
    padding:0 0 110px;
}
.cart_area {
    min-height: calc(100vh - 152px);
}
.cart_area .title {
    padding:63px 0 18px;
    font-size:34px;
    line-height:37px;
    text-align: center;
    border-bottom:2px solid #333;
}

/* 전체선택 */
.top_all_choice {
    position:relative;
    display:flex;
    align-items: center;
    padding:24px 0 20px;
} 
.top_all_choice .chk {
    margin-right:10px;
}
.top_all_choice .chk + label {
    font-size:18px;
    line-height:22px;
}
.del_btn {
    width:64px;
    height:30px;
    background:#fff;
    color:#eb5858;
    font-size:16px;
    line-height:20px;
    border:1px solid #eb5858;
    border-radius: 3px;
}
.top_all_choice .del_btn {
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}

.all_chk_box .btn.red {
    margin-left:6px;
}

/* 샘플 */
.cart_box {
    padding:22px 30px;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius: 3px;
}
.cart_box + .cart_box {
    margin-top:30px;
}
.cart_btn_box {}
.cart_btn_box .btn {
    width: calc(50% - 3px);
    height: 50px;
    font-size: 20px;
}


.cart_btn_box .btn_cp {
    width: 100%;
    height: 50px;
    font-size: 20px;
    background:#FFB23E;
    color:#fff;
}

.all_chk_box {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    padding:16px 0 7px 0;
    font-size:20px;
    border-bottom: 1px solid #aaa;
}
.all_chk_box .chk + label {
    flex:1;
    position: relative;
    top: -2px;
    padding:0 14px;
    color:#000;
    font-size:18px;
    font-weight: 600;
    line-height:26px;
}
.all_chk_box .txt {
    padding-left:11px;
    color:#333;
}
.order_product_area .cart {
    /*width:calc(25% - 14px); 221006 클라이언트 요구*/
    width:calc(20% - 17px);
    padding:0 0 50px;
}
.order_product_area .cart:not(:nth-child(3n)) {
    margin-right: 25px;
    /*margin-right:20px;*/
}
.order_product_area.sample .cart {/* 221006 샘플신청 따로 추가 */
    width:calc(25% - 14px);
}
.order_product_area.sample .cart:not(:nth-child(5n)) {/* 221006 샘플신청 따로 추가 */
    margin-right:0;
}
.order_product_area.sample .cart:not(:nth-child(4n)) {/* 221006 샘플신청 따로 추가 */
    margin-right:18px;
}
.cart {
    display:block;
/*    display:flex;
    align-items: center;*/
    /*padding:15px 48px 15px 0;*/
    padding:0 0 30px;
    /*border-bottom:1px solid #eee;*/
}
.cart .img_box {
    width:100%;
    padding-bottom:100%;
    /*margin:0 16px 0 26px;*/
    border-radius: 3px;
}
/* 이미지 박스 */
/*.img_box.new:before {
    content:"NEW";
    position:absolute;
    right:0;
    top:0;
    width:50px;
    font-size:16px;
    line-height:50px;
    text-align: center;
    z-index:10;
}*/
.img_box.new:before {
    content:"NEW";
    position:absolute;
    right:0;
    top:0;
/*    width:0;
    height:0;*/
    width:70px;
    height:70px;
    padding:6px;
    font-size:16px;
    line-height:32px;
    text-align: end;
    font-weight: 600;
    background:url("../image/common/yellow_tri.png") no-repeat 100% 0%;
    background-size:80px;
/*    border-top:40px solid #ffe32a;
    border-right:40px solid #ffe32a;
    border-bottom:40px solid rgba(0,0,0,0);
    border-left:40px solid rgba(0,0,0,0);*/
    animation:text_color 0.6s alternate infinite;
    z-index:10;
}
@keyframes text_color {
    0% {color:#ff6f1a;}
    50% {color:#1cbd4e;}
    100% {color:#19a2e3;}
}
.img_box.best:after {
    content: "BEST";
    position:absolute;
    left:20px;
    bottom:20px;
    display:block;
    width:50px;
    background:#e93d6d;
    color:#fff;
    font-size:14px;
    line-height:50px;
    text-align:center;
    border-radius: 50%;
    animation: best_ani .4s alternate infinite;
}
@keyframes best_ani {
    0% {transform:translateY(10px);}
    100% {transform:translateY(0);}
}

.cart .img_box .chk {
    position:absolute;
    top:10px;
    left:10px;
}
.cart .name {
    flex:1;
    padding:10px 0 0;
/*    font-size: 18px;
    line-height:22px;*/
    font-size: 14px;
    font-weight:500;
    line-height: 20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart .text {
    display:block;
    margin:4px 0 0;
    color:#333;
/*    font-size: 18px;
    line-height: 22px;*/
    font-size: 14px;
    font-weight:500;
    line-height: 19px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart .freebie-txt {
    color: #EF4136;
}
.cart .text span {
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart .order_text {
    display: inline-block;
    margin:6px 0 0;
    color:#333;
    font-size: 14px;
    font-weight:500;
    line-height: 16px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.freebie-cnt {
    color: #FF3838;
    font-weight: 700;
    margin-left: 10px;
}

.freebie-cnt::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    vertical-align: middle;
    background: url("../image/sub/freebie.svg") no-repeat 50% 50% / 20px;
}

/* 배송비 */
.delivery_price_box {
    margin:0 0 15px;
    padding:14px 0 13px;
    background:#fff;
    border:1px solid #e7e7e7;
    font-size:18px;
    font-weight:500;
    line-height:21px;
    text-align:center;
}

.delivery_price {
    display:flex;
    align-items: center;
    margin:30px 0;
    padding:40px 76px;
    background:#fff;
    font-weight:500;
    border:1px solid #e7e7e7;
}
.delivery_price .text {
    font-size:20px;
    line-height:21px;
}
.delivery_price .red {
    color: red
}


.delivery_price .all_num {
    flex:1;
}

.one_btn_box {
    padding:33px 0 0;
}
.between_btn_box {
    display:flex;
}
.between_btn_box .btn {
    width:calc(50% - 10px);
}
.between_btn_box .btn:nth-child(1) {
    margin-right:20px;
}

/*
샘플신청
*/
.all_chk_box .text {
    flex:1;
    color:#000;
    font-size:20px;
    font-weight:500;
    line-height:26px;
}
.cart + .all_chk_box {
    margin-top:14px;
}
.all_chk_box .btn {
    max-width: 100px;
    height: 38px;
    font-size: 16px;
    font-weight: 600;
}

.sample_order {
    display:flex;
    padding:30px 0 100px;
}
.sample_order>.cart_box {
    position:relative;
    margin-bottom:50px;
    padding-bottom:79px;
}
.sample_order .delivery_price {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    margin:0;
    padding:28px 60px;
    font-weight:500;
    border:1px solid #a6a6a6;
}

.sample_order .cart_box {
    flex:1;
}
.sample_order>.cart_box {
    width: calc(100% - 503px);
}
.sample_order .order_right {
    flex-basis:420px;
    height: 100px;
    margin-left:21px;
    background: #fff;
}

.order_request {
    margin: 0 0 20px;
    padding: 20px 5px 0;
    border-top: 1px solid #333;
}
.order_request dt,
.order_request dd {
    display:inline-block;
    vertical-align:top;
    font-size:15px;
}
.order_request dt {
    width:75px;
    color:#888;
}
.order_request dd {
    width:calc(100% - 85px);
}


/* 배송정보 */
.delivery_address {
    padding-bottom:24px;
}
.delivery_address .empty_txt {
    padding:70px 0 60px;
    color:#777;
    font-size:16px;
    line-height:19px;
    text-align:center;
    word-break: keep-all;
}
.delivery_address .txt_box {
    padding:18px 0 30px;
    font-size:18px;
    line-height:30px;
}
.delivery_address .txt {
    margin-bottom:4px;
    font-size:20px;
    line-height:24px;
}
.delivery_address .txt + .txt {
    margin-bottom:10px;
}
.delivery_address .memo {
    display:block;
    margin-top:14px;
    color:#666;
    font-size:18px;
}
.delivery_address .btn {
    display:block;
    max-width:200px;
    height:50px;
    margin:0 auto;
    font-size:18px;
    border-radius:0;
}
.order_right .cart_box + .cart_box {
    margin-top:20px;
}

/* 결제금액(배송비) */
.delivery_order {
    display:flex;
    padding:29px 0 15px;
    font-size:18px;
    font-weight:600;
    line-height:23px;
}
.delivery_order .txt {
    flex:1;
    color:#777;
    font-weight:400;
}
.delivery_order + .delivery_order {
    padding:0 0 14px;
}

.type_order {
    margin:20px 0 100px;
}

.order_right .desc {
    position: relative;
    margin-top:10px;
    padding-left:10px;
    color:#777;
    font-size:14px;
    line-height:16px;
}
.order_right .desc:before {
    content:"";
    position:absolute;
    left:0;
    top:4px;
    display:block;
    width:3px;
    height:3px;
    background:#777;
    border-radius:50%;
}
.order_right .desc:last-child {
    padding-bottom:100px;
}

/*
배송지 변경 팝업
*/
.address_edit .txt {
    padding:20px 0 10px;
    color:#888;
    font-size:16px;
    line-height:19px;
}
.address_search {
    display:flex;
}
.address_search .text_input {
    flex:1;
}
.address_search .btn {
    width:80px;
    height:46px;
    margin-left:6px;
    font-size:16px;
}
.text_input.top {
    margin-top:8px;
}

.address_edit .bottom_btn {
    width:100%;
    height:46px;
    margin-top:36px;
    font-size:18px;
}

/*
브랜드 장바구니
*/
.brand_label_txt {
    position:relative;
    padding:20px 0 5px 22px;
    color:#000;
    font-size:15px;
    line-height:19px;
}
.brand_label_txt:before {
    content:"";
    display:inline-block;
    position:absolute;
    left:0;
    bottom:5px;
    width:16px;
    height:16px;
    background:url("../image/sub/exclamation.svg") no-repeat 50% 50% / cover;
}
.brand_label_txt .red {
    color:#eb5858;
}
.cart_box.type_brand {
    position:relative;
    padding-bottom:77px;
}
/*.type_brand .all_chk_box .chk + label {
    color:#333;
    font-size:16px;
}*/
.type_brand .all_chk_box .txt {
    color:#000;
    padding-left:4px;
    font-size:18px;
}
.type_brand .delivery_price {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:28px 59px 28px 75px;
    margin:0;
    background:#fcfcfc;
    font-weight: 500;
    border-top:1px solid #eee;
}
.type_brand .cart {
    /*padding:14px 30px 16px 0;*/
    padding:14px 0 16px;
}
.cart .text_box {
    flex:1;
    font-size: 12px;
    line-height: 14px;
}
.cart .text_box p {
    /*margin:2px 0 4px;*/
    font-size:14px;
    line-height:20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart .info {
    /*margin:6px 0;*/
    color:#b0b0b0;
/*    font-size:14px;
    line-height:16px;*/
    font-size: 14px;
    line-height: 20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart .desc {
    color:#b0b0b0;
    font-size: 14px;
    min-height:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart .txt {
    color:#000;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
/*.type_brand .cart .text {
    min-width:226px;
    color:#222;
    font-size: 12px;
    font-weight:600;
    line-height: 14px;
    text-align:end;
    font-family: 'Noto Sans KR', sans-serif;
}
.type_brand .cart .text span {
    font-family: 'Noto Sans KR', sans-serif;
}*/
.cart .quantity_num {
    width:140px;
    margin:10px 0;
    border-color:#eaeaea;
}
.cart .quantity_num .text_input {
    width: calc(100% - 64px);
    height:28px;
    padding: 5px;
}
.cart .quantity_num .num_btn {
    width:32px;
    height:28px;
    border-color:#eaeaea;
}

/* 장바구니가 비어있을 때 */
.cart_empty_txt {
    color:#888;
    font-size:22px;
    line-height:26px;
    text-align:center;
}
.cart_empty_txt:before {
    content:"";
    display:block;
    width:70px;
    height:70px;
    margin:156px auto 26px;
    background:url("../image/sub/shopping_cart_icon.svg") no-repeat 50% 50%;
    background-size:cover;
}
.btn.cart_empty_btn {
    display: block;
    max-width: 250px;
    margin: 30px auto;
    height: 50px;
    font-size: 20px;
}

.moq-discount-box {
    width: 100%;
    margin-top: 18px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.layer-moq-discount-box {
    width: 100%;
    margin-top: 18px;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 2px 14px;
}

.moq-discount-title {
    display: flex;
    align-items: center;
}

.discount-title {
    width: 90%;
    display: flex;
    align-items: center;
    margin: 8px 0;
    font-size: 14px;
    font-weight: 700;
    color: #F44336;
}
.discount-btn-box {
    width: 10%;
    display: flex;
    justify-content: flex-end;
}

.btn-show {
    width: 12px;
    height: 12px;
    background: url("../image/sub/up-arrow.svg") 0 0 / 12px;
}

.freebie-title {
    width: 90%;
    display: flex;
    align-items: center;
    margin: 8px 0;
    font-size: 14px;
    font-weight: 700;
    color: #FF3838;
}

.freebie-title::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    background: url("../image/sub/freebie.svg") no-repeat 50% 50% / 26px;
}

.discount-title::before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 26px;
    height: 26px;
    background: url("../image/sub/discount.svg") no-repeat 50% 50% / 26px;
}

.discount-contents-box {
    margin: 8px 0 12px;
    padding-left: 20px;
}

.discount-contents-box > li {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
    list-style-type: disc;
}


.branding-m-total-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    padding: 25px 30px;
    font-size: 20px;
    font-weight: 700;
}

.branding-m-title {
    flex-basis: 50%;
}

.branding-m-title > span {
    margin-left: 14px;
}

.branding-m-total-price {
    flex-basis: 50%;
    text-align: right;
}

/*
브랜드 결제
*/
.not_pd .cart .img_box {
    margin-left:0;
}
.sample_order.not_pd .delivery_price {
    padding:28px 34px;
}

.cart .img_box.right {
    padding-bottom:50%;
}

/* 결제수단 */
.payment_radio {
    padding:30px 0 8px;
}
.payment_radio li:not(:last-child) {
    margin-bottom:25px;
}
.payment_radio .radio_input + label {
    width:calc(100% - 30px);
    font-size:18px;
}

/* 무통장 입금 */
.payment_txt {
    padding:16px 0 5px;
    font-size:14px;
    line-height:16px;
}
.payment_txt .red_txt {
    color:#f00;
    font-size:12px;
}
.passbook_info_box {
    /*padding:10px 0 0;*/
}
.passbook_info_box .radio_box {
    padding:7px 0 14px;
}
.passbook_info_box .text_input {
    color:#777;
    font-size:14px;
    border-color:#eee;
}
.passbook_info_box .select {
    padding: 12px 30px 12px 12px;
    font-size:14px;
}
.passbook_info_box .select + .text_input {
    margin-top:4px;
}
.passbook_info_box .payment_txt + .text_input {
    background:#f9f9f9;
}

/* 세금계산서 */
.tax_invoice_box {}
.tax_invoice_box .dot_tit {
    margin:10px 0 4px;
    font-size:12px;
    font-weight:500;
    line-height:17px;
}
.tax_invoice_box .dot_tit:before {
    content:"";
    position:relative;
    top:-2px;
    display:inline-block;
    vertical-align:middle;
    width:3px;
    height:3px;
    margin:0 7px 0 0;
    background:#333;
    border-radius:50%;
}

/* 동의 */
.consent_box {
    margin-top: 20px;
    padding:20px 30px;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:3px;
}
.consent_box .chk {
    width:18px;
    height:18px;
    margin-right:6px;
}
.consent_box .gap {
    display:block;
    padding:10px 0 0;
}
.agrees_btn {
    position: relative;
    top: -1px;
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    text-align:start;
}
.agrees_btn:after {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:12px;
    height:7px;
    margin:0 6px;
    background:url("../image/common/under_arrow.svg") no-repeat 50% 50%;
    background-size:cover;
}
.agrees_btn.on:after {
    transform:rotate(0.5turn);
}
.agrees_content {
    display:none;
    margin:10px 0 0 0;
    padding:14px;
    background:#f9f9f9;
    color:#555;
    font-size:13px;
    line-height:19px;
}
.agrees_content .normal_table {
    margin-top:10px;
    background:#fff;
    border-top: 1px solid #eee;
}
.agrees_content .normal_table th, 
.agrees_content .normal_table td {
    height:auto;
    padding:6px 16px;
    font-size:13px;
}

/* 쿠폰사용 */
.coupon_input {
    display:flex;
    padding:18px 0 9px;
}
.coupon_input .text_input {
    flex:1;
    height:40px;
}
.coupon_input .btn {
    width:90px;
    height:40px;
    margin-left:6px;
    font-size:16px;
}

.coupon_sales_box {
    display:flex;
    font-size:16px;
    padding:14px 0;
}
.coupon_sales_box .txt {
    flex:1;
    color:#777;
}

/* 
마이페이지(샘플 신청 내역)
*/
.content_box.type_mypage {
    display:flex;
    padding-top:70px;
    padding-bottom:50px;
}
.mypage_content {
    width:calc(100% - 260px);
}
.mypage_content .top_title {
    position:relative;
    padding:0 0 14px;
    font-size:22px;
    font-weight:500;
    line-height:26px;
    border-bottom:1px solid #333;
}

.sample_order_li {}
.sample_order_li li:not(:last-child) {
    margin-bottom:6px;
}
.sample_order_li .date {
    position:relative;
    padding:24px 0 12px;
    font-size:16px;
    line-height:19px;
}
/*.sample_order_li .date .btn {
    position:absolute;
    right:0;
    top:17px;
    width:133px;
    height:30px;
    line-height: 28px;
    font-size:14px;
}*/
.sample_order_li .date .view_btn {
    position:absolute;
    right:0;
    top:24px;
}

.li_box.type_request {
    padding:0;
    border:0;
}
.li_box.type_request .info_box dt {
    font-size:16px;
}
.li_box.type_request .info_box dd {
    font-size:16px;
    line-height:20px;
}

.li_box {
    padding:0 30px 9px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:3px;
}
.li_box + .li_box {
    margin-top:20px;
}
.li_box .title {
    position:relative;
    display:flex;
    align-items:center;
    padding:24px 0 18px;
    font-size:18px;
    font-weight: 500;
    line-height:22px;
    border-bottom:1px solid #ddd;
}
.li_box .title .txt {
    flex:1;
}
.li_box .title .txt .red_txt {
    padding-left: 16px;
    color:#f00;
    font-size:14px;
}
.li_box .title .txt .chk {
    margin-right:14px;
}
.li_box .title .txt .chk + label {
    position: relative;
    top: -1px;
}
.li_box .brand_box + .title {
    padding-top:40px;
}

.view_btn {
    font-size:14px;
    line-height:16px;
}
.view_btn:after {
    content:"";
    display:inline-block;
    vertical-align: middle;
    width:15px;
    height:8px;
    background:url("../image/common/under_arrow.svg") no-repeat 50%  50%;
    background-size:14px;
    transform:rotate(0.75turn);
}
.order_product_area {
    display:flex;
    flex-wrap:wrap;
    /*padding:30px 0 0;*/
    padding:30px 0;
}
.order_product_area .product_box {
    width:calc(25% - 15px);
}
.order_product_area .product_box:not(:nth-child(4n)) {
    margin-right:20px;
}
.product_box {
/*    display:flex;
    align-items: center;*/
    padding:0 0 30px;
}
.product_box .chk {
    margin-right:14px;
}
.product_box .img_box .chk {
    position:absolute;
    top:10px;
    left:10px;
}
.product_box .img_box {
    width:100%;
    padding-bottom:100%;
    border-radius:3px;
}
.product_box .img_box.right img {
    max-width: none;
    min-width:100%;
    left: auto;
    right: -145px;
    transform: translateY(-50%);
}
.type_view .product_box .img_box {
    cursor:pointer;
}
.product_box .text_box {
    padding:5px 0;
}
.product_box .text_box .name {
    flex:1;
/*    font-size:16px;
    line-height:19px;*/
    font-size: 14px;
    font-weight:500;
    line-height: 20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.product_box .text_box .text {
    color:#b0b0b0;
/*    font-size:16px;
    line-height:19px;*/
    font-size: 14px;
    line-height: 20px;
}

.sample_order_li li.empty_text {
    color: #555;
    font-size: 20px;
    text-align:center;
}
.sample_order_li li.empty_text:before {
    content:"";
    display:block;
    width:50px;
    height:50px;
    margin:50px auto 20px;
    background:url("../image/sub/not_product_icon.svg") no-repeat 50% 50%;
    background-size:50px;
}


/* 
마이페이지 (샘플 신청 내역 상세)
*/
.sample_order_li .small_btn {
    position:absolute;
    right:0;
    top:50%;
    width:118px;
    height:34px;
    background:#FFB23E;
    color:#fff;
    font-size:16px;
    border-radius:2px;
    transform:translateY(-50%);
}
.sample_order_li .small_btn.left {
    right:123px;
}
.li_box.type_view .product_box {
    /*border-bottom:1px solid #eee;*/
}
.li_box .product_box + .title {
    margin-top:18px;
}

/* 정보 */
.info_box {
    padding:10px 0 22px;
}
.info_box dt,
.info_box dd {
    display:inline-block;
    vertical-align:top;
    margin-top:16px;
    font-size:16px;
    line-height:20px;
}
.info_box dt {
    width:158px;
    color:#888;
}
.info_box dd {
    width:calc(100% - 165px);
}
.li_box.top {
    margin-top:30px;
}

/*
반납 송장번호 등록
*/
.waybill_box {}
.waybill_box .title {
    padding:20px 0 10px;
    color:#888;
    font-size:16px;
    line-height:19px;
}
.waybill_box .btn {
    width:100%;
    height:46px;
    margin:24px 0 10px;
    font-size:18px;
}

/* 
주문내역
*/
.product_left_info {
    /*flex:1;*/
}
.product_left_info .text {
    /*margin:8px 0;*/
}
.product_box .text_box .txt {
    position:relative;
    display:inline-block;
    vertical-align:middle;
/*    font-size:14px;
    line-height:16px;*/
    font-size: 14px;
    font-weight:500;
    line-height: 20px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.product_box .text_box .txt:last-child {
    padding-left:6px;
}
.product_box .text_box .txt:last-child:before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    display:block;
    width:1px;
    height:10px;
    background:#333;
    transform:translateY(-50%);
}
.delivery_state {
    /*padding:0 18px;*/
/*    font-size:16px;
    line-height:19px;*/
    margin:6px 0 0;
    font-size: 14px;
    font-weight:600;
    line-height: 16px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    text-align:end;
}
.delivery_state.red {color:#cb1313;} /* 반품 요청 / 반품 완료 / 반품 거절 */
.delivery_state.blue {color:#1321CB;} /* 무통장 입금대기 */
.delivery_state.green {color:#337B11;} /* 교환 요청 / 교환 완료 / 교환 거절 */
.delivery_state.orange {color:#E36D17;} /* 취소 요청 / 취소 완료 / 취소 거절 */
.delivery_state.gray {color:#444;} /* 배송 준비중 / 배송 */
.delivery_state.purple {color:#6C3EA5;} /* 결제완료 */
.order_num {
    position:relative;
    padding:22px 0 14px;
    font-size:16px;
    line-height:19px;
}
.order_num:before {
    content:"";
    position:relative;
    top:-2px;
    display:inline-block;
    vertical-align:middle;
    width:3px;
    height:3px;
    margin:0 10px; 
    background:#333;
    border-radius:50%;
}

.li_box .title .btn_box {
    position:absolute;
    right:0;
    bottom:12px;
    font-size:0;
}
.li_box .title .btn_box .btn {
    margin-left:5px;
}
.li_box .title .btn {
    width:118px;
    height:34px;
    font-size:14px;
}
.li_box .title .btn.add_taste {
    width:80px;
}
.li_box .title .btn.brand_add {
    width:150px;
}
.li_box .title .txt .btn {
    position:relative;
    top:0;
    margin:0 10px;
    transform:translateY(0);
}

.top_box {
    padding-top:20px;
}

/*.delivery_right_txt {
    padding:15px 0 6px;
    font-size:16px;
    text-align:center;
    border-top:1px solid #eee;
}*/
.delivery_bottom_txt {
    margin:10px 0 0;
    padding:15px 0;
    font-size:16px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:3px;
}

.bottom_desc {
    margin: 30px 0 0;
    padding:0 5px;
    color:#606060;
    font-size:18px;
    text-align:center;
}

/* 라벨 디자인 확인 */
.new_page {
    position:relative;
    width:100%;
    height: 100%;
    overflow:hidden;
}
.new_page img {
    max-width:100%;
}

/*
마이페이지 (브랜딩 내역)
*/
.brand_box {
    display:flex;
    align-items: center;
    width:100%;
    padding:15px 0;
}
.brand_box:not(:last-child) {
    border-bottom:1px solid #eee;
}
.brand_box .img_box {
    width:180px;
    height:80px;
}
.brand_box .text_box {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    flex:1;
    padding:0 17px 0 24px;
}
.brand_box .product_left_info {
    font-size:14px;
    line-height:20px;
}
.brand_box .name {
    font-weight:600;
}
.request {
    color:#FFB23E;
}
.brand_box .text {
    margin:7px 0;
    color:#888;
}
.brand_box .txt:not(:last-child):after {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:1px;
    height:16px;
    margin: 0 4px 0 7px;
    background:#222;
}
.brand_box .delivery_state,
.brand_box .delivery_right {
    flex:1;
}
.brand_box .text_box .delivery_right .btn {
    display: block;
    margin: 8px 0 0 auto;
}
.brand_box .delivery_right .delivery_state {
    display: block;
    width:100px;
    margin:0 0 0 auto;
    text-align:center;
    white-space: nowrap;
}
.brand_box .text_box .btn {
    width:100px;
    height: 34px;
    margin: 0 0 0 14px;
    font-size: 14px;
    line-height: 30px;
}

.btn .label_new {
    position: absolute;
    right: -10px;
    top: -8px;
    display: block;
    width: 18px;
    padding: 0 5px;
    background: #f00;
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    border-radius: 50px;
}

/* 검색창 */
.search_box {
    display:flex;
    align-items: center;
    width:300px;
    border:1px solid #e3e3e3;
    border-radius:3px;
    overflow:hidden;
}
.search_box .text_input {
    width:calc(100% - 30px);
    height:32px;
    padding:5px 10px;
    font-size:14px;
    border:0;
}
.search_box .search_btn {
    width:20px;
    height:20px;
    padding:5px 7px;
    background:url("../image/sub/search_btn.svg") no-repeat 50% 50% / 14px;
    box-sizing: content-box;
}

.top_title .search_box {
    position:absolute;
    right:0;
    top:-8px;
}

/*
브랜딩 결제대기 담기 팝업
*/
.brand_add_li {
    width:100%;
    max-height:280px;
    overflow-y:auto;
}
.brand_add_li::-webkit-scrollbar {
    width: 3px;
}
.brand_add_li::-webkit-scrollbar-thumb {
    background-color: #FFB23E;
    border-radius: 10px;
}
.brand_add_li::-webkit-scrollbar-track {
    background-color:#f8f8f8;
    border-radius: 10px;
}
.brand_add_li > li {
    padding:10px 0;
    border-bottom:1px solid #eee;
}
.brand_add_li .product_left_info {
    font-size:14px;
    line-height:20px;
}
.brand_add_li .product_left_info .name {
    font-weight:600;
}
.brand_add_li .product_left_info .text {
    color:#888;
    padding-left:5px;
    font-weight:400;
}
.brand_add_li .product_left_info .txt {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.brand_add_li .quantity_num {
    width: 140px;
    border-color: #eaeaea;
}
.brand_add_li .quantity_num .text_input,
.brand_add_li .quantity_num .num_btn {
    height:28px;
}
.brand_add_li .quantity_num .text_input {
    width: calc(100% - 64px);
    padding:5px;
}
.brand_add_li .quantity_num .num_btn {
    width:32px;
    border-color: #eaeaea;
}

.layerPop .left_line_title {
    margin:16px 0 10px;
    font-size:15px;
    line-height:20px;
}
.layerPop .left_line_title:before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:3px;
    height:14px;
    margin-right:5px;
    background:#FFB23E;
}
.layerPop.type_brand_request .textarea {
    height:70px;
    border-color:#e7e7e7;
}
.layerPop.type_brand_request .brand_add_num {
    display:flex;
    justify-content: space-between;
    padding: 20px 0;
    font-size:16px;
}
.layerPop.type_brand_request .brand_add_num strong {
    font-size:18px;
}

.layerPop.type_brand_request .between_btn_box .btn {
    width:calc(100% - 150px);
}
.layerPop.type_brand_request .between_btn_box .btn:nth-child(1) {
    width:140px;
    margin-right:10px;
}

/*
회원정보
*/
.text_input.type_middle {
    max-width:430px;
}
.text_input.type_small {
    max-width:295px;
}
.text_input.type_small2,
.select.small {
    max-width:130px;
}

/* 회원탈퇴 */
.user_withdrawal {
    display:inline-block;
    margin-top:10px;
    color:#999;
    font-size:14px;
    line-height:15px;
    border-bottom:1px solid #999;
}

/* 세금계산서 */
.tax_box {}
.tax_box .top_title {
    margin:89px 0 0;
}
.tax_box .normal_table {
    border-top:1px solid #eee;
}

.tax_box .btn {
    width:100px;
    height:40px;
    font-size:13px;
}

/*
취소/교환/환불 내역
*/
.order_box {
    margin-top:24px;
    border:1px solid #ddd;
    border-radius:3px;
}
.order_box + .order_box {
    margin-top:30px;
}
.order_box .top_box {
    display:flex;
    padding:24px 30px;
    background:#f8f8f8;
}
.order_box .top_box .date {
    flex:1;
}
.order_box .top_box .order_num {
    padding:0;
    color:#888;
}
.order_box .top_box .order_num:before {
    background:#888;
}
.order_box .product_area {
    padding:0 30px;
}
.order_box .product_box + .product_box {
    border-top:1px solid #ddd;
}

/* 사유 */
.bottom_reason {
    position:relative;
    padding:23px 30px 24px 50px;
    font-size:16px;
    line-height:19px;
    border-top:1px solid #ddd;
}
.bottom_reason:before {
    content:"";
    position:absolute;
    top:30px;
    left:35px;
    display:block;
    width:3px;
    height:3px;
    background:#333;
    border-radius:50%;
}
.bottom_reason .red_txt {
    padding-left:21px;
    color:#f00;
}

.btn.bt_center_btn {
    display:block;
    margin:40px auto;
    max-width:222px;
    height:46px;
    font-size:18px;
}

/*
취소 신청
*/
.layerPop.cancel_li {
    max-width:540px;
    padding: 22px 18px;
}
.layerPop .line_tit {
    position:relative;
    padding:30px 0 9px;
    font-size:22px;
    font-weight:400;
    line-height:26px;
    border-bottom:1px solid #888;
}
.layerPop .line_tit:before {
    content:"";
    position:absolute;
    left:-18px;
    top:0;
    display:block;
    width:calc(100% + 32px);
    height:7px;
    background:#eee;
}

/* 취소사유 */
.cancel_reason {}
.cancel_reason li {
    margin-top:24px;
}

/*
주문/결제 완료
*/
.completion_box {
    margin:30px 0;
    background:#fff;
    text-align:center;
    border:1px solid #eee;
    border-radius:3px;
}
.completion_box .text_box {
    padding:40px 0;
}
.completion_box .check_ani {
    position:relative;
    display:block;
    width:68px;
    height:68px;
    margin:0 auto 20px;
    border:5px solid #FFB23E;
    border-radius:50%;
}
.completion_box .check_ani:before,
.completion_box .check_ani:after {
    content:"";
    position:absolute;
    display:block;
    width:4px;
    background:#FFB23E;
    border-radius:10px;
}
.completion_box .check_ani:before {
    top:27px;
    left:20px;
    height:12px;
    transform: rotate(320deg);
    animation: dash 0.3s linear alternate 1;
}
.completion_box .check_ani:after {
    top:18px;
    left:31px;
    height:24px;
    transform: rotate(45deg);
    animation: check_ani2 .5s;
    animation: dash 0.3s linear alternate 1;
}

.success_checkmark {
    width: 70px;
    height: 68px;
    margin: 0 auto 20px;
}
.check_icon {
    width: 68px;
    height: 68px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #FFB23E;
}      
.check_icon::before {
    top: -10px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}
.check_icon::after {
    top:-6px;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4s ease-in;
}
.check_icon::before, 
.check_icon::after {
    content: '';
    height: 100px;
    position: absolute;
    /*background: #FFFFFF;*/
    transform: rotate(-45deg);
}   
.icon_line {
    height: 5px;
    background-color: #FFB23E;
    display: block;
    border-radius: 5px;
    position: absolute;
    z-index: 10;
}
.icon_line.line_tip {
    top: 40px;
    left: 14px;
    width: 20px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.55s;
}
.icon_line.line_long {
    top: 34px;
    right: 9px;
    width: 35px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.55s;
}
.icon_circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid #FFB23E;
}
.icon_fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #FFFFFF;
}    
@keyframes rotate-circle {
    0% {transform: rotate(-45deg);}
    5% {transform: rotate(-45deg); }
    12% {transform: rotate(-405deg);}
    100% { transform: rotate(-405deg);}
}

@keyframes icon-line-tip {
    0% {width: 0;left: 1px;top: 19px;}
    54% {width: 0;left: 1px;top: 19px;}
    70% {width: 45px;left: -8px;top: 37px; }
    84% {width: 11px;left: 21px;top: 48px; }
    100% { width: 20px;left: 14px;top: 40px;}
}

@keyframes icon-line-long {
    0% {width: 0; right: 46px;top: 54px;}
    65% {width: 0; right: 46px;top: 54px;}
    84% { width: 47px; right: 0px;top: 35px;}
    100% {width: 35px;right: 9px;top: 34px;}
}

.completion_box .text {
    font-size:26px;
    font-weight:500;
    line-height:38px;
}
.completion_box .txt {
    margin-top:8px;
    color:#888;
    font-size:14px;
    line-height:16px;
}
.completion_box .account {
    padding:40px 13px;
    text-align:center;
    border-top:1px solid #eee;
    border-radius:3px;
}
.completion_box .account dt,
.completion_box .account dd {
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    line-height:22px;
}
.completion_box .account dt {
    color:#666;
}
.completion_box .account dt:before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:3px;
    height:3px;
    margin:0 10px;
    background:#666;
    border-radius:50%;
}
.completion_box .account dd {
    margin:0 30px 0 16px;
    font-weight: 500;
}

/* 제조사 */
.delivery_price.type_not_pd {
    position:relative;
    margin:0;
    padding:29px 4px 7px;
    border:0;
}
.delivery_price.type_not_pd:before {
    content:"";
    position:absolute;
    top:-1px;
    left:50%;
    display:block;
    width:calc(100% + 60px);
    height:1px;
    background:#eee;
    transform: translateX(-50%);
}

.flex_info_area {
    display:flex;
}
.flex_info_area .li_box {
    width:calc(50% - 10px);
    border-color:#eee;
}
.flex_info_area .li_box:not(:last-child) {
    margin-right:19px;
}

.btn.bt_center_btn.top50 {
    margin:50px auto;
}

/*
샘플 주문 완료
*/
.text .price_right {
    display:block;
    padding:4px 0 0;
    /*padding:0 0 0 16px;*/
    font-size: 14px;
    font-weight:500;
    line-height: 16px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
}
.cart_box.not_right_pd .cart {
    padding-right:0;
}

/*
쿠폰함
*/
.coupon_li {
    display:flex;
    flex-wrap:wrap;
}
.coupon_li li {
    width:calc(33.3% - 20px);
    margin-top:30px;
}
.coupon {
    display:flex;
    align-items: center;
    height:136px;
    border:1px solid #c69693;
    border-right:0;
    border-radius:5px;
    background: url(../image/sub/subtract02.svg) no-repeat 100% 64%;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.coupon_li li:not(:nth-child(3n)) {
    margin-right:30px;
}
.coupon.purple {
    background:url("../image/sub/subtract03.svg") no-repeat 100% 64%;
    border-color:#FFB23E;
}
.coupon.purple .left_sale {
    background:#FFB23E;
}
.coupon.green {
    background:url("../image/sub/subtract01.svg") no-repeat 100% 64%;
    border-color:#93c6aa;
}
.coupon.green .left_sale {
    background:#93c6aa;
}
.coupon .left_sale {
    position:relative;
    width:140px;
    height:100%;
    background:#c69693;
    text-align:center;
    border-right:1px dotted #d2ced8;
    border-radius: 5px 0 0 5px;
}
.coupon .left_sale span {
    position:absolute;
    top:50%;
    left:50%;
    display: block;
    width:100%;
    padding:0 8px;
    color:#fff;
    font-size:20px;
    line-height:23px;
    word-break:keep-all;
    transform: translate(-50%,-50%);
}
.coupon .text_box {
    flex:1;
    padding:0 23px;
}
.coupon .text {
    font-size:16px;
    line-height:19px;
    word-break: keep-all;
}
.coupon .txt {
    display:block;
    margin-top:7px;
    color:#666;
    font-size:14px;
    line-height:16px;
}

.coupon_li li.empty_text {
    width: 100% !important;
    color: #555;
    font-size: 20px;
    text-align:center;
}
.coupon_li li.empty_text:before {
    content:"";
    display:block;
    width:50px;
    height:50px;
    margin:50px auto 20px;
    background:url("../image/sub/coupon_icon.svg") no-repeat 50% 50%;
    background-size:50px;
}

/*
쿠폰선택 팝업
*/
.layerPop.type_coupon {
    max-width:470px;
    padding:29px 18px 32px;
}
.layerPop.type_coupon .popClose {
    width:16px;
    height:16px;
}
.coupon_area_li {
    max-height:540px;
    padding:26px 0 0;
    margin-bottom:26px;
    overflow:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.coupon_area_li::-webkit-scrollbar {
    display: none;
}
.coupon_area {
    display:flex;
    align-items:center;
    padding:0 22px 0 6px;
}
.coupon_area:not(:last-child) {
    margin-bottom:30px;
}
.coupon_area .coupon {
    width:calc(100% - 50px);
    margin-left:25px;
}
.radio_input + label.coupon {
    display:flex;
    padding:0;
}

.sales_text {
    position:relative;
    left:-18px;
    width: calc(100% + 36px);
    padding:16px 0 15px;
    background:#f6f6f6;
    color:#d82828;
    font-size:16px;
    line-height:19px;
    text-align:center;
}
.sales_text span {
    color:#d82828;
}

.layerPop.type_coupon .btn {
    width:100%;
    height:50px;
    margin-top:26px;
    font-size:16px;
}

.layerPop.type_coupon .empty_txt {
    padding:117px 0 435px;
    color:#888;
    font-size:16px;
    line-height:19px;
    text-align:center;
}
.layerPop.type_coupon .empty_txt:before {
    content:"";
    display:block;
    width:80px;
    height:45px;
    margin:0 auto 35px;
    background:url("../image/sub/coupon_icon.svg") no-repeat 50% 50%;
    background-size:80px;
}

/*
기존 브랜드 선택 팝업
*/
.normal_brand_box {
    position:relative;
    display: flex;
    align-items:center;
    padding:0 22px 0 6px;
}
.normal_brand_box:not(:last-child) {
    margin-bottom:42px;
}
.normal_brand_box .radio_input {}
.normal_brand_box .radio_input + label {
    display:block;
    width:calc(100% - 46px);
    height:164px;
    margin-left:24px;
    padding:0;
    border-radius:3px;
    overflow:hidden;
}
.normal_brand_box label img {
    width:100%;
    min-height:100%;
}
.normal_brand_box .name {
    position:absolute;
    bottom:-26px;
    left:50%;
    display:block;
    font-size:14px;
    line-height:20px;
    transform:translateX(-30%);
}
.layerPop.type_coupon .btn.brand_type {
    margin-top:0;
}

/*
승인 전 페이지
*/
.empty_txt {
    color: #555;
    font-size: 20px;
    text-align:center;
}
.empty_txt:before {
    content:"";
    display:block;
    width:50px;
    height:50px;
    margin:50px auto 20px;
    background:url("../image/sub/not_product_icon.svg") no-repeat 50% 50%;
    background-size:50px;
}

/*
그룹 팝업
*/
.layerPop.product_group {
    padding:25px 32px 0;
    max-width:1130px;
    transform: translate(-50%,-48%);
}
.layerPop.product_group .group_tit {
    position:relative;
    font-size:18px;
    font-weight:500;
    line-height:26px;
    text-align:center;
}
.layerPop.product_group .group_tit:after {
    content:"";
    position:absolute;
    top:-80px;
    left:50%;
    display:block;
    width:160px;
    height:160px;
    background:url("../image/brand_group_icon.svg") no-repeat 50% 20%;
    background-size:35px;
    background-color:#fff;
    border-radius: 50%;
    transform:translateX(-50%);
    z-index: -1;
}
.layerPop.product_group .group_txt {
    margin:6px 0 0;
    color:#444;
    font-size:15px;
    line-height:19px;
    text-align:center;
}
.layerPop.product_group .next_btn.shadow {
    right:34px;
}

.product_group .product_li {
    padding:33px 0 0;
    max-height:746px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.product_group .product_li::-webkit-scrollbar {
    display: none; 
}
.product_group .product_li li {
    position:relative;
    width: calc(25% - 16px);
}
.product_group .product_li li:not(:nth-child(5n)) {
    margin-right:0;
}
.product_group .product_li li:not(:nth-child(4n)) {
    margin-right:20px;
}

/*
이용약관
*/
.terms_wrap {
    padding:20px 14px;
}
.terms_wrap .tit {
    padding:0 0 12px;
    font-size:20px;
    line-height:21px;
    border-bottom:2px solid #333;
}
.terms_wrap .txt {
    padding:10px 0;
    font-size:14px;
    line-height:18px;
}

/*
라벨 디자인 변경 내역
*/
.new_wrap {
    padding:34px 32px;
}
.new_wrap .title {
    padding:0 0 18px;
    font-size:22px;
    font-weight:500;
    line-height:32px;
    border-bottom:2px solid #777;
}
.label_img_box {
    width:180px;
    height:80px;
    overflow:hidden;
}
.label_img_box img {
    width:100%;
}

/* pdf 파일 */
.pdf_file {
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
}
.pdf_file:before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:18px;
    margin-right:5px;
    background:url("../image/sub/pdf_icon.svg") no-repeat 50% 50% / 16px;
}
.pdf_file.type_view {
    display: block;
    width: 100%;
    padding: 7px;
    border: 1px solid #eee;
}
.pdf_file.type_view + .img_box {
    margin-top: 14px;
}
.img_box + .pdf_file.type_view {
    margin-top: 14px;
}

/*
라벨확인 팝업
*/
.label_popup {
    max-width:580px;
    padding:0;
}
.label_popup .popClose {
    top:27px;
    right:20px;
    background-size:16px;
}
.label_popup .title {
    padding:22px 20px 14px;
    font-size:18px;
    line-height:26px;
    border-bottom:1px solid #333;
}

.label_design_box {
    padding:20px;
}
.label_image_area {
    max-height:350px;
    margin-bottom:14px;
    overflow-y:auto;
}
.label_image_area::-webkit-scrollbar {
    width: 3px;
}
.label_image_area::-webkit-scrollbar-thumb {
    background-color: #9875c5;
    border-radius: 10px;
}
.label_image_area::-webkit-scrollbar-track {
    background-color:#f8f8f8;
    border-radius: 10px;
}
.label_design_box .img_box {
    width:100%;
    padding-bottom:50%;
}
.label_design_box .img_box + .img_box {
    margin-top:14px;
}
.label_design_box .h3_tit {
    margin-bottom:4px;
    font-size:13px;
    line-height:19px;
}
.label_design_box .h3_tit:before {
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:3px;
    height:12px;
    margin:0 8px 0 0;
    background:#FFB23E;
}
.label_design_box .textarea {
    height:218px;
}
.label_design_box .textarea.small {
    height:154px;
}
.label_design_box .textarea.small.mb_10 {
    margin-bottom:10px;
}
.label_design_box .center_btn_box {
    padding:30px 0 14px;
}


/*
서비스준비중(일시적 220902)
*/
.service_ready {
    display:flex;
    align-items:center;
    width:100%;
    height: calc(100vh - 180px);
    margin:0 0 0 auto;
}
.service_ready .text_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width:calc(100% - 960px);
    height:447px;
    padding:0 16px;
    background:#f9f9f9;
    font-size:32px;
    line-height:46px;
}
.service_ready .text_box .login_out {
    display:inline-block;
    vertical-align:middle;
    margin:20px 0 0;
    font-size:20px;
    line-height:24px;
    border-bottom:1px solid #333;
}
.service_ready .text_box strong {}
.service_ready .img_box {
    width:960px;
    height:447px;
}
.service_ready_footer {
    padding:80px 16px;
    font-size:14px;
    line-height:20px;
    text-align:center;
}

/*
공지사항
*/
.common_table.type_notice td a {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.common_table.type_notice th,
.common_table.type_notice td {
    font-size:15px;
}
.common_table.type_notice th {
    height:55.5px;
}
.common_table.type_notice td {
    padding:18px 5px 17.5px;
}

.common_table.type_notice td.left_align a {
    padding-left: 40px;
    text-align:start;
}

.notice_view_box {
    border-bottom: 1px solid #999;
}
.view_top_box {
    padding:20px 26px;
    border-bottom:1px solid #e8e8e8;
}
.view_top_box .title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}
.view_top_box .txt_box {}
.view_top_box .txt_box .txt {
    position: relative;
    padding: 0 14px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}
.view_top_box .txt_box .txt:first-child {
    padding-left:0;
}
.view_top_box .txt_box .txt:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 1px;
    height: 8px;
    background: #000;
    transform: translateY(-50%);
}
.notice_view_box .content_text {
    padding:28px 26px;
    font-size:15px;
    line-height:22px;
}
.notice_view_box .file_down {
    display:block;
    padding:12px 20px 12px 30px;
    border:1px solid #e1e1e1;
    border-radius:2px;
    background:url("../image/sub/clip.svg") no-repeat 10px 15px / 14px;
    font-size:15px;
    line-height: 18px;
    word-break: break-all;
}

/*
자주묻는질문
*/
.column_li {}
.column_li li {}
.column_li .qa_btn {
    position:relative;
    display:block;
    width: 100%;
    border-bottom:1px solid #e8e8e8;
    padding:20px 105px 19px;
    font-size:15px;
    line-height:16px;
    text-align: start;
}
.column_li .qa_btn:before,
.column_li .qa_btn:after {
    display:block;
    position:absolute;
    top: 50%;
    font-size:14px;
}
.column_li .qa_btn:before {
    content:"Q";
    left: 30px;
    transform:translateY(-50%);
}
.column_li .qa_btn:after {
    content:"";
    right:28px;
    width:12px;
    height:12px;
    background:url("../image/sub/angle.svg") no-repeat 50% 50% / cover;
    transform:translateY(-50%) rotate(0.25turn);
}
.column_li .qa_btn.on:after {
    transform:translateY(-50%) rotate(0.75turn);
}
.column_li .con {
    display:none;
    padding:0 78px;
    border-bottom:1px solid #e8e8e8;
    background:#fcfcfb;
    font-size:15px;
    line-height: 23px;
}
.column_li .con .qa {
    padding:28px;
}
.column_li .con .answer {
    position:relative;
    padding:28px;
    border-top: 1px solid #e8e8e8;
}
.column_li .con .answer:before {
    content:"답변";
    position:absolute;
    left:-54px;
    font-weight:500;
}

.column_li .con .qa_assi_box {
    display:flex;
    justify-content: flex-end;
}
.column_li .con .qa_assi_box button {
    position:relative;
    padding:0 8px;
    font-size:12px;
    line-height:16px;
}
.column_li .con .qa_assi_box button:not(:last-child):after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    display:inline-block;
    vertical-align:middle;
    width:1px;
    height:10px;
    background:#555;
    transform:translateY(-50%);
}
.column_li .con .qa_assi_box .edit_btn {
    color:#555;
}
.column_li .con .qa_assi_box .dele_btn {
    color:#f00;
}

.column_li.type_qa .qa_btn {
    display:flex;
    text-align: justify;
    align-items: center;
}
.column_li .qa_answer_on {
    min-width: 70px;
    padding-left: 12px;
    color:#FFB23E;
    font-weight:600;
}
.column_li .date {
    flex: 1;
    min-width: 100px;
    color: #888;
    font-size:14px;
    line-height: 14px;
    text-align: end;
}

.column_li .file_down {
    display: block;
    margin-top:8px;
    padding-left:20px;
    background:url("../image/sub/clip.svg") no-repeat 0 5px / 14px;
    font-size:15px;
    word-break: break-all;
}

/* 자주묻는질문, 문의 내역 없을 경우 */
.empty_box {
    padding:100px 10px;
    font-size:16px;
    text-align:center;
}
.empty_box:before {
    content:"";
    display:block;
    width:30px;
    height:30px;
    margin:0 auto 30px;
    background:url("../image/sub/file.svg") no-repeat 50% 50% / 30px;
}

/*
문의하기
*/
.qa_edit_box {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:25px;
    padding: 20px 30px 20px 20px;
}
.qa_edit_box dt,
.qa_edit_box dd {
    display:inline-block;
    vertical-align:top;
    margin-top:20px;
}
.qa_edit_box dt {
    width:116px;
    font-size:15px;
    line-height:40px;
    font-weight:500;
}
.qa_edit_box dd {
    width:calc(100% - 120px);
}
.qa_edit_box .text_input,
.qa_edit_box .select {
    height:44px;
    padding:10px 15px;
    font-size:14px;
}
.qa_edit_box .select {
    border-color:#ddd;
    background-position: 98% 50%;
}
.qa_edit_box .textarea {
    height:300px;
}

.qa_file_box {
    display:flex;
}
.file_name_box {
    flex:1;
    min-height:44px;
    padding: 0 15px;
    border:1px solid #ddd;
    border-radius:3px;
}
.file_box {
    font-size: 14px;
    line-height: 40px;
    word-break: break-all;
}
.file_format {
    display:inline-block;
    vertical-align:middle;
    min-width:90px;
    height: 44px;
    margin-left:5px;
    border-radius:3px;
    background:#FFB23E;
    color:#fff;
    font-size:14px;
    line-height:44px;
    text-align:center;
}

.chk.type_file_del {}
.chk.type_file_del + label {
    padding:0 10px 0 5px;
    font-size:14px;
    word-break: break-all;
}
.chk.type_file_del:checked + label {
    color:#f00;
}
.chk.type_file_del + label .red_txt {
    color:#f00;
}

.qa_edit_btn_box .btn {
    display: block;
    max-width: 176px;
    height: 50px;
    margin: 25px auto 0;
    background: #FFB23E;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 100px;
}

/*
마이브랜드
*/
.makers_area.not_border {
    border:0;
}
.mybrand_top_box {
    width:430px;
    padding:6px 0;
    background:#fff;
}
.mybrand_top_box .title {
    width: calc(100% - 52px);
    margin:0 auto 17px;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 10px;
}

.my-brand-notice-box {
    width: 100%;
    margin-bottom: 17px;
}

.my-brand-notice-list {
    width: 100%;
    padding: 0 26px;
}

.my-brand-notice-list > li {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    list-style-type: disc;
    margin-left: 20px;
}

.my-brand-notice-list > li > span.red {
    color: #FF0000;
}


.mybrand_area {
    height:calc(100vh - 220px);
    overflow:auto;
}
.mybrand_area::-webkit-scrollbar {
    width: 3px;
}
.mybrand_area::-webkit-scrollbar-thumb {
    background-color: #9875c5;
    border-radius: 10px;
}
.mybrand_area::-webkit-scrollbar-track {
    background-color:#f8f8f8;
    border-radius: 10px;
}
.mybrand {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    padding:0 14px;
}
.mybrand li {
    width:33.3%;
    margin: 0 0 10px;
    padding:7px;
}
.mybrand .brand {
    width:100%;
}
.mybrand .img_box {
    display:block;
    width:100%;
    padding-bottom:calc(100% - 10px);
    border:5px solid rgba(0,0,0,0);
    border-radius:50%;
}
.mybrand .img_box img {
    left:21%;
    max-width: 200%;
}
.mybrand .name {
    margin:14px 0 0;
    font-size:15px;
    font-weight:500;
    line-height:22px;
    text-align:center;
}
.mybrand .manufacturer {
    display:block;
    color:#747474;
    font-size:14px;
}
.mybrand .active .img_box {
    margin:0;
    border-color:#FFB23E;
    box-shadow:0 0 8px rgba(0,0,0,0.15);
}
.mybrand .active .brand {
    font-weight:700;
}

.mybrand_content {
    position:relative;
    flex:1;
    height:100vh;
    background:#fff;
    border-left:1px solid #e6e6e6;
}
.mybrand_content .title {
    margin:22px 0;
    font-size:22px;
    line-height:32px;
    text-align:center;
}
.mybrand_content .title span {
    display:inline-block;
    position:relative;
    padding:0 11px;
    z-index: 1;
}
.mybrand_content .title span:before {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    width:100%;
    height:10px;
    background:rgba(170,146,200,0.3);
    transform:translateX(-50%);
    z-index: -1;
}
.mybrand_content .paging_area {
    padding:30px 0 0;
}
.order_product_area.type_mybrand {
    height:calc(100% - 220px);
    padding:0 50px;
    overflow:auto;
}
.order_product_area.type_mybrand::-webkit-scrollbar {
    width: 3px;
}
.order_product_area.type_mybrand::-webkit-scrollbar-thumb {
    background-color: #9875c5;
    border-radius: 10px;
}
.order_product_area.type_mybrand::-webkit-scrollbar-track {
    background-color:#f8f8f8;
    border-radius: 10px;
}
.order_product_area.type_mybrand .cart {
    width: 273px;
    padding-bottom:50px;
}
.order_product_area.type_mybrand .cart:not(:nth-child(3n)) {
    margin-right: 23px;
    /*margin-right:0;*/
}
.order_product_area.type_mybrand .cart:not(:nth-child(3n)) {
    margin-right:23px;
}
.order_product_area.type_mybrand .cart .img_box {
    padding-bottom:50%;
}
.order_product_area.type_mybrand .cart .name {
    padding:12px 0 0;
}
.order_product_area.type_mybrand .cart .text_box .text {
    color:#777;
    font-size:13px;
}
.order_product_area.type_mybrand .text_input {
    background:rgba(0,0,0,0);
}
.next_btn.round {
    display:block;
    /*position:absolute;*/
    position:sticky;
    bottom:40px;
    right:72px;
    width:160px;
    height:48px;
    margin:0 72px 0 auto;
    font-size:17px;
    line-height: 46px;
    border-radius:100px;
}
.next_btn.round:after {
    display:none;
}
.next_btn.round.on {
    position: fixed;
    /*right: 322px;*/
    right: 250px;
}








/*
======
반응형
======
*/
/* pc */
@media all and (max-width:1820px) {
    /* 제조사 선택 */
    .next_btn.on {right:235px;}
    
    /* 샘플 신청 */
    .sample_manufacturer .swiper-button-next {right:24px;}
    .sample_manufacturer .swiper-button-prev {left:24px;}
    
    /* 그룹 팝업 */
    .product_group .product_li {max-height:600px;}
    
    /* 서비스준비중(일시적 220902) */
    .service_ready {height:calc(100vh - 140px);}
    .service_ready .text_box {width:calc(100% - 760px);height:410px;}
    .service_ready .img_box {width:760px;height:410px;}
    .service_ready_footer {padding:60px 16px;}
}
@media all and (max-width:1400px) {
    /* 제조사 선택 */
    .next_btn.on {right:20px;}
    
    /* 샘플 신청 */
    .sample_slide {width:calc(100% - 100px);}
    .sample_manufacturer .swiper-button-next {right:12px;}
    .sample_manufacturer .swiper-button-prev {left:12px;}
    
    .product_li li {width:calc(25% - 27px);}
    .product_li li:not(:nth-child(5n)) {margin-right:0;}
    .product_li li:not(:nth-child(4n)) {margin-right:35px;}
    
    /* 브랜드 제작하기 */
    .makers_area .product_li li {width:calc(33.3% - 17px);}
    .makers_area .product_li li:not(:nth-child(4n)) {margin-right:0;}
    .makers_area .product_li li:not(:nth-child(3n)) {margin-right:25px;}
    
    /* 배송정보 */
    .info_box dt {width:100px;}
    .info_box dd {width:calc(100% - 105px);}
    
    /* 쿠폰함 */
    .coupon_li li {width:calc(33.3% - 9px);}
    .coupon_li li:not(:nth-child(3n)) {margin-right:14px;}
    
    /* 마이브랜드 */
    .order_product_area.type_mybrand {padding:0 14px;}
    .order_product_area.type_mybrand .cart {width: calc(25% - 11px);}
    .order_product_area.type_mybrand .cart:not(:nth-child(4n)) {margin-right:14px;}
    .next_btn.round {right:14px;margin-right: 14px;}
    .next_btn.round.on {right:14px;}
}
@media all and (max-width:1360px) {
    /* 쿠폰함 */
    .coupon_li li {width:calc(50% - 5px);}
    .coupon_li li:not(:nth-child(3n)) {margin-right:0;}
    .coupon_li li:not(:nth-child(2n)) {margin-right:10px;}
}
@media all and (max-width:1240px) {
    /* 서비스준비중(일시적 220902) */
    .service_ready .text_box {width:calc(100% - 600px);height:366px;font-size:28px;line-height:42px;}
    .service_ready .img_box {width:600px;height:366px;}
}
@media all and (max-width:1024px) {
    /* 서비스준비중(일시적 220902) */
    .service_ready {flex-wrap: wrap-reverse;height:auto;}
    .service_ready .text_box {width:100%;height:calc(100vh - 506px);text-align:center;}
    .service_ready .img_box {width:100%;}
    
}
@media all and (max-width:420px) {
    .service_ready .text_box {height:calc(100vh - 400px);font-size:20px;line-height:29px;}
    .service_ready .img_box {height:260px;}
    .service_ready_footer {font-size:12px;}
}