@charset "utf-8";


/* [S] 장관,차관약력 */
.wrap-history2 {position: relative;}
.wrap-history2 .his-header {position: relative;display: flex;align-items: end;padding:0 4rem 4rem 4rem;}
.wrap-history2 .his-header::before {content:'';overflow:hidden;position: absolute;left:0;bottom:0;width:100%;max-height:21rem;height:100%;background:url('../../images/sub/bg-his2.jpg') no-repeat center / cover;border-radius:1.2rem;}
.wrap-history2 .his-header .img-box {overflow:hidden;position: relative;margin-right: 4rem;border-radius:1.2rem;box-shadow: 0 1rem 1.5rem rgba(0,0,0,0.25);}
.wrap-history2 .profl-box span {position: relative;padding-top:6rem;font-family: pmGOV;font-size: 2.4rem;color:#003675;}
.wrap-history2 .profl-box span::before{content:'';position: absolute;left:0;top:0;width:6.3rem;height:5.1rem;background:url('../../images/sub/ic-his-logo.png') no-repeat center;}
.wrap-history2 .profl-box strong {position: relative;display: block;font-family: pbGOV;font-size: 4rem;color:#1D1D1D;}
.wrap-history2 .con h2 {margin-top: 3.5rem;font-family: pbGOV;font-size: 2.1rem;color:#212121;}
.wrap-history2 ul {margin-top: 1.5rem;padding:3.2rem 1.6rem 3rem 1.6rem;border-top:.2rem solid #003675;border-bottom:.1rem solid #CED6E1;}
.wrap-history2 ul li {position: relative;display: flex;margin-bottom: 0.8rem;padding-left: 1.6rem;font-family: prGOV;font-size: 1.7rem;color:#555;}
.wrap-history2 ul li:last-child {margin-bottom: 0;}
.wrap-history2 ul li::before {content:'';position: absolute;left:0;top:.9rem;width:.6rem;height:.6rem;background:#717171;}
.wrap-history2 ul li strong {flex-shrink:0;display: inline-block;width: 18rem;font-family: pmGOV;color: #003675;}
@media screen and (max-width:650px) {
    .wrap-history2 .his-header {padding:0 2.5rem 2.5rem 2.5rem;}
    .wrap-history2 .his-header .img-box {margin-right: 2rem;}
    .wrap-history2 .profl-box strong {font-size: 3rem;}
}
@media screen and (max-width:500px) {
    .wrap-history2 .his-header {flex-wrap:wrap;}
    .wrap-history2 .profl-box {width:100%; margin-top: 3rem;}
    .wrap-history2 .profl-box span {padding-right: 8rem;padding-top: 0;}
    .wrap-history2 .profl-box span::before {left:unset;top:unset;right:0; bottom:0;}
}
/* [E] 장관,차관약력 */


/* [S] 상징물 */
.wrap-symbol1 {overflow:hidden;position: relative;border:.1rem solid #CED3D6;border-radius:1.2rem;text-align: center;}
.wrap-symbol1 .top {padding:4rem 2rem;}
.wrap-symbol1 .bottom {padding: 3.2rem 2rem;background:#EEF2F7;}
.wrap-symbol1 .bottom > div {justify-content: center;}
.wrap-symbol1 .gap2 {gap:1.6rem;}
@media screen and (max-width:550px) {
    .wrap-symbol1 .bottom > div {flex-direction: column;}
}
.wrap-symbol2 {position: relative;}
.wrap-symbol2 .frame {display: flex;align-items: center;}
.wrap-symbol2 .left-box {display: flex;align-items: center;justify-content: center;flex-shrink:0;width:31rem;min-height:27rem;margin-right: 1.5rem;background:#F5F5F5;border-radius:1.2rem;}
.wrap-symbol2 .right-box {width:100%;padding:0 4.5rem;}
.wrap-symbol2 .right-box ul {display: flex; align-items: center;justify-content: space-between;}
.wrap-symbol2 .right-box ul li {position: relative;display: flex;}
.wrap-symbol2 .right-box ul li.arrw {width:2.4rem;height:2.4rem;margin-bottom:4rem;background:url('../../images/sub/ic-symbol2plus.jpg') no-repeat center;}
.wrap-symbol2 .right-box .box {text-align: center;}
.wrap-symbol2 .right-box .box em {display: block;margin-top: 0.5rem;font-family: pbGOV;font-size: 2.1rem;text-align: center;color:#1d1d1d;}
.wrap-symbol2 .right-box p {margin-top: 3rem;font-family: prGOV; font-size: 1.7rem; color:#555;}
@media screen and (max-width:1200px) {
    .wrap-symbol2 .frame {flex-direction: column;}
    .wrap-symbol2 .left-box  {margin-bottom: 2rem;}
}
@media screen and (max-width:550px) {
    .wrap-symbol2 .right-box ul {flex-direction: column;}
    .wrap-symbol2 .right-box ul li.arrw {margin:2.4rem 0;}
    .wrap-symbol2 .right-box {padding:0;}
}
.wrap-symbol3 {position: relative;}
.wrap-symbol3 ul:not(.list) {display: flex;flex-wrap:wrap;gap:2.5rem;}
.wrap-symbol3 ul:not(.list) > li {width:calc((100% - 5rem) / 2);}
.wrap-symbol3 .box > div {min-height:10rem;border-radius:1.2rem;font-family: prGOV;font-size: 1.9rem;}
.wrap-symbol3 .box > div p {padding:1.8rem 2.4rem;}
.wrap-symbol3 .box > div span {margin-right: 0.5rem;font-family: pbGOV;}
.wrap-symbol3 .box .box-color1 {background:#C51426;color:#fff;}
.wrap-symbol3 .box .box-color2 {background:#F1E615;color:#212121;}
.wrap-symbol3 .box .box-color3 {background:#818282;color:#fff;}
.wrap-symbol3 .box .box-color4 {background:#fff;border:.1rem solid #CED3D6;color:#212121;}
.wrap-symbol3 .list {position: relative;margin-top: 2rem;margin-bottom: 0.8rem;padding:0 2.4rem;}
.wrap-symbol3 .list li {display: flex;margin-bottom: 0.5rem;font-family: prGOV;font-size: 1.7rem;color:#2d2d2d;}
.wrap-symbol3 .list li:last-child{margin-bottom: 0;}
.wrap-symbol3 .list strong {flex-shrink:0;display: inline-block;width:8rem;margin-right: 2.4rem;font-family: pbGOV;color:#1d1d1d;}
.wrap-symbol3 .text {margin-top: 2rem;padding:1.8rem 2.4rem;background:#EEF2F7;border-radius:1.2rem;font-family: prGOV;font-size: 1.7rem;color:#555;}
@media screen and (max-width:767px) {
    .wrap-symbol3 ul:not(.list) > li {width:100%;}
}
.wrap-symbol4 {position: relative;background:#F7F7F7;border-radius:1.2rem;}
.wrap-symbol4 ul {display: flex;flex-wrap:wrap;}
.wrap-symbol4 ul li {display: flex;align-items: center;justify-content: center;flex-grow:1;width:50%;min-height:16.4rem;padding:2rem;border-right:.1rem solid #E4E4E4;border-bottom:.1rem solid #E4E4E4;}
.wrap-symbol4 ul li:nth-child(2n) {border-right:0;}
.wrap-symbol4 ul li:last-child {border-bottom:0; border-right:0;}
.wrap-symbol4 ul li .addr {position: relative;align-self:end;padding-left:4rem;margin-left:4rem;}
.wrap-symbol4 ul li .addr::before {content:'';position: absolute;left:0;top:0;width:.1rem; height:100%;background:#555;}
.wrap-symbol4 ul li strong {font-family: pbGOV;font-size: 1.9rem;color:#1d1d1d;}
.wrap-symbol4 ul li p {font-family: pmGOV;font-size: 1.7rem;color:#555;}
@media screen and (max-width:1200px) {
    .wrap-symbol4 ul li .addr {padding-left: 0;margin-left:0;margin-top: 2rem;}
    .wrap-symbol4 ul li .addr::before {display: none;}
    .wrap-symbol4 ul li .df {flex-direction: column;}
}
@media screen and (max-width:1023px) {
    .wrap-symbol4 ul li .addr {margin-top:unset;margin-left:4rem;padding-left:4rem;}
    .wrap-symbol4 ul li .addr::before {display: block;}
    .wrap-symbol4 ul li .df {flex-direction: unset;}
}
@media screen and (max-width:767px) {
    .wrap-symbol4 ul li .addr {padding-left: 0;margin-left:0;margin-top: 2rem;}
    .wrap-symbol4 ul li .addr::before {display: none;}
    .wrap-symbol4 ul li .df {flex-direction: column;}
}
@media screen and (max-width:650px) {
    .wrap-symbol4 ul li {width:100%;min-height:unset;border-right:0 !important;}
}
.wrap-symbol5 {position: relative;padding:2.7rem 2.4rem;border:.1rem solid #CED3D6;}
.wrap-symbol5 .frame {display: flex;}
.wrap-symbol5 .img-box {flex-shrink: 0;}
.wrap-symbol5 p {font-family: prGOV;font-size: 1.7rem;color:#555;margin-left: 4rem;}
@media screen and (max-width:767px) {
    .wrap-symbol5 .frame {flex-direction: column;}
    .wrap-symbol5 p {margin-left:0;margin-top:2rem;}

}
/* [E] 상징물 */

.df {display: flex;}



/* [S] 조직도 */
.organ-wrap {
    --line-color: #C6C6C6; 
    --circle-color1: #003675;
    --circle-color2: #246BEB;
    --box-color1: #5B6781;
    --box-color2: #6783B4;
    --box-color3: #619BAA;
    --box-color4: #717171;
    --box-list-line: #B2B2B2;
    --box-list-line-other: #619BAA;
}
.organ-wrap {position: relative;}
.organ-wrap .organ-body {position: relative;}
.organ-wrap .organ-body::before {content:''; position: absolute; left:50%; bottom:0; width:0.05rem; height:100%; background:var(--line-color);}
.organ-wrap .organ-circle {position: relative; padding-bottom:4rem;}
.organ-wrap .organ-circle .box {display: flex; align-items: center; justify-content: center; width:22.3rem; height:12rem; margin:0 auto; border-radius:6rem;}
.organ-wrap .organ-circle strong {font-family: pbGOV; font-size: 1.7rem; text-align: center; color:#fff;}
.organ-wrap .organ-circle .box.c1 {background: var(--circle-color1);}
.organ-wrap .organ-circle .box.c2 {background: var(--circle-color2);}
.organ-wrap .box .title b{position: relative; z-index: 1; border-radius:.5rem;}

/* 타이틀 */
.organ-wrap .box strong b {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height:5.6rem; padding:.5rem 1rem; word-break: break-word; font-family: pbGOV; font-size: 1.5rem; text-align: center; color:#fff;}

/* box */
.organ-wrap .organ-box-list {position: relative; display: flex; margin:0 -1rem;}
.organ-wrap .organ-box-list::after {content: ''; display: block; clear:both;}
.organ-wrap .organ-box-list > li {position: relative; float:left; display: flex; flex-direction: column; height:100%; padding:0 1rem; padding-top: 3rem;}
.organ-wrap .organ-box-list:not(.width-line) > li::before {content:''; position: absolute; left:50%; top:0; width:0.05rem; height:100%; background:var(--line-color);}
.organ-wrap .box {flex:1; display:flex; flex-direction: column;}
.organ-wrap .box .title {position: relative; z-index: 1;}
.organ-wrap .box.c1 .title b {background:var(--box-color1);}
.organ-wrap .box.c2 .title b {background:var(--box-color2);}
.organ-wrap .box.c3 .title b {background:var(--box-color3);}
.organ-wrap .box.c4 .title b {background:var(--box-color4);}
.organ-wrap .box .list {position: relative; flex:1; margin-top:-0.5rem; padding:2rem 1.4rem 1.2rem 2rem; background:#fff; border:1px solid var(--box-list-line); border-radius:.5rem;}
.organ-wrap .box .list li {position: relative; padding-left:1.6rem; margin-bottom: 0.5rem;}
.organ-wrap .box .list li::before {content:''; position: absolute; left:0; top:0.9rem; width:.6rem; height:.6rem; background:#717171;}
.organ-wrap .box .list p {font-family: prGOV; font-size: 1.3rem; color:#555;}

.organ-wrap .left-list {float:left; padding-right: 3.2rem;}
.organ-wrap .left-list::after {content: ''; display: block; clear:both;}
.organ-wrap .right-list {float:right; padding-left: 3.2rem;}
.organ-wrap .right-list::after {content: ''; display: block; clear:both;}
.organ-wrap .right-list.width-line {position: relative;}
.organ-wrap .right-list.width-line {padding-left: 3.2rem;}
.organ-wrap .right-list.width-line .title::before {content:''; position: absolute; right:0; top:50%; width:calc(100% + 3.2rem); height:0.05rem; background:var(--line-color);}

/* organ-section1 */
.organ-section1 {position: relative; display: flex; padding-bottom: 8rem;}
.organ-section1::before {content:''; position: absolute; left:0; top:0; width:50%; height:0.05rem; background:var(--line-color);}
.organ-section1::after {content:''; display: block; clear:both;}
.organ-section1 .left-list {position: relative;}
.organ-section1 > ul {width:calc(50% + 2rem);}
.organ-section1 > ul > li {position: relative; width:50%;}
.organ-section1 > ul > li:first-child::after {content:''; position: absolute; top:0; left:0; width:50%; height:0.05rem; background:#fff;}
/* organ-section2 */
.organ-section2 {position: relative; display: flex; padding-bottom: 4rem;}
.organ-section2::before {content:''; position: absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:0.05rem; background:var(--line-color);}
.organ-section2 > ul {width:calc(50% + 2rem);}
.organ-section2 > ul > li {position: relative; width:50%;}
.organ-section2 > ul.left-list > li:first-child::after {content:''; position: absolute; top:0; left:0; width:50%; height:0.05rem; background:#fff;}
.organ-section2 > ul.right-list > li:last-child::after {content:''; position: absolute; top:0; right:0; width:50%; height:0.05rem; background:#fff;}
/* organ-section2-1 */
.organ-section2-1 {display: flex; justify-content: end; padding-bottom: 8rem;}
.organ-section2-1 > ul {width:50%; margin:0 !important;}
.organ-section2-1 > ul > li {width:50%; max-width:20rem; padding:0 !important;}
/* organ-section3 */
.organ-section3 > ul > li {width:20%;}
.organ-section3 .organ-box-list2 li:last-child .box {padding-bottom: 0;}
.organ-section3 .organ-box-list {position: relative;}
.organ-section3 .organ-box-list::before {content:''; position: absolute; top:0; left:50%; transform: translateX(-50%); width:80%; height:0.05rem; background:var(--line-color);}
.organ-section3 .organ-box-list > li {padding-top: 0 !important;}
.organ-section3 .organ-box-list > li::before {display: none;}
.organ-section3 .organ-box-list > li > .box {position: relative; padding-top: 3rem;}
.organ-section3 .organ-box-list > li > .box::before {content: ''; position: absolute; left:50%; top:0; width:0.05rem; height:100%; background:var(--line-color);}

.organ-section3 .organ-box-list2 .box {position: relative; padding-top: 2rem;}
.organ-section3 .organ-box-list2 .box::before {content: ''; position: absolute; left:50%; top:0; width:0.05rem; height:100%; background:var(--line-color);}
@media screen and (max-width:1200px) {
    .organ-wrap .box strong b {font-size: 1.7rem;}
}
@media screen and (max-width:1023px) {
    .organ-wrap .organ-box-list {flex-wrap:wrap;}
    .organ-wrap .box .list p {font-size: 1.6rem;}
}
@media screen and (max-width:767px) {
    .organ-wrap .organ-box-list {margin:0;}
    .organ-wrap .organ-box-list > li {float:unset; width:100%; height:auto; padding:0; padding-top: 3rem;}
    .organ-wrap .left-list {float:unset; padding-right: 3.2rem;}
    .organ-wrap .right-list {float:unset; padding-left: 3.2rem;}
    

    .organ-section1 {flex-wrap:wrap; padding-bottom: 4rem;}
    .organ-section1::before {width:100%;}
    .organ-section1 > ul {width:100%;}
    .organ-section1 .organ-box-list {margin:0 !important;}
    .organ-section1 > ul > li {width:50% !important; padding:0;}
    .organ-section1 > ul.left-list > li:first-child{padding-right: 3.2rem;}
    .organ-section1 > ul.left-list > li:last-child{padding-left: 3.2rem;}
    .organ-section1 > ul > li:last-child::after {content:''; position: absolute; top:0; right:0; width:50%; height:0.05rem; background:#fff;}
    .organ-section1 .right-list.width-line {justify-content: end; width:100%; margin:0; padding:0;}
    .organ-section1 .right-list.width-line li {padding:0; padding-left:3.2rem; margin-top: 2rem;}
    .organ-section1 .right-list.width-line .title::before {width:calc(100% + 3.2rem);}
    .organ-section1 .left-list {padding:0;}

    .organ-section2 > ul > li:last-child {padding-top: 0; margin-top: 2rem;}
    .organ-section2 > ul.right-list > li:first-child::after {content:''; position: absolute; top:0; right:0; width:50%; height:0.05rem; background:#fff;}
    .organ-section2-1 {padding-bottom: 4rem;}

    .organ-section3 .organ-box-list {display:grid; grid-template-columns: 1fr 1fr 1fr; margin:0 -1rem;}
    .organ-section3 .organ-box-list::before {width:67%;}
    .organ-section3 > ul > li {display: inline-block; padding:0 1rem !important;}
    .organ-section3 .organ-box-list > li > .box {padding-top: 0;}
    .organ-section3 .organ-box-list > li:nth-child(-n+3) .box {padding-top: 3rem;}
    .organ-section3 .box {flex:unset;}
    .organ-section3 .organ-box-list2 {margin-bottom: 2rem;} 
}
@media screen and (max-width:600px) {
    .organ-section3 .organ-box-list {grid-template-columns: 1fr 1fr;}
    .organ-section3 .organ-box-list::before {width:50%;}
    .organ-section3 .organ-box-list > li > .box {padding-top: 0 !important;}
    .organ-section3 .organ-box-list > li:nth-child(-n+2) .box {padding-top: 3rem !important;}
}
/* [E] 조직도 */

/* [S] Defense Policy */
.wrap-photo-text {position: relative; padding-top: 6rem;}
.wrap-photo-text .frame {padding:0rem 5.2rem 3.4rem; background-color:#EEF2F7; background-image:url('../../images/sub/obj-defense.png'); background-repeat: no-repeat; background-position: right -17.8rem bottom -5.8rem; border-radius:1.2rem;}
.wrap-photo-text .area {transform: translateY(-6rem);}
.wrap-photo-text .img-box {overflow:hidden; border-radius:1.2rem; }
.wrap-photo-text .text {margin-top:3.4rem; margin-bottom:-6rem;}
.wrap-photo-text .text strong {font-family: pbGOV; font-size: 1.9rem; color:#063A74;}
.wrap-photo-text .text p {margin-top:.8rem; font-family: prGOV; font-size: 1.7rem; color:#555;}
/* [E] Defense Policy */

.wrap-img {overflow:hidden; border:.1rem solid #CED3D6; border-radius:1.2rem;}
.simple-img-box a {display: inline-block;}


/* [S]국방혁신-추진필요성 */
.wrap-dinnov-need .con1 {display: flex;flex-direction: column;align-items: center;margin-bottom: 6.4rem;padding: 2rem 0 3rem 0;background: url('../../images/sub/bg-dinnov-need1.jpg') no-repeat left top / cover;border-radius: .6rem;}
.wrap-dinnov-need .con1 .tit {display: block;margin-bottom: 2.3rem;font-size: 3rem;font-family: pbGov;color: #fff;text-align: center;}
.wrap-dinnov-need .con1 .tit span {display: block; font-family: psbGOV; font-size: 2.1rem;}
.wrap-dinnov-need .con1 ul {display: flex;gap: 4rem;}
.wrap-dinnov-need .con1 li {display: flex;justify-content: center;align-items: center;width: 13rem;height: 13rem;background: rgba(0,0,0,.6);border: 1px solid #0089ca;border-radius: 50%;text-align: center;}
.wrap-dinnov-need .con1 li span {font-size: 1.5rem;font-family: pmGov;color: #3ec4ff;line-height: 2rem;}
.wrap-dinnov-need .con2 {margin-bottom: 3.2rem;}
.wrap-dinnov-need .con2 .txt-box {padding: 1.8rem 4rem;background: linear-gradient(90deg, rgba(0, 70, 133,1) 20.5625%,rgba(0, 121, 184,1) 80.5625%);font-size: 1.9rem;color: #fff;font-family: prGov;text-align: center;border-radius: .6rem;}
.wrap-dinnov-need .con2 .txt-box strong {font-family: pbGov;}
.wrap-dinnov-need .con3 {position: relative;border: 1px solid #ced3d6;border-radius: 1.2rem;padding: 10rem 4rem 8rem;margin-bottom: 6.4rem;}
.wrap-dinnov-need .con3 .circle {position: relative;text-align: center;}
.wrap-dinnov-need .con3 .center-txt {display: flex;flex-direction: column;align-items: center;position: absolute;left: 50%;top: 35%;transform: translateX(-50%);}
.wrap-dinnov-need .con3 .center-txt span {display: flex;justify-content: center;align-items: center;width: 17.5rem;height: 4rem;margin-bottom: 1.2rem;font-size: 1.7rem;font-family: pbGov;color: #fff;background: #007ab8;border-radius: 2rem;}
.wrap-dinnov-need .con3 .center-txt strong {font-family: pbGov;color: #007ab8;font-size: 1.7rem;text-align: center;line-height: 2rem;}
.wrap-dinnov-need .con3 .side-txt {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.wrap-dinnov-need .con3 .side-txt li {position: absolute;font-size: 1.7rem;font-family: pmGov;color: #212121;line-height: 2.4rem;}
.wrap-dinnov-need .con3 .side-txt .txt1 {left: 4.8%;top: 22.9%;}
.wrap-dinnov-need .con3 .side-txt .txt2 {right: 1.8%;top: 22.9%;}
.wrap-dinnov-need .con3 .side-txt .txt3 {left: 4.8%;bottom: 4%;}
.wrap-dinnov-need .con3 .side-txt .txt4 {right: 6%;bottom: 13.5%;}
.wrap-dinnov-need .con3 .side-txt .txt2 .box {margin-top: .7rem;padding: 1rem;background: #eaf7fe;border-radius: .6rem;}
.wrap-dinnov-need .con3 .side-txt .txt2 .box p {display: flex; font-size: 1.5rem;color: #555;line-height: 2.4rem;font-family: plGov;}
.wrap-dinnov-need .con3 .side-txt .txt2 .box p span {font-size: 1.5rem;font-family: nl;}
.wrap-dinnov-need .con3 .deco-txt {position: absolute;top:18%;left: 50%;transform: translateX(-50%);width: 17rem;height: 4rem;background: #174eb9;font-size: 1.7rem;font-family: pbGov;color: #fff;border-radius: 2rem;text-align: center;line-height: 3.7rem;border: 2px solid #fff;}
.wrap-dinnov-need .con4 .wrap-info-list {display: flex;gap: 2.4rem;gap: 2.4rem}
.wrap-dinnov-need .con4 .wrap-info-list > li {display: flex;flex: 1;align-items: center;flex-direction: column;}
.wrap-dinnov-need .con4 .tit {position: relative;display: flex;justify-content: center;align-items: center;min-height: 10rem;padding: 1rem;font-size: 1.9rem;color: #fff;font-family: pbGov;border-radius: .6rem .6rem 0 0;text-align: center;line-height: 2.5rem;}
.wrap-dinnov-need .con4 .info-list1 .tit {background: #0876c0;}
.wrap-dinnov-need .con4 .info-list2 .tit {background: #004685;}
.wrap-dinnov-need .con4  .info-list1 .tit::before {content: '';position: absolute;left: 50%;bottom: -1.3rem;width: 1.8rem;height: 1.8rem;margin-left: -.9rem;background: url('../../images/sub/img-dinnov-need-deco1.png') no-repeat center;}
.wrap-dinnov-need .con4  .info-list2 .tit::before {content: '';position: absolute;left: 50%;bottom: -1.3rem;width: 1.8rem;height: 1.8rem;margin-left: -.9rem;background: url('../../images/sub/img-dinnov-need-deco2.png') no-repeat center;}
.wrap-dinnov-need .con4 .icon {position: relative;display: flex;justify-content: center;align-items: center;width: 13rem;height: 13rem;margin-bottom: 2.3rem;border-radius: 50%;}
.wrap-dinnov-need .con4 .info-list1 .icon {border: 5px solid #0876c0;}
.wrap-dinnov-need .con4 .info-list2 .icon {border: 5px solid #004685;}
.wrap-dinnov-need .con4 .icon::before {content: '';position: absolute;bottom: -5rem;width: 2px;height: 5rem;}
.wrap-dinnov-need .con4 .info-list1 .icon::before {background: #0876c0;}
.wrap-dinnov-need .con4 .info-list2 .icon::before {background: #004685;}
.wrap-dinnov-need .con4 .info-box {display:flex; flex-direction:column; flex:1; width: 100%;}
.wrap-dinnov-need .con4 .info-box > ul {flex:1; padding: 3rem 2.4rem 1rem;min-height: 22.7rem;background: #f7f7f7;border-radius: 1.2rem;}
.wrap-dinnov-need .con4 .info-box .list1 > li {position: relative;margin-bottom:.8rem;padding-left: 1.6rem;font-size: 1.7rem;color: #555;font-family: prGov;}
.wrap-dinnov-need .con4 .info-box .list1 > li::before {content: '';position: absolute;left: 0;top: .8rem;width: .6rem;height: .6rem; background: #717171;}
.wrap-dinnov-need .con4 .info-box .list2 > li {position: relative;padding-left: 1.4rem;font-size: 1.5rem;color: #555;}
.wrap-dinnov-need .con4 .info-box .list2 > li::before {content: '';position: absolute;left: 0;top: 1rem;width: .7rem;height: .2rem;background: #717171;}
.wrap-dinnov-need .bottom-txt {margin-top: 3.2rem;padding: 3rem 2rem;background: #eef2f7;border-radius: 1.2rem;font-size: 1.9rem;color: #212121;font-family: pbGov;line-height: 3rem;text-align: center;}
.wrap-dinnov-need .bottom-txt span {color: #246beb;}

@media screen and (max-width:1340px) {
	.wrap-dinnov-need .con1 {padding: 5.4rem 8rem;}
	.wrap-dinnov-need .con1 ul {flex-direction: column;width: 100%;gap: 2rem}
	.wrap-dinnov-need .con1 li {width: 100%;border-radius: 0;}
	.wrap-dinnov-need .con3 .circle {margin-bottom: 4rem;}
	.wrap-dinnov-need .con3 .side-txt {position: relative;}
	.wrap-dinnov-need .con3 .side-txt li {position: relative;left: auto !important;right: auto !important;top: auto !important;bottom: auto !important;width: 100%;padding: 2rem ;margin-bottom: 2rem;text-align: center;background: linear-gradient(90deg, rgba(0, 70, 133,1) 20.5625%,rgba(0, 121, 184,1) 80.5625%);border-radius: .6rem;color: #fff;}
	.wrap-dinnov-need .con3 .side-txt li br {display: none;}
	.wrap-dinnov-need .con3 .side-txt li:last-child {margin-bottom: 0;}
	.wrap-dinnov-need .con3 .deco-txt {top: 10%}
}

@media screen and (max-width:768px) {
	.wrap-dinnov-need .con1 .tit {line-height: 1.4;font-size: 2.6rem;}
	.wrap-dinnov-need .con1 li {height: 8.5rem;}
	.wrap-dinnov-need .con4 .wrap-info-list {flex-direction: column;}
	.wrap-dinnov-need .con4 .wrap-info-list > li {width: 100%;}
	.wrap-dinnov-need .con4 .icon {width: 11rem;height: 11rem;}
	.wrap-dinnov-need .bottom-txt br {display: none;}
}

@media screen and (max-width: 500px) { 
	.wrap-dinnov-need .con1 {margin-bottom: 5.4rem;}
	.wrap-dinnov-need .con2 .txt-box {font-size: 1.8rem;}
    .wrap-dinnov-need .con3 .center-txt {top:30%;}
	.wrap-dinnov-need .con3 .center-txt span {font-size: 1.5rem;width: 16rem;height: 3.5rem;margin-bottom: .8rem;}
	.wrap-dinnov-need .con3 .center-txt strong {font-size: 1.5rem;line-height: 2.3rem;}
    .wrap-dinnov-need .con3 .side-txt .txt2 .box p {text-align:left; }
    .wrap-dinnov-need .con3 .center-txt strong br {display: none;}
    .wrap-dinnov-need .con3 .side-txt .txt2 .box p span {margin-right: 1rem;}
	.wrap-dinnov-need .bottom-txt {font-size: 1.7rem;line-height: 2.6rem;}
}
/* [E]국방혁신-추진필요성 */


/* [S]국방혁신-개념 */
.wrap-dinnov-concept .con1  {margin-bottom: 3.2rem;}
.wrap-dinnov-concept .con1 strong {position: relative;display: block;max-width: 36rem;margin: 0 auto;padding: 1.8rem 2rem;font-size: 1.9rem;color: #fff;font-family: prGov;background: linear-gradient(90deg, rgba(0, 86, 149,1) 20.5625%,rgba(0, 105, 168,1) 80.5625%);border-radius: .6rem;text-align: center;}
.wrap-dinnov-concept .con1 p {margin-top: -3.2rem;padding: 5.7rem 2rem 2.3rem;background: #eef2f7;border-radius: .6rem;text-align: center;font-size: 1.7rem;font-family: pmGov;color: #212121;line-height: 3rem;}
.wrap-dinnov-concept .con2 {margin-bottom: 6.4rem;padding: 5.2rem 0 5.4rem;border: 1px solid #ced3d6;border-radius: 1.2rem;}
.wrap-dinnov-concept .con2 > div {position: relative;margin: 0 2.5rem}
.wrap-dinnov-concept .con2 .graph {text-align: center;}
.wrap-dinnov-concept .con2 .graph .large {display: inline-block;}
.wrap-dinnov-concept .con2 .graph .small {display: none;}
.wrap-dinnov-concept .con2 .tit {position: absolute;left: 50%;transform: translateX(-50%);bottom: 3.5rem;font-size: 3.2rem;color: #174eb9;text-align: center;line-height: 1.3;font-family: pbGov;}
.wrap-dinnov-concept .con2 .circle-list {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.wrap-dinnov-concept .con2 .circle-list li {position: absolute;display: flex;justify-content: center;align-items: center;width: 16.2rem;height: 16.2rem;border-radius: 50%;color: #fff;font-size: 1.5rem;font-family: pmGov;text-align: center;line-height: 2rem;}
.wrap-dinnov-concept .con2 .circle1 {left: -1rem;bottom: -1rem;background: #002bac;}
.wrap-dinnov-concept .con2 .circle2 {left: 9rem;bottom: 15rem;background: #004cd3;}
.wrap-dinnov-concept .con2 .circle3 {left: 50%;transform: translateX(-50%);bottom: 25rem;background: #0061ee;}
.wrap-dinnov-concept .con2 .circle4 {right: 9rem;bottom: 15rem;background: #0061a6;}
.wrap-dinnov-concept .con2 .circle5 {right: -1rem;bottom: -1rem;background: #0077c4;}
.wrap-dinnov-concept .con3 {margin-bottom: 3.2rem;}
.wrap-dinnov-concept .con3 strong {position: relative;display: block;max-width: 36rem;margin: 0 auto;padding: 1.8rem 2rem;font-size: 1.9rem;color: #fff;font-family: prGov;background: linear-gradient(90deg, rgba(0, 86, 149,1) 20.5625%,rgba(0, 105, 168,1) 80.5625%);border-radius: .6rem;text-align: center;}
.wrap-dinnov-concept .con3 ul {display: flex;margin-top: -3.2rem;padding: 5.6rem 0 1.9rem;background: #eef2f7;border-radius: .6rem;}
.wrap-dinnov-concept .con3 li {position: relative;width: 50%;padding: 2rem;text-align: center;font-size: 1.7rem;color: #212121;font-family: pmGov;border-right: 2px solid #bbd0e9;}
.wrap-dinnov-concept .con3 li:last-child {border-right: 0;}
.wrap-dinnov-concept .con3 li span {font-family: pbGov;}
.wrap-dinnov-concept .con4 {position: relative;display: flex;padding: 5.4rem 5rem 4.4rem;border: 1px solid #ced3d6;border-radius: 1.2rem;}
.wrap-dinnov-concept .con4 .con-inner {position: relative;width: 100%;min-height:43.2rem;margin: 0 auto;}
.wrap-dinnov-concept .con4 .line {position: absolute; top:50%; left:0; width:100%; height:.2rem; }
.wrap-dinnov-concept .con4 .line::after {content:''; position: absolute; top:50%; left:0; display: block; width: 100%;height: 2px;background: linear-gradient(90deg, rgba(0, 62, 195,1) 20.5625%,rgba(0, 62, 195,1) 21.3125%,rgba(0, 112, 212,1) 80.5625%);}
.wrap-dinnov-concept .con4 .line::before {content: '';position: absolute;right: -.5rem;top: 50%;width: 1.4rem;height: 1.4rem;margin-top: -.6rem;background: url('../../images/sub/img-dinnov-concept-triangle.png') no-repeat right center;}
.wrap-dinnov-concept .con4 .wrap-list {position: absolute;left: 0;top: 50%;width: 100%;height: .2rem;margin-top:-.1rem;}
.wrap-dinnov-concept .con4 .wrap-list > li {position: absolute;display: flex;align-items: center; max-width:28.6rem;}
.wrap-dinnov-concept .con4 .tit {display: block;padding: .6rem 1.5rem;font-size: 1.7rem;color: #fff;font-family: pmGov;text-align: center;border-radius: 1.2rem 1.2rem 0 0;}
.wrap-dinnov-concept .con4 .info {min-width: 28.5rem;padding: 1.55rem 2rem 1.35rem 1.5rem;border: 1px solid #dfdfdf;border-top: 0;border-radius: 0 0 1.2rem 1.2rem}
.wrap-dinnov-concept .con4 .info li {position: relative;margin-bottom: .2rem;padding-left: 1.5rem;font-size: 1.5rem;font-family: prGov;color: #555;line-height: 2rem;}
.wrap-dinnov-concept .con4 .info li:last-child {margin-bottom: 0;}
.wrap-dinnov-concept .con4 .info li::before {content: '';position: absolute;left: 0;top: .8rem;width: .6rem;height: .6rem;background: #717171;}
.wrap-dinnov-concept .con4 .year {display: block;position: relative;font-size: 1.9rem;font-family: pbGov;}
.wrap-dinnov-concept .con4 .list1 {flex-direction: column-reverse;left: 0;bottom:calc(100% - 4.1rem);gap: 1rem;}
.wrap-dinnov-concept .con4 .list1 .tit {background: #002bac;}
.wrap-dinnov-concept .con4 .list1 .year {padding-top: 3.8rem;color: #002bac;}
.wrap-dinnov-concept .con4 .list1 .year::before {content: '';position: absolute;left: 50%;top: 0;margin-left: -.5rem;width: 1rem;height: 3.4rem;background: url('../../images/sub/img-dinnov-concept-dot1.png') no-repeat center;}
.wrap-dinnov-concept .con4 .list2 {flex-direction: column;left: 17rem;top:calc(100% - 3.6rem);;gap: 1rem;}
.wrap-dinnov-concept .con4 .list2 .tit {background: #004cd3;}
.wrap-dinnov-concept .con4 .list2 .year {padding-bottom: 3.8rem;color: #004cd3;}
.wrap-dinnov-concept .con4 .list2 .year::before {content: '';position: absolute;left: 50%;bottom: 0;margin-left: -.5rem;width: 1rem;height: 3.4rem;background: url('../../images/sub/img-dinnov-concept-dot2.png') no-repeat center;}
.wrap-dinnov-concept .con4 .list3 {flex-direction: column-reverse;left: 37.5rem;bottom:calc(100% - 4.1rem);;gap: 1rem;}
.wrap-dinnov-concept .con4 .list3 .tit {background: #0061a6;}
.wrap-dinnov-concept .con4 .list3 .year {padding-top: 3.8rem;color: #0061a6;}
.wrap-dinnov-concept .con4 .list3 .year::before {content: '';position: absolute;left: 50%;top: .1rem;margin-left: -.5rem;width: 1rem;height: 3.4rem;background: url('../../images/sub/img-dinnov-concept-dot3.png') no-repeat center;}
.wrap-dinnov-concept .con4 .list4 {flex-direction: column;right: 0;top:calc(100% - 3.6rem);;gap: 1rem;}
.wrap-dinnov-concept .con4 .list4 .tit {background: #0077c4;}
.wrap-dinnov-concept .con4 .list4 .year {padding-bottom: 3.8rem;color: #0077c4;}
.wrap-dinnov-concept .con4 .list4 .year::before {content: '';position: absolute;left: 50%;bottom: 0;margin-left: -.5rem;width: 1rem;height: 3.4rem;background: url('../../images/sub/img-dinnov-concept-dot4.png') no-repeat center;}
.wrap-dinnov-concept .con5 ul {display: flex;align-items: flex-end;gap: 3rem;}
.wrap-dinnov-concept .con5 li {display: flex;align-items: center;flex-direction: column;flex: 1;}
.wrap-dinnov-concept .con5 span {display: flex;align-items: center;justify-content: center;width: 100%;;min-height: 4.8rem;font-size: 1.7rem;font-family: prGov;color: #fff;background: #063a74;border-radius: .4rem;text-align: center;line-height: 2rem;}
.wrap-dinnov-concept .con5 .img-box {margin-bottom: 1.5rem;}
.wrap-dinnov-concept .con5 .list4 .img-box {margin-bottom: 2.2rem;}
.wrap-dinnov-concept .con5 .list5 .img-box {margin-bottom: 3rem;}
.wrap-dinnov-concept .con6 .step-box {display: flex;justify-content: space-between;padding: 2.4rem 2rem;background: #eef2f7;border-radius: 1.2rem;}
.wrap-dinnov-concept .con6 li {position: relative;display: flex;justify-content: center;align-items: center;width: 17rem;height: 17rem;border-radius: 50%;background: #fff;border: 5px solid #555;text-align: center;}
.wrap-dinnov-concept .con6 li::after {content: '';position: absolute;right: -4.7rem;top: 50%;width: 1.8rem;height: 1.8rem;margin-top: -.9rem;background: url('../../images/sub/ic-dinnov-concept-arrow1.png') no-repeat center;}
.wrap-dinnov-concept .con6 li:last-child::after {display: none;}
.wrap-dinnov-concept .con6 li:nth-last-child(2)::after {background: url('../../images/sub/ic-dinnov-concept-arrow2.png') no-repeat center;}
.wrap-dinnov-concept .con6 li p {font-size: 1.7rem;font-family: pmGov;color: #1d1d1d;line-height: 2.2rem;}
.wrap-dinnov-concept .con6 li em {font-size: 1.5rem;font-family: prGov;}
.wrap-dinnov-concept .con6 li.blue {border: 5px solid #0b77c1;}
.wrap-dinnov-concept .con6 li.blue p {color: #0b77c1;}
.wrap-dinnov-concept .con6 li.blue em {color: #1d1d1d;}

@media screen and (max-width:1340px) {
	.wrap-dinnov-concept .con2 {padding: 5.2rem 0 5.4rem}
    .wrap-dinnov-concept .con2 .graph {display: none;}
	.wrap-dinnov-concept .con2 .graph .large {display: none;}
	.wrap-dinnov-concept .con2 .graph .small {display: inline-block;}
	.wrap-dinnov-concept .con2 .tit {display: block;bottom: auto;left: auto;transform: translateX(0);position: relative;text-align: center;}
	.wrap-dinnov-concept .con2 .circle-list {position: relative;margin-top: 7rem;}
	.wrap-dinnov-concept .con2 .circle-list li {position: relative;left: auto;right: auto;bottom: auto;transform: translateX(0);width: 100%;height: 11rem;margin-bottom: 2rem;border-radius: 0;}
	.wrap-dinnov-concept .con2 .circle-list li:last-child {margin-bottom: 0;}
	.wrap-dinnov-concept .con2 .circle-list li br {display: none;}
    .wrap-dinnov-concept .con4 .con-inner  {min-height:unset;}
	.wrap-dinnov-concept .con4 .wrap-list {position: relative; top:unset; height:unset;}
	.wrap-dinnov-concept .con4 .line {display: none;}
	.wrap-dinnov-concept .con4 .wrap-list > li {position: relative;width: 100%;max-width:unset;left: auto;right: auto;bottom: auto;top: auto;flex-direction: column;margin-bottom: 4rem;}
	.wrap-dinnov-concept .con4 .wrap-list > li:last-child {margin-bottom: 0;}
	.wrap-dinnov-concept .con4 .box {width: 100%;}
	.wrap-dinnov-concept .con4 .list1 .year,
	.wrap-dinnov-concept .con4 .list3 .year  {padding-top: 0;padding-bottom: 3.8rem;}
	.wrap-dinnov-concept .con4 .list1 .year::before,
	.wrap-dinnov-concept .con4 .list3 .year::before {top: auto;bottom: 0;}
	.wrap-dinnov-concept .con4 .list2 .year::before,
	.wrap-dinnov-concept .con4 .list4 .year::before {transform: rotate(180deg);}
	.wrap-dinnov-concept .con6 .step-box  {flex-direction: column;padding: 5.5rem 6.4rem}
	.wrap-dinnov-concept .con6 li {width: 100%;height:unset;min-height: 10rem;margin-bottom: 6rem;border-radius: 0}
	.wrap-dinnov-concept .con6 li:after {right: auto;top: auto;left: 50%;bottom: -4.4rem;transform: translateX(-50%);transform: rotate(90deg);}
	.wrap-dinnov-concept .con6 li:last-child {margin-bottom: 0;}
    .wrap-dinnov-concept .con6 li p br {display: none;}
	.wrap-dinnov-concept .con5 ul {flex-wrap: wrap;justify-content: center;}
	.wrap-dinnov-concept .con5 li {width: 25%;flex: none;}
}

@media screen and (max-width:768px) {
	.wrap-dinnov-concept .con1 strong {padding: 1.5rem 2rem;}
	.wrap-dinnov-concept .con3 ul {flex-direction: column;padding: 4rem 6rem 0;}
	.wrap-dinnov-concept .con3 ul li {width: 100%;border-right: 0;border-bottom: 2px solid #bbd0e9;}
	.wrap-dinnov-concept .con3 ul li:last-child {border-bottom: 0;}
	.wrap-dinnov-concept .con3 strong {padding: 1.5rem 2rem}
	.wrap-dinnov-concept .con4 {padding: 4.5rem 2.5rem 5.5rem;}
	.wrap-dinnov-concept .con5 ul {flex-direction: column;gap:  5rem}
	.wrap-dinnov-concept .con5 li {width: 100%;}
	.wrap-dinnov-concept .con5 span {width: 100%;}
	.wrap-dinnov-concept .con6 .step-box {padding: 5.5rem 2.5rem;}
}

@media screen and (max-width: 500px) { 
	.wrap-dinnov-concept .con2 .circle-list {margin-top: 5rem;}
	.wrap-dinnov-concept .con2 .circle-list li  {height: 9rem;}
	.wrap-dinnov-concept .con2 .tit {font-size: 2.8rem;}
}
/* [E]국방혁신-개념 */


/* [S] 추진중점 및 과제 */
.assignment-wrap{margin-bottom: -3.2rem;}
.assignment-title{background: url(../../images/sub/bg-assignment.jpg) no-repeat center center / cover; padding: 5.1rem 1rem 5.6rem; border-radius: .6rem;}
.assignment-title h1{text-align: center; font-size: 2.8rem; color: #ffffff; font-family: pbGov;}
.assignment-list {margin-top: 2.4rem;}
.assignment-list ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4rem;}
.assignment-list li{width: 10rem; height: 10rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: .1rem solid #0089ca; background-color: rgba(0,0,0,.6);}
.assignment-list li p{font-size: 1.7rem; color: #3ec4ff; font-family: pmGov; line-height: 2rem; text-align: center; padding: 0 1rem;} 

.assignment-main-title{background-color: #005594; border-radius: 1.2rem; padding: 3.8rem 7.3rem;}
.assignment-main-title h1{text-align: center; font-size: 1.9rem; line-height: 3rem; color: white;}
.assignment-main-title h1 span{font-family: pbGov;}
.assignment-main-content{margin-top: 6.4rem;}
.assignment-main-content .assignment-main-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 3.2rem;}
.assignment-main-content .assignment-main-box:last-child{margin-bottom: 0;}
.assignment-main-content .assignment-chapter{width: 32.5rem; padding-right: 3.5rem; position: relative; }
.assignment-main-content .assignment-chapter::after{content:""; display: block; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 1.5rem; height: .5rem; background: url(../../images/sub/ic-assignment-dots.png) no-repeat center center / cover;}
.assignment-main-content .assignment-chapter p{border: .2rem solid #246beb; border-radius: 1.2rem; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 2.1rem; line-height: 2.6rem; color: #246beb; font-family: pbGov;}
.assignment-main-content .assignment-chapter .num{position: absolute; left: 0; top: 0; width: 3rem; height: 3rem; background-color: #246beb; border-bottom-right-radius: 1.2rem; border-top-left-radius: 1.2rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #ffffff; font-family: pbGov;}
.assignment-main-content .assignment-chapter-content{width: calc(100% - 32.5rem); background-color: #eef2f7; border-radius: 1.2rem; padding: 2.8rem 1rem 2.8rem 3.2rem}
.assignment-main-content .assignment-chapter-box{margin-bottom: 1.6rem;}
.assignment-main-content .assignment-chapter-box:last-child{margin-bottom: 0;}
.assignment-main-content .assignment-chapter-box h1{font-size: 1.7rem; line-height: 2.5rem; color: #212121; font-family: pbGov;}
.assignment-main-content .assignment-chapter-list{margin-top: .7rem;}
.assignment-main-content .assignment-chapter-box li{padding-left: 1.7rem; position: relative; font-size: 1.5rem; color: #555555;}
.assignment-main-content .assignment-chapter-box li::before{content:""; display: block; position: absolute; left: 0; top: .8rem; width: .6rem; height: .6rem; background-color: #717171;}


@media screen and (max-width: 768px) {
    .assignment-title{padding: 3rem 1rem 3.6rem;}
    .assignment-title h1{font-size: 2.4rem;}
    .assignment-list{margin-top: 1.5rem;}
    .assignment-list ul{gap: 2rem;}
    .assignment-list li p{font-size: 1.5rem; line-height: 1.7rem;}

    .assignment-main-title{padding: 2.5rem 1rem;}
    .assignment-main-title h1{font-size: 1.6rem; line-height: 2.3rem;}
    .assignment-main-content{margin-top: 4rem;}
    .assignment-main-content .assignment-main-box{flex-direction: column;}
    .assignment-main-content .assignment-chapter{width: 100%; padding-right: 0; padding-bottom: 3.5rem;}
    .assignment-main-content .assignment-chapter::after{top: auto; bottom: 1rem; right: 50%; transform: translateX(50%) rotate(90deg);}
    .assignment-main-content .assignment-chapter p{padding: 2rem 1rem; font-size: 1.9rem;}
    .assignment-main-content .assignment-chapter-content{width: 100%; padding: 2rem 1rem 2rem 2rem;}
    .assignment-main-content .assignment-chapter-box h1{font-size: 1.7rem;}
    .assignment-main-content .assignment-chapter-box li{font-size: 1.5rem;}
}
/* [E] 추진중점 및 과제 */



/* [S]브로슈어, 리플릿 바로가기 */
.wrap-link-box {position: relative;}
.wrap-link-box .frame  {height: 100%;border: 1px solid #bcbcbc;}
.wrap-link-box .large-btn {position: absolute;left: 50%;transform: translateX(-50%);bottom: 6rem;}

@media screen and (max-width:1340px) {
	.wrap-link-box .large-btn {bottom: 5vw;}
}

@media screen and (max-width:768px) {
	.wrap-link-box {min-height: 35rem;height: 35rem;}
	.wrap-link-box .large-btn {bottom: 4rem;} 
	.wrap-link-box .bg {width: 100%;height: 100%;object-position: top center;object-fit: cover;}
}

@media screen and (max-width:500px) {
	.wrap-link-box {min-height: 30rem;height: 30rem;}
	.wrap-link-box .large-btn {bottom: 3.2rem;} 
}
/* [E]브로슈어, 리플릿 바로가기 */



/* [S]국방혁신-기대효과 */
.wrap-dinnov-impact .circle {display: flex;justify-content: center;align-items: center;width: 23.9rem;height: 23.9rem;margin: 0 auto;background: #004697 url('../../images/sub/bg-dinnov-impact-circle.png') no-repeat center / cover;border-radius: 50%;font-size: 2.2rem;color: #fff;font-family: pbGov;text-align: center;line-height: 3rem;}
.wrap-dinnov-impact .info-box {margin-top: 3.2rem;padding-top: 4.8rem;background: url('../../images/sub/img-dinnov-impact-deco.png') no-repeat center top;}
.wrap-dinnov-impact .wrap-border {padding: 4rem 5.2rem;border: 1px solid #ced3d6;border-radius: 1.2rem;}
.wrap-dinnov-impact .top-txt {margin-bottom: 4rem;padding: 1.7rem 2rem;border: 3px solid #004697;border-radius: 1.2rem;font-size: 1.9rem;line-height: 3rem;font-family: pmGov;color: #212121;background: #eef2f7;text-align: center;}
.wrap-dinnov-impact .top-txt span {color: #246beb;font-family: pbGov;}
.wrap-dinnov-impact .wrap-list {display: flex;gap: 2.4rem;}
.wrap-dinnov-impact .wrap-list > li {display: flex;flex-direction: column; flex:1;}
.wrap-dinnov-impact  .tit {display: flex;justify-content: center;align-items: center;height: 8rem;font-size: 1.9rem;color: #fff;font-family: pbGov;color: #fff;border-radius: 1.2rem 1.2rem 0 0;}
.wrap-dinnov-impact .list1 .tit {background: #0876c0;}
.wrap-dinnov-impact .list2 .tit {background: #004685;}
.wrap-dinnov-impact .info {flex: 1;padding: 2.6rem 2.4rem 2.4rem 2.4rem;background: #f7f7f7;border-radius: 0 0 1.2rem 1.2rem;}
.wrap-dinnov-impact .info li {position: relative;padding-left: 1.5rem;margin-bottom: .8rem;font-family: prGov;color: #555;font-size: 1.7rem;line-height: 2.4rem;}
.wrap-dinnov-impact .info li:last-child {margin-bottom: 0;}
.wrap-dinnov-impact .info li::before {content: '';position: absolute;left: 0;top: .9rem;width: .6rem;height: .6rem;background: #717171;}

@media screen and (max-width:768px) {
	.wrap-dinnov-impact .circle {width: 20.5rem;height: 20.5rem;font-size: 2rem;line-height: 1.4;}
	.wrap-dinnov-impact .wrap-border {padding: 4rem 3rem;}
 	.wrap-dinnov-impact .top-txt br {display: none;}
	.wrap-dinnov-impact .wrap-list {flex-direction: column;}
	.wrap-dinnov-impact .wrap-list > li {width: 100%;}
	.wrap-dinnov-impact .tit {height: 6.5rem;}
	.wrap-dinnov-impact .info {padding: 2.4rem}
}

@media screen and (max-width:500px) {
	.wrap-dinnov-impact .top-txt {margin-bottom: 3.5rem;font-size: 1.8rem;line-height: 1.5;}
	.wrap-dinnov-impact .tit {height: 6rem;font-size: 1.8rem;}
	.wrap-dinnov-impact .info li {font-size: 1.6rem;}
}
/* [E]국방혁신-기대효과 */



/* [S]국방혁신-추진전략 */
.wrap-dinnov-plan .con1 .txt-box {padding: 1.8rem 2rem;background: linear-gradient(90deg, rgba(0, 70, 133,1) 20.5625%,rgba(0, 121, 184,1) 80.5625%);font-size: 1.9rem;color: #fff;font-family: prGov;text-align: center;border-radius: .6rem;}
.wrap-dinnov-plan .con1 .txt-box strong {font-family: pbGov;}
.wrap-dinnov-plan .con1 ul {padding-top: 9.7rem;background: url('../../images/sub/img-dinnov-plan-deco.png') no-repeat top 2.8rem center;}
.wrap-dinnov-plan .con1 li {display: flex;margin-bottom: 2.4rem;gap: 1.5rem;}
.wrap-dinnov-plan .con1 li:last-child {margin-bottom: 6rem;}
.wrap-dinnov-plan .con1 .tit {display: flex;justify-content: center;align-items: center;width: 24rem;height: 6.4rem;font-size: 1.9rem;color: #fff;font-family: pbGov;border-radius: .6rem;flex-shrink: 0;line-height: 2.2rem;text-align: center;}
.wrap-dinnov-plan .con1 .list1 .tit {background: #0876c0;}
.wrap-dinnov-plan .con1 .list2 .tit {background: #20629e;}
.wrap-dinnov-plan .con1 .list3 .tit {background: #004685;}
.wrap-dinnov-plan .con1 .dot {display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;width: 1.8rem;}
.wrap-dinnov-plan .con1 .dot::before,
.wrap-dinnov-plan .con1 .dot::after {content: '';width: .5rem;height: .5rem;border-radius: 50%;}
.wrap-dinnov-plan .con1 .list1 .dot::before,
.wrap-dinnov-plan .con1 .list1 .dot::after {background: #0876c0;}
.wrap-dinnov-plan .con1 .list2 .dot::before,
.wrap-dinnov-plan .con1 .list2 .dot::after {background: #20629e;}
.wrap-dinnov-plan .con1 .list3 .dot::before,
.wrap-dinnov-plan .con1 .list3 .dot::after {background: #004685;}
.wrap-dinnov-plan .con1 .info {flex: 1;display: flex;justify-content: center;align-items: center;padding: 1rem 2rem;text-align: center;font-size: 1.7rem;font-family: pmGov;background: #fff;border-radius: .6rem;line-height: 2.2rem;}
.wrap-dinnov-plan .con1 .info span {font-family: pbGov;}
.wrap-dinnov-plan .con1 .list1 .info {color: #0876c0;border: 2px solid #0876c0;}
.wrap-dinnov-plan .con1 .list2 .info {color: #20629e;border: 2px solid #20629e;}
.wrap-dinnov-plan .con1 .list3 .info {color: #004685;border: 2px solid #004685;}
.wrap-dinnov-plan .con2 ul {display: flex;gap: 2.4rem;padding-bottom: 3.6rem;background: url('../../images/sub/ic-dinnov-plan-arrow.png') no-repeat bottom center;}
.wrap-dinnov-plan .con2 li {display: flex;justify-content: center;align-items: center;flex: 1;min-height: 5.6rem;padding: 1rem .5rem;font-size: 1.5rem;font-family: pmGov;color: #212121;background: #c9e6f9;border-radius: 2.8rem;text-align: center;line-height: 2rem;}
.wrap-dinnov-plan .con2 p {position: relative;padding: 0 6rem;margin-top: 3.2rem;font-size: 1.7rem;color: #212121;font-family: pbGov;text-align: center;}
.wrap-dinnov-plan .con2 p::before {content: '';position: absolute;left: 0;top: 50%;width: 1.7rem;height: 6.2rem;margin-top: -3.1rem;background: url('../../images/sub/ic-dinnov-plan-deco2.png') no-repeat center;}
.wrap-dinnov-plan .con2 p::after {content: '';position: absolute;right: 0;top: 50%;width: 1.7rem;height: 6.2rem;transform: rotate(180deg);margin-top: -3.1rem;background: url('../../images/sub/ic-dinnov-plan-deco2.png') no-repeat center;}

@media screen and (max-width:768px) {
	.wrap-dinnov-plan .con1 li {flex-direction: column;align-items: center;gap: 2rem;margin-bottom: 4rem;}
	/* .wrap-dinnov-plan .con1 li:last-child {margin-bottom: 4rem;} */
	.wrap-dinnov-plan .con1 .dot {transform: rotate(90deg);}
	.wrap-dinnov-plan .con1 .info {width: 100%; padding: 2.5rem 2rem;}
	.wrap-dinnov-plan .con2 ul {flex-direction: column;}
}
/* [E]국방혁신-추진전략 */