"); background-repeat: no-repeat; background-size: contain; }
.inquire.new-inquire .btn_link { float: none; text-align: initial; }
.txt-bullet { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 16px; line-height: 23px; color: rgb(136, 136, 136); }
.list-bullet li { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 16px; line-height: 23px; color: rgb(136, 136, 136); }
.my_qna table { margin-top: 20px; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.news_newspaper .btn_box { margin-right: 26px; }
.news_newspaper .renewal_btn { display: inline-block; text-align: center; }
.guide_apprenewal_box { display: flex; align-items: center; justify-content: space-between; margin-top: 70px; }
.guide_apprenewal_box .app_renewal_box { display: flex; align-items: center; width: 520px; }
.guide_apprenewal_box .app_renewal_box .ex_img { display: block; width: 70px; height: 70px; }
.guide_apprenewal_box .app_renewal_box .guide_txt { display: block; margin-left: 29px; font-size: 18px; color: rgb(123, 123, 123); line-height: 1.75; letter-spacing: -0.06vw; }
.guide_apprenewal_box .btn_link .button { width: 210px; height: 60px; font-size: 18px; line-height: 58px; box-sizing: border-box; }
#popup-support .app_renewal_box { width: 57.8vw; }
#popup-support .app_renewal_box .guide_txt { letter-spacing: -0.2vw; }
.cont-support .newSupport_table #programAmountTd .select-abroad { width: 82px; }
.cont-support .newSupport_table .input-field.col-2 { width: 216px; }
.newSupport_table .national-code-area { margin-top: 12px; }
.newSupport_table .national-code-area .select-field { width: 185px; margin-right: 29px; }
.input-field-btn { display: inline-block; vertical-align: middle; margin-left: 14px; }
.input-field-btn .btn_check { width: 146px; height: 48px; line-height: 46px; font-size: 17px; font-weight: normal; text-align: center; border: 1px solid rgb(201, 201, 201); box-sizing: border-box; }
.input-field-btn .btn_check.on { color: var(--renew-point-color); border-color: var(--renew-point-color); background-color: rgb(255, 255, 255); }
.input-field-btn .btn_check.on:disabled { color: rgb(123, 123, 123); border-color: rgb(201, 201, 201); cursor: default; }
.v2 .popup-window.popup-support .popup-cont .popup-body .support-step-cont .table-field .row-mobile td .row { min-width: 550px; }
.cont-support .table-field .row .macode-area { width: 100%; display: flex; flex-wrap: wrap; }
.macode-area .macode-box { display: block; margin-right: 14px; }
.macode-area .macode-box input[type="text"] { display: block; width: 376px; height: 48px; padding: 0px 13px; line-height: 46px; border: 1px solid var(--renew-point-color); background-color: rgb(255, 255, 255); }
.macode-area .btn_check { display: block; width: 146px; height: 48px; line-height: 48px; background-color: var(--renew-point-color); color: rgb(255, 255, 255); font-size: 17px; font-weight: normal; text-align: center; box-sizing: border-box; }
.macode-area .count-time { display: block; width: 100%; font-size: 12px; color: var(--renew-point-color); }
.macode-area .macode-box input[type="text"]:disabled { border-color: rgb(216, 216, 216); }
.macode-area .btn_check:disabled { background-color: rgb(201, 201, 201); cursor: default; }
.macode-area .btn_check:disabled + .count-time { display: none; }
"); background-repeat: no-repeat; background-size: contain; }
.inquire.new-inquire .btn_link { float: none; text-align: initial; }
.txt-bullet { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 16px; line-height: 23px; color: rgb(136, 136, 136); }
.list-bullet li { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 16px; line-height: 23px; color: rgb(136, 136, 136); }
.my_qna table { margin-top: 20px; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.news_newspaper .btn_box { margin-right: 26px; }
.news_newspaper .renewal_btn { display: inline-block; text-align: center; }
.guide_apprenewal_box { display: flex; align-items: center; justify-content: space-between; margin-top: 70px; }
.guide_apprenewal_box .app_renewal_box { display: flex; align-items: center; width: 520px; }
.guide_apprenewal_box .app_renewal_box .ex_img { display: block; width: 70px; height: 70px; }
.guide_apprenewal_box .app_renewal_box .guide_txt { display: block; margin-left: 29px; font-size: 18px; color: rgb(123, 123, 123); line-height: 1.75; letter-spacing: -0.06vw; }
.guide_apprenewal_box .btn_link .button { width: 210px; height: 60px; font-size: 18px; line-height: 58px; box-sizing: border-box; }
#popup-support .app_renewal_box { width: 57.8vw; }
#popup-support .app_renewal_box .guide_txt { letter-spacing: -0.2vw; }
.cont-support .newSupport_table #programAmountTd .select-abroad { width: 82px; }
.cont-support .newSupport_table .input-field.col-2 { width: 216px; }
.newSupport_table .national-code-area { margin-top: 12px; }
.newSupport_table .national-code-area .select-field { width: 185px; margin-right: 29px; }
.input-field-btn { display: inline-block; vertical-align: middle; margin-left: 14px; }
.input-field-btn .btn_check { width: 146px; height: 48px; line-height: 46px; font-size: 17px; font-weight: normal; text-align: center; border: 1px solid rgb(201, 201, 201); box-sizing: border-box; }
.input-field-btn .btn_check.on { color: var(--renew-point-color); border-color: var(--renew-point-color); background-color: rgb(255, 255, 255); }
.input-field-btn .btn_check.on:disabled { color: rgb(123, 123, 123); border-color: rgb(201, 201, 201); cursor: default; }
.v2 .popup-window.popup-support .popup-cont .popup-body .support-step-cont .table-field .row-mobile td .row { min-width: 550px; }
.cont-support .table-field .row .macode-area { width: 100%; display: flex; flex-wrap: wrap; }
.macode-area .macode-box { display: block; margin-right: 14px; }
.macode-area .macode-box input[type="text"] { display: block; width: 376px; height: 48px; padding: 0px 13px; line-height: 46px; border: 1px solid var(--renew-point-color); background-color: rgb(255, 255, 255); }
.macode-area .btn_check { display: block; width: 146px; height: 48px; line-height: 48px; background-color: var(--renew-point-color); color: rgb(255, 255, 255); font-size: 17px; font-weight: normal; text-align: center; box-sizing: border-box; }
.macode-area .count-time { display: block; width: 100%; font-size: 12px; color: var(--renew-point-color); }
.macode-area .macode-box input[type="text"]:disabled { border-color: rgb(216, 216, 216); }
.macode-area .btn_check:disabled { background-color: rgb(201, 201, 201); cursor: default; }
.macode-area .btn_check:disabled + .count-time { display: none; }
.slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before, .slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; }
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; }
.slick-prev::before, .slick-next::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { right: -25px; left: auto; }
.slick-prev::before { content: "←"; }
[dir="rtl"] .slick-prev::before { content: "→"; }
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { right: auto; left: -25px; }
.slick-next::before { content: "→"; }
[dir="rtl"] .slick-next::before { content: "←"; }
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; display: none; }
.slick-dots li.slick-active button::before { opacity: 0.75; color: black; }
@font-face { font-family: NanumSquare; font-weight: 400; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: NanumSquare; font-weight: 700; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 300; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 400; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 500; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 700; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: "Noto Sans KR"; font-style: normal; font-weight: 900; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: "Noto Serif KR"; font-style: normal; font-weight: 300; src: url("") format("woff2"); }
@font-face { font-family: "Noto Serif KR"; font-style: normal; font-weight: 400; src: url("") format("woff2"); }
@font-face { font-family: "Noto Serif KR"; font-style: normal; font-weight: 500; src: url("") format("woff2"); }
@font-face { font-family: "Noto Serif KR"; font-style: normal; font-weight: 700; src: url("") format("woff2"); }
@font-face { font-family: "Noto Serif KR"; font-style: normal; font-weight: 900; src: url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 100; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 200; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 300; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 400; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 500; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 600; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 700; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 800; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
@font-face { font-family: Montserrat; font-weight: 900; font-style: normal; src: url("") format("woff"), url("") format("woff2"); }
i.ico-main { width: 0px; height: 0px; display: inline-block; vertical-align: top; color: transparent; overflow: hidden; line-height: 999px; background: url("") 0% 0% / 500px 500px no-repeat; }
.v2 .pos-btn .btn-more { position: absolute; top: 0px; right: 0px; }
.v2 .pos-btn .btn-more .ico-more { width: 60px; height: 60px; background-position: 0px -223px; }
.v2 body.page-main #wrap { min-width: 1263px; }
.v2 #contents.main-contents { position: relative; margin: 0px; padding: 0px; width: 100%; min-height: auto; }
.v2 .main-contents section, .v2 .main-contents section .inner-cont { display: block; position: relative; margin: 0px auto; text-align: center; font-size: 0px; }
.section-visual { }
.section-visual .inner-cont { overflow: hidden; height: 560px; text-align: center; }
.section-visual .slider-visual { height: 100%; }
.section-visual .slider-visual .item { display: block; }
.section-visual .slider-btn { }
.section-visual .slider-btn button { position: absolute; top: 50%; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 100px; height: 145px; z-index: 200; }
.section-visual .slider-btn button.prev { transform: translate(-700px, -50%); }
.section-visual .slider-btn button.next { transform: translate(700px, -50%); }
.section-visual .slider-btn button .ico-arrow { width: 47px; height: 85px; }
.section-visual .slider-btn button.prev .ico-arrow { margin-left: -2px; background-position: 0px 0px; }
.section-visual .slider-btn button.next .ico-arrow { margin-left: 2px; background-position: -60px 0px; }
.section-visual .custom-dots { position: absolute; bottom: 23px; left: 0px; width: 100%; z-index: 200; }
.section-visual .custom-dots li { display: inline-block; margin: 0px 8px; }
.section-visual .custom-dots li > button { display: block; width: 51px; height: 3px; background: rgb(255, 255, 255); opacity: 0.5; }
.section-visual .custom-dots li > button .string { position: absolute; left: -999px; line-height: 0; opacity: 0; font-size: 0px; }
.section-visual .custom-dots li.slick-active > button { opacity: 1; }
.section-clarity { }
.section-clarity::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 145px; background-color: rgb(243, 244, 250); }
.section-clarity .inner-cont { padding: 80px 0px 65px; width: 1160px; }
.section-clarity .clarity-cont { position: relative; width: 1160px; padding: 0px 20px; margin: 0px auto; }
.section-clarity .clarity-cont .clarity-box { overflow: hidden; }
.section-clarity .clarity-cont .clarity-box .text-cont { float: left; text-align: left; }
.section-clarity .clarity-cont .clarity-box .text-cont .dsc { margin-top: 30px; font-family: NanumSquare, sans-serif; font-size: 22px; color: rgb(63, 63, 63); line-height: 37px; }
.section-clarity .clarity-cont .clarity-box .mark-cont { float: right; margin-top: 20px; }
.section-clarity .clarity-cont .clarity-box .mark-list { overflow: hidden; text-align: right; }
.section-clarity .clarity-cont .clarity-box .mark-list > .item { float: left; text-align: center; }
.section-clarity .clarity-cont .clarity-box .mark-list > .item + .item { margin-left: 25px; }
.section-clarity .clarity-cont .clarity-box .mark-list > .item .img-cont { width: 140px; height: auto; }
.section-clarity .clarity-cont .clarity-box .mark-list > .item .img-cont > img { width: 100%; height: auto; }
.section-clarity .clarity-cont .clarity-box .mark-list > .item > em { display: block; padding-top: 5px; font-size: 13px; line-height: normal; letter-spacing: -0.5px; }
.section-clarity .clarity-cont .clarity-menu { margin-top: 50px; }
.section-clarity .clarity-cont .clarity-menu .menu-list { overflow: hidden; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item { position: relative; float: left; width: calc(33.3333%); height: 165px; border: 1px solid rgb(216, 216, 216); background-color: rgb(255, 255, 255); }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item > a { display: inline-block; width: 100%; height: 100%; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item + li { border-left: 0px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item em { display: block; font-family: NanumSquare, sans-serif; font-weight: 400; font-size: 20px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item strong { display: block; margin-top: 5px; max-width: 140px; font-family: NanumSquare, sans-serif; font-size: 25px; line-height: 30px; word-break: break-all; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .ico-arrow { position: relative; margin-top: 18px; width: 28px; height: 28px; background-position: -67px -223px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .ico-arrow::before { content: ""; display: inline-block; width: 100%; height: 100%; border: 2px solid rgb(185, 212, 60); border-radius: 100%; position: absolute; top: 0px; left: 0px; z-index: 200; opacity: 0; transition: all 0.2s ease-out 0s; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item > a:hover .ico-arrow::before { opacity: 1; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item [class^="pos-"] { position: absolute; z-index: 200; text-align: left; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .pos-lft { top: 18px; left: 15px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .pos-rgt { bottom: 15px; right: 20px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .ico-clarity-menu01 { width: 100px; height: 85px; background-position: 0px -356px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .ico-clarity-menu02 { width: 82px; height: 79px; background-position: -111px -359px; }
.section-clarity .clarity-cont .clarity-menu .menu-list > .item .ico-clarity-menu03 { width: 89px; height: 87px; background-position: -209px -355px; }
.section-banner { }
.section-banner .img-cont { position: relative; }
.section-story { }
.section-story .inner-cont { padding: 130px 0px 20px; width: 1440px; }
.section-story .inner-cont h2 { text-align: center; }
.section-story .story-cont { display: inline-block; position: relative; width: 1400px; margin: 0px auto; }
.section-story .story-cont .pos-btn { position: relative; display: inline-block; width: 100%; height: 60px; text-align: right; }
.section-story .story-cont .story-list { overflow: hidden; display: block; margin: 15px auto 0px; text-align: center; font-size: 0px; }
.section-story .story-cont .story-list .item { float: left; width: 330px; }
.section-story .story-cont .story-list .item a { position: relative; display: inline-block; width: 100%; height: auto; }
.section-story .story-cont .story-list .item + .item { margin-left: 26px; }
.section-story .story-cont .story-list .item .img-cont, .section-story .story-cont .story-list .item .item-mask { overflow: hidden; width: 330px; height: 335px; }
.section-story .story-cont .story-list .item .img-cont > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s ease-out 0s; }
.section-story .story-cont .story-list .item .item-mask { position: absolute; top: 0px; left: 0px; z-index: 100; }
.section-story .story-cont .story-list .item .item-mask > img { width: 100%; height: 100%; }
.section-story .story-cont .story-list .item .text-cont { margin-top: 20px; width: 330px; text-align: left; }
.section-story .story-cont .story-list .item .text-cont strong { position: relative; display: block; font-family: NanumSquare, sans-serif; font-weight: 700; font-size: 25px; line-height: 1; color: rgb(40, 40, 40); }
.section-story .story-cont .story-list .item .text-cont strong::after { content: ""; display: inline-block; position: absolute; bottom: -17px; left: 0px; width: 42px; height: 2px; background-color: rgb(0, 0, 0); }
.section-story .story-cont .story-list .item .text-cont p { margin-top: 30px; height: 54px; font-size: 20px; line-height: 26px; color: rgb(96, 96, 96); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.section-story .story-cont .story-list .item a:hover .img-cont > img { transform: scale(1.1); }
.section-campaign { }
.section-campaign .inner-cont { width: 1540px; }
.section-campaign .campaign-box { position: relative; height: 540px; font-size: 0px; }
.section-campaign .campaign-box > div { display: inline-block; vertical-align: top; text-align: center; }
.section-campaign .campaign-box [class^="item-"] a { position: relative; display: inline-block; width: 100%; height: 100%; }
.section-campaign .campaign-box [class^="item-"] a::before { content: ""; border: 1px solid rgb(216, 216, 216); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 400; }
.section-campaign .campaign-box .pos-lft [class^="item-"]:nth-child(2) a::before, .section-campaign .campaign-box .pos-lft [class^="item-"]:nth-child(4) a::before { border-left: 0px; }
.section-campaign .campaign-box .pos-lft [class^="item-"]:nth-child(3) a::before, .section-campaign .campaign-box .pos-lft [class^="item-"]:nth-child(4) a::before { border-top: 0px; }
.section-campaign .campaign-box .pos-rgt [class^="item-"] a::before { border-left: 0px; }
.section-campaign .campaign-box .pos-lft { width: 1000px; }
.section-campaign .campaign-box .pos-lft .menu-list { font-size: 0px; }
.section-campaign .campaign-box .pos-lft .menu-list > [class^="item-"] { position: relative; overflow: hidden; display: inline-block; width: 500px; height: 270px; }
.section-campaign .campaign-box .pos-lft .menu-list .item-bg01 { background: url("") left top / cover; }
.section-campaign .campaign-box .pos-lft .menu-list .item-bg02 { background: url("") left top / cover; }
.section-campaign .campaign-box .pos-lft .menu-list .item-bg03 { background: url("") left top / cover; }
.section-campaign .campaign-box .pos-lft .menu-list .item-bg04 { background: url("") left top / cover; }
.section-campaign .campaign-box .pos-lft .menu-list .item-mask { position: absolute; bottom: -65px; left: 0px; width: 100%; height: 65px; background-color: rgba(0, 0, 0, 0.5); text-align: center; z-index: 200; transition: all 0.3s ease-out 0s; }
.section-campaign .campaign-box .pos-lft .menu-list .item-mask .pos { position: absolute; top: 50%; left: 50%; width: 100%; text-align: right; margin-top: 2px; transform: translate(-50%, -50%); }
.section-campaign .campaign-box .pos-lft .menu-list .item-mask .pos span { padding-right: 13px; font-size: 19px; color: rgb(255, 255, 255); letter-spacing: -1.5px; font-weight: 500; }
.section-campaign .campaign-box .pos-lft .menu-list .item-mask .pos .ico-arrow { margin-top: 3px; margin-right: 20px; width: 44px; height: 26px; background-position: 0px -188px; }
.section-campaign .campaign-box .pos-lft .menu-list [class^="item-"] a:hover .item-mask { bottom: 0px; }
.section-campaign .campaign-box .pos-lft .menu-list .text-cont { position: absolute; top: 20px; left: 20px; width: 280px; z-index: 200; text-align: left; }
.section-campaign .campaign-box .pos-lft .menu-list .text-cont strong { width: 280px; font-family: NanumSquare, sans-serif; font-weight: 700; font-size: 27px; color: rgb(17, 17, 17); word-break: keep-all; }
.section-campaign .campaign-box .pos-lft .menu-list .text-cont p { margin-top: 10px; width: 245px; font-weight: 400; font-size: 20px; line-height: 26px; color: rgb(96, 96, 96); word-break: keep-all; }
.section-campaign .campaign-box .pos-rgt { }
.section-campaign .campaign-box .pos-rgt [class^="item-"] { position: relative; width: 540px; height: 540px; }
.section-campaign .campaign-box .pos-rgt .item-bg { background: url("") left top / cover; }
.section-campaign .campaign-box .pos-rgt .text-cont { top: auto; bottom: 0px; left: 0px; width: 100%; z-index: 200; text-align: center; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg { display: block; margin: 0px auto 30px; width: 490px; height: 280px; background-color: rgba(0, 0, 0, 0.6); }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg .text-bg { margin-top: 35px; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg > strong { display: inline-block; padding-top: 35px; font-family: NanumSquare, sans-serif; font-size: 40px; letter-spacing: -2px; color: rgb(255, 255, 255); line-height: 1; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg > p { margin: 20px auto 0px; width: 390px; font-family: NanumSquare, sans-serif; font-size: 25px; font-weight: 400; line-height: 32px; color: rgb(255, 255, 255); letter-spacing: -0.5px; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg .btn-campaign { margin-top: 30px; width: 186px; height: 56px; line-height: 56px; background-color: rgb(21, 102, 56); border: 2px solid rgb(21, 102, 56); }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg .btn-campaign span { font-size: 21px; color: rgb(255, 255, 255); line-height: 50px; letter-spacing: -2px; }
.section-campaign .campaign-box .pos-rgt a:hover .text-cont .text-bg .btn-campaign { border: 2px solid rgb(161, 194, 175); transition: all 0.2s ease-out 0s; }
.section-about { }
.section-about::before { content: ""; position: absolute; top: 200px; left: 0px; width: 100%; height: 285px; background-color: rgb(243, 244, 250); }
.section-about .inner-cont { padding: 140px 0px 20px; width: 1440px; }
.section-about .inner-cont h2 { text-align: center; }
.section-about .slider-about { overflow: hidden; margin: 0px auto; font-size: 0px; width: 1400px; opacity: 0; }
.js-images-loaded-end .section-about .slider-about { opacity: 1; }
.section-about .slider-about > div { }
.section-about .slider-about .pos-lft { float: left; padding-top: 155px; width: 150px; }
.section-about .slider-about .pos-lft .slider-btn { text-align: center; margin-top: 210px; font-size: 0px; }
.section-about .slider-about .pos-lft .slider-btn button { width: 60px; height: 60px; }
.section-about .slider-about .pos-lft .slider-btn button + button { margin-left: 10px; }
.section-about .slider-about .pos-lft .slider-btn button .ico-arrow { width: 60px; height: 60px; }
.section-about .slider-about .pos-lft .slider-btn button.prev .ico-arrow { background-position: -125px 0px; }
.section-about .slider-about .pos-lft .slider-btn button.next .ico-arrow { background-position: -194px 0px; }
.section-about .slider-about .pos-rgt { float: right; width: calc(100% - 150px); }
.section-about .slider-about .pos-rgt .slider-cont { overflow: hidden; display: block; float: right; width: calc(100% - 65px); }
.section-about .slider-about .pos-rgt .slider-cont .slick-track { overflow: hidden; margin-left: 8px; }
.section-about .slider-about .pos-rgt .slider-cont .item { position: relative; height: 430px; text-align: center; margin: 30px 15px; border: 1px solid rgb(226, 226, 226); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px; width: 365px !important; }
.section-about .slider-about .pos-rgt .slider-cont .item .img-cont { width: 100%; height: 258px; }
.section-about .slider-about .pos-rgt .slider-cont .item .img-cont > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont { position: relative; width: 365px; height: 172px; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont strong { display: block; margin: 0px auto; padding-top: 25px; height: 81px; width: 270px; font-family: NanumSquare, sans-serif; font-size: 22px; line-height: 28px; word-break: keep-all; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont .btn-about { position: absolute; bottom: 15px; right: 20px; z-index: 200; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont .btn-about > * { display: inline-block; vertical-align: top; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont .btn-about span { font-size: 16px; font-weight: 400; color: rgb(79, 79, 79); letter-spacing: -1.5px; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont .btn-about .ico-more { margin-top: 10px; margin-left: 6px; width: 14px; height: 14px; background-position: -97px -260px; }
.section-about .slider-about .pos-rgt .slider-cont .item a::before { content: ""; opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 200; width: 100%; height: 100%; box-shadow: rgb(152, 152, 152) 0px 0px 0px 1px inset; transition: all 0.2s ease-out 0s; }
.section-about .slider-about .pos-rgt .slider-cont .item a:hover::before { opacity: 1; }
.section-news { border-top: 1px solid rgb(182, 180, 182); }
.section-news .inner-cont { overflow: hidden; padding: 60px 20px 0px; width: 1160px; }
.section-news .inner-cont > div { position: relative; width: calc(50% - 50px); text-align: left; }
.section-news .inner-cont .cont-notice { float: left; }
.section-news .inner-cont .cont-business { float: right; }
.section-news .inner-cont .pos-btn { position: absolute; top: -18px; right: 0px; z-index: 200; }
.section-news .inner-cont .news-list { position: relative; display: block; margin-top: 35px; width: calc(100% - 60px); height: 165px; }
.section-news .inner-cont .news-list li { font-size: 17px; white-space: nowrap; }
.section-news .inner-cont .news-list li + li { margin-top: 28px; }
.section-news .inner-cont .news-list li a { display: inline-block; color: rgb(96, 96, 96); }
.section-news h3 { font-size: 25px; font-family: NanumSquare, sans-serif; font-weight: 700; letter-spacing: -2px; color: rgb(17, 17, 17); }
.section-news .tab-cont .tabs { margin-right: 60px; }
.section-news .tab-cont .tabs li h3 { color: rgb(145, 145, 145); }
.section-news .tab-cont .tabs li.active h3 { color: rgb(17, 17, 17); }
.js-images-loaded .section-news .tab-cont .tabs li.active { transition: all 0.2s ease-out 0s; }
.section-news .tab-cont { position: relative; }
.section-news .tab-cont .tabs { position: relative; }
.section-news .tab-cont .tabs li { position: relative; display: inline-block; }
.section-news .tab-cont .tabs li + li { padding-left: 14px; margin-left: 15px; font-size: 25px; color: rgb(145, 145, 145); }
.section-news .tab-cont .tabs li + li::before { content: ""; border-left: 1px solid rgb(223, 223, 223); width: 1px; height: 20px; position: absolute; top: 3px; left: 0px; z-index: 200; }
.section-news .tab-cont .tab-group { position: relative; }
.section-news .tab-cont .tab-group::before { content: ""; border-left: 1px solid rgb(223, 223, 223); height: 135px; position: absolute; top: 13px; left: -50px; z-index: 200; }
.section-news .tab-cont .tab-group > .tab-box { display: none; }
.section-news .tab-cont .tab-group > .tab-box.active { display: block; }
.section-channel { width: 100%; height: 90px; background-color: rgb(243, 245, 250); }
.section-channel .inner-cont, .section-channel .inner-cont .channel-list, .section-channel .inner-cont .channel-list [class^="item"] { height: 90px; }
.section-channel .inner-cont { padding: 0px 20px; width: 1160px; }
.section-channel .channel-list { position: relative; overflow: hidden; text-align: center; }
.section-channel .channel-list [class^="item"] { position: relative; float: left; width: calc(25%); line-height: 90px; }
.section-channel .channel-list [class^="item"] a { display: inline-block; }
.section-channel .channel-list [class^="item"] a > * { display: inline-block; vertical-align: middle; }
.section-channel .channel-list [class^="item"] strong { position: relative; }
.section-channel .channel-list [class^="item"]::before { content: ""; border-left: 1px solid rgb(203, 203, 203); width: 1px; height: 24px; position: absolute; top: 33px; left: 0px; z-index: 200; }
.section-channel .channel-list [class^="item"]:last-child::after { content: ""; border-left: 1px solid rgb(203, 203, 203); width: 1px; height: 24px; position: absolute; top: 33px; right: 0px; z-index: 200; }
.section-channel .channel-list [class^="item"] .name { margin-top: -5px; font-size: 17px; font-weight: 400; color: rgb(0, 0, 0); }
.section-channel .channel-list .ico-channel01 { margin-right: 7px; width: 34px; height: 41px; background-position: 0px -298px; }
.section-channel .channel-list .ico-channel02 { margin-top: 2px; margin-right: 10px; width: 29px; height: 40px; background-position: -56px -299px; }
.section-channel .channel-list .ico-channel03 { margin-right: 10px; width: 34px; height: 34px; background-position: -107px -302px; }
.section-channel .channel-list .ico-channel04 { margin-top: -6px; margin-right: 8px; width: 37px; height: 40px; background-position: -160px -299px; }
.section-channel .channel-list .ico-arrow { opacity: 0; position: absolute; top: 50%; right: -30px; margin-top: -5px; z-index: 200; width: 7px; height: 11px; background-position: -67px -260px; transition: all 0.3s ease-out 0s; }
.section-channel .channel-list [class^="item"] a:hover .ico-arrow { opacity: 1; }
.js-resize-mot .section-story .item * { transition: all 0.3s ease-out 0s; }
@media screen and (max-width: 1569px) {
.section-clarity .inner-cont, .section-story .inner-cont, .section-campaign .inner-cont, .section-about .inner-cont { width: 100%; text-align: center; }
.section-visual .slider-btn button.prev { left: 0px; margin-left: 0px; transform: translate(0px, -50%); }
.section-visual .slider-btn button.next { right: 0px; margin-right: 0px; transform: translate(0px, -50%); }
.v2 section.section-story { height: 800px; }
.section-story .inner-cont { width: 1160px; }
.section-story .story-cont { width: 1120px; }
.section-story .story-cont .story-list { width: 100%; }
.section-story .story-cont .story-list .item { width: 260px; height: auto; }
.section-story .story-cont .story-list .item + .item { }
.section-story .story-cont .story-list .item .text-cont { width: 260px; }
.section-story .story-cont .story-list .item .img-cont, .section-story .story-cont .story-list .item .item-mask { width: 260px; height: 264px; }
.section-story .story-cont .story-list .item .text-cont strong { font-size: 22px; }
.section-story .story-cont .story-list .item .text-cont strong::after { bottom: -14px; }
.section-story .story-cont .story-list .item .text-cont p { margin-top: 25px; font-size: 18px; }
.v2 section.section-campaign { height: 451px; }
.section-campaign .campaign-box { text-align: center; }
.section-campaign .campaign-box .pos-lft { width: 66.6666%; }
.section-campaign .campaign-box .pos-lft .menu-list > [class^="item-"] { width: 50%; height: 223px; }
.section-campaign .campaign-box .pos-rgt { width: 33.3333%; }
.section-campaign .campaign-box .pos-rgt [class^="item-"] { width: 100%; height: 446px; }
.section-campaign .campaign-box .pos-rgt .text-cont { padding: 0px 5%; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg { width: 100%; height: 218px; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg > strong { padding-top: 25px; font-size: 35px; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg > p { margin: 10px auto 0px; width: 310px; font-size: 21px; line-height: 30px; }
.section-campaign .campaign-box .pos-rgt .text-cont .text-bg .btn-campaign { margin-top: 10px; }
.v2 section.section-about { height: 660px; }
.section-about::before { top: 185px; height: 226px; }
.section-about .inner-cont { padding: 110px 0px 0px; }
.section-about .slider-about { width: 1160px; margin: 0px auto; padding: 0px 20px; }
.section-about .slider-about .pos-lft { padding-top: 135px; width: 130px; }
.section-about .slider-about .pos-rgt { width: calc(100% - 149px); }
.section-about .slider-about .pos-rgt .slider-cont { width: calc(100% - 43px); }
.section-about .slider-about .pos-rgt .slider-cont .item { height: 350px; margin: 30px 12px; width: 290px !important; }
.section-about .slider-about .pos-rgt .slider-cont .item .img-cont { width: 100%; height: 198px; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont { width: 100%; height: 153px; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont strong { padding-top: 20px; font-size: 20px; line-height: 26px; width: 230px; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont .btn-about span { font-size: 14px; }
.section-about .slider-about .pos-rgt .slider-cont .item .text-cont .btn-about .ico-more { }
.section-about .inner-cont h2 { }
.section-about .slider-about .pos-lft .slider-btn { margin-top: 150px; }
}
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-container-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-multirow-column > .swiper-wrapper { flex-flow: column wrap; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-container-3d { perspective: 1200px; }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }
:root { --swiper-navigation-size: 44px; }
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev::after, .swiper-button-next::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; text-transform: none !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { content: "prev"; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: "next"; }
.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; }
.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; }
.swiper-button-lock { display: none; }
:root { }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 300ms ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 2; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; }
button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 200ms ease 0s, top 200ms ease 0s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 200ms ease 0s, left 200ms ease 0s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 200ms ease 0s, right 200ms ease 0s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; }
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0px; top: 0px; }
.swiper-pagination-white { --swiper-pagination-color: #ffffff; }
.swiper-pagination-black { --swiper-pagination-color: #000000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
:root { }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-radius: 50%; border-top-color: transparent; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin {
100% { transform: rotate(360deg); }
}
.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; backface-visibility: hidden; }
@font-face { font-family: SpoqaHanSans; font-style: normal; font-weight: 700; src: url("") format("woff2"), url("") format("woff"), url("") format("truetype"); }
:root { --renew-point-color: #005b48; }
body { overflow-y: auto; color: rgb(34, 34, 34); height: auto; overflow-x: hidden !important; }
section.main { box-sizing: border-box; position: relative; z-index: 3; }
section { width: 100%; }
.main { position: relative; height: 100vh; }
.main .item { position: relative; height: 100vh; cursor: pointer; }
.main .box { position: relative; width: 1540px; height: 100%; margin: 0px auto; }
.main .tit_g { position: absolute; top: 280px; left: 0px; }
.main .tit_g .tit1 { font-size: 90px; font-family: SpoqaHanSans; font-weight: 700; color: rgb(255, 255, 255); line-height: 106px; letter-spacing: -6px; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; }
.main .tit_g .tit2 { font-size: 24px; font-family: noto; line-height: 36px; color: rgb(255, 255, 255); display: inline-block; padding: 20px 0px 0px 10px; }
.main .btn_g .btnD1 { display: inline-block; min-width: 152px; height: 60px; text-align: center; line-height: 60px; border: 1px solid rgb(34, 34, 34); font-size: 18px; }
.mainSlider { position: relative; height: 100%; }
.mainSlider_nav { position: absolute; bottom: 150px; right: 50px; width: 1100px; }
.mainSlider_nav.active { bottom: 1150px; }
.mainSlider_nav .slick-slide { width: 205px; margin-right: 10px; }
.mainSlider_nav .slick-slide img { width: 100%; height: auto; border: 2px solid rgb(255, 255, 255); border-radius: 10px; }
.mainSlider_nav .slick-center img { border-color: var(--renew-point-color); }
.main .btn_pause, .main .btn_play { position: absolute; left: calc(50% + 598px); bottom: 173px; }
.main .btn_play { display: none; }
.slick-counter { position: absolute; left: calc(50% + 397px); bottom: 180px; color: rgb(102, 102, 102); font-size: 18px; }
.slick-counter span { display: inline-block; font-size: 18px; color: rgb(102, 102, 102); font-weight: 700; }
.slick-counter span { margin-right: 5px; }
.slick-counter span:last-child { margin-left: 5px; }
.main .slick-dots { position: absolute; bottom: 187px; left: calc(50% + 460px); display: block; height: 4px; text-align: center; z-index: 1; width: 120px; }
.slick-dots li button { display: block; width: 100%; height: 100%; }
.slick-dots li button:last-child { margin-right: 0px; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; }
.slick-dots li.slick-active button::before { opacity: 0.75; color: black; }
.main .slick-dots::after { content: ""; display: block; clear: both; }
.main .slick-dots > li { font-size: 0px; width: 40px; height: 4px; padding-left: 16px; margin-right: 10px; box-sizing: border-box; float: left; display: none; }
.main .slick-dots > li.slick-active { display: block; }
.main .slick-dots > li > button { width: 100px; height: 2px; background-color: rgba(255, 255, 255, 0.2); outline: none; position: relative; padding: 0px; color: inherit; line-height: normal; margin: 0px; }
.main .slick-dots > li > button::before { display: none; }
.main .slick-dots > li > button > .s-line-fill { content: ""; width: 0px; height: 2px; background-color: var(--renew-point-color); position: absolute; top: 0px; left: 0px; opacity: 1; }
.slick-dots .slick-active > button > .s-line-fill { animation: 6s ease 0s 1 normal forwards running slick-progressbar; }
.slider-wrap[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .s-line-fill { animation-play-state: paused; }
@keyframes slick-progressbar {
0% { width: 0%; }
100% { width: 100%; }
}
.main .slick-prev, .main .slick-next { width: 67px; height: 67px; font-size: 0px; z-index: 1; top: 530px; }
.main .slick-prev::before, .main .slick-next::before { display: none; }
.main .slick-prev { left: calc(50% - 772px); background: url("") 0% 0% / cover no-repeat; }
.main .slick-prev:hover { background: url("") 0% 0% / cover no-repeat; }
.main .slick-next { left: calc(50% - 700px); background: url("") 0% 0% / cover no-repeat; }
.main .slick-next:hover { background: url("") 0% 0% / cover no-repeat; }
.main .spon_form { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 110px; background: rgba(0, 0, 0, 0.2); }
.main .spon_form .cons { width: 1180px; margin: 0px auto; }
.main .spon_form .cons ul { display: flex; justify-content: space-between; }
.main .spon_form li { height: 110px; }
.main .spon_form li a { position: relative; box-sizing: border-box; display: flex; width: 100%; justify-content: flex-end; align-items: center; gap: 20px; height: 100%; }
.main .spon_form li a > i { position: relative; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.main .spon_form .form2 a > i { width: 53px; background-image: url(""); }
.main .spon_form .form3 a > i { width: 41px; background-image: url(""); }
.main .spon_form .form4 a > i { width: 53px; background-image: url(""); }
.main .spon_form .form5 a > i { width: 37px; background-image: url(""); }
.main .spon_form .form6 a > i { width: 45px; background-image: url(""); }
.main .spon_form li a > i::before { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 2px; height: 10px; background: rgba(255, 255, 255, 0.6); }
.main .spon_form .form1 { position: relative; width: 280px; z-index: 1; }
.main .spon_form .form1::before { content: ""; position: absolute; top: -10px; right: 0px; width: 100vw; height: 130px; background: var(--renew-point-color); z-index: -1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.main .spon_form li a { color: rgb(255, 255, 255); font-size: 24px; font-weight: 300; }
.main .spon_form .form1 a { position: relative; padding-right: 60px; padding-left: 0px; box-sizing: border-box; font-size: 36px; font-weight: 700; line-height: 110px; display: initial; }
.main .spon_form .form1 a::before { content: ""; position: absolute; top: 12px; right: 0px; left: auto; width: 18px; height: 30px; background: url("") no-repeat; transform: translateY(0px); }
.story { position: relative; z-index: 1; height: 660px; padding-top: 120px; }
.story::after { content: ""; display: block; width: 88%; height: 400px; position: absolute; top: 380px; right: 0px; z-index: 1; background: url("") repeat; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.story .in { position: relative; width: 100%; height: 770px; }
.story .had { position: relative; width: 1180px; margin: 0px auto 60px; }
.story .cons { padding-bottom: 65px; position: relative; z-index: 5; }
.story h2 { font-weight: 700; font-size: 56px !important; line-height: 72px !important; }
.story h2 strong { color: var(--renew-point-color); }
section .btnD2 { position: absolute; right: 0px; bottom: 22px; font-size: 20px; font-weight: 300; color: rgb(102, 102, 102); padding-right: 30px; line-height: 20px; }
section .btnD2::before { content: ""; position: absolute; top: 2px; right: 0px; width: 16px; height: 16px; background: url(""); }
section .btnD2:hover::before { transform: rotate(180deg); transition: all 0.3s ease-in-out 0s; }
.story .col_wrap { width: 1180px; margin: 0px auto; position: relative; background: rgb(102, 102, 102); }
.story .col { position: absolute; left: 0px; top: 70px; height: 558px; box-sizing: border-box; }
.story_cont { position: absolute; top: 166px; left: calc(50% - 590px); width: 100%; }
.storySlider .item { position: relative; height: 340px; background: rgb(221, 221, 221); border-radius: 4px; width: 380px !important; }
.storySlider .item a { display: block; width: 100%; height: 100%; }
.storySlider .item .tit { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 75px; font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: 10px 15px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; z-index: 1; }
.storySlider .item .cate { position: absolute; top: 10px; left: 10px; height: 36px; padding: 0px 16px; border-radius: 5px; text-align: center; line-height: 36px; font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); }
.storySlider .item .cate { background: rgb(243, 171, 33); }
.storySlider .item:first-child { margin-left: calc(50% - 590px); }
.story .swiper-pagination-progressbar { top: auto; bottom: 0px; width: 1180px; height: 6px; background: rgb(221, 221, 221); z-index: 1; left: 50%; margin-left: -590px; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--renew-point-color) !important; }
.story .prev, .story .next { position: absolute; bottom: -60px; width: 19px; height: 32px; }
.story .prev { left: 50%; background: url(""); margin-left: 530px; }
.story .next { left: 50%; background: url(""); margin-left: 570px; }
.openbiz { position: relative; height: 700px; padding-top: 150px; }
.openbiz .openbizSlider { margin: 0px auto; width: 1180px; }
.openbiz .openbizSlider .had h2 { font-size: 56px; font-weight: 700; line-height: 72px; }
.openbiz .openbizSlider .had strong { color: var(--renew-point-color); }
.openbiz .openbizSlider .item { margin: 0px auto; height: 562px !important; }
.openbiz .openbizSlider .item1 { width: 1190px !important; }
.openbiz .openbizSlider .item2 .box { width: 1190px; margin: 0px auto; }
.openbiz .openbizSlider .item2 .had strong { color: rgb(248, 169, 16); }
.openbiz .txt_g .txt1 { font-size: 22px; line-height: 30px; margin-top: 15px; color: rgb(102, 102, 102); }
.openbiz .txt_g .btnD3 { display: inline-block; width: 282px; height: 60px; text-align: center; line-height: 60px; border: 1px solid var(--renew-point-color); color: var(--renew-point-color); font-size: 20px; font-weight: 500; background: rgb(255, 255, 255); }
.openbiz .txt_g .btnD3 ~ .btnD3 { margin-left: 10px; }
.openbiz .banner { position: relative; margin-top: 50px; z-index: 1; box-sizing: border-box; }
.openbiz .banner .txt_g { width: 1190px; margin: 0px auto 55px; }
.openbiz .banner ul { display: flex; justify-content: space-around; width: 1190px; margin: 0px auto; }
.openbiz .banner li { position: relative; text-align: center; width: 12.5%; margin-bottom: 40px; }
.openbiz .banner .cf-history li { width: 300px; margin-left: -20px; }
.openbiz .item1 .banner li ~ li { margin-left: 80px; }
.openbiz .item1 .banner li::before { content: ""; position: absolute; z-index: -1; }
.openbiz .item1 .banner .col1::before { left: 5px; top: -10px; width: 139px; height: 120px; background: url(""); }
.openbiz .item1 .banner .col2::before { top: -21px; left: 0px; width: 118px; height: 123px; background: url(""); }
.openbiz .item1 .banner .col3::before { top: -12px; left: 156px; width: 132px; height: 113px; background: url(""); }
.openbiz .item1 .banner .col4::before { top: -25px; left: 136px; width: 125px; height: 125px; background: url(""); }
.openbiz .item2 .banner li ~ li { margin-left: 20px; }
.openbiz .banner .num { font-size: 34px; font-weight: 500; margin-bottom: 15px; }
.openbiz .banner .num strong { font-size: 70px; font-weight: 500; }
.openbiz .banner .txt { font-size: 15px; line-height: 15px; }
.openbiz .banner .ref { position: absolute; bottom: 40px; right: 0px; font-size: 14px; color: rgb(153, 153, 153); line-height: 14px; }
.openbiz .banner i { display: flex; align-items: center; justify-content: center; height: 120px; width: 75%; margin: auto; }
.openbiz .banner i > img { max-width: 100%; }
.openbiz .banner .name { margin-top: 10px; font-size: 16px; line-height: 22px; }
.openbiz .item2 .banner { position: relative; }
.openbiz .item2::after { content: ""; position: absolute; bottom: -25px; right: 0px; width: 249px; height: 309px; background: url(""); }
.openbiz .bg { position: absolute; top: 380px; left: 0px; width: 95.4%; height: 480px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: url("") repeat; }
.openbiz .pagination_bullet { position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; bottom: -60px !important; }
.openbiz .pagination_bullet span ~ span { margin-left: 15px; }
.openbiz .swiper-pagination-bullet { display: inline-block; width: 6px; height: 6px; background: rgb(221, 221, 221); opacity: 1; }
.openbiz .swiper-pagination-bullet-active { width: 40px; background: var(--renew-point-color); border-radius: 3px; }
.campaign { position: relative; height: 715px; padding: 160px 0px; }
.campaign::after { content: ""; display: block; width: 88%; height: 400px; position: absolute; top: 510px; right: 0px; z-index: 1; background: url("") repeat; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.campaign .cons { width: 1180px; margin: 0px auto; }
.campaign .had { position: relative; margin-bottom: 50px; }
.campaign .had h2 { font-size: 56px; font-weight: 700; line-height: 72px; }
.campaign .had h2 strong { color: var(--renew-point-color); }
.campaign .tab a { position: relative; font-size: 18px; font-weight: 400; color: rgb(51, 51, 51); line-height: 44px; height: 44px; display: inline-block; letter-spacing: -1px; border: 1px solid rgb(207, 207, 207); border-radius: 50px; min-width: 80px; padding: 0px 20px; text-align: center; margin-right: 6px; }
.campaign .tab a.active { color: var(--renew-point-color); border-color: var(--renew-point-color); font-weight: 700; }
.campaign .sliderWrap { position: absolute; top: 380px; left: 0px; width: 100%; z-index: 10; }
.camSlider .item:first-child { margin-left: calc(50% - 590px); }
.camSlider .item .cate { position: absolute; top: 10px; left: 10px; height: 40px; padding: 0px 20px; border-radius: 5px; text-align: center; line-height: 40px; font-size: 20px; font-weight: 500; color: rgb(255, 255, 255); }
.camSlider .item .cate { background: var(--renew-point-color); }
.camSlider .item { position: relative; height: 304px; border-radius: 4px; margin-right: 20px; width: 304px !important; }
.camSlider .item .txt_g { position: absolute; bottom: 35px; left: 35px; }
.camSlider .item .txt_g .tit { font-size: 22px; font-weight: 500; color: rgb(255, 255, 255); line-height: 28px; }
.camSlider .item .txt_g .txt { font-size: 17px; color: rgb(255, 255, 255); margin-top: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; }
.camSlider .item .over { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out 0s; }
.camSlider .item:hover .over { visibility: visible; opacity: 1; }
.camSlider .item .over .btn_g { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.camSlider .item .over .btnD { display: block; width: 170px; height: 60px; text-align: center; line-height: 60px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; border: 1px solid rgb(255, 255, 255); }
.camSlider .item .over .btnD ~ .btnD { margin-top: 20px; }
.campaign .swiper-pagination { top: 364px; left: 50%; width: 1180px; height: 6px; background: rgb(221, 221, 221); overflow: hidden; z-index: 1; margin-left: -590px; display: block !important; }
.campaign .prev, .campaign .next { position: absolute; top: 400px; left: 50%; width: 19px; height: 32px; z-index: 1; }
.campaign .prev { background: url(""); margin-left: 530px; }
.campaign .next { background: url(""); margin-left: 570px; }
.banner { position: relative; width: 100%; height: 236px; }
.bannerSlider { width: 100%; height: 200px; }
.bannerSlider .item { height: 200px; background-size: cover; }
.bannerSlider .item .cons { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.bannerSlider .item .txt_g { text-align: center; }
.bannerSlider .item .txt_g .txt1 { font-size: 28px; line-height: 28px; margin-bottom: 25px; }
.bannerSlider .item .txt_g .txt2 { font-size: 44px; font-weight: 700; }
.banner .slick-dots { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); }
.banner .slick-dots li { display: inline-block; font-size: 0px; width: 6px; height: 6px; background: rgb(221, 221, 221); border-radius: 50%; }
.banner .slick-dots li ~ li { margin-left: 15px; }
.banner .slick-dots li.slick-active { width: 40px; background: var(--renew-point-color); border-radius: 3px; }
.spon { position: relative; }
.spon .cons { position: relative; width: 1180px; margin: 125px auto; }
.spon .had { margin-bottom: 65px; text-align: center; }
.spon .had h2 { position: relative; display: inline-block; font-size: 42px; font-weight: 700; line-height: 56px; }
.spon .had h2::before, .spon .had h2::after { content: ""; position: absolute; width: 53px; height: 45px; background-size: cover; z-index: -1; }
.spon .had h2::before { top: -10px; left: -45px; background: url(""); }
.spon .had h2::after { bottom: 25px; right: -25px; background: url(""); }
.spon .had h2 strong { color: var(--renew-point-color); }
.sponSlider { height: 432px; margin-top: 90px; }
.pagination_bullet { position: absolute; bottom: 0px !important; }
.sponSlider .item { position: relative; height: 325px; cursor: pointer; transition: all 0.2s ease-in-out 0s; text-align: center; width: 393px !important; }
.sponSlider .item.swiper-slide-active { margin-top: 0px; }
.sponSlider .item a { display: inline-block; }
.sponSlider .item span { position: relative; width: 180px; height: 155px; margin-bottom: 20px; display: inline-block; }
.sponSlider .item span img.over { opacity: 0; transition: all 0.2s ease-in-out 0s; margin-left: 80px; }
.sponSlider .item.swiper-slide-active img.over { opacity: 1; transition: all 1.3s ease-in-out 0s; margin-left: 0px; }
.sponSlider .item1.swiper-slide-active img.over { margin-left: 30px; }
.sponSlider .item2.swiper-slide-active img.over { margin-left: 10px; }
.sponSlider .item3.swiper-slide-active img.over { margin-left: 0px; }
.sponSlider .item4.swiper-slide-active img.over { margin-left: 20px; }
.sponSlider .item5.swiper-slide-active img.over { margin-left: 30px; }
.sponSlider .item6.swiper-slide-active img.over { margin-left: 10px; }
.sponSlider .item7.swiper-slide-active img.over { margin-left: 30px; }
.sponSlider .item8.swiper-slide-active img.over { }
.sponSlider .item img.non { display: none; }
.sponSlider .item .name { color: rgb(153, 153, 153); font-size: 26px; font-weight: 700; margin-bottom: 25px; text-align: center; }
.sponSlider .item.swiper-slide-active .name { color: var(--renew-point-color); font-size: 36px; }
.sponSlider .item .txt { font-size: 16px; color: rgb(153, 153, 153); text-align: center; line-height: 27px; }
.sponSlider .item.swiper-slide-active .txt { color: rgb(34, 34, 34); font-size: 20px; }
.sponSlider .slick-center .item .name { color: var(--renew-point-color); }
.sponSlider .slick-center .item .txt { color: rgb(34, 34, 34); }
.sponSlider .slick-list { padding: 0px !important; }
.sponSlider .slick-dots { display: flex; justify-content: center; margin-top: 35px; }
.sponSlider .slick-dots li ~ li { margin-left: 90px; }
.sponSlider .slick-dots li { font-size: 20px; font-weight: 500; color: rgb(153, 153, 153); }
.sponSlider .slick-dots li.slick-active { color: var(--renew-point-color); font-weight: 700; }
.sponSlider .slick-prev, .sponSlider .slick-next { width: 19px; height: 32px; font-size: 0px; z-index: 1; }
.sponSlider .slick-prev::before, .sponSlider .slick-next::before { display: none; }
.sponSlider .slick-next { left: calc(50% + 660px); background: url(""); }
.sponSlider .slick-prev { left: calc(50% - 660px); background: url(""); }
.spon .controller { position: relative; max-width: 670px; margin: 30px auto 0px; }
.spon .controller .proBar { position: relative; background: rgb(221, 221, 221); }
.spon .controller .proBar .bar { width: 0px; height: 4px; background: var(--renew-point-color); }
.spon .controller .total { position: absolute; top: -16px; right: -72px; font-size: 22px; color: rgb(0, 0, 0); }
.spon .controller .total strong { color: var(--renew-point-color); }
.spon .swiper-pagination { width: 1180px; height: 6px; z-index: 1; }
.spon .pagingSlider { margin-top: 34px; }
.spon .pagingSlider li { font-size: 20px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; cursor: pointer; }
.spon .pagingSlider li.active { color: var(--renew-point-color); font-weight: 600; }
.spon button { position: absolute; bottom: 265px; width: 19px; height: 31px; z-index: 1; }
.spon .prev { left: -70px; background: url(""); }
.spon .next { right: -70px; background: url(""); }
.movie { width: 100%; padding: 100px 0px; box-sizing: border-box; position: relative; }
.movie .cons { width: 1180px; margin: 0px auto; position: relative; z-index: 2; }
.movie .had { position: relative; margin-bottom: 50px; }
.movie .had h2 { font-size: 42px; font-weight: 700; }
.movie .sliderWrap { display: flex; }
.movie::after { content: ""; display: block; width: 100%; height: 370px; position: absolute; bottom: 0px; background: rgb(249, 247, 243); z-index: 1; }
.movie .item, .movie .slide { cursor: pointer; }
.movieSlider1 { width: 880px; height: 496px; background: pink; margin-right: 20px; }
.movieSlider1 .slide { position: relative; height: 496px; }
.movieSlider1 .slide .tit { position: absolute; bottom: 40px; left: 40px; font-size: 32px; font-weight: 700; color: rgb(255, 255, 255); }
.movieSlider1 .slide a { display: block; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.movieSlider1 .slide .btn_play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.movieSlider2 { width: 280px; height: 496px; }
.movieSlider2 .slick-list { padding: 0px !important; }
.movieSlider2 .item { position: relative; width: 280px; height: 151px; display: block !important; }
.movieSlider2 .item .over { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; }
.movieSlider2 .item:hover .over { opacity: 1; visibility: visible; }
.movieSlider2 .item .tit { position: absolute; bottom: 20px; left: 20px; font-size: 17px; font-weight: 500; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow-wrap: break-word; }
.movieSlider2 .slick-list { height: 496px !important; }
.movieSlider2 .slick-slide { float: none; }
.movieSlider2 .slick-slide ~ .slick-slide { margin-top: 16px; }
.movieSlider2 .slick-prev { top: -20px; background: url(""); }
.movieSlider2 .slick-next { top: auto; bottom: -20px; background: url(""); }
.movieSlider2 .slick-prev, .movieSlider2 .slick-next { left: 50%; transform: translateX(-50%); width: 40px; height: 40px; z-index: 9; }
.movieSlider2 .slick-prev::before, .movieSlider2 .slick-next::before { display: none; }
.news_area { padding: 160px 0px 120px; position: relative; border-bottom: 2px solid rgb(231, 231, 231); }
.news_area::after { content: ""; display: block; width: 100%; height: 370px; position: absolute; bottom: 0px; background: rgb(249, 247, 243); z-index: 1; }
.news_area .cons { width: 1180px; margin: 0px auto; position: relative; z-index: 2; }
.news_area .cons .had { position: relative; margin-bottom: 70px; }
.news_area .cons .had h2 { font-size: 42px; font-weight: 700; }
.news_area .cons .tab #newInfo { display: flex; }
.news_area .cons .tab #newInfo li { width: 120px; height: 43px; border-radius: 21.5px; text-align: center; line-height: 43px; }
.news_area .cons .tab #newInfo li.active { background: var(--renew-point-color); }
.news_area .cons .tab #newInfo li ~ li { margin-left: 20px; }
.news_area .cons .tab #newInfo li a { font-size: 20px; font-weight: 300; color: rgb(102, 102, 102); }
.news_area .cons .tab #newInfo li.active a { color: rgb(255, 255, 255); }
.news_area .tab_cont { margin-top: 40px; }
.news_area .tab_cont li { position: relative; border: 1px solid rgb(153, 153, 153); padding: 37px 45px 38px; box-sizing: border-box; transition: all 0.2s ease-in-out 0s; margin-bottom: 15px; background: rgb(255, 255, 255); }
.news_area .tab_cont li a { width: 101px; height: 47px; line-height: 47px; text-align: center; border-radius: 5px; display: block; background: rgb(235, 235, 235); position: absolute; top: 33px; right: 34px; font-size: 16px; }
.news_area .tab_cont li .txt1 { font-size: 20px; font-weight: 700; color: rgb(102, 102, 102); line-height: 20px; margin-bottom: 30px; }
.news_area .tab_cont li .txt2 { font-size: 24px; font-weight: 500; letter-spacing: -2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow-wrap: break-word; line-height: 36px; width: 820px; }
.news_area .tab_cont li .date { position: absolute; bottom: 46px; right: 205px; font-size: 16px; color: rgb(146, 146, 146); }
.news_area .tab_cont li:hover p { color: var(--renew-point-color); transition: all 0.2s ease-in-out 0s; }
.news_area .tab_cont li a:hover { color: rgb(255, 255, 255); background: var(--renew-point-color); transition: all 0.2s ease-in-out 0s; }
.floting-btn { position: fixed; bottom: 100px; right: 60px; display: block; z-index: 1; }
.slick-dotted.slick-slider { margin-bottom: 0px !important; }
.slick-track { opacity: 1 !important; }
.mainSlider .tit1 { transform: translateY(100px); opacity: 0; transition: all 1.3s ease-in-out 0s; }
.mainSlider .slick-current .tit1 { opacity: 1; transform: translateY(0px); animation: 1.3s ease 0.6s 1 normal both running txtani; transition-delay: 0.4s; }
.mainSlider .tit2 { transform: translateY(100px); opacity: 0; transition: all 1.5s ease-in-out 0s; }
.mainSlider .slick-current .tit2 { opacity: 1; transform: translateY(0px); animation: 1.5s ease 0.4s 1 normal both running txtani; transition-delay: 0.2s; }
.mainSlider .btn_g { transform: translateY(100px); opacity: 0; transition: all 1.7s ease-in-out 0s; }
.mainSlider .slick-current .btn_g { opacity: 1; transform: translateY(0px); animation: 1.7s ease 0s 1 normal both running txtani; }
@keyframes txtani {
0% { opacity: 0; transform: translateY(100px); }
100% { opacity: 1; transform: translateY(0px); }
}
.popEmved_ui { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999; }
.popEmved_ui .pop_emved { position: absolute; z-index: 99; top: 50%; left: 0px; right: 0px; width: 900px; margin: auto; text-align: center; transform: translate(0px, -50%); }
.popEmved_ui .pop_emved iframe { width: 100%; height: 650px; }
.popEmved_ui .btn_videoClose { position: absolute; top: -50px; right: 0px; width: 54px; height: 54px; margin: 0px auto; cursor: pointer; background: url("") 50% 50% no-repeat; border: 0px; outline: none; font-size: 0px; }
.popEmved_ui .dimmed { position: absolute; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.75; }
.topBanner { position: relative; display: block; width: 100%; text-align: center; }
.topBanner a:first-child { display: block; width: 100%; }
.topBanner img { width: 100%; }
.topBanner .btnClose { position: absolute; top: 50%; right: 4.53125vw; margin-top: -9px; }
.js-images-loaded-end .topBanner { display: none; }
.page-main.js-images-loaded-end .topBanner { display: block; }
.mainSlider.mainNewSlider .slick-prev, .mainSlider.mainNewSlider .slick-next { width: 27px; height: 51px; background-size: cover; background-repeat: no-repeat; top: 50%; }
.mainSlider.mainNewSlider .slick-prev { background-image: url(""); left: 55px; filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 0px 3px); }
.mainSlider.mainNewSlider .slick-next { background-image: url(""); right: 55px; left: initial; filter: drop-shadow(rgba(0, 0, 0, 0.25) -2px 0px 3px); }
.mainSlider.mainNewSlider .slick-dots { padding: 15px 28px; background-color: rgba(0, 91, 73, 0.5); border-radius: 20px; display: flex; gap: 10px; height: auto; width: auto; left: 50%; transform: translate(-50%); }
.mainSlider.mainNewSlider .slick-dots::after { display: none; }
.mainSlider.mainNewSlider .slick-dots > li { float: initial; width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); background-color: transparent; box-sizing: border-box; padding: initial; display: initial; margin: initial; transition: all 0.3s ease 0s; }
.mainSlider.mainNewSlider .slick-dots > li.slick-active { width: 42px; height: 10px; background-color: rgb(255, 255, 255); border-radius: 5px; }
.mainSlider.mainNewSlider .slick-dots > li > button { width: 0px; height: 0px; }
.mainPopup { position: fixed; z-index: 1005; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }
.mainPopup.on { display: block; background-color: rgb(255, 255, 255); }
.mainPopup .mainPopup-cont { box-shadow: rgba(0, 0, 0, 0.12) 7px 5px 12px 1px; }
.mainPopup .mainPopup-cont .popupCont-inner { width: 410px; height: 575px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.mainPopup .mainPopup-cont .popupCont-inner a { display: block; width: 100%; }
.mainPopup .mainPopup-cont .popupCont-inner img { width: 100%; height: 100%; }
.mainPopup .mainPopup-cont .btn-inner { display: flex; justify-content: center; align-items: center; height: 65px; }
.mainPopup .mainPopup-cont .btn-inner button { width: 100%; height: 65px; background-color: rgb(255, 255, 255); text-align: center; color: rgb(34, 34, 34); font-size: 17px; display: block; }
.mainPopup .mainPopup-cont .btn-inner button span { display: block; line-height: 65px; }
.mainPopup .mainPopup-cont .btn-inner button.btn-today-close { position: relative; }
.mainPopup .mainPopup-cont .btn-inner button.btn-today-close::after { content: ""; display: block; width: 1px; height: 65px; background-color: rgb(217, 217, 217); position: absolute; top: 0px; right: 0px; }
.mainPopup .mainPopup-cont > .btn-mainPopup-close { width: 22px; height: 22px; position: absolute; top: 20px; right: 20px; font-size: 0px; border: 0px; }
#container #contents.sub-full-width { width: 100%; margin: 0px auto; }
#container #contents .sub-base-width { width: 1200px; margin: 0px auto; }
.dBody { margin-top: 100px; }
.dBody section { width: 100%; margin: 0px auto; padding-bottom: 100px; }
.section_flex { display: flex; justify-content: center; }
.dBody .h1tit { display: flex; justify-content: center; align-items: center; height: 280px; background-size: cover !important; }
.dBody .h1tit .txt_g { width: 1180px; margin: 0px auto; text-align: center; }
.dBody .h1tit .txt_g .m_txt { font-size: 40px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 34px; }
.dBody .h1tit .txt_g .s_txt { font-size: 17px; font-weight: 500; color: rgb(255, 255, 255); line-height: 27px; }
.dBody .h1tit.sub1 { background: url("") 0px 0px no-repeat; }
.location { width: 100%; height: 80px; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(221, 221, 221); }
.location .cons { display: flex; width: 1180px; height: 80px; margin: 0px auto; }
.location .depth { position: relative; min-width: 156px; height: 80px; padding: 30px; box-sizing: border-box; border-left: 1px solid rgb(221, 221, 221); }
.location .depth a { font-size: 20px; font-weight: 500; color: rgb(102, 102, 102); line-height: 20px; }
.location .home { padding-left: 60px; }
.location .home::after { content: ""; position: absolute; top: 37px; left: 30px; width: 17px; height: 15px; background: url(""); }
.location .home a { position: relative; }
.location .home a::before { content: ""; position: absolute; top: 8px; right: -25px; width: 9px; height: 15px; background: url("") no-repeat; }
.location .depth_last .title { color: var(--renew-point-color); }
.location .depth_last .signup_title { color: rgb(248, 169, 16); }
.location .title { position: relative; }
.location .title::before { content: ""; position: absolute; top: 6px; right: -30px; width: 9px; height: 15px; background: url("") no-repeat; }
.location .depth_last .title::before { content: ""; position: absolute; top: 8px; right: -30px; width: 15px; height: 9px; background: url("") no-repeat; }
.location .depth_last .signup_title::before { content: ""; position: absolute; top: 8px; right: -30px; width: 15px; height: 11px; background: url("") no-repeat; }
.location .option { position: absolute; top: 80px; left: -1px; width: calc(100% + 2px); border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); box-sizing: border-box; opacity: 0; visibility: hidden; }
.location .option.open { opacity: 1; visibility: visible; transition: all 0.2s ease-in-out 0s; }
.location .option li { padding: 15px 0px 15px 30px; }
.location .option li ~ li { border-top: 1px solid rgb(221, 221, 221); }
.location .option li a { font-size: 18px; line-height: 18px; }
.location .option li:hover a { color: var(--renew-point-color); }
.dBody .para { font-size: 45px; font-weight: 700; margin: 52px 0px; text-align: center; }
.sub_para_text { font-weight: 400 !important; }
.dBody .sub_para { display: block; font-size: 20px; font-weight: 500; color: var(--renew-point-color); margin-top: 15px; }
.tab_btn { display: flex; border-bottom: 1px solid var(--renew-point-color); }
.tab_btn li { min-width: 235px; height: 70px; line-height: 70px; text-align: center; padding: 0px 25px; border-bottom: 0px; box-sizing: border-box; }
.tab_btn li ~ li { border-left: 0px; }
.tab_btn li a { font-size: 22px; font-weight: 500; color: rgb(153, 153, 153); }
.tab_btn li.current { background: var(--renew-point-color); }
.tab_btn li.current a { color: rgb(255, 255, 255); }
.tab_cont { margin-top: 80px; }
.chk { display: inline-block; position: relative; vertical-align: middle; }
.chk input[type="radio"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; width: auto !important; }
.chk label { position: relative; display: block; }
.chk label::before { content: ""; position: absolute; top: 2px; left: 0px; box-sizing: border-box; vertical-align: middle; cursor: pointer; }
.chk_box { display: inline-block; position: relative; }
.chk_box input[type="checkbox"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; width: auto !important; }
.chk_box label { display: inline-block; }
.chk_box label::before { content: ""; position: absolute; top: 0px; left: 0px; }
.signup_con .step { padding-bottom: 76px; border-bottom: 20px solid rgb(245, 245, 245); }
.signup_con .step ul { display: flex; justify-content: space-around; }
.signup_con .step li { position: relative; width: 25%; }
.signup_con .step li a { display: block; width: 100%; height: 100%; }
.signup_con .step li ~ li::before { content: ""; position: absolute; top: 25px; left: 0px; width: 26px; height: 46px; background: url(""); }
.signup_con .step li i { display: flex; align-items: center; justify-content: center; margin: 0px auto 24px; width: 89px; height: 89px; }
.signup_con .step .s1 i img { width: 94px; }
.signup_con .step .s2 i img { width: 89px; }
.signup_con .step .s3 i img { width: 87px; }
.signup_con .step .s4 i img { width: 73px; }
.signup_con .step li p { text-align: center; color: rgb(153, 153, 153); font-size: 20px; font-weight: 500; }
.signup_con .step .current p { color: var(--renew-point-color); }
.signup_con .btnN { display: block; width: 366px; height: 70px; text-align: center; line-height: 70px; color: rgb(255, 255, 255); font-size: 24px; font-weight: 500; background: var(--renew-point-color); margin: 80px auto 0px; }
.signup_con .member_type { margin-top: 58px; }
.signup_con .member_type .tit { width: 100%; background: var(--renew-point-color); color: rgb(255, 255, 255); border-radius: 13px; margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; }
.tit_img_ar { width: 20px; height: 20px; background: url("") 100% center no-repeat; margin-right: 30px; }
.signup_con .member_type .tit .step_num { font-size: 24px; font-weight: 300; color: var(--renew-point-color); line-height: 1.5; }
.signup_con .member_type .tit .name { display: inline-block; font-size: 20px; font-weight: 400; padding: 25px 0px; font-family: noto; margin-left: 30px; }
.signup_con .member_type .tit .noti { display: inline-block; font-size: 20px; }
.signup_con .member_type .type ul { display: flex; flex-flow: wrap; justify-content: space-between; }
.signup_con .member_type .type li { width: 48%; height: 75px; border: 1px solid rgb(206, 206, 206); border-radius: 18px; text-align: center; margin-bottom: 27px; }
.signup_con .member_type .chk .tname { display: block; font-size: 22px; color: rgb(128, 128, 128); font-weight: 700; margin-left: 20px; }
.signup_con .member_type .chk.type1 { width: 100%; height: 100%; }
.signup_con .member_type .chk.type1 input + label { width: 100%; height: 100%; border-radius: 18px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.signup_con .member_type .chk.type1 input + label .ic { width: 30px; height: 30px; background: url("") 0% 0% / cover; margin-right: 20px; }
.signup_con .member_type .chk.type1 input:checked + label { background: var(--renew-point-color); }
.signup_con .member_type .chk.type1 input:checked + label .ic { background: url("") 0% 0% / cover; }
.signup_con .member_type .chk.type1 input:checked + label span { color: rgb(255, 255, 255); }
.signup_con .member_type .chk .desc { font-size: 18px; color: rgb(128, 128, 128); line-height: 1.33; text-align: left; }
.desc > b { color: var(--renew-point-color); }
.signup_con .btn_g { text-align: center; }
.singup2_con .member_type, .singup3_con .member_type { background: rgb(245, 245, 245); border: 1px solid rgb(206, 206, 206); border-radius: 18px; }
.singup2_con .member_type .tit { margin-bottom: 30px; }
.singup2_con .member_type .terms_list { padding: 0px 82px 77px; }
.singup2_con .member_type .terms_list .terms_tit { position: relative; padding: 36px 0px; border-bottom: 1px solid rgb(123, 123, 123); }
.singup2_con .member_type .terms_list .terms_tit .ic { position: absolute; top: 50px; right: 1px; display: block; width: 24px; height: 15px; background: url("") 0% 0% / cover; transform: rotate(270deg); }
.singup2_con .member_type .terms_list .ic.on { transform: rotate(0deg); }
.singup2_con .member_type .terms_list .chk_box.type1 label { padding-left: 63px; font-size: 24px; margin-top: 5px; }
.singup2_con .member_type .terms_list .chk_box.type1 label::before { width: 43px; height: 43px; background: url(""); }
.singup2_con .member_type .terms_list .chk_box input:checked + label::before { background: url(""); }
.singup2_con .member_type .terms_list .view { position: relative; height: 386px; margin-top: 40px; background: rgb(255, 255, 255); padding: 26px 44px; box-sizing: border-box; overflow-y: scroll; }
.singup2_con .member_type .terms_list .view::-webkit-scrollbar { width: 8px; background: rgb(255, 255, 255); }
.singup2_con .member_type .terms_list .view::-webkit-scrollbar-thumb { width: 8px; border-radius: 4.5px; background: padding-box padding-box rgb(204, 204, 204); border: 10px solid rgb(221, 221, 221); }
.singup2_con .member_type .terms_list .view::-webkit-track { width: 8px; }
.singup2_con .member_type .terms_list .view .num { font-size: 24px; font-weight: 700; color: rgb(42, 43, 46); }
.singup2_con .member_type .terms_list .view .top_memo { font-size: 22px; margin-bottom: 10px; }
.singup2_con .member_type .terms_list .view .memo { font-size: 20px; color: rgb(42, 43, 46); font-weight: 300; line-height: 30px; }
.singup2_con .member_type .terms_list .view .memo .comment_tit, .singup2_con .member_type .terms_list .view .memo .comment { color: red; }
.singup2_con .member_type .terms_list .view table th { background: rgb(245, 245, 245); padding: 0px 30px; height: 70px; text-align: center; border: 1px solid rgb(153, 153, 153); }
.singup2_con .member_type .terms_list .view table td { height: 70px; padding: 0px 30px; border: 1px solid rgb(153, 153, 153); font-size: 20px; line-height: 24px; }
.singup2_con .member_type .terms_list .view table td.has_chk { text-align: center; }
.singup2_con .member_type .terms_list .view table td .chk_box.type2 label::before { width: 24px; height: 24px; background: rgb(255, 255, 255); border: 2px solid var(--renew-point-color); border-radius: 6px; left: -12px; box-sizing: border-box; }
.singup2_con .member_type .terms_list .view table td .chk_box.type2 input:checked + label::before { background: url("") 0% 0% / cover; border: none; }
.singup2_con .member_type .terms_list .view .noti { font-size: 17px; color: rgb(217, 94, 50); margin-top: 20px; }
.singup3_con .member_type .tit .name strong { color: rgb(217, 94, 50); font-size: 16px; font-weight: 300; }
.singup3_con .member_type { padding-bottom: 50px; }
.singup3_con .form_wrap { padding: 0px 50px; overflow: hidden; }
.singup3_con .info_box { float: left; margin-right: 62px; }
.singup3_con .info_box .top_tit { font-size: 26px; font-weight: 700; color: rgb(42, 43, 46); line-height: 26px; margin-bottom: 30px; }
.singup3_con .info_box .box { position: relative; width: 333px; border-bottom-right-radius: 25px; background: rgba(245, 188, 13, 0.12); padding: 15px 28px; box-sizing: border-box; }
.singup3_con .info_box .box::before { content: ""; position: absolute; left: 0px; top: 0px; width: 8px; height: 100%; background: rgb(245, 188, 13); }
.singup3_con .info_box .box .name { font-size: 16px; font-weight: 700; color: rgb(42, 43, 46); line-height: 16px; margin-bottom: 7px; }
.singup3_con .info_box .box .memo { font-size: 15px; font-weight: 300; color: rgb(42, 43, 46); line-height: 24px; }
.singup3_con .info_box .box2 { margin: 64px 0px 164px; }
.singup3_con .info_box .btnV { display: block; font-size: 15px; color: rgb(132, 92, 48); margin-top: 30px; }
.singup3_con .write_form { width: 683px; padding: 40px; box-sizing: border-box; background: rgb(255, 255, 255); float: left; }
.singup3_con .write_form p { font-size: 24px; color: rgb(42, 43, 46); margin-bottom: 20px; line-height: 24px; }
.singup3_con .write_form .comment { font-size: 16px; }
.singup3_con .write_form p strong { color: rgb(217, 94, 50); }
.singup3_con .write_form > div ~ div { margin-top: 30px; }
.singup3_con .write_form > div.formemail { line-height: 60px; }
.singup3_con .write_form .text { width: 100%; height: 60px; border-bottom: 1px solid rgb(50, 50, 50); box-sizing: border-box; }
.singup3_con .write_form .text::placeholder { font-size: 22px; font-weight: 300; color: rgb(128, 128, 128); }
.singup3_con .write_form .formnum .text { width: 134px; background: rgb(237, 237, 237); vertical-align: top; padding-left: 10px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; font-size: 20px; border-bottom-style: solid; border-bottom-color: rgb(50, 50, 50); margin: 0px 4px; }
.singup3_con .write_form .btnC1 { display: inline-block; width: 136px; height: 60px; border: 1px solid rgb(46, 46, 46); border-radius: 6px; font-size: 24px; font-weight: 700; text-align: center; line-height: 60px; margin-left: 20px; }
.singup3_con .write_form .btnC2 { display: block; width: 100%; height: 50px; background: rgb(203, 219, 42); margin-top: 20px; text-align: center; line-height: 50px; border-radius: 6px; font-size: 20px; font-weight: 700; }
.signup_con .write_form .chk_wrap { padding-bottom: 27px; border-bottom: 1px solid rgb(46, 46, 46); }
.signup_con .write_form .chk.type2 ~ .chk.type2 { margin-left: 20px; }
.signup_con .write_form .chk.type2 label { padding-left: 40px; font-size: 26px; }
.signup_con .write_form .chk.type2 label::before { width: 25px; height: 25px; background: url(""); }
.signup_con .write_form .chk.type2 input:checked + label::before { background: url(""); }
.signup_con .write_form .formbirth { font-size: 22px; font-weight: 300; }
.signup_con .write_form .formbirth .select_g { position: relative; display: inline-block; width: 156px; height: 60px; line-height: 60px; }
.signup_con .write_form .formbirth .select_g ~ .select_g { margin-left: 15px; }
.signup_con .write_form .formbirth .select { width: 100%; height: 100%; padding-left: 10px; background: rgb(245, 245, 245); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(50, 50, 50); box-sizing: border-box; margin-right: 5px; font-size: 20px; }
.signup_con .write_form .formbirth .s1 { margin-left: 0px; }
.signup_con .write_form .formbirth .select_g::before { content: ""; position: absolute; top: 25px; right: 7px; width: 13px; height: 8px; background: url(""); }
.signup_con .write_form .formemail .text { width: 185px; }
.signup_con .write_form .formemail .select_g { position: relative; display: inline-block; width: 156px; height: 60px; margin-left: 20px; }
.signup_con .write_form .formemail .select { width: 100%; height: 100%; line-height: 60px; font-size: 22px; font-weight: 300; color: rgb(128, 128, 128); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(50, 50, 50); }
.signup_con .write_form .formemail .select_g::after { content: ""; position: absolute; top: 25px; right: 10px; width: 13px; height: 8px; background: url(""); }
.singup3_con .write_form .formdeputy .noti { display: inline-block; margin-left: 30px; color: rgb(217, 94, 50); font-size: 16px; }
.singup3_con .write_form .formbiznumber .text { width: 134px; background: rgb(245, 245, 245); }
.singup3_con .write_form .formsort .select { width: 100%; height: 60px; border-bottom: 1px solid rgb(50, 50, 50); font-size: 22px; color: rgb(128, 128, 128); font-weight: 300; }
.singup3_con .write_form .formaddr .text1 { width: 185px; background: rgb(245, 245, 245); }
.singup3_con .write_form .formaddr .text2 { width: 230px; margin-left: 22px; background: rgb(245, 245, 245); }
.singup3_con .write_form .formsponnum .select { width: 100%; height: 60px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(50, 50, 50); font-size: 22px; color: rgb(128, 128, 128); font-weight: 300; background: url("") calc(100% - 10px) center no-repeat; }
.singup_write1_con .member_type { border-radius: 18px; padding-bottom: 180px; }
.join { display: flex; flex-direction: column; align-items: center; }
.join_text { font-size: 20px; font-weight: 500; color: var(--renew-point-color); margin-top: 10px; }
.join_section_box { padding-bottom: 0px !important; }
.join_info_box { display: flex; flex-direction: column; }
.singup_write1_con .done_con { height: 493px; border: 1px solid rgb(206, 206, 206); border-radius: 18px; margin: 50px; }
.singup_write1_con .done_con .wrap { overflow: hidden; border-radius: 18px; }
.singup_write1_con .done_con .thum_box { position: relative; width: 430px; height: 493px; background: url("") 0% 0% / cover; float: left; }
.singup_write1_con .done_con .thum_box .txt_g { position: absolute; left: 17px; bottom: 46px; }
.singup_write1_con .done_con .thum_box .txt1 { font-size: 30px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5; }
.singup_write1_con .done_con .thum_box .txt2 { font-size: 20px; font-weight: 300; color: rgb(255, 255, 255); margin-bottom: 10px; }
.singup_write1_con .done_con .thum_box .btnG1 { position: relative; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); }
.singup_write1_con .done_con .thum_box .btnG1::before { content: ""; position: absolute; top: 5px; right: -35px; width: 26px; height: 19px; background: url(""); }
.singup_write1_con .done_con .info_box { width: 648px; height: 493px; padding: 110px 28px 110px 80px; box-sizing: border-box; background: rgb(255, 255, 255); border-radius: 18px; float: left; }
.singup_write1_con .done_con .info_box .info1 { position: relative; font-size: 45px; font-weight: 500; line-height: 1.6; margin-bottom: 40px; }
.singup_write1_con .done_con .info_box .info2 { font-size: 20px; font-weight: 500; color: rgb(153, 153, 153); margin-bottom: 35px; line-height: 1.5; }
.singup_write1_con .done_con .info_box .info3 { padding: 30px 0px; background: rgb(245, 245, 245); text-align: center; border-radius: 6px; font-size: 26px; font-weight: 300; color: rgb(46, 46, 46); letter-spacing: -1px; width: 480px; }
.singup_write1_con .done_con .info_box .info3 strong { color: var(--renew-point-color); font-weight: 700; }
.singup_write1_con .link_g { margin-top: 50px; text-align: center; }
.singup_write1_con .link_g a { display: inline-block; width: 280px; height: 60px; text-align: center; line-height: 58px; border: 1px solid var(--renew-point-color); font-size: 20px; font-weight: normal; box-sizing: border-box; }
.singup_write1_con .link_g a ~ a { margin-left: 16px; }
.singup_write1_con .link_g a span { display: inline-block; position: relative; color: var(--renew-point-color); }
.login .login_con { height: 460px; overflow: hidden; box-sizing: border-box; }
.login .login_con .thum_box { width: 480px; height: 857px; background: url("") 0% 0% / cover; float: left; }
.login .login_con .write_form .box { width: 400px; }
.login .login_con .write_form .txt { font-size: 34px; font-weight: 500; line-height: 1.29; margin-bottom: 30px; }
.login .login_con .write_form .txt strong { color: var(--renew-point-color); }
.login .login_con .write_form .text { position: relative; width: 100%; height: 60px; border: 1px solid rgb(219, 219, 219); background-color: rgb(249, 249, 249); padding-left: 30px; box-sizing: border-box; border-radius: 3px; font-family: noto; }
.login .login_con .write_form .text::placeholder { font-size: 18px; font-weight: 300; color: rgb(165, 165, 165); }
.login .login_con .write_form .text:focus { background-color: rgb(255, 255, 255); outline: 0px; }
.login .login_con .write_form .box > div { position: relative; width: 100%; }
.login .login_con .write_form .box > div ~ div { margin-top: 15px; }
.login .login_con .write_form .form_pw { margin-bottom: 20px; }
.login .login_con .write_form .form_id::before { width: 24px; height: 24px; background: url("") 0% 0% / cover; }
.login .login_con .write_form .form_pw::before { width: 19px; height: 24px; background: url("") 0% 0% / cover; }
.login .login_con .write_form .btnL { display: block; height: 60px; line-height: 60px; background: var(--renew-point-color); color: rgb(255, 255, 255); font-size: 24px; font-weight: 700; text-align: center; margin: 26px 0px; border-radius: 4px; }
.login_menu_box { width: 80%; margin: 0px auto; text-align: center; }
.login_menu_box a { display: inline-block; }
.login_menu_box > span { color: rgb(219, 219, 219); padding: 0px 10px; }
.chk_box.type3 label { padding-left: 45px; vertical-align: top; font-size: 20px; font-weight: 300; padding-top: 3px; }
.chk_box.type3 label::before { width: 25px; height: 25px; border-radius: 3px; border: 1px solid rgb(219, 219, 219); }
.chk_box.type3 input:checked + label::before { background: url(""); }
.login_con .btn_g { margin-top: 20px; }
.login_con .btn_g a { display: block; height: 48px; line-height: 48px; font-size: 18px; text-align: center; padding-left: 30px; box-sizing: border-box; border-radius: 4px; }
.login_con .btn_g a ~ a { margin-top: 20px; }
.login_con .btn_g .btnN { width: 100%; background: rgb(30, 200, 0); color: rgb(255, 255, 255); }
.login_con .btn_g .btnK { background: rgb(254, 229, 0); }
.login_con .btn_g .btnG { border: 1px solid rgb(159, 159, 159); }
.login_con .btn_g a span { display: inline-block; position: relative; color: rgb(255, 255, 255); }
.login_con .btn_g a span::before { content: ""; position: absolute; top: 9px; left: -32px; width: 30px; height: 32px; background: url("") 0% 0% / cover; }
.login_con .btn_g .btnK span::before { background: url("") 0% 0% / cover; }
.login_con .btn_g .btnG span::before { background: url("") 0% 0% / cover; }
.login_con .txt_g { margin-top: 25px; }
.login_con .txt1, .login_con .txt2 { font-size: 19px; font-weight: 300; text-align: center; letter-spacing: -1px; }
.login_con .txt1 .btnJ { display: inline-block; margin-left: 5px; color: var(--renew-point-color); font-weight: 700; margin-bottom: 20px; }
.login_con .txt2 .btn_g { display: block; }
.login_con .txt2 .btn_g a ~ a { margin-top: 0px; }
.login_con .txt2 .btnF { position: relative; display: inline-block; height: auto; line-height: 20px; color: var(--renew-point-color); }
.login_con .txt2 .btn_g a ~ a::before { content: ""; position: absolute; top: 0px; left: 15px; width: 2px; height: 19px; background: var(--renew-point-color); }
.id_chk { background-color: var(--renew-point-color); padding: 16px; border-radius: 8px; color: rgb(255, 255, 255); font-weight: 400; }
.findid_con { overflow: hidden; }
.id_chk_num_email { display: flex; justify-content: center; margin-top: 20px; align-items: center; }
.findid_con .write_form { width: auto; }
.findid_con .write_form .box { width: 450px; margin: 12px auto 0px; }
.findid_con .write_form .box > div { padding-bottom: 20px; }
.findid_con .write_form .box > div ~ div { margin-top: 30px; }
.findid_con .write_form p { font-size: 19px; }
.chk.type3 label { padding-left: 40px; }
.chk.type3 ~ .chk.type3 { margin-left: 20px; }
.chk.type3 label { font-size: 18px; vertical-align: top; }
.noti_margin { position: relative; top: 10px; }
.chk.type3 label::before { top: -2px; width: 25px; height: 25px; border: 1px solid rgb(219, 219, 219); border-radius: 5px; }
.chk.type3 input:checked + label { font-weight: 500; }
.chk.type3 input:checked + label::before { width: 25px; height: 25px; background: url("") 0% 0% / cover; }
.findid_con .form_name .text { position: relative; width: 100%; height: 60px; border: 1px solid rgb(219, 219, 219); background-color: rgb(249, 249, 249); padding-left: 15px; margin-top: 20px; box-sizing: border-box; border-radius: 3px; font-family: noto; }
.findid_con .form_name .text:focus { background-color: rgb(255, 255, 255); }
.text_label { bottom: 0px; margin-top: 13px; }
.findid_con .form_name .text::placeholder { font-size: 22px; font-weight: 300; color: rgb(128, 128, 128); }
.id_chx_box { margin-top: 20px; display: flex; align-items: center; flex-direction: row; }
.findid_con .form_tel .select_g { position: relative; display: inline-block; width: 148px; height: 60px; margin-right: 10px; font-size: 22px; color: rgb(165, 165, 165); background-color: rgb(249, 249, 249); border: 1px solid rgb(219, 219, 219); line-height: 60px; }
.findid_con .form_tel .select_g:focus { background-color: rgb(255, 255, 255); }
.findid_con .form_tel .select_g .select { width: 100%; height: 100%; }
.input_set_box { position: absolute; background-color: rgb(249, 249, 249); border: 1px solid rgb(219, 219, 219) !important; }
.findid_con .form_tel .select_g::before { content: ""; position: absolute; top: 30px; right: 8px; width: 14px; height: 8px; z-index: 1; }
.findid_con .form_tel .text { width: 125px; height: 60px; background-color: rgb(249, 249, 249); border: 1px solid rgb(219, 219, 219); margin: 0px 5px; }
.text_label_to { position: relative; top: 10px; line-height: 20px; }
.findid_con .form_tel .text:focus { background-color: rgb(255, 255, 255); }
.findid_con .info_form { width: 448px; height: 100%; background: rgb(245, 245, 245); float: left; padding-top: 190px; box-sizing: border-box; }
.findid_con .info_form i { display: block; width: 222px; height: 131px; background: url("") 0% 0% / cover; margin: 0px auto 155px; }
.findid_con .info_form .info_g { padding: 40px 30px 0px; box-sizing: border-box; border-top: 1px solid rgb(165, 165, 165); }
.findid_con .info_form .info_g li { display: flex; font-size: 18px; line-height: 27px; }
.findid_con .info_form .info_g li ~ li { margin-top: 10px; }
.findid_con .info_form .info_g li .btnL { display: inline-block; font-size: 18px; font-weight: 500; color: var(--renew-point-color); }
.findid_con .info_form .info_g .info1 .btnL { margin-left: 10px; }
.findid_con .info_form .info_g .info4 .btnL { display: block; }
.login .btnN { display: block; width: 451px; height: 70px; text-align: center; line-height: 70px; background: var(--renew-point-color); margin: 25px auto 0px; font-size: 24px; color: rgb(255, 255, 255); font-weight: 500; }
.findid_con .find_email { position: relative; line-height: 60px; margin-top: 20px; }
.findid_con .find_email input { height: 60px; border: 1px solid rgb(219, 219, 219); background-color: rgb(249, 249, 249); }
.findid_con .find_email span.select_box { right: 5px; left: auto; top: 0px; line-height: 54px; font-size: 18px; }
.finddone_con .done_con { height: 460px; border: 1px solid rgb(206, 206, 206); border-radius: 10px; }
.finddone_con .done_con .wrap { overflow: hidden; }
.finddone_con .done_con .thum_box { position: relative; width: 460px; height: 460px; float: left; background: url("") 0% 0% / cover; border-bottom-left-radius: 10px; }
.finddone_con .done_con .thum_box .txt_g { position: absolute; left: 30px; bottom: 37px; }
.finddone_con .done_con .thum_box .txt1 { font-size: 30px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5; }
.finddone_con .done_con .thum_box .txt2 { font-size: 20px; font-weight: 300; color: rgb(255, 255, 255); margin-bottom: 10px; }
.finddone_con .done_con .thum_box .btnG1 { position: relative; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); }
.finddone_con .done_con .thum_box .btnG1::before { content: ""; position: absolute; top: 5px; right: -35px; width: 26px; height: 19px; background: url(""); }
.finddone_con .done_con .info_box { width: 718px; text-align: center; padding: 68px 0px; box-sizing: border-box; float: left; }
.finddone_con .done_con .info_box i { display: block; width: 96px; height: 96px; background: url("") 0% 0% / cover; margin: 0px auto; }
.finddone_con .done_con .info_box .info1 { font-size: 26px; margin-top: 35px; }
.finddone_con .done_con .info_box .info1 strong { color: var(--renew-point-color); font-weight: 700; }
.finddone_con .done_con .info_box .info2 { width: 655px; margin: 47px auto 0px; background: rgb(245, 245, 245); padding: 26px 0px; font-size: 26px; }
.finddone_con .done_con .info_box .info2 strong { color: var(--renew-point-color); font-weight: 700; }
.finddone_con .done_con .info_box .info2 .date { font-size: 18px; font-weight: 300; }
.intro_con .top_txt { text-align: center; font-size: 28px; font-weight: 500; color: rgb(102, 102, 102); line-height: 36px; margin-bottom: 50px; }
.intro_con .top_txt strong { color: var(--renew-point-color); }
.intro_con .detail { display: flex; }
.intro_con .detail .thum { width: 580px; height: 322px; background: url("") 0px 0px no-repeat; }
.intro_con .detail .memo_g { width: 540px; margin-left: 20px; }
.intro_con .detail .memo_g .memo1 { font-size: 20px; font-weight: 500; color: rgb(0, 0, 0); line-height: 20px; }
.intro_con .detail .memo_g .memo2 { font-size: 17px; line-height: 27px; color: var(--renew-point-color); margin-bottom: 20px; }
.intro_con .detail .memo_g .memo3 { font-size: 17px; color: rgb(102, 102, 102); }
.intro_con .link_g { margin-top: 80px; }
.intro_con .link_g ul { display: flex; }
.intro_con .link_g li { position: relative; width: 380px; height: 250px; z-index: 1; }
.intro_con .link_g li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: -1; }
.intro_con .link_g li ~ li { margin-left: 20px; }
.intro_con .link_g .link1 { background: url("") 0% 0% / cover; }
.intro_con .link_g .link2 { background: url("") 0% 0% / cover; }
.intro_con .link_g .link3 { background: url("") 0% 0% / cover; }
.intro_con .link_g li a { position: absolute; left: 48px; bottom: 48px; display: block; width: 284px; height: 70px; border: 2px solid rgb(255, 255, 255); box-sizing: border-box; text-align: center; line-height: 70px; color: rgb(255, 255, 255); z-index: 1; }
.login-title { color: rgb(255, 255, 255); display: block; background: var(--renew-point-color); border-radius: 10px; padding: 29px 32px; font-weight: 500; font-size: 22px !important; }
.findidpw-area { border: 1px solid rgb(228, 228, 228); padding: 50px; box-sizing: border-box; text-align: center; font-size: 20px; line-height: 32px; }
.login-notice { margin-top: 30px; }
.login-notice li { position: relative; width: 100%; float: none; padding-left: 18px; font-size: 20px; line-height: 35px; }
.login-notice li { position: relative; width: 100%; float: none; padding-left: 18px; font-size: 20px; line-height: 35px; }
.login-notice li::before { content: ""; position: absolute; top: 15px; left: 0px; width: 6px; height: 6px; background: var(--renew-point-color); border-radius: 50%; }
.confirm-num-box { font-size: 19px; line-height: 60px; margin-top: -20px; margin-bottom: 20px; }
.confirm-num-box .inner label { margin-right: 9px; font-weight: 600; }
.confirm-num-box button { background: rgb(34, 34, 34); color: rgb(255, 255, 255); min-width: 150px; height: 54px; line-height: 54px; font-weight: 500; display: inline-block; text-align: center; vertical-align: top; margin-left: 15px; }
.btn-small { display: inline-block; font-size: 17px; border: 1px solid var(--renew-point-color); padding: 0px 12px; color: var(--renew-point-color); margin-left: 10px; }
.intx { padding: 0px 0px 0px 20px; width: 100%; background: rgb(242, 242, 242); font-size: 20px; color: rgb(16, 16, 16); font-weight: 500; height: 58px; line-height: 58px; transition: all 0.5s ease 0s; }
.book .researh_list li a p.tit { word-break: keep-all; height: 61px; }
.book .researh_list::before { bottom: initial; top: 336px; }
.wichog { display: inline-block; background-color: rgb(185, 185, 185); padding: 3px 10px 4px; border-radius: 13px; margin-top: 13px; color: rgb(255, 255, 255) !important; }
.map_name { left: 7%; }
.area { cursor: pointer; }
.on_p { display: block !important; }
.list_box_p { max-height: 541px; }
.list_box_p img { width: 100%; }
.img_resize { text-align: center; }
.cont-intro .sub-support .img_resize img { width: auto; }
.people_sup { display: flex; flex-direction: column; align-items: center; }
.list_over { overflow: hidden overlay; }
.profile_h1 { font-size: 27px; font-weight: 600; }
.area_box { display: none; height: 460px; }
.pro_out_box { width: 100%; margin-top: 30px; }
.pro_1 { width: 100%; height: 100%; }
.pro_1 > ul { display: flex; flex-direction: row; align-items: center; line-height: initial; }
.pro_1 > ul > li { font-size: 14px; }
.pro_1 > ul > li:first-child { width: 100px; height: 100px; border-radius: 100%; overflow: hidden; margin-right: 20px; margin-left: 10px; }
.pro_1 > ul > li:first-child > img { width: 105%; }
.pro_1 > ul > li strong { color: rgb(0, 0, 0); }
.pro_1 > ul > li:nth-child(2) { color: gray; }
.pro_2 { height: 100%; display: flex; flex-direction: column; justify-content: flex-start; margin-left: 10px; }
.pro_2 > ul { margin-top: 15px; }
.pro_2 > ul > li { font-size: 15px; line-height: initial; }
.button_box { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 50px 0px 0px; }
.button_box > div > a { margin: 0px 6px; text-align: center; display: block; border: 1px solid var(--renew-point-color); font-size: 20px; height: 60px; line-height: 60px; box-sizing: border-box; color: var(--renew-point-color); width: 280px; }
.about_tab_cont { margin-top: 60px; }
.about_tab_cont .about_cont_inner { letter-spacing: -2px; }
.about_tab_cont .about_cont_inner .txt_top { font-size: 42px; line-height: 54px; letter-spacing: -2px; text-align: center; margin-bottom: 40px; }
.about_tab_cont .about_cont_inner .txt_top > p > span { display: block; color: var(--renew-point-color); }
.about_tab_cont .about_cont_inner .about_img_area { width: 100%; height: 450px; background-image: url(""); background-repeat: no-repeat; background-position: center center; }
.about_tab_cont .about_cont_inner .cont_about_grid { margin-top: 50px; display: flex; flex-direction: row; margin-bottom: 120px; }
.about_tab_cont .about_cont_inner .cont_about_grid:last-child { margin-bottom: 0px; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_left { width: 360px; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_left h5 { font-size: 42px !important; font-weight: 700 !important; line-height: 54px !important; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_left small { font-size: 20px; font-weight: 700; letter-spacing: initial; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right { width: 840px; font-size: 20px; line-height: 32px; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right p { margin-bottom: 30px; word-break: keep-all; text-align: justify; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right .about_link_area { margin-top: 60px; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right .about_link_area ul { display: flex; flex-direction: row; margin-left: -6px; margin-right: -6px; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right .about_link_area ul li { width: 33.3333%; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right .about_link_area ul li > a { margin: 0px 6px; text-align: center; display: block; border: 1px solid var(--renew-point-color); font-size: 20px; height: 58px; line-height: 58px; box-sizing: border-box; color: var(--renew-point-color); }
.about_tab_cont .about_cont_inner.international_child .about_img_area { background-image: url(""); }
.about_tab_cont .about_cont_inner.international_child .nation_list > ul { display: flex; flex-flow: wrap; margin-right: -5px; margin-left: -5px; }
.about_tab_cont .about_cont_inner.international_child .nation_list > ul > li { width: 20%; }
.about_tab_cont .about_cont_inner.international_child .nation_list > ul > li > a { margin: 5px; display: block; border: 1px solid rgb(206, 206, 206); }
.about_tab_cont .about_cont_inner.international_child .nation_list > ul > li > a > .img_box { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 86px; background-color: rgb(245, 245, 245); border-bottom: 1px solid rgb(206, 206, 206); }
.about_tab_cont .about_cont_inner.international_child .nation_list > ul > li > a > .nation { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 50px; color: rgb(102, 102, 102); }
.about_tab_cont .about_cont_inner.international_child .vision_list > li { padding: 30px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.about_tab_cont .about_cont_inner.international_child .vision_list > li:first-child { padding-top: 0px; }
.about_tab_cont .about_cont_inner.international_child .vision_list > li:last-child { border-bottom: 0px; }
.about_tab_cont .about_cont_inner.international_child .vision_list > li > .inner { padding-left: 100px; position: relative; height: 68px; }
.about_tab_cont .about_cont_inner.international_child .vision_list > li > .inner::before { content: ""; display: block; width: 82px; height: 68px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; }
.about_tab_cont .about_cont_inner.international_child .vision_list > li.vision > .inner::before { background-image: url(""); }
.about_tab_cont .about_cont_inner.international_child .vision_list > li.mission > .inner::before { background-image: url(""); }
.about_tab_cont .about_cont_inner.international_child .vision_list > li.rule > .inner::before { background-image: url(""); }
.about_tab_cont .about_cont_inner.international_child .vision_list > li > .inner > h6 { font-size: 24px; font-weight: 700; }
.about_tab_cont .about_cont_inner.international_child .vision_list > li > .inner > p { font-size: 20px; font-weight: 400; }
.about_tab_cont .about_cont_inner.international_child .plan_list > li { padding: 30px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.about_tab_cont .about_cont_inner.international_child .plan_list > li:first-child { padding-top: 0px; }
.about_tab_cont .about_cont_inner.international_child .plan_list > li:last-child { border-bottom: 0px; }
.about_tab_cont .about_cont_inner.international_child .plan_list > li > h6 { font-size: 24px; font-weight: 700; margin-bottom: 5px; }
.about_tab_cont .about_cont_inner.international_child .plan_list > li > p { font-size: 20px; font-weight: 400; line-height: 32px; margin-bottom: 0px; }
.cont_grid_wrap { display: flex; flex-direction: row; margin-left: -12px; margin-right: -12px; }
.cont_grid_wrap.flex_wrap { flex-wrap: wrap; }
.cont_grid_wrap .col { padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
.cont_grid_wrap .col.col_1 { width: 8.33333%; }
.cont_grid_wrap .col.col_2 { width: 16.6667%; }
.cont_grid_wrap .col.col_3 { width: 25%; }
.cont_grid_wrap .col.col_4 { width: 33.3333%; }
.cont_grid_wrap .col.col_5 { width: 41.6667%; }
.cont_grid_wrap .col.col_6 { width: 50%; }
.cont_grid_wrap .col.col_7 { width: 58.3333%; }
.cont_grid_wrap .col.col_8 { width: 66.6667%; }
.cont_grid_wrap .col.col_9 { width: 75%; }
.cont_grid_wrap .col.col_10 { width: 83.3333%; }
.cont_grid_wrap .col.col_11 { width: 91.6667%; }
.cont_grid_wrap .col.col_12 { width: 100%; }
.tab-type2.fix-width-tab > li { width: 295px; }
.mb4 { margin-bottom: 4px !important; }
.pl40 { padding-left: 40px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pt30 { padding-top: 30px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb20 { padding-bottom: 20px !important; }
.cont_support_top { width: 1200px; height: 480px; margin: 70px auto 0px; background-repeat: no-repeat; background-position: center center; position: relative; letter-spacing: -1.2px; }
.cont_support_top .top_txt { display: inline-block; font-size: 42px; line-height: 52px; color: var(--renew-point-color); font-weight: 400; position: relative; padding-left: 28px; margin-top: 125px; margin-left: 100px; }
.cont_support_top .top_txt > span { display: inline-block; color: rgb(34, 34, 34); font-weight: 700; position: relative; }
.cont_support_top .top_txt > span::after { content: ""; display: block; width: 22px; height: 16px; position: absolute; bottom: -8px; right: -30px; background-image: url(""); background-position: -20px 0px; }
.cont_support_top .top_txt::before { content: ""; display: block; width: 20px; height: 16px; position: absolute; top: -3px; left: 0px; background-image: url(""); background-position: 0px 0px; }
.cont_support_top .support_top_btn_area { width: 996px; background-color: rgb(255, 255, 255); height: 76px; padding: 36px 44px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
.cont_support_top .support_top_btn_area .btn_area_inner { height: 100%; align-items: center; }
.cont_support_top .support_top_btn_area .btn_area_inner .txt_box { font-size: 20px; line-height: 28px; color: rgb(51, 51, 51); }
.cont_support_top .support_top_btn_area .btn_area_inner .btn_box { text-align: right; }
.cont_support_top .support_top_btn_area .btn_area_inner .btn_box > a { display: inline-block; width: 252px; height: 100%; background-color: var(--renew-point-color); color: rgb(255, 255, 255); padding: 27px 32px; font-size: 24px; font-weight: 500; text-align: left; position: relative; }
.cont_support_top .support_top_btn_area .btn_area_inner .btn_box > a::after { content: ""; display: block; width: 46px; height: 16px; background-image: url(""); background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 32px; transition: all 0.4s linear 0s; }
.cont_support_top .support_top_btn_area .btn_area_inner .btn_box > a:hover::after { right: 22px; }
.cont_support_box { letter-spacing: -1.2px; margin-top: 120px !important; margin-bottom: 120px !important; }
.cont_support_box.bg_green_box { background-color: rgb(232, 246, 238); padding-top: 120px; padding-bottom: 120px; }
.cont_support_box h4 { font-size: 42px; line-height: 52px; color: rgb(34, 34, 34); font-weight: 700; }
.cont_support_box h4 > span { font-weight: 400; }
.cont_support_box .support_business_list { margin-bottom: 120px; }
.cont_support_box .support_business_list > li { margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid rgb(206, 206, 206); }
.cont_support_box .support_business_list > li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }
.cont_support_box .support_business_list h5 { font-size: 32px; line-height: 40px; font-weight: 700; position: relative; }
.cont_support_box .support_business_list h5::before { content: ""; display: block; width: 28px; height: 3px; background-color: var(--renew-point-color); margin-bottom: 14px; }
.cont_support_box .support_business_list .title_txt { margin-top: 70px; font-size: 20px; font-weight: 400; color: rgb(102, 102, 102); line-height: 32px; }
.cont_support_box .support_business_list > li > div > div > ul > li { margin-bottom: 24px; }
.cont_support_box .support_business_list > li > div > div > ul > li:last-child { margin-bottom: 0px; }
.cont_support_box .support_business_list > li > div > div > ul > li > .inner { background-color: rgb(245, 245, 245); border-radius: 40px 0px 0px; height: 388px; padding: 52px 40px 0px; position: relative; }
.cont_support_box .support_business_list > li > div > div > ul > li > .inner h6 { font-size: 20px; color: var(--renew-point-color); font-weight: 700; margin-bottom: 23px; }
.cont_support_box .support_business_list > li > div > div > ul > li > .inner p { font-size: 18px; color: rgb(34, 34, 34); line-height: 30px; }
.cont_support_box .support_business_list > li > div > div > ul > li > .inner::after { content: ""; display: block; position: absolute; right: 32px; bottom: 32px; background-position: center center; background-repeat: no-repeat; }
.cont_support_box .support_benefit_list { margin-top: 50px; }
.cont_support_box .support_benefit_list > ul > li { margin-bottom: 24px; }
.cont_support_box .support_benefit_list > ul > li:nth-child(4), .cont_support_box .support_benefit_list > ul > li:nth-child(5), .cont_support_box .support_benefit_list > ul > li:nth-child(6) { margin-bottom: 0px; }
.cont_support_box .support_benefit_list > ul > li > .inner { background-color: rgb(255, 255, 255); border-radius: 40px 0px 0px; padding: 48px 40px; height: 220px; position: relative; }
.cont_support_box .support_benefit_list > ul > li > .inner h5 { color: var(--renew-point-color); font-size: 20px; font-weight: 700; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 2px solid rgb(51, 51, 51); }
.cont_support_box .support_benefit_list > ul > li > .inner h5::before { content: ""; display: block; width: 72px; height: 72px; background-repeat: no-repeat; background-position: left top; background-size: contain; margin-bottom: 30px; }
.cont_support_box .support_benefit_list > ul > li > .inner::before { content: ""; display: block; height: 69px; position: absolute; top: 48px; right: 40px; background-image: url(""); }
.cont_support_box .support_benefit_list > ul > li:nth-child(1) > .inner::before { width: 27px; background-position: 0px 0px; }
.cont_support_box .support_benefit_list > ul > li:nth-child(2) > .inner::before { width: 49px; background-position: -27px 0px; }
.cont_support_box .support_benefit_list > ul > li:nth-child(3) > .inner::before { width: 49px; background-position: -76px 0px; }
.cont_support_box .support_benefit_list > ul > li:nth-child(4) > .inner::before { width: 52px; background-position: -125px 0px; }
.cont_support_box .support_benefit_list > ul > li:nth-child(5) > .inner::before { width: 49px; background-position: -177px 0px; }
.cont_support_box .support_benefit_list > ul > li:nth-child(6) > .inner::before { width: 50px; background-position: -226px 0px; }
.cont_support_box .support_benefit_list > ul > li > .inner p { color: rgb(34, 34, 34); font-size: 18px; line-height: 26px; font-weight: 400; }
.cont_support_box .support_benefit_list > ul > li > .inner .more { position: absolute; top: 149px; right: 40px; font-size: 16px; color: rgb(102, 102, 102); display: flex; flex-direction: row; align-items: center; }
.cont_support_box .support_benefit_list > ul > li > .inner .more::after { content: ""; display: inline-block; width: 22px; height: 22px; margin-left: 8px; background-image: url(""); background-repeat: no-repeat; background-position: center center; }
.cont_support_box .support_benefit_list > ul > li > .inner .more:hover::after { background-image: url(""); transform: rotate(180deg); transition: all 0.3s ease-in-out 0s; }
.cont_support_box .movie.cont_support_movie { padding: 56px 0px 110px; }
.cont_support_box .movie.cont_support_movie::after { display: none; }
.cont_support_box .movie.cont_support_movie .cons { width: 100%; }
.cont_support_box .movie.cont_support_movie .movieSlider1 { margin-right: 24px; height: 504px; width: 895px; }
.cont_support_box .movie.cont_support_movie .movieSlider1 .slide { height: 504px; }
.cont_support_box .movie.cont_support_movie .movieSlider1 .slide a { width: 132px; height: 132px; }
.cont_support_box .movie.cont_support_movie .movieSlider2, .cont_support_box .movie.cont_support_movie .movieSlider2 .slick-list { width: 282px; height: 504px !important; }
.cont_support_box .movie.cont_support_movie .movieSlider2 .slick-slide ~ .slick-slide { margin-top: 14px; background-size: cover !important; }
.cont_support_box .movie.cont_support_movie .movieSlider2 .item { height: 159px; border: 0px; }
.cont_support_box .cont_support_banner_area { width: 100%; height: 210px; background-repeat: no-repeat; background-position: center center; position: relative; }
.cont_support_box .cont_support_banner_area .btn_support_banner { position: absolute; bottom: 54px; left: 72px; background-color: var(--renew-point-color); padding: 14px 24px; }
.cont_support_box .cont_support_banner_area .btn_support_banner > a { display: inline-block; color: rgb(255, 255, 255); font-size: 20px; font-weight: normal; }
.cont_support_box .cont_support_banner_area .btn_support_banner > a::after { content: ""; display: inline-block; width: 29px; height: 14px; background-image: url(""); background-repeat: no-repeat; margin-left: 16px; transition: all 0.4s linear 0s; }
.cont_support_box .cont_support_banner_area .btn_support_banner > a:hover::after { transform: translateX(10px); }
.scrollLock { width: 100%; height: 100vh; touch-action: none; overflow: hidden !important; }
.layerPopup-wrap { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 9999; overflow-y: auto; }
.layerPopup-wrap .bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background: rgba(255, 255, 255, 0); z-index: 1; }
.layerPopup-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90vw; max-height: 90vh; background: rgb(255, 255, 255); z-index: 2; }
.layerPopup-inner .btn-layerPopup-close { position: absolute; top: 24px; right: 24px; width: 34px; height: 34px; background-image: url(""); background-repeat: no-repeat; background-position: center center; text-indent: -99999em; }
.cont_support_top.regular_top { background-color: rgb(227, 229, 228); background-image: url(""); }
.cont_support_box .support_business_list .domesticBiz_list li > .inner::after { width: 216px; height: 176px; }
.cont_support_box .support_business_list .domesticBiz_list li:nth-child(1) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .domesticBiz_list li:nth-child(2) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .domesticBiz_list li:nth-child(3) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .domesticBiz_list li:nth-child(4) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .domesticBiz_list li:nth-child(5) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .outBiz_list li > .inner::after { width: 216px; height: 176px; }
.cont_support_box .support_business_list .outBiz_list li:nth-child(1) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .outBiz_list li:nth-child(2) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .outBiz_list li:nth-child(3) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .outBiz_list li:nth-child(4) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .outBiz_list li:nth-child(3) { margin-bottom: 0px; }
.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(1) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(2) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(3) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(4) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(5) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .regular_benefit > li:nth-child(6) > .inner h5::before { background-image: url(""); }
.cont_support_box .cont_support_banner_area.regular_banner { background-image: url(""); }
.cont_support_top.irregular_top { background-color: rgb(227, 229, 228); background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li > .inner::after { width: 180px; height: 180px; }
.cont_support_box .support_business_list .annivasary_list li:nth-child(1) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li:nth-child(2) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li:nth-child(3) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li:nth-child(4) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li:nth-child(5) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li:nth-child(6) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .annivasary_list li:nth-child(5) { margin-bottom: 0px; }
.cont_support_box .ars_info { padding: 80px 40px; background-color: rgb(245, 245, 245); border-radius: 40px 0px 0px; }
.cont_support_box .ars_info h6 { font-size: 20px; color: var(--renew-point-color); font-weight: 700; margin-bottom: 48px; }
.cont_support_box .ars_info ul li { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 52px; padding-bottom: 52px; border-bottom: 1px solid rgb(206, 206, 206); }
.cont_support_box .ars_info ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border: 0px; }
.cont_support_box .ars_info ul li:last-child:not(:first-child) .txt_area { margin-top: 18px; }
.cont_support_box .ars_info ul li .img_area { width: 280px; margin-right: 32px; text-align: center; }
.cont_support_box .ars_info ul li .txt_area { width: 400px; }
.cont_support_box .ars_info ul li .txt_area .ars_number { font-size: 42px; font-weight: 700; color: var(--renew-point-color); margin-bottom: 25px; }
.cont_support_box .ars_info ul li .txt_area .txt { font-size: 18px; line-height: 30px; color: rgb(51, 51, 51); margin-top: -7px; }
.cont_support_box .ars_info ul li .txt_area .txt > strong { font-weight: 700; }
.cont_support_box .ars_info ul li .txt_area .ars_link { margin-top: 36px; }
.cont_support_box .ars_info ul li .txt_area .ars_link a { color: rgb(102, 102, 102); font-size: 18px; font-weight: 400; display: flex; flex-direction: row; align-items: center; }
.cont_support_box .ars_info ul li .txt_area .ars_link a::after { content: ""; display: inline-block; width: 22px; height: 22px; margin-left: 8px; background-image: url(""); background-repeat: no-repeat; background-position: center center; }
.cont_support_box .ars_info ul li .txt_area .ars_link a:hover::after { background-image: url(""); transform: rotate(180deg); transition: all 0.3s ease-in-out 0s; }
.cont_support_box .cont_support_banner_area.irregular_banner { background-image: url(""); }
.cont_support_top.bondingOut_top { background-color: rgb(227, 229, 228); background-image: url(""); }
.cont_support_top.bonding_top { background-color: rgb(227, 229, 228); background-image: url(""); }
.cont_support_box .bonding_faq { margin-top: 80px; margin-bottom: 200px; }
.cont_support_box .bonding_faq > li > .inner { background-color: rgb(228, 243, 236); padding: 56px 0px 56px 64px; border-radius: 40px 0px 0px; position: relative; }
.cont_support_box .bonding_faq > li > .inner .icon_txt { font-size: 24px; line-height: 32px; color: rgb(34, 34, 34); display: flex; flex-direction: row; align-items: center; }
.cont_support_box .bonding_faq > li > .inner .icon_txt::before { content: ""; display: block; width: 120px; height: 128px; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-right: 28px; }
.cont_support_box .bonding_faq > li:first-child > .inner .icon_txt::before { background-image: url(""); }
.cont_support_box .bonding_faq > li:last-child > .inner .icon_txt::before { background-image: url(""); }
.cont_support_box .bonding_faq.domestic_faq > li:first-child > .inner .icon_txt::before { background-image: url(""); }
.cont_support_box .bonding_faq.domestic_faq > li:last-child > .inner .icon_txt::before { background-image: url(""); }
.cont_support_box .bonding_faq > li > .inner .icon_txt p > span { font-weight: 700; position: relative; }
.cont_support_box .bonding_faq > li > .inner .icon_txt p > span::after { content: ""; display: block; width: 100%; height: 2px; background-color: rgb(34, 34, 34); position: absolute; bottom: 0px; left: 0px; }
.cont_support_box .bonding_faq > li > .inner .bottom_txt { position: absolute; bottom: -56px; left: 0px; width: 100%; height: 60px; line-height: 60px; background-color: var(--renew-point-color); text-align: center; font-size: 20px; }
.cont_support_box .bonding_faq > li > .inner .bottom_txt > a { color: rgb(255, 255, 255); display: flex; flex-direction: row; align-items: center; justify-content: center; }
.cont_support_box .bonding_faq > li > .inner .bottom_txt > a::after { content: ""; display: inline-block; width: 29px; height: 14px; background-image: url(""); background-repeat: no-repeat; margin-left: 16px; transition: all 0.4s linear 0s; }
.cont_support_box .bonding_faq > li > .inner .bottom_txt > a:hover::after { transform: translateX(10px); }
.cont_support_box .support_business_list .bonding_effect_list li > .inner::after { width: 216px; height: 176px; background-position: right center; }
.cont_support_box .support_business_list .bonding_effect_list li:nth-child(1) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list li:nth-child(2) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list li:nth-child(3) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list li:nth-child(4) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list.domestic li:nth-child(1) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list.domestic li:nth-child(2) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list.domestic li:nth-child(3) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list.domestic li:nth-child(4) > .inner::after { background-image: url(""); }
.cont_support_box .support_business_list .bonding_effect_list li > div > ul > li { font-size: 18px; color: rgb(51, 51, 51); line-height: 30px; display: flex; flex-direction: row; align-items: center; }
.cont_support_box .support_business_list .bonding_effect_list li > div > ul > li::before { content: ""; width: 5px; height: 2px; background-color: rgb(85, 85, 85); margin-right: 5px; }
.cont_support_box .support_benefit_list .bonding_benefit > li:nth-child(1) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li:nth-child(2) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li:nth-child(3) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li:nth-child(4) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li:nth-child(5) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li:nth-child(6) > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li.benefit-report > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li.benefit-letter > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li.benefit-webzine > .inner h5::before { background-image: url(""); }
.cont_support_box .support_benefit_list .bonding_benefit > li.benefit-donationReceipt > .inner h5::before { background-image: url(""); }
.cont_support_box .cont_support_banner_area.bondingOut_banner { background-image: url(""); }
.cont_support_box .cont_support_banner_area.bonding_banner { background-image: url(""); }
.layerPopup-inner.layerPopup-bonding { width: 996px; height: auto; border-radius: 40px 0px 0px; box-shadow: rgba(0, 0, 0, 0.2) 8px 9px 40px 0px; max-height: fit-content; }
.layerPopup-inner.layerPopup-bonding::after { content: ""; display: block; position: absolute; top: 0px; right: 0px; width: 350px; height: 100%; background-color: rgb(228, 243, 236); z-index: -1; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont { position: relative; font-size: 20px; line-height: 32px; color: rgb(51, 51, 51); padding: 106px 88px 90px; background-image: url(""); background-repeat: no-repeat; background-position: 580px 60px; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont .question { position: absolute; top: 125px; left: 611px; font-size: 26px; line-height: 34px; color: var(--renew-point-color); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont .question.line-4 { top: 105px; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont .question > span { display: inline-block; color: rgb(255, 255, 255); background-color: var(--renew-point-color); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > p { margin-bottom: 40px; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > p:last-child { margin-bottom: 0px; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont .txt_point { font-weight: 700; border-bottom: 2px solid rgb(51, 51, 51); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li { padding-bottom: 30px; display: flex; flex-direction: row; position: relative; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:last-child { padding-bottom: 0px; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:last-child::after { display: none; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li::before { content: ""; display: block; width: 96px; height: 96px; background-position: center center; background-size: contain; margin-right: 25px; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:nth-child(1)::before { background-image: url(""); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:nth-child(2)::before { background-image: url(""); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:nth-child(3)::before { background-image: url(""); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:nth-child(4)::before { background-image: url(""); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li:nth-child(5)::before { background-image: url(""); }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li::after { content: ""; display: block; width: 2px; height: 100%; background-color: rgb(245, 245, 245); position: absolute; bottom: 0px; left: 47px; z-index: -1; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li > .list_inner > h6 { font-size: 20px; color: var(--renew-point-color); font-weight: 700; }
.layerPopup-inner.layerPopup-bonding .layerPopup-cont > ol > li > .list_inner > p { font-size: 18px; line-height: 24px; color: rgb(34, 34, 34); font-weight: 400; }
.layerPopup-wrap.modal2 .layerPopup-inner.layerPopup-bonding .layerPopup-cont { padding: 45px 88px; }
#contId2 .layerPopup-inner.layerPopup-bonding .layerPopup-cont { height: 336px; background-image: url(""); }
#contId2 .layerPopup-inner.layerPopup-bonding .layerPopup-cont .question { top: 335px; left: 637px; }
#contId2 .layerPopup-inner.layerPopup-bonding .layerPopup-cont .question.line-4 { top: 317px; }
.cont_support_box .support_business_list .ars_info { position: relative; }
.cont_support_box .ars_info.star_small_info h6 { margin-bottom: 23px; }
.cont_support_box .support_business_list .inner.bgimg_chw::after { content: ""; display: block; position: absolute; bottom: 30px; right: 30px; width: 182px; height: 179px; background-image: url(""); }
.cont_support_box .support_business_list .inner.bgimg_chw > p { font-size: 18px; color: rgb(34, 34, 34); line-height: 30px; }
.cont_support_box .support_business_list .inner.bgimg_chw > p:nth-child(2) { margin-top: 17px; }
.cont_support_box .support_business_list .inner.bgimg_chw .btn_box { margin-top: 21px; }
.cont_support_box .support_business_list .inner.bgimg_chw .btn_box .btn_dk_green_line { display: block; width: 280px; height: 60px; text-align: center; font-size: 20px; font-weight: normal; color: var(--renew-point-color); line-height: 58px; background-color: rgb(255, 255, 255); border: 1px solid var(--renew-point-color); box-sizing: border-box; }
.new_sub_cont { margin-top: 60px; color: rgb(34, 34, 34); text-align: initial; }
.new_sub_cont .txt_top { font-size: 42px; line-height: 54px; letter-spacing: -2px; text-align: center; margin-bottom: 40px; }
.new_sub_cont .txt_top > p > span { display: block; color: var(--renew-point-color); }
.new_sub_cont .main_img_area { width: 100%; height: 450px; background-repeat: no-repeat; background-position: center center; }
.new_sub_cont .cont_half_grid { margin-top: 50px; display: flex; flex-direction: row; margin-bottom: 120px; }
.new_sub_cont .cont_half_grid:last-child { margin-bottom: 0px; }
.new_sub_cont .cont_half_grid > .cont_left { width: 360px; }
.new_sub_cont .cont_half_grid > .cont_left h5 { font-size: 42px !important; font-weight: 700 !important; line-height: 54px !important; }
.new_sub_cont .cont_half_grid > .cont_left small { font-size: 20px; font-weight: 700; letter-spacing: initial; }
.new_sub_cont .cont_half_grid > .cont_right { width: 840px; font-size: 20px; line-height: 32px; }
.new_sub_cont .cont_half_grid > .cont_right p { word-break: keep-all; text-align: justify; }
@font-face { font-family: GmarketSans; font-weight: 700; src: url("") format("woff"); }
.new_sub_cont .main_img_area.institute_intro_main { background-image: url(""); }
.institute_intro_list { border-top: 2px solid rgb(34, 34, 34); border-bottom: 2px solid rgb(34, 34, 34); margin-top: 40px; }
.institute_intro_list > ul > li { border-right: 1px solid rgb(221, 221, 221); }
.institute_intro_list > ul > li:last-child { border-right: 0px; }
.institute_intro_list > ul > li > .inner { padding: 32px 12px; height: 196px; position: relative; }
.institute_intro_list > ul > li > .inner h6 { font-size: 24px; font-weight: 700; position: relative; }
.institute_intro_list > ul > li > .inner h6::after { content: ""; display: block; width: 48px; height: 48px; position: absolute; top: 0px; right: 0px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.institute_intro_list > ul > li:nth-child(1) > .inner h6::after { background-image: url(""); }
.institute_intro_list > ul > li:nth-child(2) > .inner h6::after { background-image: url(""); }
.institute_intro_list > ul > li:nth-child(3) > .inner h6::after { background-image: url(""); }
.institute_intro_list > ul > li > .inner h6 > span { font-size: 16px; font-weight: 400; display: block; margin-top: -5px; }
.institute_intro_list > ul > li > .inner > .number { position: absolute; bottom: 30px; right: 12px; font-family: GmarketSans; font-weight: 700; font-size: 50px; }
.institute_intro_list > ul > li > .inner > .number > span { font-size: 20px; font-weight: 400; font-family: "Noto Sans KR"; margin-left: 4px; }
.institute_biz_list > li { padding: 30px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.institute_biz_list > li:first-child { padding-top: 0px; }
.institute_biz_list > li:last-child { border-bottom: 0px; }
.institute_biz_list > li > .inner { padding-left: 100px; position: relative; }
.institute_biz_list > li > .inner::before { content: ""; display: block; width: 82px; height: 68px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.institute_biz_list > li:nth-child(1) > .inner::before { background-image: url(""); }
.institute_biz_list > li:nth-child(2) > .inner::before { background-image: url(""); }
.institute_biz_list > li:nth-child(3) > .inner::before { background-image: url(""); }
.institute_biz_list > li > .inner > h6 { font-size: 24px; font-weight: 700; }
.institute_biz_list > li > .inner > p { font-size: 20px; font-weight: 400; }
.table_border { border-top: 2px solid rgb(34, 34, 34); border-bottom: 2px solid rgb(34, 34, 34); letter-spacing: -1px; }
.table_border th { background-color: rgb(245, 245, 245); text-align: left; }
.table_border th, .table_border td { padding: 24px; border-bottom: 1px solid rgb(206, 206, 206); }
.intro-support .tab-type2 li { width: 290px; }
.intro-support .slide_area.supportSlide01 { width: 1200px; }
.intro-support .slide_area.supportSlide01 .slide_next01, .intro-support .slide_area.supportSlide01 .slide_prev01 { top: initial; bottom: 15px; }
.intro-support .slide_area.supportSlide01 .slide_prev01 { right: 53px; left: initial; }
.intro-support .slide_area.supportSlide02 { width: 100%; margin-top: 35px; }
.intro-support .slide_area.supportSlide02 .slide_next02, .intro-support .slide_area.supportSlide02 .slide_prev02 { top: initial; bottom: 15px; }
.intro-support .slide_area.supportSlide02 .slide_prev02 { right: 53px; left: initial; }
.main_img_area.introSupport_img_area { background-image: url(""); }
.cont-intro .people.new_people { margin-top: 0px; }
.cont-intro .people.new_people .people_sup { padding-top: 10px; }
.cont-intro .people.new_people .people_sup .person { width: 100%; margin-bottom: 7px; }
.cont-intro .people.new_people .people_sup .person .person_top { padding-right: 0px; }
.cont-intro .people.new_people .people_sup .person .person_top .map_wrap { background-position: center center; }
.cont-intro .people.new_people .people_sup .list_box_p { width: 100%; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner { display: flex; flex-flow: wrap; justify-content: flex-start; margin-left: 10px; margin-right: 10px; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box { width: 50%; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .box_inner { padding: 20px 25px; margin: 7px; border: 1px solid rgb(206, 206, 206); height: 380px; border-radius: 10px; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .profile_h1 { display: inline-block; position: relative; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .profile_h1::after { content: ""; display: inline-block; position: absolute; bottom: -7px; left: 0px; width: 100%; height: 3px; background-color: rgb(0, 0, 0); }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_1 > ul > li > ul > li > p > span { position: relative; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_1 > ul > li > ul > li > p > span::before { content: ""; display: inline-block; width: 2px; height: 10px; background-color: rgb(204, 204, 204); margin: 0px 8px 0px 12px; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > p { position: relative; padding-left: 10px; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > p::before { content: ""; width: 4px; height: 4px; border-radius: 50%; display: block; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background-color: rgb(206, 206, 206); }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > ul { margin-left: 10px; }
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > ul > li { font-size: 14px; margin: 3px 0px; }
.cont-intro .introSupport-org { position: relative; }
.cont-intro .introSupport-org img { width: 100%; max-width: 100%; }
.cont-intro .introSupport-org .btn-viewExpand { position: absolute; top: 0px; right: 0px; display: inline-block; padding: 2px 13px; border: 1px solid rgb(198, 198, 198); color: rgb(34, 34, 34); font-size: 15px; }
.cont-intro .introSupport-org .btn-viewExpand > span { display: flex; flex-direction: row; align-items: center; }
.cont-intro .introSupport-org .btn-viewExpand > span::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(""); background-repeat: no-repeat; background-position: center center; margin-right: 5px; }
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap { width: 1200px; height: auto !important; }
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap .popup-body .body-cont { max-height: 650px; padding: 0px; overflow-y: hidden; }
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap .popup-cont .body-cont img { width: 100%; max-height: 100%; }
.new_error_wrap .cont_error404 .inner { width: 1200px; height: 382px; margin: 20px auto auto; padding-top: 295px; text-align: center; background-image: url(""); background-repeat: no-repeat; background-position: center top; font-size: 18px; line-height: 32px; }
.new_error_wrap .cont_error404 .inner .txt_point { font-size: 20px; color: var(--renew-point-color); font-weight: 600; margin-top: 40px; margin-bottom: 30px; }
.new_error_wrap .cont_error404 .inner .btn_refresh { margin-top: 30px; }
.new_error_wrap .cont_error404 .inner .btn_refresh > a { display: flex; flex-direction: row; width: 280px; height: 70px; background-color: rgb(255, 255, 255); color: var(--renew-point-color); border: 1px solid var(--renew-point-color); margin: auto; justify-content: center; align-items: center; transition: all 0.2s ease 0s; }
.new_error_wrap .cont_error404 .inner .btn_refresh > a:hover { background-color: var(--renew-point-color); color: rgb(255, 255, 255); }
.new_error_wrap .cont_error404 .inner .btn_refresh > a > span { display: flex; flex-direction: row; justify-content: center; align-items: center; font-weight: 600; font-size: 24px; }
.new_error_wrap .cont_error404 .inner .btn_refresh > a > span::after { content: ""; display: inline-block; width: 35px; height: 36px; background-image: url(""); background-repeat: no-repeat; background-position: left center; margin-left: 20px; }
.new_error_wrap .cont_error404 .inner .btn_refresh > a:hover > span::after { background-position: right center; }
.new_error_wrap .cont_error500 .tab_container { width: 1200px; margin: 140px auto; }
.new_error_wrap .cont_error500 .tab_container .tab_inner { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .umbrella_box { width: 502px; height: 435px; position: relative; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .umbrella_box .tab_content { position: absolute; top: 0px; left: 0px; opacity: 0; transition: opacity 0.75s ease 0s; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .umbrella_box .tab_content.active { opacity: 1; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box { width: 698px; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner { padding-left: 77px; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .txt { font-size: 20px; line-height: 32px; margin-top: 40px; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .txt .txt_point { font-weight: 600; margin-top: 25px; color: var(--renew-point-color); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area { display: flex; flex-direction: row; margin-top: 40px; border-left: 1px solid rgb(228, 228, 228); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div { width: 25%; height: 156px; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div > a { display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; height: 100%; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(228, 228, 228); border-right-color: rgb(228, 228, 228); border-bottom-color: rgb(228, 228, 228); border-image: initial; border-left-style: initial; border-left-color: initial; background-color: rgb(248, 248, 248); transition: all 0.75s ease 0s; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div > a:hover { background-color: rgb(255, 255, 255); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(1) > a:hover { box-shadow: rgb(203, 219, 42) 0px 0px 0px 3px inset; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(2) > a:hover { box-shadow: rgb(153, 202, 60) 0px 0px 0px 3px inset; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(3) > a:hover { box-shadow: rgb(77, 184, 72) 0px 0px 0px 3px inset; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(4) > a:hover { box-shadow: rgb(0, 101, 46) 0px 0px 0px 3px inset; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div > a > span { display: flex; text-align: left; align-items: center; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div > a > span::before { content: ""; display: block; width: 43px; height: 43px; border-radius: 50%; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(1) > a > span::before { background-color: rgb(203, 219, 42); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(2) > a > span::before { background-color: rgb(153, 202, 60); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(3) > a > span::before { background-color: rgb(77, 184, 72); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(4) > a > span::before { background-color: rgb(0, 101, 46); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div > a > span > em { font-size: 18px; line-height: 26px; margin-left: 10px; }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(1) > a > span > em { color: rgb(203, 219, 42); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(2) > a > span > em { color: rgb(153, 202, 60); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(3) > a > span > em { color: rgb(77, 184, 72); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div:nth-child(4) > a > span > em { color: rgb(0, 101, 46); }
.new_error_wrap .cont_error500 .tab_container .tab_inner .txtLink_box .inner .link_area > div > a > span > em > strong { font-weight: 600; font-size: 22px; }
.about_tab_cont .about_cont_inner .cont_about_grid > .cont_right .about_link_area ul li > a { height: 60px; }
.btn-short { text-align: center; box-sizing: border-box; font-size: 20px !important; width: 220px !important; height: 60px !important; line-height: 60px !important; padding: initial !important; }
.btn-medium { text-align: center; box-sizing: border-box; font-size: 20px !important; width: 280px !important; height: 60px !important; line-height: 60px !important; padding: initial !important; }
.btn-long { text-align: center; box-sizing: border-box; font-size: 20px !important; width: 360px !important; height: 60px !important; line-height: 60px !important; padding: initial !important; }
.btn-col3-box { display: flex; flex-direction: row; margin-left: -3px; margin-right: -3px; }
.btn-col3-box > a { box-sizing: border-box; font-size: 20px !important; margin-left: 3px !important; margin-right: 3px !important; width: 33.3333% !important; }
.btn_a1_area.new_btn_a1_area { display: flex; flex-direction: row; justify-content: center; }
.btn_a1_area.new_btn_a1_area a { display: block; margin: 0px 3px; }
.m0 { margin-left: 0px !important; margin-right: 0px !important; }
.ml6 { margin-left: 6px !important; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li { display: flex; flex-direction: row; padding: 60px 0px; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li > div { float: initial; width: 70%; margin-right: 70px; min-height: initial !important; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li + li { margin-top: 0px; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li .viewBtn-area { display: block; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li .viewBtn-area > ul { display: flex; flex-direction: row; justify-content: center; margin-right: -3px; margin-left: -3px; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li .viewBtn-area > ul.btn-col2 > li { width: 50%; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li .viewBtn-area > ul.btn-col3 > li { width: 33.3333%; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li .viewBtn-area > ul.btn-col4 > li { width: 25%; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li .viewBtn-area > ul > li > a { margin-right: 3px; margin-left: 3px; height: 60px; display: block; line-height: 60px; padding: initial; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li > .thumb-cont { position: initial; width: 30%; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box > ul > li > .thumb-cont img { height: auto; object-fit: initial; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box .btn_a1_area { display: flex; flex-direction: row; justify-content: center; }
.futureCitizenEdu-box-list.new-futureCitizenEdu-box .btn_a1_area > a { display: block; margin: 0px 3px; }
.ceo_cont_inner { letter-spacing: -2px; }
.ceo_cont_inner .ceo_img_area { width: 100%; height: 450px; background-image: url(""); background-repeat: no-repeat; background-position: center center; }
.ceo_cont_inner .cont_ceo_grid { margin-top: 50px; display: flex; flex-direction: row; margin-bottom: 120px; }
.ceo_cont_inner .cont_ceo_grid:last-child { margin-bottom: 0px; }
.ceo_cont_inner .cont_ceo_grid > .cont_left { width: 360px; }
.ceo_cont_inner .cont_ceo_grid > .cont_left h5 { font-size: 42px !important; font-weight: 700 !important; line-height: 54px !important; }
.ceo_cont_inner .cont_ceo_grid > .cont_right { width: 840px; font-size: 20px; line-height: 32px; }
.ceo_cont_inner .cont_ceo_grid > .cont_right p { margin-bottom: 30px; word-break: keep-all; text-align: justify; }
.ceo_cont_inner .cont_ceo_grid > .cont_right .ceo_profile_list { margin: 0px 45px; }
.ceo_cont_inner .cont_ceo_grid > .cont_right .ceo_profile_list > ul { display: flex; flex-direction: column; gap: 20px; }
.ceo_cont_inner .cont_ceo_grid > .cont_right .ceo_profile_list > ul > li { display: flex; flex-direction: row; align-items: center; gap: 30px; }
.ceo_cont_inner .cont_ceo_grid > .cont_right .ceo_profile_list > ul > li > .date { font-size: 20px; font-weight: 700; width: 170px; }
.ceo_cont_inner .cont_ceo_grid > .cont_right .ceo_profile_list > ul > li > .txt { font-size: 20px; word-break: keep-all; width: 460px; }
.cont_support_box .support_business_list .inner.bgimg_annivasary::after { background-image: url(""); }
.cont_support_box .support_business_list .inner.bgimg_annivasary .btn_box { margin-top: 70px; }
.popup-annivasarySupport .popup-wrap { width: 1010px; height: 710px; background-color: rgb(240, 240, 240); margin-top: initial !important; }
.popup-annivasarySupport .popup-wrap .popup-cont { width: 100%; height: 100%; background-color: rgb(240, 240, 240); padding: 60px; box-sizing: border-box; }
.popup-annivasarySupport .popup-wrap .popup-cont .body-cont { padding: 0px !important; max-height: initial !important; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul { display: flex; flex-flow: wrap; gap: 10px; justify-content: space-between; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li { width: 49.4%; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner { background-color: rgb(255, 255, 255); border-radius: 10px; padding: 20px; border: 1px solid rgb(255, 255, 255); transition: all 0.3s ease 0s; box-sizing: border-box; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner > a { display: flex; gap: 20px; align-items: center; position: relative; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner > a::before { content: ""; width: 150px; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner > a::after { content: ""; width: 30px; height: 30px; background-color: rgb(204, 204, 204); background-image: url(""); background-repeat: no-repeat; background-position: left center; position: absolute; bottom: 0px; right: 0px; border-radius: 50%; transition: all 0.3s ease 0s; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner.list-birthday > a::before { background-image: url(""); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner.list-entranceSchool > a::before { background-image: url(""); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner.list-graduation > a::before { background-image: url(""); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner.list-marriage > a::before { background-image: url(""); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner.list-move > a::before { background-image: url(""); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner.list-firstBirthday > a::before { background-image: url(""); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner > a > .txt-box { font-size: 17px; line-height: 27px; display: flex; flex-direction: column; gap: 10px; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner > a > .txt-box > h7 { font-weight: 800; color: var(--renew-point-color); font-size: 20px; }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner:hover { border: 1px solid var(--renew-point-color); }
.popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner:hover > a::after { background-color: var(--renew-point-color); }
:root { --renew-point-color: #005b48; }
.clearfix::after { display: block; content: ""; clear: both; }
.ellipsis { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cate-type_col3 { width: 100%; }
.cate-type_col3 > li { float: left; width: 33.3333%; box-sizing: border-box; margin-left: -1px; }
.cate-type_col3 > li > a { box-sizing: border-box; background-color: rgb(251, 251, 251); border-radius: 5px 5px 0px 0px; border: 1px solid rgb(228, 228, 228); padding: 16px 0px; line-height: 13px; display: inline-block; width: 100%; height: 100%; text-align: center; letter-spacing: -1px; font-size: 14px; color: rgb(102, 102, 102); }
.cate-type_col3 > li.on > a { border-color: rgb(20, 166, 104); background: rgb(49, 185, 127); color: rgb(255, 255, 255); }
.cate-type_col4 { width: 100%; }
.cate-type_col4 > li { float: left; width: 25%; box-sizing: border-box; margin-left: -1px; }
.cate-type_col4 > li > a { box-sizing: border-box; background-color: rgb(251, 251, 251); border-radius: 5px 5px 0px 0px; border: 1px solid rgb(228, 228, 228); padding: 16px 0px; line-height: 13px; display: inline-block; width: 100%; height: 100%; text-align: center; letter-spacing: -1px; font-size: 14px; color: rgb(102, 102, 102); }
.cate-type_col4 > li.on > a { border-color: rgb(20, 166, 104); background: rgb(49, 185, 127); color: rgb(255, 255, 255); }
.cate-type_col6 { width: 100%; }
.cate-type_col6 > li { float: left; width: 16.6%; box-sizing: border-box; margin-left: -1px; }
.cate-type_col6 > li > a { box-sizing: border-box; background-color: rgb(251, 251, 251); border-radius: 5px 5px 0px 0px; border: 1px solid rgb(228, 228, 228); padding: 16px 0px; line-height: 13px; display: inline-block; width: 100%; height: 100%; text-align: center; letter-spacing: -1px; font-size: 14px; color: rgb(102, 102, 102); }
.cate-type_col6 > li.on > a { border-color: rgb(20, 166, 104); background: rgb(49, 185, 127); color: rgb(255, 255, 255); }
.region_cate { background-image: none !important; height: 45px !important; }
.region_cate > li { border: 1px solid rgb(228, 228, 228); margin-left: -1px; }
.region_cate > li > a { background: rgb(251, 251, 251); line-height: 42px !important; }
.boardList .board_list.board_list_type3 { background: url("") center top no-repeat; border-top: 0px; }
.boardList .board_top { margin-left: -5px; margin-right: -5px; margin-top: 35px; }
.boardList .board_top .inner { float: left; width: 33.3333%; }
.boardList .board_top .inner > div { margin-left: 5px; margin-right: 5px; }
.boardList .board_top .select_box_area { position: relative; }
.boardList .board_top .select_box_area select { width: 100%; }
.boardList .board_top .select_box_area .select_box { width: 95%; top: 0px; left: 0px; background-position: 95% center; }
.boardList .board_top .inner input[type="text"] { height: 33px !important; width: 80%; }
.boardList .board_top .inner .btn_search { margin-left: -5px; }
.boardList .board_list.board_list_type3 { padding: 0px; background: transparent; border-top: 2px solid rgb(49, 185, 127); border-bottom: none; margin-top: 30px; }
.boardList .board_list.board_list_type3 li { border-bottom: 1px solid rgb(239, 239, 239); padding-top: 30px; padding-bottom: 30px; text-align: left; }
.boardList .board_list.board_list_type3 li::after { display: block; content: ""; clear: both; }
.boardList .board_list.board_list_type3 li > div { float: left; }
.boardList .board_list.board_list_type3 li > .list_inner { width: 80%; }
.boardList .board_list.board_list_type3 li > .list_inner .info { color: rgb(102, 102, 102); font-size: 13px; }
.boardList .board_list.board_list_type3 li > .list_inner .info span strong { color: rgb(49, 185, 127); }
.boardList .board_list.board_list_type3 li > .list_inner .info span:first-child { position: relative; }
.boardList .board_list.board_list_type3 li > .list_inner .info span:first-child::after { display: inline-block; width: 1px; height: 9px; background-color: rgb(228, 228, 228); content: ""; margin: 3px 10px; vertical-align: top; }
.boardList .board_list.board_list_type3 li > .list_inner .title { font-weight: bold; font-size: 20px; margin: 18px 0px; line-height: 24px; }
.boardList .board_list.board_list_type3 li > .list_inner .date { color: rgb(102, 102, 102); letter-spacing: initial; }
.boardList .board_list.board_list_type3 li > .list_inner .date span:first-child { position: relative; }
.boardList .board_list.board_list_type3 li > .list_inner .date span:first-child::after { display: inline-block; width: 1px; height: 9px; background-color: rgb(228, 228, 228); content: ""; margin: 3px 10px; vertical-align: top; }
.boardList .board_list.board_list_type3 li > .list_state { width: 20%; text-align: right; }
.boardList .board_list.board_list_type3 li > .list_state span { display: inline-block; font-size: 16px; width: 90px; border-radius: 6px; padding: 15px 0px; color: rgb(255, 255, 255); margin: 18px 0px; text-align: center; }
.boardList .board_list.board_list_type3 li > .list_state span.state_on { background-color: rgb(49, 185, 127); }
.boardList .board_list.board_list_type3 li > .list_state span.state_off { background-color: rgb(88, 88, 88); }
.boardList .board_list.board_list_type3 li > .list_state span.bg-green { background-color: rgb(47, 176, 72); }
.boardList .board_list.board_list_type3 li > .list_state span.bg-gray { background-color: rgb(88, 88, 88); }
.boardList .board_list.board_list_type3 li > .list_state span.bg-purple { background-color: rgb(103, 58, 183); }
.boardList .board_list.board_list_type3 li > .list_state span.bg-red { background-color: rgb(244, 67, 54); }
.boardList .board_list.board_list_type3 li > .list_state span.bg-orange { background-color: rgb(235, 154, 34); }
.boardList .board_list.board_list_type3 .no-data { text-align: center; padding: 100px 0px; border-bottom: 1px solid rgb(239, 239, 239); }
.boardList .board_list.board_list_type3 .no-data p { font-size: 17px; font-weight: 600; color: rgb(102, 102, 102); }
.boardList .board_list.board_list_type3 .no-data p::before { display: block; content: ""; background-image: url(""); background-repeat: no-repeat; width: 52px; height: 51px; margin: auto auto 20px; }
.boardView .board_view.board_view_type3 { padding: 0px; background: transparent; border-top: 2px solid rgb(34, 34, 34); border-bottom: none; margin-top: 30px; }
.boardView .board_view.board_view_type3 .view_top { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgb(239, 239, 239); }
.boardView .board_view.board_view_type3 .view_top > div { float: left; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner { width: 80%; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .info { color: rgb(102, 102, 102); font-size: 20px; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .info span strong { color: var(--renew-point-color); }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .info span:first-child { position: relative; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .info span:first-child::after { display: inline-block; width: 1px; height: 9px; background-color: rgb(228, 228, 228); content: ""; margin: 3px 10px; vertical-align: top; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .title { font-weight: bold; font-size: 20px; margin: 18px 0px; line-height: 24px; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .date { color: rgb(102, 102, 102); letter-spacing: initial; font-size: 18px; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .date span:first-child { position: relative; }
.boardView .board_view.board_view_type3 .view_top .view_top_inner .date span:first-child::after { display: inline-block; width: 1px; height: 9px; background-color: rgb(228, 228, 228); content: ""; margin: 3px 10px; vertical-align: top; }
.boardView .board_view.board_view_type3 .view_top .view_top_state { width: 20%; text-align: right; }
.boardView .board_view.board_view_type3 .view_top .view_top_state span { display: inline-block; font-size: 16px; width: 90px; padding: 15px 0px; color: rgb(255, 255, 255); margin: 18px 0px; text-align: center; }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.state_on { background-color: var(--renew-point-color); }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.state_off { background-color: rgb(88, 88, 88); }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.bg-green { background-color: rgb(47, 176, 72); }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.bg-gray { background-color: rgb(88, 88, 88); }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.bg-purple { background-color: rgb(103, 58, 183); }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.bg-red { background-color: rgb(244, 67, 54); }
.boardView .board_view.board_view_type3 .view_top .view_top_state span.bg-orange { background-color: rgb(235, 154, 34); }
.boardView .board_view.board_view_type3 .view_cont { padding: 20px 0px; line-height: initial; border-bottom: 1px solid rgb(177, 177, 177); margin-bottom: 20px; }
.boardView .board_view.board_view_type3 .view_cont > .post_option { float: initial; text-align: right; }
.boardView .board_view.board_view_type3 .view_cont > .cont_area { min-height: 500px; margin-top: 10px; }
.mml3 { margin-left: -3px; }
.boardView .board_view.board_view_type3 .view_cont .btn_area { width: 100%; margin-bottom: 20px; text-align: center; }
.boardView .board_view.board_view_type3 .view_cont .btn_area > ul { margin-right: -8px; margin-left: -8px; }
.boardView .board_view.board_view_type3 .view_cont .btn_area > ul > li { display: inline-block; width: 33%; box-sizing: border-box; }
.boardView .board_view.board_view_type3 .view_cont .btn_area > ul > li > a { box-sizing: border-box; background-color: var(--renew-point-color); padding: 18px 0px; display: block; text-align: center; letter-spacing: -1px; font-size: 18px; color: rgb(255, 255, 255); margin-right: 8px; margin-left: 8px; }
.boardView .board_view.board_view_type3 .view_cont .btn_area > ul > li.on > a { border-color: rgb(20, 166, 104); background: rgb(49, 185, 127); color: rgb(255, 255, 255); }
.boardView .board_view.board_view_type3.view_mypage .view_top { padding-top: 30px; padding-bottom: 30px; border-bottom: 0px; }
ul.public-tabs { display: flex; margin: 0px; padding: 0px; list-style: none; width: 100%; border-bottom: 2px solid var(--renew-point-color); }
ul.public-tabs li { position: relative; width: 50%; cursor: pointer; box-sizing: border-box; }
ul.public-tabs li ~ li { margin-left: 2px; }
ul.public-tabs li.current { border-bottom: 0px; }
ul.public-tabs li.current::before { content: ""; position: absolute; bottom: -2px; left: 0px; width: 100%; height: 2px; background: rgb(255, 255, 255); }
ul.public-tabs li > span { box-sizing: border-box; background-color: rgb(249, 249, 249); padding: 16px 0px; display: inline-block; width: 100%; height: 100%; text-align: center; letter-spacing: -1px; font-size: 18px; color: rgb(153, 153, 153); font-weight: 500; }
ul.public-tabs li.current > span { background: rgb(255, 255, 255); color: var(--renew-point-color); }
.tab-content { display: none; padding: 40px 0px 20px; }
.tab-content.current { display: inherit; }
.table-style { width: 100%; border-top: 2px solid rgb(177, 177, 177); table-layout: fixed; }
.table-style th, .table-style td { padding: 14px; border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(228, 228, 228); border-right-color: rgb(228, 228, 228); border-bottom-color: rgb(228, 228, 228); border-image: initial; border-left-style: initial; border-left-color: initial; font-size: 16px; }
.table-style th:last-child, .table-style td:last-child { border-right: 0px; }
.table-style th { background-color: rgb(245, 245, 245); font-weight: 400; color: rgb(102, 102, 102); }
.table-style td { color: rgb(80, 80, 80); }
.table-style.td-bold td { font-weight: 600; letter-spacing: initial; }
.table-style.line60 td { line-height: 60px; }
.table-style input { box-sizing: border-box; }
.table-style textarea { border-radius: 3px; height: 150px; }
.table-style .file_tex { top: 24px; }
.table-style .select_box_cell { width: 328px; margin: auto; position: relative; text-align: left; line-height: 60px; }
.table-style .total-cost { width: 95%; text-align: right; font-weight: 600; color: rgb(199, 9, 9); }
.table-style .mobile-cell { position: relative; display: inline-block; width: 20%; line-height: 40px; }
.table-style .mobile-cell > select { width: 100%; }
.table-style .mobile-cell > .select_box { top: 0px; left: 0px; width: 75px; background-position: 60px center; }
.table-style .bar { vertical-align: -webkit-baseline-middle; }
.table-style .input-mobile > input { width: 30%; }
td.file-list { border-bottom: 0px; }
.amount { font-size: 20px; margin-right: 3px; }
.modal-popup-wrap { background-color: rgba(0, 0, 0, 0.3); justify-content: center; align-items: center; position: fixed; inset: 0px; display: none; padding: 15px; z-index: 9999; }
.modal-popup { width: 100%; max-width: 600px; position: relative; border-radius: 5px; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 5px 10px 10px 1px; }
.modal-popup-head { padding: 15px 20px; background-color: var(--renew-point-color); font-size: 19px; font-weight: 600; color: rgb(255, 255, 255); }
.modal-popup-body { padding: 15px 20px; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); }
.modal-popup-body .select-wrap { position: relative; display: inline-block; }
.modal-popup-body .select-wrap .select_box { width: 92%; top: 0px; left: 0px; background-position: 95% center; height: 60px; line-height: 60px; font-size: 17px; }
.modal-popup-body .select-wrap select { width: 100%; height: 60px; }
.modal-popup-body .select-wrap, .modal-popup-body .input-wrap { width: 21.7%; line-height: 45px; }
.modal-popup-body .bar { vertical-align: -webkit-baseline-middle; }
.popup-close { position: absolute; top: 16px; right: 20px; text-indent: -999999px; width: 24px; height: 24px; background-image: url(""); cursor: pointer; }
.private-form .table-style th { font-weight: 600; }
.private-form .table-style th, .private-form .table-style td { padding: 8px; }
.file_wrap.public_offering_file { line-height: 34px; vertical-align: top; }
.file_wrap.public_offering_file { position: relative; margin-left: 12px; }
.file_wrap.public_offering_file input { opacity: 0; display: block !important; width: 90px !important; height: 40px !important; }
.file_wrap.public_offering_file .MultiFile-wrap { width: 90px; height: 40px; background: url("") no-repeat; }
.file_wrap.public_offering_file .file_tex { position: absolute; top: 15px; left: 110px; color: var(--renew-point-color); }
.file_wrap.public_offering_file .MultiFile-label { position: relative; padding: 3px 0px; text-align: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file_wrap.public_offering_file .MultiFile-label > span { padding-left: 13px; }
.file_wrap.public_offering_file .MultiFile-remove { display: inline-block; position: absolute; top: 12px; width: 20px; height: 20px; background: url("") no-repeat; color: transparent; }
.pt0 { padding-top: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.ml10 { margin-left: 10px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb40 { margin-bottom: 40px !important; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.va-bl { vertical-align: -webkit-baseline-middle; }
.bg-lightgray { background-color: rgb(248, 248, 248); }
.fw-400 { font-weight: 400 !important; }
.w80 { width: 80%; }
.w100 { width: 100% !important; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.txt-red { color: rgb(199, 9, 9); }
.txt-ls-ini { letter-spacing: initial; }
.dis-ib { display: inline-block; }
.join_complete .btn_link.join_btn_area ul li { width: 33.3333%; }
.join_complete .btn_link ul li.banner5 { background: rgb(140, 200, 55); }
.join_complete .btn_link ul li.banner5 a { padding: 43px 0px 0px; height: 59px; }
.v2 #contents.sub-contents .row-line-umbrella::before { background: url("") no-repeat; }
.contact .map_info { background: url("") 0% 0% / contain no-repeat; }
.didim-wrap { font-size: 16px; margin: 0px auto; letter-spacing: 0px; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap * { font-size: inherit; box-sizing: border-box; }
.didim-wrap img { width: inherit; }
.didim-wrap .secWrap-1 { width: 100vw; position: relative; height: 250vh; z-index: 5; background: url("") center center / cover no-repeat; }
.didim-wrap .secWrap-1 section { position: sticky; top: 0px; width: 100vw; height: calc(100vh); display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; }
.didim-wrap .secWrap-1 .didim-sec2 { flex-wrap: wrap; z-index: 5; top: 80px; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-inner { width: 39.9375em; position: relative; margin-bottom: 50px; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-logo-wrap { width: 70.5em; display: flex; justify-content: space-between; margin: 0px auto; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-logo-wrap .sec2-logo-left { width: 11.1875em; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-logo-wrap .sec2-logo-right { width: 8.25em; }
.didim-wrap .secWrap-1 .didim-sec2 .sec1-img-wrap { position: relative; height: 4.75em; width: 25.25em; opacity: 0; animation: 0.4s ease-in-out 0.6s 1 normal forwards running fadein; margin-top: 0.75em !important; }
.didim-wrap .secWrap-1 .didim-sec2 .sec1-img-wrap .sec1-img { width: 100%; height: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); display: none; }
.didim-wrap .secWrap-1 .didim-sec2 .sec1-img-wrap .sec1-img.on { opacity: 1; display: block; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-img-inner { width: 100%; text-align: center; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-img-inner > * { margin: 0px auto; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-img-inner .sec2-title { width: 21.8125em; opacity: 0; animation: 0.4s ease-in-out 0.4s 1 normal forwards running fadein; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-img-inner .sec2-img-inner { opacity: 0; animation: 0.4s ease-in-out 0.8s 1 normal forwards running fadein; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-img-inner .sec2-img { width: 21.9375em; position: relative; bottom: 0px; animation: 0.8s ease-in-out 0s infinite alternate none running floationImgAni; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-img-inner .didim-btn { margin-top: 1.5em; opacity: 0; animation: 0.4s ease-in-out 1s 1 normal forwards running fadein; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-bg-imgWrap { pointer-events: none; position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-bg-imgWrap span { position: absolute; animation: auto ease-in-out 0s infinite alternate none running fadein; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-bg-imgWrap .sec2-bg1 { top: 1.375em; left: 2.125em; width: 3.125em; animation-delay: 0s; animation-duration: 1.2s; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-bg-imgWrap .sec2-bg2 { top: -2.5em; right: 0.3125em; width: 7.875em; animation-duration: 2s; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-bg-imgWrap .sec2-bg3 { top: 20em; left: 0em; width: 4.4375em; animation-duration: 2.4s; }
.didim-wrap .secWrap-1 .didim-sec2 .sec2-bg-imgWrap .sec2-bg4 { top: 25.375em; right: 0.25em; width: 6.375em; animation-duration: 1.6s; }
.didim-wrap .secWrap-1 .section-2.video { padding-top: min(8.33333vh, 90px); }
.didim-wrap .secWrap-1 .section-2.video .cont02 { height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; }
.didim-wrap .secWrap-1 .section-2.video .se2_video iframe { font-size: inherit; width: 70.5625em; aspect-ratio: 16 / 9; margin: 0px auto; border-radius: 0.9375em; overflow: hidden; }
.didim-wrap .secWrap-1 .section-2.video .cont02_text { max-width: 40.1875em; width: 95%; margin: 6px auto 0px; }
.didim-wrap .secWrap-2 { display: flex; justify-content: center; flex-wrap: wrap; min-height: 500vh; background-image: linear-gradient(rgb(255, 254, 242) 0%, rgb(255, 255, 255) 50%, rgb(255, 254, 242) 100%); }
.didim-wrap .secWrap-2 .secWrap2-btn { position: fixed; z-index: 10; left: 50%; bottom: -0.25em; transform: translate(-50%, 100%); opacity: 0; pointer-events: none; transition: transform 0.2s ease-in-out 0.6s; }
.didim-wrap .secWrap-2 .secWrap2-btn img:not(.on) { display: none; }
.didim-wrap .secWrap-2 .secWrap2-btn.ani { opacity: 1; pointer-events: unset; transform: translate(-50%, 0px); }
.didim-wrap .secWrap-2 .secWrap2-inner { width: 72.8125em; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0px; min-height: 100vh; }
.didim-wrap .secWrap-2 .secWrap2-left, .didim-wrap .secWrap-2 .secWrap2-right { position: relative; height: 100%; }
.didim-wrap .secWrap-2 .secWrap2-left > div, .didim-wrap .secWrap-2 .secWrap2-right > div { padding-top: 0em; }
.didim-wrap .secWrap-2 .secWrap2-left { width: 30.625em; }
.didim-wrap .secWrap-2 .secWrap2-right { width: 34.375em; }
.didim-wrap .secWrap-2 .left-item, .didim-wrap .secWrap-2 .right-item { position: sticky; top: 0px; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; align-content: center; }
.didim-wrap .secWrap-2 .right-item { width: 100%; }
.didim-wrap .secWrap-2 .sec6-right.right-item { padding-bottom: 2.75em !important; }
.didim-wrap .secWrap-2 .right-item .right-item-inner { width: 37.5em; aspect-ratio: 1 / 1; border-radius: 0px 0px 50% 50%; overflow: hidden; }
.didim-wrap .secWrap-2 .right-item > div { position: relative; }
.didim-wrap .secWrap-2 .sec4-left .sec4-title { width: 30.625em; margin-bottom: 2.5625em; opacity: 0; }
.didim-wrap .secWrap-2 .sec4-left p { font-size: 1.4375em; color: rgb(0, 0, 0); line-height: 1.74; letter-spacing: -0.01em; opacity: 0; }
.didim-wrap .secWrap-2 .sec4-left p + p { margin-top: 1.34783em; opacity: 0; }
.didim-wrap .secWrap-2 .sec4-left.ani .sec4-title { animation: 0.6s ease-in-out 0s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec4-left.ani p { animation: 0.8s ease-in-out 0.2s 1 normal forwards running fadein; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec4-left.ani p + p { animation: 1s ease-in-out 0.4s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec4-right .sec4-right-inner { display: flex; width: 100%; justify-content: center; position: relative; height: 33.25em; aspect-ratio: 1 / 1; border-radius: 0px 0px 50% 50%; overflow: hidden; }
.didim-wrap .secWrap-2 .sec4-right .sec4-img-title { width: 34.375em; position: absolute; z-index: -1; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list { position: relative; z-index: 5; padding-top: 8.5625em; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li { width: 21.5em; height: 5.4375em; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; padding: 0px 2.25em; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li > div { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li span { font-size: 1.4375em; letter-spacing: -0.0251852em; font-weight: bold; opacity: 0.8; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li span + span { font-size: 1.375em; font-weight: 800; color: rgb(18, 18, 18); }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li:nth-child(1), .didim-wrap .secWrap-2 .sec4-right .sec4-list li:nth-child(2) { border-bottom: 1px solid rgba(112, 112, 112, 0.2); }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li:last-child { height: 6.5em; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li:last-child span { font-weight: 800; color: rgb(0, 0, 0); opacity: 1; }
.didim-wrap .secWrap-2 .sec4-right .sec4-list li:last-child span + span { font-size: 1.8125em; color: rgb(18, 18, 18); }
.didim-wrap .secWrap-2 .sec5-left .sec5-title { width: 16.4375em; margin-bottom: 2.5625em; opacity: 0; }
.didim-wrap .secWrap-2 .sec5-left p { opacity: 0; font-size: 1.5em; line-height: 1.67; letter-spacing: -0.01em; color: rgb(0, 0, 0); text-wrap: nowrap; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec5-left .sec5-list { margin-top: 1.875em; opacity: 0; }
.didim-wrap .secWrap-2 .sec5-left .sec5-list li { position: relative; font-size: 1.125em; padding-left: 0.888889em; color: rgb(87, 89, 93); line-height: 1.67; padding-right: 2.22222em; letter-spacing: -0.01em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec5-left .sec5-list li + li { margin-top: 1.11111em; }
.didim-wrap .secWrap-2 .sec5-left .sec5-list li::before { content: ""; display: block; width: 0.277778em; aspect-ratio: 1 / 1; border-radius: 50%; background-color: rgb(18, 18, 18); overflow: hidden; position: absolute; left: 0px; top: 0.666667em; }
.didim-wrap .secWrap-2 .sec5-left.ani .sec5-title { animation: 0.6s ease-in-out 0.6s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec5-left.ani p { animation: 0.6s ease-in-out 0.8s 1 normal forwards running fadein; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec5-left.ani .sec5-list { animation: 0.6s ease-in-out 1s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec5-right .sec5-img { width: 33.25em; position: relative; transform: translateY(105%); }
.didim-wrap .secWrap-2 .sec6-left .sec6-title { width: 26.125em; margin-bottom: 2.6875em; display: flex; gap: 1.1875em; align-items: center; position: relative; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title > img { opacity: 0; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title button { opacity: 0; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title button:hover + .sec6-guide { opacity: 1; pointer-events: unset; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title button img { width: 2.625em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide { position: absolute; top: 0px; right: -9.1em; z-index: 99; transform: translateY(34px); opacity: 0; transition: opacity 0.3s ease-in-out 0s; width: 23.5em; height: 9.99999em; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide::after { content: ""; display: block; width: 100%; height: 100%; z-index: -1; background: url("") center center / contain no-repeat; transform: scaleY(-1); }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide div { position: absolute; top: 0px; text-align: center; padding: 2.5em 1.3125em 0px; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide div p:first-child { font-size: 0.8125em; line-height: 1.62; letter-spacing: -0.01em; color: rgb(18, 18, 18); opacity: 0.95; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide div p:last-child { opacity: 0.95; font-size: 0.6875em; line-height: 1.64; letter-spacing: -0.01em; text-align: center; color: rgb(18, 18, 18); font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-conWrap { opacity: 0; }
.didim-wrap .secWrap-2 .sec6-left .sec6-txt { display: flex; align-items: center; flex-wrap: wrap; font-size: 1.6875em; font-weight: bold; color: rgb(18, 18, 18); letter-spacing: -0.00962963em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-txt .sec6-count { font-size: 1.22222em; color: rgb(12, 84, 68); display: inline-flex; font-weight: 800; letter-spacing: -0.4px; margin-left: 0.592593em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-txt + .sec6-txt { margin-top: 1.03704em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-txt.sec5-txt2 { margin-top: 0.851852em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-txt.sec5-txt5 { margin-top: 1.55556em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-txt.sec5-txt4 .sec6-count, .didim-wrap .secWrap-2 .sec6-left .sec6-txt.sec5-txt6 .sec6-count { margin-left: 0px; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox { position: relative; margin-left: 0.703704em; margin-right: 0.62963em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-btn { min-width: 7.1em; width: 100%; height: 2em; font-size: 1.11111em; border: 4px solid rgb(12, 84, 68); background-color: rgb(12, 84, 68); overflow: hidden; display: flex; color: rgb(12, 84, 68); font-weight: 800; border-radius: 0.5em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-btn .drop-btn-txt { display: flex; align-items: center; justify-content: center; margin-left: auto; background-color: rgb(255, 255, 255); width: 100%; height: 100%; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-btn .icon { display: flex; align-items: center; justify-content: center; min-width: 2em; height: 100%; background-color: rgb(12, 84, 68); border: 1px solid rgb(12, 84, 68); margin-left: auto; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-btn .icon img { position: relative; transition: all 0.3s ease 0s; width: 0.666667em; transform: rotate(180deg); }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-btn.on .icon img { transform: rotate(0deg); }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-chBox { position: absolute; display: none; margin-top: 0.481481em; border: 4px solid rgb(12, 84, 68); background-color: rgb(255, 255, 255); border-radius: 0.555556em; overflow: hidden; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-chBox .chBox-btn { font-weight: bold; color: rgb(12, 84, 68); width: 100%; height: 2.33333em; text-align: left; padding: 0px 0.966667em; position: relative; font-size: 1.11111em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-chBox .chBox-btn.on { color: rgb(255, 255, 255); background-color: rgb(12, 84, 68); }
.didim-wrap .secWrap-2 .sec6-left .sec6-dropbox .sec6-drop-chBox .chBox-btn .chBox-btn-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 0.666667em; width: 0.766667em; height: 0.6em; background: url("") center center / contain no-repeat; }
.didim-wrap .secWrap-2 .sec6-left.ani .sec6-title img { animation: 0.6s ease-in-out 0s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec6-left.ani .sec6-title button { animation: 0.8s ease-in-out 0.2s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec6-left.ani .sec6-conWrap { animation: 1s ease-in-out 0.4s 1 normal forwards running fadein; }
.didim-wrap .secWrap-2 .sec6-right .sec6-countAni-wrap { position: relative; width: 100%; display: flex; padding-left: 2.5em; top: 6.0625em; z-index: 5; opacity: 0; }
.didim-wrap .secWrap-2 .sec6-right .sec6-countAni-wrap .sec6-count { width: 1.36364em; height: 2.15152em; font-size: 2.0625em; font-weight: 800; display: flex; align-items: center; place-content: center; text-align: center; gap: 0.242424em; margin-right: 0.242424em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .secWrap-2 .sec6-right .sec6-countAni-wrap span:not(.sec6-count) { display: block; width: 0.375em; }
.didim-wrap .secWrap-2 .sec6-right .sec6-img { position: absolute; width: 34.125em; transform: translateY(105%); }
.didim-wrap .secWrap-2 .sec6-right .sec6-img:not(.on) { opacity: 0; }
.didim-wrap .secWrap-2 .secWrap2-left > .sec6-left, .didim-wrap .secWrap-2 .secWrap2-right > .sec6-right { padding-bottom: 0px; }
.didim-wrap .didim-sec7 { display: flex; flex-wrap: wrap; justify-content: center; padding: 6.25em 0px; }
.didim-wrap .didim-sec7 .sec7-title { width: 52.25em; margin-bottom: 3.3125em; }
.didim-wrap .didim-sec7 ul { width: 100%; display: flex; justify-content: center; }
.didim-wrap .didim-sec7 li { padding: 1.5em 4.9375em; }
.didim-wrap .didim-sec7 li:not(:last-child) { border-right: 1px solid rgba(112, 112, 112, 0.2); }
.didim-wrap .didim-sec7 li .sec7-img { display: flex; align-items: self-end; justify-content: center; height: 13.0625em; margin: 0px auto; }
.didim-wrap .didim-sec7 li p { width: fit-content; font-size: 1.375em; line-height: 1.64; letter-spacing: -0.01em; color: rgb(18, 18, 18); margin-top: 2.40909em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec7 li:nth-child(1) img { width: 11.25em; }
.didim-wrap .didim-sec7 li:nth-child(2) img { width: 12.5625em; }
.didim-wrap .didim-sec7 li:nth-child(3) img { width: 11.25em; }
.didim-wrap .didim-sec8 { background: url("") center bottom no-repeat; color: rgb(255, 255, 255); padding: 5.4375em 0px; }
.didim-wrap .didim-sec8 .sec8-divider { display: block; width: 70.375em; height: 1px; background: url("") center center / contain no-repeat; margin: 1.25em auto; }
.didim-wrap .didim-sec8 .sec8-title { display: flex; justify-content: center; align-items: center; text-align: center; gap: 1em; }
.didim-wrap .didim-sec8 .sec8-title .sec8-title-icon { display: block; width: 2.375em; }
.didim-wrap .didim-sec8 .sec8-title .sec8-title-txt { font-size: 2.125em; line-height: 1.76; letter-spacing: -0.01em; font-weight: bold; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec8 .sec8-description { font-size: 1.375em; line-height: 1.82; letter-spacing: -0.01em; text-align: center; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec8 .sec8-con { display: flex; justify-content: center; width: 70.5em; margin: 4.375em auto 0px; }
.didim-wrap .didim-sec8 .sec8-con > div { flex: 1 1 0%; }
.didim-wrap .didim-sec8 .sec8-con-left .sec8-dl { border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0.9375em; overflow: hidden; padding: 0px 1.9375em; text-align: center; }
.didim-wrap .didim-sec8 .sec8-con-left .sec8-dl + dl { margin-top: 1.25em; }
.didim-wrap .didim-sec8 .sec8-con-left .sec8-dl dt { font-size: 1.5em; font-weight: bold; line-height: 1; padding: 0.916667em 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec8 .sec8-con-left .sec8-dl dd { font-size: 2.375em; font-weight: bold; line-height: 1.26; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; gap: 0.125em; padding-top: 0.315789em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec8 .sec8-con-left .sec8-dl dd p:last-child { width: 100%; font-size: 0.315789em; font-weight: 300; line-height: 3.33; opacity: 0.7; }
.didim-wrap .didim-sec8 .sec8-list { width: 34.3125em; border: 2px solid rgb(255, 255, 255); border-radius: 0.9375em; overflow: hidden; background-color: rgb(255, 255, 255); margin-left: 1.25em; }
.didim-wrap .didim-sec8 .sec8-list .sec8-list-title { padding: 1.08333em; font-size: 1.5em; background-color: rgb(47, 97, 58); color: rgb(255, 255, 255); font-weight: bold; text-align: center; line-height: 1; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec8 .sec8-list ul { max-width: 29.125em; width: 95%; margin: 0px auto; padding: 1.9375em 3.125em 1.75em; }
.didim-wrap .didim-sec8 .sec8-list ul li { position: relative; padding-left: 1.25em; color: rgb(18, 18, 18); line-height: 1.64; text-wrap: nowrap; }
.didim-wrap .didim-sec8 .sec8-list ul li::before { content: ""; display: block; width: 0.375em; aspect-ratio: 1 / 1; border-radius: 50%; background-color: rgb(18, 18, 18); position: absolute; top: 0.8125em; left: 0px; }
.didim-wrap .didim-sec8 .sec8-list ul li span, .didim-wrap .didim-sec8 .sec8-list ul li b { font-size: 1.375em; font-weight: 500; letter-spacing: -0.00785714em; }
.didim-wrap .didim-sec8 .sec8-list ul li b { font-weight: bold; }
.didim-wrap .didim-sec8 .sec8-list ul li .small { font-size: 0.9375em; color: rgb(0, 0, 0); opacity: 0.7; font-weight: 300; }
.didim-wrap .didim-sec8 .sec8-list ul li + li { margin-top: 0.875em; }
.didim-wrap .didim-sec8 .sec8-list .sec8-sources { width: 100%; padding: 0px 2.125em; }
.didim-wrap .didim-sec8 .sec8-list .sec8-sources-txt { display: flex; align-items: center; justify-content: center; width: 100%; height: 4em; font-size: 0.875em; font-weight: 300; line-height: 2.79; letter-spacing: -0.01em; opacity: 0.9; color: rgb(18, 18, 18); text-align: center; border-top: 1px solid rgba(18, 18, 18, 0.1); font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec9 { padding: 6.25em 0px; }
.didim-wrap .didim-sec9 .sec9-title { text-align: center; width: 34.4375em; margin: 0px auto 4.625em; }
.didim-wrap .didim-sec9 .sec9-list { width: 70.5em; margin: 0px auto; }
.didim-wrap .didim-sec9 .sec9-list li + li { margin-top: 2.5em; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-btn { width: 100%; height: 5.625em; display: flex; align-items: center; border: 1px solid rgba(112, 112, 112, 0.2); overflow: hidden; padding: 0px 2.25em; position: relative; border-radius: 0.9375em !important; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-btn span { display: inline-flex; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-btn span:first-child { align-items: center; justify-content: center; font-size: 1.375em; width: 1.45455em; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); font-weight: 600; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-btn span:nth-child(2) { font-size: 1.75em; font-weight: bold; color: rgba(18, 18, 18, 0.6); margin-left: 0.607143em; letter-spacing: -0.01em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-btn span:last-child { position: absolute; top: 50%; right: 3.0625em; transform: translateY(-50%); width: 1.5625em; height: 0.875em; background: url("") center center / contain no-repeat; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-con { padding: 1.8125em 2.9375em 0px; display: none; }
.didim-wrap .didim-sec9 .sec9-list .sec9-list-con p { font-size: 1.3125em; color: rgb(18, 18, 18); line-height: 1.71; letter-spacing: -0.01em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec9 .sec9-list li.on .sec9-list-btn { border-color: rgb(12, 84, 68); background-color: rgb(12, 84, 68); }
.didim-wrap .didim-sec9 .sec9-list li.on .sec9-list-btn span:first-child { color: rgb(12, 84, 68); background-color: rgb(255, 255, 255); }
.didim-wrap .didim-sec9 .sec9-list li.on .sec9-list-btn span:nth-child(2) { color: rgb(255, 255, 255); }
.didim-wrap .didim-sec9 .sec9-list li.on .sec9-list-btn span:last-child { background-image: url(""); }
.didim-wrap .didim-sec9 .sec9-list li.on .sec9-list-con { display: block; }
.didim-wrap .didim-sec10 { height: 47.125em; padding: 7.5em 0px; text-align: center; background: url(""); }
.didim-wrap .didim-sec10 .sec10-title { width: 58.125em; margin: 0px auto 2.5em; }
.didim-wrap .didim-sec10 p { font-size: 1.5625em; font-weight: 600; color: rgb(255, 255, 255); letter-spacing: -0.01em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; }
.didim-wrap .didim-sec10 .sec10-img { width: 13.125em; margin: 0px auto; }
.didim-wrap .didim-sec10 .sec10-img img { width: 100%; }
.didim-wrap .didim-sec10 .didim-btn { margin: -0.875em auto 0px; }
.didim-wrap .didim-btn { display: flex; align-items: center; justify-content: center; width: 24em; height: 5.8125em; transition: all 0.25s ease 0s; overflow: hidden; border-radius: 15px; box-shadow: rgb(89, 129, 97) 0px 0px 0px inset, rgb(75, 109, 82) 0px -6px 0px inset; background-color: rgb(47, 97, 58); transform-origin: center bottom; position: relative; }
.didim-wrap .didim-btn::after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 23.5em; height: 4.9375em; border: 4px solid rgba(255, 255, 255, 0.2); border-radius: inherit; pointer-events: none; }
.didim-wrap .didim-btn img { width: 20em; transition: transform 0.25s ease 0s; position: relative; transform-origin: center bottom; transform: translateY(-10px); }
.didim-wrap .didim-btn:hover, .didim-wrap .didim-btn:active { box-shadow: rgb(89, 129, 97) 0px 0px 0px inset, rgb(67, 97, 73) 0px -4px 0px inset; height: 5.6125em; transform: translateY(0.225em); }
.didim-wrap .didim-copyRight { text-align: center; display: flex; align-items: center; justify-content: center; height: 9em; background-color: rgb(0, 0, 0); }
.didim-wrap .didim-copyRight img { width: 19.75em; }
@keyframes floationImgAni {
100% { bottom: -1.25em; }
}
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@media (max-width: 1536px) {
html { width: 100% !important; overflow-x: hidden !important; }
body { overflow: unset !important; }
.didim-wrap .didim-btn img { transform: translateY(-5px); }
}
@media screen and (max-height: 900px) {
.didim-wrap { font-size: 13px; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide { transform: translateY(2.75em); height: 10.3125em; overflow: hidden; border-radius: 0.9375em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide div { padding-top: 2.68em; }
.didim-wrap .secWrap-2 .sec6-left .sec6-title .sec6-guide div p:first-child { margin-bottom: 0.5em; }
}
.\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; }
[data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; }
a[href^="https://m.do.co/c/"] > img, a[href^="http://cam4com.go2cloud.org/aff_c?"], a[href^="https://cam4com.go2cloud.org/"] { display: none !important; }
(cache)6배 슬기로운 후원생활
후원자가 매월 1만원 을 후원할 경우
초록우산이 1:1로 매칭 지원하여
아동의 디딤씨앗통장에 2만원이 입금 되고,
지자체가 이 금액의 2배인 4만원 을 더 지원하여
매월 6만원이 적립 됩니다.
초록우산, 지자체의 지원과 함께
6배 슬기로운 후원생활 을 시작하세요.
디딤씨앗통장은 취약계층 아동이
사회에 진출할 때 필요한 초기비용 마련을 돕기 위해
지자체가 도입한 아동발달지원계좌
(CDA: Child Development Account) 정책 입니다.
아동(보호자, 후원자)이 매월 일정금액 적립 시
지자체가 월 10만원 내에서
1:2로 매칭하여 지원합니다.
아동이 만 18세(만기)가 되었을 때
학자금, 기술자격 및 취업훈련비용, 창업지원금 등
자립에 필요한 용도에 한하여 사용할 수 있습니다.
디딤씨앗통장의 지자체 지원금은 월 10만원 내로 책정됩니다.
이에 따라 초록우산은 아동이 최대한 많은 지원을 받을 수 있도록
후원자의 후원금을 풀(pool, 공동기금)제로 운영합니다.
후원자가 월 2만원 이상의 금액을 후원할 경우,
복수의 아동들이 혜택을 받을 수 있도록 배분할 예정입니다.
아동 1명에게
월 1만원
월 1만원
월 2만원
후원 시
초록우산이 10,000 원을 매칭하고,
지자체가 40,000 원을 지원하여
60,000 원이 적립됩니다.
보호종료 시점, 아동에게
12,960,000 원이 지원됩니다.
김초록 후원자 +10,000원
초록우산 +10,000원
지자체 지원금 +40,000원
총 입금액 60,000원
대학에 진학은 했지만,
등록금 을 마련하지 못해
휴학 을 했어요.
언제쯤 복학할 수 있을까요?
준비 없이 자립 을 하고 나서,
당장의 생계비 를 버는 데 급급했어요.
어느 새 어린시절의 꿈과 저만치
멀어져 있는 나를 발견했어요.
지자체의 자립 수당으로
자취방 보증금 을 치르고 나니
남은 돈이 없어요.
월세 내는 게 부담스러워요.
보호자가 없거나 보호자로부터 이탈된 아동 또는 보호자가 아동을 학대하는 등의 사유로 원가정의 보호를 받지 못하는 아동.
아동복지시설(양육시설, 그룹홈), 위탁가정의 보호 조치를 받습니다.
최근 5년 간 발생한 보호대상아동
15,947
명
*출처: 통계청(보건복지부, 보호대상아동 현황보고, 연도별) / 2019년~2023년 자료
최근 5년 간 보호종료되어 자립한 아동 수
9,970
명
*출처: 사회복지시설정보시스템, 행복e음 / 2019년~2023년 자료
보호가 종료된 이후, 보호대상아동의 일상
자립준비청년의
40 %
는 기초생활수급자
삶의 만족도
5.6 점
(10점 만점)
‘자살을 생각해 본 적이 있다‘고
응답한 자립준비청년
46.5 %
*출처: 보건복지부, 2023 자립지원 실태조사
1
디딤씨앗통장을 통한 자립성장비 지원
디딤씨앗통장을 통해 후원금이 보호 종료 시점에 오롯이 아동에게 전달될 뿐 아니라,
초록우산과 지자체 매칭으로 더 큰 금액을 지원합니다.
후원자의 사정으로 인해 후원금이 감액, 중단될 경우 아동에게 일정한 금액이 정기적으로 지원되지 못하는 상황이
발생할 수 있습니다. 따라서 초록우산은 장기적, 안정적인 지원을 위해 풀(pool, 공동기금)제를 운영하여
풀에 모인 후원금을 아동들에게 배분합니다. (아동 지정 후원은 불가)
2
아동의 욕구에 맞춘 보호대상아동 지원
초록우산은 디딤씨앗통장을 통한 자립성장비 지원 외에도 보호대상아동의 발달 욕구에 맞추어 사업을 진행합니다.
2024년 한 해, 1만 6천 명의 보호대상아동에게 경제적 자립 지원, 자립 탐색 및 자격증 취득 지원,
심리 정서 역량 지원, 지지체계 강화 사업을 진행했습니다.
3
자립준비청년 지원
성장기의 보호대상아동 뿐 아니라 만 18세~24세의 보호가 종료되거나 연장된 청년들의 안정적인 자립을 지원합니다.
초록우산은 첫 살림 지원금, 생필품 키트, 멘토링, 자립코칭, 네트워크를 통한
지지체계 지원 등 다양한 사업으로 한 해 3,700명의 자립준비청년을 지원했습니다.
초록우산과 함께 보호대상아동의 자립을 후원해주세요.