@charset "UTF-8";
/**
* Main - Default
**/
/** 메인 헤더 **/
.is_main .wrap {
  width: 100%;
  max-width: 1400px;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}
.is_main header {
	position: absolute;
    z-index: 1;
    background-color: transparent;
    width: 100%;
    max-width: 1400px;
    margin: 50px auto;
    left: 0;
    right: 0;
}
.is_main header .hd_wrap {
	background-color: var(--gn-use-color-white);
	border-radius: 10px;
}
.is_main header .hd_wrap .hd_menu button {
	border-radius: 0 10px 10px 0;
}


/* 메인 - top visual */
.main_top_visual_banner {
	position: relative;
}
.main_top_visual_banner .main_top_visual_banner_img {
	width: 100%;
	height: 32vw;
	min-height: 610px;
    /* height: 610px; */
    
    background: url("/use/images/new/use_main_top_visual_img_01.jpg") no-repeat center center / cover
    
}
.main_top_visual_banner .main_top_visual_banner_img img {
	display: none;
	width: 100%;
}
.main_top_visual_banner .main_top_visual_banner_contents {
	width: 100%;
    height: 100%;
    max-width: 1400px;
    padding-top: 130px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 20px;
}
.btn_big {
	font-size: 1.15rem;
	text-align: center;
	line-height: 1.2rem;
	padding: 10px 20px;
}
.btn_big:hover {
	border-color: var(--gn-use-primary-color-1) !important;
	background-color: var(--gn-use-primary-color-1) !important;
}
.main_top_visual_banner .main_top_visual_banner_contents .btn_goto_useboar03 {
	display: inline-block;
	/* background: var(--gn-use-primary-color-1);
	color: #FFF; */
	background: #ffc960;
    color: #000000;
	border-radius: 5px;
	padding: 20px;
    width: 100%;
    max-width: 450px;
	/* background-color: rgba(255, 255, 255, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.25); */
}
.main_top_visual_banner .main_top_visual_banner_contents .btn_goto_useboar03:hover {
	border-color: var(--gn-use-primary-color-1) !important;
	background-color: var(--gn-use-primary-color-1) !important;
	color: #ffffff;
}
.main_top_visual_banner .main_top_visual_banner_contents > div {
	width: 50%;
}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_left {}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_left .main_top_visual_banner_left_contents {
	max-width: 450px;
}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_left .main_top_visual_banner_left_contents .desc {
	font-size: 1.480rem;
    color: var(--gn-use-color-white);
    letter-spacing: -0.025em;
    line-height: 1.25em;
}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_left .main_top_visual_banner_left_contents h3 {
	font-size: 3.125rem;
    color: var(--gn-use-color-white);
    line-height: 1.25em;
    margin-bottom: 20px;
}

.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_right {}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_right .main_top_visual_banner_right_contents {}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_right .main_top_visual_banner_right_contents .icon_contents_group {}
.main_top_visual_banner .main_top_visual_banner_contents .main_top_visual_banner_contents_right .main_top_visual_banner_right_contents .icon_contents_group .icon_contents {}

.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents {}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul {
	display: flex;
    gap: 1vw;
    justify-content: space-between;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li {
	flex: 1;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li .box_card {
	width: 100%;
    /* min-width: 218px; */
    border: 2px solid rgba(195, 195, 195, 0.3);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 30px 28px 45px;
}

.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a {
	display: block;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a .img {
	text-align: center;
	margin-bottom: 14px;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a .img img {}

.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a h4 {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 12px;
	color: var(--gn-use-color-white);
	text-align: center;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a .desc {
	font-size: 0.875rem;
    letter-spacing: -0.05em;
    color: var(--gn-use-color-white);
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.25em;
    opacity: 0.85;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a .btn_group {
	text-align: center;
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents .box_card a .btn_group .btn_more {
	display: inline-block;
}

.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li:hover .box_card {
	border-color: var(--gn-use-primary-color-1);
    background-color: var(--gn-use-primary-color-1);
}
.main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li:hover .box_card a button.btn_arrow_mini .icon_arrow::after {
	background-color: #8BB748;
    opacity: 1;
}



/** Main - Service **/
.main_service_section {
	padding-top: 60px;
	padding-bottom: 60px;
}
.main_service_section .main_service {}
.main_service_section .main_service ul {
	display: flex;
    gap: 1.5vw;
    justify-content: space-between;
}
.main_service_section .main_service ul li {
	flex: 1;
}
.main_service_section .main_service ul li .card_box{
	padding: 38px 30px 40px;
	background-color: var(--gn-use-color-white);
	border-radius: 20px;
}
.main_service_section .main_service ul li .card_box a {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 93px;
    align-items: baseline;
}
.main_service_section .main_service ul li .card_box a h4 {
	width: 100%;
	font-size: 20px;
	color: var(--gn-use-color-2);
	margin-bottom: 20px;
	letter-spacing: -0.025em;
}
.main_service_section .main_service ul li .card_box a .btn_group {
	position: absolute;
  	top: 55px;
}
.main_service_section .main_service ul li .card_box a::after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-size: cover;
	position: absolute;
    bottom: 0;
    right: 0;
}
.main_service_section .main_service ul li:nth-child(1) .card_box a::after {
	background-image: url("../../images/new/icon_main_service_01.svg");
	background-repeat: no-repeat;
	background-position: center right;
}
.main_service_section .main_service ul li:nth-child(2) .card_box a::after {
	background-image: url("../../images/new/icon_main_service_02.svg");
	background-repeat: no-repeat;
	background-position: center right;
}
.main_service_section .main_service ul li:nth-child(3) .card_box a::after {
	background-image: url("../../images/new/icon_main_service_03.svg");
	background-repeat: no-repeat;
	background-position: center right;
}
.main_service_section .main_service ul li:nth-child(4) .card_box a::after {
	background-image: url("../../images/new/icon_main_service_04.svg");
	background-repeat: no-repeat;
	background-position: center right;
}
.main_service_section .main_service ul li:nth-child(5) .card_box a::after {
	background-image: url("../../images/new/icon_main_service_05.svg");
	background-repeat: no-repeat;
	background-position: center right;
}



.main_service_section .main_service ul li:hover {
	cursor: pointer;
}
.main_service_section .main_service ul li:hover .card_box {
	background-color: var(--gn-use-primary-color-1);
}
.main_service_section .main_service ul li:hover .card_box a {}
.main_service_section .main_service ul li:hover .card_box a h4 {
	color: var(--gn-use-color-white);
}
.main_service_section .main_service ul li:hover .card_box a .btn_group {}
.main_service_section .main_service ul li:hover .card_box a .btn_group .btn_more {}
.main_service_section .main_service ul li:hover .card_box a .btn_group .btn_more .btn_arrow_mini {}
.main_service_section .main_service ul li:hover .card_box a .btn_group .btn_more .btn_arrow_mini .icon_arrow::before {
	background-color: var(--gn-use-color-white);
}
.main_service_section .main_service ul li:nth-child(1):hover .card_box a::after {
	background-image: url("../../images/new/icon_main_service_01_hover.png");
}
.main_service_section .main_service ul li:nth-child(2):hover .card_box a::after {
	background-image: url("../../images/new/icon_main_service_02_hover.png");
}
.main_service_section .main_service ul li:nth-child(3):hover .card_box a::after {
	background-image: url("../../images/new/icon_main_service_03_hover.png");
}
.main_service_section .main_service ul li:nth-child(4):hover .card_box a::after {
	background-image: url("../../images/new/icon_main_service_04_hover.png");
}
.main_service_section .main_service ul li:nth-child(5):hover .card_box a::after {
	background-image: url("../../images/new/icon_main_service_05_hover.png");
}



/** Main - 데이터로 보는 배출량 **/
.main_data_community_section {
	/* margin-bottom: 60px; */
}
.main_data_community_section .main_data_community {
	display: flex;
	gap: 3.65vw;
	justify-content: space-between;
}
.main_data_community_section .main_data_community > div {
	width: 50%;
}
.main_data_community_section .main_data_community .main_data_community_left {
	/* width: 40%; */
}
.main_data_community_section .main_data_community .main_data_community_right {
	/* width: 60%; */
}


.main_data_community_section .main_data_community h4 {
	font-size: 1.625rem;
	margin-bottom: 20px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_data_community_section .main_data_community .main_data_disch_capa_wrap {
	height: 100%;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .cahrt_desc {
	display: flex;
    justify-content: space-between;
    align-items: end;
    font-size: 0.75rem;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .cahrt_desc span {
	line-height: 1.25em;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .cahrt_desc span:nth-child(1) {
    margin-left: 25px;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .cahrt_desc span:nth-child(2) {
    text-align: right;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .chart_data_table_2 table {
	width: 100%;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .chart_data_table_2 table tr td:nth-child(3) {
	text-align: right;
}




.main_data_community_section .main_data_community .main_data_disch_capa {
	background-color: var(--gn-use-color-white);
    padding: 40px 70px;
    border-radius: 20px;
    height: calc(100% - 43px);
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs {
	margin-bottom: 40px;
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs ul {
	display: flex;
    gap: 10px;
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs ul li {
	border: 1px solid var(--gn-use-color-5);
    padding: 5px 20px;
    border-radius: 20px;
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs ul li.tab:hover {
	cursor: pointer;
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs ul li.on {
	background-color: #3C8A45;
	border-color: #3C8A45;
	color: var(--gn-use-color-white);
}

.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs_contents {
	height: 310px;
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs_contents > div {
	display: none;
}
.main_data_community_section .main_data_community .main_data_disch_capa .main_data_disch_capa_tabs_contents > div.on {
	display: block;
}



.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart.gn_line_chart .gn_line_chart_01_table {
	margin-bottom: 12px;
}
.main_data_community_section .main_data_community .main_data_disch_capa .gn_chart .gn_line_chart_01 {
	width: 100% !important;
	margin-bottom: 40px;
}

.gn_line_chart_01_table .chart_data_table_2 tr td span {
	color: #8BB748;
}
.gn_line_chart_01_table .chart_data_table_2 tr td span.grow {
	padding: 5px 8px;
    border-radius: 5px;
    color: var(--gn-use-color-white) !important;
    padding-left: 30px;
}



span.grow {
	display: inline-block;
    background-color: var(--gn-use-color-5);
    padding: 0px 8px;
    border-radius: 2px;
    color: var(--gn-use-color-white) !important;
    padding-left: 20px;
    margin-left: 5px;
    position: relative;
}
span.grow::before {
	content: "";
    display: inline-block;
    font-size: 0.75em;
    position: absolute;
    left: 8px;
}
span.up {
	background-color: #3C8A45;
}
span.down {
	background-color: #8BB748;
}
span.up::before {
	content: "▲";
}
span.down::before {
	content: "▼";
}


.gn_bar_chart_01 {
	width: 100% !important;
	height: 157px !important;
	margin-bottom: 7px;
}
.gn_chart .gn_chart_table {}
.gn_chart .gn_chart_table .chart_data_table table {
	width: 100%;
	border: 1px solid var(--gn-use-color-3);
}
.gn_chart .gn_chart_table .chart_data_table table tr {}
.gn_chart .gn_chart_table .chart_data_table table tr th {}
.gn_chart .gn_chart_table .chart_data_table table tr td {}

.gn_chart .gn_chart_table .chart_data_table table thead tr th {
	background-color: var(--gn-use-color-5);
	font-size: 0.825rem;
	padding: 3px 5px;
}
.gn_chart .gn_chart_table .chart_data_table table thead tr th:first-child {
	min-width: 68px;
}
.gn_chart .gn_chart_table .chart_data_table table thead tr th + * {
	border-left: 1px solid var(--gn-use-color-3);
}

.gn_chart .gn_chart_table .chart_data_table table tbody tr th {
	background-color: var(--gn-use-color-white);
	font-size: 0.75rem;
	border-right: 1px solid var(--gn-use-color-3);
	text-align: left;
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr th .label::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-color: var(--gn-use-color-5);
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr td {
	background-color: var(--gn-use-color-white);
	font-size: 0.75rem;
	text-align: center;
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr td + * {
	border-left: 1px solid var(--gn-use-color-3);
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr th,
.gn_chart .gn_chart_table .chart_data_table table tbody tr td {
	padding: 1.5px 5px;
	border-top: 1px solid var(--gn-use-color-3);
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr + * th,
.gn_chart .gn_chart_table .chart_data_table table tbody tr + * td {
	/* border-top: 1px solid var(--gn-use-color-3); */
}

.gn_chart .gn_chart_table .chart_data_table table tbody tr:nth-child(1) th .label::before {
	background-color: #8BB748;
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr:nth-child(2) th .label::before {
	background-color: #3C8A45;
}
.gn_chart .gn_chart_table .chart_data_table table tbody tr td span {
	color: #3C8A45;
}



/** Main - Cummunity **/
.main_board_wrap h4 .btn_more button {
	font-size: 0.75rem;
}
.main_board_wrap .board_wrap {
	background-color: var(--gn-use-color-white);
    padding: 36px 50px;
    border-radius: 20px;
}
.main_board_wrap .board_wrap ul {}
.main_board_wrap .board_wrap ul li {}
.main_board_wrap .board_wrap ul li a {
	display: inline-block;
	width: 100%;
	line-height: 1.85rem;
	position: relative;
	padding-left: 15px;
	white-space: nowrap; /*한줄 자르기*/
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_board_wrap .board_wrap ul li a::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #3C8A45;
	position: absolute;
    left: 0;
    top: calc(50% - 3px);
}

.main_board_wrap.main_faq_wrap {
	margin-bottom: 30px;
}









.main_banner {
	position: relative;
	background: url(../img/main_pc_bg.png) no-repeat right bottom/cover;
	height: 960px;
	padding-top: 190px;
}


.main_banner h2.tit {
	font-size: 6.87rem;
	font-weight: 900;
	font-family: "Pretendard";
	line-height: 8.75rem;
	margin-bottom: 40px;
}

.main_banner h2.tit span {
	font-size: 4.37rem;
}

.main_banner .main_search {
	margin-bottom: 58px;
}

.main_banner .main_search form {
	display: flex;
	align-items: center;
	border-radius: 20px 0 0 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
	width: fit-content;
}

.main_banner .main_search form input {
	border: 5px solid var(--primary-color-3);
	line-height: 60px;
	width: 336px;
	padding-left: 27px;
	padding-right: 10px;
	font-size: 1.143rem;
	border-radius: 20px 0 0 0;
}

.main_banner .main_search form input::placeholder {
	color: #333;
}

.main_banner .main_search form button {
	background: var(--primary-color-3);
	height: 70px;
	width: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main_banner .main_search form button img {
	width: 37px;
	display: block;
}

.main_banner .main_menu ul {
	width: 420px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 20px;
}

.main_banner .main_menu li {
	width: 200px;
	background: var(--primary-color-3);
	transition: 0.2s ease-in-out;
}

.main_banner .main_menu li:hover {
	background: var(--gn-use-primary-color-1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
}

.main_banner .main_menu li:first-child {
	border-radius: 40px 0 0 0;
}

.main_banner .main_menu li:nth-child(2) {
	border-radius: 0 40px 0 0;
}

.main_banner .main_menu li:nth-child(3) {
	border-radius: 0 0 0 40px;
}

.main_banner .main_menu li:nth-child(4) {
	border-radius: 0 0 40px 0;
}

.main_banner .main_menu li a {
	height: 180px;
	padding-top: 35px;
	display: flex;
	align-items: center;
	flex-direction: column;
	row-gap: 14px;
}

.main_banner .main_menu li a .icon_box {
	width: auto;
	height: 70px;
}

.main_banner .main_menu li a span {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 1.143rem;
	line-height: 1.2;
}

.main_conts {
	position: relative;
	/* padding-top: 98px;
	padding-bottom: 150px; */
}

.main_conts::before {
	content: "";
	display: block;
	width: 658px;
	height: 653px;
	background: url(../img/bg_top.png) no-repeat right top;
	background-size: contain;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
}

.main_conts::after {
	content: "";
	display: block;
	width: 658px;
	height: 960px;
	background: url(../img/bg_b.png) no-repeat left top;
	background-size: contain;
	z-index: -1;
	position: absolute;
	right: 0;
	bottom: 0;
}

.main_notice {
	margin-bottom: 60px;
}

.main_faq .top_group, 
.main_notice .top_group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.main_notice .top_group .right_group {
	display: flex;
	align-items: center;
	column-gap: 20px;
}

.main_conts .sec_tit {
	font-size: 1rem;
	font-family: "Pretendard";
	font-weight: 400;
}

.main_conts .btn_more a {
	display: flex;
	align-items: center;
	height: 35px;
	column-gap: 5px;
	padding-left: 20px;
	padding-right: 12px;
	border: 1px solid #b4b4b4;
	border-radius: 35px;
	background: #fff;
}

.main_conts .btn_more a span {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 2px;
}

.main_conts .btn_more .icon_box {
	width: 15px;
}

.main_notice_btn_list {
	display: flex;
	align-items: center;
	column-gap: 6px;
}

.main_notice_btn_list button {
	width: 35px;
	height: 35px;
	border: 1px solid #b4b4b4;
	border-radius: 35px;
}

.main_notice_btn_list button img {
	width: 100%;
	display: block;
}

.main_notice .notice_slide .swiper-slide {
	border-radius: 20px;
	border: 1px solid var(--primary-color-3);
	background: #fff;
}

.main_notice .notice_slide .txt_box a {
	padding: 24px 28px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 160px;
}

.main_notice .notice_slide .txt_box a p {
	font-size: 1.143rem;
	font-weight: bold;
	color: #333;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main_notice .notice_slide .txt_box a span {
	font-size: 0.875rem;
	font-weight: 500;
	color: #333;
	display: block;
}

.main_faq .faq_wrap {
	display: flex;
	column-gap: 30px;
}

.main_faq .faq_wrap .left_box {
	background: var(--primary-color-4);
	width: 380px;
	border-radius: 20px;
	height: 430px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main_faq .faq_wrap .left_box img {
	width: fit-content;
	display: block;
}

.main_faq .faq_wrap .left_box img.pc_img {
	display: block;
}

.main_faq .faq_wrap .left_box img.m_img {
	display: none;
}

.main_faq .qna_list {
	width: calc(100% - 410px);
	border-radius: 20px;
	background: var(--primary-color-4);
	padding: 0 30px;
	height: 430px;
	padding-top: 24px;
}

.main_faq .qna_list .q_box {
	display: flex;
	align-items: center;
	column-gap: 14px;
}

.main_faq .qna_list .qna_box.on {
	border-bottom: 1px solid var(--primary-color-3);
}

.main_faq .qna_list .q_box .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: var(--primary-color-3);
}

.main_faq .qna_list .qna_box.on .q_box .icon {
	background: var(--gn-use-primary-color-1);
}

.main_faq .qna_list .q_box .icon span {
	display: block;
	font-size: 2.5rem;
	font-weight: 900;
	color: #fff;
	text-align: center;
	padding-bottom: 6px;
}

.main_faq .qna_list .q_box .txt_box {
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.main_faq .qna_list .q_box .txt_box p {
	font-size: 2.2rem;
	color: #000;
}

.main_faq .qna_list .q_box button {
	display: block;
	width: 8px;
	height: 14px;
	background: url(../img/faq_arrow.png) no-repeat center;
	background-size: contain;
}

.main_faq .qna_list .qna_box.on .q_box button {
	background: url(../img/faq_arrow_active.png) no-repeat center;
}

.main_faq .qna_list .a_box {
	padding-left: 50px;
	column-gap: 2px;
	padding-bottom: 24px;
	display: none;
}

.main_faq .qna_list .qna_box.on .a_box {
	display: flex;
}

.main_faq .qna_list .a_box span {
	font-weight: bold;
	color: #5c5c5c;
	font-size: 1.143rem;
}

.main_faq .qna_list .a_box p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #5c5c5c;
	font-size: 1.143rem;
	width: calc(100% - 24px);
	line-height: 1.5;
}

.main_faq .qna_list .qna_box {
	cursor: pointer;
}

.main_faq .qna_list .qna_box+.qna_box {
	margin-top: 20px;
}

/* 지도 */
.map_conts {
	/* background: url(../img/map.jpg) no-repeat center / cover; */
	width: 100%;
	height: calc(100vh - 122px);
	position: relative;
}


/** 차량 위치 말풍선 **/
.map_conts #map .loc_car_posi {
	display: block;
	width: 200px;
	padding: 10px;
}
.map_conts #map .loc_car_posi .car_work_cat {
	font-size: 12px;
	text-align: center;
	margin-bottom: 3px;
}
.map_conts #map .loc_car_posi .car_work_num {
	background-color: #333;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	padding: 3px;
	margin-bottom: 7px;
}
.map_conts #map .loc_car_posi .loc_work_car_info_box {
	display: flex;
	padding: 0 3px 5px;
}
.map_conts #map .loc_car_posi .loc_work_car_info_box .loc_work_map_img {
	width: 56px;
}
.map_conts #map .loc_car_posi .loc_work_car_info_box .loc_work_map_img img {
	width: 100%;
}
.map_conts #map .loc_car_posi .loc_work_car_info_box .loc_work_car_meta {
	width: calc(100% - 56px);
	padding-top: 7px;
}
.map_conts #map .loc_car_posi .loc_work_car_info_box .loc_work_car_meta > div {
	font-size: 12px;
	letter-spacing: -0.045rem;
	padding-left: 5px;
}
.map_conts #map > div > div > div:nth-child(6) > div:last-child {
	border-radius: 10px;
	margin-left: -17px;
}
.map_conts #map > div > div > div:nth-child(6) > div:last-child div:first-child {
	margin-top: -3px;
}


.modal_wrap.loc_map_modal {
	width: calc(100% - 20px);
    height: calc(100vh - 20px);
    max-width: 100%;
    padding: 0px 0px 0px;
}
.modal_wrap.loc_map_modal .loc_map_swiper {
	height: 100%;
}
.modal_wrap.loc_map_modal .loc_map_work_car {
	/* margin-top: -16px; */
	overflow: auto;
}
.modal_wrap.loc_map_modal .loc_map_work_car img {
	/* max-width: 100%; */
	height: 100%;
	display: block;
	margin: 0 auto;
}
.modal_wrap.loc_map_modal .loc_map_not_message {
	min-height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #000;
}




.map_gnb {
	/* box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); */
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 12px 0;
	z-index: 50;
	display: block;
	transition: 0.2s ease-in-out;
	height: 100%;
}

.map_gnb.on {
	background: #fff;
}

@keyframes fade-in {
	from { opacity:0;
}

to {
	opacity: 1;
}

}
.map_gnb_wrap {
	width: 390px;
	position: relative;
	overflow-y: auto;
	height: 100%;
	height: calc(100vh - 150px);
	visibility: initial;
	transition: 0.1s ease-in;
	
	position: relative;
    z-index: 51;
    background-color: #FFFFFF;
}

.map_gnb .tit {
	font-size: 1.286rem;
	font-weight: 900;
}

.map_gnb .tab_menu {
	margin-top: 12px;
	margin-bottom: 32px;
}

.map_gnb .tab_menu ul {
	display: flex;
	align-items: center;
}

.map_gnb .tab_menu ul li {
	width: 50%;
	border: 1px solid var(--gn-use-primary-color-1);
}

.map_gnb .tab_menu ul li a {
	color: #5c5c5c;
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 1.143rem;
	font-weight: bold;
}

.map_gnb .tab_menu ul li:first-child {
	border-radius: 4px 0 0 4px;
}

.map_gnb .tab_menu ul li:last-child {
	border-radius: 0 4px 4px 0;
}

.map_gnb .tab_menu ul li.on a {
	background: var(--gn-use-primary-color-1);
	color: #fff;
}

.map_gnb.on .btn_map img {
	transform: rotate(180deg);
}

.map_gnb_wrapbox {
	position: relative;
	height: 100%;
}

/* .map_gnb_wrap {
  animation: fade-in 1s;
  animation-fill-mode: forwards;
} */
.map_gnb.on .map_gnb_wrap {
	/* display: none; */
	visibility: hidden;
	transition: 0.1s ease-in;
	width: 0;
}

.map_gnb .btn_map {
	position: absolute;
	right: -22px;
	top: 45%;
	transform: translateY(-50%);
	z-index: 50;
	background: #fff;
	width: 22px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 4px 4px 0;
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
}

.map_gnb .btn_map img {
	width: 20px;
	display: block;
	filter: brightness(0);
}

.map_gnb .tab_wrap .tab_cont {
	display: none;
}

.map_gnb .tab_wrap .tab_cont:first-child {
	display: block;
}

.map_menu ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: calc(( 100% - 276px)/2);
	row-gap: 10px;
}

.map_menu {
	padding-bottom: 32px;
}

.map_menu li {
	width: 92px;
}

.map_menu li a {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.map_menu li a span {
	display: block;
	text-align: center; 
	height: 36px;
	font-size: 0.875rem;
	font-weight: bold;
}

.map_menu li .icon_box {
	width: 80px;
	height: 80px;
	background: var(--gn-use-color-10);
    /* background: var(--gn-use-primary-color-2); */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border: 1px solid var(--gn-use-color-7);
}

.map_menu li .icon_box svg {
	width: 26px;
	opacity: 0.45;
}
.map_menu li .icon_box img {
	width: 42px;
	display: block;
}

.map_menu li.on .icon_box {
	background: var(--gn-use-primary-color-1);
}

.map_menu li.on .icon_box img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.map_gnb_m_box {
	height: 100%;
}

.map_gnb_m {
	height: 100%;
}

.map_gnb_m_btn {
	display: none;
}

.map_gnb_wrap::-webkit-scrollbar {
	width: 6px;
}

.map_gnb_wrap::-webkit-scrollbar-thumb {
	background-color: #c4c6c8;
	border-radius: 10px;
	background-clip: padding-box;
}

.map_gnb_wrap::-webkit-scrollbar-track {
	background-color: #e9ecef;
	border-radius: 10px;
}

.map_gnb .check_list {
	margin-top: 20px;
}
.map_gnb .check_list .code_id_01 {
	display: none;
}

.map_gnb .check_list label {
	display: flex;
	align-items: center;
	column-gap: 8px;
}

.map_gnb .check_list label span {
	display: block;
	font-size: 1rem;
}

.map_gnb .check_list li+li {
	margin-top: 14px;
}

.map_check01 {
	border-top: 1px solid var(--gn-use-color-5);
	padding-top: 20px;
}

.map_check01 .check_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 7.5px;
	row-gap: 5px;
	/*justify-content: space-between;*/
}

.map_check01 .check_list ul li {
	width: calc(33.3333% - 5px);
	border: 1px solid #cccccc;
	text-align: center;
	display: flex;
	justify-content: center;
	margin-top: 0;
}

.map_check01 .check_list ul li label {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 5px;
}

.map_check01 .check_list ul li:first-child {
	width: 100%;
}

.map_check01 .check_list ul li input[type="checkbox"] {
	display: none;
}

.map_check01 .check_list ul li input[type="checkbox"]:checked+label {
	background-color: var(--gn-use-primary-color-1);
}

.map_check01 .check_list ul li input[type="checkbox"]:checked+label span {
	color: var(--gn-use-color-white);
}

.map_tab_form {
	padding: 0 20px;
}

.map_tab_form .top_group {
	display: flex;
	justify-content: space-between;
	margin-bottom: 52px;
}

.map_tab_form select {
	width: 262px;
	height: 41px;
	font-size: 14px;
}

.map_tab_form .btn_sub {
	width: 78px;
}
.map_gnb .check_list02 {
	margin-bottom: 30px;
}
.map_gnb .map_tab_form .check_list02 label {
	display: flex;
	align-items: center;
	column-gap: 10px;
	background: #f2f2f2;
	border-radius: 8px;
	padding: 0 20px;
	height: 52px;
}

.map_gnb .check_list02 label > span {
	/* font-size: 1.125rem; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 28px);
}
.map_gnb .check_list02 label > span > span:nth-child(2) {
	width: 100px;
}
.map_gnb .check_list02 label span.loc_sub_name {
	font-size: 1rem;
}

.map_gnb .check_list02 li+li {
	margin-top: 16px;
}

.map_gnb .check_list02 li.on label {
	background: var(--gn-use-primary-color-2);
}

.map_gnb_tit {
	display: none;
}

.map_check01 .top_flex button {
	display: none;
}

.map_wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

.map_wrap #map {
	width: 100%;
	height: 100%;
	/* height: calc(100% - 261px); */
}

.map_gnb .map_result {
	width: calc(100% - 390px);
	margin-left: 0;
	bottom: 0;
	right: 0;
}

.map_gnb.on .map_result {
	width: 100%;
	right: 0;
	bottom: 0;

	/* width: calc(100% - 390px);
	margin-left: 390px; 
	height: 260px; */
}

.map_gnb .map_result.off {
	bottom: 10px;
	right: 10px;
}

.map_gnb.on .map_result.off {
	width: fit-content;
	bottom: 10px;
	right: 10px;
}

/* 지도 검색 결과 */
.map_result {
	width: 100%;
	background: #fff;
	/* box-shadow: 0px 6px 15px var(--box-shadow);*/
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 30;
	border-radius: 12px;
	padding: 32px 20px 20px;
}

.map_result.off {
	/* bottom: 70px;
    right: 10px; */
	
}

.map_result .tit {
	font-size: 1.286rem;
	font-weight: bold;
}

.result_table_wrap {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-width: fit-content;
	max-width: 100%;
	border-top: 2px solid var(--gn-use-primary-color-1);
	border-left: 1px solid var(--primary-color-3);
	/* border-right: 1px solid var(--primary-color-3); */
}

.result_table_box {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-right: 1px solid var(--primary-color-3);
	border-bottom: 1px solid var(--primary-color-3);
	/* width: 145px; */
	/* min-width: 70px; */
}
.result_table_box.loc_sub_list_01 {
	width: calc(100% / 11);
} 
.result_table_box.loc_sub_list_02 {
	width: calc(100% / 7);
} 

.result_table {
	overflow-x: auto;
}

.result_table_wrap .result_table_box:first-child, 
.result_table_wrap .result_table_box:nth-child(2), 
.result_table_wrap .result_table_box:nth-child(3), 
.result_table_wrap .result_table_box:nth-child(4), 
.result_table_wrap .result_table_box:nth-child(5), 
.result_table_wrap .result_table_box:nth-child(6), 
.result_table_wrap .result_table_box:nth-child(7), 
.result_table_wrap .result_table_box:nth-child(8), 
.result_table_wrap .result_table_box:nth-child(9), 
.result_table_wrap .result_table_box:nth-child(10), 
.result_table_wrap .result_table_box:nth-child(11) {
	/* border-top: 2px solid var(--gn-use-primary-color-1); */
}

.result_table_wrap .result_table_box:last-child, 
.result_table_wrap .result_table_box:nth-child(11) {
	/* border-right: 1px solid var(--primary-color-3); */
}



.result_table_box+.result_table_box {
	/* border-left: 1px solid var(--primary-color-3); */
	/* border-right: 1px solid var(--primary-color-3); */
}
.result_table_wrap .result_table_box:first-child {
	/* border-left: 1px solid var(--primary-color-3); */
}

.result_table_box .th {
	background: var(--primary-color-4);
	width: 100%;
	line-height: 42px;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
}

.result_table_box .td {
	line-height: 42px;
	font-size: 1rem;
	width: 100%;
	text-align: center;
}

.result_table::-webkit-scrollbar {
	height: 8px;
}

.result_table::-webkit-scrollbar-thumb {
	background-color: #c4c6c8;
	border-radius: 10px;
	background-clip: padding-box;
}

.result_table::-webkit-scrollbar-track {
	background-color: #e9ecef;
	border-radius: 10px;
}

.map_result .top_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.map_result .top_group .tit {
	width: calc(100% - 140px);
	flex-wrap: wrap;
	  display: flex;
	  align-items: center;
}


.map_result .top_group .pe_sale {
	width: 200px;
	font-size: 1.125rem;
	display: none;
}

.map_result .top_group .pe_sale.on {
	display: block;
}

.map_result .top_group .pe_sale label {
	display: flex;
	align-items: center;
}

.map_result .top_group .pe_sale label input {
	margin-right: 5px;
}

.map_result .top_group .btn_result button {
	display: block;
	width: 20px;
}

.map_result .top_group .btn_result button img {
	display: block;
	width: 100%;
}

.map_result.off .top_group .btn_result button img {
	transform: rotate(180deg);
}

.map_result.off .top_group {
	margin-bottom: 0;
}

.map_result.off .top_group .tit {
	display: none;
}

.map_result.off .top_group .pe_sale {
	display: none;
}

.map_result.off .result_table {
	display: none;
}

.map_result.off {
	padding: 0;
	width: fit-content;
}

.map_result.off .btn_result {
	padding: 20px;
}










/** 차량위치정보 **/
.usepoin01_map_menu.map_menu ul li:nth-child(1).on .icon_box {
	background:#F55A98;
}
.usepoin01_map_menu.map_menu ul li:nth-child(2).on .icon_box {
	background:#00B0F0;
}
.usepoin01_map_menu.map_menu ul li:nth-child(3).on .icon_box {
	background:#0070C0;
}




/* 지도 마커 */
.pin_info {
	/* position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1; */
	margin-top: -15px;
}

.pin_info .pin_info_box {
	background: #fff;
	border-radius: 12px;
	padding: 2rem 1.4rem;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%, -100%);
	column-gap: 18px;
	min-width: 338px;
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.12);
	z-index: 20;
	min-height: 136px;
	display: none;
}

.pin_info.on .pin_info_box {
	display: flex;
	flex-direction: column;
    gap: 10px;
	/* max-width: 200px;
    min-width: 180px;
    min-height: 96px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px; */
}

.pin_info .icon_box.icon_mark {
	width: 32px;
	cursor: pointer;
}

.pin_info .pin_info_box:after {
	content: "";
	position: absolute;
	bottom: -47px;
	left: 50%;
	width: 67px;
	height: 65px;
	/*background: url(../img/pin_info_bg.svg) no-repeat center;*/
	background-size: contain;
	z-index: -1;
}

.pin_info_wrap {
	position: relative;
}

.pin_info_box .img_box {
	width: 100%;
	display: block;
	background-color: #f7f7f7;
}

.pin_info_box .top_group {
	display: flex;
	align-items: center;
	/* justify-content: center;
	column-gap: 4px;
	margin-bottom: 4px;
	font-size: 0.875rem; */
}

.pin_info_box .top_group .icon_box {
	width: 1.125em;
}

.pin_info_box .top_group p {
	/* font-size: 1.4rem; */
	font-weight: 500;
}

.pin_info_box .txt_box {
	width: 100%;
	/* min-width: 136px; */
}

.pin_info_box .txt_box .tit {
	font-size: 1.125rem;
	font-weight: 500;
    word-break: break-all;
    word-wrap: break-word;
    white-space: break-spaces;
    line-height: 1.275em;
    /* text-align: center;
    border: 1px solid var(--gn-use-color-5);
    padding: 7px; */
}

.pin_info_box .txt_box p {
	font-size: 0.875rem;
}

.pin_info_box .txt_box p.color_gray {
	color: #5c5c5c;
	margin-top: 4px;
	margin-bottom: 0;
	word-break: break-all;
    word-wrap: break-word;
    white-space: break-spaces;
}




/* 차량위치정보 지도 마커 */
.poin01_info.pin_info.on .pin_info_box {
	display: flex;
}
.poin01_info.pin_info .pin_info_box {
    min-width: 180px;
    min-height: 96px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.poin01_info.pin_info .pin_info_box .txt_box {
    width: 100%;
    min-width: 136px;
}
.poin01_info.pin_info .pin_info_box .top_group {
    justify-content: center;
    column-gap: 4px;
    margin-bottom: 4px;
    font-size: 0.875rem;
}
.poin01_info.pin_info .pin_info_box .top_group .icon_box {
	width: 1.125em;
}
.poin01_info.pin_info .pin_info_box .txt_box p {
	font-size: 0.875rem;
}
.poin01_info.pin_info .pin_info_box .txt_box .tit {
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--gn-use-color-5);
    padding: 7px;
}

.poin01_info.pin_info .pin_info_box .txt_box .tit {
    text-align: center;
    border: 1px solid var(--gn-use-color-5);
    padding: 7px;
}




/** 종량제 봉투판매소 **/
.usepoin02_map_menu.map_menu ul li:nth-child(1).on .icon_box {
	background:#93C03D;
	border-color: #93C03D;
}
/* .usepoin02_map_menu.map_menu ul li:nth-child(2).on .icon_box {
	background:#2C6AF7;
} */
.usepoin02_map_menu.map_menu ul li:nth-child(2).on .icon_box {
	background:#CE382D;
	border-color: #CE382D;
}
.usepoin02_map_menu.map_menu ul li:nth-child(3).on .icon_box {
	background:#F5AF54;
	border-color: #F5AF54;
}
.usepoin02_map_menu.map_menu ul li:nth-child(4).on .icon_box {
	background:#5ADCDF;
	border-color: #5ADCDF;
}
.usepoin02_map_menu.map_menu ul li:nth-child(5).on .icon_box {
	background:#77A132;
	border-color: #77A132;
}
.usepoin02_map_menu.map_menu ul li:nth-child(6).on .icon_box {
	background:#45AFBE;
	border-color: #45AFBE;
}
.usepoin02_map_menu.map_menu ul li:nth-child(7).on .icon_box {
	background:#3457BE;
	border-color: #3457BE;
}
.usepoin02_map_menu.map_menu ul li.on .icon_box svg {
	opacity: 1;
}
.usepoin02_map_menu.map_menu ul li.on .icon_box svg path {
	fill: #FFFFFF;
}

/* 시설별 위치 지도 마커 */
.poin02_info.pin_info .pin_info_box .top_group {
    display: inline-flex;
    gap: 4px;
    background-color: var(--gn-use-primary-color-1);
    color: #FFFFFF;
    padding: 3px 10px;
    padding-right: 15px;
    border-radius: 60px;
}
.poin02_info.pin_info .pin_info_box {
	width: 1.125em;
}
.poin02_info.pin_info .pin_info_box .txt_box .top_group .icon_box img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.poin02_info.pin_info .pin_info_box .txt_box .top_group p {
	/* font-size: 0.875rem; */
	color: var(--gn-use-color-white);
}
.poin02_info.pin_info .pin_info_box .txt_box .tit {
    font-size: 1.125rem;
    color: var(--gn-use-color-1);
}
.poin02_info.pin_info_box .txt_box p.color_gray {
    margin-bottom: 0px;
}




/**
* 커뮤니티 게시판 
**/
.notice_wrap .table_scroll .board_table_01 .num_box {
	width: 80px;
}
.notice_wrap .table_scroll .board_table_01 .day_box {
	width: 120px;
}



/* 공지 */
.notice_wrap .search_form,
.faq_wrap .search_form {
	display: flex;
	margin-bottom: 32px;
	background: #f1f1f1;
	padding: 16px 20px;
	border-radius: 4px;
	max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.notice_wrap .common_table,
.faq_wrap  .common_table {
	margin-top: 20px;
}

.common_table {
	width: 100%;
}

.common_table .table_box {
	border-bottom: 1px solid var(--gn-use-color-5);
}

.common_table .table_head, 
.common_table .table_box .table_box_row {
	display: grid;
	grid-template-columns: 100px 1fr 150px;
	align-items: center;
}

.common_table .table_head {
	border-top: 2px solid var(--gn-use-color-1);
	font-size: 1rem;
	font-weight: bold;
	background: var(--gn-use-color-5);
}

.common_table .table_head .th {
	font-size: 1rem;
	font-weight: 500;
	color: var(--gn-use-color-2);
	text-align: center;
	line-height: 45px;
}

.common_table .table_box .tit_box {
	text-align: left;
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.common_table .table_box .tit_box p {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1rem;
	width: 100%;
}

.notice_wrap .common_table .table_box .table_box_row {
	grid-template-columns: 100px calc(100% - 250px) 150px;
	align-items: center;
}

.common_table .table_box .table_box_row >div {
	text-align: center;
	font-size: 1rem;
	line-height: 74px;
}

.common_table .num_box {
	font-family: "Roboto", sans-serif;
}

.common_table .table_box .day_box {
	font-family: "Roboto", sans-serif;
}

.btn_more_main button {
	display: block;
	width: 200px;
	text-align: center;
	line-height: 50px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	border-radius: 4px;
	background: var(--gn-use-primary-color-1);
	margin: 70px auto;
}

.application_wrap .common_table .table_head, 
.application_wrap .common_table .table_box .table_box_row {
	grid-template-columns: 80px 100px 100px calc(100% - 630px) 150px 100px 100px;
	align-items: center;
}

.tag_situation {
	width: 64px;
	line-height: 28px;
	background: #5c5c5c;
	border-radius: 4px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.4rem;
}

.common_table .situation_box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.tag_situation.tag_situation02 {
	background: var(--gn-use-primary-color-1);
}

.tag_situation.tag_situation03 {
	background: #51bc00;
}

.tag_situation.tag_situation04 {
	background: #3232af;
}

.process_box span {
	/* font-weight: bold; */
	display: inline-block;
}

.process_box .process1 {
	color: #605957;
	border: 1px solid #605957;
    padding: 0px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
}

.process_box .process2 {
	color: var(--gn-use-primary-color-1);
	border: 1px solid var(--gn-use-primary-color-1);
    padding: 0px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
}

.process_box .process4 {
	color: #51bc00;
	border: 1px solid #51bc00;
    padding: 0px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
}

.application_wrap .pc_none {
	display: none;
}

.agree_box .tit {
	/* background: var(--gn-use-primary-color-1);
	color: #fff;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 38px; */
}

.agree_box .txt {
	height: 140px;
	/* background: #faeee1;
	border: 1px solid var(--gn-use-primary-color-1); 
	padding: 20px;*/
	padding-right: 20px;
	overflow: auto;
}

.agree_box .txt p {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 6px;
}

.agree_box .txt span {
	display: inline-block;
	font-size: 1rem;
	margin-bottom: 20px;
	line-height: 1.45;
}

.application_wrap .agree_box {
	margin-bottom: 16px;
}

.application_wrap .agree_check {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.agree_check14 ul label, 
.application_wrap .agree_check label {
	display: flex;
	align-items: center;
	column-gap: 6px;
}

.agree_check14 {
	/* margin-top: 36px; */
}


.agree_check14 ul label span, 
.application_wrap .agree_check label span {
	display: inline-block;
	font-size: 1rem;
}

.agree_check14 .tit {
	font-size: 1.143rem;
	font-weight: bold;
	margin-bottom: 12px;
}

.agree_check14 .flex_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.agree_check14 .flex_box > * {
	margin-right: 20px;
}

.agree_check14 .flex_box p {
	font-size: 1rem;
	color: var(--gn-use-color-1);
}

.agree_check14 ul {
	display: flex;
	align-items: center;
	column-gap: 16px;
}

.application_wrap .tel_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 10px;
	margin-top: 70px;
}

.application_wrap .tel_box p {
	font-size: 1rem;
	font-weight: bold;
}

.application_wrap .top_group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}

.application_wrap .top_group p {
	font-size: 2.6rem;
}

.form_app {
	margin-top: 70px;
}

.form_app .commform_box select {
	width: 200px;
	height: 42px;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
}

.form_app .commform_box input {
	width: 100%;
	max-width: 600px;
	height: 40px;
	border: 1px solid #c9c9c9;
	padding: 0 14px;
	font-size: 1rem;
	line-height: 40px;
	border-radius: 2px;
}
.form_app .commform_box input[type="text"],
.form_app .commform_box input[type="tel"] {
	max-width: 660px;
}
.form_app .commform_box input.input_date {
	margin-right: 0;
}
.form_app .commform_box input[type="date"] {
	max-width: 200px;
}

.form_app .commform_box+.commform_box {
	/* margin-top: 20px; */
}
.form_app .commform_box+.commform_box input {
	margin-bottom: 2px;
}


.form_app .commform_box.disposal_dt span {
	line-height: 110px;
}
.form_app .commform_box.disposal_loc_detail .address_box span {
	line-height: 90px;
}
.form_app .commform_box .address_box {
	position: relative;
	width: 100%;
	max-width: 660px;
	border: none;
}

.form_app .commform_box .address_box input {
	padding-left: 14px;
	padding-right: 14px;
	width: calc(100% - 100px);
	max-width: 660px;
}

.form_app .commform_box .address_box.add_detail input {
	width: 100%;
}



.form_app .commform_box .address_box button {
	position: absolute;
	right: 1px;
	top: 20px;
	transform: translateY(-50%);
	background: var(--gn-use-primary-color-1);
	z-index: 10;
}
.form_app .commform_box.textarea_box textarea {
	max-width: 100%;
    border-radius: 2px;
    font-size: 1rem;
    margin-left: 0;
}

.common_flex+.common_flex {
	margin-top: 80px;
}

.dispose_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}

.dispose_box p {
	font-size: 1.143rem;
	font-weight: bold;
}

.dispose_table_box {
	display: grid;
	grid-template-columns: 180px 150px 150px 150px 100px 100px;
}

.dispose_table_box.dispose_tableth {
	line-height: 38px;
	font-weight: bold;
	background: var(--gn-use-color-5);
	border-bottom: none;
}

.dispose_table_box>div {
	text-align: center;
	font-size: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 6px;
}

.dispose_table_box>div p {
	text-align: center;
	font-size: 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dispose_table_box.dispose_tableth div {
	font-weight: 500;
	color: var(--gn-use-color-1);
}

.dispose_table_box.dispose_tableth>div+div {
	border-left: 1px solid #faf1e8;
}

.dispose_table_box>div+div {
	border-left: 1px solid var(--gn-use-color-5);
}

.dispose_table_box {
	border-bottom: 1px solid var(--gn-use-color-5);
	border-left: 1px solid var(--gn-use-color-5);
	border-right: 1px solid var(--gn-use-color-5);
}

.dispose_table_box>div {
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dispose_table_box>div .th {
	display: none;
}

.dispose_table_box>div.tal {
	text-align: left;
	padding: 0 10px;
	justify-content: flex-start;
}

.dispose_table_box .btn_delet {
	width: 50px;
    line-height: 24px;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    font-size: 0.75rem;
    font-weight: 400;
}

.application_wrap .pay_box .flex_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.application_wrap .pay_box .flex_box .price.tit,
.application_wrap .pay_box .flex_box .price.num {
	font-size: 2rem;
	font-weight: bold;
	color: var(--gn-use-color-1);
}

.application_wrap .pay_box .left_group p.num {
	font-size: 1.143rem;
	color: var(--gn-use-primary-color-1);
	font-weight: bold;
}

.application_wrap .pay_box .left_group {
	display: flex;
	align-items: center;
	column-gap: 14px;
}

.application_wrap .pay_box .right_group p, 
.application_wrap .pay_box .left_group .tit {
	font-size: 1.143rem;
	font-weight: 500;
}

.application_wrap .pay_box .right_group {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

.application_wrap .pay_box .right_group select {
	min-width: 130px;
	height: 40px;
	border-radius: 4px;
	font-size: 1rem;
}

.application_wrap .pay_box .right_group .btn_main a {
	background: var(--gn-use-primary-color-1);
	line-height: 40px;
	/* font-size: 1.8rem; */
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 100px;
	text-align: center;
	border-radius: 4px;
}

.btn_delet {
	width: 90px;
	line-height: 38px;
	border: 1px solid var(--gn-use-color-5);
	border-radius: 4px;
	/* font-size: 1.4rem; */
	font-weight: 500;
}

.application_wrap .pay_box>.txt {
	font-size: 0.875rem;
	color: var(--primary-color-3);
	text-align: right;
	margin-top: 10px;
}

.modal_sub02_box .tit {
	background: var(--primary-color-3);
	line-height: 38px;
	text-align: center;
	font-size: 1.125rem;
	font-weight: bold;
	color: #fff;
}

.modal_sub02_box+.modal_sub02_box {
	margin-top: 32px;
}

.modal_sub02_box .txt {
	border-left: 1px solid var(--primary-color-3);
	border-right: 1px solid var(--primary-color-3);
	border-bottom: 1px solid var(--primary-color-3);
	line-height: 1.35;
	font-size: 0.875rem;
	padding: 1.6rem;
}

.modal_wrap .btn_txt a {
	display: inline-block;
	font-size: 1rem;
	color: var(--primary-color-3);
	border-bottom: 1px solid var(--primary-color-3);
	padding: 0 4px;
}

.modal_sub02 .btn_txt {
	margin-top: 20px;
	display: flex;
	justify-content: end;
	margin-bottom: 20px;
}

.modal_wrap .btn_main button {
	width: 100%;
	height: 48px;
	background: var(--gn-use-primary-color-1);
	border-radius: 2px;
	font-size: 1.143rem;
	font-weight: 500;
	color: #fff;
}

.agree_box02 {
	margin-top: 32px;
}

.agree_box ul {
	flex-direction: column;
	row-gap: 10px;
	align-items: flex-start;
	margin-top: 16px;
}

.agree_box.agree_box02 .txt span {
	margin-bottom: 4px;
}

.agree_box.agree_box02 .txt {
	height: fit-content;
}

.agree_box02 .btn_main {
	margin-top: 32px;
}

.agree_box02 {
	display: none;
}

.agree_box02.on {
	display: block;
}

/*신청 조회 */
.commform_box .info {
	font-size: 1rem;
}

.appcheck_wrap .form_app {
	padding-top: 0 !important;
}

.application_wrap .form_app {
	border-top: 2px solid var(--gn-use-primary-color-1);
}

.appcheck_wrap .form_app {
	border-top: none;
}

.appcheck_wrap .form_app .commform_box:first-child, 
.appcheck_wrap .form_app .red_txt+.commform_box {
	border-top: 2px solid var(--gn-use-primary-color-1);
}

.appcheck_wrap .tag_situation {
	margin-bottom: 20px;
	width: 90px;
	line-height: 38px;
	border-radius: 4px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.6rem;
}

.appcheck_wrap .dispose_table_box {
	grid-template-columns: 200px calc(100% - 650px) 200px 150px 100px;
}

.appcheck_wrap .pay_box {
	margin-top: 32px;
}

.appcheck_wrap .pay_box .flex_box {
	justify-content: end;
}

.process_list .process_wrap {
	background: #f1f1f1;
	padding: 20px;
	border-radius: 8px;
}

.process_list .process_wrap .top_group {
	border-bottom: 1px solid var(--primary-color-3);
	padding-bottom: 4px;
	margin-bottom: 0;
}

.process_list .process_wrap .top_group .tit {
	font-weight: bold;
	font-size: 1.6rem;
}

.process_list .process_wrap .top_group .day {
	font-size: 1.6rem;
	font-family: "Roboto", sans-serif;
	color: var(--primary-color-3);
}

.process_list .process_wrap .txt {
	padding-top: 10px;
}

.process_list .process_wrap .txt p {
	line-height: 1.3;
	font-size: 1.6rem;
}

.process_list .process_wrap+.process_wrap {
	margin-top: 20px;
}

.process_list .process_wrap .img_list {
	border-top: 1px solid var(--primary-color-3);
	margin-top: 20px;
	padding-top: 20px;
}

.process_list .process_wrap .img_list ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 12px;
	row-gap: 20px;
}

.process_list .process_wrap .img_list li {
	width: calc(( 100% - 48px)/5);
}

.process_list .process_wrap .img_list .img_box {
	width: 100%;
	display: block;
}

.btn_border {
	width: 200px;
	margin: 70px auto;
}

.btn_border a {
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 1rem;
	font-weight: bold;
	border-radius: 4px;
	background: #fff;
	border: 1px solid var(--gn-use-color-5);
}

.pay_table {
	border: 1px solid var(--gn-use-color-5);
	margin-top: 32px;
	margin-bottom: 16px;
}

.pay_table .tr {
	display: grid;
	grid-template-columns: 120px calc(100% - 120px);
}

.pay_table .tr+.tr {
	border-top: 1px solid var(--gn-use-color-5);
}

.pay_table .th {
	font-weight: 500;
	font-size: 1.8rem;
	background: var(--primary-color-4);
	text-align: center;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pay_table .td {
	font-size: 1.6rem;
	line-height: 1.35;
	padding: 4px 10px;
	display: flex;
	align-items: center;
	min-height: 40px;
}

.pay_table_txt {
	font-size: 0.875rem;
	color: var(--primary-color-3);
	text-align: right;
}

.form_app .red_txt {
	font-size: 1.6rem;
	margin-bottom: 16px;
	line-height: 1.35;
	font-weight: 500;
	color: #ff0000;
}



/* 안내 */
.method_list ul {
	display: flex;
	column-gap: 20px;
	row-gap: 32px;
}

.method_list li {
	width: calc(( 100% - 40px)/3);
	border-radius: 4px;
	border: 1px solid var(--gn-use-primary-color-1);
	background: #fff;
	padding: 20px 16px;
}

.method_list li:nth-child(2) {
	background: var(--gn-use-primary-color-3);
}

.method_list li .tit {
	font-size: 1.25rem;
	color: var(--gn-use-color-1);
	font-weight: bold;
	text-align: center;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--gn-use-primary-color-1);
	margin-bottom: 12px;
}

.method_list li .txt {
	font-size: 1.125rem;
	text-align: center;
	line-height: 1.45;
}

.btn_main_s .icon_box {
	width: 16px;
}

.btn_main_s.btn_icon button {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 6px;
	width: fit-content;
	padding: 5px 20px;
	color: var(--gn-use-color-white);
}

.btn_main_s.btn_icon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

.sub02guid_list ul li:last-child .txt {
	padding-top: 15px;
}

.sub02guid_list ul li .btn_main_s.btn_icon {
	margin-top: 10px;
}

.sub02guid_list_02 ul li {
	width: calc((100% - 20px) / 2);
}
.sub02guid_list_02 li .txt {
    margin-bottom: 10px;
}




.common_flex>.sec_tit.tit_s p {
	font-size: 2.2rem;
}


.comm_table1 {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	border-left: 1px solid var(--gn-use-color-5);
	border-right: 1px solid var(--gn-use-color-5);
	border-bottom: 1px solid var(--gn-use-color-5);
}

.comm_table1 .th {
	font-size: 1rem;
    color: var(--gn-use-color-2);
    font-weight: 500;
    line-height: 38px;
    background: var(--gn-use-color-5);
    text-align: center;
}

.comm_table1 .tr+.tr {
	border-left: 1px solid var(--gn-use-color-5);
}

.comm_table1 .tr .td+.td {
	border-top: 1px solid var(--gn-use-color-5);
}

.comm_table1 .td {
	padding: 16px;
	font-size: 1rem;
}

.comm_table1 .td p {
	font-size: 1rem;
}

.comm_table1 .td .btn_main_s {
	margin-top: 10px;
}





.comm_table2 {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-left: 1px solid var(--gn-use-color-5);
	border-right: 1px solid var(--gn-use-color-5);
	border-bottom: 1px solid var(--gn-use-color-5);
}

.comm_table2 .th {
	font-size: 1rem;
    color: var(--gn-use-color-2);
    font-weight: 500;
    line-height: 38px;
    background: var(--gn-use-color-5);
    text-align: center;
}

.comm_table2 .tr+.tr {
	border-left: 1px solid var(--gn-use-color-5);
}

.comm_table2 .tr .td+.td {
	border-top: 1px solid var(--gn-use-color-5);
}

.comm_table2 .td {
	padding: 16px;
	font-size: 1rem;
}

.comm_table2 .td p {
	font-size: 1rem;
}

.comm_table2 .td .btn_main_s {
	margin-top: 10px;
}

.flex_box.sub02guid01 {
	display: flex;
	justify-content: space-between;
}

.flex_box.sub02guid01 .comm_txt {
	width: calc(100% - 260px);
}

.sub_visual.sub_visual02 {
	background: url(../../images/new/use_sub02_visual.jpg) no-repeat center/cover;
}

.sub02guid .method_list li .txt {
	padding-top: 10px;
}
.sub02guid .method_list li:nth-child(2) .txt {
	/* padding-top: 20px; */
}

.sub02guid .method_list li:nth-child(3) .txt {
	/* padding-top: 32px; */
}

.modal_sub03 .comm_table2 p {
	text-align: center;
}

.modal_sub03 .btn_main {
	margin-top: 42px;
}

.modal_sub05 .search_form, 
.modal_sub04 .search_form {
	background: #f1f1f1;
	padding: 16px 20px;
	border-radius: 4px;
	margin-bottom: 6px;
}

.modal_sub05 .search_form input, 
.modal_sub04 .search_form input {
	width: calc(100% - 88px);
}

.modal_sub05 .search_form_wrap p, 
.modal_sub04 .search_form_wrap p {
	font-size: 1.4rem;
	margin-bottom: 32px;
}

.modal_sub04 .map_wrap {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.modal_sub04 .map_wrap>img {
	width: 100%;
	display: block;
	aspect-ratio: 2/1;
	object-fit: cover;
}

.modal_sub04 span {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.modal_sub04 textarea {
	width: 100%;
	height: 48px;
	border: 1px solid #c9c9c9;
	padding: 4px 14px;
	border-radius: 4px;
	font-size: 1.6rem;
	line-height: 1.3;
	resize: none;
}

.modal_sub04 .textarea_box {
	margin-bottom: 32px;
}

.location_list_box a {
	display: block;
}

.modal_close {
	display: flex;
	justify-content: end;
	margin-top: -10px;
	margin-bottom: 10px;
}

.modal_close button {
	width: 20px;
	display: block;
}

.modal_close button img {
	width: 100%;
	display: block;
}

.address_box {
	width: 100%;
	display: block;
	border: 1px solid var(--gn-use-color-5);
}

.address_box a {
	display: block;
	padding: 16px;
}

.address_box .tit {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.address_box .info_box p {
	font-size: 1.4rem;
	letter-spacing: -0.3px;
	color: #333;
	line-height: 1.35;
}

.address_box .info_box p+p {
	margin-top: 6px;
}

.address_box .info_box .tag {
	font-size: 1.1rem;
	color: #929294;
	border: 1px solid var(--gn-use-color-5);
	padding: 0 4px;
	line-height: 2rem;
	display: inline-block;
	border-radius: 4px;
	letter-spacing: -0.3px;
	margin-right: 3px;
}

.address_list {
	margin-bottom: 32px;
}

.address_list ul {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.sub03guid01 {
	
}

.comm_table2.comm_table3 {
	grid-template-columns: 2fr 1fr 1fr;
	border-bottom: none;
}

.comm_table2.comm_table3 .tac {
	text-align: center !important;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.comm_table2.comm_table3 .td {
	border-bottom: 1px solid var(--gn-use-color-5);
}

.comm_table2.comm_table3 .td+.td {
	border-left: 1px solid var(--gn-use-color-5);
}

.comm_table2.comm_table3 .td.bornone {
	border-left: none !important;
}

.comm_table2.comm_table4 {
	grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
	border-bottom: none;
}

.comm_table2.comm_table4 .tac {
	text-align: center !important;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.comm_table2.comm_table4 .th {
	padding: 2px 4px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sub03guid .comm_table2.comm_table4 .th p {
	font-size: 0.875rem;
	font-weight: 500;
}

.sub03guid .comm_table2.comm_table4 .th p span {
	font-size: 1.4rem;
}

.comm_table2.comm_table4 .td {
	border-bottom: 1px solid var(--gn-use-color-5);
}

.comm_table2.comm_table4 .td+.td {
	border-left: 1px solid var(--gn-use-color-5);
}

.comm_table2.comm_table4 .td.bornone {
	border-left: none !important;
}

.table_scroll::-webkit-scrollbar {
	height: 6px;
}

.table_scroll::-webkit-scrollbar-thumb {
	background-color: #c4c6c8;
	border-radius: 10px;
	background-clip: padding-box;
}

.table_scroll::-webkit-scrollbar-track {
	background-color: #e9ecef;
	border-radius: 10px;
}

.sub03guidtable {
	margin-bottom: 70px;
}

.comm_tit.mt42 {
	margin-top: 42px !important;
}

.is600m {
	display: none;
}

.sub_visual.sub_visual03 {
	background: url(../img/sub03_visual.jpg) no-repeat center/cover;
}

.sub_visual.sub_visual03 .wrap h2 {
	color: #faeee1;
}

.sub_visual.sub_visual03 .site_map ul a {
	color: #faeee1;
}

.sub_visual.sub_visual03 .site_map ul li:last-child a {
	font-weight: 500;
	border-bottom: 1px solid #faeee1;
}

.application_wrap.application03 .common_table .table_head, 
.application_wrap.application03 .common_table .table_box .table_box_row {
	grid-template-columns: 80px 100px 100px calc(100% - 530px) 150px 100px;
	align-items: center;
}

.btn_survey {
	width: 64px;
	line-height: 28px;
	background: #fff;
	border-radius: 4px;
	display: block;
	font-weight: 500;
	text-align: center;
	font-size: 1.4rem;
	border: 1px solid #929294;
}

.btn_survey:disabled {
	background: #929294;
	color: #e3e3e3;
}

.radio_list li {
	display: flex;
	align-items: center;
	column-gap: 6px;
}

.radio_list li span {
	display: block;
	font-size: 1.4rem;
}

.radio_list {
	margin-top: 10px;
}

.radio_list li+li {
	margin-top: 12px;
}

.modal_radio_box p {
	font-size: 1.6rem;
	font-weight: 500;
}

.modal_radio_box+.modal_radio_box {
	margin-top: 20px;
}

.modal_wrap .modal_form {
	max-height: 350px;
	overflow-y: scroll;
}

.modal_wrap .btn_list2 ul {
	display: flex;
	align-items: center;
	column-gap: 16px;
	margin-top: 32px;
}

.btn_list2 li {
	width: calc(( 100% - 16px)/2);
}

.btn_gray button {
	width: 100%;
	height: 48px;
	background: #fff;
	border: 1px solid var(--gn-use-primary-color-1);
	border-radius: 4px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1a1a1a;
}

.application03_wrap.application_wrap .pay_box .flex_box {
	justify-content: center;
}

.application03_wrap .pay_box .txt {
	margin-top: 30px;
}

/* faq */
.faq_titpg {
	font-size: 1.5rem;
	font-weight: 9600;
	text-align: center;
	position: relative;
	padding: 0 2px;
	width: fit-content;
	margin: 0 auto 32px;
}

.faq_wrap .common_table .table_head, 
.faq_wrap .common_table .table_box .q_box {
	display: grid;
	grid-template-columns: 100px calc(100% - 100px);
}

.faq_wrap .common_table .table_box .tit_box p {
	text-align: left;
	overflow: initial;
	text-overflow: initial;
	white-space: initial;
	font-size: 1.6rem;
	width: 100%;
	line-height: 1.4;
}

.faq_wrap .common_table .table_box .tit_box {
	padding: 10px;
}

.faq_wrap .common_table .num_box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq_wrap .q_tag {
	font-weight: bold;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    background: var(--gn-use-primary-color-1);
    text-align: center;
    color: #fff;
    border-radius: 32px;
    /* font-family: "Roboto", sans-serif; */
    margin-right: 10px;
    font-size: 0.815rem;
}

.faq_wrap .a_tag {
	font-weight: bold;
	display: inline-block;
	width: 20px;
    line-height: 20px;
	background: var(--primary-color-3);
	text-align: center;
	color: #fff;
	border-radius: 32px;
    /* font-family: "Roboto", sans-serif; */
    margin-right: 10px;
    font-size: 0.815rem;
}

.faq_wrap .common_table .table_box .num_box {
	text-align: center;
	font-size: 1.6rem;
	line-height: 74px;
}

.faq_wrap .common_table .table_box .a_box {
	padding: 10px 10px 10px 110px;
	display: none;
}

.faq_wrap .common_table .table_box .a_box p {
	text-align: left;
	overflow: initial;
	text-overflow: initial;
	white-space: initial;
	font-size: 1.6rem;
	width: 100%;
	line-height: 1.4;
}

.faq_wrap .common_table .table_box.on .a_box {
	display: block;
}

.faq_wrap .search_form {
	margin-bottom: 32px;
	background: #f1f1f1;
	padding: 16px 20px;
	border-radius: 4px;
}

.faq_wrap .common_table {
	margin-top: 20px;
}

/* 사이트맵 */
.site_map_list {
	display: flex;
	column-gap: 16px;
	row-gap: 70px;
	flex-wrap: wrap;
}

.site_map_box {
	width: calc(( 100% - 32px)/3);
}

.site_map_box p {
	font-size: 1.8rem;
	border: 1px solid var(--gn-use-color-5);
	font-weight: bold;
	padding: 0 20px;
	line-height: 48px;
	margin-bottom: 16px;
}

.site_map_box ul {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

.site_map_box li {
	padding-left: 20px;
	position: relative;
}

.site_map_box li a {
	display: block;
	font-size: 1.6rem;
}

.site_map_box li::after {
	content: "";
	background: var(--gn-use-primary-color-1);
	width: 4px;
	height: 4px;
	border-radius: 5px;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

/* 로그인 */
.logoin_wrap .txt {
	font-size: 1.6rem;
	text-align: center;
}

.sns_login {
	max-width: 340px;
	width: 100%;
	margin: 70px auto 46px;
}

.sns_login li+li {
	margin-top: 16px;
}

.sns_login li a {
	display: flex;
	align-items: center;
	padding-left: 20px;
	height: 64px;
	width: 100%;
	border-radius: 4px;
}

.sns_login li a span {
	font-size: 1.6rem;
	font-weight: bold;
	width: calc(100% - 50px);
	display: block;
	text-align: center;
}

.sns_login li a .icon_box {
	width: 50px;
	position: relative;
}

.btn_googole a {
	border: 1px solid var(--gn-use-color-5);
}

.btn_kakao a {
	background: #ffe812;
}

.btn_naver a {
	background: #03c75a;
}

.btn_naver span {
	color: #fff;
}

.sns_login li .icon_box::after {
	content: "";
	display: block;
	background: #fff;
	width: 1px;
	height: 60%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -10px;
	opacity: 0.4;
}

.sns_login li.btn_googole .icon_box::after {
	background: var(--gn-use-color-5);
}

.login_box2 {
	max-width: 340px;
	width: 100%;
	margin: 0 auto;
}

.phone_login a {
	border: 1px solid var(--gn-use-color-5);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	width: 100%;
	border-radius: 4px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #898989;
}

.login_box2 .login_txt {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 500;
	color: #999;
	display: block;
	margin-bottom: 46px;
	position: relative;
}

.login_box2 .login_txt::after {
	content: "";
	display: block;
	background: #898989;
	width: 110px;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	opacity: 0.2;
}

.login_box2 .login_txt::before {
	content: "";
	display: block;
	background: #898989;
	width: 110px;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	opacity: 0.2;
}

/*  내정보*/
.myinfo_list.method_list {
	margin-top: 32px;
}

.myinfo_list.method_list ul li:nth-child(1) .txt, 
.myinfo_list.method_list ul li:nth-child(3) .txt {
	padding-top: 15px;
}

.form_app.mt0 {
	margin-top: 0 !important;
}

.address_box p {
	font-size: 1.6rem;
}

.common_flex_wrap .info_phone_txt {
	background: #faeee1;
	border: 1px solid var(--gn-use-primary-color-1);
	padding: 20px;
	margin-top: 20px;
}

.common_flex_wrap .info_phone_txt p {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.4;
}

.common_flex_wrap .info_phone_txt li {
	position: relative;
	padding-left: 12px;
}

.common_flex_wrap .info_phone_txt li::after {
	content: "";
	display: block;
	background: var(--gn-use-primary-color-1);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 9px;
}

.common_flex_wrap .info_phone_txt li+li {
	margin-top: 12px;
}

.keyword_box ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 12px;
	row-gap: 16px;
	width: 100%;
	max-width: 600px;
	padding: 16px 0;
}

.keyword_wrap.commform_box span {
	background: #fff;
}

.keyword_form .btn_main {
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.keyword_form .btn_main a {
	width: 100px;
}

.search_pg {
	margin-top: 70px;
}

.search_pg .search_form {
	margin-bottom: 32px;
	background: #f1f1f1;
	padding: 16px 20px;
	border-radius: 4px;
}

.search_pg .search_form .tit {
	
}

.search_pg .search_form input {
	width: 600px;
}

.search_pg .search_form form {
	justify-content: center;
}

.search_results .tit {
	font-size: 1.143rem;
	color: #898989;
	padding-bottom: 32px;
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
}

.search_results .tit span {
	font-size: 2.2rem;
	color: var(--gn-use-primary-color-1);
}

.search_results_box .sec_tit {
	font-weight: bold;
	font-size: 1.125rem;
	margin-bottom: 32px;
}

.search_results_box .flex_box {
	margin-bottom: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.search_results_box .flex_box .sec_tit {
	margin-bottom: 0;
}

.search_results_box .sec_tit span {
	color: var(--gn-use-primary-color-1);
	font-weight: bold;
}

.search_results_list span {
	color: var(--gn-use-primary-color-1);
}

.search_results_list a {
	font-size: 1.6rem;
}

.search_results_list li+li {
	margin-top: 16px;
}

.search_results_box+.search_results_box {
	margin-top: 35px;
}

.search_results_box {
	padding-bottom: 35px;
	border-bottom: 1px dashed #dadada;
}

.search_results_list li {
	position: relative;
	padding-left: 12px;
}

.search_results_list li::after {
	content: "";
	display: block;
	background: var(--gn-use-primary-color-1);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 10px;
}

.search_results_box .btn_more a {
	display: flex;
	align-items: center;
	height: 35px;
	column-gap: 5px;
	padding-left: 20px;
	padding-right: 12px;
	border: 1px solid #b4b4b4;
	border-radius: 35px;
	background: #fff;
	width: fit-content;
}

.search_results_box .btn_more .icon_box {
	width: 15px;
}

.search_results_box .btn_more a span {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 2px;
}

.search_results_box .day {
	color: #898989;
	font-size: 1.6rem;
}

.search_results_box .path {
	font-size: 1.4rem;
	color: var(--gn-use-primary-color-1);
	margin-top: 6px;
}

.search_results_box .path .icon {
	width: 12px;
	display: inline-block;
}

.search_results_box .path .icon img {
	width: 100%;
	display: block;
}

.search_results_box .flex_results a {
	display: flex;
	justify-content: space-between;
}

.search_results_box .flex_results p {
	width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.3;
}

.sub_visual.sub_visual04 {
	background: url(../../images/new/sub03_top_visual_img.jpg) no-repeat center/cover;
}

.sub04guid01 .btn_main_s {
	margin-top: 20px;
}

.sub04guid02_list {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	column-gap: 20px;
}

.sub04guid02_list .conts ul {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 16px;
}

.sub04guid02_box {
	border: 1px solid var(--gn-use-primary-color-1);
	padding: 16px;
	border-radius: 12px;
	background: #fcf1ec;
}

.sub04guid02_box .tit_box {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--gn-use-primary-color-1);
	margin-bottom: 20px;
}

.sub04guid02_list .conts ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 10px;
	position: relative;
}

.sub04guid02_list .conts ul li span {
	font-size: 1.3rem;
	font-weight: 500;
	display: block;
}

.sub04guid02_list .conts ul li img {
	width: 100px;
	display: block;
	border-radius: 50px;
	position: relative;
	border: 1px solid #f1f1f1;
}

.sub04guid02 .sub04_tab_menu {
	width: 100%;
	margin-top: 52px;
}

.sub04guid02 .sub04_tab_menu li {
	width: 50%;
	border: 1px solid var(--gn-use-primary-color-1);
}

.sub04_tab_menu ul {
	display: flex;
	align-items: center;
	border-radius: 8px;
}

.sub04_tab_menu li a {
	line-height: 48px;
	display: block;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 500;
	color: #898989;
}

.sub04_tab_menu li.on a {
	background: var(--gn-use-primary-color-1);
	color: #fff;
}

.trash_day {
	margin-top: 16px;
}

.trash_day li {
	display: flex;
	flex-direction: column;
}

.trash_day li img {
	width: 100px;
	border-radius: 100px;
	border: 1px solid #f1f1f1;
	margin-bottom: 16px;
}

.trash_day .day {
	background: var(--primary-color-4);
	padding: 0 12px;
	border-radius: 30px;
	width: fit-content;
	text-align: center;
	margin-bottom: 20px;
	line-height: 32px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	min-width: 150px;
}

.trash_day {
	width: calc(( 100% - 16px)/2);
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	border: 1px solid var(--gn-use-color-5);
	padding: 20px 10px;
}

.trash_day ul {
	display: flex;
	width: 100%;
	column-gap: 16px;
}

.trash_day li {
	width: calc(( 100% - 16px)/2);
	align-items: center;
	justify-content: center;
}

.trash_day li .info {
	text-align: center;
}

.trash_day li .info p {
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--gn-use-primary-color-1);
	margin-bottom: 6px;
	margin-bottom: 0;
}

.trash_day li .info span {
	font-size: 1.3rem;
}

.trash_day li span {
	font-size: 0.875rem;
	font-weight: 500;
	color: #101010;
	margin-bottom: 6px;
}

.tab_list {
	display: flex;
	justify-content: space-between;
}

.trash_day02.trash_day li {
	width: 100%;
}

.sub04_tab_conts .tab_conts:nth-child(2) .trash_day {
	width: 100%;
	display: flex;
	flex-direction: row;
	column-gap: 10px;
}

.sub04_tab_conts .tab_conts:nth-child(2) .trash_day .txt_box {
	width: calc(50% - 12px);
}

.sub04_tab_conts .tab_conts:nth-child(2) .trash_day .txt_box p {
	font-size: 1.6rem;
	font-weight: 500;
}

.sub04_tab_conts .tab_conts:nth-child(2) .trash_day .txt_box p .color_main {
	color: var(--gn-use-primary-color-1);
}

.sub04_tab_conts .tab_conts:nth-child(2) .trash_day .txt_box p .fz13 {
	font-size: 1.3rem;
	letter-spacing: -0.3px;
}

.sub04_tab_conts .tab_conts:nth-child(2) .trash_day ul {
	width: 50%;
}

.sub04_tab_conts .tab_conts {
	display: none;
}

.sub04_tab_conts .tab_conts:first-child {
	display: block;
}

.sub04guid_menu>ul {
	display: flex;
	column-gap: 20px;
	row-gap: 32px;
	flex-wrap: wrap;
}

.sub04guid_menu>ul>li {
	width: calc(( 100% - 40px)/3);
	position: relative;
}

.sub04guid_menu>ul>li button {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-color-4);
	text-align: center;
	line-height: 1.4;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	aspect-ratio: 2/1;
	border-radius: 10px;
}

.sub04guid_menu>ul>li.on button {
	background: var(--gn-use-primary-color-1);
	color: #fff;
}

.sub04guid_menu>ul>li .conts {
	/* position: absolute;
  left: 0;
  transform: translateY(100%);
  bottom: -20px; */
	transform: translateY(20px);
	width: calc(300% + 40px);
	background: #fff;
	padding: 20px;
	border: 1px solid var(--gn-use-color-5);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	display: none;
	z-index: 40;
}

.sub04guid_menu>ul>li.on .conts {
	display: block;
	margin-bottom: 20px;
}

.sub04guid_conts_1 .tit, 
.sub04guid_cont02sub .tit {
	font-size: 0.875rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.sub04guid_cont02sub li p {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
	position: relative;
}

.sub04guid_cont02sub li {
	position: relative;
	padding-left: 10px;
}

.sub04guid_cont02sub li::after {
	content: "";
	display: block;
	background: var(--gn-use-primary-color-1);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 9px;
}

.sub04guid_menu>ul>li:nth-child(5) .conts, 
.sub04guid_menu>ul>li:nth-child(8) .conts, 
.sub04guid_menu>ul>li:nth-child(2) .conts {
	transform: translate(-34%, 20px);
}

.sub04guid_menu>ul>li:nth-child(3n) .conts {
	transform: translate(-68%, 20px);
}

.sub04guid_cont02sub li+li {
	margin-top: 8px;
}

.sub04guid_cont02sub+.sub04guid_cont02sub {
	margin-top: 32px;
}

.sub04guid_conts_1 .guid_list01 ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 24px;
}

.sub04guid_conts_1 .guid_list01 ul li {
	width: calc(( 100% - 32px)/3);
	display: flex;
	align-items: center;
	flex-direction: column;
}

.sub04guid_conts_1 .guid_list01 ul li img {
	width: 100px;
	display: block;
	margin-bottom: 16px;
	border-radius: 100px;
	border: 1px solid #f1f1f1;
}

.sub04guid_conts_1 .guid_list01 {
	margin-top: 20px;
	margin-bottom: 32px;
}

.sub04guid_conts_1 .guid_list01 ul li span {
	font-size: 0.875rem;
	display: block;
	font-weight: 600;
	text-align: center;
	color: var(--gn-use-primary-color-1);
	margin-bottom: 6px;
}

.sub04guid_conts_1 .guid_list01 ul li p {
	font-size: 0.875rem;
	text-align: center;
	line-height: 1.25rem;
}

.sub04guid_conts_4 .comm_table2 {
	grid-template-columns: 1fr;
	margin-top: 32px;
}

.sub04guid_conts_4 .comm_table2 .th {
	font-size: 0.875rem;
	font-weight: 500;
}

.sub04guid_conts_4 .comm_table2 .td ul {
	display: flex;
	row-gap: 16px;
	column-gap: 25px;
	flex-wrap: wrap;
}

.sub04guid_conts_4 .comm_table2 .td li {
	font-size: 1.4rem;
	position: relative;
	padding-left: 12px;
}

.sub04guid_conts_4 .comm_table2 .td li::after {
	content: "";
	display: block;
	background: var(--primary-color-3);
	width: 4px;
	height: 4px;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 8px;
}

.sub04guid_conts_4 .emphasis_txt {
	color: #fff;
	background: var(--gn-use-primary-color-1);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 50px;
	width: fit-content;
	margin-top: 12px;
	margin-left: 10px;
	text-align: center;
}

.sub04guid_conts_9 .comm_table2 {}
.sub04guid_conts_9 .comm_table2 .tr .td .guid_cont ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.sub04guid_conts_9 .comm_table2 .tr .td .guid_cont ul li {
	width: calc(50% - 10px);
	margin-bottom: 10px;
	text-align: center;
}
.sub04guid_conts_9 .comm_table2 .tr .td .guid_cont ul li img {
	width: 100%;
}
.sub04guid_conts_9 .comm_table2 .tr .td .guid_cont > div {
	height: 60px;
	padding: 5px;
	background-color: #217A2B;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}







.sub04guid_conts09 .comm_table2 {
	grid-template-columns: 1fr;
	width: 100%;
	margin-bottom: 20px;
}

.sub04guid_conts09 .comm_table2 .tr {
	display: grid;
	grid-template-columns: 1fr 3fr;
}

.sub04guid03 .comm_table2 .tr+.tr, 
.sub04guid_conts09 .comm_table2 .tr+.tr {
	border-left: none;
	border-bottom: 1px solid var(--gn-use-color-5);
}

.sub04guid03 .comm_table2 .tr .td+.td, 
.sub04guid_conts09 .comm_table2 .tr .td+.td {
	border-left: 1px solid var(--gn-use-color-5);
	border-bottom: none;
	border-top: none;
}

.sub04guid_conts09 .comm_table2 .tr .td {
	font-weight: 500;
}

/* 청소대행업체 현황, 강남 환경자원센터 */
.sub04guid05_wrap .comm_table2, 
.sub04guid03_02 .comm_table2, 
.sub04guid03 .comm_table2 {
	grid-template-columns: 1fr;
}

.sub04guid03 .comm_table2 .tr {
	display: grid;
	grid-template-columns: 1fr 2.5fr 3.5fr;
}

.sub04guid03 .comm_table2 .tr.tr2 {
	grid-template-columns: 1fr;
}

.sub04guid03 .comm_table2 .td {
	display: flex;
	align-items: center;
	height: 100%;
}

.sub04guid03 .comm_table2 .td.center {
	text-align: center;
	justify-content: center;
}

.sub04guid03 .comm_table2 .td.center span {
	font-size: 1.4rem;
	color: #898989;
}

.sub04guid03 .comm_table2 .td ul li {
	position: relative;
	padding-left: 12px;
}

.sub04guid03 .comm_table2 .td ul li::after {
	content: "";
	width: 6px;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	top: 9px;
}

.sub04guid03 .comm_table2 {
	border-bottom: none;
}

.sub04guid03_02 .comm_table2 .tr {
	display: grid;
	grid-template-columns: 1fr 1fr 2fr 2fr 2fr;
}

.sub04guid05_wrap .comm_table2 .tr .td, 
.sub04guid03_02 .comm_table2 .tr .td {
	display: flex;
	align-items: center;
	height: 100%;
	border-top: 1px solid var(--gn-use-color-5);
}

.sub04guid05_wrap .comm_table2 .tr .td p, 
.sub04guid03_02 .comm_table2 .tr .td p {
	width: 100%;
	display: block;
	text-align: center;
}

.sub04guid05_wrap .comm_table2 .tr .td.tal p, 
.sub04guid03_02 .comm_table2 .tr .td.tal p {
	text-align: left;
}

.sub04guid05_wrap .comm_table2 .tr+.tr, 
.sub04guid03_02 .comm_table2 .tr+.tr {
	border-left: none;
}

.sub04guid03_02 .comm_table2 .tr:nth-child(2) .td:nth-child(1) {
	grid-row: span 2;
}

.sub04guid05_wrap .comm_table2 .tr .td+.td, 
.sub04guid03_02 .comm_table2 .tr .td+.td {
	border-left: 1px solid var(--gn-use-color-5);
	border-bottom: none;
}

.sub04guid03_02 .comm_table2 .tr:nth-child(3) .td:nth-child(1) {
	grid-row: span 7;
}

.sub04guid03_02 .comm_table2 .tr:nth-child(4) .td:nth-child(1) {
	grid-column: span 2;
}

.sub04guid05_wrap .info_list li+li {
	margin-top: 16px;
}

.sub04guid05_wrap .info_list li {
	position: relative;
	padding-left: 12px;
}

.sub04guid05_wrap .info_list li::after {
	content: "";
	width: 6px;
	height: 2px;
	background: var(--gn-use-primary-color-1);
	position: absolute;
	left: 0;
	top: 10px;
}

.sub04guid05_wrap .info_list li p {
	font-size: 1.6rem;
}

.sub04guid05_wrap .comm_table2 .tr {
	display: grid;
	grid-template-columns: 1fr 2fr 2fr 2.5fr 2.5fr;
}

.sub04guid05_wrap .comm_table2 .tal p {
	font-size: 0.875rem;
}

.sub04guid05_wrap .comm_table2.table3 .tr {
	display: grid;
	grid-template-columns: 1fr 2fr 2fr 2fr;
}

.sub04guid05_wrap .comm_table2 .tr .th {
	font-size: 1.4rem;
}

.notice_conts .top_group {
	padding: 4px 10px 10px;
	border-bottom: 1px solid var(--gn-use-color-5);
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.notice_conts .top_group .tit {
	font-size: 1.25rem;
    font-weight: 500;
    width: calc(100% - 80px);
}

.notice_conts .top_group .day_box p {
	font-size: 0.875rem;
    color: var(--gn-use-color-4);
}

.notice_conts .conts {
	padding: 32px 10px;
	border-bottom: 1px solid var(--gn-use-color-5);
}

.notice_conts .conts p {
	font-size: 1rem;
    line-height: 1.25em;
}
.notice_conts .conts img {
	width: 100%;
}

.file_wrap {
	background: #f1f1f1;
	padding: 10px 16px;
}

.file_wrap li+li {
	margin-top: 12px;
}

.file_wrap li a {
	display: flex;
	align-items: center;
	column-gap: 4px;
}

.file_wrap li a span {
	font-size: 1.4rem;
	font-weight: 500;
	display: block;
}

.file_wrap li a .icon_box {
	width: 18px;
	display: block;
}

.file_wrap li a .icon_box img {
	width: 100%;
	display: block;
}

.sub04guid05_wrap .img_box {
	width: 100%;
	display: block;
}

.sub04guid05_wrap .img_box {
	margin-bottom: 42px;
}

.sub04guid05_wrap .img_box img {
	width: 100%;
	display: block;
}

/* 배출품목 추가 팝업 */
.charge_modal.modal_wrap {
	max-width: 500px;
	overflow-y: scroll;
	height: 100%;
	max-height: 657px;
}
.charge_modal.modal_wrap .item_search_box {
	width: 90%;
    max-width: 240px;
    margin: 0 auto;
    height: 30px;
    margin-bottom: 15px;
    position: relative;
}
.charge_modal.modal_wrap .item_search_box input[name="productText"] {
	width: 100%;
    border-radius: 0;
    border: 1px solid #cccccc;
    height: 30px;
    padding: 5px 10px;
    padding-right: 30px;
}
.charge_modal.modal_wrap .item_search_box::after {
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    /* background-color: #EEEEEE; */
    position: absolute;
    z-index: 1;
    top: calc(50% - 10px);
    right: 5px;
	/* background: #eeeeee url("") no-repeat center center / curver; */
	
	-webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="icon_search"><path id="icon/action/search_24px" fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="%232A2F3A"/></g></svg>') no-repeat center;
	mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="icon_search"><path id="icon/action/search_24px" fill-rule="evenodd" clip-rule="evenodd" d="M14.965 14.255H15.755L20.745 19.255L19.255 20.745L14.255 15.755V14.965L13.985 14.685C12.845 15.665 11.365 16.255 9.755 16.255C6.165 16.255 3.255 13.345 3.255 9.755C3.255 6.165 6.165 3.255 9.755 3.255C13.345 3.255 16.255 6.165 16.255 9.755C16.255 11.365 15.665 12.845 14.685 13.985L14.965 14.255ZM5.255 9.755C5.255 12.245 7.26501 14.255 9.755 14.255C12.245 14.255 14.255 12.245 14.255 9.755C14.255 7.26501 12.245 5.255 9.755 5.255C7.26501 5.255 5.255 7.26501 5.255 9.755Z" fill="%232A2F3A"/></g></svg>') no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: #666666;
}




.charge_table {
	/* height: 450px; */
	height: calc(100% - 162px);
	overflow-y: scroll;
	margin-bottom: 20px;
}

.charge_table table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.charge_table table .col1 {
	width: 80px;
}

.charge_table table .col2 {
	width: 90px;
}

.charge_table table .col3 {
	width: calc(100% - 250px);
}

.charge_table table .col4 {
	width: 80px;
}

.charge_table table .col5 {
	width: calc(100% - 310px);
}

.charge_table table .col6 {
	width: 60px;
}

.charge_table .btn_border {
	width: 46px;
	margin: 0 auto;
}

.charge_table .btn_border a {
	font-size: 1.2rem;
	line-height: 28px;
	transition: 0.1s ease-in-out;
}

.charge_table .btn_border a:hover {
	background: #f1f1f1;
}

.charge_table table th {
	font-size: 1rem;
	vertical-align: middle;
	border-left: 1px solid var(--gn-use-color-5);
	border-right: 1px solid var(--gn-use-color-5);
	text-align: center;
	line-height: 32px;
	background: #f1f1f1;
}

.charge_table table td {
	font-size: 0.875rem;
	padding: 6px 4px;
	min-height: 32px;
	vertical-align: middle;
	border-left: 1px solid var(--gn-use-color-5);
	border-right: 1px solid var(--gn-use-color-5);
}

.charge_table table {
	border: 1px solid var(--gn-use-color-5);
}

.charge_table table th, 
.charge_table table td {
	border-bottom: 1px solid var(--gn-use-color-5);
}


.charge_table table td input {
	border-radius: 0;
	border: 1px solid #ccc;
	padding: 0px 5px;
	margin: 1px;
}


.charge_table.info_table {
	height: calc(100% - 118px);
}


.modal_comm.modal_img {
	max-width: 600px;
	width: 90%;
	padding: 30px;
	min-width: 280px;
}

/**
** UHR - Add 2024.11.08
**/

/** Main **/
.main_conts {
	background-color: #F0F0F0;
	padding-bottom: 60px;
	/* padding-top: 30px;
	padding-bottom: 30px;
	height: calc(100vh - 276px);
	min-height: 840px; */
}

.main_conts::before {
	display: none;
}

.main_conts::after {
	display: none;
}

/** Main - Chart **/
/* .gn_chart_wrap {
	border: 1px solid #c8c8c8;
	border-radius: 15px;
	padding: 25px;
	background-color: var(--gn-use-color-white);
	height: 330px;
}

.gn_chart_wrap h3 {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}

.gn_chart_wrap .gn_chart_section {
	display: grid;
	grid-template-columns: 60% 40%;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 17px;
	width: calc(60% - 17px);
	height: 242px;
	position: relative;
	padding-right: 17px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group:after {
	content: "";
	width: 1px;
	height: 240px;
	background-color: #ededed;
	position: absolute;
	top: 0;
	right: 0;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group>div {
	height: 185px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group>div canvas {
	width: 100%;
	max-width: 100%;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group>div .cahrt_desc {
	display: flex;
	justify-content: space-between;
	padding-left: 50px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table {
	display: flex;
	align-items: end;
	margin-top: 5px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table h4 {
	width: 50px;
	border: 1px solid #C8C8C8;
	display: flex;
	padding: 2px;
	align-items: center;
	font-weight: normal;
	font-size: 11px;
	height: 20px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table h4:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background-color: var(--gn-use-primary-color-1);
	margin-right: 5px;
	margin-left: 2px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table .chart_data_table {
	width: calc(100% - 50px);
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table .chart_data_table ul {
	display: flex;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table .chart_data_table ul li {
	border: 1px solid #C8C8C8;
	flex: 1;
	margin-left: -1px;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table .chart_data_table ul li span {
	display: block;
	padding: 3px;
	border-top: 1px solid #C8C8C8;
	text-align: center;
}

.gn_chart_wrap .gn_chart_section .gn_bar_chart_group .gn_bar_chart .gn_chart_table .chart_data_table ul li span:first-child {
	border-top: 0;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: calc(40% - 17px);
	max-width: 510px;
	padding-left: 17px;
	gap: 17px;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group>div {
	height: 146px;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group>div canvas {
	width: 100%;
	max-width: 100%;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group>div .cahrt_desc {
	margin-bottom: 20px;
	text-align: center;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group>div .cahrt_desc span {
	display: inline-block;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #C8C8C8;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group .gn_pie_chart .gn_chart_table {
	margin-top: 18px;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group .gn_pie_chart .gn_chart_table .chart_data_table {
	
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group .gn_pie_chart .gn_chart_table .chart_data_table table {
	width: 100%;
	border: 1px solid #c8c8c8;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group .gn_pie_chart .gn_chart_table .chart_data_table table tr>* {
	padding: 3px;
	text-align: center;
	height: 19px;
	border-left: 1px solid #c8c8c8;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group .gn_pie_chart .gn_chart_table .chart_data_table table tr>*:first-child {
	border-left: 0;
}

.gn_chart_wrap .gn_chart_section .gn_pie_chart_group .gn_pie_chart .gn_chart_table .chart_data_table table tr th {
	background-color: #E2E2E2;
	font-weight: 400;
} */

.main_gn_service_wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
	margin-top: 30px;
}

.main_gn_service_wrap .gn_service {
	background-color: #59493F;
	border-radius: 11px;
}

.main_gn_service_wrap .gn_service:hover {
	background-color: var(--gn-use-primary-color-1);
}

.main_gn_service_wrap .gn_service a {
	display: block;
	padding: 20px 16px;
}

.main_gn_service_wrap .gn_service a h4 {
	font-size: 13px;
	color: var(--gn-use-color-white);
	margin-bottom: 5px;
}

.main_gn_service_wrap .gn_service a div {
	font-size: 10px;
	color: var(--gn-use-color-white);
}

.main_gn_service_wrap .gn_service.gn_service_01 a {
	background: url("/use/images/main_gn_service_icon_01.svg") no-repeat calc(100% - 20px) center;
}

.main_gn_service_wrap .gn_service.gn_service_02 a {
	background: url("/use/images/main_gn_service_icon_02.svg") no-repeat calc(100% - 20px) center;
}

.main_gn_service_wrap .gn_service.gn_service_03 a {
	background: url("/use/images/main_gn_service_icon_03.svg") no-repeat calc(100% - 20px) center;
}

.main_gn_service_wrap .gn_service.gn_service_04 a {
	background: url("/use/images/main_gn_service_icon_04.svg") no-repeat calc(100% - 20px) center;
}

.gn_community_wrap {
	border: 1px solid #c8c8c8;
	border-radius: 15px;
	padding: 25px;
	background-color: var(--gn-use-color-white);
	margin-top: 30px;
}

.gn_community_wrap h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}

.gn_community_wrap h3 a {
	margin-left: 10px;
}

.gn_community_wrap .gn_main_notice {
	
}

.gn_community_wrap .gn_main_notice ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
}

.gn_community_wrap .gn_main_notice ul li {
	
}

.gn_community_wrap .gn_main_notice ul li a {
	display: block;
	border-left: 2px solid var(--gn-use-primary-color-1);
	padding-left: 10px;
}

.gn_community_wrap .gn_main_notice ul li a h4 {
	font-size: 15px;
	font-weight: 400;
	color: #333333;
}

.gn_community_wrap .gn_main_notice ul li a .meta_date {
	font-size: 13px;
	font-weight: 400;
	color: #939393;
}

.gn_community_wrap .gn_main_notice ul li a:hover h4 {
	color: var(--gn-use-primary-color-1);
}

.main_gn_works_wrap {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	gap: 23px;
	margin-top: 30px;
}

.main_gn_works_wrap .gn_work {
	background-color: #59493F;
	border-radius: 11px;
}

.main_gn_works_wrap .gn_work:hover {
	background-color: var(--gn-use-primary-color-1);
}

.main_gn_works_wrap .gn_work a {
	display: block;
	height: 100px;
	padding: 10px;
	position: relative;
}

.main_gn_works_wrap .gn_work a h4 {
	font-size: 12px;
	font-weight: 400;
	color: var(--gn-use-color-white);
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}

.main_gn_works_wrap .gn_work.gn_work_01 a {
	background: url("/use/images/icon_main_gn_work_01.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_02 a {
	background: url("/use/images/icon_main_gn_work_02.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_03 a {
	background: url("/use/images/icon_main_gn_work_03.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_04 a {
	background: url("/use/images/icon_main_gn_work_04.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_05 a {
	background: url("/use/images/icon_main_gn_work_05.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_06 a {
	background: url("/use/images/icon_main_gn_work_06.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_07 a {
	background: url("/use/images/icon_main_gn_work_07.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_08 a {
	background: url("/use/images/icon_main_gn_work_08.svg") no-repeat 10px 10px;
}

.main_gn_works_wrap .gn_work.gn_work_09 a {
	background: url("/use/images/icon_main_gn_work_09.svg") no-repeat 10px 10px;
}

/** 위치정보 **/

/** 위치정보 > 청소차량 위치 **/
.map_gnb .tab_wrap .tab_cont .map_gnb_desc {
	display: flex;
	width: calc(100% - 30px);
	/* align-items: center; */
	font-size: 1rem;
	line-height: 1.25em;
}

.map_gnb .tab_wrap .tab_cont .map_gnb_desc .cir_num {
	display: inline-flex;
    background-color: var(--gn-use-primary-color-1);
    width: 18px;
    min-width: 18px;
    height: 18px;
    color: var(--gn-use-color-white);
    justify-content: center;
    /* align-items: center; */
    border-radius: 20px;
    font-size: 0.75rem;
    margin-right: 7px;
    /* margin-top: -1px; */
    line-height: 18px;
}

/** 위치정보 > 종량제봉투 판매소 **/
.map_menu ul {
	display: grid;
	column-gap: 8px;
	row-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}

.map_menu ul li {
	width: auto;
}

.map_menu ul li .icon_box {
	width: 60px;
	height: 60px;
}

.map_menu ul li .icon_box img {
	width: 26px;
}

.map_menu li a span {
	line-height: 1.2em;
}





/** Map Pin **/
.pin_info .icon_box.icon_mark {
	display: none;
}

.pin_info.on .pin_info_box .btn_pin_box_close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 14px;
	height: 14px;
}

.pin_info.on .pin_info_box .btn_pin_box_close a img {
	width: 12px;
}

.pin_info_box .txt_box p.color_gray {
	white-space: normal;
}





.authen_box {
	border: 1px solid var(--gn-use-color-5);
    border-radius: 4px;
    padding: 2.5rem;
    overflow: hidden;
}

.authen_box .authen_box_tit {
	background-color: var(--gn-use-primary-color-1);
	padding: 15px;
	margin: -2.5rem;
	margin-bottom: 2.5rem; /* 20px */
	
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
}


.authen_box.biwa01_box .authen_box_content .comm_txt  {
	/* margin-bottom: 10px; */
}


.authen_box form.biwaForm {
	
}

.authen_box form.biwaForm>div {
	display: flex;
	margin-bottom: 5px;
	gap: 5px;
}

.authen_box form.biwaForm>div label {
	font-size: 16px;
	padding: 5px;
	width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
}

.authen_box form.biwaForm>div input {
	width: calc(100% - 200px);
	height: 40px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	padding: 10px;
}

.authen_box form.biwaForm>div button {
	width: 90px;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	background-color: #ededed;
	font-size: 0.875rem;
	text-align: center;
}

.authen_box form.biwaForm>div button:hover {
	background-color: var(--gn-use-primary-color-1) !important;
	border-color: var(--gn-use-primary-color-1) !important;
	color: var(--gn-use-color-white);
}

.authen_box form.biwaForm .form_name {
	
}

.authen_box form.biwaForm .form_phNum {
	
}

.authen_box form.biwaForm .form_authenNum {
	
}

.authen_box form.biwaForm .form_api_authenNum {
	
}

.authen_box form.biwaForm .form_timer {
	padding-left: 115px;
}

.authen_box form.biwaForm>div button.fnSendNum {
	
}

.authen_box form.biwaForm>div button.fnSendConf {
	background-color: var(--primary-color-3);
	color: var(--gn-use-color-white);
	border-color: var(--primary-color-3);
}

/** 대형생활폐기물 > 신청내역 **/
.application_wrap .common_table .table_head, 
.application_wrap .common_table .table_box .table_box_row {
	grid-template-columns: 50px 85px calc(100% - 460px) 80px 85px 80px 80px;
	align-items: center;
}

.application_wrap .common_table .table_box .table_box_row>div {
	line-height: 1em;
	padding-top: 15px;
	padding-bottom: 15px;
}

.form_app {
	margin-top: 30px;
}

/** 대형생활폐기물 > 조회 **/
.appcheck_wrap .dispose_table_box.cancel_reasons {
	position: relative;
	color: #999999;
}

.appcheck_wrap .dispose_table_box.cancel_reasons>div.reas_for_cancel {
	color: #1a1a1a;
}

.appcheck_wrap .dispose_table_box.cancel_reasons::after {
	content: "";
	display: block;
	width: calc(100% - 100px);
	height: 1px;
	background-color: #dadada;
	position: absolute;
	top: 50%;
}

/** 안내  */
/** 안내 > 재활용 분리배출 */
.sub04guid02 .comm_table8 .tr {
	grid-template-columns: 1.7fr 0.9fr 0.9fr 0.9fr 0.9fr 0.9fr 0.9fr 0.9fr;
}

.sub04guid02 .comm_table8 .tr.tr2 {
	grid-template-columns: 1fr;
}

.sub04guid_menu>ul {
	column-gap: 0px;
	row-gap: 0px;
	border-left: 1px solid var(--gn-use-color-5);
}

.sub04guid_menu>ul>li {
	width: calc(100%/ 4);
	border: 1px solid var(--gn-use-color-5);
	margin-bottom: -1px;
	border-left: 0;
}

.sub04guid_menu>ul>li a {
	display: flex;
	width: 100%;
	height: 50px;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.25rem;
	border-radius: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.sub04guid_menu>ul>li a small {
	font-size: 0.8em;
	color: #777777;
}

.sub04guid_menu>ul>li.on a {
	background-color: var(--gn-use-primary-color-1);
	color: var(--gn-use-color-white);
}
.sub04guid_menu>ul>li:hover a {
	background-color: var(--gn-use-primary-color-3);
	color: var(--gn-use-primary-color-0);
}

.sub04guid_menu>ul>li.on a * {
	color: var(--gn-use-color-white);
}

.sub04guid_menu>.conts {
	display: none;
	margin-top: 20px;
}

.sub04guid_menu>.conts .guid_cont {
	/* font-size: 16px; */
	margin-bottom: 30px;
}
.guid_cont .img img {
	width: 100%;
}

.sub04guid_menu .conts .tit {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.sub04guid_conts_1 .guid_list01 ul li {
	width: calc(( 100%/ 6)- 16px);
}

.sub04guid_conts_2 .comm_table3 .tr {
	grid-template-columns: 0.5fr 1fr 1fr;
}

.sub04guid_conts_2 .guid_list01 ul {
	display: flex;
	gap: 30px;
	justify-content: center;
	text-align: center;
}

.sub04guid_conts_2 .guid_list01 ul li {
	/* width: 33.3333%; */
	
}

.sub04guid_conts_2 .guid_list01 ul li img {
	width: 100px;
}

.sub04guid_conts_2 .guid_list01 ul li p {
	font-size: 14px;
}

.sub04guid02.accordion_menu ul li img {
	width: 100%;
}

.sub04guid_conts_3_tb_02 ul li img {
	max-width: 108px;
}

.sub04guid_conts_3_tb_02 ul li p {
	font-size: 1.8rem;
}

.sub04guid_conts_3_tb_02 ul li p small {
	font-size: 0.85em;
}

.sub04guid_conts_4 .guid_list01 ul {
	
}

.sub04guid_conts_4 .guid_list01 ul li {
	
}

.sub04guid_conts_4 .guid_list01 ul li img {
	width: 90px;
}

.sub04guid_conts_4 .guid_list01 ul li p {
	font-size: 0.875rem;
    line-height: 1.25em;
}

.sub04guid_conts_7 .guid_list01 ul li img, 
.sub04guid_conts_7 .guid_list02 ul li img {
	width: 140px;
}

.sub04guid_conts_7 .guid_list01 ul li p, 
.sub04guid_conts_7 .guid_list02 ul li p {
	font-size: 0.875rem;
    line-height: 1.25em;
}

.sub04guid_conts_7 .guid_list03 ul li img {
	width: 90px;
}

.sub04guid_conts_7 .guid_list03 ul li p {
	font-size: 0.875rem;
    line-height: 1.25em;
}

.sub04guid_conts_8 .guid_list01 ul {
	
}

.sub04guid_conts_8 .guid_list01 ul li {
	margin-bottom: 30px;
}

.sub04guid_conts_8 .guid_list01 ul li img {
	width: 100px;
}

.sub04guid_conts_8 .guid_list01 ul li p {
	font-size: 0.875rem;
    line-height: 1.25em;
}

.charge_table table tr th:nth-child(1) {
	width: 25px !important;
}

.charge_table table tr th:nth-child(6) {
	width: 50px !important;
}

.charge_table table tr td:nth-child(1) {
	text-align: center;
}

.charge_table table tr td:nth-child(5) {
	text-align: right;
}

.charge_table table td {
	font-size: 0.875rem;
}

.common_table .table_box .app_can_box button.cancleReq {
	border: 1px solid #cccccc;
	padding: 4px 5px;
    border-radius: 3px;
    width: 70px;
    font-size: 0.875rem;
}

.common_table .table_box .app_can_box button.cancleReq:hover {
	background: var(--gn-use-primary-color-1);
	color: var(--gn-use-color-white);
	border-color: var(--gn-use-primary-color-1);
}

.modal_sub06 {}

.modal_sub06 .tit {}

.modal_sub06 .modal_sub06_box {
	border-top: 2px solid #000000;
	font-size: 1rem;
	text-align: center;
	line-height: 1.5em;
	padding-top: 20px;
	padding-bottom: 20px;
}
.modal_sub06 .modal_sub06_box .txt {
	font-size: 1.125rem;
    line-height: 1.45em;
}

.modal_sub06 .phone_txt {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}

.modal_sub06 .btn_main {
	margin-top: 20px;
	display: flex;
	gap: 20px;
}

.modal_sub06 .btn_main .btn_cancel {
	background: #656565;
}

.appcheck_wrap .dispose_table_box.table_half {
	grid-template-columns: 50% 50%;
}

.appcheck_wrap .dispose_table_box {
	grid-template-columns: 200px calc(100% - 660px) 200px 100px 60px 100px;
}

.btn_border {
	width: auto;
}

.btn_border a {
	padding: 0px 30px;
}



/** 배출 신청 - 배출품목 추가 **/
.charge_modal.modal_wrap.modal_sub06 .charge_table table tbody tr td .th {
    display: none;
}








/** 프린트 팝업 화면 **/
.modal_wrap.modal_report_print_view {
	padding: 10px 10px;
	max-width: 500px;
}

.modal_report_print_view .popup_content_header {
	display: flex;
	justify-content: end;
	align-items: center;
	margin-bottom: 10px;
	height: 30px;
}

.modal_report_print_view .popup_content_header fieldset {
	display: flex;
	align-items: center;
	width: auto;
}

.modal_report_print_view .popup_content_header fieldset label {
	margin-right: 20px;
}

.modal_report_print_view .popup_content_header fieldset input[type="radio"] {
	margin-right: 7px;
}

.modal_report_print_view .popup_content_header fieldset input[type="radio"]+label {
	margin-right: 10px;
}

.modal_report_print_view .popup_content_header .btn_wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;
}

.modal_report_print_view .popup_content_header .btn_wrap button {
	font-size: 12px;
	border: 1px solid #cccccc;
	padding: 2px 15px;
}

.modal_report_print_view .popup_content_header .btn_wrap button.btn_close_popup {
	position: unset;
	width: auto;
	height: 24px;
}



/** 인쇄 영역 스크린 화면 설정 **/
.print_screen_document_wrap {
	
}

.print_screen_document_wrap .print_screen_document {
	width: 100%;
	/* 부모 요소의 너비에 맞게 조정 */
	height: auto;
	/* 너비에 따라 높이가 비율로 자동 조정되도록 설정 */
	/*margin: 0 auto;*/
	/* 가운데 정렬을 위한 설정 */
	box-sizing: border-box;
	/* 패딩과 테두리를 포함하여 크기 계산 */
	overflow: hidden;
	/* 내용이 넘치지 않도록 설정 */
	background-color: white;
	/* A4 용지처럼 흰색 배경 */
}

.print_screen_document_wrap .print_screen_document .print_screen_column {
	width: 100%;
	height: 100%;
	/* 최대 높이 설정 */
}

.print_screen_document_wrap .print_screen_document .print_screen_column .print_column {
	box-sizing: border-box;
	/* 박스 크기 조정 */
	border: 1px solid var(--gn-color-gray-04);
	padding: 10px;
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.print_screen_document_wrap .print_screen_document .print_screen_column .print_column .print_document {
	width: 100%;
}

/** 세로 뷰 **/
.print_screen_document_wrap .print_screen_document.portrait {
	/* width: 210mm; */
	/* max-width: 210mm; */
	/* 최대 너비를 A4 너비로 설정 (210mm) */
	aspect-ratio: 210/297;
	/* A4 비율 (너비: 210mm, 높이: 297mm) */
}

.print_screen_document_wrap .print_screen_document.portrait .print_column {
	width: 100%;
	height: calc(100% - 40px);
	display: block;
}

.print_screen_document_wrap .print_screen_document.portrait .print_column .print_document .receipt_document {
	padding-bottom: 20px;
	/* border-bottom: 1px dashed #000000; */
}

/** 영수증 **/
.receipt_document .receipt_document_header {
	padding: 10px 0px;
}

.receipt_document .receipt_document_header h1 {
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}

.receipt_document .receipt_document_header .mana_name {
	font-size: 0.75rem;
	font-weight: bold;
	float: right;
	margin-top: -10px;
}

.receipt_document .receipt_document_body table {
	width: 100%;
	height: 100%;
	border: 1px solid #cccccc;
}

.receipt_document .receipt_document_body table tr {
	border-bottom: 1px solid #cccccc;
}

.receipt_document .receipt_document_body table tr>* {
	width: 16.66666%;
	padding: 2px 5px;
	border-left: 1px solid #cccccc;
	text-align: center;
	vertical-align: middle;
	height: 19.5px;
	font-size: 0.75rem;
	font-weight: bold;
}

.receipt_document .receipt_document_body table tr td.pr_txt {
	font-size: 16px;
}

.receipt_document .receipt_document_body table tr td[colspan="5"] {
	height: 60px;
}

.receipt_document .receipt_document_body table tr>*.text_left {
	text-align: left;
}

.receipt_document .receipt_document_body table tr>*.text_right {
	text-align: right;
}

.receipt_document .receipt_document_body table tfoot tr td.pr_txt {
	font-size: 12px;
}

/* .modal_report_print_view .btn_close_popup {
	width: 16px;
	height: 16px;
    right: 10px;
    top: 8px;
}
.modal_report_print_view .btn_close_popup a img {
	width: 100%;
} */






/**
* Print Style
*/
/** _print */
@media print {
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		-webkit-print-color-adjust: exact !important;
		/* Chrome, Safari 6 – 15.3, Edge */
		color-adjust: exact !important;
		/* Firefox 48 – 96 */
		print-color-adjust: exact !important;
		/* Firefox 97+, Safari 15.4+ */
	}
	body, html {
		/**마지막 빈 페이지 제거를 위한 설정 (extra page / blank page)*/
		width: 100vw;
		height: 100vh;
		margin: 0;
		padding: 0;
		overflow: hidden;
		/*margin-top: -1px;*/
	}
	@page {
		margin: 0;
		/* 기본 여백 제거 */
	}
	body {
		margin: 0;
		padding: 1.6cm;
		/* 필요한 만큼만 여백 설정 */
		/* margin: 1.6cm; */
	}
	body * {
		/* 모든 요소 숨김으로 프린트 요소 제거 */
		visibility: hidden;
	}
	body div {
		/* height: 100% !important;
    overflow: unset !important; */
		
	}
	div:empty {
		/* display: none; */
	}

	#tempPrintDiv {
		visibility: visible;
		overflow: unset !important;
		width: 100%;
		height: 100%;
		overflow: unset !important;
		margin: 0;
		padding: 0;
	}
	#tempPrintDiv * {
		/* 인쇄할 내용만 보이게 */
		visibility: visible;
		overflow: unset !important;
	}
	
	
	.print_screen_document {
		width: 100%;
		height: 100%;
		overflow: unset !important;
		/* transform: scale(1) !important;
		transform-origin: center 0; */
	}
	
	
	/* 영수증 출력 영역 */
	.print_screen_document .print_screen_column .print_column {
		border: 0;
	}
	.print_screen_document .print_screen_column .print_column .print_document {
		/* 인쇄 영역을 페이지의 절대 위치로 설정 */
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: unset !important;
	}
	
	
	
	/** 영수증 **/
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document {
		padding-bottom: 0;
		border-bottom: 0;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document div {
		height: auto !important;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_header {
		margin-top: 30px;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_header h1 {
		font-size: 28px;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_header .mana_name {
		font-size: 18px;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr>* {
		padding: 2px 5px;
		font-size: 16px;
		font-weight: bold;
		/* height: 32px; */
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr th {
		background: #cccccc !important;
		background-color: #cccccc !important;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr td {
		line-height: 1.2em;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr td.pr_txt {
		font-size: 22px;
	}
	.print_screen_document .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr td[colspan="5"] {
		height: 110px;
	}
	
	
	
	
	

	/** 1P 새로 출력 **/
	.print_screen_document.portrait {
		width: 100% !important;
		height: 100% !important;
	}
	.print_screen_document.portrait .print_screen_column .print_column {
		width: 100%; /* 세로형태 시 100% 너비 */
		height: 100%; /* 세로형태 시 100% 높이 */
		display: block; /* 보여주기 */
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document {
		padding-left: 20px;
		padding-right: 20px;
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document {
		/* padding-top: 30px; */
		padding-bottom: 0;
		transform: scale(1);
		transform-origin: center 0;
		-webkit-region-break-inside: avoid;
		-webkit-region-break-after: always;
		page-break-inside: avoid;
		page-break-after: always;
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr>* {
		height: 34px;
		padding: 2px 5px;
		font-size: 16px;
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr td.pr_txt {
		font-size: 20px;
		font-weight: bold;
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table thead tr:nth-child(1) td {
		height: 38px;
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table thead tr:nth-child(3) td {
		height: 60px;
	}
	.print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tfoot tr td[colspan="5"] {
		height: 110px;
	}
	
	
	
	
	/** 브라우저별 세팅 */
	/** 브라우저별 설정 **/
	body.firefox-browser .print_screen_document {}
  
	body.chrome-browser {
	  width: calc(100% - 40px);
	  /* height: calc(100vh - 1px); */
	  margin: 0 20px;
	  /* margin-bottom: -100px; */
	  /* padding-top: 1px; */
  
	  /* height: calc(100vh - 1.6cm);
		margin: 1.6cm; */
	  /* margin: 1px; */
	  /* border: 1px solid #000000; */
	}
  
	body.chrome-browser .print_screen_document {}
  
	body.chrome-browser .print_screen_document.portrait .print_screen_column {}
  
	body.chrome-browser .print_screen_document.portrait .print_screen_column .print_column {}
  
	body.chrome-browser .print_screen_document.portrait .print_screen_column .print_column .print_document {
	  /* border: 1px solid #FF0000; */
	}
  
	body.chrome-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document {
	  height: calc(100vh - 20px);
	  margin-top: 10px;
	  padding-top: 30px;
	  padding-bottom: 0;
	  /* -webkit-region-break-inside: avoid;
	  -webkit-region-break-after: always;
	  page-break-inside: avoid;
	  page-break-after: always; */
	  /* border: 1px solid #FF0000; */
	}
  
	body.chrome-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_header {
	  /* border: 1px solid #000000; */
	  margin-top: 10px;
	}
  
	body.chrome-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr>* {
	  /* height: 32px; */
	}
  
  
	body.safari-browser .print_screen_document {}

  body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document {
	padding-top: 0;
  }

  body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document {
	/* padding-top: 10px; */
	padding-bottom: 0;
	margin-left: 0;
	/* -webkit-region-break-inside: avoid;
	-webkit-region-break-after: always;
	page-break-inside: avoid;
	page-break-after: always; */
  }

  body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_header {
	margin-top: 30px;
  }
  body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_header h1 {
		font-size: 32px;
	}
	body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_header .mana_name {
		font-size: 20px;
	}

  body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr>* {
	height: 38px;
	padding: 3px 5px;
	font-size: 16px;
  }
  body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tr td.pr_txt {
		font-size: 20px;
		font-weight: bold;
	}
	body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table thead tr:nth-child(1) td {
		height: 42px;
	}
	body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table thead tr:nth-child(3) td {
		height: 60px;
	}
	body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tfoot tr td[colspan="5"] {
		height: 100px;
	}
	body.safari-browser .print_screen_document.portrait .print_screen_column .print_column .print_document .receipt_document .receipt_document_body table tfoot tr td.pr_txt {
		font-size: 20px;
	}
  
  
}



/** 청소정보 */
/** 청소정보 > 일반민원 **/

.useguid01_step .step_wrap ul {
	/* display: flex;
    justify-content: space-between; */
}
.useguid01_step .step_wrap ul::after {
	content: "";
	display: block;
	clear: both;
}
.useguid01_step .step_wrap ul li {
	position: relative;
	float: left;
	width: 182px;
	margin-left: 35px;
	/* flex: auto; */
	/*display: flex;
	justify-content: space-between;
	align-items: center; */
	
}
.useguid01_step .step_wrap ul li:first-child {
	width: 131px;
	margin-left: 0;
}
.useguid01_step .step_wrap ul li:first-child .step_box {
    margin-left: 15px;
}

.useguid01_step .step_wrap .step_div {
	/* margin-left: -60px;
	margin-left: 30px;
    margin-right: 30px; */
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
}
.useguid01_step .step_wrap .step_box {
	background-color: var(--gn-use-primary-color-3);
	border: 0;
    border-radius: 20px;
    padding: 40px 18px;
    /* margin: 0 50px; */
    position: relative;
    margin-top: 15px;
    margin-left: 67px;
    width: 116px;
	overflow: unset;
}
.useguid01_step .step_wrap .step_box .step_num {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	background-color: var(--gn-use-primary-color-1);
	font-size: 1.125rem;
	color: var(--gn-use-color-white);
	text-align: center;
	position: absolute;
    top: 0;
    left: 0;
    margin-left: -15px;
    margin-top: -15px;
}
.useguid01_step .step_wrap .step_box .step_tit {
	font-size: 1.125rem;
	color: var(--gn-use-color-02);
	font-weight: bold;
	margin-bottom: 10px;
}
.useguid01_step .step_wrap .step_box .setp_desc {
	font-size: 0.875rem;
	color: var(--gn-use-color-03);
	font-weight: 500;
}





/** 청소정보 > 생활쓰레기 처리절차 */
.useguid08_table_01 thead th:nth-child(1) {
	width: 120px;
}
.useguid08_table_01 td {
	text-align: center;
}

.useguid08_table_02 thead th:nth-child(1) {
	width: 120px;
}
.useguid08_table_02 thead th:last-child {
	/* width: 60px; */
	width: 310px;
}
.useguid08_table_02 tbody td:last-child {
	text-align: center;
}


.useguid08_guid_04_step {}
.useguid08_guid_04_step .step_wrap {}
.useguid08_guid_04_step .step_wrap ul {}
.useguid08_guid_04_step .step_wrap ul li {
	width: calc((100% / 3) - (177px / 3));
}
.useguid08_guid_04_step .step_wrap ul li:first-child {
	width: 177px;
}
.useguid08_guid_04_step .step_wrap .step_box {
	width: 177px;
	padding: 0;
	overflow: unset;
}
.useguid08_guid_04_step .step_wrap .step_box .step_tit {
	text-align: center;
    padding: 20px 10px;
    background-color: var(--gn-use-color-7);
    border-radius: 10px 10px 0 0;
}
.useguid08_guid_04_step .step_wrap .step_box .setp_desc {
	padding: 30px 20px;
    /* letter-spacing: -0.025rem; */
}
.useguid08_guid_04_step .step_wrap .step_div {}
.useguid08_guid_04_step .step_wrap .step_box .step_num {
  display: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 0px;
  margin-top: 0px;
  left: -10px;
  top: -10px;
}



.useguid08_guid_05_step {}
.useguid08_guid_05_step .step_wrap {}
.useguid08_guid_05_step .step_wrap ul {}
.useguid08_guid_05_step .step_wrap ul li {
	width: calc((100% / 2) - (177px / 2));
}
.useguid08_guid_05_step .step_wrap ul li:first-child {
	width: 177px;
}
.useguid08_guid_05_step .step_wrap .step_box {
	/* width: 177px; */
	padding: 0;
	overflow: unset;
}
.useguid08_guid_05_step .step_wrap .step_box .step_tit {
	text-align: center;
    padding: 20px 10px;
    background-color: var(--gn-use-color-7);
    border-radius: 10px 10px 0 0;
}
.useguid08_guid_05_step .step_wrap .step_box .setp_desc {
	padding: 30px 20px;
}
.useguid08_guid_05_step .step_wrap .step_box .step_num {
  display: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 0px;
  margin-top: 0px;
  left: -10px;
  top: -10px;
}



/**  청소정보 > 재활용 분리배출 */
.useguid02_guid_01 .border_y {
	border-color: #8D8D8D;
	padding: 10px 0;
}

.useguid02_guid_01_img_wrap {
	display: flex;
	justify-content: space-between;
}
.useguid02_guid_01_img_wrap > div {
	width: calc(33.3333% - 3px);
}
.useguid02_guid_01_img_wrap > div:nth-child(1) {
	width: calc(66.666666% - 5px);
}
.useguid02_guid_01_img_wrap .guid_01_img {
	border: 1px solid var(--gn-use-color-4);
}
.useguid02_guid_01_img_wrap .guid_01_img .guid_01_img_tit {
	font-size: 1rem;
	color: var(--gn-use-color-1);
	background-color: var(--gn-use-color-5);
	text-align: center;
	border-bottom: 1px solid var(--gn-use-color-4);
	padding: 5px;
}
.useguid02_guid_01_img_wrap .guid_01_img .guid_img {
	display: flex;
	justify-content: center;
    gap: 15px;
	padding: 15px;
}


/** 청소정보 > 재활용 분리배출 - 재활용 분리배출 안내 **/
.useguid02_guid_01_img_wrap .guid_01_img .guid_img .guid_img_wrap {
	width: 244px;
	min-width: 244px;
	height: 417px;
	border: 1px solid #666;
  	border-radius: 10px;
  	position: relative;
}
.useguid02_guid_01_img_wrap .guid_01_img .guid_img .guid_img_wrap:after {
	content: "";
	display: block;
	width: calc(224px - 20px);
	height: calc(397px - 20px);
	padding: 10px;
	border: 1px dashed #217A2B;
	border-radius: 10px;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}


.guid_img_wrap .useguid_iller_02 {
	margin: 10px;
	width: calc(100% - 20px);
	padding: 20px 10px;
	text-align: center;
}

.guid_img_wrap .useguid_iller_02 .useguid_iller_tit {
	width: calc(100% - 10px);
	height: 30px;
	border: 1px solid #333333;
	background-color: #217A2B;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	font-size: 1rem;
	border-radius: 15px;
	line-height: 1em;
  	padding-top: 5px;
  	/* position: relative; */
  	margin-bottom: 15px;
	
}
.guid_img_wrap .useguid_iller_02 .useguid_iller_tit::after {
	content: "";
	display: block;
	width: calc(100% - 55px);
	height: 30px;
	border: 1px solid #333333;
	border-radius: 15px;
	position: absolute;
	top: 35px;
	left: 30px;
	z-index: -1;
}
.guid_img_wrap .useguid_iller_02 .useguid_iller_tit strong {
	font-weight: normal;
	color: #FFED00;
	font-size: 1rem;
	line-height: 1em;
}
.guid_img_wrap .useguid_iller_02 .useguid_iller_img_01 {
	text-align: center;
	margin-bottom: 10px;
}
.guid_img_wrap .useguid_iller_02 .useguid_iller_img_01 img {
	width: 126px;
	margin: 0 auto;
}
.guid_img_wrap .useguid_iller_02 .useguid_iller_stit {
	font-size: 12px;
	letter-spacing: -0.045rem;
	font-weight: bold;
	margin-bottom: 8px;
}
.guid_img_wrap .useguid_iller_02 .tag {
	font-size: 12px;
	letter-spacing: -0.045rem;
	font-weight: 500;
	line-height: 1em;
	padding: 4px 10px;
	color: #ffffff;
	text-align: center;
	background-color: #217A2B;
	border-radius: 5px;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 8px;
	
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap {
	display: flex;
	justify-content: center;
	gap: 25px;
	align-items: flex-start;
	
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st {
	/* flex: 1; */
	width: 60px;
	position: relative;
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st .st_img {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 5px;
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st .st_img img {
	width: 100%;
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st .st_txt {
	font-size: 12px;
	color: #666666;
	letter-spacing: -0.045rem;
	line-height: 1.2em;
	word-break: keep-all;
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st .st_desc_txt {
	font-size: 10px;
	color: #217A2B;
	letter-spacing: -0.045rem;
	line-height: 1em;
}

.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st::after {
	content: "▶";
	display: block;
	width: 10px;
	height: 10px;
	font-size: 7px;
	color: #217A2B;
	position: absolute;
	top: 50px;
	left: 66px;
}
.guid_img_wrap .useguid_iller_02 ul.st_wrap li.st:last-child::after {
	display: none;
}

.guid_img_wrap .useguid_iller_02.iller_01 ul.st_wrap li.st::after {
	left: 57px;
}
.guid_img_wrap .useguid_iller_02.iller_02 ul.st_wrap li.st::after {
	left: 66px;
}

.guid_img_wrap .useguid_iller_02.iller_03 .useguid_iller_tit,
.guid_img_wrap .useguid_iller_02.iller_03 .useguid_iller_tit::after {
  height: 56px;
}
.guid_img_wrap .useguid_iller_02.iller_03 .useguid_iller_img_01 {
  margin-top: 60px;
}
.guid_img_wrap .useguid_iller_02.iller_03 .useguid_iller_img_01 img {
  width: 100%;
}





.useguid02_guid_01_img_wrap .guid_01_img .guid_img img {
	/* height: 417px; */
}



.sub04guid_conts_6 .round_box {
	background-color: #f1f1f1;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
}


.sub04guid_conts_5 .guid_cont .img img {
    width: auto;
}

.useguid09_table_01 tbody tr td+td {
	text-align: center;
}
.useguid09_table_02 tbody tr td {
	text-align: center;
}

.useguid11_table_01 tbody tr td:last-child {
	text-align: center;
}

.useguid13_table_01 tbody tr td {
	text-align: center;
}

.useguid13_guid_03_step {}
.useguid13_guid_03_step .step_wrap {}
.useguid13_guid_03_step .step_wrap ul li {
    width: calc((100% / 2) - (170px / 2));
}
.useguid13_guid_03_step .step_wrap ul li:first-child {
    width: 170px;
}
.useguid13_guid_03_step .step_wrap .step_box {
    width: 170px;
    border: 0;
    border-radius: 0;
    padding: 0;
    overflow: visible;
}
.useguid13_guid_03_step .step_wrap .step_box .setp_desc {
    text-align: center;
}

.useguid13_04_01 .guid_cont {
	display: flex;
	justify-content: space-between;
}
.useguid13_04_01 .qr_code {
	margin-top: -100px;
}



.useguid04_01_01_table_01 tbody tr td {
	text-align: center;
}
.useguid04_01_01_table_01 tbody tr td:last-child {
	text-align: left;
}


.useguid04_02_01_table_01 tbody tr td,
.useguid04_02_02_table_01 tbody tr td {
	text-align: center;
}


.useguid10_guid_04_table_01 tbody th {
	background-color: var(--gn-use-color-5); 
}



.useguid05_01_03 .img_box_wrap {
	display: flex;
    gap: 20px;
}


.useguid05_01_04_table_01 tbody tr td {
	text-align: center;
}

.useguid13_01_01_table_01 tbody tr td,
.useguid13_01_02_table_01 tbody tr td {
	text-align: center;
}


.useguid14_01_01_tab .tabs li.tab {
	width: calc(100% / 5);
}
.useguid14_01_01_tab .tab_cont_sec .conts h6 + .table_scroll .legend_txt {
	/* margin-top: -20px; */
}
.useguid14_01_01_tab .tab_contents .tab_content table td {
	text-align: center;
}

.useguid14_01_01_tab .tab_contents .tab_content.tab1_content table.table_style thead tr th { 
	width: 20%;
}

.useguid14_01_01_tab .tab_contents .tab_content .tab2_content_cont_01_table_01 thead th:first-child,
.useguid14_01_01_tab .tab_contents .tab_content .tab2_content_cont_02_table_01 thead th:first-child,
.useguid14_01_01_tab .tab_contents .tab_content .tab2_content_cont_03_table_01 thead th:first-child {
	min-width: 200px;
    max-width: 250px;
    width: 30%;
}
 
.useguid14_01_01_tab .tab_contents .tab_content.tab3_content table.table_style thead tr th { 
	width: 20%;
}

.useguid14_01_01_tab .tab_contents .tab_content .tab4_content_cont_01_table_01 thead tr th { 
	width: 20%;
}

.useguid14_01_01_tab .tab_contents .tab_content .tab4_content_cont_02_table_01  thead tr th { 
	width: 33.3333%;
}   
	
	
.useguid14_01_01_tab .tab_contents .tab_content .tab5_content_cont_01_table_01 thead tr th:first-child,
.useguid14_01_01_tab .tab_contents .tab_content .tab5_content_cont_02_table_01 thead tr th:first-child { 
	width: calc(100% / 4);
	min-width: 70px;
    max-width: 85px;
}
.useguid14_01_01_tab .tab_contents .tab_content .tab5_content_cont_01_graph_wrap ul {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.useguid14_01_01_tab .tab_contents .tab_content .tab5_content_cont_01_graph_wrap ul li {}
.useguid14_01_01_tab .tab_contents .tab_content .tab5_content_cont_01_graph_wrap ul li .img_box {}
.useguid14_01_01_tab .tab_contents .tab_content .tab5_content_cont_01_graph_wrap ul li .img_box img {}






/** 공지사항 */
.board_table_01 tbody tr:hover {
	cursor: pointer;
}
.board_table_01 tbody tr td {
	text-align: center;
}
.board_table_01 tbody tr td.tit_box {
	text-align: left;
}

.board_detail_container .btn_border {
	width: 180px;
}



.faq_wrap .board_table_01 thead tr th:first-child {
	width: 80px;
}
.faq_wrap .board_table_01 .a_box {
	display: none;
}
.faq_wrap .board_table_01 tbody tr.q_box.on + tr.a_box {
	display: table-row;
}
.faq_wrap .board_table_01 tbody tr.q_box td.tit_box,
.faq_wrap .board_table_01 tbody tr.a_box td {
	text-align: left;
}
.faq_wrap .board_table_01 tbody tr.q_box td.tit_box p,
.faq_wrap .board_table_01 tbody tr.a_box td p {
    /* padding-left: 40px;
    position: relative; */
}
.faq_wrap .board_table_01 tbody tr.a_box td p {
	/* width: calc(86% - 50px);
	margin-left: 80px; */
}
.faq_wrap .board_table_01 tbody tr td p .q_tag,
.faq_wrap .board_table_01 tbody tr td p .a_tag {
	display: none;
    /* position: absolute;
    left: 10px; */
}




/**신청접수 */
/** 신청접수 - 리스트 **/
.apply_list_wrap .board_table_01 .num_box {}
.apply_list_wrap .board_table_01 .tit_box {}
.apply_list_wrap .board_table_01 .day_box {}

.apply_list_wrap .board_table_01 tr:hover td {
	background-color: #f7f7f7;
}

/** 신청접수 - 상세보기 **/
.apply_detail_tab_menus {

}
.apply_detail_tab_menus ul.apply_detail_tabs {}
.apply_detail_tab_menus ul.apply_detail_tabs li.tab {}
.apply_detail_tab_menus ul.apply_detail_tabs li.tab a {
	padding: 7px 80px;
}

.apply_detail_tab_menus .tab_contents {
	border: 1px solid #ededed;
	border-top-color: var(--gn-use-color-5);
  	padding: 20px;
	padding: 20px;
	margin-top: -1px;
}
.apply_detail_tab_menus .tab_contents .tab_content {

}
.apply_detail_tab_menus .tab_contents .tab_content pre {
	white-space: pre-wrap;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app {
	margin-top: 0;
}

.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 tr th {
	font-size: 14px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 tr th:not(.tit) {
	background-color: var(--gn-use-color-10);
	min-width: 90px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 tr th:nth-of-type(2),
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 tr th:nth-of-type(3) {
	border-left: 1px solid var(--gn-use-color-4);
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 tr td ol {
	list-style: decimal;
  margin-left: 20px;
}

.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 input.input_date {
	width: 130px;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 5px 7px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 input:not('type="checkbox"') {
	width: 80px;
	height: 30px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 input.purchase {
	width: 160px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 input.staPer {
	width: 60px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 input.modNum {
	width: 100%;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label {
	display: inline-block;
	margin-right: 20px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label[for="year"],
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label[for="month"] {
	margin-right: 5px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label[for="year"] select,
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label[for="month"] select,
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label[for="day"] select {
	background-position: calc(100% - 6px) 50%;
    padding-left: 5px;
    padding-right: 20px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 label:last-child {
	margin-right: 0;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 button {
	height: 30px;
	line-height: 23px;
	font-size: 12px;
	padding: 4px 10px;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 .address_box {
	display: flex;
	width: 100%;
	border: 0;
}
.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 .address_box input {
	width: calc(100% - 100px);
	border: 1px solid var(--gn-use-color-5);
	margin-right: 2px;
}


.apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 .required {
	position: relative;
  }
  .apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 .required p::after {
	content: " *";
	display: inline-block;
	width: 12px;
	height: 12px;
	color: var(--gn-use-primary-color-0);
	/* position: absolute;
	top: 0;
	right: 0; */
  }
  .apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_table_01 td[colspan="5"] p {
	text-align: right;
  }

  .apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_wrap .btn_border {
	display: flex;
	gap: 20px;
	width: 100%;
	justify-content: center;
	padding: 30px 10px;
	margin: 0;
  }
  .apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_wrap .btn_border a {
	line-height: 40px;
	height: 40px;
  }
  .apply_detail_tab_menus .tab_contents .tab_content .form_app .applicant_wrap .btn_border a.btn_apply {
  	background: var(--gn-use-primary-color-1);
    color: #fff;
    border: 0;
  }

  
  
  
  
/** 
* 설문조사 - SRVY
* 일회성 페이지입니다. 설문조사가 완료되면 지워도 되는 부분입니다.
**/
 
.sub_visual.sub_visual_srvy {
	background: url(../../images/srvy/use_srvy_visual.jpg) no-repeat center/cover;
} 
.application_wrap.srvy {
	width: 100%;
	margin-top: 70px;
	padding: 0;
}
.application_wrap.srvy .sec_tit  {
	text-align: center;
	margin-bottom: 20px;
}
.application_wrap.srvy .sec_tit h4 {
	width: 100%;
}
.application_wrap.srvy .sec_tit h4::after {
	right: 0;
	margin-left: auto;
	margin-right: auto;
} 

.application_wrap.srvy .flex_box {
	margin-bottom: 60px;
}

.application_wrap.srvy .srvy_design_box {
	border: 1px solid #EDEDED;
	padding: 40px 50px 25px;
}
.application_wrap.srvy .srvy_design_box h4 {
	width: 200px;
	height: 36px;
	font-size: 18px;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px solid #ededed;
	border-radius: 20px;
	display: inline-block;
	padding: 5px 40px;
	margin: 0 auto;
	margin-top: -60px;
	position: absolute;
	left: 0;
	right: 0;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox {}

.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul {}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li {
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .img {}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .img img {}


.application_wrap.srvy .srvy_design_box.srvy_pre_design_box .srvy_design_box_inbox ul li img {
	width: 100%;
}
  
.application_wrap.srvy .srvy_design_box.srvy_vote_design_box h4 {
	width: 260px;
	background-color: #207A30;
	color: #fff;
	border: 0;
}
  
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_modal button {
	background-color: #f7f7f7;
	border: 1px solid #ededed;
	padding: 5px 15px;
	width: 100%;
	margin: 10px auto;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_modal button:hover {
	background-color: #207A30;
	color: #FFFFFF;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_wrap .btn_like {}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_wrap .btn_like input {
	display: none;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_wrap .btn_like label {
	display: block;
	width: 100%;
	padding: 15px;
	background-color: #207A30;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_wrap .btn_like label::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../../images/srvy/icon_like_up.svg") no-repeat center center / cover;
	margin: 0 auto;
  	margin-bottom: 6px;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_wrap .btn_like input:checked + label {
	background-color: #036EB7;
}
.application_wrap.srvy .srvy_design_box .srvy_design_box_inbox ul li .btn_wrap .btn_like label:hover {
	background-color: #63B571;
	cursor: pointer;
}
.application_wrap.srvy .btn_group button.btn_survey {
	width: 290px;
	font-size: 22px;
	background-color: #323733;
	color: #FFF;
	padding: 15px;
	margin: 0 auto;
}
.application_wrap.srvy .btn_group button.btn_survey:hover {
	background-color: #207A30;
}



.srvy_design_box_inbox ul {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.srvy_design_box_inbox ul li .img {
	padding: 15px;
	border: 1px solid #ededed;
}
.srvy_design_box_inbox ul li .img img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 260px;
	max-height: 430px;
	margin: 0 auto;
}


/** 모달팝업 **/
.application_wrap.srvy .modal_wrap {
	max-width: 1280px;
	height: 100%;
}
.application_wrap.srvy .modal_wrap .modal_container {
	height: 100%;
	overflow-y: auto;
}
.application_wrap.srvy .modal_wrap .modal_tit {
	font-size: 26px;
	text-align: center;
	color: #000;
	font-weight: 500;
	margin-top: -25px;
	margin-bottom: 20px;
}
.application_wrap.srvy .modal_wrap .modal_contents {
	/*  height: calc(100% - 50px); */
}
.application_wrap.srvy .modal_wrap .modal_contents .srvy_design_box_inbox {
	margin-bottom: 20px;
}
.application_wrap.srvy .modal_wrap .modal_contents .srvy_design_box_inbox ul {
  justify-content: space-between;
}
.application_wrap.srvy .modal_wrap .modal_contents .concept_box {
	display: flex;
	gap: 10px;
}
.application_wrap.srvy .modal_wrap .modal_contents .concept_box h5 {
	width: 100px;
	height: 30px;
	background-color: #323733;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
	border-radius: 30px;
}
.application_wrap.srvy .modal_wrap .modal_contents .concept_box .concept_txt {
	width: calc(100% - 100px);
}
.application_wrap.srvy .modal_wrap .modal_contents .concept_box .concept_txt ul {
	list-style: disc;
}
.application_wrap.srvy .modal_wrap .modal_contents .concept_box .concept_txt ul li {
	margin-left: 20px;
}
.application_wrap.srvy .modal_wrap .modal_foot .btn_wrap {
	margin-top: 20px;
	border-top: 1px solid #ededed;
	padding-top: 20px;
	text-align: center;
}
.application_wrap.srvy .modal_wrap .modal_foot .btn_wrap button {
	width: 120px;
	font-size: 14px;
	background-color: #323733;
	color: #FFF;
	padding: 15px;
	margin: 0 auto;
	border-radius: 5px;
}
.application_wrap.srvy .modal_wrap .modal_foot .btn_wrap button:hover {
	background-color: #207A30;
}




@media screen and (max-width: 768px) {
	.application_wrap.srvy .srvy_design_box {
	  padding: 30px 15px 15px;
	}
	.application_wrap.srvy .srvy_design_box h4 {
	  font-size: 14px;
	  padding: 0 40px;
	  line-height: 34px;
	  margin-top: -50px;
	}
	
	.srvy_design_box_inbox ul {
	  flex-wrap: wrap;
	}
	.srvy_design_box_inbox ul li {
		width: calc(50% - 5px);
	}
	.application_wrap.srvy .btn_group button.btn_survey {
		font-size: 18px;
	}
	
	.srvy_pre_design_box .srvy_design_box_inbox ul li {
		width: 100%;
	}
	
	
	.application_wrap.srvy .modal_wrap {
		width: calc(100% - 40px);
		height: calc(100% - 40px);
	}
	.application_wrap.srvy .modal_wrap .modal_container .modal_close {
		display: none;
	}
	.application_wrap.srvy .modal_wrap .modal_tit {
	  margin-top: 0;
	}
	
}
@media screen and (max-width: 500px) {
	
	.application_wrap.srvy .modal_wrap .modal_tit {
		font-size: 20px;
	}
	.application_wrap.srvy .modal_wrap .modal_contents .concept_box {
		flex-wrap: wrap;
	}
	.application_wrap.srvy .modal_wrap .modal_contents .concept_box h5 {
		/*width: 100%;*/
	}
	.application_wrap.srvy .modal_wrap .modal_contents .concept_box .concept_txt {
		width: 100%;
	}
}
/** //설문조사 - SRVY **/

 
 
 
 
 
   
  
  
  
  
 /** 
 * 메인 - spring
 */ 

/** 메인 헤더 **/
.is_main.spring header {
	position: inherit;
    max-width: 100%;
    margin: 0 auto;
    
}
.is_main.spring header .hd_wrap {
	border-radius: 0;
}
.is_main.spring header .hd_wrap .hd_menu button {
	border-radius: 0 0 0 0;
}


/* 메인 - Top Visual */
.spring .main_top_visual_banner .main_top_visual_banner_img {
	max-height: 534px;
	min-height: 534px;
    background: url("/use/images/new/spring/use_main_top_visual_img_01.jpg") no-repeat center center / cover  
}
.spring .main_top_visual_banner .main_top_visual_banner_contents {
	padding-top: 0;
}
.spring .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li .box_card {
	border: 0;
    background-color: #3CB7A0;
}
.spring .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li:hover .box_card {
	background-color: #005F4D;
}
.spring .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li .box_card a button.btn_arrow_mini .icon_arrow::after {
	background-color: #D286D9;
}
.spring .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li:hover .box_card a button.btn_arrow_mini .icon_arrow::after {
	/*background-color: #D286D9;*/
}  
.spring .main_top_visual_banner .main_top_visual_banner_contents .btn_goto_useboar03:hover {
  border-color: #3CB7A0 !important;
  background-color: #3CB7A0 !important;
}
  
  
    
  
  
  
  
 /** 
 * 메인 - summer
 */ 

/** 메인 헤더 **/
.is_main.summer header {
	position: inherit;
    max-width: 100%;
    margin: 0 auto;
    
}
.is_main.summer header .hd_wrap {
	border-radius: 0;
}
.is_main.summer header .hd_wrap .hd_menu button {
	border-radius: 0 0 0 0;
}


/* 메인 - Top Visual */
.summer .main_top_visual_banner .main_top_visual_banner_img {
	max-height: 534px;
	min-height: 534px;
    background: url("/use/images/new/summer/use_main_top_visual_img_01.jpg") no-repeat center center / cover  
}
.summer .main_top_visual_banner .main_top_visual_banner_contents {
	padding-top: 0;
}
.summer .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li .box_card {
	background-color: rgba(255, 255, 255, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.45);
}
@media screen and (max-width: 767px) {
	.summer .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li .box_card {
		background-color: #3E7800;
		border: 1px solid #3E7800;
	}
}
.summer .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li:hover .box_card {
	background-color: #3E7800;
}
.summer .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li .box_card a button.btn_arrow_mini .icon_arrow::after {
	background-color: #808080;
}
.summer .main_top_visual_banner .main_top_visual_banner_contents .icon_contents_group .icon_contents ul li:hover .box_card a button.btn_arrow_mini .icon_arrow::after {
	/*background-color: #D286D9;*/
}  
.summer .main_top_visual_banner .main_top_visual_banner_contents .btn_goto_useboar03:hover {
  border-color: #3E7800 !important;
  background-color: #3E7800 !important;
}