@charset "utf-8";

/* 팝업 */
.popup_wrap {display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100vw; height: 100vh;}
.popup_wrap .popup_bg {width: 100%; height: 100%; background: rgb(0 0 0 / 80%);}
.popup_wrap .popup {display: none; position: absolute; top: 50%; left: 50%; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); /* height: max(50%, 368px);min-height: 368px; max-height: 50%; height: auto; */max-height: 90vh; padding: 18px; border-radius: 20px; background: #fff;}

.popup_wrap .popup .popup_head {min-height: 22px;}
.popup_wrap .popup .popup_head .popup_title {color: #222; font-weight: 500; font-size: 14px; text-align:center; line-height: 20px;}
.popup_wrap .popup .popup_content {overflow: hidden; margin: 13px 0 18px; color: #444; line-height: 20px;}


/* 간편상담 팝업 */
.popup_quick_wrap {z-index: 999;} /* 개인정보처리방침 팝업 봐야해서 팝업(z-index 1000)-1 함 */
#popup_quick {overflow-x: hidden; overflow-y: scroll; display: block; top: 100%; bottom:0; left: 0; width: 100vw; /* max-height: 595px; height: 595px; *//* max-height: 100vh; height: 100vh; */min-height: 100vh; max-height: initial; height: auto; padding: 28px var(--padding-common); border-radius: 0; text-align: left; transition: all .3s;}
#popup_quick.open {top: calc(100vh - 595px);top: 0;}
#popup_quick .popup_quick_inner {/* height: 804px; */padding-bottom: 60px;}
.popup_quick_content .section_title {padding-top: 0;}
.popup_quick_content .section_subtitle {padding-bottom: 15px;}
.popup_quick_content .l_consult {padding-bottom: 20px;}
.popup_quick_close {position: absolute; top: 32px; right: var(--padding-common);}


/* 이용약관(#popup_service), 개인정보처리방침(#popup_privacy) */
.popup_clause .popup_content {height: 231px;}
.popup_clause .popup_content .clause_box {overflow-y: auto; height: 100%; padding: 10px 11px 10px 13px; border-radius: 12px; border: 1px solid var(--color-gray); font-size: var(--font-size-content);}
.popup_clause .clause_box .clause_dot {}
.popup_clause .clause_box .clause_dot::before {content: "■"; margin-right: 4px;}