/* ============ layout =========================================================================================================*/ @import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqawf.pybhqsyner.pbz%2Snwnk%2Syvof%2Scergraqneq%2S1.3.9%2Sinevnoyr%2Scergraqneqinevnoyr.zva.pff"); body {font-family: 'Pretendard Variable','Noto Sans KR','Apple SD Gothic Neo','Apple Gothic','AppleGothic','sans-serif','dotum';} main {padding-top: 10px;} input, select, textarea, button, a {font-family: 'Pretendard Variable';} .mg-t-10{margin-top:10px;} .mg-t-20{margin-top:20px;} .mg-t-30{margin-top:30px;} .mg-t-40{margin-top:40px !important;} .mg-t-50{margin-top:50px !important;} .mg-t-60{margin-top:60px !important;} .mg-t-70{margin-top:70px !important;} .mg-b-10{margin-bottom:10px !important;} .mg-b-20{margin-bottom:20px !important;} .mg-b-30{margin-bottom:30px !important;} .mg-b-40{margin-bottom:40px !important;} .mg-b-50{margin-bottom:50px !important;} .mg-b-60{margin-bottom:60px !important;} .mg-b-70{margin-bottom:70px !important;} .din.din2-21 > div[data-dinnum="1"] > .din.mg-b-50 {margin-bottom: 50px !important;} .din.din2-21 > div[data-dinnum="1"] > .din.mg-b-60 {margin-bottom: 60px !important;} .pd-t-0 {padding-top: 0;} .pd-t-60 {padding-top: 60px;} .pd-t-70 {padding-top: 70px;} .pd-b-0 {padding-bottom: 0;} .pd-b-60 {padding-bottom: 60px;} .pd-b-70 {padding-bottom: 70px;} .din.din2-21 > div[data-dinnum="1"] > .din.pd-b-60 {padding-bottom: 60px !important;} .din.din2-21 > div[data-dinnum="1"] > .din.pd-b-70 {padding-bottom: 70px !important;} .din.w-1080 {width: 1080px !important;margin-left: auto;margin-right: auto;} .din.din3-111.w-1080 > div[data-dinnum="1"], .din.din3-111.w-1080 > div[data-dinnum="2"], .din.din3-111.w-1080 > div[data-dinnum="3"] {width:calc((100% - 32px) / 3);} .din.din3-111.w-1080 > div[data-dinnum="2"] {margin: 0 16px;} /* .header-top */ .header-top {padding: 20px 0 0;display: flex;justify-content: flex-end;align-items: center;margin-bottom: 0 !important;} .header-top .top-menu {display: flex;font-size: 15px;} .header-top .top-menu li {margin: 0 12px;} .header-top .top-menu li a:hover {font-weight: 500;} .header-top .top-search {position: relative;;width: 194px;height: 32px;margin-left: 20px;} .top-search .searchText {font-size: 14px;width: 100%;height: 100%;border-radius: 32px;border: 1px solid #CDCDCD;padding-left: 12px;padding-right: 32px;} .top-search .searchText::placeholder {font-size: 14px;} .top-search .btn-search {position: absolute;z-index: 5;right: 0px;top: 0px;height: 32px;width: 32px;font-size: 16px;text-align: center;color: #bbb;} .top-search .btn-search:hover {transform: scale(1.1);} /* .header-logo */ .header-logo {} .header-logo a {display: inline-block;} .header-logo .logo {width: 132px;margin-right: 14px;} .header-logo .logo img {width: 100%;height: auto;} .header-logo .slogan {height: 40px;} .header-logo .slogan img {width: auto;height: 100%;} /* .header-gnb */ .header-gnb {display: flex;justify-content: space-between;} .header-gnb .gnb-menu {display: flex;align-items: center;font-size: 22px;font-weight: 700;} .header-gnb .gnb-menu li:not(:last-child) {margin-right: 36px;} .header-gnb .gnb-menu li a {padding: 0 3px;} .header-gnb .gnb-menu li a.active {color: #0089CE;border-bottom: 3px solid #FAA811;} .header-gnb .sns-menu {display: flex;align-items: center;padding-right: 60px;} .header-gnb .sns-menu li {width: 34px;height: 34px;} .header-gnb .sns-menu li:not(:last-child) {margin-right: 4px;} .header-gnb .sns-menu li img {width: 100%;height: 100%;} .red-dot::before {position: relative;top: 5px;left: 1px;vertical-align: top;content: '';display: inline-block;width: 7px;height: 7px;border-radius: 50%;background-color: #FF3131;} /* .bg-gray */ .bg-gray {background-color: #F4F4F4;} /* footer */ footer {margin-top: 100px;} footer .logo {width: 120px;} footer .logo img {width: 100%;height: auto;} footer .terms_wrap .share li {width: 44px;} footer .terms_wrap .share li:last-child {margin-right: 0;} footer .terms_wrap .share li img {width: 100%;} /* ============ layout =========================================================================================================*/ /* ============ box =========================================================================================================*/ .banner li img {max-width: 100%;} .box_title .name.bold {font-weight: 700 !important;line-height: normal;} .box_title.line, .box_title.line2 {border-bottom: 1px solid #aaa;padding-bottom: 10px !important;margin-bottom: 25px;} .box_title.line2 .name::after {display: block;position: absolute;z-index: 5;content: '';width: calc(100% + 6px);padding-top: 10px;border-bottom: 3px solid #222;} .box_title.sub_link, .box_title.sub_link2 {display: flex;justify-content: space-between;align-items: flex-end;line-height: normal;} .box_title.sub_link .link_cont {display: flex;align-items: flex-end;padding: 0 10px;} .box_title.sub_link .link_cont a {color: #A4A4A4;font-size: 16px;font-weight: normal;} .box_title.sub_link .link_cont .after {margin: 0 3px;color: #A4A4A4;font-size: 16px;font-weight: 300;} .box_title.sub_link .link_cont a:is(:active,:focus,:visited,:hover) {color: #A4A4A4;-ms-transform: scale(1.06);-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);transition: transform .2s ease;} .box_title.sub_link2 .link_cont {display: flex;align-items: flex-end;padding-right:2px;} .box_title.sub_link2 .link_cont a {color: #555;font-size: 16px;font-weight: normal;} .box_title.sub_link2 .link_cont a i {color: #666;font-size: 16px;font-weight: normal;margin-left: 2px;} .box_title.sub_link2 .link_cont .after {margin: 0 3px;color: #555;font-size: 14px;font-weight: 300;} .box_title.sub_link2 .link_cont a:is(:active,:focus,:visited,:hover) {color: #555;-ms-transform: scale(1.06);-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);transition: transform .2s ease;} .right_mainnews .thumb img:hover {-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);;transition: all .5s;} /* 다시보기 */ .box.replay_4 {margin-bottom: 0;} .box.replay_4 + .box.replay_4 {margin-bottom: 30px;} .replay_4 .list {width: 100%;} .replay_4 .article {float: left;width: calc((100% - 72px) / 4);margin-right: 24px;margin-bottom: 24px;} .replay_4 .article:nth-child(4n) {margin-right: 0;} .replay_4 .article:last-child {margin-right: 0;} .replay_4 .article .thumb {margin-bottom: 14px;border-radius: 12px;aspect-ratio: 16 / 9;} .replay_4 .article .thumb img {object-fit: cover;object-position: center;} .replay_4 .article .title {font-size: 18px;font-weight: 600;-webkit-line-clamp: 1;margin-bottom: 2px;} .replay_4 .article .date {font-size: 14px;color: #A4A4A4;} .replay_4.replay_2 .article {width: calc((100% - 24px) / 2);margin-right: 24px;float: left;} .replay_4.replay_2 .article:nth-child(2n) {margin-right: 0;} .program_home .replay_4 {margin-bottom: 60px !important;} .program_home .replay_4 .article .title {-webkit-line-clamp: 2;} .box.replay_4.program_8 {margin-bottom:30px;} .replay_4.program_8 .article {margin-bottom:30px;} .replay_4.program_8 .article .thumb {margin-bottom:8px;} .replay_4.program_8 .title {padding:0 4px;} /* main_sliding_box */ .main_sliding_box {width: fit-content;margin: 0 auto;} .main_sliding_box .box_title {width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 10px;} .main_sliding_box .list {width: 1280px;} .main_sliding_box .list .swiper {width: 1200px;min-width: 1200px;max-width: 1200px;} .main_sliding_box .list .swiper-button-prev, .main_sliding_box .list .swiper-button-next {margin-top: unset;top:calc((450px - 60px) / 2);width: 60px;height: 60px;border-radius: 50%;color: #444;background-color: #FFF;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));} .main_sliding_box .list .swiper-button-prev::after, .main_sliding_box .list .swiper-button-next::after {font-size: 24px !important;color: #444;} .main_sliding_box .list .swiper-button-prev::after {margin-right: 6px;} .main_sliding_box .list .swiper-button-next::after {margin-left: 6px;} .main_sliding_box .list .swiper-button-prev:hover, .main_sliding_box .list .swiper-button-next:hover {transform: scale(1.1);transition: all .2s ease;} .main_sliding_box .list .swiper-button-next.swiper-button-disabled, .main_sliding_box .list .swiper-button-prev.swiper-button-disabled {opacity: 0.5 !important;} .main_sliding_box .article {border-radius: 30px;height: 450px;width: 1200px;} .main_sliding_box .article .wrap {width: 100%;height: 100%;display: flex;align-items: center;padding: 10px;} .main_sliding_box .wrap .text_box {width: calc(100% - 790px);padding-left: 60px;padding-right: 30px;} .main_sliding_box .wrap .title {margin-bottom: 18px;word-break: keep-all;font-size: 40px;font-weight: 700;line-height: normal;} .main_sliding_box .wrap .desc {margin-bottom: 18px;display: -webkit-box;-webkit-line-clamp: 4;color: #222;font-size: 18px;line-height: 1.5;} .main_sliding_box .wrap .airDate {font-size: 16px;color: #222;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-word;} .main_sliding_box .wrap .thumb {border-radius: 24px;width: 790px;height: 430px;} .main_sliding_box .wrap .thumb img:hover {-ms-transform: unset;-moz-transform: unset;-webkit-transform: unset;-o-transform: unset;transform: unset;transition: unset;} .main_sliding_box .thumb img {object-position: center;object-fit: cover;vertical-align: middle;} .main_sliding_box .page {width: fit-content;float: right;display: inline-flex;align-items: center;margin-top: 20px;} .main_sliding_box .page .swiper-pagination {height: 25px;position: static !important;width: fit-content;font-size: 20px;line-height: 25px;color: #A6A6A6;} .main_sliding_box .page .swiper-pagination .swiper-pagination-current {color: #222;} .main_sliding_box .btn_pause, .main_sliding_box .btn_play {color: #707070;font-size: 25px;margin-left: 8px;} .main_sliding_box .btn_home {background-color: #FFF;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));width: 164px;height: 40px;border-radius: 42px;display: inline-flex;align-items: center;justify-content: center;} .main_sliding_box .btn_home:hover {-ms-transform: scale(1.06);-moz-transform: scale(1.06);-webkit-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);transition: transform .2s ease;} .main_sliding_box .btn_home > span {font-size: 20px;margin-right: 8px;} /* sliding_box */ .sliding_box {padding-bottom: 35px;width: fit-content;margin: 0 auto;} .sliding_box .box_title {width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 10px;} .sliding_box .list {width: 1300px;display: flex;align-items: center;justify-content: space-between;} .sliding_box .list .swiper {width: 1220px;min-width: 1220px;max-width: 1220px;padding: 16px 10px;} .sliding_box .list .swiper-button-prev, .sliding_box .list .swiper-button-next {position: relative;color: #444;} .sliding_box .list .swiper-button-prev::after, .sliding_box .list .swiper-button-next::after {font-size: 25px !important;color: #444;} .sliding_box .list .swiper-button-prev:hover, .sliding_box .list .swiper-button-next:hover {transform: scale(1.17);transition: all .2s ease;} .sliding_box .list .swiper-button-next.swiper-button-disabled, .sliding_box .list .swiper-button-prev.swiper-button-disabled {opacity: 0.5 !important;} .sliding_box .swiper-slide:hover {transition: transform .2s ease;transform: scale(1.025);} .sliding_box .swiper-pagination {position: relative !important;} .sliding_box .text_box {padding:0 5px;} .sliding_box .thumb {overflow: hidden;} .sliding_box .thumb img {object-position: center;object-fit: cover;overflow: hidden;} .sliding_box .thumb img:hover {-ms-transform: unset;-moz-transform: unset;-webkit-transform: unset;-o-transform: unset;transform: unset;transition: unset;} .sliding_box .thumb.circle {border-radius: 50% !important;} .sliding_box.banner_slide_title .list {width: 1200px;} .sliding_box.banner_slide_title .list .swiper {min-width: 1100px;width: 100%;max-width: 100%;padding: 10px 14px;} .sliding_box.banner_slide_title .swiper-slide .thumb {aspect-ratio: unset;} .sliding_box.banner_slide_title .list .swiper-button-prev {left: 0;} .sliding_box.banner_slide_title .list .swiper-button-next {right: 0;} .sliding_box.banner_slide_title .list .swiper-button-prev, .slide_3.banner_slide_title .list .swiper-button-next {margin-bottom: 0;} /* .sliding_box.slide_5 : slide 5개, 세로형, 인기프로그램 */ .slide_5 {} .slide_5 .swiper-slide .thumb {height: 308px;border-radius: 12px;margin-bottom: 12px;} .slide_5 .article .title {font-size: 18px;font-weight: 600;} .sliding_box.slide_5 .list .swiper-button-prev, .sliding_box.slide_5 .list .swiper-button-next {margin-bottom: 18px;} /* .sliding_box.slide_3 : slide 3개, 가로형, 이벤트 */ .slide_3 .swiper-slide .thumb {aspect-ratio: 16 / 9;border-radius: 12px;margin-bottom: 12px;} .sliding_box.slide_3 .list .swiper-button-prev, .sliding_box.slide_3 .list .swiper-button-next {margin-bottom: 10px;} .sliding_box.banner_slide_3 .list {width: 1200px;} .sliding_box.banner_slide_3 .list .swiper {min-width: 1100px;width:100%;max-width: 100%;padding: 10px;} .sliding_box.banner_slide_3 .swiper-slide .thumb {aspect-ratio: unset;} .sliding_box.banner_slide_3 .list .swiper-button-prev {left: 0;} .sliding_box.banner_slide_3 .list .swiper-button-next {right: 0;} .sliding_box.banner_slide_3 .list .swiper-button-prev, .slide_3.banner_slide_3 .list .swiper-button-next {margin-bottom: 0;} /* .sliding_box.slide_2 : slide 2개, 가로형, 이벤트 */ .slide_2 .swiper-slide .thumb {border-radius: 12px;margin-bottom: 12px;} .sliding_box.slide_2 .list .swiper-button-prev, .sliding_box.slide_2 .list .swiper-button-next {margin-bottom: 10px;} .sliding_box.banner_slide_2 .thumb {margin-bottom: 0;} .sliding_box.banner_slide_2 .list {width: 1200px;} .sliding_box.banner_slide_2 .list .swiper {min-width: 1100px;width: 100%;max-width: 100%;padding:16px 10px} .sliding_box.banner_slide_2 .swiper-slide .thumb {aspect-ratio: unset;} .sliding_box.banner_slide_2 .list .swiper-button-prev {left: 0;} .sliding_box.banner_slide_2 .list .swiper-button-next {right: 0;} .sliding_box.banner_slide_2 .list .swiper-button-prev, .sliding_box.banner_slide_2 .list .swiper-button-next {margin-bottom: 0;} .slide_2.banner_slide_title .thumb {margin-bottom: 0;} .slide_2.banner_slide_title .list {width: 1200px;} .slide_2.banner_slide_title .list .swiper {min-width: 1100px;width: 100%;max-width: 100%;} .slide_2.banner_slide_title .swiper-slide .thumb {aspect-ratio: unset;} .slide_2.banner_slide_title .list .swiper-button-prev, .slide_2#banner_slide_title .list .swiper-button-next {margin-bottom: 0;} /* .sliding_box.slide_1 : slide 1개, 가로형, 이벤트 */ .slide_1.banner_slide_title .list {width: 1200px;} .slide_1.banner_slide_title .list .swiper {min-width: 1100px;width: 100%;max-width: 100%;} .slide_1.banner_slide_title .swiper-slide .thumb {aspect-ratio: unset;} .slide_1.banner_slide_title .list .swiper-button-prev {left: 0;} .slide_1.banner_slide_title .list .swiper-button-next {right: 0;} .slide_1.banner_slide_title .list .swiper-button-prev, .sliding_box.slide_1.banner_slide_title .list .swiper-button-next {margin-bottom: 0;} .sliding_box.slide_1 .swiper-slide .thumb {border-radius: 12px;margin-bottom: 12px;} .sliding_box.slide_1 .list .swiper-button-prev, .sliding_box.slide_1 .list .swiper-button-next {margin-bottom: 10px;} .sliding_box.banner_slide_1 {padding-bottom:0;} .sliding_box.banner_slide_1 .list {width: 1200px;} .sliding_box.banner_slide_1 .list .swiper {min-width: 1100px;width: 1100px;max-width: 100%;} .sliding_box.banner_slide_1 .swiper-slide .thumb {aspect-ratio: unset;} .sliding_box.banner_slide_1 .list .swiper-button-prev {left: 0;} .sliding_box.banner_slide_1 .list .swiper-button-next {right: 0;} .sliding_box.banner_slide_1 .list .swiper-button-prev, .sliding_box.banner_slide_1 .list .swiper-button-next {margin-bottom: 0;} /* .slide_1_fade : slide 1개, 가로형, fade */ .slide_1_fade .swiper-slide {border-radius: 12px;} .slide_1_fade .swiper-slide .thumb {margin-bottom: 0px;} .slide_1_fade.sliding_box .list {width: 1080px;height: 100px;} .slide_1_fade.sliding_box .list .swiper {width: 100%;height: 100%;max-width: 100%;min-width: unset;max-width: unset;padding: unset;} .slide_1_fade.sliding_box .swiper-slide .thumb {aspect-ratio: unset;} /* .sliding_box.slide_4 : slide 4개, 가로형, 이벤트 */ .slide_4 .swiper-slide {border: 1px solid #0001;border-radius: 12px;overflow: hidden;} .slide_4 .swiper-slide .thumb {aspect-ratio: 16 / 9;border-radius: 12px;margin-bottom: 0;} .sliding_box.slide_4 .list .swiper-button-prev, .sliding_box.slide_3 .list .swiper-button-next {margin-bottom: 10px;} .slide_4.banner_slide_title .swiper-slide .thumb {aspect-ratio: unset;} .slide_4.banner_slide_title .list .swiper-button-prev, .slide_4.banner_slide_title .list .swiper-button-next {margin-top: 10px;} /* .sliding_box.slide_6 : slide 6개, 추천 */ .slide_6 .swiper-slide .thumb {aspect-ratio: 1 / 1;border-radius: 12px;margin-bottom: 12px;border: 1px solid #0002;} .slide_6 .article .text_box {padding: 0;} .slide_6 .article .title {text-align: center;word-break: keep-all;line-height: normal;} .sliding_box.slide_6 .list .swiper-button-prev, .sliding_box.slide_6 .list .swiper-button-next {margin-bottom: 10px;} /* .sliding_box.slide_6_length : slide 6개, 세로형 20240723 */ .slide_6_length {margin-bottom:50px !important;} .slide_6_length .swiper-slide .thumb {aspect-ratio: 5/7;border-radius: 10px;margin-bottom: 12px;border:0} .slide_6_length .article .title {font-size: 18px;font-weight: 600;text-align: center;word-break: keep-all;line-height: normal;} .sliding_box.slide_6_length .list .swiper-button-prev, .sliding_box.slide_6_length .list .swiper-button-next {margin-bottom: 18px;} .slide_6_length .grid-list .swiper-wrapper {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap:16px;} .slide_6_length .grid-list .swiper-button-prev, .slide_6_length .grid-list .swiper-button-next {display: none;} /* .program_list_box */ .program_list_box {width: 100%;max-width: 1240px;padding: 0 20px 60px;margin-left: auto;margin-right: auto;} .program_list_box .list_nav {display: flex;align-items: center;margin-bottom: 46px;} .program_list_box .list_nav li a {display: inline-block;font-size: 16px;font-weight: 600;line-height: 1.5;padding: 0 10px;border-radius: 16px;} .program_list_box .list_nav li a.on {color: #FFF;background-color:#A3A3A3 ;} .program_list_box .list {display: grid;grid-template-columns: repeat(5, 1fr);grid-column-gap: 25px;grid-row-gap: 90px;margin: 0;} .program_list_box .article:hover {transition: transform .3s ease;transform: scale(1.05);} .program_list_box .article .thumb {height: 308px;border-radius: 12px;margin-bottom: 12px;background-color: #0001;} .program_list_box .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .program_list_box .article .text_box {padding:0 5px} .program_list_box .article .title {font-size: 18px;line-height: normal;word-break: keep-all;text-align: center;} /* .program_list_box.tv_list_menu 20250220 개편 tv list 메뉴 단일처리*/ .program_list_box.tv_list_menu {padding-bottom: 0;margin-bottom: 0 !important;} /* .radio_main_box */ .radio_main_box {margin: 0 auto;} .radio_main_box .info_cont {width: 1080px;display: flex;justify-content: flex-end;margin: 0 auto;} .radio_main_box .info_cont li {margin-left: 26px;} .radio_main_box .info_cont a {display: flex;flex-direction: column;align-items: center;justify-content: center;} .radio_main_box .info_cont img {width:54px;} .radio_main_box .info_cont span {font-size: 20px;font-weight: 500;line-height: 1.6;} .radio_main_box .info_cont + .list {margin-top: 10px;} .radio_main_box .list {width: 1300px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;} .radio_main_box .list .swiper {width: 1200px;min-width: 1200px;max-width: 1200px;} .radio_main_box .swiper-slide {height: 560px;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;} .radio_main_box .swiper-slide .wrap {transition: all .6s ease;height: 270px;width: 172px;border-radius: 172px;overflow: hidden;position: absolute;bottom: 140px;} .radio_main_box .swiper-slide .wrap .thumb {height: 100%;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;} .radio_main_box .swiper-slide .wrap .thumb img {transition: all .3s ease;object-fit: contain;position: absolute;bottom: -10px;height: 230px;width: auto;} .radio_main_box .swiper-slide .wrap.posterHeight .thumb img {height: 100%;width: 100%;object-fit: cover;margin-bottom: unset;position: static} .radio_main_box .swiper-slide .text_box {padding-top: 20px;height: 140px;visibility: hidden;position: absolute;bottom: 0px;} .radio_main_box .swiper-slide .title {font-size: 26px;line-height: 1.1;font-weight: 700;text-align: center;word-break: keep-all;} .radio_main_box .swiper-slide .sub_title {display: -webkit-box;line-height: normal;text-align: center;word-break: keep-all;font-size: 18px;font-weight: 500;margin-top: 10px;} .radio_main_box .swiper-slide.swiper-slide-active {justify-content: flex-start;} .radio_main_box .swiper-slide.swiper-slide-active .wrap {height: 420px;} .radio_main_box .swiper-slide.swiper-slide-active .wrap .thumb {} .radio_main_box .swiper-slide.swiper-slide-active .wrap .thumb img {height: 280px;} .radio_main_box .swiper-slide.swiper-slide-active .wrap.posterHeight .thumb img {height: 100%;width: 100%;object-fit: cover;margin-bottom: unset;position: static} .radio_main_box .swiper-slide.swiper-slide-active .text_box {visibility: visible;} .radio_main_box .list .swiper-button-prev, .radio_main_box .list .swiper-button-next {position: relative;color: #444;} .radio_main_box .list .swiper-button-prev::after, .radio_main_box .list .swiper-button-next::after {font-size: 30px !important;color: #444;} .radio_main_box .list .swiper-button-prev:hover, .radio_main_box .list .swiper-button-next:hover {transform: scale(1.17);transition: all .2s ease;} .radio_main_box .list .swiper-button-next.swiper-button-disabled, .radio_main_box .list .swiper-button-prev.swiper-button-disabled {opacity: 0.5 !important;} .radio_main_box .list.center {} .radio_main_box .list.center .swiper {} .radio_main_box .list.center .swiper-wrapper {transform:unset;display: flex;align-items: center;justify-content: center;} .radio_main_box .list.center .swiper-slide {width: 200px;} .radio_main_box .list.center .swiper-button-prev, .radio_main_box .list.center .swiper-button-next {display: none;} /* .time_list_box */ .time_list_box {} .time_list_box .article {display: flex;align-items: center;margin-bottom: 16px;} .time_list_box .article .date {color: #0071BB;font-size: 20px;font-weight: 500;margin-right: 24px;} .time_list_box .article .title {font-size: 20px;font-weight: 500;-webkit-line-clamp: 1;} /* .program_intro_box */ .program_intro_box {width: 1200px;margin-left: auto;margin-right: auto;margin-bottom: 60px !important;} .program_intro_box .article .thumb {width: 100%;height: 450px;border-radius: 24px;border: 1px solid #0001;} .program_intro_box .article .thumb img {object-fit: cover;object-position: center;} .program_intro_box .article .thumb + .box_title {margin-bottom: 20px;margin-top: 60px;} .program_intro_box .article .title {font-size: 24px;font-weight: 600;margin-bottom: 6px;color: #E6721F;} .program_intro_box .article .title:hover {text-decoration: none;} .program_intro_box .article .sub_title {display: -webkit-box;word-break: keep-all;font-size: 22px;font-weight: 600;color: #777777;margin-bottom: 6px;} .program_intro_box .article .desc {display: block;word-break: keep-all;font-size: 20px;color: #222;} .program_intro_box .article .content {margin-top: 30px;word-break: keep-all;font-size: 18px;color: #222;} .program_intro_box .program_info dl {display: flex;font-size: 18px;} .program_intro_box .program_info dt {font-weight: 600;width: 120px;} .program_intro_box .program_info dd {} .program_intro_box .text_box2 {display: flex;} .program_intro_box .text_box2 > div {width: 50%;padding-right: 40px;} .program_intro_box .text_box2 + .content {margin-top: 20px;} /* .program_board2 */ .program_board.program_board2 {margin-bottom: 40px;} .program_board.program_board2 tr {height: 60px;} .program_board.program_board2 tbody tr {border-color: #c9c9c9;} .program_board.program_board2 thead {background-color: #0071BB;} .program_board.program_board2 thead tr {height: 40px;} .program_board.program_board2 th {text-align: center;padding: 0 10px;} .program_board.program_board2 td {font-size: 18px;text-align: center;padding: 0 10px;} .program_board.program_board2 .index {font-weight: 500;} .program_board.program_board2 .notice {display: inline-block;} .program_board.program_board2 td.title {text-align: left;padding-left: 20px;height: 60px;} .program_board.program_board2 td.name {word-break: break-all;line-height: normal;} .box.board button.btnEdit {width: 130px;height: 32px;border-radius: 32px;background-color: #444;color: #FFF;} .box.board button.btnEdit:hover {background-color: #222;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));} .box.board #btnInsert.btnEdit img {width: 20px;margin-right: 4px;} .box.board .boardHeader {margin-bottom: 0;padding: 0 30px 40px;font-size: 17px;} .box.board .view .title_wrap .title {margin-bottom: 6px;font-size: 24px;font-weight: 500;} .box.board .view .title_wrap .info_wrap {display: flex;justify-content: flex-end;font-size: 20px;font-weight: normal;line-height: 1.4;margin-bottom: 12px;color: #777;} .box.board .view .title_wrap .info_wrap .name {font-size: 20px;font-weight: bold;line-height: 1.4;margin-right: 20px;color: #444;} .box.board .view .content_container {font-size: 16px;padding: 40px 20px;} .box.board .edit .row textarea {font-size: 17px;line-height: 2;} /* nav.program.program2 */ nav.program.program2 a.active {background-color: #0071BB;} /* .board_search */ .board_search {position: relative;;width: 194px;height: 32px;margin-left: 20px;} .board_search .searchText {font-size: 14px;width: 100%;height: 100%;border-radius: 32px;border: 1px solid #CDCDCD;padding-left: 12px;padding-right: 32px;} .board_search .searchText::placeholder {font-size: 14px;font-family: 'Pretendard Variable'} .board_search .btn-search {position: absolute;z-index: 5;right: 0px;top: 0px;height: 32px;width: 32px;font-size: 16px;text-align: center;color: #666;} /* 온에어 */ .onair_select_box .info_wrap ul li {color: #222;} /* 편성표 */ .tv_schedule {padding-top: 0;} .link_box {border: 1px solid #0002;} .link_box .btn-link {border-right: 1px solid #0002;color: #555;} .link_box .btn-link.active {background-color: #555;color: #FFF;} .calendar .box_title .name {color: #222;} #calendar_slider_div .slider-nav .slide {background-color: rgba(0, 0, 0, 0.024);} #calendar_slider_div .slider-nav .slide:hover {background-color: #0002;color: #FFF;} #calendar_slider_div .slider-nav .slide:hover .img-holder .date {color: #FFF;} #calendar_slider_div .slider-nav .slide:hover .img-holder .dow {color: #FFF;} #calendar_slider_div .slider-nav .slide.slick-center {background-color: #555;color: #FFF;} #calendar_slider_div .slider-nav .slide.slick-center:hover {background-color: #555;} #calendar_slider_div .slider-nav .slide.slick-center .img-holder .date {color: #FFF;} #calendar_slider_div .slider-nav .slide.slick-center .img-holder .dow {color: #FFF;} .calendar .box_title .btn_wrap a, .calendar .box_title .btn_wrap .sch_calendar {background-color: #555;} #calendar_slider_div .slider-for .list {background-color: #0001;} #calendar_slider_div .slider-for .article .airtime {color: #222;} #calendar_slider_div .slider-for .article .box1 .title {color: #222;} .tv_schedule .icon_box .text_box .title {color: #444;} .tv_schedule .info p {color: #444;} /* .company main */ .company main {padding-top: 50px;} /* .manualEdit_4n 20240723 */ .manualEdit_4n {margin-bottom: 60px !important;} .manualEdit_4n .list {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px 24px;} .manualEdit_4n .article {transition: transform .2s ease;} .manualEdit_4n .article:hover {transform: scale(1.05);} .manualEdit_4n .article .thumb {border-radius: 12px;aspect-ratio: 16 / 9;} .manualEdit_4n .article .thumb img {object-fit: cover;object-position: center;} .manualEdit_4n .article .title {margin-top: 10px;line-height:normal;font-size: 18px;font-weight: 600;-webkit-line-clamp: 1;padding: 0 4px;} .manualEdit_4n .article .desc {margin-top:3px;line-height:normal;font-size: 14px;color:#888;display: -webkit-box;-webkit-line-clamp: 1;padding: 0 4px;} /* .manualEdit_4n.no_title 20240723 */ .manualEdit_4n.no_title .list {grid-gap: 20px 15px;} .manualEdit_4n.no_title .article .thumb {aspect-ratio: 2.1/1;} .manualEdit_4n.no_title .article .title {display:none;} .overflow-visible {overflow: unset;} .overflow-visible.din {overflow: unset;} .overflow-visible div[data-dinnum] > div{overflow: unset;} /* ============ box =========================================================================================================*/ /* ============ 보도국 개편 =========================================================================================================*/ .din.din3-121.dinnum2-pd-34 {max-width: 1200px;} .din.din3-121.dinnum2-pd-34 > div[data-dinnum="1"] {width:23%;} .din.din3-121.dinnum2-pd-34 > div[data-dinnum="2"] {width:52%;padding: 0 34px;} .din.din3-121.dinnum2-pd-34 > div[data-dinnum="3"] {width:25%;} .din.din3-111.list-y-line > div[data-dinnum="1"] {width: 32.5%;} .din.din3-111.list-y-line > div[data-dinnum="2"] {width: 35%;margin: 0;} .din.din3-111.list-y-line > div[data-dinnum="3"] {width: 32.5%;} .din.din3-111.list-y-line > div[data-dinnum="1"] .first-thumb-news .box_title {padding-left:0px;padding-right:30px;} .din.din3-111.list-y-line > div[data-dinnum="2"] .first-thumb-news .box_title {padding-left:30px;padding-right:30px;} .din.din3-111.list-y-line > div[data-dinnum="3"] .first-thumb-news .box_title {padding-left:30px;padding-right:30px;} .din.din3-111.list-y-line > div[data-dinnum="1"] .first-thumb-news .list {padding-right: 30px;} .din.din3-111.list-y-line > div[data-dinnum="2"] .first-thumb-news .list {padding-right: 29px;padding-left: 29px;border-left: 1px solid #BFBFBF;border-right: 1px solid #BFBFBF;} .din.din3-111.list-y-line > div[data-dinnum="3"] .first-thumb-news .list {padding-left: 30px;} .din.din2-21.din100 > div[data-dinnum="1"] {width:calc(100% - (((100% - 1200px) / 2) + 320px));display: flex;flex-direction: column;align-items: end;} .din.din2-21.din100 > div[data-dinnum="2"] {width: calc(((100% - 1200px) / 2) + 320px);display: flex;flex-direction: column;} /* .din.din2-21.din100 > div[data-dinnum="1"] .box {max-width: ;} */ .din.din2-21.din100 > div[data-dinnum="2"] .box {max-width: 300px;} .din.box-title-24 .box_title .name {font-size: 24px !important;} .din.bnn-right {position: absolute;z-index: 300;top: 0;left: calc( 50% + 620px );min-width:300px;width: fit-content !important;} /* .header-news : module/headerNews */ .header-news {width: 100%;padding:0;position: sticky;top: 0;left: 0;z-index: 1050;border-bottom: 1px solid #0001;} .header-news .news-gnb {width: 100%;position: relative;} .news-gnb .news-wrap {display: flex;align-items: baseline;} .news-gnb .tier1 {width: 1200px;margin: 0 auto;padding-top: 14px;padding-bottom: 6px;display: flex;justify-content: space-between;} .news-gnb .news-logo {width: 182px;margin-right: 36px;} .news-gnb .news-logo img {width: 100%;} .news-gnb .news-menu {display: flex;align-items: center;} .news-gnb .news-menu li {padding: 0 4px;} .news-gnb .news-menu li a {display: inline-flex;align-items: center;justify-content: center;height: 50px;font-size: 20px;color: #333;font-weight: bold;padding: 0 6px;border-top: 4px solid #FFF;border-bottom: 4px solid #FFF;} .news-gnb .news-menu li a.active,.news-gnb .news-menu li a.hover {color: #F2561D;border-bottom-color: #F2561D;} .news-gnb .news-menu li a:hover {color: #F2561D;border-bottom: 4px solid #F2561D;} .news-gnb .news-menu li a img {object-fit: contain;object-position: center;overflow: hidden;} .news-gnb .news-menu li a[data-dep02="solchan"] img {height: 20px;} .news-gnb .news-menu li a[data-dep02="kspick"] img {height: 25px;margin-bottom: 5px;} .news-gnb .news-icon-menu {display: flex;align-items: center;} .news-gnb .news-icon-menu .wrap {border-right: 1px solid #D0D0D0;padding: 0 12px;color: #484848;font-size: 14px;display: inline-flex;justify-content: center;align-items: center;} .news-gnb .news-icon-menu .wrap:last-child {border-right: 0;padding-right: 0;} .news-gnb .news-icon-menu .wrap a {display: inline-flex;justify-content: center;align-items: center;} .news-gnb .news-icon-menu .wrap a + a {margin-left: 14px;} .news-gnb .news-icon-menu .wrap a[data-member-logout], .news-gnb .news-icon-menu .wrap a[data-member-login] {margin-left: 0;} .news-gnb .news-icon-menu .btn-outline-red {font-weight: 500;} .news-gnb .news-icon-menu .btn-outline-red .dot {font-size: 10px;margin-right: 4px;} .news-gnb .news-icon-menu .icon-youtube {width: 24px;} .news-gnb .news-icon-menu .icon-magnifier {width: 22px;} .news-gnb .news-icon-menu .icon-user {width: 12px;margin-right: 4px;} .news-gnb .news-icon-menu button:hover , .news-gnb .news-icon-menu a:hover {transform: scale(1.14);transition: all .15s;} .news-gnb .news-bar {width: 20px;} .news-gnb .news-bar:hover {transform: scale(1.22);} .news-gnb .news-bar img {width: 100%;} .news-gnb .tier2 {display: none;position: absolute;z-index: 50;left: 0;width: 100%;background-color: #F2561D;border-bottom: 1px solid #B5380B;} .news-gnb .tier2.active {height: 52px;display: block;} .news-gnb .tier2 ul {display: none;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: #F2561D;} .news-gnb .tier2 ul.active {display: flex;} .news-gnb .tier2 ul.hover {display: flex;z-index: 10;position: absolute;top: 0;} .news-gnb .tier2 ul.active.hover {position: static;} .news-gnb .tier2 li {} .news-gnb .tier2 li a {letter-spacing: 0.4px;padding: 0 16px;display: inline-block;color: #FFF;font-size: 18px;font-weight: 600;} .news-gnb .tier2 li a.active {color: #000;font-weight: bolder;} .news-gnb .tier2 li a:hover {color: #000;font-weight: bolder;} /* .news-float-menu */ .orange-search .logo {height: 40px;display: inline-block;} .orange-search .logo img {height: 100%;} .orange-search form {width: 40%;height: 56px;} .orange-search form .searchText {font-size: 18px;font-weight: 500;letter-spacing: 0.8px;padding: 4px 52px 4px 10px;width: 100%;height: 100%;border: 4px solid #F2561D;outline: none;} .orange-search form .searchText::placeholder {color:#ccc;} .orange-search form .searchBtn {position: absolute;right: 0px;width: 56px;height: 56px;display: inline-flex;align-items: center;justify-content: center;} .orange-search form .searchBtn:hover img {transform: scale(1.12);} .orange-search form .searchBtn img {width: 55%;transition: all .1s;} .fade {opacity: 0;transition: opacity 0.15s ease;} .fade.show {opacity: 1;} .news-float-menu {transition: all 0.3s ease;position: fixed;top: 74px;left: calc((100% - 1300px) / 2);z-index: 1300;width: 1300px;height:fit-content;max-height: calc(100% - 148px);display: none;overflow: hidden;outline: 0;} .modal-open {} .modal-open .news-float-menu {overflow-y: auto;display: flex;justify-content: center;} .news-float-menu.fade .modal-dialog {transition: all 0.3s ease-out;} .news-float-menu.show .modal-dialog {transition: all 0.3s ease-in;} .news-float-menu .modal-dialog {display: inline-block;width: 100%;height:fit-content;max-height: inherit;text-align: left;vertical-align: middle;position: relative;} .news-float-menu .modal-content {padding: 40px 0;position: relative;display: flex;flex-direction: column;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.2);outline: 0;border-radius: 0.3rem;} .news-float-menu .modal-search {padding: 0px 50px 40px;width: 100%;display: flex;align-items: center;} .news-float-menu .modal-search.orange-search form {position: absolute;left: 30%;z-index: 10;} .news-float-menu .modal-close {z-index: 10;position: absolute;top: 22px;right: 24px;transition: transform 0.2s ease;width:28px;height:28px;} .news-float-menu .modal-close:hover {transform: rotate(180deg);} .news-float-menu .modal-close svg {width: 100%;height: 100%;} .news-float-menu .modal-close svg path {fill:#F2561D;} .news-float-menu .modal-menu {} .news-float-menu .modal-menu ul {display: flex;} .news-float-menu .modal-menu ul .menu {width: calc(100% / 5);border-right: 1px solid #ddd;padding: 12px 50px;} .news-float-menu .modal-menu ul .menu:last-child {border: none;} .news-float-menu .modal-menu .category {font-size: 22px;font-weight: 600;margin-bottom: 14px;} .news-float-menu .modal-menu .menu_list {display: block;} .news-float-menu .modal-menu .menu_list li {font-size: 17px;margin: 6px 0;} .news-float-menu .modal-menu .menu_list li:hover a {font-weight: 600;} .news-float-menu .modal-sns {text-align: center;padding: 40px 0;position: absolute;right: 0;bottom: 0;z-index: 10;} .news-float-menu .modal-sns .title {font-size: 17px;margin-bottom: 10px;text-align: center;} .news-float-menu .modal-sns ul {display: flex;align-items: center;justify-content: center;} .news-float-menu .modal-sns ul li {margin: 0 2px;opacity: 0.8;} .news-float-menu .modal-sns ul li:hover {opacity:1;transform: scale(1.15);transition: all .1s;} .news-float-menu .modal-sns ul li a {display: inline-block;height:30px;outline: none;overflow: hidden;} .news-float-menu .modal-sns ul li a img {height: 100%;object-fit: cover;object-position: center;} .modal-backdrop {position: fixed;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 1200;background-color: #000;} .modal-backdrop.fade {opacity: 0;} .modal-backdrop.show {opacity: 0.5;} /* .footer-news : module/footerNews*/ footer.footer-news .info_wrap select {border-radius: 40px;padding: 6px 0 4px 20px;} footer.footer-news .terms_wrap .share {padding-left: 0;padding-right: 0;} footer.footer-news .terms_wrap .share li {margin-right: 4px;width: 34px;} /* .kspick-gnb 케스픽 메뉴 */ .kspick-gnb {width: 100%;min-width:1200px;height: 144px;background-color:#000;} .kspick-gnb .inner {width: 1200px;height: 100%;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;} .kspick-gnb .inner .logo {display: inline-block;width: 210px;position: relative;left: calc((100% - 210px) / 2);top: 12px;} .kspick-gnb .inner .logo img {width: 100%;} .kspick-gnb .kspick-menu {position: relative;bottom: 0;width: 100%;display: flex;align-items: center;} .kspick-gnb .kspick-menu li a {border-bottom: 4px solid #000;display: inline-block;color: #FFF;font-size: 18px;font-weight: 600;padding: 4px 8px;margin-right: 36px;} .kspick-gnb .kspick-menu li a.active {color: #A1FF00;border-bottom: 4px solid #A1FF00;} .kspick-gnb .kspick-menu li a.hover {color: #A1FF00;border-bottom: 4px solid #A1FF00;} /* .solchan-gnb 솔찬한뉴스 메뉴 */ .solchan-gnb {width: 100%;min-width:1200px;height: 144px;background-color:#F2561D;} .solchan-gnb .inner {width: 1200px;height: 100%;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;} .solchan-gnb .inner .logo {display: inline-block;width: 120px;position: relative;left: calc((100% - 120px) / 2);top: 12px;} .solchan-gnb .inner .logo img {width: 100%;} .solchan-gnb .solchan-menu {position: relative;bottom: 0;width: 100%;display: flex;align-items: center;} .solchan-gnb .solchan-menu li a {border-bottom: 4px solid #F2561D;display: inline-block;color: #FFF;font-size: 18px;font-weight: 600;padding: 4px 8px;margin-right: 20px;} .solchan-gnb .solchan-menu li a.active {color: #FFF;border-bottom: 4px solid #FFF;} .solchan-gnb .solchan-menu li a.hover {color: #FFF;border-bottom: 4px solid #FFF;} .din.din-border-top {border-top: 1px solid #c9c9c9;} .din.din-border-bottom {border-bottom: 1px solid #c9c9c9;} /* Flashing */ @-webkit-keyframes flash { 0% {opacity: .4;} 100% {opacity: 1;} } @keyframes flash { 0% {opacity: .4;} 100% {opacity: 1;} } /* .hover-deco*/ .hover-deco .article {cursor: pointer;} .hover-deco .article .title:hover {text-decoration: none;} .hover-deco .article a .title:hover {text-decoration: none;opacity: 0.6;} .hover-deco .article .sub_title:hover {text-decoration: none;opacity: 0.6;} .hover-deco .article .desc:hover {text-decoration: none;opacity: 0.6;} .hover-deco .article .category:hover {text-decoration: none;opacity: 0.6;} /* .hover-deco .article .pv:hover {text-decoration: none;opacity: 0.6;} .hover-deco .article .date:hover {text-decoration: none;opacity: 0.6;} */ .hover-deco .article .thumb:hover img {opacity: 1;-webkit-animation: flash 1.5s;animation: flash 1.5s;} /* .line-box */ .line-box {margin-bottom: 80px !important;} .line-box .box_title {padding: 0 0 16px 0!important;border-bottom: 1px solid #000;margin-bottom: 24px !important;} /* .inVideo */ .thumb.inVideo::after {content: '';display: block;z-index: 5;position: absolute;bottom: 0;right: 0;width:100%;max-width: 400px;height: 100%;background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_cynl.cat');background-size: 14%;background-position: right 10px bottom 10px;background-repeat: no-repeat;} .thumb-right-3n .article .thumb.inVideo::after {background-size: 28%;background-position: right 4px bottom 4px;} /* .txt-orange */ .txt-orange {color: #F2561D !important;} .box_title .name.bold.txt-orange {font-weight: 600 !important;} /* .btn-orange */ .btn-orange {text-decoration: none;background-color: #F2561D;font-size: 14px;color: #FFF;border-radius: 24px;border: #F2561D solid 1px;height: 24px;display: inline-flex;justify-content: center;align-items: center;padding: 0 12px;} .btn-orange * {color: #FFF !important;} .btn-orange img {height: 14px;margin-right: 8px;} a.btn-orange {color: #FFF;} /* .btn-outline-orange */ .btn-outline-orange {text-decoration: none;transition: transform .2s;background-color: #FFF;font-size: 14px;font-weight: 500;color:#F2561D;border-radius: 24px;border: #F2561D solid 1px;height: 24px;display: inline-flex;justify-content: center;align-items: center;padding: 0 12px;} .btn-outline-orange * {color: #F2561D;} a.btn-outline-orange {color: #F2561D;} .btn-outline-orange:hover {transform: scale(1.07);background-color: #F2561D;color: #FFF;} /* .btn-outline-red */ .btn-outline-red {text-decoration: none;background-color: #FFF;font-size: 14px;color:#D00000;border-radius: 24px;border: #D00000 solid 2px;height: 24px;display: inline-flex;justify-content: center;align-items: center;padding: 0 12px;} .btn-outline-red * {color: #D00000;} a.btn-outline-red {color: #D00000;} /* btn-blue-rounded */ .btn-blue-rounded {text-decoration: none;background-color:#0066B3;border: #0066B3;color:#FFF;display: inline-flex;justify-content: center;align-items: center;padding: 0 12px;height: 24px;border-radius: 24px;font-size: 14px;} a.btn-blue-rounded {color: #FFF;} /* .box-white */ .box-white.box {background-color: #FFF !important;} /* .page.active-orange */ .din.din2-21.din100 > div[data-dinnum="1"] .page {width: 100%;padding-left: calc(100% - 860px);} .page.active-orange a {width: 32px;height: 32px;} .page.active-orange a, .page.active-orange .no {opacity: 1;border-color: transparent;color: #222;font-weight: normal;} .page.active-orange a i {font-weight: 300;} .page.active-orange a.disabled {opacity: 0.5;pointer-events:none;cursor: default;} .page.active-orange a:hover {border-color: #f2561d96;} .page.active-orange .no.current {background-color: #F2561D;border-color: #F2561D;color: #FFF;} /* .comment_area.comment-orange */ .comment_area.comment-orange {width: 95%;margin-left: auto;margin-right: auto;} .comment_area.comment-orange .box_title {margin-bottom: 8px;} .comment_area.comment-orange .box_title .name {font-size: 23px;font-weight: bold;} .comment_area.comment-orange .box_title .count {font-size: 20px;display: inline-flex;align-items: center;} .comment_area.comment-orange .box_title .btn_social_login img {height: 28px;} .comment_area.comment-orange .box_title .btn_social_login img:hover {transform: scale(1.04);} .comment_area.comment-orange .input {border: 0;} .comment_area.comment-orange .input form {display: flex;flex-direction: column;} .comment_area.comment-orange .input .comment_input {padding: 16px 20px;height: 64px;border: 1px solid #dedede;border-radius: 3px;overflow: hidden;} .comment_area.comment-orange .input .comment_input:focus {outline-color: #F2561D;border-color: #F2561D;} .comment_area.comment-orange .input .comment_input.focus {transition: height .3s;min-height: 40px;height: fit-content;outline-color: #F2561D;border-color: #F2561D;} .comment_area.comment-orange .input .comment_input::placeholder {color: #ccc;font-size: 14px;} .comment_area.comment-orange .input .button_wrap {transition: transform .2, z-index .2, opacity .2s, height .3s; transform: translateY(-100%); z-index: -10;opacity: 0;height: 0px;display: flex; align-items: center;margin-top: 0; border: 1px solid #dedede; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden;} .comment_area.comment-orange .input .button_wrap.open {transform:translateY(0);z-index: 1;opacity: 1;height: 36px; } .comment_area.comment-orange .input .button_wrap .info {line-height: normal;margin-left: 0;padding: 0 16px;width: calc(100% - 144px);} .comment_area.comment-orange .input .button_wrap .length {position: static;min-width: 72px;max-width: 72px;text-align: center;} .comment_area.comment-orange .input .button_wrap .length .comment_length {} .comment_area.comment-orange .input .button_wrap button {position: static;background-color: #F2561D;height: 100%;width: 72px;} .comment_area.comment-orange .sort .item.active {color: #F2561D;text-decoration: none;} .comment_area.comment-orange .list {margin-bottom: 50px;} .comment_area.comment-orange .list .item:first-child {margin-top: 10px;} .comment_area.comment-orange .list .item .title .name {color: #F2561D;font-size: 16px;} .comment_area.comment-orange .list .item .title .date {font-size: 14px;} .comment_area.comment-orange .title {text-decoration: none;} /* .share-gray */ .share-gray ul {display: flex;flex-wrap: wrap;} .share-gray li {margin-right: 6px;} .share-gray li a {display: inline-block;width: 32px;height: 32px;opacity: 0.5;cursor: pointer;transition: transform .2s;} .share-gray li a:hover {opacity: 1;transform: scale(1.05);} .share-gray li a img {width: 100%;height: 100%;object-fit: cover;object-position: center;} /* .naver-icon */ .naver-icon {content: '';display: inline-block;width: 32px;height: 32px;background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_anire_pvepyr.cat');background-repeat: no-repeat;background-position: center;background-size: 100%;} /* .latest-news-slide 최신뉴스 슬라이드 */ .latest-news-slide {background: rgba(208, 208, 208, 0.30);height: 52px;} .latest-news-slide .inner {height: 100%;width: 1200px;margin: 0 auto;display: flex;align-items:center;} .latest-news-slide .box_title {margin-bottom: 0;display: inline-block;} .latest-news-slide .name {display: inline-block;font-size: 14px;} .latest-news-slide .list {height: 100%;width: calc(100% - 75px);display: flex;align-items:center;justify-content: space-between;} .latest-news-slide .list .swiper {height: 100%;width: calc(100% - 300px);margin-left: unset;margin-right: unset;} .latest-news-slide .list .swiper .swiper-slide {padding: 0 20px;height: 100%;display:flex;align-items: center;} .latest-news-slide .article .title {-webkit-line-clamp: 1;} .latest-news-slide .article .title .txt-orange {color: #F2561D;margin-right: 10px;} .latest-news-slide .date {font-size: 14px;width: auto;text-align: right;} /* .main-news-text 헤드라인 좌측 주요뉴스 */ .main-news-text {} .main-news-text .box_title .name {font-size: 26px;padding: 0 10px;} .main-news-text .article {padding: 24px 10px;border-bottom: 1px solid #BFBFBF;} .main-news-text .article:first-child {padding-top: 0;} .main-news-text .article .title {font-size: 18px;line-height: 1.4;letter-spacing: -0.2px;} .main-news-text .article .title:hover {text-decoration: none;color: #999;} /* .headline-news-3n 헤드라인 */ .headline-news-3n {} .headline-news-3n .box_title .name {font-size: 26px;} .headline-news-3n .list {display: flex;flex-wrap: wrap;} .headline-news-3n .article {width: calc((100% - 14px) / 2);margin-right: 14px;} .headline-news-3n .article .thumb {width: 100%;aspect-ratio: 16 / 9;margin-bottom: 12px;} .headline-news-3n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .headline-news-3n .article .title {font-size: 20px;line-height: normal;} .headline-news-3n.top .article {width: 100%;margin-bottom: 36px;margin-right: 0;} .headline-news-3n.top .article .thumb {} .headline-news-3n.top .article .title {font-size: 34px;font-weight: bold;word-break: keep-all;} .headline-news-3n .article:last-child {margin-right: 0;margin-bottom: 0;} /* .headline-news-1n 헤드라인 우측 */ .headline-news-1n {max-width: 300px;} .headline-news-1n .box_title .name {font-size: 26px;} .headline-news-1n .list {display: grid;grid-template-columns: repeat(1, 1fr);grid-column-gap:26px;grid-row-gap:32px;} .headline-news-1n .article {width: 100%;} .headline-news-1n .article .thumb {width: 100%;max-height: 300px;aspect-ratio: 1/1;margin-bottom: 12px;} .headline-news-1n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .headline-news-1n .article .title {font-size: 20px;line-height: normal;} /* .tag-topic */ .tag-topic {background-color: rgba(208, 208, 208, 0.30);padding: 24px 6px;min-height: 250px;} .tag-topic .box_title .name {font-size: 22px;padding: 0 8px;} .tag-topic .list {display: flex;flex-wrap: wrap;} .tag-topic .tag {transition: transform .1s;margin: 0 3px 12px;display: inline-flex;align-items: center;padding: 0 12px;height: 32px;border-radius: 32px;border: 1px solid #ccc;background-color: #FFF;font-size: 16px;font-weight: 500;} .tag-topic .tag:hover {transform: scale(1.15);border: 2px solid #F2561D;color: #F2561D;font-weight: bold;} /* .sliding_box.slide_6.news_slide_6 */ .sliding_box.news_slide_6 {width: 100%;background-color: #F1F1F1;padding-top: 46px;} .sliding_box.news_slide_6 .box_title {margin-bottom: 20px;} .sliding_box.news_slide_6 .box_title .name {font-size: 26px;} .sliding_box.news_slide_6 .list {margin: 0 auto;} .sliding_box.news_slide_6 .list .swiper-button-prev::after, .sliding_box.news_slide_6 .list .swiper-button-next::after {color: #777;font-size: 30px !important;} .sliding_box.news_slide_6 .swiper-slide .thumb {border: 0;} .sliding_box.news_slide_6.box-white .swiper-slide .thumb {border: 1px solid #0002;} .sliding_box.news_slide_6 .swiper-slide .title {font-weight: 500;} .sliding_box.news_slide_6 .swiper-slide:hover {transform: scale(1.05);} .sliding_box.news_slide_6 .list.center {} .sliding_box.news_slide_6 .list.center .swiper {} .sliding_box.news_slide_6 .list.center .swiper-wrapper {width:1200px;transform:unset;display: flex;align-items: center;justify-content: center;} .sliding_box.news_slide_6 .list.center .swiper-wrapper .swiper-slide {width: calc((100% - (50px * 5)) / 6);margin-right: 50px;} .sliding_box.news_slide_6 .list.center .swiper-wrapper .swiper-slide:last-child {margin-right: 0;} .sliding_box.news_slide_6 .list.center .swiper-button-prev, .sliding_box.news_slide_6 .list.center .swiper-button-next {display: none;} /* .first-thumb-news */ .first-thumb-news {} .first-thumb-news .box_title .name {font-size: 26px;} .first-thumb-news .article {border-bottom: 1px solid #BFBFBF;} .first-thumb-news .article:last-child {border-bottom: none;} .first-thumb-news .article .thumb {aspect-ratio: 16 / 9;} .first-thumb-news .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .first-thumb-news .article .text_box {padding: 22px 16px;height: 92px;} .first-thumb-news .article .title {font-size: 18px;line-height: 1.4;} .first-thumb-news .article .date {font-size: 14px;color: #888;line-height: 1.4;} /* .news-article-4n */ .news-article-4n {margin-bottom: 40px;} .news-article-4n .box_title {padding: 0 8px;} .news-article-4n .box_title .name {font-size: 26px;} .news-article-4n .list {display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap:26px;grid-row-gap:42px;} .news-article-4n .article {} .news-article-4n .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .news-article-4n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-article-4n .article .title {font-size: 18px;-webkit-line-clamp: 3;line-height: 1.4;} .news-article-4n.category-section .title {-webkit-line-clamp: 2;font-size: 18px;} .news-article-4n.category-section .category {display: inline-block;font-size: 16px;font-weight: 700;margin: 5px 2px;} /* .news-article-3n */ .news-article-3n {margin-bottom: 40px;} .news-article-3n .box_title {margin-bottom: 16px;} .news-article-3n .box_title .name {font-size: 26px;} .news-article-3n .box_title .name img {height: 36px;} .news-article-3n .list {display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap:26px;grid-row-gap:42px;} .news-article-3n .article {} .news-article-3n .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .news-article-3n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-article-3n .article .title {font-size: 18px;line-height: 1.4;} .news-article-3n .article .category {display: inline-block;font-size: 16px;font-weight: 700;margin: 5px 2px;} /* .news-article-4n-sm */ .news-article-4n-sm {margin-bottom: 40px;} .news-article-4n-sm .box_title {} .news-article-4n-sm .box_title .name {font-size: 26px;} .news-article-4n-sm .list {display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap:18px;grid-row-gap:42px;} .news-article-4n-sm .article {} .news-article-4n-sm .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 10px;} .news-article-4n-sm .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-article-4n-sm .article .title {font-size: 16px;line-height: 1.4;} .news-article-4n-sm .category {display: inline-block;font-size: 14px;font-weight: 600;margin: 4px 2px;} /* .news-article-2n */ .news-article-2n {margin-bottom: 40px;} .news-article-2n .box_title {padding: 0 8px;} .news-article-2n .box_title .name {font-size: 26px;} .news-article-2n .list {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap:26px;grid-row-gap:42px;} .news-article-2n .article {} .news-article-2n .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .news-article-2n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-article-2n .article .title {font-size: 18px;-webkit-line-clamp: 3;line-height: 1.4;} .news-article-2n.category-section .title {-webkit-line-clamp: 2;font-size: 18px;} .news-article-2n.category-section .category {display: inline-block;font-size: 16px;font-weight: 700;margin: 5px 2px;} /* .shorts-box */ .sliding_box.shorts-box {width: 100%;background-color: #F1F1F1;padding-top: 46px;} .sliding_box.shorts-box .list {margin: 0 auto;} .shorts-box .box_title {padding: 0 8px;} .shorts-box .box_title .name {font-size: 26px;font-weight: bold;} .shorts-box .box_title .name img {height: 56px;} .shorts-box .article {width: 190px;} .shorts-box .article .thumb {margin-bottom: 12px;height: 337px;border-radius: 8px;} .shorts-box .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .shorts-box .article .text_box {height: 78px;display: flex;flex-direction: column;justify-content: space-between;} .shorts-box .article .title {font-weight: 600;font-size: 16px;line-height: 1.4;} .shorts-box .article .pv {font-size: 14px;} .sliding_box.shorts-box .list {position: relative;width: 1240px;} .sliding_box.shorts-box .list .swiper-button-prev {position: absolute;z-index: 15;top: 185px;left: -5px;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;background: no-repeat center/100% url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_pvepyr_yrsg.cat') ;} .sliding_box.shorts-box .list .swiper-button-next {position: absolute;z-index: 15;top: 185px;right: -5px;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;background: no-repeat center/100% url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_pvepyr_evtug.cat');} .sliding_box.shorts-box .list .swiper-button-prev::after, .sliding_box.shorts-box .list .swiper-button-next::after {display: none;} .sliding_box.shorts-box .list .swiper-button-next.swiper-button-disabled, .sliding_box.shorts-box .list .swiper-button-prev.swiper-button-disabled {opacity: 0 !important;} /* .thumb-right-3n */ .thumb-right-3n {} .thumb-right-3n.line-box .box_title {margin-bottom: 10px !important;} .thumb-right-3n .box_title .name {font-size: 26px;} .thumb-right-3n .list {padding-bottom: 16px;border-bottom: 1px solid #000;display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap:26px;} .thumb-right-3n .article {display: flex;padding: 24px 0;border-bottom: 1px solid #BFBFBF;} .thumb-right-3n .article:nth-last-child(-n+3) {border-bottom: 0;} .thumb-right-3n .article .thumb {width: 84px;aspect-ratio: 1/1;} .thumb-right-3n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .thumb-right-3n .article .text_box {padding-left:8px;padding-right: 20px;width: calc(100% - 84px);height: 84px;display: flex;flex-direction: column;justify-content: space-between;} .thumb-right-3n .article .title {font-size: 16px;} .thumb-right-3n .article .sub_title {display: -webkit-box;-webkit-line-clamp: 1;font-size: 15px;font-weight: 700;} /* .thumb-text-article */ .thumb-text-article {} .thumb-text-article .box_title .name {font-size: 26px;} .thumb-text-article .list {display: flex;justify-content: space-between;} .thumb-text-article .thumb-list {width: calc(100% - 306px);display: inline-grid;grid-template-columns: repeat(3, 1fr);grid-column-gap:26px;grid-row-gap:42px;} .thumb-text-article .text-list {width: 280px;} .thumb-text-article .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .thumb-text-article .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .thumb-text-article .article .title {font-size: 18px;} .thumb-text-article .text-list .article {padding: 14px 0;border-bottom: 1px solid #BFBFBF;} .thumb-text-article .text-list .article:first-child {padding-top: 0;} .thumb-text-article .text-list .article .thumb {display: none;} /* .ranked-news */ .ranked-news {} .ranked-news .box_title .name {font-size: 26px;} .ranked-news .list {width:100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;height: 220px;} .ranked-news .article {counter-increment: ranked_news;} .ranked-news .article .title::before {content: counter(ranked_news);line-height: 1;font-size: 25px;font-weight: bolder;margin-right: 8px;vertical-align: middle;} .ranked-news .article .title {font-size: 18px;display: -webkit-flex;} .ranked-news .article:first-child {width: 280px;;} .ranked-news .article:first-child .title {-webkit-line-clamp: 2;line-height: 1.4;} .ranked-news .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .ranked-news .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .ranked-news .article:not(:first-child) {width: calc(100% - 280px);padding-left: 40px;padding-right: 10px;} .ranked-news .article:not(:first-child) .title {-webkit-line-clamp: 1;line-height: 1.4;font-weight: normal;} /* .news-article-1n */ .news-article-1n {} .news-article-1n .box_title .name {font-size: 26px;} .news-article-1n .list {display: grid;grid-template-columns: repeat(1, 1fr);grid-row-gap:42px;} .news-article-1n .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .news-article-1n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-article-1n .article .title {-webkit-line-clamp: 1;;font-size: 20px;line-height: normal;} .news-article-1n .article .desc {display: -webkit-box;font-size: 16px;color: #888;line-height: 1.4;margin-top: 8px;} /* .news-article-1n-2 */ .news-article-1n-2 {} .news-article-1n-2 .box_title .name {font-size: 26px;} .news-article-1n-2 .list {display: grid;grid-template-columns: repeat(1, 1fr);grid-row-gap:42px;} .news-article-1n-2 .article .thumb {aspect-ratio: 13 / 10;margin-bottom: 12px;} .news-article-1n-2 .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-article-1n-2 .article .title {font-size: 16px;padding:0 10px;} /* .card-news-3n */ .card-news-3n {} .card-news-3n .box_title .name {font-size: 26px;} .card-news-3n .list {display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap:20px;grid-row-gap:20px;} .card-news-3n .article {padding: 8px 8px 18px;background-color: #F1F1F1;transition: background-color .2s;} .card-news-3n .article:hover {background-color: #eee;} .card-news-3n .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 12px;} .card-news-3n .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .card-news-3n .article .text_box {height: 82px;display: flex;flex-direction: column;justify-content: space-between;} .card-news-3n .article .title {font-size: 18px;line-height: 1.37;} .card-news-3n .article .category {display: inline-block;font-weight: 600;font-size: 15px;margin-bottom: 0;} /* .naver-box */ .naver-box {background-color: #F1F1F1;padding: 30px 20px 50px;} .naver-box .box_title {display: flex;align-items: center;} .naver-box .box_title .name {font-size: 20px;} .naver-box .box_title .naver-icon {margin-right: 12px;} .naver-box .list {display: grid;} .naver-box .thumb {margin-bottom: 8px;} .naver-box .thumb.circle {border-radius: 50%;} .naver-box .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .naver-box .title {font-size: 16px;padding: 0 3px;font-weight: 500;line-height: normal;} .naver-box.naver-4n .list {grid-template-columns: repeat(4, 1fr);grid-column-gap: 8px;grid-row-gap: 36px;} .naver-box.naver-4n .thumb {aspect-ratio: 10 / 6;} .naver-box.naver-4n .thumb .reply {padding: 0 2px;text-align: center;line-height: 30px;font-size: 16px;font-weight: 600;color: #FFF;position: absolute;z-index: 10;bottom: 0;right: 0;display: inline-block;height:36px;min-width:40px;background: bottom / 100% 36px no-repeat url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Sanire_ercyl.cat');} .naver-box.naver-5n .list {grid-template-columns: repeat(5, 1fr);grid-column-gap: 24px;grid-row-gap: 36px;} .naver-box.naver-5n .thumb {aspect-ratio: 1 / 1;margin-bottom: 12px;} .naver-box.naver-5n .title {font-weight: bold;text-align: center;} .naver-box.naver-5n .pv {font-size: 13px;color: #595959;text-align: center;margin-top: 4px;} .naver-box.naver-6n .list {grid-template-columns: repeat(6, 1fr);grid-column-gap: 24px;grid-row-gap: 36px;} .naver-box.naver-6n .thumb {aspect-ratio: 1 / 1;margin-bottom: 12px;} .naver-box.naver-6n .title {font-weight: bold;text-align: center;} .naver-box.naver-6n .pv {font-size: 13px;color: #595959;text-align: center;margin-top: 4px;} .din.din2-21.din100 > div[data-dinnum="1"] .naver-box {display: flex;justify-content: end;} .din.din2-21.din100 > div[data-dinnum="1"] .naver-box .inner {width: 860px;} .din.din2-21.din100 > div[data-dinnum="1"] .naver-box .list {padding: 0 18px;} /* .right_ranknews.active-orange */ .right_ranknews.active-orange {margin-bottom: 50px !important;} .right_ranknews.active-orange .box_title {display: block;margin-bottom: 10px;} .right_ranknews.active-orange .box_title .name {font-size: 26px;} .right_ranknews.active-orange nav {margin-bottom: 20px;border-color: #222;} .right_ranknews.active-orange nav a.active {color: #F2561D;} .right_ranknews.active-orange .list .article {align-items: flex-start;margin-bottom: 20px;} .right_ranknews.active-orange .list .article:last-child {margin-bottom: 0;} .right_ranknews.active-orange .list .article::before {color: #F2561D;font-weight: bold;} .right_ranknews.active-orange .list .article .title {font-size: 16px;-webkit-line-clamp: 2;max-height: unset;line-height: 1.4;} /* .right_keywordnews.active-orange */ .right_keywordnews.active-orange {margin-bottom: 50px !important;} .right_keywordnews.active-orange .box_title {display: block;margin-bottom: 10px;} .right_keywordnews.active-orange .box_title .name {font-size: 26px;} .right_keywordnews.active-orange .article::before {border-color: #F2561D;left: 5px;} .right_keywordnews.active-orange .article::after {background-color: #F2561D;width: 11px;height: 11px;} .right_keywordnews.active-orange .article .text_box .info .date {color: #F2561D;font-size: 14px;font-weight: 400;} .right_keywordnews.active-orange .article .text_box .title {font-size: 16px;} /* .first-thumb-ranking */ .first-thumb-ranking {margin-bottom: 50px !important;} .first-thumb-ranking .box_title {display: block;margin-bottom: 10px;} .first-thumb-ranking .box_title .name {font-size: 26px;} .first-thumb-ranking .article {counter-increment: ranked_stayTime;margin-bottom: 20px;} .first-thumb-ranking .list .article:last-child {margin-bottom: 0;} .first-thumb-ranking .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 18px;} .first-thumb-ranking .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .first-thumb-ranking .article .text_box {padding:0 14px;display:flex;align-items: flex-start;} .first-thumb-ranking .article .text_box::before {content: counter(ranked_stayTime);color: #F2561D;font-size: 20px;font-weight: bold;margin-right: 15px;} .first-thumb-ranking .article .title {padding-top: 5px;font-size: 16px;font-weight: 500;-webkit-line-clamp: 2;line-height: 1.4;} /* .series-sliding-box */ .series-sliding-box {margin-bottom: 50px !important;} .series-sliding-box .logo {display: block;;width:90px;height:60px;padding:3px 6px;transition: transform .2s;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Sybtb_fp03.cat') no-repeat center / 85%;} .series-sliding-box .logo:hover {transform: scale(1.1);} .series-sliding-box .btn-wrap {display: flex;align-items: center;justify-content: center;} .series-sliding-box .btn-wrap .swiper-pagination {position: static;font-size: 16px;width: 90px;padding: 0 10px;} .series-sliding-box .btn-wrap .swiper-pagination .swiper-pagination-current {font-weight: bolder;} .series-sliding-box .btn-wrap .swiper-button-prev::after {margin-right: 2px;} .series-sliding-box .btn-wrap .swiper-button-next::after {margin-left: 2px;} .series-sliding-box .btn-wrap .swiper-button-prev, .series-sliding-box .btn-wrap .swiper-button-next {position: static;margin-top: unset;left: unset;right: unset;top: unset;bottom:unset;color: #222;width: 20px;height: 20px;border: 1px solid #777;border-radius: 50%;} .series-sliding-box .btn-wrap .swiper-button-prev::after, .series-sliding-box .btn-wrap .swiper-button-next::after {font-size: 8px;color: #222;} .series-sliding-box .box_title {margin-bottom: 10px;} .series-sliding-box .box_title .name {font-size: 26px;} .series-sliding-box .swiper-slide .article {display: flex;padding: 15px 0;border-bottom: 1px solid #BFBFBF;} .series-sliding-box .swiper-slide .article:last-of-type {border: 0;} .series-sliding-box .article .thumb {width: 70px;aspect-ratio: 1/1;margin-right: 16px;} .series-sliding-box .article .thumb.inVideo::after {background-size: 25%;background-position: right 4px bottom 4px;} .series-sliding-box .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .series-sliding-box .article .title {font-size: 16px;line-height: 1.4;padding-top: 12px;} /* .btn-calendar */ .btn-calendar {font-size: 20px;font-weight: bold;display: inline-flex;align-items: center;justify-content: center;transition: transform .2s;width: 24px;height: 24px;background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_pnyraqne.cat') no-repeat center/90%;} .btn-calendar:is(:hover,:focus) {transform: scale(1.1);} /* ui-datepicker */ .ui-datepicker {font-family: 'Pretendard Variable';font-size: 1.2em;padding: 1em 1em 1.5em;} .ui-datepicker a {cursor: pointer;} .ui-widget {font-family: 'Pretendard Variable';font-size: 1.2em;} .ui-widget-content {border: 1px solid #ddd;background: #FFF;color: #222;} .ui-widget.ui-widget-content {border: 1px solid #ddd;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 6px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 6px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 6px;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 6px;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Pretendard Variable';font-size: 1em;color: #222;} /* ui-datepicker : header */ .ui-widget-header {border: none;background: #FFF;color: #222;font-weight: bold;} .ui-widget-header a {color: #333;} .ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {background-image: unset;} .ui-datepicker .ui-datepicker-header {margin: 20px 0;} .ui-datepicker .ui-datepicker-prev {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_natyr_yrsg.cat'); background-size: 12px auto;background-repeat: no-repeat;background-position: center;} .ui-datepicker .ui-datepicker-next {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_natyr_evtug.cat');background-size: 12px auto;background-repeat: no-repeat;background-position: center;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {left: 12px;} .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {right: 12px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {background-color: #0002;border-radius: 50%;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {opacity: 0;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 2px;} .ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;font-size: 1em;;font-weight: bold;} .ui-datepicker .ui-datepicker-title select {outline: none;border: none;font-size: 1em;font-weight: bold;margin: 1px 4px;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: fit-content;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover , .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus , .ui-button:hover, .ui-button:focus {border: none;background-color: #0002;font-weight: normal;cursor: pointer;} /* ui-datepicker : content */ .ui-datepicker table {width: 16em;min-height: 14em;margin: 0 auto;} .ui-datepicker th {padding: .7em;text-align: center;font-weight: bold;border: 0;} .ui-datepicker td {border: 0;padding: 1px;position: relative;} .ui-datepicker td span, .ui-datepicker td a {display: block;padding:.2em;line-height: 1.7em;text-align: center;text-decoration: none;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default , .ui-button, html .ui-button.ui-state-disabled:hover , html .ui-button.ui-state-disabled:active {border: none;background: #FFF;font-weight: normal;color: #222;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #0002;border-radius: 50%;} .ui-state-highlight.ui-state-hover, .ui-widget-content .ui-state-highlight.ui-state-hover, .ui-widget-header .ui-state-highlight.ui-state-hover, .ui-state-highlight.ui-state-active {background: #0002;border-radius: 50%;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active , a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, .ui-state-default.ui-state-hover {border: none;background: #FFF;color: #222;font-weight: bold;} .ui-datepicker td .ui-state-active::after, .ui-widget-content td .ui-state-active::after {content: '';width: 30%;display: inline-block;position: absolute;bottom: 0.3em;left: 35%;border-bottom: 2px solid #222;} /* .news-list-box : 기사리스트 */ .news-list-box {min-height: 500px;width: 100%;} .news-list-box > .box_title {margin-bottom: 20px;} .news-list-box > .box_title .name {font-size: 30px;} .news-list-box > .box_title .calendar-wrap {cursor: pointer;text-align: right;vertical-align: middle;display: inline-block;height: 32px;position: absolute;z-index: 30;right: 0;top: 6px;padding: 4px;border: none;outline: none;} .news-list-box .calendar-wrap .date {height: 100%;font-size: 16px;font-weight: bold;color: #222;display: inline-flex;align-items: center;justify-content: flex-end;} .news-list-box .calendar-wrap .btn-calendar {margin-left: 4px;} .news-list-box .newslist_left + .calendar-wrap {top: 50px;right: 10px;} .news-list-box > .list > .article {display: flex;padding: 30px 0;} .news-list-box > .list > .article.border-bottom {border-bottom: 1px solid #BFBFBF;} .news-list-box > .list > .article.border-bottom:last-child {border-bottom: 0;} .news-list-box > .list > .article .thumb {width: 212px;aspect-ratio: 16/11;margin-right: 24px;} .news-list-box > .list > .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-list-box > .list > .article .text_box {display: flex;flex-direction: column;justify-content: space-between;align-items: baseline;} .news-list-box > .list > .article .title {-webkit-line-clamp: 1;font-size: 22px;font-weight: 600;line-height: 1.6;} .news-list-box > .list > .article .desc {display: -webkit-box;-webkit-line-clamp: 3;font-size: 16px;color: #888;line-height: 1.4;} .news-list-box > .list > .article.series-in .desc {-webkit-line-clamp: 2;} .news-list-box > .list > .article .date {font-size: 14px;color: #888;} .news-list-box > .list > .article .series-wrap {width: 100%;display: flex;align-items: center;margin-top: 4px;} .news-list-box > .list > .article .series-wrap a + a {margin-left: 10px;} .news-list-box .orange-search {width: 100%;position: static;padding-left: calc(100% - 860px);margin-bottom: 40px;} .news-list-box .orange-search form {width: 70%;height: 72px;margin: 0 auto;position: relative;} .news-list-box .orange-search form .searchText {border-width: 2px;font-size: 30px;font-weight: bold;padding: 12px 80px 12px 25px} .news-list-box .orange-search form .searchBtn {width: 72px;height: 72px;} .news-list-box nav {width: 100%;height: 52px;border-top: 1px solid #000;border-bottom: 1px solid #0002;background-color: rgba(241, 241, 241, 0.5);display: flex;align-items: center;justify-content: space-between;padding: 0 16px;margin-bottom: 20px;font-size: 16px;font-weight: 500;} .news-list-box nav .total {font-weight: bold;} .news-list-box nav .total span {font-weight: 500;color: #666;margin-left: 12px;} .news-list-box nav ul {display: flex;align-items: center;} .news-list-box nav ul li a {display: inline-block;padding: 0 10px;} .news-list-box nav ul li a:hover {transform: scale(1.07);} .news-list-box nav ul li:last-child a {padding-right: 0;} .news-list-box nav ul li:first-child a {padding-left: 0;} .news-list-box nav ul li a.active {color: #F2561D;font-weight: bold;} .news-list-box nav .category-wrap {width: 45%;} .news-list-box nav .sort-wrap li a.active {color: #222;} .news-list-box nav .sort-wrap li:not(:last-child)::after {content: '';display: inline-block;vertical-align: text-bottom;height: 19px;border-right: 1px solid #222;} .news-list-box .reporter_info {height: 92px;} .news-list-box .reporter_info .name {font-size: 18px;} .news-list-box .newslist_left .box_title .reporter_info .info .email::after {top: 47px;} .news-list-box .newslist_left .box_title .reporter_info .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .din2-21.din100 .news-list-box > .box_title {padding-left: calc(100% - 860px);} .din2-21.din100 .news-list-box > .list {display: flex;flex-direction: column;align-items: end;} .din2-21.din100 .news-list-box > .list > .article {max-width: 860px;} .din2-21.din100 .news-list-box > nav {margin-left: calc(100% - 860px);width: 860px;} /* .news-view-orange : 기사뷰 */ .news-view-orange .title-wrap {padding: 0 40px 30px;border-bottom: 1px solid #ddd;} .news-view-orange .title-wrap .category {margin: 10px 0;} .news-view-orange .title-wrap .category a {font-size: 16px;color: #999;} .news-view-orange .title-wrap .category a:not(:last-child)::after {content: ">";margin: 0 10px;} .news-view-orange .title-wrap .title {color: #222;font-size: 42px;font-weight: 700;line-height: normal;margin-bottom: 30px;} .news-view-orange .title-wrap .date {font-size: 15px;color: #999;} .news-view-orange .title-wrap .date span + span {margin-left: 36px;} .news-view-orange .between {display: flex;justify-content: space-between;align-items: flex-end;} .news-view-orange .tags {display: flex;flex-wrap: wrap;margin: 50px 0;} .news-view-orange .tags a {margin-right: 12px;margin-bottom: 8px;display: inline-flex;align-items: center;font-size: 17px;color: #777;background-color: #EFEFEF;border: 1px solid #EFEFEF;padding: 0 26px;height: 32px;border-radius: 32px;} .news-view-orange .tags a:hover {color: #444;border-color: #aaa;} .news-view-orange .body-wrap#body_wrap {padding: 40px 40px 60px;} .news-view-orange .body-wrap#body_wrap .content {color: #222;max-width:100%;font-size: 18px;line-height: 1.7;} .news-view-orange .body-wrap#body_wrap .content > iframe, .news-view-orange .body-wrap#body_wrap .content > figure > iframe {width: 100%;height: unset;aspect-ratio: 80 / 45;} .news-view-orange .body-wrap#body_wrap .content blockquote {border-top: 3px solid #000;border-bottom: 1px solid #000;font-size: 20px;font-weight: bold;padding:16px 20px;margin: 20px 0;line-height: 1.5;} .news-view-orange .body-wrap#body_wrap .content * {max-width:100%;} .news-view-orange .body-wrap#body_wrap .sub-title {margin:0 20px 40px;padding: 0 20px;border-left: 4px solid #F2561D;color: #222;font-size: 22px;font-weight: 700;line-height: 1.8;} .news-view-orange .body-wrap#body_wrap figure {padding-bottom: 0;} .news-view-orange .body-wrap#body_wrap figure figcaption {text-align: center;padding: 8px;margin-top:0;color: #999;font-size: 16px;word-break: keep-all;line-height: normal;} .news-view-orange .copyright {font-size: 16px;} .news-view-orange .reporter_news {display: flex;padding: 26px 30px;} .news-view-orange .reporter_news .thumb {width: 120px;height: 120px;border-radius: 50%;overflow: hidden;margin-right: 32px;} .news-view-orange .reporter_news .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: top;} .news-view-orange .reporter_news .reporter_info {display: flex;align-items: center;font-size: 18px;} .news-view-orange .reporter_news .reporter_info a {margin-right:6px;} .news-view-orange .reporter_news .reporter_info .name {font-size: 18px;font-weight: bold;margin-right: 0px;} .news-view-orange .reporter_news .reporter_info .naver-icon {width: 25px;height: 25px;transition: transform .2s;} .news-view-orange .reporter_news .reporter_info .naver-icon:hover {transform: scale(1.2);} .news-view-orange .reporter_news .reporter_info .email {font-size: 16px;} .news-view-orange .reporter_news .list {padding-left: 0;} .news-view-orange .reporter_news .article .title {line-height: 1.8;} .news-view-orange .reporter_news .article .title:hover {text-decoration: none;} .news-view-orange .reporter_news .article .title::before {content: "·";margin:0 8px;font-size: 22px;line-height: 1.3;} .news-view-orange .relationList {padding: 0 20px;} .news-view-orange .relationList h3 {font-size: 20px;padding: 0;margin-bottom: 10px;} .news-view-orange .relationList .article {padding-left: 22px;display: flex;align-items: center;margin-bottom: 4px;} .news-view-orange .relationList .article .title::before {content: '·';display: inline-block;font-size: 22px;margin-right: 12px;} .news-view-orange .relationList .article .title {font-size: 18px;font-weight:normal;-webkit-line-clamp: 1;} .news-view-orange .relationList .article .title:hover {text-decoration: none;} .news-view-orange .reporter_news + .relationList {margin-top: 50px;} /* replay-view-box : 개편 뉴스다시보기 뷰 */ .replay-view-box {} .replay-view-box .box_title {margin-bottom: 40px;} .replay-view-box .box_title .name {font-size: 26px;} .replay-view-box nav {margin-bottom: 40px;} .replay-view-box nav ul {width: fit-content;display: grid;grid-template-columns: repeat(5, 180px);grid-column-gap: 2px;grid-row-gap: 2px;} .replay-view-box nav li a {display: flex;align-items: center;justify-content: center;height: 44px;border: 1px solid #666;font-size: 18px;font-weight: 600;} .replay-view-box nav li a:hover {background-color: #0001;} .replay-view-box nav li a.active {color: #FFF;background-color: #F2561D;border-color: #F2561D;} .replay-view-box .view-wrap {width: 100%;max-width: 1200px;min-height: 760px;border-bottom: 1px solid #BFBFBF;padding-bottom: 26px;} .replay-view-box .view-wrap .view {width: 100%;aspect-ratio: 16 / 9;margin: 0 auto 20px;} .replay-view-box .view-wrap .view iframe {width: 100%;height: 100%;} .replay-view-box .view-wrap .title {width: 100%;margin: 0 auto;color: #444;font-size: 24px;font-weight: 600;} /* replay-list-box : 개편 뉴스다시보기 리스트 */ .replay-list-box {padding-bottom: 60px;} .replay-view-box + .replay-list-box {margin-top:60px;} .replay-list-box .box_title {margin-bottom: 50px;padding-top: 10px;min-height: 42px;width: calc((100% - 500px) / 2);} .replay-list-box .box_title .name {font-size: 26px;} .replay-list-box .calendar-wrap {width: 500px;position: absolute;top:0;left: calc((100% - 500px) / 2);z-index: 30;text-align: center;} .replay-list-box .calendar-wrap .prev {position: absolute;z-index: 10;top: 0;left: 0;display: inline-block;height:52px;width:52px;background: center / auto 30px no-repeat url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_natyr_yrsg.cat');} .replay-list-box .calendar-wrap .next {position: absolute;z-index: 10;top: 0;right: 0;display: inline-block;height:52px;width:52px;background: center / auto 30px no-repeat url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.vxop.pb.xe%2Svzt%2Svpba_natyr_evtug.cat');} .replay-list-box .calendar-wrap .prev:not(:disabled):hover, .replay-list-box .calendar-wrap .next:not(:disabled):hover {transform: scale(1.18);} .replay-list-box .calendar-wrap .next:disabled {opacity: 0.5; cursor: not-allowed;pointer-events : none;} .replay-list-box .calendar-wrap #date-select {margin: 0 32px;cursor: pointer;} .replay-list-box .calendar-wrap .date {font-size: 30px;font-weight: 600;line-height: 52px;} .replay-list-box .calendar-wrap .btn-calendar {width: 52px;height: 52px;background-size: 30px;} .replay-list-box .calendar-wrap .ui-widget.ui-widget-content {margin: 0 auto;} .replay-list-box .list {margin-bottom: 80px;display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 21px;grid-row-gap: 42px;} .replay-list-box .article {padding: 2px;} .replay-list-box .article .thumb {margin-bottom: 10px;overflow: unset;aspect-ratio: 16/9;} .replay-list-box .article .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;overflow: hidden;} .replay-list-box .article .thumb.inVideo::after {background-position:center;} .replay-list-box .article.playing .thumb::before {content: '';display: block;z-index: 5;position: absolute;top: -2px;left: -2px;width:calc(100% + 4px);height: calc(100% + 4px);border: 4px solid #F2561D;} .replay-list-box .article .title {font-size: 16px;padding: 0 6px;line-height: normal;} .replay-list-box .btn-list {margin: 0 auto;font-size: 18px;font-weight: 600;border: 1px solid #595959;background: #FFF;width: 190px;height: 44px;display: flex;align-items: center;justify-content: center;} .replay-list-box .btn-list:hover {background-color: #0001;} /* ============ 보도국 개편 =========================================================================================================*/