@charset "utf-8";

/* (주)한신정보기술 이재홍 - 2023.11 */

/* 폰트 */
@font-face{
    font-family:'SEBANG';
    font-weight:600;
    src:url("../font/SEBANG-Gothic-Bold.woff") format('woff');
}

/* cts3879~3887 분야별정보 > 재난/안전 > 무더위쉼터 */
@media screen and (max-width:640px){
    .cts_shelter .table br{display:none;}
}

/* cts4220 참여마당 > 고향사랑기부제 > 고향사랑기부제 > 소개 */
/* 스카이박스 */
.oc_box.sky_type{background-image:url(../images/contents/oc_cts4220_pink_sky.png);background-position:center top;background-repeat:no-repeat;}
.oc_box.sky_type:before{content:'';display:block;position:absolute;left:-25px;top:0;width:1150px;height:385px;background-image:url(../images/contents/oc_cts4220_pink_cloud.png);background-position:center bottom;background-repeat:no-repeat;}
.oc_box.sky_type .oc_box_inner{position:relative;padding-top:400px;padding-bottom:50px;border-radius:0;border:0;border-bottom:solid 3px #d1d2d3;background-color:transparent;text-align:center;}
.oc_box.sky_type .oc_box_inner .title_box{position:absolute;left:0;top:140px;}
.oc_box.sky_type .oc_box_inner .title_box .text{display:block;font-weight:500;font-size:19px;line-height:34px;color:#474747;}
.oc_box.sky_type .oc_box_inner .title_box .title{font-family:'Y';font-weight:600;font-size:42px;line-height:60px;color:#474747;}
.oc_box.sky_type .oc_box_inner .title_box .title .em_red{color:#be2421;}
.oc_box.sky_type .oc_box_inner .desc_box .text{font-weight:400;font-size:18px;line-height:36px;color:#363636;}
@media screen and (max-width:1460px){
    .oc_box.sky_type{background-size:1150px;}
    .oc_box.sky_type:before{left:0;width:100%;}
    .oc_box.sky_type .oc_box_inner .title_box{top:150px;}
    .oc_box.sky_type .oc_box_inner .title_box .text{font-size:18px;line-height:28px;}
    .oc_box.sky_type .oc_box_inner .title_box .title{font-size:36px;line-height:50px;}
    .oc_box.sky_type .oc_box_inner .desc_box .text{font-size:17px;line-height:30px;}
    .oc_box.sky_type .oc_box_inner .desc_box .text br{display:none;}
}
@media screen and (max-width:1000px){
    .oc_box.sky_type{background-size:940px;}
    .oc_box.sky_type:before{left:-3vw;width:100vw;height:330px;background-size:1000px;}
    .oc_box.sky_type .oc_box_inner{padding-top:340px;}
    .oc_box.sky_type .oc_box_inner .title_box{top:130px;}
    .oc_box.sky_type .oc_box_inner .title_box .text{font-size:17px;line-height:24px;}
    .oc_box.sky_type .oc_box_inner .title_box .title{font-size:30px;line-height:40px;}
    .oc_box.sky_type .oc_box_inner .desc_box .text{font-size:16px;line-height:26px;}
}
@media screen and (max-width:640px){
    .oc_box.sky_type{background-size:602px;}
    .oc_box.sky_type:before{height:210px;background-size:640px;}
    .oc_box.sky_type .oc_box_inner{padding-top:210px;}
    .oc_box.sky_type .oc_box_inner .title_box{top:80px;}
    .oc_box.sky_type .oc_box_inner .title_box .text{font-size:16px;line-height:22px;}
    .oc_box.sky_type .oc_box_inner .title_box .title{font-size:22px;line-height:30px;}
    .oc_box.sky_type .oc_box_inner .desc_box .text{font-size:15px;line-height:24px;}
}
/* 컨텐츠 */
.cts4220_wrap .process_box{margin-top:66px;text-align:center;}
.cts4220_wrap .oc_blue_box .oc_blue_item .blue_inner .desc_box{padding:20px;}
.cts4220_wrap .oc_blue_box .oc_blue_item .blue_inner .desc_box .bu{padding-left:35px;}
.cts4220_wrap .oc_blue_box.custom{position:relative;margin-top:143px;}
.cts4220_wrap .oc_blue_box.custom .oc_link{display:block;width:fit-content;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap{display:inline-block;width:calc(50% - 5px);margin-left:10px;vertical-align:top;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table_unit .text{padding-left:20px;font-size:14px;line-height:20px;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table_unit .text:before{top:0;width:20px;height:20px;background-size:300%;background-position-x:0;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table thead th{padding:5px;font-size:15px;line-height:20px;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table tbody td{padding:5px;font-size:14px;line-height:18px;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(1) .desc_box{text-align:left;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(-n + 3) .desc_box{height:137px;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(n + 4) .desc_box{height: 280px;} /* height:222px;  */
.cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(n + 4) .desc_box .bu{margin-top:26px;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(4) .desc_box{font-size:0;line-height:0;}
.cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(4) .desc_box .bu{display:inline-block;width:calc(50% - 5px);padding-left:0;vertical-align:top;}
.cts4220_wrap .horizon_wrap{font-size:0;line-height:0;}
.cts4220_wrap .horizon_wrap .horizon_box{display:inline-block;vertical-align:top;}
.cts4220_wrap .horizon_wrap .horizon_box h4{margin-top:0;}
.cts4220_wrap .horizon_wrap .horizon_box:first-child{width:540px;}
.cts4220_wrap .horizon_wrap .horizon_box:last-child{width:500px;margin-left:60px;}
.cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank{padding-left:0;font-weight:600;font-size:20px;line-height:inherit;color:inherit;}
.cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank:before{display:none;}
.cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank:after{display:inline-block;position:static;width:18px;height:18px;margin-top:10px;margin-left:3px;background-image:url(../../public/images/template/button_icons.png);background-position:-60px -40px;vertical-align:top;transform:scale(0.9);}
@media screen and (min-width:1461px){
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(4){width:calc(100% - 375px);}
}
@media screen and (max-width:1460px){
    .cts4220_wrap .oc_blue_box.custom{margin-top:50px;padding-bottom:400px;} /* padding-bottom:335px; */
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table thead th{font-size:14px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table tbody td{font-size:13px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(1) .desc_box{height:130px;text-align:center;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(2) .desc_box{height:130px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(3) .desc_box{height:160px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(4){position:absolute;left:0;bottom:0;width:100%;margin:0;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(5){margin-left:20px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(5) .desc_box{height:160px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(5) .desc_box .bu{margin-top:0;}
    .cts4220_wrap .horizon_wrap .horizon_box:first-child{display:block;width:100%;}
    .cts4220_wrap .horizon_wrap .horizon_box:last-child{display:block;width:100%;margin-top:30px;margin-left:0;}
    .cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank{font-size:19px;}
    .cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank:after{margin-top:8px;}
}
@media screen and (max-width:1000px){
    .cts4220_wrap .oc_blue_box.custom{margin-top:40px;padding-bottom:380px;} /* padding-bottom:320px; */
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table thead th{font-size:13px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap .table tbody td{font-size:12px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(1) .desc_box,
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(2) .desc_box{height:100px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(3) .desc_box,
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(5) .desc_box{height:150px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(5){margin-left:15px;}
    .cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank{font-size:18px;}
    .cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank:after{margin-top:7px;transform:scale(0.8);}
}
@media screen and (max-width:800px){
    .cts4220_wrap .oc_blue_box.custom{padding-bottom:0;}
    .cts4220_wrap .oc_blue_box.custom .oc_link{display:inline-block;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .blue_inner .desc_box{height:auto;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .table_wrap{display:block;width:100%;margin-left:0;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .bu{padding-left:0;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item .desc_box .bu li{width:fit-content;margin:0 auto;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(1) .desc_box .text{display:block;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(4){position:static;margin-top:15px;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(4) .desc_box .bu{display:block;width:100%;}
    .cts4220_wrap .oc_blue_box.custom .oc_blue_item:nth-child(5){margin-left:0;}
}
@media screen and (max-width:640px){
    .cts4220_wrap .oc_blue_box.custom{margin-top:30px;}
    .cts4220_wrap .process_box .oc_img_box.full_type .img_box, .oc_img_box.full_type.list_type .img_box{padding-bottom:50px;}
    .cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank{font-size:17px;}
    .cts4220_wrap .step_box.verti_type .step_list .step_item .step_item_inner .title_box .text .oc_link.blank:after{margin-top:5px;transform:scale(0.7);}
}
/* 작은 이미지박스 */
.oc_img_box.small_type{margin-top:50px;}
.oc_img_box.small_type .img_list{font-size:0;line-height:0;}
.oc_img_box.small_type .img_list .img_item{display:inline-block;width:calc((100% - 60px) / 4);margin-right:20px;border-radius:30px;border:solid 1px #d7d8d9;}
.oc_img_box.small_type .img_list .img_item:nth-child(4n){margin-right:0;}
.oc_img_box.small_type .img_list .img_item:nth-child(n + 5){margin-top:20px;}
.oc_img_box.small_type .img_list .img_item .img_title{height:53px;padding:0 10px;border-bottom:solid 1px #d7d8d9;text-align:center;}
.oc_img_box.small_type .img_list .img_item .img_title:before{content:'';display:inline-block;position:relative;top:calc(50% - 14px);width:24px;height:24px;margin-right:5px;background-image:url(../images/contents/oc_cts4220_present_icon.png);background-size:100%;vertical-align:top;}
.oc_img_box.small_type .img_list .img_item .img_title span{position:relative;max-width:calc(100% - 32px);top:50%;font-family:'SUITE';font-weight:600;font-size:18px;line-height:24px;color:#3552a5;letter-spacing:-0.03em;transform:translateY(-50%);vertical-align:top;}
.oc_img_box.small_type .img_list .img_item .img_box{position:relative;width:100%;height:215px;padding:18px 22px 22px;}
.oc_img_box.small_type .img_list .img_item .img_box .skip_img{position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;}
.oc_img_box.small_type .img_list .img_item .img_box .show_img{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;}
@media screen and (max-width:1460px){
    .oc_img_box.small_type{margin-top:40px;}
    .oc_img_box.small_type .img_list .img_item{width:calc((100% - 40px) / 3);border-radius:25px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(4n){margin-right:20px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(n + 4){margin-top:20px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(3n){margin-right:0;}
    .oc_img_box.small_type .img_list .img_item .img_title span{font-size:17px;line-height:22px;}
    .oc_img_box.small_type .img_list .img_item .img_box{height:auto;padding:18px 20px 20px;}
    .oc_img_box.small_type .img_list .img_item .img_box .show_img{height:auto;padding-top:81.77%;}
}
@media screen and (max-width:1000px){
    .oc_img_box.small_type{margin-top:30px;}
    .oc_img_box.small_type .img_list .img_item{width:calc((100% - 30px) / 3);margin-right:15px;border-radius:20px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(4n){margin-right:15px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(n + 4){margin-top:15px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(3n){margin-right:0;}
    .oc_img_box.small_type .img_list .img_item .img_title:before{top:calc(50% - 11px);width:20px;height:20px;margin-right:5px;}
    .oc_img_box.small_type .img_list .img_item .img_title span{font-size:16px;line-height:20px;}
    .oc_img_box.small_type .img_list .img_item .img_box{padding:15px;}
}
@media screen and (max-width:640px){
    .oc_img_box.small_type{margin-top:20px;}
    .oc_img_box.small_type .img_list .img_item{width:calc((100% - 10px) / 2);margin-right:10px;border-radius:15px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(4n){margin-right:10px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(n + 3){margin-top:10px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(3n){margin-right:10px;}
    .oc_img_box.small_type .img_list .img_item:nth-child(2n){margin-right:0;}
    .oc_img_box.small_type .img_list .img_item .img_title span{font-size:15px;line-height:18px;}
    .oc_img_box.small_type .img_list .img_item .img_box{padding:10px;}
}

/* cts213,214,215,4232,216 - 옥천소개 > 군청안내 > 청사배치도*/
.oc_guide_map .oc_img_box.full_type.line .img_box{position:relative;padding-bottom:114px;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box{position:absolute;left:0;bottom:0;width:100%;padding-top:27px;padding-bottom:22px;background-color:#f6f7f9;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list{font-size:0;line-height:0;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item{display:inline-block;vertical-align:top;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item + .info_item{margin-left:65px;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .icon{display:inline-block;width:50px;height:50px;background-image:url(../images/contents/oc_cts213_map_icons.png);background-size:300%;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item:nth-child(2) .icon{background-position-x:-100%;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item:nth-child(3) .icon{background-position-x:-200%;}
.oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .text{margin-left:14px;font-family:'Pretendard';font-weight:500;font-size:18px;line-height:50px;color:#2f2f64;vertical-align:top;}
.cts216_wrap .oc_img_box.full_type.gray .img_box{background-color:#f6f6f6;}
@media screen and (max-width:1460px){
    .oc_guide_map .oc_img_box.full_type.line .img_box{padding-bottom:104px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box{padding-top:25px;padding-bottom:20px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item + .info_item{margin-left:50px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .icon{width:45px;height:45px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .text{margin-left:12px;font-size:17px;line-height:45px;}
}
@media screen and (max-width:1000px){
    .oc_guide_map .oc_img_box.full_type.line .img_box{padding-bottom:89px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box{padding-top:20px;padding-bottom:15px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item + .info_item{margin-left:35px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .icon{width:40px;height:40px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .text{margin-left:10px;font-size:16px;line-height:40px;}
}
@media screen and (max-width:640px){
    .oc_guide_map .oc_img_box.full_type.line .img_box{padding-bottom:74px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box{padding-top:15px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item + .info_item{margin-left:20px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .icon{width:30px;height:30px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .info_box .info_list .info_item .text{margin-left:5px;font-size:15px;line-height:30px;}
    .oc_guide_map .oc_img_box.full_type.line .img_box .img_zoom{bottom:65px;}
}

/* cts9 - 열린민원 > 민원안내 > 민원편의제도 > 무인민원발급안내 */
.cts9_wrap .table thead th, .cts9_wrap .table tbody th, .cts9_wrap .table tbody td{padding:5px 20px;}
@media screen and (max-width:1000px){
    .cts9_wrap .table thead th, .cts9_wrap .table tbody th, .cts9_wrap .table tbody td{padding:5px 10px;}
}
@media screen and (max-width:640px){
    .cts9_wrap .table thead th, .cts9_wrap .table tbody th, .cts9_wrap .table tbody td{padding:5px;}
}

/* cts11 - 열린민원 > 민원안내 > 민원편의제도 > 편리한 민원제도 */
.cts11_wrap p{letter-spacing:-0.03em;}
.cts11_wrap .warning_box{width:100%;margin-top:15px;}
.cts11_wrap .warning_box + .oc_info_box{margin-top:10px;}

/* cts12 - 열린민원 > 민원안내 > 민원수수료 안내 */
.cts12_wrap .table thead th, .cts12_wrap .table tbody th, .cts12_wrap .table tbody td{padding:5px 20px;}
.cts12_wrap .oc_box.warning_type{margin-top:30px;}
@media screen and (max-width:1000px){
    .cts12_wrap .table thead th, .cts12_wrap .table tbody th, .cts12_wrap .table tbody td{padding:5px 10px;}
    .cts12_wrap .oc_box.warning_type{margin-top:25px;}
}
@media screen and (max-width:640px){
    .cts12_wrap .table thead th, .cts12_wrap .table tbody th, .cts12_wrap .table tbody td{padding:5px;}
    .cts12_wrap .oc_box.warning_type{margin-top:20px;}
}

/* cts16 - 열린민원 > 민원신청 > 상담 민원신청 */
.cts16_wrap iframe{display:block;width:100%;height:600px;}
/* cts17 - 열린민원 > 민원신청 > 상담 민원조회 */
.cts17_wrap iframe{display:block;width:100%;height:400px;}

/* cts4097 - 열린민원 > 민원안내 > 문서24 */
.cts4097_wrap .step_box.auto_type[data-row="4"] .step_list{padding-bottom:95px;}
.cts4097_wrap .step_box.auto_type[data-row="4"] .warning{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);white-space:nowrap;}

/* cts4294 - 정보공개 > 행정정보 > 통계연보 */
.oc_statistical .oc_site_box .site_box_item{min-height:425px;padding-bottom:65px;padding-left:340px;}
.oc_statistical .oc_site_box .site_box_item .img_box{overflow:hidden;position:absolute;left:50px;top:40px;width:230px;height:320px;border-radius:50px 0;}
.oc_statistical .oc_site_box .site_box_item .img_box .skip_img{position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;}
.oc_statistical .oc_site_box .site_box_item .img_box .real_img{display:block;width:100%;height:100%;background-size:cover;background-position:center center;}
.oc_statistical .oc_site_box .site_box_item .oc_link_box .oc_link_item .oc_link_inner{background-color:#fff;}
.oc_statistical .oc_site_box .site_box_item .oc_link_box + .text{margin-top:30px;}
.oc_statistical .oc_site_box .site_box_item .site_con_box .link_box{margin-top:0;}
.oc_statistical .oc_site_box .site_box_item .site_con_box .link_box .oc_btn{margin-top:15px;margin-right:30px;}
.oc_statistical .oc_site_box .site_box_item .site_con_box .link_box .oc_btn + .oc_btn{margin-left:0;}
@media screen and (max-width:1460px){
    .oc_statistical .oc_site_box .site_box_item{padding-bottom:50px;padding-left:320px;}
    .oc_statistical .oc_site_box .site_box_item .img_box{left:40px;border-radius:40px 0;}
    .oc_statistical .oc_site_box .site_box_item .oc_link_box + .text{margin-top:25px;}
    .oc_statistical .oc_site_box .site_box_item .site_con_box .link_box .oc_btn{margin-top:10px;margin-right:20px;}
}
@media screen and (max-width:1000px){
    .oc_statistical .oc_site_box .site_box_item{min-height:300px;padding-top:20px;padding-bottom:30px;padding-left:230px;}
    .oc_statistical .oc_site_box .site_box_item .img_box{left:25px;top:20px;width:180px;height:250px;border-radius:30px 0;}
    .oc_statistical .oc_site_box .site_box_item .oc_link_box + .text{margin-top:20px;}
    .oc_statistical .oc_site_box .site_box_item .site_con_box{text-align:left;}
    .oc_statistical .oc_site_box .site_box_item .site_con_box .link_box .oc_btn{margin-top:5px;margin-right:10px;}
}
@media screen and (max-width:640px){
    .oc_statistical .oc_site_box .site_box_item{padding-top:15px;padding-bottom:20px;padding-left:15px;}
    .oc_statistical .oc_site_box .site_box_item .img_box{position:relative;left:0;top:0;width:100%;max-width:230px;height:auto;margin:0 auto 15px;border-radius:30px 0;}
    .oc_statistical .oc_site_box .site_box_item .img_box .real_img{width:100%;height:auto;padding-top:139.13%;}
    .oc_statistical .oc_site_box .site_box_item .oc_link_box + .text{margin-top:15px;}
    .oc_statistical .oc_site_box .site_box_item .site_con_box{text-align:center;}
    .oc_statistical .oc_site_box .site_box_item .site_con_box .link_box{max-width:300px;margin:0 auto;}
    .oc_statistical .oc_site_box .site_box_item .site_con_box .link_box .oc_btn{display:block;margin-right:0;}
}

/* cts4791 참여마당 > 고향사랑기부제 > 기부자 예우의 방 */
.cts4791_wrap .cts_title_box{display:block;position:relative;width:100%;margin-bottom:50px;padding-top:200px;}
.cts4791_wrap .cts_title_box .title_wrap{display:block;position:absolute;left:0;top:67px;width:100%;height:280px;padding-right:490px;padding-left:37px;border-radius:140px;background-color:#6ac780;background-image:url(../images/contents/oc_cts4791_bg01.png);background-size:cover;background-position:center center;}
.cts4791_wrap .cts_title_box .title_wrap:before{display:block;position:absolute;right:117px;bottom:0;width:474px;height:408px;background-image:url(../images/contents/oc_cts4791_img01.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom;pointer-events:none;}
.cts4791_wrap .cts_title_box .title_wrap .title_inner{display:block;position:relative;width:100%;padding-top:59px;text-align:center;}
.cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text{display:inline-block;min-width:180px;margin-bottom:15px;border-radius:23px;background-color:#fff;vertical-align:top;}
.cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text em{font-family:'Jalnan','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-weight:400;font-size:24px;line-height:46px;color:#1c5312;}
.cts4791_wrap .cts_title_box .title_wrap .title_inner .title{display:block;width:319px;height:96px;margin:0 auto;background-image:url(../images/contents/oc_cts4791_text01.png);}
.cts4791_wrap .cts_title_box .desc_wrap{display:block;width:100%;padding:195px 30px 46px;border-radius:0 0 100px 100px;border:solid 7px #6ac780;background-color:#fff;text-align:center;}
.cts4791_wrap .cts_title_box .desc_wrap .desc_inner .text{font-family:'JG','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-weight:400;font-size:20px;line-height:36px;color:#4b4b4b;}
.cts4791_wrap .table thead th,
.cts4791_wrap .table tbody th,
.cts4791_wrap .table tbody td{padding:5px;}
@media screen and (max-width:1460px){
    .cts4791_wrap .cts_title_box{margin-bottom:40px;padding-top:125px;}
    .cts4791_wrap .cts_title_box .title_wrap{top:0;height:250px;padding-right:360px;border-radius:125px;}
    .cts4791_wrap .cts_title_box .title_wrap:before{right:calc(30% - 200px);width:340px;height:293px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner{top:50%;padding-top:0;transform:translateY(-50%);}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text{min-width:170px;border-radius:22px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text em{font-size:22px;line-height:44px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .title{width:290px;height:88px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
    .cts4791_wrap .cts_title_box .desc_wrap{padding:180px 30px 45px;}
    .cts4791_wrap .cts_title_box .desc_wrap .desc_inner .text{font-size:19px;line-height:34px;}
}
@media screen and (max-width:1000px){
    .cts4791_wrap .cts_title_box{margin-bottom:30px;padding-top:115px;}
    .cts4791_wrap .cts_title_box .title_wrap{top:0;height:230px;padding-right:45%;border-radius:115px;}
    .cts4791_wrap .cts_title_box .title_wrap:before{right:calc(30% - 170px);width:300px;height:259px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text{min-width:160px;margin-bottom:10px;border-radius:20px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text em{font-size:20px;line-height:40px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .title{width:250px;height:75px;}
    .cts4791_wrap .cts_title_box .desc_wrap{padding:160px 25px 40px;border-radius:0 0 80px 80px;}
    .cts4791_wrap .cts_title_box .desc_wrap .desc_inner .text{font-size:17px;line-height:30px;}
}
@media screen and (max-width:640px){
    .cts4791_wrap .cts_title_box{margin-bottom:20px;padding-top:90px;}
    .cts4791_wrap .cts_title_box .title_wrap{height:180px;padding-right:3%;padding-left:3%;border-radius:90px;}
    .cts4791_wrap .cts_title_box .title_wrap:before{display:none;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text{min-width:150px;margin-bottom:5px;border-radius:19px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .deco_text em{font-size:18px;line-height:38px;}
    .cts4791_wrap .cts_title_box .title_wrap .title_inner .title{width:183px;height:55px;}
    .cts4791_wrap .cts_title_box .desc_wrap{padding:105px 15px 30px;border-radius:0 0 60px 60px;}
    .cts4791_wrap .cts_title_box .desc_wrap .desc_inner .text{font-size:16px;line-height:28px;}
    .cts4791_wrap .cts_title_box .desc_wrap .desc_inner .text br{display:none;}
}

/* cts4804 참여마당 > 마을의제 주민제안 */
.cts4804_wrap .village_propose{display:block;position:relative;width:100%;padding-top:165px;}
.cts4804_wrap .village_propose .box_top{display:block;position:absolute;left:0;top:0;width:100%;}
.cts4804_wrap .village_propose .box_top .title_box{display:block;position:relative;width:100%;height:330px;padding-top:77px;padding-left:105px;border-radius:165px;background-color:#ffeea6;box-sizing:border-box;}
.cts4804_wrap .village_propose .box_top .title_box:before{display:block;position:absolute;right:80px;bottom:13px;width:615px;height:295px;background-image:url(../images/contents/oc_cts4804_img01.png);content:'';background-size:100%;background-position:right bottom;background-repeat:no-repeat;}
.cts4804_wrap .village_propose .box_top .title_box:after{display:block;position:absolute;right:78px;bottom:-24px;width:262px;height:172px;background-image:url(../images/contents/oc_cts4804_img02.png);content:'';background-size:100%;background-position:right bottom;background-repeat:no-repeat;}
.cts4804_wrap .village_propose .box_top .title_box .title{display:block;position:relative;margin-bottom:20px;background-image:linear-gradient(#113980, #4b43ba);background-clip:text;-webkit-background-clip:text;font-weight:400;font-size:36px;line-height:43px;color:transparent;font-family:'Jalnan','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;letter-spacing:-0.03em;word-break:keep-all;}
.ie .cts4804_wrap .village_propose .box_top .title_box .title{background-image:none;color:#113980;}
.cts4804_wrap .village_propose .box_top .title_box .desc{display:block;position:relative;font-weight:400;font-size:19px;line-height:25px;color:#6447d2;letter-spacing:-0.03em;word-break:keep-all;}
.cts4804_wrap .village_propose .box_top .date_box{display:block;position:absolute;left:103px;bottom:-25px;height:70px;padding:3px;border-radius:35px;background-color:#234684;font-size:0;line-height:0;box-sizing:border-box;}
.cts4804_wrap .village_propose .box_top .date_box:before{display:block;position:absolute;left:-20px;top:50%;width:40px;height:40px;background-image:url(../images/contents/oc_cts4804_img03.png);background-size:cover;background-repeat:no-repeat;transform:translateY(-50%);content:'';}
.cts4804_wrap .village_propose .box_top .date_box .box_item{display:inline-block;height:100%;font-family:'SEBANG','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
.cts4804_wrap .village_propose .box_top .date_box .box_item:first-child{padding:0 45px;border-radius:32px;background-color:#fff;color:#234684;}
.cts4804_wrap .village_propose .box_top .date_box .box_item:last-child{padding-right:36px;padding-left:24px;color:#fff;}
.cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner{position:relative;top:50%;font-weight:600;line-height:25px;text-align:center;transform:translateY(-50%);}
.cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .text{display:block;font-size:18px;}
.cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .date{display:block;font-size:20px;}
.cts4804_wrap .village_propose .box_content{display:block;width:100%;padding:248px 93px 64px;border-radius:0 0 100px 100px;border:solid 3px #ffeea6;background-color:#fff;box-sizing:border-box;}
.cts4804_wrap .village_propose .box_content .content_item{display:block;position:relative;width:100%;font-size:0;line-height:0;text-align:center;}
.cts4804_wrap .village_propose .box_content .content_item + .content_item{margin-top:77px;}
.cts4804_wrap .village_propose .box_content .content_item + .content_item:before{display:block;position:absolute;left:0;top:-39px;width:100%;height:3px;background-color:#e8e9e9;content:'';}
.cts4804_wrap .village_propose .box_content .content_item .title{display:inline-block;font-weight:600;font-size:24px;line-height:34px;color:#464646;}
.cts4804_wrap .village_propose .box_content .content_item .title .quotes{display:inline-block;width:25px;height:22px;margin-right:10px;background-image:url(../images/contents/oc_cts4804_quotes.png);background-size:200%;background-repeat:no-repeat;font-size:0;line-height:0;vertical-align:top;}
.cts4804_wrap .village_propose .box_content .content_item .title .quotes.type2{margin-right:0;margin-left:10px;background-position-x:100%;}
.cts4804_wrap .village_propose .box_content .content_item .title .green_line{position:relative;margin-right:15px;color:#077751;}
.cts4804_wrap .village_propose .box_content .content_item .title .green_line:before{display:block;position:absolute;left:0;bottom:-5px;width:100%;height:3px;background-color:#b4d6ca;content:'';}
.cts4804_wrap .village_propose .box_content .content_item .text{display:block;font-weight:400;font-size:18px;line-height:30px;color:#606060;word-break:keep-all;}
.cts4804_wrap .village_propose .box_content .content_item .title + .text{margin-top:20px;}
.cts4804_wrap .village_propose .box_content .content_item .gradient{display:inline-block;margin-top:29px;background-image:linear-gradient(90deg, #0072c1, #9d1674);background-clip:text;-webkit-background-clip:text;font-weight:600;font-size:24px;line-height:30px;color:transparent;}
.ie .cts4804_wrap .village_propose .box_content .content_item .gradient{background-image:none;color:#0072c1;}
.cts4804_wrap .button_wrap{display:block;width:100%;margin-top:42px;text-align:center;font-size:0;line-height:0;}
.cts4804_wrap .button_wrap .button_box{display:inline-block;}
.cts4804_wrap .button_wrap .button_box .link{display:block;width:200px;height:54px;border-radius:27px;border:none;background-color:#1a9c6d;}
.cts4804_wrap .button_wrap .button_box .link span{display:inline-block;position:relative;top:50%;font-weight:400;font-size:19px;line-height:24px;color:#fff;transform:translateY(-50%);}
@media screen and (max-width:1460px){
    .cts4804_wrap .village_propose{padding-top:140px;}
    .cts4804_wrap .village_propose .box_top .title_box{height:280px;padding-top:60px;padding-left:calc(25% - 130px);border-radius:140px;}
    .cts4804_wrap .village_propose .box_top .title_box:before{right:calc(20% - 120px);bottom:calc(-3vw + 60px);width:calc(60% - 100px);height:100%;}
    .cts4804_wrap .village_propose .box_top .title_box:after{right:calc(20% - 120px);bottom:-15px;width:20%;height:100%;}
    .cts4804_wrap .village_propose .box_top .title_box .title{margin-bottom:15px;font-size:30px;line-height:36px;}
    .cts4804_wrap .village_propose .box_top .title_box .desc{font-size:18px;line-height:22px;}
    .cts4804_wrap .village_propose .box_top .date_box{left:calc(50% - 320px);bottom:-15px;height:60px;border-radius:30px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item:first-child{padding:0 25px;border-radius:28px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item:last-child{padding-right:20px;padding-left:15px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner{line-height:22px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .text{font-size:16px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .date{font-size:18px;}
    .cts4804_wrap .village_propose .box_content{padding:200px 50px 50px;border-radius:0 0 80px 80px;}
    .cts4804_wrap .village_propose .box_content .content_item + .content_item{margin-top:60px;}
    .cts4804_wrap .village_propose .box_content .content_item + .content_item:before{top:-32px;}
    .cts4804_wrap .village_propose .box_content .content_item .title{font-size:22px;line-height:30px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .quotes{width:22px;height:20px;margin-right:5px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .quotes.type2{margin-right:0;margin-left:5px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .green_line{margin-right:10px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .green_line:before{bottom:-4px;}
    .cts4804_wrap .village_propose .box_content .content_item .text{font-size:17px;line-height:28px;}
    .cts4804_wrap .village_propose .box_content .content_item .gradient{margin-top:20px;font-size:22px;line-height:28px;}
    .cts4804_wrap .button_wrap{margin-top:35px;}
    .cts4804_wrap .button_wrap .button_box .link{width:180px;height:50px;border-radius:25px;}
    .cts4804_wrap .button_wrap .button_box .link span{font-size:18px;line-height:22px;}
}
@media screen and (max-width:1000px){
    .cts4804_wrap .village_propose{padding-top:130px;}
    .cts4804_wrap .village_propose .box_top .title_box{height:260px;padding-top:30px;padding-right:30px;padding-left:30px;border-radius:130px;text-align:center;}
    .cts4804_wrap .village_propose .box_top .title_box:before{right:calc(50% - 80px);bottom:25px;width:208px;height:100px;}
    .cts4804_wrap .village_propose .box_top .title_box:after{right:calc(50% - 120px);bottom:35px;width:80px;height:53px;}
    .cts4804_wrap .village_propose .box_top .title_box .title{margin-bottom:10px;font-size:24px;line-height:30px;}
    .cts4804_wrap .village_propose .box_top .title_box .desc{font-size:17px;line-height:20px;}
    .cts4804_wrap .village_propose .box_top .date_box{left:calc(50% - 253px);bottom:-15px;height:50px;border-radius:30px;}
    .cts4804_wrap .village_propose .box_top .date_box:before{left:-15px;width:30px;height:30px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item:first-child{padding:0 15px;border-radius:23px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item:last-child{padding-right:15px;padding-left:10px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner{line-height:20px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .text{font-size:15px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .date{font-size:16px;}
    .cts4804_wrap .village_propose .box_content{padding:180px 30px 40px;border-radius:0 0 60px 60px;}
    .cts4804_wrap .village_propose .box_content .content_item + .content_item{margin-top:40px;}
    .cts4804_wrap .village_propose .box_content .content_item + .content_item:before{top:-21px;height:2px;}
    .cts4804_wrap .village_propose .box_content .content_item .title{font-size:20px;line-height:28px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .quotes{width:20px;height:19px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .green_line:before{bottom:-3px;}
    .cts4804_wrap .village_propose .box_content .content_item .text{font-size:16px;line-height:26px;}
    .cts4804_wrap .village_propose .box_content .content_item .gradient{margin-top:15px;font-size:20px;line-height:26px;}
    .cts4804_wrap .button_wrap{margin-top:30px;}
    .cts4804_wrap .button_wrap .button_box .link{width:160px;}
    .cts4804_wrap .button_wrap .button_box .link span{font-size:17px;}
}
@media screen and (max-width:640px){
    .cts4804_wrap .village_propose{padding-top:130px;}
    .cts4804_wrap .village_propose .box_top .title_box{height:260px;padding-top:30px;padding-right:30px;padding-left:30px;border-radius:130px;text-align:center;}
    .cts4804_wrap .village_propose .box_top .title_box:before{right:calc(50% - 80px);bottom:25px;width:208px;height:100px;}
    .cts4804_wrap .village_propose .box_top .title_box:after{right:calc(50% - 120px);bottom:35px;width:80px;height:53px;}
    .cts4804_wrap .village_propose .box_top .title_box .title{font-size:20px;line-height:26px;}
    .cts4804_wrap .village_propose .box_top .title_box .desc{font-size:16px;}
    .cts4804_wrap .village_propose .box_top .title_box .desc br{display:none;}
    .cts4804_wrap .village_propose .box_top .date_box{left:calc(50% - 150px);top:calc(100% - 35px);bottom:auto;width:300px;height:auto;border-radius:30px;}
    .cts4804_wrap .village_propose .box_top .date_box:before{left:-15px;top:18px;transform:none;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item{width:100%;box-sizing:border-box;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item:first-child{padding:10px 15px;border-radius:26px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item:last-child{padding:10px 15px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner{position:static;transform:none;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .text{font-size:15px;}
    .cts4804_wrap .village_propose .box_top .date_box .box_item .box_inner .date{font-size:16px;}
    .cts4804_wrap .village_propose .box_content{padding:240px 20px 30px;border-radius:0 0 40px 40px;}
    .cts4804_wrap .village_propose .box_content .content_item + .content_item{margin-top:30px;}
    .cts4804_wrap .village_propose .box_content .content_item + .content_item:before{top:-16px;}
    .cts4804_wrap .village_propose .box_content .content_item .title{font-size:18px;line-height:26px;}
    .cts4804_wrap .village_propose .box_content .content_item .title .quotes{width:18px;height:17px;}
    .cts4804_wrap .village_propose .box_content .content_item .text{font-size:15px;line-height:24px;}
    .cts4804_wrap .village_propose .box_content .content_item .gradient{font-size:18px;line-height:24px;}
    .cts4804_wrap .button_wrap .button_box .link{width:140px;height:40px;}
    .cts4804_wrap .button_wrap .button_box .link span{font-size:16px;}
}