@charset "utf-8";

.sub-vis{height: 260px; background: url('/sjur/img/sub/sub-vis.png') no-repeat top;}
.sub-vis .wrap{height: 100%;}
.sub-vis .wrap .center{text-align: center; height: 100%;}
.sub-vis .wrap .center p{font-size: 3rem; font-family: 'GmarketSans'; font-weight: 600; color: #fff; padding-top: 72px; position: relative;}
.sub-vis .wrap .center p::after{position: absolute; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); width: 34px; height: 1px; background: #fff;}

#snb{float: left; width: 260px; position: relative; margin: -100px 0 100px;}
#snb .top{padding: 60px 0; border-radius: 0 45px 0 0; background: #0642af; text-align: center; margin-bottom: 8px;}
#snb .top h2{color: #fff; font-size: 3rem; font-family: 'GmarketSans'; font-weight: 500;}
#snb .snb > li{margin-bottom: 6px;}
#snb .snb > li > a{display: block; position: relative; padding: 17px 60px 17px 30px; font-size: 1.8rem; color: #212121; /* background: #f5f9ff; */ border: 1px dashed #ddd;}
#snb .snb > li > a::before{position: absolute; content: ""; right: 30px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: url('/sjur/img/sub/snb_plus_gray.png') no-repeat;}
#snb .snb > li > ul{display: none;}
#snb .snb > li.on ul{display: block;}
#snb .snb > li.on > a:before{position: absolute; content: ""; right: 30px; top: 50%; transform: translateY(-50%); width: 8px; height: 2px; border: 0; background: #0642af;}
#snb .snb > li:first-child > a{background: #fff;}
#snb .snb > li:last-of-type#snb .snb > li:first-child > a > a{border-bottom: 2px solid #ddd;}
#snb .snb > li.on > a, #snb .snb > li:hover > a{border: 2px solid #0642af; color: #0642af; background: #fff; font-weight: 600;}

#snb .snb > li .depth03{padding: 15px 30px 10px 30px;}
#snb .snb > li .depth03 > li > a{margin: 10px 0; padding-left: 15px; font-size: 1.7rem; position: relative; display: block;}
#snb .snb > li .depth03 > li > a::after{position: absolute; content: ""; background: #acc0de; width: 3px; height: 3px; border-radius: 50px; left: 4px; top: 50%; transform: translateY(-50%);}
#snb .snb > li .depth03 > li.on a,
#snb .snb > li .depth03 > li:hover > a{font-weight: 600; color: #0642af;}
#snb .snb > li .depth03 > li.on a::after,
#snb .snb > li .depth03 > li:hover > a::after{background: #0642af;}

#snb .snb > li:hover > a[target="_blank"] span,
#snb .snb > li .depth03 > li:hover > a[target="_blank"] span{background: url('/sjur/img/layout/blank_hover_sub.png') no-repeat right 47%;}

.content-wrap{float: right; position: relative; width: calc(100% - 320px);}

.loca_wrap{background: #f6f6f6; color: #363636; width: calc(100% - 260px); float: right; height: 48px; margin-top: -48px; display: flex; align-items: center; justify-content: space-between; padding-left: 50px; position: relative;}
.loca_wrap .loca li{display: inline-block; position: relative; padding: 0 13px; font-size: 1.6rem; font-weight: 500;}
.loca_wrap .loca li a{position: relative; padding-right: 20px; color: #4c4c4c;}
.loca_wrap .loca li a::after{position: absolute; content: ""; width: 8px; height: 10px; right: -11px; top: 50%; transform: translateY(-30%); background: url('/sjur/img/sub/laca_arrow.png') no-repeat;}
.loca_wrap .loca li:last-of-type a::after{display: none;}
.loca_wrap .loca li a.home{text-indent: -99999px; display: block; width: 40px; height: 20px; background: url('/sjur/img/sub/home.png') no-repeat;}

.loca_wrap .util{display: flex; gap: 34px; margin-right: 34px;}
.loca_wrap .util a{text-indent: -99999px; width: 24px; height: 22px;}
.loca_wrap .util a.print{background: url('/sjur/img/sub/print.png') no-repeat; position: relative;}
.loca_wrap .util a.print::after{position: absolute; content: ""; background: #777777; border-radius: 50px; width: 3px; height: 3px; right: -18px; top: 50%; transform: translateY(-50%);}
.loca_wrap .util a.sns{background: url('/sjur/img/sub/sns.png') no-repeat;}
.loca_wrap .util .open{display: none; position: absolute; bottom: 48px; right: 30px; padding-bottom: 17px;}
.loca_wrap .util .open a{padding: 18px; border-radius: 50px; display: block; text-indent: -9999px; /*  box-shadow: 3px 3px 11px -4px rgb(0 0 0 / 0.3); */}
.loca_wrap .util .open a.facebook{background: #fff url('/sjur/img/sub/facebook.png') no-repeat center;}
.loca_wrap .util .open a.twitter{background: #fff url('/sjur/img/sub/twitter.png') no-repeat center; margin-top: 12px;}
/* 1px solid #ededed */
@media all and (max-width:1240px) {
    #snb,
    .left.fixed #snb .snb {width:230px;}
    .content-wrap {width:calc(100% - 280px);}
    .loca_wrap{width: calc(100% - 230px);}
}

@media all and (max-width:1023px) {
    .sub-vis{height: 240px;}
    #container .left {display:none;}
    .content-wrap {float:none; width:100%; padding: 20px;}
    .loca_wrap{width: 100%; padding-left: 20px;}
}

@media all and (max-width:650px) {    
    .loca_wrap .loca li{font-size: 1.5rem;}
    .sub-vis{height: 175px;}
    .sub-vis .wrap .center p{padding-top: 49px;}
    .loca_wrap{height: 47px; margin-top: -47px; padding-left: 0; justify-content: left;}
    .loca_wrap .loca li{padding: 0 11px;}
    .loca_wrap .loca li:nth-of-type(2){padding-left: 0;}
    .loca_wrap .loca li:last-child{padding-right: 0;}
    .loca_wrap .loca li:last-child a{padding-right: 0;}
    .loca_wrap .loca li a{padding-right: 9px;}
    .loca_wrap .loca ul li a.home{display: none;}
    .loca_wrap .util{display: none;}
}
@media all and (max-width: 454px) {

}
@media all and (max-width: 370px) {
    .sub-vis{height: 144px;}
    .loca_wrap{display: none;}
}

#content{margin: 60px 0;}
#content h3{font-size: 30px; font-weight: 600; margin-bottom: 20px;}
.content-wrap #content h4 {position:relative; text-align: left; margin:40px 0 20px; padding: 3px 0 0 16px; font-size:2.4rem; font-weight:600; line-height:1.5;}
#content h4:before {content:''; position:absolute; top:0; left:2px; width:11px; height:11px; background:#114e91;}
.bod_view > h4{font-size: 1.8rem !important; text-align: center !important;}
.bod_view > h4:before{display: none !important;}
#content h5 {position:relative; margin:20px 0 10px 2px; color: #114e91; font-size:2.2rem; font-weight:600; line-height:1.5;}
#content h4 ~ p {margin-left:3px;}
#content h5 ~ p {margin-left:3px;}
@media all and (max-width:599px) {
	#content h4 {margin:35px 0 15px;}
    #content h5{font-size: 2rem;}
}


/* 기본방향 및 추진전략 */
.list{margin: 70px 20px 100px;}
.list dl{display: flex; align-items: center; margin-bottom: 4%; width: 100%;}
.list dl dt{display: flex; padding: 10px; border-radius: 100%; background: #095a29; color: #fff; width: 80px; height: 80px; line-height: 1.3; font-size: 1.6rem; align-items: center; justify-content: center; margin-right: 80px; border: 6px solid #f2f2f2; position: relative;}
.list dl dt::after{position: absolute; content: ""; background: #f2f2f2; width: 34px; height: 1px; right: -39px; top: 50%; transform: translateY(-50%); z-index: -1;}
.list dl dt::before{position: absolute; content: ""; background: #095a29; border-radius: 50px; width: 6px; height: 6px; right: -43px; top: 50%; transform: translateY(-50%);}
.list dl.l_02 dt::before{background-color: #bf7c02;}
.list dl.l_03 dt::before{background-color: #4637c3;}
.list dl.l_04 dt::before{background-color: #0343a3;}

.list dl dd{width: calc(100% - 160px); padding: 0 20px;}
.list dl.l_01 dd{padding: 0 30px; }
.list dl.l_01 dd p{text-align: center; border: 1px solid #606060; height: 80px; border-radius: 10px; font-size: 2.3rem; font-weight: 600; display: flex; align-items: center; justify-content: center; box-shadow: 5px 5px 5px rgb(207 207 207);}
.list dl.l_01 dd p span{color: #ff6347;}
.list dl.l_02{margin-bottom: 120px;}
.list dl.l_02 dt{background: #bf7c02;}
.list dl.l_02 dd, .list dl.l_03 dd, .list dl.l_04 dd{display: flex; justify-content: space-around; gap: 2%;}
.list dl.l_02 dd{position: relative;}
.list dl.l_02 dd::after{position: absolute; content: ""; background: url('/sjur/img/sub/vision_arrow.png'); width: 982px; height: 184px; top: 50%; left: 48%; transform: translateX(-50%); z-index: -1;}

.list dl.l_02 dd p{width: 170px; height: 170px; border-radius: 100%; text-align: center; background: #1077c6; color: #fff; font-size: 1.9rem; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.list dl.l_02 dd p:nth-of-type(2){background: #2059a8;}
.list dl.l_02 dd p:nth-of-type(3){background: #204886;}

.list dl.l_03 dt{background: #4637c3;}
.list dl.l_03 dd p{text-align: center; width: 220px; height: auto; border-radius: 15px; border: 1px solid #606060; padding: 16px 0; font-weight: 500; font-size: 1.6rem; background: #fff; display: flex; align-items: center; justify-content: center;  box-shadow: 5px 5px 5px rgb(207 207 207);}
.list dl.l_04 dt{background: #0343a3;}
.list dl.l_04 dd ul{background: #f7f7f7; padding: 20px; border-radius: 10px; width: 220px; height: auto; box-shadow: 5px 5px 5px rgb(207 207 207);}
.list dl.l_04 dd ul li{padding: 10px 0; text-align: center; border-bottom: 1px dashed #585858; line-height: 2.6rem; font-size: 1.6rem;}
.list dl.l_04 dd ul li:last-child{border-bottom: none;}
.list dl.l_04 dd ul li strong {font-weight: 600; color: #444; padding-top: 4px; display: block;}


@media all and (max-width: 1024px) {
    #content{margin: 20px 0;}
    .list{margin: 40px 4px 70px;} 
}
@media all and (max-width: 908px) {
    .dn4{display: none;}
}
@media all and (max-width: 820px) {
    .list dl.l_02{margin-bottom: 30px;}
    .list dl.l_02 dd::after{display: none;}
    .list dl.l_02 dd p{width: 150px; height: 150px; font-size: 1.8rem;}
    .list dl.l_03 dd p{font-size: 1.5rem; height: 130px; display: flex; align-items: center; justify-content: center; padding: 10px; word-break: break-all;}
    .list dl.l_04 dd ul{font-size: 1.5rem;}
}
@media all and (max-width: 748px) {
    .list dl{display: block;}
    .list dl dt{width: 100%; height: auto; border-radius: 0; border-width: 4px; margin-bottom: 2%; font-weight: 500; }
    .list dl dd{width: 100%; padding: 10px !important;}
    .list dl dt::before, .list dl dt::after{display: none;}
    .dn3{display: none;}
}
@media all and (max-width: 540px) {
    .list dl.l_02 dd p{width: 130px; height: 130px; font-size: 1.6rem;}
}
@media all and (max-width: 460px) {
    .list dl.l_01 dd p{height: 66px; font-size: 1.9rem;}
    .list dl.l_02{margin-bottom: 10px;}
    .list dl.l_02 dd, .list dl.l_03 dd, .list dl.l_04 dd{display: block;}
    .list dl.l_02 dd p{width: 100%; height: 40px; margin-bottom: 4px; border-radius: 8px;}
    .list dl.l_03 dd p{width: 100%; height: auto; margin-bottom: 4px; border-radius: 10px;}
    .list dl.l_04 dd ul{width: 100%; margin-bottom: 6px; padding: 10px 16px;}
}

/* 오시는길 */
.mapbox{padding: 20px 30px 20px 50px; border: 3px solid #f2f2f2; margin-top: 30px;}
.mapbox li{position: relative; padding: 2.5rem 0 2.5rem 15rem; font-size: 1.8rem;}
.mapbox li::before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 5rem; height: 5rem; background: url('/sjur/img/sub/map_icon.png') no-repeat  0 0/200% auto;}
.mapbox li:nth-of-type(2)::before{background-position: 100% 0;}
.mapbox li strong{position: absolute; left: 6rem; font-weight: 500;}
.mapbox li span{position: relative; padding-left: 3rem;}
.mapbox li span::before{position: absolute; content: ""; background: #ddd; width: 1px; height: 16px; left: 0; top: 50%; transform: translateY(-50%);}
@media all and (max-width: 770px) {
    .mapbox{padding-left: 30px;}
    .mapbox li{padding-left: 14rem; font-size: 1.7rem;}
}
@media all and (max-width: 688px) {
    .mapbox{padding-left: 40px;}
    .mapbox li{padding-left: 8rem;}
    .mapbox li span{padding-left: 0;}
    .mapbox li span::before{display: none;}
    .mapbox li strong{display: none;}
}
@media all and (max-width: 480px) {
    .mapbox{padding: 0 20px;}
}

/* 조직도 */
.org{text-align: center; padding: 20px 0 40px 0; background: url('/sjur/img/sub/org_bg.png') no-repeat center;}
.jang span{display: inline-block; position: relative; width: 150px; height: 150px; line-height: 120px; border-radius: 100%; border: 10px solid #203995; font-weight: 600; font-size: 2.3rem; background-color: #fff; /* box-shadow: 5px 5px 5px rgb(207 207 207); */}
.staff{display: flex; position: relative; justify-content: space-around; margin-top: 7%;}
.staff li{padding: 6px; background: linear-gradient(156deg, #4461d1 0%, #17b540 100%); border-radius: 20px; /* box-shadow: 5px 5px 5px rgb(207 207 207); */}
.staff li span{display: inline-block; position: relative; width: 200px; background: #fff; font-weight: 500; font-size: 1.8rem; height: 80px; line-height: 77px; border-radius: 16px;}

@media all and (max-width: 1300px) {
    .org{background: url('/sjur/img/sub/org_bg_m.png') no-repeat center;}
}
@media all and (max-width: 890px) {
    .org{background: url('/sjur/img/sub/org_bg_m_2.png') no-repeat center;}
    .staff{margin-top: 12%;}
}
@media all and (max-width: 630px) {
    .org{background: none; padding: 10px 0;}
    .staff{display: block;}
    .staff li{margin: 18px;}
    .staff li span{width: 100%; height: auto; line-height: 70px;}
    .jang span::before{position: absolute; content: ""; width: 1px; height: 300px; left: 50%; background: #ddd; transform: translateX(-50%);  top: 7px; z-index: -1;}
}

/* 조감도 */
.jogam img{padding: 4px; border: 1px solid #efefef;}
.jogam2{display: flex; justify-content: space-between;}
.jogam2 img{width: 49%; padding: 4px; border: 1px solid #efefef;}
@media all and (max-width:600px) {
    .jogam2{display: block;}
    .jogam2 img{width: 100%; margin-bottom: 10px;}
}


/* table */
.scroll_txt {display:none;}
.tbl_area {overflow-x:auto; margin:20px 0; clear:both; width:100%; border-top:1px solid #555}
.tbl_type1 {/*border-top:1px solid #555;*/ margin-left:-1px; width:100%;}
.tbl_type1 thead th,
.tbl_type1 tbody th,
.tbl_type1 tbody td {padding:14px 20px; font-size:1.7rem; text-align:center;}
.tbl_type1 thead th,
.tbl_type1 tbody th {background:#f3f3f3;}
.tbl_type1 thead th {border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; font-weight: 500;}
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td {border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; word-break:break-all;}
.tbl_type1 tbody th{font-weight: 500;}
.tbl_type1.exam th span {display:inline-block; margin-right:7px; color:#c9281b;}
.tbl_type1.reserve th,
.tbl_type1.reserve td  {font-size:1.5rem;}
.tbl_type1.reserve td{font-weight: 400;}
@media all and (max-width:1023px) {
	.tbl_type1 {min-width:1023px;}
	.tbl_type1.exam {min-width:auto;}
	.scroll_txt {display:block; margin-top:25px; text-align:right; font-size:1.3rem;}
	.scroll_txt span {padding:0 0 0 32px; background:url('/sjur/img/sub/scroll_txt.gif') no-repeat left center;}
	.tbl_area {margin:10px 0 25px;}
    .tbl_type1 thead th,
    .tbl_type1 tbody th,
    .tbl_type1 tbody td {font-size:1.6rem;}
}
@media all and (max-width:599px) {
	.scroll_txt {text-align:center;}
	.tbl_type1.exam {min-width:500px;}
}

/* list */
.cont_depth01 {margin:10px 0 10px 15px;}
.cont_depth01 > li {padding:6px 0px 6px 24px; font-size: 1.8rem; font-weight: 500; background:url('/sjur/img/sub/dept1.png') no-repeat left 13px;}
.cont_depth01 > li .tbl_area {margin-bottom:0;}
.cont_depth02 {margin:8px 0 5px 5px;}
.cont_depth02 > li {padding:2px 0px 2px 20px; background:url('/sjur/img/sub/dept2.png') no-repeat left 11px; font-size:1.7rem;}
.cont_depth03 {margin:8px 0 5px 13px;}
.cont_depth03 > li {padding:2px 0px 2px 15px; background:url('/sjur/img/sub/dept3.gif') no-repeat left 13px; font-size:1.7rem; color:#3a3a3a;}

.cont_depth04 {margin:8px 0 5px 3px;}
.cont_depth04 > li {padding:2px 0px 2px 15px; font-size:1.7rem; color:#3a3a3a; position: relative;}
.cont_depth04 > li::before{position: absolute; content: '-'; color:#3a3a3a; left: 0; top: 0;}


@media all and (max-width:1023px) {
    .cont_depth01 > li {font-size: 1.7rem;}
    .cont_depth02 > li, .cont_depth03 > li, .cont_depth04 > li {font-size: 1.6rem;}
}



/* 사업개요 */
.gaeyo .txtbox{padding: 30px; background: #f2f8ff; margin: 30px 0 46px; border-radius: 20px; }
.gaeyo .txtbox p{font-size: 1.8rem; font-weight: 500; padding: 8px 0 0 30px; color: #3c3c3c;}
.gaeyo .txtbox ul{overflow: hidden; margin: 20px 0 7px 28px;}
.gaeyo .txtbox ul li{float: left; width: 48%; }
.gaeyo .imgbox{text-align: center; margin: 20px 0;}
.gaeyo .imgbox img{border: 1px solid #ddd;}

.gaeyo .tbl_area span{display: inline-block; color: #fff; font-weight: 600; border-radius: 100%; width: 24px; height: 24px; line-height: 24px; margin: 0 3px; text-align: center;}
.gaeyo span.num01{background: #288fcc;}
.gaeyo span.num02{background: #e82736;}
.gaeyo span.num03{background: #9260a8;}
.gaeyo span.num04{background: #27579d;}
.gaeyo span.num05{background: #cf504d;}
.gaeyo span.num06{background: #08673e;}
.gaeyo span.num07{background: #687703;}
.gaeyo span.num08{background: #f87636;}
strong{font-weight: 600;}

@media all and (max-width:1200px) {
    .gaeyo .txtbox ul li{font: none; width: 100%;}
}

@media all and (max-width:480px) {
    .gaeyo .txtbox p{padding-left: 0;}
    .gaeyo .txtbox ul{margin-left: 0;}
}

/* 사업성과 */
.sung{display: flex; justify-content: space-between; gap: 1%; margin-bottom: 50px;}
.sung img{padding: 4px; border: 1px solid #efefef; width: 33%;}
@media all and (max-width:600px) {
    .sung{display: block;}
    .sung img{width: 100%; margin-bottom: 10px;}
}

/* 페이지 준비중 */
.ready {overflow: hidden; padding: 40px 0; margin: 40px 0; background: #f2f8ff; border-radius: 30px; }
.ready div{width: 100%; min-height: 240px; padding-left: 46%; background:url('/sjur/img/sub/ready.png') no-repeat 17% center;}
.ready p{font-size: 2rem; line-height: 1.5;}
.ready p .red{color: #e77500 !important;}
.ready p:first-child{font-size: 3.2rem; font-weight: 600; padding-top: 6%; font-family: 'GmarketSans';}
.ready p:last-child{padding-top: 20px;}
@media all and (max-width:1240px) {
	.ready div {padding-top:200px; padding-left: 0; background-position: center 10px;}
	.ready p{text-align: center; }
	.ready p:first-child::after{background: none;}
	.ready p:last-child{padding-top: 0;}
} 
@media all and (max-width:480px) {
	.ready{padding: 30px 10px; margin-right: 10px;}
	.ready div{padding-top: 180px; background-size: 200px;}
	.ready p:first-child{font-size: 2.6rem;}
	.ready p:last-child{font-size: 17px;}
} 

/* 인사말 */
.greeting{padding: 10px 0; margin: 50px 0; overflow: hidden;}
.greeting .left{float: left; padding: 20px; margin-bottom: 20px; width: 25%; position: relative; height: 530px; background:#f9f9f9; border-radius: 20px;}
.greeting .left::after{position: absolute; content: ""; background: url('/sjur/img/sub/greeting_icon1.png') no-repeat left bottom; left: 0; bottom: 0; width: 360px; height: 400px;}
.greeting .left p{color: #4a4a4a; font-weight: 500; font-family: 'GmarketSans'; font-size: 2.3rem; padding: 28px;}

.greeting .right{float: right; width: 65%; padding: 60px 0 50px; text-align: right; position: relative; margin-right: 50px;}
/* .greeting .right::after{position: absolute; content: ""; background: #2255b3; width: 80px; height: 7px; right: 0; top: 0;} */
.greeting .right p{padding-left: 20px; font-size: 1.8rem; line-height: 1.7;}
.greeting .right p:first-child{margin-bottom: 30px; font-size: 3.3rem; color:#3a3a3a; font-weight: 600;}
.greeting .right p span.bk{color:#2255b3; font-size: 3.3rem; font-weight: 700;}
.greeting .right p span.ddaom{position: relative; padding-left: 35px;}
.greeting .right p span.ddaom::before{position: absolute; content: ""; background: url('/sjur/img/sub/ddaom_left.png') no-repeat center center; width: 30px; height: 30px; left: 0; top: -12px;}

.greeting .right p span.ddaom2{position: relative; padding-right: 35px;}
.greeting .right p span.ddaom2::before{position: absolute; content: ""; background: url('/sjur/img/sub/ddaom_right.png') no-repeat center center; width: 30px; height: 30px; right: 0; top: -12px;}
@media all and (max-width:1204px) {
    .greeting .left{width: 28%;}
} 
@media all and (max-width:1180px) {
    .greeting .left{width: 100%; font: none; height: auto; overflow: hidden;}
    .greeting .left::after{background-position: right bottom; background-size: 63%; right: 37px; left: auto;}
    .greeting .right{width: 100%; font: none; padding: 30px 0 50px 40px; margin-right: 0; text-align: left;}
    .greeting .left .dn5{display: none;}
} 
@media all and (max-width:750px) {
    .greeting{margin: 10px 0;}
    .greeting .right{padding: 20px 20px 20px 0;}
    .greeting .right p:first-child{font-size: 2.3rem; margin-bottom: 20px;}
    .greeting .right p span.ddaom, .greeting .right p span.ddaom2{display: none;}
    .greeting .right p span.bk{font-size: 2.6rem;}
} 
@media all and (max-width:480px) {
    .greeting .right p{padding-left: 10px; font-size: 1.7rem;}
    .greeting .right p:first-child{font-size: 2.2rem; margin-bottom: 20px;}
    .greeting .right p span.ddaom, .greeting .right p span.ddaom2{display: none;}
    .greeting .right p span.bk{font-size: 2.4rem;}
} 


/* 공지사항 */
.bod_list th, .bod_list td{font-size: 1.6rem !important;}
.bod_list .list_tit a{font-size: 1.6rem !important;}
.bod_head .bod_search > *{font-size: 1.6rem; height: 40px; line-height: 40px;}
@media all and (max-width:399px) {
    .bod_head .bod_search > *{font-size: 1.4rem;}
} 


/* 추진현황 이미지박스 */
.cont_img{display: flex; padding: 10px; flex-wrap: wrap; justify-content: space-between;} 
.cont_img > img{width: 48%; padding: 4px; border: 1px solid #ddd;}
@media all and (max-width:599px) {
    .cont_img > img{width: 100%; margin-bottom: 10px;}
} 

/* 집행성과 */
.jip_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -20px;}
.jip_wrap .jip{width: 48%; margin-bottom: 1%;}
.jip .jip_img, .jip2 .jip_img2{margin-top: 10px;}
.jip .jip_img img, .jip2 .jip_img2 img{padding: 4px; border: 1px solid #ddd; }
.jip2 {width: 100%;}
.jip2 .jip_img2{display: flex; flex-wrap: wrap; justify-content: space-between;}
.jip2 .jip_img2 img{width: 48%; justify-content: space-between;}


@media all and (max-width:599px) {
    .jip_wrap .jip{width: 100%;}
    .jip2 .jip_img2 img{width: auto; margin-bottom: 10px;}
} 


/* 사업연혁 */

.history {padding-bottom: 50px;}
.history .tit_wrap{padding: 10px 0; border-radius: 50px; margin: auto; margin-bottom: 37px; background: #fff; position: relative;}
.history .tit_wrap::after{position: absolute; content: ""; width: 1px; height: 200%; background:#d5d0d0; left: 50%; transform: translateX(-50%); z-index: -2;}
.history .tit_wrap::before{position: absolute; content: ""; background: #1958cc; width: 10px; height: 10px; border-radius: 50px; bottom: 0; left: 50%; transform: translateX(-50%); border: 3px solid #d4dff3}
.history .tit_wrap p{text-align: center; color: #1958cc; font-size: 26px; font-family: 'GmarketSans'; font-weight: 600; padding-bottom: 10px;}
.history .h_list{display: flex; justify-content: space-around; font-size: 23px;}
.history .h_list li{padding: 4px 30px; background: #eda911; color: #fff; position: relative; border-radius: 10px;}
.history .cont{width: 100%; text-align: center; position: relative;}
.history .cont::after{position: absolute; content: ""; width: 1px; height: 100%; background:#d5d0d0; top: 0; left: 50%; transform: translateX(-50%); z-index: -2;}
.history .cont h6{font-size: 30px; color: #343434; font-weight: 500; padding: 5px 0 20px; background: #fff; position: relative; margin: 10px 0;}
.history .cont h6::after{position: absolute; content: ""; background: #fff; width: 10px; height: 10px; border-radius: 50px; bottom: 0; left: 50%; transform: translateX(-50%); border: 3px solid #888;}
.history .cont .cont_wrap {overflow: hidden;}
.history .cont .cont_wrap dl{padding: 13px 0 20px 0; position: relative;}
.history .cont .cont_wrap .left2{float: left; width: 46%; margin-right: 53%; text-align: right; position: relative;}
.history .cont .cont_wrap .left2::after{right: 0;}
.history .cont .cont_wrap .right{float: right; width: 46%; margin-left: 53%; text-align: left; position: relative;}
.history .cont .cont_wrap .right::after{left: 0;}
.history .cont .cont_wrap dl dt{font-size: 20px; color: #0642af; position: relative; margin-bottom: 10px; }
.history .cont .cont_wrap dl dt strong{padding-left: 32px; background: url('/sjur/img/sub/check.gif') no-repeat bottom left;}
.history .cont .cont_wrap dl dd{padding: 3px 0 3px 10px; font-size: 18px; color: #525252;}
.history .cont .cont_wrap dl dd span{position: relative; font-weight: 500; color: #272727; padding-left: 17px;}
.history .cont .cont_wrap dl dd span::before{content: ""; position: absolute; width: 4px; height: 4px; top: 50%; transform: translateY(-50%); left: 0; background: #4461d1; border-radius: 50px; border: 3px solid #d2e4ff;}

@media all and (max-width:1024px) {
    .history .tit_wrap p{text-align: left;}
    .history .tit_wrap::before{left: 1%;}
    .history .tit_wrap::after{left: 1%;}
    .history .h_list{display: none;}
    .history .cont::after{left: 1%;}
    .history .cont h6{text-align: left;}
    .history .cont h6::after{left: 1%;}
    .history .cont::after{left: 1%;}
    .history .cont .cont_wrap .left2{float: none; width: 100%; margin-left: 5%; margin-right: inherit; text-align: left;}
    .history .cont .cont_wrap .right{float: none; width: 100%; margin-left: 5%;}
} 
@media all and (max-width:480px) {
    .history .tit_wrap p{font-size: 22px;}
    .history .cont h6{font-size: 27px;}
    .history .cont .cont_wrap dl dt strong{font-size: 17px;}
    .history .cont .cont_wrap dl dd{font-size: 16px;}
}

p.subtit{font-size: 2.3rem; font-weight: 600; padding: 5px 0 5px 15px; margin: 20px 0; position: relative;}
p.subtit::before{position: absolute; content: ""; width: 3px; height: 20px; top: 50%; transform: translateY(-50%); left: 0; background: #272727; }
@media all and (max-width:480px) {
    p.subtit{font-size: 2rem;}
}