@charset "UTF-8";

input {display: block; width: 100%; height: 45px; margin: 0; border: 1px solid #dfdfdf; padding: 0 10px; background-color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px; color: #2f2f2f;}
/* input::placeholder {font-weight: 400; font-size: 16px; line-height: 24px; color: #767676;} */
select {display: inline-block; width: 100%; height: 45px; margin: 0; border: 1px solid #dfdfdf; padding: 0 25px 0 10px; background-color: #ffffff; background-image: url('/images/home/kor/user/board/slt_arr_icon.png'); background-position: right 10px center; background-size: 11px 7px; background-repeat: no-repeat; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 24px; color: #2f2f2f;}

.read_only { background-color: #fafafa;}

/* 기본 컬러 */
.red { color: var(--com-color-red);}
.blue { color: var(--com-color-blue);}
.green { color: var(--com-color-green);}
.gray { color: var(--com-color-gray);}
/* 기본 컬러 */

/* 공통 입력폼 */
.com_input_form_area {}
.com_input_form_area .input_form_list_box {}
.com_input_form_area .input_form_list_box > .list {}
.com_input_form_area .input_form_list_box > .list > li {margin: 0 0 54px;}
.com_input_form_area .input_form_list_box > .list > li:last-child {margin: 0;}

.com_input_cont {}
.com_input_cont input, .com_input_cont select, .com_input_cont a, .com_input_cont button, .com_input_cont textarea, .com_input_cont label {border-radius: 5px;}
.com_input_cont > .title_area {margin: 0 0 17px; font-size: 0;}
.com_input_cont > .title_area .title {padding: 0 0 0 20px; background-image: var(--com-title-img); background-position: left top 6px; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.com_input_cont > .title_area .title .ft_c { color: var(--com-main-color);}
.com_input_cont > .title_area .txt { margin: 5px 0 0 0; font-weight: 500; font-size: 17px; line-height: 25px; color: #333333;}
.com_input_cont > .title_area .txt .ft_c { font-weight: 700; color: var(--com-main-color);}
.com_input_cont > .title_area > .row {display: flex; justify-content: space-between; align-items: center;}
.com_input_cont > .title_area > .row > * {}
.com_input_cont > .title_area > .row .cont_btn_list_area { margin: 0;}
.com_input_cont > .title_area > .row .cont_btn_list_area .list li .btn .text { line-height: 43px;}
.com_input_cont > .title_area > .row.sty2 {}
.com_input_cont > .title_area > .row.sty2 .txt { flex: 1; position: relative; margin: 0 0 0 15px; font-size: 16px; line-height: 24px;}

.com_input_cont > .title_area > .row .right_box { display: flex; justify-content: space-between; align-items: center}
.com_input_cont > .title_area > .row .right_box > * { margin: 0 0 0 15px;}
.com_input_cont > .title_area > .row .right_box > *:first-child { margin: 0;}
.com_input_cont > .title_area > .row .right_box .txt { margin: 0 !important;}

.com_input_cont .input_table_cont {}
.com_input_cont .input_table_cont .table_inner_box {}
.com_input_cont .input_table_cont .table_inner_box .table_area {width: 100%; border-top: 2px solid #041f3a; border-collapse: collapse; border-spacing: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr {border-bottom: 1px solid #ebebeb;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th {padding: 15px; background-color: #f7f7f7;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th.bor_r { border-right: 1px solid #ebebeb;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th.tc { text-align: center;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit {font-weight: 700; font-size: 16px; line-height: 24px; color: #333333;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit.icon {position: relative; padding: 0 0 0 12px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit > * {position: absolute; top: 0; left: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td {padding: 15px 10px 15px 15px; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_btn { display: inline-block; margin: 0 0 0 5px; padding: 0 25px; background-color: #616161; font-size: 0; vertical-align: middle; transition: all 0.3s;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_btn.ma0 { margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_btn .txt {display: inline-block; font-weight: 400; font-size: 16px; line-height: 45px; color: #ffffff;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_btn .txt.icon { padding: 0 0 0 22px; background-position: left center; background-repeat: no-repeat;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_btn:hover,
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_btn:focus { background-color: #000000;}

.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom,
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area,
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area { width: 100%; max-width: 532px;}

.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .datepicker { font-size: 16px !important; text-indent: inherit;}

/*================================== 기본 텍스트 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area.mt5 {margin: 5px 0 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text {font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; word-break: break-all;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.ft_s { font-size: 15px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.red {color: var(--com-color-red);}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.blue {color: var(--com-color-blue);}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.green {color: var(--com-color-green);}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.gray {color: var(--com-color-gray);}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.yellow {color: var(--com-color-yellow);}
/*================================== 기본 텍스트 ==================================*/

/*================================== 기타 텍스트 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list { margin: 0 0 5px 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list > li { position: relative; padding: 0 0 0 15px; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; word-break: break-all;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list > li .etc { position: absolute; top: 0; left: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list > li > .list2 {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list > li > .list2 > li { font-size: 15px; color: #767676;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list > li .black {color: #333333;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list > .list > li .blue {color: var(--com-color-blue);}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .txt_list.mt5 { margin: 5px 0 0 0;}
/*================================== 기타 텍스트트 ==================================*/

/*================================== 기본 인풋 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt.half { max-width: 400px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt.half_of { max-width: 200px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom { font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom label {display: inline-block; width: calc(100% - 132px); vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom label .inp_txt {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom .inp_btn .txt { background-image: url('/images/home/kor/user/common/inp_btn_chk_icon.png');}
/*================================== 기본 인풋 ==================================*/

/*================================== 번호입력 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box {display: inline-block; width: 100%; max-width: 360px; font-size: 0; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .inp_num {display: inline-block; max-width: 100px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .txt {display: inline-block; min-width: 30px; padding: 0 10px; font-weight: 400; font-size: 16px; line-height: 48px; color: #333333; text-align: center; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area.custom .btn {display: inline-block; margin: 0 0 0 5px; padding: 0 30px; background-color: #333333; font-size: 0; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area.custom .btn .txt {display: inline-block; font-weight: 500; font-size: 16px; line-height: 48px; color: #ffffff;}
/*================================== 번호입력 유형 ==================================*/

/*================================== 이메일 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .inp_email {display: inline-block; max-width: 200px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .slt_email {display: inline-block; max-width: 200px; margin: 0 0 0 5px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .txt {display: inline-block; min-width: 35px; padding: 0 10px; font-weight: 400; font-size: 16px; line-height: 48px; color: #333333; text-align: center; vertical-align: middle;}
/*================================== 이메일 유형 ==================================*/

/*================================== 주소 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area { }
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li {margin: 0 0 5px; font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li:last-child {margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .inp_map {max-width: 100%;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li:first-child .inp_map {display: inline-block; width: calc(100% - 132px); vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .inp_btn {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .inp_btn .txt {background-image: url('/images/home/kor/user/common/inp_btn_sch_icon.png');}
/*================================== 주소 유형 ==================================*/

/*================================== 인원 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .personnel_area {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .personnel_area .inp_pers {display: inline-block; width: calc(100% - 21px); max-width: 100%; vertical-align: middle; text-align: right;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .personnel_area .txt {display: inline-block; margin: 0 0 0 5px; font-weight: 400; font-size: 16px; line-height: 48px; color: #333333; vertical-align: middle;}
/*================================== 인원 유형 ==================================*/

/*================================== 내용 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area textarea {display: block; width: 100%; height: 100px; border: 1px solid #dfdfdf; padding: 10px; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; resize: none;}
/*================================== 내용 유형 ==================================*/

/*================================== 파일 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area .inp_file {display: inline-block; width: calc(100% - 132px); vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area .inp_btn {padding-left: 47px; background-image: url('/images/home/kor/user/common/inp_btn_sch_icon.png'); background-position: left 25px center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 45px; color: #ffffff; vertical-align: middle; cursor: pointer;}
/*================================== 파일 유형 ==================================*/

/*================================== 지역 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area .slt_area {display: inline-block; max-width: 200px; margin: 0 5px 0 0; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area .slt_area:last-child { margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.custom2 {}
/*================================== 지역 유형 ==================================*/

/*================================== 첨부파일 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li {margin: 0 0 10px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li:last-child {margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each a {display: inline-block; position: relative; padding: 0 0 0 20px; background-image: url('/images/home/kor/user/common/attach_ico.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 24px; transition: 0.3s ease-in-out;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each a:hover, .board_view_file .file_each a:focus {text-decoration: underline;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each button {display: inline-block; margin: 0 0 0 5px; padding: 0 10px; border: 1px solid var(--com-color-red); transition: all 0.3s;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each button .txt {display: inline-block; font-weight: 400; font-size: 15px; line-height: 28px; color: var(--com-color-red); border-radius: 5px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each button:hover,
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each button:focus { background-color: var(--com-color-red);}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each button:hover .txt,
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area .list li .file_each button:focus .txt { color: #ffffff;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_list_area.mt { margin: 5px 0 0 0;}
/*================================== 첨부파일 유형 ==================================*/

/*================================== 날짜 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_area .inp_data { max-width: 200px; line-height: 43px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_area .txt { font-weight: 400; font-size: 16px; line-height: 24px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_area.sty2 { font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_area.sty2 > * { display: inline-block; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_area.sty2 > .txt { margin: 0 5px;}

.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area > .list { font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area > .list > li { display: inline-block; margin: 0 15px 0 0; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area > .list > li:last-child { margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area > .list > li .date_area { display: flex; justify-content: space-between; align-items: center;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area > .list > li .date_area .inp_data { max-width: inherit; min-width: 200px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .date_list_area > .list > li .date_area .txt { width: 100%; margin: 0 10px 0 0;}
/*================================== 날짜 유형 ==================================*/

/*================================== row_f 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .row_f { display: flex; justify-content: stretch; align-items: center;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .row_f .cont_btn_list_area { margin: 0 0 0 10px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .row_f .cont_btn_list_area .list li .cancell_btn.etc { padding: 0 15px;}
/*================================== row_f 유형 ==================================*/

/*================================== tr 추가 제거 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area.add_remove tbody tr td { position: relative;}
.com_input_cont .input_table_cont .table_inner_box .table_area.add_remove tbody tr td .icon_btn { position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
/*================================== tr 추가 제거 유형 ==================================*/

/*================================== 기타 텍스트 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .etc_inp { font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .etc_inp > * { display: inline-block; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .etc_inp .chk_area {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .etc_inp .inp_txt_area { margin: 0 0 0 10px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .etc_inp .inp_txt_area label .inp_txt { max-width: 200px;}
/*================================== 기타 텍스트 유형 ==================================*/