@charset "UTF-8";

html,
body,
div,
ul,
dl,
ol,
li,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
caption,
address,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
menu,
nav,
section,
button,
select,
textarea,
input,
fieldset,
legend,
a,
span,
strong,
em,
address,
dfn,
small,
i,
b,
pre {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  color: inherit;
  font-style: normal;
  font-size: 100%;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  word-break: inherit;
  word-wrap: inherit;
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -o-box-sizing: inherit;
}

* { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }

button {
  background-color: transparent;
  cursor: pointer;
}
button {
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
}
button::-moz-focus-inner {
  border: 0px;
  padding: 0px;
}



/* web accessbility */
.skip{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

/* layout */
#wrap {position:relative; margin:0 auto; width:100%; margin-bottom:20px}
.topmenu li {float: left; color: #fff; font-size: 20px; font-weight: 700; padding-left: 45px}
.thumb-img{margin-right:16px}
.sbox-item .thumb-img .img-holder{position:relative;width:100px;height:72px;padding-top:0}
.sbox-item__title{overflow:hidden;max-width:100%;text-overflow:ellipsis;vertical-align:middle;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-weight:600;font-size:16px;line-height:1.5}
.sbox-item__texts{min-width:0;padding:0 2px 0 0}
.sbox-item__rank{margin-right:16px;font-size:24px;color:#c8c6bd;text-align:center;font-family:PPEditorialNew,Pretendard,Arial,Dotum,serif;font-style:italic}
.sbox-item__info,.sbox-item__rank{font-weight:400;letter-spacing:-.04em}.sbox-item__info{line-height:1.2;color:#666}.sbox-item__info li{margin-top:4px}
.sbox-item__info.type-bar{display:flex;flex-wrap:wrap}
.sbox-item__info.type-bar li{position:relative;padding-right:7px;margin-right:5px}
.sbox-item__info.type-bar li:after{position:absolute;top:50%;right:0;display:block;width:1px;height:12px;background:#e5e5e5;content:"";transform:translateY(-50%)}
.sbox-item__info.type-bar li:last-child:after{display:none}.sbox-item__desc{margin-top:6px;font-weight:400;color:#666;letter-spacing:-.04em;overflow:hidden;max-width:100%;text-overflow:ellipsis;vertical-align:middle;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.sbox-item--v .thumb-img{margin-right:24px}.sbox-item--v .thumb-img .img-holder{width:72px;height:104px}
.sbox-item--v .thumb-img img{min-width:auto;height:100%}.sbox-item--e .sbox-item__title{overflow:hidden;max-width:100%;text-overflow:ellipsis;vertical-align:middle;display:inline-block;white-space:nowrap}
.sbox-item--e .thumb-img{margin-right:10px;filter:drop-shadow(0 0 4px rgba(0,0,0,.04))}
.sbox-item--e .thumb-img .img-holder{width:72px;height:72px}
.sbox-item--e .thumb-img .img-holder:after{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:1px solid hsla(47,31%,94%,.6);border-radius:6px;z-index:1;content:""}
.topmenu_tab {width: 1207px; margin: 0 auto; position: relative; padding-top: 32px; padding-bottom: 40px; overflow: hidden;}
.topmenu_tab .topmenu {position: relative; float: left; padding-top: 6px; padding-left: 42px}
.topmenu_tab .topmenu li { color: #fff; letter-spacing: -0.02em}
.topmenu_tab .topmenu li a:link { color: #fff}
.topmenu_tab .topmenu li a:hover { color: #FF7A00}
.topmenu_tab .topmenu li a:visited { color: #fff}
.topmenu_tab .logo {float: left; padding-top: 2px}
.back_img1 {width: 100%; background: url(../jpg/bg_backimg1.jpg); background-size: cover; overflow: hidden}
.back_img2 {width: 100%; background: url(../jpg/bg_backimg2.jpg); background-size: cover; overflow: hidden}
.back_img3 {width: 100%; background: url(../jpg/bg_backimg3.jpg); background-size: cover; overflow: hidden}
.back_img4 {width: 100%; background: url(../jpg/bg_backimg4.jpg); background-size: cover; overflow: hidden}
.login_menu {float: right; color: #fff; font-size: 14px; padding-top: 11px}
.login_menu a:link {color: #fff}
.login_menu a:hover {color: #fff}
.login_menu a:visited {color: #fff}
.menu_line {border-bottom:1px solid hsla(47,31%,94%,.4);}
.contents_top {padding-top: 125px; width: 1207px; margin: 0 auto}
.topimg_list {position: relative;}
.topimg_list li {float: left; width: 290px;  padding-bottom: 50px; margin-left: 15px}
.topimg_list li:first-child {float: left; width: 290px;  padding-bottom: 50px; margin-left: 0}
.topimg_list .imglist1 {border-radius: 10px; width: 100%;  box-shadow: -3px -3px 5px #000 inset;filter: drop-shadow(2px 2px 3px #333)}
.topimg_list .imglist1 .imgtop1 {width: 290px; height: 220px; overflow: hidden; display: inline-block; border-top-left-radius: 10px; border-top-right-radius: 10px}
.topimg_list .imglist1 .img_style1 {/* 231030 수정 */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topimg_list .imglist1 .thumb_cont {background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 125px;  font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.topimg_list .imglist1 .thumb_cont .arttitle {font-weight: 500!important; font-size: 20px!important; padding: 20px; letter-spacing: -0.02em!important;  font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.topimg_list .imglist1 .thumb_cont .arttitle a {/* 231030 수정 */
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50px;
}
.topimg_list .imglist1 .thumb_cont .arttitle a:link {font-weight: 500!important; font-size: 20px!important;letter-spacing: -0.02em!important;  font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.topimg_list .imglist1 .thumb_cont .arttitle a:hover {font-weight: 500!important; font-size: 20px!important;letter-spacing: -0.02em!important;  font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.topimg_list .imglist1 .thumb_cont .arttitle a:visited {font-weight: 500!important; font-size: 20px!important;letter-spacing: -0.02em!important;  font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.topimg_list .imglist1 .thumb_cont .date_thumb {/* 231030 수정 */
  display: inline-block;
  font-size: 14px;
  font-weight: 200;
  color: #6b6b6b;
  /* padding-top: 10px; */
  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
  margin-top: -5px;
}
.right_contents {float: right; width: 300px; text-align: left}
.sec_head .sec_ttl { font-size: 25px!important; font-weight: 700!important; letter-spacing: -0.05em }
.best_view_news_wrap .news_node .num { font-size: 25px!important;font-weight: 400!important;  }
.best_view_news_wrap .news_node  .news_ttl { font-size: 16px; font-weight: 400; }
.best_view_news_wrap .news_node .c_point { width: 30px!important}
.container {width: 1207px; margin: 0 auto; position: relative; overflow: hidden}
.container .left_contents {float: left; width: 860px; text-align: left}
.thumb_area .txt_area .news_ttl { font-size: 20px; font-weight: 500}
.news_ttl_search { font-size: 20px; font-weight: 500; }
.news_desc { font-size: 15px!important;font-weight: 300!important}
.time_area span { font-size: 18px!important}
.latest_news_list { padding-top: 20px}
.btn_area span { font-size: 14px!important}
.basic { background-color: #ffffff!important}
.container	.left_contents .big_title_miracle {font-size: 25px!important; font-weight: 700!important; border-bottom:1px solid #212121; padding-bottom: 25px; letter-spacing: -0.05em; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.container	.left_contents .big_title_sub {font-size: 30px!important;  font-weight: 700!important; border-bottom:1px solid #212121; padding-bottom: 17px; letter-spacing: -0.02em;  color: #FF7A00 !important;}
.container	.left_contents  .big_title_search {font-size: 30px!important;  font-weight: 700!important; border-bottom:1px solid #212121; padding-bottom: 17px; letter-spacing: -0.02em;  color: #FF7A00 !important;}

.footer {width: 100%; background-color: #222222; margin-top: 60px; clear: both; overflow: hidden;padding-top: 50px; padding-bottom: 80px}
.footer .footer_tx {width: 1207px; margin: 0 auto;}
.footer .footer_tx ul {position: relative}
.footer .footer_tx .li1 {float: left}
.footer .footer_tx .li2 {float: left; font-size: 14px; color: #bababa; padding-left: 50px; font-weight: 300; line-height: 24px}
.grey_l {color: #606060}

.top_go {position: fixed; right: 20px; bottom: 20px; width: 52px; height: 52px; z-index: 1000}
.top_go span {background: url(../png/ic_arrow_top.png) no-repeat; width: 52px; height: 52px; display: inline-block}
.top_go a:hover span {display: inline-block; background: url(../png/ic_arrow_top_on.png) no-repeat; width: 52px; height: 52px; }
.gap_grey2 {color: #ffffff; filter: opacity(.5); opacity: .5}
.search_icon {float: right; padding-left: 20px; padding-top:2px }
.ic_search_miracle {background: url(../png/ic_arrow_searchtop.png) no-repeat 0 0; width: 16px; height: 17px; margin-left: 10px; position: relative; top: 4px}
.is_blind {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  pointer-events: none !important;
}





.skipNav a:focus {
  position: fixed;
  z-index: 10000;
  background: #212121;
  border: 1px solid #B9B9B9;
  padding: 11px 19px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  opacity: 1;
  pointer-events: auto;
}

/*  Inner  */
.set_inner {
  width: 1210px;
  margin: 0 auto;
}
.mid_inner {
  width: 780px;
  margin: 0 auto;
}
.min_inner {
  width: 700px;
  margin: 0 auto;
  position: relative;
}

/*-------------------------------------------------------------------
## Header
-------------------------------------------------------------------*/
#header {
  position: relative;
  z-index: 100;
}
#header_miracle {
  position: relative;
  z-index: 100;
}

/* 임시 주식 */
.stock_flow_sec {
  position: relative;
  z-index: 2;
  background: #212121;
  color: #fff;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.flow_ui {
  position: relative;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 20px;
}
.stock_flow_sec .set_inner {
  position: relative;
}
.stock_flow_sec .set_inner:before,
.stock_flow_sec .set_inner:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 20px;
  background: -moz-linear-gradient(left, rgba(33,33,33,1) 0%, rgba(33,33,33,0) 100%);
  background: -webkit-linear-gradient(left, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%);
  background: linear-gradient(to right, rgba(33,33,33,1) 0%,rgba(33,33,33,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#21212100',GradientType=1 );
  pointer-events: none;
}
.stock_flow_sec .set_inner:before {left: -23px;}
.stock_flow_sec .set_inner:after {right: -23px; transform: rotate(180deg)}

/* s: 수정 221103 경제지표 속도 조절 */
.flow_ui .move_el.is_move {
  animation: flowTxt 50s linear infinite;
}
/* //e: 수정 221103 경제지표 속도 조절 */

@keyframes flowTxt {
  form {transform: translate3d( calc( -1px * var(--repeat)), 0 ,0)}
  to {transform: translate3d( calc( -1px * (var(--repeat) * 2)), 0 ,0)}
}

.stock_list {
  display: inline-flex;
  vertical-align: top;
  white-space: nowrap;
}
.stock_node {
  padding-right: 40px;
  flex-shrink: 0;
}
.stock_item {
  font-size: 1.3rem;
}
.stock_item:after {
  content: '';
  display: block;
  clear: both;
}
.stock_list .stock_name {
  display: inline-block;
  margin-right: 16px;
}
.stock_info_group {
  display: inline-block;
}
.stock_info_group span:first-child {
  margin-right: 11px;
}

.is_plus:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-right: 5px;
  margin-bottom: 1px;
  background: url('../%40_arw_up.html');
}
.is_minus:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-right: 5px;
  margin-bottom: 1px;
  background: url('../%40_arw_down.html');
}
.is_new:before {
  content: 'New';
  font-size: 15px;
  color: #FF003B;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}

/* GNB */
/* s: 수정 221103 상단 메뉴 'Language' 순서 관련 z-index 변경 */
.gnb {
  position: relative;
  background: #fff;
  width: 100%;
  /* z-index: 4; */
  height: 71px;
  z-index: 5;
}
/* //e: 수정 221103 상단 메뉴 'Language' 순서 관련 z-index 변경 */

.gnb .logo_wrap {
  float: left;
  margin-top: 21px;
}

.gnb .main_menu_nav  {
  float: left;
  margin-left: 61px;
  line-height: 71px;
}

.gnb .main_menu_nav .nav {
  height: 71px;
  overflow: hidden;
}
.gnb .main_menu_nav .nav_item {
  margin-right: 31px;
}
.gnb .main_menu_nav .nav_link {
  font-size: 1.8rem;
  font-weight: bold;
}
.gnb .main_menu_nav .nav_link span {
  vertical-align: middle;
}
.gnb .main_menu_nav .nav_link.active {
  color: #FF7A00;
}
.nav_link,
.logo_area {
  display: inline-block;
}

.gnb .set_inner > .nav_link  {
  float: left;
  margin: 19px 10px 0 -7px;
}

#header.is_fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
#header.is_fix {
  transform: translate3d(0, 0px, 0);
}
#header.is_out {
  transform: translate3d(0, -100%, 0);
}
#header.is_out:not(.open_anb) {
  transition: ease-in-out .3s;
}
.view_fix_header.is_show {
  animation: slideIn ease-in-out .3s forwards;
}
@keyframes slideIn {
  0% {
    transform: translate3d(0 , -100%,0);
  }
  100% {
    transform: translate3d(0 , 0,0);
  }
}

.setting_menu_nav {
  float: right;
}

.setting_menu_nav .nav {
  line-height: 71px;
  font-size: 1.2rem;
  color: #898989;
}
.setting_menu_nav .nav .nav_item:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #E6E6E6;
  margin: 0 10px;
}

.setting_menu_nav .nav .nav_item span {
  display: inline-block;
}

.setting_menu_nav .nav .nav_item:last-child:after {
  display: none;
}
.setting_menu_nav .nav .btn_search .ic {
  vertical-align: -4px;

}

#header .dropdown .dropdown_toggle .arw {
  margin-bottom: 2px;
  opacity: .5;
}
#header .dropdown_menu {
  width: 120px;
  left: auto;
  top: 50px;
  border: 1px solid #cccccc;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
#header .dropdown_menu [role="listbox"] .dropdown_item {
  margin-bottom: 20px;
  font-size: 1.4rem;
  line-height: 1.2;
}
#header .dropdown_menu .dropdown_item:last-child {
  margin-bottom: 0;
}
/* s: 수정 221103 상단 드롭다운 메뉴 영역 높이 수정*/
#header .dropdown_menu.active {
  /* height: 172px; */
  visibility: visible;
  height: auto;
}
/* //e: 수정 221103 상단 드롭다운 메뉴 영역 높이 수정*/
.lnb {
  height: 57px;
  line-height: 55px;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  position: relative;
  z-index: 3;
  background: #fff;
  width: 100%;
}
.lnb .set_inner {
  overflow: hidden;
  height: 100%;
}
.lnb .dep2_nav {
  float: left;
}
.lnb .header_ad_wrap {
  float: right;
}
.lnb .dep2_nav .nav .nav_item {
  margin-right: 18px;
  color: #212121;
}
.lnb .dep2_nav .nav .nav_item:first-child {
  margin-right: 15px;
  margin-left: -6px;
}
.lnb .dep2_nav .nav .nav_link span {
  vertical-align: middle;
  font-size: 1.5rem;
  font-weight: 500;
}
.lnb .dep2_nav .nav .nav_link.active span {
  font-weight: bold;
}

.is_fix.is_out .anb {
  position: fixed;
  transform: translateY(65px);
}
.is_fix.is_out.open_anb .anb {
  transition: ease-in-out .3s;
}

.anb {
  position: absolute;
  top: 100%;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #CCCCCC;
  opacity: 0;
  transform: translate3d(0, -100%, 0) scale3d(1, .5, 1);
  box-sizing: border-box;
  pointer-events: none;
}

.open_anb .anb {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
  pointer-events: auto;
}

.anb.is_ani {
  transition: transform ease-in-out 0.3s, opacity ease-in-out 0.4s ;
}

.anb .anb_close {
  position: absolute;
  right: 0;
  top: 16px;
}

.anb:after {
  content: '';
  display: block;
  clear: both;
}

.anb .set_inner:after {
  content: '';
  display: block;
  clear: both;
}

.anb .set_inner {
  padding: 30px 0 50px;
  position: relative;
}
.anb .anb_nav {
  display: flex;
  width: 1210px;
  float: left;
  justify-content: space-between;
  padding-right: 0;
  border-right: none;
}
.arrow_go {
  position: relative;
  top: 6px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../ic_nav_right.html) no-repeat 0 0
}
.anb .anb_nav .nav_col_group .nav_ttl {
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 1.5rem;
}
.anb .anb_nav .nav_col_group .nav_item_wrap + .nav_ttl {
  margin-top: 40px;
}
.anb .anb_nav .nav_col_group .nav_item {
  float: none;
  font-size: 1.4rem;
  margin-bottom: 15px;
}


.anb .summary_news {
  padding-left: 60px;
  float: left;
}

.anb .summary_news_wrap {
  width: 284px;
  height: 160px;
  background: url('../img_summary_news01-2.html');
  position: relative;
  color: #fff;
}

.summary_news .sec_ttl {
  font-size: 1.4rem;
  font-weight: bold;
  color: #1D1D1D;
  margin-bottom: 20px;
}

.anb .summary_news_wrap .txt_area {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
}

.anb .summary_news_wrap:after {
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.anb .summary_news_wrap .txt_area a {
  font-size: 1.2rem;
  color: #FD7A00;
  font-weight: 500;
  position: relative;
  padding-bottom: 3px;
}

.anb .summary_news_wrap .txt_area a:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #FD7A00;
  position: absolute;
  left: 0;
  bottom: 0;
}

.anb .summary_news_wrap .txt_area .news_ttl {
  display: block;
  margin-top: 47px;
  margin-bottom: 15px;
}

/* s: 수정 221103 상단 드롭다운 메뉴 'Language' 순서 관련 z-index 변경 */
#header .snb {
  position: relative;
  /* z-index: 5; */
  background: #F5F5F5;
  z-index: 4;
}
/* //e: 수정 221103 상단 드롭다운 메뉴 'Language' 순서 관련 z-index 변경 */

#header .snb .snb_nav .nav {
  padding-left: 41px;
  height: 45px;
  line-height: 45px;
}
#header .snb .snb_nav .nav .nav_item {
  font-size: 1.5rem;
  margin-right: 20px;
}

/* 통합 검색 */
.search_sec {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
}
#header.open_search .search_sec{
  display: block;
}
#header.open_search ~ .dim {
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: .5;
}
.search_wrap {
  position: relative;
  z-index: 1;
  background: #fff;
  width: 100%;
  padding-bottom: 70px;
}
.search_sec .set_inner {
  position: relative;
}
.search_inner {
  width: 620px;
  margin: 0 auto;
}
.close_search {
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
}
.search_field_group {
  padding-top: 55px;
}
.search_field_group .input_area:not(.check):not(.radio) .input_box:focus-within:before {
  display: none;
}
.search_input_wrap {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
}
.search_input_wrap input {
  font-weight: 600 !important;
}
.auto_keyword_group {
  width: 100%;
  background: #fff;
  display: none;
}
.auto_keyword_group.is_active {
  display: block;
}
.auto_keyword_list {
  border-bottom: 1px solid #CCCCCC;
  padding: 22px 0;
}
.auto_keyword_list .keyword_node {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 1.5rem;
  line-height: 1.26;
}
.auto_keyword_list .keyword_node:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../ic_go_now.html");
}
.auto_keyword_list .keyword_node:last-child {
  margin-bottom: 0;
}
.auto_keyword_list .keyword_item {
  margin-bottom: 0;
}
.auto_keyword_group .btn_area {
}
.auto_keyword_group .btn_area:after {
  content: '';
  display: block;
  clear: both;
}
.auto_keyword_group .btn_area .btn {
  font-size: 1.4rem;
  color: #898989;
  float: right;
  margin-top: 12px;
}
.search_sec .input_box {
  border-bottom: 1px solid #212121;
}

.search_sec .keyword_list {
  margin-right: -30px;
}
.search_sec .keyword_list .keyword_node {
  margin-right: 0;
}
.keyword_item {
  position: relative;
  font-size: 1.5rem;
  color: #212121;
  margin-bottom: 10px;
}

.keyword_item:after {
  content: '';
  display: block;
  clear: both;
}

.latest_keyword_wrap {
}

.keyword_wrap_head {
  margin-bottom: 20px;
}

.keyword_wrap_head:after {
  content: '';
  display: block;
  clear: both;
}

.keyword_wrap_head .ttl {
  font-weight: 500;
  font-size: 1.7rem;
  float: left;
}

.keyword_wrap_head .btn_txt {
  font-size: 1.4rem;
  color: #898989;
  position: relative;
  overflow: inherit;
  float: right;
}

.keyword_wrap_head .btn_txt:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  background: #898989;
}

.remove_keyword {
  float: right;
  margin-right: -2px;
  opacity: .6;
}

.popular_keyword_wrap {
  margin-top: 40px;
}

.keyword_tag_list:after {
  content: '';
  display: block;
  clear: both;
}

header.is_fix .summary_news_sec {
  top: 158px;
  height: calc(100vh - 128px);
}

header.no_lnb .summary_news_sec {
  top: 101px;
  height: calc(100vh - 101px);
}
header.no_lnb.is_fix .summary_news_sec {
  height: calc(100vh - 71px);
}
header.is_fix.view_header .summary_news_sec {
  top: 71px;
  height: calc(100vh - 71px);
}

.summary_news_sec.is_active {
  visibility: visible;
  opacity: 1;
}

.summary_news_sec {
  width: 100%;
  height: calc(100vh - 158px);
  background: #F2F2F2;
  position: fixed;
  top: 158px;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
}

.summary_news_sec .close_summary {
  position: absolute;
  top: 40px;
  right: 56px;
  width: 32px;
  height: 32px;
  padding: 0;
}

.summary_news_sec .close_summary .ic {
  background: url("../ic_btn_close02.html");
  width: 100%;
  height: 100%;
}

.summary_swiper_wrap {
  width: 1180px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}


.summary_swiper_wrap .btn {
  vertical-align: top;
}

.summary_swiper_wrap .btn.prev {
  left: -72px;
  background: url("../ic_btn_prev.html") no-repeat;
  background-size: cover;
  width: 15px;
  height: 38px;
}

.summary_swiper_wrap .btn.next {
  right: -72px;
  width: 15px;
  height: 38px;
  background: url("../ic_btn_next.html") no-repeat;
  background-size: cover;
}

.summary_news_list {
  width: 100%;

}

.summary_news_list .news_item {
  height: 100%;
  width: 100%;
  position: relative;
  display: none;
}

.summary_news_list .swiper-slide-active .news_item {
  display: block;
}

.summary_news_list .news_item .news_num {
  color: #FFFFFF;
  position: absolute;
  z-index: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 4.8rem;
  font-style: italic;
  font-weight: 300;
  letter-spacing: -0.025em;
  top: 28px;
  left: 6px;
}

.summary_news_list .news_item .news_num:after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  background: #FFFFFF;
}

.summary_news_list .news_item .txt_area {
  position: absolute;
  bottom: 122px;
  z-index: 1;
}

.summary_news_list .news_item .txt_area .news_ttl {
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.025em;
  padding-left: 4px;
  margin-bottom: 28px;
}

.summary_news_list .news_item .txt_area .news_desc {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1.46;
  display: block;
}


.progress_bar {
  display: flex;
  height: 2px;
}

.progress_bar:before {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  opacity: 0.3;
  position: absolute;
  bottom: 24px;
  z-index: 1;
  content: '';
  display: block;
}

.summary_news_sec.is_active .progress_bar:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  z-index: 1;
  bottom: 24px;
}

.summary_news_sec.is_active .swiper-slide-active .progress_bar:after {
  animation: newsLoadingBar 7s;
}

@keyframes newsLoadingBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}


.summary_news_sec .news_node.swiper-slide {
  width: 400px;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  padding: 0 28px;
  box-sizing: border-box;
}

.summary_news_list .swiper-slide-active:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55));
}

.summary_news_sec .swiper-slide .swiper-slide-shadow-left,
.summary_news_sec .swiper-slide .swiper-slide-shadow-right {
  background: rgba(255, 255, 255, 0.4);
}

.summary_news_sec .swiper-slide.swiper-slide-prev .swiper-slide-shadow-left,
.summary_news_sec .swiper-slide.swiper-slide-prev .swiper-slide-shadow-right,
.summary_news_container .swiper-slide.swiper-slide-next .swiper-slide-shadow-left,
.summary_news_container .swiper-slide.swiper-slide-next .swiper-slide-shadow-right {
  background: rgba(255, 255, 255, 0.4);
}


.summary_news_list ::-webkit-progress-value {
  background-color: #FFFFFF;
}

.summary_news_list progress {
  height: 2px;
  width: 100%;
  background: #707070;
  margin-right: 4px;
}

.summary_news_list .btn_area {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 58px;
}

.summary_news_list .btn_area .go_news {
  min-width: 104px;
}

.summary_news_list .btn_area .scrap {
  background: #909090;
}

.summary_news_list .btn_area .scrap.is_active .ic {
  background: url("../ic_save_active.html");
}

.summary_news_list .btn_area .scrap .ic {
  width: 24px;
  height: 24px;
  background: url("../ic_save.html") no-repeat;
}/* view header */

.news_control_group {
  display: flex;
  flex-shrink: 0;
}

.news_control_group .control_item_frame {
  margin-left: 15px;
}

.control_item_frame:first-child {
  margin-left: 0;
}

.control_item_frame {
  position: relative;
}

.option_group {
  display: none;
  position: absolute;
  top: 44px;
  z-index: 1;
  padding: 15px 20px 20px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  color: #212121;
}

.option_group.is_active {
  display: block;
}

.option_group > p {
  letter-spacing: -0.015em;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.option_group > .close_btn {
  position: absolute;
  right: 8px;
  top: 8px;
}

.change_font_option .btn_area {
  display: flex;
  justify-content: space-between;
}

.change_font_option .btn_area button {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid #CCCCCC;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
}

.change_font_option .btn_area button.is_active {
  background: #212121;
  color: #FFFFFF;
}

.change_font_option .btn_area button p {
  margin-right: 0;
}

.change_font_option .btn_area button:first-child {
  margin-left: 0;
}

.change_font_option .btn_area .f_s,
.news_cnt_detail_wrap[data-fz="s"] {
  font-size: 1.5rem !important;
}

.change_font_option .btn_area .f_m,
.news_cnt_detail_wrap[data-fz="m"] {
  font-size: 1.8rem !important;
}

.change_font_option .btn_area .f_l,
.news_cnt_detail_wrap[data-fz="l"] {
  font-size: 2rem !important;
}

.change_font_option .btn_area .f_xl,
.news_cnt_detail_wrap[data-fz="xl"] {
  font-size: 2.3rem !important;
}

.option_group.change_font_option {
  left: -82px;
}

.option_group {
  width: 226px;
  padding: 28px 34px;
  box-sizing: border-box;
  left: -82px;
}

.option_group.share_option .btn_area {
  display: flex;
  flex-wrap: wrap;
}

.option_group.share_option .btn {
  width: 42px;
  height: 42px;
  margin-left: 0;
  margin-right: 15px;
  padding: 0;
}

.option_group.share_option .btn:nth-child(-n+3) {
  margin-bottom: 15px;
}

.option_group.share_option .btn:nth-child(3n) {
  margin-right: 0;
}

/*-------------------------------------------------------------------
  ## CONTENTS
-------------------------------------------------------------------*/
.contents {
  margin-bottom: 100px;
}

.contents.is_fix {
  padding-top: 158px;
}

.has_snb .contents.is_fix {
  padding-top: 173px;
}

.page_head {
  margin-bottom: 21px;
  /*height: 38px;*/
}
.page_ttl {
  margin: 30px 0 20px;
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
}
.news_sec {
  margin-bottom: 50px;
}
.news_sec:after {
  content: '';
  display: block;
  clear: both;
}

/*-------------------------------------------------------------------
## Footer
-------------------------------------------------------------------*/

#footer {
  font-family: 'Spoqa Han Sans Neo', 'Noto Sans KR', "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
}
.notice_sec + .mk_info_menu{
  border-top: 0;}
.notice_sec {
  height: 64px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 64px;
  font-size: 1.6rem;
}

.notice_sec .col.col_6:first-child {
  margin-left: -31px;
  padding-left: 31px;
}

.notice_sec .set_inner:after {
  display: block;
  content: '';
  clear: both;
}


.notice_sec .notice_wrap:after {
  display: block;
  content: '';
  clear: both;
}

.notice_sec .notice_wrap:nth-child(2):before {
  content: '';
  display: block;
  width: 1px;
  height: 32px;
  background: rgba(0, 0, 0, 0.08);
  margin-top: 16px;
  float: left;
  margin-right: 33px;
}

.notice_sec .type_notice:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 32px;
  background: rgba(0, 0, 0, 0.08);
  float: left;
  margin-right: 30px;
  margin-top: 16px;
  vertical-align: middle;
}

.notice_sec .notice_wrap .wrap_head {
  float: left;
}

.notice_sec .notice_wrap .wrap_head a {
  display: flex;
}

.notice_sec .notice_wrap .wrap_head a:after {
  content: '';
  display: block;
  clear: both;
}

.notice_sec .notice_wrap .wrap_head:after {
  display: block;
  content: '';
  clear: both;
}

.notice_sec .notice_wrap .wrap_body {
  height: 64px;
  overflow: hidden;
}

.notice_sec .notice_wrap .notice_ttl {
  /*float: left;*/
  font-weight: bold;
  margin-right: 5px;
}

.notice_sec .notice_wrap .ic {
  /*float: left;*/
  width: 24px;
  height: 24px;
  background: url("../ic_nav_right.html");
  background-size: cover;
  margin-top: 19px;
  margin-right: 17px;
}

.foot_notice_menu .foot_notice .notice_cnt {
  float: left;
}

.sitemap_menu {
  padding: 40px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sitemap_menu .sitemap_wrap {
}

.sitemap_menu .sitemap_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.sitemap_menu .sitemap_wrap .sitemap_list {
  width: 126px;
  float: left;
  margin-right: 20px;
}

.sitemap_menu .sitemap_wrap .sitemap_list .sitemap_list_wrap:first-child {
  margin-bottom: 35px;
}

.sitemap_menu .sitemap_wrap .sitemap_list .list_ttl {
  font-size: 0.81rem;
  color: #898989;
  display: block;
  margin-bottom: 15px;
}

.sitemap_menu .sitemap_wrap .sitemap_list .list_node_wrap {
}

.sitemap_menu .sitemap_wrap .sitemap_list .list_node_wrap .list_node {
  font-size: 0.81rem;
  font-weight: bold;
  line-height: 2.2;
  color: #212121;
}

.sitemap_sec {
  font-size: 1.3rem;
}

.sitemap_sec .sitemap_nav {
  padding: 40px 0;
}

.sitemap_nav:after {
  content: '';
  display: block;
  clear: both;
}

.sitemap_nav .nav_col_group {
  width: 126px;
  float: left;
  margin-right: 25px;
}

.sitemap_nav .nav_col_group .nav {
  margin-bottom: 35px;
}

.sitemap_nav .nav_col_group .nav_ttl {
  color: #898989;
  margin-bottom: 23px;
}

.sitemap_nav .nav_col_group .nav_item {
  float: none;
  margin-bottom: 15px;
}

.mk_info_menu {
  padding: 24px 0;
  border-top: 1px solid rgba(0,0,0,.1);
  font-size: 1.2rem;
}

.mk_info_menu .mk_info_list .mk_info_node {
  margin-bottom: 15px;
}
.mk_info_menu .mk_info_list .mk_info_node:last-child {
  margin-bottom: 0;
}
.mk_info_menu .mk_info_list .mk_info_node .nav_ttl {
  float: left;
  font-weight: bold;
  margin-right: 47px;
}
.mk_info_menu .mk_info_list .mk_info_node .nav {
  float: left;
}
.mk_info_menu .mk_info_list .mk_info_node .nav .nav_item {
  color: #5A5A5A;
}
.mk_info_menu .mk_info_list .mk_info_node .nav .nav_item b {
  font-weight: bold;
}

.mk_info_menu .mk_info_list .mk_info_node .nav .nav_item:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #5a5a5a;
  opacity: 0.6;
  margin: 0 18px;
  vertical-align: middle;
}
.mk_info_menu .mk_info_list .mk_info_node .nav .nav_item:last-child:after {
  display: none;
}

.mk_corp_area {
  background: #1d1d1d;
  color: #898989;
  padding: 40px 0;
  position: relative;
  width: 100%;
  height: 196px;
}

.corp_area_wrap {
  font-size: 1.2rem;
  position: relative;
  width: 100%;
}

.corp_area_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.corp_area_wrap .f_logo {
  float: left;
  margin-right: 200px;
}

.corp_area_wrap .add_list_area {
  width: 520px;
  float: left;
}

.corp_area_wrap .add_wrap:after {
  display: block;
  content: '';
  clear: both;
}

.corp_area_wrap .add_wrap .add_area p {
  margin-bottom: 10px;
}

.corp_area_wrap .add_copy {
  margin-top: 35px;
  display: block;
  float: left;
}

.corp_area_wrap .add_area {
  float: left;
}

.corp_area_wrap .num_area {
  margin-left: 75px;
  float: left;
}

.corp_area_wrap .num_area p {
  margin-bottom: 10px;
}

.site_map_area {
  float: right;
  color: #fff;
  font-weight: bold;
  width: 311px;
}

.corp_area_wrap .dropdown {
  position: relative;
  width: 200px;
  margin-top: -10px;
  margin-bottom: 70px;
  border-bottom: 1px solid #fff;
}

.corp_area_wrap .dropdown .dropdown_toggle {
  position: relative;
  width: 100%;
  padding: 10px 0;
  font-size: 1.3rem;
  text-align: left;
  overflow: visible;
}
.corp_area_wrap .dropdown .dropdown_toggle span {
  display: block;
  position: relative;
  z-index: 1;
}
.corp_area_wrap .dropdown .dropdown_toggle.active {
  color: #212121;
}
.corp_area_wrap .dropdown .dropdown_toggle.active:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -15px;
  right: -15px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0 none;
}
.corp_area_wrap .dropdown .dropdown_toggle span:before,
.corp_area_wrap .dropdown .dropdown_toggle span:after {
  content: '';
  display: block;
  width: 8px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1px;
  transition: 0.3s;
}
.corp_area_wrap .dropdown .dropdown_toggle span:before {
  transform: rotate(-90deg);
}

.corp_area_wrap .dropdown .dropdown_toggle.active span:after {
  background: #212121;
}

/**topscroll menu**/
.set_inner	.txt_area .cate { font-size: 17px; font-weight: 700}
.set_inner	.txt_area	.news_ttl {      font-weight: 700!important; line-height: 50px;   font-size: 3.4rem!important;  }


.ft_white {color: #ffffff}
.icon_w1 {background: url(../png/ic_mk_dark.png) no-repeat;  background-position: -7px -24px; background-size: 352px;margin-top: 4px; width: 20px; height: 24px}
.icon_w2 {background: url(../png/ic_mk_dark.png) no-repeat;  background-position: -36px -24px; background-size: 352px; margin-top: 4px}
.icon_w3 {background: url(../png/ic_mk_dark.png) no-repeat;  background-position: -68px -24px; background-size: 352px; margin-top: 4px}
.icon_w4 {background: url(../png/ic_mk_dark.png) no-repeat;  background-position: -103px -24px; background-size: 352px; margin-top: 4px}
.headtop { background:rgba(23,16,16,.6) ; z-index: 100;  position: fixed; top:0; left: 0; width: 100%; height: 66px;  -webkit-backdrop-filter: blur(50px);  backdrop-filter: blur(50px); border-bottom: 1px solid hsla(0,0%,100%,.16) }
.set_inner_bx  { background:rgba(0,0,0,.16); z-index: -10; filter: opacity(0.8);  position: fixed; top:0; left: 0; width: 100%; height: 66px;  -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px);}
.head_scroll_menu {/* 수정 231030 */
  color: #fff;
  /* width: 550px; */
  margin: 0 auto;
  float: left;
}
.head_scroll_menu .scroll_menu {position: relative;}
.head_scroll_menu .scroll_menu li {float: left; font-size: 17px; font-weight: 500!important;font-family: 'Spoqa Han Sans Neo', 'sans-serif'; padding-left: 45px}
.head_scroll_menu .scroll_menu li:first-child {float: left; font-size: 17px; font-weight: 500!important;font-family: 'Spoqa Han Sans Neo', 'sans-serif'; padding-left: 0}
.head_scroll_menu .scroll_menu li a:link { color: #ffffff}
.head_scroll_menu .scroll_menu li a:hover { color: #ffffff}
.head_scroll_menu .scroll_menu li a:visited { color: #ffffff}
.news_control_group {color: #ffffff}
.news_control_group  .wt_text {font-size: 13px; color: #ffffff}
.news_control_group  .wt_text a:link {color: #ffffff}
.news_control_group  .wt_text a:hover {color: #ffffff}
.news_control_group  .wt_text a:visited {color: #ffffff}
.topmenu_tab .topmenu .on a:link { color: #FF7A00 }
.topmenu_tab .topmenu .on a:hover { color: #FF7A00 }
.topmenu_tab .topmenu .on a:visited { color: #FF7A00 }
.topmenu_tab .topmenu  a:hover { color: #FF7A00 }
#footer .dropdown_menu {
  left: -15px;
  right: -15px;
  border-bottom: 0 none;
  transition: none;
}

#footer .dropdown_menu.active {
  visibility: visible;
  height: 230px;
}

#footer .dropdown_menu [role="listbox"] {
  padding: 10px 15px;
  font-size: 1.3rem;
}

#footer .dropdown_menu [role="listbox"] .dropdown_item {
  color: #212121;
  line-height: 2;
  margin-bottom: 5px;
  font-family: 'montserrat', 'Spoqa Han Sans Neo', 'Noto Sans KR', "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
}

#footer .dropdown_menu [role="listbox"] .dropdown_item:hover {
  opacity: 0.7;
}

#footer .dropdown_menu [role="listbox"] .site_map:hover {
  opacity: 1;
}

#footer .dropdown_menu [role="listbox"] .site_map:after {
  content: '';
  display: block;
  clear: both;
}

#footer .dropdown_menu [role="listbox"] .site_map button {
  font-weight: bold;
}

#footer .dropdown_menu [role="listbox"] .site_map .ic {
  content: '';
  display: inline-block;
  background: #707070;
  width: 12px;
  float: right;
  height: 2px;
  margin-top: 11px;
}

.bt_imgtop {padding-top: 5px}
.keyword { color: #ff7a00!important}



[data-dark=true] .thumb_cont .arttitle a:link {
  color: #000000;
}
[data-dark=true] .thumb_cont .arttitle a:hover {
  color: #000000;
}
[data-dark=true] .thumb_cont .arttitle a:visited {
  color: #000000;
}

.title_about_us {font-size: 48px; list-style: 55px; font-weight: 700; margin-top: 100px;}
.img_logo {width: 320px; padding-bottom: 10px}
.ft_color1 {color: #565656; font-weight: 500}
.ft_color2 {color: #9b9b9b; font-weight: 400}
.ft_color3 {color: #df7517; font-weight: 400}
.top_box_cl {position: relative; clear: both; padding-top: 70px}
.top_box_cl .left_bx {float: left; font-size: 20px; line-height: 33px; font-weight: 300}
.top_box_cl .right_bx {float: right}
.top_box_cl .left_bx1 {float: left;}
.top_box_cl .left_bx2 {float: left; font-size: 20px; line-height: 33px; font-weight: 300; padding-left: 70px}

[data-dark=true] .btn_area button span { color: #020202}

/*뉴스댓글부분수정*/
.first_cmm { font-size:16px!important }

/*상단gnb수정*/
.logo_mkinternet {position: absolute; right: 0; top: 17px}
.topmenu_tab .topmenu li { padding-top: 10px}
.login_menu {padding-top: 20px}
/*검색페이지 광고수정관련*/
.search_page {min-height: 800px}

/*-------------------------------------------------------------------
## Content
-------------------------------------------------------------------*/