@charset "UTF-8";


@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('/font/Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('/font/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('/font/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('/font/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('/font/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('/font/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('/font/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('/font/Pretendard-ExtraBold.woff') format('woff');
}

/********* reset.css **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

textarea {resize: none;}
.pc {}
.m {display: none !important;}

h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
ul,ol,li {list-style-type:none;}
a {color: #333; text-decoration:none;}
img {max-width:100%; max-height:100%; border:0 none; vertical-align:top;}
address {font-style:normal;}
table, caption, tbody, tfoot, thead, tr, th, td {border-collapse: collapse; padding: 0;}
button {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0 none; background-color:transparent; font-family:inherit; font-size:inherit; cursor:pointer;}
input {-webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; font-family: inherit; font-size: 1em; font-weight: 350;}
input::placeholder {color: #666666;}
textarea {width:100%; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
select {cursor:pointer; -webkit-border-radius: 0; font-family: inherit; font-size: 1em; font-weight: 350;}
select::placeholder {color: #666666;}

/* placeholder */
::-webkit-input-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
:-ms-input-placeholder {color: #888888;}
:-moz-placeholder {color: #888888;}

html, body {height: 100%;}
body {line-height: 1.5; color: #333333; font-family: 'Pretendard', 'sans-serif'; font-size: 16px; min-width: 280px; word-break: keep-all;}

.edit_cont, .title, .tit, td, th {word-break: break-all;}

input {display: block; width: 100%; height: 52px; margin: 0; border: 1px solid #b1b8be; padding: 0 15px; font-weight: 500; font-size: 16px; line-height: 22px; color: #444444; border-radius: 6px; letter-spacing: -0.025em;}
input.bg {border: 1px solid #bebebe; background-color: #f6f6f6;}
input::placeholder {font-weight: 500; font-size: 16px; line-height: 22px; color: #444444;}
input.day {background-image: url('/images/common/cld.svg'); background-position: center right 10px; background-repeat: no-repeat;}
textarea {display: block; width: 100%; height: 180px; margin: 0; border: 1px solid #b1b8be; padding: 13px 15px; background-color: #ffffff; font-family: "Pretendard"; font-weight: 500; font-size: 16px; line-height: 27px; color: #444444; border-radius: 8px;}
.dark-mode textarea {border: 1px solid rgba(255, 255, 255, 0.3); background-color: #131416; font-family: "Pretendard"; color: rgba(255, 255, 255, 0.5);}
textarea::placeholder {font-family: "Pretendard"; font-weight: 500; font-size: 16px; line-height: 27px; color: #444444;}
.dark-mode textarea::placeholder {color: rgba(255, 255, 255, 0.5);}
select {display: inline-block; width: 100%; height: 52px; margin: 0; border: 1px solid #b1b8be; padding: 0 35px 0 20px; background-image: url('/images/board/slt_arr.svg'); background-position: right 20px center; background-size: 9px 6px; background-repeat: no-repeat; cursor: pointer; font-weight: 600; font-size: 16px; line-height: 22px; color: #666666; border-radius: 6px;}

/* select 기본 화살표 없애기 */
select {
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/
}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}

@media screen and (max-width:1200px) {
    input {height: 48px; padding: 0 10px 0 13px; font-size: 14px; line-height: 21px;}
    input::placeholder {font-size: 14px; line-height: 21px;}
    textarea {padding: 10px 13px; font-size: 14px; line-height: 21px;}
    textarea::placeholder {font-size: 14px; line-height: 21px;}
    select {height: 48px; padding: 0 30px 0 13px; background-position: right 15px center; font-size: 14px; line-height: 21px;}
}

@media screen and (max-width:1024px) {
    input {height: 44px; line-height: 42px;}
    select {height: 44px; padding: 0 24px 0 13px; background-position: right 10px center; line-height: 42px;}

}

@media screen and (max-width:768px) {
    .pc {display: none;}
    .m {display: block !important;}
}

td .radio_list_area {}
td .radio_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
td .radio_list_area .list li {margin: 0 24px 0 0;}
td .radio_list_area .list li:last-child {margin: 0;}
.radio_list_area {}
.radio_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.radio_list_area .list li {margin: 0 24px 0 0;}
.radio_list_area .list li:last-child {margin: 0;}

.radio_area {font-size: 0;}
.radio_area label {display: block; cursor: pointer;}
.radio_area label .radio_inp {display: inline-block; position: relative; width: 23px; height: 23px; margin: 0 10px 0 0; border: 1px solid #b1b8be; padding: 0; background-color: #ffffff; border-radius: 50%; vertical-align: middle; cursor: pointer;}
.radio_area label .radio_inp:checked {border: 1px solid #1a4da0; background-color: #ffffff;}
.radio_area label .radio_inp:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; background-color: #e1e1e1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; transition: 0.3s ease-in-out;font-size:0;line-height:0}
.radio_area label .radio_inp:checked:before {width: 11px; height: 11px; background-color: #1a4da0;}
.radio_area label .text {display: inline-block; font-weight: 500; font-size: 19px; color: #222222; vertical-align: middle; letter-spacing: -0.025em;}


.chk_area {font-size: 0;}
.chk_area.tr {text-align: right;}
.chk_area.tc {text-align: center;}
.chk_area label {display: block; cursor: pointer;}
.chk_area label .inp_chk {display: inline-block; position: relative; width: 23px; height: 23px; border: 1px solid #b1b8be; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: middle; transition: 0.3s ease-in-out; border-radius: 5px;}
.chk_area label .inp_chk.one {border-radius: 50%;}
.chk_area label .inp_chk:checked {border: 1px solid #3c579e; background-color: #2458ae;}
.chk_area label .inp_chk:before {display: none; content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 10px; background-image: url('/images/board/chk.svg'); background-size: 11px 10px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.3s ease-in-out;}
.chk_area label .inp_chk:checked:before {display: block; width: 11px;}
.chk_area label .text {display: inline-block; margin: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 28px; color: #666666; vertical-align: middle;}


.dark-mode .chk_area label .inp_chk {border: 1px solid #8a949e; background-color: #131416;}
.dark-mode .chk_area label .inp_chk:checked {border: 1px solid #519dee; background-color: #519dee;}
.chk_area label .inp_chk:disabled {border: 1px solid #dddddd; cursor: inherit;}
.chk_area label:has(.inp_chk:disabled) {cursor: inherit;}
.chk_area label .inp_chk:disabled + .text {color: #dddddd;}


.paging {margin: 38px 0 0;}
.paging .inner_box {display: flex; align-items: center; justify-content: center; width: 100%;}
.paging .inner_box .arr {display: block; width: 42px; height: 42px; border: 1px solid #cacaca; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%;}
.paging .inner_box .arr.prev {background-image: url('/images/board/paging_prev.png');}
.paging .inner_box .arr.next {background-image: url('/images/board/paging_next.png');}
.paging .inner_box .num_box {margin: 0 22px;}
.paging .inner_box .num_box .list {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.paging .inner_box .num_box .list li {position: relative; padding: 0 7px 0 0;}
.paging .inner_box .num_box .list li:last-child {padding: 0;}
.paging .inner_box .num_box .list li:after {content: ''; position: absolute; top: 50%; right: 2px; width: 3px; height: 3px; background-color: #cbcbcb; border-radius: 50%; transform: translateY(-50%);}
.paging .inner_box .num_box .list li:last-child:after {display: none;}
.paging .inner_box .num_box .list li.on:after {display: none;}
.paging .inner_box .num_box .list li .num {display: block; width: 35px; height: 35px; font-weight: 500; font-size: 16px; line-height: 35px; color: #888888; border-radius: 50%; text-align: center;}
.paging .inner_box .num_box .list li .num.on {background-color: #475da2; color: #ffffff;}

.com_btn_area {}
.com_btn_area .list {display: flex; align-items: center; justify-content: center;}
.com_btn_area .list.tr {justify-content: flex-end;}
.com_btn_area .list.tl {justify-content: flex-start;}
.com_btn_area .list li {margin: 0 10px 0 0;}
.com_btn_area .list li:last-child {margin: 0;}
.com_btn_area .list li .btn {display: inline-block; min-width: 120px; border: 1px solid #222222; padding: 0 10px; background-color: #ffffff; font-weight: 600; font-size: 16px; line-height: 44px; color: #222222; box-shadow: 0 0 9px rgba(0, 0, 0, 0.03); border-radius: 10px; text-align: center;}
.com_btn_area .list li .btn.blue {border: 1px solid #1f3989; color: #1f3989;} /* 파랑 */
.com_btn_area .list li .btn.blue2 {border: 1px solid #1f3989; color: #1f3989;}
.com_btn_area .list li .btn.view {}
.com_btn_area .list li .btn.view .text {display: inline-block; padding: 0 0 0 36px; background-image: url('/images/common/btn_view_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 18px; line-height: 44px; color: #222222;}
.com_btn_area .list li .btn.notice {}
.com_btn_area .list li .btn.notice .text {display: inline-block; padding: 0 0 0 36px; background-image: url('/images/common/btn_notice_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 18px; line-height: 44px; color: #222222;}
.com_btn_area .list li .btn.close {}
.com_btn_area .list li .btn.close .text {display: inline-block; padding: 0 0 0 27px; background-image: url('/images/common/btn_close_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 18px; line-height: 44px; color: #222222;}
.com_btn_area .list li .btn.blue .text {color: #1f3989;}
.com_btn_area .list li .btn2 {display: inline-block; min-width: 120px; border: 1px solid #222222; padding: 0 10px; background-color: #222222; font-weight: 600; font-size: 16px; line-height: 44px; color: #ffffff; border-radius: 10px; text-align: center;}
.com_btn_area .list li .btn2.blue {border: 1px solid #1f3989; background-color: #1f3989;} /* 파랑 */

.notice_bt_change_area {position: relative; margin: 38px 0 0;}
.notice_bt_change_area .paging {margin: 0;}
.notice_bt_change_area .com_btn_area {position: absolute; top: 0; right: 0;}

.dark-mode input {border: 1px solid rgba(255, 255, 255, 0.5); background-color: #131416; color: rgba(255, 255, 255, 0.5);}
.dark-mode input::placeholder {color: rgba(255, 255, 255, 0.5);}
.dark-mode select {border: 1px solid rgba(255, 255, 255, 0.5); background-color: #131416; color: rgba(255, 255, 255, 0.5);}
.dark-mode select::placeholder {color: rgba(255, 255, 255, 0.5);}

@media screen and (max-width:1200px) {

    .radio_area label .text {font-size: 17px;}
}

@media screen and (max-width:1024px) {
    textarea, input, select {line-height: 1.5; border-radius: 4px;}

    .radio_area label .radio_inp {width: 22px; height: 22px;}
    .radio_area label .radio_inp:checked:before {width: 9px; height: 9px;}
    .radio_area label .text {font-size: 15px;}

    td .radio_list_area .list li {margin: 0 16px 0 0;}

    .chk_area label .inp_chk {width: 20px; height: 20px;}
    .chk_area label .text {font-size: 15px;}
}