@charset "utf-8";
/* 당근고양이 'ㅅ' */

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

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:4px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:30px; padding:0 10px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent; color:#333;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit {overflow:hidden;}
.imgfit img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
input:focus {outline:0;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1480px; margin:0 auto; padding:0 20px;}
.inner_in {width:100%; max-width:1340px; margin:0 auto; padding:0 20px;}
.flex {display:flex;}
.point {position:absolute;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#17BA77; border-radius:10px; background-clip:padding-box;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

.blue {color:#3672D8 !important;}
.black {color:#222 !important;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list col.w1 {width:120px;}
.board_list col.w2 {width:210px;}
.board_list col.w3 {width:140px;}
.board_list th,
.board_list td {font-size:18px; height:70px; text-align:center;}
.board_list th {color:#333; background:#F5FBF3;}
.board_list td {color:#333; border-bottom:#DBDBDB 1px solid;}
.board_list td .notice {display:block; font-size:16px; color:#fff; font-weight:700; line-height:30px; height:30px; width:50px; text-align:center; background:#17BA77; border-radius:15px; margin:0 auto;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .state {font-size:14px; font-weight:500; line-height:26px; height:28px; width:68px; border:1px solid; border-radius:4px; text-align:center; margin:0 auto;}
.board_list .state.ing {color:#333; border-color:#333;}
.board_list .state.end {color:#17BA77; border-color:#17BA77;}
.board_list i.file {display:block; width:16px; height:18px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto; font-size:0;}

.board_top {font-size:16px; font-weight:500; line-height:20px; margin-bottom:24px; display:flex; align-items:center;}
.board_top strong {color:#3672D8; font-weight:500;}
.board_top.mt {margin-top:80px;}
.board_top.between {justify-content:space-between;}
.board_top .total strong {color:#17BA77; font-weight:600;}
.board_top .search_area {display:flex; width:320px; height:48px; background:#F4F4F4; border-radius:24px; overflow:hidden;}
.board_top .search_area .text {padding:0 20px; border:0; width:calc(100% - 48px); height:48px; background:none;}
.board_top .search_area .btn {width:48px; height:48px; background:url('/pub/images/icon_search2.svg') no-repeat 50% 50%; border:0; outline:0; font-size:0;}
.board_top .left {display:flex; align-items:center; gap:8px;}
.board_top .left .text {width:240px; height:48px; line-height:48px; border:0; border-radius:24px; background:#F4F4F4; margin-left:16px;}
.board_top .left .text.w2 {width:120px;}
.board_top .left .nice-select ~ .text {margin-left:0;}
.board_top .left .text:first-child + .nice-select {margin-left: 0;}
.board_top .selects {display:flex; gap:8px;}
.nice-select {font-size:14px; color:#333; padding:0 40px 0 20px;}
.nice-select:after {right:20px;}
.board_top .text:last-child.nice-select .list {left:auto; right:0;}

.board_bottom {position:relative;}
.board_bottom .paging {display:flex; justify-content:center; align-items:center; margin-top:65px;}
.board_bottom .paging a {display:block; width:42px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#333; opacity:.5;}
.board_bottom .paging a.on {opacity:1; font-weight:700; text-decoration:underline;}
.board_bottom .paging .arrow {opacity:1; border:#E6E6E6 1px solid; border-radius:50%; background:no-repeat 50% 50%; font-size:0;}
.board_bottom .paging .two {background-image:url('/pub/images/arrow_two.svg');}
.board_bottom .paging .one {background-image:url('/pub/images/arrow_one.svg');}
.board_bottom .paging .first {margin-right:8px;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px; transform:scaleX(-1);}
.board_bottom .paging .last {margin-left:8px; transform:scaleX(-1);}
.board_bottom .btn_write {position:absolute; top:50%; right:0; width:152px; height:48px; line-height:48px; margin-top:-24px; font-size:16px; color:#fff; font-weight:700; text-align:center; background:#17BA77; border-radius:24px;}

.board_view {border-top:#999 1px solid;}
.board_view .head {padding:32px 0;}
.board_view .head .catagory {text-align:center;}
.board_view .head .catagory span {display:inline-block; vertical-align:top; font-size:14px; color:#fff; font-weight:500; line-height:32px; height:32px; padding:0 14px; background:#3394FF; border-radius:0 14px;}
.board_view .head .tit {font-size:24px; color:#333; font-weight:700; line-height:30px; margin:15px 0 20px; text-align:center;}
.board_view .head .info {display:flex; gap:0 50px; justify-content:center; flex-wrap:wrap;}
.board_view .head .info li {position:relative; display:flex; gap:10px; font-size:16px; color:#666;}
.board_view .head .info li:before {content:""; position:absolute; top:50%; left:-25px; width:1px; height:16px; background:#DBDBDB; margin-top:-8px;}
.board_view .head .info li:first-child:before {display:none;}
.board_view .head .info strong {color:#333; font-weight:500;}
.board_view .download {background:#F8F8FA; border-top:#E6E6E6 1px solid; border-bottom:#E6E6E6 1px solid; padding:15px 15px 15px 40px; display:flex; flex-direction:column; align-items:flex-start;}
.board_view .download a {position:relative; font-size:16px; color:#666; line-height:20px; padding-left:23px; background:url('/pub/images/icon_download.svg') no-repeat 0 50%; text-decoration:underline;}
.board_view .con {padding:60px 40px 80px;}
.board_view .con img {height:auto !important;}
.board_view .btns {display:flex; justify-content:flex-end; gap:8px; margin-bottom:16px;}
.board_view .btns a {display:block; font-size:14px; color:#333; font-weight:500; line-height:28px; height:30px; border:#DBDBDB 1px solid; border-radius:15px; background:no-repeat 18px 50%; padding:0 18px 0 38px;}
.board_view .btns .mody {background-image:url('/pub/images/icon_mody.svg');}
.board_view .btns .del {background-image:url('/pub/images/icon_del.svg');}
.board_view .prevnext {border-top:#DBDBDB 1px solid;}
.board_view .prevnext a {position:relative; display:block; border-bottom:#DBDBDB 1px solid; line-height:70px; padding-left:170px; font-size:16px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .prevnext a:before {content:""; position:absolute; top:0; left:0; width:90px; height:100%; background:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50%;}
.board_view .prevnext a strong {position:absolute; top:0; left:90px; color:#333; font-weight:600;}
.board_view .prevnext .next:before {transform:rotate(180deg);}
.board_view .reply {padding:60px 0; border-top:#ebebeb 1px solid;}
.board_view .reply .tit {font-size:18px; color:#333; font-weight:600; line-height:22px; padding:0 0 30px 26px; border-bottom:#DBDBDB 1px solid; background:url('/pub/images/icon_reply.svg') no-repeat 0 3px;}
.board_view .reply .tit strong {color:#17BA77;}
.board_view .reply .con {border-bottom:#DBDBDB 1px solid; padding:30px 10px;}
.board_view .reply .writer {display:flex; gap:33px; margin-bottom:20px;}
.board_view .reply .name {font-size:14px; color:#17BA77; font-weight:600; line-height:22px; height:24px; padding:0 12px; border:#17BA77 1px solid; border-radius:12px;}
.board_view .reply .date {position:relative; font-size:16px; color:#999; line-height:24px;}
.board_view .reply .date:before {content:""; position:absolute; top:50%; left:-17px; width:1px; height:16px; background:#DBDBDB; margin-top:-8px;}
.board_view .reply .new {font-size:14px; color:#fff; font-weight:600; line-height:22px; height:24px; padding:0 12px; background:#17BA77; border-radius:12px; margin-left:-20px;}
.board_view .reply .cn {color:#333; line-height:30px;}

.board_write th,
.board_write td {padding-bottom:24px;}
.board_write th {font-size:20px; font-weight:700; width:160px; text-align:left;}
.board_write th span {color:#17BA77;}
.board_write td {font-size:16px;}
.board_write td .text {border:#ccc 1px solid;}
.board_write td input.text,
.board_write td .nice-select {height:56px; line-height:54px; border-radius:28px; padding:0 20px;}
.board_write td textarea.text {border-radius:20px; padding:20px;}
.board_write td .w1 {width:340px;}
.board_write td .w2 {width:704px;}
.board_write .flex {gap:8px;}
.captcha {display:flex;}
.captcha .img {width:165px; height:56px; border:#ccc 1px solid; overflow:hidden; border-radius:28px; margin-right:10px;}
.captcha .img img {width:calc(100% + 2px); height:calc(100% + 2px); max-width:none; margin:-1px;}
.captcha .btn {position:relative; z-index:1; width:56px; height:56px; background:url('/pub/images/btn_re.svg') no-repeat 50% 50% / contain; font-size:0;}
.captcha .text {width:464px; margin-left:10px;}
.btns_tac {display:flex; justify-content:center; gap:16px; margin-top:120px;}
.btns_tac .btn {display:block; font-size:18px; color:#fff; font-weight:700; line-height:56px; height:56px; width:200px; text-align:center; background:#17BA77; border-radius:28px;}
.btns_tac .btn_l {line-height:54px; color:#333; background:#fff; border:#DBDBDB 1px solid;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header .inbox {position:relative;}
.header .inner {position:relative; max-width:100%; padding:0 80px;}
.header > .inbox {height:100px;}
.header .top_banner {position:relative; background:#EDF1F5; border-bottom:#E3E7EA 1px solid; height:40px; transition:.2s linear; z-index:10;}
.header .top_banner > .inner > p {position:relative; padding-left:33px; line-height:40px; font-size:16px; color:#555; display:flex; gap:18px;}
.header .top_banner > .inner > p:before {content:""; position:absolute; top:50%; left:0; width:24px; height:16px; background:url('/pub/images/icon_korea.svg') no-repeat 50% 50% / contain; margin-top:-8px;}
.header .top_banner .btn {position:relative; color:#003675; padding-right:20px;}
.header .top_banner .btn:after {content:""; position:absolute; top:0; right:0; width:9px; height:100%; background:url('/pub/images/arrow_head.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.header .top_banner.on .btn:after {transform:rotate(180deg);}
.header .top_banner .openbox {padding:24px 0 15px; border-top:#E3E7EA 1px solid; border-bottom:#E3E7EA 1px solid; background:#EDF1F5; display:none;}
.header .top_banner .openbox .tt {position:relative; padding-left:28px; background:url('/pub/images/icon_nuri.svg') no-repeat 0 0; font-size:16px; color:#1d1d1d; font-weight:700; line-height:20px;}
.header .top_banner .openbox p {font-size:14px; color:#555; margin-top:16px; padding-left:28px;}
.header .top_banner .openbox a {display:block; color:#1d1d1d; padding:15px 0; display:inline-flex; align-items:center; gap:5px;}
.header .top_banner .openbox a:after {display:inline-block; content:""; background-size:contain; width:16px; height:16px; background-image:url('/pub/images/icon_outlink.svg');}
.header .logo {position:absolute; top:0; left:80px; line-height:100px; font-size:0; z-index:2;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .logo .test {position:absolute; top:calc(100% + 10px); left:0; font-size:13px; color:#fff; background:#3672D8; border-radius:20px; line-height:30px; height:30px; padding:0 20px;}
.header .gnb {position:relative; display:flex; justify-content:center; z-index:1; pointer-events:none;}
.header .gnb.pageon {pointer-events:auto;}
.header .gnb:before {content:""; position:absolute; top:100%; left:50%; width:100vw; height:0; background:#fff; transform:translateX(-50%); border-top:#E3E7EA 0px solid; transition:.2s linear;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {position:relative; display:block; font-size:22px; color:#333; font-weight:600; line-height:100px; padding:0 22px; text-align:center; z-index:2; letter-spacing:-.5px;}
.header .gnb .menu > a:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#17BA77; transition:.2s linear; transform:translateX(-50%);}
.header .gnb .menu.on > a {color:#17BA77; font-weight:700;}
/*.header .gnb .menu.on > a:after {width:calc(100% - 50px);}*/
.header .gnb .snb {position:absolute; top:100px; left:50%; width:220px; height:0; padding:0 20px; z-index:1; background:#fff; transform:translateX(-50%); transition:.2s linear; box-shadow:rgba(0,0,0,.1) 0 5px 10px;}
.header .gnb .snb .snbin {height:inherit; overflow:hidden;}
.header .gnb .snb a {display:block; font-size:18px; color:#333; line-height:28px; padding:8px 0; text-align:center; transition:none;}
.header .gnb .snb a.on {color:#17BA77; font-weight:600; text-decoration:underline;}
/*.header .gnb .menu.gnb1 .snb:after {content:""; position:absolute; bottom:13px; left:-107px; width:164px; height:159px; background:url('/pub/images/icon_gnb01.png') no-repeat 50% 50% / contain; z-index:1; pointer-events:none; opacity:0; transition:0s; transition-delay:0s;}*/
/* .header .gnb .menu.gnb2 .snb {padding-right:10%;}
.header .gnb .menu.gnb4 .snb {padding-left:20%;}
.header .gnb .menu.gnb5 .snb {padding-left:30%;} */
.header .dm {position:fixed; bottom:0; left:0; width:100%; height:0; background:rgba(0,0,0,.5); transition:.3s linear; opacity:0;}
.header .abso_menu {position:absolute; top:0; right:80px; height:100px; display:flex; gap:8px; align-items:center; z-index:2;}
.header .abso_menu a {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:1; font-size:0; border-radius:inherit;}
.header .abso_menu a:focus {opacity:1;}
.header .abso_menu .btn {position:relative; width:48px; height:48px; border-radius:8px; background:no-repeat 50% 50%;}
.header .abso_menu .btn_search {position:relative; background-image:url('/pub/images/icon_search.svg'); background-color:#17BA77; font-size:0;}
.header .abso_menu .btn_search .close,
.header.on_search .abso_menu .btn_search .open {display:none;}
.header.on_search .abso_menu .btn_search .close {display:block;}
.header .abso_menu .btn_search_area {display:flex;}
.header .abso_menu .btn_search_area .text {width:210px; height:48px; border:#E3E7EA 1px solid; border-right:0; border-radius:8px 0 0 8px; font-size:16px;}
.header .abso_menu .btn_search_area .text::placeholder {font-size:14px;}
.header .abso_menu .btn_search_area .btn {background-image:url('/pub/images/icon_search.svg'); background-color:#17BA77; font-size:0; border-radius:0 8px 8px 0;}
.header .abso_menu .btn_menu {background-color:#212429;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:3px; background:#fff; border-radius:1px; margin-left:-12px;}
.header .btn_menu .t {margin-top:-8px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:6px;}
.header .btn_menu .close {display:none;}
.header.on .btn_menu .open {display:none;}
/* .header.on .btn_menu .close {display:block;} */
/* .header.fixed .top_banner {height:0; border-bottom:0;} */
.header .size_select {display:flex; align-items:center; gap:16px; margin-right:30px;}
.header .size_select .tt {font-size:17px; color:#212429; font-weight:500; line-height:48px;}
.header .size_select .btns {display:flex; gap:4px;}
.header .size_select .btns button {position:relative; width:24px; height:24px; border:#CDD4D9 1px solid; border-radius:4px; background:no-repeat 50% 50%; font-size:0;}
.header .size_select .btns .plus {background-image:url('/pub/images/icon_plus.svg');}
.header .size_select .btns .minus {background-image:url('/pub/images/icon_minus.svg');}
.header .search_area {position:absolute; top:100%; left:0; width:100%; background:#fff; padding:55px 20px; text-align:center; z-index:0; display:none;}
.header .search_area .tit {font-size:30px; color:#212429; font-weight:600; line-height:1; margin-bottom:40px;}
.header .search_area .tit strong {color:#17BA77;}
.header .search_area .box {position:relative; width:570px; max-width:100%; height:80px; margin:0 auto; padding:5px; border-radius:40px; z-index:1;}
.header .search_area .box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg,#3672D8,#17BA77); z-index:-1; border-radius:40px; /*transition:.2s linear;*/}
.header .search_area .text {width:100%; height:100%; padding:0 74px 0 34px; font-size:24px; font-weight:500; border:0; border-radius:40px 0 0 40px; background:#fff; border-radius:35px; outline:0; /*transition:.2s linear;*/}
.header .search_area .text::placeholder {opacity:.5;}
.header .search_area .btn {position:absolute; top:0; right:0; width:80px; height:80px; border-radius:50%; overflow:hidden; z-index:1; font-size:0;}
.header .search_area .btn:before,
.header .search_area .btn:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; /*transition:.2s linear; transition-delay:.2s;*/}
.header .search_area .btn:before {background:linear-gradient(-20deg,#17ba77,#3672d8);}
.header .search_area .btn:after {background:#fff; mask:url('/pub/images/icon_search_small.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_search_small.svg') no-repeat 50% 50% / contain; z-index:1;}
.header .search_area .btn_close_search {position:absolute; opacity:0; font-size:0;}
.header.on_search .dm {height:100%; opacity:1; z-index:-1;}
.header.on_search > .inbox {background:#fff;}
.header.on_search .search_area {display:block;}
.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; background:url('/pub/images/bg_sitemap.svg') no-repeat 100% 0 / cover; font-family:'SUITE', sans-serif; z-index:3; display:none;}
.header .sitemap .btn_close {position:absolute; top:60px; right:60px; width:60px; height:60px; background:#324C5E url('/pub/images/btn_close.svg') no-repeat 50% 50%; border-radius:50%; font-size:0;}
.header .sitemap .btn_close:before {content:""; position:absolute; top:50%; left:50%; width:80px; height:80px; border-radius:50%; background:#324C5E; opacity:.22; transform:translate(-50%,-50%);}
.header .sitemap .outbox {padding:100px 60px 0;}
.header .sitemap .tit {text-align:center; color:#333; margin-bottom:50px;}
.header .sitemap .tit p {font-size:24px; font-weight:500; line-height:32px; margin-bottom:10px;}
.header .sitemap .tit strong {display:block; font-size:48px;}
.header .sitemap .tit span {color:#4C94E3;}
.header .sitemap .inbox {position:relative; display:flex;}
.header .sitemap .inbox:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:500px; border-radius:10px; z-index:-1; box-shadow:rgba(0,0,0,.15) 0 14px 30px;}
.header .sitemap .inbox:after {content:""; position:absolute; bottom:-75px; left:23px; width:400px; height:340px; background:url('/pub/images/img_sitemap.svg') no-repeat 0 0 / contain; z-index:1; pointer-events:none;}
.header .sitemap .menu {position:relative; width:calc(100%/4);}
.header .sitemap .menu > a {display:block; font-size:20px; color:#fff; font-weight:500; line-height:76px; text-align:center; background:#4C94E3; margin-bottom:10px;}
.header .sitemap .menu > a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:40px; background:rgba(255,255,255,.3); transform:translateY(-50%);}
.header .sitemap .menu:first-child > a {border-radius:10px 0 0 10px;}
.header .sitemap .menu:last-child > a {border-radius:0 10px 10px 0;}
.header .sitemap .menu:first-child > a:before {display:none;}
.header .sitemap .menu .snb {position:relative; padding:30px 0 80px; height:500px; background:#fff;}
.header .sitemap .menu:first-child .snb {border-radius:10px 0 0 10px;}
.header .sitemap .menu:last-child .snb {border-radius:0 10px 10px 0;}
.header .sitemap .menu .snb:before {content:""; position:absolute; top:30px; left:0; width:1px; height:calc(100% - 100px); background:url('/pub/images/ptn_dashhed.svg') repeat-y;}
.header .sitemap .menu:first-child .snb:before {display:none;}
.header .sitemap .snb a {display:block; font-size:18px; color:#333; line-height:30px; text-align:center; margin-bottom:20px;}
.header .sitemap .snb a:last-child {margin-bottom:0;}
.header .sitemap .snb a.on {color:#4C94E3; text-decoration:underline;}
.header .btn_after_close {opacity:0; width:0; height:0; font-size:0;}

/* footer */
.footer {position:relative; background:#fff; border-top:#E3E7EA 1px solid; color:#212429;}
.point_qiuck {top:calc(-100vh + 64px);}
.footer .inner {position:relative;}
.footslide_wrap {position:relative; padding-left:240px; height:72px;}
.footslide_wrap .tit {position:absolute; top:0; left:20px; font-size:19px; font-weight:500; line-height:72px;}
.footslide_wrap .footslide_area {position:relative;}
.footslide_wrap .footslide {position:relative; height:72px; overflow:hidden;}
.footslide_wrap .footslide .slick-slide,
.footslide_wrap .footslide .swiper-slide {padding-right:40px; font-size:0; width:auto;}
.footslide_wrap .footslide .slick-slide > div {font-size:0;}
.footslide_wrap .footslide .slick-slide a,
.footslide_wrap .footslide .swiper-slide a {display:flex !important; justify-content:center; align-items:center; height:72px;}
.footslide_wrap .footslide img {max-width:200px; max-height:50px; object-fit:contain;}
.footslide_wrap .slick-arrow,
.footslide_wrap .arrow {position:absolute; top:50%; width:32px; height:32px; border:#ddd 1px solid; border-radius:50%; margin-top:-16px; font-size:0; display:block;}
.footslide_wrap .slick-arrow:after,
.footslide_wrap .arrow:after {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%;}
.footslide_wrap .slick-prev,
.footslide_wrap .swiper-button-prev {left:-120px;}
.footslide_wrap .slick-next,
.footslide_wrap .swiper-button-next {left:-80px;}
.footslide_wrap .slick-next:after,
.footslide_wrap .swiper-button-next:after {transform:scaleX(-1);}
/*.footslide_wrap .swiper-button-lock {opacity:0;}*/
.footer .address {border-top:#E3E7EA 1px solid; padding:50px 0 60px; font-size:18px; line-height:30px;}
.footer .links {display:flex; gap:20px; margin-bottom:20px;}
.footer .links a {position:relative; font-weight:700; line-height:30px;}
.footer .address .inner {padding-left:270px;}
.footer .address .inner:before {content:""; position:absolute; top:50%; left:20px; width:207px; height:48px; background:url('/pub/images/flogo.jpg') no-repeat 0 0 / contain; transform:translateY(-50%);}
.footer .copy {font-size:14px; color:rgba(255,255,255,.43); line-height:16px; margin-top:23px;}

.gotop {position:fixed; bottom:40px; right:40px; width:48px; height:48px; font-size:0; background:#212429 url('/pub/images/icon_gotop.svg') no-repeat 50% 50% / contain; border-radius:50%; transition:none; z-index:10;}
.gotop.unfixed {position:absolute; bottom:calc(100% - 24px);}

/* main */
.main_wrap {margin-top:140px;}
.main_wrap * {color:#212429;}
.main_wrap .inner {max-width:1340px; overflow:hidden;}
.main_wrap .more {display:flex; justify-content:center; align-items:center; gap:10px; font-size:18px; color:#333; font-weight:600; line-height:35px; height:35px;}
.main_wrap .more:after {content:""; display:block; width:6px; height:10px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.main_search_area {padding:100px 0 110px;}
.main_search_area .inputs {position:relative; width:570px; height:80px; margin:0 auto 74px; padding:3px; border-radius:40px; z-index:1;}
.main_search_area .inputs:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(90deg,#3672D8,#17BA77); z-index:-1; border-radius:40px; /*transition:.2s linear;*/}
.main_search_area .inputs .text {width:100%; height:100%; padding:0 74px 0 34px; font-size:24px; font-weight:500; border:0; border-radius:40px 0 0 40px; background:#fff; border-radius:35px; outline:0; /*transition:.2s linear;*/}
.main_search_area .inputs .text::placeholder {opacity:.5;}
.main_search_area .inputs .btn {position:absolute; top:0; right:0; width:80px; height:80px; border-radius:50%; overflow:hidden; z-index:1; font-size:0;}
.main_search_area .inputs .btn:before,
.main_search_area .inputs .btn:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; /*transition:.2s linear; transition-delay:.2s;*/}
.main_search_area .inputs .btn:before {background:linear-gradient(-20deg,#17ba77,#3672d8);}
.main_search_area .inputs .btn:after {background:#fff; mask:url('/pub/images/icon_search_small.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_search_small.svg') no-repeat 50% 50% / contain; z-index:1;}
.main_search_area .inputs .auto_list {position:absolute; top:calc(100% - 5px); left:0; width:100%; max-height:288px; padding-top:5px; border:#3672D8 3px solid; border-top:0; border-radius:0 0 16px 16px; background:#fff; overflow:hidden auto; display:none; transition:none;}
.main_search_area .inputs .auto_list::-webkit-scrollbar {width:4px; height:4px;}
.main_search_area .inputs .auto_list::-webkit-scrollbar-track {background-color:transparent; box-shadow:none; border-radius:0 0 5px 5px;}
.main_search_area .inputs .auto_list::-webkit-scrollbar-thumb {background-color:#3672D8; border-color:transparent;}
.main_search_area .inputs .auto_list:before {content:""; position:absolute; top:5px; left:30px; width:calc(100% - 60px); height:1px; background:#E3E7EA;}
.main_search_area .inputs .auto_list a {display:block; font-size:20px; line-height:70px; font-weight:400; text-align:left; padding:0 30px 0 56px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url('/pub/images/icon_zoom.svg') no-repeat 30px 50%;}
.main_search_area .inputs .auto_list a.none {pointer-events:none; user-select:none;}
.main_search_area .inputs .auto_list span {color:#3672D8;}
.main_search_area .inputs .auto_list .top {display:inline-block; font-size:14px; color:#E8306D; font-weight:600; line-height:24px; height:24px; padding:0 8px; border-radius:4px; background:#FFEFF4; margin-left:10px;}
.main_search_area .inputs.on:before {background:#3672D8; border-radius:16px 16px 0 0; height:calc(100% - 5px);}
.main_search_area .inputs.on .text {border-radius:13px 13px 0 0;}
.main_search_area .inputs.on .btn:before,
.main_search_area .inputs.on .btn:after {transition-delay:0s;}
.main_search_area .inputs.on .btn:before {opacity:0;}
.main_search_area .inputs.on .btn:after {background:#3672D8;}

.main_search_area .flex {gap:30px;}
.main_search_area .top10 {width:670px; padding:30px; border:#E3E7EA 1px solid; border-radius:16px;}
.main_search_area .top10 .tit {position:relative; font-size:18px; font-weight:600; line-height:22px; padding-left:25px; background:url('/pub/images/icon_chk.svg') no-repeat 0 50%;}
.main_search_area .top10 .tit strong {color:#17BA77;}
.main_search_area .top10 ul {display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;}
.main_search_area .top10 li a {display:flex; align-items:center; gap:8px; padding:8px 12px; background:#F8F8F8; border-radius:17px; font-size:17px; font-weight:500; line-height:18px;}
.main_search_area .top10 li span {font-size:14px; font-weight:600; line-height:16px; height:18px; width:18px; background:#fff; border:#ebebeb 1px solid; border-radius:50%; text-align:center;}
.main_search_area .links {display:flex; gap:16px; width:calc(100% - 700px);}
.main_search_area .links a {width:calc((100% - 32px)/3); height:180px; border:rgba(54,114,216,.5) 1px solid; border-radius:16px; padding-top:38px; text-align:center; font-size:22px; font-weight:600; line-height:24px;}
.main_search_area .links a:before {content:""; display:block; width:100%; height:70px; background:no-repeat 50% 50% / contain; margin-bottom:16px;}
.main_search_area .links .i1:before {background-image:url('/pub/images/icon_main_a1.png');}
.main_search_area .links .i2:before {background-image:url('/pub/images/icon_main_a2.png');}
.main_search_area .links .i3:before {background-image:url('/pub/images/icon_main_a3.png');}

.main_quick {position:relative; background:#F6F9FE; padding:80px 0;}
.main_quick:before,
.main_quick:after {content:""; position:absolute; width:333px; height:276px;}
.main_quick:before {top:0; right:0; background:url('/pub/images/bg_mquick01.svg') no-repeat 0 100% / contain;}
.main_quick:after {left:0; bottom:0; background:url('/pub/images/bg_mquick02.svg') no-repeat 100% 0 / contain;}
.main_quick .inner {position:relative; display:flex;}
.main_quick .inner:before {content:""; position:absolute; bottom:0; left:-20px; width:310px; height:243px; background:url('/pub/images/icon_main_b0.png') no-repeat 50% 50% / contain;}
.main_quick .txt {width:400px;}
.main_quick .tit {font-size:36px; font-weight:700; line-height:43px;}
.main_quick .tit strong {color:#3672D8;}
.main_quick .txt p {font-size:18px; font-weight:500; line-height:20px; margin:15px 0 40px;}
.main_quick .more {justify-content:flex-start;}
.main_quick .links {width:calc(100% - 400px);}
.main_quick .links .box {display:flex !important; flex-wrap:wrap; gap:0 72px; width:100%; padding-bottom:30px;}
.main_quick .links .slick-slide:last-child .box {padding-bottom:0;}
.main_quick .links a {display:block; width:90px;}
.main_quick .links a:before {content:""; display:block; width:90px; height:90px; background:#fff no-repeat 50% 50%; margin-bottom:16px; border-radius:16px; border:#fff 2px solid; box-shadow:rgba(0,0,0,.06) 0 3px 20px; transition:.2s linear;}
.main_quick .links a p {font-size:18px; font-weight:500; line-height:22px; text-align:center; letter-spacing:-.5px;}
.main_quick .links a p span {font-size:16px;}
.main_quick .links .i01:before {background-image:url('/pub/images/icon_main_b1.svg');}
.main_quick .links .i02:before {background-image:url('/pub/images/icon_main_b2.svg');}
.main_quick .links .i03:before {background-image:url('/pub/images/icon_main_b3.svg');}
.main_quick .links .i04:before {background-image:url('/pub/images/icon_main_b4.svg');}
.main_quick .links .i05:before {background-image:url('/pub/images/icon_main_b5.svg');}
.main_quick .links .i06:before {background-image:url('/pub/images/icon_main_b6.svg');}
.main_quick .links .i07:before {background-image:url('/pub/images/icon_main_b7.svg');}
.main_quick .links .i08:before {background-image:url('/pub/images/icon_main_b8.svg');}
.main_quick .links .i09:before {background-image:url('/pub/images/icon_main_b9.svg');}
.main_quick .links .i10:before {background-image:url('/pub/images/icon_main_b10.svg');}
.main_quick .links .i11:before {background-image:url('/pub/images/icon_main_b11.svg');}
.main_quick .links .i12:before {background-image:url('/pub/images/icon_main_b12.svg');}
.main_quick .links .i13:before {background-image:url('/pub/images/icon_main_b13.svg');}
.main_quick .links .i14:before {background-image:url('/pub/images/icon_main_b14.svg');}
.main_quick .links .i15:before {background-image:url('/pub/images/icon_main_b15.svg');}
.main_quick .links .i16:before {background-image:url('/pub/images/icon_main_b16.svg');}
.main_quick .links .i17:before {background-image:url('/pub/images/icon_main_b17.svg');}
.main_quick .links .i18:before {background-image:url('/pub/images/icon_main_b18.svg');}

.mtit {position:relative; font-size:30px; font-weight:600; line-height:36px; margin-bottom:32px;}
.mtit .more {position:absolute; top:0; right:0; }
.main_faq {padding:80px 0;}
.main_faq .list {width:calc(100% + 25px);}
.main_faq .list .swiper-slide {width:calc(100%/5); padding-right:25px;}
.main_faq .list a {position:relative; display:block; width:100%; height:210px; padding:32px; font-size:20px; font-weight:500; line-height:30px;}
.main_faq .list a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#E3E7EA 1px solid; border-radius:8px; transition:.1s linear; z-index:-1;}
.main_faq .list a:after {content:""; position:absolute; bottom:28px; left:32px; width:30px; height:30px; background:url('/pub/images/arrow_more_faq.svg') no-repeat 50% 50% / contain;}
.main_faq .list a p {word-break:break-word; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.fbanner_wrap {background:#F3F7FB; padding:80px 0;}
.fbanner_wrap .flex {gap:48px; margin-bottom:56px;}
.fbanner_wrap .mapbox {width:638px;}
.map_point_area {z-index:11 !important;}
.fbanner_wrap .map_area {position:relative; height:296px; border:#E3E7EA 1px solid; border-radius:16px;}
.fbanner_wrap .map_area.bg_w {background:#fff !important;}
.fbanner_wrap .map_area .link_hover {position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;}
.fbanner_wrap .map_area .dispose_location {padding-bottom:90px;}
.fbanner_wrap .map_area .non_search {position:relative; z-index:1; border:0;}
/* .map_box > div:nth-child(2) a, */
/*.fbanner_wrap .map_area > div:nth-child(2) a {display:none;}*/
.fbanner_wrap .map_box {width:100%; height:100%;}
/* 요 부분은 검색지도와 공유 */
.map_point {position:relative; opacity:0; pointer-events:none; transform:translateY(-10px);}
.map_point.on {opacity:1; pointer-events:auto;}
.map_point .inbox {position:absolute; bottom:50px; left:50%; width:300px; height:auto; min-height:144px; margin-left:-150px; box-shadow:rgba(0,0,0,.06) 0 5px 20px;}
.map_point .tit {position:relative; font-size:18px; color:#fff; font-weight:600; line-height:48px; height:48px; padding:0 94px 0 18px; background:no-repeat right bottom; border-radius:10px 10px 0 0;}
.map_point.c0 .tit {background-color:#fff; color:#212429; border-bottom:#ddd 1px solid;}
.map_point.c1 .tit {background-color:#FF8F20;}
.map_point.c2 .tit {background-color:#9ACC64;}
.map_point.c3 .tit {background-color:#ECB440;}
.map_point.c4 .tit {background-color:#34B595;}
.map_point.c5 .tit {background-color:#39A7D1;}
.map_point.c6 .tit {background-color:#9076D3;}
.map_point.c7 .tit {background-color:#006FB9;}
.map_point.c8 .tit {background-color:#3F4764;}
.map_point.c9 .tit {background-color:#916F48;}
.map_point.c10 .tit {background-color:#F16A4F;}
.map_point.c11 .tit {background-color:#E6002E;}
.map_point.c12 .tit {background-color:#D06CA6;}
.map_point .con {position:relative; padding:16px 20px; background:#fff; border-radius:0 0 10px 10px;}
.map_point .con:after {content:""; position:absolute; bottom:-11px; left:0; width:100%; height:12px; background:url('/pub/images/arrow_map_point.svg') no-repeat 50% 50% / contain;}
.map_point .con li {font-size:14px; line-height:16px; margin-bottom:8px; padding-left:22px; background:no-repeat 0 2px; white-space:normal;}
.map_point .con li.i1 {background-image:url('/pub/images/mapli01.svg');}
.map_point .con li.i2 {background-image:url('/pub/images/mapli02.svg');}
.map_point .con li.i3 {background-image:url('/pub/images/mapli03.svg'); margin-bottom:0;}
.map_point .btn_proposal_modi {display:block; font-size:14px; color:#fff; line-height:28px; height:30px; padding:0 5px; background:#17BA77; border-radius:15px; text-align:center; margin-top:15px;}
.fbanner_wrap .mtit {margin-bottom:28px;}
.fbanner_wrap .main_banner_area {position:relative; width:614px; border-radius:16px; overflow:hidden;}
.fbanner_wrap .main_banner .slick-slide > div {font-size:0;}
.fbanner_wrap .main_banner .slick-slide > div a {display:block; height:360px;}
.fbanner_wrap .main_banner .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.fbanner_wrap .main_banner_navi {position:absolute; bottom:0; right:0; width:150px; height:40px; line-height:40px; padding-left:10px; display:flex; justify-content:center; background:rgba(33,36,41,.7); border-radius:16px 0 0 0; font-size:0;}
.fbanner_wrap .main_banner_navi .paging {font-size:14px; color:#fff; font-weight:500; margin-right:12px;}
.fbanner_wrap .main_banner_navi .paging * {color:#fff; font-weight:500; line-height:inherit;}
.fbanner_wrap .main_banner_navi .paging button {display:none;}
.fbanner_wrap .main_banner_navi .paging .slick-active {display:block;}
.fbanner_wrap .main_banner_navi .paging span {padding:0 5px;}
.fbanner_wrap .main_banner_navi .arrow {width:30px; height:inherit; background:#fff; mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / 6px; -webkit-mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / 6px;}
.fbanner_wrap .main_banner_navi .next {transform:scaleX(-1);}
.fbanner_wrap .main_banner_navi .papl {width:30px; height:inherit; background:no-repeat 50% 50% / 7px; display:none;}
.fbanner_wrap .main_banner_navi .papl.on {display:block;}
.fbanner_wrap .main_banner_navi .pause {background-image:url('/pub/images/icon_pause.svg');}
.fbanner_wrap .main_banner_navi .play {background-image:url('/pub/images/icon_play.svg');}
.fbanner_wrap .notice {display:flex; margin-top:56px; background:#fff; border-radius:16px;}
.fbanner_wrap .notice .tit {width:154px; padding-left:32px; font-size:24px; font-weight:700; line-height:78px;}
.fbanner_wrap .notice .notice_slide {position:relative; width:calc(100% - 154px); padding-right:140px;}
.fbanner_wrap .notice .notice_slide .slick-slide > div {font-size:0;}
.fbanner_wrap .notice .notice_slide .slick-slide a {display:block; font-size:20px; color:#5A6368; line-height:78px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fbanner_wrap .notice .notice_slide .slick-arrow {position:absolute; top:50%; width:32px; height:32px; border:#CDD4D9 1px solid; border-radius:50%; background:no-repeat 50% 50%; transform:translateY(-50%); font-size:0;}
.fbanner_wrap .notice .notice_slide .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%;}
.fbanner_wrap .notice .notice_slide .slick-prev {right:72px;}
.fbanner_wrap .notice .notice_slide .slick-prev:before {transform:rotate(90deg);}
.fbanner_wrap .notice .notice_slide .slick-next {right:32px;}
.fbanner_wrap .notice .notice_slide .slick-next:before {transform:rotate(-90deg);}

/* sub */
.container {font-size:18px; color:#212429; padding:80px 0 140px;}
.g00.container {margin-top:140px;}
.ctit {position:relative; font-size:30px; font-weight:600; line-height:36px; text-align:center; margin-bottom:40px;}
.ctit.mt {margin-top:120px;}
.ctit strong {color:#17BA77;}
.ctit.b {font-size:44px; line-height:54px; margin:120px 0 60px;}
.btit {position:relative; font-size:20px; font-weight:700; line-height:24px; padding-left:11px;}
.btit:before {content:""; position:absolute; top:4px; left:0; width:3px; height:16px; background:#17BA77;}
.bltit {position:relative; font-size:30px; font-weight:600; line-height:36px; padding-left:15px; margin:120px 0 30px;}
.bltit:before {content:""; position:absolute; top:4px; left:0; width:3px; height:28px; background:#17BA77;}
.bltit .icon {position:absolute; top:50%; right:0; transform:translateY(-50%); display:flex; gap:8px;}

.glbox {background:#fff; border:#E3E7EA 1px solid; border-radius:16px; padding:40px;}

.svisual {position:relative; z-index:10; margin-top:140px;}
.svisual:before {content:""; position:absolute; bottom:0; left:50%; width:112vw; height:18vw; background:#17BA77; border-radius:0 0 50% 50%; z-index:-1; transform:translateX(-50%);}
.svisual .inner {position:relative; padding-top:50px; padding-bottom:100px;}
.svisual .inner:after {content:""; position:absolute; bottom:0; right:100px; width:443px; height:100%; background:no-repeat bottom right / auto 90%;}
.svisual.g00 {display:none;}
.svisual.g01.s01 .inner:after {background-image:url('/pub/images/icon_sv_sub02_01.png');}
.svisual.g01.s02 .inner:after {background-image:url('/pub/images/icon_sv_sub02_02.png');}
.svisual.g01.s03 .inner:after {background-image:url('/pub/images/icon_sv_sub02_03.png');}
.svisual.g01.s04 .inner:after {background-image:url('/pub/images/icon_sv_sub02_04.png');}
.svisual.g01.s05 .inner:after {background-image:url('/pub/images/icon_sv_sub02_05.png');}
.svisual.g02.s01 .inner:after {background-image:url('/pub/images/icon_sv_sub01_01.png');}
.svisual.g02.s02 .inner:after {background-image:url('/pub/images/icon_sv_sub01_02.png');}
.svisual.g02.s03 .inner:after {background-image:url('/pub/images/icon_sv_sub01_03.png'); right:-100px;}
.svisual.g03.s01 .inner:after {background-image:url('/pub/images/icon_sv_sub03_01.png');}
.svisual.g03.s02 .inner:after {background-image:url('/pub/images/icon_sv_sub03_02.png');}
.svisual.g03.s03 .inner:after {background-image:url('/pub/images/icon_sv_sub03_03.png');}
.svisual.g03.s04 .inner:after {background-image:url('/pub/images/icon_sv_sub03_04.png');}
.svisual.g04.s01 .inner:after {background-image:url('/pub/images/icon_sv_sub04_01.png');}
.svisual.g04.s02 .inner:after {background-image:url('/pub/images/icon_sv_sub04_02.png');}
.svisual.g05.s01 .inner:after {background-image:url('/pub/images/icon_sv_sub04_02.png');}
.svisual.g05.s02 .inner:after {background-image:url('/pub/images/icon_sv_sub05_01.png');}
.svisual.g05.s03 .inner:after {background-image:url('/pub/images/icon_sv_sub05_02.png');}
.svisual.g05.s04 .inner:after {background-image:url('/pub/images/icon_sv_sub05_03.png');}
.svisual.g05.s05 .inner:after {background-image:url('/pub/images/icon_sv_sub05_04.png');}
.svisual.g06.s01 .inner:after {background-image:url('/pub/images/icon_sv_sub06_01.png');}
.svisual.g06.s02 .inner:after {background-image:url('/pub/images/icon_sv_sub06_02.png');}
.svisual.g06.s03 .inner:after {background-image:url('/pub/images/icon_sv_sub06_03.png');}
.svisual .aside {display:flex;}
.svisual .aside .home {width:13px; height:20px; background:url('/pub/images/icon_home_w.svg') no-repeat 50% 50% / contain; font-size:0;}
.svisual .aside ul {display:flex;}
.svisual .aside li {position:relative; margin-left:18px; font-size:16px; color:#fff; line-height:20px;}
.svisual .aside li:before {content:""; position:absolute; top:50%; left:-10px; width:2px; height:2px; margin-top:-1px; background:#fff; border-radius:50%;}
.svisual .title {font-size:44px; color:#fff; font-weight:600; line-height:54px; margin-top:22px;}

.jq_tab {display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:60px;}
.jq_tab a,
.jq_tab button {display:block; font-size:16px; color:#333; font-weight:500; line-height:48px; height:50px; padding:0 24px; background:#fff; border:#DBDBDB 1px solid; border-radius:24px;}
.jq_tab li.on a,
.jq_tab li.on button {color:#fff; background:#7BC66D; border-color:#7BC66D;}
.g02.s03 .jq_tab {max-width:1100px; margin:0 auto 60px;}

ul.dots_list.mt {margin-top:10px;}
ul.dots_list li {position:relative; font-size:20px; line-height:36px; padding-left:10px; text-indent:-10px;}
ul.dots_list li p {font-size:16px; line-height:26px; text-indent:0;}
ul.dots_list li p.b {font-size:18px; line-height:1; margin-top:10px;}
ul.dots_list.ver_d li {position:relative; font-size:20px; line-height:30px; padding-left:18px; text-indent:0; margin-bottom:12px;}
ul.dots_list.ver_d li:before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; background:#17BA77;}
ul.dots_list.ver_d li:last-child {margin-bottom:0;}
ul.dots_list.lh32 li {line-height:32px;}
ul.dots_list.lh32 li:before {top:13px;}

/* 멤버 */
.btn_mem {display:block; font-size:18px; color:#fff; font-weight:700; line-height:56px; height:56px; width:480px; margin:0 auto; border-radius:28px; text-align:center; border:0; background:#333;}
.btn_mem_w {color:#333; background:#fff; border:#333 1px solid; line-height:54px;}
.btn_mem.mt {margin-top:8px;}

/* 배출방법 검색 */
.search_dispose_top {position:relative; background:linear-gradient(#E8F1FC, #E8F1FC); padding-top:70px; margin-top:140px; text-align:center;}
.search_dispose_top:before {content:""; position:absolute; top:0; left:0; width:100%; background:url('/pub/images/search_dispose_top') no-repeat 50% 50% / contain;}
.search_dispose_top .ctit strong {color:#3672D8;}
.search_dispose_top .ctit .btn_back {position:absolute; top:50%; right:0; width:160px; height:56px; transform:translateY(-50%); font-size:18px;font-weight:500; display:flex; justify-content:center; align-items:center; gap:8px; background:#fff; border:#CDD4D9 1px solid; border-radius:8px;}
.search_dispose_top .ctit .btn_back:before {content:""; display:block; width:14px; height:14px; background:url('/pub/images/icon_back.svg') no-repeat 50% 50% / contain;}
.search_dispose_top .inner {position:relative; padding-bottom:80px;}
.search_dispose_top .inner:after {content:""; position:absolute; bottom:0; right:50px; width:330px; height:241px; background:url('/pub/images/icon_main03_a1.png') no-repeat 50% 100% / contain;}
.search_dispose_top .infobox {background:#fff; border:#CEDDE9 4px solid; border-radius:16px; padding:80px 20px 90px; text-align:center;}
.search_dispose_top .infobox .flex {display:flex; justify-content:center; flex-wrap:wrap; gap:24px; margin-bottom:24px; padding:0 100px;}
.search_dispose_top .infobox .flex .ibox {flex:1 1 calc((100% - 48px)/3); max-width:500px; padding:40px; border:#CDD4D9 1px solid; border-radius:20px;}
.search_dispose_top .infobox i {display:block; width:44px; height:44px; border-radius:50%; overflow:hidden; margin:0 auto;}
.search_dispose_top .infobox i img {width:100%; height:100%; object-fit:cover;}
.search_dispose_top .infobox p {font-size:18px; font-weight:400; line-height:28px;}
.search_dispose_top .infobox p strong {display:block; font-size:26px; color:#222; font-weight:600; line-height:32px; text-align:center; margin:12px 0 16px;}
.search_dispose_top .infobox .similar_list {position:relative; display:flex; justify-content:center; flex-wrap:wrap; gap:24px; padding:24px 0 27px;}
.search_dispose_top .infobox .similar_list:after {content:""; position:absolute; bottom:0; left:50%; width:50px; height:3px; background:#CEDDE9; margin-left:-25px;}
.search_dispose_top .infobox .similar_list .tt {font-size:18px; color:#3672D8; font-weight:600; line-height:34px;}
.search_dispose_top .infobox .similar_list .cn {display:flex; flex-wrap:wrap; gap:8px;}
.search_dispose_top .infobox .similar_list .cn a {font-size:15px; color:#212429; font-weight:500; line-height:34px; padding:0 16px; background:#F8F8F8; border-radius:17px;}
.search_dispose_top .infobox .similar_list.nonbar {padding:0 !important;}
.search_dispose_top .infobox .similar_list.nonbar:after {display:none !important;}
.search_dispose_top .infobox .qna_list {display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin:24px 0;}
.search_dispose_top .infobox .qna_list a {flex:1 1 calc((100% - 72px)/4); max-width:240px; height:148px; border:#E3E7EA 1px solid; border-radius:8px; padding:32px; font-size:20px; color:#222; font-weight:500; line-height:30px; display:flex; justify-content:center; align-items:center;}
.search_dispose_top .infobox .top_txt {margin-bottom:24px; font-size:30px; font-weight:600; line-height:1.2; text-align:center; gap:0; padding-top:0;}
.search_dispose_top .infobox span {display:block; margin:24px 0 10px;}
.search_dispose_top .infobox strong {color:#3672D8;}
.search_dispose_top .infobox .btn_wrap {text-align:center}
.search_dispose_top .infobox .btn_wrap .btn {margin:5px auto;width:160px; height:40px;font-size:18px;color:#fff;font-weight:500; display:flex; justify-content:center; align-items:center; gap:8px; background:#fff;background:#17BA77; border-radius:20px;}
.search_dispose_top .none {padding-bottom:70px;}
.dispose_detail {padding:120px 0;}
.dispose_detail .ctit {margin-bottom:56px;}
.dispose_detail .item {display:flex; gap:56px; align-items:center;}
.dispose_detail .item .imgfit {width:300px; height:240px; border:#ebebeb 1px solid; border-radius:8px;}
.dispose_detail .item .imgfit img {object-fit:contain;}
.dispose_detail .item .txt {width:calc(100% - 356px);}
.dispose_detail .item .tit {font-size:34px; font-weight:600; line-height:40px; margin-bottom:24px;}
.dispose_detail .item dl {display:flex; margin-bottom:16px;}
.dispose_detail .item dl:last-child {margin-bottom:0;}
.dispose_detail .item dt {width:174px; margin:0;}
.dispose_detail .item dd {width:calc(100% - 174px);}
.dispose_detail .item dd > div {display:flex; flex-wrap:wrap;}
.dispose_detail .item .classification {margin-bottom:10px; overflow:hidden;}
.dispose_detail .item .classification:last-child {margin-bottom:0;}
.dispose_detail .item .classification a {position:relative; font-size:16px; line-height:25px; padding:5px 16px; border-radius:18px; background:#EAF1FB; margin-right:36px;}
.dispose_detail .item .classification a:after {content:""; position:absolute; top:50%; right:-28px; width:20px; height:20px; margin-top:-10px; background:url('/pub/images/arrow_next.svg') no-repeat 50% 50% / contain; border:#CDD4D9 1px solid; border-radius:50%;}
.dispose_detail .item .classification a:last-child {margin-right:0;}
.dispose_detail .item .classification a:last-child:after {display:none;}
.dispose_detail .item .type {gap:4px;}
.dispose_detail .item .type a {font-size:14px; color:#17BA77; line-height:22px; padding:5px 16px; background:rgba(23,186,119,.08); border-radius:16px;}
.dispose_detail .how {border-top:#E3E7EA 1px dashed; margin-top:40px; padding-top:35px;}
.analogous_items {position:relative; margin:0 -16px 36px;}
.analogous_items .slick-slide {padding:0 16px;}
.analogous_items .imgfit {position:relative; height:240px; border:#EBEBEB 1px solid; border-radius:8px;}
.analogous_items .imgfit .i_area {position:absolute; top:10px; left:10px; display:flex; gap:5px;}
.analogous_items .imgfit i {width:44px; height:44px; border-radius:50%; font-size:0; overflow:hidden;}
.analogous_items .txt {margin-top:20px;}
.analogous_items .txt span {display:block; font-size:14px; color:#666; line-height:1; margin-bottom:6px;}
.analogous_items .txt strong {display:block; font-size:20px; color:#212429; font-weight:500; line-height:1.2;}
.analogous_items .slick-arrow {position:absolute; top:0; width:40px; height:240px; background:url('/pub/images/arrow_slide_disp.svg') no-repeat 50% 50% / contain; font-size:0; z-index:1;}
.analogous_items .slick-prev {left:-40px;}
.analogous_items .slick-next {right:-40px; transform:rotate(180deg);}
.more_box {position:relative; background:#F3F7FB no-repeat 40px 50%; border-radius:8px; padding:50px 220px 50px 220px; font-size:26px; color:#212429; font-weight:600; line-height:40px;}
.more_box .btn {position:absolute; top:50%; right:100px; height:48px; line-height:48px; padding:0 24px; text-align:center; font-size:16px; color:#fff; font-weight:700; background:#17BA77; border-radius:24px; transform:translateY(-50%);}
.analogous_items_wrap .more_box {background-image:url('/pub/images/icon_analogous_items.png');}
.qna_list {display:flex; gap:25px; margin-bottom:36px;}
.qna_list .box {position:relative; width:calc((100% - 100px)/5); height:180px; padding:32px; border:#E3E7EA 1px solid; border-radius:8px; font-size:20px; color:#222; font-weight:500; line-height:30px;}
.qna_list .box p {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.qna_list .box:after {content:""; position:absolute; bottom:32px; left:32px; width:30px; height:30px; background:#17BA77 url('/pub/images/arrow_more_faq.svg') no-repeat 50% 50%; border-radius:50%;}
.qna_list .box:hover {border:#17BA77 2px solid; box-shadow:rgba(0,0,0,.08) 0 10px 20px;}
.qna_list_wrap .more_box {background-image:url('/pub/images/icon_qna_list.png'); background-position:60px 50%;}
.dispose_detail .btit {margin:40px 0 20px;}
.dispose_detail .btit:first-child {margin-top:0;}
.dispose_detail p.mt2 {margin-top:24px;}
.dispose_location {position:relative; padding-bottom:120px;}
.dispose_location .ctit {margin-bottom:24px;}
.dispose_location .this {position:relative; z-index:10;}
.dispose_location .this,
.dispose_location .this dl {display:flex; justify-content:center; align-items:center; background:#fff;}
.dispose_location .this dl {padding:9px 12px; border:#E3E7EA 1px solid; border-radius:22px; box-shadow:rgba(0,0,0,.1) 0 3px 6px;}
.dispose_location .this dt {font-size:14px; color:#fff; font-weight:600; line-height:26px; padding:0 10px; background:#17BA77; border-radius:13px; display:flex; justify-content:center; align-items:center; gap:4px;}
.dispose_location .this dt:before {content:""; display:block; width:9px; height:11px; background:url('/pub/images/icon_point.svg') no-repeat 50% 50% / contain;}
.dispose_location .this dd {position:relative; padding-left:8px; font-size:17px; font-weight:500; line-height:26px; display:flex; gap:5px;}
.dispose_location .this dd .add_select {position:relative;}
.dispose_location .this dd .add_select > a {padding-right:15px; background:url('/pub/images/arrow_head.svg') no-repeat 100% 50% / 9px;}
.dispose_location .this dd > a {display:block;}
.dispose_location .this dd .select_list {position:absolute; top:calc(100% + 10px); left:-16px; width:200px; max-height:240px; background:#fff; border-radius:13px; border:#E3E7EA 1px solid; overflow:auto; display:none;}
.dispose_location .this dd .select_list a {display:block; padding:5px 16px;}
.dispose_location .map_wrap {position:relative; border:#CDD4D9 1px solid; /* border-radius:16px; */ margin-top:56px; overflow:hidden;}
.dispose_location .map_area {position:relative; height:980px; max-height:calc(100vh - 140px); padding:164px 0 0 440px;}
.dispose_location .map_area .this {position:absolute; top:184px; left:460px;}
.dispose_location .map_box {width:100%; height:100%;}
.dispose_location .map_box img[src="/pub/images/point_current.svg"] {pointer-events:none;}
.dispose_location .point_list {position:absolute; top:0; left:0; width:440px; height:100%; overflow:hidden; z-index:2;}
.g00 .dispose_location .point_list,
.g02.s03 .dispose_location .point_list {display:block;}
.dispose_location .point_list .tit {position:relative; font-size:20px; color:#fff; font-weight:600; line-height:32px; background:#364359; padding:24px;}
/* .dispose_location .point_list .tit .btn_close {position:absolute; top:0; right:0; width:60px; height:60px; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;} */
.dispose_location .btn_current_map {position:absolute; top:24px; right:24px; font-size:14px; color:#fff; font-weight:600; line-height:32px; height:32px; padding:0 14px; border-radius:16px; background:#3672D8; display:flex; justify-content:center; align-items:center; gap:8px; z-index:9;}
.dispose_location .btn_current_map:before {content:""; display:block; width:12px; height:12px; background:#fff; mask:url('/pub/images/btn_current_map.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/btn_current_map.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.dispose_location .btn_current_map.on,
.dispose_location .btn_current_map:active {color:#3672D8; background:#fff;}
.dispose_location .btn_current_map.on:before,
.dispose_location .btn_current_map:active:before {background:#3672D8;}
.dispose_location .btn_foreigner {font-size:14px; color:#fff; font-weight:600; line-height:32px; height:32px; padding:0 14px; border-radius:16px; background:#17BA77; display:flex; justify-content:center; align-items:center; gap:8px; z-index:9;}
.dispose_location .tit .dispose_search {width:100%; margin:16px 0 0; background:#fff; border-color:#ccc;}
.dispose_location .tit .dispose_search .text {display:block; font-size:16px;}
.dispose_location .point_list .list {background:#fff; height:calc(100% - 152px);}
.dispose_location .point_list .list .list_count {padding:0 24px; font-size:14px; color:#212429; font-weight:700; line-height:40px; display:flex; gap:6px; border-bottom:#E3E7EA 1px solid;}
.dispose_location .point_list .list .list_count strong {color:#666; font-weight:400;}
.dispose_location .point_list .list > ul {width:100%; height:calc(100% - 41px); overflow:auto; /* padding-right:14px; */}
.dispose_location .point_list .list > ul > li {position:relative; border-bottom:#EBEBEB 1px solid; padding:24px; cursor:pointer;}
.dispose_location .point_list .list > ul > li.on_side {background:#F3F7FB;}
.dispose_location .point_list .list .tt {position:relative; font-size:18px; font-weight:600; line-height:22px; margin-bottom:15px; padding-left:22px; padding-right:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* .dispose_location .point_list .list .tt:before {content:""; position:absolute; top:4px; left:0; width:14px; height:14px; border-radius:50%;} */
.dispose_location .point_list .list span {position:absolute; top:4px; left:0; width:14px; height:14px; border-radius:50%;}
.dispose_location .point_list .list .tt.c1:before {background-color:#FF8F20;}
.dispose_location .point_list .list .tt.c2:before {background-color:#9ACC64;}
.dispose_location .point_list .list .tt.c3:before {background-color:#ECB440;}
.dispose_location .point_list .list .tt.c4:before {background-color:#34B595;}
.dispose_location .point_list .list .tt.c5:before {background-color:#39A7D1;}
.dispose_location .point_list .list .tt.c6:before {background-color:#9076D3;}
.dispose_location .point_list .list .tt.c7:before {background-color:#006FB9;}
.dispose_location .point_list .list .tt.c8:before {background-color:#3F4764;}
.dispose_location .point_list .list .tt.c9:before {background-color:#916F48;}
.dispose_location .point_list .list .tt.c10:before {background-color:#F16A4F;}
.dispose_location .point_list .list .tt.c11:before {background-color:#E6002E;}
.dispose_location .point_list .list .tt.c12:before {background-color:#D06CA6;}
.dispose_location .point_list .list .link {position:absolute; top:22px; right:24px; width:60px; height:26px; line-height:24px; text-align:center; font-size:14px; font-weight:500; border:#DBDBDB 1px solid; border-radius:15px;}
.dispose_location .point_list .list li li {position:relative; margin-bottom:8px; font-size:14px; line-height:16px; padding-left:24px; margin-bottom:8px; background:no-repeat 0 2px;}
.dispose_location .point_list .list li li.i1 {background-image:url('/pub/images/mapli01.svg');}
.dispose_location .point_list .list li li.i2 {background-image:url('/pub/images/mapli02.svg');}
.dispose_location .point_list .list li li.i3 {background-image:url('/pub/images/mapli03.svg'); margin-bottom:0;}
.dispose_location .point_list .list > ul > li.more_btn {padding:21px 38px;}
.dispose_location .point_list .list > ul > li.more_btn .more {display:block; font-size:15px; color:#fff; font-weight:600; line-height:48px; height:48px; width:100%; background:#333; border-radius:24px; text-align:center;}
.dispose_location .point_set {padding:24px 10px; border-top:#EBEBEB 1px solid;}
.dispose_location .point_set .swiper-slide {width:calc((100% - 120px)/13); height:109px; text-align:center; cursor:pointer;}
.dispose_location .point_set .swiper-slide:after {content:""; position:absolute; bottom:-24px; left:50%; width:0; height:2px; background:#17BA77; transition:.2s linear;}
.dispose_location .point_set .swiper-slide.on:after {left:0; width:100%;}
.dispose_location .point_set .swiper-slide a {display:block;}
/* .dispose_location .point_set .swiper-slide a:before {content:""; display:block; width:100%; height:44px; background:no-repeat 50% 50% / contain;} */
.dispose_location .point_set .swiper-slide p {font-size:16px; line-height:24px; margin-top:12px;}
.dispose_location .point_set .i00 a:before {background-image:url('/pub/images/icon_recycle_a0_click.svg');}
.dispose_location .point_set .i01 a:before {background-image:url('/pub/images/icon_recycle_a1.svg');}
.dispose_location .point_set .i02 a:before {background-image:url('/pub/images/icon_recycle_a2.svg');}
.dispose_location .point_set .i03 a:before {background-image:url('/pub/images/icon_recycle_a3.svg');}
.dispose_location .point_set .i04 a:before {background-image:url('/pub/images/icon_recycle_a4.svg');}
.dispose_location .point_set .i05 a:before {background-image:url('/pub/images/icon_recycle_a5.svg');}
.dispose_location .point_set .i06 a:before {background-image:url('/pub/images/icon_recycle_a6.svg');}
.dispose_location .point_set .i07 a:before {background-image:url('/pub/images/icon_recycle_a7.svg');}
.dispose_location .point_set .i08 a:before {background-image:url('/pub/images/icon_recycle_a8.svg');}
.dispose_location .point_set .i09 a:before {background-image:url('/pub/images/icon_recycle_a9.svg');}
.dispose_location .point_set .i10 a:before {background-image:url('/pub/images/icon_recycle_a10.svg');}
.dispose_location .point_set .i11 a:before {background-image:url('/pub/images/icon_recycle_a11.svg');}
.dispose_location .point_set .i12 a:before {background-image:url('/pub/images/icon_recycle_a12.svg');}
.dispose_location .point_set .arrow {display:none;}
.dispose_location .point_set.ver_abso {position:absolute; top:0; left:440px; width:calc(100% - 440px); height:164px; background:#fff; z-index:2; padding:0; border-bottom:#E3E7EA 1px solid;}
.dispose_location .point_set.ver_abso .list {display:flex; padding:0 20px;}
.dispose_location .point_set.ver_abso .list .btn {position:relative; cursor:pointer; width:calc(100%/12);}
.dispose_location .point_set.ver_abso .list .btn:after {content:""; position:absolute; bottom:0; left:20px; width:calc(100% - 40px); height:1px; background:#E3E7EA;}
.dispose_location .point_set.ver_abso .list .btn:last-child:after {display:none;}
.dispose_location .point_set.ver_abso .list .btn:hover {z-index:2;}
.dispose_location .point_set.ver_abso .list .btn a {position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; padding:32px 10px 0; line-height:24px; height:164px; width:100%; letter-spacing:-.5px; font-size:16px; font-weight:500; z-index:1; text-align:center;}
.dispose_location .point_set.ver_abso .list .btn br {display:none;}
.dispose_location .point_set.ver_abso .list .btn a i {position:absolute; top:0; right:20px; width:16px; height:100%;}
.dispose_location .point_set.ver_abso .list .btn a i:before,
.dispose_location .point_set.ver_abso .list .btn a i:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#17BA77; border-radius:2px; transition:.2s linear;}
.dispose_location .point_set.ver_abso .list .btn a i:before {width:16px; height:2px;}
.dispose_location .point_set.ver_abso .list .btn a i:after {width:2px; height:16px;}
.dispose_location .point_set.ver_abso .list .btn a img {width:44px; height:44px;}
.dispose_location .point_set.ver_abso .list .btn .mulem {position:relative; display:inline-flex; transform:translateY(-4px);}
.dispose_location .point_set.ver_abso .list .btn .mulem button {display:block; width:14px; height:14px; line-height:14px; text-align:center; font-size:0; background:#909395 url('/pub/images/icon_mulem.svg') no-repeat 50% 50%; border-radius:50%;}
.dispose_location .point_set.ver_abso .list .btn .mulem p {position:absolute; top:calc(100% + 11px); left:50%; width:400px; transform:translateX(-50%); background:#fff; border:#CDD4D9 1px solid; border-radius:6px; padding:8px 16px; box-shadow:rgba(0,0,0,.16) 0 3px 6px; display:none;}
.dispose_location .point_set.ver_abso .list .btn .mulem p:before {content:""; position:absolute; top:-5px; left:50%; width:10px; height:10px; background:#fff; transform:translateX(-50%) rotate(45deg); border-left:#CDD4D9 1px solid; border-top:#CDD4D9 1px solid; border-radius:2px;}
.dispose_location .point_set.ver_abso .list .btn .mulem:hover p {display:block;}
.dispose_location .point_set.ver_abso .list .btn.on > a,
.dispose_location .point_set.ver_abso .list .btn a.on {background:#f5f5f5;}
.dispose_location .point_set.ver_abso .list .btn a.on {/*color:#fff;*/ background:#374359;}
.dispose_location .point_set.ver_abso .list .btn a.on i:before,
.dispose_location .point_set.ver_abso .list .btn a.on i:after {background:#fff;}
.dispose_location .point_set.ver_abso .list .btn a.on i:after {width:16px; height:2px;}
.dispose_location .point_set.ver_abso .inselect {position:relative; background:#F8F8F8; display:none; padding-right:10px; border:#374359 2px solid; border-top:0; z-index:1;}
.dispose_location .point_set.ver_abso .inselect .scroll {height:272px; overflow:hidden auto;}
.dispose_location .point_set.ver_abso .inselect .scroll a {padding-left:25px;}
.dispose_location .point_set.ver_abso .inselect .scroll a img {display:none;}
.dispose_location .point_set.ver_abso .list .inselect a.on {color:#222; background:#ebebeb;}
.dispose_location .point_set.ver_abso ::-webkit-scrollbar {width:4px; height:4px;}
.dispose_location .point_set.ver_abso ::-webkit-scrollbar-thumb {background-color:#999; border-radius:4px; border:0;}
.dispose_location .point_set.ver_abso ::-webkit-scrollbar-track {background-color:transparent; border-radius:4px; box-shadow:none;}
.dispose_location.main .this {position:absolute;top:10px;left:10px;}
.dispose_location.main .this dl {background:white}
.btn_right {display:flex; justify-content:flex-end; padding-top:24px;}
.btn_right .btn_proposal {display:block; width:152px; height:48px; line-height:48px; font-size:16px; color:#fff; font-weight:700; text-align:center; background:#17BA77; border-radius:24px;}
.dispose_location .map_navi {position:absolute; top:204px; right:40px; width:40px; z-index:20;}
.dispose_location .map_navi button {display:block; width:100%; height:40px; background:#fff no-repeat 50% 50%; font-size:0;}
.dispose_location .map_navi .btn_point {background-image:url('/pub/images/btn_waypoint.svg'); border-radius:4px; box-shadow:rgba(0,0,0,.16) 0 3px 6px;}
.dispose_location .map_navi .btn_plus {background-image:url('/pub/images/btn_map_plus.svg'); border-bottom:#E3E7EA 1px solid;}
.dispose_location .map_navi .btn_minus {background-image:url('/pub/images/btn_map_minus.svg');}
.dispose_location .map_navi .box {box-shadow:rgba(0,0,0,.16) 0 3px 6px; border-radius:4px; overflow:hidden; margin-top:8px;}

.dispose_location_banner {padding:46px 46px 46px 280px; border-radius:16px; font-size:26px; color:#fff; font-weight:600; line-height:36px; background:#364359 url('/pub/images/img_dispose_location.png') no-repeat 100% 100%; border-radius:16px; margin-bottom:120px;}
.dispose_location_banner_wrap {background:#364359; margin-top:160px;}
.dispose_location_banner_wrap .dispose_location_banner {border-radius:0; margin-bottom:0;}

.dispose_search {position:relative; width:414px; height:56px; max-width:100%; border:#17BA77 2px solid; border-radius:28px; margin:35px auto 60px; padding-right:64px;}
.dispose_search .text {width:100%; height:52px; border:0; outline:0; padding:0 24px; background:none;}
.dispose_search .btn {position:absolute; top:0; right:0; font-size:0; width:64px; height:100%; background:url("/pub/images/icon_search2.svg") no-repeat 50% 50%;}

.map_mtb {margin:20px 0 40px; padding:0 20px;}

p.ad {margin-top:20px;}

.item_location {position:relative; /* background:#F6F9FE; */ padding:0 0 124px; /* margin-top:80px; */}
.item_location .tit {font-size:26px; font-weight:600; line-height:38px; text-align:center; margin-bottom:36px;}
.item_location .tit .bg {color:#17BA77; /* background:#17BA77; padding:0 5px; */}
.item_location .list {position:relative; display:flex; gap:25px; padding-top:22px; z-index:1;}
.item_location .list dl {width:calc((100% - 100px)/5); border:1px solid; border-radius:12px; background:#fff;}
.item_location .list dt {position:relative; font-size:18px; color:#fff; font-weight:600; line-height:22px; padding:30px 0 12px; border-radius:10px 10px 0 0; text-align:center;}
.item_location .list dt i {position:absolute; top:-23px; left:50%; width:44px; height:44px; background:no-repeat 50% 50%; border:#fff 2px solid; border-radius:50%; transform:translateX(-50%);}
.item_location .list dd {padding:16px; display:flex; flex-wrap:wrap; gap:8px 6px;}
.item_location .list dd p {font-size:14px; color:#222; line-height:30px; height:32px; padding:0 15px; border:#E3E7EA 1px solid; border-radius:16px;}
.item_location .list dl.c1 {border-color:#17ba77;}
.item_location .list dl.c1 dt,
.item_location .list dl.c1 dt i {background-color:#17ba77;}
.item_location .list dl.c1 dt i {background-image:url('/pub/images/icon_item_location11.svg');}
.item_location .list dl.c2 {border-color:#7f6000;}
.item_location .list dl.c2 dt,
.item_location .list dl.c2 dt i {background-color:#7f6000;}
.item_location .list dl.c2 dt i {background-image:url('/pub/images/icon_item_location12.svg');}
.item_location .list dl.c3 {border-color:#d389b0;}
.item_location .list dl.c3 dt,
.item_location .list dl.c3 dt i {background-color:#d389b0;}
.item_location .list dl.c3 dt i {background-image:url('/pub/images/icon_item_location13.svg');}
.item_location .list dl.c4 {border-color:#0070c0;}
.item_location .list dl.c4 dt,
.item_location .list dl.c4 dt i {background-color:#0070c0;}
.item_location .list dl.c4 dt i {background-image:url('/pub/images/icon_item_location14.svg');}
.item_location .list dl.c5 {border-color:#999;}
.item_location .list dl.c5 dt,
.item_location .list dl.c5 dt i {background-color:#999;}
.item_location .list dl.c5 dt i {background-image:url('/pub/images/icon_item_location15.svg');}
.item_location .icon {position:absolute; background:no-repeat 50% 50% / contain;}
.item_location .icon.i1 {top:195px; left:50%; margin-left:-780px; width:161px; height:52px; background-image:url('/pub/images/icon_cloud01.svg');}
.item_location .icon.i2 {top:102px; right:80px; width:186px; height:60px; background-image:url('/pub/images/icon_cloud02.svg');}
.item_location .icon.i3 {bottom:0; right:106px; width:263px; height:195px; background-image:url('/pub/images/icon_rebox.svg'); background-position:50% 100%;}

.no_location {background:#364359;}
.no_location.mt {margin-top:160px;}
.no_location .inner_in {position:relative; padding-left:255px; padding-top:35px; padding-bottom:35px;}
.no_location .inner_in:before {content:""; position:absolute; bottom:0; left:0; width:192px; height:165px; background:url('/pub/images/img_no_location.png') no-repeat 0 100%;}
.no_location .tit {font-size:26px; color:#fff; font-weight:600; line-height:31px; margin-bottom:12px;}
.no_location p {font-size:16px; color:#fff; opacity:.6; line-height:19px;}
.no_location .btn_proposal {position:absolute; top:50%; right:20px; font-size:16px; color:#fff; font-weight:700; background:#17BA77; line-height:48px; height:48px; width:152px; text-align:center; border-radius:24px; margin-top:-24px;}
.no_location .btn_proposal_modi {position:absolute; top:50%; right:20px; font-size:16px; color:#fff; font-weight:700; background:#17BA77; line-height:48px; height:48px; width:152px; text-align:center; border-radius:24px; margin-top:-24px;}

.other_point {background:#F3F7FB; padding:80px 0;}
.other_point .ctit {margin-bottom:56px;}
.other_point .aset {display:flex; justify-content:center; align-items:center; gap:24px;}
.other_point .aset a {width:220px; max-width:calc((100% - 72px)/4); height:180px; background:#fff; border-radius:16px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; box-shadow:rgba(0,0,0,.06) 0 3px 20px;}
.other_point .aset a:before {content:""; display:block; width:100%; height:70px; background:no-repeat 50% 50% / contain;}
.other_point .aset a p {font-size:20px; font-weight:600; line-height:24px; margin-top:16px;}
.other_point .aset a.i1:before {background-image:url('/pub/images/icon_main03_b1.png');}
.other_point .aset a.i2:before {background-image:url('/pub/images/icon_main03_b2.png');}
.other_point .aset a.i3:before {background-image:url('/pub/images/icon_main03_b3.png');}
.other_point .aset a.i4:before {background-image:url('/pub/images/icon_main03_b4.png');}
.other_point .aset a.i5:before {background-image:url('/pub/images/icon_main03_b5.png');}

.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none; color:#333;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; width:800px; max-width:calc(100vw - 40px); background:#fff; transform:translate(-50%,-50%); padding:20px 40px 40px;}
.popup .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; background:#222; mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup .tit {font-size:20px; color:#222; font-weight:600; line-height:80px; text-align:center; margin-bottom:20px;}
.popup .con th {vertical-align:top;}
.popup .con .captcha .text {width:calc(100% - 241px);}
.popup .btn_submit {display:block; width:152px; height:48px; line-height:48px; font-size:16px; color:#fff; font-weight:700; text-align:center; background:#17BA77; border-radius:24px; margin:10px auto 0;}

.proposal_type .inbox {width:480px;}
.proposal_type .write_area {max-height:calc(100vh - 200px); overflow:auto;}
.proposal_type .write_area dl {margin-top:20px;}
.proposal_type .write_area dl:first-child {margin-top:0;}
.proposal_type .write_area dt {font-size:16px; color:#333; font-weight:700; line-height:20px; margin-bottom:12px;}
.proposal_type .write_area dd .text {font-size:16px; color:#333;}
.proposal_type .write_area dd input.text,
.proposal_type .write_area dd .nice-select {height:56px; line-height:54px; border-radius:30px; float:none;}
.proposal_type .write_area dd textarea.text {border-radius:20px; height:120px;}
.proposal_type .write_area dd.flex {gap:20px;}
.proposal_type .write_area dd.flex .text {width:calc(50% - 10px);}
.proposal_type .write_area .captcha .img {position:relative; padding-right:28px; margin-right:18px; width:175px;}
.proposal_type .write_area .captcha .btn {position:absolute; top:0; right:0;}
.proposal_type .write_area .captcha .text {margin:0; width:calc(100% - 193px);}
.proposal_type .btn_submit {margin-top:30px; background:#333;}

/* 분리배출 필요성 */
.necessity_wrap {position:relative; padding-top:386px; margin-top:-306px;
--background-color:#fff;
--line-color :#f0f0f0;
--spacing :20px;
--line-thickness :1px;
--line-spacing :calc(var(--spacing) - var(--line-thickness));
background:linear-gradient(to bottom, transparent var(--line-spacing), var(--line-color) var(--line-spacing)) 0 0 / 100vw var(--spacing) repeat-y, linear-gradient(to right, transparent var(--line-spacing), var(--line-color) var(--line-spacing)) 0 0 / var(--spacing) 100% repeat-x var(--background-color); 
}
.necessity_wrap .tapebox {position:relative; border:#eee 8px solid; border-radius:24px; padding:80px 20px; background:#fff; text-align:center;}
.necessity_wrap .tapebox:before,
.necessity_wrap .tapebox:after {content:""; position:absolute; width:149px; height:147px; background:url('/pub/images/img_tape.png') no-repeat 50% 50% / contain;}
.necessity_wrap .accent_txt {font-size:28px; font-weight:500; line-height:44px; text-align:center;}
.necessity_wrap .accent_txt span {position:relative; color:#fff; font-weight:700; padding:0 10px; display:inline-block; vertical-align:top; z-index:1;}
.necessity_wrap .accent_txt span:before {content:""; position:absolute; top:50%; left:0; width:100%; height:calc(100% - 4px); background:#17BA77; transform:translateY(-50%); z-index:-1;}
.necessity01 {position:relative; padding-bottom:100px;}
.necessity01 .tit {margin-bottom:55px; text-align:center;}
.necessity01 .img_area {position:relative; background:url('/pub/images/bg_necessity01.svg') no-repeat 50% 22px;}
.necessity01 .center_img {position:relative; width:100%; margin-bottom:-43px; z-index:1; text-align:center; font-size:0;}
.necessity01 .tapebox:before {top:-50px; left:-47px;}
.necessity01 .tapebox:after {top:-50px; right:-56px; transform:scaleX(-1);}
.necessity01 .accent_txt {margin-bottom:63px;}
.necessity01 .abso {position:absolute; top:50%;}
.necessity01 .abso01 {left:4.6vw; margin-top:-450px; animation:necessity0101 10s infinite;}
@keyframes necessity0101 {
	0% {transform:translateX(0); margin-top:-450px;}
	25% {margin-top:-440px;}
	50% {transform:translateX(50px); margin-top:-450px;}
	75% {margin-top:-440px;}
	100% {transform:translateX(0); margin-top:-450px;}
}
.necessity01 .abso02 {left:17.6vw; margin-top:-400px; animation:necessity0102 7s infinite;}
@keyframes necessity0102 {
	0% {transform:rotate(0);}
	50% {transform:rotate(20deg);}
	100% {transform:rotate(0);}
}
.necessity01 .abso03 {right:14.9vw; margin-top:-500px; width:101px; transform:scaleX(-1); animation:necessity0102 4s infinite;}
@keyframes necessity0102 {
	0% {transform:rotate(0);}
	50% {transform:rotate(-10deg);}
	100% {transform:rotate(0);}
}
.necessity01 .abso04 {right:-5.9vw; margin-top:-50px; animation:necessity0104 10s infinite;}
@keyframes necessity0104 {
	0% {transform:translateX(0); margin-top:-50px;}
	25% {margin-top:-40px;}
	50% {transform:translateX(50px); margin-top:-50px;}
	75% {margin-top:-40px;}
	100% {transform:translateX(0); margin-top:-50px;}
}
.necessity01 .abso05 {top:auto; bottom:-30px; right:8vw;}
.necessity02 {position:relative; background:url('/pub/images/bg_necessity02.jpg') no-repeat 50% 50% / cover; padding:120px 0;}
.necessity02:before,
.necessity02:after {content:""; position:absolute; background:no-repeat 50% 50% / contain;}
.necessity02:before {top:50%; left:50%; margin-left:-900px; width:85px; height:100px; margin-top:-50px; background-image:url('/pub/images/icon_necessity02_left.svg');}
.necessity02:after {bottom:54px; right:50%; margin-right:-950px; width:160px; height:172px; background-image:url('/pub/images/icon_necessity02_right.svg');}
.necessity02 .accent_txt {color:#fff; margin-bottom:56px;}
.necessity02 .imgbox {position:relative; border:rgba(255,255,255,.1) 5px solid; border-radius:24px; padding:35px 20px; text-align:center;}
.necessity02 .imgbox .img_abso_left {position:absolute; bottom:-55px; left:-104px;  animation:necessity0201 6s infinite;}
@keyframes necessity0201 {
	0% {transform:rotate(0);}
	50% {transform:rotate(-10deg);}
	100% {transform:rotate(0);}
}
.necessity02 .imgbox .img_abso_right {position:absolute; top:100px; right:180px;  animation:necessity0202 4s infinite;}
@keyframes necessity0202 {
	0% {transform:rotate(0);}
	50% {transform:rotate(-10deg);}
	100% {transform:rotate(0);}
}
.necessity03 {padding:115px 0 160px;}
.necessity03 .tit {font-size:60px; font-weight:700; line-height:76px; display:flex; gap:12px; justify-content:center; margin-bottom:40px;}
.necessity03 .tit img {box-shadow:rgba(0,0,0,.16) 0 3px 6px; border-radius:50%;}
.necessity03 .accent_txt span:before {background:#3672D8;}
.necessity03 .tapebox {margin-top:56px;}
.necessity03 .tapebox:before {top:-45px; left:-47px;}
.necessity03 .tapebox:after {bottom:-50px; right:-64px;}
.necessity03 .tapebox img {margin-bottom:40px;}
.necessity04 {position:relative; background:#17BA77; padding:80px 0;}
.necessity04:before,
.necessity04:after {content:""; position:absolute; background:no-repeat 50% 50% / contain;}
.necessity04:before {top:-60px; left:12.4vw; width:229px; height:177px; background-image:url('/pub/images/img_necessity04_01.png');}
.necessity04:after {bottom:38px; right:7.7vw; width:151px; height:174px; background-image:url('/pub/images/img_necessity04_02.png');}
.necessity04 .dda {position:relative; font-size:40px; color:#fff; line-height:56px; text-align:center; padding:53px 0; z-index:1;}
.necessity04 .dda:before,
.necessity04 .dda:after {content:""; position:absolute; left:0; width:100%; height:21px; background:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain;}
.necessity04 .dda:before {top:0;}
.necessity04 .dda:after {bottom:0; transform:rotate(180deg);}

/* 폐기물 분류체계 */
.classification_system_wrap .glbox {padding:50px;}
.classification_area {display:flex; gap:80px;}
.classification_area li {position:relative; display:flex; gap:40px; margin-bottom:8px;}
.classification_area li:last-child {margin-bottom:0 !important;}
.classification_area li:before {content:""; position:absolute; top:28px; left:220px; width:1px; height:calc(100% - 54px); background:#CDD4D9;}
.classification_area li span {position:relative; display:flex; justify-content:center; align-items:center; width:200px; height:56px; line-height:20px; text-align:center; border-radius:4px; font-weight:500; border:1px solid;}
.classification_area li span:before,
.classification_area li span:after {content:""; position:absolute; top:50%;}
.classification_area li span:before {left:-20px; width:14px; height:1px; background:#CDD4D9;}
.classification_area li:first-child > span:before {left:-41px; width:36px;}
.classification_area li span:after {left:-9px; width:6px; height:11px; background:url('/pub/images/arrow_class.svg') no-repeat 50% 50% / contain; margin-top:-5px;}
.classification_area li > span a {display:flex; justify-content:center; align-items:center; color:inherit; width:100%; height:100%;}
.classification_area .con1 > li > span {font-size:20px; color:#fff; background:#3672D8; border-color:#3672D8;}
.classification_area .con1 > li > span:before,
.classification_area .con1 > li > span:after {display:none;}
.classification_area .con1 > li > span.c1 {background:#17BA77; border-color:#17BA77;}
.classification_area .con1 > li > span.c2 {background:#5E5E5E; border-color:#5E5E5E;}
.classification_area .con1 > li > span.c3 {background:#FF4B43; border-color:#FF4B43;}
.classification_area .con1 > li > span.c4 {background:#3672D8; border-color:#3672D8;}
.classification_area .con1 > li > span.c5 {background:#A2663E; border-color:#A2663E;}
.classification_area .con1 > li > span.c6 {background:#FF972F; border-color:#FF972F;}
.classification_area .con2 > li > span {font-size:17px; color:#3672D8; background:#f3f7fd; border-color:#dfeaf9;}
.classification_area .con2 > li.other > span,
.classification_area .con3 > li > span {font-size:17px; background:#fff; border-color:#E3E7EA;}

/* 생활폐기물 처리체계 */
.accordion_box .box {margin-bottom:16px; border:#E3E7EA 1px solid; border-radius:8px; overflow:hidden;}
.accordion_box .box:last-child {margin-bottom:0 !important;}
.accordion_box .tit {transition:.2s linear;}
.accordion_box .tit button {position:relative; font-size:20px; font-weight:600; line-height:32px; padding:20px 52px 20px 32px; width:100%; text-align:left; white-space:normal;}
.accordion_box .tit i {position:absolute; top:0; right:32px; width:18px; height:100%;}
.accordion_box .tit i:before,
.accordion_box .tit i:after {content:""; position:absolute; top:50%; left:50%; background:#212429; transition:.2s linear; transform:translate(-50%,-50%);}
.accordion_box .tit i:before {width:18px; height:2px;}
.accordion_box .tit i:after {width:2px; height:18px;}
.accordion_box .on .tit {background:#F7F8F9;}
.accordion_box .on .tit i:after {width:18px; height:2px;}
.accordion_box .con {padding:33px 40px; border-top:#E3E7EA 1px solid; max-height:600px; overflow:auto; color:#333; display:none;}
.accordion_box .con * {color:#333;}
.accordion_box .con img {height:auto !important;}
.accordion_box .con table {min-width:100%; table-layout:auto;}
.accordion_box .con table tr:first-child td {background:#f6f6f6;}
.accordion_box .con .btn_btns {display:flex; justify-content:flex-start; padding-top:20px;}
.accordion_box .con .btn_btns .btn {display:flex; justify-content:center; align-items:center; gap:10px; font-size:16px; color:#fff; font-weight:700; background:#17ba77; line-height:48px; height:48px; text-align:center; border-radius:24px; padding:0 20px;}
.accordion_box .con .btn_btns .btn:after {content:""; display:block; width:6px; height:12px; background:#fff; mask:url('/pub/images/arrow_locate.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_locate.svg') no-repeat 50% 50%;}

.slice_tab {position:relative; margin:0 auto 70px; display:flex; justify-content:center;}
.slice_tab a {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:16px; width:calc(100%/8); font-size:17px; color:#333; font-weight:500; line-height:24px; text-align:center;}
.slice_tab a:before {content:""; display:block; width:90px; height:90px; background:no-repeat 50% 50%; border:#fff 4px solid; border-radius:16px; transition:.2s linear; box-shadow:rgba(0,0,0,.06) 0 3px 20px;}
.slice_tab a.on:before {border-color:#3672D8;}
.g02.s01 .slice_tab a.i1:before {background-image:url('/pub/images/icon_sub_a1.svg');}
.g02.s01 .slice_tab a.i1.on:before {border-color:#17BA77;}
.g02.s01 .slice_tab a.i2:before {background-image:url('/pub/images/icon_sub_a2.svg');}
.g02.s01 .slice_tab a.i2.on:before {border-color:#FF4B43;}
.g02.s01 .slice_tab a.i3:before {background-image:url('/pub/images/icon_sub_a3.svg');}
.g02.s01 .slice_tab a.i3.on:before {border-color:#5E5E5E;}
.g02.s01 .slice_tab a.i4:before {background-image:url('/pub/images/icon_sub_a4.svg');}
.g02.s01 .slice_tab a.i4.on:before {border-color:#5E5E5E;}
.g02.s01 .slice_tab a.i5:before {background-image:url('/pub/images/icon_sub_a5.svg');}
.g02.s01 .slice_tab a.i5.on:before {border-color:#3672D8;}
.g02.s01 .slice_tab a.i6:before {background-image:url('/pub/images/icon_sub_a6.svg');}
.g02.s01 .slice_tab a.i6.on:before {border-color:#A2663E;}
.g02.s01 .slice_tab a.i7:before {background-image:url('/pub/images/icon_sub_a7.svg');}
.g02.s01 .slice_tab a.i7.on:before {border-color:#FF972F;}
.g02.s01 .slice_tab a.i8:before {background-image:url('/pub/images/icon_sub_a8.svg');}
.g02.s01 .slice_tab a.i8.on:before {border-color:#CDD4D9;}
.g02.s02 .slice_tab a.i1:before {background-image:url('/pub/images/icon_sub_a9.svg');}
.g02.s02 .slice_tab a.i2:before {background-image:url('/pub/images/icon_sub_a10.svg');}
.g02.s02 .slice_tab a.i3:before {background-image:url('/pub/images/icon_sub_a11.svg');}
.g02.s02 .slice_tab a.i4:before {background-image:url('/pub/images/icon_sub_a12.svg');}
.g02.s02 .slice_tab a.i5:before {background-image:url('/pub/images/icon_sub_a13.svg');}

.balloon_tab {position:relative; background:#F6F9FE; border-radius:16px;}
.balloon_tab:before {content:""; position:absolute; top:-30px; width:24px; height:30px; background:url('/pub/images/icon_balloon.svg') no-repeat 50% 50% / contain;}
.balloon_tab .list_in {display:flex; flex-wrap:wrap; justify-content:center; gap:12px 8px; padding:40px 190px;}
.balloon_tab a {display:block; font-size:16px; color:#212429; font-weight:500; line-height:42px; height:50px; padding:0 32px; background:#fff; border:#E3E7EA 4px solid; border-radius:25px;}
.balloon_tab a.type1 {border-color:#212429;}
.balloon_tab a.type2 {border-color:#00a360;}
.balloon_tab a.type3 {border-color:#EFD96B;}
.balloon_tab a.type4 {border-color:#3672D8;}
.balloon_tab a.type5 {border-color:#A690D1;}
.balloon_tab a.type6 {border-color:#85DD75;}
.balloon_tab a.type7 {border-color:#FF972F;}
.balloon_tab a.type8 {border-color:#CDD4D9;}
.balloon_tab a.type9 {border-color:#92D686;}
.balloon_tab a.on {color:#fff; /* background:#17BA77; border-color:#17BA77; */}
.balloon_tab a.on.type1 {background:#212429;}
.balloon_tab a.on.type2 {background:#17BA77;}
.balloon_tab a.on.type3 {background:#EFD96B;}
.balloon_tab a.on.type4 {background:#3672D8;}
.balloon_tab a.on.type5 {background:#A690D1;}
.balloon_tab a.on.type6 {background:#85DD75;}
.balloon_tab a.on.type7 {background:#FF972F;}
.balloon_tab a.on.type8 {background:#CDD4D9;}
.balloon_tab a.on.type9 {background:#92D686;}
.g02.s01 .balloon_tab:before {width:calc(100%/8);}
.balloon_tab.d01:before {left:0;}

.item_area {display:flex; gap:0 20px; align-items:flex-start; margin-top:24px;}
.item_area .box {position:relative; width:calc((100% - 60px)/4); overflow:hidden; border-radius:10px;}
.item_area .box p {position:absolute; bottom:24px; left:24px; color:#fff; font-weight:600; line-height:22px; z-index:1; text-shadow:#0006 0 0 20px;}
.item_area .box.gray {background:#0004;}
.item_area .box.gray img {mix-blend-mode:multiply;}
.item_area .half {width:calc(50% - 10px); display:flex; gap:0 20px; flex-wrap:wrap;}
.item_area .half .box {width:calc(50% - 10px);}
.item_area .half .around {position:relative; margin-top:12px; font-size:16px; color:#222; font-weight:500; line-height:20px; padding-top:10px; text-align:center; width:100%;}
.item_area .half .around:before {content:""; position:absolute; top:0; left:50%; width:calc(50% + 20px); height:18px; border:#17BA77 1px solid; border-top:0; transform:translateX(-50%);}
.item_area .half .around span {position:relative; display:inline-block; vertical-align:top; padding:0 10px; background:#fff; z-index:1;}
.item_area .half.set41 {width:calc((100% - 60px)/4);}
.item_area .half.set41 .box {width:100%;}
.item_area .half.set43 {width:calc(75% - 10px);}
.item_area .half.set43 .box {width:calc((100% - 40px)/3);}
.item_area .half.set53 {width:calc(60% - 10px);}
.item_area .half.set53 .box {width:calc((100% - 40px)/3);}
.item_area .half.set53 .around:before {width:calc(66% + 20px);}
.item_area .half.set52 {width:calc(40% - 10px);}
.item_area .half.set51 {width:calc(20% - 10px);}
.item_area .half.set51 .box {width:100%;}
.item_area .half.set51 .around:before {width:calc(100% - 40px);}
.item_area .half.set63 {width:calc(50% - 10px);}
.item_area .half.set63 .box {width:calc((100% - 40px)/3);}
.item_area .half.set63 .around:before {width:calc(66% + 20px);}
.item_area .half.set62 {width:calc((((100% - 100px)/6)*2) + 20px);}
.item_area .half.set62 .box {width:calc(50% - 10px);}
.item_area .half.set61 {width:calc((100% - 100px)/6);}
.item_area .half.set61 .box {width:100%;}

.cvr_area {position:relative; margin-top:80px; padding:43px 40px 40px; border:#E3E7EA 1px solid; border-radius:16px;}
.cvr_area .tit {position:absolute; top:-20px; left:-1px; width:auto; height:40px; line-height:40px; background:#E7F8F1; border:rgba(23,186,119,.1) 1px solid; border-radius:20px 20px 20px 0; padding:0 24px 0 82px; font-size:18px; color:#17BA77; font-weight:500;}
.cvr_area .tit:before {content:""; position:absolute; top:-21px; left:5px; width:74px; height:82px; background:url('/pub/images/icon_sub_b1.png') no-repeat 50% 50% / contain;}
.cvr_area p.blue {font-size:16px; line-height:20px; margin-bottom:40px;}
.cvr_area ul {display:flex; justify-content:center; flex-wrap:wrap; text-align:center; padding:0 35px;}
.cvr_area li {position:relative; width:20%;}
.cvr_area li .img {position:relative;}
.cvr_area li .img img {border-radius:50%;}
.cvr_area li .img:after {content:""; position:absolute; top:0; left:50%; width:130px; height:130px; border:#E3E7EA 1px solid; transform:translateX(-50%); border-radius:50%;}
.cvr_area li p {font-weight:500; margin-top:16px;}
.cvr_area li p.t {font-size:20px; margin:0 0 30px;}
.cvr_area li p span {display:block; font-size:16px; line-height:22px; margin-top:12px;}
.cvr_area ul.dots_list {flex-direction:column; width:100%; margin-bottom:40px; padding:0;}
.cvr_area ul.dots_list li {width:100%; text-align:left;}
.cvr_area.h150 li .img:after {width:150px; height:150px;}
.cvr_area.wauto ul {gap:190px;}
.cvr_area.wauto li {width:auto;}
.cvr_area.wauto li.bar:before {content:""; position:absolute; top:50%; left:-95px; width:1px; height:100px; background:#3672D8; opacity:.3; transform:translateY(-50%);}
.cvr_area.wauto .flex {gap:50px;}
.cvr_area.set4 ul {gap:60px 0;}
.cvr_area.set4 li {width:25%;}

.bbg_area {background:#F3F7FB; padding:80px 0; margin-top:120px;}
.bbg_area.pb {padding-bottom:160px;}

.wbox {background:#fff; border-radius:16px; padding:40px;}
.wbox.mt {margin-top:24px;}
ol.bl_list li {position:relative; border:#3672D8 2px solid; padding:24px 24px 24px 64px; font-size:20px; font-weight:500; line-height:24px; border-radius:36px; margin-bottom:10px;}
ol.bl_list li:last-child {margin-bottom:0;}
ol.bl_list li:before {position:absolute; top:22px; left:24px; width:28px; height:28px; line-height:28px; text-align:center; font-size:14px; color:#fff; font-weight:700; background:#3672D8; border-radius:50%;}
ol.bl_list li:nth-child(1):before {content:"01";}
ol.bl_list li:nth-child(2):before {content:"02";}
ol.bl_list li:nth-child(3):before {content:"03";}
ol.bl_list li:nth-child(4):before {content:"04";}
ol.bl_list li:nth-child(5):before {content:"05";}
ol.bl_list li:nth-child(6):before {content:"06";}
ol.bl_list li:nth-child(7):before {content:"07";}
ol.bl_list li:nth-child(8):before {content:"08";}
ol.bl_list li:nth-child(9):before {content:"09";}
ol.bl_list li:nth-child(10):before {content:"10";}
ol.bl_list li.inp {margin-bottom:40px;}
ol.bl_list li.inp p {position:absolute; bottom:-30px; left:0; font-size:16px; color:#3672D8; font-weight:400; line-height:20px;}

.method_dl dl {display:flex; gap:37px; margin-bottom:24px;}
.method_dl dl:last-child {margin-bottom:0;}
.method_dl dt,
.method_dl dd {border-radius:8px;}
.method_dl dt {position:relative; width:160px; background:rgba(23,186,116,.1); border:rgba(23,186,116,.1) 1px solid; font-size:20px; color:#17BA77; font-weight:500; line-height:26px; text-align:center; display:flex; justify-content:center; align-items:center;}
.method_dl dt:before,
.method_dl dt:after {content:""; position:absolute; top:50%; left:100%;}
.method_dl dt:before {width:37px; height:1px; background:#CDD4D9;}
.method_dl dt:after {background:#fff; border:#17BA77 2px solid; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%;}
.method_dl dd {width:calc(100% - 197px); padding:32px; background:#F7F8F9; border:#CDD4D9 1px dashed;}

.step_area {position:relative; background:#F3F7FB; padding:65px 20px 40px; margin-top:24px; border-radius:16px;}
.step_area:before,
.step_area:after {content:""; position:absolute; background:no-repeat 50% 50% / contain;}
.step_area:before {bottom:56px; left:-47px; width:88px; height:50px; background-image:url('/pub/images/icon_sub_c1.png');}
.step_area:after {bottom:-55px; right:-86px; width:185px; height:240px; background-image:url('/pub/images/icon_sub_c2.png');}
.step_area ol {display:flex; justify-content:center; gap:5px;}
.step_area ol.mt {margin-top:35px;}
.step_area li {position:relative; width:240px;}
.step_area li:after {content:""; position:absolute; top:0; right:-10px; width:15px; height:260px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
.step_area li .img {position:relative; text-align:center; font-size:0; line-height:260px; margin-bottom:6px;}
.step_area li .step {position:absolute; bottom:10px; left:50%; font-size:14px; color:#fff; font-weight:500; line-height:28px; height:28px; width:90px; text-align:center; background:#3672D8; border-radius:14px; z-index:1; transform:translateX(-50%);}
.step_area li p {font-size:18px; font-weight:600; line-height:27px; text-align:center; width:120%; margin:0 -10%;}
.step_area li.last {width:300px; margin-left:25px;}
.step_area li.last:after {display:none;}
.step_area li.last p {color:#3672D8;}

.step_box {display:flex; justify-content:center; gap:93px;}
.step_box li {position:relative;}
.step_box li:after {content:""; position:absolute; top:0; right:-54px; width:15px; height:260px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50% / 15px;}
.step_box li.none_arw:after,
.step_box li:last-child:after {display:none;}
.step_box .img {width:210px; height:210px; line-height:210px; text-align:center; margin:0 auto;}
.step_box p {font-size:18px; font-weight:600; line-height:22px; text-align:center;}
.step_box .txt_last {width:222px; height:222px; background:#E0EBF9; border:#F4F8FD 12px solid; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:50%;}
.step_box .txt_last p {line-height:26px;}
.step_box .left_bar {margin-left:100px;}
.step_box .left_bar:before {content:""; position:absolute; top:50%; left:-95px; width:1px; height:100px; background:#3672D8; transform:translateY(-50%); opacity:.3;}

.txtbtm_area {display:flex; gap:20px; margin-top:24px;}
.txtbtm_area .box {width:calc(50% - 10px); border:#D6D6D6 1px solid; border-radius:20px; overflow:hidden;}
.txtbtm_area .img {height:204px; line-height:204px; text-align:center; font-size:0;}
.txtbtm_area p {font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; text-align:center; background:#17BA77;}

/* 주택 유형별 */
.num_list li {position:relative; font-size:20px; font-weight:500; line-height:30px; border-radius:36px; margin-bottom:20px; padding-left:40px; letter-spacing:-.5px;}
.num_list li:last-child {margin-bottom:0;}
.num_list li:before {position:absolute; top:1px; left:0; width:28px; height:28px; line-height:28px; text-align:center; font-size:14px; color:#fff; font-weight:700; background:#3672D8; border-radius:50%;}
.num_list li:nth-child(1):before {content:"01";}
.num_list li:nth-child(2):before {content:"02";}
.num_list li:nth-child(3):before {content:"03";}
.num_list li:nth-child(4):before {content:"04";}
.num_list li:nth-child(5):before {content:"05";}
.num_list li p {font-size:18px;}

.half_img {display:flex; gap:20px; margin-top:40px;}
.half_img img {width:calc(50% - 10px); border-radius:10px;}

/* 품목사전 */
.dictionary_wrap .main_search_area {padding-top:0;}
.dictionary_wrap .main_search_area .inputs {margin-bottom:120px;}
.sub_select_search {border:#E3E7EA 1px solid; border-radius:16px; padding:0; margin-bottom:80px;}
.sub_select_search .box {display:flex; margin-bottom:30px;}
.sub_select_search .box:last-child {margin-bottom:0;}
.sub_select_search .btit {width:190px;}
.sub_select_search .con {width:calc(100% - 190px);}
.sub_select_search .search_text .con {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub_select_search label {display:block;}
.sub_select_search input {display:none;}
.sub_select_search span {display:block; background:#F3F7FB; border:#F3F7FB 2px solid; text-align:center; transition:.2s linear;}
.sub_select_search input:checked + span {background:#fff; border-color:#212429;}
.sub_select_search .search_text span {width:64px; height:64px; line-height:60px; font-size:18px; color:#666; border-radius:50%;}
.sub_select_search .search_type label {width:100%;}
.sub_select_search .search_type span {width:100%; border-radius:8px; padding:22px 0;}
.sub_select_search .search_type i {display:block; width:44px; height:44px; border-radius:50%; margin:0 auto 12px; background:no-repeat 50% 50% / contain;}
.sub_select_search .search_type p {font-size:16px; color:#333; line-height:24px;}
.sub_select_search .btn_reset {font-size:16px; font-weight:500; line-height:38px; height:40px; width:100px; margin:25px auto 0; display:flex; justify-content:center; align-items:center; gap:8px; border:#CDD4D9 1px solid; border-radius:8px;}
.sub_select_search .btn_reset:before {content:""; display:block; width:14px; height:14px; background:url('/pub/images/icon_reset.svg') no-repeat 50% 50% / contain;}
.sub_select_search .swiper-notification {display:none;}
.dictionary_wrap i.i1 {background-image:url('/pub/images/icon_dictionary01.svg') !important;}
.dictionary_wrap i.i2 {background-image:url('/pub/images/icon_dictionary02.svg') !important;}
.dictionary_wrap i.i3 {background-image:url('/pub/images/icon_dictionary03.svg') !important;}
.dictionary_wrap i.i4 {background-image:url('/pub/images/icon_dictionary04.svg') !important;}
.dictionary_wrap i.i5 {background-image:url('/pub/images/icon_dictionary05.svg') !important;}
.dictionary_wrap i.i6 {background-image:url('/pub/images/icon_dictionary06.svg') !important;}
.dictionary_wrap i.i7 {background-image:url('/pub/images/icon_dictionary07.svg') !important;}

.dictionary_list {display:flex; flex-wrap:wrap; gap:64px 32px;}
.dictionary_list a {display:block; width:calc((100% - 96px)/4);}
.dictionary_list .imgfit {position:relative; display:block; width:100%; height:240px; border-radius:8px; border:#EBEBEB 1px solid; overflow:hidden;}
.dictionary_list .imgfit img {object-fit:contain;}
.dictionary_list .imgfit .i_wrap {position:absolute; top:10px; left:10px; display:flex; gap:5px; z-index:1;}
.dictionary_list .imgfit i {display:block; width:44px; height:44px; background:no-repeat 50% 50% / contain;}
.dictionary_list .txt {display:block; padding-top:20px;}
.dictionary_list p {font-size:14px; color:#666; line-height:16px; height:16px; margin-bottom:6px;}
.dictionary_list .tit {font-size:20px; font-weight:500; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.dictionary_info {padding-top:0 !important;}
.dictionary_info .imgfit {border:#EBEBEB 1px solid; border-radius:8px;}

.non_search {width:1440px; max-width:calc(100% - 40px); padding:50px 20px; text-align:center; font-size:20px; line-height:30px; font-weight:600; background:#fff; border:#ddd 2px solid; border-radius:16px; margin:0 auto;}
.mb_no_search .non_search {margin-bottom:120px;}

.btn_list {width:200px; height:56px; line-height:54px; display:flex; justify-content:center; align-items:center; gap:8px; border:#333 1px solid; border-radius:28px; color:#333; margin:80px auto 0;}
.btn_list:before {content:""; display:block; width:15px; height:15px; background:url('/pub/images/btn_list.svg') no-repeat 50% 50% / contain;}

/* 지역별 분리배출 방법 */
.accordion_box.region_set {margin-top:60px;}
.accordion_box.region_set .con {padding:40px;}
.g03.s01 .accordion_box.region_set .con .scroll {overflow:auto;}
.accordion_box table,
.tbl table {border-top:#333 2px solid;}
.accordion_box th,
.accordion_box td,
.tbl th,
.tbl td {border:#DBDBDB 1px solid; padding:30px;}
.accordion_box th:first-child,
.accordion_box td:first-child {border-left:0;}
.accordion_box th:last-child,
.accordion_box td:last-child {border-right:0;}
.accordion_box th,
.tbl th {color:#333; background:#F8F8FA;}
.accordion_box td,
.tbl td {color:#666;}
.accordion_box td {word-break:break-word; padding:10px; font-size:16px;}
.accordion_box td .s,
.tbl td .s {font-size:16px;}
.accordion_box.region_set th {width:200px;}
.dtit {position:relative; font-size:20px; line-height:24px; padding-left:18px; text-indent:0; margin:40px 0 24px;}
.dtit:before {content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background:#17BA77;}
.dtit:first-child {margin-top:0;}

/* .accordion_box.bylaw_set .con li {padding-left:20px; text-indent:-20px;}
.accordion_box.bylaw_set .con > ul > li {margin-bottom:10px;}
.accordion_box.bylaw_set .con > ul > li:last-child {margin-bottom:0;} */

/* 분리배출 홍보물 */
.promotional_list {display:flex; flex-wrap:wrap; gap:64px 32px;}
.promotional_list a {width:calc((100% - 96px)/4);}
.promotional_list span {display:block;}
.promotional_list .imgfit {width:100%; height:429px; border-radius:10px;}
.promotional_list .txt {padding-top:20px;}
.promotional_list .region {font-size:14px; color:#666; line-height:16px;}
.promotional_list .tit {font-size:20px; font-weight:500; line-height:24px; margin:6px 0 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.promotional_list .date {font-size:14px; color:#999; line-height:16px;}

/* 갤러리 목록 - 지역 알림마당 */
.gall_list {display:flex; flex-wrap:wrap; gap:64px 32px;}
.gall_list a {display:block; width:calc((100% - 64px)/3);}
.gall_list span {display:block;}
.gall_list .imgfit {width:100%; height:242px;}
.gall_list .txt {position:relative; padding-top:32px;}
.gall_list .category {position:absolute; top:-16px; left:0; height:32px; line-height:32px; padding:0 14px; font-size:14px; color:#fff; font-weight:500; background:#005ED9; border-radius:0 14px;}
.gall_list .region {font-size:14px; color:#666; line-height:16px;}
.gall_list .tit {font-size:20px; font-weight:500; line-height:24px; margin:6px 0 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list .date {font-size:14px; color:#999; line-height:16px; display:flex; gap:21px; overflow:hidden;}
.gall_list .date span {position:relative;}
.gall_list .date span:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:12px; background:#DBDBDB; transform:translateY(-50%);}

.pop_area {width:480px; /* height:360px; */ max-width:100%; background:#fff; padding:40px; text-align:center;}
.pop_area .tit {font-size:20px; color:#333; font-weight:700; margin-bottom:24px;}
.pop_area .tit span {color:#17BA77;}
.pop_area p {font-size:16px; color:#333; line-height:24px; margin-bottom:30px;}
.pop_area .text {display:block; font-size:16px; color:#333; line-height:54px; height:56px; border:#ccc 1px solid; border-radius:28px; padding:0 20px;}
.pop_area .text::placeholder {color:rgba(34,34,34,.53);}
.pop_area .btn {display:block; font-size:18px; color:#fff; font-weight:700; line-height:50px; height:50px; width:170px; text-align:center; background:#333; border-radius:25px; margin:30px auto 0;}
.fancybox-close {top:0; right:0; width:66px; height:66px; background:url('/pub/images/btn_close2.svg') no-repeat 50% 50%;}

/* FAQ */
.accordion_box.faq_set .box {margin-bottom:16px;}
.accordion_box.faq_set .tit button,
.accordion_box.faq_set .con {padding-left:93px;}
.accordion_box.faq_set .tit button:before {content:"Q"; position:absolute; top:0; left:32px; line-height:72px; font-size:20px; color:#333; font-weight:600;}
.accordion_box.faq_set .tit span {position:absolute; top:0; left:72px; height:72px; color:#4C94E3;}
.accordion_box.faq_set .tit span:after {content:""; position:absolute; top:50%; right:0; width:1px; height:20px; background:#E6E6E6; margin-top:-10px;}

/* 통합검색 */
.total_searach_wrap strong {color:#17BA77;}
.stit {position:relative; font-size:28px; color:#333; font-weight:600; line-height:34px; display:flex; align-items:center;}
.stit span {position:relative; font-size:18px; color:#222; font-weight:600; padding-left:20px; margin-left:18px;}
.stit span:before {content:""; position:absolute; top:50%; left:0; width:2px; height:22px; background:#DBDBDB; margin-top:-11px;}
.stit .more {position:absolute; top:0; right:0; font-size:14px; color:#fff; font-weight:600; line-height:36px; height:36px; width:95px; display:flex; justify-content:center; align-items:center; gap:10px; border-radius:18px; background:#17BA77;}
.stit .more:after {content:""; display:block; width:6px; height:inherit; background:#fff; mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.total_searach_wrap .dots_list {border-bottom:#DBDBDB 1px solid; padding:30px 10px;}
.total_searach_wrap .search_con {border-top:#333 2px solid; margin:30px 0 80px;}
.total_searach_wrap .search_con:last-child {margin-bottom:0;}
.total_searach_wrap ul.dots_list li {font-size:18px; color:#333; line-height:40px;}
.total_searach_wrap ul.dots_list li strong {font-weight:500;}
.total_searach_wrap .search_con a {display:block; border-bottom:#DBDBDB 1px solid; padding:30px 10px;}
.total_searach_wrap .search_con span {display:block;}
.total_searach_wrap .search_con .tt {font-size:20px; color:#333; font-weight:700; line-height:24px; margin-bottom:16px;}
.total_searach_wrap .search_con .t {font-size:18px; color:#222; font-weight:600; line-height:22px; margin-bottom:10px;}
.total_searach_wrap .search_con p {font-size:18px; color:#666; line-height:22px;}

/* 이용약관 */
.terms_wrap {line-height:30px;}

/* 위치 허용되지 않은 경우 */
.positionErrorDiv{/*height:100%;*/display:flex;justify-content:center;align-items:center;}
.positionErrorText{text-align:center;font-size:16px;font-weight:500;}

/* 분리배출 표시와 재활용 용이성 등급 */
.recyclingrank01 {position:relative; padding-bottom:170px; z-index:1;}
.recyclingrank01:before {content:""; position:absolute; bottom:-30px; left:50%; width:335px; height:155px; background:url('/pub/images/img_recyclingrank01.svg') no-repeat 50% 50% / contain; transform:translateX(-50%);}
.recyclingrank01 dl {position:relative; padding-top:28px;}
.recyclingrank01 dt {position:absolute; top:0; left:50%; font-size:24px; color:#fff; font-weight:600; line-height:56px; height:56px; padding:0 30px; background:#3672D8; border-radius:28px; transform:translateX(-50%);}
.recyclingrank01 dd {font-size:20px; color:#333; font-weight:600; line-height:32px; text-align:center; padding:62px 40px 40px; border:#3672D8 1px solid; border-radius:16px;}
.recyclingrank02 {background:#F3F7FB; padding:120px 0 160px;}
.late_fees01:before {width:320px; height:171px; background-image:url('/pub/images/img_latefees01.svg');}
.late_fees02 .tbl th {padding:14px;}

.recycling_type {display:flex; gap:32px; margin-top:48px;}
.recycling_type dl {width:calc((100% - 96px)/4); background:#fff; border:#E3E7EA 1px solid; border-radius:16px; padding:20px;}
.recycling_type dl.set3 {width:calc(((100% - 96px)/4)*3 + 64px);}
.recycling_type dt {font-size:20px; color:#17BA77; font-weight:600; line-height:46px; height:48px; width:100%; background:#F3FDF5; border:#17BA77 1px solid; border-radius:24px; text-align:center;}
.recycling_type .red dt {color:#E8306D; background:#FFEFF4; border-color:#E8306D;}
.recycling_type dd {margin-top:32px; text-align:center; line-height:142px; font-size:0;}

.recycling_type_tbl {background:#fff; margin-top:48px; text-align:center;}
.recycling_type_tbl col.w1 {width:160px;}
.recycling_type_tbl col.w2 {width:124px;}
.recycling_type_tbl th {background:#E6F3FF; border-left:0;}
.recycling_type_tbl th.hard {background:#FFEFF4;}
.recycling_type_tbl td {padding:14px 16px;}
.recycling_type_tbl td:last-child {border-right:0;}
.recycling_type_tbl .flex {flex-wrap:wrap;}

/* 배너모음 */
.select_city {display:flex; flex-wrap:wrap; gap:14px 10px; padding:40px; background:#F3F7FB; border-radius:16px;}
.select_city a {position:relative; width:calc((100% - 80px)/9); font-size:18px; color:#212429; font-weight:500; line-height:22px; padding-left:10px;}
.select_city a:before {content:"·"; position:absolute; top:0; left:0; color:#3672D8;}
.select_city ~ .btit {position:relative; margin:80px 0 33px; font-size:30px; line-height:30px; display:flex; align-items:center; gap:10px;}
.select_city ~ .btit:before {top:1px; height:28px;}
.select_city ~ .btit .point {top:-160px;}
.select_city ~ .btit .more_link {width:30px; height:30px; background:#CDD4D9 url('/pub/images/icon_link2.svg') no-repeat 50% 50%; border-radius:50%; font-size:0; transition:.2s linear;}
.select_city + .btit {margin-top:120px;}
.city_links {display:flex; flex-wrap:wrap; gap:12px 10px;}
.city_links a {width:calc((100% - 90px)/10); position:relative; display:block; height:50px; line-height:48px; padding:0 12px; border:#E3E7EA 1px solid; border-radius:10px; font-size:17px; color:#212429; font-weight:500;}
.city_links a:after {content:""; position:absolute; top:50%; right:12px; width:23px; height:23px; background:#CDD4D9 url('/pub/images/icon_link2.svg') no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%); transition:.2s linear;}