@charset "utf-8";
/*-------------------------------------------------------------------
파일정의 : Layoyt
작성날짜 : 2022-02-22 강지연
참고사항 : 이 파일은 설정값만 정의한다.
분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ## COMMON
-------------------------------------------------------------------*/
html {
  min-width: 1270px;
}

.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;
}

/* 임시 주식 */
.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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2S%40_nej_hc.cat');
}
.is_minus:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-right: 5px;
  margin-bottom: 1px;
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2S%40_nej_qbja.cat');
}
.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, -30px, 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_ani_evtug.cat) 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('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svzt_fhzznel_arjf01.cat');
  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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_tb_abj.cat");
}
.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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_oga_pybfr02.cat");
  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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_oga_ceri.cat") no-repeat;
  background-size: cover;
  width: 15px;
  height: 38px;
}

.summary_swiper_wrap .btn.next {
  right: -72px;
  width: 15px;
  height: 38px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_oga_arkg.cat") 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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_fnir_npgvir.cat");
}

.summary_news_list .btn_area .scrap .ic {
  width: 24px;
  height: 24px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_fnir.cat") 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("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Scp%2Spff%2S..%2Svzntrf%2Svp_ani_evtug.cat");
  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;
}
#footer .dropdown_menu {
  left: -15px;
  right: -15px;
  border-bottom: 0 none;
  transition: none;
}

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

#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;
}


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

/* 주식상단 배경색수정 240213 */
.stock_flow_sec_n3 {
  position: relative;
  z-index: 2;
  background: #9a9a9a;
  color: #fff;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.stock_flow_sec_n3 .set_inner {
  position: relative;
}
.stock_flow_sec_n3 .set_inner:before,
.stock_flow_sec_n3 .set_inner:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 20px;
  background: -moz-linear-gradient(left, rgba(154,154,154,1) 0%, rgba(154,154,154,0) 100%);
  background: -webkit-linear-gradient(left, rgba(154,154,154,1) 0%,rgba(154,154,154,0) 100%);
  background: linear-gradient(to right, rgba(154,154,154,1) 0%,rgba(154,154,154,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#21212100',GradientType=1 );
  pointer-events: none;
}
.stock_flow_sec_n3 .set_inner:before {left: -23px;}
.stock_flow_sec_n3 .set_inner:after {right: -23px; transform: rotate(180deg)}

/*240216 증시상단 텍스트 수정*/
.stock_list .stock_name {
  color: #ffffff;
  font-weight:300;
}

.stock_info_group span {
  color: #ffffff;
  font-weight:300;
}
/*240216 증시상단 텍스트 수정*/

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