@charset "utf-8";

.wrap_contents {padding-top: 5rem; background:url('../../images/common/obj-main1.png') no-repeat right bottom 38.4rem, url('../../images/common/obj-main2.png') no-repeat left bottom 49.8rem;}

@media screen and (max-width:767px) {
    .wrap_contents {padding-top: 4rem;}
}


/* 비주얼 */
#multipleContentsDiv_mnd_5 {}
/* 바로가기 */
#multipleContentsDiv_mnd_11 {margin-top:6rem;}
/* 보도자료/공지사항/알림창창 */
#multipleContentsDiv_mnd_13 {display:grid; justify-content: space-between; gap: 0 2.4rem; grid-template-columns: 1fr 1fr;}
#multipleContentsDiv_mnd_13 {max-width:128rem; margin:0 auto; margin-top:7rem;}
/* 카드뉴스/국방영상 */
#multipleContentsDiv_mnd_95 {display: grid; justify-content: space-between; gap: 0 2.4rem; grid-template-columns: repeat(2, minmax(0, 1fr));}
#multipleContentsDiv_mnd_95 {max-width:128rem; margin:0 auto; margin-top:7rem;}
/* 주요정보 바로가기 */
#multipleContentsDiv_mnd_131 {max-width:128rem; margin:0 auto; margin-top:7rem;}
/* 정책 브리핑 */
#multipleContentsDiv_mnd_143 {max-width:128rem; margin:0 auto; margin-top:7rem;}

@media screen and (max-width:1300px) {
    #_contentBuilder > .multipleDiv:not(:has(.full-width)) {padding:0 1.6rem;}
}
@media screen and (max-width:1200px) {
    /* 보도자료/공지사항/알림창창 */
    #multipleContentsDiv_mnd_13 {gap:0 1.6rem; margin-top: 4rem;}
    #multipleContentsDiv_mnd_13 > div:nth-child(1) {grid-area: press; margin-bottom: 2rem;}
    #multipleContentsDiv_mnd_13 > div:nth-child(2) {grid-area: notice;}
    #multipleContentsDiv_mnd_13 > div:nth-child(3) {grid-area: banner;}
    #multipleContentsDiv_mnd_13 { grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-rows: auto auto; grid-template-areas: "press  banner" "notice banner";}
    /* 카드뉴스 국방영상 */
    #multipleContentsDiv_mnd_95 {margin-top:1.6rem; gap: 0 1.6rem;}
    /* 주요정보 바로가기 */
    #multipleContentsDiv_mnd_131 {margin-top: 2rem;}
    /* 정책 브리핑 */
    #multipleContentsDiv_mnd_143 {margin-top: 2rem;}
}
@media screen and (max-width:767px) {
    /* 비주얼 */
    #multipleContentsDiv_mnd_11 {margin-top: 3.2rem;}
    /* 바로가기 */
    #multipleContentsDiv_mnd_13 {margin-top: 2.4rem;}
    /* 보도자료/공지사항/알림창 */
    #multipleContentsDiv_mnd_13 {grid-template-columns:  repeat(1, minmax(0, 1fr)); grid-template-areas: "press" "notice" "banner"; gap:1.6rem 0;}
    #multipleContentsDiv_mnd_13 > div:nth-child(1) {margin-bottom: 0;}
    #multipleContentsDiv_mnd_13 > div:nth-child(2) {margin-bottom: 0;}
    /* 카드뉴스/국방영상 */
    #multipleContentsDiv_mnd_95 {grid-template-columns: repeat(1, minmax(0, 1fr)); gap:1.6rem 0; margin-top: 0;}
    /* 주요정보 바로가기 */
    #multipleContentsDiv_mnd_131 {margin-top: 0;}
    /* 정책 브리핑 */
    #multipleContentsDiv_mnd_143 {margin-top: 1.6rem;}
}

/* 링크서비스 */
.main-link-wrap{margin-top: 7rem}
.main-link-wrap .inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.main-link-wrap .main-link-left{width: 66%;}
.main-link-wrap .main-link-left ul{display: flex; flex-wrap: wrap; gap: 2.5rem; align-items: stretch;}
.main-link-wrap .main-link-left li{flex: 1;}
.main-link-wrap .main-link-left li a{display: block; width: 100%; height: 100%;;}
.main-link-wrap .main-link-inner{border: .1rem solid #d8d8d8; border-radius: 1.2rem; width: 100%; height: 100%; padding: 2.8rem 2.3rem; position: relative; min-height: 22rem; background-repeat: no-repeat; background-position: right 2.5rem bottom 3rem;}
.main-link-wrap .main-link-inner::before{content:""; display: block; position: absolute; left: 2.5rem; bottom: 3rem; width: 1.2rem; height: 1.2rem; background: url(../../images/main/btn-englink-arrow.png) no-repeat center center / cover; transition: all .5s;}
.main-link-wrap .main-link-inner.type1{background-color: #eff6ff; background-image: url(../../images/main/ic-englink1.png)}
.main-link-wrap .main-link-inner.type2{background-color: #effbff; background-image: url(../../images/main/ic-englink2.png)}
.main-link-wrap .main-link-inner.type3{background-color: #f1efff; background-image: url(../../images/main/ic-englink3.png)}
.main-link-wrap .main-link-inner h1{font-size: 2.4rem; line-height: 3rem; letter-spacing: -.03rem; font-family: pbGov; color: #1d1d1d;}
.main-link-wrap .main-link-inner h1 span{background-image: linear-gradient(#1d1d1d, #1d1d1d); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .2rem; transition: background-size .5s;}
.main-link-wrap .main-link-inner p{font-size: 1.7rem; letter-spacing: -.03rem; font-family: pbGov; color: #1d1d1d; margin-top: .4rem;}
.main-link-wrap .main-link-inner:hover h1 span{background-size: 100% .2rem;}
.main-link-wrap .main-link-right{width: 32.1%; background: url(../../images/main/bg-englink.png) no-repeat center center/ cover; border-radius: 1.2rem; padding: 2.7rem 2.4rem}
.main-link-wrap .main-link-right h1{font-size: 2.4rem; color: #ffffff; font-family: pbGov; letter-spacing: -.03rem;}
.main-link-wrap .main-link-right ul{display: flex; justify-content: center; gap: 4rem; margin-top: 2.6rem;}
.main-link-wrap .main-link-right li{text-align: center;}
.main-link-wrap .main-link-right li p{font-size: 1.7rem; color: #ffffff; margin-top: 1rem;}
.main-link-wrap .main-link-right li p span{background-image: linear-gradient(#ffffff, #ffffff); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.main-link-wrap .main-link-right li:hover p span{background-size: 100% .1rem;}

@media screen and (max-width: 1200px) {
    .main-link-wrap .main-link-inner{padding: 2rem 1.5rem; background-position: right 1.5rem bottom 2rem;}
    .main-link-wrap .main-link-left ul{gap: 1.5rem;}
    .main-link-wrap .main-link-inner h1{font-size: 2rem; line-height: 2.5rem;}
    .main-link-wrap .main-link-inner p{font-size: 1.5rem; line-height: 2rem;}
    .main-link-wrap .main-link-right{padding: 2rem 1.5rem;}
    .main-link-wrap .main-link-right ul{gap: 2rem;}
    .main-link-wrap .main-link-right li p{font-size: 1.5rem; line-height: 2rem;}
}

@media screen and (max-width: 768px) {
    .main-link-wrap .inner{flex-direction: column;}
    .main-link-wrap .main-link-left ul{flex-direction: column;}
    .main-link-wrap .main-link-inner{min-height: 18rem}
    .main-link-wrap .main-link-left{width: 100%;}
    .main-link-wrap .main-link-right{width: 100%; margin-top: 3rem;}
}

/* 정책브리핑 */
.wrap-briefing {position: relative; padding:3.4rem 2.4rem; background:#fff; border:1px solid #d8d8d8; border-radius:1.2rem;}
.wrap-briefing .frame {position: relative;}
.wrap-briefing .title {width:23rem; height:4rem;}
.wrap-briefing .slider {overflow:hidden;}
.wrap-briefing ul {display: flex; width:auto; margin:0 -1.2rem;margin-top: 2.5rem; }
.wrap-briefing ul li {width:25%; padding:0 1.2rem;}
.wrap-briefing .img-box {overflow:hidden; border-radius:.5rem;}
.wrap-briefing .img-box img {width:100%; height:100%; object-fit: cover;}
.wrap-briefing .sj {overflow:hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-top: 2rem; font-family: pbGOV; font-size: 1.9rem; color:#1d1d1d;}
.wrap-briefing .sj span {background-image: linear-gradient(#1d1d1d, #1d1d1d); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .2rem; transition: background-size .5s;}
.wrap-briefing a:hover .sj span {background-size:100% .2rem;}
.wrap-briefing .date {margin-top: 0.4rem; font-family: prGOV; font-size: 1.5rem; color:#8C8C8C; text-align:right;}
.wrap-briefing .control {position: absolute; right:0; top:0; display: flex; gap:0 .8rem;}
.wrap-briefing .control button {display: none; width:2.4rem; height: 2.4rem; border:.1rem solid #D8D8D8; border-radius:.4rem; text-indent: -9999rem;}
.wrap-briefing .prev {background:url(../../images/bri/ic-prev.png) no-repeat center;}
.wrap-briefing .next {background:url(../../images/bri/ic-next.png) no-repeat center;}
.wrap-briefing .play {background:url(../../images/bri/ic-play.png) no-repeat center;}
.wrap-briefing .stop {background:url(../../images/bri/ic-stop.png) no-repeat center;}
.wrap-briefing .more {position: absolute; right:0; top:0rem; width:1.2rem; height:1.2rem; background:url(../../images/bri/ic-more.png) no-repeat center; text-indent: -9999rem; transition: transform .3s;}
.wrap-briefing .more:hover {transform: rotate(180deg);}

@media screen and (max-width:1200px) {
    .wrap-briefing ul {margin:0; margin-top:2.5rem;}
    .wrap-briefing ul li {padding:0;}


    .wrap-briefing .control button {display: block;}
    .wrap-briefing .control .play,
    .wrap-briefing .control .stop {display: none;}
    .wrap-briefing .control .play.on,
    .wrap-briefing .control .stop.on {display: block;}
    .wrap-briefing .more {position: relative; top:0; width:2.4rem; height:2.4rem; background-color:#fff; background-repeat: no-repeat; background-position: center; border:.1rem solid #D8D8D8; border-radius:.4rem; text-indent: -9999rem;}
    .wrap-briefing .more:hover {transform:unset;}
}