@charset "utf-8";
/*common*/
.btns .arrow.prev{background-image:url(/share/2023/img/icon-slide-prev.svg)}
.btns .arrow.next{background-image:url(/share/2023/img/icon-slide-next.svg)}
.btns .auto-btn.stop{background-image:url(/share/2023/img/icon-slide-pause.svg)}
.btns .auto-btn.play{background-image:url(/share/2023/img/icon-slide-play.svg)}
.btns{display:flex; gap:4px}
.btns .btn{display:block; width:24px; height:24px; border-radius:50%;background-color:rgba(255,255,255,0.2);}
.main .slick-ready{opacity:0; transition:opacity 0.2s}
.main .slick-ready.on{opacity:1}
.main .slide-control{display:flex; justify-content:flex-end; gap:4px;}
.main .slick-dots{display:flex !important; align-items:center; height:100%; gap:4px; margin-right:10px;}
.main .slick-dots button{width:24px; height:4px; background:#fff; opacity:0.47; text-indent:-9999px;}
.main .slick-dots button:focus{opacity:1; box-shadow:0 0 0 3px green;}
.main .slick-dots li{height:4px;}
.main .slick-dots .slick-active button{opacity:1;}

/*sec01 : common*/
#sec-01{ transition:background 0.3s}
#sec-01.bg-01{background:#002aa1 url("/share/2023/img/mv-01.png") no-repeat right center; }
#sec-01.bg-02{background:#36a297 url("/share/2023/img/mv-02.jpg") no-repeat right center; }
#sec-01 .btns .btn{background-color:rgba(255,255,255,0.2); backdrop-filter: blur(50px) brightness(1.2); -webkit-backdrop-filter: blur(50px); box-shadow:0 3px 10px rgba(0,0,0,0.02); transition:background 0.2s}
#sec-01 .btns .btn:hover{background-color:rgba(0,0,0,0); backdrop-filter: blur(0) brightness(0%); -webkit-backdrop-filter: blur(0) brightness(0%);}
#sec-01.bg-02 .btns .btn{background-color:rgba(0,0,0,0.5)}
#sec-01.bg-02 .top .pager{background-color:rgba(0,0,0,0.5)}
/*sec01 : top*/
#sec-01 .top{padding-top:19rem; margin-bottom:4.4rem; padding-left:13px;}
#sec-01 .top .content-title{font-family: 'S-CoreDream', sans-serif; font-weight:800; font-size:4.8rem; color:#fff; letter-spacing: -0.14em; margin-bottom:0.45em}
#sec-01 .top .title-row{overflow: hidden;}
#sec-01 .top .title-row + .title-row{margin-top:0.2em;}
#sec-01 .top .title-row:last-child{letter-spacing: -0.12em;}
#sec-01 .top .title-row:first-child{color:#ffd258}
#sec-01 .top .title-row span{display:block}
#sec-01 .top .content-desc{font-size:2.4rem; letter-spacing: -0.048em; color:#fff; opacity: 1;  line-height: 1.2;}
#sec-01 .top .slide-control{display:flex; gap:4px; margin-top:1.6rem; justify-content:flex-start;}
#sec-01 .top .pager{width:6rem; height:24px; border-radius:9999px; background-color:rgba(255,255,255,0.2); backdrop-filter: blur(50px) brightness(1.2); -webkit-backdrop-filter: blur(50px); box-shadow:0 3px 10px rgba(0,0,0,0.02); display:flex; align-items:center; justify-content:center; gap:1px; transition:background 0.2s}
#sec-01 .top .pager, #sec-01 .top .pager span{color:#fff; font-size:1.4rem; font-weight:700}
#sec-01 .top .title-row span{transform:translateY(130%); display: block; transition: transform 0.8s; transition-delay: 0.4s;}
#sec-01 .top .title-row:nth-child(2) span{transition-delay: 0.5s;}
#sec-01 .top .slick-active .title-row span{transform:translateY(0); display: block;}
#sec-01 .top .content-desc span{opacity: 0;  transition: opacity 0.4s; transition-delay: 0.9s;}
#sec-01 .top .slick-active .content-desc span{opacity: 1;}
/*#sec-01.color-02 .top .title-row:first-child{color:#0B327E}*/
#sec-01 .bottom:after{content:""; display:block; clear:both;}
#sec-01 .bottom .left{float:left; width:60.92857%; margin-right:75px; overflow:hidden;}
#sec-01 .bottom .right{float:left; width:calc(100% - 60.92857% - 75px); overflow:hidden;}
#sec-01 .gallery-slide .slick-wrapper{margin-bottom:10px; }
#sec-01 .gallery-slide .slick-wrapper .slick-slide{}
#sec-01 .gallery-slide .slide-item a{display:block; padding:0 13px;}
#sec-01 .gallery-slide .slide-item img{width:100%; transition:transform 0.4s}
#sec-01 .gallery-slide .item-desc{width:24rem; padding:1.7rem 2rem; margin-top:-5.8rem; margin-left:-10px; position:relative; z-index:1; border-radius:0 0 12px 0; background:#00299F;}
#sec-01 .gallery-slide .item-desc:before{content:""; display:block; width:10px; height:10px; border-top:10px solid transparent; border-right:10px solid #232C36; position:absolute; top:-10px; left:0;}
#sec-01 .gallery-slide .item-title{font-size:1.6rem; color:#fff; font-weight:500; overflow: hidden; line-height:1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#sec-01 .gallery-slide .item-date{font-size:1.3rem; font-weight:600; color:#fff; opacity:0.64}
#sec-01 .gallery-slide .slide-control{padding-right:13px;}
#sec-01 .thumbnail{position:relative; border-radius:4px; overflow:hidden; background:#eee;}
#sec-01 .thumbnail:after{content:""; display:block; width:100%; height:0; padding-bottom:65.196%;}
#sec-01 .thumbnail img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
#sec-01 .popzone{position:relative; padding-left:4.4rem;}
#sec-01 .popzone-slide .thumbnail{border-radius:0 4px 4px 0;background:#eee;}
#sec-01 .popzone-slide .thumbnail img{object-fit:cover;}
#sec-01 .popzone-slide .thumbnail:after{padding-bottom:62.1495%;}
#sec-01 .bottom .right .slide-control{margin-top:13px;}
#sec-01 .pz-btn{width:4.4rem; height:100%; background:#000; border-top:4px solid #7ECC94;  border-radius: 0 0 0 15px; transition: border 0.2s; overflow: hidden; float:left; position:absolute; left:0; top:0;}
#sec-01 .pz-btn .btn-name{display:block; white-space:nowrap; font-size:1.2rem; color:#fff; font-weight:800; letter-spacing: -0.03em; transform: rotate(90deg); transform-origin: 0 0; line-height:4.4rem; background:#000; z-index: 1; position: relative; left:4.4rem; padding-left:1.7rem; width: 132px;}
#sec-01 .pz-btn:after{content:""; display:block; width:1px; height:calc(100% - 4em); background:#424242; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
#sec-01 .slide-item a:focus{outline:none;}
#sec-01 .slide-item a:focus figure:before{content:""; display:block; width:calc(100% - 4px); height:calc(100% - 4px); border:3px dashed green; position:absolute; top:2px; left:2px; z-index:1}
#sec-01 .slide-item a:focus .item-desc{background:#000;}
#sec-01 .gallery-slide .slide-item a:hover img{transform:scale(1.05);}

.feed-list .gallery-item .list-card{padding:0; border:none; height:314px; position:relative;}
.feed-list .gallery-item figure{width:100%; height:100%; overflow:hidden;}
.feed-list .gallery-item figure img{width:100%; height:100%; object-fit:cover;}
.feed-list .gallery-item .item-desc{position:absolute; bottom:0; left:0; width:100%; height:80%; background:Red; display:flex; flex-direction:column; justify-content:flex-end; padding:22px;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); color:#fff;}
.feed-list .gallery-item .item-desc .item-title{font-size:1.8rem; overflow: hidden; line-height:1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.feed-list .gallery-item .item-desc .item-date{font-size:1.4rem; opacity:0.7}

#sec-07{background:url(/share/2023/img/pr-bg.jpg) no-repeat right top;}
#sec-07 .p-inner{display:flex; padding-top:159px;}
#sec-07 .left{width:calc(100% - 442px); margin-right:24px}
#sec-07 .right{width:418px; padding-top:78px; margin-bottom:100px;}
#sec-07 .pr-top{display:flex; align-items:center; justify-content:space-between;; margin-bottom:34px;}
#sec-07 .btns .btn{background-color:#000}
#sec-07 .btns .auto-btn{background-color:#004195}
#sec-07 .pr-title{display:flex; align-items:center; gap:50px}
#sec-07 .sec-title{padding:0; position:relative;}
#sec-07 .pr-title .sec-title:after{content:""; display:block; width:1px; height:20px; background:#eee; position:absolute; right:-25px; top:50%; margin-top:-10px;}
#sec-07 .sns-list{display:flex; gap:14px;}
#sec-07 .sns-list .sns-item{width:44px; height:44px; border-radius:50%; border:1px solid #E4E8E9; background-size:100% auto; background-repeat:no-repeat; display:block; box-shadow:0 4px 18px rgba(84,142,172,0.19); transition:all 0.2s;}
#sec-07 .sns-list .sns-item:hover{border-color:#1560BE; transform:translateY(2px)}
#sec-07 .sns-list .sns-item.blog{background-image:url(/share/2023/img/icon-pr-blog.svg)}
#sec-07 .sns-list .sns-item.instagram{background-image:url(/share/2023/img/icon-pr-instagram.png)}
#sec-07 .sns-list .sns-item.facebook{background-image:url(/share/2023/img/icon-pr-facebook.svg)}
#sec-07 .sns-list .sns-item.navertv{background-image:url(/share/2023/img/icon-pr-naver.svg)}
#sec-07 .sns-slide {padding-bottom:160px;}
#sec-07 .sns-slide .slide-content a{display:block;}
#sec-07 .sns-slide .slide-content figure{position:relative; background:#eee; border-radius:4px; overflow:hidden; margin-bottom:26px;}
#sec-07 .sns-slide .slide-content figure:after{content:""; display:block; width:100%; height:0; padding-bottom:100%;}
#sec-07 .sns-slide .slide-content figure img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
#sec-07 .sns-slide .slide-content .meta{border-bottom:1px solid #eee; padding-bottom:16px; margin-bottom:16px; display:flex; justify-content:space-between; align-items:center;}
#sec-07 .sns-slide .slide-content .author,
#sec-07 .sns-slide .slide-content .date{display:flex; align-items:center; }
#sec-07 .sns-slide .slide-content .author img{width:20px; height:auto; margin-right:10px}
#sec-07 .sns-slide .slide-content .author span{font-family:'Montserrat', sans-serif; font-weight:800; color:#000; font-size:15px; white-space:nowrap;}
#sec-07 .sns-slide .slide-content .date img{margin-right:6px;}
#sec-07 .sns-slide .slide-content .date span{color:#888; font-size:14px; font-weight:500; white-space:nowrap;}
#sec-07 .sns-slide .slide-content .post-caption{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px; color:#505050; line-height:1.4}
#sec-07 .sns-slide .slick-slide{margin:0 15px;}
#sec-07 .sns-slide .slick-slide.empty{font-size:1.5rem; opacity:0.5; height:380px; display:flex; align-items:center; justify-content:center;}
#sec-07 .sns-slide .slick-list{margin:0 -15px;}
#sec-07 .slick-dots button{background:#000; opacity:0.13}
#sec-07 .slick-dots .slick-active button{background:#024DBD; opacity:1;}
#sec-07 .pr-btn{display:flex; align-items:center; justify-content:space-between; background:#fff; box-shadow:3px 14px 31px rgba(6,6,125,0.12); border-radius:6px; position:relative; transform:translateX(36px); transition:all 0.2s; border:2px solid #fff}
#sec-07 .pr-btn + .pr-btn{margin-top:16px;}
#sec-07 .pr-btn .label{padding-left:46px;}
#sec-07 .pr-btn .label img{height:14px; width:auto;}
#sec-07 .pr-btn .label .title{margin-top:8.5px; font-size:24px; color:#000; font-weight:700}
#sec-07 .pr-btn .label .desc{margin-top:6px; font-size:15px; color:#888; font-family:'Montserrat', sans-serif; font-weight:500; letter-spacing:-0.05em;}
#sec-07 .pr-btn:hover{border:2px solid #1560BE; transform:translate(36px, 2px)}

.pr-video-layer{position: fixed; z-index: 99999; width: 100vw; height: 100%; top: 0; left: 0; right: 0; bottom: 0; display:none;}
.pr-video-layer .layer-inner{height:100%; background:rgba(0,0,0,0.8); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.pr-video-layer .video-container{width:60vw; border-radius:4px; overflow:hidden; position:relative; margin-bottom:30px;}
.pr-video-layer .video-container:after{content:""; display:block; width:100%; height:0; padding-bottom:56.25%;}
.pr-video-layer .video-container .pr-video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.pr-video-layer .layer-close{border:2px solid #fff; color:#fff; display:flex; align-items:center; justify-content:center; width:120px; height:40px; border-radius:9999px; font-size:1.6rem; opacity:0.5; transition:opacity 0.2s}
.pr-video-layer .layer-close:hover{opacity:1 !important;}

#quick-float{position:fixed; right:2%; top:50vh; transform:translateY(-50%); z-indeX:110; text-align:right; border-right:2px solid rgba(255,255,255,0.2); padding:4px 22px 4px 0}
#quick-float li + li{margin-top:20px;}
#quick-float a{color:#fff; opacity: 0.8; font-size:1.6rem; font-weight:500; position:relative; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
#quick-float a.on:after{content:""; display:block; width:2px; height:1.35em; background:#fff; position:absolute; right:-24px; top:50%; transform:translateY(-50%)}
#quick-float a.on{opacity:1; font-weight:700;}
#quick-float a.on:before{content:""; display:block; width:6px; height:6px; background:#47FF92; border-radius:50%; position:absolute; left:-14px; top:50%; transform:translateY(-50%)}
#quick-float.on{border-color:rgba(0,0,0,0.2)}
#quick-float.on a{color:#000; text-shadow:none; opacity:0.6}
#quick-float.on a.on{opacity:1;}
#quick-float.on a.on:after{background:#000}

@media screen and (max-width: 1600px) {
    #quick-float{transform:none; right:0; top:auto; bottom:0; border:none; background:#fff; border-radius:16px 0 0 0; padding:12px 20px 10px; box-shadow:0 -4px 18px rgba(84,142,172,0.19); height:50px;}
    #quick-float ul{display: flex; align-items:center; height:100%;}
    #quick-float a{color:#000 !important; font-size:1.5rem; text-shadow:none; opacity:0.5;}
    #quick-float a.on:before{display:none}
    #quick-float a.on:after{display:none}
    #quick-float.on a{opacity:0.5}
    #quick-float li + li{margin-top:0; margin-left:16px;}
}
@media screen and (max-width: 1492px) {
    #sec-07 .left{width:calc(100% - 442px); margin-right:60px}
    #sec-07 .pr-btn{transform:none;}
    #sec-07 .pr-btn:hover{transform:translateY(2px)}
}
@media screen and (max-width: 1400px) {
    #sec-01 .top{padding-top:26rem;}
    #sec-01 .p-inner{padding:0 2rem}
    #sec-01{overflow:visible; height:auto; }
    #sec-01.bg-01{background-position:right 50% top; background-color:transparent; background-size:auto 600px;}
    #sec-01.bg-02{background-position:right 50% top; background-color:transparent; background-size:auto 600px;}
    #sec-01 .bottom .left{width:calc(50% - 10px); margin-right:20px; }
    #sec-01 .bottom .right{width:calc(50% - 10px);  }
    #sec-01 .thumbnail:after{padding-bottom:60%;}

    #sec-01 .bottom .btns .btn {background-color:black}
    .latest-wrapper .deco{display:none;}
    .latest-wrapper:after{display:none;}
    #sec-01 .bottom .slick-dots button{background:#000; opacity:0.3}

}
@media screen and (max-width: 1200px) {
    #sec-07 {background-position:right bottom; }
    #sec-07 .p-inner{display:block;padding-top:60px;}
    #sec-07 .left{width:100%; margin-right:0;}
    #sec-07 .sns-slide{padding-bottom:60px;}
    #sec-07 .right{width:100%; padding:0; display:flex; gap:10px; padding-bottom:80px;}
    #sec-07 .right .pr-btn{width:100%;}
    #sec-07 .right .pr-btn + .pr-btn{margin-top:0;}
}
@media screen and (max-width: 1024px) {
    #quick-float{display:none;}
	#sec-01 .top{padding-left:0;}
    #sec-01 .top .content-title{font-size:32px;}
    #sec-01.bg-01{background-position:right 40% top;}
    #sec-01.bg-02{background-position:right 40% top;}
    #sec-01 .bottom .left{width:100%; margin:0 0 40px 0; float:none;}
    #sec-01 .gallery-slide .slide-item a{padding:0;}
    #sec-01 .gallery-slide .slide-item figure{border-radius:4px 4px 0 0;}
    #sec-01 .gallery-slide .item-desc{width:100%; margin:0; border-radius:0 0 4px 4px}
    #sec-01 .gallery-slide .item-desc:before{display:none;}
    #sec-01 .gallery-slide .slide-control{padding:0;}
    #sec-01 .bottom .right{width:100%; margin:0 0 20px 0; float:none;}
    #sec-07 .pr-top{display:block; margin-bottom:24px;}
    #sec-07 .pr-title{margin-bottom:20px;}
    #sec-07 .right{display:block;}
    #sec-07 .right .pr-btn{margin-bottom:10px;}
}

@media screen and (max-width: 600px) {
    #sec-01.bg-01{background-position:right 35% top;}
    #sec-01.bg-02{background-position:right 35% top;}
    #sec-01 .top .content-title{font-size:28px;}
    #sec-01 .top .content-desc{font-size:20px;}
}

@media screen and (max-width: 500px) {
    #sec-01.bg-01{background-position:right 30% top;}
    #sec-01.bg-02{background-position:right 30% top;}
    #sec-01 .top .content-title{font-size:24px;}
    #sec-01 .top .content-desc{font-size:17px;}    
    #sec-05 .quick-btn .btn-eng{display:none;}
    #sec-07 .pr-title {justify-content:space-between;}
    #sec-07 .pr-title .sns-list{gap:2px; justify-content:flex-end;}
    #sec-07 .pr-title .sns-list .sns-item{width:30px; height:30px;}
    #sec-07 .pr-title .sec-title:after{display:none;}
    #sec-07 .pr-btn .label{padding-left:30px; white-space:nowrap}
    #sec-07 .pr-btn .label .title{font-size:20px;}
    #sec-07 .pr-btn .label .desc{font-size:14px;}
    #sec-07 .pr-btn .label ~ img{width:60vw;}
    
}

/*접근성추가*/
.main .arrow-btn:focus{background:#000; color:#fff;}
#sec-05 .greet-btn:focus{background:#000; border-color:#000; color:#fff;}

/*영문페이지*/

[lang="en"] #sec-01{margin-bottom:100px;}
[lang="en"] #sec-01 .p-inner{padding-top:135px;}
[lang="en"] .content-title{font-family:'Montserrat', 'Pretendard', sans-serif; font-weight:900}
[lang="en"] #sec-01 .title-row{letter-spacing:-0.05em; font-family:'Montserrat', 'Pretendard', sans-serif; height:1.1em;}
[lang="en"] #sec-01 .title-row:last-child{letter-spacing:-0.05em}
[lang="en"] #sec-01 .top .slide-control{margin-top:3rem;}
[lang="en"] #sec-07 .pr-btn .label .title{font-family:'Montserrat', 'Pretendard', sans-serif; letter-spacing:-0.04em}
@media screen and (max-width: 1400px) {
	[lang="en"] #sec-01{margin-bottom:50px;}
	[lang="en"] #sec-01 .top{padding-top:18rem; padding-bottom:5rem;}
}