@charset "utf-8";

.hue-p {color:#cb0802}
.hue-bg-p {background-color:#cb0802}
.bg-p{background-color:#fef2f2 !important}
.only-mobile {display:none}
.color-type1 {color:#cb0802 !important}
.txt-s{font-size:12px}
.pc-hidden-500 { display: none; }

.sr-only{display:inline-block; text-indent:-9999px; overflow:hidden; width:0; height:0;}
/**/
.base-header {position:relative;z-index:2;border-bottom:1px solid #dfdfdf}
.base-body {position:relative;word-break:keep-all; /* padding-top: 100px; */}
.base-body:after {content:"";display:block;clear:both}
/* .base-body {width:100%;margin:0 auto;min-height:calc(100vh - 559px); padding-top: 230px;} 이벤트 배너가 사라지면 패딩탑 수정 */
.base-body {width:100%;margin:0 auto;min-height:calc(100vh - 559px);}
.base-body.type-error {position:relative;height:calc(100vh);;min-height:500px;background-color:#f5f5f5}
.base-body.type-bg {padding:80px 0;background-color:#f5f5f5}
.base-footer {background:#191919;position:relative;z-index:1}

.base-main {float:none;width:100%;position: relative; max-width:1080px;margin:0 auto; padding-top: 230px;}
.base-main:focus { border: 1px dashed black; outline: 0;}
/*.base-aside {float:left;width:200px;height:700px;background:skyblue}*/
/* .base-body.type-sub .base-main {position: relative; width:1080px;margin:0 auto} */
.base-body.type-sub .base-main_campaign2106{width:100%;margin:0 auto}
.base-body.type-bg .base-main {padding:84px 80px 90px;background-color:#fff;border:1px solid #e5e5e5}
.base-body.type-bg .contents-area {padding:0;}

.btn-link-area { margin-bottom: 25px; text-align: right; }
.btn-link-area > a { display: inline-block; padding: 8px 14px; background-color: #E30613; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; color: #fff; font-size: 14px; }
.btn-link-area > a:hover { color: #fff !important; }
.btn-link-area > a::after { content: ""; display: inline-block; width: 9px; height: 15px; background-image: url(../img/common/icon_more_w.svg); background-repeat: no-repeat; background-position: center; background-size: 9px 12px; margin-left: 11px; vertical-align: middle; }

/* menu-nav */
.menu-nav { display: none; position: absolute; left: 0; top: -84px; }
.menu-nav ul { display: flex; align-items: center; justify-content: space-between; height: 16px; }
.menu-nav ul li { height: 100%; display: flex; align-items: center; }
.menu-nav ul li + li::before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(../img/campaign/icon_nav_arrow.svg); background-repeat: no-repeat; background-position: center; background-size: 6px 10px; margin: 0 4px; }
.menu-nav ul li a { height: 100%; line-height: normal; font-size: 14px; color: #4B5563; }

.campaign-sub .contents-wrap { padding-bottom: 159px; padding-top: 210px; }

/* 연말캠페인 */
#bodyCampaignBanner { padding-left: 70px; height: 320px; background: url(../img/bg_banner.png) no-repeat center/cover, linear-gradient(90deg, #EE6161 0.02%, #D41616 99.99%); display: flex; justify-content: space-between; font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD 산돌고딕 Neo', sans-serif; position: relative; z-index: 1; }
#bodyCampaignBanner .donation-area { position: relative; max-width: 855px; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
#bodyCampaignBanner .donation-area .progress-wrap { max-width: 602px; width: 100%; height: 100%; background-image: url(../img/img_banner_progress6.png); background-repeat: no-repeat; background-size: contain; background-position: bottom center; }

#bodyCampaignBanner .donation-area .progress-wrap.num1 { background-image: url(../img/img_banner_progress1.png); }
#bodyCampaignBanner .donation-area .progress-wrap.num2 { background-image: url(../img/img_banner_progress2.png); }
#bodyCampaignBanner .donation-area .progress-wrap.num3 { background-image: url(../img/img_banner_progress3.png); }
#bodyCampaignBanner .donation-area .progress-wrap.num4 { background-image: url(../img/img_banner_progress4.png); }
#bodyCampaignBanner .donation-area .progress-wrap.num5 { background-image: url(../img/img_banner_progress5.png); }
#bodyCampaignBanner .donation-area .progress-wrap.num6 { background-image: url(../img/img_banner_progress6.png); }

#bodyCampaignBanner .donation-area .progress-wrap .character { width: 105px; height: 121px; background-image: url(../img/img_moving_character.png); background-repeat: no-repeat; background-size: cover; animation: characterAni 1s infinite steps(2); -webkit-animation: characterAni 1s infinite steps(2); position: absolute; top: 37px; left: 50%; transform: rotate(-8deg) translateX(-50%); -webkit-transform: rotate(-8deg) translateX(-50%); -moz-transform: rotate(-8deg) translateX(-50%); -ms-transform: rotate(-8deg) translateX(-50%); -o-transform: rotate(-8deg) translateX(-50%); }
@keyframes characterAni {
  0% { background-position: left; }
  100% { background-position: right; }
}
#bodyCampaignBanner .donation-area .current-fund { max-width: 855px; width: 100%; position: absolute; top: 100px; display: flex; justify-content: space-between; gap: 145px; }
#bodyCampaignBanner .donation-area .current-fund > div { position: relative; display: flex; flex-direction: column; justify-content: center; height: 90px; background-color: #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 0 30px; }
#bodyCampaignBanner .donation-area .current-fund .national-fund { width: 260px; }
#bodyCampaignBanner .donation-area .current-fund .national-fund::after { content: ""; display: block; width: 58px; height: 58px; background-color: #1F2937; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background-image: url(../img/icon_national.svg); background-repeat: no-repeat; }
#bodyCampaignBanner .donation-area .current-fund .temp-fund { width: 247px; text-align: right; }
#bodyCampaignBanner .donation-area .current-fund .temp-fund::before { content: ""; display: block; width: 58px; height: 58px; background-color: #1F2937; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background-image: url(../img/icon_temp.svg); background-repeat: no-repeat; }
#bodyCampaignBanner .donation-area .current-fund > div span { display: block; font-size: 16px; font-weight: 700; color: #D41616; }
#bodyCampaignBanner .donation-area .current-fund > div p { font-size: 1.7vw; font-weight: 700; color: #D41616; margin-top: -7px; }
#bodyCampaignBanner .donation-area .current-fund .d-day-wrap { display: block; }
#bodyCampaignBanner .donation-area .current-fund .open-txt { display: none; }

#bodyCampaignBanner .donation-area .current-fund.active .d-day-wrap { display: none; }
#bodyCampaignBanner .donation-area .current-fund.active .open-txt { display: block; }

#bodyCampaignBanner .headline-area { position: relative; max-width: 522px; width: 100%; padding: 89px 24px; }
#bodyCampaignBanner .headline-area p { font-size: 54px; font-weight: 800; line-height: 1.3; color: #fff; word-break: keep-all; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#bodyCampaignBanner .headline-area p > span { color: #FFF6A7; }
#bodyCampaignBanner .link-area { max-width: 296px; width: 100%; margin-top: 80px; }
#bodyCampaignBanner .link-area > a:focus-visible { outline: auto; }
#bodyCampaignBanner .link-area > a > .txt { display: flex; align-items: center; gap: 11px; font-size: 24px; font-weight: 700; line-height: 1.2; color: #fff; }
#bodyCampaignBanner .link-area > a > .txt::before { content: ""; display: block; width: 73px; height: 63px; background-image: url(../img/img_character.png); background-repeat: no-repeat; background-size: contain; margin-bottom: -9px; z-index: 1; }
#bodyCampaignBanner .link-area > a > .more { display: flex; align-items: center; width: 100%; height: 80px; background-color: #fff; border-radius: 100px 0 0 100px; font-size: 32px; font-weight: bold; line-height: 1.2; color: #1F2937; padding-left: 48px; }
#bodyCampaignBanner .link-area > a > .more::after { content: ""; display: block; width: 13px; height: 18px; background-image: url(../img/icon_arrow.svg); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 30px; }

@media all and (min-width: 1920px){
  #bodyCampaignBanner .donation-area .current-fund > div p { font-size: 32px;}
}

@media all and (max-width: 1600px){
  #bodyCampaignBanner .headline-area { max-width: 420px; }
  #bodyCampaignBanner .headline-area p { font-size: 42px; }
}

@media all and (max-width: 1280px){
  #bodyCampaignBanner { padding-left: 24px; }
  #bodyCampaignBanner .headline-area p { font-size: 3.5vw; }
  #bodyCampaignBanner .donation-area { max-width: 455px; }
  #bodyCampaignBanner .donation-area .progress-wrap .character { width: 75px; height: 90px; top: 108px; }
  #bodyCampaignBanner .donation-area .current-fund > div p { font-size: 20px; }
  #bodyCampaignBanner .link-area { max-width: 215px; }
  #bodyCampaignBanner .donation-area .current-fund > div { padding: 0 15px; }
  #bodyCampaignBanner .donation-area .current-fund .national-fund::after { width: 48px; height: 48px; background-size: 48px 48px; }
  #bodyCampaignBanner .donation-area .current-fund .temp-fund::before { width: 48px; height: 48px; background-size: 48px 48px; }
  #bodyCampaignBanner .link-area > a > .txt { font-size: 20px; }
  #bodyCampaignBanner .link-area > a > .more { height: 70px; font-size: 24px; padding-left: 35px; }
}

@media all and (max-width: 1024px){
  .campaign-sub .contents-wrap { padding-bottom: 120px; padding-top: 132px; }

  #bodyCampaignBanner { height: auto; flex-direction: column-reverse; justify-content: flex-end; }
  #bodyCampaignBanner .donation-area { max-width: 100%; flex-direction: column-reverse; align-items: center; padding-top: 24px; gap: 52px; }
  #bodyCampaignBanner .donation-area .progress-wrap { height: 200px; }
  #bodyCampaignBanner .donation-area .progress-wrap .character { width: 85px; height: 101px; top: 125px; }
  #bodyCampaignBanner .headline-area { padding: 24px 0 0; }
  #bodyCampaignBanner .headline-area p { position: static; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; font-size: 38px; }
  #bodyCampaignBanner .donation-area .current-fund { max-width: 100%; justify-content: center;  gap: 22px; position: static; padding-right: 24px;  }
  #bodyCampaignBanner .donation-area .current-fund > div { background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.70) 100%); box-shadow: 0px 0px 5px 0px rgba(185, 28, 28, 0.30), 0px 0px 8px 0px rgba(255, 255, 255, 0.25) inset; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; text-align: center; }
  #bodyCampaignBanner .donation-area .current-fund > div p { font-size: 24px; margin-top: -4px; }
  #bodyCampaignBanner .donation-area .current-fund .temp-fund { text-align: center; }
  #bodyCampaignBanner .donation-area .current-fund .national-fund,
  #bodyCampaignBanner .donation-area .current-fund .temp-fund { width: 100%; }
  #bodyCampaignBanner .donation-area .current-fund .national-fund::after,
  #bodyCampaignBanner .donation-area .current-fund .temp-fund::before { display: none; }

  #bodyCampaignBanner .link-area { max-width: 100%; margin-top: 24px; display: flex; flex-direction: column; align-items: flex-end; }
  #bodyCampaignBanner .link-area > a { float: right; }
  #bodyCampaignBanner .link-area > a > .txt { font-size: 16px; font-weight: 500; gap: 6px; padding-right: 16px; }
  #bodyCampaignBanner .link-area > a > .txt::before { width: 38px; height: 33px; margin-bottom: -5px; }
  #bodyCampaignBanner .link-area > a > .more { width: 160px; height: 42px; font-size: 16px; padding-left: 26px; }
  #bodyCampaignBanner .link-area > a > .more::after { width: 6px; height: 14px; margin-left: 6px; }
}


@media all and (max-width: 768px){
  #bodyCampaignBanner { background: url(../img/bg_banner_mo.png) no-repeat center/cover, linear-gradient(90deg, #EE6161 0.02%, #D41616 99.99%); }
  #bodyCampaignBanner .donation-area { padding-top: 35px; }
  #bodyCampaignBanner .headline-area p { font-size: 30px; }
  #bodyCampaignBanner .donation-area .progress-wrap { height: 150px; }
  #bodyCampaignBanner .donation-area .progress-wrap .character { width: 75px; height: 90px; }
  #bodyCampaignBanner .donation-area .current-fund > div p { font-size: 24px; margin-top: -4px; }

  #bodyCampaignBanner .link-area > a > .more { height: 32px; }
}

@media all and (max-width: 500px){
  #bodyCampaignBanner .donation-area { gap: 40px; }
  #bodyCampaignBanner .donation-area .progress-wrap { height: 107px; }
  #bodyCampaignBanner .donation-area .progress-wrap .character { width: 53px; height: 62px; top: 140px; }
}

@media all and (max-width: 375px){
  #bodyCampaignBanner .donation-area .current-fund > div span { font-size: 15px; }
  #bodyCampaignBanner .donation-area .current-fund > div p { font-size: 18px; }
}

/* layerpop */
.modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 999999; opacity: 0; visibility: hidden; transition: all .2s; }
.screen { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); }
.layerpop-wrap { position: relative; max-width: 716px; width: 100%; height: calc(100vh - 10%); margin-left: auto; margin-right: auto; padding-left: 18px; padding-right: 18px; padding-top: 90px; }
.layerpop-area { width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15); }
.layerpop-inner { position: relative; }
.btn-popup-close {position:absolute; top:35px; right:20px; display:inline-block; width:50px; height:50px; color:#fff; background:url(../../common/img/common/btn_close_l.png) no-repeat; background-size:50px;}

/* sprite */
[class^="sprite-footer_"] {display:inline-block;background-image:url("/common/img/common/sprite_footer.png");background-repeat:no-repeat}
[class^="sprite-footer_sns"] {height:20px;background-position-y:0;font-size:0}
.sprite-footer_sns1 {width:8px;background-position-x:0}
.sprite-footer_sns2 {width:16px;background-position-x:-20px}
.sprite-footer_sns3 {width:16px;background-position-x:-40px}
.sprite-footer_sns4 {width:14px;background-position-x:-60px}

[class^="sprite-header_"],
.nav-sub h3:after {display:inline-block;background-image:url("/common/img/common/sprite_header.png");background-repeat:no-repeat}
.sprite-header_blt {width:11px;height:11px;background-position:0 0}
.sprite-header_sh {width:11px;height:11px;background-position:-45px 0}

[class^="sprite-breadcrumb_"],
.breadcrumb-depth .breadcrumb-btn:after {display:inline-block;background-image:url("/common/img/common/sprite_breadcrumb.png");background-repeat:no-repeat}
.sprite-breadcrumb_home {width:18px;height:18px;background-position:0 0;font-size:0}

[class^="sprite-paging-"] {position:relative;top:-2px;display:inline-block;height:6px;background-image:url("/common/img/common/sprite_paging.png");background-repeat:no-repeat;background-position-y:0;font-size:0;vertical-align:middle}
.sprite-paging-first {width:10px;background-position-x:0}
.sprite-paging-prev {width:5px;background-position-x:-10px}
.sprite-paging-next {width:5px;background-position-x:-20px}
.sprite-paging-last {width:10px;background-position-x:-30px}
.sprite-paging-prenet1 {width:7px;height:4px;background-position-x:-40px}
.sprite-paging-prenet2 {width:7px;height:4px;background-position-x:-50px}

.ico-file {display:inline-block;width:14px;height:14px;background:url("/common/img/common/icon_file.png") no-repeat 0 0;background-size:100% auto;font-size:0;vertical-align:middle}

/* footer */
.base-footer-wrap {position:relative;max-width:1280px;width:100%;margin:0 auto;padding:50px 0 0;z-index:0}
.base-footer-wrap:after {content:"";display:block;clear:both}
.footer-link {float:right}
.footer-link dl {float:left;width:180px}
.footer-link dt {font-size:14px;color:#eaeaea;margin-bottom:10px}
.footer-link dd {width:100%;margin-bottom:5px}
.footer-link a {color:#aaa;font-size:13px}
.footer-link dl.footer-sns {overflow:hidden}
.footer-link dl.footer-sns dd {float:left;width:auto}
.footer-link dl.footer-sns dd a {display:block;font-size:0;padding-top:2px}
.footer-link dl.footer-sns dd ~ dd {margin-left:16px}

.footer-address {position:relative;float:left;width:100%;margin:50px 0 0;border-top:1px solid #4d4d4d;padding:30px 0;color:#737373;font-size:11px}
.footer-address .footer-menu:after {content:'';display:block;clear:both}
.footer-address .footer-menu .footer-menu-item {float:left;font-size:12px;line-height:15px}
.footer-address .footer-menu .footer-menu-item ~ .footer-menu-item {margin-left:16px}
.footer-address .footer-menu .footer-menu-item a {color:#aaa}
.base-footer-wrap .logo {float:left;width:139px;height:36px;background:url(/common/img/common/logo_f.png) no-repeat 0 0}
.footer-address address {margin-top:17px;font-style:normal}
.footer-address .address-txt ~ .address-txt {margin-top:5px}
.footer-address .address-txt .address-item {position:relative;display:inline-block}
.footer-address .address-txt .address-item a {color:#737373}
.footer-address .address-txt .address-item.only-mobile {display:none}
.footer-address .address-txt .address-item.only-mobile + .address-item {margin-left:0;padding-left:0}
.footer-address .address-txt .address-item.only-mobile + .address-item:before {display:none}
.footer-address .address-txt .address-item ~ .address-item {margin-left:10px;padding-left:11px}
.footer-address .address-txt .address-item ~ .address-item:before {content:'';position:absolute;left:0;top:3px;width:1px;height:9px;background-color:#4d4d4d}
.footer-address .partner-logo {position:absolute;right:0;bottom:50px;display:block;width:180px}
.footer-address .partner-logo_wa{position:absolute;right:374px;top:30px;display:block;width:145px}
.footer-address .partner-logo_wa img {width:100%;vertical-align:top}
.footer-address .partner-logo_1365{position:absolute;right:370px;top:60px;display:block;width:145px}
.footer-address .partner-logo_1365 img {width:100%;vertical-align:top}
.footer-address .partner-logo_1200{position:absolute;right:210px;top:55px;display:block;width:145px}
.footer-address .partner-logo_1200 img{width:100%;vertical-align:top}
.footer-address .partner-logo img {width:100%;vertical-align:top}
.footer-copyright {margin-top:16px}
.base-header-wrap {position:relative;max-width:1280px;width:100%;margin:0 auto;padding:0 0 0 217px;height:120px;z-index:1}
.base-header-wrap .logo {position:absolute;top:58px;left:10px;width:155px;height:38px}
.base-header-wrap:after {content:"";display:block;clear:both}
.header-mobile{display:none}
.nav-util {position:absolute;top:5px;right:-10px;z-index:5}
.nav-util > a,
.nav-util > button {display:inline-block;padding:0 5px;margin:0 5px;color:#252525;font-size:12px;vertical-align:middle}
.nav-util > button i {position:relative;top:-1px;margin-left:4px;vertical-align:middle}
.nav-util > button.ui-drop:hover i {background-position-x:-15px}
.nav-util > button[aria-expanded="true"] {color:#790401}
.nav-util > button[aria-expanded="true"] i {background-position-x:-30px}
.nav-util > span {display:inline-block;font-size:9px;vertical-align:middle}
.nav-util-box {width:100%;min-width:100px;background:#191919;margin-top:5px;padding:10px 20px;box-shadow:0 6px 6px 0 rgba(188, 181, 181, 0.5)}
.nav-util-box a {display:block;width:100%;font-size:12px;color:#aaa;margin:5px 0;text-align:center}
.nav-util-box a:hover,
.nav-util-box a:focus {color:#cb0802;text-decoration:underline}
.nav-main {padding-top:53px}
.nav-main-wrap {float:left}
.nav-main-1 {float:left}
/* .nav-btn-1 {display:block;padding:10px 40px; font-size:18px;font-weight:500;color:#121212} */
.nav-btn-1 {display:block;padding:10px 35px;font-size:18px;font-weight:500;color:#121212}
.nav-btn-1 i {display:block;padding:0 0 3px;border-bottom:2px solid #fff}
.nav-btn-1:hover i,
.nav-btn-1:focus i,
.nav-btn-1.selected i {color:#cb0802;border-bottom:2px solid #cb0802}

.nav-sub {position:absolute;display:block;top:121px;left:0;overflow:hidden;width:100%;height:0;background:#fff;opacity:0;padding-left:216px}
.nav-sub:after {content:"";display:block;clear:both}
.on .nav-sub {display:block;position:absolute;top:121px;left:0;z-index:1}
.nav-sub > div {width:218px;float:left;border-left:1px solid #d4d4d4;height:415px;padding:40px;background:#fff;transition:background-color 0.2s ease-in}
/*.nav-sub > div:first-child {border-left:0}*/
.nav-sub h3 {position:relative;font-size:16px;font-weight:500;display:block;width:100%;padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid #121212}
.nav-sub h3:after {content:'';position:absolute;right:0;top:8px;width:9px;height:5px;background-position:-60px 0}
.nav-sub .selected h3 {color:#cb0802;border-bottom-color:#ea9996}
.nav-sub .selected h3:after {background-position-x:-70px}
.nav-sub a {display:block;width:100%;margin-bottom:8px;font-size:14px;color:#252525}
.nav-sub > div:hover {background:#fef2f2}
.nav-sub a:hover,
.nav-sub a:focus,
.nav-sub a.selected {color:#cb0802;font-weight:500;text-decoration:underline}
.dim-nav {position:absolute;display:block;top:121px;left:0;overflow:hidden;width:100%;height:0;background:#fff;z-index:0;border-bottom:0 solid transparent;transition:border 0.3s ease-in}
.dim-nav.on {border-bottom:5px solid #cb0802}
.nav-sub-tit h2 {font-size:26px;color:#121212;font-weight:800;margin-bottom:5px}
.nav-sub-tit p {font-size:14px;color:#121212}
.nav-sub-tit.n1 {background:url(/common/img/common/bg_nav1.png) no-repeat 100% 100% !important}
.nav-sub-tit.n2 {background:url(/common/img/common/bg_nav2.png) no-repeat 100% 100% !important}
.nav-sub-tit.n3 {background:url(/common/img/common/bg_nav3.png) no-repeat 100% 100% !important}
.nav-sub-tit.n4 {background:url(/common/img/common/bg_nav4.png) no-repeat 100% 100% !important}

/* .nav-sub-tit *{display:none}
#baseHeader .nav-sub-tit{background:none !important} */

.nav-special {float:right;font-size:0}
.nav-special a + a {margin-left:4px}

/*covid-19 추가*/
[class*="btn-covid"] {background:url(/common/img/contents/covid/covid19_btn.png) no-repeat 100% 100% !important;  display:inline-block; mid-width:55px;height:55px; margin-right:34px;vertical-align:top; display:none;}
a[class*="btn-covid"] {padding:0 27px 0;}
[class*="btn-covid"]:hover,
[class*="btn-covid"]:focus,
[class*="btn-covid"].selected {background-color:#fff;border:1px solid #fff}
[class*="btn-covid"].small {width:auto;height:32px;padding:7px 10px;font-size:12px}

[class*="btn-base"] {display:inline-block;min-width:126px;height:48px;padding:0 30px;text-align:center;color:#fff;background-color: #aaa;font-size:16px;font-weight:400;border:1px solid #aaa;vertical-align:top;transition:background-color 0.2s ease-in, border 0.2s ease-in, color 0.2s ease-in}
a[class*="btn-base"] {padding:12px 30px 0}
[class*="btn-base"]:hover,
[class*="btn-base"]:focus,
[class*="btn-base"].selected {background-color:#666;border:1px solid #666;color:#fff;}
[class*="btn-base"].small {width:auto;height:32px;padding:7px 10px;font-size:12px;}
.btn-base-imp {background-color:#cb0802;border:1px solid #cb0802}
.btn-base-imp:hover,
.btn-base-imp:focus,
.btn-base-imp.selected {background-color:#cb0802;border:1px solid #cb0802}

.btn-base-blue {background-color:#3a4ec4;border:1px solid #3a4ec4}
.btn-base-blue:hover,
.btn-base-blue:focus,
.btn-base-blue.selected {background-color:#1a30b6;border:1px solid #1a30b6}

.btn-base-main {width:168px;height:64px;font-size:20px;background-color:#cb0802;border:1px solid #cb0802}
a.btn-base-main {padding-top:16px}
.btn-base-main:hover,
.btn-base-main:focus,
.btn-base-main.selected {background-color:#790401;border:1px solid #790401}

.btn-base-line {background-color:#fff;border:1px solid #cb0802;color:#cb0802}
.btn-base-line:hover,
.btn-base-line:focus,
.btn-base-line.selected {background-color:#fff;border:1px solid #790401;color:#790401}

.btn-base-bline {background-color:#fff;border:1px solid #555;color:#555}
.btn-base-bline:hover,
.btn-base-bline:focus,
.btn-base-bline.selected {background-color:#fff;border:1px solid #000;color:#666}

.btn-base.btn-type2 {background-color:#555;color:#fff}

.btn-area {text-align:center;margin-top:40px;position:relative}
.btn-area [class*="btn-base"] {margin:0 5px}
.btn-area-r {text-align:right}
.btn-area-l {text-align:left}
.btn-area + .sb-box{margin-top:40px !important}
.btn-area .fl-item-r{position:absolute;right:0}
.btn-area .fl-item-l{position:absolute;left:0}



/* .end-funding-area .btn-area  .fund_float {
    display: block;
    left: 50%;
    bottom: 10px;
    width: 700px;
    height: 60px;W
    margin-left: -350px;
    background: none;
}

.end-funding-area .btn-area  .fund_float {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99998;}

.end-funding-area .btn_static {
    position: relative;
    padding-bottom: 10px;
}*/

[class*="btn-swiper-"] {position:relative;width:48px;height:48px;border:1px solid #eaeaea;background-color:#fff;z-index:11;transition:border 0.2s ease-in}

[class*="btn-swiper-"]:after,
[class*="btn-swiper-"]:before {content:"";position:absolute;top:12px;left:50%;margin-left:-1px;display:block;width:2px;height:30%;background:#3c3c3c;border-radius:1px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);transition:background-color 0.2s ease-in}
[class*="btn-swiper-"]:after {-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);top:calc(50% - 2px)}
.btn-swiper-next {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

[class*="btn-swiper-"]:hover,
[class*="btn-swiper-"]:focus {border:1px solid #cb0802;z-index:13}
[class*="btn-swiper-"]:hover:after,
[class*="btn-swiper-"]:focus:after,
[class*="btn-swiper-"]:hover:before,
[class*="btn-swiper-"]:focus:before {background:#cb0802}

.guide-wrap {width:100%;max-width:1080px;margin:0 auto;padding:50px 0}
.guide-wrap > section {margin-top:50px}
.guide-wrap h2 {margin-bottom:20px;font-weight:800}
.guide-wrap h3 {margin-top:20px;font-weight:700}

/* margin */
.mg-t-l {margin-top:100px}
.mg-t-ml {margin-top:70px}
.mg-t-m {margin-top:40px}
.mg-t-sm {margin-top:35px}
.mg-t-s {margin-top:15px}
.mg-b-m {margin-bottom:25px}

/* title */
.title-heading_a {font-size:16px;line-height:18px;font-weight:500}
.title-heading_a.line-b {border-bottom:2px solid #eaeaea;padding-bottom:10px;margin-bottom:20px}
.title-heading_b {font-size:18px;line-height:24px;font-weight:500;color:#252525}
.title-heading_b .sub-txt {display:inline-block;margin-left:5px;color:#787676;font-size:14px}

/* sub layout */
.sub-visual {height:180px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
/* .sub-visual.visual00_01 {background-image:url("/common/img/contents/visual00_01.png")} */
/* .sub-visual.visual00_03 {background-image:url("/common/img/contents/visual00_03.png")} */




.sub-visual.visual00_01,
.sub-visual.visual00_04,
.sub-visual.visual01_01,
.sub-visual.visual02_01,
.sub-visual.visual02_02,
.sub-visual.visual02_03,
.sub-visual.visual04_01,
.sub-visual.visual04_02,
.sub-visual.visual04_03{background-color:#e94641;}


.sub-visual.visual03_01,
.sub-visual.visual03_02,
.sub-visual.visual03_03{background-color:#008809;}

.sub-visual.visual00_03 {background-color:#00a2b8;}

.sub-visual.visual00_04 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual00_04_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual00_01 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual00_01_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual00_03 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual00_03_i_new.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual01_01 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual01_01_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual02_01 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual02_01_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual02_02 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual02_02_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual02_03 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual02_03_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual03_01 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual03_01_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual03_02 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual03_02_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual03_03 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual03_03_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual04_01 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual04_01_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual04_02 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual04_02_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}
.sub-visual.visual04_03 .sub-title-area:after {content: "";display: block;width: 100%;height:100%;position:absolute;top:0;right:0;background-color:#e94641;background:url("/common/img/contents/visual04_03_i.png") no-repeat;background-position: right bottom;background-size: 40%;z-index:-1;}

/* .sub-visual.visual00_04 {background-image:url("/common/img/contents/visual00_04.png");} */
/* .sub-visual.visual01_01 {background-image:url("/common/img/contents/visual01_01.png")} */
/* .sub-visual.visual02_01 {background-image:url("/common/img/contents/visual02_01.png")} */
/* .sub-visual.visual03_01 {background-image:url("/common/img/contents/visual03_01.jpg")} */
/* .sub-visual.visual04_01 {background-image:url("/common/img/contents/visual04_01.jpg")}
.sub-visual.visual04_02 {background-image:url("/common/img/contents/visual04_02.jpg")}
.sub-visual.visual04_03 {background-image:url("/common/img/contents/visual04_03.jpg")} */
.sub-visual.visual05_01 {background-image:url("/common/img/contents/visual05_01.jpg")}
.sub-visual.visual06_01 {background-image:url("/common/img/contents/visual06_01.jpg")}
.sub-visual.visual08_01 {background-image:url("/common/img/contents/visual08_01_new.jpg")}

.sub-visual.visual_f01 {background-image:url("/common/img/contents/visual_f01.png")}
.sub-visual.visual_f03 {background-image:url("/common/img/contents/visual_f03.png")}

.sub-visual.visual_search {background-image:url("/common/img/contents/visual_search.png");height:300px}


.sub-title-area {position:relative;margin:0 auto;width:1080px;height:100%;padding-top:58px;text-align:left; z-index:1;}
/*.sub-title-area {width:1080px;height:100%;margin:0 auto;padding-top:58px;text-align:left;z-index:1;border:1px solid #000; position:relative;} */
.heading-title-a {font-size:32px;line-height:32px;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);font-family:'S-CoreDream-4Regular', 'sans-serif'}
.heading-title-b {font-size:24px;line-height:32px;letter-spacing:-.5px;color:#252525;font-weight:500}
.title-sub-txt {margin-top:16px;color:#fff;font-size:18px;line-height:18px}
.txt-basic-a {font-size:14px;line-height:20px;color:#555}
.txt-big-a {font-size:24px;line-height:32px;letter-spacing:-.5px;color:#252525;font-weight:500}
.base-body.type-sub.base-main {max-width:1080px;margin:0 auto}
.contents-area {padding-bottom:100px}
.contents-hd {position:relative;margin-bottom:45px;text-align:center}
.contents-hd h1 {display:inline-block}
.contents-hd h1 strong {line-height:40px;font-size:24px;font-weight:600;color:#3c3c3c;letter-spacing:-.3px;font-family:'S-CoreDream-4Regular', 'sans-serif'}
.contents-hd h3 { font-size: 48px; font-weight: 800; color:#3c3c3c;letter-spacing:-.3px;font-family:'S-CoreDream-4Regular', 'sans-serif' }
.contents-hd h3 strong { display: block; font-weight: 800; }
.contents-hd span,
.contents-hd .subText,
.contents-hd h3 span,
.contents-hd p { font-size: 18px; font-weight: 400; margin-top: 8px; }
.contents-hd h1 span {display:block;font-size:14px;font-weight:600}
.contents-hd h3 span b{font-weight:500;color:#cb0802}
.contents-hd.line-type {margin:45px 0 30px;padding-bottom:40px;border-bottom:2px solid #121212}
.contents-menu-nav button {position:absolute;top:20px;font-size:14px;color:#121212;font-weight:600}
.contents-hd .explanation { padding-top: 15px; font-size: 14px; text-align: left; color:#3c3c3c;letter-spacing:-.3px;}
.prev-menu {left:0;padding-left:34px}
.next-menu {right:0;padding-right:34px}
.contents-menu-nav button:after {content:"";display:block;width:12px;height:22px;position:absolute;top:0;background-image:url("/common/img/common/header-nav_arrow.png");background-repeat:no-repeat}
.prev-menu:after {left:0;background-position:0 0}
.next-menu:after {right:0;background-position:-32px 0}

/* sub templet*/
.contents-tab {margin-top:-10px}
.tab-contents {color:#3c3c3c;margin-top:30px}
.tab-desc {margin:34px 0 35px;font-size:14px;line-height:22px}
.table-tit {margin:46px 0 24px;color:#252525;font-size:18px;line-height:18px;font-weight:500}
.table-tit-n {margin:24px 0 24px;color:#252525;font-size:18px;line-height:22px;font-weight:500}
.table-tit h4{display:inline-block;font-size:18px;line-height:18px;font-weight:500}
.table-tit span{display:inline-block;font-size:12px;color:#cb0802}
.table-tit-desc {font-size:12px;color:#555}
.hope-area select {width:344px}
.hope-area p {margin-top:7px;font-size:12px}
.post-code [class*="btn-base"].small {margin-left:11px;padding:7px 15px}
.phonecert-area{position:relative;margin-top:10px}
.phonecert-area .inp-base{width:calc(100% - 97px)}
.phonecert-time{position:absolute;top:7px;right:110px;color:#790401;font-weight:500;font-size:12px}
.phonecert-area button.small {width:80px;margin-left:12px}
.phone-area .inp-base {width:70px}
button.small {min-width:0 !important}
.phone-area button.small {width:80px;margin-left:12px}
.jumin-area .inp-base {width:120px}

.fileupload-area {font-size:0}
.fileupload-area .inp-base {width:180px;}
.fileupload-area button.small {margin-left:0;}
.fileupload-area .fileupload-btn {display:inline-block;position:relative}
.fileupload-area .fileupload-btn .in-file {position:absolute;left:12px;top:0;width:calc(100% - 12px);height:30px;opacity:0}
.email-area input[type="text"] {width:158px}
.email-ico {display:inline-block;margin:0 8px;font-size:12px;line-height:30px}
.birthday-form {font-size:0}
.birthday-form * {font-size:12px;vertical-align:middle}
.birthday-form-row {display:inline-block}
.birthday-form-row .sel_small {width:80px}

.birthday-form .birthday-txt {display:inline-block;margin:0 17px 0 8px;line-height:30px}

.day-form {font-size:0}
.day-form > * {font-size:12px;vertical-align:middle}
.day-form-row {display:inline-block;margin: 5px;}
.day-form-row .sel_small {width:80px}
.day-form .day-txt {display:inline-block;margin:0 17px 0 8px;line-height:30px}

.article-contents-text {position: relative; margin-bottom:100px;}
.article-contents-text > p { font-size: 16px; color: #1F2937; margin-bottom: 55px; }
.article-contents-text .info-area { display: flex; justify-content: space-between; max-width: 1012px; width: 100%; }
.article-contents-text .info-area > li .tit { font-size: 20px; font-weight: 600; color: #1F2937; margin-bottom: 27px; }
.article-contents-text .info-area > li > ul > li { display: flex; gap: 18px; margin-top: 12px; }
.article-contents-text .info-area > li > ul > li > p { width: 52px; font-size: 14px; font-weight: 600; color: #1F2937; flex-shrink: 0; }
.article-contents-text .info-area > li > ul > li > span { font-size: 14px; color: #1F2937; }
.article-contents-text .btn-map { display: block; max-width: 160px; width: 100%; height: 48px; line-height: 48px; background-color: #D41616; color: #fff; font-size: 14px; font-weight: 600; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: absolute; bottom: -20px; }
.article-contents-text .btn-map:hover { color: #fff !important; }
.text-desc {font-size:14px;color:#555}
.text-desc ~ .text-desc {margin-top:10px}
.map-popup .content { padding: 72px 92px; }
.map-popup .tit { display: block; font-size: 27px; font-weight: 600; color: #000; text-align: center; margin-bottom: 15px; }
.map-popup .info { max-width: 348px; width: 100%; margin: 0 auto 44px; }
.map-popup .info > li { position: relative; display: inline-block; }
.map-popup .info > li + li { width: calc(50% - 12px); }
.map-popup .info > li:last-child { margin-left: 20px; }
.map-popup .info > li .icon { position: absolute; }
.map-popup .info > li p { font-size: 14px; color: #1F2937; padding-left: 17px; }
.map-popup .info > li p > span { font-size: 12px; }
.map-popup .map-area .root_daum_roughmap { height: 320px; }
.map-popup .how-area .heading-title { width: fit-content; height: 36px; background-color: #D41616; border-radius: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; -o-border-radius: 36px; display: flex; align-items: center; gap: 8px; padding-left: 6px; padding-right: 14px; margin: 28px 0 17px; }
.map-popup .how-area .heading-title > .icon { width: 27px; height: 27px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff; }
.map-popup .how-area .heading-title > p { font-size: 16px; font-weight: 600; color: #fff; }
.map-popup .how-area .desc p,
.map-popup .how-area .how-to-dl { font-size: 14px; color: #1F2937; }
.map-popup .how-area .sb-contents-tit { margin: 16px 0 5px; }
.map-popup .how-area .how-to-txt { position: relative; padding-left: 27px; }
.map-popup .how-area .how-to-txt::before { content: ""; display: block; width: 4px; height: 1px; background-color: #1F2937; position: absolute; left: 18px; top: 10px; }
.map-popup .how-area .how-to-dl { padding-left: 17px; }
.map-popup .how-area .how-to-dl dt { font-weight: 600; float: left; }
.map-popup .how-area .how-to-dl dd { overflow: hidden; padding-left: 2px; }

/* breadcrumbs */
.base-breadcrumbs {border-bottom:1px solid #ccc;height:50px}
.breadcrumb-bar {width:1080px;margin:0 auto}
.breadcrumb-bar:after {content:'';display:block;clear:both}
.breadcrumb-home {display:block;float:left;width:50px;height:50px;border-left:1px solid #ccc;text-align:center}
.breadcrumb-home:hover .sprite-breadcrumb_home {background-position-x:-20px}
.breadcrumb-depth {position:relative;float:left;min-width:170px;border-left:1px solid #ccc;border-right:1px solid #ccc}
.breadcrumb-depth ~ .breadcrumb-depth {margin-left:-1px}
.breadcrumb-depth .breadcrumb-btn {position:relative;display:block;height:50px;padding:0 23px 0 16px;width:100%;font-size:14px;color:#555;text-align:left}
.breadcrumb-depth .breadcrumb-btn:after {content:'';position:absolute;right:16px;top:22px;width:7px;height:4px;background-position:-40px 0}
.breadcrumb-depth .breadcrumb-btn[aria-expanded="true"] {color:#252525;font-weight:600}
.breadcrumb-depth .breadcrumb-btn[aria-expanded="true"]:after {background-position:-50px 0}
.breadcrumb-depth .breadcrumb-list {position:absolute;top:50px;left:-1px;right:-1px;padding:16px 17px;border:1px solid #ccc;border-top:none;background:#fff}
.breadcrumb-depth .breadcrumb-list a {font-size:14px;line-height:16px;color:#252525}
.breadcrumb-depth .breadcrumb-list a.selected,
.breadcrumb-depth .breadcrumb-list a:hover {color:#cb0802;text-decoration:underline}
.breadcrumb-depth .breadcrumb-list li ~ li {margin-top:12px}
.breadcrumb-depth:last-child .breadcrumb-btn {color:#121212;font-weight:500}
.breadcrumb-depth:last-child .breadcrumb-btn:before {content:'';display:block;position:absolute;left:-1px;right:-1px;bottom:-1px;height:1px;background-color:#cb0802}

/* form style */
input[type="text"] {border:1px solid #d4d4d4}
.ui-btn-cancel + .in-txt-desc,
input[type="text"] + .in-txt-desc {margin-top:8px;font-size:12px;color:#555}
[class*='tb-type_'] .form-w01 {width:180px}
[class*='tb-type_'] .form-w02 {width:232px}
[class*='tb-type_'] .form-w03 {width:100%}
[class*='tb-type_'] .form-w04 {width:100px}
[class*='tb-type_'] .form-w05 {width:180px}
[class*='tb-type_'] .form-w06 {width:400px}
[class*='tb-type_'] .form-w07 {width:120px}
.inp-base,
input[type="text"],
input[type="date"],
input[type="password"] {padding:0 12px;width:auto;height:32px;vertical-align:middle;font-size:12px;color:#252525;outline:none;border:1px solid #d4d4d4;border-radius:0;box-sizing:border-box;-webkit-appearance:none !important}

input[type="text"]:focus, input[type="date"]:focus, input[type="password"]:focus{outline:2px solid black;}


/*.ui-btn-cancel{display:inline-block;margin-left:-32px;width:22px;height:2px;background:url(/common/img/common/btn_clear.png) no-repeat 10% 10%;background-size:15px;font-size:0;color:transparent;vertical-align:top}*/

input.inp-base{vertical-align:top}
textarea.inp-base:hover,
textarea.inp-base:focus,
input.inp-base:hover,
input.inp-base:focus{border-color:#555}
.inp-base.error{background:url(/common/img/common/ico_error.png) no-repeat calc(100% - 7px) 50%;border-color:#cb0802;color:#cb0802;padding-right:32px}
.inp-base.error:focus{background-image:none;color:#252525}
.inp-base.success{background:url(/common/img/common/ico_success.png) no-repeat calc(100% - 7px) 50%;padding-right:32px}
.inp-base.success:focus{background-image:none;color:#252525}
.inp-base.hasDatepicker{width:100px}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {color:#787676}
input::-moz-placeholder, textarea::-moz-placeholder  {color:#787676}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#787676}
input:-moz-placeholder, textarea:-moz-placeholder {color:#787676}
input:disabled, input:readonly {background:#e5e5e5}
input[readonly='readonly'], input[readonly],
input[disabled='disabled'], input[disabled] {background-color:#e5e5e5;color:rgba(0,0,0,.5) !important;opacity:1;border-color:#e5e5e5 !important}

textarea.inp-base{width:100%;padding:15px 12px;color:#252525;font-size:12px;min-height:82px;resize:none}
textarea.inp-base:disabled{background-color:#e5e5e5;color:rgba(0,0,0,.5) !important;opacity:1;border-color:#e5e5e5 !important}
textarea.inp-base.type2 {min-height:220px}
textarea.inp-base.type3 {min-height:130px}

select {display:inline-block;position:relative;vertical-align:top;width:auto;height:32px;padding:0 30px 0 12px;appearance:none;-moz-appearance:none;-webkit-appearance:none !important; border:1px solid #ddd;font-size:12px;cursor:pointer;background:url('/common/img/common/ico_comb.png') no-repeat calc(100% - 12px) 50%}
select::-ms-expand {display:none}
select optgroup,
select option {font-style:normal;background-color:#fff;font-size:13px}
select[disabled] {background-color:#f7f7f7;color:#888}
.ie9 select {padding:0}
.sel_small select{padding:0 20px 0 12px;font-size:12px}
.sel_small.ui-select:after{right:6px;margin-top:-2px}

.ui-select{position:relative;display:inline-block;vertical-align:top}
.ui-select .ui-select-btn:after {content:'';position:absolute;right:12px;top:50%;height:4px;width:7px;margin-top:-2px;background:url('/common/img/common/ico_comb.png') no-repeat 0 0}
.ui-select.on .ui-select-btn:after {background-image:url('/common/img/common/ico_comb_on.png')}
.ui-select select{width:100%}

/* $plugins.uiSelect */
.ui-select {position:relative;display:inline-block;vertical-align:top;width:auto;min-height:32px}
.ui-select select {width:100%}
/* .ui-select select.off {position:absolute;left:-9999px;width:0;height:0;border:0;opacity:0;z-index:-1;color:transparent;overflow:hidden;font-size:xx-small;line-height:0} */

/* 200701 접근성수정 */
.ui-select select.off {position:absolute;  z-index:-1;}
.ui-select select.off:focus + button{border:3px solid #000;}

.ui-select-btn {display:inline-block;position:relative;text-align:left;vertical-align:top;width:100%;min-height:32px;line-height:1.2;padding:0 30px 0 12px;background:#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border:1px solid #ddd;font-size:12px;color:#555;cursor:pointer;outline:0;box-sizing:border-box;text-overflow:ellipsis}
.ui-select-btn span {display:inline-block;width:100%;text-align:left;word-break:nowrap;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}
/* .ui-select-btn[aria-expanded="true"],
.ui-select.on .ui-select-btn,
.ui-select-btn:focus,
.ui-select-btn:active {border:2px solid #252525;color:#252525 } */
.ui-select-btn.disabled{background:#ccc;opacity:0.4}
.box-base .ui-select-btn {border-color:#dcdcdc}

.ui-select-wrap.on {display:block;width:100%}
.ui-select-wrap.top {bottom:32px}
.ui-select-wrap.bottom {top:32px}
.ui-select-wrap {display:none;position:absolute;z-index:100;left:0;width:auto;border:1px solid #ccc;background:#fff;overflow-y:auto;max-height:150px}
.ui-select-wrap.ui-scrollbar {position:absolute;min-height:150px}
.ui-select-opt {display:block;float:left;width:100%;padding:5px 16px 5px 16px;height:26px;text-align:left;background:#fff;white-space:nowrap;font-size:14px;color:#111}
.ui-select-opt.selected {color:#cb0802}
.ui-select-opts {width:100%;padding:10px 0}
.ui-select-opts:after {content:"";display:block;clear:both}
.ui-select-opts input:focus,
.ui-select-opt:focus,
.ui-select-opt:hover {font-weight:500}
.ui-select-opts input:focus,
.ui-select-dim,
.ui-select-close,
.ui-select-tit {display:none}
.ui-select .mCSB_inside > .mCSB_container {margin-right:0}
.ui-modal .ui-select-wrap {top:initial !important}

/* checkbox */
input[type="radio"],
input[type="checkbox"] {opacity:0;filter:alpha(opacity=0);display:inline-block;position:absolute;z-index:-1;vertical-align:top;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin:0}
.checkbox input[type='checkbox'], .radio input[type='radio'] {position:absolute;left:0;top:0;z-index:1;margin:0;width:14px;height:14px;vertical-align:middle;opacity:0}
.checkbox,
.radio {position:relative}
.checkbox label,
.radio label {position:relative;display:inline-block;padding-left:26px;line-height:14px;min-height:14px;vertical-align:middle;cursor:pointer;font-size:14px;color:#555}
.checkbox label:before,
.radio label:before {content:'';position:absolute;left:0;top:0;z-index:1;display:inline-block;width:14px;height:14px;box-sizing:border-box;background:#fff}
/* .checkbox input[type='checkbox']:checked + label:before,
.radio input[type='radio']:checked + label:before {background:rgba(121,4,1,0.5)} */

.checkbox + .checkbox{margin-left:24px}

.checkbox label span::before,
.radio label span:before {content:'';position:absolute;left:0;top:0;display:block;width:14px;height:14px;box-sizing:border-box;border-radius:50%;background-color:rgba(0,0,1,0);transition:background-color 0.2s ease-in, scale 0.2s ease-in}
.checkbox input:focus + label span:before,
.radio input:focus + label span:before,
.checkbox label:hover span:before,
.radio label:hover span:before{background-color:rgba(0,0,0,.6);transform:scale(2, 2)}
.checkbox input:checked + label span::before,
.radio input:checked + label span:before{transform:scale(0, 0)}

.checkbox input:checked:focus + label span:before,
.radio input:checked:focus + label span:before,
.checkbox input:checked + label:hover span:before,
.radio input:checked + label:hover span:before{background-color:rgba(203,8,2,.6);transform:scale(2, 2)}

.checkbox input:disabled:focus + label span:before,
.radio input:disabled:focus + label span:before,
.checkbox input:disabled + label:hover span:before,
.radio input:disabled + label:hover span:before{display:none}

.checkbox input[type='checkbox']:checked + label:before,
.radio input[type='radio']:checked + label:before {border-color:#e94641;}
.checkbox input[type='checkbox']:disabled + label,
.radio input[type='radio']:disabled + label {color:#aaa;cursor:default}
.chk-group .checkbox,
.radio-group .radio {margin-right:24px}
.chk-group .checkbox:last-child,
.chk-group .radio:last-child {margin-right:0}

.checkbox label:before {background-color:#fff;border:1px solid #aaa}
.checkbox label:after {display:block;position:absolute;top:5px;left:3px;z-index:2;width:9px;height:5px;background:url('/common/img/common/ico_chk.png') no-repeat 0 0;background-size:9px 5px}
.checkbox input[type='checkbox']:focus + label:before {outline:none}
.checkbox input[type='checkbox']:checked + label:before {background-color:#790401;border:1px solid #790401}
.checkbox input[type='checkbox']:checked + label:after,
.checkbox input[type='checkbox']:disabled + label:after {content:''}
.checkbox input[type='checkbox']:disabled + label:before {background-color:#ccc;opacity:0.6;border-color:#000000}
.checkbox input[type='checkbox']:checked:disabled + label:before {background-color:#790401;opacity:0.6;border-color:#790401}
.checkbox.no_label label {font-size:0;line-height:0;padding-left:14px}

    /* radio */
.radio label:before {background-color:#fff;border:1px solid #aaa;border-radius:50%;-webkit-transition:border 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out;transition:border 0.15s ease-in-out}
.radio input[type='radio']:checked + label:before {border:1px solid #e94641;}
.radio label:after {content:'';position:absolute;left:3px;top:3px;z-index:2;display:block;width:8px;height:8px;border-radius:50%;background-color:#e94641;
    -webkit-transform:scale(0, 0);
    -ms-transform:scale(0, 0);
    -o-transform:scale(0, 0);transform:scale(0, 0);
    -webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition:-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition:-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type='radio'] {position:absolute;z-index:1;width:14px;height:14px;opacity:0;margin:0;padding:0}
.radio input[type='radio']:checked + label:after {-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}
.radio input[type='radio']:disabled + label:before {opacity:1;cursor:not-allowed}
.radio input[type='radio']:checked:disabled + label:after {content:'';display:block;opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}
.radio input[type='radio']:disabled + label:after {display:none}
.radio.no_label label {font-size:0;line-height:0}

/* table */
.required {display:inline-block;margin-left:3px;color:#cb0802}
[class*='tb-type_'] table {width:100%;table-layout:fixed;color:#555;font-size:14px;text-align:left;line-height:18px;}
/*[class*='tb-type_'] table tr ~ tr th, tr td {border-top:1px solid #d4d4d4}*/
[class*='tb-type_'] th {font-weight:500;color:#252525;border-bottom:1px solid #dbdbdb;word-break:break-all}
[class*='tb-type_'] th .row-desc {display:block;font-size:12px}
[class*='tb-type_'] table[class*='tb-type_'] td {border-bottom:1px solid #d4d4d4;word-break:break-all}
[class*='tb-type_'] table tr th.noline,[class*='tb-type_'] table tr td.noline{border-bottom: 0!important;}
[class*='tb-type_'] table.lg { min-width: 728px; }
[class*='tb-type_'] table.md { min-width: 430px; }

[class*='tb-type_'] a:hover {text-decoration:underline}
[class*='tb-type_'] .ico-file {margin-left:2px}
.tb-type_a th {vertical-align:top}
.tb-type_a th, .tb-type_a td {text-align:left}
.tb-type_a th {padding:19px 0 19px 19px;}
.tb-type_a td {padding:12px 24px;border-bottom:1px solid #dbdbdb;}
[class*='tb-type_'] .no_line {border-bottom:none !important}
.tb-type_a .side-line thead th {text-align:center}
.tb-type_a .side-line .th-point {background-color:#eaeaea}
.tb-type_a .side-line thead th ~ th {border-left:1px solid #d4d4d4}
.tb-type_a .side-line tbody th {text-align:center}
.tb-type_a .side-line tbody td {border-left:1px solid #d4d4d4;vertical-align:top}
/*.tb-type_a .radio-group,
.tb-type_a .txt-group,
.tb-type_a .check-group{margin-top:7px}*/

[class*='tb-type_'] table.012 {border: 2px solid #f7c0c0;border-radius: 10px;table-layout:fixed;}

.tbl-calendar{border-top:2px solid #121212;border-right:1px solid #d4d4d4}
.tbl-calendar table {width:100%;table-layout:fixed;color:#555;font-size:14px;line-height:18px}
.tbl-calendar thead th {background-color:#f5f5f5;font-weight:500;color:#252525;text-align:center;border-bottom:1px solid #d4d4d4;word-break:break-all;padding:19px 24px}
.tbl-calendar thead th:first-child{border-left:1px solid #d4d4d4}
.tbl-calendar td{vertical-align:top;background-color:#fff;font-weight:500;color:#252525;text-align:left;border-bottom:1px solid #d4d4d4;border-left:1px solid #d4d4d4;word-break:break-all;padding:10px;height:110px}
.tbl-calendar td:hover{background-color:#fef2f2}
.tbl-calendar td dt{width:100%;text-align:center;font-size:14px;font-weight:500;color:#252525}
.tbl-calendar td dd{width:100%;text-align:center;font-size:12px;color:#252525}
.tbl-calendar td button.small{display:block;margin:0 auto;height:24px;padding:0 10px;margin-top:4px}
.tbl-calendar td button.small em{color:#cb0802;font-weight:500}
.tbl-calendar td button.btn-base-bline{border-color:#d4d4d4}
.tbl-calendar td .disabled dd,
.tbl-calendar td .disabled dt{color:#787676}
.tbl-calendar td:first-child > span{color:#cb0802}
.tbl-calendar td:last-child > span{color:#0068b7}
.holiday > span{color:#cb0802}

.tb-type_b th, .tb-type_b td {text-align:center}
.tb-type_b th, .tb-type_b td {padding:19px 12px}
.tb-type_b tbody tr:hover th,
.tb-type_b tbody tr:hover td {background-color:#fef2f2}
.tb-type_b strong {font-weight:600}
.tb-type_b td.th-money {color:#cb0802}
.tb-type_b .btn-base.small {margin:-7px 0}
.txt-left {text-align:left !important}
.txt-right {text-align:right !important}
.clamp {display:inline-block;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cckgrop03-tbl1 .col-th{width:70px}
.cckgrop03-tbl1 .col-auto{width:53px}
.cckgrop03-tbl1 tbody th{background:#fff}
.cckgrop03-tbl2 tbody th{background:#fff}

.business-tb .col-th {width:40px}
/*.business-tb .col-auto {width:53px}*/
.business-tb thead th,
.business-tb tbody td {font-size:10px}
.business-tb thead th:first-child {font-size:12px}
.business-tb tbody th {background:#fff;font-size:12px}
.tb-type_b.business-tb th,
.tb-type_b.business-tb td {padding:0 4px;height:48px;white-space:nowrap;font-weight:600}
.tb-type_b tbody tr.total th,
.tb-type_b tbody tr.total td {background-color:#fef2f2}
.tb-type_b tbody tr.total2 th,
.tb-type_b tbody tr.total2 td {background-color:#fdfbf6}
.business-txts {margin-bottom:5px;text-align:right;font-size:10px;color:#555;font-weight:600}
.business-txts-b {padding-left:12px;margin-top:15px;font-size:12px;color:#787676;line-height:18px;text-indent:-12px}
.business-txts-b + .business-txts-b {margin-top:0}
.img-wrap + .business-txts {margin-top:20px}
.table-tit + .business-txts {margin-top:-30px}

.col-w00 {width:110px}
.col-w01 {width:160px}
.col-w02 {width:220px}
.col-w03 {width:205px}
.col-w04 {width:300px}
.col-w05 {width:180px}

.title-heading_a ~ .tb-type_c {margin-top:16px}
.tb-type_c {border:none}
.tb-type_c table {border-top:2px solid #121212;border-bottom:1px solid #aaa}
.tb-type_c table ~ table {margin-top:20px}
.tb-type_c th {padding:18px 24px;text-align:center;background-color:#eaeaea;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;border-top:none}
.tb-type_c td {padding:18px 24px;text-align:left;border-top:none;border-bottom:1px solid #d4d4d4}
.tb-type_c td.td-point {background-color:#f5f5f5;font-weight:500;text-align:center;border-right:1px solid #d4d4d4}
.tb-type_c td:not(.td-point) ~ td.td-point {border-left:1px solid #d4d4d4}
.tb-type_c tr:last-child td, .tb-type_c tr:last-child th {border-bottom:none}
.tb-type_c .no-line {border-bottom:none !important}

.title_wrap ~ .tb-type_d {margin-top:16px}
.tb-type_d table {border-bottom-color:#c9c9c9; border-top: 1px solid #c9c9c9; border-collapse: collapse; }
.tb-type_d th {text-align:center}
.tb-type_d th, .tb-type_d td {padding:19px 12px}
.tb-type_d thead th { border-top: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; }
.tb-type_d tbody th{background-color:#fff}
.tb-type_d tbody td { border-bottom: 1px solid #c9c9c9; }
.tb-type_d tbody td:last-child,
.tb-type_d th:last-child {border-right:1px solid #c9c9c9}
.tb-type_d tbody th,
.tb-type_d th:first-child {border-left:1px solid #c9c9c9}
.tb-type_d tbody td {border-left:1px solid #c9c9c9;text-align:right}
.tb-type_d tbody td.use-time {text-align:center;font-weight:500;color:#252525}
.tb-type_d tbody td.use-info {text-align:left;padding:19px 30px}
.tb-type_d tbody td.no-line {border-right:none}
.tb-type_d tbody th.no-line-b,
.tb-type_d tbody td.no-line-b {border-bottom:none}
.tb-type_d tbody td.no-line-l {border-left:none}
.tb-type_d tbody th.sub_th {background-color:#fefaf2}
.tb-type_d tbody tr.total th,
.tb-type_d tbody tr.total td {background-color:#fef2f2}
.tb-type_d tbody tr.total td {color:#cb0802;font-weight:500}
.tb-type_d tbody tr.sub-total th,
.tb-type_d tbody tr.sub-total td {background-color:#fefaf2}
.tb-type_d tbody tr.total2 th,
.tb-type_d tbody tr.total2 td {background-color:#f2fef5}
.tb-type_d tbody tr.total2 td {color:#00833e;font-weight:500}
.tb-type_d tbody tr.total3 th,
.tb-type_d tbody tr.total3 td {background-color:#fefaf2; font-size:12px; padding-left:10px;}
.tb-type_d tbody tr.total3 td {background-color:#ffffff; text-align:left; font-weight:400;}
.tb-type_d .ta-c { text-align: center; }

.table-unit { display: block; text-align: right; margin: 16px 0 24px; font-size: 12px; color: #6B7280; }
.tb-type_new01 thead th { background-color: #F0F6F9; border-top: 1px solid #6B7280; border-bottom: 1px solid #6B7280; }
.tb-type_new01 thead th + th { border-left: 1px solid #D4D4D4; }
.tb-type_new01 tbody td { border-left: 1px solid #D4D4D4; }
.tb-type_new01 tbody tr.sum th,
.tb-type_new01 tbody tr.sum td { border-top: 1px solid #6B7280; border-bottom: 1px solid #6B7280; font-weight: bold; }

.tb-type_new02 thead th { border-bottom: 1.5px solid #1F2937; }
.tb-type_new02 tbody td { border-bottom: 1px solid #D4D4D4; }
.tb-type_new02 tbody tr:nth-child(even) th,
.tb-type_new02 tbody tr:nth-child(even) td { background-color: #F0F6F9; }
.tb-type_new02 tbody tr.sum th,
.tb-type_new02 tbody tr.sum td { font-weight: bold; }

/* 사랑의열매 하위메뉴 */
.cck-sub,
.cck-sub button { color: #1F2937; font-family: 'pretendard'; }
.cck-sub .contents-wrap { padding-top: 186px; }
.cck-sub .headline-wrap { text-align: center; margin-bottom: 61px; }
.cck-sub .headline-wrap h3 { line-height: 1; }
.cck-sub .headline-wrap h3 > strong { font-size: 62px; font-weight: 800; }
.cck-sub .headline-wrap p { font-size: 28px; margin-top: 16px; }
.cck-sub .chart-wrap { padding-top: 98px; padding-bottom: 120px; }
.cck-sub .chart-wrap .title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; height: 47px; }
.cck-sub .chart-wrap .sub-tit { display: flex; align-items: center; gap: 16px; font-size: 36px; font-weight: 800; color: #1F2937; line-height: 1.1; }
.cck-sub .chart-wrap .sub-tit::before { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #D41616; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.cck-sub .chart-wrap .btn-download { max-width: 161px; width: 100%; background-color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border: 1px solid #645F60; padding: 12px 30px; font-size: 18px; font-weight: 600; color: #808080; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; }
.cck-sub .chart-wrap .select-btn { display: none; }
.cck-sub .chart-wrap .tab-menu { display: flex; gap: 5px; padding-left: 47px; }
.cck-sub .chart-wrap .tab-menu li { max-width: 196px; width: 100%; background-color: #6B7280; border-top-left-radius: 32px; border-top-right-radius: 32px; text-align: center; }
.cck-sub .chart-wrap .tab-menu li > button { display: block; width: 100%; height: 100%; padding: 17px 26px; font-size: 20px; font-weight: bold; color: #fff; }
.cck-sub .chart-wrap .tab-menu li.active { background-color: #fff; }
.cck-sub .chart-wrap .tab-menu li.active > button { color: #808080; }
.cck-sub .chart-wrap .tab-contents-wrap .tab-content { display: none; max-width: 1426px; width: 100%; background-color: #fff; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; padding: 40px 36px; }
.cck-sub .chart-wrap .tab-contents-wrap .tab-content.active { display: block; }
.cck-sub .chart-wrap .tab-contents-wrap .tab-content .canvas-inner { padding-top: 0; }
.cck-sub .chart-wrap .tab-contents-wrap .tab-content .canvas-inner > canvas { margin: 0 auto; position: relative; z-index: 1; }

.cck-sub #fundTab { background-color: #F4F3F8; }
.cck-sub #distTab .tab-menu { width: 100%; position: absolute; top: 85px; }
.cck-sub #distTab .tab-menu li { border: 1px solid #6B7280; }
.cck-sub #distTab .tab-menu li.active { border: 1px solid #D4D4D4; border-bottom: 1px solid #fff; transform: translateY(1px); -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); }
.cck-sub #distTab .tab-contents-wrap { border: 1px solid #D4D4D4; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; margin-top: 97px; }

.cck-sub .chart-wrap .canvas-wrap { margin-bottom: 50px; padding-left: 50px; padding-top: 15px; overflow: hidden; }
.cck-sub .chart-wrap .tab1-4 .canvas-wrap { padding-top: 60px; }
.cck-sub .chart-wrap .chart-legend { display: flex; flex-direction: row-reverse; gap: 38px; margin-bottom: 20px; }
.cck-sub .chart-wrap .chart-legend > span { font-size: 16px; color: #808080; }
.cck-sub .chart-wrap .chart-legend .txt-area > span { font-size: 16px; color: #6B7280; }
.cck-sub .chart-wrap #chartLegend ul { display: flex; gap: 22px; }
.cck-sub .chart-wrap #chartLegend ul li { font-size: 16px; color: #808080; }
.cck-sub .chart-wrap #chartLegend ul li span { display: inline-block; width: 14px; height: 14px; margin-right: 4px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.cck-sub .table-wrap { display: flex; }
.cck-sub .table-wrap .th-wrap li { padding: 16px 30px; font-size: 14px; font-weight: 500; }
.cck-sub .table-wrap .th-wrap li + li { border-top: 1px solid #EBEFF3; }
.cck-sub .table-wrap .th-wrap li.thead { background-color: #F3F4F6; border-top-left-radius: 8px; }
.cck-sub .table-wrap .th-wrap li.tbody { background-color: #fff; }
.cck-sub .table-wrap .th-wrap li.total { background-color: #fff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border: 1px solid #D41616; border-right: none; background-color: #D41616; color: #fff; font-weight: bold; }
.cck-sub .table-wrap table thead tr th { background-color: #F3F4F6; padding: 16px 30px; font-size: 14px; font-weight: 500; }
/* .cck-sub .table-wrap table thead tr th:first-child { border-top-left-radius: 8px; } */
.cck-sub .table-wrap table thead tr th:last-child { border-top-right-radius: 8px; }
.cck-sub .table-wrap table tbody tr th,
.cck-sub .table-wrap table tbody tr td { border-top: 1px solid #EBEFF3; padding: 16px 30px; font-size: 14px; font-weight: 500; }
/* .cck-sub .table-wrap table tbody tr.total th { padding: 16px 30px; background-color: #D41616; color: #fff; font-size: 14px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top: 1px solid #D41616; border-bottom: 1px solid #D41616;  } */
.cck-sub .table-wrap table tbody tr.total td { padding: 16px 30px; font-size: 14px; font-weight: bold; border-top: 1px solid #D41616; border-bottom: 1px solid #D41616; }
.cck-sub .table-wrap table tbody tr.total td:last-child { border-right: 1px solid #D41616; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.cck-sub .tab-content > .txt { margin-top: 30px; }
.cck-sub .tab-content > .txt > span { position: relative; display: block; font-size: 14px; line-height: 1.5; color: #6B7280; padding-left: 14px; }
.cck-sub .tab-content > .txt > span::before { content: "※"; display: block; position: absolute; left: 0; top: 0; }

.canvas-wrap { position: relative; }
.canvas-wrap .yAxes { position: absolute; bottom: 18px; left: 0; pointer-events: none; }
.canvas-wrap .chart-legend { display: flex; flex-direction: row-reverse; gap: 38px; }
.canvas-wrap .chart-legend > span { font-size: 16px; color: #808080; }
.canvas-wrap #chartLegend ul { display: flex; gap: 22px; }
.canvas-wrap #chartLegend ul li { font-size: 12px; color: #808080; }
.canvas-wrap #chartLegend ul li span { display: inline-block; width: 8px; height: 8px; margin-right: 5px; }
.canvas-wrap .canvas-inner { width: 100%; height: 100%; overflow-x: auto; padding-top: 24px; }
.canvas-wrap .canvas-inner > canvas { margin: 0 auto; position: relative; z-index: 1; }
.canvas-wrap .total { width: 164px; height: 164px; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; left: 57%; transform: translate(-50%, -50%); }
.canvas-wrap .total .txt { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.canvas-wrap .total .txt > p { font-size: 14px; font-weight: 600; color: #6B7280; margin-bottom: 5px; }
.canvas-wrap .total .txt > span { display: block; font-size: 24px; font-weight: 600; color: #1F2937; }
.canvas-wrap .text-wrap { position : absolute; left : 40px; top : 55%; transform: translateY(-50%); }
.canvas-wrap .text-wrap::after { content: ""; display: block; width: 24px; height: 10px; background-image: url(../img/common/icon_arrow_dashed.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 43%; right: -40px; transform: translateY(-50%); }
.canvas-wrap .text-wrap span { display : block; text-align : left; font-size: 14px; font-weight: 600; color: #6B7280; margin-bottom: 10px; }
#polarCt { max-width: 100%; height: auto !important; }
.canvas-wrap + .tb-type_b { margin-top: 80px; }

@media all and (max-width: 1024px){
  .cck-sub .contents-wrap { padding-top: 118px; }
  .cck-sub .headline-wrap { margin-bottom: 72px; }
  .cck-sub .headline-wrap h3 > strong { font-size: 48px; }
  .cck-sub .headline-wrap p { font-size: 20px; }
  .cck-sub .chart-wrap { padding-top: 60px; padding-bottom: 60px; }
  .cck-sub .chart-wrap .title-wrap { margin-bottom: 32px; height: auto; }
  .cck-sub .chart-wrap .sub-tit { gap: 12px; font-size: 28px; }
  .cck-sub .chart-wrap .sub-tit::before { width: 14px; height: 14px; }
  .cck-sub .chart-wrap .btn-download { max-width: 114px; padding: 8px 18px; font-size: 14px; }
  .cck-sub .chart-wrap .tab-btn-wrap { position: relative; }
  .cck-sub .chart-wrap .tab-menu { display: none; flex-direction: column; gap: 4px; padding: 14px 24px; background-color: #fff; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border: 1px solid #D4D4D4; position: absolute; top: 49px; width: 100%; left: 0; z-index: 5; }
  .cck-sub .chart-wrap .tab-menu.active { display: block; }
  .cck-sub .chart-wrap .tab-menu li { max-width: 100%; background-color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
  .cck-sub .chart-wrap .tab-menu li.active { background-color: rgba(212,22,22,.08); }
  .cck-sub .chart-wrap .tab-menu li > button { padding: 9px 12px; font-size: 14px; color: #6B7280; text-align: left; }
  .cck-sub .chart-wrap .tab-menu li.active > button { color: #1F2937; }
  .cck-sub .chart-wrap .select-btn { display: block; position: relative; width: 100%; height: 45px; line-height: 43px; border: 1px solid #D41616; border-radius: 12px; margin-bottom: 16px; background-color: #fff; text-align: left; padding-left: 24px; font-size: 14px; font-weight: bold; }
  .cck-sub .chart-wrap .select-btn::after { content: ""; display: block; width: 10px; height: 10px; background-image: url(../img/common/icon_more.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 45%; right: 16px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
  .cck-sub .chart-wrap .select-btn.active::after { top: 35%; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); }
  .cck-sub .chart-wrap .tab-contents-wrap .tab-content { padding: 40px 24px; }
  .cck-sub .chart-wrap .chart-legend { margin-bottom: 24px; }
  .cck-sub .chart-wrap .canvas-wrap { margin-bottom: 40px; }

  .cck-sub #distTab .tab-contents-wrap { margin-top: 0; }
  .cck-sub #distTab .tab-menu { top: 49px; }

  .cck-sub #distTab .tab-menu li { border: none; }
  .cck-sub #distTab .tab-menu li.active { border: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

  .canvas-wrap .text-wrap { left: 0; top: unset; bottom: -150px; }
  .canvas-wrap .text-wrap::after { width: 10px; height: 72px; right: unset; left: 50px; top: -40px; background-image: url(../img/common/icon_arrow_dashed_t.svg); }
  .canvas-wrap .text-wrap span { margin-bottom: 3px; }
  .canvas-wrap + .tb-type_b { margin-top: 130px; }
}

@media all and (min-width: 1024px){
  .cck-sub .chart-wrap .btn-download:hover { background-color: #D41616; border: 1px solid #D41616; color: #fff; }
}

.text-infos {margin-top:15px;text-align:right;color:#787676;font-size:12px}
.text-infos-l {margin-top:15px;text-align:left;color:#787676;font-size:12px}

.data-info-a {padding:30px 25px;border-bottom:1px solid #d4d4d4}
.data-info-a .data-info-txt {font-size:14px;line-height:24px;font-weight:500}
.data-info-a .data-info-txt .b{font-size:14px;line-height:24px;font-weight:700}
.data-info-b {padding:30px 25px;border-bottom:1px solid #aaa}
.data-info-b .data-info-txt {position:relative;padding-left:20px;font-size:14px;line-height:24px;color:#555;font-weight:500}
.data-info-b .data-info-txt:before {content:'';position:absolute;left:9px;top:10px;display:block;width:4px;height:4px;border-radius:50%;background-color:#555}
.data-info-b .ico-tel{padding-left:20px;background:url(/common/img/contents/ico_tel.png) no-repeat;}
.data-info-b .person-info {display:inline-block;min-width:195px}

/* view */
.view-box {border-top:2px solid #121212}
.view-box img{max-width:100%}
.view-header-top {display:table;width:100%;padding:16px 0;background-color:#f5f5f5;border-bottom:1px solid #ccccc0}
.view-header-top .view-header-title {display:table-cell;padding:0 25px;font-size:16px;line-height:18px;color:#252525;font-weight:500}
.view-header-top .view-header-item {display:table-cell;white-space:nowrap;width:1%}
.view-header-item {position:relative;padding-right:16px;font-size:14px;color:#252525}
.view-header-item ~ .view-header-item {padding-left:17px}
.view-header-item ~ .view-header-item:before {content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:13px;background-color:#ccc}
.view-header-item strong {font-weight:500;margin-right:8px}
.view-header-info {position:relative;padding:15px 25px;border-bottom:1px solid #aaa}
.view-header-info .view-header-btn {position:absolute;right:25px;top:11px}

.view-contents {padding:40px 25px}
.view-contents p {font-size:14px;line-height:18px;color:#555}
.view-contents img {vertical-align:top;max-width:100%}
.view-contents p + p {margin-top:40px}

.view-contents .attach-area {margin-top:80px}

.attach-area {padding:19px 25px;background-color:#fef2f2}
.attach-box {display:table;width:100%}
.attach-box .attach-box-tit {display:table-cell;width:1%;padding-right:25px;white-space:nowrap;font-size:14px;color:#252525;line-height:18px;font-weight:600}
.attach-box .attach-box-content {display:table-cell}
.attach-box .attach-item {margin-right:24px;text-decoration:underline;font-size:14px;line-height:18px;color:#252525}
.attach-box .attach-item:last-child {margin-right:0}
.attach-box .attach-item .ico-file {margin-right:8px}

.view-type2 {display:table;width:100%;table-layout:fixed}
.view-type2 [class*='view-'] {display:table-cell;text-align:center;vertical-align:top}
.view-type2 .view-img {width:540px}
.view-type2 .view-img img {max-width:252px;vertical-align:top}
.view-type2 .view-img .btn-area {margin-top:16px;font-size:0}
.view-type2 .view-img button {padding:7px 17px;min-width:80px;font-weight:600}
.view-type2 .view-img button ~ button {margin-left:8px}
.view-type2 .view-desc {text-align:left}
.view-desc .desc-tit {font-weight:500;font-size:18px;line-height:26px;color:#252525}
.view-desc .desc-tit span {display:inline-block;margin-left:12px;font-size:12px;color:#555}
.view-desc dl {font-size:14px}
.view-desc dt {margin-top:24px;font-weight:500;color:#252525}
.view-desc dd {margin-top:6px;margin-left:10px;color:#555;font-size:12px;text-indent:-10px}

.view-type3 {padding-bottom:80px}
.view-type3:after {content:'';display:block;clear:both}
.view-type3 [class*='view-'] {float:left}
.view-type3 .view-img {margin-right:48px;max-width:240px}
.view-type3 .view-img img {width:100%;vertical-align:top}
.view-type3 .view-desc dd p {margin-top:0;margin-left:10px;font-size:12px;text-indent:-10px}
.view-type3 .view-desc dd {margin-left:0;text-indent:0}

/* prenet-area */
.prenet-area {border-top:1px solid #aaa}
.prenet-item {display:table;width:100%;border-bottom:1px solid #ccc;table-layout:fixed}
.prenet-item ~ .prenet-item {border-bottom-color:#aaa}
.prenet-item dt {display:table-cell;position:relative;padding:18px 0 18px 40px;width:100px;white-space:nowrap;line-height:18px;font-size:12px;color:#252525;font-weight:600}
.prenet-item dt i {position:absolute;left:26px;top:50%;margin-top:-2px}
.prenet-item dd {display:table-cell;line-height:18px}
.prenet-item dd .clamp {font-size:12px;color:#555;vertical-align:middle}
.prenet-item dd .clamp:hover {text-decoration:underline}
.prenet-item dd .ico-file {margin-left:8px;vertical-align:middle}
.prenet-item dd.prenet-day {width:120px;padding:18px 0;text-align:center;font-size:14px;color:#555}

/* tab type */
.ui-tab-type2 .ui-tab-btns {display:flex; flex-wrap:wrap; width:100%;padding:0;border-bottom:0;font-size:0; margin-bottom: 30px;}
.ui-tab-type2 .ui-tab-btns button {position:relative;width:100%;min-height:auto;font-size:14px;background:#f5f5f5;border:1px solid #d4d4d4;color:#666;vertical-align:top; margin-left: -1px; margin-bottom: -1px; flex: 1;min-width: 120px;padding: 14px 10px;}
.ui-tab-type2 .ui-tab-btn.selected,
.ui-tab-type2 .ui-tab-btn.selected:hover,
.ui-tab-type2 .ui-tab-btn.selected:focus {background:#fff;color:#cb0802;line-height:1;border:1px solid #cb0802}

/* .ui-tab-type2.col-3 > .ui-tab-btns button {width:calc(100% / 3)}
.ui-tab-type2.col-3 > .ui-tab-btns button~ button {width:calc((100% / 3) + 1px);margin-left:-1px}
.ui-tab-type2.col-4 > .ui-tab-btns button {width:25%}
.ui-tab-type2.col-4 > .ui-tab-btns button ~ button {width:calc(25% + 1px);margin-left:-1px}
.ui-tab-type2.col-5 > .ui-tab-btns button {width:20%}
.ui-tab-type2.col-5 > .ui-tab-btns button ~ button {width:calc(20% + 1px);margin-left:-1px}
.ui-tab-type2.col-6 > .ui-tab-btns button {width:calc(100% / 6)}
.ui-tab-type2.col-6 > .ui-tab-btns button ~ button {width:calc((100% / 6) + 1px);margin-left:-1px} */

.ui-tab.type-sub .ui-tab-btns {display:block;width:100%;padding:0;border-bottom:0;font-size:0;text-align:center}
.ui-tab.type-sub .ui-tab-btns button {position:relative;width:auto;min-height:38px;font-size:18px;background:transparent;border:0;border-bottom:3px solid transparent;color:#555;margin:0 20px}
.ui-tab.type-sub .ui-tab-btns button:after{content:"";display:block;width:4px;height:4px;background:#555;border-radius:2px;position:absolute;left:-22px;top:50%}
.ui-tab.type-sub .ui-tab-btns button:first-child::after{display:none}
.ui-tab.type-sub .ui-tab-btn.selected,
.ui-tab.type-sub .ui-tab-btn.selected:hover,
.ui-tab.type-sub .ui-tab-btn.selected:focus {background:#fff;color:#cb0802;line-height:1;border:0;border-bottom:3px solid #cb0802;letter-spacing:-0.008em}

.tab-scroll .ui-tab-btns {overflow-x:auto}

/* paging */
.paging-area {margin-top:30px;text-align:center;font-size:0}
.paging-area .paging-item {display:inline-block;box-sizing:border-box;height:32px;min-width:32px;padding:0 5px;text-align:center;line-height:30px;border:1px solid #666;background-color:#fff;font-size:14px;color:#666}
.paging-area .paging-item ~ .paging-item {margin-left:8px}
.paging-area .paging-item:hover,
.paging-area .paging-item.active {border-color:#790401;color:#790401}
.paging-area .paging-item.active {font-weight:600}
.paging-area .paging-item[class*="type-img"] {border-color:transparent !important;background-color:#eaeaea}
.paging-area .paging-item.type-img-prev {margin-right:8px}
.paging-area .paging-item.type-img-next {margin-left:16px}

/* search */
.paging-area ~ .bbs-search {margin-top:60px}
.search-area {width:476px;margin:0 auto;display:table;table-layout:fixed}
.search-area .search-col {display:table-cell}
.search-area .search-col.select {width:120px}
.search-area .search-col.btns {width:80px}
.search-area .search-col.int {padding:0 8px}
.search-col .inp-base,
.search-col .ui-select {width:100%}
.search-col .btn-base-imp {height:32px;width:100%;font-size:12px}

/* page-tab */
.page-tab {width:100%;display:flex;flex-wrap:wrap;margin-bottom:30px}
.page-tab .tab-col {flex: 1; margin-left: -1px; margin-bottom: -1px; min-width: 120px;}
.page-tab .tab-col .tab-col-item {display:block;width:100%;padding:14px 10px;text-align:center;font-size:14px;line-height:20px;color:#787676;background-color:#f5f5f5;border:1px solid #d4d4d4}
/* .page-tab .tab-col ~ .tab-col .tab-col-item {width:calc(100% + 1px);margin-left:-1px} */
.page-tab .tab-col .tab-col-item.active {position:relative;border-color:#cb0802;color:#cb0802;background-color:#fff;font-weight:600}

/* sort tab */
.sort-tab {text-align:center;overflow-x:auto;overflow-y:hidden;font-size:0}
.sort-tab .button_sort {position:relative;border:none;font-size:18px;font-weight:500;color:#555;height:40px;padding:0;margin-right:30px}
.sort-tab .button_sort.active {color:#cb0802}
.sort-tab .button_sort.active:after {content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background-color:#cb0802}
.sort-tab .button_sort:last-child {margin-right:0}
.sort-tab .button_sort ~ .button_sort {margin-left:34px}
.sort-tab .button_sort ~ .button_sort:before {content:'';position:absolute;left:-34px;top:50%;height:4px;width:4px;margin-top:-2px;background-color:#555;border-radius:50%}

/* sort-area */
.sort-area {text-align:right;margin:40px 0}
.sort-area .sort-area-item {display:inline-block;width:160px}
.sort-area .sort-area-item .ui-select {width:100%}

/* gallery list */
.gallery-list {width:100%;position:relative;border-top:2px solid #121212;border-bottom:1px solid #ccc}
.gallery-list.not-border {border:none}
.gallery-list.not-border ul {margin:-10px 0}
.gallery-list ul{margin:40px 0 0}
.gallery-list ul:after{content:"";display:block;clear:both}
.gallery-list li{float:left;width:23.33333333333%;margin:0 2.12962962963% 40px 0}
.gallery-list li:nth-child(4n){margin-right:0}
.gallery-list li:nth-child(4n+1) {clear:left}
.gallery-list .gallery-link {display:block}
.gallery-link .gallery-img {width:100%;position:relative;padding-top:66.669%}
.gallery-link .gallery-img img {position:absolute;left:0;top:0;width:100%;height:100%}
.gallery-tit {margin-top:16px;width:100%;color:#252525;font-size:16px;line-height:20px}
.gallery-tit b {font-weight:500;word-break: break-word;}
.gallery-tit b.cp-green{ color:#306560; }
.gallery-tit b.cp-silver{ color:#787676; }
.gallery-tit b.cp-gold{ color:#d0ac3d; }
.gallery-tit span {display:block;width:100%;font-size:12px;color:#787676}
.gallery-list.col-3 li {width:30.55555555556%;margin-right:4.1%}
.gallery-list.col-3 li .gallery-img img {width:100%;vertical-align:top}
.gallery-list.col-3 li:nth-child(3n){margin-right:0}
.gallery-list.col-3 li:nth-child(3n+1) {clear:left}
.gallery-list.col-3 li:nth-child(4n+1) {clear:right}
.gallery-list.col-3 .gallery-tit {text-align:center}

.gallery-list.col-2 {max-width:705px;margin:0 auto;border:none}
.gallery-list.col-2 li {width:46.8085106383%;margin-right:6.3829787234%}
.gallery-list.col-2 li .gallery-img img {width:100%;vertical-align:top}
.gallery-list.col-2 li:nth-child(2n){margin-right:0}
.gallery-list.col-2 .gallery-tit {text-align:center}

.press-img,
.press-img img {width:100%}
.press-img img {vertical-align:top}

.gallery-list-tit{position:relative;padding:40px 0 10px}
.gallery-list-tit-wrap{width:100%;text-align:center}
.gallery-list-tit-wrap > strong{display:inline-block;width:100%;font-size:24px;color:#252525;margin-bottom:10px}
.gallery-list-tit-wrap > p{display:inline-block;width:100%;font-size:12px}
.gallery-list-tit .sort-area{position:absolute;right:0;top:0}

.gallery-list.type-vod .gallery-tit,
.gallery-list.type-press .gallery-tit,
.gallery-list.type-person .gallery-tit {text-align:center}
.gallery-list.type-person li {width:14.81481481481%;margin-right:2.22222222222%}
.gallery-list.type-person li:nth-child(4n+1) {clear:right}
.gallery-list.type-person li:nth-child(6n+1) {clear:left}
.gallery-list.type-person li:nth-child(6n){margin-right:0}
.gallery-list.type-person .gallery-link .gallery-img {padding-top:100%}

 /* bbs view */
.bbs-link-area {margin-top:22px}
.bbs-link-area li {position:relative;border:1px solid #ccc;font-size:14px;line-height:18px;color:#555}
.bbs-link-area li ~ li {margin-top:20px}
.bbs-link-area li .newspaper-link {display:table;width:100%;table-layout:fixed}
.newspaper-link .bbs-logo {display:table-cell;width:120px;background:#fef2f2;vertical-align:middle;text-align:center}
.newspaper-link .bbs-logo img {vertical-align:top}
.newspaper-link .news-area {display:table-cell;padding:20px 24px}
.view-contents p.bbs-list-tit {font-size:16px;font-weight:600;line-height:18px;color:#252525}
.view-contents p.bbs-list-txt {margin-top:16px}

.video-area {max-width:600px;margin:0 auto 40px}
.video-area .video-box {position:relative;padding-top:56.25%}
.video-area iframe {position:absolute;top:0;right:0;left:0;bottom:0;width:100% !important;height:100% !important}

/* qna */
.ui-acco.type-qna{border-top:2px solid #121212;margin-top:40px}
.ui-acco.type-qna .ui-acco-btn{position:relative;padding:8px 10px 8px 60px;min-height:56px;color:#555;font-weight:400}
/* .ui-acco.type-qna .ui-acco-btn:before{content:"";display:block;position:absolute;top:17px;left:23px;width:22px;height:22px;background:url(/common/img/common/ico_qna.png) no-repeat 0 0} */
/* .ui-acco.type-qna .ui-acco-btn:before{content:"\0051";display:block;position:absolute;top:13px;left:23px; font-size: 22px; font-weight: 600; color: #999;}
.ui-acco.type-qna .ui-acco-btn.selected{color:#790401} */
.ui-acco.type-qna .ui-acco-btn .ico-q{display:block;position:absolute;top:13px;left:23px; font-size: 22px; font-weight: 600; color: #999;}
.ui-acco.type-qna .ui-acco-btn.selected,
.ui-acco.type-qna .ui-acco-btn.selected .ico-q{color:#790401}
/* .ui-acco.type-qna .ui-acco-btn.selected:before{content:"";background-position:0 -22px} */
/* .ui-acco.type-qna .ui-acco-btn.selected:before{content:"\0051"; color: #790401;} */
.ui-acco.type-qna .ui-acco-wrap{border-bottom:1px solid #ccccc0}
.ui-acco.type-qna .ui-acco-pnl{background:#fef2f2;padding:25px 40px 25px 58px;font-size:14px;line-height:20px}
.ui-acco.type-qna .ui-acco-pnl .ico_qna { display:block;position:absolute;top:20px;left:23px;width:22px;height:22px;background:url(/common/img/common/ico_qna.png) no-repeat -22px 0 }
/* .ui-acco.type-qna .ui-acco-pnl:after{content:"";display:block;position:absolute;top:20px;left:23px;width:22px;height:22px;background:url(/common/img/common/ico_qna.png) no-repeat -22px 0} */
.ui-acco.type-qna .ui-acco-pnl > p + p {margin-top:15px}
.ui-acco.type-qna .ui-acco-btn .ui-acco-arrow{right:24px;top:24px;width:7px !important;height:4px !important;min-height:4px !important;background:url(/common/img/common/ico_comb.png) no-repeat 0 0}
.ui-acco.type-qna .ui-acco-btn.selected .ui-acco-arrow{display:block;background:url(/common/img/common/ico_comb_on.png) no-repeat 0 0}

/*acco(추가2101)*/
.pnl_r {display: flex;flex-flow: row wrap;align-items: center;justify-items: center;font-size: 12px;box-sizing: border-box;margin: 24px 0}
.acco_item_left {flex: 1;border-radius: 6px;border: 1px solid #F5F5F5;background-color: #F9F9F9;padding: 24px}
.acco_item_left h3 {width: 100%;height: 24px;background-color: #e9050c;color: white;text-align: center;line-height: 24px;margin: 14px 0}
.acco_item_left i {display: block;margin: auto;width: 118px;height: 118px;border: 1px solid #E9E4E4;background-color: white;border-radius: 50%;background: url(../../common/img/contents/icon_csdgs.png) no-repeat;background-size: 705px auto}
.acco_item_left i.item1 {background-position: 0 0}
.acco_item_left i.item2 {background-position: -116px 0}
.acco_item_left i.item2+h3 {background-color: #af5e08;}
.acco_item_left i.item3 {background-position: -240px 0}
.acco_item_left i.item3+h3 {background-color: #046612;}
.acco_item_left i.item4 {background-position: -352px 0}
.acco_item_left i.item4+h3 {background-color: #B7001E}
.acco_item_left i.item5 {background-position: -472px 0}
.acco_item_left i.item5+h3{background-color: #E01F10}
.acco_item_left i.item6 {background-position: -587px 0}
.acco_item_left i.item6+h3 {background-color: #0057a5;}
.acco_item_left i.item7 {background-position: 0 -117px}
.acco_item_left i.item7+h3 {background-color: #d14600;}
.acco_item_left i.item8 {background-position: -117px -117px}
.acco_item_left i.item8+h3 {background-color: #830025}
.acco_item_left i.item9 {background-position: -237px -117px}
.acco_item_left i.item9+h3 {background-color: #db2005;}
.acco_item_left i.item10 {background-position: -351px -117px}
.acco_item_left i.item10+h3 {background-color: #ce034a;}
.acco_item_left i.item11 {background-position: -468px -117px}
.acco_item_left i.item11+h3 {background-color: #d13500;}
.acco_item_left i.item12 {background-position: -587px -117px}
.acco_item_left i.item12+h3 {background-color: #b3550c;}
.acco_item_left i.item13 {background-position: 0px -235px}
.acco_item_left i.item13+h3 {background-color: #3D6726}
.acco_item_left i.item14 {background-position: -116px -235px}
.acco_item_left i.item14+h3 {background-color: #0064AE}
.acco_item_left i.item15{background-position: -235px -235px}
.acco_item_left i.item15+h3 {background-color: #0d6d12;}
.acco_item_left i.item16 {background-position: -351px -235px}
.acco_item_left i.item16+h3 {background-color: #003D76}
.acco_item_left ul li {position: relative;font-family: 'Noto Sans KR';font-weight: 400;font-size: 12px;color: #000;line-height: 1.5;padding-left: 10px;margin-top: 6px;word-break: keep-all;}
.acco_item_left ul li:before {content: "";position: absolute;left: 0;top: 4px;width: 3px;height: 3px;background: white;border: 2px solid #4C4A4A;border-radius: 50%;}
.acco_item_right {flex: 4;align-self: stretch;border-left: 1px solid #C6C6C6;padding: 24px;margin-left: 26px}



/* 지회 */
[class^="sprite-group-"] {display:inline-block;background-image:url("/common/img/contents/sprite_group.png");background-repeat:no-repeat;font-size:0}
.sprite-group-tel {width:16px;height:16px;background-position:0 0;vertical-align:middle}
.sprite-group-mail {width:16px;height:16px;background-position:-20px 0}

.group-imgbox {margin-top:45px;text-align:center}
.group-imgbox img {vertical-align:top;max-width:100%}

.title-heading_a ~ .fake-table-box {margin-top:16px}
.title-heading_a + .wide-scroll.members {margin-top:16px}
.fake-table-box {position:relative;border-top:2px solid #121212}
/*.fake-table-box:after {content:'';display:block;clear:both}
.fake-table-box:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#aaa}*/
/*.fake-table-box .fake-table-item {float:left;width:50%}*/
.fake-table-box {display:table;width:100%}
.fake-table-item {display:table;width:100%;table-layout:fixed;border-bottom:1px solid #d4d4d4}
.fake-table-item:last-child {border-bottom-color:#aaa}
.fake-table-item .fake-table-th {display:table-cell;width:160px;text-align:left;vertical-align:middle;padding-left:24px;font-size:14px;line-height:18px;color:#252525;font-weight:500;background-color:#f5f5f5}
.fake-table-item .fake-table-td {display:table-cell;padding:17px 24px;text-align:left;vertical-align:middle}
.fake-table-item .fake-table-td p {color:#555;font-size:14px;line-height:20px}
.fake-table-item .fake-table-td [class^="sprite-group-"] {vertical-align:middle;margin-right:3px}
.fake-table-item  a.link-mail {color:#555}
.fake-table-item  a.link-mail:hover {color:#00a0e9;text-decoration:underline}

.person-area {margin-top:90px}
.person-item {display:table;width:100%;table-layout:fixed;padding-left:20px;box-sizing:border-box}
.person-item [class^="person-col-"] {display:table-cell;vertical-align:top}
.person-item .person-col-tit {padding-top:10px;width:210px;text-align:center}
.person-item .person-col-photo {width:146px}
.person-item .person-col-photo .photo-box {border:1px solid #d8d8d8}
.person-item .person-col-photo .photo-box img {vertical-align:top;width:100%}
.person-item .person-col-info {padding-left:50px}
.person-item .person-position {width:90px;height:90px;margin:0 auto;text-align:center;font-size:18px;line-height:90px;color:#fffff0;background-color:#7c6650;border-radius:50%}
.person-item .person-time {margin-top:10px;font-size:18px;color:#555;font-weight:500}
.person-item .person-name {font-size:24px;padding-bottom:7px;line-height:32px;color:#555;border-bottom:2px solid #eaeaea}
.person-item .person-txt {margin-top:7px;font-size:18px;line-height:32px;color:#252525}
.person-item .person-txt.small {font-size:14px;line-height:24px}
.person-profile {margin-top:15px}
.person-profile .person-profile-tit {color:#252525;font-size:14px;font-weight:500}
.person-profile-item {overflow:hidden;margin-top:10px}
.person-profile-item + .person-profile-tit{margin-top:30px}
.person-profile-item dt {float:left;font-size:14px;line-height:24px;width:112px}
.person-profile-item dd,
.person-profile-item li {overflow:hidden;font-size:14px;line-height:24px}

.person-area.item-col2:after {content:'';display:block;clear:both}
.person-area.item-col2 .person-item {float:left;width:50%;padding-left:0;padding-right:15px}
.person-area.item-col2 .person-item:nth-child(2n+1) {clear:both}
.person-area.item-col2 .person-item:nth-child(2n) {padding-left:15px;padding-right:0}
.person-area.item-col1 .person-item ~ .person-item {margin-top:70px}
.person-area.item-col2 .person-item:nth-child(n+3) {margin-top:50px}
.person-area.item-col1 .person-item .person-col-tit {padding-top:0}
.person-area.item-col2 .person-item .person-col-tit {width:150px;padding-top:0}
.person-area.item-col1 .person-item .person-col-photo,
.person-area.item-col2 .person-item .person-col-photo {width:100px;padding-left:10px}
.person-area.item-col2 .person-item .person-col-info {padding-left:20px}
.person-item .person-profile-content {position:relative;padding-left:8px;font-size:14px}
.person-item .person-profile-content:before {content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background-color:#aaa;border-radius:50%}
.person-item .person-profile-info .person-profile-tit {margin-bottom:5px}

/* 인사맣 */
.greeting-area {padding:40px 20px 0 40px;overflow:hidden}
.greeting-area .owner-info {float:left; width: 240px;}
.greeting-area .owner-photo img {max-width:100%;vertical-align:top}
.greeting-area .owner-tit {margin-top:20px;font-size:14px;text-align:center;color:#252525;font-weight:500}
.greeting-area .owner-sign {margin-top:15px;text-align:center}
.greeting-area .owner-sign img {vertical-align:top;max-width:80%}
.greeting-area .owner-greeting {overflow:hidden;padding-left:46px}
.greeting-area .greeting-txt01 {font-size:24px;color:#252525;font-weight:500;line-height:32px;letter-spacing:-.5px}
.greeting-area .greeting-txt02 {margin-top:25px;font-size:14px;line-height:18px;color:#555}

/* ci */
.ci-area {border-top:2px solid #121212;padding-top:20px}
.ci-area .heading-title-b {margin-top:40px}
.ci-area .txt-basic-a {margin-top:12px}
.ci-area .ci-imgbox {border:1px solid #fbfbfb;text-align:center}
.ci-area .ci-imgbox img {max-width:100%;vertical-align:top}
.color-box {margin-top:15px}
.color-box:after {content:'';display:block;clear:both}
.color-box .color-box-col {float:left;width:calc(50% - 13px)}
.color-box .color-box-col ~ .color-box-col {float:right}
.ci-area .color-box .txt-basic-a {margin-top:3px}

/* 조직소개 */
.wide-scroll {width:100%;overflow-y:hidden;overflow-x:auto}
.wide-scroll.members {margin-top:20px}
.group-infobox {margin-top:16px}
.group-infobox .wide-scroll,
.group-infobox .tb-type_a table ~ table {margin-top:20px}
.img-with-txt {overflow:hidden;padding-bottom:6px}
.img-with-txt .img-area {float:left}
.img-with-txt .img-area img {max-width:100%}
.img-with-txt .img-area.type-center {padding:0 50px}
.img-with-txt .img-area.type-right {float:right}
.img-with-txt .text-area {overflow:hidden;padding-left:30px}
.img-with-txt .type-right ~ .text-area {padding:0 30px 0 0}
.img-with-txt .text-area .txt-big-a + .txt-basic-a {margin-top:12px}
.img-with-txt .btn-base-line.small {font-weight:500}
.img-with-txt .btn-area-r {margin-top:15px}
.img-area .img-box {padding:10px;border:1px solid #ebebeb;/*box-shadow:1px 2px 2px rgba(0,0,0,.15);*/}
.img-area .img-box img {vertical-align:top;max-width:100%}

/* 기부 */
.donation-top{position:relative;margin-top:42px;width:100%;padding:25px 0 0;border-top:2px solid #121212}
.donation-guide{position:relative;margin-top:60px;padding:35px 0 35px;text-align:center;width:100%;border-top:2px solid #121212;border-bottom:1px solid #aaa}
.donation-guide .donation-guide-tit {margin-bottom:15px}
.donation-guide .donation-guide-txt {margin-top:15px}
.donation-guide-tit{display:block;width:100%;font-size:16px;line-height:18px;color:#252525;font-weight:500;margin-bottom:35px}
.donation-guide-item{display:inline-block;position:relative;padding:0 80px 0 80px;font-size:14px;line-height:18px;color:#252525;font-weight:500;text-align:left;min-height:70px}
.donation-guide-item > div{display:inline-block;vertical-align:middle;font-weight:500}
.donation-guide-item strong{display:block;font-size:18px;line-height:18px;color:#cb0802;font-weight:500;margin-top:12px}
.donation-guide-item:before{content:"";display:inline-block;vertical-align:middle;width:100px;height:100px;background:url(/common/img/contents/pictogram_a.png) no-repeat 0 0}
.donation-guide-item:after{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:40px;margin-top:-20px;border-left:1px dashed #ccc}
.donation-guide-item.n1:before {background-position:0 -100px}
.donation-guide-item.n2:before {background-position:-100px -100px}
.donation-guide-tit + .donation-guide-item:after{display:none}
.donation-guide-txt{font-size:12px;color:#555;margin-top:30px;font-weight:500}
.donation-guide-txt-point{font-size:18px;color:#cb0802;margin-top:30px;font-weight:600;}
.donation-guide-txt b{color:#cb0802}
td .donation-guide-txt {margin-top:0}
td .sign-wrap ~ .donation-guide-txt,
td .day-form-row ~ .donation-guide-txt,
td .phone-area ~ .donation-guide-txt,
td .jumin-area ~ .donation-guide-txt,
td .ui-select ~ .donation-guide-txt,
td .donation-guide-txt ~ .radio-group,
td .donation-guide-txt ~ .check-group,
td .donation-guide-txt ~ .donation-guide-txt {margin-top:7px}

.box-pink{width:100%;background:#fef2f2;margin-top:60px;border-radius: 20px;}
.box-pink.type-b{padding:60px 0 60px;text-align:center;margin-top:30px}
.box-pink .tb-type_a table{border:0}
.box-pink .tb-type_a th,
.box-pink .tb-type_a td{background:transparent;border:0}
.box-pink .tb-type_a{margin-top:20px}
.box-pink-wrap{width:505px;margin:0 auto;display:inline-block;text-align:left}
.box-pink-wrap .tb-type_a th,
.box-pink-wrap .tb-type_a td{background:transparent;border:0;padding-left:0;padding-right:0}
.box-pink-wrap .col-xs{width:160px}
.box-pink .terms-group .checkbox label{font-size:14px}
.w-full{width:100% !important}
.box-pink .table-tit{margin:0 0 20px}

.banner-area{width:100%;background:#fef2f2;height:300px}

.sign-wrap{background:#fef2f2;width:340px;height:180px;margin-top:20px}
.inp-txt{display:inline-block;margin:0 5px;line-height:30px}
.addcert label{font-weight:500;font-size:14px;display:block;margin:20px 0 10px;color:#252525}
.addcert .phone-area .btn-base-imp{width:auto}

.ui-togglebtn:after{content:"";display:block;clear:both}
.ui-togglebtn.type-sum button{width:60px;padding:0;float:left;margin-right:8px}
.ui-togglebtn.type-sum .ui-inpcancel-group {display:inline-block}
.ui-togglebtn.type-sum .ui-inpcancel-group button {float:none}
.ui-togglebtn.type-sum .inp-base{width:120px}

.mb-type .field-wrap li {margin:0 7px 7px 0}
.field-wrap{width:840px;margin-top:10px}
.field-wrap ul{overflow:hidden}
.field-wrap li{width:130px;height:90px;float:left;margin:0 7px 7px 0;background:url(/common/img/contents/ico_SDGs.png) no-repeat 0 0}
.field-wrap li.n1{background-position:0 0}
.field-wrap li.n2{background-position:-130px 0}
.field-wrap li.n3{background-position:-260px 0}
.field-wrap li.n4{background-position:-390px 0}
.field-wrap li.n5{background-position:-520px 0}
.field-wrap li.n6{background-position:-650px 0}
.field-wrap li.n7{background-position:0 -90px}
.field-wrap li.n8{background-position:-130px -90px}
.field-wrap li.n9{background-position:-260px -90px}
.field-wrap li.n10{background-position:-390px -90px}
.field-wrap li.n11{background-position:-520px -90px}
.field-wrap li.n12{background-position:-650px -90px}
.field-wrap li.n13{background-position:0 -180px}
.field-wrap li.n14{background-position:-130px -180px}
.field-wrap li.n15{background-position:-260px -180px}
.field-wrap li.n16{background-position:-390px -180px}

.terms-group .checkbox{display:block;width:100%;margin-top:20px;margin-bottom:8px}
.terms-group .checkbox label{font-size:16px;font-weight:500;color:#252525}
.terms-group .btn-area-r{margin-top:24px}

.donation-bn{margin-top:30px;width:100%}
.donation-bn img{width:100%}

.sel-field{width:395px}

/* sb contents */
/* .banner-area + .contents-tab {margin-top:0} 보류 05.html */
.dis-none {display:none}
.sb-box {margin-top:-35px;padding:60px 288px;background-color:#fef2f2}
.sb-box-inner {max-width:504px;margin:0 auto}
.sb-contents-tit {color:#252525;font-size:18px;font-weight:600;line-height:1}
.sb-contents-desc {margin-top:24px;padding-bottom:24px;border-bottom:1px solid #999;color:#555;font-size:12px;line-height:1;font-weight:500}
.sb-box-inner .sb-contents-desc {line-height:18px}
.sb-content-tbl.line-top{border-top:1px solid#999}
.sb-content-tbl {margin-bottom:40px;padding:12px 0;border-bottom:1px solid #999}
.sb-content-tbl .col-l {width:160px}
.sb-content-tbl th, .sb-content-tbl td {padding:12px 0 13px;text-align:left;vertical-align:top}
.sb-content-tbl th {font-size:14px;color:#252525;font-weight:500}
.sb-content-tbl td {font-size:12px}
.sb-content-tbl td textarea {border:1px solid #d4d4d4;width:100%;box-sizing:border-box;padding:12px;font-size:12px;height:220px;resize:none}
.sb-content-tbl td textarea.h-small {height:80px}
.sb-content-tbl td textarea ~ .privacy-area {margin-top:20px}
.phone-area{overflow:hidden}
.phone-area .table-cell ~ .table-cell {margin-top:12px;color:#555;font-weight:500}
.phone-area .privacy-area {margin-top:24px}
.phone-area .table-cell [class*='btn-base'] {margin-left:12px;width:80px}
.ps-box, .ps-verify {font-size:0}
.ps-box >span {display:inline-block;position:relative;width:70px}
.ps-box >span input {width:100%}
.ps-box >span ~ span {margin-left:8px;padding-left:13px;box-sizing:content-box}
.ps-box >span ~ span:before {content:'';display:block;position:absolute;left:0;top:50%;width:5px;height:1px;background-color:#252525}
.verify-area {position:relative}
.ps-verify input.inp-base,
.ps-verify input {padding-right:50px;width:252px}
.verify-area .code-txt {position:absolute;left:215px;top:0;padding-right:10px;font-size:12px;font-weight:600;color:#790401;line-height:32px}
.phone-area .table-cell.privacy-area {margin-top:24px}
.phone-area .table-cell.privacy-area .btn-base-bline {width:auto}
.privacy-area .checkbox label {color:#252525;font-weight:600}
.privacy-box {margin-top:22px;padding:15px 13px 30px 16px;border:1px solid #d4d4d4;background-color:#fff}
.privacy-area .btn-area-r {margin-top:12px}
.privacy-area .btn-base {padding:7px 15px;width:auto !important;background-color:#fff;border:1px solid #555;color:#555;font-weight:600}

.date2-area > *{display:inline-block}
.rentaltime-area{display:inline-block}
.rentaltime-area .radio-group{display:inline-block}
.rentaltime-area > *{vertical-align:middle}
.btncheck-area > *{vertical-align:middle}

.type-appl11_1 .fl-item-l{width:calc(100% - 150px)}
.type-appl11_1 p{font-size:12px;margin-top:10px}
/* file upload list*/
.list-fileupload{width:100%;overflow:hidden;margin-top:10px}
.list-fileupload li{float:left;width:100%}
.list-fileupload li span{font-size:12px;color:#0175E4; display:inline-block; font-weight: 500;}
.list-fileupload li button{font-size:12px;margin-left:55px;padding-right:16px;background:url(/common/img/common/ico_del.png) no-repeat 100% 50%}

/* credit card, ars */
.banner-img {margin-top:68px}
.banner-img img {width:100%}
.select-contents .none {display:none}

.donate-list {margin-top:60px;padding:40px 0 30px;border-top:2px solid #121212;border-bottom:1px solid #aaa;text-align:center}
.donate-tit {margin-bottom:30px;font-size:16px;font-weight:600;line-height:18px;color:#252525}
.donate-tit2 {margin-bottom:30px;font-size:12px;font-weight:400;line-height:18px;color:#666;}
.donate-list strong {padding-top:5px;line-height:38px;font-weight:600;font-size:20px;color:#cb0802}
.donate-list-area {display:table;table-layout:fixed;width:100%}
.donate-list-area .donate-list-item {display:table-cell;position:relative;font-weight:600;text-align:left;vertical-align:middle}
.donate-list-area .donate-list-item ~ .donate-list-item:before {content:'';display:block;position:absolute;left:0;top:9px;width:1px;height:40px;border-left:1px dotted #aaa}
.donate-list-area .donate-list-item:nth-child(2) {width:323px}
.donate-list-item i {display:inline-block;position:absolute;left:80px;top:0;width:65px;height:64px;background-repeat:no-repeat;background-size:65px auto}
.donate-list-item i.ico-pay {background-image:url(/common/img/contents/ico-pay_new.png)}
.donate-list-item i.ico-credit {left:89px;background-image:url(/common/img/contents/ico-credit.png)}
.donate-list-item i.ico-phone {background-image:url(/common/img/contents/ico-phone.png)}
.donate-list-item i.ico-passbook {background-image:url(/common/img/contents/ico-bank.png)}
.donate-list-item i.ico-passbook + .item-txt {padding-right:110px}
.donate-list a.box2{border:1px solid #252525; padding:10px 15px; margin-left:50px;}

/*추가 210105*/
.donate-newlist-area{display:flex;flex-wrap:wrap}
.donate-newlist-item{display:flex;flex-grow:1;align-items:center;justify-content:center;font-weight:600;margin:12px;border-right:1px dotted #aaa}
.donate-newlist-item:last-child{border-right:1px dotted #fff}
.donate-newlist-item i{width:65px;height:64px;background-repeat:no-repeat;background-size:65px auto}
.icon-newcredit{background-image:url(/common/img/contents/ico-credit.png)}
.donate-newlist-item i.ico-pay{background-image:url(/common/img/contents/ico-pay_new.png)}
.donate-newlist-item i.ico-phone{background-image:url(/common/img/contents/ico-phone.png)}
.donate-newlist-item i.ico-passbook{background-image:url(/common/img/contents/ico-bank.png)}
.item-new-txt{padding-left:16px;text-align:left}
.donate-newlist-item p{font-size:14px;line-height:18px;color:#252525}
.donate-newlist-item strong{padding-top:8px;line-height:38px;font-weight:600;font-size:18px;color:#cb0802}


.donate-list-area.type_small {width:550px;margin:0 auto 15px}
.donate-list-area.type_small .donate-list-item:nth-child(2) {width:auto}
.donate-list-area.type_small .donate-list-item i.ico-credit {left:0}
.donate-list-area.type_small .donate-list-item i {position:static}
.donate-list-area.type_small .donate-list-item .item-txt {float:none;padding-right:0}
.donate-list-area.type_small .donate-list-item ~ .donate-list-item {padding-left:84px}
.donate-list-area.type_small .donate-item-box {display:table;width:100%}
.donate-list-area.type_small .donate-item-box .donate-icon {display:table-cell;width:1%;white-space:nowrap;padding-right:25px;vertical-align:middle}
.donate-list-area.type_small .donate-item-box .item-txt {display:table-cell;vertical-align:middle}

.donate-list-item .item-txt {float:right;padding-right:80px;}
.donate-list-item p {font-size:14px;line-height:18px;color:#252525;}
.donate-list-item strong {display:block;margin-top:12px;line-height:18px;font-weight:600;font-size:18px;color:#cb0802;}
.donate-desc {margin-top:20px;font-size:12px;color:#555;font-weight:500}
.donate-desc span {color:#cb0802}

.donate-select-area {margin-top:48px}
.donate-select {padding:17px 44px;background-color:#fef2f2;font-size:12px;border-radius: 20px;position: relative;}
.donate-select:after {content:'';display:block;clear:both}
.select-tit {float:left;margin-right:60px;color:#252525;font-size:14px;font-weight:600;line-height:18px}
.select-radio-group {float:left;color:#555}
.select-radio-group span ~ span {margin-left:24px}
.select-radio-group label {line-height:14px}
.select-desc {line-height:30px;font-weight:500;position: absolute;bottom: 10px;right: 20px;}
.select-desc span {color:#cb0802}
.select-sub-tit {margin-top:40px;padding-bottom:24px;border-bottom:2px solid #121212;font-size:18px;font-weight:600;line-height:18px;color:#252525}
.select-sub-tit.type2 {border-bottom:none}

/* point */
.point-card-list {padding-bottom:40px;border-bottom:1px solid #aaa}
.point-card-list:after {content:'';display:block;clear:both}
.point-card-list li {position:relative;float:left;margin-top:40px;width:25%;min-height:340px;max-height:340px;font-size:0;text-align:center}
.point-card-list p {margin-left:10px;text-align:left}
.point-card-tit {margin-bottom:14px;font-size:16px;font-weight:600;color:#252525;line-height:18px;min-height:36px}
.point-card-desc {margin-top:18px;font-size:12px;color:#555;line-height:18px}
.point-card-list button.btn-base-imp.small {position:absolute;bottom:0;left:50%;margin-left:-41px;padding:7px 18px}

/* 무통장 입금 기부 */
.fake-table-box.type2 {padding-bottom:50px}
.fake-table-box.type2 .fake-table-th {width:220px;padding:32px 30px 0;vertical-align:top}
.fake-table-box.type2 .fake-table-td {vertical-align:top}
.fake-table-box.type2 .fake-tit {font-size:18px;color:#252525}
.account-num {margin-top:16px;font-size:14px;line-height:18px;color:#555}
.account-num .sprite-group-tel {margin-right:6px}
.account-holder {margin-top:12px;font-size:14px;color:#555}
.account-holder span {display:block;font-size:12px;color:#787676}
.fake-table-box.type2 .fake-table-td p {line-height:24px}

/* 사랑의 열매는 */
.about-area {border-top:2px solid #121212;padding-top:70px}
.img-center-box {text-align:center}
.img-center-box img {vertical-align:top;max-width:100%}

/* 사업성과 그래프 */
.graph-a-wrap{width:100%;position:relative;height:360px;margin-top:30px}
.graph-a-line span{display:block;width:calc(100% - 60px) ;height:3px;background-color:#e9ebf1;position:absolute;right:0}
.graph-a-line span b{display:block;width:60px;text-align:center;font-size:11px;color:#a3a9b0;position:absolute;top:-7px;left:-60px}
.graph-a-line .n0{bottom:0}
.graph-a-line .n1{bottom:14.28%}
.graph-a-line .n2{bottom:28.56%}
.graph-a-line .n3{bottom:42.84%}
.graph-a-line .n4{bottom:57.12%}
.graph-a-line .n5{bottom:71.4%}
.graph-a-line .n6{bottom:85.68%}
.graph-a-line .n7{bottom:100%}
.graph-a-item ul:after{content:"";display:block;clear:both}
.graph-a-item li{width:48px;height:100%;float:left;position:relative}
.graph-a-item{position:absolute;bottom:0;left:60px;width:100%;height:100%}
.graph-a-bar{position:absolute;bottom:0;left:50%;margin-left:-8px;background:#ffb1ba;width:16px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:11px;color:#a3a9b0}
.graph-a-item b,
.graph-a-item span{display:block;width:48px;text-align:center;position:absolute;left:-16px}
.graph-a-item b{bottom:-20px}
.graph-a-item span{top:-16px}

.type-raise{margin-top:60px}
.type-raise th,
.type-raise td{text-align:center;vertical-align:middle !important}
.type-raise .col-auto{width:80px}
.type-raise .col-auto2{width:130px}

.area-type-a{border-top:2px solid #121212;border-bottom:1px solid #aaaaaa;padding:70px 0;text-align:center}
.area-type-a.type2 img{width:528px; height:auto;}
.area-type-a.type2 img{width:528px; height:auto;}
.area-type-a.type2 {padding:70px 0 90px;border-bottom:0}
.area-type-a.type3 {padding:70px 0 30px;/*border:0*/}
.area-type-a.type4 {border-top:none;border-bottom:2px solid #121212}
.area-type-a.type5 {border-bottom:none}
.area-type-a.type6 {padding:70px 0 30px;border:0}
.area-type-a.type7 {padding:40px 0 30px;border:0}
.area-type-a.type7 p{font-size:18px;font-weight:500}
.area-type-a.type8 {padding:70px 0 30px;border-bottom:0}
.area-type-a p{font-size:14px;margin-top:25px;color:#555}
.area-type-a strong{font-size:24px;font-weight:500}
.area-type-a .area-type-tit{display:block;width:100%;font-size:18px;line-height:24px;color:#252525;font-weight:500;margin-bottom:60px}
.area-type-a .area-type-tit.type2 {margin-bottom:30px}
.area-type-a .area-type-tit2 {margin:30px 0 0;font-size:18px;line-height:24px;color:#252525}
.area-type-a .area-type-tit span{display:inline-block;width:100%;font-size:12px;color:#787676;font-weight:400;line-height:1}
.area-type-a .area-type-tit span.desc {display:block;margin-top:10px;font-size:14px;color:#555;font-weight:500}
.area-type-a .area-type-tit2.type2 {margin-top:70px}
.area-type-a .area-type-tit2.type2 strong {display:block;margin-top:15px;font-size:24px;line-height:24px}
.area-type-item{display:inline-block;position:relative;padding:0 80px 0 80px;font-size:14px;line-height:18px;color:#252525;font-weight:500;text-align:left;min-height:70px;vertical-align:top}
.area-type-item > div{display:inline-block;vertical-align:middle}
.area-type-item strong{display:block;font-size:30px;line-height:1;color:#252525;font-weight:700;margin-top:12px}
.area-type-item strong span{font-size:12px;color:#787676;font-weight:400;line-height:1}
.area-type-item:before{content:"";display:inline-block;vertical-align:top;width:100px;height:100px;margin-top:-10px;background:url(/common/img/contents/pictogram_a.png) no-repeat 0 0;margin-right:20px}
.area-type-txt{font-size:12px;color:#555;margin-top:30px}
.area-type-txt b{color:#cb0802}

.link-btn-area { max-width: 265px; width: 100%; margin: 0 auto; }

/* 소통과 협력 */
.banner-area { position: relative; width: 100%; margin-bottom: 70px; font-family: 'Pretendard'; background-color: #27B8CC; padding-top: 6%; padding-bottom: 53%; background-image: url(/common/img/contents/cooperation_box.png); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
.banner-area .title-wrap { max-width: 928px; width: 100%; margin: 0 auto; padding-left: 130px; padding-right: 130px; text-align: center; }
.banner-area .title-wrap p { font-size: 20px; color: #fff; margin-top: 35px; }
.banner-area .title-wrap .mo-img { display: none; }
.banner-area .btn-vote { position: absolute; bottom: 11%; left: 50%; transform: translateX(-50%); max-width: 311px; width: 100%; height: 82px; background-color: #EE6161; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; color: #fff; font-size: 38px; font-weight: 500; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.banner-area .desc { position: absolute; width: 100%; bottom: 13px; color: #575757; font-size: 12px; text-align: center; }

@media all and (max-width:1024px){
  /* .base-body.type-sub { padding-top: 120px; } */
  .base-main { padding-top: 136px; }
  .banner-area .title-wrap p { margin-top: 10px; }
  .banner-area .btn-vote { max-width: 265px; height: 70px; font-size: 32px; }

}

@media all and (max-width:991px){
  .banner-area .title-wrap p { font-size: 16px; }
  .banner-area .btn-vote { max-width: 232px; height: 60px; font-size: 26px; }
}

@media all and (max-width:768px){
  .mo-hidden-768 { display: none; }
  .banner-area { background-image: url(/common/img/contents/cooperation_box_mo.png); padding-bottom: 115%; padding-top: 10%; margin-bottom: 35px; }
  .banner-area .title-wrap { max-width: 640px; padding-left: 160px; padding-right: 160px; }
  .banner-area .title-wrap > img { display: none; }
  .banner-area .title-wrap .mo-img { display: block; }
  .banner-area .btn-vote { bottom: 18%; }
  .banner-area .desc { bottom: 11px; }

  .article-contents-text .info-area { flex-direction: column; gap: 52px; }
  .article-contents-text .info-area > li .tit { font-size: 18px; }
  .article-contents-text .btn-map { position: static; margin: 30px 0 72px; }
  .map-popup .content { padding: 62px 18px; }
}
@media all and (max-width:640px){
  .banner-area { padding-bottom: 140%; }
  .banner-area .title-wrap { padding-left: 120px; padding-right: 120px; }
}

@media all and (max-width: 540px){
  .layerpop-wrap { padding-top: 110px; height: calc(100vh - 20%); }
  .btn-popup-close { top: 60px; width: 40px; height: 40px; background-size: 40px; }
}

@media all and (max-width:500px){
  .pc-hidden-500 { display: block; }

  .banner-area { padding-bottom: 166%; }
  .banner-area .title-wrap { padding-left: 57px; padding-right: 57px; margin-top: 19px; }
  .banner-area .title-wrap p { font-size: 12px; }
  .banner-area .btn-vote { max-width: 180px; height: 50px; font-size: 22px; bottom: 17%; }
  .banner-area .desc { font-size: 10px; }

  .map-popup .tit { font-size: 20px; }
  .map-popup .info { margin: 0 auto 29px; }
  .map-popup .info > li + li { width: 100%; }
  .map-popup .info > li:last-child { margin-left: 0; }
  .map-popup .how-area .heading-title > p { font-size: 14px; }
}

@media all and (max-width:320px){
  .banner-area .btn-vote { max-width: 152px; height: 40px; font-size: 20px; bottom: 18%; }
}

.cckgrop03 .area-type-item.n1:before{background-position:0 0}
.cckgrop03 .area-type-item.n2:before{background-position:-100px 0}

.cpl-tbl{margin-top:30px}
.cpl-tbl .col-1{width:160px}
.cpl-tbl .col-2{width:250px}
.cpl-tbl .col-3{width:auto}
.cpl-tbl tbody th{background:#fff}

.cckgrop16-ul {text-align:left}
.cckgrop16-ul ul{width:40%;display:inline-block;margin:0 3%}
.cckgrop16-ul .bul-dot{font-size:14px}
.cckgrop16-ul .bul-dot span{font-size:12px;color:#787676}

/*.mb-type li{display:inline-block;text-align:center;margin:0 10%}
.mb-type li div{width:46px;height:46px;margin:0 auto 5px;border-radius:50%;color:#fff;padding-top:15px;font-size:14px;background:#22ac38}
.mb-type li .mb-green{background:#22ac38}
.mb-type li .mb-silver{background:#a0a0a0}
.mb-type li .mb-gold{background:#e6ad00}*/

.area-type-b {border-top:2px solid #121212;border-bottom:1px solid #aaaaaa;padding:25px 0}
.area-type-b p{font-size:14px;padding:0 20px}

.area-type-c {border-top:2px solid #121212;padding-top:50px}

.list-dltit{width:100%;margin-top:70px}
.list-dltit.type-b {margin-top:0}
.list-dltit.type-b .list-dltit-img {padding-top:0}
.list-dltit dt{width:100%;font-size:18px;font-weight:500;color:#252525;margin-top:40px}
.list-dltit dt:first-child{
    margin-top:0}
.list-dltit dd{width:100%;font-size:14px;margin-top:5px}
.list-dltit-img{text-align:center;padding:50px 0 30px}
.list-dltit-img span{display:inline-block;width:100%;margin-top:5px;font-size:14px;line-height:20px;color:#555;font-weight:500}

.list-tbl{width:100%}
.list-tbl dl:first-child{border:0}
.list-tbl dl{width:100%;border-top:1px solid #d4d4d4;padding:30px 45px 30px 0;overflow:hidden;display:table}
.list-tbl dt{width:290px;padding-left:150px;text-align:center;display:table-cell;vertical-align:middle;font-size:24px;font-weight:600;color:#252525;position:relative}
.list-tbl dt:before{content:"";display:block;width:100px;height:100px;position:absolute;top:50%;left:30px;margin-top:-50px;background:url(/common/img/contents/pictogram_a.png) no-repeat -200px 0}
.list-tbl dt b{display:block;color:#cb0802;font-size:14px}
.list-tbl dd{width:calc(100% - 290px);padding:0 0 0 50px;display:table-cell;text-align:left;vertical-align:middle;font-size:14px}
.list-tbl .n1 dt:before{background-position:-200px 0}
.list-tbl .n2 dt:before{background-position:-300px 0}
.list-tbl .n3 dt:before{background-position:-400px 0}

.list-boxstep{width:100%;overflow:hidden}
.list-boxstep-item{width:520px;float:left;margin-bottom:40px}
.list-boxstep-item:nth-child(2n){margin-left:40px}
.list-boxstep-tit{width:100%;background-color:#867368;color:#fff;padding:0 30px;font-size:18px}
.list-boxstep-tit b{font-size:36px;font-weight:600;display:inline-block;vertical-align:middle;height:70px;padding:5px 10px 0 0}
.list-boxstep-tit span{display:inline-block;vertical-align:middle;line-height:1.5}
.list-boxstep-cont{border:1px solid #e6e2df;border-top:0;width:100%;padding:25px 30px 10px;font-size:14px;line-height:1.2;min-height:260px}
.list-boxstep-cont > div{margin-top:15px}
.list-boxstep-cont > div:first-child{margin-top:0}
.list-boxstep-cont .bul-hyphen{margin:0}

.list-boxstep-cont .bul-hyphen li{margin-top:0}

.cckgrop-list{width:100%;overflow:hidden;margin-top:25px;border-top:1px solid #d4d4d4;padding:50px 0 0}
.cckgrop-list > div{float:left;width:50%;padding-left:150px;min-height:150px;position:relative}
.cckgrop-list > div:before{content:"";display:block;width:100px;height:100px;border-radius:50%;background:#aba095 url(/common/img/contents/honorsociety_ico.png) no-repeat 0 0;position:absolute;top:0;left:25px}
.cckgrop-list h5{font-size:14px;font-weight:500;color:#252525;margin-bottom:10px}
.cckgrop-list td{vertical-align:top;font-size:14px}
.cckgrop-list th{vertical-align:top;font-size:14px;font-weight:500;color:#252525}

.cckgrop-list > div.n1:before{background-position:0 0}
.cckgrop-list > div.n2:before{background-position:-100px 0}
.cckgrop-list > div.n3:before{background-position:-200px 0}
.cckgrop-list > div.n4:before{background-position:-300px 0}
.cckgrop-list > div.n5:before{background-position:0 -100px}
.cckgrop-list > div.n6:before{background-position:-100px -100px}
.cckgrop-list > div.n7:before{background-position:-200px -100px}
.cckgrop-list > div.n8:before{background-position:-300px -100px}
.img-wrap{width:100%;text-align:center}

.legacy-info{width:100%;position:relative;overflow:hidden;margin:70px 0}
.legacy-info img{float:left;margin:0 75px 0 85px}
.legacy-info dl{float:left}
.legacy-info dt{font-size:18px;color:#252525;margin-bottom:15px}
.legacy-info dd{font-size:14px;margin-top:10px}
.legacy-info dd span{font-size:12px;color:#787676}

.legacy-step{width:100%;position:relative;text-align:center;padding:45px 0}
.legacy-step ol{margin-bottom:30px}
.legacy-step li{display:inline-block;position:relative;vertical-align:top;padding:0 50px}
.legacy-step li:first-child:before{display:none}
.legacy-step li:before{content:"";position:absolute;left:0;top:50%;margin:-15px 0 0 -15px;display:block;width:30px;height:30px;background:url(/common/img/contents/legacy_arrow.png) no-repeat 0 0}
.legacy-step li b{position:absolute;display:block;width:30px;height:30px;border-radius:50%;background:#cb0802;color:#fff;text-align:center;padding:5px 0 0;font-size:12px;font-weight:600;z-index:1;left:50%;margin-left:-15px;top:-13px}
.legacy-step li p{position:relative;display:block;width:140px;height:140px;border-radius:50%;border:2px solid #afa49a;text-align:center;font-size:16px;font-weight:600;padding:55px 0 0}
.legacy-step li:first-child p{padding:40px 0 0}

.legacy-ex{width:100%;height:350px;padding:40px;overflow:hidden;background:#aba095 url(/common/img/contents/legacy_ex.png) no-repeat 100% 100%}
.legacy-ex-tit{float:left;width:440px}
.legacy-ex-tit .table-tit{margin:0 0 15px;color:#fff;width:100%;padding-bottom:15px;border-bottom:1px solid #c4bdb5}
.legacy-ex-tit p{color:#fff;font-size:14px}
.legacy-ex-pht{float:right}
.legacy-ex-pht > div{background:#fff;padding:10px 10px 30px;box-shadow:3px 3px 5px rgba(0,0,0,0.1);float:left;text-align:center;margin:0 10px;font-size:14px}
.legacy-ex-pht p{margin-top:10px}

/* 찾아오시는 길 */
[class^="sprite-map-"] {display:inline-block;background-image:url("/common/img/contents/sprite_map.png");background-repeat:no-repeat;font-size:0;background-position-y:0}
.sprite-map-1 {width:30px;height:34px;background-position-x:0}
.sprite-map-2 {width:50px;height:50px;background-position-x:-50px}
.sprite-map-3 {width:50px;height:50px;background-position-x:-100px}
.sprite-map-4 {width:50px;height:50px;background-position-x:-150px}
.map-adress {position:relative;margin-top:10px;padding-left:40px;font-size:18px;line-height:24px}
.map-adress .sprite-map-1 {position:absolute;top:5px;left:0}
.map-area {margin-top:10px}
.map-area .root_daum_roughmap {width:100%;height:500px}
.how-to .sb-contents-tit {margin-top:20px;font-weight:500}
.how-to-section {position:relative;padding-left:70px;margin-top:50px}
.how-to-section .heading-title-b {font-size:18px}
.how-to-section [class^="sprite-map-"] {position:absolute;left:0;top:0}
.how-to-section .how-to-txt {margin-top:5px;font-size:18px;line-height:28px}
.how-to-section .how-to-dl {margin-top:5px;overflow:hidden}
.how-to-section .how-to-dl dt {float:left;font-size:18px;line-height:28px;font-weight:500}
.how-to-section .how-to-dl dd {padding-left:2px;overflow:hidden;font-size:18px;line-height:28px}
.how-to-section .how-to-dl dd ~ dt {clear:both}

/* history */
.history-wrap {margin-top:70px}
.history-wrap.line-type {border-top:2px solid #121212;margin-top:0;padding-top:70px}
.history-wrap:after {content:'';display:block;clear:both}
.history-wrap .history-item {position:relative;width:50%;margin-right:50%;padding:0 10px 20px;font-size:14px;line-height:30px}
.history-wrap .history-item:before {content:'';position:absolute;right:-1px;top:15px;bottom:-15px;width:2px;background-color:#e4e4e4}
.history-wrap .history-item:after {content:'';position:absolute;right:-6px;top:14px;width:12px;height:12px;background-color:#fff;border:3px solid #cb0802;border-radius:50%;box-sizing:border-box}
.history-wrap .history-item:nth-child(even):before {left:-1px;right:auto}
.history-wrap .history-item:nth-child(even):after {left:-6px;right:auto}
.history-wrap .history-item:nth-child(even) {margin-right:0;margin-left:50%}
.history-wrap .history-item:nth-child(even) .history-info-month {float:left}
.history-wrap .history-item:nth-child(even) .history-info-txt,
.history-wrap .history-item:nth-child(even) .history-info-img,
.history-wrap .history-item:nth-child(even) .year-txt {text-align:left}
.history-wrap .history-item:nth-child(even) .history-info-img {margin:25px 0 15px 74px}
.history-wrap .history-item:last-child {padding-bottom:0}
.history-wrap .history-item:last-child:before {display:none}
.history-wrap .history-item .year-txt {padding:0 20px;font-size:36px;font-weight:500;letter-spacing:-1px;color:#252525;text-align:right}
.history-wrap .history-item .history-info {overflow:hidden;margin-top:20px}
.history-item .history-info .history-info-month {float:right;padding:0 20px;color:#252525;font-weight:500}
.history-item .history-info .history-info-txt {overflow:hidden;color:#666;text-align:right}
.history-item .history-info .history-info-img {text-align:right;margin:25px 74px 15px 0}
.history-item .history-info .history-info-img img {vertical-align:top;max-width:100%}
.history-item .history-info .history-info-txt ~ .history-info-month {clear:both}

.history-wrap.with-img .history-item .history-info-txt {line-height:18px;padding-top:6px}

/* 특별모금 */
.campaign-contents {margin-top:40px}
.campaign-contents .page-tab {margin-bottom:50px}
.campaign-contents .view-contents {text-align:center;border-bottom:1px solid #aaa}
.campaign-view .btn-base {background-color:#555;font-size:14px;padding:0 23px;min-width:100px;height:38px}

/* 아너소사이어티 */
.donation-section + .sb-box {margin-top:40px}
.area-type-a.type2 + .donation-section .table-tit {margin:0 0 25px}
.donation-section .table-tit {color:#252525;margin:50px 0 25px}
.donation-section .table-tit ~ .table-tit,
.area-type-a.type2 + .donation-section .table-tit ~ .table-tit {margin:50px 0 25px}
.donation-article {border-top:2px solid #121212;border-bottom:1px solid #aaa}
.donation-article .gallery-list {border-top:none;border-bottom:none}
.donation-article.type2 {border-bottom:0}
.donation-article.type3 {border:0}
.donation-article.type5 {padding:20px 0}
.donation-article .donation-desc {padding:24px 18px 23px}
.donation-article .donation-desc.type2 {border-bottom:1px solid #aaa}
.donation-desc.type2 li {display:table;width:100%;table-layout:fixed;padding-left:0}
.donation-desc.type2 li:before {display:none}
.donation-desc.type2 p {display:table-cell}
.donation-desc li, .donation-desc.type2 li p {position:relative;padding-left:10px;font-size:14px;line-height:30px;color:#555}
.donation-desc li:before,
.donation-desc.type2 li p:before {content:'';display:block;position:absolute;left:0;top:13px;width:4px;height:4px;background:#555;border-radius:50%}
.donation-desc li span {display:inline-block;margin-left:8px;font-size:12px;color:#787676}
.donation-article .btn-area {padding-bottom:0}
.donation-btn-type2 {margin-top:50px;padding-bottom:0}
.donation-btn-type2 .btn-base-line {position:absolute;right:0;top:0;font-weight:600}
.donation-tit-area {position:relative;margin-top:50px}
.donation-tit-area .table-tit {display:inline-block}
.donation-tit-area .ui-select {position:absolute;right:0;top:-8px}
.donation-tit-area .ui-select-opt {font-size:12px}
.donation-section .tb-type_b {margin-top:30px}
.donation-section .tb-type_b strong {color:#252525}
.donation-member-list {display:table;width:100%;table-layout:fixed}
.donation-member-list li {display:table-cell;position:relative;padding-top:87px}
.donation-member-list li:before {content:'';display:block;position:absolute;left:50%;top:0;margin-left:-48px;width:96px;height:77px;background:url(/common/img/contents/ico-donation-member.png) no-repeat 0 0}
.donation-member-list li.green:before {background-position:0 0}
.donation-member-list li.silver:before {background-position:-116px 0}
.donation-member-list li.gold:before {background-position:-231px 0}

/* 희망자산나눔 */
.donation-find-group .tit-list {margin:30px 0 0 20px;font-weight:500;font-size:18px;line-height:18px;color:#252525}
.donation-find-group ~ .donation-find-group {border-top:1px solid #d4d4d4}
.donation-find-area {text-align:center}
.donation-find-list {display:inline-block;margin-top:22px}
.donation-find-list:after {content:"";display:block;clear:both}
.donation-find-list li {position:relative;float:left;width:130px;text-align:center}
.donation-find-list li ~ li {margin-left:30px}
.donation-find-list li:before {content:"";display:inline-block;vertical-align:middle;width:100px;height:100px;background:url(/common/img/contents/pictogram_a.png) no-repeat 0 0}
.donation-find-list li.n01:before {background-position:0 -200px}
.donation-find-list li.n02:before {background-position:-100px -200px}
.donation-find-list li.n03:before {background-position:-200px -200px}
.donation-find-list li.n04:before {background-position:-300px -200px}
.donation-find-list li.n05:before {background-position:-400px -200px}
.donation-find-list li.n06:before {background-position:0 -300px}
.donation-find-list li.n07:before {background-position:-100px -300px}
.donation-find-list li.n08:before {background-position:-200px -300px}
.donation-find-list li.n09:before {background-position:-300px -300px}
.donation-find-list li.n10:before {background-position:-400px -300px}
.donation-find-list li.n11:before {background-position:0 -400px}
.donation-find-list li.n12:before {background-position:-100px -400px}
.donation-find-list li.n13:before {background-position:-200px -400px}
.donation-find-list li.n14:before {background-position:-300px -400px}
.donation-find-list li.n15:before {background-position:-400px -400px}
.donation-find-list li.n16:before {background-position:0 -500px}
.donation-find-list li span {display:block;font-size:14px;line-height:14px;color:#252525}
.donation-find-list li .desc-text {margin-top:8px;font-size:12px;color:#787676}
.donation-find-group .donation-desc {margin-top:15px}

/* 사회공헌 현물기부 */
.donation-article.type4 {border-top:none}
.donation-article.type4 .donation-find-area {padding-bottom:70px;border-bottom:1px solid #d4d4d4}
.donation-article.type4 .donation-find-list li {width:176px}
.donation-article.type4 .donation-find-list li ~ li {margin-left:74px}
.donation-article.type4 .donation-find-list li {line-height:18px}
.donation-article.type4 .donation-find-list strong {display:block;margin-top:16px;font-weight:500;font-size:16px;color:#252525}
.donation-article.type4 .donation-find-list span {display:block;margin-top:16px;font-size:12px;color:#787676}
.donation-article.type4 .donation-desc {padding:24px 18px 0}
.dontation-desc-group {padding:0 18px 25px}
.donation-item {margin:7px 0 5px;font-size:14px;line-height:24px;color:#aaa}
.donation-item span {display:inline-block}
.donation-item span ~ span {margin-left:10px}
.donation-item span i {margin-right:4px;vertical-align:middle}
.donation-item span a {color:#aaa}
.donation-desc-txt {font-size:12px;line-height:24px;color:#787676}

/* 사회공헌 성금기부 */
.enterprise-box {margin-bottom:50px}
.enterprise-tit {position:relative;text-align:center}
.enterprise-tit:after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#d4d4d4}
.enterprise-tit span {z-index:10;position:relative;display:inline-block;padding:0 37px;background-color:#fff}
.enterprise-tit span strong {z-index:20;font-weight:500;font-size:18px;color:#252525;line-height:18px}
.enterprise-list {margin-top:38px}
.enterprise-list:after {content:'';display:block;clear:both}
.enterprise-list li {float:left;border:1px solid #e6e2df}
.enterprise-list li ~ li {margin-left:17px}
.enterprise-list li:nth-child(9n) {margin-left:0}
.enterprise-list li:nth-child(n+9) {margin-top:16px}

.donation-article-inner {padding:40px 0 30px 30px}
.donation-article-inner:after {content:'';display:block;clear:both}
.donation-article-img, .donation-article-inner .donation-desc-box {float:left}
.desc-box-txt {margin:12px 0 22px;color:#252525;font-weight:500;font-size:16px;line-height:24px}
.donation-article-inner .donation-desc {padding:0}
.donation-article-inner .donation-desc li {line-height:24px}
.donation-article-inner .donation-desc li:before {top:9px}
.donation-article-inner .donation-desc li p {color:#787676;font-size:12px}
.donation-article-inner .donation-desc li .btn-area-l {margin:12px 0 17px;font-size:0}
.donation-article-inner .donation-desc .btn-area-l button ~ button {margin-left:10px}
.donation-article-img {margin-right:50px}

.progress-area {display:table;padding:47px 20px 37px;width:100%;table-layout:fixed}
.progress-item {display:table-cell;text-align:center}
.progress-img {margin-bottom:20px}
.progress-tit {font-size:16px;font-weight:500;line-height:18px;color:#252525}
.progress-txt {margin-top:15px}
.progress-txt p {font-size:14px;color:#555}
.progress-txt span {display:block;margin-top:15px;font-size:12px;color:#787676}

/* 유산기부 */
.donation-article p.donation-desc {padding:24px 70px 23px 18px;font-size:14px;color:#555;font-weight:500}
.partici-use {padding:50px 100px;border-top:2px solid #121212;border-bottom:1px solid #aaa;text-align:center}
.partici-use .p_img{max-width:100%;min-height: 160px;background: url("/common/img/contents/public_i_step01.png") no-repeat; background-size:100% auto;}

.partici-list:after {content:'';display:block;clear:both}
.partici-list li {position:relative;float:left;font-size:16px;line-height:24px;color:#252525;font-weight:600}
.partici-list li ~ li {padding-left:70px;margin-left:35px}
.partici-list li ~ li:before {content:'';width:140px;height:140px;display:block;position:absolute;left:9px;top:50%;margin-top:-15px;width:30px;height:30px;background-image:url("/common/img/contents/legacy_arrow.png");background-repeat:no-repeat}
.partici-list li p {position:relative;width:140px;height:140px;border:1px solid #aba095;border-radius:50%}
.partici-list li p:before {content:'';display:block;position:absolute;left:50%;top:-17px;margin-left:-15px;width:30px;height:30px;line-height:30px;border-radius:50%;background-color:#cb0802;color:#fff;font-weight:600;font-size:12px;font-weight:600}
.partici-list li.list01 p:before {content:'01'}
.partici-list li.list02 p:before {content:'02'}
.partici-list li.list03 p:before {content:'03'}
.partici-list li.list04 p:before {content:'04'}
.partici-list li.list05 p:before {content:'05'}
.partici-list li.list06 p:before {content:'06'}
.partici-list li p span {display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;vertical-align:middle}
.partici-use .partici-txt {margin-top:45px;font-size:14px;color:#555}

.legacy-list {padding:40px 0}
.legacy-list li {display:table;width:100%;table-layout:fixed}
.legacy-list li:after {content:'';display:block;clear:both}
.legacy-list li ~ li {margin-top:40px}
.legacy-list li >div {display:table-cell;width:50%;vertical-align:top}
.legacy-list li >div:after {content:'';display:block;clear:both}
.legacy-list li .img {display:table-cell;width:150px;height:150px;vertical-align:middle}
.legacy-list li .img img {width:100%}
.legacy-list li dl {display:table-cell;width:calc(100% - 150px);padding:0 30px;vertical-align:middle}
.legacy-list li dt {font-size:16px;line-height:24px;color:#252525;font-weight:600}
.legacy-list li dd {margin-top:15px;font-size:14px;line-height:18px;color:#555;font-weight:500}

.type-search{width:100%;height:100%}
.type-search .ui-modal-wrap{position:absolute;top:50%;left:50%;margin:-170px 0 0 -355px;background:transparent;width:710px;height:280px;box-shadow:none}
.type-search .ui-modal-header{background:transparent;height:auto;text-align:center;font-size:14px;color:#fff;padding-bottom:20px}
.type-search .ui-modal-header .ui-modal-tit{width:100%;text-align:center;font-size:40px;font-weight:700}
.type-search .inp-base{height:64px;width:420px;border:2px solid #e8e8e8}
.type-search .ui-modal-footer{background:transparent;position:fixed;width:100px;top:60px;right:60px;left:unset;bottom:unset;height:100px;padding:0}
.type-search .ui-modal-cont{max-height:160px !important;padding:45px;overflow:hidden}
.type-search .btn-base-main{margin-left:15px}

.type-password {text-align:center}
.type-password .inner-wrap div {margin:0 auto; width:250px; line-height:32px}
.type-password .inner-wrap p {float:left; width:85px; margin-right:15px}
.type-password .inp-base {width:150px}
.type-password .btn-base-imp {margin-top:10px}

.type-password .ui-modal-footer {position:absolute; top:0; right:0; left:unset;bottom:unset; background:transparent}
.type-password .ui-modal-footer .btn-close {width:30px !important}

.type-search .ui-modal-cont{width:710px}
.modal-appl11_1 .ui-modal-cont{width:620px}
.modal-appl11_1 .col-th{width:180px}
.type-appl11_1 .fl-item-r,
.type-appl11_1 .fl-item-l{width:100%;margin-bottom:10px}

.ui-modal-footer{padding:15px}
.ui-modal-footer button{width:auto !important;margin:0 5px !important}

.ui-modal .btn-close{width:20px !important;height:20px;background:transparent url(/common/img/common/modal_close.png) no-repeat center/contain;border:0;top:5px;right:0}
.type-search .ui-modal-close{width:100px;height:100px;background:transparent url(/common/img/common/btn_close_l.png) no-repeat 0 0;border:0}

.box-base.type-search{width:100%;padding:45px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);margin-top:-80px;text-align:center}
.box-base.type-search .inp-base{height:64px;width:530px}
.box-base.type-search .inp-base::-webkit-input-placeholder {font-size:16px;color:#787676}
.box-base.type-search .inp-base::-moz-placeholder {font-size:16px;color:#787676}
.box-base.type-search .inp-base:-ms-input-placeholder {font-size:16px;color:#787676}
.box-base.type-search .inp-base:-moz-placeholder {font-size:16px;color:#787676}

.list-search{width:100%; margin-top:30px}
.list-search-h{width:100%;font-weight:500;margin-bottom:40px}
.list-search-h b{color:#cb0802}
.list-search > ul{width:100%;border-top:2px solid #121212}
.list-search > ul > li{width:100%;font-size:12px;border-bottom:1px solid #ccccc0}
.list-search-t{width:100%;display:block;font-size:16px;color:#121212;margin:0 0 10px;font-weight:500}
.list-search > ul > li a{display:block;width:100%;color:#121212;text-decoration:none;padding:25px}
.list-search > ul > li a:hover,
.list-search > ul > li a:focus{background:#fef2f2}
.list-search > ul > li a:hover .list-search-t,
.list-search > ul > li a:focus .list-search-t{color:#cb0802}
.breadcrumbs-txt{font-size:12px}
.breadcrumbs-txt span{display:inline-block;padding-right:10px;margin-right:5px;background:url(/common/img/contents/bd_arrow.png) no-repeat 100% 50%;margin-bottom:20px}
.breadcrumbs-txt span:last-child{background:none}

.list-search-none{width:100%;margin-top:80px}
.list-search-none strong{display:block;width:100%;text-align:center;padding:140px 0 100px;font-size:18px;color:#121212;background:url(/common/img/contents/search_none.png) no-repeat 50% 0}
.list-search-none strong b{color:#cb0802;font-weight:700}

.list-none-guide{width:900px;margin:0 auto;padding:20px;text-align:center;background:#fef2f2}
.list-none-guide li{font-size:12px;display:inline-block;width:auto;margin:0 10px}

.list-none-guide .bul-dot li:before,
.list-none-guide .bul-dot dd:before,
.list-none-guide p.bul-dot:before{width:2px;height:2px;top:8px}

.contact-wrap{width:100%;text-align:center}

.contact-wrap span{display:inline-block;margin:0 15px;font-size:14px;font-weight:500}
.contact-wrap .ico-tel{padding-left:20px;background:url(/common/img/contents/ico_tel.png) no-repeat 0 6px}
.contact-wrap .ico-email{padding-left:20px;background:url(/common/img/contents/ico_email.png) no-repeat 0 6px}

.class-info.type-b > .class-info-t{width:40px}
.class-info > span{display:inline-block;vertical-align:top ;height:30px;line-height:30px}
.class-info > .class-info-t{display:inline-block;width:80px;line-height:32px;margin-bottom:10px;font-size:12px;vertical-align:top}
.class-info-inline{display:inline-block;margin-left:10px;font-size:12px;padding-top:5px}
.class-info-inline dt,
.class-info-inline dd{display:inline-block;margin-right:5px;vertical-align:middle}
.class-info .txt-mark{padding-top:0;line-height:32px}

.tbl-calendar col{width:145px}
.tbl-calendar .wide-scroll{padding-bottom:0}
.type-appl03-t3 col.n1{width:90px}
.type-appl03-t3 col.n2{width:120px}
.type-appl03-t3 col.n3{width:230px}
.type-appl03-t3 col.n4{width:120px}
.type-appl03-t3 col.n5{width:160px}
.type-appl03-t3 col.n6{width:160px}
.type-appl03-t3 col.n7{width:100px}
.type-appl03-t3 col.n8{width:100px}
.type-appl03-t3 td b{color:#cb0802}

.type-appl08-t2{border-right:1px solid #d4d4d4;}
.type-appl08-t2 col.n1{width:auto}
.type-appl08-t2 col.n3{width:90px}
.type-appl08-t2 th,
.type-appl08-t2 td{font-size:12px;padding:19px 0;border-left:1px solid #d4d4d4;border-bottom:0;border-top:1px solid #d4d4d4;text-align:center;vertical-align:middle}
.type-appl08-t2 tbody th{background:#fefaf2}
.type-appl08-t2 tbody tr:last-child th,
.type-appl08-t2 tbody tr:last-child td{border-top:1px solid #d4d4d4}

.reserve-on{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#22ac38}
.reserve-off{display:inline-block;width:11px;height:11px;border-radius:50%;background:url(/common/img/common/ico_resoff.png) no-repeat 50% 50%}

.month-select{width:240px;margin:-50px auto 20px;text-align:center;position:relative;font-size:24px}
.month-select strong{display:block;width:100%;height:30px;line-height:28px;font-size:24px;color:#111;font-weight:700}
.month-select button{width:30px;height:30px;background:#eaeaea url(/common/img/common/btn_month.png) no-repeat 0 0;position:absolute;top:0}
.month-select .prev-base{background-position:0 0;left:0}
.month-select .next-base{background-position:-30px 0;right:0}
.type-appl08-t2-2 th,
.type-appl08-t2-2 td{font-size:12px}
.type-appl08-t2-2 col.n1{width:130px}
.type-appl08-t2-2 col.n2{width:100px}
.type-appl08-t2-2 col.n3{width:130px}
.type-appl08-t2-2 col.n4{width:130px}
.type-appl08-t2-2 col.n5{width:130px}
.type-appl08-t2-2 col.n6{width:360px}
.type-appl08-t2-2 col.n7{width:100px}

/* form */
.form-wrap {display:table}
.form-wrap.size-a {width:290px}
.form-wrap.size-b {width:344px}
.form-wrap.size-c {width:174px}
.form-wrap.size-d {width:450px}
.form-wrap.size-e {width:125px}
.form-wrap.size-f {width:205px}
.form-wrap .form-col {display:table-cell;vertical-align:top}
.form-wrap .form-col .inp-base {width:100%}
.form-wrap .form-col.form-data {width:180px}
.form-wrap .form-col.form-data.size-b {width:212px}
.form-wrap .form-col.form-data .inp-base {width:calc(100% - 32px)}
.form-wrap .form-col.form-data ~ .form-col {padding-left:12px}
.form-wrap .form-btn {width:1%;white-space:nowrap;padding-left:12px}
.form-wrap .form-txt {width:1%;white-space:nowrap;padding:0 5px;line-height:32px}
.form-wrap .form-col .ui-select {width:100%}

.class-info .class-contents,
.class-info .phone-area {display:inline-block;vertical-align:top}

.text-guide {padding-left:12px;margin-top:7px;text-indent:-12px;font-size:12px;line-height:18px;color:#555}
.text-guide ~ .text-guide {margin-top:2px}

.psw-wrap{width:100%;padding:30px 0 10px;text-align:center}
.psw-wrap p{width:100%;font-size:12px;margin-bottom:10px}

.date-picker-line {display:inline-block;margin:0 0 0 12px;font-size:12px;color:#555;line-height:33px}
/* 나눔 */
.split-info {margin-top:70px}
.block-600 {display:none}
.split-info .split-title {margin-bottom:45px;font-size:18px;color:#252525;line-height:24px;text-align:center}
.split-info .split-step {position:relative;padding-bottom:60px;text-align:center}
.split-info .split-step:after {content:'';display:block;position:absolute;left:50%;bottom:23px;width:26px;height:14px;margin-left:-13px;background:url("../img/contents/split_blt.png") no-repeat 0 0}
.split-info [class^="split-inner-"] {display:inline-block;min-width:570px;height:60px;line-height:60px;font-size:20px;font-weight:500;color:#fff;border-radius:30px}
.split-info .split-inner-1 {background-color:#ee1c23}
.split-info .split-inner-2 {background-color:#389469}
.split-info .split-step-subtit {position:relative;top:-2px;font-size:16px}
.split-info .split-step-subtit:after {content:':';padding:0 8px}
.split-info .split-list {text-align:center;font-size:0}
.split-info .split-list .split-item {width:320px;display:inline-block;height:219px;border:1px solid #e6e2df;vertical-align:top}
.split-info .split-list .split-item1 {width:320px;display:inline-block;border:0px;padding:60px}
.split-info .split-list .split-item2 {width:320px;display:inline-block;height:270px;border:1px solid #e6e2df;vertical-align:top}
.split-info .split-list .split-item .split-item-title {height:50px;line-height:50px;margin:-1px -1px 0;background-color:#a99176;color:#fff;font-size:18px}
.split-info .split-list .split-item ~ .split-item {margin-left:20px}
.split-info .split-list .split-item2 .split-item-title {height:50px;line-height:50px;margin:-1px -1px 0;background-color:#aba095;color:#fff;font-size:18px}
.split-info .split-list .split-item2 ~ .split-item {margin-left:20px}
.split-info .list-split {padding:25px 30px 0}
.split-info .list-split .list-split-item {position:relative;padding-left:10px;font-size:14px;line-height:24px;color:#555;text-align:left}
.split-info .list-split .list-split-item:before {content:'';width:4px;height:1px;position:absolute;left:0;top:12px;display:block;background-color:#555}

/* 캠프 */
.camp_info {border-top:2px solid #121212;border-bottom:1px solid #aaa;padding:35px 20px}
.camp_info.type-b {padding:30px 0}
.camp_info.type-b .gallery-list.col-2 {margin-bottom:-30px}
.camp_info .camp-info-tit {font-size:16px;color:#252525;line-height:24px;font-weight:500}
.camp_info .camp-info-tit ~ .camp-info-tit {margin-top:20px}
.camp_info .camp-info-txt {position:relative;padding-left:20px;font-size:14px;line-height:24px;color:#555;font-weight:500}
.camp_info .camp-info-txt:before {content:'';position:absolute;left:9px;top:10px;display:block;width:4px;height:4px;border-radius:50%;background-color:#555}
.camp_info .camp-info-txt2 {font-size:14px;color:#555;line-height:24px;font-weight:500}

.camp_info .list-history {margin-top:20px}
.camp_info .list-history .histoey-item {position:relative;padding-left:45px;line-height:22px;color:#555;font-size:14px}
.camp_info .list-history .histoey-item ~ .histoey-item {margin-top:8px}
.camp_info .list-history .histoey-item .histoey-year {position:absolute;left:0;top:0;line-height:22px;color:#252525;font-weight:500;font-size:16px}

/* 봉사단 */
.serve_info {border-top:2px solid #121212;border-bottom:1px solid #aaa;padding:80px 0;text-align:center}
.serve_info img {max-width:100%}
.title_wrap {position:relative}
.title_wrap .sort-area {position:absolute;right:0;top:0;margin:0}
.title_wrap .text_unit {position:absolute;right:0;top:3px;font-size:12px;color:#787676}

/* 착한가정 */
.donation-video-area {margin:80px auto 0}
.join-benefit-list {padding:40px 30px}
.join-benefit-list li {position:relative;font-size:14px}
.join-benefit-list li ~ li {margin-top:72px}
.text-benefit-group {display:inline-block;line-height:28px;color:#555}
.list-benefit-num {display:inline-block;margin-right:20px;padding:0 15px;min-width:90px;height:28px;background-color:#877364;border-radius:20px;color:#fff;text-align:center}
.text-benefit strong {color:#252525;font-weight:600}
.join-benefit-plate {margin:60px 0 0;text-align:center;font-size:0}
.join-benefit-plate img ~ img {margin-left:10px}
.join-benefit-plate span{font-size:14px;}
.join-benefit-list li .btn-base-bline {margin-left:30px;padding:7px 20px}

/* 착한가게 */
.join-benefit-box {padding:40px 30px;overflow:hidden}
.join-benefit-box:after {content:"";display:block;clear:both}
.benefit-img-box {float:left;margin-right:50px;font-size:0}
.benefit-img-box img{max-width:100%; padding:20px; box-sizing:border-box;}
.benefit-img-box .btn-area {display:block;margin:10px 0 0}
.benefit-img-box .btn-area button {display:block;width:100%}
.benefit-desc-box {margin-top:25px;overflow:hidden}
.benefit-desc-title {font-size:18px;font-weight:600;line-height:24px;color:#cb0802}
.benefit-desc-list {margin-top:45px}
.benefit-desc-list dt {margin-bottom:10px;color:#252525;font-weight:600;font-size:16px;line-height:24px}
.benefit-desc-list dd {font-size:14px;line-height:24px;color:#555}

/* 착한일터 */


/* 착한펫 */
.suprt-sub,
.suprt-sub button { font-family: 'Pretendard', sans-serif; color: #1F2937; }
.suprt-sub .contents-wrap { padding-top: 186px; padding-bottom: 150px; }
.suprt-sub .headline-wrap { position: relative; display: flex; justify-content: space-between; align-items: baseline; padding-top: 64px; padding-bottom: 44px; }
.suprt-sub .redball-sub-wrap { position: absolute; display: block; width: 100%; height: 100%; opacity: .8; z-index: -1; }
.suprt-sub .redball-sub { position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, #FA3333 0%, rgba(250, 51, 51, 0) 100%); opacity: .7; filter: blur(15px); }
.suprt-sub .redball-sub.redball-1 { width: 438px; height: 438px; left: -26%; top: 30%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.suprt-sub .redball-sub.redball-2 { width: 200px; height: 200px; right: 26%; top: -7%; }
.suprt-sub .redball-sub.redball-3 { width: 368px; height: 368px; right: -9%; top: -35%; }
.suprt-sub .border-text { position: relative; font-size: 82px; }
.suprt-sub .border-text .ovr { position: static; }

/* @keyframes redballRotate {
  0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
  100% { transform: rotate(360deg); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
} */

.suprt-sub .video-wrap { padding-top: 60px; padding-bottom: 100px; }
.suprt-sub .video-wrap > div { display: flex; justify-content: space-between; gap: 32px; }
.suprt-sub .video-wrap .video { position: relative; max-width: 994px; width: 100%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding-bottom: 42%; overflow: hidden; }
.suprt-sub .video-wrap .video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.suprt-sub .video-wrap .desc-area { max-width: 310px; width: 100%; padding: 60px 40px; background-color: #F3F4F6; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-size: 22px; line-height: 1.5; letter-spacing: -0.48px; }
.suprt-sub .sec02 { background-color: #F3F4F6; padding: 80px 0 120px; }
.suprt-sub section strong.tit { display: inline-block; font-size: 32px; font-weight: bold; line-height: 1; }
.suprt-sub .sec02 .benefit-list { margin-top: 102px; }
.suprt-sub .sec02 .benefit-list > li { position: relative; cursor: pointer; }
.suprt-sub .sec02 .benefit-list > li + li { margin-top: 102px; }
.suprt-sub .sec02 .benefit-list > li > button { max-width: 225px; width: 100%; height: 62px; position: absolute; top: -60px; left: 0; background-image: url(../img/contents/img_tab.png); background-repeat: no-repeat; background-size: contain; }
.suprt-sub .sec02 .benefit-list > li > button > span { font-size: 24px; font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-78%, -50%); -webkit-transform: translate(-78%, -50%); -moz-transform: translate(-78%, -50%); -ms-transform: translate(-78%, -50%); -o-transform: translate(-78%, -50%); }
.suprt-sub .sec02 .benefit-list > li .content-box { border: 2px solid #D4D4D4; background-color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top-right-radius: 30px; padding: 38px 82px; }
.suprt-sub .sec02 .benefit-list > li .content-box .tit { margin-bottom: 16px; }
.suprt-sub .sec02 .benefit-list > li .content-box span { display: block; font-size: 14px; font-weight: 500; line-height: 1.4; }
.suprt-sub .sec02 .benefit-list > li .content-box span:last-child { margin-bottom: 22px; }
.suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate { margin: 24px 0; }
.suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate.pet { display: flex;justify-content: space-between; gap: 16px; }
.suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate.pet li:first-child { max-width: 374px; width: 100%; }
.suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate > img { width: 100%; }
.suprt-sub .sec02 .benefit-list > li .content-box .content { display: none; }
.suprt-sub .sec02 .benefit-list > li.active > button { background-image: url(../img/contents/img_tab_active.png); }
.suprt-sub .sec02 .benefit-list > li.active > button > span { color: #D41616; }
.suprt-sub .sec02 .benefit-list > li.active .content-box { border: 2px solid #D41616; }
.suprt-sub .btn-area { margin-top: 60px; }
.suprt-sub .btn-area .btn-apply { width: 100%; height: 72px; line-height: 72px; background-color: #D41616; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; font-size: 28px; font-weight: 700; color: #fff; }
.suprt-sub .sec03 { position: relative; padding-top: 60px; }
.suprt-sub .sec03 strong.tit { margin-bottom: 40px; }
.suprt-sub .sec03 > div { display: flex; justify-content: space-between; gap: 32px; }
.suprt-sub .sec03 > div > .flex-box { position: relative; max-width: 652px; width: 50%; overflow: hidden; }
.suprt-sub .sec03 .donation-list li.slick-slide { border: 1px solid #D4D4D4; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; overflow: hidden; }
.suprt-sub .sec03 .donation-list li .image-area { width: 100%; height: 335px; }
.suprt-sub .sec03 .donation-list li .image-area > img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; }
.suprt-sub .sec03 .donation-list li .desc-area { height: 184px; padding: 53px 82px; background-color: #fff; }
.suprt-sub .sec03 .donation-list li .desc-area p { font-size: 24px; font-weight: 700; line-height: 1.5; color: #1F2937; text-align: left; }
.suprt-sub .sec03 .donation-list .slick-dots { width: auto; top: -70px; bottom: unset; right: 20px; }
.suprt-sub .sec03 .donation-list .slick-dots li { width: 16px; height: 16px; background-color: #DBDBDB; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.suprt-sub .sec03 .donation-list .slick-dots li.slick-active { background-color: #D41616; }
.suprt-sub .sec03 .donation-list .slick-dots li > button::before { content: ""; }
.suprt-sub .sec03  .controller-wrap { display: none; position: absolute; top: -4px; right: 0; width: 18px; height: 18px; }
.suprt-sub .sec03  .controller-wrap > button { width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; }
.suprt-sub .sec03  .controller-wrap > .btn-pause { background-image: url(../img/share/icon_pause.svg); }
.suprt-sub .sec03  .controller-wrap > .btn-play { display: none; background-image: url(../img/share/icon_play.svg); }
.suprt-sub .sec03 .manager-wrap .btn-counsel { max-width: 196px; width: 100%; height: 50px; line-height: 46px; border: 2px solid #D41616; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; font-size: 20px; font-weight: 600; color: #D41616; position: absolute; top: 0; right: 0; transition: all.25s; -webkit-transition: all.25s; -moz-transition: all.25s; -ms-transition: all.25s; -o-transition: all.25s; -webkit-transition:; }
.suprt-sub .sec03 .manager-wrap .donation-article.type3 { width: 100%; height: 520px; overflow-y: auto; }
.suprt-sub .sec03 .manager-wrap .table-wrap { max-width: 634px; width: 100%; border: 1px solid #E5E7EB; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-tr { display: flex; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-tr + .table-tr { border-top: 1px solid #E5E7EB; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-th { padding: 18px 24px; background-color: #F3F4F6; width: 42%;; font-size: 16px; font-weight: 700; border-right: 1px solid #E5E7EB; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td { max-width: 438px; width: 100%; display: flex; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td > div { position: relative; padding: 16px 25px 16px 32px; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td .call { max-width: 190px; width: 100%; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td .mail { max-width: 248px; width: 100%; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td a { color: #1F2937; font-size: 14px; padding-left: 34px; word-break: break-all; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td .call::before,
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td .mail::before { content: ""; display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; position: absolute; left: 32px; }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td .call::before { background-image: url(../img/contents/icon_call.svg); }
.suprt-sub .sec03 .manager-wrap .table-wrap .table-td .mail::before { background-image: url(../img/contents/icon_mail.svg); }
.donation-article.type3::-webkit-scrollbar { width: 9px; background-color: transparent; }
.donation-article.type3::-webkit-scrollbar-thumb { background-color: #6B7280; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; }
.donation-article.type3::-webkit-scrollbar-track { background-color: #EBEFF3;  }

/* popup */
.form-popup-wrap { max-height: 935px; height: calc(100vh - 12%); font-family: 'Pretendard', sans-serif; color: #1F2937; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 880px; width: 95%; background-color: #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.form-popup { position: relative; height: 100%; overflow: hidden; overflow-y: auto; }
.form-popup > .popup-inner { max-width: 700px; width: 100%; padding-left: 24px; padding-right: 24px; padding-top: 60px; padding-bottom: 60px; margin-left: auto; margin-right: auto; }
.form-popup .tit { display: block; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 8px; line-height: 1.2; }
.form-popup .tit + p { font-size: 14px; text-align: center; line-height: 1.2; }
.form-popup .contents { margin-top: 48px; }
.form-popup .contents > div { margin-bottom: 24px; }
.form-popup label { display: block; font-size: 16px; font-weight: 700; margin-bottom: 12px; cursor: auto; line-height: 1.2; color: #1F2937; }
.form-popup .form-box { position: relative; }
.form-popup .form-box .select-btn { width: 100%; height: 44px; line-height: 44px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border: 1px solid #D4D4D4; background: url('/common/mainRenewal2023/images/icon_arrow_down_b.svg') no-repeat  right 17px center/11px; font-size: 16px; padding: 0 24px; background-color: #fff; text-align: left; color: #6B7280; }
.form-popup .form-box select.off { position: absolute; width: 100%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; z-index: -1; }
.form-popup .form-box select.off:focus + button { border: 2ㅇpx solid #000; }
/* .form-popup .ui-select-btn { width: 100%; height: 44px; border: 1px solid #D4D4D4; border-radius: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-size: 16px; padding: 13px 24px 12px; background: url('/common/mainRenewal2023/images/icon_arrow_down_b.svg') no-repeat  right 17px center/11px; } */
.form-popup .form-box .bnf-list-wrap { position:absolute; top: 82px; border: 1px solid #eee; border-radius: 5px; width:100%; height: 25vh; z-index: 9; background:#fff; display:none; padding-left: 0; }
.form-popup .form-box .bnf-list-wrap.active { display: block; }
.form-popup .form-box .bnf-list { overflow-y: auto; height: 100%; box-shadow: 5px 5px 5px rgb(0 0 0 / 20%); }
.form-popup .form-box .bnf-list > li:not(:last-child) { border-bottom: 1px solid #eee; }
.form-popup .form-box .bnf-list > li > button { position:relative; color:#888; font-size:14px; padding:10px 10px; display:block; width: 100%; text-align: left; }
.form-popup .form-box .bnf-list > li > button.active { color: #e21f20; background-color: #f0f0f0; }
.form-popup .form-box .bnf-list > li > button:hover{color: #e21f20; background-color: #f0f0f0;}
/* .form-popup .ui-select-wrap.bottom { top: 80px; } */
/* .form-popup .ui-select-btn::after { display: none; } */
.form-popup .cell-wrap { display: flex; justify-content: space-between; gap: 32px; margin-bottom: 12px; }
.form-popup .cell-box > span { position: relative; display: inline-block; max-width: 150px; width: 100%; }
.form-popup .cell-box > span + span { margin-left: 40px; }
.form-popup .cell-box > span + span::after { content: ""; display: block; width: 14px; height: 1px; background-color: #D4D4D4; position: absolute; top: 50%; left: -29px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.form-popup .cell-wrap ~ p { font-size: 14px; margin-top: 4px; color: #6B7280; line-height: 1.2; }
.form-popup input[readonly='readonly'], .form-popup input[readonly] { width: 100%; padding: 12px 24px; height: 44px; font-size: 16px; background-color: #F3F4F6; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-color: #D4D4D4 !important; }
.form-popup .btn-cert { width: 82px; height: 44px; line-height: 44px; font-size: 14px; font-weight: 600; color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background-color: #D41616; text-align: center; }
.form-popup .half-wrap { display: flex; justify-content: space-between; align-items: flex-end; }
.form-popup .half-wrap > .half { max-width: 310px; width: 100%; }
.form-popup .half-wrap > .half textarea { width: 100%; border: 1px solid #D41616; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; height: 254px; font-size: 14px; color: #1F2937; padding: 17px 20px; resize: none; }
.form-popup .agree-table { color: #6B7280; }
.form-popup .agree-table table { border: 1px solid #D4D4D4; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.form-popup .agree-table tbody th { background-color: #F3F4F6; border-right: 1px solid #D4D4D4; font-size: 14px; font-weight: 700; padding: 13px 17px; text-align: left; line-height: 1.2; }
.form-popup .agree-table tbody td { font-size: 14px; padding: 13px 16px; text-align: left; line-height: 1.2; }
.form-popup .agree-table tbody tr + tr th,
.form-popup .agree-table tbody tr + tr td { border-top: 1px solid #D4D4D4; }
.form-popup .agree-table tbody tr:first-child th { border-top-left-radius: 8px; }
.form-popup .agree-table tbody tr:last-child th { border-bottom-left-radius: 8px; }
.form-popup .agree-table > p { font-size: 12px; line-height: 1.2; margin-top: 12px; }
.form-popup .checkbox label:before { width: 16px; height: 16px; top: 2px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.form-popup .checkbox input[type='checkbox']:checked + label:after { top: 54%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.form-popup .checkbox input[type='checkbox']:checked + label:before { background-color: #D41616; border: 1px solid #D41616; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.form-popup .checkbox input:focus + label span:before,
.form-popup .radio input:focus + label span:before,
.form-popup .checkbox label:hover span:before,
.form-popup .radio label:hover span:before { background-color: transparent; }
.form-popup .checkbox input:checked:focus + label span:before,
.form-popup .radio input:checked:focus + label span:before,
.form-popup .checkbox input:checked + label:hover span:before,
.form-popup .radio input:checked + label:hover span:before { background-color: transparent; }
.form-popup .btn-area { margin-top: 29px; }
.form-popup .btn-form-apply { max-width: 196px; width: 100%; height: 49px; line-height: 49px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background-color: #D41616; color: #fff; font-size: 16px; font-weight: 600; text-align: center; }
.form-popup .btn-form-close { width: 33px; height: 33px; position: absolute; top: 33px; right: 33px; z-index: 2; border: 1px solid #D4D4D4; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.form-popup .btn-form-close > span { display: block; width: 14px; height: 2px; background-color: #6B7280; border-radius: 50px; -webkit-border-radius: 50px; position: absolute; left: 50%; top: 50%; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.form-popup .btn-form-close > span:first-child { transform: rotate(45deg) translate(-6px, 4px); -webkit-transform: rotate(45deg) translate(-6px, 4px); -moz-transform: rotate(45deg) translate(-6px, 4px); -ms-transform: rotate(45deg) translate(-6px, 4px); -o-transform: rotate(45deg) translate(-6px, 4px); }
.form-popup .btn-form-close > span:last-child { transform: rotate(-45deg) translate(-4px, -6px); -webkit-transform: rotate(-45deg) translate(-4px, -6px); -moz-transform: rotate(-45deg) translate(-4px, -6px); -ms-transform: rotate(-45deg) translate(-4px, -6px); -o-transform: rotate(-45deg) translate(-4px, -6px); }

@media all and (max-width: 1024px){
  .suprt-sub .contents-wrap { padding-top: 116px; padding-bottom: 80px; }
  .suprt-sub .headline-wrap { padding-top: 80px; padding-bottom: 80px; flex-direction: column; gap: 50px; }
  .suprt-sub .headline-wrap .image-area { max-width: 324px; min-width: 171px; width: 50%; margin: 0 0 0 auto; }
  .suprt-sub .redball-sub.redball-1 { width: 226px; height: 226px; left: -40px; top: 43%; }
  .suprt-sub .redball-sub.redball-2 { width: 103px; height: 103px; right: 60%; top: -3%; }
  .suprt-sub .redball-sub.redball-3 { width: 190px; height: 190px; right: 0%; top: -100px; }

  .suprt-sub .video-wrap { padding: 0 0 60px 0; }
  .suprt-sub .video-wrap > div { flex-direction: column; gap: 24px; }
  .suprt-sub .video-wrap .video { border-radius: 15px; padding-bottom: 56%; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
  .suprt-sub .video-wrap .desc-area { max-width: 100%; padding: 32px 24px 60px; font-size: 20px; }
  .suprt-sub .sec02 { padding: 60px 0; }
  .suprt-sub section strong.tit { font-size: 24px; }
  .suprt-sub .sec02 .benefit-list { margin-top: 73px; }
  .suprt-sub .sec02 .benefit-list > li + li { margin-top: 65px; }
  .suprt-sub .sec02 .benefit-list > li > button { max-width: 115px; height: 41px; top: -40px; background-image: url(../img/contents/img_tab_mo.png); }
  .suprt-sub .sec02 .benefit-list > li > button > span { font-size: 18px; transform: translate(-73%, -50%); -webkit-transform: translate(-73%, -50%); -moz-transform: translate(-73%, -50%); -ms-transform: translate(-73%, -50%); -o-transform: translate(-73%, -50%); }
  .suprt-sub .sec02 .benefit-list > li .content-box { padding: 32px 24px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; border: 1px solid #D4D4D4; }
  .suprt-sub .sec02 .benefit-list > li.active .content-box { border: 1px solid #D41616; }
  .suprt-sub .sec02 .benefit-list > li.active > button { background-image: url(../img/contents/img_tab_mo_active.png); }
  .suprt-sub .sec02 .benefit-list > li .content-box .tit { margin-bottom: 8px; line-height: 1.2; }
  .suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate { margin-bottom: 14px 0 24px; }
  .suprt-sub .sec02 .benefit-list > li .content-box span:last-child { margin-bottom: 10px; }
  .suprt-sub .btn-area { margin-top: 40px; }
  .suprt-sub .btn-area .btn-apply { height: 54px; line-height: 54px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 20px; }
  .suprt-sub .sec03 > div { flex-direction: column; gap: 80px; }
  .suprt-sub .sec03 > div > .flex-box { max-width: 100%; width: 100%; }
  .suprt-sub .sec03 .donation-list li .image-area { height: auto; }
  .suprt-sub .sec03 .donation-list li .desc-area { height: auto; padding: 26px 24px; }
  .suprt-sub .sec03 .donation-list li .desc-area p { font-size: 18px; }
  .suprt-sub .sec03 .donation-list .slick-dots { top: unset; bottom: -30px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); }
  .suprt-sub .sec03 .manager-wrap .btn-counsel { position: static; max-width: 145px; height: 40px; line-height: 36px; font-size: 16px; display: flex; align-items: center; justify-content: center; margin: 38px auto 0; }
  .suprt-sub .sec03 .manager-wrap .table-wrap { max-width: calc(100% - 5px); }
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-td { max-width: 100%; flex-direction: column; }
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-th { width: 54%; padding: 34px 12px; }
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-td > div { padding: 12px; }
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-td .mail { border-top: 1px solid #E5E7EB; }
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-td .call::before,
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-td .mail::before { width: 20px; height: 20px; left: 12px; top: 15px; }
  .suprt-sub .sec03 .manager-wrap .table-wrap .table-td a { padding-left: 24px; }

  .suprt-sub .sec03 .manager-wrap .table-wrap { max-width: 100%; }
  .suprt-sub .sec03 .manager-wrap .donation-article.type3 { height: auto; }
}

@media all and (max-width: 768px){
  .suprt-sub .redball-sub.redball-1 { left: -10%; top: 37%; }
  .suprt-sub .redball-sub.redball-2 { right: 66%; top: -6%; }
  .suprt-sub .redball-sub.redball-3 { right: -15%; top: -20%; }
  .suprt-sub .border-text { font-size: 54px; }

  .suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate.pet { flex-direction: column; }
  .suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate.pet li:first-child { max-width: 100%; }
  .suprt-sub .sec02 .benefit-list > li .content-box .benefit-plate.pet li > img { width: 100%; }

  /* popup */
  .form-popup > .popup-inner { padding-top: 40px; }
  .form-popup .tit { font-size: 20px; }
  .form-popup .contents { margin-top: 32px; }
  .form-popup .contents > div { margin-bottom: 16px; }
  .form-popup label { margin-bottom: 8px; }
  .form-popup .form-box select { background-position: right 14px center; }
  /* .form-popup .ui-select-btn { font-size: 14px; padding: 13px 20px 14px; } */
  .form-popup .cell-wrap { flex-direction: column; gap: 9px; }
  .form-popup .cell-box { display: flex; align-items: center; }
  .form-popup .cell-box > span { max-width: 100%; }
  .form-popup .cell-box > span + span { margin-left: 18px; }
  .form-popup .cell-box > span + span::after { width: 6px; left: -12px; }
  .form-popup .btn-cert { width: 100%; }
  .form-popup .half-wrap { flex-direction: column; }
  .form-popup .half-wrap > .half { max-width: 100%; }
  .form-popup .half-wrap > .half + .half { margin-top: 21px; }
  .form-popup .half-wrap > .half textarea { height: 100px; }
  .form-popup .checkbox label { font-size: 14px; padding-left: 24px; }
  .form-popup .checkbox input[type='checkbox']:checked + label:after { top: 58%; }
  .form-popup .agree-table > p { margin-top: 8px; }
  .form-popup .btn-area { margin-top: 24px; }
  .form-popup .btn-form-apply { max-width: 100%; height: 43px; line-height: 43px; }
  .form-popup .btn-form-close { width: 24px; height: 24px; top: 16px; right: 16px; }
}

@media all and (max-width: 414px){
  .suprt-sub .redball-sub.redball-1 { left: -17%; top: 40%; }
  .suprt-sub .redball-sub.redball-2 { right: 24%; }
  .suprt-sub .redball-sub.redball-3 { right: -38%; }
}

@media all and (min-width: 1024px){
  .suprt-sub .sec03 .manager-wrap .btn-counsel:hover { background-color: #D41616; color: #fff; }
}

/*기부금 세액공제 안내*/
.ui-acco-pnl .b {font-weight:600}
.ui-acco-pnl .c {text-align:center}
.ui-acco-pnl .yellow {color:#916a01}
.ui-acco-pnl .ex {padding:25px 0;border-top:1px solid #000000;border-bottom:1px solid #cccccc}
.ui-acco-pnl .bg_white {padding:5px 0 5px 5px ;background-color:#ffffff}
.ui-acco-pnl .step_title {font-size:1.1em}
.ui-acco-pnl > table {width:100%;margin-top:10px}
.ui-acco-pnl > table > th {padding:5px 0;background-color:#bd8e00;color:#ffffff;border-right:2px solid #ffffff;font-weight:400}
.ui-acco-pnl > table > td {padding:5px 0;background-color:#fff8e3;border-top:2px solid #ffffff;border-right:2px solid #ffffff}
.ui-acco-pnl > table > tr > th:last-child,
.ui-acco-pnl > table > tr > td:last-child {border-right:none}
.ui-acco-pnl > table > tbody > th {border-top:2px solid #ffffff}

/* funding */
.funding-area {padding-top:35px; border-top:2px solid #121212; border-bottom:1px solid #aaa}
.list-funding {margin-top:15px}
.sort-tab ~ .list-funding {margin-top:45px}
.list-funding:after {content:'';display:block;clear:both}
.list-funding .funding-item {float:left;width:30.55555555556%;margin-right:4.1%;margin-bottom:45px}
.list-funding .funding-item .link-funding {display:block}
.list-funding .funding-item .funding-img img {width:100%;vertical-align:top}
.list-funding .funding-item:nth-child(3n){margin-right:0}
.list-funding .funding-item:nth-child(3n+1) {clear:left}
.funding-item .funding-info {margin-top:17px}
.funding-item .funding-info .funding-title {font-size:18px;line-height:26px;color:#252525;font-weight:500;min-height:52px}

.funding-item .donate-point{width:100%;overflow:hidden}
.funding-item .donate-point > .percent{float:right;height:auto !important;text-align:right;color:#cf1706 !important;font-size:20px;font-weight:900 !important}
.funding-item .donate-point .bar-wrap{width:100%;background:#f2f2f2;height:4px;overflow:hidden;border-radius:2px}
.funding-item .donate-point .bar-wrap .bar{background:#cb0802;height:4px;float:left;border-radius:2px}
.funding-item .donate-point .fl-wrap{font-size:12px;color:#787676;margin:5px 0}
.funding-item .donate-point .fl-wrap b {color:#252525;font-weight:500}

.end-funding-area {border-top:2px solid #121212; font-family:Noto Sans KR; font-weight:500}
.end-funding-area .ui-acco.type-qna {border-top:1px solid #aaa}
.end-funding-area .ui-acco.type-qna .ui-acco-btn {padding-left:20px;font-weight:500;color:#555}
.end-funding-area .ui-acco.type-qna .ui-acco-btn:before {display:none}

.end-funding-area .funding-title {height:324px; text-align:center; background:center}
.end-funding-area .funding-title img {margin:80px 0 30px}
.end-funding-area .funding-title p {font-size:24px; line-height:0.5; letter-spacing:-0.7px; color:#555555}

.end-funding-area .btn-area [class*="btn-base"] {min-width:176px;padding:0 20px;margin:0}
.end-funding-area .btn-area .btn-col {position:relative;display:inline-block;text-align:center}
.end-funding-area .btn-area .btn-col  {margin:0 5px; height:70px}
.end-funding-area .btn-area .btn-col .text-data {position:absolute; bottom:0px; left:0; min-width:176px; display:block;font-size:12px;margin-top:4px;color:#787676;font-weight:500}
.end-funding-area .btn-area .btn-col .text-data em {color:#555}
.end-funding-area .btn-area [class*="btn-base"]:disabled {background-color:#787676 !important;border-color:#787676 !important;cursor:default}


.funding-infobox .text-funding-title {font-size:22px; letter-spacing:-0.6px; color:#383737}
.funding-infobox img {width:100%; margin-bottom:18px}
.funding-infobox .text-funding {margin:13px 0 50px;font-size:16px;line-height:1.8;color:#767676;font-weight:500}
.funding-infobox .text-funding:last-child {margin:13px 0 22px}
.funding-infobox .text-funding-end {font-size:20px; letter-spacing:-0.55px; color:#555555}
.funding-infobox .text-funding-end span {display:block;  margin-top:30px; font-size:16px; font-weight:300; letter-spacing:-0.5px; color:#aaaaaa}

.end-funding-area .funding-data {display:table;table-layout:fixed;width:100%;padding:20px 30px;border-top:1px solid #d4d4d4;border-bottom:1px dashed #d4d4d4}
.funding-data .funding-data-col {display:table-cell;vertical-align:middle}
.funding-data .funding-data-col.funding-data-day {width:170px;white-space:nowrap;text-align:center}
.funding-data .funding-data-name {position:relative;padding:15px 0 17px 85px}
.funding-data .funding-data-name .funding-logo {position:absolute;left:0;top:50%;width:70px;height:70px;margin-top:-35px}
.funding-data .funding-data-name .funding-logo img {width:100%;vertical-align:top}
.funding-data .funding-data-total {text-align:right}
.funding-data .text-small {font-size:12px;color:#787676}
.funding-data .text-small em {color:#555;font-weight:500}
.funding-data .text-normal {margin-top:2px;font-size:16px;font-weight:500;color:#252525}
.funding-data .text-normal em {margin:0 5px;font-size:24px;color:#cb0802;font-weight:600}
.end-funding-area ~ .donation-guide {margin-top:0}

.sns-modal-wrap{position:relative;width:280px;height:200px;padding:34px 40px 40px;background:#fff;border:1px solid #aaa;margin-bottom:20px}
.sns-wrap{padding:30px 0 0}
.sns-modal-wrap:after{content:"";position:absolute;display:block;width:18px;height:16px;bottom:-16px;left:50%;margin-left:-9px;background:url(/common/img/contents/modal_arrow.png) no-repeat 0 0}
.sns-modal-wrap a{display:inline-block;margin:0 8px}
.sns-modal-tit{width:100%;text-align:left;border-bottom:2px solid #000;padding-bottom:15px}
.sns-modal-tit h1{font-size:18px;font-weight:600;color:#000}
.sns-modal-wrap .btn-close{position:absolute;width:30px;height:30px;background:transparent url(/common/img/common/modal_close.png) no-repeat 0 0;border:0;top:31px;right:34px}

.reply-list{margin-top:30px}
.reply-item{width:100%;position:relative;padding:10px 0 5px 40px;margin-top:10px}
.reply-item:before{content:"";display:block;position:absolute;top:5px;left:-3px;width:34px;height:34px;background:url(/common/img/contents/ico_lovebean.png) no-repeat 0 0}
.reply-item-n{width:100%;position:relative; margin:16px 6px 6px 6px;}
.reply-item-n:before{content:"";display:block;position:absolute;width:18px; height:18px; background-size: 18px;  background-image:url(/common/img/contents/ico_lovebean.png)}
.reply-name b{font-size:16px;color:#252525;display:inline-block;margin-right:10px}
.reply-name span{font-size:12px;color:#787676}
.reply-text{width:100%;padding:20px;background-color:#f2f7fe;border-radius:6px;color:#555;font-size:14px;margin:10px 0}
.reply-text.radi{border-radius: 16px; border:1px solid #b3b3b3;}
.reply-btn button{font-size:12px;color:#787676;vertical-align:middle}
.reply-btn span{display:inline-block;margin:0 5px;font-size:8px;vertical-align:middle}
.reply-btn .btn-del{padding-right:14px;background:url(/common/img/contents/replay_del.png) no-repeat 100% 50%}

.reply-wrap.type-write{border-top:2px solid #121212;border-bottom:1px solid #aaa;padding-bottom:10px}
.reply-wrap .donation-guide-txt{margin:15px 6px; color: #999;}
.reply-text textarea{border:0;background-color:transparent;padding:0}
.reply-name label{font-size:12px;display:inline-block;vertical-align:middle; padding-left:0px !important}
.reply-name .inp-base{vertical-align:middle;margin:0 20px 0 5px}

.camp-ico1{width:220px;height:170px;background:url(/common/img/contents/ico_cmp.png) no-repeat -180px 0;margin:0 auto;margin:0 60px}
.camp-ico2{width:250px;height:170px;background:url(/common/img/contents/ico_cmp.png) no-repeat -400px 0;margin:0 auto;margin:0 60px}
.donation-article .in-item {font-size:14px;text-align:center}

.dl-list{padding:20px}
.dl-list dt{width:100%;font-size:16px;color:#252525;font-weight:500;margin-bottom:5px}
.dl-list dd{width:100%;font-size:14px;color:#555;font-weight:400;margin-bottom:20px}

.camp10 .donation-article{border-bottom:1px solid #aaa}
.lovetemp{width:100%;padding:30px 60px}
.lovetemp [class*='camp-ico'] {display:inline-block;margin-right:80px;vertical-align:middle;background:url(/common/img/contents/ico_cmp.png) no-repeat 0 0;background-size:680px 764px}
.lovetemp .camp-ico {width:232px;height:262px;background-position:0 -504px}
.lovetemp .camp-ico3 {width:180px;height:320px;background-position:0 -180px}
.lovetemp .camp-ico4 {width:182px;height:262px;background-position: -220px -504px;}
.lovetemp dl{display:inline-block;vertical-align:middle}
.lovetemp dl dd{font-size:14px;color:#555}

.campaign-slogon dt {font-weight:500;font-size:16px;color:#252525}
.campaign-slogon dd ~ dt {margin-top:20px}

.lovetemp-desc {position:relative;padding:30px 40px;width:600px;background:#fef2f2;border-radius:10px}
.lovetemp-desc dt{width:200px;height:40px;background:url(/common/img/contents/ico_cmp.png) no-repeat -180px -180px}
.lovetemp-desc dt:after{content:"";display:block;position:absolute;top:50%;left:-60px;width:60px;height:40px;background:url(/common/img/contents/ico_cmp.png) no-repeat -400px -180px}
.lovetemp-desc dd {margin-top:10px}

.camp-s2.donation-article.type2{border-bottom:0}
.camp-s2 p{padding:20px;font-size:14px}
.camp-s2 .col-th{width:120px}
.camp-s2 .tb-type_b table{border-top:1px solid #d4d4d4}
.camp-s2 .tb-type_b tbody tr:hover th{background-color:#f5f5f5}
.camp-s2 .tb-type_b tbody tr:hover td{background-color:#fff}
.camp-s2 .tb-type_b tbody tr th{font-size:16px;vertical-align:top;padding:40px 0}
.camp-s2 .tb-type_b tbody tr td{text-align:left;padding:30px}

.list-love{overflow:hidden}
.list-love li{float:left;width:300px;margin-bottom:40px}
.list-love li::before{content:"";display:block;float:left;width:100px;height:100px;background:url(/common/img/contents/ico_cmp.png) no-repeat -180px -220px;background-size:680px 768px}
.list-love li:nth-child(4){clear:both}
.list-love li:nth-child(7){clear:both}
.list-love li dl{float:left;width:140px;margin-left:25px}

.list-love li dt{height:44px;font-size:16px;font-weight:600;color:#252525;padding-top:10px}

.list-love li.n1:before{background-position:-180px -220px}
.list-love li.n2:before{background-position:-280px -220px}
.list-love li.n3:before{background-position:-380px -220px}
.list-love li.n4:before{background-position:-480px -220px}
.list-love li.n5:before{background-position:-580px -220px}
.list-love li.n6:before{background-position:-180px -320px}
.list-love li.n7:before{background-position:-280px -320px}
.list-love li.n8:before{background-position:-380px -320px}
.list-love li.n9:before{background-position:-480px -320px}
.list-love li.n10:before{background-position:-580px -320px}
.list-love li.n11:before{background-position:-180px -420px;}
.list-love li.n12:before{background-position:-270px -420px;}

.list-love li.n7,
.list-love li.n8,
.list-love li.n9,
.list-love li.n10{margin-bottom:0}



             /*funding_추가(200305) hsy*/
            .funding--section{position: relative; max-width: 700px; margin:0 auto; box-sizing:border-box}
            .funding--section p{line-height: 1.8em;}
            .funding--section .Blod{font-weight:600;}
            .funding--title{ max-width:60%; padding-top:40px; margin:0 auto; text-align: center;line-height: 1.8;}
            .funding--title p{color:#000; padding-top:25px;}

            [class^="funding-Eicon-"] {position: relative;margin-bottom:5px; margin-right:3px; vertical-align: middle;display:inline-block;background-image:url("/common/img/contents/funding_icon.png"); background-repeat:no-repeat; font-size:0; background-position-y:0}
            .funding-Eicon-1 { width:24px;height:24px;background-position-x:0;}
            .funding-Eicon-2 {width: 24px; height: 24px; background-position: 0px -24px;}
            .funding-Eicon-3 {width: 24px; height: 24px; background-position: 0px -48px;}

            .funding--section ul li{padding-top:40px; font-weight: 400; font-size:1.2em;}
            .funding--section .text_space {padding-bottom: 16px;}
            .funding--section .text_b {font-weight: 500;color: black;}
            .funding--section ul li.funding-text{ max-width:90%; margin:0 auto; text-align: center;  font-size:1.2em;line-height: 1.8;}
            .funding--section ul li.funding-text strong{font-weight:600;}
            .funding--section ul li.funding-text p{padding-top:25px; font-size: 12px;}
            .funding--section ul li:last-child{padding-bottom: 40px;}
            .funding--section ul li img{width:100%;}


            .funding--section ul .Camp__center {text-align: center;}
            .funding--section ul .Camp__center p {font-size: 16px;}
            .funding--section ul .Camp__center img {max-width: 600px;}

            .funding--section ul .Camp_d_center {display: flex;flex-direction: row;max-width: 100%;}
            .funding--section ul .Camp_d_center img {width: 50%;box-sizing: border-box;border-left: 3px solid white;}

            .funding--section .news{ font-size: 16px;}
            .funding--section .news ul{padding:0px; margin:0px;}
            .funding--section .news li:first-child{padding:10px 0; margin:0px;border-bottom: none; color:#000}
            .funding--section .news li:last-child{padding:10px 0;}
            .funding--section .news li{padding:10px 0;border-bottom: 1px dashed gray; color:#cb0802;}
            .funding--section .news li a{color:#cb0802;}

            .funding--section .Camp_H_t{text-decoration: none; padding:0;}
            .funding--section .Camp_H_t li{display:inline-block; max-width: 49%;}
            .funding--section .Camp_H_t li p{text-align: center; font-size: 18px;}



            .coolkit__tip__box {border: 1px solid lightgrey;}
            .coolkit__tip__box li:first-child {border-bottom: 1px solid lightgrey;font-weight: 600;color: #cb0802;}
            .coolkit__tip__box li {font-size: 16px !important;padding: 10px !important;margin: 0;}


            /* funding_참여방법(2006hsy) */

            .funding__top {background-image: url('/common/img/contents/funding_Bg.png');background-repeat: no-repeat;background-position: top right;padding-right: 32%; padding-left: 2%;padding-top: 50px;background-size: contain;color: #666666;}
            .funding__top h1 {font-size: 32px;font-weight: 600;}
            .funding__top h2 {font-size: 20px;line-height: 42px;padding-top: 20px;}
            .funding__top--steps {line-height: 32px;padding-top: 20px;}
            .funding__steps .funding--titles {padding: 38px 0px 12px 0px;padding-left: 2%;}
            .funding__steps .funding--titles div {display: block;}
            .funding__steps .funding--titles span {background-color: #f66735;padding: 10px 16px;font-size: 18px;font-weight: 600;color: white;text-shadow: #7F5E19 1px 0 10px;}
            .funding__steps .funding--Simg {max-width: 100%;text-align: center;display: block;}
            .funding__steps .funding--Simg img {width: 70%;padding-top: 24px;}
            .funding__steps .funding--steps {line-height: 32px;padding-top: 20px;padding-left: 2%;}

            /* funding_video-(200319추가) hsy */
            .funding-v{max-width:700px; margin-top:40px;}
            .funding-v video{width:100%; border:0;}
            .funding-v video:focus{outline: none;}
            .funding-v video[poster]{width:100%;}
            .funding--section .video {width: 100%;max-width: 900px;box-sizing: border-box;}
            .funding--section .video-container {position: relative; width: 100%; height: auto; padding-top: 50%;}
            .funding--section iframe {z-index: 1;top: 0;left: 0;position: absolute;width: 100%;height: 100%;}


/* 펀딩신청하기 */
.bank-num-text {margin-left:10px}
.date-picker-box {position:relative}
.text-date-info {display:inline-block;position:absolute;right:60px;top:20px;font-size:12px;line-height:18px}

/* file upload */
.file-upload-group {margin-top:10px;font-size:0}
.file-upload-group .file-upload {width:250px;font-size:12px;background-color:#fff}
.file-upload-group .btn-base {margin-left:10px;background-color:#555}
.file-upload-group + .reply-btn {margin-top:15px}
.reply-btn .file-name {display:inline-block;position:relative;min-width:160px;margin:0;padding-left:20px;font-size:14px;line-height:18px;color:#00a0e9;vertical-align:top}
.reply-btn .file-name:before {content:'';display:block;position:absolute;left:0;top:2px;width:12px;height:13px;background:url(/common/img/contents/ico_file.png) no-repeat 0 0}
.reply-btn-row ~ .reply-btn-row {margin-top:12px}

/* 기부내역 조회 */
.donation-info {display:table;table-layout:fixed;width:100%;margin-bottom:50px;background-color:#fef2f2}
.donation-box {position:relative;display:table-cell;padding:50px 20px 47px;text-align:center}
.donation-box ~ .donation-box:after {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-27px;width:1px;height:54px;background-color:#aaa}
.donation-box:before {content:"";display:block;position:absolute;top:51px;background:url(/common/img/contents/ico_donation_desc.png) no-repeat 0 0}
.donation-date:before {left:15%;width:49px;height:49px}
.donation-price:before {left:25%;width:51px;height:53px;background-position:-81px 0}
.donation-box .donation-tit {font-weight:600;font-size:14px;color:#252525;line-height:18px}
.donation-box .donation-text {margin-top:14px;font-size:18px;line-height:24px;font-weight:600}

/* 나의 기부 설계 */
.box-mydonation {margin-top:50px;padding:60px;background-color:#fef2f2;text-align:center}
.text-mydonation {margin:20px 0 0;font-size:18px;line-height:36px}
.text-mydonation em {font-weight:500;color:#252525}
.text-mydonation-info {display:block;font-size:24px;font-weight:500}
.box-mydonation .btn-area {margin-top:24px}

.box-mydonation-result {margin-top:100px;padding:25px 30px 50px;background-color:#fef2f2}
.text-donation-name {font-size:18px;line-height:36px;font-weight:500;color:#252525}
.box-mydonation-group {margin-top:40px}
.box-mydonation-group:after {content:'';display:block;clear:both}
.list-donation {float:left}
.box-mydonation-group .list-donation:nth-child(n+2) {margin-left:30px}
.box-mydonation-group .list-donation:nth-child(5n+1) {margin-left:0}
.box-mydonation-group .list-donation:nth-child(n+6) {margin-top:20px}
.list-donation i {display:block;position:relative;width:180px;height:180px}
.list-donation i:before {content:'';display:block;position:absolute;left:0;top:0;width:180px;height:180px}
.list-donation span {display:block;margin-top:9px;font-size:14px;font-weight:600;line-height:36px;text-align:center; color: #535353;}
.list-donation .dl:before {background:url(/common/img/contents/donation-logo6.png) no-repeat 0 0}
.list-donation .d2:before {background:url(/common/img/contents/donation-img-d2.png) no-repeat 0 0}
.list-donation .d3:before {background:url(/common/img/contents/donation-logo5.png) no-repeat 0 0}
.list-donation .d4:before {background:url(/common/img/contents/donation-logo4.png) no-repeat 0 0}
.list-donation .d5:before {background:url(/common/img/contents/donation-logo13.png) no-repeat 0 0}
.list-donation .d6:before {background:url(/common/img/contents/donation-img-d6.png) no-repeat 0 0}
.list-donation .d7:before {background:url(/common/img/contents/donation-img-d7.png) no-repeat 0 0}
.list-donation .d8:before {background:url(/common/img/contents/donation-img-d8.png) no-repeat 0 0}
.list-donation .d9:before {background:url(/common/img/contents/donation-logo.png) no-repeat 0 0}
.list-donation .d10:before {background:url(/common/img/contents/donation-img-d10.png) no-repeat 0 0}
.list-donation .d11:before {background:url(/common/img/contents/donation-img-d11.png) no-repeat 0 0}

/* 영역별 지원안내 */
.ui-acco-wrap.type-a {border:none}
.ui-acco-wrap.type-a ~ .ui-acco-wrap.type-a {margin-top:20px}
.ui-acco-wrap.type-a .ui-acco-tit {background-color:#f5f5f5}
.ui-acco.type-business {margin-top:40px;border:none}
.ui-acco.type-business .ui-acco-btn {padding:0;vertical-align:top}
.business-wrap {display:table;width:100%;table-layout:fixed}
.business-wrap .business-item {display:table-cell;width:130px;vertical-align:top}
.business-wrap .business-title {display:table-cell;text-align:center;vertical-align:middle;font-size:18px;color:#252525;font-weight:500}
.business-wrap .ui-acco-arrow {display:table-cell;width:94px !important;height:100% !important;text-align:center;position:static !important;vertical-align:middle;font-size:0 !important}
.business-wrap .ui-acco-arrow:before {content:'';display:inline-block;width:32px;height:32px;background:url("/common/img/contents/ico_open.png") no-repeat 50% 50%}
.ui-acco.type-business .ui-acco-btn.selected .ui-acco-arrow:before {background-image:url("/common/img/contents/ico_close.png")}
.business-item {width:130px;height:90px;background:url(/common/img/contents/ico_SDGs.png) no-repeat 0 0;font-size:0}
.business-item.n1{background-position:0 0}
.business-item.n2{background-position:-130px 0}
.business-item.n3{background-position:-260px 0}
.business-item.n4{background-position:-390px 0}
.business-item.n5{background-position:-520px 0}
.business-item.n6{background-position:-650px 0}
.business-item.n7{background-position:0 -90px}
.business-item.n8{background-position:-130px -90px}
.business-item.n9{background-position:-260px -90px}
.business-item.n10{background-position:-390px -90px}
.business-item.n11{background-position:-520px -90px}
.business-item.n12{background-position:-650px -90px}
.business-item.n13{background-position:0 -180px}
.business-item.n14{background-position:-130px -180px}
.business-item.n15{background-position:-260px -180px}
.business-item.n16{background-position:-390px -180px}

/*경영공시 탭생서(191230)*/
.business-wrap .business-item1 {display:table-cell;width:100px;vertical-align:top}
.business-wrap .business-title {display:table-cell;text-align:center;vertical-align:middle;font-size:18px;color:#252525;font-weight:500}
.business-wrap .ui-acco-arrow {display:table-cell;width:94px !important;height:100% !important;text-align:center;position:static !important;vertical-align:middle;font-size:0 !important}
.business-wrap .ui-acco-arrow:before {content:'';display:inline-block;width:32px;height:32px;background:url("/common/img/contents/ico_open.png") no-repeat 50% 50%}
.ui-acco.type-business .ui-acco-btn.selected .ui-acco-arrow:before {background-image:url("/common/img/contents/ico_close.png")}
.business-item1 {width:100px;height:90px;background:url(/common/img/contents/ico_NBGs.png) no-repeat 0 0;font-size:0}
.business-item1.n1{background-position:0 0}
.business-item1.n2{background-position:-100px 0}
.business-item1.n3{background-position:-200px 0}
.business-item1.n4{background-position:-300px 0}

/*//경영공시 탭생서(191230)*/
.ui-acco.type-business .ui-acco-pnl {/* padding:50px 0 50px 160px */padding:0;}
.type-business .business-tit {font-size:18px;color:#252525;font-weight:500}
.type-business .business-tit + .img-with-txt {margin-top:25px}
.type-business .business-tit + .business-text {margin-top:25px}
.type-business .business-text {font-size:14px;color:#555;font-weight:500;line-height:18px}
.type-business .business-text ~ .business-text {margin-top:18px}
.type-business .business-img {margin-top:30px}
.type-business .business-img:after {content:'';display:block;clear:both}
.type-business .business-img .img-item {float:left}
.type-business .business-img .img-item ~ .img-item {margin-left:10px}
.type-business .business-img .img-item img {vertical-align:top;max-width:100%}

/* 배분공고 탭생성(230321) */
/* .pc-hidden-480 { display: none; }
.dstbpblanc .banner-wrap { position: relative; width: 100%; background-color: #fbf3da; padding: 40px 58px; margin-bottom: 40px; }
.dstbpblanc .banner-wrap .txt-area { padding-right: 47%; }
.dstbpblanc .banner-wrap .txt-area .logo { width: 145px; height: 35px; }
.dstbpblanc .banner-wrap .txt-area .logo > img { width: 100%; }
.dstbpblanc .banner-wrap .txt-area .title { max-width: 542px; width: 100%; margin-top: 58px; }
.dstbpblanc .banner-wrap .txt-area .title > img { width: 100%; }
.dstbpblanc .banner-wrap .txt-area p { text-align: left; color: #000; margin-top: 20px; }
.dstbpblanc .banner-wrap .txt-area p > strong { font-weight: 600;}
.dstbpblanc .banner-wrap .txt-area p > strong > span { color: #cb0802; font-size: 28px; font-weight: 700; }
.dstbpblanc .banner-wrap .txt-area .amount { margin-top: 60px; max-width: 415px; width: 100%; display: flex; }
.dstbpblanc .banner-wrap .txt-area .amount > div:first-child { margin-right: 43px; }
.dstbpblanc .banner-wrap .txt-area .amount > div { width: 191px; }
.dstbpblanc .banner-wrap .image-area { width: 43%; position: absolute; right: 40px; bottom: 40px; }
.dstbpblanc .contents-hd strong { line-height: unset; }
.dstbpblanc .contents-hd p { margin-top: 5px; } */

/* 배분공고 수정 240320 */
.dstbpblanc .banner-wrap { position: relative; width: 100%; height: 620px; padding: 50px; margin-bottom: 40px; background-image: url(../img/contents/dstbpblanc_img02.jpg); background-repeat: no-repeat; background-size: cover; background-position: right 10% center; }
.dstbpblanc .banner-wrap .logo { width: 168px; position: absolute; }
.dstbpblanc .banner-wrap .logo > img { width: 100%; }
.dstbpblanc .banner-wrap .txt-area { max-width: 394px; width: 100%; margin: 0 0 0 auto; text-align: right; }
.dstbpblanc .banner-wrap .txt-area > strong { display: block; font-size: 52px; font-weight: 700; color: #E60012; font-family: 'GowunBatang', sans-serif; line-height: 1.2; }
.dstbpblanc .banner-wrap .txt-area > strong .percent { font-size: 112px; }
.dstbpblanc .banner-wrap .txt-area > p { margin-top: 32px; font-size: 18px; font-weight: 700; color: #1F2937; font-family: 'GowunBatang', sans-serif; }
.dstbpblanc .banner-wrap .amount { overflow: hidden; opacity: 0; }

@media all and (max-width:768px){
  .dstbpblanc .banner-wrap { background-image: url(../img/contents/dstbpblanc_img02_mo.jpg); background-position: bottom; height: auto; padding: 35px 20px; padding-bottom: 120%; }
  .dstbpblanc .banner-wrap .txt-area { max-width: 258px; padding-top: 200px; }
}

@media all and (max-width:500px){
  .dstbpblanc .banner-wrap { padding-bottom: 90%; }
  .dstbpblanc .banner-wrap .txt-area { max-width: 210px; padding-top: 130px; }
  .dstbpblanc .banner-wrap .txt-area > strong { font-size: 32px; }
  .dstbpblanc .banner-wrap .txt-area > strong .percent { font-size: 80px; }
  .dstbpblanc .banner-wrap .txt-area > p { font-size: 14px; }
}

@media all and (max-width:414px){
  .dstbpblanc .banner-wrap { background-position: bottom 30% center; padding-bottom: 60%; }
  .dstbpblanc .banner-wrap .txt-area { padding-top: 120px; }
}
/* @media all and (max-width:1024px){
  .dstbpblanc .banner-wrap .txt-area { padding-right: 50%; }
  .dstbpblanc .banner-wrap .image-area { width: 47%; right: 25px; }
}

@media all and (max-width:768px){
  .dstbpblanc .banner-wrap { padding-bottom: 150px; }
  .dstbpblanc .banner-wrap .txt-area { padding-right: 0; }
  .dstbpblanc .banner-wrap .txt-area .title { max-width: 347px; }
  .dstbpblanc .banner-wrap .txt-area .amount { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); max-width: 372px; justify-content: space-between; }
  .dstbpblanc .banner-wrap .image-area { position: static; margin: 0 auto; width: 100%; margin-top: 40px; }
}

@media all and (max-width:480px){
  .pc-hidden-480 { display: block; }
  .dstbpblanc .banner-wrap .txt-area .amount { padding: 0 30px; }
  .dstbpblanc .banner-wrap { padding-left: 30px; padding-right: 30px; padding-bottom: 100px; }
  .dstbpblanc .banner-wrap .txt-area .amount { bottom: 20px; }
} */


/* 소다수나눔 캠페인 */
.visual-campaign-img img {width:100%}
.section-donation-how {padding:43px 50px;background-color:#eff4f9}
.how-tit {padding-bottom:20px;font-size:18px;font-weight:500;line-height:30px;color:#252525;border-bottom:2px solid #121212}
.donation-how-inner {margin-top:50px;text-align:center}
.donation-how-inner:after, .donation-how-list:after {content:'';display:block;clear:both}
.routine-donation, .pause-donation {float:left;width:50%}
.routine-donation {padding-right:50px}
.pause-donation {padding-left:50px}
.article-donation-tit {padding:18px 10px 17px;font-size:20px;line-height:24px;color:#fff;border-radius:40px;text-align:center}
.routine-donation .article-donation-tit {background-color:#ee1c23}
.pause-donation .article-donation-tit {background-color:#389469}
.donation-how-list {margin:50px 0 0 -10px}
.donation-how-inner .list-donation:nth-child(n) {margin-left:30px}
.donation-how-inner .list-donation:nth-child(n+1) {margin-bottom:20px}
.list-donation .d-month:before {background:url(/common/img/contents/donation-img01.png) no-repeat 0 0}
.list-donation .d-card:before {background:url(/common/img/contents/donation-img-card.png) no-repeat 0 0}
.list-donation .d-ars:before {background:url(/common/img/contents/donation-img-ars.png) no-repeat 0 0}

/* 기부금 영수증 신청 */
.section-donation-banner img {width:100%}
.section-info-group {margin-top:44px}
.section-info-group .info-tit {margin-top:24px;font-size:16px;font-weight:500;line-height:30px;color:#252525}
.section-info-group .info-text {font-size:14px;line-height:18px;color:#555}
.section-info-table {margin:47px 0 80px}
.section-info-table .btn-area-r {margin-top:20px}
.section-info-table .text-info-button {font-size:12px;line-height:30px;color:#787676}
.section-info-table .btn-base-bline {margin-left:10px;height:30px;padding:0 16px;background-color:#555;color:#fff;font-size:12px}

.receipt-apply-tit {margin-top:44px;padding-bottom:20px;font-size:18px;font-weight:500;line-height:30px;color:#252525}
.receipt-apply-group {border-bottom:1px solid #aaa;border-top:2px solid #121212}
.receipt-apply-list {padding:52px 20px 38px}
.receipt-apply-list:after {content:'';display:block;clear:both}
.list-item-apply {position:relative;float:left;width:25%;text-align:center}
.list-item-apply ~ .list-item-apply:before {content:'';display:block;position:absolute;left:-15px;top:35px;width:30px;height:30px;background:url(/common/img/contents/legacy_arrow.png) no-repeat 0 0}
.list-item-apply i {display:inline-block;width:90px;height:80px;background:url(/common/img/contents/pictogram_a.png) no-repeat 0 0}
.list-item-apply i.apply-i01 {background-position:-110px -505px}
.list-item-apply i.apply-i02 {background-position:-214px -507px}
.list-item-apply i.apply-i03 {background-position:-306px -505px}
.list-item-apply i.apply-i04 {background-position:-409px -506px}
.list-item-apply i.apply-i05 {background-position:-1px -620px}
.list-item-apply i.apply-i06 {background-position:-108px -620px}
.list-item-apply i.apply-i07 {background-position:-212px -620px}
.list-item-apply i.apply-i08 {background-position:-314px -620px}
.list-item-apply span {display:block;margin-top:18px;font-size:14px;font-weight:500;line-height:18px;color:#252525}

.receipt-apply-box {padding:38px 20px;background-color:#fef2f2;border-top:1px solid #d4d4d4;text-align:center}
.receipt-apply-box p {font-size:14px;line-height:18px;color:#555}
.receipt-apply-box .box-receipt-tit {margin-bottom:14px;font-weight:500;color:#252525}
.receipt-apply-box .box-receipt-txt2 {margin-top:16px;font-size:12px}
.receipt-apply-box .btn-area {margin-top:20px}

/* 대관안내 */
.coronation-info {padding-top:50px}
.coronation-info .img-with-txt .text-area {padding-left:50px}
.coronation-info .img-with-txt ~ .img-with-txt {margin-top:70px}
.coronation-info .coronation-dl {margin-top:30px}
.coronation-info .coronation-txt ~ .coronation-dl,
.coronation-info .coronation-dl ~ .coronation-dl {margin-top:17px}
.coronation-info .coronation-txt {margin-top:30px;font-size:14px;color:#555;line-height:18px;font-weight:500}
.coronation-dl {overflow:hidden}
.coronation-dl .coronation-title {float:left;width:40px;height:19px;color:#fff;font-size:12px;background-color:#aba095;border-radius:10px;text-align:center}
.coronation-dl .coronation-content {padding-left:10px;line-height:18px;font-size:14px;color:#555;overflow:hidden;;font-weight:500}
.title-heading_c {font-size:18px;color:#252525;padding-bottom:10px;font-weight:500;border-bottom:2px solid #121212}

.text-with-btn {margin-top:80px;padding:30px 20px;display:table;width:100%;border-top:1px solid #d4d4d4;border-bottom:1px solid #aaa}
.text-with-btn .text-with-col {display:table-cell;vertical-align:middle}
.text-with-btn .text-with-col.text-col {font-size:14px;line-height:18px;color:#555;font-weight:500}
.text-with-btn .text-with-col.btn-col {width:1%;white-space:nowrap;padding-left:20px}

.use-info-dl dt {font-weight:500;color:#252525;font-size:14px;line-height:24px}
.use-info-dl dt ~ dt {margin-top:20px}
.use-info-dl dd {color:#555;line-height:24px}
.use-info-dl dd.gray {color:#787676;font-size:12px}

.coronation-box {padding:40px 50px;background-color:#fef2f2}
.coronation-box_tb {display:table;width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #555}
.coronation-box_tb .coronation-box-col {display:table-cell;font-size:16px;color:#252525;font-weight:500}
.coronation-box_tb .coronation-box-col ~ .coronation-box-col {text-align:right}
.coronation-box_tb .coronation-box-col span {display:inline-block;margin-left:10px;font-size:16px;font-weight:500}
.coronation-box_tb .ico-tel{padding-left:20px;background:url(/common/img/contents/ico_tel.png) no-repeat 0 6px}
.coronation-box_tb .ico-email{padding-left:20px;background:url(/common/img/contents/ico_email.png) no-repeat 0 6px}
.coronation-box .coronation-box-tit {font-size:14px;font-weight:500;color:#252525}
.coronation-box .coronation-list {margin-top:8px}
.coronation-box .coronation-list .coronation-list-item {padding-left:16px;text-indent:-16px;font-size:14px;color:#555;line-height:18px}
.coronation-box .coronation-list .coronation-list-item ~ .coronation-list-item {margin-top:7px}

/* error */
.error-area {position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.error-area .icon-error {display:block;width:90px;height:90px;margin:0 auto;background:url(/common/img/contents/error_icon.png) no-repeat 50% 50%;background-size:100%}
.error-area .error-title {margin-top:50px;font-size:24px;color:#252525;font-weight:600}
.error-area .error-txt {margin-top:25px;font-size:14px;line-height:18px;color:#555;font-weight:500}

/* sitemap */
.sitemap-area {border-top:2px solid #121212}
.sitemap-top {display:table;width:100%;table-layout:fixed;padding:27px 0;border-bottom:1px solid #d4d4d4}
.sitemap-top .sitemap-top-col {display:table-cell;vertical-align:middle}
.sitemap-top .sitemap-top-col.sitemap-top-home {width:95px;text-align:center}
.sitemap-top .sitemap-top-home .link-home {font-size:18px;color:#252525;font-weight:600}
.sitemap-top .list-area:after {content:'';display:block;clear:both}
.sitemap-top .list-area .area-item {float:left;position:relative}
.sitemap-top .list-area .area-item ~ .area-item:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#dcdcdc}
.sitemap-top .list-area .area-item .link-area {padding:0 13px;font-size:14px;color:#555}
.sitemap-section {padding:30px 0 50px;border-bottom:1px solid #d4d4d4}
.sitemap-section ~ .sitemap-section {border-bottom-color:#aaa}
.sitemap-section:after {content:'';display:block;clear:both}
.sitemap-section .sitemap-section-item {float:left;width:calc(100% / 3)}
.sitemap-section .sitemap-section-title {font-size:18px;font-weight:600;color:#252525}
.sitemap-section .sitemap-section-title ~ .sitemap-section-title {margin-top:30px}
.sitemap-section .list-sitemap .sitema-item {margin-top:15px}
.sitemap-section .list-sitemap .sitema-item .link-sitemap {position:relative;padding-left:12px;color:#cb0802;font-size:14px;font-weight:600}
.sitemap-section .list-sitemap .sitema-item .link-sitemap:before {content:'';width:5px;height:5px;background-color:#cb0802;position:absolute;left:0;top:50%;margin-top:-2.5px;border-radius:50%}
.sitemap-section .list-sitemap-depth {margin-left:12px;margin-top:5px}
.sitemap-section .list-sitemap-depth .sitema-item-depth .link-sitemap-depth {line-height:30px;color:#555;font-size:14px;font-weight:500}
.sitemap-section .list-sitemap-depth.type-wide {margin-left:0}
.sitemap-section .list-sitemap-depth.type-wide .sitema-item-depth {position:relative;display:inline-block}
.sitemap-section .list-sitemap-depth.type-wide .sitema-item-depth .link-sitemap-depth {padding:0 12px}
.sitemap-section .list-sitemap-depth.type-wide .sitema-item-depth  ~ .sitema-item-depth:before {content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#dcdcdc}

/* 결제완료 */
.payment-head {position:relative}
.payment-tit {font-weight:600;font-size:30px;line-height:40px;color:#252525}
.payment-tit .text-line-mobile {display:block}
.payment-sub-text {font-size:14px;font-weight:500;line-height:34px}
.icon-payment {display:block;position:absolute;right:24px;top:-24px;width:177px;height:178px;background:url(/common/img/contents/img-payment.jpg) no-repeat 0 0}
.base-body.type-bg .table-tit {margin:60px 0 24px}
.base-body.type-bg .btn-area {margin-top:50px}
.base-body.type-bg .tb-type_a td {color:#252525;font-weight:500}

/*footer modal*/

.type-footer-con .box-footer-con {margin:15px; width:auto; border: 1px solid #e4e4e4;}
.type-footer-con .box-footer-con .inner-wrap p { line-height: 23px;}
.type-footer-con .box-footer-con .inner-wrap div {padding-top: 20px;}
.type-footer-con .box-footer-con .inner-wrap ul { padding: 10px 0 10px 30px; }
.type-footer-con .box-footer-con .inner-wrap strong { font-weight: 600; font-size: 18px;}
.type-footer-con .box-footer-con .inner-wrap ul li { font-size: 15px;}
.type-footer-con .box-footer-con .inner-wrap ul li p { padding-left: 10px;}
.type-footer-con .box-footer-con .inner-wrap ul li p:first-child { padding: 5px 0; font-weight: 500;}

.type-footer-con .ui-modal-footer {position:absolute; top:0; right:0; left:unset;bottom:unset; background:transparent}
.type-footer-con .ui-modal-footer .btn-close {width:30px !important}
.type-footer-con.type-email .ui-modal-footer {position:absolute; top:0; right:0; left:unset;bottom:unset; background:transparent}
.type-footer-con.type-email .ui-modal-footer {width:30px !important}

/* ars */
.ars-area {border-top:2px solid #121212;padding:50px 0 0;text-align:center;}
.ars-area .ars_txt {font-size:14px;line-height:22px;color:#555;font-weight:500;}
.ars-area [class*="ico-ars"] {display:block;width:100px;height:100px;background-size:100% auto;background-repeat:no-repeat;background-position:50% 50%;}
.ars-area .ico-ars01 {background-image:url(/common/img/contents/ars_01.png)}
.ars-area .ico-ars02 {background-image:url(/common/img/contents/ars_02.png)}
.ars-area .ars-list {display:inline-block;margin-top:45px;}
.ars-area .ars-list .ars-item {display:inline-block;position:relative;padding-left:140px;text-align:left;}
.ars-area .ars-list .ars-item ~ .ars-item {margin-left:100px;}
.ars-area .ars-list .ars-item [class*="ico-ars"] {position:absolute;top:0;left:0;}
.ars-area .ars-list .ars-type {margin-top:12px;font-size:14px;color:#252525;font-weight:600;}
.ars-area .ars-list .ars-number {font-size:24px;color:#252525;font-weight:600;}
.ars-area .ars-list .ars-info {font-size:14px;color:#cb0802;font-weight:500;}

/* wing */
.box-wing {position:fixed;left:10px;top:320px;width:230px;height:400px; background-position:0 0;background:url(/common/img/common/wing_bg_2101.png) no-repeat;background-size: 230px 400px;z-index:20;}
.box-wing .wing-content {position:relative;width:100%;height:100%;}
.box-wing .love-text {position:absolute;top:176px;left:96px;right:0;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:15px;}
.box-wing .love-text .love-number {display:block;color:#fff;}
.box-wing .temperature-bar {position:absolute;top:121px;left:81px;width:6px;height:162px;border-radius:3px 3px 0 0;overflow:hidden;}
.box-wing .temperature-bar .bar-on {position:absolute;left:0;bottom:0;right:0;display:block;background-color:#2BA662;font-size:0;}
.box-wing .wing-data {width: 200px;overflow: hidden;padding-top:340px;line-height:1.2; box-sizing: border-box;margin:0 20px;}
.box-wing .wing-data .wing-title {float: left;width: 50%;box-sizing:border-box;font-size:12px;color:#fff;font-weight:500; padding:4px 0px 4px 6px;margin-bottom:8px;}
/* .box-wing .wing-data .wing-title ~ .wing-title {margin-top:8px;} */
.box-wing .wing-data .wing-content {float: left;width: 50%;box-sizing:border-box;font-size:12px;text-align:right;color:#fff;font-weight:500; padding:4px 18px 4px 0px;margin-bottom:8px;}
.box-wing .wing-data .wing-content .wing-num{font-size:13px;color:#FFFE80}
.box-wing .wing-data .wing-content:last-child .wing-num{font-size:13px;color:#fff}
/* .box-wing .wing-data .wing-content ~ .wing-content .wing-num {color:#ffffff;} */

/* ---wing mobile */
        .box-wing h2,
        .box-wing h3,
        .box-wing button{
            display: none;
        }



/* popup-200304 */

/* .popup--redl{border-bottom:2px solid red; color:black;} */
.redbox{width:100%; background-color: #faf6ef;}


/* 나눔과변화스토리_리스트 컨텐츠 디자인*/
.list_Nanum_C{margin: 0 auto; max-width:860px;}
.list_Nanum_C body{ font-family: 'Roboto', sans-serif;line-height:1.8em;}
.list_Nanum_C .title {text-align: center; margin: 0; padding: 35px 15px; line-height:1.5em; color:#23416e;}
.list_Nanum_C .content {font-size: 18px; overflow: hidden;}
.list_Nanum_C .content div{display:inline-block;}
.list_Nanum_C .content p{line-height:1.8em; padding:8px;}
.list_Nanum_C .line {border-top: 1px solid #eee; border-bottom: 1px solid #eee; color:red; font-weight:500; padding: 10px 10px; margin:16px;width:100%;}
.list_Nanum_C .img_left{float:left; margin:8px; }
.list_Nanum_C .img_right{float:right; margin:8px;}




/*Covid-19 Campaign(hsy 200417)*/

.Covid-container .covid_tab{position:relative; max-width: 1030px; margin: 0 auto; box-sizing: border-box; }
.Covid-container .covid_tab ul{display:inline-block; width:100%; overflow:hidden;}



.Covid-container .covid_tab ul#menu li
{width:16.5%; background-color:#E83C35; color:white; border-radius: 10px; box-sizing: border-box; height:80px;  padding:14px; margin-right:-1px; border:2px solid #fff; font-size: 16px; float:left; }

.Covid-container .covid_tab ul#menu li a
{text-decoration: none;color: #fff; padding:20px 20px 20px 0;}


.Covid-container {max-width: 100%; text-align:left; }
.Covid-visual {position: relative;  text-align:left; max-width: 100%; height: 646px; margin: 0 0 1.875rem; /*height: 0; padding-top: calc(648 / 1200 * 100%);*/ background: url(/common/img/contents/covid/main_img1.jpg) no-repeat center center; background-size: cover; border: 1px solid #ddd;}
.Covid-visual a {display: block; width: 100%; height: 100%; }
.Covid-visual .visual_txt {position: relative; border-radius: 10px;  top: 80px; left: 50px; right: 50px; max-width: 90%; color:white; }
.Covid-visual .visual_txt h2 {font-size:48px; letter-spacing:-3px;font-weight: 600; padding-top:8px;}
.Covid-visual .visual_txt h2 span{color:#3569e8; background-color:white; padding: 0 14px;}
.Covid-visual .visual_txt h2 .stit {display: block; /*margin-bottom: 5px; */font-size: 18px;letter-spacing:-1px;; font-weight: 500;line-height:1.8em;}
.covid-news{line-height:2em; color:black;}
.covid-news li{border-bottom:1px dotted lightgrey;}




/* ********************  page_body ******************* */
.page_head {margin: 3.125rem 0; text-align: center; padding-top: 24px; }
.page_head .stitle {font-size: 1.25rem; font-weight: 800; line-height: 1.875rem;}
.page_head h2 {padding-top: 38px; font-size: 24px; font-weight: 600;  line-height:28px;;position: relative;}
.page_head h4 {padding-top: 18px; font-size: 18px; font-weight: 600;  line-height:28px;;position: relative;}
.page_head h2:before {content: ""; display: block; position: absolute; left: 50%; top: 0; width: 2.5rem; height: 2.9rem; background: url(/common/img/contents/covid/subHead_icon.png) no-repeat center center; background-size: 100% auto; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}



.part { width:100%; margin-bottom: 3.125rem;  box-sizing: border-box;}
.part:last-child {margin-bottom: 0; }
.part_title {margin-bottom: 1.25rem; font-weight: 600; font-size: 1.625rem; }
.part_title.pb15 {padding-bottom: 0.9375rem; }
.part_title.mb35 {margin-bottom: 2.188rem;}


/* txt_wrap */
.part .txt_wrap {margin: 2.188rem 0;}
.part .txt_wrap.m0 {margin: 0; }
.part .txt_wrap.mt0 {margin-top: 0; }
.part .txt_wrap.mt5 {margin-top: 0.3125rem; }
.part .txt_wrap.mb0 {margin-bottom: 0; }
.part .txt_wrap h3 {margin-bottom: 0.9375rem; margin-bottom: 1.563rem; font-size: 1.625rem; font-weight: 800; line-height: 2.125rem; letter-spacing: -0.025em;}
.part .txt_wrap h4 {margin-bottom: 0.625rem; margin-bottom: 0.9375rem; font-size: 18px; font-weight: 600; line-height: 1.875rem; line-height: 2rem; letter-spacing: -0.025em;}
.part .txt_wrap h4.mb0 {margin-bottom: 0; }
.part .txt_wrap h4.pb20 {padding-bottom: 0.9375rem; }
.part .txt_wrap h4.box {display: inline-block; margin-bottom: 1.25rem; padding:  0.75rem 1.875rem; border: 0.125rem solid #222; text-align: center; line-height: 100%; }
.part .txt_wrap h3 .under {display: inline; padding-bottom: 0.125rem; border-bottom: 1px solid #000000;}
.part .txt_wrap h4 .under {display: inline; }
.part .txt_wrap h4 span {color:red; font-size:16px;}
.part .txt_wrap h3.under {line-height: 2.5rem; }
.part .txt_wrap h4.under {line-height: 2.5rem; padding-bottom: 10px; border-bottom: 0.125rem solid lightgray;}
.part .txt_wrap .txt {font-size: 16px; line-height: 24px; text-align: left; letter-spacing: -0.025em;}
.part .txt_wrap .txt.pt15 {padding-top: 0.9375rem; }
.part .txt_wrap .txt.pt30 {padding-top: 1.875rem; }
.part .txt_wrap .txt.pb15 {padding-bottom: 0.9375rem; }
.part .txt_wrap .txt.pb30 {padding-bottom: 1.875rem; }
.part .txt_wrap .txt.pt30 {padding-top: 1.875rem; }
.part .txt_wrap .txt .mini {display: block; margin-top: 0.9375rem; font-size: 1rem; transform:skew(-0.03deg); }
.part .txt_wrap .txt .mini2 {display: block; margin-top: 0.9375rem; font-size: 1rem; transform:skew(-0.03deg);}



/* column */
.row {overflow: hidden; margin:0 0 2.188rem 0;}
.row:after {content: ""; display: block; clear: both; overflow: hidden;}
.row.m0 {margin: 0;}
.row .column {display: inline-block; float:left; padding-left: 2%; box-sizing: border-box;}
.row .column:first-child{padding-left:0;}
/* .row .column figure:nth-of-type(1) {margin-bottom: 1.875rem; } */
.row .column img{width:100%;}
.row .column figure img{width:100%;}
.row.width50 .column:first-child{max-width:60%;}
.row.width50 .column{max-width:40%; padding-top:40px;}

.row.width50_1 .column:first-child{max-width:50%;}
.row.width50_1 .column{max-width:50%; padding-top:14px;}
.row.width50 .column p{max-width:90%; font-size:18px;}



.bg7 {background-color: #ffeee1; }

.sub1 .txt_wrap.bb {border-bottom: 1px dashed #ddd; }
/* edge */
.box_wrap {padding: 1.875rem; box-sizing: border-box;}
.edge_tri {position: relative; }
.edge_tri:before {content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-bottom: 18px solid transparent; border-right: 19px solid #fff;}
.edge_tri:after {content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 18px solid transparent;}
.edge_tri.border:before {top: -1px; right: -1px; background: #fff;}
/* .edge_tri.blue:before {width: 18px; height: 18px; border: 1px solid #0756a6;}
.edge_tri.darkpink:before {width: 18px; height: 18px; border: 1px solid #ff545c;} */
.edge_tri.orange:after {border-left: 19px solid #c44709;}
.edge_tri.orange2:after {border-left: 19px solid #ffc99f;}
.edge_tri.blue:after {border-left: 19px solid #0756a6;}
.edge_tri.darkpink:after {border-left: 19px solid #ff545c;}
.edge_tri.green:after {border-left: 19px solid #c8e9b5;}

.edge_tri.orange.bg1 {border: 1px solid #c44709; }
.edge_tri.blue.bg2 {border: 1px solid #0756a6; }


.page_body .txt_wrap h3 .under {display: inline; padding-bottom: 0.125rem; border-bottom: 0.125rem solid #c2c2c2;}
.page_body .txt_wrap h4 .under {display: inline; padding-bottom: 0.125rem; border-bottom: 0.125rem solid #000000;}
.page_body .txt_wrap h3.under {line-height: 2.5rem; }
.page_body .txt_wrap h4.under {line-height: 2.5rem; }


.sub1 .profile {margin-bottom: 0.9375rem; }
.sub1 .profile:after {content: ""; clear: both; display: block;}
.sub1 .profile .thumb {float: left; width: 6.25rem; }
.sub1 .profile .name {float: left;  font-size: 20px;  transform: skew(-0.03deg); }
.sub1 .profile .name strong {display: block; margin-bottom: 0.3125rem; }
.sub1 .profile + .txt {font-size: 1rem; line-height: 1.5rem; transform: skew(-0.03deg);}



.fixbtn {position: fixed; top: 40%; right: 80px; width: 90px; z-index: 99999;}

.fixbtn img {width: 100%; height: auto;}

/*main_layout_new(2008)  */
.main__vs{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}
.main__vs .main-vs2{position:relative;display:inline-block;flex:1 1;overflow:hidden;left:0;max-width:610px;height:570px;margin-right:14px;flex-basis:610px}
.main__vs .main__aside{position:relative;display:inline-block;flex:1 1;overflow:hidden;right:0;max-width:456px;height:570px;flex-basis:456px;border:1px solid #d6d6d6}
.main__aside .main__aside--top{display:flex;height:54px;border-bottom:1px solid #d6d6d6;line-height:54px;position:relative;background-color:#fff;z-index:1}
.main__aside .main__aside--top .left{position:absolute;left:12px}
.main__aside .main__aside--top .right{position:absolute;right:12px;vertical-align:middle}
.main__aside .main__aside--top p span{width:20px;height:20px;display:inline-block;vertical-align:middle}
.aside__icon--on{background-size:20px;background-image:url(/common/img/common/info_logo_on.png)}
.aside__icon--off{background-size:20px;background-image:url(/common/img/common/info_logo_off.png)}
.main__aside .main__aside--top .right{font-size:13px;padding-right:12px}
.main__aside .main__aside--top .right p{display:inline;vertical-align:middle}
.main__aside .main__aside--top .left li{display:inline-block;text-align:center;width:82px;height:26px;line-height:26px;font-size:14px;font-weight:400;border-radius:13px;vertical-align:middle;border:1px solid #707070;background-color:#fff;color:#000}
.main__aside .main__aside--top .left li.active{background-color:red;border:1px solid #cb0802;color:#fff;font-weight:500}
.main__aside .aside__bottom--item h1{font-size:14px;line-height:24px;color:#252525;font-weight:500;padding-bottom:4px}
.main__aside .aside__bottom--item p{font-size:12px;line-height:20px}
.aside__bottom--item p:nth-child(2){padding-bottom:4px}
.aside__bottom--item p:nth-child(3){font-weight:500}
.main__aside .main__aside--bottom{height:514px;overflow-y:scroll;padding-top:46px}
.main__aside--bottom .aside_notice{display:none}
.main__aside--bottom .aside_notice.active{display:block}
.main__aside .main__aside--bottom .line{width:1px;height:100%;border-left:1px solid #cfcfcf;position:absolute;left:26px;top:0;z-index:-1}
.main__aside .aside__bottom--items{display:flex;position:relative}
.main__aside .aside__bottom--items .more{display:flex;position:absolute;top:-30px;right:12px}
.main__aside .aside__bottom--items .more p::before{content:"▶ ";font-size:10px;color:#a9a6a6}
.main__aside .aside__bottom--items .more p{font-size:13px;line-height:13px;vertical-align:middle}
.main__aside .aside__bottom--items .more a{color: #a9a6a6;}
.main__aside .aside__bottom--items .on_logo{width:22px;height:22px;border:1px solid #d6d6d6;line-height:22px;margin-top:70px;margin-left:16px;background-color:#fff;border-radius:50%;padding-right:20px}
.main__aside .aside__bottom--item{width:100%;display:flex;box-sizing:border-box;background-color:#f7f7f7;border:1px solid #d6d6d6;padding:10px;margin-bottom:8px;margin-right:8px;margin-left:8px}
.main__aside .aside__bottom--item div{padding-top:14px}
.main__aside .aside__bottom--item img{width:80px;height:110px;margin:16px}

/* start - swiper slider */
.main__vs .swiper-container{width:100%;height:100%;overflow:hidden;border:1px solid #cfcfcf}
.main__vs .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.main__vs .swiper-pagination-current:before {content: "0"}
.main__vs .swiper-pagination-total:before {content: "0"}
.main__vs .swiper-slide .title {color: #ccc;}
.main__vs .swiper-slide-active .title {color: #000;}
/* end - swiper slider */


/*tiktok캠페인 _2005(hsy) */
 .super_wrap{max-width:100%; font-family: 'CookieRun'; font-size: 24px; text-align:center;}
 .super_title{position:relative; width:100%; height:508px; font-size: 32px; background-image:url("/common/img/contents/tiktok/super_title.png");background-repeat:no-repeat;background-size:contain;background-position:center;}
 .super_title p{position:absolute; top:60%; right:24%;font-size: 28px; color:#6E2D14;}
 .super_sub1_contents{position:relative; max-width:100%; height:1238px; background-image:url("/common/img/contents/tiktok/super_mp_bg.png")}
 .super_sub1_contents .box{position:absolute;width:348px; height:520px;}
 .super_sub1_contents .C_logo{top: 180px; right:364px; padding-top:80px;}
 .super_sub1_contents .C_logo a{display:block; font-family:'Noto Sans KR' ; padding:16px 0;width:250px; background-color:#FFC83B;  margin: 0 auto; text-decoration:none; color:black; font-weight: 600;}
 .super_sub1_contents .C_logo img{ padding-top:40px; max-width:100%;}
 .super_sub1_contents .box1{top:360px;left:4px;}
 .super_sub1_contents .box2{top:360px; right:0px;}
 .super_sub1_contents .box3{right:361px; bottom:6px;}
 .super_sub2_w{max-width:100; background-image: linear-gradient(137deg, rgba(250,250,198,1) 0%, rgba(187,249,249,1) 100%, rgba(187,249,249,1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#faffc6, endColorstr=#bbf9f9)";}
 .super_sub2_w img{max-width: 100%;}
 .super_sub2_w div{ margin: auto; padding:20px; }
 .super_sub2_w .sub-title img{padding:20px;}
 .super_sub2_w .title{width:50%; padding:14px 0;  background-color:black; border-radius: 30px;; color:white; }
 .super_sub2_w .super_yutube p{margin-top:430px; max-width:700px; margin-left:15%;}
 .super_sub2_w .super_yutube{ background-image:url("/common/img/contents/tiktok/super_bg2.png");background-repeat:no-repeat; background-size:contain; background-position:top;}
 .super_sub2_w .super_yutube_l{position:relative;}
 .super_sub2_w .super_yutube_l img{ position:absolute; top:220px; right:54px;}
 .super_sub2_w .super_yutube_l video{position:absolute; width:611px; top:0; left:100px;}
 .super_sub2_w .super_C_h {position: relative;}
 .super_sub2_w .super_C_h .title{position: absolute; top:0; left:25%; width:50%; padding:14px 0;  background-color:black; border-radius: 30px;; color:white; }
 .super_sub2_w .super_C_h .S_text{position: absolute;  bottom: 56px; left:25%;}

 .super_sub2_w .S_appD{ padding-bottom:40px;}
 .super_sub2_w .S_appD h4{padding-bottom:20px; }
 .super_sub2_w .S_appD p{display: inline;}
 .super_sub2_w .S_appD p img{width:20%; background-color:#000; padding:4px; border-radius:10px;}



 /* 틱톡챌린지_투표(hsy_200722) */
.campaign__vote{background-color:#d8e9b9;box-sizing:border-box;width:100%;padding:20px}
.sub_txt{font-size:14px;color:#006d6b;width:100%;text-align:center;font-size:20px;padding:40px 0 0 0;font-weight:500}
.tiktok__hero2{background:no-repeat url(/common/img/contents/tiktok/tiktok_hero_2007.png) center;background-size:cover;height:1170px}
.tiktok__description{text-align:center;background-color:#006d6b;padding:16px 30px 24px 30px;color:#fff;font-weight:300;font-size:20px}
.tiktok__description h4{font-size:22px;color:#ff0;font-weight:400}
.web__description h4{font-size:20px;color:#fff}
.tiktok__mobile .yellow_bold{font-size:24px;color:#ff0;font-weight:400}
.campaign__vote h3{width:100%;text-align:center;padding:8px 0;color:#006d6b;font-size:28px}
.campaign__vote ul{display:flex;list-style:none;justify-content:center}
.campaign__vote li{padding:10px}
.tiktok__numbers{position:relative;z-index:10;width:100%;top:38px;left:0;line-height:10px;flex-wrap:wrap}
.tiktok__numbers li{width:36px;height:36px;margin-right:204px;font-size:16px;color:#fff;border-radius:50%;background-color:#006d6b;border:2px solid #fff}
.tictok__images{padding:10px 0;flex-wrap:wrap}
.tictok__images video{width:216px;height:384px}
.tictok__images .video__block{width:216px;height:384px;background-color:#000}
.tictok__images input,
.tictok__images label{display:block}
.tictok__images ul {list-style: none;}
.tictok__images li {position: relative; float: left;}
.tictok__images li label{position:absolute;top:406px;padding-left:24px;font-weight:600;cursor:pointer;z-index:1}
.tictok__images .check{position:absolute;width:18px;height:18px;top:410px;left:10px;border:3px solid #aaa;border-radius:100%;cursor:pointer;z-index:0}
.tictok__images .check:before{content:"";position:absolute;width:8px;height:8px;top:2px;left:2px;border-radius:100%;transition:all .25s}
.tictok__images input[type=radio]{position:absolute;visibility:hidden;bottom:0}
.tictok__images input[type=radio]:checked~.check{border:3px solid #006d6b}
.tictok__images input[type=radio]:checked~.check:before{background:#006d6b}
.tictok__images input[type=radio]:checked~label{color:#006d6b}

/* button */
.btn_campaign_vote{display:block;position:relative;margin:20px auto;padding:0 40px;height:42px;font-size:22px;border-radius:30px;background-color:#006d6b;color:#fff}
#tiktok__vote--end{background-color:#006d6b;display:flex;height:340px;position:relative}
#tiktok__vote--end h3{color:#fff}
#tiktok__vote--end img{position:absolute;left:50px;bottom:0}
.vote__end--txt{position:absolute;top:100px;left:420px}
.btn_h_vote{height:42px;margin:20px 0;padding:0 40px;font-size:18px;background-color:#fff;color:#006d6b;border-radius:30px}
.tiktok__lists{background:center no-repeat url(/common/img/contents/tiktok/tiktok__img5_bg.png) #b0d58d;background-position:bottom 0 right 0;padding-top:20px;padding-bottom:26px}
.tiktok__lists h2{text-align:center;color:#fff;padding:10px 0;margin-bottom:20px;font-size:16px;font-weight:400;background:center no-repeat url(/common/img/contents/tiktok/tiktok_ribbon_bg.png) #b0d58d}
.tiktok__lists ul>li>ul{display:flex;flex-wrap:wrap;justify-content:center}
.tiktok__lists ul>li>ul>li{width:150px;height:230px;margin:6px;background-color:#fff}
.tiktok__slider{background-color:#006d6b;padding:20px 40px}
.tiktok__slider .container{width:100%}
.tiktok__slider .swiper-container{width:100%}
.tiktok__slider .swiper-slide{background-color:#006d6b;width:220px;height:380px;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}


/* 틱톡챌린지_투표종료(200831) */
.tiktok__end--description {background-color: #006d6b}
.tiktok__end--description div{position:relative;display:block;max-width:100%;height:412px;padding-top:90px;text-align:center;background:center / contain no-repeat url('../../common/img/contents/tiktok/tiktiok__end__bg.png')}
.tiktok__end--description h2{color:yellow;font-size:32px;padding-bottom:16px}
.tiktok__end--description p{color:white;font-size:22px}
.tiktok__end--winner{position:relative;display:flex;background-color:#054644;max-width:100%;height:320px;padding-top:28px}
.tiktok__end--winner div{position:absolute;display:block;text-align:center;top:46px;left:16%;line-height:24px;}
.tiktok__end--winner img{width:200px}
.tiktok__end--winner h2{color:white}
.tiktok__end--winner span{font-size:14px;}
.tiktok__end--winner video{position:absolute;width:460px;left:38%}
.tiktok__end--thanks{position:relative;text-align:center;background-color:#006d6b;max-width:100%;padding:60px}
.tiktok__end--thanks img{display:block;margin:auto}
.tiktok__end--thanks img:nth-child(1){width:320px}
.tiktok__end--thanks img:nth-child(2){width:460px;padding-top:24px}
.tiktok__end--thanks p{color:white;padding-top:16px;font-size:18px;font-weight:400;line-height:28px}


/*코로나 특별페이지 _2006(hsy) */
.coviddata__map{text-align:center; padding:20px;}
.coviddata__map figure img{max-width:920px;}
.covidcel__boxs{max-width:100%;display:flex;box-sizing:border-box;position:relative;padding:20px 0}
.covidcel__box{border:1px solid #e2e2e2}
.covidcel__box li{float:left;width:25%;height:438px;padding:1.875rem 1.875rem 0 1.875rem;border:1px solid #e2e2e2}
.covidcel__box figure{text-align:center}
.covidcel__box figure img{width:auto}
.covidcel__box li .covidcel__box--people{position:relative;padding:1.875rem 0;margin-top:.9375rem;text-align:center}
.covidcel__box li .covidcel__box--people:before{content:"";position:absolute;left:50%;top:0;width:1.313rem;height:1rem;background:url(/common/img/contents/covid/quotes_1.png) no-repeat;background-size:100% auto}
.covidcel__box li .covidcel__box--people .name{display:block;font-size:2rem;font-weight:600;color:#00ada0}
.covidcel__box li .covidcel__box--people .name .small{font-size:1.125rem}
.covidcel__box li .covidcel__box--people p{margin-top:4px;font-size:1.52rem;line-height:2rem;word-break:keep-all}
.covidcel__box li .covidcel__box--people:after{content:"";position:absolute;left:50%;bottom:0;width:1.313rem;height:1rem;background:url(/common/img/contents/covid/quotes_1.png) no-repeat;transform:rotate(180deg);background-size:100% auto}
.covidcel__box ul:after{content:"";clear:both;display:block}
.scenestory__box h3{font-size:22px;font-weight:600;font-size:18px;color:#ea3e8b}
.scenestory__box h3.line{padding-bottom:1.25rem;border-bottom:2px solid #c2c2c2}
.scenestory__box .txt{font-size:1.125rem;line-height:1.75rem;text-align:justify}
.scenestory__box .txt > strong{font-size:18px; padding-bottom:16px;}
.scenestory__box--photos{margin:2.188rem 0;text-align:center}
.scenestory__box--photos figure:nth-last-of-type(1){margin-right:0}
.scenestory__box--photos figure{float:left;width:50%}
.scenestory__box--photos figure img{max-width:520px;border:3px solid #fff}
.scenestory__box--photos:after{content:'';display:block;clear:both}


/* funding__thumbnail(20200819) */
.funding__thumbnail{position:relative;display:block;text-align:center;background-color:#f6f6f6;width:100%;margin:24px 0;padding-top:16px}
.funding__thumbnail h2{font-size:22px;font-weight:500;color:#111313}
.funding__thumbnail p{font-size:15px;font-weight:500;color:#6a6c6c}
.funding__thumbnail i{position:absolute;right:66px;top:70px;font-size:12px;font-weight:500;color:#8d8f8f}
.funding__thumbnail a{color:#8d8f8f}
.funding__thumbnail i span{font-size:11px;line-height:12px;padding-left:2px}
.funding__thumbnail--boxs{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;padding:24px 0}
.funding__thumbnail--box{display:flex;cursor: pointer; margin-bottom:16px; }
.funding__thumbnail--boxs .funding__thumbnail--box:nth-child(odd){margin-right:42px}
.funding__thumbnail--description{position:relative;width:192px; padding:32px 34px 20px 20px;text-align:left;line-height:24px;background-color:#fff}
.funding__thumbnail--description h4{font-size:12px;font-weight:600;color:#f93232}
.funding__thumbnail--description p{font-size:14px;line-height:20px;color:#2d2d2d}
.funding__thumbnail--description p:last-child{font-size:12px;padding-top:16px;color:#6a6c6c}

 /*20201110 cure 추가 */
        .fd-content .fd-content-box {
            padding: 40px 0px;
        }

        .fd-content .fd-content-box h1 {
            font-size: 40px;
            font-weight: 500;
            line-height: 1.2em;
        }

        .fd-content .fd-content-box h1 span {
            font-size: 26px;
            font-weight: 400;
            padding-left: 10px;
            color: #999;
        }

        .fd-content .fd-content-box p {
            padding: 10px 0px;
            font-size: 1.2em;
        }

        .fd-content .fd-content-box p.center {
            text-align: center;
        }

        .fd-content div.img-area {
            padding: 10px 0px;
        }

        .fd-content div.img-area img {
            width: 100%;
        }

        .fd-content div.img-area p {
            font-size: 1em;
            color: #999;
        }

        .fd-content .content-box ol li {
            padding: 5px 0px;
        }

        .fd-content .content-box ol li em {
            font-style: italic;
            font-size: 1em;
            color: #999;
        }

        .fd-content .content-box div.text-warning {
            color: #ff8686;
        }


         .funding--r__wrap {
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
        }

        .funding--r__wrap img {
          padding: 0 16px 0 0;
          max-width:360px
        }

        @media screen and (max-width: 600px) {
          .funding--r__wrap {
            flex-wrap: wrap;
          }

          .funding--r__wrap img {
            padding: 0;
          }
        }

/*vision(200924)  */
 .inner{max-width:100%;height:700px;margin:0 auto;position:relative;z-index:1;background-color:#f5f5f5}
 .sub_tit{padding-bottom:80px}
 .sub_tit strong{display:block;text-align:center;color:#0c1e52;font-weight:500;padding-top:37px;font-size:20px}
 .sub_tit strong:after{content:"";display:block;width:240px;margin:0 auto;border:1px solid #000}
 .vision{margin-top:20px;text-align:center;background-color:#fff}
 .vision .inner ul{text-align:center}
 .vision .inner ul li{display:inline-block;width:290px;height:290px;border-radius:50%}
 .vision .inner ul li:first-child{position:absolute;top:50%;left:50%;width:402px;height:402px;color:#000;background:#fff;box-shadow:1px 2px 2px 2px rgba(0,0,0,.1);transform:translate(-50%,-50%);z-index:100}
 .vision .inner ul li:first-child .txt_wrap em{color:#f25d69}
 .vision .inner ul li:nth-child(2){background:#40a863;position:absolute;top:70%;left:24%;transform:translate(-50%,-50%);z-index:2}
 .vision .inner ul li:nth-child(3){background:#f25d69;position:absolute;top:70%;left:74%;transform:translate(-50%,-50%)}
 .vision .inner ul li .txt_wrap{padding-top:68px}
 .vision .inner ul li .txt_wrap em{display:block;color:#fff;font-size:20px;margin-bottom:25px}
 .vision li:first-child .txt_wrap em:before{content:"";display:block;position:absolute;top:18px;left:14px;width:360px;height:360px;border-radius:50%;border:6px solid #e60012}
 .vision .inner ul li .txt_wrap em::after{content:"";display:block;width:40px;margin:4px auto;border:2px solid #e60012;background-color:#e60012}
 .vision .inner ul li:nth-child(2) .txt_wrap em:after{border:2px solid #2a9848;background-color:#2a9848}
 .vision .inner ul li .txt_wrap strong{display:block;color:#fff;font-size:26px;line-height:28px;font-weight:300;letter-spacing:-.5px}
 .vision .inner ul li:first-child .txt_wrap strong{color:#000;font-size:50px;line-height:50px;font-weight:400;text-align:center}
 .vision .inner ul li:first-child .txt_wrap strong::after{content:"";display:block;position:absolute;width:61px;height:71px;top:87%;left:50%;transform:translate(-50%,-50%);background-image:url(/common/img/contents/vision_ci_simbol.png);background-repeat:no-repeat}
 .vision .inner ul li:first-child .txt_wrap span{color:#00833e}
 .vision .inner ul li:first-child .txt_wrap strong{color:#000}
 .vision h3{display:inline-block;width:168px;height:42px;line-height:42px;font-size:18px;border-radius:2%;color:#fff;background-color:#84655a}
 .vision .vision__strategys{display:flex;flex-wrap:wrap;justify-content: center;margin:0 40px;padding:80px 0;position:relative}
 .vision .vision__strategys h3{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10}
 .vision .vision__principle h3{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10}
 .vision .vision__strategys ul{width:228px;margin-right:16px;}
 .vision .vision__strategys li{padding:18px}
 .vision .vision__strategys li .bold{font-weight:600}
 .vision .vision__strategys li p{line-height:20px;padding-bottom:8px}
 .vision .vision__strategys strong{display:inline-block;font-size:18px;line-height:22px;padding-top:8px}
 .vision .vision__strategys li:nth-child(odd){width:100%;height:168px;border:2px solid #ffa1a8;border-radius:4%;box-shadow:1px 2px 2px 2px rgba(0,0,0,.1);position:relative;font-size:18px;text-align:center}
 .vision .vision__strategys li:nth-child(odd) p{font-size:40px;font-weight:200;color:#fd5d75;position:absolute}
 .vision .vision__strategys li:nth-child(odd) em{width:100px;height:82px;display:block;margin:auto;background-image:url(/common/img/contents/vision_icons.png);background-size:222px 384px}
 .vision .vision__strategys li:nth-child(odd) em.icon1{background-position:0 0}
 .vision .vision__strategys li:nth-child(odd) em.icon2{background-position:0 -80px}
 .vision .vision__strategys li:nth-child(odd) em.icon3{background-position:0 -160px}
 .vision .vision__strategys li:nth-child(odd) em.icon4{background-position:0 -240px}
 .vision .vision__strategys li:nth-child(odd) strong:after{content:"";display:block;position:absolute;top:179px;left:50%;transform:translate(-50%,-50%);width:18px;height:29px;background-image:url(/common/img/contents/vision_icons.png);background-size:222px 384px;background-position:-98px 0}
 .vision .vision__strategys li:nth-child(even){width:100%;height:260px;border:1px solid #ddd;margin-top:18px;margin-bottom:16px;text-align:center;padding:20px;border-radius:4%;font-size:14px}
 .vision .vision__strategys li:nth-child(even) p:first-child{color: #e60012}
 .vision .vision__principle{display:flex;flex-wrap:wrap;justify-content: center;position:relative;background-color:#f5f5f5;padding:50px}
 .vision .vision__principle li{width:220px;height:220px; margin-right:24px;text-align:center;border-radius:50%;border:1px solid #ddd;position:relative;margin-bottom:50px;background-color:#fff}
 .vision .vision__principle li::after{content:"+";font-size:24px;display:block;position:absolute;top:90px;left:224px;color:#ddd}
 .vision .vision__principle li:last-child::after{display:none}
 .vision .vision__principle li em::before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:184px;height:184px;border:3px solid #8fd1a1;border-radius:50%}
 .vision .vision__principle li em{display:block;position:absolute;width:80px;height:62px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/common/img/contents/vision_icons.png);background-size:222px 384px}
 .vision .vision__principle li em.icon1{background-position:120px -78px}
 .vision .vision__principle li em.icon2{background-position:120px -139px}
 .vision .vision__principle li em.icon3{background-position:120px -201px}
 .vision .vision__principle li em.icon4{background-position:120px -262px}
 .vision .vision__principle strong{color:#00833e;display:block;font-size:20px;width:220px;position:absolute;bottom:-46px}

/*기부결재방식추가_200914*/
.pay__wrap {float: left;}
.pay__wrap ul.boxs {flex-wrap: wrap;text-align: center;}
.pay__wrap ul.boxs:first-child {margin-top: 12px;}
.pay__wrap li {float: left;}
.pay__wrap .box {position: relative;width: 160px;height: 46px;line-height: 46px;margin-right: 10px;margin-bottom: 10px;background-color:white;border-radius: 10px;filter: drop-shadow(6px 6px 3px #ddd6d6);}
.pay__wrap .box a{color:#000;text-decoration:none;font-size: 15px;font-weight: 500;line-height: 44px;}
.pay__wrap .active {border: 1px solid red;filter: drop-shadow(5px 6px 3px #d1b2b0);}
.pay__wrap .active a{color:#e94641;}
.pay__wrap .icon {background-image: url(/common/img/contents/icon_pays_ci.png);width: 86px;height: 58px;background-size: 608px 58px;}
.pay__wrap .n_pay {background-position: -3px -2px;}
.pay__wrap .k_pay {background-position: -87px 0px;}
.pay__wrap .payco {background-position: -175px 0px;}
.pay__wrap .toss {background-position: -262px 0px;}
.pay__wrap .samsungpay {background-position: -350px 0px;}
.pay__wrap .ssg_pay {background-position: -436px 0px;}
.pay__wrap .L_pay {background-position: -520px 0px;}


/*크라우드기부버튼변경_2108*/
        .btn-cr-wrap {
            position: fixed;
            display: flex;
            bottom: 4px;
            left: 50%;
            max-width: 700px;
            width: 100%;
            height: 60px;
            transform: translateX(-50%);
            z-index:999;
        }

        .btn-cr-wrap div {
            align-items: center;
            justify-content: center;
        }

        .btn-cr-wrap button {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
        }

        .btn-cr-wrap .list {
            display: flex;
            flex-grow: 1;
            background-color: #555555;
        }


        .btn-cr-wrap .list::after {
            content: "";
            display: block;
            width: 1px;
            height: 30px;
            background-color: rgb(143, 143, 143);
        }

        .btn-cr-wrap .list>button:hover,
        .btn-cr-wrap .sns>button:hover {
            background-color: #4C4C4C;
        }

        .btn-cr-wrap .sns {
            display: flex;
            flex-grow: 2;
            background-color: #555555;
        }


        .btn-cr-wrap .donation_btn {
            display: flex;
            flex-grow: 4;
            background-color: #CB0802;
        }

        .btn-cr-wrap .donation_btn>button:hover {
            background-color: #BF0802;
        }

        .btn-cr-wrap i {
            width: 30px;
            height: 20px;
            background: url(/common/img/contents/btn-cr_icon.png) no-repeat;
            background-size: 60px auto;
        }

        .btn-cr-wrap .list i {
            background-position: 0 0;
        }

        .btn-cr-wrap .sns i {
            background-position: -30px 0px;
        }

        .btn-cr-wrap .donation_btn i {
            width: 60px;
            height: 45px;
            background-position: 0px -22px;
        }



/*아너소사이어티_명예의전당*/

.Honor_benner_wraper {
  width: 100%;
  padding: 20px 20px 0px 20px;
  background: url(/common/img/honor/benner_back2.png) no-repeat center top;
  background-size: 100% !important;
  z-index: 10;
  position: relative;
}
.Honor_benner_inner {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: rgba(50, 62, 86, 0.15);
  text-align: center;
  position: relative;
  border-bottom: 0px solid rgba(255, 255, 255, 0.15);
}
.Honor_benner_inner .Honor_pattern_left {
  position: absolute;
  left: -1px;
  top: -1px;
}
.Honor_benner_inner .Honor_pattern_right {
  position: absolute;
  right: -1px;
  top: -1px;
}

.Honor_benner_inner .Honor_benner_titleimg {
  padding: 15px 0 0 0;
}
.Honor_benner_inner .Honor_benner_maintext {
  color: #fff;
  font-size: 36px;
  font-family: "S-CoreDream-6Bold";
  letter-spacing: 0.02em;
  padding: 5px 0 6px 0;
  text-shadow: 0px 2px 0 rgba(0, 1, 1, 0.75);
}
.Honor_benner_inner .Honor_benner_subtext {
  color: #fff;
  font-size: 15px;
  font-family: "S-CoreDream-4Regular";
  letter-spacing: inherit;
  padding-bottom: 0px;
}
.Honor_benner_wraper .bottom_border {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
}
.Honor_benner_wraper .top_member {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  margin-top: -20px;
}

.Honor_member_wraper {
  width: 100%;
  padding: 0px 20px 20px 20px;
  background: url(/common/img/honor/member_back.png) no-repeat center top;
  background-size: cover !important;
  margin-top: -70px;
}
.Honor_member_inner {
  width: 100%;
  background: url(/common/img/honor/member_back2_.png) no-repeat center top;
  background-size: 100% !important;
  padding: 70px 40px 0px 40px;
}

.Honor_member_inner .Honor_search {
  width: 100%;
  text-align: right;
  padding: 52px 0 13px 0;
}
.Honor_member_inner .Honor_search .Honor_btn {
  width: 44px;
  min-width: 44px;
  padding: 0;
}
.Honor_member_inner .Honor_search .Honor-search-col {
  display: inline-block;
  margin-left: 3px;
}
.Honor_member_inner .Honor_search .Honor-search-col label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
.Honor_member_inner .Honor_search .Honor-inp-base {
  width: 162px;
  padding: 0;
  border: 1px solid #b8afa7;
}

.Honor_member_inner #Honor_member {
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
}
.Honor_member_inner #Honor_member li {
  width: 22%;
  border-bottom: 0px solid rgba(163, 156, 152, 0.5);
  padding: 13px;
  position: relative;
  float: left;
  margin-right: 4%;
  margin-bottom: 40px;
  background: url(/common/img/honor/border-img2.png) no-repeat center top;
  background-size: 100% !important;
}
.Honor_member_inner #Honor_member li:nth-child(4n) {
  margin-right: 0%;
}

.Honor_member_inner #Honor_member li::after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: url(/common/img/honor/border-img3.png) no-repeat center top;
  position: absolute;
  bottom: 0px;
  background-size: 100% !important;
  left: 0px;
}
.Honor_member_inner #Honor_member li .Honor_gallery-img {
  width: 180px;
  height: 240px;
  padding-top: 0px;
  margin: 0 auto;
}
.Honor_member_inner #Honor_member li .Honor_gallery-tit {
  font-weight: 500;
  text-align: center;
  padding-top: 12px;
}
.Honor_member_inner #Honor_member li .Honor_gallery-tit span.Honor_number {
  font-size: 19px;
  color: #7d7370;
  padding-bottom: 7px;
}
.Honor_member_inner #Honor_member li .Honor_gallery-tit span.Honor_name {
  font-size: 22px;
  color: #261b15;
  display: inline-block;
}
.Honor_member_inner #Honor_member li .Honor_gallery-tit span.Honor_name span {
  font-size: 18px;
  color: #261b15;
  display: inline-block;
  width: auto;
  padding-left: 3px;
}

.Honor_member_inner .Honor_bottom_text {
  font-size: 14px;
  font-family: "S-CoreDream-4Regular";
  letter-spacing: inherit;
  color: #4a413c;
  opacity: 0.9;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.Honor_wraper .paging-area .paging-item.active {
  text-decoration: underline !important;
}


/*아너소사이어티_명예의전당_회원상세페이지*/
.Honor_view_wraper{width:100%;padding:23px 80px 0px 80px;background:url(/common/img/honor/view_background.png) no-repeat center top;background-size:100%!important;padding-bottom:90px;}
.Honor_view_wraper .Honor_view_top_button{width:100%;text-align:right;padding-bottom:21px;position:relative;}
.Honor_view_wraper .Honor_view_top_button #Honor_share_layer{
    text-align:center;
    width: 160px;
    background:#fbf0ed;
    display: block;
    position: absolute;
    top: 40px;
    right: 118px;}
    .Honor_view_wraper .Honor_view_top_button #Honor_share_layer a{display:inline-block;width:50px;padding: 10px 6px 4px 6px;}
    .Honor_view_wraper .Honor_view_top_button #Honor_share_layer a img{width:100%;max-width:100%;}
.Honor_view_wraper .Honor_view_top_button .Honor_view_share{display:inline-block;font-size:14px;color:#343946;font-weight:500;background:#ede6e4;width:110px;text-align:center;border:1px solid #232833;padding:6px 0;margin-right:5px;}
.Honor_view_wraper .Honor_view_top_button .Honor_view_list{display:inline-block;font-size:14px;color:#343946;font-weight:500;background:#ede6e4;width:110px;text-align:center;border:1px solid #232833;padding:6px 0;}
.Honor_view_wraper .Honor_view_top_button .Honor_view_share img{vertical-align:middle;margin-right:5px;margin-top:-2px;}
.Honor_view_wraper .Honor_view_top_button .Honor_view_list img{vertical-align:middle;margin-right:5px;margin-top:-2px;}

.Honor_view_wraper .Honor_view_main{width:920px;text-align:center;margin:0 auto;background:url(/common/img/honor/view_background_2.png) no-repeat center top;background-size:100%!important;padding:20px 20px 23px 20px;
-webkit-box-shadow: 0 0 15px 0 rgba(14,14,17,0.9);
box-shadow: 0 0 15px 0 rgba(14,14,17,0.9);
}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner{background: url(/common/img/honor/view_border.png) no-repeat center top;background-size: 100%!important;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner::after{
content: "";
width: 100%;
height: 1px;
display: block;
background: url(/common/img/honor/view_border_bottom.png) no-repeat center top;
bottom: 0px;
background-size: 100%!important;
left: 0px;}

.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_main_logo{margin:30px 0 10px 0;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_title{font-size:30px;color:#403220;font-family:'S-CoreDream-5Medium';padding-bottom:40px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_title .number_bold{font-family:'S-CoreDream-7ExtraBold';}

.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text{display:inline-block;padding-top: 40px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text li{color:#403220;letter-spacing:-0.02em;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text li:nth-child(1){font-size:45px;font-weight:600;letter-spacing:0.2em;padding-bottom:5px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text li:nth-child(1) span{font-size:30px;font-weight:400;letter-spacing:-0.02em;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text li:nth-child(2){font-size:18px;font-weight:400;padding:10px 0;background: url(/common/img/honor/view_contents_border.png) no-repeat center top;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text li:nth-child(3){font-size:25px;font-weight:600;padding-top:53px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents .Honor_view_contents_text li:nth-child(4){font-size:21px;font-weight:400;}


.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents img.view_member_img_mo{display:none;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_contents img.view_member_img{width:250px;vertical-align: top;margin-bottom:50px;margin-left:50px;padding:10px;background:url(/common/img/honor/member_img_background.png) no-repeat center center;background-size:100%!important;}

/*카드문구부분*/
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card{background-color:rgba(167,157,143,0.25);position: relative;width:93%;margin:0 auto 25px;padding:50px 0;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card img.pattern_top_left{position:absolute;left:0px;top:0px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card img.pattern_top_right{position:absolute;right:0px;top:0px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card img.pattern_bottom_left{position:absolute;left:0px;bottom:0px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card img.pattern_bottom_right{position:absolute;right:0px;bottom:0px;}

.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card .Honor_view_card_text{width:90%;margin:0 auto;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card .Honor_view_card_text li{letter-spacing: -0.02em;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card .Honor_view_card_text li:nth-child(1){font-size:53px;color:#403220;letter-spacing:0.01em;font-family: 'East Sea Dokdo', cursive;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card .Honor_view_card_text li:nth-child(2){color:#101010;font-size:25px;font-weight:600;padding-top:10px;}

.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card .Honor_view_card_text li:nth-child(2) span{color:#101010;font-size:20px;font-weight:500;margin-left:5px;margin-right:18px;}
.Honor_view_wraper .Honor_view_main .Honor_view_main_inner .Honor_view_card .Honor_view_card_text li:nth-child(2) img{vertical-align: middle;}

.Honor_member_view_wraper{padding:20px;margin-top:0px;}
.Honor_member_view_wraper .Honor_member_view_inner{padding-top:10px;padding-bottom:10px;}

/* 새로운 디자인 효과 추가 */
.first_sec{display:flex;}
.sec_sec{display: block; width: 80%;}
.embloveA{
    float: left;
    margin-right: 6px;
    margin-top: 3px;
}
.boxes_cho1{
    display: inline-block;
    margin: 10px 5px;
    vertical-align: top;
}
.boxes_cho2{
    display: inline-block;
    margin: 1px 5px;
    vertical-align: middle;
}
.boxs .ban{margin: 10px auto;}
span.black_circle{background: #414141;
    padding: 8px 28px 27px 8px;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display:inline-block;
    font-size: 19px;
    margin-right: 5px;
    }
.new_style01 {border:2px solid #f7c0c0;border-radius: 15px;padding: 14px 20px;margin-bottom: 10px;position: relative;}
.new_style01 td{padding-left: 24px;}
.new_style01 th{font-weight: 500;text-align: left; }
.new_style01 .width-style{width:320px;}
.new_style02 {background:#fef2f2;;border-radius: 15px;padding: 14px 20px;margin-bottom: 20px;position: relative;}
.new_style02 td{padding-left: 24px;}
.new_style02 th{font-weight: 500;float: left;margin-top: 4px; padding: 10px 5px;}
.new_style02 >table{width: 100%;}
.rside{position: absolute;right: 10px;}
.new_style02 .width-style{width:320px;}
.new_style02 span.righ{padding-right: 42px;}
.addtionbtn{background: #e94641;color: #fff;border-radius: 4px;font-size: 13px;line-height: 13px;}
.finalbtn{background: #e94641;color: #fff;width: 260px;padding: 14px 20px;border-radius: 10px;font-size: 18px;font-weight: 500;}
.dirbtn{color: #fff!important;background: #e8473f;border-radius: 20px;padding: 6px!important;}
.dirbtn:hover {background: #c93028!important;}
/*btn new style*/
.new_style01_btn{cursor: pointer;color: #494949;padding: 8px!important;font-size: 14px;background: none;border:none;min-width: unset;height: inherit;border-radius: 20px;}
.new_style01_btn:hover{background: #e94641;border-radius: 20px;color: #fff;border:none;}
.new_style01_btn:active,.new_style01_btn:after,.new_style01_btn:checked,.new_style01_btn:focus{border-radius: 20px;}
.new_style02_btn{cursor: pointer;color: #fff;padding: 8px!important;font-size: 14px;background: #e94641;border:none;border-radius: 20px;}
.new_style02_btn:hover{background: #cb0802;}
/*table new style*/
.text_align_relic1{margin: 0 0 20px;position:absolute;right:20px;bottom:0;font-weight: 500;color: #555;font-weight: 500;font-size: 12px;color: #555;}
.text_align_relic1 b{color: #cb0802;}
.text_align_relic2{margin: 0 0 20px;text-align: left;font-size: 12px;font-weight: 500;color: #555;font-weight: 500;}
.bdb0{border-bottom: 0!important;}

table.newstyle01{width:100%;table-layout:fixed;color:#555;font-size:14px;text-align:left;line-height:18px;border: 2px solid #f7c0c0;border-radius: 20px;}
table.newstyle01 th{font-weight:500;color:#252525;border-bottom:1px solid #dbdbdb;word-break:break-all}
table.newstyle01 td{border-bottom:1px solid #d4d4d4;word-break:break-all}
.tb-type_a .pb{padding-bottom: 4px;}

.thumbImg{overflow: hidden; display: block; width: 100%;}
.thumbImg.lineBlue{border: 12px solid #01458d;}
.thumbImg >img{transition: all 0.3s ease-in;}
.thumbImg:hover >img,
.thumbImg:focus >img{transform: scale(1.03, 1.03)}


/* privacy */
.page-tab.type2{}
.page-tab.type2 .tab-col{color: #888;background-color: #f7f7f7;border: 1px solid #ccc;}
.page-tab.type2 .tab-col.on{background-color: #fff; border-top: 2px solid #ca0902; color: #3c3c3c;}
.page-tab.type2 .tab-col .tab-col-item{border: 0;display: inline-block;vertical-align: middle;}
.page-tab.type2 .tab-col .tab-col-item.active{}

.privacy{width: 1080px; margin: 0 auto; color: #666;line-height: 1.5;}
.privacy .page-box >div p,
.privacy .page-box >p,
.privacy .page-box >div ul,
.privacy .page-box >ul{padding-bottom: 10px;}
.privacy .page-box >div ul >li:not(:first-child),
.privacy .page-box >ul >li:not(:first-child){margin-top: 5px;}
.privacy .page-box .a_link{color: #666;}
.privacy .page-box .a_link:hover{text-decoration: underline; text-underline-position: under;}
.privacy strong{font-weight: 700; display: inline-block; padding-bottom: 5px;}

.privacy__title{color: #333; font-size: 24px; font-weight: 700; padding-bottom: 30px;}
.privacy__subtitle{color: #333; font-size: 20px; font-weight: 700; padding-bottom: 5px; margin-top: 35px;}
.privacy__graybox{color: #333; font-weight: 700; background-color: #f7f7f7; padding: 35px; margin: 30px 0; line-height: 1.8;}

.privacy__table{width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin: 15px 0;}
.privacy__table th{font-size: 14px; font-weight: 700; color: #333; background-color: #f7f7f7; text-align: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 15px;}
.privacy__table td{font-size: 14px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 15px;}

.privacy__adminList{display: table; table-layout: fixed; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 30px; padding-bottom: 30px !important; margin: 15px 0;}
.privacy__adminList >li{display: table-cell; text-align: center; border-right: 1px solid #ccc;}
.privacy__adminList >li:last-child{border-right: 0;}
.privacy__adminList .item{display: block; width: 100%; }
.privacy__adminList .item .tit{font-weight: 700; margin-bottom: 5px;}
.privacy__adminList .item span{display: block; margin-bottom: 5px;}

.privacy__tab_w{padding: 20px; background-color: #f7f7f7; border: 1px solid #ccc; margin-top: 50px;}
.privacy__tab{display: flex;width: 100%;align-items: center; flex-wrap: wrap;}
.privacy__tab >li{width: calc((100% - 20px)/3);margin-top: 0 !important; margin-right: 10px;}
.privacy__tab >li:last-child{margin-right: 0;}
.privacy__tab >li >a{display: block; width: 100%; border: 1px solid #ccc; border-radius: 50px; padding: 10px 5px; color: #888; font-size: 15px; background-color: #fff; text-align: center;}
.privacy__tab >li >a.active{background-color: #ca0902; border-color: #ca0902; color: #fff;}

.list-dash{}
.list-dash >li{position: relative; padding-left: 13px;}
.list-dash >li::before{content: '\002d'; position: absolute; top: 0; left: 0;}
.list-dash >li.nodash{padding-left: 0;}
.list-dash >li.nodash::before{display: none;}
.line-dash {position: relative; padding-left: 13px;}
.line-dash::before{content: '\002d'; position: absolute; top: 0; left: 0;}

/* 윤리경영 */
.content-inner.ethical { padding-top: 70px; color: #1F2937; }
.ethical .tit { display: block; font-size: 22px; font-weight: 600; line-height: 1.3; }
.ethical-info { width: 100%; border: 1px solid #D4D4D4; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding: 52px 48px 0 60px; display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 80px; }
.ethical-info .txt-box { width: 100%; padding-bottom: 78px; }
.ethical-info .txt-box ul { margin-top: 28px; }
.ethical-info .txt-box ul li { position: relative; padding-left: 20px; margin-bottom: 3px; font-size: 16px; }
.ethical-info .txt-box ul li::before { content: ""; display: block; width: 6px; height: 6px; background-color: #1F2937; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: absolute; top: 10px; left: 0; }
.ethical-info .img-box { max-width: 300px; width: 100%; height: 223px; }
.ethical-info .img-box > img { width: 100%; height: 100%; }
.ethical-list ul { display: flex; gap: 19px; margin-top: 40px; }
.ethical-list ul li { max-width: 348px; width: 100%; padding: 20px 40px 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.ethical-list ul li .txt-box { margin-top: -12px; }
.ethical-list ul li .txt-box p { font-size: 20px; font-weight: 600; line-height: 1.1; margin-bottom: 11px; }
.ethical-list ul li .txt-box span { display: block; max-width: 255px; width: 100%; font-size: 16px; line-height: 1.6; }
.ethical-list ul li .img-box { max-width: 282px; width: 100%; height: 230px; }
.ethical-list ul li .img-box > img { width: 100%; }
.ethical-list ul li:nth-child(1) { background-color: #D1E2FF; padding-right: 0; }
.ethical-list ul li:nth-child(1) .img-box { max-width: 100%; }
.ethical-list ul li:nth-child(1) .txt-box { padding-right: 40px; }
.ethical-list ul li:nth-child(2) { background-color: #FBDFA9; }
.ethical-list ul li:nth-child(3) { background-color: #AAE5E3; }
.ethical-list svg { display: block; width: 100%; margin: 24px 0; }
.ethical-list .banner-wrap { width: 100%; background-image: url(../img/contents/bg_ethical04.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-top-left-radius: 24px; border-bottom-right-radius: 24px; padding: 33px 0; }
.ethical-list .banner-wrap > p { font-size: 20px; font-weight: 600; color: #fff; text-align: center; }
.ethical-list .banner-wrap > p > span { font-size: 26px; }

/* 윤리규범 */
.ethical-rule-wrap li { display: flex; justify-content: space-between; }
.ethical-rule-wrap li .tit-area { max-width: 276px; width: 100%; }
.ethical-rule-wrap li .tit-area > p { font-size: 22px; font-weight: 600; margin-bottom: 39px; }
.ethical-rule-wrap li .tit-area .btn-download { display: flex; align-items: center; justify-content: space-between; width: 180px; height: 54px; background-color: #1F2937; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; padding: 0 34px 0 32px; }
.ethical-rule-wrap li .tit-area .btn-download::after { content: ""; display: block; width: 24px; height: 20px; background-image: url(../img/contents/icon_download_w.svg); background-repeat: no-repeat; background-size: contain; }
.ethical-rule-wrap li .txt-area { width: 100%; border-top: 2px solid #1F2937; margin-bottom: 75px; padding-top: 19px; }
.ethical-rule-wrap li .txt-area > p { font-size: 18px; font-weight: 600; color: #6B7280; }
.ethical-rule-wrap li .txt-area > p > span { display: inline-block; padding-left: 37px; padding-right: 20px; color: #1F2937; }
.ethical-rule-wrap li .txt-area .desc { margin-top: 28px; background-color: rgba(240, 246, 249, 0.50);; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 36px 40px; }
.ethical-rule-wrap li .txt-area .desc > p { font-size: 14px; line-height: 1.6; }

/* 윤리경영 추진체계도 */
.ethical-diagram-wrap { display: flex; flex-direction: column; gap: 24px; }
.ethical-diagram-wrap > li { display: flex; gap: 20px; }
.ethical-diagram-wrap > li .tit { display: flex; align-items: center; justify-content: center; max-width: 256px; width: 100%; background-color: #6B7280; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-size: 18px; font-weight: 600; color: #fff; }
.ethical-diagram-wrap > li .desc-area { display: flex; gap: 20px; width: 100%; }
.ethical-diagram-wrap > li .desc { width: 100%; background-color: #F0F6F9; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 19px 0; text-align: center; font-size: 16px; }
.ethical-diagram-wrap > li .desc > strong { font-weight: 600; }
.ethical-diagram-wrap > [class*="items-"] .desc { max-width: 256px; width: 100%;}
.ethical-diagram-wrap > .items-1 .desc { padding: 36px 22px 72px; }
.ethical-diagram-wrap > .items-2 .desc { padding: 36px 22px 60px; }
.ethical-diagram-wrap > [class*="items-"] .desc > p { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 12px; }
.ethical-diagram-wrap > [class*="items-"] .desc > span { display: block; font-size: 16px; text-align: left; line-height: 1.6; }
.ethical-diagram-wrap > li .desc > .dot { position: relative; padding-left: 10px; }
.ethical-diagram-wrap > li .desc > .dot::after { content: ""; display: block; width: 5px; height: 1.5px; background-color: #1F2937; position: absolute; top: 12px; left: 0; }

@media all and (max-width: 768px){
  /* 윤리경영 */
  .content-inner.ethical { padding-top: 30px; }
  .ethical .tit { font-size: 20px; }
  .ethical-info { padding: 36px 36px 0 32px; flex-direction: column; margin-bottom: 40px; }
  .ethical-info .txt-box { padding-bottom: 27px; }
  .ethical-info .txt-box ul { margin-top: 15px; }
  .ethical-info .txt-box ul li { font-size: 14px; padding-left: 12px; }
  .ethical-info .txt-box ul li::before { width: 4px; height: 4px; top: 7px; }
  .ethical-info .img-box { max-width: 204px; height: 152px; }
  .ethical-list ul { margin-top: 28px; flex-direction: column; gap: 24px; }
  .ethical-list ul li { max-width: 100%; padding: 16px 32px 35px 29px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
  .ethical-list ul li .img-box { max-width: 100%; height: auto; }
  .ethical-list ul li .txt-box p { font-size: 18px; }
  .ethical-list ul li .txt-box span { max-width: 100%; font-size: 14px; }
  .ethical-list ul li .img-box { text-align: right; }
  .ethical-list ul li .img-box > img { max-width: 200px; width: 100%; }
  .ethical-list .banner-wrap { background-image: url(../img/contents/bg_ethical04_mo.png); background-position: bottom 20% center; }
  .ethical-list .banner-wrap > p { font-size: 14px; }
  .ethical-list .banner-wrap > p > span { font-size: 24px; }

  /* 윤리규범 */
  .ethical-rule-wrap li { flex-direction: column; gap: 14px; }
  .ethical-rule-wrap li .tit-area { max-width: 100%; display: flex; justify-content: space-between; align-items: center; }
  .ethical-rule-wrap li .tit-area > p { font-size: 20px; margin-bottom: 0; }
  .ethical-rule-wrap li .tit-area .btn-download { width: 22px; height: 22px; background-color: transparent; text-indent: -9999px; overflow: hidden; padding: 0; border-radius: unset; -webkit-border-radius: unset; -moz-border-radius: unset; -ms-border-radius: unset; -o-border-radius: unset; }
  .ethical-rule-wrap li .tit-area .btn-download::after { width: 22px; height: 22px; background-image: url(../img/contents/icon_download.svg); }
  .ethical-rule-wrap li .txt-area { padding-top: 16px; margin-bottom: 32px; }
  .ethical-rule-wrap li .txt-area > p { font-size: 14px; }
  .ethical-rule-wrap li .txt-area > p > span { display: none; }
  .ethical-rule-wrap li .txt-area .desc { margin-top: 18px; padding: 20px 15px; }
  .ethical-rule-wrap li .txt-area .desc > p { font-weight: 500; }

  /* 윤리경영 추진체계도 */
  .ethical-diagram-wrap > li { flex-direction: column; gap: 10px; }
  .ethical-diagram-wrap > li .tit { max-width: 100%; font-size: 16px; padding: 13px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
  .ethical-diagram-wrap > li .desc { font-size: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; font-weight: 500; }
  .ethical-diagram-wrap > li .desc > strong { display: block; }
  .ethical-diagram-wrap > li .desc-area { flex-wrap: wrap; row-gap: 10px; column-gap: 16px; }
  .ethical-diagram-wrap > [class*="items-"] .desc { max-width: 100%; }
  .ethical-diagram-wrap > [class*="items-"] .desc > p { font-size: 15px; margin-bottom: 8px; }
  .ethical-diagram-wrap > [class*="items-"] .desc > span { font-size: 14px; width: 100%; margin: 0 auto; }
  .ethical-diagram-wrap > .items-1 .desc { padding: 24px; }
  .ethical-diagram-wrap > .items-2 .desc { padding: 24px 12px; }
  .ethical-diagram-wrap > .items-1 .desc:nth-child(2),
  .ethical-diagram-wrap > .items-1 .desc:nth-child(3) { max-width: calc(50% - 8px); }
    .ethical-diagram-wrap > .items-2 .desc:nth-child(1),
  .ethical-diagram-wrap > .items-2 .desc:nth-child(2) { max-width: calc(50% - 8px); }
  .ethical-diagram-wrap > .items-1 .desc > span { max-width: 160px; }
}.ethical-diagram-wrap > .items-2 .desc > span { max-width: 220px; }