@charset "utf-8";

/* 바꿔서 사용하는 영역 s*/
    :root {
        --main-bg: #082E57; /* 버튼, 페이지네이션 */
        --sub-bg: #0762C3;

        --border-dark:#888888; /* table 테두리 - 폼메일, 게시판 */
        --border-light:#dedede; /* table 테두리 - 폼메일, 게시판 */
        
        --form-input-height: 34px; 
        --form-title:#ffffff; /* label 컬러 */
        --form-title-bg:#f5f5f5; /* label 백그라운드 */
        
        --form-input-border:#dedede; /* input 감싸는 div 테두리 */
        --form-input-bg:#fafafa; /* input 백그라운드 */

        --view-max-width: 1024px; /* board_view 페이지 max-width */
    }
/* 바꿔서 사용하는 영역 e*/

/* reset(기본셋팅 영역) s */
table > a:hover { text-decoration: underline; }
a:focus, input:focus, select:focus, button:focus, textarea:focus { outline: none; }
input::placeholder, textarea::placeholder { color: #777777; }
input[type="text"], input[type="password"] ,textarea { width: 100%; height: var(--form-input-height); padding: 5px; background: var(--form-input-bg); line-height: var(--form-input-height); border:none; }
input[type="text"], input[type="submit"], input[type="password"], select, textarea, button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="button"] { -webkit-border-radius: 0; }
select { padding: 5px 10px; outline: none; background: url('/resources/img/common/select-arw.png') no-repeat center/contain; background-position: 90%; background-size: 10px; }
textarea { min-height: 150px; }
.capt_img { width: 100px; height: var(--form-input-height); }
#captcha { width: 130px; height: var(--form-input-height); }
.capt_btn { display: inline-block; width: var(--form-input-height); height:var(--form-input-height); background: url('/resources/img/common/reset_ico.png') no-repeat center/20px; cursor: pointer; text-indent: -9999px; border: 1px solid var(--border-light); }

/* 라디오 & 체크박스 */
input[type="radio"], input[type="checkbox"] { display: none; }
input[type=radio] + label { display: inline-block; margin-right: 12px; padding-left: 27px; min-height: var(--form-input-height); line-height: var(--form-input-height); cursor: pointer; position: relative; }
input[type=radio] + label::before { content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 20px; height:20px; background: white; border-radius: 50%; border:solid 1px #777; }
input[type=radio]:checked + label::before { background: var(--sub-bg) url("/resources/img/common/check_w.png") center/contain no-repeat; border: solid 1px transparent; }

input[type="checkbox"] + label { display: inline-block; margin-right: 12px; padding-left: 27px; min-height: var(--form-input-height); line-height: var(--form-input-height); cursor: pointer; position: relative; }
input[type="checkbox"] + label::before { content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 20px; height:20px; background: white; border:solid 1px #777; }
input[type="checkbox"]:checked + label::before { background: var(--sub-bg) url("/resources/img/common/check_w.png") center/contain no-repeat; border: solid 1px transparent; }

/* 인풋 자동완성 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: var(--main-black); -webkit-box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; transition: background-color 5000s ease-in-out 0s; }
input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active { -webkit-text-fill-color: var(--main-black); -webkit-box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; box-shadow: 0 0 0px 1000px var(--form-input-bg) inset; transition: background-color 5000s ease-in-out 0s;    }

/* 테이블 슬래시 */
.diagonal { background: url("/resources/img/common/diagonal.png") no-repeat center; background-size:100% 100%; letter-spacing: -1px;}
.noresize { resize: vertical; }
/* reset(기본셋팅 영역) e */    



.contents:has(.board) { padding:150px 0 180px; }

.board-top { display: grid; grid-template-columns: 1fr 1fr; gap:20px; align-items: center; margin-bottom: 80px; }

.notice-fix td { background: #f5f5f5; }
.notice-fix .list_num span { display: inline-block; padding:4px 8px; background: var(--point-color); color:white; border-radius: 6px; font-weight: 500; font-size: 15px; }

/* 게시판 list - 검색바 */
.search_form form { max-width: 500px; width: 100%; height: 50px; margin-top: 40px; float: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; }
.search_form select { width: 20%; height: 100%; padding-left: 14px; border:solid 1px var(--border-light); border-radius: 4px; cursor: pointer; }
.search_form .searcher-wrap { width: calc(80% - 110px); height: 100%; padding: 0 5px; position: relative; border: 1px solid var(--border-light); background: white; border-radius: 4px; }
.search_form .searcher-wrap .txt-del-btn { position: absolute; right:15px; top:50%; transform: translateY(-50%); width:18px; height:18px; background:#adadad url('/resources/img/common/close_w.png') no-repeat center/contain; overflow: hidden; text-indent: -99999px; border-radius: 50%; cursor: pointer; display: none; }
.search_form input[type="text"] { width: calc(100% - 34px); height: 100%; background: white; }
.search_form .sch_btn { width: 100px; height: 100%; text-align: center; background: var(--main-black); color:white; border: solid 1px var(--main-black); cursor: pointer; transition: 0.3s ease-out; border-radius: 4px; }
.search_form .sch_btn:hover { background: #000; }

@media screen and (max-width:1024px){
    .contents:has(.board) { padding: 100px 0 130px; }
    .search_form form { height: 46px; }
}
@media screen and (max-width:768px){
    .board-top { display: block; }
    .search_form form { max-width: none; font-size: 15px; margin-top: 24px; }
}
@media screen and (max-width:500px){
    .search_form form {height: auto; margin-top: 16px;}
    .search_form select {width: 30%;}
    .search_form .searcher-wrap { width:69%; margin: 0; margin-left:1%; }
    .search_form .sch_btn { width:100%; margin-top:10px;}
    .search_form select { height: 42px; }
    .search_form input[type="text"] { height: 42px; }
    .search_form .sch_btn { height: 42px; }
}


/* form-mail */

.form-wrap { padding: 160px 0 100px; }
.form-wrap .wrap { width: 92%; max-width: 640px; margin: 0 auto; }

.form-wrap .logo-box { width: 78%; max-width: 340px; margin: 0 auto 80px; }
.form-wrap .tit-box { margin-bottom: 60px; }
.form-wrap .tit-box h3 { font: 700 32px/100% var(--font-family); margin-bottom: 16px; }
.form-wrap .tit-box .sub-txt > span { display: block; font: 400 16px/135% var(--font-family); color: var(--sub-black); }

.basic_form select { padding-right:24px; }
.basic_form .frm-itm + .frm-itm { margin-top: 28px; }
.basic_form .frm-itm .frm-tit { display: block; font: 600 15px/100% var(--font-family); margin-bottom: 8px; }
.basic_form .frm-itm .frm-tit span { color: var(--point-color); }
.basic_form .frm-itm input { height: auto; padding: 13px; font: 400 16px/125% var(--font-family); border-radius: 12px; }

.basic_form input::placeholder { font: 400 15px/100% var(--font-family); color: var(--gray-lite); }
.basic_form .radio-wrap { display: flex; gap: 16px; }
.basic_form input[type=radio] + label { font: 400 15px/34px var(--font-family); margin-right: 0; padding-left: 24px; }
.basic_form input[type=radio] + label::before { width: 18px; height: 18px; }

.captcha-wrap .frm-desc { display: flex; gap:4px; }
.captcha-wrap .frm-desc img { border-radius: 8px; }
.captcha-wrap .frm-desc input { border-radius: 8px; }
.captcha-wrap .frm-desc .capt_btn { border-radius: 8px; }


.frm-btn-wrap { margin-top: 64px; }
.frm-btn-wrap > button { display: block; width: 100%; max-width: 400px; padding: 16px; border-radius: 12px; background-color: var(--sub-key-color); color: #fff; font: 600 17px/100% var(--font-family); text-align: center; margin: 0 auto; }

.form-wrap .copy-box { padding: 60px 0 0; }
.form-wrap .copy-box p { font: 300 13px/100% var(--font-family); color: var(--gray-deep); text-align: center; }

    /* form-mail - 신청 금액 */
    .amount-itm input[type="text"] { width: 120px; }
    .amount-itm input[type="text"] + span { font-weight: 600; }

    .info-itm { font-weight: 500; color:var(--warning-color); }

    /* form-mail - 첨부파일 */
    .file-itm input[type="file"] { display: none; }
    .file-itm .select-file { display: inline-block; width:100px; height: var(--form-input-height); line-height: var(--form-input-height); background: var(--main-black); color:white; text-align: center; cursor: pointer; border-radius: 8px; }
    .file-itm .file-name-txt { margin-left:8px; color:var(--sub-black); }
    .file-itm .file-name-txt.select { color:var(--main-black); }

    /* form-mail - 주소검색 */
    #zip_code { width:120px; }
    .search-address { display: inline-block; padding: 13px 24px; border-radius: 12px; font: 500 16px/125% var(--font-family); background-color: var(--main-black); color: #fff; margin-left: 4px; }
    #address_1 { margin-top: 4px; }
    #address_2 { margin-top: 4px; }

    /* form-mail - 등록버튼 */
    .end_btn { width:100%; max-width: 300px; height: 50px; padding:0 10px; background:#ddd; color:#777; border:1px solid #eee; cursor: default; transition:.3s ease; }

@media screen and (max-width:640px){
    .form-wrap .tit-box h3 { font-size: 28px; }
    .form-wrap .tit-box .sub-txt { width: calc(100% - 80px); }
    .form-wrap .tit-box .sub-txt > span { display: inline; }
}
@media screen and (max-width: 500px){
    #captcha {width: calc(100% - 128px);}
}
@media screen and (max-width:480px){
    .form-wrap .tit-box h3 { font-size: 24px; }
    .form-wrap .tit-box .sub-txt { width: 100%; }
    .form-wrap .join-wrap .lgnDiv_id #btn_id { font-size: 15px; padding: 13px 16px; }
}



/* 게시판 버튼 */
.flt-btn-wrap { width:100%; display: flex; justify-content: right; margin-top:15px; }
.flt-btn-wrap a { width:60px; height:30px; display: flex; align-items: center; justify-content: center; margin-left:10px; font-size: 15px; cursor: pointer; background: white; border:1px solid var(--border-dark); }
.flt-btn-wrap .delete-btn { background: var(--border-light); } /* 삭제버튼 */
.flt-btn-wrap .answer-btn { padding-left:15px; background: url("/resources/img/board/comment/comment_ico3.png") no-repeat 10px/9px ; } /* 답변버튼 */
.flt-btn-wrap .post-btn { width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease-out; background: var(--main-black); color:white; border-radius: 5px; } /* 글쓰기 버튼 */
.flt-btn-wrap .post-btn:hover { background: black; }

.ctr-btn-wrap { width:100%; margin-top:60px; display: flex; justify-content: center; flex-wrap: wrap; }
.ctr-btn-wrap a,.ctr-btn-wrap button { width: 150px; height:50px; margin: 0 10px ; display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 5px; transition: 0.3s ease-out; }
.ctr-btn-wrap .to-next { background: var(--main-black); color:white; }
.ctr-btn-wrap .to-next:hover { background: #000; }
.ctr-btn-wrap .to-back { border: solid 1px var(--main-black); color: var(--main-black); }
.ctr-btn-wrap .to-back:hover { background:#f5f5f5; }

@media screen and (max-width: 500px){
    .ctr-btn-wrap a,.ctr-btn-wrap button { width:100%; margin: 10px 0; }
}


/* 페이지네이션 */
.pagination { width:100%; display:inline-block; margin: 50px auto 0; text-align: center; }
.pagination button, .pagination a {	width: 32px; height: 32px; margin: 0 2px; color: var(--main-black); font-size: 15px; line-height: 32px; font-weight:400; display: inline-block; text-decoration: none; vertical-align: middle; }
.pagination button:hover, .pagination a:hover { text-decoration:underline;}
.pagination .selected {	font-weight: 700; background: var(--main-black); color:white; border-radius: 4px; }
.pagination .prev,.pagination .next, .pagination .p-prev,.pagination .n-next{ width: 26px;height: 26px; transition:.3s ease-in-out; background-image: url("/resources/img/common/page-arrow.png"); background-repeat: no-repeat; border: 1px solid #fff; text-indent: -999em;	vertical-align: middle;}
.pagination .p-prev {background-position: -8px 5px;}
.pagination .prev {background-position: -59px 5px;}
.pagination .next { background-position: -109px 5px;}
.pagination .n-next {background-position: -159px 5px;}
.pagination .prev:hover,.pagination .next:hover , .pagination .p-prev:hover,.pagination .n-next:hover{	background-color: transparent;	border-color:  #4d4d4d;}

@media screen and (max-width: 768px){
    .pagination a { margin:0; width:24px; font-size:14px;}
    .pagination .prev, .pagination .next, .pagination .p-prev, .pagination .n-next { width:24px;}
    .pagination .p-prev { background-position: -8px 15px;}
    .pagination .prev { background-position: -61px 15px;}
    .pagination .next {background-position: -110px 15px;}
    .pagination .n-next { background-position: -160px 15px;}
}


/* 문의하기 */
.contents.qna { padding-top: 70px; }
.qna .cont-wrap { display: grid; grid-template-columns: 0.8fr 1fr; }
.qna .sticky-wrap { height: fit-content; padding-top: 170px; padding-bottom: 100px; position: sticky; top:0px; }
.qna .sticky-wrap::before { content: ''; display: block; width: 90%; aspect-ratio: 1000 / 598; position: absolute; z-index: -1; left: -14%; bottom:4%; background: url('/resources/img/sub/qna_bg.png') no-repeat center/contain; opacity: 0.3; }
.qna .sticky-wrap span { position: relative; z-index: 1; }
.qna .sticky-wrap span:has(img) { display: block; width: 17px; height: 17px; overflow: hidden; }
.qna .sticky-wrap span img { position: absolute; top:0; transition: 0.3s ease-out; }
.qna .sticky-wrap a { display: flex; align-items: center; gap:12px; width: fit-content; height: 56px; margin-top:40px; padding:0px 24px 0px 24px; background: var(--sub-key-color); color:white; border-radius: 12px; font: 500 18px/100% 'SUIT'; position: relative; overflow: hidden; transition: 0.3s ease-out; }
.qna .sticky-wrap a:hover { transform: translate(2px, 2px); }
.qna .sticky-wrap a.login-btn { background: var(--sub-key-color); }


.qna-wrap { padding-top: 180px; }
.qna-wrap .qna-list { margin-top: 0px; }
.qna-wrap .qna-list li { display: grid; grid-template-columns: 1fr 80px 120px; padding: 30px 10px; border-bottom:1px solid var(--border-light); }
.qna-wrap .qna-list .li-title { font: 600 24px/145% 'SUIT'; }
.qna-wrap .qna-list .li-contents { margin-top: 10px; font: 400 18px/145% 'SUIT'; }
.qna-wrap .qna-list .li-stat span { width:72px; height: 28px; margin:0 auto; font-weight: 500; letter-spacing: -1px; border-radius: 8px; overflow: hidden; display: flex; justify-content: center; align-items: center; font-size: 15px; }

    /* 게시판 list - 답변완료 표시 */
    .qna_ico1 { color:white; background: #FFAC33; } /* 확인 중 */
    .qna_ico2 { color:#555; background:#f5f5f5; } /* 답변 완료 */
    .qna_ico3 { background:#C6C6C6; color:#f5f5f5; } /* 답변 대기 */
    .secret { display: inline-block; width:20px; height:20px; background:url('/resources/img/board/comment/secret.png') no-repeat center/contain; text-indent: -99999px; overflow: hidden; position: relative; top:4px; margin-right:6px; } /* 비밀 글 */
    .answer_btn { display:inline-block; margin-left:10px; font-size: 15px; }
    .qna_ico_chk { display: none; }
    tr:has(.qna_ico2) .qna_ico_chk { display: inline-block; width: 20px; height: 20px; background: url('/resources/img/board/comment/ico_chk.png') no-repeat center/contain; position: relative; top:4px; margin-left:6px; }


/* 게시판 list */
.board_list { width: 100%; margin-top: 30px; border-top: 2px solid var(--main-black); background-color: #fff; font-size: 18px; }
.board_list th, .board_list td { height: 80px; padding: 0 10px; text-align: center; border-bottom: 1px solid var(--border-light);}
.board_list td { font-weight: 600; }
.board_list .list_num { width:8%; }
.board_list .list_tit { width:62%; }
.board_list .list_tit a { display: block; width: 100%; height: 100%; line-height: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list .list_wtr { width:12%; }
.board_list .list_date { width:18%; }
.board_list .list_file { width: 18%; }
.board_list .list_file a { display: inline-block; padding:12px 14px; background: var(--main-black); color:white; border-radius: 6px; font-weight: 500; font-size: 15px; transition: 0.3 ease; }
.board_list .list_file a:hover { background: #000; }

.board_list.list_qna .list_num { width:8%; }
.board_list.list_qna .list_tit { width:auto; }
.board_list.list_qna .list_wtr { width:90px; }
.board_list.list_qna .list_ect { width:80px; } /* QNA 댓글,좋아요 창 추가 */
.board_list.list_qna .list_stat { width:100px; } /* QNA 상태 창 추가 */
.board_list.list_qna .list_date { width:104px; }
.board_list.list_qna td.list_date { font-size: 17px; font-weight: 400; }

    
@media screen and (max-width: 1280px){
    .qna .sticky-wrap { padding-top: 150px; }
    .qna .sticky-wrap a { height: 50px; margin-top: 32px; font-size: 18px; }
    .qna-wrap { padding-top: 160px; }
    .board_list.list_qna .list_wtr { width: 76px; }
    .board_list.list_qna .list_date { width: 96px; }
    .board_list.list_qna td { font-size: 16px; }
    .board_list.list_qna td.list_date { font-size: 15px; font-weight: 400; }
}
@media screen and (max-width: 1024px){
    .board_list.list_qna .list_wtr { width: 70px; }
    .board_list.list_qna .list_date { width: 88px; }
    .board_list.list_qna td { font-size: 15px; }
}
@media screen and (max-width: 900px){
    .contents.qna { padding-top: 130px; }
    .qna .cont-wrap { display: block; }
    .qna .sticky-wrap { padding-top:0px; padding-bottom: 0; position: relative; }
    .qna .sticky-wrap a { height: 48px; font-size: 16px; }
    .qna-wrap { padding-top: 60px; }
}
@media screen and (max-width: 768px){
    .board_list th, .board_list td { height: 64px; padding: 0px 5px; font-size: 15px; }
    .board_list .list_tit a { line-height: 64px; }
    .non_mobile { display: none; }
    .board_list .list_tit {width:70%;}
    .board_list .list_date { width:30%; }
    .board_list .list_file { width: 30%; }
}

@media screen and (max-width: 500px){
    .board_list.list_qna .list_date { display: none; }
}


/* 게시판 view */
.view_table { width:100%; max-width:var(--view-max-width); margin: 0 auto; border-bottom:1px solid var(--border-light); }
.view_table .title { margin-bottom:40px; padding-bottom:30px; font-size:32px; font-weight: 600; letter-spacing: -0.5px; }
.view_table .title .secret { top:0; }
.view_table .title .qna_ico_chk { display: inline-block; width: 20px; height: 20px; background: url('/resources/img/board/comment/ico_chk.png') no-repeat center/contain; position: relative; top:0px; margin-left:6px; }
.view_table .sub-title { display: flex; justify-content: space-between; align-items: end; margin-left:2px; padding-bottom:30px; border-bottom:1px solid var(--border-light); font-size: 16px; font-weight: 400; color:#777; }
.view_table .count-list { display: flex; align-items: end; }
.view_table .count-list p { display: inline-block; margin-right: 20px; }
.view_table .count-list p:last-child { margin-right: 0; }

.view_table .link { font-size: 16px; padding: 20px 30px; margin:30px 0; background: #f4f4f4; border-radius: 5px; }
.view_table .file { font-size: 16px; padding: 20px 30px; margin:0px 0 40px; background: #f4f4f4; border-radius: 5px; }
.view_table .link a { position: relative; padding-left:15px; }
.view_table .link a:hover,.view_table .file a:hover { text-decoration: underline; text-underline-offset: 4px; }
.view_table .link a::before { content: ''; position: absolute; left:0px; top:10px; width:3px; height:3px; background: var(--border-dark); border-radius: 50%; }
.view_table .link a::after { content: ''; position: absolute; right:-10px; top:55%; transform: translate(100%, -50%); width: 16px; height:16px; background: url('/resources/img/common/link_ico.png') no-repeat center/contain; }

.view_table .file { display: flex; }
.view_table .file .label { width: 90px; font-weight: 600; display: inline-block; padding:2px 0; }
.view_table .file .down-list { width:calc(100% - 90px); }
.view_table .file .down-list a { display: block; padding:2px 15px 2px; max-width: fit-content; position: relative; }
.view_table .file a::before { content: ''; position: absolute; left:0px; top:12px; width:3px; height:3px; background: var(--border-dark); border-radius: 50%; }
.view_table .file a::after { content: ''; position: absolute; right:5px; top:60%; transform: translate(100%, -50%); width: 16px; height:16px; background: url('/resources/img/common/down_ico.png') no-repeat center/contain; }
.view_table .view_td { min-height:300px; line-height: 1.4; padding: 40px 0 40px; }
.view_table .view_vd { padding: 40px 0px; }

.table_bottom { position:relative; width:100%; max-width:var(--view-max-width); text-align:center; margin: 0 auto;}

@media screen and (max-width: 768px){
    .view_table .title { font-size: 28px; }
    .view_table th { font-size: 16px; }
    .view_table td { padding: 15px 5px; font-size: 15px;}
    .view_table .link { padding: 20px; margin: 20px 0; }
    .view_table .file { padding: 20px; margin: 0px 0 20px; }
}
@media screen and (max-width: 500px){
    .view_table .title { padding-bottom:0; font-size: 24px; }
    .view_table td {font-size: 14px;}
}
    /* 에디터 내부 스타일 X */
    .view_td img { max-width: fit-content; display: inline-block; }
    .view_td * { font: revert; font-family: 'SUIT'; }
    .view_td ul { list-style: disc; }
    .view_td ol { list-style: auto; }

    /* like btn */
    .like_span { vertical-align:middle; display:inline-block; margin-right:20px; }
    .like_btn { font-weight: 600; color:#333; float: left; text-align: center; vertical-align: middle; position: relative; }
    .like_btn .ico { vertical-align:middle; transition: .2s ease; margin-right:5px; display:inline-block; width:20px; height:20px; background:url("/resources/img/board/comment/like_ico.png") no-repeat center/contain;}
    .like_btn.on .ico { background:url("/resources/img/board/comment/like_on_ico.png") no-repeat center/contain; } 
    .like_btn .txt {vertical-align:middle; display:inline-block;}
    .like_count {line-height:140%}

    /* hate btn */
    .hate_span { vertical-align:middle; display:inline-block; margin-right:20px; }
    .hate_btn { font-weight: 600; color:#333; float: left; text-align: center; vertical-align: middle; position: relative; }
    .hate_btn .ico { vertical-align:middle; transition: .2s ease; margin-right:5px; display:inline-block; width:20px; height:20px; background:url("/resources/img/board/comment/hate_ico.png") no-repeat center/contain;}
    .hate_btn.on .ico { background:url("/resources/img/board/comment/hate_on_ico.png") no-repeat center/contain; } 
    .hate_btn .txt {vertical-align:middle; display:inline-block;}
    .hate_count {line-height:140%}

    /* 게시판 view - 답변 */
    .view_td.view_rep { min-height:100px; padding: 20px 30px; margin-bottom:40px; border:1px solid lightgray; border-radius: 5px; }
    .answer_tit { width: fit-content; position: relative; padding-left: 26px; margin-bottom:10px; font-weight: 600; }
    .answer_tit::after { content: ''; display: block; width: 20px; height: 20px; background: url("/resources/img/board/comment/ico_chk.png") no-repeat center/20px; position: absolute; left:0; top:1px; }

    .view_chk { padding:20px 30px; margin:0 auto 40px; font:600 16px 'SUIT'; border-radius: 5px; border:1px solid lightgray; color:var(--sub-black); text-align: center; }

    /* 게시판 view - 페이지 댓글 처리 */
    .comment-wrap { max-width: var(--view-max-width); margin:0 auto; }
    .comment-wrap .reply-line { padding: 12px 20px; background:#f5f5f5; border-bottom:solid 1px #ddd; font-size:14px; }
    
        /* 게시판 view - 댓글 입력창 */
        .cmt_reply_contents { margin-top:40px; border:1px solid #b3b3b3; }
        .cmt_reply_contents .reply_top { background:#fff; padding:10px 20px; }
        .cmt_reply_contents .reply_top .name { display: inline-block; color: #555; font-weight: 600; position: relative; margin-top:5px; }
        .cmt_reply_contents .reply_top .name::before { content:''; display: inline-block; width:18px; height:18px; background:url("/resources/img/board/comment/comment_ico.png") no-repeat center ; margin-right: 6px; position: relative; top:3px; }
        .cmt_reply_contents textarea { padding:0 20px; min-height:80px; border:none; background: none; margin-bottom: 10px; font-size: 14px; } 
        .cmt_reply_contents .reply_bottom { border-top: 1px solid #eee; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; }
        .cmt_reply_contents .reply_bottom .counter { font-size: 14px; }
        .reg_btn { width:auto; display:inline-block; padding: 4px 20px; transition: .3s ease; background:#555; color:white; }
        .cmt_login { text-align:center; padding:30px 20px; letter-spacing:-.8px; background: #fafafa; }
        .cmt_login a { font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }

        /* 게시판 view - 댓글 페이지네이션 */
        .comment-wrap .pagination { margin: 20px auto 0; }
        .comment-wrap .pagination button,.comment-wrap .pagination a { color:#777; }
        .comment-wrap .pagination .selected { background-color: initial; color:#777; font-weight: 600; border: 1px solid #ddd; }

        /* 게시판 view - 댓글 */
        .cmt_item { padding: 15px 10px; border-bottom: 1px solid #ebedf2; position: relative;  font-size: 16px; }
        .cmt_item div[id^="tr_reply_div_"] .top{ position: relative; margin-top: 10px; padding:15px 15px 30px; border-top:1px solid #ebedf2; }
        .cmt_item div[id^="tr_reply_div_"] .top p { height: 30px; }
        .cmt_re_close { position: absolute; right:15px; top:15px; height: 26px; width: 26px; text-indent: -999px; overflow: hidden; transform-origin: center; }
        .cmt_re_close::before, 
        .cmt_re_close::after { content: ''; position: absolute; left: 0; top: 50%; width: 70%; height: 1px; background: var(--main-black); border-radius: 2px; }
        .cmt_re_close::before { transform: rotate(45deg); }
        .cmt_re_close::after { transform: rotate(-45deg); }
        .cmt_txtarea_bottom { display: flex; justify-content: space-between; margin-top: 10px; }
        .cmt_item.cmt1 { padding-left:3%;}
        .cmt_item.cmt2 { padding-left:6%;}
        .cmt_item.cmt3 { padding-left:9%;}
        .cmt_item.cmt4 { padding-left:12%;}
        .cmt_item.cmt5 { padding-left:15%;}
        .cmt_item .cmt_name { display: inline-block; position: relative; color: #5d6473; font-weight: 600; }
        .cmt_item:not(.cmt0) .cmt_name::before { content:''; display: inline-block; width:9px; height:10px; background:url("/resources/img/board/comment/comment_ico3.png") no-repeat; position:absolute; left:-19px; top:6px; }
        .cmt_item .date { float:right; color:#afafaf; font-size: 14px; }
        .cmt_item .cmt_txt { margin-top:6px; line-height: 150%; }
        .cmt_item .cmt_txt span { line-height: 150% }
        .cmt_item .cmt_txt.edt_date { text-align: right; color: #afafaf; font-size: 14px; }
        .cmt_item .cmt_txt textarea { border: 1px solid #b3b3b3; margin-bottom:10px; min-height: 100px; }

        .cmt_btn_box { display: flex; justify-content: right; gap:2px; margin-top:10px; }
        .cmt_btn_box button { display: flex; align-items: center; justify-content: center; width: 48px; height: 24px; font-size: 13px; color:#777; border:1px solid #ddd; border-radius: 2px; background: white; transition: .3s ease; }



/* 게시판 edit, rep, */
.edit-table td { padding-bottom: 40px; }
.edit-table .file-itm { display: flex; align-items: center; }
.edit-table input,
.edit-table textarea { height: auto; padding: 13px; font: 400 16px/125% var(--font-family); border-radius: 12px; }
.edit-table input::placeholder,
.edit-table textarea::placeholder { font: 400 15px/100% var(--font-family); color: var(--gray-lite); }
.edit-table label { display: block; font: 600 15px/100% var(--font-family); margin-bottom: 8px; }
.edit-table label > span { color: var(--point-color); }
.edit-table td > iframe {width: calc(100% + 2px) !important;} /*board write 에디터 잘리는 문제*/

.edit-table .file-del-wrap { display: flex; gap: 6px; align-items: center; margin-left: 12px; margin-bottom: 8px; }
.edit-table .file-del-wrap label { margin-bottom: 0; }
.edit-table .file-del-wrap label > span { color: var(--sub-key-color); }

.edit-table th { width: 140px; }

.table_h3 { max-width: var(--view-max-width); width: 100%; margin: 0 auto 40px; }
.table_write th { width: 140px; border-right:1px solid #e1e1e1; background: #fafafa; }
.table_write th,
.table_write td { padding: 20px; border-top: 1px solid #e1e1e1; }


/* 게시판 check */
.alert-wrap { display: fixed; width: 100vw; height:100vh; }
.alert-inner { width:96%; max-width:500px; padding: 40px 30px ; position: absolute; left:50%; top:45%; transform: translate(-50%,-50%); border: solid 1px #ddd; }
.alert-inner h2 { font-size: 30px; font-weight: 600; }
.alert-inner .sub-txt { margin-top:12px; color:#777; }
.alert-inner .alert-input { margin-top:50px; }
.alert-inner label { display: block; font-weight: 600; margin-bottom: 8px; }
.alert-inner input { width:100%; padding:5px; border:none; border-bottom: solid 1px #dedede; background: white; }
.alert-btn-wrap { margin-top:20px; }
.alert-btn-wrap button { width: 100%; height:46px; background-color: #222; color:white; border-radius: 5px; }
.alert-btn-wrap .back_btn { display:block; height:46px; line-height: 46px; margin-top: 10px; border: 1px solid #ddd; border-radius: 5px; }



/* 게시판 list - image1 skin */
.img_brd1 { margin-top: 30px; }
.img_brd1 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap:60px 40px; }
.img_brd1 li > a { display:block; width:100%; height:100%; position:relative; overflow: hidden; }
.img_brd1 li > a .img { width:100%; aspect-ratio: 508/296; position:relative; overflow:hidden; background: #ddd; border-radius: 20px; }
.img_brd1 li > a .img img { height: 100%; object-fit: cover; transition:.3s ease; }
.img_brd1 li:hover > a .img img { transform: scale(1.05);}

.img_brd1 li .txt_wrap { text-align: center; }
.img_brd1 li .title { display: -webkit-box; margin-top: 24px; font:600 24px/100% 'SUIT'; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; transition: all .2s ease; letter-spacing: -.3px;}
.img_brd1 li .date { margin-top: 16px; color: var(--sub-black); letter-spacing: -.3px;}

    /* 당첨자 발표 */
    .event-win .img_brd1 li > a .img::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: linear-gradient(135deg, rgb(255 135 10 / 90%) 0, rgb(164 199 87 / 90%) 100%); }
    .event-win .img_brd1 li > a .img::after { content: '당첨자 발표'; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); color:white; font:600 24px/130% 'SUIT'; z-index: 1; text-align: center; white-space: nowrap; }
    .event-win .img_brd1 li:hover > a .img img { transform: none;}

    /* 이벤트 종료 */
    .event-end .img_brd1 li > a .img::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: #00000099; }
    .event-end .img_brd1 li > a .img::after { content: '이벤트가 종료되었습니다.'; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); color:white; font:600 24px/130% 'SUIT'; z-index: 1; text-align: center; white-space: nowrap; }
    .event-end .img_brd1 li:hover > a .img img { transform: none;}

    /* 카테고리 */
    .board .tap-menu { margin-top: 32px; margin-bottom: 48px; }
    .board .tap-menu ul { display: flex; gap: 8px; }
    .board .tap-menu ul a { display: block; padding: 12px 24px; font: 600 20px/100% var(--font-family); border-radius: 40px; border: 1px solid var(--gray-lite); color: var(--gray-deep); }
    /* .board .tap-menu ul a { display: block; padding: 12px 24px; font: 600 20px/100% var(--font-family); border-radius: 40px; border: 1px solid var(--gray-lite); color: var(--gray-deep); } */
    .board .tap-menu ul .on { border: 1px solid var(--point-color); color: #fff; background-color: var(--point-color); }

    /* 아이템 없음 */
    .no-item { grid-column: 1 / 4; }
    .no-item div { padding:80px 0px; font:400 18px/140% var(--font-family); color:var(--gray-deep); text-align: center; }
    .no-item img { width: 48px; height: 48px; margin:0 auto 20px; }

    /* 진행 중인 이벤트 */
    .contents:has(.other-event) { padding-bottom: 0; }
    .other-event { margin-top: 100px; padding:120px 0; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(240, 244, 244, 0.40) 100%); }
    .other-event h4 { font: 700 26px/100% var(--font-family); }

@media screen and (max-width: 1440px){
    .board .tap-menu ul a { font-size: 20px; }
    .img_brd1 li .title { font-size:20px; }
}
@media screen and (max-width: 1280px){
    .board .tap-menu ul a { font-size: 18px; padding: 12px 24px; }
    .img_brd1 li > a .img { border-radius: 16px; }
    .img_brd1 li .title { font-size:20px; }
}
@media screen and (max-width: 1024px){
    .img_brd1 ul { gap:40px 32px; }
    .img_brd1 li .title { margin-top: 16px; font-size:18px; }
    .no-item div { padding:60px 0px; }
}
@media screen and (max-width: 768px){
    .img_brd1 ul { gap:40px 24px; grid-template-columns: repeat(2, 1fr); }
    .img_brd1 li .title { margin-top: 16px; font-size:17px; }
    .img_brd1 li > a .img { border-radius: 12px; }

    .no-item { grid-column: 1 / 3; }
    .no-item div { padding:40px 0px; }

    .other-event { margin-top: 80px; padding: 100px 0; }
    .other-event h4 { font-size: 20px; }
    .view_td.view_rep { padding:16px 20px; }
}
@media screen and (max-width:640px){
    .img_brd1 ul { gap: 40px 16px; }
    .board .tap-menu ul { gap: 6px; }
    .board .tap-menu ul a { font-size: 17px; padding: 9px 20px; }
}
@media screen and (max-width:480px){
    .img_brd1 ul { grid-template-columns: repeat(1, 1fr); }
    .board .tap-menu ul a { font-size: 15px; padding: 8px 19px; }
}
@media screen and (max-width: 400px){


    .no-item { grid-column: 1 / 2; }

    .other-event { margin-top: 60px; padding: 80px 0; }
}





/* 게시판 list - image2 skin */
.img_brd2 { margin-top: 30px; }
.img_brd2 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 40px; }
.img_brd2 li { position: relative; }
.img_brd2 li > a { display:block; position:relative; }

.img_brd2 li > a .img { width:100%; aspect-ratio: 426/320; position:relative; overflow:hidden; background: #ddd; border-radius: 20px; }
.img_brd2 li > a .img img { height: 100%; object-fit: cover; transition:.3s ease; }
.img_brd2 li > a .img::before { content: ''; display: block; width: 43%; aspect-ratio: 184 / 32; position: absolute; left:32px; top:30px; background: url('/resources/img/sub/watermark.png') no-repeat center/contain; z-index: 5; }
.img_brd2 li > a .img:has(.noimage)::before { display: none; }
.img_brd2 li:hover > a .img img { transform: scale(1.05);}

.img_brd2 li .txt_wrap { text-align: center; }
.img_brd2 li .title { display: -webkit-box; margin-top: 24px; font:600 24px/100% 'SUIT'; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; transition: all .2s ease; letter-spacing: -.3px;}
.img_brd2 li .date { margin-top: 16px; color: var(--sub-black); letter-spacing: -.3px;}

@media screen and (max-width: 1440px){
    .board-top { margin-bottom: 60px; }
    .img_brd2 li .title { font-size:20px; }
}
@media screen and (max-width: 1280px){
    .img_brd2 li > a .img { border-radius: 16px; }
    .img_brd2 li .title { font-size:20px; }
}
@media screen and (max-width: 1024px){
    .img_brd2 ul { gap:40px 32px; }
    .img_brd2 li .title { margin-top: 16px; font-size:18px; }
}
@media screen and (max-width: 768px){
    .img_brd2 ul { gap:40px 24px; grid-template-columns: repeat(2, 1fr); }
    .img_brd2 li .title { margin-top: 16px; font-size:17px; }
    .img_brd2 li > a .img { border-radius: 12px; }
}
@media screen and (max-width: 400px){
    .img_brd2 ul { gap:40px 24px; grid-template-columns: repeat(1, 1fr); }
}


/* 게시판 list - youtube skin */
.iframe-wrap { width:100%; height:0px; padding-bottom:56.25%; position: relative; background:#ddd; }
.iframe-wrap iframe { width:100%; height:100%; position: absolute; left:0px; top:0px; }
.iframe-wrap img { width:100%; height:100%; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); object-fit: cover; transition: 0.3s; }
    
.media-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:2%; }
.media-wrap li { width:100%; position: relative; }
.media-wrap li:hover .media-info-wrap { opacity: 1; }
.media-info-wrap { display: flex; flex-direction: column; justify-content: end; flex-wrap:wrap; padding: 32px 30px; position: absolute; left:0px; top:0px; width:100%; height:100%; background: rgba(0,0,0,.2); color:white; transition: 0.3s; opacity: 0; pointer-events: none; cursor: pointer; }
.media-info-wrap p { width: 100%; }
.media-info-wrap a { color:white; }
.media-info-wrap .info-tit { font:500 20px/125% 'Spoqa Han Sans Neo'; }
.media-info-wrap .info-name { margin-top:5px; font:400 16px/125% 'Spoqa Han Sans Neo'; }

    /* 게시판 팝업 */
    .pop-wrap { display:none; position:fixed; width:100%; max-width: 1280px; padding: 50px 0px; min-height: 300px; max-height:90vh; left:50%; top:50%; transform:translate(-50%,-50%); background: #fff; overflow-y: auto; transition: all 0.3s; z-index: 502; }
	.pop-wrap::-webkit-scrollbar { width: 5px; }
	.pop-wrap::-webkit-scrollbar-thumb { max-height:80%; background-color: var(--sub-black); border-radius: 7px; }
	.pop-wrap::-webkit-scrollbar-track { background: #ddd; border-radius: 7px;}
	.pop-wrap.active { display:block; transform:translate(-50%,-50%); box-shadow: 0px 2px 50px rgba(0,0,0,0.15); }
    
    .close { width: 36px; height: 36px; cursor: pointer; position: absolute; right: 30px; top: 30px; z-index: 600; }
	.close span { display: block; width: 2px; height: 32px; background-color: var(--main-black); position: absolute; top: 9px; left: 17px; transform: rotate(45deg); }
	.close span:last-child { transform: rotate(-45deg);}

    .pop-cont-wrap { width: 100%; max-width:1024px; margin:0 auto; position: relative; }

    .pop-cont-wrap .pop-info-wrap { display: flex; justify-content: space-between; align-items: end; margin-bottom: 24px; }
    .pop-cont-wrap .pop-info-wrap .pop-tit { max-width: 600px; font:700 24px/125% 'SUIT'; }
    .pop-cont-wrap .pop-info-wrap .pop-cc { text-align: right; font:500 15px/125% 'SUIT'; }
    .pop-cont-wrap .pop-info-wrap .pop-cc p { margin-bottom: 6px; }
    .pop-cont-wrap .pop-info-wrap .pop-cc span { font-weight: 200; display: inline-block; font-size: 17px; margin-right: 14px; }
	
    @media screen and (max-width: 1280px){
        .pop-wrap { width: 100vw; height: 100%; max-height: 100%; padding: 40px; }
        .pop-cont-wrap .pop-info-wrap { display: block; }
        .pop-cont-wrap .pop-info-wrap .pop-cc { text-align: left; margin-top: 20px; }
    }
    @media screen and (max-width: 1024px){
        .media-wrap ul { grid-template-columns: repeat(2, 1fr); }
        .media-info-wrap { opacity: 1; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); } 
    }
    @media screen and (max-width: 768px){
        .media-wrap ul { grid-template-columns: repeat(1, 1fr); }
        .pop-cont-wrap .pop-info-wrap .pop-tit { max-width: calc(100% - 50px); }
    }
    @media screen and (max-width: 500px){
        .pop-wrap { padding: 40px 20px; }
    }



/*faq2*/
.faq2 .sec1 .c_box {margin: 0 0 30px;}
.faq2 .faq_wrap .faq_box:first-child {margin-top:0;}
.faq2 .faq_wrap .faq_box {cursor: pointer;background: #fff;  padding: 20px; border: 1px solid #ddd; margin-top: 10px;}
.faq2 .faq_wrap .faq_q {display: table;width:100%; position: relative;}
.faq2 .faq_wrap .faq_q .con {padding-right: 25px;}
.faq2 .faq_wrap .faq_q::before {content: ""; position: absolute;width: 15px; height: 9px; background: url("/resources/img/common/faq_arw.png") center no-repeat; top: 50%; right: 0; transform: translateY(-50%) rotate(0deg);; transition: all .3s ease-in-out;}
.faq2 .faq_wrap .faq_box.on .faq_q::before {transform: translateY(-50%) rotate(180deg);}
.faq2 .faq_wrap .faq_box.on { border-color: var(--main-bg);}
.faq2 .sec {margin-top: 30px;}
.faq2 .faq_ti {font-size: 22px; font-weight: 600; color: var(--main-bg); margin-bottom: 10px;}
.faq2 .faq_wrap .ico {width: 30px;height: 100%;display: table-cell;color: var(--main-bg); vertical-align: middle;font-weight: 500;}
.faq2 .faq_wrap .con {height: 100%;width: calc(100% - 30px);vertical-align: middle; display: table-cell;}
.faq2 .faq_wrap .con > span {font-weight: 500;}
.faq2 .faq_wrap .faq_a {float: left;width: 100%;background: #fff;display: table;display: none;border-top: 1px solid rgba(210, 210, 210, 0);padding-top: 15px;margin-top: 15px;}
.faq2 .faq_wrap .faq_box.on .faq_a { border-color: rgba(210, 210, 210, 1);}
.faq2 .faq_wrap .faq_a .ico {color: var(--main-bg);}
.faq2 .faq_wrap .faq_a .con {height: 100%;width: calc(100% - 50px);vertical-align: middle; display: table-cell;}
.faq2 .con > ol.basic > li > ul > li {color: #777;}
.faq2 .empty {padding: 20px; text-align: center;}
.faq2 .faq_wrap .faq_a .con b {font-weight: 600;}
.faq2 .faq_wrap .faq_a .con a { display: inline-block; background:#fff url("/resources/img/common/newwin_b.png") no-repeat 18px 8px;cursor:pointer; border:1px solid #d2d2d2; background-color:#f4f4f4;  padding:6px 15px 6px 38px; transition: all 0.3s ease 0s; margin-top: 3px;}
.faq2 .faq_wrap .faq_a .con a:hover { background: #e0e0e0 url("/resources/img/common/newwin_b.png") no-repeat 18px 8px; color:#282828; border:1px solid #c0c0c0; }


/* parsley S */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
/* parsley E */