@charset "utf-8"; /************************************************* 프로젝트명 : 비주얼 뉴스 *************************************************/ /* =============== ####공통 Common ======================== */ /* 폰트 정의 * 2023-04-28 적용 : Spoqa Han Sans Neo 적용 └ 'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif * 2021-11-01 적용 : Noto Sans 개선 및 Roboto 적용 └ Roboto,'Noto Sans KR','Malgun Gothic','맑은 고딕',Gulim,'굴림',sans-serif * 2021-11-01 이전 └ AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',Malgun Gothic,'돋움',dotum,arial,sans-serif */ body{font-size:14px;line-height:1.5;font-weight:400;font-family:'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;letter-spacing:-0.01em;} h1,h2,h3,h4,h5,h6{font-weight:400;font-family:'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;} p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-weight:400;font-family:'Spoqa Han Sans Neo','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;} button{border:0;background:0;margin:0;padding:0;} /* a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;} */ /* =============== ####레이아웃 Layout ======================== */ .wrap{position:relative;background:#fff;} /* ---- header (common) ---- */ .wrap-header{background:#2258b3; -webkit-transition:all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .wrap-header.white-ver{background:#fff;} .header-top{position:relative;width:980px;height:63px;margin:0 auto;padding:20px 0;} .header-top .logo{position:relative;display:block;width:195px;height:54px;margin:5px auto 0;z-index:2;} .header-top .logo a{overflow:hidden;display:block;width:100%;height:100%;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/logo_type02_fff.svg) no-repeat 0 0; -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .white-ver .header-top .logo a{background:url(//r.yna.co.kr/www/visual/v01/img/logo_type02.svg) no-repeat 0 0;} .header-top .top-banner{overflow:hidden;position:absolute;position:absolute;left:0;top:20px;width:980px;height:63px;z-index:1;} .header-top .top-banner .top-banner1{float:left;} .header-top .top-banner .top-banner2{float:right;} /* ---- 검색 ---- */ .wrap-search{position:absolute;left:0;top:-110px;width:980px;height:78px;padding:25px 0 0 0;margin:0;background:#2258b3;z-index:9999; -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .wrap-search.open{top:0;} .search-area{position:relative;width:100%;} .search-area>form{height:74px;} .search-area .area{position:relative;} .search-area label{position:absolute;top:7px;left:10px;height:40px;font-size:20px;line-height:40px;z-index:10;color:#4b7dcc;} .search-area .btn-srch{position:absolute;top:3px;right:0;margin:0;padding:0;border:0;background:red; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .search-area .btn-srch span{overflow:hidden;display:block;width:50px;height:50px;text-indent:-500px;background:#ddd url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -345px -302px;} .search-area .btn-srch:hover span{background-position:-345px -342px;} .search-area .text{position:absolute;top:3px;left:0;width:980px;height:41px;font-size:20px;line-height:30px;border:none;color:#fff;background:#2258b3;} .search-area .text:focus{border:none;border-radius:0;outline:0;color:#fff;} .search-area .on label{display:none;} .search-area fieldset{position:relative;} .auto-search{position:absolute;z-index:80;top:31px;left:-1px;width:310px;border:1px solid #555;background:#fff;} .auto-search ul{padding:8px 0 7px 0;} .auto-search li a{display:block;height:26px;line-height:26px;padding:0 8px;color:#555;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .auto-search li.word a, .auto-search li a:hover, .auto-search li a:focus{background:#f4f4f4;} .auto-search li a strong{color:#df5757;} .auto-search span{display:block;border-top:1px solid #ddd;background:#f6f6f6;text-align:right;padding:8px 7px 5px 7px;} .auto-search .btn_off{border:none;cursor:pointer;background:none;text-align:right;} .auto-search{display:none;} .header-bottom{overflow:hidden;position:relative;height:60px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;z-index:20; -webkit-transition:height 0.2s ease; -moz-transition:height 0.2s ease; -o-transition:height 0.2s ease; -ms-transition:height 0.2s ease; transition:height 0.2s ease;} .header-bottom.current .nav-header, .header-bottom.open .nav-header, .header-bottom.current, .header-bottom.open{height:110px;border-bottom:0;background:#fff url(//r.yna.co.kr/www/visual/v01/img/bg_line_e5e5e5.gif) repeat-x 0 60px;} /* .page-vod-local .header-bottom.current .nav-header, .page-vod-local .header-bottom.open .nav-header, .page-vod-local .header-bottom.current, .page-vod-local .header-bottom.open{height:135px;} */ /* ---- gnb ---- */ .nav-header{position:relative;overflow:hidden;width:980px;margin:0 auto; -webkit-transition:height 0.2s ease; -moz-transition:height 0.2s ease; -o-transition:height 0.2s ease; -ms-transition:height 0.2s ease; transition:height 0.2s ease;} .nav-header .depth1{float:left;padding:0;} .nav-header .depth1:first-child{margin-left:0;} .nav-header .depth1:first-child a.depth1-link{padding-left:0;} .nav-header .depth1-link{overflow:hidden;position:relative;display:block;height:32px;padding:15px 16px;font-size:19px;line-height:32px;font-weight:500;letter-spacing:-1px;} .nav-header .depth1-link:hover{text-decoration:none} .nav-header a:hover, .nav-header .current>a, .nav-header .current>span{color:#2258b3;font-weight:500;} .wrap-search-btn{position:absolute;right:0;top:5px;} .wrap-search-btn button{overflow:hidden;width:50px;height:50px;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 12px -348px; /*-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;*/} .wrap-search-btn .btn-search-open{background-position:12px -348px;} .wrap-search-btn .btn-search-open:hover{background-position:12px -428px;} .wrap-search-btn .btn-search-close{background-position:-66px -345px;display:none} .wrap-search-btn .btn-search-close:hover{background-position:-66px -425px;} .wrap-search-btn.clicked .btn-search-open{display:none;} .wrap-search-btn.clicked .btn-search-close{display:block;} .has-2depth .depth2-icon{display:block;float:right;width:12px;height:25px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 100% 12px;} .has-2depth.current .depth2-icon, .has-2depth:hover .depth2-icon{background-position:100% -28px;} .depth1 menu, .depth1 ul{overflow:hidden;display:none;position:absolute;left:0;top:61px;height:48px;width:auto;} /* .page-vod-local .depth1 menu, .page-vod-local .depth1 ul{height:75px;} .page-vod-local .depth2 menu, .page-vod-local .depth2 ul{clear:both;top:42px;left:50%;width:100%;margin-left:-380px;} */ .depth1.current menu, .depth1.current ul, .depth1.open menu, .depth1.open ul{display:block} .depth2{float:left;margin:0 0 0 28px;} .depth2.line{margin:0 0 0 27px;padding-left:27px;background:url(//r.yna.co.kr/www/visual/v01/img/bg_line999.png) no-repeat 0 50%;} .depth1 menu .depth2:first-child, .depth1 ul .depth2:first-child{margin-left:0;} .depth2 a, .depth2 span{display:block;padding:13px 0 14px;font-size:16px;} .depth2 a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;color:#2258b3;font-weight:normal;} .depth2.current>a:hover{font-weight:500;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;color:#2258b3;} .depth2.current>ul .depth2 a, .depth2.current>ul .depth2 span{padding:10px 0 11px;} .depth2.current>ul .depth2.current span{color:#2258b3;font-weight:500;} .depth3{float:left;margin:0 0 0 19px;} .depth3 a{display:block;padding:11px 0 12px;font-size:13px;} .depth3 a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;color:#2258b3;font-weight:normal;} .depth3.current>a:hover{font-weight:500;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .depth3-icon{display:inline-block;width:5px;height:23px;margin:0 -10px 0 10px;background:url(http://r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) -345px -113px no-repeat;} .depth2-2 a{color:#999} /* ---- fixed nav ---- */ .wrap-fixed-nav{position:fixed;width:100%;left:0;top:-61px;border-bottom:1px solid #e5e5e5;background:#fff;z-index:900; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; -ms-transition:all 0.1s ease; transition:all 0.1s ease;} .scrolled .wrap-fixed-nav{top:0;} .fixed-nav{position:relative;height:60px;} .fixed-nav .fixed-logo{display:block;position:absolute;left:0;top:0;height:47px;padding:13px 0 0 20px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} .fixed-nav .fixed-logo strong{overflow:hidden;display:block;width:125px;height:36px;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 0 -680px} .fixed-nav .fixed-btn-top{display:block;position:absolute;right:0;top:0;height:60px;background:#2258b3; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} .fixed-nav .fixed-btn-top span{overflow:hidden;display:block;width:60px;height:60px;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -363px -142px} .fixed-nav .nav{overflow:hidden;position:relative;width:980px;height:60px;margin:0 auto;} .fixed-nav .fixed-main-link{display:block;float:left;margin:13px 0 0;font-size:20px;color:#333;} .fixed-nav .fixed-main-link a{font-weight:500;} /* .fixed-nav .fixed-main-link strong{padding:0 16px 0 0;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 100% -107px} */ .fixed-nav menu, .fixed-nav ul{overflow:hidden;position:absolute;right:0;top:7px;} .fixed-nav li{float:left;margin:0;} .fixed-nav li a{display:block;padding:10px 15px;font-size:15px;font-weight:500;} .fixed-nav li a:focus{color:#000} .fixed-nav li a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;color:#2258b3} .fixed-nav .fixed-vod li a{padding:10px;} .fixed-nav .fixed-vod li a:hover{} .fixed-nav .fixed-etc li a{padding:10px 15px;} .fixed-nav li.current a{font-weight:500;color:#2258b3} .fixed-nav li.last a{padding:10px 0 10px 15px;} .fixed-nav .fixed-more{overflow:hidden;width:0;} .fixed-nav01 .more-type03-icon{position:absolute;right:245px;top:7px} .fixed-nav02 .more-type03-icon{position:absolute;right:0;top:7px} .fixed-nav02 .fixed-df{right:0px;} .fixed-nav02 .fixed-more{right:245px;} .fixed-nav.more .more-type03-icon{right:755px;} .fixed-nav.more .fixed-more{width:auto;right:40px;} .fixed-nav.more .fixed-df{width:0;} .fixed-nav.fixed-nav02.more .fixed-more{right:0;} .fixed-nav.fixed-nav01.more .more-type03-icon{right:0;} .fixed-nav.fixed-nav02.more .more-type03-icon{right:245px;} .s-width .fixed-nav .fixed-logo, .s-width .fixed-nav .fixed-btn-top{display:none;} /* ---- footer (common) ---- */ /* JIAD-87 * 본문멀티스크롤 */ .wrap-footer{position: relative;z-index:10;border-top:1px solid #f0efef;border-bottom:1px solid #f0efef;background:#bdbdbd;} .wrap-footer .btn-top{display:none} .wrap-footer #footer{width:980px;margin:40px auto 0;} #footer .footer-link{text-align:center;margin-top:36px;} #footer .footer-link li{display:inline;padding:0 4px;} #footer .footer-link li a{font-size:13px;color:#fff;} #footer .footer-link li a:hover strong, #footer .footer-link li a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} #footer .addr-info{margin-top:15px;text-align:center;color:#fff;} #footer .copy{text-align:center;margin-top:15px;padding-bottom:36px;} #footer .copy li{display:inline;padding:0 4px;color:#fff;} .footer-sns{overflow:hidden;width:120px;margin:0 auto;padding-bottom:38px;} .footer-sns a{display:block;position:relative;width:50px;height:50px;float:left;margin:0 5px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 20px -266px;} .footer-sns a.item-fb{background-position:20px -266px;} .footer-sns a.item-tw{background-position:-25px -266px;} .footer-sns a.item-ggp{display:none;} .footer-sns a.item-ggp{background-position:-65px -266px;} .footer-sns a.item-kas{background-position:-110px -266px;} .footer-sns a span{overflow:hidden;display:block;width:0;height:0;text-indent:-500px;} .footer-sns a span.wrap-sns-i{position:relative;display:block;width:50px;height:50px;} .wrap-sns-i i{position: absolute;width:0;height:0; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; -ms-transition:all 0.1s ease; transition:all 0.1s ease; } .wrap-sns-i i:nth-child(1){left:0;top:0;border-top:1px solid #fff} .sns-item:hover .wrap-sns-i i:nth-child(1){width:100%;} .wrap-sns-i i:nth-child(2){right:0;top:0;border-right:1px solid #fff; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .sns-item:hover .wrap-sns-i i:nth-child(2){height:100%;} .wrap-sns-i i:nth-child(3){height:1px;left:0;bottom:0;border-bottom:1px solid #fff; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .sns-item:hover .wrap-sns-i i:nth-child(3){width:100%;} .wrap-sns-i i:nth-child(4){width:1px;left:0;top:0;border-left:1px solid #fff;} .sns-item:hover .wrap-sns-i i:nth-child(4){height:100%;} .wrap-footer-bt{position:relative;height:46px;z-index:20;background:#fff ;} .footer-bottom{position:relative;width:980px;margin:0 auto;background:#fff;z-index:20;}/* 비주얼 추가 푸터 */ .footer-bottom .btn-sv-close{overflow:hidden;position:relative;display:block;float:left;padding:10px 0 10px 42px;font-size:15px;font-weight:700;display:none} .footer-bottom .btn-sv-close:after{content:'';overflow:hidden;position:absolute;left:0;top:0;display:block;width:37px;height:37px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -239px -508px} .open .footer-bottom .btn-sv-close{display:block} .open .footer-bottom .btn-sv-close:hover{text-decoration:underline} .footer-bottom .btn-sv-all{overflow:hidden;position:relative;display:block;float:left;padding:9px 0 8px;} .open .footer-bottom .btn-sv-all{display:none;} .footer-bottom .btn-sv-all .txt{padding:5px 0 0 12px;font-size:15px;font-weight:700;} .footer-bottom .btn-sv-all:hover .txt{text-decoration:underline} .more-type02-icon{position:relative;width:30px;height:30px;float:left; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; -ms-transition:all 0.1s ease; transition:all 0.1s ease;} .more-type02-icon i{display:block;width:6px;height:6px;float:left;margin:1px;border:1px solid #878787;border-radius:50%;background:#fff;} .more-type02-icon i:nth-child(3){} .more-type02-icon i:nth-child(2), .more-type02-icon i:nth-child(6){ -webkit-transition-delay: 0.05s; transition-delay: 0.05s;} .more-type02-icon i:nth-child(1), .more-type02-icon i:nth-child(5), .more-type02-icon i:nth-child(9){ -webkit-transition-delay: 0.15s; transition-delay: 0.15s;} .more-type02-icon i:nth-child(4), .more-type02-icon i:nth-child(8){ -webkit-transition-delay: 0.2s; transition-delay: 0.2s;} .more-type02-icon i:nth-child(7){ -webkit-transition-delay: 0.25s; transition-delay:0.25s;} .open .btn-sv-all .more-type02-icon i, .btn-sv-all:hover .more-type02-icon i{background:#000;} .footer-bottom .link-box{position:absolute;right:0;top:0;} .footer-bottom .link-box a{float:left;margin:12px 0 15px 40px;font-size:15px;font-weight:700;} .footer-bottom .link-box a:hover{color:#2258b3;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* 서비스안내 */ .service-wrap{display:none;} .layer-all-service{overflow:hidden;position:absolute;left:0;bottom:47px;width:100%;height:0;background:#fff;z-index:10; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .open .layer-all-service{bottom:47px;height:540px;border-top:1px solid #bdbdbd;} .layer-all-service .service-wrap{display:block;width:980px;margin:20px auto;} .service-wrap{font-size:12px;color:#666} .service-wrap a{color:#666;} .service-wrap a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .service-wrap h2{padding:12px 0 0 22px;height:28px;} .service-wrap .tit-type03{overflow:hidden;font-size:0;line-height:0;width:0;height:0;text-indent:-500px} .service-top-wrap{overflow:hidden;height:193px;} .service-top-wrap:after{content:'';display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden;} .service-top-wrap dl{float:left;width:140px;height:163px;padding:15px 0 15px 12px;} .service-top-wrap dl:first-child{padding-left:0;} .service-top-wrap dt, .service-top-wrap dt a{font-weight:500;} .service-top-wrap dd{padding-top:6px;} .service-top-wrap dl.last{height:auto;width:auto;padding-right:0;} .service-top-wrap dl.last .fr{float:none !important} .service-bot-wrap{padding:12px 0 10px 0;background:none;} .service-bot-wrap a{font-weight:500;padding-right:8px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 100% -76px} /*.service-top-wrap01{height:193px;} .service-top-wrap01 dl{width:125px;height:163px;padding:15px 0 15px 12px;} .service-top-wrap01 dl.last{height:auto;}*/ /* 푸터하단 사이트맵 추가 2019-02-18 */ .footer-wrap01{overflow:hidden;/* width:976px;margin:56px auto 0 */;} .footer-menu01{overflow:hidden;position:relative;font-family:'돋움',Dotum,Gulim, sans-serif;letter-spacing:0;} .footer-menu01 a{color:#000;font-size:13px;} .footer-menu01 .menu-zone01{float:left;width:133px;} .footer-menu01 .menu-zone01 .link-con{margin-left:0;} .footer-menu01 .menu-zone02{overflow:hidden;float:right;width:840px;} .footer-menu01 .menu-zone02 .box{overflow:hidden;margin:0 0 27px;padding-bottom:6px;border-bottom:1px solid #f2f2f2;} .footer-menu01 .menu-zone02 .box+.box{margin-bottom:0;padding-bottom:0;border-bottom:0;} .footer-menu01 .link-con{float:left;width:133px;margin-left:4px;font-size:12px;} .footer-menu01 .list01{padding:0 0 19px 3px;line-height:24px;} .footer-menu01 .list01 .tit{font-size:14px;font-weight:700;color:#000;} .footer-menu01 .list01 .tit a{font-size:14px;font-weight:700;} .footer-menu01 .list01 .br{margin-bottom:3px;line-height:18px;} .footer-menu01 .list01 .space01{margin-bottom:24px;}/* 간격 .tit multi class */ /* 유튜브 체널아이콘 타입 */ .footer-menu01 .list02{padding:0 0 14px 3px;font-size:12px;line-height:24px;} .footer-menu01 .list02 .tit{margin-bottom:11px;font-weight:700;color:#000;font-size:14px;} .footer-menu01 .list02 dd{position:relative;height:32px;padding:0 0 10px 40px;line-height:32px;vertical-align:middle;} .footer-menu01 .list02 dd:before{content:"";clear:both;display:block;position:absolute;top:0px;left:0px;width:32px;height:32px;background:url(//r.yna.co.kr/www/home_n/v01/img/sprites_img2019.png?v=20211201_1620) no-repeat;} .footer-menu01 .list02 .yna:before{background-position:-160px -280px;} .footer-menu01 .list02 .tong:before{background-position:-200px -280px;} .footer-menu01 .list02 .kn:before{background-position:-240px -280px;} .footer-menu01 .list02 .yttv:before{background-position:-280px -280px;} .footer-menu02{padding:0 0 10px 0;} .footer-menu02 a{display:inline-block;background:url(//r.yna.co.kr/www/visual/v01/img/arr2_3x5_555555.gif) right 8px no-repeat;font-size:14px;font-weight:500;padding-right:8px;line-height:22px;letter-spacing:0;} /* JIAD-87 * 기사본문 스크롤 */ /* .scroll-article-zone01, .scroll-article-zone02{} */ .scroller01, .scroller02{background:#fff;} [class*='scroller-wrap'] [class*='scroller']:after{content:'';display:block;width:100%;height:200px;} [class*='scroller-wrap'] [class*='contents0']:last-child{padding-bottom:0 !important;} /* =============== ####콘텐츠 Content ======================== */ /* ---- 이미지 커버 ---- */ /* imgLiquid */ .imgLiquid_ready, .imgLiquid{background-position:50% 0 !important} /*.imgLiquid img{visibility:visible !important;}*/ /* imgLiquid .img-cover img{visibility:hidden;opacity:0;} */ /* ---- slick slider ---- */ .sl-wrap-type01 { overflow:hidden; height:270px; } .sl-wrap-type04 { overflow:hidden; height:320px; } .sl-wrap-type01 .slick-arrow, .sl-wrap-type04 .slick-arrow, .sl-wrap-type05 .slick-arrow, .sl-wrap-type06 .slick-arrow, .sl-wrap-type03 .slick-arrow{overflow:hidden;position:absolute;width:51px;height:51px;top:65px;text-indent:-500px;border:1px solid #e5e5e5;background:#fff;z-index:10; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} .sl-wrap-type01 .slick-arrow:hover, .sl-wrap-type04 .slick-arrow:hover, .sl-wrap-type05 .slick-arrow:hover, .sl-wrap-type06 .slick-arrow:hover, .sl-wrap-type03 .slick-arrow:hover{border-color:#2258b3;} .sl-wrap-type01 .slick-arrow:before, .sl-wrap-type01 .slick-arrow:after, .sl-wrap-type04 .slick-arrow:before, .sl-wrap-type04 .slick-arrow:after, .sl-wrap-type05 .slick-arrow:before, .sl-wrap-type05 .slick-arrow:after, .sl-wrap-type06 .slick-arrow:before, .sl-wrap-type06 .slick-arrow:after, .sl-wrap-type03 .slick-arrow:before, .sl-wrap-type03 .slick-arrow:after{content:'';display:block;width:50.5px;height:50px;position:absolute;left:-1px;top:-1px;} .sl-wrap-type01 .slick-arrow:before, .sl-wrap-type04 .slick-arrow:before, .sl-wrap-type05 .slick-arrow:before, .sl-wrap-type06 .slick-arrow:before, .sl-wrap-type03 .slick-arrow:before{width:400%;height:250%;left:-50px;background:#2258b3; -webkit-transform: rotate(35deg) translate(-35%, 135%); transform: rotate(35deg) translate(-35%, 135%); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;} .sl-wrap-type01 .slick-arrow:hover:before, .sl-wrap-type04 .slick-arrow:hover:before, .sl-wrap-type05 .slick-arrow:hover:before, .sl-wrap-type06 .slick-arrow:hover:before, .sl-wrap-type03 .slick-arrow:hover:before{ -webkit-transform: rotate(35deg) translate(0); transform: rotate(35deg) translate(0);} .sl-wrap-type01 .slick-prev, .sl-wrap-type04 .slick-prev, .sl-wrap-type05 .slick-prev, .sl-wrap-type06 .slick-prev, .sl-wrap-type03 .slick-prev{left:50%;margin:0 0 0 -490px;} .sl-wrap-type01 .slick-prev:after, .sl-wrap-type04 .slick-prev:after, .sl-wrap-type05 .slick-prev:after, .sl-wrap-type06 .slick-prev:after, .sl-wrap-type03 .slick-prev:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 5px -74px;} .sl-wrap-type01 .slick-prev:hover:after, .sl-wrap-type04 .slick-prev:hover:after, .sl-wrap-type05 .slick-prev:hover:after, .sl-wrap-type06 .slick-prev:hover:after, .sl-wrap-type03 .slick-prev:hover:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 5px -115px;} .sl-wrap-type01 .slick-next, .sl-wrap-type04 .slick-next, .sl-wrap-type05 .slick-next, .sl-wrap-type06 .slick-next, .sl-wrap-type03 .slick-next{left:50%;margin:0 0 0 439px;} .sl-wrap-type01 .slick-next:after, .sl-wrap-type04 .slick-next:after, .sl-wrap-type05 .slick-next:after, .sl-wrap-type06 .slick-next:after, .sl-wrap-type03 .slick-next:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -34px -74px;} .sl-wrap-type01 .slick-next:hover:after, .sl-wrap-type04 .slick-next:hover:after, .sl-wrap-type05 .slick-next:hover:after, .sl-wrap-type06 .slick-next:hover:after, .sl-wrap-type03 .slick-next:hover:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -34px -115px;} .sl-wrap-type01 .slick-dots, .sl-wrap-type04 .slick-dots, .sl-wrap-type05 .slick-dots, .sl-wrap-type06 .slick-dots, .sl-wrap-type03 .slick-dots{overflow:hidden;position:absolute;width:437px;left:50%;bottom:20px;margin:0 0 0 -13px;font-size:12px;} .sl-wrap-type01 .slick-dots li, .sl-wrap-type04 .slick-dots li, .sl-wrap-type05 .slick-dots li, .sl-wrap-type06 .slick-dots li, .sl-wrap-type03 .slick-dots li{float:left;width:35px;} .sl-wrap-type01 .slick-dots button, .sl-wrap-type04 .slick-dots button, .sl-wrap-type05 .slick-dots button, .sl-wrap-type06 .slick-dots button, .sl-wrap-type03 .slick-dots button{color:#b4b4b4;} .sl-wrap-type01 .slick-dots .slick-active button, .sl-wrap-type01 .slick-dots button:hover, .sl-wrap-type04 .slick-dots .slick-active button, .sl-wrap-type04 .slick-dots button:hover, .sl-wrap-type05 .slick-dots .slick-active button, .sl-wrap-type05 .slick-dots button:hover, .sl-wrap-type06 .slick-dots .slick-active button, .sl-wrap-type06 .slick-dots button:hover, .sl-wrap-type03 .slick-dots .slick-active button, .sl-wrap-type03 .slick-dots button:hover{color:#444;} .sl-wrap-type01 .slick-slide, .sl-wrap-type04 .slick-slide, .sl-wrap-type05 .slick-slide, .sl-wrap-type06 .slick-slide, .sl-wrap-type03 .slick-slide{position:relative} .sl-wrap-type01 .slick-arrow.slick-disabled, .sl-wrap-type04 .slick-arrow.slick-disabled, .sl-wrap-type05 .slick-arrow.slick-disabled, .sl-wrap-type06 .slick-arrow.slick-disabled, .sl-wrap-type03 .slick-arrow.slick-disabled{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} /* slick type01 : 3개 박스 (비주얼메인 영상 슬라이드) */ .sl-wrap-type01 .slick-list{/* overflow:visible; */width:980px !important;margin:0 auto;} .sl-type01{width:314px;float:left;margin:0 19px 0 0;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease;} .sl-type01 .txt-con{margin:20px 0 0;} .sl-type01.slick-active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter:grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);} .sl-type01 .txt-con .tit{display:inline;font-size:18px;color:#000;font-weight:500;line-height:26px;} .sl-type01 a:hover .txt-con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .sl-type01 .txt-con .date{display:block;font-size:12px;color:#666;} .sl-type01 .img-con{overflow:hidden;position:relative;width:100%;height:173px;} .sl-wrap-type01 .img-con .over-layer{content:'';position:absolute;left:-100%;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .sl-wrap-type01 a:hover .img-con .over-layer{left:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .sl-wrap-type01 .img-con .icon-play{position:absolute;left:50%;top:50%;display:block;width:37px;height:50px;margin:-25px 0 0 -18px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) -50px -820px no-repeat;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease;} .sl-wrap-type01 a:hover .img-con .icon-play{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .sl-type01 .img-con img{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; max-width:314px;} .sl-wrap-type01 a:hover .img-con img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} /* slick type02 : 2개 박스 (비주얼메인 포토,화보 슬라이드) */ .sl-wrap-type02{position:relative;overflow:hidden;height:247px;} .sl-wrap-type02 .slick-list{overflow:visible;width:980px !important;margin:0 auto;} .sl-wrap-type02 .slick-arrow{overflow:hidden;position:absolute;width:51px;height:51px;bottom:0;text-indent:-500px;border:1px solid #e5e5e5;background:#fff;z-index:10; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} .sl-wrap-type02 .slick-arrow:hover{border-color:#2258b3;} .sl-wrap-type02 .slick-arrow:before, .sl-wrap-type02 .slick-arrow:after{content:'';display:block;width:51px;height:51px;position:absolute;left:0;top:0;} .sl-wrap-type02 .slick-arrow:before{width:400%;height:250%;left:-51px;background:#2258b3; -webkit-transform: rotate(35deg) translate(-35%, 135%); transform: rotate(35deg) translate(-35%, 135%); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;} .sl-wrap-type02 .slick-arrow:hover:before{ -webkit-transform: rotate(35deg) translate(0); transform: rotate(35deg) translate(0);} .sl-wrap-type02 .slick-prev{left:50%;margin:0 0 0 -154px;} .sl-wrap-type02 .slick-prev:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 5px -74px;} .sl-wrap-type02 .slick-prev:hover:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 5px -115px;} .sl-wrap-type02 .slick-next{left:50%;margin:0 0 0 -104px;} .sl-wrap-type02 .slick-next:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -34px -74px;} .sl-wrap-type02 .slick-next:hover:after{background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -34px -115px;} .sl-wrap-type02 .slick-dots{overflow:hidden;position:absolute;width:437px;left:50%;bottom:14px;margin:0 0 0 -25px;font-size:12px;z-index:10;} .sl-wrap-type02 .slick-dots li{float:left;width:35px;text-align:center;} .sl-wrap-type02 .slick-dots button{display:block;width:100%;color:#b4b4b4;} .sl-wrap-type02 .slick-dots .slick-active button, .sl-wrap-type02 .slick-dots button:hover{color:#444;} .sl-wrap-type02 .slick-dots .slick-active button{font-weight:bold} .sl-wrap-type02 .slick-slide{position:relative} .sl-type02{width:437px;height:247px;float:left;} .sl-type02 a{display:block;} .sl-type02 .img-con{overflow:hidden;position:relative;width:437px;height:247px;background:#fff; opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease;} .sl-type02 .img-con img{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sl-type02 .txt-con{position:absolute;width:357px;height:290px;left:100%;bottom:0;padding:40px 40px 60px;background:#fff;opacity:0;z-index:-1;} .sl-type02 .txt-con .tit{display:inline;font-size:28px;line-height:1.2;font-weight:500;} .sl-type02 .txt-con .date{display:block;margin-bottom:1px;font-size:12px;color:#b4b4b4;} .sl-type02 .txt-con .txt{overflow:hidden;margin:15px 0 0;line-height:2;color:#444;height:200px;display:block;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;text-overflow:ellipsis;} .sl-type02 .img-con .over-layer{display:none} .sl-type02.slick-current .img-con{background:#000;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter:grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);} .sl-type02.slick-current .txt-con{/*opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";z-index:1;*/} .sl-type02 a:hover .txt-con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .sl-type02 a:hover .img-con img{opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .sl-type02 a:hover .img-con .over-layer{ -webkit-transform: rotate(35deg) translate(0); transform: rotate(35deg) translate(0);} .sl-wrap-type02 .layer-txt{display:block;width:357px;height:105px;position:absolute;left:50%;bottom:0;margin-left:-53px;padding:40px 40px 60px;background:#fff;z-index:10;} .sl-wrap-type02 .layer-txt .date{display:block;margin-bottom:1px;font-size:12px;color:#666;} .sl-wrap-type02 .layer-txt .tit{display:inline;font-size:28px;line-height:36px;font-weight:700;letter-spacing:-1px;} .sl-wrap-type02 .layer-txt:hover .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* .sl-wrap-type02 .layer-txt .txt{display:none;overflow:hidden;margin:15px 0 0;line-height:2;color:#444;height:115px;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;} */ .sl-wrap-type02 .layer-txt .txt{display:none;} /* slick type03 : 1개 박스 (비주얼메인 화보 슬라이드 v1) */ .sl-wrap-type03{width:980px;margin:0 auto;} .sl-wrap-type03 .sl-wrap, .sl-wrap-type03 .slick-list{overflow:visible;} .sl-type03{position:relative;width:648px;height:440px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} /* .sl-type03.slick-current{ opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter:grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}*/ .sl-wrap-type03 .slick-arrow{top:195px;} .sl-wrap-type03 .slick-arrow.slick-next{margin:0 0 0 107px;} .sl-wrap-type03 .slick-arrow:hover{opacity:1} .sl-wrap-type03 .slick-dots{overflow:hidden;width:310px;height:20px;margin:0 0 0 180px;} .sl-wrap-type03 .slick-dots li{width:34px;} .sl-wrap-type03 .slick-dots li.slick-active button{font-weight:500;} .sl-wrap-type03 .btn-more{overflow:hidden;position:absolute;left:50%;bottom:0;width:290px;height:20px;margin:0 0 0 180px;} .sl-wrap-type03 .btn-more .more-type01-icon i{width:6px;height:6px;margin:0 5px 0 0;} .sl-type03 .img-con{position:absolute;left:0;top:0;width:648px;height:441px;text-align:center;vertical-align:middle;background:#e5e5e5; -webkit-transition:left 0.2s ease; -moz-transition:left 0.2s ease; -o-transition:left 0.2s ease; -ms-transition:left 0.2s ease; transition:left 0.2s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);} .sl-type03.slick-current .img-con{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter:grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);} .sl-type03.slick-before .img-con{left:332px} .sl-type03 .img-con img{max-width:100%;max-height:100%;display:inline;} .sl-type03 .txt-con{width:291px;height:165px;position:absolute;right:-330px;bottom:-1px;padding:15px 20px;z-index:1;background:#fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease;} .sl-type03.slick-current .txt-con{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .sl-type03 .txt-con .tit{display:inline;font-size:28px;line-height:1.2;letter-spacing:-1px;font-weight:500;} .sl-type03 a:hover{color:inherit;} .sl-type03 a:hover .txt-con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .sl-type03 .txt-con .date{display:block;font-size:12px;color:#b4b4b4} .sl-type03 .txt-con .txt{overflow:hidden;height:275px;display:block;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;margin:25px 0 0;line-height:1.95;display:none} /* slick type04 : 3개 박스 정사각 (비주얼 아카이브 슬라이드) */ .sl-wrap-type04 .slick-list{overflow:visible;width:980px !important;margin:0 auto;} .sl-type04{position:relative;width:320px;height:320px;float:left;background:#000;} .sl-type04 .txt-con{position:absolute;left:0;bottom:-100%;padding:20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sl-type04 a:hover .txt-con{bottom:0;} .sl-type04.slick-active{} .sl-type04 .txt-con .tit{display:inline;font-size:16px;line-height:1.4;color:#fff;} .sl-type04 a:hover .txt-con .tit{border-bottom:1px solid #fff;} .sl-type04 .txt-con .date{display:block;margin:5px 0 0;font-size:12px;color:#b4b4b4;} .sl-type04 .img-con{overflow:hidden;position:relative;width:100%;height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .sl-wrap-type04 a:hover .img-con{opacity:0.5;} .sl-type04 .img-con img{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sl-wrap-type04 a:hover .img-con img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .sl-wrap-type04 .slick-arrow{top:134px} .sl-wrap-type04 .slick-prev{margin:0 0 0 -481px;} .sl-wrap-type04 .slick-next{margin:0 0 0 429px;} /* slick type05 : 3개 박스 정사각+마진 (포토 슬라이드) */ .sl-wrap-type05 .slick-list{overflow:visible;width:980px !important;margin:0 auto;} .sl-wrap-type05 .slick-arrow{top:60px} .sl-type05{width:300px;height:430px;float:left;margin:0 40px 0 0;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease;} .sl-type05.slick-active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);} .sl-type05 .tit-con{display:block;margin:40px 0 0;} .sl-type05 .tit-con .tit{overflow:hidden;display:inline;font-size:22px;color:#000;font-weight:700;line-height:32px;letter-spacing:-1px;max-height:64px;} .sl-type05 a:hover .tit-con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .sl-type05 .img-con{overflow:hidden;position:relative;display:block;width:100%;height:170px;background:#000;} .sl-type05 .img-con img{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sl-type05 a:hover .img-con img{opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} /* slick type06 : 2개 박스 (영상메인 주요영상 슬라이드) */ .sl-wrap-type06 .slick-list{overflow:visible;width:980px !important;margin:0 auto;} .sl-wrap-type06 .sl-wrap{padding-top:40px;} .sl-wrap-type06 .slick-arrow{top:144px} .sl-type06{width:480px;height:382px;float:left;margin:0 19px 0 0; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease;} .sl-type06 .txt-con{margin:20px 0 0;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .sl-type06.slick-active{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);} .sl-type06.slick-active .txt-con{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .sl-type06 .txt-con .tit{display:inline;font-size:20px;color:#cdcdcd;font-weight:500;line-height:32px;letter-spacing:-1px;} .sl-type06 a:hover .txt-con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-color:#fff;color:#fff} .sl-type06 .txt-con .date{font-size:12px;color:#b4b4b4;} .sl-type06 .img-con{overflow:hidden;position:relative;width:100%;height:272px;background:#fff;} .sl-wrap-type06 .img-con .over-layer{content:'';position:absolute;left:-100%;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .sl-wrap-type06 a:hover .img-con .over-layer{left:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .sl-wrap-type06 .img-con .icon-play{position:absolute;left:50%;top:50%;display:block;width:37px;height:50px;margin:-25px 0 0 -18px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) -50px -820px no-repeat;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .sl-type06 .img-con img{width:100%;height:100%;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .sl-type06.slick-active .img-con img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .sl-wrap-type06 a:hover .img-con img{/*opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .sl-wrap-type06 a:hover .img-con .icon-play{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /* list box box-wrap-type01 : 비주얼메인 VR현장 박스 */ .box-wrap-type01{overflow:hidden;width:980px;margin:0 auto;} .box-wrap-type01 ul{overflow:hidden;margin-left:-1px;} .box-wrap-type01 li{overflow:hidden;position:relative;width:489px;height:276px;float:left;border-left:1px solid #fff;border-bottom:1px solid #fff;} .box-wrap-type01 .img-con{width:100%;height:100%;} .box-wrap-type01 .img-con img{width:100%;height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .box-wrap-type01 a:hover .img-con img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .box-wrap-type01 .txt-con{position:absolute;left:0;bottom:0;width:100%;padding:20px 0;background:url(//r.yna.co.kr/www/visual/v01/img/bg_gradient000.png) repeat-x 0 0;} .box-wrap-type01 .txt-con .tit{padding:0 80px 0 19px;margin:0 0 5px;font-size:16px;line-height:1.4;color:#fff} .box-wrap-type01 a:hover .txt-con .tit{text-decoration:underline} .box-wrap-type01 .txt-con .date{padding:0 90px 0 19px;font-size:12px;color:#b4b4b4} .box-wrap-type01 .txt-con .i360{overflow:hidden;display:block;width:50px;height:28px;float:right;margin:0 20px 0 0;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 0 -200px; transition:.5s all ease; -webkit-transition:.5s all ease; -moz-transition:.5s all ease; -ms-transition:.5s all ease; -o-transition:.5s all ease;} .box-wrap-type01 a:hover .txt-con .i360{ transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);} /* list box box-wrap-type02 : 영상메인 VR현장 박스 */ .box-wrap-type02{overflow:hidden;width:980px;margin:0 auto;} .box-type02{position:relative;width:980px;height:250px;} .box-type02 a{display:block;} .box-type02 .img-con{position:relative;height:250px;background:#000;} .box-type02 .txt-con{position:absolute;left:0;bottom:0;width:100%;text-align:center;} .box-type02 .txt-con .tit{display:block;padding:25px;color:#fff;font-size:20px;line-height:1.1;} .box-type02 a:hover .txt-con .tit{text-decoration:underline} .box-type02 .img-con img{position:absolute;left:0;top:0;width:100%;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-animation: firstImg 30s infinite linear; -moz-animation: firstImg 30s infinite linear; -mx-animation: firstImg 30s infinite linear; -o-animation: firstImg 30s infinite linear; animation: firstImg 30s infinite linear;} .box-type02 .i360{overflow:hidden;display:block;width:72px;height:40px;position:absolute;left:50%;top:50%;margin:-20px 0 0 -36px;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -80px -200px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; -o-transition: .5s all ease;} .box-type02 a:hover .i360{ transform: rotateY(360deg); -moz- transform: rotateY(360deg); -webkit- transform: rotateY(360deg); -o- transform: rotateY(360deg);} @keyframes firstImg { 0% {top:0;} 50% {top:-50%;} 100% {top:0;} } /* vod-main-edit : 영상메인 에디터스픽 슬라이드 */ .vod-main-edit{margin:90px 0;} .vod-main-edit .sl-wrap-type01 a:hover .img-con .icon-play{opacity:0;} /* ---- list-type01 포토리스트 ---- */ .list-type01{overflow:hidden;margin:0 0 0 -38px} .list-type01 .sector{width:300px;height:280px;float:left;margin-left:38px;} .list-type01 .box-flex a{display:block;color:#000;} .list-type01 .img-con{overflow:hidden;position:relative;display:block;width:300px;height:170px;margin:0 0 10px;background:#000;} .list-type01 .img-con img{width:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .list-type01 .img-con.img-cover img{opacity:0;visibility:hidden;} .list-type01 a:hover .img-con img{opacity:0.7; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} .list-type01 .tit{display:inline;font-weight:500;font-size:18px;;line-height:26px;} .list-type01 a:hover .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .list-type01 .date{display:block;margin:5px 0 0;font-size:12px;color:#b4b4b4} /* 모멘트 리스트 이미지비율 변경 : 이동규(2020-04-23) */ .moment-list .list-type01{} .moment-list .list-type01 .sector{height:328px;} .moment-list .list-type01 .img-con{height:218px;background-color:#0083cb;background-position:center !important;background-size:contain !important;} /* ---- list-type02 그래픽리스트 ---- */ .list-type02{overflow:hidden;margin:0 0 0 -38px} .list-type02 .sector{width:300px;height:440px;float:left;margin:0 0 0 38px;} .list-type02 .box-flex a{display:block;color:#000;} .list-type02 .box-flex a:hover .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .list-type02 .img-con{overflow:hidden;position:relative;display:block;width:300px;height:300px;text-align:center;} .list-type02 .img-con img{width:auto;height:auto;max-height:100%;max-width:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .list-type02 a:hover .img-con img{opacity:0.7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .list-type02 .txt-con{margin:10px 0 0;border-top:1px solid #e5e5e5} .list-type02 .tit{margin:10px 0 3px;font-size:18px;font-weight:500;line-height:26px} .list-type02 .date{font-size:12px;color:#666;} /* ---- list-type03 포토무비,화보,영상 ---- */ .list-type03{position:relative;} .list-type03 ul{overflow:hidden;margin:40px 0 0 -18px;} .list-type03 li{overflow:hidden;float:left;width:314px;height:307px;margin:0 0 0 18px;} .list-type03 li a{display:block;color:#000;} .list-type03 li a:hover{text-decoration:none} .list-type03 .thumb{overflow:hidden;position:relative;display:block;width:314px;height:176px;} .list-type03 .thumb .img{width:314px;height:176px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .list-type03 li a:hover .img-con .img, .list-type03 li a:hover .thumb .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .list-type03 .thumb .view, .list-type03 .thumb .play{display:none;position:absolute;width:100%;height:176px;z-index:10;background-color:transparent; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .list-type03 .thumb .view em, .list-type03 .thumb .play em{display:none;} .list-type03 .con{display:block;margin:10px 0 0;} .list-type03 .con .tit{display:inline;font-weight:500;font-size:18px;line-height:26px;} .list-type03 .con .date{display:block;margin-top:4px;font-size:11px;color:#b4b4b4;} .list-type03 a:hover .con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .list-type03 li a:hover .play, .list-type03 li.playing .play{display:block;background-color:rgba(0,0,0,.3);} .list-type03 li a:hover .play em, .list-type03 li.playing .play em, .list-type03 li.playing a:hover .play em{overflow:hidden;display:block;width:37px;height:50px;position:absolute;left:50%;top:50%;margin:-25px 0 0 -18px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) -50px -820px no-repeat;text-indent:-500px;} .list-type03 li a:hover .view, .list-type03 li.playing .view{display:block;position:absolute;width:100%;height:176px;z-index:10; background-color:rgba(0,0,0,.3);-webkit-transition:background .3s ease-in;-moz-transition:background .3s ease-in;-o-transition:background .3s ease-in;transition:background .3s ease-in;} .list-type03 li a:hover .view em, .list-type03 li.playing .view em, .list-type03 li.playing a:hover .view em{overflow:hidden;display:block;width:30px;height:17px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -15px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) 0 -820px no-repeat;text-indent:-500px;} /* ---- list-type04 영상 섹션리스트 ---- */ .list-type04{position:relative;} .list-type04 ul{overflow:hidden;margin:40px 0 0 -18px;} .list-type04 li{overflow:hidden;float:left;width:314px;height:310px;margin:0 0 0 18px;} .list-type04 li a{display:block;color:#000;} .list-type04 .tit-cate a{display:block;font-size:14px;color:#2258b3;} .list-type04 .tit-cate a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .list-type04 .img-con{overflow:hidden;position:relative;display:block;width:314px;height:176px;margin:0 0 14px} .list-type04 .img-con .img{display:block;width:314px;height:176px;background:#000;} .list-type04 .img-con .img img{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .list-type04 li a:hover .img-con .img img{opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .list-type04 .img-con .over-layer{content:'';position:absolute;left:-100%;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .list-type04 .playing .img-con .over-layer, .list-type04 a:hover .img-con .over-layer{left:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .list-type04 .txt-con{display:block;margin:0;} .list-type04 .con .tit, .list-type04 .txt-con .tit{display:inline;font-weight:500;font-size:18px;line-height:26px;} .list-type04 a:hover .con .tit, .list-type04 a:hover .txt-con .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .list-type04 .con .date, .list-type04 .txt-con .date{display:block;margin-top:4px;font-size:12px;color:#b4b4b4;} .list-type04 .icon-play{position:absolute;left:50%;top:50%;display:block;width:37px;height:50px;margin:-25px 0 0 -18px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) -50px -820px no-repeat;} .list-type04 li.playing a .icon-play, .list-type04 li a:hover .icon-play{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /* ---- list-type05 포토 본문 리스트 ---- */ .list-type05 ul{overflow:hidden;margin:0 0 0 -32px;} .list-type05 a:hover{color:#000;} .list-type05 .sector{width:170px;height:240px;float:left;margin:0 0 0 32px;} .list-type05 .img-con{overflow:hidden;position:relative;display:block;width:170px;height:170px;background:#000;} .list-type05 .img-con img{width:100%;height:100%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .list-type05 a:hover .img-con img{opacity:0.7; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .list-type05 .tit{overflow:hidden;margin:15px 0 20px;font-weight:500;font-size:15px;line-height:22px;letter-spacing:-0.5px;height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type05 .date{font-size:12px;color:#b4b4b4} .list-type05 a:hover .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* ---- title ---- */ .wrap-tit-type01, .wrap-tit-type02{overflow:hidden;position:relative;width:980px;margin:35px auto 15px;/* margin:40px auto 15px; */} .tit-type01{float:left;font-size:22px;color:#000;font-weight:700;letter-spacing:-1px;} .tit-type02{overflow:hidden;display:block;width:850px;float:left;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;font-size:28px;font-weight:500;letter-spacing:-1px;} .info-type02{font-size:14px;font-weight:500;color:#b4b4b4;vertical-align:bottom;} /* wrap-tit-type03 : 화보, 포토무비 리스트, 본문 */ .wrap-tit-type03{position:relative;padding:40px 0 15px;background:#fff;} .wrap-tit-type03 .tit{margin:0 0 5px;font-size:34px;line-height:1.5;font-weight:700;color:#000;letter-spacing:-1px;} .wrap-tit-type03 .date{font-size:12px;color:#909090;} .wrap-tit-type03 .wrap-date-num{overflow:hidden;display:inline-block;height:35px;font-size:0;} .wrap-tit-type03 .wrap-date-num .date{display:inline-block;line-height:35px;} .wrap-tit-type03 .num{display:inline-block;margin-left:15px;font-size:17px;text-align:center;color:#949494;} .wrap-tit-type03 .current{padding-right:2px;font-weight:800;color:#2258b3;} .wrap-tit-type03 .sum{padding-left:2px;color:#000;font-weight:800;} .wrap-tit-type03 .option-box{bottom:20px !important;} .wrap-tit-type03 .option-box .btn-comment, .wrap-tit-type03 .option-box .tlp-fontsize01{display:none !important;} .title-type03{display:block;margin-bottom:17px;margin-left:28px;font-size:15px;line-height:1;font-weight:800;color:#333} .title-sub01 a{padding-right:15px;background:url(//r.yna.co.kr/www/visual/v01/img/bg_arrow01.gif) 100% 50% no-repeat;font-size:22px;line-height:1;font-weight:700;color:#333;} .title-sub01 .stit{margin-right:4px;} .title-sub0101 a{display:block;margin-bottom:17px;margin-left:28px;font-size:15px;line-height:1;font-weight:800;color:#333;} .title-sub0101 a:hover{color:#555;} .more-type01{overflow:hidden;position:relative;float:right;margin:10px 0 0;color:#000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .more-type01-icon{overflow:hidden;vertical-align:middle;} .more-type01:hover{color:#000;text-decoration:none} .more-type01:hover .more-type01-icon{right:0;} .more-type01-icon i{display:block;width:0;height:0;float:left;border-radius:3px;background:#b4b4b4; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;} .more-type01-icon i:nth-child(3){ -webkit-transition-delay: 0.15s; transition-delay: 0.15s;} .more-type01-icon i:nth-child(2){ -webkit-transition-delay: 0.12s; transition-delay: 0.12s;} .more-type01-icon i:nth-child(1){ -webkit-transition-delay: 0.05s; transition-delay: 0.05s;} .more-type01:hover .more-type01-icon i{width:6px;height:6px;margin:0 0 0 3px;} .wrap-tit-type02 .more-type01{margin-top:20px;} .fixed-nav .more-type02-icon i{background:#000;} .wrap-tit-type02 .more-type02-icon i{display:block;width:6px;height:6px;float:left;border-radius:50%;background:#000;} .more-type03-icon{overflow:hidden;vertical-align:middle;height:6px;padding:19px 0 23px; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -o-transition:all 0.1s ease; -ms-transition:all 0.1s ease; transition:all 0.1s ease;} .more-type03-icon i{display:block;width:6px;height:6px;float:left;margin-left:3px;border-radius:3px;background:#4b4b4b;} /* ---- icon ---- */ .icon-type01{overflow:hidden;position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;color:#a6a6a6;background:#1f1f1f;z-index:1;} .icon-type01 .icon{display:block;width:100%;height:100%;background:#1f1f1f url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 0 -720px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;} a:hover .icon-type01 .icon{margin-top:-50px;} .icon-type01 .txt{display:block;width:100%;height:100%;background:#1f1f1f;text-align:center;} .icon-type01.icon-tong{} .icon-type01.icon-tong .icon{background-position:-150px -720px;} .icon-type01.icon-graphic{} .icon-type01.icon-graphic .icon{background-position:-200px -720px;} .icon-type01.icon-gallery{} .icon-type01.icon-gallery .icon{background-position:-50px -720px;} .icon-type01.icon-vr{} .icon-type01.icon-vr .icon{background-position:-300px -720px;} .icon-type01.icon-pm{} .icon-type01.icon-pm .icon{background-position:-100px -720px;/*background-position:-250px -720px;*/} .icon-type01.icon-photo{} .icon-type01.icon-photo .icon{background-position:0 -720px;} .icon-type01.icon-vod{} .icon-type01.icon-vod .icon{background-position:-100px -720px;} .icon-type01.icon-graphic .txt, .icon-type01.icon-gallery .txt, .icon-type01.icon-vr .txt, .icon-type01.icon-photo .txt, .icon-type01.icon-vod .txt{padding:13px 0 0;height:37px;} .icon-type01.icon-tong .txt, .icon-type01.icon-pm .txt{padding:2px 0 0;height:48px;} /* ---- paging 페이징 ---- */ .paging{margin:35px 0 40px 5px;font-size:0;text-align:center;} .paging a, .paging span, .paging strong{overflow:hidden;display:inline-block;position:relative;width:50px;height:50px;margin-left:-1px;border:1px solid #ddd;font-weight:500;font-size:11px;line-height:50px;color:#555;text-align:center;vertical-align:top;} .paging strong{background:#89a9ea;border:1px solid #7e9fe7;color:#fff;} .paging a:hover, .paging a:focus, .paging a:active{width:50px;height:50px;border:1px solid #89a9ea;line-height:48px;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .paging a img{margin-top:-20px;} .paging a:hover img, .paging a:focus img, .paging a:active img{margin:-20px 0 0 0;} .paging strong, .paging a:hover, .paging a:focus, .paging a:active{z-index:100;} .paging .nomargin{margin-left:-1px;} /* ---- scroll zone ---- */ .scroll-zone{margin-top:80px;opacity:0.5; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} .scroll-zone.active{margin-top:0;opacity:1;} /* =============== ####광고 Advertisement ======================== */ /* ---- 헬로아카이브 / 헬로포토 광고 ---- */ [class*='banner-hp']{display:none;} /* .banner-hp01 : 비주얼메인 */ .banner-hp01{position:absolute;top:45px;left:50%;width:90px;margin:0 0 0 -600px;background:#fff;} .page-visual .banner-hp01{display:block;} /* .banner-hp02 : 포토본문 */ .banner-hp02{margin-top:30px;background:#fff;} .page-view .banner-hp02{display:block;} /* ---- 광고 개별 고정형 ---- */ /* aside-sticky02 : 본문 - 고정형 좌측 */ .aside-sticky02{position:fixed;top:182px;z-index:100;margin-left:-718px !important;} .aside-sticky02.bottom-fixed{position:absolute;bottom:350px;top:inherit;} /* ---- 본문내광고 (공통) ---- */ /* aside-article01~09 | 반응형 -- aside-article01 : PC/Mobile 기사본문 첫번째 -- aside-article02 : Mobile 기사본문 두번째~네번째 */ /* [class*='aside-article0']{} */ /* aside-article11~19 | 반응형 -- 2023-09-22 : JIAD-100 추가 */ /* [class*='aside-article1']{} */ /* =============== ####소재 Control ======================== */ /* ---- ##본문 텍스트 ---- */ /* 부제 */ /* 저작권 */ .txt-copyright em{display:inline;} .txt-copyright .date{margin-left:5px;} .txt-copyright .txt03{display:block;border-bottom:0;font-weight:bold;font-size:17px;color:#000;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* ---- ##본문 컴포넌트 공통 (common) ---- */ .comp-box{padding:0 0 40px;} /* font-weight : bold → 500 */ .story-news .tit-sub .tit, .quo-group .quote-zone01 p, .related-zone .list a{font-weight:500;} /* font-weight : bold → 500 */ .story-news>p>a, .story-news .txt-hyper a, .story-news .txt-openurl a, .story-news .comp-box .tit-cap, .story-news .comp-box .tit-cap .txt{font-weight:500;} /* ---- ##이미지 타입 ---- */ .image-zone .img-con img{max-width:626px;max-height:478px;} /* ---- ##영상 타입 ---- */ /* ---- ##오디오 타입 (audio-skin03) ---- */ /* ---- ##인용구 ---- */ /* ---- ##문단 타입 (2020-06-09 추가) ---- */ /* ---- ##SNS 임베디드 ---- */ /* ---- ##키워드 영역 ---- */ /* ---- ##기자영역 ---- */ /* ---- ##관련뉴스,관련이슈 ---- */ .related-zone>[class*='-con']{display:inline-block;margin:18px 0;vertical-align:top;} .related-zone .txt-con{width:508px;} .related-zone .tit-con i{font-style:normal;} .related-zone .list>li+li{margin-top:5px;} .related-zone .list a{display:inline-block;font-weight:500;font-size:14px;line-height:20px;} /* ---- ##삭제기사본문 (ISRV-709) ---- */ [class*='box-deleted'].box-type81{margin-top:110px !important;} /* ----- ##본문 슬라이드 ----- */ /* ---- 기자영역 ---- */ /* .writer-zone{} */ /* =============== ####컨트롤 Control ======================== */ /* ---- [공통] 슬라이드 영역 ---- */ .sl-wrap{position:relative;overflow:hidden;min-width:980px;} /* 옵션기능 */ .page-view .container .option-box{position:absolute;right:0;bottom:13px;font-size:0;z-index:1;} .page-view .container .option-box>div, .page-view .container .option-box>.btn-type01{margin-left:15px;vertical-align:top;} .page-view .container .option-box>div:first-child, .page-view .container .option-box>.btn-type01:first-child{margin-left:0;} .page-view .container .option-box .tlp-summary01{display:none !important;} .page-view .container .tooltip-type01 .tlp-content .tit{font-weight:500;font-size:16px;line-height:24px;letter-spacing:-0.4px;} .page-view .container .tlp-share01 .tlp-content, .page-view .container .tlp-fontsize01 .tlp-content{right:0;} .page-photo.page-view .container .option-box{right:20px;} /* ---- [비주얼 메인] ---- */ /* 포토 */ .visual-main-photo{position:relative;} .visual-main-photo .sl-wrap{height:247px;background:#fff;} /* 주요영상 */ .visual-main-vod{position:relative;/* padding-bottom:70px;border-bottom:1px solid #e5e5e5; */} /* vr현장 */ .visual-main-vr{padding-bottom:70px;border-bottom:1px solid #e5e5e5} /* 포토무비 */ .visual-main-pm{/* padding-bottom:70px;border-bottom:1px solid #e5e5e5; */} #picto_sns_wrap{display:none} /* 통통영상 */ .visual-main-tong{padding-bottom:30px;} .visual-main-tong .img-con img{width:100%;height:auto;} /* 주요화보 */ #vmGallery{margin-bottom:35px;} #vmGallery .sl-wrap-type02 .layer-txt{height:105px;padding:40px 40px 60px;} /* 모멘트 : 이동규(2020-04-23) */ .visual-main-moment{/* padding:40px 0 70px; */} .visual-main-moment .wrap-tit-type01{margin-top:0;} .visual-main-moment .sl-wrap-type01{height:314px;} .visual-main-moment .sl-type01 .img-con{height:228px;text-align:center;background:#0083cb;} .visual-main-moment .sl-type01 .img-con img{display:inline-block;max-height:228px;} /* 그래픽 */ .visual-main-graphic{padding-bottom:70px;} .visual-main-graphic .hr-line{display:block;width:980px;height:0;margin:0 auto;border-bottom:1px solid #e5e5e5;} .visual-main-graphic .wrap-tit-type01{margin-bottom:10px} /* 2020-12-11 : 클래스명 변경 (본문소재 클래스와 겹침) * graphic-zone → graphic-box */ .graphic-box{overflow:hidden;width:980px;margin:20px auto 0;} .graphic-box .graphic-list{width:320px;float:left;} .graphic-box .graphic-list li a{overflow:hidden;display:block;position:relative;height:75px;border-bottom:1px solid #e5e5e5;} .graphic-box .graphic-list li .txt{position:relative;display:block;display:table-cell;height:50px;padding:12px 20px;font-size:18px;font-weight:500;line-height:26px;vertical-align:middle;z-index:1;} .graphic-box .graphic-list li.current a, .graphic-box .graphic-list li a:hover{color:#e5e5e5;text-decoration:none} .graphic-box .graphic-list li a:after{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:#2258b3;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .graphic-box .graphic-list .current a:after, .graphic-box .graphic-list a:hover:after{left:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .graphic-box .graphic-view{width:622px;float:right;} .graphic-box .graphic-view a{display:block;} .graphic-box .graphic-view a:hover .txt-con{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .graphic-box .graphic-view article{margin-top:200px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .graphic-box .graphic-view.active article{margin-top:0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .graphic-box .graphic-view .img-con{margin:0 0 20px;text-align:center;} .graphic-box .graphic-view .img-con img{max-width:100%;max-height:800px;} .graphic-box .graphic-view .txt-con{font-size:15px;line-height:23px;} /* ---- [포토 메인] ---- */ /* 상단 슬라이드 */ .photo-main-list{padding:20px 0;background:#f2f2f2;} .photo-main-list .sl-wrap-type05{height:283px;width:100%;overflow:hidden} .link-sec{position:absolute;left:0;top:184px;color:#2258b3 !important;font-size:15px;font-weight:500;z-index:1;} .photo-main-list .sl-type05 .img-con img{width:100%;} .photo-main-list .sl-type05 .img-con.img-cover img{opacity:0;visibility:hidden;} /* ---- [포토 리스트] ---- */ /* 포토 리스트 */ .photo-list{width:980px;margin:0 auto;} .photo-list .contents-box{margin:40px 0;border:0;} .sec-photo-hide{display:none} /* 섹션별 주요포토3건 편집용 숨김처리 */ /* ---- [포토 본문] ---- */ .page-view .article-wrap{} .page-view .view-wrap{overflow:hidden;width:980px;margin:0 auto;padding:40px 0;height:0;} .page-view .view-wrap.show{height:auto;} .view-wrap .article-img{width:100%;text-align:center;} .view-wrap .article-img img{opacity:0;max-width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);} .view-wrap .inner-article{padding:30px 10px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .view-wrap.show .inner-article, .view-wrap.show .article-img img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .inner-article .article-location a, .inner-article .article-location span, .inner-article .article-location strong{color:#000;} .inner-article .article-location a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .inner-article .article-tit{position:relative;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #e5e5e5;} .inner-article .article-tit .tit{font-weight:700;font-size:32px;letter-spacing:-1px;} .inner-article .article-tit .option-box{bottom:-63px;} .inner-article .article-txt{position:relative;padding-top:71px;line-height:1.5;color:#444;} .inner-article .article-copy, .inner-article .txt-copyright{margin:20px 0 0;line-height:1.7;color:#444;} .inner-article .keyword-zone{margin-top:20px;} /* 세로 */ .vertical-img .article-img{width:650px;float:left;} .vertical-img .inner-article{width:290px;float:right;padding:30px 0;} .vertical-img .inner-article .article-tit{padding:10px 0 45px;} .vertical-img .inner-article .article-tit .tit{margin-bottom:20px;font-size:26px;font-weight:700;line-height:36px;letter-spacing:-1px;} .vertical-img .inner-article .article-tit .option-box{bottom:10px;right:15px;} /* 가로 */ .horizontal-img .article-img{} /* 폰트 크기 */ .article-font1 .inner-article .article-txt>p{font-size:12px;} .article-font2 .inner-article .article-txt>p{font-size:13px;} .article-font3 .inner-article .article-txt>p{font-size:14px;} .article-font4 .inner-article .article-txt>p{font-size:15px;} .article-font5 .inner-article .article-txt>p{font-size:16px;} .article-font6 .inner-article .article-txt>p{font-size:17px;} .article-font7 .inner-article .article-txt>p{font-size:18px;} .wrap-view-aside{overflow:hidden;width:980px;margin:0 auto;padding:30px 0 90px;} .wrap-view-aside .comment-wrap, .wrap-view-aside .comment-zone{width:660px;float:left;} .wrap-view-aside .view-ad-zone{width:300px;float:right;margin:10px 10px 0 0;} .wrap-view-aside .view-ad-zone .contents-box{border:0;padding:0;background:#f2f2f2;} /* 하단 리스트 */ .addSecList{background:#f2f2f2;padding:50px 0;} .addSecList .list-type05{width:980px;margin:0 auto;} .addSecList .list-type05 .img-con{width:170px;height:132px;} .addSecList .list-type05 .img-con img{height:auto;} .addSecList .list-type05 .img-con.img-cover img{opacity:0;visibility:hidden;} /* ---- [그래픽 리스트] ---- */ /* 그래픽 리스트 (비주얼메인 그래픽과 클래스가 겹친다.) */ .graphic-list{width:980px;margin:0 auto;} .graphic-list .contents-box{margin:40px 0;} .graphic-list .photo-section .sector{width:300px;height:440px;float:left;margin:0 0 0 38px;} /* ---- [영상 메인] ---- */ .page-vod .visual-archive{margin-top:120px} .vod-main-archive{background:#595959} #vodArchive .sl-wrap-type06{height:415px;width:100%;overflow:hidden} /* 주제별 영상 */ .vod-main-sec{width:980px;margin:40px auto 0;} .vod-main-sec .list-type03 ul, .vod-main-sec .list-type04 ul{margin-top:0;} /* 최신영상 */ .vod-main-latest{width:980px;margin:40px auto 0;} .vod-main-latest .list-type03 ul, .vod-main-latest .list-type04 ul{margin-top:0;} .vod-main-latest .list-type04 ul li:nth-child(n+16){display:none;} /* ---- [영상 본문] 콘텐츠 ---- */ .container02 [class*='list-type'] .img-con>a{display:block;} .container02 [class*='box-deleted'].box-type81{width:538px;} /* [본문] 많이본뉴스, 추천뉴스 (ISRV-825) */ .page-view.page-vod .contents02 .box-most-news01{opacity:0;} /* .box-most-news01.visible{opacity:1 !important;} */ .page-view .title-con12 .tit{font-size:22px;font-weight:700;} .page-view .view-wrap04 .title-con .tit{font-size:22px;} /* ---- [영상 본문] 레이아웃 ---- */ .container02 .contents{background:url(//r.yna.co.kr/www/home_n/v02/img/bg_dot01_layout.gif) 652px 0 repeat-y;} .container02 .wide-content{padding-bottom:40px;background:#fff;} .container02 .contents01{position:relative;z-index:10;float:left;width:626px;margin-top:0;} .container02 .contents02{position:relative;z-index:10;float:right;width:300px;margin-top:0;} .container02 .contents02>div:first-child, .container02 .contents02>aside:first-child, .container02 .contents02>section:first-child{margin-top:10px;} .container02 .aside-wrap01, .container02 .aside-wrap02{margin:0;padding:0;border:none;} .container02 .aside-wrap02{margin-top:35px;} .container02 [class*='aside-wrap'] [class*='aside-box']{padding:0;} .page-vod.page-view .wrap ~ .article-ad-box{display:none;} .container02 .contents02 [class*='title-con'] .tit{font-size:22px;} /* JIAD-87 padding-bottom 80 → 0 * 영상 본문 구조 */ .video-article-wrap01{width:980px;margin:0 auto;padding-bottom:0;} .video-article-wrap01:after{content:'';display:block;clear:both} .video-article-wrap01 .video-view-style01{margin-top:40px} /* 영상, 포토무비 플레이어 */ .video-view-zone{position:relative;width:980px;height:548px;margin-bottom:30px;.zoom:1;z-index:90;} .video-view-zone:after{content:"";display:block;clear:both;height:0;font-size:0;line-height:0;} .video-view-zone .view-area{position:relative;float:left;width:735px;height:615px;z-index:120;} .video-view-zone .list-area{position:relative;float:right;width:239px;background:#232327;z-index:110;} .video-view-zone .player-box{width:720px;height:406px;} .video-view-zone .scroll-content{height:549px;} /* ???? */ .video-view-zone .list li{height:110px;} .video-view-zone .list li a{position:relative;display:block;padding:14px 9px;color:#9ea0a6;} .video-view-zone .list li a:visited .tit{color:#9ea0a6;} .video-view-zone .list li a:hover .tit{color:#436bbd;} .video-view-zone .list li:nth-child(even){background:#36373d;} .video-view-zone .list .thumb img{width:120px;height:80px;} .video-view-zone .list .con{position:absolute;right:9px;top:13px;width:85px;} /* #shorts 유튜브인 경우 영역 숨김 */ .video-view-zone[data-mapping-desc*='#shorts' i]{display:none;width:0;height:0;} /* 영상 플레이어 : MP4, 유튜브 (2016-08-26) */ .video-view-style01{background:none;width:100%;height:548px;margin-bottom:0;} .video-view-style01 .view-area{position:relative;float:none;width:100%;height:100%;margin:0;background:url(//r.yna.co.kr/www/visual/v01/img/bg_player.gif) 0 0 no-repeat;} .video-view-style01 .player-box{position:absolute;top:0;width:980px;height:552px;z-index:700;} .video-view-style01 .ifm-youtube{width:100%;height:100%;} .video-view-style01 .player-box .btn-close{display:none;position:absolute;top:-1px;right:-30px;width:30px;height:30px;border:1px solid #000;background:#fff url(//r.yna.co.kr/www/visual/v01/img/btn_palyer_close_13x13.png) 50% 50% no-repeat;} .video-view-style01 .player-box .btn-close span{visibility:hidden;overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;padding:0;font-size:0;line-height:0;} .video-article-wrap01 .vid-skin02 .vjs-big-play-button{-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;-ms-transition:inherit;transition:inherit;} /* sticky-mode */ .sticky-mode.video-view-style01 .player-box{position:fixed;top:inherit;bottom:20px;right:100px;width:329px;height:185px;border:1px solid #000;} .sticky-mode.video-view-style01 .player-box .btn-close{display:block;} .sticky-mode.video-view-style01 .vid-skin02 .vjs-big-play-button{width:90px;height:90px;margin:-45px 0 0 -45px;background-position:-119px -216px;} /* nonsticky-mode */ .nonsticky-mode.video-view-style01 .player-box{position:absolute;width:976px;height:548px;border:none;} .nonsticky-mode.video-view-style01 .player-box .btn-close{display:none;} .nonsticky-mode.video-view-style01 .vid-skin02 .vjs-big-play-button{width:120px;height:120px;margin:-60px 0 0 -60px;background-position:-134px 3px;} /* close-mode */ .close-mode.video-view-style01 .player-box{position:absolute;top:0;right:0;bottom:inherit;width:976px;height:548px;border:none;} .close-mode.video-view-style01 .player-box .btn-close{display:none;} /* 1750px 이상일때 */ @media only screen and (min-width:1750px){ .video-view-zone .player-box:after{content:"";display:block;clear:both;position:absolute;top:0;left:50%;width:976px;height:548px;margin:0 0 0 -488px;background:rgba(0,0,0,.0);z-index:-1; -webkit-transition:all 0.55s ease-in-out ;-moz-transition:all 0.55s ease-in-out;-o-transition:all 0.55s ease-in-out;-ms-transition:all 0.55s ease-in-out;transition:all 0.55s ease-in-out;} /* sticky-mode */ .sticky-mode.video-view-zone .player-box:after{position:fixed;top:80px;width:329px;height:185px;margin:0 0 0 509px;background:rgba(0,0,0,1)} .sticky-mode.video-view-style01 .vid-skin02{z-index:700;} .sticky-mode.video-view-style01 .player-box{top:80px;left:50%;bottom:inherit;margin:0 0 0 509px; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} /* close-mode */ .close-mode.video-view-zone .player-box:after{background:rgba(0,0,0,.0);} } /* 영상 섹션 캡션 */ .video-caption-style02{width:100%;margin-top:10px;} .video-caption-style02:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;} .video-caption-style02 .title-con{position:relative;border-bottom:1px solid #f2f2f2;} .video-caption-style02 .title-con .tit{display:block;margin-bottom:15px;font-weight:700;font-size:34px;line-height:46px;color:#27282d;letter-spacing:-2px;} .video-caption-style02 .title-con .dd{display:inline-block;margin:0 0 10px;font-size:12px;line-height:35px;color:#666;} .video-caption-style02 .option-box{bottom:10px;} .video-caption-style02 .story-news{margin-top:0;padding:10px 0 20px;} .video-caption-style02 .story-news>p{margin:0 0 20px;font-size:16px;} .video-caption-style02 .story-news>p>br{display:none;} .video-caption-style02 .story-news .tit-sub{margin-top:40px;margin-bottom:30px;} .video-caption-style02.article-font1 .story-news>p, .video-caption-style02.article-font1 .story-news .tit-sub .tit{font-size:15px;} .video-caption-style02.article-font2 .story-news>p, .video-caption-style02.article-font2 .story-news .tit-sub .tit{font-size:16px;} .video-caption-style02.article-font3 .story-news>p, .video-caption-style02.article-font3 .story-news .tit-sub .tit{font-size:17px;} .video-caption-style02.article-font4 .story-news>p, .video-caption-style02.article-font4 .story-news .tit-sub .tit{font-size:18px;} .video-caption-style02.article-font5 .story-news>p, .video-caption-style02.article-font5 .story-news .tit-sub .tit{font-size:19px;} .video-caption-style02.article-font6 .story-news>p, .video-caption-style02.article-font6 .story-news .tit-sub .tit{font-size:20px;} .video-caption-style02.article-font7 .story-news>p, .video-caption-style02.article-font7 .story-news .tit-sub .tit{font-size:21px;} /* 비주얼 글기사,영상본문 */ .video-caption-style02 .story-news .writer-zone01{margin:20px 0 20px;} .video-caption-style02 .story-news .writer-zone01+.tit-sub{margin-bottom:30px;} /* 비주얼 포토, 그래픽 */ .view-wrap.horizontal-img .inner-article .writer-zone01{position:absolute;top:5px;left:0;width:720px;margin:0;} .view-wrap.vertical-img .inner-article .writer-zone01{margin:-60px 0 20px;} .writer-zone01 .tit-name{font-weight:500;} /* 영상 본문 하단 - 많이본영상, 최신영상 */ .list-vid-wrap{margin:50px 0 0;} .list-vid-wrap .title-sub01{margin-bottom:8px;font-size:16px;} .list-vid-wrap .list-type04 ul{margin-left:-30px;margin-top:0;} .list-vid-wrap .list-type04 li{width:182px;height:205px;margin-left:30px;} .list-vid-wrap .list-type04 .img-con{width:182px;height:102px;margin:0 0 5px;} .list-vid-wrap .list-type04 .img-con .img{width:100%;height:100%;} .list-vid-wrap .list-type04 .txt-con{padding:0 5px;} .list-vid-wrap .list-type04 .txt-con .tit{overflow:hidden;height:38px;font-weight:400;font-size:15px;line-height:20px;letter-spacing:-0.5px;} .list-vid-wrap .list-type04 .con .date, .list-vid-wrap .list-type04 .txt-con .date{margin-top:8px;} .list-vid-wrap .list-type04 .over-layer, .list-vid-wrap .list-type04 .icon-play{display:none} /* 댓글 */ .container02 .comment-wrap, .container02 .comment-zone{margin:50px 0;} /* PC 홈페이지 공통 콘텐츠 폰트 설정 */ /* .contents02 [class*='title-con'], .contents02 [class*='title-type'], .contents02 [class*='title-type'] .tit, .contents02 [class*='list-type'] .tit-news, [class*='aside-box'] [class*='title-con'], [class*='aside-box'] [class*='title-type'], [class*='aside-box'] [class*='title-type'] .tit{font-family:'맑은 고딕','Malgun Gothic',AppleSDGothicNeo-Regular,Arial,Helvetica,sans-serif;letter-spacing:-1px;} */ /* ---- [영상 본문] 간격 ---- */ body:not(.page-main) .container02 [class*='contents0']:last-child{padding-bottom:100px;} .container02 [class*='box-type']{margin-top:35px;} .container02 [class*='box-type'] [class*='paging-type01']{margin-top:35px;} .container02 [class*='tab-content'] [class*='box-type'], .container02 .title-page02+[class*='box-type'], .container02 .contents>[class*='content0']>[class*='box-type']:first-child, .container02 .section01>[class*='box-type']:first-child, .container02 .section02>[class*='box-type']:first-child{margin-top:0;} /* [서브] 에디터스픽(영상+뉴스) */ .container02 .box-editors-video01 + .box-editors-news01{margin-top:15px;} .container02 .box-editors-video01 .slick-pager02 li:not(.slick-active) button:before{background:#d9d9d9;} /* [서브] 섹션주요 더보기 버튼 (all 페이지 연결) */ .container02 .box-major01 .btn-more-major{width:314px;margin-top:20px;} /* ---- [글기사 본문] ---- */ .page-news .story-news .youtube-group{display:none !important;} .page-news .story-news .youtube-group.show{display:block !important;} /* ---- [포토무비 공통] ---- */ .pm-content{width:980px;margin:0 auto;} /* ---- [포토무비 본문] ---- */ /* 2020-12-11 : 클래스명 변경 (본문소재 클래스와 겹침) * photomovie-zone → photomovie */ .video-view-zone.photomovie{margin-bottom:0;} .video-view-zone.photomovie .view-area{width:976px;height:548px;float:inherit;} .video-view-zone.photomovie .player-box{width:976px;height:548px;} .video-view-zone.photomovie #vid-view{width:976px;height:548px;} /* ???? * 2021-11-01 : 현재 사용하지 않는거 같음 (차후 삭제) */ .title-photomovie{padding:40px 0 15px} .title-photomovie .tit{font-size:28px;line-height:1.5;font-weight:800;color:#000;} .title-photomovie .date{font-size:12px;color:#909090;} /* ---- [화보 본문] ---- */ .popular-gll{padding:20px 0;background:#f2f2f2} .gallery-content{width:980px;margin:0 auto;} .gall-con{overflow:hidden;position:relative;z-index:2;background:#2e2e2e;} .gall-con .slides{overflow:hidden;height:725px;} .gall-body{background:#2e2e2e;position:relative;top:95px;} .gall-slide-wrap{position:relative;background:#2e2e2e;} .gall-slide-wrap .wrap-tit-type03{z-index:10;} .gall-slide-wrap .loading-info{position:absolute;left:50%;top:50%;margin:-10px 0 0 -42px;z-index:1;} /* 슬라이드 숫자 페이징 */ #gall-slider .gall-num{float:left;margin-left:15px;text-align:center;color:#949494;} #gall-slider .gall-num #gall-current{padding-right:2px;font-weight:800;color:#ffc000;} #gall-slider .gall-num #gall-sum{padding-left:2px;color:#000;font-weight:800;} /* 슬라이드 이미지 */ #gall-slider .gall-img{overflow:hidden;width:100%;height:600px;text-align:center;} #gall-slider .gall-img.vertical img{width:auto;height:600px;} #gall-slider .gall-img img{width:100%;height:auto;} /* 슬라이드 하단 캡션 (nano-scroll) */ #gall-slider .gall-bottom{position:relative;height:110px;width:100%;padding:15px 0 0 0;background:#2e2e2e;} #gall-slider .nano{position:relative;overflow:hidden; height:98px;width:850px;margin-left:30px} #gall-slider .nano .gall-txt{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0; left :0;padding:0 10px 0 0;} #gall-slider .nano .gall-txt:focus{outline: thin dotted;} #gall-slider .nano .gall-txt::-webkit-scrollbar{visibility: hidden;} #gall-slider .has-scrollbar .gall-txt::-webkit-scrollbar{visibility: visible;} #gall-slider .nano .pane{background:#242424;position:absolute;width:10px;right:0;top:0;bottom :0;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;} #gall-slider .nano .pane .slider{background:#000;position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #gall-slider .nano:hover .pane, .pane.active, .pane.flashed{visibility:visible\9;opacity:0.99;} #gall-slider .nano .slider{background:#111;} /* 슬라이드 하단 확대버튼 */ .btn-gall-con, #gall-slider .btn-gall-con{overflow:hidden;position:absolute;bottom:0;right:0;width:93px;height:125px;text-indent:-5000px;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -80px -70px;z-index:10;} /* 슬라이드 하단 제목 */ #gall-slider .tit-inner{color:#fff;margin:0 0 5px;font-size:15px;font-weight:500;} #gall-slider .tit-description{color:#b9b9b9;font-size:13px;} .gall-con .flex-direction-nav a {overflow:hidden;position:absolute;top:50%;display:block;width:90px;height:90px;margin-top:-65px;text-indent:-5000px;z-index:10;} .gall-con .flex-direction-nav .flex-prev { left:0;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat 2px 0;} .gall-con .flex-direction-nav .flex-prev:hover {background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat 2px -189px;} .gall-con .flex-direction-nav .flex-next { right:0;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat 2px -90px;} .gall-con .flex-direction-nav .flex-next:hover {background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat 2px -279px;} /* 슬라이드 확대 */ .body-gall-full{visibility:visible;position:fixed;left:0;top:0;width:100%;height:100%;background:#1e1e1e;z-index:1001;} .body-gall-full.hide{visibility:hidden;z-index:-1;} #gall-full-wrap{position:relative;height:100%;width:100%;min-width:1024px;background:#1e1e1e;z-index:1001;} #gall-full-content{position:relative;width:100%;height:100%;color:#fff} #gall-full-content .gall-full-head{position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #424242;text-align:center;z-index:1001;background:#1e1e1e;} .gall-full-head .btn-gall-close{overflow:hidden;position:absolute;right:33px;top:0;width:90px;height:60px;text-indent:-5000px;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -80px -17px;z-index:1001;} .gall-full-head .gall-tit{padding:10px 0 0;font-weight:normal} .gall-full-body{height:100%;margin:0 auto 0;text-align:center;display:table;} .gall-full-body div.table-row{height:100%;display:table-row;} .gall-full-body div.table-cell{height:100%;display:table-cell;vertical-align:middle;} .gall-full-body div.table-cell img{width:auto;height:auto;max-height:100%;max-width:1024px;.margin-top:61px;visibility:hidden;} #gall-full-content .slides{position:relative;margin-top:60px;} #gall-full-content .slides li{overflow:hidden;height:100%;position:relative;} #gall-full-content .flex-direction-nav a{overflow:hidden;position:absolute;top:50%;display:block;width:90px;height:90px;margin-top:-45px;text-indent:-5000px;z-index:1001;} #gall-full-content .flex-direction-nav .flex-prev{ left:0;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -305px -4px;} #gall-full-content .flex-direction-nav .flex-prev:hover{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -305px -182px;} #gall-full-content .flex-direction-nav .flex-next{ right:0;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -295px -90px;} #gall-full-content .flex-direction-nav .flex-next:hover{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -295px -268px;} #gall-full-caption{overflow:hidden;position:fixed;bottom:34px;right:0;width:100%;background:url(//r.yna.co.kr/www/visual/v01/img/bg_opacity75.png) repeat 0 0;z-index:1002;display:none;} #gall-full-caption.show{display:block;} #gall-full-caption-wrap{width:994px;margin:0 auto;padding:10px 15px;} #gall-full-caption-wrap .gall-tit-h2{font-size:17px;font-weight:500;line-height:25px;margin:0 0 5px;} #gall-full-caption-wrap div{color:#b9b9b9;} .gall-full-option{overflow:hidden;position:fixed;bottom:0;left:0;width:100%;height:33px;text-align:center;border-top:1px solid #414141;background:url(//r.yna.co.kr/www/visual/v01/img/bg_opacity75.png) repeat 0 0;z-index:1005;} .gall-full-option button{display:inline-block;*display:inline; zoom:1;width:165px;line-height:33px;text-align:center;border-right:1px solid #414141;color:#fff;} #gall-full-wrap .thumb-list ul.flex-direction-nav li{display:block} #gall-full-wrap .thumb-list ul.flex-direction-nav a{overflow:hidden;position:absolute;bottom:0;display:block;width:80px;height:100px;text-indent:-5000px;z-index:1003;} #gall-full-wrap .thumb-list ul.flex-direction-nav a.flex-prev{left:0;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -405px -7px;} #gall-full-wrap .thumb-list ul.flex-direction-nav a.flex-prev:hover{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -405px -127px;} #gall-full-wrap .thumb-list ul.flex-direction-nav a.flex-next{right:0;background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -415px -247px;} #gall-full-wrap .thumb-list ul.flex-direction-nav a.flex-next:hover{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -415px -367px;} .gall-full-option .gall-full-num{display:inline-block;*display:inline; zoom:1;width:165px;text-align:center;line-height:33px;border-right:1px solid #414141;border-left:1px solid #414141;color:#ffc000;} .gall-full-option button span{display:inline-block;*display:inline; zoom:1;width:11px;height:11px;margin:-2px 5px 0 0;vertical-align:middle;} .gall-full-option button.btn-caption span{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -189px -14px;} .gall-full-option button.btn-caption.show span{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -201px -14px;} .gall-full-option button.btn-thumb span{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -189px 0;} .gall-full-option button.btn-thumb.show span{background:url(//r.yna.co.kr/www/visual/v01/img/btn_dir05.png) no-repeat -201px 0;} #gall-full-wrap .thumb-list{overflow:hidden;position:fixed;bottom:-100px;left:0;width:100%;height:100px;padding:0;text-align:center;background:url(//r.yna.co.kr/www/visual/v01/img/bg_opacity75.png) repeat 0 0;z-index:1003;} #gall-full-wrap .thumb-list.show{bottom:34px;} #gall-full-wrap .thumb-list .flex-viewport{padding:0 80px;} #gall-full-wrap .thumb-list .slides{overflow:hidden;height:90px;margin:5px 0;} #gall-full-wrap .thumb-list .slides li{position:relative;float:left;width:115px !important;height:90px !important;line-height:90px;text-align:center;} #gall-full-wrap .thumb-list .slides li em{display:block;position:absolute;left:14px;top:16px;width:88px;height:58px;z-index:1;} #gall-full-wrap .thumb-list .slides li.flex-active-slide em {background:#fff} #gall-full-wrap .thumb-list .slides li a{overflow:hidden;position:relative;margin-top:20px;display:block;width:115px;line-height:50px;height:50px;text-align:center;z-index:2;} #gall-full-wrap .thumb-list .slides li a span{overflow:hidden;display:block;width:80px;height:50px;margin:0 auto;} #gall-full-wrap .thumb-list .slides li img{width:100%;vertical-align:middle;} #gall-full-wrap .thumb-list .slides li .vertical img{margin-top:0 !important;} @media only screen and (min-width:1400px){ #gall-full-content .gall-full-head{background:none;border-bottom:0;} .gall-full-body{width:100%;padding-right:360px;margin:0 0 0 -360px;background:none;} .gall-full-body .table-cell{padding-left:360px;} .gall-full-body div.table-cell{background:#000} #gall-full-caption{display:block !important;top:0 !important;width:300px;height:100%;background:none;padding:0 30px;z-index:9;} #gall-full-caption-wrap{width:100%;margin-top:80px;padding:0;} #gall-full-wrap .thumb-list{/*width:100%;left:50%;margin-left:-50%;*/} .gall-full-option .btn-caption{display:none;} } /* ---- [화보,포토무비] 본문 하단 광고 ---- */ .visual-bottom-add{text-align:center;padding:80px 0 50px} /* ---- [날짜별영상] ---- */ /* 날짜검색 */ .etc-news-date{position:relative;padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #e5e5e5} .etc-news-date01{overflow:hidden;width:315px;margin:0 auto;text-align:center;} .etc-news-date01 strong{font-weight:500;font-size:24px;line-height:50px} .etc-news-date01 button{overflow:hidden;width:50px;height:50px;border:1px solid #e5e5e5;text-indent:-500px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat 0 0} .etc-news-date01 .btn_prev{float:left;background-position:-76px -76px} .etc-news-date01 .btn_prev:hover{background-position:-76px -116px;} .etc-news-date01 .btn_next{float:right;background-position:-116px -76px} .etc-news-date01 .btn_next:hover{background-position:-116px -116px;} .etc-news-date02{position:absolute;left:50%;top:0;margin:0 0 0 175px;} .etc-news-date02:after{content:'';clear:both;} .etc-news-date02 label, .etc-news-date02 #searchDateCal{width:0;height:0;border:0;font-size:0;line-height:0;} .etc-news-date02 .ui-datepicker-trigger{overflow:hidden;position:relative;z-index:2;width:50px;height:50px;text-indent:-500px;background:#2258b3 url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -148px -347px} .etc-news-date02 .btn-search{position:relative;z-index:2;} .etc-news-date02 .wrap-btn-close{overflow:hidden;position:absolute;left:4px;top:0;width:50px;height:50px;text-indent:-500px;z-index:1;background:#e5e5e5 url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -226px -345px; -webkit-transition:left 0.3s ease; -moz-transition:left 0.3s ease; -o-transition:left 0.3s ease; -ms-transition:left 0.3s ease; transition:left 0.3s ease;} .etc-news-date02.open .wrap-btn-close{left:55px;} .etc-news-date02.open .wrap-btn-close:hover{background-position:-226px -425px;} /* 달력 date picker */ .ui-datepicker{display:none;width:312px;margin:50px 0 0;padding:0 0 20px;border:1px solid #e5e5e5;color:#757575;background:#ffffff;z-index:600 !important;} .ui-datepicker .ui-datepicker-header{position:relative;padding:22px 10px 0;text-align:center;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{display:block;position:absolute;top:15px;width:40px;height:40px;cursor:pointer;} .ui-datepicker .ui-datepicker-prev{left:1px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -80px -80px;} .ui-datepicker .ui-datepicker-prev:hover{background-position:-80px -120px} .ui-datepicker .ui-datepicker-next{right:1px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_40x40.png?v=20231102_1400) no-repeat -120px -80px;} .ui-datepicker .ui-datepicker-next:hover{background-position:-120px -120px} .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{display:block;width:100%;height:100%;text-indent:-9999px;} .ui-datepicker .ui-datepicker-title select{height:32px;padding:0;color:#000;font-size:14px;font-family:Verdana, Helvetica, sans-serif;border:1px solid #c7c8c8;line-height:32px;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year{margin:0 6px 0 0;} .ui-datepicker table{width:274px;margin:0 auto;background:#fff;text-align:center;} .ui-datepicker th, .ui-datepicker td{font-size:12px;} .ui-datepicker th{color:#757575;line-height:40px;text-align:center;background:#fff;border-bottom:1px solid #eaeaea;} .ui-datepicker th span span{display:inline-block;width:10px;height:40px;} .ui-datepicker td{line-height:32px;font-family:Verdana, Helvetica, sans-serif;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center;} .ui-datepicker td:first-child{border-left:1px solid #eaeaea} .ui-datepicker td span, .ui-datepicker td a{display:block;padding:1px 0 3px;} .ui-datepicker td.ui-datepicker-week-end, .ui-datepicker td.ui-datepicker-week-end a{color:#5f678a;} .ui-datepicker td:first-child a, .ui-datepicker th:first-child a{color:#e08777;} .ui-datepicker span.ui-state-default{color:#cfcfcf;} .ui-datepicker a.ui-state-default{color:#555555;font-weight:500;} .ui-datepicker a.ui-state-active, .ui-datepicker td .ui-state-highlight.ui-state-active{background:#2258b3;color:#ffffff !important;} .ui-datepicker td .ui-state-default.ui-state-highlight{background: #2258b3;color:#fff;} .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current{display:none;} .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close{position:absolute;right:9px;top:9px;display:block;width:9px;height:9px;overflow:hidden;text-indent:-9999px;background:url(../btn_wholemenu_close.gif) no-repeat 50% 50%;} .ui-datepicker-trigger{cursor:pointer;} /* ---- [VR현장] ---- */ /* 서비스 중단 */ .wrap-vr-slide{overflow:hidden;position:relative;height:550px;margin-bottom:90px} .wrap-vr-slide .sl-con{position:relative;width:980px;height:550px;float:left;} .wrap-vr-slide .sl-con .img-con{width:980px;height:550px;text-align:center} .wrap-vr-slide .sl-con .img-con a{display:block;} .wrap-vr-slide .sl-con .img-con img{height:550px;width:100%;} .wrap-vr-slide .slick-arrow{overflow:hidden;position:absolute;top:240px;color:transparent;z-index:1;} .wrap-vr-slide .slick-arrow:hover img{display:block;} .wrap-vr-slide .slick-prev{left:0;} .wrap-vr-slide .slick-next{right:0;} .wrap-vr-slide .slick-prev span, .wrap-vr-slide .slick-next span{overflow:hidden;display:block;position:relative;width:54px;height:66px; -webkit-transition:.5s all ease; -moz-transition:.5s all ease; -ms-transition:.5s all ease; -o-transition:.5s all ease; transition:.5s all ease;} .wrap-vr-slide .slick-arrow:hover span{width:160px;background:#000;background:rgba(0,0,0,0.5)} .wrap-vr-slide .slick-prev img, .wrap-vr-slide .slick-next img{display:none;width:100px;max-height:54px;margin:5px} .wrap-vr-slide .slick-prev img{float:right;} .wrap-vr-slide .slick-next img{float:left;} .wrap-vr-slide .slick-prev i, .wrap-vr-slide .slick-next i{display:block;position:absolute;top:0;width:54px;height:66px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_vr.png) no-repeat 0 -480px;z-index:1;} .wrap-vr-slide .slick-prev i{left:5px;background-position:0 -540px;} .wrap-vr-slide .slick-next i{right:5px;} .wrap-vr-slide .slick-dots{position:absolute;bottom:-47px;width:90px;left:50%;margin-left:-45px;} .wrap-vr-slide .slick-dots li{float:left;margin:0 10px;padding:0;list-style:none;background:none;} .wrap-vr-slide .slick-dots li button{overflow:hidden;display:block;width:10px;height:10px;background:#bfbfbf;border-radius:50%;text-indent:-100px;} .wrap-vr-slide .slick-dots li.slick-active button{background:#000;} .wrap-vr-slide .tit-list-type02{position:absolute;left:0;bottom:0;width:80%;padding:35px 10%;text-align:center;background:url(//r.yna.co.kr/www/visual/v01/img/bg_vr_gradi01_000.png) repeat-x 0 0;} .wrap-vr-slide .tit-list-type02 .tit{display:inline;font-size:28px;font-weight:500;color:#fff;} .wrap-vr-slide a:hover .tit-list-type02 .tit{border-bottom:1px solid #fff;} .video-vr .title-sub02{padding-top:30px;} .video-vr .site-menu .btn-pick{padding-left:28px;background:url(//r.yna.co.kr/www/visual/v01/img/sprites_vr.png) 0 -398px no-repeat} .list-zone03 .list .thumb{overflow:hidden;} /* @@@@ 본문 우측 영역 폰트 관련 수정 */ .page-view .list-type101 .tit-news, .page-view .list-type102 .tit-news, .page-view .list-type101 .tit-news, .page-view .list-type102 .tit-news{max-height:48px;} .page-view .list-type035 .news-con .tit-news, .page-view .list-type102 .tit-news, .page-view .list-type073 .tit-news, .page-view .list-type101 .tit-news{font-size:16px;line-height:24px;font-weight:500;} .page-view .list-type035 .news-con .tit-news, .page-view .list-type102 .tit-news, .page-view .list-type073 .tit-news, .page-view .list-type101 .tit-news{font-size:16px;line-height:24px;font-weight:700;} .page-view .list-type101 .list>li:first-child [class*='item-box']{background-color:#102039;} .page-view .list-type101 .list>li:first-child [class*='item-box']:hover{background-color:#3061ff;} .page-view .list-type101 .list>li:first-child [class*='item-box']{background-color:#102039;} .page-view .list-type101 .list>li:first-child [class*='item-box']:hover{background-color:#3061ff;} .page-view .list-type118 .tit-news, .page-view .list-type118 .tit-news{overflow:hidden;font-size:16px;line-height:24px;vertical-align:middle; max-height:initial;text-overflow:initial;display:inline-block;-webkit-line-clamp:initial;-webkit-box-orient:initial;word-wrap:initial;} .page-view .list-type118 .tit-news{font-weight:500;} .page-view .list-type118 .tit-news{font-weight:700;} .container02 .contents02 .title-con02 .title-type09 .tit{font-size:15px;}