@charset "utf-8";
/****************************************/
/* Name: 부산광역시 분야별
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2019-07-
/* Author: imtec 
/****************************************/



/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/


/* 공통 */
.part_main_wrap{width: 100%;background-color: #f6f6f6;padding-bottom: 60px}
.part_main_wrap .content_box{padding-top: 200px;}
.part_main_wrap .visual{width: 100%;height: 620px;position: absolute;background-position: center top;background-repeat: no-repeat;}
.part_main_wrap a:hover,
.part_main_wrap a:focus{text-decoration: underline;font-weight: bold;}
.part_main_wrap .tit_box{position: absolute;top: 185px;left: 0;z-index: 0;}
.part_main_wrap .tit_box img{margin-bottom: 20px;}
.part_main_wrap .tit_box p{font:normal 18px/1.3 'Nanumsquare';color: #333;}

.part_main_wrap .tit_box.white_bg::before{content: "";display: inline-block;width: 120%;height: 100%;border-radius: 40%;background-color: rgba(255,255,255,0.95);position: absolute;left: -10%;top: 0;box-shadow: 0 0 90px 90px rgba(255,255,255,0.95);z-index: -1;}


.part_main_wrap h2{font: bold 22px/1 'Nanumsquare';}

.part_main_wrap .top_con_box{display: flex;justify-content: flex-end;position: relative;z-index: 1}
.part_main_wrap .m_con_box_1{width: 300px;height: auto;background: linear-gradient(-60deg,rgba(75,103,186,0.90),rgba(208,106,136,0.9))}
.part_main_wrap .m_con_box_1.blue{background: linear-gradient(-60deg,rgba(77,104,205,0.9),rgba(0,143,183,0.9));}

.m_con_box_1 .list_st{display: flex;flex-direction: column;padding: 0 35px;width: 100%;height: 100%}
.m_con_box_1 li{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);display: block;flex-grow: 1;}
/*.m_con_box_1 li:last-child{border-bottom: none;}*/
.m_con_box_1 .list_st a{padding: 0 25px 0 62px;position: relative;width: 100%;height:75px;color: #fff;display: flex;align-items: center;}
.m_con_box_1 .list_st a::before{content: "";display: inline-block;width: 62px;height: 100%;position: absolute;top:0;left:0;background-repeat: no-repeat;background-position: center center;background-repeat: no-repeat;}
.m_con_box_1 .list_st a::after{content: "";display: inline-block;width: 20px;height: 8px;background: url(/img/part/main/part_m_con_1_arrow.png) no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.part_flex_box{display: flex;flex-wrap: wrap;}
.part_flex_box.left{width: 900px}
.m_con_box_2{width: 600px;height: 300px;padding:50px 50px 0 50px;background-color: #fff}
.m_con_box_2 h2{color: #000;margin-bottom: 10px;text-align: center;white-space: nowrap;}
.m_con_box_2 p{margin-bottom: 30px;text-align: center;}
.m_con_box_2 ul{display: flex;justify-content: space-between;width: 100%;}
.m_con_box_2 li{width:25%;text-align: center;}
.m_con_box_2 .list_3 li{width: 33.33%}
.m_con_box_2 li a{display: inline-block;padding-top: 100px;text-align: center;position: relative;}
.m_con_box_2 li a::before{content: "";display: inline-block;width: 88px;height: 88px;border-radius: 50%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-repeat: no-repeat;background-color: #f7f7f7;background-position: center center;}

.m_con_box_3{width: 300px;height: 300px;background-color: #f2f2f2;}
.m_con_box_3 a{display: block;width: 100%;height: 100%;padding-top: 170px;position: relative;}
.m_con_box_3 a::after{content: "";display: inline-block;width: 105px;height: 105px;background-color: #fff;background-repeat: no-repeat;background-position: center center;position: absolute;top: 50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);border-radius: 50%;}
.m_con_box_3.grd{background: linear-gradient(-60deg,rgba(75,103,186,0.90),rgba(231,134,162,0.9))}
.m_con_box_3.blue{background-color: #4b68ba}
.m_con_box_3.gray{background-color: #4c4e60}
.m_con_box_3.green{background-color: #07998d}
.m_con_box_3.green2{background-color: #1a758c}
.m_con_box_3.grd a::after,
.m_con_box_3.blue a::after,
.m_con_box_3.gray a::after,
.m_con_box_3.green a::after{background-color: rgba(255,255,255,0.1)}
.m_con_box_3.grd h2,.m_con_box_3.blue h2,.m_con_box_3.gray h2,.m_con_box_3.green h2,.m_con_box_3.green2 h2{color: #fff;}
.m_con_box_3.grd p{color: #eae6f5}
.m_con_box_3.blue p{color: #bac9f1}
.m_con_box_3.gray p{color: #fff}
.m_con_box_3.green p{color: #bae7e3}
.m_con_box_3.green2 p{color: #85bdcc}
.m_con_box_3 h2{text-align: center;color: #333;margin-bottom: 15px;}
.m_con_box_3 p{text-align: center;}
.m_con_box_3 a:hover,.m_con_box_3 a:focus{text-decoration: none;font-weight: normal;}
.m_con_box_3 a:hover h2,.m_con_box_3 a:focus h2{text-decoration: underline;}
.m_con_box_2 li a:hover::before,.m_con_box_2 li a:focus::before{background-color: #f1f1f1}

.m_con_box_3_1{width: 300px;height: 300px;background-color: #f2f2f2;padding-top: 170px;position: relative;}
.m_con_box_3_1::after{content: "";display: inline-block;width: 105px;height: 105px;background-color: #fff;background-repeat: no-repeat;background-position: center center;position: absolute;top: 50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);border-radius: 50%;}
.m_con_box_3_1 ul{display: flex;flex-direction: column;width: 100%;padding: 0 35px}
.m_con_box_3_1 li{margin-bottom: 6px;}
.m_con_box_3_1 li a{display: inline-block;border:1px solid rgba(0,0,0,0.4);text-align: center;height: 44px;line-height: 44px;width: 100%;color: #555;}
.m_con_box_3_1 li:last-child{margin-bottom: 0;}


.m_con_box_4{width: 600px;height: 300px;padding: 40px 0 0 50px}
.m_con_box_4 h2{color: #222;margin-bottom: 30px;}
.m_con_box_4 .h_li li{margin-bottom: 10px}
.m_con_box_4 .h_li li::before{background-color: #656565}

.m_con_box_5{width: 300px;height: 600px;background-color: #4b68ba;padding-top: 43px;position: relative;}
.m_con_box_5::after{content: "";display: inline-block;background-repeat: no-repeat;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.m_con_box_5 h2{color: #fff;text-align: center;}
.m_con_box_5 p{color: #bac9f1;text-align: center;line-height: 1;}
.m_con_box_5 ul{display: flex;flex-direction: column;width: 100%;padding: 0 35px}
.m_con_box_5 li{margin-bottom: 6px;}
.m_con_box_5 li a{display: inline-block;border:1px solid rgba(255,255,255,0.4);text-align: center;height: 44px;line-height: 44px;width: 100%;color: #fff;}
.m_con_box_5 li:last-child{margin-bottom: 0;}

.m_con_box_6{width: 300px;height: 600px;background-color: #4b68ba;padding-top: 43px;position: relative;}
.m_con_box_6::after{content: "";display: inline-block;background-repeat: no-repeat;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.m_con_box_6 h2{color: #fff;text-align: center;}
.m_con_box_6 p{color: #bac9f1;text-align: center;line-height: 1;}
.m_con_box_6 ul{display: flex;flex-direction: column;width: 100%;padding: 0 35px}
.m_con_box_6 li{margin-bottom: 6px;}
.m_con_box_6 li a{display: inline-block;border:1px solid rgba(255,255,255,0.4);text-align: center;height: 44px;line-height: 44px;width: 100%;color: #fff;}
.m_con_box_6 li:last-child{margin-bottom: 0;}


/* 하단링크 */
.m_footer_link_wrap{width: 100%;background: #fff;padding: 42px 0}

.m_footer_link{display: flex;-ms-display: flexbox;justify-content: space-between;margin-bottom: 36px;}
.m_footer_link .list_box{position: relative;width: 232px;}
.m_footer_link .list_box > button,
.m_footer_link .list_box > a{width: 100%;height: 44px;padding: 0 40px 0 20px;text-align: left;line-height: 44px;border:1px solid #b3b3b3;background-color: #fff;position: relative;transition: all 0.2s;display: inline-block;}
.m_footer_link .list_box > button::before{content: "";display: inline-block;width: 15px;height: 1px;background: #c1c2c4;position: absolute;right: 20px;top: 21px;}
.m_footer_link .list_box > button::after{content: "";display: inline-block;width: 1px;height: 15px;background: #c1c2c4;position: absolute;right: 27px;top: 14px;}
.m_footer_link .list_box > a::after{content: "";display: inline-block;width: 15px;height: 13px;background: url(/img/common/com_img.png) -434px -186px no-repeat;position: absolute;right: 20px;top:15px;}
.m_footer_link .list_box > button:hover,
.m_footer_link .list_box > button:focus,
.m_footer_link .list_box > button.on,
.m_footer_link .list_box > a:hover,
.m_footer_link .list_box > a:focus{background: #383a4a;border-color: #383a4a;color: #fff;outline:2px dashed #000;outline-offset: 2px}
.m_footer_link .list_box > button:hover::before,
.m_footer_link .list_box > button:focus::before,
.m_footer_link .list_box > button:hover::after,
.m_footer_link .list_box > button:focus::after,
.m_footer_link .list_box > button.on::before,
.m_footer_link .list_box > button.on::after{background: #fff}
.m_footer_link .link_box{width: 474px;height: auto;padding: 30px 35px 24px 30px;background: #fff;border:1px solid #383a4a;position: absolute;bottom: 48px;left: 0;z-index: 50;display: none;}
.m_footer_link .link_box ul{width: 100%;display: flex;-ms-display: flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.m_footer_link .link_box li{width: 33.33%;margin-bottom: 6px;}
.m_footer_link .link_box .btn_close{display: inline-block;text-indent: -9999px;width: 17px;height: 17px;position: absolute;right: 18px;top: 17px;}
.m_footer_link .link_box .btn_close::before{content: "";display: inline-block;width: 2px;height: 16px;background: #383a4a;position: absolute;right: 7px;top: 1px;transform: rotate(-45deg);}
.m_footer_link .link_box .btn_close::after{content: "";display: inline-block;width: 2px;height: 16px;background: #383a4a;position: absolute;right: 7px;top: 1px;transform: rotate(45deg);}



/* 환경/위생/청소 */
.visual.env{background-image: url(/img/part/main/env_m_visual.jpg);}
.m_con_box_1.env .ic01::before{background-image: url(/img/part/main/part_1_m_con_1_ic01.png);}
.m_con_box_1.env .ic02::before{background-image: url(/img/part/main/part_1_m_con_1_ic02.png);}
.m_con_box_1.env .ic03::before{background-image: url(/img/part/main/part_1_m_con_1_ic03.png);}
.m_con_box_1.env .ic04::before{background-image: url(/img/part/main/part_1_m_con_1_ic04.png);}

.m_con_box_2.env .ic01::before{background-image: url(/img/part/main/part_1_m_con_2_ic01.png);}
.m_con_box_2.env .ic02::before{background-image: url(/img/part/main/part_1_m_con_2_ic02.png);}
.m_con_box_2.env .ic03::before{background-image: url(/img/part/main/part_1_m_con_2_ic03.png);}
.m_con_box_2.env .ic04::before{background-image: url(/img/part/main/part_1_m_con_2_ic04.png);}

.m_con_box_3.env_1 a::after{background-image: url(/img/part/main/part_1_m_con_3_ic01.png);}
.m_con_box_3.env_2 a::after{background-image: url(/img/part/main/part_1_m_con_3_ic02.png);}
.m_con_box_3.env_2{background-color: #07998d;}
.m_con_box_3.env_2 h2,.m_con_box_3.env_2 p{color: #fff}

.m_con_box_4.env{background: #f1efe2 url(/img/part/main/env_m_con_4_bg.jpg) right top no-repeat;}

.m_con_box_5.env::after{background-image: url(/img/part/main/env_m_con_5_ic.png);width: 37px;height: 45px;top: 85px}
.m_con_box_5.env h2{margin-bottom: 102px}


/* 일자리/경제 */
.visual.eco{background-image: url(/img/part/main/eco_m_visual.png);}
.m_con_box_3.eco_1 a::after{background-image: url(/img/part/main/eco_m_con_1_ic.png);}
.m_con_box_2.eco .ic01::before{background-image: url(/img/part/main/eco_m_con_2_ic01.png)}
.m_con_box_2.eco .ic02::before{background-image: url(/img/part/main/eco_m_con_2_ic02.png)}
.m_con_box_2.eco .ic03::before{background-image: url(/img/part/main/eco_m_con_2_ic03.png)}
.m_con_box_3.eco_2 a::after{background-image: url(/img/part/main/eco_m_con_2_ic.png);}
.m_con_box_3.eco_3 a::after{background-image: url(/img/part/main/eco_m_con_3_ic.png);}


/* 교통/주차 */
.visual.tra{background-image: url(/img/part/main/tra_m_visual.jpg);}

.m_con_box_1.tra .ic01::before{background-image: url(/img/part/main/tra_m_con_1_ic01.png);}
.m_con_box_1.tra .ic02::before{background-image: url(/img/part/main/tra_m_con_1_ic02.png);}
.m_con_box_1.tra .ic03::before{background-image: url(/img/part/main/tra_m_con_1_ic03.png);}

.m_con_box_2.tra .ic01::before{background-image: url(/img/part/main/tra_m_con_2_ic01.png);}
.m_con_box_2.tra .ic02::before{background-image: url(/img/part/main/tra_m_con_2_ic02.png);}
.m_con_box_2.tra .ic03::before{background-image: url(/img/part/main/tra_m_con_2_ic03.png);}
.m_con_box_2.tra .ic04::before{background-image: url(/img/part/main/tra_m_con_2_ic04.png);}

.m_con_box_3.tra a::after{background-image: url(/img/part/main/tra_m_con_3_ic.png);}

.m_con_box_5.tra{padding-top: 30px;height: 300px;background-color: #07998d}
.m_con_box_5.tra h2{margin-bottom: 25px}


/* 부동산/건축 */
.visual.land{background-image: url(/img/part/main/land_m_visual.jpg);}

.m_con_box_1.land .ic01::before{background-image: url(/img/part/main/land_m_con_1_ic01.png);}
.m_con_box_1.land .ic02::before{background-image: url(/img/part/main/land_m_con_1_ic02.png);}
.m_con_box_1.land .ic03::before{background-image: url(/img/part/main/land_m_con_1_ic03.png);}
.m_con_box_1.land .ic04::before{background-image: url(/img/part/main/land_m_con_1_ic04.png);}

.m_con_box_2.land .ic01::before{background-image: url(/img/part/main/land_m_con_2_ic01.png);}
.m_con_box_2.land .ic02::before{background-image: url(/img/part/main/land_m_con_2_ic02.png);}
.m_con_box_2.land .ic03::before{background-image: url(/img/part/main/land_m_con_2_ic03.png);}
.m_con_box_2.land .ic04::before{background-image: url(/img/part/main/land_m_con_2_ic04.png);}

.m_con_box_3.land_1 a, .m_con_box_3.land_2{cursor:auto;}
.m_con_box_3.land_1 a:hover h2,.m_con_box_3.land_1 a:focus h2,
.m_con_box_3.land_2 a:hover h2,.m_con_box_3.land_2 a:focus h2{text-decoration: none;}
.m_con_box_3.land_1 a::after{background-image: url(/img/part/main/land_m_con_3_ic01.png);}
.m_con_box_3.land_2 a::after{background-image: url(/img/part/main/land_m_con_3_ic02.png);}

.m_con_box_4.land{padding-top: 50px;background: #f4f7fb url(/img/part/main/land_m_con_4_bg.jpg) right top no-repeat}

.m_con_box_5.land h2{margin-bottom: 20px;}
.m_con_box_5.land p{margin-bottom: 118px;}
.m_con_box_5.land::after{background-image: url(/img/part/main/land_m_con_5_ic.png);width: 53px;height: 60px;top: 128px}


/* 체육/편의시설 */
.visual.fac{background-image: url(/img/part/main/fac_m_visual.jpg);}

.m_con_box_3.fac_1 a::after{background-image: url(/img/part/main/fac_m_con_3_ic01.png);}
.m_con_box_3.fac_2 a::after{background-image: url(/img/part/main/fac_m_con_3_ic02.png);}
.m_con_box_3_1.fac_2::after{background-image: url(/img/part/main/fac_m_con_3_ic02.png);}

.m_con_box_2.fac .ic01::before{background-image: url(/img/part/main/fac_m_con_2_ic01.png);}
.m_con_box_2.fac .ic02::before{background-image: url(/img/part/main/fac_m_con_2_ic02.png);}
.m_con_box_2.fac .ic03::before{background-image: url(/img/part/main/fac_m_con_2_ic03.png);}
.m_con_box_2.fac .ic04::before{background-image: url(/img/part/main/fac_m_con_2_ic04.png);}

.m_con_box_5.fac{height: 300px;}
.m_con_box_5.fac h2{margin-bottom: 17px;}
.m_con_box_5.fac p{margin-bottom: 25px;}


/* 수영통계 */
.visual.sta{background-image: url(/img/part/main/sta_m_visual.jpg);}

.m_con_box_3.sta_1 a::after{background-image: url(/img/part/main/sta_m_con_1_ic.png);}
.m_con_box_3.sta_2{background-color: #f7e55d}
.m_con_box_3.sta_2 a::after{background-image: url(/img/part/main/sta_m_con_2_ic.png);}
.m_con_box_3.sta_3{background-color: #fff;}
.m_con_box_3.sta_3 a::after{background-image: url(/img/part/main/sta_m_con_3_ic.png);background-color: #f2f2f2}
.m_con_box_3.sta_4 a::after{background-image: url(/img/part/main/sta_m_con_4_ic.png);}
.m_con_box_3.sta_5 a::after{background-image: url(/img/part/main/sta_m_con_5_ic.png);}


/* 복지 */
.visual.wel{background-image: url(/img/part/main/wel_m_visual.jpg);}

.part_flex_box.wel{padding-top: 300px}

.m_con_box_1.wel{width: 100%;padding: 20px 0;height: auto;}
.m_con_box_1.wel ul{flex-wrap: wrap;display: flex;flex-direction: row;justify-content: space-between;}
.m_con_box_1.wel li{width: calc(33.33% - 35px);height: auto;flex-grow: 0;}
.m_con_box_1.wel li a{height: 57px;word-break: break-all;}

.m_con_box_1.wel .ic01::before{background-image: url(/img/part/main/wel_m_con_1_ic01.png);}
.m_con_box_1.wel .ic02::before{background-image: url(/img/part/main/wel_m_con_1_ic02.png);}
.m_con_box_1.wel .ic03::before{background-image: url(/img/part/main/wel_m_con_1_ic03.png);}
.m_con_box_1.wel .ic04::before{background-image: url(/img/part/main/wel_m_con_1_ic04.png);}
.m_con_box_1.wel .ic05::before{background-image: url(/img/part/main/wel_m_con_1_ic05.png);}
.m_con_box_1.wel .ic06::before{background-image: url(/img/part/main/wel_m_con_1_ic06.png);}
.m_con_box_1.wel .ic07::before{background-image: url(/img/part/main/wel_m_con_1_ic07.png);}
.m_con_box_1.wel .ic08::before{background-image: url(/img/part/main/wel_m_con_1_ic08.png);}
.m_con_box_1.wel .ic09::before{background-image: url(/img/part/main/wel_m_con_1_ic09.png);}
.m_con_box_1.wel .ic10::before{background-image: url(/img/part/main/wel_m_con_1_ic10.png);}
.m_con_box_1.wel .ic11::before{background-image: url(/img/part/main/wel_m_con_1_ic11.png);}
.m_con_box_1.wel .ic12::before{background-image: url(/img/part/main/wel_m_con_1_ic12.png);}
.m_con_box_1.wel .ic13::before{background-image: url(/img/part/main/wel_m_con_1_ic13.png);}
.m_con_box_1.wel .ic14::before{background-image: url(/img/part/main/wel_m_con_1_ic14.png);}
.m_con_box_1.wel .ic15::before{background-image: url(/img/part/main/wel_m_con_1_ic15.png);}
.m_con_box_1.wel .ic16::before{background-image: url(/img/part/main/wel_m_con_1_ic16.png);}
.m_con_box_1.wel .ic17::before{background-image: url(/img/part/main/wel_m_con_1_ic17.png);}
.m_con_box_1.wel .ic18::before{background-image: url(/img/part/main/wel_m_con_1_ic18.png);}

.m_con_box_2.wel{width: 100%;margin-bottom: 20px}
.m_con_box_2.wel ul{justify-content: flex-start;flex-wrap: wrap;}
.m_con_box_2.wel .con_tit_box{display: flex;}
.m_con_box_2.wel .con_tit_box h2{margin-right: 20px}
.m_con_box_2.wel li{width: 10%}

.m_con_box_2.wel .ic01::before{background-image: url(/img/part/main/wel_m_con_2_ic01.png);}
.m_con_box_2.wel .ic02::before{background-image: url(/img/part/main/wel_m_con_2_ic02.png);}
.m_con_box_2.wel .ic03::before{background-image: url(/img/part/main/wel_m_con_2_ic03.png);}
.m_con_box_2.wel .ic04::before{background-image: url(/img/part/main/wel_m_con_2_ic04.png);}
.m_con_box_2.wel .ic05::before{background-image: url(/img/part/main/wel_m_con_2_ic05.png);}
.m_con_box_2.wel .ic06::before{background-image: url(/img/part/main/wel_m_con_2_ic06.png);}
.m_con_box_2.wel .ic07::before{background-image: url(/img/part/main/wel_m_con_2_ic07.png);}
.m_con_box_2.wel .ic08::before{background-image: url(/img/part/main/wel_m_con_2_ic08.png);}
.m_con_box_2.wel .ic09::before{background-image: url(/img/part/main/wel_m_con_2_ic09.png);}
.m_con_box_2.wel .ic10::before{background-image: url(/img/part/main/wel_m_con_2_ic10.png);}


.s1_1_box .ceo_img{width: 450px;height: 490px;float: right;background: url('/upload_data/board_data/BBS_0000087/173560489500494.png') right top no-repeat;}
.s1_1_box h2.title{font-size: 26px;margin-bottom: 40px;color: #000;letter-spacing: -1.5px;margin-top: 0; font-weight: 400;}
.s1_1_box h2.title span{font-size: 32px;line-height: 1.2;}
.s1_1_box h2.title span strong {color: #294baa;font-size: 34px;}
.s1_1_box .foot_txt{text-align: right;margin-top: 30px}
.s1_1_box .foot_txt p{text-align: right;font-family: 'NanumSquare';font-size: 17px;color: #000;}
	
@media all and (max-width: 800px){

	.s1_1_box .ceo_img{width: 100%;background-position: center top;float:none;background-size: 340px auto;height: 400px}
	.s1_1_box h2.title{margin-top: 20px;font-size: 26px;margin-bottom: 25px}
	.s1_1_box h2.title span{font-size: 28px}
}

.history ul li {position: relative; margin-bottom:34px; padding-left:70px;}
.history ul li strong {position: absolute; top: 1px; left: 0; font-family: 'NanumSquare'; color: #294baa; font-size:22px; display:block; width: 70px; line-height: 1.2;}
.history ul li span {display: block; margin-bottom: 4px;}
.history ul li .h_dot::before{top:11px;border-radius: 40px;}	
.history ul li.wide {padding-left:130px;}
.history ul li.wide strong {width: 130px;}


/* 예산/회계 */
.visual.fin{background-image: url(/img/part/main/fin_m_visual.jpg);}

.m_con_box_3.fin_1 a::after{background-image: url(/img/part/main/fin_m_con_1_ic.png);}
.m_con_box_3.fin_2 a::after{background-image: url(/img/part/main/fin_m_con_3_ic.png);}
.m_con_box_2.fin .ic01::before{background-image: url(/img/part/main/fin_m_con_2_ic01.png);}
.m_con_box_2.fin .ic02::before{background-image: url(/img/part/main/fin_m_con_2_ic02.png);}
.m_con_box_2.fin .ic03::before{background-image: url(/img/part/main/fin_m_con_2_ic03.png);}
.m_con_box_2.fin .ic04::before{background-image: url(/img/part/main/fin_m_con_2_ic04.png);}

.m_con_box_5.fin{padding-top: 30px;height: 300px}
.m_con_box_5.fin h2{margin-bottom: 23px;}
.s3_3_33_box .guideTxt{padding-left: 385px;min-height: 293px}
.s3_3_33_box .guideTxt .ic{width: 299px;height: 201px;border-radius: 0;top:45px;}
.s3_3_33_box .guideTxt .ic::after{display: none;}
.s3_3_33_box .guideTxt .ic01{background: url(/img/suyeong/sub/s3_3_33_img01.jpg);}
.s3_3_33_box .guideTxt .ic02{background: url(/img/suyeong/sub/s3_3_33_img02.jpg);} 

/* 안전.민방위 */
.visual.safe{background-image: url(/img/part/main/safe_m_visual.jpg);}

.m_con_box_3.safe_1 a::after{background-image: url(/img/part/main/safe_m_con_1_ic.png);}

.m_con_box_2.safe .ic01::before{background-image: url(/img/part/main/safe_m_con_2_ic01.png);}
.m_con_box_2.safe .ic02::before{background-image: url(/img/part/main/safe_m_con_2_ic02.png);}
.m_con_box_2.safe .ic03::before{background-image: url(/img/part/main/safe_m_con_2_ic03.png);}
.m_con_box_2.safe .ic04::before{background-image: url(/img/part/main/safe_m_con_2_ic04.png);}

.m_con_box_3.safe_2 a::after{background-image: url(/img/part/main/safe_m_con_3_ic01.png);}
.m_con_box_3.safe_3 a::after{background-image: url(/img/part/main/safe_m_con_3_ic02.png);}
.m_con_box_3.safe_3 a::after{background-color: #fff}

.m_con_box_4.safe{padding-top: 50px;background: #e9f2eb url(/img/part/main/safe_m_con_4_bg.jpg) right top no-repeat}

.m_con_box_6.safe h2{margin-bottom: 20px;}
.m_con_box_6.safe p{margin-bottom: 118px;}
.m_con_box_6.safe::after{background-image: url(/img/part/main/safe_m_con_5_ic.png);width: 53px;height: 60px;top: 128px}

	/* 안전.민방위 */
.visual.safe{background-image: url(/img/part/main/safe_m_visual.jpg);}
.m_con_box_3.safe_1 a::after{background-image: url(/img/part/main/safe_m_con_1_ic.png);}
.m_con_box_2.safe .ic01::before{background-image: url(/img/part/main/safe_m_con_2_ic01.png);}
.m_con_box_2.safe .ic02::before{background-image: url(/img/part/main/safe_m_con_2_ic02.png);}
.m_con_box_2.safe .ic03::before{background-image: url(/img/part/main/safe_m_con_2_ic03.png);}
.m_con_box_2.safe .ic04::before{background-image: url(/img/part/main/safe_m_con_2_ic04.png);}
.m_con_box_3.safe_2 a::after{background-image: url(/img/part/main/safe_m_con_3_ic01.png);}
.m_con_box_3.safe_3 a::after{background-image: url(/img/part/main/safe_m_con_3_ic02.png);}
.m_con_box_3.safe_3 a::after{background-color: #fff}
.m_con_box_4.safe{padding-top: 50px;width: 300px;background: #e9f2eb;}
.m_con_box_3.safe_5 a::after{background-image: url(/img/part/main/safe_m_con_3_ic03.png);}
.m_con_box_3.safe_5 a::after{background-color: #fff}
.m_con_box_6.safe h2{margin-bottom: 20px;}
.m_con_box_6.safe p{margin-bottom: 118px;}
.m_con_box_6.safe::after{background-image: url(/img/part/main/safe_m_con_5_ic.png);width: 53px;height: 60px;top: 128px}

@media all and (min-width: 1025px){
	/*.m_con_box_1.wel li:nth-last-child(1),
	.m_con_box_1.wel li:nth-last-child(2),
	.m_con_box_1.wel li:nth-last-child(3){border-width: 0}*/
}

/* tablet device */
@media all and (max-width: 1024px) and (min-width:641px){

	.part_main_wrap .m_con_box_1{height: auto;}	
	.m_con_box_1 .list_st{flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
	.m_con_box_1 li{width: calc(50% - 23px);height: 75px;flex-grow: 0;}
	.m_con_box_1 .list_4 li:nth-child(3){border-bottom: none;}

	.m_con_box_3.top{width: 100%;height: auto;}
	.m_con_box_3.top a{padding:50px 50px 50px 200px;}
	.m_con_box_3.top a::after{left:50px;transform: translateX(0);-webkit-transform: translateX(0);top: 25px}
	.m_con_box_3.top h2,.m_con_box_3.top p{text-align: left;}
	.m_con_box_3.top p br{display: none;}

	.visual.fin{background-position-x: 30%;}

	.visual.wel{background-position-x: 23%;}

}
@media all and (max-width: 1024px){

	/* 공통 */
	.content_box{width: 640px;}
	.part_main_wrap .content_box{padding-top: 495px}

	.part_main_wrap .m_con_box_1{width: 100%;}
	.left.part_flex_box{width: 100%}

	.m_con_box_2{width: 100%}

	.m_con_box_3{width: 50%;}

	.m_con_box_5{width: 100%;height: auto !important;padding-bottom: 35px}
	.m_con_box_5 ul{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
	.m_con_box_5 li{width: calc(50% - 3px);}

	.m_con_box_6{width: 100%;height: auto !important;padding-bottom: 35px}
	.m_con_box_6 ul{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
	.m_con_box_6 li{width: calc(50% - 3px);}

	.m_footer_link{flex-wrap: wrap;}
	.m_footer_link .list_box{width: calc(50% - 5px);margin-bottom: 10px}
	.m_footer_link .link_box,.m_con_box_4{width: 100%;}
	.m_footer_link .link_box li{width: 50%}


	.visual.env{background-position: 35% top}

	.m_con_box_5.tra{width: 50%;height: 300px !important ;}
	.m_con_box_5.tra li{width: 100%}	

	.m_con_box_5.fin{width: 50%}
	.m_con_box_5.fin li{width: 100%}
	
	.part_flex_box.wel{padding-top: 0}
	.m_con_box_1.wel li{width: calc(50% - 20px)}

	.m_con_box_2.wel{height: auto;padding-bottom: 20px}
	.m_con_box_2.wel li{width: 25%;margin-bottom: 20px}

	.m_con_box_3_1.fac_2{width: 100%;height: 250px}
	.m_con_box_3_1.fac_2 ul{display: flex;justify-content: space-between;flex-direction: row;}
	.m_con_box_3_1.fac_2 ul li{width: calc(50% - 5px)}

}

@media all and (min-width: 769px){
  .m_footer_link .link_box.right_box{left: -242px}
}

@media all and (min-width: 641px){
	
}
/* mobile device */
@media all and (max-width: 640px){

	.content_box{width: 100%;padding: 0 20px}
	
	.part_main_wrap{padding-bottom: 40PX}
	.part_main_wrap .tit_box{top: 84px;left: 30px}
	.part_main_wrap .content_box{width: 100%;padding: 260px 20px 0 20px}

	.part_main_wrap .tit_box img{width: 75%}

	.m_con_box_2{padding: 40px 35px 10px 35px;height: auto;}
	.m_con_box_2 ul{flex-wrap: wrap;}
	.m_con_box_2 ul li{width: 50%;margin-bottom: 30px}

	.m_con_box_3,.m_con_box_4,.m_con_box_5{width: 100%}
	.m_con_box_4{background-image: none !important;}
	.m_con_box_5{flex-direction: column;width: 100% !important;}
	.m_con_box_5 li{width: 100%}

  .m_footer_link .list_box{width: 100%}
  .m_footer_link .link_box{padding: 20px 35px 10px 20px}
  .m_footer_link .link_box li{line-height: 1.2;margin-bottom: 10px;}
  .m_footer_link .link_box .btn_close{right: 12px;top: 12px}


  .visual.env{background-position: 30% -100px}

  .visual.sta{background-position: 43% top}

  .m_con_box_1.wel li{width: 100%}
  .m_con_box_1.wel li:last-child{border-bottom: none;}
	
  .m_con_box_2.wel .con_tit_box{flex-direction: column;}
  .m_con_box_2.wel .con_tit_box h2{margin-right: 0;}
  .m_con_box_2.wel li{width: 50%}

	.m_con_box_3_1.fac_2{width: 100%;height: auto;padding-bottom: 30px}
	.m_con_box_3_1.fac_2 ul{flex-direction: column;}
	.m_con_box_3_1.fac_2 ul li{width: 100%}  
	  

}



/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/


/* 환경 위생 */
.env_s4_1_tbl .bg01{background-color: #4b68ba;color: #fff}
.env_s4_1_tbl .bg02{background-color: #078457;color: #fff}
.env_s4_1_tbl .bg03{background-color: #f2d616;color: #443d0c}
.env_s4_1_tbl .bg04{background-color: #d43826;color: #fff}

/* 환경 위생 : 안심식당 지정제 영상 */
.restaurant_mov {overflow:hidden; background:#f7f7f7; padding:30px;}
.restaurant_mov .r_img {float:left;}
.restaurant_mov .r_txt {float:left; position:relative; padding:30px 0 0 50px;}
.restaurant_mov .r_txt strong {font-family: 'NanumSquare'; color:#000; font-size:22px; font-weight:bold; margin-bottom:16px;}

@media all and (max-width:880px){
	.restaurant_mov,
	.restaurant_mov .r_txt p {text-align:center;}
	.restaurant_mov .r_img {float:inherit;}
	.restaurant_mov .r_txt {float:inherit; padding:20px 0 0 0;}
}


/* 환경 위생 : 좋은식단 */
.foodMenu {overflow:hidden;}
.foodMenu li {float:left; position:relative; width:calc(34% - 20px); margin-right:20px; margin-bottom:20px;}
.foodMenu li:nth-child(3n+3) {margin-right:0;}
.foodMenu li dl dt {display:block; font-family:'NanumSquare'; font-size:18px; font-weight:bold; color:#fff; background:#383a49; padding:16px; text-align:center;}
.foodMenu li:nth-child(2) dl dt {background:#28308a;}
.foodMenu li:nth-child(3) dl dt {background:#254dbd;}
.foodMenu li:nth-child(4) dl dt {background:#07998e;}
.foodMenu li:nth-child(5) dl dt {background:#008d53;}
.foodMenu li:nth-child(6) dl dt {background:#509f4e;}
.foodMenu li dl dd {display:block; min-height:300px; border:1px solid #ddd; border-top:0; padding:20px; position:relative;}
.foodMenu li dl dd li { display:block; width:100%; margin-bottom:6px; padding-left:24px;}
.foodMenu li dl dd li:last-child {margin-bottom:0;}
.foodMenu li ol li .num {position:absolute; top:2px; left:0; width:18px; height:18px; font-size:12px; color:#fff; text-align:center; line-height:16px; font-weight:bold; background:#b7b7b7; border-radius:50%;}



/* 교통 주차 */
.s3_1_4_box .guideTxt.img_type .ic{background: url(/img/part/sub/s3_1_4_img.jpg) no-repeat}


/* 복지 */
.wel_s1_3_1_box{padding-right: 480px;min-height: 615px;background: url(/img/part/sub/wel_s1_3_1_img01.jpg) right top no-repeat;}
.wel_s1_3_1_box h2{font-size: 34px;margin-bottom: 30px}
.wel_s1_3_1_box h2.title span{font-size: 38px;color: #294baa}
.wel_s1_3_1_box p.big{font-size: 20px;color: #000;margin-bottom: 25px;font-family: 'NanumSquare';font-weight: bold;}
.wel_s1_3_1_box p.con_txt{line-height: 1.7}
.wel_s1_3_1_box .ceo{color: #000;font-family: 'NanumSquare';font-size: 17px;display: inline-block;padding-right: 84px;position: relative;margin-top: 50px;}
.wel_s1_3_1_box .ceo .name{text-indent: -9999px;display: inline-block;width: 74px;height: 36px;position: absolute;right: 0;bottom: 0;background: url(/img/part/sub/wel_s1_3_1_name.png) no-repeat;}

.wel_s1_3_2_box {width: 100%; padding: 155px 80px 120px 80px;text-align: center; position: relative;background: url(/img/suyeong/sub/s4_5_4_bg_mid.jpg) center top repeat-y;background-size: contain;}
.wel_s1_3_2_box::before{content: ""; display: inline-block; position: absolute;background-image: url(/img/suyeong/sub/s4_5_4_bg_top.jpg);background-repeat: no-repeat; background-position: 0 0;background-size: contain;top: 0; left: 0;width: 100%; height: 130px;}
.wel_s1_3_2_box::after{content: ""; display: inline-block; position: absolute;background-image: url(/img/suyeong/sub/s4_5_4_bg_bot.jpg);background-repeat: no-repeat;  background-position: 0 bottom;background-size: contain;bottom: 0; left: 0;width: 100%; height: 116px;}
.wel_s1_3_2_box .declaration_top{padding-bottom: 30px; margin-bottom: 60px;position: relative;}
.wel_s1_3_2_box .declaration_top::after{content: ""; display: inline-block; position: absolute;background-image: url(/img/suyeong/sub/s4_5_4_bg_dot.png);background-repeat: no-repeat; background-position: 0 0;bottom: 0; left: 50%; margin-left: -137px;width: 273px; height: 3px;}
.declaration_top h2{color: #111; font-size: 38px; font-family: 'NanumSquare'; font-weight: bold;line-height: 1; margin-bottom: 40px; margin-top: 10px;position: relative;}
.declaration_top h2::before{content: "";display: inline-block;position: absolute;width: 180px;height: 50px;background: url(/img/suyeong/sub/s4_5_4_h2_bg.png) no-repeat;top: -65px;left: 50%;margin-left: -90px;}
.declaration_top p{text-align: center;}
.declaration_con{display: inline-block;text-align: left;margin: 0 auto; }
.declaration_con ul li{margin-bottom: 20px;padding: 4px 0 4px 38px;position: relative;}
.declaration_con ul li span{width: 28px;height: 28px;line-height: 28px;position: absolute;left: 0;top: 0;border-radius: 50%;text-align: center;color: #fff;font-size: 17px;font-weight: bold;background-color: #4b69ba}

.sy_history_wrap.wel_s1_3_3_box .top_box{background: url(/img/part/sub/wel_s1_3_3_img01.jpg) no-repeat;}
.sy_history_wrap.wel_s1_3_3_box .tit_box{background: url(/img/part/sub/wel_s1_3_3_tit.jpg) no-repeat;}

.wel_1_3_7_box{margin-bottom: 30px}
.wel_1_3_7_box .ic::after{width: 60px;height: 60px;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;background-image: url(/img/part/sub/wel_s1_3_7_ic.png);}
.wel_1_3_7_box .cost{padding-left: 60px;background: url(/img/part/sub/wel_s1_3_7_ic_1.png) left 13px no-repeat;font-family: 'NanumSquare';font-size: 48px;position: relative;display: inline-block;font-weight: bold;margin-top: 15px}
.wel_1_3_7_box .won{font-size: 24px;display: inline-block;}
.wel_1_3_7_box .cost::after{content: "";display: inline-block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #000}

.wel_s1_3_10_box{display: flex;width: 100%;justify-content: space-between;}
.wel_s1_3_10_box .ic_sq_box{width: calc(50% - 10px);min-height: 210px;}
.wel_s1_3_10_box .ic_sq_box .ic01{background-image: url(/img/part/sub/wel_s1_3_10_ic01.png);}
.wel_s1_3_10_box .ic_sq_box .ic02{background-image: url(/img/part/sub/wel_s1_3_10_ic02.png);}

.wel_s3_3_box{width: 100%;height: 320px;background-position: center center;background-repeat: no-repeat;padding-left: 50%;border:1px solid #dadada;}
.wel_s3_3_box .con_box{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;width: 100%;height: 100%}
.wel_s3_3_box img{margin-bottom: 30px;}
.wel_s3_3_box .con_box a{background-color: #fff}

.wel_s3_3_box.box_1{background-image: url(/img/part/sub/wel_s3_3_1_bg.jpg);}
.wel_s3_3_box.box_2{background-image: url(/img/part/sub/wel_s3_3_2_bg.jpg);}

.wel_s5_5_box{background-color: #f8f8f8;padding: 45px 75px}
.wel_s5_5_box > ul{display: flex;flex-direction: column;}
.wel_s5_5_box > ul > li{padding-left: 140px;min-height: 114px;position: relative;margin-bottom: 70px;}
.wel_s5_5_box > ul > li .step{width: 114px;height: 114px;border-radius: 50%;text-align: center;font-size: 14px;padding-top: 20px;position: absolute;left: 0;top: -10px;} 
.wel_s5_5_box > ul > li .step::after{content: "";display: inline-block;width: 20px;height: 27px;position: absolute;bottom: -45px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: url(/img/part/sub/env_s5_5_arrow.png) no-repeat;}
.wel_s5_5_box > ul > li:last-child{margin-bottom: 0;}
.wel_s5_5_box > ul > li:last-child .step::after{display: none;}
.wel_s5_5_box > ul > li .step.step01{background: #07998d url(/img/part/sub/env_s5_5_ic01.png) center 53px no-repeat;color: #d9fffc}
.wel_s5_5_box > ul > li .step.step02{background: #647dc3 url(/img/part/sub/env_s5_5_ic02.png) center 55px no-repeat;color: #d9e3ff}
.wel_s5_5_box > ul > li .step.step03{background: #a284b7 url(/img/part/sub/env_s5_5_ic03.png) center 57px no-repeat;color: #e6cef6}
.wel_s5_5_box > ul > li .step.step04{background: #765e87 url(/img/part/sub/env_s5_5_ic04.png) center 55px no-repeat;color: #e3d0f1}
.wel_s5_5_box > ul > li .step span{display: inline-block;line-height: 1;position: relative;}
.wel_s5_5_box > ul > li .step span::after{content: "";display: inline-block;width: 100%;position: absolute;bottom: -6px;height: 1px;background-color: rgba(255,255,255,0.3);left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.wel_s5_5_box dt{font-size: 17px;font-weight: bold;font-family: 'NanumSquare';line-height: 1;margin-bottom: 15px}

.wel_s1_7_box .tit{width: 100%;text-align: center;margin-bottom: 40px;}
.wel_s1_7_box ul{display: flex;flex-wrap: wrap;}
.wel_s1_7_box ul li{width: calc(33.33% - 10px);height: 300px;margin-right: 15px;margin-bottom: 15px;border:1px solid #dadada;text-align: center;padding-top: 40px;}
.wel_s1_7_box ul li:nth-child(3n+3){margin-right: 0;}
.wel_s1_7_box ul li .ic{display: inline-block;width: 98px;height: 98px;background-position: center center;background-repeat: no-repeat;background-color: #f1f4fb;border-radius: 50%;margin-bottom: 22px;}
.wel_s1_7_box ul li h3{line-height: 1;margin-bottom: 30px;font-family: 'NanumSquare';font-size:22px;color: #222;}
.wel_s1_7_box ul li .ic01{background-image: url(/img/part/sub/wel_s1_7_ic01.png);}
.wel_s1_7_box ul li .ic02{background-image: url(/img/part/sub/wel_s1_7_ic02.png);}
.wel_s1_7_box ul li .ic03{background-image: url(/img/part/sub/wel_s1_7_ic03.png);}
.wel_s1_7_box ul li .ic04{background-image: url(/img/part/sub/wel_s1_7_ic04.png);}
.wel_s1_7_box ul li .ic05{background-image: url(/img/part/sub/wel_s1_7_ic05.png);}
.wel_s1_7_box ul li .ic06{background-image: url(/img/part/sub/wel_s1_7_ic06.png);}
.wel_s1_7_box ul li .ic07{background-image: url(/img/part/sub/wel_s1_7_ic07.png);}

/* 복지 - 아동친화예산서 */
.child_wrap {clear:both; overflow:hidden;}
.child_wrap .left_box {float:left; width:50%;}
.child_wrap .right_box {float:right; width:50%; text-align:center;}

@media (max-width: 780px) {
	.child_wrap .left_box {float:inherit; width:100%;}
	.child_wrap .right_box {float:inherit; width:100%; padding-top:20px;}
}


/* 일자리 경제 */
.eco_s4_2_2_tbl li.ceo{font-weight: bold;color: #333;}
.eco_s4_2_2_tbl li .tit{display: inline-block;margin-right: 25px;position: relative;width: 60px;text-align: center;}
.eco_s4_2_2_tbl li .tit::after{content: "";display: inline-block;width: 1px;height: 12px;background-color: #c3c3c3;position: absolute;right: -10px;top: 6px}
.eco_s4_2_2_tbl li.ceo .tit{color: #555;font-weight: normal;}

.eco_s6_2_box{width: 100%;padding: 35px 20px 60px 20px;background-color: #f7f7f7;display: flex;justify-content: center;}
.eco_s6_2_box .list{width: 310px;height: 350px;margin: 0 15px;display: flex;flex-direction: column;padding: 25px 20px 0 20px;align-items: center;background-color: #fff}
.eco_s6_2_box .list h3{text-align: center;position: relative;font-size: 16px;font-weight: normal;line-height: 1;margin-bottom: 27px;}
.eco_s6_2_box .list h3::after{content: "";display: inline-block;width: 18px;height: 1px;position: absolute;bottom: -13px;left: 50%;margin-left: -9px;}
.eco_s6_2_box .list .ic{width: 77px;height: 77px;border-radius: 50%;background-position: center center;background-repeat: no-repeat;margin-bottom: 15px;}
.eco_s6_2_box .list p{font-size: 16px;font-weight: bold;margin-bottom: 10px;text-align: center;}
.eco_s6_2_box .list .txt{color: #333;display: inline-block;text-align: left;}
.eco_s6_2_box .list01{border: 1px solid #07998d}
.eco_s6_2_box .list01 h3{color: #037b71}
.eco_s6_2_box .list01 h3::after{background-color: #07998d}
.eco_s6_2_box .list01 .ic{background-color: #07998d;background-image: url(/img/part/sub/eco_s6_2_2_ic01.png);}
.eco_s6_2_box .list01 p{color: #037b71}

.eco_s6_2_box .list02{border: 1px solid #383a4a}
.eco_s6_2_box .list02 h3{color: #383a4a}
.eco_s6_2_box .list02 h3::after{background-color: #a3a3a3}
.eco_s6_2_box .list02 .ic{background-color: #383a4a;background-image: url(/img/part/sub/eco_s6_2_2_ic02.png);}
.eco_s6_2_box .list02 p{color: #333}

.eco_s6_2_box_2{width: 100%;background-color: #f7f7f7;padding: 40px 55px;display: flex;justify-content: center;}
.eco_s6_2_box_2 .img_box{flex-shrink: 0;}
.eco_s6_2_box_2 .img_box.right{margin-left: 40px}
.eco_s6_2_box_2 .img_box.left{margin-right: 40px}

.land_s3_3_box{padding: 40px 20px 0 50px;}
.land_s3_3_box .img_box{margin-right: 60px;flex-shrink: 0}
.land_s3_3_box p{margin-bottom: 10px}

.land_s5_1_2_box{width: 100%;margin-top: 30px}
.land_s5_1_2_box ul{display: flex;flex-wrap: wrap;}
.land_s5_1_2_box li{width: calc(33.33% - 16px);border:1px solid #cfcfcf;display: flex;margin-right: 24px;flex-direction: column;margin-bottom: 24px}
.land_s5_1_2_box li .img_box{display: flex;justify-content: center;align-items: center;padding: 17px 0}
.land_s5_1_2_box li .txt_box{border-top:1px solid #cfcfcf;background-color: #f3f3f3;text-align: center;line-height: 40px;}

.fac_s4_1_box{width: 100%;height: 400px;display: flex;}
.fac_s4_1_box .img_box{width: calc(100% - 300px);height: 100%;position: relative;overflow: hidden;}
.fac_s4_1_box .img_box img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);max-width: 1000%}
.fac_s4_1_box .tab_box{width: 300px;height: 100%;background: linear-gradient(-140deg,#195c9f,#1b9d6e);display: flex;flex-direction: column;justify-content: center;padding-left: 80px}
.fac_s4_1_box .tab_box a{font-family: 'NanumSquare';font-size: 20px;line-height: 38px;margin-bottom: 15px;display: inline-block;color: #fff;}
.fac_s4_1_box .tab_box a:last-child{margin-bottom: 0;}
.fac_s4_1_box .tab_box a span{font-size: 18px;display: inline-block;width: 38px;height: 38px;margin-right: 10px;text-align: center;background-color: #0f3e62;border-radius: 50%;font-weight: bold;}
.fac_s4_1_box .tab_box a.on{font-size: 26px;font-weight: bold;}
.fac_s4_1_box .tab_box a.on span{font-size: 18px;color: #1a8183;background-color: #fff}

.fin_s8_1_box{overflow: hidden;width: 1000px;height: 1135px;position: relative;}
.fin_s8_1_box iframe{margin-top: -160px;width:800px;height: 1677px}
.fin_s8_2_box{width: 100%;height: 1500px;position: relative;}
.fin_s8_2_box iframe{width:100%;height: 100%}

/* 안전/민방위 */
.sf_s1_1_con{padding:50px 20px;text-align:center;background:#f8f8f8}

.sf_s1_2_con{padding:50px 20px;text-align:center;background:#f8f8f8}
.sf_s1_2_con ul{position:relative}
.sf_s1_2_con ul li{position:relative;z-index:1}
.sf_s1_2_con .or{position:relative;display:inline-block;padding-left:100px;width:240px;line-height:48px;font-weight:bold;text-align:center;background:#fff;border:1px solid #735190;z-index:1}
.sf_s1_2_con .or span{position:absolute;top:-1px;left:0;width:100px;height:calc(100% + 2px);font-size:18px;color:#fff;}
.sf_s1_2_con .or1{display:inline-block;margin:0 auto 30px;padding:5px 0;width:240px;font-size:20px;color:#fff;line-height:34px;text-align:center;font-weight:bold;background:#735190}
.sf_s1_2_con .or1 span{display:inline-block;line-height:1.2;vertical-align:middle}
.sf_s1_2_con .or2{margin-bottom:55px;color:#6b388f;border-color:#735190}
.sf_s1_2_con .or2 span{background:#8962a4}
.sf_s1_2_con .or2_1{position:absolute;top:55px;right:10%;display:block;width:140px;line-height:44px;text-align:center;background:#fff;border:1px solid #b5b5b5;z-index:1}
.sf_s1_2_con .or3{margin-bottom:9px;color:#037b71;border-color:#037b71}
.sf_s1_2_con .or3 span{background:#037b71}
.sf_s1_2_con .or4{color:#07998d;border-color:#07998d}
.sf_s1_2_con .or4 span{background:#07998d}
.sf_s1_2_con .or3_1{margin-bottom:90px}
.sf_s1_2_con .or4_1{position:absolute;top:70px;right:10%;}
.sf_s1_2_con .part{position:relative;margin-top:45px;text-align:center;}
.sf_s1_2_con .part dl{position:relative;display:inline-block;margin:0 3px 20px;padding-top:20px;width:110px;vertical-align:top}
.sf_s1_2_con .part dl dt{position:relative;line-height:68px;background:#4b68ba;z-index:1}
.sf_s1_2_con .part dl dt span{display:inline-block;font-size:17px;color:#fff;font-weight:bold;line-height:1.2;vertical-align:middle}
.sf_s1_2_con .part dl dd{padding:10px 0;background:#fff;border:1px solid #b5b5b5;border-width:0 1px 1px}
.sf_s1_2_con > ul::after{position:absolute;top:0;left:50%;width:0;height:472px;content:'';border-left:1px solid #d2d2d2}
.sf_s1_2_con .line1::after{position:absolute;top:75px;left:50%;width:24%;height:0;content:'';border-top:1px solid #d2d2d2;}
.sf_s1_2_con .line2::after{position:absolute;top:90px;left:50%;width:24%;height:0;content:'';border-top:1px solid #d2d2d2;}
.sf_s1_2_con .part::after{position:absolute;top:0;left:50%;width:83%;height:0;content:'';border-top:1px solid #d2d2d2;transform:translateX(-50%)}
.sf_s1_2_con .part dl::after{position:absolute;top:0;left:50%;width:0;height:20px;content:'';border-left:1px solid #d2d2d2}
.sf_s1_2_con .part dl:nth-child(8)::after,
.sf_s1_2_con .part dl:nth-child(8) ~ dl::after {display:none}

.sf_s2_1_con{position:relative;padding:23px;border:1px solid #3e4452}
.sf_s2_1_con::before{position:absolute;top:23px;left:23px;width:calc(100% - 46px);height:calc(100% - 46px);content:'';background: url('/img/part/sub/safe_s2_1_bg1.gif') no-repeat left top, url('/img/part/sub/safe_s2_1_bg2.gif') no-repeat right top, url('/img/part/sub/safe_s2_1_bg3.gif') no-repeat right bottom, url('/img/part/sub/safe_s2_1_bg4.gif') no-repeat left bottom;z-index:2}
.sf_s2_1_con .box{padding:60px 90px 80px;border:3px solid #d6d9e2}
.sf_s2_1_con .box .con{position:relative;padding-top:20px;background: url('/img/part/sub/safe_s2_1_logo.gif') no-repeat center top;z-index:3}
.sf_s2_1_con .box .con h3{margin:45px 0;font-family: 'NanumSquare';font-size:38px;text-align:center}
.sf_s2_1_con .box .con p{position:relative;margin-bottom:40px;padding-bottom:50px;text-align:center}
.sf_s2_1_con .box .con p::after{position:absolute;left:50%;bottom:0;margin-left:-143px;width:285px;height:0;content:'';border-bottom:3px dotted #c5c8d0}
.sf_s2_1_con .box .con ol li{position:relative;margin-bottom:20px;padding-left:38px}
.sf_s2_1_con .box .con ol li span{position:absolute;top:-2px;left:0;width:28px;height:28px;font-size:17px;color:#fff;font-weight:bold;text-align:center;background:#4b69ba;border-radius:50%}

.sf_s2_3_con{margin-bottom:40px;padding:50px 20px;text-align:center;background:#f7f7f7}
.sf_s2_3_con dl{position:relative;margin:0 auto;padding-bottom:60px;width:255px;}
.sf_s2_3_con dl::after{position:absolute;bottom:0;left:50%;width:0;height:100%;content:'';border-left:1px solid #d2d2d2;z-index:1}
.sf_s2_3_con dl dt{position:relative;font-family: 'NanumSquare';font-size:16px;color:#fff;line-height:44px;font-weight:bold;background:#037b71;z-index:2}
.sf_s2_3_con dl dd{position:relative;background:#fff;border:1px solid #037b71;border-width:0 1px 1px;z-index:2}
.sf_s2_3_con dl dd ul li{padding:0 5px;line-height:40px;}
.sf_s2_3_con dl dd ul li:first-child{border-bottom:1px solid #dcdcdc}
.sf_s2_3_con .tit{display:block;margin:0 auto;max-width:470px;font-family: 'NanumSquare';font-size:14px;color:#fff;line-height:44px;font-weight:bold;background:#4a68ba}
.sf_s2_3_con .con{margin:0 auto;max-width:470px;}
.sf_s2_3_con .con::after{display:block;clear:both;content:''}
.sf_s2_3_con .con li{float:left;width:25%;line-height:40px;background:#fff;border:1px solid #b5b5b5;border-width:0 1px 1px 0}
.sf_s2_3_con .con li:first-child{border-left:1px solid #b5b5b5}

.safe_box{padding:50px 20px;text-align:center;background:#f7f7f7}

.sf_s2_8_con{padding:70px 20px;min-height:840px;font-size:14px;color:#333;text-align:center;background:url('/img/part/sub/safe_s2_8_bg.jpg') no-repeat center top;background-size:cover}
.sf_s2_8_con p{margin-bottom:20px;text-align:center;line-height:20px}
.sf_s2_8_con .txtTop{font-family: 'NanumSquare';font-size:20px;color:#333;font-weight:bold;}
.sf_s2_8_con .txtTop .txt1{display:inline-block;margin-bottom:10px;color:#666;line-height:39px;border:1px solid #bcbcbc;border-width:1px 0}
.sf_s2_8_con .txtTop .txt2{display:block;margin-bottom:25px;font-size:40px;line-height:1.2}
.sf_s2_8_con .txtTop .txt3{position:relative;display:inline-block;padding:0 25px;font-size:28px;color:#294baa;line-height:1.2}
.sf_s2_8_con .txtTop .txt3::before,
.sf_s2_8_con .txtTop .txt3::after{position:absolute;top:-7px;font-family: 'NanumMyeongjo';font-size:56px;color:#b9c9eb}
.sf_s2_8_con .txtTop .txt3::before{left:0;content:'“'}
.sf_s2_8_con .txtTop .txt3::after{right:0;content:'”'}
.sf_s2_8_con ul{margin:20px 0 40px}
.sf_s2_8_con ul::after{display:block;clear:both;content:''}
.sf_s2_8_con ul li{display:inline-block;margin-left:-10px;padding-top:45px;width:196px;height:196px;background:#fff;border-radius:50%;border-style:solid;border-width:8px}
.sf_s2_8_con ul li .tit{display:block;margin-bottom:5px;font-size:18px;font-weight:bold}
.sf_s2_8_con ul li.bd1{margin-left:0;border-color:#294baa;}
.sf_s2_8_con ul li.bd1 .tit{color:#294baa}
.sf_s2_8_con ul li.bd2{border-color:#07998d;}
.sf_s2_8_con ul li.bd2 .tit{color:#07998d}
.sf_s2_8_con ul li.bd3{border-color:#8962a4;}
.sf_s2_8_con ul li.bd3 .tit{color:#8962a4}
.sf_s2_8_con ul li.bd4{border-color:#e786a2;}
.sf_s2_8_con ul li.bd4 .tit{color:#e786a2}
.sf_s2_8_con .guide_btn_link{background-color:#fff}

.sf_s3_1_con{padding-top: 100px;position: relative;padding-bottom: 30px}
.sf_s3_1_con .top_box{width: 100%;height: 250px;background: url('/img/part/sub/safe_s3_1_img(2024).jpg') no-repeat 20% top;background-size: cover;}
.sf_s3_1_con .tit_box{width: 300px;height: 180px;top: 0;left: 50%;margin-left: -150px;background: url('/img/part/sub/safe_s3_1_tit.jpg') no-repeat;box-shadow: -12px 12px 20px rgba(0,0,0,0.2);text-indent: -9999px;position: absolute;}
.sf_s3_1_con .history_box{position: relative;padding-top: 60px}
.sf_s3_1_con .history_box .mid_bd{display: inline-block;position: absolute;width: 6px;height: 100%;background-color: #e5e5e5;left: 50%;margin-left: -3px;top: 0;}
.sf_s3_1_con .history_box .mid_bd::after{content: "";display: inline-block;width: 6px;height: 70px;background: linear-gradient(to bottom,rgba(229,229,229,1),rgba(229,229,229,0));position: absolute;left: 0;bottom: -70px}
.sf_s3_1_con .list_box{display: flex;-ms-display: flexbox;position: relative;margin-bottom: 55px}
.sf_s3_1_con .list_box:last-child{margin-bottom: 0;}
.sf_s3_1_con .history_list::after{content: "";display: inline-block;width: 28px;height: 28px;position: absolute;left: 50%;margin-left: -14px;top: 0;border:7px solid #fff;background-color: #294baa;border-radius: 50%;z-index: 1;}
.sf_s3_1_con .history_list,.sf_s3_1_con h3{width: 50%;}
.sf_s3_1_con h3{text-align: right;padding-right: 30px;font-size: 30px;line-height: 1;color: #333;font-family: 'NanumSquare'}
.sf_s3_1_con .list_box .history_list{padding-left: 30px;padding-top: 4px}
.sf_s3_1_con .list_box dl{display: flex;-ms-display: flexbox;margin-bottom: 8px}
.sf_s3_1_con .list_box dt{font-size: 16px;font-weight: bold;color: #294baa;width: 106px;flex-shrink: 0;}
.sf_s3_1_con .list_box dd{font-size: 16px}

.sf_s4_7_con > ul{display:flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap}
.sf_s4_7_con > ul > li{margin:0 16px 20px 0;text-align:center;background:#f3f3f3;border:1px solid #cfcfcf}
.sf_s4_7_con ul li .img{padding:24px 20px;background:#fff}
.sf_s4_7_con ul li .txt,
.sf_s4_7_con ul li p{padding:15px;text-align:center;border-top:1px solid #cfcfcf}
.sf_s4_7_con ul li p .tit,
.sf_s4_7_con ul li .txt .tit{display:block;margin-bottom:5px;font-size:18px}
.sf_s4_7_con > ul.con1 > li{width:calc(33.33% - 16px);}
.sf_s4_7_con > ul.con2 > li{width:calc(50% - 16px);}

.sf_img_right{position:relative;padding:30px 0;border-bottom:1px solid #ddd}
.sf_img_right::after{display:block;clear:both;content:''}
.sf_img_right .img{float:right;max-width:200px;width:30%}
.sf_img_right > ul{float:left;margin:20px 0 10px;max-width:600px;width:70%}
.sf_img_right ul.act_txt{max-width:none;width:100%}
.sf_img_right ul.act_txt + .img{float:none;width:100%;max-width:none}
.sf_img_right h2{margin-top:20px}
.sf_img_right h3{margin-top:20px}
.sf_img_right:first-child{padding-top:0}
h2.title + .sf_img_right{padding-top:0}

.inforbox { border: 1px solid #ccc; padding:20px 30px; margin-bottom: 20px; }

/* 왼쪽이미지 부모-ebook*/
.flo_lt_img{float:left;width:30%;} /* 왼쪽이미지 부모-ebook*/
.flo_rt_box{width:60%;  min-height:370px !important;margin-left:270px; } /* 오른쪽 box */
.sq_box2{position:relative;padding:50px 30px 20px 30px;background:#f4f6f9;font-weight: bold;font-size: 16px;position: relative;}
.sq_box2 h2:first-child,.con_box h3:first-child,.con_box h4:first-child{margin-top:0}
.sq_box2.ic{padding-left: 70px}
.sq_box2.ic::before{content: "";display: inline-block;background: #4b68ba url(/img/common/com_img.png) -670px -6px no-repeat;width: 30px;height: 30px;position: absolute;top: 48px;left: 30px;}
.sq_box2 .btn_box{float: left;}



@media all and (max-width: 1024px){
	.fin_s8_1_box{width: 100%;height: 1100px}
	.fin_s8_1_box iframe{max-width: 479px;width: 100%;margin-top: -70px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
	.m_con_box_4.safe{width:50%;}
}

@media all and (max-width:800px){
	/* 환경 위생 : 좋은식단 */
	.foodMenu li {width:calc(51.2% - 20px);}
	.foodMenu li:nth-child(3n+3) {margin-right:20px;}
	.foodMenu li:nth-child(2n+2) {margin-right:0;}
}


@media all and (max-width: 768px){
    .wel_s1_3_1_box{padding-right: 0;padding-top: 110%;background-position: center top;background-size: contain;}
    .wel_s1_3_1_box h2.title{font-size: 26px;letter-spacing: -1.5px;margin-bottom: 20px}
    .wel_s1_3_1_box h2.title span{font-size: 30px;}

	.wel_s1_3_10_box{flex-direction: column;}
	.wel_s1_3_10_box .ic_sq_box{width: 100%;margin-bottom: 10px;min-height: 0;}
}


@media all and (min-width: 641px){
	.land_s5_1_2_box li:nth-child(3n+3){margin-right: 0;}
	
}
/* mobile device */
@media all and (max-width: 640px){
  /* 환경 위생 : 좋은식단 */
	.foodMenu li{width:100%; margin-right:0;}
	.foodMenu li:nth-child(2n+2), 
	.foodMenu li:nth-child(3n+3) {margin-right:0;}
	.foodMenu li dl dd {min-height:inherit; overflow:hidden;}
	
  .wel_s1_3_2_box{padding: 60px 20px;}
  .declaration_top h2{font-size: 26px; margin-top: 5px;margin-bottom: 0}
  .declaration_top p br{display: none;}
  .wel_s1_3_2_box .declaration_top{margin-bottom: 40px; padding-bottom: 40px;overflow: hidden;}
  .declaration_con ul{padding: 0 15px}

.wel_1_3_7_box .cost{font-size: 24px;background-size: 24px 24px;padding-left: 30px;background-position: left 7px;padding-bottom: 5px}
.wel_1_3_7_box .won{font-size: 18px}

  .wel_s3_3_box{padding: 0;background: none !important}
	
  .wel_s5_5_box{padding: 30px}
  .wel_s5_5_box > ul > li{padding-left: 0;margin-bottom: 25px;min-height: 0;}
  .wel_s5_5_box > ul > li .step{display: none;}
  .wel_s5_5_box > ul > li li{word-break: break-all;}

  .wel_s1_7_box ul li{width: 100%;margin-right: 0;padding-top: 25px;height: 270px}
  .wel_s1_7_box ul li h3{margin-bottom: 20px}

  .eco_s6_2_box{padding: 20px 10px;flex-direction: column;}
  .eco_s6_2_box .list{width: 100%;height: auto;padding: 15px;margin: 0;}
  .eco_s6_2_box .list01{margin-bottom: 10px}

  .eco_s6_2_box_2{flex-direction: column;padding: 20px}
  .eco_s6_2_box_2 .img_box{text-align: center;}
  .eco_s6_2_box_2 .img_box.left{margin-right: 0;}
  .eco_s6_2_box_2 .img_box.right{margin-left: 0;}

  .land_s3_3_box{padding: 20px;}
  .land_s3_3_box > div{width: 100%}
  .land_s3_3_box .img_box{margin-right: 0}

  .land_s5_1_2_box li{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px}
  .land_s5_1_2_box li:nth-child(2n+2){margin-right: 0}
	
.fac_s4_1_box{flex-direction: column;height: auto;}
.fac_s4_1_box .img_box{width: 100%;height: auto}
.fac_s4_1_box .img_box img{position: relative;transform: translate(0,0);-webkit-transform: translate(0,0);left: 0;top: 0;max-width: 100%}
.fac_s4_1_box .tab_box{width: 100%;flex-direction: row;flex-wrap: wrap;padding: 20px 20px 10px 20px;height: auto;}
.fac_s4_1_box .tab_box a{width: 50%;}

.fin_s8_1_box{height: 1200px}

	.sf_s1_2_con > ul{padding-left:10px}
	.sf_s1_2_con > ul::after{top:20px;left:0;height:100%}
	.sf_s1_2_con {padding:20px;text-align:left}
	.sf_s1_2_con .or1{width:200px;font-size:16px}
	.sf_s1_2_con .or1::after{position:absolute;top:20px;left:-10px;width:10px;height:0;content:'';border-top:1px solid #d2d2d2}
	.sf_s1_2_con .or{padding-left:80px;width:200px;line-height:40px}
	.sf_s1_2_con .or::after{position:absolute;top:20px;left:-10px;width:9px;height:0;content:'';border-top:1px solid #d2d2d2}
	.sf_s1_2_con .or span{width:80px;font-size:15px;z-index:1}
	.sf_s1_2_con .or2_1{top:50px;right:0;line-height:35px}
	.sf_s1_2_con .or4_1{right:0}
	.sf_s1_2_con .or4_1::after{display:none}
	
	.sf_s1_2_con .part{margin-top:30px;text-align:left}
	.sf_s1_2_con .part dl{margin:0 1px 0;width:90px;text-align:center}
	.sf_s1_2_con .part dl dt span{font-size:14px}
	.sf_s1_2_con .part dl dd{font-size:13px}

	.sf_s1_2_con .line1::after{top:68px;left:-10px;width:90%}
	.sf_s1_2_con .line2::after{left:-10px;width:90%}
	.sf_s1_2_con .part::after{display:none}
	.sf_s1_2_con .part dl::after{top: 50px;left:-10px;width:25%;height:0;border-left:0;border-top:1px solid #d2d2d2}

	.sf_s2_1_con{padding:5px}
	.sf_s2_1_con::before{top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);background-size:50px}
	.sf_s2_1_con .box{padding:10px 20px 40px;border-width:1px}
	.sf_s2_1_con .box .con h3{margin:20px 0;font-size:24px}

	.safe_box{padding:20px;}
	.m_con_box_4.safe{width:100%;}
	
	.sf_s2_8_con{padding:50px 20px}
	.sf_s2_8_con .txtTop{font-size:16px}
	.sf_s2_8_con .txtTop .txt2{font-size:30px}
	.sf_s2_8_con .txtTop .txt3{font-size:24px}

	.sf_s3_1_con .list_box{flex-direction: column;}
	.sf_s3_1_con .history_list,.sf_s3_1_con h3{width: 100%}
	.sf_s3_1_con h3{text-align: left;padding-right: 0;padding-left: 30px;margin-bottom: 10px;font-size: 24px}
	.sf_s3_1_con .history_box .mid_bd{left: 5px;margin-left: 0;}
	.sf_s3_1_con .history_list::after{left: 8px;top: -3px}
	
	.sf_s4_7_con > ul > li{margin:0 10px 10px 0}
	.sf_s4_7_con ul li .img{padding:10px}
	.sf_s4_7_con ul li .txt,
	.sf_s4_7_con ul li p{padding:10px}
	.sf_s4_7_con > ul.con1 > li{width:calc(50% - 10px);}
	.sf_s4_7_con > ul.con2 > li{width:calc(100% - 10px);}

	.sf_img_right > ul{float:none;width:100%}
	.sf_img_right .img{float:none;width:auto;max-width:none}

}           

@media all and (max-width: 450px){
	.land_s5_1_2_box li{width: 100%;margin-right: 0;}

	.fin_s8_1_box{height: 1400px}
	.fin_s8_1_box iframe{height: 1800px}
}