.pp-tab { margin-bottom:45px; border:1px solid #ddd; }
    .pp-tab ul { display:flex; flex-wrap:wrap; }
    .pp-tab ul li { width:20%; }
    .pp-tab ul li.active a { background-color:#1c3c72; color:#fff; }
    .pp-tab ul li a { display:flex; align-items: center; justify-content: center; height:50px; width:100%; text-align:center; padding:8px 15px; font-weight:600; box-sizing: border-box; letter-spacing: -0.05em; background-color:#f9f9f9; color:#000; }
    .pp-tab ul li a:hover { background-color:#1c3c72; color:#fff; }

    .temp_title.type3{ background-color:#1c3c72; background-image:url(https://www.geumcheon.go.kr/site/mayor/images/sub/sub_visual_pattern.png); padding:20px 20px 0 20px; }
    .temp_title.type3::after { content:""; display:block; width:320px; height:144px; background-image:url(/site/mayor/images/contents/policy_tempbg.png); background-repeat:no-repeat; margin:10px auto 0 auto; }

    .temp_title.type3 .backbox{width:296px; height:195px; background-image:url(https://www.geumcheon.go.kr/site/1st/images/contents/policy-proposal_top_bg.png);}
    .temp_title.type3 .textbox{float:none; width:auto; padding:0; }
    .temp_title.type3 .textbox .title{padding-bottom:0; font-size:30px; color:#fff; font-weight:600;}
    .temp_title.type3 .textbox .a_box { display:flex; justify-content: center; align-items: center; padding-bottom:0; margin-top:15px; padding-top:0; }
    .temp_title.type3 .textbox .a_box .btn { width:40%; }
    .temp_title.type3 .textbox .a_box .btn:first-of-type { margin-right:10px;} 
    .temp_title.type3 .textbox .a_box .btn.type5{ padding:16px 55px 17px 32px; }
    .temp_title.type3 .textbox .a_box .btn.type5:before{top:20px;}

    .bot_box .cont_box ul.list { display:flex; align-items: center; flex-wrap:wrap; margin-top:40px; padding-bottom:70px;}
    .bot_box .cont_box ul.list li{ position:relative; display:flex; align-items: center; justify-content: center;  }
    .bot_box .cont_box ul.list li:last-child{margin-right:0;}
    .bot_box .cont_box ul.list li .circle{display:flex; align-items: center; justify-content: center; position:relative; width:151px; height:151px; border-radius:100%; background-color:#1c3c72; font-size:0; vertical-align:top;}
    .bot_box .cont_box ul.list li .circle.blue{background-color:#fff; border:3px solid #ffa200}
    .bot_box .cont_box ul.list li .circle.blue p { color:#333;}
    .bot_box .cont_box ul.list li::after{display:block; margin:0 8px; width:17px; height:31px; background:url(/site/mayor/images/contents/policy_arrow.png) no-repeat;}
    .bot_box .cont_box ul.list li:last-child::after { display:none; }
    .bot_box .cont_box ul.list li p{ font-size:17px; color:#fff; font-weight:600; text-align:center; vertical-align:middle;}
    .bot_box .cont_box ul.list li .bottom_txt{position:absolute; bottom:-25px; left:calc(50% - 50px); font-size:16px; color:#191919; text-align:center;}
    .bot_box .cont_box ul.list li.n3 .bottom_txt{bottom:-45px; left:calc(50% - 60px); }

    
    .program .program_category_item { width:125px; }
    .program .program_category_item.active:before { display:none; }

    .program .list .proposition_write_btn a { display:flex; align-items: center; justify-content: center; width:152px; padding:12px; box-sizing: border-box; }
    .program .list .proposition_write_btn a:before { display:none; }
    .program .list .proposition_write_btn a::after { display:block; width:16px; height:16px; background:url('https://www.geumcheon.go.kr/common/images/development/proposition_write_btn_icon.png') no-repeat left top; margin-left:8px;}

	.program .proposition.list .proposition_list ul { display:flex; flex-wrap:wrap;  }
    .program .proposition.list .proposition_list .proposition_item { width:calc(100% / 3 - 18px); margin:8px; float:none; background-color:#f9f9f9; border:1px solid #ccc; }
    .program .proposition.list .proposition_list .proposition_item:nth-child(-n+3) { margin:8px; }
    .program .proposition.list .proposition_list .proposition_item:nth-child(3n) { margin:8px; }

    .program .proposition.list .proposition_list .proposition_header { display:flex; align-items:center; justify-content: space-between; height:55px; padding:0 15px; background-color:#eee; }
    .program .proposition.list .proposition_list .proposition_item.type2 .proposition_header { background-color:#1c3c72 }
    .program .proposition.list .proposition_list .proposition_header strong { width:calc(100% - 76px); font-size:20px; font-weight:600; }
    .program .proposition.list .proposition_list .proposition_item.type2 .proposition_header strong { color:#fff; }
    .program .proposition.list .proposition_list .proposition_state { position:relative; top:auto; right:auto; }

    .program .proposition.list .proposition_list .proposition_body h3 a { font-size:18px; font-weight:600; color:#333 }
    .program .proposition.list .proposition_list .proposition_body p { font-size:15px; font-weight:600; letter-spacing: -0.025em; color:#666 }



    @media screen and (max-width: 1222px){

    .program .program_category_list { float:none; margin-bottom:15px;}
    .temp_title.type3 .textbox .a_box { display:block; }
    .temp_title.type3 .textbox .a_box .btn { width:80%; margin-bottom:8px; }
    .temp_title.type3 .textbox .a_box .btn:first-of-type { margin-right:0; }

    .bot_box .cont_box ul.list{padding-bottom:0;}
    .bot_box .cont_box ul.list li{width:calc(33.33% - 37px); margin-bottom:50px;}
    .bot_box .cont_box ul.list li:nth-child(3){margin-right:0;}
    .bot_box .cont_box ul.list li .circle:before{right:-50%;}

    }

    @media screen and (max-width:1200px){
    
    }

    @media screen and (max-width:1000px){
        

        .program .proposition.list .proposition_list .proposition_item { width:calc(100% / 2 - 18px); }

    }

    @media screen and (max-width:800px){
        .bot_box .cont_box ul.list li{margin-right:0px; width:33.33%;}
        .bot_box .cont_box ul.list li .circle:before{right:-35%;}
        .temp_title.type3 .textbox .a_box a{margin-bottom:20px;}
    }

    @media screen and (max-width:768px){
        .program .p-table.simple tbody tr { display:block; width:100%; padding:8px; }
    }

    @media screen and (max-width:700px){
        .pp-tab { border:none; padding-bottom:30px; border-bottom:1px dotted #ddd; }
        .pp-tab ul li { width:33.3333%; }
        .pp-tab ul li a { border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:0; font-size:0.9em; }
        .pp-tab ul li:nth-child(3) a,
        .pp-tab ul li:nth-child(5) a { border-right:1px solid #ddd;}
        .pp-tab ul li:nth-child(n+4) a { border-top-width:0;}

        .program .program_category_item { width:33.333%; }
        .program .program_category_item a { padding:12px 0; font-size:15px; }
        .program .program_category_item:nth-child(4) { border-left: 1px solid #b2b2b2; }
        .program .program_category_item:nth-child(n+4) { border-top-width:0;}
        .bot_box .cont_box ul.list li .circle:before{right:-23%;}

        .program .proposition.list .proposition_list .proposition_item { width:calc(100% - 18px); }
    }

    @media screen and (max-width:640px){
        .temp_title.type3 .textbox .a_box a{display:block;}
        .temp_title.type3 .textbox .a_box a:last-child{margin-bottom:0;}
        .temp_title.type3 .textbox .a_box .btn { width:100%; }

        .bot_box .cont_box ul.list li .circle{ display:block; height:111px;}
        .bot_box .cont_box ul.list li p{margin-top:45px;}
        .bot_box .cont_box ul.list li:nth-child(2) p{margin-top:33px;}

        .program .proposition.list .proposition_write_btn a { padding:12px; }


        .bot_box .cont_box ul.list{margin-right:30px; text-align:center;}
        .bot_box .cont_box ul.list li{width:100%; margin-right:0; margin-bottom:110px;}
        .bot_box .cont_box ul.list li:nth-child(2){margin-bottom:80px;}
        .bot_box .cont_box ul.list li:nth-child(2)::after{bottom:-58px;}
        .bot_box .cont_box ul.list li:nth-child(3){margin-bottom:140px;}
        .bot_box .cont_box ul.list li .circle{width:100%; border-radius:20px;}
        .bot_box .cont_box ul.list li::after{position:absolute; top:auto; bottom:-90px;  transform:rotate(90deg);}
        .bot_box .cont_box ul.list li:nth-child(3)::after{bottom:-116px;}
        .bot_box .cont_box ul.list li .bottom_txt{position:relative; bottom:-70px; left:auto;}
        .bot_box .cont_box ul.list li.n3 .bottom_txt{bottom:-70px; left:auto; }
    }