"); 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 { position: relative; } .campaign-wrap p, .campaign-wrap div, .campaign-wrap h1, .campaign-wrap h2, .campaign-wrap h3, .campaign-wrap h4, .campaign-wrap h5, .campaign-wrap h6, .campaign-wrap ul, .campaign-wrap ol, .campaign-wrap li, .campaign-wrap dl, .campaign-wrap dt, .campaign-wrap dd, .campaign-wrap table, .campaign-wrap th, .campaign-wrap td, .campaign-wrap form, .campaign-wrap fieldset, .campaign-wrap legend, .campaign-wrap input, .campaign-wrap textarea, .campaign-wrap select, .campaign-wrap button, .campaign-wrap code, .campaign-wrap label, .campaign-wrap em, .campaign-wrap span, .campaign-wrap small, .campaign-wrap strong { font-family: Pretendard !important; font-weight: 400; } .campaign-wrap * { box-sizing: border-box; } .campaign-wrap img { max-width: 100%; height: auto; } .campaign-wrap input[type="checkbox"] { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; opacity: 0; background: transparent; } .cont-section { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center top; } .cont-section .section-inner { position: relative; } .btn-box > a { display: block; width: 100%; height: 100%; } .campaign-wrap .cont-section.section01 { height: 233.6vw; } .campaign-wrap .cont-section.section01 video { width: 100%; height: 178vw; margin-top: -14.5vw; } .campaign-wrap .cont-section.section01 .title-area { width: 100%; height: 114.27vw; background-image: url(""); background-size: cover; background-repeat: no-repeat; background-position: center top; position: absolute; bottom: 0px; left: 0px; } .campaign-wrap .cont-section.section01 .btn-box { width: 82.13vw; height: 22.93vw; position: absolute; bottom: 13.33vw; left: 50%; transform: translateX(-50%); border-radius: 3vw; box-shadow: rgba(0, 0, 0, 0.27) 0.5vw 1vw 1vw; } .campaign-wrap .cont-section.section02 { height: 75.73vw; background-image: url(""); } .campaign-wrap .cont-section.section02 .section-inner { height: 100%; } .campaign-wrap .cont-section.section02 .section-inner .yt-inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; } .campaign-wrap .cont-section.section02 .section-inner .yt-inner .yt-box { position: relative; padding-bottom: 56.2%; height: 0px; overflow: hidden; z-index: 9; } .campaign-wrap .cont-section.section02 .section-inner .yt-inner .yt-box iframe, .campaign-wrap .cont-section.section02 .section-inner .yt-inner .yt-box object, .campaign-wrap .cont-section.section02 .section-inner .yt-inner .yt-box embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .campaign-wrap .cont-section.section03 { height: 209.2vw; background-image: url(""); } .campaign-wrap .cont-section.section03 .btn-box { width: 81.33vw; height: 22vw; position: absolute; bottom: 17.33vw; left: 50%; transform: translateX(-50%); } .campaign-wrap .cont-section.section04 { height: 162.8vw; background-image: url(""); } .campaign-wrap .cont-section.section04 .section-inner { padding-top: 20vw; } .campaign-wrap .cont-section.section04 .section-inner .section04Swiper { margin-top: 9.33vw; } .campaign-wrap .cont-section.section04 .section-inner .section04Swiper { padding: 0px 5.33vw; } .campaign-wrap .cont-section.section04 .section-inner .section04Swiper .swiper-slide { width: 89.33vw !important; } .campaign-wrap .cont-section.section04 .section-inner .section04Swiper.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; opacity: 1; background-color: rgb(255, 255, 255); border: 2px solid rgb(244, 134, 27); } .campaign-wrap .cont-section.section04 .section-inner .section04Swiper.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active { background-color: rgb(244, 134, 27) !important; } .campaign-wrap .cont-section.section05 .rolling-img { width: 100%; max-width: 100%; height: 73.33vw; overflow: hidden; } .campaign-wrap .cont-section.section05 .rolling-img .track { position: absolute; white-space: nowrap; will-change: transform; animation: 30s linear 0s infinite normal none running marquee; display: flex; flex-direction: row; } .campaign-wrap .cont-section.section05 .rolling-img .track > li > img { max-width: initial; width: 64.13vw; } @keyframes marquee { 0% { transform: translateX(0px); } 100% { transform: translateX(-50%); } } .campaign-wrap .cont-section.section06 { height: 185.33vw; background-image: url(""); } .campaign-wrap .cont-section.section06 .btn-box { width: 82.8vw; height: 21.47vw; position: absolute; bottom: 14.13vw; left: 50%; transform: translateX(-50%); border-radius: 3vw; box-shadow: rgba(0, 0, 0, 0.27) 0.5vw 1vw 1vw; } .campaign-wrap .cont-section.section07 { height: 219.87vw; background-image: url(""); } .campaign-wrap .cont-section.section07 .name-box { width: 16.8vw; font-size: 2.2vw; font-weight: 600; line-height: 2.8vw; text-align: center; position: absolute; top: 74.5vw; left: 43.8vw; } .campaign-wrap .cont-section.section07 .name-box .blink { animation: 0.8s ease 0s infinite normal none running blink; font-size: 2.2vw; } @keyframes blink { 100% { opacity: 0; } } .campaign-wrap .cont-section.section08 { height: 242vw; background-image: url(""); } .campaign-wrap .cont-section.section09 { height: 300vw; background-image: url(""); } .campaign-wrap .cont-section.section10 .section-inner-top { height: 212.8vw; background-image: url(""); background-repeat: no-repeat; background-position: center top; background-size: cover; } .campaign-wrap .cont-section.section10 .section-inner-slide { padding-top: 9.87vw; background-image: url(""); background-repeat: no-repeat; background-position: center top; background-size: contain; background-color: rgb(255, 255, 255); } .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper { padding: 0px 20.53vw 16.53vw; } .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-slide { width: 59.33vw !important; } .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-button-next::after, .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-rtl .swiper-button-prev::after, .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-button-prev::after, .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-rtl .swiper-button-next::after { display: none; } .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-button-next, .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-button-prev { width: 3.2vw; height: 3.87vw; background-repeat: no-repeat; background-position: center center; background-size: contain; top: 69vw; z-index: 11; } .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-button-next { background-image: url(""); right: 9.33vw; } .campaign-wrap .cont-section.section10 .section-inner-slide .section10Swiper .swiper-button-prev { background-image: url(""); left: 9.33vw; } .campaign-wrap .cont-section.section10 .section-inner-bottom { background-color: rgb(242, 242, 242); padding-top: 17.33vw; padding-bottom: 21.33vw; } .campaign-wrap .cont-section.section10 .section-inner-bottom h4 { font-size: 6.27vw; margin-bottom: 5.07vw; text-align: center; color: rgb(0, 91, 72); font-family: NanumSquareExtraBold !important; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box { width: 89.33vw; margin: auto; font-family: NanumSquareExtraBold !important; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion { width: 100%; display: flex; flex-direction: column; gap: 5.33vw; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion-inner { text-align: left; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle { font-size: 4vw; height: 15.6vw; color: rgb(0, 91, 72); background-color: rgb(255, 255, 255); position: relative; cursor: pointer; border: 0.13vw solid rgb(220, 220, 220); } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle p { color: rgb(0, 91, 72); position: relative; height: 100%; display: flex; align-items: center; letter-spacing: -0.06em; font-family: NanumSquareExtraBold !important; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle p > span { display: inline-block; width: 14.67vw; padding-left: 5.33vw; font-family: NanumSquareExtraBold !important; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle::after { content: "▼"; position: absolute; top: 50%; right: 5.33vw; transform: translateY(-50%); } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle.active { background-color: rgb(255, 255, 255); font-weight: 800; font-size: 4vw; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-toggle.active::after { content: "▲"; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content { display: none; padding: 4.4vw 0px; font-size: 3.47vw; line-height: 5.6vw; color: rgb(0, 91, 72); border-width: 0px 0.13vw 0.13vw; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-left-color: rgb(220, 220, 220); border-image: initial; border-top-style: initial; border-top-color: initial; background-color: rgb(255, 255, 255); } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content > p { display: flex; word-break: keep-all; letter-spacing: -0.1em; color: rgb(0, 91, 72); font-family: NanumSquareBold !important; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content > p > span { display: inline-block; width: 14.67vw; padding-left: 5.33vw; font-size: 3.47vw; font-family: NanumSquareExtraBold !important; } .campaign-wrap .cont-section.section10 .accordion-box.faq-accordion-box .faq-accordion .faq-accordion-inner .faq-accordion-content.default { display: block; } .campaign-wrap .cont-section.camp-copyright { height: 16.27vw; background-image: url(""); } #popup-trophyApply .popup-trophyApply-wrap { width: 100%; height: 100%; background-color: rgb(38, 141, 96); color: rgb(255, 255, 255); position: relative; z-index: 901; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont { width: 100%; height: 100%; position: relative; background-color: transparent; margin: 0px; padding: 8vw 0px; overflow-y: scroll; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .btn-close { top: 3vw; right: 2vw; width: 7vw; height: 6vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .btn-close > span { display: block; width: 100%; height: 100%; position: relative; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .btn-close > span::before, #popup-trophyApply .popup-trophyApply-wrap .popup-cont .btn-close > span::after { position: absolute; left: 3vw; top: -0.5vw; content: ""; height: 7vw; width: 0.5vw; background-color: rgb(255, 255, 255); } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .btn-close > span::before { transform: rotate(45deg); } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .btn-close > span::after { transform: rotate(-45deg); } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner { width: 89.73vw; margin: auto; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner h4 { width: 86.93vw; height: 14vw; margin: auto; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box { margin-top: 4vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophy-sample { width: 89.73vw; height: 80vw; background-image: url(""); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophy-sample .name-box { position: absolute; bottom: 20.4vw; left: 32.5vw; width: 28vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophy-sample .name-box > p { font-size: 2.3vw; font-weight: 700; color: rgb(18, 18, 18); text-align: center; line-height: 2.8vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form { width: 100%; margin-top: 2.4vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul { display: flex; flex-direction: column; gap: 2.4vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li { background-color: rgba(255, 248, 248, 0.15); border-radius: 2.67vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner { padding: 4vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > h5 { font-size: 4.13vw; font-weight: 500; margin-bottom: 3.07vw; color: rgb(255, 255, 255); letter-spacing: -0.05em; text-align: center; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > h5 > strong { font-weight: 700; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > .input-name { display: flex; flex-direction: column; gap: 1.07vw; align-items: center; margin-bottom: 2.13vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > .input-name > p > input { width: 62.67vw; height: 8.8vw; background-color: rgb(229, 229, 226); border: 0.13vw solid rgb(177, 177, 177); font-weight: 500; text-align: center; font-size: 4.5vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > .camp-btn-box { text-align: center; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > .camp-btn-box > button { width: 62.67vw; height: 8.67vw; background-color: rgb(0, 91, 72); color: rgb(255, 255, 255); font-size: 4.67vw; font-weight: 600; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > .form-info-txt { font-size: 2.67vw; text-align: center; letter-spacing: -0.06em; margin-top: 2.67vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li > .form-inner > .form-info-txt > li { color: rgb(255, 255, 255); line-height: 4.13vw; } #popup-trophyApply .popup-trophyApply-wrap .popup-cont .trophyApply-inner .trophyApply-inner-box .trophyApply-form > ul > li:nth-child(2) > .form-inner > .form-info-txt { font-weight: 700; } .camp-fixed-banner { position: fixed; left: 0px; bottom: -20%; width: 100%; height: 27.07vw; background-image: url(data:image/webp;base64,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); background-repeat: no-repeat; background-position: center top; background-size: contain; z-index: 10; transition: all 0.5s ease 0s; } .camp-fixed-banner.active { bottom: 0px; } .camp-fixed-banner > a { display: block; width: 100%; height: 100%; } .\[\&_\.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)초록우산 나눔가족

우리 가족의 행복은 물론 다른 어린이의 행복까지 지켜주는 초록우산 나눔가족

가족이 함께하는 초록우산 나눔가족 캠페인에 참여하세요

월 2만 원 이상 정기후원을 신청하시면 우리 가족의 이름이 새겨진 ‘나눔가족 트로피’를 보내드립니다.

나눔가족 트로피 : 100mm x 193mm / 아크릴, 나무거치대

당신의 가족이 한 아이의 희망이 됩니다

요즘 뉴스를 보면 안 좋은 소식이 너무 많아서 마음이 아파요. 우리 아이가 더 좋은 세상에서 자라나길 바라는 마음으로, 가족이 함께 후원을 시작하게 되었어요.
저랑 나이가 비슷한데도 부모님이 아프셔서 공부 대신 집안일로 하루를 보내는 친구들이 있다고 들었어요. 어떻게 도울 수 있을까 고민하다가 용돈에서 조금씩 기부를 하고 있어요.
'누군가 너를 응원하고 있어' 라는 걸 안다면, 우리 아이들이 조금 더 행복하게 자라지 않을까요? 우리나라의 미래인 아이들을 응원하고 싶어서 시작했어요.
우리 가족이 만든 '나눔가족 트로피'는 아이들이 앞으로 나아갈 수 있도록 돕는 든든한 토대입니다. 그 속에서 아이들은 스스로 자신의 미래를 그려갈 힘을 얻게 됩니다.

보이지 않는 어려움 앞에서 좌절하지 않도록 아이들의 몸과 마음이 바르게 자라날 수 있도록

‘초록우산 나눔가족’을 통해 아이들이 건강하게 자랄 수 있는 환경을 선물해 주세요.

나눔가족 트로피에 우리 가족의 이름을 새겨보세요

부모와 자녀, 부부, 손주, 반려동물까지 소중한 누군가와 함께라면 모두 참여하실 수 있어요.

  • 이정훈 신은주
    이하윤


  • 김푸름 정다운

  • 할머니와
    서진 선영

  • 이민정
    보리 콩이

  • 행복한 초뭉이네
    박종길 양혜경

  • 꿈지킴이 가족
    지승훈 강민서 지민준

  • ※ 최대 두 줄까지 작성할 수 있으며, 한 줄만 작성하셔도 됩니다.
  • ※ 한 줄에 최대 10자까지 입력 가능합니다. (특수문자 불가)
이정|

초록우산 나눔가족 캠페인 이벤트

트로피를 받으신 후 집 안에 전시하고 인스타그램에 인증해 주시면 추첨을 통해 매달 10분께 온 가족이 함께 사용할 수 있는 초록우산 굿즈를 보내드려요.

  • 필수 해시태그(5개)#초록우산 #나눔가족 #초록우산나눔가족 #나눔가족트로피 #우리가족사랑해
  • 초록우산 굿즈페이스 타올 (2P), 3단 양우산 (1P) 중 1개 품목 랜덤발송
  1. ① 집 안에 멋지게 트로피 전시하고 사진 촬영
  2. ② 초록우산 인스타그램 계정 팔로우
  3. ③ 해당 사진을 개인 인스타그램 계정에 업로드하고 초록우산 인스타그램 아이디 @childfundkorea_official 태그
  4. ④ 필수 해시태그 5개 작성 후 게시물 업로드

※트로피는 후원금 1회 이상 납입 내역이 확인된 후 일괄 발송되므로, 후원 신청 후 1~2개월 후에 받아보실 수 있습니다

나눔을 실천하는 초록우산 가족 후원자 스토리

  • 이웃을 먼저 생각하는 사람이 되길 바라며 자녀 이름으로 후원하는 가족

    초등학교에 입학하는 아이에게 '엄마'로서 의미 있는 선물을 주고 싶었어요. 우리 아이들이 자신보다 이웃을 먼저 생각하는 따뜻하고 배려심 깊은 아이로 성장할 수 있길 바라요

    두 자녀의 이름으로 후원하는 김정숙 가족후원자

  • 30년 전 '소년소녀가장 후원' 기사 보고 나눔을 시작한 부부

    아이들이 사회의 그늘진 곳에서 아무런 돌봄도 받지 못하고 있다는 사실이 안타깝고 슬프더라고요 가난이라는 역경이 힘들겠지만 스스로의

    두 자녀의 이름으로 후원하는 김정숙 가족후원자

후원금은 도움이 필요한 아동 가정에 전달되어 생계비, 학습비, 의료비, 주거비 등으로 지원됩니다.

초록우산은 '언제나 어린이 곁에서' 아동의 안전과 건강한 성장을 지원합니다.

  • 아동을 돕는 초록우산 후원자 60만 명
  • 초록우산을 만나 행복해진 아이들 국내 149만 명 해외 109만 명
  • 초록우산의 아동지원기간 77년간
  • 한국가이드스타 9년 연속 별점 만점(투명성·책무성·재무효율성 최우수 등급)
아동이 안전한 돌봄 환경 지원 : 지원 아동 수 241,501 명, 지원금 62,126,187,467 원
자립준비청년의 자립지지체계 구축 지원 : 지원 아동 수 3,739 명, 지원금 4,207,244,567 원
필요한 교육지원 및 재능 계발 기회 보장 : 지원 아동 수 57,736 명, 지원금 26,033,468,641 원
아동 친화적 환경과 건강 안전 성장 지원 : 지원 아동 수 952,832 명, 지원금 14,077,787,211 원
모든 아동의 주거환경 개선 지원 : 지원 아동 수 1,223 명, 지원금 3,143,146,034 원

자주 묻는 질문

Q. 나눔가족 트로피는 언제 받아볼 수 있나요?

A. 후원신청 일자의 익월에 일괄 발송됩니다.
후원금 최초 납입 내역이 확인된 후 발송되므로
1~2개월이 소요될 수 있습니다.
제작 후에는 수정이 어렵습니다.
신청 단계에서 시안을 꼭 확인해 주시기 바랍니다.

Q. 후원신청을 두 번 했는데
트로피를 2개 받을 수 있나요?

A. 트로피는 1인당 1개로 제한하여 보내드리고
있습니다. 같은 후원자님의 정보로 여러 번 후원을
신청하실 경우 중복 발송은 되지 않는 점
양해 부탁드립니다.

Q. 트로피에 하자가 있는 것 같아요

A. 꼼꼼한 검수를 통해 제품을 보내드리오나, 만약
불량 제품을 수령하셨다면 초록우산 홈페이지 내
1:1 문의를 통해 교환을 요청해 주세요.
(사진 첨부 필수)
받아보신지 일주일이 지난 제품의 경우
교환이 불가합니다.

최상단으로