@charset "utf-8";

html,
body { min-height: 100%; height: 100%; font-family: "Pretendard" !important; }
.test_text {background-image: url('../images/common/test.png');
			background-size : 120px;
			background-repeat: repeat;}
.w145 { width: 145px !important; }
.w160 { width: 160px !important; }
.w240 { width: 240px !important; }

.p_0 { padding: 0 !important; }

.m_0 { margin: 0 !important; }


/* GRID LAYOUT */
.justify-start { justify-content: flex-start; } 
.justify-end { justify-content: flex-end; } 
.justify-center { justify-content: center; } 
.justify-between { justify-content: space-between; } 
.justify-around { justify-content: space-around; } 

.align-start { align-items: start; } 
.align-end { align-items: end; } 
.align-center { align-items: center; } 
.align-baseline { align-items: baseline; } 
.align-stretch { align-items: stretch; } 

.flex-row { flex-direction: row; } 
.flex-row-reverse { flex-direction: row-reverse; } 
.flex-column { flex-direction: column; } 
.flex-column-reverse { flex-direction: column-reverse; } 

.text-start { text-align: start; } 
.text-center { text-align: center; } 
.text-end { text-align: end; } 

.grid-container { --bs-gutter-y: 0; --bs-gutter-x: 0; } 
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; /* max-width: 100%; width: 100%; */ margin-top: var(--bs-gutter-y); padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } 

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; } 

.col { flex: 1 0 0%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

.g-0,
.gx-0 { --bs-gutter-x: 0; } 
.g-0,
.gy-0 { --bs-gutter-y: 0; } 
.g-1,
.gx-1 { --bs-gutter-x: 1px; } 
.g-1,
.gy-1 { --bs-gutter-y: 1px; } 
.g-2,
.gx-2 { --bs-gutter-x: 2px; } 
.g-2,
.gy-2 { --bs-gutter-y: 2px; } 
.g-3,
.gx-3 { --bs-gutter-x: 3px; } 
.g-3,
.gy-3 { --bs-gutter-y: 3px; } 
.g-4,
.gx-4 { --bs-gutter-x: 4px; } 
.g-4,
.gy-4 { --bs-gutter-y: 4px; } 
.g-5,
.gx-5 { --bs-gutter-x: 5px; } 
.g-5,
.gy-5 { --bs-gutter-y: 5px; } 
.g-6,
.gx-6 { --bs-gutter-x: 6px; } 
.g-6,
.gy-6 { --bs-gutter-y: 6px; } 
.g-7,
.gx-7 { --bs-gutter-x: 7px; } 
.g-7,
.gy-7 { --bs-gutter-y: 7px; } 
.g-8,
.gx-8 { --bs-gutter-x: 8px; } 
.g-8,
.gy-8 { --bs-gutter-y: 8px; } 
.g-9,
.gx-9 { --bs-gutter-x: 9px; } 
.g-9,
.gy-9 { --bs-gutter-y: 9px; } 
.g-10,
.gx-10 { --bs-gutter-x: 10px; } 
.g-10,
.gy-10 { --bs-gutter-y: 10px; } 
.g-11,
.gx-11 { --bs-gutter-x: 11px; } 
.g-11,
.gy-11 { --bs-gutter-y: 11px; } 
.g-12,
.gx-12 { --bs-gutter-x: 12px; } 
.g-12,
.gy-12 { --bs-gutter-y: 12px; } 
.g-13,
.gx-13 { --bs-gutter-x: 13px; } 
.g-13,
.gy-13 { --bs-gutter-y: 13px; } 
.g-14,
.gx-14 { --bs-gutter-x: 14px; } 
.g-14,
.gy-14 { --bs-gutter-y: 14px; } 
.g-15,
.gx-15 { --bs-gutter-x: 15px; } 
.g-15,
.gy-15 { --bs-gutter-y: 15px; } 
.g-16,
.gx-16 { --bs-gutter-x: 16px; } 
.g-16,
.gy-16 { --bs-gutter-y: 16px; } 
.g-17,
.gx-17 { --bs-gutter-x: 17px; } 
.g-17,
.gy-17 { --bs-gutter-y: 17px; } 
.g-18,
.gx-18 { --bs-gutter-x: 18px; } 
.g-18,
.gy-18 { --bs-gutter-y: 18px; } 
.g-19,
.gx-19 { --bs-gutter-x: 19px; } 
.g-19,
.gy-19 { --bs-gutter-y: 19px; } 
.g-20,
.gx-20 { --bs-gutter-x: 20px; } 
.g-20,
.gy-20 { --bs-gutter-y: 20px; } 
.g-21,
.gx-21 { --bs-gutter-x: 21px; } 
.g-21,
.gy-21 { --bs-gutter-y: 21px; } 
.g-22,
.gx-22 { --bs-gutter-x: 22px; } 
.g-22,
.gy-22 { --bs-gutter-y: 22px; } 
.g-23,
.gx-23 { --bs-gutter-x: 23px; } 
.g-23,
.gy-23 { --bs-gutter-y: 23px; } 
.g-24,
.gx-24 { --bs-gutter-x: 24px; } 
.g-24,
.gy-24 { --bs-gutter-y: 24px; } 
.g-25,
.gx-25 { --bs-gutter-x: 25px; } 
.g-25,
.gy-25 { --bs-gutter-y: 25px; } 
.g-26,
.gx-26 { --bs-gutter-x: 26px; } 
.g-26,
.gy-26 { --bs-gutter-y: 26px; } 
.g-27,
.gx-27 { --bs-gutter-x: 27px; } 
.g-27,
.gy-27 { --bs-gutter-y: 27px; } 
.g-28,
.gx-28 { --bs-gutter-x: 28px; } 
.g-28,
.gy-28 { --bs-gutter-y: 28px; } 
.g-29,
.gx-29 { --bs-gutter-x: 29px; } 
.g-29,
.gy-29 { --bs-gutter-y: 29px; } 
.g-30,
.gx-30 { --bs-gutter-x: 30px; } 
.g-30,
.gy-30 { --bs-gutter-y: 30px; } 
.g-31,
.gx-31 { --bs-gutter-x: 31px; } 
.g-31,
.gy-31 { --bs-gutter-y: 31px; } 
.g-32,
.gx-32 { --bs-gutter-x: 32px; } 
.g-32,
.gy-32 { --bs-gutter-y: 32px; } 
.g-33,
.gx-33 { --bs-gutter-x: 33px; } 
.g-33,
.gy-33 { --bs-gutter-y: 33px; } 
.g-34,
.gx-34 { --bs-gutter-x: 34px; } 
.g-34,
.gy-34 { --bs-gutter-y: 34px; } 
.g-35,
.gx-35 { --bs-gutter-x: 35px; } 
.g-35,
.gy-35 { --bs-gutter-y: 35px; } 
.g-36,
.gx-36 { --bs-gutter-x: 36px; } 
.g-36,
.gy-36 { --bs-gutter-y: 36px; } 
.g-37,
.gx-37 { --bs-gutter-x: 37px; } 
.g-37,
.gy-37 { --bs-gutter-y: 37px; } 
.g-38,
.gx-38 { --bs-gutter-x: 38px; } 
.g-38,
.gy-38 { --bs-gutter-y: 38px; } 
.g-39,
.gx-39 { --bs-gutter-x: 39px; } 
.g-39,
.gy-39 { --bs-gutter-y: 39px; } 
.g-40,
.gx-40 { --bs-gutter-x: 40px; } 
.g-40,
.gy-40 { --bs-gutter-y: 40px; } 


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


/* common */
.color01 { color: #EF7B10 !important; }
.color02 { color: #21248E !important; }

.check { font-size: 12px; font-weight: 600; }
.check.no { color: #F63030; }
.check.yes { color: #1BB26C; }

.req { color: #EF1010; margin-left: 2px; font-size: 15px; }

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

.col-12:has(.divid) { margin: 20px 0 8px; border-top: 1px dashed #E5E8EB; }

.show_480 { display: none; }
.show_767 { display: none; }
.hide_767 { display: block; }
.show_1000 { display: block; }


/* tit_area */
.tit_area { display: flex; align-items: center; position: relative; height: 160px; background: url('../images/common/img_title_area_bg.svg') no-repeat center; background-size: cover; }
.tit_area .tit_cont { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.tit_area .tit_cont .tit { color: #fff; font-size: 42px; line-height: 50px; font-weight: 700; }


/* sub_tit_area */
.sub_tit_area { display: flex; justify-content: space-between; }
.sub_tit_area .right { align-self: flex-end; }
.sub_tit_area .tit { color: #222; font-size: 30px; font-weight: 700; line-height: 36px; }
.sub_tit_area .desc { margin-top: 12px; color: #666; font-size: 18px; font-weight: 400; line-height: 21px; }
.sub_tit_area + .form_area { margin-top: 30px; }

.sub_tab_area + .sub_tit_area { margin-top: 40px; }


/* form_area */
.form_area {background-color: #fff; border-radius: 16px; }
.form_area + .form_area { margin-top: 30px; }
.form_area .form_tit_area { display: flex; justify-content: space-between; align-items: center; height: 64px; padding: 0 24px; }
.form_area .form_tit_area .tit { display: flex; align-items: center; gap: 8px; color: #2C334D; font-size: 20px; font-weight: 600; line-height: 24px; }
.form_area .form_tit_area .tit .count { display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #00B5D5; border-radius: 100px; color: #fff; font-size: 16px; }
.form_area .form_tit_area .total { display: inline-block; font-size: 14px; font-weight: 500; line-height: 17px; }
.form_area .form_tit_area .total em { color: #00B5D5; font-weight: 700; margin-left: 4px; }
.form_area .form_cont_area { padding: 18px 24px 22px; border-top: 1px solid #e6e6e6; }
.form_area .form_cont_area .form_list_area { display: flex; gap: 12px 30px; flex-wrap: wrap; }
.form_area .form_cont_area .form_list_area li { width: 364px; }
.form_area .form_cont_area .form_list_area li dl { display: flex; align-items: center; }
.form_area .form_cont_area .form_list_area li dl dt { display: flex; align-items: center; flex-wrap: wrap; width: 120px; }
.form_area .form_cont_area .form_list_area li dl dt span { max-width: calc(100% - 29px); color: #575C6B; font-weight: 500; font-size: 15px; line-height: 18px; }
.form_area .form_cont_area .form_list_area li dl dt .em_wrap { line-height: 18px; }
.form_area .form_cont_area .form_list_area li dl dt .color01 { display: inline-block; font-size: 15px; font-weight: 500; margin-left: 2px; line-height: 18px; }
.form_area .form_cont_area .form_list_area li dl dd { width: calc(100% - 120px); padding-left: 4px; }
.form_area .form_cont_area .desc_list + h5 { margin: 24px 0 12px; color: #2C334D; font-size: 16px; font-weight: 600; line-height: 19px; }
.form_area .form_cont_area .desc_list + h5 .color01 { display: inline-block; font-size: 14px; font-weight: 500; margin-left: 2px; line-height: 17px; }

.form_top_area { display: flex; align-items: center; gap: 8px; }

.form_list_area + .desc_list { margin-top: 16px; } 
.desc_list + .form_list_area { margin-top: 24px; }
.desc_list li { display: flex; gap: 4px; color: #666; font-size: 13px; font-weight: 400; line-height: 20px; }
.desc_list li .color01 { display: inline-block; font-size: 13px; font-weight: 500; margin-left: 2px; line-height: 20px; }
.desc_list li strong { color: #222; }
.desc_list_btn_wrap { display: flex; justify-content: space-between; }
.tbl_style01 + .desc_list_btn_wrap { margin-top: 10px; }

.form_search_area + .form_area { margin-top: 24px; }


/* form_control */
.form_control { position: relative; width: 100%; height: 36px; border: none; border-bottom: 1px solid #2C334D; padding: 0 10px; font-size: 15px; color: #222; font-weight: 500; }
.form_control:focus,
.form_control.ty02:focus,
select.form_control:focus { outline: none; border-color: #00B5D5; }
.form_control::placeholder { color: #AAA; font-size: 14px; font-weight: 500; }
.form_control.ty02 { border: 1px solid #DDE3E8; background-color: #fff; border-radius: 5px; font-size: 14px; }
.form_control.ty02:not(select):read-only { border-color: #dde3e8; background-color: #eff1f2; }
.form_control.error,
.form_control.error:focus { border-color: #ef1010; }
.form_control.error + .error_msg { color: #ef1010; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 2px; }

select.form_control { position: relative; background: url('../images/common/ico_form_control_select_arrow.svg') no-repeat center right 10px; background-size: 20px auto; appearance: none; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
textarea.form_control { display: block; width: 100%; height: auto; padding: 10px; }


/* form_search_area */
.form_search_area { display: flex; justify-content: space-between; align-items: center; padding: 19px 24px; background-color: #fff; border: 2px solid #BDCED1; border-radius: 12px; }
.form_search_area .left { display: flex; align-items: center; gap: 20px; }
.form_search_area .left .input_wrap { display: flex; align-items: center; gap: 4px; }
.form_search_area .left .input_wrap input.form_control { width: 244px; }
.form_search_area .left .input_wrap select.form_control { width: 160px; }

.form_search_area .left .date_wrap { display: flex; align-items: center; gap: 4px; }



/* button */
.btn_group { display: flex; justify-content: center; align-items: center; gap: 4px; }
.btn_group.ty02 { gap: 8px; }
.btn_group.ty03 { gap: 10px; }
.btn_group.ty04 { flex-wrap: wrap; justify-content: flex-start; }

.btn { display: inline-flex; justify-content: center; align-items: center; gap: 4px; border-radius: 6px; min-width: 80px; height: 36px; padding: 0 14px; font-size: 14px; font-weight: 600; line-height: 18px; transition: all .2s; color: #fff; background-color: #00B5D5; white-space: nowrap; }
.btn:hover { background-color: #0091AA; }
.btn.ty02 { background-color: #575C6B; }
.btn.ty02:hover { background-color: #464a56; }
.btn.ty03 { background-color: #A0A7A9; }
.btn.ty03:hover { background-color: #757e80; }

.btn.line { color: #00B5D5; border: 1px solid #00B5D5; border-radius: 6px; background-color: rgba(0, 181, 213, 0.1); }
.btn.line:hover { color: #fff; background-color: #00b5d5; }
.btn.line.ty02 { color: #575C6B; background-color: rgba(87, 92, 107, 0.1); border-color: #575C6B; }
.btn.line.ty02:hover { color: #fff; background-color: #575C6B; }
.btn.line.ty03 { color: #21248E; background-color: #E9EAF4; border-color: #21248E; }
.btn.line.ty03:hover { color: #fff; background: #21248E; }
.btn.line.ty04 { color: #575C6B; background: #fff; border-color: #575C6B; padding: 0 10px; }
.btn.line.ty04:hover { color: #fff; background-color: #575C6B; }
.btn.line.ty05 { color: #EC6161; background-color: #FFE9E9; border-color: #EC6161; }
.btn.line.ty05:hover { color: #fff; background-color: #EC6161; } 

.btn.lg { min-width: 120px; height: 46px; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; padding: 0 20px; }
.btn.sm { min-width: 69px; height: 32px; border-radius: 5px; font-size: 13px; padding: 0 9px; }

.btn.pop { min-width: 94px; height: 46px; border-radius: 10px; font-size: 16px; }
.btn.pop.per_info_btn { min-width: 163px; }

.ico { display: inline-block; width: 16px; height: 16px; background-size: 16px auto; background-repeat: no-repeat; background-position: center; }
.ico.plus { background-image: url(../images/common/ico_plus.svg); }
.btn:hover .ico.plus { background-image: url(../images/common/ico_plus_h.svg); background-size: 16px auto; }
.ico.delete { background-image: url(../images/common/ico_delete.svg); }
.btn:hover .ico.delete { background-image: url(../images/common/ico_delete_h.svg); }
.ico.file { background-image: url(../images/common/ico_file.svg); }
.btn:hover .ico.file,
.ico.file_w { background-image: url(../images/common/ico_file_w.svg); }
.ico.down { background-image: url(../images/common/ico_down.svg); }
.btn:hover .ico.down { background: url(../images/common/ico_down_w.svg); }
.ico.search { background-image: url(../images/common/ico_search_w.svg); }

.btn.disabled { pointer-events: none; color: #AAA; background-color: #DDDDDD; }
.btn.line.disabled { color: #A0A7A9; border-color: #A0A7A9; background-color: #F6F7F7; }


/* tbl_style01 */
.tbl_style01 { table-layout: fixed; border-left-style: hidden; }
.tbl_style01 thead { border-top: 1px solid #929EA0; border-bottom: 1px solid #929EA0; }
.tbl_style01 thead th { background-color: #EEF6F7; border-left: 1px solid #CBD5D7; border-top: 1px solid #929EA0; border-bottom: 1px solid #929EA0; color: #575C6B; font-size: 15px; font-weight: 500; padding: 5px; }
.tbl_style01 th,
.tbl_style01 td { height: 36px; text-align: center; padding: 6px 8px; }
.tbl_style01 .border_thin,
.tbl_style01 td { border-bottom: 1px solid #CBD5D7; padding: 5px 2px; }
.tbl_style01 .border_short { position: relative; border-left: none; }
.tbl_style01 .border_short::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background-color: #CBD5D7; }
.tbl_style01 thead th .color01 { margin-left: 2px; }


/* tbl_style_02 */
.tbl_style02 { table-layout: fixed; border-bottom-style: hidden; }
.tbl_style02 thead { background-color: #DBF1FF; border: 1px solid #DBF1FF; }
.tbl_style02 thead th { height: 40px; font-weight: 500; border-bottom: 2px solid #7FADCA; color: #4f6281; font-size: 13px; }
.tbl_style02 tbody { border: 1px solid #E5E8EB; }
.tbl_style02.tr_cursor tbody tr { cursor: pointer; }
.tbl_style02 thead th,
.tbl_style02 tbody td { text-align: center; padding: 6px 7px; transition: all .2s; }
.tbl_style02 tbody td { font-size: 14px; font-weight: 400; height: 46px; color: #222; background-color: #fff; border-bottom: 1px solid #E5E8EB; }
.tbl_style02:not(.non_hover) tbody tr:hover td { background-color: #EFF6FB; }
.tbl_style02 tbody td.file_name_rule { color: #778186; }
.tbl_style02 tbody td .prefix { color: #00b5d5; }

.tbl_top_area + .tbl_wrap { margin-top: 10px; }
.sub_tit_area + .tbl_wrap { margin-top: 20px; }

.tbl_style02 td.report { font-weight: 600; color: #00B5D5; }
.tbl_style02 td.report.st02 { color: #067978; }
.tbl_style02 td.report.st03 { color: #21618E; }
.tbl_style02 td.admin { color: #00B5D5; }


/* tbl_style03 */
.tbl_style03 { table-layout: fixed; padding: 10px 24px; }
.tbl_style03 tbody tr { position: relative; z-index: 1; }
.tbl_style03 tbody tr td:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: calc(100% - 8px); background-color: #EFF6FB; border: 2px solid #00B5D5; box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.05); border-radius: 12px; opacity: 0; visibility: hidden; transition: all .2s; z-index: -1; }
.tbl_style03 tbody tr td:hover::before { opacity: 1; visibility: visible; }
.tbl_style03 tbody td { height: 64px; text-align: center; border-bottom: 1px solid #E6E6E6; font-size: 16px; font-weight: 400; color: #000; padding: 6px 7px; cursor: pointer; }
.tbl_style03 tbody td.date { font-size: 14px; color: #888; }
.tbl_style03 tbody tr:last-child td { border-bottom: none; }
.tbl_style03 tbody td span.new { display: inline-flex; justify-content: center; align-items: center; height: 36px; padding: 0 15px; color: #00B5D5; font-size: 14px; font-weight: 600; background-color: rgba(0, 181, 213, 0.1); border-radius: 50px; }


.tbl_border_custom { position: relative; }
.tbl_border_custom::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 2px); height: 38px; border: 1px solid #DBF1FF; border-bottom: none; border-radius: 16px 16px 0 0; z-index: 1; }
.tbl_wrap { overflow: hidden; border-radius: 16px; }
.tbl_wrap.ty02 { padding: 10px 24px; }
.tbl_wrap.ty03 { border: 1px solid #E5E8EB; }
.tbl_wrap.ty03 tbody { border: none; }
.tbl_wrap:has(.tbl_style04) { border: 1px solid #ABC8DF; }

table tbody td.date { color: #666; } 
table.empty_cont { height: 229px; }
table.empty_cont td { pointer-events: none; }
table.empty_cont td p { color: #999; font-size: 14px; font-weight: 500; padding-top: 52px; background: url('../images/common/img_tbl_empty.svg') no-repeat center top; background-size: 42px auto; }
table tbody td.num { color: #575C6B; font-size: 14px; font-weight: 500; }


/* tbl_style04 */
.tbl_style04 { table-layout: fixed; border-left-style: hidden; border-bottom-style: hidden; }
.tbl_style04 thead th { height: 32px; padding: 5px 10px; background-color: #dbf1ff; color: #4f6281; font-size: 13px; font-weight: 500; line-height: 16px; border-left: 1px solid #abc8df; border-bottom: 1px solid #abc8df; }
.tbl_style04 tbody td { height: 82px; padding: 10px 20px; color: #222; font-size: 13px; font-weight: 500; line-height: 18px; text-align: center; border-left: 1px solid #abc8df; border-bottom: 1px solid #abc8df; }
.tbl_style04.ty02 tbody td { height: 42px; }
.per_info_area .desc + .tbl_wrap { margin-top: 10px }


/* btm_paging_area */
.btm_paging_area { position: relative; display: flex; justify-content: center; align-items: center; height: 60px; background-color: #fff; border: 1px solid #e5e8eb; border-radius: 0 0 16px 16px; }
.btm_paging_area .left { position: absolute; top: 50%; left: 24px; transform: translateY(-50%); }
.btm_paging_area .right { position: absolute; top: 50%; right: 24px; transform: translateY(-50%); }
.btm_paging_area .paging_area { display: flex; align-items: center; gap: 4px; }
.btm_paging_area .paging_area button { display: inline-flex; justify-content: center; align-items: center; padding:1px 8px; height: 32px; color: #7d7f93; font-size: 13px; font-weight: 500; border-radius: 50px; border: 1px solid transparent; transition: all .2s; background-repeat: no-repeat; background-size: 12px auto; background-position: center; }
.btm_paging_area .paging_area button.num:hover:not(.active) { color: #00B5D5; background-color: #E7F6F8; border-color: #00B5D5; }
.btm_paging_area .paging_area button.active { background-color: #00B5D5; border-color: #00B5D5; color: #fff; }
.btm_paging_area .paging_area button.first { background-image: url(../images/common/btn_paging_first.svg); }
.btm_paging_area .paging_area button.first:hover { background-image: url(../images/common/btn_paging_first_h.svg); }
.btm_paging_area .paging_area button.first.disabled { background-image: url(../images/common/btn_paging_first_dis.svg); }
.btm_paging_area .paging_area button.prev { background-image: url(../images/common/btn_paging_prev.svg); }
.btm_paging_area .paging_area button.prev:hover { background-image: url(../images/common/btn_paging_prev_h.svg); }
.btm_paging_area .paging_area button.prev.disabled { background-image: url(../images/common/btn_paging_prev_dis.svg); }
.btm_paging_area .paging_area button.next { background-image: url(../images/common/btn_paging_next.svg); }
.btm_paging_area .paging_area button.next:hover { background-image: url(../images/common/btn_paging_next_h.svg); }
.btm_paging_area .paging_area button.next.disabled { background-image: url(../images/common/btn_paging_next_dis.svg); }
.btm_paging_area .paging_area button.last { background-image: url(../images/common/btn_paging_last.svg); }
.btm_paging_area .paging_area button.last:hover { background-image: url(../images/common/btn_paging_last_h.svg); }
.btm_paging_area .paging_area button.last.disabled { background-image: url(../images/common/btn_paging_last_dis.svg); }

.btm_paging_area .rowpage em { color: rgba(125, 127, 147, 1); font-size: 13px; }
.btm_paging_area .rowpage select { -moz-appearance: none; -webkit-appearance: none; }
.btm_paging_area .rowpage select::-ms-expand { display: none; }
.btm_paging_area .rowpage select { min-width: 60px; height: 32px; margin-left: 6px; padding-left: 10px; font-size: 14px; color: #3A4667; border: 1px solid rgba(206, 209, 217, 1); border-radius: 32px; background: #fff url("../images/common/paging_rowselect.svg") no-repeat right 10px top 50%; }

.btm_paging_area.st02 { border-color: #f1f1f1; }


/* btm_area */
.btm_area { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 30px; text-align: right; }


/* radio */
.radio_wrap { display: flex; align-items: center; gap: 2px; }
.radio_custom input { display: none; }
.radio_custom label { display: inline-block; min-width: 53px; height: 36px; padding: 0 14px; border: 1px solid #CCC; border-radius: 6px; color: #888; background-color: #fff; font-size: 14px; font-weight: 500; text-align: center; transition: all .2s; line-height: 34px; cursor: pointer; }
.radio_custom label:hover,
.radio_custom input:checked + label { border: 1px solid #00B5D5; color: #00B5D5; }


/* radio agreement */
.agreement_area { margin-top: 10px; }
.agreement_area .radio_wrap { gap: 20px; font-size: 0; }
.agreement_area .radio_custom input + label { position: relative; height: auto; padding-left: 28px; padding-right: 0; vertical-align: middle; color: #000; font-size: 14px; font-weight: 500; line-height: 21px; transition: all .3s; cursor: pointer; border: none; }
.agreement_area .radio_custom input + label::before { content: ''; position: absolute; top: 50%; left: 0; width: 21px; height: 21px; background: url('../images/common/ico_rdo_off.svg') no-repeat center left; transition: all .3s; transform: translate(0, -50%); }
.agreement_area .radio_custom input:checked + label::before { background-image: url(../images/common/ico_rdo_on.svg); }


/* checkbox */
input[type=checkbox] { display: none; }
input[type=checkbox] + label { position: relative; padding-left: 26px; vertical-align: middle; color: #575C6B; font-size: 15px; font-weight: 500; line-height: 18px; transition: all .3s; cursor: pointer; }
input[type=checkbox] + label::before { content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background: url('../images/common/ico_chk.svg') no-repeat center left; transition: all .3s; transform: translate(0, -50%); }
input[type=checkbox]:hover + label::before { background-image: url(../images/common/ico_chk_h.svg); }
input[type=checkbox]:checked + label::before { background-image: url(../images/common/ico_chk_checked.svg); }
input[type=checkbox]:disabled + label { cursor: default; }
input[type=checkbox]:disabled + label::before { background-image: url(../images/common/ico_chk_dis.svg); }


/* desc_list_box */
.desc_list_box { padding: 18px 14px; background-color: #fafafa; border: 1px solid #E5E8EB; border-radius: 8px; }
.desc_list_box li { position: relative; padding-left: 20px; color: #444; font-size: 13px; font-weight: 400; line-height: 20px; }
.desc_list_box li::before { content: ''; position: absolute; top: 3px; left: 0; width: 14px; height: 14px; background: url('../images/common/ico_desc_list_chk.svg') no-repeat center; background-size: 14px auto; }
.desc_list_box li + li { margin-top: 8px; }
.desc_list_box li strong { color: #21248E; font-weight: 500; }
.desc_list_box li span { color: #21248E; }

.desc_list_box.ty02 { padding: 18px 20px; }
.desc_list_box.ty02 li { display: flex; gap: 10px; align-items: flex-start; }
.desc_list_box.ty02 li + li { margin-top: 15px; }
.desc_list_box.ty02 li .tit { display: inline-block; color: #4F6281; font-size: 13px; font-weight: 500; line-height: 20px; white-space: nowrap; }
.desc_list_box.ty02 li .detail { color: #666; font-size: 13px; font-weight: 400; line-height: 20px; }
.desc_list_box.ty02 li .detail strong { color: #666; font-weight: 600; }
.desc_list_box.ty02 li::before { display: none; }
.tbl_border_custom + .desc_list_box.ty02 { margin-top: 10px; }


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

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

.layer_popup_area { overflow: hidden; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 16px; z-index: 1001;  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3); background-color: #fff; } 
.layer_head { display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 24px; background-color: #00B5D5; } 
.layer_head .left { width: calc(100% - 20px); } 
.layer_head .left .title { color: #fff; font-size: 20px; font-weight: 700; line-height: 24px; } 
.layer_head .pop_close { display: inline-block; overflow: hidden; width: 24px; height: 24px; 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 .layer_cont { padding: 20px 24px 40px; } 
.layer_body .layer_cont:has(.per_info_area) { padding: 20px 25px; }

.layer_body .pop_tit_area { display: flex; justify-content: space-between; align-items: center; }
.layer_body .pop_tit_area .tit { color: #2c334d; font-size: 22px; font-weight: 600; }

.layer_body .per_info_area .per_info_tit_area .tit { color: #2c334d; font-size: 22px; font-weight: 700; line-height: 26px; }
.layer_body .per_info_area .desc { display: block; color: #666; font-size: 14px; font-weight: 500; line-height: 22px; }
.layer_body .per_info_area .per_info_tit_area .tit + .desc { margin-top: 10px; }
.layer_body .per_info_area .tbl_wrap:has(.tbl_style04) + .desc { margin-top: 10px; }
.layer_body .per_info_area .desc.ty02 { position: relative; margin-top: 3px; padding-left: 10px; color: #666; font-size: 13px; font-weight: 400; line-height: 20px; }
.layer_body .per_info_area .desc.ty02::before { content: '*'; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); color: #EF7B10;}
.layer_body .per_info_area .desc a { color: #00b5d5; }
.layer_body .per_info_area .per_info_sub_tit_area { display: flex; justify-content: space-between; align-items: center; margin: 30px 0 10px; }
.layer_body .per_info_area .agreement_area + .per_info_sub_tit_area { margin-top: 20px; }
.layer_body .per_info_area .per_info_sub_tit_area .tit { position: relative; padding-left: 18px; font-size: 16px; font-weight: 600; color: #2c334d; line-height: 19px; }
.layer_body .per_info_area .per_info_sub_tit_area .tit::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 8px; height: 8px; background-color: #2c334d; }
.layer_body .per_info_area .agreement_area { display: flex; justify-content: space-between; align-items: center; }
.layer_body .per_info_area .esquire { margin-top: 20px; color: #222; font-size: 18px; font-weight: 700; line-height: 22px; text-align: right; }

.layer_footer { display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 12px 24px; border-top: 1px solid #E6E8EC; } 

.layer_popup_area.alert { display: flex; flex-direction: column; overflow: hidden; width: 320px; min-height: 280px; margin: 0; padding: 0; padding-top: 0; border: 0; border-top: 0; border-radius: 20px; background: none; } 
.layer_popup_area.alert .alert_body { flex: 1; padding: 34px 0 20px; background-color: #fff; } 
.layer_popup_area.alert .alert_body .alert_cont { padding: 68px 40px 0; background-repeat: no-repeat; background-size: 50px auto; background-position: 50% 0; background-image: url('../images/common/img_alert01.svg'); } 
.layer_popup_area.alert .alert_body .alert_cont.id { background-image: url(../images/common/img_alert02.svg); } 
.layer_popup_area.alert .alert_body .alert_cont .tit { color: #384264; font-size: 18px; font-weight: 700; text-align: center; line-height: 20px; } 
.layer_popup_area.alert .alert_body .alert_cont .desc { margin-top: 8px; text-align: center; color: #778186; font-size: 13px; font-weight: 400; line-height: 18px; }
.layer_popup_area.alert .alert_body .alert_cont .desc strong { color: #384264; font-weight: 500; }
.layer_popup_area.alert .alert_footer { display: flex; justify-content: center; background-color: #fff; padding-bottom: 30px; }

.scroll_y { height: 100%; overflow-y: auto; overflow-x: hidden; }
.scroll_y::-webkit-scrollbar { width: 6px; }
.scroll_y::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(0, 0, 0, 0.2); }
.scroll_y::-webkit-scrollbar-track { background: #ebebeb; }


/* Window Popup */
.popup_wrap  { height: 100%; }
.popup_inner { display: flex; flex-direction: column; height: 100%; }
.popup_head { flex: none; display: inline-flex; align-items: center; min-height: 60px; padding: 5px 24px; background: #00B5D5; z-index: 100; } 
.popup_head .tit { color: #fff; font-size: 20px; font-weight: 700; }
.popup_container { flex: 1; }
.popup_content { padding: 26px 24px 30px; }
.popup_footer { display: flex; justify-content: space-between; align-items: center; height: 70px; min-height: 70px; padding: 0 24px; border-top: 1px solid #E6EBEC; }


/* form_info_area */
.desc_list_box + .form_info_area { margin-top: 15px; }
.form_info_area .info-item .label { color: #575C6B; font-size: 14px; font-weight: 500; line-height: 17px; }
.form_info_area .info-item .cnt { margin-top: 3px; }


/* info_detail_area */
.info_detail_area { padding: 20px 20px; background-color: #EBF7FF; border-radius: 16px; }
.info_detail_area .info_detail_list { display: flex; flex-wrap: wrap; gap: 20px 5px; }
.info_detail_area .info_detail_list li { width: calc(20% - 4px); }
.info_detail_area .info_detail_list li.divid { position: relative; width: 100%; }
.info_detail_area .info_detail_list li.divid::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 1px; background-color: #DDDDDD; }
.info_detail_area .info_detail_list li dl dt { color: #4F6281; font-size: 12px; font-weight: 600; line-height: 14px; }
.info_detail_area .info_detail_list li dl dd { margin-top: 10px; color: #222; font-size: 15px; font-weight: 600; line-height: 18px; }
.info_detail_area .info_detail_list li dl dd.str { color: #F63030; }

.info_detail_area_sm { display: flex; gap: 20px; padding: 22px 20px; background-color: #fff; border-radius: 16px; }
.info_detail_area_sm .info_detail_list { flex-direction: column; width: calc(25% - 30px); }
.info_detail_area_sm .info_detail_list li { width: 100%; }
.info_detail_area_sm .info_detail_list li dl { display: flex; align-items: center; }
.info_detail_area_sm .info_detail_list li dl dt { width: 40%; padding-right: 5px; word-wrap: normal; }
.info_detail_area_sm .info_detail_list li dl dd { margin-top: 0; width: 60%; text-align: right; }
.info_detail_area_sm .divid { position: relative; }
.info_detail_area_sm .divid::before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #DDD; }
.info_detail_area > .info_detail_area_sm { margin-top: 20px; }


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


body { font-family: 'Pretendard' !important; }

#wrapper { display: flex; flex-direction: column; min-width: 1400px; min-height: 800px; height: 100%; }
#wrapper.main #container { padding: 0; }
#container { flex: 1; background-color: #F7F8F9; }
#wrapper.main .content { display: flex; height: 100%; }
.inner { width: 1200px; margin: 0 auto; }
.inner.ty02 { width: 1260px; }
.cont_area { padding: 50px 0 60px; }


/* header */
#header { z-index: 100; }
#header .header_menu { position: relative; width: 100%; height: 80px; display: flex; justify-content: center; align-items: center; background-color: #fff; }
.header_menu .left { position: absolute; top: 50%; left: 50px; transform: translate(0, -50%); }
.header_menu .left .logo a { display: block; width: 181px; height: 36px; background: url('../images/common/img_logo.svg') no-repeat center; text-indent: -999999px; }
.header_menu .right { display: flex; gap: 23px; align-items: center; position: absolute; top: 50%; right: 50px; transform: translate(0, -50%); }

.alram > a { display: block; width: 24px; height: 24px; background: url('../images/common/ico_header_alarm.svg') no-repeat center; background-size: 24px auto; }
.alram > a.on { background: url('../images/common/ico_header_alarm_on.svg') no-repeat center; }
.alram .alram_list { width: 238px; padding: 10px; }
.alram .alram_list li + li { margin-top: 10px; padding-top: 10px; }
.alram .alram_list li a { padding-left: 52px; font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 16px; }
.alram .alram_list li a.violation { background: url('../images/common/ico_header_alarm_violation.svg') no-repeat center left 10px; background-size: 32px auto; }
.alram .alram_list li:hover a.violation { background: #CCF0F7 url('../images/common/ico_alarm_violation_h.svg') no-repeat center left 10px; }
.alram .alram_list li a.notice { background: url('../images/common/ico_header_alarm_notice.svg') no-repeat center left 10px; background-size: 32px auto; }
.alram .alram_list li a:hover.notice { background: #CCF0F7 url('../images/common/ico_alarm_notice_h.svg') no-repeat center left 10px; }
.alram .alram_list li a em { font-size: 14px; font-weight: 600; text-decoration: underline; }
.alram .alram_list li a.violation em { color: #EF1010; }
.alram .alram_list li a.notice em { color: #21248E; }

.login > a { padding-right: 28px; background: url('../images/common/ico_header_login.svg') no-repeat center right; background-size: 18px auto; color: #000; font-size: 18px; font-weight: 700; line-height: 22px; }
.login.user > a { display: inline-flex; align-items: center; height: 24px; padding-left: 30px; padding-right: 0; background: url('../images/common/ico_user.svg') no-repeat center left; background-size: 24px auto; }
.login.user .user_list { width: 160px; }

.lang_select .lang_name { display: block; color: #000; font-weight: 700; line-height: 22px; font-size: 18px; padding-right: 24px; background: url('../images/common/ico_header_lang_select.svg') no-repeat center right; background-size: 16px auto; }
.lang_select.on .lang_name { background-image: url(../images/common/ico_header_lang_select_on.svg); }
.lang_select .lang_list { width: 69px; }
.lang_select .lang_list li a { text-align: center; }

.sel_common { position: relative; }
.sel_common > a { transition: all .2s; }
.sel_common > a:hover { color: #00B5D5; }
.sel_common > ul { display: none; position: absolute; top: calc(100% + 11px); left: 50%; transform: translateX(-50%); padding: 11px 9px; border-radius: 16px; border: 1px solid #eee; background-color: #fff; box-shadow: 0 6px 16px rgba(0 ,0 ,0, 0.08); }
.sel_common > ul li a { display: block; padding: 6px 10px; color: #222; font-weight: 600; font-size: 14px; line-height: 17px; border-radius: 8px; transition: all .3s; }
.sel_common > ul li + li { position: relative; margin-top: 6px; padding-top: 6px; }
.sel_common > ul li + li::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 20px); height: 1px; background-color: #eee; }
.login.user .user_list li a:hover,
.lang_select .lang_list li a:hover { color: #009AB6; background-color: #CCF0F7; }

.gnb_menu { display: flex; align-items: center; gap: 70px; height: 100%; }
.gnb_menu > li { position: relative; height: 100%; }
.gnb_menu > li > a { display: inline-flex; align-items: center; height: 100%; color: #000; font-weight: 600; font-size: 20px; transition: all .3s; }
.gnb_menu > li:hover a { color: #00B5D5; }
.gnb_menu > li.active > a { position: relative; color: #00B5D5; }
.gnb_menu > li > a::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 5px; background-color: #00B5D5; border-radius: 100px; transition: all .3s; }
.gnb_menu > li:hover > a::before,
.gnb_menu > li.active > a::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 5px; background-color: #079AB4; border-radius: 100px; }
.gnb_menu .depth2_wrap { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 240px; padding-top: 4px; border-radius: 0 0 16px 16px;  }
.gnb_menu .depth2_wrap .depth2 { padding: 10px; border-radius: 16px; background-color: #fff; }
.gnb_menu .depth2_wrap .depth2 > li + li { margin-top: 5px; }
.gnb_menu .depth2_wrap .depth2 > li > a { display: block; padding: 13px 14px; color: #666; font-size: 16px; line-height: 19px; font-weight: 600; transition: color .2s, background-color .2s; border-radius: 10px; }
.gnb_menu .depth2_wrap .depth2 > li:hover a { color: #009ab6; font-weight: 700; background-color: rgba(0, 181, 213, 0.2); }


/* footer */
#footer { width: 100%; display: flex; justify-content: space-between; padding: 21px 50px; background-color: #fff; border: none; }
#footer .copyright,
#footer .desc { color: #999; font-weight: 400; font-size: 12px; line-height: 18px; }
#footer .footer_link { display: flex; align-items: center; }
#footer .footer_link li + li { position: relative; margin-left: 12px; padding-left: 12px; }
#footer .footer_link li + li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1px; height: 12px; background-color: #DDD; }
#footer .footer_link li a { display: block; color: #666; font-size: 13px; font-weight: 700; line-height: 16px; }
#footer .footer_link li.privacy a { color: #444; font-weight: 600; }

#footer .right { display: inline-flex; align-items: center; gap: 20px; }
#footer .right .family_site { display: inline-flex; align-items: center; width: 160px; height: 36px; border: 1px solid #D9D9D9; border-radius: 100px; padding: 0 33px 0 16px; color: rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 13px; line-height: 16px; background: url('../images/common/ico_family_site_select.svg') no-repeat center right 12px; appearance: none; }


/**************************************************
MAIN
***************************************************/


.content .cont { display: block; flex: 1; transition: flex 0.7s ease-out;  white-space: nowrap; overflow: hidden; }
.content .cont.on { flex: 3.33329; }
.content .cont .title_on { position: relative; opacity: 0; visibility: hidden; }
.content .cont.on .title_on { opacity: 1; visibility: visible; height: 100%; }
.content .cont .title_off { position: relative; display: block; height: 100%; }
.content .cont.on .title_off { display: none; }

.content .cont.item01 .title_off { background-color: #02a4c0; }
.content .cont.item02 .title_off { background-color: #21248E; }
.content .cont.item03 .title_off { background-color: #E49F15; }
.content .cont.item01 .title_on { background: url('../images/main/img_cont_item01_bg.jpg') no-repeat center; background-size: cover; }
.content .cont.item02 .title_on { background: url('../images/main/img_cont_item02_bg.jpg') no-repeat center; background-size: cover; }
.content .cont.item03 .title_on { background: url('../images/main/img_cont_item03_bg.jpg') no-repeat center; background-size: cover; }

.content .cont .title_off h3 { position: absolute; top: 160px; left: 50px; color: #fff; font-size: 40px; line-height: 50px; font-weight: 600; }
.content .cont .title_off .title_off_btn { position: absolute; top: 380px; left: 62px; display: block; width: 48px; height: 48px; background: url('../images/common/btn_cont_title_off_btn.svg') no-repeat center; background-size: 48px auto; }
.content .cont .title_off .title_off_btn::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background-color: rgba(255, 255, 255, 0.2); border-radius: 100%; animation-name: bounce; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; }

.content .cont .title_on h3 { position: absolute; top: 150px; left: 100px; color: #fff; font-size: 58px; line-height: 69px; font-weight: 600; }
.content .cont .title_on h3::before { content: ''; position: absolute; top: 0; left: calc(100% + 10px); width: 20px; height: 20px; background-color: #f1a817; border-radius: 100%; }
.content .cont .title_on ul { position: absolute; top: 267px; left: 92px; display: flex; align-items: center; gap: 30px; }
.content .cont .title_on ul li a { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 165px; height: 165px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid #fff; border-radius: 100px; color: #fff; text-align: center; font-size: 20px; font-weight: 600; line-height: 24px; padding-bottom: 31px; transition: all .2s; }
.content .cont .title_on ul li a::before { content: ''; position: absolute; bottom: 31px; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; background: url('../images/main/ico_cont_arr.svg') no-repeat center; background-size: 24px auto; transition: all .2s; }
.content .cont .title_on ul li:hover a { background-color: #fff; }

.content .cont.item01 .title_on ul li:hover a { color: #00B5D5; }
.content .cont.item02 .title_on ul li:hover a { color: #21248E; }
.content .cont.item03 .title_on ul li:hover a { color: #E5A015; }
.content .cont.item01 .title_on ul li:hover a::before { background-repeat: no-repeat; background-size: 24px auto; }
.content .cont.item01 .title_on ul li:hover a::before { background-image: url(../images/main/ico_cont_item01_arr_h.svg); }
.content .cont.item02 .title_on ul li:hover a::before { background-image: url(../images/main/ico_cont_item02_arr_h.svg); }
.content .cont.item03 .title_on ul li:hover a::before { background-image: url(../images/main/ico_cont_item03_arr_h.svg); }

.content .cont .title_on .desc { position: absolute; top: 545px; left: 110px; color: rgba(255, 255, 255, 0.7); font-size: 22px; line-height: 28px; font-weight: 700; }

@keyframes bounce {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    30% {
        transform: translate(-50%, -50%) scale(0.88);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}


/**************************************************
SUB
***************************************************/


/* tabs_area */
.tabs_area .tabs_btn_area { border-bottom: 1px solid #ddd; background-color: #fff; }
.tabs_btn_area .tabs_btn_wrap { display: flex; align-items: center; }
.tabs_btn_area .tabs_btn_wrap li { flex: 1; text-align: center; }
.tabs_btn_area .tabs_btn_wrap li button { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 68px; background-color: #fff; color: #000; font-size: 22px; font-weight: 500; line-height: 26px; }
.tabs_btn_area .tabs_btn_wrap li.active button { color: #00B5D5; font-weight: 700; }
.tabs_btn_area .tabs_btn_wrap li.active button::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background-color: #00B5D5; border-radius: 100px; }

.tabs_area .tabs_cont_area { padding: 50px 0 60px; }
.tabs_area .tabs_cont_area .tab_cont { display: none; }
.tabs_area .tabs_cont_area .tab_cont.active { display: block; }

.sub_tab_area { display: flex; align-items: center;}
.sub_tab_area .sub_tab_btn { position: relative; display: inline-flex; justify-content: center; align-items: center; min-width: 180px; height: 54px; padding: 0 20px; background-color: #fff; color: #0a6a85; font-size: 20px; font-weight: 700; }
.sub_tab_area .sub_tab_btn:first-child { border-radius: 100px 0 0 100px; }
.sub_tab_area .sub_tab_btn:last-child { border-radius: 0 100px 100px 0; }
.sub_tab_area .sub_tab_btn.active { position: relative; color: #fff; z-index: 1; }
.sub_tab_area .sub_tab_btn.active::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; background-color: #0A6A85; z-index: -1; }


/* file_upload_area */
.file_upload_area { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100px; background-color: #F7FBFC; border-radius: 4px; border: 1px dashed rgba(0, 181, 213, 0.5); }
.file_upload_area .desc { color: #666; font-size: 14px; font-weight: 400; line-height: 17px; padding-top: 29px; background: url('../images/common/ico_file_upload.svg') no-repeat center top; background-size: 24px auto; }
.file_upload_area .desc a { color: #00B5D5; font-weight: 600; text-decoration: underline; }
.file_desc { margin-top: 10px; color: #666; font-size: 13px; font-weight: 400; line-height: 16px; }
.file_desc strong { font-weight: 600; }
.file_area .file_list { display:flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.file_area .file_list li { display: flex; justify-content: space-between; align-items: center; width: 224px; height: 36px; padding: 9px 12px; background-color: #F5F5F5; border: 1px solid #e6e6e6; border-radius: 4px; }
.file_area .file_list li p { display: inline-block; width: calc(100% - 16px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 18px; color: #666; font-size: 14px; font-weight: 500; padding-left: 23px; background: url('../images/common/ico_file_link.svg') no-repeat center left; background-size: 18px auto; }
.file_area .file_list li a { display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; }
.file_area .file_list li .file_del { background-image: url(../images/common/btn_file_del.svg); }
.file_area .file_list li .file_down { background-image: url(../images/common/btn_file_down.svg); }
.file_area .file_tit { display: inline-block; color: #2C334D; font-size: 16px; font-weight: 600; line-height: 19px; }
.file_area .file_tit + .file_list { margin-top: 12px; }
.file_area:has(.file_tit) { margin-top: 23px; }
.layer_body .pop_tit_area + .file_area { margin-top: 16px; }

td .file_area .file_list { gap: 5px;; }


/* location */
.location { display: flex; align-items: center; font-size: 0; }
.location li + li { position: relative; margin-left: 11px; padding-left: 11px; } 
.location li + li::before { content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; background: url('../images/common/ico_location_arrow.svg') no-repeat center; transform: translate(-50%, -50%); }
.location li strong { display: inline-block; color: #fff; font-size: 14px; font-weight: 600; line-height: 17px; }
.location li a { display: inline-block; color: #D9F4F8; font-size: 14px; font-weight: 400; line-height: 17px; }
.location .home > a { display: inline-block; width: 18px; height: 18px; text-indent: -999999px; background: url('../images/common/ico_location_home.svg') no-repeat center; }


/* tbl_top_area */
.tbl_top_area { margin-top: 24px; }
.tbl_top_area .tbl_top_list { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 23px 20px 22px; background-color: #fff; border-radius: 16px; }
.tbl_top_area .tbl_top_list li { position: relative; padding-left: 10px; color: #444; font-size: 16px; font-weight: 500; line-height: 19px; }
.tbl_top_area .tbl_top_list li::before { content: ''; position: absolute; top: 50%; left: 3px; transform: translateY(-50%); width: 3px; height: 3px; background-color: #444; border-radius: 100%; }
.tbl_top_area .tbl_top_list li em { position: relative; display:inline-block; padding-left: 10px; margin-left: 10px; color: #00B5D5; font-size: 16px; font-weight: 500; line-height: 19px; }
.tbl_top_area .tbl_top_list li em.st02 { color: #f63030; }
.tbl_top_area .tbl_top_list li em.st03 { color: #0A6A85; }
.tbl_top_area .tbl_top_list li em::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color:#CBD5D7; }


/* notice_ipt_area */
.notice_ipt_area { display: flex; flex-direction: column; gap: 30px; }
.notice_ipt_area .notice_ipt { display: flex; align-items: flex-start; }
.notice_ipt_area .notice_ipt h5 { display: block; width: 120px; padding: 9.5px 10px 0 0; color: #575C6B; font-size: 14px; font-weight: 500; line-height: 17px; }
.notice_ipt_area .notice_ipt .file_area,
.notice_ipt_area .notice_ipt .form_control { width: calc(100% - 120px); }


/* notice_board_area */
.notice_board_area { padding: 40px; border-radius: 16px; background: #fff; }
.notice_board_area .notice_tit_area .notice_tit { color: #000; font-size: 28px; font-weight: 700; line-height: 34px; }
.notice_board_area .notice_tit_area .date { display:inline-block; margin-top: 10px; color: #888; font-size: 14px; font-weight: 400; line-height: 17px; }
.notice_board_area .notice_cont_area { position: relative; min-height: 420px; margin-top: 26px; padding-top: 23px; border-bottom: 1px solid #E6E6E6; }
.notice_board_area .notice_cont_area::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #575C6B; }



/****** 한국거래소 NSDS 소개 ******/
/* common */
.nsds_cont_area .sub_tit { display: inline-flex; justify-content: center; align-items: center; height: 46px; padding: 0 37px; margin-top: 41px; color: #fff; font-size: 24px; font-weight: 700; background-color: #00B5D5; border-radius: 0 40px 40px 70px; }

.nsds_tit { text-align: center; }
.nsds_tit .caption { display: inline-flex; justify-content: center; align-items: center; height: 32px; padding: 0 20px; background-color: rgba(228, 159, 21, 0.1); border: 1px solid #E49F15; border-radius: 50px; color: #E49F15; font-size: 18px; font-weight: 700; }
.nsds_tit .tit { color: #111; font-size: 36px; line-height: 43px; font-weight: 700; margin-top: 16px; }

.cent_ins_visual_area > .tit { position: relative; text-align: center; z-index: 1; }
.cent_ins_visual_area > .tit span { display: inline-block; padding: 0 19px; background-color: #fff; color: #333e63; font-size: 20px; font-weight: 700; line-height: 24px; }
.cent_ins_visual_area > .tit::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 2px; background-color: #D6D6E9; z-index: -1; }


/* cent_ins_visual */
.cent_ins_visual { display: flex; gap: 20px; margin-top: 16px; }
.cent_ins_visual > li { display: flex; flex-direction: column; width: 200px; height: 267px; border: 1px dashed rgba(0, 181, 213, 0.2); border-radius: 10px; }
.cent_ins_visual_area .cent_ins_visual > li.ty02 { border-color: rgba(88, 86, 225, 0.2); }
.cent_ins_visual_area .cent_ins_visual > li .tit_area { display: flex; justify-content: center; align-items: center; background-image: none; background-color: #00B5D5; border-radius: 10px; margin: -1px -1px 0 -1px; height: 41px; }
.cent_ins_visual_area .cent_ins_visual > li .tit_area .tit { height: 100%; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; font-weight: 600; }
.cent_ins_visual_area .cent_ins_visual > li.ty02 .tit_area { background-color: #5856E1; }
.cent_ins_visual_area .cent_ins_visual > li .list_area { display: flex; flex-direction: column; height: calc(100% - 39px); padding: 10px 9px 9px; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 100%; background-color: #F2F8FC; min-height: 50px; border-radius: 10px; color: #333e63; font-size: 14px; font-weight: 600; line-height: 17px; text-align: center; }
.cent_ins_visual_area .cent_ins_visual > li.ty02 .list_area li { background-color: #F2F3FC; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li.ty02 { flex: 1; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li.gap { margin-top: 46px; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li + li { margin-top: 10px; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li.arr01::before { content: ''; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: 40px; height: 71px; background: url('../images/common/img_cent_ins_arr_01.svg') no-repeat center; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li.arr02::before { content: ''; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: 40px; height: 16px; background: url('../images/common/img_cent_ins_arr_02.svg') no-repeat center; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li.arr03::before { content: ''; position: absolute; bottom: calc(100% + 3px); left: 50%; transform: translateX(-50%); width: 16px; height: 40px; background: url('../images/common/img_cent_ins_arr_03.svg') no-repeat center; }
.cent_ins_visual_area .cent_ins_visual > li .list_area li.arr04::before { content: ''; position: absolute; top: 50%; left: calc(100% + -9px); transform: translateY(-50%); width: 37px; height: 16px; background: url('../images/common/img_cent_ins_arr_04.svg') no-repeat center; }

.cent_ins_visual_area.ty02 .cent_ins_visual > li { width: 220px; height: 258px; background-color: #F2FBFD; border-width: 2px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li.ty03 { background-color: #F3F7FD; border-color: rgba(29, 91, 215, 0.2); } 
.cent_ins_visual_area.ty02 .cent_ins_visual > li .tit_area { height: 42px; margin: -2px -2px 0 -2px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li.ty03 .tit_area { background-color: #1D5BD7; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .tit_area .tit { position: relative; padding-left: 24px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .tit_area .tit::before { display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 18px; color: #00B5D5; font-size: 12px; font-weight: 600; background-color: #fff; border-radius: 100px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li.ty03 .tit_area .tit::before { color: #1D5BD7; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li:nth-child(1) .tit_area .tit::before { content: '1'; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li:nth-child(2) .tit_area .tit::before { content: '2'; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li:nth-child(3) .tit_area .tit::before { content: '3'; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area { position: relative; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li:nth-child(1) .list_area::before { content: ''; position: absolute; top: calc(50% - 10px); left: calc(100% + 2px); transform: translateY(-50%); width: 20px; height: 8px; background: url('../images/common/img_cent_ins_ty02_arr_01.svg') no-repeat center; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li:nth-child(2) .list_area::before { content: ''; position: absolute; top: calc(50% - 10px); left: calc(100% + 2px); transform: translateY(-50%); width: 20px; height: 8px; background: url('../images/common/img_cent_ins_ty02_arr_03.svg') no-repeat center; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li { position: relative; background-color: #fff; font-size: 16px; line-height: 19px; } 
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li.gap { margin-top: 36px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li.gap02 { margin-top: 32px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li:nth-child(1) .list_area li + li { margin-top: 8px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li.data { flex: none; height: 80px; padding-top: 51px; background: #fff url('../images/common/ico_cent_ins_data.svg') no-repeat center top 10px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li.monitoring { padding-top: 56px; background: #fff url('../images/common/ico_cent_ins_monitoring.svg') no-repeat center top 10px; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li.arr01::before { content: ''; position: absolute; top: auto; bottom: calc(100% + 5px); left: 50%; transform: translate(-50%, 0); width: 8px; height: 26px; background: url('../images/common/img_cent_ins_ty02_arr_02.svg') no-repeat center; }
.cent_ins_visual_area.ty02 .cent_ins_visual > li .list_area li.arr02::before { content: ''; position: absolute; top: auto; bottom: calc(100% + 5px); left: 50%; transform: translate(-50%, 0); width: 8px; height: 20px; background: url('../images/common/img_cent_ins_ty02_arr_04.svg') no-repeat center; }

.visual_area .bal_info_area + .cent_ins_visual_area.ty02 { margin-left: 35px; }


/* nsds_intro_area */
.nsds_intro_area .inner { position: relative; }
.nsds_intro_area { padding: 130px 0 85px; }
.nsds_intro_area .nsds_info { position: relative; }
.nsds_intro_area .nsds_info .info_area { padding-left: 25px; }
.nsds_intro_area .nsds_info .info_area .tit { padding-left: 5px; color: #222; font-size: 42px; font-weight: 800; line-height: 50px; }
.nsds_intro_area .nsds_info .info_area .tit_eng { margin-top: 9px; padding-left: 5px; color: #666; font-size: 30px; line-height: 36px; font-weight: 300; }
.nsds_intro_area .nsds_info .info_area .tit_eng em { color: #00B5D5; font-weight: 700; }
.nsds_intro_area .nsds_info .info_area .desc { margin-top: 15px; padding-left: 15px; color: #666; font-size: 18px; font-weight: 500; line-height: 28px; }
.nsds_intro_area .nsds_info .info_area .desc strong { color: #333e63; font-weight: 600; }

.nsds_intro_area .nsds_info .imgbox { position: absolute; top: -4px; right: -166px; }
.nsds_intro_area .nsds_info .imgbox img { width: 100%; }

.nsds_intro_area .nsds_oper_str { position: relative; display: flex; gap: 30px; justify-content: space-between; margin-top: 139px; padding: 40px 55px 40px 30px; background-color: #fff; border-radius: 40px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
.nsds_oper_str .sub_tit { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); }

.nsds_oper_str .info_list_area { align-self: flex-end; }
.nsds_oper_str .info_list_area .info_list { display: flex; flex-direction: column; gap: 16px; }
.nsds_oper_str .info_list_area .info_list li { position: relative; padding: 8.5px 0 8.5px 26px; color: #666; font-size: 16px; font-weight: 400; line-height: 19px; }
.nsds_oper_str .info_list_area .info_list li::before { display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 9px; left: 0; width: 18px; height: 18px; background-color: #00B5D5; border-radius: 100px; font-size: 12px; font-weight: 600; color: #fff; }
.nsds_oper_str .info_list_area .info_list li.ty02::before { background-color: #5856E1; }
.nsds_oper_str .info_list_area .info_list li:nth-child(1)::before { content: '1'; }
.nsds_oper_str .info_list_area .info_list li:nth-child(2)::before { content: '2'; }
.nsds_oper_str .info_list_area .info_list li:nth-child(3)::before { content: '3'; }
.nsds_oper_str .info_list_area .info_list li:nth-child(4)::before { content: '4'; }
.nsds_oper_str .info_list_area .warning { margin-top: 27px; padding: 16px; background-color: #F7F8F9; border-radius: 20px; color: #444; font-size: 14px; font-weight: 500; text-align: center; }
.nsds_oper_str .info_list_area .warning strong { color: #0A6A85; font-weight: 600; }


/* nsds_comp_area */
.nsds_comp_area { background-color: #fff; padding: 85px 0; }
.nsds_comp_area .comp_list { margin-top: 80px; display: flex; gap: 24px; }
.nsds_comp_area .comp_list li { position: relative; flex: 1; min-height: 200px; padding: 56px 28px 28px; text-align: center; background-color: #F2F8FC; border-radius: 20px; }
.nsds_comp_area .comp_list li::before { display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); font-size: 19px; font-weight: 600; color: #fff; height: 28px; width: 28px; background-color: #00B5D5; border-radius: 100px; }
.nsds_comp_area .comp_list li.ty02::before { background-color: #1D5BD7; }
.nsds_comp_area .comp_list li:nth-child(1)::before { content: '1'; }
.nsds_comp_area .comp_list li:nth-child(2)::before { content: '2'; }
.nsds_comp_area .comp_list li:nth-child(3)::before { content: '3'; }
.nsds_comp_area .comp_list li .tit { color: #333E63; font-size: 24px; font-weight: 700; line-height: 29px; }
.nsds_comp_area .comp_list li .desc { margin-top: 25px; color: #666; font-size: 16px; font-weight: 500; line-height: 21px; }

.visual_area { display: flex; margin-top: 98px; }
.visual_area .organ_area,
.visual_area .bal_info_area,
.visual_area .sie_box_area { align-self: flex-end; }

.visual_area .organ_area .organ_list { padding: 10px 8px; background-color: rgba(214, 227, 239, 0.5); border-radius: 10px; }
.visual_area .organ_area .organ_list li { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 36px; padding: 8px 7px; text-align: center; background-color: #fff; border-radius: 10px; color: #333E63; font-size: 16px; font-weight: 500; line-height: 19px; }
.visual_area .organ_area .organ_list li.ty02 { background-color: #00B5D5; color: #fff; }
.visual_area .organ_area .organ_list li + li { margin-top: 6px; }
.visual_area .organ_area .organ_list li:last-child { position: relative; margin-top: 40px; }
.visual_area .organ_area .organ_list li:last-child::before { content: ''; position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%); width: 4px; height: 26px; background: url('../images/common/ico_organ_list_dot.svg') no-repeat center; }

.visual_area .bal_info_area { display: flex; flex-direction: column; align-items: center; align-self: flex-end; gap: 6px; margin-left: 25px; }
.visual_area .bal_info_area .tit { color: #333E63; font-size: 14px; font-weight: 600; line-height: 17px; text-align: center; }
.visual_area .bal_info_area .bal_info_list { position: relative; width: 90px; padding: 10px; border-radius: 20px; background: linear-gradient(180deg, rgba(0,181,213,0.1) 0%, rgba(42,116,236,0.1) 100%); text-align: center; }
.visual_area .bal_info_area .bal_info_list::before { content: ''; position: absolute; top: 50%; right: 80px; transform: translateY(-50%); width: 35px; height: 112px; background: url('../images/common/img_bal_info_area_item01.svg') no-repeat center; }
.visual_area .bal_info_area .bal_info_list::after { content: ''; position: absolute; top: 50%; left: 80px; transform: translateY(-50%); width: 45px; height: 178px; background: url('../images/common/img_bal_info_area_item02.svg') no-repeat center; }
.visual_area .bal_info_area .bal_info_list li { display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 93px; background-color: #00B5D5; border-radius: 14px; color: #fff; font-size: 16px; font-weight: 600; line-height: 19px; }
.visual_area .bal_info_area .bal_info_list li.ty02 { background-color: #2A74EC; }
.visual_area .bal_info_area .bal_info_list li + li { margin-top: 10px; }

.visual_area .sie_box_area { display: flex; flex-direction: column; gap: 19px; margin: 0 0 10px 110px }
.visual_area .sie_box_area .side_box { position: relative; width: 140px; background-color: rgba(88, 86, 225, 0.1); border-radius: 20px; padding: 10px; }
.visual_area .sie_box_area .side_box::before { content: ''; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); width: 108px; height: 20px; background: url('../images/common/img_side_box_arr.svg') no-repeat center; }
.visual_area .sie_box_area .side_box::after { position: absolute; top: calc(50% - 27px); right: calc(100% + 45px); transform: translateX(50%); color: #333E63; font-size: 14px; font-weight: 600; line-height: 17px; white-space: nowrap; }
.visual_area .sie_box_area .side_box.item01::after { content: '거래내역 송신'; }
.visual_area .sie_box_area .side_box.item02::after { content: '잔고 대사'; }
.visual_area .sie_box_area .side_box li { width: 100%; padding: 10px 15px; background-color: #5856E1; border-radius: 14px; color: #fff; font-size: 16px; font-weight: 600; line-height: 22px; text-align: center; word-wrap: normal; }
.visual_area .sie_box_area .side_box li span { display: inline-block; font-size: 14px; font-weight: 500; line-height: 20px; }
.visual_area .sie_box_area .side_box li + li { margin-top: 4px; }


/* nsds_effect_area */
.nsds_effect_area { padding: 85px 0 100px; }
.nsds_effect_area .effect_list { display: flex; gap: 24px; margin-top: 66px; }
.nsds_effect_area .effect_list li { flex: 1; min-height: 370px; padding: 192px 22px 40px; border-radius: 30px; box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.05); text-align: center; }
.nsds_effect_area .effect_list li.item01 { background: #fff url('../images/common/img_effect_list_item01.svg') no-repeat top 42px center / 100px 104px; }
.nsds_effect_area .effect_list li.item02 { background: #fff url('../images/common/img_effect_list_item02.svg') no-repeat top 56px center / 124px 96px; }
.nsds_effect_area .effect_list li.item03 { background: #fff url('../images/common/img_effect_list_item03.svg') no-repeat top 50px center / 100px 98px; }
.nsds_effect_area .effect_list li .tit { color: #333E63; font-size: 24px; font-weight: 700; line-height: 29px; }
.nsds_effect_area .effect_list li .desc { margin-top: 13px; color: #666; font-size: 16px; font-weight: 400; line-height: 24px; }
.nsds_effect_area .effect_list li .desc.ty02 { margin-top: 0; }
.nsds_effect_area .effect_list li .desc em { color: #333E63; font-weight: 500; }
.nsds_effect_area .effect_list li .footnote { font-size: 14px; color: #333E63; font-weight: 600; margin-top: 20px; }


/* intro_eft */
.intro_eft #header { position: absolute; top: 0; left: 0; right: 0; }
.intro_eft .content { padding-top: 80px; transform: translateY(-50px); }
.intro_eft .content > .tit_area { height: 210px; align-items: flex-end; background-position: top 25px center; }
.intro_eft .content > .tit_area .tit_cont { margin-bottom: 39px; }

.animate {visibility: hidden;}


/* error */
.error_wrap { display: flex; height: 100%; justify-content: center; align-items: center; }
.error_wrap .error_area { display: flex; flex-direction: column; align-items: center; padding-top: 370px; background: url('../images/common/img_error.svg') no-repeat center top; }
.error_wrap .error_area .error_title { color: #000; font-size: 32px; font-weight: 700; line-height: 44px; }
.error_wrap .error_area .error_desc { margin-top: 20px; color: #666; font-size: 18px; font-weight: 500; line-height: 26px; text-align: center; }
.error_wrap .error_area .error_desc strong { color: #0CA7C2; }
.error_wrap .error_area .error_btn { display: flex; align-items: center; gap: 20px; margin-top: 50px; }
.error_wrap .error_area .error_btn .btn { width: 200px; height: 48px; border-radius: 50px; border: 1px solid #21248E; color: #21248E; font-weight: 600; font-size: 16px; background-color: #fff; }
.error_wrap .error_area .error_btn .btn:hover { background-color: #21248E; color: #fff; }
.error_wrap .error_area .error_btn .btn.ty02 { background-color: #21248E; color: #fff; }
.error_wrap .error_area .error_btn .btn.ty02:hover { background-color: #171964; border-color: #171964; }

/* tbl_style_pop */
.tbl_style_pop { table-layout: fixed; border-bottom-style: hidden;}
.tbl_style_pop thead { background-color: #DBF1FF; border: 1px solid #DBF1FF; }
.tbl_style_pop thead th { height: 40px; font-weight: 500; border-bottom: 2px solid #7FADCA; color: #4f6281; font-size: 13px; }

.pop_head_div_ul { scrollbar-width:none; border-bottom-style: hidden;}
.pop_head_div_ul::-webkit-scrollbar {
	display:none;
}
.pop_head_div_ul li {display: flex;justify-content: center; align-items: center; background-color: #DBF1FF; border: 1px solid #DBF1FF; font-weight: 500; border-bottom: 2px solid #7FADCA; color: #4f6281; font-size: 13px;}
.pop_head_div_ul div { text-align: center; padding: 6px 7px; transition: all .2s; }
.pop_head_div_ul div { font-size: 14px; font-weight: 400; min-height: 46px; color: #222; display: flex; justify-content: center; align-items: center; }

.pop_data_div_ul { border: 1px solid #E5E8EB; max-height: 395px; overflow-y: scroll; scrollbar-width:none;}
.pop_data_div_ul::-webkit-scrollbar {
	display:none;
}
.pop_data_div_ul li { cursor: pointer; }
.pop_data_div_ul li {display: flex;justify-content: center; align-items: center; border-bottom: 1px solid #E5E8EB;}
.pop_data_div_ul div { text-align: center; padding: 6px 7px; transition: all .2s; }
.pop_data_div_ul div { font-size: 14px; font-weight: 400; min-height: 46px; color: #222; background-color: #fff; display: flex; justify-content: center; align-items: center; }
.tbl_style_pop:not(.non_hover) tbody tr:hover td { background-color: #EFF6FB; }


.popup_footer .total {
    color: rgba(102, 102, 102, 1);
    font-size: 13px;
}
.popup_footer .total strong {
    color: rgba(0, 181, 213, 1);
    font-weight: 600;
}