@charset "utf-8";
/*-------------------------------------------------------------------
파일정의 : UI Objects
작성날짜 : 2022-02-22 강지연
참고사항 : 공통 범위를 최소화하고, 컨텐츠 스타일로 구분한다.
분류순서 : Element > Block > Layout > Plugin
속성순서 : 표시 > 위치 > 넘침/흐름 > 박스모델 > 박스모양 > 문단모양 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
## UI
-------------------------------------------------------------------*/
/* Default */
body {
  font-family: 'montserrat', 'Spoqa Han Sans Neo', 'Noto Sans KR', "Dotum", "Dotumche", "돋움", "돋움체", "Arial";
  font-size: 1.5rem;
  color: #212121;
}
.c_point {
  color: #FF7A00 !important;
}

/* Common */
.wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  /* padding-bottom: 52px; *//* 삭제 240103 */
}

.set_inner {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}

.link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}/* 250911_수정 */


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

.btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
}

.btn.basic {
  border: 1px solid #000000;
  color: #000000;
}

.btn.basic.drop_sub_news_btn {
  border: 1px solid #CCCCCC;
}
.btn.basic.drop_sub_news_btn {
  border: 1px solid #CCCCCC;
}

.btn.point {
  color: #ffffff;
  background: #ff7a00;
  border: 1px solid #ff7a00;
}
.btn.w_s {
  width: 40px;
}

.btn.w_m {
  width: 88px;
}

.btn.w_l {
  width: 92px;
}

.btn.w_xl {
  width: 105px;
}

.btn.h_s {
  height: 34px;
  line-height: 32px;
}

.btn.h_m {
  height: 40px;
  line-height: 38px;
}

.btn.h_l {
  height: 42px;
  line-height: 40px;
}

.btn.h_xl {
  height: 48px;
  line-height: 46px;
}

.btn.w_f {
  width: 100%;
}

.btn p {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 3px;
}

.btn.strong {
  color: #fff;
  background: #000000;
  border: 0;
}

.btn.w_f.type_round {
  border-radius: 50px;
  background: #fff;
  border: 1px solid #212121;
  color: #212121;
  font-weight: 500;
  font-size: 1.4rem;
}
.drop_sub_news_btn span {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.drop_sub_news_btn span:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  transform: rotate(90deg);
}
.drop_sub_news_btn.right span:before {
  transform: rotate(0);
}
.type_underline {
  border-bottom: 1px solid #212121;
  font-family: 'Montserrat', 'Spoqa Han Sans Neo';
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
}

.type_underline.no_mb {
  margin-bottom: 0;
}

.type_top_line {
  padding-top: 16px;
  border-top: 1px solid #212121;
  margin-bottom: 20px;
}

.headline_news_sec.news_sec {margin-bottom: 0;}
.news_sec + .headline_news_sec.news_sec {margin-top: 20px;}/* 241218 추가 */
.sub_col .news_sec {
  margin-bottom: 0;
}

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

.sub_cnt_sec {
  float: right;
}

.txt_area .cate {
  color: #FF7A00;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
  font-family: "Montserrat", "Spoqa Han Sans Neo", sans-serif;
}

.txt_area .position {
  font-size: 1.4rem;
  color: #5A5A5A;
  line-height: 1;
}

.info_group {
  display: inline-block;
  color: #5A5A5A;
  margin-top: 7px;
}

.info_group p + p:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 3px 8px;
  background: #5A5A5A;
  border-radius: 50%;
}

.cate_link {
  display: inline-block;
  position: relative;
  z-index: 2;
  float: left;
  padding: 0 14px;
  margin-bottom: 15px;
  border-radius: 50px;
  background: #212121;
  font-size: 1.4rem;
  color: #fff;
  line-height: 32px;
  text-align: center;
}

.cate_link span {
  display: -webkit-box;
  margin-top: 1px;
  text-align: left;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.page_ttl {
  font-size: 2.4rem;
  font-weight: bold;
  padding: 20px 0;
}

.page_ttl .float_el {
  float: right;
}

.page_ttl .info_txt {
  font-size: 1.2rem;
  color: #5A5A5A;
  font-weight: normal;
  padding: 6px 0;
  font-family: "Spoqa Han Sans Neo", sans-serif;
}

.headline_news_node:nth-of-type(2) .info_group p + p:before {
  background: #fff;
}

.info_group .like_info2:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 3px 8px;
  background: #898989;
  border-radius: 50%;
}

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

.info_group p {
  float: left;
  font-size: 1.3rem;
}


.type_underline > a {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dl_info dt,
.dl_info dd {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
}

.dl_info > div {
  display: flex;
}

.dl_info dt {
  color: #5A5A5A;
  flex-shrink: 0;
  padding-right: 10px;
}

.dl_info dd {
  color: #000;
}

.txt_info {
  font-size: 1.3rem;
  color: #898989;
}

/* Design */


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

.mk_head_news_group .main_cnt_sec {
  width: 898px;
  float: left;
}

.headline_news_list {
  max-width: 100%;
  margin-right: 0;
  border-top: 0;
}

.headline_news_list .news_node .news_item {
  border: 0;
  padding: 0;
  height: auto;
  position: unset;
}

.headline_news_list .headline_news_node {
  position: relative;
}

.headline_news_node {
  padding: 13px 15px;
}

.news_item.type_headline .c_point {
  display: block;
  margin-bottom: 12px;
  font-size: 1.5rem;
  font-weight: 600;
}

.headline_news_list .headline_news_node:first-child {
  padding: 0;
}
.news_item .news_ttl,
.info_group,
.stock_item,
.news_item .news_desc,
.time_info,
.sec_head p,
.input_area .input_info,
.btn,
label,
.terms_modal_inner p,
dl,
.txt_area .news_ttl,
.txt_area .play_time,
.time_wrap,
.news_cnt_sec .news_cnt_detail_wrap,
.news_ttl_wrap .txt_area .news_ttl,
.account_wrap p,
.play_time,
.state_txt,
.related_news_list .related_news_item,
.author_info .name,
.author_info .belongm,
.resign_page .dot_list li,
.sec_head .sec_ttl .num  {
  font-family: 'Spoqa Han Sans Neo', 'Noto Sans KR', "Dotum", "Dotumche", "돋움", "돋움체", sans-serif !important;
}
.news_item .news_ttl,
.news_item .news_desc{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

.news_item.type_headline {
  position: relative;
  width: 100%;
  z-index: 3;
  color: #fff;
  pointer-events: none;
}

.news_item.type_headline .thumb_area {
  float: none;
  width: 100%;
  height: 0;
  padding-top: 75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.news_item.type_headline .thumb_area:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .85) 25%, rgba(0, 0, 0, .42) 100%);
  z-index: 0;

}

.news_item.type_headline .txt_area {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 32px;
}

.news_item.type_headline .link {
  z-index: 2;
}


.news_item.type_headline .txt_area .news_ttl {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 2.6rem;
  line-height: 1.3;
  height: 100%; /* 추가 221130 */
  padding-bottom: 2px; /* 추가 221130 */
}

.headline_news_node .txt_area .news_ttl {
  height: auto;
  padding-right: 0;
}

.news_item.type_headline .news_ttl + .related_news_list {
  margin-top: 20px;
  pointer-events: auto;
}

.news_item.type_headline .news_desc {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.7rem;
  position: relative;
  z-index: 2;
}

.news_item.type_headline.no_dim .thumb_area {
  padding-top: 56.25%;
  z-index: 2;
}

.news_item.type_headline.has_related .thumb_area {
  padding-top: 93.0555%;
}

.news_item.type_headline.has_related {
  pointer-events: none;
}

.news_item.type_headline.has_related .related_news_list {
  position: relative;
  z-index: 2;
}

.news_item.type_headline.no_dim .thumb_area:after {
  display: none;
}

.news_item.type_headline.no_dim .txt_area {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 15px 15px 20px;
  background-color: #1D1D1D;
}

/* s: 수정 241218 관련기사 dot */
.related_news_list li {
  position: relative;
  padding-left: 8px;
}
.related_news_list li:before {
  display: block;
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #5A5A5A;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  border: 0;
}
.related_news_list li + li {margin-top: 6px;}
.related_news_list li a.related_news_item {
  overflow: hidden;
  display: -webkit-box;
  font-size: 1.4rem;
  color: #5A5A5A;
  line-height: 1.5;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* //e: 수정 241218 관련기사 dot */

.type_headline .related_news_list li a.related_news_item,
.type_banner .related_news_list li a.related_news_item,
.type_bg .related_news_list li a.related_news_item,
.type_thumb2 .related_news_list li a.related_news_item {
  color: #BEBEBE;
  -webkit-line-clamp: 1;
}
.related_news_list li a.related_news_item .news_ttl {
  font-size: inherit;
  font-weight: 400;
}
.headline_news_node.col_4 .headline_news_item {
  height: 300px;
  padding: 30px 24px;
}
.headline_news_node.col_4 .headline_news_item:after {
  content: '';
  display: block;
  clear: both;
}
.headline_news_node .txt_area .news_ttl {
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1.5;
}
.headline_news_node .news_desc {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.headline_news_node .info_group {
  display: block;
  margin-top: 12px;
  text-align: right;
  font-size: 0;
}
.headline_news_node .info_group p {
  float: none;
  display: inline-block;
}
.headline_news_node:nth-child(2) .info_group p {
  color: #fff;
}
.headline_news_node:nth-child(2) .info_group p:first-child:after {
  background: #fff;
}
.headline_news_node:nth-child(2) {
  background: #FF891C;
  color: #fff;
  border-right: 0;
  border-bottom: 0;
}
.headline_news_list .headline_news_node.col_6 {
  padding: 0;
}

/* s: 수정 221109 메인홈 헤드라인 관련 기사 추가 */
.headline_news_list .headline_news_node.col_6 .news_item {
  position: relative;
  /* height: 0;
  padding-bottom: 100%; */
  border-bottom: none;
  height: 21rem;
}
/* //e: 수정 221109 메인홈 헤드라인 관련 기사 추가 */

.headline_news_list .headline_news_node.col_6 .txt_area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 13px 15px;
}
.headline_news_list .headline_news_node:nth-child(3) .txt_area .news_ttl {
  -webkit-line-clamp: 3;
}
/* .headline_news_list .headline_news_node .news_item.type_bg .txt_area .news_ttl {-webkit-line-clamp: 3;} 241218 중복 삭제 - 메인홈 헤드라인4 3줄 말줄임 처리 */
.headline_news_list .headline_news_node.col_6 .txt_area .info_group {
  position: absolute;
  right: 15px;
  bottom: 13px;
  margin-top: 0;
}
.headline_news_list .headline_news_node.col_6 .type_bg .txt_area {
  top: auto;
  bottom: 0;
  width: auto;
  height: auto;
}
.headline_news_node .news_item.type_bg:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
  height: 100%;
}
.type_bg .txt_area .news_ttl,
.type_bg .news_ttl {
  position: relative;
  height: auto;
  color: #fff;
  -webkit-line-clamp: 3;
  font-size: 1.9rem;
  line-height: 1.5;
  padding-right: 0;
  margin-bottom: 0;
  z-index: 1;
}
.headline_news_list .headline_news_node:nth-child(n+5) {
  border-top: 1px solid #ccc;
}
.headline_news_list .headline_news_node:last-child {
  border-bottom: 1px solid #ccc;
}
.headline_news_list .headline_news_node.news_node .type_small {
}
.headline_news_node:nth-child(n+5) .news_ttl {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  line-height: 1.5;
}
.headline_news_node:nth-child(n+5) .info_group {
  margin-top: 0;
}
.headline_news_node:nth-child(5) .news_desc {
  margin-bottom: 15px;
  color: #5A5A5A;
  white-space: nowrap;
}
.news_sec + .news_sec.top_news_sec {
  margin-top: 22px;
}
.top_news_sec {
  box-sizing: border-box;
  display: none;
  margin-bottom: 0;
}
.top_news_sec .info_group p:first-child:after {
  display: none;
}
.top_news_sec.is_active {
  display: block;
}
.top_news_sec .ttl_area {
  position: relative;
  margin-top: 10px;
  display: block;
}
.sec_head .sec_ttl {
  line-height: 1.2;
  color: #212121;
}
.sec_head.has_datepicker .sec_ttl {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
}
.sec_head.has_datepicker label i {
  margin-top: -4px;
  margin-left: 8px;
}
.sec_head .sec_info {
  padding: 15px 0;
  text-align: right;
  font-weight: normal;
}
.sec_head .sec_info p {
  font-size: 1.4rem;
  color: #212121;
}
.sec_head .sec_info p b {
  font-weight: 700;
}
.sec_head .sec_ttl + .sec_info {
  padding-top: 0;
  padding-bottom: 10px;
  text-align: left;
  margin-top: -4px;
}
.mode_change_area {
  position: relative;
  font-size: 1.6rem;
  text-align: right;
}
.mode_change_area:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: #000;
  margin-top: -3px;
  z-index: 1;
}
.mode_change_area .btn_mode_change {
  position: relative;
  display: inline-block;
  font-family: "Spoqa Han Sans Neo";
  font-weight: 500;
  overflow: visible;
  background: #fff;
  z-index: 2;
  padding-left: 8px;
}
.mode_change_area .c_point.ko {
  font-family: 'Spoqa Han Sans Neo';
}
.mode_change_area .c_point {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  margin-right: 3px;
  margin-top: 2px;
}
.mode_change_area .btn_mode_change p {
  display: inline-block;
  margin-right: 7px;
}
.mode_change_area .btn_mode_change .state.type_circle {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #1D1D1D;
  border-radius: 50%;
  font-size: 1.2rem;
  color: #fff;
  vertical-align: middle;
}
.mode_change_area .btn_mode_change.short .state.type_circle {
  margin-left: 5px;
}
.type_underline .sec_ttl {
  position: relative;
  font-size: 2.4rem;
  line-height: 1.2;
  padding-bottom: 11px;
}
.type_underline .sec_ttl.ttl_sub {
  font-size: 1.8rem;
  font-weight: 700;
}
.sec_head .sec_ttl b {
  font-size: 3rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.sec_head .sec_ttl em {
  font-size: 2rem;
  font-style: italic;
  font-family: "Montserrat", sans-serif;
  display: block;
  font-weight: 500;
}
.sec_head .time_info {
  position: absolute;
  right: 0;
  bottom: 5px;
  color: #5A5A5A;
  font-size: 1.3rem;
}
.sub_cnt_sec .sec_body {
}
.top_news_wrap {
  margin-top: 15px;
}
.top_news_wrap .top_news_node {
  border-bottom: 1px solid #cccccc;
  position: relative;;
}
.top_news_wrap .top_news_node .top_news_item {
  height: 100%;
  position: unset;
  padding: 0;
  border-bottom: 0;
  display: block; /* 추가 221129 */
}
.top_news_wrap .top_news_node:last-child {
  border-bottom: 0;
}
.top_news_wrap .top_news_node:after {
  content: '';
  display: block;
  clear: both;
}
.top_news_wrap .top_news_node em {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 2.3rem;
  line-height: 74px;
}
.top_news_wrap .top_news_node .txt_area {
  font-size: 1.6rem;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500; /* 추가 221129 */
}
.top_news_wrap .top_news_node .state {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.3rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 500;
}
.top_news_wrap .top_news_node .state img {
  vertical-align: center;
  margin-right: 5px;
}
.top_news_wrap .top_news_node .state.is_new {
  font-family: 'Montserrat';
}

/* s: 수정 221129 */
.top_news_wrap .top_news_item.state_up .news_ttl {
  height: auto;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  padding-right: 0;
  word-break: break-all;
}
/* //e 수정 221129 */

.top_news_wrap .top_news_item.state_new .news_ttl {
  font-size: 18px;
  font-weight: bold;
}

.top_news_wrap .top_news_item.state_new .state {
  font-size: 15px;
  color: #FF003B;
  font-weight: 500;
}

.top_news_wrap .swiper-pagination {
  position: static;
  margin-top: 14px;
}

.top_news_list {
  border-bottom: 1px solid #ccc;
}


.timeline_news_wrap {
  font-size: 2rem;
}

.timeline_news_wrap .timeline_news_list {
  position: relative;
}

.timeline_news_item.news_item {
  border-bottom: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.timeline_news_wrap .timeline_ttl {
  font-weight: bold;
  color: #FF7A00;
  padding: 30px 0 15px;
  vertical-align: top;
  font-size: 1.7rem;
  letter-spacing: -0.025em;
}

.timeline_news_wrap .timeline_ttl img {
  vertical-align: top;
  margin-left: 5px;
  height: 100%;
}

/* s: 수정 221216 메인페이지 타임라인 */
.timeline_news_wrap .timeline_news_node {
  position: relative;
  padding-bottom: 20px;
  /* padding-left: 19px; */
}
.timeline_news_wrap .timeline_news_node .timeline_news_item {
  margin-left: 19px;
  overflow: hidden;
}
/* 추가 221216-2 bullet */
.timeline-pagination.swiper-pagination-clickable.swiper-pagination-bullets {text-align: center;} /* 추가 221216-4 */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px 0 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin: 0;}
/* //e: 수정 221216 메인페이지 타임라인 */

.timeline_news_wrap .timeline_news_node:after {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  background: #E6E6E6;
  top: 10px;
  bottom: -10px;
  left: 2px;
  z-index: -1;
}

.timeline_news_wrap .timeline_news_node:last-child:after {
  display: none;
}

.timeline_news_node .timeline_news_item .time_area .time {
  font-weight: bold;
  font-size: 1.4rem;
}

.timeline_news_node .timeline_news_item .txt_area .news_ttl {/* 241218 수정 */
  height: auto;
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 1.6rem;
  line-height: 1.4;
  padding-right: 0;
}

.timeline_news_node .timeline_news_item .info_group {
  margin-top: 0;
}

.timeline_news_node:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #000000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.timeline_news_node .timeline_news_item .like_info {
  color: #898989;
}

.mk_body_news_group .set_inner:after {
  display: block;
  clear: both;
  content: '';
}
.ad_wrap + .highlight_news_sec.news_sec {
  margin-top: 40px;}
.highlight_news_sec.news_sec {
  margin-bottom: 0;
  /*margin-top: 40px;*/
}

.highlight_news_sec .highlight_news_list .type_thumb {
  border-bottom: 0;
}

.highlight_news_sec .highlight_news_list .type_thumb2 .news_item {
  border-bottom: 0;
}

/*.highlight_news_item .news_ttl:not(.highlight_news_item.type_thumb2 .news_ttl) {
    font-size: 1.6rem;
    font-weight: 400;
    padding-right: 15px;
    line-height: 1.37;
    height: 4.3rem;
}*/

.highlight_news_sec .highlight_news_item:not(.highlight_news_sec .highlight_news_item.type_thumb2) {
  padding: 14px 0;
}

/*.highlight_news_sec .highlight_news_item .info_group:not(.highlight_news_sec .highlight_news_item.type_thumb2 .info_group) {
    display: inline-block;
    margin-top: 7px;
}*/

.highlight_news_item .thumb_area {
  width: 100px;
  height: 3.8em;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.highlight_news_item .thumb_area img {
  width: 100%;
  min-height: 6.8em;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}

.highlight_news_item.type_thumb2 {
  margin-bottom: 6px;
}

.highlight_news_wrap + .highlight_news_wrap {
  margin-top: 22px;
}

.news_home .highlight_news_wrap + .highlight_news_wrap {
  margin-top: 0;
}

.news_home .highlight_news_list .news_item.type_thumb2 {
  margin-top: 12px;
}
.mk_head_news_group + .mk_body_news_group {
  margin-top: 40px;
}

.mk_head_news_group + .mk_body_news_group.no_mt {
  margin-top: 0;
}

.mk_body_news_group {
  padding-bottom: 80px;
}

.news_item.type_thumb2 {
  padding: 0;
}

.news_item.type_bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.type_thumb2 {
  margin-bottom: 8px;
  width: 100%;
}
.news_item.type_thumb2 {
  background: #1d1d1d;

}

.type_thumb2.mt {
  margin-top: 50px;
}

.type_thumb2 .news_item {
  height: 100%;
  padding: 0;
}

/*.type_thumb2 .news_item .txt_area {*/
/*  padding: 43px 32px;*/
/*  height: 100%;*/
/*  box-sizing: border-box;*/
/*  position: relative;*/
/*}*/

.type_thumb2 .sec_head {
  margin-bottom: 20px;
}

.news_node .type_thumb2 {
  background: #1d1d1d;
  width: 100%;
  border: 0 none;
}


.type_thumb2.news_item .txt_area {
  color: #fff;
  padding: 20px 15px;
  box-sizing: border-box;
  margin: 0;
}

.type_thumb2.type_desc .txt_area .info_group {
  position: unset;
}

.type_thumb2.news_item .txt_area .info_group p + p:before {
  background: #BEBEBE;
}

.type_thumb2 .txt_area .news_ttl {
  height: auto;
  color: #fff;
  padding-right: 0;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.4;
}


.type_thumb2 .news_node:first-child .info_group {
  color: #BEBEBE;
  margin-top: 30px;
}

.type_thumb2 .news_node .info_group,
.type_thumb2.news_item .info_group {
  display: block;
  color: #BEBEBE;
  margin-top: 23px;
}

.type_thumb2 .info_group .time_info:after,
.type_thumb2.news_item .info_group .time_info:after {
  background: #BEBEBE;
}


.type_thumb2.type_desc .txt_area {
  padding: 20px 32px;
}

.type_thumb2 .txt_area .news_desc {
  color: #e6e6e6;
  font-size: 1.5rem;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.type_thumb2 .txt_area .news_desc:last-child {
  margin-bottom: 0;
}

.type_thumb2 .news_desc .ic {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_eryngvba.cat');
  background-size: cover;
  margin-bottom: 10px;
}

.type_thumb.news_item {
  height: 100%;
  width: 100%;
  position: relative;
  padding: 0;
  border-bottom: 0;
  display: block;
}

.type_thumb .news_item {
  border-bottom: 0;
  height: auto;
  padding: 0;
}


.type_thumb.news_item .txt_area {
  width: 100%;
}

.type_thumb .highlight_news_item .news_ttl {
  font-size: 1.9rem;
  line-height: 1.4;
}

.type_thumb .info_group {
  display: block;
  margin-top: 10px;
}

.news_node {
  position: relative;
  width: 100%;
}

.news_item {
  border-bottom: 1px solid #cccccc;
  padding: 14px 0;
  position: relative;
  display: block;
}

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

.news_node:last-child .news_item {
  border: 0;
}

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

.news_list + .btn_area {
  margin-top: 12px;
}

.thumb_area {
  float: right;
  width: 102px;
  overflow: hidden;
  position: relative;
  text-align: center;
  order: 2;
  flex-shrink: 0;
}

.thumb_area img {
  width: 100%; /* 추가 221205 */
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.txt_area .news_ttl {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.6rem;
  line-height: 1.37;
  overflow: hidden;
  word-break: break-word;
  padding-right: 15px;
}
.thumb_area + .txt_area .news_ttl {
  height: 2.74em;
}
.type_thumb2 .thumb_area + .txt_area .news_ttl {height: auto;}/* 추가 240206 */
.news_item .txt_area .news_ttl + .related_news_list { /* 수정 221229 */
  margin-top: 10px;
  z-index: 4;
  position: relative;
}
.news_item .txt_area .related_news_list + .info_group {
  margin-top: 20px;
}
.top_news_item .txt_area .news_ttl {
  line-height: 1.37;
  height: auto;
  padding-right: 0;
}

.type_card .news_node .news_item {
  border-bottom: 0;
}

.type_card .news_node .news_item {
  padding: 0;
  position: relative;
}

.type_card .news_node .news_item:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

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

.type_card .news_item .thumb_area {
  width: 100%;
  overflow: hidden;
  float: none;
}

.type_card .news_item .thumb_area img {
  width: 100%;
  height: 100%; /* 수정 221216 */
  object-position: top;
}

.type_card .txt_area {
  padding: 15px 12px;
}

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

.type_card .txt_area .cate_link {
  padding: 0 14px;
  background: #212121;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 13px;
  position: relative;
  z-index: 2;
  font-size: 1.4rem;
}

.series_list .txt_area .news_ttl {
  margin-left: 5px;
}

.series_news_frame {
  overflow: visible;
}

.series_news_frame .swiper-slide {
  display: block;
  width: 82.727%;
}

.series_news_frame .swiper-slide + .swiper-slide {
  margin-left: 8px;
}

.type_card .txt_area .news_ttl {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 500;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 5rem;
  -webkit-box-orient: vertical;
  margin-bottom: 26px;
  float: left;
}

.type_card .info_group {
  display: block;
  float: right;
  margin-top: 0;
}

.opinion_news_sec {
  overflow: hidden;
}

.opinion_news_wrap .type_underline {
  margin-bottom: 22px;
}

.opinion_news_wrap .news_item {
  padding-top: 14px;
  padding-bottom: 14px;
}

.opinion_news_list .news_node .news_item .txt_area .cate {
  display: block;
  margin-bottom: 6px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #083E6E;
}

.opinion_news_list .news_node .news_item .txt_area .news_ttl {
  height: auto;
  font-size: 1.6rem;
  line-height: 1.375;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.opinion_news_list .thumb_area.type_circle {
  margin-top: 0;
  margin-left: 24px;
}

.opinion_news_wrap .ad_wrap {
  margin-bottom: 20px;
  height: 498px;
}

.opinion_news_wrap .opinion_news_frame {
  overflow: visible;
}

.opinion_news_wrap .news_card {
  display: block;
  width: 82.727%;
}

.opinion_news_wrap .news_card + .news_card {
  margin-left: 8px;
}

.thumb_area.type_circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  float: right;
  margin-top: 2px;
}

.thumb_area.type_circle.size_m {
  width: 56px;
  height: 56px;
  margin-top: 0;
}

.thumb_area.type_circle.size_l {
  width: 64px;
  height: 64px;
  margin-top: 0;
}

.opinion_news_sec .opinion_news_list:last-child .news_node:last-child {
  border-bottom: 0;
}

/* 221027 */
.opinion_news_sec .news_node .news_item .thumb_area img {
  height: 100%;
  min-height: 100%;
}

.opinion_news_sec .type_underline {
  margin-bottom: 6px;
}

.opinion_news_sec .news_node .news_item.type_thumb .thumb_area {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.4102%;
  margin-bottom: 14px;
}

.opinion_news_sec .news_node .news_item.type_thumb .thumb_area img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.opinion_news_sec .news_node .news_item.type_thumb .news_card .thumb_area {min-height: 0;}
.opinion_news_list .news_node .news_item.type_thumb .swiper-slide .txt_area .news_ttl {
  padding-right: 0;
}

.series_news_sec {
  margin: 60px 0 55px;
  overflow: hidden;
}

.series_list.type_card .thumb_area {
  position: relative;
}

.se_mews_wrap .se_news_list .news_node {
  position: relative;
}

.se_mews_wrap .se_news_list .news_node .news_item {
  position: relative;
  width: 100%;
  height: 0;
  display: block;
  background-size: cover;
  background-position: center center;
  color: #fff;
  padding-bottom: 166.4596%;
  overflow: hidden; /* 추가 221205 */
  border-bottom: 0; /* 추가 230217 */
}

.se_mews_wrap .se_news_list .news_node .news_item:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

/* s: 수정 221205 메인 스페셜에디션 타이틀 */
.se_mews_wrap .se_news_list .news_node .cate {
  position: absolute;
  z-index: 1;
  top: 14.9068%;
  left: 24px;
  font-size: 1.3rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  line-height: 1.3; /* 수정 221226 */
  margin-right: 5px; /* 수정 221226 */
}
/* //e: 수정 221205 메인 스페셜에디션 타이틀 */

.se_mews_wrap .se_news_list .news_node .cate:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #FF7A00;
  margin-right: 10px; /* 수정 221226 */
}

/* s: 수정 221205 메인 스페셜에디션 타이틀 */
.se_mews_wrap .se_news_list .news_node .news_ttl {
  position: absolute;
  z-index: 1;
  left: 24px;
  right: 24px;
  bottom: 26.8656%;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}
/* //e: 수정 221205 메인 스페셜에디션 타이틀 */

.se_mews_wrap .se_news_list .news_node .news_ttl b {
  font-weight: bold;
}

.se_mews_wrap .se_news_list .news_node .news_item:after {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  bottom: 14.9253%;
  right: 0;
  left: 24px;
  position: absolute;
}

.photo_news_sec {
  overflow: hidden;
}

.photo_news_sec .swiper-container {
  overflow: visible;
}

.photo_news_sec .photo_list .thumb_area {
  float: none;
  height: 0;
  width: 100%;
  padding-bottom: 55.7575%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.photo_news_sec .photo_list img {
  height: 100%;
  width: 100%;
}

.photo_news_sec .photo_list .txt_area {
  letter-spacing: 0.02em;
  text-align: center;
  padding: 17px 0;
}

.photo_news_sec .photo_list .txt_area em {
  display: block;
  margin-bottom: 4px;
  font-size: 1.3rem;
  color: #FF7A00;
}

.photo_news_sec .photo_list .txt_area .photo_ttl {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}

.photo_news_sec .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
  text-align: center;
}

.photo_news_sec .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: #B9B9B9;
  opacity: 1;
}

.photo_news_sec .swiper-pagination-bullet-active {
  background: #212121;
}

.news_sec.stock_news_sec {
  margin-bottom: 0;
}

.stock_news_list .news_node:first-child .news_item.type_thumb2 {
  padding-top: 0;
  border-bottom: none;
}

.stock_news_list .news_node + .news_node .news_item.type_thumb2 {
  margin-top: 20px;
  border-bottom: none;
}
.stock_news_sec .thumb_area {height: 14.5em;}

.type_thumb2 .news_list .info_group {
  display: block;
  color: #BEBEBE;
  float: left;
}

.type_thumb2 .news_list .time_info:after {
  background: #BEBEBE;
}

.type_thumb2 .news_list .like_info + .like_info:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 3px 8px;
  background: #BEBEBE;
  border-radius: 50%;
}


.type_txt .news_node .news_item {
  display: block;
  padding: 19px 19px 19px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.7rem;
  color: #212121;
  max-width: 100%;
  box-sizing: border-box;
}

.news_item.type_txt {
  display: block;
  box-sizing: border-box;
}

.news_item.type_txt .news_ttl {
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  padding-right: 3.8em;
  font-size: 1.6rem;
  line-height: 1.37;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-word;
}

.news_item.type_txt .write {
  position: absolute;
  right: 0;
  top: 1px;
  font-size: 1.4rem;
  color: #083E6E;
}

.news_item.type_txt .write:before {
  display: inline-block;
  content: '';
  width: 1px;
  height: 12px;
  background: #ccc;
  vertical-align: middle;
  margin: -1px 10px 0;
}

.stock_news_sec .news_node:last-child .news_item.type_txt {
  border-bottom: 1px solid #ccc;
}

.type_txt .news_node:nth-last-child(2) .news_item {
  border-bottom: 1px solid #cccccc;
}

.type_txt .news_node:first-child .news_item {
  padding-top: 0;
}

.type_thumb2 .thumb_area {
  float: none;
  width: 100%;
}
.type_thumb2 .thumb_area img {height: 100%;} /* 수정 221226 */
.type_thumb2 .txt_area {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  background: #1d1d1d;
  color: #ffffff;
}

.type_thumb2 .info_group {
  display: block;
  float: none;
}

.news_sec_group {
  overflow: hidden;
}

.news_sec + .popular_stock_sec {
  padding-top: 19px;
  margin-top: 0;
}

.popular_stock_sec .sec_head {
  font-size: 1.7rem;
  font-weight: bold;
  display: block;
  margin-bottom: 16px;
}

.popular_stock_sec .sec_head .sec_ttl {
  margin-bottom: 10px;
}

.popular_stock_sec .sec_head p {
  font-size: 1.4rem;
  color: #5A5A5A;
  font-weight: 400;
  line-height: 1.4;
}

.popular_stock_wrap .popular_stock_list {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -19px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.popular_stock_wrap .popular_stock_list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
  -webkit-appearance: none;
}

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

.popular_stock_wrap .popular_stock_list .box_node {
  display: inline-block;
  width: 152px;
  padding: 0 4px;
  box-sizing: border-box;
  vertical-align: top;
}

.popular_stock_wrap .popular_stock_list .box_node:first-child {
  margin-left: 15px;
}

.popular_stock_wrap .popular_stock_list .box_node:last-child {
  margin-right: 15px;
}

.popular_stock_wrap .popular_stock_list .box_node .stock_item {
  float: left;
  background: #f2f2f2;
  width: 100%;
  height: 64px;
  overflow: hidden;
  padding: 16px 15px;
  font-size: 1.4rem;
}

.popular_stock_wrap .popular_stock_list .box_node .stock_item .stock_name {/* 241017 수정 */
  font-weight: 400;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popular_stock_wrap .popular_stock_list .box_node .stock_item .stock_info_group {
  margin-top: 5px;
  display: block;
  font-weight: 400;
}

.popular_stock_wrap .popular_stock_list .box_node .stock_item .stock {
  font-weight: bold;
  margin-right: 2px;
}

/* s: 수정 221102 메인홈 종목 plus, minus 컬러 변경 */
.popular_stock_wrap .popular_stock_list .box_node .stock_item .is_plus {
  color: #FC5345;
}
.popular_stock_wrap .popular_stock_list .box_node .stock_item .is_minus {
  color: #1262FF;
}
/* //e: 수정 221102 메인홈 종목 plus, minus 컬러 변경 */

.popular_stock_list .box_node .stock_item .is_plus:before {
  display: none;
}

.popular_stock_list .box_node .stock_item .is_minus:before {
  display: none;
}

.economy_news_list .thumb_area {
  width: 100px;
  height: 3.8em;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.economy_news_sec .thumb_area img {height: 100%;} /* 수정 221226 */
.economy_news_list .type_thumb2 .thumb_area {
  width: 100%;
  height: 100%;
  border: 0;
  min-height: 6.8em;
}

.economy_news_list .news_node:first-child .news_item {
  border-bottom: none;
  padding-bottom: 8px;
}

.economy_news_sec .stock_news_list {
  margin-top: -16px;
}

.economy_news_sec .stock_news_list .news_node .news_item {
  padding: 16px 0;
  display: block;
  border-bottom: 1px solid #cccccc;
  height: 112px;
}

.economy_news_sec .stock_news_list .news_node .news_item:after {
  display: block;
  content: '';
  clear: both;
}

.economy_news_sec .stock_news_list .news_node:last-child .news_item, .economy_news_sec .stock_news_list .news_node:nth-last-child(2) .news_item {
  border: 0;
  padding-bottom: 0;
  padding-bottom: 8px;
}


.economy_news_sec .stock_news_list .news_node .thumb_area {
  width: 119px;
  height: 67px;
  float: right;
}

.economy_news_sec .stock_news_list .news_node .txt_area {
  width: calc(100% - 119px);
  float: left;
  font-size: 1.05rem;
  line-height: 1.5;
}

.economy_news_sec .stock_news_list .news_node .txt_area .news_ttl {
  margin-bottom: 8px;
  font-size: 1.7rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.economy_news_sec .stock_news_list .news_node .txt_area .info_group {
  position: absolute;
  bottom: 16px;
  margin-top: 0;
}

.type_thumb2 {
}

.type_thumb2 .news_item {
  position: relative;
  border-bottom: 0;
}

.newsletter_sec {
  overflow: hidden;
}

.newsletter_sec .swiper-container {
  overflow: visible;
}

.newsletter_wrap .txt_area {
  height: 116px;
  background: #242424;
  padding: 18px 15px;
  box-sizing: border-box;
}

.newsletter_wrap .newsletter_pagination {
  margin-top: 16px;
  text-align: center;
}

.newsletter_wrap .txt_area .news_ttl {
  margin-bottom: 9px;
  font-size: 1.6rem;
  height: auto;
}

.newsletter_wrap .txt_area .news_desc {/* 수정 230404 */
  display: -webkit-box;
  font-size: 1.4rem;
  color: #C7C7C7;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  word-break: keep-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  min-height: 40px;
}

.type_v2.grid.grid_4 {
  margin: -10px -4px;
}

.type_v2.grid.grid_4 > .col {
  padding: 10px 4px;
}

.type_thumb .thumb_area,
.type_thumb2 .thumb_area {
  float: none;
  width: 100%;
  height: 100%;
  min-height: 6.8em;
  border: 0;
}

.type_thumb .txt_area {
  float: none;
  width: 100%;
  margin-top: 8px;
}

.type_thumb .news_ttl {
  height: auto;
  padding-right: 0;
  line-height: 1.37;
  font-size: 1.6rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.moment_sec .news_node + .news_node {
  margin-top: 12px;
}

.moment_sec .type_thumb .thumb_area {
  width: 100%;
}

.moment_sec .type_thumb .txt_area {
  padding: 12px 0;
  margin-top: 0;
}

.moment_sec .type_thumb .txt_area .cate {
  margin-bottom: 4px;
  font-size: 1.3rem;
}

.moment_sec .type_thumb .txt_area .cate.youtube {
  color: #FF3100;
}

.moment_sec .type_thumb .txt_area .news_ttl {
  display: block;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.37;
  height: 100%;
}

.thumb_area .play_time {
  height: 34px;
  line-height: 34px;
  padding: 0 18px;
  background: #1D1D1D;
  color: #fff;
  position: absolute;
  right: 6px;
  bottom: 6px;
  border-radius: 34px;
  text-align: center;
  font-size: 1.3rem;
}

.thumb_area .play_time:before {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 10px;
}

.moment_sec .news_node:last-child .txt_area {
  padding-bottom: 0;
}

.special_news_sec .sec_head {
  position: relative;
  text-align: center;
  height: 0;
  padding-bottom: 22.2222%;
}

.special_news_sec .sec_head img {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.special_news_sec .news_node.col_6 .news_item { /* 수정 221229 */
  position: relative;
  height: 21rem;
  padding: 0;
  border-bottom: none;
  box-sizing: border-box;
}

.special_news_sec .news_node.col:nth-child(n+2) {
  padding: 13px 15px;

}

.special_news_sec .news_node.col:nth-child(n+2).col_6 {
  padding: 0;
}

.special_news_sec .news_node.col:nth-child(n+2).col_12 {
  border-top: 1px solid #ccc;
}

.special_news_sec .news_node.col:nth-child(n+2).col_12 .news_item {
  padding: 0;
  border: none;
}

.special_news_sec .news_node.col:nth-child(n+2) .news_ttl {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 수정 221229 */
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.9rem;
  height: auto;
  padding-right: 0;
  margin-bottom: 0;
}

.special_news_sec .news_node .news_item.type_bg .news_ttl {
  -webkit-line-clamp: 2;
}

/* s: 수정 241218 */
.special_news_sec .news_node.col:nth-child(2) .news_ttl {-webkit-line-clamp: 3;}
.special_news_sec .news_node .news_item.type_thumb2 .txt_area .related_news_list {
  z-index: 4;
  position: relative;
  margin-top: 12px;
}
.special_news_sec .news_node .related_news_list li:first-child {margin-top: 0;}
/* //e: 수정 241218 */

.special_news_sec .news_node.col .info_group {
  display: block;
  margin-top: 0;
  text-align: right;
  font-size: 0;
}

.special_news_sec .news_node.col .type_small .info_group {
  margin-top: 8px;
}

.special_news_sec .news_node.col .info_group p {
  float: none;
  display: inline-block;
}

.special_news_sec .news_node.col_6 .info_group {
  position: absolute;
  right: 15px;
  bottom: 13px;
  margin-top: 0;
}

.special_news_sec .news_node.col_6 .txt_area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 13px 15px;
}

.special_news_sec .news_item.type_bg:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0));
  height: 100%;
}

.special_news_sec .news_node.col_6 .type_bg .link {z-index: 2;} /* 추가 221229 */
.special_news_sec .news_node.col_6 .type_bg .txt_area {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: auto;
  height: auto;
}

.special_news_sec + .ad_wrap {
  margin-top: 8px;
}

.special_news_sec.type_list + .ad_wrap {
  margin-top: 27px
}

.type_list.special_news_sec {margin-top: 40px;} /* 추가 221229 */
.type_list.special_news_sec .sec_body {
  margin-top: 20px;
}


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

.special_news_wrap .grid > .col:first-child {
  padding-right: 0;
}

.special_news_wrap .news_node {
  position: relative;
}

.special_news_wrap .type_thumb2 {
  width: 100%;
  height: 100%;
}

.special_news_wrap .type_thumb2 .thumb_area {
  position: relative;
  margin-bottom: 0;
}

.special_news_wrap .type_thumb2 .txt_area {
  float: none;
  height: auto;
  box-sizing: border-box;
}

.special_news_wrap .type_thumb2 .txt_area:after {
  content: '';
  display: block;
  clear: both;
}

.special_news_wrap .type_thumb2 .txt_area .news_ttl {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.38;
}

.special_news_wrap .type_thumb2 .info_group {
  color: #BEBEBE;
}

.special_news_wrap .type_thumb2 .info_group p + p:before {
  background: #BEBEBE;
}

.special_news_wrap .news_item {
  display: block;
  height: 100%;
  width: 100%;
  padding: 25px;
}

.special_news_wrap .news_node:first-child .news_item {
  padding: 0;
  border-bottom: none;
  margin-bottom: 0; /* 수정 221226 */
}
.special_news_wrap .banner_link {
  text-align: center;
  position: relative;
}

.special_news_wrap .banner_link .thumb_area {
  width: 185px;
  height: 121px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.special_news_wrap .banner_link img {
  width: 100%;
  height: 100%;
}

.special_news_wrap .news_node:nth-last-child(2) .news_item {
  border-bottom: 1px solid #cccccc;
}

.special_news_wrap .txt_area .news_desc { /* 수정 221229 */
  font-size: 1.4rem;
  margin-top: 10px;
  color: #5A5A5A;
  line-height: 1.6;
}
.special_news_wrap .col_6 .txt_area .news_desc {-webkit-line-clamp: 3;}/* 추가 221229 */

.special_news_wrap .type_thumb2 .txt_area .info_group {
  float: none;
  position: static;
  right: auto;
  bottom: auto;
  font-size: 0;
  margin-top: 23px; /* 221121 수정 */
}

.special_news_wrap .type_thumb2 .txt_area .info_group p {
  float: none;
  display: inline-block;
}

.special_news_list {
  height: 100%;
}

.special_news_wrap .grid > .col.col_6:first-child {
  height: inherit;
}

.type_list .type_thumb2 {
  margin-bottom: 20px;
}

.type_list .special_news_wrap .type_thumb2 .img_area {
  height: 365px;
}

.type_list .special_news_wrap .type_thumb2 .txt_area .news_ttl {
  font-size: 2rem;
}

.type_list .special_news_wrap .grid > .news_node:nth-child(2) {
  padding-top: 5px;
  height: 98px;
}

.type_list .special_news_wrap .grid > .news_node {
  height: 110px;
  padding-top: 19px;
  padding-left: 31px;
}

.type_list .special_news_wrap .grid > .news_node:first-child {
  padding: 0;
}

.type_list .special_news_wrap .type_thumb .txt_area .news_ttl {
  font-size: 2.6rem;
  line-height: 1.3;
}

.type_list .special_news_wrap .news_node .news_item {
  border-right: 0;
  padding: 14px 0;
}

.type_list .special_news_wrap .grid > .news_node:last-child .news_item {
  border-bottom: 0;
}

.type_list .special_news_wrap .news_node:after {
  content: '';
  clear: both;
  display: block;
}

.type_list .special_news_wrap .type_thumb2 .txt_area {
  width: 100%;
  position: relative;
  float: none;
}

.type_list .special_news_wrap .news_node .type_thumb .thumb_area {
  width: 100%;
  height: 365px;
}

.type_list .special_news_wrap .news_node .type_thumb .txt_area {
  width: 100%;
  height: 165px;
  position: relative;
}

.type_list .special_news_wrap .news_node:first-child .type_thumb .info_group {
  right: 30px;
  bottom: 23px;
  left: auto;
}

.type_list .special_news_wrap .news_node:nth-child(1) .news_item {
  padding-bottom: 8px;
  border-bottom: none;
}

.type_list .special_news_wrap .news_node:nth-child(n+2) .thumb_area {
  width: 102px;
  height: auto;
  float: right;
}

.type_list .special_news_wrap .info_group {
  display: inline-block;
  margin-top: 7px;
}

.type_list .special_news_wrap .news_node:nth-child(n+2) .txt_area .news_ttl {
  font-size: 1.6rem;
  font-weight: 400;
  padding-right: 15px;
  line-height: 1.37;
}

.type_list .special_news_wrap .news_node .news_item.type_thumb2 { /* 수정 221229 */
  padding-top: 0;
  margin-bottom: 6px;
  padding-bottom: 0;
  display: block;
}

.type_list .special_news_wrap .news_node .news_item.type_thumb2 img {
  position: static;
  left: auto;
  top: auto;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.dot_list li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 5px;
  line-height: 1.3;
}
.dot_list li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: .5em;
  content: '';
  width: 3px;
  height: 3px;
  background: #212121;
  border-radius: 50%;
  margin-bottom: 4px;
  margin-right: 9px;
}
.ad_wrap .ad_box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 25.8333%;
}

.ad_wrap .ad_box img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ad_wrap img {
  max-width: 100%;
  width: 100%;
}

.best_view_news_sec .type_underline {
  margin-bottom: 0;
}

.best_view_news_sec .news_node:last-child .news_item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.news_item.type_num {
  display: block;
  position: relative;
  padding-left: 27px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.news_item.type_num em {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 300;
  letter-spacing: -0.025em;
  transform: translateY(-50%);
}

.news_item.type_num .news_ttl {
  display: block;
  height: auto;
  white-space: nowrap;
  padding-right: 0;
}

.news_node:last-of-type .news_item.type_num {
  border-bottom: none;
}

.news_node.ad_wrap {
  width: auto;
  margin: 0 -15px;
}

.latest_news_list .ad_wrap a {
  padding: 0;
}

.latest_news_list .ad_wrap img {
  width: 100%;
}

.latest_news_list .news_node.ad_wrap {
  position: relative;
  margin-top: 12px;
}

.latest_news_list .news_node.ad_wrap:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: -13px;
  height: 1px;
  background: #fff;
}

.latest_news_list .news_node.ad_wrap .news_item {
  border-bottom: none;
}

.ad_wrap.side_ad {
  background: #ffffff;
  margin-top: 119px;
  width: 250px;
  height: auto;
  position: relative;
}

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

.ad_wrap.side_ad img {
  left: 61px;
  position: absolute;
}

/*-------------------------------------------------------------------
## UI
-------------------------------------------------------------------*/
/* Default */


/* Common */

/* Swiper */
.swiper-pagination {
  position: static;
  left: auto;
  bottom: auto;
  margin: 0 auto;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #E0E0E0;
  opacity: 1;
  vertical-align: top;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background: #000;
}

/*-------------------------------------------------------------------
    ## icon
-------------------------------------------------------------------*/
/* common icon  임시 */
.ic,
.ic_before:before,
.arw,
.anb .anb_close,
.drop_sub_news_btn span:before,
.search_list .dropdown_node.is_active .dropdown_item::after {
  pointer-events: none;
  display: inline-block;
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_zx_z.cat');
  -webkit-background-size: 150px 317px;
  background-size: 150px 317px;
}
.drop_sub_news_btn span:before,
.ic_before:before {
  content: '';
}
.ic_search,
.ic_aside,
.ic.ic_font ,
.ic.ic_share,
.ic.ic_scrap,
.anb .anb_close,
.ic.ic_close,
.ic.ic_font,
.ic.ic_scrap,
.ic.ic_comment,
.ic.ic_page_back {
  width: 24px;
  height: 24px;
}
.ic_search {
  background-position: -96px 0;
}
.ic_aside {
  background-position: -48px 0;
}
.ic.ic_font {
  background-position: -48px -24px;
}
.ic.ic_share {
  background-position: -24px -24px ;
}
.ic.ic_comment {
  background-position: 0 -24px ;
}
.ic.ic_scrap {
  background-position: 0 0;
}
.is_active .ic.ic_scrap {
  background-position: -24px 0;
}
.anb .anb_close,
.ic.ic_close{
  background-position: -72px -24px;
}
.ic_page_back {
  background-position: -120px -24px;
}
.ic.ic_like {
  width: 32px;
  height: 32px;
  background-position: -90px -100px;
}
.ic_before.ic_play:before{
  width: 10px;
  height: 10px;
  background-position: -90px -140px;
}
.ic_close_m {
  width: 18px;
  height: 18px;
}
.ic_close_m {
  background-position: -18px -140px;
}
.ic.ic_play,
.ic.ic_pause {
  width: 14px;
  height: 14px;
}
.ic.ic_play {
  background-position: -100px -140px;
}
.ic.ic_pause {
  background-position: -114px -140px;
}
.ic_filter {
  width: 20px;
  height: 20px;
  background-position: -130px -50px;
}
.ic.sns {
  width: 42px;
  height: 42px;
}
.ic.sns.ic_email {
  background-position: 0 -160px;
}
.ic.sns.ic_kakao {
  background-position: -42px -160px;
}
.ic.sns.ic_facebook {
  background-position: -84px -160px;
}
.ic.sns.ic_story {
  background-position: 0 -202px;
}
.ic.sns.ic_twitter {
  background-position: -42px -202px;
}
.ic.sns.ic_link {
  background-position: -84px -202px;
}
.ic.sns_s {
  width: 32px;
  height: 32px;}
.ic.sns_s.ic_email { background-position: 0 -250px;}
.ic.sns_s.ic_naver {background-position: -32px -250px;}
.ic.sns_s.ic_kakao {background-position: -64px -250px;}
.ic.sns_s.ic_facebook {background-position: 0 -285px;}
.ic.sns_s.ic_google{background-position: -32px -285px;}
.ic.sns_s.ic_apple {background-position: -64px -285px;}
.arw.right {
  transform: rotate(0);
}
.arw.top {
  transform: rotate(-90deg);
}
.arw.bottom {
  transform: rotate(90deg);
}
.arw.left {
  transform: rotate(180deg);
}
.arw.arw_l,
.drop_sub_news_btn span:before {
  width: 18px;
  height: 18px;
  background-position: -36px -140px;
}

.ic_author_link {
  display: inline-block;
  width: 7px;
  height: 11px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_nhgube_yvax.cat);
  margin-top: -3px;
  margin-left: 2px;
  background-size: 7px 11px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 2px;
  vertical-align: middle;
}
.arw.arw_line {
  width: 30px;
  height: 18px;
  background-position: -54px -140px;
}
/*-------------------------------------------------------------------
	## Hashtag
-------------------------------------------------------------------*/
.tag_wrap {
  margin-left: -8px;
  margin-bottom: -8px;
}

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

.tag_label, .tag_node {
  float: left;
  margin-left: 8px;
  margin-bottom: 8px;
}

.tag_label {
  width: 24px;
  height: 24px;
  padding: 0;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: #FFD93B;
  font-size: 1.5rem;
  font-weight: bold;
}

.tag_item {
  display: inline-block;
  padding: 0 10px;
  border-radius: 50px;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 24px;
  background: #000;
  color: #fff;
}

/*-------------------------------------------------------------------
	## Toast
-------------------------------------------------------------------*/
.toast_wrap {
  position: fixed;
  left: 50%;
  bottom: 110px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
}

.toast {
  background-color: rgba(0, 0, 0, .62);
  font-size: 13px;
  color: #fff;
  padding: 8px 14px;
  border-radius: 30px;
}

/*-------------------------------------------------------------------
	## Datepicker
-------------------------------------------------------------------*/
.ui-datepicker {
  background: #fff;
  padding: 17px;
  border: 1px solid #898989;
  display: none;
}

.ui-datepicker table th,
.ui-datepicker table td {
  padding: 3px;
}

.datepicker_filter .ui-datepicker table th,
.datepicker_filter .ui-datepicker table td {
  padding: .13rem;
}

.datepicker_filter .ui-datepicker {
  border: none;
  border-left: 1px solid #ccc;
}

.ui-datepicker table th span,
.ui-datepicker table td a {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 1.3rem;
}

.ui-datepicker table th span {
  color: #000;
}

.ui-datepicker table td a {
  text-align: center;
  color: #898989;
  border-radius: 50%;
}

.ui-datepicker table td.ui-datepicker-today a {
  position: relative;
  color: #FF7A00;
  font-weight: 700;
}

.ui-datepicker table td.ui-datepicker-today a::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.5em;
  content: '오늘';
  font-size: .8rem;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
}

.ui-datepicker table td.ui-datepicker-current-day a,
.ui-datepicker table td.ui-datepicker-current-day.ui-datepicker-today a {
  background-color: #212121;
  color: #fff;
  font-weight: 700;
}

.ui-datepicker table td.ui-datepicker-current-day.ui-datepicker-today a::before {
  display: none;
}

.ui-datepicker td.ui-datepicker-today,
.ui-datepicker td.ui-datepicker-current-day,
.ui-datepicker td.sel_date {
  position: relative;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default,
.ui-datepicker td.sel_date .ui-state-default {
  position: relative;
  z-index: 2;
  background: transparent;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default:before,
.ui-datepicker td.ui-datepicker-today.sel_date .ui-state-default:before {
  display: none;
}
.ui-datepicker td.ui-datepicker-current-day .ui-state-default,
.ui-datepicker td.sel_date.start_date .ui-state-default,
.ui-datepicker td.sel_date.end_date .ui-state-default {
  font-weight: 700;
  color: #fff;
}
.ui-datepicker td.ui-datepicker-current-day:before,
.ui-datepicker td.sel_date.start_date:before,
.ui-datepicker td.sel_date.end_date:before,
.ui-datepicker td.sel_date:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  background: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ui-datepicker td.sel_date:after {
  left: 0;
  right: 0;
  z-index: 0;
  width: auto;
  background: #ccc;
  margin-left: 0;
  border-radius: 0;
}
.ui-datepicker td.sel_date.start_date:after {
  left: 10px;
  border-radius: 20px 0 0 20px;
}
.ui-datepicker td.sel_date.end_date:after {
  right: 10px;
  border-radius: 0 20px 20px 0;
}
.ui-datepicker-header {
  position: relative;
}

.ui-datepicker-header a {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  background-size: 7px 11px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -9px;
  font-size: 0;
}

.ui-datepicker-header .ui-datepicker-prev {/* 240823_수정 */
  top: 10px;
  left: 2px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Snej_qngr_ceri.cat);
}

.ui-datepicker-header .ui-datepicker-next {/* 240823_수정 */
  top: 10px;
  right: 2px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Snej_qngr_arkg.cat);
}

/*-------------------------------------------------------------------
	## Tab
-------------------------------------------------------------------*/
.tab_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.tab_wrap .nav.tab_nav .nav_item {
  display: inline-block;
  height: 38px;
  background: #F2F2F2;
  color: #212121;
  line-height: 40px;
  text-align: center;
  font-size: 1.3rem;
  font-family: 'Montserrat', 'Spoqa Han Sans Neo';
  vertical-align: top;
}

.tab_wrap .nav.tab_nav .nav_item .nav_link {
  display: block;
  height: 100%;
  padding: 0 15px;
}

.tab_wrap .nav.tab_nav .nav_item .nav_link.active {
  border-top: 2px solid #212121;
  background: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 38px;
}

.tab_wrap .nav.tab_nav .nav_item .nav_link.active strong {
  font-weight: 700;
}

.nav.tab_nav {
  background: #F2F2F2;
  height: 38px;
  overflow: hidden;
  overflow-x: auto;
  font-size: 0;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.nav.tab_nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
  -webkit-appearance: none;
}

.tab_wrap.col_x3 .nav.tab_nav .nav_item {
  width: 33.3333%;
  padding: 0;
  text-align: center;
}

/*-------------------------------------------------------------------
	## Breadcrumb
-------------------------------------------------------------------*/
.breadcrumb_wrap.type_underline {
  height: unset;
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
  margin-bottom: 16px;
}

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

.breadcrumb_wrap .breadcrumb_list .breadcrumb_node {
  float: left;
  font-size: 1.3rem;
  font-weight: bold;
  color: #BEBEBE;
}

.breadcrumb_wrap .breadcrumb_list .breadcrumb_node:last-child {
  color: #212121;
}

.breadcrumb_wrap .breadcrumb_list .breadcrumb_node:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 11px;
  background-size: 7px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_oernqpehzo_nej01.cat);
  background-size: cover;
  margin: 0 2px 0 6px;
}

.breadcrumb_wrap .breadcrumb_list .breadcrumb_node:first-child:before {
  display: none;
}

.breadcrumb_wrap .breadcrumb_list .breadcrumb_node:last-child:before {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_oernqpehzo_nej02.cat);
  background-size: cover;
}

/*-------------------------------------------------------------------
	## Input
-------------------------------------------------------------------*/
.input_area.search {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #212121;
  align-items: center;
}

input:focus {
  outline: 0;
}

.input_area.search.type_round {
  border-bottom: 0;
  position: relative;
}

.input_area.search.type_round input {
  border: 1px solid #CCCCCC;
  border-radius: 50px;
  padding: 0 40px 0 20px;
}

.input_area.search.type_round input::placeholder {
  font-size: 1.5rem;
  color: #898989;
  font-weight: 400;
}

.input_area.search.type_round button {
  position: absolute;
  top: 9px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.input_area.search input,
.input_area.search input::placeholder {
  display: block;
  padding-right: 60px;
  line-height: 40px;
  font-weight: 400;
}


.input_area.search input {
  width: 100%;
  border: 0;
  padding: 0;
}

.input_area.search .input_box {
  flex: 1;
}

.input_area.search .search_btn {
  width: 30px;
  height: 30px;
}

.search_wrap .input_area + .search_words_wrap {
  margin-top: 23px;
}


/*-------------------------------------------------------------------
	## Search - filter
-------------------------------------------------------------------*/
/*.sec_head .filter_group {
  margin: 0 -15px;
}

.sec_head .filter_node:first-child {
  margin-left: 15px;
}

.sec_head .filter_node:last-child {
  margin-right: 15px;
}*/
.sec_head > div {
  z-index: 2;
}

.sec_head > div.filter_wrap {
  position: relative;
  z-index: 1;
}

.filter_wrap {
  display: none;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.filter_wrap.is_active {
  display: block;
}

.filter_group {
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  font-size: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.filter_group::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
  -webkit-appearance: none;
}

.filter_node + .filter_node {
  margin-left: 24px;
}

.filter_node {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1.3rem;
  line-height: 45px;
  color: #000;
}

.filter_node.is_active {
  font-weight: 700;
}

.ic_check_filter {
  display: inline-block;
  width: 11px;
  height: 7px;
  background-size: 11px 7px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_svygre_purpx.cat);
  vertical-align: middle;
  margin-left: 2px;
}

.is_active > .ic_check_filter {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_svygre_purpx_hc.cat);
  margin-top: -1px;

}

.filter_dropdown_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

.filter_dropdown_wrap .drop_down_wrap {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
}

.filter_dropdown_wrap .drop_down_wrap.is_active {
  display: block;
}

.filter_dropdown_wrap .dropdown_list {
  padding: 10px 0;
}

.filter_dropdown_wrap .has_datepicker {
  position: relative;
}

.filter_dropdown_wrap .has_datepicker .datepicker {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.filter_dropdown_wrap .dropdown_item,
.filter_dropdown_wrap .has_datepicker .datepicker {
  display: block;
  width: 100%;
  padding: 10px 20px;
  font-size: 1.3rem;
  box-sizing: border-box;
  text-align: left;
}

.filter_dropdown_wrap .dropdown_item b {
  font-weight: 700;
  color: #212121;
}

.dropdown_list.radio .dropdown_item span,
.dropdown_list.checkbox .dropdown_item span {
  display: block;
  position: relative;
}

.dropdown_item input[type=radio],
.dropdown_item input[type=checkbox] {
  display: none;
}

.dropdown_item input[type=radio]:checked + span,
.dropdown_item input[type=checkbox]:checked + span {
  font-weight: 700;
}

.dropdown_item input[type=checkbox]:checked + span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  width: 12px;
  height: 9px;
  background-size: 12px 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_qebcqbja_purpx.cat);
}

.confirm_filter_btn {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}

.filter_info_wrap {
  display: none;
}

.show_filter .filter_wrap,
.filter_wrap.is_active + .filter_info_wrap {
  display: block;
}

.filter_info {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}

.filter_info dl > div {
  position: relative;
  padding-left: 72px;
}

.filter_info dl > div + div {
  margin-top: 12px;
}

.filter_info dl dt,
.filter_info dl dd {
  font-size: 1.3rem;
}

.filter_info dl dt {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #000;
}

.filter_info dl dd {
  color: #898989;
  margin-right: 10px;
}

.filter_info dl dd p {
  display: inline-block;
  vertical-align: top;
}

.filter_info dl dd p + p {
  margin-left: 10px;
}

.filter_info dl dd span + span:before {
  display: inline-block;
  content: '-';
  vertical-align: middle;
  margin: -2px 2px 0;
}

.drop_down_wrap.period .dropdown_area {
  display: flex;
  justify-content: space-between;
}

.drop_down_wrap.period .datepicker_filter {
  flex-shrink: 0;
}

.delete_filter_btn {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 2px;
}

.delete_filter_btn:before,
.delete_filter_btn:after {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 50%;
  height: 1px;
  background: #000;
  content: '';
  margin-top: -1px;
}

.delete_filter_btn:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.delete_filter_btn:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.summary_news_sec {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  color: #FFFFFF;
  display: none;
  width: 100%;
  height: 100%;
}

.summary_news_sec.is_active {
  display: block;
  z-index: 105;
}

.summary_news_list_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
}

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


.summary_news_sec .progress_ber {
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 3;
  display: flex;
  padding: 0 20px;
}


.summary_news_sec .news_node {
  padding: 0 20px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
}

.summary_news_sec .news_node .news_item {
  position: relative;
  width: 100%;
  height: 100%;
}

.summary_news_sec .news_num {
  position: absolute;
  z-index: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 4.8rem;
  letter-spacing: -0.025em;
  top: 68px;
  left: 15px;
}

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

.summary_news_list .txt_area {
  position: absolute;
  z-index: 1;
  bottom: 134px;

}

.summary_news_list .txt_area .news_ttl {
  display: block;
  height: auto;
  width: 80%;
  margin-bottom: 36px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-line-clamp: 9999;
}

.summary_news_list .txt_area .news_desc {
  font-size: 1.5rem;
  line-height: 1.46;
  -webkit-line-clamp: 9999;
}

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

.summary_news_list .btn_area .go_news {
  margin-right: 4px;
}

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

.summary_news_list .btn_area .save_news.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%2Szbo%2Spff%2S..%2Svzntrf%2Svp_fnir_npgvir.cat");
}

.summary_news_list .btn_area .save_news .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%2Szbo%2Spff%2S..%2Svzntrf%2Svp_fnir.cat");
}

.summary_news_sec .close_summary {
  position: absolute;
  top: 17px;
  right: 16px;
  z-index: 2;
}

.summary_news_sec .close_summary .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%2Szbo%2Spff%2S..%2Svzntrf%2Svp_pybfr.cat");
}


.progress_ber .swiper-pagination-bullet {
  width: 100%;
  border-radius: 0;
  opacity: 0.3;
  background: #fff;
  height: 2px;
  margin: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets.progress_ber .swiper-pagination-bullet {
  margin: 0 4px 0 0;
  position: relative;
}

.swiper-container-horizontal > .swiper-pagination-bullets.progress_ber .swiper-pagination-bullet:last-child {
  margin: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets.progress_ber .swiper-pagination-bullet-active {
  opacity: 1;
}

.summary_news_sec .swiper-pagination-bullet-active {
  background: transparent;
}
.summary_news_sec .swiper-pagination-bullet-active:before,
.summary_news_sec .swiper-pagination-bullet-active:after {
  display: block;
  content: '';
  position: absolute;
  height: 100%;
  background: #FFFFFF;
}
.summary_news_sec .swiper-pagination-bullet-active:before {
  width: 0;
  animation: newsLoadingBar 5s ease-out forwards;
}

.summary_news_sec .swiper-pagination-bullet-active:after {
  width: 100%;
  opacity: 0.3;
}

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

.type_thumb .news_num {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 28px;
  height: 28px;
  background: #FF7A00;
  color: #fff;
  font-weight: 500;
  font-style: italic;
  font-size: 1.6rem;
  text-align: center;
  line-height: 28px;
}

/*-------------------------------------------------------------------
    ## Newsletter
-------------------------------------------------------------------*/
.newsletter_list .news_item {
  padding: 0;
}

/*.newsletter_list .news_node {*/
/*  margin-bottom: 24px;*/
/*}*/

.newsletter_list .txt_area {
  position: relative;
}

.newsletter_list .state_info {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  text-align: center;
}

.newsletter_list .state_info.is_active .state {
  color: #FF7A00;
  font-weight: 700;
}

.newsletter_list .state_info .state {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #E6E6E6;
}

.newsletter_list .state_info .state:before {
  content: '';
  position: absolute;
  left: 0;
  top: 19px;
  bottom: 19px;
  width: 1px;
  background: #5A5A5A;
}


.input_area.check .input_box,
.input_area.radio .input_box {
  position: relative;
}

.input_area.check label,
.input_area.radio label {
  position: relative;
  line-height: 20px;
}

.input_area.radio input,
.input_area.check input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  opacity: 0;
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: none;
  cursor: pointer;
}

input[type="radio"] + label,
input[type="radio"] + span {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}

input[type="radio"] + label:before,
input[type="radio"] + span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:checked + span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #000;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:checked + span:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  z-index: 1;
}

input[type="checkbox"] + label,
input[type="checkbox"] + span {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 20px;
  font-size: 1.4rem;
}

input[type="checkbox"] + label:before,
input[type="checkbox"] + span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* s : 수정 221121 체크박스 border 수정 */
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:checked + span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_purpxobk_npgvir.cat") no-repeat center center;
  border: 1px solid #000;
  box-sizing: border-box;
}
/* //e : 수정 221121 체크박스 border 수정 */

input[type="text"], input[type="password"], input[type="email"] {
  height: 48px;
  width: 100%;
  border: 1px solid #CCCCCC;
  padding: 0 20px;
  font-size: 1.4rem;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
  font-size: 1.4rem;
  color: #898989;
}

/* s: 241218 badge 수정 */
.badge {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  background: #ff7a00;
  padding: 0 10px;
  border-radius: 15px;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  margin: -2px 5px 0 0;
}
.headline_news_list .headline_news_item .badge {
  height: 22px;
  line-height: 22px;
}
.headline_news_list .headline_news_item #headline_1 .badge {margin-top: -4px;}
.type_bg .badge,
.headline_news_node:nth-child(2) .badge,
.type_thumb2 .badge {
  background: #fff;
  color: #212121;
  height: 22px;
}
.type_thumb2 .badge {margin-bottom: 2px;}
.news_home .headline_news_list .headline_news_item .badge {margin-top: 2px;}
.news_home .headline_news_list .col_12.headline_news_node .headline_news_item #headline_1 .badge {
  height: 24px;
  line-height: 24px;
  margin-top: 4px;
}
/* //e: 241218 badge 수정 */

.tooltip_ui {

}
.tooltip_ui:hover .tooltip_panel {
  display: block;
}
.tooltip_panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: calc(100vw - 30px);
  max-width: 994px;
  margin-top: -1px;
  margin-left: -15px;
  padding-top: 12px;
}
.tooltip_panel .cnt_box {
  padding: 15px 20px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #212121;
  font-size: 1.4rem;
  letter-spacing: -0.015em;
  font-weight: 400;
  line-height: 1.5;
  word-break: break-word;
  box-sizing: border-box;
}
.tooltip_panel > .btn {
  position: absolute;
  right: 10px;
  top: 20px;
}
.tooltip_panel p {
  margin-bottom: 15px;
}
.tooltip_panel p:last-child {
  margin-bottom: 0;
}

.info_box_wrap{
  background: #F4F4F4;
  padding: 25px 15px;
  margin: 0 -15px;
}
.info_box_wrap p{
  font-size: 1.2rem;
  color: #5A5A5A;
  line-height: 1.4;
}


.guide_ui {
  padding: 40px 0;
  font-family: 'Spoqa Han Sans Neo', sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
}
.guide_ui b {
  font-weight: 500;
}
.result_list {
  font-size: 1.6rem;
  padding: 0 17px;
  margin-bottom: -15px;
}
.result_list .result_node {
  position: relative;
  flex-shrink: 0;
  padding-left: 10px;
  margin-bottom: 15px;
  font-weight: 500;
}
.result_list .result_item em {
  color: #FF7A00;
}

/** 기존  css 가져옴 by teresia 20220805**/
#wrap {overflow:hidden; position:relative; max-width:768px; margin:0 auto}
.wrap {overflow:hidden; position:relative; max-width:768px; margin:0 auto}



/* title */
.container .title {padding:15px 8px}
.container .title h4 {font-size:20px; font-weight:700; color:#222; line-height:1.3}
.container .title span {margin-top:5px; font-size: 14px; font-weight: normal;color: #777;line-height: 1.2;}

/* lnb */
.lnb_pt {padding-top:10px}
.lnb_wrap {padding-bottom:10px; border: none }
.lnb_wrap .lnb {overflow:hidden; position:relative; height:50px; white-space:nowrap;  border: none}
.lnb_wrap .lnb:before, .lnb_wrap .lnb:after {content:''; z-index:9; position:absolute; top:0; display:block; width:15px; height:40px}
.lnb_wrap .lnb_scroll {overflow-x:auto; overflow-y:hidden; height:40px; padding-bottom:52px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.lnb_wrap .lnb .lnb_list {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex}
.lnb_wrap .lnb .lnb_list li {display:inline-block; padding:0 4px}
.lnb_wrap .lnb .lnb_list li:first-child {padding-left:0}
.lnb_wrap .lnb .lnb_list li:last-child {padding-right:15px}
.lnb_wrap .lnb .lnb_list li a {display:inline-block; height:32px; font-size:16px; font-weight:400; color:#555; letter-spacing:-0.025em; line-height:30px; padding:0 12px; border:1px solid #fff; border-radius:50px; -webkit-box-sizing:border-box; box-sizing:border-box;
  background:#F2F2F2; /* 수정 221209 */
}
.lnb_wrap .lnb .lnb_list li.on a {font-weight:700; color:#fff; border:none; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931)}

/*advertise banner*/
.ads_frame {
  /* 수정 221209 */
  overflow:hidden;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
}
.ads_frame .bn_ad {overflow:hidden; text-align:center;}

/*bestclick*/
.sub_contents_wrap {position: relative;}
.best_click_contents {position: relative; padding: 0 8px; border-radius: 12px; background: #fff;}

.best_click_contents .ranking_news_date {text-align: center;position: relative; padding: 20px 0 15px 0;}
.best_click_contents .ranking_news_date strong {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;margin: 0 12px;font-size: 21px;font-weight: 500;color: #222;}
.best_click_contents .ranking_news_date button {border: 0;background: transparent;vertical-align: -3px;}
.best_click_contents .ranking_news_date .button_prev{position: absolute;left: 50%;margin-left: -120px;top: 26px;}
.best_click_contents .ranking_news_date .button_next{position: absolute;left: 50%;margin-left: 97px;top: 26px;}
.best_click_contents .ranking_news_date .button_prev::before {width: 20px;height: 20px;background-size: 20px 20px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_cerivbhf_neebj.fit);background-repeat: no-repeat;}
.best_click_contents .ranking_news_date .button_next::before {width: 20px;height: 20px;background-size: 20px 20px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_arkg_neebj.fit);background-repeat: no-repeat;}
.blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}

.ranking_scroll_wrap .lnb {overflow: hidden;position: relative;height: 42px;white-space: nowrap;}
.ranking_scroll_wrap .lnb_scroll{overflow: scroll; -ms-overflow-style: none;} /*for ie*/
.ranking_scroll_wrap .lnb_scroll::-webkit-scrollbar{display:none;} /*for chrome, safari, firefox*/
.ranking_scroll_wrap.lnb:before, .lnb_wrap .lnb:after {content: '';position: absolute;top: 0;display: block;width: 15px;height: 50px;z-index: 9;}
.ranking_scroll_wrap .lnb_scroll {overflow-x: scroll;overflow-y: hidden;height: 32px;padding-bottom: 50px;box-sizing: border-box;-webkit-overflow-scrolling: touch;}
.ranking_scroll_wrap .lnb .lnb_list {display: inline-flex;min-width: 100%;border-bottom: 1px solid #eee;}
.ranking_scroll_wrap .lnb .lnb_list .on {border-bottom: 3px solid #FFA618;}
.ranking_scroll_wrap .lnb .lnb_list .on a {color: #FFA618;font-weight: 600;}
.ranking_scroll_wrap .lnb .lnb_list li {flex: 0 0 auto;margin-right: 20px;padding-bottom: 3px;}
.ranking_scroll_wrap .lnb .lnb_list li a {display: inline-block;height: 32px;font-size: 16px;font-weight: 400;color: #666;letter-spacing: -0.025em;line-height: 30px;box-sizing: border-box;}

.ranking_contents .ranking_news_list li {position: relative;padding: 15px 0;border-top: 1px solid #eee;}
.ranking_contents .ranking_news_list li:first-of-type {border-top: none;}
.ranking_contents .ranking_news_list li a {display: table-row;}
.ranking_contents .ranking_news_list .list_ranking_num {display: table-cell;min-width: 20px;font-family: 'Roboto',sans-serif;font-size: 20px;color: #ffa10b;text-align: center;vertical-align: middle;letter-spacing: -1px;padding-right: 12px;}
.ranking_contents .ranking_news_list .list_content {display: table-cell;width: 100%;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ranking_contents .ranking_news_list .list_content .list_title {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 17px;line-height: 1.5;font-weight: 400;color: #222;letter-spacing: -0.025em}
.ranking_contents .ranking_news_list .list_content .list_date {display: inline-block;font-family: 'Roboto',sans-serif;color: #acacac;font-size: 13px;margin-top: 3px}

.ranking_contents .ranking_news_list .list_img .thumb_im {overflow:hidden; position:relative; display:block; float:right; width:85px; max-height:85px; vertical-align:middle; margin-left:15px; border-radius:10px}
.ranking_contents .ranking_news_list .list_img .thumb_im img {display:block; width:100%; vertical-align:top; border-radius:10px}

.ranking_contents .btn_more{font-size: 16px;width: 100%;text-align: center; padding: 13px 0 15px 0; color: #333; border-top: 1px solid #eee;}
.ranking_contents .btn_more span {vertical-align: middle;}
.ranking_contents .btn_more span::after {width: 19px;height: 19px;background-size: 19px 19px;display: inline-block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_qbja_neebj.fit);background-repeat: no-repeat;vertical-align: middle;margin-left: 7px;position: relative;top: -2px;}

/*-- sub_news_common --*/
.second_title{padding: 15px 8px}
.second_title h4 {font-size: 20px;font-weight: bold;color: #222;line-height: 1.3;}

/*related_news*/
.sim_item {position: relative; margin-top: 15px;}
.sim_item li {position: relative; margin-top: 0;}
.sim_item > li:first-child:before {top: 4px;}
.sim_item > li:last-child:before {bottom: 5px;}
.sim_item > li a {overflow: hidden;display: block;font-size: 15px;font-weight: 400;color: #777;letter-spacing: -0.025em;line-height: 1.5;text-overflow: ellipsis;white-space: nowrap;padding: 2px 0;}
.sim_item > li a:before {content:''; display:inline-block; position:relative; top:-3px; width:8px; height:8px; margin-right:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_ery.cat) top left no-repeat; background-size:8px 8px}
.sub_top_type1 .sim_item > li > a > span{}
.sim_item > li > a > span {display: inline-block;font-size: 13px;color: #ffa618;padding: 0 3px;font-weight: 500;margin-right: 6px;border: 1px solid #ffa618;border-radius: 4px;}

/*top_news*/
/* s: 수정 221209 */
.sub_top_type1 {position: relative;background: #fff;
  padding: 0px; border-radius: 0px;margin-bottom: 20px;
}
.sub_top_type1 .sub_top_thumb {position: relative; width: 100%;overflow: hidden;
  border-radius: 0px;
}
.sub_top_type1 .sub_top_thumb img{width: 100%;vertical-align: top;}
.sub_top_type1 .top_tit {display: block; width:100%;
  padding-bottom: 20px;background: #1d1d1d;
}
.sub_top_type1 .top_tit > strong {overflow: hidden;font-family: 'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size: 23px;font-weight: 700;letter-spacing: -0.025em;line-height: 1.5;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  margin: 20px 15px 0 15px; color: #fff;
}
.sub_top_type1 .top_tit > strong > span {position: relative;bottom: 3px;display: inline-block;font-size: 14px;font-weight: 700;color: #ffa618;padding: 2px 4px 0 4px;margin-right: 6px;border: 1px solid #ffa618;border-radius: 4px;}

.sub_top_type2 {position:relative;background:#fff;
  padding:8px 0px 20px 0px;border-radius: 0; margin-bottom: 0px;
}
/* //e: 수정 221209 */
.sub_top_type2 .sub_top_art {overflow: hidden;}
.sub_top_type2 .sub_top_art  li {float: left;width: 50%;}
.sub_top_type2 .sub_top_art li a {display: block;margin: 0 4px;}
.sub_top_type2 .sub_top_art li a .thumb_im {position: relative;width: 100%;border-radius: 10px;
  height: 105px;/* 추가 221209-2 */
}
.sub_top_type2 .sub_top_art li a .thumb_im img {display: block;width: 100%;border-radius: 10px;
  height: 100%; object-fit: cover;/* 수정 221209-2 */
}
.sub_top_type2 .sub_top_art li a .thumb_tit {margin-top: 8px;padding: 0 2px;}
.sub_top_type2 .sub_top_art li a .thumb_tit .tit {width: 100%;overflow: hidden;font-size: 17px; color: #222;letter-spacing: -0.03em;line-height: 1.5;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*news_list*/
/* s: 수정 221209 */
.sub_news_art {position:relative;border-radius:12px;background:#fff;
  padding: 0px; margin-bottom: 0px;
}
.sub_news_art .list_area > li {overflow: hidden;padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
/* //e: 수정 221209 */
.sub_news_art .list_area > li > a {display: table; width: 100%; position: relative;}
.sub_news_art .list_area li:last-of-type {border-bottom: none;}
.sub_news_art .article_link {overflow: hidden;display: block;position: relative;}
.sub_news_art .article_img {overflow: hidden;position: relative;float: right; width: 85px; max-height: 85px;vertical-align:middle; border-radius: 10px;margin-left:15px}
.sub_news_art .article_img img {display:block;width: 100%;vertical-align:top;border-radius: 10px;}
.sub_news_art .article_tit {color: #222;font-size: 17px;font-weight: 400;line-height:1.5;letter-spacing:-0.025em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  word-break: break-word;/* 추가 221209 */
}
.sub_news_art .article_tit > span {position:relative; top:-1px; display: inline-block;font-size: 13px;color: #ffa618;padding: 0 3px;font-weight: 500;margin-right: 6px;border: 1px solid #ffa618;border-radius: 4px;}
/* 221209 news_list 추가 */
.sub_news_art .list_area li:first-child {border-top: 1px solid #ccc;}
.sub_top_type1 + .sub_news_art .list_area li:first-child {border-top: 0;}
.ads_frame + .sub_news_art {margin-top: 14px;}
.sub_ranking + #more_article_frame .sub_news_art:first-of-type .list_area li:first-child {border-top: 0;}

/*news_ranking*/
/* s: 수정 221209 */
.sub_ranking {position:relative; background:#fff;border-radius:0px; margin: 14px 0 20px 0 !important; padding: 0px;}
.sub_ranking .ranking_title {padding: 15px 0;border-bottom: 1px solid #ccc;}
.sub_ranking .ranking_title h2 {font-size: 20px;color: #222;margin-bottom: 8px; font-weight: 700;}
.sub_ranking .ranking_title span {font-size: 15px;color: #5a5a5a;}
.sub_ranking .ranking_news_list li {position: relative;padding: 17px 0;border-bottom: 1px solid #ccc;}
.sub_ranking .ranking_news_list li:last-of-type{border-bottom: none;}
.sub_ranking .ranking_news_list li a {display: table-row;}
.sub_ranking .ranking_news_list .list_ranking_num {display: table-cell;min-width: 20px;font-family: 'Roboto',sans-serif;font-size: 20px;color: #ffa10b;text-align: center;vertical-align: middle;letter-spacing: -2px;
  padding-right: 15px;
}
.sub_ranking .ranking_news_list .list_content {display: table-cell;width: 100%; vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sub_ranking .ranking_news_list .list_content .list_title {color: #222;font-size: 17px;line-height: 1.5;font-weight: 400;letter-spacing: -0.025em;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  word-break: break-word;
}
/* //e: 수정 221209 */
.sub_ranking .ranking_news_list .list_content .list_date {color: #999;font-size: 13px;line-height: 25px;}
.sub_ranking .ranking_news_list .list_img {overflow: hidden;position: relative;display:block;float: right;width: 85px;max-height: 85px;vertical-align:middle; margin-left:15px; border-radius:10px}
.sub_ranking .ranking_news_list .list_img img {display:block; width: 100%; vertical-align:top; border-radius: 10px;}

/* s: 수정 221209 button_more */
.sub_btn_more {
  width: 100%;text-align: center;background-color: #fff;
  padding: 0px;
  border-radius: 0px;
  font-size: 1.4rem;
  height: 40px;
  line-height: 38px;
  border: 1px solid #CCCCCC;
  color: #212121;
  margin-top: 12px;
}
.sub_btn_more:hover {background: #f7f7f7;}
.sub_btn_more span {
  vertical-align: middle;
  font-weight: 500;
}
.sub_btn_more span::after {
  display: inline-block; background-repeat: no-repeat;vertical-align:middle;position:relative;
  content: '';
  width: 18px;
  height: 18px;
  margin: -3px 0 0 2px;
  pointer-events: none;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_zx_z.cat);
  -webkit-background-size: 150px 317px;
  background-size: 150px 317px;
  background-position: -36px -140px;
  transform: rotate(90deg);
}
/* //e: 수정 221209 button_more */

/*serires*/
.ser_news_warp {position:relative;margin-bottom: 10px;padding: 0 8px;border-radius:12px;background:#fff;}
.ser_news_list > li {position: relative;border-bottom: 1px solid #eee;padding: 15px 0;}
.ser_news_list > li .ser_news {overflow: hidden;position: relative;display: table;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ser_news_list > li .ser_news .ser_tit {display: table-cell;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ser_news_list > li .ser_news .ser_tit .topic {display: inline-block;padding: 0 4px;border: 1px solid #6d82ff;border-radius: 2px;font-size: 14px;font-weight: 400;color: #6d82ff;letter-spacing: -0.025em;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;margin-bottom: 2px;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ser_news_list > li .ser_news .ser_tit .topic::after {width: 10px;height: 10px; background-size: 10px 10px;display: inline-block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_oyhr_yvax.fit);background-repeat: no-repeat;}
.ser_news_list > li .ser_news .ser_tit .tit {overflow: hidden;display: -webkit-box;font-size: 17px;font-weight: 400;color: #222;letter-spacing: -0.025em;line-height: 1.5;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ser_news_list > li .ser_news .news_img {position: relative;display: table-cell;text-align:right;vertical-align: middle;}
.ser_news_list > li .ser_news .news_img > a {overflow:hidden;vertical-align: middle;display: inline-block;width: 85px;max-height: 85px;border-radius: 10px;margin-left:15px}
.ser_news_list > li .ser_news .news_img img {display: block;width: 100%;vertical-align: top;border-radius: 10px;}
.ser_news_warp .ser_topic {display: flex;overflow: hidden;margin-bottom: 3px;}
.ser_news_warp .ser_topic .ser_tit {font-size: 14px;font-weight: 400;padding: 0 2px;border-radius: 5px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #6d82ff;border: 1px solid #9EACFF;}
.ser_tit .tit span {position: relative;top: -1px;display: inline-block;font-size: 13px;color: #ffa618;padding: 0 3px;font-weight: 500;margin-right: 6px;border: 1px solid #ffa618;border-radius: 4px;}
.ser_news_warp .sub_btn_more {border-radius: 0;}

/*special_edition*/
.special_edition_wrap ul{overflow: hidden;display: flex;justify-content: space-between;margin-bottom:12px}
.special_edition_wrap ul li:first-child {margin-right:6px}
.special_edition_wrap ul li:last-child {margin-left:6px}
.special_edition_wrap ul .special_card {float: left;width: 50%;background: #fff;border-radius: 12px;}
.special_edition_wrap ul .special_card > a {display: block;padding: 12px;}
.special_edition_wrap ul .special_card > a:first-child {padding: 12px 12px 0 12px;}
.special_edition_wrap ul .special_card > a .special_img {position: relative;width: 100%; height: 110px; overflow: hidden;  border-radius: 10px;display: block;}
.special_edition_wrap ul .special_card > a .special_img > img {position: absolute;top: 50%;left: 50%;width: 100%;border-radius: 10px;overflow: hidden;display: block;vertical-align: top;transform: translateX(-50%) translateY(-50%);}
.special_card h4 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 8px;font-size: 16px;font-weight: 500;line-height: 22px;}
.special_card .special_topic {padding-top: 0;}
.special_card p {color: #999;font-size: 15px;line-height: 17px;display: inline-block;}
.special_card .link_ico {display: inline-block;margin-left: 3px;}
.special_card .link_ico::after {width: 10px;height: 10px;background-size: 10px 10px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_yvax_neebj.fit);background-repeat: no-repeat;}

.spe_news_warp {position:relative;margin-bottom: 10px;padding: 0 8px;border-radius:12px;background:#fff;}
.spe_news_list > li {position: relative;border-top: 1px solid #eee;padding: 15px 0;}
.spe_news_list > li:first-of-type {border-top: none;}
.spe_news_list > li .spe_news {overflow: hidden;position: relative;display: table;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.spe_news_list > li .spe_news .spe_tit {display: table-cell;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;}
.spe_news_list > li .spe_news .spe_tit .topic {display: inline-block;padding: 0 4px;margin-bottom: 4px;border: 1px solid #6d82ff;border-radius: 2px;font-size: 14px;font-weight: 500;color: #6d82ff;letter-spacing: -0.025em;line-height: 20px;overflow: hidden;text-overflow: ellipsis;}
.spe_news_list > li .spe_news .spe_tit .topic::after {width: 10px;height: 10px; margin-left: 2px; background-size: 10px 10px;display: inline-block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_oyhr_yvax.fit);background-repeat: no-repeat;}
.spe_news_list > li .spe_news .spe_tit .tit {overflow: hidden;display: -webkit-box;font-size: 17px;font-weight: 400;color: #222;letter-spacing: -0.025em;line-height: 1.5;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.spe_news_list > li .spe_news .news_img {position: relative;display: table-cell;text-align:right;vertical-align: middle;}
.spe_news_list > li .spe_news .news_img > a {overflow:hidden;vertical-align: middle;display: inline-block;width: 85px;max-height: 85px;border-radius: 10px;margin-left:15px}
.spe_news_list > li .spe_news .news_img img {display: block;width: 100%;vertical-align: top;border-radius: 10px;}
.spe_news_warp .spe_topic {display: flex;height: 26px;overflow: hidden;margin-bottom: 3px;}
.spe_news_warp .spe_topic .ser_tit {font-size: 14px;font-weight: 400;padding: 0 2px;border-radius: 5px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #6d82ff;border: 1px solid #9EACFF;}
.spe_tit .tit span {position: relative;top: -1px;display: inline-block;font-size: 13px;color: #ffa618;padding: 0 3px;font-weight: 500;margin-right: 6px;border: 1px solid #ffa618;border-radius: 4px;}
.spe_news_warp .sub_btn_more {border-radius: 0;}
.pecial_card .link_ico::after {width: 10px;height: 10px;background-size: 10px 10px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_yvax_neebj.fit);background-repeat: no-repeat;}

/* s: 230330 수정 */
/*newsletter*/
.newsletter_notice {margin-bottom: 30px;border: 1px solid #ccc;}
.newsletter_notice:nth-of-type(1) {margin-top: 10px;}
.newsletter_notice .letter_img img {width: 100%;}
.newsletter_notice .letter_img img.ic_newicon {top: 8px; left: 8px;}
.newsletter_notice strong {margin: 25px 0 12px;display: block;font-size: 2rem;font-weight: 700;padding: 0 15px;}
.newsletter_notice p {display: block;color: #333; line-height: 1.5; font-size: 1.6rem;padding: 0 15px;}
.newsletter_notice span{padding: 0 8px;margin-top: 10px;display: block;font-size: 14px;color: #999;}
.newsletter_notice .btn_area {position: relative;margin-top: 25px;padding: 0 15px 15px 15px;}
.newsletter_notice .btn_area ul {overflow: hidden; clear: both;}
.newsletter_notice .btn_area ul li {float: left;width: 50%;}
.newsletter_notice .btn_area ul li a {display: block;text-align: center;line-height: 38px;font-size: 1.4rem;}
.newsletter_notice .btn_area .letter_subscribe a {color: #FF7A00;border: 1px solid #FF7A00;font-weight: 500; margin-right: 4px;}
.newsletter_notice .btn_area .pastletter a {color: #555;border: 1px solid #909090; margin-left: 4px;}

/*pastletter*/
.pastletter_wrap {position: relative;padding: 0 0 5px 0; border-radius: 12px;background: transparent;}
.pastletter_wrap .letter_top {margin-bottom: 50px;border: 1px solid #ccc;box-sizing: border-box;}
.pastletter_wrap .letter_top img {width: 100%;}
.pastletter_wrap .letter_top .sub_text {line-height: 1.5; font-size: 1.6rem;padding: 15px 15px 0 15px;}
.pastletter_wrap .letter_top .bt_apply {margin-top: 25px;padding: 0 15px 15px 15px;}
.pastletter_wrap .letter_top .bt_apply .bt_org {width: 100%;border: 1px solid #FF7A00;color: #FF7A00;font-weight: 500; font-size: 1.4rem;}

.pastletter_wrap .date_area {text-align: center;position: relative;padding: 30px 0 15px 0;}
.pastletter_wrap .date_area .button_prev {position: absolute;left: 50%;margin-left: -120px;top: 29px;}
.pastletter_wrap .date_area .button_prev::before {width: 20px;height: 20px;background-size: 20px 20px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_cerivbhf_neebj.fit);background-repeat: no-repeat;}
.pastletter_wrap .date_area .button_next {position: absolute;left: 50%;margin-left: 100px;top: 29px;}
.pastletter_wrap .date_area .button_next::before {width: 20px;height: 20px;background-size: 20px 20px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_arkg_neebj.fit);background-repeat: no-repeat;}
.pastletter_wrap .date_area .date_select {position: relative;}
.pastletter_wrap .date_area .date_select strong {vertical-align: middle;font-size: 1.9rem;font-weight: 500;}
.pastletter_wrap .date_area .btn_calendar {position:relative; top: 0; margin-left: 5px;vertical-align: middle;}
.pastletter_wrap .date_area .btn_calendar::before {width: 16px;height: 18px;background-size: 16px 18px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_pnyraqne.fit);background-repeat: no-repeat; background-position: center;padding: 2px;}
.pastletter_wrap .pop_calendar {position: absolute;top: 40px;width: 100%;z-index: 1;}
.pastletter_wrap .pop_calendar .calendar {background: #fff;width: 228px;border: solid 1px rgba(0,0,0,0.05);border-radius: 12px;margin: 0 auto;padding-bottom: 12px;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 12%);}
.pastletter_wrap .pop_calendar .calendar .year_select {padding: 15px 0;}
.pastletter_wrap .pop_calendar .calendar ul { /*display: inline-block;*/display: flex;justify-content: center;margin: 0 auto;}
.pastletter_wrap .pop_calendar .calendar ul li {width: 60px;text-align: center;padding: 10px 0;border-radius: 5px;border: 1px solid #eee;margin: 3px;}
.pastletter_wrap .pop_calendar .calendar ul li > a {width: 60px;}
.pastletter_wrap .pop_calendar .calendar ul .disabled > a {color: #BEBEBE;}
.pastletter_wrap .pop_calendar .calendar .month_select .on {border: 1px solid #FF7A00;}/* 230404 수정 */
.pastletter_wrap .pop_calendar .calendar .month_select .on a {color: #FF7A00;}/* 230404 수정 */
.pastletter_wrap .year {position: relative;top: 1px;display: inline-block;font-family:'Roboto', sans-serif;font-size: 18px;margin: 0 35px;font-weight: 500;}
.pastletter_wrap .prev::before {width: 7px;height: 13px;background-size: 7px 13px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_cbc_ceri_ba.fit);background-repeat: no-repeat;}
.pastletter_wrap .prev_off::before {width: 7px;height: 13px;background-size: 7px 13px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_cbc_ceri_bss.fit);background-repeat: no-repeat;}
.pastletter_wrap .next::before {width: 7px;height: 13px;background-size: 7px 13px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_cbc_akg_ba.fit);background-repeat: no-repeat;}
.pastletter_wrap .next_off::before {width: 7px;height: 13px;background-size: 7px 13px;display: block;content: "";background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_cbc_akg_bss.fit);background-repeat: no-repeat;}
.pastletter_wrap .letter_list > ul > li {overflow: hidden;position: relative;display: table;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid #ccc;clear: both;}
.pastletter_wrap .letter_list > ul > li:first-of-type {border-top: 2px solid #ccc;}
.pastletter_wrap .letter_list > ul > li:last-of-type {border-bottom: 2px solid #ccc;}
.pastletter_wrap .letter_list > ul > li .date {width: 90px;overflow: hidden;position: relative;display: table-cell;vertical-align: middle;background-color: #f2f2f2;text-align: center;font-size: 1.6rem;font-style: italic;color: #5A5A5A;}
.pastletter_wrap .letter_list > ul > li .tit {vertical-align: middle;-webkit-box-sizing: border-box;box-sizing:border-box;padding: 15px;font-size: 1.6rem;line-height: 1.5;word-break: break-word;}
.pastletter_wrap .letter_list > ul > li .tit .ic_lock {vertical-align: -1px;}
.pastletter_wrap .letter_list > ul > li .thumb_area {float: none;width: 110px;height: 70px;margin: 0 0 15px 15px;}
.pastletter_wrap .letter_list > ul > li .thumb_area img {height: 100%;}/* 추가 230404 */
@media all and (min-width: 768px) {
  .pastletter_wrap .letter_list > ul > li .tit {display: table-cell;}
  .pastletter_wrap .letter_list > ul > li .thumb_area {float: right;margin: 15px;}
}
/* //e: 230330 수정 */

/*voice*/
.voice_morning {position: relative;border-radius: 12px;background-color: #FFB12C;height: 200px;overflow: hidden;padding: 20px;margin-bottom: 15px;}
.voice_morning .tit {color: #fff;}
.voice_morning .tit > span {background-color: #fff;font-size: 13px;font-weight: bold;padding: 1px 5px 3px 5px;border-radius: 5px;color: #FFB12C;margin-bottom: 5px;}
.voice_morning .tit > h4 {font-size: 24px;margin: 3px 0 5px 0;}
.voice_morning .tit > p {font-size: 15px;}
.voice_morning .voice_img {position: absolute;bottom: 0;right: 20px;}
.voice_morning .voice_img > img {display: block;width: 180px;}
.voice_english {position: relative;border-radius: 12px;background-color: #7277FF;height: 200px;overflow: hidden;padding: 20px;color: white;margin-bottom: 15px;}
.voice_english .tit {color: white;position: absolute;top: 20px;left: 20px;z-index: 1;}
.voice_english .tit > span {background-color: #fff;font-size: 13px;font-weight: bold;padding: 1px 5px 3px 5px;border-radius: 5px;color: #7277FF;margin-bottom: 5px;}
.voice_english .tit > h4 {font-size: 24px;margin: 3px 0 5px 0;}
.voice_english .tit > p {font-size: 15px;display: inline-block;padding: 3px 10px 3px 0;border-radius: 50px;background-color: rgb(114, 119, 255, 1);}
.voice_english .voice_img {position: absolute;bottom: 20px;right: 20px;z-index: 0;}
.voice_english .voice_img > img {display: block;width: 150px;}

/*voice news common*/
.voice_wrap {position: relative;padding: 8px 8px 0 8px;border-radius: 12px;background: #fff;}
.voice_wrap > ul > li {border-bottom: 1px solid #eee;width: 100%;padding: 20px 0;}
.voice_wrap .morning_news {display: table;}
.voice_wrap .control{width: 45px; display: table-cell;vertical-align: middle;}
.voice_wrap .play {width: 37px;height: 37px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_urne_cynl.fit);background-size: 37px 37px;}
.voice_wrap .stop {width: 37px;height: 37px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_urne_fgbc.fit);background-size: 37px 37px;}
.voice_wrap > ul > li .tit {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;padding-left: 10px;display: table-cell;vertical-align: middle;}
.voice_wrap > ul > li .tit > span {font-size: 13px;color: #888; display: table-cell;}
.voice_wrap > ul > li .tit > strong {display: block;margin: 2px 0 10px 0;font-size: 18px;font-weight: 700;}
.voice_wrap > ul > li .tit .bottom {font-size: 15px;color: #555; display: table; width: 100%;}
.voice_wrap > ul > li .tit .bottom > div  {display: table-cell;width: 50%;text-align: right;}
.voice_wrap > ul > li  .info {background-color: #F4F4F4;padding: 0 12px;margin-top: 20px;border-radius: 5px;display: flex;font-size: 15px;color: #555;}
.voice_wrap .info .bar {display: block; width: 100%; vertical-align: middle;}
.voice_wrap .info .bar {height: 2px;width: 100%;background-color: #e6e6e6;margin: 12px 0;}
.voice_wrap .info .progress_line {background-color: #aaa;height: 3px;}
.voice_wrap .info .time {padding-left: 10px; margin-top: 3px;vertical-align: middle;display: block;letter-spacing: 0.2px;font-size: 12px;color: #777;}

/*morning news*/
.voice_wrap .morning_top {border-radius: 12px;background-color: #FFB12C;padding: 12px 10px 0 15px;overflow: hidden;margin-bottom: 5px;display: flex;justify-content: space-between;}
.voice_wrap .morning_top .tit {vertical-align: middle;color: #fff;}
.voice_wrap .morning_top .tit h4 {margin-bottom: 5px; font-size: 20px;font-weight: bold;}
.voice_wrap .morning_top .tit p {word-break: keep-all;padding: 0 20px 15px 0;font-size: 14px;line-height: 20px;}
.voice_wrap .morning_top .morning_img {vertical-align: bottom;}
.voice_wrap .morning_top .morning_img img {display: block;height: 110px;bottom: 0;}

/*pulse*/
.pulse_wrap .pulse_top {border-radius: 12px;background-color: #7277FF;padding: 12px 10px 0 15px;overflow: hidden;margin-bottom: 5px;display: flex;justify-content: space-between;}
.pulse_wrap  .pulse_top .tit {vertical-align: middle;color: #fff;}
.pulse_wrap > ul > li .tit > strong {display: block;margin-bottom: 20px;font-size: 17px;font-weight: 700;}
.pulse_wrap  .pulse_top .tit h4 {margin-bottom: 5px; font-size: 20px;font-weight: bold;}
.pulse_wrap  .pulse_top .tit p {word-break: keep-all;padding: 0 5px 15px 0;font-size: 14px;line-height: 20px;}
.pulse_wrap  .pulse_top .morning_img {vertical-align: bottom; margin-right: 3px}
.pulse_wrap  .pulse_top .morning_img img {display: block;height: 110px;bottom: 0;}
.pulse_wrap  > ul  > li .tit .bottom div a {font-size: 13px; font-weight: 700; color: #FFA618;padding: 5px 10px;border: 1px solid #FFA618;border-radius: 50px;}

/*video*/
.sub_top_type1 .ico_play {width: 60px;height: 60px;position: absolute;left: 5px;bottom: 5px;}
.sub_top_type1 .ico_play img {width: 100%;}
.video_news_wrap > ul > li .video_news .ico_play {width: 30px;height: 30px;position: absolute;left: 3px;bottom: 3px;}
.video_news_wrap > ul > li .video_news .ico_play img {width: 100%;}

.youtube_wrap {margin-bottom: 10px;}
.youtube_wrap > ul {display: flex;justify-content: space-between;}
.youtube_wrap > ul li {width: 28%; padding: 2%; background-color: white;border-radius: 12px;}
.youtube_wrap > ul li div {text-align: center;font-weight: 700;}
.youtube_wrap > ul li .character {height: 67px; margin-top: 5px;}
.youtube_wrap > ul li div img {width: 65px;}
.youtube_wrap > ul li div:last-of-type {margin-bottom: 2px;}

.video_news_wrap {position: relative;margin-bottom: 10px; border-radius: 12px; /* background: #fff; */}
.video_news_wrap > ul {padding: 0 8px;}
.video_news_wrap > ul > li {position: relative;padding: 15px 0;border-top: 1px solid #e5e5e5;}
.video_news_wrap > ul > li:first-of-type {border-top: none;}
.video_news_wrap > ul > li .video_news {overflow: hidden;position: relative;display: table;-webkit-box-sizing: border-box;box-sizing: border-box;}
.video_news_wrap > ul > li .video_news .tit {display: table-cell;vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;}
.video_news_wrap > ul > li .video_news .tit > div {font-size: 17px;line-height: 1.5;letter-spacing: -0.025em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.video_news_wrap > ul > li .video_news .thumb {position: relative;width: 85px;overflow: hidden;display: table-cell;vertical-align: middle;border-radius: 10px;margin-right: 12px;max-height: 85px;display: inline-block;}
.video_news_wrap > ul > li .video_news .thumb img {display: block;width: 100%;vertical-align: top;border-radius: 10px;}

/* opinion, premium common */
.sub_news_topwrap {position:relative; border-radius:12px; background:#fff}
.sub_news_wrap {position:relative; margin-top:10px; border-radius:12px; background:#fff}

.sub_news_head {position:relative; padding:15px 0 12px 0; margin:0 8px; border-bottom:1px solid #eee}
.sub_news_head h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em}
.sub_news_head h4 em {position:relative; top:-1px; display:inline-block; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.025em; margin-left:5px}
.sub_news_head .head_info {display:inline-block; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.025em}
.bdnone {border:none}

.sub_news_list {padding:0 8px}
.sub_news_list>li {position:relative; border-top:1px solid #eee}
.sub_news_list>li:first-child {border-top:none}
.sub_news_list>li>a {overflow:hidden; position:relative; display:table; width:100%; padding:15px 0; -webkit-box-sizing:border-box; box-sizing:border-box}
.sub_news_list>li>a .news_tit {display:table-cell; vertical-align:middle; padding-right:15px; -webkit-box-sizing:border-box; box-sizing:border-box}
.sub_news_list>li>a .news_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.sub_news_list>li>a .news_tit .tit .label {position:relative; top:-1px; display:inline-block; font-size:13px; color:#ffa618; padding:0 3px; font-weight:500; margin-right:6px; border:1px solid #ffa618; border-radius:4px}
.sub_news_list>li>a .news_img {overflow:hidden; position:relative; display:block; float:right; width:85px; max-height:85px; vertical-align:middle; border-radius:10px}
.sub_news_list>li>a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}
.opinion_news_list li a .news_tit .stit {display:inline-block}
.opinion_news_list li a .news_tit .stit span {overflow:hidden; display:-webkit-box; font-size:14px; font-weight:400; color:#4671ff; letter-spacing:-0.025em; line-height:20px; padding: 0 4px; margin-bottom:2px; border:1px solid #4671ff; border-radius:2px; word-break:break-all; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.opinion_news_list li a .news_tit .info {overflow:hidden; display:-webkit-box; font-size:14px; font-weight:400; color:#999; letter-spacing:-0.025em; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.premium_news_list li a .news_tit .stit {overflow:hidden; display:-webkit-box; font-size:14px; font-weight:400; color:#3023ae; letter-spacing:-0.025em; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.premium_news_list li a .news_tit .info {overflow:hidden; display:-webkit-box; font-size:14px; font-weight:400; color:#999; letter-spacing:-0.025em; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.relate_list {padding-bottom:15px}
.relate_list>li {position:relative}
.relate_list>li>a {overflow:hidden; display:block; font-size:15px; font-weight:400; color:#777; letter-spacing:-0.025em; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; padding:2px 0}
.relate_list>li>a:before {content:''; display:inline-block; position:relative; top:-3px; width:8px; height:8px; margin-right:6px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_ery.cat) top left no-repeat; background-size:8px 8px}
.relate_list>li>a .label {display:inline-block; font-size:13px; color:#ffa618; padding:0 3px; font-weight:500; margin-right:6px; border:1px solid #ffa618; border-radius:4px}

ul.col2 li {width:50%}
ul.col3 li {width:33.3%}
ul.col4 li {width:25%}
.sub_news_col_wrap {padding-top:20px}
.sub_news_col {overflow:hidden; padding:0 4px 20px 4px}
.sub_news_col li {float:left}
.sub_news_col li a {display:block; margin:0 4px}
.sub_news_col li a .thumb_img {overflow:hidden; position:relative; width:100%; border-radius:10px}
.sub_news_col li a .thumb_img img {display:block; width:100%; vertical-align:top; border-radius:10px}
.sub_news_col li a .thumb_tit {margin-top:-60px}
.sub_news_col li a .thumb_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.sub_news_col li a .thumb_tit .stit {display:inline-block; font-size:14px; font-weight:400; color:#3023ae; letter-spacing:-0.025em; line-height:18px}
.sub_news_col li a .thumb_tit .info {display:inline-block; font-size:14px; font-weight:400; color:#999; letter-spacing:-0.025em}

.sub_news_more {position:relative; padding:0 8px}
.sub_news_more .btn_news_more {display:block; width:100%; text-align:center; padding:15px 0; border-top:1px solid #eee}
.sub_news_more .btn_news_more span {position:relative; display:inline-block; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.025em}
.sub_news_more .btn_news_more span:after {content:''; position:relative; top:3px; display:inline-block; width:19px; height:19px; margin-left:7px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_qbja_neebj.fit) no-repeat; background-size:19px 19px}

.sub_ranking_news {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.sub_ranking_news .rknews_head {position:relative; padding:15px 0 12px 0; margin:0 8px; border-bottom:1px solid #eee}
.sub_ranking_news .rknews_head h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em}
.sub_ranking_news .rknews_list {padding:0 8px}
.sub_ranking_news .rknews_list li {position:relative; border-top:1px solid #eee}
.sub_ranking_news .rknews_list li:first-child {border:none}
.sub_ranking_news .rknews_list li a {overflow:hidden; position:relative; display:table; width:100%; padding:15px 0; -webkit-box-sizing:border-box;	box-sizing:border-box}
.sub_ranking_news .rknews_list li a .news_rank {display:table-cell; width:20px; font-family:'Roboto',sans-serif; font-size:20px; color:#ffa10b; text-align:center; vertical-align:middle; letter-spacing:-2px; padding-right:10px}
.sub_ranking_news .rknews_list li a .news_tit {display:table-cell; vertical-align:middle; padding-right:15px; -webkit-box-sizing:border-box; box-sizing:border-box}
.sub_ranking_news .rknews_list li a .news_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.sub_ranking_news .rknews_list li a .news_img {overflow:hidden; position:relative; display:block; float:right; width:85px; max-height:85px; vertical-align:middle; border-radius:10px}
.sub_ranking_news .rknews_list li a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}

/* opinion */
.today_editorial {position:relative; border-radius:12px; background:#fff}
.swiper_today_editorial {width:100%}
.swiper_today_editorial .editorial_link {display:block}
.swiper_today_editorial .editorial_wrap {display:table; width:100%; height:130px; padding:10px 0 40px 0}
.swiper_today_editorial .editorial_box {display:table-cell; text-align:center; vertical-align:middle}
.swiper_today_editorial .stit {display:block; font-size:17px; font-weight:400; color:#4671ff; text-align:center; letter-spacing:0; line-height:1.3}
.swiper_today_editorial .tit {overflow:hidden; display:-webkit-box; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:23px; font-weight:500; color:#222; text-align:center; letter-spacing:-0.025em; line-height:1.5; padding:0 40px; margin-top:5px; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.swiper_today_editorial .swiper-button-next,
.swiper_today_editorial .swiper-button-prev {position:absolute; top:50%; width:8px; height:15px; padding:15px; margin-top:-22px; z-index:10; cursor:pointer; outline:none}
.swiper_today_editorial .swiper-button-prev,
.swiper_today_editorial .swiper-container-rtl .swiper-button-next {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_zber_gvg.cat) center center no-repeat; background-size:8px 15px; -webkit-transform:rotate(180deg); transform:rotate(180deg); left:0; right:auto}
.swiper_today_editorial .swiper-button-next,
.swiper_today_editorial .swiper-container-rtl .swiper-button-prev {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_zber_gvg.cat) center center no-repeat; background-size:8px 15px; right:0; left:auto}
.swiper_today_editorial .swiper-pagination-bullets,
.swiper_today_editorial .swiper-pagination-custom,
.swiper_today_editorial .swiper-pagination-fraction {left:0; bottom:20px; width:100%}
.swiper_today_editorial .swiper-pagination-bullet {width:20px; height:3px; display:inline-block; border-radius:0; background:#f0f0f0; opacity:1}
.swiper_today_editorial .swiper-pagination-bullet-active {opacity:1; background:#ffa10b}

.column_main {position:relative; margin-top:10px; border-radius:12px; background:#808aa5}
.swiper_column_main {padding:15px}
.swiper_column_main .column_link {display:block}
.swiper_column_main .column_wrap {position:relative; min-height:120px; text-align:center; padding:15px; border-radius:10px; background:#fff}
.swiper_column_main .column_wrap .column_img {overflow:hidden; position:relative; display:inline-block; width:70px; height:70px; border-radius:100%}
.swiper_column_main .column_wrap .column_img img {display:inline-block; width:60px; height:auto; vertical-align:top}
.swiper_column_main .column_wrap .name {display:block; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; margin-top:4px}
.swiper_column_main .column_wrap .info {display:block; font-size:14px; font-weight:400; color:#999; letter-spacing:-0.025em; line-height:1.5}

.photo_essay {overflow:hidden; position:relative; margin-top:10px; border-radius:12px; background:#222}
.swiper_photo_essay {width:100%}
.swiper_photo_essay .photo_link {display:block}
.swiper_photo_essay .photo_wrap {overflow:hidden; position:relative; width:100%; height:240px; border-radius:12px}
.swiper_photo_essay .photo_box {z-index:2; position:absolute; bottom:45px; left:20px}
.swiper_photo_essay .stit {display:inline-block; font-size:14px; font-weight:400; color:#fff; letter-spacing:-0.025em; line-height:18px; padding:0 4px; margin-bottom:4px; border:1px solid #fff; border-radius:2px}
.swiper_photo_essay .tit {display:block; font-size:23px; font-weight:400; color:#fff; letter-spacing:-0.025em; line-height:1.5}
.swiper_photo_essay .photo_img_box {overflow:hidden; position:absolute; display:block; width:100%; height:100%; text-align:center}
.swiper_photo_essay .photo_img_box:before{content:''; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6)); background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6))}
.swiper_photo_essay .photo_img {position:absolute; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%)}
.swiper_photo_essay .photo_img img {display:block; width:640px; vertical-align:top}
.swiper_photo_essay .swiper-pagination-bullets,
.swiper_photo_essay .swiper-pagination-custom,
.swiper_photo_essay .swiper-pagination-fraction {left:0; bottom:20px; width:100%}
.swiper_photo_essay .swiper-pagination-bullet {width:20px; height:3px; display:inline-block; border-radius:0; background:#f0f0f0; opacity:1}
.swiper_photo_essay .swiper-pagination-bullet-active {opacity:1; background:#ffa10b}

/* premium */
.premium_main {position:relative; border-radius:12px; background:#fff}
.premium_main_col {overflow:hidden; padding:8px 4px 20px 4px; }
.premium_main_col li {float:left}
.premium_main_col li a {display:block; margin:0 4px; }
.premium_main_col li a .thumb_img {overflow:hidden; position:relative; width:100%; border-radius:10px}
.premium_main_col li a .thumb_img img {display:block; width:100%; vertical-align:top}
.premium_main_col li a .thumb_tit {margin-top:-60px; }
.premium_main_col li a .thumb_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.premium_main_col li a .thumb_tit .stit {display:inline-block; font-size:14px; font-weight:400; color:#3023ae; letter-spacing:-0.025em; line-height:18px}

.running_story {position:relative; border-radius:12px; background:#fff}
.running_story .rs_head {position:relative; padding:20px 8px}
.running_story .rs_tab {display:table; width:100%; table-layout:fixed; border-left:1px solid #e5e5e5; border-radius:5px}
.running_story .rs_tab li {position:relative; display:table-cell; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.running_story .rs_tab li:first-child {border-top-left-radius:5px; border-bottom-left-radius:5px}
.running_story .rs_tab li:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px}
.running_story .rs_tab li a {overflow:hidden; display:block; font-size:15px; font-weight:400; color:#999; line-height:36px; text-align:center; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap}
.running_story .rs_tab li.on:before {content:''; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:1px solid #ffa10b; border-radius:inherit}
.running_story .rs_tab li.on a {font-weight:700; color:#ffa10b}
.running_story .rs_list_col {overflow:hidden; padding:0 4px}
.running_story .rs_list_col li {float:left; padding-bottom:20px}
.running_story .rs_list_col li a {position:relative; display:block; margin:0 4px}
.running_story .rs_list_col li a .thumb_img {overflow:hidden; position:relative; width:100%; border-radius:10px}
.running_story .rs_list_col li a .thumb_img .img_wrap {position:relative; height:0; padding-top:100%}
.running_story .rs_list_col li a .thumb_img img {position:absolute; top:0; left:0; display:block; width:100%; height:100%; vertical-align:top; border-radius:10px}
.running_story .rs_list_col li a .thumb_tit {margin-top:10px}
.running_story .rs_list_col li a .thumb_tit .tit {overflow:hidden; display:block; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:20px; text-overflow:ellipsis; white-space:nowrap}
.running_story .rs_list_col li a .thumb_tit .info {display:block; font-family:'Roboto',sans-serif; font-size:13px; font-weight:400; color:#999; margin-top:4px}
.running_story .rs_list_col li.update a .label_update{z-index:10; position:absolute; top:0; left:0; font-family:'Roboto',sans-serif; font-size:11px; font-weight:700; color:#fff; padding:3px 9px; border-radius:10px 0 5px 0; background:#3023ae; -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.16); box-shadow:0 4px 8px 0 rgba(0,0,0,0.16)}

/* stock common */
.sub_stock_topwrap {position:relative; border-radius:12px; background:#fff}
.sub_stock_wrap {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.mt0 {margin-top:0!important}

.sub_stock_head {position:relative; padding:15px 0 12px 0; margin:0 10px}
.sub_stock_head h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em;padding-bottom: 5px!important}
.sub_stock_head .head_info {display:inline-block; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.025em; }

.up {color:#ff3535}
.down {color:#3066ff}

.tit_tbl_stock {overflow:hidden; position:relative; padding-bottom:8px; margin:0 8px}
.tit_tbl_stock.mt {margin-top:15px}
.tit_tbl_stock .tit {float:left; display:inline-block; font-size:16px; font-weight:700; color:#222; letter-spacing:-0.025em}
.tit_tbl_stock .fr {float:right}
.tit_tbl_stock .date {display:inline-block}
.tit_tbl_stock .date:before {content:''; display:inline-block; width:12px; height:12px; vertical-align:middle; margin-right:2px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_gvzr.cat) top left no-repeat; background-size:12px 12px}
.tit_tbl_stock .date span {display:inline-block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:13px; font-weight:400; color:#aaa; letter-spacing:0; vertical-align:middle}
.tit_tbl_stock .vert {display:inline-block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:13px; font-weight:400; color:#aaa; letter-spacing:0; vertical-align:middle}
.tit_tbl_stock .vert:before {content:''; display:inline-block; width:1px; height:10px; margin:0 8px 0 5px; background:#e5e5e5}

.aleft {text-align:left}
.aright {text-align:right}
.acenter {text-align:center}

.tbl_stock {width:100%; border-collapse:collapse; border-spacing:0; border:0; table-layout:fixed}
.tbl_stock tr th {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:13px; font-weight:400; color:#777; letter-spacing:-0.02em; padding:12px 5px 10px 5px; border-top:1px solid #f0f0f0}
.tbl_stock tr th:first-child {padding-left:0}
.tbl_stock tr th:last-child {padding-right:0}
.tbl_stock tr td {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:15px; font-weight:400; letter-spacing:-0.02em; vertical-align:middle; padding:10px 5px; border-top:1px solid #f0f0f0}
.tbl_stock tr td:first-child {padding-left:0}
.tbl_stock tr td:last-child {padding-right:0}
.tbl_stock tr td.date {font-family:'Roboto',sans-serif; font-weight:400; color:#777; letter-spacing:-0.02em}
.tbl_stock tr td.txt {font-weight:400; color:#222; letter-spacing:-0.025em}
.tbl_stock tr td .item {overflow:hidden; display:inline-block; max-width:100%; font-weight:400; color:#222; letter-spacing:-0.025em; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap}
.tbl_stock tr td i {position:relative; top:-1px; display:inline-block; font-family:'Roboto',sans-serif; font-style:normal; font-weight:400; font-size:12px; letter-spacing:0; margin-right:2px}
.tbl_stock tr td em {display:inline-block; font-size:12px; font-weight:400; color:#222; letter-spacing:-0.025em; margin-left:2px}

.sub_stock_more {position:relative}
.sub_stock_more .btn_news_more {display:block; width:100%; text-align:center; padding:15px 0; border-top:1px solid #e5e5e5}
.sub_stock_more .btn_news_more span {position:relative; display:inline-block; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.025em}
.sub_stock_more .btn_news_more span:after {content:''; position:relative; top:3px; display:inline-block; width:19px; height:19px; margin-left:7px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svpb_qbja_neebj.fit) no-repeat; background-size:19px 19px}

.f_txt_wrp {padding:20px 0 10px 0}
.f_txt_wrp p {font-size:13px; font-weight:400; color:#aaa; letter-spacing:-0.025em; line-height:1.5}

/* stock */
.domestic_main_wrap {padding:15px 8px 20px 8px}
.domestic_main_info {position:relative}
.domestic_main_info .stock_tit h4 {display:block; font-size:19px; font-weight:700; color:#222; letter-spacing:-0.025em}
.domestic_main_info .stock_tit h4 em {position:relative; top:-1px; display:inline-block; font-size:14px; font-weight:400; color:#ccc; letter-spacing:0; margin-left:10px}
.domestic_main_info .stock_date {position:absolute; top:0; right:0; display:inline-block}
.domestic_main_info .stock_date:before {content:''; display:inline-block; width:12px; height:12px; vertical-align:middle; margin-right:2px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_gvzr.cat) top left no-repeat; background-size:12px 12px}
.domestic_main_info .stock_date span {display:inline-block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:13px; font-weight:400; color:#aaa; letter-spacing:0; vertical-align:middle}
.domestic_main_info .stock_price_wrap {overflow:hidden; margin-top:10px}
.domestic_main_info .stock_price_wrap .stock_price {float:left; font-family:'Roboto',sans-serif; font-size:32px; font-weight:400; letter-spacing:-0.02em; line-height:40px}
.domestic_main_info .stock_price_wrap .stock_gap {float:left; line-height:40px; margin-left:5px}
.domestic_main_info .stock_price_wrap .stock_gap .gap_price {display:inline-block; margin-left:10px}
.domestic_main_info .stock_price_wrap .stock_gap .gap_price i {position:relative; top:-1px; display:inline-block; font-family:'Roboto',sans-serif; font-style:normal; font-weight:400; font-size:12px; letter-spacing:0; margin-right:2px}
.domestic_main_info .stock_price_wrap .stock_gap .gap_price .price {display:inline-block; font-family:'Roboto',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.02em}
.domestic_main_info .stock_price_wrap .stock_gap .gap_rate {display:inline-block; margin-left:10px}
.domestic_main_info .stock_price_wrap .stock_gap .gap_rate .rate {display:inline-block; font-family:'Roboto',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.02em}
.domestic_main_info .stock_price_wrap .stock_gap .gap_rate .per {display:inline-block; font-family:'Roboto',sans-serif; font-weight:400; font-size:14px; letter-spacing:0}
.domestic_main_chart {position:relative; margin-top:15px}
.domestic_main_chart .stock_chart_tab {display:table; width:100%; table-layout:fixed}
.domestic_main_chart .stock_chart_tab li {display:table-cell; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.domestic_main_chart .stock_chart_tab li a {overflow:hidden; display:block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:16px; font-weight:400; color:#222; line-height:42px; text-align:center; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap}
.domestic_main_chart .stock_chart_tab li.on {border-bottom:1px solid #222}
.domestic_main_chart .stock_chart_tab li.on a {font-weight:700; color:#222}
.domestic_main_chart .stock_chart_con {padding-top:20px}
.domestic_main_chart .stock_chart_con .stock_chart {position:relative}
.domestic_main_chart .stock_chart_con .stock_chart img {width:100%; vertical-align:top}
.domestic_total {padding:8px}
.domestic_total .total_list {display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap}
.domestic_total .total_list li {position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -moz-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; width:50%; min-height:42px; padding:5px 0 4px 0; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.domestic_total .total_list li:nth-child(1),
.domestic_total .total_list li:nth-child(2) {border-top:none}
.domestic_total .total_list li:nth-child(odd) {padding-right:10px; border-left:none}
.domestic_total .total_list li:nth-child(even) {padding-left:10px}
.domestic_total .total_list li .tit {display:inline-block; font-size:13px; font-weight:400; color:#777; letter-spacing:-0.025em}
.domestic_total .total_list li .num {display:inline-block; font-family:'Roboto',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.02em; line-height:1.25; text-align:right}
.domestic_total .total_list li .num em {display:inline-block; font-size:12px; font-weight:400; color:#222; letter-spacing:-0.025em; margin-left:2px}
.domestic_investor {padding:15px 8px}
.domestic_investor .investor_list {display:table; width:100%; table-layout:fixed}
.domestic_investor .investor_list li {display:table-cell; text-align:center}
.domestic_investor .investor_list li .tit {display:block; font-size:13px; font-weight:400; color:#777; letter-spacing:-0.025em}
.domestic_investor .investor_list li .num {display:block; font-family:'Roboto',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.02em; margin-top:5px}
.domestic_investor .investor_list li .num em {position:relative; top:-1px; display:inline-block; font-size:13px; font-weight:400; letter-spacing:-0.025em; margin-left:2px}

.tbl_sise_wrap {padding:0 8px}
.tbl_sise .c1 {width:15%}
.tbl_sise .c2 {width:30%}
.tbl_sise .c3 {width:30%}
.tbl_sise .c4 {width:25%}

.global_tab_wrap {padding:0 8px}
.global_tab_wrap .global_tab {display:table; width:100%; table-layout:fixed}
.global_tab_wrap .global_tab li {display:table-cell; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.global_tab_wrap .global_tab li a {overflow:hidden; display:block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:16px; font-weight:400; color:#222; line-height:42px; text-align:center; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap}
.global_tab_wrap .global_tab li.on {border-bottom:1px solid #222}
.global_tab_wrap .global_tab li.on a {font-weight:700; color:#222}
.tbl_global_wrap {padding:0 8px}
.tbl_global .c1 {width:40%}
.tbl_global .c2 {width:35%}
.tbl_global .c3 {width:25%}
.tbl_global tr:first-child td {border-top:none}
.tbl_global tr td .price {display:block; font-size:18px; font-weight:400; color:#222; letter-spacing:-0.02em}
.tbl_global tr td .gap_price {display:block; font-size:14px; margin-top:3px}

.tbl_indicators_wrap {padding:0 8px 20px 8px}
.tbl_indicators tr td {white-space:nowrap}
.tbl_indicators tr:last-child td {border-bottom:1px solid #f0f0f0}

/* news_view */
.news_view_wrap {position:relative}

.view_content {position:relative; padding:20px 8px 0 8px; margin-top:10px; border-radius:12px; background:#fff}

.view_head {position:relative}
.view_head .head_top {position:relative}
.view_head .head_top span {display:inline-block; font-size:17px; font-weight:500; color:#ffa10b; letter-spacing:-0.025em}
.view_head .head_tit {position:relative; margin-top:10px}
.view_head .head_tit h1 {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:28px; font-weight:500; color:#222; letter-spacing:-0.02em; line-height:1.4}
.view_head .head_info {position:relative; margin-top:10px}
.view_head .head_info .journalist_name {font-size:15px; font-weight:400; color:#222; letter-spacing:-0.025em}
.view_head .head_info .journalist_name a {display:inline-block; font-size:15px; font-weight:400; color:#222; letter-spacing:-0.025em; margin-right:10px}
.view_head .head_info .journalist_name a:after {content:''; position:relative; top:-1px; display:inline-block; width:5px; height:9px; margin-left:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_zber_nee.cat) no-repeat; background-size:5px 9px}
.view_head .head_info .journalist_name span {display:inline-block; font-size:15px; font-weight:400; color:#222; letter-spacing:-0.025em; margin-right:10px}
.view_head .head_info .source_date {margin-top:5px}
.view_head .head_info .source_date .date {display:inline-block}
.view_head .head_info .source_date .date:before {content:''; position:relative; top:2px; display:inline-block; width:1px; height:12px; margin:0 6px; background:#e5e5e5}
.view_head .head_info .source_date .date:first-child:before {display:none}
.view_head .head_info .source_date .date em {display:inline-block; font-size:13px; font-weight:400; color:#aaa; letter-spacing:-0.025em; margin-right:2px}
.view_head .head_info .source_date .date span {display:inline-block; font-family:'Roboto',sans-serif; font-size:13px; font-weight:400; color:#aaa; letter-spacing:-0.025em}
.view_head .head_variety {position:relative; margin-top:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap}
.view_head .head_variety .variety_left {display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex}
.view_head .head_variety .variety_left .comment_count {display:inline-block}
.view_head .head_variety .variety_left .comment_count a {display:inline-block; padding:0 10px 0 32px; border:1px solid #e5e5e5; border-radius:50px}
.view_head .head_variety .variety_left .comment_count a:before {content:''; position:absolute; top:10px; left:12px; display:block; width:15px; height:15px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_ivrj_pbzzrag.cat) top center no-repeat; background-size:15px 14px}
.view_head .head_variety .variety_left .comment_count a span {display:inline-block; font-family:'Roboto',sans-serif; font-size:13px; font-weight:400; color:#222; vertical-align:middle; letter-spacing:0; line-height:30px}
.view_head .head_variety .variety_left .audio {position:relative}
.view_head .head_variety .variety_left .audio:after {content:''; display:inline-block; width:110px; height:30px}
.view_head .head_variety .variety_right {z-index:10000; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex}
.view_head .head_variety .variety_right .share {display:inline-block}
.view_head .head_variety .variety_right .share .btn_share {padding:5px; border:0}
.view_head .head_variety .variety_right .share .btn_share:before {content:''; display:block; width:18px; height:20px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_ivrj_funer.cat) center center no-repeat; background-size:18px 18px}
.view_head .head_variety .variety_right .fontsize {display:inline-block; margin-left:10px}
.view_head .head_variety .variety_right .fontsize .btn_fontsize:before {content:''; display:block; width:25px; height:20px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_ivrj_sbagfvmr.cat) center center no-repeat; background-size:25px 18px}
.view_head .head_variety .variety_right .fontsize .btn_fontsize {padding:5px; border:0}

/* layer */
.mklayer_area {z-index:30000; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
.mklayer {z-index:30010; position:absolute; top:0; left:50%; width:290px; margin-left:-145px; border-radius:12px; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.16); box-shadow:0 4px 8px 0 rgba(0,0,0,0.16); -webkit-transform translateZ(0)}
.mklayer_close {position:absolute; top:15px; right:15px; display:block; width:15px; height:15px; padding:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Soga_ynlre_pybfr.cat) center center no-repeat; background-size:15px 15px}

.ly_share {}
.ly_share .ly_head {position:relative; padding:16px 15px 20px 15px}
.ly_share .ly_head strong {display:block; font-size:17px; font-weight:500; color:#222; letter-spacing:-0.025em; text-align:center}
.ly_share .ly_con {position:relative; padding:0 15px 15px 15px}
.ly_share .share_list {overflow:hidden}
.ly_share .share_list li {float:left; width:33.3%; margin-bottom:15px}
.ly_share .share_list li a {display:block; text-align:center; vertical-align:top}
.ly_share .share_list li .btn_share_facebook:before {content:''; display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_snprobbx.cat) top center no-repeat; background-size:50px 50px}
.ly_share .share_list li .btn_share_twitter:before {content:''; display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_gjvggre.cat) top center no-repeat; background-size:50px 50px}
.ly_share .share_list li .btn_share_naverband:before {content:''; display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_anireonaq.cat) top center no-repeat; background-size:50px 50px}
.ly_share .share_list li .btn_share_kakaotalk:before {content:''; display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_xnxnbgnyx.cat) top center no-repeat; background-size:50px 50px}
.ly_share .share_list li .btn_share_kakaostory:before {content:''; display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_xnxnbfgbel.cat) top center no-repeat; background-size:50px 50px}
.ly_share .share_list li .btn_share_email:before {content:''; display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_rznvy.cat) top center no-repeat; background-size:50px 50px}
.ly_share .share_list li a span {display:block; font-size:13px; font-weight:400; color:#444; letter-spacing:-0.025em; margin-top:2px}
.ly_share .share_bottom {position:relative; margin-top:10px}
.ly_share .share_bottom .share_link {overflow:hidden; display:block}
.ly_share .share_bottom .share_link .txt_link {overflow:hidden; float:left; display:inline-block; width: calc(100% - 50px); height:40px; font-family:'Roboto',sans-serif; font-size:13px; font-weight:400; color:#3f63bf; letter-spacing:0; line-height:40px; padding:0 15px; border:none; border-radius:10px 0 0 10px; background:#f0f0f0; text-overflow:ellipsis; white-space:nowrap; outline:none}
.ly_share .share_bottom .share_link .btn_link {float:left; display:inline-block; width:50px; height:40px; border-radius:0 10px 10px 0; background:#aaa}
.ly_share .share_bottom .share_link .btn_link:before {content:''; display:block; width:50px; height:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_funer_yvax.cat) center center no-repeat; background-size:20px 20px}

.ly_share_email {}
.ly_share_email .ly_head {position:relative; padding:16px 15px 15px 15px}
.ly_share_email .ly_head strong {display:block; font-size:17px; font-weight:500; color:#222; letter-spacing:-0.025em; text-align:center}
.ly_share_email .ly_con {position:relative; padding:0 15px 15px 15px}
.ly_share_email .sand_wrap {position:relative}
.ly_share_email .sand_wrap .sand_article {position:relative; padding:10px; border:1px solid #e5e5e5; border-radius:10px; background:#fafafa}
.ly_share_email .sand_wrap .sand_article .tit {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:20px; font-weight:500; color:#222; letter-spacing:-0.025em; line-height:1.4}
.ly_share_email .sand_wrap .sand_inp_list {position:relative}
.ly_share_email .sand_wrap .sand_inp_list li {display:block}
.ly_share_email .sand_wrap .sand_inp_list li .lbl_box {font-size:14px; font-weight:500; color:#ffa10b; letter-spacing:-0.025em; line-height:1.4; margin-top:15px}
.ly_share_email .sand_wrap .sand_inp_list li .lbl_box label {}
.ly_share_email .sand_wrap .sand_inp_list li .inp_box {height:45px; padding:0 10px; margin-top:5px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; box-sizing:border-box}
.ly_share_email .sand_wrap .sand_inp_list li .inp_box input {width:100%; height:45px; font-size:16px; font-weight:400; color:#222; letter-spacing:0; border:none; background:transparent; outline:none}
.ly_share_email .sand_wrap .btn_sand {display:block; height:45px; font-size:17px; font-weight:500; color:#fff; letter-spacing:-0.025em; line-height:45px; text-align:center; margin-top:15px; border-radius:10px; background:#ffa10b}

.ly_fontsize {z-index:10000; position:absolute; top:40px; right:0; left:0; max-width:290px; padding:0 15px; margin-left:auto; border:solid 1px rgba(0,0,0,0.05); border-radius:12px; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.12); box-shadow:0 4px 8px 0 rgba(0,0,0,0.12)}
.ly_fontsize .fontsize_list {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; text-align:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.ly_fontsize .fontsize_list li {display:inline-block; vertical-align:top; padding:15px 0 12px 0}
.ly_fontsize .fontsize_list li a {display:inline-block}
.ly_fontsize .fontsize_list li a .option_txt {display:inline-block; width:36px; height:36px; font-weight:400; color:#aaa; line-height:38px; text-align:center; border:solid 1px rgba(0,0,0,0.05); border-radius:100px; background:#fff}
.ly_fontsize .fontsize_list li a .option_name {display:block; font-size:14px; font-weight:400; color:#777; letter-spacing:-0.025em; text-align:center; margin-top:5px}
.ly_fontsize .fontsize_list .option1 a .option_txt {font-size:13px}
.ly_fontsize .fontsize_list .option2 a .option_txt {font-size:15px}
.ly_fontsize .fontsize_list .option3 a .option_txt {font-size:17px}
.ly_fontsize .fontsize_list .option4 a .option_txt {font-size:19px}
.ly_fontsize .fontsize_list .option5 a .option_txt {font-size:21px}
.ly_fontsize .fontsize_list .option4 a .option_name {margin:5px -5px 0 -5px}
.ly_fontsize .fontsize_list .option5 a .option_name {margin:5px -5px 0 -5px}
.ly_fontsize .fontsize_list li.on a .option_txt {font-weight:500; color:#fff; background:#ffa10b}
.ly_fontsize .fontsize_list li.on a .option_name {font-weight:500; color:#ffa10b}

.view_body {position:relative; padding:30px 0; margin-top:30px; border-top:1px solid #e5e5e5}
.view_body .sub_tit {position:relative; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; padding-left:15px; margin-bottom:30px}
.view_body .sub_tit:before {content:''; position:absolute; top:5px; left:0; bottom:5px; width:2px; background:#ffa10b}
.view_body .con_article {font-size:18px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.6; word-break:break-all}
.view_body .con_article .article_img {overflow:hidden; position:relative; display:block; min-height:50px}
.view_body .con_article .article_img img {display:block; max-width:100%; vertical-align:top; margin:0 auto}
.view_body .con_article .article_img .btn_view_img {position:absolute; bottom:0; right:0; display:block; padding:10px}
.view_body .con_article .article_img .btn_view_img:before {content:''; display:block; width:30px; height:30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_ivrj_vzt.cat) top center no-repeat; background-size:30px 30px}
.view_body .con_article .img_desc {font-size:14px; font-weight:400; color:#888; letter-spacing:-0.025em; line-height:1.4; padding:0 5px; margin-top:10px; margin-bottom:30px}
.view_body .con_article .article_copy {font-size:16px; font-weight:400; color:#777; letter-spacing:-0.025em; line-height:1.5}
.view_body .con_article pre {white-space:pre-wrap}
.mt30 {margin-top:30px}
.mb30 {margin-bottom:30px}

.view_headline_news {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.view_headline_news .hlnews_head {position:relative; padding:15px 0 12px 0; margin:0 10px; border-bottom:1px solid #eee}
.view_headline_news .hlnews_head h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em}
.view_headline_news .hlnews_list {padding:0 8px}
.view_headline_news .hlnews_list li {position:relative; border-top:1px solid #eee}
.view_headline_news .hlnews_list li:first-child {border:none}
.view_headline_news .hlnews_list li a {overflow:hidden; position:relative; display:table; width:100%; padding:15px 0; -webkit-box-sizing:border-box; box-sizing:border-box}
.view_headline_news .hlnews_list li a .news_tit {display:table-cell; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box}
.view_headline_news .hlnews_list li a .news_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.view_headline_news .hlnews_list li a .news_img {overflow:hidden; position:relative; display:block; float:right; width:85px; max-height:85px; vertical-align:middle; margin-left:15px; border-radius:10px}
.view_headline_news .hlnews_list li a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}

/* s: 수정 221212 */
.view_comment {position:relative; margin: 12px 15px 0 15px; box-sizing: border-box;}
.view_comment .btn_comment {display:block; width:100%; text-align:center; border: 1px solid #CCCCCC; font-size: 1.4rem; height: 60px; padding: 0px !important;}
.view_comment .btn_comment .txt_comment {position:relative; display:inline-block; font-weight:500; letter-spacing:-0.025em; padding-right: 20px;}
.view_comment .btn_comment .txt_comment em {display:inline-block; font-family:'Roboto',sans-serif; font-weight:700; letter-spacing:-1px; margin-right:2px;}
.view_comment .btn_comment .txt_comment:after {
  content:'';
  display:inline-block;
  margin-left:5px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 18px;
  height: 18px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_zx_z.cat);
  -webkit-background-size: 150px 317px;
  background-size: 150px 317px;
  background-position: -36px -140px;
  transform: rotate(90deg);
  -webkit-transform:rotate(90deg);
  transition: 0.3s;
}
.view_comment .btn_comment.on .txt_comment:after {
  transform: rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}
.view_comment .comment_area {padding: 20px 0;}
.view_comment .btn_comment:hover {background: #f7f7f7;}
/* //e: 수정 221212 */

.view_ranking_news {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.view_ranking_news .rknews_head {position:relative; padding:15px 0 12px 0; margin:0 10px; border-bottom:1px solid #eee}
.view_ranking_news .rknews_head h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em}
.view_ranking_news .rknews_tab {display:table; width:100%; padding:0 8px; box-sizing:border-box; table-layout:fixed}
.view_ranking_news .rknews_tab li {display:table-cell; border-bottom:1px solid #e5e5e5}
.view_ranking_news .rknews_tab li a {overflow:hidden; display:block; font-size:17px; font-weight:400; color:#999; line-height:30px; text-align:center; vertical-align:middle; padding:12px 0 8px 0; text-overflow:ellipsis; white-space:nowrap}
.view_ranking_news .rknews_tab li.on {border-bottom:2px solid #ffa10b}
.view_ranking_news .rknews_tab li.on a {font-weight:700; color:#ffa10b}
.view_ranking_news .rknews_tab li.on a em {font-weight:700}
.view_ranking_news .rknews_list {padding:0 8px}
.view_ranking_news .rknews_list li {position:relative; border-top:1px solid #eee}
.view_ranking_news .rknews_list li:first-child {border:none}
.view_ranking_news .rknews_list li a {overflow:hidden; position:relative; display:table; width:100%; padding:15px 0; -webkit-box-sizing:border-box;	box-sizing:border-box}
.view_ranking_news .rknews_list li a .news_rank {display:table-cell; width:20px; font-family:'Roboto',sans-serif; font-size:20px; color:#ffa10b; text-align:center; vertical-align:middle; letter-spacing:-2px; padding-right:10px}
.view_ranking_news .rknews_list li a .news_tit {display:table-cell; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box}
.view_ranking_news .rknews_list li a .news_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.view_ranking_news .rknews_list li a .news_img {overflow:hidden; position:relative; display:block; float:right; width:85px; max-height:85px; vertical-align:middle; margin-left:15px; border-radius:10px}
.view_ranking_news .rknews_list li a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}

/* ad */
.ad_top {overflow:hidden; text-align:center; margin:0 8px}
.ad_view {overflow:hidden; text-align:center}
.ad_center {overflow:hidden; text-align:center; margin:10px 8px 0 8px}
/* s: 수정 221212 */
.ad_section {position:relative; padding:0 15px;}
.ad_section .ad_con {padding: 20px 0 0 0; margin-top: 40px; border-top: 1px solid #000;}
.news_cnt_detail_wrap + .ad_section {padding: 0; margin-top: 30px;}
.news_cnt_detail_wrap + .ad_section .ad_con {padding: 20px 0; margin-top: 0;}
.news_popularity_sec .popular_news_wrap .news_list li:not(.news_node) {border-bottom: 1px solid #ccc;}
.news_popularity_sec .popular_news_wrap .news_list li:not(.news_node):last-child {border-bottom: 0;}
/* //e: 수정 221212 */

/* bn */
.bn_center {overflow:hidden; text-align:center; margin:10px 0 0 0;} /* 수정 221212 */
.bn_center a {overflow:hidden; display:block; border-radius: 0px;} /* 수정 221212 */
.bn_center a img {display:block; width:100%; vertical-align:top}

/* photo_viewer */
.photoviewer_wrap {z-index:30000; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#222}
.photoviewer {position:relative; width:100%; height:100%; margin:0 auto}
.photoviewer .photoviewer_header {z-index:1000; position:fixed; top:0; right:0; left:0; width:100%}
.photoviewer .photoviewer_header .btn_close {position:absolute; top:10px; right:10px; display:block; width:15px; height:15px; padding:15px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Soga_ynlre_pybfr_ju.cat) center center no-repeat; background-size:15px 15px}
.photoviewer .photoviewer_container {width:100%; height:100%}
.photoviewer .photoviewer_container .swiper_photoviewer {width:100%; height:100%}
.photoviewer .photoviewer_container .swiper_photoviewer .inner_wrap {display:table; width:100%; height:100%}
.photoviewer .photoviewer_container .swiper_photoviewer .inner {z-index:100; display:table-cell; text-align:center; vertical-align:middle}
.photoviewer .photoviewer_container .swiper_photoviewer .inner img {width:100%}
.photoviewer .photoviewer_container .swiper-pagination-fraction {z-index:1000; position:fixed; left:25px; top:23px; bottom:100%; width:100%; color:#fff; font-family:'Roboto',sans-serif; font-size:13px; font-weight:400; color:#eee; letter-spacing:2; text-align:left}
.photoviewer .photoviewer_footer {z-index:1000; position:fixed; right:0; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5)}
.photoviewer .photoviewer_footer p {font-size:14px; font-weight:400; color:#eee; letter-spacing:-0.025em; line-height:1.5; padding:20px}

/* search, author common */
.search_head_wrap {position:relative}
.search_head_wrap .search_area {margin-top:10px}
.search_head_wrap .search_area .search_box {overflow:hidden; position:relative; border-radius:12px; background:#fff}
.search_head_wrap .search_area .search_box .search {float:left; width:calc(100% - 65px); padding-left:15px}
.search_head_wrap .search_area .search_box .search input {width:100%; height:55px; font-size:20px; font-weight:500; color:#222; letter-spacing:-0.025em; border:none; background:transparent}
.search_head_wrap .search_area .search_box .search input:focus {outline:none}
.search_head_wrap .search_area .search_box .btn_search {float:right; right:0; display:block; width:30px; height:35px; padding:10px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_nfvqr_frnepu.cat) center center no-repeat; background-size:20px 20px}
.search_head_wrap .search_option {margin-top:8px}
.search_head_wrap .search_option .option_sel {display:table; width:100%; table-layout:fixed}
.search_head_wrap .search_option .option_sel li {display:table-cell; padding:0 4px}
.search_head_wrap .search_option .option_sel li:first-child {padding:0 4px 0 0}
.search_head_wrap .search_option .option_sel li:last-child {padding:0 0 0 4px}
.search_head_wrap .search_option .option_sel li select {width:100%; height:40px; font-size:14px; font-weight:400; color:#444; letter-spacing:-0.025em; padding:0 30px 0 15px; border:1px solid #fff; border-radius:12px; background:#f9f9f9 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Sfry_nee.cat) center right 12px no-repeat; background-size:10px 6px; cursor:pointer}

.search_list_wrap {position:relative}
.search_list_wrap .list_option {overflow:hidden; margin-top:20px}
.search_list_wrap .list_option .list_type {position:relative; top:2px; float:left}
.search_list_wrap .list_option .list_type .chk_box {position:relative; text-align:left}
.search_list_wrap .list_option .list_type .chk_box input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); opacity:0}
.search_list_wrap .list_option .list_type .chk_box input[type="checkbox"] + label {display:inline-block; font-size:15px; font-weight:500; color:#7e7e7e; letter-spacing:-0.025em; line-height:20px; cursor:pointer}
.search_list_wrap .list_option .list_type .chk_box input[type="checkbox"] + label:before {content:''; display:inline-block; width:20px; height:20px; vertical-align:top; margin-right:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Spux_fpu.cat) no-repeat; background-size:20px}
.search_list_wrap .list_option .list_type .chk_box input[type="checkbox"]:checked + label:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Spux_fpu_ba.cat)}
.search_list_wrap .list_option .list_sort {float:right}
.search_list_wrap .list_option .list_sort .tab {overflow:hidden; border-radius:10px; background:#eaeaea}
.search_list_wrap .list_option .list_sort .tab li {position:relative; float:left}
.search_list_wrap .list_option .list_sort .tab li a {display:block; width:60px; font-size:13px; font-weight:400; color:#c0c0c0; letter-spacing:-0.025em; line-height:30px; text-align:center}
.search_list_wrap .list_option .list_sort .tab li.on a {font-weight:700; color:#ffa10b; border-radius:10px; background:#fff}
.search_list_wrap .list_option .list_sort .tab li.on a:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #ffc68d; border-radius:10px}

.search_list_wrap .list_area {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.search_list_wrap .list_tit_box {overflow:hidden; position:relative; padding:15px 0 12px 0; margin:0 8px; border-bottom:1px solid #eee}
.search_list_wrap .list_tit_box .list_tit {float:left; font-size:16px; font-weight:700; color:#222; letter-spacing:-0.03em}
.search_list_wrap .list_tit_box .list_tit:before {content:''; position:relative; top:4px; display:block; float:left; width:16px; height:18px; margin-right:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_arjf.cat) no-repeat; background-size:16px 18px}
.search_list_wrap .list_tit_box .list_tit em {font-weight:700; color:#ffa10b; margin-right:5px}
.search_list_wrap .list_tit_box .list_count {position:relative; top:-1px; float:right; font-size:12px; font-weight:400; color:#444; letter-spacing:-0.025em; padding:3px 10px; border-radius:50px; background:#fafafa}
.search_list_wrap .list_tit_box .list_count em {font-size:13px; font-family:'Roboto', sans-serif; color:#ffa10b; margin-left:3px}

.search_list_wrap .search_article_list {padding:0 8px}
.search_list_wrap .search_article_list li {position:relative; border-top:1px solid #eee}
.search_list_wrap .search_article_list li:first-child {border:none}
.search_list_wrap .search_article_list li a {overflow:hidden; position:relative; display:table; width:100%; padding:15px 0; -webkit-box-sizing:border-box;	box-sizing:border-box}
.search_list_wrap .search_article_list li a .news_tit {display:table-cell; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box}
.search_list_wrap .search_article_list li a .news_tit .tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.search_list_wrap .search_article_list li a .news_tit .info {display:inline-block; font-size:12px; font-weight:400; color:#777; letter-spacing:-0.025em; margin-right:4px}
.search_list_wrap .search_article_list li a .news_tit .date {display:inline-block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:12px; font-weight:400; color:#aeaeae; letter-spacing:-0.025em; margin-right:4px}
.search_list_wrap .search_article_list li a .news_tit .date:before {content:''; position:relative; top:1px; display:inline-block; width:1px; height:10px; margin-right:8px; background:#e5e5e5}
.search_list_wrap .search_article_list li a .news_tit .paper {display:inline-block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:12px; font-weight:400; color:#777; letter-spacing:-0.025em; margin-right:4px}
.search_list_wrap .search_article_list li a .news_tit .paper:before {content:''; position:relative; top:1px; display:inline-block; width:9px; height:10px; margin-right:4px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_arjf.cat) no-repeat; background-size:9px 10px}
.search_list_wrap .search_article_list li a .news_img {overflow:hidden; position:relative; display:block; float:right; width:85px; max-height:85px; vertical-align:middle; margin-left:15px; border-radius:10px}
.search_list_wrap .search_article_list li a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}

.search_error {position:relative; text-align:center; padding:50px 20px}
.search_error .ic_error {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_reebe.cat) no-repeat; background-size:50px 50px}
.search_error h4 {display:block; font-size:20px; font-weight:500; color:#222; letter-spacing:-0.025em; line-height:1.5; margin-top:10px}
.search_error h4 strong {font-weight:700; color:#ffa10b}
.search_error p {display:block; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.025em; line-height:1.5; margin-top:10px}

/* search */
.search_content {position:relative}

/* author */
.author_content {position:relative}
.author_info_wrap {overflow:hidden; position:relative; display:table; width:100%; padding:20px 15px; margin-top:10px; border-radius:12px; background:#fff; box-sizing:border-box}
.author_info_wrap .author_img {display:inline-block; width:60px; text-align:right; vertical-align:middle; margin-right:15px}
.author_info_wrap .author_img .img_box {overflow:hidden; display:inline-block; width:60px; height:60px; border-radius:100%}
.author_info_wrap .author_img .img_box img {width:100%; vertical-align:top}
.author_info_wrap .author_info {display:inline-block; vertical-align:middle}
.author_info_wrap .author_info .info {display:block; font-size:15px; font-weight:400; color:#888; letter-spacing:-0.025em}
.author_info_wrap .author_info .name {display:inline-block; font-size:22px; font-weight:700; color:#222; letter-spacing:-0.025em; vertical-align:middle; margin-right:5px}
.author_info_wrap .author_info .sns {display:inline-block; margin-top:3px}
.author_info_wrap .author_info .btn_sns {display:inline-block; width:24px; height:24px; vertical-align:middle; margin-right:1px}
.author_info_wrap .author_info .btn_email:before {content:''; display:inline-block; width:24px; height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_nhgube_rznvy.cat) top center no-repeat; background-size:24px 24px}
.author_info_wrap .author_info .btn_twitter:before {content:''; display:inline-block; width:24px; height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_nhgube_gjvggre.cat) top center no-repeat; background-size:24px 24px}
.author_info_wrap .author_info .btn_facebook:before {content:''; display:inline-block; width:24px; height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_nhgube_snprobbx.cat) top center no-repeat; background-size:24px 24px}

/* login */
.login {position:relative; padding:60px 18px; margin-top:10px; border-radius:12px; background:#fff}
.login .login_tit {display:block; font-size:30px; font-weight:700; color:#222; letter-spacing:-0.025em; text-align:center; margin-bottom:30px}

.login .inp_box {position:relative; margin-top:10px; border-radius:10px; background:#f5f5f5; box-sizing:border-box}
.login .inp_box input {width:100%; height:55px; font-size:17px; font-weight:400; color:#222; letter-spacing:0; padding:0 15px; border:none; background:transparent; outline:none}
.login .inp_box input[type="text"]:-webkit-autofill,
.login .inp_box input[type="text"]:-webkit-autofill:hover,
.login .inp_box input[type="text"]:-webkit-autofill:focus {-webkit-text-fill-color:#222; -webkit-box-shadow:0 0 0px 1000px #f5f5f5 inset; transition:background-color 5000s ease-in-out 0s}
.login .chk_box {position:relative; text-align:left; margin-top:20px}
.login .chk_box input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); opacity:0}
.login .chk_box input[type="checkbox"] + label {display:inline-block; font-size:15px; font-weight:500; color:#444; letter-spacing:-0.025em; line-height:24px; cursor:pointer}
.login .chk_box input[type="checkbox"] + label:before {content:''; display:inline-block; width:24px; height:24px; vertical-align:top; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_pux.cat)no-repeat; background-size:24px}
.login .chk_box input[type="checkbox"]:checked + label:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_pux_ba.cat)}
.login .btn_login {display:block; width:100%; height:55px; font-size:18px; font-weight:700; color:#fff; letter-spacing:-0.025em; line-height:55px; text-align:center; margin-top:20px; border:none; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931); -webkit-appearance:none; cursor:pointer}
.login .err_box {font-size:14px; font-weight:400; color:#FF4040; letter-spacing:-0.025em; margin-top:5px}

.login .login_help {position:relative; width:100%; text-align:center; margin-top:30px}
.login .login_help li {display:inline-block; margin:0 5px}
.login .login_help li:before {content:''; display:inline-block; width:1px; height:12px; margin-right:9px; background:#e5e5e5}
.login .login_help li:first-child:before {display:none}
.login .login_help li a {display:inline-block; font-size:15px; font-weight:400; color:#444; letter-spacing:-0.025em}
.login .login_help li .btn_join {font-weight:500; color:#ffa10b}

/* join, update, find, subscribe common */
.user .user_tit_first {position:relative; font-size:17px; font-weight:700; color:#ffa10b; letter-spacing:-0.025em; margin-top:20px}
.user .user_tit {position:relative; font-size:17px; font-weight:700; color:#ffa10b; letter-spacing:-0.025em; margin-top:30px}

.user .user_row {position:relative}
.user .lbl_box {position:relative; margin-top:15px}
.user .lbl_box label {font-size:15px; font-weight:700; color:#444; letter-spacing:-0.025em}
.user .inp_box {overflow:hidden; position:relative; margin-top:5px; border:1px solid #eee; border-radius:10px; background:#fff; box-sizing:border-box}
.user .inp_box input {width:100%; height:48px; font-size:17px; font-weight:400; color:#222; letter-spacing:0; padding:0 15px; border:none; background:transparent; outline:none}
.user .inp_box input[type="text"]:-webkit-autofill,
.user .inp_box input[type="text"]:-webkit-autofill:hover,
.user .inp_box input[type="text"]:-webkit-autofill:focus {-webkit-text-fill-color:#222; -webkit-box-shadow:0 0 0px 1000px #fff inset; transition:background-color 5000s ease-in-out 0s}
.user .inp_box input[type="text"]:disabled {background:#eee}
.user .inp_box input[type="text"]:read-only {color:#999; background:#eee}
.user .rdo_box {position:relative; padding:12px 0; margin-top:5px; border:1px solid #eee; border-radius:10px; background:#fff; box-sizing:border-box}
.user .rdo_box .rdo_group {display:table; width:100%; table-layout:fixed}
.user .rdo_box .rdo_group li {position:relative; display:table-cell; text-align:center; vertical-align:middle}
.user .rdo_box .rdo_group li:before {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:20px; margin-top:-10px; background:#eee}
.user .rdo_box .rdo_group li:first-child:before {display:none}
.user .rdo_box input[type="radio"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0, 0, 0, 0); opacity:0}
.user .rdo_box input[type="radio"] + label {display:inline-block; font-size:16px; font-weight:400; color:#777; letter-spacing:-0.025em; line-height:20px; cursor:pointer}
.user .rdo_box input[type="radio"] + label:before {content:''; display:inline-block; width:22px; height:22px; vertical-align:top; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_eqb.cat) no-repeat; background-size:22px}
.user .rdo_box input[type="radio"]:checked + label {font-weight:500; color:#222}
.user .rdo_box input[type="radio"]:checked + label:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_eqb_ba.cat)}
.user .sel_box {overflow:hidden; position:relative; margin-top:5px; border:1px solid #eee; border-radius:10px; background:#fff; box-sizing:border-box}
.user .sel_box select {width:100%; height:48px; font-size:17px; font-weight:400; color:#222; letter-spacing:0; padding:0 15px; border:none; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Sfry_nee.cat) center right 15px no-repeat; background-size:15px 9px; outline:none; cursor:pointer}
.user .err_box {font-size:14px; font-weight:400; color:#FF4040; letter-spacing:-0.025em; line-height:1.4; margin-top:5px}
.user .msg_box {font-size:14px; font-weight:400; color:#999; letter-spacing:-0.025em; line-height:1.4; margin-top:5px}

.user .minor_row {position:relative}
.user .minor_row .tit_box {position:relative; font-size:15px; font-weight:700; color:#444; letter-spacing:-0.025em; margin:15px 0 -10px 0}
.user .minor_box {position:relative; margin-top:10px; box-sizing:border-box}
.user .minor_box .minor_group {display:table; width:100%; table-layout:fixed}
.user .minor_box .minor_group li {position:relative; display:table-cell; border:1px solid #e5e5e5; background:#f8f8f8}
.user .minor_box .minor_group li:first-child {border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:none}
.user .minor_box .minor_group li:last-child {border-top-right-radius:10px; border-bottom-right-radius:10px; border-left:none}
.user .minor_box .minor_group li:before {content:''; z-index:9; position:absolute; top:-1px; bottom:-1px; left:-1px; width:1px; background:#e5e5e5}
.user .minor_box .minor_group li:first-child:before {display:none}
.user .minor_box .minor_group li a {display:block; font-size:16px; font-weight:400; color:#777; text-align:center; vertical-align:middle; padding:12px 0}
.user .minor_box .minor_group li.on {border:1px solid #ffa10b; background:#ffa10b}
.user .minor_box .minor_group li.on a {font-weight:500; color:#fff}

.user .verify_row {position:relative}
.user .verify_row .tit_box {position:relative; font-size:15px; font-weight:700; color:#444; letter-spacing:-0.025em; margin:15px 0 -5px 0}
.user .verify_box {position:relative; padding-right:108px; margin-top:10px; box-sizing:border-box}
.user .verify_box .verify_group {display:table; width:100%; table-layout:fixed}
.user .verify_box .verify_group li {position:relative; display:table-cell; height:48px; text-align:center; vertical-align:middle}
.user .verify_box .verify_group li input[type="radio"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0, 0, 0, 0); opacity:0}
.user .verify_box .verify_group li input[type="radio"] + label {display:inline-block; height:100%; font-size:16px; font-weight:400; color:#777; letter-spacing:-0.025em; line-height:48px; cursor:pointer}
.user .verify_box .verify_group li input[type="radio"] + label:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; display:block; border:1px solid #eee}
.user .verify_box .verify_group li:first-child input[type="radio"] + label:before {border-top-left-radius:10px; border-bottom-left-radius:10px}
.user .verify_box .verify_group li:last-child input[type="radio"] + label:before {border-top-right-radius:10px; border-bottom-right-radius:10px}
.user .verify_box .verify_group li input[type="radio"]:checked + label {font-weight:500; color:#ffa10b}
.user .verify_box .verify_group li input[type="radio"]:checked + label:before {z-index:9; border:1px solid #ffa10b}
.user .verify_box .btn_code_send {position:absolute; top:0; right:0; width:100px; height:48px; font-size:14px; font-weight:500; color:#fff; letter-spacing:-0.025em; line-height:48px; border-radius:10px; background:#bbb}
.user .verify_box .btn_code_check {position:absolute; top:0; right:0; width:100px; height:48px; font-size:14px; font-weight:500; color:#fff; letter-spacing:-0.025em; line-height:48px; border-radius:10px; background:#888}

.user .terms_row {padding:15px 0}
.user .terms_row .chk_box {position:relative; text-align:left; margin-top:15px}
.user .terms_row .chk_box input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); opacity:0}
.user .terms_row .chk_box input[type="checkbox"] + label {display:block; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:24px; padding-left:32px; box-sizing:border-box; cursor:pointer}
.user .terms_row .chk_box.more input[type="checkbox"] + label {padding:0 65px 0 32px}
.user .terms_row .chk_box input[type="checkbox"] + label:before {content:''; position:absolute; top:50%; left:0; display:block; width:24px; height:24px; vertical-align:top; margin-top:-11px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_pux.cat)no-repeat; background-size:24px}
.user .terms_row .chk_box input[type="checkbox"]:checked + label:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_pux_ba.cat)}
.user .terms_row .chk_box em {position:relative; top:-1px; display:inline-block; font-size:14px; font-weight:400; letter-spacing:-0.025em; margin-left:3px}
.user .terms_row .chk_box .necessary {color:#ffa10b}
.user .terms_row .chk_box .choice {color:#999}
.user .terms_row .chk_box .btn_more {position:absolute; top:50%; right:0; display:inline-block; font-size:12px; font-weight:400; letter-spacing:-0.025em; color:#999; padding:1px 3px 0 3px; margin-top:-11px; border:1px solid #ccc; border-radius:5px}

.user .address_row {position:relative}
.user .address_row .tit_box {position:relative; font-size:15px; font-weight:700; color:#444; letter-spacing:-0.025em; margin:15px 0 -5px 0}
.user .zipcode_box {overflow:hidden; position:relative; margin-top:10px; box-sizing:border-box}
.user .zipcode_box>.inp_box {float:left; width:100px; margin-top:0}
.user .zipcode_box .btn_address_search {width:100px; height:48px; font-size:15px; font-weight:500; color:#fff; letter-spacing:-0.025em; line-height:48px; margin-left:8px; border-radius:10px; background:#bbb}
.user .address_row>.inp_box {margin-top:8px}

.user .alarm_row {position:relative}
.user .alarm_row .chk_box {position:relative; text-align:left; margin-top:15px}
.user .alarm_row .chk_box input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); opacity:0}
.user .alarm_row .chk_box input[type="checkbox"] + label {display:inline-block; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:24px; padding-left:32px; box-sizing:border-box; cursor:pointer}
.user .alarm_row .chk_box input[type="checkbox"] + label:before {content:''; position:absolute; top:50%; left:0; display:block; width:24px; height:24px; vertical-align:top; margin-top:-11px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_pux.cat)no-repeat; background-size:24px}
.user .alarm_row .chk_box input[type="checkbox"]:checked + label:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_pux_ba.cat)}

.user .addinfo_row {position:relative}
.user .addinfo_box {position:relative; padding-right:108px; box-sizing:border-box}
.user .addinfo_box .btn_double_check {position:absolute; top:0; right:0; width:100px; height:48px; font-size:15px; font-weight:500; color:#fff; letter-spacing:-0.025em; line-height:48px; border-radius:10px; background:#888}

.user .guide_box {font-size:14px; font-weight:400; color:#444; letter-spacing:-0.025em; line-height:1.5; padding:15px; margin-top:15px; border-radius:10px; background:#f5f5f5}
.user .guide_box em {font-weight:500; color:#ffa10b}

.user .btn_user {display:block; width:100%; height:48px; font-size:17px; font-weight:700; color:#fff; letter-spacing:-0.025em; line-height:48px; text-align:center; margin-top:30px; border:none; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931); -webkit-appearance:none; cursor:pointer}
.user .btn_user em {position:relative; top:-1px; display:inline-block; font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:17px; font-weight:400; color:#fffaaf; letter-spacing:0; margin-left:5px}
.user .btn_user_stk {display:block; width:100%; height:48px; font-size:17px; font-weight:500; color:#ffa10b; letter-spacing:-0.025em; line-height:46px; text-align:center; margin-top:10px; border:none; border:1px solid #ffa10b; border-radius:10px; -webkit-appearance:none; cursor:pointer}

.ly_terms {z-index:40000; overflow-y:auto; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#f0f0f0}
.ly_terms_service, .ly_terms_privacy {}
.ly_terms .terms_wrap {position:relative}
.ly_terms .terms_head {position:relative; height:54px; text-align:center; background:#fff}
.ly_terms .terms_head .terms_head_inner {position:relative; max-width:768px; margin:0 auto}
.ly_terms .terms_head .terms_head_inner .tit {display:inline-block; font-size:22px; font-weight:700; color:#222; letter-spacing:-0.025em; line-height:54px}
.ly_terms .terms_head .terms_head_inner .btn_close {position:absolute; top:0; right:0; display:block; width:16px; height:54px; padding:0 15px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Soga_ynlre_pybfr.cat) center center no-repeat; background-size:16px 16px}
.ly_terms .terms_con {position:relative; max-width:768px; padding:0 5px 60px 5px; margin:0 auto; box-sizing:border-box}
.ly_terms .terms_con .terms_info {position:relative; font-size:15px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:22px; padding:18px; margin-top:10px; border-radius:12px; background:#fff}
.ly_terms .terms_con .terms_info .tit {font-size:18px; font-weight:700; color:#222}
.ly_terms .terms_con .terms_info .stit {font-size:15px; font-weight:700; color:#222; margin-top:15px}
.ly_terms .terms_con .terms_info p {margin-top:15px}
.ly_terms .terms_con .terms_info ol {margin-top:15px; margin-left:15px}
.ly_terms .terms_con .terms_info ol li {padding:2px 0}
.ly_terms .terms_con .terms_info ol li .num {margin:0 5px 0 -15px}
.ly_terms .terms_con .terms_info ol li a {display:inline-block; font-weight:700; color:#222; padding:3px 0; margin:3px 0}
.ly_terms .terms_con .terms_info ol li>ol, .ly_terms .terms_con .terms_info ol li>ul {margin-top:0}
.ly_terms .terms_con .terms_info ul {margin-top:15px; margin-left:15px}
.ly_terms .terms_con .terms_info ul li {padding:2px 0}
.ly_terms .terms_con .terms_info ul li>ol, .ly_terms .terms_con .terms_info ul li>ul {margin-top:0}
.ly_terms .terms_con .terms_info .btn_link {display:inline-block; height:40px; font-size:14px; font-weight:500; color:#fff; letter-spacing:-0.025em; line-height:40px; text-align:center; padding:0 20px; margin-top:20px; border-radius:10px; background:#aaa}

/* join */
.join_intro {position:relative}
.join_intro .intro_box {position:relative; text-align:center; padding:50px 20px; margin-top:10px; border-radius:12px; background:#fff}
.join_intro .intro_box h4 {display:block; font-size:22px; font-weight:700; color:#222; letter-spacing:-0.025em; text-align:center}
.join_intro .intro_box p {display:block; font-size:15px; font-weight:400; color:#777; letter-spacing:-0.025em; line-height:1.5; text-align:center; margin-top:10px}
.join_intro .intro_box .btn_join_intro {display:inline-block; width:100%; max-width:200px; height:48px; font-size:18px; font-weight:700; color:#fff; text-align:center; letter-spacing:-0.025em; line-height:48px; margin-top:30px; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931)}

.join {position:relative; padding:0 18px 18px 18px; margin-top:10px; border-radius:12px; background:#fff}

.join_finish {position:relative}
.join_finish .finish_box {position:relative; text-align:center; padding:50px 18px; margin-top:10px; border-radius:12px; background:#fff}
.join_finish .ic_finish {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_svavfu.cat) no-repeat; background-size:50px 50px}
.join_finish h4 {font-size:23px; font-weight:700; color:#222; letter-spacing:-0.025em; line-height:1.4; text-align:center; margin-top:10px}
.join_finish p {display:block; font-size:15px; font-weight:400; color:#777; letter-spacing:-0.025em; text-align:center; margin-top:10px}
.join_finish .btn_join_finish {display:inline-block; width:100%; max-width:200px; height:48px; font-size:17px; font-weight:700; color:#fff; text-align:center; letter-spacing:-0.025em; line-height:48px; margin-top:30px; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931)}

/* find_user */
.find_user {position:relative; padding:18px; border-radius:12px; background:#fff}
.find_user_bot {margin-top:30px; border-top:1px solid #e5e5e5}

.find_user .user_tab {position:relative; display:table; width:100%; margin-top:-18px; border-bottom:1px solid #e5e5e5; table-layout:fixed}
.find_user .user_tab li {position:relative; display:table-cell; text-align:center}
.find_user .user_tab li a {position:relative; display:block; font-size:17px; font-weight:400; color:#777; letter-spacing:-0.025em; padding:15px 0}
.find_user .user_tab li.on:before {content:''; display:block; position:absolute; right:0; bottom:-1px; left:0; width:100%; height:2px; background:#ffa10b}
.find_user .user_tab li.on a {font-weight:700; color:#ffa10b}

.find_user .rdo_row {margin-top:15px}
.find_user .rdo_row input[type="radio"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0, 0, 0, 0); opacity:0}
.find_user .rdo_row input[type="radio"] + label {display:inline-block; font-size:17px; font-weight:500; color:#999; letter-spacing:-0.025em; line-height:22px; cursor:pointer}
.find_user .rdo_row input[type="radio"] + label:before {content:''; display:inline-block; width:24px; height:24px; vertical-align:top; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_eqb.cat) no-repeat; background-size:24px}
.find_user .rdo_row input[type="radio"]:checked + label {font-weight:700; color:#222}
.find_user .rdo_row input[type="radio"]:checked + label:before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svac_eqb_ba.cat)}
.find_user .inp_row {padding-bottom:10px}

.find_user .btn_user {display:block; width:100%; height:48px; font-size:17px; font-weight:700; color:#fff; letter-spacing:-0.025em; line-height:48px; text-align:center; margin-top:20px; border:none; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931); -webkit-appearance:none; cursor:pointer}
.find_user .btn_user_stk {display:block; width:100%; height:48px; font-size:17px; font-weight:500; color:#ffa10b; letter-spacing:-0.025em; line-height:46px; text-align:center; margin-top:10px; border:none; border:1px solid #ffa10b; border-radius:10px; -webkit-appearance:none; cursor:pointer}

.find_user .info_list {margin:0 0 0 10px}
.find_user .info_list li {font-size:14px; font-weight:400; color:#444; letter-spacing:-0.025em; line-height:1.4; margin-top:5px}
.find_user .info_list li:before {content:''; display:inline-block; width:3px; height:3px; vertical-align:middle; margin:-4px 4px 0 -10px; border-radius:100%; background:#ffa10b}

.tbl_find_user {width:100%; margin-top:20px; border-collapse:collapse; border-spacing:0; border:0; table-layout:fixed}
.tbl_find_user .c1 {width:50%}
.tbl_find_user .c2 {width:50%}
.tbl_find_user tr:last-child td {border-bottom:1px solid #f0f0f0}
.tbl_find_user tr th {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:14px; font-weight:400; color:#777; letter-spacing:-0.02em; text-align:center; vertical-align:middle; padding:12px 5px 10px 5px; border-top:1px solid #f0f0f0; background:#f8f8f8}
.tbl_find_user tr th:first-child {padding-left:0}
.tbl_find_user tr th:last-child {padding-right:0}
.tbl_find_user tr td {font-family:'Roboto','Helvetica Neue','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif; font-size:16px; font-weight:400; color:#222; letter-spacing:.5px; text-align:center; vertical-align:middle; padding:10px 5px; border-top:1px solid #f0f0f0; word-break:break-all}
.tbl_find_user tr td.date {font-size:14px; color:#777; letter-spacing:0}
.tbl_find_user tr td:first-child {padding-left:0}
.tbl_find_user tr td:last-child {padding-right:0}

.find_user_finish {position:relative}
.find_user_finish .finish_box {position:relative; text-align:center; padding:50px 18px; border-radius:12px; background:#fff}
.find_user_finish .ic_finish {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_svavfu.cat) no-repeat; background-size:50px 50px}
.find_user_finish h4 {font-size:23px; font-weight:700; color:#222; letter-spacing:-0.025em; line-height:1.4; text-align:center; margin-top:10px}
.find_user_finish p {display:block; font-size:15px; font-weight:400; color:#777; letter-spacing:-0.025em; text-align:center; margin-top:10px}
.find_user_finish .btn_find_finish {display:inline-block; width:100%; max-width:200px; height:48px; font-size:17px; font-weight:700; color:#fff; text-align:center; letter-spacing:-0.025em; line-height:48px; margin-top:30px; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931)}

/* update_user */
.update_user {position:relative; padding:18px; margin-top:10px; border-radius:12px; background:#fff}

.update_user .user_tab {position:relative; display:table; width:100%; margin-top:-18px; border-bottom:1px solid #e5e5e5}
.update_user .user_tab li {position:relative; display:table-cell; text-align:center}
.update_user .user_tab li a {position:relative; display:block; font-size:16px; font-weight:400; color:#777; letter-spacing:-0.025em; padding:15px 0}
.update_user .user_tab li.on:before {content:''; display:block; position:absolute; right:0; bottom:-1px; left:0; width:100%; height:2px; background:#ffa10b}
.update_user .user_tab li.on a {font-weight:700; color:#ffa10b}

.update_user .info_list {margin:20px 0 0 10px}
.update_user .info_list li {font-size:14px; font-weight:400; color:#444; letter-spacing:-0.025em; line-height:1.4; margin-top:5px}
.update_user .info_list li:first-child {margin-top:0}
.update_user .info_list li:before {content:''; display:inline-block; width:3px; height:3px; vertical-align:middle; margin:-4px 4px 0 -10px; border-radius:100%; background:#ffa10b}

.update_user .txtarea {width:100%; height:150px; font-size:16px; color:#222; letter-spacing:-0.025em; line-height:1.5; padding:10px 15px; margin-top:20px; border:1px solid #eee; border-radius:10px; resize:none; outline:none}

.update_user_finish {position:relative}
.update_user_finish .finish_box {position:relative; text-align:center; padding:50px 18px; margin-top:10px; border-radius:12px; background:#fff}
.update_user_finish .ic_finish {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_svavfu.cat) no-repeat; background-size:50px 50px}
.update_user_finish h4 {font-size:23px; font-weight:700; color:#222; letter-spacing:-0.025em; line-height:1.4; text-align:center; margin-top:10px}
.update_user_finish p {display:block; font-size:15px; font-weight:400; color:#777; letter-spacing:-0.025em; text-align:center; margin-top:10px}
.update_user_finish .btn_update_finish {display:inline-block; width:100%; max-width:200px; height:48px; font-size:17px; font-weight:700; color:#fff; text-align:center; letter-spacing:-0.025em; line-height:48px; margin-top:30px; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931)}

/* subscribe */
.subscribe {position:relative; padding:0 18px 18px 18px; margin-top:10px; border-radius:12px; background:#fff}

.subscribe_finish {position:relative}
.subscribe_finish .finish_box {position:relative; text-align:center; padding:50px 18px; margin-top:10px; border-radius:12px; background:#fff}
.subscribe_finish .ic_finish {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_svavfu.cat) no-repeat; background-size:50px 50px}
.subscribe_finish h4 {font-size:23px; font-weight:700; color:#222; letter-spacing:-0.025em; line-height:1.4; text-align:center; margin-top:10px}
.subscribe_finish p {display:block; font-size:15px; font-weight:400; color:#777; letter-spacing:-0.025em; text-align:center; margin-top:10px}
.subscribe_finish .btn_subscribe_finish {display:inline-block; width:100%; max-width:200px; height:48px; font-size:17px; font-weight:700; color:#fff; text-align:center; letter-spacing:-0.025em; line-height:48px; margin-top:30px; border-radius:10px; background:-o-linear-gradient(to bottom right,#ffc422,#ff9931); background:linear-gradient(to bottom right,#ffc422,#ff9931)}

/* 개인정보처리방침 */
.policy_info {position:relative; font-size:13px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:22px; padding:8px; border-radius:12px; background:#fff}
.policy_info h4.tit_link{font-size:14px; font-weight:700; color:#222; margin-bottom:10px}
.policy_info .link {display:inline-block; font-size:13px; font-weight:700; color:#ffa10b; padding:5px 0}
.policy_info .p_info_index {font-size:14px; padding:0 15px 10px 15px; margin-top:15px; border:4px solid #e5e5e5; border-radius:10px}
.policy_info h4.tit {font-size:14px; font-weight:700; color:#222; margin-top:15px}
.policy_info .stit {font-size:14px; font-weight:700; color:#222; margin-top:15px}
.policy_info p {margin-top:15px}
.policy_info .alink {font-weight:inherit; color:#3023ae}
.policy_info ol {margin-top:15px; margin-left:15px}
.policy_info ol li {padding:2px 0}
.policy_info ol li .num {margin:0 5px 0 -15px}
.policy_info ol li a {display:inline-block; font-weight:700; color:#222; padding:3px 0; margin:3px 0}
.policy_info ol li>ol {margin-top:0}
.policy_info ol li>ol>li {}
.policy_info table {border-collapse:collapse; border-spacing:0}
.policy_info table.tbl_p_info {width:100%; margin-top:15px; border-top:1px solid #d5d5d5}
.policy_info table.tbl_p_info caption {display:none}
.policy_info table.tbl_p_info tbody {}
.policy_info table.tbl_p_info tbody tr {}
.policy_info table.tbl_p_info tbody tr th {font-size:11px; font-weight:700; color:#444; text-align:center; vertical-align:middle; padding:5px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f0f0f0}
.policy_info table.tbl_p_info tbody tr th:last-child {border-right:none}
.policy_info table.tbl_p_info tbody tr td {font-size:11px; font-weight:400; color:#444; vertical-align:middle; line-height:16px; padding:5px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.policy_info table.tbl_p_info tbody tr td:last-child {border-right:none}
.policy_info table.tbl_p_info tbody tr td.tit {color:#444; font-weight:700; background:#f0f0f0}

/* error */
.error {position:relative; text-align:center; padding:50px 20px; margin-top:10px; border-radius:12px; background:#fff}
.error .ic_error {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_reebe.cat) no-repeat; background-size:50px 50px}
.error h4 {display:block; font-size:20px; font-weight:500; color:#222; letter-spacing:-0.025em; line-height:1.5; margin-top:10px}
.error h4 strong {display:block; font-weight:700}
.error p {display:block; font-size:15px; font-weight:400; color:#999; letter-spacing:-0.025em; line-height:1.5; margin-top:10px}

/*maeburi add*/
.letter_top .txt_mburi {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Sot_znrohev.cat) no-repeat right top; background-size: 100px; font-weight: 600;line-height: 24px}
.bt_letter_apply {margin: 20px auto 0; width: 150px; text-align: center; border: 1px solid #909090; border-radius: 30px; padding: 10px 20px;}
.letter_list .news_thumb_m{display:table-cell;position:relative; margin-left:12px; width:110px;}
.letter_list .news_thumb_m:before{position:absolute;top:0;left:0;right:0;bottom:0;display:block;content:''}
.letter_list .news_thumb_m img{width:110px; height:70px; vertical-align:top;float: right; margin-top: 5px}


/* 2020 도쿄 */
.wrap_2021tk {position:relative; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sot_2021gx.cat) top center no-repeat; background-size:768px 200px}

.header_2021tk {overflow:hidden; position:relative; padding:20px 8px 15px 8px}
.header_2021tk .head_top {position:relative; height:50px}
.header_2021tk .logo {float:left}
.header_2021tk .logo a {display:inline-block; width:130px; height:36px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sy_2021_gbxlb.fit) no-repeat; background-size:130px 36px}
.header_2021tk .dday {position:absolute; top:8px; right:0; width:80px; height:32px; text-align:center; border-radius:100px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sot_qqnl.cat) no-repeat; background-size:80px 32px; box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -webkit-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -moz-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -ms-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%)}
.header_2021tk .dday .num {display:inline-block; font-family:'Roboto',sans-serif; font-size:18px; font-weight:500; color:#FFF2C8; letter-spacing:0; line-height:32px}
.header_2021tk .state {position:absolute; top:8px; right:0}
.header_2021tk .state .rank {display:inline-block; font-size:12px; font-weight:400; color:#E3C09C; margin-right:5px}
.header_2021tk .state .rank em {position:relative; top:1px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:500; color:#FFD44D; margin:0 1px 0 4px}
.header_2021tk .state .medal {display:inline-block}
.header_2021tk .state .medal .ic_medal {display:inline-block; width:32px; height:32px; font-family:'Roboto',sans-serif; font-size:15px; font-weight:500; text-align:center; letter-spacing:-1px; line-height:33px; text-indent:-1px; margin-left:1px; border-radius:100px; box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -webkit-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -moz-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -ms-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%)}
.header_2021tk .state .medal .gold {color:#4A3800; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_zrqny_tbyq.cat) no-repeat; background-size:32px}
.header_2021tk .state .medal .silver {color:#333; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_zrqny_fvyire.cat) no-repeat; background-size:32px}
.header_2021tk .state .medal .bronze {color:#4D2500; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_zrqny_oebamr.cat) no-repeat; background-size:32px}

.header_2021tk .gnb_list {clear:both; display:table; width:100%; padding-top:15px; white-space:nowrap}
.header_2021tk .gnb_list li {display:table-cell; text-align:center; margin-left:20px}
.header_2021tk .gnb_list li:first-child {margin-left:0}
.header_2021tk .gnb_list li a {display:inline-block}
.header_2021tk .gnb_list li a span {position:relative; display:inline-block; font-size:17px; font-weight:500; color:#fff; line-height:32px; padding:0 4px}
.header_2021tk .gnb_list li.on a span {color:#E3C09C}
.header_2021tk .gnb_list li.on a span:after {content:''; position:absolute; right:0; bottom:0; left:0; display:block; height:2px; background:#E3C09C}

/* 메인, 서브 경기일정 */
.tokyo_schedule {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.tokyo_schedule .sub_tit {position:relative; padding:15px 0 12px 0; margin:0 8px}
.tokyo_schedule .sub_tit h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em}

.schedule_area {position:relative; padding:0 8px 8px 8px}

.schedule_area .schd_top_box {position:relative; text-align:center; padding:15px 8px; border-radius:10px; background:#F5F3EF; white-space:nowrap}
.schedule_area .schd_top_box .schd_date {position:relative; top:1px; display:inline-block; font-size:18px; font-weight:500; color:#222; padding:0 10px}
.schedule_area .schd_top_box .schd_date em {position:relative; top:1px; display:inline-block; font-family:'Roboto',sans-serif; font-size:18px; font-weight:700; color:#222; margin-right:5px}
.schedule_area .schd_top_box .bt_prev {display:inline-block; width:30px; height:30px; font-size:0; color:transparent; line-height:0; border:1px solid #ddd; border-radius:4px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sog_fpuq_ceri.cat) center center no-repeat; background-size:7px 12px}
.schedule_area .schd_top_box .bt_next {display:inline-block; width:30px; height:30px; font-size:0; color:transparent; line-height:0; border:1px solid #ddd; border-radius:4px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sog_fpuq_arkg.cat) center center no-repeat; background-size:7px 12px}
.schedule_area .schd_top_box .bt_calendar {display:inline-block; width:30px; height:30px; font-size:0; color:transparent; line-height:0; border:1px solid #ddd; border-radius:4px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sog_fpuq_pnyraqne.cat) center center no-repeat; background-size:15px 15px}

.schedule_area .schd_list {position:relative}
.schedule_area .schd_list li {position:relative}
.schedule_area .schd_list li .schd_tit {padding:8px 12px; border-bottom:1px solid #f0f0f0}
.schedule_area .schd_list li .schd_tit .time {display:inline-block; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#222; letter-spacing:0}
.schedule_area .schd_list li .schd_tit .time:before {content:''; display:inline-block; width:6px; height:6px; margin-right:8px; border:2px solid #C3894F; border-radius:50px}
.schedule_area .schd_list li .schd_tit .game {display:inline-block; font-size:17px; font-weight:500; color:#931E30}
.schedule_area .schd_list li .schd_tit .game:before {content:''; display:inline-block; width:1px; height:12px; margin:0 10px 0 6px; background:#eee}
.schedule_area .schd_list li .schd_detail {padding:8px 12px; border-bottom:1px solid #f0f0f0; background:#fafafa}
.schedule_area .schd_list li .schd_detail span {display:block; font-size:15px; font-weight:400; color:#777}

.schedule_area .schd_bot_box {position:relative; text-align:center; padding:18px 8px 10px 8px}
.schedule_area .schd_bot_box .btn_more {display:inline-block; font-size:15px; color:#888; padding:8px 20px 7px 20px; border:1px solid #eee; border-radius:50px}
.schedule_area .schd_bot_box .btn_more em {color:#C3894F}
.schedule_area .schd_bot_box .btn_more:after {content:''; position:relative; top:-1px; display:inline-block; width:5px; height:9px; margin-left:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sog_fpuq_zber.cat) no-repeat; background-size:5px 9px}

/* datepicker */
#datepicker {width:90px; font-family:'Roboto',sans-serif; font-size:18px; font-weight:700; color:#222; border:none; background:transparent; outline:none; cursor:pointer}

.ui-datepicker {padding:15px; margin-top:10px; border:1px solid #f0f0f0; border-radius:4px; background:#fff; box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -webkit-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -moz-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%); -ms-box-shadow:0 5px 10px 0 rgb(0 0 0 / 15%);
  left: 50% !important; margin-left:0px; transform: translate(-50%, 0);/* 수정 221226 */
}

.ui-datepicker-header {overflow:hidden; text-align:center; padding-bottom:20px; padding-top: 5px;}/* 240418_수정 */
.ui-datepicker-prev, .ui-datepicker-next {position:relative; display:block; width:25px; height:25px; font-size:0; color:transparent; line-height:0; text-align:center; border:1px solid #d5d5d5; border-radius:4px; cursor:pointer}
.ui-datepicker-prev {float:left; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sog_fpuq_ceri.cat) center center no-repeat; background-size:7px 12px}
.ui-datepicker-next {float:right; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Sog_fpuq_arkg.cat) center center no-repeat; background-size:7px 12px}
.ui-datepicker-title {font-family:'Roboto',sans-serif; font-size:17px; font-weight:700; color:#222; text-align:center}

.ui-datepicker-calendar {font-family:'Roboto',sans-serif}
.ui-datepicker-calendar tr th {font-size:12px; color:#444; padding-bottom:5px}
.ui-datepicker-calendar tr td {width:35px; height:35px; font-size:14px; text-align:center; vertical-align:middle; border:1px solid #f5f5f5}
.ui-datepicker-calendar tr td a {display:inline-block; width:35px; height:35px; font-family:'Roboto',sans-serif; font-weight:700; color:#444; line-height:35px; text-decoration:none}
.ui-datepicker-calendar tr td:nth-child(1) a {color:#f00}

.ui-datepicker-calendar .ui-state-default {color:#444}
.ui-datepicker-calendar .ui-datepicker-today a {color:#fff; background:#555}
.ui-datepicker-calendar .ui-datepicker-current-day a {color:#fff !important; background:#931E30}
.ui-datepicker-unselectable .ui-state-default {color:#b5b5b5}

/* 메인 메달현황 */
.tokyo_rank {position:relative; margin-top:10px; border-radius:12px; background:#fff}
.tokyo_rank .sub_tit {position:relative; padding:15px 0 12px 0; margin:0 8px}
.tokyo_rank .sub_tit h4 {display:block; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.025em}

.tokyo_rank .rank_area {position:relative; padding:0 8px 8px 8px}

.tokyo_rank .rank_area .state {overflow:hidden; position:relative; padding:15px; border-radius:10px; background:#F5F3EF}
.tokyo_rank .rank_area .state .rank {display:inline-block; float:left; font-size:17px; font-weight:500; color:#222; margin:5px 8px 0 0}
.tokyo_rank .rank_area .state .rank:before {content:''; overflow:hidden; position:relative; top:-2px; display:inline-block; width:30px; height:20px; vertical-align:middle; margin-right:8px; border-radius:2px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_fgngr_xbern.cat) no-repeat; background-size:30px 20px}
.tokyo_rank .rank_area .state .rank .num {display:inline-block; font-size:17px; font-weight:500; color:#931E30; margin-left:5px}
.tokyo_rank .rank_area .state .rank em {position:relative; top:1px; font-family:'Roboto',sans-serif; font-size:20px; font-weight:500; color:#931E30; margin-right:1px}
.tokyo_rank .rank_area .state .medal {display:inline-block; float:right}
.tokyo_rank .rank_area .state .medal .ic_medal {display:inline-block; width:40px; height:40px; font-family:'Roboto',sans-serif; font-size:18px; font-weight:500; text-align:center; letter-spacing:-1px; line-height:41px; text-indent:-2px; margin-left:4px}
.tokyo_rank .rank_area .state .medal .gold {color:#4A3800; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_zrqny_tbyq.cat) no-repeat; background-size:40px}
.tokyo_rank .rank_area .state .medal .silver {color:#333; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_zrqny_fvyire.cat) no-repeat; background-size:40px}
.tokyo_rank .rank_area .state .medal .bronze {color:#4D2500; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2S2021%2Sgbxlb%2Sz%2Svp_zrqny_oebamr.cat) no-repeat; background-size:40px}

.tokyo_rank .rank_area .tbl_rank {width:100%; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; margin-top:5px; border-collapse:collapse; border-spacing:0}
.tokyo_rank .rank_area .tbl_rank caption {display:none}
.tokyo_rank .rank_area .tbl_rank .c1 {width:30px}
.tokyo_rank .rank_area .tbl_rank .c2 {}
.tokyo_rank .rank_area .tbl_rank .c3 {}
.tokyo_rank .rank_area .tbl_rank .c4 {}
.tokyo_rank .rank_area .tbl_rank .c5 {}
.tokyo_rank .rank_area .tbl_rank .c6 {}
.tokyo_rank .rank_area .tbl_rank tr th {padding:8px 5px}
.tokyo_rank .rank_area .tbl_rank tr .tit_medal {font-family:'Roboto',sans-serif; font-size:15px; font-weight:500; color:#222; text-align:center}
.tokyo_rank .rank_area .tbl_rank tr .tit_medal.gold {color:#D9B02C}
.tokyo_rank .rank_area .tbl_rank tr .tit_medal.silver {color:#9D9D9D}
.tokyo_rank .rank_area .tbl_rank tr .tit_medal.bronze {color:#AB723B}
.tokyo_rank .rank_area .tbl_rank tr td {padding:8px 5px; border-top:1px solid #f0f0f0}
.tokyo_rank .rank_area .tbl_rank tr .rank {position:relative; top:1px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:500; color:#222; text-align:center}
.tokyo_rank .rank_area .tbl_rank tr .rank.top {color:#931E30}
.tokyo_rank .rank_area .tbl_rank tr .nation {font-size:16px; font-weight:400; color:#222; text-align:left}
.tokyo_rank .rank_area .tbl_rank tr .medal {font-family:'Roboto',sans-serif; font-size:16px; font-weight:500; color:#222; text-align:center}
.tokyo_rank .rank_area .tbl_rank tr .medal.gold {color:#D9B02C}
.tokyo_rank .rank_area .tbl_rank tr .medal.silver {color:#9D9D9D}
.tokyo_rank .rank_area .tbl_rank tr .medal.bronze {color:#AB723B}

/* 메인 포토 */
.tokyo_photo {overflow:hidden; position:relative; padding:15px 0; margin-top:10px; border-radius:12px; background:#2A2A2D}
.tokyo_photo .sub_tit {position:relative; margin:0 12px 12px 12px}
.tokyo_photo .sub_tit h4 {display:block; font-size:18px; font-weight:700; color:#fff; letter-spacing:-0.025em}

.tokyo_photo_slider {overflow:hidden; position:relative; padding:0 12px}
.tokyo_photo_slider .swiper-slide {width:250px}
.tokyo_photo_slider .swiper-slide a {display:block}
.tokyo_photo_slider .swiper-slide .news_img {overflow:hidden; width:250px; height:140px; border-radius:10px; background-color:#39437C}
.tokyo_photo_slider .swiper-slide .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}
.tokyo_photo_slider .swiper-slide .news_tit {padding-top:12px}
.tokyo_photo_slider .swiper-slide .news_tit .tit {overflow:hidden; display:-webkit-box; font-size:16px; font-weight:400; color:#fff; text-align:left; letter-spacing:-0.025em; line-height:1.5; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}

/* 서브 포토 */
.tokyo_photo_wrap {position:relative}
.tokyo_photo_wrap .tokyo_photo_list {position:relative; padding:8px; border-radius:12px; background:#fff}
.tokyo_photo_wrap .tokyo_photo_list li {padding-bottom:25px}
.tokyo_photo_wrap .tokyo_photo_list li:first-child {margin-top:0}
.tokyo_photo_wrap .tokyo_photo_list li a {display:block}
.tokyo_photo_wrap .tokyo_photo_list li a .news_img {overflow:hidden; border-radius:10px}
.tokyo_photo_wrap .tokyo_photo_list li a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}
.tokyo_photo_wrap .tokyo_photo_list li a .news_tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; padding:0 5px; margin-top:8px; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}

/* 경기일정 */
.tokyo_schedule_wrap {position:relative; padding-top:8px; border-radius:12px; background:#fff}

/* 대회정보 */
.tokyo_info_wrap {position:relative}
.tokyo_info_wrap .tokyo_info_list {position:relative; padding:8px; border-radius:12px; background:#fff}
.tokyo_info_wrap .tokyo_info_list li {padding-bottom:25px}
.tokyo_info_wrap .tokyo_info_list li:first-child {margin-top:0}
.tokyo_info_wrap .tokyo_info_list li a {display:block}
.tokyo_info_wrap .tokyo_info_list li a .news_img {overflow:hidden; border-radius:10px}
.tokyo_info_wrap .tokyo_info_list li a .news_img img {display:block; width:100%; vertical-align:top; border-radius:10px}
.tokyo_info_wrap .tokyo_info_list li a .news_tit {overflow:hidden; display:-webkit-box; font-size:17px; font-weight:400; color:#222; letter-spacing:-0.025em; line-height:1.5; padding:0 5px; margin-top:8px; word-break:break-all; -webkit-line-clamp:2; -webkit-box-orient:vertical}


/* 2022 수능 */
.section_suneung {position:relative; padding:8px 8px 10px 8px; border-radius:12px; background:#fff; margin-bottom:10px}

.section_suneung .bn_suneung {overflow:hidden; width:100%; border-radius:10px}
.section_suneung .bn_suneung img {display:block; width:100%; vertical-align:top}

.section_suneung .suneung_desc {font-size:13px; color:#999; padding:10px 0}

.suneung_tab {display:table; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.suneung_tab li {position:relative; display:table-cell; text-align:center; vertical-align:middle}
.suneung_tab li a {display:block; font-size:15px; color:#222; text-align:center; padding:5px; white-space:nowrap}
.suneung_tab li:nth-child(1) a, .suneung_tab li:nth-child(2) a, .suneung_tab li:nth-child(3) a {padding:16px 5px}
.suneung_tab li.on a {font-weight:700}
.suneung_tab li.on a:after {content:''; display:block; position:absolute; right:0; bottom:0; left:0; height:2px; background:#222}

.suneung_tit {font-size:18px; font-weight:700; color:#222; padding-bottom:8px}
.suneung_tit em {position:relative; top:-1px; display:inline-block; font-size:14px; color:#999; letter-spacing:0; margin-left:8px}

.suneung_con {padding:20px 5px 5px 5px}

.tbl_suneung {position:relative; clear:both; width:100%; border-top:1px solid #eaeaea}
.tbl_suneung caption {display:none; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999em; padding:0; margin:0}
.tbl_suneung .c1 {width:40%}
.tbl_suneung .c2 {width:60%}
.tbl_suneung th {font-size:14px; color:#222; text-align:left; vertical-align:middle; padding:10px; border-bottom:1px solid #eaeaea; background:#f5f5f5}
.tbl_suneung td {font-size:14px; color:#222; text-align:left; vertical-align:middle; padding:10px; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; word-break:break-all}
.tbl_suneung td>a {display:inline-block; margin-right:10px}

.ic_pdf:before {content:''; position:relative; top:-1px; display:inline-block; width:14px; height:18px; vertical-align:middle; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_cqs.cat) no-repeat; background-size:14px 18px}
.ic_zip:before {content:''; position:relative; top:-1px; display:inline-block; width:22px; height:12px; vertical-align:middle; margin-right:8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_mvc.cat) no-repeat; background-size:22px 12px}


.ces_banner {position: relative}
.ces_banner .bg_img {width: 100%; position: relative; bottom: -5px}
.ces_banner .bt_img {position: absolute; right: 10px; top: 17px; width: 29%; z-index: 100}

/* e신문 앱 */
.mk_app {
  background-color:#fff;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 10px;
}
.emain {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Srcncre_ncc%2Sot.cat);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  height: auto;
}

.emain .e_logo {
  padding-top: 25px;
}
.emain .e_logo img {
  display: block;
  margin: 0 auto;
}
.emain .e_text {
  margin-top: 13px;
}
.emain .e_text img {
  display: block;
  margin: 0 auto;
}
.emain .e_phone {

}

.emain .e_phone img {
  display: block;
  margin: 0 auto;
}

.svc {width: 90%; height: 55px; border: 1px solid #f47920;
  border-radius: 8px; margin: 0 auto; margin-top: 15px;
  line-height: 50px; }

.svc img {vertical-align: middle;}


.edown {
  padding: 15px;
  background-color:#fff;
  height: 100%;
  overflow: hidden;
}
.edown .ct {
  margin-top: 13px;
  margin-bottom: 15px;
}
.edown .mobile::after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #dcdcdc;
}
.edown .ct p {
  font-size: 16px;
}
.edown .ct span {
  font-weight: 600;
}
.edown .ct p::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 2.5px;
  height: 13px;
  background: #f47920;
}
.edown .ct .download {
  overflow: hidden;
  margin: 10px -7px 0 -7px;
}
.edown .ct .download li {
  overflow: hidden;
  width: 50%;
  float: left;
}
.edown .ct .download li .download_box {
  margin: 0 7px;
}
.edown .ct .download li .upper {
  margin-bottom: 4px;
}
.edown .ct .download li .upper img {
  display: inline-block;
  vertical-align: middle;
}
.edown .ct .download .click a {
  display: block;
}
.edown .ct .download .click img {
  width: 100%;
}
.edown .ct .download li .upper em {
  display: inline-block; color: #bcbcbc; font-size: 13px;
}

/* 220228_유튜브 채널 스와이프 섹션 수정 */
.section {
  margin-top: 10px;
}
.section .section_frame {
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
}
.section .section_frame .youtube {
  padding: 20px 4px 20px 4px;
}
.section .section_frame .youtube li {
  display: table-cell;
  position: relative;
}
.section .section_frame .youtube .youtube_in {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  margin-right: 10px;
}
.swiper_ic_youtube {
  padding: 5px 10px 0 10px;
  text-align: center;
  margin: 10px 0;
}
.swiper_ic_youtube a {
  display: inline-block;
  max-width: 90px;
}
.swiper_ic_youtube img {
  display: block;
  width: 100%;
  border-radius: 10px;
}
.swiper_ic_youtube h4 {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  margin-top: 10px;
}
.swiper_ic_youtube .swiper-wrapper .swiper-slide {
  text-align: center;
}
.swiper_ic_youtube .swiper-wrapper .swiper-slide h4 {
  margin-top: 10px;
}
/* 220228_유튜브 채널 스와이프 섹션 수정 */

/* 220328_추가_배너 */
.svc_ {
  margin: 0 auto;
  margin-top: 20px;
  margin-top: 20px;
}
.svc_ img {
  vertical-align: middle;
  width: 90%;
  border-radius: 8px;
}

/*popup add*/
.bt_apply_sub {background:#fc974c; color:#fff; font-weight:bold; padding:12px 25px}
.agree_box {margin-top:20px; font-size:17px;padding:5px; color:#ffffff; clear:both; font-family:'Malgun Gothic','맑은 고딕',돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; text-align: center}
.agree_box_txt { width: 95%; background: #fff; clear: both; margin:0 auto; font-size:17px; line-height:30px; height:270px; padding-top: 20px; border-radius:10px; color:#464646; font-family:'Malgun Gothic','맑은 고딕',돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; text-align: center}
.ft_person {font-size:24px; font-weight:bold; color:#ff821f;  padding:15px 0; border-radius:5px;  text-align: center; width: 100%; display: inline-block; }
.ft_person_txt {clear:both; width:100%}
.ft_person_txt2 {float:left; width:50%}
.layer_popup {position: fixed; top: 150px;  text-align: center; z-index: 100000000000000000000000000000000000!important;  font-family:'Malgun Gothic','맑은 고딕',돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;  right:0; left:0;  right: 0 }
.layer_1 { max-width: 768px;  margin: 0 auto; text-align: left;  position: relative; text-align: center;  }
.btn_close {position: absolute; right: 30px; top: 10px; }
.bt_bottom_list {padding-top: 50px; width: 95%; margin: 0 auto}
.bt_bottom_list .double {position: relative}
.bt_bottom_list .double  .btn_cancle {float: left; width: 50%; padding: 8px 0; text-align: center; background: #666666; color: #fff; font-weight: bold; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.bt_bottom_list .double  .btn_ok {float: left; width: 50%; padding: 8px 0; text-align: center; background: #ff821f; color: #fff; font-weight: bold; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.bt_bottom_list .double  .btn_cancle a:link {color: #fff; display: block}
.bt_bottom_list .double  .btn_cancle a:hover {color: #fff;}
.bt_bottom_list .double  .btn_cancle a:visited {color: #fff;}
.bt_bottom_list .double  .btn_ok a:link {color: #fff; display: block}
.bt_bottom_list .double  .btn_ok a:hover {color: #fff;}
.bt_bottom_list .double  .btn_ok a:visited {color: #fff;}
.pd_box { padding-left:10px; padding-right:10px ; text-align:center; display:inline-block }

/*add 0805*/
.swiper_ic_youtube {padding: 5px 10px 0 10px;text-align: center;margin: 10px 0;}
.swiper_ic_youtube a {display: inline-block;max-width: 90px;}
.swiper_ic_youtube img {display: block;width: 100%;border-radius: 10px;}
.swiper_ic_youtube h4 {	font-size: 16px;font-weight: bold;color: #222;margin-top: 10px;}
.swiper_ic_youtube .swiper-wrapper .swiper-slide {text-align: center;width: 100px}
.swiper_ic_youtube .swiper-wrapper .swiper-slide h4 {margin-top: 10px;}
.ic_newicon {position: absolute; left: 15px; top: 7px; width: 55px!important}
.letter_img {position: relative}
.ft_org17 {color: #f47900; font-size: 15px;  font-weight: 500!important}
.ft_org17 strong {font-weight: 700;}

.box_cont {line-height: 1.5;}
.box_cont .box_wrap {padding: 10px 0 30px 0;}
.box_cont .box_wrap:last-of-type {padding-bottom: 0;}
.box_cont .box_wrap .ft_org17 {margin-bottom: 20px;}
.box_cont .box_wrap:nth-of-type(2) .ft_org17 {margin-bottom: 0px;}

.ft_gray15 {font-size: 14px; font-weight: 400; line-height: 24px; padding-top: 20px}
.ft_gray15 strong { padding-bottom: 5px; display: inline-block; font-weight: 700}
.bx_inner {background: #fbfbfb; width: 100%; border: 1px solid #efefef; padding: 20px}
.list_style li { padding:10px; font-weight: 500}
.tb_p_info {width:100%; margin:15px auto 0; border-top:1px solid #888; }
.tb_p_info caption{display:none}
.tb_p_info tbody{}
.tb_p_info tbody tr{}
.tb_p_info tbody tr th{font-size:12px; color:#444; font-weight:bold; text-align:center; vertical-align:middle; padding:10px 0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#eee}
.tb_p_info tbody tr th:last-child{border-right:none;}
.tb_p_info tbody tr td{font-size:11px; color:#444; vertical-align:middle; letter-spacing:-.5px; line-height:17px; padding:5px 2px 5px 2px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;word-break: break-word;} /* 230213 추가 */
.tb_p_info tbody tr td:last-child{border-right:none;}
.tb_p_info tbody tr td.tit{color:#444; font-weight:bold; background:#f5f5f5;}
.tb_p_info tbody tr td.center {text-align: center;}

/* s: 추가 230217 서비스 전화번호 안내 */
.tb_p_info.tb_vertical tbody tr th {background: #f5f5f5;}
.tb_p_info.tb_vertical tbody tr td {padding: 5px;}
.tb_p_info.tb_vertical tbody tr.tb_lastinfo td {border-bottom-width: 2px;}
.tb_p_info.tb_vertical.tb_vert_bold tbody tr th {border-bottom-width: 2px;}
.tb_p_info.tb_vertical.tb_vert_bold tbody tr td:last-child {text-align: center;}
.tb_p_info.tb_vertical.tb_vert_bold tbody tr.info_topnum td {font-weight: bold; border-right: 0; background: #eee;}
.tb_p_info.tb_vertical.tb_vert_bold tbody tr td a {transition: 0.2s;}
.tb_p_info.tb_vertical.tb_vert_bold tbody tr td a .ic {
  width: 12px;
  height: 14px;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngvp.zx.pb.xe%2S2022%2Sarjf%2Szbo%2Spff%2S..%2Svzntrf%2Svp_ani_evtug.cat) center center/100%;;
  vertical-align: text-bottom;
  margin: 0;
}
/* //e: 추가 230217 서비스 전화번호 안내 */

.ic_error {display:inline-block; width:50px; height:50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.zx.pb.xe%2Sz%2S2021%2Svp_reebe.cat) no-repeat; background-size:50px 50px;}
.ttl_area .t_page_tit {line-height: 32px;font-size: 25px!important;padding-top: 50px; line-height: 1.5;}
.ttl_area p {line-height: 1.5;}
.ft_page_txt {line-height: 20px; padding-top: 30px; text-align: left;}

.contents.error {padding-bottom: 60px!important; padding-top: 10px!important;}
.contents.error .t_page_tit {font-weight: 700;}
.contents.error .ft_page_txt {color: #434343;}

.news_list .news_node .news_item .thumb_area {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 67px;
}

.news_list .news_node .news_item .thumb_area.type_circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  float: right;
  margin-top: 2px;
  margin-left: 5px;/* 추가 230317 */
}
.news_list .news_node .news_item .thumb_area.type_circle img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
.news_list .news_node .news_item .thumb_area.type_circle.size_m {
  width: 56px;
  height: 56px;
  margin-top: 0;
}
.news_list .news_node .news_item .thumb_area.type_circle.size_l {
  width: 64px;
  height: 64px;
  margin-top: 0;
}
.news_list.type_card .news_node .news_item .thumb_area { /* 태그수정 221216 */
  width: 100%;
  height: 12em;
}
.sec_body .news_list .news_node .thumb_area.type_thumb3 {
  border-radius: 0;
  /* border: 1px solid #ccc;
  box-sizing: border-box; */
}
.thumb_area.type_thumb3 img {
  object-position: center; /* 수정 221114 이미지 중앙정렬 */
  height: 100%;
}

.headline_news_list .news_node .news_item .thumb_area {
  width: 100%;
  height: 0;
}
.news_list .news_node .news_item.type_thumb2 .thumb_area {
  width: 100%;
  height: 12em;
  display: block; /* 추가 221216 */
}

/* s: 수정 230309 썸네일 크기 변경 */
.ent_sec .news_list .news_node .news_item .thumb_area {
  width: 100%;
  height: 10rem;
  min-height: 100%;
}
/* //e: 수정 230309 썸네일 크기 변경 */

.moment_sec .news_list .news_node .news_item .thumb_area {
  width: 100%;
  height: 100%;
  max-height: 21.5rem;
}
.newsletter_wrap .news_list .news_node .news_item .thumb_area {
  width: 100%;
  height: 100%;
}
.ent_news_list .news_list .news_node .news_item .thumb_area {height: 7em;}
.ent_news_list .news_list .news_node .news_item .thumb_area img {
  height: 100%;
  max-height: 7em;
  object-position: top;
}

.type_thumb.news_item .txt_area {
  width: 95%;
  margin: 8px auto 0 0;
}
.special_edt_page .news_sec_group .news_sec .type_thumb.news_item .txt_area {width: 100%;}/* 추가 221114 width 크기 변경 */

.latest_news_sec .latest_news_list .news_item .thumb_area img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center; /* 수정 221226 */
}

.special_edt_page .news_list .news_node .news_item.h_mid .thumb_area {
  width: 100%;
  height: 18em;
}

/* s: 썸네일 정렬 및 크기 수정 */
.news_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news_node .type_thumb2 {
  background: #1d1d1d;
  width: 100%;
  border: 0 none;
  display: flex;
  flex-direction: column-reverse;
}

.newsletter_list .news_item {display: block;}
.type_card .news_node .news_item {display: block;} /*수정 221109 display 속성 변경*/
.ent_sec .type_thumb .news_item {display: block;} /*수정 221109 display 속성 변경*/
.moment_sec .type_thumb .news_item {display: block;} /*수정 221109 display 속성 변경*/
/* //e: 썸네일 정렬 및 크기 수정 */

/* 메인홈 헤드라인 기사일시 정렬 */
.headline_news_list .headline_news_node .news_item {display: block;}
/* 오피니언 기사일시 정렬 */
.opinion_page .name_column_wrap .news_item {display: block;}
/* 메인홈 헤드라인4 뉴스 z-index 순서 변경 */
#headline_4 .link {z-index: 2;}
/* 메인홈 하이라이트 뉴스 z-index 순서 변경 */
.highlight_news_item .txt_area .related_news_list {z-index: 2;}
.highlight_news_item .txt_area .related_news_list li {z-index: 3;}
/* 스페셜에디션 썸네일 이미지 가운데 정렬 */
.special_edt_page .latest_news_sec .latest_news_list .news_item .thumb_area img {object-position: center;}
/* 오늘의 칼럼 display 속성 변경 */
.opinion_page.opinion_home .today_column_sec .today_column_list .news_item {display: block;}

/* s: 오피니언 홈 - 포럼, 데스크 부분 썸네일 세로 맞춤 */
.opinion_home .type_thumb2 {
  background: none;
  display: block;
}
.opinion_home .type_thumb2 .thumb_area {background: #fff;}
.opinion_home .type_thumb2 .thumb_area img {
  width: auto;
  object-fit: contain;
}
.opinion_page.opinion_home .headline_news_list .news_node .news_item {display: block;}
/* //e: 오피니언 홈 -포럼, 데스크 부분 썸네일 세로 맞춤 */

/* 하이라이트 - 뉴스 리스트  */
.highlight_news_sec .highlight_news_node {border-bottom: 1px solid #ccc;}
.highlight_news_sec .highlight_news_node:first-of-type{border-bottom: 0;}
.highlight_news_sec .highlight_news_node .related_news_list {padding-bottom: 14px;}
.highlight_news_sec .highlight_news_node .type_thumb2 .related_news_list {padding-bottom: 0;} /*추가 221109 */
.highlight_news_sec .highlight_news_node:last-of-type .related_news_list {padding-bottom: 0;}
.highlight_news_sec .highlight_news_item:not(.highlight_news_sec .highlight_news_item.type_thumb2) {border-bottom: 0;}

/* 기획 - 뉴스 리스트 */
.plan_series_page.tab_list_page .latest_news_sec .latest_news_list .news_node {border-bottom: 1px solid #cccccc;}
.plan_series_page.tab_list_page .latest_news_sec .latest_news_list .news_node:last-of-type {border-bottom: 0;}
.plan_series_page.tab_list_page .latest_news_sec .latest_news_list .news_node .news_item {border-bottom: 0;}
.plan_series_page.tab_list_page .latest_news_sec .latest_news_list .news_node .related_news_list {
  padding-bottom: 14px;
  margin-top: 0;
}

/* 메인홈 헤드라인 관련 기사 */
.headline_news_node .headline_news_item .related_news_list {z-index: 3;}
.headline_news_node .headline_news_item .related_news_list li {
  margin-top: 6px;
  z-index: 4;
}
.headline_news_node .headline_news_item #headline_2 .related_news_list li a.related_news_item {color: #fff;}
.headline_news_node .headline_news_item #headline_2 .related_news_list li:before {
  border-color: #fff;
  background-color: #fff;
}

/* 스페셜홈 헤드라인 썸네일 크기 */
.special_edt_page .overview_news_wrap .type_thumb.news_item .thumb_area img {height: 100%;}

/* s: 추가 221115 메인홈 헤드라인3 기사 서머리 활용시 */
.headline_news_node #headline_3 .news_desc {
  font-size: 1.4rem;
  margin-top: 10px;
  -webkit-line-clamp: 3;
  color: #5A5A5A;
}
/* //e: 추가 221115 메인홈 헤드라인3 기사 서머리 활용시 */

/* s: 수정 221229 관련기사 dot */
.news_home .news_item.type_thumb2 .related_news_list li:before {background-color: #BEBEBE;}
.news_home #headline_1 .related_news_list li a {color: #e6e6e6;}
.news_home #headline_1 .related_news_list li:before {background-color: #e6e6e6;}
.headline_news_node .headline_news_item .related_news_list li:before {top: 8px;}
/* //e: 수정 221229 관련기사 dot */

/* s: 추가 221216 */
/* 썸네일 크기 수정 */
.special_edt_page .mk_business_sec .news_list .news_node .news_item .thumb_area {width: 100%;}
.special_edt_page .travel_sec .news_list .news_node .news_item .thumb_area {width:100%;}
.company_sec .news_node .news_item .thumb_area {width: 100%; height: 12em;}
.author_list_page .author_page aside.author_info_sec + .highlight_news_sec {margin-top: 40px;}
.special_edt_page .mk_body_news_group .news_item .txt_area .news_ttl {height: 2.74em;}
.news_node .news_item.type_thumb .thumb_area.type_thumb3 {width: 100%; height: 20rem;}
.ent_sec .news_list .news_node .news_item .thumb_area img {height: 100%;}
.special_edt_page .money_wrap .news_item.type_thumb .thumb_area {
  width:100%;
  height: 9rem;
  min-height: 100%;
}
.popular_home .news_list .news_node .news_item .thumb_area {
  width: 100%;
  height: 6em;
  min-height: 100%;}
.popular_home .news_list .news_node .news_item .thumb_area img {height: 100%;}
.opinion_page.opinion_home .headline_news_list .news_node .news_item.type_thumb .thumb_area {
  width: 100%;
  height: 12em;
}
.opinion_page.opinion_home .headline_news_list .news_node .news_item.type_thumb .thumb_area img {height: 100%;}
.author_page.author_list_page .news_item.type_thumb .thumb_area {height: 12em;}

/* s: 추가 221226 */
.author_page.author_list_page .thumb_area img {height: 100%;}
.special_news_sec:not(.type_list) .news_node:first-child .news_item.type_thumb2 .thumb_area {/* 수정 240206 */
  height: 12em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.special_news_wrap .news_node:first-child .news_item.type_thumb2 .thumb_area iframe { /* 수정 221229 */
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
}
/* //e: 추가 221226 */
.news_home .headline_news_item.type_headline.no_dim > img {height: 12em;}/* 추가 240206 */

/*-------------------------------------------------------------------
    ## Media Query : 241017 수정
-------------------------------------------------------------------*/
/* 썸네일 크기 */
@media all and (max-width: 320px) {
  .ent_sec .news_list .news_node .news_item .thumb_area {height: 8.5rem;}
  .moment_sec .news_list .news_node .news_item .thumb_area {max-height: 16rem; min-height: 100%;}
}
@media all and (min-width: 600px) {
  .moment_sec .news_list .news_node .news_item .thumb_area {max-height: 25rem;}
  .special_edt_page .news_list .news_node .news_item.h_mid .thumb_area,
  .opinion_page.opinion_home .headline_news_list .news_node .news_item.type_thumb .thumb_area,
  .special_news_wrap .news_node:first-child .news_item.type_thumb2 .thumb_area,
  .news_home .headline_news_item.type_headline.no_dim > img {height: 25rem;;}
}
@media all and (min-width: 768px) {
  .news_list .news_node .news_item.type_thumb2 .thumb_area {height: 40rem;}
  .news_node .news_item.type_thumb .thumb_area.type_thumb3 {height: 35rem;}
  .news_list.type_card .news_node .news_item .thumb_area {height: 35rem;}
  .ent_sec .news_list .news_node .news_item .thumb_area,
  .special_edt_page .money_wrap .news_item.type_thumb .thumb_area,
  .popular_home .news_list .news_node .news_item .thumb_area,
  .author_page.author_list_page .news_item.type_thumb .thumb_area {height: 18rem;}
  .moment_sec .news_list .news_node .news_item .thumb_area {max-height: 40rem;}
  .special_edt_page .news_list .news_node .news_item.h_mid .thumb_area,
  .opinion_page.opinion_home .headline_news_list .news_node .news_item.type_thumb .thumb_area,
  .special_news_wrap .news_node:first-child .news_item.type_thumb2 .thumb_area,
  .news_home .headline_news_item.type_headline.no_dim > img {height: 40rem;}
}
@media all and (min-width: 1024px) {
  .news_list .news_node .news_item.type_thumb2 .thumb_area {height: 55rem;}
  .news_node .news_item.type_thumb .thumb_area.type_thumb3 {height: 50rem;}
  .news_list.type_card .news_node .news_item .thumb_area {height: 50rem;}
  .ent_sec .news_list .news_node .news_item .thumb_area,
  .special_edt_page .money_wrap .news_item.type_thumb .thumb_area,
  .popular_home .news_list .news_node .news_item .thumb_area,
  .author_page.author_list_page .news_item.type_thumb .thumb_area {height: 27rem;}
  .moment_sec .news_list .news_node .news_item .thumb_area {max-height: 55rem;}
  .special_edt_page .news_list .news_node .news_item.h_mid .thumb_area,
  .opinion_page.opinion_home .headline_news_list .news_node .news_item.type_thumb .thumb_area,
  .special_news_wrap .news_node:first-child .news_item.type_thumb2 .thumb_area,
  .news_home .headline_news_item.type_headline.no_dim > img {height: 55rem;}
}

/* s: 수정 2401008 ctype 동영상 넣엇을때 미디어쿼리 */
.m_maintop_youtube {  position: relative; left: 0; top: 0}
.m_maintop_youtube iframe {display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative; left: 0; top: 0}

.m_maintop_youtube {height: 20rem!important; }
@media all and (max-width: 280px) {
  .m_maintop_youtube {height: 9.5rem!important; }
}
@media all and (min-width: 400px) {
  .m_maintop_youtube  {height: 28rem!important;}
}
@media all and (min-width: 500px) {
  .m_maintop_youtube  {height: 35rem!important; }
}
@media all and (min-width: 600px) {
  .m_maintop_youtube  {height: 40rem!important;}
}
@media all and (min-width: 700px) {
  .m_maintop_youtube  {height: 40rem!important; }
}
@media all and (min-width: 800px) {
  .m_maintop_youtube  {height: 45rem!important;}
}
@media all and (min-width: 900px) {
  .m_maintop_youtube  {height: 48rem!important;}
}
@media all and (min-width: 1024px) {
  .m_maintop_youtube  {height: 55rem!important;}
}
/* //e: 수정 2401008 ctype 동영상 넣엇을때  미디어쿼리*/