@charset "utf-8";
/* version 0.6 | 2020-11-13 */


/*------------------------------------------------
    마크
------------------------------------------------*/
/* 마크 */
.essential:after { content: '*'; padding-left: 2px; font-weight: 500; color: #104fff; }
.new:after { content: ''; padding-right: 70px !important; background-image: url('../images/common/icon/new_contents.png'); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; }

/* 말줄임 */
.overflow { display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 텍스트컬러 */
/* .txt_blue { color: #104aff !important; } */



/*==========================================================
    폼
    [ guide_form.html / guide_form_example.html ]
==========================================================*/
/*------------------------------------------------
    인풋(text, number, password, tel, search)
------------------------------------------------*/
/* 초기화 */
.input_pack { position: relative; display: inline-block; font-size: 0; vertical-align: middle; word-break: break-all; }
.input_pack { width: 100%; }
.input_pack input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; -webkit-box-shadow: none; box-shadow: none; }
.input_pack input::-ms-clear, .input_pack input::-ms-reveal { display: none; }
.input_pack input::-ms-check { visibility: hidden; }
.input_pack input[type="number"]::-webkit-outer-spin-button,
.input_pack input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input_pack input[type="number"] { -moz-appearance: textfield; }

/* 스타일 */
.input_pack { _width: auto; _max-width: 230px ;font-weight: 400;}
.input_pack input { font-size: 18px; color: #303030; box-sizing: border-box; }
.input_pack input::placeholder { color: #acacac; }
.input_pack input:-ms-input-placeholder { color: #acacac; }
.input_pack input::-ms-input-placeholder { color: #acacac; }
.input_pack input::-webkit-placeholder { color: #acacac; }
.input_pack input::-moz-placeholder { color: #acacac; }


.input_pack + .input_pack { margin-left: 6px; }
/*------------------------------------------------
    유형
------------------------------------------------*/
/* 테이블(내부인풋) */
.table_pack .input_pack { max-width: 230px; }
/* 스타일- type */
.input_pack.type_full { max-width: 100% !important; }
.input_pack.type_full input { max-width: 100% !important; }

.input_pack input[type="date"],
.input_pack input[type="text"],
.input_pack input[type="number"],
.input_pack input[type="password"],
.input_pack input[type="tel"],
.input_pack input[type="email"],
.input_pack input[type="search"] { display: inline-block; width: 100%; max-width: 230px; padding: 0 14px; height: 30px; /* border-radius: 6px; */ border: 1px solid #dddddd; /*font-family: malgun gothic;*/font-weight: 500; color: #888888;}
.input_pack input[type="button"] { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); cursor: pointer; }

/* 옵션 */
.input_pack input[readonly="readonly"]::placeholder { color: #acacac; }
.input_pack input[readonly="readonly"]:-ms-placeholder { color: #acacac; }
.input_pack input[readonly="readonly"]::-webkit-placeholder { color: #acacac; }
.input_pack input[readonly="readonly"]::-moz-placeholder { color: #acacac; }
.input_pack input[disabled="disabled"]::placeholder { color: #acacac; }
.input_pack input[disabled="disabled"]:-ms-input-laceholder { color: #acacac; }
.input_pack input[disabled="disabled"]::-webkit-placeholder { color: #acacac; }
.input_pack input[disabled="disabled"]::-moz-placeholder { color: #acacac; }

.input_pack input[type="text"]:focus,
.input_pack input[type="number"]:focus,
.input_pack input[type="password"]:focus,
.input_pack input[type="tel"]:focus,
.input_pack input[type="email"]:focus,
.input_pack input[type="search"]:focus { border-color: #2658a0; }
.input_pack input[type="text"][readonly="readonly"]:focus,
.input_pack input[type="number"][readonly="readonly"]:focus,
.input_pack input[type="password"][readonly="readonly"]:focus,
.input_pack input[type="tel"][readonly="readonly"]:focus,
.input_pack input[type="email"][readonly="readonly"]:focus,
.input_pack input[type="search"][readonly="readonly"]:focus { border-color: #d4d4d4; }

/* 2021-01-12 hebale(2차) 수정 */
.input_pack input[type="search"][readonly="readonly"] { background-color: #fff; }


.input_pack input[type="text"][readonly="readonly"],
.input_pack input[type="number"][readonly="readonly"],
.input_pack input[type="password"][readonly="readonly"],
.input_pack input[type="email"][readonly="readonly"],
.input_pack input[type="tel"][readonly="readonly"] { color: #6e6e6e; background-color: #ececec; } /* 2021-01-29 hebale*/

.input_pack input[type="text"][disabled="disabled"],
.input_pack input[type="number"][disabled="disabled"],
.input_pack input[type="password"][disabled="disabled"],
.input_pack input[type="tel"][disabled="disabled"],
.input_pack input[type="email"][disabled="disabled"],
.input_pack input[type="search"][disabled="disabled"] { color: #c0c0c0; background-color: #ececec; } /* 2020-12-03 hebale*/

/* 기능 */
.input_pack .clear_btn { display: none; position: absolute; top: 0; right: 0; width: 34px; height: 100%; text-indent: -99999px; overflow: hidden; background: url('../images/common/form/clear_btn.png') no-repeat 6px center; background-size: 15px 15px; cursor: pointer; }
.input_pack .reveal_btn { display: none; position: absolute; top: 0; right: 0; width: 34px; height: 100%; text-indent: -99999px; overflow: hidden; background: url('../images/common/form/@reveal_btn.png') no-repeat 6px center; background-size: 15px 14px; cursor: pointer; }
.input_pack .reveal_btn.is_active { background: url('../images/common/form/@reveal_btn_active.png') no-repeat 6px center; background-size: 15px 14px; cursor: pointer; }
.input_pack .search_btn { position: absolute; top: 0; right: 0; width: 34px; height: 100%; text-indent: -99999px; overflow: hidden; background: url('../images/common/form/search_btn.png') no-repeat 6px center; background-size: 20px 20px; cursor: pointer; }
.input_pack .count_time { display: inline-block; position: absolute; top: 2px; right: 0px; padding: 0 10px; height: 100%; font-size: 14px; color: #f06d6d; vertical-align: middle; }
.input_pack .count_time:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.input_pack.type_error { }
.input_pack.type_error input[type="text"],
.input_pack.type_error input[type="number"],
.input_pack.type_error input[type="password"],
.input_pack.type_error input[type="tel"],
.input_pack.type_error input[type="email"],
.input_pack.type_error input[type="search"] { border-color: #ea4f4f; }

/* .input_pack과 함께 type_datepicker 클래스를 가진 모든 dom */
.input_pack[class*='type_datepicker'] { max-width: 170px; }
.input_pack[class*='type_datepicker'] input
{ padding-left: 40px; font-size: 14px; background: #fff url('../images/common/form/datepicekr_default.png') no-repeat 12px center; background-size: 17px 17px; }


/* 확장 */
.input_set {}
.input_pack ~ .text_pack { margin-top: 5px; font-size: 14px; }
.variable_set ~ .text_pack { margin-top: 5px; font-size: 14px; }


/*------------------------------------------------
    인풋(radio)
------------------------------------------------*/
/* 초기화 */
.radio_pack { position: relative; display: inline-block; font-size: 0; vertical-align: middle; word-break: break-all; }
.radio_pack { width: 100%; }
.radio_pack input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; -webkit-box-shadow: none; box-shadow: none; }
.radio_pack input::-ms-clear, .radio_pack input::-ms-reveal { display: none; }
.radio_pack input::-ms-check { visibility: hidden; }

/* 스타일 */
.radio_pack input[type="radio"] { display: inline-block; width: 20px; height: 20px; background: url('../images/common/form/radio_default.png') no-repeat center; background-size: 20px 20px; vertical-align: middle; }

/* 옵션 */
.radio_pack input[type="radio"]:checked { background: url('../images/common/form/radio_checked.png') no-repeat center; background-size: 20px 20px; }
.radio_pack input[type="radio"][disabled="disabled"] { background: url('../images/common/form/radio_default_dim.png') no-repeat center; background-size: 20px 20px; }
.radio_pack input[type="radio"][disabled="disabled"]:checked { background: url('../images/common/form/radio_checked_dim.png') no-repeat center; background-size: 20px 20px; }

/* 기능 */
.radio_pack input[type="radio"][disabled="disabled"] { cursor: default; }

/* 확장 */
.radio_pack label { display: inline-block; cursor: pointer; }
.radio_pack label { margin-right: 25px; }
.radio_pack label:last-child { margin-right: 0; }
.radio_pack label .label_text { display: inline-block; font-size: 14px; color: #303030; vertical-align: middle; }
.radio_pack label span { display: inline-block; font-size: 14px; color: #303030; vertical-align: middle; }
.radio_pack label input[type="radio"] {}
.radio_pack label input[type="radio"] + .label_text { padding-left: 8px; }
.radio_pack label input[type="radio"] + span { padding-left: 8px; }
.radio_pack label input[type="radio"][disabled="disabled"] + .label_text { color: #6e6e6e; cursor: default; }
.radio_pack label input[type="radio"][disabled="disabled"] + span { color: #6e6e6e; cursor: default; }

/* 20201125 체크박스 리드온리 */
.radio_pack input[type="radio"].readonly { background: url('../images/common/form/radio_default_dim.png') no-repeat center; background-size: 20px 20px; }
.radio_pack input[type="radio"].readonly:checked { background: url('../images/common/form/radio_checked_dim.png') no-repeat center; background-size: 20px 20px; }
.radio_pack input[type="radio"].readonly + .label_text { color: #6e6e6e; cursor: default; }
.radio_pack label.type_readonly { position: relative; display: inline-block; cursor: default; }
.radio_pack label.type_readonly:after { z-index: 1000; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }




/*------------------------------------------------
    인풋(checkbox)
------------------------------------------------*/
/* 초기화 */
.checkbox_pack { position: relative; display: inline-block; font-size: 0; vertical-align: middle; word-break: break-all; }
.checkbox_pack { width: 100%; }
.checkbox_pack input { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; -webkit-box-shadow: none; box-shadow: none; }
.checkbox_pack input::-ms-clear, .checkbox_pack input::-ms-reveal { display: none; }
.checkbox_pack input::-ms-check { visibility: hidden; }

/* 스타일 */
.checkbox_pack input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; background: url('../images/common/form/checkbox_default.png') no-repeat center; background-size: 20px 20px; vertical-align: middle; cursor: pointer; }

/* 옵션 */
.checkbox_pack input[type="checkbox"]:checked { background: url('../images/common/form/checkbox_checked.png') no-repeat center; background-size: 20px 20px; }
.checkbox_pack input[type="checkbox"][disabled="disabled"] { background: url('../images/common/form/checkbox_default_dim.png') no-repeat center; background-size: 20px 20px; }
.checkbox_pack input[type="checkbox"][disabled="disabled"]:checked { background: url('../images/common/form/checkbox_checked_dim.png') no-repeat center; background-size: 20px 20px; }

/* 기능 */
.checkbox_pack input[type="checkbox"][disabled="disabled"] { cursor: default; }

/* 확장 */
.checkbox_pack label { display: inline-block; cursor: pointer; }
.checkbox_pack label { margin-right: 25px; }
.checkbox_pack label:last-child { margin-right: 0; }
.checkbox_pack label .label_text { display: inline-block; font-size: 14px; color: #303030; vertical-align: middle; }
.checkbox_pack label span { display: inline-block; font-size: 14px; color: #303030; vertical-align: middle; }
.checkbox_pack label input[type="checkbox"] {}
.checkbox_pack label input[type="checkbox"] + .label_text { padding-left: 8px; }
.checkbox_pack label input[type="checkbox"] + span { padding-left: 8px; }
.checkbox_pack label input[type="checkbox"][disabled="disabled"] + .label_text { color: #6e6e6e; cursor: default;  }
.checkbox_pack label input[type="checkbox"][disabled="disabled"] + span { color: #6e6e6e; cursor: default;  }

/* 20201125 리드온리 */
.checkbox_pack input[type="checkbox"].readonly { background: url('../images/common/form/checkbox_default_dim.png') no-repeat center; background-size: 20px 20px; cursor: default; }
.checkbox_pack input[type="checkbox"].readonly:checked { background: url('../images/common/form/checkbox_checked_dim.png') no-repeat center; background-size: 20px 20px; }
.checkbox_pack input[type="checkbox"].readonly + .label_text { color: #6e6e6e; cursor: default; }
.checkbox_pack label.type_readonly { position: relative; display: inline-block; cursor: default; }
.checkbox_pack label.type_readonly:after { z-index: 1000; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }


/*------------------------------------------------
    텍스트에어리어
------------------------------------------------*/
/* 초기화 */
.textarea_pack { display: inline-block; }
.textarea_pack textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; outline: none; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; }

/* 스타일 */
.textarea_pack textarea { width: 100%; padding: 14px; border-radius: 6px; border-radius: 6px; border: 1px solid #d4d4d4; vertical-align: top; } /* 2020-12-11 hebale(2차) chrome 하단여백제거 'vertical-align: top;' */

.textarea_pack.type_full { width: 100%; }

/* 옵션 */
.textarea_pack textarea::placeholder { color: #acacac; }
.textarea_pack textarea:-ms-input-placeholder { color: #acacac; }
.textarea_pack textarea::-webkit-input-placeholder { color: #acacac; }
.textarea_pack textarea::-moz-placeholder { color: #acacac; }
.textarea_pack textarea:focus { border-color: #2658a0; }

.textarea_pack textarea[readonly="readonly"] { background: #e5e6ed; }
.textarea_pack textarea[disabled="disabled"] { color: #acacac; background: #e5e6ed; }

/* 기능 */

/* 확장 */
.textarea_group {}
.textarea_set {}


/*------------------------------------------------
    셀렉트
------------------------------------------------*/
/* 초기화 */
.select_pack select { 
	outline: 0; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none; 
	-webkit-box-sizing: 
	border-box; box-sizing: border-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; 
	font-weight: 500; font-size: 18px; /*font-family: malgun gothic;*/ color: #888888;
	letter-spacing: -0.05em;
	}
.select_pack select::-ms-expand { display: none; }

/* 스타일 */
.select_pack { display: inline-block; width: 100%; max-width: 230px; vertical-align: middle; }
/* .select_pack select { padding: 0 24px 0 14px; width: 100%; height: 30px; border-radius: 6px; border: 1px solid #d4d4d4; font-size: 14px; color: #303030; background: #fff url('../images/common/form/select_default.png') no-repeat center right; background-size: 28px 34px; } */
.select_pack.type_full { max-width: 100% !important; }
  
/* 스타일 */
select{appearance: none;height:45px;padding:0 45px 0 15px;font-size:17px;color:#222;background:url(../img/common/select.png) no-repeat right center; border:1px solid #ddd;border-radius:4px;}
/* [25.08.26] gbkim select박스 width:100% 제거 */
/*select{appearance: none;width: 100%; height:45px;padding:0 45px 0 15px;font-size:17px;color:#222;background:url(../img/common/select.png) no-repeat right center; border:1px solid #ddd;border-radius:4px;}*/
select::-ms-expand{display:none;}

/* 옵션 */
.select_pack select:focus { border-color: #2658a0; }
.select_pack select option[disabled="disabled"] { color: #303030; }
option {
	font-weight: 400;
    font-size: 18px;
    /*font-family: malgun gothic;*/
    color: #888888;
}
/* .select_pack.type_error {}
.select_pack.type_error select {} */

/* 기능 */

/* 확장 */
/* .select_group {}
.select_set {} */

/* 확장 - 커스텀 */
.select_pack.type_custom { position: relative; display: inline-block; width: 100%; height: 100%; }
.select_pack.type_custom button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.select_pack.type_custom .select_design_wrap { height: 100%; }
.select_pack.type_custom .select_design_wrap .select_design { position: absolute; top: 0; left: 0; right: 0; height: 100%; border-radius: 6px; border: 1px solid #e5e6ed; font-size: 14px; background-color: #fff; box-sizing: border-box; }
.select_pack.type_custom.is_active .select_design_wrap .select_design { border-color: #2658a0; }
.select_pack.type_custom .select_design .option_chosen .option { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 24px 0 14px; border-radius: 6px; background: #fff url('../images/common/form/select_default.png') no-repeat center right; background-size: 28px 34px; outline: none; color: #303030; }

.reverse .select_design .option_list { top: auto; bottom: 44px; }
.select_design .option { width: 100%; height: 34px; line-height: 34px; box-sizing: border-box; text-align: left; cursor: pointer; white-space: nowrap; }
.select_design .option_list { z-index: 100; display: none; position: absolute; top: 44px; left: -1px; right: -1px; max-height: 120px; border-radius: 6px; border: 1px solid #e5e6ed; background: #fff; overflow-y: auto; box-sizing: border-box; }
.select_design .option_list .option { position: relative; padding: 0 24px 0 14px; height: 36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; color: #000; }
.select_design .option_list .option:hover { background: #ddf1ff; }
.select_design .option_list .option.selected { font-weight: bold; }
.select_design .option_list .option.hide { display: none; }
.select_design .option_list .option.hide + .option { margin-top: -1px; }


/*------------------------------------------------
    결합유형
------------------------------------------------*/
/* 기능 */
/* .info_form {}
.phone_form {}
.email_form {}
.address_form {}
.gender_form {}
.verify_form {} */



/*==========================================================
    테이블
    [ guide_table.html / guide_table_example.html ]
==========================================================*/
/*------------------------------------------------
    테이블
------------------------------------------------*/
/* 초기화 */
.table_pack { display: inline-block; width: 100%; box-sizing: border-box; border-radius: 10px; }
.table_pack table { position: relative; width: 100%; _border-collapse: collapse; border-spacing: 0px; _table-layout: fixed; box-sizing: border-box; _overflow: hidden; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack td { word-wrap: break-word }
/* 스타일 */
.table_pack { border-radius: 10px; border: 1px solid #eae9e9; overflow-x: auto; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack table { _min-width: 1000px; }
.table_pack table > caption { display: none; }
.table_pack table > thead > tr > th { border-bottom: 1px solid #e6e6e6; white-space: nowrap; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack table > thead > tr > th[colspan] { border-bottom: none; } /* 2020-12-16 hebale(2차) - 테이블레이아웃 */
.table_pack table > thead > tr > th { position: relative; padding: 5px 15px; height: 30px; _box-sizing: border-box; /* font-size: 14px; font-weight: normal; */ text-align: center; background: #fff; word-wrap: break-word; }
.table_pack table > thead > tr > th.essential:after { content: "*"; color: #2274ae; }
.table_pack table > tbody > tr > th { padding: 5px 15px; height: 38px; box-sizing: border-box; font-size: 14px; font-weight: normal; }
.table_pack table > tbody > tr > td { padding: 5px 15px; height: 38px; box-sizing: border-box; font-size: 14px; text-align: center; word-wrap: break-word; white-space: nowrap; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */

/* 기능추가 div */
.table_pack table > thead > tr > th > div { position: relative; }
.table_pack table > thead > tr > th > div:before { content: ''; display: block; position: absolute; top: 50%; right: -15px; margin-top: -6px; width: 1px; height: 12px; background: #e5e5e5; }
.table_pack table > thead > tr > th:last-child > div:before { display: none; }
.table_pack table > thead > tr > th.border_center > div:before { z-index: 1;  top: calc(100% + 15px); }
.table_pack table > thead > tr > th.border_none > div:before { display: none; }


/* 보더라운드 정의  - 내부 셀렉트릉 위한 table의 overflow 제거로 디자인할당 */
/* thead 보더라운드 */
.table_pack table > thead > tr:first-child > th:first-child { border-top-left-radius: 10px; }
.table_pack table > thead > tr:first-child > th:last-child { border-top-right-radius: 10px; }

/* tbody 보더라운드 */
.table_pack table > tbody > tr:first-child > th:first-child { border-top-left-radius: 10px; }
.table_pack table > tbody > tr:first-child > td:first-child { border-top-left-radius: 10px; }
.table_pack table > tbody > tr:first-child > td:last-child { border-top-right-radius: 10px; }
.table_pack table > tbody > tr:last-child > th:first-child { border-bottom-left-radius: 10px; }
.table_pack table > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 10px; }
.table_pack table > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 10px; }

/* thead + tbody 보더라운드 */
.table_pack table > thead + tbody > tr:first-child > th:first-child { border-top-left-radius: 0; }
.table_pack table > thead + tbody > tr:first-child > td:first-child { border-top-left-radius: 0; }
.table_pack table > thead + tbody > tr:first-child > td:last-child { border-top-right-radius: 0; }

.table_pack table > tbody > tr > th,
.table_pack table > tbody > tr > td { background: #fff; }
.table_pack table > tbody > tr:nth-of-type(2n + 1) > th,
.table_pack table > tbody > tr:nth-of-type(2n + 1) > td { background-color: #f6f6f6; }
.table_pack table > thead + tbody > tr > td {
    text-align: center;
}

.table_pack table > thead + tbody > tr > td.title {
    text-align: left;
    padding-left: 10px;
}

.table_pack .border_left { border-left: 1px solid #eae9e9; }
.table_pack .border_none:before { display: none; }
.table_pack .tr_delete td { opacity: .6; }

/* 20201126 추가기능 */
.table_pack table > tbody > tr.is_active > th,
.table_pack table > tbody > tr.is_active > td { background: #e8eefb; }

/* 기능 */
@media (hover:hover) {
	.table_pack table > tbody > tr:hover > th,
	.table_pack table > tbody > tr:hover > td { background: #e8eefb; }
}

/* 기능 - 입력테이블 */
.table_pack.type_info { border-top: 1px solid #505050; border-width: 1px 0 0 0; border-radius: 0; }
.table_pack.type_info table { table-layout: fixed; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */

/* 20201124 */
.table_pack.type_info table > tbody > tr:first-child > th:first-child { border-top-left-radius: 0px; }
.table_pack.type_info table > tbody > tr:last-child > th:first-child { border-bottom-left-radius: 0px; }

.table_pack.type_info table { border-radius: 0; }
.table_pack.type_info table > tbody > tr > th { background: #f5f5f5; border-bottom: 1px solid #e6e6e6; text-align: left; white-space: normal; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack.type_info table > tbody > tr > td { padding: 5px 10px; background: #fff; border-bottom: 1px solid #e6e6e6; text-align: left; white-space: normal; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack.type_info table > tbody > tr > th + th { border-left: 1px solid #eae9e9; }
.table_pack.type_info table > tbody > tr:last-child > td { border-bottom: 1px solid #d4d4d4; border-radius: 0 !important; }
.table_pack.type_info table > tbody > tr:last-child > th { border-bottom: 1px solid #d4d4d4; border-radius: 0 !important; }
/* .table_pack.type_info table > tbody > tr > td:last-child { padding-right: 30px; } */

.table_pack.type_info .input_pack input[type="text"][readonly="readonly"],
.table_pack.type_info .input_pack input[type="number"][readonly="readonly"],
.table_pack.type_info .input_pack input[type="password"][readonly="readonly"],
.table_pack.type_info .input_pack input[type="tel"][readonly="readonly"],
.table_pack.type_info .input_pack input[type="search"][readonly="readonly"] { text-align: left; }

/* 기능 - 서치테이블 */
/* .table_pack.type_search { padding: 0 ; } */
.table_pack.type_search { padding: 15px 20px; border-color: #f0f0f0; background: #f0f0f0;; }
.table_pack.type_search table > thead { border: none; }
.table_pack.type_search table > tbody > tr > th { padding: 5px 5px 5px 10px; font-size: 14px; background: #f0f0f0; text-align: left; }
.table_pack.type_search table > tbody > tr > td { padding: 5px 10px 5px 5px; box-shadow: none; background: #f0f0f0; text-align: left; }
.table_pack.type_search table > thead + tbody > tr > td { box-shadow: none; }

/* 기능 - 그리드테이블 */
.table_pack.type_grid table > thead > tr > th:first-of-type + th:before { display: none; }
.table_pack.type_grid table > tbody > tr > th { border-right: 1px solid #eae9e9; border-bottom: 1px solid #e6e6e6; background: #fff; }
.table_pack.type_grid table > tbody > tr:last-of-type > th { border-bottom: none; }

/* 기능 - 스크롤 */
.table_pack.type_scroll { position: relative; overflow: hidden; }
.table_pack.type_scroll .scroll_head { border-bottom: 1px solid #e6e6e6; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack.type_scroll .scroll_head table > thead > tr > th { border-bottom: none; }
.table_pack.type_scroll .scroll_head table > thead > tr > th.type_none { padding: 0 8.5px; }
.table_pack.type_scroll .scroll_head table > tbody { visibility: collapse; } /* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack.type_scroll .scroll_body { max-height: 300px; overflow-y: auto; border-radius: 0 0 10px 10px; }
/* .table_pack.type_scroll .scroll_body > .scroll_inner { overflow-y: hidden; overflow-x: visible; } */
.table_pack.type_scroll.no_height_limit .scroll_body{ max-height: none; }

/* 2020-12-14 hebale(2차) - 테이블레이아웃 */
.table_pack.type_scroll .scroll_body.type_none { overflow-y: auto;}
.table_pack.type_scroll .scroll_body table > thead { display: table-header-group; visibility: collapse; overflow: hidden; height: 0; }
.table_pack.type_scroll .scroll_body table > thead > tr { height: 0; overflow: hidden; }
.table_pack.type_scroll .scroll_body table > thead > tr > th,
.table_pack.type_scroll .scroll_body table > thead > tr > td { height:0; line-height: 0; padding-bottom:0; padding-top: 0; overflow: hidden; visibility: collapse; }
.table_pack.type_scroll .scroll_body table > thead > tr > th .checkbox_pack,
.table_pack.type_scroll .scroll_body table > thead > tr > th .radio_pack { height: 0; }
.table_pack.type_scroll .scroll_body .scroll_inner { margin-top: -1px; }


/* 2020-12-18 hebale(2차) - 총계테이블 */
.table_pack.type_total { margin-top: 20px; border-top: 1px solid #505050; border-width: 1px 0 0 0; border-radius: 0; }
.table_pack.type_total table { table-layout: fixed; }
.table_pack.type_total table > tbody > tr:first-child > th:first-child { border-top-left-radius: 0px; }
.table_pack.type_total table > tbody > tr:last-child > th:first-child { border-bottom-left-radius: 0px; }
.table_pack.type_total table { border-radius: 0; }
.table_pack.type_total table > tbody > tr > th { background: #f5f5f5; border-bottom: 1px solid #e6e6e6; text-align: left; white-space: normal; }
.table_pack.type_total table > tbody > tr > td { padding: 5px 10px; background: #fff; border-bottom: 1px solid #e6e6e6; text-align: left; white-space: normal; }
.table_pack.type_total table > tbody > tr > th + th { border-left: 1px solid #eae9e9; }
.table_pack.type_total table > tbody > tr:last-child > td { border-bottom: 1px solid #d4d4d4; border-radius: 0 !important; }
.table_pack.type_total table > tbody > tr:last-child > th { border-bottom: 1px solid #d4d4d4; border-radius: 0 !important; }



/* 테이블 안 요소 */
.table_pack .btn_pack { display: inline-block}

/* 확장 */
.table_set .table_title { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 22px; line-height: 26px; font-weight: bold; color: #303030; }
.table_set .table_sub_title { _display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 18px; _font-weight: bold; color: #303030; }
.table_set .radio_pack,
.table_set .checkbox_pack { vertical-align: middle; margin-right: 10px; }
.table_set .radio_pack:last-child,
.table_set .checkbox_pack:last-child { margin-right: 0; }

/* 확장 - 테이블 리본메뉴 */
.table_set .table_ribbon { display: table; width: 100%; min-height: 20px; }
.table_set .table_ribbon > .ribbon_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.table_set .table_ribbon > .ribbon_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }
.table_set .table_ribbon .total_data { display: inline-block; font-size: 14px; color: #303030; vertical-align: middle; }
/* .table_set .table_ribbon .total_data .data_txt { font-we  } */
/* .table_set .table_ribbon .total_data:before { content: '전체 '; font-weight: normal; }
.table_set .table_ribbon .total_data:after { content: '건'; font-weight: normal; } */
.table_set .table_ribbon .select_pack { vertical-align: middle; }
.table_set .table_ribbon .btn_pack { display: inline-block; vertical-align: middle; }
.table_set .table_ribbon .text_pack { display: inline-block; vertical-align: middle; }
.table_set .table_ribbon [class*="_pack"] + [class*="_pack"] { margin-left: 10px; }

/* 확장 - 테이블 컨트롤메뉴 */
.table_control { display: table; width: 100%; }
.table_control > .control_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.table_control > .control_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }
.table_control .btn_pack { display: inline-block; vertical-align: middle; text-align: center; }
.table_control [class*="_pack"] + [class*="_pack"] { margin-left: 10px; }

.table_pack + .btn_pack { margin-top: 20px; text-align: center; }
.text_pack + .btn_pack { margin-top: 20px; text-align: center; }
.table_control + .btn_pack { margin-top: 15px; text-align: center; }

/* 확장 - 레이아웃 */
.table_set .table_title { display: block; }
.table_set .table_title + .table_ribbon { margin-top: 12px; }
.table_set .table_pack + .table_ribbon { margin-top: 10px; }

/* 20201118 수정내역 */
.table_set .table_title + .table_pack { margin-top: 12px; }
.table_set .table_sub_title { margin-top: 15px; padding-left: 20px; }
.table_set .table_sub_title + .table_pack { margin-top: 12px; margin-left: 20px; }

.table_set .table_ribbon + .table_pack { margin-top: 10px; }
.table_set .table_pack + .table_control { margin-top: 15px; }
/* .table_set .table_ribbon .total_data { margin-right: 10px; } */
.table_set .table_ribbon [class*="_pack"] { width: auto; }
.table_pack.type_info + .table_pack.type_info { margin-top: 20px; }

/* .table_set + .table_set .table_ribbon { margin-top: 30px; } */
.table_set + .table_set { margin-top: 25px; }
.option_set + .board_box { margin-top: 20px; }

.table_ribbon .rib_cell { display: inline-block; vertical-align: middle; }
.table_ribbon .ribbon_right .rib_cell { margin-left: 10px; }
.table_ribbon .ribbon_left .rib_cell { margin-right: 10px; }


/* 2020-12-14 hebale(2차) - 테이블 */
.table_pack a { font-size: 14px; color: #2658a0; text-decoration: underline; background: transparent; border: 0; }
.table_pack:not(.type_info) table td > .input_pack { min-width: 150px; }
.table_pack:not(.type_info) table td > .input_pack.type_narrow { min-width: 80px; }
.table_pack:not(.type_info) table td > .select_pack { min-width: 120px; }

/* 2020-12-15 hebale(2차) - 테이블레이아웃(IE) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .table_pack { margin-left: 1px; }
}

/* 2020-12-16 hebale(2차) */
.table_pack table > tbody > tr > th.attached_file:after,
.table_pack table > tbody > tr > td.attached_file:after { content: ""; display: inline-block; margin-top: -4px; padding-left: 15px; width: 13px; height: 16px; background: url('../images/common/icon/attach_file.png') no-repeat center; background-size: 13px 16px; vertical-align: middle; }

/* 2020-12-16 hebale(2차) - 테이블 홀짝 */
.table_pack tr.type_odd > td { background-color: #f6f6f6 !important; }
.table_pack tr.type_even > td { background-color: #fff !important; }




/*==========================================================
    버튼
    [ guide_button.html ]
==========================================================*/
/*------------------------------------------------
    버튼
------------------------------------------------*/
/* 초기화 */
.btn_pack { font-size: 0; vertical-align: middle; }
.btn_pack button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.btn_pack button[disabled="disabled"] { cursor: default;}
.btn_pack { font-size: 0; vertical-align: middle; }
.btn_pack a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.btn_pack a[disabled="disabled"] { cursor: default;}

/* 스타일 */
.btn_pack button { border: 1px solid #fff; vertical-align: middle; }

/* 스타일 - 사이즈 */
.btn_pack .medium { padding: 0 12px; min-width: 100px; height: 45px; line-height: 45px; font-size: 18px; /* border-radius: 6px; */ }
.btn_pack .medium.line { font-weight: normal; }
.btn_pack .medium{ margin-right: 8px; }
.btn_pack .medium:last-child { margin-right: 0; }
.btn_pack .small { padding: 0 15px; min-width: 50px; height: 30px; /*line-height: 30px;*/ font-size: 14px; /* border-radius: 6px; */ margin-right: 8px; }
.btn_pack .small:last-child { margin-right: 0; }
.btn_pack .smaller { padding: 0 8px; min-width: 40px; height: 21px; line-height: 21px; font-size: 12px; /* border-radius: 6px; */ margin-right: 4px; }
.btn_pack .smaller:last-child { margin-right: 0; }

/* 스타일 - 기능&테마 */
.btn_pack .normal { color: #303030; border-color: #ececec; background-color: #ececec; }
.btn_pack .positive { color: #fff; font-weight: 500; border-color: #2658a0; background-color: #2658a0; } /* 2020-12-23 hebale(2차) bold > 500 */
.btn_pack .negative { color: #303030; border-color: #e2e3e5; background-color: #e2e3e5; }
.btn_pack .positive.line { color: #2658a0; background-color: #fff; }

.btn_pack .linktext { font-size: 14px; color: #2658a0; text-decoration: underline; background: transparent; border: 0; }
.btn_pack .file_attach { text-indent: -9999px; width: 36px; height: 36px; border-radius: 6px; border: 1px solid #e2e2e2; background: #ffffff url('../images/common/form/attach_file.png') no-repeat center; }
.btn_pack .file_delete { text-indent: -9999px; width: 36px; height: 36px; border-radius: 6px; border: 1px solid #e2e2e2; background: #ffffff url('../images/common/form/file_delete_btn.png') no-repeat center; }

.btn_pack .round { border-radius: 25px; }
.btn_pack .round.normal:hover { color: #104fff; border-color: #104fff; }
.btn_pack .round.normal:hover { color: #104fff; border-color: #104fff; }
.btn_pack .round.normal.is_active { border-color: #505050; background-color: #505050; color: #fff; }
.btn_pack .round.normal[disabled="disabled"] { color: #b4b4b4;  border-color: #ebebeb; background-color: #ebebeb; }


/* 옵션 */
.btn_pack .positive:hover { border-color: #5c97db; background-color: #5c97db; }
/* .btn_pack button.positive:active { border-color: #2274ae; background-color: #2274ae; } */
.btn_pack .positive[disabled="disabled"] { border-color: #e5e6ed; background-color: #e5e6ed; color: #ccdaea; }

.btn_pack .normal:hover { background-color: #f3f3f3; border-color: #f3f3f3; }
.btn_pack .normal[disabled="disabled"] { border-color: #e9e9e9; background-color: #e9e9e9; color: #c0c0c0; font-weight: bold; }
.btn_pack .negative:hover { border-color: #f2f2f2; background-color: #f2f2f2; }
.btn_pack .negative[disabled="disabled"] { color: #c3c3c3; border-color: #e2e3e5; background-color: #e2e3e5; }

/* 20201123 추가사항 */
.btn_pack .normal.small { color: #303030; border-color: #d4d4d4; background-color: #fff; }
.btn_pack .normal.small:hover { background-color: #ecf0f7; }
.btn_pack .normal.small[disabled="disabled"] { background-color: #e9e9e9; color: #a0a0a0; }

.btn_pack .positive.line:hover { background-color: #e7f5ff; }
.btn_pack .positive.line:active { background-color: #b3d1e7; }
.btn_pack .positive.line[disabled="disabled"] { color: #9ad0f6; border-color: #9ad0f6; background-color: #fff; }

/* 기능 */
.btn_pack [class*="icon_"] { min-width: auto; text-indent: -9999px; }

/* 기능 - 테이블 sort 버튼 */
.btn_pack .btn_sort { font-size: 13px; padding-right: 14px; background: url('../images/common/form/th_sort.png') no-repeat right center; }
.btn_pack .btn_sort.is_active { background: url('../images/common/form/th_sort_active.png') no-repeat right center; }

/* 분할 */
.btn_pack:after { content: ''; display: block; clear: both }
.btn_pack .pack_left { float: left;}
.btn_pack .pack_right { float: right; }

/* 확장 */
.btn_group .btn_pack { display: inline-block; }

/* 이메일 버튼 */
.btn-pack2.email button {
	background: url(../img/common/email.png) no-repeat center !important;
    background-size: 100% !important;
    border: 0;
    border-radius: 0 !important;
    width: 30px !important;
    height: 35px;
}

.btn-pack2.print_apply button {
	background: url(../images/common/icon/btn_print.png) no-repeat center !important;
    background-size: contain;/* 100% !important; */
    border: 0;
    border-radius: 0 !important;
    width: 25px !important;
    height: 25px;
}

.btn-pack2.download_file button {
	background: url(../images/common/icon/attach_file.png) no-repeat center !important;
    background-size: contain;/* 100% !important; */
    border: 0;
    border-radius: 0 !important;
    width: 25px !important;
    height: 25px;
}

/* 돋보기 버튼(보유기술) */
.tech_search {display: flex; justify-content: center; align-items: center;}
.btn-pack2.tech_search button {
	background: url(../images/common/form/search_btn.png) no-repeat center !important;
    background-size: contain;/* 100% !important; */
    border: 0;
    border-radius: 0 !important;
    width: 25px !important;
    height: 25px;
}

/* 보유기술 및 보유특허 전문보기 */
.btn-pack2.pat button {
	background: url(../img/common/icon_file.png) no-repeat center !important;
    background-size: 100% !important;
    border: 0;
    border-radius: 0 !important;
    width: 30px !important;
    height: 35px;
}

/* 새로고침 */
.btn-pack2.refresh, .btn-pack2.audio {align-content: center;}
.btn-pack2.refresh button {
	background: url(../img/common/refresh.png) no-repeat center !important;
    background-size: 100% !important;
    border: 0;
    border-radius: 0 !important;
    width: 30px !important;
    height: 30px;
}

/* 새로고침 */
.btn-pack2.audio button {
	background: url(../img/common/audio.png) no-repeat center !important;
    background-size: 100% !important;
    border: 0;
    border-radius: 0 !important;
    width: 30px !important;
    height: 30px;
}

/*==========================================================
    옵션
    [ guide_button.html ]
==========================================================*/
/*------------------------------------------------
    옵션
------------------------------------------------*/
/* 초기화 */
/* .option_pack { display: inline-block; vertical-align: middle; }
.option_pack .option_list { font-size: 0; }
.option_pack .option_list .option_btn { display: inline-block; }
.option_pack .option_list .option_btn button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.option_pack .option_list .option_btn button[disabled="disabled"] { cursor: default;}

스타일
.option_pack { }
.option_pack .option_list .option_btn { font-size: 0; }
.option_pack .option_list .option_btn button { z-index: 0; position: relative; padding: 0 10px; width: 152px; height: 32px; border: 1px solid #d4d4d4; font-size: 14px; color: #909090; background-color: #f2f2f2; }
.option_pack .option_list .option_btn button + button { margin-left: -1px; }

.option_pack .option_list .option_btn:first-child button { border-radius: 6px 0 0 6px; }
.option_pack .option_list .option_btn:last-child button { border-radius: 0 6px 6px 0; }

옵션
.option_pack .option_list .option_btn button.is_active { z-index: 1; color: #fff; border-color: #337dd1; background-color: #337dd1; }
.option_pack .option_list .option_btn button:hover { background: #fafafc !important; }

확장
.option_pack.type_min {}
.option_pack.type_min .option_list {}
.option_pack.type_min .option_list .option_btn { margin-left: -1px; }
.option_pack.type_min .option_list .option_btn button { width: 65px; }

확장
.option_pack.type_full {}
.option_pack.type_full .option_list { display: table; table-layout: fixed; width: 100%; }
.option_pack.type_full .option_list .option_btn { display: table-cell; vertical-align: middle;}
.option_pack.type_full .option_list .option_btn button { padding: 12px 0; width: 100%; height: 44px; font-size: 14px; color: #303030; background-color: #f2f2f2; }
.option_pack.type_full .option_list .option_btn + .option_btn button { border-left: none; }
.option_pack.type_full .option_list .option_btn button.is_active { border: 1px solid #337dd1; font-weight: 500; color: #fff; background-color: #337dd1; }

확장
.option_set {}

.option_set .option_ribbon { display: table; width: 100%; }
.option_set .option_ribbon > .ribbon_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.option_set .option_ribbon > .ribbon_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }

확장 - 레이아웃
.option_set .option_ribbon + .option_pack { margin-top: 20px; } */



/*==========================================================
    토글
    [ guide_button.html ]
==========================================================*/
/*------------------------------------------------
    토글
------------------------------------------------*/
/* 초기화 */
/* .toggle_pack { } */
/* .toggle_pack button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.toggle_pack button[disabled="disabled"] { cursor: default;}

스타일
.toggle_pack { }
.toggle_pack button { border: 1px solid #d4d4d4; position: relative; width: 42px; height: 24px; border-radius: 12px; font-size: 0px; box-sizing: border-box; }
.toggle_pack button .toggle_control { border: 1px solid #d4d4d4; position: absolute; top: 3px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; box-sizing: border-box; }

옵션
.toggle_pack button.is_active { background-color: #2658a0; border-color: #2658a0; }
.toggle_pack button.is_active .toggle_control { left: 22px; border-color: #fff; }

기능
.toggle_pack button.is_active[disabled="disabled"] { background-color: #9ab6d6; border-color: #9ab6d6; }
.toggle_pack button.is_active[disabled="disabled"] .toggle_control { opacity: 0.5; } */


/*==========================================================
    탭
    [ guide_tab.html ]
==========================================================*/
/*------------------------------------------------
    탭
------------------------------------------------*/
/* 초기화 */
.tab_pack .tab_list button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.tab_pack .tab_list button[disabled="disabled"] { cursor: default;}

/* 스타일 */
/* .tab_pack {} */
.tab_pack .tab_list { border-bottom: 1px solid #eaeaea; _white-space: nowrap; }
.tab_pack .tab_list .tab_btn { display: inline-block; }
.tab_pack .tab_list .tab_btn { padding-right: 60px; }
.tab_pack .tab_list .tab_btn:last-child { padding-right: 0; }
.tab_pack .tab_list .tab_btn button{ padding: 20px 0 8px; margin-bottom: -1px; font-size: 18px; color: #979797; background-color: transparent; } /* 20201130 */
.tab_pack .tab_conts { padding: 20px 0;}
.tab_pack .tab_conts .tab_panel { display: none; font-size: 14px; }

/* 옵션 */
.tab_pack .tab_list .tab_btn.is_active button { border-bottom: 3px solid #303030; font-weight: bold; color: #303030;  }
.tab_pack .tab_conts .tab_panel.is_active { display: block; }

/* 기능 */


/*==========================================================
    트리
    [ guide_accordion.html ]
==========================================================*/
/*------------------------------------------------
    트리
------------------------------------------------*/
/* 스타일 */
/* .tree_pack { position: relative; padding: 20px 20px 0; border-top: 1px solid #505050; border-bottom: 1px solid #d4d4d4; box-sizing: border-box; }
.tree_pack:after { content: ''; display: block; height: 20px; }
.tree_pack .list {  }
.tree_pack > .list > .depth { padding-bottom: 10px; }
.tree_pack > .list:last-child > .depth { padding-bottom: 0px; }
.tree_pack .depth { display: none; }
.tree_pack .list_title { font-size: 15px; color: #303030; }
.tree_pack button.title { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.tree_pack button.title { padding: 5px 0; _width: 100%; font-size: 14px; color: #303030; background: transparent; text-align: left; }
.tree_pack button[disabled="disabled"].title { color: #b2b2b2; }
.tree_pack .depth { padding-left: 25px; }
.tree_pack button.title { padding-left: 6px; _background: url('../images/common/form/tree_default.png') no-repeat left 8px; background-size: 16px 16px; vertical-align: middle; }
.tree_pack button.title.is_active { color: #2658a0; text-decoration: underline; _background: url('../images/common/form/tree_active.png') no-repeat left 8px; background-size: 16px 16px; }


2021-01-22 hebale(2) 취소선표시항목
.tree_pack button.title.type_none { text-decoration: line-through; color: #acacac; }
.tree_pack button.title.type_none.is_active { color: #2658a0; }


확장
.tree_set {  }
.tree_set .tree_title { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 22px; color: #303030; }

레이아웃
.tree_pack .list_title + .list { margin-top: 15px; }
.tree_set .tree_title + .tree_pack { margin-top: 30px; }


2020-12-14 hebale(2차) 기능
.tree_set {}
.tree_set .tree_ribbon { display: table; width: 100%; min-height: 20px; }
.tree_set .tree_ribbon > .ribbon_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.tree_set .tree_ribbon > .ribbon_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }

.tree_set .tree_ribbon .total_data { display: inline-block; width: 100%; font-size: 14px; color: #303030; vertical-align: middle; }
.tree_set .tree_ribbon .search_box { margin-top: 12px; }
.tree_set .tree_ribbon .search_box .btn_pack button { color: #303030; border-color: #d4d4d4; background-color: #fff; }
.tree_set .tree_ribbon .search_box .btn_pack button:hover { background-color: #ecf0f7; border-color: #d4d4d4; }

.tree_set .tree_ribbon + .tree_pack { margin-top: 10px; }

2020-12-21 hebale(2차) 디자인추가
.tree_pack .depth { position: relative; }
.tree_pack .depth:before { content: ''; position: absolute; top: 0; left: 7px; width: 1px; height: 100%; background: url('../images/common/form/tree_hori_dash.png') repeat-y center; background-size: 1px 4px; }
.tree_pack .list .list .list:last-child:after { content: ''; position: absolute; bottom: 0px; left: -20px; width: 5px; height: calc(100% - 13px); background: #fff; }
.tree_pack > .list:last-child > .depth:after { content: ''; position: absolute; bottom: 0px; left: 5px; width: 5px; height: 13px; background: #fff; }
.tree_pack > .list:before { display: none;}


.tree_pack .list { position: relative; }
.tree_pack .list + .list:before { content: ''; position: absolute; top: -13px; left: -18px; width: 1px; height: 16px; background: url('../images/common/form/tree_hori_dash.png') repeat-y center; background-size: 1px 4px; }
.tree_pack > .list > .depth > .list:last-child:before { content:''; display: block; position: absolute; top: 15px; width: 5px; height: 100%; background: #fff; }
.tree_set .tree_pack { overflow: auto; } */

/* 2020-12-21 hebale(2차) 인명부 박스 */
/* .directory_box { padding: 15px; height: 220px; overflow-y: auto; }
.directory_box .dir_group { padding: 12px 0 12px 12px; }
.directory_box .dir_group .dir_list {}
.directory_box .dir_group .dir_list + .dir_list { margin-top: 5px; } */

/* td.type_tree { padding: 0 !important; border-right: 1px solid #f0f0f0; vertical-align: top; }
td.type_tree:last-child { border-right: none; }
td.type_tree .tree_set { padding: 15px; height: 220px; overflow-y: auto; }
td.type_tree .tree_set .tree_pack { padding: 12px 0 0; border: none; }
td.type_tree .tree_set .tree_pack:after { height: 12px; }
.menu_tree .tree_pack { height: 600px; overflow: auto; margin-bottom: 0; }

2021-01-05 hebale(2차) 기능(추가)
.tree_set {}
.tree_set .tree_control { display: table; width: 100%; min-height: 20px; }
.tree_set .tree_control > .control_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.tree_set .tree_control > .control_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }

.tree_set .tree_pack + .tree_control { margin-top: 10px; }

2021-01-11 hebale(2차) 프로세스변경
.tree_pack .title_group { position: relative; }
.tree_pack .title_group:after { z-index: 100; content: ''; position: absolute; top: 13px; left: -18px; width: 15px; height: 3px; background: url('../images/common/form/tree_veti_dash.png') repeat-x center; background-size: 4px 3px; }
.tree_pack .title_group.no_depth .depth_icon { display: none; }
.tree_pack > .list > .title_group:after { display: none; }

.tree_pack button.depth_icon { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.tree_pack button.depth_icon { width: 16px; height: 26px; text-indent: -99999px; background: url('../images/common/form/tree_default.png') no-repeat center 6px; background-size: 16px 16px; vertical-align: middle; }
.tree_pack button.depth_icon.is_active { background: url('../images/common/form/tree_active.png') no-repeat center 6px; background-size: 16px 16px; }

.tree_pack .title_group { position: relative; }
.tree_pack .title_group .checkbox_pack { padding-left: 6px; width: auto; }

2021-01-19 hebale(2) 트리간격수정
.tree_pack .title_group.no_depth { padding-left: 16px; }
.tree_pack .title_group.no_depth .checkbox_pack { padding-left: 0px; }
.tree_pack .title_group.no_depth:after { width: 32px; }

.tree_pack > .list > .title_group.no_depth { padding-left: 0px;}
.tree_pack > .list > .title_group.no_depth + .depth:after { display: none; } */


/*==========================================================
    아코디언(보류)
    [ guide_accordion.html ]
==========================================================*/
/*------------------------------------------------
    아코디언
------------------------------------------------*/
/* 스타일 */
/* .accordion_pack {} */

/* 옵션 */
/* .accordion_pack.is_active {} */

/* 기능 */



/*==========================================================
    라운드박스(보류)
    [ guide_etc.html ]
==========================================================*/
/*------------------------------------------------
    라운드박스
------------------------------------------------*/
/* 스타일 */
/* .roundbox_pack {  }
.roundbox_pack .roundbox_head {}
.roundbox_pack .roundbox_body {} */
/* .roundbox_pack .roundbox_head + .roundbox_body { border-top: 1px solid red; } */


/*==========================================================
    라운드박스(보류)
    [ guide_etc.html ]
==========================================================*/
/*------------------------------------------------
    라운드박스
------------------------------------------------*/

/*==========================================================
	soyun,20240409,select&option
    셀렉트 및 옵션 박스 커스텀
==========================================================*/
/*------------------------------------------------
    셀렉트박스
------------------------------------------------*/
/* 스타일 */


/*==========================================================
    로딩
    [ guide_etc.html ]
==========================================================*/
/* 스타일 */
/* .loading_pack {}
.loading_pack .loading_img {}
.loading_pack .loading_img .img {} */

/* 옵션 */
/* .loading_pack.is_active {} */



/*==========================================================
    페이지네이션
    [ guide_etc.html ]
==========================================================*/
/* 스타일 */
.pagination_pack { font-size: 0; text-align: center; }
.pagination_pack button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.pagination_pack .start_page { display: inline-block; vertical-align: middle; }
.pagination_pack .prev_page { display: inline-block; margin-left: 20px; vertical-align: middle; }
.pagination_pack .start_page button { width: 20px; height: 24px; background: url('../images/common/form/pagi_start_default.png') no-repeat center; background-size: 20px 24px; }
.pagination_pack .prev_page button { width: 20px; height: 24px; background: url('../images/common/form/pagi_prev_default.png') no-repeat center; background-size: 20px 24px; }

.pagination_pack .page_list { display: inline-block; padding: 0 25px; font-size: 0; vertical-align: middle; }
.pagination_pack .page_list button { position: relative; display: inline-block; vertical-align: middle; background: transparent; }
.pagination_pack .page_list button { padding: 0 1px 1px; margin: 0 10px; font-size: 16px; color: #707070; } /* 2020-12-23 hebale(2차) 페이지네이션 간격 */

.pagination_pack .next_page { display: inline-block; margin-right: 20px; vertical-align: middle; }
.pagination_pack .end_page { display: inline-block; vertical-align: middle; }
.pagination_pack .next_page button { width: 20px; height: 24px; background: url('../images/common/form/pagi_next_default.png') no-repeat center; background-size: 20px 24px; }
.pagination_pack .end_page button { width: 20px; height: 24px; background: url('../images/common/form/pagi_end_default.png') no-repeat center; background-size: 20px 24px;  }

/* 옵션 */
.pagination_pack .start_page button[disabled="disabled"] { background: url('../images/common/form/pagi_start_dim.png') no-repeat center; background-size: 20px 24px; }
.pagination_pack .prev_page button[disabled="disabled"] { background: url('../images/common/form/pagi_prev_dim.png') no-repeat center; background-size: 20px 24px; }
.pagination_pack .next_page button[disabled="disabled"] { background: url('../images/common/form/pagi_next_dim.png') no-repeat center; background-size: 20px 24px; }
.pagination_pack .end_page button[disabled="disabled"] { background: url('../images/common/form/pagi_end_dim.png') no-repeat center; background-size: 20px 24px; }

/* 기능 */
.pagination_pack .page_list button.is_active { color: #303030; font-weight: bold; }
.pagination_pack .page_list button.is_active:after { content: ''; display: block; position: absolute; bottom: 0px; width: 100%; height: 2px; background: #303030; }

/* ccrf 페이지 */
.pagi-pack {
  font-size: 0;
}
.pagi-pack button {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  background-size: contain;
}
.pagi-pack button.start {
  background-image: url(../img/pagi_start.png);
}
.pagi-pack button.prev {
  margin-left: 10px;
  background-image: url(../img/pagi_prev.png);
}
.pagi-pack ul {
  display: inline-block;
  padding: 0;
  margin: 0 14px;
  vertical-align: middle;
}
.pagi-pack ul li {
  display: inline-block;
}
.pagi-pack ul li a {
  position: relative;
  display: inline-block;
  padding: 0 6px;
  min-width: 20px;
  line-height: 30px;
  font-size: 18px;
}
.pagi-pack ul li.is-active a {
  font-weight: 700;
}
.pagi-pack ul li.is-active a::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 6px;
  height: 1px;
  background: #111;
}
.pagi-pack button.next {
  margin-right: 10px;
  background-image: url(../img/pagi_next.png);
}
.pagi-pack button.end {
  background-image: url(../img/pagi_end.png);
}

/*==========================================================
    내비게이션
==========================================================*/
/*------------------------------------------------
    내비게이션
------------------------------------------------*/
/* 스타일 */
.navigation_pack { text-align: right; }
.navigation_pack .navi_path { display: inline-block;}
.navigation_pack .navi_path button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: default; } /* hebale 클릭기능제거 */
.navigation_pack .navi_path button { font-size: 14px; color: #a0a0a0; background: transparent; }
.navigation_pack .navi_path button + button { padding-left: 24px; background: url('../images/common/form/navi_arrow.png') no-repeat 8px center; background-size: 5px 9px; }
.navigation_pack .navi_path button:first-child { text-indent: -9999px; width: 16px; height: 16px; background: url('../images/common/form/navi_home.png') no-repeat center; background-size: 16px 16px; }
.navigation_pack .navi_path button:last-child { font-weight: 600; color: #303030; }
.navigation_pack .navi_path + .navi_path { margin-left: 10px; }


/* 옵션 */
/* 기능 */



/*==========================================================
    데이트피커
==========================================================*/
/*------------------------------------------------
    데이트피커
------------------------------------------------*/
/* 데이트피커 */
div.ui-datepicker { z-index: 1100 !important; }
div.ui-datepicker { display: none; position: absolute !important; padding: 20px 15px 15px; min-height: 260px; margin-top: 25px; margin-left: 25px; border: 1px solid #e5e6ed; border-radius: 6px; background: #fff; box-sizing: border-box; }
div.ui-datepicker a.ui-state-default { text-decoration: none; color: #333; }
div.ui-datepicker div.ui-datepicker-header { position: relative; display: table; width: 100%; _height: 24px; }
div.ui-datepicker div.ui-datepicker-header .ui-datepicker-title { line-height: 30px; text-align: center; color: #fff; }
div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-year { padding-right: 5px; font-size: 14px; color: #303030; }
div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-year:after { content: '년'; font-weight: normal; }
div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-month { font-size: 14px; color: #303030; }
/* div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-month:after content 부분 주석 (2024-04-03) */
div.ui-datepicker div.ui-datepicker-header span.ui-datepicker-month:after { /*content: '월';*/ font-weight: normal; }
div.ui-datepicker div.ui-datepicker-header a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); position: absolute; top: 0; text-indent: -9999px; cursor: pointer; }
div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev { left: 30px; width: 30px; height: 30px; background: url('../images/common/form/calendar_prev.png') no-repeat center; background-size: 6px 10px; }
div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next { right: 30px; width: 30px; height: 30px; background: url('../images/common/form/calendar_next.png') no-repeat center; background-size: 6px 10px; }
div.ui-datepicker div.ui-datepicker-header a.prevYear { display: none; }
div.ui-datepicker div.ui-datepicker-header a.nextYear { display: none; }
div.ui-datepicker .ui-datepicker-current { display: none}

/* 2020-12-15 hebale(2차) - 데이트피커 년도설정 */
div.ui-datepicker div.ui-datepicker-header a.prevYear { left: 0; width: 30px; height: 30px; background: url('../images/common/form/calendar_prev_year.png') no-repeat center; background-size: 10px 10px; }
div.ui-datepicker div.ui-datepicker-header a.nextYear { right: 0; width: 30px; height: 30px; background: url('../images/common/form/calendar_next_year.png') no-repeat center; background-size: 10px 10px; }
div.ui-datepicker .ui-datepicker-current { _display: none }


/* 캘린더 바디 */
div.ui-datepicker table.ui-datepicker-calendar { position: relative; margin-top: 10px; width: 100%; border-spacing: 0; border-top: 0; border-collapse: collapse; }
div.ui-datepicker table.ui-datepicker-calendar thead tr th,
div.ui-datepicker table.ui-datepicker-calendar tbody tr td { z-index: 2; text-align: center; border-top: none; }
div.ui-datepicker table.ui-datepicker-calendar thead tr th { padding: 0 0 9px 0; }
div.ui-datepicker table.ui-datepicker-calendar thead tr th span { display: block; font-size: 14px; font-weight: normal; color: #303030;  }

/* 요일주말색표시 */
div.ui-datepicker table.ui-datepicker-calendar thead tr th:first-child span { color: #ff3b3b; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td { position: relative; box-sizing: border-box; background: #ffffff; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr:first-child td:after { display: none; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td { padding: 0 3px; }
div.ui-datepicker table.ui-datepicker-calendar tbody tr td a { z-index: 200; position: relative; display: block; padding: 0 7.5px; height: 30px; line-height: 30px; font-size: 14px; box-sizing: border-box; }

/* 날짜주말색표시 */
div.ui-datepicker table.ui-datepicker-calendar tbody tr td:first-child a { color: #ff3b3b; }

/* 선택표시 */
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day:before { z-index: 100; content: ''; position: absolute; top: 0; left: 3px; right: 3px; bottom: 0; color: #ffffff; border-radius: 5px; background: #2658a0;}
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a { color: #ffffff; }
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled span.ui-state-default{ color: #dbdbdb; }

/* 기능 */
/* div.ui-datepicker table.ui-datepicker-calendar td:not(.ui-datepicker-other-month):hover { } */
div.ui-datepicker table.ui-datepicker-calendar td:not(.ui-datepicker-other-month):hover:before { z-index: 100; content: ''; position: absolute; top: 0; left: 3px; right: 3px; bottom: 0; border-radius: 5px; background: #ddf1ff; }

/* 202001126 기능추가 */
div.ui-datepicker table.ui-datepicker-calendar tbody tr td span { z-index: 200; position: relative; display: block; padding: 0 7.5px; height: 30px; line-height: 30px; font-size: 14px; box-sizing: border-box; }
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day:hover:before { background: #2658a0; }
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable:hover:before { display: none; }
div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span { color: #acacac; }

/* 2020-12-24 hebale(2차) 디자인추가 셀렉트 */
div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title {}
div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title select { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title select::-ms-expand { display: none; }
div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title select { border: none; padding-right: 14px; font-size: 14px; color: #303030; background: #fff url('../images/common/form/datepicker_select_default.png') no-repeat center right; background-size: 10px 6px; }
div.ui-datepicker div.ui-datepicker-header div.ui-datepicker-title select + select { margin-left: 10px;}


/*==========================================================
    팝업
    [ layer_popup.html ]
==========================================================*/
/*------------------------------------------------
    팝업(공통사항)
------------------------------------------------*/
/* 초기화 */
div.popup_area { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; font-size: 0; background: rgba(0, 0, 0, 0.4); }
div.popup_area:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* 가운데정렬 */
div.popup_area div.popup_layer { z-index: 500; overflow: hidden; display: inline-block; position: relative; vertical-align: middle; text-align: left; box-sizing: border-box; }
div.popup_area div.popup_layer div.popup_header { z-index: 500; width: 100%; box-sizing: border-box; }
div.popup_area div.popup_layer div.popup_body { box-sizing: border-box; }
div.popup_area div.popup_layer div.popup_body div.popup_container { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; height: 100%; box-sizing: border-box; }
div.popup_area div.popup_layer div.popup_footer { z-index: 400; width: 100%; box-sizing: border-box; }
div.popup_area div.popup_layer div.popup_footer div.popup_btn_wrap { box-sizing: border-box; text-align: center; }

/* 스타일 */
/* div.popup_area div.popup_layer { max-width: 100%; max-height: 100%; font-size: 16px; border-radius: 12px; border: 1px solid #e5e6ed; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1); background:#ffffff; } */
div.popup_area div.popup_layer {
	position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); 
	width: 30rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; max-width: 100%; /* padding: 4rem; */  
	box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); 
	border: 0.3rem solid #211D3F; background-color: #fff; }
div.popup_area div.popup_layer div.popup_header { min-height: 53px; padding: 35px 23px; color: #F15A29;}
div.popup_area div.popup_layer div.popup_header .popup_title { min-height: 23px; font-size: 20px; font-weight: bold; }
div.popup_area div.popup_layer div.popup_header .popup_subtitle { margin-top: 10px; }
div.popup_area div.popup_layer div.popup_header .btn_pack { position: absolute; top: 30px; right: 18px; }
/* div.popup_area div.popup_layer div.popup_header .btn_pack button { height: 30px; width: 30px; background: url('../image/layout/popup_close.png') no-repeat center; } */
/*soyun,20240405,popup style*/
div.popup_area div.popup_layer div.popup_header .btn_pack .close { font-family: "Roboto"; font-size: 1.6rem; overflow: hidden; position: absolute; right: 0.5rem;  width: 2.2rem; height: 2.2rem; text-align: center; line-height: 2.2rem; }
div.popup_area div.popup_layer div.popup_header .btn_pack .close::before { transform: rotate(0); transition: all 0.3s; }
div.popup_area div.popup_layer div.popup_header .btn_pack .close:hover::before
, div.popup_area div.popup_layer div.popup_header .btn_pack .close:focus::before {transform: rotate(180deg) translateY(2px); }
div.popup_area div.popup_layer div.popup_header .btn_pack .close::before { display: block; width: 100%; height: 100%; text-align: center; line-height: inherit; content: 'X'; }

/*
* 2025-07-23 gbkim 설문시 간격이 너무 넓어지는 부분으로 인해 주석처리
*/
/*.label_text{*/
/*	font-weight: 600;font-size: 1.2rem;margin-bottom: 1rem*/
/*}*/

/*==========================================================
    섹션
    [ layer_popup.html ]
==========================================================*/
/*------------------------------------------------
    섹션(공통사항)
------------------------------------------------*/
div.section_area {
	position: relative;
	/* min-height:10rem;
	margin-bottom: 2rem;
	padding: 5rem 0 0.4rem 10rem; */
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div.section_area {/* min-height: 18rem; */padding:2rem 0.8rem;
}
div.popup_contents div.section_area ul li {font-size: 18px;line-height: 1.8;font-weight: 500; color: #666666;}
div.popup_contents div.section_area strong {font-weight: 600; margin-right: 10px;color: #333;}

div.popup_area div.popup_layer div.popup_body div.popup_container { padding: 0 28px; }
/* div.popup_area div.popup_layer div.popup_body div.popup_container div.popup_contents { padding: 10px 0; } */
div.popup_area div.popup_layer div.popup_body div.popup_container div.popup_contents .popup_text { font-size: 16px; }
div.popup_area div.popup_layer div.popup_body div.popup_container div.popup_contents .popup_subject { padding-bottom: 20px; font-size: 22px; font-weight: 500; text-align: center; }
div.popup_area div.popup_layer div.popup_body div.popup_container div.popup_contents .popup_descript { font-size: 16px; line-height: 25px; text-align: center; }
/* div.popup_area div.popup_layer div.popup_footer { } */
div.popup_area div.popup_layer div.popup_footer div.popup_btn { padding: 20px 28px; }
div.popup_area div.popup_layer div.popup_footer div.popup_btn .btn_pack { text-align: center; }


/*------------------------------------------------
    팝업(얼럿)
------------------------------------------------*/
/* 스타일 */
/* 팝업&윈도우 공간정의 */
/* div.popup_area.type_alert {}  */
div.popup_area.type_alert div.popup_layer { width: 300px;  }
/* div.popup_area.type_alert div.popup_layer div.popup_header { }
div.popup_area.type_alert div.popup_layer div.popup_header .popup_title {}
div.popup_area.type_alert div.popup_layer div.popup_header .btn_pack {}
div.popup_area.type_alert div.popup_layer div.popup_body {}
div.popup_area.type_alert div.popup_layer div.popup_footer {} */


/* 얼럿 컨텐츠 */
/* .conts_alert {  } */
/* .alert_text_pack { padding: 10px 0; text-align: center; }
.alert_text_pack .info_text { font-size: 16px; color: #303030; line-height: 24px; } */


/*------------------------------------------------
    팝업(기본)
------------------------------------------------*/
/* 스타일 */
div.popup_area { padding: 20px; } /* 팝업&윈도우 공간정의 */
/* div.popup_area div.popup_layer { width: 700px; } */
/* div.popup_area div.popup_layer div.popup_header { }
div.popup_area div.popup_layer div.popup_header .popup_title {}
div.popup_area div.popup_layer div.popup_header .btn_pack {}
div.popup_area div.popup_layer div.popup_body {}
div.popup_area div.popup_layer div.popup_footer {} */

/*------------------------------------------------
    팝업(기본)
------------------------------------------------*/
/* 스타일 */
div.popup_area { padding: 20px; } /* 팝업&윈도우 공간정의 */
/* div.popup_area div.popup_layer { width: 750px; } */
/* div.popup_area div.popup_layer div.popup_header { }
div.popup_area div.popup_layer div.popup_header .popup_title {}
div.popup_area div.popup_layer div.popup_header .btn_pack {}
div.popup_area div.popup_layer div.popup_body {}
div.popup_area div.popup_layer div.popup_footer {} */

/* 컨펌팝업 컨텐츠 */
/* .conts_confirm { padding-top: 24px; text-align: center; }
.conts_confirm .text_pack { line-height: 24px; }
.conts_confirm .info_list { margin: 18px 0; padding: 24px 15px; border-radius: 7px; background: #f4f4f4; }
.conts_confirm .info_list dl { margin-bottom: 8px; font-size: 14px; font-weight: 500;  }
.conts_confirm .info_list dl:last-child { margin-bottom: 0; }
.conts_confirm .info_list dl dt,
.conts_confirm .info_list dl dd { display: inline-block; } */

/* 프롬프트팝업 컨텐츠 */
/* .cont_prompt { padding-top: 24px; }
.cont_prompt .text_pack { line-height: 24px; }
.cont_prompt .promt_area { margin: 18px 0; }
.cont_prompt .promt_area dl { display: table; width: 100%; }
.cont_prompt .promt_area dl { margin-bottom: 10px; font-size: 14px; font-weight: 500; }
.cont_prompt .promt_area dl:last-child { margin-bottom: 0; }
.cont_prompt .promt_area dl dt,
.cont_prompt .promt_area dl dd { display: table-cell; }
.cont_prompt .promt_area dl dt { width: 100px; padding-right: 15px; } hebale */


/*------------------------------------------------
    팝업(페이지)
------------------------------------------------*/
/* 스타일 */
div.popup_area.type_page { padding: 0 } /* 팝업&윈도우 공간정의 */
div.popup_area.type_page div.popup_layer { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: none; border-radius: 0; }
/* div.popup_area.type_page div.popup_layer div.popup_header { }
div.popup_area.type_page div.popup_layer div.popup_header .popup_title {}
div.popup_area.type_page div.popup_layer div.popup_header .btn_pack {} */
div.popup_area.type_page div.popup_layer div.popup_body { height: 100%; }
div.popup_area.type_page div.popup_layer div.popup_footer { position: absolute; left: 0; bottom: 0; width: 100%; }


/*------------------------------------------------
    팝업(슬라이드)
------------------------------------------------*/
/* 스타일 */
div.popup_area.type_slide { padding: 0; } /* 팝업&윈도우 공간정의 */
div.popup_area.type_slide div.popup_layer { position: absolute; left: 0; bottom: 0; width: 100%; max-width: 100%; max-height: 100%; } /* 테스트 컬러 */



/*==========================================================
    아이콘
==========================================================*/
/*------------------------------------------------
    아이콘
------------------------------------------------*/
/* 스타일 */
.icon_excel { width: 18px; height: 19px; background: url('../images/common/icon/btn_excel.png') no-repeat center; background-size: 18px 19px; }
.icon_print { width: 18px; height: 18px; background: url('../images/common/icon/btn_print.png') no-repeat center; background-size: 18px 18px; }
.icon_fileform_add { max-width: 42px; background: url('../images/common/icon/fileform_add.png') no-repeat center; background-size: 13px 13px; }

/* 옵션 */
/* 기능 */


/*==========================================================
    약관박스
==========================================================*/
/*------------------------------------------------
    약관박스
------------------------------------------------*/
/* 스타일 */
.clause_group { border-top: 1px solid #505050; border-bottom: 1px solid #f0f0f0; }
.clause_group .clause_agree { padding: 35px 22px 35px 30px; }
.clause_group .clause_agree .checkbox_pack { width: auto; }
.clause_group .clause_agree .checkbox_pack .label_text { font-size: 18px; font-weight: bold; }
.clause_group .clause_agree + .accordion_pack { border-top: 1px solid #f0f0f0; }
.clause_group .accordion_pack {}
.clause_group .accordion_pack + .accordion_pack { border-top: 1px solid #f0f0f0; }
.clause_group .accordion_pack .accordion_list { padding: 35px 22px 35px 30px; }
.clause_group .accordion_pack .accordion_list button.accordion_arrow { right: 22px; }
.clause_group .accordion_pack .accordion_list .accordion_title { display: table; _table-layout: fixed; padding-right: 52px; width: 100%; box-sizing: border-box; }
.clause_group .accordion_pack .accordion_list .accordion_title .btn_pack button { min-width: 90px; }
.clause_group .accordion_pack .accordion_list .accordion_title .title_left { display: table-cell; vertical-align: middle; }
.clause_group .accordion_pack .accordion_list .accordion_title .title_left .checkbox_pack { width: auto; }
.clause_group .accordion_pack .accordion_list .accordion_title .title_left .checkbox_pack .label_text { font-size: 16px; }
.clause_group .accordion_pack .accordion_list .accordion_title .title_right { display: table-cell; text-align: right; vertical-align: middle; }
.clause_group .accordion_pack .accordion_conts { padding: 40px; background: #fafafa; font-size: 14px; line-height: 20px; }

/* 옵션 */
/* 기능 */
/* 확장 */
.clause_box {}
.clause_box .clause_title { vertical-align: middle; margin-right: 10px; font-size: 22px; font-weight: bold; color: #303030; }
.clause_box .clause_subtitle { font-size: 22px; color: #303030; }
.clause_box .clause_group {}



/* 레이아웃 */
.clause_box .clause_title + .clause_group { margin-top: 28px; }
.clause_box + .table_pack { margin-top: 20px; }


/*==========================================================
    아코디언
    [ guide_accordion.html ]
==========================================================*/
/*------------------------------------------------
    아코디언
------------------------------------------------*/
/* 스타일 */
.accordion_pack {}
.accordion_pack .accordion_list { position: relative; }
.accordion_pack .accordion_list .accordion_title { padding-right: 30px; }

.accordion_pack .accordion_list button.accordion_arrow {  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); display: inline-block; padding: 0; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; text-decoration: none; cursor: pointer; }
.accordion_pack .accordion_list button.accordion_arrow { text-indent: -9999px; position: absolute; top: 50%; right: 0px; margin-top: -15px; width: 30px; height: 30px; background: url('../images/common/form/accordion_arrow.png') no-repeat center; background-size: 14px 8px; transform-origin: 50% 50%; transform: rotate(0deg); transition: transform 300ms; overflow: hidden; }
.accordion_pack .accordion_conts { display: none; }

/* 옵션 */
.accordion_pack.is_active > .accordion_list .accordion_arrow { transform: rotate(-180deg); }

/* 기능 */



/*==========================================================
    검색 영역
    [ guide_accordion.html ]
==========================================================*/
/*------------------------------------------------
    검색 영역
------------------------------------------------*/
dl, dt, dd { margin: 0; padding: 0; }
/* .search_area { margin-top: 20px; } */
.search_area .input_pack,
.search_area .select_pack { width: 170px; }
.search_area .period_form .input_pack.type_datepicker { max-width: 170px; }
/* .search_area .period_form .unit { width: 22px; } */

.search_area .search_list { padding: 12px 28px; border: 1px solid #eae9e9; box-sizing: border-box; border-radius: 10px;  background: #fafafa; }
.search_area .search_list .list_inner { margin: -10px 0 0 -20px; }
.search_area .search_list dl { display: inline-block; vertical-align: middle; margin: 10px 0 0 20px; }
.search_area .search_list dl dt { display: inline-block; vertical-align: middle; padding-right: 10px; font-size: 14px; color: #303030; }
.search_area .search_list dl dd { display: inline-block; vertical-align: middle; }

/* 20201124 */
.search_area .btn_area { margin-top: 15px; margin-bottom: -30px; text-align: center; }
.popup_contents .search_area .btn_area { margin-bottom: 0px; }

.table_set .text_pack .notice_text { margin: 10px 0; }
.text_pack .notice_text.bullet { position: relative; padding-left: 14px; }
.text_pack .notice_text.bullet:before { content: ''; display: block; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #b4b4b4; }

/*==========================================================
    툴팁, 이용 영역, 플로팅 영역, 팩그룹 영역
    [ guide_accordion.html ]
==========================================================*/
/*------------------------------------------------
    툴팁 영역
------------------------------------------------*/
/* .tooltip_pack { position: relative; display: inline-block; vertical-align: middle; }
.tooltip_pack .icon { min-width: 20px; min-height: 20px; line-height: 20px; padding-left: 15px; box-sizing: border-box; background: url('../images/common/icon/icon_tooltip.png') no-repeat left center; cursor: pointer; }
.tooltip_pack .icon .tooltip_txt { color: #82828d; line-height: 20px; padding-left: 4px; }
.tooltip_pack .tooltip_desc { display: none; width: 155px; padding: 16px; border: 1px solid #c5c5ca; box-sizing: border-box; border-radius: 7px; font-size: 13px; text-align: center; line-height: 20px; background: rgba(255,255,255, .9); }
.tooltip_pack .tooltip_desc { z-index: 100; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%)}
.tooltip_pack .tooltip_desc:after { content: ''; display: block; width: 10px; height: 5px; background: url('../images/common/icon/tooltip_arrow.png') no-repeat center; }
.tooltip_pack .tooltip_desc:after { position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }

.tooltip_pack.tip_right .tooltip_desc { width: 430px; text-align: left; }
.tooltip_pack.tip_right .tooltip_desc { position: absolute; bottom: 50%; left: calc(100% + 14px); transform: translateY(50%) }
.tooltip_pack.tip_right .tooltip_desc:after { width: 5px; height: 10px; background: url('../images/common/icon/tooltip_arrow_left.png') no-repeat center; }
.tooltip_pack.tip_right .tooltip_desc:after { position: absolute; bottom: 50%; left: 0; margin-bottom: -5px; }

.tooltip_pack:hover .tooltip_desc { display: block }

temp
.tooltip_pack .tooltip_desc { bottom: inherit; top: calc(100% + 10px);}
.tooltip_pack .tooltip_desc:after { top: -5px; bottom: inherit; left: 50%; margin-left: -5px; transform: rotate(180deg)}

.tooltip_pack.tip_right .tooltip_desc { top: inherit; }
.tooltip_pack.tip_right .tooltip_desc:after { top: inherit; left: 0; margin-top: -5px; transform: rotate(0deg)}


툴팁 - 테이블 내
.table_pack .tooltip_pack { margin-left: 4px; }
.table_pack th .tooltip_pack { margin-top: -2px; }
.table_pack .tooltip_desc .text_pack * { margin: 5px 0; font-size: 13px; }
.tooltip_desc .text_pack :first-child { margin-top: 0; }
.tooltip_desc .text_pack :last-child { margin-bottom: 0; } */


/* 이용상세 태이블 내용없음 */
/* .empty_pack .deco_box { padding: 70px 20px; text-align: center; border: 1px solid #eae9e9; border-radius: 10px; background: #fafafa;   }
.empty_pack .empty_icon { display: inline-block; vertical-align: middle; margin-right: 10px; }
.empty_pack .empty_text { display: inline-block; vertical-align: middle; font-size: 18px; color: #303030; }
.empty_pack .btn_pack { margin-top: 40px; text-align: center; } */

/* 플루팅 버튼영역 */
/* .floating_btn_area { z-index: -1; position: fixed; left: 0; bottom: 51px; }
.floating_btn_area { width: 100%; height: 0; padding: 0 60px 0 310px; box-sizing: border-box; } 20201125 간격수정

.floating_btn_area .deco_box { transition: 150ms ease-in-out; bottom: 0; opacity: 0;  }
.floating_btn_area .deco_box { position: relative; width: 100%; padding: 8px 30px; min-width: 690px; border: 1px solid #e5e6ed; box-sizing: border-box; border-radius: 10px; background: rgba( 183, 183, 183, 0.7); }
.floating_btn_area .deco_box.noradius { border-radius: 10px 10px 0 0; }
.floating_btn_area .deco_box:after{ content: ''; display: block; clear: both; }
.floating_btn_area .fb_left { float: left; }
.floating_btn_area .fb_right { float: right; }

.floating_btn_area.active { z-index: 50; opacity: 1;}
.floating_btn_area.active .deco_box { opacity: 1; bottom: 70px; } */

/* 팩그룹 */
/* .pack_group [class*="_pack"] { display: inline-block; width: auto; }
.pack_group [class*="_pack"] + [class*="_pack"] { margin-left: 10px; }
.pack_group > [class*="_pack"] + .text_pack { display: inline-block; width: auto; margin-left: 20px; margin-top: 15px; } */



/*------------------------------------------------
    레이아웃(박스)
------------------------------------------------*/
/* 스타일 - 기본값(12x12) */
/* .divide_box { font-size: 0; }
.divide_box > .col_8 { display: inline-block; width: 66.6%; vertical-align: top; box-sizing: border-box; }
.divide_box > .col_6 { display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box;  }
.divide_box > .col_4 { display: inline-block; width: 33.3%; vertical-align: top; box-sizing: border-box;  }
.divide_box > .col_3 { display: inline-block; width: 25%; vertical-align: top; box-sizing: border-box;  }

스타일 - row
.divide_box > .row_8 { width:100%; height: 66.6%; box-sizing: border-box; }
.divide_box > .row_6 { width:100%; height: 50%; box-sizing: border-box; }
.divide_box > .row_4 { width:100%; height: 33.3%; box-sizing: border-box; }
.divide_box > .row_3 { width:100%; height: 25%; box-sizing: border-box; }

.divide_box > .divide_title { font-size: 22px; font-weight: bold; color: #303030; }

레이아웃
.divide_box > [class^="col_"] { padding-right: 15px; }
.divide_box > [class^="col_"] + [class^="col_"] { padding-left: 15px;}
.divide_box > [class^="col_"]:last-child { padding-right: 0; }

.divide_box > [class^="row_"] { padding-bottom: 15px; }
.divide_box > [class^="row_"] + [class^="row_"] { padding-top: 15px;}
.divide_box > [class^="row_"]:last-child { padding-bottom: 0; }


.divide_box + .btn_pack { margin-top: 20px; text-align: center; } */


/*==========================================================
    폼유형
==========================================================*/
/*------------------------------------------------
    폼유형(공통)
------------------------------------------------*/
/* [class$="_form"] {}
[class$="_form"] .form_head { width: 100%; }
[class$="_form"] .form_head:after { content: ""; display: block; clear: both; }
[class$="_form"] .form_head .form_info { float: left; font-size: 0; }
[class$="_form"] .form_head .form_info .form_title { display: inline-block; font-size: 14px; font-weight: bold; vertical-align: middle; }
[class$="_form"] .form_head .form_info .form_detail { display: inline-block; font-size: 12px; vertical-align: middle; }
[class$="_form"] .form_head .form_util { float: right; font-size: 0; }
[class$="_form"] .form_head .form_util .btn_pack { display: inline-block; vertical-align: middle; }
[class$="_form"] .form_head .form_util .select_pack { display: inline-block; vertical-align: middle; font-size: 15px; }
[class$="_form"] .form_foot {} */

/*------------------------------------------------
    가변레이아웃(for input form)
------------------------------------------------*/
.variable_set { display: table; table-layout: fixed; }
.variable_set .vari_cell { display: table-cell; vertical-align: middle; padding-right: 5px; }
.variable_set .vari_cell:last-child { padding-right: 0; }
.variable_set .vari_cell.title_cell { white-space: nowrap; padding-right: 10px; font-size: 14px; } /* 2020-12-22 hebale(2차) 기본폰트사이즈 설정 */
.variable_set .vari_cell ~ .vari_cell.title_cell { padding: 0 10px 0 15px; }

.variable_set .vari_cell.input_cell { width: 230px; }
.variable_set .vari_cell.fixed_cell { width: auto; white-space: nowrap; }

/* 20201203 hebale */
.variable_set .vari_cell.type_option { padding-left: 10px; }

.variable_set.type_full { table-layout: auto; width: 100%; }
.variable_set.type_full .vari_cell { width: 100%; }
.variable_set.type_full .vari_cell .input_pack { width: 100%; max-width: 100%; }
.variable_set.type_full .vari_cell .input_pack input { width: 100%; max-width: 100%; }

.variable_set + .variable_set { margin-top: 10px; }


/* 20201123 추가 */
.variable_set .vari_cell .btn_pack button { color: #fff; border-color: #2658a0; background-color: #2658a0; }
.variable_set .vari_cell .btn_pack button:hover { border-color: #5c97db; background-color: #5c97db; }
.variable_set .vari_cell .btn_pack button[disabled="disabled"] {  border-color: #e5e6ed; background-color: #e5e6ed; color: #ccdaea; }

.variable_set .vari_cell .btn_pack button.file_delete { height: 30px; width: 30px; color: #303030; border-color: #d4d4d4; background-color: #fff; }
.variable_set .vari_cell .btn_pack button.file_del:hover { background-color: #ecf0f7; }
.variable_set .vari_cell .btn_pack button.file_delete[disabled="disabled"] { background-color: #e9e9e9; color: #a0a0a0; }



/*------------------------------------------------
    폼유형(인풋)
------------------------------------------------*/
/* 기간선택폼 */
.period_form { display: inline-block; font-size: 0; vertical-align: middle; }
.period_form .input_pack { width: 48%; }
.period_form .unit { display: inline-block; vertical-align: middle; width: 4%; max-width: 22px; box-sizing: border-box; font-size: 14px; text-align: center; }
.period_form .btn_pack { display: inline-block; }

/* 2021-01-12 hebale(2차) 기간선택폼 - 옵션 */
/* .variable_set.period_form { display: inline-table; vertical-align: middle; margin-right: 8px; }
.period_option { display: inline-block; vertical-align: middle; padding: 8px 0; height: 20px; }
.period_option .checkbox_pack { width: auto; vertical-align: middle; }
.period_option .text_pack { display: inline-block; vertical-align: middle; } */

/* 전화번호 */
/* .tell_form .input_pack { max-width: 100px; } */


/* 파일업로드폼 */
.upload_form { overflow: hidden; }
.upload_form .input_pack label { display: inline-block; padding: 0 15px; min-width: 60px; line-height: 28px; height: 30px; font-size: 14px; /* border-radius: 6px; */ vertical-align: middle; text-align: center; box-sizing: border-box; }

/* 20201124 */
.upload_form .input_pack label { color: #fff; border: 1px solid #2658a0; background-color: #2658a0; }
.upload_form .input_pack label:hover { border-color: #5c97db; background-color: #5c97db; }
/* .variable_set .vari_cell .btn_pack button[disabled="disabled"] {  border-color: #e5e6ed; background-color: #e5e6ed; color: #ccdaea; } */

.upload_form .input_pack label { color: #fff; border: 1px solid #2658a0; background-color: #2658a0; }
.upload_form .input_pack label input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; }
.upload_form .btn_pack .icon_fileform_add { width: 36px; height: 36px; /* border-radius: 6px; */ border: 1px solid #e2e2e2; }

/* .upload_file { padding: 10px 0; }
.upload_file .upload_list { }
.upload_file .upload_list + .upload_list { margin-top: 5px; }
.upload_file .upload_list .list_name { display: inline-block; font-size: 14px; color: #303030; }
.upload_file .upload_list  .btn_pack { display: inline-block; }
.upload_file .upload_list .list_name + .btn_pack { margin-left: 10px; } */

 /* 2020-12-10 hebale(2차) 파일선택폼수정 */
 .upload_form .select_file { display: inline-block; width: 100%; max-width: 230px; padding: 0 14px; height: 30px; border-radius: 6px; border: 1px solid #d4d4d4; box-sizing: border-box; vertical-align: middle; background: #fff; text-align: left; } /* 2020-12-15 hebale(2차) 보더컬러 수정 & 좌측정렬 */
 .upload_form .select_file { line-height: 28px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 2020-12-24 hebale(2차) 스타일추가 */
 .upload_form .select_file a { line-height: 28px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: underline; cursor: pointer; } /* 2020-12-24 hebale(2차) 스타일추가 */

/* 이메일폼 */
/* .email_form {} */

/* 서버IP폼 */
/* .ip_form .input_pack { max-width: 60px; }
.ip_form .input_pack input { text-align: center; }
.ip_form .unit { text-align: left; padding: 0 4px 0 0; } */

/* callback폼 */
/* .callback_form .fixed_cell .btn_pack {min-width: 132px; } */


/* 검색폼 */
/* .search_form { font-size: 0;}
.search_form .select_pack { width: 120px; }
.search_form .input_pack { max-width: 270px; }
.search_form .input_pack input { max-width: 270px; }
.search_form .btn_pack { display: inline-block; }
.search_form .btn_pack button { min-width: 80px; border-color: #2658a0; background: #2658a0; color: #ffffff;  }
.search_form .select_pack + .input_pack { margin-left: 10px; }
.search_form .input_pack + .btn_pack { margin-left: 10px; } */


/* 20201124 버튼색 */
/* .search_form .btn_pack button.normal { color: #fff; border-color: #2658a0; background-color: #2658a0; }
.search_form .btn_pack button.normal:hover { background-color: #5c97db; border-color: #5c97db; }
.search_form .btn_pack button.normal[disabled="disabled"] { border-color: #e5e6ed; background-color: #e5e6ed; color: #ccdaea; } */




/*==========================================================
    게시판
==========================================================*/
/*------------------------------------------------
    게시판
------------------------------------------------*/
/* 스타일 */
/* .board_form { border-top: 1px solid #707070; border-bottom: 1px solid #f0f0f0; }
.board_form .board_list { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; }
.board_form .board_list .sort { display: table-cell; padding-left: 20px; line-height: 65px; width: 95px; font-size: 14px; font-weight: 500; color: #2658a0; vertical-align: middle; box-sizing: border-box; }
.board_form .board_list .title { position: relative; display: table-cell; padding: 0 30px 0 12px; font-size: 16px; color: #303030; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; }
.board_form .board_list .title b,
.board_form .board_list .title strong { font-size: 18px; font-weight: 500; }
.board_form .board_list .title .summary { display: none; }
.board_form .board_list .title.type_new { }
.board_form .board_list .log_data { display: table-cell; width: 150px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; text-align: center; }
.board_form .board_list .hit { display: table-cell; padding: 0 5px; width: 55px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; text-align: center; }
.board_form .board_list .hit_data { display: table-cell; padding-right: 20px; width: 70px; font-size: 14px; font-weight: 500; color: #333; text-align: right; vertical-align: middle; box-sizing: border-box; }

.board_form .board_detail_wrap { position: relative; overflow: hidden; border-top: 1px solid #f0f0f0; }
.board_form .board_detail_wrap:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background: #f0f0f0;  }
.board_form .board_detail_wrap .board_detail { margin-left: -1px; margin-top: -1px; width: 33.3%; float: left; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }
.board_form .board_detail { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; }
.board_form .board_detail .log { display: table-cell; line-height: 39px; padding-left: 20px; width: 100px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; }
.board_form .board_detail .log_data { display: table-cell; padding: 0 30px 0 12px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; }
.board_form .board_detail .hit { display: table-cell; padding: 0 5px; width: 55px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; text-align: center; }
.board_form .board_detail .hit_data { display: table-cell; padding-right: 20px; width: 95px; font-size: 14px; font-weight: 500; color: #333; text-align: right; vertical-align: middle; box-sizing: border-box; }
.board_form .board_detail + .board_detail { border-top: 1px solid #f0f0f0; }
.board_form .board_text { clear: both; padding: 35px 20px; font-size: 14px; line-height: 26px; }

2020-12-31
.board_form .board_detail.type_full { width: 100%; }
.board_form .board_img { clear: both; padding: 20px 20px; font-size: 14px; }
.board_form .board_img .img_info .imgtext { font-size: 14px; text-decoration: underline; color: #104aff; }
.img_info ~ img { width: 100%; margin-top: 15px; }

.board_form .board_attach { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; }
.board_form .board_attach .file { display: table-cell; padding: 30px 20px; width: 95px; font-size: 14px; color: #707070; vertical-align: top; box-sizing: border-box; }
.board_form .board_attach .file .total_data { display: inline-block; padding-top: 10px; }
.board_form .board_attach .file .total_data:before { content: '('; }
.board_form .board_attach .file .total_data:after { content: '건)'; }
.board_form .board_attach .file_data { display: table-cell; padding: 30px 5px; box-sizing: border-box; }
.board_form .board_attach .file_data > a { display: inline-block; width: 100%; padding-left: 20px; font-size: 14px; background: url('../images/common/icon/attach_file.png') no-repeat left top; background-size: 13px 16px; color: #303030; }
.board_form .board_attach .file_data > a + a { margin-top: 10px; }
.board_form .board_attach .file_data > a:hover { color: #2658a0; text-decoration: underline; }

기능 - 리스트
.board_form.type_list { }
.board_form.type_list .board_list .sort { line-height: 65px; }
.board_form.type_list .board_list .title { font-weight: normal; }
.board_form.type_list .board_list:hover { background-color: #f6f8ff; cursor: pointer; }

기능 - 공지사항
.board_form.type_notice { }
.board_form.type_notice .board_list { padding-top: 10px; padding-bottom: 50px; }
.board_form.type_notice .board_list .sort { line-height: 65px; }
.board_form.type_notice .board_list .title .summary { display: block; position: absolute; left: 12px; top: 82px; width: 100%; font-size: 16px; font-weight: normal; color: #707070; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.board_form.type_notice .board_list:hover { background-color: #f6f8ff; cursor: pointer; } */


/*------------------------------------------------
    기타(아이콘)
------------------------------------------------*/
/* 스타일 */
/* .board_box {}
.board_box .board_ribbon { display: table; width: 100%; }
.board_box .board_ribbon .btn_pack { display: inline-block; vertical-align: middle; }
.board_box .board_ribbon .btn_pack button.sub { min-width: 100px; }
.board_box .board_ribbon .select_pack { vertical-align: middle; width: auto; margin-left: 10px; }
.board_box .board_ribbon [class*="_pack"] + [class*="_pack"] { margin-left: 10px; }

.board_box .board_ribbon > .ribbon_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.board_box .board_ribbon > .ribbon_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }
.board_box .board_ribbon .data_info { display: inline-block; font-size: 14px; line-height: 16px; color: #303030; vertical-align: middle; }
.board_box .board_ribbon .data_info .data { display: inline-block; padding-left: 5px; font-size: 16px; font-weight: 500; color: #275ffe; }

레아이웃
.board_form .board_list + .board_list { border-top: 1px solid #f0f0f0; }
.board_form .board_list + .board_detail { border-top: 1px solid #f0f0f0; }
.board_form .board_detail + .board_text { border-top: 1px solid #f0f0f0; }
.board_form .board_text + .board_attach { border-top: 1px solid #f0f0f0; }
.board_form + .btn_pack { margin-top: 40px; text-align: center; }
.board_form + .pagination_pack { margin-top: 20px; }
.board_box .board_ribbon + .board_form { margin-top: 10px; } */



/*==========================================================
    FAQ
==========================================================*/
/*------------------------------------------------
    FAQ
------------------------------------------------*/
/* 스타일 */
/* .faq_form {  margin-top: 10px; border-top: 1px solid #707070; border-bottom: 1px solid #f0f0f0;  }
.faq_form .accordion_pack { }
.faq_form .accordion_pack + .accordion_pack { border-top: 1px solid #f0f0f0; }
.faq_form .accordion_pack .accordion_list {}
.faq_form .accordion_pack .accordion_list .accordion_title { padding-left: 90px; display: table; width: 100%; table-layout: fixed; cursor: pointer; box-sizing: border-box; background: url('../../resource/images/common/icon/icon_question.png') no-repeat 20px center; background-size: 46px 46px; }
.faq_form .accordion_pack .accordion_list .accordion_title .sort { display: table-cell; padding-right: 10px; line-height: 90px; width: 77px; font-size: 14px; font-weight: 500; color: #104fff; vertical-align: middle; box-sizing: border-box; }
.faq_form .accordion_pack .accordion_list .accordion_title .title { position: relative; display: table-cell; line-height: 1.4; padding: 5px 30px 5px 12px; font-size: 16px; color: #303030; vertical-align: middle; box-sizing: border-box; }
.faq_form .accordion_pack .accordion_list .accordion_title .title b,
.faq_form .accordion_pack .accordion_list .accordion_title .title strong { font-size: 18px; font-weight: 500; }
.faq_form .accordion_pack .accordion_list .accordion_title .log_data { display: table-cell; width: 150px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; text-align: center; }
.faq_form .accordion_pack .accordion_list .accordion_title .hit { display: table-cell; padding: 0 5px; width: 55px; font-size: 14px; color: #707070; vertical-align: middle; box-sizing: border-box; text-align: center; }
.faq_form .accordion_pack .accordion_list .accordion_title .hit_data { display: table-cell; width: 70px; font-size: 14px; font-weight: 500; color: #333; text-align: right; vertical-align: middle; box-sizing: border-box; }
.faq_form .accordion_pack .accordion_conts { position: relative; padding: 25px 20px 25px 134px; background-color: #fafafa; box-sizing: border-box; }
.faq_form .accordion_pack .accordion_conts .answer { position: relative; line-height: 26px; font-size: 14px; color: #303030; }
.faq_form .accordion_pack .accordion_conts .answer:before { content:''; display: block; position: absolute; top: 0; left: -93px; width: 70px; height: 46px; background: url('../../resource/images/common/icon/icon_answer.png') no-repeat center; background-size: 70px 46px; box-sizing: border-box; } */

/* 확장 */
/* .faq_set .faq_title { font-size: 0; }
.faq_set .faq_title .title_text { display: inline-block; font-size: 22px; color: #303030; vertical-align: middle; }
.faq_set .faq_title .title_util { display: inline-block; margin-left: 20px; vertical-align: middle; }

확장 - 리본
.faq_set .faq_ribbon { display: table; width: 100%; }
.faq_set .faq_ribbon .btn_pack { display: inline-block; vertical-align: middle; }
.faq_set .faq_ribbon .btn_pack button.sub { min-width: 100px; height: 42px; }
.faq_set .faq_ribbon .select_pack { vertical-align: middle; }
.faq_set .faq_ribbon [class*="_pack"] + [class*="_pack"] { margin-left: 10px; }
.faq_set .faq_ribbon > .ribbon_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.faq_set .faq_ribbon > .ribbon_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }
.faq_set .faq_ribbon .data_info { display: inline-block; line-height: 16px; font-size: 14px; color: #303030; vertical-align: middle; }
.faq_set .faq_ribbon .data_info .data { display: inline-block; padding-left: 5px; font-size: 16px; font-weight: 500; color: #275ffe; }

확장 - 컨트롤
.faq_set .faq_control { display: table; width: 100%; }
.faq_set .faq_control > .control_left { display: table-cell; font-size: 0; text-align: left; vertical-align: middle; }
.faq_set .faq_control > .control_right { display: table-cell; font-size: 0; text-align: right; vertical-align: middle; }
.faq_set .faq_control .btn_pack { margin-top: 40px; text-align: center; }
.faq_set .faq_control [class*="_pack"] + [class*="_pack"] { margin-left: 10px; }
.faq_set .faq_control .pagination_pack { margin-top: 15px; }

확장 - 레이아웃
.faq_set .faq_title + .faq_ribbon { margin-top: 28px; }
.faq_set .faq_title + .faq_form { margin-top: 28px; }
.faq_set .faq_ribbon + .faq_pack { margin-top: 15px; }
.faq_set .faq_form + .faq_control { margin-top: 15px; }

.option_set + .faq_set { margin-top: 20px; } */




/*------------------------------------------------
    테이블 안 라디오, 체크박스 정렬
------------------------------------------------*/
.table_set .checkbox_pack { margin-top: -10px; }
.table_set .checkbox_pack input,
.table_set .checkbox_pack .label_text  { margin-top: 10px; }

.table_set .radio_pack { margin-top: -10px; }
.table_set .radio_pack input,
.table_set .radio_pack .label_text { margin-top: 10px; }




/*------------------------------------------------
폼유형(테이블)
------------------------------------------------*/
/* 조회 */


/*==========================================================
    읽기페이지
==========================================================*/
/*------------------------------------------------
    읽기페이지
------------------------------------------------*/
/* 스타일 - 라디오 */
/* .contents.type_readpage {}
.contents.type_readpage .radio_pack { padding-left: 0; }
.contents.type_readpage .radio_pack label { margin-right: 0; }
.contents.type_readpage .radio_pack input[type="radio"]:disabled { width: 1px; background: none; }
.contents.type_readpage .radio_pack input[type="radio"]:disabled + .label_text { padding-left: 0; color: #303030; }
.contents.type_readpage .radio_pack input[type="radio"]:not([checked="checked"]) { display: none; }
.contents.type_readpage .radio_pack input[type="radio"]:not([checked="checked"]) + .label_text { display: none; }

스타일 - 체크박스
.contents.type_readpage .checkbox_pack { padding-left: 0; }
.contents.type_readpage .checkbox_pack label { margin-right: 0; }
.contents.type_readpage .checkbox_pack input[type="checkbox"]:disabled { width: 1px; background: none; }
.contents.type_readpage .checkbox_pack input[type="checkbox"]:disabled + .label_text { padding-left: 0; color: #303030; }
.contents.type_readpage td .checkbox_pack label + label input[type="checkbox"]:disabled + .label_text:before { content: ", " }
.contents.type_readpage td .checkbox_pack input[type="checkbox"]:not([checked="checked"]) { display: none; }
.contents.type_readpage td .checkbox_pack input[type="checkbox"]:not([checked="checked"]) + .label_text { display: none; } */


/* 2020-11-27 */

/* 파일첨부로딩중 */
/* .prg_loading_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); }
.prg_loading_layer .prg_layer { width: 370px; height: 246px; padding: 25px; box-sizing: border-box; border-radius: 10px; background: #ffffff; }
.prg_loading_layer .prg_layer { position: absolute; top: 50%; left: 50%; margin-top: -123px; margin-left: -175px; }
.prg_layer .prg_msg { text-align: center; font-size: 16px; }
.prg_layer .prg_msg { margin-top: 30px; }
.prg_layer .prg_img { text-align: center; }

파일첨부로딩중 - 동작
.prg_loading_layer { display:none; z-index: 2000; }
.prg_loading_layer.is_active { display: block; } */


/*------------------------------------------------
    20201202 셀렉트(dim처리사항)
------------------------------------------------*/
/* 스타일 */
.select_pack { }
.select_pack select[disabled="disabled"] { color: #6e6e6e; border-color: #d4d4d4; background: #ececec url('../images/common/form/select_default_dim.png') no-repeat center right; background-size: 28px 34px; opacity: 1; } /* 2021-02-01 hebale(2) */


/*------------------------------------------------
    2020-12-03 배치박스(checkbox, radio)
------------------------------------------------*/
/* .align_box .align_group { margin-top: -10px; margin-left: -10px; }
.align_box .align_group .input_pack { width: auto; margin-top: 10px; margin-left: 10px; }
.align_box .align_group .radio_pack { width: auto; }
.align_box .align_group .radio_pack label { margin-top: 10px; margin-left: 10px; }
.align_box .align_group .checkbox_pack { width: auto; }
.align_box .align_group .checkbox_pack label { margin-top: 10px; margin-left: 10px; } */



/*==========================================================
    주소찾기팝업 2020-12-23
==========================================================*/
/*------------------------------------------------
    주소찾기팝업 2020-12-23
------------------------------------------------*/
/* 주소찾기팝업 */
/* .address_searchbox { padding: 16px 28px; border: 1px solid #eae9e9; box-sizing: border-box; border-radius: 10px; background: #f5f5f5; }
.address_searchbox .input_pack + .text_pack { margin-top: 12px; }
.address_searchbox + .address_searchinfo { margin-top: 20px; }

.address_searchinfo {  }
.address_searchinfo .address_group { max-height: 280px; border-top: 1px solid #505050; border-bottom: 1px solid #d4d4d4; overflow-y: auto; }
.address_searchinfo .address_group .address_list { display: table; padding: 12px; table-layout: fixed; width: 100%; box-sizing: border-box; cursor: pointer; }
.address_searchinfo .address_group .address_list + .address_list { border-top: 1px solid #f0f0f0; }

.address_searchinfo .address_group .address_list .district_info { display: table-cell; vertical-align: middle; }
.address_searchinfo .address_group .address_list .district_info .number { position: relative; padding-left: 60px; line-height: 1.2; }
.address_searchinfo .address_group .address_list .district_info .number:before { content: '지번'; display: block; line-height: 18px; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 50px; height: 18px; background: #acacac; font-size: 12px; color: #fff; text-align: center; }
.address_searchinfo .address_group .address_list .district_info .road { position: relative; padding-left: 60px; line-height: 1.2; }
.address_searchinfo .address_group .address_list .district_info .road:before { content: '도로명'; display: block; line-height: 18px; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 50px; height: 18px; background: #acacac; font-size: 12px; color: #fff; text-align: center; }
.address_searchinfo .address_group .address_list .district_info .number + .road { margin-top: 8px; }
.address_searchinfo .address_group .address_list .post_info { display: table-cell; width: 80px; font-size: 14px; color: #337dd1; text-align: right; vertical-align: middle; }

.address_searchinfo .address_group ~ .pagination_pack { margin-top: 12px; }

.address_searchinfo .address_input { margin-top: 20px; }
.address_searchinfo .address_input .variable_set { width: 100%; table-layout: auto; }
.address_searchinfo .address_input .variable_set .vari_cell.title_cell { width: 60px; }

.address_searchinfo .address_input ~ .text_pack { margin-top: 12px;} */


/* 2020-12-31 hebale(2차) 텍스트에디터 */
/* td.type_texteditor { padding: 0 !important; font-size: 0 !important; } */
td.type_texteditor .textarea_pack { width: 100%; }

.input_pack.type_narrow { max-width: 80px; }



/* 고정되는 콘텐츠 2020-12-31 */
.page_header .fixed_conts { display: none; position: absolute; top: 100%; left: 0; width: 100%; font-size: 0; padding: 0px 60px 0px 310px; background: #fff; box-sizing: border-box; }
.page_header .fixed_conts.is_active { display: block; }
.page_header .fixed_conts .table_pack { border-radius: 10px 10px 0 0; overflow: hidden; }
.page_header .fixed_conts .table_pack table > thead > tr > th { border: none; }
.page_header .fixed_conts .table_pack table > tbody { visibility: collapse; }

/* 2020-12-31 기간선택 셀렉트 */
.select_pack.type_narrow { width: 90px; }



/* 2020-12-31 hebale 첨부파일 */
.table_pack .attached_file {}
.table_pack .attached_file .total_file { display: block; padding-top: 5px; }
.table_pack .attached_file .total_file:before { content: "(" }
.table_pack .attached_file .total_file:after { content: "건)" }

.attached_file_list { max-width: 100%; padding: 12px; border: 1px solid #e6e6e6; border-radius: 6px; max-width: 100%; overflow-x: auto; box-sizing: border-box; } /* 2021-01-29 hebale 이미지업로드 프리뷰 수정 */
.attached_file_list > .btn_pack { width: 100%; line-height: 25px; }
.attached_file_list > .btn_pack .volume { padding-left: 5px; font-size: 14px; vertical-align: middle; }
.attached_file_list > .btn_pack .file_attach { width: 3rem; height: 3rem; }
.attached_file_list > .btn_pack .file_delete { margin-left: 1rem; width: 3rem; height: 3rem; }

/* 2020-12-24 hebale(2차) - 간격조정 */
.attached_file_list > .btn_pack:first-of-type { margin-top: 0px; }
.attached_file_list > .btn_pack { margin-top: 5px; }
.attached_file_list > .upload_form { margin-top: 5px; }

/* 기능 */
.upload_form + .attached_file_list { margin-top: 10px; }


/* 2021-01-06 hebale(2차) 패스워드항목 */
/* .pw_info { display: inline-block; margin-right: 10px; vertical-align: middle; } */



/*==========================================================
    링크
==========================================================*/
/* 링크 */
/* .link_pack { font-size: 0;}
.link_pack .text_link { display: inline-block; font-size: 14px; color: #2658a0; background: transparent; text-decoration: underline; cursor: pointer; }
.link_pack .btn_link { display: inline-block; min-width: 50px; line-height: 28px; height: 30px; padding: 0 15px; border: 1px solid #d4d4d4; border-radius: 6px; font-size: 14px; color: #303030; background: #fff; cursor: pointer; vertical-align: middle; text-decoration: none; }
.link_pack .btn_link:hover { background-color: #ecf0f7;} */



/* 2021-02-01 hebale(2) 개인정보이용 메일 발송관리 */
.send_comp { display: inline-block; margin-right: 15px; vertical-align: middle; }
.btn_area + .section_area { margin-top: 20px;}



/*==========================================================
    핸드폰/이메일폼
==========================================================*/
/* .phone_form  { font-size: 0; }
.phone_form .input_pack { width: 92px; min-width: 80px; vertical-align: middle; }
.phone_form .unit { display: inline-block; padding: 0 8px; font-size: 1.4rem; vertical-align: middle; line-height: 30px; }

.email_form { font-size: 0; }
.email_form .input_pack { vertical-align: middle; min-width: 80px; }
.email_form .input_pack:first-child { width: 150px; }
.email_form .input_pack:last-child { width: 200px; }
.email_form .unit { display: inline-block; padding: 0 8px; font-size: 1rem; vertical-align: middle; line-height: 30px; } */

/*==========================================================
    박준경 스타일 추가 0611
==========================================================*/
/**
table 셋팅
 */
.table_pack.type_info table > tbody > tr > td.txt_center { text-align: center; }
.table_pack:not(.type_info) table td > .input_pack.short { min-width: 50px; }
.table_pack:not(.type_info) table td > .input_pack.mid { min-width: 100px; }
/**
회원 - 설정
 */
.input_pack.flex { width: auto; }

/**
장비 - 설정
 */
.position-ab {position: absolute;}
.drag_img_pack {min-height: 200px;line-height: 200px;width:100%;text-align: center;}
.drag_img_pack .img-container {display: flex;align-items: center;justify-content: flex-start;overflow-x: auto;overflow-y: hidden;min-height: 190px;width:100%}
.drag_img_pack .img-container .img-wrapper {height: 150px;margin-right:20px;flex: 0 0 150px;position: relative;}
.drag_img_pack .img-container .img-wrapper .btn_pack.remove {position: absolute;top: -10px;left: 130px;}
.drag_img_pack .img-container .img-wrapper .img-area {max-width:100%;height:100%;object-fit: cover;}
.input_pack.short { max-width: 50px; }

.table_sub_title.flex {display: flex; justify-content: space-between;}
.table_sub_title.flex .label {line-height: 32px;} /** small button height 에 맞추기 위한 line-height 설정 **/
.table_sub_title.flex .label span.s_noti {font-size: 12px; line-height: 0; color: #a0a0a0 }
.table_sub_title.flex .label span.s_noti span.emphasis {color: #104aff }
.table_sub_title.flex .label span.s_noti span.emphasis.red {color: #ff3b3b }
.table_pack.type_info.mt8 { margin-top: 8px; } /** table_sub_title 과 추가 버튼을 같이 놓을 시 margin 이 뻑나서 맞춰주기 위함 **/

.time_add_pack {width:100%;text-align: center;}
.time_add_pack > div { padding: 10px 0px;}
.time-wrapper + .time-wrapper { margin-top:10px;}
.time-wrapper .label {font-weight: 500; margin-right: 30px; }

/* *************************
* CMS 사용하는 CSS
* ************************/
/**
대시보드
 */
/* .type_flex {display: flex;flex-direction: row;justify-content: center;}
.type_flex.column {flex-direction: column;justify-content: left;align-items: center;}
.type_flex .type_flex_container {width:500px;height:300px;margin:10px;}
.type_flex .type_flex_container.full {width:100%;height:100%;margin:0;}
.type_flex .type_flex_container .type_flex_box {width: calc(100% - 100px);}
.type_flex .rate_2_1 .type_flex_container.long {height:620px;}
.type_flex .rate_2_1 .type_flex_container.long:nth-child(1) {flex-basis: 1020px;}
.type_flex .rate_2_1 .type_flex_container.long:nth-child(2) {flex-basis: 500px;}
.type_flex_container .type_flex_wrap {font-size: 14px;height:100%;border: 1px solid #d4d4d4;border-radius: 10px;box-sizing: border-box;padding:20px;}
.type_flex .rate_2_1 .type_flex_container.long:nth-child(1) .type_flex_wrap {height:100%;border: 1px solid #d4d4d4;}
.type_flex .rate_2_1 .type_flex_container.long:nth-child(2) .type_flex_wrap {width: 100%;}
.type_flex .rate_2_1 .type_flex_container.long:nth-child(2) .type_flex_container {height:300px;}
.type_flex .rate_2_1 .type_flex_container.long:nth-child(2) .type_flex_container.full + .type_flex_container.full {margin-top: 20px;}

.flex_body_header {flex:1; font-size: 18px;width:100%;}
.flex_body_header .tit {margin:0 10px}
.flex_body_header .tit + .fr {margin:0 10px}

.flex_body_contents {flex:1; font-size: 18px;}
.flex_body_contents .flex_body_contents_box { display: inline-block; }
.flex_body_contents .flex_body_contents_box + .flex_body_contents_box { margin-left: 20px }

.flex_body_footer {flex:1; line-height: 86px;}

.type_list .list_header {line-height: 16px;}
.type_list .list_header span {font-size: 16px;}
.type_list .list_header a {cursor: pointer;}

.list_header::after {content: "";margin: 0 auto;border-bottom: 2px solid #2658a0;padding: 5px;display: block;}

.type_list .list_contents {margin-top:15px;}

.list + .list {margin-top:20px;}
.list_contents .list span.status {display: inline-block;padding: 2px 6px;font-size: 14px;min-width: 100px;color: #fff;background: #2658a0;text-align: center;box-sizing: border-box;}
.list_contents .list span.title
, .list_contents .list span.date {padding-left: 3px;}
.list_contents .list span.no {font-size: 14px;border-right: 2px solid red;min-width: 70px;text-align: center;box-sizing: border-box;}
.list_contents .list span.name {font-size: 14px;border-right: 2px solid red;min-width: 50px;text-align: center;box-sizing: border-box;}
.list_contents .list span.date
, .list_contents .list span.no
, .list_contents .list span.name {display: inline-block;border-right: 2px solid #939393;padding-right:5px;content: '';line-height: 13px;height:13px}
.list_contents .list span.title.pointer:hover {color:#2658a0;text-decoration-line: underline;}

tr.tr_bg_color,
tr.tr_bg_color td {
    background-color: #f6f6f6 !important;
    background-color: #2658a0 !important;
    color:#fff;
}

*
 * site menu jstree

.menuTreeOutter { margin-right:16px;height:430px;overflow-y:scroll; }
li.jstree-node { font-size:16px; }
input.invalid { border:1px solid red !important; }
input.valid { border:1px solid green !important; }

*
 * site

.site-row {
    margin: 10px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr)); 2개의 요소가 1개의 행을 이루도록 설정
    gap: 10px; 요소 사이의 간격 설정
}
.site-row .column { width:100%;padding:0;margin-bottom:30px;} */
/* site old */
 /*
.site-row {margin: 10px 0;}
.site-row:after { content:"";display:table;clear:both;}
.site-row .column { float:left;width:48%;padding:0;margin-bottom:30px;}
.site-row .column:nth-child(even) { float:right; }
*/