@charset "utf-8";

/* Top */
#container.sub_banner {padding-top:280px;}
#container.sub_banner.sub1 {background: url(/resources/images/sub/bg_login.png) no-repeat 0 0;}
#container.sub_banner.sub4 {background: url(/resources/images/sub/bg_sub3.jpg) no-repeat 0 0;}

/* Sub Width Setting */
#container #contents.sub-full-width {width:100%;margin:0} /* 콘텐츠 페이지 full-width로 쓸때 sub-full-width 클래스 추가  */
#container #contents .sub-base-width {width:1200px;margin:auto;padding:80px 0 100px 0}

/* Column Width Setting */
.col-2 {width:50%}
.col-3 {width:33.3333%}
.col-4 {width:25%}
.col-5 {width:20%}
.col-6 {width:16.6666%}

/* Tab */
.tabs {border-bottom:2px solid var(--renew-point-color);height:72px;display:flex}
.tabs li {background-color:#f9f9f9;color:#999;cursor:pointer;font-size:22px;font-weight:500;color:#999;height:70px;line-height:68px;text-align:center;position:relative}
.tabs li + li {border-left:none;margin-left:2px}
.tabs li.current {background:#fff;color:var(--renew-point-color);border:2px solid var(--renew-point-color);height:72px;border-bottom:0}
.tabs li.current a{color:var(--renew-point-color)}
.tab-content {display:none}
.tab-content.current {display:inherit}

/* layerPopup */
.scrollLock {overflow:hidden;width:100%;height:100vh;touch-action:none} /* 스크롤 막기 CSS */
.layerPopup-wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999}
.layerPopup-wrap .bg {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:1}
.layerPopup-inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;background:#fff;z-index:2}

/* Support */
#container.support .campaign_banner {padding-bottom:30px;}
#container.support .total_box {border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:30px;padding:15px 0;font-size:16px;color:#292929;text-align:right;position:relative;font-weight:600;}
#container.support .total_box strong {color:#292929;position:absolute;top:15px;left:0;}
#container.support .total_box span {font-size:18px;color:var(--renew-point-color);margin-right:2px;}
#container.support .event_box {margin-bottom:30px;}

/* Login */
#container #contents .login_area {width:400px;margin:40px auto 0;}
.login_area .chk_box {position:relative;padding:5px 0 15px 25px;}
.login_area .chk_box.type02 {display:inline-block;margin-right:15px;}
.login_area .chk_box label {font-size:16px;color:#333;font-weight:300}
.login_area .chk_box label:before {content:'';display:block;width:20px;height:20px;background:url(/resources/images/sub/agree_check_off.png) no-repeat;background-size:contain;position:absolute;top:13px;transform: translateY(-50%);left:0px;transition: all ease 0.5s 0s;}
.login_area .chk_box input:checked+label:before {background:url(/resources/images/sub/agree_check_v2_on.png) no-repeat;background-size:contain;transition: all ease 0.5s 0s;}
.login_area .chk_box input[type="checkbox"]{position:absolute;top:1px;left:0;opacity:0;vertical-align:middle;}
.login_area .login_menu {width:80%;margin:20px auto;text-align:center;}
.login_area .login_menu a {display:inline-block;}
.login_area .login_menu > span {color:#dbdbdb;padding:0 10px;}
.login_area .btn_g a {display:block;height:48px;line-height:48px;font-size:18px;text-align:center;box-sizing:border-box;border-radius:4px;}
.login_area .btn_g a:before {position:relative;top:8px;content:"";display:inline-block;width:32px;height:32px;margin:0 4px 0 -4px;background-size:contain ! important;}
.login_area .btn_naver{color:#fff;background:#00c73c;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:10px;}
.login_area .btn_naver:before{background:url('/resources/v4/mobile/images/member/n.png') no-repeat 100% 100%;}
.login_area .btn_kakao {background:#fee500;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.login_area a.btn_kakao:before {width:22px;height:20px;background:url('/resources/mobile/images/common/ico_kakao.png') no-repeat 50% 50%;top:4px;margin:0 8px 0 0;}
.login_area .btn_kakao p {color:#191919;}
.login_area p.col_g {font-size:14px;margin:5px 0 25px;}
.finddone_con {width:640px;margin:40px auto 0;}
.finddone_con .findidpw-area {border:1px solid #e4e4e4;padding:50px;box-sizing:border-box;text-align:center;font-size:20px;line-height:32px}
.finddone_con .login-notice {margin-top:30px}
.finddone_con .login-notice li {position:relative;width:100%;float:none;padding-left:18px;font-size:20px;line-height:35px}
.finddone_con .login-notice li {position:relative;width:100%;float:none;padding-left:18px;font-size:20px;line-height:35px}
.finddone_con .login-notice li:before {content:'';position:absolute;top:15px;left:0;width:6px;height:6px;background:#0d904a;border-radius:50%}
.findid_con .confirm-num-box {text-align:right;}

/* HallOfFame */
#contents.hallOfFame .hallOfFame-top {font-family:'Spoqa Han Sans Neo';letter-spacing:-0.2px;background-image:url(/resources/images/sub/bondingspon/hallFameInfo-top-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;height:814px}
#contents.hallOfFame .hallOfFame-top .inner {width:1200px;margin:auto;text-align:center}
#contents.hallOfFame .hallOfFame-top .inner h3 {padding-top:190px;height:130px;text-indent:-99999px}
#contents.hallOfFame .hallOfFame-top .inner .sub-txt::before {content:"";display:block;width:202px;height:6px;background-image:url(/resources/images/sub/bondingspon/hallFameInfo-top-bar.png);background-repeat:no-repeat;background-size:contain;margin:50px auto}
#contents.hallOfFame .hallOfFame-top .inner .sub-txt {color:#aa9d93;font-size:23px;font-weight:700}
#contents.hallOfFame .hallOfFame-top .inner .txt-area {color:#e1deda;font-size:20px;line-height:32px;font-weight:500;margin-top:45px}

.bondingspon-list-wrap {color:#222}
.bondingspon-list-wrap .hallOfFame-top-txt {font-size:20px;line-height:32px;display:flex;justify-content:center;align-items:center;margin-top:50px;margin-bottom:50px}
.bondingspon-list-wrap .hallOfFame-top-txt::before {content:"";display:inline-block;margin-right:60px;background-repeat:no-repeat}
.bondingspon-list-wrap .hallOfFame-top-txt.label-special::before {width:94px;height:86px;background-image:url(/resources/images/sub/bondingspon/icon-special.png)}
.bondingspon-list-wrap .hallOfFame-top-txt.label-30years::before {width:94px;height:86px;background-image:url(/resources/images/sub/bondingspon/icon-30years.png)}
.bondingspon-list-wrap .hallOfFame-top-txt.label-greenNoble::before {width:113px;height:87px;background-image:url(/resources/images/sub/bondingspon/icon-greenNoble.png)}
.bondingspon-list-wrap .hallOfFame-top-txt.label-greenLegacy::before {width:115px;height:88px;background-image:url(/resources/images/sub/bondingspon/icon-greenLegacy.png)}

/* greenNoble */
#contents.greenNoble h4 {text-align:center;font-size:42px;font-weight:600;margin-bottom:55px}
#contents.greenNoble .greenNoble-top {letter-spacing:-0.2px;background-image:url(/resources/images/sub/bondingspon/greenNoble-top-bg-v2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;height:1260px}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner {width:950px;margin:auto;padding-top:115px}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .title-area {display:flex}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .title-area .sub-txt {margin-left:90px}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .title-area .sub-txt>.inner {font-size:22px;color:#b39663;line-height:32px;padding-left:35px;position:relative;margin-top:130px}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .title-area .sub-txt>.inner::before {content:"";display:block;width:1px;height:100%;background-color:#b39663;position:absolute;top:0;left:0}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .title-area .sub-txt>.inner>p:last-child {margin-top:10px}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .title-area .sub-txt>.inner>p>span {font-size:34px;font-weight:600}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .video-area {margin-top:90px;width:100%;height:535px;position:relative;box-shadow:0 6px 5px 0px rgb(0 0 0 / 50%)}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .video-area .play {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .btn-greenNoble-white {display:inline-block;font-size:25px;font-weight:600;border:4px solid #fff;padding:20px 60px;color:#fff;transition:all 0.3s}
#contents.greenNoble .greenNoble-top .greenNoble-top-inner .btn-greenNoble-white:hover {background-color:#fff;border:4px solid #fff;padding:20px 60px;color:#111c26}
#contents.greenNoble .greenNoble-member-list {background-image:url(/resources/images/sub/bondingspon/greenNoble-member-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top}
#contents.greenNoble .greenNoble-info-box {margin-bottom:40px}
#contents.greenNoble .greenNoble-info-box>ul {display:flex;flex-direction:row;margin-left:-13px;margin-right:-13px}
#contents.greenNoble .greenNoble-info-box>ul>li>.inner {margin-left:13px;margin-right:13px;background-color:#eee;padding:35px;font-size:20px;line-height:30px;position:relative}
#contents.greenNoble .greenNoble-info-box>ul>li>.inner::after {content:"";display:block;width:143px;height:143px;position:absolute;top:50%;transform:translateY(-50%);right:35px;background-image:url(/resources/images/sub/bondingspon/greenNoble-infoImg01.png);background-repeat:no-repeat}
#contents.greenNoble .greenNoble-info-box>ul>li:last-child>.inner::after {background-image:url(/resources/images/sub/bondingspon/greenNoble-infoImg02.png)}
#contents.greenNoble .greenNoble-info-box>ul>li>.inner .greenNoble-cate {font-size:24px;font-weight:600;margin-bottom:30px}
#contents.greenNoble .greenNoble-info-box>ul>li>.inner .greenNoble-cate>span {display:block;margin-bottom:8px;font-size:20px;font-weight:400;color:#777}
#contents.greenNoble .greenNoble-process-box>ol {display:flex;flex-direction:row;margin-left:-13px;margin-right:-13px}
#contents.greenNoble .greenNoble-process-box>ol>li>.inner {border:1px solid #ddd;padding:35px 35px 40px 35px;margin-left:13px;margin-right:13px;font-size:18px;line-height:30px;color:#666}
#contents.greenNoble .greenNoble-process-box>ol>li>.inner>.num {font-size:42px;font-weight:600;color:#000;position:relative}
#contents.greenNoble .greenNoble-process-box>ol>li>.inner>.num::after {content:"";display:block;width:150px;height:9px;background-image:url(/resources/images/sub/bondingspon/greenNoble-num-bg.png);position:absolute;top:50%;transform:translateY(-50%);right:0}
#contents.greenNoble .greenNoble-process-box>ol>li>.inner>.title {font-size:23px;font-weight:600;color:#222;margin-top:20px;margin-bottom:15px}
#contents.greenNoble .greenNoble-supporter-respect>ul {display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
#contents.greenNoble .greenNoble-supporter-respect>ul>li {width:33.3333%}
#contents.greenNoble .greenNoble-supporter-respect>ul>li>.inner {margin-left:15px;margin-right:15px;margin-bottom:50px}
#contents.greenNoble .greenNoble-supporter-respect>ul>li>.inner>h5 {font-size:24px;font-weight:600;margin-top:20px;margin-bottom:20px}
#contents.greenNoble .greenNoble-supporter-respect>ul>li>.inner>p {font-size:20px;color:#666;line-height:32px}

/* greenLegacy */
#contents.greenLegacy h4 {text-align:center;font-size:42px;font-weight:600;margin-bottom:55px}
#contents.greenLegacy .greenLegacy-top {letter-spacing:-0.2px;background-image:url(/resources/images/sub/bondingspon/greenLegacy-top-bg-v2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;height:1260px}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner {width:950px;margin:auto;padding-top:115px}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .title-area {display:flex}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .title-area .sub-txt {margin-left:90px}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .title-area .sub-txt>.inner {font-size:22px;color:#b8c3c2;line-height:32px;padding-left:35px;position:relative;margin-top:160px}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .title-area .sub-txt>.inner::before {content:"";display:block;width:1px;height:100%;background-color:#b8c3c2;position:absolute;top:0;left:0}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .title-area .sub-txt>.inner>p:last-child {margin-top:10px}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .title-area .sub-txt>.inner>p>span {font-size:34px;font-weight:600}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .video-area {margin-top:90px;width:100%;height:535px;position:relative;box-shadow:0 6px 5px 0px rgb(0 0 0 / 50%)}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .video-area .play {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .btn-greenNoble-white {display:inline-block;font-size:25px;font-weight:600;border:4px solid #fff;padding:20px 60px;color:#fff;transition:all 0.3s}
#contents.greenLegacy .greenLegacy-top .greenLegacy-top-inner .btn-greenNoble-white:hover {background-color:#fff;border:4px solid #fff;padding:20px 60px;color:#111c26}
#contents.greenLegacy .greenLegacy-member-list {background-image:url(/resources/images/sub/bondingspon/greenLegacy-member-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top}
#contents.greenLegacy .greenLegacy-info-box {margin-bottom:40px}
#contents.greenLegacy .greenLegacy-info-box>ul {display:flex;flex-direction:row;margin-left:-13px;margin-right:-13px}
#contents.greenLegacy .greenLegacy-info-box>ul>li>.inner {margin-left:13px;margin-right:13px;background-color:#eee;padding:35px;font-size:20px;line-height:30px;position:relative}
#contents.greenLegacy .greenLegacy-info-box>ul>li>.inner::after {content:"";display:block;width:143px;height:143px;position:absolute;top:50%;transform:translateY(-50%);right:35px;background-image:url(/resources/images/sub/bondingspon/greenLegacy-infoImg01.png);background-repeat:no-repeat}
#contents.greenLegacy .greenLegacy-info-box>ul>li:last-child>.inner::after {background-image:url(/resources/images/sub/bondingspon/greenLegacy-infoImg02.png)}
#contents.greenLegacy .greenLegacy-info-box>ul>li>.inner .greenLegacy-cate {font-size:24px;font-weight:600;margin-bottom:30px}
#contents.greenLegacy .greenLegacy-info-box>ul>li>.inner .greenLegacy-cate>span {display:block;margin-bottom:8px;font-size:20px;font-weight:400;color:#777}
#contents.greenLegacy .greenLegacy-process-box>ol {display:flex;flex-direction:row;margin-left:-13px;margin-right:-13px}
#contents.greenLegacy .greenLegacy-process-box>ol>li>.inner {border:1px solid #ddd;padding:30px 25px 0 25px;margin-left:13px;margin-right:13px;font-size:18px;line-height:30px;color:#666;height:255px}
#contents.greenLegacy .greenLegacy-process-box>ol>li>.inner>.num {font-size:42px;font-weight:600;color:#000;position:relative}
#contents.greenLegacy .greenLegacy-process-box>ol>li>.inner>.num::after {content:"";display:block;width:101px;height:8px;background-image:url(/resources/images/sub/bondingspon/greenLegacy-num-bg.png);position:absolute;top:50%;transform:translateY(-50%);right:0}
#contents.greenLegacy .greenLegacy-process-box>ol>li>.inner>.title {font-size:23px;line-height:40px;font-weight:600;color:#222;margin-top:20px;margin-bottom:15px}
#contents.greenLegacy .greenLegacy-process-box .txt-ref {text-align:center;font-size:20px;line-height:30px;color:var(--renew-point-color);margin-top:60px;margin-bottom:120px}
#contents.greenLegacy .greenLegacy-process-box .txt-ref>span {font-weight:600}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type {margin-top:70px;margin-left:15px;margin-right:15px}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type>ul {display:flex;flex-direction:row}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type>ul>li>.inner {margin-left:15px;margin-right:15px;width:200px;height:140px;padding:30px 0;border-radius:50%;background-color:#f7f7f7;text-align:center;font-size:24px;font-weight:600;color:#000}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type>ul>li>.inner::before {content:"";display:block;margin:auto;margin-bottom:15px;width:90px;height:90px;background-repeat:no-repeat;background-position:center center}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-01>ul>li:nth-child(1)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-cate-icon01_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-01>ul>li:nth-child(2)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-cate-icon02_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-01>ul>li:nth-child(3)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-cate-icon03_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-01>ul>li:nth-child(4)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-cate-icon04_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-01>ul>li:nth-child(5)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-cate-icon05_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-02>ul>li:nth-child(1)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-icon01_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-02>ul>li:nth-child(2)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-icon02_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-02>ul>li:nth-child(3)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-icon03_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-02>ul>li:nth-child(4)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-icon04_v2.png)}
#contents.greenLegacy .greenLegacy-tab-area .greenLegacy-type.type-02>ul>li:nth-child(5)>.inner::before {background-image:url(/resources/images/sub/bondingspon/greenLegacy-icon05_v2.png)}

.bondingSpon-slider-wrap .slider-area .bondingSpon-slider-thumbnail.greenLegacy-thumbnail {width:486px}

#contents.greenLegacy .greenLegacy-supporter-respect>ul {display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
#contents.greenLegacy .greenLegacy-supporter-respect>ul>li {width:33.3333%}
#contents.greenLegacy .greenLegacy-supporter-respect>ul>li>.inner {margin-left:15px;margin-right:15px;margin-bottom:50px}
#contents.greenLegacy .greenLegacy-supporter-respect>ul>li>.inner>h5 {font-size:24px;font-weight:600;margin-top:20px;margin-bottom:20px}
#contents.greenLegacy .greenLegacy-supporter-respect>ul>li>.inner>p {font-size:20px;color:#666;line-height:32px}

#contents.greenLegacy .greenLegacy-mou {text-align:center;background-image:url(/resources/images/sub/bondingspon/greenLegacy-mou-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top}
#contents.greenLegacy .greenLegacy-mou .greenLegacy-mou-list>ul {display:flex;flex-direction:row}
#contents.greenLegacy .greenLegacy-mou .greenLegacy-mou-list>ul>li>.mou-logo {height:90px;line-height:90px;margin-bottom:35px}
#contents.greenLegacy .greenLegacy-mou .greenLegacy-mou-list>ul>li>.mou-name>p {font-size:24px;font-weight:600;}
#contents.greenLegacy .greenLegacy-mou .greenLegacy-mou-list>ul>li>.mou-name>p>span {display:block;margin-top:20px;font-size:20px;font-weight:400;color:#666}

#contents.greenLegacy .accordion.greenLegacy-accordion {border-top:3px solid #000}
#contents.greenLegacy .accordion.greenLegacy-accordion .accordion-inner .accordion-toggle {padding:25px 60px;cursor:pointer;font-size:24px;font-weight:600;border-bottom:1px solid #ddd;position:relative}
#contents.greenLegacy .accordion.greenLegacy-accordion .accordion-inner .accordion-toggle::after {margin-top:-5px;content:"";border:solid #222;border-width:0 2px 2px 0;padding:6px;z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:45px}
#contents.greenLegacy .accordion.greenLegacy-accordion .accordion-inner .accordion-toggle.active::after{margin-top:-5px;transform:rotate(225deg);position:absolute;top:50%;right:45px}
#contents.greenLegacy .accordion.greenLegacy-accordion .accordion-inner .accordion-content {display:none;padding:45px 60px;font-size:20px;line-height:32px;border-bottom:1px solid #ddd;color:#666;background-color:#f7f7f7}
#contents.greenLegacy .accordion.greenLegacy-accordion .accordion-inner .accordion-content.default {display:block}

/* greenLeader */
#contents.greenLeader h4 {text-align:center;font-size:42px;font-weight:600;margin-bottom:55px}
#contents.greenLeader .greenLeader-top {letter-spacing:-0.2px;background-image:url(/resources/images/sub/bondingspon/greenLeader-top-bg-v2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;height:1260px}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner {width:950px;margin:auto;padding-top:115px}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .title-area {display:flex}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .title-area .sub-txt {margin-left:90px}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .title-area .sub-txt>.inner {font-size:22px;color:#b39663;line-height:32px;padding-left:35px;position:relative;margin-top:160px}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .title-area .sub-txt>.inner::before {content:"";display:block;width:1px;height:100%;background-color:#b39663;position:absolute;top:0;left:0}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .title-area .sub-txt>.inner>p:last-child {margin-top:10px}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .title-area .sub-txt>.inner>p>span {font-size:34px;font-weight:600}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .video-area {margin-top:90px;width:100%;height:535px;position:relative;box-shadow:0 6px 5px 0px rgb(0 0 0 / 50%)}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .video-area .play {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .btn-greenNoble-white {display:inline-block;font-size:25px;font-weight:600;border:4px solid #fff;padding:20px 60px;color:#fff;transition:all 0.3s}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .btn-greenNoble-white:hover {background-color:#fff;border:4px solid #fff;padding:20px 60px;color:#111c26}

.bondingSpon-slider-wrap .slider-area .bondingSpon-slider-thumbnail.greenLeader-thumbnail {width:486px}

#contents.greenLeader .greenLeader-info-box {margin-bottom:40px}
#contents.greenLeader .greenLeader-info-box>ul {display:flex;flex-direction:row;margin-left:-13px;margin-right:-13px}
#contents.greenLeader .greenLeader-info-box>ul>li>.inner {margin-left:13px;margin-right:13px;background-color:#eee;padding:45px;font-size:20px;line-height:30px;position:relative}
#contents.greenLeader .greenLeader-info-box>ul>li>.inner::after {content:"";display:block;width:143px;height:143px;position:absolute;top:50%;transform:translateY(-50%);right:35px;background-image:url(/resources/images/sub/bondingspon/greenLeader-infoImg01.png);background-repeat:no-repeat}
#contents.greenLeader .greenLeader-info-box>ul>li:last-child>.inner::after {background-image:url(/resources/images/sub/bondingspon/greenLeader-infoImg02.png)}
#contents.greenLeader .greenLeader-info-box>ul>li>.inner .greenLeader-cate {font-size:24px;font-weight:600;margin-bottom:30px}
#contents.greenLeader .greenLeader-process-box>ol {display:flex;flex-direction:row;margin-left:-13px;margin-right:-13px}
#contents.greenLeader .greenLeader-process-box>ol>li>.inner {border:1px solid #ddd;padding:30px 25px 0 25px;margin-left:13px;margin-right:13px;font-size:18px;line-height:30px;color:#666;height:255px}
#contents.greenLeader .greenLeader-process-box>ol>li>.inner>.num {font-size:42px;font-weight:600;color:#000;position:relative}
#contents.greenLeader .greenLeader-process-box>ol>li>.inner>.num::after {content:"";display:block;width:101px;height:8px;background-image:url(/resources/images/sub/bondingspon/greenLeader-num-bg.png);position:absolute;top:50%;transform:translateY(-50%);right:0}
#contents.greenLeader .greenLeader-process-box>ol>li>.inner>.title {font-size:23px;line-height:36px;font-weight:600;color:#222;margin-top:20px;margin-bottom:15px;height:65px}

#contents.greenLeader .greenLeader-supporter-respect>ul {display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
#contents.greenLeader .greenLeader-supporter-respect>ul>li {width:33.3333%}
#contents.greenLeader .greenLeader-supporter-respect>ul>li>.inner {margin-left:15px;margin-right:15px;margin-bottom:50px}
#contents.greenLeader .greenLeader-supporter-respect>ul>li>.inner>h5 {font-size:24px;font-weight:600;margin-top:20px;margin-bottom:20px}
#contents.greenLeader .greenLeader-supporter-respect>ul>li>.inner>p {font-size:20px;color:#666;line-height:32px}

/* HallOfFame, greenLegacy, greenNoble page radio & select & list */
.bondingspon-list-wrap .supporter-list .search-area {display:flex}
.bondingspon-list-wrap .supporter-list .search-area .search-box {position:relative;width:300px}
.bondingspon-list-wrap .supporter-list .search-area .search-box .input-search {border:1px solid #222;border-radius:0;width:100%;height:55px;padding-right:60px;font-size:20px}
.bondingspon-list-wrap .supporter-list .search-area .search-box .btn-search {position:absolute;top:15px;right:15px}
.bondingspon-list-wrap .supporter-list .search-area .search-sort-box {display:flex;/* margin-left:35px */}
.bondingspon-list-wrap .supporter-list .search-area .search-sort-box li {display:flex;flex-direction:row;align-items:center;margin-left:15px;margin-right:15px}

.bondingspon-list-wrap .supporter-list .search-area .radio-box {position:relative;font-size:0}
.bondingspon-list-wrap .supporter-list .search-area .radio-box input[type="radio"] + label {display:flex;align-items:center}
.bondingspon-list-wrap .supporter-list .search-area .radio-box input[type="radio"] + label::before {content:'';display:inline-block;width:23px;height:23px;border-radius:50%;background-color:transparent;border:1px solid #222}
.bondingspon-list-wrap .supporter-list .search-area .radio-box input[type="radio"] + label span {display:inline-block;margin-left:10px;font-size:24px;color:#222}
.bondingspon-list-wrap .supporter-list .search-area .radio-box input[type="radio"]:checked + label:after {content:'';display:inline-block;width:13px;height:13px;border-radius:50%;position:absolute;left:6px;top:6px;background-color:#222}

.bondingspon-list-wrap .supporter-list .search-area .select-box {position:relative;border:0;padding:0}
.bondingspon-list-wrap .supporter-list .search-area .select-box select {border:1px solid #222;height:55px;font-size:20px;padding-left:10px;padding-right:50px;cursor:pointer}
.bondingspon-list-wrap .supporter-list .search-area .select-box::before {display:inline-block;content:'';position:absolute;top:50%;right:15px;margin-top:-10px;border:solid #222;border-width:0 2px 2px 0;padding:6px;z-index:0;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.bondingspon-list-wrap .supporter-list .search-area .select-box.active:before {margin-top:-5px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}

.bondingspon-list-wrap .supporter-list .list-area {margin-top:25px;background-repeat:no-repeat;box-shadow:2px 3px 6px 0px rgb(0 0 0 / 22%);width:100%;height:306px}
.bondingspon-list-wrap .supporter-list .list-area.hallOfFame-list {background-image:url(/resources/images/sub/bondingspon/supporter-list-bg.png)}
.bondingspon-list-wrap .supporter-list .list-area.greenNoble-list {background-image:url(/resources/images/sub/bondingspon/greenNoble-memeber-list-bg.png)}
.bondingspon-list-wrap .supporter-list .list-area.greenLegacy-list {background-image:url(/resources/images/sub/bondingspon/greenLegacy-memeber-list-bg.png)}

.bondingspon-list-wrap .supporter-list .list-area>ul {display:flex;flex-wrap:wrap;margin-left:10px;margin-right:10px;padding-top:20px}
.bondingspon-list-wrap .supporter-list .list-area>ul>li {width:20%;height:61px;margin-bottom:10px}
.bondingspon-list-wrap .supporter-list .list-area>ul>li>a {display:block;background-image:url(/resources/images/sub/bondingspon/supporter-name-bg.png);margin-left:10px;margin-right:10px;height:100%;text-align:center;font-weight:600;font-size:20px}
.bondingspon-list-wrap .supporter-list .list-area>ul>li>a>span {display:inline-block;width:100%;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center}

.layerPopup-inner.layerPopup-bondingSpon {width:925px;height:auto;border:2px solid #003111}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont {padding:55px;height:auto;font-size:22px;line-height:36px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info {display:flex;flex-direction:row}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt {width:460px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-label {display:flex;flex-direction:row;margin-left:-5px;margin-right:-5px;height:72px;margin-bottom:40px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-label li {margin-left:5px;margin-right:5px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-name {font-size:32px;font-weight:600}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-name>span {font-size:22px;margin-left:5px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-date {margin-top:20px;color:#000;font-size:22px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-date li {position:relative;padding-left:12px;margin-bottom:3px}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-txt .supporter-date li::before {content:"";display:block;width:4px;height:4px;border-radius:50%;background-color:#000;position:absolute;top:50%;transform:translateY(-50%);left:0}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-photo {width:40%;background-color:#fff;border-radius:5px;width:340px;height:340px;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center}
.layerPopup-inner.layerPopup-bondingSpon .layerPopup-cont .member-info .info-photo img {width:100%}
.layerPopup-inner.layerPopup-bondingSpon .btn-layerPopup-close {position:absolute;top:18px;right:18px;width:27px;height:26px;text-indent:-99999em;background-image:url(/resources/images/sub/bondingspon/layerPopup-close.png);background-repeat:no-repeat}

.paging-bondingspon {margin-top:60px}
.paging-bondingspon>.paging {height:35px;display:flex;flex-direction:row;justify-content:center;align-items:center}
.paging-bondingspon a {font-size:24px;color:#111;margin:0 10px}
.paging-bondingspon a img {display:none}
.paging-bondingspon a.page-direct::before,
.paging-bondingspon a.page_direct::before {content:"";display:inline-block;width:33px;height:33px;background-repeat:no-repeat;background-position:center center}
.paging-bondingspon a:first-child.page-direct::before {background-image:url(/resources/images/sub/bondingspon/bongdingSpon-page-first.png)}
.paging-bondingspon a:last-child.page-direct::before {background-image:url(/resources/images/sub/bondingspon/bongdingSpon-page-last.png)}
.paging-bondingspon a.page_direct.page_prev::before {background-image:url(/resources/images/sub/bondingspon/bongdingSpon-page-prev.png)}
.paging-bondingspon a.page_direct.page_next::before {background-image:url(/resources/images/sub/bondingspon/bongdingSpon-page-next.png)}
.paging-bondingspon a.page-now {font-weight:600}
.paging-bondingspon a.page_prev {margin-right:35px}
.paging-bondingspon a.page_next {margin-left:35px}
/* greenNoble, Legacy, halloffame paging styleFiex 20240604 */
.paging-bondingspon.paging-styleFix>.paging {gap:10px}
.paging-bondingspon.paging-styleFix>.paging a {line-height:inherit}
.paging-bondingspon.paging-styleFix>.paging a.page_prev,
.paging-bondingspon.paging-styleFix>.paging a.page_next {margin:0}

.bondingSpon-slider-wrap {background-color:#f1f1f1}
.bondingSpon-slider-wrap .slider-area {position:relative;width:950px;margin:auto;overflow:hidden}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner {display:flex;flex-direction:row}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner .inner-photo {width:416px;height:510px}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner .inner-txt {margin-left:50px;margin-top:50px;position:relative;min-height:460px}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner .inner-txt .point-txt {font-size:40px;font-weight:600;margin-bottom:38px;line-height:55px;letter-spacing:-2px}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner .inner-txt .name {font-size:20px;margin-bottom:45px}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner .inner-txt .txt-box {font-size:20px;line-height:32px;word-break:keep-all;padding-bottom:70px}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider .slide-inner .inner-txt .txt-more {color:#000;font-size:17px;border-bottom:1px solid #222;padding-bottom:3px;position:absolute;bottom:0;right:0}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider-thumbnail {width:730px;margin:auto;overflow:hidden}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider-thumbnail .swiper-slide {display:flex;justify-content:center}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider-thumbnail .swiper-slide img {width:106px;height:106px;outline:1px solid #d0d0d0;outline-offset:-1px;cursor:pointer}
.bondingSpon-slider-wrap .slider-area .bondingSpon-slider-thumbnail .swiper-slide.swiper-slide-thumb-active img {outline:3px solid #111;outline-offset:-3px}
.bondingSpon-slider-wrap .slider-area .swiper-button-prev,
.bondingSpon-slider-wrap .slider-area .swiper-button-next {top:initial;bottom:30px;color:#222}
.bondingSpon-slider-wrap .slider-area .swiper-button-next, 
.bondingSpon-slider-wrap .slider-area .swiper-container-rtl .swiper-button-prev {right:60px}
.bondingSpon-slider-wrap .slider-area .swiper-button-prev,
.bondingSpon-slider-wrap .slider-area .swiper-container-rtl .swiper-button-next {left:60px}

html.bondingspon {width:auto}

/* 팝업 폼 공통 */
.popup_form {border:2px solid #003111;height:100%;width:inherit;letter-spacing:-1px;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup_form .popup_form_con {overflow:hidden;margin:0 auto;padding:50px 0;width:790px;height:calc(100% - 72px);background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup_form .popup_form_con .popup_form_inner {width:100%}
.popup_form .popup_form_con .popup_form_inner .form_header {display:flex;margin-bottom:23px}
.popup_form .popup_form_con .popup_form_inner .form_header h3 {width:50%;font-weight:600;font-size:28px}
.popup_form .popup_form_con .popup_form_inner .form_header p {width:50%;font-weight:400;text-align:right;font-size:20px;display:inline-block;vertical-align:text-bottom;line-height:initial}
.popup_form .popup_form_con .popup_form_inner .form_header p > em {font-weight:500}

.popup_form .popup_form_con .popup_form_inner .input_box {border-top:3px solid #222;width:100%}
.popup_form .popup_form_con .popup_form_inner .input_box table {color:#333;width:100%}
.popup_form .popup_form_con .popup_form_inner .input_box table th {background:#f8f8f6;text-align:left;font-weight:500}
.popup_form .popup_form_con .popup_form_inner .input_box table th,
.popup_form .popup_form_con .popup_form_inner .input_box table td {padding:13px 16px;border-bottom:1px solid #e4e4e4;font-size:20px}
.popup_form .popup_form_con .popup_form_inner .input_box table td input[type="text"]{width:88px;height:46px;vertical-align:top;margin:2px 0 0 0;border:1px solid #e5e5e5;border-radius:0}
.popup_form .popup_form_con .popup_form_inner .input_box table td .popup_form_select {position:relative;display:inline-block;width:auto;height:46px}
.popup_form .popup_form_con .popup_form_inner .input_box table td .popup_form_select::before {content:'';display:block;width:12px;height:7px;background-image:url(/resources/images/common/bg/bg_select.gif);background-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);right:15px}
.popup_form .popup_form_con .popup_form_inner .input_box table td .popup_form_select select {width:auto;height:46px;border:1px solid #e5e5e5;padding:0 40px 0 10px;cursor:pointer;vertical-align:top;margin-top:1px}

.popup_form .popup_form_con .agree_check {width:100%;color:#666;margin-top:30px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.popup_form .popup_form_con .agree_check ul li {margin-bottom:10px;position:relative}
.popup_form .popup_form_con .agree_check ul li span {display:inline-block;width:19px;height:19px;background:url('/resources/images/common/radio_n.png') no-repeat 0 0;position:absolute;top:3px;left:0}
.popup_form .popup_form_con .agree_check ul li span.on {background:url('/resources/images/common/radio_p.png') no-repeat 0 0;background-size:contain}
.popup_form .popup_form_con .agree_check ul li span button {position:absolute;top:0;left:0;width:19px;height:19px;text-indent:-9999px}
.popup_form .popup_form_con .agree_check ul li input[type="checkbox"] {width:19px;height:19px;margin:0 5px 0 0;background:0;position:absolute;top:0;left:0;z-index:6;filter:alpha(opacity=0);opacity:0}
.popup_form .popup_form_con .agree_check ul li label {display:inline-block;margin-left:30px;line-height:24px;font-size:18px}
.popup_form .popup_form_con .agree_check ul li .btn-layerPopup-open {display:inline-block;color:#000;padding-bottom:2px;border-bottom:1px solid #000;margin:3px 0 0 10px;font-size:16px;font-weight:500}

.popup_form .popup_form_con .popup_btn {text-align:center;margin-top:60px}
.popup_form .popup_form_con .popup_btn a {display:inline-block;padding:0 0;width:280px;height:60px;line-height:58px;text-align:center;border:1px solid var(--renew-point-color);box-sizing:border-box;}
.popup_form .popup_form_con .popup_btn a span{font-size:20px;font-weight:normal;color:var(--renew-point-color);}

.input_inner_flex {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}
.input_inner_flex > span {margin:0 10px}

.bullet-star {color:#978068;font-size:20px}
.txt-point-ul {color:var(--renew-point-color);border-bottom:1px solid var(--renew-point-color);font-weight:600}
.txt-point-ul>big {font-size:22px}

.layerPopup-inner.layerPopup-popupForm {width:75%;border:15px solid #eaeaea;letter-spacing:-1px}
.layerPopup-inner.layerPopup-popupForm .layerPopup-cont {padding:40px}
.layerPopup-inner.layerPopup-popupForm .layerPopup-cont h5 {font-size:24px;font-weight:600;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #000}
.layerPopup-inner.layerPopup-popupForm .layerPopup-cont ol {font-size:18px;line-height:initial}
.layerPopup-inner.layerPopup-popupForm .layerPopup-cont ol>li {margin-bottom:10px}
.layerPopup-inner.layerPopup-popupForm .layerPopup-cont ol>li:last-child {margin-bottom:0}
.layerPopup-inner.layerPopup-popupForm .btn-layerPopup-close {position:absolute;top:40px;right:40px;width:27px;height:26px;text-indent:-99999em;background-image: url(/resources/images/sub/bondingspon/layerPopup-close.png);background-repeat:no-repeat}

.popup_ckBox {position:relative;font-size:0}
.popup_ckBox input[type="checkbox"] {display:none;position:absolute;top:0;left:0;width:0;height:0;opacity:0}
.popup_ckBox input[type="checkbox"] + label {line-height:21px;position:relative;display:inline-block;cursor:pointer;user-select:none}
.popup_ckBox input[type="checkbox"] + label:before {content:'';display:inline-block;width:20px;height:20px;vertical-align:middle;background-color:#fff;border:1px solid #d8d8d8}
.popup_ckBox input[type="checkbox"] + label:after {content:'';display:inline-block;width:13px;height:10px;position:absolute;left:5px;top:6px}
.popup_ckBox input[type="checkbox"]:checked + label:before {border:1px solid #c1a472}
.popup_ckBox input[type="checkbox"]:checked + label:after {background:url('/resources/v2/images/common/ico_chkbox_checked@2x.png') no-repeat center center;background-size:100%;}
.popup_ckBox input[type="checkbox"] + label span {display:inline-block;vertical-align:top;margin-top:0;margin-left:8px;font-size:18px;color:#7b7b7b}

/* KBS동행 */
.donghaeng_wrap{padding-top:80px;padding-bottom:120px;}
.donghaeng_wrap h3{font-size:45px;}
.donghaeng_wrap .sr-only,
.donghaeng_wrap .sr-only:before,
.donghaeng_wrap .sr-only:after { width:1px; height:1px; opacity:0; color:rgba(0,0,0,0); position:absolute; top:-9999em; left:-9999em; text-indent:-9999em }
#container #contents.donghaeng_wrap .sub-base-width{padding-top:0;padding-bottom:0;}
.donghaeng_wrap .cont_inner_box{display:flex;flex-direction:row;}
.donghaeng_wrap .cont_top_img{width:1200px;margin:60px auto 0;}
.donghaeng_wrap .info_txt_area{margin-top:58px;}
.donghaeng_wrap .info_txt_area > .col.col_4{width:30%;padding-left:0;padding-right:0;}
.donghaeng_wrap .info_txt_area > .col.col_8{width:70%;padding-left:0;padding-right:0;}
.donghaeng_wrap .info_txt_area h4{padding-left:2px;font-size:42px;font-weight:700;color:#222222;}
.donghaeng_wrap .info_txt_area > .col  > .txt_box{font-size:20px;color:#222;line-height:32px;}
.donghaeng_wrap .info_txt_area > .col  > .txt_box:nth-child(2){margin-top:15px;}
.aoss_area{margin-top:40px;}
.aoss_area > ul{width:840px;height:198px;border:1px solid #ddd;box-sizing:border-box;}
.aoss_area > ul > li{position:relative;width:50%;}
.aoss_area > ul > li.left_area{float:left;}
.aoss_area > ul > li.right_area{float:left;}
.aoss_area > ul > li.botm_txt_box{clear:both;width:100%;}
.total_group{position:relative;margin-left:36px;padding:39px 0 38px 105px;box-sizing:border-box;}
.total_group .total_tit > strong{position:relative;font-size:24px;font-weight:600;color:#222}
.total_group .total_tit > strong:after{content:'';position:absolute;bottom:-5px;left:0;display:block;width:134px;height:1px;background-color:#222}
.total_group .total_tit > span{font-size:18px;color:#222;}
.total_group .total_box{margin-top:27px;}
.total_group .total_box > strong{font-family:"GmarketSans";font-size:28px;font-weight:700;color:var(--renew-point-color);}
.total_group .total_box > span{font-size:19px;color:#222;}
.total_group.amount{background:url('/resources/images/donghaeng/ico_01_v2.png') 0 center no-repeat;}
.total_group.amount:after{content:'';position:absolute;top:50%;right:0;width:1px;height:66px;background-color:#ddd;transform:translateY(-50%);}
.total_group.supporter{background:url('/resources/images/donghaeng/ico_02_v2.png') 0 center no-repeat;}
.botm_txt_box > div{width:100%;height:40px;line-height:40px;background-color:#c9c9c9;text-align:center;font-size:18px;color:#fff;}

.donghaeng_wrap .process_area{margin-top:118px;}
.donghaeng_wrap .process_area h4{font-size:42px;font-weight:700;color:#222;}
.donghaeng_wrap .dognhang-process-box > ol {display: flex;flex-direction: row;margin-top:40px;margin-left: -12px;margin-right: -12px}
.donghaeng_wrap .dognhang-process-box > ol > li.col-4{width:25%;}
.donghaeng_wrap .dognhang-process-box > ol > li > .inner {border: 1px solid #ddd;padding: 35px 35px 0 36px;margin-left: 12px;margin-right: 12px;font-size: 18px;line-height: 30px;color: #666;height: 250px}
.donghaeng_wrap .dognhang-process-box > ol > li > .inner>.num {font-size: 42px;font-weight: 600;color: #000;position: relative}
.donghaeng_wrap .dognhang-process-box > ol > li > .inner>.num::after {content: "";display: block;width: 155px;height: 9px;background-image: url(/resources/images/donghaeng/num-deco-dkgreen-line_v2.png);position: absolute;top: 50%;transform: translateY(-50%);right: 0}
.donghaeng_wrap .dognhang-process-box > ol > li > .inner>.title {font-size: 23px;line-height: 40px;font-weight: 600;color: #222; margin-top: 20px; margin-bottom: 15px}

.donghaeng_wrap .cont_inner_box.vod_area{flex-direction:column;margin-top:117px;}
.vod_area h4{font-size:42px;font-weight:700;color:#222;}
.vod_area .vod_list{margin-top:38px;}
.vod_area .vod_list ul{overflow:hidden;}
.vod_area .vod_list ul li{float:left;width:384px;margin-left:24px;box-sizing:border-box;}
.vod_area .vod_list ul li:first-child{margin-left:0;}
.vod_area .vod_list ul li .replay_vod{position:relative;height:500px;border:1px solid #e4e4e4;box-sizing:border-box;}
.vod_area .vod_list ul li .replay_vod dl{padding:32px 31px 0;}
.vod_area .vod_list ul li .replay_vod dl dt{padding-bottom:13px;font-size:20px;font-weight:600;color:#333;}
.vod_area .vod_list ul li .replay_vod dl dd{font-size:20px;color:#666;line-height:30px;}
.vod_area .vod_list ul li .replay_vod .btn_replay{position:absolute;bottom:30px;left:50%;margin-left:-82px;text-align:center;}
.vod_area .vod_list ul li .replay_vod .btn_replay .full_dkgreen{display:inline-block;width:164px;height:40px;background-color:var(--renew-point-color);text-align:center;color:#fff;font-family: 'noto';font-size:20px;font-weight:normal;line-height:40px;border-radius:25px 25px;}

.more_slider_group{margin-top:120px;background-color:#f1f1f1;}
.more_slider_group h4{padding-top:95px;font-size:42px;color:#222;text-align:center;}
.more_slider_group .slider-area{overflow:inherit;position:relative;width:1100px;margin:auto;padding-bottom:100px;}
.more_slider_group .slider-area .slide-inner{display:flex;flex-direction:row;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-photo{width:540px;height:480px;margin-top:54px;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-txt{position:relative;margin-top:54px;margin-left:50px;min-height:480px;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-txt .point-txt{padding-top:15px;font-size:34px;font-weight:700;color:#222;line-height:45px;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-txt .name{margin-top:20px;font-size:20px;color:#222;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-txt .txt-box{font-size:20px;line-height:32px;color:#222;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-txt .txt-box p{display:block;width:100%;}
.more_slider_group .slider-area .donghaeng-slider .slide-inner .inner-txt .txt-more{position:absolute;bottom:-6px;right:40px;padding-bottom:7px;border-bottom:0;font-size:20px;font-weight:700;color:#222;}
.more_slider_group .slider-area .swiper-button-next{top:initial;bottom:30px;color:#222;}
.more_slider_group .slider-area .swiper-button-prev.swiper-button-disabled,
.more_slider_group .slider-area .swiper-container-rtl .swiper-button-prev{top:initial;bottom:30px;color:#222;}
.more_slider_group .slider-area .donghaeng-slider-thumbnail {width:342px;margin:60px auto auto;overflow:hidden}
.more_slider_group .slider-area .donghaeng-slider-thumbnail .swiper-slide {display:flex;justify-content:center}
.more_slider_group .slider-area .donghaeng-slider-thumbnail .swiper-slide img {width:106px;height:106px;outline:1px solid #d0d0d0;outline-offset:-1px;cursor:pointer}
.more_slider_group .slider-area .donghaeng-slider-thumbnail .swiper-slide.swiper-slide-thumb-active img {outline:3px solid #222;outline-offset:-3px}
.more_slider_group .slider-area .swiper-button-prev,
.more_slider_group .slider-area .swiper-button-next {top:initial;bottom:30px;color:#222}
.more_slider_group .slider-area .swiper-button-next, 
.more_slider_group .slider-area .swiper-container-rtl .swiper-button-prev {right:60px}
.more_slider_group .slider-area .swiper-button-prev,
.more_slider_group .slider-area .swiper-container-rtl .swiper-button-next {left:60px}

.donghaeng_wrap .story_area{margin-top:120px;}
.donghaeng_wrap .story_area h5{font-size:42px;color:#222;line-height:54px;}
.donghaeng_wrap .story_area > .col.col_4{width:30%;padding-left:0;padding-right:0;}
.donghaeng_wrap .story_area > .col.col_8{width:70%;padding-left:0;padding-right:0;}
.donghaeng_wrap .story_area p{font-size:20px;color:#222;}
.donghaeng_wrap .story_area .btn_l{margin-top:28px;text-align:left;}
.donghaeng_wrap .story_area .btn_l .btnDkg{display:inline-block;width:280px;height:60px;line-height:58px;text-align:center;font-size:20px;color:var(--renew-point-color);font-weight:normal;border:1px solid var(--renew-point-color);box-sizing:border-box;}

.donghaeng_wrap .faq_area{margin-top:118px;}
.donghaeng_wrap .faq_area h5{font-size:42px;color:#222;}
.donghaeng_wrap .faq_area > .col.col_4{width:30%;padding-left:0;padding-right:0;}
.donghaeng_wrap .faq_area > .col.col_8{width:70%;padding-left:0;padding-right:0;}
.donghaeng_wrap .donghaeng-accordion{border-top:3px solid #000;}
.donghaeng_wrap .donghaeng-accordion .accordion-inner .accordion-toggle{position:relative;padding:20px 0 18px 78px;background-color:#fff;border-bottom:1px solid #ddd;line-height:34px;font-size:24px;font-weight:700;color:#000;}
.donghaeng_wrap .donghaeng-accordion .accordion-inner .accordion-toggle:before{content:'Q. ';position:absolute;top:20px;left:50px;display:block;font-size:24px;font-weight:700;color:#000;}
.donghaeng_wrap .donghaeng-accordion .accordion-inner .accordion-toggle:after{content:'';position:absolute;top:calc(50% - 10px);right:50px;border:solid #222;border-width:0 2px 2px 0;padding:6px; z-index:6;transform:rotate(45deg)}
.donghaeng_wrap .donghaeng-accordion .accordion-inner .accordion-toggle.on:after{margin-top:10px;transform:rotate(225deg);}
.donghaeng_wrap .donghaeng-accordion .accordion-inner .accordion-content{display:none;padding:45px 50px 42px 50px;background-color:#f7f7f7;border-bottom:1px solid #ddd;color:#666;font-size:20px;line-height:32px;}
.donghaeng_wrap .donghaeng_banner{position:relative;width:1200px;height:300px;margin-top:120px;background:url('/resources/images/donghaeng/img_bottom_banner.jpg') 0 0 no-repeat;}
.donghaeng_wrap .donghaeng_banner .btn_support_banner{width:100%;height:100%;}
.donghaeng_wrap .donghaeng_banner .btnDkg{position:absolute;bottom:60px;left:80px;display:block;width:271px;height:60px;background-color:var(--renew-point-color);text-align:center;font-size:20px;font-weight:normal;color:#fff;line-height:60px;}

/* 기업후원개편_202405 */
/* 레이아웃공통 */
#container #contents .content_sub h3.sub-base-width{padding-bottom:0;font-size:45px;font-weight:700;color:#333;}

/* sub contents grid wrap */
.cont_grid_wrap {display:flex;flex-direction:row;margin-left:-12px;margin-right:-12px}
.cont_grid_wrap.flex_wrap {flex-wrap:wrap}
.cont_grid_wrap .col {padding-left:12px;padding-right:12px;box-sizing:border-box}
.cont_grid_wrap .col.col_1 {width:8.333333%}
.cont_grid_wrap .col.col_2 {width:16.666667%}
.cont_grid_wrap .col.col_3 {width:25%}
.cont_grid_wrap .col.col_4 {width:33.3333%}
.cont_grid_wrap .col.col_5 {width:41.666667%}
.cont_grid_wrap .col.col_6 {width:50%}
.cont_grid_wrap .col.col_7 {width:58.333333%}
.cont_grid_wrap .col.col_8 {width:66.666667%}
.cont_grid_wrap .col.col_9 {width:75%}
.cont_grid_wrap .col.col_10 {width:83.333333%}
.cont_grid_wrap .col.col_11 {width:91.666667%}
.cont_grid_wrap .col.col_12 {width:100%}

/* 콘텐츠내상단이미지와버튼박스스타일 */
.cont_topVisual_box{width:1200px;height:480px;margin:70px auto 0;background-repeat:no-repeat;background-position:center center;position:relative;letter-spacing:-1.2px;}
.cont_topVisual_box {width:1200px;height:480px;margin:0 auto;margin-top:70px;background-repeat:no-repeat;background-position:center center;position:relative;letter-spacing:-1.2px}
.cont_topVisual_box .top_txt {display:inline-block;font-size:42px;line-height:52px;color:var(--renew-point-color);font-weight:400;position:relative;padding-left:28px;margin-top:125px;margin-left:100px}
.cont_topVisual_box .top_txt>span {display:inline-block;color:#222;font-weight:700;position:relative}
.cont_topVisual_box .top_txt>span::after {content:'';display:block;width:22px;height:16px;position:absolute;bottom:-8px;right:-30px;background-image:url(/resources/images/support/contents_support_top_txt.png);background-position:-20px 0}
.cont_topVisual_box .top_txt::before {content:'';display:block;width:20px;height:16px;position:absolute;top:-3px;left:0;background-image:url(/resources/images/support/contents_support_top_txt.png);background-position:0 0}
.cont_topVisual_box .visual_top_btn_area {width:996px;background-color:#fff;height:76px;padding:36px 44px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.cont_topVisual_box .visual_top_btn_area .btn_area_inner {height:100%;align-items:center;display:flex;align-items:center;justify-content:space-between;}
.cont_topVisual_box .visual_top_btn_area .btn_area_inner .txt_box {font-size:20px;line-height:28px;color:#333}
.cont_topVisual_box .visual_top_btn_area .btn_area_inner .btn_box {text-align:right}
.cont_topVisual_box .visual_top_btn_area .btn_area_inner .btn_box>a {display:inline-block;/* width:280px; */height:100%;background-color:var(--renew-point-color);color:#fff;padding:27px 32px;font-size:24px;font-weight:500;text-align:left;position:relative}
.cont_topVisual_box .visual_top_btn_area .btn_area_inner .btn_box>a::after {content:'';display:block;width:46px;height:16px;background-image:url(/resources/images/support/btn_support_arrow.png);background-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);right:32px;transition:all 0.4s linear}
.cont_topVisual_box .visual_top_btn_area .btn_area_inner .btn_box>a:hover::after {right:22px}

/* 페이지 내 타이틀 */
.subtitle_area h4{font-size:42px;font-weight:600;text-align:center;line-height:60px;color:#222;}
.subtitle_area h4 > em{color:var(--renew-point-color);}
.subtitle_area h4 + .sub_tit{font-size:20px;line-height:32px;color:#222;}

#contents.greenLegacy .subtitle_area .deco_tit{position:relative;font-size:32px;line-height:40px;font-weight:700;text-align:left;}
#contents.greenLegacy .subtitle_area .deco_tit:before{content:'';display: block;width:28px;height:3px;background-color:var(--renew-point-color);margin-bottom:14px;}
#contents.greenLegacy .subtitle_area .deco_tit em{color:var(--renew-point-color);}
#contents.greenLegacy .subtitle_area .sub_tit{margin-top:13px; font-size:20px;font-weight:500;color:#999;}

/* 설명글 */
.description{text-align:center;font-size:24px;color:#222;}
.description > em{font-weight:700;color:var(--renew-point-color);}

/* 버튼 */
.btn_box .renewal_btn{display:inline-block;width:280px;height:60px;text-align:center;font-size:20px;font-weight:normal;line-height:58px;color:var(--renew-point-color);border:1px solid var(--renew-point-color);background-color:#fff;box-sizing:border-box;}

/* 상단비주얼영역 */
.cpsci_visual{background:url('/resources/images/support/contents_regular_top_bg.jpg') no-repeat;}
.cpsci_visual .cont_grid_wrap{margin-left:0;margin-right:0;}
.cpsci_visual .visual_top_btn_area .btn_area_inner .btn_box > a{width:351px;box-sizing:border-box;}

/* 탭메뉴 */
.tabs.tabs2 li{width:295px;}
.tabs.tabs2 li a{display:block;width:100%;}
.tabs.tabs2 li.current a{color:var(--renew-point-color);box-sizing:border-box;}

.cpsci_contArea .sub-base-width.pb0{padding-bottom:0 !important;z-index: 100;}

.joinCompany_info_area .independent_scroll_wrap{position:relative;display:flex;-webkit-box-pack:justify;justify-content:space-between;}
.joinCompany_info_area .subtitle_area{position:sticky;top:90px;z-index:100;align-self:flex-start;min-height:600px;}
.joinCompany_info_area .subtitle_area > h4{padding-top:80px;}
#contents.greenLegacy .joinCompany_info_area .subtitle_area .sub_tit{padding-top:14px;font-size:20px;font-weight:300;color:#666;}
.joinCompany_info_area .subtitle_area .btn_box{margin-top:74px;}
.joinCompany_info_area .right_scrollBox{display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;align-self:flex-start;width:660px;margin-left:75px;}
.joinCompany_info_area .right_scrollBox > ul{padding-top:80px;}
.joinCompany_info_area .right_scrollBox > ul > li{width:660px;height:605px;margin-bottom:80px;}
.joinCompany_info_area .right_scrollBox > ul > li > a > p > img{border-radius:40px 40px;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl{margin-top:25px;margin-left:30px;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl > dt{font-size:26px;font-weight:500;color:#222;line-height:38px;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl > dd{margin-top:14px;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl > dd > span{display:inline-block;vertical-align:middle;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl > dd .logo_img{overflow:hidden;width:62px;height:62px;margin-right:10px;border-radius:50% 50%;border:1px solid #e5e5e5;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl > dd .logo_img > img{width:62px;height:auto;}
.joinCompany_info_area .right_scrollBox > ul > li > a > dl > dd .logo_name{font-size:22px;color:#666;}

.socialContribution_info_area{position:relative;height:871px;background:url('/resources/images/companySpon/bg_sc_info.jpg') 0 0 no-repeat;}
.socialContribution_info_area .subtitle_area{padding-top:8px;}
.joinCompany_info_area .subtitle_area .btn_box a:nth-child(2){margin-top:13px;}
.socialContribution_info_area .cont_grid_wrap{margin-top:43px;}
.socialContribution_info_area .inner{background-color: #fff;border-radius: 40px 0px 0px 0px;padding: 40px 41px;height: 337px;position: relative;box-sizing:border-box;}
.socialContribution_info_area .inner dl dt{position:relative;font-size:26px;font-weight:700;color:var(--renew-point-color);line-height:120px;}
.socialContribution_info_area .inner dl dt.deco_ico{height:120px;}
.socialContribution_info_area .inner dl dt.ico_fund{background:url('/resources/images/companySpon/ico01.png') right 0 no-repeat;}
.socialContribution_info_area .inner dl dt.ico_article{background:url('/resources/images/companySpon/ico02.png') right 0 no-repeat;}
.socialContribution_info_area .inner dl dt.ico_show{background:url('/resources/images/companySpon/ico03.png') right 0 no-repeat;}
.socialContribution_info_area .inner dl dd{position:relative;margin-top:20px;font-size:18px;font-weight:400;line-height:26px;color:#222;}
.socialContribution_info_area .inner dl dd:before{content:'';display:block;width:100%;height:2px;background-color:#333333;margin-bottom:16px;}
.socialContribution_info_area .description{margin-top:48px;}

.socialContribution_info_area  .btn_box{text-align:center;margin-top:51px;}

.scActivity_info_area{padding-bottom:100px;}
.scActivity_info_area .subtitle_area{padding-top:17px;}
.scActivity_info_area .subtitle_area .description{margin-top:27px;}
.scActivity_info_area > ul{display:flex;flex-direction:row;margin-left:-10px;margin-right:-10px;margin-top:130px;justify-content:center;}
.scActivity_info_area > ul > li{width:25%;padding-left:10px;padding-right:10px;box-sizing:border-box;}
.scActivity_info_area > ul > li:last-of-type{display:none;}
.scActivity_info_area > ul > li > a .inner{position:relative;height:266px;background-color:#f2f2f2;border-radius: 40px 0px 0px 0px;box-sizing:border-box;}
.scActivity_info_area > ul > li > a .inner > dl{text-align:center;}
.scActivity_info_area > ul > li > a .inner > dl:before{content:'';position:absolute;top:-82.5px;left:50%;margin-left:-82.5px;display:block;width:165px;height:165px;border-radius:50% 50%;}
.scActivity_info_area > ul > li > a .inner > dl.deco_press:before{background:url('/resources/images/companySpon/hover_img01.png') no-repeat;}
.scActivity_info_area > ul > li > a .inner > dl.deco_cmpnews:before{background:url('/resources/images/companySpon/hover_img02.png') no-repeat;}
.scActivity_info_area > ul > li > a .inner > dl.deco_greenews:before{background:url('/resources/images/companySpon/hover_img03.png') no-repeat;}
.scActivity_info_area > ul > li > a .inner > dl.deco_csrnews:before{background:url('/resources/images/companySpon/hover_img04.png') no-repeat;}
.scActivity_info_area > ul > li > a .inner > dl > dt{padding-top:112px;font-size:26px;font-weight:700;color:#222;}
.scActivity_info_area > ul > li > a .inner > dl > dd{margin-top:16px;font-size:18px;color:#222;line-height:26px;}
.scActivity_info_area > ul > li > a:hover .inner{background-color:var(--renew-point-color);transition:1s ease-out;}
.scActivity_info_area > ul > li > a:hover .inner > dl:before{transition:1s ease-out;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.scActivity_info_area > ul > li > a:hover .inner > dl.deco_press:before{background:url('/resources/images/companySpon/hover_on_img01.png') no-repeat;}
.scActivity_info_area > ul > li > a:hover .inner > dl.deco_cmpnews:before{background:url('/resources/images/companySpon/hover_on_img02.png') no-repeat;}
.scActivity_info_area > ul > li > a:hover .inner > dl.deco_greenews:before{background:url('/resources/images/companySpon/hover_on_img03.png') no-repeat;}
.scActivity_info_area > ul > li > a:hover .inner > dl.deco_csrnews:before{background:url('/resources/images/companySpon/hover_on_img04.png') no-repeat;}
.scActivity_info_area > ul > li > a:hover .inner > dl > dt{color:#fff;}
.scActivity_info_area > ul > li > a:hover .inner > dl > dd{color:#fff;}

.choiceReason_area{position:relative;padding-bottom:88px;background:url('/resources/images/companySpon/bg_choice.jpg') no-repeat;}
.choiceReason_area .subtitle_area{padding-top:12px;margin-bottom:40px;}
.choiceReason_area ul{display:flex;flex-wrap:wrap;flex-direction:row;margin-left:-12px;margin-right:-12px;margin-top:-12px;}
.choiceReason_area ul > li{width:33.333%;padding:12px 12px;box-sizing:border-box;}
.choiceReason_area ul > li .inner{position:relative;height:418px;padding:50px 50px 49px 50px;background-color:#fff;border-radius:40px 0px 0px 0px;box-sizing:border-box;}
.choiceReason_area ul > li .inner .counting_box{position:relative;width:100%;padding-bottom:17px;font-size:50px;font-weight:700;color:#000;border-bottom:1px solid #888;}
.choiceReason_area ul > li .inner .counting_box:before{content:'';display:block;height:91px;margin-bottom:14px;}
.choiceReason_area ul > li .inner .ico01{background:url('/resources/images/companySpon/ico04.png') 0 10px no-repeat;}
.choiceReason_area ul > li .inner .ico02{background:url('/resources/images/companySpon/ico05.png') 0 10px no-repeat;}
.choiceReason_area ul > li .inner .ico03{background:url('/resources/images/companySpon/ico06.png') 0 10px no-repeat;}
.choiceReason_area ul > li .inner .ico04{background:url('/resources/images/companySpon/ico07.png') 0 0 no-repeat;}
.choiceReason_area ul > li .inner .ico05{background:url('/resources/images/companySpon/ico08.png') 0 0 no-repeat;}
.choiceReason_area ul > li .inner .ico06{background:url('/resources/images/companySpon/ico09.png') 0 0 no-repeat;}
.choiceReason_area ul > li .inner .counting_box > span{font-size:22px;color:#444;}
.choiceReason_area ul > li .inner > dl{border-top:1px solid #c3c3c3;}
.choiceReason_area ul > li .inner > dl > dt{padding-top:28px;font-size:22px;font-weight:700;color:#333333;line-height:28px;}
.choiceReason_area ul > li .inner > dl > dt > span{display:block;font-size:18px;}
.choiceReason_area ul > li .inner > dl > dd{padding-top:15px;font-size:17px;color:#555555;line-height:26px;}

.scProgress_area > ul{position:relative;padding-top:120px;display:flex;flex-wrap:wrap;flex-direction:row;box-sizing:border-box;}
.scProgress_area > ul:before{content:'';position:relative;z-index:1;display:block;width:100%;height:3px;margin-bottom:-1px;background-color:#404040;border-radius:25px 25px;}
.scProgress_area > ul > li{position:relative;margin-left:12px;box-sizing:border-box;}
.scProgress_area > ul > li:first-child{margin-left:0;}
.scProgress_area > ul > li:before{content:'';position:absolute;top:-8px;left:50%;z-index:5;margin-left:-7px;display:block;width:17px;height:17px;background-color:#fff;border:3px solid #404040;border-radius:50% 50%;box-sizing:border-box;}
.scProgress_area > ul > li:after{content:'';position:absolute;top:-10px;right:-10px;z-index:5;display:block;width:10px;height:19px;background:url('/resources/images/companySpon/ico-arrow.png ') 0 0 no-repeat;}
.scProgress_area > ul > li:last-child:after{display:none;}
.scProgress_area > ul > li > .inner{position:relative;width:255px;height:271px;margin:0 18px;border:1px solid #eee;border-radius:0px 0px 40px 0px;box-sizing:border-box;}
.scProgress_area > ul > li > .inner:before{content:'';position:absolute;top:-80px;display:block;width:100%;height:80px;}
.scProgress_area > ul > li > .inner.ico01:before{background:url('/resources/images/companySpon/ico10.png') 91px 0 no-repeat;}
.scProgress_area > ul > li > .inner.ico02:before{background:url('/resources/images/companySpon/ico11.png') 87px 0 no-repeat;}
.scProgress_area > ul > li > .inner.ico03:before{background:url('/resources/images/companySpon/ico12.png') center 0 no-repeat;}
.scProgress_area > ul > li > .inner.ico04:before{background:url('/resources/images/companySpon/ico13.png') center 0 no-repeat;}
.scProgress_area > ul > li > .inner > dl{position:relative;padding-top:37px;padding-bottom:36px;text-align:center;}
.scProgress_area > ul > li > .inner > dl > dt{position:relative;font-size:22px;font-weight:700;color:#222222;}
.scProgress_area > ul > li > .inner > dl > dt:before{content:'';display:block;width:22px;height:27px;margin:0 auto;padding-bottom:30px;background:url('/resources/images/companySpon/img_numbers.png') 0 0 no-repeat;}
.scProgress_area > ul > li:first-child > .inner > dl > dt:before{background-position:0 0;}
.scProgress_area > ul > li:nth-child(2) > .inner > dl > dt:before{background-position:-22px 0;}
.scProgress_area > ul > li:nth-child(3) > .inner > dl > dt:before{background-position:-44px 0;}
.scProgress_area > ul > li:nth-child(4) > .inner > dl > dt:before{background-position:-66px 0;}
.scProgress_area > ul > li > .inner > dl > dd{margin-top:16px;font-size:18px;color:#222;line-height:26px;}
.scProgress_area .btn_box{margin-top:50px;text-align:center;}

.donation_info_area{background:url('/resources/images/companySpon/bg_danation.jpg') 0 0 no-repeat;}
.donation_info_area .subtitle_area{padding-top:7px;padding-bottom:20px;}
.donation_info_area .subtitle_area .description{margin-top:19px;}
.donation_info_area ul{margin-top:30px;display:flex;align-items:flex-end;justify-content:space-around;}
.donation_info_area ul > li > .inner .logo_box{display:flex;height:81px;align-items: center;justify-content: center;}
.donation_info_area ul > li > .inner .logo_name{margin-top:15px;text-align:center;font-size:17px;color:#222;}

.faq_area{padding-top:98px;}

/* 후원소식_리스트*/
/* 이미지게시판검색영역공통 */
.search_g {position: relative;width: 580px;height: 60px;line-height: 60px;text-align:center;margin:60px auto 0 auto;}
.search_g .text{width: 580px;height:60px;margin:0 auto;border:1px solid #979797 !important;border-radius:30px;vertical-align: top;border:0;padding-left:30px;}
.search_g .text::placeholder{font-size: 20px;font-weight: 500;color: #999;}
.search_g .btn_search {position: absolute;top:50%;transform:translateY(-50%);right:26px;width: 34px;height: 34px;background: url(/resources/images/ic_search.png);}
/* 이미지게시판공통 */
.search_tmb_sec{position:relative;margin-top:60px;}
.search_tmb_sec_mt0{margin-top:0;}
.search_tmb_lst {overflow:hidden;}
.search_tmb_item {width:380px;float:left;margin:0 0 40px 0;box-sizing:border-box;transition: transform 0.5s ease;margin-right:30px;}
.search_tmb_item:nth-of-type(3n) {margin-right:0;} 
.search_tmb_item .bg-thumb {transition: all 0.5s ease;}
.search_tmb_item:hover .bg-thumb {transform: scale(1.05);transition: all 0.5s ease;}
.search_tmb_item:hover .search_tmb_pic  {box-shadow: rgb(0 0 0 / 8%) 5px 5px 20px 0px;} 
.search_tmb_link,.search_tmb_pic,.search_tmb_category,.search_tmb_category2,.search_tmb_tit{display:block;}
.search_tmb_link{color:#333;font-size:14px;line-height:16px;}
.search_tmb_pic {position:relative;overflow:hidden;width:100%;height:340px;font-size:0;line-height:0;}
.search_tmb_pic .bg-thumb {position:absolute;top:0;left:0;right:0;bottom:0;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.search_tmb_item:hover .search_tmb_pic {transition: all 0.5s ease;box-sizing:border-box;}
.search_tmb_category{overflow:hidden;padding:10px 0;vertical-align:top;}
.search_tmb_category2{overflow:hidden;margin-top:10px;padding:0 5px;vertical-align:top;}
.search_tmb_tit{width:100%;margin-top:3px;font-weight:500;font-size:20px;line-height:24px;}
.search_tmb_category .search_tmb_tit{overflow:hidden;height:46px;}
.search_tmb_category2 .search_tmb_tit{overflow:hidden;height:44px;margin-top:0;}
.search_total_sec{margin-top:30px;line-height:18px;word-break:keep-all;word-wrap:break-word;}
.search_total_sec_mar1{margin:50px 0 -5px;}
.search_total_sec .in_txt_bold{font-weight:700;color:var(--renew-point-color);}
/* 페이징공통 */
.paging_mt1{margin-top:88px;}
.paging{text-align:center;margin-top:60px}
.paging *{vertical-align:middle}
.paging a{display:inline-block;margin:0 10px;color:#666;font-size:16px;line-height:18px}
.paging a.page-direct {margin:0;}
.paging a.page-now{color:var(--renew-point-color);font-weight:bold;border-bottom:1px solid var(--renew-point-color)}
.paging a.page_direct{width:34px;margin:0;font-size:0}
.paging a.page_prev{width:33px;/*margin:0 10px 0 -4px*/margin:0 10px 0 0;}
.paging a.page_next{/*margin:0 -4px 0 10px*/margin:0 0 0 10px;}

/* 기업후원소식_이미지게시판 */
/* 검색영역 */
.cpsci_story .tag_search_area{margin-top:60px;display:flex;align-items:center;justify-content:space-between;}
.cpsci_story .hashtag_list{position:relative;}
.cpsci_story .hashtag_list > dl{width:620px;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.cpsci_story .hashtag_list > dl > dt,
.cpsci_story .hashtag_list > dl > dd{display:inline-block;vertical-align:middle;}
.cpsci_story .hashtag_list > dl > dt{position:relative;font-weight:700;color:#333333;font-size:18px;}
.cpsci_story .hashtag_list > dl > dt:after{content:'';display:inline-block;vertical-align:middle;width:1px;height:17px;margin-top:-1px;margin-left:15px;background-color:#333;}
.cpsci_story .hashtag_list > dl > dd{margin-left:15px;padding:5px 0;}
.cpsci_story .hashtag_list > dl > dd > a{font-size:18px;color:#999999;border-bottom:1px solid transparent;}
.cpsci_story .hashtag_list > dl > dd > a:hover{color:var(--renew-point-color);font-weight:700;border-bottom:1px solid var(--renew-point-color);}
.cpsci_story .search_g{width:auto;margin:0 0;}
.cpsci_story .search_g .text{width:460px;}
/* 리스트 */
.cpsci_story .search_tmb_category{padding-top:0;}
.cpsci_story .search_tmb_category .tmb_tag_list{display:block;width:100%;height:57px;line-height:57px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.cpsci_story .search_tmb_category .tmb_tag_list > a{display:inline-block;vertical-align:middle;padding-right:15px;font-size:16px;color:#888888;}
.cpsci_story .search_tmb_category .tmb_tag_list > a:last-of-type{padding-right:0;}
.cpsci_story .search_tmb_category .search_tmb_tit{margin-top:17px;}
/* 플로팅버튼 */
.right_floating{visibility:hidden;position:fixed;top:40%;right:30px;opacity:0;transition:all 0.5s;}
.right_floating.action{visibility:visible;opacity:1;z-index:9}
.right_floating > ul > li:nth-child(2){margin-top:29px;}
.right_floating > ul > li > a{display:block;text-align:center;}
.right_floating > ul > li > a > .float_ico{position:relative;display:block;width:97px;height:97px;border-radius:50% 50%;}
.right_floating > ul > li > a > .float_ico:before{content:'';display:block;background:url('/resources/images/companySpon/quick_ico.png') no-repeat;}
.right_floating > ul > li > a > .ico_inquiry{background:var(--renew-point-color);}
.right_floating > ul > li > a > .ico_inquiry:before{position:absolute;top:29px;left:23px;width:51px;height:39px;background-position:0 0;}
.right_floating > ul > li > a > .ico_guide{background:#777777;}
.right_floating > ul > li > a > .ico_guide:before{position:absolute;top:34px;left:28px;width:41px;height:29px;margin:0 auto;background-position:0 -40px;background-size:100% auto;}
.right_floating > ul > li > a > i{display:block;width:100%;}
.right_floating > ul > li > a > span{display:block;width:100%;margin-top:9px;text-align:center;font-size:18px;font-weight:600;line-height:21px;}

/* 2024_홈페이지IA전체개편 */
#container #contents .content_sub .title-cont{margin-bottom:60px;padding-top:80px;}
#container #contents .content_sub .title-cont .main_tit{width:1200px;margin:0 auto;font-size:45px;color:#222;letter-spacing:-1px;font-weight:700;}
#container #contents .content_sub .title-cont .addTxt{font-size: 20px;font-weight: 500; color: #999; margin-top: 10px;line-height: normal;}
#contents .title1{text-align: left; font-size: 42px;font-weight: 600;color:#222;margin-bottom: 30px}
/* 공통_서브 */
.new_sub_cont {margin-top: 60px;color: #222;text-align: initial}
.new_sub_cont .main_img_area {width: 100%;height: 450px;background-repeat: no-repeat;background-position: center center}
.new_sub_cont .txt_top {font-size: 42px; line-height: 54px;letter-spacing: -2px;text-align: center;margin-bottom: 40px} 
.new_sub_cont .txt_top>p>span {display: block; color: var(--renew-point-color); }
.cont_grid_wrap {display: flex;flex-direction: row;margin-left: -12px;margin-right: -12px}
/* 상단비주얼이미지 */
#container.sub_banner.sub01{background:url('/resources/images/sub1_bg.png') no-repeat 0 0;}
#container.sub_banner.sub04{background:url('/resources/images/sub4_bg.png') no-repeat 0 0;}
/* 공통_탭 */
.tabs{border-bottom:2px solid var(--renew-point-color);}
.tabs li{position:relative;display:inline-block;width:50%;box-sizing:border-box;}
.tabs li a{position:relative;display:block;width:100%;color:#999;}
.tabs li.current{color:var(--renew-point-color);border:2px solid var(--renew-point-color);border-bottom:0;}
.tabs li.current a{color:var(--renew-point-color);box-sizing:border-box;}
.tabs li.current:before{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#fff;z-index:1;}
.tabs.tabs2 li a{color:#999;}
.tabs.tabs2 li.current a{color:var(--renew-point-color);}
.tab_cont{margin-top:60px;}
.tab_cont .tab_cont_inner {letter-spacing:-2px}
.tab_cont .tab_cont_inner .txt_top {font-size:42px;line-height:54px;letter-spacing:-2px;text-align:center;margin-bottom:40px}
.tab_cont .tab_cont_inner .txt_top>p>span {display:block;color:var(--renew-point-color);}
.tab_cont .tab_cont_inner .cont_grid {margin-top:50px;display:flex;flex-direction:row;margin-bottom:120px}
.tab_cont .tab_cont_inner .cont_grid:last-child {margin-bottom:0}
.tab_cont .tab_cont_inner .cont_grid>.cont_left {width:360px}
.tab_cont .tab_cont_inner .cont_grid>.cont_left h5 {font-size:42px;font-weight:700;line-height:54px}
.tab_cont .tab_cont_inner .cont_grid>.cont_left small {font-size:20px;font-weight:700;letter-spacing:initial}
.tab_cont .tab_cont_inner .cont_grid>.cont_right {width:840px;font-size:20px;line-height:32px}
.tab_cont .tab_cont_inner .cont_grid>.cont_right p {margin-bottom:30px;word-break:keep-all;text-align:justify}
/* 공통_아코디언_싱글 */
.accordion{border-top:3px solid #000}
.accordion .accordion-inner .accordion-toggle {padding:25px 60px;cursor:pointer;font-size:24px;font-weight:normal;border-bottom:1px solid #ddd;position:relative}
.accordion.block .accordion-inner .accordion-toggle{display:block;padding:37px 40px;}
.accordion .accordion-inner .accordion-toggle::after {margin-top:-5px;content:"";border:solid #222;border-width:0 2px 2px 0;padding:6px;z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:45px;}
.accordion .accordion-inner .gray_arrow.accordion-toggle::after{margin-top:-13px;padding:9px;border-width:0 3px 3px 0;border-color:#ddd;}
.accordion .accordion-inner .accordion-toggle.active::after{margin-top:-5px;transform:rotate(225deg);position:absolute;top:50%;right:45px;}
.accordion .accordion-inner .accordion-content {display:none;padding:45px 60px;font-size:20px;line-height:32px;border-bottom:1px solid #ddd;color:#666;background-color:#f7f7f7}
.accordion .accordion-inner .accordion-content.default {display:block}
.acc_area {border-top:3px solid #222;}
.acc_area a.tit {font-size:24px;color:#666;display:block;padding:37px 40px;position:relative;border-bottom:1px solid #ddd;}
.acc_area a.tit:after {content:'';display:block;width:31px;height:19px;background:url(/resources/images/sub/acc_arrow_t.png) no-repeat;position:absolute;top:45px;right:40px;transition:all 0.2s ease-out;}
.acc_area a.tit.active:after {background:url(/resources/images/sub/acc_arrow_b.png) no-repeat;}
.acc_area .acc_box {border-bottom:1px solid #ddd;padding:40px 0;display:none;}
/* 공통_버튼 */
.renew_btn_area{position:relative;width:100%;text-align:right;}
.renew_btn_area2{position:relative;width:100%;text-align:center;}
.renew_btn_area3{position:absolute;top:0;right:0;}
.renew_btn{display:inline-block;vertical-align:middle;width:280px !important;height:60px !important;text-align:center;font-size:20px !important;box-sizing:border-box !important;}
.renew_btn_auto{display:inline-block;vertical-align:middle;min-width:280px;height:60px;text-align:center;font-size:20px;padding:0 20px; box-sizing:border-box;}
.line_btn{border:1px solid var(--renew-point-color);color:var(--renew-point-color);line-height:58px;}
.full_btn{background-color:var(--renew-point-color) !important;color:#fff;line-height:60px;}
/* 공통_슬라이드 */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--renew-point-color);}
.slide_area.v1 {width:980px;margin:0 auto;position:relative;padding-bottom:80px;overflow:hidden;}
.slide_area.v1 .base_slide {margin-bottom:50px;width:100%;height:100%;}
.slide_area.v1 .base_slide .swiper-slide {position:relative;}
.slide_area.v1 .base_slide .swiper-slide .desc_box {position:absolute;top:338px;left:0;width:100%;color:#fff;font-size:17px;line-height:33px;background:url(/resources/images/business/domestic/bg_slide.png) repeat;height:207px;padding-bottom:30px;}
.slide_area.v1 .base_slide .swiper-slide .desc_box strong {display:block;font-size:20px;font-weight:600;margin:80px 0 10px 40px;}
.slide_area.v1 .base_slide .swiper-slide .desc_box span {padding-left:40px;display:block;line-height:30px;}
.slide_area.v1 .base_slide .slick-arrow {display:block;}
.slide_area.v1 .base_slide .slick-arrow:before {display:none;}
.slide_area.v1 .swiper-button-prev {background:url(/resources/images/sub/slide_arrow_l.png) no-repeat;left:908px;width:19px;height:32px;position:absolute;top:655px;}
.slide_area.v1 .swiper-button-next {background:url(/resources/images/sub/slide_arrow_r.png) no-repeat;right:0;width:19px;height:32px;position:absolute;top:655px;}
.slide_area.v1 .swiper-button-next:after, .slide_area .swiper-button-prev:after {display:none;}
.slide_area.v1 .progress {display:block;width:100%;height:6px;overflow: hidden;background:#ddd;background-image: linear-gradient(to right, var(--renew-point-color), var(--renew-point-color));background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
.slide_area.v1 .swiper-pagination.swiper-pagination-progressbar {top:auto;height:6px;}

/* 초록우산 */
#container #contents.about-greenUbll{margin-top:0;}
.about-greenUbll .tabs.tabs2{width:1200px;}
.about-greenUbll .tabs.tabs2 li a{color:#999;}
.about-greenUbll .tabs.tabs2 li.current a{color:var(--renew-point-color);}
.about-greenUbll .tabs.tabs2 li{width:calc(100% / 5);}
.about-greenUbll .tabs.tabs2 li:last-of-type{margin-right:-1px;}
.about-greenUbll .tabs.tabs2.type2 li{width:295px;}
.about-greenUbll .tabs.tabs2.type2 li.current{width:295px;}
/* 국제어린이재단연맹 */
.about_tab_cont .tab_cont_inner .international_child {margin-top:83px;}
.about_tab_cont .tab_cont_inner .international_child .nation_list > ul {display:flex;flex-direction:row;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}
.about_tab_cont .tab_cont_inner .international_child .nation_list > ul > li {width:20%}
.about_tab_cont .tab_cont_inner .international_child .nation_list > ul > li > a {margin:5px;display:block;border:1px solid #cecece}
.about_tab_cont .tab_cont_inner .international_child .nation_list > ul > li > a > .img_box {display:flex;flex-direction:row;align-items:center;justify-content:center;height:86px;background-color:#f5f5f5;border-bottom:1px solid #cecece}
.about_tab_cont .tab_cont_inner .international_child .nation_list > ul > li > a > .nation {display:flex;flex-direction:row;align-items:center;justify-content:center;height:50px;color:#666}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li {padding:30px 0;border-bottom:1px solid #ddd}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li:first-child {padding-top:0}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li:last-child {border-bottom:0}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li > .inner {padding-left:100px;position:relative;height:68px}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li > .inner::before {content:"";display:block;width:82px;height:68px;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li.vision > .inner::before {background-image:url(/resources/images/intro/about_icon_vision.png)}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li.mission > .inner::before {background-image:url(/resources/images/intro/about_icon_mission.png)}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li.rule > .inner::before {background-image:url(/resources/images/intro/about_icon_rule.png)}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li > .inner > h6 {font-size:24px;font-weight:700}
.about_tab_cont .tab_cont_inner .international_child .vision_list > li > .inner > p {font-size:20px;font-weight:400}
.about_tab_cont .tab_cont_inner .international_child .plan_list > li {padding:30px 0;border-bottom:1px solid #ddd}
.about_tab_cont .tab_cont_inner .international_child .plan_list > li:first-child {padding-top:0}
.about_tab_cont .tab_cont_inner .international_child .plan_list > li:last-child {border-bottom:0}
.about_tab_cont .tab_cont_inner .international_child .plan_list > li > h6 {font-size:24px;font-weight:700;margin-bottom:5px}
.about_tab_cont .tab_cont_inner .international_child .plan_list > li > p {font-size:20px;font-weight:400;line-height:32px;margin-bottom:0}
/* 회원국아코디언 */
.about_tab_cont .accordion .accordion-inner .accordion-content{padding-left:0;padding-right:0;}
.about_tab_cont .accordion .accordion-inner .accordion-toggle::after{margin-top:-15px;}
.about_tab_cont .accordion .accordion-inner .accordion-toggle.active::after{margin-top:-5px;}
.about_tab_cont .accordion .accordion-inner .accordion-content{background-color:#fff;}
.nation-accod-area .accordion .accordion-inner .accordion-toggle::after{margin-top:-4px;transform: rotate(225deg);}
.nation-accod-area .accordion .accordion-inner .accordion-toggle.active::after{margin-top:-17px;transform:rotate(45deg);}
/* 미션and비전 */
.about_tab_cont .cont_mivision .cont_right{display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;height: 100%;box-sizing:border-box;}
.about_tab_cont .cont_mivision .cont_right .cr_box{display:flex;flex-direction:column;width:400px;height:310px;border:1px solid #ddd;border-radius:25px 25px;box-sizing:border-box;}
.about_tab_cont .cont_mivision .cont_right .cr_box .ref_icon{width:111px;height:111px;margin:0 auto 35px;padding-top:37px;}
.about_tab_cont .cont_mivision .cont_right .cr_box .ref_icon > img{width:100%;}
.about_tab_cont .cont_mivision .cont_right .txt_slogan{text-align:center;border-top:1px solid #ddd;}
.about_tab_cont .cont_mivision .cont_right .txt_slogan .slogan_tit{padding-top:22px;font-size:30px;font-weight:700;color:var(--renew-point-color);line-height:1;}
.about_tab_cont .cont_mivision .cont_right .txt_slogan .slogan_sense{padding-top:29px;font-size:20px;color:#222;line-height:1;}
.about_tab_cont .cont_mivision .cont_right .cr_box.right_box .ref_icon{width:109px;height:104px;margin-bottom:38px;padding-top:41px;}
/* 핵심가치 */
.coreValue_list > li{position:relative;padding-top:30px;padding-left:110px;border-bottom:1px solid #ddd;}
.coreValue_list > li:first-child{padding-top:0px;}
.coreValue_list > li:before{content:'';position:absolute;top:50%;left:5px;display:block;transform:translateY(-50%);}
.coreValue_list > li:first-child:before{top:42px;width:67px;height:60px;margin-left:5px;background:url('/resources/images/intro/ico_intro01.png') 0 0 no-repeat;background-size:100% auto;}
.coreValue_list > li:nth-child(2):before{width:68px;height:66px;margin-left:4px;background:url('/resources/images/intro/ico_intro02.png') 0 0 no-repeat;background-size:100% auto;}
.coreValue_list > li:nth-child(3):before{width:76px;height:67px;background:url('/resources/images/intro/ico_intro03.png') 0 0 no-repeat;background-size:100% auto;}
.coreValue_list > li:nth-child(4):before{width:57px;height:60px;margin-left:10px;background:url('/resources/images/intro/ico_intro04.png') 0 0 no-repeat;background-size:100% auto;}
.coreValue_list > li h6{font-size:24px;color:#222;font-weight:700;}
.coreValue_list > li p{margin-top:10px;font-size:20px;color:#222;}
.about_tab_cont .tab_cont_inner .cont_grid>.cont_right .coreValue_list p{margin-bottom:34px;}
/* 윤리강령 */
.ethics_list li{padding-top:30px;border-bottom:1px solid #ddd;}
.ethics_list li:first-child{padding-top:0;}
.ethics_list li h6{font-size:24px;font-weight:700;color:var(--renew-point-color)}
.ethics_list li p{padding-top:11px;font-size:20px;color:#222;line-height:31px;}
.about_tab_cont .tab_cont_inner .cont_grid>.cont_right .ethics_list p{margin-bottom:34px;}
/* CI */
.logo_img_area{display:flex;align-items:center;justify-content:center;width:100%;height:350px;text-align:center;border:1px solid #ddd;box-sizing:border-box;}
.use_rule_cont{margin-top:123px;}
.use_rule_cont .accordion_area{margin-top:35px;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content{padding-left:0;padding-right:0;background-color:#fff;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-7px;margin-right:-7px;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li{width:25%;margin-bottom:23px;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li:nth-child(n+5){width:33.333%;margin-bottom:0;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .inner{margin:0 7px;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .img_box{position:relative;height:130px;line-height:130px;text-align:center;border:1px solid #ddd;box-sizing:border-box;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .img_box:before{content:'';position:absolute;top:9px;left:9px;width:17px;height:17px;background:url('/resources/images/intro/ico_prohibit.png') 0 0 no-repeat;background-size:contain;}
.use_rule_cont .accordion_area .accordion .accordion-inner .accordion-content ul li .nation{font-size:16px;color:#222;}
.ci_accod_area .accordion .accordion-inner .accordion-toggle::after{margin-top:-4px;transform: rotate(225deg);}
.ci_accod_area .accordion .accordion-inner .accordion-toggle.active::after{margin-top:-17px;transform:rotate(45deg);}
/* CEO */
.ceo_tab_cont .accordion_area{margin-top:23px;}
.ceo_tab_cont .accordion_area:nth-child(n){margin-top:0;}
.ceo_tab_cont .accordion_area .accordion-content{background-color:#fff;}
.ceo_list span{display:inline-block;vertical-align:top;color:#222;font-size:20px;font-weight:300;}
.ceo_list .years{width:166px;font-weight:600;margin-right:30px;}
.ceo_list li{margin-bottom:20px;}
.ceo_list li:last-of-type .inner{margin-bottom:0;}
.ceo_tab_cont .accordion .accordion-inner .accordion-toggle::after{margin-top:-3px;}
.ceo_tab_cont .accordion .accordion-inner .accordion-toggle.active::after{margin-top:-17px;}
.cont_right .ceo_profile_list {margin:0 45px}
.cont_right .ceo_profile_list > ul {display:flex;flex-direction:column;gap:20px}
.cont_right .ceo_profile_list > ul > li {display:flex;flex-direction:row;align-items:center;gap:30px}
.cont_right .ceo_profile_list > ul > li > .date {font-size:20px;font-weight:700;width:170px}
.cont_right .ceo_profile_list > ul > li > .txt {font-size:20px;word-break:keep-all;width:460px}
/* 연도별 */
.history{position:relative;}
.history .btn_history{position:absolute;top: -42px; right:0;z-index:5;}
.history .btn_history a{color:var(--renew-point-color);font-size:20px;font-weight:bold;}
.history .list_history{position:relative;margin:60px auto 0 auto;width:1200px;height:100%;background:url('/resources/images/introduce/bg_chronicle.gif') 600px 0 repeat-y}
.history .list_history>li{width:1200px;margin-bottom:20px;opacity:0;-webkit-transition:all 700ms ease-out;transition:all 700ms ease-out;-webkit-transform:translate3d(0px, 200px, 0px);-ms-transform: translate(0px, 200px);transform: translate3d(0px, 200, 0px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.history .list_history>li.in-view{opacity:1;-webkit-transform:translate3d(0px, 0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px)}
.history .list_history>li:first-child {opacity:1;-webkit-transform:translate3d(0px, 0px, 0px);-ms-transform: translate(0px, 0px);transform: translate3d(0px, 0px, 0px)}
.history .list_history li dl dt{margin-bottom:20px;font-size:24px;color:var(--renew-point-color);font-weight:bold;background:url('/resources/images/intro/renew_year_point.png') no-repeat;background-size: 15px 15px;}
.history .list_history li dl dd{font-size:14px;color:#666;line-height:32px}
.history .list_history li dl dd>span{display:inline-block;vertical-align:middle;font-size:20px;color:#808080}
.history .list_history li dl dd>strong{display:inline-block;height:28px;padding-top:1px;vertical-align:top;font-size:20px;color:#808080}
.history .list_history li.odd>dl{width:495px;padding-right:382px;text-align:right}
.history .list_history li.odd>dl>dt{padding-right:30px;background-position:right 8px;margin-right:-113.2px}
.history .list_history li.odd>dl>dd{margin-right:-80px;}
.history .list_history li.odd>dl>dd > * {display:inline-block;}
.history .list_history li.odd>dl>dd > span {vertical-align:middle;}
.history .list_history li.odd>dl>dd>strong{margin-left:15px;vertical-align:top;}
.history .list_history li.even>dl{width:100%;text-align:left}
.history .list_history li.even>dl>dt{padding-left:30px;background-position:0 8px;margin-left:593px}
.history .list_history li.even>dl>dd{padding-left:645px}
.history .list_history li.even>dl>dd>strong{height:28px;margin-right:15px;padding-top:2px}
/* 캐릭터 */
.character_slide_wrap{overflow:hidden;padding-bottom:6px;}
.character_slide_wrap .slide_area{position:relative;}
.character_slide_wrap .swiper-slide .swiper-content_box{width:840px;height:340px;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:#ddd;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('/resources/images/intro/btn_arrow_r.png') no-repeat;position:absolute;right:0;width:19px;height:32px;}
.character_slide_wrap .slide_area .swiper-button-prev{background:url('/resources/images/intro/btn_arrow_l.png') no-repeat;position:absolute;left:0;width:19px;height:32px;}
/* 캐릭터소개_팝업 */
.popup-layer.popup-character .popup-wrap{margin-top:0;border:1px solid #009465;}
.popup-layer.popup-character .popup-header{padding-top:40px;margin-bottom:16px;text-align:center;}
.popup-layer.popup-character .popup-wrap .popup-cont .btn-close{position:absolute;top:29px;right:30px;z-index:300;}
.popup-layer.popup-character .popup-wrap .popup-cont .btn-close .ico-common {width:0;height:0;display:inline-block;vertical-align:top;color:transparent;overflow:hidden;line-height:999px;background:url('/resources/v2/images/common/sp/sp_common.png') no-repeat;-webkit-background-size:500px 500px;background-size:500px 500px}
.popup-layer.popup-character .popup-wrap .popup-cont .btn-close .ico-close {width:23px;height:23px;background-position:-34px 0;}
.popup-layer.popup-character .popup-body .body-cont{padding:0 26px 27px 27px;}
.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 #009465;}
.popup-layer.popup-character .character_info_box{width:calc(100% - 171px);margin-left:14px;}
.popup-layer.popup-character .character_info_box > table{width:100%;border-top:1px solid #009465;}
.popup-layer.popup-character .character_info_box > table th,
.popup-layer.popup-character .character_info_box > table td{border-bottom:1px solid #009465;border-left:1px solid #009465;border-right:1px solid #009465;}
.popup-layer.popup-character .character_info_box > table th{height:44px;text-align:center;font-size:19px;}
.popup-layer.popup-character .character_info_box > table td{padding-left:17px;font-size:19px;font-weight:500;color:#231815;}
.popup-layer.popup-character .transform_table{width:100%;margin-top:15px;border:1px solid #009465;}
.popup-layer.popup-character .transform_table > dl{width:100%;border-bottom:1px solid #009465;display:flex;align-items:center;}
.popup-layer.popup-character .transform_table > dl dt{padding:0 30px 0 28px;font-size:20px;font-weight:700;text-align:center;}
.popup-layer.popup-character .transform_table > dl dd{border-left:1px solid #009465;font-size:15px;padding:17px 0 15px 22px;flex-grow:1;}
.popup-layer.popup-character .transform_table > dl dd ul{margin-right:29px;}
.popup-layer.popup-character .transform_table > dl dd ul li{padding-top:22px;padding-bottom:18px;border-top:1px solid #009465;line-height:29px;}
.popup-layer.popup-character .transform_table > dl dd ul li:first-child{padding-top:0;border-top:0;}
.popup-layer.popup-character .transform_table > dl:last-of-type{border-bottom:0;}
.popup-layer.popup-character .transform_table > dl:last-of-type dd{text-align:center;}
.usaninfo_table{margin-top:13px;}
.usaninfo_table > table{border-top:1px solid #009465;border-left:1px solid #009465;}
.usaninfo_table > table th,
.usaninfo_table > table td{border-bottom:1px solid #009465;border-right:1px solid #009465;}
.usaninfo_table > table th{padding-left:19px;padding-right:21px;text-align:center;font-size:20px;font-weight:700;}
.usaninfo_table > table td{padding:21px 19px 19px 19px;}
.usaninfo_table > table td .info_box dd{margin-top:12px;line-height:25px;font-size:14px;letter-spacing:-1px;}
/*초뭉이소개*/
.introduce_chomung_area{position:relative;width:1200px;height:790px;margin:130px auto 0;padding-bottom:130px;background-color:#f6faf6;box-sizing:border-box;}
.introduce_chomung_area > h3{padding-top:125px;font-size:42px;color:#222;text-align:center;}
.itd_chomung_box{position:relative;}
.itd_chomung_box .solid_img_chomung{width:469px;height:461px;margin:27px 50% 0 32.7%;background:url('/resources/images/intro/img_3d_chomung.png') center center no-repeat;background-size:cover;}
.itd_chomung_box .itd_explain > ul li{position:absolute;font-size:20px;font-weight:300;color:#222;line-height:30px;}
.itd_chomung_box .itd_explain > ul li.explain01{left:170px;top:28px;text-align:right;}
.itd_chomung_box .itd_explain > ul li.explain02{left:170px;top:171px;text-align:right;}
.itd_chomung_box .itd_explain > ul li.explain03{left:83px;top:275px;text-align:right;}
.itd_chomung_box .itd_explain > ul li.explain04{left:116px;top:382px;text-align:right;}
.itd_chomung_box .itd_explain > ul li.explain05{right:103px;bottom:171px;text-align:left;}
.itd_chomung_box .itd_explain > ul li.explain06{right:151px;bottom:24px;text-align:left;}
.character_apply_area{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;}
.character_apply_area > li > span{display:block;width:100%;text-align:center;}

/** 함께하는 사람들 **/
/* 홍보대사 */
.supportList {position: relative; margin-top: 26px; margin-left: 32px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch } 
.supportList li {position: relative; width: 224px; margin-right: 80px; padding-bottom: 30px; box-sizing: border-box} 
.supportList li:nth-child(4n+0) {margin-right: 0} 
.supportList li a span {display: block} 
.supportList li a span > span {line-height: 1; box-sizing: border-box} 
.supportList li a span > span:not(.photo) {text-align: center} 
.supportList li a span > span.photo {overflow: hidden; position: relative; display: block; width: 224px; height: 224px} 
.supportList li a span > span.title {margin-top: 10px; font-size: 17px; font-weight: 500; color: #444} 
.supportList li a span > span.name {margin-top: 20px; font-size: 24px; font-weight: 700; color: #222} 
.supportList li a span > span.year {margin-top: 10px; font-size: 16px; color: #666 }
.supportList + .title1{margin-top: 90px}
/* 전국후원회 */
.main_img_area.introSupport_img_area {background-image: url(/resources/images/intro/support/intro-support-bg.jpg)}
/* .intro-support .title-cont{padding-top:0 !important;} */
.intro-support .tab-type2 li {width: 290px }
.intro-support .slide_area.supportSlide01 {width: 1200px }
.intro-support .slide_area.supportSlide01 .slide_next01,
.intro-support .slide_area.supportSlide01 .slide_prev01 {top: initial; bottom: 15px }
.intro-support .slide_area.supportSlide01 .slide_prev01 {right: 53px; left: initial }
.intro-support .slide_area.supportSlide02 {width: 100%; margin-top: 35px }
.intro-support .slide_area.supportSlide02 .slide_next02,
.intro-support .slide_area.supportSlide02 .slide_prev02 {top: initial; bottom: 15px }
.intro-support .slide_area.supportSlide02 .slide_prev02 {right: 53px; left: initial }
.cont-intro .introSupport-org {position: relative}
.cont-intro .introSupport-org img {width: 100%;max-width: 100%}
.cont-intro .introSupport-org .btn-viewExpand {position: absolute; top: 0; right: 0; display: inline-block; padding: 2px 13px; border: 1px solid #c6c6c6; color: #222; font-size: 15px } 
.cont-intro .introSupport-org .btn-viewExpand > span {display: flex; flex-direction: row; align-items: center } 
.cont-intro .introSupport-org .btn-viewExpand > span::before {content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(/resources/images/intro/support/icon-viewExpand.png); background-repeat: no-repeat; background-position: center center; margin-right: 5px }
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap {width: 1200px;height: auto!important}
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap .popup-body .body-cont {max-height: 650px;padding: 0;overflow-y: hidden}
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap .popup-cont .body-cont img {width: 100%;max-height: 100%}
/* 전국후원회 현황 */
.cont-intro .people.new_people {margin-top: 0} 
.cont-intro .people.new_people .people_sup {padding-top: 10px} 
.cont-intro .people.new_people .people_sup .person {width: 100%; margin-bottom: 7px} 
.cont-intro .people.new_people .people_sup .person .person_top {padding-right: 0} 
.cont-intro .people.new_people .people_sup .person .person_top .map_wrap {background-position: center center} 
.cont-intro .people.new_people .people_sup .list_box_p {width: 100%} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; margin-left: 10px; margin-right: 10px} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box {width: 50%} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .box_inner {padding: 20px 25px; margin: 7px; border: 1px solid #cecece; height: 410px; border-radius: 10px} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .profile_h1 {display: inline-block; position: relative;margin-bottom: 0} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .profile_h1::after {content: ''; display: inline-block; position: absolute; bottom: -7px; left: 0; width: 100%; height: 3px; background-color: #000} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_1 > ul > li > ul > li > p {margin-bottom: 0}
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_1 > ul > li > ul > li > p > span {position: relative} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_1 > ul > li > ul > li > p > span::before {content: ''; display: inline-block; width: 2px; height: 10px; background-color: #ccc; margin: 0 6px} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > p {position: relative; padding-left: 10px;margin-bottom: 0} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > p::before {content: ''; width: 4px; height: 4px; border-radius: 50%; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #cecece} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > ul {margin-left: 10px} 
.cont-intro .people.new_people .people_sup .list_box_p .area_box > .inner .soul_p_box .pro_out_box .pro_2 > ul > li > ul > li {font-size: 14px; margin: 3px 0} 
.cont-intro .introSupport-org {position: relative} 
.cont-intro .introSupport-org img {width: 100%; max-width: 100%} 
.cont-intro .introSupport-org .btn-viewExpand {position: absolute; top: 0; right: 0; display: inline-block; padding: 2px 13px; border: 1px solid #c6c6c6; color: #222; font-size: 15px} 
.cont-intro .introSupport-org .btn-viewExpand > span {display: flex; flex-direction: row; align-items: center} 
.cont-intro .introSupport-org .btn-viewExpand > span::before {content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(/resources/images/intro/support/icon-viewExpand.png); background-repeat: no-repeat; background-position: center center; margin-right: 5px} 
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap {width: 1200px; height: auto!important} 
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap .popup-body .body-cont {max-height: 650px; padding: 0; overflow-y: hidden} 
.cont-intro .introSupport-org .popup-introSupoort .popup-wrap .popup-cont .body-cont img {width: 100%; max-height: 100%}

.list_box_p {max-height: 541px}
.list_over {overflow-y: overlay;overflow-x: hidden}
.area_box {display: none;height: 460px}
.on_p {display: block !important;}
.profile_h1 {font-size: 27px;font-weight: 600;}
.pro_out_box {width: 100%;margin-top: 30px;letter-spacing: -1px}
.wichog {display: inline-block;background-color: #b9b9b9;color: #fff !important;padding: 3px 10px 4px;border-radius: 13px;margin-top: 13px;}
.pro_1 {width: 100%; height: 100%} 
.pro_1>ul {display: flex; flex-direction: row; align-items: center; line-height: initial} 
.pro_1>ul>li {font-size: 14px} 
.pro_1>ul>li:first-child {width: 100px; height: 100px; border-radius: 100%; overflow: hidden; margin-right: 20px; margin-left: 10px} 
.pro_1>ul>li:first-child>img {width: 105%} 
.pro_1>ul>li strong {color: #000} 
.pro_1>ul>li:nth-child(2) {color: gray}
.pro_2 {height: 100%; display: flex; flex-direction: column; justify-content: flex-start; margin-left: 10px } 
.pro_2>ul {margin-top: 15px } 
.pro_2>ul>li {font-size: 15px; line-height: initial }

/** 명예의전당 **/
/* 소중한 발자취의 기록 */
#container #contents.mt0{margin-top:0;}
#container #contents.hallOfFame .tabs.tabs2 li{position:relative;}
#container #contents.hallOfFame .tabs.tabs2 li.on {background: #fff;color: var(--renew-point-color);border: 2px solid var(--renew-point-color);height: 72px;border-bottom: 0;}
#container #contents.hallOfFame .tabs.tabs2 li.on a{color: var(--renew-point-color);}
#container #contents.hallOfFame .tabs.tabs2 li.on:after{content:'';position:relative;bottom:-2px;left:0;display:block;width:100%;border-bottom:2px solid #fff;}
#container #contents.hallOfFame .tab_cont .sub-base-width{padding: 0 0 120px 0}
#container #contents.hallOfFame .tab_cont .sub-base-width .bondingspon-list-wrap{min-height: 481px}
#contents.hallOfFame .tab_cont .hallOfFame-top{font-family: 'noto'}
#contents.hallOfFame .tab_cont .hallOfFame-top .inner h3{padding-top: 275px;height: 0}
#contents.hallOfFame .tab_cont .hallOfFame-top{background-image: url(/resources/images/sub/bondingspon/hallFameInfo-top-bg.jpg);height: 450px;}
#contents.hallOfFame .tab_cont .hallOfFame-top .inner .sub-txt{font-size: 20px;font-weight: 500}
#contents.hallOfFame .tab_cont .hallOfFame-top .inner .sub-txt::before{margin: 0 auto 34px auto;background-image: url(/resources/images/sub/bondingspon/hallFameInfo-top-bar.png);}
.tabs.radio-vr{display: flex; flex-direction: row;align-items: center;width: 850px;margin-left: 50px;border-bottom: 0;height: auto;justify-content: flex-end;}
.tabs.radio-vr > li{display: flex;width:auto;height: auto;line-height:22px;align-items: center;margin-right: 20px;background-color: #fff}
.tabs.radio-vr > li:last-child{margin-right: 0}
.tabs.radio-vr > li:before {content: ''; display: inline-block; width: 23px; height: 23px; border-radius: 50%; background-color: transparent; border: 1px solid #222 }
.tabs.radio-vr > li:after{content: ''; display: inline-block; width: 13px; height: 13px; border-radius: 50%; position: absolute; left: 6px; top: 6px; }
.tabs.radio-vr > li span {display: inline-block; margin-left: 10px; font-size: 20px; color: #222 } 
.tabs.radio-vr > li.on{border:0;color:#222;} 
.tabs.radio-vr > li.on:after {background-color: #222 }
.tab_cont .paging-bondingspon.paging-styleFix>.paging a{font-size: 24px;color: #222}
.tab_cont .paging-bondingspon.paging-styleFix> .paging a.page-now{color: #222;border-bottom: 0}
.tab_cont .paging-bondingspon.paging-styleFix>.paging a.page_prev{margin: 0 20px 0 10px}
.tab_cont .paging-bondingspon.paging-styleFix>.paging a.page_next{margin:0 10px 0  25px}
/** 조직도 **/
.ogzt-chart .title-cont{padding-top:0 !important;}
.tbl-info{font-size: 14px;color:#222;text-align: right;padding-top: 10px;letter-spacing: 0}
.organization  .tstyle1 {border-top:2px solid #222}
.tstyle1.orgTable tbody td > span.twoLetter-name {margin-left:18px}
.tstyle1{border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;}
.tstyle1 thead th{height:58px;line-height:1.5;border-bottom:1px solid #cecece;background:#fff;font-size:22px;color:#222;text-align:center}
.tstyle1 tbody th{border-top:1px solid #cecece;font-size:20px;color:#222}
.tstyle1 tbody td{padding:14px 0 15px 20px;border-top:1px solid #cecece;line-height:1.6;font-size: 20px;color:#222}
.organization {padding: 0}
.organization .group {position: relative; width: 100%; height: auto; margin: 0 auto; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 20px solid #f5f5f5; text-align: center;}
.organization .sub_title {font-size: 42px; font-weight: bold; margin-bottom: 60px;}
.organization .workers_status {width: 780px; padding-top: 80px; margin: 0 auto 80px auto;}
.organization .workers_status .workers_status_cont {overflow: hidden; height: 214px;}
.organization .workers_status .workers_status_cont dl {position: relative; float: left; /*width:390px;*/ width: 50%;}
.organization .workers_status .workers_status_cont dl + dl:before {content: ''; display: inline-block; position: absolute; left: -23px; top: 0; border-left: 1px solid #ebebeb; width: 1px; height: 100%;}
.organization .workers_status .workers_status_cont dl dt {float: left; margin-right: 19px}
.organization .workers_status .workers_status_cont dl dd {padding-top: 5px}
.organization .organ_detail {width: 100%;}
.organization .organ_detail .tstyle1 tbody td.profile {text-align: left; padding: 18px 0 16px 15px; line-height: 1.6}
.organization .organ_detail .tstyle1 tbody td.profile.year {letter-spacing: 0px; padding: 18px 0 16px 10px}
.organization .accordion.block .accordion-inner .accordion-toggle{font-weight:normal;}
.organization .accordion .accordion-inner .accordion-toggle::after{transform: rotate(225deg);margin-top:-3px;}
.organization .accordion .accordion-inner .accordion-toggle.active::after{transform: rotate(45deg);margin-top:-16px;}
/* 특별자문위원회 */
.special-advisory {display: flex; flex-direction: row;} 
.special-advisory > .title {width: 220px; font-size: 24px; font-weight: bold; line-height: 34px; display: flex; flex-direction: row; align-items: flex-start; justify-content: center;color:#222} 
.special-advisory > .special-advisory-detail > ul > li {margin-bottom: 20px} 
.special-advisory > .special-advisory-detail > ul > li > .inner {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between} 
.special-advisory > .special-advisory-detail > ul > li > .inner .detail-header {width: 190px; min-height: 80px; background-color: var(--renew-point-color); color: #fff; font-size: 22px; display: flex; flex-direction: row; align-items: center; justify-content: center} 
.special-advisory > .special-advisory-detail > ul > li > .inner .detail-txt {width: 772px; margin-left: 20px; min-height: 80px; background-color: #e6f5e6; border: 1px solid #cecece; box-sizing: border-box} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(1) > .inner .detail-txt {font-size: 22px; display: flex; flex-direction: row; align-items: center; justify-content: center;color:#222} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(2) > .inner .detail-txt > ul {display: flex; flex-direction: row; margin-left: 5px; margin-right: 5px} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(2) > .inner .detail-txt > ul > li {width: 33.3333%; display: flex; flex-direction: row; padding: 10px 0} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(2) > .inner .detail-txt > ul > li > .txt-box {margin-left: 5px; margin-right: 5px; height: 58px; background-color: #019467; color: #fff; width: 100%; text-align: center; font-size: 18px; line-height: 22px; display: flex; flex-direction: row; align-items: center; justify-content: center} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-header {height: 182px} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt {background-color: #f9f9f9} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt > ul {display: flex; flex-direction: row; margin-left: 5px; margin-right: 5px} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt > ul > li {width: 33.3333%; display: flex; flex-direction: row; padding: 10px 0} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt > ul > li > .txt-box-w {margin-left: 5px; margin-right: 5px; background-color: #fff; border: 1px solid #cecece; width: 100%; font-size: 17px; line-height: 32px} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt > ul > li > .txt-box-w > ul {margin-left: 20px; padding: 15px 0} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt > ul > li > .txt-box-w > ul > li {position: relative; padding-left: 15px;color:#222} 
.special-advisory > .special-advisory-detail > ul > li:nth-child(3) > .inner .detail-txt > ul > li > .txt-box-w > ul > li::before {content: ''; display: block; width: 8px; height: 3px; background-color: #222; position: absolute; top: 50%; transform: translateY(-50%); left: 0}
.tstyle1.tstyle1-sp {border-top: 1px solid #b1b1b1!important;margin-top: 30px}
.tstyle1.tstyle1-sp tbody tr th {line-height: 28px}
/* 사업기관 */
.regional_top {border: 3px solid var(--renew-point-color); border-radius: 10px; background-color: #fafafa;} 
.biz_org .regional_biz {overflow: hidden; display: flex; justify-content: center; align-items: center;} 
.biz_org .regional_biz .map_wrap {position: relative; width: 609px; height: 536px; float: right; background: url(/resources/images/introduce/map_img.png) no-repeat 100%;} 
.biz_org .regional_biz .map_wrap .area {position: absolute;} 
.biz_org .regional_biz .map_wrap .area span {position: relative; font-size: 22px;} 
.biz_org .regional_biz .map_wrap .area button {position: relative; font-size: 17px; font-family: 'noto'; font-weight: 700;}
.biz_org .regional_biz .map_wrap .area.chungbug button:before {left: 6px;} 
.biz_org .regional_biz .map_wrap .area.chungnam button:before {left: 107px; top: 0;} 
.biz_org .regional_biz .map_wrap .area.sejong button:before {left: 60px; top: 0;} 
.biz_org .regional_biz .map_wrap .area.deajeon button:before {left: 51px; top: -24px;} 
.biz_org .regional_biz .map_wrap .area.gyeongbug button:before {left: 12px; top: 27px;} 
.biz_org .regional_biz .map_wrap .area.deagu button:before {left: -4px; top: 27px;} 
.biz_org .regional_biz .map_wrap .area.ulsan button:before {left: -11px; top: 27px;} 
.biz_org .regional_biz .map_wrap .area.busan button:before {left: -19px; top: -11px;} 
.biz_org .regional_biz .map_wrap .area.jeonbug button:before {left: 104px; top: -7px;} 
.biz_org .regional_biz .map_wrap .area.jeonnam button:before {left: 104px; top: -7px;} 
.biz_org .regional_biz .map_wrap .area.gwangju button:before {left: -5px; top: 25px;} 
.map_wrap_gap {padding: 2px 10px; background-color: #fff; border: 1px solid var(--renew-point-color); border-radius: 4px;} 
.biz_org .regional_biz .map_wrap .seoul {top: 109px; left: 225px;} 
.biz_org .regional_biz .map_wrap .incheon {top: 113px; left: 166px;} 
.biz_org .regional_biz .map_wrap .gyeonggi {top: 155px; left: 182px;} 
.biz_org .regional_biz .map_wrap .gangwon {top: 80px; left: 312px;} 
.biz_org .regional_biz .map_wrap .chungbug {top: 171px; left: 274px;} 
.biz_org .regional_biz .map_wrap .chungnam {top: 268px; left: 263px;} 
.biz_org .regional_biz .map_wrap .sejong {top: 211px; left: 218px;} 
.biz_org .regional_biz .map_wrap .deajeon {top: 218px; left: 281px;} 
.biz_org .regional_biz .map_wrap .gyeongbug {top: 156px; left: 382px;} 
.biz_org .regional_biz .map_wrap .gyeongnam {top: 359px; left: 282px;} 
.biz_org .regional_biz .map_wrap .deagu {top: 239px; left: 357px;} 
.biz_org .regional_biz .map_wrap .ulsan {top: 265px; left: 424px;} 
.biz_org .regional_biz .map_wrap .busan {top: 334px; left: 392px;} 
.biz_org .regional_biz .map_wrap .jeonbug {top: 289px; left: 140px;} 
.biz_org .regional_biz .map_wrap .jeonnam {top: 394px; left: 143px;} 
.biz_org .regional_biz .map_wrap .gwangju {top: 347px; left: 173px;} 
.biz_org .regional_biz .map_wrap .jeju {top: 469px; left: 127px;} 
.map_wrap_gap.on {background-color:var(--renew-point-color);} 
.biz_org .regional_biz .map_wrap .area.on span button {color: #fff; background-color: var(--renew-point-color); outline: 0;}
.biz_org .regional_biz .org_list h5 {font-size: 34px !important; font-weight: 500 !important;} 
.biz_org .regional_biz .org_list ul {margin-top: 40px; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;position: relative;} 
.biz_org .regional_biz .org_list li {width: 588px; height: 191px; border: 1px solid #cecece; border-radius: 8px; float: left; margin-right: 20px; margin-bottom: 20px; padding: 25px; box-sizing: border-box;} 
.biz_org .regional_biz .org_list li:nth-of-type(2n) {margin-right: 0;} 
.biz_org .regional_biz .org_list li a {display: block; width: 100%; height: 100%; margin-top: -5px;} 
.nav_marker_box {position: absolute; padding-left: 92%;} 
.nav_marker {position: absolute; left: 45%; top: 3px;} 
.biz_org .regional_biz .org_list li .name {font-size: 22px; font-weight: 500; line-height: 42px; margin-bottom: 10px; border-bottom: 2px solid #000; display: inline-block;} 
.biz_org .regional_biz .org_list li .addr_num {font-size: 18px; font-size: 18px; margin-top: 6px; color: #666666;} 
.biz_org .regional_biz .org_list li .addr {font-size: 18px; margin-bottom: 16px; line-height: 30px; color: #666666;} 
.biz_org .regional_biz .org_list li .num span {position: relative; display: inline-block; font-size: 18px; padding-left: 0px;} 
.biz_org .regional_biz .org_list li .num span~span {padding-left: 20px; margin-left: 20px; border-left: 1px solid} 
.biz_org .region_org {margin-top: 60px;} 
.biz_org .region_org h4 {font-size: 42px; font-weight: 700;} 
.biz_org .region_org .result_list ul {overflow: hidden; margin-top: 64px;} 
.biz_org .region_org .result_list li {float: left; width: 266px; padding: 15px 30px; border: 1px solid #cecece; border-radius: 8px; box-sizing: border-box;} 
.biz_org .region_org .result_list li .name {font-size: 24px; font-weight: 500; line-height: 45px;} 
.biz_org .region_org .result_list li .memo {font-size: 17px; color: #999;} 
.biz_org .btn_g {margin-top: 80px; text-align: center;} 
.biz_org .btn_g a {display: inline-block; width: 300px; height: 60px; border: 1px solid var(--renew-point-color); text-align: center; line-height: 60px; font-size: 24px; color: var(--renew-point-color);} 
.biz_org {position: relative;} 
.biz_org .search_g {position: relative; top: 0; right: 0; line-height: 67px;width: 455px;height: auto;margin: 0;text-align: left} 
.biz_org .search_g span {display: inline-block; margin-right: 16px; font-size: 22px; display: flex;} 
.biz_org .search_g .text_g {position: relative; display: inline-block; width: 100%; height: 60px;} 
.biz_org .search_g .text_g .text {width: 455px; height: 60px; border: 1px solid #979797; background-color:var(--renew-point-color); border-radius: 4px; color: #ffffff;padding-left: 10px} 
.biz_org .search_g .text_g .text::placeholder {color: #fff; font-size: 20px; font-weight: 100;} 
.biz_org .search_g .text_g button {position: absolute; top: 0; right: 0px; width: 60px; height: 60px; background: url(/resources/images/btn/btn-search.png) no-repeat center;transform: inherit;}
.line-box-search {background-color:  var(--renew-point-color); height: 2px; width: 100%; margin: 32px 0 38px 0;} 
.search_out_box {width: 455px; display: flex; justify-content: space-between; flex-wrap: wrap;} 
.search_box_sub:hover {border: 1px solid var(--renew-point-color);} 
.search_box_sub:hover> a > ul >li >p {color: var(--renew-point-color);} 
.search_box_sub:hover> a > ul >li:nth-child(2)>span {background: url(/resources/images/btn/play_color.png) no-repeat center; width: 100%; height: 100%} 
.search_box_sub {width: 48%; height: 70px; border: 1px solid #888888; border-radius: 4px; background-color: #ffffff; margin-bottom: 12px;} 
.search_box_sub a ul {display: flex; justify-content: space-between; align-items: center;} 
.search_box_sub a ul li {padding: 0 15px;} 
.search_box_sub a ul li:nth-child(2) {width: 20px; height: 20px;} 
.search_box_text {font-size: 19px; font-weight: 600;} 
.line-box-search {background-color: var(--renew-point-color); height: 2px; width: 100%; margin: 32px 0 38px 0;} 
.search_out_box {width: 455px; display: flex; justify-content: space-between; flex-wrap: wrap;} 
.search_box_sub:hover {border: 1px solid var(--renew-point-color);} 
.search_box_sub:hover> a > ul >li >p {color: var(--renew-point-color);} 
.search_box_sub:hover> a > ul >li:nth-child(2)>span {background: url(/resources/images/btn/play_color.png) no-repeat center; width: 100%; height: 100%} 
.search_box_sub {width: 48%; height: 70px; border: 1px solid #888888; border-radius: 4px; background-color: #ffffff; margin-bottom: 12px;} 
.search_box_sub a ul {display: flex; justify-content: space-between; align-items: center;} 
.search_box_sub a ul li {padding: 0 15px;} 
.search_box_sub a ul li:nth-child(2) {width: 20px; height: 20px;} 
.search_box_text {font-size: 19px; font-weight: 600;}
.play_btn {background: url(/resources/images/btn/play.png) no-repeat center;width: 100%;height: 100%}
p.no_page {text-align: center;margin: 75px 0 0 0;font-size: 20px;line-height: 24px}
/*popup*/
.popup{display:none;position:absolute;top:50%;left:50%;z-index:999;height:auto;border-bottom:5px solid #555;background:#fff}
.popup .popup_top{height:45px;padding:22px 0 0 0;background:#555;font-size:22px;font-weight:bold;color:#fff}
.popup .popup_top strong{float:left;margin:0 0 0 23px;/*font-family:'Malgun Gothic' !important*/}
.popup .popup_top a{float:right;margin:0 23px 0 0;width:23px;height:23px;overflow:hidden}
.popup .popup_top a img{vertical-align:top}
.popup .content{padding:45px 50px 60px 50px;border-left:5px solid #555;border-right:5px solid #555;line-height:25px;color:#666}
.popup .content .txt_input_info{padding:15px 0 10px 0;font-size:16px;background:url('/resources/images/common/bu/bu_check_v2.png') 720px 25px no-repeat;color:var(--renew-point-color);text-align:right}
.popup .content > div > strong{display:block;margin:0 0 15px 0;font-size:16px;color:#333}
.popup .content .btn ul{width:234px;margin:0 auto}
.popup .content .btn ul li{float:left;text-align:center}
.popup .content .btn ul li~li {margin-left:20px;}
.popup .content .btn ul li a.btn_darkgreen{width:105px;height:36px;padding:0;line-height:36px}
.popup2{border-bottom:2px solid var(--renew-point-color)}
.popup2 .popup_top{height:42px;padding:25px 0 0 0;background:#fff;color:#31b97f;border-top:2px solid var(--renew-point-color);border-left:2px solid var(--renew-point-color);border-right:2px solid var(--renew-point-color)}
.popup2 .popup_top > strong{float:left;color:#333;font-size:18px;margin:0 10px 0 23px}
.popup2 .popup_top span{font-size:14px;color:#333;font-weight:normal}
.popup2 .popup_top a{float:right;margin:0 25px 0 0;width:17px;height:17px}
.popup2 .content{padding:0 25px 30px 25px;border-left:2px solid var(--renew-point-color);border-right:2px solid var(--renew-point-color)}
#mask { display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:600;background:url('/resources/images/common/bg/bg_mask.png') repeat}

/** 투명경영 **/
.trans_man .title-cont{padding-top:0 !important;}
/* 투명한 재단살림 */
.trans_man_cont .col1 .rules {border-top: 1px solid #a5a5a5; } 
.trans_man_cont .col1 .rules li {border-bottom: 1px solid #a5a5a5; padding: 40px 0; overflow: hidden; } 
.trans_man_cont .col1 .rules li p {float: left; } 
.trans_man_cont .col1 .rules li .num {position: relative; width: 330px; font-size: 42px; font-weight: 700; padding-top: 45px; margin-top: 25px; letter-spacing: -1.5px } 
.trans_man_cont .col1 .rules li .num:before {content: ''; position: absolute; top: -30px; left: 0; } 
.trans_man_cont .col1 .rules .box1 .num:before {width: 53px; height: 71px; background: url(/resources/images/introduce/ic_one_v2.png); background-size: cover; } 
.trans_man_cont .col1 .rules .box2 .num:before {width: 68px; height: 71px; background: url(/resources/images/introduce/ic_two_v2.png); background-size: cover; } 
.trans_man_cont .col1 .rules .box3 .num:before {width: 73px; height: 71px; background: url(/resources/images/introduce/ic_three_v2.png); background-size: cover; } 
.trans_man_cont .col1 .rules .box4 .num:before {width: 76px; height: 71px; background: url(/resources/images/introduce/ic_four_v2.png); background-size: cover; } 
.trans_man_cont .col1 .rules li .memo {width: 717px; margin-left: 132px; font-size: 20px; line-height: 32px; } 
.trans_man_cont .col1 .btn_g {margin-top: 80px; text-align: center; } 
.trans_man_cont .col1 .btn_g a {display: inline-block; width: 450px; height: 60px; text-align: center; line-height: 60px; border: 1px solid var(--renew-point-color); font-size: 24px; font-weight: 500; color: var(--renew-point-color); } 
.trans_man_cont .col1 .btn_g a~a {margin-left: 16px; } 
.trans_man_cont .col2 {margin-top: 80px; } 
.trans_man_cont .col2 .video_wrap {width: 100%; height: 617px; background: #ddd; } 
.trans_man_cont .col2 .video_wrap .video-stream {width: 1200px !important; left: 0 !important; } 
.trans_man_cont .col3 {margin-top: 80px; } 
.trans_man_cont .col3 h4 {font-size: 42px !important; font-weight: 700; } 
.trans_man_cont .col3 .item~.item {margin-top: 80px; } 
.trans_man_cont .col3 .graph {margin: 60px 0; } 
.trans_man_cont .col3 .graph img {width: 100%; } 
.trans_man_cont .tstyle1 {border-top: 2px solid #323232; } 
.trans_man_cont .tstyle1 .top_th {height: 70px; background: #f9f9f9; font-size: 22px; font-weight: 700; } 
.trans_man_cont .tstyle1 .borderB {border-bottom: 1px solid #cecece; } 
.trans_man_cont .tstyle1 .borderR {border-right: 1px solid #cecece; } 
.trans_man_cont .tstyle1 th {font-weight: 700; line-height: 30px; } 
.trans_man_cont .tstyle1 th.light {font-weight: 400; } 
.trans_man_cont .tstyle1 td {padding: 25px 0; font-size: 20px; } 
.trans_man_cont .tstyle1 .sum {font-weight: 700; color: var(--renew-point-color); }
.trans_man_cont .tstyle1.exp td {padding-left: 20px; line-height: 24px; } 
.trans_man_cont .tstyle1.exp .sum {color: #222; } 
.trans_man_cont .tstyle1.exp .acenter {text-align: center; } 
.trans_man_cont .col3 .txt {font-size: 20px; text-align: center; line-height: 32px; margin-top: 60px; margin-bottom: 80px; }
.trans_man_cont .tstyle1 td.text-center{text-align:center;}
/* 수치 테이블 하단 텍스트 리스트 추가 20250404 */
.trans_man_cont .txt-list {font-size:20px;line-height:32px;margin-top:60px;margin-bottom:80px}
.trans_man_cont .txt-list > li {position:relative;padding-left:15px}
.trans_man_cont .txt-list > li::before {content:'*';position:absolute;top:4px;left:0}

/*자주묻는질문*/
.faq_cont .faq_item li {position: relative; min-height: 118px; border: 2px solid #cecece; line-height: 118px; box-sizing: border-box; } 
.faq_cont .faq_item li~li {margin-top: 30px; } 
.faq_cont .faq_item li a {display: block; } 
.faq_cont .faq_item li .tit {position: relative; padding-left: 114px; font-size: 22px; } 
.faq_cont .faq_item li .tit:before {content: ''; position: absolute; top: 0; left: 32px; width: 55px; height: 49px; background: url(/resources/images/introduce/ic_q_v2.png); background-size: cover; } 
.faq_cont .faq_item li .faq_con {position: relative; margin-top: 0; background: #f5f5f5; padding: 38px 72px 67px 157px; } 
.faq_cont .faq_item li .faq_con:before {content: ''; position: absolute; top: 32px; left: 75px; width: 57px; height: 41px; background: url(/resources/images/introduce/ic_a.png); background-size: cover; } 
.faq_cont .faq_item li .faq_con div {font-size: 20px; line-height: 32px; } 
.faq_cont .faq_item li .faq_con div span {display: block; margin-top: 30px; color: #D95E32; } 
.faq_cont .faq_item li .faq_con .btn_g {margin-top: 70px; } 
.faq_cont .faq_item li .faq_con .btn_g a {display: inline-block; height: 60px;width:280px; text-align: center; line-height:60px; background: #fff; border: 1px solid var(--renew-point-color); color: var(--renew-point-color); font-size: 20px; font-weight: normal;box-sizing: border-box; } 
.faq_cont .faq_item li .faq_con .btn_g a~a {margin-left: 16px; } 
.faq_cont .faq_item li .ic {position: absolute; top: 50px; right: 40px; display: block; width: 17px; height: 30px; background: url(/resources/images/introduce/ic_faqArrow_v2.png); } 
.faq_cont .faq_item li .faq_title.on .ic {transform: rotate(90deg); } 
.faq_cont .faq_list {border-bottom: 0; }
.faq_cont .faq_item li a.link{display: inline-block;color: var(--renew-point-color);text-decoration: underline;}
.faq_cont .faq_item li a.deco_ico{padding-left:25px;background:url('/resources/images/common/ico/deco_ico.png') left center no-repeat;}

/*popup*/
.popup{display:none;position:absolute;top:50%;left:50%;z-index:999;height:auto;border-bottom:5px solid #555;background:#fff}
.popup .popup_top{height:45px;padding:22px 0 0 0;background:#555;font-size:22px;font-weight:bold;color:#fff}
.popup .popup_top strong{float:left;margin:0 0 0 23px;/*font-family:'Malgun Gothic' !important*/}
.popup .popup_top a{float:right;margin:0 23px 0 0;width:23px;height:23px;overflow:hidden}
.popup .popup_top a img{vertical-align:top}
.popup .content{padding:45px 50px 60px 50px;border-left:5px solid #555;border-right:5px solid #555;line-height:25px;color:#666}
.popup .content .txt_input_info{padding:15px 0 10px 0;font-size:16px;background:url('/resources/images/common/bu/bu_check_v2.png') 720px 25px no-repeat;color:var(--renew-point-color);text-align:right}
.popup .content > div > strong{display:block;margin:0 0 15px 0;font-size:16px;color:#333}
.popup .content .btn ul{width:234px;margin:0 auto}
.popup .content .btn ul li{float:left;text-align:center}
.popup .content .btn ul li~li {margin-left:20px;}
.popup .content .btn ul li a.btn_darkgreen{width:105px;height:36px;padding:0;line-height:36px}
.popup2{border-bottom:2px solid var(--renew-point-color)}
.popup2 .popup_top{height:42px;padding:25px 0 0 0;background:#fff;color:#31b97f;border-top:2px solid var(--renew-point-color);border-left:2px solid var(--renew-point-color);border-right:2px solid var(--renew-point-color)}
.popup2 .popup_top > strong{float:left;color:#333;font-size:18px;margin:0 10px 0 23px}
.popup2 .popup_top span{font-size:14px;color:#333;font-weight:normal}
.popup2 .popup_top a{float:right;margin:0 25px 0 0;width:17px;height:17px}
.popup2 .content{padding:0 25px 30px 25px;border-left:2px solid var(--renew-point-color);border-right:2px solid var(--renew-point-color)}
#mask { display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:600;background:url('/resources/images/common/bg/bg_mask.png') repeat}
/*팝업-지도*/
.popup2 .map_area{width:581px;height:402px;margin:0 auto 10px;border:1px solid #e4e4e4}
.popup2 .map_info{width:560px;padding:15px 0 15px 20px;margin:0 auto;border:1px solid #e4e4e4;background:#f5f5f5}
.popup2 .map_info li{padding:0 0 0 13px;background:url('/resources/images/common/bu/bu_circle.gif') center left no-repeat;vertical-align:top;line-height:26px}
.popup2 .map_info li strong{display:inline-block;width:45px}
.popup2 .map_info li:before{content: "";display: block;width: 4px;height: 4px;background-color: var(--renew-point-color);position: absolute;left:0;top:11px;border-radius: 100%}

/* 초록우산 추모관 20241017 추가 */
.cont-memorialHallList {position:relative;font-family:'Pretendard'}
.cont-memorialHallList > div {background-repeat:no-repeat;background-position:center center;background-size:cover}

.cont-memorialHallList .memorialHallList-top {height:677px;background-image:url(/resources/images/memorialHall/memorialHallList-topBg.jpg)}
.cont-memorialHallList .memorialHallList-top .section-inner {padding-top:130px;text-align:center}

.cont-memorialHallList .memorialHallList-story .section-inner {padding-top:105px;padding-bottom:149px;width:1132px;margin:auto;text-align:center}
.cont-memorialHallList .memorialHallList-story .section-inner h4 {margin-bottom:26px}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper {padding-bottom:40px}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-button-next::after,
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-button-prev::after {display:none}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-button-next,
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-button-prev {width:60px;height:60px;background-repeat:no-repeat;background-position:center center;background-size:contain;top:235px}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-button-next {background-image:url(/resources/images/memorialHall/memorialHallList-slide-next.png);right:20px}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-button-prev {background-image:url(/resources/images/memorialHall/memorialHallList-slide-prev.png);left:20px}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-pagination {bottom:0}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;opacity:1;background-color:#e0eff7}
.cont-memorialHallList .memorialHallList-story .section-inner .memorialHall-story-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#3c6888}

.cont-memorialHallList .memorialHallList-supporter {min-height:910px;background-image:url(/resources/images/memorialHall/memorialHallList-supporterBg-v2.jpg);background-position:center top;background-color:#e9f6ec;background-size:contain}
.cont-memorialHallList .memorialHallList-supporter .section-inner {padding-top:109px;padding-bottom:104px;width:1099px;margin:auto;text-align:center}

.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search {display:flex;align-items:center;justify-content:center;gap:30px;margin-top:48px}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-box {width:509px;height:50px;position:relative}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-box input[type="text"] {width:100%;height:100%;border:2px solid #98bdaf;border-radius:0}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-box .btn-search {display:block;width:46px;height:46px;background-color:#105e4c;background-image:url(/resources/images/memorialHall/memorialHallList-icon-search.png);background-repeat:no-repeat;background-position:center center;position:absolute;top:2px;right:2px}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box {display:flex;border:2px solid #98bdaf;border-radius:10px;width:145px;height:46px}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li {width:50%}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li > .radio-box {position:relative;width:100%;height:100%}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li > .radio-box > input[type="radio"] {width:100%;height:100%;opacity:1;margin-right:0;background:#fff;z-index:0}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li > .radio-box > input[type="radio"]+label {font-size:18px;color:rgba(0,0,0,0.3);font-weight:400;z-index:2;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;cursor:pointer}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li > .radio-box > input[type="radio"]:checked {background-color:#d6e5df}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li > .radio-box > input[type="radio"]:checked+label {color:#105e4c;font-weight:500}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li:nth-child(1) > .radio-box > input[type="radio"] {border-radius:8px 0 0 8px}
.cont-memorialHallList .memorialHallList-supporter .section-inner .memorialHall-search .search-sort-box > li:nth-child(2) > .radio-box > input[type="radio"] {border-radius:0 8px 8px 0}

.cont-memorialHallList .memorialHallList-supporter .section-inner .supporter-list {margin-top:60px;display:flex;column-gap:20px;row-gap:40px;flex-wrap:wrap}
.cont-memorialHallList .memorialHallList-supporter .section-inner .supporter-list > li {display:flex;flex-direction:column;align-items:center;gap:30px;width:32.1%}
.cont-memorialHallList .memorialHallList-supporter .section-inner .supporter-list > li > div {width:100%;height:417px;position:relative;background-color:#fff;background-position:center bottom;background-size:contain;background-repeat:no-repeat;border-radius:200px 200px 0 0}
.cont-memorialHallList .memorialHallList-supporter .section-inner .supporter-list > li > div > span {font-family:"Noto Serif KR", serif;font-size:16px;font-weight:700;color:#262626;position:absolute;left:50%;transform:translateX(-50%);top:55px}
.cont-memorialHallList .memorialHallList-supporter .section-inner .supporter-list > li > a {display:flex;align-items:center;justify-content:center;width:160px;height:60px;background-color:#105e4c;color:#fff;font-size:21px;font-weight:600;border-radius:30px}

.cont-memorialHallList .memorialHallList-supporter .section-inner .paging-memorialHallList > .paging > a.page-now {border-bottom:0;color:var(--renew-point-color);font-weight:500}

.cont-memorialHallList .memorialHallList-how {height:623px;background-image:url(/resources/images/memorialHall/memorialHallList-howBg.jpg)}
.cont-memorialHallList .memorialHallList-how .section-inner {padding-top:103px;padding-bottom:78px;width:826px;margin:auto;text-align:center}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list {margin-top:76px;display:flex;flex-wrap:wrap;column-gap:20px}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list > li > .list-inner > h5 > span {display:block;background-color:#105e4c;color:#fff;padding:10px 0;font-size:20px;font-weight:600}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list > li > .list-inner > h5::before {content:'';display:block;width:262px;height:145px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list > li:nth-child(1) > .list-inner > h5::before {background-image:url(/resources/images/memorialHall/memorialHallList-how-img01.jpg)}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list > li:nth-child(2) > .list-inner > h5::before {background-image:url(/resources/images/memorialHall/memorialHallList-how-img02.jpg)}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list > li:nth-child(3) > .list-inner > h5::before {background-image:url(/resources/images/memorialHall/memorialHallList-how-img03.jpg)}
.cont-memorialHallList .memorialHallList-how .section-inner .how-list > li > .list-inner > p {background-color:#fff;padding:15px 0;font-size:14px;line-height:24px;color:#262626;font-weight:400}
.cont-memorialHallList .memorialHallList-how .section-inner .info-txt {font-size:12px;;font-weight:400;color:rgba(38,38,38,0.5);margin-top:10px;text-align:right}

.cont-memorialHallList .memorialHallList-bottom {height:462px;background-image:url(/resources/images/memorialHall/memorialHallList-bottomBg.jpg);background-position:right -320px center}
.cont-memorialHallList .memorialHallList-bottom .section-inner {padding-top:83px;padding-bottom:79px;margin-left:80px}
.cont-memorialHallList .memorialHallList-bottom .section-inner .btn-box {margin-top:70px}
.cont-memorialHallList .memorialHallList-bottom .section-inner .btn-box > a {display:flex;justify-content:center;align-items:center;width:320px;height:80px;background-color:#105e4c;color:#fff;font-size:21px;font-weight:600;border-radius:50px}

.cont-memorialHallView .memorialHallView-about .memorialHall-view-main {height:1037px;background-image:url(/resources/images/memorialHall/memorialHallView-main-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner {height:100%;padding-top:130px;text-align:center;box-sizing:border-box;position:relative}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > h3 {display:flex;flex-direction:column;gap:36px;align-items:center}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > h3 > span {font-family:"Noto Serif KR", serif;font-size:69px;font-weight:400;color:#105e4c}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > .img {position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:550px;height:650px;background-color:#fff;background-position:center bottom;background-size:contain;background-repeat:no-repeat;border-radius:280px 280px 0 0}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > .img > .inner-txt {margin-top:60px;display:flex;flex-direction:column;gap:10px;font-family:"Noto Serif KR", serif}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > .img > .inner-txt > .name {font-size:24px;font-weight:700;color:#262626}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > .img > .inner-txt > .name > span {color:rgba(38,38,38,0.5);display:block;margin-top:8px;font-size:18px}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-main .section-inner > .img > .inner-txt > .info {font-size:18px;font-weight:700;color:rgba(38,38,38,0.5)}

.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide {background-color:#f5fbef}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner {padding-top:130px;padding-bottom:100px;width:1190px;margin:auto}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box {display:flex;justify-content:space-between}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-txt-box {font-family:"Noto Serif KR", serif}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-txt-box .gallery-title {font-size:36px;line-height:45px;color:#105e4c;font-weight:700;margin-bottom:55px}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-txt-box .gallery-title > span {display:block;margin-left:18px}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-txt-box .gallery-txt {font-size:18px;line-height:30px;color:#262626;font-weight:600;margin-right:95px;display:flex;flex-direction:column;gap:40px;word-break:keep-all}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-txt-box .gallery-txt > p {white-space:pre-wrap}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide {width:547px}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide .swiper-button-next::after,
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide .swiper-button-prev::after {display:none}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide .swiper-button-next,
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide .swiper-button-prev {width:60px;height:60px;background-repeat:no-repeat;background-position:center top;background-size:cover;top:initial;bottom:0}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide .swiper-button-next {background-image:url(/resources/images/memorialHall/memorialHallView-slide-next.png);left:64px}
.cont-memorialHallView .memorialHallView-about .memorialHall-view-slide .section-inner .gallery-box .gallery-slide .swiper-button-prev {background-image:url(/resources/images/memorialHall/memorialHallView-slide-prev.png);left:0}

.cont-memorialHallView .memorialHall-view-change {padding-top:140px;padding-bottom:80px;text-align:center;font-family:"Noto Serif KR", serif}
.cont-memorialHallView .memorialHall-view-change .change-title {font-size:36px;font-weight:600;margin-bottom:50px}
.cont-memorialHallView .memorialHall-view-change .change-txt {font-size:18px;line-height:32px;margin-top:50px;display:flex;flex-direction:column;gap:40px}
.cont-memorialHallView .memorialHall-view-change .change-txt > p {white-space:pre-wrap}
.cont-memorialHallView .memorialHall-view-change .change-txt > p > strong {font-weight:600}

.cont-memorialHallView .memorialHallView-comment {background-image:url(/resources/images/memorialHall/memorialHallView-comment-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}
.cont-memorialHallView .memorialHallView-comment > .comment-inner {width:900px;margin:auto;padding-top:160px;padding-bottom:280px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner > h4 {font-family:"Noto Serif KR", serif;font-size:36px;line-height:58px;font-weight:600;letter-spacing:-0.08em;color:#fff;text-align:center}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write {margin-top:95px;margin-bottom:65px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul {display:flex;flex-direction:column;gap:18px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .info-box {display:flex;gap:20px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .info-box > .form-inner {width:300px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .info-box > .form-inner input {font-size:14px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .info-box > .flower-select {display:flex;gap:23px;align-items:center}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .info-box > .flower-select > p {font-size:15px;color:#fff;letter-spacing:initial}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .info-box > .flower-select > ul {display:flex;gap:10px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .write-box {display:flex;gap:15px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .write-box .write {width:640px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .write-box .write textarea {width:100%;height:100px;border-radius:5px;font-size:14px;padding:0 10px;box-sizing:border-box}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .write-box > button {width:246px;height:100px;background-color:#ddf2f7;color:#105e4c;font-weight:700;text-align:center;line-height:100px;border-radius:5px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li > .write-info {margin-top:15px;font-size:12px;color:rgba(255,255,255,0.5);letter-spacing:initial}

.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"] {position:relative;width:47px;height:47px;display:block;top:initial;left:initial;margin:auto;z-index:initial;opacity:initial}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"]::before {content:"";position:absolute;top:0;left:0;width:43px;height:43px;border-radius:50%;border:2px solid #bbcfcb;background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:#fff}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"]:checked::before {content:"";position:absolute;top:0;left:0;width:43px;height:43px;opacity:initial;border:2px solid #105E4C;background-color:#105E4C}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"].flower-blue::before {background-image:url(/resources/images/memorialHall/flower-blue.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"].flower-pink::before {background-image:url(/resources/images/memorialHall/flower-pink.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"].flower-green::before {background-image:url(/resources/images/memorialHall/flower-green.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"].flower-yellow::before {background-image:url(/resources/images/memorialHall/flower-yellow.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-write .write-form > ul > li input[type="radio"].flower-purple::before {background-image:url(/resources/images/memorialHall/flower-purple.png)}

.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list {width:100%;background-color:#fff}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul {padding:70px 60px}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li {height:66px;border-bottom:2px solid #c6c6c6}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner {display:flex;justify-content:space-between;align-items:center;height:100%}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-flower {width:43px;height:43px;background-repeat:no-repeat;background-size:cover;background-position:center center}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-flower.flower-blue {background-image:url(/resources/images/memorialHall/flower-blue.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-flower.flower-pink {background-image:url(/resources/images/memorialHall/flower-pink.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-flower.flower-green {background-image:url(/resources/images/memorialHall/flower-green.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-flower.flower-yellow {background-image:url(/resources/images/memorialHall/flower-yellow.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-flower.flower-purple {background-image:url(/resources/images/memorialHall/flower-purple.png)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-txt {width:630px;text-align:left;color:rgba(0,0,0,0.6)}
.cont-memorialHallView .memorialHallView-comment > .comment-inner .comment-list ul > li .list-inner .comment-date {width:100px;font-size:14px;color:rgba(0,0,0,0.3)}

.paging-memorialHall {padding-bottom:60px}
.paging-memorialHall > .paging {margin-top:0}

/* 그린레터 20241219 */
.scActivity_info_area > ul > li:last-of-type {display:block}
.scActivity_info_area > ul > li > a .inner > dl.deco_greenLetter:before {background:url('/resources/images/companySpon/hover_img05.png') no-repeat}
.scActivity_info_area > ul > li > a:hover .inner > dl.deco_greenLetter:before{background:url('/resources/images/companySpon/hover_on_img05.png') no-repeat}

.right_floating > ul {display:flex;flex-direction:column;gap:29px}
.right_floating > ul > li:nth-child(2) {margin-top:0}
.right_floating > ul > li > a > .ico_greenLetter {background-color:#777}
.right_floating > ul > li > a > .ico_greenLetter::before {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:37px;height:27px;background-image:url(/resources/images/companySpon/quick_ico_greenLetter.png);background-repeat:no-repeat}

.companySCNewsLetterDetail {margin:30px 0}
.btn {text-align:center}
.btn_kind2{display:inline-block;width:280px;height:60px;line-height:60px;border:1px solid #005b48;font-size:20px;font-weight:normal;color:#005b48;border-radius: 0;box-sizing:border-box;}

.news_newsletter .thum_list {margin-top: 60px;margin-bottom: 40px;}
.news_newsletter .thum_list ul {overflow: hidden;}
.news_newsletter .thum_list li {width: 380px;height: 260px;margin-right: 30px;margin-bottom: 40px;box-sizing: border-box;float: left;}
.news_newsletter .thum_list li:nth-of-type(3n) {margin-right: 0;}
.news_newsletter .apply_letter {position: absolute;top: 172px;right: 0;display: block;width: 126px;height: 35px;text-align: center;line-height: 35px;background:var(--renew-point-color);font-size: 15px;color: #fff;border-radius: 4px;}
.news_newsletter .thum_list li .thum {position: relative;height: 200px;}
/* .news_newsletter .thum_list li:hover .thum:before {content: '';position:absolute;top: 0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.4);border-top-left-radius:15px;border-top-right-radius:15px;}  */
.news_newsletter .thum_list li:hover .thum {box-shadow: rgb(0 0 0 / 8%) 5px 5px 20px 0px;transition:all 0.5s ease;}

.news_newsletter .thum_list li .thum .more {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 44px;height: 44px;background: url(../images/common/ico/ico_more_pdf.png);display: none;}
.news_newsletter .thum_list li:hover .more {display: block;}

.news_newsletter .thum_list li .thum {height: 200px;overflow:hidden;}
.news_newsletter .thum_list li .thum img {width: 100%;height:100%;transition:all 0.5s ease;}
.news_newsletter .thum_list li:hover .thum img {transform:scale(1.05);transition:0.5s ease;}
.news_newsletter .thum_list li .tit {padding: 20px;box-sizing: border-box;text-align:center;font-size: 20px;line-height: 20px;font-weight: 500;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}

.news_newsletter .btn_g {margin-top:40px;text-align:center;}
.news_newsletter .btn_g a {display:inline-block;width:280px;height:60px;line-height:60px;border:1px solid var(--renew-point-color);font-size:22px;font-weight:700;color:var(--renew-point-color);}

/* 나눔가게 20241211 */
.sharingShop .sshop_visual{background:url('/resources/images/sub/bondingspon/content_sharingshop_top_bg.jpg') no-repeat;}
.sharingShop .cont_topVisual_box .visual_top_btn_area .btn_area_inner .btn_box>a{width:316px;box-sizing:border-box;}

.sharingShop .hello_sshop_wrap{padding-bottom:50px !important;}
.sharingShop .hello_sshop_wrap .sub_tit{line-height:1.7;}
.sharingShop .round_box_gray{width:677px;height:107px;margin-top:22px;padding:27px 0 24px 30px;font-size:18px;color:#666;line-height:1.5;background-color:#f5f5f5;border-radius:15px 15px;box-sizing:border-box;}
.sharingShop .hello_sshop_wrap .right_scrollBox{justify-content: center;}
.sharingShop .hello_sshop_wrap .right_scrollBox .slick_wrap{position:relative;width:294px;margin-top:93px;}
.sharingShop .hello_sshop_wrap .right_scrollBox .slick_wrap .sbd_img{width:294px;height:412px;}
.sharingShop .hello_sshop_wrap .slick-prev, .sharingShop .hello_sshop_wrap .slick-next{width:19px;height:32px;}
.sharingShop .hello_sshop_wrap .slick-prev{left:-49px;background:url('/resources/images/sub/bondingspon/btn_prev.png') no-repeat;}
.sharingShop .hello_sshop_wrap .slick-next{right:-49px;background:url('/resources/images/sub/bondingspon/btn_next.png') no-repeat;}
.sharingShop .hello_sshop_wrap .slick-prev:before, .sharingShop .hello_sshop_wrap .slick-next:before{display:none;}
.sharingShop .hello_sshop_wrap .slick-prev:focus, .sharingShop .hello_sshop_wrap .slick-prev:hover{background:url('/resources/images/sub/bondingspon/btn_prev.png') no-repeat;}
.sharingShop .hello_sshop_wrap .slick-next:focus, .sharingShop .hello_sshop_wrap .slick-next:hover{background:url('/resources/images/sub/bondingspon/btn_next.png') no-repeat;}
/* .sharingShop .hello_sshop_wrap .slick-dots{bottom:-30px;}
.sharingShop .hello_sshop_wrap .slick-dots li{width:10px;height:10px;border-radius:50% 50%;background-color:#dddddd;}
.sharingShop .hello_sshop_wrap .slick-dots li.slick-active{background-color:var(--renew-point-color);} */
.sharingShop .hello_sshop_wrap .custom_paging{width:100%;margin-top:13px;text-align:center;}
.sharingShop .hello_sshop_wrap .custom_paging li{font-size:18px;color:#999;font-family:'Noto Sans KR', sans-serif;display:none;}
.sharingShop .hello_sshop_wrap .custom_paging li > span{padding:0 2px;}
.sharingShop .hello_sshop_wrap .custom_paging li.slick-active{display:block;}
.sharingShop .hello_sshop_wrap .custom_paging li.slick-active .on{color:var(--renew-point-color);}

.sharingShop .icon_progress_wrap{background-color:#e8f6ee;}
.sharingShop .icon_progress{position:relative;padding-top:62px;display:flex;flex-wrap:wrap;flex-direction:row;box-sizing:border-box;}
.sharingShop .icon_progress:before{content:'';position:relative;z-index:1;display:block;width:100%;height:3px;margin-bottom:-1px;background-color:#404040;border-radius:25px 25px;}
.sharingShop .icon_progress > li{position:relative;margin-left:12px;box-sizing:border-box;}
.sharingShop .icon_progress > li:first-child{margin-left:0;}
.sharingShop .icon_progress > li:before{content:'';position:absolute;top:-8px;left:50%;z-index:5;margin-left:-7px;display:block;width:17px;height:17px;background-color:#fff;border:3px solid #404040;border-radius:50% 50%;box-sizing:border-box;}
.sharingShop .icon_progress > li:after{content:'';position:absolute;top:-10px;right:-10px;z-index:5;display:block;width:10px;height:19px;background:url('/resources/images/sub/bondingspon/step_arrow.png') 0 0 no-repeat;}
.sharingShop .icon_progress > li:last-child:after{display:none;}
.sharingShop .icon_progress > li > .inner{position:relative;width:255px;height:271px;margin:0 18px;border:1px solid #eee;background-color:#fff;border-radius:0px 0px 40px 0px;box-sizing:border-box;}
.sharingShop .icon_progress > li > .inner:before{content:'';position:absolute;top:-80px;display:block;width:100%;height:80px;}
.sharingShop .icon_progress > li > .inner.ico01:before{background:url('/resources/images/sub/bondingspon/step_ico01.png') 93px 0 no-repeat;}
.sharingShop .icon_progress > li > .inner.ico02:before{background:url('/resources/images/sub/bondingspon/step_ico02.png') center 0 no-repeat;}
.sharingShop .icon_progress > li > .inner.ico03:before{background:url('/resources/images/sub/bondingspon/step_ico03.png') 83px 12px no-repeat;}
.sharingShop .icon_progress > li > .inner.ico04:before{background:url('/resources/images/sub/bondingspon/step_ico04.png') 82px 11px no-repeat;}
.sharingShop .icon_progress > li > .inner > dl{position:relative;padding-top:37px;padding-bottom:36px;text-align:center;}
.sharingShop .icon_progress > li > .inner > dl > dt{position:relative;font-size:22px;font-weight:700;color:#222222;}
.sharingShop .icon_progress > li > .inner > dl > dt:before{content:'';display:block;width:22px;height:27px;margin:0 auto;padding-bottom:30px;background:url('/resources/images/companySpon/img_numbers.png') 0 0 no-repeat;}
.sharingShop .icon_progress > li:first-child > .inner > dl > dt:before{background-position:0 0;}
.sharingShop .icon_progress > li:nth-child(2) > .inner > dl > dt:before{background-position:-22px 0;}
.sharingShop .icon_progress > li:nth-child(3) > .inner > dl > dt:before{background-position:-44px 0;}
.sharingShop .icon_progress > li:nth-child(4) > .inner > dl > dt:before{background-position:-66px 0;}
.sharingShop .icon_progress > li > .inner > dl > dd{margin-top:16px;font-size:18px;color:#222;line-height:26px;}
.sharingShop .btn_box{margin-top:50px;text-align:center;}

.sshop_package_wrap{padding-top:111px !important;padding-bottom:111px !important;}
.sshop_package_info{display:flex;align-items:flex-start;justify-content:center;}
.sshop_package_info .shop_pk{position:relative;}
.sshop_package_info .shop_pk:before{content:'';position:relative;top:13px;display:block;width:100%;border-top:1px solid #dedede;}
.sshop_package_info .shop_pk:after{content:'';position:absolute;top:13px;display:block;width:1px;height:35px;background-color:#dedede;}
.sshop_package_info .shop_pk.pack1{margin-right:57px;}
.sshop_package_info .shop_pk.pack2{margin-right:57px;}
.sshop_package_info .shop_pk .pk_tit_box{position:relative;text-align:center;z-index:1;}
.sshop_package_info .shop_pk .pk_tit_box:after{content:'';position:absolute;right:0;top:13px;display:block;width:1px;height:35px;background-color:#dedede;}
.sshop_package_info .shop_pk .pk_tit_box > strong{padding-left:20px;padding-right:18px;background-color:#fff;font-size:24px;font-weight:600;color:#222;}
.sshop_package_info .shop_pk .pk_tit_box > strong > span{display:inline-block;vertical-align:middle;width:29px;height:29px;margin-top:-4px;margin-right:11px;background-color:#222;border-radius:5px 5px;text-align:center;line-height:32px;font-size:15px;font-family: 'GmarketSans';color:#fff;font-weight:700;}
.sshop_package_info .shop_pk .pk_tit_box > p{padding-top:15px;font-size:18px;font-weight:300;color:#222;}
.sshop_package_info .shop_pk > ul{display:flex;align-items:flex-start;justify-content:center;text-align:center;}
.sshop_package_info .shop_pk .pk_img_box:not(ul){margin-top:56px;}
.sshop_package_info .shop_pk .pk_img_box{margin-top:19px;text-align:center;}
.sshop_package_info .shop_pk .pk_img_box dl{margin-top:19px;}
.sshop_package_info .shop_pk .pk_img_box dl dt{color:#222;font-size:20px;font-weight:600;}
.sshop_package_info .shop_pk .pk_img_box dl dd{padding-top:10px;font-size:16px;line-height:1.3;color:#999;}
.sshop_package_info .shop_pk .pk_img_box img{margin-left:-2px;}
.sshop_package_info .shop_pk .pk_img_box img:first-child{margin-left:0;}
.sshop_package_wrap .guide_txtBox{width:100%;margin-top:39px;text-align:center;}
.sshop_package_wrap .guide_txtBox > p{font-size:18px;color:#222;line-height:1.5;}

.promotion_wrap{position:relative;width:100%;background:url('/resources/images/sub/bondingspon/content_sharingshop_middle_bg.jpg') center top no-repeat;}
.promotion_wrap .subtitle_area h4{margin-bottom:19px;}
.promotion_wrap .description{font-size:20px;}
.promotion_area{margin-top:50px;display:flex;align-items:flex-start;justify-content:space-between;}
.promotion_area .prmt_box{position:relative;}
.promotion_area .prmt_box .inner{width:580px;height:647px;background-color:#fff;border-radius:15px 0 15px 0;box-sizing:border-box;}
.promotion_area .prmt_box .inner > dl > dt{position:relative;display:block;width:100%;height:80px;background-color:var(--renew-point-color);text-align:center;font-size:30px;color:#fff;border-radius:15px 0 0 0;font-weight:600;line-height:80px;}
.promotion_area .prmt_box .inner > dl > dd{padding:44px 0 35px 0;border:1px solid #eee;border-top:0;border-radius:0 0 15px 0;box-sizing:border-box;}
.promotion_area .prmt_box.prmt1 .inner > dl > dd > span{display:block;text-align:center;}
.promotion_area .prmt_box.prmt1 .inner > dl > dd .txt{font-size:20px;line-height:1.5;color:#222;}
.promotion_area .prmt_box.prmt1 .inner > dl > dd .ex_img{margin-top:34px;}
.promotion_area .prmt_box.prmt1 .inner > dl > dt:before{content:'';position:absolute;top:-11px;left:30px;display:block;width:99px;height:91px;background:url('/resources/images/sub/bondingspon/deco_img01.png') 0 0 no-repeat;}
.promotion_area .prmt_box.prmt2 .inner > dl > dt:before{content:'';position:absolute;top:-10px;left:18px;display:block;width:95px;height:90px;background:url('/resources/images/sub/bondingspon/deco_img02.png') 0 0 no-repeat;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl{position:relative;padding-left:50px;border-top:1px solid #dedede;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl:first-child{border-top:0;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl:nth-child(2){padding-top:40px;padding-bottom:6px;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl > dt{font-size:22px;color:var(--renew-point-color);font-weight:600;display:flex;align-items:center;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl > dt > span{display:block;width:69px;height:69px;margin-right:15px;padding-top:12px;line-height:1.4;border-radius:50% 50%;background-color:#007963;text-align:center;color:#fff;font-size:16px;box-sizing:border-box;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl > dd{padding-top:15px;padding-bottom:40px;text-align:left;color:#222;font-size:18px;line-height:1.4;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl > dd > a{position:relative;display:block;width:180px;height:40px;margin-top:16px;padding-left:20px;background-color:#007963;color:#fff;font-size:18px;line-height:40px;box-sizing:border-box;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl > dd > a:after{content:'';position:absolute;top:14px;right:19px;display:block;width:7px;height:13px;background:url('/resources/images/sub/bondingspon/btn_arrow.png') 0 0 no-repeat;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl > dd .ex_img{position:absolute;top:-5px;right:50px;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl:nth-child(2) > dd{padding-bottom:0;}
.promotion_area .prmt_box.prmt2 .inner > dl > dd > dl:nth-child(2) > dd .ex_img{top:35px;}

.sshop_story_wrap{padding-bottom:40px;background-color:#f5f5f5;}
.sshop_story_wrap .subtitle_area{padding-top:37px;}
#contents.greenLegacy .subtitle_area h4{margin-bottom:22px;}
.sshop_story_wrap .description{font-size:20px;font-weight:300;line-height:1.5;}
.sshop_slick{margin-top:43px;}
.sshop_slick .slick_box{width:1200px;height:437px;box-sizing:border-box;border-radius:25px 25px;border:1px solid #eee;}
.sshop_slick .slick_box .slick_txt{width:100%;padding:50px 50px 0 576px;box-sizing:border-box;}
.sshop_slick .slick_box .slick_txt .slick_tit{padding-top:29px;padding-bottom:31px;border-bottom:1px solid #dedede;display:flex;align-items:flex-end;justify-content:space-between;}
.sshop_slick .slick_box .slick_txt .slick_tit > h5{font-size:28px;font-weight:600;}
.sshop_slick .slick_box .slick_txt .slick_tit > span{text-align:right;font-size:18px;color:#999;}
.sshop_slick .slick_box .slick_txt > p{margin-top:25px;font-size:20px;font-weight:300;color:#222;line-height:1.5;}
.sshop_slick .slick_box .slick_txt > p > em{font-weight:600;color:var(--renew-point-color);}
.sshop_slick .slick01{background:#fff url('/resources/images/sub/bondingspon/slide_img01_off.png') 49px 49px no-repeat;}
.sshop_slick .slick01:hover{background:#fff url('/resources/images/sub/bondingspon/slide_img01_on.png') 49px 49px no-repeat;}
.sshop_slick .slick02{background:#fff url('/resources/images/sub/bondingspon/slide_img02_off.png') 49px 49px no-repeat;}
.sshop_slick .slick02:hover{background:#fff url('/resources/images/sub/bondingspon/slide_img02_on.png') 49px 49px no-repeat;}
.sshop_slick .slick03{background:#fff url('/resources/images/sub/bondingspon/slide_img03_off.png') 49px 49px no-repeat;}
.sshop_slick .slick03:hover{background:#fff url('/resources/images/sub/bondingspon/slide_img03_on.png') 49px 49px no-repeat;}
.sshop_slick .slick-arrow{top:inherit;bottom:35px;width:19px;height:32px;}
.sshop_slick .slick-prev:before, .sshop_slick .slick-next:before{display:none;}
.sshop_slick .slick-prev{left:50%;z-index:2;margin-left:494px;background:url('/resources/images/sub/bondingspon/btn_prev.png') 0 0 no-repeat;}
.sshop_slick .slick-next{right:51px;background:url('/resources/images/sub/bondingspon/btn_next.png') 0 0 no-repeat;}
.sshop_slick .slick-dots{bottom:-46px;}
.sshop_slick .slick-dots li{width:15px;height:15px;background-color:#ddd;border-radius:50% 50%;}
.sshop_slick .slick-dots li.slick-active{background-color:var(--renew-point-color);}
.sshop_story_wrap .btn_box{padding-top:47px;}
.participation_area{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin-top:49px;}
.participation_area .pption_map{width:567px;height:589px;background:url('/resources/images/sub/bondingspon/bg_map.png') 0 0 no-repeat;} 
.participation_area .pption_map .map_btn{position:relative;width:566px;height:589px;}
.participation_area .pption_map .map_btn .toggleButton{position:absolute;left:50%;display:block;height:38px;padding-left:16px;padding-right:17px;text-align:center;background-color:#fff;color:#666;font-size:17px;font-weight:600;border:1px solid var(--renew-point-color);box-sizing:border-box;border-radius:3px 3px;}
.participation_area .pption_map .map_btn .toggleButton.active{background-color:var(--renew-point-color);color:#fff;}
.participation_area .pption_map .map_btn .toggleButton.a{top:128px;margin-left:-134px;}
.participation_area .pption_map .map_btn .toggleButton.b{top:254px;margin-left:-123px;}
.participation_area .pption_map .map_btn .toggleButton.c{bottom:168px;margin-left:-130px;}
.participation_area .pption_map .map_btn .toggleButton.d{bottom:30px;margin-left:-142px;}
.participation_area .pption_map .map_btn .toggleButton.e{top:91px;margin-left:55px;}
.participation_area .pption_map .map_btn .toggleButton.f{top:190px;margin-left:66px;}
.participation_area .pption_map .map_btn .toggleButton.g{top:315px;margin-left:25px;}

.participation_area .accordion-box{position:relative;width:560px;box-sizing:border-box;}
.participation_area .accordion-box .accordion{border-top:0;}
.participation_area .accordion-box .accordion .accor-button{width:100%;}
.participation_area .accordion-box .accordion .accor-button button{width:100%;height:60px;padding-left:29px;text-align:left;background:#f8f8f8 url('/resources/images/sub/bondingspon/acco_off.png') 519px center no-repeat;color:#222222;font-size:22px;font-weight:600;}
.participation_area .accordion-box .accordion .accor-button button.active{background:var(--renew-point-color) url('/resources/images/sub/bondingspon/acco_on.png') 519px center no-repeat;color:#fff;}
.participation_area .accordion-box .accordion .a1 button{border-radius:25px 25px 0 0;}
.participation_area .accordion-box .accordion .e1 button{border-radius:0 0 25px 25px;}
.participation_area .accordion-box .accordion .e1 button.active{border-radius:0 0 0 0;}
.participation_area .accor-content .cont{position:relative;height:99px;padding-top:19px;padding-left:29px;border-bottom:1px solid #dedede;box-sizing:border-box;}
.participation_area .accor-content .cont:last-child{border-bottom:0;}
.participation_area .accor-content .cont .name{font-size:22px;font-weight:600;color:#222;}
.participation_area .accor-content .cont .phone{position:absolute;top:19px;right:30px;font-size:20px;font-weight:600;color:#222;}
.participation_area .accor-content .cont .address{display:block;padding-top:19px;font-size:18px;font-weight:300;color:#666;}
 
#contents.greenLegacy .faq_area .accordion .accordion-inner .accordion-content{padding:45px 60px 45px 96px;}
#contents.greenLegacy .faq_area .accordion .accordion-inner .accordion-content > img{padding-top:28px;}
#contents.greenLegacy .faq_area .accordion .accordion-inner .accordion-content > em{color:var(--renew-point-color);font-weight:600;}

#contents.greenLegacy .greenLegacy-floating-banner {position:fixed;top:140px;right:90px;opacity:0;transition:all 0.1s;z-index:99}
#contents.greenLegacy .greenLegacy-floating-banner.fix {opacity:1}

/* 기업사회공헌 페이지 버튼 추가 20250604 */
.joinCompany_info_area .subtitle_area .btn_box a:nth-child(3) {margin-top:13px}

.btn_box .renewal_btn.fullBg_btn {background-color:var(--renew-point-color);color:#fff}

/* vision2030 페이지 추가 */
.vision2030_top_area {height:450px;background-image:url(/resources/images/intro/vision2030_bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;justify-content:center}
.vision2030_top_area .vision2030_top_inner {padding-top:97px;text-align:center;color:#222;letter-spacing:-0.05em}
.vision2030_top_area .vision2030_top_inner .main-txt:after {content:'';display:block;width:185px;height:6px;border-top:1px solid rgba(34,34,34,0.5);border-bottom:1px solid rgba(34,34,34,0.5);margin:auto;margin-top:43px;margin-bottom:35px;box-sizing:border-box}
.vision2030_top_area .vision2030_top_inner .main-txt h4 {font-size:48px;font-weight:900;margin-bottom:15px}
.vision2030_top_area .vision2030_top_inner .main-txt h4 > span {color:var(--renew-point-color)}
.vision2030_top_area .vision2030_top_inner .main-txt p {font-size:35px;font-weight:500}
.vision2030_top_area .vision2030_top_inner > p {font-size:20px;line-height:31px;font-weight:500}

.vision2030-cont01 {text-align:center;display:flex;flex-direction:column;align-items:center}
.vision2030-cont01 h6 {display:flex;align-items:center;justify-content:center;width:474px;height:112px;font-size:28px;font-weight:700;letter-spacing:-0.06em;color:var(--renew-point-color);border:2px solid var(--renew-point-color);border-radius:60px;margin-bottom:38px;position:relative}
.vision2030-cont01 h6::after {content:'';display:block;width:2px;height:38px;margin:auto;background-color:var(--renew-point-color);position:absolute;left:50%;transform:translateX(-50%);bottom:-40px}
.vision2030-cont01 > ul {width:100%;display:flex;justify-content:space-between;position:relative;margin-top:40px}
.vision2030-cont01 > ul::before {content:'';display:block;width:435px;height:40px;border:2px solid var(--renew-point-color);border-bottom:0;position:absolute;left:50%;transform:translateX(-50%);top:-40px}
.vision2030-cont01 > ul > li {width:410px;height:178px;border:1px solid #ddd;border-radius:20px}
.vision2030-cont01 > ul > li > h7 {display:block;width:100%;height:70px;line-height:70px;background-color:var(--renew-point-color);color:#fff;font-size:24px;font-weight:700;border-radius:20px 20px 0 0;margin-bottom:22px}
.vision2030-cont01 > ul > li > p {text-align:center!important;font-size:20px;line-height:31px;margin-bottom:0!important}

.vision2030-cont02 > ul {display:flex;justify-content:space-between;letter-spacing:-0.06em;text-align:center}
.vision2030-cont02 > ul > li:nth-child(1) {width:170px}
.vision2030-cont02 > ul > li:nth-child(2) {width:282px}
.vision2030-cont02 > ul > li:nth-child(3) {width:260px}
.vision2030-cont02 > ul > li > h5 {font-size:24px;color:var(--renew-point-color);font-weight:700;border-bottom:3px solid var(--renew-point-color);text-align:center;padding-bottom:7px}
.vision2030-cont02 > ul > li > .key-issue {margin-top:45px;display:flex;flex-direction:column;gap:60px}
.vision2030-cont02 > ul > li > .key-issue > li {width:100%;height:143px;line-height:143px;background-color:var(--renew-point-color);color:#fff;border-radius:20px;font-size:20px;font-weight:900;position:relative}
.vision2030-cont02 > ul > li > .key-issue > li::after {content:'';display:block;width:49px;height:46px;background-image:url(/resources/images/intro/vision2030-img-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);right:-55px}
.vision2030-cont02 > ul > li > .child-change {margin-top:20px;display:flex;flex-direction:column;gap:10px}
.vision2030-cont02 > ul > li > .child-change > li {width:100%;height:193px;border:1px solid #ddd;border-radius:20px}
.vision2030-cont02 > ul > li > .child-change > li > h6 {display:block;height:73px;line-height:73px;background-color:#f8f7f7;border-bottom:1px solid #ddd;font-size:20px;font-weight:700;border-radius:20px 20px 0 0;margin-bottom:15px}
.vision2030-cont02 > ul > li > .child-change > li > p {text-align:center!important;font-size:18px;line-height:29px;color:#333;margin-bottom:0!important}
.vision2030-cont02 > ul > li > .world-change {margin-top:146px;display:flex;flex-direction:column;gap:162px}
.vision2030-cont02 > ul > li > .world-change > li {display:flex;align-items:center;justify-content:center;width:100%;height:143px;background-color:#f8f7f7;border:1px solid #ddd;border-radius:20px;position:relative}
.vision2030-cont02 > ul > li > .world-change > li::before {content:'';display:block;width:49px;height:46px;background-image:url(/resources/images/intro/vision2030-img-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:50%;transform:translateY(-50%) rotate(180deg);left:-55px}
.vision2030-cont02 > ul > li > .world-change > li > p {text-align:center!important;font-size:18px;line-height:29px;color:#333;margin-bottom:0!important}
.vision2030-cont02 > ul > li > .world-change > li > p > strong {font-weight:700}
.vision2030-cont02 > ul > li > .world-change > li > p > span {font-weight:700;color:var(--renew-point-color)}

/* 그린리더클럽 버튼명 수정 등 */
#contents.greenLeader .greenLeader-top {height:1280px}
#contents.greenLeader .greenLeader-top .greenLeader-top-inner .btn-txt-link {display:inline-block;color:#fff;font-size:20px;padding-bottom:7px;border-bottom:1px solid #fff;margin-top:20px}
