@charset "utf-8";

.board-box > div:first-child { padding:0  0 150px; }

.tabMenu > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:25px; }
.tabMenu > ul > li a { padding:0 25px; height:53px; display:flex; align-items:center; justify-content:center; border-radius:35px; background:#fff; color:#222; font-size:18px; font-weight:400; line-height:1.3; }
.tabMenu > ul > li.on a { background:var(--mainColor); color:#fff }
.tabMenu > .tabnav a.on { background-color:var(--mainColor); color: #fff; }
.tabMenu > .tabnav a.on strong { color: #fff; }
.tabMenu > .tabnav a { transition: background-color 0.3s, color 0.3s; }

.tabMenu2 > ul { display:flex; flex-wrap:wrap; justify-content:center; flex-direction: column; gap:55px; padding: 0px 40px; }
.tabMenu2 > ul > li a { padding:0 35px; height:55px; display:flex; align-items:center; justify-content:center; border-radius:35px; background:#fff; color:#222; font-size:18px; font-weight:400; line-height:1.3; }
.tabMenu2 > ul > li.on a { background:var(--mainColor); color:#fff }
@media screen and (max-width:1024px){
    .board-box > div:first-child { padding:0  0 130px; }
    .tabMenu > ul { gap:20px; }
    .tabMenu > ul > li { width:calc((100% - 60px) / 4) }
    .tabMenu > ul > li a { padding:0 20px; height:50px; font-size:16px; }
}
@media screen and (max-width:640px){
    .board-box > div:first-child { padding:0  0 100px; }
    .tabMenu > ul { gap:10px; }
    .tabMenu > ul > li { width:calc((100% - 20px) / 3) }
    .tabMenu > ul > li a { padding:0 10px; height:45px; font-size:15px; }
}
@media screen and (max-width:420px){
    .tabMenu > ul > li { width:calc((100% - 10px) / 2) }
}
.tabMenu3 > ul { display:flex; flex-wrap:wrap; justify-content:center; gap:25px; }
.tabMenu3 > ul > li a { padding:0 25px; height:70px; display:flex; align-items:center; justify-content:center; border-radius:35px; background:#fff; color:#222; font-size:18px; font-weight:400; line-height:1.3; }
.tabMenu3 > ul > li.on a { background:var(--mainColor); color:#fff }
.tabMenu3 > .tabnav a.on { background-color:var(--mainColor); color: #fff; }
.tabMenu3 > .tabnav a.on strong { color: #fff; }
.tabMenu3 > .tabnav a { transition: background-color 0.3s, color 0.3s; }
@media screen and (max-width:1024px){
    .board-box > div:first-child { padding:0  0 130px; }
    .tabMenu3 > ul { gap:20px; }
    .tabMenu3 > ul > li { width:calc((100% - 60px) / 4) }
    .tabMenu3 > ul > li a { padding:0 20px; height:50px; font-size:16px; }
}
@media screen and (max-width:640px){
    .board-box > div:first-child { padding:0  0 100px; }
    .tabMenu3 > ul { gap:10px; }
    .tabMenu3 > ul > li { width:calc((100% - 20px) / 3) }
    .tabMenu3 > ul > li a { padding:0 10px; height:45px; font-size:15px; }
}
@media screen and (max-width:420px){
    .tabMenu3 > ul > li { width:calc((100% - 10px) / 2) }
}

.boardReg-box .ipbox { background:#fff; border-radius:10px; padding:60px; }
/* inquiry 페이지: ipbox 80% 너비, 가운데 정렬 (반응형에선 100%) */
.inquiry-page .boardReg-box .inner .ipbox { width: 80%; max-width: 1200px; margin-left: auto; margin-right: auto; }
/* 하단 문의 폼: ipCont-footer 영역 80% 너비, 가운데 정렬 (반응형에선 100%) */
.common-consult .ipCont.ipCont-footer { width: 80%; max-width: 1200px; margin-left: auto; margin-right: auto; }
.boardReg-box .ipbox table { width:100%; border-top:1px solid #000; }
/* 2그리드 문의 폼: 담당자|회사명, 연락처|E-mail, 문의내용 */
.boardReg-box .ipbox table.inquiry-form-grid,
.boardReg-box .ipbox-footer table.inquiry-form-grid { width:100%; border-top:1px solid #000; }
.boardReg-box .ipbox table.inquiry-form-grid tbody th,
.boardReg-box .ipbox-footer table.inquiry-form-grid tbody th { width:15%; min-width:100px; text-align:left; height:75px; vertical-align:middle; padding:0 20px 0 40px; border-bottom:1px solid #ddd; background:#f5f6f7; }
.boardReg-box .ipbox table.inquiry-form-grid tbody td,
.boardReg-box .ipbox-footer table.inquiry-form-grid tbody td { width:35%; text-align:left; padding:15px 20px; border:1px solid #ddd; border-width:0 0 1px 1px; }
.boardReg-box .ipbox table.inquiry-form-grid tbody tr:last-child th,
.boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child th { width:15%; vertical-align:top; padding-top:27px; }
.boardReg-box .ipbox table.inquiry-form-grid tbody tr:last-child td,
.boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child td { width:85%; }
.boardReg-box .ipbox table.inquiry-form-grid tbody td input.ip01,
.boardReg-box .ipbox-footer table.inquiry-form-grid tbody td input.ip01 { width:100%; }
.boardReg-box .ipbox tbody th { text-align:left; height:75px; vertical-align:top; padding:27px 0 0 40px; border-bottom:1px solid #ddd; background:#f5f6f7; }
.boardReg-box .ipbox tbody th strong { color:#333; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.boardReg-box .ipbox tbody th strong span { color:#f30c0c; }
.boardReg-box .ipbox tbody td { text-align:left; padding:15px 20px; border:1px solid #ddd; border-width:0 0 1px 1px; }
.boardReg-box .ipbox tbody td input[type="text"],
.boardReg-box .ipbox tbody td input[type="password"] { height:45px; padding:0 20px; font-size:16px; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.boardReg-box .ipbox tbody td textarea { height:245px; padding:15px 20px; width:100%; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.boardReg-box .ipbox tbody td select { height:45px; line-height:45px; padding:0 40px 0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; appearance:none; border-radius:10px; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.boardReg-box .ipbox tbody td select::-ms-expand { display:none; }
.boardReg-box .ipbox tbody td input::placeholder,
.boardReg-box .ipbox tbody td textarea::placeholder { font-size:16px; color:#ccc }
.boardReg-box .ipbox tbody td input.ip01,
.boardReg-box .ipbox tbody td select.sel01 { width:75%; }
.boardReg-box .ipbox tbody td input.ip02 { width:calc(30% - 18px); }
.boardReg-box .ipbox tbody td input.ip03 { width:calc(35% - 18px); }
.boardReg-box .ipbox tbody td select.sel02 { width:calc(35% - 12px); }
.boardReg-box .ipbox tbody td .stxt { width:35px; text-align:center; display:inline-block }
.boardReg-box .ipbox tbody td .sbox { overflow:auto; height:215px; padding:20px; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.boardReg-box .ipbox .ch-box { margin:30px 0 15px; text-align:right; }
.boardReg-box .ipbox .ch { position:relative; display:inline-block }
.boardReg-box .ipbox .ch input[type="checkbox"],
.boardReg-box .ipbox .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.boardReg-box .ipbox .ch input[type="checkbox"] + span,
.boardReg-box .ipbox .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:300; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.boardReg-box .ipbox .ch input[type="checkbox"] + span:after,
.boardReg-box .ipbox .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.boardReg-box .ipbox .ch input[type="checkbox"]:checked + span:after,
.boardReg-box .ipbox .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
.boardReg-box .ipbox .btn { margin-top:20px; text-align:center; display:flex; justify-content:center; align-items:center; gap:0 10px; }
.boardReg-box .ipbox .btn a { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:#eee; }
.boardReg-box .ipbox .btn a span { font-weight:700; color:#aaa; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.boardReg-box .ipbox .btn button { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.boardReg-box .ipbox .btn2 button { transition:all 0.5s; width:120px; height:45px; margin-left: 10px; display:flex; justify-content:center; align-items:center; border-radius:10px; background:none; border:1px solid #ddd; }
.boardReg-box .ipbox .btn button span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.boardReg-box .ipbox .btn2 button span { font-weight:500; line-height:1.3; font-size:15px; letter-spacing:-0.02em; }

.boardReg-box .ipbox-footer { background:#fff; border-radius:10px;}
.boardReg-box .ipbox-footer table { width:100%; border-top:1px solid #000; }
.boardReg-box .ipbox-footer tbody th { text-align:left; height:75px; vertical-align:top; padding:27px 0 0 40px; border-bottom:1px solid #ddd; background:#f5f6f7; }
.boardReg-box .ipbox-footer tbody th strong { color:#333; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.boardReg-box .ipbox-footer tbody th strong span { color:#f30c0c; }
.boardReg-box .ipbox-footer tbody td { text-align:left; padding:15px 20px; border:1px solid #ddd; border-width:0 0 1px 1px; }
.boardReg-box .ipbox-footer tbody td input[type="text"],
.boardReg-box .ipbox-footer tbody td input[type="password"] { height:45px; padding:0 20px; font-size:16px; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.boardReg-box .ipbox-footer tbody td textarea { height:245px; padding:15px 20px; width:100%; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
/* FAB 온라인 문의 패널: 문의 내용 textarea만 (그 외 ipbox-footer는 245px) */
#footer-inquiry-floating-mount .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child td textarea {
    height:150px !important;
}
.boardReg-box .ipbox-footer tbody td select { height:45px; line-height:45px; padding:0 40px 0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; appearance:none; border-radius:10px; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.boardReg-box .ipbox-footer tbody td select::-ms-expand { display:none; }
.boardReg-box .ipbox-footer tbody td input::placeholder,
.boardReg-box .ipbox-footer tbody td textarea::placeholder { font-size:16px; color:#ccc }
.boardReg-box .ipbox-footer tbody td input.ip01,
.boardReg-box .ipbox-footer tbody td select.sel01 { width:75%; }
.boardReg-box .ipbox-footer tbody td input.ip02 { width:calc(30% - 18px); }
.boardReg-box .ipbox-footer tbody td input.ip03 { width:calc(35% - 18px); }
.boardReg-box .ipbox-footer tbody td select.sel02 { width:calc(35% - 12px); }
.boardReg-box .ipbox-footer tbody td .stxt { width:35px; text-align:center; display:inline-block }
.boardReg-box .ipbox-footer tbody td .sbox { overflow:auto; height:215px; padding:20px; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.boardReg-box .ipbox-footer .ch-box { margin:30px 0 15px; text-align:right; }
.boardReg-box .ipbox-footer .ch { position:relative; display:inline-block }
.boardReg-box .ipbox-footer .ch input[type="checkbox"],
.boardReg-box .ipbox-footer .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.boardReg-box .ipbox-footer .ch input[type="checkbox"] + span,
.boardReg-box .ipbox-footer .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:300; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.boardReg-box .ipbox-footer .ch input[type="checkbox"] + span:after,
.boardReg-box .ipbox-footer .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.boardReg-box .ipbox-footer .ch input[type="checkbox"]:checked + span:after,
.boardReg-box .ipbox-footer .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
.boardReg-box .ipbox-footer .btn { margin-top:-20px; text-align:center; display:flex; justify-content:center; align-items:center; gap:0 10px; }
.boardReg-box .ipbox-footer .btn a { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:#eee; }
.boardReg-box .ipbox-footer .btn a span { font-weight:700; color:#aaa; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.boardReg-box .ipbox-footer .btn button { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.boardReg-box .ipbox-footer .btn2 button { transition:all 0.5s; width:120px; height:45px; display:flex; justify-content:center; align-items:center; margin-top: 0px ;border-radius:10px; background:none; border:1px solid #ddd; }
.boardReg-box .ipbox-footer .btn button span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.boardReg-box .ipbox-footer .btn2 button span { font-weight:500; line-height:1.3; font-size:15px; letter-spacing:-0.02em; }

@media screen and (max-width:1500px){
    .boardReg-box .ipbox table col.w1 { width:280px !important; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody th,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody th { padding-left: 20px; }
}
@media screen and (max-width:1024px){
    .boardReg-box .ipbox { padding:50px; }
    .inquiry-page .boardReg-box .inner .ipbox,
    .common-consult .ipCont.ipCont-footer { width: 100%; max-width: none; }
    .boardReg-box .ipbox table col.w1 { width:200px !important; }
    .boardReg-box .ipbox tbody th { padding:27px 0 0 20px; }
    .boardReg-box .ipbox tbody td input.ip01,
    .boardReg-box .ipbox tbody td select.sel01 { width:100%; }
    .boardReg-box .ipbox tbody td textarea,
    .boardReg-box .ipbox tbody td .sbox { height:200px; }
    .boardReg-box .ipbox .btn { margin-top:40px;}
    .boardReg-box .ipbox .btn a,
    .boardReg-box .ipbox .btn button { width:300px; height:60px; }
    .boardReg-box .ipbox .btn a span,
    .boardReg-box .ipbox .btn button span { font-size:18px; }
    .boardReg-box .ipbox-footer .Inquiry-btn button { margin:none; }
}
@media screen and (max-width:960px){
    .boardReg-box .ipbox { padding:40px; }
    .boardReg-box .ipbox tbody td .stxt { width:30px; }
    .boardReg-box .ipbox tbody td input.ip02 { width:calc(48% - 20px); }
    .boardReg-box .ipbox tbody td input.ip03 { width:calc(52% - 20px); }
    .boardReg-box .ipbox tbody td select.sel02 { width:100%; margin-top:10px; }
}
@media screen and (max-width:640px){
    .boardReg-box .ipbox { padding: 20px; overflow-x: hidden; box-sizing: border-box; }
    .boardReg-box .ipbox:has(table.inquiry-form-grid),
    .boardReg-box .ipbox-footer:has(table.inquiry-form-grid) { overflow: visible !important; }
    .boardReg-box .ipbox table col.w1 { width:auto !important; }
    .boardReg-box .ipbox tbody th { padding:15px 20px; height:auto; width:40%; border-bottom:1px solid #eee }
    .boardReg-box .ipbox tbody tr:nth-child(4) .self_input { display: none; } 
    .boardReg-box .ipbox tbody tr:nth-child(5) th { height: 80px; } 
    .boardReg-box .ipbox tbody tr:nth-child(5) td { height: 80px; } 
    .boardReg-box .ipbox tbody td { width:100%; border-left:none; padding:10px 10px 10px; }
    .boardReg-box .ipbox tbody td input.ip01,
    .boardReg-box .ipbox tbody td select.sel01 { width:100%; }
    .boardReg-box .ipbox tbody td textarea,
    .boardReg-box .ipbox tbody td .sbox { height:160px; }
    .boardReg-box .ipbox .btn { margin-top:20px;}
    .boardReg-box .ipbox .btn a,
    .boardReg-box .ipbox .btn button { width:calc(50% - 5px); height:55px; }
    .boardReg-box .ipbox .btn a span,
    .boardReg-box .ipbox .btn button span { font-size:16px; }
    /* inquiry-form-grid 모바일: 라벨 위·입력 아래 1열 배치, 폼 간격 충분히 확보 */
    .boardReg-box .ipbox table.inquiry-form-grid,
    .boardReg-box .ipbox-footer table.inquiry-form-grid,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid { display: block !important; table-layout: auto !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: visible !important; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody { display: block !important; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody tr,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr { display: contents !important; flex-direction: column !important; flex-wrap: nowrap !important; width: 100% !important; min-height: 0 !important; margin-bottom: 36px !important; gap: 20px !important; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody tr:last-child,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child { margin-bottom: 0 !important; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody th,
    .boardReg-box .ipbox table.inquiry-form-grid tbody td,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody th,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody th,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
    /* 라벨: flex gap으로 간격 확보 */
    .boardReg-box .ipbox table.inquiry-form-grid tbody th,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody th,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody th { min-width: 0 !important; min-height: 40px !important; padding: 16px 16px 8px !important; margin-top: 0 !important; height: auto !important; font-size: 14px !important; border: none !important; border-bottom: none !important; background: #f5f6f7 !important; flex-shrink: 0 !important; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody tr th:nth-child(3),
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr th:nth-child(3),
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr th:nth-child(3) {  padding-top: 24px !important; }
    /* 입력: 라벨 아래 flex gap으로 간격, flex-shrink:0으로 잘림 방지 */
    .boardReg-box .ipbox table.inquiry-form-grid tbody td,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td { min-width: 0 !important; min-height: 56px !important; border: none !important; border-left: none !important; padding: 20px 16px 24px !important; margin-top: 0 !important; border-bottom: 1px solid #eee !important; background: #fff !important; flex-shrink: 0 !important; }
    /* 문의 내용 행(마지막): textarea 영역 여유 */
    .boardReg-box .ipbox table.inquiry-form-grid tbody tr:last-child td,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child td,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child td { min-height: 200px !important; padding: 20px 16px 28px !important; margin-top: 0 !important; }
    #footer-inquiry-floating-mount .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child td {min-height: 0 !important;}
    #footer-inquiry-floating-mount .boardReg-box .ipbox-footer table.inquiry-form-grid tbody tr:last-child td textarea {height: 92px !important;}
    .boardReg-box .ipbox table.inquiry-form-grid tbody td input.ip01,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td input.ip01,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td input.ip01 { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
    .boardReg-box .ipbox table.inquiry-form-grid tbody td textarea,
    .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td textarea,
    .common-consult .boardReg-box .ipbox-footer table.inquiry-form-grid tbody td textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
    /* 반응형: 기타 입력 필드 아래로, td 높이 해제 */
    .boardReg-box .ipbox td.inquiry-path-cell,
    .boardReg-box .ipbox-footer td.inquiry-path-cell,
    .common-consult .boardReg-box .ipbox-footer td.inquiry-path-cell { height: auto !important; min-height: auto !important; max-height: none !important; padding: 10px 16px 20px !important; }
    .boardReg-box .ipbox .etc-path-inline.is-visible,
    .boardReg-box .ipbox-footer .etc-path-inline.is-visible,
    .common-consult .boardReg-box .ipbox-footer .etc-path-inline.is-visible { display: block !important; width: 100%; margin-left: 0; margin-top: 8px; }
    .boardReg-box .ipbox .etc-path-inline input,
    .boardReg-box .ipbox-footer .etc-path-inline input,
    .inquiry-agreement-wrap { margin-top: 0; }
    .common-consult .boardReg-box .ipbox-footer .etc-path-inline input { width: 100%; max-width: none; height: 45px; line-height: normal; padding: 0 20px; box-sizing: border-box; }
    /* 문의경로: 라벨 밑에 채널 칩 가로 넘으면 줄바꿈 */
    .boardReg-box .ipbox .inquiry-path-wrap .channel,
    .boardReg-box .ipbox-footer .inquiry-path-wrap .channel,
    .common-consult .boardReg-box .ipbox-footer .inquiry-path-wrap .channel { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; max-width: 100%; }
    /* 하단폼 래퍼: inquiry-form-grid 사용 시 overflow 해제로 잘림 방지 */
    .common-consult .ipCont-footer { box-sizing: border-box; }
    .common-consult .ipCont-footer:has(table.inquiry-form-grid) { overflow: visible !important; }
}

/* animation */
.boardReg-box { opacity:1; }
.boardReg-box.subOn { animation-fill-mode:both; }

.modal-boardReg-box .ipbox { background:#fff; border-radius:10px; padding:10px; }
.modal-boardReg-box .ipbox .tel-order { width: 100%; display: flex; justify-content: center; }
.modal-boardReg-box .ipbox .tel-order a.tel { position:relative; font-weight:300; padding-left:25px; display:inline-block; margin-top: 30px; }
.modal-boardReg-box .ipbox .tel-order a.tel:before { content:""; display:block; width:18px; height:18px; background:#c0c0c0 url(../img/common/tel_icon.png) center no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:18px; }
.modal-boardReg-box .ipbox table { width:100%; border-top:1px solid #000; }
.modal-boardReg-box .ipbox tbody th { width: 26%;text-align:left; height:55px; vertical-align:top; padding:20px 0 0 26px; border-bottom:1px solid #ddd; background:#f5f6f7; }
.modal-boardReg-box .ipbox tbody th strong { color:#333; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.modal-boardReg-box .ipbox tbody th strong span { color:#f30c0c; }
.modal-boardReg-box .ipbox tbody td { height: 55px;text-align:left;  border:1px solid #ddd; border-width:0 0 1px 1px; }
.modal-boardReg-box .ipbox tbody td input[type="text"],
.modal-boardReg-box .ipbox tbody td input[type="password"] { height:45px; padding:0 20px; font-size:16px; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.modal-boardReg-box .ipbox tbody td textarea { height:80px; padding:15px 20px; width:100%; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.modal-boardReg-box .ipbox tbody td select { height:45px; line-height:45px; padding:0 40px 0 20px; font-size:16px; color:#555; font-weight:400; border:1px solid #ddd; outline:none; appearance:none; border-radius:10px; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.modal-boardReg-box .ipbox tbody td select::-ms-expand { display:none; }
.modal-boardReg-box .ipbox tbody td input::placeholder,
.modal-boardReg-box .ipbox tbody td textarea::placeholder { font-size:16px; color:#ccc }
.modal-boardReg-box .ipbox tbody td input.ip01,
.modal-boardReg-box .ipbox tbody td select.sel01 { width:75%; }
/* .modal-boardReg-box .ipbox tbody td input.ip02 { width:calc(30% - 18px); } */
.modal-boardReg-box .ipbox tbody td input.ip02 { width:75%; }
.modal-boardReg-box .ipbox tbody td input.ip03 { width:calc(35% - 18px); }
.modal-boardReg-box .ipbox tbody td select.sel02 { width:calc(35% - 12px); }
.modal-boardReg-box .ipbox tbody td .stxt { width:35px; text-align:center; display:inline-block }
.modal-boardReg-box .ipbox tbody td .sbox { overflow:auto; height:215px; padding:20px; font-size:16px; line-height:1.6; color:#555; font-weight:400; border:none; outline:none; background:#fbfbfb; border-radius:10px; }
.modal-boardReg-box .ipbox .ch-box { margin:30px 0 15px; text-align:right; }
.modal-boardReg-box .ipbox .ch { position:relative; display:inline-block }
.modal-boardReg-box .ipbox .ch input[type="checkbox"],
.modal-boardReg-box .ipbox .ch input[type="radio"]{opacity:0; height:auto; position:absolute; left:7px; top:0; }
.modal-boardReg-box .ipbox .ch input[type="checkbox"] + span,
.modal-boardReg-box .ipbox .ch input[type="radio"] + span { position:relative; padding:0 0 0 35px; font-weight:300; font-size:15px; line-height:1.1 !important; display:inline-block; color:#555; }
.modal-boardReg-box .ipbox .ch input[type="checkbox"] + span:after,
.modal-boardReg-box .ipbox .ch input[type="radio"] + span:after { content:''; display:block; margin:-4px 0 0 0; width:25px; height:25px; vertical-align:middle; background:none; border-radius:5px; border:1px solid #ddd; position:absolute; left:0; top:-2px; }
.modal-boardReg-box .ipbox .ch input[type="checkbox"]:checked + span:after,
.modal-boardReg-box .ipbox .ch input[type="radio"]:checked + span:after { background:url(../img/common/icon_ch_on1.png) no-repeat center center; }
.modal-boardReg-box .ipbox .btn { margin-top:30px; text-align:center; display:flex; justify-content:center; align-items:center; gap:0 10px; }
.modal-boardReg-box .ipbox .btn a { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:#eee; }
.modal-boardReg-box .ipbox .btn a span { font-weight:700; color:#aaa; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.modal-boardReg-box .ipbox .btn button { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.modal-boardReg-box .ipbox .btn2 button { transition:all 0.5s; width:120px; height:45px; margin-left: 10px; display:flex; justify-content:center; align-items:center; border-radius:10px; background:none; border:1px solid #ddd; }
.modal-boardReg-box .ipbox .btn button span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.modal-boardReg-box .ipbox .btn2 button span { font-weight:500; line-height:1.3; font-size:15px; letter-spacing:-0.02em; }
.modal-boardReg-box .ipbox .g-recaptcha { padding: 10px; }
.agreement-checkbox { display: flex;  }
.agreement-checkbox label { position: relative;display: flex;align-items: center;cursor: pointer;font-size: 14px;color: #333;user-select: none;padding: 12px; }
.agreement-checkbox label input[type="checkbox"] { position: absolute;opacity: 0;cursor: pointer; }
.agreement-checkbox label .checkmark { width: 20px;height: 20px;background-color: #fff;border: 2px solid #ccc;border-radius: 4px;position: relative;transition: all 0.2s ease; }
.agreement-checkbox label input:checked + .checkmark { background-color: var(--mainColor);border-color: var(--mainColor); }
.agreement-checkbox label .checkmark::after { content: ""; position: absolute; left: 50%; top: 35%; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); opacity: 0; transition: 0.2s ease; }
.agreement-checkbox label:hover .checkmark { background-color: #f0f0f0; }
.agreement-checkbox label input:checked + .checkmark::after { opacity: 1; }
.agreement-checkbox label .label-text { line-height: 1.5; }
.agreement-checkbox .privacy { display: flex; align-items: center;line-height: 1.6; }
.agreement-checkbox .privacy .label-privacy a{ margin-left: 8px; color: #999; }
.agreement-checkbox .privacy .label-privacy a:hover { color: #555;transition: all 0.2s ease; }

/* inquiry.php 개인정보 수집 이용약관 동의 */
.inquiry-agreement-wrap { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }
.inquiry-agreement-wrap .agreement-item { margin-bottom: 8px; }
.inquiry-agreement-wrap .agreement-item:last-child { margin-bottom: 0; }
.inquiry-agreement-wrap .agreement-checkbox { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.inquiry-agreement-wrap .agreement-checkbox label { display: flex; align-items: center; cursor: pointer; margin: 0; padding: 0; position: relative; gap: 8px; }
.inquiry-agreement-wrap .agreement-checkbox label input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; }
.inquiry-agreement-wrap .agreement-checkbox label .checkmark { flex-shrink: 0; width: 20px; height: 20px; background-color: #fff; border: 2px solid #ccc; border-radius: 4px; position: relative; transition: all 0.2s ease; }
.inquiry-agreement-wrap .agreement-checkbox label input:checked + .checkmark { background-color: var(--mainColor); border-color: var(--mainColor); }
.inquiry-agreement-wrap .agreement-checkbox label .checkmark::after { content: ""; position: absolute; left: 50%; top: 40%; width: 6px; height: 11px; border: solid white; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); opacity: 0; transition: 0.2s ease; }
.inquiry-agreement-wrap .agreement-checkbox label input:checked + .checkmark::after { opacity: 1; }
.inquiry-agreement-wrap .agreement-checkbox .label-text { font-size: 15px; color: #333; line-height: 1.5; }
/* 전문보기: 하단 .common-consult .ipCont button 과 동등·낮은 특이도 충돌 시 대비해 구체적 선택자 포함 */
.inquiry-agreement-wrap .btn-detail-toggle,
.common-consult .ipCont .inquiry-agreement-wrap .btn-detail-toggle,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .btn-detail-toggle {
	margin: 0;
	width: auto;
	max-width: none;
	height: auto;
	min-height: 0;
	line-height: normal;
	padding: 6px 14px;
	font-size: 13px;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.25s, border-color 0.25s, color 0.25s;
	background: #2d2d2d;
	color: #fff;
	border: 1px solid #2d2d2d;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.inquiry-agreement-wrap .btn-detail-toggle:hover,
.common-consult .ipCont .inquiry-agreement-wrap .btn-detail-toggle:hover,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .btn-detail-toggle:hover {
	background: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}
.inquiry-agreement-wrap .btn-detail-toggle.is-open,
.common-consult .ipCont .inquiry-agreement-wrap .btn-detail-toggle.is-open,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .btn-detail-toggle.is-open {
	background: transparent;
	color: #666;
	border: 1px solid #d0d0d0;
}
.inquiry-agreement-wrap .btn-detail-toggle.is-open:hover,
.common-consult .ipCont .inquiry-agreement-wrap .btn-detail-toggle.is-open:hover,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .btn-detail-toggle.is-open:hover {
	background: #f8f8f8;
	color: #333;
	border-color: #c5c5c5;
}
.inquiry-agreement-wrap .agreement-detail-box { display: none; margin-top: 12px; padding: 16px; background: transparent; border: 1px solid #ddd; border-radius: 8px; max-height: 220px; overflow-y: auto; }
.inquiry-agreement-wrap .agreement-detail-box::-webkit-scrollbar { width: 8px; }
.inquiry-agreement-wrap .agreement-detail-box::-webkit-scrollbar-thumb { background: var(--mainColor); border-radius: 4px; }
.inquiry-agreement-wrap .agreement-detail-box::-webkit-scrollbar-track { background: #E8E8E8; }
.inquiry-agreement-wrap .agreement-detail-box.on { display: block; }
.inquiry-agreement-wrap .agreement-detail-inner { font-size: 13px; line-height: 1.7; color: #555; }
.inquiry-agreement-wrap .agreement-detail-inner h4 { margin: 16px 0 8px; font-size: 14px; font-weight: 600; color: #333; }
.inquiry-agreement-wrap .agreement-detail-inner h4:first-child { margin-top: 0; }
.inquiry-agreement-wrap .agreement-detail-inner p { margin: 0 0 8px; }
.inquiry-agreement-wrap .agreement-detail-inner ul,
.inquiry-agreement-wrap .agreement-detail-inner ol { margin: 0 0 8px; padding-left: 20px; }
.inquiry-agreement-wrap .agreement-detail-inner li { margin-bottom: 4px; }
/* 하단 상담(.ipCont)의 flex 폼용 ul 규칙이 전문보기 내 목록까지 적용되어 2열처럼 보이는 것 방지 */
.common-consult .ipCont .inquiry-agreement-wrap .agreement-detail-inner ul,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .agreement-detail-inner ul {
	display: block;
	width: 100%;
	flex-wrap: unset;
}
.common-consult .ipCont .inquiry-agreement-wrap .agreement-detail-inner ul li,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .agreement-detail-inner ul li {
	display: block;
	width: 100% !important;
	max-width: none;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 6px;
	box-sizing: border-box;
}
.common-consult .ipCont .inquiry-agreement-wrap .agreement-detail-inner ol,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .agreement-detail-inner ol {
	display: block;
	width: 100%;
	padding-left: 1.25em;
	box-sizing: border-box;
}
.common-consult .ipCont .inquiry-agreement-wrap .agreement-detail-inner ol li,
.boardReg-box .ipbox-footer .inquiry-agreement-wrap .agreement-detail-inner ol li {
	display: list-item;
	width: 100% !important;
	max-width: none;
	padding-left: 0.35em !important;
	padding-right: 0 !important;
	margin-bottom: 6px;
	list-style-type: decimal;
	list-style-position: outside;
}
.inquiry-agreement-wrap + .btn { margin-top: 24px !important; }
.inquiry-agreement-wrap + .Inquiry-btn { margin-top: 24px !important; }

/* 문의경로 (inquiry.php, request.php 푸터) - td 높이 고정 */
.boardReg-box .ipbox td.inquiry-path-cell,
.boardReg-box .ipbox-footer td.inquiry-path-cell { height: 50px; min-height: 50px; max-height: 50px; vertical-align: middle; }
.boardReg-box .ipbox .inquiry-path-wrap,
.boardReg-box .ipbox-footer .inquiry-path-wrap { padding: 8px 0; display: grid; align-items: center; }
.boardReg-box .ipbox .inquiry-path-wrap .channel,
.boardReg-box .ipbox-footer .inquiry-path-wrap .channel { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.boardReg-box .ipbox .radio-btn,
.boardReg-box .ipbox-footer .radio-btn { position: relative; cursor: pointer; user-select: none; display: inline-block; }
.boardReg-box .ipbox .radio-btn input[type="radio"],
.boardReg-box .ipbox-footer .radio-btn input[type="radio"] { display: none; }
.boardReg-box .ipbox .radio-btn span,
.boardReg-box .ipbox-footer .radio-btn span { display: inline-block; padding: 8px 14px; border: 1px solid #ddd; border-radius: 25px; background-color: #f8f8f8; color: #333; font-size: 14px; transition: all 0.2s ease-in-out; }
.boardReg-box .ipbox .radio-btn input[type="radio"]:checked + span,
.boardReg-box .ipbox-footer .radio-btn input[type="radio"]:checked + span { background-color: var(--mainColor); border-color: var(--mainColor); color: white; }
.boardReg-box .ipbox .etc-path-inline,
.boardReg-box .ipbox-footer .etc-path-inline { display: none; margin-left: 4px; vertical-align: middle; }
.boardReg-box .ipbox .etc-path-inline.is-visible,
.boardReg-box .ipbox-footer .etc-path-inline.is-visible { display: inline-block; }
.boardReg-box .ipbox .etc-path-inline input,
.boardReg-box .ipbox-footer .etc-path-inline input { width: 240px; min-width: 180px; height: 34px; padding: 0 14px; font-size: 14px; line-height: 34px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; }

.modal-boardReg-box .ipbox .inquiry-path-wrap { padding: 8px;display: grid; align-items: center; }
.modal-boardReg-box .ipbox .inquiry-path-wrap .channel { display: flex; gap: 6px; height: 45px; align-items: center; }
.modal-boardReg-box .ipbox .inquiry-path-wrap input[type="text"] { width: 75%; }
.modal-boardReg-box .ipbox .radio-btn { position: relative;cursor: pointer;user-select: none;display: inline-block; }
.modal-boardReg-box .ipbox .radio-btn input[type="radio"] {display: none;}
.modal-boardReg-box .ipbox .radio-btn span { display: inline-block;padding: 10px 16px;border: 1px solid #ddd;border-radius: 25px;background-color: #f8f8f8;color: #333;font-size: 14px;transition: all 0.2s ease-in-out;}
.modal-boardReg-box .ipbox .radio-btn input[type="radio"]:checked + span {background-color: #007BFF;border-color: #007BFF;color: white;}
.popup-wrap .popup-body .btn { padding: 8px; }
.popup-wrap .popup-body .btn a { transition:all 0.5s; width:100%; height:50px; border:none; display:flex; justify-content:center; align-items:center; border-radius:6px; color: #fff;background:var(--mainColor); }
.popup-wrap .popup-body .btn a span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.popup-wrap .popup-body .btn button { transition:all 0.5s; width:315px; height:70px; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.popup-wrap .popup-body .btn button span { font-weight:700; color:#fff; line-height:1.3; font-size:18px; letter-spacing:-0.02em; }


@media screen and (max-width:720px){
.modal-boardReg-box .ipbox .btn { margin-top:10px; }
.modal-boardReg-box .ipbox .radio-btn span { font-size: 12px; }
.modal-boardReg-box .ipbox .inquiry-path-wrap input[type="text"] { width: 100%; margin-top: 8px; }
}


@media screen and (max-width:1500px){
    .modal-boardReg-box .ipbox table col.w1 { width:280px !important; }
}
@media screen and (max-width:1024px){
    /* .modal-boardReg-box .ipbox { padding:50px; } */
    .modal-boardReg-box .ipbox table col.w1 { width:200px !important; }
    .modal-boardReg-box .ipbox tbody th { padding:27px 0 0 26px; }
    .modal-boardReg-box .ipbox tbody td input.ip01,
    .modal-boardReg-box .ipbox tbody td select.sel01 { width:100%; }
    .modal-boardReg-box .ipbox tbody td textarea,
    .modal-boardReg-box .ipbox tbody td .sbox { height:200px; }
    .modal-boardReg-box .ipbox .btn { margin-top:40px;}
    .modal-boardReg-box .ipbox .btn a,
    .modal-boardReg-box .ipbox .btn button { width:300px; height:60px; }
    .modal-boardReg-box .ipbox .btn a span,
    .modal-boardReg-box .ipbox .btn button span { font-size:18px; }
    .modal-boardReg-box .ipbox .radio-btn span { padding: 6px 8px; }
    .modal-boardReg-box .ipbox .inquiry-path-wrap { display: inline-grid; width: 100%; }
    .modal-boardReg-box .ipbox .inquiry-path-wrap .channel { display: inline-block; gap: 12px; height: auto; }
}
@media screen and (max-width:960px){
    /* .modal-boardReg-box .ipbox { padding:40px; } */
    .modal-boardReg-box .ipbox tbody td .stxt { width:30px; }
    .modal-boardReg-box .ipbox tbody td input.ip02 { width: 100%; }
    /* .modal-boardReg-box .ipbox tbody td input.ip02 { width:calc(48% - 20px); } */
    .modal-boardReg-box .ipbox tbody td input.ip03 { width:calc(52% - 20px); }
    .modal-boardReg-box .ipbox tbody td select.sel02 { width:100%; margin-top:10px; }
}
@media screen and (max-width:640px){
    /* .modal-boardReg-box .ipbox { padding:20px; } */
    .modal-boardReg-box .ipbox table col.w1 { width:auto !important; }
    /* .boardReg-box .ipbox tbody tr { display:flex;flex-direction: row;} */
    .modal-boardReg-box .ipbox tbody th { padding:15px 20px 15px 26px; height:auto; width:30%; border-bottom:1px solid #eee }
    .modal-boardReg-box .ipbox tbody tr:nth-child(4) .self_input { display: none; } 
    .modal-boardReg-box .ipbox tbody tr:nth-child(5) th { height: 80px; } 
    .modal-boardReg-box .ipbox tbody tr:nth-child(5) td { height: 80px; } 
    .modal-boardReg-box .ipbox tbody td { width:100%; border-left:none; padding:10px 10px 10px; }
    .modal-boardReg-box .ipbox tbody td input.ip01,
    .modal-boardReg-box .ipbox tbody td select.sel01 { width:100%; }
    .modal-boardReg-box .ipbox tbody td textarea,
    .modal-boardReg-box .ipbox tbody td .sbox { height:160px; }
    .modal-boardReg-box .ipbox .btn { margin-top:20px;}
    .modal-boardReg-box .ipbox .btn a,
    .modal-boardReg-box .ipbox .btn button { width:calc(50% - 5px); height:55px; }
    .modal-boardReg-box .ipbox .btn a span,
    .modal-boardReg-box .ipbox .btn button span { font-size:16px; }

}

.board-box .privacy-box .box { background:#fff; border-radius:10px; padding:60px; min-height:500px; height: 500px; resize: none; line-height: 20px; overflow-y: scroll; font-size: 14px; }
.board-box .privacy-box .box::-webkit-scrollbar { width: 8px; }
.board-box .privacy-box .box::-webkit-scrollbar-thumb { background: var(--mainColor); height: 6%; }
.board-box .privacy-box .box::-webkit-scrollbar-track { background: #E8E8E8; }
@media screen and (max-width:1024px){
    .board-box .privacy-box .box { padding:50px; }
}
@media screen and (max-width:640px){
    .board-box .privacy-box .box { padding:20px; }
}

.modal-board-box { padding-bottom: 20px; }
.modal-board-box .title { padding: 0 20px; text-align: center;margin-bottom: 24px; }
.modal-board-box .title .txt-1 { font-weight:300; font-size:32px; color:#222; line-height:1.3; overflow:hidden; }
.modal-board-box .title .txt-1 strong { font-weight: 600; }
.modal-board-box .title .txt-2 {margin-top:12px; font-weight:400; color:#222; letter-spacing:-0.02em; line-height:1.5; overflow:hidden; word-break:keep-all; }
.modal-board-box .privacy-box .box { background:#fff; border-radius:10px; padding:30px; resize: none; line-height: 20px;font-size: 14px; height: 530px; overflow: auto; }
.modal-board-box .privacy-box .box::-webkit-scrollbar { width: 8px; }
.modal-board-box .privacy-box .box::-webkit-scrollbar-thumb { background: var(--mainColor); height: 6%; }
.modal-board-box .privacy-box .box::-webkit-scrollbar-track { background: #E8E8E8; }
@media screen and (max-width:1024px){
    .modal-board-box .privacy-box .box { padding:50px; }
}
@media screen and (max-width:640px){
    .modal-board-box .privacy-box .box { padding:20px; }
}

/* animation */
.board-box .privacy-box { opacity:0; }
.board-box .privacy-box.subOn { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }


.board-box .board-search .box { position:relative; display:flex; justify-content:flex-end; gap:0 10px; }
.board-box .board-search select { width:200px; padding:0 20px; outline:none; line-height:45px; height:45px; font-size:16px; font-weight:400; color:#555; border:1px solid #ddd; border-radius:10px; appearance:none; background:#fff url(../img/board/icon_select_down.png) right center no-repeat; }
.board-box .board-search select::-ms-expand { display:none; }
.board-box .board-search input[type="text"] { width:500px; padding:0 20px; line-height:45px; height:45px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:400; color:#555; background-color:#fff; border-radius:10px; }
.board-box .board-search input[type="submit"] { position:relative; width:100%; line-height:45px; height:45px; color:#fff; font-size:16px; font-weight:500; outline:none; border:none; background:var(--mainColor);  border-radius:10px; }
.board-box .board-search .btn-search { position:relative; width:200px; }
.board-box .board-search input::placeholder { font-size:16px; color:#ccc }
.board-box .board-list .listbox { margin-top:40px; }
.board-box .board-list .listbox table { width:100%; border-top:1px solid var(--mainColor); }
.board-box .board-list .listbox table thead th { height:75px; background:#f2f6fa; border-bottom:1px solid #ddd; font-weight:400; color:#222; line-height:1.3; font-size:17px;  }
.board-box .board-list .listbox table tbody td { text-align:center; padding:25px 10px; background:#fff; border-bottom:1px solid #ddd; font-weight:400; color:#555; line-height:1.3; font-size:17px;  }
.board-box .board-list .listbox table tbody td.td-left { text-align:left; padding-left:80px; }
.board-box .board-list .listbox table tbody td a { color:#555; }
.board-box .board-list .listbox table tbody tr.notice td { background:#f2f6fa; }
.board-box .page { margin:50px auto 0 auto; text-align:center; }
.board-box .page a { position:relative; display:flex; align-items:center; justify-content:center; font-size:16px; height:40px; font-weight:400; color:#8c8c8c; padding:0 10px; min-width:40px; background:#fff; }
.board-box .page ul { display:inline-block; }
.board-box .page li { display:inline-block; vertical-align:middle; margin:0 1px;  }
.board-box .page li.on a { color:#fff; background:var(--mainColor); }
.board-box .page .btn_pn { display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-9999em; }
.board-box .page .btn_prev { background:#fff url(../img/board/btn_b_prev.png) center center no-repeat; }
.board-box .page .btn_next { background:#fff url(../img/board/btn_b_next.png) center center no-repeat; }
@media screen and (max-width:1500px){
    .board-box .board-list table col.w1 { width:90px !important; }
    .board-box .board-list table col.w2 { width:180px !important; }
    .board-box .board-list table col.w3 { width:100px !important; }
    .board-box .board-list .listbox table tbody td.td-left { padding-left:60px; }
}
@media screen and (max-width:1024px){
    .board-box .board-search select { width:150px; }
    .board-box .board-search input[type="text"] { width:calc(100% - 150px - 160px - 20px); }
    .board-box .board-search .btn-search { width:160px; }
    .board-box .board-list table col.w1 { width:80px !important; }
    .board-box .board-list table col.w2 { width:140px !important; }
    .board-box .board-list table col.w3 { width:80px !important; }
    .board-box .board-list .listbox table thead th { height:60px; font-size:16px; }
    .board-box .board-list .listbox table tbody td { padding:20px 5px; font-size:16px; }
    .board-box .board-list .listbox table tbody td.td-left { padding-left:40px; }
}
@media screen and (max-width:640px){
    .board-box .board-search .box { gap:0 5px; }
    .board-box .board-search select { width:120px; }
    .board-box .board-search input[type="text"] { width:calc(100% - 120px - 120px - 5px); }
    .board-box .board-search .btn-search { width:120px; }
    .board-box .board-list table col.w1 { width:70px !important; }
    .board-box .board-list table col.w2 { width:100px !important; }
    .board-box .board-list table col.w3 { width:70px !important; }
    .board-box .board-list .listbox table tbody td.td-left { padding-left:0; }
    .board-box .page { margin:30px auto 0 auto; }
    .board-box .page a { height:36px; min-width:36px; }
}
@media screen and (max-width:480px){
    .board-box .board-search .box { flex-wrap:wrap; }
    .board-box .board-search select { width:150px; }
    .board-box .board-search input[type="text"] { width:calc(100% - 150px - 5px); }
    .board-box .board-search .btn-search { width:100%; margin-top:5px; }
}
@media screen and (max-width:480px){
    .board-box .board-list .listbox table thead th:nth-child(1) {
        width: 10px;
    }
    .board-box .board-list .listbox table thead th:nth-child(4) {
        width: 60px;
    }
}



/* animation */
.board-list { opacity:0; }
.board-list.subOn { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }


.board-view .viewbox .viewTop { padding:40px; border-top:1px solid var(--mainColor); background:#f2f6fa; display:flex; flex-wrap:wrap; align-items:center;}
.board-view .viewbox .viewTop .title { font-size:22px; line-height:1.6; font-weight:500; color:#222; width:calc(100% - 300px); padding-right:30px; }
.board-view .viewbox .viewTop .stxt { font-size:17px; font-weight:400; color:#555; width:300px; text-align:right; display:flex; gap:20px; }
.board-view .viewbox .viewTop .w { position:relative;width: 100px; }
.board-view .viewbox .viewTop .date { width: 200px; }
.board-view .viewbox .viewTop .w:before { content:""; display:block; position:absolute; left:-10px; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#555; }
.board-view .viewbox .viewCont { border-top:1px solid #ddd; border-bottom:1px solid var(--mainColor); background:#fff; }
.board-view .viewbox .viewCont .contBox { padding:40px; min-height:500px; color:#666; line-height:1.6; font-size:16px; }
.board-view .viewbox .viewCont .contBox img { max-width:100%; }
.board-view .viewbox .btnBox { margin:50px 0 0 0; }
.board-view .viewbox .btnBox .btn_left { float:left; }
.board-view .viewbox .btnBox .btn_right { float:right; }
.board-view .viewbox .btnBox a { transition:all 0.5s; width:315px; height:70px; margin:0 auto; border:none; display:flex; justify-content:center; align-items:center; border-radius:10px; background:var(--mainColor); }
.board-view .viewbox .btnBox a span { font-weight:700; color:#fff; line-height:1.3; font-size:20px; letter-spacing:-0.02em; }
.board-view .viewbox .btnBox .btn_center { text-align:center; }
.board-view .viewbox .btn_prevnext li { border-bottom:1px solid #ddd; position:relative; color:#888; font-size:16px; letter-spacing:-0.02em; display:flex; align-items:center; background:#fff }
.board-view .viewbox .btn_prevnext li strong { width:370px; height:75px; padding-left:40px; color:#333; display:flex; align-items:center; background:#f2f6fa; }
.board-view .viewbox .btn_prevnext li span { width:calc(100% - 370px); padding:0 20px; display:flex; align-items:center; color:#888; }
.board-view .viewbox .btn_prevnext li a { color:#888; font-size:15px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media screen and (max-width:1500px){
    .board-view .viewbox .btn_prevnext li strong { width:300px; height:70px; }
    .board-view .viewbox .btn_prevnext li span { width:calc(100% - 300px); }
}
@media screen and (max-width:1280px){
    .board-view .viewbox .viewTop .title { font-size:20px; width:calc(100% - 300px); }
    .board-view .viewbox .viewTop .stxt { font-size:16px; width:300px; }
    .board-view .viewbox .viewTop .w { position:relative;width: 90px; }
.board-view .viewbox .viewTop .date { width: 210px; }
    .board-view .viewbox .btn_prevnext li strong { width:200px; height:65px; }
    .board-view .viewbox .btn_prevnext li span { width:calc(100% - 200px); }
}
@media screen and (max-width:1024px){
    .board-view .viewbox .viewTop { padding:30px; }
    .board-view .viewbox .viewTop .title { font-size:18px; }
    .board-view .viewbox .viewTop .stxt { font-size:16px; }
	.board-view .viewbox .viewCont .contBox { min-height:300px; }
    .board-view .viewbox .btn_prevnext li strong { width:150px; height:60px; }
    .board-view .viewbox .btn_prevnext li span { width:calc(100% - 150px); }
    .board-view .viewbox .btnBox { margin-top:40px;}
    .board-view .viewbox .btnBox a { width:300px; height:60px; }
    .board-view .viewbox .btnBox a span  { font-size:18px; }
}
@media screen and (max-width:960px){
    .board-view .viewbox .viewTop .title { width:100%; padding:0; text-align:center; }
    .board-view .viewbox .viewTop .stxt { width:100%; margin-top:20px; text-align:right; justify-content:flex-end }
}
@media screen and (max-width:640px){
    .board-view .viewbox .viewTop { padding:20px 10px; }
    .board-view .viewbox .viewTop .title { font-size:16px; }
    .board-view .viewbox .viewTop .stxt { font-size:15px; }
	.board-view .viewbox .viewCont .contBox { padding:30px; }
    .board-view .viewbox .btn_prevnext li strong { width:90px; padding-left:15px; }
    .board-view .viewbox .btn_prevnext li span { width:calc(100% - 90px); }
}
@media screen and (max-width:480px){
    .board-view .viewbox .btnBox { margin-top:20px;}
    .board-view .viewbox .btnBox a { width:100%; height:55px; }
    .board-view .viewbox .btnBox a span { font-size:16px; }
}

/* animation */
.board-view { opacity:0; }
.board-view.subOn { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }


.terms .text-container {
	background: #fff;
	border-radius: 8px;
	padding: 48px;
}

.terms .text-container h5 {
	color: var(--text-basic);
	line-height: 20px;
	font-size: 18px;
	font-weight: 600;
}
.terms .text-container .termtxt strong {
	color: var(--text-basic);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	display: block;
	margin-bottom: 16px;
}
.terms .text-container p,
.terms .text-container .text {
	color: var(--text-sub);
	font-weight: 400;
	line-height: 1.8;
	font-size: 16px;
}
.terms .text-container ul {
	padding-left: 25px;
}
.terms .text-container ul li {
	list-style: outside;
	line-height: 1.8;
}