@charset "utf-8";

/* Paperlogy Light (300) */
@font-face {
    font-family: "paperlogy";
    font-style: normal;
    font-weight: 300;
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-3light.eot");
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-3light.eot?#iefix") format("embedded-opentype"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-3light.woff2") format("woff2"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-3light.woff") format("woff"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-3light.ttf") format("truetype");
}

/* Paperlogy Regular (400) */
@font-face {
    font-family: "paperlogy";
    font-style: normal;
    font-weight: 400;
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-4regular.eot");
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-4regular.eot?#iefix") format("embedded-opentype"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-4regular.woff2") format("woff2"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-4regular.woff") format("woff"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-4regular.ttf") format("truetype");
}

/* Paperlogy Medium (500) */
@font-face {
    font-family: "paperlogy";
    font-style: normal;
    font-weight: 500;
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-5medium.eot");
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-5medium.eot?#iefix") format("embedded-opentype"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-5medium.woff2") format("woff2"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-5medium.woff") format("woff"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-5medium.ttf") format("truetype");
}

/* Paperlogy Bold (700) */
@font-face {
    font-family: "paperlogy";
    font-style: normal;
    font-weight: 700;
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-7bold.eot");
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-7bold.eot?#iefix") format("embedded-opentype"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-7bold.woff2") format("woff2"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-7bold.woff") format("woff"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-7bold.ttf") format("truetype");
}

/* Paperlogy ExtraBold (800) */
@font-face {
    font-family: "paperlogy";
    font-style: normal;
    font-weight: 800;
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-8extrabold.eot");
    src: url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-8extrabold.eot?#iefix") format("embedded-opentype"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-8extrabold.woff2") format("woff2"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-8extrabold.woff") format("woff"),
         url("/img_up/shop_pds/kdwwo21/design/font/paperlogy-8extrabold.ttf") format("truetype");
}

/* 공통 폰트 적용 */
body, h1, h2, h3, h4, h5, h6, p, div, li, dt, dd, input, textarea, button {
    font-family: "paperlogy", "Nanum Gothic", "Malgun Gothic", sans-serif;
}



/* 게시판 제목 폰트 크기 개별 수정 */
.sc_bd .listbd .table tbody td.subject {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* 게시판 본문 읽기 화면 제목 폰트 크기 수정 (레이아웃 복구 버전) */
strong.sbj2 {
    font-size: 18px !important;
    vertical-align: baseline !important; 
}



/* 모바일 화면(768px 이하)에서 연락처 줄바꿈 방지 및 너비 자동 조절 */
@media screen and (max-width: 768px) {
    /* 연락처 항목이 포함된 행(dd)을 강제로 한 줄 배치 */
    dd:has(input[name="s_v4_hp2"]) {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        gap: 3px; /* 항목 간 미세 여백 설정 */
    }

    /* 통신사/식별번호 선택(Select) 박스 너비 축소 */
    select[name="s_v4_hp1"] {
        width: 25% !important;
        min-width: 60px;
    }

    /* 2번째, 3번째 번호 입력(Input) 박스 가변 너비 적용 */
    input[name="s_v4_hp2"],
    input[name="s_v4_hp3"] {
        flex: 1; /* 남은 화면 공간을 균등하게 분할하여 차지 */
        width: 100% !important;
        min-width: 50px;
    }
}