@charset "utf-8";
/* @import url("common.old.css");
@import url("layout.old.css");
@import url("contents.old.css"); */

:root {
  --100vh: calc(var(--vh, 1vh) * 100);
  --100vw: calc(var(--vw, 1vw) * 100);
  --scalew: var(--scalew);

  --primary: #009574;
  --secondary: #70BF54;
  --tertiary: #BED747;
  --positive: #19A647;
  --negative: #FF334B;

  --gradient-primary: linear-gradient(to top right, rgba(0, 172, 91, 1) 0%, rgba(0, 149, 116, 1) 100%);
  --gradient-primary-hover: linear-gradient(to top right, rgba(0, 149, 116, 1) 0%, rgba(0, 172, 91, 1) 100%);

  --bg-01: #F0F2F7; 
  --bg-02: #F7F8FA;
  --bg-03: #F1F1F1;
  --bg-04: #D9D9D9;
  --bg-readonly: #f8f8f8;
  --bg-disabled: #f8f8f8;
  --contained-disabled: #CCCCCC;
  --contained-dismiss: #888888;
  --bg-white: #FFFFFF;
  --bg-dim-white: rgba(255, 255, 255, 80%);
  --bg-dim-black: rgba(0, 0, 0, 80%);

  --line-01: #111111;
  --line-02: #DFE4EA;
  --line-03: #EBEEF2;
  --line-04: #F7F8FA;

  --fc-111: #111;
  --fc-333: #333; 
  --fc-666: #666;
  --fc-888: #888;
  --fc-aaa: #AAAAAA; /* disable */
  --fc-ccc: #CCCCCC;
  --fc-fff: #FFFFFF;
}

body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input {margin: 0;padding: 0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option {font-weight: normal;color: inherit;}
pre, code, samp, kbd {font-family: inherit;}
h1, h2, h3, h4, h5, h6, strong, b, th {font-weight: bold;}
em, var, address {font-style: normal;}
ul, ol, li {list-style: none;}

legend, fieldset, button, img {border: 0 none;}
input, select, textarea, button, label, strong, a, time {vertical-align: inherit;}
input, select, textarea, button, option {font-family: inherit;font-weight: inherit;}
/* input, select, textarea {appearance: none;-webkit-appearance: none;} */
input[type="text"]::-webkit-search-cancel-button {appearance: none;-webkit-appearance: none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}
button, select, option {color: inherit;text-transform: none;}
textarea {resize: none;}
caption, legend {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
table {border-collapse: collapse;border-spacing: 0;}
button {overflow: visible;text-align: left;cursor: pointer;background: none;}







html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option,
.ui-widget, .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
  font-family: "Acuon Text", AppleGothicNeoSD, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Droid sans", "Malgun Gothic", "맑은 고딕", Helvetica, Dotum, "돋움", sans-serif;
  font-size: 1rem;
}

html,
body {font-size: 16px;color: var(--fc-111);scroll-behavior: smooth;}

/* html:has(.scroll-tab),
body:has(.scroll-tab) {scroll-behavior: smooth;} */

html, body {font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
ul, ol, li {list-style:none;}
a {color: inherit;text-decoration: none;}




/* prevent screen shift on vertical scrollbar disappears */
/* html {margin-left: calc(100vw - 100%);margin-right: 0;} */

html {height: 100%;}
body {min-height: 100%;}
html.aside-nav-on body {overflow: hidden;}
body {overflow-x: hidden;}

h1, h2, h3, h4, h5, h6 {line-height: normal;font-weight: bold;word-break: keep-all;overflow-wrap: break-word;}
h1.font-weight-normal,
h2.font-weight-normal,
h3.font-weight-normal,
h4.font-weight-normal,
h5.font-weight-normal,
h6.font-weight-normal {font-weight: normal;}
h1 {font-size: 2rem;}    /* 32px */
h2 {font-size: 1.75rem;} /* 28px */
h3 {font-size: 2rem;}  /* 32px */
h4 {font-size: 1.5rem;} /* 24px */
h5 {font-size: 1.25rem;}    /* 20px */
h6 {font-size: 1rem;} /* 16px */


img {vertical-align: middle;}
p {line-height: 1.5;word-break: keep-all;overflow-wrap: break-word;}

.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.dsi {display: inline;}
.dsib {display: inline-block;}
.dsb {display: block;}

.dsf {display: flex;}
.dsif {display: inline-flex;}
.fdc {flex-direction: column !important;}
.jcc {justify-content: center !important;}
.jcfs {justify-content: flex-start !important;}
.jcfe {justify-content: flex-end !important;}
.aic {align-items: center !important;}
.aifs {align-items: flex-start !important;}
.aife {align-items: flex-end !important;}
.gap-0 {display: flex;}
.gsb-0 {flex-grow: 0;flex-shrink: 0;flex-basis: 0;}
.gsb-1 {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}


em {color: var(--primary);}
.negative {color: var(--negative) !important;}
.strong {font-weight: bold;}
.basis-0{flex-basis: 0 !important;}
.inputs.basis-0 > .input {flex-grow: 1;flex-shrink: 1;flex-basis: 0;}
.button-bar.basis-0 > .custom-button {flex-grow: 1;flex-shrink: 1;flex-basis: 0;}
.bold {font-weight: bold;}

hr {display: block;height: 1px;line-height: 0;font-size: 0;margin-top: 8px;margin-bottom: 8px;border: 0;}
hr {color: var(--light-bc-01);background-color: var(--light-bc-01);}
.body--dark hr {color: var(--dark-bc-01);background-color: var(--dark-bc-01);}
hr.h4-hr {margin-top:60px;}
hr.thick {height: 8px;margin: 0; background-color: var(--light-bc-02);}
.body--dark hr.thick {background-color: #111;}




sup,
sub {position: relative;height: 0;line-height: 1;vertical-align: baseline;}
sup {bottom: 0.2em;}
sup.ess,
sup.ref {position: relative;bottom: 0.5em;height: 0;line-height: 1;vertical-align: baseline;font-size: .875rem;font-weight: bold;margin: 0 0.2em;}
sup.ess {color: #a90f39;}
sup.ess:before{display: inline-block;position: absolute;top: 0;left: 0;width: 1px;height: 1px;overflow: hidden;font-size: 1px;content: "필수입력";clip: rect(1px, 1px, 1px, 1px);}
sub {top: 0.5em;}




span.icn,
span.lbl,
span.num,
span.val,
span.sprt,
span.prefix,
span.suffix {
	display: inline-block;
	vertical-align: middle;
}

a.blank,
a.mailto {
	color: var(--primary);
}

.body--dark a.blank,
.body--dark a.mailto {
	color: var(--primary);
}

a.blank:not(.button):hover,
a.mailto:not(.button):hover {
	text-decoration: underline;
}

a.button,
button.button,
input[type="button"].button {
	cursor: pointer;
}

/* a11y */
.clipped {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
figcaption {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.transparent {opacity: 0 !important;}

.p100 {width: 100%;}

/* 인스턴트 마진, 보더 */
.mt0{margin-top:0 !important;}.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}
.mt10{margin-top:10px !important;}.mt11{margin-top:11px;}.mt12{margin-top:12px;}.mt13{margin-top:13px;}.mt14{margin-top:14px;}.mt15{margin-top:15px;}.mt16{margin-top:16px;}.mt17{margin-top:17px;}.mt18{margin-top:18px;}.mt19{margin-top:19px;}
.mt20{margin-top:20px !important;}.mt22{margin-top:22px;}.mt24{margin-top:24px;}.mt25{margin-top:25px;}.mt26{margin-top:26px;}.mt28{margin-top:28px;}
.mt30{margin-top:30px !important;}.mt32{margin-top:32px;}.mt34{margin-top:34px;}.mt35{margin-top:35px;}.mt36{margin-top:36px;}.mt38{margin-top:38px;}
.mt40{margin-top:40px !important;}.mt42{margin-top:42px;}.mt44{margin-top:44px;}.mt45{margin-top:45px;}.mt46{margin-top:46px;}.mt48{margin-top:48px;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mr0{margin-right:0 !important;}.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr7{margin-right:7px;}.mr8{margin-right:8px;}.mr9{margin-right:9px;}
.mr10{margin-right:10px !important;}.mr12{margin-right:12px;}.mr15{margin-right:15px;}.mr16{margin-right:16px;}
.mr20{margin-right:20px !important;}.mr25{margin-right:25px;}
.mr30{margin-right:30px !important;}.mr35{margin-right:35px;}
.mr40{margin-right:40px !important;}.mr45{margin-right:45px;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px !important;}.mb12{margin-bottom:12px;}.mb15{margin-bottom:15px;}.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0 !important;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}
.ml10{margin-left:10px !important;}.ml12{margin-left:12px;}.ml15{margin-left:15px;}.ml16{margin-left:16px;}
.ml20{margin-left:20px !important;}.ml25{margin-left:25px;}
.ml30{margin-left:30px !important;}.ml35{margin-left:35px;}
.ml40{margin-left:40px !important;}.ml45{margin-left:45px;}
.ml50{margin-left:50px !important;}

.b0{border:0 !important;}
.bt0{border-top:0 !important;}
.br0{border-right:0 !important;}
.bb0{border-bottom:0 !important;}
.bl0{border-left:0 !important;}

/* 스크롤바 */
.cont.text::-webkit-scrollbar,
.term_content_container::-webkit-scrollbar,
.view-all-container::-webkit-scrollbar,
.scroll_box::-webkit-scrollbar,
.layer_container::-webkit-scrollbar,
.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar {width: 6px;padding: 0 10px;}
.cont.text::-webkit-scrollbar-thumb,
.term_content_container::-webkit-scrollbar-thumb,
.view-all-container::-webkit-scrollbar-thumb,
.scroll_box::-webkit-scrollbar-thumb,
.layer_container::-webkit-scrollbar-thumb,
.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ccc;}
.cont.text::-webkit-scrollbar-track,
.term_content_container::-webkit-scrollbar-track,
.view-all-container::-webkit-scrollbar-track,
.scroll_box::-webkit-scrollbar-track,
.layer_container::-webkit-scrollbar-track {background-color: #fff;}
.ui-selectmenu-menu .ui-widget.ui-widget-content::-webkit-scrollbar-track {background-color: transparent;}


/* input */
input:read-only:not(.datepicker),
textarea:read-only {color: var(--fc-666);border-color: #ddd;background-color: var(--bg-readonly);}
input:read-only:not(.datepicker) + .search-button {background-color: var(--bg-readonly);}
input:read-only:focus,
textarea:read-only:focus {outline: 0;}
input:disabled,
textarea:disabled {color: var(--fc-666);border-color: #ddd;background-color: var(--bg-disabled);}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="search"],
textarea {color: var(--fc-111);border: 0;border-radius: 8px;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="search"] {height: 52px;padding: 0 16px;}
textarea {padding: 16px;}
input::placeholder, 
textarea::placeholder {color: var(--fc-aaa);}
textarea {min-height: 170px;}

/* ui-form */
.ui-form ul {padding: 40px;border-top:1px solid var(--line-01);border-bottom: 1px solid var(--line-02);}
.ui-form ul li + li {margin-top: 20px;}
.ui-form .field > .label + .ui-input,
.ui-form .field > .label + .ui-output{margin-top: 8px;}
.ui-form .field .in {display: flex; align-items: flex-start;}
.ui-form .field .in > .label {flex-grow: 0;flex-shrink: 0;flex-basis: 180px; padding: 14px 0; color: var(--fc-333);}
.ui-form .field .in > .label + .ui-input {margin-left: 20px;}
.ui-form .field .in > .ui-input {flex-grow: 1; flex-shrink: 1;flex-basis: auto;}


.ui-input .inputs {display: flex;align-items: center;position: relative;}
.ui-input .inputs.dsif {display: inline-flex;}
.ui-input .inputs > .input + .input,
.ui-input .inputs > .input + .inputs,
.ui-input .inputs > .inputs + .input,
.ui-input .inputs > .inputs + .inputs {margin-left: 8px}



.ui-input .input {display: flex;align-items: center;position: relative;}
.ui-input .input.dsif {display: inline-flex;}
.ui-input .input.outlined {border-radius: 8px;}
.ui-input .input.readonly {background-color: var(--bg-readonly);}
.ui-input .input.disabled {background-color: var(--bg-disabled);}
.ui-input .input > div + div {margin-top: 8px;}
.ui-input .input > input[type="text"],
.ui-input .input > input[type="password"],
.ui-input .input > input[type="number"],
.ui-input .input > input[type="search"],
.ui-input .input > .ui-selectmenu-button {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.ui-input .input > span {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.ui-input .input span.at,
.ui-input .input span.dash {padding: 0 8px;}
.ui-input .input .custom-text.custom-file{position: relative;padding: 0 52px 0 108px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-input .input .custom-text.custom-file:read-only{background-color: var(--bg-white);}
.ui-input .input .avail-button{
  position: absolute;right: 16px;height: 32px;
  font-size: .875rem;padding: 0 12px;
  border-radius: 16px;background-color: var(--bg-01);
}
.ui-input .input .file-button{
  position: absolute;left: 16px;top: 50%;height: 32px;
  font-size: .875rem;padding: 0 12px;border: 1px solid var(--line-02);
  border-radius: 16px;background-color: var(--bg-01); transform: translateY(-50%); cursor: pointer;
}
.ui-input .input .delete-button {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  width: 20px; height: 20px; background-image: url("/assets/images/popup/icn_popup_close.svg");background-position: 0 0;background-repeat: no-repeat;background-size: cover;}
.ui-input .input .delete-button .lbl{position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ui-input > div + div {margin-top: 8px;}
.ui-input > .inputs + .msg,
.ui-input > .input + .msg,
.ui-input > .outputs + .msg,
.ui-input > .output + .msg {margin-top: 0;}
.ui-input .msg {font-size: .875rem;color: #939393;}
.ui-input .msg p {line-height: 1.8;}
.ui-input .msg p:first-of-type {margin-top: 8px;}




/* 인풋 요소 초점 시각화 */
.ui-input .input {transition: box-shadow .2s ease;}
.ui-input .inputs.outlined:before,
.ui-input .input.outlined:before {
  display: block;position: absolute;top: 0;right: 0;bottom:0;left: 0;
  border-radius: 8px;box-shadow: 0 0 0 1px var(--line-02) inset;
  pointer-events: none;transition: all .3s ease;content: "";
  z-index: 11;
}
.field .input legend,
.field .input input,
.field .input select,
.field .input textarea:focus {outline: 0;}
.field .inputs.outlined:focus-within:before,
.field .input.outlined:focus-within:before {box-shadow: 0 0 0 2px rgba(0, 0, 0, .8) inset;}
.ui-input.err .inputs.outlined:before,
.ui-input .inputs.outlined.err:before,
.ui-input.err .input.outlined:before,
.ui-input .input.outlined.err:before {box-shadow: 0 0 0 2px var(--negative) inset !important;}




.ui-input .input .icn.valid {display: none;position: absolute;top: 16px;right: 16px;width: 20px;height: 20px;}
.ui-input .input .ui-selectmenu-button + .icn.valid {right: 48px;}
.ui-input .input .avail-button + .icn.valid {right: 102px;}
.ui-input .input .delete-button + .icn.valid {right: 44px;}
.ui-input .input .suffix.won + .icn.valid {right: 40px;}
.ui-input .input .suffix.percent + .icn.valid {right: 40px;}
.ui-input .input .suffix.monthes + .icn.valid {right: 56px;}
.ui-input .msg .valid {display: none;}
.ui-input.err .input .icn.valid,
.ui-input.err .msg .valid {display: block;}
.ui-input .input.err .icn.valid,
.ui-input .input.err + .msg .valid {display: block;}
.ui-input.err .input .icn.valid,
.ui-input .input.err .icn.valid {background-image: url("/assets/images/common/icn_input_error.svg");background-repeat: no-repeat;background-position: 50% 50%;}
.ui-input.err .msg .valid {color: var(--negative);}
.ui-input .input.err + .msg .valid {color: var(--negative);}




.ui-input .output {min-height: 52px;color: var(--fc-888);padding: 14px 0;}

.h4 + .button-bar {margin-top: 60px;}


.ui-input .input.fdc .custom-rc {align-items:center; height:40px;}

/* 입력폼: 공통 */
.ui-input.phone .input.tel,
.ui-input.address .inputs.primary .zip {flex-basis: 200px;}


/* 입력폼: 주소 */
.ui-input.address .inputs.primary .zip {flex-grow: 0;flex-shrink: 0;}
.ui-input.address .inputs.primary .address-search {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}

/* 입력폼: 주민등록번호 */
.ui-input.rrn .custom-text {flex-grow: 1;}
.ui-input.rrn .custom-text + span {padding: 0 12px;}
.ui-input.rrn.t2 {border: 1px solid var(--line-02); border-radius: 8px;}
.ui-input.rrn.t2 .custom-text {border: none;}
.ui-input.rrn:has([disabled]) {background: var(--bg-disabled);}

.ui-input.email .input.primary .custom-text + span {padding: 0 12px;}
.ui-input.email .input.primary + .custom-text{margin-top: 8px;}

/* 입력폼:휴대폰번호 선택 */
.ui-input.phone >.inputs > .input:last-of-type {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.ui-input.phone .ui-selectmenu-button.ui-button {width: auto;}

/* 입력폼:라디오 세로형 */
.ui-input .input.fdc.aifs .custom-rc:not(.p100) + .custom-rc {margin-left: 0;}
.ui-input .input.fdc.aifs .custom-rc input[type="text"] {position: static;border: 1px solid #000;}
.ui-input .input.fdc.aifs .custom-radio + .input {margin-left: 8px;}


/* .ui-search-form */
.ui-search-form {background-color: var(--bg-02);border-radius: 16px;padding:40px 0;}
.ui-search-form .ui-form  + .button-bar {margin-top: 40px;}

.ui-search-form .ui-form ul {padding: 0 96px;border: none;}
.ui-search-form .ui-form .field .in {display: flex;align-items: flex-start;}
.ui-search-form .ui-form ul .field .in > .label{flex-basis: 80px; padding: 14px 0;}

.ui-search-form .ui-form ul .field.search .in .label {overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0, 0, 0, 0);}

/* .ui-search-form.calc 금융계산기 */
.ui-search-form.calc {}
/* .ui-search-form.calc .field .in > .ui-input {flex-basis:324px;flex-grow: 0;flex-shrink:0;} */
.ui-search-form.calc .field .in .label.ml100 {margin-left: 100px;}
.ui-search-form.calc .field .in > .ui-input.gsb-1 {flex:1;}
.ui-search-form.calc .field .in > .ui-input .input.outlined + .label {margin-left: 88px;}
.ui-search-form.calc .field .in > .ui-input .input.outlined .custom-text {padding-right: 20px;}
.ui-search-form.calc .field .in > .label + .ui-input {margin-left: 24px;}
.ui-search-form.calc .field .in > .ui-input + .label {margin-left: 96px;}
.ui-search-form.calc .field .in > .ui-input .input .suffix {position: absolute;top: 50%;right: 20px;font-weight: bold;transform:translateY(-50%);}







/* 입력폼 : 체크박스 전체선택 */
.ui-form .field > .label + .ui-input.checkall {margin-top: 24px;}
.ui-input.checkall .input.title {}
.ui-input.checkall .input.content {display: block;padding: 24px;}
.ui-input.checkall > .input .lbl {font-weight: bold;}


.ui-form .ui-input.checkall .field .in {align-items: center;}
.ui-form .ui-input.checkall .field .in > .label {flex-basis: 106px;;padding: 0;color:var(--primary);font-weight: bold;}
.ui-form .ui-input.checkall .field .in > .custom-rc {align-items:center; padding: 0;height: auto;}
.ui-form .ui-input.checkall .field .in > .label,
.ui-form .ui-input.checkall .field .in > .custom-rc.custom-checkbox.term .lbl {font-size: 0.875rem;}


.ui-file .delete-button{display: none;}
.ui-file.has-file .delete-button{display: block;}


/* .custom-text {height: 52px;} */

.custom-rc {display: inline-flex;align-items: flex-start;position: relative;height: 52px;overflow: hidden;padding: 14px 0;cursor: pointer;}
.custom-rc:not(.p100) + .custom-rc {margin-left: 16px;}
.custom-rc:has([disabled]) {cursor: default;}
.custom-rc input {position: absolute;top: 0;left: -9999px;}
.custom-rc .icn {width: 24px;height: 24px;}
.custom-rc.large .icn {width: 28px;height: 28px;}
.custom-rc .icn + .lbl {margin-left: 8px;}
.custom-rc .lbl {line-height: normal;}

.custom-radio .icn {background-image: url("/assets/images/common/icns_radio_01_m.svg");background-repeat: no-repeat;background-position: 0 -24px;}
.custom-checkbox .icn {flex-shrink: 0;background-image: url("/assets/images/common/icns_checkbox_01_m.svg");background-repeat: no-repeat;background-position: 0 -24px;}
.custom-rc input:checked + .icn{
  background-position: 0 0;
  animation-name: check-motion;
  animation-duration: .2s;
}
@keyframes check-motion {
  0% {scale: 0;}
  100% {scale: 1;}
}

.custom-radio input[type="radio"]:disabled + .icn {background-position: -24px -24px;}
.custom-checkbox input[type="checkbox"]:disabled + .icn {background-position: -24px -24px;}
.custom-radio input[type="radio"]:checked:disabled + .icn {background-position: -24px 0;}
.custom-checkbox input[type="checkbox"]:checked:disabled + .icn {background-position: -24px 0;}

.custom-radio.large .icn {background-image: url("/assets/images/common/icns_radio_01_l.svg");background-repeat: no-repeat;background-position: 0 -28px;}
.custom-checkbox.large .icn {background-image: url("/assets/images/common/icns_checkbox_01_l.svg");background-repeat: no-repeat;background-position: 0 -28px;}
.custom-radio.large input[type="radio"]:checked + .icn {background-position: 0 0;}
.custom-checkbox.large input[type="checkbox"]:checked + .icn {background-position: 0 0;}
.custom-radio.large input[type="radio"]:disabled + .icn {background-position: -28px -28px;}
.custom-checkbox.large input[type="checkbox"]:disabled + .icn {background-position: -28px -28px;}
.custom-radio.large input[type="radio"]:checked:disabled + .icn {background-position: -28px 0;}
.custom-checkbox.large input[type="checkbox"]:checked:disabled + .icn {background-position: -28px 0;}

.custom-radio.member-type + .custom-radio.member-type {margin-left: 0;}
.custom-radio.member-type {display: inline-flex;width: 196px;height: 196px;padding: 8px;}
.custom-radio.member-type .icn + .lbl {margin-left: 0;}
.custom-radio.member-type .lbl {
  display: flex;flex-grow: 1;flex-shrink: 1;flex-basis: auto;justify-content: center;
  position: relative;width: 100%;height: 100%;font-weight: bold;font-size: 1.25rem;
  padding: 32px;border: 2px solid var(--bg-01);border-radius: 8px;background: var(--bg-01);
  transition: all .2s ease;
}
.custom-radio.member-type input:checked ~ .lbl {
  border: 2px solid var(--primary);
  background-color: var(--bg-white);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .4);
}
.custom-radio.member-type .icn {
  flex-grow: 0;flex-shrink: 0;flex-basis: 48px;
  position: absolute;bottom: 48px;left: 50%;
  width: 48px;height: 48px;
  background-image: url("/assets/images/member/icns_member_type.svg");background-repeat: no-repeat;background-size: 150px 100px;
  transform: translateX(-50%);
}
.custom-radio.member-type.t1 .icn {background-position: 0 -50px;}
.custom-radio.member-type.t2 .icn {background-position: -50px -50px;}
.custom-radio.member-type.t3 .icn {background-position: -100px -50px;}
.custom-radio.member-type.t1 input:checked ~ .icn {background-position: 0 0;}
.custom-radio.member-type.t2 input:checked ~ .icn {background-position: -50px 0;}
.custom-radio.member-type.t3 input:checked ~ .icn {background-position: -100px 0;}


.custom-radio.member-type .icn {z-index: 2;}
.custom-radio.member-type .lbl {z-index: 1;}


.custom-checkbox.term .icn {background-image: url("/assets/images/common/icns_checkbox_02_m.svg");background-repeat: no-repeat;}
.custom-checkbox.term .icn,
.custom-checkbox.term input[type="checkbox"]:disabled + .icn {background-position: 0 -24px;}
.custom-checkbox.term input[type="checkbox"]:checked + .icn,
.custom-checkbox.term input[type="checkbox"]:checked:disabled + .icn {background-position: 0 0;}
.custom-checkbox.term input[type="checkbox"]:disabled + .icn {opacity: .4;}


.custom-rc.search-filter{height: auto; padding: 0;}
.custom-rc.search-filter + .custom-rc.search-filter {margin-left: 8px;}
.custom-rc.search-filter .icn {display: none;}
.custom-rc.search-filter .icn + .lbl {margin: 0;}
.custom-rc.search-filter .lbl {display: inline-flex;align-items: center;height: 44px;color: var(--fc-666);font-size: 1rem;padding: 0 24px;border: 1px solid var(--line-02);border-radius: 26px;}
.custom-rc.search-filter input[type="radio"]:checked ~ .lbl,
.custom-rc.search-filter input[type="checkbox"]:checked ~ .lbl {font-weight: bold;color: var(--fc-fff);border-color: var(--primary); background: var(--primary);
  animation-name: filter-motion;
  animation-duration: .2s;
}
@keyframes filter-motion{
  0% {opacity: 0.5;}
  100% {opacity: 1;}
}



.custom-rc .bg {z-index: 10;}
.custom-rc .icn,
.custom-rc .lbl,
.custom-rc .desc {z-index: 11;}




.term-bar {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 24px;border-radius: 8px;border: 1px solid var(--line-01);}
.term-bar .custom-checkbox {position: static;height: auto;padding: 0;}
.term-bar .custom-checkbox .lbl {font-size: 1.125rem; color: var(--fc-666);}
.term-bar .custom-rc .icn + .lbl {margin-left: 20px;}
.term-bar .custom-checkbox.term input[type="checkbox"]:checked ~ .lbl {color: var(--fc-111);}
.term-bar .custom-checkbox input[type="checkbox"]:checked ~ .lbl::after {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 8px;box-shadow: 0px 0px 0px 2px var(--primary);content: '';}

.toggle-buttons{display: flex;height: 52px;border: 1px solid var(--line-02);background-color: var(--bg-white); border-radius: 8px;}
.toggle-buttons .toggle-button {
  flex-grow: 1;flex-shrink: 1;flex-basis: auto;
  justify-content: center; min-width: 92px;margin-left: 0 !important;padding-left: 16px;padding-right: 16px;overflow: visible;
}
.toggle-buttons .toggle-button .lbl{color: var(--fc-888);white-space: nowrap;}
.toggle-buttons .toggle-button .lbl::before{display: block;position: absolute;top: 50%;left: -1px;height: 10px;width: 1px;transform: translateY(-50%);background-color: var(--line-02);content: '';}
.toggle-buttons .toggle-button:first-of-type .lbl:before,
.toggle-buttons .toggle-button .icn{display: none;}
.toggle-buttons .toggle-button .icn + .lbl{margin: 0;}
.toggle-buttons .toggle-button input[type="radio"]:checked ~ .lbl{font-weight: bold; color: var(--fc-111);}
.toggle-buttons .toggle-button input[type="radio"]:checked ~ .lbl::after{display: block;position: absolute;left: -2px;right: -2px;top: -1px;bottom: 1px;border-radius: 8px;box-shadow: 0px 4px 8px rgb(0 0 0 / 10%), 0px 0px 0px 2px var(--primary) inset;content: '';z-index: 1;}

.toggle-check {display: flex; align-items: center;}
.toggle-check .toggles + .form-button {margin-left: 8px; width: 90px;}
.fromto-date + .toggle-check {margin-top: 8px;}


/* 전체 페이지에서 스크롤바 숨기기 - 파이어폭스 */
/* html,
html.aside-nav-on body {
  scrollbar-width: none;
} */

/* 전체 페이지에서 스크롤바 숨기기 - 웹킷 기반 브라우저 (크롬, 사파리 등) */
/* ::-webkit-scrollbar {
  display: none;
} */
.container {position: relative;}
header,
main,
footer {position: relative;}

section {display:flex;flex-direction: column;align-items: center;position: relative;}
article {position: relative;width: 1120px;}

header {position: sticky;top: 0;left: 0;}

header .header-top {background: var(--bg-white);}
header .header-top article {display: flex;justify-content: space-between;position: static;height: 80px;}

/* jquery select */
.input .ui-button.ui-selectmenu-button {border: 0;}

.ui-button.ui-selectmenu-button:active{color: #111;}
.ui-button.ui-selectmenu-button {
  display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;
  height: 52px;margin: 0;padding: 0 16px;border: 1px solid #dfe4ea;padding: 0 16px;border-radius: 8px;background: var(--bg-white);
}
.ui-button.ui-selectmenu-button .ui-selectmenu-text{font-weight: normal;color: var(--fc-aaa);}
.selectmenu.has-selected + .ui-button.ui-selectmenu-button .ui-selectmenu-text{color: var(--fc-111);}

select:read-only + .ui-button.ui-selectmenu-button.ui-state-disabled {color: var(--fc-666);background-color: var(--bg-disabled);opacity: 1;}
select:read-only + .ui-button.ui-selectmenu-button.ui-state-disabled .ui-selectmenu-icon {opacity: 0;}


.ui-button .ui-icon.ui-selectmenu-icon {width: 20px;height: 20px;background-image: url("/assets/images/common/icn_dang_select.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.ui-button .ui-selectmenu-text {line-height: 1.5; color: var(--fc-111);}
.ui-selectmenu-menu .ui-widget.ui-widget-content {
  max-height: 220px;margin: 8px 0;border: 1px solid #dfe4ea;border-radius: 8px;box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 5%);
  overflow-y: auto;
}
.ui-selectmenu-menu .ui-state-active,
.ui-selectmenu-menu .ui-widget-content .ui-state-active{border: none;background-color:transparent; color: #111;}
.ui-selectmenu-menu .ui-menu .ui-menu-item{font-size: 15px; padding: 15px 12px;}
.ui-selectmenu-menu .ui-menu .ui-menu-item:has(.ui-state-active){background-color: #F7F8FA;}
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper{padding: 0;}
.ui-selectmenu-menu .ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin: 0;}
.ui-selectmenu-menu .ui-state-disabled {display: none;}
.selectmenu.p100 + .ui-selectmenu-button {width: 100%;}

.header-top .gnb {display: flex;justify-content: center;align-items: center;}
.header-top .gnb .logo {display: flex;align-items: flex-start;width: 174px;height: 80px;}
.header-top .gnb .logo img {display: block;width: 100%;margin-top: 30px;}
.header-top .gnb .logo + nav {margin-left: 20px;}
.header-top .gnb nav a {display: flex;align-items: flex-start;}
.header-top .gnb nav .a3 > ul {display: flex;justify-content: space-between;align-items: center;}
.header-top .gnb nav .a3 > ul > li > a {height: 80px;font-size: 1.125rem;font-weight: bold;padding: 0 20px;transition: all .2s ease;}
.header-top .gnb nav .a3 > ul > li > a .lbl {margin-top: 32px;}
.header-top .gnb nav .a3 > ul > li:hover > a{color: var(--primary);}
.gnb nav .a3 > ul > li.menu-only {display: none;}


.header-nav {position: absolute;top: 80px;right: 0;left: 0;background: var(--bg-white);}
.header-nav .gnb nav .a3 > ul {position: relative;height: 0;overflow: hidden;transition: all .3s ease;}

.header-nav .gnb nav .a3 > ul {height: auto;}

.header-nav .gnb nav .a3 > ul > li:not(.menu-only) {display: flex;align-items: flex-start;position: absolute;top: 0;left: 0;}
.header-nav .gnb nav .a3 > ul > li > a {flex-grow: 0;flex-shrink: 0;flex-basis: 215px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 40px;}
.header-nav .gnb nav .a3 > ul > li > a .icn {width: 120px;height: 120px;}
.header-nav .gnb nav .a3 > ul > li:nth-of-type(1) > a .icn {background-image: url("/assets/images/common/nav_a3_01.png");background-repeat: no-repeat;background-position: 505 50%;}
.header-nav .gnb nav .a3 > ul > li:nth-of-type(2) > a .icn {background-image: url("/assets/images/common/nav_a3_02.png");background-repeat: no-repeat;background-position: 505 50%;}
.header-nav .gnb nav .a3 > ul > li:nth-of-type(3) > a .icn {background-image: url("/assets/images/common/nav_a3_03.png");background-repeat: no-repeat;background-position: 505 50%;}
.header-nav .gnb nav .a3 > ul > li:nth-of-type(4) > a .icn {background-image: url("/assets/images/common/nav_a3_04.png");background-repeat: no-repeat;background-position: 505 50%;}
.header-nav .gnb nav .a3 > ul > li:nth-of-type(5) > a .icn {background-image: url("/assets/images/common/nav_a3_05.png");background-repeat: no-repeat;background-position: 505 50%;}
.header-nav .gnb nav .a3 > ul > li:nth-of-type(6) > a .icn {background-image: url("/assets/images/common/nav_a3_06.png");background-repeat: no-repeat;background-position: 505 50%;}
.header-nav .gnb nav .a3 > ul > li > a .lbl {font-size: 1.125rem;font-weight: bold;}
.header-nav .gnb nav .a4 {flex-grow: 0;flex-shrink: 0;flex-basis: 904px;}
.header-nav .gnb nav .a4 > ul {display: flex;}
.header-nav .gnb nav .a4 > ul > li {flex-grow: 0;flex-basis: 25%;}
.header-nav .gnb nav .a3 > ul > li {display: none;}

.menu-bar {display: flex;flex-direction: column;align-items: flex-end;position: relative;padding-top: 30px;}
.menu-bar .button-group {display: flex;flex-direction: row;align-items:center;position:absolute;top: 0;right: 0;margin-right: -6px;}
.menu-bar .button-group .custom-button {position: relative;height: 30px;padding:0 8px;}
.menu-bar .button-group .custom-button + .custom-button {margin-left: 1px;}
.menu-bar .button-group .custom-button + .custom-button::before {position: absolute;top: 11px;left:-1px;width: 1px;height: 10px;color: #dfe4ea;background-color: #dfe4ea;content:'';}
.menu-bar .button-group .lbl {display: block;font-size: 0.875rem;text-align: center;}
.menu-bar .button-aside-nav {position: relative;width: 32px; height: 32px;margin-left: 20px;}
.menu-bar .button-aside-nav .lbl {position: absolute;overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0,0,0,0);}
.menu-bar .button-aside-nav .icn {position: absolute;top: 6px;left: 4px;width: 24px;height: 2px;background:url("/assets/images/common/toggle_bg.png") no-repeat center;transition: 0.25s margin 0.25s, 0.25s transform;}
.menu-bar .button-aside-nav .icn:nth-child(2) {top: 50%;transform: translateY(-50%);}
.menu-bar .button-aside-nav .icn:nth-child(3) {top: auto;bottom: 6px;}

html.aside-nav-on .header-top .gnb nav,
html.aside-nav-on .header-top .menu-bar > .button-group {opacity: 0;}


html.aside-nav-on aside {transform:scaleY(100%);overflow-y:none;}

html.aside-nav-on .menu-bar .button-aside-nav .icn:nth-child(1) {top: 50%;transform: translateY(-50%);transform: rotate(45deg);}
html.aside-nav-on .menu-bar .button-aside-nav .icn:nth-child(2) {opacity: 0;}
html.aside-nav-on .menu-bar .button-aside-nav .icn:nth-child(3) {top: 50%;transform: translateY(-50%);transform: rotate(-45deg);}



aside {
  display: flex;flex-direction:column; align-items:center;
  position:fixed;top:80px;bottom:0;width:100%;height:100%; overflow: hidden;
  padding-bottom: 192px;font-size:0;background:#fff;transform:scaleY(0);transform-origin:0 0;
}

/* 100vh - gnb(80px) - nav-title(80px) */
aside article {width: 1120px;height: calc(100vh - 80px - 80px);}

aside .nano > .nano-content::-webkit-scrollbar{display:none;}
aside .nano > .nano-content{width: 100%;scrollbar-width:none;overflow: scroll;overflow-x: hidden;}

/* .button-aside-nav 닫기 버튼  */
aside .nav-title .button-aside-nav {display: none;}

/* .site-tab a3 탭 영역 */
aside .aside-nav .nav-title {height: 80px;padding-top: 20px;}
/* aside .aside-nav .nav-title nav {border-bottom: 1px solid rgba(0, 0, 0, .2);} */
aside .aside-nav .nav-title nav {position: relative;}
aside .aside-nav .nav-title nav:after {display: block;position: absolute;bottom: 0;right: -50vw;left: -50vw;height: 1px;background: rgba(0, 0, 0, .12);content: "";}
aside .aside-nav .nav-title nav .a3 > ul{display: flex;align-items:center;justify-content:center;}
aside .aside-nav .nav-title nav .a3 > ul > li {position: relative;flex:1;overflow: hidden;transition:all .3s ease;max-height: 60px;}
aside .aside-nav .nav-title nav .a3 > ul > li:after{display: block;position: absolute;left: 0;bottom: -1px;background-color: var(--primary);content: "";transform: scale(0);transition:all .2s ease;}
aside .aside-nav .nav-title nav .a3 > ul > li > a{display: block;position: relative;text-align: center;font-size: 1.125rem;color: #666;line-height: 3.75rem;}
aside .aside-nav .nav-title nav .a3 > ul > li.current:after {width: 100%;height: 6px;transform: scale(1);}
aside .aside-nav .nav-title nav .a3 > ul > li.current a {color: #000;font-weight: bold;}


/* .aside-nav.sitemap 영역 */
aside .aside-nav .nav-content {display: flex;justify-content: center;align-items:center;}
aside .aside-nav .nav-content a {display:inline-flex;position:relative;text-decoration:none;font-size: 1rem;}
aside .aside-nav .nav-content ul {width: 100%;}
aside .aside-nav .nav-content .a3 > ul > li {padding: 20px 0 32px 0;}
aside .aside-nav .nav-content .a3 > ul > li:last-of-type {min-height: calc(100vh - 80px - 80px);}
aside .aside-nav .nav-content .a3 > ul > li > a {display: block;position: relative;font-size: 1.5rem;font-weight: bold;padding: 40px 0 20px;}
aside .aside-nav .nav-content .a3 > ul > li > a:after {display: block;position: absolute;bottom: 0;right: 0;left: 0;height: 1px;background: rgba(0, 0, 0, .12);content: "";}
aside .aside-nav .nav-content .nano > .nano-pane,
aside .aside-nav .nav-content .nano > .nano-pane > .nano-slider {border-radius: 0;}


/* gnb, sitemap 공통 */
nav a {display: flex;}
nav.all .a4 > ul {display: flex;flex-wrap: wrap;min-height: 256px;padding: 30px 0;}
nav.all .a4 > ul > li {flex-grow: 0;font-style: 0;flex-basis: 20%;min-height: 80px;padding-right: 8px;transition:all .3s ease;}
nav.all .a4 > ul > li > a {position: relative;color: #111;font-size: 1.125rem;font-weight: bold;line-height: 1.625rem;word-break: keep-all;padding: 16px 12px 0 0;transition:all .3s ease;}
nav.all .a4 > ul > li:hover > a {color: var(--primary)}
nav.all .a5 > ul {padding: 16px 0;}
nav.all .a5 > ul > li > a {
  display:inline-flex;position:relative;text-decoration:none;font-size: 1rem;
  line-height: normal;color: #333;padding: 4px 0;transition:all .3s ease;
}
nav.all .a5 > ul > li > a:after {display: block;position: absolute;left: 0;right: 0;bottom: 4px;width:0;height: 1px;background-color: #333;content: "";transform: scale(0);transition: all .2s ease;}
nav.all .a5 > ul > li > a:hover {opacity: 1;}
nav.all .a5 > ul > li > a:hover:after {width: 100%;transform: scale(1);}


footer article {display: flex;padding: 48px 0 44px;}
footer article .pane {display: flex;flex-direction: column;}
footer article .pane.q1 {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
footer article .pane.q2 {flex-grow: 0;flex-shrink: 0;flex-basis: 288px;margin-left: 20px;}
footer article .pane.q1 .shortcuts + .company {margin-top: 25px;}
footer .shortcuts ul {display: flex;}
footer .shortcuts li + li {margin-left: 8px;}
footer .shortcuts .shortcut {color: #666;}
footer .shortcuts .shortcut.privacy {font-weight: normal;font-weight: bold;color: var(--primary);}
footer .company {display: flex; flex-wrap:wrap}
footer .company .logo {flex-grow: 0;flex-shrink: 0;flex-basis: 190px;margin-right:30px}
footer .company .logo img {display: block;width: 100%;}
footer .company .logo + .info {margin-top:25px}
footer .company .info .address,
footer .company .info .copyright {font-size: .75rem;color: var(--fc-666);}
footer .company .info .address {overflow: hidden;}
footer .company .info .address ul {display: flex;overflow: hidden;margin-left: -16px;}
footer .company .info .address li {position: relative;padding-left: 16px;}
footer .company .info .address li:before {display: block;width: 1px;height: .75rem;position: absolute;top: .25rem;left: 8px;background: rgba(0, 0, 0, .12);content: "";}
footer .company .info .address dl {display: flex;justify-content: center;align-items: center;}
footer .company .info .address dt {margin-right:8px;}
footer .company .info .address dt,
footer .company .info .address dd {white-space: nowrap;}
footer .company .info .address + .copyright {margin-top: 8px;}

footer .family-sites .ui-button.ui-selectmenu-button {height: 52px;font-size: .875rem;border-radius: 8px;}
footer .family-sites .ui-button.ui-selectmenu-button .ui-selectmenu-text {color: var(--fc-111);}
footer .family-sites + .socials {margin-top: 16px;}


footer .socials ul {display: flex;justify-content: center;align-items: center;}
footer .socials li + li {margin-left: 28px;}
footer .socials .social {display: flex;justify-content: center;align-items: center;}
footer .socials .social .icns {position: relative;width: 40px;height: 40px;}
footer .socials .social .icn {position: absolute;width: 100%;height: 100%;overflow: hidden;background-image: url("/assets/images/common/icns_social.svg");background-repeat: no-repeat;background-size: 160px 80px;}
footer .socials .social .icn.q1 {opacity: 0;transition: all .6s ease;}
footer .socials .social:hover .icn.q1 {opacity: 1;}
footer .socials .social .icn.q1 {z-index: 12;}
footer .socials .social .icn.q2 {z-index: 11;}
footer .socials .social.youtube .icn.q1 {background-position: 0 0;}
footer .socials .social.facebook .icn.q1 {background-position: -40px 0;}
footer .socials .social.instagram .icn.q1 {background-position: -80px 0;}
footer .socials .social.blog .icn.q1 {background-position: -120px 0;}
footer .socials .social.youtube .icn.q2 {background-position: 0 -40px;}
footer .socials .social.facebook .icn.q2 {background-position: -40px -40px;}
footer .socials .social.instagram .icn.q2 {background-position: -80px -40px;}
footer .socials .social.blog .icn.q2 {background-position: -120px -40px;}
footer .socials .social .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}



/* Plugin: nanoScroller */
.nano {position: relative;width: 100%;height: 100%;}
.nano > .nano-content {position: absolute;overflow: scroll;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0;width: 100%; height: 100%;}
.nano > .nano-content::-webkit-scrollbar {display: none;}
.has-scrollbar > .nano-content::-webkit-scrollbar {display: block;}
.nano > .nano-pane,
.nano > .nano-pane > .nano-slider {border-radius: 2px;}
.nano > .nano-pane {position: absolute;top: 0;right: 0;bottom: 0;width: 4px;height: 100%;background-color: rgba(0, 0, 0, .04);opacity: .01;transition: .2s;}
.nano > .nano-pane > .nano-slider {position: relative;margin: 0;background-color: rgba(0, 0, 0, .24);}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {opacity: .99;}






header section:after,
main section:after {display: block;position: absolute;bottom: 0;left: -17px;right: 0;height: 1px;background-color: rgba(0, 0, 0, .12);content: "";}
header section.header-nav:after,
main section.main-util:after {background-color: rgba(0, 0, 0, 0);}
html.header-nav-on header section.header-nav:after {background-color: rgba(0, 0, 0, .12);}






main section.main-content article {display: flex;justify-content:space-between;flex-direction:column;}

/* main > section + section {padding-top: 40px;} */
main > section.main-content {min-height: calc(100vh - 80px - 48px - 196px);padding-top: 40px;padding-bottom: 160px;}


.title {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
main > section + section > article > .title {padding: 20px 0;}
main > section > article > .title h3 {font-family: "Acuon Headline";font-size: 2rem;font-weight: normal;}
main > section > article > .title .desc {width: 100%;margin-top: 16px;}


.ui-breadcrumbs {display: flex;align-items: center;}
.ui-breadcrumbs a {flex-grow: 0;flex-shrink: 0;flex-basis: auto;display: flex;justify-content: center;align-items: center;position: relative;height: 48px; color: #888;}
.ui-breadcrumbs a.current {color: #111; font-weight: bold; pointer-events: none;}
.ui-breadcrumbs a + a {padding-left: 32px;}
.ui-breadcrumbs a:before {
  display: block;position: absolute;top: 0;left: 0;width: 32px;height: 48px;
  background: rgba(0, 0, 0, .24);
  -webkit-mask-image: url("/assets/images/common/icn_rang_01.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;
  content: "";
}
.ui-breadcrumbs a:first-of-type:before{display: none;}



/* 본인인증 */
.ui-cert-type {position: relative;width: 100%;min-height: 450px;overflow: hidden;}

.ui-cert-type .radio-cert-type {position: absolute;top: 0;left: -9999px;}

.ui-cert-type .radio-cert-type.q1:checked ~ .label-cert-type .custom-radio.member-type.t1 .lbl,
.ui-cert-type .radio-cert-type.q2:checked ~ .label-cert-type .custom-radio.member-type.t2 .lbl,
.ui-cert-type .radio-cert-type.q3:checked ~ .label-cert-type .custom-radio.member-type.t3 .lbl {
  border: 2px solid var(--primary);
  background-color: var(--bg-white);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .4);
}
.ui-cert-type .radio-cert-type.q1:checked ~ .label-cert-type .custom-radio.member-type.t1 .icn {background-position: 0 0;}
.ui-cert-type .radio-cert-type.q2:checked ~ .label-cert-type .custom-radio.member-type.t2 .icn {background-position: -50px 0;}
.ui-cert-type .radio-cert-type.q3:checked ~ .label-cert-type .custom-radio.member-type.t3 .icn {background-position: -100px 0;}



.ui-cert-type .label-cert-type {margin-bottom: 40px;}
.ui-cert-type .form-cert-type {display: none;}
.ui-cert-type .radio-cert-type.q1:checked ~ .form-cert-type.q1,
.ui-cert-type .radio-cert-type.q2:checked ~ .form-cert-type.q2,
.ui-cert-type .radio-cert-type.q3:checked ~ .form-cert-type.q3 {display: block;}












/* 로그인, 회원가입, 조회관리(고객정보관리) */
.container.cert main .main-content > article,
.container.member main .main-content > article {width: 720px;}
.container.cert main .main-content > article > .title,
.container.member main .main-content > article > .title {justify-content: center;}


/* 로그인 */
.ui-ms {}
.ui-ms > div + div {margin-top: 32px;}
.ui-ms > .title + .content {margin-top: 20px;}
.ui-ms.login .title,
.ui-ms.join .title,
.ui-ms.find .title {justify-content: center;}
.ui-ms .headnote {display: flex;justify-content: center;align-items: center;}
.ui-ms .headnote .media + .meta {margin-left: 8px;}
.ui-ms .headnote .meta h4 + p {margin-top: 8px;}
.ui-ms .headnote.fdc .media + .meta {margin: 16px 0 0 0;}
.ui-ms .headnote.fdc .meta {justify-content: center;align-items: center;}
.ui-ms .headnote.fdc .meta p {text-align: center;}
.ui-ms .content {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ui-ms .content .ui-form {flex-grow: 1;width: 100%;}
.ui-ms.login .content .ui-form {width: 312px;}
.ui-ms .content .ui-form ul {padding: 0;border: 0;}
.ui-ms .content .ui-form ul li + li{margin-top: 40px;}
.ui-ms .content .ui-form + .button-bar {margin-top: 20px;}
.ui-ms .tool-bar {display: flex;justify-content: center;align-items: center;}
.ui-ms .etc .button-bar .lbl {color: #505050; font-size: .875rem;}
.ui-ms .etc .button-bar + .desc {margin-top: 8px;}
.ui-ms .etc .desc {font-size: .875rem;color: #666;}
.ui-ms.find .title .meta p:only-child {font-size: 1.25rem;}
.ui-ms.find .find-result .output {display: flex;justify-content: center;align-items: center;}
.ui-ms.find .find-result .output .textbox {
  display: flex;justify-content: center;align-items: center;
  width: 312px;font-size: 1.25rem;font-weight: bold;color: var(--primary);padding: 16px;
  border-radius: 8px;background-color: var(--bg-01);
}
.ui-ms.join .input.gap-0 {justify-content: center;}
.ui-ms.join .title .headnote .meta {text-align: center;}
.ui-ms.find .title.headnote .meta h4,
.ui-ms.join .title .headnote .meta h4{font-size: 2rem;text-align: center;}

/* 에러페이지 */
.ui-confirm{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ui-confirm .error-code {color: var(--fc-888); margin-top: 40px;}
.ui-confirm .title{text-align: center;}
.ui-confirm .title .meta h4{font-size: 2rem;}
.ui-confirm .title .meta h4 + p{margin-top: 8px;}

/* 인증센터 */
.ui-cert .title {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.ui-cert .title .headnote{display: flex; align-items: flex-end;padding-right: 100px;}
.ui-cert .title .headnote + p {margin-top: 8px;}
.ui-cert .title .headnote.fdc{display: flex; align-items: center;padding-right: 0;}
.ui-cert .title .headnote.fdc .media{width: 144px;}
.ui-cert .title .media{width: 110px;}
.ui-cert .title .media img {width: 100%;}
.ui-cert .title .media + .meta{margin-left: 8px;}
.ui-cert .title .meta h4 {font-size: 2rem;}
.ui-cert .cert-info {margin-top: 40px;}
.ui-cert .cert-info ul{display: flex;justify-content: center;align-items: center;}
.ui-cert .cert-info ul li + li {margin-left: 16px;}
.ui-cert .cert-info .box{padding: 24px 20px;width: 188px;height: 188px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ui-cert .cert-info .box .lbl{font-size: .875rem; margin: 12px 0 0 0; word-break: keep-all; text-align: center; color: var(--fc-333);}
.ui-cert .cert-info .box .icn {width: 64px;height: 64px;background-image: url("/assets/images/cert/icns_cert_center.svg");background-repeat: no-repeat;background-size: 256px 64px;}
.ui-cert .cert-info .box.t1 .icn {background-position: 0 0;} 
.ui-cert .cert-info .box.t2 .icn {background-position: -64px 0;} 
.ui-cert .cert-info .box.t3 .icn {background-position: -128px 0;}
.ui-cert .cert-info .box.t4 .icn {background-position: -192px 0;}
.ui-cert .box.has-button {width: 720px;margin-top: 40px;}
.ui-cert .box.has-button .meta p{font-size: .875rem; color: var(--fc-111);}
.ui-cert .box.has-button .meta p:nth-of-type(2){font-size: .75rem; color: #505050;}
.ui-cert .ui-stepper + .title .media {width: 96px;}
.ui-cert .input.gap-0 {justify-content: center;}
.ui-cert .h4 .content > .box:has(.ui-stepper.t2){margin-top: 40px;}
.ui-cert .box.filled{padding: 24px;}
.ui-cert .box + .box.filled{margin-top: 40px;}
.ui-cert .box.filled .desc{font-size: .875rem;}

.ui-cert .cert-copy {display: flex;flex-direction: column;gap: 24px;}

.ui-cert .cert-info.t2{display: flex;justify-content: center;}
.ui-cert .cert-info.t2 ul{display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: wrap;width: 800px;}
.ui-cert .cert-info.t2 ul li{width: 392px;}
.ui-cert .cert-info.t2 ul li:first-of-type{width: 800px;}
.ui-cert .cert-info.t2 ul li:not(li:first-of-type){margin-top: 16px;}
.ui-cert .cert-info.t2 ul li + li {margin: 0;}
.ui-cert .cert-info.t2 ul li + li:nth-of-type(2n - 1) {margin-left: 16px;}

.ui-cert .cert-info.t2 .box{padding: 24px 38px;width: auto;height: auto;flex-direction: row;}
.ui-cert .cert-info.t2 .box .icn {flex-shrink: 0;}
.ui-cert .cert-info.t2 .box .lbl{width: 240px;line-height: 1.5;vertical-align: baseline;margin: 0 0 0 12px;}
.ui-cert .cert-info.t2 ul li:first-of-type .box .lbl{width: 208px;}
.ui-cert .cert-info.t2 .box .icn {width: 64px;height: 64px;background-image: url("/assets/images/cert/icns_cert_type.svg");background-repeat: no-repeat;background-size: 192px 130px;}
.ui-cert .cert-info.t2 .box.t1 .icn {background-position: 0 0;} 
.ui-cert .cert-info.t2 .box.t2 .icn {background-position: -128px 0;}
.ui-cert .cert-info.t2 .box.t3 .icn {background-position: 0 -64px;}
.ui-cert .cert-info.t2 .box.t4 .icn {background-position: -64px -64px}
.ui-cert .cert-info.t2 .box.t5 .icn {background-position: -128px -64px;}

.ui-cert .cert-copy .title .media {width: 160px;height: 64px;background-repeat: no-repeat;background-image: url("/assets/images/cert/icn_cert_copy.svg");background-size: 164px 130px;}
.ui-cert .cert-copy .title .media.import {background-position: 0px 0px;}
.ui-cert .cert-copy .title .media.export {background-position: 0px -64px;}
.ui-cert .cert-copy .title .media + .meta{margin-top: 24px;}
.ui-cert .cert-copy .title .meta h5{font-size: 1.25rem;}
.ui-cert .cert-copy .title .meta h5 + p{margin-top: 8px;}
.ui-cert .cert-copy .title + .ui-stepper{margin-top: 20px;}
.ui-cert .cert-copy + .button-bar{margin-top: 60px;}

/* stepper */
.ui-stepper {display: flex;justify-content: center;align-items: center;}
.ui-stepper ol {display: flex;justify-content: center;align-items: center;}
.ui-stepper ol li + li {margin-left: 8px;}
.ui-stepper ol li.current .lbl {display: inline-flex;align-items: center; height: 32px; padding: 0 16px; font-weight: bold; color: var(--fc-fff); line-height: 1.5; background-color: #1f1f1f; border-radius: 16px; }
.ui-stepper ol li:not(.current) .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ui-stepper ol li:not(.current) .icn {width: 8px;height: 8px;background-color: var(--fc-111);border-radius: 50%;}
.ui-stepper ol li.current ~ li .icn {background-color: var(--fc-ccc);}
.ui-stepper + .title{margin-top: 40px;}

.ui-stepper.t2 {display: flex;justify-content: center;align-items: center;}
.ui-stepper.t2 ol {position: relative;display: flex;flex-direction: column; align-items: flex-start; justify-content:center;}
.ui-stepper.t2 ol::before{content: ''; display: block; position: absolute; left: 35px; top: 0; bottom: 0; border-left: 1px dashed var(--fc-ccc); z-index: -1;}
.ui-stepper.t2 ol li + li {margin-left: 0; margin-top: 32px;}
.ui-stepper.t2 ol li .lbl {position: relative;width: auto;height: auto;overflow: visible;margin: 0;clip: auto;margin-left: 16px;}
.ui-stepper.t2 .step {display: inline-flex; align-items: center; padding: 6px 12px; background-color: var(--primary); font-size: .875rem; line-height: 1.5; color: var(--fc-fff); border-radius: 22px;}

.ui-stepper.t3 {display: block}
.ui-stepper.t3 ol {position: relative;display: flex;flex-direction: row; align-items: flex-start;justify-content: space-evenly;}
.ui-stepper.t3 ol::before{content: ''; display: block; position: absolute; left: 12%; top: 16px; right: 12%; border-bottom: 1px dashed var(--fc-ccc); z-index: -1;}
.ui-stepper.t3 ol li {display: flex; flex-direction: column; align-items: center;flex-basis: 100px; flex-grow: 0; flex-shrink: 0;}
.ui-stepper.t3 ol li + li {margin-left: 0; margin-top: 0;}
.ui-stepper.t3 ol li .lbl {position: relative;width: auto;height: auto;overflow: visible;margin: 0;clip: auto;margin-top: 16px;font-size: .875rem; text-align: center; word-break: keep-all;}
.ui-stepper.t3 .step {display: inline-flex; align-items: center; padding: 6px 12px; background-color: var(--primary); font-size: .875rem; line-height: 1.5; color: var(--fc-fff); border-radius: 22px;}


/* 메인페이지 */

.container.index header section:after,
.container.index main section:after {background-color: rgba(0, 0, 0, 0);}
.container.index main section {padding: 20px 0;}
.container.index main article {flex-direction:row;}

.container.index main .pane.q1 {flex-grow: 1;flex-shrink: 1;flex-basis: auto;border-radius: 16px;background-color: #f7f8fa;}
.container.index main .pane.q2 {flex-grow: 0;flex-shrink: 0;flex-basis: 288px;width: 288px;margin-left: 20px;}
.container.index main .pane.q1 {display: flex;align-items: center;}

.container.index main .pane.q1 .ui-carousel {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.container.index main .pane.q1 .ui-menu {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}

.container.index main .pane.q1 .ui-carousel > .title {display: none;}
.ui-carousel {position: relative;}
.ui-carousel.visual-swiper .swiper-container {width: 512px;height: 714px;border-radius: 16px;box-shadow: 10px 0 20px rgba(0,0,0,.2);overflow: hidden;background-color: transparent;}
html.aside-nav-on .ui-carousel.visual-swiper .swiper-container {box-shadow: none;}
.ui-carousel.visual-swiper .swiper-slide {text-align: left;color: #fff;overflow: hidden;opacity: 0 !important;}
.ui-carousel.visual-swiper .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-bg {position: relative;width: 100%;height: 100%;padding: 60px;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-bg .swiper-slide-img {position: absolute;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-img img {display: block;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.obj,
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.cha {right: 0;bottom: 0;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.cha {transform-origin: 90% 90%;}
.ui-carousel.visual-swiper .swiper-slide .info-txt {position: relative;}
.ui-carousel.visual-swiper .swiper-slide .info-txt .info-type {font-size: 1rem;opacity: 0.6;}
.ui-carousel.visual-swiper .swiper-slide .info-txt .info-ttl {
  font-family: "Acuon Headline", AppleGothicNeoSD, "Apple SD Gothic Neo", "Apple SD 산돌고딕 Neo", "Droid sans", "Malgun Gothic", "맑은 고딕", Helvetica, Dotum, "돋움", sans-serif;
  margin-top: 16px;font-size: 2.5rem;font-weight:bold;
}
.ui-carousel.visual-swiper .swiper-slide .info-txt .info-desc {margin-top: 24px;font-size: 1.125rem;}
.ui-carousel.visual-swiper .swiper-slide .info-txt .info-product-button {line-height: 1.125rem;font-size: 1.125rem;font-weight: bold;color: #111;cursor: pointer;margin-top: 48px;padding: 19px 28px;background-color: #fff;border-radius: 32px;}

.ui-carousel.visual-swiper .swiper-slide .info-txt {z-index: 13;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.obj {z-index: 11;}
.ui-carousel.visual-swiper .swiper-slide .swiper-slide-img.cha {z-index: 12;}

.swiper-controller {display: flex;justify-content: center;align-items: center;}
.ui-carousel.visual-swiper .swiper-controller {
  position: absolute;left: 40px;bottom: 40px;width: auto;height: 38px;overflow: hidden;
  padding: 10px 18px;border-radius: 20px;background-color: rgba(0, 0, 0, .2);
}

.swiper-controller .swiper-navigation,
.swiper-controller .swiper-navigation-button,
.swiper-controller .swiper-operation,
.swiper-controller .swiper-pagination {position: relative;top: auto;right: auto;bottom: auto;left: auto;}

.swiper-controller > div {display: flex;}
.swiper-controller > div + div {margin-left: 4px;}

.swiper-controller .swiper-button {display: inline-flex;align-items: center;}
.swiper-controller .swiper-button .icn,
.swiper-controller .swiper-button .lbl {line-height: 0;margin: 0;padding: 0;}

.swiper-controller button .icn {
  width: 16px;height: 16px;background-color: #fff;
  -webkit-mask-image: url("/assets/images/index/icns_swiper.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-size: 64px 16px;
}
.swiper-controller button.swiper-button-disabled .icn {opacity: .5;}
.swiper-navigation-button {position: relative;top: auto;left: auto;right: auto;margin-top: 0;}
.swiper-navigation-button:after {display: none;}
.swiper-navigation-button .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.swiper-navigation-button.prev .icn {-webkit-mask-position: -32px 0;}
.swiper-navigation-button.next .icn {-webkit-mask-position: -48px 0;margin-right:0;}

.swiper-controller .swiper-pagination {width: auto;line-height: 1;font-size: 0.875rem;color:rgba(255, 255, 255, .5);white-space: nowrap;transform: none;}
.swiper-controller .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--primary);}
.swiper-controller .swiper-pagination .swiper-pagination-current {font-weight: bold;color:rgba(255, 255, 255, 1);margin-right: 4px;}
.swiper-controller .swiper-pagination .swiper-pagination-total {margin-left: 4px;}

.ui-carousel .swiper-operation-button.pp .icn {-webkit-mask-position: -16px 0;}
.ui-carousel.paused .swiper-operation-button.pp .icn {-webkit-mask-position: 0 0;}
.ui-carousel .swiper-operation-button.pp .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}


.container.index main .pane.q1 .ui-menu {display: flex;flex-direction: column;justify-content: space-evenly;height: 100%;padding: 0 36px;}
.container.index main .pane.q1 .ui-menu .title {padding: 0 24px;}
.container.index main .pane.q1 .ui-menu .title .desc {color: var(--fc-666);}
.container.index main .pane.q1 .ui-menu .title .desc + h4 {margin-top: 8px;}
.container.index main .pane.q1 .ui-menu .title h4 {font-size: 2.25rem;}
.container.index main .pane.q1 .ui-menu .menu-list .menu {
  display: flex;align-items: center;height: 80px;font-size: 1.125rem;font-weight: bold;padding:0 16px;
  border-radius: 16px;box-shadow: 0 0 4px rgba(0, 0, 0, 0);transition: all .2s ease;
}
.container.index main .pane.q1 .ui-menu .menu-list .menu:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .12);}
.container.index main .pane.q1 .ui-menu .menu-list .menu .icn {width: 48px;height: 48px;background-image: url("/assets/images/index/icns_menu.svg");background-repeat: no-repeat;background-size: 200px 50px;}
.container.index main .pane.q1 .ui-menu .menu-list .menu.ing .icn {background-position: 0 0;}
.container.index main .pane.q1 .ui-menu .menu-list .menu.loan .icn {background-position: -50px 0;}
.container.index main .pane.q1 .ui-menu .menu-list .menu.repay .icn {background-position: -100px 0;}
.container.index main .pane.q1 .ui-menu .menu-list .menu.certify .icn {background-position: -150px 0;}
.container.index main .pane.q1 .ui-menu .menu-list .menu .icn + .lbl {margin-left: 8px;}


.container.index main .pane.q2 {display: flex;flex-direction: column;justify-content: space-between;height: 714px;}
.container.index main .pane.q2 .ui-shortcut,
.container.index main .pane.q2 .ui-banner {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.container.index main .pane.q2 .ui-notice {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.container.index main .pane.q2 .ui-shortcut .title {display: none;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list > ul {display: flex;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list > ul > li {flex-grow: 1;flex-shrink: 1;flex-basis: 90px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list > ul > li + li {margin-left: 12px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut {
  display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100px;padding: 4px 0;
  border-radius: 16px;background-color: rgba(0, 0, 0, 0);box-shadow: 0 0 4px rgba(0, 0, 0, 0);transition: all .4s ease;
}
.container.index main .pane.q2 .ui-shortcut .shortcut-list > ul > li:nth-of-type(1) .shortcut {background-color: rgba(0, 149, 116, 0);}
.container.index main .pane.q2 .ui-shortcut .shortcut-list > ul > li:nth-of-type(2) .shortcut {background-color: rgba(2, 126, 153, 0);}
.container.index main .pane.q2 .ui-shortcut .shortcut-list > ul > li:nth-of-type(3) .shortcut {background-color: rgba(18, 74, 146, 0)}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut .icn {
  width: 48px;height: 48px;
  background-image: url("/assets/images/index/icns_shortcut.svg");background-repeat: no-repeat;background-size: 200px 100px;
}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.counsel .icn {background-position: 0 -50px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.faq .icn {background-position: -50px -50px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.branch .icn {background-position: -100px -50px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.megaphone .icn {background-position: -150px -50px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.counsel:hover .icn {background-position: 0 0;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.faq:hover .icn {background-position: -50px 0;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.branch:hover .icn {background-position: -100px 0;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut.megaphone:hover .icn {background-position: -150px 0;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut .icn + .lbl {margin-top: 8px;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut .lbl {font-size: .875rem;color: var(--fc-111);opacity: 0.8;transition: all .4s ease;}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .12);}
.container.index main .pane.q2 .ui-shortcut .shortcut-list .shortcut:hover .lbl {font-weight: bold;opacity: 1;}

.container.index main .pane.q2 .ui-notice  {position: relative;display: flex;flex-direction:column;margin-top: 20px;border: 1px solid rgba(0, 0, 0, .08);border-radius: 18px;overflow: hidden;}
.container.index main .pane.q2 .ui-notice .title {display: flex;justify-content: space-between;align-items: center;padding: 20px;}
.container.index main .pane.q2 .ui-notice .title h4 {font-size: 1.125rem;font-weight: bold;}
.container.index main .pane.q2 .ui-notice .title .button-more {width: 24px;height: 24px;border-radius: 4px;}
.container.index main .pane.q2 .ui-notice .title .button-more .icn {width: 20px;height: 20px;background-image: url("/assets/images/common/icn_rang_01.svg");background-repeat: no-repeat;}
.container.index main .pane.q2 .ui-notice .title .button-more .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.container.index main .pane.q2 .ui-notice .aware {position: absolute;display: block;width: 0;height: 0;border-radius: 50%; top: 0; left: 0;background-color: var(--bg-02);transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}
.container.index main .pane.q2 .ui-notice:hover .aware {width: 300%;height: 300%;}

.container.index main .pane.q2 .ui-notice .notice-list {overflow: hidden;}
.container.index main .pane.q2 .ui-notice .notice-list > ul {width: 100%;overflow: hidden;}
.container.index main .pane.q2 .ui-notice .notice-list .notice {display: block;font-size: 0.875rem;padding: 12px 20px;}
.container.index main .pane.q2 .ui-notice .notice-list .notice .title {height: 30px;}
.container.index main .pane.q2 .ui-notice .notice-list .notice > span {display: block;}
.container.index main .pane.q2 .ui-notice .notice-list .notice .sbj {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #111;}
.container.index main .pane.q2 .ui-notice .notice-list .notice .sbj + .date {margin-top: 4px;}
.container.index main .pane.q2 .ui-notice .notice-list .notice .date {color: #888;}
.container.index main .pane.q2 .ui-notice,
.container.index main .pane.q2 .ui-notice .button-more,
.container.index main .pane.q2 .ui-notice .notice-list .notice {transition: all .2s ease;}
/* .container.index main .pane.q2 .ui-notice:hover {background-color: rgba(0, 149, 116, .08);} */
/* .container.index main .pane.q2 .ui-notice .button-more:hover, */
.container.index main .pane.q2 .ui-notice .notice-list .notice:hover .sbj{text-decoration: underline;}


.container.index main .pane.q2 .ui-banner {margin-top: 20px;}
.container.index main .pane.q2 .ui-banner .title {display: none;}
.container.index main .pane.q2 .ui-banner .banner-list > ul > li {border-radius: 16px;overflow: hidden;}
.container.index main .pane.q2 .ui-banner .banner-list > ul > li + li {margin-top: 20px;}
.container.index main .pane.q2 .ui-banner .banner-list > ul > li .banner {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 24px;}
.container.index main .pane.q2 .ui-banner .banner-list > ul > li .banner .meta h5 {font-size: 1.25rem;font-weight: bold;}
.container.index main .pane.q2 .ui-banner .banner-list > ul > li .banner .meta .desc {color: #333;font-size: 0.875em;}
.container.index main .pane.q2 .ui-banner .banner-list > ul > li .banner .meta h5 + .desc {margin-top: 4px;}

.ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide  {border-radius: 16px;}
.ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner {position: relative;height: 162px;}
.ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .meta {height: 116px;}
.ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .meta h5 + .desc {margin-top: 8px;}
.ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .media {position: absolute;top: 24px;right: 24px;}
.ui-carousel.banner-swiper .swiper-container .swiper-wrapper .swiper-slide .banner .media img {vertical-align: top;}


.ui-carousel.banner-swiper .swiper-controller {position: absolute;left: 24px;bottom: 24px;}
.ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet,
.ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet-active {background: none;}
.ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0;border-radius: 50%;background-color: rgba(0, 0, 0, .4);opacity: .4;transition: all .4s ease;}
.ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 8px;}
.ui-carousel.banner-swiper .swiper-controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 16px;height: 8px;border-radius: 4px;opacity: 1;}
.ui-carousel.banner-swiper .swiper-controller .swiper-pagination + .swiper-operation {margin-left: 8px;}
.ui-carousel.banner-swiper .swiper-operation-button.pp .icn {
  width: 12px;height: 12px;
  background-color: rgba(0, 0, 0, .6);
  -webkit-mask-position: -12px 0;-webkit-mask-size: 48px 12px;
}
.ui-carousel.banner-swiper.paused .swiper-operation-button.pp .icn {-webkit-mask-position: 0 0;}




/* tool-bar */
.tool-bar {display: flex; justify-content: space-between;}
.tool-bar .ui-bbs-search {display: flex; align-items: center;}
.tool-bar .ui-bbs-search .ui-selectmenu-button + .search-keyword{margin-left: 16px;}
.tool-bar .ui-bbs-search .search-keyword {display: flex;justify-content: space-between;width: 312px;border-radius: 8px;border:1px solid #dfe4ea;}
.tool-bar .ui-bbs-search .search-keyword input {border: none;}
.tool-bar .ui-bbs-search .search-keyword + .form-button {margin-left: 16px;}
.tool-bar + .ui-tab {margin-top: 20px;}
.tool-bar + .table {margin-top: 20px;}
.tool-bar + .table.gallery {margin-top: 40px;}

/* 게시판 목록 */
.bbs-list {margin-top: 20px;}
.bbs-list table {width: 100%;text-align: center;}
.bbs-list table th,
.bbs-list table td {font-size: 16px;font-weight: normal;color: #111; padding: 16px 18px;}
.bbs-list table thead th {border-top: 1px solid #111;}
.bbs-list table th {background-color: var(--bg-01);}
.bbs-list table td {color: #111;border-bottom: 1px solid #dfe4e4; border-bottom: 1px solid rgba(0, 0, 0, .08);}
.bbs-list table tbody tr:hover{background-color: #f7f8fa;}
.bbs-list table tbody tr:hover .subject {color: #000;}
.bbs-list table .number {color: #888;}
.bbs-list table .subject {text-align: left;}
.bbs-list table .state.complete {color: var(--positive);}

.bbs-list table tbody tr.pinned td.type,
.bbs-list table tbody tr.pinned  td.subject {font-weight: bold;}
.bbs-list table tbody tr.bidding td.type{color: var(--primary);}
.bbs-list table tbody tr.done td.type{color: var(--fc-888);}



/* 게시판목록 - gallery */
.bbs-list table thead tr th.thumb,
.bbs-list table tbody tr td.thumb {display: none;}

.bbs-list.gallery table thead tr th.thumb,
.bbs-list.gallery table tbody tr td.thumb {display: block;}
.bbs-list.gallery table thead,
.bbs-list.gallery table tbody tr td.number{display: none;}
.bbs-list.gallery table tbody tr:hover{background-color: inherit;}

.bbs-list.gallery table tbody {display: flex;flex-wrap:wrap;gap: 20px;}
.bbs-list.gallery table tbody tr {display: flex;flex-direction: column;width: 360px;}
.bbs-list.gallery table tbody tr td {border-bottom: none;text-align: left;padding: 0 0 20px 0;}
.bbs-list.gallery table tbody tr td.thumb {display: block;}
.bbs-list.gallery table tbody tr td.thumb:hover a {transform: translateY(-10%);}
.bbs-list.gallery table tbody tr td.thumb a {display: flex;justify-content: center;align-items: center;display: flex;flex-direction: column;width: 360px;height: 200px;border-radius: 16px;border: 1px solid var(--line-02);transition:all .3s ease;overflow: hidden;}
.bbs-list.gallery table tbody tr td.thumb a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.bbs-list.gallery table tbody tr td.subject {font-size: 1.25rem;font-weight: bold;}
.bbs-list.gallery table tbody tr.data-none {width: 1120px;}
.bbs-list.gallery table tbody tr td.data-none {width: 1120px;text-align: center;padding: 16px 18px;}



/* 게시판 상세 */
.bbs-read .title {display: flex;flex-wrap: nowrap;font-size: 16px;font-weight: normal;color: #111;text-align: center;border-top: 1px solid var(--line-01); border-bottom: 1px solid var(--line-02);}
.bbs-read .title span{padding: 16px 18px;}
.bbs-read .title .subject{text-align: left; font-weight: bold;flex-basis: auto;flex-grow: 1;flex-shrink: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bbs-read .title .type{flex-basis: 170px;flex-grow: 0;flex-shrink: 0;}
.bbs-read .title .date{flex-basis: 160px;flex-grow: 0;flex-shrink: 0;}
.bbs-read .title .state{flex-basis: 160px;flex-grow: 0;flex-shrink: 0;}
.bbs-read .title .state.complete {color: var(--positive);}
.bbs-read .title .bidding {color: var(--primary);}
.bbs-read .title .done {color: var(--fc-888);}

.bbs-read .content {padding: 40px; line-height: 160%;border-bottom: 1px solid var(--line-02);}
.bbs-read .content .custom-box {margin-bottom: 40px;}
.bbs-read .bg {background-color: var(--bg-02);}
.bbs-read .bg.file {display: flex; align-items: center; justify-content: flex-start; padding: 18px 48px;}
.bbs-read .bg.file > span {margin-right: 48px; flex-shrink: 0; flex-grow: 0; flex-basis: auto;}
.bbs-read .bg.file .button-bar {flex-wrap: wrap; justify-content: flex-start;}
.bbs-read .bg.file .button-bar .custom-button.outlined {margin: 4px;}
.bbs-read + .button-bar.jcfs {margin-top: 40px;}
.bbs-read + .button-bar.jcfs .custom-button.outlined{width: 123px;}
.button-bar + .button-bar {margin-top: 60px;}

/* 게시판 네비 */
.bbs-navigation div {display: flex;justify-content: flex-start;align-items: center; padding: 18px 0;border-bottom: 1px solid var(--line-02);}
.bbs-navigation .lbl .icn {width: 20px;height: 20px;margin-left: 8px;background-image: url("/assets/images/common/icn_dang_select.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.bbs-navigation .prev .lbl .icn {transform: rotate(180deg);}
.bbs-navigation .lbl {display: flex;justify-content: center;align-items: center;flex-basis: 152px;flex-grow: 0;flex-shrink: 0;}
.bbs-navigation .subject {flex-basis: auto;flex-grow: 1;flex-shrink: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bbs-navigation .date {flex-basis: 160px;flex-grow: 0;flex-shrink: 0;text-align: center;}


/* 게시판 목록.공지사항 목록 */
.bbs-list.notice-list col.number {width: 15%;}
.bbs-list.notice-list col.type {width: 15%;}
.bbs-list.notice-list col.subject {width: auto;}
.bbs-list.notice-list col.date {width: 15%;}
.bbs-list.notice-list col.deadline {width: 15%;}
/* 게시판 목록.나의 상담내역 목록 */
.bbs-list.consulting-list col.type {width: 15%;}
.bbs-list.consulting-list col.subject {width: auto;}
.bbs-list.consulting-list col.state {width: 15%;}
.bbs-list.consulting-list col.date {width: 15%;}
/* 게시판 목록.민원접수 목록 */
.bbs-list.complaints-list col.number {width: 10%;}
.bbs-list.complaints-list col.type {width: 15%;}
.bbs-list.complaints-list col.subject {width: auto;}
.bbs-list.complaints-list col.date {width: 15%;}
.bbs-list.complaints-list col.state {width: 15%;}

/* data-grid */
.data-grid {border-top: 1px solid #000;}
.data-grid table {width: 100%;}
.data-grid table th,
.data-grid table td {text-align: center;font-size: 16px;padding-left: 16px;padding-right: 16px;border-bottom: 1px solid rgba(0, 0, 0, .12);}
.data-grid table th {font-size: 16px;font-weight: normal;color: var(--fc-111);padding-top: 8px;padding-bottom: 8px;background-color: var(--bg-01);}
.data-grid table td {font-size: 16px;color:var(--fc-111);padding-top: 16px;padding-bottom: 16px;border-bottom: 1px solid rgba(0, 0, 0, .12);}
.data-grid table td .button-bar {display: flex;flex-direction: column;align-items: center;}
.data-grid table td .button-bar .custom-button {min-width: 124px;}
.data-grid table td .button-bar .custom-button + .custom-button {margin-left: 0!important;margin-top: 8px;}

.data-grid.border-02 table th,
.data-grid.border-02 table td {border-right: 1px solid rgba(0, 0, 0, .12);}
.data-grid.border-02 table th:last-child,
.data-grid.border-02 table td:last-child {border-right: 0;}

.data-grid.border-03 table th,
.data-grid.border-03 table td {border-left: 1px solid rgba(0, 0, 0, .12);}
.data-grid.border-03 table th:last-child,
.data-grid.border-03 table td:last-child {border-right: 1px solid rgba(0, 0, 0, .12);}

.data-grid table td p {text-align: left;}
.data-grid table td p.tar {text-align: right;}
.desc + .data-grid {margin-top: 40px;}

/* tfoot 있을때 .has-tfoot */
.data-grid.has-tfoot table tfoot tr td {border-top: 1px solid #000;border-bottom: 1px solid #000;}
.data-grid.has-tfoot table tbody tr:last-of-type > td  {border-bottom: none;}


/* data-grid : ars안내 */
.data-grid col.code {width: 6%;}
.data-grid col.step1 {width: 40%;}
.data-grid col.step {width: auto;}

/* data-grid : 상품안내 / 상담사조회 */
.data-grid td figure {width: 60px;height: 60px;margin: auto;background-color: var(--bg-01);border-radius: 50%;overflow: hidden;}
.data-grid td figure img{width: 100%;vertical-align: top;}




.data-grid.t2 col.th {width: 200px;}
.data-grid.t2 col.td {width: auto;}
.data-grid.t2 th,
.data-grid.t2 td {padding: 24px;}
.data-grid.t2 th {text-align: left;vertical-align: top;font-weight: bold;font-size: 1.125rem;background-color: var(--bg-white);word-break: keep-all;}





.custom-box {padding: 32px;border: 1px solid var(--line-02);border-radius: 8px;}
.custom-box.filled {border: 0;background-color: var(--bg-02);}
.custom-box h5 + div {margin-top: 16px;}
.custom-box:not(.large,.border):has(dt:only-of-type) {padding: 16px 32px;}
.custom-box.border {padding: 30px 40px;border-right: none;border-left:none;border-radius:0;}

.dl-list {position: relative;font-size: 1.125rem;}
.dl-list dl {display: flex;flex-wrap: wrap;gap: 16px;}
.dl-list dt {flex-grow: 0;flex-shrink: 0;flex-basis: 180px;color: var(--fc-888);}
.dl-list dd {flex-grow: 1;flex-shrink: 1;flex-basis: calc(100% - 180px - 16px);width: 300px;}

.dl-list.col-2 dd{flex-basis: calc(50% - 180px - 16px - 8px);}

.dl-list.t2 dl {justify-content: space-between;gap: 16px;}
.dl-list.t2 dt,
.dl-list.t2 dd {flex-grow: 1;flex-shrink: 1;padding: 0;}
.dl-list.t2 dt + dd {margin-left: 0;}
.dl-list.t2 dt {flex-basis: 35%;}
.dl-list.t2 dd {flex-basis: calc(65% - 16px);width: auto;text-align: right;}




/* .pagination */
.ui-pagination {margin:40px 0;}
.ui-pagination a {display: block;}
.ui-pagination a.disabled {opacity: .5;pointer-events: none;}
.ui-pagination .align {display:flex; flex-direction: row; align-items: center; justify-content: center;}
.ui-pagination .align div + div {margin-left: 32px;}
.ui-pagination .direction {display: flex;}
.ui-pagination .direction a + a {margin-left: 8px;}
.ui-pagination .direction  .icn{position:relative;width:32px;height:32px;font-size:0;background:url("/assets/images/common/icns_pagination.svg") no-repeat;opacity:1.0;}
.ui-pagination .direction  .lbl{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0,0,0,0);}
.ui-pagination .direction .first .icn {background-position:0 0;}
.ui-pagination .direction .prev .icn {background-position:-40px 0;}
.ui-pagination .direction .next .icn {background-position:-104px 0;}
.ui-pagination .direction .last .icn {background-position:-144px 0;}
.ui-pagination .fraction {display: flex;}
.ui-pagination .fraction a + a {margin-left: 32px;}
.ui-pagination .fraction .lbl {font-size:1rem;color:#888;font-weight: bold;}
.ui-pagination .fraction .current .lbl {color:#111;}





/* accordion start ~*/
.ui-term {border-top: 1px solid #000;}
.ui-term + .h4 > .title{margin-top: 20px;}
.title + .content > .ui-term {margin-top: 40px;}

/* 클릭영역 */
/* .ui-term .ui-accordion {border-bottom: 1px solid rgba(0, 0, 0, .2);} */
.ui-term .ui-accordion > .ui-irc{display:block;border-bottom:1px solid #dbdbdb;}
.ui-term .ui-accordion .accordion-get{display: flex;align-items: center;padding: 24px 40px;border-bottom: 1px solid var(--line-02)}
.ui-term .ui-accordion .accordion-get:hover{cursor: pointer;}

/* .s = .t 앞의 구분 영역 */
.ui-term .ui-accordion .accordion-get .s + .t{margin-left: 20px;}
.ui-term .ui-accordion .accordion-get .s > .icn {width: 16px;height: auto;}
.ui-term .ui-accordion .accordion-get .s > .icn img {display: block;width: 100%;vertical-align: top;}
.ui-term .ui-accordion .accordion-get .s > .lbl {min-width:110px;font-size: 1.125rem;color: var(--fc-333);}
.ui-term .ui-accordion .accordion-get .s > .icn + .lbl {margin-left: 20px;}

/* .t 클릭영역 타이틀 */
.ui-term .ui-accordion .accordion-get .t{flex:1;display: flex;justify-content: space-between;align-items: center;}
.ui-term .ui-accordion .accordion-get .t .lbl {font-size: 1.125rem;transition: all .2s ease;}
.ui-term .ui-accordion .accordion-get .icn.angle{width:32px;height:32px;background:url("/assets/images/common/icn_dang_select.svg") no-repeat 50% 50%;background-size:cover;transition: all .3s ease;}

/* 아코디언 펼침  .accordion-expanded*/
.ui-term .accordion.accordion-expanded .accordion-get .icn.angle{transform: rotate(-180deg);}
.ui-term .accordion.accordion-expanded .accordion-get .t .lbl {font-weight: bold;}

/* .accordion-set 펼침 내용 */
.ui-term .ui-accordion .accordion-set{display: flex;flex-direction: column;border-bottom: 1px solid var(--line-02);}
.ui-term .ui-accordion .accordion-set .cont {background-color: var(--bg-02);}
.ui-term .ui-accordion .accordion-set .cont.text {padding: 40px;}
.ui-term .ui-accordion .accordion-set .cont.text p {font-size: 1.125rem;color: var(--fc-666);}
.ui-term .ui-accordion .accordion-set .cont.file {display: flex; align-items:center;}
.ui-term .ui-accordion .accordion-set .cont.file .c {padding: 18px 16px;}
.ui-term .ui-accordion .accordion-set .cont.file .c:first-of-type {flex-shrink: 0;}
.ui-term .ui-accordion .accordion-set .cont.file .c > .t {color:#111;padding: 10px 30px; }
.ui-term .ui-accordion .accordion-set .cont.file .c .button-bar{flex-wrap: wrap; justify-content: flex-start;}
.ui-term .ui-accordion .accordion-set .cont.file .c .button-bar .custom-button.h2.outlined{margin: 4px;}

/* accordion-term : 약관동의 아코디언 */
.ui-term .accordion-term{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--line-02);}
.ui-term .ui-accordion .accordion-term .accordion-get{padding: 24px; border: none;}
.ui-term .ui-accordion .accordion-term .t{padding: 0 24px;}
.ui-term .ui-accordion .accordion-term + .accordion-set{border: none;}
.ui-term .ui-accordion .accordion-term + .accordion-set .cont.text {max-height: 130px; padding: 20px 40px; overflow-y: auto;}
.ui-term .ui-accordion .custom-checkbox.term .lbl{margin-left: 20px;font-size: 1.125rem;color: var(--fc-666);}
.ui-term .ui-accordion .custom-checkbox.term input[type="checkbox"]:checked + .icn + .lbl{color: var(--fc-111);}




/* 탭 */
.ui-tab{position:relative;}
.ui-tab .tab-grp:first-of-type {margin-bottom: 60px;}
.ui-tab .tab-btns{display:flex; position:relative; table-layout:fixed; width:100%;}
.ui-tab .tab-btn{flex:1;position:relative;width:auto;vertical-align:middle;text-align:center;font-size:1.125rem;color: #505050;}
.ui-tab .tab-btn:hover{cursor: pointer;}

.ui-tab .tab-btn:before{display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#dfe4ea;content:"";}
.ui-tab .tab-btn .tab-lbl{display:block;margin:0;white-space:nowrap;padding:22px 0 20px 0;}
.ui-tab .tab-btn:after{display: block;position: absolute;left: 0;right: 0;bottom: 0px;background-color: var(--primary);content: "";transform: scale(0);transition:all .2s ease;}

.ui-tab .tab-btn.current{}
.ui-tab .tab-btn.current .tab-lbl{font-weight:bold;color:#111;text-shadow: none;}
.ui-tab .tab-btn.current:after{width: 100%;height: 6px;transform: scale(1);}

.ui-tab .tab-cnt{display:none;}
.ui-tab .tab-cnt.current{display:block;}
.ui-tab .tab-cnt .tab-cnt-title{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;border:0;clip:rect(0, 0, 0, 0);}
.ui-tab .tab-cnt .tab-cnt-content{}
.ui-tab .tab-cnt .tab-cnt-content .txt-list + .custom-table {margin-top: 20px;}
.ui-tab .tab-cnt .tab-cnt-content  .custom-table + .txt-list,
.ui-tab .tab-cnt .tab-cnt-content  .custom-table + .bl-number-list {margin-top: 8px;}


.ui-tab.scroll-tab .tab-btns:after {display: block;position: absolute;bottom: 0;right: -50vw;left: -50vw;height: 1px;background: rgba(0, 0, 0, .12);content: "";}
.ui-tab.scroll-tab .tab-btn:before {display: none;}

.ui-tab.scroll-tab .tab-cnt {display: block;position: relative;}

.ui-tab.scroll-tab .tab-cnt:first-of-type .tab-cnt-title {top: -200px;}
.ui-tab.scroll-tab .tab-cnt .tab-cnt-title {top: -146px;}
.ui-tab.scroll-tab .tab-grp:nth-of-type(1) {position: sticky;top: 80px;left: 0;z-index: 19;}
.ui-tab.scroll-tab .tab-grp:nth-of-type(1) .tabs {background-color: var(--bg-white);}


/* 탭 - 박스형 */
.ui-tab.contained .tab-btns {border: 1px solid var(--line-02);border-radius: 8px;background-color: var(--bg-02);}
.ui-tab.contained .tab-btn {border-radius: 8px;color: var(--fc-666);}
.ui-tab.contained .tab-btn:before {display: none;}
.ui-tab.contained .tab-btn:after {border-radius: 8px;opacity: 0;transform: none;transition:all .2s ease;}
.ui-tab.contained .tab-btn .lbl {font-weight: normal;color: var(--fc-666);}
.ui-tab.contained .tab-btn .lbl em {font-weight: bold;color: var(--fc-666);}
.ui-tab.contained .tab-btn.current {background-color: var(--primary);}
.ui-tab.contained .tab-btn.current .tab-lbl {font-weight: normal;color:#fff;text-shadow: none;}
.ui-tab.contained .tab-btn.current .tab-lbl em {font-weight: bold;color: inherit;}
.ui-tab.contained .tab-btn.current:after {background-color: var(--primary);height: 100%;opacity: 1;border-radius: 8px;box-shadow: 0 8px 10px rgba(0, 0, 0, .12);z-index: -1;}



/* h4 */
.h4 {margin-top: 40px;}
.h4 + .h4 {margin-top: 60px;}
.h4 > .title {padding-bottom: 20px;}
.h4 > .title .desc {color: var(--fc-111);padding-top: 12px;}
.h4 > .title .desc .bl-middot {font-size: 1rem; color: var(--fc-888);}
.h4 .ui-form + .term-bar {margin-top: 20px;}

.h4 .h5 {padding-top: 16px;padding-bottom: 16px;}
.h4 .h5 > .title {padding-bottom: 12px;}

/* h5 */
.h5 {}



/* button */
.content + .button-bar {margin-top: 40px;}
.button-bar {display: flex; justify-content: center;}

.button-bar .custom-button + .custom-button {margin-left: 8px;}
.button-bar.gap-8 .custom-button + .custom-button {margin-left: 8px;}
.button-bar.gap-16 .custom-button + .custom-button {margin-left: 16px;}
.button-bar.gap-24 .custom-button + .custom-button {margin-left: 24px;}
.button-bar:not(.gap-8):not(.gap-16):not(.gap-24) .custom-button.h1 + .custom-button.h1 {margin-left: 24px;}
.button-bar:not(.gap-8):not(.gap-16):not(.gap-24) .custom-button.h2 + .custom-button.h2 {margin-left: 16px;}

.custom-button {display: inline-flex;justify-content: center;align-items: center;position: relative;}
.custom-button .icn,
.custom-button .lbl {position: relative;}
.custom-button .lbl {white-space: nowrap;}
.custom-button .lbl strong {vertical-align: baseline;}

.custom-button.contained.primary.login-cert {height: 84px;padding: 24px 32px;border-radius: 8px;}
.custom-button.contained.primary.login-cert .icn {width: 32px;height: 32px;background-image: url("/assets/images/member/icns_login_cert.svg");background-repeat: no-repeat;background-size: 96px 32px;}
.custom-button.contained.primary.login-cert.t1 .icn {background-position: 0 0;} /* 금융인증서 로그인 */
.custom-button.contained.primary.login-cert.t2 .icn {background-position: -32px 0;} /* 민간인증서 로그인 */
.custom-button.contained.primary.login-cert.t3 .icn {background-position: -64px 0;} /* 공동인증서 로그인 */
.custom-button.contained.primary.login-cert .icn + .lbl {margin-left: 8px;}
.custom-button.contained.primary.login-cert .lbl {font-size: 1.125rem; color: #fff;}




.custom-button.h1 {
  min-width: 200px;height: 56px;
  font-size: 1rem;font-weight: bold;
  padding: 0 16px;border-radius: 8px;
}
.custom-button.h2 {height: 40px;padding: 0 16px;border-radius: 8px;}
.custom-button.h3 {height: 28px;font-size: .875rem;font-weight: normal;padding: 0 8px;border-radius: 6px;}


.custom-button.contained.primary:before {
  position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;border-radius: 8px;content: "";
}

.custom-button:before {z-index: 1;}
.custom-button .icn,
.custom-button .lbl {z-index: 2;}


.custom-button.outlined {background-color: var(--bg-white);}
.custom-button.outlined.disabled {opacity: .4;pointer-events: none;}


.custom-button.h1.outlined {border: 2px solid var(--line-01);}
.custom-button.h2.outlined {border: 1px solid var(--line-01);}
.custom-button.h3.outlined {border: 1px solid var(--line-01);}

.custom-button.h1 .lbl + .icn {margin-left: 8px;}
.custom-button.h1 .icn {width: 24px;height: 24px;}

.custom-button.h2 .lbl + .icn {margin-left: 8px;}
.custom-button.h3 .lbl + .icn {margin-left: 4px;}
.custom-button.h2 .icn {width: 20px;height: 20px;}
.custom-button.h3 .icn {width: 16px;height: 16px;}

.custom-button .icn.magnify, 
.custom-button .icn.download, 
.custom-button .icn.print,
.custom-button .icn.shortcut {background: #000;-webkit-mask-image: url("/assets/images/common/icns_button.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;}
.custom-button.h2 .icn.magnify {-webkit-mask-position: 0 0;} 
.custom-button.h2 .icn.download {-webkit-mask-position: -20px 0;} 
.custom-button.h2 .icn.print {-webkit-mask-position: -40px 0;}
.custom-button.h2 .icn.shortcut {-webkit-mask-position: -60px 0;}
.custom-button.h3 .icn.magnify {-webkit-mask-position: 0 0;} 
.custom-button.h3 .icn.download {-webkit-mask-position: -16px 0;} 
.custom-button.h3 .icn.print {-webkit-mask-position: -32px 0;}
.custom-button.h3 .icn.shortcut {-webkit-mask-position: -48px 0;}


.custom-button.contained {color: var(--fc-111);background-color: var(--bg-white);}
.custom-button.contained,
.custom-button.outlined {transition: all .2s ease;}

.custom-button.h1.contained:hover,
.custom-button.h1.outlined:hover {
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .16);
}
.custom-button.h2.contained:hover,
.custom-button.h2.outlined:hover {
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .16);
}

.custom-button.contained.list-button {background-color: #F0F2F7;font-weight: normal;border: 1px solid #DFE4EA;}


.custom-button.contained.primary {color: var(--fc-fff);background-image: var(--gradient-primary);}
.custom-button.contained.primary:before {background-image: var(--gradient-primary-hover);opacity: 0;transition: all .4s ease;}
.custom-button.contained.primary:hover:before {opacity: 1;}
.custom-button.contained.secondary {color: var(--fc-fff);background-color: var(--secondary);background-image: none;}
.custom-button.contained.secondary:before {display: none;}
.custom-button.contained.disabled {color: var(--fc-666);background-color: var(--contained-disabled);background-image: none;pointer-events: none;}
.custom-button.contained.disabled:before {display: none;}
.custom-button.contained.dismiss {color: var(--fc-fff);background-color: var(--contained-dismiss);background-image: none;}
.custom-button.contained.dismiss:before {display: none;}

.button-example {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.button-example .button-bar {padding: 40px;}
.button-example .button-bar + .button-bar {margin-top: 0;}

.custom-button.h1.cancel {background: var(--secondary);}

.custom-button.text-button {margin: 8px;}
.custom-button.text-button .icn + .lbl:not(:empty),
.custom-button.text-button .lbl + .icn {margin-left: 4px;}
.custom-button.table-button .icn.rang {
  width: 16px;height: 16px;
  background: rgba(0, 0, 0, .8);
  -webkit-mask-image: url("/assets/images/common/icn_rang_01.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;
}
.custom-button.text-button.underlined {border-bottom: 1px solid;}



.custom-button.search-button {padding: 14px;}


.custom-button.search-button .icn{width: 20px;height: 20px;background-image: url("/assets/images/common/icn_search.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.custom-button.search-button .lbl{position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.custom-button.form-button {min-width: auto; width: 120px; height: 52px;}
.custom-button.form-button .lbl + .icn {margin-left: 4px;}
.custom-button.form-button .icn {width: 20px;height: 20px;background-image: url("/assets/images/common/icn_write.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}



.custom-button.blank-button {gap: 16px;}
.custom-button.blank-button .lbl {min-width: 60px;}
.custom-button.blank-button .url {color: var(--secondary);}
.custom-button.blank-button:hover .url {text-decoration: underline;}




/* 페이지 맨 위로 */
.main-util {display: flex;justify-content: center;align-items: center;position: sticky;bottom: 0px;right: 0;left: 0;}
.main-util article {padding: 0;}
.ui-btt {display: flex;justify-content: center;align-items: center;}
.ui-btt .port {position: fixed;top: 0;left: 0;width: 0;height: 50vh;}
.ui-btt .custom-button.btt {
  position: absolute;bottom: 40px;right: -120px;width: 80px;height: 80px;
  border-radius: 50%;;background-color: var(--bg-white);box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.06), -8px 0px 15px rgba(0, 0, 0, 0.06);
  opacity: 0;transition: opacity .8s ease;
}
.custom-button.btt .icn {width: 18px;height: 24px;background: var(--fc-111);-webkit-mask-image: url("/assets/images/common/icn_btt.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;-webkit-mask-size: cover;}
.custom-button.btt .lbl {display: block;font-size: 0.875rem;color: var(--fc-111);}
.custom-button.btt .outer {
  position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  border-radius: 50%;padding: 2px;background-color: #70BF54;
  background-image: linear-gradient(93.6deg, transparent 50%, #eee 50%), linear-gradient(90deg, #eee 50%, transparent 50%);
}
.custom-button.btt .inner {
  display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 4px;
  position: relative;width: 100%;height: 100%;border-radius: 50%;background: #fff;
  color: #000;
}




.blank-card-list > ul {display: flex;flex-wrap: wrap;gap: 30px;}
.blank-card-list > ul > li {flex-grow: 0;flex-shrink: 1;flex-basis: auto;}
.blank-card-list.col-3 > ul > li {flex-basis: calc(33% - 20px);}
.blank-card-list .blank-card {display: flex;flex-direction: column;gap: 12px;padding: 20px 24px 24px 24px;border: 1px solid var(--line-02);border-radius: 8px;transition: all .2s ease;}
.blank-card-list .blank-card:hover {border-color: var(--primary);box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .16);}
.blank-card-list .blank-card .media figure {display: block;}
.blank-card-list .blank-card .media figure img {display: block;width: 100%;}
.blank-card-list .blank-card .meta {display: flex;justify-content: center;align-items: center;gap: 8px;}
.blank-card-list .blank-card .meta .lbl {font-size: 1.125rem;font-weight: bold;}
.blank-card-list .blank-card .meta .icn {width: 20px;height: 20px;background-image: url("/assets/images/common/icn_blank.svg");background-repeat: no-repeat;background-position: 50% 50%;}





.custom-shortcut {
  display: inline-flex;justify-content: center;align-items: center;position: relative;padding: 24px;
  border: 1px solid var(--line-02);border-radius: 8px;
  background-color: var(--bg-white);
  transition: border-color .2s ease;
}
.custom-shortcut.inactive {pointer-events: none;}
.custom-shortcut:not(.inactive):hover {
  border-color: var(--line-01);
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .16);
}

.custom-shortcut .icn,
.custom-shortcut .lbl {position: relative;}
.custom-shortcut .lbl strong {vertical-align: baseline;}
.custom-shortcut > .media {flex-grow: 0;flex-shrink: 0;flex-basis: 64px;}
.custom-shortcut > .meta {flex-grow: 1;flex-shrink: 1;flex-basis: auto;padding: 0 16px;}
.custom-shortcut > .icn {flex-grow: 0;flex-shrink: 0;flex-basis: 24px;}
.custom-shortcut.cert-shortcut .media .icn {width: 64px;height: 64px;background-image: url("/assets/images/cert/icns_cert_type.svg");background-repeat: no-repeat;background-size: 320px 128px;}
.custom-shortcut.cert-shortcut.t1 .media .icn {background-position: -64px 0;}
.custom-shortcut.cert-shortcut.t2 .media .icn {background-position: -128px 0;}
.custom-shortcut .meta > p {font-weight: bold;}
.custom-shortcut > .icn {
  width: 24px;height: 24px;
  background: rgba(0, 0, 0, .8);
  -webkit-mask-image: url("/assets/images/common/icn_rang_01.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;
}

.custom-shortcut.cert-shortcut.card {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;padding: 40px;}
.custom-shortcut.cert-shortcut.card:hover {border-color: var(--primary);}
.custom-shortcut.cert-shortcut.card .meta > p {text-align: center;font-size: 1.25rem;color: var(--fc-111);}
.custom-shortcut.cert-shortcut.card .meta > .desc {width: 240px;padding: 8px;}
.custom-shortcut.cert-shortcut.card .meta > .desc p {text-align: center;}
.custom-shortcut.cert-shortcut.card .lbl {
  display: inline-flex;justify-content: center;align-items: center;height: 40px;
  padding: 0 16px;border-radius: 8px;background-color: var(--bg-01);
}

.card-list.col-2 > ul {display: flex;flex-wrap: wrap;gap: 32px;}
.card-list.col-2 > ul > li {flex-grow: 1;flex-shrink: 1;flex-basis: calc(50% - 16px);}







.ui-card > ul {display: grid;gap: 32px;}
.ui-card.col-2 > ul {grid-template-columns: 1fr 1fr;}
.ui-card .card {display: flex;padding: 36px 40px;}

.custom-rc.card .icn,
.custom-rc.card .lbl,
.custom-rc.card .desc {position: relative;}

.custom-rc.custom-checkbox.card {flex-wrap: wrap;height: 100%;}
.custom-rc.custom-checkbox.card h6 {font-size: 1.125rem;}
.custom-rc.custom-checkbox.card .lbl + .desc {margin-top: 24px;}
.custom-rc.custom-checkbox.card .desc {width: 100%;font-size: 1rem;}
.custom-rc.custom-checkbox.card .bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 1px solid var(--line-02);border-radius: 8px;}
.custom-rc.custom-checkbox.card input:checked ~ .bg {border-color: var(--primary);}










/* ui-agreement 약관동의 */
.ui-agreement{width: 100%;}
.ui-agreement + .ui-agreement {margin-top: 40px;}
.ui-agreement .all-check .custom-checkbox.large{align-items: center;}
.ui-agreement .all-check .custom-checkbox.large .lbl{font-weight: bold; font-size: 1.5rem; color: var(--fc-666);}
.ui-agreement .all-check .custom-checkbox.large input[type="checkbox"]:checked ~ .lbl {color: var(--fc-111);}
.ui-agreement .all-check + .agreement-list {margin-top: 24px;}
.ui-agreement .agreement-list li + li {margin-top: 16px;}
.ui-agreement .agreement-list .checkbox-button{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap; outline: 1px solid var(--line-02); border-radius: 8px; padding: 20px 24px; }
.ui-agreement .agreement-list .checkbox-button .custom-checkbox.term {padding: 0; height: auto;}
.ui-agreement .agreement-list .checkbox-button .custom-checkbox.term .lbl {color: var(--fc-666); font-size: 1.125rem;}
.ui-agreement .agreement-list .checkbox-button .term-button {flex-grow: 0;flex-shrink: 0;flex-basis: auto;height: 40px;margin-left: 24px;}
.ui-agreement .agreement-list .checkbox-button .custom-checkbox.term input[type="checkbox"]:checked ~ .lbl{color: var(--fc-111);}
.ui-agreement .agreement-list .checkbox-button .agreement-sublist {margin-top: 24px; margin-left: 32px;}
.ui-agreement .agreement-list .checkbox-button .agreement-sublist .custom-checkbox.term .lbl{font-size: .875rem;}
.ui-agreement .agreement-list .checkbox-button .agreement-sublist .custom-checkbox.term {align-items: center;}

/* button-list */
.button-list {}
.button-list ul {display: flex;justify-content: center;align-items: center;}
.button-list li {position: relative;padding: 0 8px;}
.button-list li:after {display: block;position: absolute;top: 50%;right: 0;width: 1px;height: 14px;font-size: 0;background: rgba(0, 0, 0, .12);content: "";transform: translateY(-50%);}
.button-list li:last-of-type:after {display: none;}
.button-list li .lbl {color: #505050;}





/* text and bullets */
.text-list ol,
.text-list ul {display: flex;flex-direction: column;}
.text-list > ol,
.text-list > ul {gap: 8px;}
.text-list > ol > li > ol,
.text-list > ol > li > ul,
.text-list > ul > li > ol,
.text-list > ul > li > ul {gap: 8px;}
.text-list li,
.text-list p {line-height: 1.75;word-break: keep-all;}
.text-list li > ol,
.text-list li > ul {margin-top: 12px;}

.dl-list dd .text-list > ol,
.dl-list dd .text-list > ul {gap: 0;}




/* .h4-list > ul > li + li {margin-top: 32px;}
.h4-list > ul > li > h4 {margin-bottom: 16px;} */
.h4-list ul,
.h4-list li {display: flex;flex-direction: column;}
.h4-list > ul {gap: 32px;}
.h4-list > ul > li {gap: 16px;}
.h4-list > ul > li > ul {gap: 24px;}
.h4-list > ul > li > ul > li {gap: 12px;}
.h4-list > ul > li > ul > li > ul {gap: 8px;}
.h4-list > ul > li > ul > li > ul > li {gap: 4px;}
.h4-list > ul > li > ul > li > ul > li h6 {margin-top: 8px;}
.h4-list > ul > li > ul > li > ul > li h6 + ul {margin-top: 8px;}
.h4-list li,
.h4-list p {line-height: 1.75;word-break: keep-all;}
.h4-list.fd-row ul{flex-direction: row; flex-wrap: wrap;}
.h4-list.fd-row ul li{flex-grow: 0; flex-shrink: 0; flex-basis: 530px; gap: 20px;}
.h4-list.fd-row ul li p{word-break: break-all; color: var(--fc-666);}



/* .h4-list .h5-list {margin-top: 16px;} */
.h5-list h5 {margin-bottom: 8px;}
.h5-list > ul {display: flex;flex-direction: column;gap: 4px;}
.h5-list li,
.h5-list p {line-height: 1.5;word-break: keep-all;}


.h4-grid {display: flex;flex-direction: row;align-items: flex-start;gap: 20px;}
.h4-grid > .title {flex-grow: 0;flex-shrink: 0;flex-basis: 200px;flex-direction: column;align-items: flex-start;}
.h4-grid > .title h4 + .tool-bar {margin-top: 16px;}
.h4-grid > .content {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.h4-grid > .content .h5 {display: flex;flex-direction: column;gap: 20px;padding: 0;}
.h4-grid > .content .h5 + .h5 {margin-top: 40px;}
.h4-grid > .content .h5 > .title {padding: 0;}
.h4-grid > .content .h5 > .content + .button-bar {margin: 0;}
.h4-company + .h4-company{margin-top: 80px;}
.h4-company > .title{position: relative;display: inline-block; width: 200px;border-top: 1px solid var(--line-02);}
.h4-company > .title::before{position: absolute;top: -1px;left: 0;width: 50px;height: 1px; background-color: var(--primary);content: '';}
.h4-company > .title h4{font-size: 1.25rem;margin-top: 12px;}
.h4-company > .content dl{display: flex; align-items: center;margin-top: 20px;}
.h4-company > .content dl dt{font-size: 1.25rem;}
.h4-company > .content dl dd::before{display: block; position: absolute; top: 50%; left: 32px; width: 2px; height: 40px; background-color: var(--line-02); transform: translateY(-50%); content: '';}
.h4-company > .content dl dd{color: var(--fc-666); padding-left: 66px; position: relative;}


.custom-tooltip {display: inline-flex;justify-content: flex-start;align-items: flex-start;gap: 4px;height: 40px;cursor: help;opacity: .4;transition: all .3s ease;}
.custom-tooltip:hover {opacity: 1;}
.custom-tooltip .lbl {line-height: normal;color: var(--fc-111);}
.custom-tooltip .icn {width: 24px;height: 24px;margin-top: 2px;background: url("/assets/images/common/icn_tooltip_01.svg") no-repeat 50% 50%;}

.ui-tooltip.ui-widget.ui-widget-content,
.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content,
.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content img {width: auto;padding: 0;border: 0;background: none;box-shadow: none;outline: 0;}
.ui-tooltip.ui-widget.ui-widget-content {display: block;max-width: none;max-height: none;min-width: auto;min-height: auto;}
.ui-tooltip .tooltip-content {overflow: hidden;padding: 24px;border: 1px solid rgba(0, 0, 0, .08);border-radius: 8px;box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .24);}
.ui-tooltip .tooltip-content.esg-goals {padding: 0;}


.bl-middot {position: relative;padding-left: .6em !important;}
.bl-middot:before {display: block;position: absolute;top: 0.8em; left: 2px;width: 3px;height: 3px;border-radius: 50%;background-color: rgba(0, 0, 0, .4);content: "";}
.bl-middot:has(.mailto){display: block;}

.bl-asterisk {position: relative;padding-left: .8rem !important;}
.bl-asterisk:before {display: block;position: absolute;top: 0; left: 0;content: "*";}

.bl-billiard {position: relative;padding-left: 1.35rem;}
.bl-billiard:before {display: block;position: absolute;top: 0; left: 0;content: "※";}

.bl-dash {position: relative;padding-left: .8rem !important;}
.bl-dash:before {display: block;position: absolute;top: 0; left: 0;content: "-";}





ol.d-dot > li, /* 1. */
ol.d-bracket > li, /* (1) */
ol.d-bracket-half > li, /* 1) */
ol.d-round > li /* ① */
{position: relative;counter-increment: list-number;}
ol.d-dot > li:before,
ol.d-bracket > li:before,
ol.d-bracket-half > li:before,
ol.d-round > li:before {display: block;position: absolute;top: 0; left: 0;content: counter(list-number);}

ol.d-dot > li {padding-left: 1.3em !important;}
ol.d-dot > li:nth-of-type(n + 10) {padding-left: 1.8em !important;}
ol.d-dot > li:before {content: counter(list-number)".";}
ol.d-bracket-half > li {padding-left: 1.4em !important;}
ol.d-bracket-half > li:nth-of-type(n + 10) {padding-left: 1.9em !important;}
ol.d-bracket-half > li:before {content: counter(list-number)")";}
ol.d-bracket > li {padding-left: 1.8em !important;}
ol.d-bracket > li:nth-of-type(n + 10) {padding-left: 2.3em !important;}
ol.d-bracket > li:before {content: "("counter(list-number)")";}
ol.d-round {display: flex;flex-direction: column;gap: 8px;}
ol.d-round > li {padding-left: 1.5em !important;}
ol.d-round > li:before {
  width: 16px;height: 16px;line-height: normal;text-align: center;font-size: .75rem;
  border: 1px solid #333;border-radius: 50px;background-color: var(--light-fc-em);transform: translateY(4px);
  content:counter(list-number);
}

.custom-ol > li {position: relative;}
.custom-ol.ganada > li {padding-left: 1.25em;}
.custom-ol.ganada > li .bl {position: absolute;top: 0;left: 0;}


.h5-bl-d-dot {padding-left: 1.35rem;}
.h5-bl-d-dot > h5 {position: relative;}
.h5-bl-d-dot > h5 .bl {position: absolute;top: 0;left: -1.35rem;}

















/* number increments  */
.bl-number-list {counter-reset: number 0;}
.bl-number-list .bl-number {position: relative;color: var(--fc-888);line-height: 1.5rem;}
.bl-number-list .bl-number:before {
  position: relative;
  counter-increment: number 1;
  top: 0;margin-right: 2px;width: auto;height: auto;
  content: counter(number) ") ";
}

/* box */
.box{padding: 40px;border: 1px solid var(--line-02); border-radius: 8px;}
.box span + span {margin-left: 20px;}
.box .icn.location {width: 48px; height: 48px; background-image: url("/assets/images/common/icn_location.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}

.box.left{display: flex; align-items: center; justify-content: flex-start;}
.box.left .icn + .lbl {margin-left: 20px;}
.content > .box.left.icn {margin-top: 40px; margin-bottom: 40px;}
.box.left.icn{font-size: 1.125rem;}
.box.center{display: flex; align-items: center; justify-content: center;}
.box.center .lbl{display: flex; align-items: center; font-size: 1.5rem;}
.box.center .lbl em{margin-left: 20px; font-size: 2rem;}
.box.center .icn.call {width: 48px; height: 48px; background-image: url("/assets/images/common/icn_call.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}
.content > .box.center {margin: 40px 0;}

.box.filled {background-color: var(--bg-02); border: none;}
.box.filled + .h4 {margin-top: 20px;}
article > .title + .content > .box.filled {margin-top: 40px;}
.box.filled.has-button {display: flex; justify-content: space-between; align-items: center;padding: 24px;}
.box.filled.has-button .flex {display: flex; align-items: center;}
.box.filled.has-button .flex .media {width: 60px; height: 60px;}
.box.filled.has-button .flex .media img {width: 100%;}
.box.filled.has-button .flex .meta {margin-left: 12px;}
.box.filled.has-button .flex + .custom-button {margin-left: 24px;}
.box.filled.has-button .custom-button .lbl {font-size: .875rem;}
.box.filled.has-button .custom-button{align-items: center; justify-content: center;height: 40px; padding: 0 16px; font-weight: normal; border-radius: 8px; border: 1px solid var(--line-02);}

.cert-info + .box.filled.has-button .flex .media{width: 40px; height: 40px;}
.cert-info + .box.filled.has-button .flex .media .icn.copy {width: 40px; height: 40px; background-image: url("/assets/images/cert/icn_cert_copy_02.svg");background-repeat: no-repeat;background-position: 0 0;background-size: 100%;}

.box.filled + .term-bar {margin-top: 20px;width: 100%;}

/* map */
.map-container {height: 320px;border-radius: 8px; border: 1px solid var(--line-02);overflow: hidden;}
.search-filters + .map-container {margin-top: 40px;}
.map-container + .custom-box {margin-top: 20px;}
.custom-box + .desc {margin-top: 20px;}




/* 상품안내 */

/* prd-summary sticky */
section.main-prd {position: fixed;top: -100px;left: 0;width: 100%;height: 100px;background-color: #124A92;z-index: 999;transition:all .5s ease;}
section.main-prd:after {display: none;}
html.prd-sticky-on section.main-prd {top: 80px;}

section.main-prd > article {display: flex;align-items:center;justify-content: center;width: 1120px;height: 100%;}
section.main-prd .ui-sticky {display: flex;justify-content:space-between;align-items:center;width: 1120px;height: 100%;}
section.main-prd .ui-sticky .ttl {font-family: "Acuon Headline";font-size: 2rem;line-height: 2rem;color: var(--fc-fff);}

.ui-product {margin-top: 20px;}
.ui-product.type-01 .prd-summary-bg{background-color: var(--primary);}
.ui-product.type-01 .prd-summary-bg .custom-button.h1.contained:hover{color: var(--primary);}
.ui-product.type-02 .prd-summary-bg{background-color: #027E99;}
.ui-product.type-02 .prd-summary-bg .custom-button.h1.contained:hover{color: #027E99;}
.ui-product.type-03 .prd-summary-bg{background-color: #124A92;}
.ui-product.type-03 .prd-summary-bg .custom-button.h1.contained:hover{color: #124A92;}
.ui-product.type-03 .ui-tab .tab-btns{padding-top: 0;}

.prd-summary{position: relative;height: 458px;border-radius: 16px;overflow: hidden;color: #fff;}
.prd-summary .sticky-switch {position: absolute;right: 0;bottom: 140px;width: 0;height: 100px;}

.prd-summary .prd-summary-bg {display: flex;flex-direction:column;justify-content:space-between;position: relative;width: 100%;height: 100%;padding: 60px;}
.prd-summary .prd-summary-img {position: absolute;top: 60px;right: 60px;overflow: hidden;}
.prd-summary .prd-summary-img img {vertical-align: top;}
.prd-summary .prd-ttl-area {max-width:720px;}
.prd-summary .prd-ttl-area .prd-type {font-size: 1.125rem;color:rgba(255, 255, 255, .6)}
.prd-summary .prd-ttl-area .prd-ttl {font-family: "Acuon Headline";font-size: 3rem;line-height: 4.3rem;}
.prd-summary .prd-ttl-area .prd-type + .prd-ttl {margin-top: 16px;}
.prd-summary .prd-ttl-area .prd-desc {}
.prd-summary .prd-ttl-area .prd-ttl + .prd-desc {margin-top: 20px;}
.prd-summary .prd-info-area {display: flex;justify-content: space-between;align-items: center;}
.prd-summary .prd-info-area .prd-info-list {width:780px;}
.prd-summary .prd-info-area .prd-info-list > ul {display: flex;}
.prd-summary .prd-info-area .prd-info-list > ul > li + li  {margin-left: 40px;}
.prd-summary .prd-info-area .prd-info-list > ul > li .prd-info {}
.prd-summary .prd-info-area .prd-info-list .prd-info {}
.prd-summary .prd-info-area .prd-info-list .prd-info span{display: block;}
.prd-summary .prd-info-area .prd-info-list .prd-info .ttl {color:rgba(255, 255, 255, .6)}
.prd-summary .prd-info-area .prd-info-list .prd-info .desc {font-size: 1.25rem;font-weight: bold;}
.prd-summary .prd-info-area .prd-info-list .prd-info .ttl + .desc {margin-top: 4px;}


/* .prd-spec-about= 하단 상품 테이블*/
.prd-spec-about .prd-spec-list > ul > li + li {margin-top: 40px;}
.prd-spec-about .prd-spec-list .prd-spec {display: flex;letter-spacing: -1px;}
.prd-spec-about .prd-spec-list .prd-spec .text-list > ul > li > ul {gap: 0;margin-top: 8px;}
.prd-spec-about .prd-spec-list .prd-spec dt.prd-spec-ttl {width: 220px;font-size: 1.125rem;color: #666;}
.prd-spec-about .prd-spec-list .prd-spec dt.prd-spec-ttl .ttl {min-width: 200px;font-size: 1.125rem;color: #666;}
.prd-spec-about .prd-spec-list .prd-spec dd.prd-spec-cont{width: 100%;}
.prd-spec-about .prd-spec-list .prd-spec dd.prd-spec-cont .custom-table.data-grid td{text-align: left; height: 56px;}
.prd-spec-about .prd-spec-list .prd-spec dt.prd-spec-ttl + dd.prd-spec-cont {margin-left: 20px;}
.prd-spec-about .prd-spec-list .prd-spec dd.prd-spec-cont .prd-visual-area .prd-visual{display: flex;justify-content: center;align-items:center;}
.prd-spec-about .prd-spec-list .prd-spec dd.prd-spec-cont .prd-visual-area .prd-visual img {vertical-align: top;}
.prd-spec-about .prd-spec-list .prd-spec dd.prd-spec-cont .prd-visual-area .prd-visual.q1 {padding: 60px 0 100px;}
.prd-spec-about .prd-spec-list .prd-spec dd.prd-spec-cont .prd-visual-area .prd-visual.q2 {}

.ui-product .prd-summary + .prd-spec-about {margin-top: 60px;}
.ui-product .prd-spec-about + .footnote {margin-top: 60px;}
.ui-product .prd-spec-about .prd-spec-list + .footnote {margin-top: 60px;}

.ui-product.type-01 .ui-tab .tab-btn::after {background-color: var(--primary);}
.ui-product.type-02 .ui-tab .tab-btn::after {background-color: #027E99;}
.ui-product.type-03 .ui-tab .tab-btn::after {background-color: #124A92;}



.prd-diagram {padding: 60px 0;}
.prd-diagram figure {display: flex;justify-content: center;align-items: center;}
.prd-diagram figure img {width: auto;}
.prd-diagram figure + .process-list {margin-top: 60px;}
.process-list {}
.process-list > ol {display: flex;flex-wrap: wrap;border-top:1px solid #111;border-bottom: 1px solid #DFE4EA;}
.process-list > ol > li {flex-grow: 0;flex-shrink: 0;position: relative;border-bottom: 1px solid #DFE4EA;border-right: 1px solid #DFE4EA;}
.process-list > ol > li:before {
  display: block;position: absolute;top: 50%;left: -1px;width: 16px;height: 40px;
  background: url("/assets/images/common/process_prj.svg") no-repeat 0 0;transform: translateY(-50%);content: "";
}
.process-list .process {display: flex;flex-direction: column;align-items: center;height: 216px;padding: 32px 8px;}

.process-list.col-3 > ol > li {flex-basis: 33%;}
.process-list.col-3 > ol > li:nth-last-of-type(-n + 3):nth-of-type(3n + 1),
.process-list.col-3 > ol > li:nth-last-of-type(-n + 3):nth-of-type(3n + 1) ~ li {border-bottom: 0;}
.process-list.col-3 > ol > li:nth-of-type(3n) {border-right: 0;}
.process-list.col-3 > ol > li:nth-of-type(3n - 2):before {display: none;}

.process-list.col-4 > ol > li {flex-basis: 25%;}
.process-list.col-4 > ol > li:nth-last-of-type(-n + 4):nth-of-type(4n + 1),
.process-list.col-4 > ol > li:nth-last-of-type(-n + 4):nth-of-type(4n + 1) ~ li {border-bottom: 0;}
.process-list.col-4 > ol > li:nth-of-type(4n) {border-right: 0;}
.process-list.col-4 > ol > li:nth-of-type(4n - 3):before {display: none;}

.process-list.col-5 > ol > li {flex-basis: 20%;}
.process-list.col-5 > ol > li:nth-last-of-type(-n + 5):nth-of-type(5n + 1),
.process-list.col-5 > ol > li:nth-last-of-type(-n + 5):nth-of-type(5n + 1) ~ li {border-bottom: 0;}
.process-list.col-5 > ol > li:nth-of-type(5n) {border-right: 0;}
.process-list.col-5 > ol > li:nth-of-type(5n - 4):before {display: none;}

.process-list .process .number {font-size: 1.125rem;font-weight: bold;color: var(--primary);}
.process-list .process h6 {font-size: 1.125rem;font-weight: bold;padding: 20px 0;}
.process-list .process .desc {text-align: center;font-size: .875rem;color: var(--fc-888);}





/* headnote, footnote */
.headnote.box-headnote,
.headnote.table-headnote {color: var(--fc-888);}
.headnote + .custom-box {margin-top: 16px;}
.headnote + .custom-table {margin-top: 16px;}
.custom-box + .footnote {color: var(--fc-888);margin-top: 16px;}
.custom-table + .footnote {color: var(--fc-888);margin-top: 16px;}

.footnote.prd-footnote {border-top: 1px solid var(--line-02);}
.footnote .note-top {padding: 40px 0;}
.footnote .note-top .bl-billiard,
.footnote .note-mid .bl-billiard {color: #111;}
.footnote .note-mid {margin: -10px 0 30px;}
/* .footnote .note-mid ~ .note-bottom{margin-top: 48px;} */



/* datepicker */
.inputs.has-datepicker,
.input.has-datepicker {display: inline-flex;}
input.datepicker {position:relative;}
input.datepicker + .ui-datepicker-trigger {position: absolute;top: 16px;right: 16px;}
.ui-datepicker-trigger {display:inline-block;width:20px;height:20px;vertical-align:middle;text-align:center;font-size:0;}

.fromto-date {flex-grow: 0 !important;background-color: var(--bg-white);border-radius: 8px;white-space: nowrap;}
.fromto-date .fromto {color: var(--fc-888);display: block;position: relative;margin: 0 16px;}
.fromto-date input.datepicker{width: 160px;padding-right: 0;}

.ui-widget.ui-datepicker {width: 240px;overflow: hidden;}
.ui-widget.ui-widget-content.ui-datepicker {max-height:none;margin: 0;padding: 0;border: 1px solid var(--primary);border-radius: 8px;}
.ui-datepicker {padding: 0;border: 1px solid #ddd;border-radius: 0;}
.ui-datepicker * {padding: 0;border-radius: 0;}
.ui-datepicker table {font-size: 13px;margin: 0;}
.ui-datepicker .ui-datepicker-header {font-weight: normal;color: #fff;border: 0;background-color: var(--primary);}
.ui-datepicker .ui-datepicker-header .ui-state-hover {cursor: pointer;border-color: transparent;border-radius: 0;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year + .ui-datepicker-month {margin-left: 2px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-month {color: var(--fc-111);border: 0;border-radius: 4px;}
.ui-datepicker thead {color: #fff;background: var(--primary);}
.ui-datepicker .ui-datepicker-title {font-size: 14px;color: #fff;margin-top: .4em;margin-bottom: .3em;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  top: 10px;width: 24px;height: 24px;padding: 0;border: 0;
  background-color: var(--bg-white);
  -webkit-mask-image: url("/assets/images/common/icn_rang_01.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;-webkit-mask-size: 16px 16px;
}
.ui-datepicker .ui-datepicker-prev {left: 4px;transform: rotate(-180deg);}
.ui-datepicker .ui-datepicker-next {right: 4px;}
.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.ui-datepicker th {font-weight: normal;color: #fff;padding: 0.75em 0;border: none;}
.ui-datepicker td {padding: 0;border: 0;}
.ui-datepicker td.ui-state-disabled {display: table-cell;}
.ui-datepicker td .ui-state-default {text-align: center;font-weight: normal;color: var(--fc-111);margin: 0;padding: .5em;border: 0;background: transparent;}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {background: rgb(0, 149, 116, .12);}
.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {color: #999;opacity: 1;}
.ui-datepicker td .ui-state-highlight {font-weight: bold;color: var(--primary);}




/* 조회관리 - 조회결과 상단 영역 */

.custom-dl {display: inline-flex;align-items:center;justify-content: center;position:  relative;color:var(--fc-111);margin-right: 20px;}
.custom-dl + .custom-dl {padding-left: 20px;}
.custom-dl + .custom-dl:before {position: absolute;top: 50%;left: 0;width: 1px;height: 16px;background-color: var(--bg-04);transform:translateY(-50%);content:"";}
.custom-dl dt + dd {margin-left: 8px;}
.custom-dl dd .val {display: flex;align-items: center;justify-content: center;}
.custom-dl dd .val .value {font-weight: bold;}
.custom-dl dd .val .prefix + .value {margin-left: 4px;}
.custom-dl dd .val .suffix {}

.tab-cnt-content > .custom-dl {margin-top: 20px;}
.custom-box.border + .h4{margin-top: 60px;}
.custom-box.border + .ui-search-form {margin-top: 60px;}

/*data-grid : 조회관리 / 대출내역조회 */
.ui-accotable .data-grid {height: 114px;overflow: hidden;}
.ui-accotable .data-grid table th,
.ui-accotable .data-grid table td {height: 56px;}
.ui-accotable .custom-button.acco-button {width: 100%;height: 40px;border-bottom: 1px solid rgba(0, 0, 0, .12);}
.ui-accotable .custom-button.acco-button .icn { 
  width: 16px;height: 16px;
  background: rgba(0, 0, 0, .8);
  -webkit-mask-image: url("/assets/images/common/icn_dang_select.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;transition: all .3s ease;
}
.ui-accotable.expended .data-grid {height: auto;overflow: visible;}
.ui-accotable.expended .custom-button.acco-button .icn {transform: rotate(-180deg);}



/* flip-card */
.flip-card {display: flex;align-items: center;justify-content: space-between;}
.flip-card .card {width: 352px; height: 490px; perspective: 1500px;}
.flip-card .card .more {display: none;}
.flip-card .card .more:checked ~ .card-content {transform: rotateY(180deg);}
.flip-card .card .card-content {position: relative;width: 100%;height: 100%;transform-style: preserve-3d;transition: transform 0.8s cubic-bezier(0.75, 0, 0.85, 1);}
.flip-card .card .front, 
.flip-card .card .back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;backface-visibility: hidden;transform-style: preserve-3d;cursor: pointer;}
.flip-card .card .front .inner {display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 100%;padding: 80px 24px 48px 24px;transform: translateZ(74px) scale(0.94);}
.flip-card .card .front .inner:hover .button{box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .16); background-color: var(--bg-white); }
.flip-card .card .front .meta{font-size: 1.75rem; font-weight: bold; color: #111;}
.flip-card .card .media img{width: 100%;}
.flip-card .card.t1 .front .media{width: 175px;}
.flip-card .card.t2 .front .media{width: 230px;}
.flip-card .card.t3 .front .media{width: 156px;}
.flip-card .card .front .button {display: inline-flex;vertical-align: middle;justify-content: center;align-items: center;min-width: 160px;height: 60px;padding: 0 20px;font-size: 1.125rem;color: #111;font-weight: bold;border-radius: 30px;background-color: rgba(255, 255, 255, .75);backface-visibility: hidden;transition: 0.3s ease-in-out;cursor: pointer;}

.flip-card .card .front:after {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;backface-visibility: hidden;border-radius: 16px;content: '';}
.flip-card .card.t1 .front:after {background: linear-gradient(165deg, rgba(204,255,186,1) 0%, rgba(158,231,132,1) 100%);}
.flip-card .card.t2 .front:after {background: linear-gradient(165deg, rgba(237,249,182,1) 0%, rgba(210,235,93,1) 100%);}
.flip-card .card.t3 .front:after {background: linear-gradient(165deg, rgba(186,245,252,1) 0%, rgba(112,226,239,1) 100%);}

.flip-card .card .back {transform: rotateY(180deg);}
.flip-card .card.t1 .back {background-color: #D8F4CE;}
.flip-card .card.t2 .back {background-color: #F1F9CA;}
.flip-card .card.t3 .back {background-color: #CFF2F6;}

.flip-card .card .back .inner{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;height: 100%;padding: 40px;transform: translateZ(74px) scale(0.94);}
.flip-card .card .back .return-button .icn{background: url("/assets/images/common/icn_lang_01.svg") center; width: 20px; height: 20px;cursor: pointer;}
.flip-card .card .back .return-button .lbl{position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}
.flip-card .card .back .title p {font-size: 1.25rem; font-weight: bold; margin: 20px 0;}
.flip-card .card .back .content p {font-size: 1rem; color: #333; word-break: break-all;}

.flip-card .card .back .chip {padding: 0 12px; height: 30px; margin-left: 8px; border-radius: 15px; font-size: .875rem; font-weight: bold; display: inline-flex; justify-content: center; align-items: center;}
.flip-card .card.t1 .back .chip {background-color: rgba(113, 191, 84, 0.30); color: #419523;}
.flip-card .card.t2 .back .chip {background-color: #DFEC9F; color: #819C00;}
.flip-card .card.t3 .back .chip {background-color: rgba(113, 195, 206, 0.30); color: #108494;}




/* 금융소비자보호 */
.rule-jumbotron {
  display: grid;grid-template-columns: auto 242px;
  border: 1px solid var(--secondary);border-radius: 16px;
  background-color: rgb(112, 191, 84, 0.04);
}
.rule-jumbotron .meta,
.rule-jumbotron .media {position: relative;}
.rule-jumbotron .meta {padding: 40px;}
.rule-jumbotron .media {flex-grow: 0;flex-shrink: 0;flex-basis: 242px;}
.rule-jumbotron .media figure {position: absolute;right: 32px;bottom: -28px;}

.rule-list > ol > li + li {margin-top: 20px;}
.rule-list .custom-ol .bl {
  display: inline-block;min-width: 48px;vertical-align:middle;
  text-align: center;font-size: .875rem;color: var(--fc-fff);
  margin-right: 12px; padding: 4px 8px;border-radius: 12px 0 12px 12px;background-color: var(--secondary);
}




.document-shortcut-list {}
.document-shortcut-list > ul {display: flex;flex-wrap: wrap;gap: 32px;}
.document-shortcut-list > ul > li {flex-grow: 0;flex-shrink: 0;flex-basis: calc((100% - 32px) / 2);}
.document-shortcut-list > ul > li:only-of-type .document-shortcut {display: inline-flex;}
.document-shortcut-list .document-shortcut {display: flex;justify-content: center;align-items: center;padding: 24px;border: 1px solid var(--line-02);border-radius: 8px;transition: all .2s ease;}
.document-shortcut-list .document-shortcut:hover {border-color: var(--primary);box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, .16);}
.document-shortcut-list .document-shortcut .icn {flex-grow: 0;flex-shrink: 0;}
.document-shortcut-list .document-shortcut .icn.document {flex-basis: 32px;width: 32px;height: 32px;background: url("/assets/images/common/icn_document.svg") no-repeat 50% 50%;}
.document-shortcut-list .document-shortcut .icn.rang {flex-basis: 20px;width: 20px;height: 20px;background: url("/assets/images/common/icn_rang_01.svg") no-repeat 50% 50%;}
.document-shortcut-list .document-shortcut .lbl {flex-grow: 1;flex-shrink: 1;flex-basis: auto;padding: 0 16px 0 8px;}




/* 회사소개 */
.container.company {}


/* 연혁 */
.ui-history {}
.ui-history .decade {display: flex;padding: 40px 0;}
.ui-history .decade .media {flex-grow: 0;flex-shrink: 0;flex-basis: 440px;display: flex;flex-direction: column;gap: 24px;}
.ui-history .decade .media figure {display: block;width: 440px;overflow: hidden;border-radius: 16px;}
.ui-history .decade .media figure img {display: block;width: 100%;}
.ui-history .decade .meta {flex-grow: 1;flex-shrink: 1;flex-basis: auto;padding: 80px;}
.ui-history .decade .meta > dl {padding: 0 0 0 76px;}
.ui-history .decade .meta > dl > dt {position: relative;}
.ui-history .decade .meta > dl > dd {padding-bottom: 60px;}
.ui-history .decade .meta > dl > dt:before {position: absolute;left: -60px;width: 1px;background-color: #DFE4EA;content: "";}
.ui-history .decade .meta > dl > dt:before {height: 100vh;}
.ui-history .decade .meta > dl.summary > dt:before {bottom: 0;}
.ui-history .decade .meta > dl.year > dt:before {bottom: 32px;}
.ui-history .decade .meta > dl > dt:after {position: absolute;content: "";}
.ui-history .decade .meta > dl.summary > dt:after {bottom: -16px;left: -76px;width: 32px;height: 32px;background: url("/assets/images/company/bullet_history_decade.svg") no-repeat 50% 50%;}
.ui-history .decade .meta > dl.year > dt:after {top: 8px;left: -66px;width: 12px;height: 12px;background: url("/assets/images/company/bullet_history_year.svg") no-repeat 50% 50%;}
.ui-history .decade:first-of-type .meta > dl:first-of-type > dt:before {background-color: #fff;}
.ui-history .decade .meta > dl > dt:before {z-index: 11;}
.ui-history .decade .meta > dl > dt:after {z-index: 14;}
.ui-history .decade:first-of-type .meta > dl:first-of-type > dt:before,
.ui-history .decade:last-of-type .meta > dl:last-of-type > dd:before {z-index: 13;}

.ui-history .decade .meta .summary > dt,
.ui-history .decade .meta .summary > dd {color: var(--secondary);}
.ui-history .decade .meta .summary > dt {font-size: 2rem;font-weight: bold;padding-bottom: 8px;}
.ui-history .decade .meta .year {display: flex;flex-direction: column;}
.ui-history .decade .meta .year > dt {font-size: 1.25rem;font-weight: bold;padding-bottom: 20px;}
.ui-history .decade .meta .year > dd {}
.ui-history .decade .meta .month {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 8px;color: var(--fc-666);}
.ui-history .decade .meta .month > dt {flex-grow: 0;flex-shrink: 0;flex-basis: 32px;font-weight: bold;}
.ui-history .decade .meta .month > dd {flex-grow: 1;flex-shrink: 1;flex-basis: calc(100% - 40px);}




/* ESG 통합 */
.container.esg-index .main-content .h4.main-esg .title.fzac h4{font-family: "Acuon Headline";}
.container.esg-index .main-content .ui-tab {padding-bottom: 120px;}
.container.esg-index .main-content .ui-tab.scroll-tab .tab-cnt .tab-cnt-title {top: -206px;}

.container.esg-index .main-content {padding-top: 0;}
.container.esg-index .main-content > .bg {position: absolute;top: 0;left: 0;width: 100%;height: 488px;background-color: #0b1508;}
.container.esg-index .main-content > .bg > figure {position: absolute;top: 0;left: 50%;width: 1920px;height: 100%;transform: translateX(-50%);}
.container.esg-index .main-content > .bg > figure > img {display: block;width: 100%;height: 100%;object-fit: contain;}
.container.esg-index .main-content > article > .title {align-items: flex-start;height: 488px;padding-top: 60px;}
.container.esg-index .main-content > article > .title h3 {color: var(--fc-fff);}

.container.esg-index .main-content .h4.main-esg h4 {font-size: 2rem;}
.container.esg-index .main-content .h4.main-esg + .h4.main-esg {margin-top: 120px;}

.container.esg-index .main-content .ui-tab .tab-btns:after,
.container.esg-index .main-content .ui-tab .tab-btn:before,
.container.esg-index .main-content .ui-tab .tab-btn:after,
.container.esg-index .main-content .ui-tab .tab-btn.current:after {display: none;}
.container.esg-index .main-content .ui-tab .tab-btn {transition: all .1s ease;}
.container.esg-index .main-content .ui-tab .tab-btn:hover {background-color: rgba(0, 0, 0, .02);}
.container.esg-index .main-content .ui-tab .tab-btn .tab-lbl {display: flex;justify-content: center;align-items: center;height: 80px;padding: 0;}
.container.esg-index .main-content .ui-tab.scroll-tab .tab-cnt + .tab-cnt {margin-top: 120px;}




/* esg 통합 - 환경인증서 */
.container.esg-index .environment-lst ul {display: flex;justify-content: flex-start;flex-wrap:wrap;gap: 32px;}
.container.esg-index .environment-lst ul li {min-width:350px;border: 1px solid var(--line-02);border-radius: 16px;padding: 40px;}

.container.esg-index .environment-lst .environment .ico,
.container.esg-index .environment-lst .environment .ttl {display: block;}

.container.esg-index .environment-lst .environment .ico{width: 80px;height: 80px;background-image: url("/assets/images/esg/icns_esg_env.svg");} 
.container.esg-index .environment-lst .environment .ttl{font-size: 1.25rem;font-weight: bold;} 
.container.esg-index .environment-lst .environment .ico.iso{background-position: 0px 0px;}
.container.esg-index .environment-lst .environment .ico.co2{background-position: -80px 0px;}
.container.esg-index .environment-lst .environment .ico.tcf{background-position: -160px 0px;}

.container.esg-index .environment-lst .environment .ico + .ttl,
.container.esg-index .environment-lst .environment .ttl + .button-bar {margin-top: 20px;}
.container.esg-index .environment-lst .environment .ttl + .button-bar {justify-content: flex-start;}

.container.esg-index .environment-lst .environment .ico.weps{width: auto;height: 80px;background-position: 0px 0px;background-size: contain;background-image: url("/assets/images/esg/weps.png");background-repeat: no-repeat;} 
.container.esg-index .environment-lst .environment .ico.pcaf{width: auto;height: 80px;background-position: 0px 15px;background-size: contain;background-image: url("/assets/images/esg/pcaf.png");background-repeat: no-repeat;} 
.container.esg-index .environment-lst .environment .ico.sbti{width: auto;height: 80px;background-position: 0px 0px;background-size: contain;background-image: url("/assets/images/esg/sbti.png");background-repeat: no-repeat;} 
.container.esg-index .environment-lst .environment .ico.corei{width: auto;height: 80px;background-position: 0px 0px;background-size: contain;background-image: url("/assets/images/esg/corei.png");background-repeat: no-repeat;} 
.container.esg-index .environment-lst .environment .ico.ungc{width: auto;height: 80px;background-position: 0px 0px;background-size: contain;background-image: url("/assets/images/esg/ungc.png");background-repeat: no-repeat;}
.container.esg-index .environment-lst .environment .ico.sustin{width: auto;height: 80px;background-position: 0px 0px;background-size: contain;background-image: url("/assets/images/esg/sustin.png");background-repeat: no-repeat;} 
.container.esg-index .environment-lst .environment .ico.ungcLead{width: auto;height: 80px;background-position: 0px 0px;background-size: contain;background-image: url("/assets/images/esg/ungcLead.png");background-repeat: no-repeat;}  
/* esg 통합 - 지속가능금융 */
.container.esg-index .sustainable-lst ul li + li,
.container.esg-index .sustainable-lst ul li .sustainable + .sustainable {margin-top: 60px;}
.container.esg-index .sustainable-lst ul li .sustainable {display: flex;justify-content: space-between;gap: 20px;}
.container.esg-index .sustainable-lst ul li .sustainable .info{width: 780px;}
.container.esg-index .sustainable-lst ul li .sustainable .info .desc {word-break: break-all;}
.container.esg-index .sustainable-lst ul li .sustainable .info .desc + .button-bar{margin-top: 20px;}
.container.esg-index .sustainable-lst ul li .sustainable .info .button-bar{justify-content: flex-start;}
.container.esg-index .sustainable-lst ul li .sustainable .visual{display: flex;justify-content: center;align-items: center;width: 320px;height: 240px;}
.container.esg-index .sustainable-lst ul li .sustainable .visual figure img{display: block;vertical-align: middle;}

.container.esg-index .h4.main-esg .h5 .h6 .title {padding: 0 0 8px 0;}
.container.esg-index .sustainable-lst .sustainable .h6 .title{padding-bottom: 8px;}

.container.esg-index .sustainable-lst .sustainable .ttl{font-size: 1.25rem;font-weight: bold;} 

/* esg 통합 사회공헌활동 contribution-list*/
.container.esg-index .contribution-list {padding: 60px 0;}
.container.esg-index .contribution-list ul {}
.container.esg-index .contribution-list ul li + li{margin-top: 20px;}
.container.esg-index .contribution-list ul li.custom-margin{margin-top: -20px;}
.container.esg-index .contribution-list ul li{}
.container.esg-index .contribution-list ul li .contribution{display: flex;justify-content: flex-start;align-items: center;}
.container.esg-index .contribution-list ul li .contribution .title{width: 150px;}
.container.esg-index .contribution-list ul li .contribution .title .lbl{color: var(--fc-666);font-weight: bold;padding: 8px 0;}
.container.esg-index .contribution-list ul li .contribution .title .custom-tooltip{opacity: 1;align-items: center;}
.container.esg-index .contribution-list ul li .contribution .title .custom-tooltip .lbl{opacity: 1;}
.container.esg-index .contribution-list ul li .contribution .title .custom-tooltip .icn{
  display: inline-block;width: 20px;height: 20px;background: url(/assets/images/common/icn_tooltip_00.svg) no-repeat 50% 50%;
}

.container.esg-index .contribution-list ul li .contribution .title + .content {margin-left: 20px;}
.container.esg-index .contribution-list ul li .contribution .content{}
.container.esg-index .contribution-list ul li .contribution .content figure{width: 940px;}
.container.esg-index .contribution-list ul li .contribution .content figure img{display: block;width: 100%;height: 100%;object-fit: cover;}

/* esg 통합 사회공헌활동 contribution-list > csr-program-wrap */
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap{display: flex;justify-content:center;align-items: center;gap:20px;}
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap .csr-program-lst {display: flex;justify-content: center;width: 300px;border-left: 1px solid #70BF54;height: 165px;margin-top: 47px;}
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap .csr-program-lst .csr-program{display: flex;align-items:center;justify-content:flex-start;}
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap .csr-program-lst .csr-program .icn{display: inline-block;
  vertical-align: middle;text-align: center;
  width: 26px;height: 26px;font-size: 0.875rem;color:var(--fc-fff);line-height: 1.5rem;border-radius: 50% 50% 0 50%;background-color: #70BF54;
}
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap .csr-program-lst .csr-program .lbl {margin-left: 8px;}
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap .csr-program-lst .csr-program .icn + .lbl {margin-left: 8px;}
.container.esg-index .contribution-list ul li .contribution .content .csr-program-wrap .csr-program-lst ul .csr-text{line-height: 2.25}

.csr-middot {position: relative;padding-left: .6em !important;}
.csr-middot:before {display: block;position: absolute;top: 1em; left: 2px;width: 3px;height: 3px;border-radius: 50%;background-color: rgba(0, 0, 0, .4);content: "";}
.csr-middot:has(.mailto){display: block;}

/* esg 통합 사회공헌활동 contribution-list > sdgs-badge-lst */
.container.esg-index .contribution-list ul li .contribution .content .sdgs-badge-lst ul {display: flex;justify-content: space-between;gap: 20px;}
.container.esg-index .contribution-list ul li .contribution .content .sdgs-badge-lst ul li{flex:1;width: 300px;padding: 20px 0;}
.container.esg-index .contribution-list ul li .contribution .content .sdgs-badge-lst ul li + li {margin-top: 0;}
.container.esg-index .contribution-list ul li .contribution .content .sdgs-badge-lst ul li .sdgs-badge{display: flex;align-items: center;justify-content: center;padding: 20px 0;}
.container.esg-index .contribution-list ul li .contribution .content .sdgs-badge-lst ul li .sdgs-badge img{display: inline-block;width: 40px;height: 40px;}
.container.esg-index .contribution-list ul li .contribution .content .sdgs-badge-lst ul li .sdgs-badge img + img{display: inline-block;margin-left: 8px;}

/* esg 지역사회공헌 인정기업 contribution-list > csr-lst */
.container.esg-index .contribution-list ul li .contribution .content .esg-csr-lst ul {display: flex;justify-content: flex-start;gap: 20px;flex-wrap: wrap;max-width: 1000px;width: 100%;}
.container.esg-index .contribution-list ul li .contribution .content .esg-csr-lst ul li{flex:0 0 300px;width: 300px;padding: 20px 0;}
.container.esg-index .contribution-list ul li .contribution .content .esg-csr-lst ul li + li {margin-top: 0;}
.container.esg-index .contribution-list ul li .contribution .content .esg-csr-lst ul li .esg-csr{display: flex;align-items: center;justify-content: center;margin-left:80px;}
.container.esg-index .contribution-list ul li .contribution .content .esg-csr-lst ul li .esg-csr img{display: inline-block;height: 60px;}
.container.esg-index .contribution-list ul li .contribution .content .esg-csr-lst ul li .esg-csr img + img{display: inline-block;margin-left: 8px;}



/* esg 통합 Sustainability Report*/
.container.esg-index .main-content .h4.main-esg .esg-reportyear-list .esg-reportyear .cont h4 {font-size: 1.25rem;}
.esg-reportyear-list {
  height: auto;padding: 100px;border-radius: 16px;
  background: rgba(194, 218, 213, 0.08) url("/assets/images/esg/fig_esg_report_bg.png") 0 0 no-repeat;
}
.esg-reportyear-list > ul > li + li {margin-top: 60px;}
.esg-reportyear {display: flex;justify-content: flex-start;align-items: center;}
.esg-reportyear-list .esg-reportyear .cont h4 {font-size: 1.5rem;}
.esg-reportyear .cont.pho {border-radius: 16px;overflow: hidden;}
.esg-reportyear .cont.pho figure {display: block;width: 400px;height: 240px;}
.esg-reportyear .cont.pho figure img{width: 100%;height: 100%;object-fit:cover;}
.esg-reportyear .cont.pho + .cont.info {margin-left: 80px;}
.esg-reportyear .cont.info {width: 348px;}
.esg-reportyear .cont.info .button-bar {margin-top: 40px;justify-content: flex-start;}

/* esg 통합 간격 + (구)ESG- 추진체계 */
.container.esg .content > .h4.main-esg:first-of-type {margin-top: 40px;}
.container.esg .h4.main-esg .h5 {padding: 0;}
.container.esg .h4.main-esg .h5 + .h5 {margin-top: 60px;}
.container.esg .h4.main-esg .h5 .title {padding: 0 0 20px 0;}
.container.esg .h4.main-esg .h5 .desc + .content {margin-top: 40px;}
.container.esg .h4.main-esg .h5 .title.char {display: block;height: 186px;position: relative;}
.container.esg .h4.main-esg .h5 .title.char figure {display: block;position: absolute;right: 0;bottom: 0;width: 370px;height: 260px;}
.container.esg .h4.main-esg .h5 .title.char figure img {width: 100%;height: 100%;object-fit: cover;}
.container.esg .h4.main-esg:not(.h4-grid) > .title .desc,
.container.esg .h4.main-esg .h5 .title .desc {padding-top: 20px;}
.container.esg .h4.main-esg .h5 .title .desc + .button-bar {margin-top: 20px;}
.container.esg .h4.main-esg:not(.h4-grid) > .title + .content {margin-top: 40px;}
.container.esg .h4.main-esg .h4 .h5 > .title + .content {margin-top: 20px;}
.container.esg .h4.main-esg .h5 > .title + .content.type-text {margin-top: 0px;}


/* esg-trinity */
.esg-trinity {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 80px 0 0 0;}
.esg-carousel {position: relative;width: 760px;height: 760px;}

.esg-carousel .swiper-slide {width: 760px;height: 760px;background: #fff;}
.esg-carousel .swiper-slide .info-list {width: 100%;height: 100%;text-align: center;padding: 220px;}
.esg-carousel .swiper-slide .info-list > ul {display: flex;flex-direction: column;gap: 40px;}
.esg-carousel .swiper-slide .info-list .info {display: flex;flex-direction: column;gap: 16px;}
.esg-carousel .swiper-slide .info-list .info h5 {height: 30px;}
.esg-carousel .swiper-slide .info-list .info h5 sup {vertical-align: super;font-size: smaller;margin-right: 4px;}

.esg-carousel .swiper-src {display: none;}

.esg-carousel .swiper-pagination,
.esg-carousel .swiper-pagination-bullet,
.esg-carousel .swiper-pagination-bullet .title {transition: none;}
.esg-carousel .swiper-pagination {position: absolute;top: 60px;left: 60px;width: 640px;height: 640px;border: 1px solid rgba(0, 0, 0, .12);border-radius: 50%;}
.esg-carousel .swiper-pagination .swiper-pagination-bullet {
  position:absolute;top: 50%;left: 50%;width: 240px;height: 240px;border-radius: 50%;
  margin: -120px 0 0 -120px;padding: 20px;background: none;opacity: 1;
}
.esg-carousel .swiper-pagination .swiper-pagination-bullet .bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;opacity: 0;}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q0 .bg {background-color: var(--primary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q1 .bg {background-color: var(--secondary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q2 .bg {background-color: var(--tertiary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet .title {
  display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 12px;
  position: absolute;top: 20px;right: 20px;bottom: 20px;left: 20px;
  border-radius: 50%;background-color: var(--bg-02);
}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .title .media h5,
.esg-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .title .meta h5 {color: var(--fc-fff) !important;}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bg {opacity: .2;}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q0.swiper-pagination-bullet-active .title {background-color: var(--primary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q1.swiper-pagination-bullet-active .title {background-color: var(--secondary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q2.swiper-pagination-bullet-active .title {background-color: var(--tertiary);}
.esg-carousel .swiper-pagination {transform: rotate(0deg);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q0 {transform: rotate(0deg) translate(0%, -320px);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q0 .title {transform: rotate(0deg);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q1 {transform: rotate(240deg) translate(0%, -320px);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q1 .title {transform: rotate(120deg);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q2 {transform: rotate(120deg) translate(0%, -320px);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q2 .title {transform: rotate(240deg);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet .title .media h5 {display: flex;justify-content: center;align-items: center;line-height: 1;font-family: "Acuon Headline";font-size: 48px;}
.esg-carousel .swiper-pagination .swiper-pagination-bullet .title .meta h5 {font-size: 1.125rem;color: var(--fc-111);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet .title .meta h5:lang(en) {font-size: .875rem;font-weight: normal;opacity: .6;}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q0 .title .media h5 {color: var(--primary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q1 .title .media h5 {color: var(--secondary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet.q2 .title .media h5 {color: var(--tertiary);}
.esg-carousel .swiper-pagination .swiper-pagination-bullet .title .meta {display: flex;flex-direction: column;gap: 4px;}

.esg-carousel .swiper-operation {
  display: flex;justify-content: center;align-items: center;
  position: absolute;bottom: 96px;left: 50%;width: 80px;height: 40px;
  margin-left: -40px;z-index: 19;
}
.esg-carousel .swiper-operation-button.pp {
  justify-content: center;width: 32px;height: 32px;padding: 0;border-radius: 50%;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .24);
}
.esg-carousel .swiper-operation-button.pp .icn {background-color: var(--fc-666);}
.esg-carousel .swiper-operation-button.pp .lbl {position: absolute;width: 1px;height: 1px;overflow: hidden;margin: -1px;clip: rect(0, 0, 0, 0);}




.esg-goal-list > ul {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 32px;}
.esg-goal-list .esg-goal {
  display: flex;flex-direction: column;gap: 20px;justify-content: space-between;height: 100%;
  padding: 40px;border: 1px solid var(--line-02);border-radius: 16px;
}
.esg-goal-list .esg-goal .badges,
.esg-goal-list .esg-goal .title,
.esg-goal-list .esg-goal .info {flex-grow: 0;flex-shrink: 0;flex-basis: auto;}
.esg-goal-list .esg-goal .desc {flex-grow: 1;flex-shrink: 1;flex-basis: auto;}
.esg-goal-list .esg-goal .badges {display: flex;gap: 8px;}
.esg-goal-list .esg-goal .badges img {width: 40px;height: 40px;}
.esg-goal-list .esg-goal .title h6 {font-size: 1.25rem;}
.esg-goal-list .esg-goal .desc {color: var(--fc-666);}
.esg-goal-list .esg-goal .info {padding: 20px;border-radius: 16px;background-color: var(--bg-02);}
.esg-goal-list .esg-goal .info .dl-list {font-size: 1rem;}
.esg-goal-list .esg-goal .info .dl-list dl {justify-content: space-between;}
.esg-goal-list .esg-goal .info .dl-list dt,
.esg-goal-list .esg-goal .info .dl-list dd {font-weight: bold;}
.esg-goal-list .esg-goal .info .dl-list dt {flex-basis: 80px;color: var(--fc-111);}
.esg-goal-list .esg-goal .info .dl-list dd {flex-basis: calc(100% - 96px);text-align: right;}
.esg-font15{font-size:15px}

/* popup */
.popup_wrap .title.jcc {flex-direction: column;}
.popup_wrap .title.jcc h4 {font-size: 1.25rem; color: var(--fc-111);}
.popup_wrap .title.jcc h4 + p {margin-top: 8px; font-size: .875rem;}
.popup_wrap .title.jcc .meta + .media {margin: 40px 0 30px 0;}
.popup_wrap .title.jcc .media {width: 142px;}
.popup_wrap .title.jcc .media img {width: 100%;}
.popup_wrap .table02 + .button-bar{margin-top: 40px;}

/* 회사소개 company */
.container.company .box.filled h4 + .desc{margin-top: 10px; color: var(--fc-666);}
.container.company .box.filled + .h5 {margin-top: 60px;}
.container.company .h5 .title h5 {font-size: 1.25rem;}
.container.company .h5 .title + .content {margin-top: 8px;}
.container.company .dl-list dt{color: var(--fc-888);}
.container.company .dl-list dd{color: var(--fc-666);}
.container.company .title + .content > .jumbotron {margin-top: 40px;}
.container.company .jumbotron {position: relative;display: flex;justify-content: space-between;align-items: flex-start; height: 360px;padding: 60px 60px 28px 60px; background-color: var(--bg-02); border-radius: 16px;}
.container.company .jumbotron .title{display: flex;flex-direction: column;align-items: flex-start;}
.container.company .jumbotron .title h4{font-size: 48px; line-height: 1.3;}
.container.company .jumbotron .title p{margin-top: 20px; font-size: 1.125rem; color: var(--fc-666);}
.container.company .jumbotron .media figure{position: absolute;}
.container.company .jumbotron .media figure{
  animation-name: rotate; 
  animation-iteration-count: infinite; 
  animation-timing-function:linear;
}
@keyframes rotate{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.container.company .jumbotron .media figure:first-of-type{top: 98px;right: 211px; animation-duration: 3s;}
.container.company .jumbotron .media figure:nth-of-type(2){top: 65px;right: 75px; animation-duration: 30s;animation-iteration-count: infinite;animation-direction:reverse;}
.container.company .jumbotron .media figure:nth-of-type(3){bottom: 60px;right: 125px; animation-duration: 60s;}
.container.company .h4 .ui-visual {margin-top: 40px;}
.container.company .ui-visual ul {display: flex; justify-content: space-between;}
.container.company .ui-visual ul li:nth-of-type(2n) .card{background-color: var(--secondary);}
.container.company .ui-visual .card{width: 256px; height: 362px; padding: 40px; border-radius: 16px; background-color: var(--primary);}
.container.company .ui-visual .card .title{font-size: 1.125rem; color: var(--fc-fff); font-weight: bold; margin-top: 20px;}
.container.company .ui-visual .card .content{font-size: 1rem; color: var(--fc-fff); margin-top: 20px; word-break: break-all;}
.container.company .ui-visual .card .content p{word-break: break-all;}
.container.company .ui-visual .card .icn {width: 48px; height: 48px; background-image: url("/assets/images/company/icns_company.svg"); background-repeat: no-repeat; background-position: 0 0;}
.container.company .ui-visual .card.t2 .icn {background-position: -48px 0;}
.container.company .ui-visual .card.t3 .icn {background-position: -96px 0;}
.container.company .ui-visual .card.t4 .icn {background-position: -144px 0;}
.container.company .ui-visual .card.t2{transition-delay: .4s;}
.container.company .ui-visual .card.t3{transition-delay: .8s;}
.container.company .ui-visual .card.t4{transition-delay: 1.2s;}
.container.company .ui-stepper.t3 ol li .lbl {font-size: 1.125rem; color: var(--fc-666);}
.container.company .thumb-list ul{display: flex; justify-content: space-between;}
.container.company .thumb-list .thumb img{border-radius: 8px;}
.container.company .custom-box:not(.large,.border):has(dt:only-of-type){padding: 40px;}
.container.company .thumb-list + .desc {padding: 40px 0; font-size: 1.125rem; color: var(--fc-666);}
.container.company .data-grid.t2 td {color: var(--fc-666);}
.container.company .data-grid.t2 th,
.container.company .data-grid.t2 td{padding: 40px;}
.container.company .h4 .title + .desc {font-size: 1.125rem;color: var(--fc-666);}
.container.company .h4 .content .media.tac {margin-top: 60px;}
.container.company .dq-box{position: relative; display: flex;flex-direction: column;justify-content: center;align-items: center; padding: 40px 50px; text-align: center; border-radius: 32px; border: 2px solid var(--line-02);}
.container.company .dq-box::before{width: 74px; height: 74px; background-image: url("/assets/images/company/up_dq.png"); position: absolute; top: -2px; left: -4px; content: ''; transition: all .8s ease;}
.container.company .dq-box::after{width: 74px; height: 74px; background-image: url("/assets/images/company/down_dq.png"); position: absolute; bottom: -2px; right: -4px; content: '';}
.container.company .dq-box::before{
  animation-name: dq-up; 
  animation-duration: .8s; 
  animation-fill-mode: forwards;
}
.container.company .dq-box::after{
  animation-name: dq-down; 
  animation-duration: .8s; 
  animation-fill-mode: forwards;
}
@keyframes dq-up {
  0% {top: -2px; opacity: 0;}
  100% {top: -36px; opacity: 1;}
}
@keyframes dq-down {
  0% {bottom: -2px; opacity: 0;}
  100% {bottom: -36px; opacity: 1;}
}
.container.company .dq-box .content{margin-top: 10px; font-size: 1.125rem; color: var(--fc-666);}
.container.company .visual.purpose{display: flex; position: relative;}
.container.company .visual.purpose figure{position: absolute;opacity: 0;}
.container.company .visual.purpose figure.ring {top: -25px;}
.container.company .visual.purpose figure.ring{
  animation-name: ring-scale; 
  animation-duration: .8s; 
  animation-fill-mode: forwards;
}
.container.company .visual.purpose figure.circle{
  animation-name: circle-opacity; 
  animation-duration: .8s; 
  animation-delay: .8s;
  animation-fill-mode: forwards;
}
@keyframes circle-opacity {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes ring-scale {
  0% {scale: 0;opacity: 0;}
  100% {scale: 1;opacity: 1;}
}
.container.company .visual.purpose figure.circle:first-of-type{position: relative; left: 26px;}
.container.company .visual.purpose figure.circle:nth-of-type(3){left: 243px;animation-delay: 1s;}
.container.company .visual.purpose figure.circle:nth-of-type(5){left: 460px;animation-delay: 1.2s;}
.container.company .visual.purpose figure.circle:nth-of-type(7){left: 677px;animation-delay: 1.4s;}
.container.company .visual.purpose figure.circle:nth-of-type(9){right: 26px;animation-delay: 1.6s;}
.container.company .visual.purpose figure.ring:nth-of-type(2){animation-delay: 1.8s;}
.container.company .visual.purpose figure.ring:nth-of-type(4){left: 218px;animation-delay: 2s;}
.container.company .visual.purpose figure.ring:nth-of-type(6){left: 435px;animation-delay: 2.2s;}
.container.company .visual.purpose figure.ring:nth-of-type(8){left: 652px;animation-delay: 2.4s;}
.container.company .visual.purpose figure.ring:nth-of-type(10){right: 1px;animation-delay: 2.6s;}

.container.company .h4-list .button-bar.jcfs{margin-top: 40px;}
.container.company .ui-tab.scroll-tab .tab-cnt + .tab-cnt {margin-top: 60px; border-top: 1px solid var(--line-02);}
.container.company .ui-tab.scroll-tab .h4.h4-list{margin-top: 60px;}
.container.company .ui-tab.scroll-tab .h4 .h5 {padding: 0;}

.container.company .business-list li:nth-of-type(2){transition-delay: .2s;}
.container.company .business-list li:nth-of-type(3){transition-delay: .4s;}
.container.company .business-list li + li {margin-top: 60px;}
.container.company .business-list .field-list{display: flex;align-items: center;}
.container.company .business-list .field-list .meta{padding-left: 32px;}
.container.company .business-list .field-list .meta .title{display: flex; justify-content: flex-start;}
.container.company .business-list .field-list .meta .title .icn{width: 32px;height: 32px;background-image: url("/assets/images/common/icns_checkbox_02_m.svg"); background-repeat: no-repeat; background-position: 4px 4px;}
.container.company .business-list .field-list .meta .title .icn + h5 {margin-left: 12px;}
.container.company .business-list .field-list .meta .content{margin-top: 16px; padding-left: 2.8rem;color: var(--fc-666);}
.container.company .data-grid table tbody tr:last-of-type > td{border-bottom: 1px solid rgba(0, 0, 0, .12);}
.container.company .h4 .title .desc.p100 > p:not(.bl-middot) {color: var(--fc-888); font-size: 1.125rem;}
.container.company .h4 .title .desc.p100 > p:not(.bl-middot) + .bl-middot{margin-top: 8px;}

.container.company .name-cards{display: flex;flex-wrap: wrap;justify-content: center;padding-top: 60px;border-top: 1px solid var(--line-01);}
.container.company .name-cards .name-card{display: flex;}
.container.company .name-cards .name-card:not(:first-of-type){margin-top: 60px;}
.container.company .name-cards .name-card .media{flex-shrink: 0; flex-grow: 0; flex-basis: 160px;}
.container.company .name-cards .name-card .title{display: flex;align-items: flex-start; flex-direction: column;justify-content: space-between;padding: 15px 32px;flex-shrink: 0; flex-grow: 0;width: 400px;}
.container.company .name-cards .name-card .title .top{display: flex; flex-direction: column;}
.container.company .name-cards .name-card .title .top .name{font-size: 2rem;}
.container.company .name-cards .name-card .title .top + p {color: var(--fc-666);}

.container.company .h4-grid.h4-company .h4.mt0 .title{flex-direction: column;}
.container.company .h4-grid.h4-company .h4.mt0 .title p {color: var(--fc-aaa);}
.container.company .h4-grid.h4-company .h4.mt0 .title p + h4{margin-top: 28px;}
.container.company .h4-grid.h4-company .h4.mt0 .text-list{margin-top: 20px; color: var(--fc-666);}
.container.company .h4-grid.h4-company .h4.mt0 .text-list li + li{margin-top: 12px;}
.container.company .box.filled + .h4-list.fd-row {margin-top: 60px;}

.container.company .greetings {display: flex; justify-content: flex-end; position: relative;}
.container.company .greetings .title{position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 50px;}
.container.company .greetings .title h4{font-size: 48px;}
.container.company .greetings .title h4 + p {margin-top: 40px;}
.container.company .greetings .title .nametag{display: inline-block; width: 152px; height: 52px; margin-left: 8px; background-image: url("/assets/images/company/fig_COP01010101M_02.png"); background-position: 0 0; background-repeat: no-repeat;}
.container.company .greetings .title p{display: inline-flex; align-items: center;font-size: 1.125rem;color: var(--fc-888);font-weight: bold;}

.container.company .ethical-logo {position: absolute; top: 50%; left: 50%; transform: translateY(140%) translateX(-50%);}
.container.company .ethical-image {position: relative; text-align: center;}
.container.company .ethical-image .inner-circle{position: absolute; top: 50%; left: 50%; transform: translateY(-44%) translateX(-50%); width: 372px; height: 372px; background-color: rgba(151, 246, 117, 20%); border-radius: 50%;}
.container.company .ethical-image .inner-circle {
  animation-name: pulse-animation; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
}
@keyframes pulse-animation {
  0%{box-shadow: 0 0 0 0px rgba(151, 246, 117, 20%);}
  100%{box-shadow: 0 0 0 45px rgba(0, 0, 0, 0);}
}

.container.company .media.fund {position: relative; height: 512px;}
.container.company .media.fund figure{position: absolute;}
.container.company .media.fund figure:first-of-type{top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);z-index: 3;}
.container.company .media.fund figure:nth-of-type(2){top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);z-index: 2;transition-delay: .2s;}
.container.company .media.fund figure:nth-of-type(3){top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);z-index: 1;transition-delay: .6s;}
.container.company .media.fund figure:nth-of-type(4){top: 50%; left: 80px; transform: translateY(-50%);z-index: 3;transition-delay: 1s;}
.container.company .media.fund figure:nth-of-type(5){top: 50%; right: 80px; transform: translateY(-50%);z-index: 3;transition-delay: 1.2s;}
.container.company .media.fund figure.intersect.slideup{transform: translateY(0%);}
.container.company .media.fund figure.intersect.slideup.on{transform: translateY(-50%);}

.intersect{opacity: 0;transition: all 1.5s; transition-delay:0s;}
.ui-intersect .intersect{opacity: 1;}
.intersect.on{opacity: 1;}
.intersect.slideup{transform: translateY(20%);}
.intersect.slideup.on{transform: translateY(0%);}




/* ui-scroll-progress */
.hr-bar {position: sticky;top: 80px;width: 100%;height: 4px;margin-top: -40px;background-color: transparent;z-index: 19;}
.hr-bar .ui-scroll-progress {
  display: flex;justify-content: center;align-items: center;
  position: absolute;top: 0;right: 0;left: 0;height: 100%;background-color: transparent;
}
.hr-bar .ui-scroll-progress .track {width: 100vw;height: 100%;background-color: transparent;}
.hr-bar .ui-scroll-progress .track:before {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: rgba(0, 0, 0, .12);content: "";}
.hr-bar .ui-scroll-progress .gauge {width: 100%;height: 100%;background: var(--secondary);transform: scaleX(0);transform-origin: 0% 0%;}


.main-progress .hr-bar {}
.main-progress .hr-bar .ui-scroll-progress .track:before {}


.container.esg-index .main-content .ui-tab .hr-bar {top: 170px;margin-top: 0;}
.container.esg-index .main-content .ui-tab .hr-bar .ui-scroll-progress {right: -50vw;left: -50vw;}
.container.esg-index .main-content .ui-tab .hr-bar .ui-scroll-progress .track:before {display: block;}




/* 로딩 */
.ui-loading {display: flex;justify-content: center;align-items: center;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;}
.ui-loading .loading-backdrop {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .6);}
.ui-loading .loading-content {}
.ui-loading .dots {display: inline-flex;justify-content: center;align-items: center;gap: 10px;vertical-align: middle;}
.ui-loading .dots .dot {
  width: 16px;height: 16px;background-color: gray;border-radius: 50%;
  animation-name: loading-dot;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.ui-loading .dots .dot:nth-child(1){
  background-color: #BED747;
  animation-delay: 0s;
}
.ui-loading .dots .dot:nth-child(2){
  background-color: #70BF54;
  animation-delay: 0.2s;
}
.ui-loading .dots .dot:nth-child(3){
  background-color: #009574;
  animation-delay: 0.4s;
}
@keyframes loading-dot {
  0%,
  100%{opacity: 0;transform: scale(0.4);}
  50% {opacity: 1;transform: scale(1.2);}
}


/* 점검중 */
.ui-maintenance {display: flex;justify-content: center;align-items: center;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;}
.ui-maintenance .content {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}
.ui-maintenance .content .msg {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}
.ui-maintenance .content .msg h2 {font-size: 2rem;}
.ui-maintenance .content .msg .desc {text-align: center;font-size: 1.25rem;}
.ui-maintenance .content .msg .info {color: var(--fc-888);}



/* z-index */
header{z-index: 30;}
main{z-index: 10;}
main .main-util {z-index: 19;}
/* footer{z-index: 20;} */
aside {z-index: 40;}

.nano > .nano-content {z-index: 100;}
.nano > .nano-pane {z-index: 110;}

.swiper-controller {z-index: 50;}