/* 1_분야별정보_복지_국민기초생활보장 */

.welfare .support{background: #e7ecf1; padding: 53px 32px 19px; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.welfare .support > div{position: relative; background: #fff; margin-right: 42px; margin-bottom: 35px; text-align: center; width: calc((100% - 84px) / 3);}
.welfare .support > div::after{content: ''; background: url(/page/portal2024/images/content/arrow.png)no-repeat; width: 9px; height: 14px;
position: absolute; right: -25px; top: 50%; transform: translateY(-50%);}
.welfare .support > div:last-child::after{display: none;}
.welfare .support > div:nth-child(3n){margin-right: 0;}
.welfare .support > div:nth-child(2n) h4{background: #8c39a1;}
.welfare .support > div:nth-child(2n) h4 em{color: #8c39a1;}
.welfare .support > div h4{height: 60px; background: #4f76f8; display: flex; justify-content: center; align-items: center;}
.welfare .support > div h4 em{width: 23px; height: 23px; line-height: 23px; margin-right: 7px; color: #4f76f8; font-size: 14px; font-weight: 600; border-radius: 50%; display: inline-block; background: #fff; text-align: center;}
.welfare .support > div h4 span{color: #fff; font-weight: 600;}
.welfare .support > div .support_txt{height: 103px; display: flex; justify-content: center; align-items: center;}
.welfare .support > div .support_txt p{font-size: 14px; color: #333;}
.welfare .signup{padding: 42px 0 140px;}
.welfare .signup img{width: 100%;}
.welfare .step{padding-bottom: 10px;}
.welfare .step .step_bx ul{display: flex; position: relative; justify-content: space-between;}
.welfare .step .step_bx ul::before{content: ''; width: 97%; height: 1px; background: #e8d7ec; position: absolute; top: 17px; left: 20px; z-index: -1;}
.welfare .step .step_bx ul li{position: relative; display: flex; margin-right: 132px; flex-direction: column; align-items: center; justify-content: space-between;}
.welfare .step .step_bx ul li:last-child{margin-right: 0;}
.welfare .step .step_bx ul li::after{content: ''; background: url(/page/portal2024/images/content/arrow_01.png)no-repeat;
width: 10px; height: 16px; position: absolute; right: -89px; top: 10px;}
.welfare .step .step_bx ul li:nth-child(4)::after,
.welfare .step .step_bx ul li:last-child::after{display: none;}
.welfare .step .step_bx ul li:nth-child(4){margin-right: 22px;}
.welfare .step .step_bx ul li > div{width: 38px; height: 38px;  margin-bottom: 13px; background: rgba(201,162,211,.7); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.welfare .step .step_bx ul li > div em{font-size: 14px;  font-weight: 600; color: #fefefe; background: #8c39a1; border-radius: 50%;  width: 28px; height: 28px; display: inline-block; line-height: 28px; text-align: center;}
.welfare .step .step_bx ul li span{font-weight: 700; color: #8c39a1; padding-top: 13px;}
.welfare .step .step_bx ul li  > div:last-child{width: 9px; height: 9px; margin-bottom: 0; margin-top: 13px; background: #8c39a1; border-radius: 50%;}
.welfare .service .service_bx{background: #e7ecf1; display: flex; flex-wrap: wrap; padding: 60px 31px 44px 31px;}
.welfare .service .service_bx > div{position: relative; text-align: center; margin-right: 37px; margin-bottom: 55px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 102px; color: #fff; background: #5433be; width: calc((100% - 111px) / 4);}
.welfare .service .service_bx > div::after{content: ''; background: url(/page/portal2024/images/content/arrow_04.png)no-repeat; width: 6px; height: 11px;
position: absolute; right: -22px;}
.welfare .service .service_bx > div:nth-child(4)::after,
.welfare .service .service_bx > div:last-child::after{display: none;}
.welfare .service .service_bx > div:nth-child(4n){margin-right: 0;}
.welfare .service .service_bx > div:nth-child(5),
.welfare .service .service_bx > div:nth-child(6),
.welfare .service .service_bx > div:last-child{margin-bottom: 0;}
.welfare .service .service_bx > div em{font-weight: 700; font-size: 14px; display: flex; justify-content: center; align-items: center; width: 31px; height: 31px; background: #5433be; position: absolute; top: -14px; border-radius: 50%; left: 50%; transform: translate(-50%);}
.welfare .service .service_bx > div:first-child em,
.welfare .service .service_bx > div:last-child em{background: #791093;}
.welfare .service .service_bx > div strong{display: block; font-weight: 600; padding-top: 2px;}
.welfare .service .service_bx > div span{font-size: 14px; font-weight: 200;}
.welfare .service .service_bx > div:first-child,
.welfare .service .service_bx > div:last-child{background: #791093;}
.welfare .enter{padding-bottom: 20px;}
.welfare .enter .enter_bx,
.welfare .retirement .retirement_bx{display: flex;}
.welfare .enter .enter_bx > div,
.welfare .retirement .retirement_bx > div{margin-right: 48px;  width: calc((100% - 111px) / 4); position: relative;}
.welfare .enter .enter_bx > div::after,
.welfare .retirement .retirement_bx > div::after{content: ''; background: url(/page/portal2024/images/content/arrow_02.png)no-repeat; width: 25px; height: 16px;
position: absolute; right: -34px; top: 50%; transform: translateY(-50%);}
.welfare .retirement .retirement_bx > div::after{background-image: url(/page/portal2024/images/content/arrow_03.png);}
.welfare .enter .enter_bx > div:last-child::after,
.welfare .retirement .retirement_bx > div:last-child::after{display: none;}
.welfare .enter .enter_bx > div:nth-child(4n),
.welfare .retirement .retirement_bx > div:nth-child(4n){margin-right: 0;}
.welfare .enter .enter_bx > div em,
.welfare .retirement .retirement_bx > div em{display: flex; align-items: center; justify-content: center; text-align: center; color: #03529d; font-weight: 600; background: #e7effa; height: 59px; border: 1px solid #0c6dc8; border-radius: 6px;}
.welfare .enter .enter_bx > div span,
.welfare .retirement .retirement_bx > div span{display: flex; flex-direction: column; align-items: center; margin-top: 6px; justify-content: center; color: #000; font-weight: 500; background: #fff; height: 59px; border: 1px solid #0c6dc8; border-radius: 6px;}
.welfare .retirement .retirement_bx > div span{border: 1px solid #791093;}
.welfare .enter .enter_bx > div span strong,
.welfare .retirement .retirement_bx > div span strong{font-weight: 400; font-size: 14px; color: #666; display: block;}
.welfare .retirement .retirement_bx > div em{background: #efe1f3; border: 1px solid #791093; color: #791093;}
.signup{margin-top: 20px;}
@media (max-width:1399px) {
    .signup img{max-width: 100%;}
}
@media (max-width:991px) {
    .welfare .support {padding: 33px 32px 0;}
    .welfare .support > div{width: calc((100% - 43px) / 2);}
    .welfare .support > div:nth-child(2n){margin-right: 0;}
    .welfare .support > div:nth-child(2n)::after{display: none;}
    .welfare .support > div:nth-child(3n){margin-right: 42px;}
    .welfare .support > div:last-child{margin-right: 0;}
    .welfare .signup{padding: 42px 0 50px;}
    .welfare .step .step_bx ul li{margin-right: 109px;}
    .welfare .step .step_bx ul li::after{right: -66px;}
    .welfare .service .service_bx{padding: 40px 31px 34px 31px;}
    .welfare .service .service_bx > div{width: calc((100% - 74px) / 3);}
    .welfare .service .service_bx > div:nth-child(3n){margin-right: 0;}
    .welfare .service .service_bx > div:nth-child(4n){margin-right: 37px;}
    .welfare .service .service_bx > div:nth-child(3n)::after{display: none;}
    .welfare .service .service_bx > div:nth-child(4)::after{display: block;}
    .welfare .service .service_bx > div:last-child::after{display: none;}
}

@media (max-width:768px) {
    .welfare .step .step_bx ul li{margin-right: 100px;}
}

@media (max-width:716px) {
    .welfare .support{padding: 15px;}
    .welfare .step .step_bx ul li:nth-child(4){margin-right: 10px;}
    .welfare .support > div{width: 100%; margin-right: 0;}
    .welfare .support > div:nth-child(3n){margin-right: 0;}
    .welfare .support > div::after{right: auto; top: auto; left: 50%; transform: translate(-50%) rotate(90deg); bottom: -25px;}
    .welfare .support > div:nth-child(2n)::after{display: block;}
    .welfare .support > div:last-child::after{display: none;}
    .welfare .support > div:last-child{margin-bottom: 0;}
    .welfare .support > div h4 span{font-size: 15px;}
    .welfare .signup{padding: 22px 0;}
    .welfare .step .step_bx ul li{margin-right: 17px;}
    .welfare .step .step_bx ul li span{font-size: 14px;}
    .welfare .step .step_bx ul li::after{right: -11px;}
    .welfare .step .step_bx ul::before{width: 92%;}
    .welfare .step .step_bx ul li:nth-child(3)::after{right: -16px;}
    .welfare .service .service_bx{padding:25px 15px 15px 15px;}
    .welfare .service .service_bx > div{ width: calc((100% - 25px) / 2); margin-right: 25px; margin-bottom: 30px;}
    .welfare .service .service_bx > div:nth-child(2n){margin-right: 0;}
    .welfare .service .service_bx > div:nth-child(3n){margin-right: 25px;}
    .welfare .service .service_bx > div:nth-child(5){margin-bottom: 30px;}
    .welfare .service .service_bx > div:nth-child(6){margin-right: 0;}
    .welfare .service .service_bx > div:nth-child(2n)::after{display: none;}
    .welfare .service .service_bx > div:nth-child(3n)::after{display: block;}
    .welfare .service .service_bx > div:nth-child(6)::after{display: none;}
    .welfare .service .service_bx > div::after{right: -16px;}
    .welfare .service .service_bx > div strong{font-size: 15px;}
    .welfare .enter .enter_bx, 
    .welfare .retirement .retirement_bx{flex-direction: column;}
    .welfare .enter .enter_bx > div, 
    .welfare .retirement .retirement_bx > div{width: 100%; margin-right: 0; margin-bottom: 50px;}
    .welfare .enter .enter_bx > div:last-child, 
    .welfare .retirement .retirement_bx > div:last-child{margin-bottom: 0;}
    .welfare .enter .enter_bx > div::after, 
    .welfare .retirement .retirement_bx > div::after{top: auto; right: auto; left: 50%; bottom: -30px; transform: translate(-50%) rotate(90deg);}
    .welfare .enter .enter_bx > div em, 
    .welfare .retirement .retirement_bx > div em{font-size: 15px;}
    .welfare .enter .enter_bx > div span, 
    .welfare .retirement .retirement_bx > div span{height: 50px; font-size: 15px;}
    .welfare .enter{padding-bottom: 29px;}
}

@media (max-width:500px) {
    .welfare .step .step_bx ul li::after{right: -23px;}
    .welfare .step .step_bx ul li:nth-child(3)::after{right: -34px;}
}

@media (max-width:414px) {
    .welfare .step .step_bx ul li::after{right: -13px;}
    .welfare .step .step_bx ul li:nth-child(2)::after{right: -20px;}
    .welfare .step .step_bx ul li:nth-child(3)::after{right: -25px;}
}

@media (max-width:375px) {
    .welfare .step .step_bx ul li:nth-child(2)::after{right: -17px;}
    .welfare .step .step_bx ul li:nth-child(3)::after{right: -23px;}
}
@media (max-width:360px) {
    .welfare .step .step_bx ul li::after{right: -11px;}
    .welfare .step .step_bx ul li:nth-child(2)::after{right: -15px;}
    .welfare .step .step_bx ul li:nth-child(3)::after{right: -23px;}
}

/* 노인복지_노인맞춤돌봄서비스 */

.welfare{margin-top: 20px;}
.service01{margin-bottom: 20px;}

/* 아동청소년_아동발달지원계좌지원 */

.ct_box{display: flex; align-items: center;}

/* 조직 및 직원소개 */

.chart_area{position:relative;overflow:hidden;padding-left:60px;}



.chart_area .mayor{display: flex;margin:0 auto;width:202px;height:47px;position:relative;align-items: center;justify-content: center;background: url(/page/portal2024/images/sub/side_bg.png) no-repeat right center / cover;}
.chart_area .mayor:after{content:'';width:1px;height:155px;background:#ddd;position:absolute;bottom:-155px;left:50%;margin-left:-1px;}
.chart_area .mayor .name{color:#fff;font-size:18px;font-weight:600;}
.chart_area .mayor .name span{display:block;font-size:16px;margin-bottom:7px;}
.chart_area .office{display:block;width:202px;height:46px;line-height:40px;text-align:center;font-weight:300;color:#454545;border:3px solid #454545;position:absolute;top:58px;left:50%;margin-left:120px;font-size:16px;background:#fff;}
.chart_area .office::before{content: ''; display: block; width: 400px; height: 1px; background: #ddd; position: absolute; left: -407px; top: 50%;}
.chart_area .office:after{content:'';display:block;width:90px;height:1px;background:#ddd;position:absolute;left:-93px;top:50%;}
.chart_area .deputy_mayor{display:block;width:202px;height:46px;line-height:40px;text-align:center;font-weight:300;color:#454545;border:3px solid #454545;font-size:16px;margin:70px auto 0;background:#fff;position:relative;}
.chart_area .chart_list{position:relative;text-align:center;margin-top:44px;text-align:center;}
.chart_area .chart_list.v1{margin-top:60px;}
.chart_area .chart_list > li{width:calc(20% - 16px);margin:0 2px 30px 0;display:inline-block;position:relative;vertical-align: top;}
.chart_area .chart_list.v2 > li{display:block;float:left;width:calc(20% - 16px);  margin: 0 20px 15px 0;}
.chart_area .new1{position: absolute; top: 0; left: -322px; width: 92%;}
.chart_area .new1 > li{width:calc(20% - 16px); }
.chart_area .new1 > li:after{display: none !important;}
.chart_area .chart_list.v1 > li:nth-child(2){margin-right:0;}

.chart_area .administration{display:flex;margin:0 auto;width:202px;height:47px;padding:5px 0;position:relative;background:#1787c2;font-size:17px;font-weight:500;color:#fff;align-items: center;justify-content: center;}

.chart_area .administration:after{content:'';width:1px;height:22px;background:#ddd;position:absolute;bottom:-22px;left:50%;margin-left:-1px;}

.chart_area .administration.v2 span:before{width:315px;left:-315px;}
.chart_area .administration.v2 span:after{height:1097px;bottom:27px;left:-315px; z-index: -1;}


.chart_area .chart_list > li:after{content:'';display:block;width:1px;height:21px;background:#ddd;position:absolute;top:-21px;left:50%;}
.chart_area .chart_list > li:nth-child(5):after{margin-left:-1px;}
.chart_area .chart_list > li:nth-child(n+6):after{display:none;}
.chart_area .chart_list.v1 > li:nth-child(2):before{content:'';display:block;height:1px;left:-80px;right:50%;background:#ddd;position:absolute;top:-22px;margin-right:-1px;}

.chart_area .chart_list.v2 > li:nth-child(1):before{content:'';display:block;height:1px;left:50%;right:-380px;background:#ddd;position:absolute;top:-22px;}
.chart_area .chart_list.v2 > li:nth-child(5):before{content:'';display:block;height:1px;left:-380px;right:50%;background:#ddd;position:absolute;top:-22px;}

.chart_area .chart_list > li:nth-child(5n){margin-right:0;}
.chart_area .chart_list > li .title{display:block;font-weight:300;color:#454545; background: #fff; border:3px solid #5f5f5f;line-height:1.2;font-size:16px;padding:9px 0;}

.chart_area .chart_list > li ul{margin-top:10px;height:230px;background:#f5f5f5;border:3px solid #e7e7e7;text-align:left;padding-top:10px;}
.chart_area .chart_list.v1 > li ul{height:190px;}
.chart_area .chart_list > li ul li{font-size:16px;color:#454545;font-weight:300;line-height:1.6;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chart_area .chart_list > li ul li:before{content:'';display:inline-block;width:4px;height:4px;background:#006bb7;border-radius:2px;margin-right:7px;vertical-align:4px;}

 @media screen and (max-width:1024px) {
	.chart_area .new1{left: -290px;}
	.chart_area .deputy_mayor:after{width: 275px; left: -177px;}
	.chart_area .administration.v2 span:after {height: 684px; left: -257px;}
	.chart_area .administration.v2 span:before{width: 257px; left: -257px;}

 }

 @media screen and (max-width:991px) {
	.chart_area .new1{left: -214px;}
	.chart_area .deputy_mayor:after{width: 276px; left: -178px;}
	.chart_area .administration.v2 span:before{width: 175px; left: -175px;}
	.chart_area .administration.v2 span:after{height: 684px; left: -175px;}
	.chart_area .chart_list.v2 > li{display:block;float:left;width:calc(25% - 23px);  margin: 0 20px 15px 0;}
	.chart_area .new1 > li{width:calc(25% - 23px); }
	.chart_area .chart_list > li{width:calc(25% - 25px);}
	.chart_area .chart_list > li:nth-child(4):after{margin-left:-1px;}
	.chart_area .chart_list > li:nth-child(4n){margin-right:0;}
	.chart_area .chart_list > li:nth-child(n+5):after{display:none;}
	.chart_area .chart_list.v2 > li{width:calc(25% - 23px);}
	.chart_area .chart_list.v2 > li:nth-child(1):before{content:'';display:block;height:1px;left:50%;right:-380px;background:#ddd;position:absolute;top:-22px;}
	.chart_area .chart_list.v2 > li:nth-child(4):before{content:'';display:block;height:1px;right:50%;background:#ddd;position:absolute;top:-22px;}
	.chart_area .chart_list.v2 > li:nth-child(4):before{content:'';display:block;height:1px;left:-380px;right:50%;background:#ddd;position:absolute;top:-22px;}
	.chart_area .chart_list.v2 > li:nth-child(n+5):before{display:none;}
 }

 @media screen and (max-width:768px) {
	.chart_area .administration.v2 span:after{left: -161px;}
	.chart_area .administration.v2 span:before{width: 161px; left: -161px;}
 }

 @media screen and (max-width:730px) {
	.chart_area .new1{position: relative; left: auto; top: auto; width: 100%;}
	.chart_area{padding-left:0;}
	.chart_area .mayor{width:100%;}
	.chart_area .office{position:relative;width:100%;top:initial;left:initial;margin-left:0;margin-top:10px;}
	.chart_area .deputy_mayor{margin-top:10px;width:100%;}
	.chart_area .mayor:after{height:133px;bottom:-133px;}
	.chart_area .deputy_mayor:before{display:none;}
	.chart_area .chart_list{margin-top:10px;}
	.chart_area .chart_list > li:after{display:none;}
	.chart_area .chart_list.v1{margin-top:20px;}
	.chart_area .chart_list.v1 > li:nth-child(1):before{display:none;}
	.chart_area .chart_list.v1 > li:nth-child(2):before{display:none;}
	.chart_area .chart_list.v2 > li:nth-child(1):before{display:none;}
	.chart_area .chart_list.v2 > li:nth-child(4):before{display:none;}
	.chart_area .chart_list > li{width:100%;float:none;margin:0 0 10px 0;}
	.chart_area .chart_list.v2{margin-top:20px;}
	.chart_area .chart_list.v2 > li{width:100%;float:none;margin:0 0 10px 0;}
	.chart_area .chart_list.v1 > li ul,
	.chart_area .chart_list.v2 > li ul{height:auto;padding-bottom:10px;}
	.chart_area .administration{width:100%;margin-top:20px;}
	.chart_area .deputy_mayor:after,
	.chart_area .administration span:before,
	 .chart_area .administration span:after,
	 .chart_area .administration.v2 span:before,
	.chart_area .administration.v2 span:after{display:none;}

}


/* 조직 및 직원소개 사업소 및 군의회 */

.chart02_area{position:relative;overflow:hidden;}
.chart02_area .title{display:block;margin:0 auto;text-align:center;position:relative;}
.chart02_area .title:before{content:'';width:1px;height:44px;background:#ddd;position:absolute;bottom:-6px;left:50%;margin-left:-1px;}
.chart02_area .title .name{display:block;color:#fff;font-size:24px;margin:0 auto;font-weight:400;padding:66px 0 0 7px;width:246px;height:183px;background:url(../images/sub/intro/bg_boss.png) no-repeat 0 0;position:relative;}
.chart02_area .list_depth01{text-align:center;margin-top:28px;position:relative;}
.chart02_area .list_depth01 > li{float:left;}
.chart02_area .list_depth01 > li:first-child{width:calc(40% - 30px);margin-right:30px;}
.chart02_area .list_depth01 > li:last-child{width:calc(60% - 30px);margin-left:30px;}
.chart02_area .list_depth01 .depth01_name{position:relative;}
.chart02_area .list_depth01 .depth01_name span{display:block;background:#5f5f5f;color:#fff;font-weight:300;font-size:16px;padding:10px 0;position:relative;}
.chart02_area .list_depth01 .depth01_name:after{content:'';display:block;width:1px;height:23px;background:#ddd;position:absolute;top:-87px;left:50%}
@media screen and (min-width:0\0){ .chart02_area .list_depth01 .depth01_name:after{top:-23px;}}
.chart02_area .list_depth01 > li:first-child .depth01_name:before{content:'';display:block;height:1px;left:50%;right:-370px;background:#ddd;position:absolute;top:-23px;}
.chart02_area .list_depth01 > li:last-child .depth01_name:before{content:'';display:block;height:1px;right:50%;left:-380px;background:#ddd;position:absolute;top:-23px;}
.chart02_area .list_depth01 .list_depth02{margin-top:43px;position:relative;}
.chart02_area .list_depth01 .list_depth02:before{content:'';display:block;width:1px;height:21px;background:#ddd;position:absolute;top:-43px;left:50%;margin-left:-1px;}
.chart02_area .list_depth01 .list_depth02 > li{float:left;}
.chart02_area .list_depth01 .list_depth02 .depth02_name{display:block;border:3px solid #5f5f5f;font-weight:300;color:#454545;font-size:16px;padding:7px 0;position:relative;}
.chart02_area .list_depth01 .list_depth02 .depth02_name:after{content:'';display:block;width:1px;height:21px;background:#ddd;position:absolute;top:-24px;left:50%}
.chart02_area .list_depth01 > li:first-child .list_depth02 >li{width:calc(50% - 10px);margin-right:20px;}
.chart02_area .list_depth01 > li:first-child .list_depth02 >li:last-child{margin-right:0px;}
.chart02_area .list_depth01 > li:last-child .list_depth02 >li{width:calc(33.3333333% - 14px);margin-right:20px;}
.chart02_area .list_depth01 > li:last-child .list_depth02 >li:last-child{margin-right:0px;}
.chart02_area .list_depth01 .list_depth03{margin-top:10px;height:220px;background:#f5f5f5;border:3px solid #e7e7e7;text-align:left;padding-top:10px;}
.chart02_area .list_depth01 .list_depth03 li{font-size:16px;color:#454545;font-weight:300;line-height:1.6;margin-left:13px;padding-left:14px;position:relative;}
.chart02_area .list_depth01 .list_depth03 li:after{content:'';display:inline-block;width:4px;height:4px;background:#006bb7;border-radius:2px;position:absolute;left:0px;top:11px;}
.chart02_area .list_depth01 > li:first-child .list_depth02 li:first-child .depth02_name:before{content:'';display:block;height:1px;left:50%;right:-80px;background:#ddd;position:absolute;top:-25px;}
.chart02_area .list_depth01 > li:first-child .list_depth02 li:last-child .depth02_name:before{content:'';display:block;height:1px;right:50%;left:-80px;background:#ddd;position:absolute;top:-25px;margin-right:-1px;}
.chart02_area .list_depth01 > li:last-child .list_depth02 li:first-child .depth02_name:before{content:'';display:block;height:1px;left:50%;right:-200px;background:#ddd;position:absolute;top:-25px;}
.chart02_area .list_depth01 > li:last-child .list_depth02 li:last-child .depth02_name:before{content:'';display:block;height:1px;right:50%;left:-200px;background:#ddd;position:absolute;top:-25px;margin-right:-1px;}
.chart03_area{position:relative;overflow:hidden;margin-top:43px;}
.chart03_area .title{display:block;margin:0 auto;text-align:center;position:relative;}
.chart03_area .title:before{content:'';width:1px;height:22px;background:#ddd;position:absolute;bottom:-22px;left:50%;margin-left:-10px;}
.chart03_area .title .name{display:flex;margin:0 auto;width:202px;height:47px;padding:5px 0;position:relative;background:#1787c2;font-size:17px;font-weight:500;color:#fff;align-items: center;justify-content: center;}
.chart03_area .title .name span{font-size:16px;}
.chart03_area > ul{text-align:center;margin-top:12px;position:relative;}
.chart03_area > ul > li{display:inline-block;vertical-align:top; margin-right: 20px;}
.chart03_area.v4 > ul > li:first-child{margin-right:0;}
.chart03_area > ul > li strong{ display:block;border:3px solid #5f5f5f;font-weight:300;color:#454545;font-size:16px;padding:7px 0;position:relative;width:170px;}
.chart03_area > ul > li strong:after{content:'';display:block;width:1px;height:21px;background:#ddd;position:absolute;top:-24px;left:50%;}
.chart03_area > ul > li:first-child strong:before{content:'';display:block;height:1px;left:50%;right:-117px;background:#ddd;position:absolute;top:-25px;}
.chart03_area > ul > li:last-child strong:before{content:'';display:block;height:1px;right:50%;left:-107px;background:#ddd;position:absolute;top:-25px;}
.chart03_area > ul > li:last-child strong:after{margin-left:-1px;}
.chart03_area > ul > li ul{margin-top:10px;height:145px;background:#f5f5f5;border:3px solid #e7e7e7;text-align:left;padding-top:10px;width:170px;}
.chart03_area > ul > li ul li{font-size:16px;color:#454545;font-weight:300;line-height:1.6;margin-left:13px;padding-left:14px;position:relative;}
.chart03_area > ul > li ul li:after{content:'';display:inline-block;width:4px;height:4px;background:#006bb7;border-radius:2px;position:absolute;left:0px;top:11px;}
.chart03_area.v2 > ul{margin-top:43px;}
.chart03_area.v2 > ul > li ul{height:196px;}
.chart03_area.v2 .title:before{bottom:-22px;}
.chart03_area.v3 .title .name{}
.chart03_area.v3 > ul{margin-top:42px;}
.chart03_area.v3 > ul > li:nth-child(2){margin-right:30px;}
.chart03_area.v3 > ul > li ul{height:221px;}
.chart03_area.v3 > ul > li:first-child strong:before{right:-215px;}
.chart03_area.v3 > ul > li:last-child strong:before{left:-215px;}
.chart03_area.v3 .title:before{bottom:-21px;}

@media screen and (max-width:991px){
	.chart03_area.v3 > ul > li:first-child strong:before{right: -316px;}
	.chart03_area > ul > li .line:after{margin-left: 5px;}
	.chart03_area > ul > li ul,
	.chart03_area > ul > li strong{width: 130px;}
}

@media screen and (max-width:768px) {
	.chart02_area .title:before{width:270px;height:1px;margin-left:-249px;top:50%;bottom:inherit;margin-top:-10px;}
	.chart02_area .list_depth01:before{content:'';width:1px;height:608px;background:#ddd;top:-129px;left:50%;margin-left:-250px;position:absolute;}
	.chart02_area .list_depth01 > li{float:none;}
	.chart02_area .list_depth01 > li:first-child{margin:0 auto;width:45%;}
	.chart02_area .list_depth01 > li:last-child{margin:45px auto 0;width:60%;}
	.chart02_area .list_depth01 .list_depth02:before{margin-left:-2px;}
	.chart02_area .list_depth01 .depth01_name:after{display:none;}
	.chart02_area .list_depth01 > li:last-child .depth01_name:before{top:32px;right:inherit;left:50%;width:172px;margin-left:-249px}
	.chart02_area .list_depth01 > li:first-child .depth01_name:before{top:32px;right:inherit;left:50%;width:172px;margin-left:-249px}
}

@media screen and (max-width:639px) {
	.chart03_area.v2 .title .name{width:100%;}
	.chart03_area.v3 .title .name{width:100%;}
	.chart02_area .list_depth01 > li:first-child,
	.chart02_area .list_depth01 > li:last-child{width:100%;}
	.chart02_area .list_depth01 > li:first-child .list_depth02 >li{width:100%;margin:10px 0 0;}
	.chart02_area .list_depth01 .list_depth02 > li{float:none;margin-top:10px;}
	.chart02_area .list_depth01 .list_depth02{margin-top:10px;}
	.chart02_area .list_depth01 > li:last-child{margin-top:30px;}
	.chart02_area .list_depth01 > li:last-child .list_depth02 >li{width:100%;margin-left:0;}
	.chart02_area .list_depth01 .list_depth03{height:auto;padding-bottom:10px;}
	.chart02_area .list_depth01:before{display:none;}
	.chart02_area .list_depth01 .list_depth02:before{display:none;}
	.chart02_area .list_depth01 > li:first-child .list_depth02 li:first-child .depth02_name:before{display:none;}
	.chart02_area .list_depth01 .list_depth02 .depth02_name:after{display:none;}
	.chart02_area .list_depth01 > li:first-child .list_depth02 li:last-child .depth02_name:before{display:none;}
	.chart02_area .list_depth01 > li:last-child .list_depth02 li:first-child .depth02_name:before{display:none;}
	.chart02_area .list_depth01 > li:last-child .list_depth02 li:last-child .depth02_name:before{display:none;}
	.chart02_area .title:before{content:'';width:1px;height:67px;background:#ddd;position:absolute;bottom:-6px;left:50%;margin-left:-1px;top:155px;}
	.chart02_area .list_depth01 > li:first-child .depth01_name span:after{content:'';width:100%;height:1px;background:#ddd;position:absolute;;top:-28px;left:0px;}
	.chart03_area > ul > li{display:block; margin-right: 0;}
	.chart03_area > ul > li:first-child{margin-right:0;}
	.chart03_area > ul > li strong{width:100%;}
	.chart03_area > ul > li + li{margin-top:10px;}
	.chart03_area > ul > li strong:after{display:none;}
	.chart03_area > ul > li:first-child strong:before{display:none;}
	.chart03_area > ul > li:last-child strong:before{display:none;}
	.chart03_area > ul > li ul{height:auto;padding-bottom:10px;width:100%;}
	.chart03_area.v2 > ul > li ul{height:auto;}
	.chart03_area.v3 > ul > li ul{height:auto;}
	.chart03_area .title:before{height:117px;bottom:-29px;}
	.chart03_area.v2 .title:before{display: none;}
	.chart03_area > ul:before{display: none;}
    .chart03_area.v3 .title:before{display: none;}
	.chart03_area.v3 > ul > li:nth-child(2){margin-right:0;}
	.chart03_area.v4 > ul:before{display:none;}
	.chart03_area .title .name{width:100%;}
	.chart03_area > ul{margin-top:20px;}
} 


/* 조직 및 직원소개 읍면 */
.chart_area.v2 .mayor{margin-bottom:40px;}
.chart_area.v2 .mayor .name{padding-top:11px;}
.chart_area.v2 .chart_list{margin-top:30px;}
.chart_area.v2 .mayor:after{height:19px;bottom:-19px;}
.chart_area.v2 .chart_list > li ul{height:195px;}

 @media screen and (max-width:730px) {
	 .chart_area.v2 .mayor:after{height:41px;bottom:-41px;}
	 .chart_area.v2 .chart_list:before{display: none;}
	.chart_area.v2 .chart_list > li ul{height:auto;padding-bottom:10px;}
 }

 /* 종합민원실 배치도 */

.layout_area{position:relative;}
.layout_area img{display:block; width:100%;}
.caption_area{padding:8px;background:url(../images/sub/guide/bg_caption.png) repeat 0 0; background:#f5f5f5;}
.caption_area .title{display:block;height:43px;line-height:43px;background:#03a469;color:#fff;padding-left:20px;font-size:16px;font-weight:300;}
.caption_area ul{overflow:hidden;padding:14px 23px 23px;}
.caption_area ul li{float:left;width:50%;font-size:16px;color:#454545;font-weight:300; margin-top:9px;}
.caption_area ul li .number{display:inline-block;width:27px;height:27px;background:#5f5f5f;color:#fff;font-size:14px;font-weight:300;border-radius:14px;text-align:center;padding-top:2px;margin-right:2px;}


@media screen and (max-width:716px) {
	.caption_area ul li{font-size: 14px;}
}

@media screen and (max-width:620px) {
     .caption_area ul li{float:none;width:100%;}
}

/* 분야별 서비스 이행 */

.service_list_area{position:relative;overflow:hidden;}
.service_list_area ul{overflow:hidden;}
.service_list_area ul li{float:left;width:calc(25% - 1px);margin:0 1px 1px 0;height:192px;background:#e1e1e1;}
.service_list_area ul li:hover{background:#6d82ff}
.service_list_area ul li.last{background:#f1f1f1;}
.service_list_area ul li a{display:block;}
.service_list_area ul li .icon_box{width:99px;height:99px;background:#fff;border-radius:50%;margin:30px auto 0;}
.service_list_area ul li .text{text-align:center;font-size:16px;font-weight:300;margin-top:14px;}
.service_list_area ul li:hover .text{color:#fff;}

@media screen and (max-width:716px) {
 	.service_list_area ul li{width:calc(50% - 1px);}
	.service_list_area ul li.last{display:none;}
}

/* procedure */
.procedure {margin-top: 15px;margin-bottom:34px}
.procedure ul {overflow: hidden;}
.procedure li {position: relative;float: left;width: 100%;margin-top: 30px;padding: 10px;text-align: center;font-size: 16px;background-color: #c8c8c8;color: #454545;font-size: 16px;line-height: 1.6;}
.procedure li:first-child {margin-top: 0;}
.procedure li:after,
.procedure li:before {position: absolute;width: 10px;height: 10px;content: '';}
.procedure li:before {top: 0;left: 0;background: #a6a6a6;}
.procedure li:after {bottom: 0;right: 0;background: #a6a6a6;}
.procedure li:last-child {margin-right: 0;}
.procedure .procedure-color {background: #306cb5;}
.procedure .procedure-color:before {background: #f14d4d;}
.procedure .procedure-color:after {background: #78acea;}
.procedure .procedure-item.v2{display: block; height: 100px;}
.procedure .procedure-item {display: flex; justify-content: center; align-items: center; height: 100px; position: relative;width: 100%; padding: 10px;background: #fff;font-weight: 600;letter-spacing: -1px;}
.procedure .procedure-item:after {position: absolute;bottom: -32px;left: 50%;width: 23px;height: 15px;margin-left: -12.5px;background: url(../../common/images/ico-procedure-arrow.png) -83px -4px no-repeat;content: '';}
.procedure .procedure-itemShort {padding-top: 22px;}
.procedure li:last-child .procedure-item:after {display: none;}
.procedure .procedure-txtSmall {display: block;font-size: 14px;font-weight: normal;}
@media screen and (min-width: 640px){
	.procedure {margin-bottom: 0;}
	.procedure li {width: 45%;margin: 0 5% 25px 0;}
	.procedure .procedure-item:after {bottom: auto;top: 50%;left: auto;right: -13%;width: 15px;height: 23px;margin-left: 0;margin-top: -12.5px;background-position: 0 0;}
}
@media screen and (min-width: 767px){
	.procedure {margin-bottom: 0;}
	.procedure .procedure-item:after {right: -12%}
}
@media screen and (min-width: 840px){
	.procedure {margin-bottom: 0;}
	.procedure .procedure-item:after {right: -11%}
}
@media screen and (min-width: 1000px){
	.procedure {margin-bottom: 0;}
	.procedure li {width: 21%;margin: 0 4% 25px 0;}
	.procedure .procedure-item:after {right: -38px; }
}



/* 공연안내 목록 */
.show_list_area{position:relative;}
.show_list_area .show_list{overflow:hidden;}
.show_list_area .show_list li{float:left;margin:0 20px 20px 0;width:calc(33.333333333% - 14px);}
.show_list_area .show_list li:nth-child(3n){margin-right:0;}
.show_list_area .show_list li:nth-child(n+4){margin-bottom:0;}
.show_list_area .show_list li a{display:block;}
.show_list_area .show_list li .thumb_box{border:1px solid #d9d9d9;}
.show_list_area .show_list li .thumb_box img{display:block;width:100%;}
.show_list_area .show_list li .text_box{border:1px solid #d9d9d9;border-width:0 1px 1px;padding:14px 0 14px 18px;}
.show_list_area .show_list li .text_box .title{display:block;font-size:16px;color:#454545;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;padding-bottom:7px;letter-spacing:-1px}
.show_list_area .show_list li .text_box .date{display:block;font-weight:300;color:#454545;font-size:16px;letter-spacing:-1px}
.show_list_area .show_list li .text_box .date span{font-weight:400;}
.show_list_area .show_list li .text_box .fee{display:block;font-weight:300;color:#454545;font-size:16px;word-break:keep-all;letter-spacing:-1px}
.show_list_area .show_list li .text_box .fee span{font-weight:400;}



@media screen and (max-width:1024px) {
	.show_list_area .show_list li{width:calc(50% - 10px);}
	.show_list_area .show_list li:nth-child(4){margin-bottom:20px}
	.show_list_area .show_list li:nth-child(3n){margin-right:20px;}
	.show_list_area .show_list li:nth-child(2n){margin-right:0;}
}

@media screen and (max-width:414px) {
	.show_list_area .show_list li{float:none;width:100%;margin: 0 0 20px 0 !important;}
	.show_list_area .show_list li:last-child{margin-bottom:0 !important;}
}

/* 공연안내 상세 */
.show_detail_area{position:relative;}
.show_detail_area .img_box{border:1px solid #d9d9d9;margin-bottom:30px;}
.show_detail_area .img_box img{display:block;width:100%;}
.show_detail_area .show_detail_table{border-top:2px solid #333;margin:13px 0 30px;}
.show_detail_area .show_detail_table dl{border-bottom:1px solid #e5e5e5;overflow:hidden;}
.show_detail_area .show_detail_table dl dt{float:left;color:#454545;font-weight:500;height:46px;line-height:46px;background:#f7f7f7;border-right:1px solid #e5e5e5;text-align:center;font-size:16px;min-width:194px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show_detail_area .show_detail_table dl dd{font-size:16px;font-weight:300;height:46px;line-height:46px;padding-left:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show_detail_area .show_detail_table dl dd .btn_wrap{display:inline;}
.show_detail_area .show_detail_table dl dd .contsBtn{margin-top:3px;vertical-align:middle;float:right;}
.show_detail_area .show_box{padding:8px;background:url(../images/sub/government/bg_showbox.png) 0 0 repeat;margin-top:13px;}
.show_detail_area .show_box .inner{background:#fff;font-size:16px;color:#454545;font-weight:300;line-height:1.5;padding:24px 30px;word-break:keep-all;}


@media screen and (max-width:768px) {
	.show_detail_area .show_detail_table dl dt{float:none;border-right:0;border-bottom:1px solid #e5e5e5;text-align:left;padding-left:20px;}
	.show_detail_area .show_detail_table dl dd{padding-left:20px;height:auto;}
}

@media screen and (max-width:414px) {
	.show_detail_area .show_detail_table dl dd .btn_wrap{display:block;margin-left:-10px;}
	.show_detail_area .show_detail_table dl dd .contsBtn{float:none;margin:0 0 10px;}
	.show_detail_area .show_detail_table dl dd .contsBtn > span{padding:0 13px;}
}


/* 반응형 테이블 */
.responsive_table{display:table;border-top:2px solid #333;margin-top:20px;width:100%;}
.responsive_table .row{display:table-row;width:100%;}
.responsive_table .row > div{display:table-cell;padding:12px 14px;text-align:left;color:#454545;font-weight:300;word-break:keep-all;border:1px solid #e0e0e0;border-width:0 1px 1px 0;vertical-align:middle;font-size:16px;letter-spacing:-1px;}
.responsive_table .row > div:last-child{border-width:0 0 1px 0;}
.responsive_table .row > div dt{display:none;}
.responsive_table .row > div dd{word-break:keep-all;}
.responsive_table .row.th > div{font-weight:400;background:#f7f7f7;}
.responsive_table .sticker{display:inline-block;width:90px;color:#fff;text-align:center;background:#55555b;}
.responsive_table .st_1{color:#0676cc;}
.responsive_table .row > div.date {min-width:100px;}
.responsive_table .row > div dd .btn {display:inline-block;line-height:26px;height:26px;width:120px;color:#fff;text-align:center;}
.responsive_table .row > div dd .btn {background:#55555b;}

@media screen and (max-width:768px) {
	.responsive_table{display:block;}
	.responsive_table .row.th{display:none;}
	.responsive_table .row{display:block;padding:0 8px;background:#fff;border-bottom:1px solid #e0e0e0;}
	.responsive_table .row:nth-child(2n){background:#f7f7f7;}
	.responsive_table .row > div{display:block;text-align:left;border:1px dashed #e0e0e0;border-width:0 0 1px 0;}
	.responsive_table .row > div:last-child{border-bottom:0;}
	.responsive_table .row > div.number{display:none;}
	.responsive_table .row > div.title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.responsive_table .row > div dt{display:block;float:left;min-width:104px;position:relative;}
	.responsive_table .row > div dt:after{content:'';width:1px;height:14px;display:block;background:#c9c9c9;position:absolute;top:5px;right:0px;}
	.responsive_table .row > div dd{overflow:hidden;padding-left:15px;}
}


.tabInfo li:nth-child(1) {width: 100%;}
.tabInfo a{display:block;}
.tabInfo-txt {line-height: 20px;}
.tabInfo-img, .tabInfo-txt {display: table-cell}
.tabInfo-img, .tabInfo-txt{vertical-align:middle;letter-spacing: -2px;}

.tabInfo-txt {padding-left: 5px;}
.tabInfo li:nth-child(1) .tabInfo-txt{width: auto;position: inherit;}
.tabInfo-img img {width: 30px;}
.tabInfo.v2 .tabInfo-img{width:50px;height:50px;}
.tabInfo.v2 .tabInfo-img img {width: 50px;display: block;}
.tabInfo.v2 .tabInfo-txt {white-space:nowrap;}





@media screen and (min-width: 640px){
	.tabInfo li:nth-child(n) {width: 50%;}
	.tabInfo.v2 li:nth-child(n) {width: 50%;}
	.tabInfo-img, .tabInfo li:nth-child(n) .tabInfo-txt{display: table-cell;}

	.tabInfo.v2 li:nth-child(1) {width: 100%;}
}


@media screen and (min-width: 768px){
	.tabInfo li:nth-child(n) {width: 50%;}
	.tabInfo.v2 li:nth-child(n) {width: 50%;}

	.tabInfo.v2 li:nth-child(1) {width: 100%;}
}

@media screen and (min-width: 1000px){
	.tabInfo li {padding: 20px;min-height: 139px;padding-bottom: 17px;}
	.tabInfo li:nth-child(n) {width: 16.66666666666667%;}
	.tabInfo.v2 li:nth-child(n) {width: 16.66666666666667%;}
	.tabInfo-img{margin-bottom: 5px;width: 55px; height: 55px;}
	.tabInfo-img, .tabInfo li:nth-child(n) .tabInfo-txt {display: block;}
	.tabInfo-img img {width: 35px;}
	.tabInfo.v2 li {min-height: auto;}
	.tabInfo.v2 .tabInfo-txt {padding-left: 0px;}
	.tabInfo.v2 .tabInfo-img{width:55px;height:55px;}
	.tabInfo.v2 .tabInfo-img img {width: 55px;}
	
}

.intro-box {padding-top: 6px;border-bottom: 1px solid #dfdfdf;margin-bottom: 34px;}
.intro-box img {display: block;width: 100%}
.intro-box.pc_only{display:none;}
.intro-box.pad_only{display:none;}

@media screen and (min-width: 360px){
	.intro-box img {margin: 0 auto;}

}

@media screen and (min-width: 768px){
	.intro-box.pad_only{display:block;}
	.intro-box.mobile_only{display:none;}
}


@media screen and (min-width: 1000px){
	.intro-box.pc_only{display:block;}
	.intro-box.pad_only{display:none;}
}
/* HAPPY700의 정의 */
.circle-box {padding: 2px 0 0 16px;}
.circle-box ul li {padding-top: 10px;text-align: center;}
.circle-box ul li img {display: inline-block;}

@media screen and (min-width: 768px){
	.circle-box ul li{display: inline-block;width:32.7%;}
}

/* 이장연합회 조직도 */
 .group_chart_area{position:relative;}
 .group_chart_area .boss{display:block;width:324px;height:172px;background: url(/page/portal2024/images/content/bg_boss_01.png) no-repeat 0 0;margin:10px auto 10px;text-align:center;font-size:16px;color:#fff;font-weight:400;padding-top:47px;position:relative;}
 .group_chart_area .boss span{font-size:24px;display:block;margin-top:5px;}
 .group_chart_area .boss:after{content:'';width:1px;height:168px;background:#ddd;position:absolute;bottom:-151px;left:50%;margin-left:-1px;}
 .group_chart_area .sub_boss{display:block;width:202px;height:35px;border:3px solid #5f5f5f;text-align:center;font-weight:300;font-size:16px;color:#454545;padding-top:8px;margin:20px auto 0;background:#fff;z-index:100;position:relative;}
 .group_chart_area .sub_boss dl{display:inline-block;}
 .group_chart_area .sub_boss dt{float:left;line-height:1.3;}
 .group_chart_area .sub_boss dd{float:left;overflow:hidden;line-height:1.3;padding-left:4px;}
 .group_chart_area .gamsa{display:block;width:202px;height:46px;line-height:39px;border:3px solid #5f5f5f;text-align:center;font-weight:300;color:#454545;font-size:16px;position:absolute;left:50%;margin-left:90px;background:#fff;top:297px;}
 .group_chart_area .gamsa:after{content:'';display:block;width:90px;height:1px;background:#ddd;position:absolute;top:50%;left:-93px;}
 .group_chart_area .manager{display:block;width:202px;height:46px;line-height:39px;border:3px solid #5f5f5f;text-align:center;font-weight:300;color:#454545;font-size:16px;margin:82px auto 0;}
 .group_chart_area .chart_list_01{overflow:hidden;}
 .group_chart_area .chart_list_01 li{float:left;width:calc((100% - 69px) / 4);height:64px;border:3px solid #5f5f5f;text-align:center;font-weight:300;color:#454545;font-size:16px;margin:20px 23px 0 0;padding-top:7px;}
 .group_chart_area .chart_list_01 li:nth-child(4n){margin-right:0;}
 .group_chart_area .chart_list_02{overflow:hidden;}
 .group_chart_area .chart_list_02 li{float:left;width:calc((100% - 69px) / 4);height:43px;line-height:37px;border:3px solid #5f5f5f;text-align:center;font-weight:300;color:#454545;font-size:16px;margin:20px 23px 0 0;}
 .group_chart_area .chart_list_02 li a{display:block;}
 .group_chart_area .chart_list_02 li:nth-child(4n){margin-right:0;}


@media screen and (max-width:650px) {
	 .group_chart_area .boss:after{height:188px;bottom:-162px;}
	 .group_chart_area .sub_boss{width:100%;}
	 .group_chart_area .gamsa{position:relative;left:inherit;margin-left:0;top:inherit;margin:20px auto 0;width:100%;}
	 .group_chart_area .gamsa:after{display:none;}
	 .group_chart_area .manager{margin-top:20px;width:100%;}

	 .group_chart_area .chart_list_01{margin-top:30px;}
	 .group_chart_area .chart_list_01 li{width:calc((100% - 26px) / 2);margin-right:26px;}
	 .group_chart_area .chart_list_01 li:nth-child(2n){margin-right:0;}

	 .group_chart_area .chart_list_02 li{width:calc((100% - 26px) / 2);margin-right:26px;}
	 .group_chart_area .chart_list_02 li:nth-child(2n){margin-right:0;}

	 .group_chart_area .contsBtn > span{padding:0 15px;}
}

/* 배너모음 */
 .banner_area{position:relative;overflow:hidden;}

 .banner_area .th_area{border-top:2px solid #333;overflow:hidden;}
 .banner_area .th_area > div{float:left;width:50%;}
 .banner_area .th_area > div > div{float:left;height:45px;line-height:45px;background:#f7f7f7;text-align:center;color:#454545;font-size:16px;border:1px solid #ddd;border-width:0 1px 1px 0;}
 .banner_area .th_area > div:last-child > div:last-child{border-width:0 0 1px 0;}
 .banner_area .th_area > div .box_1{width:70%;}
 .banner_area .th_area > div .box_2{width:30%;}

 .banner_area .td_list{overflow:hidden;padding-bottom:1px;}
 .banner_area .td_list li{float:left;width:50%;height:45px;line-height:45px;}
 .banner_area .td_list li > div{float:left;text-align:center;font-weight:300;font-size:16px;color:#454545;border:1px solid #ddd;border-width:0 1px 1px 0;}
 .banner_area .td_list li:nth-child(2n) > div:last-child{border-width:0 0 1px 0;}
 .banner_area .td_list li .box_1{width:70%;text-align:left;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .banner_area .td_list li .box_2{width:30%;}
 .banner_area .td_list li .box_2 a{display:inline-block;width:82px;height:27px;line-height:27px;border:1px solid #939393;background:#f7f7f7;border-radius:2px;}


@media screen and (max-width:700px) {
	 .banner_area .th_area > div{float:none;width:100%;}
	 .banner_area .th_area > div:last-child{display:none;}
	 .banner_area .th_area > div > div:last-child{border-width:0 0 1px 0;}
	 .banner_area .td_list li{float:none;width:100%;}
	 .banner_area .td_list li > div:last-child{border-width:0 0 1px 0;}
}

/* 연혁 */
 .history_area{position:relative;overflow:hidden;}
 .history_area .tab_box{background:url(/page/portal2024/images/content/bg_history.jpg) no-repeat center top;height:196px;background-size:cover;text-align:center;}
 .history_area .history_tab{overflow:hidden;}
 .history_area .history_tab:after{content:'';height:1px;background:#fff;position:absolute;top:33px;left:25%;right:25%;}
 .history_area .history_tab li{display:inline-block;width:25%;vertical-align:top;padding-top:50px;}
 .history_area .history_tab li a{font-size:16px;color:#fff;font-weight:300;text-shadow:2px 2px 1px rgba(0,0,0,.6);position:relative;}
 .history_area .history_tab li a:after{content:'';display:block;width:11px;height:11px;border-radius:50%;background:#fff;position:absolute;left:50%;margin-left:-5px;top:-22px;z-index:10;}
 .history_area .history_tab li.ui-tabs-active a{font-weight:500;}
 .history_area .history_tab li.ui-tabs-active a:after{background:transparent;border:3px solid #fff;top:-25px;}
 .history_area .history_tab li:first-child.ui-tabs-active a:after{margin-left:-11px;}
 .history_area .history_tab li:nth-child(2).ui-tabs-active a:after{background:#4c8b99}
 .history_area .conts_box .title{position:absolute;top:109px;color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,.6);width:100%;font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-2px;text-align:center;}
 .history_area .conts_box .history_list{margin:40px 0 100px;position:relative;}
 .history_area .conts_box .history_list:after{content:'';width:1px;background:#ddd;position:absolute;top:20px;bottom:62px;left:13px;}
 .history_area .conts_box .history_list li{padding-left:45px;position:relative;}
 .history_area .conts_box .history_list li:before{content:'';display:block;width:25px;height:25px;background:#fff;border:1px solid #0950a0;background:#fff;border-radius:50%;position:absolute;left:0px;z-index:100;top:5px;}
 .history_area .conts_box .history_list li:after{content:'';display:block;width:9px;height:9px;background:#0950a0;border-radius:50%;position:absolute;top:14px;left:9px;z-index:100;}
 .history_area .conts_box .history_list li + li{margin-top:40px;}
 .history_area .conts_box .history_list li .date{font-weight:600;color:#0950a0;font-size:26px;display:block;line-height:1.5;}
 .history_area .conts_box .history_list li .text{font-weight:300;color:#454545;font-size:16px;margin-top:15px;display:block;padding-left:11px;position:relative}
 .history_area .conts_box .history_list li .text:before{content:'';display:block;width:2px;height:2px;background:#585858;position:absolute;top:11px;left:2px}


@media screen and (max-width:716px) {
	 .history_area .history_tab li{width:32%;}
	 .history_area .conts_box .title{font-size: 30px;}
	 .history_area .history_tab:after{left:13%;right:18%;}
}

/* 평창군민헌장 */
 .charter_area{margin-top:45px;}
 .charter_area .img_box{text-align:center;}
 .charter_area .text_box{text-align:center;font-weight:300;font-size:18px;color:#454545;line-height:1.8;max-width:590px;padding:25px 0;margin:37px auto 24px;border:1px dashed #ccc;border-width:1px 0;word-break:keep-all}
 .charter_area .charter_list{border-bottom: 2px solid #c6c6c6;border-width:2px 0;margin:25px 80px;padding:0 0 30px 0;}
 .charter_area .charter_list li{display:table;}
 .charter_area .charter_list li + li{margin-top:10px;}
 .charter_area .charter_list li > div{display:table-cell;}
 .charter_area .charter_list li .number_box{width:40px;vertical-align:middle;}
 .charter_area .charter_list li .number_box span{display:block;width:40px;height:40px;border-radius:50%;background:#5963c4;color:#fff;font-weight:500;text-align:center;padding-top:7px;}
 .charter_area .charter_list li:nth-child(2n) .number_box span{background:#b959c4;}
 .charter_area .charter_list li .text_boxL{padding-left:15px;vertical-align:middle;}
 .charter_area .charter_list li .text_boxL span{font-weight:300;color:#333;letter-spacing:-1px;font-size: 16px;}
 .charter_area .promise{padding-bottom:20px;font-weight:300;text-align:center;color:#333;}

@media screen and (max-width:716px) {
	.charter_area .charter_list{margin:25px 0;}
	.charter_area .text_box{font-size: 16px;}
	.charter_area .charter_list li .text_boxL span{font-size: 14px;}
	 .charter_area .text_box br{display:none;}
	 
}

/* 뷰어 다운로드 */
 .viewer_area{position:relative;}
 .viewer_area ul{overflow:hidden}
 .viewer_area ul li{float:left;width:calc(33.3333333% - 8px);margin:12px 6px 0;border:2px solid #e1e1e1;}
 .viewer_area ul li:nth-child(1){margin-left:0;}
 .viewer_area ul li:nth-child(3){margin-right:0;}
 .viewer_area ul li:nth-child(4){margin-left:0;}
 .viewer_area ul li .title{display:block;text-align:center;font-size:18px;color:#1d1d1d;background:#e1e1e1;height:50px;line-height:50px;}
 .viewer_area ul li .text_box{height:235px;position:relative;text-align:center;padding-top:17px;}
 .viewer_area ul li .text_box .text{font-size:16px;font-weight:300;color:#454545;}
 .viewer_area ul li .text_box .btn_down{display:block;text-align:center;width:159px;height:44px;line-height:44px;background:#4d5360;font-weight:300;color:#fff;font-size:16px;font-weight:300;position:absolute;bottom:16px;left:50%;margin-left:-80px;}
 .viewer_area ul li .text_box .btn_down img{display:inline-block;margin-left:13px;}

@media screen and (max-width:768px) {
     .viewer_area ul li{width:calc(50% - 6px);}
	 .viewer_area ul li:nth-child(1){margin-left:0;}
	 .viewer_area ul li:nth-child(2n){margin-right:0;}
	 .viewer_area ul li:nth-child(3){margin-right:6px;margin-left:0;}
	 .viewer_area ul li:nth-child(4){margin-left:6px;}
	 .viewer_area ul li:nth-child(5){margin-left:0;}
}

@media screen and (max-width:768px) {
	 .viewer_area ul li{width:100%;float:none;margin:12px 0 0 !important;}
}

/* 하이라이트 모음 */
 .info_area{position:relative}
 .info_area ul{overflow:hidden;}
 .info_area ul li{float:left;width:calc(50% - 11px);margin-right:11px;}
 .info_area ul li:nth-child(2n){width:calc(50% - 10px);margin-right:0px;margin-left:10px;}
 .info_area ul li a{display:block;margin-bottom:30px;}
 .info_area ul li a .thumb img{display:block;width:100%;}
 .info_area ul li a .text{height:57px;background:#fff;margin:0 33px;box-shadow:5px 5px 10px rgba(0,0,0,.2);text-align:center;margin-top:-27px;position:relative;color:#454545;font-size:16px;font-weight:300}
 .info_area ul li a .text .title{margin:16px 4px;display:inline-block; letter-spacing: -3px;}
 .info_area ul li a .text .title_2{margin:16px 4px;display:none;}

 .info_area ul li a.link:hover .text{background:#55555b;color:#fff;}
 .info_area ul li a.link:hover .text .title{display:none;}
 .info_area ul li a.link:hover .text .title_2{display:inline-block;}

 .info_area ul li a .text .title .new_window{display:inline-block;width:11px;height:10px;background:url(../images/sub/icon_new_window1.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;margin-left:4px;}
 .info_area ul li a .text .title_2 .new_window{display:inline-block;width:11px;height:10px;background:url(../images/sub/icon_new_window2.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;margin-left:4px;}

 @media screen and (max-width:1024px) {
	.info_area ul li a .text .title{font-size: 14px; letter-spacing: 0;}
 }

 @media screen and (max-width:991px) {
 	.info_area ul li a .text{margin: 0 4px; }
	 .info_area ul li a .text .title{font-size: 13px;}
 }

@media screen and (max-width:550px) {
     .info_area ul li{float:none;width:100%;margin-right:0px;}
	 .info_area ul li:nth-child(2n){width:100%;margin-left:0px;}
}

/* 관광시설 배너 */
 .tour_banner{position:relative;margin-bottom:20px;}
 .tour_banner .banner_box{background:#eed924;height:60px;position:relative;}
 .tour_banner .banner_box .mobile_banner{display:none;}
 .tour_banner .banner_box .banner_link{position:absolute;right:20px;top:7px;}
 .tour_banner .banner_box .text{padding:10px 0 0 200px;}

@media screen and (max-width:716px) {
	 .tour_banner{padding-top:20px;}
	 .tour_banner:before{width:150px;background-size:150px auto;top:25px;}
	 .tour_banner .banner_box{height: 80px;}
	 .tour_banner .banner_box .pc_banner{display: none;}
	 .tour_banner .banner_box .mobile_banner{display:block;}
	 .tour_banner .banner_box .text{padding:10px 0 0 10px; height: 65px;}
	 .tour_banner .banner_box .banner_link{right:3px; top: 20px;}

}


/* 사전정보 공표 */
.cha_ca_area3.boSrchArea{text-align:right;}
.cha_ca_area3.boSrchArea .boSrch{width:100%;}
.cha_ca_area3 .boSrch-selectBox,.cha_ca_area3 .boSrch-label{width:45%;line-height:34px;}
.cha_ca_area3 .boSrch-label{text-align:right}
.cha_ca_area3 .inline_box{display:inline-block;width:calc(33.3333% - 4px);}

@media screen and (max-width:700px) {
	.cha_ca_area3.boSrchArea{margin-bottom:0;}
	.cha_ca_area3.boSrchArea + .boSrchArea .boSrch-selectBox{width:100%;margin-bottom:10px}
	.cha_ca_area3 .boSrch-label{width:30%;line-height:44px;margin-bottom:10px;}
	.cha_ca_area3.boSrchArea + .boSrchArea .boSrch-iptTxt{width:100%}
	.cha_ca_area3 .boSrch-selectBox{float:right;width:60%;line-height:33px;margin-right:0;margin-bottom:10px}
	.boSrchArea.v2 .boSrch-btnBo{width:100%;margin-top:10px;}
	.cha_ca_area3 .inline_box{display:block;width:100%}
}

@media screen and (max-width:640px) {
	.cha_ca_area3 .boSrch-label{line-height:33px;}
}


.cha_ca_detail{border-top:2px solid #333;margin:13px 0 30px;}
.cha_ca_detail dl{border-bottom:1px solid #e5e5e5;overflow:hidden;background:#f7f7f7}
.cha_ca_detail dl dt{float:left;color:#454545;font-weight:500;height:46px;line-height:46px;background:#f7f7f7;text-align:center;font-size:16px;width:20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cha_ca_detail dl dd{font-size:16px;font-weight:300;padding:10px 18px 14px;border-left:1px solid #e5e5e5;overflow:hidden;background:#fff}
.cha_ca_detail dl dd .btn_wrap{display:inline;}
.cha_ca_detail dl dd .contsBtn{margin-top:3px;vertical-align:middle;float:right;}

.cha_ca_detail .text_box dt{height:100%;line-height:26px;text-overflow:unset;white-space:initial;}
.cha_ca_detail .text_box dd{height:auto;line-height:26px;text-overflow:unset;white-space:initial;}

.cha_ca_detail .double dd + dt{border-left:1px solid #e5e5e5}
.cha_ca_detail .double dd{float:left;width:30%;}

.cha_ca_detail .double_line{line-height:20px;}

@media screen and (max-width:768px) {
	.cha_ca_detail dl dt{float:none;width:100%;border-left:0;border-bottom:1px solid #e5e5e5;text-align:left;padding-left:20px;}
	.cha_ca_detail dl dd{padding-left:20px;height:auto;border-left:0;}

	.cha_ca_detail .double dd + dt{border-left:0;border-top:1px solid #e5e5e5}
	.cha_ca_detail .double dd{float:none;width:100%;}

	.cha_ca_detail .double_line{line-height:46px;}
	.cha_ca_detail .double_line br{display:none}

	.cha_ca_detail .text_box dt{height:100%;line-height:46px;text-overflow:unset;white-space:initial;}
}

@media screen and (max-width:414px) {
	.cha_ca_detail dl dd .btn_wrap{display:block;margin-left:-10px;}
	.cha_ca_detail dl dd .contsBtn{float:none;margin:0 0 10px;}
	.cha_ca_detail dl dd .contsBtn > span{padding:0 13px;}
}

.office-floor {position: relative;padding-top: 20px;}
.office-floor .floor-box {border: 1px solid #acb9bf;}
.office-floor .floor-box + .floor-box {margin-top: 20px;}
.office-floor .floor-box .floor-image {padding: 35px 0 35px;position: relative;}
.office-floor .floor-box .floor-image img {display: block;margin: 0 auto;}
.office-floor .floor-box .floor-text {background: #e4edf2;font-size: 14px;font-weight: 300;padding-bottom: 30px;}
.office-floor .floor-box .floor-text .floor {font-weight: 400;font-size: 36px;padding: 0 20px 0 25px;margin-top: 17px;position: relative;display: inline-block;}
.office-floor .floor-box .floor-text .floor:after {content: '';width: 1px;height: 45px;background: #b6bec2;position: absolute;top: 5px;right: 0;}
.office-floor .floor-box .floor-text .floor-list {overflow: hidden;padding: 5px 0 0 27px;}
.office-floor .floor-box .floor-text .floor-list li {display:inline-block;width: calc(( 100% - 4px ) /2);;padding: 3px 0 5px;vertical-align: top;}
.office-floor .floor-box .floor-text .floor-list li img,
.office-floor .floor-box .floor-text .floor-list li span{display: block;}
.office-floor .floor-box .floor-text .floor-list li img{float: left;padding-top: 2px;}
.office-floor .floor-box .floor-text .floor-list li span{overflow: hidden;padding-left: 7px;}
.office-floor .floor-box .floor-image img.pc-only {display:none;}
.zoom-view{display:block; width: 66px;height: 66px;background: url(../images/sub/sp_sub.png) 0 -33px no-repeat;overflow: hidden;line-height: 9999px;position: absolute;top: 50%;left: 50%;margin: -33px 0 0 -33px;}

@media screen and (min-width: 640px){
	.office-floor .floor-box .floor-image{padding: 40px 0 30px;}
	.office-floor .floor-box .floor-text {padding: 40px 0;overflow: hidden;}
	.office-floor .floor-box .floor-text .floor {display: block;float: left;padding: 0 20px 0 30px;margin-top: 0;}
	.office-floor .floor-box .floor-text .floor-list {padding: 0px 0 0 27px;}
	.office-floor .floor-box .floor-text .floor-list li{width: calc(( 100% - 12px ) /4);}
	.office-floor .floor-box .floor-image img.pc-only {display:block;}
	.office-floor .floor-box .floor-image img.mobile-only {display:none;}
	.office-floor .zoom-view{display: none;}
}

/* 개인정보처리방침 */
.personal-policy{position: relative;}
.personal-policy h4{font-size: 26px;font-weight: 500;color: #252525;padding-top: 30px;}
.personal-policy article{padding:20px;border:5px solid #e5e5e5;}
.personal-policy article p{word-break:keep-all;font-size:16px;}
.personal-policy article p + p{margin-top:15px;}
.personal-policy .summary-bx{position:relative;padding:20px 0 15px;}
.personal-policy .summary-bx:after{content:'';display:table;clear:both;}
.personal-policy .summary-bx a{display:block;float:left;width:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;height:140px;position:relative;border:1px solid #dcdcdc;margin:-1px -1px 0 0;transition:all .1s;}
.personal-policy .summary-bx a p{position:absolute;pointer-events:none;left:0;right:0;top:139px;background:#0044cc;padding:15px 20px;color:#fff;z-index:3;word-break:keep-all;visibility:hidden;opacity:0;transition:all .1s;}
.personal-policy .summary-bx a span{margin-top:10px;letter-spacing: -1px;font-weight: 600;}
.personal-policy .summary-bx a:hover{background:#f4f4f7;}
.personal-policy .summary-bx a:hover p{opacity:1;visibility:visible;}
.personal-policy .table-bx{margin:15px 0 15px;border:1px solid #dcdcdc;padding:20px 30px;}
.personal-policy .table-bx:after{content:'';display:table;clear:both;}
.personal-policy .table-bx a{display:block;float:left;width:50%;height:36px;line-height:36px;position:relative;padding:1px 0 1px 12px;transition:all .1s;}
.personal-policy .table-bx a:after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#0044cc;position:absolute;left:0;top:50%;margin-top:-2px;}
.personal-policy .table-bx a span{display:inline-block;height:100%;transition:all .1s;border-bottom:1px solid transparent;white-space:nowrap;}
.personal-policy .table-bx a:hover{color:#0044cc;}
.personal-policy .table-bx a:hover span{border-color:#0044cc}
.personal-policy h5{display:flex;align-items:center;color:#202020;font-size:20px;font-weight:700;margin:40px 0 10px;position:relative;padding: 5px 0;border-bottom: 1px #e1e1e1 solid;}
.personal-policy h5 span{position:absolute;width:0;height:0;top:-100px;}
.personal-policy h5 img{width:32px;margin-right:15px;image-rendering: -webkit-optimize-contrast;}
.personal-policy > p{margin-bottom:17px;word-break:keep-all;font-size:16px;}
.personal-policy p.ty01{padding-left:20px;}
.personal-policy p.ty02{padding-left:25px;}
.personal-policy ol{padding-left:55px;margin-bottom:17px;}
.personal-policy ol li{list-style-type:decimal;line-height:1.4;word-break:keep-all;font-size:16px;}
.personal-policy ol li + li{margin-top:3px;}
.personal-policy li a:hover,
.personal-policy p a:hover{text-decoration:underline;}
.personal-policy div + p,
.personal-policy a + p{margin-top:15px;}

.personal-policy .qna-bx01{margin-top:5px;display:flex;border-bottom:1px solid #dadada;flex-wrap:wrap;margin-left:1px;}
.personal-policy .qna-bx01 > div{flex:1 33%;border:1px solid #dadada;border-width:0 1px;margin-left:-1px;padding-bottom:23px;}
.personal-policy .qna-bx01 strong{display:block;text-align:center;border:1px solid #dadada;border-width:1px 0;background:#f0f0f0;height:45px;line-height:43px;color:#282828;font-size:17px;font-weight:700;}
.personal-policy .qna-bx01 img{display:block;height:82px;margin:20px auto;}
.personal-policy .qna-bx01 p{margin:0 10px 0 20px;padding-left:8px;line-height:1.4;color:#454545;font-size:14px;font-weight:700;position:relative;word-break:keep-all;}
.personal-policy .qna-bx01 p + p{margin-top:3px;}
.personal-policy .qna-bx01 p:after{content:'';display:block;position:absolute;top:7px;left:0px;width:3px;height:3px;border-radius:50%;background:#ff730e;}

.personal-policy .qna-bx02{margin:5px 0 30px;display:flex;flex-wrap:wrap;margin-left:1px;border-bottom:1px solid #dadada;}
.personal-policy .qna-bx02 a{flex:1 47%;height:55px;padding-left:20px;align-items:center;display:flex;margin-left:-1px;border:1px solid #dadada;border-width:1px 1px 0px;cursor:pointer;}
.personal-policy .qna-bx02 a img{height:32px;margin-right:15px;}
.personal-policy .qna-bx02 a p{color:#454545;font-size:14px;font-weight:700;}
.personal-policy .qna-bx02 a p span{display:block;}
.personal-policy .qna-bx02 a p span + span{margin-top:4px;}

.balloon-text{position:relative;display:inline-block;z-index:1;}
.balloon-text span{display:block;padding:7px 10px;line-height:1.4;border-radius:5px;background:#c7d2f8;left:0;bottom:35px;position:absolute;white-space:nowrap;font-size:14px;opacity:0;pointer-events:none;transition:all .2s;}
.balloon-text span:after{content:'';display:block;width:10px;height:10px;background:#c7d2f8;transform:rotate(45deg);bottom:-4px;left:10px;position:absolute;}
.balloon-text:hover span,
.balloon-text:focus span{opacity:1;pointer-events:initial;}
.balloon-text:before{content:'';z-index:-1;position:absolute;top:-10px;left:0;right:0;bottom:0;display:block;}

@media (max-width:1199px) {
	.personal-policy article{padding:17px;border:3px solid #e5e5e5;}
	.personal-policy article p{font-size:15px;}
	.personal-policy article p + p{margin-top:12px;}
	.personal-policy .summary-bx{padding:15px 0 10px;}
	.personal-policy .summary-bx a{height:120px;}
	.personal-policy .summary-bx a img{image-rendering: -webkit-optimize-contrast;width:50px;}
	.personal-policy .summary-bx a p{top:119px;padding:11px 15px;font-size:14px;}
	.personal-policy .summary-bx a span{margin-top:7px;font-size:15px;}
	.personal-policy .table-bx{margin:12px 0 12px;padding:15px 20px;}
	.personal-policy .table-bx a{float:none;width:100%;height:32px;line-height:32px;padding:1px 0 1px 10px;font-size:15px;}
	.personal-policy .table-bx a:after{margin-top:-1px;}
	.personal-policy h5 span{top:-15px;}
	.personal-policy h5{font-size:18px;margin:30px 0 13px;}
	.personal-policy h5 img{width:26px;margin-right:8px;}
	.personal-policy > p{margin-bottom:13px;font-size:15px !important;}
	.personal-policy p.ty01{padding-left:0px;margin-bottom:7px;}
	.personal-policy p.ty02{padding-left:20px;}
	.personal-policy ol{padding-left:37px;margin-bottom:13px;}
	.personal-policy ol li{font-size:15px !important;}
	.personal-policy ol li + li{margin-top:2px;}
	.personal-policy div + p,
	.personal-policy a + p{margin-top:13px;}
	.listLv2{margin-left:0 !important;}
}
@media (max-width:760px) {
	.personal-policy article{padding:15px;border:2px solid #e5e5e5;}
	.personal-policy article p{font-size:14px;}
	.personal-policy article p + p{margin-top:10px;}
	.personal-policy .summary-bx{padding:15px 0 0px;}
	.personal-policy .summary-bx a{height:100px;width:50%;}
	.personal-policy .summary-bx a img{width:42px;}
	.personal-policy .summary-bx a p{top:99px;padding:10px 15px;font-size:14px;}
	.personal-policy .summary-bx a span{margin-top:5px;font-size:14px;}
	.personal-policy .table-bx{margin:10px 0px 10px;padding:15px 0px;border-width:1px 0;}
	.personal-policy .table-bx a{height:30px;line-height:30px;padding:1px 0 1px 7px;font-size:14px;}
	.personal-policy .table-bx a:after{margin-top:1px;width:2px;height:2px;}
	.personal-policy h5{font-size:17px;margin:28px 0 12px;}
	.personal-policy h5 img{width:24px;margin-right:8px;}
	.personal-policy > p{margin-bottom:12px;font-size:14px !important;}
	.personal-policy p.ty01{padding-left:0px;}
	.personal-policy p.ty02{padding-left:0px;}
	.personal-policy ol{padding-left:15px;margin-bottom:12px;}
	.personal-policy ol li{font-size:14px !important;}
	.personal-policy ol li + li{margin-top:2px;}
	.personal-policy div + p,
	.personal-policy a + p{margin-top:12px;}

	.personal-policy .qna-bx01{margin-top:35px;}
	.personal-policy .qna-bx01 > div{flex:1 47%;padding-bottom:20px;}
	.personal-policy .qna-bx01 strong{height:40px;line-height:38px;font-size:15px;}
	.personal-policy .qna-bx01 img{height:70px;margin:15px auto;}
	.personal-policy .qna-bx01 p{margin:0 10px 0 10px;padding-left:8px;font-size:13px;}
	.personal-policy .qna-bx01 p + p{margin-top:2px;}
	.personal-policy .qna-bx01 p:after{top:7px;}

	.personal-policy .qna-bx02{margin:35px 0 30px;margin-left:1px;}
	.personal-policy .qna-bx02 a{flex:1 45%;height:70px;padding-left:12px;}
	.personal-policy .qna-bx02 a img{height:28px;margin-right:12px;}
	.personal-policy .qna-bx02 a p{font-size:13px;}
	.personal-policy .qna-bx02 a p span + span{margin-top:3px;}	
}

@media (max-width:670px) {
	.personal-policy .qna-bx01{margin-top:30px;margin-left:0;}
	.personal-policy .qna-bx01 > div{flex:1 100%;padding-bottom:20px;margin-left:0;}
	.personal-policy .qna-bx01 strong{height:36px;line-height:34px;font-size:14px;}
	.personal-policy .qna-bx01 img{height:64px;margin:13px auto;}

	.personal-policy .qna-bx02{margin:30px 0 25px;margin-left:0px;}
	.personal-policy .qna-bx02 a{flex:1 100%;height:64px;padding-left:12px;margin-left:0;}
	.personal-policy .qna-bx02 a img{height:26px;margin-right:10px;}
}

.fileIco {vertical-align: text-bottom;}

/* 고향사랑기부제 */

.donate-wrap{position: relative;margin-top: 70px;word-break: keep-all;font-family: 'GmarketSans', sans-serif;}
.donate-wrap .box-tit{text-align: center;}
.donate-wrap::after{content: ''; background: url(/page/portal2024/images/sub/pclove/donate.png)no-repeat center center /cover; width: 254px; height: 193px; position: absolute; right: 0; top: -20px; z-index: -1;}
.donate-wrap .box-tit span{display: block; font-size: 20px; padding-bottom: 18px; font-weight: bold;}
.donate-wrap .box-tit p{display: block; font-size: 46px; color: #8b38a0; font-weight: 900;}
.donate-wrap .video{display: flex; justify-content: center; padding-top: 49px;}
.donate-wrap .video a{position: relative; display: block; text-decoration: none; font-size: 24px; font-weight: 500; margin-right: 22px; padding: 20px 72px 20px 46px; background: #8b38a0; color: #fff; border-radius: 50px;}
.donate-wrap .video a:nth-child(2){margin-right: 0;}
.donate-wrap .video a::after{content: ''; background: url(/page/portal2024/images/sub/pclove/video.png)no-repeat center center /cover; width: 27px; height: 27px; position: absolute; right: 33px; bottom: 24px;}
.donate-wrap .donate_define{background: #fffffa; padding: 35px 0 30px; border: 1px solid #dcdcdc; border-radius: 20px; margin-top: 47px;}
.donate-wrap .donate_define em{display: block; font-size: 26px; color: #8b38a0; margin-bottom: 25px; text-align: center; font-weight: bold;}
/*.donate-wrap .donate_define .text_box{display: flex; justify-content: center;}*/
.donate-wrap .donate_define .text_box{text-align:center;}
.donate-wrap .donate_define .text_box p{font-size: 20px;}
.donate-wrap .donate_define .text_box span{font-size: 18px; color:#8b38a0;}
.donate-wrap .img_box{padding: 42px 125px 38px 125px; display: flex; align-items: center; justify-content: space-between;}
.donate-wrap .img_box img{display: block; max-width: 100%;}
.donate-wrap .box_list{display: flex; flex-wrap: wrap;}
.donate-wrap .box_list > li{border: 1px solid #e3e3e3; padding: 10px; width: calc(32% - 2px); border-radius: 20px; margin:0 23px 20px 0; text-align: left;}
.donate-wrap .box_list > li:nth-child(3),
.donate-wrap .box_list > li:nth-child(5){margin-right: 0;}
.donate-wrap .box_list > li > p{display: flex; justify-content: center; font-size: 20px; font-weight: 500; min-height: 47px; margin-bottom: 20px; align-items: center; background-color: #8a379f; border-radius: 10px; color: #fff;}
.donate-wrap .box_list > .benefit{width: 65.9%;}
.donate-wrap .box_list > .benefit > div{display: flex; justify-content: space-between;flex-direction: column;}
.donate-wrap .listLv > li{font-weight:500;font-size:16.5px;}
.donate-wrap .benefit .skinTb:before {border-top: 2px solid #194C9F;}
.donate-wrap .box_list .table_area span{display: block; text-align: right;}
.donate-wrap .way_title,
.donate-wrap .order_title{width: 60%; margin: 0 auto; height: 60px; line-height: 60px; text-align: center; margin-top: 44px; font-size: 24px; font-weight: 500; border-radius: 50px; color: #fff; background-color: #8a379f;}
.donate-wrap .way_title a{text-decoration:none;color:#fff;}
.donate-wrap .way_title a:hover{color:#ffff00 !important;}
.donate-wrap .donate_box{display: flex; justify-content: space-between; text-align: center;}
.donate-wrap .donate_box .online .on,
.donate-wrap .donate_box .offline .off{position: relative; display: block; margin: 40px 0; font-size: 20px; font-weight: bold; color: #222;}
.donate-wrap .donate_box .online .on::after,
.donate-wrap .donate_box .offline .off::after{content: ''; background: url(/page/portal2024/images/sub/pclove/text_bg.png)no-repeat center center/cover; width: 286px; height: 14px; position: absolute;
left: 50%; bottom: -20px; margin-left: -143px;}
.donate-wrap .vertical-order-list > li{position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; background: #fff;
border: 1px dashed #dcdcdc; border-radius: 10px; padding: 22px 0; width: 475px; color: #222; font-weight: bold;}   
.donate-wrap .vertical-order-list .number{position: absolute; left: 25px; top: 12px; width: 36px; height: 36px; line-height: 36px; border-radius: 30px; font-size: 20px; background: #1bbd95; color: #fff;}
.donate-wrap .vertical-order-list > li span a{text-decoration: none;}
.donate-wrap .vertical-order-list > li span a:hover{text-decoration: underline; text-underline-position: under;}
.donate-wrap .vertical-order-list > li span .out-link,
.donate-wrap .vertical-order-list > li span .lightpurple{color: #1b6fbd;}
.donate-wrap .process_wrap{display: flex; justify-content: center; padding: 40px 0 61px;}
.donate-wrap .process_wrap .process_icon{display: flex; width: 100%; justify-content: space-between;}
.donate-wrap .process_wrap .ico-box{display: inline-block; width: 74px; height: 74px; border-radius: 50%; flex-shrink: 0;}
.donate-wrap .process_wrap .ico-box.step1{background: #f3f3f3 url(/page/portal2024/images/sub/pclove/process_01.png) 50% no-repeat;}
.donate-wrap .process_wrap .ico-box.step2{background: #f3f3f3 url(/page/portal2024/images/sub/pclove/process_02.png) 50% no-repeat;}
.donate-wrap .process_wrap .ico-box.step3{background: #f3f3f3 url(/page/portal2024/images/sub/pclove/process_03.png) 50% no-repeat;}
.donate-wrap .process_wrap .ico-box.step4{background: #f3f3f3 url(/page/portal2024/images/sub/pclove/process_04.png) 50% no-repeat;}
.donate-wrap .process_wrap .ico-box.step5{background: #f3f3f3 url(/page/portal2024/images/sub/pclove/process_05.png) 50% no-repeat;}
.donate-wrap .process_wrap .process_icon > li{position: relative; display: flex; flex-direction: column; align-items: center; height: auto;}
.donate-wrap .process_wrap .process_icon .process-tit{height: 35%; align-items: center; display: flex; color: #222; padding-top: 5px; letter-spacing: -0.8px; text-align: center; font-weight: 600;font-size: 18px;}
.donate-wrap .process_wrap .process_icon .process-txt{height: 40%; align-self: stretch; padding-top: 10px; margin: 0 5px; min-width: 110px;}
.donate-wrap .process_wrap .process_icon .process-txt > span{position: relative; height: 100%; background: #fff; padding: 5px 6px; border: 1px solid #d2d2d2; border-radius: 15px; 
display: flex; justify-content: center; word-break: keep-all; align-items: center; text-align: center; font-size: 14px;}
.donate-wrap .info_img img{width: 100%;max-width:1120px;margin 0 auto 0;}
.donate-wrap .info_img img:nth-child(1){display: block; margin-bottom: 14px;}
.download_btn{margin: 56px 60px; display: flex; justify-content: center;}


@media screen and (min-width: 1024px){
.contsBtn{margin: 10px 20px 0 0;}
.donate-wrap .process_wrap .process_icon .process-txt > span{min-width:183px; min-height: 66px;}
}

@media screen and (max-width: 991px){
	.listLv >li{letter-spacing: -1px;}
	.contsBtn > span{padding: 0 8px;}
	.btnFlexible{width: 94%;}
	.donate-wrap::after{right: -12px;}
	.donate-wrap .box-tit span{font-size: 16px;}
	.donate-wrap .box-tit p{font-size: 32px;}
	.donate-wrap .video a{padding: 20px 74px 20px 24px; font-size: 19px;}
	.donate-wrap .video a::after{right: 23px; bottom: 19px; width: 25px; height: 25px;}
	.donate-wrap .donate_define em{font-size: 22px;}
	.donate-wrap .img_box{padding: 42px 50px 38px 50px;justify-content: center;}
	.donate-wrap .box_list > li{font-size: 16px; width: calc(33.33% - 10px); margin: 0 10px 10px 0;}
	.donate-wrap .box_list > .benefit > div{flex-direction: column;}
	.donate-wrap .box_list > li > p{font-size: 18px;}
	.donate-wrap .way_title,
	.donate-wrap .order_title{font-size: 20px;}
	.donate-wrap .vertical-order-list > li{width: 380px;}
	.donate-wrap .vertical-order-list .number{left: 13px; top: 15px; width: 30px; height: 30px; line-height: 30px;}
	.donate-wrap .vertical-order-list > li .txt{display: block; padding-left: 32px;}
	.donate-wrap .process_wrap .process_icon{display: flex; width: 100%; flex-wrap: wrap; flex-direction: row; justify-content: center;}
	.donate-wrap .process_wrap .process_icon>li{width: 49%; margin: 0 0 30px 0;}
	.donate-wrap .process_wrap .process_icon .process-txt > span{min-height: 64px;}
	
}	

@media screen and (max-width: 768px){
	.donate-wrap .vertical-order-list > li{width: 355px;}
	.donate-wrap .img_box{flex-direction: column;}
}

@media screen and (max-width: 640px){
	.donate-wrap .box_list > li {width:100%}
	.donate-wrap .box_list > .benefit {width:100%}
	.donate-wrap .process_wrap {padding: 40px 0 30px;}
	.donate-wrap .process_wrap .process_icon>li{width: 100%;}
}

/* 고향사랑기부제 명예의 전당 */
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.honor-bx{font-family:'GmarketSansMedium';}
.honor-bx .banner-img{display:block;width:100%}
.honor-bx .list-bx{display:flex;flex-wrap:wrap;padding-top:40px;}
.honor-bx .list-bx .item{position:relative;overflow:hidden;z-index:1;width:calc((100% - 76px) / 4);margin:0 25px 35px 0;display:flex;height:195px;flex-direction:column;justify-content:center;align-items:center;}
.honor-bx .list-bx .item:nth-child(4n){margin-right:0;}
.honor-bx .list-bx .item .bg-img{position:absolute;z-index:-1;top:0;bottom:0;right:0;left:0;margin:auto;display:block;max-width:90%;}
.honor-bx .name{line-height:1.2;color:#2b2f4a;font-size:26px;font-weight:600;text-align: center;}
.honor-bx .name + span{font-weight:300;font-size:18px;color:#2b2f4a;margin-top:3px;text-align: center;}
.honor-bx .item p{display:flex;align-items:center;position:absolute;bottom:0;left:0;right:0;height:44px;justify-content:center;background:#4b3341;color:#fff;line-height:1;padding-top:2px;}
.honor-bx .item p strong{padding-left:10px;margin-left:10px;position:relative;}
.honor-bx .item p strong:after{content:'';display:block;position:absolute;left:0;top:0px;height:14px;background:#fff;width:1px;}

@media  (max-width: 999px){
	.honor-bx .list-bx{padding-top:25px;}
	.honor-bx .list-bx .item{width:calc((100% - 50px) / 3);margin:0 25px 20px 0;border-radius:15px;height:198px;}
	.honor-bx .list-bx .item:nth-child(4n){margin-right:25px;}
	.honor-bx .list-bx .item:nth-child(3n){margin-right:0;}
	.honor-bx .name{font-size:24px;}
	.honor-bx .name + span{font-size:16px;}
	.honor-bx .item p{height:40px;font-size:15px;}
	.honor-bx .item p strong:after{top:1px;height:12px;}
}

@media  (max-width: 700px){
	.honor-bx .banner-img{width:calc(100% + 200px);margin:0 -100px}
	.honor-bx .list-bx{padding-top:20px;}
	.honor-bx .list-bx .item{width:100%;margin:0 0px 20px 0;}
}

/* 카드뉴스 */
.donation{position:relative;margin: 30px 0 70px;}
.donation .slick_wrap{position:relative;padding:0 100px;}
.donation .slick_wrap .slick{max-width:800px;margin:0 auto;}
.donation .slick_wrap .control button{position:absolute;top:50%;transform:translateY(-50%);left:50px;}
.donation .slick_wrap .control .next{left:inherit;right:50px;}
.donation .slick_wrap .slick-dots{text-align:center;margin-top:20px;}
.donation .slick_wrap .slick-dots li{margin-right:5px;display:inline-block;}
.donation .slick_wrap .slick-dots li:last-child{margin-right:0px;}
.donation .slick_wrap .slick-dots button{overflow:hidden;text-indent:-9999px;width:16px;height:16px;border-radius:50%;border:2px solid #5b6365;}
.donation .slick_wrap .slick-dots .slick-active button{background:#5b6365;}

@media (max-width: 1024px) {
    .donation .slick_wrap{padding:0 70px;}
    .donation .slick_wrap .control button{left:5px;}
    .donation .slick_wrap .control .next{right:5px;}
}

@media (max-width: 768px) {
    .donation{padding-top:20px;}
}

@media (max-width: 767px) {
    .donation .slick_wrap{padding:0 20px;}
    .donation .slick_wrap .control button{left:-8px;}
    .donation .slick_wrap .control button img{width:20px;height:42px;}
    .donation .slick_wrap .control .next{right:-8px;}
}