@charset "utf-8";
/*************************************************
프로젝트명 : 2020 송년특집
commnet :Rwd Style (769px 이상) - web
*************************************************/
.slick-slider{position: relative;display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color:transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

html,body{
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
-moz-osx-font-smoothing:grayscale;
}
body{font-weight:normal;font-family:Pretendard,'Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2;}
@media only screen and (min-width:769px){
	/* body{font-weight:normal;font-family:Pretendard,'Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2;} */
	/* h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2}
	p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:normal;font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.2} */
}
/* Media Queri End */
button{border:0;background:none;}

/* selection */
::selection{opacity:0.1;background:rgba(0,135,255,0.2);}
::-moz-selection{background:rgba(0,135,255,0.2);}

/* skip navigation */
#skip-nav{position:relative;}
#skip-nav a{overflow:hidden;position:absolute;width:1px;height:1px;margin-bottom:-1px;}
#skip-nav a:focus,#skip-nav a:active{overflow:auto;display:block;position:absolute;width:100%;height:30px;margin:0;background-color:#0087ff;font-weight:bold;font-size:14px;line-height:30px;color:#000;text-align:center;z-index:200;}
.msie7 #skip-nav a:focus,#skip-nav a:active,
.msie8 #skip-nav a:focus,#skip-nav a:active{font-weight:normal;}

/* layout */
body{background:#fff;}
.inner{width:1200px;margin:0 auto;position:relative}
/* header */
.header{overflow:hidden;position:fixed;top:0;left:0;width:100%;min-width:1600px;background-color: rgba(255, 255, 255, 0.3);backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);z-index:100;}
.header .inner{position:relative;height:80px;padding-top:20px;box-sizing:border-box;}
.head-aside{position:absolute;top:22px;right:0;}
.header.open .head-aside{z-index:101;}
.btn-mob-nav{overflow:hidden;position:relative;width:38px;height:38px;padding:7px 11px;background:url('../img/sprites.svg?v=20231208_0931') no-repeat -200px 0;}
.head-yna-log{overflow:hidden;display:inline-block;width:112px;height:37px;text-indent:-500px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 0;}
.head-main{position:absolute;left:123px;top:25px;color:#000;font-size:24px;font-weight:bold;letter-spacing:-0.6px;}
.head-main:hover{text-decoration:none;}


body[data-page='list'] .header .menu{display:none;}

.header .menu{display:flex;align-items:center;position:absolute;top:30px;right:90px;}
.header .menu li + li{margin-left:40px;}
.header .menu li a{display:inline-block;position:relative;padding-left:30px;font-size:18px;color:#111;font-weight:500;letter-spacing:-0.45px;}
.header .menu li a:hover{text-decoration:none;}
.header .menu li a:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:20px;height:20px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat -300px -200px;}
.header .menu li a:hover:before{width:22px;height:22px;background-position:-200px -200px;}
.header .menu li.active a:before{width:22px;height:22px;background-position:-200px -200px;}

.open-layer{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:0;z-index:-1;opacity:0;}
.open-layer.open{z-index:100;height:100%;opacity:1;}
.open-layer .dimed{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.open-layer .inner{position:relative;height:100%;}
.open-layer .head-nav{position:absolute;left:0;bottom:0;background:#000;width:550px;height:0;z-index:-1;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
}
.open-layer.open .head-nav{height:100%;z-index:1;}
.open-layer .head-nav .gnb{position:absolute;left:0;top:-50px;opacity:0;
transition: all 0.5s ease-in 0.2s;
-webkit-transition: all 0.5s ease-in 0.2s;
-ms-transition: all 0.5s ease-in 0.2s;
}
.open-layer.open .head-nav .gnb{top:140px;opacity:1;width:100%;text-align:center;}
.open-layer .head-nav .gnb li{margin-bottom:40px}
.open-layer .head-nav .gnb a{position:relative;display:inline-block;color:#fff;font-size:35px;}
.open-layer .head-nav .gnb a i{position:absolute;left:0;width:0;height:1px;bottom:0;background:#fff;
transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
-ms-transition: all 0.1s ease-in;
}
.open-layer.open .head-nav .gnb .current a i,
.open-layer.open .head-nav .gnb a:hover i{width:100%;}
.open-layer.open .btn-close{position:absolute;top:20px;left:20px;width:38px;height:38px;background:none;-webkit-tap-highlight-color:transparent;}
.open-layer.open .btn-close .i01,
.open-layer.open .btn-close .i02{content:'';position:absolute;right:18px;top:8px;height:24px;width:1px;background-color:#fff;}
.open-layer.open .btn-close .i01 {transform:rotate(45deg);}
.open-layer.open .btn-close .i02 {transform:rotate(-45deg);}

/* footer */
.footer-unit011{position:relative;width:100%;background:#040921;}
.footer-unit011 .footer-menu{display:none;}
.footer-unit011 .inner{position:relative;width:1200px;height:250px;box-sizing:border-box;padding:30px 0 0;margin:0 auto;}
.footer-unit011 .list-text13{position:relative;text-align:center;}
.footer-unit011 .list-text13:nth-child(2){margin:0 0 30px;padding:30px 0;}
.footer-unit011 .list-text13:nth-child(2):after{content:'';clear:both;position:absolute;left:50px;bottom:0;width:1100px;height:1px;background:#1d2239;}
.footer-unit011 .list-text13 li{display:inline-block;font-size:12px;line-height:18px;}
.footer-unit011 .list-text13 li+li{margin-left:24px;}
.footer-unit011 .list-text13 a{padding:4px;font-size:15px;line-height:1.27;letter-spacing:-0.75px;color:#fff;}
.footer-unit011 .list-text13 .point01 a{color:#cdeefd;opacity:1;}
.footer-unit011 .txt01,
.footer-unit011 .txt02{text-align:center;font-size:15px;line-height:1.27;color:#fff;opacity:0.6;}
.footer-unit011 .txt02{margin:20px 0 0;}
.footer-unit011 .txt01 span{position:relative;}
.footer-unit011 .txt01 span+span{margin-left:36px;padding-left:36px;}
.footer-unit011 .txt01 span+span:before{content:'';clear:both;position:absolute;top:4px;left:0;width:1px;height:10px;background:#dedede;opacity:0.6;}
.footer-unit011 .txt02 span{}
.footer-unit011 .txt02 span+span{margin-left:50px;}
.footer-unit011 .innver{position:relative;}

/* title-unit */
.title-unit001{font-size:60px;letter-spacing:-1.5px;}
.title-unit001 strong{font-weight:bold;}
.wrap{min-width:1600px;}
.container{padding:165px 0 290px;}

.btn-top{position:fixed;bottom:270px;right:200px;width:70px;height:70px;background:url('../img/sprites.svg?v=20231208_0931') no-repeat -400px -100px;z-index:100;opacity:0;transition:opacity 0.4s;}
.btn-top.active{opacity:1;}

.section{position:relative;}
.section .menu-section{}
.menu-section{height:160px;position:absolute;right:0;top:50%;z-index:10;margin-top:-60px;background:#000;}
.menu-section .m{color:#fff;font-size:12px;line-height:15px;padding:15px 0;position:absolute;right:0;text-align:center;text-decoration:none;display:block;width:40px;height:30px;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;-ms-transition:background 0.3s;transition:background 0.3s;}
.menu-section .m:hover{background-color:#3b3b3b}
.menu-section .pages{display:block;line-height:38px;border:1px solid #333;border-width:1px 0;text-align:center;font-size:10px;color:#666;font-weight:bold;width:40px;}
.menu-section .pages strong{color:#fff;vertical-align:middle;}
.menu-section .menu{position:relative;width:40px;height:40px;top:60px;}
.menu-section .menu:hover .wrap{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);}
.no-csstransforms3d .menu-section .menu:hover .wrap{display:block}
.menu-section .menu .wrap{position:absolute;right:40px;top:50%;overflow:hidden;overflow-y:auto;width:200px;text-align:right;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;outline:1px solid transparent;-webkit-transform:perspective(100px) rotateY(-90deg);-moz-transform:perspective(100px) rotateY(-90deg);-o-transform:perspective(100px) rotateY(-90deg);-ms-transform:perspective(100px) rotateY(-90deg);transform:perspective(100px) rotateY(-90deg);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-o-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;}
.no-csstransforms3d .menu-section .menu .wrap{display:none}
.menu-section .menu ul{text-align:left;display:inline-block;vertical-align:middle;background:#272727;width:180px;font-size:10px;line-height:16px;text-transform:uppercase;font-weight:500;}
.menu-section .menu ul li{height:40px;}
.menu-section .menu ul a{display:block;text-decoration:none;color:#fff;padding:0 20px;line-height:40px;-webkit-transition:background 0.3s;-moz-transition:background 0.3s;-o-transition:background 0.3s;-ms-transition:background 0.3s;transition:background 0.3s;}
.menu-section .menu ul a:hover,.menu-section .menu ul a.active{background:#3b3b3b}

/* 10대 */
@keyframes main-news-ani {
	0% {filter: hue-rotate(0); }
	35% {filter: hue-rotate(-40deg); }
	70% {filter: hue-rotate(20deg); }
	100% {filter: hue-rotate(0); }
}
@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}
.cont.type01 .title-unit001{position:absolute;top:0;left:0;}
.cont.type01 .tab-menu{position:absolute;top:initial;bottom:50px;right:0;}
.cont.type01 .circle{position:absolute;bottom:-60px;left:10px;width:99px;height:112px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 -400px;animation-name:rotate;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear;z-index:10;}
.list-unit001{position:relative;overflow:hidden;height:650px;}
.list-unit001 .list .img-wrap{position:relative;width:1200px;height:650px;}
.list-unit001 .list .img-wrap:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/news_main_dimed.png) no-repeat 0 0;}
.list-unit001 .list .img-wrap img{width:100%;height:auto;}
.list-unit001 .info{position:absolute;bottom:70px;left:40px;}
.list-unit001 .info .title{color:#fff;font-size:50px;font-weight:bold;letter-spacing:-1.25px;}
.list-unit001 .info .more-btn{display:flex;align-items:center;margin-top:5px;}
.list-unit001 .info .more-btn:hover{text-decoration:none;}
.list-unit001 .info .more-btn .txt{color:#fff;font-size:16px;font-weight:500;letter-spacing:-0.4px;}
.list-unit001 .info .more-btn .ico{display:inline-block;width:50px;height:50px;margin-left:15px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 -100px;}
.list-unit001 .info .option{display:flex;align-items:center;margin-top:24px;}
.list-unit001 .info .option .progress-wrap{display:flex;align-items:center;margin-right:20px;}
.list-unit001 .info .option .progress-wrap .progress{position:relative;width:140px;height:2px;margin:0 10px;background-color:#fff;}
.list-unit001 .info .option .progress-wrap .progress .bar{display:inline-block;position:absolute;top:0;left:0;height:2px;background-color:#00bf9d;transition:width 0.3s;}
.list-unit001 .info .option .current-num,
.list-unit001 .info .option .total-num{width:20px;font-size:16px;font-weight:500;letter-spacing:-0.4px;color:#fff;}
.list-unit001 .info .option .btn-wrap button{display:inline-block;width:14px;height:24px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 0;font-size:0;}
.list-unit001 .info .option .btn-wrap button + button{margin-left:33px;}
.list-unit001 .info .option .btn-wrap button.slick-prev{background-position:0 -200px;}
.list-unit001 .info .option .btn-wrap button.slick-next{background-position:-100px -200px;}

/* 화제의인물 */
.cont.type02{padding:100px 0;}
.cont.type02 .title-unit001{margin-bottom:115px}
.cont.type02 .tab-menu{top:155px;}
.list-unit002{position:relative;}
.list-unit002 .list{height:551px;margin:0 -5px;overflow:hidden;}
.list-unit002 .list li{position:relative;width:232px;height:367px;margin:0 5px;border-radius:40px;overflow:hidden;}
.list-unit002 .list li .btn{position:absolute;top:20px;right:25px;width:60px;height:60px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat -500px -100px;transition:transform 0.3s;transition-delay:300ms;transform:scale(0);}
.list-unit002 .list .slick-list{padding:92px 0 !important;}
.list-unit002 .slick-slider .slick-slide{transition:all 0.3s;}
.list-unit002 .slick-slider .slick-slide.slick-center{z-index:10;transform:scale(1.4);}
.list-unit002 .slick-arrow{position:absolute;top:50%;width:80px;height:80px;font-size:0;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 0;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);border-radius:40px;}
.list-unit002 .slick-arrow.slick-prev{left:0;margin:-40px 0 0 -40px;background-position:-200px -100px;}
.list-unit002 .slick-arrow.slick-next{right:0;margin:-40px -40px 0 0;background-position:-300px -100px;}
.list-unit002 .list .preview{position:relative;}
.list-unit002 .list .preview .img-wrap img{width:100%;height:auto;}
.list-unit002 .list .preview .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3;background-color:#0e0d45;transition:opacity 0.3s;}
.list-unit002 .list .preview .name{position:absolute;bottom:25px;left:0;width:100%;padding:0 20px;font-size:40px;line-height:1;font-weight:bold;color:#fff;letter-spacing:-1px;box-sizing:border-box;word-break:keep-all;}
.list-unit002 .list .detail{position:absolute;top:0;left:100%;width:100%;height:100%;padding:65px 15px 40px 30px;background-image:linear-gradient(to bottom, #4965ff, #00bf9d);border-radius:40px;box-sizing:border-box;transition:left 550ms cubic-bezier(0.8, 0, 0.2, 1) 0ms}
.list-unit002 .list li.on .detail{left:0;transition:left 750ms cubic-bezier(0.8, 0, 0.2, 1) 0ms;}
.list-unit002 .list .detail .box{height:100%;padding-right:15px;overflow-y:auto;}
.list-unit002 .list .detail .box::-webkit-scrollbar {width:8px;background-color:transparent;}
.list-unit002 .list .detail .box::-webkit-scrollbar-thumb{background-color:#fff;border-radius:4px;}
.list-unit002 .list .detail .tit{font-size:35px;font-weight:bold;color:#fff;letter-spacing:-1.25px;word-break:keep-all;}
.list-unit002 .list .detail .text{margin-top:15px;font-size:11px;color:#fff;letter-spacing:-0.4px;line-height:17px;}
.list-unit002 .slick-slider .slick-slide.slick-center .btn{display:inline-block;top:10px;right:10px;transform:scale(0.7);}
.list-unit002 .slick-slider .slick-slide.slick-center.on .btn{transform:scale(0.7) rotate(45deg);}
.list-unit002 .slick-slider .slick-slide.slick-center .bg{opacity:0;}

.tab-menu{position:absolute;top:0;right:0;}
.tab-menu .btn{position:relative;font-size:30px;color:#c3c3cc;font-weight:bold;letter-spacing:-0.75px;}
.tab-menu .btn:after{content:'';display:inline-block;position:absolute;top:0;right:-15px;width:13px;height:13px;background-color:#00bf9d;border-radius:50%;transform:scale(0);transition:transform 0.3s;}
.tab-menu .btn.on{color:#000;}
.tab-menu .btn.on:after{transform:scale(1);}
.tab-menu .btn + .btn{margin-left:60px;}
.tab-cont{position:relative;}
.tab-cont .tab-box{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 0.3s;z-index:0;}
.tab-cont .tab-box.on{opacity:1;z-index:1;}

.cont.type01 .inner{width:100%;margin:0;padding-top:0;}
.cont.type01 .cont-wrap{position:relative;width:1200px;height:200px;margin:0 auto;}
.cont.type01 .tab-cont{position:relative;padding:75px 0;background:url('../img/news_main_bg01.jpg') no-repeat 0 0;background-size:cover;/*animation-name:main-news-ani;animation-duration:5s;animation-fill-mode:forwards;animation-iteration-count:infinite;*/}
.cont.type01 .tab-cont .tab-box-wrap{position:relative;width:1200px;height:650px;margin:0 auto;}

.cont.type02 .tab-cont{height:551px;}

/* 결산 */
.cont.type03{padding:40px 0 160px;background-color:#f8f9fb;}
.cont .inner{width:1200px;margin:0 auto;}
.list-unit003{margin-top:30px;}
.list-unit003 .list{display:flex;justify-content:flex-start;column-gap:30px;flex-wrap:wrap;}
.list-unit003 .list li{display:flex;align-items:center;width:380px;height:480px;margin-top:20px;opacity:0;transform:translateY(60px);transition:all 0.4s;}
.list-unit003 .list li a{display:inline-block;width:100%;height:440px;border-radius:40px;overflow:hidden;transition:all 0.3s;background-color:#fff;}
.list-unit003 .list li a:hover{height:480px;text-decoration:none;box-shadow:0 20px 30px 0 rgba(0, 0, 0, 0.16);}
.list-unit003 .list .img-con{width:380px;height:240px;}
.list-unit003 .list .img-con img{width:100%;height:100%;object-fit:cover;}
.list-unit003 .list .news-con{position:relative;height:calc(100% - 240px);padding:32px 42px 0;box-sizing:border-box;}
.list-unit003 .list .news-con .tit{font-size:24px;line-height:34px;letter-spacing:-0.6px;}
.list-unit003 .list .news-con .sub-tit{position:absolute;bottom:42px;right:29px;}
.list-unit003 .list .news-con .sub-tit .date{color:#c3c3cc;font-size:16px;letter-spacing:-0.4px;}
.list-unit003 .list .news-con .sub-tit .more{display:none;position:relative;padding-right:60px;color:#fff;font-size:16px;letter-spacing:-0.4px;}
.list-unit003 .list .news-con .sub-tit .more:after{content:'';display:inline-block;position:absolute;top:-15px;right:0;width:50px;height:50px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat -100px -100px;}
.list-unit003 .list li a:hover .news-con{background-color:#00bf9d;}
.list-unit003 .list li a:hover .news-con .tit{color:#fff;}
.list-unit003 .list li a:hover .news-con .sub-tit .date{display:none}
.list-unit003 .list li a:hover .news-con .sub-tit .more{display:inline-block;}

/* 말.말.말 */
.cont.type04{padding:100px 0 120px;}
.list-unit004{margin-top:40px;}
.list-unit004 .list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.list-unit004 .list>li{position:relative;width:580px;height:480px;border-radius:40px;transition:all 0.3s;}
.list-unit004 .list>li:hover{box-shadow:0 25px 30px 0 rgba(0, 0, 0, 0.2);transform:translateY(-20px);}
.list-unit004 .list>li a{display:block;padding:138px 50px 120px;}
.list-unit004 .list>li a:hover{text-decoration:none;}
.list-unit004 .list>li:before{content:'';display:inline-block;position:absolute;top:48px;left:50px;width:100px;height:68px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 0;}
.list-unit004 .list>li:first-child{background-color:#4965ff;}
.list-unit004 .list>li:first-child:before{background-position:-200px -300px;}
.list-unit004 .list>li:last-child{background-color:#00bf9d;}
.list-unit004 .list>li:last-child:before{left:initial;right:50px;background-position:0 -300px;}
.list-unit004 .list .theme{position:absolute;bottom:-19px;right:50px;font-size:120px;font-weight:bold;letter-spacing:-3px;color:#fff;opacity:0.2;}
.list-unit004 .list .tit{font-size:38px;color:#fff;letter-spacing:-1px;font-weight:bold;}
.list-unit004 .sub-list{margin-top:20px;}
.list-unit004 .sub-list>li{font-size:18px;line-height:26px;letter-spacing:-0.45px;color:#fff;}
.list-unit004 .sub-list>li + li{margin-top:20px;}
.list-unit004 .more{position:absolute;bottom:15px;left:50px;display:flex;align-items:center;}
.list-unit004 .more .txt{color:16px;letter-spacing:-0.4px;color:#fff;}
.list-unit004 .more .ico{display:inline-block;width:50px;height:50px;margin-left:20px;background:url(../img/sprites.svg?v=20231208_0931) no-repeat -100px -100px;}

/* 의인열전 */
.cont.type05{padding:35px 0 120px;background-color:#0e0d45;}
.cont.type05 .inner{width:1520px;}
.cont.type05 .title-unit001{width:1200px;margin:0 auto;color:#fff;}
.list-unit005{position:relative;}
.list-unit005 .list{overflow:hidden;height:450px;margin:125px -5px 0;}
.list-unit005 .slick-arrow{position:absolute;top:50%;width:80px;height:80px;font-size:0;background:url(../img/sprites.svg?v=20231208_0931) no-repeat 0 0;}
.list-unit005 .slick-arrow.slick-prev{left:0;margin:-40px 0 0 -40px;background-position:-200px -100px;}
.list-unit005 .slick-arrow.slick-next{right:0;margin:-40px -40px 0 0;background-position:-300px -100px;}
.list-unit005 .list li{position:relative;width:500px;height:450px;margin:0 5px;border-radius:40px;opacity:0.2;transition:all 0.3s;}
.list-unit005 .list li.slick-center{opacity:1;}
.list-unit005 .list li:nth-child(n){background-color:#8b47ff;}
.list-unit005 .list li:nth-child(2n){background-color:#4965ff;}
.list-unit005 .list li:nth-child(3n){background-color:#00bf9d;}
.list-unit005 .list li a{display:inline-block;width:100%;height:100%;}
.list-unit005 .list li a:hover{text-decoration:none;}
.list-unit005 .list .img-con{width:200px;height:200px;margin:60px auto 0;border-radius:50%;}
.list-unit005 .list .img-con img{width:100%;height:auto;}
.list-unit005 .list .news-con{margin-top:30px;padding:0 87px;}
.list-unit005 .list .news-con .tit{color:#fff;font-size:30px;font-weight:500;line-height:40px;letter-spacing:-0.75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.list-unit005 .list .news-con .date{position:absolute;bottom:38px;right:51px;font-size:14px;color:#fff;letter-spacing:-0.35px;}

/* 뉴스 상세페이지 */
/* list */
.sec-head{position:relative;width:1200px;margin:0 auto;}
.sec-head:before{content:'';display:block;position:absolute;top:70px;left:0;width:100%;height:1px;background-color:#707070;}
.sec-head .tit{position:absolute;top:0;left:0;width:420px;font-size:60px;line-height:71px;letter-spacing:-1.5px;background-color:#fff;}
.sec-head .tit strong{font-weight:bold;}
.sec-head .btn-go{position:absolute;top:182px;left:0;display:flex;align-items:center;font-weight:500;font-size:16px;letter-spacing:-0.4px;}
.sec-head .btn-go:after{content:'';display:inline-block;width:50px;height:50px;margin-left:15px;background:url('../img/sprites.svg') no-repeat 0 -100px;}
.sec-head .txt{padding:162px 0 0 420px;}
.sec-head .txt p{font-size:16px;line-height:19px;letter-spacing:-0.4px;}
.sec-head .txt p + p{margin-top:20px;}

.sec-desc{opacity:0;margin-top:50px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.sec-desc.active{margin-top:0;opacity:1;}
.sec-desc .sub-txt{position:relative;padding:55px 0;margin-bottom:45px;text-align:center}
.sec-desc .sub-txt p{position:relative;display:block;font-weight:bold;font-size:30px;letter-spacing:-2px;}
.sec-desc .sub-txt p + p{margin-top:20px;}
.sec-desc .sub-txt span{font-weight:bold;}
.sec-desc.active .sub-txt p:after{width:100%;}
.sec-desc .sub-txt:after{content:'';display:inline-block;width:250px;height:7px;position:absolute;left:50%;bottom:0;margin-left:-125px;background:url(../img/sprites_40x40_02.png) no-repeat 0 -360px}
.sec-desc .txt{width:775px;margin:55px auto 0;text-align:center;}
.sec-desc .txt p{font-size:18px;line-height:1.4;margin-top:15px;word-break:keep-all}
.sec-list-wrap .list li{position:relative;height:422px;margin-top:100px;}
.sec-desc .sub-txt .txt-m{display:none;}
.sec-list-wrap .list li .box-img{overflow:hidden;position:absolute;left:calc(50% + 10px);}
.sec-list-wrap .list li .link-more01{display:block;margin:20px 0 0;font-size:16px;line-height:26px;color:#000;}

@keyframes newsListImgBg {
	0% { left:0;}
	100% { left:-100%; }
}
@keyframes newsListImg {
	0% { transform:scale(1.2);}
	100% { transform:scale(1); }
}
.list .box-img .bg-box{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(17, 17, 17, 0.5);}
.list li.active .box-img .bg-box{animation:newsListImgBg 0.7s normal forwards ease-in-out;}

.list .box-img img{width:750px;height:422px;transform:scale(1.2);}
.list li.active .box-img img{animation:newsListImg 0.7s normal forwards ease-in-out;}

.sec-list-wrap .list li .box-txt{width:calc(50% + 10px);margin-top:50px;}
.sec-list-wrap .list li.active .box-txt{margin-top:0;float:left}
.sec-list-wrap .list li .box-txt .tit-type03,
.sec-list-wrap .list li .box-txt .txt,
.sec-list-wrap .list li .box-txt .btns{margin-right:33px;}

.tit-type03{position:relative;padding-left:26px;height:125px}
.tit-type03 .tit-num{position:absolute;left:0;top:3px;font-size:16px;line-height:20px;letter-spacing:-0.4px;color:#000;}
.tit-type03 .tit{font-size:34px;line-height:42px;font-weight:bold;color:#333;letter-spacing:-1px;}
.box-txt{position:relative;}
.box-txt .txt{height:297px;overflow-y:auto;padding-right:10px;
scrollbar-base-color: #000;
scrollbar-face-color: #fff;
scrollbar-3dlight-color: #000;
scrollbar-highlight-color: #fff;
scrollbar-track-color: #000;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #000;
scrollbar-dark-shadow-color: #000;
}
.box-txt .txt::-webkit-scrollbar {width: 8px;}
.box-txt .txt::-webkit-scrollbar-track {border-radius: 10px;background:#eee;}
.box-txt .txt::-webkit-scrollbar-thumb {border-radius: 10px;   background: #888;}
.box-txt .txt::-webkit-scrollbar-thumb:window-inactive {background: rgba(100,100,100,0.4); }
.box-txt .txt p{font-size:16px;color:#000;line-height:26px;letter-spacing:-0.4px;}
.box-txt .txt p+p{margin-top:18px;}
.box-txt .txt .stit{margin-bottom:26px;font-size:16px;color:#000;line-height:1.5;}
.box-txt .btns{height:38px;text-align:right;}
.box-txt .btns .more{display:inline-block;margin-top:0;}

/* 모바일 */
@media only screen and (max-width:768px){
	/* body,
	h1,h2,h3,h4,h5,h6,
	p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;line-height:1.24} */
	body{line-height:1.24}
	.header .inner{width:calc(100% - 30px);height:50px;min-width:auto;padding:15px;}
	.sns-zone{display:none}
	.open-layer .head-nav{width:100%;}
	.open-layer.open .head-nav .gnb{top:80px;}
	.open-layer .head-nav .gnb li{margin-bottom:20px;}
	.open-layer .head-nav .gnb a{font-size:24px;}
	.open-layer .head-nav .gnb a i{display:none}
	.open-layer .head-nav .gnb .current a i{display:inline-block;width:100%;}
	.menu-section{display:none}

	.wrap{min-width:auto;}
	.inner{width:100%;}

	.header{position:relative;top:initial;left:initial;min-width:auto;background-color:transparent;backdrop-filter:initial;z-index:initial;}
	.header .inner{width:100%;padding:0;}
	.header .head-yna-log{position:absolute;top:16px;left:20px;width:87px;height:27px;background:url('../img/sprites_m.svg') no-repeat 0 0;background-size:300px 400px;}
	.header .head-main{top:19px;left:115px;font-size:18px;}
	.header .menu{display:none;}
	.header .head-aside{position:absolute;top:20px;right:20px;}
	.header.open .head-aside{display:none;}
	.header .btn-mob-nav{width:26px;height:19px;background:url('../img/sprites_m.svg') no-repeat -100px -50px;background-size:300px 400px;}

	/* 모바일 탑버튼 */
	.btn-top{right:20px;bottom:40px;}

	.container{padding:10px 0 140px;}
	.cont .inner{width:100%;margin:0;}

	.slick-dots li{margin:0 3px;width:8px;height:8px;}
	.slick-dots li button:before{width:2px;height:2px;}
	.slick-dots li.slick-active button:before{width:6px;height:6px;}

	.footer-unit011 .logo-yna03{margin-left:20px;}
	.footer-unit011 .inner{width:100%;height:inherit;padding:30px 0 50px;margin:0 auto;}
	.footer-unit011 .footer-menu{display:none;}
	.footer-unit011 .menu-wrap{width:calc(100% - 80px);margin:36px auto 0;}
	.footer-unit011 .menu-wrap .list{font-size:0;}
	.footer-unit011 .menu-wrap .list>li{display:inline-block;width:50%;margin:0 0 25px;}
	.footer-unit011 .menu-wrap .list>li a{font-size:16px;color:#fff;}
	.footer-unit011 .footer-site{width:calc(100% - 40px);margin:0 auto;}
	.footer-unit011 .list-text13{position:relative;text-align:center;}
	.footer-unit011 .list-text13:nth-child(2){margin:0;padding:18px 0;}
	.footer-unit011 .list-text13:nth-child(2):after{display:none;}
	.footer-unit011 .list-text13 li{line-height:1.25;}
	.footer-unit011 .list-text13 li+li{margin-left:20px;}
	.footer-unit011 .list-text13 a{font-size:12px;opacity:0.6;}
	.footer-unit011 .list-text13:nth-child(1) li:nth-child(4),
	.footer-unit011 .list-text13:nth-child(1) li:nth-child(5),
	.footer-unit011 .list-text13:nth-child(1) li:nth-child(6),
	.footer-unit011 .list-text13:nth-child(1) li:nth-child(7){display:none;}
	.footer-unit011 .list-text13:nth-child(2) li:nth-child(1){margin-left:0;}
	.footer-unit011 .list-text13:nth-child(2) li{margin:0 0 15px 20px;}
	.footer-unit011 .list-text13:nth-child(2) li:nth-child(4),
	.footer-unit011 .list-text13:nth-child(2) li:nth-child(5){display:none;}
	.footer-unit011 .txt01,
	.footer-unit011 .txt02{font-size:12px;line-height:1.25;}
	.footer-unit011 .txt02{margin:0;}
	.footer-unit011 .txt01{display:none;}
	.footer-unit011 .txt02 span:nth-child(2),
	.footer-unit011 .txt02 span:nth-child(3){display:none;}
	.footer-unit011 .txt02 span+span{margin-left:0;}

	.sec-head{width:100%;}
	.sec-head:before{display:none;}
	.sec-head .tit{position:initial;top:initial;left:initial;width:100%;padding:20px 20px 30px;font-size:30px;line-height:35px;font-weight:400;box-sizing:border-box;}
	.sec-head .tit strong{font-weight:bold;}
	.sec-head .tit br{display:none;}
	.sec-head .btn-go{position:initial;top:initial;left:initial;font-size:14px;margin:0 0 30px 20px;}
	.sec-head .btn-go:after{width:30px;height:30px;margin-left:10px;background:url("../img/sprites_m.svg") no-repeat 0 -50px;background-size:300px 400px;}
	.sec-head .txt{display:none;}

	.sec-desc .sub-txt{padding:35px 40px;margin-bottom:0;}
	.sec-desc .sub-txt p{font-size:20px;background:none;letter-spacing:-1px;}
	.sec-desc .sub-txt p+p{margin-top:15px;}
	.sec-desc .sub-txt p:after{display:none}
	.sec-desc .sub-txt p span{position:relative;display:inline-block;}
	.sec-desc.active .sub-txt p span:after{width:100%;}
	.sec-desc .sub-txt:after{display:none}
	.sec-desc .sub-txt .txt-w{display:none;}
	.sec-desc .sub-txt .txt-m{display:block;}
	.sec-desc .txt{display:none}
	.sec-list-wrap .list li{height:auto;opacity:1;margin-top:0;}
	.sec-list-wrap .list li + li{margin-top:40px;}
	.sec-list-wrap .list li .box-img{position:relative;margin-bottom:20px;left:inherit !important;right:inherit !important}
	.sec-list-wrap .list li .box-img img{width:100%;height:auto;}
	.sec-list-wrap .list li .box-img{top:0;}
	.sec-list-wrap .list li .box-txt{width:100%;float:none !important}

	.sec-list-wrap .list li .box-txt .tit-type03,
	.sec-list-wrap .list li .box-txt .btns,
	.sec-list-wrap .list li .box-txt .txt{margin:20px 20px 0;}

	.tit-type03{padding-left:24px;height:auto;}
	.tit-type03 .tit-num{font-size:15px;font-weight:normal;line-height:18px;}
	.tit-type03 .tit{overflow:hidden;font-size:22px;line-height:30px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
	.tit-type03 .tit br{display:none}
	.box-txt .txt{height:auto;overflow-y:visible}
	.box-txt .txt p{font-size:16px;line-height:25px;}

	.tab-menu .btn{font-size:15px;line-height:18px;}
	.tab-menu .btn + .btn{margin-left:30px}
	.tab-menu .btn:after{right:-8px;width:6px;height:6px;}

	.title-unit001{font-size:30px;line-height:36px;}

	/* 10대 뉴스 */
	.cont.type01 .circle{display:none;}
	.cont.type01 .cont-wrap{width:100%;height:auto;margin:0;padding:10px 20px 30px;box-sizing:border-box;}
	.cont.type01 .title-unit001{position:initial;top:initial;left:initial;margin-bottom:25px;}
	.cont.type01 .tab-menu{position:initial;bottom:initial;right:initial}
	.cont.type01 .tab-cont{padding:20px;}
	.cont.type01 .tab-cont .tab-box-wrap{width:100%;height:0;margin:0;padding-bottom:78%}
	.cont.type01 .tab-cont .tab-box{height:100%;}
	.cont.type01 .list-unit001{height:100%;}
	.cont.type01 .list-unit001 .list{height:100%;}
	.cont.type01 .list-unit001 .slick-list{height:100%;}
	.cont.type01 .list-unit001 .slick-list .slick-track{height:100%;}
	.cont.type01 .list-unit001 .slick-list li{height:100%;}
	.list-unit001 .list .img-wrap{width:100%;height:100%;}
	.list-unit001 .list .img-wrap img{height:100%;object-fit:cover;}
	.list-unit001 .info{bottom:22px;left:20px;width:240px;}
	.list-unit001 .info:after{content:'';display:block;clear:both;}
	.list-unit001 .info .title{float:left;margin-right:12px;font-size:25px;line-height:30px;}
	.list-unit001 .info .more-btn{float:left;position:initial;margin-top:0;}
	.list-unit001 .info .more-btn .txt{font-size:14px;}
	.list-unit001 .info .more-btn .ico{width:30px;height:30px;margin-left:7px;background:url("../img/sprites_m.svg") no-repeat 0 -50px;background-size:300px 400px;}
	.list-unit001 .info .option{float:left;margin-top:13px;}
	.list-unit001 .info .option .current-num, .list-unit001 .info .option .total-num{width:17px;font-size:13px;}
	.list-unit001 .info .option .progress-wrap{margin-right:15px;}
	.list-unit001 .info .option .progress-wrap .progress{width:70px;}
	.list-unit001 .info .option .btn-wrap button{width:12px;height:20px;background:url("../img/sprites_m.svg") no-repeat 0 0;background-size:300px 400px;}
	.list-unit001 .info .option .btn-wrap button + button{margin-left:15px;}
	.list-unit001 .info .option .btn-wrap button.slick-prev{background-position:-200px -50px;}
	.list-unit001 .info .option .btn-wrap button.slick-next{background-position:-150px -50px;}

	/* 화제의 인물 */
	.cont.type02{padding:60px 0;}
	.cont.type02 .title-unit001{margin:0 0 20px 20px;}
	.cont.type02 .tab-menu{position:initial;margin:0 20px 25px 0;text-align:right;}
	.cont.type02 .tab-cont{height:270px;}
	.list-unit002 .list{height:270px;margin:0;}
	.list-unit002 .list li{width:120px;height:190px;border-radius:20px;}
	.list-unit002 .list .slick-list{padding:40px 0 !important;}
	.list-unit002 .list .preview .name{bottom:10px;left:0;padding:0 15px;font-size:20px;}
	.list-unit002 .slick-slider .slick-slide.slick-center .btn{top:5px;right:5px;width:30px;height:30px;background:url("../img/sprites_m.svg") no-repeat -50px -50px;background-size:300px 400px;}
	.list-unit002 .list .detail{padding:37px 8px 20px 15px;border-radius:20px;}
	.list-unit002 .list .detail .tit{font-size:17px;}
	.list-unit002 .list .detail .text{margin-top:7px;font-size:10px;line-height:15px;}
	.list-unit002 .list .detail .box{padding-right:10px;}

	/* 결산 */
	.cont.type03{padding:20px 20px 80px;}
	.list-unit003 .list{display:block;}
	.list-unit003 .list li{display:block;width:100%;height:auto;margin-top:0;transform:translateY(0);opacity:1;}
	.list-unit003 .list li + li{margin-top:10px;}
	.list-unit003 .list li a{height:auto;border-radius:20px;}
	.list-unit003 .list .img-con{position:relative;width:100%;height:0;padding-bottom:48%;}
	.list-unit003 .list .img-con img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
	.list-unit003 .list .news-con{display:flex;flex-direction:column;justify-content:space-between;height:165px;padding:20px 20px 25px;}
	.list-unit003 .list .news-con .tit{font-size:22px;line-height:27px;}
	.list-unit003 .list .news-con .sub-tit{position:initial;margin-top:20px;font-size:14px;line-height:17px;text-align:right;}
	.list-unit003 .list .news-con .sub-tit .date{font-size:14px;}
	.list-unit003 .list li a:hover{height:auto;text-decoration:none;box-shadow:initial;}
	.list-unit003 .list li a:hover .news-con{background-color:transparent;}
	.list-unit003 .list li a:hover .news-con .tit{color:#000;}
	.list-unit003 .list li a:hover .news-con .sub-tit .date{display:block}
	.list-unit003 .list li a:hover .news-con .sub-tit .more{display:none;}

	/* 말말말 */
	.cont.type04{padding:60px 20px;}
	.list-unit004{margin-top:20px;}
	.list-unit004 .list>li{width:100%;height:auto;border-radius:20px;}
	.list-unit004 .list>li + li{margin-top:10px;}
	.list-unit004 .list>li:before{top:24px;left:25px;width:50px;height:34px;background:url('../img/sprites_m.svg') no-repeat 0 0;background-size:300px 400px;}
	.list-unit004 .list>li:first-child:before{background-position:-100px -100px}
	.list-unit004 .list>li:last-child:before{right:25px;background-position:0 -100px;}
	.list-unit004 .list>li a{padding:65px 25px 50px;}
	.list-unit004 .list .tit{font-size:23px;line-height:29px;}
	.list-unit004 .sub-list{margin-top:10px;}
	.list-unit004 .sub-list>li{font-size:14px;line-height:19px;}
	.list-unit004 .sub-list>li + li{margin-top:10px;}
	.list-unit004 .more{display:none;}
	.list-unit004 .list .theme{bottom:-12px;right:20px;font-size:60px;}
	.list-unit004 .list>li:hover{box-shadow:initial;transform:translateY(0);}

	/* 의인열전 */
	.cont.type05{padding:17px 0 50px;}
	.cont.type05 .title-unit001{width:auto;margin:0 0 0 20px;}
	.cont.type05 .inner{width:100%;}
	.list-unit005{margin-top:38px;}
	.list-unit005 .list{height:275px;margin:0;}
	.list-unit005 .list .slick-list{height:100%;}
	.list-unit005 .list .slick-track{height:100%;}
	.list-unit005 .list li{width:250px;height:100%;margin:0 10px;border-radius:20px;}
	.list-unit005 .list .img-con{width:125px;height:125px;margin:30px auto 0;}
	.list-unit005 .list .news-con{margin-top:24px;padding:0 16px;}
	.list-unit005 .list .news-con .tit{font-size:20px;line-height:25px;}
	.list-unit005 .list .news-con .date{bottom:17px;right:15px;font-size:14px;}
}
@media only screen and (max-width:400px){
	.sec-desc .sub-txt{padding:35px 20px;}
}