@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 41rem;}
#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(2, 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;}
}

/* 정책브리핑 */
#koreaIframe{width: 100%; height: 35rem;}
.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:10.1rem; 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;}
}


.alert-layer {position:fixed; left:0; top:0; z-index:71; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0,0,0,0.3); opacity:0; visibility:hidden; transition:all .3s;}
.alert-layer.on {visibility:visible; opacity:1;}
.alert-layer .layer-inner {position:relative; background:#fff; border-radius:1.2rem; max-width:70rem; max-height:50rem; overflow: hidden;}
.alert-layer .scroll-box {overflow-y:auto; max-height:46rem; padding:2rem; background-color: white;}
.alert-layer li {margin-bottom:1rem;}
.alert-layer .layer-header{display: flex; justify-content: space-between; background-color: #2F67CD; padding: 1rem 2rem; align-items: center;}
.alert-layer .layer-header h1{font-size: 2rem; color: white; font-family: pbGov;}
.alert-layer .layer-header .krds-btn.icon.xlarge .svg-icon{background-color: white;}