/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1600px){
/* header */
	.header .gnb {padding:0 48px 0 183px;}
	.header .gnb .menu > a {padding:0 40px;}
	.header .gnb .snb .inbox {padding:20px;}
	.header.on .gnb > li > a {width:200px;}
/* footer */
	.quick_area {right:20px;}
	.footer .address {font-size:13px; padding-left:190px;}
	.footer .address:before {width:160px;}
	.footer .links {gap:10px; justify-content:flex-end; width:100%;}

/* 게시판 목록 */
	.board_basic col.board_num {width:90px;}
	.board_basic col.board_date {width:110px;}

/* 갤러리 목록 */
	.gallery_basic {gap:20px 24px;}
	.gallery_basic li {width:calc((100% - 48px)/3);}
	.gallery_basic li .tit {font-size:17px;}
	.gallery_basic li .date {font-size:15px;}
/* 점선목록 */
	.dots_list li {padding-left:16px; font-size:17px;}
	.dots_list li:before {top:10px;}
	.dots_list.slim li {font-size:15px; padding-left:12px;}
/* 기본형 테이블 구조 */
	.tbl th,
	.tbl td {font-size:15px;}
	.tbl thead th {padding:10px;}
	.tbl tbody th,
	.tbl tbody td,
	.tbl tfoot td {padding:12px;}
	.tbl .w120 {width:8%;}
	.tbl .w240 {width:16%;}

/* main */
	.mcon {padding:120px 0;}
	.mc03 {padding:140px 0;}
	.mc03 .left {width:30%; background-position:right 43px bottom 23px;}
	.mc03 .right {width:calc(70% - 24px);}

/* sub */
	.svisual {height:280px; padding:0 100px; margin-bottom:60px; background-position:70% 50%;}
	.svisual:after {right:13%; width:30%;}
	.contents {margin-top:60px; padding-left:280px; font-size:18px;}
	.contents .aside {width:240px;}

	.gbox {padding:28px;}
	.gbox.p24 {padding:20px;}
	.glbox {padding:28px;}

	.stit {font-size:22px; margin:40px 0 16px;}
	.stit span {font-size:16px;}
/** 공제조합소개 **/
/* E-순환거버넌스는 */
	.about_wrap .top_area {gap:30px;}
	.about_wrap .top_area .tit {font-size:20px; width:150px;}
	.about_wrap .top_area p {font-size:16px; width:calc(100% - 180px);}
	.history_area .years {width:43%;}
	.history_area .years h2 {font-size:50px;}
	.history_area .years .tb {font-size:18px;}
	.history_area .list {width:57%; padding-left:40px;}
	.history_area .list li + li {margin-top:30px;}
	.history_area .list strong {font-size:28px;}
/* 지점소개 */
	.branches_wrap .top {gap:10px; margin-bottom:60px; padding:48px 48px 48px 260px; background-size:220px; background-position:20px 50%;}
	.branches_wrap .top .tit {font-size:20px;}
	.branches_wrap .top p {font-size:16px;}
	.branches_wrap .branches_list {gap:80px;}
	.branches_wrap .box {gap:30px;}
	.branches_wrap .branches_slide_for {width:30vw;}
	.branches_wrap .txt {width:calc(100% - 30vw - 30px);}
	.branches_wrap .txt h2 {font-size:26px;}
	.gflex_area {gap:20px;}
	.gflex_area li {padding:30px;}
	.gflex_area li .tit {font-size:20px;}
	.infra_area li {width:calc(50% - 10px); background-position:right 5px center;}
	.infra_area li .count strong {font-size:40px;}
	.annual_trends_area li {width:calc((100% - 80px)/5); padding-left:10px; padding-right:10px;}
	.annual_trends_area li dl {margin-top:40px; gap:6px;}
	.annual_trends_area li dt {font-size:16px;}
	.annual_trends_area li dd {font-size:30px;}
/* 임원현황 */
	.executives_list {gap:20px;}
	.executives_list li {width:calc((100% - 60px)/4); padding:28px 16px;}
	.executives_list .imgfit {width:80px;}
	.executives_list .txt {width:calc(100% - 80px); padding-left:24px;}
	.executives_list strong {font-size:20px;}
	.executives_list p {font-size:16px;}
/* 조직도 */
	.organization_wrap {padding:68px 40px;}
	.organization_wrap .boss {width:200px;}
	.organization_wrap .list ul:before {left:-10px;}
	.organization_wrap .list li {gap:20px;}
	.organization_wrap .list > li > .box {width:calc((100% - 40px)/3);}
	.organization_wrap .list ul li .box:before {width:10px;}
	.organization_wrap .list ul > li:first-child > .box:before {width:21px;}
	.organization_wrap .list ul li .box:after {width:5px;}
	.organization_wrap .list .dep2 {width:calc(100% - ((100% - 40px)/3) - 20px);}
	.organization_wrap .list .dep2 > li {gap:20px;}
	.organization_wrap .list .dep2 > li > .box,
	.organization_wrap .list .dep3 {width:calc(50% - 10px);}
	.organization_wrap .list .dep3 > li {gap:20px;}
	.organization_wrap .list .dep3 > li > .box,
	.organization_wrap .list .dep4 {width:calc(50% - 10px);}
	.organization_wrap .list .org1 {font-size:20px;}
	.organization_wrap .list .org2,
	.organization_wrap .list .org3 {font-size:18px;}
	.organization_wrap .list .org4 {font-size:16px;}
/* CI 소개 */
	.ci_wrap .stit ~ .stit {padding-top:40px;}
	.ci_wrap .ci_about {padding:58px 48px 58px 260px;}
	.ci_wrap .ci_about:before {left:40px; width:180px;}
	.ci_wrap .ci_about h2 {font-size:22px; margin-bottom:10px;}
	.ci_wrap .ci_about p {font-size:16px;}
	.color_system_area,
	.ci_flex {gap:20px}
	.color_system_area li {width:calc((100% - 40px)/3);}
	.color_system_area .flex {padding:0 20px; margin-bottom:10px;}
	.color_system_area dl {gap:4px; font-size:14px;}
	.color_system_area dt {width:54px;}
	.color_system_area dd {width:calc(100% - 54px);}
	.color_system_area dd span {width:51px;}
	.ci_flex li {width:calc(50% - 10px);}
	.ci_flex li p {font-size:16px;}
	.ci_flex li .btn_down {font-size:15px;}
/* 캐릭터 소개 */
	.character_top {height:600px; padding:46px;}
	.character_top h2 {font-size:32px; margin-bottom:10px;}
	.character_top p {font-size:16px;}
	.character_top p strong {font-size:18px;}
	.character_list {gap:30px;}
	.character_list li {width:calc(50% - 15px);}
	.character_list .txt .name {font-size:20px;}
	.character_list .txt p {font-size:16px;}
/* 정관 */
	.gbox.download_box {padding:29px 24px; gap:0 16px; font-size:16px;}
	.articles_area {margin-top:40px; gap:20px;}
	.articles_area .pdf_area {width:68%;}
	.articles_area .label_area {width:32%; padding:24px;}
	.articles_area .label_area .list li button {font-size:15px;}
/* 운영보고 - 일반게시판 */
/* 오시는 길 */
	.location_wrap .map_area {height:560px;}
	.location_wrap .map_txt {gap:20px; margin-top:20px;}
	.location_wrap .map_txt .info {gap:20px;}
	.location_wrap .map_txt .info > li {width:calc(50% - 10px);}
	.location_wrap .map_txt .info > li.slice3 {width:calc((50% - 20px)/2);}

/** 제도이행안내 **/
/* 환경성보장제도란? */
	.eco_assurance_area .tit {top:120px; width:30%; padding-left:24px;}
	.eco_assurance_area .tit span {font-size:16px;}
	.eco_assurance_area .tit h2 {font-size:28px;}
	.eco_assurance_area .tit p {font-size:16px;}
	/* .eco_assurance_area .step_area {width:calc(70% - 20px);} */
	.eco_assurance_area .step_list {gap:48px;}
	.eco_assurance_area .step_list .step {width:calc(50% - 24px); padding:32px 24px 48px;}
	.eco_assurance_area .step_list .step:before {width:80px; height:80px; margin-bottom:12px;}
	.eco_assurance_area .step_list .step:nth-child(2n) {transform:translateY(160px);}
	.eco_assurance_area .step_list .tt {font-size:15px;}
	.eco_assurance_area .step_list h3 {font-size:20px; margin:4px 0 20px;}
/* 의무주체 및 역할 */
	.mandatory_subjects {gap:20px;}
	.mandatory_subjects li {width:calc((100% - 40px)/3); padding:40px 24px;}
	.mandatory_subjects i {width:120px;}
	.mandatory_subjects h3 {padding:20px 0 10px;}
	.mandatory_subjects p {font-size:15px;}
	.roles_wrap .tbl li {padding:3px 0 3px 106px; line-height:24px;}
	.roles_wrap .tbl li span {width:100px; font-size:14px;}
/* 회원가입 - 전기·전자제품 공제사업 */
	.join_step {gap:24px; padding:20px;}
	.join_step li {width:calc((100% - 72px)/4); padding:20px 0;}
	.join_step li + li:before {left:-24px; width:24px;}
	.mandatory_amount .chart {gap:24px;}
	.mandatory_amount .chart > span {font-size:16px;}
	.mandatory_amount .chart > span + span:before {left:-24px; width:24px;}
/* 예상 분담금 계산 */
	.calculating_area {gap:20px;}
	.calculating_area .select_area {width:60%;}
	.calculating_area .select_area .list {gap:10px 12px;}
	.calculating_area .select_area .list li {width:calc((100% - 24px)/3);}
	.calculating_area .calculating_box {width:calc(40% - 20px);}
	.calculator_end .tbl thead th {padding:12px;}
	.calculator_total {margin-top:48px; gap:16px; padding:36px; background-size:40%;}
	.calculator_total li {width:calc(50% - 8px); padding:24px;}
	.calculator_total li h3 {font-size:20px;}
	.calculator_total li p {font-size:15px; margin:6px 0 20px;}
/* 생산자 책임 재활용 제도 */
	.epr_system_top {padding:36px 200px 36px 36px; background-position:right 10px center; background-size:180px;}
	.epr_system_top h2 {font-size:30px; margin-bottom:12px;}
	.epr_system_top p {font-size:16px;}
	.epr_system_wrap .gbox ul {gap:12px;}
	.epr_system_wrap .gbox li {font-size:16px; line-height:48px; height:50px; width:calc((100% - 72px)/6);}
	.epr_system_wrap .money_set {gap:20px;}
	.epr_system_wrap .money_set li {width:calc((100% - 40px)/3); padding:24px;}
	.epr_system_wrap .money_set .tit {margin-bottom:14px;}
/* 지자체 실적 */
	.step_vertical li {gap:20px;}
	.step_vertical .stepbox {width:40%;}
	.step_vertical .stepbox:before {right:24px; width:50px;}
	.step_vertical .dots_list {width:calc(60% - 20px);}


/** 주요사업안내 **/
	.major_projects_wrap .top_area {padding:48px;}
	.major_projects_wrap .top_area .tit {font-size:30px; margin-bottom:12px;}
	.major_projects_wrap .top_area p {font-size:15px;}
	.contact_flex {gap:24px; margin-top:20px;}
	.contact_flex .contact_box {width:calc(50% - 12px);}
	.contact_box .flex,
	.key_achievements {gap:20px;}
	.key_achievements li {flex:1 1 calc((100% - 40px)/3); padding:28px 36px;}
	.key_achievements strong {font-size:36px;}
	.icons_major_projects_area {gap:20px;}
	.icons_major_projects_area li {flex:1 1 calc((100% - 40px)/3); padding:24px;}
	.icons_major_projects_area p {font-size:16px; margin-top:20px;}
	.icons_major_projects_area p.small {font-size:15px;}
	.icons_major_projects_area.set2 li {flex-basis:calc(50% - 10px);}

/* 가정배출 */
/* 폐가전 무상방문수거 */
	.household_wrap .top_area .txt {width:70%;}
	.household_wrap .top_area .img {width:30%; background-size:80%;}
/* 중소형폐가전수거함+맞춤수거 */
	.customized_collection_wrap .top_area .txt {width:70%;}
	.customized_collection_wrap .top_area .img {width:30%;}
/* 나눔폰 */
	.nanum_phone_wrap .top_area .txt {width:70%;}
	.nanum_phone_wrap .top_area .img {width:30%; background-size:80%;}
/* 기업·기관 배출 */
	.corporate_wrap .top_area .txt {width:70%;}
	.corporate_wrap .top_area .img {width:30%;}
	.esg_result_area {gap:30px; padding:40px 16px;}
	.esg_result_area li {max-width:calc((100% - 60px)/3);}
	.esg_result_area p {font-size:15px; margin-top:10px;}
/* E-순환우수제품 인증 */
	.certification_product_wrap .top_area .txt {width:70%;}
	.certification_product_wrap .top_area .img {width:30%;}
	.downloads {gap:20px;}
	.downloads li {font-size:16px; flex-basis:calc((100% - 40px)/3);}
	.downloads .btn_download {padding:20px;}
/* 사랑의 어깨동무 */
	.love_shoulder_top {gap:20px; padding:30px 300px 60px 30px; background-size:320px;}
	.love_shoulder_top .icon {width:120px; height:120px;}
	.love_shoulder_top .txt {width:calc(100% - 140px);}
	.love_shoulder_top .txt p {font-size:15px;}
/* ESG위원회 */
	.committee_list {gap:24px; padding:48px;}
	.committee_list li {width:calc((100% - 72px)/4);}
	.committee_list .imgfit {width:200px;}
/* E-순환학교 */
	.school_list {gap:20px;}
	.school_list li {padding:24px; gap:40px;}
	.school_list .imgfit {width:40%;}
	.school_list .txt {width:calc(60% - 40px);}

/* 특허현황 */
	.archives_patents_wrap .list button {gap:24px; padding:16px;}
	.archives_patents_wrap .list button:before {width:170px;}
	.archives_patents_wrap .list .imgfit {width:140px;}
	.archives_patents_wrap .list p {width:calc(100% - 164px);}
}

/* ------------------------------ PC ------------------------------ */
@media screen and (max-width:1279px){
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="email"],
	select {height:48px;}
/* 팝업 */
	.popup {font-size:16px;}
	.popup .inbox {padding:36px 40px;}
	.popup .ptit {font-size:26px; margin-bottom:20px;}
	.popup .gbox {padding:24px;}
	.popup .btn_clo.btn_long {height:50px; line-height:50px;}
/* 게시판 상단 */
	.board_top .search_wrap select {width:130px; height:44px; font-size:14px; padding-left:16px;}
	.board_top .search_wrap input {width:240px; height:44px; font-size:15px;}
	.board_top .search_wrap .btn {font-size:15px; line-height:44px; height:44px; width:60px;}
	.board_top .search_wrap .datepicker {width:130px;}
/* 게시판 목록 */
	.board_basic col.board_num {width:70px;}
	.board_basic col.board_date {width:100px;}
	.board_basic col.board_dday {width:100px;}
	.board_basic tbody td.board_tit a {font-size:16px;}
	.board_basic tbody .board_dday span {font-size:15px;}
/* 게시판 쓰기 */
	.board_write {padding:24px 36px;}
	.board_write th,
	.board_write td {padding:14px 0; font-size:15px;}
	.board_write th {width:160px;}
	.inbtn .btn {height:48px;}
/* 갤러리 목록 */
	.gallery_basic {gap:20px;}
	.gallery_basic li {width:calc((100% - 40px)/3);}
	.gallery_basic li .txt {padding-top:16px;}
	.gallery_basic li .tit {font-size:16px; margin-bottom:14px;}
	.gallery_basic li .date {font-size:14px;}
/* 점선목록 */
	.dots_list li {font-size:16px;}
	.dots_list li:before {top:9px;}
	.dots_list.slim li {font-size:14px;}
/* 숫자목록 */
	.num_list li {font-size:16px; line-height:28px; padding-left:30px;}
/* 기본형 테이블 구조 */
	.tbl th,
	.tbl td {font-size:14px;}
	.tbl thead th {padding:8px;}
	.tbl tbody th,
	.tbl tbody td,
	.tbl tfoot td {padding:8px;}
/* 파일첨부 */
	.file_attachment .flie_input .btn {height:48px;}

/* header */
	.header.on .gnb > li > a {width:180px;}

/* main */
	.mvisual .txt {padding:0 0 80px 50px;}
	.mvisual .tit {margin-bottom:36px;}
	.mvisual .tit span {font-size:36px;}
	.mvisual .tit strong {font-size:54px;}
	.mvisual p {font-size:20px;}
	.mv_controls {bottom:80px; left:50px;}

/* sub */
	.tabs li > * {font-size:16px; line-height:50px;}

	.stit {font-size:20px;}
	.stit span {font-size:15px;}
	.stit .abso {font-size:14px;}
	p.small {font-size:15px;}
/** 공제조합소개 **/
/* E-순환거버넌스는 */
	.history_area .years h2 {font-size:44px;}
/* CI 소개 */
	.color_system_area dd span {width:42px;}
	
/** 제도이행안내 **/
/* 의무주체 및 역할 */
	.roles_wrap .tbl li {padding:38px 0 3px; line-height:24px;}
/* 회원가입 - 전기·전자제품 공제사업 */
	.mandatory_amount .tit {width:180px; /* height:160px; padding:10px 10px 0; */}
	.mandatory_amount .chart {width:calc(100% - 200px); padding:24px; gap:20px;}
/* 생산자 책임 재활용 제도 */
	.epr_system_wrap .money_set li {width:calc(50% - 10px); /* padding:24px; */}
/* 회원가입 - 전지류 공제사업 */
	.download_files {gap:20px; margin-top:36px;}
	.download_files > li {width:calc(50% - 10px); padding:24px;}
	.download_files h3 {font-size:20px; margin-bottom:14px;}

/** 주요사업안내 **/
	.major_projects_wrap .top_area {padding:36px;}
	.major_projects_wrap .top_area .tit {font-size:26px;}
	.major_projects_wrap .top_area .btn {font-size:16px; line-height:56px; height:56px; width:200px; margin-top:36px;}
	.contact_box {padding:24px; gap:24px;}
	.contact_box.mt {margin-top:36px;}
	.contact_box .tel,
	.contact_box .email,
	.contact_box .bank,
	.contact_box .no_icon {margin-top:20px; font-size:15px; width:100%;}
	.contact_box .flex,
	.key_achievements {gap:4px 16px;}
	.contact_box .flex div + div {margin-top:0;}
	.key_achievements strong {font-size:32px;}
/* ESG성과 인증 - 쓰기 부분은 게시판 쓰기 활용 */
	.certificate_wrap {gap:20px;}
	.certificate_wrap .contact_box {width:calc((100% - 40px)/3); gap:20px;}
	.personal_information_area .textarea_outbox {padding:12px;}
	.personal_information_area .textarea_inbox {padding:12px; height:160px; font-size:15px;}
	.personal_information_area .check {margin-top:12px;}
	.pop_reason .tit {font-size:24px; margin-bottom:20px;}
	.num_box {padding:20px 36px;}
	.num_box li {padding:20px 0; font-size:16px; line-height:28px; padding-left:34px;}
	.num_box li span {top:24px;}
/* 사랑의 어깨동무 */
	.love_shoulder_top {gap:20px; padding:20px 20px 140px 20px; background-size:auto 140px;}
	.support_type_area .img_list {gap:20px;}
	.support_type_area .img_list li {width:calc((100% - 60px)/4);}
	.donation_benefits {gap:20px;}
	.donation_benefits li {width:calc((100% - 40px)/3); height:104px; padding:20px 24px;}
	.donation_benefits p {width:calc(100% - 56px);}
	.donation_benefits .icon {width:56px; height:56px;}
/* ESG위원회 */
	.committee_list {gap:10px; padding:24px;}
	.committee_list li {width:calc((100% - 30px)/4);}
	.committee_list .imgfit {width:100%;}
	.committee_list p {margin-top:-20px; font-size:14px; line-height:30px; height:30px; width:100px;}
	.committee_wrap .num_list {margin-top:20px;}
/* E-순환학교 */
	.school_list {gap:16px;}
	.school_list li {padding:20px; gap:20px;}
	.school_list .imgfit {width:40%;}
	.school_list .txt {width:calc(60% - 20px); gap:12px;}
	.school_list h3 {font-size:20px;}
	.school_list p {font-size:15px;}

/* 특허현황 */
	.archives_patents_wrap .list {gap:20px 16px;}
	.archives_patents_wrap .list li {width:calc(50% - 8px);}
	.pop_archives_patents .inbox .tit {font-size:20px; margin-top:20px;}
/* FAQ */
	.faq_wrap .btn_q {padding:20px 58px 20px 70px; line-height:30px; font-size:16px;}
	.faq_wrap .btn_q:before,
	.faq_wrap .con .inbox:before {left:20px; top:20px; width:30px; height:30px; line-height:30px; font-size:16px;}
	.faq_wrap .btn_q i {right:20px;}
	.faq_wrap .con {margin:0 20px; width:calc(100% - 40px);}
	.faq_wrap .con .inbox {padding:0 20px 0 70px; font-size:15px;}
	.faq_wrap .box.on .con {margin-bottom:20px;}
	.faq_wrap .box.on .con .inbox {padding:20px 20px 20px 70px;}

/* 약관 */
	.terms_wrap {font-size:16px;}
	.terms_wrap .privacy_label,
	.terms_wrap .cnt_list {gap:8px; padding:24px;}
	.terms_wrap .privacy_label a,
	.terms_wrap .cnt_list li {width:calc((100% - 20px)/3); font-size:14px;}
	.terms_wrap .level2_title {font-size:20px; /* line-height:80px; gap:16px; */ margin:40px 0 28px;}
	.terms_wrap th,
	.terms_wrap td {font-size:14px;}
	.terms_wrap thead th {padding:8px;}
	.terms_wrap tbody th,
	.terms_wrap tbody td,
	.terms_wrap tfoot td {padding:8px;}
	.terms_wrap select {height:48px;}
/* 개인정보처리방침 */
	.privacy_policy_area,
	.terms_wrap .content > .description_box {margin-top:40px; padding-top:40px;}
	.terms_tit {margin:40px 0 28px; padding-left:76px; min-height:76px;}
	.terms_tit .icon {width:70px;}
	.terms_tit h3 {font-size:20px;}
	.dots_list.full_width {gap:24px;}
	.select_before {gap:20px;}
	.select_before select {width:calc((100% - 40px)/3);}
/* 저작권 정책 */
	.copyright_policy_tit {font-size:18px; padding:14px; margin:36px 0 14px;}
	.copyright_policy_tit ~ .copyright_policy_tit {margin-top:28px;}
	.copyright_policy_wrap p {font-size:16px;}
	.copyright_policy_wrap p + .dots_list {margin-top:12px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
/* header */
	.header .gnb .snb_dim {display:block;}
	.header .gnb .menu:hover > a {color:#4CAF7A;}
	.header .gnb .hover .snb {display:block;}
	.header .gnb .depth > li:hover > a {color:#4CAF7A;}
	.header.on .gnb > li:hover > a {color:#fff; background:#4CAF7A;}
	.header.on .gnb > li:hover .snb {background:#4CAF7A;}
	.header.on .gnb > li:hover .snb .inbox > li > a,
	.header.on .gnb > li:hover .depth > li > a {color:#fff;}
	.header.on .gnb > li .depth > li:hover > a {text-decoration:underline;}
	.header.on .gnb > li:hover .snb .inbox > li.on > a,
	.header.on .gnb > li:hover .depth > li.on > a {color:#fff; font-weight:600;}
	.header.on .gnb > li:hover .depth > li > a:before {background:#fff;}
/* footer */
	.quick_area .btn_area:hover {z-index:2;}
	.quick_area a.quick_custom:hover {width:auto; height:48px; background:#FFD84D;}
	.quick_area a.quick_custom:hover span {max-width:240px; padding:0 4px 0 20px;}
/* 정관 */
	.articles_area .label_area .list li:hover button {color:#F6763B; font-weight:600; border-color:#F6763B; background:#fff;}
/* 예상 분담금 계산 */
	.calculator_intro a:hover strong {color:#fff;}
	.calculator_intro a:hover p {color:#ffffff80;}
	.calculator_intro a:hover:before {opacity:0;}
	.calculator_intro a:hover:after {opacity:1;}
	.calculator_intro .c1:hover {background-color:#3B82F6;}
	.calculator_intro .c2:hover {background-color:#4CAF7A;}
/* 회원가입 - 전지류 공제사업 */
	.download_files > li:hover {background:#4CAF7A; border-color:#4CAF7A;}
	.download_files > li:hover h3,
	.download_files > li:hover p,
	.download_files > li:hover .btn_download {color:#fff;}
	.download_files > li:hover .btn_download {background:#FFFFFF1A;}
	.download_files > li:hover .btn_download:after {background:#fff;}
/* E-순환우수제품 인증 */
	.downloads .btn_download:hover {color:#fff; background:#333;}
	.downloads .btn_download:hover i {color:#fff;}
	.downloads .btn_download:hover i:after {background:#fff;}
/* 특허현황 */
	.archives_patents_wrap .list li button:hover {background:#2B6345;}
	.archives_patents_wrap .list li button:hover:before {opacity:1;}
	.archives_patents_wrap .list li button:hover p {color:#fff;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header .gnb .snb_dim {display:none;}
	.header .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; padding:80px 0 20px; background:#fff; transition:.2s linear;}
	.header .gnb .outbox {flex-direction:column; justify-content:flex-start; align-items:flex-start; height:calc(100vh - 80px); overflow:auto;}
	.header.on .gnb {right:0;}
	.header .gnb .menu {width:100%; border-bottom:#eee 1px solid; transition:.2s linear;}
	.header .gnb .menu:first-child {border-top:#eee 1px solid;}
	.header .gnb .menu > a {position:relative; font-size:17px; line-height:50px; padding:0 20px; width:100%; text-align:left;}
	.header .gnb .menu > a:after {content:""; position:absolute; top:0; right:20px; width:14px; height:100%; background:#666; 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;}
	.header .gnb .menu.on > a:after {transform:rotate(180deg); background:#fff;}
	.header .gnb .snb {position:relative; top:0; height:0; padding:0; border-top:#fff3 1px solid; display:none; overflow:hidden;}
	.header .gnb .snb .inbox {padding:0; flex-direction:column; gap:0;}
	.header .gnb .snb .inbox > li {width:100%;}
	.header .gnb .snb .inbox > li + li:before {display:none;}
	.header .gnb .depth {padding:0 40px;}
	.header.on .snb {background:none;}
	.header.on .gnb > li > a {padding:0 20px; width:100%;}
	.header.on .snb .inbox {gap:20px;}
	.header.on .gnb .snb .inbox > li > a {font-size:16px; line-height:50px; padding:0 40px;}
	.header.on .gnb .depth > li > a {font-size:15px;}
	.header .gnb .outbox > .on {background:#4CAF7A;}
	.header .gnb .outbox > .on > a,
	.header .gnb .outbox > .on .snb .inbox > li > a,
	.header .gnb .outbox > .on .depth > li > a {color:#fff;}
	.header .gnb .outbox > .on .depth > li > a:before {background:#fff;}
	.header .gnb .on .snb {display:block; height:auto;}
/* footer */
	.quick_area {top:auto; bottom:20px; width:50px; transform:none;}
	.quick_area .btn_menu_opcl {width:50px; height:50px; border-radius:50%; white-space:normal; font-size:12px; color:#fff; background:#2B6345; display:block !important;}
	.quick_area.on .btn_menu_opcl {width:40px; height:40px; margin:5px;}
	.quick_area .flex_center {gap:4px; padding:0 5px;}
	.quick_area.on .flex_center {padding:5px 5px 10px;}
	.quick_area a {width:40px;}
	.quick_area .gotop {width:36px; line-height:36px; font-size:12px; margin-top:2px;}
	.fbanner {padding:0 70px;}
	.fbanner:before,
	.fbanner:after {width:60px;}
	.fbanner .swiper_slide a {padding:0 14px; height:80px; line-height:80px;}
	.fbanner .arrow {width:30px;}
	.fbanner .prev {left:20px;}
	.fbanner .next {right:20px;}
	.footer {padding:56px 0;}
	.footer .inner {gap:16px 0;}
	.footer .address {gap:2px;}
	.footer .tels {gap:30px; width:100%;}
	.footer .tels strong {font-size:22px;}
	.footer .links {justify-content:flex-start;}
	.footer .links a {font-size:15px; line-height:40px; width:140px;}

/* 공통 */
	.container {padding-bottom:120px;}

/* main */
	.mvisual {border-radius:30px;}
	.mvisual .txt {padding:0 0 50px 40px;}
	.mvisual .tit {gap:6px; margin-bottom:24px;}
	.mvisual .tit span {font-size:24px; gap:16px;}
	.mvisual .tit span:after {width:60px;}
	.mvisual .tit strong {font-size:44px;}
	.mvisual p {font-size:18px;}
	.mv_controls {bottom:50px; left:40px;}
	.mv_controls .paging {font-size:14px; gap:6px;}
	.mv_controls .paging strong {font-size:20px;}
	.mcon {padding:100px 0; font-size:16px;}
	.mtit {margin-bottom:24px;}
	.mtit ~ .mtit {margin-top:80px;}
	.mtit h2 {font-size:28px;}
	.mcon .tabs {top:-64px;}
	.mc01_slide_area .tab-contents .btn_more {top:-64px;}
	.mc01_slide .swiper-slide .date {font-size:13px;}
	.mc01_slide_txt_type .swiper-slide a {padding:20px;}
	.mc01_slide_txt_type .swiper-slide .type {font-size:15px; line-height:30px;}
	.mc02_control {margin-top:50px; gap:36px;}
	.mc02_control .swiper-scrollbar {width:calc(100% - 121px);}
	.mc03 {padding:110px 0;}
	.mc03 h3,
	.mc04 h3 {font-size:20px;}
	.mcon .count {gap:6px;}
	.mcon .count strong {font-size:31px;}
	.mc03 .flex,
	.mc04 .flex {gap:16px;}
	.mc03 .box {padding:20px;}
	.mc03 .left {background-position:right 10px bottom 10px; background-size:60%;}
	.mc03 .left .time {font-size:15px;}
	.mc03 .right {width:calc(70% - 20px);}
	.mc03 .right .tag {top:30px; right:30px; gap:16px;}
	.mc03 .right .tag li {padding-left:14px;}
	.mc03 .chart {height:260px;}
	.mc03 .chart canvas {max-height:260px;}
	.mc03 .chart_years {padding-top:10px;}
	.mc03 .chart_years span {font-size:13px;}
	.mc04 .slice {width:calc((100% - 40px)/3); gap:20px;}
	.mc04 .count {padding-top:8px; font-size:12px;}
	.mc04 .box {padding:20px;}
	.mc04 .left .top,
	.mc04 .right .btm {height:130px;}
	.mc04 .left .btm,
	.mc04 .right .top {height:240px; background-position:right 24px bottom 8px; background-size:60%;}
	.mc04 .center {background-size:80%;}

/* sub */
	.svisual {width:100vw; height:200px; gap:10px; padding:0 40px; margin:0 -20px; border-radius:0;}
	.svisual strong {font-size:36px;}
	.svisual p {font-size:18px;}
	.contents {margin-top:0; padding-left:0; font-size:16px;}
	.contents .fz_small {font-size:14px;}
	.contents p.c_0 {font-size:16px;}
	.contents .aside {position:relative; width:100vw; display:flex; flex-wrap:wrap; margin:0 -20px 32px; z-index:30;}
	.contents .aside .tit {display:none;}
	.contents .aside .mo_vw {display:block !important;}
	.contents .aside .home {width:50px; height:50px; background:#4CAF7A url('/pub/images/icon_home_w.svg') no-repeat 50% 50%; font-size:0;}
	.contents .aside .aside_nav {position:relative; width:calc((100% - 50px)/2); border-bottom:#eee 1px solid;}
	.contents .aside .gnb_nav,
	.contents .aside .sub_nav {z-index:1;}
	.contents .aside .sub_nav:before {content:""; position:absolute; top:50%; left:0; width:1px; height:16px; background:#ddd; transform:translateY(-50%);}
	.contents .aside .btn {position:relative; width:100%; text-align:left; padding:0 20px;}
	.contents .aside .btn:after {content:""; position:absolute; top:0; right:20px; width:12px; height:100%; background:url('/pub/images/arrow_aside_m.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.contents .aside .aside_nav > ul {position:absolute; top:calc(100% - 1px); left:0; width:100%; gap:0; background:#fff; border-radius:0 0 10px 10px; max-height:0; overflow:hidden;}
	.contents .aside .aside_nav.on > ul {border:#eee 1px solid;}
	.contents .aside .aside_nav > ul > li {border:0;}
	.contents .aside .aside_nav > ul > li > a {font-size:16px; padding:15px 36px 15px 20px;}
	.contents .aside .aside_nav > ul > li > a i,
	.contents .aside .aside_nav > ul > li.solo > a:after {display:none;}
	.contents .aside ul.depth {display:none !important;}
	.contents .aside .depth_nav {width:100% !important; margin:32px 20px 0; border:#eee 1px solid; border-radius:8px;}
	.contents .aside .gnb_nav li.on a,
	.contents .aside .depth_nav li.on a {color:#4CAF7A;}
	.contents .subtitle {gap:0 16px; padding-bottom:24px; margin-bottom:36px;}
	.contents .subtitle.nbd_b {margin-bottom:16px;}
	.contents .subtitle h1 {font-size:30px; padding-left:40px; background-size:30px;}
	.contents .subtitle .location {gap:24px;}
	.contents .subtitle .location span {font-size:14px;}
	.contents .subtitle .location span:before {left:-24px; width:24px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pop_gen {max-width:calc(100vw - 28px); border-radius:10px;}
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="email"],
	select {height:40px;}
/* 버튼 */
	.btn {font-size:13px;}
	.btns_btm {margin-top:40px;}
	.btns_btm .btn {font-size:13px;}
	.btn_download {font-size:13px; line-height:36px; height:36px; padding:0 12px;}
	.btn_long {width:100%; height:48px;}

/* header */
	.header {height:68px;}
	.header .bg {top:68px;}
	.header .logo {width:120px;}
	.header .gnb {padding:68px 0 20px;}
	.header .gnb .outbox {height:calc(100vh - 68px);}
	.header .gnb .menu > a {font-size:16px;}
	.header .gnb .depth {gap:2px; padding:0 30px;}
	.header .btn_menu {width:36px; height:36px;}
	.header .btn_menu span {width:14px; margin-left:-7px;}
	.header .btn_menu .t {width:8px; margin-top:-6px; margin-left:-1px;}
	.header .btn_menu .m {width:14px; margin-left:-7px;}
	.header .btn_menu .b {width:8px; margin-top:4px; margin-left:-7px;}
	.header.on .snb .inbox {gap:0; padding:16px 0;}
	.header.on .gnb .snb .inbox > li > a {font-size:15px; line-height:40px; padding:0 25px;}
	.header.on .gnb .depth > li > a {font-size:14px;}
	.header.on .btn_menu .t,
	.header.on .btn_menu .b {width:16px; margin-left:-8px;}
/* footer */
	.fbanner {padding:0 20px;}
	.fbanner:before,
	.fbanner:after {display:none;}
	.fbanner .swiper_slide a {padding:5px 8px; height:48px; line-height:48px;}
	.fbanner .arrow {display:none;}
	.footer {padding:24px 0 40px;}
	.footer .inner {gap:0;}
	.footer .address {order:1; gap:2px; font-size:11px; padding:50px 0 12px;}
	.footer .address:before {width:138px; height:30px;}
	.footer .address span {gap:3px;}
	.footer .tels {order:3; gap:4px; flex-direction:column; border-top:#ffffff1a 1px solid; margin-top:24px; padding-top:24px;}
	.footer .tels li {flex-direction:row;}
	.footer .tels span {font-size:12px; width:112px;}
	.footer .tels strong {font-size:18px;}
	.footer .links {order:2; gap:8px;}
	.footer .links li {width:calc(50% - 4px);}
	.footer .links a {font-size:12px; line-height:30px; width:100%;}

/* 공통 */
	.container {margin-top:68px; padding-bottom:80px;}
	body.ios_safe .container {margin-top:calc(68px + var(--safe-top));}
/* 팝업 */
	.popup {font-size:13px;}
	.popup .inbox {padding:20px;}
	.popup .ptit {font-size:18px; margin-bottom:12px;}
	.popup .btn_close {top:0; right:0; width:50px;}
	.popup .gbox {padding:12px;}
	.popup .scroll {padding-right:8px; max-height:calc(100vh - 120px);}
	.popup .btn_clo {font-size:13px; line-height:40px; height:40px; width:120px; margin-top:12px;}
	.popup .btn_clo.btn_long {width:200px; height:40px; line-height:40px;}
/* 게시판 상단 */
	.board_top {margin-bottom:12px; flex-direction:column; gap:4px;}
	.board_top .total {font-size:13px; width:100%;}
	.board_top .search_wrap,
	.board_top .search_wrap fieldset {gap:4px; width:100%;}
	.board_top .search_wrap select {width:80px; height:40px; font-size:13px; padding-left:12px;}
	.board_top .search_wrap input {width:calc(100% - 138px); flex:1 1 calc(100% - 138px); height:40px; font-size:14px;}
	.board_top .search_wrap .btn {font-size:13px; line-height:40px; height:40px; width:50px;}
	.board_top .search_wrap .datepicker {width:calc((100% - 72px)/2); flex-basis:calc((100% - 72px)/2);}
	.board_top .search_wrap .datepicker + span {width:10px; text-align:center;}
/* 게시판 목록 */
	.board_basic thead {display:none;}
	.board_basic table,
	.board_basic tbody,
	.board_basic td {display:block;}
	.board_basic tr {position:relative; display:flex; flex-wrap:wrap; padding:15px 0 15px 40px; border-bottom:#ccc 1px solid;}
	.board_basic tbody td {line-height:20px; font-size:13px; border:0;}
	.board_basic tbody td.board_num {position:absolute; top:50%; left:0; width:40px; transform:translateY(-50%);}
	.board_basic tbody .notice td.board_num:before {font-size:13px; line-height:24px; height:24px; width:32px;}
	.board_basic tbody td.board_tit {width:100%;}
	.board_basic tbody td.board_tit a {font-size:15px; font-weight:500;}
	.board_basic .board_date {width:100%; text-align:left;}
	.board_basic tbody .file td.board_tit a {padding-right:30px;}
	.board_basic tbody .file td.board_tit a:after {width:20px; height:20px;}
	.board_basic .state {font-size:13px; line-height:30px; height:30px; width:56px; margin:0;}
	.board_basic .btn {font-size:13px; line-height:28px; height:30px; width:100px; margin:0;}
	.g05 .board_basic.s01 tbody tr {padding-left:70px;}
	.g05 .board_basic.s01 tbody .board_dday {position:absolute; top:50%; left:0; width:60px; transform:translateY(-50%);}
	.g05 .board_basic.s01 tbody .board_dday span {font-size:13px; line-height:28px; height:28px; padding:0 8px;}
/* 게시판 하단 */
	.board_bottom .paging {gap:2px; margin-top:32px;}
	.board_bottom .paging a,
	.board_bottom .paging button {width:30px; height:30px; line-height:30px; font-size:13px;}
	.board_bottom .paging .prev {margin-right:2px;}
	.board_bottom .paging .next {margin-left:2px;}
	.board_bottom .btn_abso {font-size:13px;}
	.board_bottom .btns {gap:8px; margin-top:20px;}
	.board_bottom .btn {width:calc(50% - 4px); height:48px; line-height:48px; gap:4px; font-size:13px;}
/* 게시판 상세 */
	.board_view {padding-bottom:32px;}
	.board_view .tit_area {padding:16px;}
	.board_view .tit_area .tit {font-size:18px;}
	.board_view.notice .tit_area .tit {gap:6px;}
	.board_view.notice .tit_area .tit span {font-size:13px; line-height:20px; height:20px; width:40px;}
	.board_view .tit_area .date {gap:8px; margin-top:6px; font-size:13px;}
	.board_view .cont {padding:24px 0 40px;}
	.board_view .file_area {padding:8px 16px; gap:8px;}
	.board_view .file_area a {font-size:13px;}
	.board_view .prev_next {margin-top:24px; flex-direction:column;}
	.board_view .prev_next > span,
	.board_view .prev_next a {width:100%; height:50px; font-size:13px;}
	.board_view .prev_next .prev,
	.board_view .prev_next .next {padding:0 0 0 80px;}
	.board_view .prev_next .next {text-align:left;}
	.board_view .prev_next .prev strong,
	.board_view .prev_next .next strong {padding:0 0 0 30px;}
	.board_view .prev_next .next strong {left:0; right:auto;}
	.board_view .prev_next .prev strong:before,
	.board_view .prev_next .next strong:before {left:0; right:auto;}
	.board_view .prev_next .prev strong:before {transform:translateY(-50%) rotate(90deg)}
	.board_view .prev_next .next strong:before {transform:translateY(-50%) rotate(-90deg)}
/* 게시판 쓰기 */
	.board_write {padding:16px;}
	.board_write th,
	.board_write td {padding:8px 0; font-size:13px;}
	.board_write th {width:100px;}
	.board_write td p {font-size:13px;}
	.board_write td p.mt,
	.board_write td .excl {margin-top:5px;}
	.board_write td .flex_excl {flex-direction:column;}
	.board_write .gbox {padding:16px;}
	.board_write .mt2 {margin-top:16px;}
	.board_write .w_years {width:100%;}
	.inbtn {gap:4px; flex-wrap:wrap;}
	.inbtn .text {width:100%;}
	.inbtn .btn {width:100%; height:40px;}
/* 갤러리 목록 */
	.gallery_basic {gap:16px;}
	.gallery_basic li {width:calc(50% - 8px);}
	.gallery_basic li .txt {padding-top:12px;}
	.gallery_basic li .tit {font-size:14px; margin-bottom:10px;}
	.gallery_basic li .date {font-size:13px;}
/* 점선목록 */
	.dots_list li {/* padding-left:16px; */ font-size:13px;}
	.dots_list.slim li {font-size:12px; /* padding-left:12px; */}
/* 숫자목록 */
	.num_list {gap:6px;}
	.num_list li {font-size:14px; line-height:24px; padding-left:26px;}
	.num_list li span {width:20px; height:20px; line-height:20px; font-size:12px;}
/* 기본형 테이블 구조 */
	.tbl th,
	.tbl td {font-size:13px;}
/* 넘치는 테이블 구조 */
	.over_scroll {position:relative;}
	.over_scroll:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_hand.svg') no-repeat rgba(0,0,0,.5) 50% 50%/ auto 81px; z-index:3; pointer-events:none; transition:.5s linear;}
	.over_scroll.on:before {opacity:0;}
	.over_scroll .scroll {overflow:auto hidden;}
	.over_scroll .scroll > * {width:1024px;}
/* 라디오, 체크박스 */
	.radios,
	.checks {gap:8px; flex-direction:column;}
	.radio label,
	.check label {font-size:13px; line-height:20px;}
/* 파일첨부 */
	.file_attachment {gap:4px; flex-direction:column; width:100%;}
	.file_attachment .flie_input {width:100%;}
	.file_attachment .flie_input .btn {width:100%; height:40px;}
	.file_attachment p {width:100%;}
	.file_attachment + p {font-size:13px; margin-top:4px;}
/* 달력 */
	.ui-datepicker {width:300px; max-width:calc(100vw - 40px); padding:24px 16px;}
	.ui-datepicker-header {gap:6px; padding-bottom:12px;}
	.ui-datepicker-title {font-size:13px; line-height:30px; gap:4px;}
	.ui-datepicker-prev,
	.ui-datepicker-next {height:30px; line-height:30px; width:30px;}
	.ui-datepicker-calendar th,
	.ui-datepicker-calendar td {height:36px; font-size:13px;}
	.ui-datepicker-calendar td a {width:30px; height:30px; line-height:30px;}

/* main */
	.mvisual {border-radius:8px; aspect-ratio:auto;}
	.mvisual .swiper-slide {height:400px;}
	.mvisual .imgfit {height:200px; margin-top:200px; object-position:bottom; justify-content:flex-end; align-items:flex-end;}
	.mvisual .txt {padding:24px; justify-content:flex-start;}
	.mvisual .tit {gap:4px; margin-bottom:12px;}
	.mvisual .tit span {font-size:22px; gap:12px;}
	.mvisual .tit span:after {width:40px;}
	.mvisual .tit strong {font-size:30px;}
	.mvisual p {font-size:14px;}
	.mv_controls {bottom:24px; left:24px; height:40px; gap:16px;}
	/* .mv_controls .arrow,
	.mv_controls .btn_toggle {width:24px;} */
	.mv_controls .paging {font-size:12px; gap:4px;}
	.mv_controls .paging strong {font-size:12px;}
	/* .mv_controls .btn_toggle.paused {background-size:14px;} */
	.mcon {padding:48px 0; font-size:12px;}
	.mcon .btn_more {width:30px; height:30px;}
	.mtit ~ .mtit {margin-top:48px;}
	.mtit span {margin-bottom:6px;}
	.mtit h2 {font-size:26px;}
	.mcon .tabs {position:relative; top:0; gap:18px; margin-bottom:24px;}
	.mcon .tabs li {flex:0 0 auto;}
	.mcon .tabs button {font-size:14px; line-height:30px; background:none;}
	.mc01 .mtit {margin-bottom:16px;}
	.mc01 .tabs {padding-right:40px;}
	.mc01_slide_area .tab-contents .btn_more {top:-100px;}
	.mc01_slide,
	.mc02_slide {width:calc(100% + 20px); padding-right:30vw;}
	.mc01_slide_txt_type .swiper-slide a {padding:20px 18px;}
	.mc01_slide_txt_type .swiper-slide .type {font-size:12px; line-height:24px;}
	.mc01_slide_txt_type .swiper-slide .mc01_status_group {top:20px; right:18px; gap:6px;}
	.mc01_slide_txt_type .swiper-slide .re_notice {font-size:12px; line-height:24px; padding:0 12px;}
	.mc01_slide_txt_type .swiper-slide .d_day,
	.mc01_slide_txt_type .swiper-slide .d_end {font-size:12px; line-height:24px; padding:0 12px;}
	.mc01_slide_txt_type .swiper-slide h3 {font-size:17px; height:78px;}
	.mc01_slide_imgtype .swiper-slide .txt {padding:16px;}
	.mc02_control {margin-top:32px; gap:20px; width:calc(100% + 30vw - 20px);}
	.mc02_control .swiper-scrollbar {width:calc(100% - 84px);}
	.mc02_control .arrows {width:64px; height:30px;}
	.mc02_control .arrows .arrow {height:28px;}
	.mc02_control .arrows .btn_next:after {height:12px;}
	.mc03 {padding:48px 0;}
	.mc03 h3,
	.mc04 h3 {font-size:14px;}
	.mcon .count {gap:5px; width:100%;}
	.mcon .count strong {font-size:30px;}
	.mc03 .flex,
	.mc04 .flex {gap:15px; flex-direction:column;}
	.mc03 .box {padding:16px;}
	.mc03 .left {width:100%; background-size:30%;}
	.mc03 .left .box {padding:16px 16px 54px;}
	.mc03 .left .txt {display:flex; flex-wrap:wrap;}
	.mc03 .left .time {font-size:12px;}
	.mc03 .left .count {padding-top:4px;}
	.mc03 .right {position:relative; width:100%;}
	.mc03 .right .tit {flex-direction:column; align-items:flex-start; gap:4px; margin-bottom:10px;}
	.mc03 .right .tag {top:54px; right:16px; gap:12px;}
	.mc03 .right .tag li {padding-left:10px;}
	.mc03 .right .tag li.c1:before {width:5px;}
	.mc03 .right .tag li.c2:before {width:7px;}
	.mc03 .chart {height:150px;}
	.mc03 .chart canvas {max-height:150px;}
	.mc03 .chart_years {padding-top:8px;}
	.mc03 .chart_years span {font-size:10px; line-height:15px; width:34px;}
	.mc04 .slice {width:100%; gap:12px; flex-direction:row;}
	.mc04 .count {padding-top:4px; font-size:14px; flex-direction:column;}
	.mc04 .count strong {font-size:28px;}
	.mc04 .box {padding:16px;}
	.mc04 .left .top,
	.mc04 .right .btm {height:160px; width:calc(45% - 12px);}
	.mc04 .left .btm,
	.mc04 .right .top {height:160px; width:55%; background-position:right 0 bottom 0; background-size:80px;}
	.mc04 .center {background-size:100px; height:160px; flex-direction:column;}

/* sub */
	.svisual {height:140px; gap:8px; padding:0 20px; background-position:65% 50%;}
	.svisual:after {right:10%; width:24%;}
	.svisual strong {font-size:24px;}
	.svisual p {font-size:14px;}
	.g06 .svisual {margin-bottom:24px;}
	.contents {font-size:14px;}
	.contents .fz_small {font-size:12px;}
	.contents p.c_0 {font-size:13px;}
	.contents .aside .btn {font-size:14px; padding:0 30px 0 14px; white-space:normal;}
	.contents .aside .btn:after {right:14px;}
	.contents .aside .aside_nav > ul > li > a {font-size:14px; padding:10px 14px;}
	.contents .subtitle {gap:0 8px; padding-bottom:16px; margin-bottom:16px;}
	.contents .subtitle.nbd_b {margin-bottom:12px;}
	.contents .subtitle h1 {font-size:26px; padding-left:34px; background-size:26px;}
	.contents .subtitle .location {display:none;}

	.gbox {padding:16px;}
	.gbox.p24 {padding:12px;}
	.glbox {padding:16px;}

	.tabs {margin-bottom:32px;}
	.tabs li > * {font-size:13px; line-height:20px; height:44px; border-radius:8px 8px 0 0; display:flex; justify-content:center; align-items:center;}

	.stit {font-size:18px; margin:48px 0 24px; gap:4px; flex-wrap:wrap;}
	.stit span {font-size:14px;}
	.stit .abso {position:relative; top:0; font-size:13px; transform:none; margin-top:5px;}
	.btit {position:relative; padding-left:12px; border-left:0;}
	.btit:before {content:""; position:absolute; top:0; left:0; width:3px; height:27px; background:#4CAF7A;}
	.g04 .btit:before {background-color:#3B82F6;}
	p.small {font-size:13px;}
/** 공제조합소개 **/
/* E-순환거버넌스는 */
	.about_wrap .top_area {flex-direction:column; gap:30px; padding:16px; margin-bottom:24px;}
	.about_wrap .top_area .tit {display:none;}
	.about_wrap .top_area p {font-size:14px; width:100%;}
	.history_area .history_list {gap:40px;}
	.history_area .box {padding-top:20px; flex-direction:column;}
	.history_area .years {width:100%; text-align:center;}
	.history_area .years h2 {font-size:32px;}
	.history_area .years .tb {font-size:18px; margin:6px 0 16px;}
	.history_area .years .img_box {padding:12px;}
	.history_area .years p {font-size:12px; margin-top:9px;}
	.history_area .list {width:100%; padding:24px 0 0;}
	.history_area .list li + li {margin-top:32px;}
	.history_area .list strong {font-size:22px;}
	.history_area .list p {padding-left:50px; font-size:14px;}
	.history_area .list p + p {margin-top:3px;}
/* 지점소개 */
	.branches_wrap .top {gap:10px; margin-bottom:48px; padding:16px 16px 100px; background-size:auto 100px; background-position:right 20px bottom 10px;}
	.branches_wrap .top .tit {font-size:18px;}
	.branches_wrap .top p {font-size:14px;}
	.branches_wrap .branches_list {gap:24px;}
	.branches_wrap .box {gap:24px; flex-direction:column;}
	.branches_wrap .branches_slide_for {width:100%;}
	.branches_wrap .branches_slide_for .imgfit .p_box {padding:8px; border-radius:0 0 12px 0;}
	.branches_wrap .branches_slide_for .imgfit .p_box:before,
	.branches_wrap .branches_slide_for .imgfit .p_box:after {width:12px; height:12px;}
	.branches_wrap .branches_slide_for .imgfit p {font-size:12px; line-height:24px; padding:0 12px; min-width:100px;}
	.branches_wrap .txt {width:100%;}
	.branches_wrap .txt h2 {font-size:22px; margin-bottom:0;}
	.branches_wrap .txt .eng {font-size:12px;}
	.branches_wrap .txt .address {font-size:12px; padding-left:21px; margin:12px 0 18px;}
	.branches_wrap .txt .address:before {width:18px; height:18px;}
	.branches_wrap .txt p {font-size:14px;}
	.gflex_area {gap:12px; flex-direction:column;}
	.gflex_area li {padding:24px; background-size:30%;}
	.gflex_area li .tit {font-size:18px;}
	.infra_area li {width:100%;}
	.infra_area li .count {gap:4px; font-size:14px; margin:6px 0 12px;}
	.infra_area li .count strong {font-size:24px;}
	.infra_area li .upbox {font-size:14px; line-height:24px; padding:0 12px;}
	.annual_trends_area li {width:100%; flex-direction:row;}
	.annual_trends_area li .tit {width:50%;}
	.annual_trends_area li dl {width:50%; margin-top:0; gap:4px;}
	.annual_trends_area li dt {font-size:13px;}
	.annual_trends_area li dd {font-size:22px;}
/* 임원현황 */
	.executives_wrap > div + div {margin-top:24px;}
	.executives_tit {font-size:24px; margin-bottom:24px;}
	.executives_tit span {font-size:14px;}
	.executives_list {gap:10px;}
	.executives_list li {width:calc(50% - 5px); padding:8px;}
	.executives_list .imgfit {width:60px;}
	.executives_list .txt {width:calc(100% - 60px); padding-left:12px;}
	.executives_list strong {font-size:18px;}
	.executives_list p {font-size:13px;}
/* 조직도 */
	.organization_wrap {padding:24px 20px;}
	.organization_wrap .inbox:before {left:20px; height:calc(100% - 25px);}
	.organization_wrap .boss {width:120px; padding:12px 6px;}
	.organization_wrap .boss strong {font-size:24px;}
	.organization_wrap .boss p {font-size:12px;}
	.organization_wrap .list {padding-left:40px; margin-top:40px; gap:20px;}
	.organization_wrap .list ul {gap:8px;}
	.organization_wrap .list ul:before {left:-5px;}
	.organization_wrap .list li {gap:10px;}
	.organization_wrap .list li.mt {margin-top:30px;}
	.organization_wrap .list .box {height:50px;}
	.organization_wrap .list > li:before {top:25px; left:-20px; width:20px;}
	.organization_wrap .list > li > .box {width:calc((100% - 20px)/3);}
	.organization_wrap .list ul li .box:before {width:5px;}
	.organization_wrap .list ul > li:first-child > .box:before {width:11px;}
	.organization_wrap .list ul li .box:after {width:5px;}
	.organization_wrap .list .dep2 {width:calc(100% - ((100% - 20px)/3) - 10px);}
	.organization_wrap .list .dep2 > li {gap:10px;}
	.organization_wrap .list .dep2 > li > .box,
	.organization_wrap .list .dep3 {width:calc(50% - 5px);}
	.organization_wrap .list .dep3 > li {gap:10px;}
	.organization_wrap .list .dep3 > li > .box,
	.organization_wrap .list .dep4 {width:calc(50% - 5px);}
	.organization_wrap .list .org1 {font-size:14px;}
	.organization_wrap .list .org2,
	.organization_wrap .list .org3 {font-size:13px;}
	.organization_wrap .list .org4 {font-size:12px;}
	.organization_wrap .list .non_org1:before,
	.organization_wrap .list .non_org2:before {top:24px; left:-20px;}
	.pop_organization .inbox {padding-right:12px;}
	.pop_organization .con {gap:12px;}
	.pop_organization .tit {gap:13px; margin-bottom:8px;}
	.pop_organization .name {font-size:16px;}
	.pop_organization .tel {font-size:16px; padding-left:22px;}
	.pop_organization .tel:before {left:-7px; height:12px;}
/* CI 소개 */
	.ci_wrap .stit ~ .stit {padding-top:20px;}
	.ci_wrap .ci_about {padding:20px;}
	.ci_wrap .ci_about:before {position:relative; top:0; left:0; width:100%; max-width:180px; display:block; transform:none;}
	.ci_wrap .ci_about h2 {font-size:18px; margin-bottom:5px;}
	.ci_wrap .ci_about p {font-size:13px;}
	.color_system_area {flex-direction:column; gap:10px;}
	.color_system_area li {width:100%;}
	.color_system_area .flex {padding:0 12px; height:50px; margin-bottom:10px;}
	.color_system_area dl {font-size:13px;}
	.color_system_area dt {width:50px;}
	.color_system_area dd {width:calc(100% - 50px); gap:8px;}
	.ci_flex {gap:12px}
	.ci_flex li {width:100%; padding:12px;}
	.ci_flex li .img {height:120px;}
	.ci_flex li .flex {margin-top:10px;}
	.ci_flex li p {font-size:14px;}
	.ci_flex li .btn_down {font-size:13px; line-height:28px;}
/* 캐릭터 소개 */
	.character_top {height:480px; padding:24px 20px; background-size:120%;}
	.character_top h2 {font-size:22px; margin-bottom:12px;}
	.character_top p {font-size:14px;}
	.character_top p strong {font-size:14px;}
	.character_list {gap:24px;}
	.character_list li {width:100%;}
	.character_list .txt {padding-top:16px;}
	.character_list .txt .name {font-size:16px; margin-bottom:8px;}
	.character_list .txt p {font-size:14px;}
/* 정관 */
	.gbox.download_box {padding:24px 16px; gap:12px; font-size:13px;}
	.articles_area {margin-top:20px; flex-direction:column-reverse; gap:10px; height:auto;}
	.articles_area .pdf_area {width:100%; height:400px;}
	.articles_area .label_area {width:100%; padding:12px;}
	.articles_area .label_area .tit {margin-bottom:4px;}
	.articles_area .label_area p {font-size:13px; margin-bottom:12px;}
	.articles_area .label_area .list {gap:2px; overflow:auto; max-height:140px;}
	.articles_area .label_area .list li {font-size:13px;}
	.articles_area .label_area .list li button {font-size:13px; padding:4px 12px;}
/* 운영보고 - 일반게시판 */
/* 오시는 길 */
	.location_wrap .map_area {height:300px;}
	.location_wrap .map_txt {gap:16px; margin-top:12px;}
	.location_wrap .map_txt > li .stit {padding-left:30px;}
	.location_wrap .map_txt > li .stit:before {width:24px; height:24px; background-size:70%;}
	.location_wrap .map_txt .info {flex-direction:column; gap:10px;}
	.location_wrap .map_txt .info > li {width:100%; padding:10px;}
	.location_wrap .map_txt .info > li.slice3 {width:100%;}
	.location_wrap .map_txt .info > li strong {font-size:13px; margin-bottom:5px;}
	.location_wrap .map_txt .info .flex {flex-direction:column;}
	.location_wrap .map_txt .info .flex + .flex {margin-top:4px;}
	.location_wrap .map_txt .info .flex p {width:100%; font-size:14px;}
	.location_wrap .map_txt .list {width:100%; gap:4px;}
	.location_wrap .map_txt .list li {font-size:14px; padding:4px 8px;}

/** 제도이행안내 **/
/* 환경성보장제도란? */
	.eco_assurance_wrap .gbox {margin:24px 0 34px;}
	.eco_assurance_area {flex-direction:column;}
	.eco_assurance_area .tit {position:relative; top:0; width:100%; padding-left:0;}
	.eco_assurance_area .tit span {font-size:13px; line-height:28px; padding-left:50px; background-size:auto 28px;}
	.eco_assurance_area .tit h2 {font-size:22px; margin:8px 0 24px;}
	.eco_assurance_area .tit p {font-size:13px;}
	.eco_assurance_area .step_area {width:100%;}
	.eco_assurance_area .step_area .bg {padding-top:60px; background-position:50% 60px; background-size:80vw; display:flex; justify-content:center; align-items:flex-start;}
	.eco_assurance_area .step_area .bg svg {width:80vw; height:auto;}
	.eco_assurance_area .step_list {gap:24px;}
	.eco_assurance_area .step_list .step {position:relative; width:80%; padding:16px;}
	.eco_assurance_area .step_list .step:before {position:absolute; top:15px; right:20px; width:44px; height:44px; margin-bottom:0;}
	.eco_assurance_area .step_list .step:nth-child(2n) {transform:translateY(0); margin-left:20%;}
	.eco_assurance_area .step_list .tt {font-size:12px; gap:3px;}
	.eco_assurance_area .step_list h3 {font-size:14px; margin:4px 0 16px;}
/* 의무대상 제품 */
	.target_products_wrap .gbox li {padding-left:70px; font-size:14px;}
	.target_products_wrap .gbox li span {width:64px; font-size:13px;}
	.item_list {gap:12px;}
	.item_list li {width:100%; font-size:13px; padding:16px;}
/* 의무주체 및 역할 */
	.mandatory_subjects {gap:16px;}
	.mandatory_subjects li {position:relative; width:100%; padding:16px 16px 16px 96px; text-align:left; justify-content:flex-start; align-items:flex-start;}
	.mandatory_subjects i {position:absolute; top:50%; left:16px; width:64px; height:64px; padding:15px; transform:translateY(-50%);}
	.mandatory_subjects i img {max-height:100%;}
	.mandatory_subjects h3 {font-size:16px; padding:0 0 4px; text-align:left;}
	.mandatory_subjects p {font-size:12px;}
	.mandatory_subjects .blank {display:none;}
	/* .roles_wrap .tbl {border-top:#333 2px solid;}
	.roles_wrap .tbl thead {display:none;}
	.roles_wrap .tbl table,
	.roles_wrap .tbl tbody,
	.roles_wrap .tbl td {display:block;}
	.roles_wrap .tbl tr {display:flex; flex-wrap:wrap; gap:4px 20px; border-bottom:#ccc 1px solid; padding:10px 0; overflow:hidden;}
	.roles_wrap .tbl td {position:relative; border-bottom:0; text-align:left; padding:0;}
	.roles_wrap .tbl td:after {content:""; position:absolute; top:50%; left:-10px; width:1px; height:10px; background:#ddd; transform:translateY(-50%);}
	.roles_wrap .tbl td:nth-child(1):before {content:"구분 :";}
	.roles_wrap .tbl td:nth-child(2):before {content:"월별 :";}
	.roles_wrap .tbl td:nth-child(3):before {content:"주요 절차 :";}
	.roles_wrap .tbl td:nth-child(4):before {content:"관련 주체 및 역할 :";}
	.roles_wrap .tbl ul {gap:6px;} */
	.roles_wrap .tbl li {padding:0 0 0 96px; line-height:26px;}
	.roles_wrap .tbl li span {line-height:24px; height:26px; width:90px; font-size:12px;}
	.role_summary {gap:8px;}
	.role_summary > li {padding:16px; gap:16px;}
	.role_summary > li i {width:60px; height:60px; padding:6px;}
	.role_summary > li i img {max-height:30px;}
	.role_summary > li .txt {width:calc(100% - 76px);}
	.role_summary > li h3 {font-size:16px; margin-bottom:8px;}
	.role_summary > li p {font-size:13px;}
/* 회원가입 - 전기·전자제품 공제사업 */
	.join_step {flex-direction:column; padding:16px;}
	.join_step li {width:100%; padding:16px 0; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:0 10px;}
	.join_step li + li:before {top:-24px; left:50%; height:24px; transform:translateX(-50%) rotate(90deg);}
	.join_step span {font-size:12px;}
	.join_step h3,
	.join_step strong {padding:8px 0;}
	.join_step p {font-size:14px; width:100%;}
	.join_producer_wrap .tit.mtb {margin:24px 0 8px;}
	.mandatory_amount {padding:16px; gap:20px;}
	.mandatory_amount li {gap:16px; flex-direction:column;}
	.mandatory_amount .tit {width:100%; height:140px;}
	.mandatory_amount .tit h4 {font-size:14px; line-height:28px; height:28px;}
	.mandatory_amount .tit img {height:90px;}
	.mandatory_amount .chart {width:100%; padding:16px; gap:16px;}
	.mandatory_amount .chart > span {font-size:12px;}
	.mandatory_amount .chart > span + span:before {left:-16px; width:16px;}
	.mandatory_amount .colm {gap:11px;}
	.mandatory_amount .colm span + span:before {top:-6px;}
	.submission_documents {gap:12px;}
	.submission_documents li {width:100%; padding:12px 12px 12px 50px; font-size:13px; line-height:24px; background-position:10px 10px;}
/* 예상 분담금 계산 */
	.calculator_wrap .tb {font-size:13px; margin:4px 0 12px;}
	.calculator_wrap .tb.mb4 {margin-bottom:30px;}
	.calculator_intro .flex {padding:50px 10px; gap:12px;}
	.calculator_intro a {width:calc(100% - 6px); height:220px; padding:140px 10px 12px; background-size:auto 60%;}
	.calculator_intro strong {font-size:18px;}
	.calculator_intro p {font-size:13px;}
	.calculating_area {flex-direction:column;}
	.calculating_area .select_area {width:100%; /* gap:8px; */}
	.calculating_area .select_area .box {gap:8px;}
	.calculating_area .select_area .btn {font-size:14px; line-height:24px; padding:10px 50px 10px 16px;}
	.calculating_area .select_area .btn:after {right:16px; width:12px;}
	.calculating_area .select_area .list {gap:10px; padding:0 10px 10px;}
	.calculating_area .select_area .list li {width:calc(50% - 5px);}
	.calculating_area .select_area .list button {height:40px; font-size:13px;}
	.calculating_area .calculating_box {top:0; width:100%;}
	.calculating_area .calculating_box .list {max-height:400px;}
	.calculating_area .calculating_box .list li {margin-top:16px;}
	.calculating_area .calculating_box .list .flex_box {gap:10px;}
	.calculating_area .calculating_box .list p {font-size:13px; padding-bottom:5px;}
	.calculating_area .calculating_box .list .text {width:calc(100% - 64px); height:40px; padding:0 12px; font-size:13px;}
	.calculating_area .calculating_box .list span {font-size:13px;}
	.calculating_area .calculating_box .btns_btm {gap:8px; margin-top:16px;}
	.calculating_area .calculating_box .btns_btm .btn {height:40px; line-height:38px;}
	.calculating_area .calculating_box .btns_btm .btn_wkk {width:60%;}
	.calculating_area .calculating_box .btns_btm .btn_kwg {width:calc(40$ - 8px);}
	.excl_list {gap:3px; margin-top:16px;}
	.excl_list li {font-size:13px; padding-left:20px;}
	.excl_list li:before,
	.excl:before {top:2px;}
	.calculator_total {margin-top:24px; gap:8px; flex-direction:column; padding:16px 16px 60px; background-size:auto 70px;}
	.calculator_total li {width:100%; padding:12px;}
	.calculator_total li h3 {font-size:18px;}
	.calculator_total li p {font-size:13px; margin:4px 0 16px;}
	.calculator_total li .pay {gap:6px; font-size:16px;}
	.calculator_total li .pay strong {font-size:24px;}
	.calculator_end .btns_btm .btn {padding:0 16px;}
/* 생산자 책임 재활용 제도 */
	.epr_system_top {padding:16px 16px 160px 16px; background-position:right 10px bottom 10px; background-size:auto 160px;}
	.epr_system_top h2 {font-size:22px; margin-bottom:8px;}
	.epr_system_top p {font-size:13px;}
	.epr_system_top p + p {margin-top:8px;}
	.epr_system_wrap .stit {margin:32px 0 12px;}
	.epr_system_wrap .gbox p {font-size:13px;}
	.epr_system_wrap .gbox .inbox {margin-top:24px; padding:16px; gap:8px;}
	.epr_system_wrap .gbox .tit {font-size:14px;}
	.epr_system_wrap .gbox ul {gap:4px;}
	.epr_system_wrap .gbox li {font-size:13px; line-height:38px; height:40px; width:calc((100% - 20px)/6);}
	.epr_system_wrap .money_set {gap:16px;}
	.epr_system_wrap .money_set li {width:100%; padding:16px;}
	.epr_system_wrap .money_set .tit {margin-bottom:8px;}
	.epr_system_wrap .money_set p {padding-left:86px; font-size:13px; line-height:24px;}
	.epr_system_wrap .money_set p + p {margin-top:6px;}
	.epr_system_wrap .money_set span {font-size:12px; height:24px; width:80px;}
/* 의무대상 제품 */
	/* .battery_products_wrap .tbl {border-top:#333 2px solid;}
	.battery_products_wrap .tbl thead {display:none;}
	.battery_products_wrap .tbl table,
	.battery_products_wrap .tbl tbody,
	.battery_products_wrap .tbl td {display:block;}
	.battery_products_wrap .tbl tr {position:relative; display:flex; flex-wrap:wrap; padding:10px 0; border-bottom:#ccc 1px solid;}
	.battery_products_wrap .tbl td {text-align:left; border-bottom:0; padding:0;}
	.battery_products_wrap .tbl td:nth-child(1) {width:50px; position:absolute; top:10px; right:0;}
	.battery_products_wrap .tbl td:nth-child(2) {width:calc(50% - 25px); line-height:40px;}
	.battery_products_wrap .tbl td:nth-child(3),
	.battery_products_wrap .tbl td:nth-child(4),
	.battery_products_wrap .tbl td:nth-child(5),
	.battery_products_wrap .tbl td:nth-child(6) {width:100%;}
	.battery_products_wrap .tbl td:nth-child(3) {position:relative; padding-left:30px; display:flex; flex-wrap:wrap; gap:2px 10px;}
	.battery_products_wrap .tbl td:before {font-size:12px; color:#666;}
	.battery_products_wrap .tbl td:nth-child(2):before {content:"품명 :";}
	.battery_products_wrap .tbl td:nth-child(3):before {content:"기호 :"; position:absolute; top:0; left:0;}
	.battery_products_wrap .tbl td:nth-child(4):before {content:"사용전압(V) :";}
	.battery_products_wrap .tbl td:nth-child(5):before {content:"주 사용처 :";}
	.battery_products_wrap .tbl td:nth-child(6):before {content:"기타 설명 :";} */
	.battery_type .gbox p {font-size:15px; margin-bottom:8px;}
	.battery_type .type_list li {font-size:14px; flex-direction:column;}
	.battery_type .type_list li strong,
	.battery_type .type_list li p {padding:16px;}
	.battery_type .type_list li strong,
	.battery_type .type_list li p {width:100%;}
	.distinguishing_method {gap:8px; flex-wrap:wrap;}
	.distinguishing_method li {width:calc(50% - 4px); padding:16px;}
	.distinguishing_method li i {display:block; text-align:center;}
	.distinguishing_method li p {margin-top:8px; gap:0; flex-direction:column; align-items:center; text-align:center;}
	.distinguishing_method li p span {font-size:12px;}
/* 회원가입 - 전지류 공제사업 */
	.battery_products_wrap .stit .btn_add {font-size:14px; line-height:38px; height:40px;}
	.battery_products_wrap .tbl tfoot td {font-size:18px;}
	.battery_products_wrap .btns_btm {margin-top:20px;}
	.battery_products_wrap .join_step {padding:16px;}
	.battery_products_wrap .join_step strong {padding-top:0;}
	.battery_products_wrap .btns_btm .btn {padding:0 20px;}
	.download_files {gap:16px; margin-top:24px;}
	.download_files > li {width:100%; padding:16px;}
	.download_files h3 {font-size:18px; margin-bottom:8px;}
	.download_files .applicable {gap:4px;}
	.download_files .applicable li {font-size:13px; width:80px;}
	.download_files p,
	.download_files .btn_download {margin-top:16px; font-size:13px;}
	.download_files .btn_download {line-height:30px;}
/* 지자체 실적 */
	.local_performance_wrap .board_top {margin:36px 0 12px;}
	.local_performance_wrap .board_top select {width:calc((100% - 62px)/3);}
	.step_vertical {gap:16px;}
	.step_vertical li {gap:12px; flex-direction:column;}
	.step_vertical .stepbox {width:100%; gap:4px;}
	.step_vertical .stepbox:before {right:16px; width:40px; background-size:contain;}
	.step_vertical .stepbox span {font-size:13px;}
	.step_vertical .stepbox h3 {font-size:16px;}
	.step_vertical .dots_list {width:100%;}
	.step_vertical .dots_list li {align-items:flex-start;}
	.gallery_battery {gap:24px 12px;}
	.gallery_battery li {width:calc(50% - 6px);}
	.gallery_battery .txt {padding-top:8px;}
	.gallery_battery .tit {font-size:14px;}
/* 회원사 현황 */
	.systems_members_wrap .board_top .search_wrap fieldset {flex-wrap:wrap;}
	.systems_members_wrap .board_top .search_wrap select {width:calc(50% - 2px);}
	.systems_members_wrap .board_basic tbody tr {padding-left:0; gap:0 20px;}
	.systems_members_wrap .board_basic tbody td {text-align:left;}
	.systems_members_wrap .board_basic tbody td:nth-child(2n-1) {width:calc(60% - 10px);}
	.systems_members_wrap .board_basic tbody td:nth-child(2n) {width:calc(40% - 10px);}
	.systems_members_wrap .board_basic tbody td.member_type {font-weight:600;}
	/* .systems_members_wrap .board_basic tbody td.member_type:before {content:"회원가 구분 :";} */
	.systems_members_wrap .board_basic tbody td.member_joinday:before {content:"가입년도,월 :";}
	.systems_members_wrap .board_basic tbody td.member_name:before {content:"회원사명 :";}
	.systems_members_wrap .board_basic tbody td.member_address:before {content:"소재지 :";}
	.pop_members .inbox {padding:20px;}
	.pop_members .tit {font-size:18px; margin-bottom:16px;}
	.pop_members .btn_close {top:10px; right:10px;}
	.pop_members th {width:80px;}
	.pop_members td {padding-left:10px;}
	.pop_members .map_area {margin-top:20px; height:160px;}
	.pop_members .btn_clo {font-size:14px; line-height:40px; height:40px; width:120px;}
	.pop_members .iw_box {padding:8px; width:100px;}
/* 의무이행 현황 */
	.fulfillment_obligations_wrap .over_scroll .scroll > * {width:100%; min-width:600px;}
	.chart_area {margin-top:20px; padding:16px 8px;}
	.chart_area .chart {min-height:260px; max-height:260px;}
	.chart_area .canvas_area {padding-top:14px;}
	.chart_area .canvas_area ul {font-size:12px; line-height:16px;}
	.chart_area .classification {gap:20px; padding:8px; margin-top:16px;}
	.chart_area .classification li {font-size:12px; padding-left:22px;}
	.chart_area .classification li:before {width:16px; height:16px;}

/** 주요사업안내 **/
	.major_projects_wrap .top_area {padding:16px; flex-direction:column;}
	.major_projects_wrap .top_area .tit {font-size:18px; margin-bottom:6px;}
	.major_projects_wrap .top_area .tt {margin:16px 0 4px;}
	.major_projects_wrap .top_area p {font-size:13px;}
	.major_projects_wrap .top_area p strong {font-size:15px;}
	.major_projects_wrap .top_area p + p {margin-top:8px;}
	.major_projects_wrap .top_area .btn {font-size:14px; line-height:40px; height:40px; width:100%; margin-top:16px;}
	.major_projects_wrap .top_area .tel {gap:8px; margin-bottom:10px;}
	.major_projects_wrap .top_area .tel dt {font-size:13px;}
	.contact_box {padding:16px; gap:12px; flex-direction:column; align-items:flex-start;}
	.contact_box.mt {margin-top:24px;}
	.contact_box .img {width:100%; height:auto; aspect-ratio:12/7;}
	.contact_box .txt {flex:100%;}
	.contact_box .tit {margin-bottom:4px;}
	.contact_box p {font-size:13px;}
	.contact_box .tel,
	.contact_box .email,
	.contact_box .bank,
	.contact_box .no_icon {margin-top:16px; padding-left:20px; gap:8px; font-size:13px; background-position:0 2px;}
	.contact_flex {gap:12px; flex-direction:column; margin-top:12px;}
	.contact_flex .contact_box {width:100%;}
	.contact_box .flex,
	.key_achievements {gap:8px;}
	.key_achievements li {width:100%; flex-basis:100%; padding:16px;}
	.key_achievements h3 {font-size:14px; margin-bottom:4px;}
	.key_achievements p {font-size:14px; gap:4px;}
	.key_achievements strong {font-size:24px;}
	.step_major_projects {flex-direction:column; gap:16px; padding:16px;}
	.step_major_projects.mt {margin-top:5px;}
	.step_major_projects li {width:100%; padding:16px 0; gap:0 10px;}
	.step_major_projects li + li:before {top:-24px; left:50%; height:24px; transform:translateX(-50%) rotate(90deg);}
	.step_major_projects span {font-size:12px;}
	.step_major_projects p {font-size:14px; margin-top:4px;}
	.step_major_projects.set4 li {width:100%;}
	.step_major_projects.set4 li:nth-child(5):before {display:block;}
	.icons_major_projects_area {gap:8px;}
	.icons_major_projects_area li {flex-basis:100%; padding:16px; display:flex; align-items:center; gap:10px;}
	.icons_major_projects_area i {width:45px;}
	.icons_major_projects_area i img {height:30px;}
	.icons_major_projects_area p {width:auto; flex:1 1 calc(100% - 55px); font-size:14px; margin-top:0; text-align:left;}
	.icons_major_projects_area p.small {font-size:13px;}
	.icons_major_projects_area.set2 li {flex-basis:100%;}
	.tb + .icons_major_projects_area {margin-top:16px;}
	.icons_major_projects_area.colm {gap:12px;}
	.icons_major_projects_area.colm li {gap:16px;}
	.icons_major_projects_area.colm .icon {width:80px; height:80px;}
	.icons_major_projects_area.colm .txt {width:calc(100% - 96px);}
	.certification_esg_wrap .board_basic tbody tr {padding-left:0;}
	.certification_esg_wrap .board_basic tbody td {width:100%; text-align:left; font-weight:500;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry5,
	.certification_esg_wrap .board_basic tbody td.status_inquiry6 {width:50%; display:flex; align-items:center;}
	.certification_esg_wrap .board_basic tbody td:before {font-size:12px; color:#555; font-weight:400; margin-right:5px;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry1:before {content:"실적 산출 기간 :";}
	.certification_esg_wrap .board_basic tbody td.status_inquiry2:before {content:"인증 대상 :";}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3:before {content:"확인서 종류 :";}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3 .esg-cert-gb-list {line-height:1.35;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry3 .esg-cert-gb-list__item + .esg-cert-gb-list__item {margin-top:1px;}
	.certification_esg_wrap .board_basic tbody td.status_inquiry4:before {content:"신청일 :";}
	.certification_esg_wrap .board_basic tbody td.status_inquiry5:before {content:"신청 상태 :";}
	.certification_esg_wrap .board_basic tbody td.status_inquiry6:before {content:"확인 :";}
/* 가정배출 */
/* 폐가전 무상방문수거 */
	.household_wrap .top_area .txt {width:100%;}
	.household_wrap .top_area .img {width:100%; height:160px; background-size:auto 80%; background-position:50% 50%;}
/* 중소형폐가전수거함+맞춤수거 */
	.customized_collection_wrap .top_area .txt {width:100%;}
	.customized_collection_wrap .top_area .img {width:100%; height:120px; background-position:50% 50%;}
/* 나눔폰 */
	.nanum_phone_wrap .top_area .txt {width:100%;}
	.nanum_phone_wrap .top_area .img {width:100%; height:160px; background-size:auto 80%; background-position:50% 50%;}
/* 기업·기관 배출 */
	.corporate_wrap .top_area .txt {width:100%;}
	.corporate_wrap .top_area .img {width:100%; height:200px; background-size:auto 80%;}
	.esg_result_area {gap:10px; padding:20px 8px;}
	.esg_result_area li {max-width:calc((100% - 20px)/3);}
	.esg_result_area p {font-size:13px; margin-top:6px;}
/* E-순환우수제품 인증 */
	.certification_product_wrap .top_area .txt {width:100%;}
	.certification_product_wrap .top_area .img {width:100%; height:180px; background-size:auto 80%;}
	.downloads {gap:16px; margin-top:16px;}
	.downloads li {flex-basis:100%;}
	.downloads .btn_download {font-size:13px; line-height:24px; padding:16px;}
	.downloads .btn_download i {padding-right:20px; font-size:13px;}
	.downloads .btn_download i:after {width:14px;}
/* ESG성과 인증 - 쓰기 부분은 게시판 쓰기 활용 */
	.certificate_wrap {gap:16px;}
	.certificate_wrap .contact_box {position:relative; width:100%; gap:16px; padding-left:72px;}
	.certificate_wrap .contact_box .icon {position:absolute; top:50%; left:16px; transform:translateY(-50%);}
	.personal_information_area .textarea_inbox {height:120px; font-size:13px;}
	.personal_information_area .check {margin-top:10px;}
	.pop_reason .tit {font-size:20px; margin-bottom:12px;}
	.pop_reason .gbox {padding:20px;}
	.pop_reason .btn_clo {margin-top:24px; font-size:14px;}
	.num_box {padding:16px;}
	.num_box li {padding:16px 0; font-size:13px; line-height:20px; padding-left:30px;}
	.num_box li span {top:16px; font-size:12px;}
/* 사랑의 어깨동무 */
	.love_shoulder_top {gap:16px; flex-direction:column; padding:16px 16px 140px 16px; background-size:auto 100px;}
	.love_shoulder_top .icon {width:100px; height:100px;}
	.love_shoulder_top .txt {width:100%; gap:4px;}
	.love_shoulder_top .txt p {font-size:13px;}
	.love_shoulder_top .txt strong {font-size:15px;}
	.core_value_area {gap:12px; flex-direction:column; flex-wrap:wrap; padding:16px; border-radius:60px;}
	.core_value_area li {width:100%; gap:12px; height:auto; padding:8px;}
	.core_value_area p {font-size:13px;}
	.support_type_area .img_list {gap:12px; flex-wrap:wrap;}
	.support_type_area .img_list li {width:calc(50% - 6px);}
	.support_type_area .img_list .imgfit {border-radius:12px 12px 0 0;}
	.support_type_area .img_list .txt {padding:12px; border-radius:0 0 12px 12px; gap:4px;}
	.support_type_area .img_list .type {font-size:13px;}
	.support_type_area .img_list strong {font-size:15px;}
	.love_shoulder_wrap .chart_area {margin-top:20px;}
	.love_shoulder_wrap .chart_area .chart {height:280px !important;}
	.management_donations .top {font-size:14px; margin-bottom:8px;}
	.management_donations .ybox {font-size:15px; padding:16px;}
	.management_donations ul {gap:12px; padding-top:40px;}
	.management_donations ul:before {top:10px; height:20px;}
	.management_donations li {gap:16px; padding:16px;}
	.management_donations li .icon {width:60px; height:60px;}
	.management_donations li .txt {width:calc(100% - 86px); gap:8px;}
	.management_donations li h4 {font-size:14px;}
	.management_donations li p {font-size:13px;}
	.donation_benefits {gap:16px;}
	.donation_benefits li {width:100%; height:80px; padding:16px;}
	.donation_benefits p {width:calc(100% - 50px);}
	.donation_benefits .icon {width:50px; height:50px;}
/* ESG위원회 */
	.committee_list {flex-wrap:wrap; gap:8px; padding:16px;}
	.committee_list li {width:calc(50% - 4px);}
	.committee_list p {margin-top:-15px; font-size:13px;}
	.committee_wrap .num_list {margin-top:16px;}
/* E-순환학교 */
	.school_list {gap:12px;}
	.school_list li {width:100%; padding:16px; gap:12px; flex-direction:column;}
	.school_list .imgfit {width:100%;}
	.school_list .txt {width:100%; gap:8px;}
	.school_list h3 {font-size:15px;}
	.school_list p {font-size:13px;}

/* 홍보 동영상 */
	.pop_video .inbox {padding:60px 16px 16px;}
	.pop_video .tit {font-size:18px; margin-top:12px;}
/* 특허현황 */
	.archives_patents_wrap .list {gap:16px;}
	.archives_patents_wrap .list li {width:100%;}
	.archives_patents_wrap .list button {gap:16px;}
	.archives_patents_wrap .list button:before {width:140px;}
	.archives_patents_wrap .list .imgfit {width:120px;}
	.archives_patents_wrap .list p {width:calc(100% - 136px);}
	.pop_archives_patents .inbox {padding:60px 16px 16px;}
	.pop_archives_patents .inbox .imgfit {height:300px; border-radius:12px;}
	.pop_archives_patents .inbox .tit {font-size:16px; margin-top:12px;}
/* FAQ */
	.faq_wrap {gap:12px;}
	.faq_wrap .btn_q {padding:16px 40px 16px 46px; line-height:20px; font-size:14px;}
	.faq_wrap .btn_q:before,
	.faq_wrap .con .inbox:before {left:16px; top:16px; width:24px; height:24px; line-height:24px; font-size:12px;}
	.faq_wrap .btn_q i {right:16px; width:20px; height:20px;}
	.faq_wrap .btn_q i:before {width:12px;}
	.faq_wrap .btn_q i:after {height:12px;}
	.faq_wrap .con {margin:0 12px; width:calc(100% - 24px);}
	.faq_wrap .con .inbox {padding:0 16px 0 50px; font-size:13px;}
	.faq_wrap .box.on .con {margin-bottom:16px;}
	.faq_wrap .box.on .con .inbox {padding:16px 16px 16px 50px;}

/* 약관 */
	.terms_wrap {font-size:13px;}
	.terms_wrap .ybox,
	.terms_wrap .content > .description_fcBlack_txt {padding:16px;}
	.terms_wrap .privacy_label,
	.terms_wrap .cnt_list {gap:4px; padding:12px;}
	.terms_wrap .privacy_label a,
	.terms_wrap .cnt_list li {width:100%; font-size:13px;}
	.terms_wrap .level2_title {font-size:16px; line-height:40px; gap:8px; margin:20px 0 12px;}
	.terms_wrap th,
	.terms_wrap td {font-size:13px;}
	.terms_wrap select {height:40px;}
/* 개인정보처리방침 */
	.privacy_policy_area,
	.terms_wrap .content > .description_box {margin-top:20px; padding-top:20px;}
	.terms_wrap .content > .description_box .description_fcBlack_txt {padding:16px;}
	.privacy_policy_area p {margin-top:4px;}
	.terms_tit {margin:20px 0 12px; padding-left:60px; min-height:60px; gap:4px;}
	.terms_tit .icon {width:50px;}
	.terms_tit h3 {font-size:18px;}
	.dots_list.full_width {gap:16px;}
	.dots_list.full_width li h4 {padding-left:16px;}
	.dots_list.full_width .tbl {margin-top:10px;}
	.select_before {margin-top:16px; gap:8px; flex-direction:column;}
	.select_before select {width:100%;}
	.dot_bulTxt_txtIndent select {display:block; width:100%;}
/* 저작권 정책 */
	.copyright_policy_tit {font-size:16px; padding:12px; margin:24px 0 12px;}
	.copyright_policy_tit ~ .copyright_policy_tit {margin-top:20px;}
	.copyright_policy_wrap p {font-size:13px;}
	.copyright_policy_wrap p + .dots_list {margin-top:8px;}
}