@charset "utf-8";
/* LicenseNumber:ekdrh2026 */

/* for styles */
@import url("default.css");

/* color */
	body{
		--c_iden:#4CAF7A;
	}
	.c_iden {color:#4CAF7A;}
	.c_yellow {color:#FFD84D;}
	.c_green {color:#4CAF7A;}
	.c_orange {color:#F6763B;}
	.c_0 {color:#000 !important;}
	.c_1c {color:#1c1c1c !important;}
	.c_red {color:#f00 !important;}
/* 버튼 */
	.btn {display:block; width:200px; height:48px; border-radius:8px; display:flex; justify-content:center; align-items:center; font-size:16px;}
	.btn_wkk {color:#fff !important; background:#333 !important; border-color:#333 !important;}
	.btn_wkk:after {background-color:#fff;}
	.btn_kwg {color:#333 !important; background:#fff !important; border-color:#ccc !important;}
	.btn_list:after {content:""; display:block; width:20px; height:20px; background:url('/pub/images/btn_list.svg') no-repeat 50% 50%;}
	.btn_download {font-size:16px; color:#fff; font-weight:500; line-height:48px; height:48px; padding:0 16px; border-radius:8px; display:flex; align-items:center; gap:4px; background:#333;}
	.btn_download:after {content:""; display:block; width:16px; height:16px; background:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain;}
	.btns_btm {margin-top:70px;}
	.btns_btm .btn {font-size:16px;}
	.btn_long {width:300px; height:64px;}

/* 노치처리 */
	body.ios_safe {--safe-top:constant(safe-area-inset-top); --safe-bottom:constant(safe-area-inset-bottom); --safe-top:env(safe-area-inset-top); --safe-bottom:env(safe-area-inset-bottom);}

/* header */
	.header {position:fixed; top:0; left:0; width:100%; height:80px; z-index:100; background:#fff; transition:.2s linear;}
	.header.fixed {box-shadow:#0000001a 0 0 10px;}
	.header .bg {position:absolute; top:80px; left:0; width:100%; background:#fff; z-index:-1; pointer-events:none; box-shadow:0 10px 12px rgba(0, 0, 0, 0.08);}
	.header .inner {position:relative; height:inherit;}
	.header .logo {position:absolute; top:0; left:20px; height:inherit; font-size:0; display:flex; justify-content:center; align-items:center; z-index:1;}
	.header .gnb .outbox {display:flex; justify-content:center;}
	.header .gnb .menu {position:relative;}
	.header .gnb .menu > a {display:block; font-size:18px; color:#000; font-weight:500; line-height:80px; padding:0 48px; text-align:center; transition:color .2s linear, background .2s linear;}
	.header .gnb .menu.on > a {color:#4CAF7A;}
	.header .gnb .snb {position:fixed; top:80px; left:0; width:100%; height:calc(100vh - 80px); background:#0000004D; display:none; transition:color .2s linear, background .2s linear;}
	.header .gnb .snb .inbox {height:416px; padding:48px 20% 48px calc((100vw - 1600px)/2); background:#fff url('/pub/images/bg_snb.webp') no-repeat right calc((100vw - 1600px)/2) bottom 48px / 400px; display:flex; gap:61px; position:relative; z-index:1;}
	.header .gnb .snb_dim {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; cursor:default; display:none;}
	.header .gnb .snb .inbox > li {position:relative; width:calc((100% - 243px)/4);}
	.header .gnb .snb .inbox > li + li:before {content:""; position:absolute; top:0; left:-31px; width:1px; height:100%; background:#eee;}
	.header .gnb .snb .inbox > li > a {display:block; font-size:20px; color:#222; font-weight:700; line-height:30px;}
	/* .header .gnb .snb .inbox > li.on > a {color:#4CAF7A;} */
	.header .gnb .depth {display:flex; flex-direction:column; gap:12px; padding:16px 0 0;}
	.header .gnb .depth > li > a {position:relative; display:block; font-size:16px; color:#888; font-weight:500; line-height:24px;}
	.header .gnb .depth > li.on a {color:#4CAF7A;}
	.header .btn_menu {position:absolute; top:50%; right:20px; width:48px; height:48px; transform:translateY(-50%); background:#000; border-radius:50%;}
	.header .btn_menu span {position:absolute; top:50%; left:50%; height:2px; background:#fff; margin-left:-10px; transition:.2s linear;}
	.header .btn_menu .t {width:12px; margin-top:-8px; margin-left:-2px;}
	.header .btn_menu .m {width:20px; margin-top:-1px; margin-left:-10px;}
	.header .btn_menu .b {width:12px; margin-top:6px; margin-left:-10px;}
	.header.on .gnb > li > a {padding:0 20px; width:240px;}
	.header.on .snb {position:absolute; top:100%; display:block; left:0; width:100%; background:#fff; border-top:0;}
	.header.on .snb .inbox {padding:20px 24px 48px; background:none; flex-direction:column; gap:24px; height:auto; border-top:#fff 1px solid;}
	.header.on .gnb .snb .inbox > li {width:100%;}
	.header.on .gnb .snb .inbox > li + li:before {display:none;}
	.header.on .gnb .snb .inbox > li > a {font-size:18px; line-height:28px; font-weight:500;}
	.header.on .gnb .depth {gap:4px; padding-top:4px;}
	.header.on .gnb .depth > li > a {position:relative; font-size:16px; color:#555; padding-left:22px;}
	.header.on .gnb .depth > li > a:before {content:""; position:absolute; top:10px; left:12px; width:3px; height:3px; background:#4CAF7A; border-radius:1px; transition:.2s linear;}
	.header.on .gnb > li.on > a {color:#4CAF7A;}
	.header.on .gnb > li.on .snb .inbox > li.on > a,
	.header.on .gnb > li.on .depth > li.on > a {color:#4CAF7A;}
	.header.on .btn_menu .t {width:20px; margin-top:-1px; margin-left:-10px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {width:20px; margin-top:-1px; transform:rotate(-135deg);}
/* footer */
	.quick_area {position:fixed; top:50%; right:64px; width:64px; background:#fff; border-radius:32px; box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.10); z-index:30; transform:translateY(-50%);}
	.quick_area .flex_center {gap:8px; padding:8px 8px 12px; align-items:flex-end;}
	.quick_area .btn_area {position:relative; width:48px; height:48px; overflow:visible;}
	.quick_area a {position:absolute; top:0; right:0; display:block; width:100%; height:100%; flex-shrink:0; aspect-ratio:1/1; border-radius:24px; background:no-repeat 50% 50%;}
	.quick_area a.quick_custom {display:flex; justify-content:flex-end; align-items:center; aspect-ratio:auto; background-image:none !important;}
	.quick_area a.quick_custom span {width:auto; max-width:0; font-size:16px; color:#000; font-weight:700; line-height:1.2; white-space:nowrap; overflow:hidden; transition:.2s linear;}
	.quick_area a.quick_custom i {display:flex; width:48px; height:48px; flex-shrink:0; justify-content:center; align-items:center; background:no-repeat 50% 50%; background-size:24px;}
	.quick_area a.quick_custom i.i1 {background-image:url('/pub/images/icon_quick01.svg');}
	.quick_area a.quick_custom i.i2 {background-image:url('/pub/images/icon_quick02.svg');}
	.quick_area a.quick_custom i.i3 {background-image:url('/pub/images/icon_quick03.svg');}
	.quick_area a.quick_custom i.i4 {background-image:url('/pub/images/icon_quick04.svg');}
	.quick_area a.quick_custom img {width:24px; height:24px; object-fit:contain;}
	.quick_area .gotop {width:40px; line-height:40px; aspect-ratio:1/1; border-radius:50%; font-size:14px; color:#fff; font-weight:700; text-align:center; background:#2B6345; margin:4px auto 0;}
	.pop_gen {position:fixed; top:50%; left:50%; width:500px; max-width:calc(100vw - 30px); transform:translate(-50%,-50%); border-radius:20px; overflow:hidden; z-index:111; box-shadow:rgba(0,0,0,.4) 0 0 20px; animation:pop_gen 1s forwards; background:#fff;}
	@keyframes pop_gen {0% {opacity:0;} 100% {opacity:1;}}
	.pop_gen .pop_slide_wrap {position:relative; width:100%; overflow:hidden; background:#fff;}
	.pop_gen .pop_slide {display:flex; width:100%;}
	.pop_gen .pop_slide .swiper-slide {font-size:0; height:500px; width:100%; flex-shrink:0; background:#fff;}
	.pop_gen .pop_slide img {width:100%; height:100%; object-fit:cover; aspect-ratio:1/1;}
	.pop_gen .pop_slide .pop_html {width:100%; height:100%; padding:24px; font-size:16px; line-height:1.6; color:#222; overflow:auto; box-sizing:border-box; background:#fff;}
	.pop_gen .pop_slide .pop_empty {display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:#fff;}
	.pop_gen .paging {position:absolute; bottom:10px; left:auto; right:10px; width:max-content; background-color:#fff; padding:5px 2rem; border-radius:20px; font-size:1.2rem; z-index:1; text-align:center;}
	.pop_gen .btns {display:flex; border-top:#ebebeb 1px solid; background:#fff;}
	.pop_gen .btns .btn {position:relative; width:50%; max-width:none; font-size:16px; color:#222; line-height:50px; height:50px; text-align:center; border-radius:0; border:0; margin:0; justify-content:center; background:#fff; cursor:pointer;}
	.pop_gen .btns .btn:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; background:#ebebeb; margin-top:-10px;}
	.pop_gen .btns .btn:first-child:before {display:none;}
	.fbanner_wrap {border-top:#eee 1px solid;}
	.fbanner {position:relative; padding:0 86px; overflow:hidden;}
	.fbanner:before,
	.fbanner:after {content:""; position:absolute; top:0; width:86px; height:100%; background:#fff; z-index:2;}
	.fbanner:before {left:0;}
	.fbanner:after {right:0;}
	.fbanner .swiper_slide {flex:0 0 auto;}
	.fbanner .swiper_slide a {display:block; padding:0 17px; height:96px; line-height:96px;}
	.fbanner .arrow {position:absolute; top:50%; width:32px; aspect-ratio:1/1; border-radius:50%; border:#ccc 1px solid; background:#fff; transform:translateY(-50%); font-size:0; z-index:3;}
	.fbanner .arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_fbanner.svg') no-repeat 50% 50%;}
	.fbanner .prev {left:20px;}
	.fbanner .next {right:20px;}
	.fbanner .next:before {transform:scaleX(-1);}
	.footer {background:#222; padding:64px 0;}
	.footer .inner {position:relative; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
	.footer .address {position:relative; display:flex; flex-direction:column; gap:6px; font-size:14px; color:#888; font-weight:500; line-height:1.3; padding-left:239px;}
	.footer .address:before {content:""; position:absolute; top:0; left:0; display:block; width:183px; height:40px; background:url('/pub/images/flogo.webp') no-repeat 0 0 / contain;}
	.footer .address span {display:flex; gap:4px;}
	.footer .tels {display:flex; gap:48px;}
	.footer .tels li {display:flex; flex-direction:column;}
	.footer .tels span {font-size:14px; color:#888; font-weight:700; line-height:1.3;}
	.footer .tels strong {font-size:24px; color:#4CAF7A; line-height:1.5;}
	.footer .links {display:flex; gap:12px;}
	.footer .links a {display:block; font-size:16px; color:#ccc; font-weight:600; line-height:48px; width:164px; text-align:center; border-radius:24px; background:#333;}

/* 공통 */
	.container {margin-top:80px; padding-bottom:160px;}
	body.ios_safe .container {margin-top:calc(80px + var(--safe-top));}
	.container * {letter-spacing:-.02em;}
/* 팝업 */
	.popup,
	.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
	.popup {z-index:110; font-size:18px; color:#222; line-height:1.5; opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease; z-index:1000; pointer-events:none;}
	.popup.is-active {opacity:1; visibility:visible; pointer-events:auto;}
	.popup .dm {background:#0009;}
	.popup .inbox {position:absolute; top:50%; left:50%; width:500px; max-width:calc(100% - 40px); background:#fff; border-radius:8px; padding:40px 48px; transform:translate(-50%,-50%);}
	.popup .ptit {font-size:30px; color:#1c1c1c; font-weight:600; margin-bottom:20px;}
	.popup .btn_close {position:absolute; top:20px; right:20px; width:65px; aspect-ratio:1/1; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
	.popup .gbox {padding:32px;}
	.popup .scroll {padding-right:16px; overflow:hidden scroll; max-height:calc(100vh - 324px);}
	.popup .scroll.auto {overflow:hidden auto;}
	.popup .btn_clo {display:block; font-size:16px; color:#fff; line-height:48px; height:48px; width:60px; background:#333; border-radius:8px; margin:20px auto 0;}
	.popup .btn_clo.btn_long {width:160px; height:60px; line-height:60px;}
/* 게시판 상단 */
	.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
	.board_top .total {font-size:15px; color:#888; display:flex; align-items:center; gap:2px;}
	.board_top .total strong {color:#000; font-weight:600; padding-left:2px;}
	.board_top .total.c8 {color:#888;}
	.board_top .total.c8 strong {font-weight:700;}
	.board_top .search_wrap,
	.board_top .search_wrap fieldset {display:flex; align-items:center; border:0; border-radius:0; gap:8px;}
	.board_top .search_wrap select {position:relative; width:160px; height:48px; font-size:15px; color:#888; padding-left:20px; border:#ccc 1px solid; border-radius:8px; background-color:transparent;}
	.board_top .search_wrap select:focus {z-index:1;}
	.board_top .search_wrap input {width:320px; height:48px; font-size:16px; border-radius:8px;}
	.board_top .search_wrap .btn {font-size:16px; color:#fff; font-weight:400; line-height:46px; height:48px; width:64px; background:#333; border-radius:8px; border:1px solid;}
	.board_top .search_wrap .datepicker {width:160px;}
/* 게시판 목록 */
	.board_basic col.board_num {width:112px;}
	.board_basic col.board_date {width:144px;}
	.board_basic col.board_dday {width:120px;}
	.board_basic table {text-align:center; border-top:#1c1c1c 2px solid;}
	.board_basic thead th,
	.board_basic tbody td {border-bottom:#ccc 1px solid; line-height:1.7;}
	.board_basic thead th {position:relative; padding:20px 0; background:#F9FAFB; font-size:16px; color:#555; font-weight:400;}
	.board_basic tbody td {line-height:68px; font-size:16px; color:#555;}
	.board_basic tbody td.board_tit {text-align:left;}
	.board_basic tbody td.board_tit a {font-size:18px; color:#555; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_basic tbody .notice td.board_num {font-size:0;}
	.board_basic tbody .notice td.board_num:before {content:"공지"; font-size:15px; color:#fff; font-weight:600; line-height:32px; height:32px; width:48px; display:inline-block; vertical-align:middle; background:#F6763B; text-align:center; border-radius:6px;}
	.board_basic tbody .file td.board_tit a {position:relative; padding-right:34px;}
	.board_basic tbody .file td.board_tit a:after {content:""; position:absolute; top:50%; right:0; width:24px; height:24px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50%; transform:translateY(-50%);}
	.board_basic tbody .board_dday span {display:inline-block; font-size:16px; color:#fff; font-weight:500; line-height:32px; height:32px; padding:0 10px; border-radius:6px;}
	.board_basic tbody .board_dday .d_day {background:#4CAF7A;}
	.board_basic tbody .board_dday .d_end {background:#888;}
	.board_basic .state {display:block; font-size:16px; font-weight:500; line-height:32px; height:32px; width:74px; text-align:center; border-radius:6px; margin:0 auto; border:1px solid;}
	.board_basic .state.end {color:#fff; background:#888; border-color:#888;}
	.board_basic .state.re {color:#FC5D5D; background:#FC5D5D1A; border-color:#FC5D5D33;}
	.board_basic .state.ok {color:#4CAF7A; background:#4CAF7A1A; border-color:#4CAF7A33;}
	.board_basic .btn {font-size:16px; line-height:30px; height:32px; width:130px; text-align:center; border:1px solid; margin:0 auto;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3 {line-height:1.35; padding:14px 8px; vertical-align:middle;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3 .esg-cert-gb-list {display:inline-block; vertical-align:middle; line-height:1.35;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3 .esg-cert-gb-list__item {display:block;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3 .esg-cert-gb-list__item + .esg-cert-gb-list__item {margin-top:2px;}
/* 게시판 하단 */
	.board_bottom {position:relative;}
	.board_bottom.mt2 {margin-top:20px;}
	.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:64px;}
	.board_bottom .paging a,
	.board_bottom .paging button {width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:16px; color:#888; border:none; padding:0; background:transparent; cursor:pointer; font-family:inherit; text-decoration:none; flex-shrink:0;}
	.board_bottom .paging a.on,
	.board_bottom .paging button.on,
	.board_bottom .paging span.on {color:#fff; font-weight:700; background:#333; border-color:#333;}
	.board_bottom .paging button:disabled {opacity:0.35; cursor:default;}
	.board_bottom .paging .arrow {font-size:0; background:no-repeat 50% 50% !important;}
	.board_bottom .paging .two {background-image:url('/pub/images/page_two.svg') !important;}
	.board_bottom .paging .one {background-image:url('/pub/images/page_one.svg') !important;}
	.board_bottom .paging .prev {margin-right:10px;}
	.board_bottom .paging .next {margin-left:10px;}
	.board_bottom .paging .next,
	.board_bottom .paging .last {transform:scaleX(-1);}
	.board_bottom .btn_abso {position:absolute; bottom:0; right:0; border-radius:4px; font-size:15px; font-weight:500;}
	.board_bottom .btns {gap:10px; margin-top:40px;}
	.board_bottom .btn {width:220px; height:56px; line-height:56px; display:flex; justify-content:center; align-items:center; gap:8px; font-size:18px; font-weight:500; border-radius:8px;}
/* 게시판 상세 */
	.board_view {padding-bottom:64px;}
	.board_view .tit_area {position:relative; padding:32px; background:#F9FAFB; display:flex; flex-direction:column; align-items:flex-start; border-radius:24px;}
	.board_view .tit_area .tit {font-size:24px; color:#222;}
	.board_view.notice .tit_area .tit {display:flex; align-items:center; gap:10px;}
	.board_view.notice .tit_area .tit span {font-size:14px; color:#fff; line-height:26px; height:26px; width:44px; display:block; background:#F6763B; text-align:center; border-radius:6px;}
	.board_view .tit_area .date {display:flex; align-items:center; gap:12px; margin-top:8px; font-size:14px;}
	.board_view .tit_area .date p {color:#888; font-weight:500;}
	.board_view .cont {padding:40px 32px 80px;}
	.board_view .file_area {padding:16px 32px; display:flex; gap:16px; border:#eee 1px solid; border-radius:12px;}
	.board_view .file_area a {font-size:14px; color:#1c1c1c; font-weight:700; line-height:1.3; text-decoration:underline;}
	.board_view .prev_next {border-top:#eee 1px solid; margin-top:40px; display:flex;}
	.board_view .prev_next > span,
	.board_view .prev_next a {position:relative; width:50%; display:flex; align-items:center; height:64px; font-size:16px; color:#555;}
	.board_view .prev_next strong {position:absolute; top:50%; color:#4CAF7A; font-weight:600; transform:translateY(-50%);}
	.board_view .prev_next strong:before {content:""; position:absolute; top:50%; width:20px; aspect-ratio:1/1; border-radius:50%; background:#EEE url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50%;}
	.board_view .prev_next p {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_view .prev_next .prev {padding-left:140px;}
	.board_view .prev_next .next {padding-right:140px; text-align:right;}
	.board_view .prev_next .prev strong {left:0; padding-left:60px;}
	.board_view .prev_next .next strong {right:0; padding-right:60px;}
	.board_view .prev_next .prev strong:before {left:32px; transform:translateY(-50%);}
	.board_view .prev_next .next strong:before {right:32px; transform:translateY(-50%) scaleX(-1);}
	.tr_all_hover tr {position:relative;}
	.tr_all_hover tr .btn_hover {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; font-size:0;}
/* 게시판 쓰기 */
	.board_write {border:#eee 1px solid; border-radius:20px; padding:34px 40px;}
	.board_write th,
	.board_write td {text-align:left; padding:16px 0; font-size:16px;}
	.board_write th {color:#1c1c1c; width:170px; font-weight:600;}
	.board_write th span {color:#3B82F6;}
	.board_write td {color:#555;}
	.board_write td p {font-size:14px;}
	.board_write td p.mt,
	.board_write td .excl {margin-top:10px;}
	.board_write td .flex_excl {gap:10px;}
	.board_write .gbox {padding:16px;}
	.board_write .mt2 {margin-top:20px;}
	.board_write .w1 {width:100%; max-width:800px;}
	.board_write .w_years {width:160px;}
	.board_write .infobox {background:#f8f8f8; padding:20px; text-align:center;}
	.inbtn {gap:8px; max-width:800px;}
	.inbtn .text {width:calc(100% - 98px);}
	.inbtn .btn {width:90px; height:52px;}
/* 갤러리 목록 */
	.gallery_basic {display:flex; flex-wrap:wrap; gap:20px 32px;}
	.gallery_basic li {width:calc((100% - 64px)/3);}
	.gallery_basic li button,
	.gallery_basic li a,
	.gallery_basic li span {display:block; text-align:left;}
	.gallery_basic li .imgfit {width:100%; aspect-ratio:405/228; border-radius:20px;}
	.gallery_basic li .imgfit img {transition:2s;}
	.gallery_basic li .txt {padding-top:20px;}
	.gallery_basic li .tit {font-size:18px; color:#333; font-weight:600; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.gallery_basic li .date {font-size:16px; color:#888; font-weight:500;}
/* 점선목록 */
	.dots_list li {position:relative; padding-left:18px; font-size:18px;}
	.dots_list li + li {margin-top:4px;}
	.dots_list li:before {content:""; position:absolute; top:12px; left:6px; width:4px; aspect-ratio:1/1; border-radius:1px; background:#4CAF7A;}
	.dots_list ul.non li:before {display:none;}
	.dots_list li.non:before {display:none;}
	.dots_list.slim li {font-size:16px; line-height:1.7; padding-left:14px;}
	.dots_list.slim li:before {left:4px; width:3px; background:#333; border-radius:1px;}
	.dots_list.dots_gray li {color:#555;}
	.dots_list.dots_gray li:before {background:#ccc;}
	.dots_list.dots_black li {color:#333;}
	.dots_list.dots_black li:before {background:#333;}
/* 숫자목록 */
	.num_list {display:flex; flex-direction:column; gap:8px;}
	.num_list li {position:relative; font-size:18px; line-height:30px; padding-left:32px;}
	.num_list li span {position:absolute; top:3px; left:0; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; font-weight:700; background:#333; border-radius:4px;}
/* 기본형 테이블 구조 */
	.tbl th,
	.tbl td {font-size:16px; word-break:break-word;}
	.tbl thead th {position:relative; color:#fff; font-weight:500; padding:12px; text-align:center;}
	.tbl thead th:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#333; z-index:-1;}
	.tbl thead th:first-child:before {border-radius:6px 0 0 6px;}
	.tbl thead th:last-child:before {border-radius:0 6px 6px 0;}
	.tbl tbody th,
	.tbl tbody td,
	.tbl tfoot td {border-bottom:#ccc 1px solid; padding:16px; text-align:center; color:#555; line-height:1.7; font-weight:400;}
	.tbl .w120 {width:120px;}
	.tbl .w240 {width:240px;}
/* 라디오, 체크박스 */
	.radios,
	.checks {gap:32px;}
	.radio,
	.check {position:relative;}
	.radio input,
	.check input {position:absolute; top:50%; left:10px; width:4px; height:4px; transform:translate(-50%,-50%);}
	.radio label,
	.check label {position:relative; padding-left:28px; font-size:16px; color:#1c1c1c; font-weight:400; line-height:28px;}
	.radio label i,
	.check label i {position:absolute; top:50%; left:0; width:20px; height:20px; border:#ccc 1px solid; background:#F9FAFB; transform:translateY(-50%); transition:.2s linear;}
	.radio label i:before,
	.check label i:before {content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
	.radio label i,
	.radio label i:before {border-radius:50%;}
	.check label i,
	.check label i:before {border-radius:2px;}
	.radio input:checked + label i,
	.check input:checked + label i {border:#000 6px solid;}
	.radio input:checked + label i:before,
	.check input:checked + label i:before {background:#fff;}
/* 파일첨부 */
	.file_attachment {gap:8px; align-items:center;}
	.file_attachment input {position:absolute; top:50%; left:10px; width:10px; height:10px; transform:translateY(-50%);}
	.file_attachment .flie_input {position:relative;}
	.file_attachment .flie_input .btn {position:relative; width:90px; height:52px; text-align:center; z-index:1;}
	.file_attachment p {position:relative; font-size:inherit; padding-right:28px; line-height:20px;}
	.file_attachment .file_name {display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.file_attachment .btn_del {position:absolute; top:0; right:0; width:20px; height:20px; background:#333; border-radius:4px; font-size:0;}
	.file_attachment .btn_del:before,
	.file_attachment .btn_del:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff;}
	.file_attachment .btn_del:before {transform:translate(-50%,-50%) rotate(45deg);}
	.file_attachment .btn_del:after {transform:translate(-50%,-50%) rotate(-45deg);}
	.file_attachment + p {font-size:14px; color:#555; line-height:1.6; margin-top:8px;}
/* 달력 */
	.datepicker {background:url('/pub/images/icon_month.svg') no-repeat right 16px center;}
	.ui-datepicker {width:330px; max-width:calc(100vw - 40px); margin-top:-1px; padding:32px 24px; background:#fff; border:#ccc 1px solid; border-radius:10px; display:none;}
	.ui-datepicker-header {position:relative; border-bottom:0; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:18px;}
	.ui-datepicker-title {order:2; text-align:center; font-size:16px; color:#222; font-weight:600; line-height:32px; display:flex; align-items:center; gap:6px;}
	.ui-datepicker-title select {padding:0 24px 0 12px;}
	.ui-datepicker-prev,
	.ui-datepicker-next {display:block; height:32px; line-height:32px; width:32px; text-align:center; display:flex; justify-content:center; align-items:center; background:#fff; border:#ccc 1px solid; border-radius:50%;}
	.ui-datepicker-prev {order:1;}
	.ui-datepicker-prev .ui-icon,
	.ui-datepicker-next .ui-icon {display:block; width:20px; height:30px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50%; font-size:0; cursor:pointer;}
	.ui-datepicker-next {order:3;}
	.ui-datepicker-prev .ui-icon {transform:scaleX(-1);}
	.ui-datepicker-calendar th,
	.ui-datepicker-calendar td {text-align:center; height:40px; font-size:15px;}
	.ui-datepicker-calendar td a {display:block; width:32px; height:32px; line-height:32px; border-radius:50%;}
	.ui-datepicker-calendar th:first-child,
	.ui-datepicker-calendar td:first-child a {color:#DC2626;}
	.ui-datepicker-calendar th:last-child,
	.ui-datepicker-calendar td:last-child a {color:#4CAF7A;}
	.ui-datepicker-calendar td.ui-datepicker-today a {color:#fff; background:#4CAF7A;} /* 오늘 */
	.ui-datepicker-calendar td a.ui-state-active {color:#4CAF7A; background:#fff; border:#4CAF7A 1px solid;} /* 선택 */

/* main */
	.mvisual {position:relative; border-radius:40px; overflow:hidden; aspect-ratio:20/9; background:#4CAF7A;}
	.mvisual .swiper-slide {position:relative;}
	.mvisual .imgfit img {object-position:right;}
	.mvisual .txt {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:0 0 110px 80px;}
	.mvisual .tit {display:flex; flex-direction:column; gap:8px; margin-bottom:48px;}
	.mvisual .tit span {font-size:48px; color:#fff; font-weight:300; line-height:1.2; display:flex; align-items:center; gap:20px;}
	.mvisual .tit span:after {content:""; display:block; width:80px; height:1px; background:#fff;}
	.mvisual .tit strong {font-size:64px; color:#fff; line-height:1.1;}
	.mvisual p {font-size:22px; color:#fff; font-weight:500; line-height:1.5;}
	.mv_controls {position:absolute; bottom:120px; left:80px; height:40px; display:flex; align-items:center; gap:12px; z-index:1;}
	.mv_controls .arrow {width:24px; flex:0 0 auto; height:inherit; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / contain; font-size:0;}
	.mv_controls .arrow.btn_prev {order:1;}
	.mv_controls .arrow.btn_next {order:4; transform:scaleX(-1);}
	.mv_controls .paging {order:2; font-size:16px; color:#fff; font-weight:600; height:inherit; display:flex; align-items:center; gap:8px; width:auto;}
	.mv_controls .paging strong {font-size:22px;}
	.mv_controls .btn_toggle {order:3; width:24px; height:inherit; font-size:0; background:url('/pub/images/icon_pause.svg') no-repeat 50% 50%;}
	.mv_controls .btn_toggle.paused {background-image:url('/pub/images/icon_play.svg'); background-size:14px;}
	.mcon {padding:140px 0; font-size:18px;}
	.mcon .btn_more {display:block; width:40px; height:40px; border:#ccc 1px solid; border-radius:50%; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50%; font-size:0;}
	.mtit {position:relative; margin-bottom:32px;}
	.mtit ~ .mtit {margin-top:96px;}
	.mtit span {color:#4CAF7A; font-weight:700; line-height:1.5; margin-bottom:8px;}
	.mtit h2 {font-size:36px; color:#000; line-height:1.2;}
	.mtit .btn_more {position:absolute; bottom:0; right:0;}
	.mcon .tabs {position:absolute; top:-72px; right:0; display:flex; gap:8px;}
	.mcon .tabs button {display:block; color:#888; font-weight:500; line-height:40px; padding:0 12px; border-radius:20px; border:0;}
	.mcon .tabs .on button {color:#fff; background:#4CAF7A;}
	.mc01 .tabs {padding-right:60px;}
	.mc01_slide_area {position:relative;}
	.mc01_slide_area .tab-contents {position:relative;}
	.mc01_slide_area .tab-contents .btn_more {position:absolute; top:-72px; right:0;}
	.mc01_slide .swiper-slide a {position:relative; border-radius:20px; display:block;}
	.mc01_slide .swiper-slide h3 {line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical;}
	.mc01_slide .swiper-slide .date {font-size:14px; font-weight:500; line-height:1.3;}
	.mc01_slide_txt_type .swiper-slide a {border:#ccc 1px solid; background:#fff; padding:24px;}
	.mc01_slide_txt_type .swiper-slide .type {font-size:16px; color:#555; font-weight:600; line-height:32px;}
	.mc01_slide_txt_type .swiper-slide .mc01_status_group {position:absolute; top:24px; right:24px; display:flex; align-items:center; gap:8px;}
	.mc01_slide_txt_type .swiper-slide .re_notice {font-size:16px; color:#C2410C; font-weight:600; line-height:32px; padding:0 16px; border-radius:4px; background:#FFEDD5;}
	.mc01_slide_txt_type .swiper-slide .d_day,
	.mc01_slide_txt_type .swiper-slide .d_end {font-size:16px; font-weight:600; line-height:32px; padding:0 16px; border-radius:4px;}
	.mc01_slide_txt_type .swiper-slide .d_day {color:#2B6345; background:#D8EEE2;}
	.mc01_slide_txt_type .swiper-slide .d_end {color:#888; background:#eee;}
	.mc01_slide_txt_type .swiper-slide h3 {font-size:22px; color:#1c1c1c; height:105px; margin:16px 0; -webkit-line-clamp:3;}
	.mc01_slide_txt_type .swiper-slide .date {color:#555;}
	.mc01_slide_imgtype .swiper-slide .imgfit {position:relative; border-radius:inherit; aspect-ratio:382/235;}
	.mc01_slide_imgtype .swiper-slide .imgfit:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:60%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, #000 100%);}
	.mc01_slide_imgtype .swiper-slide .txt {position:absolute; bottom:0; left:0; padding:24px; color:#fff; display:flex; flex-direction:column; gap:4px;}
	.mc01_slide_imgtype .swiper-slide .txt h3 {-webkit-line-clamp:2;}
	.mc02 {background:#FAFAFA;}
	.mc02_slide .imgfit {display:block; border-radius:20px; aspect-ratio:328/450;}
	.mc02_control {margin-top:64px; display:flex; align-items:center; gap:48px;}
	.mc02_control .swiper-scrollbar {position:relative; top:0; left:0; bottom:0; right:0; width:calc(100% - 133px); background:#eee;}
	.mc02_control .swiper-scrollbar .swiper-scrollbar-drag {background:#4CAF7A;}
	.mc02_control .arrows {display:flex; width:85px; height:40px; border:#ccc 1px solid; border-radius:20px; display:flex;}
	.mc02_control .arrows .arrow {position:relative; width:50%; height:38px; font-size:0;}
	.mc02_control .arrows .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50%;}
	.mc02_control .arrows .btn_prev:before {transform:scaleX(-1);}
	.mc02_control .arrows .btn_next:after {content:""; position:absolute; top:50%; left:0; width:1px; height:16px; background:#ccc; transform:translateY(-50%);}
	.mc03 {padding:160px 0;}
	.mc03 h3,
	.mc04 h3 {font-size:22px; color:#222; line-height:1.5;}
	.mc03 h3 strong,
	.mc04 h3 strong {display:block; font-size:32px;}
	.mcon .count {display:flex; align-items:baseline; gap:8px; color:#000; font-weight:500; line-height:1.5;}
	.mcon .count strong {font-size:48px; line-height:1;}
	.mc03 .flex,
	.mc04 .flex {gap:24px;}
	.mc03 .box {background:#F9FAFB; border-radius:24px; padding:40px;}
	.mc03 .left {width:517px; background-image:url('/pub/images/img_mc03_left.webp'); background-position:right 43px bottom 23px; background-repeat:no-repeat;}
	.mc03 .left .time {font-size:16px; color:#333; font-weight:600; line-height:1.5;}
	.mc03 .left .count {padding-top:8px;}
	.mc03 .right {width:1065px;}
	.mc03 .right .tit {display:flex; align-items:flex-end; gap:20px; margin-bottom:20px;}
	.mc03 .right .tag {position:absolute; top:40px; right:40px; display:flex;	gap:20px;}
	.mc03 .right .tag li {position:relative; color:#333; line-height:1.5; padding-left:16px;}
	.mc03 .right .tag li:before {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.mc03 .right .tag li.c1:before,
	.mc03 .right .tag li.c2:before {width:8px; aspect-ratio:1/1; border-radius:50%;}
	.mc03 .right .tag li.c1:before {background:#949495;}
	.mc03 .right .tag li.c2:before {background:#3B82F6;}
	.mc03 .right .tag li.c3:before {width:12px; border-top:#000 1px dashed; border-bottom:#000 1px dashed;}
	.mc03 .chart {height:290px;}
	.mc03 .chart canvas {max-height:290px;}
	.mc03 .chart_years {display:flex; justify-content:space-around; border-top:#000 2px solid; padding-top:12px; margin-top:-1px;}
	.mc03 .chart_years span {font-size:14px; color:#fff; line-height:18px; width:48px; background:#555; border-radius:10px; text-align:center; display:inline-block;}
	.mc04 {padding:0 !important;}
	.mc04 .slice {width:calc((100% - 48px)/3); display:flex; flex-direction:column; gap:24px;}
	.mc04 .count {padding-top:8px;}
	.mc04 .box {padding:40px; border-radius:24px;}
	.mc04 .cfff * {color:#fff;}
	.mc04 .left .top {height:180px; background:#F9FAFB;}
	.mc04 .left .btm {height:340px; background:#3B82F6; background-image:url('/pub/images/bg_mc04_left_btm.webp'); background-repeat:no-repeat; background-position:right 23px bottom 10px;}
	.mc04 .center {background:#4CAF7A; background-image:url('/pub/images/bg_mc04_center.webp'); background-repeat:no-repeat; background-position:right bottom;}
	.mc04 .right .top {height:340px; background:#FFD84D; background-image:url('/pub/images/bg_mc04_right_top.webp'); background-repeat:no-repeat; background-position:right 32px bottom 8px;}
	.mc04 .right .btm {height:180px; background:#F9FAFB;}

/* sub */
	/* .aside > ul {display:none;}
	.container.g01 ul.g01,
	.container.g02 ul.g02,
	.container.g03 ul.g03,
	.container.g04 ul.g04,
	.container.g05 ul.g05 {display:flex;} */
	.svisual {position:relative; width:100%; height:320px; display:flex; flex-direction:column; justify-content:center; gap:12px; padding:0 140px; border-radius:20px; background:no-repeat 100% 50% / cover; margin-bottom:64px;}
	.svisual:after {content:""; position:absolute; right:314px; width:286px; height:100%; background:no-repeat 50% 50% / contain;}
	.svisual strong {font-size:48px; color:#000; line-height:1.2;}
	.svisual p {font-size:20px; color:#333; font-weight:500; line-height:1.5;}
	.g01 .svisual {background-image:url('/pub/images/bg_svisual01.svg');}
	.g02 .svisual {background-image:url('/pub/images/bg_svisual02.svg');}
	.g03 .svisual {background-image:url('/pub/images/bg_svisual02.svg');}
	.g04 .svisual {background-image:url('/pub/images/bg_svisual03.svg');}
	.g05 .svisual {background-image:url('/pub/images/bg_svisual04.svg');}
	.g06 .svisual {background-image:url('/pub/images/bg_svisual05.svg');}
	.g01 .svisual:after {background-image:url('/pub/images/img_svisual01.webp');}
	.g02 .svisual:after {background-image:url('/pub/images/img_svisual02.webp');}
	.g03 .svisual:after {background-image:url('/pub/images/img_svisual02.webp');}
	.g04 .svisual:after {background-image:url('/pub/images/img_svisual03.webp');}
	.g05 .svisual:after {background-image:url('/pub/images/img_svisual04.webp');}
	.g06 .svisual:after {background-image:url('/pub/images/img_svisual05.webp');}
	.contents {position:relative; margin-top:64px; padding-left:320px; min-height:70vh; font-size:20px; color:#333; line-height:1.5;}
	.contents .fz_small {font-size:16px; color:#555;}
	.contents p.c_0 {font-size:18px; line-height:1.7;}
	.contents .aside {position:absolute; top:0; left:0; width:260px;}
	.contents .aside .tit {font-size:22px; color:#fff; font-weight:600; height:96px; width:100%; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:12px; background:#4CAF7A url('/pub/images/icon_aside.svg') no-repeat 100% 0; margin-bottom:16px;}
	.contents .aside a {position:relative; display:block; line-height:1.5;}
	.contents .aside .sub_nav > ul {display:flex; flex-direction:column; gap:8px;}
	.contents .aside .sub_nav > ul > li {border:#ccc 1px solid; border-radius:12px;}
	.contents .aside .sub_nav > ul > li > a {position:relative; font-size:18px; color:#222; font-weight:500; padding:15px 36px 15px 20px;}
	.contents .aside .sub_nav > ul > li > a i,
	.contents .aside .sub_nav > ul > li.solo > a:after {position:absolute; top:0; right:16px; width:20px; height:100%;}
	.contents .aside .sub_nav > ul > li > a i:before,
	.contents .aside .sub_nav > ul > li > a i:after {content:""; position:absolute; top:50%; left:50%; background:#222; border-radius:2px; transform:translate(-50%,-50%);}
	.contents .aside .sub_nav > ul > li > a i:before {width:14px; height:2px;}
	.contents .aside .sub_nav > ul > li > a i:after {width:2px; height:14px;}
	.contents .aside .sub_nav > ul > li.solo > a:after {content:""; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain;}
	.contents .aside .sub_nav > ul > li.on > a {color:#4CAF7A; font-weight:600;}
	.contents .aside .sub_nav > ul > li.on > a i:after {width:14px; height:2px;}
	.contents .aside li.on ul.depth {display:block;}
	.contents .aside ul.depth {padding:0 20px 20px; display:none;}
	.contents .aside ul.depth > li + li {margin-top:8px;}
	.contents .aside ul.depth > li > a {font-size:16px; color:#888; font-weight:500; padding-left:0;}
	.contents .aside ul.depth > li > a span {position: relative; display: inline-block; vertical-align: top; padding-left: 0;}
	.contents .aside ul.depth > li > a span:before {content:""; position:absolute; top:10px; left:4px; width:0; height:3px; background:#888; border-radius:1px; transition:.2s linear;}
	.contents .aside ul.depth > li.on > a {color:#000; font-weight:600;}
	.contents .aside ul.depth > li.on > a span {padding-left:14px; border-bottom:#000 1px solid;}
	.contents .aside ul.depth > li.on > a span:before {width:3px; background: #000;}
	.contents .subtitle {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 20px; padding-bottom:32px; margin-bottom:48px; border-bottom:#ccc 1px solid;}
	.contents .subtitle.nbd_b {padding-bottom:0; margin-bottom:20px;}
	.contents .subtitle.only_pb {margin-bottom:0; border-bottom:0;}
	.contents .subtitle h1 {font-size:40px; color:#1c1c1c; font-weight:700; line-height:1.5; padding-left:52px; background:url('/pub/images/icon_subtitle.svg') no-repeat 0 50%;}
	.contents .subtitle .location {display:flex; align-items:center; gap:32px;}
	.contents .subtitle .location i {width:20px; height:20px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
	.contents .subtitle .location span {position:relative; font-size:15px; color:#555; font-weight:500; line-height:1.5;}
	.contents .subtitle .location span:before {content:""; position:absolute; top:0; left:-32px; width:32px; height:100%; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50%;}
	.contents .subtitle .location strong {color:#222; font-weight:600;}
	
	.gbox {background:#fafafa; border-radius:12px; padding:32px;}
	.gbox.bgf9 {background:#F9FAFB;}
	.gbox.p24 {padding:24px;}
	.glbox {padding:32px; border-radius:12px; border:#eee 1px solid;}
	
	.tabs {display:flex; margin-bottom:48px;}
	.tabs li {flex:1 1 calc(100%/3);}
	.tabs li > * {display:block; font-size:18px; color:#888; font-weight:500; line-height:54px; border:transparent 1px solid; border-bottom-color:#555; border-radius:12px 12px 0 0; background:#FAFAFA; width:100%; text-align:center;}
	.tabs li.on > * {color:#555; font-weight:700; border-color:#555; border-bottom-color:transparent; background:#fff;}
	
	.stit {position:relative; font-size:24px; color:#1c1c1c; font-weight:700; margin:48px 0 20px; display:flex; align-items:baseline; gap:8px;}
	.stit:first-child {margin-top:0;}
	.stit span {font-size:18px;}
	.stit.tac {justify-content:center;}
	.stit .abso {position:absolute; top:50%; right:0; font-size:15px; color:#888; font-weight:500; transform:translateY(-50%);}
	.btit {border-left:#4CAF7A 3px solid; padding-left:13px;}
	p.small {font-size:16px; line-height:1.7;}
/** 공제조합소개 **/
/* E-순환거버넌스는 */
	.about_wrap .top_area {display:flex; gap:40px; padding:32px; margin-bottom:48px; background:#FAFAFA;}
	.about_wrap .top_area .tit {font-size:24px; color:#1c1c1c; width:180px;}
	.about_wrap .top_area p {font-size:18px; line-height:1.7; width:calc(100% - 220px);}
	.history_area {position:relative;}
	.history_area .history_list {display:flex; flex-direction:column; gap:80px; border-top:#000 1px solid;}
	.history_area .box {display:flex; align-items:flex-start; padding-top:36px;}
	.history_area .years {width:484px;}
	.history_area .years h2 {font-size:64px; color:#1c1c1c; font-weight:500; line-height:1.1;}
	.history_area .years .tb {font-size:20px; color:#F6763B; font-weight:700; margin:8px 0 88px;}
	.history_area .years .img_box {padding:24px; background:#F9FAFB; border-radius:24px;}
	.history_area .years img {border-radius:12px;}
	.history_area .years p {font-size:16px; margin-top:12px;}
	.history_area .list {width:calc(100% - 484px); padding-left:95px;}
	.history_area .list li + li {margin-top:40px;}
	.history_area .list strong {display:block; font-size:30px; color:#F6763B; font-weight:600; margin-bottom:8px;}
	.history_area .list p {position:relative; padding-left:68px; font-size:16px; color:#555;}
	.history_area .list p + p {margin-top:4px;}
	.history_area .list span {position:absolute; top:0; left:0; font-weight:500;}
/* 지점소개 */
	.branches_wrap .top {display:flex; flex-direction:column; gap:12px; margin-bottom:64px; padding:48px 48px 48px 362px; background:#FFD84D1A url('/pub/images/img_branches_top.webp') no-repeat 56px center; border-radius:12px;}
	.branches_wrap .top .tit {font-size:24px; color:#1c1c1c;}
	.branches_wrap .top p {font-size:18px; line-height:1.7;}
	.branches_wrap .branches_list {display:flex; flex-direction:column; gap:96px;}
	.branches_wrap .box {display:flex; align-items:center; gap:48px;}
	.branches_wrap .branches_slide_for {position:relative; border-radius:12px; overflow:hidden; width:560px;}
	.branches_wrap .branches_slide_for .imgfit {position:relative; aspect-ratio:153/115;}
	.branches_wrap .branches_slide_for .imgfit .p_box {position:absolute; top:0; left:0; padding:12px 17px 14px 12px; background:#fff; border-radius:0 0 20px 0;}
	.branches_wrap .branches_slide_for .imgfit .p_box:before,
	.branches_wrap .branches_slide_for .imgfit .p_box:after {content:""; position:absolute; width:20px; height:20px; background:url('/pub/images/icon_img_arch.svg') no-repeat 0 0 / contain;}
	.branches_wrap .branches_slide_for .imgfit .p_box:before {top:0; left:100%;}
	.branches_wrap .branches_slide_for .imgfit .p_box:after {top:100%; left:0;}
	.branches_wrap .branches_slide_for .imgfit p {font-size:14px; color:#fff; font-weight:700; line-height:30px; padding:0 14px; background:#F6763B; border-radius:15px; text-align:center; min-width:105px;}
	.branches_wrap .arrow {position:absolute; top:50%; width:32px; aspect-ratio:1/1; border-radius:50%; transform:translateY(-50%); font-size:0; background:#fff url('/pub/images/arrow_more.svg') no-repeat 50% 50%; border:#ccc 1px solid; z-index:1;}
	.branches_wrap .arrow.prev {left:12px; transform:translateY(-50%) scaleX(-1);}
	.branches_wrap .arrow.next {right:12px;}
	.branches_wrap .arrow.swiper-button-disabled {opacity:.5;}
	.branches_wrap .txt {width:calc(100% - 608px);}
	.branches_wrap .txt h2 {font-size:30px; color:#1c1c1c; margin-bottom:4px;}
	.branches_wrap .txt .eng {font-size:15px; color:#F6763B; font-weight:700;}
	.branches_wrap .txt .address {position:relative; font-size:15px; color:#555; font-weight:500; padding-left:28px; margin:24px 0 32px;}
	.branches_wrap .txt .address:before {content:""; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/pub/images/icon_address.svg') no-repeat 50% 50%;}
	.branches_wrap .txt p {font-size:16px;}
	.gflex_area {gap:24px;}
	.gflex_area li {position:relative; background:#F9FAFB; padding:40px; border-radius:20px; display:flex; flex-direction:column; align-items:flex-start;}
	.gflex_area li .tit {font-size:22px; color:#222; font-weight:700;}
	.infra_area li {width:calc(50% - 12px); background-repeat:no-repeat; background-position:right 40px center;}
	.infra_area li .count {display:flex; align-items:baseline; gap:8px; font-size:18px; font-weight:500; margin:8px 0 16px;}
	.infra_area li .count strong {font-size:48px; color:#000; line-height:1.2;}
	.infra_area li .upbox {font-size:14px; color:#fff; font-weight:700; line-height:24px; padding:0 12px; background:#4CAF7A; border-radius:4px;}
	.infra_area li.i1 {background-image:url('/pub/images/icon_infra01.webp');}
	.infra_area li.i2 {background-image:url('/pub/images/icon_infra02.webp');}
	.annual_trends_area li {width:calc((100% - 92px)/5);}
	.annual_trends_area li dl {margin-top:48px; display:flex; flex-direction:column; gap:8px; width:100%;}
	.annual_trends_area li div {display:flex; justify-content:space-between; align-items:center; width:100%;}
	.annual_trends_area li dt {font-size:18px; font-weight:500;}
	.annual_trends_area li dd {font-size:36px; color:#000; font-weight:700;}
	.annual_trends_area li:last-child {background:#FFD84D;}
/* 임원현황 */
	.executives_wrap > div + div {margin-top:40px;}
	.executives_wrap > .executives_tit + div {margin-top:0;}
	.executives_tit {font-size:28px; font-weight:700; margin-bottom:48px;}
	.executives_tit span {font-size:18px; color:#666; font-weight:400;}
	.executives_list {display:flex; flex-wrap:wrap; gap:20px 24px;}
	.executives_list li {width:calc((100% - 72px)/4); padding:32px 40px; display:flex; align-items:center;}
	.executives_list .imgfit {width:100px; aspect-ratio:1/1; border-radius:50%; border:#eee 1px solid;}
	.executives_list .imgfit img {object-fit:contain;}
	.executives_list .txt {width:calc(100% - 100px); padding-left:32px;}
	.executives_list strong {display:block; font-size:24px; color:#1c1c1c;}
	.executives_list p {font-size:18px; color:#555;}
/* 조직도 */
	.organization_wrap {border:#CCC 1px solid; border-radius:24px; padding:80px 56px;}
	.organization_wrap .inbox {position:relative;}
	.organization_wrap .inbox:before {content:""; position:absolute; top:0; left:120px; width:1px; height:var(--org-trunk-height, calc(100% - 32px)); background:#ccc;}
	.organization_wrap .boss {position:relative; width:240px; border-radius:4px; background:linear-gradient(0deg, #2B6345 0%, #4CAF7A 100%); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:16px 8px; z-index:1;}
	.organization_wrap .boss strong {font-size:30px; color:#fff; font-weight:600;}
	.organization_wrap .boss p {font-size:20px; color:#eee; font-weight:600;}
	.organization_wrap .list {padding-left:195px; margin-top:80px; display:flex; flex-direction:column; gap:40px;}
	.organization_wrap .list ul {position:relative; display:flex; flex-direction:column; gap:12px;}
	.organization_wrap .list ul:before {content:""; position:absolute; top:var(--org-vline-top, 32px); left:-12px; width:1px; height:var(--org-vline-height, 0px); background:#ccc;}
	.organization_wrap .list li {position:relative; display:flex; gap:24px;}
	.organization_wrap .list > li:before {content:""; position:absolute; top:31px; left:-75px; width:75px; height:1px; background:#ccc;}
	.organization_wrap .list li.mt {margin-top:40px;}
	.organization_wrap .list .box {position:relative; height:64px; text-align:center; border-radius:4px; display:flex; justify-content:center; align-items:center;}
	.organization_wrap .list button.box {cursor:pointer; font-family:inherit;}
	.organization_wrap .list > li > .box {width:calc((100% - 48px)/3);}
	.organization_wrap .list ul li .box:before,
	.organization_wrap .list ul li .box:after {content:""; position:absolute; top:50%; right:100%; z-index:1; pointer-events:none;}
	.organization_wrap .list ul li .box:before {width:12px; height:1px; background:#ccc; transform:translateY(-50%);}
	.organization_wrap .list ul > li:first-child > .box:before {width:25px;}
	.organization_wrap .list ul li .box:after {width:6px; aspect-ratio:1/1; background:#2B6345; border-radius:50%; transform:translate(50%,-50%);}
	.organization_wrap .list .dep2 {width:calc(100% - ((100% - 48px)/3) - 24px);}
	.organization_wrap .list .dep2 > li {display:flex; gap:24px;}
	.organization_wrap .list .dep2 > li > .box,
	.organization_wrap .list .dep3 {width:calc(50% - 12px);}
	.organization_wrap .list .dep3 > li {display:flex; gap:24px; width:100%;}
	.organization_wrap .list .dep3 > li > .box,
	.organization_wrap .list .dep4 {width:calc(50% - 12px);}
	.organization_wrap .list .dep4 > li {width:100%; gap:0;}
	.organization_wrap .list .org1 {font-size:24px; color:#2B6345; font-weight:700; background:#D8EEE2;}
	.organization_wrap .list .org2 {font-size:20px; font-weight:500; border:#ccc 1px solid; background:#fff;}
	.organization_wrap .list .org3 {font-size:20px; color:#555; background:#FAFAFA; border:#ccc 1px solid; width:100%;}
	.organization_wrap .list .org3.is-clickable {cursor:pointer; font-family:inherit;}
	.organization_wrap .list .dep3 > li:not(:has(.dep4)) > .box {width:100%;}
	.organization_wrap .list .box.dm {color:transparent; background:transparent; border-color:transparent; pointer-events:none;}
	.organization_wrap .list .box.dm:after {display:none;}
	.organization_wrap .list .org4 {font-size:18px; color:#666; background:#F5F5F5; border:#ddd 1px solid; width:100%;}
	.organization_wrap .list .non_org1:before {content:""; position:absolute; top:31px; left:-75px; width:100%; height:1px; background:#ccc;}
	.organization_wrap .list .non_org2:before {content:""; position:absolute; top:31px; left:-75px; width:100%; height:1px; background:#ccc;}
	.organization_wrap .list .non_org1:not(:has(.dep3)):before,
	.organization_wrap .list .non_org2:not(:has(.dep3)):before {width:calc(75px + (100% - 48px) / 3 + 24px + (100% - (100% - 48px) / 3 - 24px) / 2 - 12px);}
	.organization_wrap .list .dep2:has(> li:only-child:not(:has(.dep3))):before {display:none;}
	.organization_wrap .list .non_org1 .dep2:before,
	.organization_wrap .list .non_org1 .dep2 > li > .box:before,
	.organization_wrap .list .non_org2 .dep2:before,
	.organization_wrap .list .non_org2 .dep2 > li > .box:before,
	.organization_wrap .list .non_org2 .dep2 > li > .box:after,
	.organization_wrap .list .non_org2 .dep3:before,
	.organization_wrap .list .non_org2 .dep3 > li > .box:before {display:none;}
	.pop_organization .inbox {width:640px; padding-right:16px;}
	.pop_organization .con {display:flex; flex-direction:column; gap:20px;}
	.pop_organization .tit {display:flex; gap:29px; margin-bottom:12px;}
	.pop_organization .name {font-size:20px; color:#222; font-weight:600;}
	.pop_organization .tel {position:relative; font-size:20px; color:#555; font-weight:500; /*padding-left:24px; background:url('/pub/images/icon_tel.svg') no-repeat 0 50%;*/}
	/* .pop_organization .tel:before {content:""; position:absolute; top:50%; left:-15px; width:1px; height:16px; background:#ccc; transform:translateY(-50%);} */
/* CI 소개 */
	.ci_wrap .stit ~ .stit {border-top:#EEE 1px solid; padding-top:48px;}
	.ci_wrap .ci_about {position:relative; padding:68px 56px 68px 336px;}
	.ci_wrap .ci_about:before {content:""; position:absolute; top:50%; left:50px; width:200px; aspect-ratio:1/1; background:url('/pub/images/icon_logo.webp') no-repeat 50% 50% / contain; transform:translateY(-50%);}
	.ci_wrap .ci_about h2 {font-size:24px; color:#1c1c1c; margin-bottom:12px;}
	.ci_wrap .ci_about p {font-size:18px;}
	.color_system_area,
	.ci_flex {gap:32px}
	.color_system_area li {width:calc((100% - 64px)/3);}
	.color_system_area .flex {padding:0 24px; border-radius:8px; justify-content:space-between; align-items:center; height:80px; margin-bottom:12px;}
	.color_system_area dl {display:flex; flex-direction:column; gap:8px; font-size:16px; color:#555; font-weight:500;}
	.color_system_area dl div {display:flex;}
	.color_system_area dt {width:88px;}
	.color_system_area dd {width:calc(100% - 88px); display:flex;}
	.color_system_area dd span {width:72px;}
	.color_system_area .c1 .flex {background:#0055A5; color:#fff;}
	.color_system_area .c2 .flex {background:#009E49; color:#fff;}
	.color_system_area .c3 .flex {background:#FFD600; color:#1c1c1c;}
	.ci_flex {flex-wrap:wrap;}
	.ci_flex li {width:calc(50% - 16px); background:#F9FAFB; border-radius:20px; padding:20px;}
	.ci_flex li .img {border:#ccc 1px solid; border-radius:8px; height:160px; display:flex; justify-content:center; align-items:center;}
	.ci_flex li .img img {max-height:100%; object-fit:contain;}
	.ci_flex li .flex {justify-content:space-between; align-items:center; margin-top:12px;}
	.ci_flex li p {font-size:18px; color:#222; font-weight:600;}
	.ci_flex li .btn_down {font-size:16px; color:#fff; font-weight:500; line-height:32px; padding:0 32px 0 12px; background:#333 url('/pub/images/btn_download.svg') no-repeat right 12px center; border-radius:6px;}
	.bg_color_area .c1 .img {background:#fff;}
	.bg_color_area .c2 .img {background:#000; border-color:#000;}
/* 캐릭터 소개 */
	.character_top {height:794px; padding:56px; border-radius:24px; background:#D5ECF8 url('/pub/images/bg_character_top.webp') no-repeat 0 100% / contain; text-align:center;}
	.character_top h2 {font-size:36px; color:#1c1c1c; margin-bottom:12px;}
	.character_top h2 strong {color:#3B82F6;}
	.character_top p {font-size:18px; line-height:1.7;}
	.character_top p strong {font-size:20px; line-height:1.5;}
	.character_list {display:flex; flex-wrap:wrap; gap:40px;}
	.character_list li {width:calc(50% - 20px);}
	.character_list .img {width:100%; border-radius:20px;}
	.character_list .txt {padding-top:20px;}
	.character_list .txt .name {font-size:22px; font-weight:700; margin-bottom:8px;}
	.character_list .txt p {font-size:18px; line-height:1.7;}
/* 정관 */
	.gbox.download_box {padding:29px 32px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 20px;}
	.articles_area {margin-top:48px; display:flex; gap:40px; height:660px;}
	.articles_area .pdf_area {width:calc(100% - 420px); height:inherit; overflow:hidden;}
	.articles_area .label_area {width:380px; height:inherit; padding:32px; border:#ccc 1px solid; border-radius:12px;}
	.articles_area .label_area .tit {color:#1c1c1c; margin-bottom:8px;}
	.articles_area .label_area p {font-size:14px; margin-bottom:24px;}
	.articles_area .label_area .list {display:flex; flex-direction:column; gap:8px;}
	.articles_area .label_area .list li {font-size:18px; color:#555; font-weight:500; margin:0;}
	.articles_area .label_area .list li button {display:block; width:100%; font-size:16px; font-weight:500; line-height:1.5; text-align:left; padding:9px 16px; border:#F9FAFB 1px solid; border-radius:8px; background:#F9FAFB;}
/* 운영보고 - 일반게시판 */
/* 오시는 길 */
	.location_wrap .map_area {width:100%; height:640px;}
	.location_wrap .map_txt {display:flex; flex-direction:column; gap:24px; margin-top:24px;}
	.location_wrap .map_txt > li .stit {position:relative; padding-left:40px;}
	.location_wrap .map_txt > li .stit:before {content:""; position:absolute; top:50%; left:0; width:32px; height:32px; border-radius:50%; background:#F6763B no-repeat 50% 50%; transform:translateY(-50%);}
	.location_wrap .map_txt > li.c1 .stit:before {background-image:url('/pub/images/icon_map_txt01.svg');}
	.location_wrap .map_txt > li.c2 .stit:before {background-image:url('/pub/images/icon_map_txt02.svg');}
	.location_wrap .map_txt .info {display:flex; gap:24px;}
	.location_wrap .map_txt .info > li {width:calc(50% - 12px); background:#fff; border-radius:16px; padding:20px;}
	.location_wrap .map_txt .info > li.slice3 {width:calc((50% - 48px)/2);}
	.location_wrap .map_txt .info > li strong {display:block; font-size:16px; color:#555; font-weight:500; margin-bottom:10px;}
	.location_wrap .map_txt .info .flex + .flex {margin-top:8px;}
	.location_wrap .map_txt .info .flex p {width:220px; font-size:18px; font-weight:600;}
	.location_wrap .map_txt .list {width:calc(100% - 220px); display:flex; flex-wrap:wrap; gap:6px;}
	.location_wrap .map_txt .list li {font-size:15px; color:#fff; font-weight:500; padding:4px 8px; border-radius:4px;}
	.location_wrap .map_txt .list.subway li {background:#B5283B;}
	.location_wrap .map_txt .list.bus li {background:#87C700;}
	.location_wrap .map_txt .list.bus li.str {background:#FB5852;}

/** 제도이행안내 **/
/* 환경성보장제도란? */
	.eco_assurance_wrap .gbox {margin:32px 0 56px;}
	.eco_assurance_area {position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:20px;}
	.eco_assurance_area .tit {position:-webkit-sticky; position:sticky; top:144px; transition:opacity 0.3s; padding-left:32px;}
	.eco_assurance_area .tit span {display:block; font-size:18px; color:#2B6345; font-weight:500; line-height:31px; padding-left:55px; background:url('/pub/images/icon_logoimg.webp') no-repeat 0 50%;}
	.eco_assurance_area .tit h2 {font-size:40px; color:#1c1c1c; margin:12px 0 32px;}
	.eco_assurance_area .tit p {font-size:18px; line-height:1.7;}
	.eco_assurance_area .step_area {position:relative; width:100%;}
	.eco_assurance_area .step_area .bg {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:85px; text-align:center; background:url('/pub/images/bg_eco_assurance_area.svg') no-repeat 50% 85px;}
	.eco_assurance_area .step_area svg path {transition:stroke 0.2s, filter 0.2s;}
	.eco_assurance_area.active_svg .step_area svg path {stroke-width:3px; stroke:var(--Secondary, #4CAF7A); filter:drop-shadow(0 0 20px rgba(76, 175, 122, 0.30));}
	.eco_assurance_area .step_list {position:relative; display:flex; flex-wrap:wrap; gap:56px; z-index:1;}
	.eco_assurance_area .step_list .step {width:calc(50% - 28px); border:#ccc 1px solid; border-radius:24px; padding:40px 32px 56px; background:#fff;}
	.eco_assurance_area .step_list .step:before {content:""; display:block; width:95px; height:95px; background:no-repeat 50% 50% / contain; margin-bottom:18px;}
	.eco_assurance_area .step_list .step:nth-child(2n) {transform:translateY(200px);}
	.eco_assurance_area .step_list .tt {font-size:16px; color:#059669; font-weight:500; display:flex; gap:4px;}
	.eco_assurance_area .step_list .tt span {font-family:'Play';}
	.eco_assurance_area .step_list h3 {font-size:24px; color:#222; margin:4px 0 24px;}
	.eco_assurance_area .step_list .step.i1:before {background-image:url('/pub/images/icon_eco_assurance_step01.webp');}
	.eco_assurance_area .step_list .step.i2:before {background-image:url('/pub/images/icon_eco_assurance_step02.webp');}
	.eco_assurance_area .step_list .step.i3:before {background-image:url('/pub/images/icon_eco_assurance_step03.webp');}
	.eco_assurance_area .step_list .step.i4:before {background-image:url('/pub/images/icon_eco_assurance_step04.webp');}
	.eco_assurance_area .step_list .step.i5:before {background-image:url('/pub/images/icon_eco_assurance_step05.webp');}
/* 의무대상 제품 */
	.target_products_wrap .gbox {display:flex; flex-direction:column; gap:6px;}
	.target_products_wrap .gbox li {position:relative; padding-left:76px; font-size:16px; line-height:1.7;}
	.target_products_wrap .gbox li span {position:absolute; top:3px; left:0; width:68px; height:20px; line-height:20px; text-align:center; font-size:14px; color:#fff; background:#222; border-radius:4px;}
	.item_list {display:flex; flex-wrap:wrap; gap:24px 16px;}
	.item_list li {width:calc(50% - 8px); font-size:16px; font-weight:600; padding:24px 32px; border:#eee 1px solid; border-radius:12px;}
/* 의무주체 및 역할 */
	.mandatory_subjects {display:flex; flex-wrap:wrap; gap:24px;}
	.mandatory_subjects li {width:calc((100% - 48px)/3); border:#eee 1px solid; border-radius:24px; padding:48px 32px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
	.mandatory_subjects i {width:140px; aspect-ratio:1/1; border-radius:50%; display:flex; justify-content:center; align-items:center;}
	.mandatory_subjects h3 {padding:24px 0 10px;}
	.mandatory_subjects p {font-size:16px; color:#222; line-height:1.7;}
	.mandatory_subjects .blank {border:0; opacity:0;}
	.mandatory_subjects .c1 i {background:#D8EEE24D;}
	.mandatory_subjects .c2 i {background:#CEE0FD4D;}
	.roles_wrap .tbl ul {display:flex; flex-direction:column; gap:8px; text-align:left;}
	.roles_wrap .tbl li {position:relative; padding:3px 0 3px 128px; line-height:26px;}
	.roles_wrap .tbl li span {position:absolute; top:0; left:0; font-weight:500; line-height:30px; height:32px; width:116px; text-align:center; border-radius:6px; border:1px solid;}
	.roles_wrap .tbl li.c1 span {color:#E5B300; background:#F6F03B1A; border-color:#E5B30066;}
	.roles_wrap .tbl li.c2 span {color:#4CAF7A; background:#4CAF7A1A; border-color:#4CAF7A33;}
	.roles_wrap .tbl li.c3 span {color:#3B82F6; background:#3B82F61A; border-color:#3B82F633;}
	.roles_wrap .tbl li.c4 span {color:#555; background:#F9FAFB; border-color:#88888866;}
	.role_summary {border-radius:20px; display:flex; flex-direction:column; gap:16px;}
	.role_summary > li {position:relative; border-radius:20px; background:#fff; border:#eee 1px solid; padding:32px; display:flex; align-items:center; gap:32px;}
	.role_summary > li i {width:80px; height:80px; background:#F9FAFB; border-radius:50%; display:flex; justify-content:center; align-items:center; padding:10px;}
	.role_summary > li i img {max-height:32px;}
	.role_summary > li .txt {width:calc(100% - 112px);}
	.role_summary > li h3 {font-size:18px; color:#1c1c1c; font-weight:600; margin-bottom:12px;}
	.role_summary > li p {font-size:16px; line-height:1.7;}
/* 회원가입 - 전기·전자제품 공제사업 */
	.join_producer_wrap .dots_list li {color:#555;}
	.join_step {display:flex; gap:32px; border:#eee 1px solid; border-radius:24px; padding:24px;}
	.join_step li {position:relative; width:calc((100% - 96px)/4); padding:24px 0; text-align:center; display:flex; flex-direction:column; align-items:center;}
	.join_step li + li:before {content:""; position:absolute; top:0; left:-32px; width:32px; height:100%; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
	.join_step span {font-size:12px; color:#4CAF7A; font-weight:700; line-height:1.3;}
	.join_step h3,
	.join_step strong {color:#1c1c1c; padding:8px 0;}
	.join_step p {font-size:15px; color:#555;}
	.join_step p strong {padding:0;}
	.join_producer_wrap .tit.mtb {margin:24px 0 16px;}
	.mandatory_amount {border:#eee 1px solid; border-radius:24px; padding:20px; display:flex; flex-direction:column; gap:24px;}
	.mandatory_amount li {display:flex; gap:20px;}
	.mandatory_amount .tit {width:200px; height:160px; padding:10px 10px 0; background:#3B82F61A; border-radius:20px;}
	.mandatory_amount .tit h4 {font-size:16px; color:#fff; font-weight:600; line-height:32px; height:32px; width:100%; background:#3B82F6; border-radius:16px; text-align:center;}
	.mandatory_amount .tit img {display:block; margin:10px auto 0;}
	.mandatory_amount .chart {width:calc(100% - 220px); background:#F9FAFB; border-radius:20px; padding:40px; display:flex; justify-content:center; align-items:center; gap:38px;}
	.mandatory_amount .chart > span {position:relative; font-size:18px; color:#1c1c1c; line-height:1.7; text-align:center;}
	.mandatory_amount .chart > span + span:before {content:"x"; position:absolute; top:50%; left:-38px; width:38px; transform:translateY(-50%); text-align:center;}
	.mandatory_amount .colm {gap:17px; text-align:center;}
	.mandatory_amount .colm span {position:relative;}
	.mandatory_amount .colm span + span:before {content:""; position:absolute; top:-9px; left:0; width:100%; height:1px; background:#ccc;}
	.submission_documents {display:flex; flex-wrap:wrap; gap:12px 24px;}
	.submission_documents li {width:calc(50% - 12px); padding:16px 20px 16px 56px; border-radius:12px; background:#F9FAFB url('/pub/images/icon_submission_documents.svg') no-repeat 20px 16px; font-size:16px; color:#1c1c1c; font-weight:500; line-height:28px;}
/* 예상 분담금 계산 */
	.calculator_wrap h2 {text-align:center;}
	.calculator_wrap .tb {font-size:16px; color:#888; line-height:1.7; margin:7px 0 24px;}
	.calculator_wrap .tb.mb4 {margin-bottom:40px;}
	.calculator_intro .flex {padding:64px 20px; justify-content:center; gap:24px;}
	.calculator_intro a {position:relative; width:calc(100% - 12px); max-width:300px; height:280px; padding:194px 20px 24px; border-radius:24px; text-align:center; background:#fff no-repeat 50% 25px; overflow:hidden;}
	.calculator_intro a:before,
	.calculator_intro a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:50%; z-index:1; transition:.2s linear;}
	.calculator_intro a:before {background:linear-gradient(#fff0 0%,#ffff 50%); opacity:1;}
	.calculator_intro a:after {opacity:0;}
	.calculator_intro .c1:after {background:linear-gradient(#3B82F600 0%,#3B82F6ff 50%);}
	.calculator_intro .c2:after {background:linear-gradient(#4CAF7A00 0%,#4CAF7Aff 50%);}
	.calculator_intro strong,
	.calculator_intro p {position:relative; z-index:2;}
	.calculator_intro strong {display:block; font-size:24px; color:#1c1c1c;}
	.calculator_intro p {font-size:15px; color:#1C1C1C80; font-weight:500;}
	.calculator_intro .c1 {background-image:url('/pub/images/img_calculator01.webp');}
	.calculator_intro .c2 {background-image:url('/pub/images/img_calculator02.webp');}
	.calculating_area {display:flex; align-items:flex-start; gap:40px;}
	.calculating_area .select_area {width:840px; background:#F9FAFB; border-radius:20px; display:flex; flex-direction:column; gap:8px;}
	.calculating_area .select_area .box {display:flex; flex-direction:column; gap:10px;}
	.calculating_area .select_area .btn {position:relative; font-size:18px; color:#1c1c1c; font-weight:600; line-height:28px; height:auto; padding:15px 60px 15px 24px; display:block; width:100%; text-align:left; background:#fff; border:#eee 1px solid; border-radius:8px;}
	.calculating_area .select_area .btn:after {content:""; position:absolute; top:0; right:24px; width:14px; height:100%; background:#1c1c1c; mask:url('/pub/images/arrow_faq.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_faq.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.calculating_area .select_area .on .btn {color:#fff; background:#2B6345;}
	.calculating_area .select_area .on .btn:after {transform:rotate(180deg); background:#fff;}
	.calculating_area .select_area .list {display:none; flex-wrap:wrap; gap:10px 16px; padding:0 16px 10px;}
	.calculating_area .select_area .list.open {display:flex;}
	.calculating_area .select_area .list li {width:calc((100% - 48px)/4);}
	.calculating_area .select_area .list button {display:block; width:100%; height:42px; font-size:14px; line-height:1.3; padding:0 5px; background:#fff; border:#ccc 1px solid; border-radius:8px; display:flex; justify-content:center; align-items:center; text-align:center; transition:none; word-break:break-word; white-space:normal;}
	.calculating_area .select_area .list .on button {color:#4CAF7A; border-color:#4CAF7A; border-width:2px;}
	.calculating_area .calculating_box {position:sticky; top:100px; width:calc(100% - 880px); border-radius:20px;}
	.calculating_area .calculating_box .tit {color:#1c1c1c;}
	.calculating_area .calculating_box .list {display:flex; flex-direction:column; max-height:500px; overflow:auto;}
	.calculating_area .calculating_box .list li {margin-top:24px;}
	.calculating_area .calculating_box .list p {font-size:16px; color:#1c1c1c; font-weight:500; padding-bottom:10px;}
	.calculating_area .calculating_box .list .flex_box {display:flex; align-items:center; gap:13px;}
	.calculating_area .calculating_box .list .text {flex:1 1 auto; min-width:50%; height:50px; padding:0 16px; font-size:16px;}
	/* .calculating_area .calculating_box .list .text:focus {color:#f00; outline:#f00 2px solid; outline-offset:-2px;} */
	.calculating_area .calculating_box .list span {text-align:center; font-size:16px; color:#1c1c1c; flex:0 0 24px;}
	.calculating_area .calculating_box .list .btn_del {width:24px; height:24px; background:url('/pub/images/btn_del.svg') no-repeat 50% 50% / contain; border-radius:2px; flex:0 0;}
	.calculating_area .calculating_box .btns_btm {display:flex; gap:10px; margin-top:20px;}
	.calculating_area .calculating_box .btns_btm .btn {height:48px; line-height:46px; border:1px solid; border-radius:8px;}
	.calculating_area .calculating_box .btns_btm .btn_wkk {width:250px;}
	.calculating_area .calculating_box .btns_btm .btn_kwg {width:140px;}
	.calculator_end .tbl thead th {padding:16px 24px;}
	.calculator_end .tbl th.first:before {border-radius:12px 0 0 0;}
	.calculator_end .tbl th.last:before {border-radius:0 12px 0 0;}
	.calculator_end .tbl th.green:before {background:#4CAF7A;}
	.calculator_end .tbl td.green {position:relative; background:#4CAF7A0D;}
	.calculator_end .tbl td.green:before {content:""; position:absolute; top:-1px; left:0; width:100%; height:calc(100% + 2px); border:#4CAF7A 0px solid;}
	.calculator_end .tbl td.first:before {border-left-width:3px;}
	.calculator_end .tbl td.last:before {border-right-width:3px;}
	.calculator_end .tbl tr:last-child td:before {border-bottom:#4CAF7A 3px solid;}
	.calculator_end .tbl tr:last-child td.first:before {border-radius:0 0 0 6px;}
	.calculator_end .tbl tr:last-child td.last:before {border-radius:0 0 6px 0;}
	.excl_list {display:flex; flex-direction:column; gap:4px; margin-top:24px;}
	.excl_list li,
	.excl {position:relative; font-size:16px; line-height:1.7; padding-left:22px;}
	.excl_list li:before,
	.excl:before {content:""; position:absolute; top:5px; left:0; width:16px; height:16px; border-radius:50%; background:#F6763B url('/pub/images/icon_excl.svg') no-repeat 50% 50%;}
	.excl:before {top:4px;}
	.calculator_total {margin-top:64px; display:flex; gap:20px; padding:48px; border-radius:24px; background:#4CAF7A url('/pub/images/icon_calculator_total.webp') no-repeat 100% 100%;}
	.calculator_total li {width:calc(50% - 10px); max-width:400px; padding:32px; background:#0000001A; border-radius:24px;}
	.calculator_total li h3 {font-size:22px; color:#fff; font-weight:500;}
	.calculator_total li p {font-size:16px; color:#ffffff80; line-height:1.7; margin:6px 0 24px;}
	.calculator_total li .pay {display:flex; justify-content:flex-end; align-items:baseline; gap:8px; font-size:18px; color:#fff; font-weight:500;}
	.calculator_total li .pay strong {font-size:48px; line-height:1.2;}
	.calculator_end .btns_btm .btn {padding:0 24px; width:auto;}
/* 생산자 책임 재활용 제도 */
	.epr_system_top {padding:56px 220px 56px 56px; background:#4CAF7A url('/pub/images/bg_epr_system_top.webp') no-repeat right 76px center; border-radius:24px;}
	.epr_system_top h2 {font-size:36px; color:#fff; line-height:1.3; margin-bottom:14px;}
	.epr_system_top p {font-size:18px; color:#fff; line-height:1.7;}
	.epr_system_top p + p {margin-top:14px;}
	.epr_system_wrap .stit {margin:64px 0 24px;}
	.epr_system_wrap .gbox p {font-size:16px; line-height:1.7;}
	.epr_system_wrap .gbox .inbox {background:#fff; margin-top:32px; border-radius:20px; padding:20px; display:flex; flex-direction:column; gap:10px;}
	.epr_system_wrap .gbox .tit {font-size:16px; color:#000; font-weight:500; line-height:24px; padding:4px 16px; border-radius:8px; background:#F9FAFB; display:flex; align-items:center; gap:10px;}
	.epr_system_wrap .gbox .tit:after {content:""; width:44px; height:12px; background:url('/pub/images/arrow_ptn.svg') repeat-x 0 50% / 9px 100%;}
	.epr_system_wrap .gbox ul {display:flex; gap:16px;}
	.epr_system_wrap .gbox li {font-size:18px; line-height:53px; height:55px; width:calc((100% - 80px)/6); text-align:center; border-radius:8px; border:1px solid;}
	.epr_system_wrap .gbox .gray li {background:#F9FAFB; border-color:#888;}
	.epr_system_wrap .gbox .gray li:first-child {color:#fff; background:#888; border-color:#888;}
	.epr_system_wrap .gbox .green li {background:#D8EEE2; border-color:#4CAF7A;}
	.epr_system_wrap .gbox .green li:first-child {color:#fff; background:#2B6345; border-color:#2B6345;}
	.epr_system_wrap .money_set {display:flex; flex-wrap:wrap; gap:24px;}
	.epr_system_wrap .money_set li {width:calc((100% - 72px)/4); border:#eee 1px solid; border-radius:20px; padding:32px;}
	.epr_system_wrap .money_set .tit {color:#1c1c1c; font-weight:700; margin-bottom:16px;}
	.epr_system_wrap .money_set p {position:relative; padding-left:105px; font-size:16px; color:#555; line-height:26px;}
	.epr_system_wrap .money_set p + p {margin-top:8px;}
	.epr_system_wrap .money_set span {position:absolute; top:0; left:0; font-size:14px; color:#fff; height:26px; width:92px; text-align:center; background:#F6763B; border-radius:13px;}
/* 의무대상 제품 */
	.battery_products_wrap .tbl td i {display:block; width:40px; aspect-ratio:1/1; background:#F9FAFB no-repeat 50% 50%; border-radius:8px; margin:0 auto;}
	.battery_products_wrap .tbl td i.w01 {background-image:url('/pub/images/icon_battery_products_01.svg');}
	.battery_products_wrap .tbl td i.w02 {background-image:url('/pub/images/icon_battery_products_02.svg');}
	.battery_products_wrap .tbl td i.w03 {background-image:url('/pub/images/icon_battery_products_03.svg');}
	.battery_products_wrap .tbl td i.w04 {background-image:url('/pub/images/icon_battery_products_04.svg');}
	.battery_products_wrap .tbl td i.w05 {background-image:url('/pub/images/icon_battery_products_05.svg');}
	.battery_products_wrap .tbl td i.w06 {background-image:url('/pub/images/icon_battery_products_06.svg');}
	.battery_products_wrap .tbl td i.w07 {background-image:url('/pub/images/icon_battery_products_07.svg');}
	.battery_products_wrap .tbl td i.w08 {background-image:url('/pub/images/icon_battery_products_08.svg');}
	.battery_products_wrap .tbl td i.w09 {background-image:url('/pub/images/icon_battery_products_09.svg');}
	.battery_products_wrap .tbl td i.w10 {background-image:url('/pub/images/icon_battery_products_10.svg');}
	.battery_products_wrap .tbl td i.w11 {background-image:url('/pub/images/icon_battery_products_11.svg');}
	.battery_type .gbox p {font-size:18px; color:#1c1c1c; font-weight:500; line-height:1.7; margin-bottom:16px;}
	.battery_type .type_list {margin-top:24px; display:flex; flex-direction:column; gap:12px;}
	.battery_type .type_list li {display:flex; font-size:16px;}
	.battery_type .type_list li strong,
	.battery_type .type_list li p {padding:20px 24px; border-radius:8px; text-align:left;}
	.battery_type .type_list li strong {width:240px;color:#fff; font-weight:600; background:#2B6345;}
	.battery_type .type_list li p {width:calc(100% - 240px); background:#F9FAFB;}
	.distinguishing_method {display:flex; gap:24px;}
	.distinguishing_method li {width:calc((100% - 72px)/4); padding:32px; border:#eee 1px solid; border-radius:20px;}
	.distinguishing_method li p {color:#1c1c1c; font-weight:700; margin-top:16px; display:flex; align-items:center; flex-wrap:wrap; gap:4px;}
	.distinguishing_method li p span {font-size:16px; color:#888; font-weight:400;}
/* 회원가입 - 전지류 공제사업 */
	.battery_products_wrap .stit .btn_add {position:absolute; top:50%; right:0; font-size:16px; color:#333; line-height:46px; height:48px; width:80px; border:#ccc 1px solid; border-radius:8px; display:flex; justify-content:center; align-items:center; gap:4px; text-align:center; transform:translateY(-50%);}
	.battery_products_wrap .stit .btn_add:after {content:""; display:block; width:16px; height:16px; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50%;}
	.battery_products_wrap .tbl tfoot td {position:relative; font-size:22px; color:#4CAF7A; font-weight:700; border-bottom:0;}
	.battery_products_wrap .tbl tfoot td:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#4CAF7A0D; border-top:#4CAF7A 1px solid; border-bottom:#4CAF7A 1px solid;}
	.battery_products_wrap .tbl tfoot td:first-child:before {border-left:#4CAF7A 1px solid; border-radius:6px 0 0 6px;}
	.battery_products_wrap .tbl tfoot td:last-child:before {border-right:#4CAF7A 1px solid; border-radius:0 6px 6px 0;}
	.battery_products_wrap .btns_btm {margin-top:24px;}
	.battery_products_wrap .join_step {padding:20px;}
	.battery_products_wrap .join_step strong {padding-bottom:0;}
	.battery_products_wrap .btns_btm .btn {width:auto; padding:0 24px;}
	.download_files {display:flex; flex-wrap:wrap; gap:25px; margin-top:48px;}
	.download_files > li {width:calc((100% - 50px)/3); border-radius:20px; background:#F9FAFB; padding:32px; display:flex; flex-direction:column; align-items:flex-start; transition:.2s linear;}
	.download_files h3 {font-size:22px; color:#1c1c1c; margin-bottom:16px; transition:.2s linear;}
	.download_files .applicable {display:flex; gap:8px;}
	.download_files .applicable li {font-size:14px; color:#1c1c1c; line-height:24px; height:26px; width:84px; text-align:center; background:#fff; border-radius:13px; border:#ccc 1px solid;}
	.download_files p,
	.download_files .btn_download {display:flex; margin-top:24px; height:auto; font-size:16px; font-weight:400; background:none; transition:.2s linear;}
	.download_files p {line-height:1.7; color:#333;}
	.download_files .btn_download {line-height:32px; gap:4px; color:#fff; padding:0 12px; background:#333;}
	.download_files .btn_download:after {background:#fff; mask:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain;}
/* 지자체 실적 */
	.local_performance_wrap .board_top {margin:64px 0 24px;}
	.step_vertical {display:flex; flex-direction:column; gap:44px;}
	.step_vertical li {display:flex; align-items:center; gap:40px;}
	.step_vertical .stepbox {position:relative; width:400px; border-radius:20px; display:flex; flex-direction:column; align-items:flex-start; gap:8px;}
	.step_vertical .stepbox:before {content:""; position:absolute; top:0; right:32px; width:50px; height:100%; background:no-repeat 50% 50%;}
	.step_vertical .stepbox span {display:block; font-size:14px; color:#4CAF7A; font-weight:700; line-height:1.3;}
	.step_vertical .stepbox h3 {font-size:18px; color:#000; font-weight:600;}
	.step_vertical .dots_list {width:calc(100% - 440px);}
	.step_vertical .dots_list li {color:#1c1c1c; font-weight:500;}
	.step_vertical .i1 .stepbox:before {background-image:url('/pub/images/icon_local_performance01.svg');}
	.step_vertical .i2 .stepbox:before {background-image:url('/pub/images/icon_local_performance02.svg');}
	.step_vertical .i3 .stepbox:before {background-image:url('/pub/images/icon_local_performance03.svg');}
	.gallery_battery {display:flex; flex-wrap:wrap; gap:40px 32px;}
	.gallery_battery li {width:calc((100% - 96px)/4);}
	.gallery_battery span {display:block;}
	.gallery_battery .imgfit {width:100%; aspect-ratio:37/25; border-radius:20px;}
	.gallery_battery .txt {padding-top:16px;}
	.gallery_battery .tit {font-size:18px; color:#000; font-weight:400; line-height:1.7;}
	.pop_members .inbox {width:740px; padding:30px 50px;}
	.pop_members .tit {font-size:20px; color:#000; font-weight:700; margin-bottom:26px;}
	.pop_members .btn_close {top:12px; right:27px;}
	.pop_members .scroll {padding-right:0;}
	.pop_members table {width:100%;}
	.pop_members th,
	.pop_members td {padding:5px 0;}
	.pop_members th {width:90px;}
	.pop_members td {padding-left:20px;}
	.pop_members .map_area {margin-top:35px; width:100%; height:224px;}
	.pop_members .btn_clo {font-size:18px; line-height:60px; height:60px; width:160px; background:#032E86;}
	.pop_members .iw_box {padding:10px; width:200px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.pop_members .iw_tit {display:block; font-size:13px; color:#333; font-weight:700;}
	.pop_members .iw_addr {display:block; font-size:11px; color:#666; margin:3px 0 6px; line-height:1.3;}
	.pop_members .iw_link {display:inline-block; font-size:12px; color:#333; text-decoration:none; font-weight:700; padding:4px 10px; border-radius:4px; border:#ccc 1px solid;}
/* 의무이행 현황 */
	.chart_area {margin-top:40px; border:#eee 1px solid; border-radius:24px; padding:48px 40px;}
	.chart_area .chart {min-height:320px; max-height:320px;}
	.chart_area .canvas_area {position:relative; padding-top:18px;}
	.chart_area .canvas_area ul {position:absolute; top:0; left:0; width:100%; display:flex; justify-content:space-between; font-size:14px; color:#888; line-height:18px;}
	.chart_area .classification {display:flex; justify-content:center; gap:32px; padding:12px; background:#F9FAFB; border-radius:4px; margin-top:20px;}
	.chart_area .classification li {position:relative; font-size:14px; color:#000; line-height:20px; padding-left:28px;}
	.chart_area .classification li:before {content:""; position:absolute; top:0; left:0; width:20px; height:20px; border-radius:4px;}
	.chart_area .classification li.c1:before {background:#949495;}
	.chart_area .classification li.c2:before {background:#204933;}
	.chart_area .classification li.c3:before {background:#fff; border:#2B6345 1px solid;}
	
/** 주요사업안내 **/
	.g04 .btit {border-left-color:#3B82F6;}
	.major_projects_wrap .top_area {background:#3B82F61A; border-radius:24px; padding:56px; display:flex; align-items:center;}
	.major_projects_wrap .top_area .tit {font-size:36px; color:#1c1c1c; line-height:1.3; margin-bottom:14px;}
	.major_projects_wrap .top_area .tt {margin:24px 0 4px;}
	.major_projects_wrap .top_area p {font-size:16px; color:#1c1c1c; line-height:1.7;}
	.major_projects_wrap .top_area p strong {font-size:18px; line-height:1.5; font-weight:600;}
	.major_projects_wrap .top_area .tt + p {margin-bottom:10px;}
	.major_projects_wrap .top_area p + p {margin-top:14px;}
	.major_projects_wrap .top_area .btn {font-size:18px; color:#fff; font-weight:500; line-height:64px; height:64px; width:240px; text-align:center; background:#3B82F6; border-radius:8px; margin-top:48px;}
	.major_projects_wrap .top_area .tel {display:flex; align-items:center; gap:12px; margin-bottom:14px;}
	.major_projects_wrap .top_area .tel dt {font-size:14px; color:#1c1c1c; line-height:1.3;}
	.major_projects_wrap .top_area .tel dd {color:#1c1c1c; font-weight:500;}
	.contact_box {border:#eee 1px solid; border-radius:20px; padding:32px; display:flex; align-items:center; gap:32px;}
	.contact_box.mt {margin-top:48px;}
	.contact_box.gbox {border:0;}
	.contact_box .img {width:216px; height:126px; border-radius:12px; background:no-repeat 50% 50% / cover;}
	.contact_box .txt {flex:1 1 calc(100% - 248px); height:100%; display:flex; flex-direction:column; justify-content:space-between;}
	.contact_box .txt.flex.colm {flex-direction:column; justify-content:space-between; height:100%;}
	.contact_box .tit {color:#1c1c1c; margin-bottom:8px;}
	.contact_box p {font-size:16px; line-height:1.7;}
	.contact_box .tel,
	.contact_box .email,
	.contact_box .bank,
	.contact_box .time,
	.contact_box .no_icon {margin-top:24px; padding-left:22px; display:flex; align-items:flex-start; gap:12px; font-size:16px; color:#1c1c1c; font-weight:500; background:no-repeat 0 4px;}
	.contact_box .tel {background-image:url('/pub/images/icon_contect_tel.svg');}
	.contact_box .email {background-image:url('/pub/images/icon_email.svg');}
	.contact_box .bank {background-image:url('/pub/images/icon_bank.svg');}
	.contact_box .time {background-image:url('/pub/images/icon_time.svg'); background-size:16px;}
	.contact_box .tel strong,
	.contact_box .email strong,
	.contact_box .bank strong,
	.contact_box .time strong,
	.contact_box .no_icon strong {color:#3B82F6; font-weight:600;}
	.contact_box .no_icon {padding-left:0;}
	.contact_flex {gap:32px; margin-top:24px;}
	.contact_flex .contact_box {width:calc(50% - 16px);}
	.contact_flex .contact_box.vat {align-items:flex-start;}
	.contact_box .flex,
	.key_achievements {gap:4px 24px; flex-wrap:wrap;}
	.key_achievements li {flex:1 1 calc((100% - 48px)/3); padding:32px 40px; background:#F9FAFB; border:#eee 1px solid; border-radius:20px;}
	.key_achievements h3 {font-size:18px; color:#222; font-weight:600; margin-bottom:8px;}
	.key_achievements p {font-size:18px; font-weight:500; display:flex; align-items:baseline; gap:8px;}
	.key_achievements strong {font-size:40px; line-height:1.2;}
	.step_major_projects {flex-wrap:wrap; gap:24px 32px; padding:24px; border:#eee 1px solid; border-radius:24px;}
	.step_major_projects.nbd {padding:0;}
	.step_major_projects.mt {margin-top:10px;}
	.step_major_projects li {position:relative; width:calc((100% - 128px)/5); padding:24px 10px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px;}
	.step_major_projects li + li:before {content:""; position:absolute; top:0; left:-32px; width:32px; height:100%; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
	.step_major_projects.set4 li:nth-child(5):before {display:none;}
	.step_major_projects span {display:block; font-size:12px; color:#3B82F6; font-weight:700; line-height:24px; height:24px; width:54px; text-align:center; background:#3B82F61A; border-radius:27px;}
	.step_major_projects h3,
	.step_major_projects strong {color:#1c1c1c; text-align:center;}
	.step_major_projects p {font-size:15px; color:#555; text-align:center; margin-top:8px;}
	.step_major_projects p span {font-size:.9em; color:inherit; font-weight:inherit; line-height:1.4; height:auto; width:auto; background:none; border-radius:0; margin-top:5px;}
	.step_major_projects.set4 li {width:calc((100% - 96px)/4);}
	.icons_major_projects_area {gap:24px; flex-wrap:wrap;}
	.icons_major_projects_area li {flex:1 1 calc((100% - 48px)/3); padding:32px; border:#eee 1px solid; border-radius:20px;}
	.icons_major_projects_area i {display:block; text-align:center;}
	.icons_major_projects_area p {font-size:18px; color:#1c1c1c; font-weight:600; text-align:center; margin-top:24px;}
	.icons_major_projects_area p.small {font-size:16px; color:#555; font-weight:400;}
	.icons_major_projects_area.set2 li {flex-basis:calc(50% - 12px);}
	.tb + .icons_major_projects_area {margin-top:24px;}
	.icons_major_projects_area.colm {gap:16px;}
	.icons_major_projects_area.colm li {width:100%; display:flex; gap:32px;}
	.icons_major_projects_area.colm .icon {width:80px; height:80px; background:#F9FAFB; border-radius:50%; display:flex;}
	.icons_major_projects_area.colm .txt {width:calc(100% - 112px); text-align:left;}
/* 가정배출 */
/* 폐가전 무상방문수거 */
	.household_wrap .top_area .txt {width:700px;}
	.household_wrap .top_area .img {width:calc(100% - 700px); height:265px; background:url('/pub/images/img_household_top.webp') no-repeat 100% 50% / contain;}
	.household_wrap .contact_box .img {background-image:url('/pub/images/img_household_contact.webp');}
/* 중소형폐가전수거함+맞춤수거 */
	.customized_collection_wrap .top_area .txt {width:860px;}
	.customized_collection_wrap .top_area .img {width:calc(100% - 860px); height:200px; background:no-repeat 50% 50%; background-size:contain;}
	.customized_collection_wrap .top_area .img.i1 {background-image:url('/pub/images/img_customized_collection_top1.webp');}
	.customized_collection_wrap .top_area .img.i2 {background-image:url('/pub/images/img_customized_collection_top2.webp');}
/* 나눔폰 */
	.nanum_phone_wrap .top_area .txt {width:750px;}
	.nanum_phone_wrap .top_area .img {width:calc(100% - 750px); height:325px; background:url('/pub/images/img_nanum_phone_top.webp') no-repeat 50% 50% / contain;}
/* 기업·기관 배출 */
	.corporate_wrap .top_area .txt {width:750px;}
	.corporate_wrap .top_area .img {width:calc(100% - 750px); height:332px; background:url('/pub/images/img_corporate_top.webp') no-repeat 50% 50% / contain;}
	.esg_result_area {display:flex; justify-content:center; gap:40px; padding:48px 20px; border:#eee 1px solid; border-radius:20px;}
	.esg_result_area li {max-width:calc((100% - 80px)/3);}
	.esg_result_area p {font-size:16px; color:#333; font-weight:500; margin-top:12px; text-align:center;}
/* E-순환우수제품 인증 */
	.certification_product_wrap .top_area .txt {width:760px;}
	.certification_product_wrap .top_area .txt .btn {width:auto; display:inline-block; padding:0 20px;}
	.certification_product_wrap .top_area .img {width:calc(100% - 760px); height:297px; background:url('/pub/images/img_certification_product_top.webp') no-repeat 50% 50% / contain;}
	.downloads {flex-wrap:wrap; gap:24px; margin-top:24px;}
	.downloads li {flex:1 1 calc((100% - 48px)/3); font-size:18px;}
	.downloads.width_fix li {flex-grow:0; flex-shrink:0;}
	.downloads .btn_download {display:flex; justify-content:space-between; align-items:center; font-size:18px; color:#1c1c1c; font-weight:600; line-height:28px; height:auto; padding:24px; background:#F9FAFB; border-radius:20px;}
	.downloads .btn_download:after {display:none;}
	.downloads .btn_download i {position:relative; padding-right:20px; font-size:16px; color:#333; font-weight:400; transition:.2s linear;}
	.downloads .btn_download i:after {content:""; position:absolute; top:0; right:0; width:16px; height:100%; background:#333; mask:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain; transition:.2s linear;}	
/* ESG성과 인증 - 쓰기 부분은 게시판 쓰기 활용 */
	.certificate_wrap {gap:25px;}
	.certificate_wrap .contact_box {width:calc((100% - 50px)/3); flex-direction:column; gap:24px; align-items:flex-start;}
	.personal_information_area .textarea_outbox {padding:16px; background:#F7F8F9; border-radius:20px;}
	.personal_information_area .textarea_inbox {padding:16px; height:200px; overflow:auto; font-size:16px;}
	.personal_information_area .check {margin-top:16px;}
	.pop_reason .tit {font-size:28px; color:#222; font-weight:600; text-align:center; margin-bottom:24px;}
	.pop_reason .gbox {padding:40px;}
	.pop_reason .btn_clo {margin-top:32px; font-size:18px;}
	.num_box {display:flex; flex-direction:column; background:#3B82F60D; border:#3B82F680 1px solid; border-radius:20px; padding:24px 48px;}
	.num_box li {position:relative; padding:24px 0; font-size:18px; color:#333; line-height:30px; padding-left:36px;}
	.num_box li + li {border-top:#3B82F6 1px dashed;}
	.num_box li span {position:absolute; top:29px; left:0; font-size:14px; color:#fff; line-height:20px; height:20px; width:20px; border-radius:4px; background:#222; text-align:center;}
/* 사랑의 어깨동무 */
	.love_shoulder_top {display:flex; gap:40px; align-items:center; background:#FFD84D1A url('/pub/images/bg_love_shoulder_top.webp') no-repeat right 35px bottom; padding:40px 440px 40px 40px; border-radius:24px;}
	.love_shoulder_top .icon {width:140px; height:140px; background:url('/pub/images/icon_love_shoulder_top.webp') no-repeat 50% 50% / contain;}
	.love_shoulder_top .txt {width:calc(100% - 180px); display:flex; flex-direction:column; gap:8px;}
	.love_shoulder_top .txt p {font-size:16px; color:#333; font-weight:400; line-height:1.7;}
	.love_shoulder_top .txt strong {font-size:18px; font-weight:500;}
	.core_value_area {display:flex; gap:20px; padding:20px; border:#3B82F6 1px dashed; border-radius:130px;}
	.core_value_area li {width:calc((100% - 40px)/3); border-radius:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; height:160px; padding:10px; text-align:center; background:#CEE0FD33;}
	.core_value_area h3 {color:#1c1c1c;}
	.core_value_area p {font-size:15px; color:#555;}
	.support_type_area .img_list {display:flex; gap:24px;}
	.support_type_area .img_list li {width:calc((100% - 72px)/4);}
	.support_type_area .img_list .imgfit {width:100%; aspect-ratio:302/200; border-radius:20px 20px 0 0;}
	.support_type_area .img_list .txt {padding:24px; border:#eee 1px solid; border-radius:0 0 20px 20px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px;}
	.support_type_area .img_list .type {font-size:14px; color:#3B82F6; font-weight:700;}
	.support_type_area .img_list strong {font-size:18px; color:#222; font-weight:600;}
	.love_shoulder_wrap .chart_area {margin-top:30px;}
	.love_shoulder_wrap .chart_area .chart {height:320px !important;}
	.love_shoulder_wrap .chart_area .classification li.c2:before {background:#3B82F6;}
	.love_shoulder_wrap .chart_area .classification li.c3:before {border-color:#3B82F6;}
	.management_donations .top {font-size:18px; font-weight:600; margin-bottom:12px;}
	.management_donations .ybox {font-size:18px; font-weight:600; padding:32px 24px; background:#FFD84D1A; border-radius:20px;}
	.management_donations ul {position:relative; display:flex; flex-direction:column; gap:16px; padding-top:70px;}
	.management_donations ul:before {content:""; position:absolute; top:24px; left:0; width:100%; height:22px; background:url('/pub/images/arrow_ybox.svg') no-repeat 50% 50% / contain;}
	.management_donations li {display:flex; align-items:center; gap:32px; border:#eee 1px solid; border-radius:20px; padding:32px;}
	.management_donations li .icon {width:80px; height:80px; background:#F9FAFB; border-radius:50%; display:flex; justify-content:center; align-items:center;}
	.management_donations li .txt {width:calc(100% - 112px); display:flex; flex-direction:column; gap:12px;}
	.management_donations li h4 {font-size:18px; color:#1c1c1c; font-weight:600;}
	.management_donations li p {font-size:16px; line-height:1.7;}
	.donation_benefits {display:flex; flex-wrap:wrap; gap:24px;}
	.donation_benefits li {width:calc((100% - 48px)/3); height:112px; background:#F9FAFB; border-radius:12px; padding:24px 32px; display:flex; align-items:center;}
	.donation_benefits p {width:calc(100% - 64px);}
	.donation_benefits .icon {width:64px; height:64px; background:#fff; display:flex; justify-content:center; align-items:center; border-radius:50%;}
/* ESG위원회 */
	.committee_list {border:#eee 1px solid; border-radius:20px; display:flex; gap:32px; padding:72px;}
	.committee_list li {width:calc((100% - 96px)/4);}
	.committee_list .imgfit {width:260px; aspect-ratio:1/1; border-radius:50%;}
	.committee_list p {position:relative; margin:-22px auto 0; font-size:15px; color:#fff; font-weight:600; line-height:32px; height:32px; width:110px; border-radius:16px; background:linear-gradient(90deg, #153A5F 0%, #4CAF7A 100%); z-index:1; text-align:center;}
	.committee_wrap .num_list {margin-top:24px;}
/* E-순환학교 */
	.school_list {display:flex; flex-direction:column; gap:24px;}
	.school_list li {border:#eee 1px solid; border-radius:24px; padding:32px; display:flex; align-items:center; gap:54px;}
	.school_list .imgfit {width:419px; aspect-ratio:419/297; border-radius:16px;}
	.school_list .txt {width:calc(100% - 473px); display:flex; flex-direction:column; gap:16px;}
	.school_list h3 {font-size:22px; color:#1c1c1c;}
	.school_list p {font-size:16px; color:#555; line-height:1.7;}

/* 홍보 동영상 */
	.pop_video .inbox {width:624px; padding:74px 32px 32px;}
	.pop_video .imgfit {width:100%; aspect-ratio:223/125;}
	.pop_video .imgfit iframe {width:100%; height:100%; object-fit:contain;}
	.pop_video .tit {font-size:24px; color:#333; line-height:1.5; margin-top:24px;}
/* 특허현황 */
	.archives_patents_wrap .list {display:flex; flex-wrap:wrap; gap:24px 20px;}
	.archives_patents_wrap .list li {width:calc((100% - 40px)/3);}
	.archives_patents_wrap .list button {position:relative; display:flex; align-items:center; gap:32px; padding:20px; background:#F9FAFB; border-radius:20px; width:100%;}
	.archives_patents_wrap .list button:before {content:""; position:absolute; bottom:0; right:0; width:196px; aspect-ratio:196/131; background:url('/pub/images/bg_logo.svg') no-repeat right bottom; opacity:0; transition:.2s linear;}
	.archives_patents_wrap .list .imgfit {width:160px; border-radius:12px; aspect-ratio:160/226;}
	.archives_patents_wrap .list p {width:calc(100% - 192px); color:#1c1c1c; font-weight:500; text-align:left; white-space:normal;}
	.pop_archives_patents .inbox {width:624px; padding:74px 32px 32px;}
	.pop_archives_patents .inbox .imgfit {width:100%; height:582px; border:#eee 1px solid; border-radius:16px; padding:12px;}
	.pop_archives_patents .inbox .imgfit img {width:auto; height:auto;}
	.pop_archives_patents .inbox .tit {font-size:24px; color:#333; margin-top:22px;}
/* FAQ */
	.faq_wrap {display:flex; flex-direction:column; gap:16px;}
	.faq_wrap .box {background:#F9FAFB; border-radius:24px;}
	.faq_wrap .btn_q {position:relative; padding:24px 58px 24px 80px; width:100%; height:auto; text-align:left; line-height:32px; font-size:18px; word-break:break-word; white-space:normal;}
	.faq_wrap .btn_q:before {content:"Q"; position:absolute; left:24px; top:24px; width:32px; height:32px; line-height:32px; text-align:center; font-size:18px; font-weight:600; border-radius:50%; color:#888; background:#eee;}
	.faq_wrap .btn_q i {position:absolute; top:50%; right:24px; width:24px; height:24px; transform:translateY(-50%);}
	.faq_wrap .btn_q i:before,
	.faq_wrap .btn_q i:after {content:""; position:absolute; top:50%; left:50%; background:#555; border-radius:2px; transform:translate(-50%,-50%); transition:.2s linear;}
	.faq_wrap .btn_q i:before {width:16px; height:2px;}
	.faq_wrap .btn_q i:after {width:2px; height:16px;}
	.faq_wrap .con {display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.3s ease, margin 0.3s ease; overflow:hidden; background:#fff; border-radius:24px; margin:0 24px; width:calc(100% - 48px);}
	.faq_wrap .con .inbox {min-height:0; position:relative; padding:0 24px 0 80px; font-size:18px; line-height:1.6; transition:.2s linear;}
	.faq_wrap .con .inbox:before {content:"A"; position:absolute; left:24px; top:24px; width:32px; height:32px; line-height:32px; text-align:center; font-size:18px; font-weight:600; border-radius:50%; color:#fff; background:#4CAF7A;}
	.faq_wrap .box.on .btn_q i:after {transform:translate(-50%, -50%) rotate(90deg); opacity:0;}
	.faq_wrap .box.on .con {grid-template-rows:1fr; margin-bottom:24px;}
	.faq_wrap .box.on .con .inbox {padding:24px 24px 24px 80px;}

/* 약관 */
	.terms_wrap {font-size:18px; color:#333; line-height:1.7;}
	.terms_wrap .level1_title {display:none;}
	.terms_wrap .ybox,
	.terms_wrap .content > .description_fcBlack_txt {background:#FFD84D1A; padding:24px; text-align:center;}
	.terms_wrap .privacy_label,
	.terms_wrap .cnt_list {display:flex; flex-wrap:wrap; gap:10px; background:#fafafa; padding:32px; border-radius:12px;}
	.terms_wrap .privacy_label a,
	.terms_wrap .cnt_list li {width:calc((100% - 30px)/4); display:flex; align-items:center; font-size:15px; font-weight:600;}
	.terms_wrap .cnt_list li a {display:flex; align-items:center;}
	.terms_wrap .level2_title {font-size:22px; color:#1c1c1c; font-weight:700; line-height:80px; display:flex; align-items:center; gap:16px; margin:50px 0 6px;}
	.terms_wrap th,
	.terms_wrap td {font-size:16px; word-break:break-word;}
	.terms_wrap thead th {position:relative; color:#fff; font-weight:500; padding:12px; text-align:center;}
	.terms_wrap thead th:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#333; z-index:-1;}
	.terms_wrap thead th:first-child:before {border-radius:6px 0 0 6px;}
	.terms_wrap thead th:last-child:before {border-radius:0 6px 6px 0;}
	.terms_wrap tbody th,
	.terms_wrap tbody td,
	.terms_wrap tfoot td {border-bottom:#ccc 1px solid; padding:16px; text-align:center; color:#555; line-height:1.7; font-weight:400;}
	.terms_wrap select {display:block; width:100%; max-width:500px; height:50px;}
/* 개인정보처리방침 */
	.privacy_policy_area,
	.terms_wrap .content > .description_box {border-top:#D9D9D9 1px solid; margin-top:50px; padding-top:50px;}
	.terms_wrap .content > .description_box .description_fcBlack_txt {background:#fafafa; border-radius:12px; padding:32px;}
	.privacy_policy_area p {margin-top:6px;}
	.terms_tit {position:relative; margin:50px 0 32px; padding-left:82px; min-height:80px; display:flex; flex-direction:column; justify-content:center; gap:6px;}
	.terms_tit .icon {position:absolute; top:50%; left:0; transform:translateY(-50%);}
	.terms_tit h3 {font-size:22px; color:#1c1c1c;}
	.dots_list.full_width {display:flex; flex-direction:column; gap:40px;}
	.dots_list.full_width li {padding-left:0;}
	.dots_list.full_width li h4 {padding-left:18px;}
	.dots_list.full_width .tbl {margin-top:12px;}
	.select_before {margin-top:20px; gap:24px;}
	.select_before select {width:calc((100% - 48px)/3);}
	.terms_wrap td {word-break:break-word;}
/* 저작권 정책 */
	.copyright_policy_tit {font-size:20px; color:#1c1c1c; padding:16px; background:#F9FAFB; border-radius:16px; margin:48px 0 16px;}
	.copyright_policy_tit ~ .copyright_policy_tit {margin-top:32px;}
	.copyright_policy_wrap p {font-size:18px; line-height:1.7;}
	.copyright_policy_wrap p + .dots_list {margin-top:16px;}
/* END */