@charset "euc-kr";

/* ·¹ÀÌ¾î ÆË¾÷ °øÅë */
.pop-ui {margin:0;background:#fff;color:#333;font-family:Pretendard,"Noto Sans KR",sans-serif;overflow-x:hidden}
.pop-ui * {box-sizing:border-box;letter-spacing:0}
.pop-ui a {color:inherit;text-decoration:none}
.pop-ui button,.pop-ui input,.pop-ui select,.pop-ui textarea {font-family:inherit}
.pop-ui .blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0)}

/* ·¹ÀÌ¾î ¹× ÀÛ¼º Æû */
.pop-ui.pop-layer {position:fixed;z-index:10000;inset:0}
.pop-ui.pop-layer {overflow:hidden;background:transparent}
body.pop-layer-open {overflow:hidden}
.pop-ui .pop-layer-dim {position:absolute;inset:0;background:rgba(0,0,0,.45)}
.pop-ui .pop-layer-panel {position:absolute;left:50%;top:50%;width:648px;max-width:calc(100% - 48px);height:calc(100vh - 48px);overflow:hidden;transform:translate(-50%,-50%);border-radius:20px;background:#fff}
.pop-ui.pop-layer.is-fit-height .pop-layer-panel {height:auto;max-height:calc(100vh - 48px);display:flex;flex-direction:column}
.pop-ui.pop-layer.is-fit-height .pop-write-shell {height:auto;min-height:0;flex:1 1 auto}
.pop-ui .pop-form {width:100%;margin:0}

/* ±âº» Æû Å×ÀÌºí */
.pop-ui .pop-form-table {width:100%;border-top:1px solid #555}
.pop-ui .pop-form-table th,.pop-ui .pop-form-table td {padding:14px;border-bottom:1px solid #e5e5e5}
/* // ±âº» Æû Å×ÀÌºí */

/* ÀÛ¼º ¾È³» : ·¹ÀÌ¾î »ó´ÜÀÇ ¾È³» ¹Ú½º */
.pop-ui .pop-write-guide {width:calc(100% - 48px);margin:24px 24px 0;padding:16px 24px;border-radius:8px;background:#f8f8f8}
.pop-ui .pop-write-guide>p {margin:8px 0 0;color:#777;font-size:13px;line-height:18px;letter-spacing:0}
.pop-ui .pop-write-guide>p span {display:block;padding-left:12px;text-indent:-12px}
.pop-ui .pop-guide-title {display:flex;align-items:center;gap:8px;height:24px;color:#333}
.pop-ui .pop-guide-title svg {width:20px;height:20px;flex:none;color:#777}
.pop-ui .pop-guide-title strong {font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.16px}
/* // ÀÛ¼º ¾È³» */

.pop-ui .pop-write-shell {display:flex;flex-direction:column;width:100%;max-width:648px;min-height:100vh;margin:0 auto;background:#fff}
.pop-ui.pop-layer .pop-write-shell {height:100%;min-height:0}
.pop-ui .pop-write-head {position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:65px;padding:20px 24px;border-bottom:1px solid #ededed;background:#fff}
.pop-ui .pop-write-head h1 {margin:0;color:#222;font-size:18px;font-weight:600;line-height:25px;letter-spacing:-.36px}
.pop-ui .pop-write-close {display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:#333;cursor:pointer}
.pop-ui .pop-write-close svg {display:block;width:22px;height:22px}
.pop-ui .pop-write-content {width:100%;background:#fff}
.pop-ui.pop-layer .pop-write-content {flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.pop-ui .pop-write-form {display:flex;flex:1;min-height:0;flex-direction:column;width:100%;margin:0}
.pop-ui .pop-write-fields {display:flex;flex-direction:column;gap:24px;width:100%;margin-top:24px;padding:0 24px}
.pop-ui .pop-write-fields.is-flush {gap:0;padding:0 24px 20px}
.pop-ui .pop-write-field {display:flex;flex-direction:column;width:100%}
.pop-ui .pop-write-field.is-sub-field {margin-top:12px}
.pop-ui .pop-write-field>label {height:22px;color:#333;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.15px;margin-bottom:8px}
.pop-ui .pop-write-field>label em {color:#ed2024;font-style:normal;font-weight:400}
.pop-ui .pop-write-field input,.pop-ui .pop-write-field select,.pop-ui .pop-write-field textarea {display:block;width:100%;margin:0;border:1px solid #dbdee5;border-radius:6px;background:#fff;color:#333;font-size:14px;line-height:20px;letter-spacing:-.14px;outline:none;box-shadow:none}
.pop-ui .pop-write-field input,.pop-ui .pop-write-field select {height:42px;padding:0 18px}
.pop-ui .pop-write-field select {appearance:none;-webkit-appearance:none;padding-right:48px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M16 5L10 11L4 5' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center}
.pop-ui .pop-write-field textarea {height:124px;padding:12px 18px;resize:none;word-break:keep-all}
.pop-ui .pop-write-field input:focus,.pop-ui .pop-write-field select:focus,.pop-ui .pop-write-field textarea:focus {border-color:#2c5bf6}
.pop-ui .pop-write-field input::placeholder,.pop-ui .pop-write-field textarea::placeholder {color:#777;opacity:1}
.pop-ui .pop-email-row {display:flex;align-items:center;gap:8px;width:100%;margin-bottom:8px}
.pop-ui .pop-email-row input {flex:1;min-width:0}
.pop-ui .pop-email-at {flex:none;color:#333;font-size:16px;line-height:42px}

/* Ã·ºÎÆÄÀÏ : ÆÄÀÏ¸í Ç¥½Ã ÀÔ·ÂÃ¢, ¼±ÅÃ ¹öÆ°, ¼±ÅÃµÈ ÆÄÀÏ¸íÀ» Á¶ÇÕÇÒ ¶§ »ç¿ë
   µ¿ÀÛ(¼±ÅÃ¡¤ÃÊ±âÈ­)Àº pop_common.js ¿¡ ¾ø½À´Ï´Ù. board.js ÀÇ BoardUI.file.clear() ¸¦
   ÇÔ²² ¾²°Å³ª ÆäÀÌÁö °³¹ß ÄÚµå¿¡¼­ Ã³¸®ÇÕ´Ï´Ù. */
.pop-ui .pop-file-row {display:flex;align-items:flex-start;gap:8px;width:100%}
.pop-ui .pop-file-display {flex:1;min-width:0}
.pop-ui .pop-file-button {width:120px;height:42px;flex:none;padding:0;border:0;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.pop-ui .pop-file-name {display:block;width:100%;margin-top:8px;padding:0;border:0;background:transparent;color:#777;font-size:13px;line-height:18px;text-align:left;cursor:pointer}
.pop-ui .pop-file-name:empty {display:none}
/* // Ã·ºÎÆÄÀÏ */

/* ÁÖ¼Ò °Ë»ö¡¤±ÛÀÚ¼ö */
.pop-ui .pop-address-field {position:relative;gap:8px}
.pop-ui .pop-address-field input[readonly] {background:#f5f5f5}
.pop-ui .pop-address-field .pop-address-value.is-filled {background:#fff}
.pop-ui .pop-address-search {display:grid;grid-template-columns:1fr 90px;gap:8px;width:100%}
.pop-ui .pop-address-search button {height:42px;padding:0;border:0;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.pop-ui .pop-content-field {position:relative}
.pop-ui .pop-content-count {height:17px;margin:0;color:#777;font-size:12px;line-height:17px;text-align:right;margin-top: 8px;}
.pop-ui .pop-postcode {display:none;position:absolute;right:0;top:78px;z-index:40;width:100%;height:350px;border:1px solid #dbdee5;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.pop-ui .pop-postcode-wrap {width:100%;height:100%;overflow:hidden}
/* // ÁÖ¼Ò °Ë»ö¡¤±ÛÀÚ¼ö */

.pop-ui .pop-privacy {width:100%;margin:24px 0 0;background:#fff}
.pop-ui .pop-privacy h2 {height:46px;margin:0;padding:11px 24px;background:#f1f3f8;color:#333;font-size:18px;font-weight:600;line-height:25px;letter-spacing:-.36px}
.pop-ui .pop-privacy-button {width:calc(100% - 48px);height:38px;margin:20px 24px 0;padding:0;border:0;background:#fff;color:#333;font-size:14px;font-weight:500;line-height:20px;text-align:left}
.pop-ui .pop-privacy-button span {display:inline-flex;align-items:center;gap:8px;float:right;color:#777;font-size:13px;font-weight:500;line-height:18px}
.pop-ui .pop-privacy-button span svg {display:block;width:12px;height:7px}
.pop-ui .pop-privacy.is-open .pop-privacy-button span svg {transform:scaleY(-1)}
.pop-ui .pop-privacy-content {display:none;height:168px;overflow-y:auto;margin:0px 24px 0;padding:12px 16px;border:1px solid #dbdee5;border-radius:4px;background:#fff;color:#777;font-size:13px;line-height:18px;letter-spacing:0}
.pop-ui .pop-privacy.is-open .pop-privacy-content {display:block}
.pop-ui.pop-write-layer:not(.is-write-mo) .pop-privacy.is-open .pop-privacy-content {height:auto;overflow-y:visible}
.pop-ui .pop-privacy-content p {margin:0}
.pop-ui .pop-privacy-content strong {display:block;margin:18px 0 0;color:#777;font-size:13px;font-weight:400;line-height:18px}
.pop-ui .pop-form-submit {position:relative;z-index:40;display:flex;justify-content:center;width:100%;margin:0;padding:16px 24px 32px;background:#fff}
.pop-ui .pop-form-submit button {display:flex;align-items:center;justify-content:center;width:206px;height:40px;padding:0;border:0;border-radius:4px;background:#333;color:#fff;font-size:15px;font-weight:500;line-height:21px;cursor:pointer}
.pop-ui .pop-form-submit.is-narrow button {width:162px}
.pop-ui .pop-form-submit.is-split {gap:12px}
.pop-ui .pop-form-submit .pop-form-cancel {border:1px solid #777;background:#FFF;color:#222}
.pop-ui .pop-form-submit .pop-form-confirm {background:#333}
.pop-ui .pop-form-submit button:disabled {background:#c9ccd1;cursor:default}
.pop-ui .pop-custom-select {display:block;width:100%}
.pop-ui .pop-custom-select .select-btn {width:100%;height:42px;margin:0;padding:0 18px;border-radius:6px;color:#333;font-size:14px;line-height:20px;letter-spacing:-.14px}
.pop-ui .pop-custom-select .select-list {top:calc(100% - 1px);z-index:30;box-sizing:border-box}
.pop-ui .pop-custom-select .option {box-sizing:border-box;white-space:normal}

/* ÀÛ¼º ÇÊµå ¶óº§°ú ÀÐ±â Àü¿ë »óÅÂ : label ¿ä¼Ò ´ë½Å span À» ¾µ ¶§´Â .pop-write-label À» »ç¿ë */
.pop-ui .pop-write-label {display:block;height:22px;color:#333;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.15px;margin-bottom:8px}
.pop-ui .pop-write-label em {color:#ed2024;font-style:normal;font-weight:400}
.pop-ui .pop-write-field input[readonly] {background:#f5f5f5;color:#7e7e7e}
.pop-ui .pop-write-field input.is-active {border-color:#2c5bf6;color:#333}
/* // ÀÛ¼º ÇÊµå ¶óº§°ú ÀÐ±â Àü¿ë »óÅÂ */

/* ¶óµð¿À ¹öÆ° : input Àº opacity ·Î ¼û°Ü Æ÷Ä¿½º¿Í Å°º¸µå Á¶ÀÛÀ» À¯ÁöÇÕ´Ï´Ù */
.pop-ui .pop-radio-group {display:flex;align-items:center;gap:32px;padding:4px 0}
.pop-ui .pop-radio {display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}
.pop-ui .pop-radio input {position:absolute;opacity:0;pointer-events:none}
.pop-ui .pop-radio-ui {position:relative;display:inline-block;width:20px;height:20px;flex:none;border-radius:50%;background:#cfd5dc}
.pop-ui .pop-radio-ui:after {content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}
.pop-ui .pop-radio input:checked+.pop-radio-ui {background:#2c5bf6}
.pop-ui .pop-radio input:focus-visible+.pop-radio-ui {box-shadow:0 0 0 3px rgba(44,91,246,.18)}
.pop-ui .pop-radio-text {color:#111;font-size:14px;font-weight:500;line-height:1.5}
/* // ¶óµð¿À ¹öÆ° */

/* ÀÔ·Â ÇÊµå °Ë»ö°ú °á°ú ¸ñ·Ï */
.pop-ui .pop-field-action {display:flex;gap:8px;width:100%}
/* .is-fixed-col : ¿ìÃø ¿­ °íÁ¤. ¹öÆ°ÀÌ ¼û°ÜÁö°í »óÅÂ ÅØ½ºÆ®¸¸ ³²¾Æµµ ÀÔ·Â ÆøÀÌ À¯ÁöµË´Ï´Ù */
.pop-ui .pop-field-action.is-fixed-col {display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center;width:100%}
.pop-ui .pop-field-action.is-fixed-col .pop-field-status {margin-left:8px}
.pop-ui .pop-field-action input {min-width:0;flex:1}
.pop-ui .pop-field-button {width:120px;height:42px;flex:none;padding:0;border:0;border-radius:6px;background:#9aa3b2;color:#fff;font-size:15px;font-weight:normal;line-height:1.4;letter-spacing:-.3px;cursor:pointer}
.pop-ui .pop-field-button.is-active {background:#2c5bf6}
.pop-ui .pop-field-button-mobile {display:none}
.pop-ui .pop-field-status {flex:none;color:#7e7e7e;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.28px;white-space:nowrap;cursor:default}
.pop-ui .pop-field-status.is-done {color:#333}
.pop-ui .pop-field-status.is-link {text-decoration:underline;color:#2c5bf6;cursor:pointer}
.pop-ui .pop-field-message {margin:0;color:#2c5bf6;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-.13px;margin-top:8px}
.pop-ui .pop-field-message.is-guide {color:#7e7e7e}

/* º¸ÀÌ´Â ¹®´ÜÀÌ ¾ø´Â ¹®±¸ ÄÁÅ×ÀÌ³Ê´Â ¿©¹é Á¦°Å */
.pop-ui .pop-field-message:has(p):not(:has(p:not([style*="none"]))) {margin-top:0}

.pop-ui .pop-field.is-error .pop-field-message {color:#ed2024}
.pop-ui .pop-field.is-result input {border-color:#2c5bf6;color:#333}
.pop-ui .pop-field.is-result .pop-field-message {display:none}
.pop-ui .pop-field.is-result .pop-field-action {margin-bottom:-7px}
.pop-ui .pop-field-result {display:flex;align-items:stretch;width:100%;overflow:hidden;border:1px solid #2c5bf6;border-radius:4px;background:#fff;margin-top: 10px;}
.pop-ui .pop-field-result ul {min-width:0;max-height:216px;overflow-y:auto;flex:1;margin:0;padding:0;list-style:none}
.pop-ui .pop-field-result li {margin:0;padding:0}
.pop-ui .pop-field-result button {display:block;width:100%;height:36px;padding:6px 12px;border:0;background:#fff;color:#222;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.28px;text-align:left;cursor:pointer}
.pop-ui .pop-field-result li:first-child button,.pop-ui .pop-field-result button:hover {background:#f1f3f8}
.pop-ui .pop-field-result button span {color:#777;font-weight:400}
.pop-ui .pop-field-result ul::-webkit-scrollbar {width:12px;background:#fcfcfc}
.pop-ui .pop-field-result ul::-webkit-scrollbar-thumb {border:3px solid #fcfcfc;border-radius:100px;background:#7a7a7a}
/* // ÀÔ·Â ÇÊµå °Ë»ö°ú °á°ú ¸ñ·Ï */
.pop-ui .pop-consent-list {width:100%}
.pop-ui .pop-consent {width:100%}
.pop-ui .pop-consent .pop-privacy-content {display:none}
.pop-ui .pop-consent.is-open .pop-privacy-content {display:block}
.pop-ui.pop-write-layer:not(.is-write-mo) .pop-consent.is-open .pop-privacy-content {height:auto;overflow-y:visible}
.pop-ui .pop-consent-content p+p {margin-top:18px}
.pop-ui .pop-consent.is-open .pop-privacy-button span svg,.pop-ui .pop-consent.is-open .pop-consent-more svg {transform:scaleY(-1)}
.pop-ui .pop-consent-head {display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);min-height:38px;margin:20px 24px 0}
.pop-ui .pop-consent:nth-of-type(2) .pop-consent-head {margin:8px 24px 0}
.pop-ui .pop-consent-label {color:#333;font-size:14px;font-weight:500;line-height:20px}
.pop-ui .pop-consent-more {display:flex;align-items:center;gap:8px;height:38px;padding:0;border:0;background:#fff;color:#777;font-size:13px;font-weight:500;line-height:18px;cursor:pointer}
.pop-ui .pop-consent-more svg {display:block;width:12px;height:7px;flex:none}
.pop-ui .pop-privacy.is-open .pop-consent-more svg {transform:scaleY(-1)}

/* ¿ä¾à Ä«µå : ½ÅÃ»¡¤¿¹¾à ·¹ÀÌ¾î »ó´ÜÀÇ ´ë»ó Á¤º¸ Ä«µå. -top(¹èÁö Çà)Àº ¼±ÅÃ »ç¿ë
   -info ´Â dl > div > dt+dd ±¸Á¶¸¦ ÁöÅµ´Ï´Ù. dt ¾Õ °¡¿îµ«Á¡Àº CSS °¡ ³Ö½À´Ï´Ù. */
.pop-ui .pop-summary-card {display:flex;flex-direction:column;gap:6px;width:calc(100% - 48px);min-height:134px;margin:24px 24px 0;padding:16px;border:1px solid #2c5bf6;border-radius:6px;background:#fff;box-sizing:border-box}
.pop-ui .pop-summary-card-top {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:26px}
.pop-ui .pop-summary-card-title {display:block;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.16px;word-break:keep-all}
.pop-ui .pop-summary-card-info {display:flex;flex-direction:column;gap:2px;margin:0;padding:0;color:#777;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.14px}
.pop-ui .pop-summary-card-info div {display:flex;align-items:center;gap:12px;min-height:20px}
.pop-ui .pop-summary-card-info dt {flex:0 0 auto;color:#555;font-weight:400}
.pop-ui .pop-summary-card-info dt:before {content:"\00b7  "}
.pop-ui .pop-summary-card-info dd {margin:0;white-space:normal}
/* // ¿ä¾à Ä«µå */

/* »óÅÂ ¹èÁö : ¿ä¾à Ä«µå »ó´Ü¿¡¼­ ½ÅÃ» »óÅÂ¸¦ Ç¥½Ã */
.pop-ui .pop-badge {display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:25px;padding:2px 10px;border:0;border-radius:999px;background:#f0f0f0;color:#777;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.14px;white-space:nowrap}
.pop-ui .pop-badge.is-available {background:#e4efff;color:#2c5bf6}
.pop-ui .pop-badge.is-applied {border:1px solid #555;background:#fff;color:#555}
.pop-ui .pop-badge.is-closed {background:#f0f0f0;color:#777}
/* // »óÅÂ ¹èÁö */

/* ¼±»ý´Ô ¹èÁö */
.pop-ui .pop-teacher-badge {display:inline-flex;align-items:center;justify-content:center;height:22px;padding:4px 5px;border:1px solid #777;border-radius:4px;background:#fff;color:#555;font-size:13px;font-weight:400;line-height:1;letter-spacing:-.325px;white-space:nowrap}
/* // ¼±»ý´Ô ¹èÁö */

/* ¹öÆ° Æ÷Ä¿½º Ç¥½Ã
   ·¹ÀÌ¾î¸¦ ¿­ ¶§ PopUI °¡ initialFocus ´ë»ó(±âº» .pop-write-close)À¸·Î Æ÷Ä¿½º¸¦ ¿Å±é´Ï´Ù.
   :focus-visible »óÅÂ´Â ÇÁ·Î±×·¥Àû Æ÷Ä¿½º ÀÌµ¿ ½Ã Á÷Àü ¿ä¼Ò¿¡¼­ ½Â°èµÇ¹Ç·Î,
   Æ®¸®°Å°¡ Æ÷Ä¿½º¸¦ Áå Ã¤ ·¹ÀÌ¾î°¡ ¿­¸®¸é(iOS Safari ¿¡¼­ a[href] ÅÇ µî)
   ´Ý±â ¹öÆ°¿¡ ºê¶ó¿ìÀú ±âº» Æ÷Ä¿½º ¸µÀÌ ±×·ÁÁý´Ï´Ù.
   ±âº» ¸µÀº ²ô°í Å°º¸µå·Î ÀÌµ¿ÇßÀ» ¶§¸¸ °øÅë ½ºÅ¸ÀÏ·Î Ç¥½ÃÇÕ´Ï´Ù.
   Å×µÎ¸® ¹Ý°æÀº °¢ ¹öÆ°ÀÇ °ªÀ» ±×´ë·Î ¾²µµ·Ï °Çµå¸®Áö ¾Ê½À´Ï´Ù. */
.pop-ui .pop-write-close:focus,
.pop-ui .pop-form-submit button:focus,
.pop-ui .pop-consent-more:focus,
.pop-ui .pop-consent-toggle:focus,
.pop-ui .pop-file-button:focus,
.pop-ui .pop-field-button:focus {outline:none}
.pop-ui .pop-form-submit button:focus-visible,
.pop-ui .pop-consent-more:focus-visible,
.pop-ui .pop-consent-toggle:focus-visible,
.pop-ui .pop-file-button:focus-visible,
.pop-ui .pop-field-button:focus-visible {outline:2px solid #2c5bf6;outline-offset:2px}

/* ´Ý±â ¹öÆ°Àº ¸µÀ» Ç¥½ÃÇÏÁö ¾Ê½À´Ï´Ù.
   ·¹ÀÌ¾î¸¦ ¿­ ¶§¸¶´Ù PopUI °¡ ÀÌ ¹öÆ°À¸·Î Æ÷Ä¿½º¸¦ ¿Å±â¹Ç·Î ¸µÀÌ ÀÌµ¿ À§Ä¡¸¦ ¾Ë·ÁÁÖÁö ¸øÇÏ°í,
   iOS Safari ´Â a[href] Æ®¸®°Å¸¦ ÅÇÇÑ µÚÀÇ ÇÁ·Î±×·¥Àû Æ÷Ä¿½ºµµ :focus-visible ·Î ÆÇÁ¤ÇØ
   ·¹ÀÌ¾î¸¦ ¿­ ¶§¸¶´Ù Å×µÎ¸®°¡ º¸ÀÔ´Ï´Ù. Å°º¸µå »ç¿ëÀÚ´Â ·¹ÀÌ¾î ¾È ´Ù¸¥ ¹öÆ°¿¡¼­ ¸µÀ» º¸°Ô µË´Ï´Ù. */
.pop-ui .pop-write-close:focus-visible {outline:none}
/* // ¹öÆ° Æ÷Ä¿½º Ç¥½Ã */

@media (max-width:767px) {
	.pop-ui.pop-layer {background:#fff}
	.pop-ui .pop-layer-panel {left:0;top:0;width:100%;max-width:none;height:var(--pop-vv-height,100vh);transform:translateY(var(--pop-vv-top,0px));border-radius:0}
	.pop-ui.pop-write-layer .pop-layer-dim {display:block;background:#fff}
	.pop-ui.pop-write-layer.is-write-mo .pop-layer-panel {height:100%;min-height:0;overflow:hidden}
	.pop-ui.pop-layer.is-fit-height.is-write-mo .pop-layer-panel {height:100%;max-height:none}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-shell {position:relative;display:flex;flex-direction:column;max-width:none;height:100%;min-height:0}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-head {position:relative;flex-shrink:0;height:50px;padding:12px 16px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-head h1 {font-size:16px;line-height:22px;letter-spacing:-.32px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-content {flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-guide {width:calc(100% - 32px);margin:16px 16px 0;padding:16px 24px}
	.pop-ui.pop-write-layer.is-write-mo .pop-guide-title {height:20px}
	.pop-ui.pop-write-layer.is-write-mo .pop-guide-title strong {font-size:14px;line-height:20px;letter-spacing:-.14px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-guide>p {white-space:normal}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-fields {gap:24px;margin-top:16px;padding:0 16px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-fields.is-flush {gap:0;padding:0 16px 28px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-field>label {height:20px;font-size:14px;line-height:20px;letter-spacing:-.14px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-field input,.pop-ui.pop-write-layer.is-write-mo .pop-write-field select {height:38px;padding:0 12px;border-radius:4px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-field select {padding-right:40px;background-position:right 12px center}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-field textarea {padding:12px;border-radius:4px}
	.pop-ui.pop-write-layer.is-write-mo .pop-email-row {gap:6px}
	.pop-ui.pop-write-layer.is-write-mo .pop-email-at {font-size:14px;line-height:38px}
	.pop-ui.pop-write-layer.is-write-mo .pop-file-button {width:85px;height:38px}
	.pop-ui.pop-write-layer.is-write-mo .pop-address-search {grid-template-columns:1fr 89px}
	.pop-ui.pop-write-layer.is-write-mo .pop-address-search button {height:38px}
	.pop-ui.pop-write-layer.is-write-mo .pop-privacy {margin-top:24px}
	.pop-ui.pop-write-layer.is-write-mo .pop-privacy h2 {height:44px;padding:12px 16px;font-size:16px;line-height:22px;letter-spacing:-.3px}
	.pop-ui.pop-write-layer.is-write-mo .pop-privacy-button {width:calc(100% - 32px);margin:20px 16px 0}
	.pop-ui.pop-write-layer.is-write-mo .pop-privacy-content {height:auto;overflow-y:visible;margin:0px 16px 0;padding:12px}
	.pop-ui.pop-write-layer.is-write-mo .pop-form-submit {position:relative;z-index:40;flex-shrink:0;margin:0;padding:16px 16px calc(28px + env(safe-area-inset-bottom, 0px));background:#fff}
	.pop-ui.pop-write-layer.is-write-mo .pop-form-submit button {width:100%;height:38px;font-size:14px;line-height:20px}
	.pop-ui.pop-write-layer.is-write-mo .pop-form-submit.is-split button {min-width:0;flex:1}
	.pop-ui.pop-write-layer.is-write-mo .pop-postcode {left:0;right:0;top:74px;width:100%;height:350px}
	.pop-ui.pop-write-layer.is-write-mo .pop-postcode-wrap {height:100%}
	.pop-ui.pop-write-layer.is-write-mo .pop-custom-select .select-btn {height:38px;padding:0 12px;border-radius:4px}
	.pop-ui.pop-write-layer.is-write-mo .pop-write-label {height:20px;font-size:14px;line-height:20px;letter-spacing:-.14px}
	.pop-ui.pop-write-layer.is-write-mo .pop-field-button {width:85px;height:38px;border-radius:4px;font-size:14px;letter-spacing:-.28px}
	.pop-ui .pop-field-action.is-fixed-col {grid-template-columns:1fr auto}
	.pop-ui .pop-field-action.is-fixed-col .pop-field-button {width:92px}
	.pop-ui .pop-field-action.is-fixed-col .pop-field-button.is-compact {width:85px}
	.pop-ui.pop-write-layer.is-write-mo .pop-field-status {width:85px;padding-left:8px}
	.pop-ui.pop-write-layer.is-write-mo .pop-field-button-desktop {display:none}
	.pop-ui.pop-write-layer.is-write-mo .pop-field-button-mobile {display:inline}
	.pop-ui.pop-write-layer.is-write-mo .pop-field-message {font-size:12px;line-height:1.4;letter-spacing:0}
	.pop-ui.pop-write-layer.is-write-mo .pop-consent-head {width:calc(100% - 32px);margin:20px 16px 0}
	.pop-ui.pop-write-layer.is-write-mo .pop-consent:nth-of-type(2) .pop-consent-head {margin:8px 16px 0}
	.pop-ui .pop-summary-card {width:calc(100% - 32px);min-height:123px;margin:16px 16px 0}
	.pop-ui .pop-summary-card-title {font-size:14px;letter-spacing:-.14px}
	.pop-ui .pop-badge {min-width:62px;height:23px;padding:2px 8px;font-size:12px}
}

/* ==================================================
	À¯Çüº° ·¹ÀÌ¾î : °øÅëÀ¸·Î ÇØ°áÇÒ ¼ö ¾ø´Â Â÷ÀÌ¸¸ .pop-type-* ¾Æ·¡¿¡ ÀÛ¼ºÇÕ´Ï´Ù
================================================== */
/* ¿Â¶óÀÎ »ó´ã (.pop-type-counsel) : »ó´ã ³»¿ë ÅÛÇÃ¸´
   Å×µÎ¸®´Â °¨½Ñ .pop-content-editor °¡ ±×¸®°í, ¾ÈÀÇ textarea ´Â Å×µÎ¸® ¾øÀÌ ³ôÀÌ¸¸ ´Ã¸³´Ï´Ù.
   .qna-hint ¿Í .qna-separator ´Â ÆäÀÌÁö °íÀ¯ ÀÌ¸§ÀÌ¹Ç·Î Á¢µÎ¾î¸¦ ¹Ù²ÙÁö ¾Ê½À´Ï´Ù. */
.pop-ui.pop-type-counsel .pop-content-editor {padding:10px;border:1px solid #ddd;border-radius:4px}
.pop-ui.pop-type-counsel .qna-hint {margin-bottom:8px;color:#999;font-size:13px;white-space:pre-wrap}
.pop-ui.pop-type-counsel .pop-content-textarea {width:100%;padding:0;border:0;outline:0;resize:none;color:#777}
.pop-ui.pop-type-counsel .qna-separator {padding:2px 0;color:#999;font-size:13px;user-select:none}

/* ¿Â¶óÀÎ »ó´ã : ÆîÄ£ ¾à°ü º»¹®À» 160px °íÁ¤ + ³»ºÎ ½ºÅ©·Ñ·Î »ç¿ë */
.pop-ui.pop-type-counsel.pop-write-layer:not(.is-write-mo) .pop-privacy.is-open .pop-privacy-content {height:160px;overflow-y:auto}
.pop-ui.pop-type-counsel .pop-privacy-content strong:nth-of-type(1) {margin-top:0}

@media (max-width:767px) {
	.pop-ui.pop-type-counsel.pop-write-layer.is-write-mo .pop-privacy-content {height:160px;overflow-y:auto}
}
/* // ¿Â¶óÀÎ »ó´ã */

/* ´ë±â½ÅÃ» ¼­ºñ½º (.pop-type-waiting)
   ¿ä¾à Ä«µå Ã¹ Çà(´ë»ó)¸¸ ¶óº§ ÆøÀ» °íÁ¤ÇÏ°í, ¸¶ÄÉÆÃ µ¿ÀÇ Ã¼Å©¹Ú½º´Â À§Ä¡¸¦ º¸Á¤ÇÕ´Ï´Ù. */
.pop-ui.pop-type-waiting .pop-summary-card-info div:first-child dt {flex:0 0 50px}
.pop-ui.pop-type-waiting .pop-summary-card-info div:first-child dd {padding-left:9px}
.pop-ui.pop-type-waiting .pop-custom-select .select-btn {color:#858585}
.pop-ui.pop-type-waiting.pop-write-layer .chk-row {position:relative}
.pop-ui.pop-type-waiting.pop-write-layer .chk-row input {left:0;top:0;width:18px;height:18px;margin:0}

/* ´ë±â½ÅÃ» ¼­ºñ½º : MO ¿¡¼­ µõ ¾øÀÌ ÀüÃ¼ È­¸éÀ¸·Î »ç¿ë */
@media (max-width:767px) {
	.pop-ui.pop-type-waiting .pop-teacher-badge {height:21px;font-size:12px;letter-spacing:-.3px}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-layer-dim {display:none}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-layer-panel {left:0;top:0;width:100%;max-width:none;height:100%;max-height:none;transform:none;border-radius:0}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-write-shell {height:100%;max-height:none}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-write-head {height:50px;padding:11px 16px;border-bottom:1px solid #ebebeb}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-write-head h1 {color:#333;font-size:16px;letter-spacing:-.32px}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-form-submit {padding:16px 16px 28px}
	.pop-ui.pop-type-waiting.pop-write-layer .pop-form-confirm {width:158px;height:38px;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:-.28px}
}
/* // ´ë±â½ÅÃ» ¼­ºñ½º */
