@charset "UTF-8";

input[type="text"], 
input[type="password"], 
input[type="date"] {display: block; width: 100%; height: 46px; margin: 0; border: 1px solid var(--colorLightGray); padding: 0 10px; background-color:var(--colorWhite); font-weight: 400; font-size: 16px; line-height: 24px; color: var(--colorBlack2)}
input[type="text"]:placeholder, 
input[type="password"]:placeholder, 
input[type="date"]:placeholder {font-weight: 400; font-size: 16px; line-height: 24px; color:var(--colorDarkGray)}
input[type="text"]:disabled, 
input[type="password"]:disabled, 
input[type="date"]:disabled {border: 1px solid transparent; }
input[type="text"].mnw, 
input[type="password"].mnw, 
input[type="date"].mnw {min-width:380px !important}
input[type="text"].mxw, 
input[type="password"].mxw, 
input[type="date"].mxw {max-width:380px !important}
input[readonly] {background-color:var(--colorBgGray)}
select {display: inline-block; width: 100%; height: 46px; margin: 0; border: 1px solid var(--colorLightGray); padding: 0 15px 0 10px; background-color:var(--colorWhite); background-image: url('/images/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;}
.mnw {min-width:200px}
.mxw {max-width:200px}

/* 기본 컬러 */
.red {color: #ed4040;}
.blue {color: #3c79d5;}
.green {color: #48a644;}
.gray {color: #848690;}
.r_green {color: var(--colorGreen);}
/* 기본 컬러 */

/* 공통 입력폼 */
.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 {font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.com_input_cont > .title_area .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #737373;}
.com_input_cont > .title_area > .row {font-size: 0;}
.com_input_cont > .title_area > .row .title {display: inline-block; vertical-align: middle;}
.com_input_cont > .title_area > .row .text {display: inline-block; margin: 0 0 0 25px; vertical-align: middle;}
.com_input_cont > .title_area > .row2 {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center;}
.com_input_cont > .title_area > .row2 .btn_list_area {}
.com_input_cont > .title_area > .row2 .btn_list_area .list {font-size: 0;}
.com_input_cont > .title_area > .row2 .btn_list_area .list li {display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.com_input_cont > .title_area > .row2 .btn_list_area .list li:last-child {margin: 0;}
.com_input_cont > .title_area > .row2 .btn_list_area .list li .btn {display: inline-block; padding: 0 25px; background-color: #333333; font-size: 0;}
.com_input_cont > .title_area > .row2 .btn_list_area .list li .btn .txt {display: inline-block; font-weight: 400; font-size: 18px; line-height: 40px; color: #ffffff;}
.com_input_cont > .title_area > .row2 .btn_list_area .list li .btn2 {display: inline-block; border: 1px solid #333333; padding: 0 25px; font-size: 0;}
.com_input_cont > .title_area > .row2 .btn_list_area .list li .btn2 .txt {display: inline-block; font-weight: 400; font-size: 18px; line-height: 38px; color: #333333;}
.com_input_cont > .title_area > .row2.custom2 .title {display: inline-block; vertical-align: middle;}
.com_input_cont > .title_area > .row2.custom2 .text {display: inline-block; margin: 0 0 0 25px; vertical-align: middle;}
.com_input_cont .text_area {}
.com_input_cont .text_area.mgt {margin-top:10px}
.com_input_cont .text_area.mgb {margin-bottom:10px}

.com_input_cont .inp_btn {position:relative}
.com_input_cont .inp_btn .label {}
.com_input_cont .inp_btn .btn_default {font-size:15px}
.com_input_cont .inp_btn .s_txt {margin-left:15px}

.com_input_cont .input_table_cont {}
.com_input_cont .input_table_cont .table_inner_box {border:1px solid #e1e1e1;border-radius:8px;overflow:hidden}
.com_input_cont .input_table_cont .table_inner_box .table_area {width: 100%;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:10px 15px;background-color:#f5f5f5;}
.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 15px;}
.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:10px 15px; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr:last-child {border-bottom:0}

/*================================== 기본 텍스트 ==================================*/
.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: 400; font-size: 16px; line-height: 24px; color: #333333;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.red {color: #ed4040;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.blue {color: #3c79d5;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.green {color: #48a644;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .text_area .text.gray {color: #848690;}
/*================================== 기본 텍스트 ==================================*/

/*================================== 기본 인풋 ==================================*/
.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.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% - 127px); max-width: 400px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom label .inp_txt {display: block;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom .btn {display: inline-block; margin: 0 0 0 5px; padding: 0 30px; background-color:var(--colorGreen); font-size: 0; vertical-align: middle;transition:0.2s}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom .btn:hover {background-color:var(--colorDarkGreen)}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.custom .btn .txt {display: inline-block; font-weight: 400; font-size: 16px; line-height: 46px; color: #ffffff;}
/*================================== 기본 인풋 ==================================*/

/*================================== 번호입력 유형 ==================================*/
.com_input_cont .number_area {font-size: 0;}
.com_input_cont .number_area .number_box {display: inline-block; width: 100%; max-width: 360px; font-size: 0; vertical-align: middle;}
.com_input_cont .number_area .number_box .inp_num {display: inline-block; max-width: 100px; vertical-align: middle;}
.com_input_cont .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 .number_area.custom .btn {display: inline-block; margin: 0 0 0 5px; padding: 0 30px; background-color: var(--colorGreen); font-size: 0; vertical-align: middle;transition:0.2s}
.com_input_cont .number_area.custom .btn:hover {background-color:var(--colorDarkGreen)}
.com_input_cont .number_area.custom .btn .txt {display: inline-block; font-weight: 500; font-size: 16px; line-height: 46px; color: #ffffff;}
/*================================== 번호입력 유형 ==================================*/

/*================================== 이메일 유형 ==================================*/
.com_input_cont .email_area {font-size: 0;}
.com_input_cont .email_area .inp_email {display: inline-block; max-width: 239px; vertical-align: middle;}
.com_input_cont .email_area .slt_email {display: inline-block; max-width: 239px; margin: 0 0 0 5px; vertical-align: middle;}
.com_input_cont .email_area .txt {display: inline-block; padding: 0 5px; font-weight: 400; font-size: 16px; line-height: 46px; color: #333333; text-align: center; vertical-align: middle;}
/*================================== 이메일 유형 ==================================*/

/*================================== 주소 유형 ==================================*/
.com_input_cont .map_area {}
.com_input_cont .map_area .list {}
.com_input_cont .map_area .list li {margin: 0 0 5px; font-size: 0;}
.com_input_cont .map_area .list li:last-child {margin: 0;}
.com_input_cont .map_area .list li .inp_map {max-width: 100%;}
.com_input_cont .map_area .list li:first-child .inp_map {display: inline-block; width: calc(100% - 185px); max-width: 100%; vertical-align: middle;}
.com_input_cont .map_area .list li .btn {display: inline-block; margin: 0 0 0 5px; padding: 0 20px; background-color:var(--colorGreen); vertical-align: middle;transition:0.2s}
.com_input_cont .map_area .list li .btn:hover {background-color:var(--colorDarkGreen)}
.com_input_cont .map_area .list li .btn .txt {padding: 0 0 0 20px; background-image: url('/images/common/slt_btn_sch_icon2.png'); background-position:left top 2.5px; background-repeat: no-repeat;background-size:15px; font-weight: 400; font-size: 15px; line-height: 46px; color: #ffffff;}
/*================================== 주소 유형 ==================================*/

/*================================== 인원 유형 ==================================*/
.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: 46px; color: #333333; vertical-align: middle;}
/*================================== 인원 유형 ==================================*/

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

/*================================== 파일 유형 ==================================*/
.com_input_cont .file_area {font-size: 0;}
.com_input_cont .file_area .inp_file {display: inline-block; max-width: 300px; vertical-align: middle;}
.com_input_cont .file_area label {display: inline-block; margin: 0 0 0 5px; padding: 0 30px; background-color: var(--colorGreen); font-weight: 500; font-size: 15px; line-height: 46px; color: #ffffff; vertical-align: middle; cursor: pointer;transition:0.2s}
.com_input_cont .file_area label:hover {background-color:var(--colorDarkGreen)}
/*================================== 파일 유형 ==================================*/

/*================================== 지역 유형 ==================================*/
.com_input_cont tbody tr td .area_area {display:flex;font-size: 0;text-align:left}
.com_input_cont tbody tr td .area_area .slt_area {display: inline-block;width:50%;margin: 0 0 0 5px; height: 48px; vertical-align: middle;}
.com_input_cont tbody tr td .area_area .slt_area:first-child {margin: 0;}
.com_input_cont tbody tr td .area_area .txt {display: inline-block; font-weight: 400; font-size: 16px; line-height: 46px; color: #333333; vertical-align: middle;}
.com_input_cont tbody tr td .area_area.custom4 {margin: 0 0 5px;}
.com_input_cont tbody tr td .area_area.custom4:last-child {margin: 0;}
.com_input_cont tbody tr td .area_area.custom5 {margin: 0 0 5px;}
.com_input_cont tbody tr td .area_area.custom5:last-child {margin: 0;}
/*================================== 지역 유형 ==================================*/

/*================================== 첨부파일 유형 ==================================*/
.com_input_cont .file_list_area {margin-top:5px}
.com_input_cont .file_list_area .list {}
.com_input_cont .file_list_area .list li {margin: 0 0 10px;}
.com_input_cont .file_list_area .list li:last-child {margin: 0;}
.com_input_cont .file_list_area .list li .file_each {}
.com_input_cont .file_list_area .list li .file_each .link {display: inline-block; position: relative; padding: 0 0 0 20px; background-image: url('/images/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 .file_list_area .list li .file_each .link:hover {text-decoration: underline;}
.com_input_cont .file_list_area .list li .file_each .btn_small {display:inline-block;margin-left:10px}

/*.com_input_cont .file_list_area .list li .file_each button {display: inline-block; padding: 0 10px; margin: 0 0 0 10px; background-color: #ff0000;}
.com_input_cont .file_list_area .list li .file_each button .txt {display: inline-block; font-weight: 400; font-size: 16px; line-height: 28px; color: #ffffff; border-radius: 5px;}*/
/*================================== 첨부파일 유형 ==================================*/


.form_tit { text-align: left; }
.form_tit.active:before { content:"*"; color: var(--colorRed); }

.form_table .file_area { display: flex; align-items: center; grid-gap: 20px; }
.form_table .file_area .inp_btn { display: flex; grid-gap: 5px; }