@charset "utf-8";

.seobox { margin-top: 1rem; overflow: hidden; border: 1rem solid #f2f2f2; }
.seobox:before, .seobox:after { display: block; content: ''; width: 0px; height: 0px; border-width: 4rem; border-style: solid; border-color: #f2f2f2; }
.seobox:before { border-bottom-color: transparent; border-right-color: transparent; }
.seobox:after { float: right; border-top-color: transparent; border-left-color: transparent; }
.seobox p.tit { text-align: center; margin-bottom: 5%; }
.seobox p.tit span { display: inline-block; text-shadow: 0px 1px 1px rgba(0,0,0,.2); color: #222; border-bottom: .5rem double #171717; font: bold 4.8rem 'Nanum Myeongjo'; letter-spacing: -1px; }
.seobox p.stit span { font-size: 4rem; }
.seobox .con { padding: 1% 7% 0%; ;}
.seobox p.txt { margin-top: 1rem; font-size: 1.7rem; letter-spacing: -1px; }
.seobox .ic_hand { padding: 1rem 0px 1rem 4rem; background: url(/main/img/contents/geomdan/ic_hand.gif) no-repeat left 6px; font-size: 1.7rem; }
.seobox.plan { margin-top: 4rem; }
.seobox.plan .con p { margin-top: 2rem; }
.seobox.plan .con p:first-child { margin-top: 0; }

.easy_notify ul { margin-top: 10%; overflow: hidden; }
.easy_notify ul li { font-size: 16px; background-repeat: no-repeat; }
.easy_notify ul li.ic01 { background-image: url(/main/img/contents/civil/easy_notify_ic01.gif); }
.easy_notify ul li.ic02 { background-image: url(/main/img/contents/civil/easy_notify_ic02.gif); }
.easy_notify ul li.ic03 { background-image: url(/main/img/contents/civil/easy_notify_ic03.gif); }

.current { border: 1px solid #dcdcdc; }
.current>div>div { background: #546DAB; }
.current div.img img { display: block; width: 100%; }
.current div.txt dl { padding: 10%; }
.current div.txt dl dt { padding-bottom: 1rem; border-bottom: 2px solid #fff; font-size: 3rem; font-weight: 400; color: #fff; }
.current div.txt dl dd { position: relative; padding: 2% 1%; border-top: 1px solid #fff; font-size: 1.7rem; color: #fff; }
.current div.txt dl dd li { position: relative; margin: .5rem 0px .5rem 2px; font-size: 1.4rem; color: #fff; }
.current div.txt dl span.num { position: absolute; right: 1%; top: 20%; }

.estate_back { margin-top: 3rem; overflow: hidden; }
.estate_back li { float: left; padding: 0% 3%; width: 33.3%; }
.estate_back li:first-child { border-left: 0px; }
.estate_back li.ic02 { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.estate_back li p.tit { padding-top: 80px; }
.estate_back li.ic01 p.tit { background: url(/main/img/contents/civil/estate_cadastral_back01.svg) no-repeat center top; }
.estate_back li.ic02 p.tit { background: url(/main/img/contents/civil/estate_cadastral_back02.svg) no-repeat center top; }
.estate_back li.ic03 p.tit { background: url(/main/img/contents/civil/estate_cadastral_back03.svg) no-repeat center top; }
.estate_back li p.tit { margin-bottom: 1.8rem; text-align: center; font-weight: 700; color: #333; font-size: 19px; }
.estate_back li p.txt { font-size: 1.4rem; text-align: center; }

.estate_type { padding-left: .5rem; overflow: hidden; }
.estate_type li { float: left; margin: 0% 1% 1.7% .7%; width: 31%; border: 1px solid #dcdcdc; vertical-align: middle; }
.estate_type li p.txt { padding: 1.5rem 2rem; text-align: center; background: #f8f8f8; border-top: 1px dashed #dcdcdc; font-size: 1.4rem; }
.estate_type li p.txt span.tit { margin-bottom: 1rem; display: block; font-weight: 400; color: #333; font-size: 1.7rem; }
.estate_type li p.txt { height: 12rem; }
.estate_need { margin: 4rem 0px 4rem; overflow: hidden; }
.estate_need>li { float: left; padding: 0% 3%; width: 33.3%; }
.estate_need li:first-child { border-left: 0px; }
.estate_need li.ic02 { padding-bottom: 2rem; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.estate_need li p.tit { margin-bottom: 1.8rem; padding-bottom: 11rem; text-align: center; font-weight: 700; color: #333; font-size: 1.8rem; }
.estate_need li.ic01 p.tit { background: url(/main/img/contents/civil/estate_cadastral_need01.svg) no-repeat center bottom/8rem; }
.estate_need li.ic02 p.tit { background: url(/main/img/contents/civil/estate_cadastral_need02.svg) no-repeat center bottom/8rem; }
.estate_need li.ic03 p.tit { background: url(/main/img/contents/civil/estate_cadastral_need03.svg) no-repeat center bottom/8rem; }
.estate_need li ul.txt { margin-top: 2rem; }
.estate_need li ul.txt li { font-size: 1.4rem; }
.estate_effect { margin: 3rem 0px 4rem; overflow: hidden; }
.estate_effect>li { float: left; padding: 11.5rem 3% 0%; width: 33.3%; text-align: center; font-size: 1.7rem; font-weight: 700; color: #333; }
.estate_effect li:first-child { border-left: 0px; }
.estate_effect li.ic01 { background: url(/main/img/contents/civil/estate_cadastral_effect01.svg) no-repeat center top/8rem; }
.estate_effect li.ic02 { background: url(/main/img/contents/civil/estate_cadastral_effect02.svg) no-repeat center top/8rem; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.estate_effect li.ic03 { background: url(/main/img/contents/civil/estate_cadastral_effect03.svg) no-repeat center top/8rem; }
.origin h4, .origin li { background: none; font-size: 0; text-indent: -5000px; line-height: 0; }

.roundtbox { border-radius: 1rem; background: #e7f3fb; border-radius: .8em; padding: max(13px, 4%) max(1rem, 5%) }

.reserve_guide { position: relative; padding: 50px 10rem; background: #f6f6f6; }
.reserve_guide:before, .reserve_guide:after { content: ""; position: absolute; top: 4.5rem; z-index: 0; }
.reserve_guide:before { left: 50px; width: 209px; height: 137px; background: url(/main/img/contents/community/reserve_guide_lbg.gif) no-repeat; }
.reserve_guide:after { right: 80px; width: 22rem; height: 144px; background: url(/main/img/contents/community/reserve_guide_rbg.gif) no-repeat; }
.reserve_guide_intro { position: relative; text-align: center; z-index: 1; }
.reserve_guide_ttl { font-size: 29px; font-weight: 500; }
.reserve_guide_txt { margin-top: 1.5rem; font-size: 16px; }
.reserve_guide_link { display: flex; flex-wrap: wrap; position: relative; margin-top: 50px; gap: 1rem; z-index: 1; }
.reserve_guide_link:after { display: block; content: ""; clear: both; }
.reserve_guide_link li { flex-basis: calc(33.3% - 1rem) }
.reserve_guide_link li.col2 { width: 48.5%; }
.reserve_guide_link li.col2:nth-of-type(even) { margin-right: 0; }
.reserve_guide_link li:nth-of-type(4n+4) { margin-right: 0; }
.reserve_guide_link li.mr_n { margin-right: 0; }
.reserve_guide_link a { position: relative; display: block; height: 12.5rem; padding: 2.5rem; font-size: 16px; font-weight: 500; color: #fff; background: #003b99; box-shadow: 7px 7px 1.5rem rgba(0,0,0,.4); }
.reserve_guide_link a.pd { padding: 17px; }
.reserve_guide_link a:before { content: ""; position: absolute; right: 0; bottom: 0; width: 40px; height: 3.5rem; background: #002f88; }
.reserve_guide_link a:after { content: ""; position: absolute; right: 17px; bottom: 13px; width: 7px; height: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }

.sms-service {text-align: center;}
.sms-service .top img {width: 100%; max-width: 57rem;}
.sms-service .con {padding: 5rem; border-radius: 3rem; background: linear-gradient(95deg, #F2F9FF 0.31%, #F2EDFF 98.38%), #E5E5E5;}
.sms-service .con h3 {font-size: 3.2rem; font-weight: 500;}
.sms-service .con h3 strong {font-weight: 700; color: var(--main-secondary-70);}
.sms-service .con .txt {margin-top: 1.6rem; font-weight: 500;}
.sms-service .con .btn-wrap {margin-top: 3rem; padding-top: 3rem; background: url(/main/img/contents/community/bg_line_dash.png) repeat-x left top/auto 1px;}

/* 서구문화 */
.sgCulture { position: relative; margin-top: -30px }
.sgCulture:before { display: block; content: ''; position: absolute; left: 3%; top: 57px; width: 18.5rem; height: 132px; background: url(/main/img/contents/part/sgCulture_bg01.gif) no-repeat left top }
.sgCulture>p.tit { margin: auto; text-align: center; padding: 4.5rem 150px 40px; line-height: 0px; background: url(/main/img/contents/part/sgCulture_bg02.gif) no-repeat right 3% bottom/contain }
.sgCulture>p.tit img { width: 342px !important }
.sgCulture>ul { padding-top: .5rem; border-top: 3px solid #333 }
.sgCulture>ul li { border-bottom: 1px solid #ddd }
.sgCulture>ul li a { display: block; position: relative; padding: 3.5rem 0px; padding-left: 16.5rem; overflow: hidden }
.sgCulture>ul li a:before { display: block; content: ''; position: absolute; left: 36px; top: 50%; margin-top: -41px; width: 82px; height: 82px; background-color: #ececec; background-position: 3px center; background-repeat: no-repeat; border-radius: 10rem; background-size: 150px; transition: all ease .3s; -webkit-transition: all ease .3s }
.sgCulture>ul li:nth-child(1) a:before { background-image: url(/main/img/contents/part/sgCulture_ic01.png); }
.sgCulture>ul li:nth-child(2) a:before { background-image: url(/main/img/contents/part/sgCulture_ic02.png); }
.sgCulture>ul li:nth-child(3) a:before { background-image: url(/main/img/contents/part/sgCulture_ic03.png); }
.sgCulture>ul li:nth-child(4) a:before { background-image: url(/main/img/contents/part/sgCulture_ic04.png); }
.sgCulture>ul li a p.txt { width: 60% }
.sgCulture>ul li a span { display: block }
.sgCulture>ul li a p.txt span.stit { margin-top: 0px; font-size: 1.1em }
.sgCulture>ul li a p.txt span.tit { margin: 1rem 0px; font-size: 1.65em; color: #333; font-weight: 600 }
.sgCulture>ul li a p.img { position: absolute; bottom: 0px; right: 0%; width: 30%; line-height: 0px }
.sgCulture>ul li a p.img .site { margin-left: 20%; transition: all ease .3s; -webkit-transition: all ease .3s }
.sgCulture>ul li a p.img .site img { box-shadow: 1px 2px 4px rgba(0,0,0,.2) }
.sgCulture>ul li a p.img span.go { opacity: 0; display: block; position: absolute; right: 1.5rem; bottom: 30px; text-align: center; width: 30px; height: 30px; line-height: 30px; background: #111; color: #fff; border-radius: 50px; font-size: 13px; transition: all ease .2s }
.sgCulture>ul li a p.img span.go:after, .sgCulture>ul li a p.img span.go:before { display: block; content: ''; position: absolute; bottom: -1rem; right: 1rem; height: 2px; background: #111; transition: all ease .2s }
.sgCulture>ul li a p.img span.go:before { width: 10.5rem }
.sgCulture>ul li a p.img span.go:after { width: 16px; transform: rotate(45deg); margin-bottom: .5rem; margin-right: -2px }
.sgCulture>ul li a:hover:before { background-color: #0056e0; background-position: right 3px center; }
.sgCulture>ul li a:hover p.img .site { margin-left: 0px; }
.sgCulture>ul li a:hover p.img span.go { opacity: 1; right: 3.5rem }
.sgCulture>ul li a:hover p.img span.go:after, .sgCulture>ul li a:hover p.img span.go:before { right: -30px }

.lll { margin-top: 40px; overflow: hidden; }
.lll>li { float: left; width: 25%; background-position: center top; background-repeat: no-repeat; }
.lll>li.ic01 { background-image: url(/main/img/contents/part/lll_ic01.gif); }
.lll>li.ic02 { background-image: url(/main/img/contents/part/lll_ic02.gif); }
.lll>li.ic03 { background-image: url(/main/img/contents/part/lll_ic03.gif); }
.lll>li.ic04 { background-image: url(/main/img/contents/part/lll_ic04.gif); }
.lll>li div { padding: 10rem 2rem 0px; text-align: center; border-left: 1px solid #dcdcdc; }
.lll>li:first-child div { border-left: 0px; }

.social { margin-top: 1rem; padding: 5%; border: 1px solid #dcdcdc; background: #f8f8f8; }
.social p.tit { text-align: center; font: bold 30px 'Nanum Myeongjo'; color: #333; letter-spacing: -1px; }
.social p.txt { margin-top: 1rem; text-align: center; font-size: 18px; }
.social ul { position: relative; margin: 2rem 5%; overflow: hidden; }
.social ul:after { display: block; content: ''; width: 57px; height: 57px; position: absolute; background: url(/main/img/contents/part/social_plus.gif) no-repeat center center; }
.social ul li { margin: 2%; }
.social ul li>div { padding: 30px; border: 1rem solid #f4bfca; border-radius: 200px; }
.social ul li:first-child>div { border-color: #cbb8e5; }
.social ul li p { text-align: center; }
.social ul li p.q { padding: 3% 0px; border-bottom: 1px solid #ce405e; font-size: 27px; font-weight: 400; color: #ce405e; }
.social ul li:first-child p.q { color: #67419b; border-color: #67419b; }
.social ul li .a { margin-top: 15%; }
.social ul li .a .wfont { font-size: 16px; margin-bottom: 1rem; }

.ci-box {  display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5rem; 
padding: 5rem; border-radius: 1rem; border: 1px solid #D7D7D7; }
.ci-box .ci-logo { width: 25rem; height: 5rem; background: url(../img/ico_logo.svg) no-repeat 0 0 / 100%; }
.ci-box .ci-info { display: flex; gap: 5rem; padding: 2rem 3rem; border-radius: 7rem; background: #F5F5F5; }
.ci-box .ci-info>li { display: flex; align-items: center; gap: 2rem; }
.ci-box .ci-info>li::before { flex: 0 0 auto; content: ''; width: 7rem; height: 7rem; border-radius: 50%; }
.ci-box .ci-info>li:nth-child(1)::before { background-color: #F7931D; }
.ci-box .ci-info>li:nth-child(2)::before { background-color: #00B6BD; }
.ci-box .ci-info>li:nth-child(3)::before { background-color: #152A75; }
.ci-box .ci-info>li ul { gap: 0; }
.ci-box .ci-con { width: 100%; }
.ci-box .ci-con dt { margin-bottom: 1rem; font-size: 2.4rem; font-weight: 700; }
.ci-box.character .character-con { text-align: center; }
.ci-box.character .character-info { display: flex; gap: 1rem; width: 100%; }
.ci-box.character .character-info>li { flex: 1 1 calc(50% - 0.5rem); display: flex; align-items: center; gap: 1rem; padding: 2rem; border-radius: 1rem; background: #F5F5F5; }
.ci-box.character .character-info>li dt { font-size: 2.4rem; font-weight: 700; }

.smarteco_organ { min-height: 550px; }
.smarteco_organ>p { text-align: center; margin: 0 auto 2rem; color: #fff; border-radius: 1rem; }
.smarteco_organ>p.rank1 { position: relative; width: 13.5rem; height: 13.5rem; font-size: 2rem; font-weight: bold; background: #0d6aca; border-radius: 100%; line-height: 13.5rem; }
.smarteco_organ>p.rank1:after { top: 0; left: 50%; width: 1px; height: 37.5rem; }
.smarteco_organ>p.rank1_txt { padding-left: 100px; color: #333; }
.smarteco_organ>div { position: relative; }
.smarteco_organ>div>ul>li { width: 22rem; margin-bottom: 8px; padding: 1rem; background: #f3f3f3; }
.smarteco_organ>div .rank2 { text-align: center; margin: 0 auto 100px; width: 22rem; padding: 12px 0; color: #fff; border-radius: 1rem; background: #67419b; }
.smarteco_organ>div .rank2:after { top: 50%; left: 24%; width: 48%; height: 1px; }
.smarteco_organ>div .rank2_1 { position: absolute; top: -90px; right: 0; }
.smarteco_organ>div .rank2_1>li { position: relative; }
.smarteco_organ>div .rank2_1>li:not(:last-child):before { content: ''; position: absolute; top: 50%; left: -15%; width: 1px; height: 140px; background: #888; z-index: -1; }
.smarteco_organ>div .rank2_1>li:after { top: 50%; left: -15%; width: 15%; height: 1px; }
.smarteco_organ>div .rank2_2 { position: absolute; top: 0; left: 0; text-align: center; }
.smarteco_organ>div .rank2_2>li { position: relative; padding: 12px 0; }
.smarteco_organ>div .rank2_2>li:after { top: 50%; right: -15%; width: 15%; height: 1px; }
.smarteco_organ>div .rank2_2>li:nth-child(2):before { content: ''; position: absolute; top: 50%; right: -15%; width: 1px; height: 5.5rem; background: #888; z-index: -1; }
.smarteco_organ>div .rank2_2>li.tit { margin-bottom: 8.5rem; color: #fff; background: #777; border-radius: 1rem; }
.smarteco_organ>div .rank2_2>li.tit:after { top: 0; left: 50%; width: 1px; height: 305%; }
.smarteco_organ .rank3 { position: relative; width: 22rem; padding: 12px 0; background: #ce405e; }
.smarteco_organ .rank3:after { top: 50%; left: -41%; width: 41%; height: 1px; }
.smarteco_organ>p.rank1:after, .smarteco_organ>div .rank2:after, .smarteco_organ>div .rank2_1>li:after, .smarteco_organ>div .rank2_2>li:after, .smarteco_organ>div .rank2_2>li.tit:after, .smarteco_organ .rank3:after { content: ''; position: absolute; background: #888; z-index: -1; }

.player { display: flex; flex-wrap: wrap; margin-top: 1rem; overflow: hidden; ;}
/* 선수소개, 강사소개 */
.player li { width: 23%; margin: 1%; }
.player div { padding: 4%; border: 1px solid #dcdcdc; background: #f8f8f8; }
.player div p { text-align: center; }
.player div p.img { overflow: hidden; text-align: center; }
.player div p.img img { width: 100%; }
.player div p.name { padding: 7px 0px 11px; }
.player div p.name span { font-size: 18px; color: #333; font-weight: 400; }
.player div p.date { padding: 8px 0px 4px; border-top: 1px dashed #ccc; font-size: 14px; }

/* 식품위생 */
.improve_good>li { padding: 2.5rem 0px; border-top: 1px dashed #dcdcdc; }
.improve_good>li:first-child { border-top: 0px; }
.improve_good>li { overflow: hidden; }
.improve_good>li>p { padding-top: 11rem; text-align: center; font-weight: 400; font-size: 2rem; color: #333; }
.improve_good>li.ic01>p { background: url(/main/img/contents/part/improve_good_ic01.gif) no-repeat center 1rem; }
.improve_good>li.ic02>p { background: url(/main/img/contents/part/improve_good_ic02.gif) no-repeat center 1rem; }
.improve_good>li.ic03>p { background: url(/main/img/contents/part/improve_good_ic03.gif) no-repeat center 1rem; }
.improve_restaurant>li { padding: 2.5rem 0px; border-top: 1px dashed #dcdcdc; }
.improve_restaurant>li:first-child { border-top: 0px; }
.improve_restaurant>li { overflow: hidden; }
.improve_restaurant>li>p { padding-top: 150px; text-align: center; font-weight: 400; font-size: 2rem; color: #333; }
.improve_restaurant>li.ic01>p { background: url(/main/img/contents/part/improve_restaurant_ic01.gif) no-repeat center top; }
.improve_restaurant>li.ic02>p { background: url(/main/img/contents/part/improve_restaurant_ic02.gif) no-repeat center top; }
.improve_restaurant>li.ic03>p { background: url(/main/img/contents/part/improve_restaurant_ic03.gif) no-repeat center top; }
.improve_simple>li { border-top: 1px dashed #dcdcdc; background-repeat: no-repeat; }
.improve_simple>li:first-child { border-top: 0px; }
.improve_simple>li.ic01 { background-image: url(/main/img/contents/part/improve_simple_ic01.gif); }
.improve_simple>li.ic02 { background-image: url(/main/img/contents/part/improve_simple_ic02.gif); }
.improve_simple>li.ic03 { background-image: url(/main/img/contents/part/improve_simple_ic03.gif); }
.improve_simple>li.ic04 { background-image: url(/main/img/contents/part/improve_simple_ic04.gif); }
.improve_simple>li>p { font-weight: 400; font-size: 2rem; color: #333; }
.improve_fat>li { border-top: 1px dashed #dcdcdc; background-repeat: no-repeat; }
.improve_fat>li:first-child { border-top: 0px; }
.improve_fat>li.ic01 { background-image: url(/main/img/contents/part/improve_fat_ic01.gif); }
.improve_fat>li.ic02 { background-image: url(/main/img/contents/part/improve_fat_ic02.gif); }
.improve_fat>li.ic03 { background-image: url(/main/img/contents/part/improve_fat_ic03.gif); }
.improve_fat>li.ic04 { background-image: url(/main/img/contents/part/improve_fat_ic04.gif); }
.improve_fat>li>p { font-weight: 400; font-size: 2rem; color: #333; }

/* 민방위 안전 */
.disaster_check>li { padding: 2.5rem 0px; border-top: 1px dashed #dcdcdc; }
.disaster_check>li:first-child { border-top: 0px; }
.disaster_check>li { overflow: hidden; }
.disaster_check>li>p { padding-top: 11rem; text-align: center; font-weight: 400; font-size: 2rem; color: #333; }
.disaster_check>li.ic01>p { background: url(/main/img/contents/part/disaster_check_ic01.gif) no-repeat center 1rem; }
.disaster_check>li.ic02>p { background: url(/main/img/contents/part/disaster_check_ic02.gif) no-repeat center 1rem; }
.disaster_check>li.ic03>p { background: url(/main/img/contents/part/disaster_check_ic03.gif) no-repeat center 1rem; }
.disaster_check>li.ic04>p { background: url(/main/img/contents/part/disaster_check_ic04.gif) no-repeat center 1rem; }
.disaster_check>li.ic05>p { background: url(/main/img/contents/part/disaster_check_ic05.gif) no-repeat center 1rem; }
.disaster_firstaid { margin-top: 1rem; overflow: hidden; }
.disaster_firstaid>div { float: left; padding-left: 3%; width: 46.5%; }
.disaster_firstaid>div:first-child { border-right: 1px dashed #dcdcdc; }
.disaster_firstaid>div p.tit { padding-top: 170px; text-align: center; font-weight: 400; color: #333; font-size: 17px; }
.disaster_firstaid>div.ic01 p.tit { background: url(/main/img/contents/part/disaster_firstaid_ic01.gif) no-repeat center top; ;}
.disaster_firstaid>div.ic02 p.tit { background: url(/main/img/contents/part/disaster_firstaid_ic02.gif) no-repeat center top; ;}
.disaster_firstaid>div ul { margin-top: 2rem; }
.disaster_manual .manual {display: flex; flex-direction: column; gap: 0.8rem;}
.disaster_manual #manual06 ul { counter-reset: num; }
.disaster_manual #manual06 li { position: relative; }
.disaster_manual #manual06 li:before { position: absolute; left: 8px; top: 8px; text-align: center; width: 28px; height: 28px; background-color: #f7b53a; border: 2px solid #000; font-size: 18px; font-weight: 400; color: #fff; line-height: 28px; border-radius: 100%; counter-increment: num; content: counter(num); z-index: 99; }
.disaster_manual dl { display: table; height: 150px; width: 100%; border: 1px solid #ddd; }
.disaster_manual #manual06 dl dt img { width: 22rem; }
.disaster_manual dl dt { position: absolute; }
.disaster_manual dl dd { position: relative; display: table-cell; vertical-align: middle; padding: 1rem 30px 1rem 250px; word-break: keep-all; }

#bookmark {display: flex; flex-wrap: wrap; gap: 1.2rem;}
#bookmark .tit {display: none;}

.con_top a { display: block; position: fixed; bottom: 2rem; right: 2rem; background: #613D9E; width: 50px; height: 50px; border-radius: 50px; text-decoration: none; transition: .2s ease; text-indent: -5000px; font-size: 0; line-height: 0; z-index: 9;}
.con_top a:after { position: absolute; z-index: 1; left: 50%;	top: 50%; content:''; width: 2.4rem; height: 2.4rem; -webkit-mask-image: url(/share/images/krds/ico_angle.svg); mask-image: url(/share/images/krds/ico_angle.svg); transform: translate(-50%, -50%) rotate(180deg); background: #fff;}
.con_top a:hover { background-color: #2E1754; background-position: center 1rem; }

.form_tab ul { margin: 2rem 0px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; overflow: hidden; }
.form_tab ul li { float: left; width: 12.5%; text-align: center; }
.form_tab ul li a { display: table; padding-top: 6.5rem; padding-bottom: 1rem; border: 1px solid #dcdcdc; border-top: 0px; border-left: 0px; background-color: #f9f9f9; background-position: center 1.5rem; background-repeat: no-repeat; width: 100%; box-sizing: border-box; }
.form_tab ul li a:focus { position: relative; z-index: 111; }
.form_tab ul li a * { line-height: 130%; }
.form_tab ul li a p { display: table-cell; height: 50px; width: 100%; vertical-align: middle; }
.form_tab ul li a p span { display: block; }
.form_tab ul li.ic01 a { background-image: url(/main/img/contents/civil/form_tab01.png); }
.form_tab ul li.ic02 a { background-image: url(/main/img/contents/civil/form_tab02.png); }
.form_tab ul li.ic03 a { background-image: url(/main/img/contents/civil/form_tab03.png); }
.form_tab ul li.ic04 a { background-image: url(/main/img/contents/civil/form_tab04.png); }
.form_tab ul li.ic05 a { background-image: url(/main/img/contents/civil/form_tab05.png); }
.form_tab ul li.ic06 a { background-image: url(/main/img/contents/civil/form_tab06.png); }
.form_tab ul li.ic07 a { background-image: url(/main/img/contents/civil/form_tab07.png); }
.form_tab ul li.ic08 a { background-image: url(/main/img/contents/civil/form_tab08.png); }
.form_tab ul li.ic09 a { background-image: url(/main/img/contents/civil/form_tab09.png); }
.form_tab ul li.ic10 a { background-image: url(/main/img/contents/civil/form_tab10.png); }
.form_tab ul li.ic11 a { background-image: url(/main/img/contents/civil/form_tab11.png); }
.form_tab ul li.ic12 a { background-image: url(/main/img/contents/civil/form_tab12.png); }
.form_tab ul li.ic13 a { background-image: url(/main/img/contents/civil/form_tab13.png); }
.form_tab ul li.ic14 a { background-image: url(/main/img/contents/civil/form_tab14.png); }
.form_tab ul li.ic15 a { background-image: url(/main/img/contents/civil/form_tab15.png); }
.form_tab ul li.ic17 a { background-image: url(/main/img/contents/civil/form_tab17.png); }
.form_tab ul li.select a { background-color: var(--main-secondary-70); color: #fff; font-weight: 400; }
.form_tab ul li.select a * { color: #fff; }
.form_tab ul li.select.ic01 a { background-image: url(/main/img/contents/civil/form_tab01_on.png); }
.form_tab ul li.select.ic02 a { background-image: url(/main/img/contents/civil/form_tab02_on.png); }
.form_tab ul li.select.ic03 a { background-image: url(/main/img/contents/civil/form_tab03_on.png); }
.form_tab ul li.select.ic04 a { background-image: url(/main/img/contents/civil/form_tab04_on.png); }
.form_tab ul li.select.ic05 a { background-image: url(/main/img/contents/civil/form_tab05_on.png); }
.form_tab ul li.select.ic06 a { background-image: url(/main/img/contents/civil/form_tab06_on.png); }
.form_tab ul li.select.ic07 a { background-image: url(/main/img/contents/civil/form_tab07_on.png); }
.form_tab ul li.select.ic08 a { background-image: url(/main/img/contents/civil/form_tab08_on.png); }
.form_tab ul li.select.ic09 a { background-image: url(/main/img/contents/civil/form_tab09_on.png); }
.form_tab ul li.select.ic10 a { background-image: url(/main/img/contents/civil/form_tab10_on.png); }
.form_tab ul li.select.ic11 a { background-image: url(/main/img/contents/civil/form_tab11_on.png); }
.form_tab ul li.select.ic12 a { background-image: url(/main/img/contents/civil/form_tab12_on.png); }
.form_tab ul li.select.ic13 a { background-image: url(/main/img/contents/civil/form_tab13_on.png); }
.form_tab ul li.select.ic14 a { background-image: url(/main/img/contents/civil/form_tab14_on.png); }
.form_tab ul li.select.ic15 a { background-image: url(/main/img/contents/civil/form_tab15_on.png); }
.form_tab ul li.select.ic17 a { background-image: url(/main/img/contents/civil/form_tab17_on.png); }

.form_tab ul.group li { width: 16.6666%; }
.form_tab ul.group li.g01 a { background-image: url(/main/img/contents/civil/group_tab01.png); }
.form_tab ul.group li.g02 a { background-image: url(/main/img/contents/civil/group_tab02.png); }
.form_tab ul.group li.g03 a { background-image: url(/main/img/contents/civil/group_tab03.png); }
.form_tab ul.group li.g04 a { background-image: url(/main/img/contents/civil/group_tab04.png); }
.form_tab ul.group li.g05 a { background-image: url(/main/img/contents/civil/group_tab05.png); }
.form_tab ul.group li.g06 a { background-image: url(/main/img/contents/civil/group_tab06.png); }
.form_tab ul.group li.g01.select a { background-image: url(/main/img/contents/civil/group_tab01_on.png); }
.form_tab ul.group li.g02.select a { background-image: url(/main/img/contents/civil/group_tab02_on.png); }
.form_tab ul.group li.g03.select a { background-image: url(/main/img/contents/civil/group_tab03_on.png); }
.form_tab ul.group li.g04.select a { background-image: url(/main/img/contents/civil/group_tab04_on.png); }
.form_tab ul.group li.g05.select a { background-image: url(/main/img/contents/civil/group_tab05_on.png); }
.form_tab ul.group li.g06.select a { background-image: url(/main/img/contents/civil/group_tab06_on.png); }

.group_info .section {border-bottom: 0;}
.group_info .section:first-child {padding-top: 6rem;}

.ullist02 {display: flex; margin-top: 1rem; overflow: hidden; }
.ullist02>li { margin: 0px .5%; width: 49%; border: 1px solid #ccd8eb; background: #fff; }
.ullist02>li:first-child { margin-left: 0px; }
.ullist02 .tit { display: table; padding: 0px 3%; width: 100%; text-align: center; border-bottom: 1px dashed #dcdcdc; }
.ullist02 .tit p { display: table-cell; width: 100%; height: 60px; vertical-align: middle; text-align: center; font-weight: 400; font-size: 16px; }
.ullist02 .con { padding: 5% 3%; background-color: var(--main-secondary-5); }
.ullist02 .con .ssssblet { font-size: 1.5rem; }
.ullist02.apply_down>li .con { padding-left: 150px; background-repeat: no-repeat; background-position: 30px center; }
.ullist02.apply_down>li.ic01 .con { background-image: url(/main/img/contents/open_info/apply_down_ic01.gif); }
.ullist02.apply_down>li.ic02 .con { background-image: url(/main/img/contents/open_info/apply_down_ic02.gif); }

.infobox{position: relative; padding:2rem 0px 2rem calc(min(14vw, 8rem) + 2rem); border-bottom:1px solid var(--main-secondary-80)}
.infobox .infobox_tit{margin-bottom: 1rem; font-weight: 700; font-size: 1.1em;}
.infobox:has(.infobox_tit){padding-top: 3px;}
.infobox:before{display: block; content: ''; position: absolute; left: 0px; top: 0px; width: min(14vw, 8rem); height: min(14vw, 8rem); background:#E4E5FF url(/main/img/contents/geomdan/ic_info.png) no-repeat center center / cover; border-radius:1rem}
.imgbox{border-radius:1rem; overflow:hidden}

.history{margin-top: var(--krds-number-10);}
.history>p{font-size: var(--krds-number-10); ;font-weight: 700; color:var(--krds-light-color-text-basic)}
.history li { overflow:hidden; margin-top: var(--krds-number-4); padding:3rem 3rem; border:1px solid var(--krds-color-light-primary-10); border-radius:var(--krds-number-6)}
.history li p.year { float: left; width: clamp(6rem, 5vw, 11%); font-size: var(--krds-number-10); ;font-weight: 700; color:var(--krds-light-color-text-basic)}
.history li dl { float:right; display: flex; gap:1rem; width: calc(98% - clamp(6rem, 5vw, 11%)); padding-left: 5%; border-left:1px dashed var(--krds-color-light-primary-10);}
.history li dl + dl{padding-top: 1rem;}
.history li dl dt { font-weight: 700;  }

.conPhoto .txt { display: block; padding: 13px 5%; text-align: center; background: #f8f8f8; border-top: 1px dotted #dcdcdc; font-size: 16px; font-weight: 400; color: #333; }
.conPhoto .txt p { margin-top: 8px; padding: 0px 5%; font-size: 14px; font-weight: normal; }
p.conPhoto img { max-width: 100%; border: 1px solid #dcdcdc; }
.conPhoto { display: flex; flex-wrap: wrap; }
.conPhoto li { display: flex; flex-direction: column; flex: 1; margin: 1.5% 0.7% 0% 0.8%; width: 48.5%; text-align: center; border: 1px solid #dcdcdc; box-sizing: border-box; }
.conPhoto li img { display: block; width: 100%; }
.conPhoto.col2 li { width: 48%; }
.conPhoto.col3 li { width: 31.8%; }
.conPhoto.col4 li { width: 22%; }
.conPhoto .txt { flex-grow: 1; }
.conPhoto .img img { width: 100%; height: 100%; ; aspect-ratio: 1.5/1; object-fit: ciover }
.conPhoto.yellow_foot { height: 160px; }
.conPhoto.public_sewer { overflow: hidden; max-height: 450px; border: 1px solid #dcdcdc; }
ul.conPhoto.public_sewer { border: none; }
.conPhoto.public_sewer img { border: none; }

#stab ul, .stab ul {margin-bottom:4%; margin-top:.5rem; position:relative; border:1px solid #ccc; background:#f8f8f8; padding:2% 2.5%; z-index:1;}
#stab ul li, .stab ul li {display:inline-block; min-width:32.3%;}
#stab ul li a, .stab ul li a {position:relative; display:block; padding:2px 0px; padding-left:1rem;}
#stab ul li a:after, .stab ul li a:after{display:block; content:''; position:absolute; left:1px; top:11px; width:4px; height:1px; background:#666;}
#stab ul li.select a, .stab ul li.select a {color:#0148bc; font-weight:800;}
#stab ul.col2 li, .stab ul.col2 li {min-width:48%;}
#stab ul.col5 li, .stab ul.col5 li {min-width:19.5%;}
#stab ul.col6 li, .stab ul.col6 li {min-width:15%;}
#stab ul.long li, .stab ul.long li {min-width:48%;}


#cultureTab{display: flex; flex-wrap: wrap; gap:2px}
#cultureTab>li a{display: block; padding:1rem 2.5rem .6rem; border-radius:10px 10px 0px 0px}
#cultureTab>li a.select{background: #fff;}
.culture{padding:1rem; background: var(--krds-color-light-primary-10); border-radius: 1rem;}
.culture>div{display: flex; background: #fff; border-radius: .8rem; padding:5rem 2rem}
.culture>div:first-of-type.here{border-radius:0px .8rem .8rem .8rem}
.culture>div p.img{flex: 0 0 30%}
.culture>div>dl { flex:0 0 70%; padding: 0% 3% 3%}
.culture>div>dl dt { font-weight: bold; font-size: 3rem; color: #333; }
.culture>div>dl dd { margin-top: 1rem; }
.culture_folk p.tit { border-top: 2px solid #4a5a67; border-bottom: 1px solid #dcdcdc; }
.culture_folk p.tit a { display: block; position: relative; padding: 1rem 0.5rem; color: #333; font-weight: 400; font-size: 1.8rem; }
.culture_folk .con { display: none; padding: 3% 4%; background: #f8f8f8; border-bottom: 1px solid #dcdcdc; }
.culture_folk .con .ex { margin-top: 2rem; padding-top: 2rem; border-top: 1px dotted #aaa; }

/* .organization div.organBox { position: relative; padding: 3%; margin-top: 1rem; border: 2px solid #dcdcdc; }
.organization p.tit { position: absolute; left: 3%; top: 3.5rem; font-size: 16px; font-weight: 400; color: #333; }
.organization div.organBox div.con { margin-left: 130px; padding-left: 4%; border-left: 1px solid #dcdcdc; }
.organization div.organBox div.con a,
.organization div.organBox div.con .a { position: relative; display: block; margin: 3px 0px; padding: .5rem .5rem 8px; max-width: 150px; border-radius: .5rem; border: 1px solid #dedede; background: #f8f8f8; font-weight: 400; text-align: center; font-size: 14px; z-index: 2; }
.organization div.organBox div.con .part1 { background: #0d6aca; box-shadow: inset 0px -3px 0px #073c73; border-color: #073c73; color: #fff; }
.organization div.organBox div.con .part2 { background: #4a5a67; box-shadow: inset 0px -3px 0px #304453; border-color: #304453; color: #fff; }
.organization div.organBox div.con .part3 { background: #67419b; box-shadow: inset 0px -3px 0px #3a2459; border-color: #3a2459; color: #fff; }
.organization div.organBox div.con .part4 { background: #e4e4e4; box-shadow: inset 0px -3px 0px #aaaaaa; border-color: #aaaaaa; color: #333; }
.organization div.organBox div.con .part5 { background: #ce405e; box-shadow: inset 0px -3px 0px #8a3245; border-color: #8a3245; color: #fff; }
.organization div.organBox div.con .part6 { background: #1d7e73; box-shadow: inset 0px -3px 0px #15443f; border-color: #15443f; color: #fff; }
.organization div.organBox div.con .team { background: #fff; box-shadow: inset 0px -3px 0px #e5e5e5; border-color: #888; color: #484848; }
.organization div.organBox div.con>a,
.organization div.organBox div.con>.a { margin-left: 2%; }
.organization div.organBox div.con .group { overflow: hidden; margin-top: 1rem; }
.organization div.organBox div.con .group:first-child { margin-top: 0px; }
.organization div.organBox div.con .group>li { float: left; width: 23%; margin-left: 2%; ;}
.organization div.organBox div.con .group.col5>li { width: 18%; letter-spacing: -1px; max-width: 121..5rem; }
.organization div.organBox div.con .group>li>ul { position: relative; padding-top: 2px; }
.organization div.organBox div.con .group>li>ul:after { display: block; content: ''; position: absolute; top: 0px; left: 47%; width: 1px; height: 100%; background: #888; z-index: 1; }
.organization div.organBox div.con .group>li>ul>li { padding-top: 1px; }
.organization div.organBox div.con .long { letter-spacing: -2.3px; } */

.office-box { position: relative; }
.office-btn-box { display: flex; gap: 1rem; align-items: center; }
.office-btn span { display: inline-block; padding-right: 0.9rem; background: url(/main/img/contents/seogu/office-btn-arr.png) no-repeat right 0.4rem / 0.7rem; }
.office-box .office-map { display: none; position: absolute; left: 0; right: 0; top: 3rem; text-align: center; margin: auto; padding: 3rem; max-width: 35rem; border: 3px solid #000; background: #fff; border-radius: 3px; z-index: 99; }
.office-box .office-map04 { top: -9rem; }
.office-box .office-map .office-map-btn { display: flex; justify-content: center; gap: 0.8rem;	margin-top: 2rem; }

.linklist {display: flex; gap:1rem}
.linklist li {flex:1; background: #f0f0f0; border-radius:1rem}
.linklist li a{display: flex; justify-content: center; gap:5px; padding:2rem 0px}
.linklist li a i{width: 1.8rem;}

.donglink{position: relative; background: #f5f5f5; border-radius:1rem; padding:5%; overflow:hidden}
.donglink:before{display: block; content: ''; position: absolute; top:1rem; width: 50rem; height:50rem; color: #fff; background: url(/main/img/main/ico_visual_deco.svg) no-repeat left center/cover; z-index: 0;}
.donglink p{z-index: 1; position: relative;}

.goal-con dl {display: flex; flex-direction: column; align-items: center; gap: 2rem;}
.goal-con dl:not(:first-child) {margin-top: 6rem; padding-top: 6rem; border-top: 1px dashed #B1B8BE;}
.goal-con dt {position: relative; display: inline-block; text-align: center; margin-bottom: 1rem; padding-left: 1.2rem; padding-right: 1.2rem; color: #2B324A; font-family: var(--font-estab); font-size: 3.6rem; line-height: normal;}
.goal-con dt::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0.5rem; width: 100%; border-radius: 30rem; height: 1.6rem; background: #E9E9E9; z-index: -1;}
.goal-con .con {display: flex; flex-direction: column; gap: 2rem; text-align: center;}
.goal-con .con .tit {color: #2B324A; font-size: 2.6rem; font-weight: 700;}
.goal-con .con .txt {font-weight: 500;}
.goal-con .vision .slogan {margin-bottom: 3rem; color: #2B324A; font-size: 4rem; font-family: var(--font-estab);}
.goal-con .vision .slogan span {position: relative; display: inline-block; font-size: 5.5rem; line-height: normal;}
.goal-con .vision .slogan .txt01 {padding-top: 2.5rem; background: linear-gradient(90deg, #0091AA 7.08%, #003CAA 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.goal-con .vision .slogan .txt01::after {content: ''; position: absolute; left: -6rem; top: 0; width: 14.8rem; height: 5.5rem; background:url(/main/img/contents/geomdan/goal-vision01.svg) no-repeat 0 0 / 100%; z-index: -1;}
.goal-con .vision .slogan .txt02 {background: linear-gradient(90deg, #E56C01 7.08%, #EF3A03 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.goal-con .vision .slogan .txt02::after {content: ''; position: absolute; right: -2rem; bottom: 0; width: 8.5rem; height: 10rem; background:url(/main/img/contents/geomdan/goal-vision02.svg) no-repeat 0 0 / 100%; z-index: -1;}
.goal-con .vision .slogan .txt03 {color: #152A75;}
.goal-con .policy ul {display: flex; flex-direction: column; gap: 1.6rem;}
.goal-con .policy ul>li {position: relative; padding: 3rem 3rem 3rem 18rem; border-radius: 2rem; background: #FFF; box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.10);}
.goal-con .policy ul>li::before {content: ''; position: absolute; left: 3rem; top: 0; bottom: 0; margin: auto; width: 12rem; height: 12rem; border-radius: 50%; background-image: url(/main/img/contents/geomdan/goal-policy.png); background-repeat: no-repeat; background-size: 60rem;}
.goal-con .policy ul>li:nth-child(1):before {background-color: #EFE8FF;}
.goal-con .policy ul>li:nth-child(2):before {background-color: #FFF1E8; background-position: -12rem 0;}
.goal-con .policy ul>li:nth-child(3):before {background-color: #FFF5E2; background-position: calc(-12rem * 2) 0;}
.goal-con .policy ul>li:nth-child(4):before {background-color: #EAF2FF; background-position: calc(-12rem * 3) 0;}
.goal-con .policy ul>li:nth-child(5):before {background-color: #E6FFE9; background-position: calc(-12rem * 4) 0;}
.goal-con .policy ul>li .tit {margin-bottom: 1rem; font-size: 2.2rem; font-weight: 700;}
.goal-con .policy ul>li .txt {font-weight: 500;}

.labelBox{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:1rem;}
.labelBox>a{position:relative; width:23.5%; margin:1rem 0; padding:2rem 1rem; border:1px solid #eee;}
.labelBox>a:hover{border-color:#0056e0;  box-shadow:0px 3px 8px rgba(0,0,0,.15);}
.labelBox>a .labelTit{text-align:center; padding-top:100px; font-size:16px; background-position:center top; background-repeat:no-repeat;}
.labelBox>a.ic01 .labelTit{background-image:url(/main/img/contents/guidance/label_ic01.gif);}
.labelBox>a.ic02 .labelTit{background-image:url(/main/img/contents/guidance/label_ic02.gif);}
.labelBox>a.ic03 .labelTit{background-image:url(/main/img/contents/guidance/label_ic03.gif);}
.labelBox>a.ic04 .labelTit{background-image:url(/main/img/contents/guidance/label_ic04.gif);}
.labelBox>a.ic05 .labelTit{background-image:url(/main/img/contents/guidance/label_ic05.gif);}
.labelBox>a.ic06 .labelTit{background-image:url(/main/img/contents/guidance/label_ic06.gif);}
.labelBox>a.ic07 .labelTit{background-image:url(/main/img/contents/guidance/label_ic07.gif);}
.labelBox>a.ic08 .labelTit{background-image:url(/main/img/contents/guidance/label_ic08.gif);}
.labelBox>a.ic09 .labelTit{background-image:url(/main/img/contents/guidance/label_ic09.gif);}
.labelBox>a.ic10 .labelTit{background-image:url(/main/img/contents/guidance/label_ic10.gif);}
.labelBox>a.ic11 .labelTit{background-image:url(/main/img/contents/guidance/label_ic11.gif);}
.labelBox>a.ic12 .labelTit{background-image:url(/main/img/contents/guidance/label_ic12.gif);}
.labelBox>a .labelTitV2{text-align:center; font-size:16px}
.labelBox>a .labelTitV2:before{display: block; content: ''; --bgSize:-100px; margin: auto; max-width:calc(0px - var(--bgSize)); aspect-ratio:1/1; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/main/img/contents/guidance/personal_label.png); }
.labelBox>a.ic01 .labelTitV2:before{background-position:0px 0px}
.labelBox>a.ic02 .labelTitV2:before{background-position:var(--bgSize) var(--bgSize)}
.labelBox>a.ic03 .labelTitV2:before{background-position:calc(var(--bgSize) * 9) var(--bgSize)}
.labelBox>a.ic04 .labelTitV2:before{background-position:calc(var(--bgSize) * 7) var(--bgSize)}
.labelBox>a.ic05 .labelTitV2:before{background-position:calc(var(--bgSize) * 8) var(--bgSize)}
.labelBox>a.ic06 .labelTitV2:before{background-position:calc(var(--bgSize) * 8) calc(var(--bgSize) * 2)}
.labelBox>a .labelCon{position:absolute; top:0; left:0px; right:0px; min-height:100%; display:none; z-index:1; border:1px solid #003b99; background:#fff;}
.labelBox>a .labelCon .tit{padding:8px 12px; color:#fff; background:#003b99;}
.labelBox>a .labelCon .txt{padding:1rem 12px; font-size:14px; }
.labelBox.array_type01>a{width: 32.5%; margin:.5% 0px}

#detail_con span[class^=privacy_label0]{flex: 0 0 auto; display: inline-block; vertical-align: middle; --bgSize:-40px; width: 40px; aspect-ratio:1/1; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(/main/img/contents/guidance/personal_label.png); background-size: 1200%; background-repeat: no-repeat;}
.sblet  span[class^=privacy_label0]{margin-top: -.5rem;}
#detail_con span[class^=privacy_label0]:last-of-type{margin-right: 8px; }
#detail_con span[class^=privacy_label0]+span[class^=privacy_label0]{margin-left:-8px}
#detail_con span[class^=privacy_label01]{background-position:0px 0px}
#detail_con span.privacy_label00{background-image: none}
#detail_con span.privacy_label01_01{background-position-x:0px}
#detail_con span.privacy_label01_02{background-position-x:var(--bgSize)}
#detail_con span.privacy_label01_03{background-position-x:calc(var(--bgSize) * 2)}
#detail_con span.privacy_label01_04{background-position-x:calc(var(--bgSize) * 3)}
#detail_con span.privacy_label01_05{background-position-x:calc(var(--bgSize) * 4)}
#detail_con span.privacy_label01_06{background-position-x:calc(var(--bgSize) * 5)}
#detail_con span.privacy_label01_07{background-position-x:calc(var(--bgSize) * 6)}
#detail_con span.privacy_label01_08{background-position-x:calc(var(--bgSize) * 7)}
#detail_con span.privacy_label01_09{background-position-x:calc(var(--bgSize) * 8)}
#detail_con span.privacy_label01_10{background-position-x:calc(var(--bgSize) * 9)}
#detail_con span[class^=privacy_label02]{background-position:0px var(--bgSize)}
#detail_con span.privacy_label02_01{background-position-x:0px}
#detail_con span.privacy_label02_02{background-position-x:var(--bgSize)}
#detail_con span.privacy_label02_03{background-position-x:calc(var(--bgSize) * 2)}
#detail_con span.privacy_label02_04{background-position-x:calc(var(--bgSize) * 3)}
#detail_con span.privacy_label02_05{background-position-x:calc(var(--bgSize) * 4)}
#detail_con span.privacy_label02_06{background-position-x:calc(var(--bgSize) * 5)}
#detail_con span.privacy_label02_07{background-position-x:calc(var(--bgSize) * 6)}
#detail_con span.privacy_label02_08{background-position-x:calc(var(--bgSize) * 7)}
#detail_con span.privacy_label02_09{background-position-x:calc(var(--bgSize) * 8)}
#detail_con span.privacy_label02_10{background-position-x:calc(var(--bgSize) * 9)}
#detail_con span.privacy_label02_11{background-position-x:calc(var(--bgSize) * 10)}
#detail_con span.privacy_label02_12{background-position-x:calc(var(--bgSize) * 11)}
#detail_con span[class^=privacy_label03]{background-position:0px calc(var(--bgSize) * 2)}
#detail_con span.privacy_label03_01{background-position-x:0px}
#detail_con span.privacy_label03_02{background-position-x:var(--bgSize)}
#detail_con span.privacy_label03_03{background-position-x:calc(var(--bgSize) * 2)}
#detail_con span.privacy_label03_04{background-position-x:calc(var(--bgSize) * 3)}
#detail_con span.privacy_label03_05{background-position-x:calc(var(--bgSize) * 4)}
#detail_con span.privacy_label03_06{background-position-x:calc(var(--bgSize) * 5)}
#detail_con span.privacy_label03_07{background-position-x:calc(var(--bgSize) * 6)}
#detail_con span.privacy_label03_08{background-position-x:calc(var(--bgSize) * 7)}
#detail_con span.privacy_label03_09{background-position-x:calc(var(--bgSize) * 8)}
#detail_con span.privacy_label03_10{background-position-x:calc(var(--bgSize) * 9)}
#detail_con span.privacy_label03_11{background-position-x:calc(var(--bgSize) * 10)}
#detail_con span.privacy_label03_12{background-position-x:calc(var(--bgSize) * 11)}

.personal_listBox{margin-top:2rem; border:.5rem solid #eee; padding: 2% 3%;}
.personal_listBox .tit{font-weight: bold; padding: 0.5rem 0px 1rem; margin-bottom: 1rem; border-bottom:1px solid #ddd}
.personal_listBox ul{display: flex; flex-wrap: wrap;}
.personal_listBox ul>li{flex: 0 0 50%; padding: 0.5rem}
.personal_listBox a:hover {text-decoration: underline;}

/* 이용안내 */
.viewer {overflow:hidden;}
.viewer li {float:left; margin:20px 0px; padding-top:110px; width:19.5%; border-left:1px dashed #dcdcdc;}
.viewer li.ic01 {background:url(/main/img/contents/guidance/viewer_ic01.gif) center top no-repeat; border-left:0px;}
.viewer li.ic02 {background:url(/main/img/contents/guidance/viewer_ic02.gif) center top no-repeat;}
.viewer li.ic03 {background:url(/main/img/contents/guidance/viewer_ic03.gif) center top no-repeat;}
.viewer li.ic04 {background:url(/main/img/contents/guidance/viewer_ic04.gif) center top no-repeat;}
.viewer li.ic05 {background:url(/main/img/contents/guidance/viewer_ic05.gif) center top no-repeat;}
.viewer li p.name {text-align:center; font-weight:400; font-size:14px; line-height:130%;}
.viewer li p.down {margin-top:10px; text-align:center;}

.familyList{margin-top:10px; display: flex; flex-wrap: wrap; width:100%;}
.familyList>li{flex: 1 1 25%; text-align:center; border:2px solid #eee; border-left: none; border-top: none;}
.familyList>li:nth-child(1),
.familyList>li:nth-child(4n-3) {border-left: 2px solid #eee;}
.familyList>li:nth-child(1),
.familyList>li:nth-child(2),
.familyList>li:nth-child(3),
.familyList>li:nth-child(4) {border-top: 2px solid #eee;}
.familyList>li a{display: block; padding:10px}
.familyList>li a:hover {text-decoration: underline;}

.olnum>li {list-style:inside decimal; margin-top:.5rem;}
.olnum .ollist {margin-left:1.5rem;}
.ollist>li {position:relative; margin-top:.5rem; padding-left:20px;}
.ollist>li span.num {position:absolute; left:0px; top:0px;}
.ollist .ollist {margin-left:0px; margin-bottom:10px;}

.officeInfo ul.tab-menu { list-style: none; padding: 0; margin: 2rem 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }
.officeInfo ul.tab-menu li { width: 100%; }
.officeInfo ul.tab-menu li a { display: block; width: 100%; padding: 2rem 0; border: 1px solid #2B32AA; text-decoration: none; color: #2B32AA; font-size: 1.8rem; font-family: var(--font-paper); border-radius: 0.6rem; text-align: center; box-sizing: border-box; transition: all 0.3s ease; }
.officeInfo ul.tab-menu li a[aria-selected="true"] { background-color: #2B32AA; color: #fff; font-weight: bold; border-color: #2B32AA; }
.officeInfo .map-img { display: none; max-width: 80%; margin: 0 auto; border-radius: 2rem; }
.officeInfo .map-img.active { display: block; }
.officeInfo .section { display: none; padding: 2rem 0 !important; border: none !important; }
.officeInfo .section.active { display: block; }

.youtube {position:relative; height:0; padding-bottom:56.25%;}
.youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}


/*******************************************************************************************************/


@media screen and (max-width: 1024px) {
	.officeInfo ul.tab-menu { grid-template-columns: repeat(3, 1fr); }
	.officeInfo ul.tab-menu li a { padding: 1rem 0; }
	.officeInfo .map-img { max-width: 100%; }
}

@media all and (min-width: 769px) {
	.dp_mb {display: none;}

	.easy_notify ul { text-align: center; }
	.easy_notify ul li { display: inline-block; vertical-align: top; padding: 12rem 5% 0%; width: 26%; background-position: center top; letter-spacing: -1px; }
	.easy_notify ul li.ic02 { border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }

	.current { position: relative; margin-top: 1rem; padding: 0px .5rem; border: 1px solid #dcdcdc; }
	.current>div { padding: 0px 2px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
	.current:before, .current:after, .current>div:before, .current>div:after { display: block; content: ''; position: absolute; height: 100%; width: 1px; top: 0px; background: #dcdcdc; ;}
	.current:before { left: 2px; }
	.current:after { right: 2px; }
	.current>div>div { overflow: hidden; background: #546DAB; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
	.current div.img, .current div.txt { width: 50%; float: left; ;}
	.current div.img { background: #fff; /* min-height:686px; */ }

	.social ul li { float: right; }
	.social ul li>div { width: 250px; height: 250px; }
	.social ul li:first-child { float: left; }
	.social ul:after { top: 42%; left: 47%; }

	.improve_good>li>p { float: left; width: 25%; }
	.improve_good>li>ul { float: right; width: 75%; }
	.improve_good>li.ic02>ul { margin-top: 2%; }
	.improve_good>li.ic03>ul { margin-top: 2%; }
	.improve_restaurant>li>p { float: left; width: 25%; }
	.improve_restaurant>li>ul { float: right; width: 75%; }
	.improve_restaurant>li.ic02>ul { margin-top: 7%; }
	.improve_restaurant>li.ic03>ul { margin-top: 1.5%; }
	.improve_simple>li { padding: 40px 0px; padding-left: 200px; background-position: 3% center; }
	.improve_fat>li { padding: 40px 0px; padding-left: 200px; background-position: 3% center; }

	.disaster_check>li>p { float: left; width: 25%; }
	.disaster_check>li>ul { float: right; width: 75%; }
}

@media all and (max-width: 768px) {
	.mb_hidden {display: none;}
	.dp_pc {display: none;}

	.seobox p.tit span { font-size: 3rem; }
	.seobox { border-width: .5rem; }
	.seobox:before, .seobox:after { border-width: 2rem; }

	.easy_notify ul { padding: 0% 5%; }
	.easy_notify ul li { padding: 2rem 5% 3rem 12rem; min-height: 13rem; background-position: left center; }
	.easy_notify ul li.ic02 { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

	.estate_back li { padding: 3rem 2%; padding-bottom: 2rem; width: 100%; border-bottom: 1px solid #dcdcdc; }
	.estate_back li:first-child { padding-top: 0px; }
	.estate_back li p.tit { padding-top: 60px; margin-bottom: 1rem; }
	.estate_back li.ic02 { border-left: 0px; border-right: 0px; }

	.estate_type li { position: relative; overflow: hidden; width: 100%; }
	.estate_type li p.txt, .estate_type li p.img { float: right; width: 50%; height: auto; border-top: none; }
	.estate_type li p.img { position: absolute; left: 0; top: 0; width: 50%; height: 100%; }

	.reserve_guide { padding: 30px }
	.reserve_guide:before, .reserve_guide:after { max-width: 30%; background-size: 100%; }
	.reserve_guide:before { left: 3.5rem; }
	.reserve_guide:after { right: 40px; }
	.reserve_guide_link li { flex-basis: calc(50% - 1rem) }
	.reserve_guide_link li.col2 { width: 100%; }
	.reserve_guide_link li:nth-of-type(even) { margin-right: 0; }
	.reserve_guide_link li.mr_n { margin-left: 2.5%; }

	.sgCulture { margin-top: 0px }
	.sgCulture:before { left: auto; top: auto; right: 0%; bottom: -57px; width: 140px; background-size: 100% }
	.sgCulture>p.tit { padding: 14.5rem 1rem 30px; max-width: 340px; background-position: center top; background-size: 12rem }
	.sgCulture>ul { padding-top: .5rem; border-top: 3px solid #333 }
	.sgCulture>ul li { border-bottom: 1px solid #ddd }
	.sgCulture>ul li a { padding: 40px 0px; padding-left: 10rem }
	.sgCulture>ul li a:before { left: 1rem; width: 72px; height: 72px; background-position: right -2px center; }
	.sgCulture>ul li:nth-child(1) a:before { background-color: #f47190 }
	.sgCulture>ul li:nth-child(2) a:before { background-color: #7a22f5 }
	.sgCulture>ul li:nth-child(3) a:before { background-color: #e14f13 }
	.sgCulture>ul li:nth-child(4) a:before { background-color: #0056e0 }
	.sgCulture>ul li a p.txt { width: 100% }
	.sgCulture>ul li a p.txt span.stit { letter-spacing: -1px; color: #888 }
	.sgCulture>ul li a p.txt span.tit { margin-top: 1rem; font-size: 1.55em }
	.sgCulture>ul li a p.img { display: none }
	.sgCulture>ul li a:hover:before { background-position: right -2px center; }

	#cultureTab{margin-bottom: 1rem;}
	#cultureTab>li a{padding:.6rem 2rem; border-radius:50px}
	.culture>div{flex-direction: column;}
	.culture>div p.img {text-align: center; }
	.culture>div p.img img {width: 80%; max-width: 400px;}
	.culture>div>dl { margin-top: 3rem; }

	.lll { margin-top: 0px; }
	.lll>li { margin-top: 2rem; width: 100%; border-top: 1px solid #dcdcdc; background-position: center 2rem; }
	.lll>li div { padding-top: 13rem; border: 0px; }
	.lll>li:first-child { margin-top: 0px; border: 0px; }

	.social p.tit { font-size: 24px; }
	.social p.txt { font-size: 16px; }
	.social ul { margin: 0px 0px; }
	.social ul li { margin: 0px; padding: 1%; width: 98%; }
	.social ul li:first-child { margin-bottom: 60px; }
	.social ul li>div { padding: 1rem 30px; border-radius: 1rem; }
	.social ul li p.q { padding: 1% 0px; font-size: 2.5rem; }
	.social ul li .a { margin-top: 2rem ; }
	.social ul:after { bottom: 170px; width: 100% }

	.ci-box .ci-info { flex-direction: column; gap: 2rem; width: 100%; }
	.ci-box.character .character-info { flex-direction: column; }

	.player li {width: 48%;}

	.disaster_manual li { width: 95%; }
	.disaster_manual dl { display: block; height: auto !important; }
	.disaster_manual dl dt { position: static; display: block; background: #020202; text-align: center; }
	.disaster_manual dl dd { display: block; padding: 2rem; text-align: center; }

	.form_tab {margin-bottom: 2rem;}
	.form_tab>p { position: relative; margin: 1rem 0px 0px; background: #003b99; border: 1px solid #003b99; color: #fff; }
	.form_tab>p a { display: block; padding: .5rem 1rem; color: #fff; font-weight: 400; }
	.form_tab>p a:after, #detail_con .form_tab>p a:before { display: block; content: ''; position: absolute; top: 11px; right: 1.5rem; width: 2px; height: 1rem; border-radius: 1px; background: #fff; }
	.form_tab>p a:after { transform: rotate(45deg); }
	.form_tab>p a:before { transform: rotate(-45deg); margin-right: 6px; ;}
	.form_tab ul { margin-top: 2px; }
	.form_tab ul li { width: 100% !important; }
	.form_tab ul li a { padding: 0px .5rem; background-image: none !important; font-size: 13px; }
	.form_tab ul li a p { height: 40px; }
	.form_tab ul li a p span {display: inline;	}

	.ullist02 {flex-direction: column; gap: 0.8rem;}
	.ullist02>li {width: 100%; margin:0;}


	.history li p.year { float: none; width: 100%; margin-bottom: 1rem;}
	.history li dl{ float: none; width: 100%; padding-left: 0px; border:0px}

	.conPhoto li { width: 100%; margin: 2% 0; }

	/* .organization p.tit { position: static; }
	.organization div.organBox div.con { margin: 3% 0% 0%; padding: 3% 0% 0%; margin-left: 0px; border-left: 0px; border-top: 1px solid #dcdcdc; }
	.organization div.organBox div.con a { margin: 1px auto; font-size: 13px; letter-spacing: -2px; }
	.organization div.organBox div.con .group.mb_col2>li { margin: 0px 1%; width: 48%; }
	.organization div.organBox div.con .group.mb_col3>li { margin: 0px 1%; width: 31.3%; } */

	.linklist li {width:48.2%;}
	.linklist.col3 li  {width:49%;}

	.labelBox {display: none;}
	
	.goal-con .vision .slogan {text-align: center;}
	.goal-con .policy ul>li {padding-top: 18rem; padding-left: 3rem;}
	.goal-con .policy ul>li::before {top: 3rem; bottom: auto; left: 0; right: 0;}

	.viewer li {width:33%;}
	.viewer li.ic04 {border-left:0px;}

	.familyList{display:block; border-top:2px solid #eee;}
	.familyList>li{display:block}
	.familyList>li>div{display:block; border-top:0px; width:100%}
	.familyList>li>div a{display:block}
}

/* ====================================================
   [조직도] Base & Variables
==================================================== */
.organization {
    position: relative;
    margin: 3rem 0;
    z-index: 1;

    --line-color: #666;
    --primary-bl: var(--main-primary-90);
    --primary-pu: var(--main-secondary-60);
    --dark-navy: #113665;
    --bg-gray: #f8f9fa;
}

.tar { text-align: right; margin-bottom: 1rem; }
.info-blet.ft-red { color: #d12b2b; font-weight: 500; }

.organization ul { list-style: none; padding: 0; margin: 0; }
.organization a { text-decoration: none; color: inherit; display: block; outline-offset: -2px; }
.organization a:focus-visible { outline: 2px solid #000; text-decoration: underline; }

/* ====================================================
   [조직도] Rank 1 & Rank 2
==================================================== */
.organization .rank1 { text-align: center; position: relative; }
.organization .rank1 > a, .organization .rank2 > a {
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto; width: 26rem; height: 5.5rem;
    font-size: 1.8rem; font-weight: 700; color: #fff;
    border-radius: 4px; box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.organization .rank1 > a { background-color: var(--primary-bl); position: relative; z-index: 2; }
.organization .rank2 { margin-top: 4rem; position: relative; }
.organization .rank2 > a { background-color: var(--primary-pu); position: relative; z-index: 2; }
.organization .rank2 > a > span { display: inline-block; }

/* ====================================================
   [조직도] Tree 메인 중앙 연결선
==================================================== */
/* 구청장 -> 부구청장 */
.organization .rank1 > a::after {
    content: ''; position: absolute; top: 100%; left: 50%;
    width: 1px; height: 4rem; background-color: var(--line-color);
    transform: translateX(-50%); z-index: -1;
}

/* 부구청장 -> Part1 가로선까지 */
/* .organization .rank2 > a::after {
    content: ''; position: absolute; top: 100%; left: 50%;
    width: 2px; height: 3rem; background-color: var(--line-color);
    transform: translateX(-50%); z-index: -1;
} */

/* Part1 -> Part2 중앙을 관통하는 긴 수직선 */
/* .organization .part1::after {
    content: ''; position: absolute; top: 0; left: 50%;
    width: 2px; height: calc(100% + 5rem);
    background-color: var(--line-color);
    transform: translateX(-50%); z-index: -1;
} */

/* ====================================================
   [조직도] 부서 레벨 (Part1, Part2) Layout
==================================================== */
.organization .part1, .organization .part2 {
    display: flex; justify-content: center; align-items: stretch;
    gap: 1.5rem; margin-top: 3rem; position: relative;
}
.organization .part2 {
    margin-top: 5rem;
    /* Part2의 무게중심을 잡아 중앙의 '홍보미디어실'에 메인 수직선이 꽂히도록 교정 */
    padding-left: 9.5rem;
}

/* 각 부서 Box 설정 (수직선을 위해 padding-top 공간 확보) */
.organization .part1 > li, .organization .part2 > li {
    position: relative; width: 14.5rem;
    display: flex; flex-direction: column; flex: 0 0 auto;
    padding-top: 2rem; /* 가로선과 박스 사이의 간격 */
}

/* ====================================================
   [조직도] 완벽한 수평/수직 연결선 구현
==================================================== */
/* 가로선 (각 리스트 사이의 Gap까지 완벽히 덮는 수식) */
.organization .part1 > li::before, .organization .part2 > li::before {
    content: ''; position: absolute; top: 0;
    left: calc(-0.75rem); /* Gap의 절반만큼 왼쪽으로 이동 */
    width: calc(100% + 1.5rem); /* 자신의 너비 + Gap만큼 늘림 */
    height: 1px; background-color: var(--line-color);
}
/* 첫 번째 항목 가로선 (절반만) */
.organization .part1 > li:first-child::before, .organization .part2 > li:first-child::before {
    width: calc(50% + 0.75rem); left: 50%;
}
/* 마지막 항목 가로선 (절반만) */
.organization .part1 > li:last-child::before, .organization .part2 > li:last-child::before {
    width: calc(50% + 0.75rem); left: calc(-0.75rem);
}

/* 가로선에서 각 박스로 떨어지는 개별 세로선 */
.organization .part1 > li::after, .organization .part2 > li::after {
    content: ''; position: absolute; top: 0; left: 50%;
    width: 1px; height: 2rem; background-color: var(--line-color);
    transform: translateX(-50%);
}

/* ====================================================
   [조직도] 부서 내부 Box 디자인
==================================================== */
.organization .tit {
    display: flex; align-items: center; justify-content: center;
    height: 5rem; background-color: var(--dark-navy); color: #fff;
    font-size: 1.6rem; font-weight: 600; margin: 0; border-radius: 4px 4px 0 0;
}
.organization .part1 > li > ul, .organization .part2 > li > ul {
    background-color: var(--bg-gray); border: 1px solid #e1e1e1;
    border-top: none; padding: 1.5rem 0; flex-grow: 1; border-radius: 0 0 4px 4px;
}
.organization .part1 > li > ul > li a, .organization .part2 > li > ul > li a {
    padding: 0.4rem 1.4rem; font-size: 1.5rem; text-align: left; color: #666; transition: color 0.2s;
}
.organization .part1 > li > ul > li a:hover, .organization .part2 > li > ul > li a:hover {
    color: var(--dark-navy); font-weight: 600;
}
.organization .part1 > li > ul > li a::before, .organization .part2 > li > ul > li a::before {
    content: ''; display: inline-block; width: 4px; height: 4px;
    background-color: #aaa; border-radius: 50%; margin-right: 0.6rem;
    vertical-align: middle; transform: translateY(-1px);
}

/* ====================================================
   [조직도] 세로 텍스트 영역 (.sil)
==================================================== */
.organization .part1 > li.sil, .organization .part2 > li.sil {
    width: 4.6rem;
}
.organization .sil > a {
    display: flex; justify-content: center; align-items: center;
    flex-grow: 1; min-height: 25rem; background-color: var(--dark-navy);
    color: #fff; font-size: 1.6rem; font-weight: 600;
    padding: 2rem 0; box-sizing: border-box; border-radius: 4px;
}
.organization .sil > a:hover { background-color: #0d284a; }
.organization .sil > a > span {
    display: inline-block; writing-mode: vertical-rl;
    text-orientation: upright; letter-spacing: 0.8rem;
}

/* ====================================================
   [조직도] 동행정복지센터 영역 (.dong)
==================================================== */
.organization .part2 > li.dong {
    width: 24rem;
}
.organization .dong > ul {
    display: flex; flex-wrap: wrap; padding: 1.5rem 1rem; align-content: flex-start;
}
.organization .dong > ul > li { width: 50%; }
.organization .dong > ul > li a { padding: 0.6rem 0.5rem; text-align: left; }

/* ====================================================
   [조직도] 반응형 (Mobile / Tablet)
==================================================== */
@media screen and (max-width: 1024px) {
    /* 👉 모바일 전용: 제일 상단부터 하단까지 정중앙을 관통하는 수직선 생성 */
    .organization::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0; /* 최상단부터 최하단까지 100% 꽉 채움 */
        left: 50%;
        width: 1px;
        background-color: var(--line-color);
        transform: translateX(-50%);
        z-index: -1; /* 박스들 뒤로 숨김 */
    }

    /* 모바일에서는 데스크톱용 복잡한 연결선(가로선 등) 모두 숨김 */
    .organization .rank1 > a::after, .organization .rank2 > a::after,
    .organization .part1 > li::before, .organization .part1 > li::after,
    .organization .part2 > li::before, .organization .part2 > li::after,
    .organization .part1::after { display: none; }

    .organization .part1, .organization .part2 {
        flex-direction: column; align-items: center; gap: 2rem; margin-top: 2rem;
    }
    .organization .part2 { padding-left: 0; } /* 모바일 무게중심 교정 해제 */

    .organization .part1 > li, .organization .part2 > li {
        width: 100%; max-width: 40rem; padding-top: 0;
    }
    .organization .part1 > li.sil, .organization .part2 > li.sil {
        width: 100%; max-width: 40rem;
    }
    .organization .sil > a { min-height: 5rem; padding: 1.5rem 0; }
    .organization .sil > a > span {
        writing-mode: horizontal-tb; text-orientation: mixed; letter-spacing: normal;
    }
    .organization .part2 > li.dong { width: 100%; max-width: 40rem; }
    .organization .rank1 > a, .organization .rank2 > a { width: 100%; max-width: 40rem; }
}

@media screen and (max-width: 480px) {
    .organization .dong > ul > li { width: 100%; } /* 모바일 동 목록 1열 */
}