/* 폰트 불러오기 Pretendard
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/woff2-subset/Pretendard-Black.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/woff2-subset/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/woff2-subset/Pretendard-Bold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/woff2-subset/Pretendard-SemiBold.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/woff2-subset/Pretendard-Medium.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/woff2-subset/Pretendard-Light.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/woff2-subset/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/woff2-subset/Pretendard-Thin.subset.woff2') format('woff2'), url('../fonts/woff-subset/Pretendard-Thin.subset.woff') format('woff');
}

/* 폰트 불러오기 Paperlogy

https://freesentation.blog/paperlogyfont

*/

@font-face {
	font-family: 'Paperlogy';
	font-weight: 900;
	font-display: swap;
	src: local('Paperlogy Black'), url('../fonts/Paperlogy-9Black.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 800;
	font-display: swap;
	src: local('Paperlogy ExtraBold'), url('../fonts/Paperlogy-8ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 700;
	font-display: swap;
	src: local('Paperlogy Bold'), url('../fonts/Paperlogy-7Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 600;
	font-display: swap;
	src: local('Paperlogy SemiBold'), url('../fonts/Paperlogy-6SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 500;
	font-display: swap;
	src: local('Paperlogy Medium'), url('../fonts/Paperlogy-5Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 400;
	font-display: swap;
	src: local('Paperlogy Regular'), url('../fonts/Paperlogy-4Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 300;
	font-display: swap;
	src: local('Paperlogy Light'), url('../fonts/Paperlogy-3Light.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 200;
	font-display: swap;
	src: local('Paperlogy ExtraLight'), url('../fonts/Paperlogy-2ExtraLight.woff2') format('woff2');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 100;
	font-display: swap;
	src: local('Paperlogy Thin'), url('../fonts/Paperlogy-1Thin.woff2') format('woff2');
}

/* 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button { margin:0; padding:0; border:0; }
ol, ul, li, dl, dt, dd { list-style:none; margin:0; padding:0;}
a, a:link, a:visited, a:active { text-decoration: none; }
table { border-spacing:0; border-collapse: collapse; width: 100%; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; max-width: 100%; }
select { color:#000; vertical-align:middle; padding: 5px; }
input { color:#000; vertical-align:middle; }
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] { -webkit-appearance:none; border-radius:0 }
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none }
h1, h2, h3, h4, h5, h6 { font-family: "Paperlogy"; font-weight:normal; font-size:1em; }
button { border: none; background: none; cursor: pointer; }
textarea { resize: none; width: 100%; }
::placeholder { opacity: 0.5; }
:focus::placeholder { color: transparent; }
.noclick { pointer-events: none; cursor: default; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, button { transition: all 0.3s ease; }

html, body { height: 100%; }
#body_wrap { font-size: 16px; line-height:1.5; font-family: Pretendard, HelveticaNeue-Light, AppleSDGothicNeo-Light, Arial, sans-serif; height: 100%; color: #000; min-height: 100%; height: auto !important; position: relative; max-width: 1920px; margin: 0 auto; min-width: 1460px; padding-bottom: 344px; letter-spacing: -0.1px; }

/* skip-navigation */
.skip { display: block; height: 1px; width: 1px; margin: 0 -1px -1px 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }
.skip:focus { width: 100%; height: auto; margin: 0; padding: 5px 0; text-indent: 10px; font-weight: bold; font-size: 12px; color: #333; line-height: 1; text-decoration: none; position: absolute; top: 0px; left: 0px; }

/* top gnb */
#top { position: relative; z-index: 33; background-color: #fff; }
.top_conts { position: relative; width: 1400px; margin: 0 auto; display: flex; flex-direction: column; align-items: flex-end; }
.top_conts h1 { position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.gum { display: flex; gap: 20px; padding-top: 18px; }
.gumMenu { display: flex; gap: 20px; }
.gumMenu li a { display: inline-block; font-size: 14px; font-weight: 500; color: #000; }
.gumMenu li a:hover { color: #3071DF; }
.utilMenu { display: flex; gap: 20px; }
.utilMenu li a { display: inline-block; font-size: 14px; font-weight: 500; color: #7E7E7E; }
.utilMenu li a:hover { color: #3071DF; }
#gnb_menu { font-family: Paperlogy; position: relative; display: flex; gap: 100px; }
#gnb_menu li a { display: inline-block; font-size: 22px; line-height: 70px; font-weight: 600; color: #000; position: relative; }
#gnb_menu li a::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 4px; transition: width 0.3s ease-in-out; }
#gnb_menu li:first-child a::after { background-color: #00B4E0; }
#gnb_menu li:nth-child(2) a::after { background-color: #F9C437; }
#gnb_menu li:nth-child(3) a::after { background-color: #882477; }
#gnb_menu li:last-child a::after { background-color: #32C098; }
#gnb_menu li a:hover::after { width: 100%; }
#gnb_menu li.selected a::after { width: 100%; }

/* gnb_sub */
#gnb_sub_wrap { display: none; position: absolute; width: 100%; top: 112px; left: 0; background-color: #fff; z-index: 2222; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; overflow: hidden; }
.gnb_sub { display: none; position: relative; height: 350px; padding-left: 250px; text-align: left; }
.gnb_sub_menu { position: absolute; top: 0; left: 0; width: 250px; height: 100%; padding-top: 44px; padding-left: 50px; }
.gnb_sub_menu li { padding-bottom: 20px; }
.gnb_sub_menu li a { font-family: Paperlogy; font-size: 18px; font-weight: 500; color: #fff; }
.gnb_sub_menu li a:hover { text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5); }
#gnb_sub_radio .gnb_sub_menu { background-color: #F8C21A; }
#gnb_sub_tv .gnb_sub_menu { background-color: #01B4E2; }
#gnb_sub_nuri .gnb_sub_menu { background-color: #5EBFA3; }

.gnb_sub_conts { padding: 30px 50px 0 30px; position: relative; }
.gnb_sub_conts h3 { font-size: 22px; color: #000; font-weight: bold; margin-bottom: 20px; }

.gnb_pro_slide_wrap { position: relative; }
.tv_pro_slide { overflow: hidden; height: 250px; }
.radio_pro_slide { overflow: hidden; height: 250px; }
.nuri_pro_slide { overflow: hidden; height: 186px; }
.pro_ea_01 { display: flex; gap: 10px; align-items: center; }
.pro_ea_01 .pro_ea_img { width: 120px; height: 64px; }
.pro_ea_01 .pro_ea_img img { width: 120px; height: 64px; object-fit: cover; border-radius: 5px; transition: all 0.3s ease-in-out; }
a:hover .pro_ea_01 .pro_ea_img img { box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.45); } 
.pro_ea_01 .pro_ea_txt { width: 170px; }
.pro_ea_01 .pro_ea_txt h5 { font-family: Paperlogy; font-size: 16px; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 22px; max-height: 44px; word-break: keep-all; transition: all 0.3s ease-in-out; }
.tv_pro_slide a:hover .pro_ea_01 .pro_ea_txt h5 { color: #16a7c8; }
.radio_pro_slide a:hover .pro_ea_01 .pro_ea_txt h5 { color: #f8c21a; }
.nuri_pro_slide a:hover .pro_ea_01 .pro_ea_txt h5 { color: #5dc2a5; }
.gnb_pro_slide_wrap .swiper-pagination-bullets { position: absolute; top: -45px; left: 140px; width: 200px; height: 24px; }
.gnb_pro_slide_wrap .swiper-pagination-bullets span { width: 16px; height: 16px; }
.tv_pro_pagination .swiper-pagination-bullet-active { background-color: #16a7c8; }
.radio_pro_pagination .swiper-pagination-bullet-active { background-color: #f8c21a; }
.nuri_pro_pagination .swiper-pagination-bullet-active { background-color: #5dc2a5; }
.gnb_pro_slide_wrap .nuri_pro_pagination { left: 0; top: -35px; }

.nuri_menu { display: flex; gap: 12px; padding-bottom: 70px; }
.nuri_menu a { display: block; border-radius: 50%; }
.nuri_menu a:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45); }


.top_conts .open_search { position: fixed; top: 113px; right: 0; width: 73px; height: 88px;background: #222 url(../images/main/search_wh.png) center 20px no-repeat; font-size: 13px; font-weight: 500; color: #fff; font-family: Paperlogy; padding-top: 40px; opacity: 0.85; }
.top_conts .open_search:hover { opacity: 1; }
.top_conts .open_search.close { background-image: url(../images/main/icon_close_wh.png); }
.top_conts .search_box_wrap { display: none; position: fixed; top: 113px; right: 73px; width: 400px; z-index: 11; background-color: #fff; height: 88px; padding: 20px; }
.top_conts .search_box { width: 100%; border-bottom: 2px solid #000; position: relative; padding-right: 45px; }
.top_conts .search_box input { width: 100%; height: 48px; font-size: 18px; font-weight: 700; color: #4b4b4b; border: none; padding-left: 20px; }
.top_conts .search_box button { position: absolute; top: 0; right: 0; width: 45px; height: 45px; border: none; }

/* my scrap */
.my_scrap { position: fixed; top: 201px; right: 0; transform: translateX(100%); width: 220px; transition: all 0.3s ease-in-out; }
.my_scrap.on { transform: translateX(0); }
.my_scrap .btn_myscrap { position: absolute; top: 0; left: -73px;  width: 73px; height: 88px;background: #3071DF url(../images/main/bookmark.png) center 20px no-repeat; font-size: 13px; font-weight: 500; color: #fff; font-family: Paperlogy; padding-top: 40px; opacity: 0.85; }
.my_scrap .btn_myscrap:hover { opacity: 1; }
.my_scrap .btn_myscrap img { display: block; margin: 0 auto 10px auto; }
.myscrap_list { background-color: #222; padding: 10px; border-bottom-left-radius: 16px; max-height: 500px; overflow-y: auto; }
.myscrap_list li { margin: 10px 0; }
.myscrap_list li .img { display: inline-block; width: 94px; height: 50px; border-radius: 10px; overflow: hidden; }
.myscrap_list li .img img { width: 94px; height: 50px; object-fit: cover; }
.myscrap_list li .txt { display: inline-block; width: 90px; height: 50px; line-height: 50px; vertical-align: top; overflow:hidden; }
.myscrap_list li .txt h4 { font-size: 14px; font-weight: 500; color: #fff; line-height: 1.2; vertical-align: middle; }
.myscrap_list li a { opacity: 0.85; }
.myscrap_list li a:hover { opacity: 1; }

/* footer */
.footerWrap { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #dedede; }
.footer { width: 1400px; margin: 0 auto; position: relative; padding: 48px 0 24px 0; }
.footer address { font-style: normal; font-size: 13px; color: #797979; margin-top: 42px; }
.footer_misc { display: flex; align-items: center; gap: 20px; margin-top: 10px; }
.footer_misc .go_sns { display: flex; align-items: center; gap: 20px; }
.footer_misc .go_sns a { opacity: 0.7; }
.footer_misc .go_sns a:hover { opacity: 1; }
.footer_misc .go_sns img { vertical-align: middle; }
.footer_misc .family_site { position: relative; }
.footer_misc .family_site select { width: 180px; height: 40px; color: #797979; border: 1px solid #c5c5c5; border-radius: 8px; cursor: pointer; }
.footer_link { position: absolute; bottom: 87px; right: 0; width: 300px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.footer_link li { width: 140px; }
.footer_link li a { display: flex; justify-content: center; align-items: center; height: 50px; opacity: 0.7; }
.footer_link li a:hover { opacity: 1; }

.footer_menu { margin-top: 30px; display: flex; gap: 40px; }
.footer_menu > li:nth-child(6) { color: #333; font-weight: bold; }
.footer_menu > li > a { font-family: Paperlogy; font-size: 14px; color: #6C6C6C; }
.footer_menu > li > a:hover { color: #000; }


/* top banner */
.top_banner_wrap { width: 100%; position: relative; overflow: hidden; }
.top_banner_slide { position: relative; }
.top_banner_slide li { height: 862px; }
.top_banner_slide li > a > img { width: 100%; height: 100%; object-fit: cover; }

.top_banner_tool { position: absolute; top: 500px; left: 50%; margin-left: -700px; z-index: 11; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.top_banner_tool img { vertical-align: middle; }
.top_banner_tool .top_banner_pagination { width: auto; }
.top_banner_tool .top_banner_pagination .swiper-pagination-bullet { width: 6px; height: 6px; background-color: #fff; opacity: 1; vertical-align: middle; transition: all 0.3s ease-in-out; }
.top_banner_tool .top_banner_pagination .swiper-pagination-bullet-active { width: 16px; height: 16px; background-color: transparent; border: 2px solid #fff; }
.top_banner_tool .top_banner_play { width: 20px; height: 20px; display: none; }
.top_banner_tool .top_banner_pause { width: 20px; height: 20px; }
.top_banner_tool .top_banner_nav { width: 100%; }
.top_banner_tool .top_banner_nav button { margin-right: 10px; opacity: 0.85; }
.top_banner_tool .top_banner_nav button:hover { opacity: 1; }

/* guide */
.guide_wrap { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 11;}
.guide { width: 1400px; margin: 0 auto; padding-bottom: 48px; }
.guide_hd { display: flex; justify-content: space-between; align-items: end; font-family: Paperlogy; }
.guide_hd .tit h3 { font-size: 16px; color: #fff; }
.guide_hd .tit p { font-size: 30px; font-weight: 600; color: #fff; }
.guide_hd .tit p span { color: #00B4E0; }
.guide_hd .tit p .yellow { color: #FFED67; }
.guide_hd .link { display: flex; gap: 20px; }
.guide_hd .link a { display: block; font-size: 14px; color: #fff; padding: 10px 20px; }
.guide_hd .link a:hover { background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); }
.guide_hd .link a img { margin-right: 7px; }

/* schedule */
.schedule { display: flex; margin-top: 25px; }
.schedule .onair_mark { width: 120px; background: #FD744A url(../images/main/arr45.png) 100px 6px no-repeat; display: flex; justify-content: center; align-items: center; }
.schedule .sch_box { flex: 1; background-color: rgba(0, 0, 0, 0.3); padding: 20px 20px 20px 30px; min-width: 0; overflow: hidden; }
.schedule .sch_box > p { line-height: 24px; color: #fff; margin: 10px 0; position: relative; padding-left: 85px; }
.schedule .sch_box > p > span { position: absolute; top: 1px; left: 0; display: inline-block; line-height: 24px; width: 72px; text-align: center; font-size: 12px; border-radius: 999px; background-color: #000; }
.schedule .sch_box > p > span b { margin-right: 3px; }
.schedule .sch_box > p a { display: inline-block; color: #fff; font-size: 18px; font-weight: 300; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.schedule .sch_box > p.tv a:hover { color: #01B4E2; }
.schedule .sch_box > p.radio a:hover { color: #F8C21A; }
.schedule .sch_box > p a span { font-weight: 800; margin-right: 10px;}
.schedule .sch_box:nth-child(2) { background-color: #0E141B; }
.schedule .sch_box:nth-child(2) > p.tv > span { background-color: #01B4E2; }
.schedule .sch_box:nth-child(2) > p.radio > span { background-color: #F8C21A; }
.schedule .sch_box:nth-child(2) > p a { padding-right: 22px; background: url(../images/main/go_onair.png) right center no-repeat; }

.section_01 { width: 1400px; margin: 100px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.article_wrap { position: relative; overflow: hidden; }
.section_01 .article_wrap { width: 680px; margin-bottom: 80px; }
.article_wrap > h3 { font-size: 40px; font-weight: 600; color: #000; margin-bottom: 20px; }
.article_wrap .more { position: absolute; top: 20px; right: 0; width: 30px; height: 30px; text-align: center; opacity: 0.5; }
.article_wrap .more:hover { opacity: 1; }
.article_wrap .more img { vertical-align: middle; }
.article_wrap_01 { display: flex; flex-wrap: wrap; }
.article_wrap_01 .left { width: 340px; }
.article_wrap_01 .left > a { display: block; height: 524px; position: relative; }
.article_wrap_01 .left .img { height: 384px; }
.article_wrap_01 .left .img img { width: 340px; height: 384px; object-fit: cover; }
.article_wrap_01 .left .txt { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(19, 160, 195, 0) 45.39%, #13A0C3 73.33%); display: flex; flex-direction: column; justify-content: end; padding: 0 50px 20px 20px; }
.article_wrap_01 .left .txt.yellow { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(225, 173, 34, 0) 50.07%, #E1AD22 70.5%); }
.article_wrap_01 .left .txt.purple { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(149, 73, 168, 0) 45.39%, #9549A8 73.33%); }
.article_wrap_01 .left .txt.green { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(54, 154, 126, 0) 50.07%, #369A7E 70.5%); }
.article_wrap_01 .left .txt.orange { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(248, 100, 55, 0) 50.07%, #F86437 70.5%); }
.article_wrap_01 .left .txt h4 { font-size: 20px; font-weight: 500; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 28px; max-height: 84px; word-break: keep-all; }
.article_wrap_01 .left .txt p { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; margin-top: 10px; }
.article_wrap_01 .right { width: 340px; height: 524px; padding: 20px 25px; border: 1px solid #DEDEDE; }
.article_wrap_01 .right > a { display: block; }
.article_wrap_01 .right .img { height: 160px; }
.article_wrap_01 .right .img img { width: 288px; height: 160px; object-fit: cover; }
.article_wrap_01 .right .txt { padding: 5px 0; height: 88px; }
.article_wrap_01 .right .txt h4 { font-family: Pretendard; font-size: 18px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 22px; max-height: 44px; word-break: keep-all; }
.article_wrap_01 .right .txt p { font-size: 14px; color: #7E7E7E; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
.article_wrap_01 .bot { width: 100%; padding: 28px 30px; background-color: #F8F8F8; border: 1px solid #dedede; border-top: none; }
.article_wrap_01 .bot > a { display: flex; }
.article_wrap_01 .bot > a:first-child { margin-bottom: 20px; }
.article_wrap_01 .bot a .img { width: 194px; height: 109px; }
.article_wrap_01 .bot .img img { width: 194px; height: 109px; object-fit: cover; }
.article_wrap_01 .bot .txt { flex: 1; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; }
.article_wrap_01 .bot .txt h4 { font-family: Pretendard; font-size: 18px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 22px; max-height: 44px; word-break: keep-all; }
.article_wrap_01 .bot .txt p { font-size: 14px; color: #7E7E7E; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
.article_wrap a .img { overflow: hidden; }
.article_wrap a .img img { transition: all 1s linear; }
.article_wrap a:hover .img img { transform: scale(1.05); }
.article_wrap a .txt h4 { transition: all 0.3s ease-in-out; }
.article_wrap a:hover .txt h4 { opacity: 0.8; }

.article_slide_tools { position: absolute; top: 17px; right: 30px; }
.article_slide_tools button { width: 30px; height: 30px; opacity: 0.5; }
.article_slide_tools button:hover { opacity: 1; }
.article_slide_tools button img { vertical-align: middle; }
.article_slide_tools button:nth-child(3) { display: none; }

.section_02 { width: 1400px; margin: 100px auto; display: flex; justify-content: space-between; font-family: Paperlogy; height: 640px; gap: 20px; }
.board_wrap { width: 620px; }
.board_wrap h3 { font-size: 40px; font-weight: 600; color: #000; margin-bottom: 20px; }
.board_main { position: relative; }
.board_main > li { display: inline-block; margin-right: 30px; }
.board_main > li > a { display: inline-block; font-size: 17px; font-weight: 600; color: #999; border-bottom: 2px solid #fff; position: relative; }
.board_main > li > a:hover { color: #000; }
.board_main > li > a.selected { color: #000; border-bottom-color: #000; font-weight: bold; }
.board_main > li > a.selected::after { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; }
.board_ea { position: absolute; top: 60px; left: 0; width: 100%; text-align: left; }
.board_ea li { display: flex; align-items: center; border-bottom: 1px solid #dedede; min-height: 100px; padding: 20px 0; }
.board_ea li:first-child { border-top: 1px solid #dedede; }
.board_ea li a { display: block; font-size: 18px; font-weight: 600; color: #000; position: relative; padding-right: 100px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 24px; max-height: 48px; word-break: keep-all; }
.board_ea li a::after { content: ""; position: absolute; top: 0; right: 0; width: 59px; height: 100%; background: url(../images/main/arrR_03.png) right center no-repeat; opacity: 0.25; transition: all 0.3s ease-in-out; }
.board_ea li a:hover { text-decoration: underline; }
.board_ea li a:hover::after { opacity: 1; }

.journal_wrap { width: 430px; }
.journal_wrap h3 { font-size: 40px; font-weight: 600; color: #000; margin-bottom: 20px; }
.ebook_list { position: relative; }
.ebook_list > li { display: inline-block; margin-right: 30px; }
.ebook_list > li > a { display: inline-block; font-size: 17px; font-weight: 500; color: #999; border-bottom: 2px solid #fff; position: relative; }
.ebook_list > li > a:hover { color: #000; }
.ebook_list > li > a.selected { color: #000; border-bottom-color: #000; font-weight: bold; }
.ebook_list > li > a.selected::after { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; }
.journal_ea { position: absolute; top: 60px; left: 0; width: 100%; background-color: #E5E7F0; width: 100%; height: 500px; padding: 28px 75px; }
.journal_ea > div { overflow: hidden; }
.journal_ea .img { position: relative; width: 280px; height: 410px; }
.journal_ea .img img { width: 280px; height: 410px; object-fit: cover; }
.journal_ea .txt { padding-top: 12px; text-align: center; }
.journal_ea .txt h4 { font-size: 18px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; word-wrap:normal; white-space: nowrap; height: 48px; line-height: 24px; }
.journal_ea a:hover .txt h4 { color: #16a7c8; }
.jouranl_slide_tools button { position: absolute; top: 200px; width: 40px; height: 40px; opacity: 0.75; }
.jouranl_slide_tools button:hover { opacity: 1; }
.jouranl_slide_tools button:first-child { left: 20px; }
.jouranl_slide_tools button:last-child { right: 20px; }

/* poster */
.poster_wrap { width: 310px; display: flex; flex-direction: column; gap: 20px; }
.poster_box { height: 310px; border-radius: 20px; overflow: hidden; position: relative; transition: all 0.3s ease; }
.poster_box:hover { box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.6); }
.poster_box a img { width: 310px; height: 310px; object-fit: cover; }
.poster_slide_tools { position: absolute; bottom: 5px; right: 5px; border-radius: 999px; background-color: #fff; display: flex; align-items: center; padding-top: 10px; z-index: 11; padding: 0 12px; height: 30px; }
.poster_slide_tools a { font-size: 13px; color: #000; font-weight: 500; margin-left: 5px; }
.poster_slide_tools button { width: 20px; height: 20px; }
.poster_slide_tools img { vertical-align: middle; margin-top: -3px; height: 9px; }
.poster_slide_tools .poster_play { width: 20px; height: 20px; display: none; }
.poster_slide_tools .poster_pause { width: 20px; height: 20px; }

/* TV,FM main */
.pop_conts_wrap { width: 1400px; margin: 150px auto; position: relative; }
.pop_conts_wrap h3 { font-size: 40px; font-weight: 600; color: #000; margin-bottom: 20px; }
.pop_conts_slide { overflow: hidden; }
.pop_slide_tools { position: absolute; top: 24px; right: 0; display: flex; width: 300px; justify-content: flex-end; gap: 10px; align-items: center; }
.pop_slide_tools button { width: 30px; height: 30px; opacity: 0.5; }
.pop_slide_tools button:hover { opacity: 1; }
.pop_slide_tools button img { vertical-align: middle; }
.pop_slide_tools .pop_play { display: none; }
.pop_slide_tools .pop_slide_pagination { width: 40px; text-align: center; font-family: Paperlogy; font-size: 14px; font-weight: bold; }
.pop_slide_tools .pop_slide_pagination .swiper-pagination-current { color: #00B4E0; }
.radio .pop_slide_pagination .swiper-pagination-current { color: #F8C21A; }
.nuri .pop_slide_pagination .swiper-pagination-current { color: #129A74; }

.article_wrap_02 { display: flex; }
.article_wrap_02 .left { width: 467px; }
.article_wrap_02 .left a { display: block; height: 705px; position: relative; }
.article_wrap_02 .left .img { height: 545px; }
.article_wrap_02 .left .img img { width: 467px; height: 545px; object-fit: cover; }
.article_wrap_02 .left .txt { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(19, 160, 195, 0) 45.39%, #13A0C3 73.33%); display: flex; flex-direction: column; justify-content: end; padding: 0 50px 20px 20px; }
.article_wrap_02 .left .txt.yellow { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(225, 173, 34, 0) 50.07%, #E1AD22 70.5%); }
.article_wrap_02 .left .txt.purple { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(149, 73, 168, 0) 45.39%, #9549A8 73.33%); }
.article_wrap_02 .left .txt.green { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(54, 154, 126, 0) 50.07%, #369A7E 70.5%); }
.article_wrap_02 .left .txt.orange { background: url(../images/main/play_mark.png) right 18px bottom 20px no-repeat, linear-gradient(180deg, rgba(248, 100, 55, 0) 50.07%, #F86437 70.5%); }
.article_wrap_02 .left .txt h4 { font-size: 26px; font-weight: 500; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 36px; max-height: 108px; word-break: keep-all; }
.article_wrap_02 .left .txt p { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; margin-top: 10px; }
.article_wrap_02 .mid { width: 466px; padding: 11px 12px; border: 1px solid #dedede; }
.article_wrap_02 .mid a { display: block; }
.article_wrap_02 .mid .img { height: 246px; }
.article_wrap_02 .mid .img img { width: 440px; height: 246px; object-fit: cover; }
.article_wrap_02 .mid .txt { padding: 6px 0; height: 94px; }
.article_wrap_02 .mid .txt h4 { font-family: Pretendard; font-size: 20px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 26px; max-height: 52px; word-break: keep-all; }
.article_wrap_02 .mid .txt p { font-size: 14px; color: #7E7E7E; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
.article_wrap_02 .right { width: 467px; background-color: #f8f8f8; border: 1px solid #dedede; border-left: none; padding: 32px 16px; display: flex; flex-direction: column; gap: 36px; }
.article_wrap_02 .right a { display: flex; gap: 10px; }
.article_wrap_02 .right .img { width: 177px; height: 99px; }
.article_wrap_02 .right .img img { width: 177px; height: 99px; object-fit: cover; }
.article_wrap_02 .right .txt { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.article_wrap_02 .right .txt h4 { font-family: Pretendard; font-size: 16px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 20px; max-height: 40px; word-break: keep-all; }
.article_wrap_02 .right .txt p { font-size: 14px; color: #7E7E7E; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
.article_wrap_02 a .img { overflow: hidden; }
.article_wrap_02 a .img img { transition: all 1s linear; }
.article_wrap_02 a:hover .img img { transform: scale(1.05); }
.article_wrap_02 a .txt h4 { transition: all 0.3s ease-in-out; }
.article_wrap_02 a:hover .txt h4 { opacity: 0.8; }

/* TV, Radio 프로그램 */
.program_wrap { width: 1400px; margin: 100px auto; position: relative; }
.pro_select { display: flex; gap: 50px; }
.pro_select li a { font-family: Paperlogy; font-size: 40px; font-weight: 600; color: #dedede; }
.pro_select li a:hover { color: #6d6d6d; }
.pro_select li a.selected { color: #000; }
.pro_sort { position: absolute; top: 10px; right: 0; display: flex; justify-content: flex-end; gap: 40px; }
.pro_sort a { font-family: Paperlogy; font-size: 22px; font-weight: 600; display: inline-block; color: #dedede; position: relative; }
.pro_sort a:hover { color: #6d6d6d; }
.pro_sort a.selected { border-bottom: 3px solid #00B4E0; color: #000; }
.radio a.selected { border-bottom: 3px solid #F9C437; color: #000; }
.pro_sort.tv a.selected::after { content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #00B4E0; }
.pro_sort.radio a.selected::after { content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #F9C437; }

.pro_panel { padding-top: 40px; }
.pro_list { display: grid; grid-template-columns: repeat(5, 272px); grid-auto-rows: 375px; gap: 10px; }
.pro_list .pro_img { height: 375px; position: relative; transition: all 0.3s ease-in-out; }
.pro_list .pro_img > img { width: 272px; height: 375px; object-fit: cover; }
.pro_list .pro_img .overlay { position: absolute; bottom: 20px; left: 20px; }
.pro_list .pro_img .overlay img { width: 42px; height: 42px; }
.pro_list .pro_img .overlay + .overlay { left: 35px; }
.pro_list .pro_img .go { position: absolute; bottom: 20px; right: 20px; line-height: 34px; background: #fff url(../images/main/arrR_05.png) right 10px center no-repeat; background-size: 12px auto; border-radius: 5px; font-family: Paperlogy; font-size: 11px; font-weight: 700; color: #000; width: 118px; padding-left: 10px; transition: all 0.3s ease-in-out; } 
.pro_list a:hover .pro_img .go { background: #00B4E0 url(../images/main/arrR_05_wh.png) right 10px center no-repeat; color: #fff; background-size: 12px auto; }
.radio a:hover .pro_img .go { background: #F9C437 url(../images/main/arrR_05_wh.png) right 10px center no-repeat; color: #fff; background-size: 12px auto; }
.pro_list a:hover .pro_img { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }
.pro_list li:first-child { grid-column: span 2; grid-row: span 2; }
.pro_list li:first-child .pro_img { height: 760px; }
.pro_list li:first-child .pro_img > img { width: 760px; height: 760px; object-fit: cover; }
.pro_list li:first-child .pro_img .overlay { bottom: 40px; left: 40px; }
.pro_list li:first-child .pro_img .overlay img { width: 83px; height: 83px; }
.pro_list li:first-child .pro_img .overlay + .overlay { left: 100px; }
.pro_list li:first-child .pro_img .go { bottom: 40px; right: 40px; width: 180px; line-height: 68px; border-radius: 10px; font-size: 16px; background-size: 28px auto; }

.end_pro_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.end_pro_list li { width: 48%; margin: 10px 0; }
.end_pro_list li a { display: flex; background-color: #f5f5f5; border-radius: 16px; padding: 3px; }
.end_pro_list li a .img { flex-shrink: 0; width: 200px; height: 130px; position: relative; }
.end_pro_list li a .img img { position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: 16px; }
.end_pro_list li a .txt { display: flex; flex-direction: column; justify-content: space-between; padding: 20px; }
.end_pro_list li a .txt h4 { font-size: 24px; line-height: 1.2; font-weight: bold; color: #000; transition: all 0.2s ease-in-out; }
.end_pro_list li a .txt span { font-size: 16px; color: #666; transition: all 0.2s ease-in-out; }
.end_pro_list.tv li a:hover { background-color: #01B4E2; }
.end_pro_list.radio li a:hover { background-color: #F8C21A; }
.end_pro_list li a:hover .txt h4 { color: #fff; }
.end_pro_list li a:hover .txt span { color: #fff; }

#end_pro .serch_box { width: 250px; position: relative; }
#end_pro .serch_box input { width: 100%; height: 40px; padding-left: 15px; border: 1px solid #c8c8c8; border-radius: 5px; background-color: #fff; padding-right: 40px; color: #000; font-size: 16px; font-weight: 500; }
#end_pro .tv .serch_box input:focus { border-color: #01B4E2; box-shadow: 0 0 5px #01B4E2; }
#end_pro .radio .serch_box input:focus { border-color: #F8C21A; box-shadow: 0 0 5px #F8C21A; }
#end_pro .serch_box button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 1; }

.pagination { margin: 25px 0; text-align: center; position: relative; }
.pagination ul { display: inline-block; overflow: hidden; }
.pagination ul li { float: left; margin: 0 10px; }
.pagination ul li a { display: inline-block; width: 20px; line-height: 42px; font-size: 18px; font-weight: bold; color: #999; }
.pagination ul li a:hover { color: #000; }
.pagination ul li a.active { color: #000; border-bottom: 2px solid #000; }
.pagination .pgn_right { display: inline-block; vertical-align: top; margin-left: 20px; }
.pagination .pgn_left { position: absolute; left: 0; top: 0; }
.paging_tool { display: inline-block; margin-right: 10px; vertical-align: top; }
.paging_tool > a img { opacity: 0.7; transition: 0.3s; }
.paging_tool > a:hover img { opacity: 1; }
.paging_tool .page_input { display: inline-block; position: relative; }
.paging_tool .page_input input { border: 1px solid #d8d8d8; border-radius: 5px; width: 80px; height: 42px; vertical-align: top; text-align: center; }
.paging_tool .page_input button { width: 55px; height: 42px; background-color: #8c8c8c; font-size: 15px; color: #fff; border-radius: 5px; }
.paging_tool .page_input button:hover { background-color: #666; }
.pagination .btn_box { position: relative; margin: 10px 0; height: 42px; }
.pagination .btn_gray { display: inline-block; width: 80px; height: 42px; background-color: #8c8c8c; color: #fff; font-size: 16px; line-height: 35px; text-align: center; }
.pagination .btn_blue { position: absolute; top: -4px; right: 0; min-width: 150px; }
.pagination .btn_white { display: inline-block; width: 78px; height: 33px; background-color: #fff; color: #666; font-size: 16px; line-height: 35px; text-align: center; border: 1px solid #cacaca; border-radius: 3px; }

.mid_banner { width: 1400px; margin: 100px auto; display: flex; }
.mid_banner li { flex: 1; transition: all 0.3s ease-in-out; position: relative; }
.mid_banner li img { width: 100%; height: 114px; object-fit: cover; }
.mid_banner li:hover { z-index: 11; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }

/* NURI main */
.nuri .top_banner_slide li { height: 676px; background-color: #129A74; font-family: Paperlogy; }
.nuri .top_banner_slide li a { display: block; width: 1400px; margin: 0 auto; }
.nuri .top_banner_slide li a::after { content: ""; display: block; clear: both; }
.nuri .top_banner_slide li .txt { float: left; width: 530px; margin-top: 140px; }
.nuri .top_banner_slide li .txt h3 { font-size: 68px; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; margin-bottom: 20px; }
.nuri .top_banner_slide li .txt p { font-size: 25px; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 40px; height: 120px; margin-bottom: 20px; }
.nuri .top_banner_slide li .img { float: right; width: 815px; height: 458px; margin-top: 83px; }
.nuri .top_banner_slide li span { display: inline-block; width: 200px; line-height: 62px; background: #fff url(../images/main/arrR_05.png) right 15px center no-repeat; border-radius: 10px; font-size: 16px; font-weight: 600; color: #000; padding-left: 16px; }

.nuri_sns { position: absolute; bottom: 0; right: 50%; margin-right: -700px; width: 815px; height: 160px; z-index: 111; display: flex; justify-content: flex-end; gap: 40px; backdrop-filter: blur(10px); padding-top: 60px; background-color: transparent; }
.nuri_sns a { opacity: 0.75; width: 34px; height: 34px; }
.nuri_sns a:hover { opacity: 1; }

.nuri_section .article_wrap { width: 1400px; margin: 100px auto; }
.article_wrap_nuri { display: flex; gap: 20px; }
.article_wrap_nuri .one { width: 765px; }
.article_wrap_nuri .one .img { height: 428px; }
.article_wrap_nuri .one .img img { width: 765px; height: 428px; object-fit: cover; }
.article_wrap_nuri .one .txt { padding-top: 10px; }
.article_wrap_nuri .one .txt h4 { font-size: 26px; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 33px; height: 66px; }
.article_wrap_nuri .four { width: 615px; display: grid; grid-template-columns: 297px 297px; justify-content: space-between; }
.article_wrap_nuri .four a { display: block; margin-bottom: 42px; }
.article_wrap_nuri .four .img { width: 297px; height: 166px; }
.article_wrap_nuri .four .img img { width: 297px; height: 166px; object-fit: cover; }
.article_wrap_nuri .four .txt { padding-top: 10px; }
.article_wrap_nuri .four .txt h4 { font-size: 16px; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 22px; height: 44px; }
.nuri_section .article_wrap:nth-child(even) .one { order: 1; }

.shorts_section { background-color: #F6F6F6; padding: 100px 0; }
.shorts_section .article_wrap { width: 1400px; margin: 0 auto; }
.shorts_slide .shorts_conts { width: 277px; height: 415px; position: relative; }
.shorts_slide .txt { padding-top: 10px; }
.shorts_slide .txt h4 { font-size: 16px; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 22px; height: 44px; }
.shorts_slide .shorts_conts iframe { width: 100%; height: 100%; position: absolute; }

/* 2024.03.08 */
.shorts_list::after { content: ""; display: block; clear: both;}
.shorts_list li { float: left; width: 18.4%; margin-left: 2%; margin-bottom: 4%; }
.shorts_list li:nth-child(5n+1) { margin-left: 0; }
.shorts_list li .caption { padding: 12px 0; }
.shorts_list li .caption p, .shorts_list li .caption a { font-size: 16px; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 22px; height: 44px; }
.shorts_box { width: 100%; height: 0; padding-bottom: 177.77%; position: relative; border-radius: 12px; overflow: hidden; }
.shorts_box iframe { width: 100%; height: 100%; position: absolute; }

/* 2024.06.03 */
.bg_main_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 9999; }
.main_popup_wrap { display: flex; width: 1720px; margin: 100px auto; gap: 20px; }
.main_popup_hd { height: 50px; line-height: 50px; padding: 0 70px 0 20px; position: relative; }
.main_popup_hd .close_mainPop { position: absolute; top: 15px; right: 15px; }
.main_popup_footer { height: 40px; line-height: 40px; padding: 0 10px; }
.main_popup_footer label { font-size: 13px; font-weight: bold; color: #fff; cursor: pointer; }
.main_popup_footer label input { width: 16px; height: 16px; border: none; margin-right: 5px; margin-top: -1px; }
.blue .main_popup_hd { background-color: #16a7c8; }
.blue .main_popup_footer { background-color: #16a7c8; }
.yellow .main_popup_hd { background-color: #F8C21A; }
.yellow .main_popup_footer { background-color: #F8C21A; }