"); background-repeat: no-repeat; background-size: contain; } .txt-bullet { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 13px; line-height: 23px; color: rgb(136, 136, 136); } .list-bullet li { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 13px; line-height: 23px; color: rgb(136, 136, 136); } .btn_webzin_area { padding: 20px 15px 0px; background-color: rgb(245, 245, 245); } .btn_webzin_area .btnType5 { font-size: 14px; } "); background-repeat: no-repeat; background-size: contain; } .txt-bullet { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 13px; line-height: 23px; color: rgb(136, 136, 136); } .list-bullet li { padding: 0px 0px 0px 10px; background: url("") left 10px no-repeat; font-size: 13px; line-height: 23px; color: rgb(136, 136, 136); } .btn_webzin_area { padding: 20px 15px 0px; background-color: rgb(245, 245, 245); } .btn_webzin_area .btnType5 { font-size: 14px; } @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"); } .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; } .slick-dots li.slick-active button::before { opacity: 0.75; color: black; } :root { --renew-point-color: #005b48; } p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, select, button, code, label, em, span, strong { font-family: "Noto Sans KR", "맑은 고딕", 돋움, Dotum, 굴림, Gulim; } p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, select { color: rgb(42, 43, 46); } a { font-family: inherit; } .v4 header *, .v4 footer *, .v4 .main-contents *, .v4 .nav-layer-wrap *, .v4 .sub-contents *, .v4 header ::before, .v4 footer ::before, .v4 .main-contents ::before, .v4 .nav-layer-wrap ::before, .v4 .sub-contents ::before, .v4 header ::after, .v4 footer ::after, .v4 .main-contents ::after, .v4 .nav-layer-wrap ::after, .v4 .sub-contents ::after { box-sizing: border-box; } .v4 .slider-cont .item a { outline: none; } .v4 i { font-style: normal; } .v4 figure { margin: 0px; } .v4 button, .v4 select, .v4 input[type="text"], .v4 input[type="password"], .v4 input[type="tel"], .v4 input[type="email"], .v4 input[type="button"], .v4 input[type="submit"], .v4 input[type="reset"], .v4 input[type="file"], .v4 input[type="radio"], .v4 input[type="checkbox"], .v4 input[type="search"] { appearance: none; border-radius: 0px !important; } .v4 input[type="number"]::-webkit-inner-spin-button, .v4 input[type="number"]::-webkit-outer-spin-button { appearance: none; border-radius: 0px !important; } .v4 textarea { resize: none; border-radius: 0px; } .v4 select { color: rgb(96, 96, 96); } select { display: inline-block; height: 34px; font-size: 14px; color: rgb(34, 34, 34); line-height: 33px; vertical-align: middle; background: url("") right 10px center / auto 4px no-repeat rgb(255, 255, 255); } input.chks { width: 13px; height: 13px; background: url("") 0px 0px / 13px 13px no-repeat; vertical-align: top; } input.chks:checked { background: url("") 0px 0px / 13px 13px no-repeat; } .v4 .div-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .v4 .div-table-cell { display: table-cell; vertical-align: middle; } .v4 .pos-center { position: absolute; top: 0px; right: 0px; left: 0px; margin-left: auto; margin-right: auto; z-index: 100; } .v4 .js-overflow-hidden { overflow: hidden; height: 100%; } .v4 [class^="col-"] { position: relative; padding: 0px !important; } .v4 .col-1 { width: 100%; } .v4 .col-2 { width: 50%; } .v4 .col-3 { width: 33.3333%; } .v4 .text-lft { text-align: left; } .v4 .text-center { text-align: center !important; } .v4 .text-rgt { text-align: right !important; } .v4 body .flex { display: flex; } .v4 body .flex-wrap { flex-wrap: wrap; } .v4 body .flex-vertical-center { align-items: center; } .v4 body .flex-align-center { justify-content: center; } .v4 body .flex-space-between { justify-content: space-between; } .v4 body .flex-end { justify-content: flex-end; } .v4 [class^="color-point-"] { font-weight: 500; } .v4 .color-point-brown, .v4 .color-point-brown p { color: var(--renew-point-color) !important; } .v4 .color-point-brown2, .v4 .color-point-brown2 p { color: rgb(159, 138, 117) !important; } .v4 .color-point-green, .v4 .color-point-green p { color: rgb(11, 135, 30) !important; } .v4 .color-point-green2, .v4 .color-point-green2 p { color: rgb(3, 79, 42) !important; } .v4 .color-point-lightgreen, .v4 .color-point-lightgreen p { color: var(--renew-point-color) !important; } .v4 .color-point-gray, .v4 .color-point-gray p { color: rgb(158, 158, 158) !important; } .v4 .color-point-black, .v4 .color-point-black p { color: rgb(52, 52, 52) !important; } .v4 .color-point-black2, .v4 .color-point-black2 p { color: rgb(0, 0, 0) !important; } .v4 .tab-cont *, .v4 .tab-cont ::before, .v4 .tab-cont ::after { box-sizing: border-box; } .v4 .tab-group { position: relative; width: 100%; height: auto; } .v4 .tab-group > .tab-box { display: none; } .v4 .tab-group > .tab-box.active { display: block; } .v4 .tabs-fill-box { position: relative; overflow: hidden; margin-bottom: 35px; border-bottom: 0px; border-right: 0px; } .v4 .tabs-fill-box li { position: relative; float: left; height: 36px; box-sizing: border-box; border-bottom: 1px solid var(--renew-point-color); border-right: 1px solid var(--renew-point-color); word-break: keep-all; background-color: rgb(255, 255, 255); } .v4 .tabs-fill-box li a { display: table; width: 100%; height: 100%; text-align: center; font-size: 14px; line-height: 35px; color: rgb(153, 153, 153); } .v4 .tabs-fill-box li a span { display: table-cell; vertical-align: middle; color: inherit; } .v4 .tabs-fill-box li.active a { position: relative; font-weight: bold; background: var(--renew-point-color); color: rgb(255, 255, 255) !important; } .v4 .tabs-fill-box.fill-box-col-2 li { width: 50%; } .v4 .tabs-fill-box.fill-box-col-3 li { width: 33.3333%; } .v4 .tabs-fill-box.fill-box-col-4 li { width: 25%; } .v4 .tabs-line { position: relative; overflow: hidden; } .v4 .tabs-line::before { content: ""; display: block; border-bottom: 1px solid var(--renew-point-color); width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; z-index: 0; } .v4 .tabs-line li { overflow: hidden; position: relative; float: left; height: 36px; border-bottom: 1px solid transparent; } .v4 .tabs-line li a { width: 100%; height: 100%; display: block; line-height: 36px; text-align: center; font-weight: bold; font-size: 13px; color: rgb(164, 164, 164); border-top: 1px solid rgb(238, 238, 238); background-color: rgb(250, 250, 250); } .v4 .tabs-line li a::before { content: ""; position: absolute; top: 0px; left: -1px; border-right: 1px solid rgb(238, 238, 238); width: 1px; height: 100%; z-index: 100; } .v4 .tabs-line li:first-child a::before { border-left: 1px solid rgb(238, 238, 238); } .v4 .tabs-line li:last-child a { border-right: 1px solid rgb(238, 238, 238); } .v4 .tabs-line li.active { border-bottom: none; background-color: rgb(255, 255, 255); } .v4 .tabs-line li.active::before { opacity: 1; } .v4 .tabs-line li.active a { border-top: 0px; bottom: 0px; color: rgb(51, 51, 51); border-left: 0px; border-right: 0px; text-overflow: ellipsis; white-space: nowrap; background-color: rgb(255, 255, 255); } .v4 .tabs-line li.active a::before { border-left: none; left: 0px; z-index: -1; } .v4 .table-field { border-top: 1px solid rgb(189, 189, 189); table-layout: fixed; border-collapse: inherit; border-spacing: 0px; overflow-wrap: break-word; width: 100%; } .v4 .table-field th, .v4 .table-field td { position: relative; border-width: 0px 1px 1px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(189, 189, 189); border-bottom-color: rgb(189, 189, 189); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; padding: 0px 5px; text-align: center; vertical-align: middle; font-size: 13px; line-height: 18px; letter-spacing: -1px; color: rgb(102, 102, 102); } .v4 .table-field th:first-child, .v4 .table-field td:first-child { border-left: 1px solid rgb(189, 189, 189); } .v4 .table-field th { background-color: rgb(253, 253, 253); } .v4 .table-field td { word-break: keep-all; } .v4 .section-privacy .table-field th, .v4 .section-privacy .table-field td { border-top: 1px solid rgb(189, 189, 189); } .v4 .table-field caption { display: none; } .v4 .popup-layer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 900; display: none; } .v4 .popup-layer .dim { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.5; z-index: 900; } .v4 .popup-layer .popup-wrap { position: absolute; top: 50%; z-index: 901; left: 0px; right: 0px; margin-left: auto; margin-right: auto; margin-top: -2%; transform: translateY(-50%); } .v4 .popup-layer .popup-cont { overflow: hidden; position: relative; display: block; margin: 0px auto; height: auto; text-align: left; } .v4 .popup-layer .popup-cont .popup-header, .v4 .popup-layer .popup-cont .popup-body, .v4 .popup-layer .popup-cont .popup-footer { position: relative; } .v4 .popup-layer.popup-primary .popup-cont { margin: 0px 5%; padding: 15px; height: auto; background-color: rgb(255, 255, 255); } .v4 .popup-layer.popup-primary .popup-cont .popup-header { padding-right: 30px; padding-bottom: 15px; border-bottom: 1px solid rgb(136, 136, 136); } .v4 .popup-layer.popup-primary .popup-cont .popup-header > strong { font-size: 16px; color: rgb(0, 0, 0); letter-spacing: -1px; line-height: 19px; } .v4 .popup-layer.popup-primary .popup-cont .btn-close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; z-index: 300; } .v4 .popup-layer.popup-primary .popup-cont .btn-close .ico-close { width: 20px; height: 20px; background-position: -26px -74px; position: absolute; top: -2px; right: 0px; margin-left: auto; margin-right: auto; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont { overflow: hidden auto; padding-right: 15px; max-height: 180px; padding-top: 12px; color: rgb(102, 102, 102); line-height: 23px; letter-spacing: -1px; word-break: break-all; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row-info { margin-bottom: 5px; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row-info strong { display: inline-block; line-height: 20px; color: rgb(51, 51, 51); font-weight: normal; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row .color-point { color: var(--renew-point-color); font-weight: bold; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row + .row { margin-top: 10px; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row strong { color: rgb(51, 51, 51); } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row ul > li p.bullet-bar { position: relative; padding: 0px 0px 0px 8px; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row ul > li p.bullet-bar::before { content: "-"; display: inline-block; vertical-align: top; position: absolute; top: 3px; left: 0px; line-height: 1; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row ol > li + li { margin-top: 5px; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row ol > li > ol { margin-top: 5px; padding: 0px 0px 0px 5px; } .v4 .popup-layer.popup-primary .popup-cont .popup-body .body-cont .row ol > li > p { margin-top: 5px; padding: 0px 0px 0px 5px; } .v4 .popup-primary.popup-information .row > strong { font-size: 13px; } .v4 .popup-primary.popup-information .row > p { margin-top: 5px; } .v4 .popup-primary.popup-information .row > ul { margin-top: 5px; padding: 0px 0px 0px 10px; } .v4 .popup-primary.popup-information .row > ul > li { padding: 0px 0px 0px 10px; } .v4 .popup-primary.popup-information .row > ul > li > p { margin-top: 5px; } .v4 .popup-primary.popup-information .row > ul > li > ul > li > span { display: block; } .v4 .popup-layer.popup-video .dim { opacity: 0.9; } .v4 .popup-layer.popup-video .btn-close { position: absolute; top: 0px; right: 0px; z-index: 900; width: 56px; height: 56px; } .v4 .popup-layer.popup-video .btn-close .ico-close { width: 27px; height: 27px; background-position: -24px -21px; position: absolute; top: 15px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; } .v4 .popup-layer.popup-video .popup-wrap { padding: 0px 20px; } .v4 .popup-layer.popup-video .popup-cont .video-cont { width: 100%; height: 100%; } .v4 .popup-layer.popup-video .popup-cont .video-cont iframe { display: block; width: 100%; height: 360px; } .v4 .popup-layer__type2 { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 900; display: none; } .v4 .popup-layer__type2 * { font-family: "Noto Sans KR", sans-serif; font-weight: 400; letter-spacing: -0.5px; } .v4 .popup-layer__type2 *, .v4 .popup-layer__type2 ::before, .v4 .popup-layer__type2 ::after { box-sizing: border-box; } .v4 .popup-layer__type2 .dim { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.4; z-index: 900; } .v4 .popup-layer__type2 .popup-wrap { position: absolute; top: 50%; z-index: 901; left: 0px; right: 0px; width: 100%; height: 100%; margin-left: auto; margin-right: auto; transform: translateY(-50%); } .v4 .popup-layer__type2 .popup-cont { overflow: hidden; position: relative; display: block; margin: 0px auto; text-align: left; background-color: rgb(255, 255, 255); height: 100%; } .v4 .popup-layer__type2 .popup-cont .popup-header, .v4 .popup-layer__type2 .popup-cont .popup-body, .v4 .popup-layer__type2 .popup-cont .popup-footer { position: relative; font-family: "Noto Sans KR", sans-serif; } .v4 .popup-layer__type2.popup-primary .popup-cont { padding: 27px 20px 25px; border: 5px solid rgb(234, 234, 234); } .v4 .popup-layer__type2.popup-primary .popup-cont .popup-header > strong { display: block; padding-right: 9%; font-size: 25px; line-height: 33px; letter-spacing: -0.5px; color: rgb(52, 52, 52); font-weight: bold; } .v4 .popup-layer__type2.popup-primary .popup-cont .btn-close { position: absolute; top: 5px; right: 0px; z-index: 300; } .v4 .popup-layer__type2.popup-primary .popup-cont .btn-close .ico-close { width: 18px; height: 18px; background-position: -73px 0px; margin-top: 2px; } .v4 .popup-layer__type2.popup-primary .popup-cont .popup-body { margin-top: 15px; padding-top: 17px; padding-right: 10px; border-top: 1px solid rgb(0, 0, 0); max-height: 320px; overflow-y: auto !important; } .v4 .popup-layer__type2.popup-primary .body-cont { display: block; padding-bottom: 25px; font-size: 16px; color: rgb(123, 123, 123); line-height: 23px; word-break: break-all; } .v4 .popup-layer__type2.popup-primary .body-cont .row-info { padding-bottom: 15px; } .v4 .popup-layer__type2.popup-primary .body-cont .row-info strong { color: rgb(52, 52, 52); font-size: 14px; line-height: 20px; font-weight: 500; } .v4 .popup-layer__type2.popup-primary .body-cont .row-info p { font-size: 14px; color: rgb(68, 68, 68); } .v4 .popup-layer__type2.popup-primary .body-cont p { line-height: 1.5; } .v4 .popup-layer__type2.popup-primary .body-cont .row { margin-bottom: 15px; } .v4 .popup-layer__type2.popup-primary .body-cont .row:last-child { margin-bottom: 0px; } .v4 .popup-layer__type2.popup-primary .body-cont .row-one > * { display: inline-block !important; vertical-align: middle; } .v4 .popup-layer__type2.popup-primary .body-cont .row-one > strong { margin-bottom: 0px !important; } .v4 .popup-layer__type2.popup-primary .body-cont .row > strong { display: block; margin-bottom: 15px; font-size: 13px; color: rgb(52, 52, 52); line-height: 20px; font-weight: 500; } .v4 .popup-layer__type2.popup-primary .body-cont .row ul > li strong { display: block; margin-bottom: 3px; font-size: 16px; color: rgb(52, 52, 52); font-weight: bold; letter-spacing: -0.5px; line-height: 1.5; } .v4 .popup-layer__type2.popup-primary .body-cont .row .agree_list li { margin-bottom: 15px; } .v4 .popup-layer__type2.popup-primary .body-cont .row .agree_list li span { word-break: keep-all; } .v4 .popup-layer__type2.popup-primary .body-cont .row .agree_list li span.point { font-size: 18px; color: var(--renew-point-color); } .v4 .popup-layer__type2.popup-primary .body-cont .row ul > li em { display: block; margin-bottom: 10px; } .v4 .popup-layer__type2.popup-primary .body-cont .row ul > li p.bullet-bar { position: relative; padding: 0px 0px 0px 7px; } .v4 .popup-layer__type2.popup-primary .body-cont .row ul > li p.bullet-bar::before { content: "-"; display: inline-block; vertical-align: top; position: absolute; top: 3px; left: 0px; line-height: 1; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li + li { margin: 15px 0px 0px; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li > strong { font-size: 18px; color: rgb(52, 52, 52); font-weight: 500; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li > ol { margin: 5px 0px 0px; padding: 0px 0px 0px 10px; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li > ol > li + li { margin: 5px 0px 0px; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li > ol > li > ol { margin: 5px 0px 0px; padding: 0px 0px 0px 10px; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li > ol > li > ol > li + li { margin: 5px 0px 0px; } .v4 .popup-layer__type2.popup-primary .body-cont .row > ol > li > p { margin: 5px 0px 0px; padding: 0px 0px 0px 10px; } .v4 .popup-layer__type2.popup-primary .pos-popup-btn { padding-top: 25px; text-align: center; border-top: 1px solid rgb(229, 229, 229); } .v4 .popup-layer__type2.popup-primary .pos-popup-btn [class^="btn-popup-"] { position: relative; display: inline-block; font-family: "Noto Sans KR", sans-serif; text-align: center; } .v4 .popup-layer__type2.popup-primary .pos-popup-btn .btn-popup-confirm { width: 100%; height: 40px; background-color: var(--renew-point-color); border-radius: 0px; } .v4 .popup-layer__type2.popup-primary .pos-popup-btn .btn-popup-confirm span { font-size: 14px; font-weight: normal; line-height: 40px; color: rgb(255, 255, 255) !important; } .v4 .popup-layer__type2.popup-primary .pos-info-btm { border-top: 1px solid rgb(229, 229, 229); padding-top: 25px; } .v4 .popup-layer__type2.popup-primary .pos-info-btm .btm-info > p { font-size: 12px; color: rgb(68, 68, 68); letter-spacing: -0.5px; line-height: 1.6; } .v4 .popup-layer__type2.popup-primary .pos-info-btm .pos-popup-btn { border-top: none; } .v4 .popup-layer__type2.popup-primary .pos-info-btm .pos-popup-btn .btn-popup-confirm { margin-left: 0px; } .v4 .popup-layer__type2.popup-primary .btn-popup-more { padding: 8px 15px 5px; background-color: rgb(248, 248, 246); border: 1px solid rgb(216, 216, 216); } .v4 .popup-layer__type2.popup-primary .btn-popup-more span { font-size: 12px; color: rgb(52, 52, 52); margin-top: -2px; display: inline-block; vertical-align: top; } .v4 .popup-layer__type2.popup-primary .btn-popup-more .css-arrow { display: inline-block; vertical-align: top; margin-top: 6px; margin-left: 5px; border-style: solid; border-color: rgb(158, 158, 158); border-image: initial; border-width: 0px 1px 1px 0px; padding: 3px; z-index: 200; transform: rotate(-45deg); } .v4 .popup-layer__type2.popup-primary.popup-regular-support .popup-body { max-height: calc(100% - 70px); } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid rgb(229, 229, 229); } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl { width: 100%; } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl + dl { border-top: 1px solid rgb(229, 229, 229); padding-top: 30px; margin-top: 23px; } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl > dt .img-cont { width: 100%; height: 125px; } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl > dt .img-cont img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl > dd { margin-top: 20px; } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl > dd strong { font-size: 20px; color: rgb(52, 52, 52); font-weight: 500; } .v4 .popup-layer__type2.popup-primary.popup-regular-support .body-cont > dl > dd p { margin-top: 5px; font-size: 14px; color: rgb(158, 158, 158); line-height: 20px; word-break: keep-all; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .row:first-child > strong { font-size: 18px; margin-bottom: 5px; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list { overflow: hidden; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list .item + .item { margin-left: 5px; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl { width: 100%; background-color: rgb(248, 248, 246); border: 1px solid rgb(216, 216, 216); padding: 13px 0px 13px 5px; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl.table-wrap { display: table; table-layout: fixed; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl.table-wrap .cell { display: table-cell; vertical-align: middle; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl > dt { width: 30px; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl > dt .ico-cont { margin: 0px auto; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl > dt .ico-cont > img { width: 100%; height: auto; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl:nth-child(1) > dt .ico-cont { width: 20px; height: auto; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl:nth-child(2) > dt .ico-cont { margin-top: 2px; width: 21px; height: auto; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl:nth-child(3) > dt .ico-cont { margin-top: 2px; width: 21px; height: auto; } .v4 .popup-layer__type2.popup-primary.popup-identify .body-cont .identify-list dl > dd { padding-left: 5px; font-size: 11px; line-height: 16px; color: rgb(52, 52, 52); font-weight: 500; } .v4 .popup-layer__type2.popup-primary.popup-cardNews .popup-body { max-height: calc(100% - 70px); border-top: none; padding: 0px; margin-top: 20px; } .v4 .popup-layer__type2.popup-primary.popup-cardNews .popup-cont .popup-body .body-cont .editor-area img { display: inline-block; width: 100%; height: auto; } .v4 .select-field { position: relative; border: 0px; padding: 0px; width: 100%; height: 40px; } .v4 .select-field::before { display: inline-block; content: ""; position: absolute; top: 50%; right: 15px; margin-top: -8px; border-style: solid; border-color: rgb(141, 141, 141); border-image: initial; border-width: 0px 2px 2px 0px; padding: 4px; z-index: 0; transform: rotate(45deg); transition: all 0.2s ease-out 0s; } .v4 .select-field.active::before { margin-top: -3px; border-color: rgb(193, 164, 114); transform: rotate(225deg); } .v4 .select-field select { border-radius: 0px; position: relative; display: block; padding: 0px 15px 0px 10px; width: 100%; height: 40px; border: 1px solid rgb(178, 178, 178); background: none; cursor: pointer; font-family: "Noto Sans KR", sans-serif; font-weight: 400; color: rgb(123, 123, 123); font-size: 14px; letter-spacing: -0.5px; } .v4 .select-field .js-images-loaded-end select { transition: border-color 0.2s ease-out 0s; } .v4 .select-field select:focus { border-color: rgb(193, 164, 114); } .v4 .select-field select option.css-disabled { color: rgb(128, 128, 128); background-color: rgb(200, 200, 200); } @media (max-width: 320px) { .v4 .select-field #bondChildCnt { font-size: 12px; padding-left: 5px; } .v4 .select-field.mob::before { right: 6px; } } .v4 .input-field { position: relative; display: inline-block; } .v4 .input-field input[type="text"], .v4 .input-field input[type="tel"], .v4 .input-field input[type="password"] { width: 100%; height: 40px; border-radius: 0px; font-size: 14px; color: rgb(123, 123, 123); padding: 0px 10px; border: 1px solid rgb(178, 178, 178); background-color: rgb(255, 255, 255); transition: all 0.2s ease-out 0s; } .v4 .input-field input[type="text"]:focus, .v4 .input-field input[type="tel"]:focus, .v4 .input-field input[type="password"]:focus { border: 1px solid rgb(193, 164, 114); } .v4 .input-field input[type="radio"], .v4 .input-field input[type="checkbox"] { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; opacity: 0; } .v4 .input-field input[type="radio"] + label, .v4 .input-field input[type="checkbox"] + label { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; user-select: none; } .v4 .input-field input[type="radio"] + label::after, .v4 .input-field input[type="checkbox"] + label::after { opacity: 0; } .v4 .input-field input[type="radio"]:checked + label::after, .v4 .input-field input[type="checkbox"]:checked + label::after { opacity: 1; } .v4 .input-field input[type="radio"]:focus + label::before, .v4 .input-field input[type="checkbox"]:focus + label::before { outline: -webkit-focus-ring-color auto 1px; } .v4 .input-field .radio-cont { position: relative; font-size: 0px; } .v4 .input-field .radio-cont input[type="radio"] + label::before { content: ""; display: inline-block; width: 21px; height: 21px; border-radius: 50%; vertical-align: middle; background-color: rgb(255, 255, 255); border: 1px solid rgb(216, 216, 216); } .v4 .input-field .radio-cont input[type="radio"] + label::after { content: ""; display: inline-block; width: 9px; height: 9px; position: absolute; left: 6px; top: 6px; background: url("") center center / 100% no-repeat; } .v4 .input-field .radio-cont input[type="radio"] + label span { display: inline-block; vertical-align: middle; margin-top: 0px; margin-left: 5px; font-size: 14px; color: rgb(123, 123, 123); } .v4 .support-step1 .input-field .radio-cont input:disabled[type="radio"] + label::before { background-color: rgb(229, 229, 229); } .v4 .input-field .chk-cont { position: relative; font-size: 0px; } .v4 .input-field .chk-cont input[type="checkbox"] + label::before { content: ""; display: inline-block; width: 21px; height: 21px; vertical-align: middle; margin-top: 2px; background-color: rgb(255, 255, 255); border: 1px solid rgb(216, 216, 216); } .v4 .input-field .chk-cont input[type="checkbox"] + label::after { content: ""; display: inline-block; width: 13px; height: 10px; position: absolute; left: 4px; top: 7px; } .v4 .input-field .chk-cont input[type="checkbox"]:checked + label::before { border: 1px solid rgb(193, 164, 114); } .v4 .input-field .chk-cont input[type="checkbox"]:checked + label::after { background: url("") center center / 100% no-repeat; } .v4 .input-field .chk-cont input[type="checkbox"] + label span { display: inline-block; vertical-align: middle; margin-top: 2px; margin-left: 5px; font-size: 13px; color: rgb(123, 123, 123); letter-spacing: -1px; } .v4 .support-step1 .input-field .chk-cont input:disabled[type="checkbox"] + label::before { background-color: rgb(229, 229, 229); } .v4 .acc-cont .acc-list > li { border-bottom: 1px solid rgb(228, 228, 228); } .v4 .acc-cont .acc-list li .acc-header { position: relative; height: 50px; line-height: 50px; } .v4 .acc-cont .acc-list li .acc-header::after { content: ""; display: inline-block; position: absolute; top: 50%; right: 0px; margin-top: -5px; width: 18px; height: 10px; background: url("") 0% 0% / 100% no-repeat; } .v4 .acc-cont .acc-list li.active .acc-header::after { background: url("") 0% 0% / 100% no-repeat; } .v4 .acc-cont .acc-list li .acc-header strong { font-size: 16px; letter-spacing: -1.5px; color: rgb(51, 51, 51); transition: all 0.2s ease-out 0s; } .v4 .acc-cont .acc-list li.active .acc-header strong { color: var(--renew-point-color); } .v4 .acc-cont .acc-list li .acc-body { border-top: 1px solid rgb(228, 228, 228); } .v4 section .swiper-container { position: relative; } .v4 section .swiper-container .swiper-pagination span.swiper-pagination-bullet { margin: 0px 2px; opacity: 1; border-radius: 0px; width: 8px; height: 3px; background: url("") 0px 0px / 100% no-repeat; } .js-images-loaded-end .swiper-container .swiper-pagination span.swiper-pagination-bullet { transition: all 0.3s ease-out 0s; } .v4 section .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { border-radius: 0px; width: 20px; height: 3px; background: url("") 0px 0px / 100% no-repeat; } .slider-basic { position: relative; } .slider-basic .slider-cont { overflow: hidden; } .slider-basic .slider-cont .swiper-slide { position: relative; } .slider-basic .slider-controls i.ico-arrow { width: 0px; height: 0px; display: inline-block; vertical-align: top; color: transparent; overflow: hidden; line-height: 999px; background: url("") 0% 0% / 69px 32px no-repeat; } .slider-basic .slider-controls .swiper-btn .swiper-arrow { position: absolute; top: 50%; margin-top: -16px; z-index: 200; } .slider-basic .slider-controls .swiper-btn .swiper-arrow > i.ico-arrow { width: 32px; height: 32px; } .slider-basic .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev { left: 0px; } .slider-basic .slider-controls .swiper-btn .swiper-arrow.swiper-button-next { right: 0px; } .slider-basic .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev i.ico-arrow { background-position: 0px 0px; } .slider-basic .slider-controls .swiper-btn .swiper-arrow.swiper-button-next i.ico-arrow { background-position: -36px 0px; } .slider-basic .swiper-counter { position: absolute; bottom: 6px; right: 15px; margin-left: auto; margin-right: auto; width: inherit; line-height: 1; font-size: 12px; letter-spacing: -1px; color: rgb(255, 255, 255); z-index: 200; text-align: center; } .slider-basic .swiper-counter .swiper-counter-current { font-weight: bold; font-size: 16px; color: rgb(200, 218, 42); } .slider-basic .swiper-pagination { position: absolute; bottom: 0px; left: 0px; width: calc(100% - 70px); text-align: left; z-index: 200; } .slider-basic .swiper-pagination-bullet { display: none; width: 100%; height: 25px; border-radius: inherit; background: transparent; opacity: 1; } .slider-basic .swiper-pagination-bullet.swiper-pagination-bullet-active { display: block; } .slider-basic .swiper-pagination-bullet .table-wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 25px; z-index: 200; display: table; table-layout: fixed; } .slider-basic .swiper-pagination-bullet .table-wrap .cell { display: table-cell; vertical-align: middle; } .slider-basic .swiper-pagination-bullet .table-wrap .cell > p { padding: 0px 15px; margin-top: 0px; font-size: 12px; line-height: 1; color: rgb(255, 255, 255); letter-spacing: -0.5px; word-break: keep-all; } .slider-basic .bg-bottom { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 25px; line-height: 25px; background-color: rgba(0, 0, 0, 0.6); z-index: 100; } .slider-basic.slider-basic__type2 .swiper-pagination { bottom: 47px; width: 100%; left: 0px; } .slider-basic.slider-basic__type2 .bg-bottom { bottom: 47px; } .slider-basic.slider-basic__type2 .swiper-pagination-bullet { height: 60px; } .slider-basic.slider-basic__type2 .swiper-pagination-bullet .table-wrap { height: 60px; } .slider-basic.slider-basic__type2 .swiper-pagination-bullet .table-wrap .cell > p { line-height: 16px; } .slider-basic.slider-basic__type2 .bg-bottom { height: 60px; } .slider-basic.slider-basic__type2 .slider-controls { position: relative; width: 100%; text-align: center; } .slider-basic.slider-basic__type2 .slider-controls .swiper-counter { bottom: 10px; right: 0px; left: 0px; width: 75px; } .slider-basic.slider-basic__type2 .slider-controls .swiper-counter > span { display: inline-block; vertical-align: top; font-size: 12px; color: rgb(153, 153, 153); letter-spacing: 0px; font-weight: normal; } .slider-basic.slider-basic__type2 .slider-controls .swiper-counter > span.swiper-counter-current { color: var(--renew-point-color); } .slider-basic.slider-basic__type2 .slider-controls .swiper-btn { overflow: hidden; padding-top: 15px; margin: 0px auto; width: 138px; } .slider-basic.slider-basic__type2 .slider-controls .swiper-btn .swiper-arrow { display: inline-block; position: relative; top: auto; bottom: 0px; margin-top: 0px; } .slider-basic.slider-basic__type2 .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev { float: left; } .slider-basic.slider-basic__type2 .slider-controls .swiper-btn .swiper-arrow.swiper-button-next { float: right; } .slider-basic.slider-basic__type2 .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev i.ico-arrow { display: inline-block; width: 32px; height: 32px; background: url("") 0px 0px / 32px no-repeat; } .slider-basic.slider-basic__type2 .slider-controls .swiper-btn .swiper-arrow.swiper-button-next i.ico-arrow { display: inline-block; width: 32px; height: 32px; background: url("") 0px 0px / 32px no-repeat; } i.ico-common { width: 0px; height: 0px; display: inline-block; vertical-align: top; color: transparent; overflow: hidden; line-height: 999px; background: url(data:image/webp;base64,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XY2dWVcts5EYpdhhbHnEAFMIORB2zY81oUgvOyPGaPq3lcVlRs0IecZ84owPz9RH2WkLk/O8u0fVkWQ9IzI8higSjozcZoHVGAehVlKLK+JGgeJKbNpw8E4Vs0VIVLGuecnO0y2d2T+XUhB5ml/xjAAAAABFWElGugAAAEV4aWYAAElJKgAIAAAABgASAQMAAQAAAAEAAAAaAQUAAQAAAFYAAAAbAQUAAQAAAF4AAAAoAQMAAQAAAAIAAAATAgMAAQAAAAEAAABphwQAAQAAAGYAAAAAAAAASAAAAAEAAABIAAAAAQAAAAYAAJAHAAQAAAAwMjEwAZEHAAQAAAABAgMAAKAHAAQAAAAwMTAwAaADAAEAAAD//wAAAqAEAAEAAAD0AQAAA6AEAAEAAAD0AQAAAAAAAFhNUCBkAwAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZjM1NGVmYzcwLCAyMDIzLzExLzA5LTEyOjA1OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODdmZTU4NWMtNjJiNS00ZjRiLTg4YTgtZmJlNDY1MDQ0NzZmIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDMUU0Q0U1Q0FEQTExRUVCMzM4Q0Q2NkNEQTEyRTQ1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDMUU0Q0U0Q0FEQTExRUVCMzM4Q0Q2NkNEQTEyRTQ1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Q0EyMzFERTJBNEExMUVCOTE4OEM2MjY5MjFFNkY5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0EyMzFERjJBNEExMUVCOTE4OEM2MjY5MjFFNkY5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg==) 0% 0% / 250px no-repeat; } .v4 body { } .v4 body.js-fixed { overflow: hidden; position: fixed; width: 100%; height: 100%; } .v4 body.js-depth01-hide .row.row-menu-depth01 { display: none; } .v4 header .row.row-menu-depth02 { display: none; } .v4 .topLine { border-top: 1px solid rgb(216, 216, 216); } .v4 #contents { padding-top: 40px; } .v4 #contents.topLine { border-top: 0px; } .v4 body.page-main section.row, .v4 body.page-main section .row, .v4 body.page-main footer.row { margin-top: 8px; border-top: 1px solid rgb(236, 236, 236); background-color: rgb(255, 255, 255); } .v4 body .js-gnb1depth-list { display: none; } .v4 #wrap.main { padding: 0px !important; } .v4 #wrap.main #header { background: none; } .v4 #wrap.main header.active .logo { background: url("") 0px 0px / contain no-repeat; } .v4 #wrap.main #header.scroll { background: rgb(255, 255, 255); } .v4 header.active .btn-search .ico-search { background: url("") 50% 50% / 18px no-repeat; } .v4 header.active .btn-nav-open .ico-hamburger { background: url("") 50% 50% / 17px no-repeat; } .v4 header.active .btn-user .ico-user { background: url("") 50% 50% / 19px no-repeat; } #wrap > #wrap { padding-top: 0px !important; } .v4 .gnb_fixed #header { border-bottom: 1px solid rgb(221, 221, 221); } .v4 #header { top: 0px; width: 100%; height: auto; background-color: rgb(255, 255, 255); z-index: 500; transition: all 0.1s ease-in-out 0s; position: fixed !important; } .v4 header .inner-cont { position: relative; text-align: center; } .v4 header .logo { z-index: 402; position: absolute; top: 17px; left: 18px; width: 85px; height: 25px; background: url(data:image/webp;base64,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cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODU3MTU3NTM3MUExMUVFOThGNkFBMUI4NUZFMTQ3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODU3MTU3NjM3MUExMUVFOThGNkFBMUI4NUZFMTQ3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4NTcxNTczMzcxQTExRUU5OEY2QUExQjg1RkUxNDc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4NTcxNTc0MzcxQTExRUU5OEY2QUExQjg1RkUxNDc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+) 0px 0px / contain no-repeat; } .v4 header .logo > a { display: inline-block; width: 100%; height: 100%; } .v4 header .row { position: relative; height: 60px; line-height: 60px; } .v4 header .row:nth-child(2) { height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: var(--renew-point-color); font-weight: bold; border-top: 1px solid rgb(213, 213, 213); background: rgb(243, 243, 243); } .v4 header .row:nth-child(3) { height: 35px; line-height: 35px; background-color: rgb(249, 249, 249); text-align: left; border-top: 1px solid rgb(213, 213, 213); border-bottom: 1px solid rgb(221, 221, 221); } .v4 header [class^="btn-"] { position: absolute; z-index: 400; } .v4 header [class^="btn-"] > a { display: inline-block; height: auto; } .v4 header .btn-nav-open { top: 0px; bottom: 0px; right: 7px; margin: auto 0px; width: 30px; height: 30px; } .v4 header .btn-nav-open > a { display: block; width: 100%; height: 100%; } .v4 header .btn-nav-open .ico-hamburger { width: 100%; height: 100%; background: url(data:image/webp;base64,UklGRlADAABXRUJQVlA4WAoAAAA4AAAAIQAAIQAASUNDUOABAAAAAAHgbGNtcwQgAABtbnRyUkdCIFhZWiAH4gADABQACQAOAB1hY3NwTVNGVAAAAABzYXdzY3RybAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWhhbmR56b9WWj4BtoMjhVVG90+qAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApkZXNjAAAA/AAAACRjcHJ0AAABIAAAACJ3dHB0AAABRAAAABRjaGFkAAABWAAAACxyWFlaAAABhAAAABRnWFlaAAABmAAAABRiWFlaAAABrAAAABRyVFJDAAABwAAAACBnVFJDAAABwAAAACBiVFJDAAABwAAAACBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAYAAAAcAEMAQwAwAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMPwAABd3///MmAAAHkAAA/ZL///uh///9ogAAA9wAAMBxWFlaIAAAAAAAAG+gAAA48gAAA49YWVogAAAAAAAAYpYAALeJAAAY2lhZWiAAAAAAAAAkoAAAD4UAALbEcGFyYQAAAAAAAwAAAAJmaQAA8qcAAA1ZAAAT0AAACltBTFBIGwAAAAEPMP8REYJA0uaw/pkt8AAR/U8I2gkE7QSCAABWUDggZAAAADAEAJ0BKiIAIgA+bTaVSKQioaEjiQCADYllAMdFADn/wCaNvTqLi1TRAAD+7DGajD3Y2mLAnqQNAyovwNeojIPkAlzIoIsjvNpEe7dlX7Ev7Q1z3S3vmr9BASrEUVf0edAAAABFWElGugAAAEV4aWYAAElJKgAIAAAABgASAQMAAQAAAAEAAAAaAQUAAQAAAFYAAAAbAQUAAQAAAF4AAAAoAQMAAQAAAAIAAAATAgMAAQAAAAEAAABphwQAAQAAAGYAAAAAAAAASAAAAAEAAABIAAAAAQAAAAYAAJAHAAQAAAAwMjEwAZEHAAQAAAABAgMAAKAHAAQAAAAwMTAwAaADAAEAAAD//wAAAqAEAAEAAAAiAAAAA6AEAAEAAAAiAAAAAAAAAA==) 50% 50% / 17px no-repeat; } .v4 header .btn-user { top: 0px; bottom: 0px; right: 79px; margin: auto 0px; width: 30px; height: 30px; } .v4 header .btn-user > a { display: block; width: 100%; height: 100%; } .v4 header .btn-user .ico-user { display: block; width: 100%; height: 100%; background: url("") 50% 50% / 19px no-repeat; } .v4 header .btn-user .ico-user.naver { background: url("") 50% 50% / 18px no-repeat; } .v4 header .btn-user .ico-user.kako { background: url("") 50% 50% / 18px no-repeat; } .v4 header .btn-user .ico-user.apple { background: url("") 50% 50% / 24px no-repeat; } .v4 header .btn-user .ico-user.google { background: url("") 50% 50% / 18px no-repeat; } .v4 header .btn-user .ico-user.green { background: url("") 50% 50% / 21px no-repeat; } .v4 header .btn-search { top: 0px; bottom: 0px; right: 42px; margin: auto 0px; width: 30px; height: 30px; } .v4 header .btn-search > a { display: block; width: 100%; height: 100%; } .v4 header .btn-search .ico-search { width: 100%; height: 100%; background: url("") 50% 50% / 18px no-repeat; } .v4 header .search-layer { z-index: 401; position: absolute; top: 0px; width: 100%; height: 285px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 6px; } .v4 header .search-layer .box { position: relative; top: 76px; line-height: 38px; margin: 0px 17px; } .v4 header .search-layer input { width: 100%; height: 38px; border-width: 0px 0px 2px; 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-radius: 0px; border-bottom-style: solid; border-bottom-color: rgb(34, 34, 34); outline: none; } .v4 header .search-layer .search { position: absolute; top: 4px; right: -9px; width: 38px; height: 38px; font-size: 0px; background: url("") 50% 50% / 18px no-repeat; } .v4 header .search-layer .close { position: absolute; top: 17px; right: 9px; width: 38px; height: 38px; font-size: 0px; } .v4 header .search-layer .close::before, .v4 header .search-layer .close::after { content: ""; position: absolute; inset: 0px; margin: auto; width: 16px; height: 1px; transform: rotate(45deg); background: rgb(102, 102, 102); } .v4 header .search-layer .close::before { transform: rotate(-45deg); } .v4 header .search-layer .quick_g { text-align: left; } .v4 header .search-layer .quick_g p { font-weight: 700; margin-top: 18px; } .v4 header .search-layer .quick_g ul { width: 290px; margin-top: 15px; display: flex; flex-wrap: wrap; } .v4 header .search-layer .quick_g li { height: 30px; background: rgb(247, 247, 247); border-radius: 15px; padding: 0px 10px; line-height: 30px; text-align: center; margin-right: 15px; margin-bottom: 15px; } .v4 header .search-layer .quick_g li a { color: rgb(153, 153, 153); font-weight: 500; } .v4 header .btn-helpReceiptList { top: 11px; right: 13.5%; display: inline-block; width: 81px; height: 23px; background: url("") 0px 0px / 100% no-repeat; } .v4 header [class^="menu-"] .menu-list { overflow: hidden; position: relative; } .v4 header [class^="menu-"] .menu-list > li { position: relative; float: left; line-height: inherit; } .v4 header .menu-depth01 > .menu-list > li { position: relative; width: 25%; height: 100%; } .v4 header .menu-depth01 > .menu-list > li::before { content: ""; border-left: 1px solid rgb(216, 216, 216); position: absolute; top: 0px; left: 0px; z-index: 400; width: 1px; height: 38px; } .v4 header .menu-depth01 > .menu-list > li::after { content: ""; display: inline-block; width: calc(100% + 1px); height: 4px; background-color: rgb(11, 135, 30); position: absolute; bottom: 2px; left: 0px; z-index: 500; opacity: 0; transition: all 0.2s ease-out 0s; } .v4 header .menu-depth01 > .menu-list > li:first-child::before { display: none; } .v4 header .menu-depth01 > .menu-list > li > a { font-family: "Noto Sans KR"; font-weight: 600; font-size: 15px; line-height: 38px; color: rgb(0, 0, 0); letter-spacing: -0.8px; } .v4 header .menu-depth01 > .menu-list > li.active::after { opacity: 1; } .v4 header .row-menu-depth02::after { opacity: 0.5; content: ""; position: absolute; top: 0px; right: 0px; width: 30px; height: 35px; z-index: 400; background-image: linear-gradient(to right, transparent, rgb(249, 249, 249)); } .v4 header .menu-depth02 { position: relative; overflow: auto hidden; } .v4 header .menu-depth02 > .menu-list { padding: 0px 20px; } .v4 header .menu-depth02 > .menu-list > li { position: relative; } .v4 header .menu-depth02 > .menu-list > li:first-child::before { display: none; } .v4 header .menu-depth02 > .menu-list > li + li { margin-left: 30px; } .v4 header .menu-depth02 > .menu-list > li > a { font-family: "Noto Sans KR"; font-weight: 600; font-size: 14px; line-height: 34px; color: rgb(204, 204, 204); letter-spacing: -0.5px; transition: color 0.2s ease-out 0s; } .v4 header .menu-depth02 > .menu-list > li.active > a { color: rgb(248, 169, 16); } .v4 .nav-layer-wrap .menu-header { z-index: 99; position: fixed; width: 100%; height: 60px; background: rgb(255, 255, 255); } .v4 .fixed .nav-layer-wrap .menu-header { border-bottom: 1px solid rgb(204, 204, 204); } .v4 .nav-layer-wrap h1 { display: block; position: fixed; top: 17px; left: 18px; z-index: 999; background: url(data:image/webp;base64,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cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODU3MTU3NTM3MUExMUVFOThGNkFBMUI4NUZFMTQ3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODU3MTU3NjM3MUExMUVFOThGNkFBMUI4NUZFMTQ3NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4NTcxNTczMzcxQTExRUU5OEY2QUExQjg1RkUxNDc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4NTcxNTc0MzcxQTExRUU5OEY2QUExQjg1RkUxNDc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+) 0px 0px / 85px no-repeat; } .v4 .nav-layer-wrap h1 a { display: block; width: 85px; height: 50px; font-size: 0px; } .v4 .nav-layer-wrap .dim { display: none; position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.5; width: 100%; height: 100%; z-index: 600; } .v4 .nav-layer-wrap .btn-nav-close { position: fixed; width: 38px; height: 38px; top: 6px; right: 6px; z-index: 999; } .v4 .nav-layer-wrap .btn-nav-close .ico-close { width: 38px; height: 38px; background: none; } .v4 .nav-layer-wrap .btn-nav-close .ico-close::before, .v4 .nav-layer-wrap .btn-nav-close .ico-close::after { content: ""; position: absolute; inset: 0px; margin: auto; width: 16px; height: 1px; transform: rotate(45deg); background: rgb(102, 102, 102); } .v4 .nav-layer-wrap .btn-nav-close .ico-close::before { transform: rotate(-45deg); } .v4 .nav-layer-wrap .nav-layer-cont { position: relative; background-color: rgb(255, 255, 255); font-family: "Noto Sans KR"; } .v4 .js-images-loaded-end .nav-layer-cont { transition: all 0.3s ease-out 0s; } .v4 .nav-layer-wrap .nav-layer-cont h2 { z-index: 1; position: relative; padding: 86px 0px 0px 19px; font-size: 25px; font-weight: bold; letter-spacing: -1px; background: rgb(255, 255, 255); } .v4 .nav-layer-wrap .nav-layer-cont h2 strong { color: var(--renew-point-color); } .v4 .nav-layer-cont .nav-header { z-index: 1; position: relative; padding-bottom: 20px; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); } .v4 .nav-layer-cont .nav-header .pos-btn { background-color: rgb(255, 255, 255); text-align: center; padding: 20px 19px; } .v4 .nav-layer-cont .nav-header .pos-btn .btn-support { padding: 0px; background-color: transparent; display: block; width: 100%; border: 1px solid var(--renew-point-color); color: var(--renew-point-color); box-sizing: border-box; } .v4 .nav-layer-cont .nav-header .pos-btn .btn-support span { font-family: "Noto Sans KR"; font-weight: normal; font-size: 14px; line-height: 38px; } .v4 .nav-layer-cont .nav-header .snb-user { text-align: center; font-size: 0px; } .v4 .nav-layer-cont .nav-header .snb-user > a { position: relative; display: inline-block; width: 33%; } .v4 .nav-layer-cont .nav-header .snb-user > a ~ a::after { content: ""; width: 1px; height: 50px; position: absolute; top: 0px; bottom: 0px; left: 0px; margin: auto 0px; background: rgb(221, 221, 221); } .v4 .nav-layer-cont .nav-header .snb-user > a::before { content: ""; display: block; width: 34px; height: 34px; margin: 0px auto 12px; } .v4 .nav-layer-cont .nav-header .snb-user > a:nth-child(1)::before { background: url("") 50% 50% / 34px no-repeat; } .v4 .nav-layer-cont .nav-header .snb-user > a:nth-child(2)::before { background: url("") 50% 50% / 34px no-repeat; } .v4 .nav-layer-cont .nav-header .snb-user > a:nth-child(3)::before { background: url("") 50% 50% / 34px no-repeat; } .v4 .nav-layer-cont .nav-header .snb-user > a > span { font-family: "Noto Sans KR"; font-size: 14px; font-weight: 500; letter-spacing: -0.8px; color: rgb(102, 102, 102); } .v4 .nav-layer-cont .nav-menu::after { content: ""; display: block; height: 0px; clear: both; } .v4 .nav-layer-cont .nav-menu a { display: block; height: 55px; line-height: 55px; padding: 0px 19px; font-family: "Noto Sans KR"; } .v4 .nav-layer-cont .nav-menu .menuDept1 { float: left; width: 130px; height: 100vh; position: sticky; top: 60px; left: 0px; background: var(--renew-point-color); } .v4 .nav-layer-cont .nav-menu .menu-depth01 > a { z-index: 2; position: relative; display: block; width: 130px; padding: 0px 19px; height: 55px; line-height: 55px; font-size: 15px; font-weight: 500; letter-spacing: -0.8px; box-sizing: border-box; background: var(--renew-point-color); color: rgb(255, 255, 255) !important; } .v4 .nav-layer-cont .nav-menu .menu-depth01 > a.active { background: rgb(255, 255, 255); border-right: 1px solid rgb(221, 221, 221); color: var(--renew-point-color) !important; } .v4 .nav-layer-cont .nav-menu .menu-depth01 > a.active + .menu-depth02 { display: block; } .v4 .nav-layer-cont .nav-menu .menu-depth01:nth-child(4) .menu-depth02 { box-sizing: border-box; padding-top: 164px; } .v4 .nav-layer-cont .nav-menu .menu-depth01:nth-child(4) li { border-top: 1px solid rgb(221, 221, 221); } .v4 .nav-layer-cont .nav-menu .menu-depth02 { position: sticky; } .v4 .nav-layer-cont .nav-menu .menu-depth02, .v4 .nav-layer-cont .nav-menu .menu-depth02 .mDepth2_g:last-child { min-height: calc(-60px + 100vh); } .v4 .nav-layer-cont .nav-menu .menu-depth02 .mDepth2_g ~ .mDepth2_g { border-top: 1px solid rgb(0, 0, 0); } .v4 .nav-layer-cont .nav-menu .menu-depth02 .menu-tit { height: 55px; line-height: 55px; padding: 0px 19px; font-size: 15px; font-weight: 900; color: var(--renew-point-color); } .v4 .nav-layer-cont .nav-menu .menu-depth02 { width: calc(100% - 130px); min-height: calc(-60px + 100vh); margin: 0px 0px 0px auto; background-color: rgb(255, 255, 255); overflow-y: auto; } .v4 .nav-layer-cont .nav-menu .menu-depth02 li { position: relative; z-index: 1; } .v4 .nav-layer-cont .nav-menu .menu-depth02 li a { height: 55px; line-height: 55px; color: rgb(34, 34, 34); font-weight: bold; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); } .v4 .nav-layer-cont .nav-menu .menu-depth03 li a { height: 45px; line-height: 45px; font-weight: 500; color: rgb(119, 119, 119); background: rgb(246, 246, 246); border-bottom: 1px solid rgb(221, 221, 221); } .v4 .nav-layer-cont .nav-menu .menu-depth04 li a { height: 45px; line-height: 45px; font-weight: 400; color: rgb(85, 85, 85); background: rgb(237, 237, 237); border-bottom: 1px solid rgb(221, 221, 221); } .v4 .nav-layer-cont .nav-menu .menu-depth04 li a::before { content: "- "; } .v4 .nav-layer-cont .menu-users { width: 130px; padding: 30px 0px 30px 17px; font-size: 0px; background: var(--renew-point-color); box-sizing: border-box; } .v4 body.fixed .nav-layer-cont .menu-users { position: sticky; bottom: 0px; left: 0px; } .v4 .nav-layer-cont .menu-users li { position: relative; } .v4 .nav-layer-cont .menu-users > li ~ li { margin-top: 4px; } .v4 .nav-layer-cont .menu-users > li a { height: auto; line-height: 28px; } .v4 .nav-layer-cont .menu-users > li span { display: block; font-family: "Noto Sans KR"; font-size: 13px; color: rgb(255, 255, 255); letter-spacing: -0.5px; } @media only all and (max-height: 480px) { .v4 body.fixed .nav-layer-cont .menu-users { position: static; } } .v4 #contents.main-contents { position: relative; padding: 0px; } .v4 .main-contents section, .v4 .main-contents section .inner-cont { display: block; position: relative; margin: 0px auto; } .v4 section h2 { font-family: "Noto Sans KR"; font-weight: 700; font-size: 21px; letter-spacing: -0.8px; color: rgb(0, 0, 0); } .v4 section .img-cont > img { display: block; width: 100%; height: auto; } .btn_hide, .btn_show { position: fixed; right: 19px; bottom: 60px; width: 53px; height: 53px; display: block; z-index: 1301; } .btn_show { display: none; } .btn_spon.hidden { bottom: 80px; visibility: hidden; opacity: 0; transition: all 0.2s ease 0.2s; } .btn_chatbot.hidden { bottom: 80px; visibility: hidden; opacity: 0; transition: all 0.2s ease 0.1s; } .v4 footer * { font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", 돋움, Dotum, 굴림, Gulim !important; } .v4 #footer { background-color: rgb(255, 255, 255); padding-bottom: 25px; border-top: 1px solid rgb(229, 229, 229); } .v4 footer .contactus { padding: 20px 17px 21px; font-size: 15px; background: rgb(249, 249, 249); } .v4 footer .contactus a { font-weight: bold; color: rgb(34, 34, 34); } .v4 footer .contactus a strong { margin-left: 20px; color: var(--renew-point-color); } .v4 footer .contactus p { margin-top: 5px; font-size: 14px; color: rgb(102, 102, 102); } .v4 footer .footer-sns { position: relative; padding-left: 17px; padding-top: 27px; margin-top: 24px; text-align: left; border-top: 1px solid rgb(238, 238, 238); } .v4 footer .footer-sns > li { display: inline-block; margin: 0px -2px; } .v4 footer .footer-sns > li + li { margin-left: 16px; } .v4 footer .footer-sns > li i { height: 19px; vertical-align: middle; } .v4 footer .footer-sns i.ico-common { background: url("") 0px 0px / 164px 19px no-repeat; } .v4 footer .footer-sns > li i.ico-yt { width: 25px; background-position: 0px 0px; } .v4 footer .footer-sns > li i.ico-fb { width: 11px; background-position: -40px 0px; } .v4 footer .footer-sns > li i.ico-tw { width: 21px; background-position: -65px 0px; } .v4 footer .footer-sns > li i.ico-instar { width: 19px; background-position: -100px 0px; } .v4 footer .footer-sns > li i.ico-blog { width: 30px; background-position: right 0px; } .v4 footer .footer-users { position: relative; text-align: left; padding-left: 17px; padding-top: 24px; border-top: 1px solid rgb(238, 238, 238); } .v4 footer .footer-users > li { position: relative; display: inline-block; margin: 0px -2px; } .v4 footer .footer-users > li + li { margin-left: 16px; } .v4 footer .footer-users > li span { font-size: 12px; letter-spacing: -0.8px; color: rgb(34, 34, 34); } .v4 footer .footer-links { position: relative; text-align: left; padding-top: 3px; padding-left: 17px; } .v4 footer .footer-links > li { position: relative; display: inline-block; margin: 0px -2px; } .v4 footer .footer-links > li + li { margin-left: 16px; } .v4 footer .footer-links > li span { font-size: 11px; color: rgb(34, 34, 34); letter-spacing: -0.8px; } .v4 footer .footer-links > li span b { font-weight: bold; } .v4 footer .copyright { position: relative; padding-top: 54px; } .v4 footer .copyright p { font-size: 11px; color: rgb(34, 34, 34); letter-spacing: 0px; } .btnType5 { line-height: 40px; height: 40px; } .btn_more a span { color: var(--renew-point-color) !important; } .section_tit { height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: rgb(48, 40, 40); font-weight: bold; } .login { display: flex; flex-direction: column; align-content: center; } .chr_login { display: flex; flex-direction: column; align-content: center; } .pop_chatbot { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 890; display: none; } .pop_chatbot iframe { width: 100%; height: 100vh; border: 0px; } .pop_chatbot a.chatbot_close { width: 42px; height: 42px; position: absolute; top: 18px; right: 14px; font-size: 0px; text-indent: -9999em; } .new_contents .id_link { margin: 30px 0px 10px; } .new_contents .id_link .tit { font-size: 14px; color: var(--renew-point-color); margin-bottom: 15px; text-align: center; background: url("") center top / 60px no-repeat; padding: 70px 0px 10px; } .new_contents .id_link .id_box { margin-bottom: 15px; text-align: center; } .new_contents .id_link .id_box li.base { font-size: 18px; padding: 15px 0px; } .new_contents .id_link .id_box li { width: 90%; display: inline-block; border: 1px solid rgb(233, 233, 233); background: rgb(250, 250, 250); position: relative; text-align: center; border-radius: 10px; margin-bottom: 10px; } .new_contents .id_link .id_box li input + label .ic { display: block; width: 30px; height: 30px; background: url("") 0% 0% / cover; position: absolute; top: 120px; left: calc(50% - 10px); transition: all 0.5s ease 0s; } .new_contents .id_link .id_box li input + label { font-size: 14px; color: rgb(34, 34, 34); font-weight: bold; padding: 20px 10px; box-sizing: border-box; display: inline-block; vertical-align: middle; } .new_contents .id_link .id_box li input:checked + label .ic { background: url(""); } .new_contents .id_link .id_box li input[type="radio"] { vertical-align: middle; } .new_contents p.desc01 { font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 30px; font-weight: 200; text-align: center; } .new_contents .substance h3.tit { margin: 40px 0px 10px; text-align: center; } .new_contents .substance .my_stit { font-size: 14px; color: rgb(153, 153, 153); text-align: center; margin-bottom: 25px; } .new_contents .substance p.stit { font-size: 14px; color: var(--renew-point-color); text-align: center; font-weight: 200; } .new_contents .my_step { border: 1px solid rgb(217, 217, 217); border-radius: 5px; display: flex; margin-bottom: 30px; } .new_contents .my_step li { width: 270px; text-align: center; padding: 15px 0px; position: relative; } .new_contents .my_step li::before { content: ""; display: inline-block; width: 40px; height: 40px; background: url("") 0% 0% / 40px no-repeat; position: absolute; top: 18px; left: 50%; margin-left: -20px; } .new_contents .my_step li strong { font-size: 14px; color: rgb(51, 51, 51); display: block; border-right: 1px solid rgb(217, 217, 217); padding: 50px 0px 10px; } .new_contents .my_step li.step02 strong { padding-left: 20px; } .new_contents .my_step li.step03 strong { border: none; padding-left: 20px; } .new_contents .my_step li.step03::after { display: none; } .new_contents .my_step li.step02::before { left: 70px; background: url("") 0% 0% / 40px no-repeat; } .new_contents .my_step li.step03::before { left: 70px; background: url("") 0% 0% / 40px no-repeat; } .new_contents .my_step li::after { content: ""; display: block; background: url(""); width: 28px; height: 28px; position: absolute; top: 40px; right: -27px; } .new_contents .substance .desc02 { font-size: 14px; margin-bottom: 10px; font-weight: 600; } .new_contents .substance .inputBox .txt_input_info { min-height: auto; } .new_contents .substance .inputBox.idpwck .id_vail_confirm, .new_contents .substance .inputBox.idpwck .pwd_vail_confirm2 { display: none; } .new_contents .substance .inputBox .line { margin-bottom: 5px; } .new_contents .substance .inputBox .zipcode { background: var(--renew-point-color); color: rgb(255, 255, 255); text-align: center; line-height: 34px; height: 34px; } .cont-campaign .filter-cate-card li:nth-child(4).active .img-cont { border-top: 1px solid rgb(142, 125, 83); border-right: 1px solid rgb(142, 125, 83); border-left: 1px solid rgb(142, 125, 83); border-image: initial; border-bottom: none; } .cont-campaign .filter-cate-card li:nth-child(4).active .text-cont { background-color: rgb(142, 125, 83); } .cont-campaign .filter-cate-card li { width: calc(25%); height: 210px; } .cont-campaign .filter-cate-card li + li { width: calc(25% - 5px); margin-left: 5px; } .chain_con .tit_bx { margin-bottom: 35px; min-height: 62px; padding: 18px 10px; box-sizing: border-box; border-top: 2px solid rgb(177, 177, 177); border-bottom: 2px solid rgb(228, 228, 228); background: rgb(246, 246, 246); font-size: 18px; font-weight: bold; line-height: 24px; color: rgb(51, 51, 51); } .chain_con .step_bx { position: relative; margin-top: 0px; } .chain_con .step_bx .btn_bx { margin-top: 20px; text-align: center; } .chain_con .step_bx .btn_bx button { padding: 0px 20px; height: 40px; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); font-weight: bold; background: rgb(161, 161, 161); border-radius: 4px; } .chain_con .step_bx .btn_bx button span { position: relative; } .chain_con .step_bx .img_step { height: 100%; } .chain_con .step_bx .step_view { margin-top: 20px; height: 25vw; box-sizing: border-box; text-align: center; padding: 0px 3.5vw; } .chain_con .step_bx .img_step.img_step1 { background: url("") center center / 100% 100% no-repeat; } .chain_con .step_bx .img_step.img_step1 { background: url("") center center / 100% 100% no-repeat; } .chain_con .step_bx .img_step.img_step2 { background: url("") center center / contain no-repeat; } .chain_con .step_bx .img_step.img_step3 { background: url("") center center / contain no-repeat; } .chain_con .step_bx .img_step.img_step4 { background: url("") center center / contain no-repeat; } .step_con { margin-top: 15px; } .step_con .tit_s { margin: 20px 0px 5px; font-size: 14px; font-weight: bold; line-height: 18px; color: rgb(51, 51, 51); } .total_bx { margin-top: 10px; text-align: right; } .total_bx .txt { font-size: 15px; line-height: 28px; color: rgb(51, 51, 51); font-weight: bold; } .total_bx .num { font-size: 22px; line-height: 28px; color: rgb(49, 185, 127); font-weight: bold; } .table_block { margin-top: 5px; } .table_block ul { border-right: 1px solid rgb(228, 228, 228); border-bottom: 1px solid rgb(228, 228, 228); border-left: 1px solid rgb(228, 228, 228); border-image: initial; border-top: none; } .table_block ul li { padding: 10px; overflow: hidden; border-top: 1px solid rgb(228, 228, 228); } .table_block ul li .tt { float: left; width: 42%; font-size: 13px; line-height: 18px; color: rgb(136, 136, 136); padding-right: 5px; box-sizing: border-box; letter-spacing: -0.05em; } .table_block ul li .ex { float: left; width: 58%; font-size: 13px; line-height: 18px; color: rgb(51, 51, 51); font-weight: bold; padding-right: 5px; box-sizing: border-box; letter-spacing: -0.05em; } .f_green { color: rgb(49, 185, 127) !important; } .bold { font-weight: bold !important; } .newsletter .board_search select { width: auto !important; } select.bl_select { appearance: none; } .bl_select { position: relative; padding: 0px 30px 0px 10px; width: 100%; border-radius: 3px; border: 1px solid rgb(185, 185, 185); vertical-align: top; cursor: pointer; background: url("") calc(100% - 10px) center no-repeat rgb(255, 255, 255); box-sizing: border-box; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 1 !important; height: 38px !important; color: rgb(102, 102, 102) !important; } .srh_bx select { filter: none; opacity: 1; } .pop_block_con { height: 620px; overflow: auto; } .v3 #popup-allmenu .popup-cont.block-cont { padding: 10px; } .v2 .popup-layer__type2.popup-primary.popup-regular-support .popup-body { max-height: 620px; padding-top: 0px; } .v2 .popup-layer__type2.popup-blockchain .popup-wrap { margin-top: -4.5%; } .table_block2.sticky { position: relative; max-height: 249px; overflow-y: auto; border-top: 1px solid rgb(228, 228, 228); } .table_block2.sticky table { position: relative; } .mtable_bx { position: relative; } .mtable_bx .table_line { content: ""; width: 100%; height: 2px; display: block; background: rgb(228, 228, 228); position: absolute; left: 0px; top: 0px; z-index: 1; } .table_block2.sticky table { border-collapse: collapse; } .table_block2.sticky table thead th { position: sticky; top: 0px; border-top: none; background: rgb(247, 247, 247); font-weight: bold; } .table_block2 table thead th { padding: 10px 0px; background: rgb(255, 255, 255); border-top: 1px solid rgb(228, 228, 228); border-right: 1px solid rgb(228, 228, 228); border-bottom: 1px solid rgb(228, 228, 228); border-image: initial; text-align: center; border-left: none; font-weight: bold; } .table_block2 table tbody { color: rgb(102, 102, 102); } .table_block2 table tbody td { font-size: 12px; padding: 10px 3px; line-height: 20px; border-top: 1px solid rgb(228, 228, 228); border-right: 1px solid rgb(228, 228, 228); border-bottom: 1px solid rgb(228, 228, 228); border-image: initial; text-align: center; border-left: none; word-break: break-all; } .table_block2 table tbody tr td:last-child { border-right: none; } .table_block2 table thead tr th:last-child { border-right: none; } .table_block2 table tbody td.al { text-align: left; } .table_block2 table tbody td.ar { text-align: right; } .table_block2 table tbody td.ac { text-align: center; } .th_txt { font-weight: bold; color: rgb(51, 51, 51); } .total_txt { font-weight: bold; color: rgb(49, 185, 127); } .btn_bkresult_pop { margin-top: 7px; display: inline-block; width: 84px; height: 28px; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); font-weight: bold; background: rgb(50, 185, 129); border-radius: 2px; } .btn_bkresult_pop span { position: relative; } .s_top_bx { padding: 20px 15px; } .s_top_bx .tit { font-size: 15px; line-height: 18px; color: rgb(51, 51, 51); font-weight: bold; } .s_top_bx .ex { margin-top: 3px; line-height: 18px; color: rgb(136, 136, 136); } .s_top_bx .select_bx { margin-top: 15px; } .srh_bx { padding: 18px 15px; background: rgb(255, 255, 255); border-top: 8px solid rgb(243, 243, 243); } .srh_bx .select_bx { margin-top: 10px; } .srh_bx .select_bx .tit { line-height: 18px; color: rgb(136, 136, 136); } .srh_bx .tit_bx { font-size: 15px; line-height: 22px; color: rgb(51, 51, 51); font-weight: bold; } .chain_con { padding: 0px 15px 35px; } .chain_con .tit { font-size: 13px; font-weight: bold; line-height: 20px; color: rgb(51, 51, 51); } .chain_con .step_bx .ex_txt { margin-top: 2px; font-size: 12px; line-height: 18px; color: rgb(102, 102, 102); } .p_tatal_bx { text-align: right; margin-top: 12px; } .p_tatal_bx .txt1 { display: inline-block; font-size: 14px; line-height: 18px; color: rgb(51, 51, 51); font-weight: bold; } .p_tatal_bx .txt2 { display: inline-block; margin-left: 5px; font-size: 18px; line-height: 18px; color: rgb(49, 185, 127); font-weight: bold; } @media (max-width: 360px) { .table_block ul li .ex { font-size: 12px; } .chain_con .step_bx .btn_bx { position: relative; margin-top: 10px; } .table_block ul li .tt { font-size: 12px; } .table_block2 table tbody td { font-size: 11px; line-height: 14px; } } .v2 .popup-layer__type2.popup-primary .popup-cont { padding: 22px 15px 20px; } .v2 .popup-layer__type2.popup-primary .popup-cont .popup-header > strong { font-size: 20px; } .v2 .popup-layer__type2.popup-blockchain .popup-wrap { margin-top: 0.5%; } .v2 .popup-layer__type2.popup-primary .popup-cont .popup-body { padding-right: 0px; } .v2 .popup-layer__type2.popup-primary .popup-cont .popup-body { overflow: hidden; } .mem_custom { background-color: rgb(136, 136, 136); padding: 1px 7px 1px 6px; font-size: 14px; margin-left: 5px; color: rgb(255, 255, 255); border-radius: 2px; vertical-align: bottom; } .new-popup_cont { width: 91vw; padding: 0px !important; margin: 0px 3% !important; } .new-popup-header { padding: 15px; background: rgb(245, 245, 245); } .new-body-cont { padding: 15px; line-height: 32px; } .new-row-btn { width: 100%; text-align: center; background: var(--renew-point-color); height: 40px; display: flex; place-content: center; align-items: center; } .new-row-btn > a { color: rgb(255, 255, 255); width: 100%; height: 100%; line-height: 40px; font-size: 14px; } .v4 header .mo-nav .row:nth-child(1) { height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: var(--renew-point-color); font-weight: bold; border-top: 1px solid rgb(213, 213, 213); background: rgb(243, 243, 243); } .v4 header .mo-nav .row:nth-child(2) { height: 35px; line-height: 35px; background-color: rgb(249, 249, 249); text-align: left; border-top: 1px solid rgb(213, 213, 213); border-bottom: 1px solid rgb(221, 221, 221); } .campaign .detail_vew_top { display: none !important; } input[type="search"] { background-color: rgb(255, 255, 255); } .withdrawalComplete p.txt-big { font-size: 19px; line-height: 24px; margin-bottom: 10px; color: var(--renew-point-color); font-weight: bold; } .withdrawalComplete .txt-box { letter-spacing: -0.5px; word-break: keep-all; } .withdrawalComplete .sub_tbl_board1_mt1 { margin-top: 30px; } .btn-support-info-underline { float: right; } .btn-support-info-underline::after { content: ""; display: block; clear: both; } .supportStep1-info > dt, .supportStep1-info > dd { width: 33.3333%; } .newSupport-table .input-field input::placeholder, .post_from input::placeholder, .brochurePop-form-inner .zipCode-box input::placeholder { font-size: 14px; } @media (max-width: 475px) { .section-step-process .support-allAgreeeYn .accordion-body .row:first-of-type.new-agreeBox { display: block; } .v4 .input-field input[type="radio"] + label, .v4 .input-field input[type="checkbox"] + label { display: flex; } .btn-support-info-underline { justify-content: flex-end; float: initial; display: flex !important; } } .v4 #header { border-bottom: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255) !important; } .v4 header .btn-search { margin: initial; top: 10px; } .v4 .nav-layer-wrap .btn-nav-close { z-index: 9; } .v4 header .search-layer .close { top: 6px; right: 6px; } .v4 header .search-layer .mask { position: fixed; top: 285px; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); } .top-support-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 45px; } .top-support-btn > a { display: block; width: 100px; height: 30px; border: 1px solid rgb(95, 95, 95); border-radius: 18px; line-height: initial; font-size: 13px; color: rgb(34, 34, 34); box-sizing: border-box; } .top-support-btn > a > span { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; gap: 5px; } .top-support-btn > a > span::before { content: ""; display: block; width: 18px; height: 11px; background-image: url(""); background-repeat: no-repeat; background-size: contain; } .logo > a { vertical-align: top; } .notScroll { overflow: hidden; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap { width: 85%; height: auto; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont { border: 0px; padding: 50px 15px 30px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .btn-close .ico-close { position: absolute; top: 15px; right: 15px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body { margin-top: 0px; border-top: 0px; max-height: 320px; padding: 0px 15px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont { padding-bottom: 0px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .top-info-txt { word-break: keep-all; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .top-info-txt > strong { font-weight: 700; color: rgb(0, 91, 72); } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list { margin-top: 15px; border-top: 2px solid rgb(34, 34, 34); } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div { position: relative; margin-bottom: 0px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div > div { border-bottom: 1px solid rgb(219, 219, 219); padding: 10px 0px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div > div > .input-field { padding-right: 40px; display: block; width: 100%; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div > div > .input-field .chk-cont input[type="checkbox"] + label { display: flex; align-items: center; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div > div > .input-field .chk-cont input[type="checkbox"] + label span { width: 90%; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .view { display: none; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .view.on { display: block; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .view .agree_list > li > strong, .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .view .agree_list > li > p { font-size: 13px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .view .agree_list > li > p > .point { font-size: 15px; font-weight: 700; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont { position: relative; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont label { font-size: 15px; color: rgb(51, 51, 51); font-weight: 300; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont label::before { content: ""; display: block; width: 20px; height: 20px; background: url("") 0% 0% / contain no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; transition: all 0.5s ease 0s; border: 0px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont input:checked + label::before { background: url("") 0% 0% / contain no-repeat; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont input[type="checkbox"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont label span { margin-left: 25px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .popup_agree_list > div .input-field .chk-cont input[type="checkbox"]:checked + label::after { display: none; } .ic.new-ic { position: absolute; top: 27px; right: 10px; border-bottom: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); width: 12px; height: 12px; transform: rotate(45deg); transition: all 0.3s ease 0s; cursor: pointer; } .ic.new-ic.active { transform: rotate(225deg); } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .btn_box { display: flex; flex-direction: row; justify-content: center; margin-top: 20px; } .v4 .popup-layer__type2.popup-marketing-info .popup-wrap .popup-cont .popup-body .body-cont .btn_box > button { text-align: center; font-size: 14px; width: 50%; padding: 6px 0px; border: 1px solid rgb(0, 91, 72); color: rgb(0, 91, 72); } .complete-marketingInfo-box { background-color: rgb(246, 246, 246); width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 20px; border-radius: 10px; } .complete-marketingInfo-box > .inner { padding: 30px; } .complete-marketingInfo-box > .inner > h5 { margin-bottom: 12px; letter-spacing: -1px; font-size: 17px !important; font-weight: 700 !important; } .complete-marketingInfo-box > .inner > p { font-size: 14px; line-height: 20px; color: rgb(34, 34, 34); } .complete-marketingInfo-box > .inner > p.txt-small { font-size: 12px; color: rgb(123, 123, 123); word-break: keep-all; margin-top: 8px; } @media (max-width: 320px) { .complete-marketingInfo-box > .inner { padding: 25px 20px; } .complete-marketingInfo-box > .inner > h5 { font-size: 16px !important; } .section-step-process.complete .info-cont > dt strong.bullet-circle { padding-left: 13px; font-size: 16px; letter-spacing: -1px; } } .v4 header .search-layer input[type="search"] { appearance: textfield; } .v4 header .search-layer input[type="search"]::-webkit-search-cancel-button, .v4 header .search-layer input[type="search"]::-webkit-search-results-button { display: none; } .wrap-camp.wrap-micro-camp { padding-top: 60px !important; } .wrap-camp.wrap-micro-campapp { padding-top: 0px !important; } .wrap-camp.wrap-micro-camp .camp-nav { display: none !important; visibility: hidden !important; } .wrap-camp.wrap-micro-camp .row.row-menu-depth01 { height: 0px !important; opacity: 0; } .v2 .sub-contents .btn-more { display: inline-block; width: 100px; height: 35px; line-height: 37px; background-color: rgb(136, 136, 136); border-radius: 3px; text-align: center; } .v2 .sub-contents .btn-more span { color: rgb(255, 255, 255); line-height: 1; font-size: 14px; } .pos-more-btn [class^="btn-"] { box-sizing: border-box; } .btn-more-green-fill { position: relative; display: inline-block; padding: 14px 15px 12px; width: 100%; background-color: rgb(49, 185, 127); text-align: center; border-radius: 3px; } .btn-more-green-fill span { color: rgb(255, 255, 255); font-size: 14px; letter-spacing: -1px; } .btn-more-gray-fill { position: relative; display: inline-block; padding: 14px 15px 12px; width: 100%; background-color: rgb(136, 136, 136); text-align: center; border-radius: 3px; } .btn-more-gray-fill span { color: rgb(255, 255, 255); font-size: 14px; letter-spacing: -1px; } .btn-more-green-border { position: relative; display: inline-block; padding: 14px 0px 12px; width: 100%; border: 1px solid rgb(40, 180, 111); color: rgb(40, 180, 111); font-size: 14px; letter-spacing: -0.8px; text-align: center; border-radius: 3px; } .btn-more-green-border::after { content: ""; display: inline-block; vertical-align: top; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 7px; height: 14px; background: url("") right top / 7px 14px no-repeat; } .v2 .sub-contents { position: relative; } .v2 .sub-contents section .inner-cont { display: block; position: relative; margin: 0px 15px; padding: 0px 0px 40px; width: initial; } .v2 .sub-contents section h2 { position: relative; font-family: "Malgun Gothic", "맑은 고딕"; font-weight: bold; font-size: 16px; letter-spacing: -0.8px; color: rgb(51, 51, 51); } .v2 .sub-contents section h3 { position: relative; font-family: "Malgun Gothic", "맑은 고딕"; font-weight: bold; font-size: 16px; letter-spacing: -0.8px; color: rgb(51, 51, 51); line-height: 1; } .v2 .sub-contents section h3::before { content: ""; display: block; padding-top: 12px; width: 23px; height: 4px; background: url("") left top / 100% no-repeat; } .sub-contents p { margin-top: 4px; font-size: 14px; line-height: 21px; letter-spacing: -0.5px; color: rgb(102, 102, 102); word-break: keep-all; } .view-content > p { margin-top: 0px; } .sub-contents .list-cont { margin-top: 20px; } .sub-contents .list-cont h4 { position: relative; font-weight: bold; font-size: 14px; color: rgb(68, 68, 68); padding-left: 8px; } .sub-contents .list-cont h4::before { content: ""; display: inline-block; border-radius: 50%; width: 4px; height: 4px; background-color: rgb(0, 189, 122); position: absolute; top: 50%; left: 0px; margin-top: -2px; } .sub-contents .list-cont h4 span { } .sub-contents .list-cont p { margin-top: 5px; font-size: 14px; color: rgb(102, 102, 102); letter-spacing: -0.8px; line-height: 21px; } .sub-contents .list-cont ul.cont-list { } .sub-contents .list-cont ul.cont-list li + li { margin-top: 20px; } .sub-contents .list-cont ul.cont-list li > p { padding-left: 8px; } .sub-contents .list-cont ul.bullet-list { margin-top: 6px; padding-left: 8px; } .sub-contents .list-cont ul.bullet-list > li { position: relative; padding-left: 8px; line-height: inherit; } .sub-contents .list-cont ul.bullet-list > li::before { content: "-"; position: absolute; top: 0px; left: 0px; margin-top: 2px; font-size: 14px; color: rgb(102, 102, 102); line-height: 1; display: inline-block; vertical-align: top; } .sub-contents .list-cont ul.bullet-list > li span { font-size: 14px; color: rgb(102, 102, 102); letter-spacing: -0.8px; line-height: 21px; } .cont-welfare #contents { padding: 0px !important; } .cont-welfare .introduce-tab li { width: 20%; } .cont-welfare .tab-cont { margin: 0px 15px; width: inherit; } .cont-welfare .img-cont { width: 100%; height: auto; border: 1px solid rgb(228, 228, 228); } .cont-welfare .img-cont > img { display: block; width: 100%; height: 100%; object-fit: cover; } .cont-welfare .slogan-cont { text-align: center; padding: 10px 0px 30px; } .cont-welfare .slogan-cont > strong { font-size: 16px; line-height: 22px; letter-spacing: -0.8px; color: rgb(51, 51, 51); } .cont-welfare .visual-info-box { border: 1px solid rgb(228, 228, 228); padding: 30px 0px; margin-top: 15px; } .cont-welfare .visual-info-box .col-wrap { width: 100%; font-size: 0px; } .cont-welfare .visual-info-box .col-wrap > [class^="col-"] { display: inline-block; vertical-align: top; text-align: center; } .cont-welfare .visual-info-box .col-wrap > [class^="col-"] + [class^="col-"] { border-left: 1px solid rgb(228, 228, 228); } .cont-welfare .visual-info-box .col-wrap > [class^="col-"] .ico-cont { display: inline-block; } .cont-welfare .visual-info-box .col-wrap > [class^="col-"] .ico-cont > img { display: block; width: 100%; height: 100%; } .cont-welfare .visual-info-box .col-wrap > [class^="col-"] .text-cont { margin-top: 5px; } .cont-welfare .visual-info-box .col-wrap > [class^="col-"] .text-cont > strong { font-size: 13px; font-weight: bold; line-height: 18px; letter-spacing: -0.8px; color: rgb(51, 51, 51); } .cont-welfare .pos-more-btn { margin-top: 40px; } .cont-welfare .thumb-list { } .cont-welfare .thumb-list .item { } .cont-welfare .thumb-list .item + .item { margin-top: 45px; } .cont-welfare .thumb-list .item .text-cont { margin-top: 12px; } .cont-welfare .thumb-list .item .text-cont .thumb-list-title { font-size: 16px; line-height: 22px; font-weight: bold; letter-spacing: -0.8px; color: rgb(51, 51, 51); } .cont-welfare .thumb-list .item .text-cont .thumb-list-cont { padding-top: 5px; font-size: 14px; line-height: 22px; letter-spacing: -0.6px; color: rgb(68, 68, 68); } .section-advocacyActivity { } .section-advocacyActivity [class^="advocacyActivity-"] + [class^="advocacyActivity-"] { margin-top: 35px; } .advocacyActivity-Participation-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(1) .ico-cont { width: 114px; height: auto; } .advocacyActivity-Participation-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(2) .ico-cont { width: 84px; height: auto; } .advocacyActivity-prevent-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(1) .ico-cont { width: 92px; height: auto; } .advocacyActivity-play-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(1) .ico-cont { width: 80px; height: auto; } .advocacyActivity-walkway-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(1) .ico-cont { width: 104px; height: auto; } .advocacyActivity-walkway-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(2) .ico-cont { width: 112px; height: auto; } .advocacyActivity-live-cont .visual-info-box .col-wrap > [class^="col-"]:nth-of-type(1) .ico-cont { width: 96px; height: auto; } .section-coreGoal { } .section-coreGoal .slogan-cont { padding: 30px 0px; } .section-basicLivingSupport { } .section-basicLivingSupport .thumb-list { margin-top: 35px; } .section-futureCitizenEdu { margin-top: 25px; } .section-futureCitizenEdu .list-cont { margin-top: 13px; } .section-futureCitizenEdu .list-cont ul.cont-list li + li { margin-top: 10px; } .section-futureCitizenEdu .list-cont ul.cont-list p { margin-top: 0px; } .section-futureCitizenEdu .img-cont { margin-top: 30px; } .section-futureCitizenEdu .pos-more-btn { margin-top: 30px; } .section-futureCitizenEdu .thankYouLetterContest-cont { margin-top: 50px; } .section-publicOffering .title-dsc { padding: 20px 0px; color: rgb(68, 68, 68); letter-spacing: -1px; } .section-publicOffering .thumb-list .item .text-cont { margin-top: 13px; } .section-publicOffering .thumb-list .item .text-cont .list-cont { margin-top: 0px; } .section-publicOffering .thumb-list .item .text-cont .list-cont .title { display: flex; align-items: center; } .section-publicOffering .thumb-list .item .text-cont .list-cont .title h4 { letter-spacing: -1px; font-size: 4.10256vw; } .section-publicOffering .thumb-list .item .text-cont .list-cont .title .ico-bedge { display: inline-block; margin-left: 8px; border-radius: 3px; padding: 2px 7px 3px; background-color: rgb(40, 180, 111); text-align: center; } .section-publicOffering .thumb-list .item .text-cont .list-cont .title .ico-bedge span { font-weight: bold; color: rgb(255, 255, 255); font-size: 11px; line-height: 1; } .section-publicOffering .thumb-list .item.link-disabled > a { cursor: not-allowed; pointer-events: none; } .section-publicOffering .thumb-list .item.link-disabled .list-cont .title .ico-bedge { background-color: rgb(168, 168, 168); } .section-publicOffering .thumb-list .text-cont .list-cont p { margin-top: 5px; line-height: 20px; word-break: keep-all; } .section-publicOffering .thumb-list .item + .item { margin-top: 30px; } .section-publicOffering .publicOffering-report-box { margin-top: 30px; padding: 10px 15px; border: 1px solid rgb(228, 228, 228); border-radius: 3px; display: block; width: auto; } .section-publicOffering .publicOffering-report-box > dt { color: rgb(102, 102, 102); letter-spacing: -0.8px; font-size: 14px; line-height: 20px; } .section-publicOffering .publicOffering-report-box > dt strong { display: block; color: rgb(51, 51, 51); } .section-publicOffering .publicOffering-report-box > dd { width: 32px; height: 32px; font-size: 14px; } .section-domesticBusiness { } .section-domesticBusiness .inner-cont > [class$="-cont"] { margin-top: 30px; padding: 30px 0px 0px; border: 1px solid rgb(228, 228, 228); text-align: center; } .section-domesticBusiness .inner-cont > [class$="-cont"] > h2 { font-size: 17px; line-height: 22px; letter-spacing: -0.8px; color: rgb(51, 51, 51); } .section-domesticBusiness .inner-cont > [class$="-cont"] > h2 .year { font-size: 19px; } .section-domesticBusiness .inner-cont > [class$="-cont"] > p.dsc { font-size: 14px; line-height: 22px; letter-spacing: -1px; color: rgb(68, 68, 68); } .section-domesticBusiness .inner-cont > [class$="-cont"] > .ico-cont { margin: 20px auto 0px; } .section-domesticBusiness .inner-cont > [class$="-cont"] > .panel-cont { position: relative; margin-top: 25px; line-height: 1; } .section-domesticBusiness .inner-cont > [class$="-cont"] > .panel-cont > em.person { display: inline-block; vertical-align: top; margin-top: 8%; font-size: 13px; color: rgb(102, 102, 102); line-height: 1; } .section-domesticBusiness .inner-cont > [class$="-cont"] > .panel-cont .panel-item { overflow: hidden; display: inline-block; vertical-align: top; text-align: center; } .section-domesticBusiness .inner-cont > [class$="-cont"] > .panel-cont .panel-item .item { float: left; width: 36px; height: 44px; line-height: 57px; background: url("") left top / 100% no-repeat; } .section-domesticBusiness .inner-cont > [class$="-cont"] > .panel-cont .panel-item .item + .item { margin-left: 3px; } .section-domesticBusiness .inner-cont > [class$="-cont"] > .panel-cont .panel-item .item > b { font-family: Montserrat; font-weight: bold; font-size: 30px; line-height: 1; } .section-domesticBusiness .domesticBusiness-cont .ico-cont { width: 103px; height: 68px; } .section-domesticBusiness .internationalBusiness-cont .ico-cont { width: 97px; height: 69px; } .section-domesticBusiness .slider-box { position: relative; margin: 30px 0px; } .section-domesticBusiness .slider-domesticBusiness { } .section-domesticBusiness .slider-domesticBusiness .slider-cont { overflow: hidden; margin: 0px auto; width: 100%; } .section-domesticBusiness .slider-domesticBusiness .swiper-slide { position: relative; display: table; table-layout: fixed; min-height: 80px; } .section-domesticBusiness .slider-domesticBusiness .slider-cont dl { display: table-cell; vertical-align: middle; } .section-domesticBusiness .slider-domesticBusiness .slider-cont dl > dt { font-size: 17px; line-height: 25px; color: rgb(51, 51, 51); letter-spacing: -0.8px; } .section-domesticBusiness .slider-domesticBusiness .slider-cont dl > dt b.num { font-size: 18px; font-weight: bold; } .section-domesticBusiness .slider-domesticBusiness .slider-cont dl > dt > em { display: inline-block; vertical-align: top; margin: 2px 0px 0px 1px; font-size: 11px; letter-spacing: -0.8px; color: rgb(51, 51, 51); } .section-domesticBusiness .slider-domesticBusiness .slider-cont dl > dd { padding: 0px 13%; font-size: 12px; line-height: 18px; letter-spacing: -1px; color: rgb(68, 68, 68); word-break: keep-all; } .section-domesticBusiness .slider-domesticBusiness .slider-controls i.ico-arrow { display: inline-block; overflow: hidden; background: url("") 0% 0% / 100% no-repeat; } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn { } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn .swiper-arrow { overflow: hidden; position: absolute; top: 50%; margin-top: -15px; z-index: 200; width: 15px; } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn .swiper-arrow > i.ico-arrow { width: 35px; height: 27px; } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev { left: 13px; } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn .swiper-arrow.swiper-button-next { right: 13px; } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev i.ico-arrow { background-position: 0px 0px; } .section-domesticBusiness .slider-domesticBusiness .slider-controls .swiper-btn .swiper-arrow.swiper-button-next i.ico-arrow { background-position: -20px 0px; } .cont-support .btn-support-info { position: relative; display: inline-block; padding: 9px 17px; color: rgb(255, 255, 255); background-color: rgb(123, 123, 123); font-size: 13px; text-align: center; transition: background-color 0.2s ease-out 0s; } .cont-support .btn-support-info:hover { background-color: var(--renew-point-color); } .cont-support .btn-support-info-underline { position: relative; margin-left: 5px; display: inline-block; margin-top: 2px; text-align: center; vertical-align: top !important; } .cont-support .btn-support-info-underline span { display: inline-block; color: var(--renew-point-color); border-bottom: 1px solid var(--renew-point-color); font-size: 12px; font-weight: 500; } .cont-support .pos-confirm-btn { } .cont-support .btn-gray-fill { position: relative; margin-left: 10px; display: inline-block; vertical-align: middle; padding: 12px 25px 11px; font-size: 14px; background-color: rgb(158, 158, 158); text-align: center; } .cont-support .btn-gray-fill span { color: rgb(255, 255, 255) !important; font-size: 14px; } .cont-support .btn-black-fill { position: relative; margin-left: 10px; display: inline-block; vertical-align: middle; padding: 12px 25px 11px; background-color: var(--renew-point-color); text-align: center; } .cont-support .btn-black-fill span { color: rgb(255, 255, 255) !important; font-size: 14px; } .cont-support .pos-btm-btn { text-align: center; padding: 15px 0px 20px; font-size: 0px; } .cont-support [class^="btn-btm-support-"] { position: relative; display: inline-block; width: 100%; padding: 15px 0px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 400; letter-spacing: -0.5px; text-align: center; } .cont-support [class^="btn-btm-support-"]:hover { transition: all 0.3s ease-out 0s; } .cont-support .btn-btm-support-prev { background-color: rgb(173, 154, 134); margin-right: 10px; } .cont-support .btn-btm-support-next.disabled { background-color: rgb(151, 128, 104); } .cont-support .btn-btm-support-next { background-color: var(--renew-point-color); } .cont-support .btn-btm-support-next.step3.active { background-color: var(--renew-point-color); } .cont-support .btn-btm-support-confirm { background-color: rgb(11, 135, 30); margin-right: 10px; } .cont-support .btn-btm-support-print { background-color: rgb(173, 154, 134); } .cont-support .pos-support-tooltip { position: relative; height: 15px; } .cont-support .pos-support-tooltip .btn-tooltip { display: inline-block; vertical-align: top; margin-top: 5px; margin-left: 5px; width: 15px; height: 15px; background: url("") center top / 100% no-repeat; } .cont-support .pos-support-tooltip .tooltip-box { display: none; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); padding: 8px 10px 10px; position: absolute; top: 30px; right: 0px; min-width: 289px; z-index: 400; } .cont-support .pos-support-tooltip .tooltip-box p { margin-top: 0px; font-size: 12px; line-height: 20px; color: var(--renew-point-color); } .cont-support .js-tooltip-ctrl.active .tooltip-box { display: block; } .cont-support .js-tooltip-ctrl.active strong { color: rgb(151, 128, 104); font-weight: 500; } .cont-support .btn-more-cont { margin-top: 5px; padding-bottom: 8px; } .cont-support .btn-more-cont .btn-support-more { position: relative; display: inline-block; padding: 0px 5px; } .cont-support .btn-more-cont .btn-support-more + .btn-support-more { margin-left: 10px; } .cont-support .btn-more-cont .btn-support-more > span { font-size: 14px; color: rgb(3, 79, 42); } .cont-support .btn-more-cont .btn-support-more .css-arrow { display: inline-block; vertical-align: top; margin-top: 3px; margin-left: 3px; border-style: solid; border-color: rgb(11, 135, 30); border-image: initial; border-width: 0px 2px 2px 0px; padding: 3px; z-index: 200; transform: rotate(-45deg); } .cont-support { } .cont-support * { font-family: "Noto Sans KR", sans-serif; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; } .cont-support em.font-Montserrat { font-family: Montserrat, sans-serif; font-weight: 600; letter-spacing: -0.5px; } .cont-support *, .cont-support ::before, .cont-support ::after { box-sizing: border-box; } .cont-support .sub-contents section h4 { } .cont-support .sub-contents section h4 > span { font-size: 16px; line-height: 21px; color: var(--renew-point-color); font-weight: bold; letter-spacing: -0.5px; } .cont-support #contents { padding: 20px 0px 40px; } .cont-support .sub-title-support { position: relative; } .cont-support .sub-title-support .inner-cont { margin: 0px 15px; padding-top: 25px; } .cont-support .sub-title-support .title-cont { } .cont-support .sub-title-support .title-cont h2 { font-size: 25px; color: var(--renew-point-color); font-weight: 700; } .cont-support .sub-title-support .title-cont h2 em { font-weight: 700; } .cont-support [class^="inner-info"] { position: relative; margin: 5px 0px 0px; } .cont-support [class^="inner-info"] p { position: relative; font-size: 12px; line-height: 20px; color: var(--renew-point-color); letter-spacing: -0.5px; margin: 0px; font-weight: 500; } .cont-support [class^="inner-info"] p.bullet-star { padding-left: 8px; } .cont-support [class^="inner-info"] p.bullet-star::before { content: "*"; position: absolute; top: 1px; left: 0px; } .cont-support [class^="inner-info"] p.bullet-exclamation { padding-left: 20px; font-size: 12px; font-weight: 500; } .cont-support [class^="inner-info"] p.bullet-exclamation::before { content: ""; display: inline-block; vertical-align: top; width: 15px; height: 15px; position: absolute; top: 2px; left: 0px; background: url("") center top / 100% no-repeat; } .cont-support [class*="row-line"] { position: relative; text-align: center; } .cont-support .row-line-umbrella { padding: 25px 0px; } .cont-support .row-line-umbrella::before { content: ""; display: inline-block; width: 30px; height: 15px; background: url("") center center / 100% no-repeat; } .cont-support .row-line-umbrella::after { content: ""; display: inline-block; width: 100%; height: 1px; background-color: rgb(229, 229, 229); position: absolute; top: 50%; left: 0px; margin-top: -3px; z-index: -1; } .cont-support .row-line-dashed { display: inline-block; padding: 20px 0px 50px; width: 100%; height: 1px; } .cont-support .row-line-dashed::after { content: ""; display: inline-block; width: 100%; height: 1px; border-top: 1px dashed rgb(204, 204, 204); } .section-step-process [class*="support-step"].step-ing { border: 1px solid var(--renew-point-color); } .section-step-process [class*="support-step"].step-ing .step-header::before { background-color: var(--renew-point-color); } .section-step-process [class*="support-step"].step-ing .step-header::after { transform: rotate(180deg); } .section-step-process [class*="support-step"].step-end { } .section-step-process [class*="support-step"].step-end .step-header::before { background-color: rgb(151, 128, 104); } .section-step-process [class*="support-step"].step-end .step-header::after { transform: rotate(180deg); } .section-step-process [class*="support-step"].step-end .step-body { padding: 20px 15px; } .section-step-process [class*="support-step"].step-end .step-body dl { } .section-step-process [class*="support-step"].step-end .step-body dl > dt { padding-top: 5px; font-size: 16px; color: var(--renew-point-color); letter-spacing: -0.5px; font-weight: 500; } .section-step-process [class*="support-step"].step-end .step-body dl > dd { position: relative; display: inline-block; vertical-align: top; margin-top: 4px; padding-left: 15px; margin-left: 13px; font-size: 14px; color: var(--renew-point-color); letter-spacing: -0.5px; } .section-step-process [class*="support-step"].step-end .step-body dl > dd em { font-size: 18px; color: var(--renew-point-color); font-weight: 600; letter-spacing: -0.5px; } .section-step-process [class*="support-step"].step-end .step-body dl > dd::before { content: ""; display: inline-block; position: absolute; top: 4px; left: 0px; width: 1px; height: 15px; background-color: rgb(204, 204, 204); } .cont-support .section-step-process { } .cont-support .section-step-process .row { line-height: 1.25; } .cont-support .section-step-process .row + .row { padding-top: 10px; } .section-step-process [class*="support-step"] { overflow: hidden; position: relative; border: 1px solid rgb(216, 216, 216); border-radius: 10px; margin-top: 10px; } .section-step-process .support-step1 { margin-top: 0px; } .section-step-process [class*="support-step"] .step-header { position: relative; overflow: hidden; padding: 18px 15px 20px; } .section-step-process [class*="support-step"] .step-header::before { content: ""; display: inline-block; background-color: rgb(151, 151, 150); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; } .section-step-process [class*="support-step"] .step-header::after { content: ""; display: inline-block; width: 15px; height: 9px; position: absolute; top: 50%; right: 15px; margin-top: -4px; background: url("") center top / 100% no-repeat; } .section-step-process [class*="support-step"] .step-header > h3 { font-size: 20px; color: rgb(255, 255, 255); } .section-step-process [class*="support-step"] .step-header > h3::before { display: none; } .section-step-process [class*="support-step"] .step-header > h3 > em { font-weight: bold; margin-right: 10px; } .section-step-process [class*="support-step"] .step-header .ico-step { margin-right: 12px; } .section-step-process .support-step1 .step-header .ico-step { width: 24px; height: 24px; background: url("") center top / 100% no-repeat; } .section-step-process .support-step2 .step-header .ico-step { width: 23px; height: 24px; background: url("") center top / 100% no-repeat; } .section-step-process .support-step3 .step-header .ico-step { width: 24px; height: 24px; background: url("") center top / 100% no-repeat; } .section-step-process [class*="support-step"] .step-body { padding: 25px 15px 30px; } .section-step-process [class*="support-step"] .step-body .title-cont .bullet-star { background: transparent; display: inline-block; vertical-align: top; font-size: 16px; color: rgb(151, 128, 104); font-weight: 500; margin-left: 3px; } .section-step-process [class*="support-step"] .step-body .title-cont .title-info { } .section-step-process [class*="support-step"] .step-body .title-cont .title-info > span { display: block; font-size: 13px; line-height: 1.5; color: rgb(123, 123, 123); } .section-step-process [class*="support-step"] .step-body .title-cont .title-info > p { display: block; font-size: 13px; color: rgb(123, 123, 123); margin-top: 5px; line-height: 1.5; } .section-step-process .table-field { border-top: none; } .section-step-process .table-field:nth-of-type(2n+1) { border-top: 1px solid rgb(0, 0, 0); margin: 15px 0px 0px; } .section-step-process .table-field th, .section-step-process .table-field td { position: relative; border-top: none; border-right: none; border-left: none; border-image: initial; text-align: left; padding: 0px; border-bottom: 1px solid rgb(229, 229, 229); } .section-step-process .table-field th:first-child, .section-step-process .table-field td:first-child { border-left: none; } .section-step-process .table-field th { padding: 15px 15px 15px 0px; font-size: 16px; color: var(--renew-point-color); font-weight: 500; background-color: transparent; } .section-step-process .table-field th span { font-size: 16px; color: var(--renew-point-color); font-weight: 500; } .section-step-process .table-field th .bullet-star { background: transparent; display: inline-block; vertical-align: top; font-size: 16px; color: rgb(151, 128, 104); font-weight: 500; margin-left: 3px; } .section-step-process .table-field th strong { font-size: 14px; color: rgb(123, 123, 123); font-weight: 500; } .section-step-process .table-field td, .section-step-process .table-field td strong { font-size: 14px; color: rgb(123, 123, 123); } .section-step-process .table-field td { } .section-step-process .btm-info { position: relative; margin-top: 25px; } .section-step-process .btm-info p { position: relative; margin-top: 5px; font-size: 12px; line-height: 20px; color: rgb(158, 158, 158); letter-spacing: -0.5px; } .section-step-process .btm-info p.bullet-star { padding-left: 8px; } .section-step-process .btm-info p.bullet-star a { color: rgb(158, 158, 158); } .section-step-process .btm-info p.bullet-star .linkTxt { text-decoration: underline; } .section-step-process .btm-info p.bullet-star::before { content: "*"; position: absolute; top: 1px; left: 0px; } .section-step-process .table-field dl { } .section-step-process .table-field dl + dl { margin-top: 16px; padding-top: 15px; border-top: 1px solid rgb(229, 229, 229); } .section-step-process .table-field dl > dt { margin-bottom: 10px; } .section-step-process .table-field dl > dd { margin-bottom: 10px; } .section-step-process .table-field dl > dd span { font-size: 14px; color: rgb(123, 123, 123); } .section-step-process .table-field dl > dd span.space-01 { padding: 0px 5px 0px 2px; } .section-step-process .table-field dl > dd span.space-02 { padding: 0px 5px; } .section-step-process .table-field dl > dd span.space-03 { padding: 0px 0px 0px 5px; } .section-step-process .table-field dl.program-cont { } .section-step-process .table-field dl.program-cont .inner-info { margin: 20px 0px 0px; } .section-step-process .row-total { } .section-step-process .row-total th { background-color: rgb(248, 248, 246); padding: 14px 15px; border-top: none; } .section-step-process .row-total th strong { position: relative; color: var(--renew-point-color); } .section-step-process .row-total th strong::after { content: ""; display: inline-block; vertical-align: top; border-right: 1px solid rgb(198, 198, 197); height: 12px; margin-top: 4px; padding-left: 9px; } .section-step-process .row-total td { text-align: right; padding-right: 15px; background-color: rgb(248, 248, 246); border-top: none; } .section-step-process .row-total td > em { font-size: 23px; margin-right: 4px; line-height: 1; font-weight: 700; letter-spacing: -0.8px; } .section-step-process .row-total td > span { display: inline-block; vertical-align: top; margin-top: 4px; } .section-step-process .row-title th { padding: 15px 0px 10px; border-bottom: none; } .section-step-process .row-cont td { padding: 0px 0px 15px; } .section-step-process .row-cont .row { position: relative; } .section-step-process .row-cont .row .input-field { display: block; } .section-step-process .row-cont .input-field { width: 100%; } .section-step-process .row-cont .select-field { width: 100%; } .section-step-process .row-cont.row-supportType .input-field { width: auto; } .section-step-process .row-cont.row-supportType .input-field + .input-field { margin-left: 15%; } .section-step-process .row-cont.row-companyAddr { } .section-step-process .row-cont.row-companyAddr .input-field { width: 100%; } .section-step-process .row-cont.row-receivedYn .inner-info { margin: -3px 0px 0px; } .section-step-process .row-cont.row-receivedYn .row.flex-space-between { width: 95%; } .section-step-process .row-gender .input-field { width: auto; } .section-step-process .row-gender .input-field + .input-field { margin-left: 15%; } .section-step-process .row-birth .select-field + .select-field { margin-left: 10px; } .section-step-process .row-mobile .input-field { margin-left: 10px; } .section-step-process .row-mobile .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -8px; } .section-step-process .row-company .input-field + .input-field { margin-left: 10px; } .section-step-process .row-company .input-field + .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -8px; } .section-step-process .row-cardNo .input-field + .input-field { margin-left: 10px; } .section-step-process .row-cardNo .input-field + .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -8px; } .section-step-process .row-validityTerm .select-field + .select-field { margin-left: 10px; } .section-step-process .row-receivedYn { } .section-step-process .row-receivedYn .input-field { width: auto; } .section-step-process .row-receivedYn .input-field + .input-field { margin-left: 10px; } .section-step-process .row-dmReceiptYn { } .section-step-process .row-dmReceiptYn td { padding: 0px; } .section-step-process .row-dmReceiptYn td > .flex { padding: 0px 0px 15px; } .section-step-process .row-dmReceiptYn .input-field { width: auto; } .section-step-process .row-dmReceiptYn .input-field + .input-field { margin-left: 15%; } .section-step-process .row-dmReceiptYn .inner-info { margin: 0px; } .section-step-process .row-dmReceiptYn .inner-info.captureHiddenArea { } .section-step-process .row-dmReceiptYn #dmReceiptYn1Div { background-color: rgb(248, 248, 246); padding: 15px; margin-top: 10px; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row dl > dt { font-size: 14px; color: var(--renew-point-color); font-weight: 500; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row dl > dd { margin-bottom: 0px; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row dl > dd .input-field { width: 100%; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row dl > dd .input-field + .input-field { margin-left: 10px; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row dl > dd .input-field + .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -28px; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row dl > dd .btn-gray-fill { width: 100%; margin: 10px 0px 0px; } .section-step-process .row-dmReceiptYn .dmReceiptY-box .row .chk-cont strong { font-size: 14px; color: rgb(70, 70, 70); } .section-step-process .row-dmReceiptYn .dmReceiptY-box .btm-info { border-bottom: none; padding-bottom: 0px; margin-top: 0px; } .section-step-process .row-parentAgree { } .section-step-process .row-parentAgree .certify-before { position: relative; margin-top: 15px; } .section-step-process .row-parentAgree .certify-before .table-wrap { width: 100%; z-index: 200; display: table; table-layout: fixed; } .section-step-process .row-parentAgree .certify-before .cell { display: table-cell; vertical-align: top; } .section-step-process .row-parentAgree .certify-before .ico-cont { width: 100px; } .section-step-process .row-parentAgree .certify-before .text-cont { } .section-step-process .row-parentAgree .certify-before .text-cont > strong { display: block; font-size: 14px; line-height: 20px; color: var(--renew-point-color); font-weight: 500; } .section-step-process .row-parentAgree .certify-before .text-cont > p { margin-top: 5px; font-size: 12px; line-height: 20px; color: rgb(158, 158, 158); } .section-step-process .row-parentAgree .certify-before .text-cont > .btn-support-info-underline { margin-left: 0px; } .section-step-process .row-parentAgree .certify-before .btn-black-fill { margin-top: 20px; margin-left: 0px; width: 100%; } .section-step-process .row-parentAgree .certify-before .bullet-exclamation { font-size: 14px; color: rgb(70, 70, 70); } .section-step-process .row-parentAgree .certify-before .phone .ico-cont > img { display: block; margin: 0px auto; width: 31px; height: auto; } .section-step-process .row-parentAgree .certify-before .phone .btn-support-info-underline { margin-top: 5px; } .section-step-process .row-parentAgree .certify-before .phone .btn-support-info-underline span { color: var(--renew-point-color); border-bottom: 1px solid var(--renew-point-color); } .section-step-process .row-parentAgree .certify-before .ipin { margin-top: 30px; } .section-step-process .row-parentAgree .certify-before .ipin .ico-cont > img { display: block; margin: 0px auto; width: 66px; height: auto; } .section-step-process .row-parentAgree .certify-before .inner-info { margin: 20px 0px 10px; } .section-step-process .row-parentAgree .certify-before .row-agree { position: relative; } .section-step-process .row-parentAgree .certify-before .row-agree .chk-cont input[type="checkbox"] + label::before { position: absolute; top: 0px; left: 0px; } .section-step-process .row-parentAgree .certify-before .row-agree .chk-cont input[type="checkbox"] + label span { margin-left: 30px; width: calc(100% - 80px); } .section-step-process .row-parentAgree .certify-before .row-agree .btn-support-info-underline { position: absolute; top: 5px; right: 0px; } .section-step-process .row-parentAgree .certify-after p { font-weight: 500; } .section-step-process .row-email .input-field + .input-field { margin-left: 20px; } .section-step-process .row-email .input-field + .input-field::before { content: "@"; display: inline-block; position: absolute; top: 50%; left: -15px; margin-top: -8px; font-size: 12px; color: rgb(123, 123, 123); } .section-step-process .row-email .select-field { margin-top: 10px; width: 100%; } .section-step-process .support-allAgreeeYn { border-bottom: 1px solid rgb(229, 229, 229); padding: 0px 0px 15px; } .section-step-process .support-allAgreeeYn .input-field strong { font-size: 14px; color: rgb(123, 123, 123); } .section-step-process .support-allAgreeeYn .accordion-header { position: relative; border-bottom: 1px solid rgb(0, 0, 0); } .section-step-process .support-allAgreeeYn .accordion-header a { padding: 0px 0px 15px; display: inline-block; width: 100%; line-height: 1; } .section-step-process .support-allAgreeeYn .accordion-header .btn-allAgreeeYn { } .section-step-process .support-allAgreeeYn .accordion-body { background-color: rgb(248, 248, 246); padding: 15px 10px 20px; } .section-step-process .support-allAgreeeYn .accordion-body .row { } .section-step-process .support-allAgreeeYn .accordion-body .row strong { color: var(--renew-point-color); } .section-step-process .support-allAgreeeYn .accordion-body .row:first-of-type { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 15px; } .section-step-process .support-allAgreeeYn .accordion-body .btn-allAgreeeYn label > span { color: rgb(0, 0, 0) !important; } .js-images-loaded-end .section-step-process .support-allAgreeeYn .accordion-header .ico-arrow { display: inline-block; width: 15px; height: 9px; position: absolute; top: 6px; right: 0px; opacity: 0.8; background: url("") center top / 100% no-repeat; transition: transform 0.2s ease-out 0s; } .section-step-process .support-allAgreeeYn .accordion-header.active .ico-arrow { transform: rotate(180deg); } .section-step-process .table-field .row-addCertify-way .addCertify-way-box { background-color: rgb(248, 248, 246); padding: 15px; margin: 15px 0px 0px; } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dt { width: 100%; } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dt .canvasWrap { width: 100%; height: 100%; border: 1px solid rgb(216, 216, 216); background-color: rgb(255, 255, 255); } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dt #signature { width: 100%; height: auto; border: none; background-color: rgb(255, 255, 255); } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dd { } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dd .row-wrap { } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dd [class^="btn-"] { width: 100%; } .section-step-process .addCertify-way-box .addCertify-way-cont dl > dd .btn-black-fill { margin-left: 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .inner-info.first { margin-bottom: 10px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .inner-info.second { margin: 10px 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .pos-btn { margin: 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .pos-btn .btn-black-fill { width: 100%; margin-left: 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .pos-btn span { } .section-step-process .addCertify-way-box .addCertify-ars-cont .arsCall-cont { margin: 12px 0px 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .arsCall-cont dt { margin-right: 15px; font-size: 14px; margin-bottom: 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .arsCall-cont dd { width: 100%; margin-bottom: 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .arsCall-cont .input-field > input { text-align: center; font-family: Montserrat, sans-serif; font-size: 20px; color: rgb(0, 0, 0); letter-spacing: -0.4px; font-weight: 500; } .section-step-process .addCertify-way-box .addCertify-ars-cont .pos-btn.second { margin: 15px 0px 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .btn-gray-fill { width: 100%; margin: 0px; } .section-step-process .addCertify-way-box .addCertify-ars-cont .btn-gray-fill span { } .section-step-process .addCertify-way-box .arsAuthResult .inner-info { margin: 0px; } .section-step-process .payment-cont { margin-top: 13px; } .section-step-process .payment-cont .payment-box { background-color: rgb(248, 248, 246); padding: 15px; margin-top: 10px; } .section-step-process .payment-cont .payment-box [class^="btn-"] { margin: 0px; width: 100%; } .section-step-process .payment-cont .payment-box [class^="btn-"] span { font-size: 17px; } .section-step-process .payment-cont .payment-box .mobile-cont { } .section-step-process .payment-cont .payment-box dt > strong { font-size: 14px; color: var(--renew-point-color); width: 100px; font-weight: 500; } .section-step-process .payment-cont .payment-box .mobile-cont dt .input-field { font-size: 14px; color: rgb(123, 123, 123); } .section-step-process .payment-cont .payment-box.payment-simple { padding: 20px 0px; } .section-step-process .payment-cont .payment-box.payment-simple ul { text-align: center; font-size: 0px; margin-left: 10px; margin-right: 10px; } .section-step-process .payment-cont .payment-box.payment-simple ul li { display: inline-block; width: 25%; height: 100%; } .section-step-process .payment-cont .payment-box.payment-simple ul li > div { margin: 0px 10px; } .section-step-process .payment-cont .payment-box.payment-simple ul li > div > input { margin-bottom: 5px; } @media screen and (max-width: 500px) { .section-step-process .payment-cont .payment-box.payment-simple ul { text-align: left; } .section-step-process .payment-cont .payment-box.payment-simple ul li { width: 50%; margin-bottom: 15px; text-align: center; } } .section-step-process .payment-cont dl { } .section-step-process .payment-cont dl + dl { margin-top: 16px; padding-top: 15px; border-top: 1px solid rgb(229, 229, 229); } .section-step-process .payment-cont dl > dt { margin-bottom: 10px; } .section-step-process .payment-cont dl > dd { margin-bottom: 10px; } .section-step-process .payment-cont dl > dd .input-field { width: 100%; } .section-step-process .support-step1 .step-body .support-way { padding: 0px; margin: 0px; } .section-step-process .support-step1 .step-body .support-way .table-field { border-top: none; padding: 0px; margin: 0px; } .section-step-process .support-step1 .step-body .support-way .table-field th { padding: 0px 0px 6px; } .section-step-process .support-step1 .step-body .support-way .table-field td { padding: 0px; border-bottom: none; } .section-step-process .support-step1 .table-field { padding: 10px 0px 0px; } .section-step-process .support-step1 .step-body .support-field { margin: 0px; } .section-step-process .support-step3 .table-field .row-cont.row-supportType .input-field + .input-field { margin-left: 8%; } .section-step-process.complete { border: none; } .section-step-process.complete .support-step-complete { border: 1px solid var(--renew-point-color); } .section-step-process .support-step-complete .step-body { } .section-step-process .support-step-complete .step-body .title-cont { text-align: center; padding-bottom: 10px; } .section-step-process .support-step-complete .step-body .title-cont p { margin-top: 0px; font-size: 17px; line-height: 25px; } .section-step-process .support-step-complete .step-body .table-field th { padding: 15px 15px 15px 10px; } .section-step-process.complete .info-cont { position: relative; margin-top: 35px; padding: 0px 10px; } .section-step-process.complete .info-cont:nth-child(2n+1) { margin-top: 50px; } .section-step-process.complete .info-cont:last-of-type { margin: 35px 0px 30px; } .section-step-process.complete .info-cont > dt { } .section-step-process.complete .info-cont > dt strong { position: relative; display: block; font-size: 17px; font-weight: 500; } .section-step-process.complete .info-cont > dt strong.bullet-circle { padding-left: 15px; } .section-step-process.complete .info-cont > dt strong.bullet-circle::before { content: ""; display: inline-block; border-radius: 50%; width: 5px; height: 5px; background-color: rgb(11, 135, 30); position: absolute; top: 50%; left: 0px; margin-top: -3px; } .section-step-process.complete .info-cont > dd { padding: 15px 0px 12px; border-top: none; border-bottom: 1px solid rgb(229, 229, 229); } .section-step-process.complete .info-cont > dd:nth-of-type(1) { margin: 15px 0px 0px; border-top: 1px solid rgb(229, 229, 229); } .section-step-process.complete .info-cont > dd .inner-info { display: block; } .section-step-process.complete .info-cont > dd .inner-info p { position: relative; font-size: 14px; letter-spacing: -0.5px; color: rgb(123, 123, 123); } .section-step-process.complete .info-cont > dd .input-field { margin: 0px 30px 5px 0px; } .section-step-process.complete .info-cont > dd .input-field + .input-field { } .section-step-process.complete .info-cont > dd .row .row-title { position: relative; padding: 0px 0px 10px; font-size: 16px; color: var(--renew-point-color); font-weight: 500; } .section-step-process.complete .info-cont > dd .row .row-title .bullet-star { background: transparent; display: inline-block; vertical-align: top; font-size: 16px; color: var(--renew-point-color); font-weight: 500; margin-left: 3px; } .section-step-process.complete .info-cont > dd .row.row-agreeYn .row-cont .input-field { width: auto; } .section-step-process.complete .info-cont > dd .row strong { font-size: 14px; } .section-step-process.complete .info-cont .inner-info { margin: 0px; } .section-step-process.complete .info-cont .row-agreeYn { border-top: 1px solid rgb(229, 229, 229); margin: 15px 0px 0px; padding: 15px 0px 0px; } .section-step-process.complete .pos-btm-btn { padding: 0px 0px 20px; } .sub-supportPop { } .sub-supportPop .header-visual-cont { margin: 0px 15px; } .sub-supportPop .header-visual-cont h4 { font-size: 16px; color: rgb(0, 0, 0); font-weight: 500; letter-spacing: -0.5px; } .sub-supportPop .header-visual-cont .img-cont { margin-top: 10px; width: 100%; height: 100%; object-fit: cover; } .sub-supportPop .section-step-process { margin-top: 35px; } .sub-supportPop .row-line-dashed { padding: 15px 0px 25px; } .sub-supportPop .support-step1 .table-field { border-top: none; padding: 0px; margin: 0px; } .sub-supportPop .support-step1 .support-way { } .sub-supportPop .support-step1 .support-way dl { } .sub-supportPop .support-step1 .support-way dl > dt { font-size: 16px; color: var(--renew-point-color); font-weight: 500; line-height: 1; } .sub-supportPop .support-step1 .support-way dl > dd { padding-top: 17px; border-top: 1px solid rgb(0, 0, 0); margin: 15px 0px 0px; font-size: 14px; color: rgb(123, 123, 123); letter-spacing: -0.5px; line-height: 20px; } .sub-supportPop .row-eventYn td { padding: 0px 0px 15px; } .sub-supportPop .row-eventYn .input-field { width: auto; } .sub-supportPop .row-eventYn .input-field + .input-field { margin-left: 15%; } .sub-supportPop .row-eventYn .inner-info { margin: 10px 0px 0px; } .sub-supportPop .row-eventYn p.bullet-exclamation { font-size: 14px; color: rgb(70, 70, 70); } .sub-supportPop .row-eventYn .eventYn-box .inner-info { margin: 10px 0px; } .sub-supportPop .row-eventYn .row-agree { position: relative; } .sub-supportPop .row-eventYn .row-agree .chk-cont input[type="checkbox"] + label::before { position: absolute; top: 0px; left: 0px; } .sub-supportPop .row-eventYn .row-agree .chk-cont input[type="checkbox"] + label span { margin-left: 30px; width: auto; } .sub-supportPop .row-eventYn .row-agree .btn-support-info-underline { position: absolute; top: 5px; right: 0px; } .cont-bondingSpon { } .cont-bondingSpon #contents.sub-contents { padding: 0px; } .cont-bondingSpon #contents.sub-contents section .inner-cont { margin: 0px; padding: 0px; } .cont-bondingSpon .text-list { margin-top: 20px; } .cont-bondingSpon .text-list .item + .item { margin: 20px 0px 0px; } .cont-bondingSpon .text-list .item > strong { position: relative; font-weight: bold; font-size: 13px; color: rgb(63, 58, 57); } .cont-bondingSpon .info-box { display: inline-block; margin: 25px 0px 0px; padding: 15px 20px; width: 100%; height: auto; background-color: rgb(251, 251, 251); } .cont-bondingSpon p { position: relative; } .cont-bondingSpon p.bullet-bar { padding: 0px 0px 0px 8px; font-size: 13px; color: rgb(63, 58, 57); letter-spacing: -0.5px; } .cont-bondingSpon p.bullet-bar::before { content: ""; display: inline-block; border-radius: 50%; width: 3px; height: 3px; background-color: rgb(63, 58, 57); position: absolute; top: 9px; left: 0px; } .cont-bondingSpon p.bullet-bar + p.bullet-bar { margin: 0px; } .cont-bondingSpon p.bullet-star { margin-top: 0px; padding: 0px 0px 0px 8px; font-size: 11px; letter-spacing: -0.5px; line-height: 15px; color: rgb(44, 44, 44); } .cont-bondingSpon p.bullet-star::before { content: "*"; display: inline-block; position: absolute; top: 0px; left: 0px; } #contents.sub-greenNobleInfo .board-bondingSponMember .search-total-cont .color-point { color: rgb(97, 72, 40); } #contents.sub-legacy .board-bondingSponMember .search-total-cont .color-point { color: rgb(12, 120, 84); } .cont-bondingSpon [class^="btn-more-"] { position: relative; display: inline-block; padding: 0px 15px; margin: 0px 0px 0px 15px; height: 30px; line-height: 27px; text-align: center; border-radius: 3px; } .cont-bondingSpon [class^="btn-more-"]::after { display: none; } .cont-bondingSpon [class^="btn-more-"] span { font-size: 13px; letter-spacing: -1px; font-weight: bold; } .cont-bondingSpon .btn-more-green-border { border: 1px solid rgb(14, 117, 83); } .cont-bondingSpon .btn-more-green-border span { color: rgb(14, 117, 83); } .cont-bondingSpon .btn-more-darkGreen-border { border: 1px solid rgb(14, 117, 83); } .cont-bondingSpon .btn-more-darkGreen-border span { color: rgb(1, 52, 26); } .cont-bondingSpon .btn-more-brown-border { border: 1px solid rgb(165, 122, 68); } .cont-bondingSpon .btn-more-brown-border span { color: rgb(165, 122, 68); } .cont-bondingSpon .btn-more-border-black-fill { border: 1px solid rgb(41, 37, 33); background-color: rgb(41, 37, 33); } .cont-bondingSpon .btn-more-border-black-fill span { color: rgb(226, 201, 175); } .cont-bondingSpon .btn-more-border-green-fill { border: 1px solid rgb(14, 117, 83); background-color: rgb(14, 117, 83); } .cont-bondingSpon .btn-more-border-green-fill span { color: rgb(255, 255, 255); } .cont-bondingSpon .text-list ul.bullet-list { margin-top: 3px; padding-left: 5px; } .cont-bondingSpon .text-list ul.bullet-list > li { position: relative; padding-left: 8px; line-height: 18px; } .cont-bondingSpon .text-list ul.bullet-list > li::before { content: "-"; position: absolute; top: 2px; left: 0px; margin-top: 0px; font-size: 14px; color: rgb(63, 58, 57); line-height: 1; display: inline-block; vertical-align: top; } .cont-bondingSpon .text-list ul.bullet-list > li span { font-size: 12px; color: rgb(63, 58, 57); letter-spacing: -1px; line-height: 18px; } .cont-bondingSpon .pos-slider-bondingspon { position: relative; padding: 10% 15px 0px; } .cont-bondingSpon .slider-bondingspon { top: 70px; width: auto; } .cont-bondingSpon .slider-bondingspon .swiper-slide { position: relative; } .cont-bondingSpon .slider-bondingspon .slider-cont { overflow: hidden; margin: 0px auto; width: 100%; height: auto; } .cont-bondingSpon .slider-bondingspon .slider-cont .img-cont { margin: 0px auto; width: 100%; height: auto; } .cont-bondingSpon .slider-bondingspon .slider-cont .img-cont img { display: block; width: 100%; height: 100%; object-fit: cover; } .cont-bondingSpon .slider-bondingspon .slider-controls i.ico-arrow { width: 0px; height: 0px; display: inline-block; vertical-align: top; color: transparent; overflow: hidden; line-height: 999px; background: url("") 0% 0% / 55px 26px no-repeat; } .cont-bondingSpon .slider-bondingspon .slider-controls { position: absolute; width: 100px; height: 26px; bottom: 25px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn { } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow { overflow: hidden; position: absolute; top: 0px; z-index: 200; width: 26px; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow.swiper-button-disabled { opacity: 0.3; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow > i.ico-arrow { width: 26px; height: 26px; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev { left: 0px; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow.swiper-button-next { right: 0px; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow.swiper-button-prev i.ico-arrow { background-position: 0px 0px; } .cont-bondingSpon .slider-bondingspon .slider-controls .swiper-btn .swiper-arrow.swiper-button-next i.ico-arrow { background-position: -29px 0px; } .cont-bondingSpon .slider-bondingspon .swiper-counter { width: 100%; height: 26px; line-height: 26px; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; z-index: 100; text-align: center; } .cont-bondingSpon .slider-bondingspon .swiper-counter span { display: inline-block; font-family: "Noto Serif KR", sans-serif; font-size: 13px; color: rgb(97, 72, 40); letter-spacing: -3px; font-weight: bold; } .cont-bondingSpon .slider-bondingspon .swiper-counter span.swiper-counter-current { font-weight: 400; } .cont-bondingSpon .pos-slider-bondingspon-thumb { position: relative; margin: 20px 0px 0px; } .cont-bondingSpon .slider-bondingspon-thumb { top: 70px; width: auto; } .cont-bondingSpon .slider-bondingspon-thumb .swiper-slide { position: relative; } .cont-bondingSpon .slider-bondingspon-thumb .slider-cont { overflow: hidden; margin: 0px auto; width: 100%; height: auto; } .cont-bondingSpon .slider-bondingspon-thumb .slider-cont .img-cont { margin: 0px auto; width: 100%; height: auto; } .cont-bondingSpon .slider-bondingspon-thumb .slider-cont .img-cont img { display: block; width: 100%; height: 100%; object-fit: cover; } .cont-bondingSpon .slider-bondingspon-thumb .swiper-pagination { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 21px; } .cont-bondingSpon .slider-bondingspon-thumb .swiper-pagination span.swiper-pagination-bullet { margin: 0px 6px; opacity: 1; border-radius: 3px; width: 24px; height: 4px; background-color: rgb(255, 255, 255); transition: all 0.3s ease-out 0s; } .cont-bondingSpon .slider-bondingspon-thumb .swiper-pagination span.swiper-pagination-bullet-active { background-color: rgb(171, 128, 83); } .cont-bondingSpon .searchArea { margin: 0px 0px 20px; } .cont-bondingSpon .searchArea input[type="text"] { display: inline-block; border: 1px solid rgb(165, 122, 68); padding: 0px 0px 0px 10px; width: 100%; height: 36px; line-height: 36px; position: relative; vertical-align: top; font-size: 14px; } .cont-bondingSpon .searchArea .searchBtn { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; padding: 0px; z-index: 1; background: none; vertical-align: top; } .cont-bondingSpon .searchArea .searchBtn::before { content: ""; display: inline-block; position: absolute; top: 9px; left: 0px; border-left: 1px solid rgb(165, 122, 68); height: 18px; } .cont-bondingSpon .searchArea .searchBtn img { width: 17px; height: 17px; } .cont-bondingSpon .board-bondingSponMember .search-total-cont { } .cont-bondingSpon .board-bondingSponMember .search-total-cont .color-point { color: rgb(49, 185, 127); font-weight: 700; } .cont-bondingSpon .no-data-cont { height: 120vw; text-align: center; } .cont-bondingSpon .no-data-cont p { padding-top: 100px; font-size: 14px; color: rgb(0, 0, 0); line-height: 22px; } .cont-bondingSpon .board-bondingSponMember-list { overflow: hidden; margin-top: 30px; } .cont-bondingSpon .board-bondingSponMember-list li { width: calc(33.3333% - 10px); float: left; text-align: center; margin-left: 15px; padding-bottom: 8%; } .cont-bondingSpon .board-bondingSponMember-list li:nth-child(3n+1) { margin-left: 0px; } .cont-bondingSpon .board-bondingSponMember-list li dl { position: relative; } .cont-bondingSpon .board-bondingSponMember-list li dl > dt { overflow: hidden; position: relative; height: 0px; padding-bottom: 100%; border-radius: 50%; } .cont-bondingSpon .board-bondingSponMember-list li dl > dt > .img-cont { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 200; } .cont-bondingSpon .board-bondingSponMember-list li dl > dt > .img-cont > img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .cont-bondingSpon .board-bondingSponMember-list li dl > dd { margin-top: 10px; line-height: 1; font-size: 12px; color: rgb(51, 51, 51); letter-spacing: -1px; } .cont-bondingSpon .board-bondingSponMember .pos-paging { margin-top: 15px; } .cont-bondingSpon .board-bondingSponMember .pos-paging .btn_more > a { display: inline-block; margin-top: 0px; padding: 0px 18px 0px 0px; background: url("") right 5px / 13px 7px no-repeat; } .cont-bondingSpon .board-bondingSponMember .pos-paging .btn_more > a > span { font-family: "Noto Serif KR", sans-serif; font-size: 13px; font-weight: bold; color: rgb(97, 72, 40); letter-spacing: -0.5px; } .cont-bondingSpon .tab-cont .title-label { display: table; table-layout: fixed; width: 100%; } .cont-bondingSpon .tab-cont .title-label > div { display: table-cell; vertical-align: middle; } .cont-bondingSpon .tab-cont .title-label .ico-cont { position: relative; width: 45px; } .cont-bondingSpon .tab-cont .title-label .ico-cont::after { content: ""; display: inline-block; position: absolute; top: 1px; right: 0px; border-right: 1px solid rgb(171, 128, 83); width: 1px; height: 100%; } .cont-bondingSpon .tab-cont .title-label .ico-cont .ico-label { display: inline-block; vertical-align: top; width: 39px; height: 30px; background: url("") center top / 100% no-repeat; } .cont-bondingSpon .tab-cont .title-label .title-cont { padding: 0px 0px 0px 5px; } .cont-bondingSpon .tab-cont .title-label .title-cont > strong { display: block; font-size: 14px; font-weight: bold; letter-spacing: -0.8px; color: rgb(97, 72, 40); } .cont-bondingSpon .tab-cont .title-label .title-cont > em { display: block; margin: 3px 0px 0px; font-family: "Malgun Gothic", "맑은 고딕", sans-serif; font-size: 10px; letter-spacing: -0.6px; color: rgb(97, 72, 40); font-weight: 400; } .cont-bondingSpon .tab-cont .title-label-dsc { font-family: "Malgun Gothic", "맑은 고딕", sans-serif; font-size: 12px; letter-spacing: -1.2px; color: rgb(63, 58, 57); line-height: 19px; } .cont-bondingSpon .tab-cont { position: relative; } .cont-bondingSpon .tab-cont .tabs-fill-box { padding: 0px 15px; position: absolute; top: -21px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; z-index: 200; } .cont-bondingSpon .tab-cont .tabs-fill-box::before { display: none; } .cont-bondingSpon .tab-cont .tabs-fill-box li { overflow: hidden; border-radius: 0px; width: 50%; height: 42px; border: 0px; box-shadow: rgb(165, 122, 68) 0px 0px 0px 2px inset; transition: all 0.2s ease-out 0s; } .cont-bondingSpon .tab-cont .tabs-fill-box li + li { border-left: none; } .cont-bondingSpon .tab-cont .tabs-fill-box li a { position: relative; line-height: 42px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: rgb(165, 122, 68); border: none; } .cont-bondingSpon .tab-cont .tabs-fill-box li a::before { display: none; } .cont-bondingSpon .tab-cont .tabs-fill-box li.active { background-color: rgb(165, 122, 68); border: none; } .cont-bondingSpon .tab-cont .tabs-fill-box li.active a::before { display: block; content: ""; background-color: rgba(255, 255, 255, 0.2); height: 100%; position: absolute; left: 0px; top: 0px; width: 0px; z-index: 1; border: none; } .cont-bondingSpon .tab-cont .tabs-fill-box li.active a:hover::before { animation: 0.8s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s 1 normal both running tab-hover; width: 100%; } @keyframes tab-hover { 0% { transform: translateX(-100%); } 50% { transform: translateX(0px); } 100% { transform: translateX(100%); } } .cont-bondingSpon .tab-cont .tabs-fill-box li.active a { letter-spacing: 0px; font-weight: normal; color: rgb(255, 255, 255); } .cont-bondingSpon .tab-cont .tab-box { position: relative; background-color: rgb(248, 245, 240); } .cont-bondingSpon .tab-cont .tab-box .greenNobleClub-cont { position: relative; padding: 60px 0px 50px; } .sub-greenNobleInfo { } .section-greenNobleInfo { } .greenNobleClub-cont { } .greenNobleClub-cont .cont-01 { position: relative; } .greenNobleClub-cont .cont-01 .greenNobleClub-title { text-align: center; padding: 0px 15px; word-break: keep-all; } .greenNobleClub-cont .cont-01 .greenNobleClub-title > strong { font-family: "Noto Serif KR", sans-serif; color: rgb(247, 240, 219); font-size: 20px; letter-spacing: 0px; font-weight: 500; } .greenNobleClub-cont .cont-01 .greenNobleClub-title > p { margin: 15px 0px 0px; font-size: 12px; color: rgb(247, 240, 219); letter-spacing: -0.5px; line-height: 19px; } .greenNobleClub-cont .cont-02 { position: relative; margin: 40px 0px 0px; padding: 0px 15px; } .greenNobleClub-cont .cont-02 [class^="greenNobleClub-box-"] { position: relative; } .greenNobleClub-cont .cont-02 [class^="greenNobleClub-box-"] + [class^="greenNobleClub-box-"] { margin: 35px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-01 { } .greenNobleClub-cont .greenNobleClub-box-01 .honor-list { margin: 20px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-01 .honor-list li { } .greenNobleClub-cont .greenNobleClub-box-01 .honor-list li + li { margin: 20px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-01 .honor-list li .text-cont { } .greenNobleClub-cont .greenNobleClub-box-01 .honor-list li .text-cont > strong { display: block; font-size: 13px; color: rgb(63, 58, 57); letter-spacing: -0.5px; line-height: 12px; } .greenNobleClub-cont .greenNobleClub-box-01 .honor-list li .text-cont > p { margin-top: 6px; font-size: 12px; line-height: 18px; color: rgb(63, 58, 57); letter-spacing: -0.6px; } .greenNobleClub-cont .greenNobleClub-box-03 { } .greenNobleClub-cont .greenNobleClub-box-03 .img-cont { margin: 22px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-04 { } .greenNobleClub-cont .greenNobleClub-box-04 .text-list { } .greenNobleClub-cont .greenNobleClub-box-04 .text-list > strong { display: block; font-size: 13px; line-height: 18px; color: rgb(63, 58, 57); letter-spacing: -0.5px; } .greenNobleClub-cont .greenNobleClub-box-04 .text-list > strong + strong { margin: 8px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-04 .info-box { margin: 20px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-04 .info-box .btn-more-greenNoble-border-fill { border: 1px solid rgb(165, 122, 68); background-color: rgb(165, 122, 68); margin: 7px 0px 0px; } .greenNobleClub-cont .greenNobleClub-box-04 .info-box .btn-more-greenNoble-border-fill span { color: rgb(255, 255, 255); } .greenNobleMembers-cont { position: relative; padding: 45px 15px 50px; } .sub-legacy { } .section-legacy { } .cont-bondingSpon .sub-legacy .tab-cont .tabs-fill-box li { box-shadow: rgb(14, 117, 83) 0px 0px 0px 1px inset; } .cont-bondingSpon .sub-legacy .tab-cont .tabs-fill-box li a { color: rgb(14, 117, 83); } .cont-bondingSpon .sub-legacy .tab-cont .tabs-fill-box li.active { background-color: rgb(14, 117, 83); } .cont-bondingSpon .sub-legacy .tab-cont .tabs-fill-box li.active a { color: rgb(255, 255, 255); } .cont-bondingSpon .sub-legacy .tab-cont .tab-box { background-color: rgb(247, 247, 247); } .greenLegacyClub-cont { position: relative; padding: 60px 0px 50px; } .greenLegacyClub-cont .cont-01 { position: relative; } .greenLegacyClub-cont .cont-01 .greenLegacyClub-title, .greenLegacyClub-cont .cont-01 .greenLegacyClub-title p { text-align: center; padding: 0px 15px; font-family: "Noto Serif KR", sans-serif; font-size: 13px; color: rgb(54, 115, 85); line-height: 20px; word-break: keep-all; } .greenLegacyClub-cont .cont-01 .greenLegacyClub-title p { margin: 5px 0px 0px; font-weight: 500; } .greenLegacyClub-cont .cont-01 .greenLegacyClub-title strong { font-size: 18px; letter-spacing: 0px; font-weight: 500; } .greenLegacyClub-cont .greenLegacyClub-level { margin: 25px 0px 0px; padding: 0px 15px; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont { display: table; table-layout: fixed; width: 100%; height: 122px; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item { display: table-cell; vertical-align: top; width: 50%; text-align: center; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item:first-child { padding: 0px 15px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item:last-child { padding: 0px 0px 0px 15px; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item + .item { border-left: 1px solid rgb(198, 207, 201); } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item [class^="ico-"] { display: inline-block; vertical-align: top; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item .ico-honor-level { width: 28.5px; height: 39px; background: url("") center center / 100% no-repeat; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .item .ico-green-level { width: 50px; height: 41px; background: url("") center center / 100% no-repeat; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .text-cont { margin: 10px 0px 0px; word-break: keep-all; } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .text-cont > strong { display: block; font-size: 12px; line-height: 17px; letter-spacing: 0px; color: rgb(44, 44, 44); } .greenLegacyClub-cont .greenLegacyClub-level .level-cont .text-cont > p { margin-top: 5px; font-size: 11px; line-height: 18px; color: rgb(44, 44, 44); letter-spacing: -1px; } .greenLegacyClub-cont .cont-02 { position: relative; margin: 40px 0px 0px; padding: 0px 15px; } .greenLegacyClub-cont .cont-02 [class^="greenLegacyClub-box-"] { position: relative; } .greenLegacyClub-cont .cont-02 [class^="greenLegacyClub-box-"] + [class^="greenLegacyClub-box-"] { margin: 35px 0px 0px; } .section-legacy .tab-cont .greenLegacyClub-cont .title-label { border-top: none; } .section-legacy .tab-cont .greenLegacyClub-cont .title-label .ico-cont { } .section-legacy .tab-cont .greenLegacyClub-cont .title-label .ico-cont::after { border-right: 1px solid rgb(14, 117, 83); } .section-legacy .tab-cont .greenLegacyClub-cont .title-label .ico-cont .ico-label { background: url("") center top / 100% no-repeat; } .section-legacy .greenLegacyClub-cont .title-label .title-cont > strong { color: rgb(14, 117, 83); } .section-legacy .greenLegacyClub-cont .title-label .title-cont > em { color: rgb(14, 117, 83); } .greenLegacyClub-cont .greenLegacyClub-box-01 { } .greenLegacyClub-cont .greenLegacyClub-box-01 .honor-list { margin: 20px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-01 .honor-list li { } .greenLegacyClub-cont .greenLegacyClub-box-01 .honor-list li + li { margin: 20px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-01 .honor-list li .text-cont { } .greenLegacyClub-cont .greenLegacyClub-box-01 .honor-list li .text-cont > strong { display: block; font-size: 13px; color: rgb(63, 58, 57); letter-spacing: -0.5px; line-height: 12px; } .greenLegacyClub-cont .greenLegacyClub-box-01 .honor-list li .text-cont > p { margin-top: 6px; font-size: 12px; line-height: 18px; color: rgb(63, 58, 57); letter-spacing: -0.6px; } .greenLegacyClub-cont .greenLegacyClub-box-01 .slider-bondingspon-thumb .swiper-pagination span.swiper-pagination-bullet-active { background-color: rgb(54, 115, 85); } .greenLegacyClub-cont .greenLegacyClub-box-02 { } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list { overflow: hidden; margin: 20px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl { position: relative; margin: 8px 0px 0px; width: calc(50% - 8px); min-height: 210px; text-align: center; border: 1px solid rgb(233, 237, 234); } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(-n+2) { margin: 0px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(2n+1) { float: left; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(2n) { float: right; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl > dt { background-color: rgb(233, 237, 234); height: 33px; line-height: 33px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl > dt > strong { font-size: 12px; letter-spacing: -0.5px; font-weight: bold; color: rgb(62, 58, 57); } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl > dd { } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl > dd.img-cont > img { display: inline-block; margin: 20px 0px 0px; width: 105px; height: 105px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl > dd.logo-cont { min-height: 44px; display: flex; align-items: center; justify-content: center; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl > dd.logo-cont > img { display: inline-block; width: auto; height: auto; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(1) dd.logo-cont > img { width: 110.5px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(2) dd.logo-cont > img { width: 114px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(3) dd.logo-cont > img { width: 108px; } .greenLegacyClub-cont .greenLegacyClub-box-02 .program-list dl:nth-child(4) dd.logo-cont > img { width: 74px; } .greenLegacyClub-cont .greenLegacyClub-box-03 { } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list { margin: 20px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .item { border: 1px solid rgb(233, 237, 234); } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .item.type { min-height: 110px; } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .item.way { min-height: 135px; } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .item + .item { margin: 25px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .typeWay-title { background-color: rgb(233, 237, 234); height: 33px; line-height: 33px; text-align: center; } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .typeWay-title > strong { font-size: 12px; letter-spacing: -0.5px; font-weight: bold; color: rgb(62, 58, 57); } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .typeWay-box { background-color: rgba(255, 255, 255, 0.5); } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .typeWay-box .img-cont { } .greenLegacyClub-cont .greenLegacyClub-box-03 .typeWay-list .typeWay-box .img-cont > img { display: block; width: 100%; height: auto; } .greenLegacyClub-cont .greenLegacyClub-box-04 { } .greenLegacyClub-cont .greenLegacyClub-box-04 .img-cont { margin: 20px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-05 { } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont { margin: 10px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list { position: relative; text-align: left; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list > li { border-bottom: 1px solid rgba(14, 117, 83, 0.2); line-height: 1.5; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .table-wrap [class^="cell-"] { display: table-cell; vertical-align: middle; font-weight: bold; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .table-wrap .cell-name { width: 30px; font-size: 12px; text-align: center; text-indent: 5px; vertical-align: top; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .table-wrap .cell-value { font-size: 12px; letter-spacing: -0.5px; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-header { position: relative; font-size: 0px; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-header a { position: relative; display: inline-block; padding: 11px 30px 11px 0px; width: 100%; height: 100%; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-header a:focus { outline: none; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-header a::before { display: inline-block; content: ""; position: absolute; top: 50%; right: 10px; margin-top: -8px; border-style: solid; border-color: rgb(14, 117, 83); border-image: initial; border-width: 0px 2px 2px 0px; padding: 4px; z-index: 300; transform: rotate(45deg); transition: all 0.2s ease-out 0s; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-body { border-top: 1px solid rgb(228, 228, 228); padding: 10px 15px 15px 0px; background-color: rgb(14, 117, 83); } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-body .list-cont { margin-top: 0px; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-body .table-wrap [class^="cell-"] { vertical-align: top; color: rgb(255, 255, 255); font-weight: 400; } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-body .table-wrap .cell-name { } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li .acc-body .table-wrap .cell-value { } .greenLegacyClub-cont .greenLegacyClub-box-05 .faq-acc-cont .acc-list li.active a::before { margin-top: -3px; transform: rotate(225deg); } .greenLegacyClub-cont .greenLegacyClub-box-05 .info-box { margin: 20px 0px 0px; } .greenLegacyClub-cont .greenLegacyClub-box-05 .info-box [class^="btn-more-"] { margin: 7px 0px 0px; } .cont-bondingSpon .greenLegacyMembers-cont { position: relative; padding: 45px 15px 50px; } .cont-bondingSpon .greenLegacyMembers-cont .searchArea input[type="text"] { border: 1px solid rgb(54, 115, 85); } .cont-bondingSpon .greenLegacyMembers-cont .searchArea .searchBtn::before { border-left: 1px solid rgb(14, 117, 83); } .cont-bondingSpon .greenLegacyMembers-cont .board-bondingSponMember .pos-paging .btn_more > a { background: url("") right 5px / 13px 7px no-repeat; } .cont-bondingSpon .greenLegacyMembers-cont .board-bondingSponMember .pos-paging .btn_more > a > span { color: rgb(54, 115, 85); } .cont-campaign { } .cont-campaign .campaginTopTxt { padding: 0px 0px 25px; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: rgb(34, 34, 34); letter-spacing: -0.5px; font-weight: 500; } .cont-campaign .filter-cate-card { overflow: hidden; position: relative; margin: 0px 4%; } .cont-campaign .filter-cate-card * { box-sizing: border-box; } .cont-campaign .filter-cate-card li { width: calc(33.3333%); height: 210px; float: left; } .cont-campaign .filter-cate-card li + li { width: calc(33.3333% - 5px); margin-left: 5px; } .cont-campaign .filter-cate-card li span { display: block; } .cont-campaign .filter-cate-card li .img-cont { width: 100%; height: 162px; border-top: 1px solid rgb(136, 136, 136); border-right: 1px solid rgb(136, 136, 136); border-left: 1px solid rgb(136, 136, 136); border-image: initial; border-bottom: none; } .cont-campaign .filter-cate-card li .img-cont > img { display: block; width: 100%; height: 100%; object-fit: cover; } .cont-campaign .filter-cate-card li .text-cont { width: 100%; height: 48px; line-height: 48px; text-align: center; background-color: rgb(136, 136, 136); } .cont-campaign .filter-cate-card li .text-cont > em { display: block; font-family: "Noto Sans KR", sans-serif; font-size: 15px; font-weight: 500; color: rgb(255, 255, 255); } .cont-campaign .filter-cate-card li:nth-child(1).active .img-cont { border-top: 1px solid rgb(142, 113, 83); border-right: 1px solid rgb(142, 113, 83); border-left: 1px solid rgb(142, 113, 83); border-image: initial; border-bottom: none; } .cont-campaign .filter-cate-card li:nth-child(2).active .img-cont { border-top: 1px solid rgb(193, 164, 114); border-right: 1px solid rgb(193, 164, 114); border-left: 1px solid rgb(193, 164, 114); border-image: initial; border-bottom: none; } .cont-campaign .filter-cate-card li:nth-child(3).active .img-cont { border-top: 1px solid rgb(92, 82, 72); border-right: 1px solid rgb(92, 82, 72); border-left: 1px solid rgb(92, 82, 72); border-image: initial; border-bottom: none; } .cont-campaign .filter-cate-card li:nth-child(1).active .text-cont { background-color: rgb(142, 113, 83); } .cont-campaign .filter-cate-card li:nth-child(2).active .text-cont { background-color: rgb(193, 164, 114); } .cont-campaign .filter-cate-card li:nth-child(3).active .text-cont { background-color: rgb(92, 82, 72); } .cont-campaign .campaginList { border-top: 1px solid rgb(0, 0, 0); margin: 20px 4% 0px; padding: 30px 0px 0px; } .cont-campaign .listPage .pos-filter-btn { margin: 5px 4% 25px; } .cont-campaign .listPage .pos-filter-btn .btn-filter-cate-btn { position: relative; display: inline-block; width: 100%; padding: 13px 0px 15px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 400; letter-spacing: -0.5px; text-align: center; background-color: var(--renew-point-color); } .cont-campaign .listPage .pos-filter-btn .btn-filter-cate-btn span { font-family: "Noto Sans KR", sans-serif; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; } .cont-institute { padding: 0px !important; } .cont-institute .sub-contents .tab-cont { margin: 0px 15px; width: inherit; } .cont-institute .sub-contents > section .searchArea { margin: 20px 0px; } .section-intro { padding-top: 25px; } .section-intro [class^="intro-box-"] + [class^="intro-box-"] { margin-top: 30px; } .section-intro .ico-list { position: relative; overflow: hidden; margin-top: 25px; } .section-intro .ico-list li { float: left; width: calc(33.3333%); text-align: center; } .section-intro .ico-list li strong { display: block; padding-top: 7px; font-size: 14px; line-height: 16px; color: rgb(51, 51, 51); letter-spacing: -1px; font-weight: bold; } .section-intro .ico-list li em { display: block; padding-top: 4px; font-size: 12px; letter-spacing: -1px; color: rgb(51, 51, 51); line-height: 1; } .section-intro .ico-list li:nth-child(1) img { width: 51px; height: auto; } .section-intro .ico-list li:nth-child(2) img { width: 53px; height: auto; } .section-intro .ico-list li:nth-child(3) img { width: 47px; height: auto; } .section-history { margin-top: 10px; } .section-history .acc-cont { } .section-history .acc-cont .history-list { padding: 15px 0px; } .section-history .acc-cont .history-list .table-wrap { line-height: inherit; } .section-history .acc-cont .history-list .table-wrap + .table-wrap { margin-top: 5px; } .section-history .acc-cont .history-list .table-wrap { display: table; width: 100%; table-layout: fixed; } .section-history .acc-cont .history-list .table-wrap [class^="cell-"] { display: table-cell; vertical-align: top; font-size: 14px; color: rgb(51, 51, 51); letter-spacing: -1px; } .section-history .acc-cont .history-list .table-wrap .cell-date { width: 50px; } .section-activity .inner-cont { padding: 0px 0px 60px !important; } .section-activity { margin-top: 20px; } .section-activity .pos-more-btn { margin-top: 18px; } .section-activity .pos-slider { margin-top: 25px; } .cont-institute .sub-dataList { } #contents.sub-newsLetterList { padding: 0px; } #contents .section-newsLetterList { } #contents .section-newsLetterList .inner-cont { margin: 0px; } .section-newsLetterList .board-search-cont { display: table; table-layout: fixed; width: 100%; padding: 25px 15px; } .section-newsLetterList .board-search-cont > div { display: table-cell; vertical-align: middle; } .section-newsLetterList .board-search-cont .pos-more-btn { width: 106px; } .section-newsLetterList .board-search-cont .pos-more-btn .btn-more-green-fill { padding: 10px 0px; width: 100%; font-size: 14px; border-radius: 0px; } .section-newsLetterList .board-search-cont .pos-more-btn .btn-more-green-fill span { font-weight: normal; } .section-newsLetterList .select-field { padding-left: 5px; height: 36px; } .section-newsLetterList .select-field select { border-radius: 3px; padding: 0px 28px 0px 10px; width: 100%; height: 36px; font-size: 14px; color: rgb(68, 68, 68); border: 1px solid rgb(217, 217, 217); font-family: "Malgun Gothic", "맑은 고딕"; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } .section-newsLetterList .select-field::before { border-style: solid; border-color: rgb(136, 136, 136); border-image: initial; border-width: 0px 2px 2px 0px; } .section-newsLetterList .board-div { } .cont-join > .sub-contents > section { } .section-service { } .section-service .inner-cont { } .section-service .service-list { position: relative; margin-top: 20px; overflow-y: auto; } .section-service .service-list li { position: relative; font-size: 13px; letter-spacing: -0.8px; line-height: 22px; } .section-service .service-list > li + li { margin-top: 20px; } .section-service .service-list > li > strong { display: block; font-size: 13px; letter-spacing: -0.8px; color: rgb(102, 102, 102); font-weight: bold; } .section-service .service-list > li > * { font-size: 13px; letter-spacing: -0.8px; color: rgb(102, 102, 102); word-break: keep-all; } .section-service .service-list [class^="depth"] .bullet { display: inline-block; vertical-align: top; position: absolute; top: 0px; left: 0px; line-height: 19px; } .section-service .service-list .depth01 li { padding: 0px 0px 0px 12px; } .section-service .service-list .depth01 li.num-space02 { padding: 0px 0px 0px 19px; } .section-service .service-list .depth02 li { padding: 0px 0px 0px 24px; } .section-service .service-list .depth02 li.num-space02 { padding: 0px 0px 0px 31px; } .section-privacy { } .section-privacy .inner-cont { } .section-privacy .tab-cont { margin: 25px 0px 0px; } .section-privacy .tab-cont .tabs-line { } .section-privacy .tab-cont .tabs-line li:nth-child(1) { width: 37%; } .section-privacy .tab-cont .tabs-line li:nth-child(2) { width: 63%; } .section-privacy .tab-cont .tab-group { margin-top: 15px; width: 100%; height: auto; } .section-privacy .tab-cont .tab-group .tab-box { } .section-privacy .tab-cont .tab-group .tab-box .privacy-box { } .section-privacy .tab-cont .privacy-box .box-title { font-size: 13px; font-weight: bold; letter-spacing: -0.8px; line-height: 21px; color: rgb(90, 90, 90); word-break: keep-all; } .section-privacy .tab-cont .privacy-list { position: relative; } .section-privacy .tab-cont .privacy-list .item { padding-top: 20px; } .section-privacy .tab-cont .privacy-list .item + .item { padding-top: 23px; margin-top: 20px; border-top: 1px solid rgb(228, 228, 228); } .section-privacy .tab-cont .privacy-list li { position: relative; font-size: 13px; letter-spacing: -0.8px; line-height: 21px; } .section-privacy .tab-cont .privacy-list strong, .section-privacy .tab-cont .privacy-list p { position: relative; display: block; } .section-privacy .tab-cont .privacy-list > li > strong { display: block; font-size: 13px; letter-spacing: -0.8px; font-weight: bold; color: rgb(102, 102, 102); } .section-privacy .tab-cont .privacy-list > li > p { margin-top: 20px; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: rgb(102, 102, 102); word-break: keep-all; } .section-privacy .tab-cont .privacy-list .depth01 .depth02 { } .section-privacy .tab-cont .privacy-list .depth01 .depth02 li { padding: 0px 0px 0px 20px; margin-top: 5px; } .section-privacy .tab-cont .privacy-list .depth01 .depth02 li + li { margin-top: 5px; } .section-privacy .tab-cont .privacy-list .depth01 .depth02 > li > strong { font-weight: normal; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: rgb(102, 102, 102); word-break: keep-all; } .section-privacy .tab-cont .privacy-list .depth01 .depth03 > li { padding: 0px; } .section-privacy .tab-cont .privacy-list .depth01 .depth03 li { margin-top: 5px; } .section-privacy .tab-cont .privacy-list .depth01 .depth03 li + li { margin-top: 5px; } .section-privacy .tab-cont .privacy-list .depth01 .depth03 li > strong { font-weight: normal; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: rgb(102, 102, 102); word-break: keep-all; } .section-privacy .tab-cont .privacy-list [class^="depth"] .bullet { display: inline-block; vertical-align: top; position: absolute; top: 0px; left: 0px; } .section-privacy .tab-cont .privacy-list .depth01 { margin-top: 20px; } .section-privacy .tab-cont .privacy-list .depth01 > li + li { margin-top: 10px; } .section-privacy .tab-cont .privacy-list .depth01 > li > strong { padding: 0px 0px 0px 15px; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: rgb(102, 102, 102); } .section-privacy .tab-cont .privacy-list .depth01 li > p { padding: 0px 0px 0px 8px; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: rgb(102, 102, 102); word-break: keep-all; } .section-privacy .tab-cont .privacy-list .depth01 li > p > a { font-size: 13px; line-height: 21px; color: rgb(90, 90, 90); word-break: keep-all; } .section-privacy .tab-cont .privacy-list .depth01 li > p .bullet { line-height: 18px; } .section-privacy .tab-cont .privacy-list .depth01 li strong.bullet-arrow .bullet { line-height: 18px; } .section-privacy .tab-cont .privacy-list .depth01 .depth02 li.bullet-circle { padding: 0px 0px 0px 8px; } .section-privacy .tab-cont .privacy-list .depth01 .depth02 li.bullet-circle p { margin-left: 0px; padding: 0px 0px 0px 17px; } .section-privacy .tab-cont .privacy-list .pos-table { margin-top: 10px; } .section-privacy .tab-cont .privacy-list .pos-table > strong { font-weight: normal; color: rgb(102, 102, 102); } .section-privacy .tab-cont .privacy-list .pos-table .table-field { margin: 3px 0px; } .section-privacy .tab-cont .privacy-list #item1-3 .depth01 .depth02 li { padding: 0px 0px 0px 8px; } .section-privacy .tab-cont .privacy-list #item1-7 li > strong { font-weight: normal; } .section-privacy .tab-cont .privacy-list #item1-7 li > strong > span { font-weight: bold; } .section-privacy .tab-cont .privacy-list #item1-12 .depth01 li > strong, .section-privacy .tab-cont .privacy-list #item1-12 .depth01 li > p { padding: 0px; margin-left: 0px; margin-top: 10px; } .section-privacy .tab-cont .privacy-list #item1-14 .depth01 li > p > a { word-break: break-all; } .section-privacy .tab-cont .list-date { margin-top: 25px; } .section-privacy .tab-cont .list-date > p { position: relative; display: inline-block; padding: 0px 0px 0px 8px; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: rgb(102, 102, 102); word-break: keep-all; } .section-privacy .tab-cont .list-date > p > .bullet { display: inline-block; vertical-align: top; position: absolute; top: 0px; left: 0px; } .cont-single { } .cont-single * { font-family: "Noto Sans KR", sans-serif; font-weight: 400; letter-spacing: -0.5px; line-height: 1.25; } .cont-single em.font-Montserrat { font-family: Montserrat, sans-serif; font-weight: 600; letter-spacing: -0.5px; } .cont-single #contents { padding: 0px; } .cont-single .section-single { } .cont-single .section-single .inner-cont { margin: 0px !important; } .cont-single .section-single .single-cont { padding: 25px 15px 0px; } .cont-single .section-single h4 { } .cont-single .section-single h4 > strong { font-size: 16px; line-height: 21px; color: var(--renew-point-color); font-weight: bold; } .cont-single .section-single [class^="inner-info"] { position: relative; margin: 10px 0px 0px; } .cont-single .section-single [class^="inner-info"] p { position: relative; font-size: 12px; line-height: 20px; color: var(--renew-point-color); letter-spacing: -0.5px; margin: 0px; font-weight: 500; } .cont-single .section-single [class^="inner-info"] p.bullet-star { padding-left: 8px; } .cont-single .section-single [class^="inner-info"] p.bullet-star::before { content: "*"; position: absolute; top: 1px; left: 0px; } .cont-single .section-single [class^="inner-info"] > p + p { margin: 3px 0px 0px; } .cont-single .section-single [class^="inner-info"] > p > span { display: inline-block; line-height: 1.5; } .cont-single .section-single [class*="row-line"] { position: relative; text-align: center; } .cont-single .section-single .row-line-umbrella { padding: 25px 0px; } .cont-single .section-single .row-line-umbrella::before { content: ""; display: inline-block; width: 30px; height: 15px; background: url("") center center / 100% no-repeat; } .cont-single .section-single .row-line-umbrella::after { content: ""; display: inline-block; width: 100%; height: 1px; background-color: rgb(229, 229, 229); position: absolute; top: 50%; left: 0px; margin-top: -3px; z-index: -1; } .cont-single .section-single .row-line-dashed { display: inline-block; padding: 20px 0px 45px; width: 100%; height: 1px; } .cont-single .section-single .row-line-dashed::after { content: ""; display: inline-block; width: 100%; height: 1px; border-top: 1px dashed rgb(204, 204, 204); } .cont-single .section-single .row { line-height: 1.25; } .cont-single .section-single .row + .row { padding-top: 10px; } .cont-single .btn-support-info { position: relative; display: inline-block; padding: 9px 17px; color: rgb(255, 255, 255); background-color: rgb(123, 123, 123); font-size: 13px; text-align: center; transition: background-color 0.2s ease-out 0s; } .cont-single .btn-support-info:hover { background-color: var(--renew-point-color); } .cont-single .btn-support-info-underline { position: relative; margin-left: 13px; display: inline-block; margin-top: 2px; text-align: center; vertical-align: top !important; } .cont-single .btn-support-info-underline span { display: inline-block; color: var(--renew-point-color); border-bottom: 1px solid var(--renew-point-color); font-size: 12px; font-weight: 500; } .cont-single .pos-confirm-btn { } .cont-single .btn-gray-fill { position: relative; margin-left: 10px; display: inline-block; vertical-align: middle; padding: 12px 25px 11px; background-color: rgb(158, 158, 158); text-align: center; } .cont-single .btn-gray-fill span { color: rgb(255, 255, 255) !important; font-size: 14px; } .cont-single .btn-black-fill { position: relative; margin-left: 10px; display: inline-block; vertical-align: middle; padding: 12px 25px 11px; background-color: var(--renew-point-color); text-align: center; } .cont-single .btn-black-fill span { color: rgb(255, 255, 255) !important; font-size: 14px; } .cont-single .pos-btm-btn { text-align: center; margin: 30px 0px 0px; font-size: 0px; } .cont-single [class^="btn-btm-"] { position: relative; display: inline-block; width: 100%; padding: 15px 0px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 400; letter-spacing: -0.5px; text-align: center; } .cont-single .btn-btm-confirm { background-color: var(--renew-point-color); } .cont-single { } .cont-single .file-upload { position: relative; width: 100%; font-size: 0px; } .cont-single .file-upload .upload-name { display: inline-block; padding: 0px; border: 0px; width: calc(100% - 31px); text-overflow: ellipsis; font-size: 15px; color: rgb(123, 123, 123); line-height: 1.5; background-color: rgb(255, 255, 255); } .cont-single .file-upload label { width: 100%; cursor: pointer; } .cont-single .file-upload input[type="file"] { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .cont-single .file-upload .btn-file-remove { display: inline-block; vertical-align: top; margin-top: 1px; margin-right: 10px; width: 21px; height: 21px; background: url("") right top / 100% no-repeat; } .cont-single .file-upload .upload-box { display: inline-block; width: 100%; padding: 10px 10px 12px; margin: 10px 0px 0px; border: 1px solid rgb(178, 178, 178); } .section-single .single-cont .table-field { border-top: none; } .section-single .single-cont .table-field:nth-of-type(2n+1) { border-top: 1px solid rgb(0, 0, 0); margin: 15px 0px 0px; } .section-single .single-cont .table-field th, .section-single .single-cont .table-field td { position: relative; border-top: none; border-right: none; border-left: none; border-image: initial; text-align: left; padding: 0px; border-bottom: 1px solid rgb(229, 229, 229); } .section-single .single-cont .table-field th:first-child, .section-single .single-cont .table-field td:first-child { border-left: none; } .section-single .single-cont .table-field th { padding: 15px 15px 15px 0px; font-size: 16px; color: var(--renew-point-color); font-weight: 500; background-color: transparent; } .section-single .single-cont .table-field th span { font-size: 16px; color: var(--renew-point-color); font-weight: 500; } .section-single .single-cont .table-field th .bullet-star { background: transparent; display: inline-block; vertical-align: top; font-size: 16px; color: var(--renew-point-color); font-weight: 500; margin-left: 3px; } .section-single .single-cont .table-field th strong { font-size: 14px; color: rgb(123, 123, 123); font-weight: 500; } .section-single .single-cont .table-field td, .section-single .single-cont .table-field td strong { font-size: 14px; color: rgb(123, 123, 123); } .section-single .single-cont .table-field td { } .section-single .single-cont .row-total { } .section-single .single-cont .row-total th { background-color: rgb(248, 248, 246); padding: 14px 15px; border-top: none; } .section-single .single-cont .row-total th strong { position: relative; color: var(--renew-point-color); } .section-single .single-cont .row-total th strong::after { content: ""; display: inline-block; vertical-align: top; border-right: 1px solid rgb(198, 198, 197); height: 12px; margin-top: 4px; padding-left: 9px; } .section-single .single-cont .row-total td { text-align: right; padding-right: 15px; background-color: rgb(248, 248, 246); border-top: none; } .section-single .single-cont .row-total td > em { font-size: 23px; margin-right: 4px; line-height: 1; font-weight: 700; letter-spacing: -0.8px; } .section-single .single-cont .row-total td > span { display: inline-block; vertical-align: top; margin-top: 4px; } .section-single .single-cont .row-title th { padding: 15px 0px 10px; border-bottom: none; } .section-single .single-cont .row-cont td { padding: 0px 0px 15px; } .section-single .single-cont .row-cont .row { position: relative; } .section-single .single-cont .row-cont .row .input-field { display: block; } .section-single .single-cont .row-cont .input-field { width: 100%; } .section-single .single-cont .row-cont .select-field { width: 100%; } .section-single .single-cont .row-ssn .input-field + .input-field { margin-left: 10px; } .section-single .single-cont .row-ssn .input-field + .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -8px; } .section-single .single-cont .row-mobile .input-field { margin-left: 10px; } .section-single .single-cont .row-mobile .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -8px; } .section-single .single-cont .row-email .input-field + .input-field { margin-left: 20px; } .section-single .single-cont .row-email .input-field + .input-field::before { content: "@"; display: inline-block; position: absolute; top: 50%; left: -15px; margin-top: -8px; font-size: 12px; color: rgb(123, 123, 123); } .section-single .single-cont .row-email .select-field { margin-top: 10px; width: 100%; } .section-single .single-cont .row-companyAddr { } .section-single .single-cont .row-receipt { } .section-single .single-cont .row-receipt .btn-gray-fill { margin-left: 0px; width: 100%; font-size: 14px; color: rgb(255, 255, 255); } .section-single .single-cont .row-receipt td { padding: 0px; border-bottom: none; } .section-single .single-cont .row-info-box { background-color: rgb(248, 248, 246); padding: 13px 15px; margin: 13px 0px 0px; } .section-single .single-cont .row-info-box .row dl > dt { font-size: 14px; color: var(--renew-point-color); font-weight: 500; } .section-single .single-cont .row-info-box .row dl > dd { } .section-single .single-cont .row-info-box .row dl > dd .input-field { width: 100%; } .section-single .single-cont .row-info-box .row dl > dd .input-field + .input-field { margin-left: 10px; } .section-single .single-cont .row-info-box .row dl > dd .input-field + .input-field::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(178, 178, 178); position: absolute; top: 50%; left: -8px; } .section-single .single-cont .row-info-box .row dl > dd .btn-gray-fill { width: 100%; margin: 10px 0px 0px; } .section-single .single-cont .row-info-box .row .chk-cont strong { font-size: 14px; color: rgb(70, 70, 70); } .section-single .single-cont .row-info-box .btm-info { border-bottom: none; padding-bottom: 0px; } .section-single .single-cont .support-field { } .section-single .single-cont .support-field .input-field strong { font-size: 14px; color: rgb(123, 123, 123); } .section-single .single-cont .support-field .support-header { position: relative; border-bottom: 1px solid rgb(0, 0, 0); } .section-single .single-cont .support-field .support-header a { padding: 0px 0px 15px; display: inline-block; width: 100%; line-height: 1; } .section-single .single-cont .support-field .support-header a > h4 { font-size: 16px; line-height: 21px; color: var(--renew-point-color); font-weight: bold; } .section-single .single-cont .support-field .support-body { } .section-single .single-cont .support-field .support-body-box { background-color: rgb(248, 248, 246); margin: 15px 0px 0px; padding: 15px 15px 20px; } .section-single .single-cont .support-field .support-body-box .row { } .section-single .single-cont .support-field .support-body-box .row strong { color: var(--renew-point-color); } .section-single .single-cont .support-field .support-body-box .row:first-of-type { border-bottom: 1px solid rgb(229, 229, 229); padding-bottom: 15px; } .section-single .single-cont .support-field .support-body-box .row .btn-allAgreeeYn span { color: var(--renew-point-color); } .mt20 { margin-top: 20px; } .section-single .single-cont .support-field [class^="inner-info"] p { font-size: 14px; line-height: 1.5; color: var(--renew-point-color); font-weight: 500; } .section-single .single-cont .table-field th span.subtit { font-size: 14px; } .wichog { display: inline-block; background-color: rgb(165, 165, 165); padding: 2px 13px 3px; border-radius: 13px; font-size: 13px; margin-top: 5px; color: rgb(255, 255, 255) !important; } .sp_color { width: 1px; height: 11px; margin: 0px 1px; position: relative; display: inline-block; background-color: rgb(206, 206, 206) !important; } .biz_org .regional_biz { overflow: hidden; display: flex; justify-content: center; align-items: center; } .main_text { font-size: 18px; text-align: center; display: block; margin: 19px 0px; color: var(--renew-point-color); } .map_name { position: relative; font-weight: bold; letter-spacing: -2px; font-size: 22px; color: rgb(51, 51, 51); line-height: 1; margin: 20px 0px 10px; } .map_wrap { position: relative; width: 351px; height: 412px; float: right; background: url("") 68% center / 90% no-repeat; } .person_top { overflow: hidden; display: flex; justify-content: center; align-items: center; border: 1px solid var(--renew-point-color); border-radius: 10px; background-color: rgb(250, 250, 250); } .map_wrap_gap { padding: 2px 10px; background-color: rgb(255, 255, 255); border: 1px solid var(--renew-point-color); border-radius: 4px; } .area { cursor: pointer; } .map_wrap_gap.on { background-color: var(--renew-point-color); } .biz_org .regional_biz .map_wrap .area { position: absolute; } .biz_org .regional_biz .map_wrap .area.on span button { color: rgb(255, 255, 255); background-color: var(--renew-point-color); outline: 0px; } .addTxt { text-align: justify; } .map_wrap_gap { padding: 3px 10px; background-color: rgb(255, 255, 255); border: 1px solid var(--renew-point-color); border-radius: 4px; } .biz_org .regional_biz .map_wrap .seoul { top: 89px; left: 140px; } .biz_org .regional_biz .map_wrap .incheon { top: 93px; left: 90px; } .biz_org .regional_biz .map_wrap .gyeonggi { top: 123px; left: 97px; } .biz_org .regional_biz .map_wrap .gangwon { top: 68px; left: 203px; } .biz_org .regional_biz .map_wrap .chungbug { top: 143px; left: 170px; } .biz_org .regional_biz .map_wrap .chungnam { top: 210px; left: 136px; } .biz_org .regional_biz .map_wrap .sejong { top: 167px; left: 120px; } .biz_org .regional_biz .map_wrap .deajeon { top: 176px; left: 173px; } .biz_org .regional_biz .map_wrap .gyeongbug { top: 133px; left: 255px; } .biz_org .regional_biz .map_wrap .gyeongnam { top: 275px; right: 35%; } .biz_org .regional_biz .map_wrap .deagu { top: 185px; left: 236px; } .biz_org .regional_biz .map_wrap .ulsan { top: 225px; right: 50%; transform: translateX(265%); } .biz_org .regional_biz .map_wrap .busan { top: 265px; left: 50%; transform: translateX(131%); } .biz_org .regional_biz .map_wrap .jeonbug { top: 221px; left: 60px; } .biz_org .regional_biz .map_wrap .jeonnam { top: 297px; left: 61px; } .biz_org .regional_biz .map_wrap .gwangju { top: 261px; left: 84px; } .biz_org .regional_biz .map_wrap .jeju { top: 348px; left: 60px; } .biz_org .regional_biz .map_wrap .area button { position: relative; font-size: 13px; font-family: noto; color: rgb(42, 42, 42); } .list_box_p { width: 100%; height: auto; } .on_p { display: flex !important; } .area_box { justify-content: space-between; flex-wrap: wrap; display: none; } .soul_p_box { border: 1px solid rgb(206, 206, 206); width: 100%; height: auto; border-radius: 10px; display: flex; flex-direction: column; align-items: center; margin: 7px 0px 0px; padding: 0px 0px 4% 4%; } .p_profile_1 { margin: 5% 0px; padding: 0px 3% 0px 2%; display: flex; flex-direction: column; align-items: center; width: 100%; } .p_profile_2 { width: 100%; } .profile_h1 { font-weight: 600; text-align: center; margin-bottom: 10px; margin-right: 230px; font-size: 18px !important; } .profile_line { width: 100px; height: 1px; background-color: rgb(0, 0, 0); margin-right: 230px; } .profile_photo { width: 80px; background-color: bisque; border-radius: 150px; overflow: hidden; margin: 4% 230px -1% 0px; } .profile_text { word-break: keep-all; text-align: left; position: absolute; margin-left: 25%; margin-top: 11%; } .profile_text_2 { letter-spacing: -1px; word-break: keep-all; border-top: 1px solid rgb(206, 206, 206); padding-top: 4%; margin-right: 4%; font-size: 13px !important; } .profile_h1 { font-size: 20px; } .circle { width: 4px; height: 4px; border-radius: 3px; background-color: rgb(206, 206, 206); display: inline-block; margin: 0px -4px 1px 7px; } .button_box { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 38px 0px 0px; } .button_box > div { border: 1px solid var(--renew-point-color); width: 356px; text-align: center; padding: 4% 0px; margin: 0px 3%; cursor: pointer; } .button_box > div:hover { background-color: var(--renew-point-color); transition: all 0.5s ease 0s; } .button_box > div > a { font-size: 17px; color: var(--renew-point-color); width: 100%; height: 100%; } .button_box div:hover > a { color: rgb(255, 255, 255); } .award { font-size: 13px; padding-left: 18px; } .modify_card_style { box-sizing: border-box; padding-left: 0px; } .modify_card_style .p_profile_1 { border-bottom: 1px solid rgb(206, 206, 206); margin-bottom: 0px; padding: 0px 0px 3%; width: calc(92%); } .modify_card_style .profile_line { margin-right: 220px; } .modify_card_style .p_profile_area { display: flex; flex-direction: column; align-items: center; padding-bottom: 28px; } .modify_card_style .profile_text_2 { border-top: 0px; padding-left: 4%; } .modify_card_style .profile_text { width: 152px; } @media (max-width: 377px) { .biz_org .regional_biz .map_wrap .gyeongnam { top: 275px; right: 34%; } .profile_h1 { margin-right: 180px; } .profile_line { margin-right: 180px; } .profile_photo { margin-right: 180px; } .soul_p_box { padding: 0px 0px 4%; } .profile_text_2 { margin-right: 2%; margin-left: 2%; } .modify_card_style .profile_line { margin-right: 180px; } } .listStyle1.new_data_list { margin-top: 5vw; } .cardNews_thumbnail_list .thumbnail_area { width: 100%; padding-top: 100%; position: relative; overflow: hidden; } .cardNews_thumbnail_list .thumbnail_area img { max-width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cardNews_thumbnail_list .cardNews_txt { margin-top: 5vw; } .cardNews_thumbnail_list .cardNews_txt .title { font-weight: 500; font-size: 15px; letter-spacing: -0.8px; word-break: keep-all; } .cardNews_thumbnail_list .cardNews_txt .info { color: rgb(161, 161, 161); } .cardNews_thumbnail_list .cardNews_txt .info > .date { font-size: 13px; position: relative; } .cardNews_thumbnail_list .cardNews_txt .info > .date::after { content: ""; display: inline-block; width: 2px; height: 14px; margin: 5px 15px 0px; background-color: rgb(221, 221, 221); vertical-align: top; } .cardNews_thumbnail_list .cardNews_txt .info > .date > em { margin-right: 7px; } .cardNews_thumbnail_list .cardNews_txt .info > .page-cnt { font-size: 13px; } .cardNews_thumbnail_list .cardNews_txt .info > .page-cnt > em { margin-right: 5px; } .pos-slider.activity_slide .slider-photo .swiper-pagination { width: 45px; text-align: right; } .alist_a2 { flex-wrap: wrap; } .section-step-process .row-cont .row.alist_a2 .input-field { width: 50%; } .section-step-process .row-receivedYn .alist_a2 .input-field { margin: 0px 0px 10px; } .support.supportPopEnd .top-area { background-image: url(""); background-size: cover; height: 52.933vw; display: flex; flex-direction: row; align-items: center; } .support.supportPopEnd .top-area .inner { padding-left: 46.667vw; padding-right: 4vw; font-size: 3.067vw; line-height: 5.333vw; color: rgb(44, 142, 98); font-weight: 700; } .support.supportPopEnd .top-area .inner p { font-size: 14px; line-height: 20px; color: rgb(44, 142, 98); font-weight: 700; word-break: keep-all; } .support.supportPopEnd .top-area .inner .camp-info { font-size: 12px; line-height: 18px; color: rgb(90, 90, 90); margin-bottom: 3vw; } .support.supportPopEnd .camp-list .inner { margin: 0px 15px 15vw; } .support.supportPopEnd .camp-list .inner > h5 { font-size: 16px; margin-bottom: 4.667vw; padding-bottom: 3vw; border-bottom: 3px solid rgb(34, 34, 34); color: rgb(0, 0, 0); } .support.supportPopEnd .camp-list .inner > ul > li { margin-bottom: 4.667vw; } .Detail_help .btnfullWrap { margin-top: 1.8%; } .Detail_help .btnfullWrap p.bullet-star { position: relative; margin-top: 5px; font-size: 12px; line-height: 20px; color: rgb(158, 158, 158); letter-spacing: -0.5px; padding-left: 8px; } .Detail_help .btnfullWrap p.bullet-star::before { content: "*"; position: absolute; top: 1px; left: 0px; } .btnwrap.btnfullWrap > a { float: initial !important; width: 100%; } .regionWrap .introduce-tab.tab-type2.v2 { height: 68px; } .pay_change_area { margin-top: 20px; } .pay_change_area .dscript { font-size: 14px; color: rgb(34, 34, 34); } .pay_change_area .pyc_listgroup .card .pyc_info dt { padding-left: 12px; } .pay_change_area .pyc_listgroup .card .deco_img { margin-top: 7px; padding-left: 12px; } .pay_change_area .pyc_listgroup .auto .pyc_info dt { padding-left: 12px; } .pay_change_area .pyc_listgroup .auto .deco_img { padding-left: 6px; } .pay_change_area .pyc_listgroup .ocr .deco_img { margin-top: 5px; padding-left: 20px; } .pay_change_area .pyc_listgroup .fixVA .deco_img { margin-top: 7px; padding-left: 14px; } .pay_change_area .pyc_box { overflow: hidden; position: relative; width: 100%; margin-top: 10px; padding: 15px 24px 20px; border: 1px solid rgb(229, 229, 229); box-sizing: border-box; } .pay_change_area .pyc_box .pyc_info { float: left; width: 80px; } .pay_change_area .pyc_box .pyc_info dt { letter-spacing: -1px; font-size: 15px; color: var(--renew-point-color); font-weight: 600; } .pay_change_area .pyc_box .pyc_info .deco_img { display: block; } .pay_change_area .pyc_box .pyc_bank { float: right; position: relative; width: 180px; } .pay_change_area .pyc_box .pyc_bank .pyc_bank_info > dt { font-size: 14px; color: rgb(34, 34, 34); font-weight: 600; } .pay_change_area .pyc_box .pyc_bank .pyc_bank_info > dd { font-size: 14px; color: rgb(136, 136, 136); font-weight: 400; } .pay_change_area .pyc_box .pyc_bank .pyc_wdwdate { margin-top: 9px; } .pay_change_area .pyc_box .pyc_bank .pyc_wdwdate > li > span { color: rgb(136, 136, 136); font-size: 14px; font-weight: 400; } .pay_change_area .pyc_box .pyc_bank .pyc_wdwdate > li > strong { color: var(--renew-point-color); font-size: 14px; font-weight: 600; } .pay_change_area .pyc_box .pyc_bank .pyc_btn_box { margin-top: 11px; } .pay_change_area .pyc_box .pyc_bank .pyc_btn_box .pyc_btn { display: block; width: 180px; height: 35px; border: 1px solid var(--renew-point-color); text-align: center; line-height: 29px; color: var(--renew-point-color); font-size: 14px; font-weight: 400; box-sizing: border-box; } @media screen and (max-width: 340px) { .pay_change_area .pyc_box .pyc_info, .pay_change_area .pyc_box .pyc_bank { float: none; display: block; } .pay_change_area .pyc_box .pyc_bank { width: 100%; margin-left: 13px; margin-top: 15px; } .pay_change_area .pyc_box .pyc_bank .pyc_btn_box .pyc_btn { width: calc(100% - 14px); } } .now_pym_area .npym_info_box > ul { width: 100%; padding: 20px 0px; border: 1px solid rgb(235, 235, 235); box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } .now_pym_area .npym_info_box > ul > li { position: relative; width: 24.057%; box-sizing: border-box; } .now_pym_area .npym_info_box > ul > li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 1px; height: 60px; background-color: rgb(237, 237, 237); } .now_pym_area .npym_info_box > ul > li:first-child::before { display: none; } .now_pym_area .npym_info_box > ul > li:nth-child(2) { width: 46.086%; } .now_pym_area .npym_info_box > ul > li:nth-child(3) { width: 28.695%; } .now_pym_area .npym_info_box > ul > li > span, .now_pym_area .npym_info_box > ul > li > strong { display: block; width: 100%; text-align: center; line-height: 1; letter-spacing: -1px; } .now_pym_area .npym_info_box > ul > li > span.pym_tit { font-size: 11px; color: rgb(136, 136, 136); } .now_pym_area .npym_info_box > ul > li > strong { margin-top: 11px; } .now_pym_area .npym_info_box > ul > li > span.pym_bank_numb { margin-top: 5px; font-size: 13px; color: rgb(136, 136, 136); } .now_pym_area .npym_info_box > ul > li:nth-child(3) > strong { color: var(--renew-point-color); } .pym_outlist_area { margin-top: 25px; } .pym_outlist_area > h3 > span { color: var(--renew-point-color); } .pym_outlist_area .btn_more { margin-top: 20px; } .gray-table { width: 100%; } .gray-table th { padding: 10px 0px; background-color: rgb(250, 250, 250); border-top: 1px solid rgb(188, 188, 188); border-left: 1px solid rgb(218, 218, 218); text-align: center; font-size: 12.5px; color: rgb(34, 34, 34); } .gray-table th:first-child { border-left: 0px; } .gray-table td { padding: 11px 0px 13px; border: 1px solid rgb(218, 218, 218); text-align: center; letter-spacing: -1px; font-size: 14px; color: rgb(34, 34, 34); line-height: 19px; } .gray-table td:first-child { border-left: 0px; } .gray-table td:last-of-type { border-right: 0px; } .payment_change_area { position: relative; margin-top: 28px; } .payment_change_area h3 { margin-bottom: 7px; } .payment_change_area .btn_tooltip { position: absolute; top: 3px; left: 85px; } .payment_change_area .tooltip_area .view { display: none; position: absolute; top: 25px; left: 0px; width: 100%; border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 255, 255); z-index: 10; box-sizing: border-box; } .payment_change_area .tooltip_area .view.active { display: block; } .payment_change_area .tooltip_area .view span { display: block; padding: 8px 10px 10px; font-size: 12px; color: var(--renew-point-color); line-height: 20px; } .payment_change_area .tooltip_area .view .tooltip_close { position: absolute; top: 10px; right: 15px; width: 16px; height: 16px; } .payment_change_area .pay_area { margin-right: -4px; display: flex; flex-wrap: wrap; } .payment_change_area .pay_area li { width: 50%; margin-bottom: 8px; line-height: 0; } .payment_change_area .pay_area li .inner { display: block; padding-left: 4px; padding-right: 4px; } .v4 .payment_change_area .pay_area .btn_pay { width: 100%; display: block; height: 48px; line-height: 48px; font-size: 15px; color: rgb(42, 42, 42); border: 1px solid rgb(42, 42, 42); padding-left: 16px; text-align: left; font-weight: 600; position: relative; border-radius: 5px !important; } .payment_change_area .btn_pay::after { display: inline-block; content: ""; position: absolute; } .payment_change_area .pay_area .btn_pay.tp01::after { width: 26px; height: 22px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.tp02::after { width: 25px; height: 27px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.tp03::after { width: 26px; height: 19px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.tp04::after { width: 25px; height: 25px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.tp05::after { width: 20px; height: 23px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .v4 .payment_change_area .pay_area .btn_pay.on { background-color: var(--renew-point-color); color: rgb(255, 255, 255); border-color: var(--renew-point-color); } .payment_change_area .pay_area .btn_pay.on.tp01::after { width: 26px; height: 22px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.on.tp02::after { width: 25px; height: 27px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.on.tp03::after { width: 26px; height: 19px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.on.tp04::after { width: 25px; height: 25px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .payment_change_area .pay_area .btn_pay.on.tp05::after { width: 20px; height: 23px; background: url("") 0% 0% / contain no-repeat; top: 50%; transform: translateY(-50%); right: 15px; } .btn_list { display: flex; flex-wrap: wrap; margin-right: -4px; margin-top: 36px; } .btn_list li { width: 50%; } .btn_list li .inner { display: block; padding-left: 4px; padding-right: 4px; } .btn_list li .inner .btn_green { display: block; width: 100%; height: 44px; font-size: 14px; font-weight: 400; color: var(--renew-point-color); text-align: center; border: 1px solid var(--renew-point-color); } .layer_pop { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; z-index: 1500; display: none; } .layer_pop .pop_ctn { position: fixed; bottom: -85%; left: 0px; width: 100%; height: 80%; z-index: 10; background: rgb(255, 255, 255); border-top-left-radius: 20px; border-top-right-radius: 20px; box-sizing: border-box; } .layer_pop .pop_ctn .pop_area { padding: 25px 24px 20px; } .layer_pop .pop_ctn .pop_area h5 { color: rgb(51, 51, 51); font-size: 16px; font-weight: 500; } .layer_pop .pop_ctn .pop_area h6 { font-size: 18px; font-weight: 500; } .layer_pop .pop_ctn .pop_area.scroll { overflow: scroll; } .layer_pop .pop_ctn .pop_area .pop_inner { padding-bottom: 60%; } .layer_pop .pop_ctn .pop_area .desc3 { font-size: 15px; font-weight: 300; word-break: keep-all; line-height: 20px; letter-spacing: -1px; } .layer_pop .pop_ctn .pop_area .desc3.lightgray { color: rgb(102, 102, 102); } .layer_pop .pop_ctn .pop_tit { font-size: 20px; color: rgb(42, 42, 42); padding-bottom: 20px; margin: 25px 24px 0px; border-bottom: 1px solid rgb(42, 42, 42); } .layer_pop .pop_ctn .radio_box { margin-bottom: 20px; } .layer_pop .pop_ctn .radio_box label { vertical-align: middle; font-size: 16px; font-weight: bold; color: rgb(34, 34, 34); } .layer_pop .pop_ctn .radio_box.active label { color: var(--renew-point-color); } .layer_pop .pop_ctn .radio_box input[type="checkbox"] { background: url("") 0% 0% / cover no-repeat; margin: 0px 5px 0px 0px; } .layer_pop .pop_ctn .radio_box input[type="checkbox"]:checked { background: url("") 0% 0% / cover no-repeat; } .layer_pop .pop_ctn .pop_close { width: 20px; height: 20px; background: url("") 0% 0% / cover; position: absolute; top: 26px; right: 24px; text-indent: -9999em; } .layer_pop input[type="text"], .layer_pop input[type="number"], .layer_pop input[type="email"], .layer_pop input[type="password"], .layer_pop input[type="number"], .layer_pop input[type="tel"] { background: rgb(255, 255, 255); border: 1px solid rgb(176, 176, 176); font-size: 14px; box-sizing: border-box; appearance: none; outline: none; height: 48px; line-height: 48px; padding: 0px 10px; border-radius: 5px !important; } .layer_pop input[type="text"]:focus, .layer_pop input[type="number"]:focus, .layer_pop input[type="email"]:focus, .layer_pop input[type="password"]:focus, .layer_pop input[type="number"]:focus, .layer_pop input[type="tel"]:focus { border: 1px solid var(--renew-point-color); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .layer_pop input[type="number"] { text-indent: 0px; } .layer_pop .form_list li { margin-bottom: 8px; } .layer_pop input::-webkit-input-placeholder { color: rgb(136, 136, 136); font-size: 14px; } .layer_pop .pop_ctn .bank_list .pop_ctn { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 20; background-color: rgb(255, 255, 255); border-radius: 20px 20px 0px 0px; } .layer_pop .pop_ctn .bank_list .pop_tit { line-height: initial; } .layer_pop .pop_ctn .bank_list .pop_bank_close { width: 20px; height: 20px; background: url("") 0% 0% / cover; position: absolute; top: 26px; right: 24px; text-indent: -9999em; z-index: 30; } .layer_pop .pop_ctn .bank_list .pop_card_close { width: 20px; height: 20px; background: url("") 0% 0% / cover; position: absolute; top: 26px; right: 24px; text-indent: -9999em; z-index: 30; } .layer_pop .pop_ctn .bank_list ul { padding: 15px 0px 20px 20px; justify-content: space-between; height: 460px; overflow-y: scroll; } .layer_pop .pop_ctn .bank_list ul li { width: 50%; float: left; margin-bottom: 5px; display: flex; align-items: center; } .layer_pop .pop_ctn .bank_list ul li label { padding: 10px 0px; letter-spacing: -1px; } .layer_pop .pop_ctn .bank_list ul li input { position: relative; width: 25px; height: 25px; margin-right: 8px; display: inline-block; z-index: initial; opacity: initial; background: none; } .layer_pop .pop_ctn .bank_list ul li input::before { content: ""; display: inline-block; width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; } .layer_pop .pop_ctn .bank_list ul li input.kb::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.ibk::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.nh::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.kdb::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sh::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.shinhan::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.citi::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.woori::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.epost::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.hana::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sc::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.kakao::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.kbank::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.toss::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.bnk::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.kj::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.dgb::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.busan::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.jb::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.jeju::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sb::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sj::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.mg::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.cu::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.america::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.myasset::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sh02::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.dw::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.ss::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.hi::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.nh02::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.korea::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.hanwhawm::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.hmc::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sy::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.yj::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.meritz::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.db::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.bk::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.ds::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.sk::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.hy::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.lotte::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.bc::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.jcb::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.visa::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.master::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.diners::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.lotte02::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.uni::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li input.frg::before { background-image: url(""); } .layer_pop .pop_ctn .bank_list ul li.line { width: 100%; border-bottom: 1px solid rgb(208, 208, 208); } .layer_pop .pop_ctn #signature_area { background: url("") repeat; border: 1px solid rgb(177, 177, 177); border-radius: 5px; margin-bottom: 10px; } .layer_pop p.desc1 { font-size: 13px; color: rgb(42, 42, 42); font-weight: 400; word-break: keep-all; line-height: 18px; letter-spacing: -1px; } .layer_pop p.desc2 { font-size: 15px; color: rgb(32, 32, 32); font-weight: 500; word-break: keep-all; line-height: 20px; letter-spacing: -1px; } .layer_pop p.desc2.ac { text-align: center; } .layer_pop .tab_area { margin-top: 10px; } .layer_pop .tab_area .tab_box { display: none; } .layer_pop .tab_area .tab_box.sign_area .btn_area.pb20 { padding-bottom: 20px; } .layer_pop .tab_area .tab_box.sign_area .btn_area button { border-radius: 5px !important; } .layer_pop .pop_ctn .ocr_confirm { margin-top: 20px; } .layer_pop .pop_ctn .ocr_confirm li { position: relative; } .layer_pop .pop_ctn .ocr_confirm li:first-child > button { position: absolute; width: 75px; height: 38px; z-index: 9; top: 5px; right: 5px; background-color: rgb(136, 136, 136); color: rgb(255, 255, 255); line-height: 38px; border-radius: 5px !important; } .layer_pop .pop_ctn .ocr_confirm li .confirm_time { position: absolute; top: 12px; right: 8px; color: rgb(254, 0, 0); } .layer_pop .txt_info { position: relative; font-size: 14px; color: rgb(102, 102, 102); padding-left: 23px; } .layer_pop .txt_info::before { content: ""; width: 17px; height: 18px; display: block; position: absolute; top: 3px; left: 0px; background-image: url(""); background-repeat: no-repeat; } .layer_pop .txt_link { color: var(--renew-point-color); border-bottom: 1px solid var(--renew-point-color); padding-bottom: 1px; display: inline-block; } .layer_pop .tooltip_area { position: relative; } .layer_pop .tooltip_area .btn_tooltip { text-indent: -9999em; position: absolute; top: -36px; right: 14px; width: 24px; height: 24px; background: url("") 0% 0% / cover no-repeat; } .layer_pop .tooltip_area .tooltip_close { width: 18px; height: 18px; position: absolute; top: 15px; right: 15px; background: url("") 0% 0% / cover no-repeat; text-indent: -9999em; } .layer_pop .tooltip_area .view { display: none; border: 1px solid rgb(177, 177, 177); font-size: 14px; color: rgb(255, 255, 255); font-weight: 100; padding: 25px 20px; position: absolute; top: 0px; left: 0px; background: rgb(42, 42, 42); word-break: keep-all; border-radius: 5px; z-index: 10; } .layer_pop .tooltip_area .view.active { display: block; } .layer_pop .tooltip_area.tp2 .btn_tooltip { top: -33px; left: 66px; } .layer_pop .birthGender .col_box { display: flex; flex-wrap: wrap; } .layer_pop .form_list li.birthGender > .col_box { flex-direction: row; align-items: center; } .layer_pop .form_list li.birthGender > .col_box.col_2 > .col.birth { width: 40% !important; margin-right: 2px; } .layer_pop .form_gender { border: 1px solid rgb(176, 176, 176); border-radius: 5px; height: 46px; margin-left: 2px; display: inline-block; } .layer_pop .form_gender span { display: inline-block; background: rgb(153, 153, 153); width: 20px; height: 20px; border-radius: 25px; vertical-align: middle; margin-left: 15px; } .layer_pop .form_gender input { width: 46px; height: 46px; line-height: 20px; border: 0px; background: rgb(255, 255, 255); font-size: 14px; text-align: center; padding: 0px; display: inline-block; } .layer_pop .form_gender input:disabled { background: rgb(153, 153, 153); padding: 0px; } .layer_pop .form_gender input.active { border: 0px; background: rgb(255, 255, 255); } .layer_pop .btn_check { width: 100%; display: block; text-align: center; font-weight: 500; padding: 13px 20px 13px 0px; font-size: 14px; color: rgb(112, 112, 112); border: 1px solid rgb(183, 183, 183); border-radius: 5px; position: relative; } .layer_pop .btn_check::after { width: 20px; height: 20px; display: block; content: ""; background: url("") 0% 0% / cover no-repeat; position: absolute; top: 13px; right: 15px; } .layer_pop .btn_check.active { color: rgb(0, 79, 5); border-color: rgb(0, 79, 5); } .layer_pop .btn_check.active::after { background: url("") 0% 0% / cover no-repeat; } .list_a3 { display: flex; justify-content: space-between; margin-bottom: 10px; margin-top: 10px; } .list_a3 li { width: 33%; } .list_a3.line { padding: 15px 0px; } .list_a3.line li { text-align: center; position: relative; } .list_a3.line li::after { display: block; content: ""; width: 1px; height: 12px; background: rgb(51, 51, 51); position: absolute; top: 5px; right: 0px; } .list_a3.line li:last-child::after { display: none; } .list_a3.mb30 { margin-bottom: 30px; } .layer_pop .btn_a3 { width: 100%; height: 44px; line-height: 44px; font-size: 15px; display: block; text-align: center; color: rgb(42, 42, 42); font-weight: 600; border: 1px solid rgb(177, 177, 177); border-radius: 5px !important; } .layer_pop .btn_a3.active { background: var(--renew-point-color); color: rgb(255, 255, 255); border-color: var(--renew-point-color); } .list_t1 .tab { background: rgb(241, 241, 241); border: 1px solid rgb(177, 177, 177); display: flex; justify-content: space-between; padding: 5px; border-radius: 5px; margin-bottom: 8px; } .list_t1 .tab li { text-align: center; width: 50%; } .list_t1 .tab li a { color: rgb(177, 177, 177); height: 36px; line-height: 36px; font-size: 15px; font-weight: bold; display: block; border-radius: 5px; } .list_t1 .tab li a.active { background: rgb(255, 255, 255); color: var(--renew-point-color); } .list_t1 .tab_box { border: 1px solid rgb(177, 177, 177); border-radius: 5px; padding: 10px; background: rgb(241, 241, 241); } .btn_area { display: flex; justify-content: space-around; } .btn_b1 { width: 48%; border: 1px solid rgb(177, 177, 177); font-size: 15px; color: rgb(42, 42, 42); height: 44px; line-height: 44px; background: rgb(255, 255, 255); font-weight: 500; border-radius: 5px !important; } .layer_pop .btn_call { width: 80%; height: 58px; line-height: 58px; border: 1px solid rgb(42, 42, 42); background: rgb(255, 255, 255); font-size: 16px; color: rgb(42, 42, 42); font-weight: bold; margin: 20px auto 25px; display: block; border-radius: 5px !important; } .layer_pop .btn_call::before { width: 24px; height: 24px; display: inline-block; content: ""; background: url("") 0% 0% / cover no-repeat; box-sizing: border-box; margin-right: 10px; position: relative; top: 4px; } .popup-primary.popup-loginGuide .popup-wrap { width: 90%; height: 35%; } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .btn-close { top: 0px; } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .popup-body { border-top: 0px; } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .popup-body .loginGuide-inner { margin-top: 5%; } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .popup-body .loginGuide-inner p { font-family: noto; font-size: 16px; } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .popup-body .loginGuide-inner .btn-box { margin-top: 20px; display: flex; flex-direction: row; gap: 15px; } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .popup-body .loginGuide-inner .btn-box > button { width: 100%; height: 44px; line-height: 44px; font-size: 15px; display: block; text-align: center; color: rgb(42, 42, 42); font-weight: 600; border: 1px solid rgb(177, 177, 177); } .popup-primary.popup-loginGuide .popup-wrap .popup-cont .popup-body .loginGuide-inner .btn-box > button.bg-green { background: rgb(10, 106, 54); color: rgb(255, 255, 255); border-color: rgb(10, 106, 54); } .cont-support .section-step-process .pos-btm-btn.v2 { display: flex; justify-content: space-between; } .cont-support .section-step-process .pos-btm-btn.v2 > div { width: calc(50% - 2px); } .cont-support .section-step-process .pos-btm-btn.v2 .row + .row { padding: 0px; } .cont-support .section-step-process .pos-btm-btn.v2 .btn-btm-support-confirm { margin-right: 0px; background-color: rgb(255, 255, 255); border: 1px solid var(--renew-point-color); color: var(--renew-point-color); padding: 0px; height: 40px; line-height: 40px; font-size: 14px; } .cont-support .section-step-process .pos-btm-btn.v2 .btn-btm-support-print { background-color: rgb(255, 255, 255); border: 1px solid var(--renew-point-color); color: var(--renew-point-color); padding: 0px; height: 40px; line-height: 40px; font-size: 14px; } .v4 .select-field.mob { width: 50%; } .guide_apprenewal_box { margin-top: 20px; padding: 19px; border: 1px solid rgb(230, 230, 230); border-radius: 10px; } .guide_apprenewal_box .app_renewal_box { display: flex; align-items: center; } .guide_apprenewal_box .app_renewal_box img { width: 70px; height: 70px; } .guide_apprenewal_box .app_renewal_box .guide_txt { margin-left: 19px; color: rgb(123, 123, 123); line-height: 1.5; } .guide_apprenewal_box .appDown_btn { margin-top: 21px; } .guide_apprenewal_box .appDown_btn .btnType6 { line-height: 38px; } .section-step-process .row-mobile .mobile-number.input-field, .section-step-process .row-mobile .macode-area.input-field { margin-left: 0px; } .section-step-process .row-mobile .mobile-number.input-field::before, .section-step-process .row-mobile .macode-area.input-field::before { display: none; } .section-step-process .btn_check { display: inline-block; width: 107px; height: 40px; line-height: 38px; margin-left: 10px; text-align: center; box-sizing: border-box; } .section-step-process .row-mobile .mobile-number.input-field input[type="tel"] { width: calc(100% - 121px); } .section-step-process .row-mobile .mobile-number .btn_check { border: 1px solid rgb(178, 178, 178); } .section-step-process .row-mobile .mobile-number .btn_check.on { border-color: var(--renew-point-color); color: var(--renew-point-color); } .section-step-process .row-mobile .mobile-number .btn_check.on:disabled { color: rgb(123, 123, 123); border-color: rgb(160, 160, 160); } .section-step-process .row-mobile .macode-area.input-field { padding-top: 10px; } .section-step-process .row-mobile .macode-area.input-field .txtBox-style { width: calc(100% - 121px); height: 40px; font-size: 14px; color: rgb(123, 123, 123); padding: 0px 10px; border: 1px solid var(--renew-point-color); background-color: rgb(255, 255, 255); border-radius: 0px; } .section-step-process .row-mobile .macode-area.input-field .btn_check.on { background-color: var(--renew-point-color); color: rgb(255, 255, 255); } .section-step-process .row-mobile .macode-area.input-field .count-time { display: block; width: 100%; padding-top: 10px; font-size: 10px; color: var(--renew-point-color); } .section-step-process .row-mobile .macode-area.input-field .txtBox-style:disabled { border-color: rgb(179, 179, 179); } .section-step-process .row-mobile .macode-area.input-field .btn_check:disabled { background-color: rgb(160, 160, 160); } .section-step-process .row-mobile .macode-area.input-field .btn_check:disabled + .count-time { display: none; } @-webkit-keyframes jconfirm-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes jconfirm-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body[class*="jconfirm-no-scroll-"] { overflow: hidden !important; } .jconfirm { position: fixed; inset: 0px; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; inset: 0px; transition: opacity 0.4s ease 0s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; } .jconfirm .jconfirm-scrollpane { perspective: 500px; perspective-origin: center center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 0px; } .jconfirm .jconfirm-box-container { transition: transform 0s ease 0s, -webkit-transform 0s ease 0s; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { transition: none 0s ease 0s !important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: 0px; padding: 15px 15px 0px; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%, 100% { border-color: rgb(52, 152, 219); } 50% { border-color: rgb(95, 174, 227); } } @keyframes type-blue { 1%, 100% { border-color: rgb(52, 152, 219); } 50% { border-color: rgb(95, 174, 227); } } @-webkit-keyframes type-green { 1%, 100% { border-color: rgb(46, 204, 113); } 50% { border-color: rgb(84, 217, 140); } } @keyframes type-green { 1%, 100% { border-color: rgb(46, 204, 113); } 50% { border-color: rgb(84, 217, 140); } } @-webkit-keyframes type-red { 1%, 100% { border-color: rgb(231, 76, 60); } 50% { border-color: rgb(237, 118, 105); } } @keyframes type-red { 1%, 100% { border-color: rgb(231, 76, 60); } 50% { border-color: rgb(237, 118, 105); } } @-webkit-keyframes type-orange { 1%, 100% { border-color: rgb(241, 196, 15); } 50% { border-color: rgb(244, 208, 63); } } @keyframes type-orange { 1%, 100% { border-color: rgb(241, 196, 15); } 50% { border-color: rgb(244, 208, 63); } } @-webkit-keyframes type-purple { 1%, 100% { border-color: rgb(155, 89, 182); } 50% { border-color: rgb(176, 124, 198); } } @keyframes type-purple { 1%, 100% { border-color: rgb(155, 89, 182); } 50% { border-color: rgb(176, 124, 198); } } @-webkit-keyframes type-dark { 1%, 100% { border-color: rgb(52, 73, 94); } 50% { border-color: rgb(70, 98, 127); } } @keyframes type-dark { 1%, 100% { border-color: rgb(52, 73, 94); } 50% { border-color: rgb(70, 98, 127); } } .jconfirm .jconfirm-box.jconfirm-type-animated { animation-duration: 2s; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: 7px solid rgb(52, 152, 219); animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: 7px solid rgb(46, 204, 113); animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: 7px solid rgb(231, 76, 60); animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: 7px solid rgb(241, 196, 15); animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: 7px solid rgb(155, 89, 182); animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: 7px solid rgb(52, 73, 94); animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading::before { content: ""; position: absolute; inset: 0px; background: white; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading::after { opacity: 0.6; content: ""; height: 30px; width: 30px; border-width: 3px; border-style: solid; border-color: transparent transparent dodgerblue; border-image: initial; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; animation: 1s linear 0s infinite normal none running jconfirm-spin; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.6; text-align: center; display: none; z-index: 1; font-size: 27px !important; line-height: 14px !important; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; transition: height 0.4s ease-in 0s; display: inline-block; width: 100%; position: relative; overflow: hidden auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: rgb(102, 102, 102); border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 11px; } .jconfirm .jconfirm-box .jconfirm-buttons > button { margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .jconfirm .jconfirm-box .jconfirm-buttons button { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; border-radius: 4px; min-height: 1em; transition: opacity 0.1s ease 0s, background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s, -webkit-box-shadow 0.1s ease 0s; -webkit-tap-highlight-color: transparent; border: 0px; background-image: none; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue { background-color: rgb(52, 152, 219); color: rgb(255, 255, 255); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover { background-color: rgb(41, 128, 185); color: rgb(255, 255, 255); } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green { background-color: rgb(46, 204, 113); color: rgb(255, 255, 255); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover { background-color: rgb(39, 174, 96); color: rgb(255, 255, 255); } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red { background-color: rgb(231, 76, 60); color: rgb(255, 255, 255); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover { background-color: rgb(192, 57, 43); color: rgb(255, 255, 255); } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange { background-color: rgb(241, 196, 15); color: rgb(255, 255, 255); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover { background-color: rgb(243, 156, 18); color: rgb(255, 255, 255); } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default { background-color: rgb(236, 240, 241); color: rgb(0, 0, 0); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: rgb(189, 195, 199); color: rgb(0, 0, 0); } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple { background-color: rgb(155, 89, 182); color: rgb(255, 255, 255); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover { background-color: rgb(142, 68, 173); color: rgb(255, 255, 255); } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark { background-color: rgb(52, 73, 94); color: rgb(255, 255, 255); text-shadow: none; transition: background 0.2s ease 0s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover { background-color: rgb(44, 62, 80); color: rgb(255, 255, 255); } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: rgb(231, 76, 60) !important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: rgb(52, 152, 219) !important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: rgb(46, 204, 113) !important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: rgb(155, 89, 182) !important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: rgb(241, 196, 15) !important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: rgb(52, 73, 94) !important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg { background-color: rgb(68, 68, 68); opacity: 0.2; } .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { box-shadow: none; color: rgb(51, 51, 51); } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: rgb(221, 221, 221); } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: 0.4; } .jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; background: rgb(68, 68, 68); border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button { border: 0px; background-image: none; text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; transition: background 0.1s ease 0s; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default { box-shadow: none; color: rgb(255, 255, 255); background: 0px center; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: rgb(102, 102, 102); } .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running shake; transform: translate3d(0px, 0px, 0px); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both running glow; transform: translate3d(0px, 0px, 0px); } @-webkit-keyframes shake { 10%, 90% { transform: translate3d(-2px, 0px, 0px); } 20%, 80% { transform: translate3d(4px, 0px, 0px); } 30%, 50%, 70% { transform: translate3d(-8px, 0px, 0px); } 40%, 60% { transform: translate3d(8px, 0px, 0px); } } @keyframes shake { 10%, 90% { transform: translate3d(-2px, 0px, 0px); } 20%, 80% { transform: translate3d(4px, 0px, 0px); } 30%, 50%, 70% { transform: translate3d(-8px, 0px, 0px); } 40%, 60% { transform: translate3d(8px, 0px, 0px); } } @-webkit-keyframes glow { 0%, 100% { box-shadow: red 0px 0px 0px; } 50% { box-shadow: red 0px 0px 30px; } } @keyframes glow { 0%, 100% { box-shadow: red 0px 0px 0px; } 50% { box-shadow: red 0px 0px 30px; } } .jconfirm { perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { transform: rotateX(90deg); transform-origin: center center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { transform: rotateX(-90deg); transform-origin: center center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { transform: rotateY(90deg); transform-origin: center center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { transform: rotateY(-90deg); transform-origin: center center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { transform: scaleY(1.5); transform-origin: center center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { transform: scaleX(1.5); transform-origin: center center; } .jconfirm .jconfirm-box.jconfirm-animation-top { transform: translate(0px, -100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { transform: translate(-100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { transform: translate(100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { transform: translate(0px, 100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: rgb(48, 63, 83); text-shadow: none; border: 0px; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0, 0, 0, 0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 13px 19px 2px, rgba(0, 0, 0, 0.12) 0px 5px 24px 4px; padding: 30px 25px 10px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0, 0, 0, 0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; border: 1px solid rgba(0, 0, 0, 0.4); padding: 15px 0px 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); padding: 0px 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0px 0px; border-top: 1px solid rgb(221, 221, 221); overflow: hidden; border-radius: 0px 0px 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0px; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: 0.6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 13px 19px 2px, rgba(0, 0, 0, 0.12) 0px 5px 24px 4px; padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; transform: scale(0); display: block; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; font-size: 69px; color: rgb(170, 170, 170); } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: rgb(119, 119, 119); margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; transition: background 0.1s ease 0s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { transform: scale(1); } .main-container div, .main-container p, .main-container li, .main-container a { color: rgb(34, 34, 34); } .main-container { letter-spacing: -0.5px; } .main-container .swiper-container { margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; padding: 0px; z-index: 1; position: static !important; } .main-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .main-container .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .main-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--renew-point-color); } .main-container section { margin-bottom: 55px; } .main-container section.openbiz, .main-container section.banner { overflow-x: visible; } .main-container section.main { position: relative; padding-top: 0px; margin-bottom: 0px; } .main-container .mainSlider { width: 100% !important; margin-bottom: 0px; } .main-container .main .item { height: 650px; } .main-container .main .item.slick-active .box { bottom: 155px; opacity: 1; transform: translateY(0px); animation: 1s ease 0.3s 1 normal both running txtani; transition-delay: 0.2s; } .main-container .main .box { width: calc(100% - 34px); position: absolute; bottom: 100px; left: 17px; word-break: keep-all; opacity: 0; transition: all 1s ease-in-out 0s; } .main-container .main .tit { font-size: 38px; text-align: center; line-height: 40px; font-weight: 700; color: rgb(255, 255, 255); font-family: hans; text-shadow: rgba(0, 0, 0, 0.6) 2px 3px 2px; } .main-container .main p { font-size: 14px; line-height: 21px; padding-top: 19px; color: rgb(255, 255, 255); text-align: center; width: 86%; margin: 0px auto; } .main-container .main .btnD { display: block; width: 104px; height: 38.5px; line-height: 38.5px; text-align: center; font-size: 14px; font-weight: 500; border: 1px solid rgb(34, 34, 34); margin-top: 45px; } .main-container .main button { position: absolute; } .main-container .main .slick-dots { width: auto; left: 50%; bottom: 115px; right: auto; text-align: left; z-index: 1; transform: translateX(-50%); } .main-container .main .slick-dots li { width: 14px; } .main-container .main .slick-dots li button { background: rgb(221, 221, 221); opacity: 1; margin: 0px 2px; width: 10px; height: 10px; } .main-container .main .slick-dots li.slick-active button { background: rgb(255, 144, 0); } .main-container .main .prev { bottom: 131px; left: 20px; width: 6px; height: 11px; background: url("") 0% 0% / cover; z-index: 1; } .main-container .main .next { bottom: 131px; left: 75px; width: 6px; height: 11px; background: url("") 0% 0% / cover; z-index: 1; } .main-container .main .pause, .main-container .main .play { bottom: 130px; left: 101px; width: 15px; height: 15px; z-index: 1; } .main-container .main .pause img, .main-container .main .play img { display: block; width: 100%; } .main-container .main .play { display: none; } .main-container .main .spon_link { position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; height: 90px; background: rgba(0, 0, 0, 0.2); } .main-container .main .spon_link ul { display: flex; align-items: center; width: calc(100% - 17px); height: 100%; margin: 0px auto; } .main-container .main .spon_link li { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 33.333%; height: 100%; text-align: center; } .main-container .main .spon_link li a { display: block; font-size: 13px; font-weight: 400; color: rgb(255, 255, 255); } .main-container .main .spon_link li::before { content: ""; position: absolute; bottom: 0px; left: 50%; width: 2px; height: 8px; background: rgba(255, 255, 255, 0.6); } .main-container .main .spon_link li i { display: block; margin: 0px auto 6px; width: 40px; height: 35px; background-size: contain; background-position: center center; background-repeat: no-repeat; } .main-container .main .spon_link .spon1 i { background-image: url(""); } .main-container .main .spon_link .spon2 i { background-image: url(""); } .main-container .main .spon_link .spon3 i { background-image: url(""); } .main-container .main .spon_link .spon4 i { background-image: url(""); background-size: 86%; } .main-container .main .spon_link .spon5 i { background-image: url(""); } .main-container section .had { position: relative; margin-bottom: 30px; z-index: 10; } .main-container section .had .tit { font-size: 30px; font-weight: 700; line-height: 36px; } .main-container section .had .tit span.green { display: block; color: var(--renew-point-color); } .main-container section .cons { width: calc(100% - 34px); margin: 0px auto; } .main-container section .had .btnM { position: absolute; top: 4px; right: 0px; width: 24px; height: 24px; font-size: 0px !important; } .main-container section .had .btnM::before { content: ""; position: absolute; inset: 0px; margin: auto; width: 16px; height: 3px; background: rgb(102, 102, 102); } .main-container section .had .btnM::after { content: ""; position: absolute; inset: 0px; margin: auto; width: 3px; height: 16px; background: rgb(102, 102, 102); } .main-container .story { position: relative; padding-top: 60px; background-size: 100%; padding-bottom: 40px; margin-bottom: 40px; } .main-container .story::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background: url("") repeat; } .main-container .storySlider { position: absolute; top: 63px; left: 17px; width: 100%; height: 175px; margin-left: 17px; } .main-container .storySlider .item { position: relative; height: 142px; background: rgb(221, 221, 221); border-radius: 5px; overflow: hidden; width: 158px !important; } .main-container .storySlider .item a { display: block; height: 100%; } .main-container .storySlider .item::before { opacity: 0.6; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 86px; background-image: linear-gradient(transparent, rgb(0, 0, 0)); } .main-container .storySlider .item .tit { position: absolute; bottom: 0px; left: 12px; right: 12px; height: 40px; line-height: 16px; font-size: 12px; font-weight: 500; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; } .main-container .storySlider .item i { position: absolute; top: 12px; left: 12px; padding: 3px 6px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 500; background: rgb(232, 201, 78); border-radius: 3px; } .main-container .storySlider .item i.ty { background: var(--renew-point-color); } .main-container .story .swiper-pagination { bottom: 45px; left: 17px; width: calc(100% - 17px); height: 3px; margin: 0px auto; background: rgb(221, 221, 221); z-index: 1; } .main-container .openbiz { position: relative; height: 660px; } .main-container .openbiz::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 480px; background: url(""); } .main-container .openbiz .cons { width: calc(100% - 34px); margin: 0px auto; } .main-container .openbiz .had .tit { font-size: 30px; font-weight: 700; line-height: 36px; margin-bottom: 15px; } .main-container .openbiz .had .tit .green { color: var(--renew-point-color); } .main-container .openbiz .had .tit .yellow { color: rgb(248, 169, 16); } .main-container .openbiz .had p { font-size: 13px; line-height: 18px; } .main-container .openbiz .link_g { margin-top: 40px; } .main-container .openbiz .link_g a { display: block; width: 100%; height: 39px; text-align: center; line-height: 39px; border: 1px solid var(--renew-point-color); color: var(--renew-point-color); font-size: 15px; font-weight: 700; background: rgb(255, 255, 255); } .main-container .openbiz .link_g a ~ a { margin-top: 15px; } .main-container .openbizSlider { position: relative; width: 100%; height: 329.5px; } .main-container .openbizSlider .item { position: relative; height: 292px; } .main-container .openbizSlider .item1 ul { display: flex; flex-wrap: wrap; height: 100%; padding-top: 12px; box-sizing: border-box; } .main-container .openbizSlider .item1 li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; height: 42%; z-index: 1; } .main-container .openbizSlider .item1 li .num { position: relative; font-size: 20px; font-weight: 500; line-height: 20px; } .main-container .openbizSlider .item1 li .num::before { content: ""; position: absolute; z-index: -1; } .main-container .openbizSlider .item1 .box1 .num::before { top: -22px; left: -42px; width: 74px; height: 64px; background: url("") 0% 0% / contain; display: none; } .main-container .openbizSlider .item1 .box2 .num::before { top: -25px; left: -25px; width: 63px; height: 65.5px; background: url("") 0% 0% / contain; } .main-container .openbizSlider .item1 .box3 .num::before { top: -18px; left: 77px; width: 70px; height: 60px; background: url("") 0% 0% / contain; } .main-container .openbizSlider .item1 .box1 { width: 100%; text-align: center; } .main-container .openbizSlider .item1 .box4 .num::before { top: -27px; left: 50px; width: 66.5px; height: 66.5px; background: url("") 0% 0% / contain; } .main-container .openbizSlider .item1 li .num strong { font-size: 37px; font-weight: 700; line-height: 37px; } .main-container .openbizSlider .item1 li .txt { margin-top: 11px; font-size: 12px; text-align: center; } .main-container .openbizSlider .item1 span { position: absolute; top: 17px; right: 17px; font-size: 12px; color: rgb(153, 153, 153); line-height: 12px; } .main-container .openbizSlider .item2 { position: relative; padding: 0px 17px; box-sizing: border-box; z-index: 1; overflow: hidden; } .main-container .openbizSlider .item2 ul { display: flex; flex-wrap: wrap; justify-content: center; height: 100%; } .main-container .openbizSlider .item2 li { width: 33.3333%; } .main-container .openbizSlider .item2 li i { display: flex; align-items: center; margin: 0px auto; height: 80px; } .main-container .openbizSlider .item2 li i img { display: block; margin: 0px auto; width: 75%; } .main-container .openbizSlider .item2 .name { margin-top: 10px; font-size: 12px; line-height: 17px; text-align: center; word-break: keep-all; } .main-container .openbizSlider .item2 li:nth-child(2) img { width: 58%; } .main-container .openbizSlider .item2 li:nth-child(n+3):nth-child(-n+5) img { width: 60%; } .main-container .openbizSlider .item2 li:nth-child(n+6) img { width: 55%; } .main-container .openbiz .swiper-pagination { left: 50%; transform: translateX(-50%); bottom: 30px; height: 7.5px; z-index: 1; } .main-container .openbiz .swiper-pagination-bullet { width: 7.5px; height: 7.5px; background: rgb(221, 221, 221); opacity: 1; } .main-container .openbiz .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 10px; } .main-container .openbiz .swiper-pagination-bullet-active { background: var(--renew-point-color); } .main-container .campaign { position: relative; padding-bottom: 90px; } .main-container .campaign::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background: url("") repeat; } .main-container .campaign .tab_btn2 { width: 100%; overflow: visible; } .main-container .campaign .tab_btn2 ul { display: flex; } .main-container .campaign .tab_btn2 li { width: auto !important; } .main-container .campaign .tab_btn2 li ~ li { margin-left: 8px; } .main-container .campaign .tab_btn2 li a { position: relative; font-size: 13px; font-weight: 500; color: rgb(102, 102, 102); padding: 7px 12px; border-radius: 15px; } .main-container .campaign .tab_btn2 li.current a { color: rgb(255, 255, 255); background: var(--renew-point-color); } .main-container .campaign .tab_cont { width: 100%; margin: 30px 0px 0px 17px; } .main-container .camSlider { width: 100%; } .main-container .camSlider .item { position: relative; width: 162px; height: 162px; background: rgb(221, 221, 221); border-radius: 5px; overflow: hidden; } .main-container .camSlider.camSlider3 .item, .main-container .camSlider.camSlider4 .item { margin-right: 10px; } .main-container .camSlider .item::before { opacity: 0.6; content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 86px; background-image: linear-gradient(transparent, rgb(0, 0, 0)); } .main-container .camSlider .item .txt_g { position: absolute; bottom: 20px; left: 10px; right: 10px; } .main-container .camSlider .item .tit { font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); } .main-container .camSlider .item .txt { margin-top: 6px; font-size: 14px; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; } .main-container .campaign .swiper-pagination { bottom: 65px; width: calc(100% - 17px); height: 3px; margin: 0px auto; background: rgb(221, 221, 221); } .main-container .campaign .swiper-pagination-bullet { width: 7.5px; height: 7.5px; background: rgb(221, 221, 221); opacity: 1; } .main-container .campaign .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 10px; } .main-container .campaign .swiper-pagination-bullet-active { background: var(--renew-point-color); } .main-container .banner { position: relative; } .main-container .bannerSlider .item { display: flex; align-items: center; justify-content: center; width: 100%; } .main-container .bannerSlider .item .txt_g { text-align: center; } .main-container .bannerSlider .item .data { font-size: 14px; margin-bottom: 20px; line-height: 14px; } .main-container .bannerSlider .item .tit { font-size: 17px; font-weight: 700; line-height: 23px; } .main-container .bannerSlider .item2 .tit strong { display: block; color: rgb(76, 187, 23); } .main-container .banner .swiper-pagination { bottom: -20px; left: 50%; transform: translateX(-50%); height: 12px; z-index: 1; } .main-container .banner .swiper-pagination-bullet { width: 8px; height: 8px; background: rgb(245, 245, 245); opacity: 1; } .main-container .banner .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 10px; } .main-container .banner .swiper-pagination-bullet-active { background: var(--renew-point-color); } .main-container .spon { position: relative; padding-bottom: 30px; } .main-container .spon .txt { position: relative; font-size: 20px; font-weight: 700; line-height: 28px; color: rgb(34, 34, 34); text-align: center; } .main-container .spon .txt::before, .spon .txt::after { content: ""; position: absolute; width: 20px; height: 17px; z-index: -1; } .main-container .spon .txt::before { top: -4px; left: 50%; margin-left: -128px; background: url("") 0px 0px / cover no-repeat; } .main-container .spon .txt::after { right: 50%; margin-right: -75px; top: 69px; background: url("") 0px 0px / cover no-repeat; } .main-container .spon .txt strong { color: var(--renew-point-color); } .main-container .spon .prev { z-index: 10; background: url("") no-repeat; left: 5%; width: 19px; height: 32px; position: absolute; top: 50%; transform: translateX(10%); } .main-container .spon .next { z-index: 10; background: url("") no-repeat; right: 5%; width: 19px; height: 32px; position: absolute; top: 50%; transform: translateX(10%); } .main-container .spon .spon_list { margin-top: 20px; } .main-container .spon .spon_list li { width: 100%; text-align: center; } .main-container .spon .spon_list li a { display: inline-block; } .main-container .spon .spon_list a::before { content: ""; position: relative; display: block; width: 115px; height: 115px; margin: 0px auto; font-size: 0px; } .main-container .spon .spon_list .spon1 a::before { left: 10px; background: url("") 50% 50% / 85.5px no-repeat; } .main-container .spon .spon_list .spon2 a::before { background: url("") 50% 50% / 67.5px no-repeat; } .main-container .spon .spon_list .spon3 a::before { background: url("") 50% 50% / 87px no-repeat; } .main-container .spon .spon_list .spon4 a::before { left: 10px; background: url("") 50% 50% / 72.5px no-repeat; } .main-container .spon .spon_list .spon5 a::before { background: url("") 50% 50% / 84px no-repeat; } .main-container .spon .spon_list .spon6 a::before { left: 10px; background: url("") 50% 50% / 84px no-repeat; } .main-container .spon .spon_list .spon7 a::before { left: -8px; background: url("") 50% 50% / 88px no-repeat; } .main-container .spon .spon_list .spon8 a::before { left: 2px; background: url("") 50% 50% / 100% no-repeat; } .main-container .spon .spon_list .txt_g { text-align: center; } .main-container .spon .spon_list .name { font-size: 28px; font-weight: 700; margin-bottom: 20px; color: var(--renew-point-color); } .main-container .spon .spon_list .memo { font-size: 15px; line-height: 21px; color: rgb(34, 34, 34); } .main-container .spon .swiper-pagination { bottom: 0px; left: 50%; transform: translateX(-50%); height: 12px; z-index: 1; } .main-container .spon .swiper-pagination-bullet { width: 8px; height: 8px; background: rgb(221, 221, 221); opacity: 1; } .main-container .spon .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 10px; } .main-container .spon .swiper-pagination-bullet-active { background: var(--renew-point-color); } .main-container .movie { position: relative; height: 359px; padding: 35px 0px; box-sizing: border-box; background: rgb(245, 245, 245); } .main-container .movieSlider { position: absolute; top: 88px; left: 0px; width: 100%; height: 203px; } .main-container .movieSlider .item { position: relative; width: 100%; height: 203px; } .main-container .movieSlider .item a { display: block; position: relative; padding-top: 100%; } .main-container .movieSlider .item a::before { z-index: 9; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 203px; background: url("") 50% 50% no-repeat; } .main-container .movieSlider .item button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50.5px; height: 50.5px; } .main-container .movieSlider .item .btn_play { background: url("") 0% 0% / cover no-repeat; } .main-container .movieSlider .item .btn_pause { background: url("") 0% 0% / cover no-repeat; display: none; } .main-container .movieSlider .item .tit { position: absolute; left: 17px; bottom: 17px; font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); } .main-container .movie .swiper-pagination { bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 1; } .main-container .movie .swiper-pagination-bullet { width: 7.5px; height: 7.5px; background: rgb(221, 221, 221); opacity: 1; } .main-container .movie .swiper-pagination-bullet ~ .swiper-pagination-bullet { margin-left: 10px; } .main-container .movie .swiper-pagination-bullet-active { background: var(--renew-point-color); } .main-container .movie h2 { font-size: 26px; line-height: 33px; font-weight: 700; } .main-container .news .had .tit { font-size: 26px; line-height: 33px; } .main-container .news .tab_btn2 { } .main-container .news .tab_btn2 li { width: 80px; float: left; text-align: center; } .main-container .news .tab_btn2 a { position: relative; font-size: 13px; font-weight: 500; color: rgb(102, 102, 102); padding: 7px 0px; display: block; } .main-container .news .tab_btn2 li.current a { color: rgb(255, 255, 255); background: var(--renew-point-color); border-radius: 20px; } .main-container .news .tab_cont { margin-top: 40px; } .main-container .news .tab_cont ul { display: flex; flex-wrap: wrap; } .main-container .news .tab_cont li { width: 100%; border: 1px solid rgb(221, 221, 221); padding: 20px; box-sizing: border-box; margin-bottom: 15px; } .main-container .news .tab_cont li a { position: relative; display: block; width: 100%; height: 100%; } .main-container .news .tab_cont li .name { display: inline-block; margin-bottom: 15px; line-height: 18px; padding: 3px 6px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 500; background: var(--renew-point-color); border-radius: 3px; } .main-container .news .tab_cont li .txt { font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; margin-bottom: 15px; } .main-container .news .tab_cont li .date { font-size: 12px; color: rgb(102, 102, 102); } .btn_spon { display: block; position: fixed; right: 19px; bottom: 215px; width: 53px; height: 53px; z-index: 301; transition: all 0.2s ease 0.2s; font-size: 13px; font-weight: 700; text-align: center; color: var(--renew-point-color); } .btn_chatbot { position: fixed; right: 19px; bottom: 130px; display: none; width: 57.5px; height: 57.5px; z-index: 301; transition: all 0.2s ease 0.1s; } .btn_spon img, .btn_chatbot img { width: 100%; } .page-main .btn_spon { display: none; } .main-container .slick-dots li { margin: 0px; height: auto; } .main-container .slick-dots li button { width: 7px; height: 7px; padding: 0px; background: rgb(221, 221, 221); border-radius: 7px !important; } .main-container .slick-dots li.slick-active button { background: var(--renew-point-color); } .main-container .slick-dots li button::before { display: none; } .main-container .movieSlider .in { position: relative; } .main-container .movieSlider iframe { position: absolute; top: 0px; left: 0px; width: 100%; border: 0px; height: 203px !important; } .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: 100%; margin: auto; text-align: center; transform: translate(0px, -50%); } .popEmved_ui .pop_emved iframe { width: 100%; } .popEmved_ui .btn_videoClose { position: absolute; bottom: -72px; left: 0px; 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; } .v3 #contents.main-contents, .v3 #contents.sub-sponsorGuide { padding: 0px; } .v3 #contents.main-contents *, .v3 #contents.sub-sponsorGuide * { font-family: "Noto Sans KR"; } .v3 #contents h2 { margin-bottom: 30px; font-size: 25px; } .v3 #contents h2 em { display: inline-block; text-align: left; font-size: 25px; } [class^="v3-main-"] a, [class^="v3-smain-"] a { display: block; position: relative; color: rgb(123, 123, 123); } [class^="v3-main-"] h2, [class^="v3-smain-"] h2 { text-align: center; font-size: 24px; line-height: 1.2; font-weight: 500; } [class^="v3-main-"] h2 .color1, [class^="v3-smain-"] h2 .color1 { color: rgb(117, 171, 48); } [class^="v3-main-"] h2 .color2, [class^="v3-smain-"] h2 .color2 { color: rgb(11, 135, 30); } [class^="v3-main-"] h2 small, [class^="v3-smain-"] h2 small { display: block; margin-top: 8px; font-size: 14px; line-height: 1.45; font-weight: 400; color: rgb(123, 123, 123); } [class^="v3-main-"] h2.smain, [class^="v3-smain-"] h2.smain { font-size: 27px; text-align: center; } [class^="v3-smain-"] { padding: 0px 15px; } .v3-main-visual { padding-top: 155.4%; background-image: url(""); background-size: 100%; } .v3-main-support { padding: 60px 0px 0px; background: rgb(255, 255, 255); } .v3-main-support .donate { background: rgb(255, 255, 255); padding: 0px 15px; } .v3-main-support .donate .title { border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(229, 229, 229); padding: 13px 15px 15px; font-size: 19px; font-weight: 500; color: rgb(0, 0, 0); } .v3-main-support .donate .title i { display: inline-block; position: relative; top: -1px; margin-right: 7px; width: 29px; height: 29px; overflow: hidden; vertical-align: middle; background-image: url(""); background-size: 300px; } .v3-main-support .donate .title i.icon1 { background-position: 0px -50px; } .v3-main-support .donate .title i.icon2 { background-position: -50px -50px; } .v3-main-support .donate .context { margin: 0px -15px; padding: 15px 30px 20px; background: rgb(247, 247, 247); } .v3-main-support .donate .context img { display: block; width: 100%; } .v3-main-support .donate .button { margin-top: 15px; overflow: hidden; } .v3-main-support .donate .button a { float: left; margin-right: 8px; padding: 15px 0px 13px; width: calc(50% - 4px); border-radius: 5px; background: rgb(196, 153, 79); font-size: 16px; text-align: center; color: rgb(255, 255, 255); } .v3-main-support .donate .button a:last-child { margin-right: 0px; background: rgb(127, 116, 87); } .v3-main-banner .swiper-slide a { height: 100%; } .v3-main-banner .swiper-slide img { display: block; margin: 0px auto; width: 100%; height: 100%; object-fit: cover; } .v3-main-banner .swiper-container-horizontal > .swiper-pagination { bottom: 18px !important; } .v3-main-banner .swiper-container .swiper-pagination span.swiper-pagination-bullet { margin: 0px 3px !important; width: 11px !important; height: 11px !important; border-radius: 11px !important; background: rgb(255, 255, 255) !important; opacity: 0.3 !important; } .v3-main-banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { width: 24px !important; opacity: 1 !important; } .v3-smain-visual { padding: 0px; } .v3-smain-visual .swiper-slide a { padding-top: 100.7%; background-size: cover; background-repeat: no-repeat; } .v3-smain-visual .swiper-container-horizontal > .swiper-pagination { bottom: 20px !important; } .v3-smain-visual .swiper-container .swiper-pagination span.swiper-pagination-bullet { margin: 0px 2px !important; width: 27px !important; height: 4px !important; border-radius: 0px !important; background: rgb(0, 0, 0) !important; opacity: 0.3 !important; } .v3-smain-visual .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { background: rgb(255, 255, 255) !important; opacity: 1 !important; } .v3-smain-donate { background: rgb(255, 255, 255); padding: 80px 15px 45px; } .v3-smain-donate .smain { color: rgb(120, 111, 101); } .v3-smain-donate ul { margin-top: 30px; } .v3-smain-donate ul li { padding: 27px 0px 25px; text-align: center; } .v3-smain-donate ul li dl { line-height: 1.34; } .v3-smain-donate ul li dl dt { display: inline-block; vertical-align: top; font-weight: 500; font-size: 20px; color: rgb(255, 255, 255); } .v3-smain-donate ul li dl dt::after { content: " "; display: block; margin-top: 3px; height: 1px; overflow: hidden; background: rgb(255, 255, 255); opacity: 0.2; } .v3-smain-donate ul li dl dd { margin-top: 11px; color: rgba(255, 255, 255, 0.8); } .v3-smain-donate ul li dl::before { content: " "; display: block; margin: 0px auto 4px; width: 49px; height: 50px; background-image: url(""); background-size: 300px; } .v3-smain-donate ul li .button { display: block; margin-top: 26px; padding: 0px 43px; overflow: hidden; } .v3-smain-donate ul li .button a { float: left; margin-left: 10px; width: calc(50% - 5px); height: 37px; border-radius: 5px; line-height: 37px; font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); } .v3-smain-donate ul li .button a:first-child { margin-left: 0px; color: rgb(119, 89, 57); background: rgb(255, 255, 255) !important; } .v3-smain-donate ul li.type1 { background: rgb(151, 128, 104); } .v3-smain-donate ul li.type1 .button a { background: rgb(216, 191, 165); } .v3-smain-donate ul li.type2 { background: rgb(189, 158, 104); } .v3-smain-donate ul li.type2 dl::before { background-position: -50px 0px; } .v3-smain-donate ul li.type2 .button a { background: rgb(230, 195, 133); } .v3-smain-campaign { position: relative; z-index: 2; padding-top: 60px; padding-bottom: 88px; background-color: rgb(240, 240, 240); } #contents.sub-sponsorGuide .smain { color: rgb(169, 151, 120); } #contents.sub-sponsorGuide .spon { display: table; margin-top: 29px; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; } #contents.sub-sponsorGuide .spon li { display: table-cell; padding: 5px; vertical-align: top; border: 1px solid rgb(216, 216, 216); text-align: center; } #contents.sub-sponsorGuide .spon li a { padding: 10px 0px; background: rgb(255, 255, 255); font-size: 16px; font-weight: 500; color: rgb(127, 110, 91); } #contents.sub-sponsorGuide .spon li a::after, #contents.sub-sponsorGuide .spon li a::before { content: " "; overflow: hidden; background-image: url(""); background-size: 300px; } #contents.sub-sponsorGuide .spon li a::before { display: block; margin: 0px auto 4px; height: 43px; } #contents.sub-sponsorGuide .spon li a::after { display: inline-block; position: relative; top: -1px; margin-left: 7px; width: 9px; height: 16px; background-position: -200px 0px; vertical-align: middle; } #contents.sub-sponsorGuide .spon li.type1 a::before { width: 46px; background-position: 0px -50px; } #contents.sub-sponsorGuide .spon li.type2 a::before { width: 35px; background-position: -50px -50px; } #contents.sub-sponsorGuide .spon li.type3 a::before { width: 37px; background-position: -100px -50px; } #contents.sub-sponsorGuide .camp { margin-top: 28px; } #contents.sub-sponsorGuide .camp li { margin-top: 15px; border-bottom: 1px solid silver; } #contents.sub-sponsorGuide .camp li a { padding: 0px 15px 10px; } #contents.sub-sponsorGuide .camp li a span { display: block; position: relative; overflow: hidden; } #contents.sub-sponsorGuide .camp li a span.thumb { margin: 0px -15px; } #contents.sub-sponsorGuide .camp li a span.thumb img { display: block; width: 100%; } #contents.sub-sponsorGuide .camp li a span.thumb::after { content: " "; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px inset; } #contents.sub-sponsorGuide .camp li a span.label { margin-top: 15px; width: 76px; height: 22px; border-radius: 22px; font-size: 14px; line-height: 23px; text-align: center; color: rgb(255, 255, 255); } #contents.sub-sponsorGuide .camp li a span.label.color1 { background: rgb(164, 156, 143); } #contents.sub-sponsorGuide .camp li a span.label.color2 { background: rgb(193, 164, 114); } #contents.sub-sponsorGuide .camp li a span.label.color3 { background: rgb(120, 103, 58); } #contents.sub-sponsorGuide .camp li a span.title { margin-top: 3px; font-size: 16px; color: rgb(102, 102, 102); white-space: nowrap; text-overflow: ellipsis; } #contents.sub-sponsorGuide .camp li:first-child { margin-top: 0px; } #contents.sub-sponsorGuide .allview { position: absolute; bottom: -25px; left: 50%; margin: 0px 0px 0px -111px; width: 222px; height: 52px; border-radius: 6px; background: rgb(117, 171, 48); font-size: 19px; font-weight: 500; line-height: 53px; text-align: center; color: rgb(255, 255, 255); } .v3-smain-guide { position: relative; z-index: 1; margin-bottom: -8px; padding-top: 110px; padding-bottom: 75px; } .v3-smain-guide .detail { margin-top: 20px; overflow: hidden; } .v3-smain-guide .detail li { position: relative; float: left; margin: 10px 10px 0px 0px; padding-top: 38.26%; width: calc(50% - 5px); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px inset; background-size: cover; background-repeat: no-repeat; } .v3-smain-guide .detail li a { position: absolute; top: 0px; left: 0px; padding: 12px; width: 100%; height: 100%; font-size: 17px; font-weight: 500; color: rgb(0, 0, 0); } .v3-smain-guide .detail li:nth-child(2n) { float: right; margin-right: 0px; } .v3-smain-guide .detail li.item1 { background-image: url(""); } .v3-smain-guide .detail li.item2 { background-image: url(""); } .v3-smain-guide .detail li.item3 { background-image: url(""); } .v3-smain-guide .detail li.item4 { background-image: url(""); } .v3-smain-guide .detail li.item5 { background-image: url(""); } .v3-smain-guide .detail li.item6 { background-image: url(""); } .v3-smain-guide .simple { margin-top: 17px; overflow: hidden; border: 3px solid rgb(234, 234, 234); padding: 15px 12px 23px; } .v3-smain-guide .simple dt { font-size: 17px; font-weight: 500; color: rgb(11, 135, 30); } .v3-smain-guide .simple dt small { padding-left: 6px; vertical-align: middle; font-size: 12px; font-weight: 400; color: rgb(123, 123, 123); } .v3-smain-guide .simple dd { margin-top: 13px; } .v3-smain-guide .simple dd p { display: inline-block; position: relative; padding-left: 40px; } .v3-smain-guide .simple dd p .tel { font-family: Montserrat; font-size: 16px; font-weight: 700; line-height: 1.2; } .v3-smain-guide .simple dd p .desc { display: block; font-size: 12px; line-height: 1.2; color: rgb(123, 123, 123); } .v3-smain-guide .simple dd p .desc em { display: inline-block; position: relative; padding-right: 8px; vertical-align: baseline; font-family: Montserrat; font-weight: 500; } .v3-smain-guide .simple dd p .desc em::after { content: " "; position: absolute; top: 50%; right: 2px; margin-top: -5px; width: 1px; height: 12px; overflow: hidden; background: rgb(204, 204, 204); } .v3-smain-guide .simple dd p::before { content: " "; position: absolute; top: 1px; left: 0px; width: 35px; height: 35px; overflow: hidden; background-image: url(""); background-size: 300px; } .v3-smain-guide .simple dd p.call1 { margin-right: 5px; } .v3-smain-guide .simple dd p.call1 .tel { color: rgb(11, 135, 30); } .v3-smain-guide .simple dd p.call1::before { background-position: -100px 0px; } .v3-smain-guide .simple dd p.call2 .tel { color: rgb(117, 171, 48); } .v3-smain-guide .simple dd p.call2::before { background-position: -150px 0px; } .call1.call-inline::before { top: -7px !important; } .call1.call-inline > .desc, .call1.call-inline > a { display: inline !important; } .add_biz { width: 92%; margin: 0px auto; height: 800px !important; } .add_biz::after { height: 77% !important; } .add_biz_sw { height: 403.5px !important; } .add_bix_item { height: 403.5px !important; } .flex-b { flex-basis: 37%; } .mobileTopBanner { position: relative; overflow: hidden; max-width: 100%; text-align: center; } .mobileTopBanner > a:first-child { display: block; width: 100%; } .mobileTopBanner > a > img { width: 100%; } .mobileTopBanner .btnClose1 { position: absolute; top: 9px; right: 11px; display: block; width: 14.5px; height: 14.5px; } .js-nav-ctrl.js-images-loaded-end .mobileTopBanner { display: none; } .js-nav-ctrl.page-main.js-images-loaded-end .mobileTopBanner { display: block; } .mainPopup { position: absolute; z-index: 1005; top: 0px; left: 0px; display: none; } .mainPopup.on { display: block; } .mainPopup.on > .mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .mainPopup .mainPopup-cont { width: 81.867vw; height: 114.933vw; z-index: 999; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); } .mainPopup .mainPopup-cont .popupCont-inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .mainPopup .mainPopup-cont .popupCont-inner a { display: block; width: 100%; } .mainPopup .mainPopup-cont .popupCont-inner img { width: 100%; } .mainPopup .mainPopup-cont .btn-inner { display: flex; justify-content: center; align-items: center; height: 50px; margin-top: -1px; } .mainPopup .mainPopup-cont .btn-inner button { width: 100%; height: 50px; background-color: rgb(255, 255, 255); text-align: center; color: rgb(34, 34, 34); font-size: 13px; display: block; cursor: pointer; } .mainPopup .mainPopup-cont .btn-inner button span { display: block; line-height: 50px; } .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: 50px; background-color: rgb(217, 217, 217); position: absolute; top: 0px; right: 0px; } .mainPopup .mainPopup-cont > .btn-mainPopup-close { width: 18px; height: 18px; position: absolute; top: 20px; right: 20px; font-size: 0px; border: 0px; cursor: pointer; } .clearfix::after { content: ""; display: block; clear: both; } .sr-only { width: 1px; height: 1px; opacity: 0; color: rgba(0, 0, 0, 0); position: absolute; top: -9999em; left: -9999em; text-indent: -9999em; } .outBiz-cont { letter-spacing: -0.5px; padding-left: 4.722vw !important; padding-right: 4.722vw !important; padding-bottom: 15vw !important; font-size: 3.056vw !important; } .outBiz-cont h3 { font-size: 7.222vw; margin-bottom: 4vw; } .outBiz-cont .txt-title { font-size: 3.58974vw; line-height: 5vw; } .outBiz-cont .tit-title { font-size: 14px; line-height: 18px; margin-top: 0px; word-break: keep-all; } .outBiz-cont .renew_imgbox { padding: 20px 10px; } .sub-title { font-size: 4.722vw; line-height: 42px; color: rgb(51, 51, 51); letter-spacing: -0.486vw; } .txt-title { font-size: 3.056vw; line-height: 5vw; color: rgb(80, 80, 80); margin-top: 3.472vw; word-break: keep-all; } .tit-title { font-size: 14px; line-height: 22px; color: rgb(80, 80, 80); margin: 0px; word-break: keep-all; } .dl_a1 dt { font-size: 16px; color: rgb(34, 34, 34); margin-bottom: 5px; font-weight: 500; } .dl_a1 dd { font-size: 14px; line-height: 20px; margin-bottom: 15px; } .outBiz-cont .renew_movie.frame { position: relative; z-index: 1; padding-bottom: 66%; height: 0px; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .outBiz-cont .renew_movie.frame iframe, .outBiz-cont .renew_movie.iframe object, .outBiz-cont .renew_movie.iframe embed { position: absolute; top: 0px; left: 0px; width: 99%; height: 100%; z-index: 2; } .outBiz-cont .renew_movie.frame.mt0 { margin-top: 0px; } .outBiz-cont .dsc-cont { overflow: hidden; margin: 6.41026vw auto 0px; display: table; table-layout: fixed; } .outBiz-cont .dsc-cont.type02 { display: block; text-align: center; margin: 15px 0px 20px; } .outBiz-cont .dsc-cont.type02 > .ico-cont { display: inline-block; width: 84px; margin: 0px 0px 15px; } .outBiz-cont .dsc-cont.type02 .list-cont { margin: 0px; } .outBiz-cont .dsc-cont.type02 .list-cont > p.desc_s { padding-left: 0px; word-break: keep-all; line-height: 20px; } .outBiz-cont .dsc-cont.type02 .list-cont > strong { margin-bottom: 10px; word-break: keep-all; } .outBiz-cont .dsc-cont.type02 .list-cont .stit_domestic { word-break: keep-all; } .outBiz-cont .dsc-cont > .ico-cont { display: table-cell; vertical-align: top; width: 76px; margin-right: 5px; } .outBiz-cont .title-dsc { word-break: keep-all; } .outBiz-cont .list-cont { margin-left: 15px; } .outBiz-cont .list-cont > strong { font-size: 16px; line-height: 24px; display: block; margin-bottom: 15px; } .outBiz-cont .list-cont > p.desc_s { font-size: 14px; line-height: 18px; padding-left: 10px; } .outBiz-cont .list-cont .img_box.type02 { margin-top: 10px; } .outBiz-cont .list-cont .img_box.type02 img { width: 70%; } .outBiz-cont .list-cont .img_box.type02.w40 img { width: 40%; } .outBiz-cont .list-cont .img_box.type02.w50 img { width: 50%; } .outBiz-cont .list-cont > p.desc_s img { width: 70%; } .outBiz-cont .list-cont li { line-height: 4.167vw; } .outBiz-cont .list-cont li span.bullet-circle { position: relative; font-size: 14px; padding: 0px 0px 5px 10px; display: block; color: rgb(102, 102, 102); font-weight: normal; word-break: keep-all; } .outBiz-cont .list-cont li span.bullet-circle::before { content: ""; display: inline-block; border-radius: 50%; width: 4px; height: 4px; background-color: var(--renew-point-color); position: absolute; top: 6px; left: 0px; } .outBiz-cont .list-wrap.thank_letter .list-cont { margin-top: 20px; } .outBiz-cont .list-wrap.thank_letter .list-cont > strong { margin-bottom: 5px; font-size: 16px; } .outBiz-cont .row-line-umbrella { position: relative; padding: 7.69231vw 0px; } .outBiz-cont .row-line-umbrella::before { content: ""; display: block; width: 100%; height: 30px; background: url("") center center no-repeat; margin: 0px auto; } .outBiz-cont .acc_area { border-top: 3px solid rgb(34, 34, 34); } .outBiz-cont .acc_area a.tit { font-size: 4.10256vw; color: rgb(102, 102, 102); display: block; padding: 5.12821vw 2.5641vw; position: relative; border-bottom: 1px solid rgb(221, 221, 221); } .outBiz-cont .acc_area a.tit span { display: block; width: 88%; word-break: keep-all; } .outBiz-cont .acc_area a.tit::after { content: ""; display: block; width: 31px; height: 19px; background: url("") 0% 0% / 75% no-repeat; position: absolute; top: 6.66667vw; right: 10px; transition: all 0.2s ease-out 0s; } .outBiz-cont .acc_area a.tit.active::after { background: url("") 0% 0% / 75% no-repeat; } .outBiz-cont .acc_area .acc_box { border-bottom: 1px solid rgb(221, 221, 221); padding: 5.12821vw 0px; display: none; } .outBiz-cont .acc_area .acc_box p { padding: 0px 0px 0px 10px; font-size: 14px; color: rgb(102, 102, 102); } .section-publicOffering .thumb-list { margin-bottom: 25px; } .section-publicOffering .thumb-list .item { border: 1px solid rgb(221, 221, 221); padding-bottom: 5.12821vw; } .section-publicOffering .thumb-list .item .ico-bedge { display: inline-block; color: rgb(153, 153, 153); font-size: 4.10256vw; height: 10.2564vw; line-height: 10.2564vw; border-radius: 25px; width: 46%; text-align: center; border: 1px solid rgb(153, 153, 153); } .section-publicOffering .publicOffering-report-box { position: relative; overflow: hidden; } .section-publicOffering .publicOffering-report-box .text-cont { width: 70%; } .section-publicOffering .publicOffering-report-box .text-cont p { word-break: keep-all; } .section-publicOffering .thumb-cont { position: absolute; top: 0px; right: 0px; width: 28%; } .basic01_area { width: 100%; margin: 35px auto 0px; } .basic01_area ul { border: 1px solid rgb(221, 221, 221); overflow: hidden; } .basic01_area ul li { float: left; padding: 20px 0px 10px; position: relative; width: 50%; text-align: center; } .basic01_area ul li.type02::before { content: ""; display: block; position: absolute; top: 63px; left: 0px; width: 1px; height: 79px; background: rgb(221, 221, 221); } .basic01_area ul li .img_box { display: block; } .basic01_area ul li .img_box img { width: 40%; height: auto; } .basic01_area ul li strong { display: inline-block; font-size: 16px; padding: 10px 0px; border-bottom: 2px solid rgb(101, 101, 101); } .basic01_area ul li span.desc { display: block; padding: 10px 0px; font-size: 18px; color: var(--renew-point-color); } .basic01_area ul li span.desc span { font-size: 14px; color: rgb(144, 144, 144); padding-left: 5px; } .basic01_area ul li span.desc span.text_bold { color: rgb(51, 51, 51); } .basic01_area p { background: rgb(201, 201, 201); text-align: center; color: rgb(255, 255, 255); font-size: 14px; padding: 6px 0px; } .basic_a01 { display: flex; flex-wrap: wrap; justify-content: space-between; } .basic_a01 li { border: 1px solid rgb(228, 228, 228); border-radius: 5px; width: 49%; text-align: center; padding-bottom: 15px; margin-bottom: 2%; } .basic_a01 li span.img_box.type02 { padding-top: 15px; } .basic_a01 li span.img_box { display: inline-block; padding: 25px 0px 15px; } .basic_a01 li span.img_box img { width: 55%; } .basic_a01 li strong { display: block; font-size: 15px; color: rgb(34, 34, 34); font-weight: 500; word-break: keep-all; padding: 0px 10px; } .prt_list li { border: 1px solid rgb(228, 228, 228); border-radius: 4px; padding: 15px 20px; position: relative; font-size: 14px; margin-bottom: 10px; } .prt_list li:nth-child(2n+1) { margin-left: 0px; } .prt_list li .tit { display: inline-block; font-size: 16px; color: rgb(34, 34, 34); padding-bottom: 5px; border-bottom: 1px solid rgb(34, 34, 34); margin-bottom: 10px; font-weight: 500; } .prt_list li .code { display: block; color: rgb(51, 51, 51); margin-bottom: 5px; } .prt_list li .address { display: block; color: rgb(102, 102, 102); margin-bottom: 5px; } .prt_list li .tel { padding-right: 30px; position: relative; color: rgb(102, 102, 102); } .prt_list li .tel.pr0 { padding-right: 0px; } .prt_list li .tel span { color: rgb(51, 51, 51); font-weight: 500; padding-left: 5px; } .prt_list li .tel a { color: rgb(51, 51, 51); } .prt_list li .tel .line::after { content: ""; display: block; width: 1px; height: 14px; background: rgb(176, 176, 176); position: absolute; top: 4px; right: 11px; } .prt_list li a.btn_more { font-size: 0px; position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; border: 1px solid rgb(51, 51, 51); margin: 0px; } .prt_list li a.btn_more::before { content: ""; display: block; width: 23px; height: 22px; background: url("") center center / 70% no-repeat; transition: all 0.3s ease 0s; margin: 1px; } .prt_list li a.btn_more:hover::before { transform: rotate(90deg); } .talent_list li { margin-bottom: 10px; } .futureCitizenEdu-defence-cont .title_desc { font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 15px; word-break: keep-all; } .futureCitizenEdu-defence-cont ul li:first-child { border-top: 2px solid rgb(51, 51, 51); } .futureCitizenEdu-defence-cont ul li { padding-top: 30px; margin-top: 20px; border-top: 1px solid rgb(221, 221, 221); } .futureCitizenEdu-defence-cont .text-cont.type02 { margin-top: 30px; } .futureCitizenEdu-defence-cont .text-cont .title { font-size: 18px; margin-bottom: 5px; display: block; } .futureCitizenEdu-defence-cont .text-cont .title .green { color: var(--renew-point-color); font-size: 18px; } .futureCitizenEdu-defence-cont .text-cont .title .green.f16 { font-size: 16px; } .futureCitizenEdu-defence-cont .text-cont .title span { font-size: 16px; color: rgb(34, 34, 34); } .futureCitizenEdu-defence-cont .text-cont p { font-size: 14px; line-height: 20px; margin-bottom: 20px; word-break: keep-all; } .futureCitizenEdu-defence-cont .text-cont p.mb0 { margin-bottom: 0px; } .futureCitizenEdu-defence-cont .text-list-area { overflow: hidden; margin-bottom: 20px; } .futureCitizenEdu-defence-cont .text-list-area dt { width: 80px; float: left; position: relative; padding: 0px 5px 0px 10px; } .futureCitizenEdu-defence-cont .text-list-area dt::before { content: ""; display: block; position: absolute; top: 9px; left: 0px; width: 4px; height: 4px; background: var(--renew-point-color); } .futureCitizenEdu-defence-cont .text-list-area dd { display: table-cell; } .futureCitizenEdu-defence-cont .text-list-area dd p { margin-bottom: 0px; } .futureCitizenEdu-defence-cont .text-cont p.desc { color: rgb(34, 34, 34); } .futureCitizenEdu-defence-cont .viewBtn-area { text-align: center; } .futureCitizenEdu-defence-cont .viewBtn-area a { display: inline-block; text-align: center; color: var(--renew-point-color); padding: 10px 0px; width: 48%; font-size: 14px; box-sizing: border-box; border: 1px solid var(--renew-point-color); margin: 0px 2px; } .futureCitizenEdu-defence-cont .thumb-cont { padding: 0px 100px 20px; } .futureCitizenEdu-defence-cont .futureCitizenEdu-box-list .video-list-2 li { border: 0px; margin: 0px; padding: 0px 0px 20px; } .futureCitizenEdu-defence-cont .futureCitizenEdu-box-list .video-list .btn img { width: 100%; height: auto; } .futureCitizenEdu-defence-cont .futureCitizenEdu-box-list .video-list .item-1 div:nth-child(2) { font-size: 14px; color: rgb(102, 102, 102); font-weight: 500; text-align: center; padding: 0px 5px 15px; border-top: 0px; } .modal { display: none; position: fixed; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } .slider-history { padding-top: 70px; } .slider-history .slider-cont.slick-dotted { margin-bottom: 0px; } .slider-history .slider-cont .slick-dots { top: -60px; height: 30px; left: 0px; } .slider-history .slider-cont .slick-dots::before { content: ""; display: inline-block; border-top: 2px solid rgb(238, 238, 238); width: 95%; position: absolute; top: -2px; left: 24px; } .slider-history .slider-cont .slick-dots li { position: relative; width: 30px; height: 30px; margin: 0px; bottom: auto; top: -52%; } .slider-history .slider-cont .slick-dots li::before { content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); transform: translate(-50%, -50%); transition: all 0.2s ease-out 0s; } .slider-history .slider-cont .slick-dots li:last-child::before { left: 100%; } .slider-history .slider-cont .slick-dots li:last-child::after { left: 100%; } .slider-history .slider-cont .slick-dots li::after { content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 0px; height: 0px; border-radius: 50%; background-color: rgb(49, 185, 127); transform: translate(-50%, -50%); transition: all 0.2s ease-out 0s; } .slider-history .slider-cont .slick-dots li .dots-year { position: absolute; left: 0px; bottom: -32px; text-align: center; } .slider-history .slider-cont .slick-dots li .dots-year span { position: relative; font-size: 14px; font-weight: normal; color: rgb(153, 153, 153); } .slider-history .slider-cont .slick-dots li .dots-year span::before { content: ""; display: inline-block; margin-bottom: 2px; margin-left: -1px; width: 6px; height: 4px; background: url("") no-repeat; opacity: 0; transition: all 0.3s ease-out 0s; } .slider-history .slider-cont .slick-dots li.slick-active span { font-weight: bold; color: rgb(40, 180, 111); } .slider-history .slider-cont .slick-dots li.slick-active::before { width: 30px; height: 30px; } .slider-history .slider-cont .slick-dots li.slick-active::after { width: 20px; height: 20px; } .slider-history .slider-cont .slick-dots li.slick-active .dots-year span::before { opacity: 1; } .slider-history .slider-cont .slick-dots li + li { margin-left: calc(25% - 38px); } .slider-history .slider-cont .item-box-02 { text-align: center; font-size: 14px; } .slider-history .slider-cont .item-box-02 .tit { font-size: 16px; color: rgb(34, 34, 34); display: block; margin-bottom: 5px; } .slider-history .slider-cont .item-box-02 .year { font-size: 16px; color: var(--renew-point-color); margin: 10px 0px 5px; font-weight: 500; } .slider-history .slider-cont .item-box-02 .desc { color: rgb(102, 102, 102); margin-bottom: 5px; } .slider-history .slider-cont .item-box-02 .desc span { color: rgb(34, 34, 34); font-weight: 500; } .slider-history .slider-cont .item-box-02 .desc.type02 { color: rgb(32, 32, 32); margin-bottom: 25px; } .slider-history .slider-cont .item-box-02 .ico_box { margin: 20px 0px 5px; display: inline-block; } .slider-history .slider-cont .item-box-02 .img_box { padding: 0px 20px 10px; display: block; } .slider-history .slider-cont .item-box-02 .text_box { background: url("") 0% 0% / 100% no-repeat; padding: 30px 40px; font-size: 16px; color: rgb(178, 178, 178); line-height: 22px; text-align: left; min-height: 230px; } .slider-history .slider-cont .item-box-02 .text_box.no_bg { background: none; padding: 20px 0px; word-break: keep-all; } .slider-history .slider-cont .item-box-02 .text_box .tit { color: rgb(52, 180, 106); margin-bottom: 10px; } .slider-history .slider-cont .item-box-02 .text_box .ltit { color: rgb(126, 126, 126); margin-top: 10px; display: block; } .list_a5 { display: flex; flex-wrap: wrap; } .list_a5 li:nth-child(1), .list_a5 li:nth-child(2) { width: 50%; } .list_a5 li { width: 33%; text-align: center; font-size: 3.07692vw; font-weight: 600; margin-bottom: 20px; } .list_a5 li img { width: 80px; height: 80px; } .list_a5 li strong { display: block; font-size: 3.33333vw; color: rgb(34, 34, 34); line-height: 20px; margin: 10px 0px 0px; } table.register01.mt20 { margin-top: 20px; } table.register01 { border-top: 1px solid rgb(177, 177, 177); border-right: 1px solid rgb(177, 177, 177); } table.register01 thead th { border-bottom: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); padding: 8px 0px 10px; font-size: 14px; font-weight: 500; } table.register01 tbody th { border-bottom: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); font-size: 14px; color: rgb(34, 34, 34); padding: 5px; font-weight: 500; word-break: keep-all; } table.register01 tbody td { border-bottom: 1px solid rgb(177, 177, 177); border-left: 1px solid rgb(177, 177, 177); font-size: 13px; color: rgb(102, 102, 102); padding: 5px; vertical-align: top; text-align: left; word-break: keep-all; } table.register01 tbody td.ac { text-align: center; } .btn_a1_area { padding-top: 10px; text-align: center; } .btn_a1_area.btn02 a { min-width: 40%; } .btn_a1_area.type02 { padding-top: 10px; text-align: left; } .btn_a1_area.type02 a.dmst_view { width: 70%; margin: 0px; font-size: 14px; } .btn_a1_area a { display: inline-block; margin: 15px 5px; font-size: 14px; color: var(--renew-point-color); padding: 10px; border: 1px solid var(--renew-point-color); min-width: 46%; line-height: 5.12821vw; } .btn_a1_area a.type02 { padding: 10px 20px; } .btn_a1_area a.dmst_view { display: inline-block; background: var(--renew-point-color); color: rgb(255, 255, 255); font-size: 4.10256vw; border-radius: 35px; width: 46%; text-align: center; height: 10.2564vw; line-height: 10.2564vw; padding: 0px; } .outbiz-list h4 { margin-bottom: 8.333vw; font-weight: 700 !important; font-size: 25px !important; } .outbiz-list > ul > li > .inner { margin-bottom: 11.111vw; } .outbiz-list > ul > li > .inner > .innter-title { font-size: 4.167vw; line-height: 4.167vw; color: rgb(48, 48, 48); font-weight: 700; margin-top: 5.556vw; margin-bottom: 4.167vw; } .outbiz-list > ul > li > .inner > ul { font-size: 12px; color: rgb(102, 102, 102); } .outbiz-list > ul > li > .inner > ul > li { margin-bottom: 2.083vw; padding-left: 2.083vw; position: relative; line-height: 4vw; } .outbiz-list > ul > li > .inner > ul > li::before { content: ""; width: 0.833vw; height: 0.833vw; background-color: var(--renew-point-color); position: absolute; left: 0px; top: 1.5vw; border-radius: 50%; } .tabs-fill-box.outbiz-tab { margin-bottom: 40px !important; } .tabs-fill-box.outbiz-tab.li04 > li { width: 50% !important; } .tabs-fill-box.outbiz-tab > li { width: 33.3333% !important; height: 36px; } .tabs-fill-box.outbiz-tab > li > a { font-size: 14px; line-height: 36px; color: rgb(153, 153, 153); } .tabs-fill-box.outbiz-tab > li.active > a { font-weight: 500; } .outbiz-table table { table-layout: fixed; letter-spacing: -1px; } .outbiz-table table th, .outbiz-table table td { border-bottom: 1px solid rgb(215, 215, 215); border-top: 1px solid rgb(215, 215, 215); border-left: 1px solid rgb(215, 215, 215); } .outbiz-table table th:first-child, .outbiz-table table td:first-child { border-left: 0px; } .outbiz-table table th { padding: 2.5vw 2vw; background-color: rgb(250, 250, 250); color: rgb(51, 51, 51); font-weight: 500; font-size: 12px; } .outbiz-table table td { padding: 2.5vw 2vw; font-weight: 300; font-size: 12px; word-break: keep-all; } .outbiz-slide .img-txt > .title { margin-top: 4.167vw; font-size: 18px; font-weight: 700; line-height: 24px; color: rgb(48, 48, 48); letter-spacing: -1px; word-break: keep-all; } .outbiz-slide .img-txt > .txt { font-size: 14px; line-height: 20px; color: rgb(80, 80, 80); margin-top: 10px; word-break: keep-all; } .outBiz-cont .tab-title { font-size: 4.444vw; font-weight: 700; color: var(--renew-point-color); text-align: center; } .outBiz-cont .tab-title.tab-education::after { content: ""; width: 13.611vw; height: 13.056vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto auto; } .outBiz-cont .tab-title.tab-protection::after { content: ""; width: 12.222vw; height: 11.944vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto auto; } .outBiz-cont .tab-title.tab-health::after { content: ""; width: 10vw; height: 12.778vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto auto; } .outBiz-cont .tab-title.tab-water::after { content: ""; width: 11.389vw; height: 11.25vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto; } .outBiz-cont .tab-title.tab-self::after { content: ""; width: 13.75vw; height: 11.667vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto auto; } .outBiz-cont .tab-title.tab-danger::after { content: ""; width: 9.722vw; height: 12.222vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto; } .outBiz-cont .tab-title.tab-humane1::after { content: ""; width: 12.5vw; height: 12.5vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto auto; } .outBiz-cont .tab-title.tab-humane2::after { content: ""; width: 10.556vw; height: 11.25vw; display: block; background-size: cover; background-image: url(""); background-repeat: no-repeat; margin: 15px auto; } .outBiz-cont .outbiz-tab02-list > li { margin-bottom: 10px; } .outBiz-cont .outbiz-tab02-list > li > .inner { background-color: rgb(252, 252, 252); border: 1px solid rgb(217, 217, 217); border-radius: 7px; padding: 15px; } .outBiz-cont .outbiz-tab02-list > li > .inner > .left { float: left; width: 75%; font-size: 12px; color: rgb(54, 54, 54); font-weight: 500; word-break: keep-all; } .outBiz-cont .outbiz-tab02-list > li > .inner > .right { float: right; width: 25%; text-align: right; color: var(--renew-point-color); font-size: 18px; font-weight: 500; letter-spacing: -0.8px; } .outBiz-cont .outbiz-tab02-list > li > .inner > .right > span { color: rgb(144, 144, 144); font-size: 12px; font-weight: 300; margin-left: 0.694vw; } .outBiz-cont .outbiz-tab02-list > li > .inner::after { content: ""; display: block; clear: both; } .main-biz-txt { margin-top: 8.333vw; margin-bottom: 7vw; } .main-biz-txt > .title { font-size: 4.167vw; line-height: 5.2vw; font-weight: 700; color: rgb(48, 48, 48); word-break: keep-all; } .main-biz-txt > .txt { font-size: 14px; line-height: 20px; color: rgb(80, 80, 80); margin-top: 2.778vw; word-break: keep-all; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt30 { margin-top: 30px !important; } .mt50 { margin-top: 6.944vw !important; } .mt60 { margin-top: 60px !important; } .mt80 { margin-top: 11.111vw !important; } .mb20 { margin-bottom: 20px !important; } .mb70 { margin-bottom: 9.722vw !important; } .txt-point { color: var(--renew-point-color); } .btn_outBiz { text-align: center; } .btn_outBiz a { display: block; font-size: 3.611vw; font-weight: 500; color: var(--renew-point-color); padding: 2.2vw 0px; border: 2px solid var(--renew-point-color); width: 99%; } .slide_area { width: 100%; margin: 0px auto; position: relative; overflow: hidden; } .slide_area .base_slide { width: 100%; height: 100%; margin-bottom: 7vw; } .slide_area .base_slide .slick-arrow { display: block; } .slide_area .base_slide .slick-arrow::before { display: none; } .slide_area .swiper-button-prev { z-index: 10; background: url("") no-repeat; left: 42%; width: 19px; height: 32px; position: absolute; top: 655px; } .slide_area .swiper-button-next { z-index: 10; background: url("") no-repeat; right: 42%; width: 19px; height: 32px; position: absolute; top: 655px; } .slide_area .swiper-button-next::after, .slide_area .swiper-button-prev::after { display: none; } .slide_area .progress { display: block; width: 100%; height: 6px; overflow: hidden; background-position: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(221, 221, 221); background-image: linear-gradient(to right, var(--renew-point-color), var(--renew-point-color)); background-repeat: no-repeat; background-size: 0px 100%; transition: background-size 0.4s ease-in-out 0s; } .slide_area .swiper-pagination.swiper-pagination-progressbar { top: auto; height: 6px; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--renew-point-color) !important; } .slide_area.type02 { padding: 20px 0px 60px; } .slide_area.type02 .swiper-pagination.swiper-pagination-progressbar { bottom: 60px; } .slide_area.type02 .swiper-button-prev, .slide_area.type02 .swiper-button-next { top: auto; bottom: 10px; } .slide_area .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .slide_area .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; } .slide_area .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .slide_area .swiper-container-horizontal > .swiper-pagination-progressbar, .slide_area .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; } .slide_area .swiper-container-vertical > .swiper-pagination-progressbar, .slide_area .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0px; top: 0px; } .pop_wrap { display: none; } .pop_wrap .pop_content { position: fixed; top: 50%; left: 0px; width: 100%; z-index: 2001; background: rgb(255, 255, 255); margin-top: -150px; } .pop_wrap .pop_content .pop_area { border: 7px solid rgb(221, 221, 221); padding: 15px; } .pop_wrap .pop_content .pop_tit { font-size: 16px; color: rgb(34, 34, 34); padding-bottom: 15px; border-bottom: 1px solid rgb(34, 34, 34); font-weight: 500; } .pop_wrap .pop_content .pop_slide { position: relative; overflow: hidden; padding-bottom: 35px; } .pop_wrap .pop_content .pop_slide .swiper-wrapper img { width: 100%; height: auto; } .pop_wrap .pop_content .pop_slide .swiper-wrapper p { background: url("") repeat; font-size: 14px; color: rgb(255, 255, 255); padding: 10px 9px; position: absolute; bottom: 0px; width: 100%; } .pop_wrap .pop_content .pop_slide .swiper-button-prev, .pop_wrap .pop_content .pop_slide .swiper-button-next { color: var(--renew-point-color); } .pop_wrap .pop_content .pop_slide .swiper-button-prev::after, .pop_wrap .pop_content .pop_slide .swiper-button-next::after { transform: scale(0.5); } .pop_wrap .pop_content .pop_slide .swiper-button-prev, .pop_wrap .pop_content .pop_slide .swiper-button-next { top: auto; bottom: -9px; } .pop_wrap .pop_content .pop_slide .swiper-pagination-fraction { bottom: 0px; left: 50%; width: 200px; margin-left: -100px; color: rgb(34, 34, 34); font-size: 14px; letter-spacing: 1px !important; } .pop_wrap .pop_content .pop_slide .swiper-pagination-fraction .swiper-pagination-current { color: var(--renew-point-color); } .pop_wrap .pop_content .pop_close { position: absolute; top: 20px; right: 15px; } .pop_wrap .pop_content .pop_close img { width: 60%; } .pop_wrap .dimm { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); z-index: 2000; opacity: 0.5; } .new_contents { padding: 0px 15px; margin-bottom: 30px; } .new_contents h2 { font-size: 24px; color: rgb(34, 34, 34); text-align: center; margin-bottom: 10px; } .new_contents h3 { margin-bottom: 40px; } .new_contents h3 span { font-size: 18px; color: rgb(255, 255, 255); display: block; background: var(--renew-point-color); border-radius: 10px; padding: 10px 15px; position: relative; font-weight: 500; } .new_contents h3 span::after { content: ""; display: block; width: 24px; height: 21px; background: url("") no-repeat; position: absolute; top: 14px; right: 20px; } .new_contents p.stit { font-size: 18px; color: var(--renew-point-color); text-align: center; margin-bottom: 30px; word-break: keep-all; } .new_contents .member_check { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px; } .new_contents .member_check li { border: 1px solid rgb(219, 219, 219); border-radius: 10px; width: 48%; margin-bottom: 2%; position: relative; } .new_contents .member_check li input[type="radio"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; } .new_contents .member_check li strong.tname { font-size: 16px; color: rgb(49, 49, 49); font-weight: 500; margin-right: 20px; vertical-align: top; display: block; } .new_contents .member_check li span.desc { display: inline-block; font-size: 16px; color: rgb(136, 136, 136); font-weight: 300; } .new_contents .member_check li span.desc span { color: var(--renew-point-color); display: block; font-weight: 400; } .new_contents .member_check li input + label .ic { display: block; width: 20px; height: 20px; background: url("") 0% 0% / cover; position: absolute; top: 16px; right: 10px; transition: all 0.5s ease 0s; } .new_contents .member_check li input + label { padding: 15px; box-sizing: border-box; display: block; } .new_contents .member_check li input:checked + label .ic { background: url("") 0% 0% / cover; } .new_contents .member_check li.type02 input + label { padding: 10px 15px; } .new_contents .member_check li.type02 input + label .ic { top: 10px; } .new_contents .agree_list { border-top: 1px solid rgb(51, 51, 51); margin-bottom: 60px; } .new_contents .agree_list.type02 { margin: 10px 0px 20px; } .new_contents .agree_list.type02 li.type02 label::before { top: 22px; } .new_contents .agree_list li.parent { display: none; } .new_contents .agree_list li { border-bottom: 1px solid rgb(219, 219, 219); position: relative; padding: 13px 0px 12px 35px; } .new_contents .agree_list li.tit label { font-size: 16px; color: rgb(34, 34, 34); font-weight: 500; } .new_contents .agree_list li label { font-size: 15px; color: rgb(51, 51, 51); font-weight: 300; letter-spacing: -2px; } .new_contents .agree_list li label::before { content: ""; display: block; width: 25px; height: 25px; background: url("") no-repeat; position: absolute; top: 12px; left: 0px; transition: all 0.5s ease 0s; } .new_contents .agree_list li input:checked + label::before { background: url("") no-repeat; } .new_contents .agree_list li input[type="checkbox"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; } .new_contents .agree_list li label .point { color: rgb(255, 0, 0); } .new_contents .agree_list li .ic { position: absolute; top: 13px; right: 10px; font-size: 14px; color: rgb(102, 102, 102); } .new_contents .agree_list li .ic.type02 { top: 42px; } .new_contents .agree_list li .ic.active, .new_contents .agree_list li .ic:hover { color: var(--renew-point-color); } .new_contents .agree_list li .view { padding: 10px 0px; overflow: auto; display: none; } .new_contents .agree_list li .view.h350 { height: 450px; } .new_contents .agree_list li .view .num { font-size: 15px; font-weight: 400; color: rgb(42, 43, 46); word-break: keep-all; } .new_contents .agree_list li .view .memo { font-size: 13px; color: rgb(42, 43, 46); font-weight: 300; line-height: 22px; margin-top: 5px; } .new_contents .agree_list li .view .top_memo { font-size: 18px; margin-bottom: 10px; line-height: 28px; } .new_contents .agree_list li .view .memo { font-size: 14px; color: rgb(42, 43, 46); font-weight: 300; line-height: 22px; word-break: keep-all; } .new_contents .agree_list li .view .memo.point { font-size: 18px; color: var(--renew-point-color); font-weight: 500; letter-spacing: -1.5px; } .new_contents .agree_list li .view .memo .comment_tit, .new_contents .agree_list li .view .memo .comment { color: red; } .new_contents .agree_list li .view::-webkit-scrollbar { width: 8px; background: rgb(255, 255, 255); } .new_contents .agree_list li .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); } .new_contents .agree_list li .view::-webkit-track { width: 8px; } .new_contents .agree_list li .view table th { font-size: 13px; height: 40px; text-align: center; border: 1px solid rgb(153, 153, 153); } .new_contents .agree_list li .view table td { padding: 5px; border: 1px solid rgb(153, 153, 153); font-size: 12px; line-height: 18px; } .new_contents .agree_list li .view table td.point { color: var(--renew-point-color); font-weight: 500; font-size: 14px; } .new_contents .agree_list li .view table td.has_chk label { height: auto; line-height: 26px; } .new_contents .agree_list li .view table td.has_chk { text-align: center; } .new_contents .agree_list li .view table td .chk_box.type2 { position: relative; display: block; } .new_contents .agree_list li .view table td .chk_box.type2 label::before { width: 25px; height: 25px; border-radius: 6px; box-sizing: border-box; left: 2px; top: -14px; } .new_contents .agree_list li .view table td .chk_box.type2 input:checked + label::before { background: url("") 0% 0% / cover; border: none; } .new_contents .agree_list li .view .noti { font-size: 17px; color: rgb(217, 94, 50); margin-top: 20px; } .new_contents .flex_box dl dd label { font-size: 16px; color: rgb(51, 51, 51); height: 40px; line-height: 40px; font-weight: 400; letter-spacing: -2px; margin: 0px 10px 0px 0px; } .new_contents .flex_box dl dd label::before { content: ""; display: block; width: 25px; height: 25px; background: url("") no-repeat; position: absolute; top: 6px; left: 0px; transition: all 0.5s ease 0s; } .new_contents .flex_box dl dd input:checked + label::before { background: url("") no-repeat; } .new_contents .flex_box dl dd input[type="checkbox"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; } .new_contents .flex_box dl dd input[type="radio"] { background: none; } .new_contents .flex_box dl dd .type2 { position: relative; display: inline-block; } .new_contents .user_input dt { font-size: 18px; color: rgb(34, 34, 34); margin-bottom: 10px; font-weight: 500; } .new_contents .user_input dt span.desc { font-size: 14px; } .new_contents .user_input dt .point { color: rgb(255, 0, 0); } .new_contents .user_input dd { margin-bottom: 20px; position: relative; } .new_contents .user_input dd input.intx { padding: 0px 0px 0px 10px; width: 100%; background: rgb(242, 242, 242); font-size: 18px; color: rgb(16, 16, 16); font-weight: 500; height: 40px; line-height: 40px; transition: all 0.5s ease 0s; border: 0px; } .new_contents .user_input dd input.intx.active { border: 1px solid var(--renew-point-color); background: rgb(255, 255, 255); } .new_contents .user_input dd input.intx::placeholder { color: rgb(136, 136, 136); font-size: 18px; font-weight: 300; } .new_contents .user_input dd .txt_input_info { font-size: 16px; color: var(--renew-point-color); margin-bottom: 40px; display: block; } .new_contents .user_input dd .select_a1 { height: 40px; line-height: 40px; min-width: 30%; background: url("") 88% center no-repeat rgb(242, 242, 242); padding: 0px 25px 0px 10px; margin-right: 5px; border: 0px; color: rgb(16, 16, 16); font-weight: 500; font-size: 16px; } .new_contents .user_input dd .line { padding: 0px 5px; vertical-align: middle; display: inline-block; line-height: 58px; } .new_contents .user_input dd .btnC1 { background: var(--renew-point-color); color: rgb(255, 255, 255); min-width: 150px; width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; display: inline-block; text-align: center; } .new_contents .user_input dd .mb10 { margin-bottom: 10px; } .new_contents .user_input dd .btnC2 { display: inline-block; padding-bottom: 3px; border-bottom: 1px solid rgb(221, 221, 221); font-size: 16px; margin-top: 10px; font-weight: 400; } .new_contents .user_input dd .desc { font-size: 14px; color: var(--renew-point-color); margin-top: 10px; line-height: 20px; } .new_contents .user_input dd.btn_box { display: block; } .new_contents .user_input dd.btn_box button { width: 48%; } .new_contents .user_input dd a.btn_darkgray { background: var(--renew-point-color); color: rgb(255, 255, 255); margin: 10px 0px; } .new_contents .user_input dd .type2.foreignCheckType2 { text-align: center; color: var(--renew-point-color); font-size: 18px; margin: 10px 0px; border-bottom: 1px solid var(--renew-point-color); padding-bottom: 10px; } .new_contents .flex_box { display: flex; flex-wrap: wrap; justify-content: space-between; } .new_contents .flex_box dl.formname { width: 50%; } .new_contents .flex_box dl.formmf { width: 45%; } .new_contents .login_a1 { margin-bottom: 40px; } .new_contents .login_a1 li { margin-bottom: 10px; } .new_contents .login_a1 li.second { display: flex; justify-content: space-between; } .new_contents .login_a1 li.second p { width: 52%; border: 1px solid rgb(219, 219, 219); background: rgb(251, 251, 251); border-radius: 5px; height: 36px; line-height: 35px; } .new_contents .login_a1 li.second p span { display: inline-block; background: rgb(153, 153, 153); width: 20px; height: 20px; border-radius: 25px; vertical-align: middle; margin-left: 15px; } .new_contents .login_a1 li.second p input { width: 14px; height: 14px; margin-left: 3px; border: 1px solid rgb(155, 155, 155); background: rgb(255, 255, 255); vertical-align: middle; font-size: 14px; border-radius: 25px !important; } .new_contents .login_a1 li.second p input:first-child { margin-left: 20px; } .new_contents .login_a1 li.second p input:disabled { background: rgb(153, 153, 153); width: 16px; height: 16px; } .new_contents .login_a1 li.second p input.active { border: 0px; width: 20px; height: 20px; line-height: 20px; background: rgb(251, 251, 251); } .new_contents .login_a1 li.second p input[type="tel" i] { padding: 0px; } .new_contents .login_a1 li .n_intx { width: 100%; border: 1px solid rgb(219, 219, 219); background: rgb(251, 251, 251); color: rgb(136, 136, 136); font-size: 14px; padding: 0px 12px; height: 38px; box-sizing: border-box; border-radius: 5px !important; } .new_contents .login_a1 li .n_intx::placeholder { color: rgb(136, 136, 136); font-size: 13px; } .new_contents .login_a1 li .n_intx:focus { border: 1px solid var(--renew-point-color); background: rgb(255, 255, 255); } .new_contents .tab_a1 { overflow: hidden; padding: 20px 0px 40px; } .new_contents .tab_a1 li { float: left; width: 50%; border-bottom: 4px solid rgb(193, 193, 193); text-align: center; } .new_contents .tab_a1 li.active { border-color: var(--renew-point-color); } .new_contents .tab_a1 li.active a { color: var(--renew-point-color); } .new_contents .tab_a1 li a { display: block; font-size: 18px; color: rgb(153, 153, 153); padding-bottom: 15px; font-weight: 500; } .new_contents .tab_area .tab_box { display: none; } .new_contents .tab_area .tab_box a.sns_btn { display: block; width: 100%; margin: 0px auto 10px; border-radius: 7px; background: rgb(0, 191, 24); height: 52px; line-height: 52px; font-size: 18px; font-weight: 500; color: rgb(255, 255, 255); text-align: center; padding-left: 20px; box-sizing: border-box; } .new_contents .tab_area .tab_box a.sns_btn span img { width: 20px; height: auto; vertical-align: middle; margin: 0px 15px 5px 0px; } .new_contents .tab_area .tab_box a.sns_btn.kakao { background: rgb(255, 230, 23); color: rgb(71, 41, 43); margin-bottom: 10px; } .new_contents .tab_area .tab_box a.sns_btn.apple { background: rgb(0, 0, 0); color: rgb(255, 255, 255); margin-bottom: 10px; } .new_contents .tab_area .tab_box a.sns_btn.kakao img { width: 24px; height: auto; } .new_contents .tab_area .tab_box p.desc { font-size: 16px; color: rgb(51, 51, 51); line-height: 22px; text-align: center; margin: 30px 0px; } .new-findidTab li:last-child { margin-left: 20px !important; } .new-findidTab li a { font-size: 16px !important; } .new_contents h3 span.login_title { vertical-align: initial; line-height: initial; } .new_contents .user_input dd .select_a1.login_select { width: auto; } .new_resultBox > .inner { border: 1px solid rgb(228, 228, 228); padding: 30px 15px; } .resultBox.new_resultBox .result_id { margin-top: 0px; } .resultBox.new_resultBox .result_id::before { display: none; } .resultBox.new_resultBox .result_id p { font-size: 16px; } .resultBox.new_resultBox .result_id .idResult strong { color: var(--renew-point-color); } .resultBox.new_resultBox .result_id p.info { font-size: 14px; } .resultBox.new_resultBox .result_error { font-size: 16px; margin-top: 0px; } .resultBox.new_resultBox .result_error::before { display: none; } .resultBox.new_resultBox .result_plural { margin-top: 0px; } .resultBox.new_resultBox .result_plural::before { display: none; } .resultBox.new_resultBox .result_plural p { font-size: 16px; } .resultBox.new_resultBox .result_plural p.info { font-size: 14px; } .resultBox.new_resultBox .result_plural > ul li strong { color: var(--renew-point-color); } .resultBox.new_resultBox .password_result { background: rgb(255, 255, 255); border-radius: 0px; } .resultBox.new_resultBox .password_result strong { color: var(--renew-point-color); } .find-info-box { border: 1px solid rgb(228, 228, 228); padding: 15px; margin-bottom: 30px; } .find-info-box ul li { position: relative; padding-left: 12px; } .find-info-box ul li::before { content: "·"; font-size: 25px; color: var(--renew-point-color); position: absolute; top: -1px; left: 0px; } .phone_number_box > button { margin: 0px !important; } .timechk { font-size: 16px; } .btn-confirm-num { vertical-align: bottom; display: inline-block !important; height: 40px !important; background-color: var(--renew-point-color) !important; margin-left: 10px !important; } input.intx { padding: 0px 0px 0px 10px; width: 100%; background: rgb(242, 242, 242); font-size: 18px; color: rgb(16, 16, 16); font-weight: 500; height: 40px; line-height: 40px; transition: all 0.5s ease 0s; border: 0px; } .ceo-title > h3 { font-size: 5vw; } .ceo-img { padding-top: 4.5vw; } .ceo-list { border-bottom: 1px solid rgb(136, 136, 136); padding-top: 9vw; padding-bottom: 9vw; margin-bottom: 9vw; } .ceo-list.border0 { border-bottom: 0px; margin-bottom: 0px; } .ceo-list > li { margin-bottom: 3vw; } .ceo-list > li:last-child { margin-bottom: 0px; } .m-new-data-box { display: flex; align-items: center; justify-content: space-between; } .new-data-title { font-weight: 500; font-size: 16px; display: inline; border-bottom: 2px solid rgb(144, 144, 144); padding-bottom: 2px; } .new-data-num { font-weight: 700; font-size: 25px; letter-spacing: -1px; margin: 20px 0px 30px; } .new-data-num > span { font-size: 16px; font-weight: 400; } .m-data-img { margin-bottom: 30px; } .new-data-out-box { margin-bottom: 10px; } .new-data-out-box > div:last-child { margin-top: -10px; } .impact_emog { width: 65%; } .emog_box_im { display: flex; justify-content: flex-end; } .bullet-star { color: rgb(151, 128, 104); } .brochurePop-form .brochurePop-header { display: flex; flex-flow: wrap; align-items: center; } .brochurePop-form .brochurePop-header h3 { width: 70%; font-size: 16px; font-weight: 700; } .brochurePop-form .brochurePop-header p { width: 30%; font-size: 13px; text-align: right; } .brochurePop-form .brochurePop-form-inner { margin-top: 10px; border-top: 3px solid rgb(0, 0, 0); } .brochurePop-form .brochurePop-form-inner table th, .brochurePop-form .brochurePop-form-inner table td { padding: 10px 0px; border-bottom: 1px solid rgb(229, 229, 229); } .brochurePop-form .brochurePop-form-inner table th { text-align: left; } .brochurePop-form .brochurePop-form-inner table td .dis-flex { margin-left: -5px; margin-right: -5px; } .brochurePop-form .brochurePop-form-inner table td .dis-flex > div > div { margin-left: 5px; margin-right: 5px; } .brochurePop-form .brochurePop-form-inner table td .dis-flex > div .new_ckBox { margin-bottom: 10px; } .brochurePop-form .brochurePop-form-inner table td .dis-flex > div:last-child .new_ckBox { margin-bottom: 0px; } .brochurePop-form .brochurePop-form-inner table input[type="text"], .brochurePop-form .brochurePop-form-inner table input[type="number"], .brochurePop-form .brochurePop-form-inner table input[type="email"], .brochurePop-form .brochurePop-form-inner table select { border: 1px solid rgb(183, 183, 183); font-size: 14px; height: 33px; width: 100%; border-radius: 5px !important; } .brochurePop-form .brochurePop-form-inner table .dis-flex.email-form { align-items: center; } .brochurePop-form .brochurePop-form-inner table .dis-flex.email-form .email-input { width: 47%; } .brochurePop-form .brochurePop-form-inner table .dis-flex.email-form .email-input > div { margin-left: 5px; margin-right: 5px; } .brochurePop-form .brochurePop-form-inner table .dis-flex.email-form .email-at { width: 6%; text-align: center; } .brochurePop-form .brochurePop-form-inner table .dis-flex.email-form .email-add { margin-left: 5px; margin-right: 5px; width: 100%; margin-top: 10px; } .agree_check { margin-top: 20px; margin-bottom: 50px; } .agree_check ul li { margin-bottom: 12px; } .agree_check ul li .ckbox_inner { padding: 0px 0px 0px 35px; } .agree_check ul li .ckbox_inner label { font-weight: 400; } .agree_check ul li .ckbox_inner label::before { top: 1px; transform: initial; } .agree_check ul li .ckbox_inner input[type="checkbox"] { top: 0px; } .btn-full > a { width: 100%; height: 40px; line-height: 40px; font-size: 14px; display: block; text-align: center; background: var(--renew-point-color); color: rgb(255, 255, 255); } .btn-full > .btn2 { height: 60px; line-height: 60px; font-size: 18px; } .dis-flex { display: flex; flex-flow: wrap; } .dis-flex .col-1 { width: 100%; } .dis-flex .col-2 { width: 50%; } .dis-flex .col-3 { width: 33.3333%; } .dis-flex .col-4 { width: 25%; } .dis-flex .col-5 { width: 20%; } @media screen and (max-width: 400px) { .brochurePop-form .brochurePop-form-inner table td .dis-flex > div .new_ckBox { margin-bottom: 0px; } .dis-flex .col-2, .dis-flex .col-3, .dis-flex .col-4, .dis-flex .col-5 { width: 100%; margin-bottom: 10px; } } .new_ckBox { position: relative; font-size: 0px; } .new_ckBox input[type="checkbox"] { display: none; position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; opacity: 0; } .new_ckBox input[type="checkbox"] + label { font-weight: 500; line-height: 21px; position: relative; display: block; cursor: pointer; user-select: none; border: 1px solid rgb(183, 183, 183); border-radius: 5px; box-sizing: border-box; padding: 5px 35px 5px 0px; text-align: center; } .new_ckBox input[type="checkbox"] + label::before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("") 0% 0% / cover; position: absolute; right: 10px; } .new_ckBox input[type="checkbox"] + label::after { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; right: 10px; } .new_ckBox input[type="checkbox"]:checked + label { border: 1px solid var(--renew-point-color); } .new_ckBox input[type="checkbox"]:checked + label::after { background: url("") center center / cover no-repeat; } .new_ckBox input[type="checkbox"] + label span { display: inline-block; vertical-align: top; margin-top: 0px; margin-left: 8px; font-size: 14px; color: rgb(123, 123, 123); } .new_ckBox input[type="checkbox"]:checked + label span { color: var(--renew-point-color); } .popup.brochureAgree { z-index: 9999; top: 35.5%; transform: translate(-50%, -50%); width: 92%; margin-top: initial !important; margin-left: initial !important; } .pb0 { padding-bottom: 0px !important; } .mb4 { margin-bottom: 4px !important; } #contents .substance.sub_new_support { margin: 0px; } #contents .substance.sub_new_support .tab-cont { margin: 0px; } #contents .substance.sub_new_support .tab-cont .tabs { margin: 0px 15px 35px; } .cont_support_top { text-align: center; margin: 0px 15px; } .cont_support_top .txt_box { height: 328px; background-color: rgb(228, 230, 229); padding-top: 40px; box-sizing: border-box; } .cont_support_top .txt_box .inner { width: 345px; max-width: 100%; height: 100%; margin: auto; background-position: center bottom; background-repeat: no-repeat; background-size: 100%; position: relative; } .cont_support_top .txt_box .inner .top_txt { font-size: 22px; font-weight: 400; color: var(--renew-point-color); display: inline; line-height: 28px; position: relative; } .cont_support_top .txt_box .inner .top_txt::before { content: ""; display: block; width: 11px; height: 8px; position: absolute; top: 4px; left: -15px; background-image: url(""); background-position: 0px 0px; background-size: contain; } .cont_support_top .txt_box .inner .top_txt > span { font-weight: 700; color: rgb(34, 34, 34); display: inline-block; position: relative; } .cont_support_top .txt_box .inner .top_txt > span::before { content: ""; display: block; width: 11px; height: 8px; position: absolute; bottom: 0px; right: -15px; background-image: url(""); background-position: 0px 0px; background-size: contain; } .cont_support_top .txt_box .inner .txt_bottom { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); font-size: 14px; line-height: 20px; width: 95%; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); padding: 12px 15px; letter-spacing: -0.8px; box-sizing: border-box; } .cont_support_top .btn_box { margin-top: 12px; } .cont_support_top .btn_box > a { width: 100%; background-color: var(--renew-point-color); color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; padding: 15px 0px; display: block; } .cont_bg_green { background-color: rgb(232, 246, 238); } .cont_support_box { letter-spacing: -1.2px; padding: 60px 0px; margin: 0px 15px; } .cont_support_box h4 { font-size: 25px; font-weight: 700; margin-bottom: 30px; line-height: 30px; } .cont_support_box h4 > span { font-weight: 400; } .cont_support_box h5 { font-size: 20px; font-weight: 700; margin-bottom: 11px; } .cont_support_box h5::before { content: ""; display: block; width: 24px; height: 3px; background-color: var(--renew-point-color); margin-bottom: 10px; } .cont_support_box .title_txt { font-size: 14px; color: rgb(102, 102, 102); } .support_business_slide .swiper-slide { width: 296px; } .support_business_slide .swiper-slide .slide_inner { padding: 36px 20px 0px; height: 288px; background-color: rgb(242, 242, 242); border-radius: 20px 0px 0px; position: relative; box-sizing: initial; } .support_business_slide .swiper-slide .slide_inner h6 { font-size: 15px; color: var(--renew-point-color); font-weight: 700; margin-bottom: 12px; } .support_business_slide .swiper-slide .slide_inner p { font-size: 13px; line-height: 20px; color: rgb(51, 51, 51); } .support_business_slide .swiper-slide .slide_inner::after { content: ""; display: block; position: absolute; bottom: 20px; right: 20px; } .support_benefit_list { margin-top: 30px; } .support_benefit_list > li { margin-bottom: 8px; } .support_benefit_list > li > .inner { padding: 30px 20px 30px 93px; border-radius: 20px 0px 0px; background-color: rgb(255, 255, 255); position: relative; } .support_benefit_list > li > .inner::before { content: ""; display: block; width: 57px; height: 57px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; } .support_benefit_list > li > .inner h5 { font-size: 15px; font-weight: 700; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid rgb(51, 51, 51); color: var(--renew-point-color); } .support_benefit_list > li > .inner h5::before { display: none; } .support_benefit_list > li > .inner p { font-size: 13px; color: rgb(51, 51, 51); line-height: 20px; } .support_benefit_list > li > .inner a { position: absolute; top: 28px; right: 20px; display: flex; flex-direction: row; align-items: center; font-size: 12px; color: rgb(102, 102, 102); } .support_benefit_list > li > .inner a::after { content: ""; display: block; width: 17px; height: 17px; margin-left: 4px; background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cont_support_banner { margin-top: 10px; } .cont_support_banner > a { display: block; height: 100%; } .btn-layerPopup-open { font-size: 14px; color: rgb(102, 102, 102); display: flex; flex-direction: row; align-items: center; margin-top: 15px; } .btn-layerPopup-open::after { content: ""; display: block; width: 17px; height: 17px; margin-left: 4px; background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: center center; } .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: initial; max-height: 100vh; background: rgb(255, 255, 255); z-index: 2; } .layerPopup-inner .btn-layerPopup-close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background-image: url(""); background-repeat: no-repeat; background-position: center center; text-indent: -99999em; } .cont_support_top.regular_top .inner { background-image: url(""); } .support_business_slide .slide_01 .swiper-slide .slide_inner::after { width: 184px; height: 148px; background-size: contain; } .support_business_slide .slide_01 .swiper-slide:nth-child(1) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_01 .swiper-slide:nth-child(2) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_01 .swiper-slide:nth-child(3) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_01 .swiper-slide:nth-child(4) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_01 .swiper-slide:nth-child(5) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_02 .swiper-slide .slide_inner::after { width: 184px; height: 148px; background-size: contain; } .support_business_slide .slide_02 .swiper-slide:nth-child(1) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_02 .swiper-slide:nth-child(2) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_02 .swiper-slide:nth-child(3) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_02 .swiper-slide:nth-child(4) .slide_inner::after { background-image: url(""); } .support_benefit_list.regular_benefit > li:nth-child(1) > .inner::before { background-image: url(""); } .support_benefit_list.regular_benefit > li:nth-child(2) > .inner::before { background-image: url(""); } .support_benefit_list.regular_benefit > li:nth-child(3) > .inner::before { background-image: url(""); } .support_benefit_list.regular_benefit > li:nth-child(4) > .inner::before { background-image: url(""); } .support_benefit_list.regular_benefit > li:nth-child(5) > .inner::before { background-image: url(""); } .support_benefit_list.regular_benefit > li:nth-child(6) > .inner::before { background-image: url(""); } .support_story_slider .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0px; } .support_story_slider .video-wrapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .support_story_slider .slick-dots { bottom: -35px; } .support_story_slider .slick-dots li { margin: 0px 4px; } .support_story_slider .slick-dots li button { width: 100%; height: 100%; position: relative; } .support_story_slider .slick-dots li button::before { font-size: 40px; line-height: inherit; top: 5px; color: rgb(221, 221, 221); opacity: 1; } .support_story_slider .slick-dots li.slick-active button::before { color: var(--renew-point-color); opacity: 1; } @font-face { font-family: GmarketSans; font-weight: 700; src: url("") format("woff"); } .cont_support_top.irregular_top .inner { background-image: url(""); } .support_business_slide .slide_03 .swiper-slide .slide_inner::after { width: 154px; height: 152px; background-size: contain; } .support_business_slide .slide_03 .swiper-slide:nth-child(1) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_03 .swiper-slide:nth-child(2) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_03 .swiper-slide:nth-child(3) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_03 .swiper-slide:nth-child(4) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_03 .swiper-slide:nth-child(5) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_03 .swiper-slide:nth-child(6) .slide_inner::after { background-image: url(""); } .ars_info { margin-top: 22px; padding: 40px 20px; border-radius: 20px 0px 0px; background-color: rgb(242, 242, 242); } .ars_info h6 { font-size: 15px; font-weight: 700; color: var(--renew-point-color); } .ars_info ul li { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgb(206, 206, 206); } .ars_info ul li:first-child::after { content: ""; display: block; width: 143px; height: 148px; background-image: url(""); background-size: contain; background-repeat: no-repeat; margin-top: 10px; margin-left: auto; } .ars_info ul li:last-child { padding-bottom: 0px; border-bottom: 0px; } .ars_info ul li:last-child::after { content: ""; display: block; width: 196px; height: 140px; background-image: url(""); background-size: contain; background-repeat: no-repeat; margin-top: 40px; margin-left: auto; } .ars_info ul li .ars_number { font-size: 18px; color: var(--renew-point-color); font-family: GmarketSans; font-weight: 700; letter-spacing: 0px; margin-bottom: 10px; } .ars_info ul li .ars_number > a { color: var(--renew-point-color); } .ars_info ul li .txt { font-size: 13px; color: rgb(51, 51, 51); line-height: 20px; } .ars_info ul li .txt > strong { font-weight: 700; } .ars_info ul li .ars_link { margin-top: 16px; } .ars_info ul li .ars_link > a { color: rgb(102, 102, 102); font-size: 13px; display: flex; flex-direction: row; align-items: center; } .ars_info ul li .ars_link > a::after { content: ""; display: inline-block; width: 17px; height: 17px; margin-left: 4px; background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: center center; } .cont_support_box .support_business_list.small_list li:first-child { padding-bottom: 60px; } .cont_support_box .support_business_list.small_list .chw_info { position: relative; margin: 22px 0px 0px; padding: 40px 20px 75px; border-radius: 20px 0px 0px; background-color: rgb(242, 242, 242); } .cont_support_box .support_business_list.small_list .chw_info::after { content: ""; display: block; position: absolute; bottom: 20px; right: 20px; width: 154px; height: 152px; background-image: url(""); background-size: contain; background-repeat: no-repeat; } .cont_support_box .support_business_list.small_list .chw_info h6 { margin-bottom: 12px; font-size: 15px; font-weight: 700; color: var(--renew-point-color); } .cont_support_box .support_business_list.small_list .chw_info .txt { font-size: 13px; color: rgb(51, 51, 51); line-height: 20px; } .cont_support_box .support_business_list.small_list .chw_info .txt.mt15 { margin-top: 15px; } .cont_support_box .support_business_list.small_list .btn_box { width: 100%; margin-top: 12px; } .cont_support_box .support_business_list.small_list .btn_box .btn_dk_green_line { display: block; width: 100%; height: 40px; padding: 8px 0px; background-color: rgb(255, 255, 255); text-align: center; color: var(--renew-point-color); font-size: 14px; font-weight: normal; border: 1px solid var(--renew-point-color); box-sizing: border-box; } .cont_support_banner.irregular_banner { margin-top: 70px; } @media screen and (max-width: 560px) { .cont_support_box .support_business_list .btn_box .btn_dk_green_line { width: 100%; height: auto; font-size: 18px; } } .cont_support_top.bondingOut_top .inner { background-image: url(""); } .bonding_faq_list > li { background-color: rgb(228, 243, 236); border-radius: 20px 0px 0px; margin-bottom: 8px; } .bonding_faq_list > li:last-child { margin-bottom: 0px; } .bonding_faq_list > li > .inner { padding: 30px 20px; display: flex; flex-direction: row; align-items: center; } .bonding_faq_list > li > .inner::after { content: ""; display: block; width: 87px; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: contain; } .bonding_faq_list > li:nth-child(1) > .inner::after { background-image: url(""); } .bonding_faq_list > li:nth-child(2) > .inner::after { background-image: url(""); } .bonding_faq_list > li > .inner > .txt { width: 80%; color: rgb(34, 34, 34); font-size: 15px; } .bonding_faq_list > li > .inner > .txt > p > span { font-weight: 700; border-bottom: 1px solid rgb(34, 34, 34); } .support_business_slide .slide_04 .swiper-slide .slide_inner::after { width: 184px; height: 148px; background-repeat: no-repeat; background-size: contain; background-position: right center; } .support_business_slide .slide_04 .swiper-slide:nth-child(1) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_04 .swiper-slide:nth-child(2) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_04 .swiper-slide:nth-child(3) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_04 .swiper-slide:nth-child(4) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_04 .swiper-slide .slide_inner > ul > li { font-size: 13px; color: rgb(51, 51, 51); line-height: 21px; display: flex; flex-direction: row; align-items: center; } .support_business_slide .slide_04 .swiper-slide .slide_inner > ul > li::before { content: ""; width: 5px; height: 1px; background-color: rgb(85, 85, 85); margin-right: 5px; } .support_benefit_list.bonding_benefit > li:nth-child(1) > .inner::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li:nth-child(2) > .inner::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li:nth-child(3) > .inner::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li:nth-child(4) > .inner::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li:nth-child(5) > .inner::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li:nth-child(6) > .inner::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li > .inner.benefit-report::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li > .inner.benefit-letter::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li > .inner.benefit-webzine::before { background-image: url(""); } .support_benefit_list.bonding_benefit > li > .inner.benefit-donationReceipt::before { background-image: url(""); } .layerPopup-inner.layerPopup-bonding { width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 40px 0px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont { padding: 15px 0px 15px 15px; background-color: rgb(228, 243, 236); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .question { font-size: 20px; font-weight: 700; color: var(--renew-point-color); line-height: 26px; margin-top: 35px; background-image: url(""); background-repeat: no-repeat; background-position: right top; background-size: 35%; padding: 34px 20px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .question > span { display: inline-block; background-color: var(--renew-point-color); color: rgb(255, 255, 255); padding: 0px 4px 2px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer { background-color: rgb(255, 255, 255); padding: 32px 20px; border-radius: 20px 0px 0px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > p { margin-bottom: 20px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > p:last-child { margin-bottom: 0px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > p > .txt_point { font-weight: 700; border-bottom: 1px solid rgb(34, 34, 34); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li { padding-bottom: 24px; display: flex; flex-direction: row; position: relative; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:last-child { padding-bottom: 0px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:last-child::after { display: none; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li::before { content: ""; display: block; width: 68px; height: 68px; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 15px; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:nth-child(1)::before { background-image: url(""); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:nth-child(2)::before { background-image: url(""); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:nth-child(3)::before { background-image: url(""); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:nth-child(4)::before { background-image: url(""); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li:nth-child(5)::before { background-image: url(""); } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > 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 .answer > ol > li > .list_inner { width: 80%; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li > .list_inner > h6 { font-size: 15px; color: var(--renew-point-color); font-weight: 700; } .layerPopup-inner.layerPopup-bonding .layerPopup-cont .answer > ol > li > .list_inner > p { font-size: 13px; line-height: 20px; color: rgb(34, 34, 34); font-weight: 400; } .cont_support_banner.bonding_banner { margin-top: 0px; } #tab1-2 .layerPopup-inner.layerPopup-bonding .layerPopup-cont .question { background-image: url(""); background-position: 90% bottom; background-size: 106px; } #tab1-2 .modal1 .layerPopup-inner.layerPopup-bonding .layerPopup-cont .question { } .cont_support_top.bonding_top .inner { background-image: url(""); } .bonding_faq_list.domestic_faq > li:nth-child(1) > .inner::after { background-image: url(""); } .bonding_faq_list.domestic_faq > li:nth-child(2) > .inner::after { background-image: url(""); } .support_business_slide .slide_05 .swiper-slide .slide_inner::after { width: 184px; height: 148px; background-repeat: no-repeat; background-size: contain; background-position: right center; } .support_business_slide .slide_05 .swiper-slide:nth-child(1) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_05 .swiper-slide:nth-child(2) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_05 .swiper-slide:nth-child(3) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_05 .swiper-slide:nth-child(4) .slide_inner::after { background-image: url(""); } .support_business_slide .slide_05 .swiper-slide .slide_inner > ul > li { font-size: 13px; color: rgb(51, 51, 51); line-height: 21px; display: flex; flex-direction: row; align-items: center; } .support_business_slide .slide_05 .swiper-slide .slide_inner > ul > li::before { content: ""; width: 5px; height: 1px; background-color: rgb(85, 85, 85); margin-right: 5px; } .p-bullet { position: relative; padding-left: 15px; font-size: 20px; line-height: 30px; } .p-bullet::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: rgb(13, 144, 74); position: absolute; top: 9px; left: 0px; } .txt-darkgreen { color: var(--renew-point-color); } .newTable { table-layout: fixed; border-collapse: collapse; border-spacing: 0px; } .newTable th { background-color: rgb(249, 249, 249); } .newTable th, .newTable td { padding: 3px 5px; border: 1px solid rgb(189, 189, 189); word-break: break-word; font-size: 11px; color: rgb(102, 102, 102); text-align: center; } .bg1 { background-color: rgb(249, 249, 249); } .tal { text-align: left !important; } .outbiz-list.new-data-out-box { margin-top: 35px; } .m-data-img.mb15 { margin-bottom: 15px; } .list_a5.newList_a5 li { width: 50%; } .futureCitizenEdu-defence-cont .viewBtn-area { margin-left: -3px; margin-right: -3px; display: flex; flex-flow: wrap; } .futureCitizenEdu-defence-cont .viewBtn-area a { margin: 0px; border: 0px; padding: 0px; width: calc(50% - 1px); height: 40px; } .futureCitizenEdu-defence-cont .viewBtn-area a > span { display: block; text-align: center; box-sizing: border-box; border: 1px solid var(--renew-point-color); padding: 9px 0px; margin-left: 3px; margin-right: 3px; } .futureCitizenEdu-defence-cont .viewBtn-area.viewBtn03 a:first-child { width: 100%; margin-bottom: 6px; } .btn_a1_area a { margin: 15px 2px; } @media (max-width: 430px) { .futureCitizenEdu-defence-cont .viewBtn-area a { width: 100%; margin-bottom: 6px; } .futureCitizenEdu-defence-cont .viewBtn-area.viewBtn03 a { width: 50%; } .futureCitizenEdu-defence-cont .viewBtn-area.viewBtn03 a:first-child { width: 100%; } } .new_contents .agree_list > li:first-child { padding-left: 0px; } .reform_container { } .basic01_area.v2 { margin-top: 5.6vw; } .basic01_area.v2 ul li span.desc { margin-top: 2.2vw; padding-top: 0px; padding-bottom: 0px; line-height: 1; } .basic01_area.v2 ul li span.desc .c_num { color: var(--renew-point-color); font-size: 18px; font-weight: 600; letter-spacing: -1px; } .basic01_area.v2 ul li strong { padding-bottom: 0px; font-size: 3.466vw; border-bottom: 0px; } .double_count_box { border: 1px solid rgb(221, 221, 221); box-sizing: border-box; } .double_count_box.basic01_area ul { margin-left: 10px; margin-right: 10px; border: transparent; box-sizing: border-box; } .double_count_box.basic01_area ul li:nth-child(3), .double_count_box.basic01_area ul li:last-of-type { border-top: 1px solid rgb(221, 221, 221); } .double_count_box.basic01_area ul li.type02::before { top: 8.666vw; height: 88px; } .double_count_box.basic01_area ul li.type04 { position: relative; } .double_count_box.basic01_area ul li.type04::before { content: ""; display: block; position: absolute; bottom: 8.66vw; left: 0px; width: 1px; height: 88px; background: rgb(221, 221, 221); } .double_count_box.basic01_area.v2 ul li span.desc .c_num { letter-spacing: -1px; } .reform_container .outbiz-list h4 { line-height: 1; } .ourWork_slide_area { margin-top: 16vw; } .ourWork_slide_area .outbiz-list { padding-top: 7.69231vw; } .ourWork_slide_area .tit_cont { width: 85%; margin: 0px auto; } .ourWork_slide_area .tit_cont strong { display: block; width: 100%; text-align: center; color: var(--renew-point-color); font-size: 16px; } .ourWork_slide_area .tit_cont span { display: block; width: 100%; margin-top: 3px; text-align: center; color: rgb(102, 102, 102); font-size: 14px; line-height: 1.3; letter-spacing: -1px; word-break: keep-all; } .ourWork_slide_area .slide_img_box { margin-top: 6.933vw; text-align: center; } .ourWork_slide_area .slide_table { margin-top: 4vw; } .ourWork_slide_area .slide_area .swiper-button-prev { top: 7px; left: 0px; bottom: auto; } .ourWork_slide_area .slide_area .swiper-button-next { top: 7px; right: 0px; bottom: auto; } .ourWork_slide_area .slide_area .swiper-pagination.swiper-pagination-progressbar { position: relative; bottom: 0px; } .ourWork_slide_area .slide_area.type02 { padding-top: 0px; padding-bottom: 8vw; } .ourWork_slide_area .slide_area.type02 .swiper-button-prev { top: 29px; left: 0px; bottom: auto; } .ourWork_slide_area .slide_area.type02 .swiper-button-next { top: 29px; right: 0px; bottom: auto; } .ourWork_slide_area .slide_area.type02 .swiper-pagination.swiper-pagination-progressbar { position: relative; bottom: 0px; } .no_tabs.outbiz-list h4 { margin-bottom: 6.6vw; } .no_tabs.ourWork_slide_area .slide_area.type02 .swiper-button-next { top: 10px; } .no_tabs.ourWork_slide_area .slide_area.type02 .swiper-button-prev { top: 10px; } .no_slide .swiper-slide { width: 100%; } .no_slide.slide_area.type02 { padding-bottom: 0px; } .no_slide.slide_area .base_slide { margin-bottom: 0px; } .ourWork_slide_area.no_slide .slide_img_box img { width: 100%; } .btn_sec { width: 100%; } .btn_sec .btn_dgreen_line { display: block; width: 53.333%; margin: 0px auto; padding: 14px 0px; border: 1px solid var(--renew-point-color); color: var(--renew-point-color); font-size: 14px; text-align: center; } @media screen and (max-width: 360px) { .ourWork_slide_area .slide_area.type02 .swiper-button-next { width: 15px; height: 24px; background-size: contain; } .ourWork_slide_area .slide_area.type02 .swiper-button-prev { width: 15px; height: 24px; background-size: contain; } } table.register01.v2 { } table.register01.v2 tbody td { padding: 15px; box-sizing: border-box; } table.register01.v2 .in_list { } table.register01.v2 .in_list li { position: relative; margin-top: 2px; padding-left: 7px; line-height: 1.2; border-top: 0px; padding-top: 0px; } table.register01.v2 .in_list li::before { content: "-"; position: absolute; top: -1px; left: 0px; display: block; color: rgb(102, 102, 102); } .outBiz_ani_area { margin-top: 5.6vw; } .outBiz_ani_area ul { overflow: hidden; } .outBiz_ani_area li { position: relative; float: left; width: 38vw; margin-left: -12.028vw; padding-bottom: 38vw; background-color: rgb(255, 255, 255); border-radius: 50%; box-sizing: border-box; } .outBiz_ani_area li:first-child { margin-left: 0px; } .outBiz_ani_area li.circle_1 { border: 0.446vw solid rgb(105, 189, 131); } .outBiz_ani_area li.circle_2 { border: 0.446vw solid rgb(0, 148, 101); } .outBiz_ani_area li.circle_3 { border: 0.446vw solid var(--renew-point-color); } .outBiz_ani_area li span.fade_txt { position: absolute; top: 0px; left: 0px; line-height: 1.3; font-size: 3.2vw; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; } .outBiz_ani_area li.circle_1 span.fade_txt { color: rgb(105, 189, 131); } .outBiz_ani_area li.circle_2 span.fade_txt { color: rgb(0, 148, 101); } .outBiz_ani_area li.circle_3 span.fade_txt { color: var(--renew-point-color); } .ourFutureEdu_area { } .ourFutureEdu_area .swiper-slide { } .ourFutureEdu_area .tit_box { width: 100%; } .ourFutureEdu_area .tit_box strong { display: block; width: 100%; text-align: center; color: var(--renew-point-color); font-size: 16px; } .ourFutureEdu_area .tit_box .title_desc { margin-top: 5px; text-align: center; color: rgb(0, 0, 0); line-height: 19px; } .outBiz-cont .ourFutureEdu_area .renew_movie.frame { position: relative; padding-bottom: 56.25%; height: 100%; overflow: hidden; } .outBiz-cont .ourFutureEdu_area .renew_movie.frame iframe { position: absolute; inset: 0px; width: 100%; height: 100%; } .ourWork_slide_area .ourFutureEdu_area .slide_table { margin-bottom: 4vw; box-sizing: border-box; } .mt8vw { margin-top: 8vw; } @media screen and (max-width: 359px) { .ourFutureEdu_area .tit_box .title_desc br { display: none; } } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area { width: 100%; margin-top: 8vw; margin-left: 0px; margin-right: 0px; display: flex; justify-content: space-between; align-items: center; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area > a { width: calc(42vw); } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area > a > span { margin-left: 0px; margin-right: 0px; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area.full { display: block; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area.full > a { display: block; width: 100%; margin-top: 2.666vw; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area.full > a:first-child { margin-top: 0px; } .ourFutureEdu_area .slide_content_area { } .ourFutureEdu_area .slide_content_area .tit_cont { width: 85%; margin: 0px auto; } .ourFutureEdu_area .slide_content_area .tit_cont strong { display: block; width: 100%; text-align: center; color: var(--renew-point-color); font-size: 16px; } .ourFutureEdu_area .slide_content_area .tit_cont span { display: block; width: 100%; margin-top: 3px; text-align: center; color: rgb(102, 102, 102); font-size: 14px; line-height: 1.3; } .ourFutureEdu_area .slide_content_area .slide_img_box { margin-top: 6.8vw; margin-bottom: 5.333vw; text-align: center; } .ourFutureEdu_area .slide_content_area .slide_img_box img { width: 50.666vw; } .ourFutureEdu_area .slide_area .swiper-button-prev { top: 10px; left: 0px; bottom: auto; } .ourFutureEdu_area .slide_area .swiper-button-next { top: 10px; right: 0px; bottom: auto; } .ourFutureEdu_area .parentsEdu_slider .slide_img_box img { width: 90%; border: 1px solid rgb(238, 238, 238); } .outBiz-cont .ourFutureEdu_area .renew_movie.frame { margin-bottom: 0px; } table.register01.v2 { width: calc(100% - 2px); } .video-list { } .video-list .item-1 { } .video-list .item-1 > div:nth-child(2) { text-align: center; font-weight: 500; color: rgb(102, 102, 102); padding: 30px 0px 15px; } .outBiz-cont .ourFutureEdu_area .video-list .renew_movie.frame { position: relative; height: 0px; padding-bottom: 66.4%; overflow: hidden; } .outBiz-cont .ourFutureEdu_area .video-list .renew_movie.frame iframe { position: absolute; inset: 0px; width: 100%; height: 100%; } .mt26 { margin-top: 26.5px; } .no_tabs.ourWork_slide_area .tab-cont .slide_img_box img { width: 100%; } .double_count_box + .ourWork_slide_area { margin-top: 12.933vw; } .ctt_group { margin-bottom: 14.933vw; } .ctt_group h3 { font-size: 5.972vw; } .ctt_group .in_table { } .ctt_group .in_table table { border: 1px solid rgb(177, 177, 177); } .ctt_group .in_table table th { height: 34px; color: rgb(34, 34, 34); border-bottom: 1px solid rgb(177, 177, 177); } .ctt_group .in_table table td { padding: 5px 15px 7px; color: rgb(102, 102, 102); border-bottom: 1px solid rgb(177, 177, 177); } .object-fit img { width: 100%; height: 100%; object-fit: cover; } .public_biz { overflow: hidden; margin: 0px auto; max-width: 800px; } .public_biz .swiper-container { margin-left: auto; margin-right: auto; position: relative; list-style: none; padding: 0px; z-index: 1; } .public_biz .public-main-box { position: relative; margin-top: 30px; padding: 0px 0px 10px; } .public_biz .public-main-box .swiper-slide { padding-bottom: 30px; } .public_biz .public-main-box .swiper-slide .info-img { position: relative; padding: 0px 0px 62.5%; height: 0px; box-sizing: border-box; } .public_biz .public-main-box .swiper-slide .info-img img { position: absolute; } .public_biz .public-main-box .swiper-slide .info-txt { position: absolute; bottom: 0px; left: 0px; padding: 15px 20px; width: 100%; background: rgba(0, 0, 0, 0.5); } .public_biz .public-main-box .swiper-slide .info-txt span { font-size: 1rem; line-height: 1.5rem; color: rgb(255, 255, 255); } .public_biz .public-main-box .swiper-slide .boxInfo { display: none; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo { display: block; margin: 2vw 0px 0px 1.333vw; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoTitle { color: var(--renew-point-color); font-size: 5.333vw; font-weight: 600; line-height: 1; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoCont { height: 76px; margin-top: 9.5px; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoCont strong { display: block; font-size: 4vw; color: rgb(34, 34, 34); font-weight: 600; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoCont span { display: block; margin-top: 5px; font-size: 3.466vw; color: rgb(102, 102, 102); line-height: 1.3; } .public_biz .public-main-box .control-wrap { position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; box-sizing: border-box; } .public_biz .public-main-box .control-wrap > div:first-child, .public_biz .public-main-box .control-wrap > div:nth-child(2) { position: absolute; top: -72px; width: 19px; height: 32px; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .public_biz .public-main-box .control-wrap > div.swiper-prev::after { left: 0px; background: rgb(255, 255, 255); content: ""; position: absolute; top: 0px; display: block; width: 50px; height: 32px; z-index: -1; } .public_biz .public-main-box .control-wrap > div.swiper-next::after { right: 0px; background: rgb(255, 255, 255); content: ""; position: absolute; top: 0px; display: block; width: 50px; height: 32px; z-index: -1; } .public_biz .public-main-box .control-wrap .swiper-prev { left: 0px; background: url("") rgb(255, 255, 255); } .public_biz .public-main-box .control-wrap .swiper-next { right: 0px; background: url("") rgb(255, 255, 255); } .public_biz .public-main-box .control-wrap .paging01 { top: auto; bottom: -437px; display: block; width: 100%; height: 6px; overflow: hidden; background-position: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(221, 221, 221); background-image: linear-gradient(to right, var(--renew-point-color), var(--renew-point-color)); background-repeat: no-repeat; background-size: 0px 100%; transition: background-size 0.4s ease-in-out 0s; } .public_biz .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; } .public_biz .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { display: block; width: 100%; height: 6px; text-align: left; background: var(--renew-point-color) !important; } .public_biz .public-thumb-box { overflow: hidden; width: 100%; height: 42.5px; border-bottom: 1px solid rgb(221, 221, 221); } .public_biz .public-thumb-box .swiper-slide { cursor: pointer; text-align: center; } .public_biz .public-thumb-box .swiper-slide span { position: relative; display: inline-block; width: auto; font-size: 4vw; color: rgb(153, 153, 153); vertical-align: middle; } .public_biz .public-thumb-box .swiper-slide.swiper-slide-active { position: relative; } .public_biz .public-thumb-box .swiper-slide.swiper-slide-active span { font-size: 4.333vw; color: var(--renew-point-color); font-weight: 500; } .public_biz .public-thumb-box .swiper-slide.swiper-slide-active span::after { content: ""; display: inline-block; width: 100%; margin-bottom: -4px; border-bottom: 6px solid var(--renew-point-color); border-radius: 25px; } .public_biz .public-thumb-box .swiper-slide .info-img { position: relative; text-align: center; box-sizing: border-box; } .public_biz .public-thumb-box .swiper-slide .info-img img { position: absolute; } .triple_btn_box { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; } .triple_btn_box a { display: inline-block; width: 44.666vw; height: 40px; padding: 9px 0px; text-align: center; color: var(--renew-point-color); font-size: 14px; border: 1px solid var(--renew-point-color); box-sizing: border-box; } .triple_btn_box a.full { display: block; width: 100%; margin-bottom: 6px; } .new_contents .agree_list > li:first-child > label { padding-left: 33px; font-weight: 700; } .new_contents .agree_list > li:last-child { padding-bottom: 0px; border-bottom: 0px; } .new_contents .agree_list > li > ul { border-top: 1px solid rgb(51, 51, 51); margin-top: 13px; } .btnC1.gray { background-color: rgb(136, 136, 136) !important; } .reform_container { } .basic01_area.v2 { margin-top: 5.6vw; } .basic01_area.v2 ul li span.desc { margin-top: 2.2vw; padding-top: 0px; padding-bottom: 0px; line-height: 1; } .basic01_area.v2 ul li span.desc .c_num { color: var(--renew-point-color); font-size: 18px; font-weight: 600; letter-spacing: -1px; } .basic01_area.v2 ul li strong { padding-bottom: 0px; font-size: 3.466vw; border-bottom: 0px; } .double_count_box { border: 1px solid rgb(221, 221, 221); box-sizing: border-box; } .double_count_box.basic01_area ul { margin-left: 10px; margin-right: 10px; border: transparent; box-sizing: border-box; } .double_count_box.basic01_area ul li:nth-child(3), .double_count_box.basic01_area ul li:last-of-type { border-top: 1px solid rgb(221, 221, 221); } .double_count_box.basic01_area ul li.type02::before { top: 8.666vw; height: 88px; } .double_count_box.basic01_area ul li.type04 { position: relative; } .double_count_box.basic01_area ul li.type04::before { content: ""; display: block; position: absolute; bottom: 8.66vw; left: 0px; width: 1px; height: 88px; background: rgb(221, 221, 221); } .double_count_box.basic01_area.v2 ul li span.desc .c_num { letter-spacing: -1px; } .reform_container .outbiz-list h4 { line-height: 1; } .ourWork_slide_area { margin-top: 16vw; } .ourWork_slide_area .outbiz-list { padding-top: 7.69231vw; } .ourWork_slide_area .tit_cont { width: 85%; margin: 0px auto; } .ourWork_slide_area .tit_cont strong { display: block; width: 100%; text-align: center; color: var(--renew-point-color); font-size: 16px; } .ourWork_slide_area .tit_cont span { display: block; width: 100%; margin-top: 3px; text-align: center; color: rgb(102, 102, 102); font-size: 14px; line-height: 1.3; letter-spacing: -1px; word-break: keep-all; } .ourWork_slide_area .slide_img_box { margin-top: 6.933vw; text-align: center; } .ourWork_slide_area .slide_table { margin-top: 4vw; } .ourWork_slide_area .slide_area .swiper-button-prev { top: 7px; left: 0px; bottom: auto; } .ourWork_slide_area .slide_area .swiper-button-next { top: 7px; right: 0px; bottom: auto; } .ourWork_slide_area .slide_area .swiper-pagination.swiper-pagination-progressbar { position: relative; bottom: 0px; } .ourWork_slide_area .slide_area.type02 { padding-top: 0px; padding-bottom: 8vw; } .ourWork_slide_area .slide_area.type02 .swiper-button-prev { top: 29px; left: 0px; bottom: auto; } .ourWork_slide_area .slide_area.type02 .swiper-button-next { top: 29px; right: 0px; bottom: auto; } .ourWork_slide_area .slide_area.type02 .swiper-pagination.swiper-pagination-progressbar { position: relative; bottom: 0px; } .no_tabs.outbiz-list h4 { margin-bottom: 6.6vw; } .no_tabs.ourWork_slide_area .slide_area.type02 .swiper-button-next { top: 10px; } .no_tabs.ourWork_slide_area .slide_area.type02 .swiper-button-prev { top: 10px; } .no_slide .swiper-slide { width: 100%; } .no_slide.slide_area.type02 { padding-bottom: 0px; } .no_slide.slide_area .base_slide { margin-bottom: 0px; } .ourWork_slide_area.no_slide .slide_img_box img { width: 100%; } .btn_sec { width: 100%; } .btn_sec .btn_dgreen_line { display: block; width: 53.333%; margin: 0px auto; padding: 14px 0px; border: 1px solid var(--renew-point-color); color: var(--renew-point-color); font-size: 14px; text-align: center; } @media screen and (max-width: 360px) { .ourWork_slide_area .slide_area.type02 .swiper-button-next { width: 15px; height: 24px; background-size: contain; } .ourWork_slide_area .slide_area.type02 .swiper-button-prev { width: 15px; height: 24px; background-size: contain; } } table.register01.v2 { } table.register01.v2 tbody td { padding: 15px; box-sizing: border-box; } table.register01.v2 .in_list { } table.register01.v2 .in_list li { position: relative; margin-top: 2px; padding-left: 7px; line-height: 1.2; border-top: 0px; padding-top: 0px; } table.register01.v2 .in_list li::before { content: "-"; position: absolute; top: -1px; left: 0px; display: block; color: rgb(102, 102, 102); } .outBiz_ani_area { margin-top: 5.6vw; } .outBiz_ani_area ul { overflow: hidden; } .outBiz_ani_area li { position: relative; float: left; width: 38vw; margin-left: -12.028vw; padding-bottom: 38vw; background-color: rgb(255, 255, 255); border-radius: 50%; box-sizing: border-box; } .outBiz_ani_area li:first-child { margin-left: 0px; } .outBiz_ani_area li.circle_1 { border: 0.446vw solid rgb(105, 189, 131); } .outBiz_ani_area li.circle_2 { border: 0.446vw solid rgb(0, 172, 167); } .outBiz_ani_area li.circle_3 { border: 0.446vw solid rgb(0, 148, 101); } .outBiz_ani_area li span.fade_txt { position: absolute; top: 0px; left: 0px; line-height: 1.3; font-size: 3.2vw; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; } .outBiz_ani_area li.circle_1 span.fade_txt { color: rgb(105, 189, 131); } .outBiz_ani_area li.circle_2 span.fade_txt { color: rgb(0, 172, 167); } .outBiz_ani_area li.circle_3 span.fade_txt { color: rgb(0, 148, 101); } .ourFutureEdu_area { } .ourFutureEdu_area .tit_box { width: 100%; } .ourFutureEdu_area .tit_box strong { display: block; width: 100%; text-align: center; color: var(--renew-point-color); font-size: 16px; } .ourFutureEdu_area .tit_box .title_desc { margin-top: 5px; text-align: center; color: rgb(0, 0, 0); line-height: 19px; } .ourWork_slide_area .ourFutureEdu_area .slide_table { margin-bottom: 4vw; } .mt8vw { margin-top: 8vw; } @media screen and (max-width: 359px) { .ourFutureEdu_area .tit_box .title_desc br { display: none; } } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area { width: 100%; margin-top: 8vw; margin-left: 0px; margin-right: 0px; display: flex; justify-content: space-between; align-items: center; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area > a { width: calc(42vw); } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area > a > span { margin-left: 0px; margin-right: 0px; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area.full { display: block; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area.full > a { display: block; width: 100%; margin-top: 2.666vw; } .ourFutureEdu_area .futureCitizenEdu-defence-cont .viewBtn-area.full > a:first-child { margin-top: 0px; } .ourFutureEdu_area .slide_content_area { } .ourFutureEdu_area .slide_content_area .tit_cont { width: 85%; margin: 0px auto; } .ourFutureEdu_area .slide_content_area .tit_cont strong { display: block; width: 100%; text-align: center; color: var(--renew-point-color); font-size: 16px; } .ourFutureEdu_area .slide_content_area .tit_cont span { display: block; width: 100%; margin-top: 3px; text-align: center; color: rgb(102, 102, 102); font-size: 14px; line-height: 1.3; } .ourFutureEdu_area .slide_content_area .slide_img_box { margin-top: 6.8vw; margin-bottom: 5.333vw; text-align: center; } .ourFutureEdu_area .slide_content_area .slide_img_box img { width: 50.666vw; } .ourFutureEdu_area .slide_area .swiper-button-prev { top: 10px; left: 0px; bottom: auto; } .ourFutureEdu_area .slide_area .swiper-button-next { top: 10px; right: 0px; bottom: auto; } .ourFutureEdu_area .parentsEdu_slider .slide_img_box img { width: 90%; border: 1px solid rgb(238, 238, 238); } .outBiz-cont .ourFutureEdu_area .renew_movie.frame { margin-bottom: 0px; } .outBiz-cont .ourFutureEdu_area .renew_movie.frame ifram { position: static; } .parentsEdu_slider .video_slide { position: relative; width: 100%; margin: 6.8vw 0px 5.333vw; } .parentsEdu_slider .video_slide .item { position: relative; height: 0px; padding-bottom: 7.45%; } .parentsEdu_slider .video_slide .item iframe { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; z-index: 2; } .parentsEdu_slider .video_slide .item .mv_tit { position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 3; } .parentsEdu_slider .video_slide .item .mv_tit > em { display: inline-block; vertical-align: middle; padding: 11px 15px 13px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 500; } .parentsEdu_slider .video_slide .slick-dots { position: static; text-align: center; margin-top: 4vw; } .parentsEdu_slider .video_slide .slick-dots li { display: none; } .parentsEdu_slider .video_slide .slick-dots li:first-child { border-top: 0px; margin: 0px; padding: 0px; } .parentsEdu_slider .video_slide .slick-dots li.slick-active { display: inline-block; margin: 0px; padding: 0px; border-top: 0px; } .parentsEdu_slider .video_slide .slick-arrow { top: inherit; bottom: -11px; width: 20px; height: 23px; z-index: 10; background-size: contain !important; } .parentsEdu_slider .video_slide .slick-prev { left: 37%; background: url("") no-repeat; } .parentsEdu_slider .video_slide .slick-next { right: 37%; background: url("") no-repeat; } .slide_box { position: relative; } .slide_box .notice_ebook { position: absolute; bottom: 7vw; left: 0px; font-size: 13px; color: rgb(102, 102, 102); line-height: 16px; } .mt26 { margin-top: 26.5px; } .no_tabs.ourWork_slide_area .tab-cont .slide_img_box img { width: 100%; } .double_count_box + .ourWork_slide_area { margin-top: 12.933vw; } .ctt_group { margin-bottom: 14.933vw; } .ctt_group h3 { font-size: 5.972vw; } .ctt_group .in_table { } .ctt_group .in_table table { border: 1px solid rgb(177, 177, 177); } .ctt_group .in_table table th { height: 34px; color: rgb(34, 34, 34); border-bottom: 1px solid rgb(177, 177, 177); } .ctt_group .in_table table td { padding: 5px 15px 7px; color: rgb(102, 102, 102); border-bottom: 1px solid rgb(177, 177, 177); } .object-fit img { width: 100%; height: 100%; object-fit: cover; } .public_biz { overflow: hidden; margin: 0px auto; max-width: 800px; } .public_biz .swiper-container { margin-left: auto; margin-right: auto; position: relative; list-style: none; padding: 0px; z-index: 1; } .public_biz .public-main-box { position: relative; margin-top: 30px; padding: 0px 0px 10px; } .public_biz .public-main-box .swiper-slide { padding-bottom: 30px; } .public_biz .public-main-box .swiper-slide .info-img { position: relative; padding: 0px 0px 62.5%; height: 0px; box-sizing: border-box; } .public_biz .public-main-box .swiper-slide .info-img img { position: absolute; } .public_biz .public-main-box .swiper-slide .info-txt { position: absolute; bottom: 0px; left: 0px; padding: 15px 20px; width: 100%; background: rgba(0, 0, 0, 0.5); } .public_biz .public-main-box .swiper-slide .info-txt span { font-size: 1rem; line-height: 1.5rem; color: rgb(255, 255, 255); } .public_biz .public-main-box .swiper-slide .boxInfo { display: none; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo { display: block; margin: 2vw 0px 0px 1.333vw; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoTitle { color: var(--renew-point-color); font-size: 5.333vw; font-weight: 600; line-height: 1; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoCont { height: 76px; margin-top: 9.5px; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoCont strong { display: block; font-size: 4vw; color: rgb(34, 34, 34); font-weight: 600; } .public_biz .public-main-box .swiper-slide.swiper-slide-active .boxInfo .infoCont span { display: block; margin-top: 5px; font-size: 3.466vw; color: rgb(102, 102, 102); line-height: 1.3; } .public_biz .public-main-box .control-wrap { position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; box-sizing: border-box; } .public_biz .public-main-box .control-wrap > div:first-child, .public_biz .public-main-box .control-wrap > div:nth-child(2) { position: absolute; top: -72px; width: 19px; height: 32px; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .public_biz .public-main-box .control-wrap > div.swiper-prev::after { left: 0px; background: rgb(255, 255, 255); content: ""; position: absolute; top: 0px; display: block; width: 50px; height: 32px; z-index: -1; } .public_biz .public-main-box .control-wrap > div.swiper-next::after { right: 0px; background: rgb(255, 255, 255); content: ""; position: absolute; top: 0px; display: block; width: 50px; height: 32px; z-index: -1; } .public_biz .public-main-box .control-wrap .swiper-prev { left: 0px; background: url("") rgb(255, 255, 255); } .public_biz .public-main-box .control-wrap .swiper-next { right: 0px; background: url("") rgb(255, 255, 255); } .public_biz .public-main-box .control-wrap .paging01 { top: auto; bottom: -437px; display: block; width: 100%; height: 6px; overflow: hidden; background-position: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(221, 221, 221); background-image: linear-gradient(to right, var(--renew-point-color), var(--renew-point-color)); background-repeat: no-repeat; background-size: 0px 100%; transition: background-size 0.4s ease-in-out 0s; } .public_biz .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; } .public_biz .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { display: block; width: 100%; height: 6px; text-align: left; background: var(--renew-point-color) !important; } .public_biz .public-thumb-box { overflow: hidden; width: 100%; height: 42.5px; border-bottom: 1px solid rgb(221, 221, 221); } .public_biz .public-thumb-box .swiper-slide { cursor: pointer; text-align: center; } .public_biz .public-thumb-box .swiper-slide span { position: relative; display: inline-block; width: auto; font-size: 4vw; color: rgb(153, 153, 153); vertical-align: middle; } .public_biz .public-thumb-box .swiper-slide.swiper-slide-active { position: relative; } .public_biz .public-thumb-box .swiper-slide.swiper-slide-active span { font-size: 4.333vw; color: var(--renew-point-color); font-weight: 500; } .public_biz .public-thumb-box .swiper-slide.swiper-slide-active span::after { content: ""; display: inline-block; width: 100%; margin-bottom: -4px; border-bottom: 6px solid var(--renew-point-color); border-radius: 25px; } .public_biz .public-thumb-box .swiper-slide .info-img { position: relative; text-align: center; box-sizing: border-box; } .public_biz .public-thumb-box .swiper-slide .info-img img { position: absolute; } .triple_btn_box { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; } .triple_btn_box a { display: inline-block; width: 44.666vw; padding: 10px 0px; text-align: center; color: var(--renew-point-color); font-size: 14px; border: 1px solid var(--renew-point-color); box-sizing: border-box; } .triple_btn_box a.full { display: block; width: 100%; margin-bottom: 6px; } .new_contents .agree_list > li:first-child > label { padding-left: 33px; font-weight: 700; } .new_contents .agree_list > li:last-child { padding-bottom: 0px; border-bottom: 0px; } .new_contents .agree_list > li > ul { border-top: 1px solid rgb(51, 51, 51); margin-top: 13px; } .btnC1.gray { background-color: rgb(136, 136, 136) !important; } .dot_type_radio ul { display: flex; flex-flow: wrap; place-content: center flex-start; } .dot_type_radio ul li { margin-right: 10px; } .dot_type_radio .radio_inner { position: relative; padding: 3px 0px 3px 28px; } .dot_type_radio .radio_inner label { font-size: 15px; color: rgb(123, 123, 123); font-weight: 300; } .dot_type_radio .radio_inner label::before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid rgb(204, 204, 204); border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; } .dot_type_radio .radio_inner label::after { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translateY(-50%); left: 6px; transition: all 0.5s ease 0s; } .dot_type_radio .radio_inner input:checked + label::after { background-color: var(--renew-point-color); } .dot_type_radio .radio_inner input[type="radio"] { position: absolute; top: 1px; left: 0px; opacity: 0; vertical-align: middle; } .input-field-1 { } .input-field-1 .btn-gray-fill { display: inline-block; vertical-align: middle; width: calc(100% - 164px); height: 33px; line-height: 30px; background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); text-align: center; border-radius: 5px; box-sizing: border-box; } .pop_textarea { } .pop_textarea .textareaBox { width: 100%; padding: 5px 7px; border: 1px solid rgb(183, 183, 183); border-radius: 5px; box-sizing: border-box; } .btn-full.v2 .btn.btnType6 { background-color: transparent; color: var(--renew-point-color); box-sizing: border-box; } .btn-full.v2 .btn-confirm { background-color: var(--renew-point-color); } @media screen and (max-width: 400px) { .companySCpop_cont { } .companySCpop_cont .input-field-1 { } .companySCpop_cont .input-field-1 #zipcode1 { width: 100px !important; } .companySCpop_cont .input-field-1 #zipcode1 + .btn-gray-fill { width: calc(100% - 115px); } .companySCpop_cont .dis-flex .col-3 { width: 33.333%; } } @media screen and (max-width: 320px) { .companySCpop_cont .btn_gnpopup { margin-left: 0px; } } .text_box { line-height: 21px; text-align: justify; } .text_box p { margin-bottom: 20px; text-align: justify; } .v4 .tabs-fill-box { margin-bottom: 40px; } .btn_a1_area { } .btn_a1_area a { margin: 0px; color: var(--renew-point-color); border-color: var(--renew-point-color); padding: 0px 10px; min-width: 100%; height: 40px; line-height: 38px; box-sizing: border-box; } .triple_btn_box.v2 a { width: calc(50% - 2px); } .triple_btn_box.v2 a:first-child { width: calc(50% - 3px); } .btn1 { height: 40px; } .btn-mg { margin: 0px 15px; } .accordion { border-top: 3px solid rgb(0, 0, 0); } .accordion .accordion-inner .accordion-toggle { display: block; padding: 15px 60px 15px 10px; cursor: pointer; font-size: 18px; font-weight: 600; border-bottom: 1px solid rgb(221, 221, 221); position: relative; } .accordion .accordion-inner .accordion-toggle::after { margin-top: -5px; content: ""; border-style: solid; border-color: rgb(223, 223, 223); border-image: initial; border-width: 0px 2px 2px 0px; padding: 6px; z-index: 0; transform: rotate(45deg); position: absolute; top: 50%; right: 20px; } .accordion .accordion-inner .accordion-toggle.active::after { margin-top: -5px; position: absolute; top: 50%; right: 20px; } .accordion .accordion-inner .accordion-content { display: none; padding: 23px 0px 22px; font-size: 16px; line-height: 1.6; border-bottom: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); } .accordion .accordion-inner .accordion-content.default { display: block; } .img_area { text-align: center; } .swiper-wrapper { height: auto !important; } .about_tab_cont .slide_area .base_slide { margin-bottom: 0px; height: auto !important; } .about_tab_cont .slide_area .base_slide .swiper-slide { height: auto !important; } .about_tab_cont .about_cont_inner.international_child .about_img_area { background-image: url(""); } .slide_area .swiper-button-prev { left: 46%; } .slide_area .swiper-button-next { right: 46%; } .outBiz-cont .acc_area a.tit { font-size: 14px; padding: 20px 10px; } .outBiz-cont .acc_area a.tit::after { top: 22px; } .outBiz-cont .acc_area .acc_box { padding: 25px 0px 20px; } .about_tab_cont .about_cont_inner .cont_box > .outBiz-cont { margin-bottom: 20px; } .mission { padding-top: 60px; } .mission .title-cont .title1 { margin-bottom: 33px; } .cont_mivision { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; height: 100%; margin-bottom: 60px; box-sizing: border-box; } .cont_mivision .cr_box { display: flex; flex-direction: column; width: calc(50% - 7px); height: 212px; border: 1px solid rgb(221, 221, 221); border-radius: 25px; box-sizing: border-box; } .cont_mivision .cr_box .ref_icon { height: 107px; text-align: center; padding-top: 15px; box-sizing: border-box; } .cont_mivision .cr_box .ref_icon img { width: 78px; } .cont_mivision .cr_box.right_box .ref_icon { padding-top: 18px; } .cont_mivision .txt_slogan { height: 103px; text-align: center; border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; } .cont_mivision .txt_slogan .slogan_tit { padding-top: 20px; font-size: 20px; font-weight: 700; color: var(--renew-point-color); line-height: 1; } .cont_mivision .txt_slogan .slogan_sense { height: 50px; padding: 9px 5px 0px; font-size: 14px; color: rgb(34, 34, 34); line-height: 21px; word-break: keep-all; box-sizing: border-box; align-content: center; } .coreValue_list { margin-bottom: 60px; } .coreValue_list > li { position: relative; padding-top: 20px; padding-left: 76px; padding-bottom: 16px; border-bottom: 1px solid rgb(221, 221, 221); } .coreValue_list > li::before { content: ""; position: absolute; top: 50%; left: 5px; display: block; transform: translateY(-63%); } .coreValue_list > li:first-child::before { width: 50px; height: 46px; margin-left: 5px; background: url("") 0px 0px / 100% no-repeat; } .coreValue_list > li:nth-child(2)::before { width: 52px; height: 50px; margin-left: 4px; background: url("") 0px 0px / 100% no-repeat; } .coreValue_list > li:nth-child(3)::before { width: 57px; height: 51px; background: url("") 0px 0px / 100% no-repeat; } .coreValue_list > li:nth-child(4)::before { width: 43px; height: 44px; margin-left: 10px; background: url("") 0px 0px / 100% no-repeat; } .coreValue_list > li h6 { font-size: 17px; color: rgb(34, 34, 34); font-weight: 700; } .coreValue_list > li p { margin-top: 8px; font-size: 14px; color: rgb(34, 34, 34); line-height: 21px; word-break: keep-all; letter-spacing: -1px; } .ethics .title-cont .title1 { margin-bottom: 18px; } .ethics_list li { display: flex; padding: 15px 0px; border-bottom: 1px solid rgb(221, 221, 221); } .ethics_list li h6 { width: 40px; font-size: 17px; font-weight: 700; color: var(--renew-point-color); } .ethics_list li p { width: calc(100% - 40px); font-size: 14px; color: rgb(34, 34, 34); line-height: 21px; text-align: justify; letter-spacing: -1px; } .logo_img_area { display: flex; align-items: center; justify-content: center; width: 100%; height: 350px; text-align: center; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; margin-bottom: 40px; } .use_rule_cont { margin-top: 123px; } .prohibit_list { display: flex; flex-flow: wrap; margin-left: -5px; margin-right: -5px; } .prohibit_list li { width: 25%; margin-bottom: 23px; } .prohibit_list li .inner { margin: 0px 5px; } .prohibit_list li .img_box { position: relative; height: 130px; line-height: 1; text-align: center; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; display: flex; place-content: center; flex-wrap: wrap; } .prohibit_list li .img_box::before { content: ""; position: absolute; top: 9px; left: 9px; width: 17px; height: 17px; background: url("") 0px 0px / contain no-repeat; } .prohibit_list li .nation { font-size: 14px; color: rgb(34, 34, 34); word-break: keep-all; } .history .accordion-toggle { color: rgb(34, 34, 34); font-size: 17px; font-weight: 700; } .history .accordion-toggle.active { color: var(--renew-point-color); } .list_history li { display: flex; margin: 0px 0px 12px; } .list_history li .month { display: block; width: 55px; padding-left: 8px; line-height: 21px; box-sizing: border-box; color: rgb(153, 153, 153); font-size: 14px; letter-spacing: -1px; } .list_history li .detail { word-break: keep-all; width: calc(100% - 55px); line-height: 21px; padding-left: 0px; color: rgb(34, 34, 34); font-size: 14px; } .characte .img_area { margin-bottom: 40px; } .character_slide_wrap { position: relative; overflow: hidden; padding: 0px 20px 30px; margin: 30px 0px 20px; } .character_slide_wrap .slide_area { position: static; padding: 0px; box-sizing: border-box; } .character_slide_wrap .slide_area .base_slide { margin-bottom: 0px; } .character_slide_wrap .swiper-slide .swiper-content_box { width: 100%; height: auto; text-align: center; } .character_slide_wrap .swiper-pagination-progressbar { top: auto; height: 6px; } .character_slide_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--renew-point-color); } .character_slide_wrap .swiper-button-next, .character_slide_wrap .swiper-button-prev { width: 19px; height: 32px; color: rgb(221, 221, 221); font-weight: 700; } .character_slide_wrap .swiper-button-next::after, .character_slide_wrap .swiper-button-prev::after { display: none; } .character_slide_wrap .slide_area .swiper-button-next { background: url("") no-repeat; position: absolute; top: 50%; margin-top: -9px; right: 0px; width: 19px; height: 32px; } .character_slide_wrap .slide_area .swiper-button-prev { background: url("") no-repeat; position: absolute; top: 50%; margin-top: -9px; left: 0px; width: 19px; height: 32px; } .character_slide_wrap .slide_area .swiper-pagination.swiper-pagination-progressbar { bottom: 0px; } .introduce_chomung_area { position: relative; padding: 0px; margin: 60px 0px; } .introduce_chomung_area::before { content: ""; display: block; position: absolute; width: 100%; height: 467px; background: rgb(246, 250, 246); z-index: 1; } .introduce_chomung_area h3 { position: relative; font-size: 25px; color: rgb(34, 34, 34); font-weight: 700; text-align: center; line-height: 1; padding: 55px 0px 30px; margin-bottom: 0px; background: rgb(246, 250, 246); z-index: 5; } .introduce_chomung_area .slide_area.type02 { padding: 0px 0px 67px; } .introduce_chomung_area .slide_area .base_slide { padding: 0px; margin-bottom: 0px; } .introduce_chomung_area .slide_area.type02 .swiper-pagination.swiper-pagination-progressbar { bottom: 0px; } .character_apply_area { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; } .character_apply_area > li { width: calc(25% - 11px); margin-bottom: 22px; } .character_apply_area > li > span { display: block; width: 100%; text-align: center; } .character_apply_area > li > span img { width: 100%; } .character_apply_area > li .txt { font-size: 14px; color: rgb(34, 34, 34); line-height: 1; margin-top: 9px; } .v4 .popup-layer.popup-character { overflow-x: auto; } .v4 .popup-layer.popup-character .popup-wrap { top: 10%; transform: inherit; max-width: 347px; margin: 0px auto; padding-bottom: 20px; } .popup-layer .popup-cont { background-color: rgb(255, 255, 255); } .popup-layer.popup-character .popup-wrap { margin-top: 0px; border: 1px solid rgb(0, 148, 101); } .popup-layer.popup-character .popup-header { padding-top: 20px; margin-bottom: 8px; text-align: center; } .popup-layer.popup-character .popup-wrap .popup-cont .btn-close { position: absolute; top: 15px; right: 15px; z-index: 300; } .popup-layer.popup-character .popup-wrap .popup-cont .btn-close .ico-common { 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; } .popup-layer.popup-character .popup-wrap .popup-cont .btn-close .ico-close { width: 23px; height: 23px; background-position: -34px 0px; } .popup-layer.popup-character .popup-body .body-cont { padding: 0px 15px 15px; } .popup-layer.popup-character .popup-body .body-cont .row:first-child { display: flex; align-items: stretch; } .popup-layer.popup-character .photo_box img { border: 1px solid rgb(0, 148, 101); width: 86px; } .popup-layer.popup-character .character_info_box { width: calc(100% - 88px); margin-left: 8px; } .popup-layer.popup-character .character_info_box > table { width: 100%; border-top: 1px solid rgb(0, 148, 101); } .popup-layer.popup-character .character_info_box > table th, .popup-layer.popup-character .character_info_box > table td { border-bottom: 1px solid rgb(0, 148, 101); border-left: 1px solid rgb(0, 148, 101); border-right: 1px solid rgb(0, 148, 101); } .popup-layer.popup-character .character_info_box > table th { height: 22px; text-align: center; font-size: 12px; } .popup-layer.popup-character .character_info_box > table td { padding-left: 17px; font-size: 12px; font-weight: 500; color: rgb(35, 24, 21); } .popup-layer.popup-character .transform_table { width: 100%; margin-top: 15px; border: 1px solid rgb(0, 148, 101); } .popup-layer.popup-character .transform_table > dl { width: 100%; border-bottom: 1px solid rgb(0, 148, 101); display: flex; align-items: center; } .popup-layer.popup-character .transform_table > dl dt { width: 52px; padding: 0px; font-size: 12px; font-weight: 700; text-align: center; } .popup-layer.popup-character .transform_table > dl dd { border-left: 1px solid rgb(0, 148, 101); font-size: 12px; padding: 10px 15px; flex-grow: 1; width: calc(100% - 52px); } .popup-layer.popup-character .transform_table > dl dd ul { margin-right: 0px; } .popup-layer.popup-character .transform_table > dl dd ul li { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid rgb(0, 148, 101); line-height: 18px; word-break: keep-all; } .popup-layer.popup-character .transform_table > dl dd ul li:first-child { padding-top: 0px; border-top: 0px; } .popup-layer.popup-character .transform_table > dl:last-of-type { border-bottom: 0px; } .popup-layer.popup-character .transform_table > dl:last-of-type dt { width: 220px; } .popup-layer.popup-character .transform_table > dl:last-of-type dd { text-align: center; } .popup-layer.popup-character .transform_table > dl:last-of-type dd img { width: auto; height: 13px; vertical-align: middle; } .usaninfo_table { margin-top: 13px; } .usaninfo_table > table { border-top: 1px solid rgb(0, 148, 101); border-left: 1px solid rgb(0, 148, 101); } .usaninfo_table > table th, .usaninfo_table > table td { border-bottom: 1px solid rgb(0, 148, 101); border-right: 1px solid rgb(0, 148, 101); } .usaninfo_table > table th { padding-left: 19px; padding-right: 21px; text-align: center; font-size: 12px; font-weight: 700; } .usaninfo_table > table td { padding: 13px 10px; } .usaninfo_table > table td .info_box dd { margin-top: 0px; line-height: 18px; font-size: 12px; letter-spacing: -1px; word-break: keep-all; } .usaninfo_table > table td .info_box dt img { height: 13px; } .popup-layer#popup-usan .popup-header img { width: 157px; } .popup-layer#popup-chomung .popup-header img { width: 140px; } .supportersWrap .tabs-fill-box { display: inherit; align-content: inherit; margin: 0px 0px 40px; } .supportersWrap .tabs-fill-box li { padding: 0px; } .introSupport_cont .img_area { margin-bottom: 40px; } .sub_tab_cont .introSupport_cont .cont_box .title1 { margin: 0px 0px 34px; } .introSupport_cont .slide_area.type02 { padding: 0px 0px 50px; } .introSupport_cont .slide_area.type02 .base_slide { margin-bottom: 30px; } .introSupport_cont .slide_area.type02 .swiper-button-prev, .introSupport_cont .slide_area.type02 .swiper-button-next { bottom: 0px; } .introSupport_cont .slide_area.type02 .swiper-pagination.swiper-pagination-progressbar { bottom: 50px; } @media screen and (max-width: 768px) { .slide_area .swiper-button-prev { left: 42%; } .slide_area .swiper-button-next { right: 42%; } .logo_img_area { height: 129px; } .logo_img_area img { width: 191px; } .prohibit_list li { width: 50%; } .character_slide_wrap { padding: 0px 30px 30px; } } @media screen and (max-width: 480px) { .character_apply_area > li { width: calc(50% - 7px); } } @media screen and (max-width: 375px) { .cont_mivision .txt_slogan .slogan_tit { padding-top: 12px; } .cont_mivision .txt_slogan .slogan_sense { line-height: 18px; } } @media screen and (max-width: 360px) { .triple_btn_box.v2 { display: block; } .triple_btn_box.v2 a:first-child { float: none; display: block; width: 100%; } .triple_btn_box.v2 a { display: block; width: 100%; margin: 2px 0px; } } .v4 .sshop_cont .js-tooltip-ctrl > div { width: 30%; } .v4 .sshop_cont .js-tooltip-ctrl > div:nth-child(4) { width: 36%; } .v4 .sshop_cont .js-tooltip-ctrl .input-field .radio-cont input[type="radio"] + label::before { box-sizing: border-box; } .v4 .sshop_cont .js-tooltip-ctrl .input-field .radio-cont input[type="radio"] + label::after { left: 6px; top: 50%; margin-top: -3.5px; } .sshop_cont .notice { position: relative; padding-left: 20px; color: rgb(123, 123, 123); } .sshop_cont .notice::before { content: "※"; position: absolute; top: 0px; left: 0px; display: block; } @media screen and (max-width: 400px) { .sshop_cont .input-field-1 #zipcode1 { width: 100px !important; } .sshop_cont .input-field-1 #zipcode1 + .btn-gray-fill { width: calc(100% - 115px); } .sshop_cont .dis-flex .col-3 { width: 33.333%; } } .cont_support_box .support_business_list.small_list li { padding-bottom: 60px; } .cont_support_box .support_business_list.small_list li:last-child { padding-bottom: 0px; } .cont_support_box .support_business_list.small_list li > div > ul > li { padding-bottom: 60px !important; } .cont_support_box .support_business_list.small_list .chw_info.annivasary_info::after { background-image: url(""); } .cont_support_box .support_business_list.small_list li > .annivasary_info > ul > li { padding-bottom: 105px !important; } .popup-annivasarySupport { overflow: auto; } .popup-annivasarySupport .popup-wrap { padding-bottom: 10vw; top: 4vw !important; transform: initial !important; margin-top: initial !important; } .popup-annivasarySupport .popup-wrap .popup-cont { background-color: rgb(240, 240, 240) !important; padding-top: 45px !important; } .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: column wrap; gap: 10px; justify-content: space-between; } .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: 15px; align-items: center; position: relative; } .popup-annivasarySupport .popup-wrap .popup-cont .annivasarySupport-list > ul > li > .list-inner > a::before { content: ""; width: 100px; height: 120px; 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: 17px; height: 17px; 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: 13px; line-height: 21px; display: flex; flex-direction: column; gap: 10px; letter-spacing: -0.12em; } .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: 15px; } .campaign-wrap .didim-wrap { max-width: 750px; margin: 0px auto; font-size: clamp(4px, 2.13333vw, 16px) !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .campaign-wrap .didim-wrap * { font-size: inherit; box-sizing: border-box; } .didim-wrap button { background-color: transparent; } .didim-wrap .didim-sec1 { font-size: inherit; background: url("") center top / cover no-repeat; padding: 0px 2.875em 3.75em; position: relative; } .didim-wrap .didim-sec1 .didim-logo-wrap { display: flex; align-items: center; justify-content: space-between; height: 3.75em; margin-bottom: 5.8125em; } .didim-wrap .didim-sec1 .didim-logo-wrap span { display: block; } .didim-wrap .didim-sec1 .didim-logo-wrap .didim-logo-left { max-width: 12.5625em; } .didim-wrap .didim-sec1 .didim-logo-wrap .didim-logo-right { max-width: 9.25em; } .didim-wrap .didim-sec1 .didim-sec1-img1 { max-width: 32.3125em; width: 95%; margin: 0px auto; display: block; } .didim-wrap .didim-sec1 .sec1-img-ani { max-width: 27.8125em; margin: 0px auto; position: relative; bottom: 0px; animation: 1.3s ease-in-out 0s infinite alternate none running floationImgAni; } .didim-wrap .didim-sec1 .didim-sec1-count { position: relative; width: 32em; height: 6.1875em; margin: 1.625em auto 1.25em; display: flex; justify-content: center; transition: all 0.3s ease-in-out 0s; } .didim-wrap .didim-sec1 .sec1-countWrap { display: flex; padding-left: 0.625em; transition: all 0.3s ease-in-out 0s; position: relative; width: 100%; } .didim-wrap .didim-sec1 .sec1-countWrap .sec1-img { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; opacity: 0; } .didim-wrap .didim-sec1 .sec1-countWrap .sec1-img.on { opacity: 1; } .didim-wrap .didim-sec1 .didim-sec1-btn { max-width: 33.0625em; display: block; margin: 3em auto 0.625em; font-size: inherit !important; } .didim-wrap .didim-sec1 .didim-sec1-txt { letter-spacing: 0px; color: rgb(255, 255, 255); text-align: center; margin-bottom: 5.95833em; opacity: 0.8; font-size: 1.5em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec1 .didim-sec1-txt b { font-weight: 700; } .didim-wrap .didim-sec1 > :not(.sec1-bg-imgWrap) { position: relative; z-index: 2; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap span { display: block; position: absolute; opacity: 0; animation: auto ease-in-out 0s infinite alternate none running fadein; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap .sec1-bg1 { width: 3.8125em; top: 7.5625em; left: 5em; animation-delay: 0s; animation-duration: 1.2s; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap .sec1-bg2 { width: 10.0625em; top: 4.875em; right: 3.625em; animation-duration: 2s; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap .sec1-bg3 { width: 6.125em; top: 39.9375em; left: 1.9375em; animation-duration: 2.4s; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap .sec1-bg4 { width: 6.25em; top: 48.5em; right: 3.375em; animation-duration: 1.6s; } .didim-wrap .didim-sec1 .sec1-bg-imgWrap .sec1-bg5 { width: 5.0625em; bottom: 8em; right: 2.375em; opacity: 1; animation: auto ease 0s 1 normal none running none; } .didim-wrap .section-2.video { font-size: inherit !important; } .didim-wrap .section-2.video .cont02 { padding: 5.3125em 0px; } .didim-wrap .section-2.video .se2_video { max-width: 41.4375em; width: 95%; aspect-ratio: 16 / 9; margin: 0px auto; border-radius: 0.9375em; overflow: hidden; font-size: inherit !important; } .didim-wrap .section-2.video .cont02_text { max-width: 40.1875em; width: 95%; margin: 6px auto 0px; } .didim-wrap .didim-sec3 { position: relative; padding-bottom: 6.25em; overflow: hidden; font-size: inherit !important; } .didim-wrap .didim-sec3::after { content: ""; display: block; width: 100%; height: 100%; opacity: 0.5; position: absolute; top: 0px; left: 0px; z-index: -1; background-image: linear-gradient(rgb(245, 243, 218), rgb(255, 255, 255)); } .didim-wrap .didim-sec3 .didim-sec3-title { max-width: 37.5em; width: 95%; margin: 0px auto; padding: 6.1875em 0px 1em; } .didim-wrap .didim-sec3 .didim-sec3-listInner { position: relative; width: 36.375em; height: 38.9375em; overflow: hidden; margin: 0px auto 5.125em; padding: 12.5em 4.5em 0px; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-listMockup { position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 100%; height: 100%; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list { position: relative; z-index: 2; padding: 0px 1em; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li { height: 6.3125em; display: flex; align-items: center; justify-content: space-between; padding: 0px 2.625em; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li > div { width: 100%; display: flex; align-items: center; justify-content: space-between; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li span { letter-spacing: -0.0251852em; font-weight: bold; opacity: 0.8; font-size: 1.6875em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li span + span { font-weight: 800; color: rgb(18, 18, 18); } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li:nth-child(1), .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li:nth-child(2) { border-bottom: 1px solid rgba(112, 112, 112, 0.2); } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li:last-child { height: 7.5em; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li:last-child span { font-weight: 800; color: rgb(0, 0, 0); opacity: 1; } .didim-wrap .didim-sec3 .didim-sec3-listInner .didim-sec3-list li:last-child span + span { font-size: 2.3125em !important; color: rgb(18, 18, 18); } .didim-wrap .didim-sec3 .didim-sec3-txt { text-align: center; line-height: 1.69; padding: 0px 0.625em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; font-size: 2em !important; } .didim-wrap .didim-sec3 .didim-sec3-txt + .didim-sec3-txt { margin-top: 1.46875em; } .didim-wrap .didim-sec3 .didim-sec3-btn { display: flex; align-items: center; justify-content: center; width: 100%; position: fixed; bottom: 0px; left: 0px; margin-top: -1.125em; z-index: 50; } .didim-wrap .didim-sec3 .didim-sec3-btn img { max-width: 46.875em; } .didim-wrap .didim-sec3 .didim-sec3-btn.position { transform: translateY(102%); } .didim-wrap .didim-sec4 { background: url("") center top / cover no-repeat; padding-top: 6.25em; padding-bottom: 6.25em; } .didim-wrap .didim-sec4 .didim-sec4-title { max-width: 20.1875em; margin: 0px auto 5.25em; } .didim-wrap .didim-sec4 .didim-sec4-img { max-width: 31.0625em; margin: 0px auto 4.25em; } .didim-wrap .didim-sec4 .didim-sec4-txt { padding-left: 2.09375em; padding-right: 0.625em; color: rgb(0, 0, 0); line-height: 1.69; margin-bottom: 1.90625em; font-size: 2em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec4 .didim-sec4-list { padding-left: 4.1875em; } .didim-wrap .didim-sec4 .didim-sec4-list li { position: relative; padding-left: 0.724138em; color: rgb(87, 89, 93); line-height: 1.66; padding-right: 1.37931em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; font-size: 1.8125em !important; } .didim-wrap .didim-sec4 .didim-sec4-list li + li { margin-top: 1.27586em; } .didim-wrap .didim-sec4 .didim-sec4-list li::before { content: ""; display: block; width: 0.275862em; aspect-ratio: 1 / 1; border-radius: 50%; background-color: rgb(18, 18, 18); overflow: hidden; position: absolute; left: 0px; top: 0.551724em; } .didim-wrap .didim-sec5 { background-image: linear-gradient(to top, rgb(255, 254, 242), rgb(255, 255, 255)); padding-top: 6.25em; margin-bottom: 4.625em; } .didim-wrap .didim-sec5 .didim-sec5-popup { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(18, 18, 18, 0.35); padding: 0px 1.5625em; z-index: 10; align-items: center; justify-content: center; } .didim-wrap .didim-sec5 .didim-sec5-popup .sec5-popup-inner { border: 4px solid rgb(12, 84, 68); overflow: hidden; border-radius: 0.9375em; background-color: rgb(255, 255, 255); } .didim-wrap .didim-sec5 .didim-sec5-popup .sec5-popup-inner p { font-weight: 500; color: rgb(18, 18, 18); padding: 1.14815em 1.62963em; line-height: 1.7; letter-spacing: -0.01em; font-size: 1.5875em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .didim-sec5-popup .sec5-popup-title { width: 100%; height: 7.4375em; background-color: rgb(12, 84, 68); padding: 0px 3.125em; display: flex; align-items: center; justify-content: space-between; } .didim-wrap .didim-sec5 .didim-sec5-popup .sec5-popup-title span { display: block; width: 16em; } .didim-wrap .didim-sec5 .didim-sec5-popup .sec5-popup-title .btn-close { width: 2.4375em; height: 2.4375em; background: url("") center center / contain no-repeat; } .didim-wrap .didim-sec5 .didim-sec5-title { display: flex; justify-content: center; gap: 1.25em; margin-bottom: 4.625em; padding: 0px 1.25em; } .didim-wrap .didim-sec5 .didim-sec5-title span { display: block; max-width: 32.0625em; } .didim-wrap .didim-sec5 .didim-sec5-title button { background-color: transparent; max-width: 3.25em; aspect-ratio: 1 / 1; } .didim-wrap .didim-sec5 .didim-sec5-txt { display: flex; text-align: center; align-items: center; justify-content: center; flex-wrap: wrap; line-height: 1; font-weight: bold; color: rgb(18, 18, 18); letter-spacing: -0.01em; padding: 0px 0.588235em; font-size: 2.125em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .didim-sec5-txt .didim-sec5-count { color: rgb(12, 84, 68); display: inline-flex; font-weight: 800; letter-spacing: -0.4px; margin-left: 0.575em; font-size: 1.17647em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .didim-sec5-txt + .didim-sec5-txt { margin-top: 0.823529em; } .didim-wrap .didim-sec5 .didim-sec5-txt.sec5-txt2 { margin-top: 0.676471em; } .didim-wrap .didim-sec5 .didim-sec5-txt.sec5-txt5 { margin-top: 1.52941em; } .didim-wrap .didim-sec5 .didim-sec5-dropbox { position: relative; margin-left: 0.558824em; margin-right: 0.5em; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-btn { min-width: 6.91429em; width: 100%; height: 2.05714em; font-size: 1.02941em; border: 3px 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.428571em !important; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-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 .didim-sec5 .didim-sec5-dropbox .sec5-drop-btn .icon { display: flex; align-items: center; justify-content: center; min-width: 1.94286em; height: 100%; background-color: rgb(12, 84, 68); border: 1px solid rgb(12, 84, 68); margin-left: auto; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-btn .icon img { position: relative; transition: all 0.3s ease 0s; width: 0.6em; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-btn.on .icon img { transform: rotate(180deg); } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-chBox { position: absolute; display: none; margin-top: 0.411765em; border: 4px solid rgb(12, 84, 68); background-color: rgb(255, 255, 255); border-radius: 0.441176em; overflow: hidden; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-chBox .chBox-btn { font-weight: bold; color: rgb(12, 84, 68); width: 100%; height: 2.35294em; border-radius: 0.441176em; margin-top: -4px; text-align: left; padding: 0px 1em; position: relative; font-size: 1em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-chBox .chBox-btn.on { color: rgb(255, 255, 255); background-color: rgb(12, 84, 68); } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-chBox .chBox-btn span { font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .didim-sec5-dropbox .sec5-drop-chBox .chBox-btn .chBox-btn-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 0.676471em; width: 0.617647em; height: 0.588235em; background: url("") center center / contain no-repeat; } .didim-wrap .didim-sec5 .sec5-count-mockup { padding-bottom: 22.125em; position: relative; margin-top: 3em; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-countWrap { position: relative; z-index: 5; background: url("") center bottom / contain no-repeat; width: 37.4375em; height: 12.125em; margin: 0px auto; display: flex; align-items: center; place-content: center; gap: 1.0625em; flex-wrap: wrap; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-countWrap .countAni-wrap { display: flex; align-items: center; justify-content: center; gap: 0.5625em; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-countWrap .countAni-wrap span:not(.countAni) { font-weight: 600; padding-left: 0.0769231em; line-height: 1.88; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; font-size: 1.625em !important; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-countWrap .countAni { width: 1.31579em; height: 2.07895em; font-weight: 800; color: rgb(18, 18, 18); letter-spacing: -0.01em; border: 2px solid rgba(112, 112, 112, 0.2); display: flex; align-items: center; place-content: center; border-radius: 0.394737em; line-height: 1; text-align: center; font-size: 2.375em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-countWrap .sec5-txt { letter-spacing: -0.01em; color: rgb(0, 0, 0); opacity: 0.7; padding-bottom: 0.526316em; font-size: 1.1875em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-mockupWrap { position: absolute; bottom: 0px; right: 1.75em; width: 32.0625em; height: 28em; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-mockupWrap span { position: absolute; top: 0px; right: 0px; display: none; } .didim-wrap .didim-sec5 .sec5-count-mockup .sec5-mockupWrap span:not(span.on) { display: block; } .didim-wrap .didim-sec6 { padding-top: 3.225em; padding-bottom: 4.25em; } .didim-wrap .didim-sec6 .didim-sec6-title { max-width: 36.375em; width: 95%; margin: 0px auto 4.3125em; } .didim-wrap .didim-sec6 .sec6-list { max-width: 38.125em; width: 95%; margin: 0px auto; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec6 .sec6-list li { display: flex; align-items: center; justify-content: space-between; min-height: 19.5625em; gap: 1.1875em; border-bottom: 1px solid rgba(112, 112, 112, 0.2); text-wrap: nowrap; } .didim-wrap .didim-sec6 .sec6-list li:nth-child(2) { padding: 0px 2.5em; } .didim-wrap .didim-sec6 .sec6-list li:last-child { border-bottom: 0px; padding: 0px 2em; } .didim-wrap .didim-sec6 .sec6-list li .sec6-lis-img { display: block; width: 12.5em; } .didim-wrap .didim-sec6 .sec6-list li p { color: rgb(87, 89, 93); letter-spacing: -0.01em; line-height: 1.5; font-size: 1.6875em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec6 .sec6-list li p b { font-weight: 600; } .didim-wrap .didim-sec7 { background: url("") center top / cover no-repeat; padding-top: 5.3125em; padding-bottom: 5.375em; } .didim-wrap .didim-sec7 .didim-sec7-title { display: flex; align-items: center; justify-content: center; gap: 1.25em; margin-bottom: 2.4375em; } .didim-wrap .didim-sec7 .didim-sec7-title span { display: inline-flex; } .didim-wrap .didim-sec7 .didim-sec7-title .sec7-title-icon { max-width: 2.875em; width: 95%; } .didim-wrap .didim-sec7 .didim-sec7-title .sec7-title-txt { color: rgb(255, 255, 255); letter-spacing: -0.01em; font-weight: bold; font-size: 2.6875em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec7 .sec7-divider { display: block; max-width: 38.5625em; width: 95%; background: url("") center center / contain no-repeat; height: 1px; margin: 0px auto 3.3125em; } .didim-wrap .didim-sec7 .sec7-description { max-width: 24.3846em; width: 95%; line-height: 1.81; letter-spacing: -0.01em; text-align: center; color: rgb(255, 255, 255); margin: 0px auto 2.42308em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; font-size: 1.625em !important; } .didim-wrap .didim-sec7 .sec7-dl { max-width: 38.5625em; border-radius: 1em; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0px auto 3.125em; padding: 1.5em 1.25em; color: rgb(255, 255, 255); text-align: center; } .didim-wrap .didim-sec7 .sec7-dl dt { padding-bottom: 0.75em; border-bottom: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: 0.357143em; font-weight: 700; color: rgb(255, 255, 255); font-size: 1.75em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec7 .sec7-dl dd p { font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec7 .sec7-dl dd p:first-child, .didim-wrap .didim-sec7 .sec7-dl dd p:first-child + span { font-weight: bold; line-height: 1.27; display: inline-flex; color: rgb(255, 255, 255); font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; font-size: 2.75em !important; } .didim-wrap .didim-sec7 .sec7-dl dd p:last-child { opacity: 0.7; font-weight: 300; margin-top: 1.0625em; color: rgb(255, 255, 255); } .didim-wrap .didim-sec7 .sec7-list { border: 2px solid rgb(255, 255, 255); border-radius: 0.9375em; overflow: hidden; max-width: 38.5625em; margin: 0px auto 2.8125em; background-color: rgb(255, 255, 255); font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec7 .sec7-list .sec7-list-title { padding: 1em 0.285714em; 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; font-size: 1.75em !important; } .didim-wrap .didim-sec7 .sec7-list ul { max-width: 29.125em; width: 95%; margin: 0px auto; padding: 2.1875em 0px 2.5625em; } .didim-wrap .didim-sec7 .sec7-list ul li { position: relative; padding-left: 1.8125em; color: rgb(18, 18, 18); line-height: 1.64; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec7 .sec7-list ul li::before { content: ""; display: block; width: 0.625em; aspect-ratio: 1 / 1; border-radius: 50%; background-color: rgb(18, 18, 18); position: absolute; top: 1em; left: 0px; } .didim-wrap .didim-sec7 .sec7-list ul li span, .didim-wrap .didim-sec7 .sec7-list ul li b { font-weight: 500; letter-spacing: -0.01em; font-size: 1.75em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec7 .sec7-list ul li b { font-weight: bold; } .didim-wrap .didim-sec7 .sec7-list ul li .small { color: rgb(0, 0, 0); opacity: 0.7; font-weight: 300; font-size: 1.1875em !important; } .didim-wrap .didim-sec7 .sec7-list ul li + li { margin-top: 1.5em; } .didim-wrap .didim-sec7 .sec7-sources-txt { font-weight: 300; opacity: 0.7; color: rgb(255, 255, 255); text-align: center; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; font-size: 1.1875em !important; } .didim-wrap .didim-sec8 { padding-top: 6.3125em; } .didim-wrap .didim-sec8 .didim-sec8-title { max-width: 40.625em; width: 95%; margin: 0px auto 4.9375em; } .didim-wrap .didim-sec8 .sec8-list { max-width: 41.625em; width: 95%; margin: 0px auto; padding-bottom: 6.25em; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec8 .sec8-list li + li { margin-top: 2.5em; } .didim-wrap .didim-sec8 .sec8-list .sec8-list-btn { width: 100%; height: 6.6875em; 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-sec8 .sec8-list .sec8-list-btn span { display: inline-flex; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec8 .sec8-list .sec8-list-btn span:first-child { align-items: center; justify-content: center; width: 2em; 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-size: 1.375em !important; } .didim-wrap .didim-sec8 .sec8-list .sec8-list-btn span:nth-child(2) { font-weight: bold; color: rgba(18, 18, 18, 0.6); margin-left: 0.53125em; font-size: 2em !important; } .didim-wrap .didim-sec8 .sec8-list .sec8-list-btn span:last-child { position: absolute; top: 50%; right: 2.375em; transform: translateY(-50%); width: 1.4375em; height: 0.6875em; background: url("") center center / contain no-repeat; } .didim-wrap .didim-sec8 .sec8-list .sec8-list-con { padding: 2.1875em 2.625em 0px; display: none; } .didim-wrap .didim-sec8 .sec8-list .sec8-list-con p { color: rgb(87, 89, 93); line-height: 1.85; letter-spacing: -0.0103846em; font-size: 1.625em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec8 .sec8-list li.on .sec8-list-btn { border-color: rgb(12, 84, 68); background-color: rgb(12, 84, 68); } .didim-wrap .didim-sec8 .sec8-list li.on .sec8-list-btn span:first-child { color: rgb(12, 84, 68); background-color: rgb(255, 255, 255); } .didim-wrap .didim-sec8 .sec8-list li.on .sec8-list-btn span:nth-child(2) { color: rgb(255, 255, 255); } .didim-wrap .didim-sec8 .sec8-list li.on .sec8-list-btn span:last-child { background-image: url(""); } .didim-wrap .didim-sec8 .sec8-list li.on .sec8-list-con { display: block; } .didim-wrap .didim-sec9 { padding: 7.1875em 1.25em 5.6em; background-image: linear-gradient(rgb(23, 68, 50) 21%, rgb(20, 43, 33)); } .didim-wrap .didim-sec9 .didim-sec9-title { max-width: 37em; width: 95%; margin: 0px auto 5.25em; } .didim-wrap .didim-sec9 .sec9-img { max-width: 12.9375em; width: 95%; margin: 0px auto 3.9375em; } .didim-wrap .didim-sec9 .sec9-text { font-weight: 600; line-height: 1.67; letter-spacing: -0.01em; color: rgb(255, 255, 255); text-align: center; margin-bottom: 1.77778em; font-size: 2.25em !important; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important; } .didim-wrap .didim-sec9 .sec9-btn { max-width: 33.125em; width: 95%; margin: 0px auto; display: block; } .didim-wrap .copyRight-sec { background-color: rgb(0, 0, 0); height: 9.125em; display: flex; align-items: center; justify-content: center; padding: 0px 2.5em; } .didim-wrap .copyRight-sec .copyRight-txt { max-width: 21.875em; width: 95%; } @keyframes floationImgAni { 100% { bottom: -1.25em; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 400px) { .didim-wrap .didim-sec1 { padding: 2.8125em 1.25em; } .didim-wrap .didim-sec3 .didim-sec3-btn { margin-top: 0px; } } @media (max-width: 375px) { .didim-wrap .section-2.video .cont02_text { font-size: 10px !important; padding-left: 20px; } .didim-wrap .didim-sec5 .didim-sec5-txt { line-height: 1.4; } } .\[\&_\.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; } .top.ad { display: none !important; } (cache)6배 슬기로운 후원생활
6배 슬기로운 후원 생활
1만원이 6만원이 되는 공식?!
2만원이 12만원이 되는 공식?!
디딤씨앗통장
보호대상아동 후원하기
배경 이미지 배경 이미지 배경 이미지 배경 이미지

후원영상

후원은 작게, 변화는 크게
디딤씨앗통장 입금내역
  • 김초록 후원자+10,000원
  • 초록우산+10,000원
  • 지자체 지원금+40,000원
  • 총 입금액60,000원

후원자가 매월 1만원을 후원할 경우
초록우산이 1:1로 매칭 지원하여
아동의 디딤씨앗통장에 2만원이 입금되고,
지자체가 이 금액의 2배인 4만원을 더 지원하여
매월 6만원의 자립지원금이 적립됩니다.

초록우산, 지자체의 지원과 함께
6배 슬기로운 후원생활을 시작하세요.

보호대상아동 후원하기 버튼
디딤씨앗통장

디딤씨앗통장은 취약계층 아동이
사회에 진출할 때 필요한 초기비용 마련을 돕기 위해
지자체가 도입한 아동발달지원계좌(CDA: Child
Development Account) 정책입니다.

  • 아동(보호자, 후원자)이 매월 일정금액 적립 시
    국가(지자체)가 월 10만원 내에서
    1:2로 매칭하여 지원합니다.
  • 아동이 만 18세(만기)가 되었을 때
    학자금, 기술자격 및 취업훈련비용, 창업지원금 등
    자립에 필요한 용도에 한하여 사용할 수 있습니다.
슬기로운 후원 계산기
후원금 사용 계획

디딤씨앗통장의 지자체지원금은 월 10만원 내로 책정됩니다.
이에 따라 초록우산은 아동이 최대한 많은 지원을 받을 수
있도록 후원자의 후원금을 풀(pool, 공동기금)제로
운영합니다. 후원자가 월 2만원 이상의 금액을 후원할 경우,
복수의 아동들이 혜택을 받을 수 있도록 배분할 예정입니다.

아동 1명에게
후원 시
초록우산이 10,000원을 매칭하고,
지자체가 40,000원을 지원하여
60,000원이 적립됩니다.
보호종료 시점, 아동에게
12,960,000원이 지원됩니다.
1 2 , 9 6 0 , 0 0 0

*출생 직후부터 만 18세 보호 종료 시점까지 지원 기준

보호대상아동에게 자립 지원이 필요한 이유
  • 준비 없이 자립을 하고 나서,
    당장의 생계비를 버는 데 급급했어요.
    어느 새 어린시절의 꿈과 저만치
    멀어져 있는 나를 발견했어요.

  • 대학에 진학은 했지만,
    등록금을 마련하지 못해
    휴학을 했어요.
    언제쯤 복학할 수 있을까요?

  • 지자체의 자립 수당으로
    자취방 보증금을 치르고 나니
    남은 돈이 없어요.
    월세 내는 게 부담스러워요.

! 보호대상아동이란?

보호자가 없거나 보호자로부터 이탈된 아동 또는 보호자가
아동을 학대하는 등의 사유로 원가정의 보호를 받지 못하는 아동.
아동복지시설(양육시설, 그룹홈), 위탁가정의
보호 조치를 받습니다.

최근 5년 간 발생한 보호대상아동

15,947

*출처: 통계청(보건복지부, 보호대상아동 현황보고, 연도별) / 2019년~2023년 자료

최근 5년 간 보호종료되어 자립한 아동 수

9,970

*출처: 사회복지시설정보시스템, 행복e음 / 2019년~2023년 자료

보호가 종료된 이후, 보호대상아동의 일상

  • 자립준비청년의 40% 는 기초생활수급자
  • 삶의 만족도 5.6 (10점 만점)
  • ‘자살을 생각해 본 적이 있다‘고
    응답한 자립준비청년 46.5%

*출처: 보건복지부, 2023 자립지원 실태조사

후원금은 이렇게 사용됩니다
  • 디딤씨앗통장을 통해 후원금이 보호 종료 시점에
    오롯이 아동에게 전달될 뿐 아니라,
    초록우산과 지자체 매칭으로 더 큰 금액을 지원합니다.
    후원자의 사정으로 인해 후원금이 감액, 중단될 경우
    아동에게 일정한 금액이 정기적으로
    지원되지 못하는 상황이 발생할 수 있습니다.
    따라서 초록우산은 장기적, 안정적인 지원을 위해
    풀(pool, 공동기금)제를 운영하여 풀에 모인 후원금을
    아동들에게 배분합니다. (아동 지정 후원은 불가)

  • 초록우산은 디딤씨앗통장을 통한 자립성장비 지원 외에도
    보호대상아동의 발달 욕구에 맞추어 사업을 진행합니다.
    2024년 한 해, 1만 6천 명의 보호대상아동에게
    경제적 자립 지원, 자립 탐색 및 자격증 취득 지원,
    심리 정서 역량 지원, 지지체계 강화 사업을 진행했습니다.

  • 성장기의 보호대상아동 뿐 아니라 만 18세~24세의 보호가
    종료되거나 연장된 청년들의 안정적인 자립을 지원합니다.
    초록우산은 첫 살림 지원금, 생필품 키트, 멘토링, 자립코칭,
    네트워크를 통한 지지체계 지원 등 다양한 사업으로
    한 해 3,700명의 자립준비청년을 지원했습니다.

1만원이 6만원으로 자라는 6배 슬기로운 후원생활, 아이의 미래도 자라납니다.

초록우산과 함께
보호대상아동의 자립을 후원해주세요.

보호대상아동 후원하기