/* 둥근모서리 타입 START */
.btn_round_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.btn_round_wrapper button {
    width: 4rem;
    height: 4rem;
    box-sizing: border-box;
    border: 1px solid var(--color-border-mideum);
    border-radius: 0.4rem;
}
.btn_round_wrapper button.on {
	border: 2px solid var(--color-primary);
}
.btn_round_wrapper button img {
    width: 1.4rem;
    height: 1.4rem;
}
.btn_round_wrapper button:nth-child(2) img {
 //   transform: rotate(180deg);
}
.btn_round_wrapper button:nth-child(3) img {
    transform: rotate(90deg);
}
.btn_round_wrapper button:nth-child(4) img {
    transform: rotate(270deg);
}
.btn_round_wrapper button:nth-child(5) img {
    transform: rotate(180deg);
}
/* 둥근모서리 타입 END */

/* 디자인 타입 START */
.btn_design_wrapper {
    margin: 1.2rem auto;
	width: 100%;
	display: flex;
	justify-content: center;
    flex-direction: row;
	gap: 1rem;
}
.btn_design_wrapper button {
    flex-basis: 16rem;
    height: 4rem;
    color: var(--color-disabled);
    font-size: var(--font-size-x-small);
    background-color: #fff;
    box-sizing: border-box;
}
.btn_design_wrapper button.on {
    color: var(--color-primary);
    font-weight: var(--font-w-mid);
	border: 2px solid var(--color-primary);
}
/* 디자인 타입 END */

/* 게시판 리스트 START */
.board_list ul {
    border-top: 2px solid #000;
}
.board_list ul li {
    padding: 1.6rem 2rem;
    width: calc(100% - 4rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    border-bottom: 0.1rem solid #e5e5e5;
}
.board_list ul li .title {
    flex-basis: calc(100% - 10rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 1rem;
}
.board_list ul li .new::after {
    content: '';
    display: block;
    width: 2rem;
	height: 2rem;
    border-radius: 0.2rem;
	background:url("../images/common/icon_new.svg") center center / 1rem no-repeat var(--color-point);
}
.board_list ul li .date {
    flex-basis: 8rem;
    text-align: center;
    color: var(--color-font-sub);
}
.board_list ul li span a {
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.board_list ul li span a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .board_list ul li {
        padding: 1.6rem 0;
        width: 100%;
    }
    .board_list ul li span a {
        padding: 0.5rem 0;
        width: auto;
        display: block;
        line-height: 1.7;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .board_list ul li span a:hover {
        text-decoration: none;
    }
}
/* 게시판 리스트 END */


/* 게시판 네비게이션 START */
.page_nav ul {
    text-align: center;
}
.page_nav ul li {
    margin: 0 0.2rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    color: var(--color-font-sub);
    cursor: pointer;
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
}
.page_nav ul li:hover {
    text-decoration: underline;
    transition: 0.2s;
	transition-timing-function: ease-out;
}
.page_nav ul li.current {
    color: var(--color-primary);
    font-weight: var(--font-w-mid);
}
.page_nav ul li.first {
    border: 0.1rem solid #ddd;
    box-sizing: border-box;
    background-image:url("../images/common/icon_nav_first.svg");
}
.page_nav ul li.first:hover {
    color: #fff;
    background-color: var(--color-primary);
    background-image:url("../images/common/icon_nav_first_hover.svg");
}
.page_nav ul li.prev {
    margin-right: 1rem;
    border: 0.1rem solid #ddd;
    box-sizing: border-box;
    background-image:url("../images/common/icon_nav_prev.svg");
}
.page_nav ul li.prev:hover {
    color: #fff;
    background-color: var(--color-primary);
    background-image:url("../images/common/icon_nav_prev_hover.svg");
}
.page_nav ul li.next {
    margin-left: 1rem;
    border: 0.1rem solid #ddd;
    box-sizing: border-box;
    background-image:url("../images/common/icon_nav_next.svg");
}
.page_nav ul li.next:hover {
    color: #fff;
    background-color: var(--color-primary);
    background-image:url("../images/common/icon_nav_next_hover.svg");
}
.page_nav ul li.last {
    border: 0.1rem solid #ddd;
    box-sizing: border-box;
    background-image:url("../images/common/icon_nav_last.svg");
}
.page_nav ul li.last:hover {
    color: #fff;
    background-color: var(--color-primary);
    background-image:url("../images/common/icon_nav_last_hover.svg");
}

@media screen and (max-width: 768px) {
    .page_nav ul {
        display: flex;
        justify-content: space-between;
    }
}
/* 게시판 네비게이션 END */


/* 주문내역 폼 START */
.order_info_list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.order_info_list>li {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
}
.order_info_list li>div {
    display: flex;
    gap: 4rem;
}
.order_info_list li .top {
    margin-bottom: 1rem;
}
.order_info_list li .top .order_info_top {
    display: flex;
    flex-basis: calc(100% - 10rem);
    justify-content: space-between;
}
.order_info_list li .order_info_wrapper {
    flex-basis: calc(100%);
}
.order_info_list li .order_info_wrapper .column_wrapper {
    display: flex;
    justify-content: space-between;
}
.order_info_list li div .column01 {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.order_info_list li div .column02 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.order_info_list li div .column03 {
    display: flex;
    align-items: center;
}
.order_info_list li div .column03 span {
    width: 8rem;
    text-align: center;
    color: var(--color-font-sub);
}
.order_info_list li .order_date {
    font-weight: var(--font-w-mid);
}
.order_info_list li .order_info {
    gap: 4rem;
    font-weight: var(--font-w-regular);
}
.order_info_list li .order_info>p {
    display: flex;
    gap: 1rem;
}
.order_info_list li .order_info>p>span .order_num {
    text-decoration: underline;
}
.order_info_list li .order_info>p>span .order_num:hover {
    color: var(--color-primary);
}
.order_info_list li .order_info>p>span:nth-child(1) {
    color: var(--color-font-sub);
}
.order_info_list li .order_total_price {
    gap: 1rem;
}
.order_info_list li .order_total_price {
    font-weight: var(--font-w-mid);
}
.order_info_list li .order_total_price strong {
    font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
    .order_info_list li .top {
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--color-border-mideum);
    }
    .order_info_list li .order_info_wrapper {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .order_info_list li .order_info_container .column01 {
        flex-direction: column;
        align-items: flex-start;
    }
    .order_info_list li .order_info {
        gap: unset;
    }
    .order .bottom_btn_wrapper button:nth-child(1) {
        display: none;
    }
}

@media screen and (max-width: 599px) {
    .order_info_list li>div {
        gap: 2rem;
    }
    .order_info_list li .top .order_info_top {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media screen and (max-width: 479px) {
    .order_info_list li>div {
        gap: 1rem;
    }
    .order_info_list li .top {
        flex-direction: column;
    }
    .order_info_container {
        flex-direction: column;
    }
    .order_info_list li .order_info_wrapper .column_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .order_info_list li div .column03 span {
        text-align: left;
    }
}
/* 주문내역 폼 END */


/* 회사소개 START */
.company .section + .section {
    margin-top: 14rem;
}

.company .section_title {
    margin-bottom: 3rem;
    font-size: var(--font-size-xxx-large);
    font-weight: var(--font-w-bold);
    line-height: 1.2;
}
.company .text {
    margin: 3rem 0;
    color: #555;
    font-size: 1.7rem;
    font-weight: var(--font-w-regular);
}

.company .overview .content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4rem;
}
.company .overview .text {
    margin: 0 0 3rem 0;
    flex-basis: 70%;
}
.company .overview .img_container {
    flex-basis: 30%;
}
@media screen and (max-width: 768px) {
    .company .overview .content {
        flex-wrap: wrap;
    }
    .company .overview .text {
        flex-basis: 100%;
    }
    .company .overview .img_container {
        flex-basis: 80%;
    }
}

.company .vision .content ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4rem;
}
.company .vision .content ul li {
    flex-basis: calc((100% - 12rem) / 4);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}
.company .vision .content ul li .title {
    color: var(--color-font-basic);
    font-size: var(--font-size-small);
    font-weight: var(--font-w-mid);
}
.company .vision .content ul li img {
    width: 10rem;
}
.company .vision .content ul li p {
    font-size: var(--font-size-x-small);
    color: var(--color-font-sub);
    text-align: center;
}
@media screen and (max-width: 768px) {
    .company .vision .content ul li {
        flex-basis: calc((100% - 4rem) / 2);
    }
}

.company .partner .content ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.company .partner .content ul li {
    flex-basis: calc((100% - 10rem) / 6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    border: 4px solid var(--color-bg-light);
    box-sizing: border-box;
}
.company .partner .content ul li .title {
    color: var(--color-font-basic);
    font-size: var(--font-size-small);
    font-weight: var(--font-w-mid);
    text-align: center;
}
.company .partner .content ul li .img_container .img_wrapper {
    background: unset;
}
@media screen and (max-width: 768px) {
    .company .partner .content ul li {
        flex-basis: calc((100% - 8rem) / 4);
    }
}
@media screen and (max-width: 479px) {
    .company .partner .content ul li {
        flex-basis: calc((100% - 2rem) / 2);
    }
}

.company .contact .content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}
.company .contact .content .info {
    flex-basis: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}
.company .contact .content .info li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.company .contact .content .info li span:nth-child(1) {
    flex-basis: 8rem;
    color: var(--color-font-sub);
}
.company .contact .content .info li span:nth-child(2) {
    flex-basis: calc(100% - 8rem);
}
.company .contact .content .info li::before {
    content: '';
    margin-right: 1.6rem;
    width: 3rem;
    height: 3rem;
}
.company .contact .content .info li.address::before {
    background:url("../images/company/icon_location.svg") center center / 100% no-repeat;
}
.company .contact .content .info li.tel::before {
    background:url("../images/company/icon_tel.svg") center center / 100% no-repeat;
}
.company .contact .content .info li.mail::before {
    background:url("../images/company/icon_mail.svg") center center / 100% no-repeat;
}
.company .map {
    flex-basis: 50%;
}
.company .map .root_daum_roughmap_landing {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .company .contact .content {
        flex-wrap: wrap;
    }
    .company .contact .content .info {
        flex-basis: 100%;
    }
    .company .map {
        flex-basis: 100%;
    }
    .company .map .root_daum_roughmap_landing {
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .company .contact .content .info {
        gap: 2rem;
    }
    .company .contact .content .info li {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .company .contact .content .info li span:nth-child(2) {
        flex-basis: 100%;
    }
}
/* 회사소개 END */


/* 상품상세 START */
.product .content_inner {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    gap: 4rem;
}
.product .content_inner .left_content {
    max-width: 40%;
}
.product .content_inner .right_content {
    max-width: 50%;
}
.product .content_inner .right_content h6 {
    margin-bottom: 3rem;
}
.detail_slide {
    margin-bottom: 10px;
}
.product .detail_slide .img_container .img_wrapper {
	background: url("../images/common/not_img.svg") center / 40% no-repeat var(--color-bg-light);
}
.thumb_slide .img_container .img_wrapper {
	background: url("../images/common/not_img.svg") center / 40% no-repeat var(--color-bg-light);
}
.thumb_slide .icon .img_wrapper {
    background: var(--color-bg-light);
}
.thumb_slide .icon img {
    object-fit: unset;
    width: 50%;
}
.thumb_slide .swiper-slide {
    box-sizing: border-box;
    border: 2px solid #fff;
    cursor: pointer;
}
.thumb_slide .swiper-slide-thumb-active {
    border-color:  var(--color-primary);
}
.dt_cehck {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.product .total_price {
    margin-top: 2rem;
}
.product .bottom_btn_wrapper button {
    flex-basis: 50%;
}
@media screen and (max-width: 768px) {
    .product .content_inner {
        flex-direction: column;
    }
    .product .content_inner .left_content, .product .content_inner .right_content {
        max-width: 100%;
    }
    .product .content_inner .left_content {
        max-width: 90%;
		margin: auto;
    }
    .product .total_price {
        margin-top: -1rem;
    }
}
/* 상품상세 END */

/* 상품상세 - 디자인타입(4번째 슬라이드) START */
.product .detail_slide .img_container .type_preview {
    background: var(--color-bg-light);
}
.type_preview>div {
    padding: 0 6%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}
/* 상품상세 - 디자인타입(4번째 슬라이드) END */


/* 장바구니 START */
.cart_list ul {
    border-top: 2px solid #222;
}
.cart_list ul li {
    padding: 1.6rem 2rem;
    width: calc(100% - 4rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.1rem solid #e5e5e5;
}
.cart_list ul li>div {
    text-align: center;
    flex-basis: max-content;
}
.cart_list ul li>div .title {
    display: none;
}
.cart_list ul li>div a {
    margin-left: 0.6rem;
    display: inline;
    color: var(--color-primary);
    text-decoration: underline;
    font-weight: var(--font-w-mid);
    cursor: pointer;
}
.cart_list ul li>div:nth-child(1) {
    flex-basis: 10rem;
    text-align: left;
}
.cart_list ul li>div:nth-child(2) {
    flex-basis: 10rem;
}
.cart_list ul li>div:nth-child(3) {
    flex-basis: 10rem;
}
.cart_list ul li>div:nth-child(4) {
    flex-basis: 6rem;
}
.cart_list ul li>div:nth-child(5) {
    flex-basis: 6rem;
}
.cart_list ul li>div:nth-child(6) {
    flex-basis: 12rem;
}
.cart_list ul li>div:nth-child(7) {
    flex-basis: 12rem;
}
.cart_list ul li>div:nth-child(8) {
    flex-basis: 10rem;
}
.cart_list ul li>div:nth-child(9) {
    flex-basis: 8rem;
}
.cart_list ul li:nth-child(1) {
    font-weight: 400;
    background-color: var(--color-bg-light);
}
.cart_list ul li:nth-child(1) div:nth-child(2) {
    text-align: center;
}
.cart_list ul li:not(:first-child)>div:nth-child(9) {
    color: var(--color-font-sub);
}

@media screen and (max-width: 768px) {
    .cart_list ul {
        display: flex;
        flex-direction: column;
        border-top: unset;
    }
    .cart_list ul li {
        padding: 0;
        width: 100%;
        border-bottom: unset;
    }
    .cart_list ul li:nth-child(1) + li:nth-child(2) {
        margin-top: unset;
    }
    .cart_list ul li + li {
        margin-top: 4rem;
    }
    .cart_list ul li:nth-child(1) {
        background-color: unset;
    }
    .cart_list ul li:nth-child(1) div:nth-child(1) .checkbox_wrapper {
        padding: 1rem 0;
    }
    .cart_list ul li:nth-child(1) div:not(:first-child) {
        display: none;
    }
    .cart_list ul li>div {
        display: table;
        width: 100%;
        text-align: left;
        align-items: center;
        border-bottom: 1px solid var(--color-border-mideum);
        gap: 1rem;
    }
    .cart_list ul li>div .title {
        padding: 1rem;
        font-weight: var(--font-w-regular);
        display: table-cell;
        width: 8rem;
        vertical-align: middle;
        background: var(--color-bg-light);
    }
    .cart_list ul li>div span {
        padding: 0 1rem;
        display: table-cell;
        width: calc(100% - 10rem);
        vertical-align: middle;
    }
    .cart_list ul li:not(:first-child) {
        flex-direction: column;
    }
    .cart_list ul li:not(:first-child) div:nth-child(1) {
        border-top: 2px solid #000;
    }
    .cart_list ul li>div:nth-child(1) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(2) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(3) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(4) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(5) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(6) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(7) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(8) {
        flex-basis: auto;
    }
    .cart_list ul li>div:nth-child(9) {
        flex-basis: auto;
    }
    .cart_list ul li:not(:first-child)>div:nth-child(9) {
        color: unset;
    }
    .cart_list ul li>div:nth-child(9) span:nth-child(2) {
        color: var(--color-font-sub);
    }

    .cart_list ul li:not(:first-child) div input[type=checkbox] + label,
    .cart_list ul li:not(:first-child) div input[type=radio] + label {
        padding: 0.6rem 0 0.6rem 0rem;
        width: 100%;
        background: url("../images/common/icon_check_off.svg") right/2.4rem no-repeat;
    }
    .cart_list ul li:not(:first-child) div input[type=checkbox]:checked + label,
    .cart_list ul li:not(:first-child) div input[type=radio]:checked + label {
        background: url("../images/common/icon_check_on.svg") right/2.4rem no-repeat;
    }
}

.cart .bottom_btn_wrapper {
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .cart .bottom_btn_wrapper div {
        display: flex;
        gap: 1rem;
    }
    .cart .bottom_btn_wrapper button {
        width: 50%;
    }
    .cart .bottom_btn_wrapper div:nth-child(1) {
        display: none;
    }
    .cart .bottom_btn_wrapper div:nth-child(2) {
        width: 100%;
    }
}
/* 장바구니 END */


/* 주문 START */
.order_container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.order_container .order_content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
}
.order_container .order_content .order_info_container {
    display: flex;
    gap: 4rem;
}
.order_container .order_content .order_info_container .order_info_wrapper {
    flex-basis: calc(100%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.order_container .order_content .order_info_container .order_info_wrapper .order_price {
    font-weight: var(--font-w-regular);
}
.order_container .order_content .order_info_container .order_info_wrapper .column_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}
.order_container .order_content .order_info_container .column01 {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-basis: calc(100% - 12rem);
}
.order_container .order_content .order_info_container .column02 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 12rem;
}
.order_container .order_content .order_info_container .column03 {
    display: flex;
    align-items: center;
}
.order_container .order_content .order_info_container .column03 span {
    width: 10rem;
    text-align: right;
}
.order_container .order_content .order_info_container .column03 span strong {
    font-size: 1.8rem;
}
.order_container .order_content .delivery_container .column01 {
    align-items: flex-start;
    flex-direction: column;
}
.order_container .order_content .delivery_container .column01 .not_delivery_add {
    align-items: flex-start;
    flex-direction: column;
}
.order_container .order_content .delivery_container .column01 .not_delivery_add strong {
    color: var(--color-point);
    font-weight: var(--font-w-mid);
}
@media screen and (max-width: 768px) {
    .order_container .order_content .order_info_container .order_info_wrapper {
        flex-basis: calc(100%);
        gap: 2rem;
    }
    .order_container .order_content .delivery_container .column01 {
        align-items: flex-start;
        flex-direction: column;
    }
    .order_container .order_content .order_info_container .column03 {
        justify-content: flex-end;
    }
}
@media screen and (max-width: 599px) {
    .order_container .order_content .order_info_container {
        flex-direction: column;
        gap: 2rem;
    }
    .order_container .order_content .order_info_container .order_info_wrapper .column_wrapper {
        flex-direction: unset;
        align-items: center;
        gap: unset;
    }
    .order_container .order_content .order_info_container .column03 {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid var(--color-border-mideum);
    }
}

@media screen and (max-width: 380px) {
    .order_container .order_content .order_info_container .order_info_wrapper .column_wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .order_container .order_content .order_info_container .column02 {
        width: 100%;
        flex-basis: unset;
        justify-content: flex-start;
    }
    .order_container .order_content .order_info_container .column02 button {
        margin-top: 1rem;
    }
}

.use_point_container, .pay_info_container, .tax_info_container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.order_content .form_container .form_wrapper label {
    flex-basis: 16rem;
}
.order_content .form_container .form_wrapper .input_wrapper {
    flex-basis: calc(100% - 16rem);
}
.use_point_container .form_wrapper .input_wrapper {
    display: flex;
    gap: 1rem;
}
.use_point_container .form_wrapper .input_wrapper input {
    width: 20rem;
}
.use_point_container .form_wrapper .input_wrapper span {
    width: 100%;
}

.tab_pay_type {
    width: 100%;
    display: flex;
    margin: 2rem 0;
    gap: 2rem;
}
.tab_pay_type li {
    padding: 3rem 0;
    min-width: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.tab_pay_type li::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 4px solid var(--color-border-light);
    box-sizing: border-box;
}
.tab_pay_type li:hover::before {
    border: 4px solid var(--color-primary);
}
.tab_pay_type li.on {
/*	border-color: var(--color-primary);*/
    border: 4px solid var(--color-primary);
}
.tab_pay_type li img {
    max-width: 80%;
}
.order_content .form_container .form_wrapper .input_wrapper .depositor {
    width: 17rem
}
.tax_info_container .form_wrapper .txb_change_btn_wrapper {
    display: flex;
    gap: 1rem;
}
@media screen and (max-width: 768px) {
    .tab_pay_type li {
        min-width: unset;
        flex-basis: calc(100% /3);
    }
}
@media screen and (max-width: 599px) {
    .tab_pay_type {
        margin: unset;
    }
    .use_point_container .form_wrapper .input_wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .use_point_container .form_wrapper .input_wrapper input {
        width: calc(100% - 2rem);
    }
    .use_point_container, .pay_info_container, .tax_info_container {
        gap: 3rem;
    }
    .order_content .form_container .form_wrapper .input_wrapper .depositor {
        width: 100%;
    }
    .order_content .form_container .form_wrapper label {
        flex-basis: 100%;
    }
    .order_content .form_container .form_wrapper .input_wrapper {
        flex-basis: 100%;
    }
}

.order .bottom_btn_wrapper {
    justify-content: space-between;
}
.order .bottom_btn_wrapper div {
    display: flex;
    gap: 1rem;
}
@media screen and (max-width: 768px) {
    .order .bottom_btn_wrapper div {
        display: flex;
        gap: 1rem;
    }
    .order .bottom_btn_wrapper button {
        width: 100%;
        flex-basis: 100%;
    }
    .order .bottom_btn_wrapper div:nth-child(1) {
        display: none;
    }
    .order .bottom_btn_wrapper div:nth-child(2) {
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .tab_pay_type {
        flex-wrap: wrap;
    }
    .tab_pay_type li {
        min-width: unset;
        flex-basis: calc((100% - 2rem) /2);
    }
}
/* 주문 END */


/* 주문완료 START */
.order_complete .text_box {
    padding: 2rem;
    text-align: center;
    border-radius: var(--size-radius-mid);
    background-color: var(--color-bg-light);
}
.order_complete .text_box .title {
    margin: 1rem 0;
    font-size: var(--font-size-mid);
    font-weight: var(--font-w-mid);
    text-align: center;
    color: var(--color-primary);
}
.order_complete .text_box .bank_info {
    margin: 1rem 0;
    color: #555;
}
.order_complete .text_box .bank_info p:nth-child(2) {
    font-weight: var(--font-w-mid);
}
.order_complete .text_box .bank_info strong {
    color: var(--color-point);
    font-weight: var(--font-w-mid);
}
.order_complete .text_box .text {
    margin: 1rem 0;
    color: #555;
    font-weight: var(--font-w-regular);
}
/* 주문완료 END */


/* 마이페이지 START */
.two_column {
    background-color: var(--color-bg-light);
}
.two_column .content_inner {
    display: flex;
    gap: 4rem;
}
.two_column .left_content, .two_column .right_content {
    padding: 2rem;
    border-radius: var(--size-radius-mid);
    background-color: #fff;
}
.two_column .left_content {
    height: max-content;
    flex-basis: 18rem;
    display: flex;
    flex-direction: column;
}
.two_column .left_content h4 {
    padding-bottom: 1.6rem;
}
.two_column .left_content .menu {
    padding: 1.6rem 0;
    border-top: 1px solid var(--color-border-mideum);
    border-bottom: 1px solid var(--color-border-mideum);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.two_column .left_content .menu li a {
    font-size: 1.7rem;
    color: var(--color-font-sub);
}
.two_column .left_content .menu li.on a {
    color: var(--color-primary);
    font-weight: var(--font-w-mid);
}
.two_column .left_content .center {
    padding: 1.6rem 0;
}
.two_column .left_content .center p {
    color: var(--color-font-sub);
}
.two_column .left_content .center p strong {
    color: var(--color-font-basic);
    font-weight: var(--font-w-mid);
}
.two_column .left_content .center p:nth-child(1) {
    margin-bottom: 0.4rem;
}
.two_column .right_content {
    padding: 2rem 3rem 3rem 3rem;
    flex-basis: 100%;
}
@media screen and (max-width: 960px) {
    .two_column {
        padding-top: unset;
    }
    .two_column .content_inner {
        flex-direction: column;
    }
    .two_column .content_inner h4 {
        display: none;
    }
    .two_column .left_content {
        padding: 0 2rem;
        margin-left: -2rem;
        width: 100%;
        flex-basis: unset;
        border-radius: unset;
    }
    .two_column .left_content .menu {
        flex-direction: row;
        border-top: unset;
        border-bottom: unset;
        justify-content: space-between;
        gap: 2rem;
    }
    .two_column .left_content .center {
        display: none;
    }
    .two_column .right_content {
        padding: 2rem;
        margin-left: -2rem;
        width: 100%;
        border-radius: unset;
    }
}
/* 마이페이지 END */


/* 마이페이지 주문내역 상세 START */
.order_step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.order_step li {
    padding: 2rem 1rem;
    height: 13rem;
    flex-basis: calc(100% / 6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    background: var(--color-bg-highlight);
    border-radius: var(--size-radius-mid);
    position: relative;
}
.order_step li::before {
    content: '';
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    background:url("../images/mypage/icon_step_bg.svg") center center / 2.4rem no-repeat var(--color-primary);
    border-radius: var(--size-radius-full);
}
.order_step li.disable::before {
    display: none;
}
.order_step li.disable .top_img_wrapper {
    opacity: .3;
}
.order_step li.disable .date {
    display: none;
}
.order_step li .top_img_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}
.order_step li .top_img_wrapper img {
    width: 4.6rem;
}
.order_step li .date {
    color: var(--color-font-sub);
    line-height: 1.2;
    text-align: center;
}
.order_container .order_content .point_container .column01 {
    flex-basis: calc(100% - 22rem);
    align-items: flex-start;
    flex-direction: column;
}
.order_container .order_content .point_container .column01 p {
    width: 100%;
    display: flex;
    gap: 1rem;
}
.order_container .order_content .point_container .column01 p span:nth-child(1) {
    flex-basis: 8rem;
}
.order_container .order_content .point_container .column02 {
    flex-basis: 18rem;
    cursor: pointer;
    align-items: flex-end;
}
.order_container .order_content .point_container .column02 .bill_type_wrapper {
    display: flex;
    gap: 1rem;
}
.order_container .order_content .point_container .column02 .bill_type_wrapper .bill_type {
    text-decoration: underline;
}
.order_container .order_content .point_container .column02 .tip .tip_text_box {
    width: 28rem;
    top: 3rem;
    left: unset;
    right: 0;
}
.order_container .order_content .point_container .column02 .tip .tip_text_box .bill_info {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.order_container .order_content .point_container .column02 .tip .tip_text_box .bill_info p {
    display: flex;
}
.order_container .order_content .point_container .column02 .tip .tip_text_box .bill_info p span:first-child {
    flex-basis: 10rem;
}
@media screen and (max-width: 768px) {
    .order_step {
        flex-wrap: wrap;
    }
    .order_step li {
        flex-basis: calc((100% - 8rem) / 3);
    }
    .order_container .order_content .point_container .column01 {
        align-items: flex-start;
        flex-direction: column;
    }
    .mypage_order_detail .bottom_btn_wrapper div:nth-child(1)  {
        flex-basis: 33%;
    }
    .mypage_order_detail .bottom_btn_wrapper div:nth-child(2)  {
        flex-basis: 66%;
    }
    .mypage_order_detail .bottom_btn_wrapper button {
        flex-basis: 100%;
    }
}
@media screen and (max-width: 599px) {
    .order_container .order_content .point_container .order_info_wrapper .column_wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    .order_container .order_content .point_container .column01 {
        width: 100%;
    }
    .order_container .order_content .point_container .column02 {
        width: 100%;
        flex-basis: auto;
    }
}
@media screen and (max-width: 479px) {
    .order_step li {
        flex-basis: calc((100% - 5rem) / 2);
    }
    .order_container .order_content .point_container .order_info_wrapper .column_wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    .order_container .order_content .point_container .column01 {
        gap: 1rem;
    }
    .order_container .order_content .point_container .column01 p {
        flex-direction: column;
        gap: unset;
    }
    .order_container .order_content .point_container .column01 p span:nth-child(1) {
        flex-basis: unset;
    }
}
/* 마이페이지 주문내역 상세 END */


/* 마이페이지 내디자인 START */
.design_list_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.design_list_box li {
    flex-basis: calc((100% - 8rem) / 5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.design_list_box li:hover::before {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/common/icon_search.svg") center / 3rem no-repeat rgba(0, 0, 0, 0.7);
    border-radius: var(--size-radius-small);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
@media screen and (max-width: 768px) {
    .design_list_box {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .design_list_box li {
        max-width: unset;
        max-height: unset;
        flex-basis: calc((100% - 6rem) / 4);
    }
}
@media screen and (max-width: 599px) {
    .design_list_box li {
        flex-basis: calc((100% - 4rem) / 3);
    }
}
@media screen and (max-width: 479px) {
    .design_list_box li {
        flex-basis: calc((100% - 2rem) / 2);
    }
}
/* 마이페이지 내디자인 END */


/* 마이페이지 내디자인 상세 START */
.design_detail_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.design_detail_box li {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.design_info {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
    gap: 2rem;
}
.design_info p {
    flex-basis: calc(100% - 8rem);
}
@media screen and (max-width: 768px) {
    .design_detail_box {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .design_detail_box li {
        max-width: unset;
        max-height: unset;
        flex-basis: calc((100% - 2rem) / 2);
    }
}
@media screen and (max-width: 380px) {
    .design_info {
        flex-wrap: wrap;
    }
    .design_info p {
        flex-basis: 100%;
    }
    .design_info button {
        flex-basis: 100%;
    }
}
/* 마이페이지 내디자인 상세 END */


/* 마이페이지 내디자인 상세 START */
.guide_text_box .member_leave {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.guide_text_box .member_leave button {
    height: 4rem;
    font-size: var(--font-size-x-small);
    box-sizing: border-box;
}
@media screen and (max-width: 380px) {
    .guide_text_box .member_leave {
        flex-wrap: wrap;
    }
    .guide_text_box .member_leave p {
        flex-basis: 100%;
    }
    .guide_text_box .member_leave button {
        flex-basis: 100%;
    }
}
/* 마이페이지 내디자인 상세 END */


/* 마이페이지 - 내정보 START */
.myinfo .form_container {
    gap: 2rem;
}
.myinfo .form_container .form_wrapper {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--color-border-mideum);
}
.myinfo .form_container .form_wrapper:last-child {
    border-bottom: unset;
}
/* 마이페이지 - 내정보 END */


/* 고객센터 공지사항 상세 START */
.notice .notice_top {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border-bottom: 1px solid var(--color-border-mideum);
}
.notice .notice_top .title {
    flex-basis: calc(100% - 18rem);
    font-size: var(--font-size-small);
    font-weight: var(--font-w-mid);
}
.notice .notice_top .title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: default;
}
.notice .notice_top .date {
    flex-basis: 16rem;
    color: var(--color-font-sub);
    font-size: 1.8rem;
}
.notice .main_text {
    margin: 2rem 0;
}
.notice .main_text p {
    margin: 1rem 0;
}
.notice .main_text .img_box {
    margin: 3rem 0;
}
@media screen and (max-width: 768px) {
    .notice .notice_top {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: unset;
    }
    .notice .notice_top .title a {
        padding: 0.5rem 0;
        width: auto;
        display: block;
        line-height: 1.7;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .notice .notice_top .date {
        flex-basis: auto;
    }
}
/* 고객센터 공지사항 상세 END */


/* FAQ START */
.faq_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
}
.faq_list li {
    padding: 2rem;
    width: calc(100% - 4rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    cursor: pointer;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
}
.faq_list li .question, .faq_list li .answer {
    display: flex;
    align-items: baseline;
    gap: 1rem;
}
.faq_list li .text_wrapper {
    flex-basis: calc(100% - 5rem);
}
.faq_list li .text_wrapper strong {
    color: var(--color-point);
}
.faq_list li .question .text_wrapper {
    font-size: 1.7rem;
}
.faq_list li .answer .text_wrapper {
    color: #555;
}
.faq_list li .answer .text_wrapper p {
    margin: 1rem 0;
}
.faq_list li .question::before {
    content: 'Q';
    width: 3rem;
    height: 3rem;
    color: #fff;
    border-radius: var(--size-radius-full);
    background: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq_list li .answer::before {
    content: 'A';
    width: 3rem;
    height: 3rem;
    color: #fff;
    border-radius: var(--size-radius-full);
    background: var(--color-point);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* FAQ END */


/* 1:1문의 START */
.inquiry_top {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
    gap: 2rem;
}
.inquiry_top p {
    flex-basis: calc(100% - 8rem);
}
.inquiry .board_list ul li .title {
    flex-basis: calc(100% - 20rem);
}
.inquiry .board_list ul li .date_wrapper {
    flex-basis: 18rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.inquiry .board_list ul li .status {
    flex-basis: 8rem;
    text-align: center;
    color: var(--color-font-sub);
}
.inquiry .board_list ul li .status p {
    padding: 0.2rem 0;
    color: #bbb;
    font-weight: var(--font-w-mid);
}
.inquiry .board_list ul li .complete p {
    color: var(--color-primary);
}
@media screen and (max-width: 768px) {
    .inquiry .board_list ul li {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: unset;
    }
    .inquiry .board_list ul li .date_wrapper {
        width: 100%;
        flex-basis: unset;
    }
    .inquiry .board_list ul li .date_wrapper .status {
        text-align: left;
    }
    .inquiry .board_list ul li .date_wrapper .date {
        text-align: right;
    }
}
/* 1:1문의 END */


/* 1:1문의 상세 START */
.inquiry .notice_top {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.inquiry .notice_top .title {
    flex-basis: calc(100% - 18rem);
    font-size: var(--font-size-small);
    font-weight: var(--font-w-mid);
}
.inquiry .notice_top .title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: default;
}
.inquiry .notice_top .date {
    flex-basis: 16rem;
    color: var(--color-font-sub);
    font-size: 1.8rem;
}
.inquiry .main_text p {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
    gap: 2rem;
}
.inquiry .wrapper + .wrapper {
    margin-top: 4rem;
}
.inquiry .answer .notice_top .title {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.inquiry .answer .notice_top .title::before {
    content: 'RE';
    width: 3rem;
    height: 3rem;
    color: #fff;
    font-size: var(--font-size-x-small);
    background-color: var(--color-point);
    border-radius: var(--size-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .inquiry .notice_top {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: unset;
    }
    .inquiry .notice_top .title a {
        padding: 0.5rem 0;
        width: auto;
        display: block;
        line-height: 1.7;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .inquiry .notice_top .date {
        flex-basis: auto;
    }
}
/* 1:1문의 상세 END */


/* 이용약관 START */
.terms .text_container {
	color: #555;
    font-size: 1.6rem;
}
.terms .text_container h1 {
	margin: 1rem 0;
	color: #333;
	font-size: 3.8rem;
	font-weight: 700;
	text-align: unset;
	letter-spacing: -0.1rem;
}
.terms .text_container h2 {
	margin: 1rem 0;
	color: var(--color-primary);
	font-size: 3rem;
	font-weight: 700;
	text-align: unset;
	letter-spacing: -0.1rem;
}
.terms .text_container h3 {
	margin: 1rem 0;
	color: #333;
	font-size: 2rem;
	font-weight: 700;
	text-align: unset;
	letter-spacing: -0.1rem;
}
.terms .text_container p {
	margin: 1rem 0;
}
.terms .text_container .section + .section {
	margin-top: 12rem;
}
.terms .text_container .wrapper + .wrapper {
	margin-top: 4rem;
}
.terms .text_container ul {
	margin: 1rem 0;
}
.terms .text_container ul li {
	margin: 1rem 0;
}
.terms .text_container ul.num > li {
	margin-left: 1.4rem;
	list-style: decimal;
}
.terms .text_container ul.hyphen > li::before {
	content: '-';
    margin-right: 0.6rem;
}
.terms .text_container ul.inner_ul {
	margin: 1rem 0 1.6rem 0;
}
.terms .text_container ul.inner_ul li {
	margin-top: 0.4rem;
}
.terms .text_container .foreword {
	font-size: 1.6rem;
    font-weight: var(--font-w-mid);
}
.terms .text_container .sub_title {
    margin-top: 2rem;
	color: #222;
	font-size: 1.7rem;
	font-weight: 500;
}
.terms .text_container ul li p {
	margin: 1rem 0;
}
.terms .text_container table {
	margin: 1rem 0 2rem 0;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
    border-collapse: collapse;
}
.terms .text_container table caption {
    text-align: left;
}
.terms .text_container table th {
	color: #222;
}
.terms .text_container table th,
.terms .text_container table td {
	padding: 1rem;
}
.terms .text_container table th {
	background: var(--color-bg-highlight);
}
.terms .text_container table tbody tr:first-child th,
.terms .text_container table tbody tr:first-child td {
    border-top: 2px solid var(--color-font-basic);
}
.terms .text_container table tbody th,
.terms .text_container table tbody td {
	vertical-align: middle;
	border: 1px solid var(--color-border-mideum);
}
.terms .text_container table tbody th:first-child {
	border-left: none;
}
.terms .text_container table tbody td:last-child {
	padding-left: 2rem;
	text-align: left;
	border-right: none;
}
.terms .text_container .table_bottom_text {
	margin-top: -1rem;
}
.terms .text_container select {
	margin: 1rem 0;
	width: 30rem;
}
@media screen and (max-width: 768px) {
	.terms .text_container select {
		width: 100%;
	}
}
/* 이용약관 END */

/* EDITOR START */
.editor_column {
    background-color: var(--color-bg-light);
}
.editor_column .content_inner {
    display: flex;
    gap: 1rem;
}
.editor_column .left_content, .editor_column .right_content {
    padding: 2rem;
    border-radius: var(--size-radius-mid);
    background-color: #fff;
}
.editor_column .left_content {
    flex-basis: 184rem;
}
.editor_column .right_content {
    flex-basis: 48rem;
}
.mobile_two_row {
	display: none;
}
@media screen and (max-width: 960px) {
    .editor_column {
		display: none;
    }
	.mobile_two_row {
		display: block;
		background-color: var(--color-bg-light);
	}
	.mobile_two_row .content_inner {
		display: block;
		gap: 2rem;
	}
	.mobile_two_row .upper_content {
		flex-basis: 144rem;
	}
	.mobile_two_row .upper_content, .mobile_two_row .lower_content {
		padding-top: 1rem;
		padding-left: 2rem;
		padding-right: 2rem;
		background-color: #fff;
	}
	.mobile_two_row .lower_content {
		flex-basis: 48rem;
		display: flex;
		flex-direction: column;
	}
	.mobile_two_row .lower_content h4 {
		padding-bottom: 1.6rem;
	}
	.mobile_two_row .lower_content .menu {
		padding: 1.6rem 0;
		border-top: 1px solid var(--color-border-mideum);
		border-bottom: 1px solid var(--color-border-mideum);
		display: flex;
		flex-direction: column;
		gap: 0.4rem;
	}
	.mobile_two_row .lower_content li {
		font-size: 1.2rem;
		padding: 0.2rem 0;
		border-radius: var(--size-radius-small);
//		color: var(--color-font-sub);
		gap: 0.2rem;
	}
	.mobile_two_row .lower_content li.on {
		font-size: 2.2rem;
	}
	.mobile_two_row .lower_content .menu li a {
		font-size: 1.2rem;
		border-radius: var(--size-radius-small);
		color: var(--color-font-sub);
	}
	.mobile_two_row .lower_content .menu li.on a {
		color: var(--color-primary);
		font-weight: var(--font-w-mid);
	}
	.mobile_two_row .lower_content .center {
		padding: 1.6rem 0;
	}
	.mobile_two_row .lower_content .center p {
		color: var(--color-font-sub);
	}
	.mobile_two_row .lower_content .center p strong {
		color: var(--color-font-basic);
		font-weight: var(--font-w-mid);
	}
	.mobile_two_row .lower_content .center p:nth-child(1) {
		margin-bottom: 0.4rem;
	}
}
/* EDITOR END */


/* 팝업 - 공통 */
.modal_pop {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
	display: none;
}
.modal_pop .modal_content {
	padding: 3rem;
	margin: 0 auto;
	width: 100%;
	max-width: 60rem;
	background: #fff;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 2100;
	border-radius: var(--size-radius-mid);
}
.modal_pop .modal_content .pop_top {
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.modal_pop .modal_content .pop_top h2 {
	margin-bottom: unset;
}
.modal_pop .modal_content .pop_top .btn_pop_close {
	padding: 0;
}
.modal_pop .modal_content .pop_top .btn_pop_close img {
	width: 2.4rem;
	height: 2.4rem;
}
.modal_pop .modal_content .pop_top .btn_pop_close_ex {
	padding: 0;
}
.modal_pop .modal_content .pop_top .btn_pop_close_ex img {
	width: 2.4rem;
	height: 2.4rem;
}
.modal_pop .pop_content {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.modal_pop .title {
	margin: 1rem 0;
	font-size: 1.7rem;
	font-weight: var(--font-w-mid);
}
.modal_pop textarea {
	resize: none;
	height: 7rem;
	line-height: 1.7;
}
.modal_pop .tel_wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}
.modal_pop .tel_wrapper input {
    text-align: center;
}
.modal_pop .pop_text {
	color: #555;
	font-weight: var(--font-w-regular);
}
.modal_pop .pop_text strong {
	color: var(--color-point);
}
.modal_pop .pop_sub_text {
	margin: 1rem 0;
	color: var(--color-font-sub);
}
.modal_pop .modal_bg {
	width: 100%;
	height: 100%;
	position: fixed;
    top: 0;
    left: 0;
	background-color: rgba(0, 0, 0, 0.7)
}
.modal_pop .bottom_btn_wrapper {
    justify-content: center;
}
.modal_pop .pop_text_strong {
    margin: 1rem 0;
    font-size: var(--font-size-mid);
    font-weight: var(--font-w-mid);
    text-align: center;
    color: var(--color-primary);
}
@media screen and (max-width:768px){
	.modal_pop .modal_content {
		padding: 2rem;
		width: calc(100% - 4rem);
		max-width: 100% !important;
		border-radius: unset;
		top: unset;
		bottom: 0;
		transform: translate(-50%, -0%);
		border-top-left-radius: var(--size-radius-mid);
		border-top-right-radius: var(--size-radius-mid);
	}
	.modal_pop .modal_content .pop_top {
		height: 4rem;
	}
	.modal_pop .modal_content .pop_content {
		padding-bottom: 10rem;
		height: max-content;
		max-height: 50vh;
		overflow-x: hidden;
		overflow-y: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
	}
    .modal_pop .modal_content .pop_content::-webkit-scrollbar {
		display: none; /* Chrome, Safari, Opera*/
	}
}
/* 팝업 - 공통 */


/* 팝업 -  메시지 START */
.pop_alert .pop_content .alert_msg {
    font-size: var(--font-size-mid);
    text-align: center;
}
/* 팝업 - 메시지 END */


/* 팝업 - 로그인 START */
.pop_login .form_container .form_wrapper .login_function_wrapper {
    margin: 1rem 0rem 1rem 10rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.pop_login .form_container .form_wrapper .login_function_wrapper .text_pw_search span {
    color: var(--color-font-sub);
    text-decoration: underline;
    cursor: pointer;
}
@media screen and (max-width: 599px) {
	.pop_login .form_container .form_wrapper .login_function_wrapper {
        margin: 1rem 0;
    }
}
/* 팝업 - 로그인 END */


/* 팝업 - 회원가입 START */
.pop_join .form_container .form_wrapper label {
    flex-basis: 13rem;
}
.pop_join .form_container .form_wrapper .input_wrapper {
    width: calc(100% - 13rem);
}
/* 팝업 - 회원가입 END */


/* 팝업 - 비밀번호 찾기 START */
.pop_pw_search .pop_content {
    gap: 4rem;
}
.pop_pw_search .pop_content p {
    margin-bottom: 1rem;
}
.pop_pw_search .form_container .form_wrapper label {
    flex-basis: 13rem;
}
.pop_pw_search .form_container .form_wrapper .input_wrapper {
    width: calc(100% - 13rem);
}
.pop_pw_search .form_container .input_id_box .input_wrapper input {
    width: calc(100% - 9rem);
    font-size: var(--font-size-x-small);
}
.pop_pw_search .btn_send {
    width: 8rem;
    height: 4rem;
    font-size: var(--font-size-x-small);
}

/* 팝업 - 비밀번호 찾기 END */


/* 팝업 - 비밀번호 확인 START */
.pop_pw_confirm .title {
    color: var(--color-point);
}
/* 팝업 - 비밀번호 확인 END */


/* 팝업 - 비밀번호 변경 START */
.pop_pw_change .form_container .form_wrapper label {
    flex-basis: 13rem;
}
.pop_pw_change .form_container .form_wrapper .input_wrapper {
    width: calc(100% - 13rem);
}
/* 팝업 - 비밀번호 변경 END */


/* 팝업 - 회원탈퇴 START */
.pop_leave .section {
    text-align: center;
}
/* 팝업 - 회원탈퇴 END */


/* 팝업 - 디자인의뢰 START */
.pop_design_request .img_upload_list {
    margin: 1rem 0;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.pop_design_request .img_upload_list li {
    width: 5rem;
    height: 5rem;
    background: var(--color-bg-highlight);
    border-radius: var(--size-radius-small);
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.pop_design_request .img_upload_list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pop_design_request .img_upload_list li.btn_add_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border-mideum);
}
.pop_design_request .img_upload_list li.btn_add_wrapper img {
    width: 2rem;
    height: 2rem;
}
.pop_design_request .img_upload_list li:not(:last-child):hover::before {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../images/common/btn_img_del.svg") center /2rem no-repeat rgba(0, 0, 0, 0.7);
    border-radius: var(--size-radius-small);
    position: absolute;
    top: 0;
    left: 0;
}
.pop_design_request .request_price {
	width: 100%;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 1rem;
	font-size: 1.8rem;
	font-weight: var(--font-w-regular);
    margin-top: -2rem;
}
.pop_design_request .request_price span {
	line-height: 1;
}
.pop_design_request .request_price strong {
	font-size: 3.4rem;
	font-weight: var(--font-w-bold);
	color: var(--color-font-sub);
}
@media screen and (max-width: 768px) {
    .pop_design_request .request_price {
		justify-content: center;
        margin-top: -1rem;
    }
}
/* 팝업 - 디자인의뢰 END */

/* 팝업 - 디자인의뢰 2 START */

/* 팝업 - 디자인의뢰 2 END */

/* 팝업 - 파일업로드 START */
.pop_file_upload .form_container .form_wrapper label {
    flex-basis: 8rem;
}
.pop_file_upload .form_container .form_wrapper .input_wrapper {
    width: calc(100% - 8rem);
}
.pop_file_upload .input_wrapper {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.pop_file_upload .pop_text, .pop_file_upload .pop_sub_text {
    margin: 1rem 1rem 1rem 8rem;
}
@media screen and (max-width: 599px) {
	.pop_file_upload .pop_text, .pop_file_upload .pop_sub_text {
        margin: 1rem;
    }
}
/* 팝업 - 파일업로드 END */

/* 팝업 - 파일업로드-내주문상세 START */
.pop_file_reuploader .form_container .form_wrapper label {
    flex-basis: 8rem;
}
.pop_file_reuploader .form_container .form_wrapper .input_wrapper {
    width: calc(100% - 8rem);
}
.pop_file_reuploader .input_wrapper {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.pop_file_reuploader .pop_text, .pop_file_reuploader .pop_sub_text {
    margin: 1rem 1rem 1rem 8rem;
}
@media screen and (max-width: 599px) {
	.pop_file_reuploader .pop_text, .pop_file_reuploader .pop_sub_text {
        margin: 1rem;
    }
}
/* 팝업 - 파일업로드-내주문상세 END */


/* 팝업 - 매수변경 START */
.pop_quantity_change .form_container .form_wrapper label {
    flex-basis: 6rem;
}
.pop_quantity_change .form_container .form_wrapper .input_wrapper {
    width: calc(100% - 6rem);
}
/* 팝업 - 매수변경 END */


/* 팝업 - 시안확인 START */
.pop_design_confirm .modal_content {
    max-width: 66rem;
}
/* 팝업 - 시안확인 END */


/* 팝업 - 내디자인 보기, 주문건보기 START */
.pop_mydesign .order_info {
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    border-radius: var(--size-radius-mid);
    background-color: var(--color-bg-light);
}
.pop_mydesign .order_info .pop_text strong {
    color: var(--color-primary);
    font-weight: var(--font-w-mid);
}
.pop_mydesign .detail_slide {
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum)
}
.pop_mydesign .detail_slide .swiper-slide {
    display: flex;
    flex-direction: row;
}
.pop_mydesign .detail_slide .scale_img_container {
    margin: 2rem 0;
}
.pop_mydesign .detail_slide .img_container {
    width: 320px;
    height: 320px;
    position: unset;
}
.pop_mydesign .page_navi_text {
    margin-bottom: 2rem;
    text-align: center;
    display: none;
}
.pop_mydesign .thumb_slide_container {
    padding: 2rem 4rem;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-border-mideum);
    position: relative;
}
.pop_mydesign .thumb_slide_container .swiper {
    position: unset;
}
.pop_mydesign .thumb_slide_container .swiper-button-next:after, .pop_mydesign .thumb_slide_container .swiper-button-prev:after {
    font-size: 20px;
}
.pop_mydesign .pop_text {
    text-align: center;
}
.pop_mydesign .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pop_mydesign .bottom .bottom_text p {
    text-align: left;
}
@media screen and (max-width: 768px) {
    .pop_mydesign .detail_slide .scale_img_container {
        margin: 2rem;
    }
    .pop_mydesign .bottom {
        justify-content: center;
    }
    .pop_mydesign .bottom .bottom_text p {
        text-align: center;
    }
}
/* 팝업 - 내디자인 보기, 주문건보기 END */



/* 팝업 - 포인트 내역보기 START */
.pop_point_history .text_point .type_price strong {
    font-size: 1.7rem;
}
.pop_point_history .column_table ul {
    border-top: 2px solid #222;
}
.pop_point_history .column_table ul li {
    padding: 1.6rem 2rem;
    width: calc(100% - 4rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.1rem solid #e5e5e5;
}
.pop_point_history .column_table ul li>div {
    text-align: center;
    flex-basis: max-content;
}
.pop_point_history .column_table ul li>div .title {
    display: none;
}
.pop_point_history .column_table ul li>div a {
    margin-left: 0.6rem;
    display: inline;
    color: var(--color-primary);
    text-decoration: underline;
    font-weight: var(--font-w-mid);
    cursor: pointer;
}
.pop_point_history .column_table ul li>div:nth-child(1) {
    flex-basis: 10rem;
}
.pop_point_history .column_table ul li>div:nth-child(2) {
    flex-basis: 10rem;
}
.pop_point_history .column_table ul li>div:nth-child(3) {
    flex-basis: 10rem;
}
.pop_point_history .column_table ul li:nth-child(1) {
    font-weight: 400;
    background-color: var(--color-bg-light);
}
.pop_point_history .column_table ul li:nth-child(1) div:nth-child(2) {
    text-align: center;
}
/* 팝업 - 포인트 내역보기 END */

/* 팝업 - 쿠폰 내역보기 START */
.pop_coupon_list .text_point .type_price strong {
    font-size: 1.7rem;
}
.pop_coupon_list .column_table ul {
    border-top: 2px solid #222;
}
.pop_coupon_list .column_table ul li {
    padding: 1.6rem 2rem;
    width: calc(100% - 4rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.1rem solid #e5e5e5;
}
.pop_coupon_list .column_table ul li>div {
    text-align: center;
    flex-basis: max-content;
}
.pop_coupon_list .column_table ul li>div .title {
    display: none;
}
.pop_coupon_list .column_table ul li>div a {
    margin-left: 0.6rem;
    display: inline;
    color: var(--color-primary);
    text-decoration: underline;
    font-weight: var(--font-w-mid);
    cursor: pointer;
}
.pop_coupon_list .column_table ul li>div:nth-child(1) {
    flex-basis: 8rem;
}
.pop_coupon_list .column_table ul li>div:nth-child(2) {
    flex-basis: 12rem;
}
.pop_coupon_list .column_table ul li>div:nth-child(3) {
    flex-basis: 6rem;
}
.pop_coupon_list .column_table ul li>div:nth-child(4) {
    flex-basis: 10rem;
}
.pop_coupon_list .column_table ul li:nth-child(1) {
    font-weight: 400;
    background-color: var(--color-bg-light);
}
.pop_coupon_list .column_table ul li:nth-child(1) div:nth-child(2) {
    text-align: center;
}
/* 팝업 - 쿠폰 내역보기 END */


/* 팝업 - 배송지 목록 START */
.pop_address_list .address_add_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pop_address_list .btn_address_add {
    width: 8rem;
    height: 4rem;
    font-size: var(--font-size-x-small);
}
.pop_address_list .addlist {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.pop_address_list .addlist li {
    padding: 2rem;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-bg-light);
    background-color: var(--color-bg-light);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.pop_address_list .addlist li.active {
    padding: 4rem;
    border-radius: var(--size-radius-mid);
    background-color: var(--color-primary);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.pop_address_list .addlist li.on {
    border: 1px solid var(--color-primary);
}
.pop_address_list .addlist .btn_close_gray {
    width: 1.6rem;
    height: 1.6rem;
}
.pop_address_list .addlist .btn_search {
    width: 8rem;
    height: 4rem;
    font-size: var(--font-size-x-small);
}
/* 팝업 - 배송지 목록 END */


/* 팝업 - 배송지 추가 START */
.pop_address_add .address_add_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-basis: calc(100% - 10rem);
    flex-wrap: wrap;
}
.pop_address_add .address_add_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    flex-basis: calc(100% - 10rem);
    flex-wrap: wrap;
}
.pop_address_add .address_add_wrapper input:nth-child(1) {
    width: 10rem;
}
.pop_address_add .address_add_wrapper .btn_search {
    width: 8rem;
    height: 4rem;
    font-size: var(--font-size-x-small);
}
/* 팝업 - 배송지 추가 END */

/* 팝업 - 쿠폰 선택 START */
.pop_coupon_selector .coupon_list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.pop_coupon_selector .coupon_list li {
    padding: 2rem;
    border-radius: var(--size-radius-mid);
    border: 1px solid var(--color-bg-light);
    background-color: var(--color-bg-light);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.pop_coupon_selector .coupon_list li.active {
    padding: 4rem;
    border-radius: var(--size-radius-mid);
    background-color: var(--color-primary);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.pop_coupon_selector .coupon_list li.on {
    border: 1px solid var(--color-primary);
}
/* 팝업 - 쿠폰 선택 END */


/* 팝업 - 영수증/세금계산서 신청 START */
.pop_bill .tab_btn_type li {
    flex-basis: calc(100% / 3);
}
.pop_bill .content_cash_02, .pop_bill .content_tax {
    display: none;
}
/* 팝업 - 영수증/세금계산서 신청 END */


/* 팝업 - 사이즈 조절 START */

    /* 공통 */
    .pop_alert .modal_content {
        max-width: 50rem;
    }

    /* 로그인 */
    .pop_login .modal_content {
        max-width: 50rem;
    }

    /* 회원가입 */
    .pop_join .modal_content {
        max-width: 50rem;
    }

    /* 비밀번호 찾기 */
    .pop_pw_search .modal_content {
        max-width: 50rem;
    }

    /* 비밀번호 확인 */
    .pop_pw_confirm .modal_content {
        max-width: 50rem;
    }

    /* 이름 변경 */
    .pop_name_change .modal_content {
        max-width: 50rem;
    }

    /* 비밀번호 변경 */
    .pop_pw_change .modal_content {
        max-width: 50rem;
    }

    /* 연락처 변경 */
    .pop_num_change .modal_content {
        max-width: 50rem;
    }

    /* 이메일 변경 */
    .pop_mail_change .modal_content {
        max-width: 50rem;
    }

    /* 포인트 내역보기 */
    .pop_point_history .modal_content {
        max-width: 50rem;
    }

    /* 회원탈퇴 */
    .pop_leave .modal_content {
        max-width: 60rem;
    }

    /* 로그아웃 */
    .pop_logout .modal_content {
        max-width: 50rem;
    }

    /* 디자인 의뢰, 디자인 의뢰 수정, AS요청 */
    .pop_design_request .modal_content {
        max-width: 60rem;
    }

    /* 디자인 파일 업로드, 디자인 파일 변경 */
    .pop_file_upload .modal_content {
        max-width: 60rem;
    }

    /* 주문 매수 변경 */
    .pop_quantity_change .modal_content {
        max-width: 50rem;
    }

    /* 배송지 목록 */
    .pop_address_list .modal_content {
        max-width: 50rem;
    }

    /* 배송지 추가 */
    .pop_address_add .modal_content {
        max-width: 50rem;
    }

    /* 영수증/세금계산서 신청 */
    .pop_bill .modal_content {
        max-width: 50rem;
    }

    /* 시안확인 */
    .pop_design_confirm .modal_content {
        max-width: 66rem;
    }

    /* 내디자인으로 주문하기 */
    .pop_order_mydesign .modal_content {
        max-width: 60rem;
    }

    /* 내디자인 보기, 주문건보기 */
    .pop_mydesign .modal_content {
        max-width: 70rem;
    }

    /* 문의하기 */
    .pop_inquiry  .modal_content {
        max-width: 50rem;
    }

/* 팝업 - 사이즈 조절 END */