@charset "UTF-8";
/*
	.Final Editor : EURA
	.Description : Layout CSS
	.Last Edit : 2017.11.14
*/
/* 테마파일 */
.web_wrap .themeChoice .active { background-color: #f48120; border-color: #f48120; color: #fff; }
.web_wrap.theme_light .header_wrap > .navbar { background-color: #fff; border-bottom: 1px solid #e0e0e0; }
.web_wrap.theme_light .header_wrap .logo { background: #fff; color: #626366; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.web_wrap.theme_light .header_wrap .logo .logo_txt strong { font-weight: 700; color: #f48120; }
.web_wrap.theme_light .header_wrap .sidebar_toggle { background-color: #fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.web_wrap.theme_light .header_wrap .sidebar_toggle .icon_wrap span { background-color: #bbbcbd; }
.web_wrap.theme_dark .header_wrap > .navbar { background-color: #626366; border-bottom: #626366; }
.web_wrap.theme_dark .header_wrap .logo { background: #f48120; color: #fff; border-right: #f48120; border-bottom: #f48120; }
.web_wrap.theme_dark .header_wrap .logo .logo_txt strong { font-weight: 700; color: #fff; }
.web_wrap.theme_dark .header_wrap .logo .logo_txt span { color: #fff; }
.web_wrap.theme_dark .header_wrap .sidebar_toggle { background-color: #626366; border-right: #626366; border-bottom: #626366; }
.web_wrap.theme_dark .header_wrap .sidebar_toggle .icon_wrap span { background-color: #fff; }
.web_wrap.theme_dark .header_wrap .sidebar_toggle.active { background-color: #4d4e50; }
.web_wrap.theme_dark .header_wrap .custom_top_nav .right_nav .welcome_text { color: #fff; }
.web_wrap.theme_dark .header_wrap .custom_top_nav .right_nav .btnDefault { background-color: #38383a; border-color: #38383a; color: #bbbcbd; }
.web_wrap.theme_dark .header_wrap .custom_top_nav .right_nav .btnDefault:hover { background-color: #1f1f20; border-color: #1f1f20; }

/* //////////////////////// 테마파일 //////////////////////// */
/* 재사용 요소 모음 */
.content_inner { font-family: "Nanum Barun Gothic", NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; }

.logo { overflow: hidden; }
.logo .logo_txt strong { font-weight: 700; color: #f48120; }
.logo .logo_txt span { font-weight: 400; color: #626366; }

.logo_change_view { position: relative; display: inline-block; vertical-align: middle; }
.logo_change_view .change_inner { display: table; width: 170px; min-height: 170px; padding: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px dashed #e0e0e0; }
.logo_change_view .change_inner .logo_img { position: relative; display: table-cell; vertical-align: middle; text-align: center; }
.logo_change_view .change_inner .logo_img img { max-width: 100%; font-size: 12px; color: #a3a3a4; }
.logo_change_view .change_inner .logo_img .btn_wrap { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }

.hyphen { display: inline-block; margin: 0 4px; font-size: 13px; vertical-align: middle; }
.hyphen.mg0 { margin: 0; }

/* icon */
.icon { display: inline-block; vertical-align: middle; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.icon.search { width: 15px; height: 13px; margin-top: -1px; background: url("../img/icon_search_gray.png") no-repeat 1px 0px; }

/* speech bubble */
.speech_bubble { position: relative !important; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.speech_bubble .hint_1 { position: absolute; padding: 4px 8px 6px 8px; white-space: nowrap; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 12px; text-align: center; letter-spacing: -1px; cursor: default; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background-color: #000; color: #fff; }
.speech_bubble .hint_1::after { content: ''; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #000; }
.speech_bubble .c_1 { top: -28px; left: -40px; }
.speech_bubble .c_1::after { content: ''; top: 20px; left: 40px; }
.speech_bubble:hover .hint_1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.speech_bubble:hover .c_1 { top: -25px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

/* input size */
.in_w60, .form_wrap.horizon_default .in_w60, .form_wrap.search_type_1 .in_w60, .reactive_div .form_time select.in_w60 { width: 60px; }

.in_w70, .reactive_div .in_w70 { width: 70px; }

.in_w90, .form_wrap.horizon_default .in_w90 { width: 90px; }

.in_w100, .reactive_div .in_w100, .reactive_div.list_type_3 .type_block_1 .list_group li .inner_title_2.in_w100 { width: 100px; }

.in_w110, .form_wrap.horizon_default .in_w110, .form_wrap.search_type_1 .in_w110 { width: 110px; }

.in_w150, .reactive_div .in_w150 { width: 150px; }

.in_w200, .form_wrap.horizon_default .in_w200, .form_wrap.search_type_1 .in_w200, .reactive_div .in_w200 { width: 200px; }

/* list_group */
.list_group { width: 100%; }
.list_group li { padding: 8px 16px; border-bottom: 1px solid #e0e0e0; }
.list_group li:last-of-type { border-bottom: 0; }
.list_group.full_list { display: table; }
.list_group.full_list li { display: table-cell; width: 8.33333%; }
.list_group.full_list li a { width: 100%; }
.list_group.cell_list { display: table; }
.list_group.cell_list li { display: table-cell; width: 8.33333%; }
.list_group.border { border: 1px solid #e0e0e0; }
.list_group.border li { border-right: 1px solid #e0e0e0; }
.list_group.border li:last-of-type { border-right: 0; }
.list_group .list_title { display: inline-block; font-size: 13px; vertical-align: middle; color: #626366; }
.list_group .sub_tt_1 { display: inline-block; font-size: 13px; vertical-align: middle; color: #a3a3a4; }
.list_group .sub_tt_2 { display: inline-block; padding-left: 2px; font-size: 12px; vertical-align: middle; color: #a3a3a4; }

/* form_wrap */
.form_wrap { padding: 16px; }
.form_wrap:after { content: ''; display: block; clear: both; }
.form_wrap fieldset { position: relative; }
.form_wrap.pd0 { padding: 0; }
.form_wrap .form_title_1 { display: inline-block; margin-right: 4px; vertical-align: middle; font-size: 13px; color: #a3a3a4; }
.form_wrap .form_title_1.w_120 { width: 120px; }
.form_wrap .form_title_1.mr8 { margin-right: 8px; }
.form_wrap .form_calander_1, .form_wrap .form_search_1, .form_wrap .form_input_1 { display: inline-block; }
.form_wrap .form_calander_1 input, .form_wrap .form_search_1 input, .form_wrap .form_input_1 input { width: 100%; }
.form_wrap.horizon_default h5 { display: inline-block; }
.form_wrap.horizon_default .form_left { float: left; }
.form_wrap.horizon_default .form_left .form_select_1 { width: 100px; }
.form_wrap.horizon_default .form_left .form_search_1 { width: 170px; }
.form_wrap.horizon_default .form_right { float: left; text-align: right; }
.form_wrap.horizon_default .form_right.t_left { text-align: left; }
.form_wrap.vertical_type_1 .form_left { float: left; }
@media all and (min-width: 0px) and (max-width: 1335px) { .form_wrap.vertical_type_1 .form_left { width: 100%; } }
.form_wrap.vertical_type_1 .form_left .form_select_1 { width: 100px; }
.form_wrap.vertical_type_1 .form_left .form_search_1 { width: 170px; }
.form_wrap.vertical_type_1 .form_right { float: left; text-align: right; }
@media all and (min-width: 0px) and (max-width: 1335px) { .form_wrap.vertical_type_1 .form_right { width: 100%; } }
@media all and (min-width: 1335px) and (max-width: 1380px) { .form_wrap.vertical_type_1 .form_left.col_5, .form_wrap.vertical_type_1 .form_right.col_5 { width: 39%; }
  .form_wrap.vertical_type_1 .form_left.col_7, .form_wrap.vertical_type_1 .form_right.col_7 { width: 61%; } }
.form_wrap.vertical_type_1 fieldset label h5, .form_wrap.vertical_type_1 fieldset label div, .form_wrap.vertical_type_1 fieldset label input, .form_wrap.vertical_type_1 fieldset label select { display: inline-block; vertical-align: middle; }
.form_wrap.vertical_type_1 hr { display: none; }
@media all and (min-width: 0px) and (max-width: 1335px) { .form_wrap.vertical_type_1 hr { display: block; float: left; width: 100%; } }
.form_wrap.vertical_type_2 .form_left { float: left; }
.form_wrap.vertical_type_2 .form_right { float: left; text-align: right; }
@media all and (min-width: 0px) and (max-width: 1500px) { .form_wrap.vertical_type_2 .form_right { text-align: left; }
  .form_wrap.vertical_type_2 .form_right .ml24 { margin-left: 23px; } }
@media all and (min-width: 0px) and (max-width: 1500px) { .form_wrap.vertical_type_2 .form_left.col_1, .form_wrap.vertical_type_2 .form_left.col_2, .form_wrap.vertical_type_2 .form_left.col_3, .form_wrap.vertical_type_2 .form_left.col_4, .form_wrap.vertical_type_2 .form_left.col_5, .form_wrap.vertical_type_2 .form_left.col_6, .form_wrap.vertical_type_2 .form_left.col_7, .form_wrap.vertical_type_2 .form_left.col_8, .form_wrap.vertical_type_2 .form_left.col_9, .form_wrap.vertical_type_2 .form_left.col_10, .form_wrap.vertical_type_2 .form_left.col_11, .form_wrap.vertical_type_2 .form_left.col_12, .form_wrap.vertical_type_2 .form_right.col_1, .form_wrap.vertical_type_2 .form_right.col_2, .form_wrap.vertical_type_2 .form_right.col_3, .form_wrap.vertical_type_2 .form_right.col_4, .form_wrap.vertical_type_2 .form_right.col_5, .form_wrap.vertical_type_2 .form_right.col_6, .form_wrap.vertical_type_2 .form_right.col_7, .form_wrap.vertical_type_2 .form_right.col_8, .form_wrap.vertical_type_2 .form_right.col_9, .form_wrap.vertical_type_2 .form_right.col_10, .form_wrap.vertical_type_2 .form_right.col_11, .form_wrap.vertical_type_2 .form_right.col_12 { width: 100%; } }
.form_wrap.vertical_type_2 .blank { display: none; }
@media all and (min-width: 0px) and (max-width: 1500px) { .form_wrap.vertical_type_2 .blank { display: table-cell; } }
.form_wrap.vertical_type_2 fieldset { display: table; }
.form_wrap.vertical_type_2 fieldset label { display: table-cell; width: 8.33333%; }
.form_wrap.vertical_type_2 fieldset label h5, .form_wrap.vertical_type_2 fieldset label div { display: inline-block; }
.form_wrap.vertical_type_2 fieldset label input { width: 100%; }
.form_wrap.vertical_type_2 hr { display: none; }
@media all and (min-width: 0px) and (max-width: 1500px) { .form_wrap.vertical_type_2 hr { display: block; float: left; width: 100%; } }
.form_wrap.search_type_1 .checkbox { vertical-align: middle; }
.form_wrap.search_type_1 fieldset label h5, .form_wrap.search_type_1 fieldset label div, .form_wrap.search_type_1 fieldset label input, .form_wrap.search_type_1 fieldset label select { display: inline-block; }
.form_wrap.search_type_1 .custom_1 .form_title_1 { margin-right: 8px; }
.form_wrap.search_type_1 .custom_1 .form_title_1.mr24 { margin-right: 24px; }
.form_wrap.search_type_1 .custom_1 .radio { height: 32px; line-height: 32px; }
.form_wrap.search_type_1 .custom_1 .radio label { vertical-align: middle; }
.form_wrap.search_type_1 .custom_1 .radio .rdo_img::before { top: 7px; }
.form_wrap.search_type_1 .custom_1 .list_group { display: inline-block; width: auto; }
.form_wrap.search_type_1 .custom_1 .list_group li { padding-left: 0; padding-right: 0; }
.form_wrap.search_type_1 .custom_1 .option_1 { border: 1px solid #e0e0e0; margin-top: 16px; padding: 8px; background-color: #f9f9f9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.form_wrap .btn_wrap { width: 100%; text-align: right; }
.form_wrap .btn_wrap.t_left { text-align: left; }

.form_search_1, .form_calander_1 { position: relative; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form_search_1 .btn_search, .form_search_1 .btn_calander, .form_calander_1 .btn_search, .form_calander_1 .btn_calander { position: absolute; top: 1px; right: 1px; width: 31px; height: 31px; background-color: transparent; background-size: 21px 13px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left: 0; text-indent: -999px; }
.form_search_1 .btn_search:active, .form_search_1 .btn_calander:active, .form_calander_1 .btn_search:active, .form_calander_1 .btn_calander:active { box-shadow: none; }

.form_search_1 .btn_search { background: url("../img/icon_search_gray.png") no-repeat right center; }
.form_search_1 .btn_search:active { background: url("../img/icon_search_org.png") no-repeat right center; }
.form_search_1 input:focus ~ .btn_search { background: url("../img/icon_search_org.png") no-repeat right center; }

.form_calander_1 .btn_calander { background: url("../img/icon_calander_gray.png") no-repeat right center; }
.form_calander_1 .btn_calander:active { background: url("../img/icon_calander_org.png") no-repeat right center; }
.form_calander_1 input:focus ~ .btn_calander { background: url("../img/icon_calander_org.png") no-repeat right center; }

.checkbox { position: relative; display: inline-block; }
.checkbox input[type="checkbox"] { opacity: 0; margin-top: -2px; vertical-align: middle; cursor: pointer; border: 1px solid #e0e0e0; }
.checkbox label { display: inline-block; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; cursor: pointer; }
.checkbox .chk_img::before { content: ''; position: absolute; left: 0; top: 0.5px; display: inline-block; width: 18px; height: 18px; text-align: center; vertical-align: middle; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-image: url("../img/icon_checkbox_off.png"); background-repeat: no-repeat; background-size: 100%; border: 1px solid #e0e0e0; }
.checkbox input[type="checkbox"]:checked ~ .chk_img::before { background-image: url("../img/icon_checkbox_on.png"); border: 0; }
.checkbox input[type="checkbox"]:disabled ~ .chk_img, .checkbox input[type="checkbox"]:disabled ~ .chk_text { cursor: default; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }
.checkbox .chk_text { padding-left: 4px; font-size: 13px; color: #4d4e50; }
.checkbox .chk_text.t_lightGray3 { color: #a3a3a4; }

.radio { position: relative; display: inline-block; }
.radio input[type="radio"] { opacity: 0; margin-top: -2px; vertical-align: middle; cursor: pointer; border: 1px solid #e0e0e0; }
.radio label { display: inline-block; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; cursor: pointer; }
.radio .rdo_img::before { content: ''; position: absolute; left: 0; top: 0.5px; display: inline-block; width: 18px; height: 18px; text-align: center; vertical-align: middle; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-image: url("../img/icon_radio_off.png"); background-repeat: no-repeat; background-size: 100%; border: 1px solid #e0e0e0; }
.radio input[type="radio"]:checked ~ .rdo_img::before { background-image: url("../img/icon_radio_on.png"); }
.radio input[type="radio"]:checked ~ .rdo_text { color: #f48120; }
.radio input[type="radio"]:disabled ~ .rdo_img, .radio input[type="radio"]:disabled ~ .rdo_text { cursor: default; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }
.radio .rdo_text { padding-left: 4px; font-size: 13px; color: #4d4e50; }

.file { position: relative; overflow: hidden; }
.file input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: -1px; cursor: pointer; filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01; }
.file button { text-transform: uppercase; }

.table:after, .twin_table:after { content: ''; display: block; clear: both; }
.table .table_title, .twin_table .table_title { padding: 16px 16px 8px 16px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 15px; font-weight: 700; }
.table table.c_pointer tbody tr, .twin_table table.c_pointer tbody tr { cursor: pointer; }
.table table.c_pointer tbody tr.active th, .twin_table table.c_pointer tbody tr.active th, .table table.c_pointer tbody tr.active td, .twin_table table.c_pointer tbody tr.active td { background-color: #fff9f4; }
.table table.c_default tbody tr, .twin_table table.c_default tbody tr { cursor: default; }
.table table thead tr th, .twin_table table thead tr th { font-weight: 400; background-color: #efefef; color: #727376; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.table table thead tr.th_border th, .twin_table table thead tr.th_border th { border: 1px solid #e0e0e0; }
.table table thead tr.th_border th:first-of-type, .twin_table table thead tr.th_border th:first-of-type { border-left: 0; }
.table table thead tr.th_border th:last-of-type, .twin_table table thead tr.th_border th:last-of-type { border-right: 0; }
.table table thead tr.th_color_1 th, .twin_table table thead tr.th_color_1 th { border-top: 0; background-color: #727376; border: 1px solid #727376; color: #fff; }
.table table thead tr.th_color_1.th_border th, .twin_table table thead tr.th_color_1.th_border th { border: 1px solid #595a5c !important; }
.table table thead tr.th_color_2 th, .twin_table table thead tr.th_color_2 th { border-top: 0; background-color: #a3a3a4; border: 1px solid #a3a3a4; color: #fff; }
.table table tbody tr:hover th, .twin_table table tbody tr:hover th, .table table tbody tr:hover td, .twin_table table tbody tr:hover td { background-color: #fff9f4; }
.table table tbody tr.no_contents:hover th, .twin_table table tbody tr.no_contents:hover th, .table table tbody tr.no_contents:hover td, .twin_table table tbody tr.no_contents:hover td, .table table tbody tr.loading_text:hover th, .twin_table table tbody tr.loading_text:hover th, .table table tbody tr.loading_text:hover td, .twin_table table tbody tr.loading_text:hover td { background-color: transparent; }
.table table tbody tr.loading_text td, .twin_table table tbody tr.loading_text td { padding: 24px; text-align: center; }
.table table tbody tr.td_border td, .twin_table table tbody tr.td_border td { border: 1px solid #e0e0e0; }
.table table tbody tr.td_border td:first-of-type, .twin_table table tbody tr.td_border td:first-of-type { border-left: 0; }
.table table tbody tr.td_border td:last-of-type, .twin_table table tbody tr.td_border td:last-of-type { border-right: 0; }
.table table tbody tr.td_color_1 td, .twin_table table tbody tr.td_color_1 td { border-top: 0; background-color: #fff9f4; color: #f48120; }
.table table tbody tr.td_no_hober:hover td, .twin_table table tbody tr.td_no_hober:hover td { background-color: #fff; }
.table.table_con_center table tbody tr th, .table_con_center.twin_table table tbody tr th, .table.table_con_center table tbody tr td, .table_con_center.twin_table table tbody tr td { text-align: center; }
.table.table_con_center table tbody tr th input, .table_con_center.twin_table table tbody tr th input, .table.table_con_center table tbody tr th select, .table_con_center.twin_table table tbody tr th select, .table.table_con_center table tbody tr td input, .table_con_center.twin_table table tbody tr td input, .table.table_con_center table tbody tr td select, .table_con_center.twin_table table tbody tr td select { text-align: center; }
.table.table_con_center table tbody tr th.t_left, .table_con_center.twin_table table tbody tr th.t_left, .table.table_con_center table tbody tr td.t_left, .table_con_center.twin_table table tbody tr td.t_left { text-align: left; }
.table.table_con_left table tbody tr th, .table_con_left.twin_table table tbody tr th, .table.table_con_left table tbody tr td, .table_con_left.twin_table table tbody tr td { text-align: left; }
.table.table_con_left table tbody tr th input, .table_con_left.twin_table table tbody tr th input, .table.table_con_left table tbody tr th select, .table_con_left.twin_table table tbody tr th select, .table.table_con_left table tbody tr td input, .table_con_left.twin_table table tbody tr td input, .table.table_con_left table tbody tr td select, .table_con_left.twin_table table tbody tr td select { text-align: left; }
.table.table_con_left table tbody tr th.t_center, .table_con_left.twin_table table tbody tr th.t_center, .table.table_con_left table tbody tr td.t_center, .table_con_left.twin_table table tbody tr td.t_center { text-align: center; }
.table.tableXS table tr th, .tableXS.twin_table table tr th, .table.tableXS table tr td, .tableXS.twin_table table tr td { height: 32px; font-size: 12px; }
.table.tableS table tr th, .tableS.twin_table table tr th, .table.tableS table tr td, .tableS.twin_table table tr td { height: 40px; font-size: 13px; }

.twin_table { margin-right: -1px; }
.twin_table:after { content: ''; display: block; clear: both; }
.twin_table .type_left { float: left; border-right: 1px solid #e0e0e0; }
.twin_table .type_right { float: left; }
.twin_table .tableS table tr th, .twin_table .tableS table tr td { height: 40px; font-size: 13px; }
.twin_table .folder_tree { height: 100%; padding: 16px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; overflow-x: hidden; overflow-y: auto; }
@media all and (min-width: 0px) and (max-width: 1230px) { .twin_table .folder_tree { padding: 8px; } }
.twin_table .folder_tree i.fa { width: 15px; height: 15px; padding: 0 16px 0 3px; color: #bbbcbd; }
.twin_table .folder_tree .big_tit { font-size: 14px; font-weight: 700; color: #f48120; }
.twin_table .folder_tree .big_tit i.icon_folder_1 { display: inline-block; width: 17px; height: 17px; vertical-align: middle; background-image: url("../img/icon_folder_1.png"); background-repeat: no-repeat; margin-top: -4px; margin-right: 4px; }
.twin_table .folder_tree a { display: inline-block; text-overflow: ellipsis; overflow: hidden; word-break: break-all; color: #626366; }
.twin_table .folder_tree a:hover { text-decoration: underline; }
.twin_table .folder_tree .tree_list .tree li .list_menu_1 { padding: 4px 0 0 0; color: #626366; }
.twin_table .folder_tree .tree_list .tree li .tree_sub { padding: 0; }
.twin_table .folder_tree .tree_list .tree li .tree_sub li { padding: 0 0 0 20px; }
.twin_table .folder_tree .tree_list .tree li .list_menu_1.active, .twin_table .folder_tree .tree_list .tree li .tree_sub li a.active { text-decoration: underline; color: #f48120; }
.twin_table .folder_tree .tree_list .tree li .list_menu_1.active .fa-folder, .twin_table .folder_tree .tree_list .tree li .tree_sub li a.active .fa-folder { color: #f48120; }
.twin_table .folder_tree .tree_list .tree li .list_menu_1.active .fa-folder:before, .twin_table .folder_tree .tree_list .tree li .tree_sub li a.active .fa-folder:before { content: "\f07c"; }
.twin_table .reactive.custom_1 { font-size: 0; border-bottom: 1px solid #e0e0e0; }
.twin_table .reactive.custom_1 .inner_title_1 { display: inline-block; width: 25%; height: 60px; line-height: 60px; padding: 0 0 0 16px; border-bottom: 0; vertical-align: top; }
.twin_table .reactive.custom_1 .btn_wrap { display: inline-block; width: 75%; height: 60px; line-height: 60px; padding: 0 16px 0 0; text-align: right; vertical-align: top; white-space: nowrap; }
.twin_table .reactive.custom_1 .btn_wrap .btnM { padding: 0 10px; }
@media all and (min-width: 0px) and (max-width: 1230px) { .twin_table .reactive.custom_1 .inner_title_1 { width: 22%; padding: 0 0 0 8px; }
  .twin_table .reactive.custom_1 .btn_wrap { width: 78%; padding: 0 8px 0 0; text-align: right; }
  .twin_table .reactive.custom_1 .btn_wrap .btnM { padding: 0 4px; }
  .twin_table .reactive.custom_1 .btn_wrap .btnM i { display: none; }
  .twin_table .reactive.custom_1.size_1 .inner_title_1 { width: 23%; }
  .twin_table .reactive.custom_1.size_1 .btn_wrap { width: 77%; } }
.twin_table .reactive.custom_2 { font-size: 0; border-bottom: 1px solid #e0e0e0; }
.twin_table .reactive.custom_2.bb_0 { border-bottom: 0; }
.twin_table .reactive.custom_2 .btn_wrap { display: inline-block; width: 100%; height: 60px; line-height: 60px; padding: 0 16px 0 0; text-align: right; vertical-align: top; white-space: nowrap; }
@media all and (min-width: 0px) and (max-width: 1230px) { .twin_table .reactive.custom_2 .btn_wrap { height: auto; line-height: 1.2; padding: 8px; }
  .twin_table .reactive.custom_2 .btn_wrap .btnM i { display: none; }
  .twin_table .reactive.custom_2 .btn_wrap .btnM:last-of-type { margin-right: 0; } }
.twin_table table thead tr.th_size_1 th { height: 50px; }
.twin_table table thead tr.th_size_2 th { height: 25px; }
.twin_table table thead tr.th_border th { border-top: 0; }
@media all and (min-width: 0px) and (max-width: 1230px) { .twin_table .type_left .form_wrap, .twin_table .type_right .form_wrap { padding: 16px 8px; }
  .twin_table .w_500 { width: 520px !important; }
  .twin_table .w_700 { width: 700px !important; } }
.twin_table.table_type_1 .type_left { width: 44%; }
.twin_table.table_type_1 .type_right { width: 56%; }
.twin_table.table_type_1 .scroll_table_wrap { height: 531px; overflow: hidden; }
.twin_table.table_type_1 .scroll_table_wrap .no_contents { height: 480px; }
.twin_table.table_type_1 table { width: 100.2%; }
.twin_table.table_type_1 table tr th, .twin_table.table_type_1 table tr td { text-align: center; }
@media all and (min-width: 0px) and (max-width: 1024px) { .twin_table.table_type_1 .scroll_table_wrap { overflow-x: auto; } }
.twin_table.table_type_2 { height: 517px; }
.twin_table.table_type_2_2 .folder_tree { height: 516px; }
.twin_table.table_type_2_3 .folder_tree { height: 440px; }
.twin_table.table_type_2_3 .table, .twin_table.table_type_2_3 .twin_table { height: 441px; overflow-y: auto; }
.twin_table.table_type_2 .type_left, .twin_table.table_type_2_2 .type_left, .twin_table.table_type_2_3 .type_left { height: 100%; }
.twin_table.table_type_2 .type_left .reactive.custom_2 .btn_wrap .btnM, .twin_table.table_type_2_2 .type_left .reactive.custom_2 .btn_wrap .btnM, .twin_table.table_type_2_3 .type_left .reactive.custom_2 .btn_wrap .btnM { padding: 0 8px; }
.twin_table.table_type_2 .type_right, .twin_table.table_type_2_2 .type_right, .twin_table.table_type_2_3 .type_right { height: 100%; }
.twin_table.table_type_2 .scroll_table_wrap .table_title_fixed, .twin_table.table_type_2_2 .scroll_table_wrap .table_title_fixed, .twin_table.table_type_2_3 .scroll_table_wrap .table_title_fixed { display: table; width: 100%; }
.twin_table.table_type_2 .scroll_table_wrap .table_title_fixed span, .twin_table.table_type_2_2 .scroll_table_wrap .table_title_fixed span, .twin_table.table_type_2_3 .scroll_table_wrap .table_title_fixed span { display: table-cell; width: 8.33333%; height: 40px; line-height: 1; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; text-align: center; vertical-align: middle; background-color: #a3a3a4; color: #fff; }
.twin_table.table_type_2 .scroll_table_wrap .table_content, .twin_table.table_type_2_2 .scroll_table_wrap .table_content, .twin_table.table_type_2_3 .scroll_table_wrap .table_content { height: 477px; }
.twin_table.table_type_2 .scroll_table_wrap .table_content.overflow_y, .twin_table.table_type_2_2 .scroll_table_wrap .table_content.overflow_y, .twin_table.table_type_2_3 .scroll_table_wrap .table_content.overflow_y { overflow-y: auto; overflow-x: hidden; }
.twin_table.table_type_2 .scroll_table_wrap .table_content .no_contents, .twin_table.table_type_2_2 .scroll_table_wrap .table_content .no_contents, .twin_table.table_type_2_3 .scroll_table_wrap .table_content .no_contents { height: 476px; }
.twin_table.table_type_2 table tr th, .twin_table.table_type_2 table tr td, .twin_table.table_type_2_2 table tr th, .twin_table.table_type_2_2 table tr td, .twin_table.table_type_2_3 table tr th, .twin_table.table_type_2_3 table tr td { text-align: center; }
.twin_table.table_type_2 table tbody.bl_0 tr, .twin_table.table_type_2_2 table tbody.bl_0 tr, .twin_table.table_type_2_3 table tbody.bl_0 tr { border-left: 0; }
.twin_table.table_type_3 .scroll_table_wrap { overflow-y: hidden; overflow-x: auto; }
.twin_table.table_type_3 table { width: 99.99%; }
.twin_table.table_type_3 table tr th, .twin_table.table_type_3 table tr td { text-align: center; }
@media all and (min-width: 0px) and (max-width: 1230px) { .twin_table.table_type_3 .w_1000 { width: 1000px !important; } }
@media all and (min-width: 0px) and (max-width: 1670px) { .twin_table.table_type_3 .w_1500 { width: 1500px !important; } }

.pagination { padding: 24px 16px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; text-align: center; font-size: 0; }
.pagination.sizeS a { height: 28px; line-height: 26px; padding: 0 8px; font-size: 12px; display: inline-block; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; text-align: center; vertical-align: middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.pagination.sizeS a .fa { vertical-align: baseline; }
.pagination.sizeM a { height: 32px; line-height: 30px; padding: 0 12px; font-size: 13px; display: inline-block; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; text-align: center; vertical-align: middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.pagination.sizeM a .fa { vertical-align: baseline; }
.pagination a { padding: 0 12px; }
.pagination .arrow { background-color: #727376; border: 1px solid #727376; color: #fff; }
.pagination .arrow:hover { background-color: #595a5c; }
.pagination .page { border: 1px solid #e0e0e0; background-color: #fff; color: #626366; }
.pagination .page:hover { background-color: #f9f9f9; }
.pagination .page_list { display: inline; margin: 0 8px; vertical-align: middle; }
.pagination .page_list li { display: inline; margin-left: -1.5px; }
.pagination .page_list li a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.pagination .page_list li a:hover { background-color: #fff9f4; }
.pagination .page_list li:first-child { margin-left: 0; }
.pagination .page_list li:first-child a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination .page_list li:last-child a { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.pagination .page_list li.active a { background-color: #f48120; border-color: #dc7117; color: #fff; -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

/* 타이틀 */
.inner_title_1 { padding: 16px; font-weight: 700; color: #626366; border-bottom: 1px solid #e0e0e0; }
.inner_title_1.bb_0 { border-bottom: 0; }
.inner_title_1.pd0 { padding: 0; }

.inner_title_2 { display: block; padding: 16px 16px 0 16px; vertical-align: middle; text-decoration: underline; font-weight: 700; color: #626366; }
.inner_title_2.pd0 { padding: 0; }

.inner_title_3 { float: left; width: 25%; padding: 6px 0 0 0; vertical-align: middle; text-decoration: underline; font-weight: 700; color: #626366; }

/* 반응형 DIV */
.reactive_div { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; /* 반응형 DIV > 리스트 */ }
.reactive_div.bt_0 { border-top: 0; }
.reactive_div .form_time { display: inline-block; }
.reactive_div .form_time select { display: inline-block; margin-right: 4px; }
.reactive_div.list_type_1 { font-size: 0; }
.reactive_div.list_type_1 .type_left { display: inline-block; width: 58.33333%; vertical-align: top; border-right: 1px solid #e0e0e0; }
.reactive_div.list_type_1 .type_right { display: inline-block; width: 41.66667%; vertical-align: top; }
.reactive_div.list_type_1 .type_right input[type="file"] { width: 100%; }
.reactive_div.list_type_1 .list_group li label { display: inline-block; vertical-align: middle; }
.reactive_div.list_type_1 .list_group li.colspan_1 label { width: 100%; }
.reactive_div.list_type_1 .list_group li.colspan_1 label .sub_tt_1 { width: 16.66667%; padding-right: 8px; text-align: right; }
.reactive_div.list_type_1 .list_group li.colspan_1 label input, .reactive_div.list_type_1 .list_group li.colspan_1 label select { width: 83.33333%; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_1 .list_group li.colspan_1 label .sub_tt_1 { width: 25%; }
  .reactive_div.list_type_1 .list_group li.colspan_1 label input, .reactive_div.list_type_1 .list_group li.colspan_1 label select { width: 75%; } }
.reactive_div.list_type_1 .list_group li.colspan_2 label { width: 50%; }
.reactive_div.list_type_1 .list_group li.colspan_2 label .sub_tt_1 { width: 33.33333%; padding-right: 8px; text-align: right; }
.reactive_div.list_type_1 .list_group li.colspan_2 label input, .reactive_div.list_type_1 .list_group li.colspan_2 label select { width: 66.66667%; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_1 .list_group li.colspan_2 label .sub_tt_1, .reactive_div.list_type_1 .list_group li.colspan_2 label input, .reactive_div.list_type_1 .list_group li.colspan_2 label select { width: 50%; } }
.reactive_div.list_type_1 .list_group li.colspan_2 label:last-of-type { text-align: right; }
.reactive_div.list_type_1 .list_group li.colspan_3 label { width: 33.33333%; }
.reactive_div.list_type_1 .list_group li.colspan_3 label .sub_tt_1 { width: 33.33333%; padding-right: 8px; text-align: right; }
.reactive_div.list_type_1 .list_group li.colspan_3 label input, .reactive_div.list_type_1 .list_group li.colspan_3 label select { width: 66.66667%; }
@media all and (min-width: 0px) and (max-width: 1335px) { .reactive_div.list_type_1 .list_group li.colspan_3 label .sub_tt_1 { width: 55%; }
  .reactive_div.list_type_1 .list_group li.colspan_3 label input, .reactive_div.list_type_1 .list_group li.colspan_3 label select { width: 45%; } }
.reactive_div.list_type_2 { font-size: 0; }
.reactive_div.list_type_2 .type_left { display: inline-block; width: 50%; vertical-align: top; border-right: 1px solid #e0e0e0; }
.reactive_div.list_type_2 .type_right { display: inline-block; width: 50%; vertical-align: top; }
.reactive_div.list_type_2 .type_full { display: inline-block; width: 100%; vertical-align: top; }
.reactive_div.list_type_2 .list_group li label { display: inline-block; vertical-align: middle; }
.reactive_div.list_type_2 .list_group li .inner_title_1 { display: inline-block; padding: 0; vertical-align: middle; border-bottom: 0; margin-right: 32px; }
@media all and (min-width: 0px) and (max-width: 1024px) { .reactive_div.list_type_2 .list_group li.colspan_mix_1 input.col_3 { width: 24%; } }
.reactive_div.list_type_2 .list_group li.colspan_normal .col_3 { width: 16.66667%; }
.reactive_div.list_type_2 .list_group li.colspan_2 label { width: 50%; }
.reactive_div.list_type_2 .list_group li.colspan_2 label .sub_tt_1 { padding-right: 8px; text-align: left; }
.reactive_div.list_type_2 .list_group li.colspan_2 label input { width: 75%; }
.reactive_div.list_type_2 .list_group li.colspan_2 label:nth-of-type(2) { text-align: right; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_2 .list_group li.colspan_2 label input { width: 58.33333%; } }
.reactive_div.list_type_2 .list_group li.colspan_2 .checkbox, .reactive_div.list_type_2 .list_group li.colspan_2 .radio { height: 32px; line-height: 32px; }
.reactive_div.list_type_2 .list_group li.colspan_2 .checkbox label, .reactive_div.list_type_2 .list_group li.colspan_2 .radio label { width: auto; text-align: left; }
.reactive_div.list_type_2 .list_group li.colspan_2 .checkbox .chk_img:before, .reactive_div.list_type_2 .list_group li.colspan_2 .checkbox .rdo_img:before, .reactive_div.list_type_2 .list_group li.colspan_2 .radio .chk_img:before, .reactive_div.list_type_2 .list_group li.colspan_2 .radio .rdo_img:before { top: 6.5px; }
.reactive_div.list_type_2 .list_group li.colspan_2 .checkbox .chk_text, .reactive_div.list_type_2 .list_group li.colspan_2 .checkbox .rdo_text, .reactive_div.list_type_2 .list_group li.colspan_2 .radio .chk_text, .reactive_div.list_type_2 .list_group li.colspan_2 .radio .rdo_text { padding-left: 8px; }
.reactive_div.list_type_2 .list_group_2 { width: 100%; }
.reactive_div.list_type_2 .list_group_2:after { content: ''; display: block; clear: both; }
.reactive_div.list_type_2 .list_group_2 li { float: left; width: 50%; padding: 8px; border-bottom: 1px solid #e0e0e0; }
.reactive_div.list_type_2 .list_group_2 li.bb_0 { border-bottom: 0; }
.reactive_div.list_type_2 .list_group_2 li label > .inner_list { display: table; width: 100%; }
.reactive_div.list_type_2 .list_group_2 li label > .inner_list dd { display: table-cell; width: 8.33333%; vertical-align: middle; padding-right: 8px; }
.reactive_div.list_type_2 .list_group_2 li label > .inner_list dd:last-of-type { padding-right: 0; }
.reactive_div.list_type_2 .list_group_2 li label > .inner_list dd input, .reactive_div.list_type_2 .list_group_2 li label > .inner_list dd select { width: 100%; }
.reactive_div.list_type_2 .list_group_2 li .sub_tt_1 { display: block; text-align: right; font-size: 13px; }
.reactive_div.list_type_2 .list_group_3 { width: 100%; }
.reactive_div.list_type_2 .list_group_3:after { content: ''; display: block; clear: both; }
.reactive_div.list_type_2 .list_group_3 li { float: left; width: 33.33333%; padding: 8px; border-bottom: 1px solid #e0e0e0; }
.reactive_div.list_type_2 .list_group_3 li.bb_0 { border-bottom: 0; }
.reactive_div.list_type_2 .list_group_3 li.col_12 { width: 100%; }
.reactive_div.list_type_2 .list_group_3 li label > .inner_list { display: table; width: 100%; }
.reactive_div.list_type_2 .list_group_3 li label > .inner_list dd { display: table-cell; width: 8.33333%; vertical-align: middle; padding-right: 8px; }
.reactive_div.list_type_2 .list_group_3 li label > .inner_list dd:last-of-type { padding-right: 0; }
.reactive_div.list_type_2 .list_group_3 li label > .inner_list dd input, .reactive_div.list_type_2 .list_group_3 li label > .inner_list dd select { width: 100%; }
.reactive_div.list_type_2 .list_group_3 li .sub_tt_1 { display: block; text-align: right; font-size: 13px; }
.reactive_div.list_type_3 { font-size: 0; }
.reactive_div.list_type_3 .type_block_1.bt_0, .reactive_div.list_type_3 .type_block_2.bt_0, .reactive_div.list_type_3 .type_block_3.bt_0 { border-top: 0; }
.reactive_div.list_type_3 .type_block_1.br_0, .reactive_div.list_type_3 .type_block_2.br_0, .reactive_div.list_type_3 .type_block_3.br_0 { border-right: 0; }
.reactive_div.list_type_3 .type_block_1.pd0, .reactive_div.list_type_3 .type_block_2.pd0, .reactive_div.list_type_3 .type_block_3.pd0 { padding: 0; }
.reactive_div.list_type_3 .type_block_1 .list_group li label, .reactive_div.list_type_3 .type_block_2 .list_group li label, .reactive_div.list_type_3 .type_block_3 .list_group li label { display: inline-block; vertical-align: middle; }
.reactive_div.list_type_3 .type_block_1 .list_group li .checkbox, .reactive_div.list_type_3 .type_block_1 .list_group li .radio, .reactive_div.list_type_3 .type_block_2 .list_group li .checkbox, .reactive_div.list_type_3 .type_block_2 .list_group li .radio, .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox, .reactive_div.list_type_3 .type_block_3 .list_group li .radio { height: 32px; line-height: 32px; }
.reactive_div.list_type_3 .type_block_1 .list_group li .checkbox label, .reactive_div.list_type_3 .type_block_1 .list_group li .radio label, .reactive_div.list_type_3 .type_block_2 .list_group li .checkbox label, .reactive_div.list_type_3 .type_block_2 .list_group li .radio label, .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox label, .reactive_div.list_type_3 .type_block_3 .list_group li .radio label { width: auto; text-align: left; }
.reactive_div.list_type_3 .type_block_1 .list_group li .checkbox .chk_img:before, .reactive_div.list_type_3 .type_block_1 .list_group li .checkbox .rdo_img:before, .reactive_div.list_type_3 .type_block_1 .list_group li .radio .chk_img:before, .reactive_div.list_type_3 .type_block_1 .list_group li .radio .rdo_img:before, .reactive_div.list_type_3 .type_block_2 .list_group li .checkbox .chk_img:before, .reactive_div.list_type_3 .type_block_2 .list_group li .checkbox .rdo_img:before, .reactive_div.list_type_3 .type_block_2 .list_group li .radio .chk_img:before, .reactive_div.list_type_3 .type_block_2 .list_group li .radio .rdo_img:before, .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox .chk_img:before, .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox .rdo_img:before, .reactive_div.list_type_3 .type_block_3 .list_group li .radio .chk_img:before, .reactive_div.list_type_3 .type_block_3 .list_group li .radio .rdo_img:before { top: 6.5px; }
.reactive_div.list_type_3 .type_block_1 .list_group li .checkbox .chk_text, .reactive_div.list_type_3 .type_block_1 .list_group li .checkbox .rdo_text, .reactive_div.list_type_3 .type_block_1 .list_group li .radio .chk_text, .reactive_div.list_type_3 .type_block_1 .list_group li .radio .rdo_text, .reactive_div.list_type_3 .type_block_2 .list_group li .checkbox .chk_text, .reactive_div.list_type_3 .type_block_2 .list_group li .checkbox .rdo_text, .reactive_div.list_type_3 .type_block_2 .list_group li .radio .chk_text, .reactive_div.list_type_3 .type_block_2 .list_group li .radio .rdo_text, .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox .chk_text, .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox .rdo_text, .reactive_div.list_type_3 .type_block_3 .list_group li .radio .chk_text, .reactive_div.list_type_3 .type_block_3 .list_group li .radio .rdo_text { padding-left: 8px; }
.reactive_div.list_type_3 .type_block_1 { display: inline-block; width: 100%; height: 100%; padding: 8px 0; vertical-align: top; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.reactive_div.list_type_3 .type_block_1 .inner_title_2 { padding-top: 8px; }
.reactive_div.list_type_3 .type_block_1 .form_title_1 { display: inline-block; margin-right: 4px; vertical-align: middle; font-size: 13px; color: #a3a3a4; }
.reactive_div.list_type_3 .type_block_1 .list_group li .inner_title_2 { display: inline-block; width: 120px; padding: 0; }
.reactive_div.list_type_3 .type_block_1 .list_group li .inner_title_2.d_block { display: block; padding-bottom: 8px; }
.reactive_div.list_type_3 .type_block_1 .list_group.horizon_1 li:after { content: ''; display: block; clear: both; }
.reactive_div.list_type_3 .type_block_1 .list_group.horizon_1 ul { float: left; width: 75%; }
.reactive_div.list_type_3 .type_block_1 .list_group.horizon_1 ul li { padding: 0 0 4px 0; border-bottom: 0; }
.reactive_div.list_type_3 .type_block_1 .list_group.horizon_1 ul li .horizon_1_title { display: inline-block; padding-right: 24px; vertical-align: middle; font-weight: 700; }
.reactive_div.list_type_3 .type_block_1 fieldset label h5, .reactive_div.list_type_3 .type_block_1 fieldset label div, .reactive_div.list_type_3 .type_block_1 fieldset label input, .reactive_div.list_type_3 .type_block_1 fieldset label select { display: inline-block; vertical-align: middle; }
.reactive_div.list_type_3 .type_block_2 { display: inline-block; width: 50%; height: 100%; vertical-align: top; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.reactive_div.list_type_3 .type_block_2.inline_1 { width: 100%; padding: 16px; border-right: 0; }
.reactive_div.list_type_3 .type_block_2.inline_1 .title { display: inline-block; width: 13.45%; padding-top: 0; vertical-align: middle; font-size: 13px; font-weight: 400; color: #a3a3a4; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_3 .type_block_2.inline_1 .title { width: 21.5%; } }
.reactive_div.list_type_3 .type_block_2.inline_1 .check_wrap { display: inline-block; width: 86.55%; vertical-align: middle; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_3 .type_block_2.inline_1 .check_wrap { width: 78.5%; } }
.reactive_div.list_type_3 .type_block_2.inline_2 { width: 50%; padding: 16px; }
.reactive_div.list_type_3 .type_block_2.inline_2:nth-of-type(1), .reactive_div.list_type_3 .type_block_2.inline_2:nth-of-type(2) { border-top: 0; }
.reactive_div.list_type_3 .type_block_2.inline_2:nth-of-type(even) { border-right: 0; }
.reactive_div.list_type_3 .type_block_2.inline_2 .title { display: inline-block; width: 27.5%; padding-top: 0; vertical-align: middle; font-size: 13px; font-weight: 400; color: #a3a3a4; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_3 .type_block_2.inline_2 .title { width: 45%; } }
.reactive_div.list_type_3 .type_block_2.inline_2 .check_wrap { display: inline-block; width: 72.5%; vertical-align: middle; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_3 .type_block_2.inline_2 .check_wrap { width: 55%; } }
.reactive_div.list_type_3 .type_block_3 { display: inline-block; width: 33.33333%; height: 100%; vertical-align: top; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_3 .type_block_3 { height: 167px; } }
@media all and (min-width: 1230px) and (max-width: 1578px) { .reactive_div.list_type_3 .type_block_3 { height: 137px; } }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_3 .type_block_3 .list_group li .checkbox, .reactive_div.list_type_3 .type_block_3 .list_group li .radio { width: 100%; margin-right: 0; } }
.reactive_div.list_type_4 { font-size: 0; }
.reactive_div.list_type_4 .type_full { display: inline-block; width: 100%; vertical-align: top; }
.reactive_div.list_type_4 .type_full:last-of-type .list_group { border-bottom: 0; }
.reactive_div.list_type_4 .type_full .list_group { border-bottom: 1px dotted #e0e0e0; }
.reactive_div.list_type_4 .type_full .list_group li { display: inline-block; border-bottom: 0; }
.reactive_div.list_type_4 .type_full .list_group li label { width: 100%; }
.reactive_div.list_type_4 .type_full .list_group li label .sub_tt_1 { width: 50%; padding-right: 8px; text-align: right; }
.reactive_div.list_type_4 .type_full .list_group li label input, .reactive_div.list_type_4 .type_full .list_group li label select { width: 50%; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_4 .type_full .list_group li.col_3 { width: 50%; } }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c { width: 50%; }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_4 .type_full .list_group li.col_6_c { width: 100%; } }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c .sub_tt_1 { width: 23.5%; }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c input, .reactive_div.list_type_4 .type_full .list_group li.col_6_c select { width: 76.5%; }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 { display: inline-block; width: 76.5%; vertical-align: middle; }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1:after { content: ''; display: block; clear: both; }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 input { float: left; width: 88.5%; margin-right: 2%; }
.reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 .btnM { float: left; width: 9.5%; }
@media all and (min-width: 0px) and (max-width: 1335px) { .reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 input { width: 86.5%; }
  .reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 .btnM { width: 11.5%; } }
@media all and (min-width: 0px) and (max-width: 1230px) { .reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 input { width: 90.5%; }
  .reactive_div.list_type_4 .type_full .list_group li.col_6_c .in_1 .btnM { width: 7.5%; } }

/* //////////////////////// 재사용 요소 모음 //////////////////////// */
/* popup */
.popup hr { margin: 40px 0; }
.popup .header_wrap { height: 40px; line-height: 39px; padding: 0 8px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 16px; text-align: center; background-color: #f48120; color: #fff; }
.popup .content_wrap { padding: 16px; background-color: #fff; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.popup .content_wrap.pd0 { padding: 0; }
.popup .table table, .popup .twin_table table { border-bottom: 1px solid #e0e0e0; }
.popup .table table.bl_0 tbody tr, .popup .twin_table table.bl_0 tbody tr { border-left: 0; }
.popup .table table tbody tr, .popup .twin_table table tbody tr { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.popup .table .pagination, .popup .twin_table .pagination { padding: 24px 0 8px 0; }
.popup .list_group li.pd0 { padding: 0; }
.popup .list_group li.pd8 { padding: 8px; }
.popup .list_group.list_type_1 { font-size: 0; }
.popup .list_group.list_type_1 li.colspan_1 label { display: block; }
.popup .list_group.list_type_1 li.colspan_1 label span { width: 25%; }
.popup .list_group.list_type_1 li.colspan_1 label input, .popup .list_group.list_type_1 li.colspan_1 label select { width: 75%; }
.popup .list_group.list_type_1 li.colspan_2 label { display: inline-block; }
.popup .list_group.list_type_1 li.colspan_2 label:last-of-type { text-align: right; }
.popup .list_group.list_type_2 { font-size: 0; }
.popup .list_group.list_type_2 li.colspan_1 label { display: block; }
.popup .list_group.list_type_2 li.colspan_1 label span { width: 16.66667%; }
.popup .list_group.list_type_2 li.colspan_1 label input, .popup .list_group.list_type_2 li.colspan_1 label select { width: 83.33333%; }
.popup .list_group.list_type_2 li.colspan_2 .list_title { display: inline-block; width: 16.66667%; }
.popup .list_group.list_type_2 li.colspan_2 label { display: inline-block; width: 41.66667%; }
.popup .list_group.list_type_2 li.colspan_2 label .sub_tt_1 { width: 25%; }
.popup .list_group.list_type_2 li.colspan_2 label input, .popup .list_group.list_type_2 li.colspan_2 label select { width: 66.66667%; }
.popup .list_group.list_type_2 li.colspan_2 label:last-of-type { text-align: right; }
.popup .list_group.list_type_2 li.colspan_2 label:last-of-type .sub_tt_1 { text-align: left; }
.popup .list_group.list_type_3 { display: table; border: 1px dashed #e0e0e0; font-size: 0; }
.popup .list_group.list_type_3 li { display: table-cell; width: 8.33333%; border: 0; }
.popup .list_group.list_type_3 li > .call_num, .popup .list_group.list_type_3 li > .call_time { color: #a3a3a4; }
.popup .list_group.list_type_3 li > .call_num span, .popup .list_group.list_type_3 li > .call_time span { padding-left: 8px; color: #f48120; }
.popup .list_group.list_type_3 li.col_3 { width: 25%; }
.popup .list_group.list_type_3 li.col_4 { width: 33.33333%; }
.popup .list_group.list_type_3 li.col_5 { width: 41.66667%; }
.popup .btn_wrap { padding: 8px 8px 16px 8px; text-align: center; }
.popup .btn_wrap.pd0 { padding: 0; }

/* //////////////////////// popup //////////////////////// */
/* web_wrap */
.web_wrap { position: relative; min-width: 1024px; min-height: 99.9%; /* 헤더 */ /* 컨텐츠 영역 */ /* 하단 푸터 영역 */ }
.web_wrap header, .web_wrap footer { position: absolute; left: 0; width: 100%; }
.web_wrap header { top: 0; z-index: 900; }
.web_wrap footer { bottom: 0; z-index: 100; }
.web_wrap .bg_set, .web_wrap .full_bg { position: absolute; left: 0; top: 0; width: 100%; }
.web_wrap .pattern, .web_wrap .full_bg .pattern_1 { width: 100%; height: 100%; }
.web_wrap .full_bg { height: 100%; background-color: #f9f9f9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#efefef)); background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef); background-image: -moz-linear-gradient(top, #f9f9f9, #efefef); background-image: -ms-linear-gradient(top, #f9f9f9, #efefef); background-image: -o-linear-gradient(top, #f9f9f9, #efefef); background-image: linear-gradient(to bottom, #f9f9f9, #efefef); }
.web_wrap .full_bg .pattern_1 { background-image: url("../img/pattern_1.png"); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
.web_wrap.gnb_fold .header_wrap .logo { width: 50px; }
.web_wrap.gnb_fold .header_wrap .logo .logo_txt { display: block; line-height: 12px; padding-top: 16px; font-size: 15px; overflow: hidden; }
.web_wrap.gnb_fold .header_wrap .logo .logo_txt strong { display: block; font-size: 0.84em; }
.web_wrap.gnb_fold .header_wrap .logo .logo_txt span { display: block; }
.web_wrap.gnb_fold .header_wrap .logo .logo_img { max-width: 80%; max-height: 100%; margin-top: 7px; }
.web_wrap.gnb_fold .header_wrap > .navbar { margin-left: 50px; }
.web_wrap.gnb_fold .header_wrap .sidebar_toggle.active .icon_wrap span { background-color: #f48120; }
.web_wrap.gnb_fold .content_wrap { padding-left: 50px; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap { width: 50px; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu { overflow: inherit; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .one_depth .nav_a_one { padding: 16px; text-align: center; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .one_depth .nav_a_one span, .web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .one_depth .nav_a_one .fa-angle-down { display: none; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .one_depth .nav_a_one.active { background-color: #f48120; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .one_depth .nav_a_one.active .fa { color: #fff; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth { position: relative; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two { padding: 16px; text-align: center; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two span, .web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two .fa-angle-down { display: none; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two:hover, .web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two.active { border-color: #727376; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two:hover .fa, .web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth .nav_a_two.active .fa { color: #fff; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .nav_a_two { width: 250px; text-align: left; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .nav_a_two .fa { color: #fff; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .nav_a_two .fa-bolt { margin-left: 1px; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .nav_a_two span { display: inline; margin-left: 24px; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .nav_a_two .fa-angle-down { display: inline; margin-top: 4px; margin-right: 0; -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .nav_a_two.only .fa-angle-down { -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .three_depth { display: block !important; border-left: 0; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .three_depth li { margin-left: 0; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .three_depth .nav_a_three { width: 200px; margin-left: 0; padding: 6px 24px 8px 16px !important; border-left: 2px solid #727376; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .three_depth .nav_a_three:hover, .web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .three_depth .nav_a_three.active { border-left: 2px solid #f48120; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .two_depth li:hover .three_depth .nav_a_three .fa-angle-down { margin-right: 0; }
.web_wrap.gnb_fold .content_wrap .gnb_wrap .sidebar .sidebar_menu .three_depth { display: none !important; position: absolute; left: 50px; }
.web_wrap.gnb_fold .footer_wrap { padding-left: 50px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .login_wrap .login_card { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; background-color: #fff; font-family: "Nanum Barun Gothic", NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.web_wrap .login_wrap .login_form, .web_wrap .login_wrap .login_btn { text-align: center; }
.web_wrap .login_wrap .form_group { position: relative; display: block; }
.web_wrap .login_wrap .form_group.login .fa { position: absolute; left: 12px; top: 32%; font-size: 15px; }
.web_wrap .login_wrap .form_group.login input { padding: 0 16px 0 32px; }
.web_wrap .login_wrap .form_group.login input:focus + .fa { color: #f48120; }
.web_wrap .header_wrap { width: 100%; height: 56px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .header_wrap:after { content: ''; display: block; clear: both; }
.web_wrap .header_wrap > .navbar { height: 56px; margin-left: 260px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #fff; border-bottom: 1px solid #e0e0e0; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .header_wrap .logo { float: left; display: block; width: 260px; height: 56px; line-height: 56px; font-size: 0; text-align: center; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .header_wrap .logo .logo_img { max-width: 130px; max-height: 48px; margin: 0 auto; }
.web_wrap .header_wrap .logo .logo_txt { font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 18px; }
.web_wrap .header_wrap .sidebar_toggle { float: left; width: 56px; height: 56px; line-height: 56px; text-align: center; background-color: #fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.web_wrap .header_wrap .sidebar_toggle .icon_wrap { width: 16px; height: 14px; margin: 20.5px auto; }
.web_wrap .header_wrap .sidebar_toggle .icon_wrap span { display: block; width: 16px; height: 2px; margin-bottom: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #bbbcbd; }
.web_wrap .header_wrap .sidebar_toggle .icon_wrap span:last-child { margin-bottom: 0; }
.web_wrap .header_wrap .sidebar_toggle:hover .icon_wrap span:nth-child(1) { margin-left: -5px; margin-bottom: 2px; width: 13px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.web_wrap .header_wrap .sidebar_toggle:hover .icon_wrap span:nth-child(2) { margin-left: -1px; width: 20px; -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.web_wrap .header_wrap .sidebar_toggle:hover .icon_wrap span:nth-child(3) { margin-left: -5px; margin-top: -2px; width: 13px; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.web_wrap .header_wrap .sidebar_toggle.active .icon_wrap { height: auto; margin: 26.5px auto; }
.web_wrap .header_wrap .sidebar_toggle.active .icon_wrap span:nth-child(1) { margin-left: -2px; margin-bottom: 0; width: 20px; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.web_wrap .header_wrap .sidebar_toggle.active .icon_wrap span:nth-child(2) { display: none; }
.web_wrap .header_wrap .sidebar_toggle.active .icon_wrap span:nth-child(3) { margin-left: -2px; margin-top: -2px; width: 20px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.web_wrap .header_wrap .custom_top_nav { height: 56px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .header_wrap .custom_top_nav:after { content: ''; display: block; clear: both; }
.web_wrap .header_wrap .custom_top_nav .right_nav { float: right; margin-top: 12.5px; margin-right: 16px; }
.web_wrap .header_wrap .custom_top_nav .right_nav li { display: inline-block; padding-right: 4px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; }
.web_wrap .header_wrap .custom_top_nav .right_nav li .btnS { line-height: 25px; }
.web_wrap .header_wrap .custom_top_nav .welcome_text { font-size: 13px; color: #626366; }
.web_wrap .gnb_wrap { position: absolute; left: 0; top: 0; bottom: -1px; width: 260px; min-height: 100%; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; z-index: 800; background-color: #626366; }
.web_wrap .gnb_wrap .small_title { display: block; padding: 8px 16px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 11px; font-weight: 600; color: #a3a3a4; border-bottom: 1px solid #4d4e50; }
.web_wrap .sidebar { padding-top: 56px; }
.web_wrap .sidebar_menu { margin: 0; padding: 0; white-space: nowrap; overflow: hidden; }
.web_wrap .sidebar_menu > li { position: relative; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; }
.web_wrap .sidebar_menu > li a { position: relative; display: block; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .sidebar_menu > li a .fa { margin-right: 8px; color: #bbbcbd; }
.web_wrap .nav_tree { background-color: #727376; }
.web_wrap .nav_tree a { padding: 11px 24px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; }
.web_wrap .nav_tree.two_depth { display: none; background-color: #727376; }
.web_wrap .nav_tree.three_depth { display: none; border-left: 2px solid #38383a; }
.web_wrap .nav_tree.three_depth:first-of-type { padding-top: 8px; }
.web_wrap .nav_tree.three_depth:last-of-type { padding-bottom: 8px; }
.web_wrap .nav_a_one { font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 14px; background-color: #626366; color: #bbbcbd; }
.web_wrap .nav_a_one .fa-angle-down { position: absolute; right: 16px; top: 16px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_one:hover, .web_wrap .nav_a_one.active { background-color: #38383a; color: #fff; }
.web_wrap .nav_a_one:hover .fa-angle-down { margin-top: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_one.active .fa-angle-down { margin-top: 0; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.web_wrap .nav_a_one.only .fa-angle-down { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.web_wrap .nav_a_one.only:hover .fa-angle-down { margin-top: 0; margin-right: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_one.only.active .fa-angle-down { margin-right: 8px; }
.web_wrap .nav_a_two { font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 14px; background-color: #4d4e50; border-left: 2px solid #4d4e50; color: #bbbcbd; }
.web_wrap .nav_a_two .fa-angle-down { position: absolute; right: 16px; top: 16px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_two:hover, .web_wrap .nav_a_two.active { border-left: 2px solid #f48120; color: #fff; }
.web_wrap .nav_a_two:hover { background-color: #7e7f82; }
.web_wrap .nav_a_two:hover .fa-angle-down { margin-top: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_two.active { display: block; background-color: #727376; }
.web_wrap .nav_a_two.active .fa-angle-down { margin-top: 0; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.web_wrap .nav_a_two.only .fa-angle-down { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.web_wrap .nav_a_two.only:hover .fa-angle-down { margin-top: 0; margin-right: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_two.only.active .fa-angle-down { margin-right: 8px; }
.web_wrap .nav_a_three { margin-left: -2px; padding: 6px 24px 8px 48px !important; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; background-color: #727376; border-left: 2px solid #38383a; color: #bbbcbd; }
.web_wrap .nav_a_three:hover, .web_wrap .nav_a_three.active { background-color: #7e7f82; border-color: #f48120; color: #fff; }
.web_wrap .nav_a_three:hover .fa-angle-down { margin-right: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .nav_a_three .fa-circle-o { display: block; float: left; margin-top: 5px; margin-right: 8px; font-size: 9px; }
.web_wrap .nav_a_three .fa-angle-down { position: absolute; top: 10px; right: 16px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.web_wrap .content_wrap { height: 100%; min-height: 680px; padding-top: 56px; padding-left: 260px; padding-bottom: 50px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 13px; word-break: break-all; z-index: 100; }
.web_wrap .content_header { position: relative; padding: 40px 32px 16px 32px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; background-color: #fff; border-bottom: 1px solid #e0e0e0; }
.web_wrap .content_header .con_title { font-weight: 700; color: #626366; }
.web_wrap .content_header .content_nav { position: absolute; right: 32px; top: 48px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 13px; }
.web_wrap .content_header .content_nav span.menu { cursor: default; color: #626366; }
.web_wrap .content_header .content_nav a.menu { cursor: pointer; color: #626366; }
.web_wrap .content_header .content_nav a.menu:hover { color: #f48120; }
.web_wrap .content_header .content_nav .fa-angle-right { padding: 0 8px; color: #bbbcbd; }
.web_wrap .sub_menu_wrap { padding: 0 32px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; background-color: #fff; border-bottom: 1px solid #e0e0e0; -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15); }
.web_wrap .sub_menu_wrap .sub_menu:after { content: ''; display: block; clear: both; }
.web_wrap .sub_menu_wrap .sub_menu li { float: left; width: 120px; min-width: 100px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.web_wrap .sub_menu_wrap .sub_menu li a { display: block; line-height: 16px; padding: 12px 8px; text-align: center; font-size: 14px; border-bottom: 3px solid #fff; color: #a3a3a4; }
.web_wrap .sub_menu_wrap .sub_menu li a.active, .web_wrap .sub_menu_wrap .sub_menu li a:hover { border-bottom: 3px solid #f48120; color: #626366; }
@media all and (min-width: 0px) and (max-width: 1230px) { .web_wrap .sub_menu_wrap .sub_menu.menu_size_2 li { width: 100px; } }
.web_wrap .sub_menu_wrap .sub_menu.menu_size_3 li { width: 170px; }
.web_wrap .content_view { padding: 24px; word-break: break-all; font-family: "Nanum Barun Gothic", NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; }
.web_wrap .footer_wrap { height: 50px; padding-left: 260px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; background-color: #fff; border-top: 1px solid #e0e0e0; }
.web_wrap .footer_inner { padding: 16px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; font-size: 12px; color: #626366; }

/* //////////////////////// web_wrap //////////////////////// */
/* Element Table CSS Only */
/* Color */
.color_box ul { display: table; width: 100%; }
.color_box ul li { display: table-cell; width: 8.33333%; padding: 16px; font-family: "Noto Sans KR", Nanum Barun Gothic, NanumGothic, malgun gothic, dotum, sans-serif; letter-spacing: -0.5px; text-align: center; }
.color_box .org { background-color: #f48120; border: 1px solid #f48120; color: #fff; }
.color_box .lightOrg1 { background-color: #fff9f4; border: 1px solid #e0e0e0; color: #f48120; }
.color_box .gray { background-color: #626366; border: 1px solid #626366; color: #fff; }
.color_box .darkGray1 { background-color: #38383a; border: 1px solid #38383a; color: #fff; }
.color_box .darkGray2 { background-color: #4d4e50; border: 1px solid #4d4e50; color: #fff; }
.color_box .lightGray1 { background-color: #727376; border: 1px solid #727376; color: #fff; }
.color_box .lightGray2 { background-color: #7e7f82; border: 1px solid #7e7f82; color: #fff; }
.color_box .lightGray3 { background-color: #a3a3a4; border: 1px solid #a3a3a4; color: #fff; }
.color_box .lightGray4 { background-color: #bbbcbd; border: 1px solid #bbbcbd; color: #fff; }
.color_box .green { background-color: #5b8b42; border: 1px solid #5b8b42; color: #fff; }
.color_box .blue { background-color: #486db5; border: 1px solid #486db5; color: #fff; }

.testTheme { display: inline-block; width: 50%; height: 56px; line-height: 56px; padding-left: 16px; text-align: center; }