@charset "utf-8";

/* 폰트 불러오기 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
*/


/* 폰트 불러오기 Paperlogy

https://freesentation.blog/paperlogyfont 20260410 KKHT

*/

@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%; }

/* 푸터쪽 패딩길이 축소 20260410 김형태 KKHT
#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; }
*/
#body_wrap { font-size: 18px; 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: 1720px;  }

/* 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; }

/* footer */
/* position제거 20260410 김형태 KKHT
.footerWrap { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #dedede; }
*/
.footerWrap { 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; }

/* 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; }