@charset "utf-8"; html,
body { min-height: 100%; height: 100%; } 

/**************************************************
COMPONENT
 - COMMON
 - GRID
 - TITLE
 - BREADCRUMB
 - SEARCH FILED
 - FORM
 - ICON
 - BUTTON
 - TABLE
 - POPUP
 - ERROR
 - LOADING
***************************************************/


/* COMMON */
.w10 { width: 10px !important; } 
.w20 { width: 20px !important; } 
.w30 { width: 30px !important; } 
.w40 { width: 40px !important; } 
.w50 { width: 50px !important; } 
.w60 { width: 60px !important; } 
.w70 { width: 70px !important; } 
.w80 { width: 80px !important; } 
.w90 { width: 90px !important; } 
.w100 { width: 100px !important; } 
.w110 { width: 110px !important; } 
.w120 { width: 120px !important; } 
.w200 { width: 200px !important; } 
.wp5 { width: 5% !important; } 
.wp10 { width: 10% !important; } 
.wp15 { width: 15% !important; } 
.wp16 { width: 16.66% !important; } 
.wp20 { width: 20% !important; } 
.wp25 { width: 25% !important; } 
.wp30 { width: 30% !important; } 
.wp35 { width: 35% !important; } 
.wp33 { width: 33.33% !important; } 
.wp40 { width: 40% !important; } 
.wp45 { width: 45% !important; } 
.wp48 { width: 48% !important; }
.wp48 { width: 49% !important; }
.wp50 { width: 50% !important; } 
.wp55 { width: 55% !important; } 
.wp60 { width: 60% !important; } 
.wp65 { width: 65% !important; } 
.wp66 { width: 66.66% !important; } 
.wp70 { width: 70% !important; } 
.wp75 { width: 75% !important; } 
.wp80 { width: 80% !important; } 
.wp85 { width: 85% !important; } 
.wp90 { width: 90% !important; } 
.wp95 { width: 95% !important; } 
.wp98 { width: 98% !important; } 
.wp100 { width: 100% !important; } 

.mwp100 { max-width: 100% !important; } 

.m_t0 { margin-top: 0 !important; } 
.m_t5 { margin-top: 5px !important; } 
.m_t10 { margin-top: 10px !important; } 
.m_t15 { margin-top: 15px !important; } 
.m_t20 { margin-top: 20px !important; } 
.m_t25 { margin-top: 25px !important; } 
.m_t30 { margin-top: 30px !important; } 
.m_t35 { margin-top: 35px !important; } 
.m_t40 { margin-top: 40px !important; } 
.m_t45 { margin-top: 45px !important; } 
.m_t50 { margin-top: 50px !important; } 
.m_t55 { margin-top: 55px !important; } 
.m_t60 { margin-top: 60px !important; } 
.m_t66 { margin-top: 65px !important; } 
.m_t70 { margin-top: 70px !important; } 
.m_t75 { margin-top: 75px !important; } 
.m_t80 { margin-top: 80px !important; } 
.m_t85 { margin-top: 85px !important; } 
.m_t90 { margin-top: 90px !important; } 
.m_t95 { margin-top: 95px !important; } 
.m_t100 { margin-top: 100px !important; } 

.m_b0 { margin-bottom: 0 !important; } 
.m_b5 { margin-bottom: 5px !important; } 
.m_b10 { margin-bottom: 10px !important; } 
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b30 { margin-bottom: 30px !important; }

.m_l5 { margin-left: 5px; } 
.m_l10 {margin-left: 10px;}

.p_0 { padding:0 !important; } 

.bl_none { border-left: 0 !important; } 

.t_left { text-align: left !important; } 
.t_center { text-align: center !important; } 
.t_right { text-align: right !important; } 

.ellipsis { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } 
.req { color: #E61938; font-size: 14px; font-weight: 500; line-height: 16px; } 
.total { display: inline-block; position: relative; color: #666; font-size: 13px; line-height: 16px; } 
.total em { margin-left: 5px; color: #01A89E; font-weight: 600; } 
.total + .total { margin-left: 8px; padding-left: 8px; } 
.total + .total::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; background-color: #d4dde3; } 
.total_list { display: flex; flex-wrap: wrap; } 
.total_list li { display: flex; align-items: center; position: relative; margin-right: 16px; padding-left: 10px; } 
.total_list li:last-child { margin-right: 0; } 
.total_list li:before { content: ""; position: absolute; top: 9px; left: 1px; width: 4px; height: 4px; border-radius: 50%; background-color: #666; } 
.total_list li span { color: #666; font-size: 14px; font-weight: 500; line-height: 22px; } 
.total_list li em { margin-left: 8px; color: #053273; font-size: 14px; font-weight: 600; line-height: 22px; } 

.status_area { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-top: 15px; padding: 18px 28px; border: 2px solid #5273A2; border-radius: 10px; gap: 15px 0; } 
.status_area li { display: flex; align-items: center; position: relative; width: calc(100% / 8); } 
.status_area li .label { position: relative; padding-left: 10px; color: #053273; font-size: 14px; font-weight: 600; line-height: 17px; } 
.status_area li .label::before { content: ""; position: absolute; top: 6px; left: 1px; width: 4px; height: 4px; border-radius: 50%; background-color: #053273; } 
.status_area li .num { display: flex; align-items: center; margin-left: 12px; color: #6A7586; font-size: 14px; line-height: 17px; } 
.status_area li .num em { color: #01A79D; font-size: 14px; font-weight: 700; line-height: 17px; } 

.status { display: inline-block; min-width: 80px; padding: 0 15px; border-radius: 100px; color: #f57828; font-size: 14px; font-weight: 400; text-align: center; line-height: 29px; background-color: rgba(245, 120, 40, 0.1); } 
.status.able { color: #0072BB; background-color: rgba(0, 114, 187, 0.1); } 
.status.confirm { color: #DF1433; background-color: rgba(223, 20, 51, 0.1); } 

.btm_msg { margin-top: 10px; color: #444; font-size: 14px; line-height: 18px; } 
.btm_msg + .btm_msg { margin-top: 4px; } 
.btm_msg.accent { color: #DF1433; } 
.btm_msg strong { font-weight: 500; text-decoration: underline; } 

.txt_box { min-height: 186px; } 

.info_box { padding: 16px 18px 16px 52px; border-radius: 12px; background-color: #F4F6F9; background-image: url('../images/common/ico_info.svg'); background-repeat: no-repeat; background-position: left 18px top 50%; } 
.info_box .txt { color: #444; font-size: 13px; line-height: 16px; } 
.info_box .txt + .txt { margin-top: 4px; } 
.info_box .txt strong { color: #000; font-weight: 600; } 
.info_box .txt em { font-weight: 500; } 
.info_box .txt em.st1 { color: #F57828; } 
.info_box .txt em.st2 { color: #DF1433; } 
.info_box + .tbl_style01 { margin-top: 20px; } 
.info_box + .sub_tit_area { margin-top: 20px; } 

.info_box.danger { background-image: url('../images/common/ico_danger.svg'); } 
.info_box .txt_list { display: flex; align-items: center; margin-top: 4px; gap: 4px 12px; } 
.info_box .txt_list.ty2 { display: block; margin-top: 0; } 
.info_box .txt_list li { position: relative; padding-left: 10px; color: #444; font-size: 13px; line-height: 16px; } 
.info_box .txt_list li::before { content: ""; position: absolute; top: 50%; left: 1.5px; width: 3px; height: 3px; border-radius: 50%; background-color: #444; transform: translateY(-50%); } 

/* FILE */
.file_list { display: flex; flex-wrap: wrap; max-width: 100%; gap: 5px; } 
.file_list .file_item { display: flex; justify-content: space-between; align-items: center; max-width: 100%; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; transition: all .3s; word-break: keep-all; word-wrap: break-word; } 
.file_list .file_item .file_name { display: inline-block; flex: 1; overflow: hidden; max-width: 250px; padding: 0px 5px 0 10px; color: #777; font-size: 13px; white-space: nowrap; line-height: 26px; word-break: break-all; text-overflow: ellipsis; cursor: pointer; } 
.file_list .file_item .file_name em { float: right; } 

.file_list .file_item .btn_del { width: 12px; height: 12px; margin-right: 10px; text-indent: -9999px; background-image: url('../images/common/btn_del.svg'); background-repeat: no-repeat; background-size: 100% auto; } 

.file_list_box { position: relative; max-width: 100%; min-height: 38px; padding:4px 5px; border: 1px dashed #BAC3D6; border-radius: 5px; background-color: #F1F3F9; } 
.file_list_box .file_msg { padding-left: 7px; color: #888; font-size: 14px; line-height: 28px; } 
.file_list_box .file_msg strong { color: #123883; font-weight: 500; } 



.file_list_box + .btn { line-height: 36px; } 

.no_file { display: inline-block; padding-left: 22px; vertical-align: top; color: #444; font-size: 14px; font-weight: 400; background: url('../images/common/ico_nofile.svg') no-repeat left center; line-height: 18px; } 

/*******************************/
/* Grid */
/*******************************/
.row .col { display:flex; flex-wrap:wrap; align-items:center; } 

.row .col.align_start { align-items: start; } 
.row.gutter2 > .col { margin:0 -2px; } 
.row.gutter2 > .col > li { padding:0 2px; } 
.row.gutter2_5 > .col { margin:0 -2.5px; } 
.row.gutter2_5 > .col > li { padding:0 2.5px; } 


.row.gutter3 > .col { margin:0 -3px; } 
.row.gutter3 > .col > li { padding:0 3px; } 
.row.gutter4 > .col { margin:0 -4px; } 
.row.gutter4 > .col > li { padding:0 4px; } 
.row.gutter5 > .col { margin:0 -5px; } 
.row.gutter5 > .col > li { padding:0 5px; } 
.row.gutter8 > .col { margin:0 -8px; } 
.row.gutter8 > .col > li { padding:0 8px; } 
.row.gutter10 > .col { margin:0 -5px; } 
.row.gutter10 > .col > li { padding:0 5px; } 
.row.gutter12 > .col { margin:0 -6px; } 
.row.gutter12 > .col > li { padding:0 6px; } 
.row.gutter15 > .col { margin:0 -7.5px; } 
.row.gutter15 > .col > li { padding:0 7.5px; } 
.row.gutter18 > .col { margin:0 -9px; } 
.row.gutter18 > .col > li { padding:0 9px; } 
.row.gutter20 > .col { margin:0 -10px; } 
.row.gutter20 > .col > li { padding:0 10px; } 
.row.gutter24 > .col { margin:0 -12px; } 
.row.gutter24 > .col > li { padding:0 12px; } 
.row.gutter25 > .col { margin:0 -12.5px; } 
.row.gutter25 > .col > li { padding:0 12.5px; } 
.row.gutter30 > .col { margin:0 -15px; } 
.row.gutter30 > .col > li { padding:0 15px; } 
.row.gutter35 > .col { margin:0 -17.5px; } 
.row.gutter35 > .col > li { padding:0 17.5px; } 
.row.gutter35 > .col { margin:0 -17.5px; } 
.row.gutter35 > .col > li { padding:0 17.5px; } 
.row.gutter40 > .col { margin:0 -20px; } 
.row.gutter40 > .col > li { padding:0 20px; } 
.row.gutter44 > .col { margin:0 -22px; } 
.row.gutter44 > .col > li { padding:0 22px; } 
.row.gutter40 > .col { margin:0 -20px; } 
.row.gutter40 > .col > li { padding:0 20px; } 

.row.gutter50 > .col { margin:0 -25px; } 
.row.gutter50 > .col > li { padding:0 25px; } 

.row.gutter60 > .col { margin:0 -30px; } 
.row.gutter60 > .col > li { padding:0 30px; } 

.row.gutter64 > .col { margin:0 -32px; } 
.row.gutter64 > .col > li { padding:0 32px; } 

.row.gutter80 > .col { margin:0 -40px; } 
.row.gutter80 > .col > li { padding:0 40px; } 
.w_auto { flex: 1; } 

.col_12 { width:100% } 
.col_11 { width:91.66666667% } 
.col_10 { width:83.33333333% } 
.col_9 { width:75% } 
.col_8 { width:66.66666667% } 
.col_7 { width:58.33333333% } 
.col_6 { width:50% } 
.col_5 { width:41.66666667% } 
.col_4 { width:33.33333333% } 
.col_3 { width:25% } 
.col_2 { width:16.66666667% } 
.col_1 { width:8.33333333% } 

/* mCutomScrollBar */
.mCSB_scrollTools { width: 4px; border-radius: 4px; } 
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: -10px; margin: 8px 0; } 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; } 
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
/* .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 64px !important; } */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:#ebebeb; } 

/* TITLE */
.tit_area { display: flex; justify-content: space-between; align-items: center; min-height: 29px; margin: 0px 0 12px; } 
.tit_area .tit { color: #000; font-size: 24px; font-weight: 700; line-height: 29px; } 
.tit_area .left { display: flex; align-items: center; } 
.sub_tit_area { display: flex; justify-content: space-between; align-items: center; min-height: 32px; margin: 20px 0 8px; } 
.sub_tit_area .left { display: flex; align-items: center; } 
.sub_tit_area .right { display: flex; align-items: center; } 
.sub_tit_area .tit { position: relative; padding-left: 9px; color: #000; font-size: 18px; font-weight: 600; line-height: 21px; } 
.sub_tit_area .tit::before { content: ""; position: absolute; top: 2.5px; left: 0; width: 3px; height: 16px; background-color: #0072BB; } 

.sub_desc { color: #0072bb; font-size: 14px; font-weight: 500; line-height: 18px; } 

/* BREADCRUMB */
.location { display: flex; align-items: center; font-size: 0; } 
.location li { position:relative; } 
.location li + li { margin-left: 4px; padding-left: 16px; } 
.location li::before { content:""; position:absolute; top: 50%; left: 0px; width: 12px; height: 12px; margin-top: -6px; background: url('../images/common/ico_location_arr.svg') no-repeat 50%; } 
.location li a { display:inline-block; color: #666; font-size: 14px; font-weight: 400; text-align: center; line-height: 17px; } 
.location li a:hover { color:#222; } 
.location li.home { padding-left: 0px; } 
.location li.home::before { display: none; } 
.location li.home a { width: 14px; height: 15px; text-indent: -9999px; background: url('../images/common/ico_location_home.svg') no-repeat left center; } 
.location li.home a:hover { background: url('../images/common/ico_location_home_h.svg') no-repeat left center; } 
.location li strong { color:#053273; font-size:14px; font-weight: 600; line-height: 17px; } 

/* SEARCH FILED */
.search_area { display: flex; position: relative; padding: 16px 23px 16px 14px; border: 2px solid #D4DDE9; border-radius: 0px 0px 20px 20px; background-color: #FFF; } 
.search_area::before { content: ""; position: absolute; top: -2px; right: -2px; left: -2px; height: 2px; background-color: #5273A2; } 
.search_area .search_list_area { display: flex; flex: 1; flex-wrap: wrap; position: relative; margin: -4px 0; } 

.search_area .search_list_area > li { width: 370px; padding: 4px 9px; } 
.search_area .search_list_area > li.col2 { width: 740px; } 
.search_area .search_list_area > li.auto { width: auto; } 
.search_area .search_list_area > li > dl { display: flex; align-items: flex-start; } 
.search_area .search_list_area > li > dl > dt { display: flex; align-items: center; min-height: 32px; width: 94px; text-align: left; } 
.search_area .search_list_area > li > dl > dt .label { display: block; color: #053273; font-size: 14px; font-weight: 500; line-height: 16px; } 
.search_area .search_list_area > li > dl > dd { width: calc(100% - 94px); padding-left: 8px; } 
.search_area .search_list_area > li > dl > dd .cont { display: flex; align-items: center; min-height: 32px; gap: 0 8px; } 
.search_area .search_btn_area { display: flex; justify-content: end; align-items: center; width: 93px; border-left: 1px solid #eee; } 

.search_area .form_search { width: 100%; } 

.search_area .btn_search_toggle { position: absolute; bottom: -22px; left: 50%; width: 62px; height: 22px; margin-left: -31px; border-radius: 0 0 8px 8px; text-indent: -9999px; background: #A5B6CE url('../images/common/ico_search_arrow.svg') no-repeat center; transition: all .3s; } 
.search_area .btn_search_toggle:hover { background-color: #748399; } 
.search_area.on .btn_search_toggle { background-image: url('../images/common/ico_search_arrow_on.svg'); } 

.search_area:has(.btn_search_toggle) + * { margin-top: 20px; }
.search_area:has(.btn_search_toggle) + .status_area { margin-top: 25px; }

/* FORM */
.form_wrap { display: flex; align-items: center; gap: 0 5px; } 
.form_control { width: 250px; height: 32px; padding: 0 10px; border: 1px solid #D4DDE3; border-radius: 4px; color: #000; font-size: 14px; font-weight: 400; background-color: #fff; transition: all .3s; } 


select.form_control { padding: 0 30px 0 10px; background: #fff url('../images/common/ico_select_arr.svg') no-repeat right 10px center; -webkit-appearance:none; -moz-appearance:none; appearance:none; } 
textarea.form_control { display: block; width: 100%; height: auto; padding: 8px 10px; } 




.form_control:focus { border-color: #053273; } 

.form_control::placeholder,
.form_control::-webkit-input-placeholder,
.form_control::-moz-placeholder,
.form_control:-ms-input-placeholder { color: #aaa; font-size: 14px; } 
.form_control::-ms-clear { display: none; } 
.form_control::-ms-expand { display:none; } 

.form_control:disabled,
.form_control:read-only:not(select) { border-color: #D4DDE3; color: #aaa; background-color: #F7F7F7; pointer-events: none; } 
/* select.form_control:disabled { background-image: url('../images/common/ico_select_arr_dis.svg'); } */

.form_control.year { width: 120px; } 

textarea.form_control:disabled,
textarea.form_control:read-only { pointer-events: auto; } 


.form_search { display: inline-block; position: relative; } 
.form_search .form_control { padding-right: 30px; } 
.form_search .btn_search { position: absolute; top: 8px; right: 10px; width: 16px; height: 16px; text-indent: -9999px; cursor: pointer; } 
.form_search .btn_search .ico { display: block; } 
.form_search .btn_search:disabled { pointer-events: none; } 
.form_search .btn_search:hover .ico.search_type2 { background-image: url('../images/common/ico_form_search_h.svg'); } 

.form_selec_inp { display: flex; } 
.form_selec_inp .form_select,
.form_selec_inp select.form_control { width: 96px; } 
.form_selec_inp input.form_control { width: 151px; margin-left: 4px; } 

.form_validation { position: relative; } 
.form_control.validation_error,
.form_select.validation_error .current,
.form_select.select_label.validation_error .current { border-color: #E61938 } 
.validation_text { margin-top: 2px; color: #E61938; font-size: 13px; font-weight: 400; text-align: left; line-height: 16px; } 


.form_autosize { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } 
.form_autosize + .form_autosize { margin-top: 5px; } 
.form_autosize .autosize { flex: 1; height: 70px; overflow-y: auto; width: auto; }

.tbl_msg { display: inline-block; margin-left: 4px; color: #444; font-size: 14px; line-height: 18px; } 
.tbl_msg.ty2 { color: #0072BB; } 
.tbl_msg strong { font-weight: 500; } 
.info_msg { margin-left: 4px; color: #df1433; font-size: 14px; line-height: 18px; } 

/* datepicker */
.form_datepicker { display: flex; justify-content: space-between; align-items: center; position: relative; } 
.form_datepicker .datepicker { padding: 0 30px 0 10px; background-image: url('../images/common/ico_datepicker.svg'); background-size: 16px auto; background-position: right 10px center; background-repeat: no-repeat; cursor: pointer; } 
.form_datepicker .datepicker:hover,
.form_datepicker .datepicker:focus { background-image: url('../images/common/ico_datepicker_h.svg'); } 
.form_datepicker_range { display: inline-flex; align-items: center; } 
.form_datepicker_range .form_control,
.form_datepicker_range .form_select { width: 120px; } 
.form_datepicker_range em { width: 10px; font-size: 14px; text-align: center; } 

/* jquery-ui datepicker */
.ui-datepicker { width:240px; margin-top: 9px; padding: 0; background-color:#fff; z-index: 1000 !important; font-family: 'Pretendard', 'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif; } 
.ui-datepicker.ui-widget-content { padding: 8px 11px; border: 0; border-radius: 4px; background:#fff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15); } 
.ui-datepicker .ui-datepicker-title { display: flex; justify-content: space-between; margin: 0 46px; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-weight: 400; text-align: center; line-height: 22px; letter-spacing: -0.05em; } 
.ui-datepicker .ui-datepicker-header { margin: 0 -11px; padding: 0; padding-bottom: 6px; border: none; border-bottom: 1px solid #f0f0f0; background: 0 0; } 
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: auto; height: 22px; margin: 0; padding-right: 24px; border:0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-weight: 400; text-align: center; background: url('../images/common/ico_datepicker_select_arrow.svg') no-repeat right 50%; line-height: 22px; letter-spacing: -0.05em; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; background-size: 22px auto; } 
.ui-datepicker select.ui-datepicker-month:hover,
.ui-datepicker select.ui-datepicker-year:hover { background: url('../images/common/ico_datepicker_select_arrow_h.svg') no-repeat right 50%; background-size: 22px auto; } 


.ui-datepicker select.ui-datepicker-month::-ms-expand,
.ui-datepicker select.ui-datepicker-year::-ms-expand { display: none; } 
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { top: 0px; width: 22px; height: 22px; border:0; border-radius:10px; cursor: pointer; transition: all .3s; } 
.ui-datepicker .ui-datepicker-prev { left: 11px; } 
.ui-datepicker .ui-datepicker-prev-hover { left: 11px; } 
.ui-datepicker .ui-datepicker-next { right: 11px; } 
.ui-datepicker .ui-datepicker-next-hover { right: 11px; } 
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { top: 0; left: 0; width: 22px; height: 22px; margin-top: 0; margin-left: 0; border-radius: 4px; background-repeat: no-repeat; background-color: transparent; background-size: 12px auto; background-position: 50%; background-color: #fff; } 
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span { background-image: url('../images/common/btn_datepicker_next.svg'); } 
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { background-image: url('../images/common/btn_datepicker_prev.svg'); } 
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover.ui-datepicker-next span, 
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover.ui-datepicker-prev span { background-color: #fff; } 
.ui-datepicker .ui-datepicker-prev span:after,
.ui-datepicker .ui-datepicker-next span:after { display: none; } 
.ui-datepicker table { margin: 8px 0 0 0; } 
.ui-datepicker th { height: 30px; padding: 0; color: #222; font-weight: 400; background-color: #fff; } 
.ui-datepicker td { padding: 0; } 
.ui-datepicker-calendar thead tr th { color:rgba(0, 0, 0, 0.85); font-size:13px; font-weight:600; background-color:#fff; } 
.ui-datepicker-calendar .ui-state-default { border: 1px solid #fff; color: #454545; text-align: center; background: 0 0; line-height: 21px; transition:all .3s; } 
.ui-datepicker-calendar .ui-state-default:hover { border-radius: 4px; color: #0072BB; background: rgba(0, 114, 187, 0.1); } 
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color: #E61938; } 
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color: #4067F1; } 
.ui-datepicker-trigger { display: none; } 
.ui-datepicker-calendar .ui-state-default, 
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
table.ui-datepicker-calendar .ui-widget-header .ui-state-default { width: 30px; height: 30px; padding: 3px; color: #222222; font-size: 14px; font-weight:400; text-align: center; text-indent: -0.5px; font-family: 'Pretendard'; background-color: #fff; line-height: 24px; letter-spacing: -0.05em; outline: none; } 
.ui-datepicker-calendar .ui-state-default.ui-state-active { border-radius: 4px; color:#fff !important; background: #0072BB; } 

/* monthpicker */
.form_datepicker .monthpicker { width: 120px; padding: 0 28px 0 10px; background-image: url('../images/common/ico_datepicker.svg'); background-size: 16px auto; background-position: right 10px center; background-repeat: no-repeat; cursor: pointer; } 
.form_datepicker .monthpicker:hover,
.form_datepicker .monthpicker:focus { background-image: url('../images/common/ico_datepicker_h.svg'); } 
.form_datepicker .monthpicker:read-only { background-image: url('../images/common/ico_datepicker_dis.svg') } 
.ui-monthpicker .ui-datepicker-calendar td { text-align: center; } 
.ui-monthpicker .ui-datepicker-calendar td .ui-state-default { display: block; width: 100%; line-height: 29px !important; } 
.ui-monthpicker-trigger { display: none; } 
.ui-datepicker.ui-monthpicker .ui-datepicker-title { justify-content: center; } 


/* checkbox & radio & switch */
.form_check_wrap { display: flex; flex-wrap: wrap; margin: -2px 0; } 
.form_check_wrap .form_check { margin: 2px 12px 2px 0; } 
.form_check_wrap .form_check .form_check:last-child { margin-right: 0; } 
.form_check { display: inline-block; } 
.form_check input { display: none; } 
.form_check input + label { display: inline-block; color: #666; font-size: 14px; font-weight: 400; cursor: pointer; line-height: 16px; } 
.form_check input + label::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; background-repeat: no-repeat; background-position: 50%; transition: all .3s; } 
.form_check input + label:empty::before { margin-right: 0; } 
.form_check input:disabled + label { color: #999; pointer-events: none; } 

.form_check input[type='checkbox'] + label::before { background-image: url('../images/common/ico_chk_off.svg'); } 
.form_check input[type='checkbox']:checked + label::before { background-image: url('../images/common/ico_chk_on.svg'); } 
.form_check input[type='checkbox']:disabled + label::before { background-image: url('../images/common/ico_chk_off_dis.svg'); } 
.form_check input[type='checkbox']:checked:disabled + label::before { background-image: url('../images/common/ico_chk_on_dis.svg'); } 

.form_check input[type='radio'] + label::before { background-image: url('../images/common/ico_rdo_off.svg'); } 
.form_check input[type='radio']:checked + label::before { background-image: url('../images/common/ico_rdo_on.svg'); } 
.form_check input[type='radio']:disabled + label::before { background-image: url('../images/common/ico_rdo_off_dis.svg'); } 
.form_check input[type='radio']:checked:disabled + label::before { background-image: url('../images/common/ico_rdo_on_dis.svg'); } 


.form_check_wrap .form_check.only_text { height: 32px; margin: 2px 2px 2px 0; } 
.form_check_wrap .form_check.only_text:last-child { margin-right: 0; } 
.form_check.only_text input[type='radio'] + label::before { display: none; } 
.form_check.only_text input[type='radio'] + label { justify-content: center; min-width: 80px; padding: 0 14px; border: 1px solid #D4DDE3; border-radius: 4px; text-align: center; background-color: #fff; line-height: 30px; transition: all .3s; } 
.form_check.only_text input[type='radio']:hover + label { border-color: #0072BB; } 
.form_check.only_text input[type='radio']:checked + label { border-color: #0072BB; color: #0072BB; } 
.form_check.only_text input[type='radio']:disabled + label { border-color: #e0e0e0; color: #aaa; background-color: #eee; } 
.form_check input + label strong { font-weight: 700; } 

/* ICON */
.ico { display: inline-block; width: 16px; height: 16px; background-size: 16px auto; background-repeat: no-repeat; background-position: 50%; transition: all .3s; } 
.ico.search { background-image: url('../images/common/ico_search.svg'); } 
.ico.form_search { background-image: url('../images/common/ico_form_search.svg') } 
.btn_search:hover .ico.form_search { background-image: url('../images/common/ico_form_search_h.svg'); } 
.ico.num_search { background-image: url('../images/common/ico_num_search.svg') } 
.ico.excel { background-image: url('../images/common/ico_excel.svg'); } 
.ico.regi { background-image: url('../images/common/ico_regi.svg'); } 
.ico.download { background-image: url('../images/common/ico_download.svg'); } 

/* BUTTON */
.btn_group { display: flex; position: relative; } 
.btn_group.t_center { justify-content: center; } 
.btn_group + .btn_group { margin-left: 8px; padding-left: 8px; } 
.btn_group + .btn_group::before { content: ""; position: absolute; top: 6px; left: 0; width: 1px; height: 20px; background-color: #D4DDE3; } 
.btn { display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid #01A89E; border-radius: 5px; color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; background-color: #01A89E; transition: all .3s; cursor: pointer; } 
.btn + .btn { margin-left: 5px; } 
.btn:hover { border-color: #01867E; background-color: #01867E; } 
.btn:disabled { border-color: #ccc; background-color: #ccc; pointer-events: none; } 

.btn.secondary { border-color: #123883; background-color: #123883; } 
.btn.secondary:hover { border-color: #0E2D69; background-color: #0E2D69; } 

.btn.grey { border-color: #B1B1B1; background-color: #B1B1B1; } 
.btn.grey:hover { border-color: #8E8E8E; background-color: #8E8E8E; } 

.btn.info { border-color: #798396; background-color: #798396; } 
.btn.info:hover { border-color: #616978; background-color: #616978; } 

.btn.ty2 { border-color: #0072BB; color: #0072BB; background-color: #fff; } 
.btn.ty2:hover { border-color: #0072BB; color: #0072BB; background-color: #D9EAF5; } 

.btn.ty2.secondary { border-color: #123883; color: #123883; background-color: #fff; } 
.btn.ty2.secondary:hover { border-color: #123883; color: #123883; background-color: #DCE1ED; } 

.btn.ty2.grey { border-color: #AAAAAA; color: #666; background-color: #fff; } 
.btn.ty2.grey:hover { border-color: #aaaaaa; color: #666; background-color: #eee; } 

.btn.ty2.green { border-color: #22B95F; color: #22B95F; background-color: #fff; } 
.btn.ty2.green:hover { background-color: #DEF5E7; } 


/* 아이콘 | 아이콘 + 텍스트 버튼 */
.btn .ico { margin-left: 4px; } 
.btn .ico.search { margin: 0 4px 0 0px; } 
.btn .ico.form_search { margin: 0 4px 0 0px; } 


.btn.lg { justify-content: center; min-width: 100px; font-size: 14px; text-align: center; line-height: 36px; } 
.btn.lg .ico { width: 20px; height: 20px; background-size: 20px auto; } 




/* TABLE */ 

.tbl_style01 { width: 100%; border-top: 2px solid #053273; table-layout: fixed; border-collapse: collapse; border-left-style: hidden; } 
.tbl_style01 + .tbl_style01 { margin-top: 20px; } 
.tbl_style01 thead th { height: 46px; padding: 5px; border-bottom: 1px solid #D4DDE3; color: #222; font-size: 14px; font-weight: 600; text-align: center; background-color: #F5F7FA; } 
.tbl_style01 tbody th { height: 46px; padding: 5px 15px; border-bottom: 1px solid #D4DDE3; border-left: 1px solid #D4DDE3; color: #222; font-size: 14px; font-weight: 600; text-align: left; background-color: #F5F7FA; } 
.tbl_style01 tbody td { height: 46px; padding: 5px 8px; border-bottom: 1px solid #D4DDE3; border-left: 1px solid #D4DDE3; color: #444; font-size: 14px; font-weight: 400; background-color: #fff; transition: all .3s; } 


.tbl_style01.list tbody td { border-left: 0; text-align: center; } 
.tbl_style01.hover tbody tr:hover td { background-color: rgba(29, 84, 227, 0.05); } 

.tbl_style01 tbody th.bg { color: #444; font-weight: 400; } 

.link { display: inline-block; color: #0072BB; font-size: 14px; font-weight: 500; text-decoration: underline; transition: all .3s; } 
.link:hover,
.link:focus,
.link:active { color: #005083; text-decoration: underline; } 
.bold { color: #666; font-weight: 700; text-decoration: underline; } 
.bold:active,
.bold:focus,
.bold:hover { text-decoration: underline; } 

.tbl_style01 .subject { display: inline-block; position: relative; overflow: hidden; max-width: 100%; margin-right: 5px; color: #444; font-size: 14px; font-weight: 400; white-space: nowrap; line-height: 18px; text-overflow: ellipsis; transition: all .3s; } 
.tbl_style01 .subject em { float: right; } 
.tbl_style01 .subject:hover { color: #0072BB; } 
.tbl_style01 .subject::before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background-color: #444; transition: all .3s; } 
.tbl_style01 .subject:hover::before { background-color: #0072BB; } 


/* jQGrid */
.grid_area { } 
.grid_area:after { content:""; display: block; clear: both; } 
.grid_area .ui-widget { font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", "돋움", dotum, sans-serif; } 
.grid_area .ui-jqgrid { border-radius: 0; } 
.grid_area .ui-jqgrid-hbox .ui-jqgrid-htable thead th { height: 36px; padding: 0 2px; border-right: 1px solid #D4DDE3; box-sizing: border-box; vertical-align: middle; /* background: #F3F8FF; */ } 
.grid_area .ui-state-default,
.grid_area .ui-widget-content .ui-state-default,
.grid_area .ui-widget-header .ui-state-default { background: #EEF1F6; } 


.grid_area .ui-jqgrid-hbox .ui-jqgrid-htable thead th .ui-jqgrid-sortable { color: #0C3166; font-size: 13px; font-weight: 600; } 
.grid_area .ui-widget-content { border: 1px solid #D4DDE3; border-right: 0; } 
.grid_area .ui-jqgrid-jquery-ui.ui-widget-content:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #D4DDE3; } 


.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody td { height: 36px; padding:0 3px; border-color: #D4DDE3; box-sizing: border-box; vertical-align: middle; color: #444; font-size: 13px; text-align: center; } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody td input { height: 28px; font-size: 13px; } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody td input[type="text"] { width: 100%; } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody td select { width: 100%; border-color: #D4DDE3; } 
.grid_area .ui-jqgrid-pager { border-left: 1px solid #e5e5e5 !important; border-radius: 0; box-sizing: inherit !important; background: #fafafa; } 
.grid_area .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div { font-size: 13px; font-weight: 600; } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody .jqgfirstrow td { padding: 0 5px; border-bottom: 0; } 
.grid_area .ui-state-highlight { background-color:#E0ECFF; } 
.grid_area .ui-jqgrid tr.jqgrow:nth-child(even) { background-color: #ffffff; } 
.grid_area .ui-jqgrid tr.jqgrow:nth-child(odd) { background-color: #f8f8f8; } 
.grid_area .ui-jqgrid .ui-state-highlight td { background: #D7E7FF; } 
/* .grid_area .ui-jqgrid tr.jqgrow.selected-row { background-color:#D7E7FF; } */
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { position: relative; width: 100% !important; border: 1px solid #A3ACBC; border-right: 0; border-left: 0; } 
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #A3ACBC; z-index: 9; } 
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #A3ACBC; z-index: 9; } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody td.ui-state-highlight { background-color: rgba(0, 146, 239, 0.3); } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody td:hover { background-color: rgba(34, 75, 137, 0.1); } 

.ui-jqgrid-view { width: 100% !important; } 
.ui-jqgrid-hdiv:not(.frozen-div) { width: 100% !important; } 
/* .ui-jqgrid .ui-jqgrid-hbox { width: 100% !important; padding: 0 !important; } */
/* .ui-jqgrid-htable { width: 100% !important; } */
.ui-jqgrid-bdiv:not(.frozen-bdiv) { width: 100% !important; } 
/* .ui-jqgrid-btable { width: 100% !important; } */
/* .ui-jqgrid-pager { width: 100% !important; } */

/* 그리드 고정영역 */
.grid_area .ui-jqgrid .ui-state-default.frozen-div .ui-jqgrid-htable .ui-jqgrid-labels th { background-color: #E1F3FF; } 
.grid_area .ui-jqgrid .ui-state-default.frozen-div .ui-jqgrid-htable .ui-jqgrid-labels th div { color: #0C3166; } 
.grid_area .ui-jqgrid .ui-state-default.frozen-div .ui-jqgrid-htable .ui-jqgrid-labels th:last-child { border-right: 1px solid #858E9E; } 
.grid_area .ui-jqgrid-bdiv.frozen-bdiv .ui-jqgrid-btable td:last-child { border-right: 1px solid #858E9E; } 

.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody .myLink { overflow:hidden; color: #0072BB; font-size: 13px; font-weight: bold; text-decoration: underline; white-space:nowrap; text-overflow:ellipsis; cursor: pointer; } 
.grid_area .ui-jqgrid-bdiv .ui-jqgrid-btable tbody .myLink:hover { color: #005083; text-decoration: underline } 

/* 그리드 sort 아이콘 */
.ui-jqgrid .s-ico { margin-left: 5px; } 
.ui-jqgrid .s-ico > .ui-icon-asc.ui-icon { top: -2px; } 
.ui-jqgrid .s-ico > .ui-icon-desc.ui-icon { top: -6px; } 
.ui-jqgrid .s-ico > .ui-icon-desc.ui-icon.ui-sort-ltr { margin-left: -3px; } 

/* paging */
.btm_area { position: relative; padding-top: 10px; text-align: center; } 
.btm_area .left { display: flex; position: absolute; top: 18px; left: 0px; } 
.btm_area .right { position: absolute; top: 10px; right: 0px; } 

.btm_area .btn_group { display: inline-flex; } 
.btm_area .total { color: #666; font-size: 14px; line-height: 16px; } 
.btm_area .total em { margin-left: 5px; color: #01A89E; font-weight: 600; } 
.btm_area .amount { min-width: 60px; width: auto; padding: 0 20px 0 10px; color: #444; font-size: 14px; background: url('../images/common/ico_amount_arr.svg') no-repeat right 10px center; } 

.btm_area .paging_area { font-size: 0; } 
.btm_area button:not(.btn) { display: inline-block; width: 32px; height: 32px; margin:0 2.5px; border:1px solid #ddd; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; font-size:13px; line-height: 32px; background-repeat: no-repeat; background-position: 50%; } 
.btm_area button:hover:not(.disabled, .btn) { border-color: rgba(5, 50, 115, 0.5); color: #053273; } 
.btm_area button.active { border-color: #053273; color: #fff; background-color: #053273; } 
.btm_area button.active:hover { color: #fff; } 

.btm_area button.disabled { pointer-events: none; } 

.btm_area button.first { text-indent: -9999px; background-image: url(../images/common/pager_first_arrow.svg); } 
.btm_area button.first:hover:not(.disabled) { background-image: url(../images/common/pager_first_arrow_on.svg); background-color: #fff; } 

.btm_area button.prev { text-indent: -9999px; background-image: url(../images/common/pager_pre_arrow.svg); } 
.btm_area button.prev:hover:not(.disabled) { background-image: url(../images/common/pager_pre_arrow_on.svg); background-color: #fff; } 


.btm_area button.next { text-indent: -9999px; background-image: url(../images/common/pager_next_arrow.svg); } 
.btm_area button.next:hover:not(.disabled) { background-image: url(../images/common/pager_next_arrow_on.svg); background-color: #fff; } 


.btm_area button.last { text-indent: -9999px; background-image: url(../images/common/pager_last_arrow.svg); } 
.btm_area button.last:hover:not(.disabled) { background-image: url(../images/common/pager_last_arrow_on.svg); background-color: #fff; } 


/* 탭 */
.tabs_style.ui-tabs { padding: 0; border: 0; border-radius: 0; } 
.tabs_style.ui-tabs * { font-family: Pretendard !important; } 


.tabs_style.ui-tabs .ui-tabs-nav { height: 48px; padding: 0; border: 0; border-bottom: 2px solid #66AAD6; border-radius: 0; background: none; } 
.tabs_style.ui-tabs .ui-tabs-nav li { margin: 0; border-color: transparent; border-radius: 10px 10px 0 0; background-color: #f2f2f2; } 
.tabs_style.ui-tabs .ui-tabs-nav li + li { margin-left: 4px; } 
.tabs_style.ui-tabs .ui-tabs-nav li.ui-state-active { height: 48px; padding-top: 0; border: 2px solid rgba(0, 114, 187, 0.6); border-bottom: 0; border-radius: 10px 10px 0 0; background-color: #fff; } 

.tabs_style.ui-tabs .ui-tabs-nav li.ui-state-active::before { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background-color: #fff; } 

.tabs_style.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: flex; align-items: center; overflow: hidden; height: 45px; padding: 0px 24px; color: #AAAAAA; font-size: 16px; font-weight: 500; } 
.tabs_style.ui-tabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor { padding-top: 0; color: #0072BB; font-weight: 600; } 

.tabs_style.ui-tabs .ui-tabs-panel { padding: 30px 0 0 0; } 



.tabs_area { position: relative; } 




.tabs_button_area { position: relative; } 
.tabs_button_area .tabs_button_group { display: flex; align-items: center; position: absolute; top: 7px; right: 0; } 




/* POPUP */
.layer_popup { position: relative; z-index: 990; } 
.dim { position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.4); transition:none; z-index:1000; } 

.layer_popup_area.lg { width: 1000px; } 
.layer_popup_area.md { width: 720px; } 
.layer_popup_area.sm { width: 420px; } 

.layer_popup_area { position:fixed; overflow: hidden; border-radius: 10px; z-index:1001;  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3); background-color: #fff; } 

.layer_head { padding: 16px 25px 14px 25px; background-color: #053273; } 
.layer_head .left { width: calc(100% - 20px); } 
.layer_head .left .title { color: #fff; font-size: 18px; font-weight: 700; line-height: 22px; } 
.layer_head .right { width: 20px; font-size: 0; text-align: right; } 
.layer_head .pop_close { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: top; text-indent: -9999px; background-image: url('../images/common/ico_pop_close.svg'); transition: all .3s; } 
.layer_head .pop_close:hover { transform:rotate(90deg) } 



.layer_body { padding: 20px 20px 20px; } 
.layer_footer { display: flex; justify-content: center; align-items: center; padding: 0px 0 30px; } 


.msg_box { margin-top: 10px; padding: 20px 22px; border-radius: 12px; background-color: #F7F8FA; } 
.msg_box .msg_box_label { margin-bottom: 8px; color: #053273; font-size: 16px; font-weight: 600; line-height: 20px; } 
.msg_list li { position: relative; padding-left: 9px; color: #222; font-size: 13px; line-height: 16px; } 
.msg_list li::before { content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #01a89e; } 
.msg_list li + li { margin-top: 5px; } 
.msg_list li strong { font-weight: 600; } 


.layer_body .search_area { display: flex; position: relative; padding: 16px 23px 16px 15px; border: 2px solid #D4DDE9; border-radius: 0px 0px 20px 20px; background-color: #FFF; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); } 
.layer_body .search_area .search_list_area { padding-right: 12px; } 

.layer_body .search_area .search_list_area > li { width: 33.3333%; padding: 4px 8px; } 
.layer_body .search_area .search_list_area > li > dl > dt { width: 76px; } 
.layer_body .search_area .search_list_area > li > dl > dd { width: calc(100% - 76px); } 

.layer_body .search_area .search_btn_area { width: 92px; } 


.layer_popup_area.alert { width: 380px; } 
.layer_popup_area.alert .alert_body { padding: 40px 0 25px; background-color: #fff; } 
.layer_popup_area.alert .alert_body .alert_cont { padding: 85px 20px 0; background-repeat: no-repeat; background-size: 86px auto; background-position: 50% 0; background-image: url('../images/common/img_alert01.svg'); } 
.layer_popup_area.alert .alert_body .alert_cont.confirm { background-image: url('../images/common/img_alert02.svg') } 
.layer_popup_area.alert .alert_body .alert_cont .info { min-height: 48px; color: #000000; font-size: 18px; font-weight: 500; text-align: center; line-height: 24px; } 
.layer_popup_area.alert .alert_body .alert_cont .info span { color: #666; font-weight: 400; } 

.layer_popup_area.alert .alert_footer { display: flex; justify-content: center; align-items: center; padding: 0px 0 35px; } 


.ui-widget .form_control,
.ui-widget .btn { font-size: 14px; } 


/* ERROR */
.error_wrap { display:flex; justify-content: center; align-items: center; min-width:1200px; min-height: 500px; height: 100%; } 
.error_area { position: relative; min-height: 300px; padding-left: 425px; background: url('../images/common/img_error.svg') no-repeat left center; } 
.error_title { color: #000; font-size: 42px; font-weight: 700; line-height: 56px; } 
.error_title strong { color: #123883; } 
.error_desc { position: relative; margin-top: 25px; padding-top: 25px; color: #666; font-size: 20px; font-weight: 400; line-height: 30px; } 
.error_desc::before { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 3px; background-color: #666; } 
.error_desc strong { color: #000; font-weight: 500; } 
.error_btn { margin-top: 40px; font-size: 0; } 
.error_btn .btn,
.error_btn .lbtn { min-width: 110px; } 

/* LOADING */
.loading_wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 9999; } 
.loading { position:absolute; top:50%; left:50%; width:110px; height:110px; border-radius: 30px; background: #fff url('../images/common/img_loading.gif') no-repeat 50%; transform:translate(-50%,-50%); background-size: 110px auto; box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.1); } 


/**************************************************
LAYOUT
 - WRAP
 - CONTAINER
 - SECTION
 - HEADER
 - FOOTER
 - ASIDE
***************************************************/

/* WRAP */
.wrap { position: relative; min-width: 1600px; height: 100%; } 
.wrap.lnb_close .content { width: 100%; } 
.wrap.lnb_close .lnb_area { margin-left: -200px; } 
.wrap.lnb_close .lnb_toggle_btn { background-image: url('../images/common/ico_lnb_arrow_on.svg'); } 

/* CONTAINER */
.container { display: flex; min-height: calc(100vh - 113px); padding: 10px 0 0; background-color: #fff; } 
.content { width: calc(100% - 200px); padding: 20px 0px 0px; transition: all .3s; } 
.content_fixed { width: 1320px; margin-top: 8px; }

/* SECTION */
.section { margin: 0 auto; padding: 0 40px; } 
.content > .section { display: flex; flex-direction: column; height: 100%; } 

/* HEADER */
.header { position: relative; padding: 0 20px 0 20px; background-color: #0072BB; } 
.header_menu { display: flex; justify-content: center; align-items: center; height: 64px; } 
.header_menu .left { position: absolute; top: 0; left: 20px; } 
.header_menu .logo a { display: flex; align-items: center; height: 64px; } 
.header_menu .logo a em { width: 111px; height: 39px; text-indent: -9999px; background-image: url('../images/common/img_logo.svg'); background-repeat: no-repeat; background-position: left top; } 
.header_menu .logo a span { position: relative; margin-left: 12px; padding-top: 13px; padding-left: 12px; color: #fff; font-size: 20px; font-weight: 500; line-height: 24px; } 
.header_menu .logo a span::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; margin-top: 7px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.5); }
.header_menu .logo.ty2 a em{ width: 171px; background-image: url('../images/common/img_logo_ecoengineering.svg');}
.header_menu .logo.ty3 a { padding-top: 5px; }
.header_menu .logo.ty3 a em{ width: 140px; height: 17px; background-image: url('../images/common/img_logo_renewus.svg');}
.header_menu .logo.ty3 a span { padding-top: 0; }
.header_menu .logo.ty3 a span::before { margin-top: 0; }


.header_menu .right { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); } 
.header_menu .header_util { display: flex; align-items: center; } 
.header_menu .header_util .user { display: inline-block; padding-left: 30px; vertical-align: top; color: #fff; font-size: 14px; font-weight: 500; background: url('../images/common/ico_header_user.svg') no-repeat left center; line-height: 24px; } 
.header_menu .header_util .user strong { font-weight: 600; } 
.header_menu .header_util .header_info { margin-left: 8px; } 
.header_menu .header_util .header_info .info { display: inline-block; padding: 0 13px; border-radius: 100px; vertical-align: top; color: #fff; font-size: 13px; font-weight: 500; background-color: #01A89E; line-height: 28px; transition: all .3s; } 
.header_menu .header_util .header_info .info:hover { background-color: #01867E; } 
.header_menu .header_util .header_info.ty2 .info { background-color: #14AFD1; }
.header_menu .header_util .header_info.ty2 .info:hover { background-color: #108CA7; }
.header_menu .header_util .header_logout { position: relative; margin-left: 12px; padding-left: 12px; } 
.header_menu .header_util .header_logout::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; margin-top: -9px; background-color: rgba(255, 255, 255, 0.3); } 
.header_menu .header_util .header_logout .logout { display: inline-block; width: 26px; height: 26px; vertical-align: top; text-indent: -9999px; background-image: url('../images/common/ico_logout.svg'); transition: all .3s; } 
.header_menu .header_util .header_logout .logout:hover { background-image: url('../images/common/ico_logout_h.svg') } 


.gnb_menu { display: flex; align-items: center; gap: 0 10px; } 
.gnb_menu > li { position: relative } 
.gnb_menu > li > a { display: block; position: relative; padding: 12px 22px; border-radius: 100px; transition: all .3s; } 
.gnb_menu > li > a h2 { position: relative; color: #BED9EA; font-size: 18px; font-weight: 600; line-height: 21px; transition: all .3s; } 
.gnb_menu > li > a h2::before { content: ""; visibility: hidden; opacity: 0; position: absolute; top: 0; right: -13px; width: 8px; height: 8px; border-radius: 50%; background-color: #01a89e; transition: all .3s; } 
.gnb_menu > li:hover > a h2 { color: #fff; } 
.gnb_menu > li.active > a { padding-right: 42px; background-color: #fff; } 
.gnb_menu > li.active > a h2 { color: #053273; font-weight: 700; } 
.gnb_menu > li.active > a h2::before { visibility: visible; opacity: 1; } 

.gnb_menu > li .depth2 { visibility: hidden; opacity: 0; position: absolute; top: 45px; left: 50%; min-width: 176px; width: max-content; z-index: 99; transform: translateX(-50%); } 
.gnb_menu > li .depth2 > ul { padding: 12px 0px; border: 1px solid #C1CFD9; border-top: 4px solid #01A89E; border-radius: 15px; background-color: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.12); } 
.gnb_menu > li .depth2 > ul > li > a { display: flex; align-items: center; position: relative; padding: 9px 20px; color: #000; font-size: 14px; font-weight: 500; text-align: left; line-height: 17px; transition: all .3s; } 
.gnb_menu > li .depth2 > ul > li:hover > a,
.gnb_menu > li .depth2 > ul > li.active > a { color: #01A89E; font-weight: 600; background-color: rgba(1, 168, 158, 0.1); } 
.gnb_menu > li:hover .depth2 { visibility: visible; opacity: 1; padding-top: 9px; transition: all .3s; } 

/* FOOTER */
.footer { position: relative; padding: 16px 0; border-top: 1px solid #eee; background-color: #fff; z-index: 1; } 
.footer .section { display: flex; justify-content: space-between; align-items: center; } 
.footer .left { display: flex; align-items: center; }
.footer .copy { color: #999; font-size: 13px; font-weight: 400; line-height: 16px; } 
.footer .footer_link_area { display: flex; align-items: center; }
.footer .footer_link_area .footer_link { position: relative; margin-left: 10px; padding-left: 10px; font-size: 0; }
.footer .footer_link_area .footer_link::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -6px; background-color: #d9d9d9; }
.footer .footer_link_area .footer_link a { display: inline-block; vertical-align: top; color: #0072BB; font-size: 13px; font-weight: 400; line-height: 16px; }
.footer .footer_link_area .footer_link a:hover { text-decoration: underline; }

/* ASIDE */
.lnb_toggle_btn { position: absolute; top: 60px; right: -20px; width: 20px; height: 56px; border-radius:0 8px 8px 0; text-indent: -9999px; background: #A5B6CE url('../images/common/ico_lnb_arrow.svg') no-repeat 50%; transition: all .3s; } 
.lnb_toggle_btn:hover { background-color: #748399; } 
.lnb_area { display: flex; flex-direction: column; position: relative; width: 200px; border-radius: 20px 20px 0px 0px; background-color: #053273; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); transition: all .3s; } 
.lnb_area .lnb_top_area { padding: 19px 26px 17px; } 
.lnb_area .lnb_top_area .lnb_tit { display: inline-block; vertical-align: top; color: #fff; font-size: 20px; font-weight: 700; line-height: 24px; } 
.lnb_area .lnb_menu { flex: 1; padding: 10px 10px 40px; padding-top: 5px; border-radius: 20px 20px 0 0; background-color: #fff; } 
.lnb_area .lnb_menu > li { position: relative; } 
.lnb_area .lnb_menu > li + li { padding-top: 4px; } 
.lnb_area .lnb_menu > li + li::before { content: ""; position: absolute; top: 2px; right: 12.5px; left: 12.5px; border-top: 1px dashed #D8DCE3 } 
.lnb_area .lnb_menu > li > a { display: block; position: relative; padding: 14px 20px 14px 20px; border-radius: 10px 10px 20px 10px; color: #555; font-size: 16px; font-weight: 600; transition: all .3s; line-height: 19px; } 
.lnb_area .lnb_menu > li:hover > a { color: #01A89E; } 
.lnb_area .lnb_menu > li.active > a { color: #fff; background-color: #01A89E; } 

.lnb_area .lnb_menu > li.active::before,
.lnb_area .lnb_menu > li.active + li::before { display: none; } 


/**************************************************
MAIN
***************************************************/
.wrap.main { position: relative; min-height: 100%; height: auto; background: rgb(242,245,249); background: linear-gradient(90deg, rgba(242,245,249,1) 0%, rgba(242,249,249,1) 49%, rgba(242,245,249,1) 100%); } 
.wrap.main::before { content: ''; position: absolute; top: 0; left: 0; width: 275px; height: 301px; background: url('../images/main/bg_main_left.svg') no-repeat 50% 0; z-index: 0; } 
.wrap.main::after { content: ''; position: absolute; top: 0; right: 0; width: 477px; height: 346px; background: url('../images/main/bg_main_right.svg') no-repeat 50% 0; z-index: 0; } 




.wrap.main .container { position: relative; background: none; z-index: 7; } 
.wrap.main .content { width: 100%; padding-top: 30px; padding-bottom: 50px; } 
.wrap.main .content > .section { display: block; width: 1280px; } 
.wrap.main .footer .section { display: block; width: 1280px; padding: 0 40px; } 
.wrap.main .header { z-index:9 }

.main_top_frm { display: flex; justify-content: space-between; align-items: center; height: 86px; padding: 0 36px 0 26px; border-radius: 16px; box-shadow: 0px 10px 20px 0px #0B297226; background-color: #fff; } 
.main_top_frm .left { display: flex; align-items: center; } 
.main_top_frm .left .name { display: flex; align-items: center; color: #000; font-size: 26px; font-weight: 700; } 
.main_top_frm .left .name .img_user { display: inline-flex; overflow: hidden; width: 46px; height: 46px; margin-right: 12px; border-radius: 50%; background:#ACE1DD url('../images/main/img_user.svg') no-repeat 50%; background-size: 24px auto; } 
.main_top_frm .left .name strong { margin-top: 3px; color: #01A89E; } 
.main_top_frm .left .info { position: relative; margin-top: 5px; margin-left: 10px; padding-left: 15px; color: #444; font-size: 18px; line-height: 26px; } 
.main_top_frm .left .info::before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 20px; background: rgba(0, 0, 0, 0.2); transform: translateY(-50%); } 
.main_top_frm .left .info strong { color: #01A89E; font-size: 22px; font-weight: 700; line-height: 26px; } 
.main_top_frm .left .info em { font-weight: 500; } 


.main_top_frm .right .date_select { display: flex; align-items: center; height: 36px; } 
.main_top_frm .right .date_select .btn_arrow { display: inline-flex; width: 36px; height: 36px; border: 0; border-radius: 50%; background-image: url('../images/main/img_prev_arrow.svg'); background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: 18px auto; box-shadow: 0px 4px 10px 0px #0000001A; transition: all .3s; } 
.main_top_frm .right .date_select .btn_arrow:hover { background-color: #F57828; background-image: url('../images/main/img_prev_arrow_h.svg'); } 


.main_top_frm .right .date_select .btn_arrow.next { background-image: url('../images/main/img_next_arrow.svg'); } 
.main_top_frm .right .date_select .btn_arrow:hover.next { background-image: url('../images/main/img_next_arrow_h.svg'); } 
.main_top_frm .right .date_select .date { margin: 0 13px; color: #666; font-size: 16px; font-weight: 600; text-align: left; line-height: 19.2px; } 




.main_content_frm { display: flex; justify-content: space-between; margin-top: 30px; } 
.main_content_frm > .left { /* width: 410px; padding-right: 30px; */ width: 380px; } 
.main_content_frm.reverse { flex-direction: row-reverse; } 








.main_content_frm > .right { /* flex: auto; */ position: relative; width: 790px; } 




.bill_status_area { padding: 23px 15px 23px; border-radius: 16px; background-color: #fff; box-shadow: 0px 10px 20px 0px #0B297226; } 
.main_sub_title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; padding: 0 10px; } 
.main_sub_title .left .tit { color: #000; font-size: 22px; font-weight: 600; text-align: left; line-height: 26.4px; } 
.main_sub_title .right .btn_more { display: inline-flex; width: 30px; height: 30px; border: 1px solid #ECECEC; border-radius: 50%; background-repeat: no-repeat; background-image: url('../images/main/btn_more.svg'); background-position: 50%; background-size: 14px auto; transition: all .3s; } 
.main_sub_title .right .btn_more:hover { border-color: #01A89E; background-image: url('../images/main/btn_more_h.svg'); } 


.bill_status_area .item_list > li > a { display: flex; justify-content: space-between; align-items: center; position: relative; height: 68px; padding: 0 20px; border-radius: 16px; transition: all .3s; } 
.bill_status_area .item_list > li > a::after { content: ''; position: absolute; right: 15px; bottom: -1px; left: 15px; border-bottom: 1px dashed #D1D3E2; } 
.bill_status_area .item_list > li:last-child > a::after { display: none; } 

.bill_status_area .item_list > li > a .txt { padding-left: 40px; color: #000; font-size: 18px; font-weight: 500; text-align: left; background-repeat: no-repeat; background-size: 28px auto; background-position: 0 50%; line-height: 28px; } 
.bill_status_area .item_list > li > a .num { display: flex; align-items: center; color: #666666; font-size: 16px; font-weight: 400; text-align: right; line-height: 19.2px; } 
.bill_status_area .item_list > li > a .num strong { margin-right: 6px; color: #1F1F1F; font-size: 26px; font-weight: 700; font-weight: 700; text-align: right; line-height: 31.2px; } 
.bill_status_area .item_list > li > a .txt.ico1 { background-image: url('../images/main/ico_bill_status01.svg'); } 
.bill_status_area .item_list > li > a .txt.ico2 { background-image: url('../images/main/ico_bill_status02.svg'); } 
.bill_status_area .item_list > li > a .txt.ico3 { background-image: url('../images/main/ico_bill_status03.svg'); } 
.bill_status_area .item_list > li > a .txt.ico4 { background-image: url('../images/main/ico_bill_status04.svg'); } 
.bill_status_area .item_list > li > a .txt.ico5 { background-image: url('../images/main/ico_bill_status05.svg'); } 



.bill_status_area .item_list > li > a:hover { background-color:#2D58C5; box-shadow: 0px 10px 20px 0px #0B297233; } 
.bill_status_area .item_list > li > a:hover .txt, 
.bill_status_area .item_list > li > a:hover .num, 
.bill_status_area .item_list > li > a:hover .num strong { color: #fff; } 




.bill_status_area .item_list > li > a:hover .txt.ico1 { background-image: url('../images/main/ico_bill_status01_h.svg'); } 
.bill_status_area .item_list > li > a:hover .txt.ico2 { background-image: url('../images/main/ico_bill_status02_h.svg'); } 
.bill_status_area .item_list > li > a:hover .txt.ico3 { background-image: url('../images/main/ico_bill_status03_h.svg'); } 
.bill_status_area .item_list > li > a:hover .txt.ico4 { background-image: url('../images/main/ico_bill_status04_h.svg'); } 
.bill_status_area .item_list > li > a:hover .txt.ico5 { background-image: url('../images/main/ico_bill_status05_h.svg'); } 





.certificate_info_link { margin-top: 26px; padding: 0 5px; } 
.certificate_info_link > li > a { display: flex; align-items: center; position: relative; height: 64px; padding: 0 17px 0 64px; border: 2px solid #E6F7F6; border-radius: 12px; color: #454B60; font-size: 20px; font-weight: 700; text-align: left; background-color: #E6F7F6; transition: all .3s; line-height: 24px; background-repeat: no-repeat; background-size: 26px auto; background-position: right 25px center; background-image: url('../images/main/img_info_link.svg'); } 
.certificate_info_link > li > a::before { content: ''; position: absolute; top: 50%; left: 10px; width: 42px; height: 42px; border-radius: 50%; background-color: #fff; transform: translateY(-50%); background-repeat: no-repeat; background-size: 28px auto; background-position: 50%; } 
.certificate_info_link > li > a.ico1::before { background-image: url('../images/main/ico_certificate01.svg'); } 
.certificate_info_link > li > a.ico2::before { background-image: url('../images/main/ico_certificate02.svg'); } 
.certificate_info_link > li > a:hover { border: 2px solid #01A89E; background-color: #fff; background-image: url('../images/main/img_info_link_h.svg'); } 

.certificate_info_link > li + li { margin-top: 8px; } 















.bill_fold_area { /* position: relative; */ position: absolute; top: 0; right: 0; left: 0; height: 350px; /* padding: 25px 24px 26px; */ padding: 25px 0 26px; border-radius: 16px; z-index: 9; background-color: #dfecfb; box-shadow: 0px 10px 20px 0px #0B297226; transition: height 0.2s ease-out; } 

 
.bill_fold_area .bill_item_list .list.more { display: none; } 






.bill_fold_area .top_frm { margin-bottom: 16px; padding-left: 24px; } 
.bill_fold_area .top_frm .left .tit { color: #000; font-size: 22px; font-weight: 700; text-align: left; line-height: 26.4px; } 
.bill_fold_area .btn_fold { position: absolute; top: 0; right: 0; width: 50px; height: 50px; border-radius: 0 16px 0 16px; background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-image: url('../images/main/btn_fold.svg'); transition: all .3s; } 
.bill_fold_area .btn_fold:hover { background-image: url('../images/main/btn_fold_h.svg'); background-color: #0068B7; } 
.bill_fold_area .btn_fold.on { background-image: url('../images/main/btn_fold_on.svg'); } 
.bill_fold_area .btn_fold.on:hover { background-image: url('../images/main/btn_fold_on_h.svg'); } 


.bill_cnt_area { /* overflow: hidden; position: absolute; right: 24px; left: 24px; z-index: 77; */ } 
.bill_cnt_area .bill_item_list { display: flex; margin: 0 -7px; } 
.bill_cnt_area .bill_item_list > li { /* flex: auto; */ position: relative; width: 33.33%; padding: 0 7px; } 




.bill_cnt_area .bill_item_list > li .itembox { /* height: 100%; */ padding-top: 18px; padding-bottom: 12px; border-top: 4px solid #A3CA10; border-radius: 12px; background-color: #fff; } 
.bill_cnt_area .bill_item_list > li .itembox .stit_area { margin-bottom: 11px; padding: 0 25px; } 
.bill_cnt_area .bill_item_list > li .itembox .stit_area .stit { color: #444444; font-size: 20px; font-weight: 700; text-align: left; line-height: 24px; } 
.bill_cnt_area .bill_item_list > li .itembox > .list { padding-left: 5px; } 
.bill_cnt_area .bill_item_list > li .itembox > .list > li > a { display: flex; justify-content: space-between; align-items: center; position: relative; height: 47px; padding: 0 25px 0 20px; border-radius: 50px 0 0 50px; /* transition: all .3s; */ } 


.bill_cnt_area .bill_item_list > li .itembox > .list > li > a::after { content: ''; position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 1px dashed #D1D3E2; } 
.bill_cnt_area .bill_item_list > li .itembox > .list > li:last-child > a::after { display: none; } 
.bill_cnt_area .bill_item_list > li .itembox > .list > li > a .txt { color: #444444; font-size: 14px; font-weight: 500; text-align: left; line-height: 16.8px; } 
.bill_cnt_area .bill_item_list > li .itembox > .list > li > a .num { color: #88AB03; font-size: 20px; font-weight: 700; text-align: right; line-height: 24px; } 
.bill_cnt_area .bill_item_list > li .itembox > .list > li > a:hover { background-color: rgba(163, 202, 16, 0.15); } 


.bill_cnt_area .bill_item_list > li .itembox > .list > li > a.new .txt::after { content: ''; display: inline-flex; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; vertical-align: top; background-color: #E61938; } 


.bill_cnt_area .bill_item_list > li .itembox.ty2 { border-top-color: #018F87; } 
.bill_cnt_area .bill_item_list > li .itembox.ty2 > .list > li > a:hover { background-color: rgba(1, 168, 158, 0.15); } 
.bill_cnt_area .bill_item_list > li .itembox.ty2 > .list > li > a .num { color: #018F87; } 


.bill_cnt_area .bill_item_list > li .itembox.ty3 { border-top-color: #0068B7; } 
.bill_cnt_area .bill_item_list > li .itembox.ty3 > .list > li > a:hover { background-color: rgba(0, 104, 183, 0.15); } 
.bill_cnt_area .bill_item_list > li .itembox.ty3 > .list > li > a .num { color: #0068B7; } 




.bill_cnt_area .bill_item_list > li .itembox.ty4 { margin-top: 24px; padding-bottom: 16px; border-top-color: #8D8D8D; } 
.bill_cnt_area .bill_item_list > li .itembox.ty4 { } 



/* 확장 */
/* .bill_fold_area.expend { height: 100%; } 
.bill_fold_area.expend .bill_item_list .list.more { display: block; } 
.bill_fold_area.expend .bill_cnt_area { height: calc(100% - 42px); } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list { height: 100%; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li { display: flex; flex-direction: column; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox { flex: auto; border-right: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; border-left: 1px solid #ECECEC; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list { display: flex; flex-wrap: wrap; padding: 0 30px; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li { width: 50%; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li:nth-child(2n) a { padding-left: 30px; } 

.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a { flex-direction: column-reverse; justify-content: flex-end; align-items: start; height: 100%; padding: 14px 0; } 

.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a.new .txt::after { display: none; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a.new .num::after { content: ''; display: inline-flex; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; vertical-align: top; background-color: #F57828; } 


.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a .num { margin-bottom: 6px; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a .txt { color: rgba(102, 102, 102, 0.8); font-size: 13px; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a::after { right: 0; left: 0; border-bottom: 1px solid #D1D3E2; } 



.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li:last-child a::after { display: block; } 

.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a:hover { background: none; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a:hover .txt { color: #000; font-weight: 600; } 

 */






/* 전체보기 */

.bill_fold_area.expend { overflow: hidden; height: 100%; } 
.bill_fold_area.expend .bill_cnt_area > .bill_item_list { /* visibility: hidden; opacity: 0; */ display: none; } 
.bill_fold_area.expend .bill_cnt_area .bill_item_list > li .itembox > .list > li > a:hover { background: none; } 
.bill_cnt_area { position: relative; padding: 0 24px; } 


.bill_cnt_area_all { visibility: hidden; opacity: 0; position: absolute; top: 0; right: 24px; left: 24px; height: calc(100% - 42px); } 
.bill_fold_area.expend .bill_cnt_area_all { visibility: visible; opacity: 1; } 


/* .bill_cnt_area_all .bill_item_list > li .itembox { overflow: hidden; height: 0; transition: height 0.2s ease-out; } 
.bill_fold_area.expend .bill_cnt_area_all .bill_item_list > li .itembox { overflow: visible; height: auto; } */

.bill_cnt_area_all .bill_item_list { height: 100%; } 
.bill_cnt_area_all .bill_item_list > li { display: flex; flex-direction: column; } 
.bill_cnt_area_all .bill_item_list > li .itembox { flex: auto; position: relative; padding-top: 17px; padding-bottom: 6px; border-right: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; border-left: 1px solid #ECECEC; } 
.bill_cnt_area_all .bill_item_list > li .itembox::after { content: ''; position: absolute; right: 30px; bottom: 6px; left: 30px; height: 1px; background-color:#fff; } 
.bill_cnt_area_all .bill_item_list > li .itembox .stit_area { margin-bottom: 4px; } 

.bill_cnt_area_all .bill_item_list > li .itembox > .list { display: flex; flex-wrap: wrap; padding: 0 30px; } 
.bill_cnt_area_all .bill_item_list > li .itembox > .list > li { width: 50%; } 
.bill_cnt_area_all .bill_item_list > li .itembox > .list > li:nth-child(2n) a { padding-left: 30px; } 

.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a { flex-direction: column-reverse; justify-content: flex-end; align-items: start; height: 100%; padding: 13px 0 13px; } 

.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a.new .txt::after { display: none; } 
.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a.new .num::after { content: ''; display: inline-flex; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; vertical-align: top; background-color: #E61938; } 


.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a .num { margin-bottom: 6px; } 
.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a .txt { color: rgba(102, 102, 102, 0.8); font-size: 13px; transition: all .3s; } 
.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a::after { right: 0; left: 0; border-bottom: 1px solid #D1D3E2; } 



.bill_cnt_area_all .bill_item_list > li .itembox > .list > li:last-child a::after { display: block; } 

.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a:hover { background: none; } 
.bill_cnt_area_all .bill_item_list > li .itembox > .list > li > a:hover .txt { color: #000; font-weight: 600; } 





.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area { display: flex; align-items: center; } 
.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area .list > li { width: 100%; } 
.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area .list > li > a { display: flex; align-items: center; position: relative; } 
.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area .list > li > a .txt { padding-left: 31px; color: #666666; font-size: 13px; font-weight: 500; text-align: left; line-height: 16px; transition: all .3s; } 
.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area .list > li > a:hover .txt { color: #000; font-weight: 600; }
.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area .list > li > a .num { padding-left: 10px; color: #222; font-size: 20px; font-weight: 700; text-align: left; line-height: 24px; } 
.bill_cnt_area_all .bill_item_list > li .itembox.ty4 > .stit_area .list > li > a.new .num::after { content: ''; display: inline-flex; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; vertical-align: top; background-color: #E61938; }







.notice_info_area { /* margin-top: 30px; */ margin-top: 380px; } 
.notice_info_area .notice_box { padding: 15px 10px 10px; border-radius: 16px; box-shadow: 0px 10px 20px 0px #0B297226; background-color: #fff; } 

.notice_info_area .notice_box .main_sub_title { margin-bottom: 6px; padding: 0 9px 0 15px; } 
.notice_info_area .notice_box .notice_list_area { padding: 6px 20px 5px 20px; border-radius: 12px; background-color: #F7F8FA; } 
.notice_info_area .notice_box .notice_list_area .notice_list > li > a { display: block; position: relative; padding: 12px 89px 12px 0; padding-right: 89px; } 
.notice_info_area .notice_box .notice_list_area .notice_list > li > a .subject { display: inline-block; overflow: hidden; max-width: 100%; color: #444; font-size: 16px; font-weight: 500; text-align: left; white-space: nowrap; text-overflow: ellipsis; line-height: 19.2px; transition: all .3s; } 
.notice_info_area .notice_box .notice_list_area .notice_list > li > a .subject .new { float: right; width: 16px; height: 16px; margin-top: 1px; margin-left: 1px; border-radius: 50%; text-align: center; text-indent: -9999px; background: #F5522E url('../images/main/ico_new.svg') no-repeat 50%; } 
.notice_info_area .notice_box .notice_list_area .notice_list > li > a .date { position: absolute; top: 50%; right: 0; width: 89px; color: #999999; font-size: 13px; font-weight: 400; text-align: right; transform: translateY(-50%); line-height: 15.6px; } 
.notice_info_area .notice_box .notice_list_area .notice_list > li + li > a { border-top: 1px solid #E7E7E7; } 

.notice_info_area .notice_box .notice_list_area .notice_list > li > a:hover .subject { color: #000; font-weight: 700; } 

.notice_info_area .notice_box .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.notice_info_area .notice_box .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: -15px; } 


.help_desk { padding: 20px 20px 22px 20px; border-radius: 16px; box-shadow: 0px 10px 20px 0px #0B297226; background-color: #fff; } 
.help_desk .item_link { display: flex; height: 120px; padding: 30px 0; background-color: #F7F8FA; } 
.help_desk .item_link > li { flex: auto; position: relative; } 
.help_desk .item_link > li + li::before { content: ''; position: absolute; top: 0; left: 0; height: 60px; border-left: 1px dashed #D1D3E2; } 
.help_desk .item_link > li > a { display: block; position: relative; padding-top: 41px; color: #666; font-size: 18px; font-weight: 400; text-align: center; line-height: 21.6px; background-repeat: no-repeat; background-size: 32px auto; background-position: 50% 0; transition: all .3s; } 
.help_desk .item_link > li > a::before { content: ''; position: absolute; top: 0; left: 50%; width: 32px; height: 32px; margin-left: -16px; } 


.help_desk .item_link > li > a.ico01::before { background-image: url('../images/main/ico_help_desk01.svg'); } 
.help_desk .item_link > li > a.ico02::before { background-image: url('../images/main/ico_help_desk02.svg'); } 
.help_desk .item_link > li > a.ico03::before { background-image: url('../images/main/ico_help_desk03.svg'); } 


.help_desk .item_link > li > a:hover::before { animation: mAni .6s } 
@keyframes mAni { 
 0% { top:0; } 
 50% { top:-7px; } 
 100% { top:0; } 
 }

.help_desk .info { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; padding: 0 9px; } 
.help_desk .info .txt { color: #000; font-size: 18px; font-weight: 700; text-align: left; line-height: 21.6px; } 
.help_desk .info .num { color: #0E3189; font-size: 30px; font-weight: 700; text-align: right; line-height: 36px; } 





.main_visual { overflow: hidden; width: 100%; height: 350px; padding: 60px 0 0 60px; border-radius: 16px; background: url('../images/main/img_main_visual.svg') no-repeat 50%; background-size: 100% auto; box-shadow: 0px 10px 20px 0px rgba(11, 41, 114, 0.15); } 
.main_visual + .notice_info_area { margin-top: 30px; } 
.main_visual .title { color: #021546; font-size: 46px; font-weight: 700; line-height: 52px; } 
.main_visual .title strong { color: #008D84; } 
.main_visual .info { position: relative; margin-top: 24px; padding-top: 26px; color: rgba(2, 21, 70, .5); font-size: 16px; font-weight: 400; text-align: left; font-family: Pretendard; line-height: 19.2px; } 
.main_visual .info::before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 2px; background-color: #021546; } 



/**************************************************
SUB
 - LOGIN
 - 세금계산서 상세내역
 - 수정세금계산서 발급 사유
 - 회원가입
 - FAQ
 - 담당자 소개
 - 업무 Flow
 - 전자세금계산서 출력 양식
***************************************************/

/* LOGIN */
.login_area { display: flex; flex-direction: column; min-width: 1600px; min-height: 900px; height: 100%; background: rgb(181,222,202); background: radial-gradient(circle, rgba(181,222,202,1) 0%, rgba(145,209,198,1) 48%, rgba(110,196,194,1) 81%, rgba(78,184,191,1) 100%); } 
.login_area.ty2 { background:#B5CFDE; background: radial-gradient(55.28% 102.67% at 50% 50%, #B5CFDE 0%, #90D2E7 47.96%, #67B6E2 100%);
 }
.login_area.ty3 { background: #D7ECD4; background: radial-gradient(55.28% 102.67% at 50% 50%, #D7ECD4 0%, #91D1B6 47.96%, #51B29A 100%);
 } 
.login_area .login_section { display: flex; justify-content: space-between; height: 100%;  } 



.login_area .login_section .login_left {  display: flex; flex-direction: column; justify-content: center; width: 60%;  padding-left: 140px; } 
.login_area .login_section .login_left .login_visual { display: flex; flex-direction: column; padding-right: 120px; } 
.login_area .login_section .login_left .login_visual .login_top_frm { margin-left: 58px; } 



.login_area .login_section .login_left .login_visual .login_top_frm .login_title { position: relative; margin-top: 30px; padding-left: 36px; } 
.login_area .login_section .login_left .login_visual .login_top_frm .login_title em { display: block; position: relative; color: #fff; font-size: 44px; font-weight: 700; text-align: left; line-height: 53px; letter-spacing: 2px; } 
.login_area .login_section .login_left .login_visual .login_top_frm .login_title::before { content: ''; position: absolute; top: 50%; left: 0; width: 6px; height: 110px; transform: translateY(-50%); background-color: #33468C; } 
.login_area .login_section .login_left .login_visual .login_top_frm .login_title p { margin-top: 10px; color: #33468C; font-size: 52px; font-weight: 700; text-align: left; line-height: 62px; } 


.login_area .login_section .login_left .login_visual .login_bg { margin-top: 80px;  }
.login_area .login_section .login_left .login_visual .login_bg img { max-width: 1000px; width: 100%; }

.login_area .login_section .login_right { display: flex; flex-direction: column; justify-content: center;  width: 40%; padding: 0px 120px 0 120px; border-radius: 0 0 0 150px; background-color: #fff; } 
.login_area .login_section .login_right .login_form { width: 100%; } 
.login_area .login_section .login_right .login_form .title { display: flex; align-items: center; position: relative; padding-bottom: 54px; } 
.login_area .login_section .login_right .login_form .title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background-color: #33468C; } 
.login_area .login_section .login_right .login_form .title .tit { color: #33468C; font-size: 54px; font-weight: 700; text-align: left; line-height: 65px; } 
.login_area .login_section .login_right .login_form .title .info { position: relative; margin-left: 16px; padding-left: 17px; color: rgba(51, 70, 140, .5); font-size: 20px; font-weight: 400; text-align: left; line-height: 24px; } 
.login_area .login_section .login_right .login_form .title .info::before { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 30px; margin-top: -15px; background-color: rgba(51, 70, 140, .1); } 


.login_inp_area { margin-top: 50px; } 
.login_inp_area > li + li { margin-top: 20px; }
.login_inp_area > li > label { display: block; padding-left: 4px; color: #444; font-size: 18px; font-weight: 500; text-align: left; line-height: 24px; } 
.login_inp_area > li > .login_inp { /* display: flex; align-items: center; */position: relative; margin-top: 4px; } 



.login_inp_area > li > .login_inp em { position: absolute; top: 50%; left: 24px; width: 22px; height: 22px; transform: translateY(-50%); background-image: url('../images/page/ico_login_inp01.svg'); background-repeat: no-repeat; background-size: 22px auto; background-position: 50%; } 
.login_inp_area > li > .login_inp em::after { content: ''; position: absolute; top: 50%; right: -13px; width: 1px; height: 16px; background-color: rgba(73, 109, 151, 0.2); transform: translateY(-50%); } 

.login_inp_area > li > .login_inp.account em { background-image: url('../images/page/ico_login_inp02.svg'); }
.login_inp_area > li > .login_inp.password em { background-image: url('../images/page/ico_login_inp03.svg'); }

.login_inp_area > li > .login_inp .form_control { position: relative; width: 100%; height: 64px; padding: 0 27px 0 70px; border: 3px solid #CDD8E5; border-radius: 50px; color: #181515; font-size: 18px; font-weight: 500; text-align: left; background-color: transparent; z-index: 1; } 
.login_inp_area > li > .login_inp .form_control::placeholder { color: #aaa; }
.login_inp_area > li > .login_inp .form_control:focus { border-color: #053273; } 
.login_btn_area { margin-top: 30px; padding-top: 32px; border-top: 2px dashed rgba(56, 52, 109, .3); } 

.login_btn_area .btn_login { display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; height: 64px; border-radius: 41px; background: linear-gradient(281.03deg, #38346D 7.6%, #38346D 85.58%); } 
.login_btn_area .btn_login em { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; border-radius: 41px; color: #fff; font-size: 20px; font-weight: 700; text-align: left; z-index: 1; line-height: 24px; transition: all .3s; } 
.login_btn_area .btn_login::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(281.03deg, #38346D 7.6%, #009E96 85.58%); transition: all .3s; } 

.login_btn_area .btn_login:hover::before { /* background: linear-gradient(281.03deg, #38346D 7.6%, #38346D 85.58%); */opacity: 0; } 


.login_btn_area .btn_login_ty2 { display: flex; justify-content: center; align-items: center; overflow: hidden; height: 64px; margin-top: 12px; border: 3px solid #009E96; border-radius: 41px; transition: all .3s; } 
.login_btn_area .btn_login_ty2 em { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 41px; color: #009E96; font-size: 20px; font-weight: 700; text-align: left; line-height: 24px; transition: all .3s; } 
.login_btn_area .btn_login_ty2:hover { background-color: rgba(0, 158, 150, 0.2); } 

.login_signup { margin-top: 20px; font-size: 0; text-align: center; }
.login_signup .signup { display: inline-block; vertical-align: top; color: #999; font-size: 18px; line-height: 22px; }
.login_signup .signup a { display: inline-block; margin-left: 20px; vertical-align: top; color: #33468c; font-size: 18px; font-weight: 600; line-height: 22px; }
.login_signup .signup a:hover { text-decoration: underline; }

.login_util { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.login_util > li { position: relative; }
.login_util > li + li { margin-left: 30px; padding-left: 30px; }
.login_util > li + li::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -8px; background-color: #ccc; }
.login_util > li a { color: #33468c; font-size: 18px; font-weight: 500; line-height: 22px; }
.login_util > li a:hover { text-decoration: underline; }

.login_copy { margin-top: 30px; padding-left: 40px; color: #fff; font-size: 14px; font-weight: 400; text-align: left; line-height: 17px; } 

.login_help { display: flex; justify-content: center; align-items: center; height: 116px; margin-top: 48px; border-radius: 20px; text-align: center; background-color: #FAFAFA; }
.login_help .login_help_text{ display: flex; align-items: center; position: relative; padding-left: 36px; color: #666; font-size: 16px; font-weight: 400; line-height: 19px; }
.login_help .login_help_text::before { content: ""; position: absolute; top: 50%; left: 0; width: 28px; height: 28px; transform: translateY(-50%); background-image: url('../images/page/ico_login_help.svg'); }
.login_help .login_help_text strong { position: relative; margin-left: 12px; padding-left: 12px; color: #496D97; font-size: 34px; font-weight: 700; line-height: 41px; }
.login_help .login_help_text strong::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -8px; background-color: #d9d9d9; }

.login_help + .login_copy { margin-top: 20px; }
.login_util + .login_copy { margin-top: 80px; padding-left: 0; color: #e0e0e0; text-align: center; }



/* 세금계산서 상세내역 */
.etax_wrap { position:relative; margin:0px auto 0; padding:2px; border:1px solid red; } 
.watermark { opacity:0.6; position:absolute; top:50%; left:50%; font-size:50px; transform:translate(-50%,-50%); } 
.etax_wrap_none { margin:auto 0; padding:2px; border:1px solid red } 

.table_design { width:100%; margin-top:10px; border-top:1px solid red; border-right:1px solid red; color:#000; font-size:12px; table-layout:fixed; border-spacing:0; border-collapse:collapse } 
.table_design thead th { height:16px; padding:4px; border-bottom:1px solid red; border-left:1px solid red; color:red; font-size:12px; font-weight:700 } 
.table_design tbody th { height:16px; padding:4px; border-bottom:1px solid red; border-left:1px solid red; color:red; font-size:12px; font-weight:700; text-align:center } 
.table_design tbody td { height:16px; padding:4px; border-bottom:1px solid red; border-left:1px solid red; color:#000; font-size:12px } 
.table_design.center_type tbody td { text-align:center } 
.table_design.in { margin-top:0; border:0 } 
.table_design.in tbody td:first-child,.table_design.in thead th:first-child { border-left:0 } 
.table_design.in tr:last-child td { border-bottom:0 } 
.table_design.in thead th { height:20px; padding:0 } 
.table_design.in tbody th { height:20px; padding:0 } 
.table_design.in tbody td { height:20px; padding:0 } 

.btm_desc { margin:10px 0 0; padding:10px; border:1px solid red; color:red; font-size:12px; font-weight:700; text-align:center } 

.subject_tit { color:red; font-size:20px } 
.subject_tit span { color:red; font-size:14px } 

.etax_wrap2 { position:relative; margin:0px auto 0; padding:2px; border:1px solid #00f; } 
.etax_wrap2_none { margin:auto 0; padding:2px; border:1px solid #00f } 

.table_design2 { width:100%; margin-top:10px; border-top:1px solid #00f; border-right:1px solid #00f; color:#000; font-size:12px; table-layout:fixed; border-spacing:0; border-collapse:collapse } 
.table_design2 thead th { height:16px; padding:4px; border-bottom:1px solid #00f; border-left:1px solid #00f; color:#00f; font-size:12px; font-weight:700 } 
.table_design2 tbody th { height:16px; padding:4px; border-bottom:1px solid #00f; border-left:1px solid #00f; color:#00f; font-size:12px; font-weight:700; text-align:center } 
.table_design2 tbody td { height:16px; padding:4px; border-bottom:1px solid #00f; border-left:1px solid #00f; color:#000; font-size:12px } 
.table_design2.center_type tbody td { text-align:center } 
.table_design2.in { margin-top:0; border:0 } 
.table_design.in tbody td:first-child,.table_design2.in thead th:first-child { border-left:0 } 
.table_design2.in tr:last-child td { border-bottom:0 } 
.table_design2.in thead th { height:20px; padding:0 } 
.table_design2.in tbody th { height:20px; padding:0 } 
.table_design2.in tbody td { height:20px; padding:0 } 
.btm_desc2 { margin:10px 0 0; padding:10px; border:1px solid #00f; color:#00f; font-size:12px; font-weight:700; text-align:center } 
.subject_tit2 { color:#00f; font-size:20px } 
.subject_tit2 span { color:#00f; font-size:14px } 

.table_design.in tbody td:first-child,.table_design2.in tbody td:first-child { border-left:0 } 

/* 수정세금계산서 발급 사유 */
.modifyTax_list { overflow: hidden; margin: -8px -8px; } 
.modifyTax_list li { float: left; width: 33.333%; padding: 8px 8px; box-sizing: border-box; } 
.modifyTax { display:block; height: 170px; padding: 15px 20px; border: 1px solid #b4b4b4; border-radius: 5px; box-sizing: border-box; background-color: #f1f2f6; transition: all .3s; } 
.modifyTax:hover { border: 1px solid #053273; } 
.modifyTax:hover .modifyTax_tit::after { background-image: url('../images/common/ico_tax_arrow_h.svg'); } 
.modifyTax.active { border: 1px solid #053273; } 
.modifyTax.link:active .modifyTax_tit::after { background-image: url('../images/common/ico_tax_arrow_h.svg'); } 
.modifyTax_tit { position: relative; overflow: hidden; margin-bottom: 10px; padding-right: 12px; padding-bottom: 5px; border-bottom: 1px solid #b4b4b4; } 
.modifyTax_tit::after { content: ""; position: absolute; top: 3.5px; right: 0; width: 12px; height: 12px; background-image: url('../images/common/ico_tax_arrow.svg'); transition: all .3s; } 
.modifyTax_tit h4 { float: left; color: #053273; font-size: 16px; font-weight:bold; } 
.modifyTax_desc { margin-bottom: 10px; color: #4c4c4c; font-size: 13px; font-weight: bold; } 
.modifyTax_notice { display: inline-block; padding-left: 10px; color: #545454; font-size: 12px; text-indent: -10px; } 



/* 회원가입 */
.info_message { color: #222222; font-size: 16px; line-height: 20px; } 
.info_message strong { color: #01A89E; font-weight: 600; } 


.terms_info_area { overflow: hidden; margin-top: 20px; border: 1px solid #D4DDE3; border-radius: 10px; } 
.terms_info_area .inner { padding: 0 20px; background-color: #F5F7FA; } 
.terms_info_area .inner .terms_title_area { display: flex; justify-content: center; align-items: center; height: 70px; border-bottom: 1px solid #D4DDE3; } 
.terms_info_area .inner .terms_title_area .title { color: #000; font-size: 18px; font-weight: 600; } 
.terms_info_area .inner .terms_title_area .title strong { color: #01A89E; } 


.terms_info_area .inner .cnt_area { } 
.terms_info_area .inner .cnt_area .scroll_y { padding-top: 20px; padding-bottom: 20px; } 
.terms_info_area .inner .cnt_area .scroll_y .terms .tit { display: block; color: #000; font-size: 14px; font-weight: 600; text-align: left; line-height: 17px; } 
.terms_info_area .inner .cnt_area .scroll_y .terms .desc { color: #222; font-size: 14px; font-weight: 400; text-align: left; line-height: 22px; } 
.terms_info_area .inner .cnt_area .scroll_y .terms .tit + .desc { margin-top: 6px; } 
.terms_info_area .inner .cnt_area .scroll_y .terms .desc + .tit,
.terms_info_area .inner .cnt_area .scroll_y .terms .list + .tit { margin-top: 16px; } 

.terms_info_area .inner .cnt_area .scroll_y .terms .tit + .list { margin-top: 6px; } 
.terms_info_area .inner .cnt_area .scroll_y .terms .list > li { color: #222; font-size: 14px; font-weight: 400; text-align: left; line-height: 22px; } 


.terms_check { display: flex; justify-content: flex-start; align-items: center; height: 58px; padding: 0 20px; border-top: 1px solid #D4DDE3; } 
.terms_check .form_check input + label { color: #444; } 



.terms_inp_area { display: flex; justify-content: center; align-items: center; height: 72px; margin-top: 20px; border: 1px solid #5273A2; border-radius: 10px; } 
.terms_inp_area label { color: #053273; font-size: 14px; font-weight: 500; } 
.terms_inp_area label .form_control { margin-left: 20px; } 
.terms_inp_area .txt { margin-left: 12px; color: #DF1433; font-size: 13px; font-weight: 400; text-align: left; font-family: Pretendard; line-height: 15.51px; } 






/* FAQ */
.accordion { border-top: 2px solid #053273; } 
.accordion .accordion_item { border-bottom: 1px solid #D4DDE3; transition: all .3s; } 
.accordion .accordion_item.active { border-color: #fff; } 
.accordion .accordion_item .accordion_title { display: flex; justify-content: space-between; align-items: center; height: 77px; padding: 0 22px; cursor: pointer; } 
.accordion .accordion_item .accordion_title::after { content: ''; width: 28px; height: 28px; background-image: url('../images/common/img_accordion_title_down.svg'); background-size: 28px auto; background-repeat: no-repeat; background-position: 50%; transition: all .3s; } 
.accordion .accordion_item .accordion_title:hover::after { background-image: url('../images/common/img_accordion_title_down_h.svg'); } 


.accordion .accordion_item.active .accordion_title::after { background-image: url('../images/common/img_accordion_title_up.svg'); } 
.accordion .accordion_item.active .accordion_title:hover::after { background-image: url('../images/common/img_accordion_title_up_h.svg'); } 


.accordion .accordion_item .accordion_title h2 { position: relative; padding-left: 68px; color: #222222; font-size: 18px; font-weight: 600; text-align: left; line-height: 21px; } 
.accordion .accordion_item .accordion_title h2::before { content: 'Q'; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; width: 38px; height: 38px; border-radius: 50%; color: #0072BB; font-size: 18px; font-weight: 600; text-align: left; transform: translateY(-50%); font-family: Pretendard; line-height: 21.48px; background-color: rgba(0, 114, 187, .12); transition: all .3s; } 
.accordion .accordion_item.active .accordion_title h2::before {  color: #fff; background-color: #0072BB; } 


.accordion .accordion_item.active .accordion_title h2 { color: #053273; font-weight: 600; } 


.accordion_cnt { display: none; position: relative; } 
.accordion_cnt .item_info { position: relative; padding: 24px 24px 24px 90px; border: 1px solid #B4C2D8; border-radius: 0 0 20px 20px; background-color: #F7FAFD; }
.accordion_cnt .item_info::before { content: 'A'; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 20px; left: 20px; width: 38px; height: 38px; border-radius: 50%; color: #fff; font-size: 18px; font-weight: 600; text-align: left; background-color: #01A89E; font-family: Pretendard; line-height: 21.48px; background-color: #01A89E; } 

.accordion_cnt .item_info p + p { margin-top: 21px; } 
.accordion_cnt .item_info .hyphen_txt { padding-left: 10px; color: #444; font-size: 14px; font-weight: 400; text-indent: -10px; line-height: 22px; } 
.accordion_cnt .item_info .hyphen_txt strong { font-weight: 600; } 
.accordion_cnt .item_info .txt { color: #666666; color: #666; font-size: 14px; font-weight: 400; line-height: 22px; } 

/* 담당자 소개 */
.manager_list { display: flex; margin: 0 -27px; } 
.manager_list > li { width: 33.3333%; padding: 0 27px; } 
.manager_list > li + li { border-left: 1px solid #d4dde3; } 
.manager_list .manager_top { padding: 18px; border-radius: 15px; text-align: center; background-color: #01A89E; } 
.manager_list .manager_top.ty2 { background-color: #1C8BAE; } 
.manager_list .manager_top.ty3 { background-color: #248ACA; } 
.manager_list .manager_top .tit { display: inline-block; vertical-align: top; color: #fff; font-size: 20px; font-weight: 700; line-height: 24px; } 
.manager_info_list > li { margin-top: 25px; padding: 38px 30px 40px; border: 1px solid #d9d9d9; border-top: 6px solid #d9d9d9; border-radius: 40px; background-color: #fff; } 
.manager_info_list > li .manager_info_top { display: flex; align-items: center; padding: 0 12px; } 
.manager_info_list > li .manager_info_top .manager_img { width: 82px; height: 82px; } 
.manager_info_list > li .manager_info_top .manager_img img { width: 100%; vertical-align: top; } 
.manager_info_list > li .manager_info_top .manager_name { display: flex; flex-direction: column; align-items: center; max-width: calc(100% - 102px); margin-left: 20px; } 
.manager_info_list > li .manager_info_top .manager_name .name { color: #053273; font-size: 24px; font-weight: 700; line-height: 29px; } 
.manager_info_list > li .manager_info_top .manager_name .team { display: inline-block; margin-top: 12px; padding: 6px 25px; border-radius: 100px; color: #0164A3; font-size: 16px; background-color: rgba(0, 114, 187, 0.07); line-height: 20px; } 
.manager_info_list > li .manager_info_detail { margin-top: 25px; padding: 25px 12px 0; border-top: 1px solid #D9D9D9; } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont { display: flex; } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont + .manager_info_detail_cont { margin-top: 10px; } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont span { display: inline-block; width: 94px; padding-left: 24px; color: #222; font-size: 16px; background: url('../images/page/ico_manager_tel.svg') no-repeat left top 3px; line-height: 24px; } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont strong { display: inline-block; position: relative; width: calc(100% - 94px); padding-left: 14px; color: #0072BB; font-size: 20px; font-weight: 700; line-height: 24px; } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont strong::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 0; width: 1px; background-color: #d9d9d9; } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont.mail span { background-image: url('../images/page/ico_manager_mail.svg'); } 
.manager_info_list > li .manager_info_detail .manager_info_detail_cont.mail strong { color: #444; font-size: 18px; font-weight: 400; } 


/* 업무 Flow */
.flow_box { display: flex; justify-content: center; align-items: center; padding: 50px 30px; border: 1px solid #D4DDE3; border-radius: 20px; } 
.flow_inner { display: flex; } 
.flow_box .flow_item { width: 304px; } 
.flow_box .flow_item.company { width: 600px; } 
.flow_box .flow_item + .flow_item { margin-left: 56px; } 
.flow_box .flow_item .flow_item_head { padding: 14px; border-radius: 30px 30px 0 0; text-align: center; background-color: #248ACA; } 
.flow_box .flow_item .flow_item_head .tit { display: inline-block; padding-left: 34px; color: #fff; font-size: 20px; font-weight: 700; background: url('../images/page/ico_flow_partner.svg') no-repeat left 50%; line-height: 24px; } 
.flow_box .flow_item.company .flow_item_head { background-color: #01A89E; } 
.flow_box .flow_item.company .flow_item_head .tit { background-image: url('../images/page/ico_flow_company.svg'); } 
.flow_box .flow_item .flow_item_cont { position: relative; padding: 35px 40px; border-radius: 0 0 30px 30px; background-color: #EEF7FE; } 
.flow_box .flow_item.company .flow_item_cont { background-color: #EAF7F6; } 
.flow_box .flow_item .flow_item_cont .box { display: flex; justify-content: center; align-items: center; position: relative; min-height: 60px; width: 224px; margin-top: 20px; padding: 10px; border-radius: 10px; text-align: center; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(20, 96, 92, 0.12); } 
.flow_box .flow_item .flow_item_cont .box::before,
.flow_box .flow_item .flow_item_cont .box::after { content: ""; position: absolute; z-index: 1; background-repeat: no-repeat; background-position: center; } 
.flow_box .flow_item .flow_item_cont .box:first-child { margin-top: 0; } 
.flow_box .flow_item .flow_item_cont .box .txt { position: relative; width: 100%; color: #006BAF; font-size: 16px; font-weight: 600; line-height: 20px; z-index: 2; } 
.flow_box .flow_item .flow_item_cont .box.blue { background-color: #248ACA; box-shadow: 0px 0px 20px 0px rgba(13, 49, 72, 0.12); } 
.flow_box .flow_item .flow_item_cont .box.blue .txt { color: #fff; } 
.flow_box .flow_item .flow_item_cont .box.blue.ty2 { background-color: rgba(36, 138, 202, 0.15); box-shadow: none; } 
.flow_box .flow_item .flow_item_cont .box.blue.ty2 .txt { color: #248ACA; } 
.flow_box .flow_item .flow_item_cont .box .num { position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 8px 0 8px 0; color: #248ACA; font-size: 14px; font-weight: 800; text-align: center; background-color: #fff; line-height: 24px; z-index: 2; } 
.flow_box .flow_item .flow_item_cont .box_wrap { display: inline-block; position: relative; margin: 20px -18px 0; padding: 18px 18px 20px; border-radius: 20px; text-align: center; background-color: rgba(56, 182, 174, 0.15); } 
.flow_box .flow_item .flow_item_cont .box_wrap .tit { color: #01a89e; font-size: 16px; font-weight: 700; line-height: 18px; } 
.flow_box .flow_item .flow_item_cont .box_wrap .tit + .box { margin-top: 12px; } 
.flow_box .flow_item .flow_item_cont .box_wrap .floating_box_wrap { position: absolute; right: -278px; bottom: 0; } 
.flow_box .flow_item.company .flow_item_cont .box { box-shadow: 0px 0px 20px 0px rgba(13, 49, 72, 0.12); } 
.flow_box .flow_item.company .flow_item_cont .box .txt { color: #267A75; } 
.flow_box .flow_item.company .flow_item_cont .box.green { box-shadow: 0px 0px 20px 0px rgba(13, 49, 72, 0.12); background-color: #01A89E; } 
.flow_box .flow_item.company .flow_item_cont .box.green .txt { color: #fff; } 
.flow_box .flow_item.company .flow_item_cont .box.green.ty2 { background-color: rgba(1, 168, 158, 0.15); box-shadow: none; } 
.flow_box .flow_item.company .flow_item_cont .box.green.ty2 .txt { color: #01A89E; } 
.flow_box .flow_item.company .flow_item_cont .box .num { color: #01A89E; } 
.flow_box.normal .flow_item.company { width: 856px; } 
.flow_box .flow_item_grid { display: flex; gap: 0 74px; } 
.flow_box .flow_item_grid li { display: flex; flex-direction: column; align-items: center; position: relative; } 
.flow_box .flow_item .flow_item_cont .box.small { min-height: auto; width: auto; padding: 2px 10px; border-radius: 64px; } 
.flow_box .flow_item .flow_item_cont .box.small .txt { font-size: 14px; font-weight: 700; line-height: 18px; } 
.flow_box .flow_item .flow_item_cont .box.diamond { width: 180px; height: 100px; padding: 0; border-radius: 0; background: transparent url('../images/page/img_flow_diamond2.svg') no-repeat 50%; box-shadow: none; } 
/* .flow_box .flow_item .flow_item_cont .box.diamond { top: -50px; min-height: auto; width: 0; height: 0; padding: 0; border: 50px solid transparent; border-bottom: 70px solid #fff; border-radius: 0; background-color: transparent; transform: rotate(90deg); box-shadow: none; } 
.flow_box .flow_item .flow_item_cont .box.diamond::after { content: ""; position: absolute; top: 70px; left: -50px; width: 0; height: 0; border: 50px solid transparent; border-top: 70px solid #fff; } */

.flow_box .flow_item .flow_item_cont .box.box1::before { top: 24px; right: -131px; width: 126px; height: 12px; background-image: url('../images/page/img_flow_arrow01.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box2 { margin-top: 40px; } 
.flow_box .flow_item .flow_item_cont .box.box2::before { bottom: -63px; left: 106px; width: 12px; height: 63px; background-image: url('../images/page/img_flow_arrow02.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box3 { margin-top: 68px; } 
.flow_box .flow_item .flow_item_cont .box.box3::before { bottom: -20px; left: 111px; width: 2px; height: 20px; background-image: url('../images/page/img_flow_arrow03.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box4::before { right: -131px; bottom: 29px; width: 131px; height: 215px; background-image: url('../images/page/img_flow_arrow04.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box5::before { right: 111px; bottom: -35px; width: 367px; height: 35px; background-image: url('../images/page/img_flow_arrow05.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box6 { margin-top: 40px; } 
.flow_box .flow_item .flow_item_cont .box.box6::before { bottom: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box7::before { bottom: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box9::before { top: 24px; left: -67px; width: 62px; height: 12px; background-image: url('../images/page/img_flow_arrow07.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box10::before { top: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); transform: rotate(180deg); } 

.flow_box .flow_item .flow_item_cont .box.box11::before { top: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box13::before { top: 24px; right: -132px; width: 130px; height: 12px; background-image: url('../images/page/img_flow_arrow08.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box14 { margin-top: 80px; } 
.flow_box .flow_item .flow_item_cont .box.box14::before { top: 24px; right: -89px; width: 89px; height: 12px; background-image: url('../images/page/img_flow_arrow12.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box15 { margin-top: 40px; } 
.flow_box .flow_item .flow_item_cont .box.box15::before { bottom: -63px; left: 106px; width: 12px; height: 58px; background-image: url('../images/page/img_flow_arrow09.svg'); } 
.flow_box .flow_item .flow_item_cont .box.box15::after { top: 24px; right: -89px; width: 89px; height: 12px; background-image: url('../images/page/img_flow_arrow12.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box16 { margin-top: 68px; } 

.flow_box .flow_item .flow_item_cont .box.box17::before { top: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); transform: rotate(180deg); } 

.flow_box .flow_item .flow_item_cont .box.box18 { margin-top: 20px; } 
.flow_box .flow_item .flow_item_cont .box.box18::before { top: 5px; left: -497px; width: 497px; height: 12px; background-image: url('../images/page/img_flow_arrow10.svg'); } 
.flow_box .flow_item .flow_item_cont .box.box18::after { bottom: -39px; left: 50%; width: 2px; height: 39px; margin-left: -1px; background-image: url('../images/page/img_flow_arrow11.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box19 { margin-top: 19px; } 
.flow_box .flow_item .flow_item_cont .box.box19::before { right: 89px; bottom: -15px; width: 283px; height: 35px; background-image: url('../images/page/img_flow_arrow13.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box20 { margin-top: 0px; } 
.flow_box .flow_item .flow_item_cont .box.box20::before { bottom: -13px; left: 50%; width: 2px; height: 33px; margin-left: -1px; background-image: url('../images/page/img_flow_arrow14.svg'); } 
.flow_box .flow_item .flow_item_cont .box.box20::after { top: 49px; right: -5px; width: 25px; height: 2px; background-image: url('../images/page/img_flow_arrow16.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box21 { position: absolute; right: -49px; bottom: 39px; } 
.flow_box .flow_item .flow_item_cont .box.box21::before { top: -170px; left: 23px; width: 48px; height: 170px; background-image: url('../images/page/img_flow_arrow17.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box22 { margin-top: 13px; } 
.flow_box .flow_item .flow_item_cont .box.box22::before { top: 5px; right: -99px; width: 99px; height: 12px; background-image: url('../images/page/img_flow_arrow15.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box23::before { bottom: -15px; left: 106px; width: 12px; height: 15px; background-image: url('../images/page/img_flow_arrow18.svg'); } 
.flow_box .flow_item .flow_item_cont .box.box24::before { bottom: -35px; left: 106px; width: 12px; height: 35px; background-image: url('../images/page/img_flow_arrow19.svg'); } 
.flow_box .flow_item .flow_item_cont .box.box25::before { bottom: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); } 
.flow_box .flow_item .flow_item_cont .box.box27::before { top: -15px; left: 106px; width: 12px; height: 10px; background-image: url('../images/page/img_flow_arrow06.svg'); } 

.flow_box .flow_item .flow_item_cont .box.box24 + .box_wrap { margin-top: 40px; } 



/* 전자세금계산서 출력 양식 */
.etax_tit{ display: inline-block; padding: 5px 0;font-size:20px;text-align:center;}
.etax_layout{overflow:hidden;margin:0 -5px}
.etax_layout>li{float:left; width:50%; padding:0 5px; box-sizing:border-box}
.desc_p{margin-top:10px;color:#222;font-size:14px; line-height: 16px;}
.desc_p strong { font-weight: 600; }

.table_design4{width:100%;border-top:2px solid #f77573;border-right:1px solid #f7929c;border-bottom:2px solid #f77573;color:#000;font-size:14px;table-layout:fixed;border-spacing:0;border-collapse:collapse}
.table_design4 thead th{height:16px;padding:4px;border-bottom:1px solid #f7929c;border-left:1px solid #f7929c;color:#ef1418;font-size:14px;font-weight:700}
.table_design4 tbody th{height:16px;padding:4px;border-bottom:1px solid #f7929c;border-left:1px solid #f7929c;color:#d04b50;font-size:14px;font-weight:700;text-align:center;background-color:#fff6f7}
.table_design4 tbody th.color{background-color:#ffdbde}
.table_design4 tbody td{height:32px;padding:4px;border-bottom:1px solid #f7929c;border-left:1px solid #f7929c;color:#000;font-size:14px}
.table_design4.center-type tbody td{text-align:center}
.table_design4.in{margin-top:0;border:0}
.table_design4.in tbody td:first-child,.table_design4.in thead th:first-child{border-left:0}
.table_design4.in tr:last-child td{border-bottom:0}
.table_design4.in thead th{height:32px;padding:0}
.table_design4.in tbody th{height:32px;padding:0}
.table_design4.in tbody td{height:32px;padding:0}
.btm_desc4{margin:10px 0 0;padding:10px;border:1px solid #f7929c;color:#f7929c;font-size:12px;font-weight:700;text-align:center}
.subject_tit4{color:#f7929c;font-size:20px}
.subject_tit4 span{color:#f7929c;font-size:14px}
.table_design5{width:100%;border-top:2px solid #5b9adf;border-right:1px solid #c6cbde;border-bottom:2px solid #5b9adf;color:#000;font-size:14px;table-layout:fixed;border-spacing:0;border-collapse:collapse}
.table_design5 thead th{height:16px;padding:4px;border-bottom:1px solid #c6cbde;border-left:1px solid #c6cbde;color:#c6cbde;font-size:14px;font-weight:700}
.table_design5 tbody th{height:16px;padding:4px;border-bottom:1px solid #c6cbde;border-left:1px solid #c6cbde;color:#105dd6;font-size:14px;font-weight:700;text-align:center;background-color:#f7f7ff}
.table_design5 tbody th.color{background-color:#c6dbf7}
.table_design5 tbody td{height:32px;padding:4px;border-bottom:1px solid #c6cbde;border-left:1px solid #c6cbde;color:#000;font-size:14px}
.table_design5.center-type tbody td{text-align:center}
.table_design5.in{margin-top:0;border:0}
.table_design5.in tbody td:first-child{border-left:0}
.table_design.in tbody td:first-child,.table_design5.in thead th:first-child{border-left:0}
.table_design5.in tr:last-child td{border-bottom:0}
.table_design5.in thead th{height:32px;padding:0}
.table_design5.in tbody th{height:32px;padding:0}
.table_design5.in tbody td{height:32px;padding:0}

.etax_layout + .tbl_style01 { margin-top: 20px; }

/* .etax_form_wrap .tbl_style01 + .tbl_style01 { margin-top: 10px; }
.etax_form_wrap .etax_layout + .tbl_style01 { margin-top: 10px; } */
.etax_form_wrap .tbl_style01 + .etax_layout  { margin-top: 10px; }

.tax_file {color: #0072BB; font-size: 13px; font-weight: bold;}
.tax_file:hover {cursor: pointer;}

.bill_status_area .item_list > li > a.new > .txt::after { content: ''; display: inline-flex; width: 6px; height: 6px; margin-left: 2px; border-radius: 50%; vertical-align: top; background-color: #E61938; }

.in-wrap {width:637px; height:375px;}
	.in-wrap .in-header {position:relative; width:637px; height:56px; background-color: #0072BB; display: flex; align-items: center;}	
		.in-wrap .in-header .logo { width: 180px; height: 39px; text-indent: -9999px; background-image: url('../images/common/img_logo.svg'); background-repeat: no-repeat; background-position: left top; margin-left: 10px; }
		.in-wrap .in-header .logo.ty2 { width: 180px; height: 39px; text-indent: -9999px; background-image: url('../images/common/img_logo_ecoengineering.svg'); background-repeat: no-repeat; background-position: left top; margin-left: 10px; }
		.in-wrap .in-header .logo.ty3 { width: 180px; height: 17px; text-indent: -9999px; background-image: url('../images/common/img_logo_renewus.svg'); background-repeat: no-repeat; background-position: left top; margin-left: 10px; }
		.in-wrap .in-header .logo em { width: 111px; height: 39px; text-indent: -9999px; background-image: url('../images/common/img_logo.svg'); background-repeat: no-repeat; background-position: left top; } 
		.in-wrap .in-header .logo span { position: relative; margin-left: 12px; padding-top: 13px; padding-left: 12px; color: #fff; font-size: 20px; font-weight: 500; line-height: 24px; } 
		.in-wrap .in-header .logo span::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; margin-top: 7px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.5); }
			
	.in-wrap .inbox {border:1px solid #444; width:100%; height:258px; padding:55px; box-sizing:border-box; background:url('../images/common/inwrap_bg.png') no-repeat top 106px left 52px}
			.in-wrap .inbox dt {font-size:25px; font-weight:800; color:#222; margin-bottom:20px}
			.in-wrap .inbox dd {display: flex;}
			.in-wrap .inbox dd input {border:1px solid #ccc; border-radius:5px; width:403px; height:55px; font-size:16px }
			.in-wrap .inbox dd button {width:90px; height:55px; border-radius:5px; background-color:#1ca8a4; font-size:16px; color:#fff; font-weight:800; vertical-align:middle; margin-left:5px}
				.in-wrap .inbox dd button:hover {background-color:#15a19d}
			.in-wrap .inbox dd p {font-size:14px; color:#666; letter-spacing:-1px; margin-top:20px}
			
/* 메인화면 공지사항 팝업 */
.noticePopWrap {box-sizing:border-box; border-radius: 14px 14px 0 0; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3)}
	.noticePopWrap .popHead {padding:0 22px; height:55px; background-color: #053273; border-radius: 10px 10px 0 0; cursor: move;}
	.noticePopWrap .popHead h2 {height:55px;line-height:55px; font-size:18px; color: white; font-weight: 800;}
	.noticePopWrap .popHead button {position: relative; top: -37px; left: 585px; background-image: url('/static/images/common/ico_pop_close.svg'); width: 20px; height: 20px; display: inline-block; text-indent: -9999px; vertical-align: top;}
	.noticePopWrap .popCont {padding:29px;min-height: 350px;} /*수정*/
		.noticePopWrap .popCont .notiPop dt {padding-bottom:15px}
		.noticePopWrap .popCont .notiPop li {padding:10px 0; border-top:1px solid #d9d9d9; font-size:13px; color:#666 }
		.noticePopWrap .popCont .notiPop li .name {padding-right:20px; position:relative}
			.noticePopWrap .popCont .notiPop li .name:after {content:''; display:block; width:1px; height:13px; background-color:#ccc; position:absolute; top:50%; right:10px; transform:translateY(-50%)}
			.noticePopWrap .popCont .notiPop li em {color:#999}
			.noticePopWrap .popCont .notiPop li .files {display:block; color:#4761e7}
				.noticePopWrap .popCont .notiPop li .files span {color:#4761e7}
		.noticePopWrap .popCont h4 {font-size:17px; color:#444; font-weight:800}
		.noticePopWrap .popCont p {font-size:14px; color:#666; margin:15px 0}
		.noticePopWrap .popCont pre {font-size:14px; color:#666; margin:15px 0}
	.noticePopWrap .popFooter {padding:0 22px; height:52px; line-height:52px; background-color:#f4f4f4; position:relative; border-top:1px solid #e5e5e5}
		.noticePopWrap .popFooter .close{display:inline-block;width:14px;height:14px;background:url('../images/common/pop_close2.png') no-repeat 50%;text-indent:-9999px;position:absolute;top:50%;right:20px;margin-top:-7px;transition:all .5s}
		.noticePopWrap .popFooter .close:hover{transform:rotate(180deg)}
		.noticePopWrap .popFooter label {font-size:15px; color:#444}
		.noticePopWrap .popFooter input {width: 18px; height: 18px; margin-right:5px; vertical-align: -3px;}
		.noticePopWrap .popFooter input:hover {cursor: pointer;}
		.noticePopWrap .popFooter .closeOneDayBtn:hover {cursor: pointer;}