@charset "utf-8";

:root {--main-color1: #EA5C32;}
:root {--main-color2: #4CA87A;}
:root {--sub-color: #066AAB;}
:root {--bg-color: #FAF3E7;}

.sub_contents{padding: 150px 0; margin-top: -150px;}

/* 반응형 */
@media screen and (max-width: 1440px){
    .sub_contents{padding: 10.42vw 0; margin-top: -10.42vw;}
}
@media screen and (max-width: 1280px){
    .sub_contents{padding: 10.16vw 0; margin-top: -10.16vw;}
}
@media screen and (max-width: 780px){
    .sub_contents{padding: 26.04vw 0; margin-top: -26.04vw;}
}

/* no data */
.no_data{height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-bottom: 1px solid #E3E3E3; gap: 10px;}
.no_data img{width: 50px;}
.no_data p{font-size: 14px;}


/* 서브 비주얼 */
.sub_visual_tit{background-color: var(--main-color1); padding: 250px 0 290px;}
.sub_visual_tit .txt{text-align: center; color: #fff;}
.sub_visual_tit .txt h1{font-size: 90px; position: relative; display: inline-block;}
.sub_visual_tit .txt h1 img{position: absolute; top: 0; bottom: 0; margin: auto; right: -90px; animation: qcborder 20s linear infinite;}
.sub_visual_tit .txt p{font-size: 22px; margin-top: 30px;}

/* 반응형 */
@media screen and (max-width: 1440px){
    .sub_visual_tit{padding: 17.36vw 0 19.88vw;}
    .sub_visual_tit .txt h1{font-size: 6.25vw;}
    .sub_visual_tit .txt h1 img{right: -6.25vw;}
    .sub_visual_tit .txt p{font-size: 1.53vw; margin-top: 2.08vw;}
}
@media screen and (max-width: 1280px){
    .sub_visual_tit{padding: 16.80vw 0 19.54vw;}
    .sub_visual_tit .txt h1{font-size: 5.86vw;}
    .sub_visual_tit .txt h1 img{width: 13.28vw; right: -6.64vw;}
    .sub_visual_tit .txt p{font-size: 1.41vw; margin-top: 1.95vw;}
}
@media screen and (max-width: 780px){
    .sub_visual_tit{padding: 49.48vw 0 49.48vw;}
    .sub_visual_tit .txt h1{font-size: 10.42vw;}
    .sub_visual_tit .txt h1 img{width: 44.27vw; right: -22.14vw;}
    .sub_visual_tit .txt p{font-size: 3.65vw; margin-top: 7.81vw; line-height: 1.4;}
}

/* 서브 리스트 */
.sub_pro_list{font-size: 0;}
.sub_pro_list .flip{width: calc(100% / 2 - 30px); margin-right: 60px; margin-top: 60px; perspective: 1100px; display: inline-block;}
.sub_pro_list .card{width: 100%; display: inline-grid; perspective-origin: center; transform-style: preserve-3d; transition: 0.4s;}
.sub_pro_list.label .card{min-height: 281px;}
.sub_pro_list .flip:nth-child(2n){margin-right: 0;}
.sub_pro_list .flip:nth-child(1){margin-top: 0;}
.sub_pro_list .flip:nth-child(2){margin-top: 0;}
.sub_pro_list .card>*{width: 100%; padding: 50px 70px; border-radius: 30px; border: 2px solid var(--main-color2); grid-area: 1 / 1 / 1 / 1; backface-visibility: hidden; position: relative;}
.sub_pro_list .icon{width: 120px; position: absolute; top: 50px; left: 70px;}
.sub_pro_list .txt{padding-left: 170px;}
.sub_pro_list strong{font-size: 40px; color: var(--main-color1); display: block; text-transform: uppercase;}
.sub_pro_list .detail_btn{margin: 30px auto 0;}

.sub_pro_list .card .back{background: var(--main-color2); transform: rotateY(180deg);}
.sub_pro_list .card .back strong{color: #fff;}
.sub_pro_list .card .back .detail_btn{background-color: #fff;}

/* hover */
@media screen and (min-width: 780px) and (max-width: 3000px){
    .sub_pro_list .card .front .detail_btn:hover{background-color: transparent; color: var(--main-color2);}
    .sub_pro_list .card .back .detail_btn:hover{background-color: #fff; color: var(--main-color2);}
    .sub_pro_list li:hover .card{transform: rotateY(180deg);}
}

/* 반응형 */
@media screen and (max-width: 1440px){
    .sub_pro_list .flip{width: calc(100% / 2 - 2.09vw); margin-right: 4.17vw; margin-top: 4.17vw;}
    .sub_pro_list .card>*{padding: 3.47vw 4.86vw; border-radius: 2.08vw;}
    .sub_pro_list .icon{width: 8.33vw; top: 3.47vw; left: 4.86vw;}
    .sub_pro_list .txt{padding-left: 11.81vw;}
    .sub_pro_list strong{font-size: 2.64vw;}
    .sub_pro_list .detail_btn{margin: 2.08vw auto 0;}
	.sub_pro_list.label .card{min-height: 19.51vw;}
}
@media screen and (max-width: 1280px){
    .sub_pro_list .flip{width: calc(100% / 2 - 1.96vw); margin-right: 3.91vw; margin-top: 3.91vw;}
    .sub_pro_list .card>*{padding: 3.28vw 4.69vw; border-radius: 1.95vw;}
    .sub_pro_list .icon{width: 7.81vw; top: 3.28vw; left: 4.69vw;}
    .sub_pro_list .txt{padding-left: 10.94vw;}
    .sub_pro_list strong{font-size: 2.66vw;}
    .sub_pro_list .detail_btn{margin: 1.95vw auto 0;}
	.sub_pro_list.label .card{min-height: 18.83vw;}
}
@media screen and (max-width: 780px){
    .sub_pro_list .flip{width: 100%; margin-right: 0; margin-top: 5.21vw;}
    .sub_pro_list .flip:nth-child(2){margin-top: 5.21vw;}
    .sub_pro_list .card>*{padding: 7.29vw 7.81vw; border-radius: 4.43vw;}
    .sub_pro_list .icon{width: 18.23vw; top: 7.29vw; left: 7.81vw;}
    .sub_pro_list .txt{padding-left: 25.52vw;}
    .sub_pro_list strong{font-size: 5.73vw;}
    .sub_pro_list .detail_btn{margin: 4.43vw auto 0;}
	.sub_pro_list.label .card{min-height: initial;}
}


/* 서브 뷰페이지 */
.sub_visual_box{height: 330px; background-color: var(--main-color1);}
.view_top{display: flex; overflow: visible;}
.view_top .vt_opt_tit{font-size: 20px; font-weight: 700; color: var(--main-color2); position: relative;}
.view_top .vt_img{width: 770px; height: auto;}
.view_top .vt_img .vt_img_inner{position: sticky; top: 0;}
.view_top .vt_img .view_slide{overflow: hidden; border-radius: 30px;}
.view_top .vt_img .vt_arrow{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 9;}
.view_top .vt_img .vt_arrow>div{position: relative; display: inline-block; vertical-align: middle; width: 60px; height: 60px; border-radius: 50%; background-color: #fff;}
.view_top .vt_img .vt_arrow>div::after{color: #000; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.view_top .vt_img .vt_arrow .vt_next{right: auto;}
.view_top .vt_img .vt_arrow .vt_prev{left: auto; margin-right: 20px;}

.view_top .vt_txt{width: calc(100% - 770px); padding-left: 85px;}
.view_top .vt_txt .vt_tit{font-size: 48px; color: var(--main-color1); text-transform: uppercase;}
.view_top .vt_txt .star_review{margin-top: 25px; display: flex; align-items: center;}
.view_top .vt_txt .star_review .star{font-size: 0;}
.view_top .vt_txt .star_review .star img{width: 22px; display: inline-block;}
.view_top .vt_txt .star_review .star img+img{margin-left: 5px;}
.view_top .vt_txt .star_review a{display: inline-block; color: var(--sub-color); font-size: 18px; font-weight: 600; margin-left: 20px;}

.view_top .vt_txt .size_pop{margin-top: 55px; display: flex; align-items: center; justify-content: space-between;}
.upload .popCont {text-align: right; margin: 20px 0;}
.view_top .vt_txt .size_pop .pop_btn,
.upload .pop_btn{display: inline-block; cursor: pointer; padding: 8px 20px; font-size: 18px; font-weight: 600; border: 1px solid var(--sub-color); color: var(--sub-color); border-radius: 50px;}

.view_top .vt_txt .vt_select{margin: 20px auto 25px; position: relative;}
.view_top .vt_txt .vt_select .select_tit{border: 2px solid var(--main-color1); padding: 18px 35px 16px 35px; font-size: 20px; position: relative; font-weight: 500; border-radius: 20px; color: var(--main-color1); cursor: pointer;}
.view_top .vt_txt .vt_select .select_tit img{position: absolute; top: 50%; transform: translateY(-50%); right: 35px; transition: all 0.4s; width: 28px;}
.view_top .vt_txt .vt_select .select_tit .active{transform: translateY(-50%) rotate(180deg);}
.view_top .vt_txt .vt_select ul{position: absolute; width: 100%; top: 80px; left: 50%; transform: translateX(-50%); background-color: #fff; border: 1px solid var(--main-color1); border-radius: 10px; overflow: hidden; display: none; z-index: 9; max-height: 500px; overflow: hidden; overflow-y: scroll;}
.view_top .vt_txt .vt_select ul::-webkit-scrollbar {width: 3px;}
.view_top .vt_txt .vt_select ul::-webkit-scrollbar-thumb {background: #4CA87A; border-radius: 10px;}
.view_top .vt_txt .vt_select ul::-webkit-scrollbar-track {background: #4CA87A4D;}
.view_top .vt_txt .vt_select ul li{padding: 20px 24px; font-size: 18px; font-weight: 500; cursor: pointer; color: var(--main-color1);}
.view_top .vt_txt .vt_select ul li+li{border-top: 1px solid var(--main-color1);}
.view_top .vt_txt .size_chk{border-top: 1px solid var(--main-color2);}
.view_top .vt_txt .size_chk .vt_opt_tit{display: block; padding: 25px 0 20px; cursor: pointer;}
.view_top .vt_txt .size_chk .vt_opt_tit .color{color: var(--main-color1); font-size: 18px;}
.view_top .vt_txt .size_chk .vt_opt_tit img{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 28px; transition: all 0.4s;}

.view_top .vt_txt .size_chk .vt_opt_tit {display: flex; align-items: baseline; justify-content: space-between; padding-right: 43px;}
.view_top .vt_txt .size_chk .vt_opt_tit [class^="select_size"] {display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 500; color: var(--main-color1);}
.view_top .vt_txt .size_chk .vt_opt_tit [class^="select_size"] .green {color: var(--main-color2);}
.view_top .vt_txt .size_chk .vt_opt_tit [class^="select_size"] .blue {color: var(--main-color3);}
.view_top .vt_txt .size_chk .vt_opt_tit02 img {top: 40%;}


.view_top .vt_txt .size_chk.on .vt_opt_tit img{transform: translateY(-50%) rotate(180deg);}
.view_top .vt_txt .size_chk .size_list{display: none; padding-bottom: 20px;}
.view_top .vt_txt .size_chk .size_list ul{max-height: 215px; overflow-y: auto;}
.view_top .vt_txt .size_chk .size_list ul::-webkit-scrollbar{width: 3px; background-color: rgba(76,168,122,0.3);}
.view_top .vt_txt .size_chk .size_list ul::-webkit-scrollbar-thumb{background-color: var(--main-color2);}
.view_top .vt_txt .size_chk .size_list li+li{margin-top: 12px;}
.view_top .vt_txt .size_chk .size_list li label{font-size: 18px; font-weight: 500; color: var(--main-color2); position: relative; padding-left: 30px; cursor: pointer;}
.view_top .vt_txt .size_chk .size_list li label span{position: absolute; top: 52%; transform: translateY(-50%); left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; border: 1px solid var(--main-color2); overflow: hidden;}
.view_top .vt_txt .size_chk .size_list li label span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 11px;}.view_top .vt_txt .size_chk .size_list li label span img.on{display: none;}
.view_top .vt_txt .size_chk .size_list input[type="radio"]{opacity: 0; height: 0; width: 0; margin: 0; padding: 0; position: fixed; top: 0;}
.view_top .vt_txt .size_chk .tax_list label{display: flex; align-items: center; justify-content: space-between;}
.view_top .vt_txt .tax{width: 40%;}
.view_top .vt_txt .dollar{color: var(--sub-color); width: 30%;}
.view_top .vt_txt .save{color: var(--main-color1); width: 20%;}
.view_top .vt_txt .size_chk .size_list li  input:checked + label{color: var(--main-color1);}
.view_top .vt_txt .size_chk .size_list li  input:checked + label span{border-color: var(--main-color1); background-color: var(--main-color1);}
.view_top .vt_txt .size_chk .size_list li  input:checked + label span img.basic{display: none;}
.view_top .vt_txt .size_chk .size_list li  input:checked + label span img.on{display: block;}
.view_top .vt_txt .size_chk .vt_select{display: none;}
.view_top .vt_txt .size_chk .size_list li.custom_input{display: flex; align-items: center; font-size: 20px; font-weight: 500; color: var(--main-color1); padding: 0 10px 0 30px; gap: 10px;}
.view_top .vt_txt .size_chk .size_list li.custom_input input{width: 140px;}
.view_top .vt_txt .size_chk .size_list li.custom_input button{margin-top: 0; font-size: 0; padding: 0; height: 50px; width: 50px; background: var(--main-color2) url(/img/sub/check_ic.svg) no-repeat center / 28px; border-radius:10px;}

.view_top .vt_txt .size_chk .size_list ul .noData {padding: 15px 0 20px; text-align: center; font-size: 18px; font-weight: 500; color: var(--main-color1); font-family: 'Barlow';}

.view_top .vt_txt .cont_btn{display: block; font-size: 19px; font-weight: 400; color: var(--sub-color); padding-top: 25px; border-top: 1px solid var(--main-color2);}
.view_top .vt_txt .cont_btn strong {font-size: 22px;}
.view_top .vt_txt button{display: block; width: 100%; margin-top: 33px; border-radius: 20px; padding: 18px 30px 18px 36px; color: #fff; font-size: 30px; font-weight: 600;}
.view_top .vt_txt button.continue{background-color: var(--main-color2);}
.view_top .vt_txt button.not_available{background-color: var(--main-color1);}
.view_top .vt_txt .next_tit{margin-top: 15px; font-size: 22px; font-weight: 500; color: var(--main-color1); text-align: center;}

.view_top .vt_txt .size_chk .size_list .size_limit {margin-top: 12px; font-size: 16px; font-weight: 500; color: var(--main-color1); font-family: var(--font-roboto);}

/* hover */
@media screen and (min-width: 780px) and (max-width: 3000px){
    .view_top .vt_txt .vt_select ul li:hover{background-color: var(--main-color1); color: #fff;}
    .view_top .vt_img .vt_arrow>div:hover{background-color: var(--main-color1);}
    .view_top .vt_img .vt_arrow>div:hover::after{color: #fff;}
}

/* 반응형 */
@media screen and (max-width: 1440px){
    .sub_visual_box{height: 22.92vw;}
    .view_top .vt_opt_tit{font-size: 1.39vw}
    .view_top .vt_img{width: 53.47vw;}
    .view_top .vt_img .view_slide{border-radius: 2.08vw;}
    .view_top .vt_img .vt_arrow{bottom: 2.78vw;}
    .view_top .vt_img .vt_arrow>div{width: 4.17vw; height: 4.17vw;}
    .view_top .vt_img .vt_arrow>div::after{font-size: 1.25vw;}
    .view_top .vt_img .vt_arrow .vt_prev{margin-right: 1.39vw;}

    .view_top .vt_txt{width: calc(100% - 53.47vw); padding-left: 5.90vw;}
    .view_top .vt_txt .vt_tit{font-size: 3.33vw;}
    .view_top .vt_txt .star_review{margin-top: 1.74vw;}
    .view_top .vt_txt .star_review .star img{width: 1.53vw;}
    .view_top .vt_txt .star_review .star img+img{margin-left: 0.35vw;}
    .view_top .vt_txt .star_review a{font-size: 1.25vw;  margin-left: 1.39vw;}

    .view_top .vt_txt .size_pop{margin-top: 3.82vw;}
    .upload .popCont {text-align: right; margin: 1.39vw 0;}
    .view_top .vt_txt .size_pop .pop_btn,
    .upload .pop_btn{padding: 0.56vw 1.39vw; font-size: 1.25vw;}

    .view_top .vt_txt .vt_select{margin: 1.39vw auto 1.74vw;}
    .view_top .vt_txt .vt_select .select_tit{padding: 1.25vw 2.43vw 1.11vw 2.43vw; font-size: 1.39vw; border-radius: 1.39vw;}
    .view_top .vt_txt .vt_select .select_tit img{right: 2.43vw; width: 1.94vw;}
    .view_top .vt_txt .vt_select ul{top: 5.56vw; border-radius: 0.69vw; max-height: 34.72vw;}
    .view_top .vt_txt .vt_select ul li{padding: 1.39vw 1.67vw; font-size: 1.25vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit .color{font-size: 1.15vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit{padding: 1.74vw 0 1.39vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit img{width: 1.94vw;}

    .view_top .vt_txt .size_chk .vt_opt_tit {padding-right: 2.99vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit [class^="select_size"] {gap: 0.69vw; font-size: 1.25vw;}

    .view_top .vt_txt .size_chk .size_list{padding-bottom: 1.39vw;}
    .view_top .vt_txt .size_chk .size_list ul{max-height: 14.93vw;}
    .view_top .vt_txt .size_chk .size_list ul::-webkit-scrollbar{width: 0.21vw;}
    .view_top .vt_txt .size_chk .size_list li+li{margin-top: 0.83vw;}
    .view_top .vt_txt .size_chk .size_list li label{font-size: 1.25vw; padding-left: 2.08vw;}
    .view_top .vt_txt .size_chk .size_list li label span{width: 1.39vw; height: 1.39vw;}
    .view_top .vt_txt .size_chk .size_list li label span img{width: 0.76vw;}
	.view_top .vt_txt .size_chk .size_list li.custom_input{font-size: 1.39vw; padding: 0 0.69vw 0 2.08vw; gap: 0.69vw;}
	.view_top .vt_txt .size_chk .size_list li.custom_input input{width: 9.72vw;}
	.view_top .vt_txt .size_chk .size_list li.custom_input button{height: 3.47vw; width: 3.47vw; background-size: 1.94vw; border-radius: 0.69vw;}

    .view_top .vt_txt .size_chk .size_list ul .noData {padding: 1.04vw 0 1.39vw; font-size: 1.25vw;}

    .view_top .vt_txt .size_chk .size_list .size_limit {margin-top: 0.83vw; font-size: 1.11vw;}

    .view_top .vt_txt .cont_btn{font-size: 1.3vw; padding-top: 1.74vw;}
    .view_top .vt_txt .cont_btn strong {font-size: 1.53vw;}
    .view_top .vt_txt button{margin-top: 2.29vw; border-radius: 1.39vw; padding: 1.25vw 2.08vw 1.25vw 2.50vw; font-size: 2.08vw;}
    .view_top .vt_txt .next_tit{margin-top: 1.04vw; font-size: 1.53vw;}
}
@media screen and (max-width: 1280px){
    .sub_visual_box{height: 21.88vw;}
    .view_top .vt_img{width: 51.56vw;}
    .view_top .vt_img .view_slide{border-radius: 1.95vw;}
    .view_top .vt_img .vt_arrow{bottom: 2.73vw;}
    .view_top .vt_img .vt_arrow>div{width: 3.91vw; height: 3.91vw;}
    .view_top .vt_img .vt_arrow>div::after{font-size: 1.33vw;}
    .view_top .vt_img .vt_arrow .vt_prev{margin-right: 0.63vw;}

    .view_top .vt_txt{width: calc(100% - 51.56vw); padding-left: 5.47vw;}
    .view_top .vt_txt .vt_tit{font-size: 3.20vw;}
    .view_top .vt_txt .star_review{margin-top: 1.56vw;}
    .view_top .vt_txt .star_review .star img{width: 1.48vw;}
    .view_top .vt_txt .star_review .star img+img{margin-left: 0.23vw;}
    .view_top .vt_txt .star_review a{font-size: 1.17vw; margin-left: 1.33vw;}

    .view_top .vt_opt_tit{font-size: 1.33vw;}
    .view_top .vt_txt .size_pop{margin-top: 3.67vw;}
    .upload .popCont { margin: 1.41vw 0;}
    .view_top .vt_txt .size_pop .pop_btn,
    .upload .pop_btn{padding: 0.54vw 1.34vw; font-size: 1.17vw;}

    .view_top .vt_txt .vt_select{margin: 1.33vw auto 1.64vw;}
    .view_top .vt_txt .vt_select .select_tit{padding: 1.17vw 2.34vw; font-size: 1.33vw; border-radius: 1.33vw;}
    .view_top .vt_txt .vt_select .select_tit img{right: 2.34vw; width: 1.88vw;}
    .view_top .vt_txt .vt_select ul{top: 4.69vw; border-radius: 0.78vw; max-height: 39.06vw;}
    .view_top .vt_txt .vt_select ul li{padding: 0.78vw 1.56vw; font-size: 1.17vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit .color{font-size: 1.13vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit{padding: 1.64vw 0 1.33vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit img{width: 1.88vw;}

    .view_top .vt_txt .size_chk .vt_opt_tit {padding-right: 2.97vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit [class^="select_size"] {gap: 0.70vw; font-size: 1.25vw;}

    .view_top .vt_txt .size_chk .size_list{padding-bottom: 1.64vw;}
    .view_top .vt_txt .size_chk .size_list ul{max-height: 14.92vw;}
    .view_top .vt_txt .size_chk .size_list ul::-webkit-scrollbar{width: 0.20vw;}
    .view_top .vt_txt .size_chk .size_list li+li{margin-top: 0.78vw;}
    .view_top .vt_txt .size_chk .size_list li label{font-size: 1.17vw;  padding-left: 1.88vw;}
    .view_top .vt_txt .size_chk .size_list li label span{width: 1.33vw; height: 1.33vw;}
    .view_top .vt_txt .size_chk .size_list li label span img{width: 0.70vw;}
	.view_top .vt_txt .size_chk .size_list li.custom_input{font-size: 1.41vw; padding: 0 0.70vw 0 2.11vw; gap: 0.70vw;}
	.view_top .vt_txt .size_chk .size_list li.custom_input input{width: 9.69vw;}
	.view_top .vt_txt .size_chk .size_list li.custom_input button{height: 3.44vw; width: 3.44vw; background-size: 1.95vw; border-radius: 0.70vw;}

    .view_top .vt_txt .size_chk .size_list ul .noData {padding: 1.02vw 0 1.41vw; font-size: 1.25vw;}

    .view_top .vt_txt .size_chk .size_list .size_limit {margin-top: 0.86vw; font-size: 1.09vw;}
    
    .view_top .vt_txt .cont_btn{font-size: 1.21vw; padding-top: 1.64vw;}
    .view_top .vt_txt .cont_btn strong {font-size: 1.41vw;}
    .view_top .vt_txt button{margin-top: 2.19vw; border-radius: 1.33vw; padding: 1.21vw 2.01vw 1.21vw 2.41vw; font-size: 2.03vw;}
    .view_top .vt_txt .next_tit{margin-top: 0.94vw; font-size: 1.41vw;}
}
@media screen and (max-width: 780px){
    .sub_visual_box{height: 48.18vw;}

    .view_top .vt_img{width: 100%; margin-top: 15.63vw;}
    .view_top .vt_img .vt_img_inner{position: relative; top: auto;}
    .view_top .vt_img .view_slide{border-radius: 3.39vw;}
    .view_top .vt_img .vt_arrow{bottom: 5.21vw;}
    .view_top .vt_img .vt_arrow>div{width: 7.81vw; height: 7.81vw;}
    .view_top .vt_img .vt_arrow>div::after{font-size: 2.60vw;}
    .view_top .vt_img .vt_arrow .vt_prev{margin-right: 1.30vw;}

    .view_top{flex-direction: column-reverse;}
    .view_top .vt_txt{width: 100%; padding-left: 0;}
    .view_top .vt_txt .vt_tit{font-size: 10.42vw;}
    .view_top .vt_txt .star_review{margin-top: 5.21vw;}
    .view_top .vt_txt .star_review .star img{width: 5.21vw;}
    .view_top .vt_txt .star_review .star img+img{margin-left: 0.78vw;}
    .view_top .vt_txt .star_review a{font-size: 3.65vw; margin-left: 5.21vw;}

    .view_top .vt_opt_tit{font-size: 3.65vw;}
    .view_top .vt_txt .size_pop{margin-top: 7.81vw;}
    .upload .popCont { margin: 3.3vw 0 2.60vw;}
    .view_top .vt_txt .size_pop .pop_btn,
    .upload .pop_btn{padding: 2.08vw 5.21vw; font-size: 3.65vw;}

    .view_top .vt_txt .vt_select{margin: 3.91vw auto;}
    .view_top .vt_txt .vt_select .select_tit{padding: 3.13vw 5.21vw; font-size: 3.65vw; border-radius: 2.60vw;}
    .view_top .vt_txt .vt_select .select_tit img{right: 5.21vw; width: 5.21vw;}
    .view_top .vt_txt .vt_select ul{top: 13.02vw; border-radius: 1.30vw; max-height: 64.10vw;}
    .view_top .vt_txt .vt_select ul li{padding: 2.60vw 3.91vw; font-size: 3.65vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit .color{font-size: 3.13vw;}
    .view_top .vt_txt .size_chk{border-top: none; margin-bottom: 6.51vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit{padding: 0; margin-bottom: 3.91vw;}
    .view_top .vt_txt .size_chk .vt_opt_tit img{display: none;}

    .view_top .vt_txt .size_chk .vt_opt_tit {padding-right: 0;}
    .view_top .vt_txt .size_chk .vt_opt_tit [class^="select_size"] {display: none;}

    .view_top .vt_txt .size_chk .size_list{display: none!important;}
    .view_top .vt_txt .size_chk .vt_select{display: block;}
    .view_top .vt_txt .size_chk .vt_select .dollar{display: inline-block; margin: 0 10px; width: auto;}
	.view_top .vt_txt .size_chk .custom_input{display: flex; align-items: center; justify-content: space-between; font-size: 3.65vw; padding: 0; font-weight: 500; color: var(--main-color1);}
	.view_top .vt_txt .size_chk .custom_input input{width: 33.23vw;}
	.view_top .vt_txt .size_chk .custom_input button{height: 11.46vw; width: 11.46vw; background: var(--main-color2) url(/img/sub/check_ic.svg) no-repeat center / 4.17vw; border-radius: 2.60vw; font-size: 0; margin-top: 0; padding: 0;}
    .view_top .vt_txt .size_chk #custom_mob_input .size_limit {font-size: 3.65vw; font-weight: 500; font-family: var(--font-roboto); color: var(--main-color1); margin-top: 2.60vw;}

    .view_top .vt_txt .cont_btn{font-size: 3.1vw; padding-top: 0; border-top: none;}
    .view_top .vt_txt .cont_btn strong {font-size: 3.65vw;}
    .view_top .vt_txt button{margin-top: 5.21vw; border-radius: 2.60vw; padding: 4.69vw 7.81vw 4.69vw 9.38vw; font-size: 4.69vw;}
    .view_top .vt_txt .next_tit{margin-top:3.91vw; font-size: 3.65vw;}
}

.sv_video_box{display: flex; align-items: center; margin: 100px auto;}
.sv_video_box .video{display: block; width: 550px; padding-bottom: 25%; margin: auto; position: relative;}
.sv_video_box .video iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.sv_video_box .video .play_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; cursor: pointer; width: 90px; background-color: transparent;}
.sv_video_box .txt{width: calc(100% - 550px); padding-left: 70px;}
.sv_detail_tit{font-size: 40px; color: var(--main-color2); line-height: 1.5;}
.sv_detail_sub_tit{font-size: 20px; font-weight: 500; color: var(--main-color2); margin-top: 20px;}

.sv_stickers{text-align: center;}
.sv_stickers ul{font-size: 0; margin-top: 70px;}
.sv_stickers ul li{display: inline-block; margin-right: 40px; margin-top: 40px;}
.sv_stickers ul li:nth-child(1){margin-top: 0; width: calc(100% / 2 - 20px);}
.sv_stickers ul li:nth-child(2){margin-right: 0; margin-top: 0; width: calc(100% / 2 - 20px);}
.sv_stickers ul li:nth-child(3){width: calc(100% / 3 - 27px);}
.sv_stickers ul li:nth-child(4){width: calc(100% / 3 - 27px);}
.sv_stickers ul li:nth-child(5){width: calc(100% / 3 - 27px); margin-right: 0;}
.sv_stickers ul li:nth-child(6){margin-right: 0; display: flex;}
.sv_stickers ul li:nth-child(6) img:nth-child(1){margin-right: 40px; width: 770px;}
.sv_stickers ul li:nth-child(6) img:nth-child(2){width: 590px;}

.sv_review{margin-top: 100px; text-align: center;}
.sv_review .sv_detail_tit{text-align: left; display: block;}
.sv_review .total{margin: 50px auto; border: 2px solid var(--main-color2); border-radius: 30px; padding: 75px 0; display: flex; align-items: center; justify-content: center;}
.sv_review .total li+li{margin-left: 150px;}
.sv_review .total li strong{font-size: 28px; font-weight: 600; display: block;}
.sv_review .total li strong span{font-size: 35px; color: var(--main-color1); font-weight: 600; display: inline-block;}
.sv_review .total li .star{margin-top: 10px;}
.sv_review .total li .star img{width: 20px;}
.sv_review .total li em{font-size: 14px; margin-top: 15px; font-weight: 500; display: block;}
.sv_review .review_list li{display: flex; padding: 45px 0; border-top: 1px solid rgba(234, 92, 50, 0.5);}
.sv_review .review_list li:nth-child(1){border-top: none; padding-top: 0!important;}
.sv_review .review_list li:nth-child(3){padding-bottom: 0!important;}
.sv_review .review_list .img{width: 90px; position: relative; overflow: hidden;}
.sv_review .review_list .img img{width: 100%; aspect-ratio: 1; object-fit: cover;}
.sv_review .review_list .txt{padding-left: 30px; width: calc(100% - 190px); text-align: left;}
.sv_review .review_list .txt .tit{display: flex; align-items: center;}
.sv_review .review_list .txt .tit .star img{width: 18px; margin-right: 3px;}
.sv_review .review_list .txt .tit strong{color: var(--main-color2); font-size: 20px; font-weight: 600; margin-left: 20px;}
.sv_review .review_list .txt dl{margin-top: 10px; display: flex;}
.sv_review .review_list .txt dl dt{color: var(--sub-color); font-size: 16px; font-weight: 600; margin-right: 10px;}
.sv_review .review_list .txt dl dd{font-size: 16px; font-weight: 500; color: #8e8e8e;}
.sv_review .review_list .txt p{font-size: 16px; font-weight: 400; margin-top: 10px; color: var(--main-color2);}
.sv_review .detail_btn{margin-top: 50px; border: 2px solid var(--main-color2);}

/* 반응형 */
@media screen and (max-width: 1440px){
    .sv_video_box{margin: 6.94vw auto;}
    .sv_video_box .video{width: 38.19vw; padding-bottom: 25%;}
    .sv_video_box .video .play_btn{width: 6.25vw;}
    .sv_video_box .txt{width: calc(100% - 38.19vw); padding-left: 4.86vw;}
    .sv_detail_tit{font-size: 2.78vw;}
    .sv_detail_sub_tit{font-size: 1.39vw; margin-top: 1.39vw;}

    .sv_stickers ul{margin-top: 4.86vw;}
    .sv_stickers ul li{margin-right: 2.78vw; margin-top: 2.78vw;}
    .sv_stickers ul li:nth-child(1){width: calc(100% / 2 - 1.39vw);}
    .sv_stickers ul li:nth-child(2){width: calc(100% / 2 - 1.39vw);}
    .sv_stickers ul li:nth-child(3){width: calc(100% / 3 - 1.88vw);}
    .sv_stickers ul li:nth-child(4){width: calc(100% / 3 - 1.88vw);}
    .sv_stickers ul li:nth-child(5){width: calc(100% / 3 - 1.88vw);}
    .sv_stickers ul li:nth-child(6) img:nth-child(1){margin-right: 2.78vw; width: calc(56% - 1.39vw);}
    .sv_stickers ul li:nth-child(6) img:nth-child(2){width: calc(44% - 1.39vw);}

    .sv_review{margin-top: 6.94vw;}
    .sv_review .total{margin: 3.47vw auto; border-radius: 2.08vw; padding: 5.21vw 0;}
    .sv_review .total li+li{margin-left: 10.42vw;}
    .sv_review .total li strong{font-size: 1.94vw;}
    .sv_review .total li strong span{font-size: 2.43vw;}
    .sv_review .total li .star{margin-top: 0.69vw;}
    .sv_review .total li .star img{width: 1.39vw;}
    .sv_review .total li em{font-size: 0.97vw; margin-top: 1.04vw;}
    .sv_review .review_list li{padding: 3.13vw 0;}
    .sv_review .review_list .img{width: 6.25vw;}
    .sv_review .review_list .txt{padding-left: 2.08vw; width: calc(100% - 13.19vw);}
    .sv_review .review_list .txt .tit .star img{width: 1.25vw; margin-right: 0.21vw;}
    .sv_review .review_list .txt .tit strong{font-size: 1.39vw;  margin-left: 1.39vw;}
    .sv_review .review_list .txt dl{margin-top: 0.69vw;}
    .sv_review .review_list .txt dl dt{font-size: 1.11vw; margin-right: 0.69vw;}
    .sv_review .review_list .txt dl dd{font-size: 1.11vw;}
    .sv_review .review_list .txt p{font-size: 1.11vw; margin-top: 0.69vw;}
    .sv_review .detail_btn{margin-top: 3.47vw;}
}
@media screen and (max-width: 1280px){
    .sv_video_box{margin: 7.42vw auto 6.64vw;}
    .sv_video_box .video{width: 36.72vw; padding-bottom: 25.9%;}
    .sv_video_box .video .play_btn{width: 7.52vw;}
    .sv_video_box .txt{width: calc(100% - 36.72vw); padding-left: 4.69vw;}
    .sv_detail_tit{font-size: 2.66vw;}
    .sv_detail_sub_tit{font-size: 1.33vw; margin-top: 1.33vw;}

    .sv_stickers ul{margin-top: 4.69vw;}
    .sv_stickers ul li{margin-right: 2.81vw; margin-top: 2.81vw;}
    .sv_stickers ul li:nth-child(1){width: calc(100% / 2 - 1.41vw);}
    .sv_stickers ul li:nth-child(2){width: calc(100% / 2 - 1.41vw);}
    .sv_stickers ul li:nth-child(3){width: calc(100% / 3 - 1.88vw);}
    .sv_stickers ul li:nth-child(4){width: calc(100% / 3 - 1.88vw);}
    .sv_stickers ul li:nth-child(5){width: calc(100% / 3 - 1.88vw);}
    .sv_stickers ul li:nth-child(6) img:nth-child(1){margin-right: 2.81vw; width: calc(56% - 1.41vw);}
    .sv_stickers ul li:nth-child(6) img:nth-child(2){width: calc(44% - 1.41vw);}

    .sv_review{margin-top: 6.64vw;}
    .sv_review .total{margin: 1.88vw auto; border-radius: 1.95vw; padding: 4.69vw;}
    .sv_review .total li+li{margin-left: 10.00vw;}
    .sv_review .total li strong{font-size: 1.88vw;}
    .sv_review .total li strong span{font-size: 2.34vw;}
    .sv_review .total li .star{margin-top: 0.78vw;}
    .sv_review .total li .star img{width: 1.17vw;}
    .sv_review .total li em{font-size: 0.94vw; margin-top: 0.94vw;}
    .sv_review .review_list li{padding: 2.97vw 0;}
    .sv_review .review_list .img{width: 6.02vw;}
    .sv_review .review_list .txt{padding-left: 25px; width: calc(100% - 6.02vw);}
    .sv_review .review_list .txt .tit .star img{width: 1.17vw; margin-right:0.23vw;}
    .sv_review .review_list .txt .tit strong{font-size: 1.33vw; margin-right: 1.33vw;}
    .sv_review .review_list .txt dl{margin-top: 0.63vw;}
    .sv_review .review_list .txt dl dt{font-size: 1.09vw; margin-right: 0.63vw;}
    .sv_review .review_list .txt dl dd{font-size: 1.09vw;}
    .sv_review .review_list .txt p{font-size: 1.09vw; margin-top: 0.63vw;}
    .sv_review .detail_btn{margin-top: 3.28vw;}
}
@media screen and (max-width: 780px){
    .sv_video_box{display: block; margin: 20.83vw auto 15.63vw;}
    .sv_video_box .video{width: 100%; padding-bottom: 65%;}
    .sv_video_box .video .play_btn{width: 20.58vw;}
    .sv_video_box .txt{width: 100%; padding-left: 0; margin-top: 7.81vw;}
    .sv_detail_tit{font-size: 7.29vw;}
    .sv_detail_sub_tit{font-size: 3.65vw; margin-top: 5.21vw;}

    .sv_stickers ul{margin-top: 7.81vw;}
    .sv_stickers ul li{margin-right: 3.65vw; margin-top: 3.65vw;}
    .sv_stickers ul li:nth-child(1){width: 100%; margin-right: 0;}
    .sv_stickers ul li:nth-child(2){width: 100%; margin-top: 3.65vw;}
    .sv_stickers ul li:nth-child(3){width: calc(100% / 2 - 1.83vw);}
    .sv_stickers ul li:nth-child(4){width: calc(100% / 2 - 1.83vw); margin-right: 0;}
    .sv_stickers ul li:nth-child(5){width: 100%;}
    .sv_stickers ul li:nth-child(6) img:nth-child(1){margin-right: 3.65vw; width: calc(56% - 1.82vw);}
    .sv_stickers ul li:nth-child(6) img:nth-child(2){width: calc(44% - 1.82vw);}

    .sv_review{margin-top: 20.83vw;}
    .sv_review .total{display: block; margin: 7.81vw auto; border-radius: 5.21vw; padding: 6.51vw;}
    .sv_review .total li{display: flex; align-items: center; justify-content: center; flex-direction: row-reverse;}
    .sv_review .total li+li{margin-left: 0; margin-top: 1.82vw;}
    .sv_review .total li strong{font-size: 6.25vw;}
    .sv_review .total li strong span{font-size: 7.81vw;}
    .sv_review .total li .star{margin-top: 0; display: inline-block; margin-right: 3.13vw;}
    .sv_review .total li .star img{width: 4.95vw;}
    .sv_review .total li em{font-size: 3.65vw; margin-top: 0; margin-right: 3.65vw;}
    .sv_review .review_list li{padding: 11.72vw 0; position: relative;}
    .sv_review .review_list .img{width: 20.83vw; position: absolute; top: 11.72vw; left: 0;}
    .sv_review .review_list li:nth-child(1) .img{top: 0!important;}
    .sv_review .review_list .txt{width: 100%; padding-left: 0;}
    .sv_review .review_list .txt .tit{display: block; padding-left: 23.44vw;}
    .sv_review .review_list .txt .tit .star img{width: 4.69vw; margin-right: 0.26vw;}
    .sv_review .review_list .txt .tit strong{font-size: 4.17vw; margin-right: 0; margin-top: 2.60vw;  margin-left: 0; display: block;}
    .sv_review .review_list .txt dl{margin-top: 2.60vw; padding-left: 23.44vw;}
    .sv_review .review_list .txt dl dt{font-size: 3.65vw; margin-right: 2.60vw;}
    .sv_review .review_list .txt dl dd{font-size: 3.65vw;}
    .sv_review .review_list .txt p{font-size: 3.65vw; margin-top: 3.91vw;}
    .sv_review .detail_btn{margin-top: 10.94vw;}
}



/* size help 팝업 레이어 */
.hepl_pop{position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 99999; width: 100%; height: 100dvh; opacity: 0; visibility: hidden;}
.hepl_pop .pop_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1100px; border-radius: 50px; overflow: hidden;}
.hepl_pop .pop_inner .top{display: flex; align-items: center; justify-content: space-between; background-color: var(--main-color2); padding: 42px 60px;}
.hepl_pop .pop_inner .top strong{color: #fff; font-size: 40px; text-transform: uppercase;}
.hepl_pop .pop_inner .top .close{cursor: pointer; width: 32px;}
.hepl_pop .pop_inner .con{background-color: var(--bg-color); padding: 65px 100px 86px;}
.hepl_pop .pop_inner .con img{display: block; margin: auto;}
.hepl_pop .pop_inner .con img.txt{margin-top: 80px;}
.hepl_pop .pop_inner .con .mob{display: none;}
.hepl_pop.label .pop_inner .con{padding: 70px 20px 65px 60px;}
.hepl_pop.label .pop_inner .con img{margin: 0;}
.hepl_pop .pop_inner .con .scr_box{overflow-y: auto;}
.hepl_pop.label .pop_inner .con .scr_box{max-height: 500px; overflow-y: auto;}
.hepl_pop .pop_inner .con .scr_box::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */}
.hepl_pop .pop_inner .con .scr_box::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: var(--main-color2); /* 스크롤바의 색상 */ border-radius: 10px;}
.hepl_pop .pop_inner .con .scr_box::-webkit-scrollbar-track {background: rgba(76, 168, 122, 0.3); /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
/* .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(76, 168, 122, 0.3); 기존 스타일 적용}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: var(--main-color2)!important; 스크롤 핸들 색상} */

.hepl_pop.on{visibility: visible !important; opacity: 1 !important;}

/* 반응형 */
@media screen and (max-width: 1440px){
    .hepl_pop .pop_inner{width: 76.39vw; border-radius: 3.47vw;}
    .hepl_pop .pop_inner .top{padding: 2.92vw 4.17vw;}
    .hepl_pop .pop_inner .top strong{font-size: 2.78vw;}
    .hepl_pop .pop_inner .top .close{width: 2.22vw;}
    .hepl_pop .pop_inner .con{padding: 4.51vw 6.94vw 5.97vw;}
    .hepl_pop .pop_inner .con img.txt{margin-top: 5.56vw;}
	.hepl_pop.label .pop_inner .con{padding: 4.86vw 1.39vw 4.51vw 4.17vw;}
	.hepl_pop.label .pop_inner .con .scr_box{max-height: 34.72vw;}
}
@media screen and (max-width: 1280px){
    .hepl_pop .pop_inner{width: 70.31vw; border-radius: 3.13vw;}
    .hepl_pop .pop_inner .top{padding: 2.73vw 3.91vw;}
    .hepl_pop .pop_inner .top strong{font-size: 2.58vw;}
    .hepl_pop .pop_inner .top .close{width: 2.03vw;}
    .hepl_pop .pop_inner .con{padding: 3.91vw 6.25vw 5.47vw;}
    .hepl_pop .pop_inner .con img.txt{margin-top: 5.47vw;}
	.hepl_pop.label .pop_inner .con{padding: 4.84vw 1.41vw 4.53vw 4.14vw;}
	.hepl_pop.label .pop_inner .con .scr_box{max-height: 34.69vw;}
}
@media screen and (max-width: 780px){
    .hepl_pop .pop_inner{width: calc(100% - 10.42vw); border-radius: 5.21vw;}
    .hepl_pop .pop_inner .top{padding: 5.21vw;}
    .hepl_pop .pop_inner .top strong{font-size: 5.21vw;}
    .hepl_pop .pop_inner .top .close{width: 6.25vw;}
    .hepl_pop .pop_inner .con{padding: 10.42vw 2.86vw 13.02vw 5.73vw;}
    .hepl_pop .pop_inner .con .mob{display: block;}
    .hepl_pop .pop_inner .con .pc{display: none;}
    .hepl_pop .pop_inner .con img.txt{margin-top: 10.42vw;}
	.hepl_pop.label .pop_inner .con{padding: 8.97vw 2.56vw 8.33vw 7.69vw;}

    .hepl_pop .pop_inner .con .scr_box{max-height: 104.17vw !important; padding-right: 3.26vw;}
    /* .mCSB_scrollTools{width: 0.78vw; margin-right: 2.08vw;} */
}




/********** 2025.01.06 하늘 작업~ **********/

/* 공통 */
.pc{display: block !important;}
.mob{display: none !important;}
.sub_title{font-size: 48px; line-height: 1.25; text-align: center; margin-bottom: 60px; color: #EA5C32;}
.sub_title.left{text-align: left;}
.sub_cont + .sub_cont{margin-top: 60px;}
.sub_cont.tp_line{padding-top: 60px; border-top: 1px solid rgba(76, 168, 122, 0.5);}
.s_tit{font-size: 40px; font-weight: 700; color: #EA5C32;}
.s_tit.font{font-weight: 400;}
.s_txt{font-size: 20px; font-weight: 500; color: #4CA87A;}
.s_txt2{font-size: 18px; font-weight: 500; color: #4CA87A;}
.m_title{font-size: 90px; margin-bottom: 80px; font-weight: 400; color: #EA5C32; text-align: center;}
.bold{font-weight: 700 !important;}

/* about */
.about .sub_cont{display: flex; justify-content: space-between;}
.ab_sec2{flex-direction: row-reverse;}
.about .img img{width: 100%;}
.about .txt{max-width: 780px;}
.about .ab_sec3 .txt{max-width: 920px;}
.about .txt dl + dl{margin-top: 60px;}
.about .txt dl dt{font-size: 40px; font-weight: 700; color: #EA5C32;}
.about .txt dl dd{margin-top: 30px; font-size: 20px; font-weight: 500; color: #4CA87A;}
.ab_sec1 .img{width: 480px;}
.ab_sec2 .img{width: 500px;}
.ab_sec3 .img{width: 324px;}

/* blog list */
.blog_list li{border-bottom: 1px solid rgba(76, 168, 122, 0.5);}
.blog_list li:nth-child(1){border-top: 1px solid rgba(76, 168, 122, 0.5);}
.blog_list li a{padding: 50px 0; display: flex; align-items: center; gap: 70px;}
.blog_list li a .img{width: 550px; height: 350px;}
.blog_list li a .img img{width: 100%; height: 100%; object-fit: cover;}
.blog_list li a .txt{width: calc(100% - 70px - 550px);}
.blog_list li a .txt .title{font-size: 40px; font-weight: 700; color: #EA5C32; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blog_list li a .txt p{font-size: 20px; margin: 30px 0; font-weight: 500; color: #4CA87A; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blog_list li a .txt .date{font-size: 20px; font-weight: 500; color: #066AAB;}
.paging_wrap{margin-top: 60px;}
.paging{display:flex; justify-content: center; align-items: center; gap: 24px;}
.paging a.page{font-size:18px; color: #6D6D6D; display: inline-block;}
.paging a:not(.page){width: 20px; height: 20px; background-repeat: no-repeat; background-position:center; background-size: contain;}
.paging a.current{font-weight:600; color: #fff; background: #EA5C32; width:37px; height:37px; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.paging a.prev{background-image:url(/img/prev_ic.svg);}
.paging a.prevAll{background-image:url(/img/prevAll_ic.svg);}
.paging a.next{background-image:url(/img/next_ic.svg);}
.paging a.nextAll{background-image:url(/img/nextAll_ic.svg);}
.blog_list ul li a .txt .cate{font-size:18px; font-weight: 500; color: #6D6D6D; display: inline-block; padding: 4px 20px 6px 20px; border-radius: 30px; border: 1px solid #6D6D6D;}
.blog_list ul li a .txt .cate.on{color: #066AAB; border-color: #066AAB;}

/* promotion list */
.category{display: flex; justify-content: center; gap: 50px; margin-bottom: 60px;}
.category a{font-size: 28px; color: #4CA87A; font-family: "Gasoek One"; text-transform: uppercase;}
.category a.on{color: #EA5C32; text-decoration: underline;}
.category a:hover {color: #EA5C32;}
.promotion_list ul{gap: 40px; display: flex; flex-wrap: wrap;}
.promotion_list ul li{width: calc((100% - (40px * 2)) / 3);}
.promotion_list ul li a{display: block;}
.promotion_list ul li a .img{height: 280px; display: block;}
.promotion_list ul li a .img img{width: 100%; height: 100%; object-fit: cover;}
.promotion_list ul li a .txt{margin-top: 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.promotion_list ul li a .txt .cate{font-size:18px; font-weight: 500; color: #6D6D6D; display: inline-block; padding: 4px 20px 6px 20px; border-radius: 30px; border: 1px solid #6D6D6D;}
.promotion_list ul li a .txt .cate.on{color: #066AAB; border-color: #066AAB;}
.promotion_list ul li a .txt .title{font-size: 32px; font-weight: 600; color: #EA5C32; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.promotion_list ul li a .txt p{font-size: 20px; font-weight: 500; color: #4CA87A; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.promotion_list ul li a .txt .date{font-size: 18px; font-weight: 500; color: #066AAB;}

/* board view */
.board_view .title{text-align: center;}
.board_view .title .cate{display: inline-block; font-size: 18px; font-weight: 500; color: #066AAB; padding: 4px 20px 6px 20px; border-radius: 30px; border: 1px solid #066AAB;}
.board_view .title .tit{margin: 28px 0; font-size: 32px; font-weight: 600; color: #EA5C32; word-break: keep-all;}
.board_view .title .period{font-size: 18px; font-weight: 500; color: #066AAB;}
.board_view .cont{border-top: 1px solid rgba(76, 168, 122, 0.5); border-bottom: 1px solid rgba(76, 168, 122, 0.5); margin-top: 65px; padding: 55px 50px 85px; font-size: 20px; font-weight: 500; color: #4CA87A;}
.board_view .cont img{max-width: 100%;}
.board_view .attach{padding: 50px 0;}
.board_view .attach dl{display: flex;}
.board_view .attach dl + dl{margin-top: 40px;}
.board_view .attach dl dt{width: 100px; font-size: 20px; font-weight: 500; color: #066AAB;}
.board_view .attach dl dd{width: calc(100% - 100px); font-size: 16px; color: #333; line-height: 1.56;}
.board_view .attach dl dd a{display: flex; gap: 15px;}
.board_view .attach dl dd a:hover{text-decoration: underline; text-underline-offset: 3px;}
.board_view .attach dl dd a .icon{width: 18px; height: 18px; margin-top: 4px;}
.board_view .attach dl dd a span{width: calc(100% - 18px - 15px); display: inline-block;}
.board_view .attach dl dd.file{display: flex; flex-wrap: wrap; gap: 5px 65px; }
.board_view .attach dl dd.file .icon{background: url(/img/file_ic.svg) no-repeat center / contain;}
.board_view .attach dl dd.link a + a{margin-top: 5px;}
.board_view .attach dl dd.link a span{word-break: break-all !important;}
.board_view .attach dl dd.link .icon{background: url(/img/link_ic.svg) no-repeat center / contain;}
.board_view .other{border-top: 1px solid rgba(76, 168, 122, 0.5); padding-top: 30px; display: flex; justify-content: space-between; gap: 300px;}
.board_view .other > a{display: flex; gap: 18px; align-items: flex-start; max-width: calc(50% - 150px);}
.board_view .other .next{text-align: right;}
.board_view .other img{width: 16px; margin-top: 5px;}
.board_view .other dl{width: calc(100% - 18px - 16px);}
.board_view .other dl dt{font-size: 20px; font-weight: 500; color: #4CA87A;}
.board_view .other dl dd{margin-top: 15px; font-size: 16px; color: #6D6D6D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.board_view .list_btn{margin-top: 50px; text-align: center;}
.board_view .list_btn a{display: inline-block; width: 240px; padding: 18px 0; font-size: 30px; font-weight: 600; color: #fff; border-radius: 20px; background: #4CA87A;}

/* Our Product */
.product .s_txt:not(.mt0){margin-top: 30px;}
.pro_sec2 .list{margin-top: 60px; display: flex; gap: 40px;}
.pro_sec2 .list li{width: calc(50% - 20px);}
.pro_sec2 .list li .img img{width: 100%;}
.pro_sec2 .list li dl{margin-top: 40px; color: #066AAB;}
.pro_sec2 .list li dl dt{font-size: 32px; font-weight: 700;}
.pro_sec2 .list li dl .s_txt{color: #066AAB;}
.pro_s{display: flex; align-items: center; gap: 60px;}
.pro_s.reverse{flex-direction: row-reverse;}
.pro_s .img{width: 300px;}
.pro_s .img img{width: 100%;}
.pro_s .txt{width: calc(100% - 300px - 60px);}
.pro_sec8 .txt{margin-top: 30px;}
.pro_sec8 .txt dl{font-size: 18px; display: flex; gap: 10px;}
.pro_sec8 .txt dl + dl{margin-top: 15px;}
.pro_sec8 .txt dl dt{font-weight: 700; color: #EA5C32;}
.pro_sec8 .txt dl dd{font-weight: 500; color: #4CA87A;}

/* privacy, T&C */
.s_tit2{font-size: 32px; font-weight: 700;}
.use .tabnav{display: flex; justify-content: space-between;}
.use .tabnav ul{width: 670px;}
.use .tabnav ul li + li{margin-top: 10px;}
.use .tabnav ul li a{display: block; font-weight: 700; line-height: 1.4; color: #EA5C32; font-size: 32px;}
.use.tnc .tabnav ul li a{font-size: 28px;}
.use .cont .s_tit2{margin-bottom: 20px; color: #4CA87A;}

/* artwork guideline */
.art img{max-width: 1270px; margin: 0 auto;}

/* delivery */
.del_sec2{display: flex; align-items: flex-start; gap: 60px;}
.del_sec2 .img{width: 300px;}
.del_sec2 .img img{width: 100%;}
.del_sec2 .txt{width: calc(100% - 300px - 60px);}
.del_sec2 .s_txt{margin-top: 30px;}
.del_sec2 table {font-size: 20px; font-weight: 500; color: #4CA87A; border-radius: 10px; border: 2px solid var(--main-color2); width: 100%; border-spacing: 0; padding: 0 24px;}
.del_sec2 table th,
.del_sec2 table td {padding: 20px 0; text-align: center;}
.del_sec2 table td {border-top: 1px solid var(--main-color2);}

/* contact */
.contact{width: 940px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px;}
.contact dl{font-size: 20px; width: 100%;}
.contact dl.half_w{width: calc(50% - 20px);}
.contact dl dt{font-weight: 700; color: #EA5C32; margin-bottom: 10px;}
.contact dl dd .desc{font-size: 18px; margin-top: 10px; font-weight: 500; color: #4CA87A;}
.submit_btn{margin-top: 50px; text-align: center;}
.submit_btn .btnn{font-size: 30px; font-weight: 600; color: #fff; display: inline-block; width: 450px; padding: 18px 0; border-radius: 20px; background: #4CA87A;}
.submit_btn.flex-col .btn_w {background: #BEBEBE;}
.submit_btn.flex-col a {display: block; margin: 0 auto;}
.submit_btn.flex-col a + a {margin-top: 10px;}
input[type="text"].input,
input[type="number"].input,
input[type="password"].input{display: block; width: 100%; height: 50px; padding: 0 32px; font-size: 20px; border-radius: 10px; border: 2px solid #EA5C32 !important; background: #FFF; color: #EA5C32; outline: none !important; appearance: none !important; position: relative; font-family: 'Roboto';}
input[type="text"].input::placeholder,
input[type="number"].input::placeholder,
input[type="password"].input::placeholder{color: #EA5C32;}
.vt_select.select{position: relative;}
.vt_select.select .select_tit{line-height: 50px; padding: 0 32px; font-size: 20px; position: relative; border-radius: 10px; border: 2px solid #EA5C32; background: #FFF; color: #EA5C32; cursor: pointer; font-family: 'Roboto';}
.vt_select.select .select_tit img{position: absolute; top: 50%; transform: translateY(-50%); right: 32px; transition: all 0.4s; width: 28px;}
.vt_select.select .select_tit .active{transform: translateY(-50%) rotate(180deg);}
.vt_select.select ol,
.vt_select.select ul{position: absolute; width: 100%; top: 70px; left: 50%; transform: translateX(-50%); background-color: #fff; border: 1px solid var(--main-color1); border-radius: 10px; overflow: hidden; display: none; z-index: 9; max-height: 250px; overflow: hidden; overflow-y: scroll;}
.vt_select.select ol::-webkit-scrollbar,
.vt_select.select ul::-webkit-scrollbar {width: 3px;}
.vt_select.select ol::-webkit-scrollbar-thumb,
.vt_select.select ul::-webkit-scrollbar-thumb {background: #4CA87A; border-radius: 10px;}
.vt_select.select ol::-webkit-scrollbar-track,
.vt_select.select ul::-webkit-scrollbar-track {background: #4CA87A4D;}
.vt_select.select ol li,
.vt_select.select ul li{padding: 20px 32px; font-size: 18px; font-weight: 500; cursor: pointer; color: var(--main-color1);}
.vt_select.select ol li + li,
.vt_select.select ul li + li{border-top: 1px solid rgba(234, 92, 50, 0.50);}
.vt_select.select ol li:hover,
.vt_select.select ul li:hover{background: var(--main-color1); color: #fff;}
.file_box .file{display: flex; gap: 10px;}
.file_box .file .upload-name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;}
.file_box .file .upload-file{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.file_box .file label{line-height: 50px; font-size: 24px; font-weight: 600; color: #fff; padding: 0 32px; border-radius: 10px; background: #4CA87A; white-space: nowrap; cursor: pointer;}
textarea.textarea{width: 100%; height: 248px; padding: 18px 32px; border-radius: 10px; border: 2px solid #EA5C32 !important; background: #FFF; color: #EA5C32; font-size: 20px; font-family: 'Roboto';}
textarea.textarea::placeholder{color: #EA5C32;}

/* my page - reorder */
.r_list > ul{padding: 40px 50px; border-radius: 30px; border: 2px solid #4CA87A;}
.r_list > ul > li{display: flex; align-items: center; justify-content: space-between;}
.r_list > ul > li + li{margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(76, 168, 122, 0.5);}
.r_list > ul > li .lt{display: flex; align-items: center; gap: 40px; width: 50%;}
.r_list > ul > li .lt .img{width: 100px; height: 100px;}
.r_list > ul > li .lt .img img{width: 100%; height: 100%; object-fit: cover;}
.r_list > ul > li .lt .txt dt{font-size: 22px; letter-spacing: -0.6px; font-weight: 700; color: #4CA87A;}
.r_list > ul > li .lt .txt dd{margin-top: 10px; font-size: 18px; font-weight: 500; line-height: 1.44; color: #066AAB; display: flex; gap: 40px;}
.r_list > ul > li .rt{display: flex; align-items: center;}
.vt_select.select.min{width: 140px;}
.vt_select.select.min .select_tit{padding: 0 24px; font-weight: 500;}
.vt_select.select.min .select_tit img{width: 24px; right: 24px;}
.vt_select.select.min ul li{padding: 20px 24px;}
.r_list > ul > li .rt .price{width: 310px; text-align: center; font-size: 20px; letter-spacing: -0.6px; line-height: 1.4; color: #EA5C32; font-weight: 700;}
.r_list > ul > li .link{font-size: 18px; font-weight: 500; color: #066AAB; display: inline-block; padding: 4px 20px 6px 20px; border-radius: 30px; border: 1px solid #066AAB; min-width: max-content;}
/* checkOut */
.vt_select_style01 .cont {display: none; position: absolute; width: 100%; top: 70px; left: 50%; transform: translateX(-50%); border: 2px solid #EA5C32; background: #FAF3E7; padding: 20px; z-index: 1; border-radius: 20px;}
.vt_select_style01 .cont .search {position: relative;}
.vt_select_style01 .cont .search input {width: 100%; height: 56px; background: transparent; border-radius: 0; border: 0 !important; border-bottom: 2px solid var(--main-color1) !important; font-size: 18px; font-weight: 600; color: var(--main-color1); padding: 0 50px 0 20px; font-family: 'Barlow';}
.vt_select_style01 .cont .search img {width: 24px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.vt_select_style01 .cont ol {position: relative; top: auto !important; left: auto; transform: none; margin-top: 15px; display: block !important; max-height: 400px;}


/* my page - Review */
.review_write{max-width: 800px; margin: 0 auto;}
.review_write .img{width: 260px; height: 260px; margin: 0 auto 30px;}
.review_write .img img{width: 100%; height: 100%; object-fit: cover;}
.review_write .star_wrap{display: flex; align-items: center; justify-content: center; gap: 10px;}
.review_write .star_wrap .star{display: flex;}
.review_write .star_wrap .star i{width: 23px; height: 40px; background: url(/img/star_ic.svg) no-repeat center / 100% 100%; display: block; cursor: pointer; filter: grayscale(100) brightness(130%);}
.review_write .star_wrap .star i + i{transform: scaleX(-1); margin-left: -1px;}
.review_write .star_wrap .star i.on{filter: none;}
.review_write .write{margin-top: 60px;}
.review_write .write .s_txt{margin-bottom: 10px; font-weight: 700;}

/* Order inquiry */
.form{max-width: 450px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px;}
.form dl{font-size: 20px; width: 100%;}
.form dl.half_w{width: calc(50% - 20px);}
.form dl dt{font-weight: 700; color: #EA5C32; margin-bottom: 10px;}
.form dl dd .desc{font-size: 18px; margin-top: 10px; font-weight: 500; color: #4CA87A;}
.form dl dd .input + .input{margin-top: 10px;}

/* Upload your artwork */
.upload{max-width: 800px; margin: 0 auto;}
.upload .r_list > ul > li .lt{width: 100%;}
.upload .r_list > ul > li .lt .txt dt{font-size: 28px;}
.upload .form{max-width: 100%;}
.upload .skip{margin-top: 30px; text-align: center;}
.upload #cart_btn{margin-top: 30px;}
.upload #cart_btn button{display: block; text-align: center; font-size: 24px; font-weight: 600; color: #fff; padding: 20px 0; border-radius: 10px; background: #4CA87A; width: 100%;}

/* cart */
.cart{display: flex; justify-content: space-between; align-items: flex-start;}
.cart .list{width: 900px;}
.cart .list .table_wrap{padding: 40px 50px; border-radius: 30px; border: 2px solid #4CA87A;}
.cart .list .table_wrap *{font-family: 'Roboto';}
.cart .list table{width: 100%; border-collapse: collapse;}
.cart .list table tr + tr{border-top: 1px solid rgba(76, 168, 122, 0.5);}
.cart .list table th{padding-bottom: 30px; font-size: 18px; font-weight: 500; color: #4CA87A;}
.cart .list table td{padding: 30px 0;}
.cart .list table td .img{width: 70px; height: 70px; margin: 0 auto 20px;}
.cart .list table td .img img{width: 100%; height: 100%; object-fit: cover;}
.cart .list table td .name{text-align: center; font-size: 22px; letter-spacing: -0.6px;}
.cart .list table tr:last-child td{padding-bottom: 0;}
.cart .list table th:last-child, .cart .list table td:last-child{padding-left: 40px;}
.cart .list table td:nth-child(1) {text-align: center;}
.cart .list table th:nth-child(2),
.cart .list table td:nth-child(2) {padding-right: 20px;}
.cart .list table td .size{margin-top: 10px;}
.cart .list table td .price{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.cart .list table td .price .del{padding: 6px 20px; border-radius: 30px; border: 1px solid #066AAB; display: inline-block;}
.cart .list table .col1{width: 145px;}
.cart .list table .col3{width: 140px;}
.cart .list table .col4{width: 230px;}
.cart .list .btn_wrap{display: flex; justify-content: space-between; margin-top: 40px;}
.cart .list .btn_wrap a{font-size: 20px; font-weight: 600; color: #6D6D6D; padding: 20px 40px; border-radius: 100px; border: 2px solid #8E8E8E;}
.cart .list .btn_wrap a + a{color: #EA5C32; border-color: #EA5C32;}
.cart .total{width: 430px; position: sticky; top: 60px; right: 0; transition: top 0.3s;}
.cart .total.on{top: 130px;}
.cart .total .box{border-radius: 30px; overflow: hidden; border: 2px solid #4CA87A;}
.cart .total .box .title{font-size: 24px; letter-spacing: -0.6px; font-weight: 700; color: #fff; padding: 30px 50px; background: #4CA87A; font-family: 'Roboto';}
.cart .total .box .cont{padding: 40px 50px;}
.cart .total .box .cont p{display: flex; align-items: center; justify-content: space-between;}
.cart .total .box .cont p *{font-family: 'Roboto' !important;}
.cart .total .box .cont .top .s_txt.green{margin-top: 20px;}
.cart .total .box .cont .bot{margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(76, 168, 122, 0.5);}
.cart .total .box .cont .bot p{font-size: 24px;}
.cart .total .box .cont .bot .proceed{margin-top: 60px; display: block; text-align: center; font-size: 24px; font-weight: 600; color: #fff; padding: 20px 0; border-radius: 10px; background: #4CA87A;}
.cart .total .date{margin-top: 30px;}
.cart .total .date dt{font-size: 22px; font-weight: 500; color: #EA5C32;}
.cart .total .date dd{margin-top: 10px; font-size: 18px; font-weight: 500; color: #6D6D6D; text-align: right;}
.cart_empty .sub_title{margin-bottom: 30px;}
.cart_empty .s_txt{text-align: center;}
.cart_empty .list{display: flex; flex-wrap: wrap; gap: 45px; margin-top: 100px;}
.cart_empty .list li{width: calc((100% - (45px * 2)) / 3); padding: 50px 0; border-radius: 30px; border: 3px solid #4CA87A; text-align: center;}
.cart_empty .list li img{height: 120px;}
.cart_empty .list li .s_tit{margin: 50px 0 30px;}

/* Check out */
.order{display: flex; justify-content: space-between; align-items: flex-start;}
.order .left{width: 840px;}
.order .left .radio_box{padding: 10px 50px; border-radius: 30px; border: 2px solid #4CA87A; width: 100%;}
.order .left .radio_box .item{display: flex; gap: 15px; position: relative; padding: 20px 0;}
.order .left .radio_box .item + .item{border-top: 1px solid rgba(76, 168, 122, 0.5)}
.order .left .radio_box .item label{font-family: 'Roboto'; cursor: pointer; width: calc(100% - 20px - 15px);}
.order .left .radio_box .item label p{font-size: 24px; letter-spacing: -0.6px;}
.order .left .radio_box .item input[type="radio"]:checked + label p{font-weight: 700;}
.order .left .radio_box .item label span{display: block; margin-top: 10px;}
.order .left .radio_box .item input{margin-top: 5px;}
.order .left .radio_box .item .icon{height: 40px; position: absolute; right: 0; top: 50%; transform:translateY(-50%);}
.order .left .form{max-width: 100%;}
.order .left .form dt .s_txt2{margin-left: 20px;}
.order .left .form .radio_box{margin: 30px 0;}
.order .left .form .icon_input{position: relative;}
.order .left .form .icon_input .icon{position: absolute; right: 32px; top: 50%; transform:translateY(-50%); display: flex; gap: 5px;}
.order .left .form .icon_input .icon img{height: 20px;}
.order .left .agree{display: flex; flex-direction: column; gap: 20px;}
.order .left .agree .check_box {align-items: center;}
.order .right{width: 480px; position: sticky; top: 60px; right: 0; transition: top 0.3s;}
.order .right.on{top: 130px;}
.order .right .box{border-radius: 30px; overflow: hidden; border: 2px solid #4CA87A;}
.order .right .box .title{font-size: 28px; letter-spacing: -0.6px; font-weight: 700; color: #fff; padding: 30px 50px; background: #4CA87A; font-family: 'Roboto';}
.order .right .box .cont{padding: 40px 50px;}
.order .right .box .cont .top{display: flex; flex-direction: column; gap: 20px;}
.order .right .box .cont .item{display: flex; align-items: center; justify-content: space-between;}
.order .right .box .cont .item *{font-family: 'Roboto' !important;}
.order .right .box .cont .item.gray *{color: #6D6D6D;}
.order .right .box .cont .item dl dt{font-size: 24px; font-weight: 700;}
.order .right .box .cont .item dl dd{font-size: 16px; font-weight: 500; margin-top: 5px;}
.order .right .box .cont .bot{margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(76, 168, 122, 0.5);}
.order .right .box .cont .bot .item{font-size: 24px;}
.order .right .box .cont .bot .btn_wrap{display: flex; justify-content: space-between; margin-top: 40px;}
.order .right .box .cont .bot .btn_wrap a{display: inline-block; text-align: center; font-size: 24px; font-weight: 600; color: #fff; padding: 20px 40px; border-radius: 10px; background: #066AAB;}
.order .right .box .cont .bot .btn_wrap a + a{background: #4CA87A;}
.order .right .date{margin-top: 30px;}
.order .right .date dt{font-size: 22px; font-weight: 500; color: #EA5C32;}
.order .right .date dd{margin-top: 10px; font-size: 18px; font-weight: 500; color: #6D6D6D; text-align: right;}
.check_box{display: flex; gap: 10px;}
input[type="radio"]{width: 20px; height: 20px; background: url(/img/check_ic.svg) no-repeat center / contain; cursor: pointer;}
input[type="radio"]:checked{background-image: url(/img/checked_ic.svg);}
input[type="checkbox"]{width: 20px; height: 20px; background: url(/img/Uncheck.svg) no-repeat center / contain; cursor: pointer;}
input[type="checkbox"]:checked{background-image: url(/img/Checked.svg);}
input[type="checkbox"]:checked + label{color: #EA5C32;}

.order .left .agree .viewMore {text-decoration: underline; text-underline-offset: 3px; cursor: pointer; color: #EA5C32; font-size: 15px;}
.order_usePopup .tabnav {display: none;}
.order_usePopup .sub_cont.cont {margin-top: 0;}

/* popup - coupon */
.popup{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.popup.on{display:block;}
.pop_bg{position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.60);}
.pop_inner{position:absolute; background: #FAF3E7; width: 800px; top:50%; left:50%; transform:translate(-50%, -50%); border-radius: 50px; overflow: hidden;}
.pop_tit{display:flex; align-items:center; justify-content:space-between; padding: 40px 60px 44px; background: #4CA87A;}
.pop_tit strong{font-size: 40px; font-weight: 400; color: #FFF;}
.pop_close{width: 32px; cursor: pointer;}
.pop_cont{padding: 60px 40px 60px 60px;}
.pop_cont .scroll{max-height: 405px; overflow-y:auto; padding-right: 20px;}
.pop_cont .scroll::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.pop_cont .scroll::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;}
.pop_cont .scroll::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
.pop_cont .coupon{display: flex; flex-direction: column; gap: 20px;}
.pop_cont .coupon .item{padding: 30px 44px; border-radius: 30px; border: 2px solid #4CA87A; display: flex; align-items: center; justify-content: space-between;}
.pop_cont .coupon .item dl *{font-family: 'Roboto';}
.pop_cont .coupon .item dl dt{font-size: 24px; letter-spacing: -0.6px; font-weight: 700; margin-bottom: 5px; color: #4CA87A;}
.pop_cont .coupon .item dl dd{line-height: 1.4;}
.pop_cont .coupon .item .apply{padding: 4px 20px 6px 20px; display: inline-block; border-radius: 30px; border: 1px solid #066AAB;}

/* order confirmation */
.order .left .date_box{padding: 40px 44px; border-radius: 30px; border: 2px solid #4CA87A;}
.order .left .date_box dl *{font-family: 'Roboto';}
.order .left .date_box dl dt{font-size: 24px; letter-spacing: -0.6px; font-weight: 700; margin-bottom: 10px; color: #4CA87A;}
.order .left .box{border-radius: 30px; border: 2px solid #4CA87A; overflow: hidden;}
.order .left .box .title{padding: 30px 50px; display: flex; align-items: center; justify-content: space-between; background: #4CA87A; color: #fff;}
.order .left .box .title strong{font-size: 28px; letter-spacing: -0.6px; font-family: 'Roboto';}
.order .left .box .title .info{display: flex; align-items: center; gap: 15px;}
.order .left .box .title .info span{color: #fff;}
.order .left .box .title .info .line{width: 1px; height: 15px; background: rgba(255, 255, 255, 0.40); display: inline-block;}
.order .left .box .cont{padding: 40px 50px;}
.order .left .box .cont *{font-family: 'Roboto';}
.order .left .box1 .cont{display: flex; align-items: center; justify-content: space-between;}
.order .left .box1 .cont .info{display: flex; align-items: center; gap: 30px;}
.order .left .box1 .cont .img{width: 100px; height: 100px;}
.order .left .box1 .cont .img img{width: 100%; height: 100%; object-fit: cover;}
.order .left .box1 .cont dl dt{font-size: 28px; letter-spacing: -0.6px; font-weight: 700; color: #4CA87A; margin-bottom: 10px;}
.order .left .box1 .cont dl dd{display: flex; gap: 20px;}
.order .left .box1 .cont .price{font-size: 28px; letter-spacing: -0.6px; font-weight: 700; color: #EA5C32;}
.order .left .total{margin-top: 20px; gap: 30px; display: flex; flex-direction: column; align-items: flex-end;}
.order .left .total .desc{padding: 10px 30px; border-radius: 50px; background: rgba(76, 168, 122, 0.20); width: 100%; font-family: 'Roboto';}
.order .left .total .calc{width: 330px;}
.order .left .total .calc p{display: flex; justify-content: space-between; align-items: center;}
.order .left .total .calc p + p{margin-top: 20px;}
.order .left .total .calc p.point{font-size: 24px; font-weight: 700;}
.order .left .total .calc p span{font-family: 'Roboto';}
.order .left .total .calc .line{display: block; width: 100%; height: 1px; opacity: 0.4; background: #4CA87A; margin: 20px 0;}
.order .left .box2 .cont{display: flex; flex-direction: column; align-items: flex-start; gap: 30px;}
.order .left .box2 .cont strong.point{font-size: 24px; letter-spacing: -0.6px; font-family: 'Roboto';}
.order .left .box2 .cont .info{font-family: 'Roboto';}
.order .left .box2 .cont .info dt{font-size: 24px; letter-spacing: -0.6px; font-weight: 700; color: #4CA87A; margin-bottom: 10px;}
.order .left .box2 .cont .info dd{line-height: 1.3;}
.order .left .box2 .cont .edit{display: inline-block; padding: 7px 20px 6px; border-radius: 30px; border: 1px solid #066AAB;}
.order .left .box2 .cont .line{display: block; width: 100%; height: 1px; opacity: 0.4; background: #4CA87A;}
.order .left .box2 .cont .method{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.order .left .box2 .cont .method .card{display: flex; align-items: center; gap: 15px;}
.order .left .box2 .cont .method .card img{height: 30px;}
.order .left .box2 .cont .method .card span{font-size: 18px; letter-spacing: -0.6px; color: #6D6D6D;}
.order .right .banner{}





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

	/* 공통 */
	.sub_title{font-size: 3.33vw; margin-bottom: 4.17vw;}
	.sub_cont + .sub_cont{margin-top: 4.17vw;}
	.sub_cont.tp_line{padding-top: 4.17vw;}
	.s_tit{font-size: 2.78vw;}
	.s_tit2{font-size: 2.22vw;}
	.s_txt{font-size: 1.39vw;}
	.s_txt2{font-size: 1.25vw;}
	.m_title{font-size: 6.25vw; margin-bottom: 5.56vw;}

	/* about */
	.about .txt{max-width: 54.17vw;}
	.about .ab_sec3 .txt{max-width: 63.89vw;}
	.about .txt dl + dl{margin-top: 4.17vw;}
	.about .txt dl dt{font-size: 2.78vw;}
	.about .txt dl dd{margin-top: 2.08vw; font-size: 1.39vw;}
	.ab_sec1 .img{width: 33.33vw;}
	.ab_sec2 .img{width: 34.72vw;}
	.ab_sec3 .img{width: 22.50vw;}

	/* blog list */
	.blog_list li a{padding: 3.47vw 0; gap: 4.86vw;}
	.blog_list li a .img{width: 38.19vw; height: 24.31vw;}
	.blog_list li a .txt{width: calc(100% - 4.86vw - 38.19vw);}
	.blog_list li a .txt .title{font-size: 2.78vw;}
	.blog_list li a .txt p{font-size: 1.39vw; margin: 2.08vw 0;}
	.blog_list li a .txt .date{font-size: 1.39vw;}
	.paging_wrap{margin-top: 4.17vw;}
	.paging{gap: 1.67vw;}
	.paging a.page{font-size:1.25vw;}
	.paging a:not(.page){width: 1.39vw; height: 1.39vw;}
	.paging a.current{width:2.57vw; height:2.57vw;}

	/* promotion list */
	.category{gap: 3.47vw; margin-bottom: 4.17vw;}
	.category a{font-size: 1.94vw;}
	.promotion_list ul{gap: 2.78vw;}
	.promotion_list ul li{width: calc((100% - (2.78vw * 2)) / 3);}
	.promotion_list ul li a .img{height: 19.44vw;}
	.promotion_list ul li a .txt{margin-top: 2.78vw; gap: 1.39vw;}
	.promotion_list ul li a .txt .cate{font-size:1.25vw; padding: 0.28vw 1.39vw 0.42vw 1.39vw;}
	.promotion_list ul li a .txt .title{font-size: 2.22vw;}
	.promotion_list ul li a .txt p{font-size: 1.39vw;}
	.promotion_list ul li a .txt .date{font-size: 1.25vw;}

	/* board view */
	.board_view .title .cate{font-size: 1.25vw; padding: 0.28vw 1.39vw 0.42vw 1.39vw;}
	.board_view .title .tit{margin: 1.94vw 0; font-size: 2.22vw;}
	.board_view .title .period{font-size: 1.25vw;}
	.board_view .cont{margin-top: 4.51vw; padding: 3.82vw 3.47vw 5.90vw; font-size: 1.39vw;}
	.board_view .attach{padding: 3.47vw 0;}
	.board_view .attach dl + dl{margin-top: 2.78vw;}
	.board_view .attach dl dt{width: 6.94vw; font-size: 1.39vw;}
	.board_view .attach dl dd{width: calc(100% - 6.94vw); font-size: 1.11vw;}
	.board_view .attach dl dd a{gap: 1.04vw;}
	.board_view .attach dl dd a .icon{width: 1.25vw; height: 1.25vw; margin-top: 0.28vw;}
	.board_view .attach dl dd a span{width: calc(100% - 1.25vw - 1.04vw);}
	.board_view .attach dl dd.file{gap: 0.35vw 4.51vw;}
	.board_view .attach dl dd.link a + a{margin-top: 0.35vw;}
	.board_view .other{padding-top: 2.08vw; gap: 20.83vw;}
	.board_view .other > a{gap: 1.25vw; max-width: calc(50% - 10.42vw);}
	.board_view .other img{width: 1.11vw; margin-top: 0.35vw;}
	.board_view .other dl{width: calc(100% - 1.25vw - 1.11vw);}
	.board_view .other dl dt{font-size: 1.39vw;}
	.board_view .other dl dd{margin-top: 1.04vw; font-size: 1.11vw;}
	.board_view .list_btn{margin-top: 3.47vw;}
	.board_view .list_btn a{width: 16.67vw; padding: 1.25vw 0; font-size: 2.08vw; border-radius: 1.39vw;}

	/* Our Product */
	.product .s_txt:not(.mt0){margin-top: 2.08vw;}
	.pro_sec2 .list{margin-top: 4.17vw; gap: 2.78vw;}
	.pro_sec2 .list li{width: calc(50% - 1.39vw);}
	.pro_sec2 .list li dl{margin-top: 2.78vw;}
	.pro_sec2 .list li dl dt{font-size: 2.22vw;}
	.pro_s{gap: 4.17vw;}
	.pro_s .img{width: 20.83vw;}
	.pro_s .txt{width: calc(100% - 20.83vw - 4.17vw);}
	.pro_sec8 .txt{margin-top: 2.08vw;}
	.pro_sec8 .txt dl{font-size: 1.25vw; gap: 0.69vw;}
	.pro_sec8 .txt dl + dl{margin-top: 1.04vw;}

	/* privacy, T&C */
	.use .tabnav ul{width: 50%;}
	.use .tabnav ul li + li{margin-top: 0.69vw;}
	.use .tabnav ul li a{font-size: 2.22vw;}
	.use.tnc .tabnav ul li a{font-size: 1.94vw;}
	.use .cont .s_tit2{margin-bottom: 1.39vw;}

	/* artwork guideline */
	.art img{max-width: 100%;}

	/* delivery */
	.del_sec2{gap: 4.17vw;}
	.del_sec2 .img{width: 20.83vw;}
	.del_sec2 .txt{width: calc(100% - 20.83vw - 4.17vw);}
	.del_sec2 .s_txt{margin-top: 2.08vw;}
    .del_sec2 table {font-size: 1.39vw; border-radius: 0.69vw; padding: 0 1.67vw;}
    .del_sec2 table th,
    .del_sec2 table td {padding: 1.39vw 0;}
    

	/* contact */
	.contact{width: 65.28vw; gap: 2.78vw;}
	.contact dl{font-size: 1.39vw;}
	.contact dl.half_w{width: calc(50% - 1.39vw);}
	.contact dl dt{margin-bottom: 0.69vw;}
	.contact dl dd .desc{font-size: 1.25vw; margin-top: 0.69vw;}
	.submit_btn{margin-top: 3.47vw;}
	.submit_btn .btnn{font-size: 2.08vw; width: 31.25vw; padding: 1.25vw 0; border-radius: 1.39vw;}
	input[type="text"].input,
	input[type="number"].input,
	input[type="password"].input{height: 3.47vw; padding: 0 2.22vw; font-size: 1.39vw; border-radius: 0.69vw;}
	.vt_select.select .select_tit{line-height: 3.47vw; padding: 0 2.22vw; font-size: 1.39vw; border-radius: 0.69vw;}
	.vt_select.select .select_tit img{right: 2.22vw; width: 1.94vw;}
    .vt_select.select ol,
	.vt_select.select ul{top: 4.86vw; border-radius: 0.69vw;}
    .vt_select.select ol li,
	.vt_select.select ul li{padding: 1.39vw 2.22vw; font-size: 1.25vw;}
	.file_box .file{gap: 0.69vw;}
	.file_box .file label{line-height: 3.47vw; font-size: 1.67vw; padding: 0 2.22vw; border-radius: 0.69vw;}
	textarea.textarea{height: 17.22vw; padding: 1.25vw 2.22vw; border-radius: 0.69vw; font-size: 1.39vw;}


	/* my page - reorder */
	.r_list > ul{padding: 2.78vw 3.47vw; border-radius: 2.08vw;}
	.r_list > ul > li + li{margin-top: 2.08vw; padding-top: 2.08vw;}
	.r_list > ul > li .lt{gap: 2.78vw;}
	.r_list > ul > li .lt .img{width: 6.94vw; height: 6.94vw;}
	.r_list > ul > li .lt .txt dt{font-size: 1.53vw; letter-spacing: -0.04vw;}
	.r_list > ul > li .lt .txt dd{margin-top: 0.69vw; font-size: 1.25vw; gap: 2.78vw;}
	.vt_select.select.min{width: 9.72vw;}
	.vt_select.select.min .select_tit{padding: 0 1.67vw;}
	.vt_select.select.min .select_tit img{width: 1.67vw; right: 1.67vw;}
	.vt_select.select.min ul li{padding: 1.39vw 1.67vw;}
	.r_list > ul > li .rt .price{width: 21.53vw; font-size: 1.39vw; letter-spacing: -0.04vw;}
	.r_list > ul > li .link{font-size: 1.25vw; padding: 0.28vw 1.39vw 0.42vw 1.39vw;}
    /* checkOut */
    .vt_select_style01 .cont {top: 4.86vw; padding: 1.39vw; border-radius: 1.39vw;}
    .vt_select_style01 .cont .search input {height: 3.89vw; font-size: 1.25vw; padding: 0 3.47vw 0 1.39vw;}
    .vt_select_style01 .cont .search img {width: 1.67vw; right: 1.39vw;}
    .vt_select_style01 .cont ol {margin-top: 1.04vw; max-height: 27.78vw;}

	/* my page - Review */
	.review_write{max-width: 55.56vw;}
	.review_write .img{width: 18.06vw; height: 18.06vw; margin: 0 auto 2.08vw;}
	.review_write .star_wrap{gap: 0.69vw;}
	.review_write .star_wrap .star i{width: 1.60vw; height: 2.78vw;}
	.review_write .write{margin-top: 4.17vw;}
	.review_write .write .s_txt{margin-bottom: 0.69vw;}

	/* Order inquiry */
	.form{max-width: 31.25vw; gap: 2.78vw;}
	.form dl{font-size: 1.39vw;}
	.form dl.half_w{width: calc(50% - (2.78vw / 2));}
	.form dl dt{margin-bottom: 0.69vw;}
	.form dl dd .desc{font-size: 1.25vw; margin-top: 0.69vw;}
	.form dl dd .input + .input{margin-top: 0.69vw;}

	/* Upload your artwork */
	.upload{max-width: 55.56vw;}
	.upload .r_list > ul > li .lt .txt dt{font-size: 1.94vw;}
	.upload .skip{margin-top: 2.08vw;}
	.upload #cart_btn{margin-top: 2.08vw;}
	.upload #cart_btn button{font-size: 1.67vw; padding: 1.39vw 0; border-radius: 0.69vw;}

	/* cart */
	.cart .list{width: 61.50vw;}
	.cart .list .table_wrap{padding: 2.78vw 2.47vw; border-radius: 2.08vw;}
	.cart .list table th{padding-bottom: 2.08vw; font-size: 1.25vw;}
	.cart .list table td{padding: 2.08vw 0;}
	.cart .list table td .img{width: 4.86vw; height: 4.86vw; margin: 0 auto 1.39vw;}
	.cart .list table td .name{font-size: 1.53vw; letter-spacing: -0.04vw;}
	.cart .list table th:last-child, .cart .list table td:last-child{padding-left: 3.47vw;}
    .cart .list table th:nth-child(2),
    .cart .list table td:nth-child(2) {padding-right: 1.39vw;}
    .cart .list table td .price {gap: 0.69vw;}
	.cart .list table td .size{margin-top: 0.69vw;}
	.cart .list table td .price .del{padding: 0.42vw 1.39vw 0.42vw 1.39vw;}
	.cart .list table .col1{width: 10.07vw;}
	.cart .list table .col3{width: 9.72vw;}
	.cart .list table .col4{width: 15.97vw;}
	.cart .list .btn_wrap{margin-top: 2.78vw;}
	.cart .list .btn_wrap a{font-size: 1.39vw; padding: 1.39vw 2.78vw;}
	.cart .total{width: 27.86vw; top: 4.17vw;}
	.cart .total.on{top: 9.03vw;}
	.cart .total .box{border-radius: 2.08vw;}
	.cart .total .box .title{font-size: 1.67vw; letter-spacing: -0.04vw; padding: 2.08vw 3.47vw;}
	.cart .total .box .cont{padding: 2.78vw 2.47vw;}
	.cart .total .box .cont .top .s_txt.green{margin-top: 1.39vw;}
	.cart .total .box .cont .bot{margin-top: 2.08vw; padding-top: 2.08vw;}
	.cart .total .box .cont .bot p{font-size: 1.67vw;}
	.cart .total .box .cont .bot .proceed{margin-top: 4.17vw; font-size: 1.67vw; padding: 1.39vw 0; border-radius: 0.69vw;}
	.cart .total .date{margin-top: 2.08vw;}
	.cart .total .date dt{font-size: 1.53vw;}
	.cart .total .date dd{margin-top: 0.69vw; font-size: 1.25vw;}
	.cart_empty .sub_title{margin-bottom: 2.08vw;}
	.cart_empty .list{gap: 3.13vw; margin-top: 6.94vw;}
	.cart_empty .list li{width: calc((100% - (3.13vw * 2)) / 3); padding: 3.47vw 0; border-radius: 2.08vw;}
	.cart_empty .list li img{height: 8.33vw;}
	.cart_empty .list li .s_tit{margin: 3.47vw 0 2.08vw;}

	/* Check out */
	.order .left{width: 57.33vw;}
	.order .left .radio_box{padding: 0.69vw 3.47vw; border-radius: 2.08vw;}
	.order .left .radio_box .item{gap: 1.04vw; padding: 1.39vw 0;}
	.order .left .radio_box .item label{width: calc(100% - 1.39vw - 1.04vw);}
	.order .left .radio_box .item label p{font-size: 1.67vw; letter-spacing: -0.04vw;}
	.order .left .radio_box .item label span{margin-top: 0.69vw;}
	.order .left .radio_box .item input{margin-top: 0.35vw;}
	.order .left .radio_box .item .icon{height: 2.78vw;}
	.order .left .form dt .s_txt2{margin-left: 1.39vw;}
	.order .left .form .radio_box{margin: 2.08vw 0;}
	.order .left .form .icon_input .icon{right: 2.22vw; gap: 0.35vw;}
	.order .left .form .icon_input .icon img{height: 1.39vw;}
	.order .left .agree{gap: 1.39vw;}
	.order .right{width: 31.33vw; top: 4.17vw;}
	.order .right.on{top: 9.03vw;}
	.order .right .box{border-radius: 2.08vw;}
	.order .right .box .title{font-size: 1.94vw; letter-spacing: -0.04vw; padding: 2.08vw 3.47vw;}
	.order .right .box .cont{padding: 2.78vw 2.47vw;}
	.order .right .box .cont .top{gap: 1.39vw;}
	.order .right .box .cont .item dl dt{font-size: 1.67vw;}
	.order .right .box .cont .item dl dd{font-size: 1.11vw; margin-top: 0.35vw;}
	.order .right .box .cont .bot{margin-top: 2.08vw; padding-top: 2.08vw;}
	.order .right .box .cont .bot .item{font-size: 1.67vw;}
	.order .right .box .cont .bot .btn_wrap{margin-top: 2.78vw;}
	.order .right .box .cont .bot .btn_wrap a{font-size: 1.67vw; padding: 1.39vw 2.78vw; border-radius: 0.69vw;}
    .order .right .date{margin-top: 2.08vw;}
	.order .right .date dt{font-size: 1.53vw;}
	.order .right .date dd{margin-top: 0.69vw; font-size: 1.25vw;}
	.check_box{gap: 0.69vw;}
	input[type="radio"]{width: 1.39vw; height: 1.39vw;}
	input[type="checkbox"]{width: 1.39vw; height: 1.39vw;}

    .order .left .agree .viewMore {text-underline-offset: 0.21vw; font-size: 1.04vw;}
	/* popup - coupon */
	.pop_inner{width: 55.56vw; border-radius: 3.47vw;}
	.pop_tit{padding: 2.78vw 4.17vw 3.06vw;}
	.pop_tit strong{font-size: 2.78vw;}
	.pop_close{width: 2.22vw;}
	.pop_cont{padding: 4.17vw 2.78vw 4.17vw 4.17vw;}
	.pop_cont .scroll{max-height: 28.13vw; padding-right: 1.39vw;}
	.pop_cont .coupon{gap: 1.39vw;}
	.pop_cont .coupon .item{padding: 2.08vw 3.06vw; border-radius: 2.08vw;}
	.pop_cont .coupon .item dl dt{font-size: 1.67vw; letter-spacing: -0.04vw; margin-bottom: 0.35vw;}
	.pop_cont .coupon .item .apply{padding: 0.28vw 1.39vw 0.42vw 1.39vw;}

	/* order confirmation */
	.order .left .date_box{padding: 2.78vw 2.06vw; border-radius: 2.08vw;}
	.order .left .date_box dl dt{font-size: 1.67vw; letter-spacing: -0.04vw; margin-bottom: 0.69vw;}
	.order .left .box{border-radius: 2.08vw;}
	.order .left .box .title{padding: 2.08vw 2.47vw;}
	.order .left .box .title strong{font-size: 1.94vw; letter-spacing: -0.04vw;}
	.order .left .box .title .info{gap: 1.04vw;}
	.order .left .box .title .info .line{height: 1.04vw;}
	.order .left .box .cont{padding: 2.78vw 2.47vw;}
	.order .left .box1 .cont .info{gap: 2.08vw;}
	.order .left .box1 .cont .img{width: 6.94vw; height: 6.94vw;}
	.order .left .box1 .cont dl dt{font-size: 1.94vw; letter-spacing: -0.04vw; margin-bottom: 0.69vw;}
	.order .left .box1 .cont dl dd{gap: 1.39vw;}
	.order .left .box1 .cont .price{font-size: 1.94vw; letter-spacing: -0.04vw;}
	.order .left .total{margin-top: 1.39vw; gap: 2.08vw;}
	.order .left .total .desc{padding: 0.69vw 2.08vw;}
	.order .left .total .calc{width: 22.92vw;}
	.order .left .total .calc p + p{margin-top: 1.39vw;}
	.order .left .total .calc p.point{font-size: 1.67vw;}
	.order .left .total .calc .line{margin: 1.39vw 0;}
	.order .left .box2 .cont{gap: 2.08vw;}
	.order .left .box2 .cont strong.point{font-size: 1.67vw; letter-spacing: -0.04vw;}
	.order .left .box2 .cont .info dt{font-size: 1.67vw; letter-spacing: -0.04vw; margin-bottom: 0.69vw;}
	.order .left .box2 .cont .edit{padding: 0.52vw 1.39vw 0.42vw 1.39vw;}
	.order .left .box2 .cont .method .card{gap: 1.04vw;}
	.order .left .box2 .cont .method .card img{height: 2.08vw;}
	.order .left .box2 .cont .method .card span{font-size: 1.25vw; letter-spacing: -0.04vw;}


}


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

	/* 공통 */
	.sub_title{font-size: 3.36vw; margin-bottom: 4.14vw;}
	.sub_cont + .sub_cont{margin-top: 4.14vw;}
	.sub_cont.tp_line{padding-top: 4.14vw;}
	.s_tit{font-size: 2.81vw;}
	.s_tit2{font-size: 2.19vw;}
	.s_txt{font-size: 1.41vw;}
	.s_txt2{font-size: 1.25vw;}
	.m_title{font-size: 5.86vw; margin-bottom: 6.25vw;}

	/* about */
	.about .txt{max-width: 54.14vw;}
	.about .ab_sec3 .txt{max-width: 63.91vw;}
	.about .txt dl + dl{margin-top: 4.14vw;}
	.about .txt dl dt{font-size: 2.81vw;}
	.about .txt dl dd{margin-top: 2.11vw; font-size: 1.41vw;}
	.ab_sec1 .img{width: 33.36vw;}
	.ab_sec2 .img{width: 34.69vw;}
	.ab_sec3 .img{width: 22.50vw;}

	/* blog list */
	.blog_list li a{padding: 3.44vw 0; gap: 4.84vw;}
	.blog_list li a .img{width: 38.20vw; height: 24.30vw;}
	.blog_list li a .txt{width: calc(100% - 4.84vw - 38.20vw);}
	.blog_list li a .txt .title{font-size: 2.81vw;}
	.blog_list li a .txt p{font-size: 1.41vw; margin: 2.11vw 0;}
	.blog_list li a .txt .date{font-size: 1.41vw;}
	.paging_wrap{margin-top: 4.14vw;}
	.paging{gap: 1.64vw;}
	.paging a.page{font-size:1.25vw;}
	.paging a:not(.page){width: 1.41vw; height: 1.41vw;}
	.paging a.current{width:2.58vw; height:2.58vw;}

	/* promotion list */
	.category{gap: 3.44vw; margin-bottom: 4.14vw;}
	.category a{font-size: 1.95vw;}
	.promotion_list ul{gap: 2.81vw;}
	.promotion_list ul li{width: calc((100% - (2.81vw * 2)) / 3);}
	.promotion_list ul li a .img{height: 19.45vw;}
	.promotion_list ul li a .txt{margin-top: 2.81vw; gap: 1.41vw;}
	.promotion_list ul li a .txt .cate{font-size:1.25vw; padding: 0.31vw 1.41vw 0.39vw 1.41vw;}
	.promotion_list ul li a .txt .title{font-size: 2.19vw;}
	.promotion_list ul li a .txt p{font-size: 1.41vw;}
	.promotion_list ul li a .txt .date{font-size: 1.25vw;}

	/* board view */
	.board_view .title .cate{font-size: 1.25vw; padding: 0.31vw 1.41vw 0.39vw 1.41vw;}
	.board_view .title .tit{margin: 1.95vw 0; font-size: 2.19vw;}
	.board_view .title .period{font-size: 1.25vw;}
	.board_view .cont{margin-top: 4.53vw; padding: 3.83vw 3.44vw 5.94vw; font-size: 1.41vw;}
	.board_view .attach{padding: 3.44vw 0;}
	.board_view .attach dl + dl{margin-top: 2.81vw;}
	.board_view .attach dl dt{width: 6.95vw; font-size: 1.41vw;}
	.board_view .attach dl dd{width: calc(100% - 6.95vw); font-size: 1.09vw;}
	.board_view .attach dl dd a{gap: 1.02vw;}
	.board_view .attach dl dd a .icon{width: 1.25vw; height: 1.25vw; margin-top: 0.28vw;}
	.board_view .attach dl dd a span{width: calc(100% - 1.25vw - 1.02vw);}
	.board_view .attach dl dd.file{gap: 0.31vw 4.53vw;}
	.board_view .attach dl dd.link a + a{margin-top: 0.31vw;}
	.board_view .other{padding-top: 2.11vw; gap: 20.86vw;}
	.board_view .other > a{gap: 1.25vw; max-width: calc(50% - 10.39vw);}
	.board_view .other img{width: 1.09vw; margin-top: 0.31vw;}
	.board_view .other dl{width: calc(100% - 1.25vw - 1.09vw);}
	.board_view .other dl dt{font-size: 1.41vw;}
	.board_view .other dl dd{margin-top: 1.02vw; font-size: 1.09vw;}
	.board_view .list_btn{margin-top: 3.44vw;}
	.board_view .list_btn a{width: 16.64vw; padding: 1.25vw 0; font-size: 2.11vw; border-radius: 1.41vw;}

	/* Our Product */
	.product .s_txt:not(.mt0){margin-top: 2.11vw;}
	.pro_sec2 .list{margin-top: 4.14vw; gap: 2.81vw;}
	.pro_sec2 .list li{width: calc(50% - 1.41vw);}
	.pro_sec2 .list li dl{margin-top: 2.81vw;}
	.pro_sec2 .list li dl dt{font-size: 2.19vw;}
	.pro_s{gap: 4.14vw;}
	.pro_s .img{width: 20.86vw;}
	.pro_s .txt{width: calc(100% - 20.86vw - 4.14vw);}
	.pro_sec8 .txt{margin-top: 2.11vw;}
	.pro_sec8 .txt dl{font-size: 1.25vw; gap: 0.70vw;}
	.pro_sec8 .txt dl + dl{margin-top: 1.02vw;}

	/* privacy, T&C */
	.use .tabnav ul li + li{margin-top: 0.70vw;}
	.use .tabnav ul li a{font-size: 2.19vw;}
	.use.tnc .tabnav ul li a{font-size: 1.95vw;}
	.use .cont .s_tit2{margin-bottom: 1.41vw;}

	/* delivery */
	.del_sec2{gap: 4.14vw;}
	.del_sec2 .img{width: 20.86vw;}
	.del_sec2 .txt{width: calc(100% - 20.86vw - 4.14vw);}
	.del_sec2 .s_txt{margin-top: 2.11vw;}
    .del_sec2 table {font-size: 1.41vw; border-radius: 0.70vw; padding: 0 1.64vw;}
    .del_sec2 table th,
    .del_sec2 table td {padding: 1.41vw 0;}

	/* contact */
	.contact{width: 65.31vw; gap: 2.81vw;}
	.contact dl{font-size: 1.41vw;}
	.contact dl.half_w{width: calc(50% - 1.41vw);}
	.contact dl dt{margin-bottom: 0.70vw;}
	.contact dl dd .desc{font-size: 1.25vw; margin-top: 0.70vw;}
	.submit_btn{margin-top: 3.44vw;}
	.submit_btn .btnn{font-size: 2.11vw; width: 31.25vw; padding: 1.25vw 0; border-radius: 1.41vw;}
	input[type="text"].input,
	input[type="number"].input,
	input[type="password"].input{height: 3.44vw; padding: 0 2.19vw; font-size: 1.41vw; border-radius: 0.70vw;}
	.vt_select.select .select_tit{line-height: 3.44vw; padding: 0 2.19vw; font-size: 1.41vw; border-radius: 0.70vw;}
	.vt_select.select .select_tit img{right: 2.19vw; width: 1.95vw;}
    .vt_select.select ol,
	.vt_select.select ul{top: 4.84vw; border-radius: 0.78vw;}
    .vt_select.select ol li,
	.vt_select.select ul li{padding: 1.41vw 2.19vw; font-size: 1.25vw;}
	.file_box .file{gap: 0.70vw;}
	.file_box .file label{line-height: 3.44vw; font-size: 1.64vw; padding: 0 2.19vw; border-radius: 0.70vw;}
	textarea.textarea{height: 17.19vw; padding: 1.25vw 2.19vw; border-radius: 0.70vw; font-size: 1.41vw;}

	/* my page - reorder */
	.r_list > ul{padding: 2.81vw 3.44vw; border-radius: 2.11vw;}
	.r_list > ul > li + li{margin-top: 2.11vw; padding-top: 2.11vw;}
	.r_list > ul > li .lt{gap: 2.81vw;}
	.r_list > ul > li .lt .img{width: 6.95vw; height: 6.95vw;}
	.r_list > ul > li .lt .txt dt{font-size: 1.56vw; letter-spacing: -0.08vw;}
	.r_list > ul > li .lt .txt dd{margin-top: 0.70vw; font-size: 1.25vw; gap: 2.81vw;}
	.vt_select.select.min{width: 9.69vw;}
	.vt_select.select.min .select_tit{padding: 0 1.64vw;}
	.vt_select.select.min .select_tit img{width: 1.64vw; right: 1.64vw;}
	.vt_select.select.min ul li{padding: 1.41vw 1.64vw;}
	.r_list > ul > li .rt .price{width: 21.56vw; font-size: 1.41vw; letter-spacing: -0.08vw;}
	.r_list > ul > li .link{font-size: 1.25vw; padding: 0.31vw 1.41vw 0.39vw 1.41vw;}
    /* checkOut */
    .vt_select_style01 .cont {top: 4.84vw; padding: 1.41vw; border-radius: 1.41vw;}
    .vt_select_style01 .cont .search input {height: 3.91vw; font-size: 1.25vw; padding: 0 3.44vw 0 1.41vw;}
    .vt_select_style01 .cont .search img {width: 1.64vw; right: 1.41vw;}
    .vt_select_style01 .cont ol {margin-top: 1.02vw; max-height: 27.81vw;}

	/* my page - Review */
	.review_write{max-width: 55.55vw;}
	.review_write .img{width: 18.05vw; height: 18.05vw; margin: 0 auto 2.11vw;}
	.review_write .star_wrap{gap: 0.70vw;}
	.review_write .star_wrap .star i{width: 1.56vw; height: 2.81vw;}
	.review_write .write{margin-top: 4.14vw;}
	.review_write .write .s_txt{margin-bottom: 0.70vw;}

	/* Order inquiry */
	.form{max-width: 31.25vw; gap: 2.81vw;}
	.form dl{font-size: 1.41vw;}
	.form dl.half_w{width: calc(50% - (2.81vw / 2));}
	.form dl dt{margin-bottom: 0.70vw;}
	.form dl dd .desc{font-size: 1.25vw; margin-top: 0.70vw;}
	.form dl dd .input + .input{margin-top: 0.70vw;}

	/* Upload your artwork */
	.upload{max-width: 55.55vw;}
	.upload .r_list > ul > li .lt .txt dt{font-size: 1.95vw;}
	.upload .skip{margin-top: 2.11vw;}
	.upload #cart_btn{margin-top: 2.11vw;}
	.upload #cart_btn button{font-size: 1.64vw; padding: 1.41vw 0; border-radius: 0.70vw;}

	/* cart */
	.cart .list{width: 60.50vw;}
	.cart .list .table_wrap{padding: 2.81vw 1.84vw; border-radius: 2.11vw;}
	.cart .list table th{padding-bottom: 2.11vw; font-size: 1.25vw;}
	.cart .list table td{padding: 2.11vw 0;}
	.cart .list table td .img{width: 4.84vw; height: 4.84vw; margin: 0 auto 1.41vw;}
	.cart .list table td .name{font-size: 1.56vw; letter-spacing: -0.08vw;}
	.cart .list table th:last-child, .cart .list table td:last-child{padding-left: 3.44vw;}
    .cart .list table th:nth-child(2),
    .cart .list table td:nth-child(2) {padding-right: 1.56vw;}
    .cart .list table td .price {gap: 0.78vw;}
	.cart .list table td .size{margin-top: 0.70vw;}
	.cart .list table td .price .del{padding: 0.39vw 1.41vw 0.39vw 1.41vw;}
	.cart .list table .col1{width: 10.08vw;}
	.cart .list table .col3{width: 9.69vw;}
	.cart .list table .col4{width: 15.94vw;}
	.cart .list .btn_wrap{margin-top: 2.81vw;}
	.cart .list .btn_wrap a{font-size: 1.41vw; padding: 1.41vw 2.81vw;}
	.cart .total{width: 27.84vw; top: 4.14vw;}
	.cart .total.on{top: 9.06vw;}
	.cart .total .box{border-radius: 2.11vw;}
	.cart .total .box .title{font-size: 1.64vw; letter-spacing: -0.08vw; padding: 2.11vw 3.44vw;}
	.cart .total .box .cont{padding: 2.81vw 1.84vw;}
	.cart .total .box .cont .top .s_txt.green{margin-top: 1.41vw;}
	.cart .total .box .cont .bot{margin-top: 2.11vw; padding-top: 2.11vw;}
	.cart .total .box .cont .bot p{font-size: 1.64vw;}
	.cart .total .box .cont .bot .proceed{margin-top: 4.14vw; font-size: 1.64vw; padding: 1.41vw 0; border-radius: 0.70vw;}
	.cart .total .date{margin-top: 2.11vw;}
	.cart .total .date dt{font-size: 1.56vw;}
	.cart .total .date dd{margin-top: 0.70vw; font-size: 1.25vw;}
	.cart_empty .sub_title{margin-bottom: 2.11vw;}
	.cart_empty .list{gap: 3.13vw; margin-top: 6.95vw;}
	.cart_empty .list li{width: calc((100% - (3.13vw * 2)) / 3); padding: 3.44vw 0; border-radius: 2.11vw;}
	.cart_empty .list li img{height: 8.36vw;}
	.cart_empty .list li .s_tit{margin: 3.44vw 0 2.11vw;}

	/* Check out */
	.order .left{width: 56.36vw;}
	.order .left .radio_box{padding: 0.70vw 3.44vw; border-radius: 2.11vw;}
	.order .left .radio_box .item{gap: 1.02vw; padding: 1.41vw 0;}
	.order .left .radio_box .item label{width: calc(100% - 1.41vw - 1.02vw);}
	.order .left .radio_box .item label p{font-size: 1.64vw; letter-spacing: -0.08vw;}
	.order .left .radio_box .item label span{margin-top: 0.70vw;}
	.order .left .radio_box .item input{margin-top: 0.31vw;}
	.order .left .radio_box .item .icon{height: 2.81vw;}
	.order .left .form dt .s_txt2{margin-left: 1.41vw;}
	.order .left .form .radio_box{margin: 2.11vw 0;}
	.order .left .form .icon_input .icon{right: 2.19vw; gap: 0.31vw;}
	.order .left .form .icon_input .icon img{height: 1.41vw;}
	.order .left .agree{gap: 1.41vw;}
	.order .right{width: 31.36vw; top: 4.14vw;}
	.order .right.on{top: 9.06vw;}
	.order .right .box{border-radius: 2.11vw;}
	.order .right .box .title{font-size: 1.95vw; letter-spacing: -0.08vw; padding: 2.11vw 3.44vw;}
	.order .right .box .cont{padding: 2.81vw 2.44vw;}
	.order .right .box .cont .top{gap: 1.41vw;}
	.order .right .box .cont .item dl dt{font-size: 1.64vw;}
	.order .right .box .cont .item dl dd{font-size: 1.09vw; margin-top: 0.31vw;}
	.order .right .box .cont .bot{margin-top: 2.11vw; padding-top: 2.11vw;}
	.order .right .box .cont .bot .item{font-size: 1.64vw;}
	.order .right .box .cont .bot .btn_wrap{margin-top: 2.81vw;}
	.order .right .box .cont .bot .btn_wrap a{font-size: 1.64vw; padding: 1.41vw 2.81vw; border-radius: 0.70vw;}
    .order .right .date{margin-top: 2.11vw;}
	.order .right .date dt{font-size: 1.56vw;}
	.order .right .date dd{margin-top: 0.70vw; font-size: 1.25vw;}
	.check_box{gap: 0.70vw;}
	input[type="radio"]{width: 1.41vw; height: 1.41vw;}
	input[type="checkbox"]{width: 1.41vw; height: 1.41vw;}

    .order .left .agree .viewMore {text-underline-offset: 0.23vw; font-size: 1.02vw;}
	/* popup - coupon */
	.pop_inner{width: 55.55vw; border-radius: 3.44vw;}
	.pop_tit{padding: 2.81vw 4.14vw 3.05vw;}
	.pop_tit strong{font-size: 2.81vw;}
	.pop_close{width: 2.19vw;}
	.pop_cont{padding: 4.14vw 2.81vw 4.14vw 4.14vw;}
	.pop_cont .scroll{max-height: 28.13vw; padding-right: 1.41vw;}
	.pop_cont .coupon{gap: 1.41vw;}
	.pop_cont .coupon .item{padding: 2.11vw 3.05vw; border-radius: 2.11vw;}
	.pop_cont .coupon .item dl dt{font-size: 1.64vw; letter-spacing: -0.08vw; margin-bottom: 0.31vw;}
	.pop_cont .coupon .item .apply{padding: 0.31vw 1.41vw 0.39vw 1.41vw;}

	/* order confirmation */
	.order .left .date_box{padding: 2.81vw 2.05vw; border-radius: 2.11vw;}
	.order .left .date_box dl dt{font-size: 1.64vw; letter-spacing: -0.08vw; margin-bottom: 0.70vw;}
	.order .left .box{border-radius: 2.11vw;}
	.order .left .box .title{padding: 2.11vw 2.44vw;}
	.order .left .box .title strong{font-size: 1.95vw; letter-spacing: -0.08vw;}
	.order .left .box .title .info{gap: 1.02vw;}
	.order .left .box .title .info .line{height: 1.02vw;}
	.order .left .box .cont{padding: 2.81vw 2.44vw;}
	.order .left .box1 .cont .info{gap: 2.11vw;}
	.order .left .box1 .cont .img{width: 6.95vw; height: 6.95vw;}
	.order .left .box1 .cont dl dt{font-size: 1.95vw; letter-spacing: -0.08vw; margin-bottom: 0.70vw;}
	.order .left .box1 .cont dl dd{gap: 1.41vw;}
	.order .left .box1 .cont .price{font-size: 1.95vw; letter-spacing: -0.08vw;}
	.order .left .total{margin-top: 1.41vw; gap: 2.11vw;}
	.order .left .total .desc{padding: 0.70vw 2.11vw;}
	.order .left .total .calc{width: 22.89vw;}
	.order .left .total .calc p + p{margin-top: 1.41vw;}
	.order .left .total .calc p.point{font-size: 1.64vw;}
	.order .left .total .calc .line{margin: 1.41vw 0;}
	.order .left .box2 .cont{gap: 2.11vw;}
	.order .left .box2 .cont strong.point{font-size: 1.64vw; letter-spacing: -0.08vw;}
	.order .left .box2 .cont .info dt{font-size: 1.64vw; letter-spacing: -0.08vw; margin-bottom: 0.70vw;}
	.order .left .box2 .cont .edit{padding: 0.59vw 1.41vw 0.39vw 1.41vw;}
	.order .left .box2 .cont .method .card{gap: 1.02vw;}
	.order .left .box2 .cont .method .card img{height: 2.11vw;}
	.order .left .box2 .cont .method .card span{font-size: 1.25vw; letter-spacing: -0.08vw;}


}


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

	/* 공통 */
	.pc{display: none !important;}
	.mob{display: block !important;}
	.sub_title{font-size: 10.42vw; margin-bottom: 13.02vw;}
	.sub_cont + .sub_cont{margin-top: 10.42vw;}
	.sub_cont.tp_line{padding-top: 10.42vw;}
	.s_tit{font-size: 5.73vw;}
	.s_tit2{font-size: 5.13vw;}
	.s_txt{font-size: 3.59vw;}
	.s_txt2{font-size: 3.26vw;}
	.m_title{font-size: 10.42vw; margin-bottom: 10.26vw;}

	/* about */
	.about .sub_cont{flex-direction: column-reverse !important; align-items: center; gap: 7.81vw;}
	.about .txt{max-width: 100% !important;}
	.about .txt dl + dl{margin-top: 7.81vw;}
	.about .txt dl dt{font-size: 5.73vw;}
	.about .txt dl dd{margin-top: 3.85vw; font-size: 3.59vw; line-height: 1.4;}
	.ab_sec1 .img{width: 66.54vw;}
	.ab_sec2 .img{width: 69.10vw;}
	.ab_sec3 .img{width: 46.54vw;}

	/* blog list */
	.blog_list li a{padding: 7.81vw 0; gap: 5.21vw; flex-direction: column;}
	.blog_list li a .img{width: 100%; height: 54.87vw;}
	.blog_list li a .txt{width: 100%;}
	.blog_list li a .txt .title{font-size: 5.73vw;}
	.blog_list li a .txt p{font-size: 3.59vw; line-height: 1.3; margin: 3.20vw 0;}
	.blog_list li a .txt .date{font-size: 3.59vw;}
	.paging_wrap{margin-top: 10.42vw;}
	.paging{gap: 4.21vw;}
	.paging a.page{font-size: 3.59vw;}
	.paging a:not(.page){width: 3.81vw; height: 3.81vw;}
	.paging a.current{width: 5.81vw; height: 5.81vw;}

	/* promotion list */
	.category{gap: 6.41vw; margin-bottom: 12.02vw;}
	.category a{font-size: 5.01vw; text-align: center; line-height: 1.3;}
	.promotion_list ul{gap: 10.42vw;}
	.promotion_list ul li{width: 100%;}
	.promotion_list ul li a .img{height: 54.87vw;}
	.promotion_list ul li a .txt{margin-top: 6.21vw; gap: 3.20vw;}
	.promotion_list ul li a .txt .cate{font-size: 3.26vw; padding: 0.81vw 2.96vw 1.07vw;}
	.promotion_list ul li a .txt .title{font-size: 5.10vw;}
	.promotion_list ul li a .txt p{font-size: 3.59vw; line-height: 1.3;}
	.promotion_list ul li a .txt .date{font-size: 3.26vw;}

	/* board view */
	.board_view .title .cate{font-size: 3.59vw; padding: 0.51vw 2.56vw 0.77vw 2.56vw;}
	.board_view .title .tit{margin: 3.59vw 0; font-size: 5.73vw;}
	.board_view .title .period{font-size: 3.59vw;}
	.board_view .cont{margin-top: 8.33vw; padding: 7.05vw 0 10.90vw; font-size: 3.59vw;}
	.board_view .attach{padding: 6.41vw 0;}
	.board_view .attach dl + dl{margin-top: 5.13vw;}
	.board_view .attach dl dt{width: 14.82vw; font-size: 3.91vw;}
	.board_view .attach dl dd{width: calc(100% - 14.82vw); font-size: 3.59vw;}
	.board_view .attach dl dd a{gap: 1.92vw;}
	.board_view .attach dl dd a .icon{width: 3.59vw; height: 3.59vw; margin-top: 0.50vw;}
	.board_view .attach dl dd a span{width: calc(100% - 3.59vw - 1.92vw); line-height: 1.2;}
	.board_view .attach dl dd.file{gap: 1.4vw 8.33vw;}
	.board_view .attach dl dd.link a + a{margin-top: 1.4vw;}
	.board_view .other{padding-top: 6.41vw; gap: 12.46vw;}
	.board_view .other > a{gap: 2.31vw; max-width: calc(50% - (12.46vw / 2));}
	.board_view .other img{width: 3.19vw; margin-top: 0.64vw;}
	.board_view .other dl{width: calc(100% - 2.31vw - 3.19vw);}
	.board_view .other dl dt{font-size: 3.91vw;}
	.board_view .other dl dd{margin-top: 1.92vw; font-size: 3.59vw;}
	.board_view .list_btn{margin-top: 9.11vw;}
	.board_view .list_btn a{width: 30.77vw; padding: 2.61vw 0; font-size: 4.21vw; border-radius: 2.56vw;}

	/* Our Product */
	.product .s_txt:not(.mt0){margin-top: 3.85vw;}
	.pro_sec2 .list{margin-top: 10.42vw; gap: 9.11vw; flex-direction: column;}
	.pro_sec2 .list li{width: 100%;}
	.pro_sec2 .list li dl{margin-top: 5.13vw;}
	.pro_sec2 .list li dl dt{font-size: 5.13vw;}
	.pro_s{gap: 5.73vw; flex-direction: column !important;}
	.pro_s .img{width: 100%;}
	.pro_s .txt{width: 100%;}
	.pro_sec8 .txt{margin-top: 4.21vw;}
	.pro_sec8 .txt dl{font-size: 3.26vw; gap: 1.28vw; flex-direction: column;}
	.pro_sec8 .txt dl + dl{margin-top: 2.60vw;}

	/* privacy, T&C */
	.use .tabnav{flex-direction: column; gap: 1.28vw;}
	.use .tabnav ul{width: 100%;}
	.use .tabnav ul li + li{margin-top: 1.28vw;}
	.use .tabnav ul li a{font-size: 5.13vw;}
	.use.tnc .tabnav ul li a{font-size: 4.85vw;}
	.use .cont .s_tit2{margin-bottom: 2.56vw;}

	/* delivery */
	.del_sec2{gap: 9.11vw; flex-direction: column;}
	.del_sec2 .img{width: 50%; margin: 0 auto;}
	.del_sec2 .txt{width: 100%;}
	.del_sec2 .s_txt{margin-top: 4.21vw;}
    .del_sec2 .table_wrap {overflow: hidden; overflow-x: scroll; border: 2px solid var(--main-color2); border-radius: 4.10vw;}
    .del_sec2 table {font-size: 3.59vw; border-radius: 0; padding: 0 4.41vw; width: 150%; border: 0;}
    .del_sec2 table th,
    .del_sec2 table td {padding: 4.11vw 0;}

	/* contact */
	.contact{width: 100%; gap: 6.51vw;}
	.contact dl{font-size: 3.59vw;}
	.contact dl.half_w{width: 100%;}
	.contact dl dt{margin-bottom: 2.60vw;}
	.contact dl dd .desc{font-size: 3.26vw; margin-top: 2.60vw;}
	.submit_btn{margin-top: 8.11vw;}
	.submit_btn .btnn{font-size: 4.51vw; width: 57.69vw; padding: 2.81vw 0; border-radius: 2.60vw;}
	input[type="text"].input,
	input[type="number"].input,
	input[type="password"].input{height: 11.46vw; padding: 0 4.10vw; font-size: 3.59vw; border-radius: 2.60vw;}
	.vt_select.select .select_tit{line-height: 11.46vw; padding: 0 4.10vw; font-size: 3.59vw; border-radius: 2.60vw;}
	.vt_select.select .select_tit img{right: 4.10vw; width: 4.21vw;}
    .vt_select.select ol,
	.vt_select.select ul{top: 15.02vw; border-radius: 1.30vw;}
    .vt_select.select ol li,
	.vt_select.select ul li{padding: 3.16vw 4.10vw; font-size: 3.26vw;}
	.file_box .file{gap: 1.28vw;}
	.file_box .file label{line-height: 11.46vw; font-size: 3.91vw; padding: 0 4.10vw; border-radius: 2.60vw;}
	textarea.textarea{height: 31.79vw; padding: 2.31vw 4.10vw; border-radius: 2.60vw; font-size: 3.59vw;}

	/* my page - reorder */
	.mypage .sub_title{font-size: 6.25vw; margin-bottom: 9.11vw;}
	.mypage .cate_wrap{overflow-x: auto; overflow-y: hidden; margin-bottom: 12.02vw;}
	.mypage .category{margin-bottom: 0; width: max-content; gap: 7.51vw;}
	.mypage .category a{font-size: 5.51vw;}
    .r_list > label {display: flex; align-items: center; gap: 1.95vw; margin-bottom: 2.60vw; font-size: 3.65vw; font-weight: 700; color: var(--main-color1);}
	.r_list > ul{padding: 5.13vw 4.41vw; border-radius: 4.10vw;}
	.r_list > ul > li + li{margin-top: 5.21vw; padding-top: 5.21vw;}
	.r_list > ul > li .lt {align-items: flex-start; width: 80%;}
    .r_list > ul > li .in_lt{gap: 5.13vw; width: 90%; align-items: flex-start; display: flex;}
	.r_list > ul > li .lt .img{width: 15.63vw; height: 15.63vw;}
	.r_list > ul > li .lt .txt{width: calc(100% - 15.63vw - 5.13vw);}
	.r_list > ul > li .lt .txt dt{font-size: 4.17vw; letter-spacing: -0.08vw;}
	.r_list > ul > li .lt .txt dd{margin-top: 1.28vw; font-size: 3.59vw; gap: 0.3vw; flex-direction: column;}
	.vt_select.select.min{width: 22.14vw; margin-top: 2.60vw;}
	.vt_select.select.min .select_tit{padding: 0 3.08vw; line-height: 7.26vw;}
	.vt_select.select.min .select_tit img{width: 3.08vw; right: 3.08vw;}
	.vt_select.select.min ul{top: 10.02vw;}
	.vt_select.select.min ul li{padding: 2.56vw 3.08vw;}
	.r_list > ul > li .rt{flex-direction: column; align-items: center; gap: 2.60vw;}
	.r_list > ul > li .rt .price{width: auto; font-size: 4.17vw; letter-spacing: -0.08vw;}
	.r_list > ul > li .link{font-size: 3.26vw; padding: 1.07vw 2.56vw 1.07vw 2.56vw;}
	.r_list > ul > li .link.mob{display: inline-block !important; margin-top: 2.60vw;}
	.r_list.review > ul > li{flex-direction: column;}
	.r_list.review > ul > li .lt{width: 100%;}
    /* checkOut */
    .vt_select_style01 .cont {top: calc(100% + 2.60vw); padding: 2vw 4.10vw 4.10vw; border-radius: 2.60vw;}
    .vt_select_style01 .cont .search input {height: 11.46vw; font-size: 3.59vw; padding: 0 4.69vw 0 4.10vw;}
    .vt_select_style01 .cont .search img {width: 4.21vw; right: 4.10vw;}
    .vt_select_style01 .cont ol {margin-top: 2.60vw; max-height: 52.08vw;}

	/* my page - Review */
	.review_write{max-width: 100%;}
	.review_write .img{width: 40vw; height: 40vw; margin: 0 auto 5.21vw;}
	.review_write .star_wrap{gap: 1.28vw;}
	.review_write .star_wrap .star i{width: 3.45vw; height: 5.63vw;}
	.review_write .write{margin-top: 9.11vw;}
	.review_write .write .s_txt{margin-bottom: 2.60vw;}

	/* Order inquiry */
	.form{max-width: 100%; gap: 6.51vw;}
	.form dl{font-size: 3.59vw;}
	.form dl.half_w{width: 100%;}
	.form dl dt{margin-bottom: 2.60vw;}
	.form dl dd .desc{font-size: 3.26vw; margin-top: 2.60vw;}
	.form dl dd .input + .input{margin-top: 2.60vw;}

	/* Upload your artwork */
	.upload{max-width: 100%;}
	.upload .r_list > ul > li .lt .txt dt{font-size: 4.17vw;}
	.upload .skip{margin-top: 5.21vw;}
	.upload #cart_btn{margin-top: 4.17vw;}
	.upload #cart_btn button{font-size: 4.66vw; padding: 4.16vw 0; border-radius: 1.8vw;}

	/* cart */
	.cart{flex-direction: column; gap: 15.63vw;}
	.cart .list{width: 100%;}
	.cart .list .table_wrap{padding: 5.13vw 6.41vw; border-radius: 3.85vw;}
	.cart .list table th{padding-bottom: 3.85vw; font-size: 2.31vw;}
	.cart .list table td{padding: 3.85vw 0;}
	.cart .list table td .img{width: 8.97vw; height: 8.97vw; margin: 0 auto 2.56vw;}
	.cart .list table td .name{font-size: 2.82vw; letter-spacing: -0.08vw;}
	.cart .list table th:last-child, .cart .list table td:last-child{padding-left: 6.41vw;}
	.cart .list table td .size{margin-top: 1.28vw;}
	.cart .list table td .price .del{padding: 0.77vw 2.56vw 0.77vw 2.56vw;}
	.cart .list table .col1{width: 18.59vw;}
	.cart .list table .col3{width: 17.95vw;}
	.cart .list table .col4{width: 29.49vw;}
	.cart .list .btn_wrap{margin-top: 5.13vw; flex-direction: column; gap:3.26vw;}
	.cart .list .btn_wrap a{font-size: 3.59vw; padding: 2.96vw 5.13vw; display: block; text-align: center; width: 100%;}
	.cart .total{width: 100%;}
	.cart .total .box{border-radius: 4.10vw;}
	.cart .total .box .title{font-size: 5.15vw; letter-spacing: -0.08vw; padding: 4.81vw 6.41vw;}
	.cart .total .box .cont{padding: 10.24vw 5.11vw;}
	.cart .total .box .cont .top .s_txt.green{margin-top: 5.11vw;}
	.cart .total .box .cont .bot{margin-top: 5.11vw; padding-top: 5.11vw;}
	.cart .total .box .cont .bot p{font-size: 4.66vw;}
	.cart .total .box .cont .bot .proceed{margin-top: 9.11vw; font-size: 4.66vw; padding: 4.56vw 0; border-radius: 1.8vw;}
	.cart .total .date{margin-top: 6.41vw;}
	.cart .total .date dt{font-size: 3.91vw;}
	.cart .total .date dd{margin-top: 1.8vw; font-size: 3.59vw;}
	.cart_empty .sub_title{margin-bottom: 3.85vw;}
	.cart_empty .list{gap: 4.21vw; margin-top: 12.82vw;}
	.cart_empty .list li{width: 100%; padding: 6.41vw 0; border-radius: 3.85vw;}
	.cart_empty .list li img{height: 15.38vw;}
	.cart_empty .list li .s_tit{margin: 6.41vw 0 3.85vw;}

	/* Check out */
	.order{flex-direction: column; gap: 10.24vw;}
	.order .left{width: 100%;}
	.order .left .radio_box{padding: 2.11vw 5.11vw; border-radius: 4.10vw;}
	.order .left .radio_box .item{gap: 2.60vw; padding: 5.11vw 0;}
	.order .left .radio_box .item label{width: calc(100% - 4.07vw - 2.60vw);}
	.order .left .radio_box .item label p{font-size: 4.21vw; letter-spacing: -0.08vw;}
	.order .left .radio_box .item label span{margin-top: 2.30vw; line-height: 1.4;}
	.order .left .radio_box .item input{margin-top: 0.64vw;}
	.order .left .radio_box .item .icon{height: 6.41vw;}
	.order .left .form dt .s_txt2{margin-left: 2.56vw;}
	.order .left .form .radio_box{margin: 3.85vw 0;}
	.order .left .form .icon_input .icon{right: 4.10vw; gap: 0.64vw;}
	.order .left .form .icon_input .icon img{height: 5.11vw;}
	.order .left .agree{gap: 5.11vw;}
	.order .right{width: 100%; position: initial;}
	.order .right .box{border-radius: 4.10vw;}
	.order .right .box .title{font-size: 5.11vw; letter-spacing: -0.08vw; padding: 4.85vw 6.41vw;}
	.order .right .box .cont{padding: 5.13vw 6.41vw;}
	.order .right .box .cont .top{gap: 5.11vw;}
	.order .right .box .cont .item dl dt{font-size: 4.17vw;}
	.order .right .box .cont .item dl dd{font-size: 3.26vw; margin-top: 1vw;}
	.order .right .box .cont .bot{margin-top: 6.41vw; padding-top: 6.41vw;}
	.order .right .box .cont .bot .item{font-size: 4.17vw;}
	.order .right .box .cont .bot .btn_wrap{margin-top: 9.00vw; flex-direction: column-reverse; gap: 4.15vw;}
	.order .right .box .cont .bot .btn_wrap a{font-size: 4.17vw; padding: 3.56vw 5.13vw; border-radius: 1.8vw; display: block; width: 100%;}
	.order .right .date{margin-top: 6.41vw;}
	.order .right .date dt{font-size: 3.91vw;}
	.order .right .date dd{margin-top: 1.8vw; font-size: 3.59vw;}
    .check_box{gap: 2.60vw;}
	input[type="radio"]{width: 4.07vw; height: 4.07vw;}
	input[type="checkbox"]{width: 4.07vw; height: 4.07vw;}
	/* input[type="checkbox"]{width: 1.41vw; height: 1.41vw;} */

    .order .left .agree .viewMore {text-underline-offset: 0.39vw; font-size: 3vw;}
	/* popup - coupon */
	.pop_inner{width: 90%; border-radius: 6.41vw;}
	.pop_tit{padding: 5.13vw 4.21vw 5.64vw;}
	.pop_tit strong{font-size: 5.13vw;}
	.pop_close{width: 4.10vw;}
	.pop_cont{padding: 7.69vw 2.81vw 7.69vw 4.21vw;}
	.pop_cont .scroll{max-height: 116.92vw; padding-right: 1.4vw;}
	.pop_cont .coupon{gap: 2.56vw;}
	.pop_cont .coupon .item{padding: 3.85vw 5.64vw; border-radius: 3.85vw; flex-direction: column; align-items: flex-start; gap: 3.26vw;}
	.pop_cont .coupon .item dl dt{font-size: 4.17vw; letter-spacing: -0.08vw; margin-bottom: 0.64vw;}
	.pop_cont .coupon .item .apply{padding: 0.91vw 2.56vw 1.17vw 2.56vw;}

	/* order confirmation */
	.order .left .date_box{padding: 5.13vw 5.64vw; border-radius: 3.85vw;}
	.order .left .date_box dl dt{font-size: 4.21vw; letter-spacing: -0.08vw; margin-bottom: 2.60vw;}
	.order .left .box{border-radius: 3.85vw;}
	.order .left .box .title{padding: 4.85vw 5.41vw;}
	.order .left .box .title strong{font-size: 4.21vw; letter-spacing: -0.08vw;}
	.order .left .box .title .info{gap: 1.92vw;}
	.order .left .box .title .info .line{height: 1.92vw;}
	.order .left .box .cont{padding: 6.41vw 5.41vw;}
	.order .left .box1 .cont .info{gap: 3.85vw; align-items: flex-start;}
	.order .left .box1 .cont .img{width: 12.82vw; height: 12.82vw;}
	.order .left .box1 .cont dl dt{font-size: 4.17vw; letter-spacing: -0.08vw; margin-bottom: 2.10vw;}
	.order .left .box1 .cont dl dd{gap: 0.5vw; flex-direction: column;}
	.order .left .box1 .cont .price{font-size: 4.17vw; letter-spacing: -0.08vw;}
	.order .left .total{margin-top: 5.21vw; gap: 7.11vw;}
	.order .left .total .desc{padding: 3.3vw 5.85vw; line-height: 1.4;}
	.order .left .total .calc{width: 100%;}
	.order .left .total .calc p + p{margin-top: 3.26vw;}
	.order .left .total .calc p.point{font-size: 4.21vw;}
	.order .left .total .calc .line{margin: 4.21vw 0;}
	.order .left .box2 .cont{gap: 5.11vw;}
	.order .left .box2 .cont strong.point{font-size: 4.17vw; letter-spacing: -0.08vw;}
	.order .left .box2 .cont .info dt{font-size: 4.17vw; letter-spacing: -0.08vw; margin-bottom: 2.30vw;}
	.order .left .box2 .cont .edit{padding: 1.27vw 2.96vw 1.17vw;}
	.order .left .box2 .cont .method .card{gap: 1.92vw;}
	.order .left .box2 .cont .method .card img{height: 5.11vw;}
	.order .left .box2 .cont .method .card span{font-size: 3.13vw; letter-spacing: -0.08vw;}

}