@charset "UTF-8";

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

.th_star {display: inline-block; margin:0 3px; vertical-align: middle;}
/* 기본 컬러 */
.red {color: #ed4040;}
.blue {color: #3c79d5;}
.green {color: #48a644;}
.gray {color: #848690;}
/* 기본 컬러 */

/* 공통 입력폼 */
.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 {}
.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 > .title_area.sty2 {margin: 0 0 10px; text-align: right; font-size: 0;}
.com_input_cont > .title_area.sty2 .text {display: inline-block; vertical-align: middle;}

.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 #000000; 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 #d1d1d1;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th {border-right: 1px solid #d1d1d1; padding: 8px; background-color: #f3faff;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit {font-weight: 500; font-size: 16px; line-height: 24px; color: #333333;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit.tc {text-align: center;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit.sty2 {display: inline-block;}
.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.icon2 {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit.icon2 .th_star {position: inherit;}
.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: 8px; 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.bor_r {border-right: 1px solid #d1d1d1;}
/*================================== 기본 텍스트 ==================================*/
.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; word-break: break-all;}
.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 textarea {display: block; margin: 0; border: 1px solid #dfdfdf; padding: 0 10px; background-color: #ffffff; font-weight: 400; font-size: 16px; line-height: 24px; color: #2f2f2f; resize: none;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt.sty2 {width: inherit; padding: 0 5px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt.max500 {max-width: 500px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt.max150 {max-width: 150px;}
.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: #333333; font-size: 0; vertical-align: middle;}
.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: 48px; color: #ffffff;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.code {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.code label {display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.code label .inp_txt {display: inline-block;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.code .btn {display: inline-block; height: 41px; margin: 0 5px 0 0; font-weight: 400; font-size: 16px; line-height: 41px; padding: 0 17px; background-color: #d73030; color: #fff; border-radius: 20px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.code .btn:before {display: inline-block; content:''; width: 17px; height: 15px; margin-right: 6px; margin-top: -2px; background: url('../../../../images/home/kor/user/sub/sns_btn_ico.png') no-repeat center/contain; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.code .text {display: inline-block; font-weight: 400; font-size: 14px; line-height: 21px; color: #777777; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 {font-size: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 label {display: inline-block; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 label .inp_txt {display: inline-block;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 .text {display: inline-block; margin: 0 5px; font-weight: 400; font-size: 14px; line-height: 21px; color: #777777; vertical-align: middle;}

/*================================== 기본 인풋 ==================================*/

/*================================== 번호입력 유형 ==================================*/
.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% - 185px); max-width: 100%; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn {display: inline-block; margin: 0 0 0 5px; padding: 0 30px; background-color: #333333; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn .txt {padding: 0 0 0 25px; background-image: url('../../../../images/home/kor/user/common/slt_btn_sch_icon2.png'); background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 48px; 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: 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: 150px; 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 .textarea_area.sty2 {}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area.sty2 textarea {height: inherit; padding: 2px; resize: none; font-weight: 300; line-height: normal;}

/*================================== 내용 유형 ==================================*/

/*================================== 파일 유형 ==================================*/
.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; max-width: 300px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area label {display: inline-block; margin: 0 0 0 5px; padding: 0 30px; background-color: #333333; font-weight: 500; font-size: 16px; line-height: 48px; color: #ffffff; vertical-align: middle; cursor: pointer;}
/*================================== 파일 유형 ==================================*/

/*================================== 파일 유형 ==================================*/
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area.sty2 .inp_file {max-width: calc(100% - 85px) !important; height: 30px !important;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area.sty2 label {width:80px !important; height:30px !important; border: 1px solid #7b839b; padding: 0 5px; background-color: #7b839b; font-size: 0.93rem !important; line-height: 28px !important; text-align: center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area.sty2 label:hover {background-color:#fff !important; color: #7b839b;}
/*================================== 파일 유형 ==================================*/

/*================================== 지역 유형 ==================================*/
.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 0 0 5px; height: 48px; vertical-align: middle;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area .slt_area:first-child {margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area .txt {display: inline-block; 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 .area_area.custom4 {margin: 0 0 5px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.custom4:last-child {margin: 0;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.custom5 {margin: 0 0 5px;}
.com_input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.custom5:last-child {margin: 0;}
/*================================== 지역 유형 ==================================*/

/*================================== 첨부파일 유형 ==================================*/
.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; padding: 0 10px; margin: 0 0 0 10px; background-color: #ff0000;}
.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: 16px; line-height: 28px; color: #ffffff; border-radius: 5px;}
/*================================== 첨부파일 유형 ==================================*/