/*------퀵메뉴------*/
.quick_popup {display: none;}

/*------팝업------*/
#main_popup_pc {display: none; opacity: 0; visibility: hidden; transition: all 500ms;}
#main_popup_pc.on {display: block; opacity: 1; visibility: visible;}
.main_popup_content {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 920px; height: 650px; opacity: 1; visibility: visible; background-color: #fff; z-index: 999; border-radius: 30px;
    overflow: hidden;}
.main_popup_slide, .swiper-wrapper {height: 100%!important;}
.main_popup_content .swiper-slide img {position: relative; width: 67%; max-width: 100%;}

#main_popup_pc .pag-shoes {position: relative; left: inherit; bottom: inherit; width: 100%; height: auto;}
#main_popup_pc .pag-shoes .swiper-pagination-bullet {position: relative; width: 25%; height: 34px; font-size: 15px; border-radius: 0; margin: 0; padding: 5px 0 0; background-color: #fff; opacity: 1; border: 0; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#main_popup_pc .pag-shoes .swiper-pagination-bullet:last-child {border-right: 0; border-bottom: 0; width: 100%;}
#main_popup_pc .pag-shoes .swiper-pagination-bullet span {color: #ccc; line-height: 26px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.02em;}
#main_popup_pc .pag-shoes .swiper-pagination-bullet-active {background-color: #607146; border-right: 1px solid #607146; opacity: 1;}
#main_popup_pc .pag-shoes .swiper-pagination-bullet-active span {color: #fff; font-weight: 600;}

#main_popup_pc .swiper-button-next, #main_popup_pc .swiper-button-prev {color: #607146;}

.popup_btn {position: relative; width: 100%; height: 34px; background-color: #000;}
.popup_btn .popup_reject {padding: 0 0.8rem; height: 100%; line-height: 34px;}
.popup_btn .popup_reject span {color: #fff; font-size: 13px;}
.popup_btn .popup_close {position: absolute; right: 10px; top: 7px; transition: all 0.8s; transform: rotate(0deg); transform-origin: 50% 50%;}
.popup_btn .popup_close:hover {transform: rotate(180deg);}
.popup_btn .popup_close .fa-xmark {font-size: 1rem; color: #fff; line-height: 1.5;}

.main_popup_bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; z-index: 990; background-color: rgba(0,0,0,0.4);}

/*--체크박스--*/
.popup_reject input[type="checkbox"] {width: 1rem; height: 1rem; color: #4690f7; vertical-align: middle; -webkit-appearance: none; background: none; border: 0; outline: 0; flex-grow: 0; border-radius: 50%;
    background-color: #fff; transition: background 300ms; cursor: pointer;}
.popup_reject input[type="checkbox"]::before {content: ''; display: block; width: inherit; height: inherit; border-radius: inherit; border: 0; background-color: transparent; background-size: contain; box-shadow: inset 0 0 0 1px #CCD3D8;}
.popup_reject input[type="checkbox"]:checked {background-color: currentColor;}
.popup_reject input[type="checkbox"]:checked::before {width: 0.85rem; height: 0.85rem; box-shadow: none; background-image: url("../images/common/check-solid.svg"); background-repeat: no-repeat; background-size: cover;
filter: invert(100%) sepia(2%) saturate(2918%) hue-rotate(293deg) brightness(131%) contrast(100%); margin: 1px auto;}

/*------------PC------------*/
@media all and (min-width: 1200px){

/*------퀵메뉴------*/
.quick_popup {position: fixed; top: 50%; right: 1rem; z-index: 20; display: block;}
.quick_popup .quick_wrap {position: relative;}
.quick_popup .quick_wrap>div {position: absolute; right: 0; width: 3.188rem; height: 3.188rem; background-color: #f5f3ee; border-radius: 100px; margin-top: 5px; display: flex; flex-direction: row-reverse; justify-content: start; align-items: center; overflow: hidden; transition: width 0.6s ease;}
.quick_popup .quick_wrap>div:first-child {margin: 0;}
.quick_popup .quick_popup_btn {position: relative; width: 2.188rem; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.quick_popup .quick_wrap>div.open {width: 12.25rem;}
.quick_popup .quick_popup_btn>div {display: flex; justify-content: center; align-items: center; cursor: pointer;}
.quick_popup .quick_popup_btn .quick_popup_btn_close {display: none;}
.quick_popup .quick_wrap>div.open .quick_popup_btn .quick_popup_btn_open {display: none;}
.quick_popup .quick_wrap>div.open .quick_popup_btn .quick_popup_btn_close {display: flex;}

.quick_popup .quick_wrap .pop_tel {top: 0;}
.quick_popup .quick_wrap .pop_location {top: 50px;}
.quick_popup .quick_wrap .pop_blog {top: 105px;}
.quick_popup .quick_wrap .pop_kakao {top: 160px;}

.quick_popup .quick_popup_txt {position: relative; width: calc(100% - 2.688rem); height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}
.quick_popup .quick_popup_txt .quick_popup_link {margin: 0 2rem 0 1rem; display: flex; justify-content: center; align-items: center; opacity: 0;}
.quick_popup .quick_wrap>div.open .quick_popup_txt .quick_popup_link {opacity: 1; transition: opacity 2s ease;}
.quick_popup .quick_popup_txt .quick_popup_link a {display: flex; justify-content: center; align-items: center;}
.quick_popup .quick_popup_txt .quick_popup_link a i {margin-right: 8px;}
.quick_popup .quick_popup_txt .quick_popup_link a p {color: #000; letter-spacing: 0.02em; font-weight: 400; font-size: 0.875rem;}
.quick_popup .blog_img {display: inline-block; position: relative; width: 1.5rem; height: 1.5rem; background: url("../images/common/quick_blog.png") 50% 50%/100% no-repeat ;}
.quick_popup .kakao_img {display: inline-block; position: relative; width: 1.5rem; height: 1.5rem; background: url("../images/common/quick_kakao.png") 50% 50%/100% no-repeat ;}


.quick_popup .fa-solid {display: inline-block; position: relative; font-size: 1.2rem; color: #595757}

.quick_popup .pop_tel .quick_popup_btn_open > img,
.quick_popup .pop_location .quick_popup_btn_open > img {width: 20px;}
.quick_popup .pop_tel .quick_popup_link img,
.quick_popup .pop_location .quick_popup_link img {width: 20px; margin-right: 10px;}
.quick_popup .quick_popup_btn_close {width: 20px;}
}