@charset "utf-8";

/*#hd_pop{display: none;}*/
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;/* width:1200px; */height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; max-width: 90%;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

@media screen and (max-width: 1240px) {
	.hd_pops{left: 50% !important; transform: translateX(-50%);}
	.hd_pops_con {width: auto !important; height:auto !important;}
	.hd_pops_con img {width:100% !important; height: auto !important;}
}

*{box-sizing: border-box !important;}
body, input, textarea, select, button, table{color: #333; line-height: 1;font-family: "Noto Sans KR", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; word-break: keep-all; letter-spacing: -0.02em;}
.wrap{width: calc(100% - 2em); margin: 0 auto; max-width: 1240px;}
.hide{position: absolute; left: -9999px; top: 0;}
select, input[type="text"]{border: 1px solid #ebebeb; padding: 0.5rem;}
:hover{transition-duration: 100ms;}
.sound_only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.clearfix::after{content:""; display: block; clear: both;}

textarea::-webkit-scrollbar, .n_menu::-webkit-scrollbar{width: 3px;}
textarea::-webkit-scrollbar-track, .n_menu::-webkit-scrollbar-track{background: transparent;}
textarea::-webkit-scrollbar-thumb, .n_menu::-webkit-scrollbar-thumb{background: #ddd; border-radius: 3px;}

input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-ms-clear {display: none;}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* Select box 스타일 초기화 */ 
select {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background: url('../img/select.png') no-repeat center;    background-position-x: calc(100% - 0.5rem); border-radius: 5px; background-size: 0.8rem;}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

input[type=checkbox] {
	width:1.4rem; height:1.4rem;
    border:1px solid #ddd;
	margin-right:5px;
	-webkit-border-radius:50%; -moz-border-radius:50%;
	border-radius: 50%;
	vertical-align: middle;
	background-color: #fff;
}

input[type=checkbox]:checked, input[type=radio]:checked{
    content: "";
    font-weight:600; 
    color: #fff;  
    background:#333 url('../img/check.png') no-repeat center; 
	background-size: 70%;
	border:1px solid #333;
}

input[type=checkbox]:hover{cursor: pointer;}
button:hover, input[type=submit]:hover{cursor: pointer;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha_img{width: 100%; display: block; }
#captcha table{width: 100%;}
#captcha td{text-align: center !important;}
#captcha input[type=text]{display: block; background-color: #fff; border-radius: 10px; width: 100% !important; text-align: left !important; box-shadow: 0 1px 6px 0 rgba(0,0,0,.08); font-size: 0.9rem; line-height:2;}
.captcha_input > img, .captcha_input > button{display: inline-block; margin-right: 0.25em;}


/* 캡챠 자동등록(입력)방지 기본 - mobile */


/* ===== 공통 ===== */
.ul_group{display: flex; align-items: center;}
.ul_group.line{gap: 1rem;}
.ul_group.line > li{position: relative;}
.ul_group.line > li + li::before{position: absolute; top: 50%; left: -0.5rem; transform: translateY(-50%); width: 1px; height: 1em; background-color: #ddd; content:""; display: block; clear: both;}

/* ===== 말풍선 ===== */
.balloon{position: relative; display: inline-block; padding: 0.75em; border-radius: 5px; background-color: #299eef; color: #fff; font-size: 0.9rem; margin-bottom: 20px; font-weight: 500;}
.balloon::before{position: absolute; border-left: 5px solid #299eef; border-right: 5px solid transparent; border-top: 5px solid #299eef; border-bottom: 5px solid transparent; left: 19px; bottom: -9px; content: ""; display: block; clear: both;}


/* ===== 제목 ===== */
.tit{font-weight: 600; font-size: 1.1rem; letter-spacing: -0.04em;}
.tit > b{display: inline-block; font-size: 1.8rem; font-family: "DM Serif Text", serif; letter-spacing: 0; font-weight: 600; font-style: italic; padding: 0 0.4rem; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to left, #065fd4, #3ec4ff); color: transparent;}


/* ===== 사각형 타이틀 ===== */
.rect_tit_box{position: relative;}
.rect_tit_box::before{position: absolute; top: 0; left: 0; right: 0; height: 2px; background-color: #333; content:""; display: block; clear: both;}
.rect_tit{position: relative; display: block; width: fit-content; padding: 0.75em 0.1em; background-color: #299eef; color: #fff; font-size: 0.9rem; margin: 0 1.5rem; font-weight: 500; transform: translateY(-4px);}
.rect_tit::after, .rect_tit::before{position: absolute; top: 0; width: 1em; bottom: 0; background-size: auto 100%; content:""; display: block; clear: both;}
.rect_tit::after{ background-image: url('../img/rect_left.png'); left: -1em; background-position: left;}
.rect_tit::before{ background-image: url('../img/rect_right.png'); right: -1em; background-position: right;}


/* ===== 헤더 ===== */
#header{background-color: #fff;}
.gnb_01 > div{display: flex; gap: 20px; padding: 50px 0 20px 0; align-items: flex-end;}
.gnb_01 .a_01{width: 25%; max-width: 300px;}
.logo{display: block; width: fit-content; max-width: 200px; margin: 0 auto;}
.logo img{display: block; width: 100%;}
.search{border: 1px solid #ebebeb; background-color: #fbfbfb; border-radius: 1rem; width: 80%; margin: 1rem auto 0 auto; padding: 0.5rem 1rem;}
.search input[type="text"]{border: none; padding: 0; line-height: 1.5rem; font-size: 0.9rem; width: calc(100% - 1.5rem)}

.head_search{position: relative; width: 80%; margin: 20px auto 0 auto; padding: 2px; background: linear-gradient(to right, #0395d3, #065fd4); border-radius: 1.5rem; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1)}
.head_search form{width: 100%; border-radius: 1.5rem; padding: 0.5rem 1rem 0.5rem 3.5rem; background-color: #fff;}
.head_search input[type="text"]{border: none; padding: 0; line-height: 1.5rem; font-size: 0.9rem; width: calc(100% - 1.5rem)}
.head_search i{color: #065fd4;}
.head_search > img{position: absolute; top: 50%; left: 1.25rem; transform: translateY(-50%); display: block; height: 1.5rem;}


.location{display: block; text-align: right; width: fit-content; margin-left: auto; margin-right: 0; font-size: 0.9rem; color: #666;}
.location i{color: #000; margin-right: 0.25rem;}
.location .on { color: #ff8040 !important; }

.gnb_01 .a_02{width: 50%;}
.gnb_01 .a_03{width: 25%; max-width: 300px;}


/* ===== 네비게이션 ===== */
#nav_wrap{}
.pc_sticky{position: sticky; top: 0; z-index: 100;}
#nav{border-bottom: 1px solid #ebebeb; background-color: #fff; box-shadow: 0 0.5em 1em rgba(0,0,0,0.02);}
.gnb_02{display: flex; justify-content: space-between;}
.gnb_02 a{display: block; padding: 1rem 5px; font-weight: 500;}
.gnb_02 a:hover{color: #333; font-weight: 600;}
.gnb_02 li.current a{font-weight: 700;}
.gnb_02 button{display: block; width: 1.5rem; height: 3rem; text-align: center; padding: 1rem 5px;}

.all_icon .fa-bars, .all_icon.on .fa-xmark{display: block;}
.all_icon .fa-xmark, .all_icon.on .fa-bars{display: none;}

.tab_menu > li:not(.balloon_li):hover{cursor: pointer;}
.current{color: #299eef; font-weight: 600;}

.menu{gap: 10px;}
.menu > li{position: relative;}
.menu .lnb{display: none; grid-template-columns: repeat(3,1fr); position: absolute; left: 0; top: 3rem; border: 1px solid #ebebeb; z-index: 1; background-color: #fff; padding: 0.25rem 0.75rem;}
.menu .lnb > li{width: 120px;}
.menu .lnb a{font-size: 0.9rem; padding: 0.75rem;}

.menu > li > a::after{position: absolute; width: 0; height: 2px; left: 50%; bottom: -2px; transform: translateX(-50%); background-color: #1a1a1a; content:""; display: block; clear: both; transition-duration: 200ms; z-index:2;}
.menu > li:hover > a::after{width: 100%;}
.menu > li:hover .lnb{display: grid;}

.login_box a{font-size: 0.9rem; font-weight: 400; color: #666;}
.all_menu{display: none; position: absolute; z-index: 111; background-color: #fff; width: 480px; border: 1px solid #ebebeb; border-radius: 0 0 20px 20px; box-shadow: 0 4px 10px 0 rgba(0,0,0,.1)}

.all_menu > div {padding: 0.25rem 0;}
.all_menu > div > a{font-weight: 600;}
.all_menu > div + div{border-top: 1px solid #ebebeb;}
.all_menu > div > span{display: block; font-size: 0.9rem; color: #999; padding: 0.75rem; font-weight: 500;}
.all_menu ul{display: flex; flex-wrap: wrap; margin-bottom: 0.5rem;}
.all_menu ul li{width: 33.333%;}
.all_menu a{padding: 0.75rem;}


/* 모바일 네비게이션 */
#mo_nav{display: none; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #ebebeb;}
#mo_nav .logo{width: auto; max-width: none; height: 2.5rem;}
#mo_nav .logo img{height: 100%; width: auto;}

.mo_menu_wrap{position: fixed; top: 0; left: -480px; width: 100%; height: 100vh; background-color: #fff; max-width: 480px; transition: left .3s ease-in-out;}
.mo_menu_wrap.on{left: 0;}
.mo_menu_wrap.on:after{content: ""; display: block; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: -1;}
.mo_menu{height: calc(100vh - 50px); overflow-y: scroll; background-color: #f4f6f8;}
.mo_search{display: flex; padding: 0 1rem; height: 50px; border-bottom: 1px solid #ebebeb; background-color: #f4f6f8; gap: 1rem; align-items: center;}

.mo_search form{width: 100%; padding: 0.5rem 1rem; background-color: #fff; border-radius: 1.5rem; border: 2px solid #ebebeb;}
.mo_search input[type="text"]{border: none; padding: 0; line-height: 1.5rem; font-size: 0.9rem; width: calc(100% - 1.5rem)}
.mo_search i{color: #000;}

.mo_menu > div{border-bottom: 1px solid #ebebeb; padding: 0.25rem 1rem; background-color: #fff;}
.mo_menu > div > span{display: block; font-size: 0.9rem; color: #999; font-weight: 500; margin-top: 1rem;}
.mo_menu > div > ul{display: grid; grid-template-columns: repeat(2,1fr); margin: 0.5rem 0;}
.mo_menu > div a{display: block; padding: 0.75rem 0; font-weight: 500; font-size: 1.1rem;}
.mo_menu > ul{padding: 1rem;}
.mo_menu > ul li{font-size: 0.9rem; color: #666; padding: 0.5rem 0;}

.mo_menu .mo_wide{color: #299eef;}
.mo_menu .mo_wide a{font-weight: 600;}
.mo_menu .mo_wide i{margin-right: 5px;}

/* ===== 배너 공통 ===== */
.banner_left .com_ban{float: left;}
.banner_right .com_ban{float: right;}

/* 배너 고정 */
/* .smallBanner li{border-radius: 10px; overflow: hidden;} */
.smallBanner li + li{margin-top: 10px;}
.smallBanner.swiper-wrapper li{margin-top: 0;}

/* 배너 롤링 */
.ba_img + ul, .side_banner ul + ul, ul + .ba_img, .ba_img + .ba_img{margin-top: 10px;}
.ba_img img , .smallBanner img{width: 100% !important; height: auto !important; object-fit: cover;}

/* 좌우측 스크롤 배너 */
.banner_wrap{position: relative; width: calc(1280px + 280px); margin: 0 auto;}
.banner_wrap > div{position: absolute; width: 140px; top: 20px;}
.banner_wrap > div img{display: block; width: 100%;}
.left_banner > div + div{margin-top: 10px;}
.right_banner > div + div{margin-top: 10px;}
.left_banner{left: 0;}
.right_banner{right: 0;}
.fix_banner > a {display: block;}
.fix_banner > a + a{margin-top: 10px;}

/* ================================= 스타일 공통 ======================================= */
.name{text-align: right;}
.name a, b.name{font-size: 0.85rem; color: #999;}
.name a:hover{color: #299eef; font-weight: 500}

.video_news li > a:hover, .news li > a:hover, .issue_news > li > a:hover, #side_wrap li > a:hover{opacity: 0.6;}

.news > ul{display: grid; grid-template-columns: repeat(5,1fr); gap: 1rem; border-bottom: 1px solid #ebebeb; padding-bottom: 50px; margin-top: 20px;}
.news .img{position: relative; aspect-ratio: 3/2; background-position: center; background-size: cover;  background-repeat: no-repeat;}
.news a {display: block;}
.news a > p{margin: 10px 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.3; height: 3.9em; font-weight: 500; word-break: break-all;}
.news .name{margin: 5px;}
.news .more_btn{margin-top: 1rem; border-top: 1px solid #ebebeb; padding-top: 1rem;}

.more_btn{padding: 0.5rem; text-align: center; font-weight: 600; color: #000;}
.more_btn i{margin-left: 0.5rem;}

.btn_box{display:flex; justify-content: center; align-items: center; gap: 10px;}
.btn{display: block; width: fit-contnet; padding: 0.8rem; border: 1px solid #ebebeb; background-color: #fff; border-radius: 10px; font-size: 0.9rem; text-align: center; color: #666;}
.btn:hover{cursor: pointer; background-color: #fefefe; border-color: #1a1a1a; color: #1a1a1a;}
.btn i{margin-left: 1rem;}
.btn_big{padding: 0.8rem; width: 80%; font-size: 1rem; max-width: 360px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.08)}

.btn_b01{}
.btn_b02{background-color: #1a1a1a; color: #fff; border-color: #1a1a1a;}


.dot li{position: relative;}
.dot li::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content:"·"; display: block; font-weight: 700; color: #ccc;}
.swiper-wrapper.dot li::before{position: initial; float: left; transform: translateY(0);}
.dot li > a{padding-left: 0.75rem;}
.dot li:hover::before{color: #299eef;}


/* ===== 애니메이션 ===== */
.news > ul, .news_list > ul, #newswide .news, .c_balloon ul{animation: fadeIn 1s alternate;}

@keyframes fadeIn{
	0%{transform: translateY(10px); opacity: 0}
	100%{transform: translateY(0);  opacity: 100%}
}


/* ===== 푸터 ===== */
#footer{position: relative; background: #fff; z-index: 2; box-shadow: 0 -0.5em 1em rgba(0,0,0,0.02);}
.footer_01{padding: 20px 0; border-top: 2px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.footer_01 ul{gap: 2rem; justify-content: center;}
.footer_01 ul li{font-size: 0.9em;}
.footer_01 ul a{padding: 0 0.25rem; color: #000; font-weight: 500;}
.footer_01 ul a:hover{opacity: 0.6;}

.footer_02{padding: 40px 0 80px 0;}
.footer_02 .logo{width: 160px; margin-bottom: 20px;}
.footer_02 .logo img{display: block; width: 100%;}
.footer_02 .text{text-align: center; color: #666;}
.footer_02 .text p{line-height: 1.8; font-size: 0.9rem;}
.footer_02 .text p > br{display: none;}
.footer_02 .text p a{display: inline-block; margin-right: 1rem; font-weight: 500; color: #000; text-decoration: underline;}






/* ================================= 메인 서브 공통 ================================= */
/* ======================= 00 말줄임표 ======================= */
/* 2줄 */
.news_side .text > p, .issue_news .text > p
{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; word-break: keep-all;}

/* 3줄 */
.video_news li > a > p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.3; height: 3.9em;}


/* 공통 박스 */
.com{display: flex; gap: 20px; margin-top: 20px;}
/* 
.com .a_01{width: 20%; overflow: hidden;}
.com .a_02{width: 55%; overflow: hidden;}
.com .a_03{width: 25%; overflow: hidden;}
 */
.com .a_01{width: 240px; overflow: hidden;}
.com .a_02{width: 660px; /* overflow: hidden; */}
.com .a_03{width: 300px; /* overflow: hidden; */}

.com .a_02.c_play{width: 680px;}
.com.main_top .a_03{margin-left: 20px;}


/* 스크롤 말풍선 */
/* .c_balloon{position: relative; height: initial; overflow: visible !important;}
.c_balloon::before{position: absolute; border-left: 5px solid #000; border-right: 5px solid transparent; border-top: 5px solid #000; border-bottom: 5px solid transparent; right: -10px; top: 20px; content: ""; display: block; clear: both;}
.c_balloon > div{height: 360px; background-color: #000; border-radius: 10px; padding: 1rem; color: #fff; overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none;}
.c_balloon > div::-webkit-scrollbar{display: none;}
.c_balloon li.on{color: #299eef; font-weight: 600;}
.c_balloon li + li{margin-top: 20px;}
.c_balloon li > a{line-height: 1.3; font-size: 0.95rem;}

.c_balloon .scroll_icon{display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); align-items: center; justify-content: center; border-radius: 10px; flex-direction: column;}
.mouse img{display: block; width: 2.5rem; margin: 0 auto;}
.scroll_icon span{display: block; text-align: center; color: #fff; font-size: 0.7rem; margin-top: 0.5em; font-weight: 900; line-height: 1.2;}
 */

/* 스크롤 말풍선 */
.tv_news{position: relative; height: initial; overflow: visible !important; background-color: #000; padding: 0 1rem;}
.tv_news .rect_tit{margin: 0 auto; margin-bottom: 10px; transform: translateY(-4px);}
.tv_news > div{height: 320px; color: #fff; overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none;}
.tv_news > div::-webkit-scrollbar{display: none;}
.tv_news li.on{color: #299eef; font-weight: 600;}
.tv_news li{margin-bottom: 24px;}

.tv_news li > a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; height: 2.6em; font-size: 0.95rem;}


.tv_news .scroll_icon{display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
align-items: center; justify-content: center; border-radius: 10px; flex-direction: column;}
.mouse img{display: block; width: 2.5rem; margin: 0 auto;}
.scroll_icon span{display: block; text-align: center; color: #fff; font-size: 0.7rem; margin-top: 0.5em; font-weight: 900; line-height: 1.2;}













/* 유튜브
.a_02 > .c_play{height: 360px;}
.c_play > a{position: relative; display: block; overflow: hidden; border-radius: 10px; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.c_play > a > .play_btn{position: absolute; display: block; top: 50%; left: 50%; width: 15%; transform: translate(-50%, -50%);}
.c_play > a:hover > .play_btn{transform: translate(-50%, -50%) scale(90%); transition-duration: 300ms; opacity: 0.8;}

/* 동영상 뉴스 */
.c_video{position: relative; background-color: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); height: fit-content;}
.c_video::before{position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(to left, #065fd4, #3ec4ff); content:""; display: block; clear: both;}
.c_video .tit{padding: 1rem 0.5rem;}
.c_video .tit .region{display: block; padding: 5px; background-color: #; font-size: 1rem; font-weight: 500;}

.video_news .swiper-slide{height: fit-content !important;}
.video_news li > a {display: block;}
.video_news li .img > img, .news .img img{display: block; width: 100%;}
.video_news li > a > p{margin: 10px; font-weight: 500;}
.video_news  .name{font-size: 0.85rem; margin: 0 10px;}

/* 중앙 뉴스 */
.news > ul{grid-template-columns: repeat(3,1fr);}

.n_tit{display: flex; justify-content: space-between; margin-bottom: 10px;}
.n_tit .ul_group{gap: 1em; color: #888;justify-content: center;}

.tab_news .news > ul{display: none;}
.tab_news .news > ul.on{display: grid !important;}
.tab_news .tab_menu{align-items: flex-end;}
.tab_news .tab_menu > li{font-size: 14px; padding-bottom: 8px;}

.n_sub_01 + .ba_img{margin-top: 50px;}

.label{position: absolute; font-size: 0.7rem; padding: 0.5em 0.75em; top: 0.5rem; left: 0; font-weight: 500; border-radius: 0 3px 3px 0; color: #fff; background-color: #299eef;}
.color_01{background-color: #797ef6;}
.color_02{background-color: #06d6a0;}
.color_03{background-color: #299eef;}
.color_04{background-color: #073b4c;}
.color_05{background-color: #f9bc5f;}
.color_06{background-color: #f33c71;}
.color_07{background-color: #f19149;}
.color_08{background-color: #333;}

/* 오른쪽 사이드 */
.side_wrap{padding-left: 20px; border-left: 1px solid #ebebeb;}

/* 사이드 하단 배너 */
.side_wrap .side_banner{margin-top: 20px;}


/* 날씨 */
.weather{display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border-radius: 20px; border: 1px solid #eee; background-color: #fbfbfb; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);}
.weather .tit{font-size: 1.1rem;}
.weather .tit > span{font-size: 0.8rem;}

.weather .bx-wrapper{width: 100%;}
.weather_slide .area{position: absolute; display: block; top: 0; right: 5px; font-weight: 500; font-size: 0.9rem;}
.weather_slide .temperature{display: inline-block; font-size: 2rem; font-weight: 800; margin-left: 0.5rem;}
.weather_slide img{vertical-align: bottom;}
.weather .wc{text-align: center; font-size: 0.8rem; padding-top: 10px; border-top: 1px solid #eee;}
.weather .wc i{float: right; color: #aaa;}


/* 증시 */
.finance{border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.finance .tit_box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
.finance .arrow_btn{padding: 10px; border-radius: 50%; transition-duration: 100ms;}
.finance .arrow_btn:hover{background-color: #eee;}
.finance .arrow_btn.on i{transform: rotate(180deg);}
.finance .figure{display: block; width: fit-content; padding: 0.5rem; font-size: 0.8rem; border-radius: 0.5rem; font-weight: 600;}
.finance .figure.plus{color: #ff4e33; background-color: rgba(255,78,51,0.16);}
.finance .figure.minus{color: #4881F7; background-color: rgba(91,146,254,0.16);}
.finance .figure.zero{color: #999; background-color: rgba(0,0,0,0.08);}

.financeSwiper {height: 80px;}
.financeSwiper ul{display: flex; gap: 10px;}
.financeSwiper li{flex: 1;}
.financeSwiper li + li{border-left: 1px solid #eee; padding-left: 10px;}
.financeSwiper li span{display: block; font-size: 0.9rem;}
.financeSwiper li b{display: block; height: 1em; font-weight: 800; margin: 5px 0 10px 0; letter-spacing: -0.02em;}

.finance .tab_content{display: none;}
.finance .tab_content.on{display: block;}

.financeDetail{display: none; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #eee;}
.financeDetail .tab_menu{display: flex; gap: 5px; flex-wrap: wrap;}
.financeDetail .tab_menu li{padding: 10px; border: 1px solid #eee; border-radius: 20px; font-size: 0.8rem; background-color: #fbfbfb; white-space: nowrap; color: #666;}
.financeDetail .tab_menu li.current{border-color: #333; color: #333;}

.fin_detail{margin-top: 10px;}
.fin_detail li + li{margin-top: 4px;}
.fin_detail a{display: flex; justify-content: space-between; align-items: center; font-size: 0.9rem;}
.fin_detail a > span{width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fin_detail a > b{font-weight: 600;}


/* 오피니언 + 인터뷰 */
.news_side .tit{padding-bottom: 1rem;}
.news_side li > a{display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #ebebeb; align-items: center;}
.news_side .text{width: calc(100% - 90px);}
.news_side .profile{display: block; width: 70px; height: 70px; border-radius: 50%; overflow: hidden;}
.news_side .profile img{display: block; width: 100%;}
.news_side .name{display: block; text-align: left; margin-bottom: 0.5rem; font-weight: 500;}

.news_side .swiper{position: relative; padding-top: 4px;}
.news_side .swiper .swiper-scrollbar{position: absolute; top: 0; left: 0; width: 100%; height: 2px;}

.news_pag .swiper-pagination{position: initial; display: inline-block; width: fit-content; color: #aaa; font-weight: 400;}
.news_pag .swiper-pagination-current{color: #333; font-weight: 600;}

.news_pag .swiper-button-next, .news_pag .swiper-button-prev{position: initial; width: 2rem !important; display: block; height: 2rem; margin-top: 0; color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain;}
.news_pag .swiper-button-prev{background-image: url("../img/arrow_left.svg");}
.news_pag .swiper-button-next{background-image: url("../img/arrow_right.svg");}

.news_pag .swiper-button-next:after, .news_pag .swiper-button-prev:after {font-size: 2rem;}

.news_pag{display: flex !important; padding: 1rem 0; font-weight: 600; align-items: center; justify-content: space-between;}
.news_pag i{display: block; position: relative; border: 1px solid #ddd; width: 1.8rem; height: 1.8rem; border-radius: 50%; color: #000;}
a.news_pag:hover i{border-color: #000; background-color: #fff; color: #000;}
.news_pag i::before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 하단 최근 이슈 동영상 뉴스 */
.tit_line .tit{position: relative; width: fit-content; z-index: 1;}
.tit_line .tit::after{position: absolute; top: 0; bottom: 0; left: 0; right: -2rem; background-color: #fff; z-index: -1; content:""; display: block; clear: both;}
.tit_line{position: relative; margin-bottom: 20px;}
.tit_line::after{position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); height: 2px; background: linear-gradient(to left, #065fd4, #3ec4ff); content:""; display: block; clear: both;}

.issue_news{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.issue_news > li > a{display: flex; align-items: center;}
.issue_news .img{width: 40%; aspect-ratio: 9/5;}
.issue_news .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.issue_news .text{width: 60%; padding: 10px;}
.issue_news .text > p{font-weight: 500;}
.issue_news .name{margin-top: 1rem; font-size: 0.85rem; color: #999;}
.issue_news .name span + span::before{content:"·"; display: inline-block; clear: both; font-weight: 600; margin: 0 0.5rem;}

/* 2024-04-26 관광 */
.tab_side .tab_menu{display: grid; grid-auto-flow: column; background-color: #fbfbfb; border-top: 2px solid #eee;}
.tab_side .tab_menu li{position: relative; text-align: center; padding: 0.75rem 0; font-size: 0.9rem; border-bottom: 1px solid #eee;}
.tab_side .tab_menu li::after{position: absolute; top: -2px; left: 50%; width: 0; height: 2px; content:""; display: block; clear: both; transform: translateX(-50%); background-color: #333;}
.tab_side .tab_menu li + li{border-left: 1px solid #eee;}

.tab_side .tab_menu li.current{background-color: #fff; border-color: #fff; color: inherit; border-left: 1px solid #eee;}
.tab_side .tab_menu li.current::after{width: 100%; transition-duration: 300ms;}
.tab_side .tab_menu li:first-child{border-left-color: transparent;}
.tab_side .tab_content{display: none;}
.tab_side .tab_content.on{display: block;}
.tab_content_wrap{}
.tab_side.news_side .profile{border-radius: 0;}


/* 하단 배너 */
.bot_ad{display: flex; background-color: #f4f6fa; margin-top: 40px; gap: 10px; }
.bot_ad > div{width: 50%;}
.bot_ad img{display: block; width: 100% !important;}
.bot_ad  .ba_img + .ba_img{margin-top: 0;}


/* 2024-06-17 뉴스스탠드 */
.main_stand{background-color: #f4f6fa; padding-top: 40px; padding-bottom: 60px;}
.main_stand .tit{margin-bottom: 20px;}
.news_stand > li{display: grid; grid-template-columns: repeat(auto-fill, minmax(16.666%, auto)); border-top: 1px solid #eee; border-right: 1px solid #eee; background-color: #fff;}
.news_stand > li > div{ border-bottom: 1px solid #eee; border-left: 1px solid #eee;}
.news_stand > li a{display: flex; height: 50px; align-items: center; justify-content: center;}
.news_stand > li a img{display: block; width:58px; height:auto; max-width: 60%; max-height: 30px;}
.news_stand > li > div:hover img{opacity: 0.6; transition-duration: 100ms;}


@media screen and (max-width: 1600px){
	.banner_wrap{display: none;}
}

@media screen and (max-width: 1240px){
	.com .a_01{width: 20%;}
	.com .a_02{width: 55%;}
	.com .a_02.c_play{width: 55%;}
	.com .a_03{width: 25%;}

	/* 헤더 */
	#header{position: sticky; top: -1px; z-index: 111;}
	.gnb_01{display: none;}

	/* 네비게이션 */
	#mo_nav{display: flex;}
	.pc_sticky{position: initial;}
	.gnb_02{display: block; }
	#nav{overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; /* 파이어폭스 */; border-bottom: 2px solid #1a1a1a;}
	#nav::-webkit-scrollbar {display: none;}
	.all_menu_wrap, #nav .login_box{display: none;}	
	.menu{width: fit-content; margin: 0 auto;}
		
	/* 푸터 */
	.footer_01{padding: 0; border-bottom: none;}
	.footer_01 > .wrap{width: 100%;}
	.footer_01 ul{display: flex; flex-wrap: wrap; gap: 0;}
	.footer_01 li{width: 20%; padding: 1em 0; text-align: center; border-bottom: 1px solid #ebebeb;}
	.footer_01 li + li{border-left: 1px solid #ebebeb;}
	.footer_01 ul a{color: #666; font-weight: 400;}
	.footer_02{padding: 20px 0 30px 0;}
	.footer_02 .text p{font-size: 0.85rem;}
	.footer_02 .text p + p{margin-top: 20px;}
	.footer_02 .text p > span{display: block; margin-top: 10px;}
	.footer_02 .text p > br{display: block;}
	.footer_02 .text p > span.mo_none{display: none;}
	.footer_02 .logo{display: none;}

	/* 공통 디자인 */
	.com{gap: 1rem; margin-top: 1rem;}

	.c_balloon .scroll_icon{display: none;}

	/* 증권 */
	.finance{border-top: none;}
	.finance .tit_box{margin-bottom: 0.5rem;}
	.financeSwiper{height: 140px;}
	.financeSwiper ul{flex-direction: column;}
	.financeSwiper li {padding-top: 10px; border-top: 1px solid #eee;}
	.financeSwiper li + li{border-left:none; padding-left: 0;}
	.financeSwiper li a{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
	.financeSwiper li span{width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.financeSwiper li b{margin: 0;}
}
@media screen and (max-width: 1080px){
	.financeDetail .tab_menu_wrap{overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
	.financeDetail .tab_menu{flex-wrap: nowrap;}
	.financeDetail .tab_menu_wrap::-webkit-scrollbar {display: none;}

	/*  중간 사각형 제목 변경 */
	.n_tit{flex-direction: column; gap: 1rem;}
	.n_tit .ul_group{justify-content: flex-start;}
	.tab_news .rect_tit_box::before{display: none;}
	.rect_no .rect_tit{padding:0; background-color: transparent; color: inherit; font-size: 1.1rem; letter-spacing: -0.04em; font-weight: 600; margin-left: 0; margin-right: 0; transform: initial;}
	.rect_no .rect_tit::before,.rect_no .rect_tit::after{display: none;}
	.btn_big{font-size: 0.9rem;}

	/* 탭 메뉴 */
	.tab_menu{ gap: 5px !important; flex-wrap: wrap;}
	.tab_news .tab_menu li{padding: 0.5rem 0.75rem !important; font-size: 13px !important; border: 1px solid #eee; background-color: #fbfbfb; border-radius: 1.5rem; box-shadow: 0 0 0.5rem rgba(0,0,0,0.02); color: #666; white-space: nowrap;}
	.tab_menu li.current{color: #299eef; border-color: #299eef; background-color: #fff;}
	.tab_side .tab_menu {gap: 0 !important;}
	.tab_side .tab_menu li{border-radius: 0; box-shadow: none; border: none; border-bottom: 1px solid #eee;}

}
@media screen and (max-width: 960px){
	.n_tit{padding-top: 1rem; border-top: 1px solid #eee;}

	/* 헤드라인 말풍선 */
	.c_balloon > div{height: 280px;}

	/* 반응형 배너 */
	.ba_img img , .smallBanner img{width: 100% !important; height: auto !important;}

	.video_news{height: 2160px;}
	.news > ul{grid-template-columns: repeat(auto-fill, minmax(150px, auto)); padding-bottom: 3rem;}
	.news{margin-bottom: 2rem}

	.side_wrap{padding-left: 1rem;}

	/* 최근 이슈 동영상 뉴스 */
	.issue_news .img{aspect-ratio: 1/1;}
	.issue_news .name .time{display: none;}

	/* 06 하단 배너 */
	.bot_ad{margin-top: 20px; flex-direction: column;}
	.bot_ad > div{width: 100%;}


	/* 날씨 */
	.weather .tit{font-size: 0.9rem;}
	.weather_slide .area{font-size: 0.8rem;}
	.weather_slide .temperature{font-size: 1.4rem;}
	.weather .wc{font-size: 0.7rem; border-top: 0;}

	.news_stand > li{grid-template-columns: repeat(auto-fill, minmax(25%, auto));}

	.tv_news{height: 280px !important;}
	.tv_news > div{height: 230px;}
	.tv_news > div.scroll_icon{height: initial;}
	.tv_news li + li{margin-top: 20px;}
}

@media screen and (max-width: 768px){
	/* 최근 이슈 동영상 뉴스 */
	.issue_news{grid-template-columns: repeat(3, 1fr);}
	.issue_news > li > a{flex-direction: column;}
	.issue_news .img{aspect-ratio: 9/5; width: 100%;}
	.issue_news .text{width: 100%; padding: 10px 5px;}

	.footer_01 ul li{font-size: 0.75rem;}
	.footer_02 .text p{font-size: 0.75rem;}

	.news_stand > li a{height: 40px;}
	.news_stand > li a img{max-height: 24px;}
}

@media screen and (max-width: 640px){
	/* 헤드라인 동영상 옆 말풍선 */
	.c_balloon > div{height: 10rem;}
	.c_balloon::before{right: 19px; top: -9px; border-left: 5px solid transparent; border-right: 5px solid #000; border-top: 5px solid transparent; border-bottom: 5px solid #000;}
	.c_balloon li + li{margin-top: 1rem;}
	.c_play > a{border-radius: 0;}

	/* NEW 동영상 뉴스 가로형으로 전환 */
	.c_video{box-shadow: none; padding-bottom: 1rem;}
	.c_video .tit{padding: 1rem 0;}
	.video_news{height: fit-content;}
	.video_news li > a > p{margin: 10px 0;}
	.news_side li > a{padding: 10px;}
	.c_video .video_news{height: fit-content !important;}

	/* 오른쪽 사이드 */
	.side_wrap{padding-left: 0; border-left: 0;}
	.news > ul{padding-bottom: 2rem;}
	.news{margin-bottom: 1rem;}

}

@media screen and (max-width: 475px){
	.issue_news{grid-template-columns: repeat(2, 1fr);}
	.footer_01 ul li{font-size: 0.65em;}
}