@charset "utf-8";

/*************************************************
* 프로젝트명 : 연합뉴스 국문 PC 홈페이지 (★ 2024)
* commnet : layout.css
*************************************************/

/* =============== ####공통 (common) ======================== */
html,
body {
 height: auto;
 font-feature-settings: "case";
}
body {
 background-color: var(--ui-tag001);
 letter-spacing: -0.4px;
 overflow-x: hidden;
}
.wrapper {
 position: relative;
 width: 100%;
 height: 100%;
}
@media only screen and (min-width: 1025px) {
 body {
  font-family:
   "Pretendard", "Malgun Gothic", "맑은 고딕", Gulim, "굴림",
   AppleSDGothicNeo-Regular, sans-serif;
 }
}
@media only screen and (max-width: 1024px) {
 body {
  font-family: "Pretendard", sans-serif;
 }
}
a {
 display: inline-block;
 vertical-align: top;
}
/*@media only screen and (max-width:1023px){
	body{height:100vh; height:-webkit-fill-available; height:available;}
}*/
/* =============== #### body 스크롤 제어 :scroll-control$$ ======================== */
.scroll-control01 {
 overflow: auto;
 overflow-y: scroll;
}
/* 모든해상도 스크롤 없앰 -> 현업요청에 따라 스크롤 되는것으로 처리함 스크롤없앨때 화면 흔들림 싫다고 김영아님 답변 */
.scroll-control02 {
 overflow: auto;
 overflow-y: scroll;
} /* 태블릿,모바일 스크롤 없앰 */
.scroll-control03 {
 overflow: hidden;
} /* 모든 해상도 스크롤 없앰 */
/*.scroll-control01 #wrapper{height:100vh;overflow:hidden;}*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .scroll-control02 {
  /*position:fixed;*/
  overflow: hidden;
  overscroll-behavior: contain;
  height: 100vh;
 }
 .scroll-control02 .wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
 }
}
@media only screen and (max-width: 767px) {
 .scroll-control02 {
  /*position:fixed;*/
  overflow: hidden;
  overscroll-behavior: contain;
  height: 100vh;
 }
 .scroll-control02 .wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
 }
}

/* =============== ####키보드 (Focus) ======================== */
@media only screen and (min-width: 1025px) {
 a:focus-visible,
 button:focus-visible {
  outline: 2px solid var(--ui-tag002);
  outline-offset: -2px;
 }
 [class*="img-con"] > a:focus-visible {
  outline: none;
 }
 [class*="img-con"] > a.img:focus-visible:before {
  border: 2px solid var(--ui-tag002);
 }
 [class*="btns-wrap"] [class*="btn-"]:focus-visible {
  border-radius: 0;
  outline-offset: -2px;
 }

 /* aside-box221 : 본문 타불라 */
 .trc_rbox_container .item-label-href:focus-visible {
  outline: 2px solid var(--ui-tag002);
  outline-offset: -2px;
 }
 .trc_rbox_container .item-thumbnail-href:focus-visible {
  border: 2px solid var(--ui-tag002);
 }
}

/* =============== ####레이아웃 (layout) ======================== */

/* ---- ##유틸링크 (common) ---- */
.utility-zone {
 display: flex;
 position: static;
 height: 44px;
}
.utility-zone > [class*="btn-type004"],
.utility-zone > .btn-type200 {
 z-index: 1;
}
.utility-zone .btn-type004.login01,
.utility-zone .btn-type200.my01 {
 display: none;
 flex-shrink: 0;
}
.utility-zone .btn-type004.login01.active,
.utility-zone .btn-type200.my01.active {
 display: block;
}
.utility-zone .btn-type200 {
 padding: 0 10px;
}
.utility-zone .menu01 {
 position: absolute;
 left: -10px;
 bottom: -52px;
}
.utility-zone > [class*="btn-type004"] {
 flex-shrink: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="wrap-header"] .utility-zone {
  margin-right: -10px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="wrap-header"] .utility-zone {
  align-items: center;
  margin-right: 0;
 }
 [class*="wrap-header"] .utility-zone .menu01 {
  position: static;
 }
}

@media only screen and (max-width: 767px) {
 [class*="wrap-header"] .utility-zone {
  margin-right: 0;
 }
 [class*="wrap-header"] .utility-zone .menu01 {
  position: static;
 }
}

/* ---- ##언어선택 (common) ---- */
/* 헤더 > .lang-zone01 :언어선택 1024까지만 노출 */
.lang-zone01 {
 width: 334px;
 letter-spacing: 0;
}
.lang-zone01 .txt-pick {
 display: none;
}
.lang-zone01 .txt-pick span {
 position: relative;
 padding: 0 28px 0 0;
 font-size: 13px;
 font-weight: bold;
 letter-spacing: -1px;
}
.lang-zone01 .lang-list {
 overflow: hidden;
 display: flex;
 width: 100%;
 height: 20px;
}
.lang-zone01 .lang-list > li {
 display: block;
 flex-shrink: 0;
 position: relative;
 margin-left: 8px;
 padding-left: 9px;
 text-align: center;
}
.lang-zone01 .lang-list > li:first-child {
 margin-left: 0;
 padding-left: 0;
}
.lang-zone01 .lang-list > li:first-child:before {
 display: none;
}
.lang-zone01 .lang-list > li:before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 width: 1px;
 height: 12px;
 background-color: var(--ui-tag004);
 transform: translateY(-50%);
}
.lang-zone01 .lang-list > li > a {
 display: block;
 font-size: 13px;
 line-height: 20px;
 font-weight: normal;
 color: var(--font-color004);
 letter-spacing: 0;
}
.lang-zone01 .lang-list > li.ar > a {
 font-size: 13px;
}

/* 중형/소형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
 .lang-zone01 {
  display: none;
 }
}

/* ##푸터 :lang-zone02 */
.lang-zone02 {
 overflow: hidden;
 display: none;
 width: calc(100% + 32px);
 height: 30px;
 margin-top: 12px;
 margin-left: -16px;
}
.lang-zone02 .lang-list {
 /*overflow:hidden;*/
 display: flex;
 box-sizing: border-box;
 height: 30px;
 padding: 0 16px;
}
.lang-zone02 .lang-list li {
 width: auto;
 font-size: 15px;
 color: var(--font-color006);
 text-align: center;
}
.lang-zone02 .lang-list li:last-child,
.lang-zone02 .lang-list li:last-child a {
 padding-right: 16px;
}
.lang-zone02 .lang-list a {
 padding: 0 7px;
 line-height: 30px;
}
.lang-zone02.active .btn-type210:after {
 transform: rotate(0deg);
}

/* 중형 프레임 :768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .lang-zone02 {
  display: block;
 }
 .lang-zone02 .lang-list {
  padding: 0 8px;
 }
}

/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .lang-zone02 {
  display: block;
 }
 .lang-zone02 .lang-list li {
  font-size: 15px;
 }
 .lang-zone02 .lang-list li:first-child a {
  padding-left: 0;
 }
}
/* 소형 프레임 : 320px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 320px) {
 .lang-zone02 .lang-list li {
  font-size: 13px;
 }
}

/* ---- ##오늘 시간/날씨 (common) ---- */
/* 오늘 시간 1024까지만 노출 */
.today-zone {
 position: relative;
 height: 20px;
 margin-right: 20px;
 font-size: 13px;
 line-height: 20px;
 font-weight: 500;
 letter-spacing: 0;
}
.today-zone strong,
.today-zone em {
 font: inherit;
}
.today-zone .txt-week {
 margin-top: 0;
}

/* 중형/소형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
 .today-zone {
  display: none;
 }
}

/* ---- ##회원 로그인 (common) ---- */
.mem-zone01 {
 justify-content: space-between;
 align-items: center;
 position: relative;
 height: 59px;
 margin-bottom: 8px;
 padding: 0 20px;
 background-color: var(--ui-tag009);
}
.mem-zone01:after {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 bottom: -8px;
 border-top: 8px solid transparent;
 border-left: 8px solid var(--ui-tag009);
 transform: rotate(-270deg);
}
.mem-zone01.hide {
 display: none;
}
.mem-zone01.show {
 display: flex;
}
.mem-zone01 .info-box01 {
 display: flex;
 flex-direction: column;
 position: relative;
 height: auto;
 padding: 0;
}
.mem-zone01 .info-box01 > .txt01 {
 display: none;
 font-size: 12px;
 line-height: 1.5;
 font-weight: 500;
 color: var(--font-color006);
}
.mem-zone01 .info-box01 .txt02 {
 display: block;
}
.mem-zone01 .info-box01 .txt03 {
 display: block;
 margin-left: 8px;
 font-weight: 500;
 color: var(--font-color006);
}
/* 로그인 전 */
.mem-zone01 .info-box01.login-before {
}
.mem-zone01.show.active .login-before {
 display: none;
}
/* 로그인 후 */
.mem-zone01 .info-box01.login-after {
 display: none;
}
.mem-zone01 .info-box01 [class*="img-con"] {
 overflow: hidden;
 display: none;
 position: absolute;
 top: 50%;
 left: 0;
 width: 50px;
 height: 50px;
 border-radius: 50px;
 transform: translateY(-50%);
}
.mem-zone01 .info-box01 [class*="img-con"] img {
 display: block;
 width: 50px;
 height: 50px;
}
.mem-zone01 .btn-type201 {
 display: none;
}
.mem-zone01.show.active .btn-type201 {
 display: block;
}
.mem-zone01.show.active .login-after {
 display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .mem-zone01 {
  height: 100px;
  margin-bottom: 0;
 }
 .mem-zone01:after {
  display: none;
 }
 /* 로그인 후 */
 .mem-zone01 .info-box01.login-after {
  padding-left: 62px;
 }
 .mem-zone01:after {
  display: none;
 }
 .mem-zone01 .info-box01 [class*="img-con"] {
  display: block;
 }
 .mem-zone01 .btn-type207 .txt02,
 .mem-zone01 .btn-type207 .txt03 {
  display: none;
 }
 .mem-zone01 .info-box01 > .txt01 {
  display: block;
 }
 .mem-zone01.login-before .info-box01 > .txt01 {
  display: block !important;
 }
}

/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .mem-zone01 {
  height: 100px;
  margin-bottom: 0;
 }
 .mem-zone01:after {
  display: none;
 }
 /* 로그인 후 */
 .mem-zone01 .info-box01.login-after {
  padding-left: 62px;
 }
 .mem-zone01:after {
  display: none;
 }
 .mem-zone01 .info-box01 [class*="img-con"] {
  display: block;
 }
 .mem-zone01 .btn-type207 .txt02,
 .mem-zone01 .btn-type207 .txt03 {
  display: none;
 }
 .mem-zone01 .info-box01 > .txt01 {
  display: block;
 }
 .mem-zone01.login-before .info-box01 > .txt01 {
  display: block !important;
 }
}

/* ---- ##푸터 :공지사항 ---- */
.wrap-notice01 {
 overflow: hidden;
 height: 66px;
 margin-bottom: -1px;
 border-top: 1px solid var(--ui-tag005);
 border-bottom: 1px solid var(--ui-tag005);
}
.wrap-notice01:empty {
 display: none;
}
.notice-field01 {
 display: flex;
 align-items: center;
 width: 1200px;
 height: 100%;
 margin: 0 auto;
}
.notice-field01 .title-type001 {
 display: flex;
 flex-shrink: 0;
 align-items: center;
 height: 100%;
 padding-right: 40px;
}
.notice-field01 .title-type001:hover .tit01 {
 color: var(--font-color003);
}
.notice-field01 .txt-con {
 display: flex;
 flex-shrink: 0;
 align-items: center;
 width: 100%;
 height: 100%;
 padding-left: 40px;
 border-left: 1px solid var(--ui-tag005);
}
.notice-field01 .txt-con .txt01 {
 overflow: hidden;
 max-width: calc(100% - 262px);
 font-size: 16px;
 font-weight: 500;
 color: var(--font-color003);
 white-space: nowrap;
 text-overflow: ellipsis;
}
.notice-field01 .txt-con .txt01:hover {
 text-underline-position: under;
 text-decoration-thickness: 1px;
 text-decoration-line: underline;
 text-decoration-color: currentColor;
}
.notice-field01 .txt-con .txt02 {
 margin-left: 20px;
 font-size: 14px;
 font-weight: 400;
 color: var(--font-color004);
}

/* 대형 프레임 :1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .notice-field01 {
  width: 980px;
 }
 .notice-field01 .title-type001 {
  padding-right: 30px;
 }
 .notice-field01 .title-type001 > .tit01 {
  font-size: 18px;
 }
 .notice-field01 .txt-con {
  padding-left: 30px;
 }
}

/* 중형 프레임 :768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-notice01 {
  height: 63px;
  border-bottom: none;
 }
 .notice-field01 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
 }
 .notice-field01 .txt-con {
  padding-left: 0;
  border-left: none;
 }
 .notice-field01 .txt-con .txt01 {
  max-width: calc(100% - 177px);
  font-size: 15px;
 }
 .notice-field01 .txt-con .txt02 {
  font-size: 13px;
 }
 .notice-field01 .title-type001 {
  padding-right: 20px;
 }
 .notice-field01 .title-type001 .tit01 {
  padding-right: 14px;
  font-size: 15px;
 }
 .notice-field01 .title-type001.arr01 [class*="tit"]:after {
  width: 14px;
  height: 14px;
  margin-top: -8px;
 }
}

/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-notice01 {
  height: 63px;
  border-bottom: none;
 }
 .notice-field01 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 16px;
 }
 .notice-field01 .txt-con {
  padding-left: 0;
  border-left: none;
 }
 .notice-field01 .txt-con .txt01 {
  max-width: calc(100% - 87px);
  font-size: 15px;
 }
 .notice-field01 .txt-con .txt02 {
  display: none;
  font-size: 13px;
 }
 .notice-field01 .title-type001 {
  padding-right: 16px;
 }
 .notice-field01 .title-type001 .tit01 {
  padding-right: 14px;
  font-size: 15px;
 }
 .notice-field01 .title-type001.arr01 [class*="tit"]:after {
  width: 14px;
  height: 14px;
  margin-top: -8px;
 }
 .notice-field01 .txt02 {
  display: none;
 }
}

/* ---- ##progress-bar01 --- */
.progress-bar01 {
 overflow: hidden;
 display: none;
 position: absolute;
 left: 0;
 bottom: -4px;
 width: 100%;
 height: 4px;
}
.progress-bar01 .bar {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 background-color: var(--ui-tag030);
}
[class*="body-view"] .wrap-header21 {
 background: none;
}
[class*="body-view"] .wrap-header21:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: calc(100% - 4px);
}
[class*="body-view"] .wrap-header21:after,
[class*="body-view"] .wrap-header22:after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 box-sizing: border-box;
 width: 100%;
 height: 62px;
 border-bottom: 1px solid var(--ui-tag005);
 background-color: var(--ui-tag001);
}
[class*="body-view"] .wrap-header21 .progress-bar01 {
 display: block;
}
.body-view-issue01 .wrap-header21 .progress-bar01 {
 display: none;
}
[class*="body-view"] .wrap-header21:before {
 display: none;
}

/* 중형 프레임 :768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="body-view"] .wrap-header21:after,
 [class*="body-view"] .wrap-header22:after {
  height: 50px;
 }
}

/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="body-view"] .wrap-header21:after,
 [class*="body-view"] .wrap-header22:after {
  height: 50px;
 }
}
/* ---- ##검색 입력 ---- */

/* =============== ####내비게이션 (navigation) ======================== */
/* nav-type$$ :헤더 내비게이션
 * nav-type$$ >	gnb-menu$$ :nav-type$$ 종속
 * nav-menu$$ :푸터,전체메뉴 내비게이션 */

/* ---- ##nav-type01 ~ 19  ---- */
/* nav-type01 : 메인 공통 1댑스 내비게이션
 -- nav-type01:before : 1depth 아래 1px 보더
 -- nav-type01:after : width 100% 회색배경
 * nav-type11 : 메인,서브 픽스드 내비게이션
 * nav-type12 : 본문 내비게이션
 * nav-type13 : 게시판 내비게이션
 * nav-type01, nav-type11 하위에 공통으로 .gnb-menu01 사용 */

/* ---- ##nav-type0$ (common) ---- */
[class*="nav-type0"] .gnb-menu01:before {
 content: "";
 display: block;
 align-items: center;
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 3px;
 background-color: var(--ui-tag003);
}
[class*="nav-type0"] {
 display: flex;
 align-items: center;
 position: relative;
 width: 1200px;
 height: 60px;
 margin: 0 auto;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="nav-type0"] {
  width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="nav-type0"] .gnb-menu01:before {
  height: 1px;
  background-color: var(--ui-tag004);
 }
 [class*="nav-type0"] {
  width: 100%;
  height: 40px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="nav-type0"] .gnb-menu01:before {
  height: 1px;
  background-color: var(--ui-tag004);
 }
 [class*="nav-type0"] {
  width: 100%;
  height: 40px;
 }
}

/* ---- ##nav-type01 ---- */
.nav-type01 .gnb-menu01 .list01 {
 margin-left: 56px;
}
.nav-type01 .gnb-menu01 .list01 li > a {
 padding: 0 10px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .nav-type01 .gnb-menu01 .list01 {
  margin-left: 48px;
 }
 .nav-type01 .gnb-menu01 .list01 li > a {
  padding: 0 6px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type01 .gnb-menu01 .list01 {
  height: 26px;
  margin-left: 0;
  padding: 4px 16px 10px;
 }
 .nav-type01 .gnb-menu01 .list01 li:last-child {
  padding-right: 8px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-type01 .gnb-menu01 .list01 {
  height: 26px;
  margin-left: 0;
  padding: 4px 8px 10px;
 }
}

/* ---- ##nav-type1$ (common) ---- */
[class*="nav-type1"] > [class*="logo-yna"] {
 display: flex;
 align-items: center;
 position: absolute;
 top: 50%;
 left: 48px;
 z-index: 11;
 height: 62px;
 transform: translateY(-50%);
}
[class*="nav-type1"] {
 display: flex;
 align-items: center;
 position: relative;
 width: 1200px;
 height: 61px;
 margin: 0 auto;
}
[class*="nav-type1"] .utility-zone {
 justify-content: flex-end;
 width: 120px;
 margin-right: -10px;
}
[class*="nav-type1"] .utility-zone .menu01 {
 position: absolute;
 top: 50%;
 bottom: auto;
 transform: translateY(-50%);
}
[class*="nav-type1"] .logo-yna21 {
 display: flex;
}
[class*="nav-type1"] .logo-yna03 {
 display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="nav-type1"] {
  padding-left: 165px;
 }
 [class*="nav-type1"] > [class*="logo-yna"] {
  left: 58px;
 }
 [class*="nav-type1"] {
  width: 980px;
 }
 [class*="nav-type1"] .utility-zone .menu01 {
  left: 12px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="nav-type1"] > [class*="logo-yna"] {
  left: 24px;
 }
 [class*="nav-type1"] {
  width: 100%;
  height: 50px;
 }
 [class*="nav-type1"] .utility-zone .menu01 {
  position: static;
  transform: none;
 }
 [class*="nav-type1"] .logo-yna21 {
  display: none;
 }
 [class*="nav-type1"] .logo-yna03 {
  display: flex;
  left: 24px !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="nav-type1"] > [class*="logo-yna"] {
  left: 16px;
 }
 [class*="nav-type1"] {
  width: 100%;
  height: 50px;
 }
 [class*="nav-type1"] .utility-zone .menu01 {
  position: static;
  transform: none;
 }
 [class*="nav-type1"] .logo-yna21 {
  display: none;
 }
 [class*="nav-type1"] .logo-yna03 {
  display: flex;
  left: 16px !important;
 }
}

/* ---- ##nav-type11 ---- */
.nav-type11 {
 justify-content: space-between;
}
.nav-type11 .gnb-menu01 {
 margin: 0 auto;
 padding-left: 130px;
}
.nav-type11 .gnb-menu01 .list01 li > a {
 padding: 0 8px;
}
.nav-type11 .gnb-menu01 .list01 li.jebo,
.nav-type11 .gnb-menu01 .list01 li.safe {
 display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .nav-type11 {
  box-sizing: border-box;
  width: 1024px;
 }
 .nav-type11 .gnb-menu01 {
  margin: 0;
  padding-left: 0;
 }
 .nav-type11 .gnb-menu01 .list01 li > a {
  padding: 0 4px;
  font-size: 16px;
 }
 .nav-type11 .utility-zone {
  margin-right: 12px;
 }
 .nav-type11 .utility-zone .btn-type200 {
  padding: 0 8px;
 }
 .nav-type11 .gnb-menu01 .list01 .li > a {
  padding: 0 6px;
  font-size: 16px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type11 {
  justify-content: flex-end;
  box-sizing: border-box;
 }
 .nav-type11 .gnb-menu01 {
  display: none;
 }
 .nav-type11 .utility-zone {
  position: relative;
  z-index: 1;
  margin-right: 14px;
 }
 .nav-type11 .utility-zone .btn-type200 {
  padding: 0 10px;
 }
}
@media only screen and (max-width: 767px) {
 .nav-type11 {
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
 }
 .nav-type11 .gnb-menu01 {
  display: none;
 }
 .nav-type11 .utility-zone {
  position: relative;
  z-index: 1;
  margin-right: 6px;
 }
 .nav-type11 .utility-zone .btn-type200 {
  padding: 0 10px;
 }
}
/* ---- ##nav-type13 ---- */
.nav-type13 {
 justify-content: space-between;
}
.nav-type13 .logo-yna03 {
 display: flex !important;
 position: relative;
 top: auto;
 left: 0;
 transform: none;
}
.nav-type13 .utility-zone .menu01 {
 position: static;
 transform: none;
}
.nav-type13 .utility-zone .btn-srch-switch {
 display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .nav-type13 {
  padding-left: 0;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type13 .utility-zone {
  position: relative;
  z-index: 1;
  margin-right: 14px;
 }
}
@media only screen and (max-width: 767px) {
 .nav-type13 .utility-zone {
  position: relative;
  z-index: 1;
  margin-right: 6px;
 }
}
/* ---- ##nav-type61 ---- */
.nav-type61 {
 display: block;
 box-sizing: border-box;
 width: 100%;
}
.nav-type61 .area01 {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 box-sizing: border-box;
 width: 100%;
 padding-bottom: 12px;
 border-bottom: 2px solid var(--ui-tag003);
}
.nav-type61 .tit01 {
 display: block;
 font-size: 40px;
 line-height: 1.3;
 font-weight: 700;
 color: var(--font-color003);
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type61 .tit01 {
  font-size: 24px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-type61 .tit01 {
  font-size: 24px;
 }
 .nav-type61 {
  padding: 0 16px;
 }
}
/* ---- ##gnb-menu01 ---- */
/* nav-type01 > .gnb-menu01
 * nav-type11 > .gnb-menu01 */
.gnb-menu01 {
 height: 100%;
}
.gnb-menu01 .list01 {
 display: flex;
 position: relative;
 height: 100%;
 font-size: 0;
 line-height: 100%;
 white-space: nowrap;
}
.gnb-menu01 .list01 li {
 flex-shrink: 0;
 width: auto;
 height: 100%;
 white-space: normal;
}
.gnb-menu01 .list01 li > a {
 display: inline-flex;
 align-items: center;
 position: relative;
 height: 100%;
 font-size: 17px;
 line-height: 100%;
 font-weight: 500;
 color: var(--font-color003);
}
.gnb-menu01 .list01 li > a .ico-type08-new01 {
 top: -8px;
 margin-left: 2px;
}
.gnb-menu01 .list01 li.active > a {
 font-weight: 700;
 color: var(--font-color021);
}
.gnb-menu01 .list01 li.jebo {
 position: relative;
 margin-left: 12px;
 padding-left: 12px;
}
.gnb-menu01 .list01 li.jebo:before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 width: 1px;
 height: 16px;
 background-color: var(--ui-tag004);
 transform: translateY(-50%);
}
.gnb-menu01 .list01 li.safe a {
 color: var(--font-color029);
}
/* 2025-05-16 : 대선2025 메뉴 추가 */
.gnb-menu01 .list01 li.election2025 a {
 width: 67px;
 text-indent: -9999px;
 color: transparent;
}
.gnb-menu01 .list01 li.election2025 a:after {
 content: "";
 display: block;
 clear: both;
 position: absolute;
 top: 22px;
 left: 10px;
 width: 67px;
 height: 16px;
 background: url(//r.yna.co.kr/www/2025/election/img/logo_election2025_01.svg) 0
  0 no-repeat;
 background-size: contain;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .gnb-menu01 .list01 li > a {
  font-size: 16px;
 }
 .gnb-menu01 .list01 li.jebo {
  margin-left: 8px;
  padding-left: 8px;
 }
 .gnb-menu01 .list01 li.election2025 a {
  width: 63px;
 }
 .gnb-menu01 .list01 li.election2025 a:after {
  left: 5px;
  width: 63px;
  height: 15px;
 }
}
/* 중형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
 .gnb-menu01 .list01 li.election2025 a {
  width: 59px;
 }
 .gnb-menu01 .list01 li.election2025 a:after {
  top: 5px;
  left: 8px;
  width: 59px;
  height: 14px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .gnb-menu01 {
  padding-right: 24px;
 }
 .gnb-menu01 .list01 li > a {
  height: 100%;
  padding: 0 8px !important;
  font-size: 15px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .gnb-menu01 {
  padding-right: 16px;
 }
 .gnb-menu01 .list01 li > a {
  height: 100%;
  padding: 0 8px !important;
  font-size: 15px;
 }
}

/* ---- ##nav-type12 ---- */
.nav-type12 {
 justify-content: space-around;
 z-index: 201;
 box-sizing: border-box;
 padding-left: 180px !important;
}
.nav-type12 .option-zone {
 display: none;
}
.nav-type12 .title-zone {
 box-sizing: border-box;
 width: 100%;
 max-width: 928px;
 padding-right: 65px;
 text-align: center;
}
.nav-type12 .title-zone .tit-news {
 overflow: hidden;
 display: block;
 white-space: nowrap;
 text-overflow: ellipsis;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .nav-type12 .title-zone {
  padding-right: 214px;
 }
 .nav-type12 .utility-zone .btn-type200,
 .nav-type12 .utility-zone .btn-type004.login01,
 .nav-type12 .utility-zone .btn-srch-switch {
  display: none !important;
 }
 .nav-type12 .option-zone {
  display: block;
  position: absolute;
  top: auto;
  right: 0;
 }
 .nav-type12 .btn-type004.menu01 {
  left: -10px;
 }
 .nav-type12 [class*="logo-yna"] {
  left: 36px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type12 {
  justify-content: flex-end;
  padding-right: 14px;
 }
 .nav-type12 .title-zone {
  display: none;
 }
 .nav-type12 .utility-zone {
  display: none !important;
 }
 .nav-type12 .option-zone {
  display: block;
  position: relative;
  top: auto;
  right: auto;
 }
 .nav-type12 .logo-yna03 {
  left: 24px;
 }
}
@media only screen and (max-width: 767px) {
 .nav-type12 {
  justify-content: flex-end;
  padding-right: 6px;
 }
 .nav-type12 .title-zone {
  display: none;
 }
 .nav-type12 .utility-zone {
  display: none !important;
 }
 .nav-type12 .option-zone {
  display: block;
  position: relative;
  top: auto;
  right: auto;
 }
 .nav-type12 .logo-yna03 {
  left: 16px;
 }
}

/* ---- ##nav-type40 : 페이지 내비게이션 ---- */
/* .gnb-menu41 : 섹션/리스트 */
.nav-type40 [class*="area0"] {
 position: relative;
 box-sizing: border-box;
 width: 100%;
}
.nav-type40 .area01 + .area02 {
 margin-top: -1px;
}
.nav-type40 .area01 {
 display: flex;
 align-items: flex-end;
 border-bottom: 2px solid var(--ui-tag003);
}
.nav-type40 .list-text001::after {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 1px;
 background-color: var(--ui-tag005);
}
.nav-type40 .title-type011 {
 margin-right: 24px;
}
.nav-type40 .title-type011 > .tit01 {
 padding-bottom: 12px;
}
.nav-type40 .title-type011 > .btn-type311 {
 margin: 6px 0 0 18px;
}
/* .nav-type40 > gnb-menu41 */
.nav-type40 .gnb-menu41 {
 position: relative;
}
.nav-type40 .gnb-menu41 .list01 {
 box-sizing: border-box;
 padding-bottom: 16px;
}
.nav-type40 .gnb-menu41 li {
 width: auto;
 margin-right: 8px;
}
.nav-type40 .gnb-menu41 .txt01 {
 padding: 0 8px;
 font-size: 16px;
 color: var(--font-color006);
}
.nav-type40 .gnb-menu41 li:first-of-type .txt01 {
 padding-left: 0;
}
.nav-type40 .gnb-menu41 .active .txt01 {
 font-weight: 700;
 color: var(--font-color003);
}
.nav-type40 .gnb-menu41 .swiper-notification {
 display: none;
}
.nav-type40 .tab-type22 .swiper-notification {
 display: none;
}
/* 뉴스+>관심사 뉴스 패키지 */
.nav-type40 + .title-type004 {
 margin-top: 48px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type40 .area01 {
  display: block;
  border: none;
 }
 .nav-type40 .area02 {
  border-top: 1px solid var(--ui-tag005);
 }
 .nav-type40 .title-type011 {
  display: block;
  margin-right: 0;
  border-bottom: 2px solid var(--ui-tag003);
 }
 .nav-type40 .title-type011 > .btn-type311 {
  margin: 1px 0 0 16px;
 }
 .nav-type40 .list-text001 {
  padding-left: 0;
 }
 .nav-type40 .list-text001::after {
  display: none;
 }
 /* .nav-type40 > gnb-menu41 */
 .nav-type40 .gnb-menu41 {
  position: relative;
  margin-top: 14px;
 }
 .nav-type40 .gnb-menu41:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .nav-type40 .gnb-menu41 .txt01 {
  font-size: 15px;
 }
 .nav-type40 .gnb-menu41 li:first-of-type .txt01 {
  padding-left: 0;
 }
 .nav-type40.style01:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid var(--ui-tag003);
  transform: translateX(-50%);
 }
 /* 뉴스+>관심사 뉴스 패키지 */
 .nav-type40 + .title-type004 {
  margin-top: 24px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-type40 .area01 {
  display: block;
  border: none;
 }
 /*.nav-type40 .area02{width:calc(100% - 32px);margin:0 16px;border-top:1px solid var(--ui-tag005);} 혜진주석처리함  문제없으면 삭제하기*/
 .nav-type40 .area02 {
  width: 100%;
 }
 .nav-type40 .area02 .tab-type22 {
  position: relative;
  padding: 0 16px;
  border-bottom: 0;
 }
 .nav-type40 .area02 .tab-type22:before,
 .nav-type40 .area02 .tab-type22:after {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .nav-type40 .area02 .tab-type22:before {
  top: 0;
 }
 .nav-type40 .area02 .tab-type22:after {
  bottom: 0;
 }
 .nav-type40 .title-type011 {
  display: block;
  margin: 0 16px;
  border-bottom: 2px solid var(--ui-tag003);
 }
 .nav-type40 .title-type011 > .btn-type311 {
  margin: 1px 0 0 16px;
 }
 .nav-type40 .list-text001 {
  padding-left: 0;
 }
 .nav-type40 .list-text001::after {
  left: 16px;
  width: calc(100% - 32px);
 }
 .nav-type40 .list-text001 ul {
  padding: 0 16px;
 }
 /* .nav-type40 > gnb-menu41 */
 .nav-type40 .gnb-menu41 {
  position: relative;
  margin-top: 14px;
  padding-left: 16px;
 }
 .nav-type40 .gnb-menu41:after {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .nav-type40 .gnb-menu41 li {
  margin-right: 8px;
 }
 .nav-type40 .gnb-menu41 .txt01 {
  font-size: 15px;
 }
 .nav-type40 .gnb-menu41 li:first-of-type .txt01 {
  padding-left: 0;
 }
 /* 뉴스+>관심사 뉴스 패키지 */
 .nav-type40 + .title-type004 {
  margin-top: 24px;
 }
}

/* ---- ##nav-type41 : 검색 내비게이션 ---- */
/* .gnb-menu42 : 검색결과 페이지 */
.nav-type41 [class*="area0"] {
 position: relative;
 box-sizing: border-box;
 width: 100%;
}
.nav-type41 .area01 {
 display: flex;
 align-items: flex-end;
 border-bottom: 2px solid var(--ui-tag003);
}
.nav-type41 .title-type007 {
 display: flex;
 justify-content: space-between;
 align-items: center;
 box-sizing: border-box;
 width: 100%;
 padding-bottom: 16px;
}
.nav-type41 .btn-type209 {
 box-sizing: border-box;
 padding-bottom: 16px;
}
.nav-type41 .btn-type014 {
 position: absolute;
 top: 12px;
 right: 16px;
}
/* .nav-type41 > gnb-menu42 */
.nav-type41 .gnb-menu42 {
 overflow: hidden;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 height: 50px;
 white-space: nowrap;
 overflow-x: auto;
}
.nav-type41 .gnb-menu42 .list01 {
 display: flex;
 align-items: center;
 box-sizing: border-box;
 width: 100%;
 padding-bottom: 16px;
}
.nav-type41 .gnb-menu42 li {
 display: inline-block;
 width: auto;
 margin-right: 8px;
}
.nav-type41 .gnb-menu42 li:last-child {
 position: absolute;
 top: 0;
 right: 0;
 margin-right: 0;
}
.nav-type41 .gnb-menu42 .btn-type209.color21 .txt01 {
 color: var(--font-color021) !important;
}
.nav-type41 .gnb-menu42 .txt01 {
 padding: 8px;
 font-size: 17px;
 color: var(--font-color006);
}
.nav-type41 .gnb-menu42 li:first-child .txt01 {
 padding: 8px 0;
}
.nav-type41 .gnb-menu42 .active .txt01 {
 font-weight: 700;
 color: var(--font-color003);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
 .nav-type41 .gnb-menu42 li:hover .txt01 {
  font-weight: 700;
  color: var(--font-color003);
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-type41 .area01 {
  border-bottom: 1px solid var(--ui-tag005);
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-type41 .area01 {
  border-bottom: 1px solid var(--ui-tag005);
 }
 /* .nav-type41 > gnb-menu42 */
 .nav-type41 .gnb-menu42 .title-type007 {
  display: none;
 }
 .nav-type41 .gnb-menu42 .txt01 {
  padding: 14.5px 0;
  font-size: 14px;
  line-height: 19px;
 }
 .nav-type41 .gnb-menu42 li {
  padding-right: 8px;
 }
 .nav-type41 .gnb-menu42 li:first-child .txt01 {
  padding: 14.5px 0;
 }
 .nav-type41 .gnb-menu42 li:last-child {
  position: static;
 }
 .nav-type41 .gnb-menu42 .active .txt01 {
  border-bottom: 2px solid var(--ui-tag003);
 }
 /* .nav-type41 .gnb-menu42 .btn-type209.style01{padding-left:18px;}
	.nav-type41 .gnb-menu42 .btn-type209.arr01.style01:after{position:absolute;top:6px;left:0;width:14px;height:14px;margin-left:0;background-position:0 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} */
}

/* ---- ##nav-menu$$ (common) ---- */
/* nav-menu$$ : 푸터,전체메뉴 내비게이션 */
/* nav-menu$$ 공통 */
[class*="nav-menu"] {
 display: flex;
}
[class*="nav-menu"] > li {
 display: inline-block;
 flex-shrink: 0;
 width: 120px;
 margin-bottom: 20px;
}
[class*="nav-menu"] > li > a,
[class*="nav-menu"] > li > strong {
 flex-shrink: 0;
 margin-bottom: 0;
 font-size: 15px;
 font-weight: 600;
 color: var(--font-color003);
}
[class*="nav-menu"] .menu01 {
 padding-right: 15px;
}
[class*="nav-menu"] .menu01 > li > a {
 overflow: hidden;
 display: block;
 margin-top: 4px;
 font-size: 13px;
 line-height: 20px;
 font-weight: 400;
 color: var(--font-color004);
 text-overflow: ellipsis;
}
[class*="nav-menu"] [class*="btn-type009"] {
 display: none;
}

@keyframes menu-updown {
 0% {
  max-height: 0px;
 }
 100% {
  max-height: 1000px;
 }
}

/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 /* ##wrap-footer > nav-menu01 기본 타입 (노출요소가 많음) */
 [class*="nav-menu"] {
  flex-direction: column !important;
  width: 100% !important;
  max-height: none !important;
  column-count: auto !important;
 }
 [class*="nav-menu"] > li {
  position: relative;
  width: 100%;
  max-height: none;
  min-height: auto !important;
  margin-bottom: 0;
  border-bottom: 1px solid var(--ui-tag005);
 }
 [class*="nav-menu"] > li > a,
 [class*="nav-menu"] > li > strong {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin-bottom: 0;
  padding: 12px 0 12px 4px;
 }
 [class*="nav-menu"] [class*="btn-type009"] {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
 }
 [class*="nav-menu"] .menu01 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  margin-bottom: 0;
  padding-left: 4px;
  flex-wrap: wrap;
 }
 [class*="nav-menu"] .menu01 > li {
  width: 50%;
  margin-bottom: 20px;
 }
 [class*="nav-menu"] .menu01 > li > a {
  font-size: 15px;
 }
 [class*="nav-menu"] .menu01 {
  overflow: hidden;
  max-height: 0; /*margin-bottom:0;*/
  transition: max-height 0.4s linear;
 }
 [class*="nav-menu"] > li.active .menu01 {
  max-height: 500px; /*margin-bottom:8px;*/
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 /* ##wrap-footer > nav-menu01 기본 타입 (노출요소가 많음) */
 [class*="nav-menu"] {
  flex-direction: column !important;
  width: 100% !important;
  max-height: none !important;
  column-count: auto !important;
 }
 [class*="nav-menu"] > li {
  position: relative;
  width: 100%;
  max-height: none;
  min-height: auto !important;
  margin-bottom: 0;
  border-bottom: 1px solid var(--ui-tag005);
 }
 [class*="nav-menu"] > li > a,
 [class*="nav-menu"] > li > strong {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin-bottom: 0;
  padding: 12px 0 12px 4px;
 }
 [class*="nav-menu"] [class*="btn-type009"] {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
 }
 [class*="nav-menu"] .menu01 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  margin-bottom: 0;
  padding-left: 4px;
  flex-wrap: wrap;
 }
 [class*="nav-menu"] .menu01 > li {
  width: 50%;
  margin-bottom: 20px;
 }
 [class*="nav-menu"] .menu01 > li > a {
  font-size: 15px;
 }
 [class*="nav-menu"] .menu01 {
  overflow: hidden;
  max-height: 0; /*margin-bottom:0;*/
  transition: max-height 0.2s linear;
 }
 [class*="nav-menu"] > li.active .menu01 {
  max-height: 500px; /*margin-bottom:8px;*/
 }
}

/* ---- ##nav-menu01  ---- */
.nav-menu01 {
 flex-direction: column;
 width: 1200px;
 max-height: 610px;
 margin: 0 auto;
 padding: 24px 0;
 flex-wrap: wrap;
 column-count: 10;
}
.nav-menu01 > li {
 min-height: 243px;
 break-inside: avoid;
}
.nav-menu01 > li.latest,
.nav-menu01 > li.intrnal {
 min-height: 483px;
 margin-bottom: 0;
}
.nav-menu01 > li.nk,
.nav-menu01 > li.market,
.nav-menu01 > li.health,
.nav-menu01 > li.sports,
.nav-menu01 > li.people {
 min-height: 220px;
 margin-bottom: 0;
}
/* 2025-05-16 : 대선2025 메뉴 추가 */
.nav-menu01 > li.election2025 {
 display: none;
}
.nav-menu01 > li.election2025 > a {
 color: #6f52ee;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="nav-menu"] .menu01 > li > a {
  margin-top: 8px;
 }
 .nav-menu01 {
  width: 980px;
 }
 .nav-menu01 > li {
  width: 98px;
 }
 .nav-menu01 > li > a {
  margin-bottom: 0;
 }
 .nav-menu01 > li.culture,
 .nav-menu01 > li.ent,
 .nav-menu01 > li.opinion {
  min-height: 276px;
 }
 .nav-menu01 > li.health,
 .nav-menu01 > li.sports,
 .nav-menu01 > li.people {
  min-height: 191px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-menu01 {
  padding: 0;
 }
 .nav-menu01 .btn-type009 {
  width: 50px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-menu01 {
  padding: 0;
 }
 .nav-menu01 .btn-type009 {
  width: 50px;
 }
}

/* ---- ##nav-menu11  ---- */
.nav-menu11 {
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .nav-menu11 > li {
  width: 98px;
 }
}

/* ---- ##nav-menu12  ---- */
.nav-menu12 {
 flex-direction: column;
}
.nav-menu12 li button {
 height: 100%;
 border: none;
 background-color: var(--ui-tag000);
 font-size: 15px;
 font-weight: 600;
 color: var(--font-color003);
}

/* ---- ##nav-menu13  ---- */
.nav-menu13 {
 flex-direction: column;
}
.nav-menu13 .menu01 {
 display: none;
}

/* ---- ##nav-menu61  ---- */
.nav-menu61 {
 display: flex;
}

/* ---- ##nav-menu62  ---- */
.nav-menu62 {
 display: flex;
}
.nav-menu62 {
 height: 30px;
 padding: 20px 0;
}
.nav-menu62 .tit {
 margin-right: 13px;
 font-size: 15px;
 line-height: 30px;
 font-weight: 600;
 color: var(--font-color003);
}
.nav-menu62 .btn-type202 {
 position: relative;
 height: 30px;
 padding: 0 16px 0 17px;
 line-height: 30px;
}
.nav-menu62 .btn-type202:before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 width: 1px;
 height: 12px;
 background-color: var(--ui-tag005);
 transform: translateY(-50%);
}
.nav-menu62 .btn-type202.yna:before {
 display: none;
}

/* ---- ##nav-menu63  ---- */
.nav-menu63 {
 flex-direction: row !important;
}
.nav-menu63 .tit {
 overflow: hidden;
 opacity: 0;
 z-index: -1;
 font-size: 1px;
}
.nav-menu63 .txt01 {
 flex-shrink: 0;
 width: 100%;
 font-size: 15px;
 line-height: 1.5;
 color: var(--font-color006);
 text-align: center;
}
.nav-menu63 .btn-type006 {
 flex-shrink: 0;
 margin-left: 8px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-menu63 {
  position: absolute;
  right: 24px;
  bottom: 0;
  width: auto !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-menu63 {
  flex-shrink: 0;
  position: relative;
  width: 100% !important;
 }
 .nav-menu63 .tit {
  position: absolute;
 }
 .nav-menu63 .btn-type006.fb {
  margin-left: 0;
 }
}

/* =============== ####검색 입력 UI ======================== */
/* ---- ##search-type$$ : 공통  --- */
/* 활성화 border의 radius를 방지한다  */
[class*="search-type"] .input01,
[class*="search-type"] .input01:focus {
 -webkit-appearance: none;
 -webkit-border-radius: 0;
 border-radius: 0;
}
[class*="search-type"] .select-box {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 height: 58px;
 border: 1px solid var(--ui-tag004);
 border-radius: 2px;
 background-color: var(--font-color001);
}
[class*="search-type"] .select-box .selected {
 display: flex;
 justify-content: space-between;
 align-items: center;
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 padding: 16px;
 cursor: pointer;
}
[class*="search-type"] .select-box .selected .txt01 {
 overflow: hidden;
 font-size: 17px;
 font-weight: 400;
 color: var(--font-color003);
 white-space: nowrap;
 text-overflow: ellipsis;
}
[class*="search-type"] .select-box .selected .ico-type06-arr12 {
 flex-shrink: 0;
 transform: rotate(180deg);
}
[class*="search-type"] .select-box.active .selected .ico-type06-arr12 {
 transform: rotate(0);
}
[class*="search-type"] .select-box .option-box {
 display: none;
 position: absolute;
 top: 56px;
 left: -1px;
 z-index: 12;
 box-sizing: border-box;
 width: calc(100% + 2px);
 padding: 16px;
 border: 1px solid var(--ui-tag004);
 border-radius: 2px;
 background-color: var(--font-color001);
}
[class*="search-type"] .select-box .option-box > li {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 17px;
 font-weight: 400;
 color: var(--font-color003);
 cursor: pointer;
}
[class*="search-type"] .select-box .option-box > li + li {
 margin-top: 12px;
}
[class*="search-type"] .select-box .option-box > li.active {
 font-weight: 500;
 color: var(--font-color021);
}
[class*="search-type"] .select-box.active .option-box {
 display: block;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="search-type"] .select-box .option-box {
  top: 53px;
 }
 [class*="search-type"] .select-box .selected .txt01 {
  font-size: 15px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="search-type"] .select-box .option-box {
  top: 53px;
 }
 [class*="search-type"] .select-box .selected .txt01 {
  font-size: 15px;
 }
}

/* ---- ##search-type01 : 검색결과 페이지  --- */
.search-type01 {
 position: relative;
 max-width: 860px;
 margin: 0 auto;
 font-size: 0;
}
.search-type01 .txt-label01 {
 display: inline-block;
 width: 68px;
 font-size: 16px;
 line-height: 50px;
 font-weight: bold;
}
.search-type01 label {
 position: absolute;
}
.search-type01 .input01 {
 display: inline-block;
 box-sizing: border-box;
 width: 100%;
 height: 70px;
 padding: 0 90px 0 20px;
 border: 0;
 border-bottom: 2px solid var(--ui-tag003);
 font-size: 24px;
 font-weight: 600;
 color: var(--font-color003);
 outline: 0;
}
.search-type01 .input01::placeholder {
 color: var(--ui-tag004);
}
.search-type01 .btn-clear01 {
 display: none;
 position: absolute;
 top: 24px;
 right: 53px;
}
.search-type01 .search01 {
 position: absolute;
 top: 16px;
 right: 13px;
}
.search-type01.active .input01 {
 border-color: var(--ui-tag030);
}
.search-type01 .search-auto {
 position: absolute;
 left: 0;
 box-sizing: border-box;
 width: 100%;
}
.search-type01.active .btn-clear01 {
 display: block;
}
.search-type01.active .search-auto {
 display: block;
}

/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .search-type01 {
  max-width: 100%;
  margin: 0 8px;
 }
 .search-type01 .input01 {
  height: 53px;
  padding: 0 74px 0 0;
  border-bottom: 2px solid var(--ui-tag003);
  font-size: 18px;
  line-height: 27px;
 }
 .search-type01 .search01 {
  top: 6px;
  right: 0;
  background-size: 24px auto;
  background-position: 100% 50%;
 }
 .search-type01 .btn-clear01 {
  top: 12px;
  right: 40px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .search-type01 {
  max-width: 100%;
 }
 .search-type01 .input01 {
  height: 53px;
  padding: 0 74px 0 0;
  border-bottom: 2px solid var(--ui-tag003);
  font-size: 18px;
  line-height: 27px;
 }
 .search-type01 .search01 {
  top: 6px;
  right: 0;
  background-size: 24px auto;
  background-position: 100% 50%;
 }
 .search-type01 .btn-clear01 {
  top: 12px;
  right: 40px;
 }
}

/* ---- ##search-type02 : 기자검색  --- */
.search-type02 {
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 width: 100%;
 height: 106px;
 background-color: var(--ui-tag007);
 gap: 8px;
}
.search-type02 .ir-txt01 {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
}
.search-type02 .select-box {
 flex-shrink: 0;
 width: 140px;
 height: 58px;
}
.search-type02 .select-box [class*="ico-type06-arr1"]::before {
 filter: none;
 transform: rotate(0);
}
.search-type02 > input {
 display: block;
 box-sizing: border-box;
 width: 100%;
 max-width: 600px;
 height: 58px;
 padding: 16px;
 border: 1px solid var(--ui-tag004);
 border-radius: 2px;
 background-color: var(--font-color001);
 font-size: 17px;
 line-height: 1;
 font-weight: 400;
}
.search-type02 > .txt01 {
 margin-right: 16px;
 font-size: 17px;
 line-height: 1.5;
 font-weight: 400;
 color: var(--font-color006);
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .search-type02 {
  height: auto;
  padding: 24px 24px 0;
  background-color: var(--font-color000);
 }
 .search-type02 > input {
  max-width: none;
  height: 55px;
  font-size: 15px;
 }
 .search-type02 .select-box {
  width: 100px;
  height: 55px;
 }
 .search-type02 > .txt01 {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .search-type02 {
  height: auto;
  padding: 24px 16px 0;
  background-color: var(--font-color000);
 }
 .search-type02 > input {
  max-width: none;
  height: 55px;
  font-size: 15px;
 }
 .search-type02 .select-box {
  width: 100px;
  height: 55px;
 }
 .search-type02 > .txt01 {
  display: none;
 }
}

/* ---- ##list-search$$ : 검색 자동 완성 ---- */
.list-search01 {
 border-bottom: 1px solid var(--ui-tag027);
}
.list-search01 > li {
 overflow: hidden;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0 20px;
}
.list-search01 > li > a {
 overflow: hidden;
 display: flex;
 align-items: center;
 position: relative;
 box-sizing: border-box;
 width: calc(100% - 30px);
 min-height: 42px;
 padding: 8px 0;
}
.list-search01 > li > a .txt01 {
 display: block;
 font-size: 17px;
 line-height: 26px;
 font-weight: 400;
 color: var(--font-color006);
}
.list-search01 > li .ico-type06-search01 {
 flex-shrink: 0;
 margin-right: 8px;
}
.list-search01 > li .ico-type06-time01 {
 flex-shrink: 0;
 margin-right: 8px;
}
.list-search01 > li > a em {
 color: var(--font-color021);
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .list-search01 > li {
  padding: 0;
 }
 .list-search01 > li > a {
  padding: 12px 0;
 }
 .list-search01 > li > a .txt01 {
  font-size: 15px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .search-zone01 .search-auto {
  top: 53px;
 }
 .search-zone01 .search-auto .title-con01 {
  padding: 12px 0;
 }
 .list-search01 > li {
  padding: 0;
 }
 .list-search01 > li > a {
  padding: 12px 0;
 }
 .list-search01 > li > a .txt01 {
  font-size: 15px;
 }
}

/* ---- ##list02 통합검색 실시간 인기 검색어 ---- */
.list-search02 {
 display: flex;
 padding: 32px 32px 40px 24px;
}
.list-search02 .title-type008 {
 margin-right: 16px;
}
.list-search02 .title-type008 .tit01 {
 font-size: 16px;
 font-weight: 600;
 color: var(--font-color006);
}
.list-search02 .list01 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 position: relative;
 box-sizing: border-box;
 flex-wrap: wrap;
 gap: 8px;
}
.list-search02 .list01 .txt01 {
 display: inline-block;
 padding: 4px 8px 0;
 padding: 4px 8px;
 background-color: #f6f8ff;
 font-size: 14px;
 font-size: 13px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color006);
 color: var(--font-color021);
}
/* 중형/소형 프레임 : 1023px 이하 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .list-search02 {
  flex-direction: column;
  align-items: center;
  padding: 118px 16px 118px 16px;
  flex-wrap: wrap;
 }
 .list-search02 .title-type008 {
  margin-right: 0;
 }
 .list-search02 .list01 {
  justify-content: center;
  margin-top: 24px;
 }
 .list-search02 .list01 .txt02 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px;
  padding: 7px 16px 4px 15px;
  font-size: 14px;
 }
}
@media only screen and (max-width: 767px) {
 .list-search02 {
  flex-direction: column;
  align-items: center;
  padding: 118px 16px 118px 16px;
  flex-wrap: wrap;
 }
 .list-search02 .title-type008 {
  margin-right: 0;
 }
 .list-search02 .list01 {
  justify-content: center;
  margin-top: 24px;
 }
 .list-search02 .list01 .txt02 {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px;
  padding: 7px 16px 4px 15px;
  font-size: 14px;
 }
}

/* ---- ##search-zone01 : 검색 입력 (검색 레이어 팝업)  --- */
.search-zone01 {
 width: 100%;
}
.search-zone01 fieldset {
 position: relative;
 box-sizing: border-box;
 width: 100%;
 max-width: 860px; /*min-height:218px;*/
 margin: 40px auto 0;
}
.search-zone01.active {
 display: block;
 z-index: 30;
 min-height: 230px;
}
.search-zone01.open-list .search-auto .list-search01 {
 display: block;
 overflow-y: auto;
 max-height: calc(100vh - 550px);
 max-height: 380px;
}
.search-zone01.open-list .search-auto .list-search01::-webkit-scrollbar {
 width: 8px;
}
.search-zone01.open-list .search-auto .list-search01::-webkit-scrollbar-thumb {
 border: 2px solid transparent;
 border-radius: 10px;
 background-color: var(--ui-tag001);
 background-clip: padding-box;
}
.search-zone01.open-list .search-auto .list-search01::-webkit-scrollbar-track {
 border-radius: 10px;
 background-color: var(--ui-tag008);
}
.search-zone01.open-list .search-auto .btns {
 display: block;
}
.search-zone01.open-list .search-auto .input01 {
 border-bottom: 2px solid var(--ui-tag030);
}
.search-zone01.open-list .title-con01.style04 {
 display: flex;
}
/* search-auto : 검색어입력시 노출 영역 */
.search-zone01 .search-auto {
 overflow: hidden;
 width: 100%;
 max-width: 860px;
 max-height: calc(100vh - 450px);
 margin: 0 auto;
 margin-top: 8px;
}
.search-zone01 .search-auto .list-search01 {
 display: none;
}
.search-zone01 .search-auto .title-con01 {
 box-sizing: border-box;
 width: 100%;
 padding: 8px 20px;
}
.search-zone01 .search-auto .search-type01 + .list-search01 {
 margin-top: 8px;
}
.search-zone01 .search-auto .btns {
 width: 100%;
 padding: 12px 0;
 text-align: right;
}
.search-zone01 .search-auto .txt-type031 {
 width: 100%;
}
.search-zone01 .search-auto .title-con01.style04 {
 display: none;
 margin-top: 8px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .search-zone01 fieldset {
  max-width: 100%;
  margin-top: 50px;
 }
 /*.search-zone01 .search-type01 .btns,
	.search-zone01.open-list .search-auto .btns{display:none;}*/
 .search-zone01 .search-auto {
  top: 53px;
  box-sizing: border-box;
  max-height: 100%;
  padding: 0 8px;
 }
 .search-zone01 .search-auto .title-con01 {
  padding: 12px 0;
 }
 .search-zone01.open-list .search-auto .list-search01 {
  max-height: 100%;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .search-zone01 fieldset {
  max-width: 100%;
  margin-top: 50px;
 }
 /*.search-zone01 .search-type01 .btns,
	.search-zone01.open-list .search-auto .btns{display:none;}*/
 .search-zone01 .search-auto {
  top: 53px;
  max-height: 100%;
 }
 .search-zone01 .search-auto .title-con01 {
  padding: 12px 0;
 }
 .search-zone01.open-list .search-auto .list-search01 {
  max-height: 100%;
 }
}

/* ---- ##search-zone02 통합검색 검색영역  --- */
.search-zone02 {
 padding: 80px 0;
}
.search-zone02 fieldset {
 position: relative;
 box-sizing: border-box;
 width: 100%;
 max-width: 860px;
 height: 68px;
 margin: 0 auto;
}
@media only screen and (max-width: 767px) {
 .search-zone02 {
  padding: 24px 16px;
 }
 .search-zone02 fieldset {
  height: 50px;
 }
}

/* =============== ####헤더 (header) ======================== */

/* .wrap-header$$ > header$$ 형태로 번호 매칭해서 작업
 * 하위로 header$$ 가 없으면 번호 사용 안 함
 * .wrap-header01 : (공통)최상단 마케팅광고, 티커 영역`
 * .wrap-header02 : 메인용 내비게이션
 * .wrap-header03 : 그 외 내비게이션
 * .wrap-header21 : 메인,서브 픽스드 내비게이션 (logo-yna21 사용)
 * .wrap-header22 : 본문 픽스드 내비게이션
 * .wrap-header23 : 긴급티커
 * .wrap-header24 : 게시판 픽스드 내비게이션 (logo-yna03 사용)
 */

/* ---- ##header (common) ---- */
[class*="wrap-header"] {
 position: relative;
 width: 100%;
}
[class*="wrap-header"] [class*="header"] {
 position: relative;
}
/* ---- ##header2$ | fixed헤더 공통 ---- */
[class*="wrap-header2"] {
 height: 62px;
 background-color: var(--ui-tag001); /*transition:all 0.2s ease-in-out;*/
}
[class*="wrap-header2"]:before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 200;
 width: 100%;
 height: 1px;
 border-bottom: 1px solid var(--ui-tag005);
}
body.page-main.body-sticky .wrap-header21 {
 opacity: 1;
 display: block;
 z-index: 211; /*transform:translate3d(0,0,0);*/
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="wrap-header2"] {
  height: 50px;
 }
}
@media only screen and (max-width: 767px) {
 [class*="wrap-header2"] {
  height: 50px;
 }
}
/* ---- ##header01 | 최상단 마케팅광고 ---- */
.wrap-header01 {
 z-index: 200;
 background-color: var(--ui-tag011);
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-header01 .header01 {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-header01 .header01 {
  display: none;
 }
}
/* ---- ##header23 | 긴급티커 ---- */
.wrap-header23 {
 position: absolute;
 top: -100px;
 left: 0;
 z-index: 210;
 width: 100%;
 height: 95px;
 transition: top 260ms cubic-bezier(0.11, 0.06, 0.09, 0.32);
}
/*.page-main .wrap-header23{top:0;}*/
.body-urgent .wrap-header23 {
 top: 62px;
}
.page-main.body-urgent .wrap-header23 {
 top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-header23 {
  position: fixed;
  top: -92px;
  left: 0;
  z-index: 300;
  height: auto;
  background-color: var(--ui-tag000);
 }
 .wrap-header23:before {
  display: none;
 }
 .body-urgent .wrap-header23 {
  top: 0;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-header23 {
  position: fixed;
  top: -94px;
  left: 0;
  z-index: 300;
  height: auto;
  background-color: var(--ui-tag000);
 }
 .wrap-header23:before {
  display: none;
 }
 .body-urgent .wrap-header23 {
  top: 0;
 }
}
/* ---- ##header02 | 메인용 ---- */
.wrap-header02 {
 z-index: 150;
 background-color: var(--ui-tag001);
}
body.body-news-sub .wrap-header02 .header02,
body.body-news-sub .wrap-header02 .nav-type01 {
 display: none;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-header02 {
  position: sticky;
  top: 0;
  z-index: 50;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-header02 {
  position: sticky;
  top: 0;
 }
}

/* ---- ##header21 | 서브 ---- */
.wrap-header21 {
 position: sticky;
 top: 0;
 z-index: 220; /*transform:translate3d(0,0,0);*/
}
body.page-main .wrap-header21 {
 opacity: 0;
 position: fixed;
 z-index: 1; /*	transform:translate3d(0,-62px,0);*/
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 body.page-main .wrap-header21 {
  display: none !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 body.page-main .wrap-header21 {
  display: none !important;
 }
}

/* ---- ##header22 | 본문 ---- */
.wrap-header22 {
 display: none;
 position: fixed;
 top: 0;
 z-index: 221; /*transform:translate3d(0,-66px,0);*/
}
body.body-sticky .wrap-header22 {
 display: block;
}
body.body-sticky .wrap-header22:before {
 display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .wrap-header22 [class*="nav-type1"] .utility-zone .menu01 {
  left: -10px;
 }
}
/* ---- ##header01 | 메인 ---- */
/* header01 : 속보티커, 마케팅 광고
 * 조합 : .wrap-header01 > .header01 > 속보티커 + 마케팅광고 */
.header01 {
 overflow: hidden;
 width: 1200px;
 height: 95px;
 margin: 0 auto;
 color: var(--font-color003);
}
.header01 .aside-top-bnr01 {
 height: 100%;
}
.header01 .aside-top-bnr01:before {
 display: none;
}
.header01 .aside-box001 {
 padding: 0;
}
.header01 .bnr-mktg-top01 {
 left: 0;
}
.header01 .bnr-mktg-top02 {
 right: 0;
}
.header01 .ticker-area {
 overflow: hidden;
 display: flex;
 align-items: center;
 max-width: 600px;
 height: 100%;
 margin: 0 auto;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .header01 {
  width: 980px;
 }
 .header01 .ticker-area {
  max-width: 420px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .header01 {
  width: 100%;
  height: 50px;
 }
 .header01 .ticker-area {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 50px;
  padding: 0 24px;
 }
 .header01 .bnr-mktg-top01,
 .header01 .bnr-mktg-top02 {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .header01 {
  width: 100%;
  height: 50px;
 }
 .header01 .ticker-area {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 50px;
  padding: 0 16px;
 }
 .header01 .bnr-mktg-top01,
 .header01 .bnr-mktg-top02 {
  display: none;
 }
}

/* ---- ##header02 | 메인 ---- */
/* header02 : 전체메뉴, 로고, 내비게이션, 유틸링크
 * 조합 : .wrap-header02 > .header02 + nav-type01 */
.header02 {
 display: flex;
 justify-content: flex-end;
 z-index: 20;
 width: 1200px;
 height: 100px;
 margin: 0 auto;
}
.header02 .logo-yna01 {
 position: absolute;
 top: 32px;
 left: 50%;
 transform: translateX(-50%);
}
.header02 .lang-zone01 {
 position: absolute;
 top: 14px;
 left: 0;
}
.header02 .today-zone {
 top: 12px;
}
.header02 .today-zone [class*="txt-"] {
 color: var(--font-color003);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .header02 {
  width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .header02 {
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 14px 0 24px;
 }
 .header02 .logo-yna01 {
  position: static;
  transform: none;
 }
 .header02 .today-zone,
 .header02 .lang-zone {
  display: none;
 }
 /*.nav-type01 .gnb-menu:before{height:1px;background-color:var(--ui-tag004);}*/
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .header02 {
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 6px 0 16px;
 }
 .header02 .logo-yna01 {
  position: static;
  transform: none;
 }
 .header02 .today-zone,
 .header02 .lang-zone {
  display: none;
 }
}

/* ---- ##header21 | 서브 ---- */
/* 전체메뉴, 로고, 내비게이션, 유틸링크
 * 조합 : .wrap-header21 > nav-type11 */

/* =============== ####푸터 (footer) ======================== */

/* ---- ##푸터 : 사이트 정보 : 패밀리사이트 ---- */
.family-site {
 width: 200px;
 border: 1px solid var(--ui-tag004);
}
.family-site .btn-type400-open {
 z-index: 2;
}
.family-site .btn-type400-close {
 display: none;
}
.family-site.active .btn-type400-close {
 display: block;
 position: absolute;
 right: 0;
 bottom: 0;
 z-index: 10;
 width: 48px;
}
.family-site > .list01 {
 overflow: hidden;
 display: none;
 position: absolute;
 left: -1px;
 bottom: 0;
 z-index: 1;
 box-sizing: border-box;
 width: calc(100% + 2px);
 padding: 0 16px;
 background-color: var(--ui-tag001);
}
.family-site.active > .list01 {
 display: block;
 bottom: -1px;
 z-index: 10;
 padding: 8px 16px;
 border: 1px solid var(--ui-tag004);
}
.family-site.active > .list01 > li > a {
 padding: 6px 0;
 width: 100%;
 font-size: 15px;
}

/* ---- ##푸터 : 사이트정보 ---- */
.footer-site01 {
 position: relative;
 z-index: 30;
 padding: 40px 0;
}
.footer-site01:before {
 content: "";
 opacity: 0.5;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 100%;
 background-color: var(--ui-tag007);
}
.footer-site01 > .area {
 position: relative;
 z-index: 2;
 box-sizing: border-box;
 width: 1200px;
 margin: 0 auto;
 padding: 0 246px 0 204px;
}
.footer-site01 > .area .logo-yna05 {
 position: absolute;
 top: 0;
 left: 0;
}
.footer-site01 > .area > .txt-copyright01 {
 padding-top: 10px;
 font-size: 13px;
 color: var(--font-color004);
}
.footer-site01 > .area > .txt-address01 {
 display: flex;
 flex-wrap: wrap;
 max-width: 700px;
}
.footer-site01 > .area > .txt-address01 span,
.footer-site01 > .area > .txt-address01 .terms a {
 position: relative;
 margin-right: 8px;
 padding: 2px 9px 2px 0;
 font-size: 13px;
 line-height: 1.5;
 color: var(--font-color004);
}
.footer-site01 > .area > .txt-address01 span:before,
.footer-site01 > .area > .txt-address01 a:before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 right: 0;
 width: 1px;
 height: 12px;
 background-color: var(--ui-tag005);
 transform: translateY(-50%);
}
.footer-site01 > .area > .txt-address01 span:nth-child(4):before,
.footer-site01 > .area > .txt-address01 span:nth-child(8):before,
.footer-site01 > .area > .txt-address01 .terms a:nth-child(3):before,
.footer-site01 span.terms:before {
 display: none !important;
}
.footer-site01 > .area > .txt-address01 a.bold {
 font-weight: 700;
}
.footer-site01 > .area > .family-site {
 position: absolute;
 top: 0;
 right: 0;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .footer-site01 {
  width: 1024px;
  margin: 0 auto;
  padding: 30px 0;
 }
 .footer-site01 > .area {
  width: 100%;
  padding: 0 238px 0 206px;
 }
 .footer-site01 > .area > .txt01 span:nth-child(4):before {
  display: block;
 }
 .footer-site01 > .area > .txt01 span:nth-child(3):before,
 .footer-site01 > .area > .txt01 span:nth-child(6):before,
 .footer-site01 > .area > .txt01 span:nth-child(8):before,
 .footer-site01 > .area > .txt01 .terms span:nth-child(3):before {
  display: none;
 }
 .footer-site01 > .area .logo-yna05 {
  left: 22px;
 }
 .footer-site01 > .area .family-site {
  right: 22px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .footer-site01 {
  padding: 30px 0;
 }
 .footer-site01 > .area {
  width: 100%;
  padding: 0 224px 0 24px;
 }
 .footer-site01 > .area .logo-yna05 {
  position: relative;
  left: auto;
  margin-bottom: 12px;
 }
 .footer-site01 > .area > .txt01 {
  margin-top: 12px;
 }
 .footer-site01 > .area .family-site {
  top: 42px;
  right: 22px;
 }
 .footer-site01 > .area > .txt-address01 span,
 .footer-site01 > .area > .txt-address01 .terms a {
  padding: 0 9px 0 0;
 }
 .footer-site01 > .area > .family-site [data-stat-code="footer_family_irclub"] {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .footer-site01 .family-site {
  right: 24px;
 }
 .footer-site01 {
  padding: 20px 0 30px;
 }
 .footer-site01 > .area {
  width: 100%;
  padding: 0 16px;
 }
 .footer-site01 > .area .logo-yna05 {
  position: relative;
  left: auto;
  margin-bottom: 12px;
 }
 .footer-site01 > .area > .txt01 {
  margin-top: 12px;
 }
 .footer-site01 > .area > .txt01 span {
  padding: 0 9px 0 0;
 }
 .footer-site01 > .area .family-site {
  position: relative;
  right: auto !important;
  width: 100%;
  margin-top: 20px;
 }
 .footer-site01 > .area > .family-site [data-stat-code="footer_family_irclub"] {
  display: none;
 }
}

.wrap-footer {
 /*overflow:hidden;*/
 position: relative;
 z-index: 1;
 width: 100%;
 border-top: 1px solid var(--ui-tag005);
 background-color: var(--ui-tag001);
}
.wrap-footer .tit-nav01 {
 display: none;
}
.footer-menu01 {
 position: relative;
 width: 1200px;
 margin: 0 auto;
}
.footer-menu01 .nav-menu61 {
 display: none;
}
.footer-menu01 .lang-zone02 {
 display: none;
}
.footer-menu01 .nav-other01 {
 display: table;
 flex-direction: column;
 position: relative;
 box-sizing: border-box;
 min-height: 266px;
 padding-top: 24px;
 border-top: 1px solid var(--ui-tag005);
}
.footer-menu01 .nav-menu11 {
 float: left;
}
.footer-menu01 .nav-menu12 {
 flex-shrink: 0;
 width: 98px;
}
.footer-menu01 .nav-menu12 li {
 margin-bottom: 8px;
}
.footer-menu01 .nav-menu13 {
 flex-shrink: 0;
 float: left;
 width: 98px;
}
.footer-menu01 .nav-menu13 li {
 margin-bottom: 8px;
}
.footer-menu01 .nav-major01 .tit-nav01 {
 overflow: hidden;
 position: absolute;
 font-size: 1px;
 line-height: 1px;
 color: transparent;
 white-space: nowrap;
}

/*.footer-menu01 .nav-other01{display:flex;width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid var(--ui-tag005);}*/
/* 푸터 메뉴 및 UI 숨김 */
.footer-menu01 .ico-type08-new01,
.footer-menu01 .nav-menu12 li.jebo,
.footer-menu01 .nav-menu12 li.product,
.footer-menu01 .nav-menu12 li.advertisement,
.footer-menu01 .nav-menu12 li.sales,
.footer-menu01 .nav-menu12 li.customer,
.footer-menu01 .nav-menu13 li.customer {
 display: none;
}

.footer-menu02 {
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 width: 1200px;
 height: 30px;
 margin: 0 auto;
 padding: 20px 0;
 border-top: 1px solid var(--ui-tag005);
}
.footer-menu02 .nav-menu63 > .txt01 {
 display: none;
}
/* 대형 프레임 :1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .footer-menu01,
 .footer-menu02 {
  width: 980px;
 }
 .footer-menu01 .nav-other01 {
  width: 980px;
  margin: 0 auto;
 }
}
/* 중형 프레임 :768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-footer {
  border-top: none;
  background-color: var(--ui-tag007);
 }
 .footer-menu01 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  border-bottom: none;
 }
 .footer-menu02 {
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding: 12px 24px 0;
  border-top: none;
 }
 .footer-menu01:before,
 .footer-menu02:before {
  content: "";
  opacity: 0.5;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--ui-tag007);
 }
 /*.footer-menu01 .nav-other01{display:flex;width:100%;min-height:auto;padding-top:0;border-top:none;flex-wrap:wrap;}*/
 .wrap-footer .nav-other01 {
  display: none;
 }
 .footer-menu01 .nav-menu11 > li.lang,
 .footer-menu01 .nav-menu11 > li.product,
 .footer-menu01 .nav-menu11 > li.advertisement,
 .footer-menu01 .nav-menu11 > li.sales,
 .footer-menu01 .nav-menu11 > li.publication,
 .footer-menu01 .nav-menu11 > li.service,
 .footer-menu01 .nav-menu12,
 .footer-menu01 .nav-menu13,
 .footer-menu02 .nav-menu62 {
  display: none;
 }
 .footer-menu01 .nav-menu61 {
  display: flex;
  flex-direction: row !important;
  padding: 24px 0 8px;
  gap: 16px;
 }
 .footer-menu01 .lang-zone02 {
  position: absolute;
  left: 0;
  bottom: -42px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-footer {
  border-top: none;
  background-color: var(--ui-tag007);
 }
 .footer-menu01 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 16px;
  border-bottom: none;
 }
 .footer-menu02 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  padding: 12px 16px 0;
  border-top: none;
 }
 .footer-menu01:before,
 .footer-menu02:before {
  content: "";
  opacity: 0.5;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--ui-tag007);
 }
 /*.footer-menu01 .nav-other01{display:flex;width:100%;min-height:auto;padding-top:0;border-top:none;flex-wrap:wrap;}*/
 .wrap-footer .nav-other01 {
  display: none;
 }
 .footer-menu01 .nav-menu11 > li.lang,
 .footer-menu01 .nav-menu11 > li.product,
 .footer-menu01 .nav-menu11 > li.advertisement,
 .footer-menu01 .nav-menu11 > li.sales,
 .footer-menu01 .nav-menu11 > li.publication,
 .footer-menu01 .nav-menu11 > li.service,
 .footer-menu01 .nav-menu12,
 .footer-menu01 .nav-menu13,
 .footer-menu02 .nav-menu62 {
  display: none;
  position: absolute;
 }
 .footer-menu01 .nav-menu61 {
  display: flex;
  flex-direction: row !important;
  padding: 16px 0 0;
  gap: 8px;
 }
 .footer-menu01 .lang-zone02 {
  left: 16px;
  z-index: 40;
 }
}

/* ---- ##푸터 : 정책 메뉴 ---- */
.footer-menu03 {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 padding: 10px 0;
 background-color: var(--ui-tag006);
}
.footer-menu03 li {
 padding: 5px 20px;
}
.footer-menu03 li a {
 font-size: 14px;
 font-weight: 500;
 color: var(--font-color001);
}
.footer-menu03 li a:hover {
 text-underline-position: under;
 text-decoration-thickness: 1px;
 text-decoration-line: underline;
 text-decoration-color: currentColor;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .footer-menu03 li {
  padding: 5px 12px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .footer-menu01 .lang-zone02 {
  display: block;
  left: 28px;
  width: auto;
 }
 .footer-menu03 li {
  padding: 5px 16px;
 }
}

/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .footer-menu01 .lang-zone02 {
  display: block;
 }
 .footer-menu03 li {
  padding: 5px 12px;
 }
}

/* =============== ####container (common) ======================== */
/* section$$ : content$$ 하위 종속
 * 콘텐츠 안에서 영역 분리 역할 */
.section01 {
 width: 100%;
 max-width: 820px;
} /* width:820px Left */
.section02 {
 width: 100%;
 max-width: 300px;
} /* max-width:300px; Right */
.section03 {
 width: 100%;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .section01 {
  max-width: 640px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .section01 {
  max-width: 100%;
 }
 .section02 {
  max-width: 300px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .section01 {
  max-width: 100%;
 }
}

/* 레이아웃 단 유형
 * 본문에는 스크롤 좌우 고정 기능 들어감
 * 구성 : content$$>section0$
 * content01 : 콘텐츠 좌측영역
 * content02 : 콘텐츠 우측영역
 * content03 : wide형태(하위요소에 100% 선언하기)
 * content04 : 그림자효과 있는 형태(width100% + 여백20px)
 * content05 : 33.3% 에서 767이하 50% 변형
 * content10 : 상단48, next간격 48px(섹션페이지 메뉴)
 * content11 : 상단60, next 간격 48px(뉴스플러스 탭)
 * content12 : 상단80,
 * content13 : 상단24, next간격 48px(보도자료)
 * content$$.width100 : max-width 100% (full로 배경 들어오는 경우, 하위요소로 max잡고 센터정렬하기) */
.wrap-container [class*="content"] {
 max-width: 1200px;
 margin: 0 auto;
}
.wrap-container [class*="content"].wide {
 max-width: 100%;
}
.wrap-container [class*="content"]:after {
 content: "";
 display: block;
 clear: both;
 position: absolute;
 top: 0;
 left: 0;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .wrap-container [class*="content"] {
  max-width: 980px;
 }
 .wrap-container [class*="content"].wide {
  max-width: 100%;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container [class*="content"] {
  max-width: 100%;
 }
 .wrap-container .content90 {
  max-width: 720px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-container [class*="content"] {
  max-width: 100%;
 }
 .wrap-container .content90 {
  max-width: 720px;
 }
}
.wrap-container .content01 {
 float: left;
 position: relative;
} /* Left */
.wrap-container .content02 {
 float: right;
 position: relative;
} /* Right */
.wrap-container .content03 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 clear: both;
 position: relative;
} /* Center */

/* --- ##content03 --- */
.wrap-container .content03:after {
 content: "";
 visibility: hidden;
 display: block;
 clear: both;
 height: 0;
 font-size: 0;
 line-height: 0;
}
.wrap-container .content03 > [class*="title-con"],
.wrap-container .content03 > [class*="box-type"],
.wrap-container .content03 > [class*="box-type"],
.wrap-container .content03 > [class*="aside-box"],
.wrap-container .content03 [class*=".paging-type"] {
 flex-shrink: 0;
 width: 100%;
}
.wrap-container .content03 .title-con05 + [class*="box-type"] {
 margin-top: 16px;
}

/* --- ##width100 --- */
.wrap-container .width100 {
 display: block;
 max-width: 100%;
 flex-wrap: wrap;
}
.wrap-container .width100 [class*="aside-box"],
.wrap-container .width100 [class*="box-type"] {
 width: 100%;
 max-width: 1200px;
 margin: 60px auto 0;
}
.wrap-container .width100 [class*="title-con"] {
 max-width: 1200px;
 margin: 0 auto;
}
.wrap-container .width100 [class*="title-con"] + [class*="box-type"] {
 margin-top: 16px;
}
.wrap-container .width100 .box-type109 {
 max-width: 100%;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .wrap-container .width100 [class*="aside-box"],
 .wrap-container .width100 [class*="box-type"],
 .wrap-container .width100 [class*="title-con"] {
  max-width: 980px;
 }
 .wrap-container .width100 .box-type109 {
  max-width: 100%;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container .width100 [class*="aside-box"],
 .wrap-container .width100 [class*="box-type"] {
  max-width: 720px;
  margin: 40px auto 0;
 }
 .wrap-container .width100 [class*="title-con"] {
  max-width: 720px;
 }
 .wrap-container .width100 [class*="title-con"] + [class*="box-type"] {
  margin-top: 12px;
 }
 .wrap-container .width100 .box-type109 {
  max-width: 100%;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-container .width100 [class*="aside-box"],
 .wrap-container .width100 [class*="box-type"] {
  max-width: 100%;
  margin: 40px auto 0;
 }
 .wrap-container .width100 [class*="title-con"] {
  max-width: 100%;
 }
 .wrap-container .width100 [class*="title-con"] + [class*="box-type"] {
  margin-top: 24px;
 }
 .wrap-container .width100 .box-type109 {
  max-width: 100%;
 }
 .wrap-container .content03 [class*="aside-box4"] {
  width: calc(100% - 32px);
 }
 .wrap-container .content03 .aside-box404 {
  width: 100%;
 }
 .wrap-container .content03 .aside-box416 {
  width: 100%;
 }
}
/* --- ##width980 --- */
.wrap-container .width980 {
 display: block;
 max-width: 980px;
}
/* --- ##content05 --- */
.wrap-container .content05 {
 display: flex;
 justify-content: space-between;
 max-width: 1240px;
 flex-wrap: wrap;
 margin-top: 0;
}
.wrap-container .content05:after {
 display: none;
}
.wrap-container .content05 [class*="section0"] {
 flex-shrink: 0;
 box-sizing: border-box;
 width: calc(33.3% - 40px);
 max-width: 100% !important;
 margin: 0 20px;
}
.wrap-container .content05 [class*="section0"] [class*="box-type"] {
 width: 100%;
}
.wrap-container
 .content05
 [class*="section0"]
 > [class*="box-type"]:first-of-type {
 margin-top: 60px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .wrap-container .content05 {
  max-width: 1020px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container .content05 {
  justify-content: space-between;
  max-width: 760px;
 }
 .wrap-container
  .content05
  [class*="section0"]
  > [class*="box-type"]:first-of-type {
  margin-top: 40px;
 }
 .wrap-container .content05 [class*="section0"] {
  width: calc(50% - 16px);
  margin: 0 8px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-container .content05 {
  display: block;
  max-width: 100%;
 }
 .wrap-container
  .content05
  [class*="section0"]
  > [class*="box-type"]:first-of-type {
  margin-top: 40px;
 }
 .wrap-container .content05 [class*="section0"] {
  width: 100%;
  margin: 0;
  padding: 0 16px;
 }
}

/* --- ##content10 --- */
.wrap-container .content10 {
 margin-top: 48px;
}
.wrap-container .content10 + .content03 {
 margin-top: 48px;
}
.content10 [class*="tab-type0"] {
 overflow: hidden;
 margin-top: 24px;
}
.content10 [class*="tab-type0"] ul {
 justify-content: flex-start;
}
.content10 .period-field01 + .tab-type01 {
 margin-top: 0;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container .content10 {
  margin-top: 24px;
  padding: 0 24px;
 }
 .wrap-container .content10 + .content03 {
  margin-top: 24px;
 }
 .content10 .tab-type01 {
  margin-top: 20px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-container .content10 {
  margin-top: 24px;
 }
 .wrap-container .content10 + .content03 {
  margin-top: 24px;
 }
 .content10 .tab-type01 {
  margin-top: 20px;
 }
}

.wrap-container .content11 {
 margin-top: 60px;
}
.wrap-container .content11 + .content03 {
 margin-top: 48px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container .content11 {
  margin-top: 40px;
 }
 .wrap-container .content11 + .content03 {
  margin-top: 40px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-container .content11 {
  margin-top: 40px;
 }
 .wrap-container .content11 + .content03 {
  margin-top: 40px;
 }
}

/* --- ##content12 --- */
.wrap-container .content12 {
 padding: 80px 16px 0;
}
@media only screen and (max-width: 767px) {
 .wrap-container .content12 {
  padding: 24px 16px 0;
 }
}

/* --- ##content13 --- */
.wrap-container .content13 {
 margin-top: 24px;
}
.wrap-container .content13 + .content03 {
 margin-top: 48px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container .content13 {
  margin-top: 32px;
 }
}
@media only screen and (max-width: 767px) {
 .wrap-container .content13 {
  margin-top: 32px;
 }
}

/* --- ##content90 --- */
.wrap-container .content90 {
 display: flex;
 justify-content: space-between;
 clear: both;
 position: relative;
} /* Center */
.wrap-container .content90:after {
 content: "";
 visibility: hidden;
 display: block;
 clear: both;
 height: 0;
 font-size: 0;
 line-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 body.popup-mode .wrap-container .content90 {
  position: static;
 }
}

@media only screen and (max-width: 767px) {
 body.popup-mode .wrap-container .content90 {
  position: static;
 }
}

/* content$$
 * 주석설명 - content$$ : 옆의 넘버링은 content$$>section의 width 구분.
 * 메인페이지 전용 레이아웃
 * -- content51 : 890px, 270px
 * -- content52 : 50%, 50%
 * -- content53 : 33.3%, 33.3%, 33.3%
 * -- content54 : 변형
    ㄴ pc : 25%, 25%, 25%, 25%
    ㄴ 767이하 : 50%, 50%
 * -- content55 : 변형
    ㄴ pc : 25%, 25%, 25%, 25%
    ㄴ 767이하 : 33.3%, 33.3%, 33.3%, 100%
 * -- content56 : 변형
    ㄴ 1023이하 : section02,01 로 순서 변경
    ㄴ 767이하  : section01,02 로 순서 변경
 * -- content57 : 변형
    ㄴ pc : 50%
    ㄴ 767이하 : 100%
 * -- content58 : 변형
     ㄴ pc : 33.3%
     ㄴ 767이하 : 100%
 * -- content59 : 상단 마진없음(AI추천뉴스)
 * 메인 이외
 * -- content70 : 마켓+ 주가티커 */

/* --- ##content51 --- */
.content51 {
 display: flex;
 column-gap: 40px;
 box-sizing: border-box;
 margin-top: 40px !important;
}
.content51 [class*="section0"] {
 flex-shrink: 0;
 box-sizing: border-box;
}
.content51 .section01 {
 max-width: 890px;
}
.content51 .section02 {
 max-width: 270px;
}
.content57 + .content51 {
 margin-top: 80px !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content51 {
  column-gap: 32px;
 }
 .content51 .section01 {
  max-width: 727px;
 }
 .content51 .section02 {
  max-width: 221px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content57 + .content51 {
  margin-top: 40px !important;
 }
 .content51 {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 40px !important;
 }
 .content51 [class*="section0"] {
  max-width: 100%;
 }
 .content51 .section02 {
  flex-direction: column;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content57 + .content51 {
  margin-top: 40px !important;
 }
 .content51 {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 40px !important;
  padding: 0;
 }
 .content51 .title-con01 {
  padding-left: 0;
 }
 .content51 .box-type001 {
  margin-top: 40px !important;
 }
}

/* --- ##content52 --- */
.content52 {
 display: flex;
 column-gap: 40px;
}
.content52 [class*="section0"] {
 width: calc(50% - 20px);
 max-width: calc(50% - 20px);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content52 {
  column-gap: 32px;
 }
 .content52 [class*="section0"] {
  width: calc(50% - 16px);
  max-width: calc(50% - 16px);
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content52 {
  flex-wrap: wrap;
 }
 .content52 [class*="section0"] {
  width: 100%;
 }
 .content52 .title-con01 {
  padding-left: 0;
 }
 .content52 .section02 {
  margin-top: 40px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content52 {
  flex-wrap: wrap;
 }
 .content52 [class*="section0"] {
  width: 100%;
  margin-top: 40px;
  padding: 0 !important;
 }
 .content52 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
 .content52 .swiper-area {
  box-sizing: border-box;
  padding: 40px 0 0 16px;
 }
}

/* --- ##content53 --- */
.content53 {
 display: flex;
 column-gap: 40px;
}
.content53 [class*="section0"] {
 width: calc(33.3% - 26px);
 max-width: calc(33.3% - 26px);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content53 {
  column-gap: 32px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content53 {
  padding: 0 8px;
 }
 .content53 {
  display: flex;
  column-gap: 32px;
 }
 .content53 [class*="section0"] {
  width: calc(33.3% - 21px);
  max-width: calc(33.3% - 21px);
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content53 {
  flex-wrap: wrap;
 }
 .content53 .title-con01 {
  padding-left: 0;
 }
 .content53 [class*="section0"] {
  width: 100%;
  margin-top: 40px;
 }
 .content53 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
}
/* --- ##content54  --- */
.content54 {
 display: flex;
 column-gap: 40px;
}
.content54 [class*="section0"] {
 width: calc(25% - 30px);
}
.content54 [class*="box-type"] > [class*="title-con"] {
 height: 46px;
 padding-bottom: 16px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content54 {
  flex-wrap: wrap;
  column-gap: 32px;
 }
 .content54 [class*="section0"] {
  width: calc(25% - 24px);
 }
 .content54 [class*="box-type"] > [class*="title-con"] {
  height: 43px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content54 {
  flex-wrap: wrap;
  column-gap: 32px;
 }
 .content54 [class*="section0"] {
  width: calc(50% - 16px);
 }
 .content54 .section03,
 .content54 .section04 {
  margin-top: 40px;
 }
 .content54 [class*="box-type"] > [class*="title-con"] {
  height: 39px;
  padding-bottom: 12px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content54 {
  flex-wrap: wrap;
 }
 .content54 [class*="section0"] {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .content54 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
 .content54 .title-con01 {
  padding-left: 0;
 }
 .content54 [class*="box-type"] > [class*="title-con"] {
  height: 39px;
  padding-bottom: 12px;
 }
}

/* --- ##content55 --- */
.content55 {
 display: flex;
 column-gap: 40px;
}
.content55 [class*="section0"] {
 width: calc(25% - 30px);
 max-width: calc(25% - 30px);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content55 {
  flex-wrap: wrap;
  column-gap: 32px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content55 {
  flex-wrap: wrap;
  column-gap: 32px;
 }
 .content55 [class*="section0"] {
  width: calc(33.3% - 24px);
  max-width: calc(33.3% - 24px);
 }
 .content55 .section04 {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .content55 [class*="box-type10"] .swiper-area {
  padding-top: 42px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content55 {
  flex-wrap: wrap;
 }
 .content55 .title-con01 {
  padding-right: 0;
  padding-left: 0;
 }
 .content55 [class*="section0"] {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .content55 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
 .content55 .section04 {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .content55 .box-type104 .btns-wrap11 {
  display: flex;
 }
 .content55 .box-type104 .swiper-area li {
  padding: 0;
 }
}

/* --- ##content56  --- */
.content56 {
 display: flex;
}
.content56 .section01 {
 max-width: 930px;
}
.content56 .section02 {
 max-width: 270px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content56 {
  column-gap: 32px;
 }
 .content56 .section01 {
  max-width: 727px;
 }
 .content56 .section02 {
  max-width: 221px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content56 {
  flex-wrap: wrap;
  flex-direction: column-reverse;
 }
 .content56 [class*="section0"] {
  width: 100%;
  max-width: 100%;
 }
 .content56 .section02 {
  margin-bottom: 40px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content56 {
  flex-wrap: wrap;
 }
}

/* --- ##content57 --- */
.content57 {
 display: flex;
 box-sizing: border-box;
 column-gap: 40px;
}
.content57 [class*="section0"] {
 width: calc(50% - 20px);
 max-width: calc(50% - 20px);
 padding: 0 !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content57 {
  column-gap: 32px;
 }
 .content57 [class*="section0"] {
  width: calc(50% - 16px);
  max-width: calc(50% - 16px);
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content57 {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 41px !important;
  column-gap: 32px;
 }
 .content57 [class*="section0"] {
  width: calc(50% - 16px);
  max-width: calc(50% - 16px);
 }
 .content57:after {
  content: "";
  display: block;
  position: absolute;
  top: auto !important;
  left: 24px !important;
  bottom: 0;
  box-sizing: border-box;
  width: calc(100% - 48px);
  height: 1px;
  background-color: var(--ui-tag005);
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content57 {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 41px !important;
  flex-wrap: wrap;
 }
 .content57:after {
  content: "";
  display: block;
  position: absolute;
  top: auto !important;
  left: 0 !important;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .content57 [class*="section0"] {
  width: 100%;
  margin-top: 40px;
 }
 .content57 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
 .content57 .title-con01 {
  padding-left: 0;
 }
 .content57 + .content51 {
  margin-top: 40px !important;
 }
}

/* --- ##content58 --- */
.content58 {
 display: flex;
 column-gap: 40px;
}
.content58 [class*="section0"] {
 width: calc(33.3% - 26px);
 max-width: calc(33.3% - 26px);
}
/*.content58 .main-exclusive01 [class*='title-con']{margin-bottom:10px;}*/
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .content58 {
  column-gap: 32px;
 }
 .content58 [class*="section0"] {
  width: calc(33.3% - 21px);
  max-width: calc(33.3% - 21px);
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content58 {
  display: block;
 }
 .content58 [class*="section0"] {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .content58 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content58 {
  display: block;
 }
 .content58 [class*="section0"] {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .content58 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
 /*.content58 .section01 .title-con01,*/
 .content58 .section03 .title-con01 {
  padding-left: 0;
 }
 .content58 .section02 {
  padding: 0 !important;
 }
}

/* --- ##content59 --- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content59 {
  box-sizing: border-box;
  margin-top: 0 !important;
  padding: 0 8px !important;
 }
 .content59 [class*="box-type"] > [class*="title-con"] {
  padding-left: 16px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .content59 {
  margin-top: 0 !important;
  padding: 0 !important;
 }
}

/*클래스 범위 : container500 이전은 사용 금지 (특집사이트와 중복)
 * .container501 : 홈 메인
 * .container511 : 섹션 메인
 * .container521 : 섹션 리스트
 * .container531 : 테마
 * .container541 : 비주얼 > 영상,포토,그래픽
 * .container542 : 비주얼 > #D
 * .container543 : 비주얼 > 화보
 * .container551 : 뉴스플러스 메인
 * .container552 : 뉴스플러스 리스트
 * .container555 : 마이페이지
 * .container571 : 싱글(기자)
 * .container572 : 기자 전체보기 리스트
 * .container581 : 검색 결과 리스트
 * .container585 : 기타-보도
 * .container591 : 본문
*/

.wrap-container {
 position: relative;
 box-sizing: border-box; /*min-height:100vh;*/
 padding-bottom: 120px;
}
.wrap-container [class*="container"] {
 box-sizing: border-box;
}
.wrap-container > [class*="container"]:after {
 content: "";
 visibility: hidden;
 display: block;
 clear: both;
 height: 0;
 font-size: 0;
 line-height: 0;
}
.wrap-container
 [class*="container"]
 .content03
 .section02
 [class*="list-type"]
 [class*="item-box0"]
 .tit-news {
 color: var(--font-color003);
}
/*.wrap-container [class*='list-type']{margin-top:16px;}*/
.wrap-container .paging-type01 {
 margin-top: 60px;
}
.wrap-container .list-type501 + yna-paging .paging-type01 {
 margin-top: 40px;
}
.wrap-container .list-type212 + .paging-type01,
.wrap-container .list-type212 + yna-paging .paging-type01 {
 margin-top: 20px;
}
.wrap-container [class*="content0"] {
 margin-top: 60px;
}
.wrap-container .content03 {
 flex-shrink: 0;
 width: 100%;
}
.wrap-container .content03:first-of-type {
 flex-wrap: wrap;
}
.wrap-container [class*="box-type"] {
 box-sizing: border-box;
}
.wrap-container [class*="box-type"],
.wrap-container [class*="box-type"] + [class*="box-type"],
.wrap-container [class*="box-type"] + [class*="btn-type"],
.wrap-container [class*="aside-box"],
.wrap-container .div-area02 {
 margin-top: 40px;
}
.wrap-container .section01 > [class*="box-type"]:first-of-type {
 margin-top: 0;
}
.wrap-container .content03 > [class*="box-type"]:first-of-type {
 width: 100%;
 margin-top: 0;
}
.wrap-container .content05 {
 margin-top: 0;
}
/* aside 첫번째 모듈 margin-top 초기화 */
.wrap-container .content03 > [class*="aside-box"]:first-of-type {
 margin-top: 0;
}
.wrap-container [class*="div-area"] .box-type001:first-of-type {
 margin-top: 0;
}
.wrap-container .div-area01 .box-type104:first-of-type {
 margin-top: 0;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 /*.wrap-container>[class*='content0']{margin-top:40px;}*/
 .wrap-container [class*="content0"] {
  margin-top: 40px;
 }
 .wrap-container .content05 {
  margin-top: 0;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .wrap-container {
  padding-bottom: 80px;
 }
 .wrap-container [class*="content0"] {
  margin-top: 40px;
 }
 /*.wrap-container>[class*='content']{margin-top:40px;}*/
 .wrap-container .content03 {
  display: block;
  box-sizing: border-box;
 }
 .wrap-container .content03:first-of-type {
  padding: 0;
 }
 .wrap-container .section01 {
  max-width: 100%;
 }
 .wrap-container .section02 {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  padding-left: 0;
 }
 .wrap-container [class*="div-area0"] {
  flex-shrink: 0;
  width: 50%;
 }
 .wrap-container [class*="box-type"] {
  width: 100%;
 }
 .wrap-container [class*="box-type"],
 .wrap-container [class*="div-area0"] [class*="box-type"]:first-of-type {
  margin-top: 40px;
 }
 .wrap-container [class*="box-type"] + [class*="btn-type"] {
  margin-top: 20px;
 }
 .wrap-container .div-area02 {
  margin-top: 0;
 }
 .wrap-container [class*="aside-box0"] {
  display: none;
 }
 /*.wrap-container [class*='div-area0'] [class*='aside-box']{margin:40px 16px 0;}*/
 /* 반응형 서비스 아닌 영역 비노출 처리 */
 .wrap-container .box-type001.box-imazine01,
 .wrap-container .box-type001.box-publication-book01 {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .wrap-container {
  min-height: auto;
  padding-bottom: 60px;
 }
 /*.wrap-container>[class*='content']{margin-top:40px;}*/
 .wrap-container [class*="content0"] {
  margin-top: 40px;
 }
 .wrap-container .content03 {
  display: block;
  box-sizing: border-box; /*padding:0 16px;*/
 }
 .wrap-container .content03:first-of-type {
  padding: 0;
 }
 .wrap-container .content05 {
  margin-top: 0;
 }
 .wrap-container [class*="box-type"],
 .wrap-container [class*="div-area0"] [class*="box-type"]:first-of-type {
  margin-top: 40px;
 }
 .wrap-container [class*="box-type"] + [class*="btn-type"] {
  margin-top: 20px;
 }
 .wrap-container .div-area02 {
  margin-top: 0;
 }
 .wrap-container [class*="aside-box0"] {
  display: none;
 }
 .wrap-container [class*="section0"] {
  max-width: 100%;
 }
 .wrap-container .paging-type01 {
  margin-top: 40px;
 }
 /*.wrap-container [class*='div-area0'] [class*='aside-box']{margin:40px 16px 0;}*/
 /* 반응형 서비스 아닌 영역 비노출 처리 */
 .wrap-container .box-type001.box-imazine01,
 .wrap-container .box-type001.box-publication-book01 {
  display: none;
 }
}

/* CPS 미리보기 본문내광고 숨김 */
.wrap-container ~ .article-ad-box {
 display: none;
}

/* 기사리스트 페이지 예외처리 */
.body-news-list .box-type011 > .title-con02 .title-type001 > [class*="tit0"] {
 font-size: 24px;
}
.body-news-list .box-type011 > .title-con02 {
 padding-bottom: 24px;
}
.body-news-list .aside-box005 {
 top: 207px;
}

/* ---- ##container501 : 홈 메인 ---- */
.container501 {
 overflow: hidden;
}
.container501 [class*="content5"] {
 margin-top: 60px;
}
.container501 [class*="content5"] [class*="section0"] {
 flex-shrink: 0;
 box-sizing: border-box;
}
.container501 [class*="content5"] [class*="section0"] [class*="box-type"] {
 margin-top: 0;
}
.container501 .ynalounge-content01 {
 margin-top: 60px;
}
.container501 .ynalounge-content01 .aside-box416 {
 box-sizing: border-box;
 margin: 0 auto;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container501 .ynalounge-content01 .aside-box416 {
  max-width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container501 [class*="content5"] {
  margin-top: 40px;
 }
 .container501 .ynalounge-content01 .aside-box416 {
  padding: 0 24px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container501 .ynalounge-content01 .aside-box416 {
  padding: 0 16px;
 }
 .container501 [class*="content5"] {
  margin-top: 40px;
 }
}

/* --- ##container501 > content03 --- */
/*.container501 .content03{display:flex;max-width:1240px;box-sizing:border-box;}*/
.container501 .content03 {
 display: flex;
 box-sizing: border-box;
}
.container501 .content03 .section02 [class*="box-type"] {
 margin-top: 0;
}
.container501 .main-opinion01 {
 width: 270px;
}
.container501 .main-content01 .aside-box421 {
 display: none;
}
.container501 .main-content02 .aside-box421 {
 display: block;
}
/* (메인) 톱기사/통단 */
.container501 .main-content01 {
 display: block !important;
 margin-top: 40px !important;
}
/* (메인) 주가 티커 */
.container501 [class*="main-ticker0"] {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 position: relative;
 margin-top: 60px;
}
.container501 [class*="main-ticker0"] + .main-aside01 {
 margin-top: 0 !important;
}
.container501 .ticker-type03 {
 width: calc(100% - 288px);
 margin-top: 0;
 padding-left: 91px;
 border: none;
 background-color: var(--ui-tag007);
}
.container501 .ticker-type03 > .time {
 width: 91px;
 padding-left: 8px;
 background-color: var(--ui-tag007);
 font-size: 13px;
}
.container501 .ticker-type03 > .time > span {
 font-weight: 500;
}
.container501 .ticker-type03 .list01 li {
 padding-right: 16px;
}
.container501 .ticker-type03 .list01 li .unit01 {
 background-color: var(--ui-tag007);
}
.container501 .ticker-type03 .list01 li .unit02 {
 margin-left: 0;
 font-size: 16px;
 font-weight: 500;
}
/* (정렬 순서) 톱기사/통단 + 주가 티커 */
.container501 .main-content01 + [class*="main-ticker0"] {
 margin-top: 0;
}
/* (정렬 순서) body-sort01 추가 조건
 -- '주가 티커' 위치가 마이뉴스 상단일 때 body 태그에 추가
 -- not 일 때는 톱기사/통단 하단에 위치한다.  */
body:not(.body-sort01) .top-main-news001,
body:not(.body-sort01) [class*="top-wide0"] {
 border-bottom: none;
}
/* 주가티커 */
.page-main.body-wide01 .main-ticker01 {
 display: none;
}
.page-main:not(.body-wide01) .main-ticker02 {
 display: none;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container501 .content03 {
  max-width: 1024px;
  padding: 0 22px;
 }
 .container501 .content03 .section01 {
  max-width: 758px;
 }
 .container501 .main-opinion01 {
  width: 221px;
 }
 .container501 .main-content02 .aside-box421 {
  display: block;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container501 .content03 {
  margin-top: 40px !important;
  padding: 0 24px;
 }
 .container501 .content03 .section01 {
  max-width: 100%;
 }
 .container501 .content03 .section02 {
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
 }
 .container501 .ynalounge-content01 {
  margin-top: 40px !important;
  padding: 0;
 }
 .container501 .title-con01 {
  padding-left: 0;
 }
 .container501 .main-opinion01 {
  width: 100%;
  padding-top: 40px;
 }
 .container501 .main-content01 .aside-box421 {
  display: block;
 }
 .container501 .main-content02 .aside-box421 {
  display: none;
 }
 .container501 .aside-box314 {
  padding: 0 24px;
 }
 /* (메인) 톱기사/통단 */
 .container501 .main-content01 {
  margin-top: 24px !important;
 }
 /* (메인) 주가 티커 (상단 간격은 아래 '정렬 순서' 선택자에 추가) */
 .container501 [class*="main-ticker0"] {
  display: block;
  box-sizing: border-box;
  padding: 0 24px;
 }
 .container501 [class*="main-ticker0"] .title-type034 {
  width: 100%;
  padding: 0 16px;
 }
 .container501 .ticker-type03 {
  width: 100%;
  padding-left: 0;
 }
 .container501 .ticker-type03 > .time {
  display: none;
 }
 .container501 .ticker-type03 .list01 li .unit01,
 .container501 .ticker-type03 .list01 li .unit02 {
  font-size: 15px;
 }
 /* (정렬 순서) 톱기사/통단 + 주가 티커 */
 .container501 .main-content01 + [class*="main-ticker0"] {
  margin-top: 32px !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container501 .content03 {
  max-width: 100%;
  margin-top: 40px !important;
 }
 .container501 .content03 [class*="section0"] {
  max-width: 100%;
  margin-top: 40px;
 }
 .container501 .content03 [class*="section0"]:first-of-type {
  margin-top: 0;
 }
 .container501 .content03 .swiper-area {
  padding: 40px 0 0 16px;
 }
 .container501 .ynalounge-content01 {
  margin-top: 40px !important;
 }
 .container501 .tab-type25 .swiper-area {
  padding-top: 0;
 }
 .container501 .main-opinion01 {
  width: 100%;
 }
 .container501 .main-opinion01 .list-type070 {
  padding: 0;
 }
 .container501 .main-content01 .aside-box421 {
  display: block;
 }
 .container501 .main-content02 .aside-box421 {
  display: none;
 }
 .container501 .aside-box314,
 .container501 .aside-box416 {
  padding: 0 16px;
 }
 /* (메인) 톱기사/통단 */
 .container501 .main-content01 {
  margin-top: 0 !important;
 }
 /* (메인) 주가 티커 (상단 간격은 아래 '정렬 순서' 선택자에 추가) */
 .container501 [class*="main-ticker0"] {
  display: block;
  box-sizing: border-box;
  width: calc(100% - 32px) !important;
 }
 .container501 [class*="main-ticker0"] .title-type034 {
  width: 100%;
  padding: 0 16px;
 }
 .container501 .ticker-type03 {
  width: 100%;
  padding-left: 0;
 }
 .container501 .ticker-type03 > .time {
  display: none;
 }
 .container501 .ticker-type03 .list01 li .unit01,
 .container501 .ticker-type03 .list01 li .unit02 {
  font-size: 15px;
 }
 /* (정렬 순서) 톱기사/통단 + 주가 티커 */
 .container501 .main-content01 + [class*="main-ticker0"] {
  margin-top: 24px !important;
 }
 .container501 .main-content01 + [class*="main-ticker0"] ~ .main-content02,
 .container501
  .main-content01
  + [class*="main-ticker0"]
  ~ .main-content02
  .main-major-news01 {
  margin-top: 32px !important;
 }
}

/* --- ##content501 > content04 --- */
.container501 .content04 {
 box-sizing: border-box;
 width: 100%;
}
.container501 .content04 [class*="box-type"] {
 margin-top: 0;
}
.container501 .content04:after {
 content: "";
 visibility: hidden;
 display: block;
 clear: both;
 height: 0;
 font-size: 0;
 line-height: 0;
}
.container501 .content04 [class*="box-type"] {
 overflow: visible;
}
.container501 .content04 [class*="section"] {
 padding-left: 40px;
}
.container501 .content04 [class*="section"]:first-of-type {
 padding-left: 0;
}
.container501 .content04 .section01 {
 width: 100%;
 max-width: 100%;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container501 .content04 {
  max-width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container501 .content04 {
  flex-wrap: wrap;
  margin-top: 40px;
 }
 .container501 .content04 .title-con01 {
  margin-left: 0 !important;
 }
 .container501 .content04 [class*="section0"] {
  width: 100%;
  max-width: 100%;
 }
 .container501 .content04 .section02 {
  max-width: 100%;
  margin-top: 24px;
  padding-left: 0;
 }
 .container501 .content04 [class*="title-con"] {
  margin-left: 10px;
 }
 .container501 .content04 .main-issue01 {
  padding: 0 24px;
 }
 .container501 .content04 .main-channel01 .title-con02 {
  padding: 0 24px 12px;
 }
 .container501 .content04 .main-channel01 .btns-wrap11 {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container501 .content04 {
  margin: 40px auto 0 !important;
  padding: 0 !important;
  flex-wrap: wrap;
 }
 .container501 .content04 [class*="title-con"] {
  margin-left: 16px;
 }
 .container501 .content04 [class*="section0"] {
  width: 100%;
  max-width: 100%;
 }
 .container501 .content04 .section02 {
  max-width: 100%;
  margin-top: 24px;
  padding-left: 0;
 }
 .container501 .content04 [class*="list-type"] [class*="list"] {
  box-sizing: border-box;
  padding-left: 16px;
 }
 .container501 .content04 .title-con01 {
  margin-left: 0;
 }
 .container501 .content04 .title-con02 {
  padding-left: 0;
 }
 .container501 .content04 .main-channel01 .title-con02 {
  padding-bottom: 12px;
 }
}

/* ---- ##container511 : 섹션 메인---- */
.container511 .content03 {
 box-sizing: border-box;
}
.container511 .content03.width100 {
 max-width: 100%;
}
.container511 .content04 {
 overflow: hidden;
 box-sizing: border-box;
 max-width: 1220px;
 padding: 0 10px;
}
.container511 .content04 [class*="box-type"] {
 margin-top: 0;
}
.container511 .section01 {
 position: relative;
 width: 100%; /*max-width:820px;*/
}
.container511 .section01 .ir-txt01 {
 position: absolute;
 top: 0;
 left: 0;
}
.container511 .section02 {
 box-sizing: border-box;
 width: 100%;
 max-width: 380px;
 padding-left: 80px;
}
.container511 .section02 [class*="aside-box"] + [class*="box-type"] {
 margin-top: 40px !important;
}
.container511 .div-area01 [class*="box-type"] + [class*="box-type"] {
 margin-top: 40px;
}
.container511 .title-con05.style02 {
 margin-bottom: 0;
}
.container511 .content03.sub-content01 .aside-box100 {
 width: calc(100% - 48px);
 margin: 0 auto;
 padding-bottom: 40px;
 border-bottom: 1px solid var(--ui-tag005);
}
.container511 .content03 .top-sub-news002 + .aside-box100 {
 padding-top: 32px;
}
.container511 .content03 .box-type031 + .aside-box100 {
 margin-top: 40px;
}
/*.container511 .top-sub-news001+.aside-box100{margin-top:32px !important;}*/
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container511 {
  box-sizing: border-box;
 }
 .container511 .content04 {
  max-width: 1000px;
 }
 /*.container511 .title-type001{padding-left:20px;}*/
 .container511 .section02 {
  max-width: 340px;
  padding-left: 40px;
 }
 .container511 .content03 {
  box-sizing: border-box;
  max-width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container511 .content04 {
  padding: 0 24px;
 }
 .container511 [class*="box-type"] > [class*="title-type"] {
  padding: 0 24px;
 }
 .container511 .section01 [class*="box-type"] > [class*="title-type"] {
  padding: 0 16px;
 }
 .container511 .content03 {
  max-width: 100%;
 }
 .container511 .content03 > [class*="box-type"] {
  padding: 0 8px;
 }
 .container511 .section01,
 .container511 .section02 {
  width: 100%;
  max-width: 100%;
  padding: 0 8px;
 }
 .container511 .content05 {
  margin-top: 0;
 }
 .container511 [clss*="section0"] {
  width: 100%;
  max-width: 100%;
 }
 .container511 .section01 {
  /*padding:0 24px;*/
  box-sizing: border-box;
 }
 .container511 .section01 .box-type011 .title-con02 {
  padding: 0 16px 12px;
 }
 .container511 .btns-wrap03 {
  margin: 40px 16px 0;
 }
 .container511 .content03 .box-type271 {
  overflow: hidden;
  padding: 0;
 }
 .container511 .box-type271 .list-type303 {
  z-index: 12;
 }
 .container511 .content03 .box-major02:first-child {
  padding-top: 40px;
 }
 .container511 .content10 + .content03 .aside-box100 {
  width: calc(100% - 48px);
  margin: 0 auto;
  border-bottom: none;
 }
 .page-economy .container511 .content10 + .content03 .aside-box100,
 .page-industry .container511 .content10 + .content03 .aside-box100 {
  padding-bottom: 0;
  border-bottom: 0;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container511 .content04 {
  padding: 0 16px;
 }
 .container511 [class*="box-type"] > [class*="title-type"] {
  padding: 0 16px;
 }
 .container511 .content03 {
  max-width: 100%; /*margin-top:40px;*/
 }
 .container511 .content03 > [class*="box-type"] {
  padding: 0;
 }
 .container511 [clss*="section0"] {
  width: 100%;
  max-width: 100%;
 }
 .container511 .section01 {
  box-sizing: border-box;
 }
 .container511 .section01 .box-type011 .title-con02 {
  padding: 0 16px 12px;
 }
 .container511 .section02 {
  width: 100%;
  max-width: 100%;
  padding: 0;
 }
 .container511 .btns-wrap03 {
  margin: 40px 16px 0;
 }
 .container511 .content03 .box-type271 {
  overflow: hidden;
 }
 .container511 .box-type271 .list-type303 {
  z-index: 12;
 }
 .container511 .content03 .box-major02:first-child {
  padding-top: 40px;
 }
 .container511 .content03.sub-content01 .aside-box100 {
  width: 100%;
 }
 .container511 .content03 .top-sub-news002 + .aside-box100 {
  padding-top: 40px;
 }
 .container511 .content10 + .content03 .aside-box100 {
  margin-bottom: -8px;
  padding-bottom: 0;
  border-bottom: none;
 }
 .page-economy .container511 .content10 + .content03 .aside-box100,
 .page-industry .container511 .content10 + .content03 .aside-box100 {
  padding-bottom: 0;
  border-bottom: 0;
 }
}

/* --- ##container521 : 섹션리스트 --- */
.container521 {
 overflow: hidden;
 position: relative;
}
.container521 .content03 [class*="section0"] {
 box-sizing: border-box;
}
.container521 .box-type032:first-of-type {
 margin-top: 0;
}
.container521 .section01 {
 position: relative;
 z-index: 2;
}
.container521 .section02 {
 position: relative;
 z-index: 1;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container521 .content03 [class*="section0"] {
  padding: 0 8px;
 }
}

/* --- ##container531 : 테마 --- */
.container531 .content03 .section01 {
 max-width: 780px;
}
.container531 .content03 .section02 {
 max-width: 340px;
}
.container531 .period-field02 {
 display: none;
 box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.15);
}
.container531 .period-field02 .btn-type211 {
 margin-bottom: 24px;
}
.container531 .period-field02 .btn-type211 .txt01 {
 font-size: 20px;
 line-height: 1.5;
 font-weight: 600;
}
.container531 .period-field02 .btn-type211 .ir-txt01 {
 position: absolute;
}
.container531 .period-field02 .btn-type211:after {
 filter: var(--ui-filter006);
}
.container531 .period-field02 .btns-wrap03 {
 width: 100%;
 padding: 12px 0;
}
.container531 .period-field02 .btns-wrap03 .btn-type005 {
 display: block;
 width: 100%;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container531 .content03 .section01 {
  max-width: 600px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container531 .content03 .section01,
 .container531 .content03 .section02 {
  max-width: 100%;
 }
 .container531 .content03 {
  display: flex;
  flex-wrap: wrap;
 }
 .container531 .section01 > [class*="box-type"]:first-of-type {
  /*margin-top:40px;*/
 }
 .container531 .period-field02 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  padding-top: 20px;
 }
 .container531 .period-field02:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 48px);
  height: 1px;
  background-color: var(--ui-tag005);
  transform: translateX(-50%);
 }
 .container531 .calendar {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container531 .content03 {
  display: flex;
  flex-wrap: wrap;
 }
 .container531 .content03 .section02 {
  max-width: 100%;
 }
 .container531 .section01 > [class*="box-type"]:first-of-type {
  /*margin-top:40px;*/
 }
 .container531 .period-field02 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
 }
 .container531 .period-field02:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--ui-tag005);
  transform: translateX(-50%);
 }
 .container531 .period-field02 .btn-type211 {
  margin-bottom: 20px;
 }
 .container531 .period-field02 .btn-type211 .txt01 {
  font-size: 18px;
 }
 .container531 .calendar {
  display: none;
 }
 .container531 .txt-type008 {
  padding: 8px 16px 0;
 }
}
/* --- ##container543 : 화보 --- */
.container543 {
}
.container543 > .content03 {
}
.container543 .title-article02 {
 margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container543 > .content03 .title-article02 {
  width: calc(100% - 48px);
  margin: 0 auto;
 }
 .container543 > .content03 + .content03 {
  padding: 0;
 }
 .container543 .popup-type01 {
  width: calc(100% - 48px);
  margin: 0 24px;
 }
}
@media only screen and (max-width: 767px) {
 .container543 > .content03 .title-article02 {
  width: calc(100% - 32px);
  margin: 0 auto;
 }
 .container543 .popup-type01 {
  width: calc(100% - 32px);
  margin: 0 16px;
 }
}
/* --- ##container541 : 비주얼뉴스 --- */
.container541 .width100 {
 overflow: hidden;
}
.container541 .width100 .box-type101 .title-con01 {
 /*margin:0 0 -30px 0;*/
 margin: 0 0 -46px 0;
}
.container541 .content03 + .content03.width100 {
 padding: 60px 0;
 background-color: var(--ui-tag007);
}
.visual-main-graphic .list-type317 .img-con01 {
 background-color: var(--ui-tag007);
}
.visual-main-gallery .list-type317 .item-box01 .news-con {
 background-color: var(--ui-tag000);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container541 .title-con01 {
  padding: 0 24px 12px 24px;
 }
 .container541 .content03 + .content03.width100 {
  padding: 40px 0;
 }
 .container541 .content03 + .content03.width100 [class*="box-type"] {
  max-width: 100%;
 }
}

@media only screen and (max-width: 767px) {
 .container541 .content03 + .content03.width100 {
  padding: 40px 0;
 }
}

/* --- ##container541 > content04 --- */
.container541 .content04 {
 overflow: hidden;
 box-sizing: border-box;
 max-width: 1220px;
}
.container541 .content04 .title-con01 {
 box-sizing: border-box;
 padding: 0 10px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container541 .content04 {
  max-width: 1000px;
 }
 .container541 .content04 .title-con01 {
  padding: 0 10px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container541 .content04 .title-con01 {
  padding: 0 24px;
 }
 .container541 .content04 [class*="box-type"] {
  margin-top: 0;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container541 .content04 .title-con01 {
  padding: 0 16px;
 }
 .container541 .content04 [class*="box-type"] {
  margin-top: 0;
 }
}
/* --- ##container542 : #D --- */
.page-digital {
 overflow: hidden;
 overflow-y: auto;
}
.page-digital .box-visual-digital01.bg11 {
 background-color: var(--ui-tag000);
}
.page-digital .box-visual-digital01.bg11:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 366px;
 background-color: var(--ui-tag009);
}
.page-digital .box-visual-digital01:not(.bg11) {
 margin-top: 48px !important;
}
.page-digital .container542 {
 overflow: hidden;
}
.page-digital .container542 .content10 + .content03 {
 margin-top: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .page-digital .box-visual-digital01.bg11:before {
  height: 321px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-digital .box-visual-digital01:not(.bg11) {
  margin-top: 24px !important;
 }
 .page-digital .box-visual-digital01.bg11:before {
  display: none;
 }
 .page-digital .list-type304 > .list01 .top-news:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -24px;
  width: calc(100% + 48px);
  height: 100%;
  background-color: var(--ui-tag009);
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-digital .box-visual-digital01:not(.bg11) {
  margin-top: 24px !important;
 }
 .page-digital .list-type304 > .list01 .top-news:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -24px;
  width: calc(100% + 48px);
  height: 100%;
  background-color: var(--ui-tag009);
 }
}

/* --- ##page-market : 섹션>마켓+ --- */
.page-market {
 overflow-x: hidden;
}
.page-market .container511 .content03 .aside-box100 {
 margin-top: 20px;
}
.page-market [class*="list-type"] [class*="img-con"] .img img {
 object-fit: contain;
 object-position: center center;
}
.page-market .list-type224 [class*="img-con"] .img img {
 object-fit: cover;
 object-position: center top;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-market .tab-type03 .tab .txt01 {
  font-size: 16px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-market .tab-type03 .tab .txt01 {
  font-size: 16px;
 }
}

/* --- ##page-ubuntu : 섹션>우분투 --- */
.page-ubuntu .content03 + .content03 {
 margin-top: 48px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-ubuntu .content03 + .content03 {
  margin-top: 24px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-ubuntu .content03 + .content03 {
  margin-top: 24px;
 }
}

/* --- ##page-issue : 뉴스+ > 이슈 --- */
.page-issue .box-type109 [class*="title-type001"] {
 display: block;
 width: 100%;
 max-width: fit-content;
 margin: 0 auto;
}
.body-view-issue01 .content11 + .content03 {
 padding-bottom: 120px !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .body-view-issue01 .content11 + .content03 {
  padding-bottom: 120px !important;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-issue .content03 {
  padding: 0 24px;
 }
 .page-issue .content03.width100 {
  padding: 0;
 }
 .page-issue .top-sub-news001 {
  padding: 0;
 }
 .body-view-issue01 .content11 + .content03 {
  padding-bottom: 80px !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-issue [class*="title-type"] {
  max-width: 100%;
  margin-bottom: 12px;
 }
 .page-issue .content03 {
  padding: 0 16px;
 }
 .page-issue .content03.width100 {
  padding: 0;
 }
 .page-issue .top-sub-news001 {
  padding: 0;
 }
 .body-view-issue01 .content11 + .content03 {
  padding-bottom: 60px !important;
 }
}

/* ##page-intrnal-crsp : 특파원 */
.page-intrnal-crsp .visual-type03 .btns-wrap04 {
 border-bottom: 1px solid var(--ui-tag005);
}
.page-intrnal-crsp .content10 + .content03 {
 margin-top: 0;
}
.page-intrnal-crsp .content03 + .content03 {
 margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-intrnal-crsp .content03 + .content03 {
  margin-top: 24px;
 }
 .page-intrnal-crsp .tab-type02 .tab .txt01 {
  font-size: 13px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-intrnal-crsp .content03 + .content03 {
  margin-top: 24px;
 }
 .page-intrnal-crsp .tab-type02 .tab .txt01 {
  font-size: 13px;
 }
}

/* --- ##container543 --- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container543 .option-zone {
  position: static;
 }
}

/* --- ##container551 --- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container551 .top-sub-news001 {
  padding: 0;
 }
 .container551 .content03 {
  padding: 0 24px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container551 .top-sub-news001 {
  padding: 0;
 }
 .container551 .content03 {
  padding: 0 16px;
 }
}

/* --- ##container552 > content04 --- */
.container552 .content03 {
 display: flex;
 width: 1200px !important;
 padding-left: 0 !important;
 flex-wrap: wrap;
}
.container552 .tab-type23 {
 overflow: hidden;
 width: 100%;
}
.container552 .tab-type23 + [class*="box-type"] {
 width: 100%;
 margin-top: 48px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container552 .tab-type23 {
  width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container552 .tab-type23 {
  width: calc(100% - 48px);
  max-width: 100%;
  margin: 0 auto;
 }
 .container552 .tab-type23 .swiper-area {
  /*max-width:720px;margin:0 auto;*/
 }
 .container552 .content03 {
  padding: 0 24px !important;
 }
 .container552 .top-sub-news001 {
  padding: 0;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .container552 .content03 {
  padding: 0 16px !important;
 }
 .container552 .top-sub-news001 {
  padding: 0;
 }
}

/* --- ##container571 : 기자 리스트 --- */
.container571 .content10 + .content03 {
 margin-top: 0;
}
.container571 .content03 + .content03 {
 margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container571 .content03 + .content03 {
  margin-top: 32px;
 }
}
@media only screen and (max-width: 767px) {
 .container571 .content03 + .content03 {
  margin-top: 32px;
 }
}
/* --- ##container572 : 기자 홈 --- */
.container572 .content03 .section01 {
 flex-shrink: 0;
 max-width: 270px;
}
.container572 .content03 .section02 {
 max-width: 900px;
}
.container572 .content03 .section02 .box-type230 {
 margin-top: 0;
}
.container572 .content03 .section02 .box-type230 + .paging-type01 {
 margin-top: 40px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container572 .content03 .section02 {
  max-width: 680px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container572 .content03 .section01 {
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 22px;
 }
 .container572 .content03 .section02 {
  display: block;
  max-width: 100%;
  margin-top: 40px;
 }
}
@media only screen and (max-width: 767px) {
 .container572 .content03 .section01 {
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 16px;
 }
 .container572 .content03 .section02 {
  display: block;
  max-width: 100%;
  margin-top: 40px;
 }
}

/* --- ##container555 : 마이홈 --- */
body[class*="body-my-"] .wrap-header21 .nav-type11 {
 justify-content: flex-end;
}
body[class*="body-my-"] .wrap-header21 .gnb-menu01 {
 display: none;
}
.body-my-sub {
 background-color: var(--ui-tag007);
}
.container555 .title-con05.style02 [class*="title-type"] + [class*="txt-type"] {
 margin-left: 4px;
}
.container555 .content03 .section01 {
 min-height: 500px;
} /* 탭 하위 최소높이제어 */
.container555 [class*="content0"] {
 display: flex;
 box-sizing: border-box;
 width: 100%;
 margin-top: 60px;
}
.container555 [class*="content0"] [class^="section"] {
 width: 100%;
}
.container555 .content05 .section01 [class*="div-area0"] {
 display: flex;
 width: 100%;
}
.container555 .content10 + .content04 {
 margin-top: 48px;
}
.container555 .content04 {
 display: flex;
 justify-content: flex-start;
 align-items: stretch;
 box-sizing: border-box;
 width: 100%;
 gap: 40px;
}
.container555 .content04 .section01 {
 flex-shrink: 0;
 box-sizing: border-box;
 max-width: 338px;
 padding-right: 0;
}
.container555 .content04 .section02 {
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
 box-sizing: border-box;
 width: 100%;
 max-width: 100%;
 padding: 24px;
 border: 1px solid var(--ui-tag011);
 border-radius: 2px;
 background-color: var(--ui-tag001);
 gap: 46px;
}
.container555 .content05 {
 box-sizing: border-box;
 width: 100%;
 max-width: 1200px;
}
.container555 .content05 .section01 {
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
 box-sizing: border-box;
 width: 100%;
 max-width: 100%;
 margin: 8px auto 0;
 padding: 24px;
 border: 1px solid var(--ui-tag011);
 border-radius: 2px;
 background-color: var(--ui-tag001);
 gap: 24px;
 box-shadow: 0px 8px 60px 0px #f5f5f5;
}
.container555 .content05 .section01 [class*="div-area0"] {
 box-sizing: border-box;
 width: 100%;
 margin-top: 0;
}
.container555 .content05 .section01 .div-area01 {
 gap: 24px;
}
.container555 .content05 .section01 .div-area02 {
 flex-shrink: 0;
 max-width: 368px;
}
.container555 [class*="content0"] > h3 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 20px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
}
.container555 .content03 .tab-type24 {
 margin-top: 16px;
}
.container555 .content03 .list-text542 + .title-con05 {
 margin-top: 40px;
}
.container555 .content03 .section01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
}
.container555 .box-type011 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
 margin-top: 48px;
 padding: 40px;
 border: 1px solid var(--ui-tag011);
 border-radius: 2px;
 background-color: var(--ui-tag001);
 box-shadow: 0px 8px 60px 0px #f5f5f5;
}
.container555 .box-type011 .title-con05 {
 padding: 0 !important;
}
.container555 .content03 .section01 .list-type212 {
 margin-top: 16px;
}
.container555 .content03 .section01 .box-type001 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
 margin-top: 48px;
}
.container555 .content03 .section01 .box-type011 {
 margin-top: 48px;
}
.container555 .content03 .txt-type008 {
 margin-top: 12px;
}
.container555 .content03 .list-text540 .txt-type008 {
 margin-top: 0;
 padding: 0;
}
.container555 .content03 .txt-type008 > .txt01 {
 font-size: 15px;
}
.container555 .content03 .title-con61 {
 margin-top: 24px;
}
.container555 .content03 .table-type61 {
 margin-top: 20px;
}
.container555 .paging-type01 + .list-text540,
.container555 yna-paging + .list-text540 {
 margin-top: 40px;
}
.container555 .list-text522 + .btns-wrap03 {
 margin-top: 40px;
}
/*
.container555 .content03 .section01 .title-con05.style02{padding-bottom:0;}
.container555 .content07{display:block;box-sizing:border-box;width:100%;}
.container555 .content08{display:block;box-sizing:border-box;width:100%;margin-top:48px;}
.container555 .content08 .section01{max-width:none;}
.container555 .content08 .list-text542 + .title-con05.style02{margin-top:40px;}
.container555 .content08 .title-con05.style02{padding-bottom:0;}
*/

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container555 .content04 {
  gap: 20px;
 }
 .container555 .content04 .section01 {
  max-width: 268px;
 }
 .container555 .content04 .section02 {
  gap: 32px;
 }
 .container555 .content05 .section01 {
  gap: 20px;
  padding: 24px 20px 44px 20px;
 }
 .container555 .content05 .section01 .div-area01 {
  gap: 20px;
  width: calc(66.6% - 10px);
 }
 .container555 .content05 .section01 .div-area01 .list-text512 {
  width: calc(50% - 10px);
 }
 .container555 .content05 .section01 .div-area02 {
  width: calc(33.3% - 10px);
 }
 .container555 .list-text543 > .list01 > li > [class*="txt0"] {
  font-size: 14px;
 }
 .container555 .list-text543 > .list01 > li > .txt02 {
  margin-left: 8px;
 }
 .container555 .content05 {
  max-width: 980px;
 }
 .container555 .list-text522 + .btns-wrap03 {
  margin-top: 40px;
 }
 .list-text543 > .list01 > li > [class*="txt0"] {
  font-size: 14px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .container555 .content03 .section01 {
  min-height: 400px;
 } /* 탭 하위 최소높이제어 */
 .container555 .content03 .title-con05 {
  margin-top: 20px;
  padding: 0 22px;
 }
 .container555 .content04 {
  flex-direction: column;
  padding: 0 24px;
  gap: 40px;
 }
 .container555 .content04 .section01 {
  max-width: 100%;
  padding-right: 0;
 }
 .container555 .content04 .section02 {
  gap: 23px;
 }
 .container555 .content05 {
  padding: 0 24px;
 }
 .container555 .content05 .section01 .div-area01 {
  flex-direction: column;
  width: calc(50% - 10px);
  gap: 20px;
 }
 .container555 .content05 .section01 .div-area02 {
  flex-shrink: 1;
  width: calc(50% - 10px);
  max-width: 100%;
 }
 .container555 .list-text543 > .list01 > li > [class*="txt0"] {
  font-size: 14px;
 }
 .container555 .content03 {
  padding: 0;
 }
 .container555 .content03 > h3 {
  padding: 0 24px;
 }
 .container555 .content03 .tab-type24 {
  padding-left: 24px;
 }
 .container555 [class*="content0"] > h3 {
  font-size: 18px;
 }
 .container555 [class*="content0"] {
  margin-top: 40px;
 }
 .container555 .content10 + .content04 {
  margin-top: 24px;
 }
 .container555 .content03 .section01 .list-type212 {
  margin-top: 12px;
  padding: 0;
 }
 .container555 .box-type011 {
  box-sizing: border-box;
  margin-top: 24px;
  padding: 24px;
 }
 .container555 .content03 .section01 .title-con05.style02 {
  padding: 0;
 }
 .container555 .content03 .section01 .box-type001 {
  box-sizing: border-box;
  margin-top: 24px;
  padding: 0 24px;
 }
 .container555 .content03 .section01 .box-type011 {
  margin-top: 24px;
 }
 .container555 .content03 .title-con61 {
  box-sizing: border-box;
  padding: 0 0 0 24px;
 }
 .container555 .content03 .txt-type008 {
  box-sizing: border-box;
  padding: 0 24px;
 }
 .container555 .content03 .section01 .box-type001 .list-type316 {
  padding: 0;
 }
 .container555 .list-text522 + .btns-wrap03 {
  margin-top: 20px;
 }
 /*	.container555 .content08 .list-text530{box-sizing:border-box;padding:0 24px;}
	.container555 .content08 .title-con05.style02{box-sizing:border-box;padding:0 24px;}
	.container555 .content08 .list-text542 + .title-con05.style02{margin-top:20px;}*/
}
@media only screen and (max-width: 767px) {
 .container555 .content03 .section01 {
  min-height: 400px;
 } /* 탭 하위 최소높이제어 */
 .container555 .content03 .title-con05 {
  margin-top: 20px;
  padding: 0 16px;
 }
 .container555 .content04 {
  flex-direction: column;
  padding: 0 16px;
  gap: 40px;
 }
 .container555 .content04 .section01 {
  max-width: 100%;
  padding-right: 0;
 }
 .container555 .content04 .section02 {
  flex-direction: column;
  gap: 40px;
 }
 .container555 .content04 .section02 .list-text511 {
  display: none;
 }
 .container555 .content04.active .section02 .list-text511 {
  display: block;
 }
 .container555 .content04.active .section02 .btn-type218 {
  display: none;
 }
 .container555 .content05 .section01 .div-area01 {
  flex-direction: column;
  gap: 14px;
 }
 .container555 .content05 .section01 .div-area02 {
  flex-shrink: 1;
  width: 100%;
  max-width: 100%;
 }
 .container555 .list-text543 > .list01 > li > [class*="txt0"] {
  font-size: 14px;
 }
 .container555 .content05 .section01 {
  flex-direction: column;
  gap: 14px;
 }
 .container555 .content03 {
  padding: 0;
 }
 .container555 .content03 > h3 {
  padding: 0 16px;
 }
 .container555 .content03 .tab-type24 {
  padding-left: 16px;
 }
 .container555 .content05 {
  overflow: hidden;
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 1px;
  height: 1px;
  padding: 0 16px;
 }
 .container555 .content05.active {
  overflow: hidden;
  position: static;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
 }
 .container555 [class*="content0"] > h3 {
  font-size: 18px;
 }
 .container555 [class*="content0"] {
  margin-top: 40px;
 }
 .container555 .content10 + .content04 {
  margin-top: 24px;
 }
 .container555 .content03 .section01 .list-type212 {
  margin-top: 12px;
  padding: 0;
 }
 .container555 .box-type011 {
  box-sizing: border-box;
  margin-top: 24px;
  padding: 24px 16px 60px 16px;
 }
 .container555 .content03 .section01 .title-con05.style02 {
  padding: 0;
 }
 .container555 .content03 .section01 .box-type001 {
  box-sizing: border-box;
  margin-top: 24px;
  padding: 0px 16px 60px 16px;
 }
 .container555 .content03 .section01 .box-type011 {
  margin-top: 24px;
 }
 .container555 .content03 .title-con61 {
  box-sizing: border-box;
  padding: 0 0 0 16px;
 }
 .container555 .content03 .txt-type008 {
  box-sizing: border-box;
  padding: 0 16px;
 }
 .container555 .content03 .section01 .box-type001 .list-type316 {
  padding: 0;
 }
 /*	.container555 .content08 .list-text530{box-sizing:border-box;padding:0 16px;}
	.container555 .content08 .title-con05.style02{box-sizing:border-box;padding:0 16px;}
	.container555 .content08 .list-text542 + .title-con05.style02{margin-top:20px;}
	.container555 .content08 .list-text522 + .btns-wrap03{margin-top:20px;}*/
}

/* --- ##container581 : 검색 --- */
/*.container581 .section01{padding:0 16px;}  수정 진행하다 멈춤*/

/* --- ##container585 : 보도자료 --- */
.container585 .content03 {
 display: flex;
 justify-content: space-between;
}
.container585 .content03 [class*="section"] {
 box-sizing: border-box;
}
.container585 .content03 .section01 {
 max-width: 820px;
}
.container585 .content03 .section02 {
 max-width: 300px;
}
.container585 .content03 .section02 > .aside-box409 {
 margin-top: 0;
}
.container585 .title-con05.style02 [class*="title-type"] + [class*="txt-type"] {
 margin-left: 4px;
}
/*.container585 .title-article01{border-bottom:1px solid var(--ui-tag005);}*/
.body-prnews-list .wrap-container .content10 {
 overflow: hidden;
}
.body-prnews-list .nav-type40 {
 overflow: hidden;
}

.body-view-prnews01 .container585 .content90,
.body-view-prnews01 .container585 .content90 + .content03 {
 width: 720px !important;
 margin: 0 auto;
 padding-left: 0 !important;
}
.body-view-prnews01 .img {
 cursor: initial;
}
.body-view-prnews01 .container585 .optionbox01 {
 left: 50%;
 margin-left: -620px;
}
.body-view-prnews01 .sticky .optionbox01 {
 top: 220px;
}
.body-view-prnews01 .story-news {
 box-sizing: border-box;
 padding-right: 40px;
 padding-left: 40px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .container585 .content03 .section01 {
  max-width: 640px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .body-prnews-list .nav-type40 {
  overflow: visible;
 }
 .container585 .content03 {
  max-width: 100%;
  padding: 0 8px;
 }
 .container585 .content03 .section01 {
  max-width: 100%;
 }
 .container585 .content03 .section01 .box-type001 {
  padding: 0 16px;
 }
 .container585 .content03 .section02 {
  display: none;
 }
 .container585 .content13 {
  padding: 0 24px;
 }
 .container585 .content13 .search-type02 {
  padding: 0;
 }
 .container585 [class*="box-type"] > [class*="title-con"] {
  padding: 0 0 12px 0 !important;
 }
 .wrap-container .container585 .content13 + .content03 {
  margin-top: 32px !important;
 }
 .body-view-prnews01 .container585 .content90 {
  width: 100% !important;
  margin: 0 auto;
  padding: 0 8px !important;
 }
 .body-view-prnews01 .container585 .content90 + .content03 {
  width: 100% !important;
  margin: 0 auto;
  padding: 0 8px !important;
 }
}
@media only screen and (max-width: 767px) {
 .body-prnews-list .nav-type40 {
  overflow: visible;
 }
 .container585 .content13 {
  padding: 0 16px;
 }
 .container585 .content13 .search-type02 {
  padding: 0;
 }
 .container585 .content03 .section02 {
  display: none;
 }
 .container585 .content03 .section01 .box-type001 {
  padding: 0 16px;
 }
 .container585 [class*="box-type"] > [class*="title-con"] {
  padding: 0 0 12px 0 !important;
 }
 .wrap-container .container585 .content13 + .content03 {
  margin-top: 32px !important;
 }
 .container585 .title-article01 {
  padding-bottom: 16px;
 }
 .body-view-prnews01 .container585 .content90 {
  width: 100% !important;
  margin: 0 auto;
 }
 .body-view-prnews01 .container585 .content90 .title-article01 {
  padding: 0 16px 16px;
 }
 .body-view-prnews01 .container585 .content90 + .content03 {
  width: 100% !important;
  margin: 0 auto;
 }
 .body-view-prnews01 .story-news {
  padding-right: 16px;
  padding-left: 16px;
 }
}

/* 보도자료 본문 매핑소재 */
.body-view-prnews01 .comp-box .img {
 cursor: auto;
}

/* page-prnews-seoul : 보도자료 본문(서울) */
.page-prnews-seoul .story-news {
 padding-bottom: 50px;
}
.page-prnews-seoul .wrap-container .content10 {
 margin-top: 0px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-prnews-seoul .wrap-container .content10 {
  margin-top: 0px !important;
 }
}
@media only screen and (max-width: 767px) {
 .page-prnews-seoul .wrap-container .content10 {
  margin-top: 0px !important;
 }
}

/* container591 본문 */
.container591 .aside-box200 + .box-type104 {
 margin-top: 40px !important;
}
.container591 {
 overflow: hidden;
 position: relative;
}

/* =============== ####popup-type$$ ======================== */
/*
[popup-type01~39]
popup-type01 : 포토,화보 뷰어
popup-type02 : y뷰어 팝업
popup-type03 : 연합 라운지 팝업

[popup-type40~49]
popup-type40 : 댓글 레이어 팝업

[popup-type50~79] :마이페이지 사용 토스트 형태 팝업
popup-type50 : [공통] 알럿 메세지 팝업
popup-type51 : 마이페이지 > Y스코어 혜택받기
popup-type52 : 위치정보활용 알림 팝업
popup-type54 : 혜택 팝업
popup-type55 : 쿠폰바코드 팝업
popup-type56 : 스코어적립내역 팝업

[popup-type80~99 범위]
popup-type80 : [공통] 토스트 팝업(pc푸시알림 완료메세지)

*/
/* ---- ##공통 : popup-type$$ ---- */
[class*="popup-type"] {
 /*z-index:222;*/
 z-index: 210;
} /* 화보뷰어때문에 조정봅니다. */
[class*="popup-type"].active {
 z-index: 230;
}
/* ---- ##popup-type01 : 이미지 뷰어 팝업 ---- */
.popup-type01 {
 z-index: 1 !important;
 width: 100%;
 background-color: var(--ui-tag006);
}
.popup-type01 [class*="list-type"] [class*="item-box0"] .img {
 background-color: var(--ui-tag000);
}
.popup-type01.hide {
 display: none;
}
.popup-type01 .txt-side {
 opacity: 0;
 position: absolute;
 top: -999em;
 left: -999em;
 font-size: 1px;
}
.popup-type01 .btn-type004 {
 display: none;
 position: absolute;
 z-index: 2;
 width: 40px;
 height: 40px;
 background-size: 40px auto;
}
.popup-type01 [class*="box-type18"] {
 margin-top: 0 !important;
}
.popup-type01 .box-type181 {
 display: flex;
 flex-direction: column;
 position: relative;
 background-color: var(--ui-tag006);
}
.popup-type01 .box-type181:before {
 content: "";
 display: none;
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 background-color: var(--ui-tag017);
}
.popup-type01 .box-type181 .pager02 {
 position: absolute;
 right: 30px;
 bottom: -53px;
 z-index: 3;
}
.popup-type01 .box-type181 .list-type560 {
 width: 100%;
 background-color: var(--ui-tag014);
}
.popup-type01 .caption-con {
 flex-shrink: 0;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding: 40px;
}
.popup-type01 .caption-con.none {
 display: none;
}
.popup-type01 .caption-con .title01 {
 display: block;
 width: calc(100% - 60px);
 font-size: 20px;
 font-weight: 700;
 color: var(--font-color001);
}
.popup-type01 .caption-con .title01:empty {
 display: none;
}
.popup-type01 .caption-con .desc {
 margin-top: 8px;
 font-size: 15px;
 color: var(--font-color008);
}
.popup-type01 .caption-con .txt-time {
 font-size: 15px;
 color: var(--font-color008);
}
.popup-type01 .swiper-area {
 display: flex;
 width: 100%;
}
.popup-type01 [class*="btn-dir003-"] {
 position: absolute;
 top: 50%;
 z-index: 2;
 width: 60px;
 height: 60px;
 transform: translateY(-50%);
}
.popup-type01 .btn-dir003-prev {
 left: 40px;
}
.popup-type01 .btn-dir003-next {
 right: 40px;
}
.popup-type01 [class*="btn-dir003-"]:after {
 width: 60px;
 height: 60px;
}
.popup-type01 .box-type182 {
 display: none;
 flex-shrink: 0;
 height: 120px;
 background-color: var(--ui-tag003);
}
.popup-type01 .caption-con .btn-type009 {
 display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .popup-type01 .caption-con {
  padding: 24px 30px 30px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type01 [class*="btn-dir003-"] {
  width: 30px;
  height: 30px;
 }
 .popup-type01 [class*="btn-dir003-"]:after {
  width: 30px;
  height: 30px;
 }
 .popup-type01 .btn-dir003-next {
  right: 24px;
 }
 .popup-type01 .btn-dir003-prev {
  left: 24px;
 }
 .popup-type01 .caption-con {
  padding: 24px 30px 30px;
 }
 .popup-type01 .box-type181 .pager02 {
  bottom: -45px;
 }
 .fullpop-mode .popup-type01.clear-mode .caption-con,
 .fullpop-mode .popup-type01.clear-mode .btn-type004.close02,
 .fullpop-mode .popup-type01.clear-mode .pager02,
 .fullpop-mode .popup-type01.clear-mode .btn-dir003-prev,
 .fullpop-mode .popup-type01.clear-mode .btn-dir003-next {
  display: none;
 }
 .fullpop-mode .popup-type01.clear-mode .box-type181,
 .fullpop-mode .popup-type01.clear-mode .pop-header {
  background-color: var(--ui-tag014) !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type01 [class*="btn-dir003-"] {
  width: 30px;
  height: 30px;
 }
 .popup-type01 .btn-dir003-next {
  right: 24px;
 }
 .popup-type01 .btn-dir003-prev {
  left: 24px;
 }
 .popup-type01 [class*="btn-dir003-"]:after {
  width: 30px;
  height: 30px;
 }
 .popup-type01 .caption-con {
  padding: 20px 16px 30px;
 }
 .popup-type01 .box-type181 .pager02 {
  right: 16px;
  bottom: -42px;
 }
 .fullpop-mode .popup-type01.clear-mode .caption-con,
 .fullpop-mode .popup-type01.clear-mode .btn-type004.close02,
 .fullpop-mode .popup-type01.clear-mode .pager02,
 .fullpop-mode .popup-type01.clear-mode .btn-dir003-prev,
 .fullpop-mode .popup-type01.clear-mode .btn-dir003-next {
  display: none;
 }
 .fullpop-mode .popup-type01.clear-mode .box-type181,
 .fullpop-mode .popup-type01.clear-mode .pop-header {
  background-color: var(--ui-tag014) !important;
 }
}
/* [화보] pop-gallery */
.popup-type01.pop-gallery .btn-type004 {
 top: 20px;
 right: 40px;
 margin-top: 0 !important;
}
.popup-type01.pop-gallery .pop-header {
 display: none;
 flex-shrink: 0;
 align-items: center;
 height: 80px;
 padding: 0 224px 0 40px;
 background-color: var(--ui-tag003);
}
.popup-type01.pop-gallery .pop-header .tit-con {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.popup-type01.pop-gallery .pop-header .tit01 {
 overflow: hidden;
 display: block;
 font-size: 24px;
 font-weight: 700;
 color: var(--font-color001);
 white-space: nowrap;
 text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type01.pop-gallery .pop-header {
  height: 67px;
 }
 .popup-type01.pop-gallery .pop-header .tit-con {
  display: none;
 }
}
@media only screen and (max-width: 767px) {
 .popup-type01.pop-gallery .pop-header {
  height: 60px;
 }
 .popup-type01.pop-gallery .pop-header .tit-con {
  display: none;
 }
}
/* [포토] pop-photo */
.popup-type01.pop-photo .btn-type004 {
 top: 20px;
 right: 40px;
}

/* [전체화면] .fullpop-mode .popup-type01
 -  popup-type01 전체화면 모드 */
.fullpop-mode {
 overflow: hidden !important;
}
.fullpop-mode .wrap-container .content03 {
 position: static;
}
.fullpop-mode .popup-type01 {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 600 !important;
 width: 100vw;
 height: 100vh;
 height: -webkit-fill-available;
 height: fill-available;
}
.fullpop-mode .popup-type01 .pop-wrap {
 display: flex;
 flex-direction: column;
 height: 100%;
}
.fullpop-mode .popup-type01 .pop-content {
 display: flex;
 justify-content: space-between;
 flex-direction: column;
 width: 100vw;
 max-width: 100vw;
 height: 100vh;
}
.fullpop-mode .popup-type01 .label-box03 {
 display: none;
}
.fullpop-mode .popup-type01 .btn-type004 {
 display: block;
}
.fullpop-mode .popup-type01 .pop-header {
 display: flex;
}
.fullpop-mode .popup-type01 .box-type181 {
 flex-direction: row;
 height: 100%;
}
.fullpop-mode .popup-type01 .box-type181 .pager02 {
 position: fixed;
 top: 27px;
 right: 120px;
 height: 25px;
}
.fullpop-mode .popup-type01 .box-type181:before {
 display: block;
}
.fullpop-mode .popup-type01 .box-type181 .list-type560 {
 display: flex;
 justify-content: center;
 align-items: center;
 width: calc(100vw - 400px);
 padding: 40px 0; /*background-color:var(--ui-tag003);*/
}
.fullpop-mode .popup-type01 .caption-con {
 width: 400px;
 padding: 40px;
}
.fullpop-mode .popup-type01 .box-type182 {
 display: block;
}
.fullpop-mode .popup-type01 .label-box03 .ico-type03-zoom01 {
 display: none;
}
.fullpop-mode .popup-type01 .list-type560 .swiper-area {
 position: relative;
}
.fullpop-mode .popup-type01 .list-type560 .swiper-button-disabled {
 display: none;
}
/*.fullpop-mode .popup-type01 [class*="btn-dir003-"]:before{opacity:0.3;}
.fullpop-mode .popup-type01 [class*="btn-dir003-"]:after{filter:var(--ui-filter001);}*/
/* [포토] pop-photo */
.fullpop-mode .popup-type01.pop-photo {
 display: flex;
}
.fullpop-mode .popup-type01.pop-photo .caption-con {
 padding: 140px 40px 40px;
}
.fullpop-mode .popup-type01.pop-photo .title01 {
 width: 100%;
}
.fullpop-mode .popup-type01.pop-photo .box-type181 .pager02 {
 top: 84px; /*right:286px;*/
 right: 311px;
}
.fullpop-mode .popup-type01.pop-photo .box-type181 .pager02 .count-box {
 justify-content: flex-start;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .popup-type01.pop-photo .btn-type004 {
  right: 20px;
 }
 .fullpop-mode .popup-type01 .pop-content {
  height: calc(100% - 200px);
 }
 .fullpop-mode .popup-type01.pop-photo .pop-content {
  height: 100%;
 }
 .fullpop-mode .popup-type01 .caption-con {
  width: 244px !important;
  padding: 40px 20px;
 }
 .fullpop-mode .popup-type01 .box-type181 .list-type560 {
  width: calc(100% - 244px);
  padding: 24px 0;
 }
 .fullpop-mode .popup-type01.pop-photo .caption-con {
  padding: 140px 20px 40px;
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181 .pager02 {
  right: 167px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .fullpop-mode .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
 }
 .fullpop-mode {
  overflow: hidden;
  position: fixed;
  height: 100vh;
 }
 .fullpop-mode .popup-type01 [class*="btn-dir003-"]:before {
  opacity: 1;
 }
 .fullpop-mode .popup-type01 [class*="btn-dir003-"]:after {
  filter: var(--ui-filter000);
 }
 .fullpop-mode .popup-type01 .pop-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0 128px 0 24px;
 }
 .fullpop-mode .popup-type01 .pop-header .tit01 {
  font-size: 18px;
 }
 .fullpop-mode .popup-type01 .pop-content {
  overflow: hidden;
 }
 .fullpop-mode .popup-type01 .btn-type004 {
  position: fixed;
  top: 13px;
  right: 13px;
  background-size: 20px auto;
 }
 .fullpop-mode .popup-type01 .box-type181 .pager02 {
  position: fixed;
  top: 21px;
  right: 60px;
 }
 .fullpop-mode .popup-type01 .caption-con {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  max-height: 122px;
  padding: 24px 24px 74px;
  background-color: var(--ui-tag026);
  transition: max-height 0.3s ease-in-out;
 }
 .fullpop-mode .popup-type01 .caption-con .desc,
 .fullpop-mode .popup-type01 .caption-con .txt-time {
  opacity: 0;
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: 14px;
  transition: opacity 0.3s ease-in-out;
 }
 .fullpop-mode .popup-type01 .caption-con .title01 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 93%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con .title01 .title01 {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con .btn-type009 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
 }
 .fullpop-mode .popup-type01 .caption-con .btn-type009 .ico-type06-arr01 {
  position: absolute;
  top: 22px;
  right: 18px;
 }
 .fullpop-mode .popup-type01 .caption-con .ico-type06-arr01:before {
  filter: var(--ui-filter001);
  transform: rotate(0deg);
 }
 .fullpop-mode .popup-type01 .box-type181 {
  height: 100%;
  padding-top: 67px;
 }
 .fullpop-mode .popup-type01 .box-type181 .list-type560 {
  z-index: 1;
  width: 100%;
  padding: 0 0 122px;
 }
 .fullpop-mode .popup-type01 .box-type182 {
  display: none;
 }
 .fullpop-mode .popup-type01 .caption-con.active {
  overflow-y: auto;
  max-height: 200px;
 }
 .fullpop-mode .popup-type01 .caption-con.active .ico-type06-arr01:before {
  filter: var(--ui-filter001);
  transform: rotate(180deg);
 }
 .fullpop-mode .popup-type01 .caption-con.active .desc,
 .fullpop-mode .popup-type01 .caption-con.active .txt-time {
  opacity: 1;
  display: inline-block;
 }
 .fullpop-mode .popup-type01 .caption-con.active .title01 {
  overflow: visible;
  white-space: initial;
  text-overflow: initial;
 }
 /* [포토] pop-photo */
 .fullpop-mode .popup-type01.pop-photo .pop-content {
  height: 100%;
 }
 .fullpop-mode .popup-type01.pop-photo,
 .fullpop-mode .popup-type01.pop-gallery {
  margin: 0 !important;
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181 .pager02 {
  top: 20px;
  right: 68px;
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181 {
  height: calc(100vh - 67px);
  padding-top: 67px;
  background-color: var(--ui-tag003);
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181:before {
  display: none;
 }
 .fullpop-mode .popup-type01.pop-photo .btn-type004 {
  top: 13px;
 }
 .fullpop-mode .popup-type01.pop-photo .caption-con {
  max-height: 122px;
  padding: 24px 24px 74px;
 }
 .fullpop-mode .popup-type01.pop-photo .caption-con.active {
  max-height: 240px;
 }
 /* 광고 */
 .fullpop-mode .aside-box382 {
  display: block !important;
 }
 .fullpop-mode .aside-box382.sticky.hide {
  display: none !important;
 }
 /* 캡션케이스 */
 .fullpop-mode .popup-type01 .caption-con .title01:empty {
  display: none;
 }
 .fullpop-mode .popup-type01 .caption-con .title01:empty + .desc {
  overflow: hidden;
  opacity: 1;
  display: block;
  width: calc(100% - 25px);
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con .title01:empty + .desc > p {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con.active .title01:empty + .desc,
 .fullpop-mode .popup-type01 .caption-con.active .title01:empty + .desc > p {
  overflow: visible;
  white-space: initial;
  text-overflow: initial;
 }

 .popup-type01,
 .popup-type01 .swiper-slide,
 .popup-type01 .swiper-slide .img img {
  -webkit-tap-highlight-color: transparent;
 }
 /* 하단 광고 삭제 시 */
 body.fullpop-mode.body-remove-ad01 .popup-type01 .caption-con,
 body.fullpop-mode.body-hybrid .popup-type01 .caption-con {
  max-height: 64px;
  padding: 20px 24px;
 }
 body.fullpop-mode.body-remove-ad01 .popup-type01 .box-type181,
 body.fullpop-mode.body-hybrid .popup-type01 .box-type181 {
  height: 100vh;
  padding-top: 67px;
  padding-bottom: 0;
 }
 body.fullpop-mode.body-remove-ad01 .popup-type01 .box-type181 .list-type560,
 body.fullpop-mode.body-hybrid .popup-type01 .box-type181 .list-type560 {
  padding: 0 0 64px;
 }
 body.fullpop-mode.body-remove-ad01 .popup-type01 .caption-con.active,
 body.fullpop-mode.body-hybrid .popup-type01 .caption-con.active {
  max-height: 240px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .fullpop-mode {
  overflow: hidden;
  position: fixed;
  height: 100vh;
 }
 .fullpop-mode .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
 }
 .fullpop-mode .popup-type01 [class*="btn-dir003-"]:before {
  opacity: 1;
 }
 .fullpop-mode .popup-type01 [class*="btn-dir003-"]:after {
  filter: var(--ui-filter000);
 }
 .fullpop-mode .popup-type01 .pop-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0 128px 0 16px;
 }
 .fullpop-mode .popup-type01 .pop-header .tit01 {
  font-size: 18px;
 }
 .fullpop-mode .popup-type01 .btn-type004 {
  position: fixed;
  top: 10px;
  right: 10px;
  background-size: 20px auto;
 }
 .fullpop-mode .popup-type01 .pop-content {
  overflow: hidden;
 }
 .fullpop-mode .popup-type01 .box-type181 {
  padding-top: 60px;
 }
 .fullpop-mode .popup-type01 .box-type181 .pager02 {
  position: fixed;
  top: 18px;
  right: 56px;
  bottom: auto;
 }
 .fullpop-mode .popup-type01 .caption-con {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  max-height: 114px;
  padding: 20px 16px 70px;
  background-color: var(--ui-tag026);
  transition: all 0.3s ease-in-out;
 }
 .fullpop-mode .popup-type01 .caption-con .desc,
 .fullpop-mode .popup-type01 .caption-con .txt-time {
  opacity: 0;
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: 14px;
  transition: opacity 0.3s ease-in-out;
 }
 .fullpop-mode .popup-type01 .caption-con .title01 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 95%;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con .title01 .title01 {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con .btn-type009 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
 }
 .fullpop-mode .popup-type01 .caption-con .ico-type06-arr01 {
  position: absolute;
  top: 22px;
  right: 10px;
 }
 .fullpop-mode .popup-type01 .caption-con .ico-type06-arr01:before {
  filter: var(--ui-filter001);
  transform: rotate(0deg);
 }
 .fullpop-mode .popup-type01 .box-type181 .list-type560 {
  z-index: 1;
  width: 100%;
  padding: 0 0 114px;
 }
 .fullpop-mode .popup-type01 .box-type182 {
  display: none;
 }
 .fullpop-mode .popup-type01 .caption-con.active {
  overflow-y: auto;
  max-height: 200px;
 }
 .fullpop-mode .popup-type01 .caption-con.active .ico-type06-arr01:before {
  filter: var(--ui-filter001);
  transform: rotate(180deg);
 }
 .fullpop-mode .popup-type01 .caption-con.active .desc,
 .fullpop-mode .popup-type01 .caption-con.active .txt-time {
  opacity: 1;
  display: inline-block;
 }
 .fullpop-mode .popup-type01 .caption-con.active .title01 {
  text-overflow: initial;
  overflow: visible;
  white-space: normal;
 }
 /* 포토 */
 .fullpop-mode .popup-type01.pop-photo,
 .fullpop-mode .popup-type01.pop-gallery {
  margin: 0 !important;
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181 .pager02 {
  top: 20px;
  right: 68px;
 }
 /*	.fullpop-mode .popup-type01.pop-photo .box-type181{height:calc(100vh - 59px);padding-top:59px;background-color:var(--ui-tag003);}*/
 .fullpop-mode .popup-type01.pop-photo .box-type181 {
  height: calc(100vh - 109px);
  padding-top: 59px;
  padding-bottom: 50px;
  background-color: var(--ui-tag003);
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181:before {
  display: none;
 }
 .fullpop-mode .popup-type01.pop-photo .box-type181 .list-type560 {
  z-index: 1;
  width: 100%;
  padding: 0 0 64px;
 }
 .fullpop-mode .popup-type01.pop-photo .btn-type004 {
  top: 13px;
 }
 .fullpop-mode .popup-type01.pop-photo .caption-con {
  max-height: 114px;
  padding: 20px 16px 70px;
 }
 .fullpop-mode .popup-type01.pop-photo .caption-con.active {
  max-height: 240px;
 }
 /* 광고 */
 .fullpop-mode .aside-box382 {
  display: block !important;
 }
 .fullpop-mode .aside-box382.sticky.hide {
  display: none !important;
 }
 /* 캡션케이스 */
 .fullpop-mode .popup-type01 .caption-con .title01:empty {
  display: none;
 }
 .fullpop-mode .popup-type01 .caption-con .title01:empty + .desc {
  overflow: hidden;
  opacity: 1;
  display: block;
  width: calc(100% - 25px);
  margin-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con .title01:empty + .desc > p {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
 }
 .fullpop-mode .popup-type01 .caption-con.active .title01:empty + .desc,
 .fullpop-mode .popup-type01 .caption-con.active .title01:empty + .desc > p {
  overflow: visible;
  white-space: initial;
  text-overflow: initial;
 }

 .popup-type01,
 .popup-type01 .swiper-slide,
 .popup-type01 .swiper-slide .img img {
  -webkit-tap-highlight-color: transparent;
 }
 /* 하단 광고 삭제 시 */
 body.fullpop-mode.body-remove-ad01 .popup-type01 .caption-con,
 body.fullpop-mode.body-hybrid .popup-type01 .caption-con {
  max-height: 64px;
  padding: 20px 16px;
 }
 body.fullpop-mode.body-remove-ad01 .popup-type01 .box-type181,
 body.fullpop-mode.body-hybrid .popup-type01 .box-type181 {
  height: 100vh; /*padding-top:59px;*/
  padding-bottom: 0;
 }
 body.fullpop-mode.body-remove-ad01 .popup-type01 .box-type181 .list-type560,
 body.fullpop-mode.body-hybrid .popup-type01 .box-type181 .list-type560 {
  padding: 0 0 64px;
 }
 body.fullpop-mode.body-remove-ad01 .popup-type01 .caption-con.active,
 body.fullpop-mode.body-hybrid .popup-type01 .caption-con.active {
  max-height: 240px;
 }
}
/* [뷰어] 가로 모드 일때 */
@media (orientation: landscape) and (max-width: 812px) {
 .fullpop-mode .box-type181 {
  height: 100% !important;
  padding-top: 0 !important;
 }
 .fullpop-mode .list-type560 .swiper-area:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 67px;
  background-color: var(--ui-tag003);
 }
 .fullpop-mode .popup-type01 .box-type181 .list-type560 {
  padding: 0 !important;
 }
 /* 앱뷰 케이스*/
 .body-hybrid.fullpop-mode .popup-type01 .box-type181 .list-type560 {
  padding: 0;
 }
 /*.body-hybrid.fullpop-mode .popup-type01.pop-photo .caption-con{max-height:72px;padding:24px;}*/
 .fullpop-mode .popup-type01.clear-mode .list-type560 .swiper-area:after {
  display: none;
 }
}

/* ---- ##popup-type02 : Y뷰어 팝업 ---- */
.popup-type02.pop-yviewer01 {
 display: none;
 position: fixed;
 left: 50%;
 bottom: 40px;
 z-index: 100;
 box-sizing: border-box;
 width: 100%;
 max-width: 440px;
 max-height: 575px;
 margin-left: -220px;
 border-radius: 20px;
 background-color: var(--ui-tag000);
}
.popup-type02.pop-yviewer01.active {
 display: block;
}
.popup-type02.pop-yviewer01 .pop-wrap {
 /*overflow:hidden;*/
 position: relative;
 box-sizing: border-box;
 height: 100%;
 border-radius: 20px;
 background-color: var(--ui-tag001);
}
.popup-type02.pop-yviewer01 .pop-wrap:before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 10;
 width: 100%;
 height: 50px;
 background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 79%);
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
}
.popup-type02.pop-yviewer01 .pop-header {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 height: auto;
 padding: 0;
 background-color: var(--ui-tag031);
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
}
.popup-type02.pop-yviewer01 .pop-header .ir-txt01 {
 position: absolute;
}
.popup-type02.pop-yviewer01 .pop-header .btns-wrap04 {
 box-sizing: border-box;
 padding: 0 4px;
 background-color: var(--ui-tag030);
}
.popup-type02.pop-yviewer01 .pop-content {
 overflow: hidden;
 position: relative;
 padding: 8px 3px 0 0;
 background-color: var(--ui-tag001);
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
}
.popup-type02.pop-yviewer01 .pop-content .scroller {
 box-sizing: border-box; /*height:-webkit-calc(100% - 103px);*/ /*max-height:390px;*/ /*min-height:322px;*/
 padding: 16px 0 0 0;
 overflow-y: auto;
}
.popup-type02.pop-yviewer01 .pop-content .scroller::-webkit-scrollbar {
 width: 3px;
}
.popup-type02.pop-yviewer01 .pop-content .scroller::-webkit-scrollbar-thumb {
 border-radius: 50px;
 background-color: var(--ui-tag012);
}
.popup-type02.pop-yviewer01 .tab-type01 {
 margin-top: 0;
 padding-left: 24px;
}
.popup-type02.pop-yviewer01 .title-type001 > .tit01 {
 overflow: hidden;
 max-width: 100%;
 font-size: 18px;
 font-weight: 700;
 color: var(--font-color003);
 white-space: nowrap;
 text-overflow: ellipsis;
}
.popup-type02.pop-yviewer01 [class*="title-type"] {
 overflow: hidden;
 display: inline-block;
 max-width: calc(100% - 20px);
 margin-bottom: 12px;
 padding-left: 24px;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.popup-type02.pop-yviewer01 [class*="title-type"] .tab-type01 {
 margin-top: 0;
}
.popup-type02.pop-yviewer01 .list-type540 .swiper-area {
 padding: 0 18px 0 24px;
}
.popup-type02.pop-yviewer01 .tab-type01 ul {
 justify-content: flex-start;
}
.popup-type02.pop-yviewer01 .tab-type01 li:first-child {
 margin-left: 0;
}
.popup-type02.pop-yviewer01 .list-type540 {
 margin-top: 8px;
}
.popup-type02.pop-yviewer01 [class*="list-type"] + [class*="title-type"] {
 margin-top: 32px;
}
.popup-type02.pop-yviewer01 .btn-type024 {
 position: absolute;
 left: 50%;
 bottom: -32px;
 z-index: 20;
 margin-left: -32px;
}
/*.popup-type02.pop-yviewer01 .list-text600{padding-bottom:20px;} 8/6 375이하 여백 넘침으로 스크롤 생겨서 삭제요청받음*/
.popup-type02.pop-yviewer01 .list-text600 .swiper-area,
.popup-type02.pop-yviewer01 .list-type541 .swiper-area,
.popup-type02.pop-yviewer01 .list-type542 .swiper-area {
 padding: 0 18px 0 24px;
}
.pop-yviewer01.login-before01 .txt-type107 + .btn-type304.style01 {
 width: calc(100% - 48px);
 margin: 32px auto 0;
}
.login-before01 .txt-type104 .img-con01 .img.img-none01 {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
} /* ##txt-type104.login-before : [y뷰어] y뷰어 로그인전 */
.login-before01 .txt-type104 .img-con01 .img.img-none01:after {
 content: "";
 display: block;
 width: 32px;
 height: 32px;
 background-image: var(--ui-bg503);
 background-size: 100%;
 background-repeat: no-repeat;
 filter: var(--ui-filter013);
}
.login-before01 .txt-type104 .txt-mes01 {
 max-width: 200px;
 word-break: keep-all;
}
body.popup-yviewer.popup-mode .popup-type02.pop-yviewer01 {
 z-index: 230;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type02.pop-yviewer01 {
  bottom: 90px;
  height: 575px;
 }
 .popup-type02.pop-yviewer01 .pop-content {
  /*height:calc(100% - 214px);*/
  height: calc(100% - 222px);
  overflow-y: auto;
 }
}
@media only screen and (max-width: 767px) {
 .popup-type02.pop-yviewer01 {
  bottom: 90px;
  height: 575px;
  margin-left: -220px;
  padding: 16px;
 }
 .popup-type02.pop-yviewer01 .btn-type024 {
  bottom: -18px;
 }
 .popup-type02.pop-yviewer01 .title-type001 > .tit01 {
  font-size: 16px;
 }
 .popup-type02.pop-yviewer01 .title-type001 > .tit01:after {
  width: 14px;
  height: 14px;
  margin-top: -8px;
 }
 .popup-type02.pop-yviewer01 [class*="list-type"] + [class*="title-type"] {
  margin-top: 24px;
 }
 .popup-type02.pop-yviewer01 .pop-content {
  /*height:calc(100% - 146px);overflow-y:auto;*/
  height: calc(100% - 138px);
 }
 .popup-type02.pop-yviewer01 .pop-content .scroller {
  /*max-height:372px;*/
  max-height: 100%;
  overflow-y: auto;
  padding: 16px 0 20px 0;
 }
 .popup-type02.pop-yviewer01 .pop-wrap:before {
  /*width:calc(100% - 32px);left:16px;*/
  border-radius: 0 0 20px 20px;
 }
}
@media only screen and (max-width: 440px) {
 .popup-type02.pop-yviewer01 {
  left: 0;
  width: 100%;
  max-width: 100%;
  height: calc(100vh - 100px);
  margin-left: 0;
 }
}
/* ---- ##[y뷰어] body-hybrid : app화면 y뷰어 팝업 ---- */
.body-hybrid .popup-type02.pop-yviewer01 {
 max-height: none;
}
.body-hybrid .popup-type02.pop-yviewer01 .pop-wrap {
 overflow: visible;
 border-radius: 0;
}
.body-hybrid .popup-type02.pop-yviewer01 .pop-header {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
.body-hybrid .popup-type02.pop-yviewer01 .pop-content {
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}
.body-hybrid .popup-type02.pop-yviewer01 {
 position: relative;
 top: auto;
 left: auto;
 bottom: auto;
 max-width: 100%;
 height: 100vh;
 height: -webkit-fill-available;
 height: fill-available;
 margin: 0;
 transform: none;
}
.body-hybrid .popup-type02.pop-yviewer01 .pop-content {
 width: 100%;
 height: calc(100vh - 203px);
}
.body-hybrid .popup-type02.pop-yviewer01 .pop-content .scroller {
 position: relative;
 z-index: 1;
 box-sizing: border-box;
 height: 100%;
}
.body-hybrid .btn-type024 {
 display: none;
}
body.body-hybrid.font-preview {
 background-color: var(--ui-tag009);
} /* APP : ui제어 */
@media only screen and (max-width: 767px) {
 .body-hybrid .popup-type02.pop-yviewer01 {
  left: 0;
  padding: 0;
 }
 .body-hybrid .popup-type02.pop-yviewer01 .pop-content {
  height: calc(100vh - 146px);
 }
}

/* ##popup-type03 : 연합라운지 */
.popup-type03 {
 position: fixed !important;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background-color: var(--ui-tag017);
}
.popup-type03.active {
 z-index: 600;
}
.popup-type03 .box-type190 {
 margin-top: 0 !important;
}
.popup-type03 .title-con21 {
 width: 100%;
 max-width: 100%;
 height: 60px;
 margin: 0;
 padding-right: 10px;
}
.popup-type03 .title-con21 > .info-box01 {
 padding-right: 40px;
}
.popup-type03 .title-con21 .btn-type310 {
 display: none;
}
.popup-type03 .title-con21 .btn-type025 {
 margin-left: 30px;
}
.popup-type03 .title-con21.style01:before {
 border-top: 80px solid transparent;
 border-left: 80px solid var(--ui-tag031);
}
/*.popup-type03 .title-con21.style01:after{background-position:right center;}*/
.popup-type03 .title-con21 .title-type004 > .tit01 {
 font-size: 20px;
}
.popup-type03 .title-con21 .title-type004 > .tit01 .logo-yna11 {
 display: none;
}
.popup-type03 .title-con21 .title-type004 {
 height: 100%;
 padding: 0 16px 0 40px;
}
.popup-type03 .title-con21 .title-type004 > .txt01 {
 display: none;
}
.popup-type03 .title-con21 .txt-type001 > .txt01 {
 font-size: 13px;
}
.popup-type03 .title-con21 .btn-type310 {
 margin-left: 8px;
}
.popup-type03 .nav-type50 {
 position: fixed;
 top: 84px;
 left: 50%;
 z-index: 2;
 width: 100%;
 max-width: 1200px;
 transform: translateX(-50%);
}
.popup-type03 .tab-type05 {
 position: static;
}
.popup-type03 .tab-type05 .tab {
 border: none;
 background-color: var(--ui-tag000);
}
.popup-type03 .tab-type05 .tab .txt01 {
 color: var(--font-color001);
}
.popup-type03 .tab-type05 .swiper-wrapper {
 width: calc(100% - 2px);
}
.popup-type03 .tab-type05 .tab:before {
 content: "";
 opacity: 0.4;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: 100%;
 height: 100%;
 background-color: var(--ui-tag002);
}
.popup-type03 .tab-type05 [class*="btn-dir002"] {
 top: 0;
 height: 40px;
 transform: none;
}
.popup-type03 .tab-type05 [class*="btn-dir002"]:after {
 background: var(--ui-tag021);
}
.popup-type03 .tab-type05 [class*="btn-dir002"] .ir-txt01 {
 filter: var(--ui-filter001);
}
.popup-type03
 .tab-type05
 [class*="btn-dir002"].swiper-button-disabled
 .ir-txt01 {
 opacity: 0.4;
}
.popup-type03 .tab-type05 .btn-dir002-next {
 right: -1px;
 transform: rotate(-180deg);
}
.popup-type03 .tab-type05 .btn-dir002-prev {
 left: -1px;
}
.popup-type03 .tab-type25 .tab {
 font-size: 14px;
 color: var(--font-color011);
}
.popup-type03 .tab-type05 li .tab.style01 .txt01:after {
 border-top: 5px solid var(--ui-tag001);
}
.popup-type03 .tab-type25 li .tab .txt01 {
 color: var(--font-color013);
}
.popup-type03 .tab-type25 li.active .tab .txt01,
.popup-type03 .tab-type25 li .tab:hover .txt01 {
 font-weight: 700;
 color: var(--font-color061);
}
.popup-type03 .tab-type05 .tab .txt01 {
 font-size: 15px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
 .popup-type03 .tab-type05 .tab:hover .txt01 {
  font-size: 15px;
 }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .popup-type03 .nav-type50 {
  width: 100%;
  max-width: 980px;
 }
 .popup-type03 .tab-type05 {
  max-width: 980px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type03 .title-con21 {
  height: 52px;
 }
 .popup-type03 .title-con21.style01:after {
  width: 30%;
  background-position: left 50%;
 }
 .popup-type03 .title-con21.style01:before {
  border-top: 65px solid transparent;
  border-left: 65px solid var(--ui-tag031);
 }
 .popup-type03 .nav-type50 {
  position: fixed;
  top: 68px;
  left: 0;
  z-index: 2;
  transform: none;
 }
 .popup-type03 .tab-type05 {
  padding: 0 16px;
 }
 .popup-type03 .tab-type25 .swiper-area {
  padding: 0 16px;
 }
 .popup-type03 .title-con21 .title-type004 {
  height: 100%;
  padding: 0 16px;
 }
 .popup-type03 .title-con21 > .info-box01 {
  padding-right: 14px;
 }
}
@media only screen and (max-width: 767px) {
 .popup-type03 .title-con21 {
  height: 52px;
  padding-right: 0;
 }
 .popup-type03 .title-con21.style01:after {
  width: 50%;
  background-position: left 50%;
 }
 .popup-type03 .title-con21.style01:before {
  border-top: 65px solid transparent;
  border-left: 65px solid var(--ui-tag031);
 }
 .popup-type03 .nav-type50 {
  position: fixed;
  top: 68px;
  left: 0;
  z-index: 2;
  transform: none;
 }
 .popup-type03 .tab-type05 {
  padding: 0 16px;
 }
 .popup-type03 .title-con21 .btn-type025 {
  margin-left: 10px !important;
 }
 .popup-type03 .title-con21 .title-type004 {
  height: 100%;
  padding: 0 16px;
 }
 .popup-type03 .title-con21 > .info-box01 {
  padding-right: 14px;
 }
}
@media only screen and (max-width: 320px) {
 .popup-type03 .title-con21 > .info-box01 .txt-type100 {
  display: none;
 }
}

/* ---- ##popup-type11 : 전체해상도 딤 레이어 ---- */
.popup-type11 {
 display: inline-block;
 position: relative;
}
.popup-type11 .btn-type004 {
 position: absolute;
 top: 6px;
 right: 6px;
 background-size: 18px auto;
}
.popup-type11 .pop-wrap {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 box-sizing: border-box;
 width: 320px;
 padding: 16px 20px 20px 16px;
 border-radius: 6px;
 background: var(--ui-tag001);
 transform: translate(-50%, -50%);
 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.popup-type11 .pop-wrap .tit01 {
 display: block;
 margin-bottom: 20px;
 font-size: 16px;
 font-weight: 600;
 color: var(--font-color003);
 letter-spacing: -0.4px;
 text-align: left;
}
.popup-type11 .pop-wrap.hide {
 display: none;
}
.popup-type11 .pop-wrap.show {
 display: block;
 z-index: 91;
}
.popup-type11 .list01 {
 font-size: 0;
}
.popup-type11.pop-share01 .pop-wrap {
 width: 343px;
 min-height: 241px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type11 .pop-wrap.show {
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100% - 32px);
  max-width: 343px;
  transform: translate(-50%, -50%);
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type11 .pop-wrap.show {
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100% - 32px);
  max-width: 343px;
  transform: translate(-50%, -50%);
 }
}

/* ---- ##popup-type40 : 댓글 레이어 팝업 ---- */
.popup-type40 {
 position: fixed;
 top: 0;
 right: -9999px;
 width: 100%;
 max-width: 540px;
 height: 100vh;
 padding-top: 92px;
 background-color: var(--ui-tag001);
 transition: all ease-in-out 0.5s;
 box-shadow: -4px 0px 16px 0px rgba(0, 0, 0, 0.2);
}
.popup-type40.active {
 right: 0;
 z-index: 600;
}
.popup-type40 .pop-header {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 position: absolute;
 top: 0;
 left: 0;
 box-sizing: border-box;
 width: 100%;
 height: 92px;
 padding: 32px 32px 24px 32px;
}
.popup-type40 .pop-header .tit01 {
 font-size: 24px;
}
.popup-type40 .btn-type004 {
 position: absolute;
 top: 50%;
 right: 22px;
 transform: translateY(-50%);
}
.popup-type40 .pop-content {
 overflow: hidden;
 box-sizing: border-box;
 height: calc(100vh - 92px);
 padding: 0 32px 32px;
 overflow-y: auto;
}
.popup-type40 .pop-content::-webkit-scrollbar {
 width: 1px;
}
.popup-type40 .pop-content::-webkit-scrollbar-thumb {
 background-color: #666;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type40 {
  max-width: 100%;
  padding-top: 50px;
 }
 .popup-type40 .pop-header {
  justify-content: center;
  height: 50px;
  padding: 0 24px;
  border-bottom: 1px solid var(--ui-tag005);
 }
 .popup-type40 .pop-header .tit01 {
  font-size: 17px;
 }
 .popup-type40 .btn-type004 {
  right: 12px;
 }
 .popup-type40 .pop-content {
  height: calc(100vh - 50px);
  padding: 32px 24px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type40 {
  max-width: 100%;
  padding-top: 50px;
 }
 .popup-type40 .pop-header {
  justify-content: center;
  height: 50px;
  padding: 0 24px;
  border-bottom: 1px solid var(--ui-tag005);
 }
 .popup-type40 .pop-header .tit01 {
  font-size: 17px;
 }
 .popup-type40 .btn-type004 {
  right: 12px;
 }
 .popup-type40 .pop-content {
  height: calc(100vh - 50px);
  padding: 32px 16px;
 }
}

/* ---- ##popup-type50 : 메세지팝업 ---- */
.popup-type50 {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 240;
 box-sizing: border-box;
 width: 440px;
 padding: 32px;
 border-radius: 6px;
 background-color: var(--ui-tag001);
 transform: translate(-50%, -50%);
 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.popup-type50.active {
 display: block;
 z-index: 600 !important;
}
.popup-type50 .pop-content > .tit01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 24px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
 text-align: center;
}
.popup-type50 .pop-content > .txt01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 margin-top: 20px;
 font-size: 18px;
 line-height: 1.5;
 font-weight: 400;
 color: var(--font-color005);
 text-align: center;
}
.popup-type50 .btns-wrap03 {
 margin-top: 40px;
 gap: 8px;
}
.popup-type50 .btns-wrap03 .btn-type304 {
 height: 56px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type50 {
  width: 343px;
 }
 .popup-type50 .pop-content > .tit01 {
  font-size: 19px;
 }
 .popup-type50 .pop-content > .txt01 {
  margin-top: 16px;
  font-size: 16px;
 }
 .popup-type50 .btns-wrap03 {
  margin-top: 32px;
  gap: 8px;
 }
 .popup-type50 .btns-wrap03 .btn-type304 {
  height: 48px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type50 {
  width: calc(100% - 32px);
  max-width: 343px;
 }
 .popup-type50 .pop-content > .tit01 {
  font-size: 19px;
 }
 .popup-type50 .pop-content > .txt01 {
  margin-top: 16px;
  font-size: 16px;
 }
 .popup-type50 .btns-wrap03 {
  margin-top: 32px;
  gap: 8px;
 }
 .popup-type50 .btns-wrap03 .btn-type304 {
  height: 48px;
 }
}
/* ---- ##popup-type51 : [마이] 콘텐츠 사용 주의 ---- */
.popup-type51 {
 display: none;
 box-sizing: border-box;
 width: 100%;
 max-width: 520px;
 background-color: var(--ui-tag001);
 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.popup-type51.active {
 display: block;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.popup-type51 .pop-wrap {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding: 0 40px 40px 40px;
}
.popup-type51 .pop-wrap .pop-header {
 display: block;
 box-sizing: border-box;
 width: 100%;
 padding: 32px 0px;
}
.popup-type51 .pop-wrap .pop-header .tit01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 24px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
 text-align: center;
}
.popup-type51 .pop-wrap .pop-header .btn-type004.close01 {
 position: absolute;
 top: 6px;
 right: 6px;
 z-index: 1;
}
.popup-type51 .pop-wrap .pop-content {
 display: block;
 box-sizing: border-box;
 width: 100%;
 overflow-y: auto;
}
.popup-type51 .pop-wrap .pop-content > .txt01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 18px;
 line-height: 1.5;
 font-weight: 400;
 color: var(--font-color005);
}
.popup-type51 .pop-wrap .pop-content > .txt01 + .txt01 {
 margin-top: 24px;
}
.popup-type51 .pop-wrap .pop-content fieldset {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 margin-top: 24px;
 padding: 12px 16px;
 background-color: var(--ui-tag007);
}
.popup-type51 .pop-wrap .pop-content fieldset .ir-txt01 {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
}
.popup-type51
 .pop-wrap
 .pop-content
 fieldset
 .label-con-check02
 + .label-con-check02 {
 margin-top: 8px;
}
.popup-type51 .btns-wrap03 {
 margin-top: 40px;
 gap: 8px;
}
.popup-type51 .btns-wrap03 .btn-type304 {
 height: 64px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type51 {
  width: calc(100% - 32px);
  max-width: 343px;
  border-radius: 6px;
 }
 .popup-type51 .pop-wrap {
  padding: 0 20px 20px 20px;
 }
 .popup-type51 .pop-wrap .pop-header {
  padding: 20px 0 24px 0;
 }
 .popup-type51 .pop-wrap .pop-header .tit01 {
  font-size: 20px;
  text-align: left;
 }
 .popup-type51 .pop-wrap .pop-content > .txt01 {
  font-size: 14px;
 }
 .popup-type51 .btns-wrap03 {
  margin-top: 24px;
 }
 .popup-type51 .btns-wrap03 .btn-type304 {
  height: 48px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type51 {
  width: calc(100% - 32px);
  max-width: 343px;
  border-radius: 6px;
 }
 .popup-type51 .pop-wrap {
  padding: 0 20px 20px 20px;
 }
 .popup-type51 .pop-wrap .pop-header {
  padding: 20px 0 24px 0;
 }
 .popup-type51 .pop-wrap .pop-header .tit01 {
  font-size: 20px;
  text-align: left;
 }
 .popup-type51 .pop-wrap .pop-content > .txt01 {
  font-size: 14px;
 }
 .popup-type51 .btns-wrap03 {
  margin-top: 24px;
 }
 .popup-type51 .btns-wrap03 .btn-type304 {
  height: 48px;
 }
}

/* ---- ##popup-type52 : [마이] 위치정보활용 알림 팝업 ---- */
[class*="popup-type52"] {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 min-height: 122px;
 padding: 16px;
 border-radius: 2px;
}
[class*="popup-type52"] .img-con01 {
 position: absolute;
 top: 50%;
 right: 16px;
 z-index: 1;
 width: 60px;
 height: 60px;
 transform: translateY(-50%);
}
[class*="popup-type52"] .img-con01 .img {
 overflow: hidden;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 width: 100%;
 padding-top: 100%;
}
[class*="popup-type52"] .img-con01 .img:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 border: 1px solid rgba(0, 0, 0, 0.04);
}
[class*="popup-type52"] .img-con01 .img img {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 50%;
 z-index: 1;
 width: 100%;
 height: 100%;
 border: 0 none;
 vertical-align: top;
 transform: translateX(-50%);
 object-position: center top;
 object-fit: cover;
}
[class*="popup-type52"] .info-box01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 padding-right: 68px;
}
[class*="popup-type52"] .info-box01 .subtitle01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 12px;
 line-height: 1.5;
 font-weight: 500;
 color: var(--font-color009);
}
[class*="popup-type52"] .info-box01 .tit01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 16px;
 line-height: 1.5;
 font-weight: 600;
 color: var(--font-color001);
}
[class*="popup-type52"] .info-box01 .btn-type216 {
 margin-top: 4px;
}
[class*="popup-type52"] .btn-type039 {
 position: absolute;
 top: 6px;
 right: 6px;
 z-index: 1;
 padding: 10px;
}
.popup-type52 {
 background-color: var(--ui-tag030);
}
.popup-type52.style01 {
 background-color: var(--ui-tag061);
}
.popup-type52.style02 {
 background-color: var(--ui-tag043);
}
.popup-type52.style02 .img-con01 .img {
 border-radius: 60px;
}
.popup-type52.style02 .info-box01 .subtitle01 {
 color: var(--font-color006);
}
.popup-type52.style02 .info-box01 .tit01 {
 color: var(--font-color005);
}

/* ---- ##popup-type53 : [마이] 웹 푸시 알림 ---- */
.popup-type53 {
 display: none;
 position: fixed;
 right: 50%;
 bottom: 43px;
 box-sizing: border-box;
 width: 100%;
 max-width: 343px;
 margin-right: -600px;
 padding: 20px 20px 24px 20px;
 background-color: var(--ui-tag030);
}
.popup-type53.active {
 display: block;
}
.popup-type53 .btn-type040 {
 position: absolute;
 top: 20px;
 right: 20px;
 z-index: 1;
}
.popup-type53 .pop-content > .tit01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 18px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color001);
}
.popup-type53 .pop-content > .txt01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 margin-top: 8px;
 font-size: 15px;
 line-height: 1.5;
 font-weight: 500;
 color: var(--font-color001);
}
.popup-type53 .input-text01 {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 margin-top: 20px;
}
.popup-type53 .input-text01 .ir-txt01 {
 position: absolute;
 top: 0;
 left: 0;
 z-index: -10;
}
.popup-type53 .input-text01 input.text01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 height: 56px;
 padding: 16px;
 border: 1px solid var(--ui-tag001);
 border-radius: 2px;
 background-color: var(--font-color001);
 font-size: 15px;
 line-height: 1.5;
 font-weight: 500;
}
.popup-type53 .input-text01 input.text01:focus {
 border: 1px solid var(--ui-tag001);
}
.popup-type53 .list01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 margin-top: 12px;
}
.popup-type53 .list01 > li {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding-left: 6px;
 font-size: 14px;
 line-height: 1.5;
 font-weight: 400;
 color: var(--font-color001);
}
.popup-type53 .list01 > li::after {
 content: "";
 display: block;
 position: absolute;
 top: 10px;
 left: 0;
 z-index: 10;
 width: 2px;
 height: 2px;
 border-radius: 2px;
 background-color: var(--font-color001);
}
.popup-type53 .list01 > li + li {
 margin-top: 4px;
}
.popup-type53 .btns-wrap03 {
 display: flex;
 position: static;
}
.popup-type53 .btn-type304 {
 display: none;
 margin-top: 24px;
}
.popup-type53 .btn-type304.style03 {
 display: flex;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .popup-type53 {
  margin-right: -490px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type53 {
  left: 0;
  right: auto;
  bottom: 0;
  z-index: 510;
  width: 100%;
  max-width: 100%;
  height: 340px;
  max-height: 100vh;
  margin-right: 0;
  background-color: var(--ui-tag001);
  overflow-y: auto;
 }
 .popup-type53 .pop-content > .tit01 {
  color: var(--font-color021);
  text-align: center;
 }
 .popup-type53 .pop-content > .txt01 {
  color: var(--font-color004);
  text-align: center;
 }
 .popup-type53 .input-text01,
 .popup-type53 .list01 {
  max-width: 408px;
  margin: 16px auto 0;
 }
 .popup-type53 .input-text01 {
  margin-top: 24px;
 }
 .popup-type53 .list01 > li {
  color: var(--font-color002);
 }
 .popup-type53 .list01 > li::after {
  background-color: var(--ui-tag010);
 }
 .popup-type53 .input-text01 input.text01 {
  border-color: var(--ui-tag030) !important;
 }
 /* 팝업버튼 */
 .popup-type53 .btns-wrap03 {
  column-gap: 8px;
  max-width: 720px;
  margin: 0 auto;
 }
 .popup-type53 .btn-type304 {
  display: flex !important;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type53 {
  left: 0;
  right: auto;
  bottom: 0;
  z-index: 510;
  width: 100%;
  max-width: 100%;
  height: 340px;
  max-height: 100vh;
  margin-right: 0;
  background-color: var(--ui-tag001);
  overflow-y: auto;
 }
 .popup-type53 .pop-content > .tit01 {
  color: var(--font-color021);
  text-align: center;
 }
 .popup-type53 .pop-content > .txt01 {
  color: var(--font-color004);
  text-align: center;
 }
 .popup-type53 .input-text01,
 .popup-type53 .list01 {
  max-width: 408px;
  margin: 16px auto 0;
 }
 .popup-type53 .input-text01 {
  margin-top: 24px;
 }
 .popup-type53 .list01 > li {
  color: var(--font-color002);
 }
 .popup-type53 .list01 > li::after {
  background-color: var(--ui-tag010);
 }
 .popup-type53 .input-text01 input.text01 {
  border-color: var(--ui-tag030) !important;
 }
 /* 팝업버튼 */
 .popup-type53 .btn-type304.style02 {
  display: none;
 }
 .popup-type53 .btns-wrap03 {
  column-gap: 8px;
 }
 .popup-type53 .btn-type304 {
  display: flex !important;
 }
}
@media (orientation: landscape) and (max-height: 500px) {
 .popup-type53 {
  height: 100vh;
  height: -webkit-fill-available;
  height: fill-available;
  max-height: auto;
 }
}

/* ---- ##popup-type54 : [마이] Y스코어 혜택 받기 ---- */
.popup-type54 {
 display: none;
 box-sizing: border-box;
 width: 100%;
 max-width: 520px;
 background-color: var(--ui-tag001);
 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.popup-type54.active {
 display: block;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.popup-type54 .pop-wrap {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding: 0 40px 40px 40px;
}
.popup-type54 .pop-wrap .pop-header {
 display: block;
 box-sizing: border-box;
 width: 100%;
 padding: 32px 0px;
}
.popup-type54 .pop-wrap .pop-header .tit01 {
 overflow: hidden;
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 24px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
 text-align: center;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.popup-type54 .pop-wrap .pop-header .btn-type004.close01 {
 position: absolute;
 top: 6px;
 right: 6px;
 z-index: 1;
}
.popup-type54 .pop-wrap .pop-content {
 display: block;
 box-sizing: border-box;
 width: 100%;
 overflow-y: auto;
}
.popup-type54 .pop-wrap .pop-content .img-con01 {
 position: relative;
 box-sizing: border-box;
 width: 100%;
}
.popup-type54 .pop-wrap .pop-content .img-con01 .img {
 overflow: hidden;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 width: 100%;
 padding-top: 66.67%;
}
.popup-type54 .pop-wrap .pop-content .img-con01 .img::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 border: 1px solid rgba(0, 0, 0, 0.04);
}
.popup-type54 .pop-wrap .pop-content .img-con01 .img img {
 display: inline-block;
 position: absolute;
 top: 0;
 left: 50%;
 z-index: 1;
 width: 100%;
 height: 100%;
 border: 0 none;
 vertical-align: top;
 transform: translateX(-50%);
 object-position: center top;
 object-fit: cover;
}
.popup-type54 .pop-wrap .pop-content > .tit01 {
 overflow: hidden;
 display: block;
 box-sizing: border-box;
 width: 100%;
 margin-top: 20px;
 font-size: 22px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
 white-space: nowrap;
 text-overflow: ellipsis;
}
.popup-type54 .pop-wrap .pop-content .txt-type003 {
 overflow: hidden;
 display: -webkit-box;
 margin-top: 8px;
 font-size: 18px;
 font-weight: 400;
 color: var(--font-color005);
 text-overflow: ellipsis;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.popup-type54 .pop-wrap .pop-content .txt-type003 .txt01 {
 font-size: 18px;
 line-height: 21px;
 font-weight: 700;
}
.popup-type54 .pop-wrap .pop-content > .txt-time {
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
 width: 100%;
 margin-top: 8px;
 font-size: 14px;
 line-height: 21px;
 font-weight: 500;
 color: var(--font-color004);
 gap: 4px;
}
.popup-type54 .pop-wrap .pop-content > .txt-time::before {
 content: "기간 : ";
 display: block;
 font-size: 14px;
 line-height: 21px;
 font-weight: 500;
 color: var(--font-color004);
}
.popup-type54 .btns-wrap03 {
 margin-top: 40px;
 gap: 8px;
}
.popup-type54 .btns-wrap03 .btn-type304 {
 height: 64px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type54 {
  width: 100%;
  max-width: none;
 }
 .popup-type54 .pop-wrap {
  padding: 0 24px 24px 24px;
 }
 .popup-type54 .pop-wrap .pop-content .img-con01 {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
 }
 .popup-type54 .pop-wrap .pop-content > .tit01 {
  max-width: 440px;
  margin: 20px auto 0;
 }
 .popup-type54 .pop-wrap .pop-content .txt-type003 {
  display: block;
  max-width: 440px;
  margin: 8px auto 0 auto;
 }
 .popup-type54 .pop-wrap .pop-content > .txt-time {
  max-width: 440px;
  margin: 8px auto 0;
 }
 .popup-type54 .btns-wrap03 .btn-type304 {
  height: 60px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type54 {
  width: 100%;
  max-width: none;
 }
 .popup-type54 .pop-wrap {
  padding: 0 16px 16px 16px;
 }
 .popup-type54 .pop-wrap .pop-content .img-con01 {
  width: 100%;
 }
 .popup-type54 .pop-wrap .pop-content > .tit01 {
  margin-top: 24px;
  font-size: 18px;
 }
 .popup-type54 .pop-wrap .pop-content .txt-type003 {
  margin-top: 8px;
  font-size: 16px;
 }
 .popup-type54 .pop-wrap .pop-content .txt-type003 .txt01 {
  font-size: 16px;
 }
 .popup-type54 .pop-wrap .pop-content > .txt-time {
  margin-top: 8px;
  font-size: 13px;
 }
 .popup-type54 .btns-wrap03 .btn-type304 {
  height: 60px;
 }
 .popup-type54 .pop-wrap .pop-header .tit01 {
  font-size: 20px;
 }
 .popup-type54 .pop-wrap .pop-header {
  padding: 24px 0 16px 0;
 }
}
/* ---- ##popup-type55 : [마이] 쿠폰바코드 팝업---- */
.popup-type55 {
 overflow: hidden;
 display: block;
 box-sizing: border-box;
 width: calc(100% - 32px);
 max-width: 343px;
 border-radius: 6px;
 background-color: var(--ui-tag001);
 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.popup-type55 .pop-wrap {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding: 32px 0px 0px 0px;
}
.popup-type55 .pop-wrap .pop-content {
 display: block;
 box-sizing: border-box;
 width: 100%;
}
.popup-type55 .pop-wrap .pop-content .info-box01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 padding: 0 20px;
}
.popup-type55 .pop-wrap .pop-content .coupon-box01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 height: 200px;
}
.popup-type55 .pop-wrap .pop-content .btn-type304.style01 {
 margin-top: 32px;
}
.popup-type55 .pop-wrap .pop-content .info-box02 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 margin-top: 30px;
 padding: 12px 20px 24px 20px;
 background-color: var(--ui-tag007);
}
.popup-type55 .pop-wrap .pop-content .info-box02 .list01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 margin-top: 8px;
}
.popup-type55 .pop-wrap .pop-content .info-box02 .list01 > li {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 padding-left: 7px;
 font-size: 12px;
 line-height: 1.5;
 font-weight: 400;
 color: var(--font-color004);
}
.popup-type55 .pop-wrap .pop-content .info-box02 .list01 > li + li {
 margin-top: 12px;
}
.popup-type55 .pop-wrap .pop-content .info-box02 .list01 > li::after {
 content: "";
 display: block;
 position: absolute;
 top: 7px;
 left: 0;
 z-index: 1;
 width: 3px;
 height: 3px;
 border-radius: 3px;
 background-color: var(--font-color004);
}

/* ---- ##popup-type56 : [마이] 스코어적립내역 ---- */
.popup-type56.active {
 display: block;
 z-index: 500;
 box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}
.popup-type56 {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 box-sizing: border-box;
 width: 640px;
 max-width: 640px;
 background-color: var(--ui-tag001);
 transform: translate(-50%, -50%);
}
.popup-type56 .pop-wrap {
 display: block;
 position: relative;
 box-sizing: border-box;
 width: 100%;
 max-height: 1593px;
 padding: 0 30px 40px 30px;
}
.popup-type56 .pop-wrap .pop-header {
 display: block;
 box-sizing: border-box;
 width: 100%;
 padding: 32px 0px;
}
.popup-type56 .pop-wrap .pop-header .tit01 {
 display: block;
 box-sizing: border-box;
 width: 100%;
 font-size: 24px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
 text-align: center;
}
.popup-type56 .pop-wrap .pop-header .btn-type004.close01 {
 position: absolute;
 top: 6px;
 right: 6px;
 z-index: 1;
}
.popup-type56 .pop-wrap .pop-content {
 display: block;
 box-sizing: border-box;
 width: 100%;
 height: calc(100vh - 220px);
 padding: 0 10px;
 overflow-x: hidden;
 overflow-y: auto;
}
.popup-type56 .pop-wrap .pop-content::-webkit-scrollbar {
 width: 4px;
 background-color: var(--ui-tag001);
}
.popup-type56 .pop-wrap .pop-content::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background-color: var(--ui-tag005);
}
.popup-type56 .pop-wrap .pop-content .list-text523 {
 margin-top: 40px;
}
.popup-type56 .paging-type01 {
 margin: 40px 0;
}
.popup-type56 .tooltip-type02 .tlp-content {
 border-radius: 0;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type56 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  max-width: none;
  height: 100%;
  transform: none;
 }
 .popup-type56 .pop-wrap .pop-header .tit01 {
  font-size: 17px;
 }
 .popup-type56 .pop-wrap .pop-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
  border-bottom: 1px solid var(--ui-tag005);
 }
 .popup-type56 .pop-wrap .pop-header .btn-type004.close01 {
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 0;
 }
 .popup-type56 .pop-wrap {
  padding: 0;
 }
 .popup-type56 .pop-wrap .pop-content {
  height: calc(100vh - 50px);
  padding: 40px 16px;
 }
 .popup-type56 .list-text541 {
  margin-bottom: 50px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-type56 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  max-width: none;
  height: 100%;
  transform: none;
 }
 .popup-type56 .pop-wrap .pop-header .tit01 {
  font-size: 17px;
 }
 .popup-type56 .pop-wrap .pop-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0;
  border-bottom: 1px solid var(--ui-tag005);
 }
 .popup-type56 .pop-wrap .pop-header .btn-type004.close01 {
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 0;
 }
 .popup-type56 .pop-wrap {
  padding: 0;
 }
 .popup-type56 .pop-wrap .pop-content {
  height: calc(100vh - 50px);
  padding: 40px 16px;
 }
 .popup-type56 .list-text541 {
  margin-bottom: 50px;
 }
}
/* ---- ##popup-type60 : 모바일 로그인 유도 혜택안내 ---- */
.popup-type60 {
 display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-type60.active {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 500;
  width: 100%;
  border-radius: 2px 2px 0 0;
 }
}
@media only screen and (max-width: 767px) {
 .popup-type60.active {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 500;
  width: 100%;
  border-radius: 2px 2px 0 0;
 }
}
/* ---- ##popup-type8$ : 웹푸시 : 하단 노출 형태 ---- */
[class*="popup-type8"] {
 display: none;
 justify-content: center;
 align-items: center;
 position: fixed;
 right: 50%;
 bottom: 43px;
 width: 100%;
 max-width: 311px;
 margin-right: -600px;
 padding: 12px;
 border-radius: 2px;
 background-color: var(--ui-tag040);
}
[class*="popup-type8"].active {
 display: block;
 z-index: 600;
}
[class*="popup-type8"] .txt01 {
 line-height: 1.5;
 font-weight: 500;
 color: var(--font-color001);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="popup-type8"] {
  margin-right: -490px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="popup-type8"] {
  left: 50%;
  right: auto;
  bottom: 40px;
  z-index: 510;
  width: 100%;
  max-width: 343px;
  margin-right: 0;
  transform: translateX(-50%);
 }
 [class*="popup-type8"] .pop-content {
  text-align: center;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="popup-type8"] {
  left: 50%;
  right: auto;
  bottom: 40px;
  z-index: 510;
  width: calc(100% - 32px);
  max-width: 343px;
  margin-right: 0;
  transform: translateX(-50%);
 }
 [class*="popup-type8"] .pop-content {
  text-align: center;
 }
}

/* ---- ##popup-type80 : 웹푸시 : 기본 텍스트 타입 ---- */
.popup-type80 .txt01 {
 font-size: 15px;
}

/* ---- ##popup-type81 : 웹푸시 : 로그인 유도 ---- */
.popup-type81 .txt01 {
 font-size: 16px;
}

/* =============== ####그외 팝업 (popup) ======================== */
/* ---- ##메뉴 레이어01 : popup-whole-home01 ---- */
.popup-whole-home01 {
 opacity: 0;
 position: absolute;
 top: -100vh;
 right: 0;
 z-index: -1;
 width: 100%;
 height: 0;
 padding-top: 20px; /*box-sizing:border-box;*/
}
.popup-whole-home01.active {
 opacity: 1;
 top: 62px;
 z-index: 300;
 height: 740px;
 max-height: calc(100vh - 82px);
 overflow-y: auto;
 background-color: var(--ui-tag001);
 box-shadow: 0 15px 23px -10px rgba(0, 0, 0, 0.4);
}
.popup-whole-home01.active::-webkit-scrollbar {
 width: 1px;
}
.popup-whole-home01.active::-webkit-scrollbar-thumb {
 background-color: #666;
}
.popup-whole-home01 .pop-header {
 display: none;
 justify-content: flex-end;
 align-items: center;
 position: relative;
 height: 50px;
 padding: 0 14px;
}
.popup-whole-home01 .pop-header .logo-yna02 {
 position: absolute;
 top: 50%;
 left: 24px;
 transform: translateY(-50%);
}
.popup-whole-home01 .pop-content {
 width: 1200px;
 margin: 0 auto;
}
.popup-whole-home01 .ico-type08-new01 {
 top: 1px;
 left: 2px;
}
/* layer : 기타 메뉴 */
.popup-whole-home01 .nav-other01 {
 justify-content: space-between;
}
.popup-whole-home01 .nav-menu11 .theme,
.popup-whole-home01 .nav-menu11 .lang,
.popup-whole-home01 .nav-menu11 .product,
.popup-whole-home01 .nav-menu11 .advertisement,
.popup-whole-home01 .nav-menu11 .sales,
.popup-whole-home01 .nav-menu11 .publication,
.popup-whole-home01 .nav-menu11 .service {
 display: none;
}
.popup-whole-home01 .nav-menu11 {
 display: flex;
 flex-direction: column;
 width: 50%;
}
.popup-whole-home01 .nav-menu11 > li {
 display: flex;
 width: 100%;
 height: 23px;
 margin-bottom: 16px;
}
.popup-whole-home01 .nav-menu11 > li > a {
 flex-shrink: 0;
 width: 80px;
}
.popup-whole-home01 .nav-menu11 > li .menu01 {
 display: flex;
 flex-direction: row;
 align-items: center;
 width: 100%;
}
.popup-whole-home01 .nav-menu11 > li .menu01 > li {
 margin-left: 24px;
}
.popup-whole-home01 .nav-menu11 > li .menu01 > li > a {
 margin-top: 0;
}
.popup-whole-home01 .nav-menu12 {
 flex-wrap: wrap;
 flex-direction: column;
 column-count: 5;
 width: 500px;
 max-height: 88px;
 margin-right: 20px;
}
.popup-whole-home01 .nav-menu12 li {
 break-inside: avoid;
 width: 100px;
}
.popup-whole-home01 .nav-menu13 {
 display: none;
}
/* layer : SNS */
.popup-whole-home01 .nav-menu63 {
 display: none;
}
/* 기타 공통 */
.popup-whole-home01 .nav-major01 .tit-nav01 {
 overflow: hidden;
 position: absolute;
 font-size: 1px;
 line-height: 1px;
 color: transparent;
 white-space: nowrap;
}
.popup-whole-home01 .nav-other01 {
 display: flex;
 width: 1200px;
 margin: 0 auto;
 padding-top: 24px;
 border-top: 1px solid var(--ui-tag005);
}
.popup-whole-home01 .nav-other01 button.hide01 {
} /* 접근성 때문에 개발에서 추가한 숨김버튼 */
/* 스크롤시 변형 */
/*body.page-main.body-sticky .popup-whole-home01.active,
body.page-visual.body-sticky .popup-whole-home01.active*/
body.body-sticky .popup-whole-home01.active {
 position: fixed;
 top: 62px !important;
 max-height: calc(100vh - 82px) !important;
}
body.body-news-sub .popup-whole-home01,
body.body-my-sub .popup-whole-home01,
body.body-news-list .popup-whole-home01,
body.body-view-news01 .popup-whole-home01 {
 position: fixed !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .popup-whole-home01.active {
  height: 780px;
 }
 .popup-whole-home01 .pop-content,
	/* layer : 기타 메뉴 */
	.popup-whole-home01 .nav-other01 {
  width: 980px;
  margin: 0 auto;
 }
 .popup-whole-home01 .nav-menu12 {
  width: 660px;
  margin-right: 0;
 }
 .popup-whole-home01 .nav-menu12 li {
  width: 98px;
 }
 .popup-whole-home01 .nav-menu12 li.games {
  width: 100px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 html.ios .popup-whole-home01.active {
  overscroll-behavior: none; /*padding-bottom:60px;*/
 }
 body.body-sticky .popup-whole-home01.active {
  top: 0 !important;
  max-height: 100vh !important;
 }
 /* 레이어 - gnb-layer */
 .popup-whole-home01 {
  position: fixed;
  top: 0 !important;
  right: -100%;
  z-index: 400;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  max-height: 100vh !important;
  padding-top: 50px !important;
  background-color: #fff;
  -webkit-transition:
   all 0.2s,
   z-index 0.2s;
  transition:
   all 0.2s,
   z-index 0.2s;
 }
 .popup-whole-home01.active {
  overflow: hidden;
  top: 0 !important;
  right: 0;
  z-index: 600;
  height: 100vh;
  overflow-y: scroll;
  padding-top: 50px !important;
 }
 .popup-whole-home01 .pop-header {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  width: 100%;
  background-color: var(--ui-tag001);
 }
 .popup-whole-home01.active .pop-header {
  position: fixed;
  z-index: 600;
 }
 .popup-whole-home01 .pop-header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .popup-whole-home01 .pop-content {
  box-sizing: border-box;
  width: 100%; /*padding:0 24px;*/
 }
 .popup-whole-home01 [class*="nav-menu"] {
  flex-direction: row !important;
  position: relative;
  flex-wrap: wrap;
 }
 .popup-whole-home01 [class*="nav-menu"] [class*="btn-type009"] {
  display: none !important;
 }
 .popup-whole-home01 [class*="nav-menu"] > li > a {
  padding-left: 0;
 }
 .popup-whole-home01 [class*="nav-menu"] .menu01 {
  padding: 0;
 }
 .popup-whole-home01 [class*="nav-menu"] .menu01 > li > a {
  padding: 0;
 }
 /* layer : 메인 메뉴 */
 .popup-whole-home01 .nav-major01 {
  padding: 16px 24px;
 }
 .popup-whole-home01 .nav-major01 .tit-nav01 {
  overflow: hidden;
  display: none;
  position: static;
  padding: 8px 0 10px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--font-color006);
  white-space: nowrap; /*display:block;*/
 }
 .popup-whole-home01 .nav-menu01 > li {
  width: 50%;
  border-bottom: none;
 }
 .popup-whole-home01 .nav-menu01 > li > a {
  padding: 10px 0;
 }
 .popup-whole-home01 .nav-menu01 > li > a.on {
  color: var(--font-color021);
 }
 /* layer : 기타 메뉴 */
 .popup-whole-home01 .nav-other01 {
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  border-top: none;
 }
 .popup-whole-home01 .nav-other01 button.hide01 {
  display: none;
 } /* 접근성 때문에 개발에서 추가한 숨김버튼 */
 .popup-whole-home01 .nav-menu11:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .popup-whole-home01 .nav-menu11 .menu01 {
  height: auto;
 }
 .popup-whole-home01 .nav-menu11 > li {
  flex-direction: column;
  height: auto;
  margin-bottom: 0;
  padding: 16px 0;
 }
 .popup-whole-home01 .nav-menu11 .theme {
  display: block;
 }
 .popup-whole-home01 .nav-menu11 .lang {
  display: block;
  border-color: var(--ui-tag003);
 }
 .popup-whole-home01 .nav-menu11 > li > a,
 .popup-whole-home01 .nav-menu11 > li > strong {
  box-sizing: initial;
  height: 20px;
  padding: 8px 0 10px;
  font-size: 13px;
  color: var(--font-color006);
 }
 .popup-whole-home01 .nav-menu11 > li > a.on {
  color: var(--font-color021);
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 {
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 100%;
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 > li {
  flex-shrink: 0;
  margin: 0;
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 > li > a {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--font-color003);
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 > li > a.on {
  color: var(--font-color021);
 }
 .popup-whole-home01 .nav-menu12 {
  flex-wrap: wrap;
  padding: 10px 0 78px;
 }
 .popup-whole-home01 .nav-menu12 li {
  flex-shrink: 0;
  width: 50%;
  border-bottom: none;
 }
 .popup-whole-home01 .nav-menu12 li > a {
  padding: 10px 0;
 }
 .popup-whole-home01 .nav-menu12 li > a.on {
  color: var(--font-color021);
 }
 .popup-whole-home01 .nav-menu12 li.product,
 .popup-whole-home01 .nav-menu12 li.sales {
  display: none;
 }
 /* layer : SNS */
 .popup-whole-home01 .nav-menu63 {
  display: flex;
  justify-content: center;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  margin-left: -24px;
  padding: 40px 0;
  background-color: var(--ui-tag007);
 }
 .popup-whole-home01 .nav-menu63 .tit {
  overflow: hidden;
  position: absolute;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
  white-space: nowrap;
 }
 .popup-whole-home01 .nav-menu63 .txt01 {
  padding-bottom: 24px;
 }
 /* 스크롤시 변형 */
 body.body-sticky .popup-whole-home01 {
  top: 0 !important;
  padding-top: 0;
 }
 body.page-main.body-sticky .popup-whole-home01.active {
  top: 0 !important;
 }
}
/* 중형/소형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
 /* 2025-05-16 : 대선2025 메뉴 추가 */
 .popup-whole-home01 .nav-menu01 > li.election2025 {
  display: inline-block;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 html.ios .popup-whole-home01.active {
  overscroll-behavior: none; /*padding-bottom:60px;*/
 }
 body.body-sticky .popup-whole-home01.active {
  top: 0 !important;
  max-height: 100vh !important;
 }
 /* 레이어 - gnb-layer */
 .popup-whole-home01 {
  position: fixed;
  top: 0 !important;
  right: -100%;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  max-height: 100vh !important;
  padding-top: 50px !important;
  background-color: #fff;
  -webkit-transition:
   all 0.2s,
   z-index 0.2s;
  transition:
   all 0.2s,
   z-index 0.2s;
 }
 .popup-whole-home01.active {
  overflow: hidden;
  top: 0 !important;
  right: 0;
  z-index: 600;
  height: 100%;
  height: 100dvh;
  overflow-y: scroll;
  padding-top: 50px !important;
 }
 .popup-whole-home01 .pop-header {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  width: 100%;
  background-color: var(--ui-tag001);
 }
 .popup-whole-home01.active .pop-header {
  position: fixed;
  z-index: 600;
 }
 .popup-whole-home01 .pop-header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .popup-whole-home01 .pop-content {
  box-sizing: border-box;
  width: 100%; /*padding:0 24px;*/
 }
 .popup-whole-home01 [class*="nav-menu"] {
  flex-direction: row !important;
  position: relative;
  flex-wrap: wrap;
 }
 .popup-whole-home01 [class*="nav-menu"] [class*="btn-type009"] {
  display: none !important;
 }
 .popup-whole-home01 [class*="nav-menu"] > li > a {
  padding-left: 0;
 }
 .popup-whole-home01 [class*="nav-menu"] .menu01 {
  padding: 0;
 }
 .popup-whole-home01 [class*="nav-menu"] .menu01 > li > a {
  padding: 0;
 }
 /* layer : 메인 메뉴 */
 .popup-whole-home01 .nav-major01 {
  padding: 16px 20px;
 }
 .popup-whole-home01 .nav-major01 .tit-nav01 {
  overflow: hidden;
  display: none;
  position: static;
  padding: 8px 0 10px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--font-color006);
  white-space: nowrap; /*display:block;*/
 }
 .popup-whole-home01 .nav-menu01 > li {
  width: 50%;
  border-bottom: none;
 }
 .popup-whole-home01 .nav-menu01 > li > a {
  padding: 10px 0;
 }
 .popup-whole-home01 .nav-menu01 > li > a.on {
  color: var(--font-color021);
 }
 /* layer : 기타 메뉴 */
 .popup-whole-home01 .nav-other01 {
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
  border-top: none;
 }
 .popup-whole-home01 .nav-other01 button.hide01 {
  display: none;
 } /* 접근성 때문에 개발에서 추가한 숨김버튼 */
 .popup-whole-home01 .nav-menu11:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .popup-whole-home01 .nav-menu11 .menu01 {
  height: auto;
 }
 .popup-whole-home01 .nav-menu11 > li {
  flex-direction: column;
  height: auto;
  margin-bottom: 0;
  padding: 16px 0;
 }
 .popup-whole-home01 .nav-menu11 .theme {
  display: block;
 }
 .popup-whole-home01 .nav-menu11 .lang {
  display: block;
  border-color: var(--ui-tag003);
 }
 .popup-whole-home01 .nav-menu11 > li > a,
 .popup-whole-home01 .nav-menu11 > li > strong {
  box-sizing: initial;
  height: 20px;
  padding: 8px 0 10px;
  font-size: 13px;
  color: var(--font-color006);
 }
 .popup-whole-home01 .nav-menu11 > li > a.on {
  color: var(--font-color021) !important;
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 {
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 100%;
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 > li {
  flex-shrink: 0;
  margin: 0;
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 > li > a {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--font-color003);
 }
 .popup-whole-home01 .nav-menu11 > li .menu01 > li > a.on {
  color: var(--font-color021);
 }
 .popup-whole-home01 .nav-menu12 {
  flex-wrap: wrap;
  padding: 10px 0 78px;
 }
 .popup-whole-home01 .nav-menu12 li {
  flex-shrink: 0;
  width: 50%;
  border-bottom: none;
 }
 .popup-whole-home01 .nav-menu12 li > a {
  padding: 10px 0;
 }
 .popup-whole-home01 .nav-menu12 li > a.on {
  color: var(--font-color021);
 }
 .popup-whole-home01 .nav-menu12 li.product,
 .popup-whole-home01 .nav-menu12 li.sales {
  display: none;
 }
 /* layer : SNS */
 .popup-whole-home01 .nav-menu63 {
  display: flex;
  justify-content: center;
  position: static;
  top: auto;
  left: auto;
  width: 100%; /*margin-left:-24px;*/
  padding: 40px 0;
  background-color: var(--ui-tag007);
 }
 .popup-whole-home01 .nav-menu63 .tit {
  overflow: hidden;
  position: absolute;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
  white-space: nowrap;
 }
 .popup-whole-home01 .nav-menu63 .txt01 {
  padding-bottom: 24px;
 }
 /* 스크롤시 변형 */
 body.body-sticky .popup-whole-home01 {
  top: 0 !important;
  padding-top: 0;
 }
 body.page-main.body-sticky .popup-whole-home01.active {
  top: 0 !important;
 }
}

/* ---- ##ticker-area 레이어 : popup-ticker-latest ---- */
.popup-ticker-latest {
 opacity: 0;
 position: fixed;
 top: -100vh;
 left: 0;
 z-index: 1;
 width: 100%;
 height: 0;
 background-color: var(--ui-tag011);
 transition: all 0.3s ease-in-out;
}
.popup-ticker-latest.show {
 opacity: 1;
 top: 0;
 z-index: 500;
 height: auto;
}
.popup-ticker-latest .pop-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 box-sizing: border-box;
 width: 1200px;
 height: 80px;
 margin: 0 auto;
}
.popup-ticker-latest .pop-header .area,
.popup-ticker-latest .pop-header .btn-type004.close01 {
 display: none;
}
.popup-ticker-latest .pop-content {
 display: flex;
 justify-content: space-between;
 flex-direction: column;
 align-items: center;
 box-sizing: border-box;
 width: 1200px;
 height: 300px;
 margin: 0 auto;
 padding: 0 140px 4px;
}
.popup-ticker-latest .fixed-area .item-box01 {
 margin-top: 20px;
 padding: 25px 0;
 border-top: 1px solid var(--ui-tag004);
}
.popup-ticker-latest a {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .popup-ticker-latest .pop-header {
  box-sizing: border-box;
  max-width: 1024px;
  padding: 0 22px;
 }
 .popup-ticker-latest .btn-type005.open01 {
  right: 0;
 }
 .popup-ticker-latest .pop-content {
  max-width: 1024px;
  padding: 0 52px 4px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-ticker-latest .logo-yna04,
 .popup-ticker-latest .btn-type005.open01 {
  display: none;
 }
 .popup-ticker-latest .pop-header {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 24px;
 }
 .popup-ticker-latest .pop-header .btn-type004.close01 {
  display: block;
  position: absolute;
  top: 3px;
  right: 14px;
 }
 .popup-ticker-latest .pop-header .area {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-end;
 }
 .popup-ticker-latest .pop-header .area .tit01 {
  font-size: 17px;
  font-weight: 600;
  color: var(--font-color003);
 }
 .popup-ticker-latest .pop-header .area .txt-mes {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--font-color003);
 }
 .popup-ticker-latest .pop-content {
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 24px 20px;
  flex-flow: column-reverse;
  flex-wrap: wrap;
 }
 .popup-ticker-latest .fixed-area [class*="item-box0"] {
  margin-top: 0;
  padding: 16px 0 25px;
  border-top: 0;
  border-bottom: 1px solid var(--ui-tag004);
 }
 .popup-ticker-latest.show {
  overflow: hidden;
  box-sizing: border-box;
  height: 100vh;
  padding-top: 50px;
  overflow-y: auto;
 }
 .popup-ticker-latest.show .pop-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background-color: var(--ui-tag011);
 }
 .popup-ticker-latest.show .list-type099 .swiper-wrapper {
  display: block;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 /* 속보 팝업 헤더 */
 .popup-ticker-latest .logo-yna04,
 .popup-ticker-latest .btn-type005.open01 {
  display: none;
 }
 .popup-ticker-latest .pop-header {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 24px;
 }
 .popup-ticker-latest .pop-header .btn-type004.close01 {
  display: block;
  position: absolute;
  top: 3px;
  right: 14px;
 }
 .popup-ticker-latest .pop-header .area {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-end;
 }
 .popup-ticker-latest .pop-header .area .tit01 {
  font-size: 17px;
  font-weight: 600;
  color: var(--font-color003);
 }
 .popup-ticker-latest .pop-header .area .txt-mes {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--font-color003);
 }
 .popup-ticker-latest .pop-content {
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 24px 20px;
  flex-flow: column-reverse;
  flex-wrap: wrap;
 }
 .popup-ticker-latest .fixed-area [class*="item-box0"] {
  margin-top: 0;
  padding: 16px 0 25px;
  border-top: 0;
  border-bottom: 1px solid var(--ui-tag004);
 }
 .popup-ticker-latest.show {
  overflow: hidden;
  box-sizing: border-box;
  height: 100vh;
  padding-top: 50px;
  overflow-y: auto;
 }
 .popup-ticker-latest.show .pop-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background-color: var(--ui-tag011);
 }
 .popup-ticker-latest.show .list-type099 .swiper-wrapper {
  display: block;
 }
}
/* ---- ##검색 팝업 : 검색 공통 : popup-search0$ ---- */
[class*="popup-search0"] {
 display: none;
 z-index: -1;
 background-color: var(--ui-tag001);
}
[class*="popup-search0"].active {
 display: block;
 z-index: 230;
}
/* ---- ##검색 입력 레이어01 : popup-search01 ---- */
.popup-search01 {
 position: absolute;
 top: 62px;
 left: 0;
 width: 100%; /*height:calc(100vh - 260px);*/
 max-height: 690px;
 box-shadow: 0px 11px 12px 0px rgba(0, 0, 0, 0.1);
}
.popup-search01 .btn-type004.close01 {
 display: none;
 position: absolute;
 top: 3px;
 right: 6px;
}
.popup-search01 .search-type01 .input01 {
 border-color: var(--ui-tag003) !important;
}
.popup-search01 .search-type01.active .input01 {
 border-color: var(--ui-tag030) !important;
}
/*body.search-open{overflow:hidden;}*/
body.search-open .mask-type02 {
 z-index: 500 !important;
}
body.body-sticky .popup-search01 {
 position: fixed;
 top: 62px !important;
}
body.page-main .popup-search01 {
 top: 200px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-search01,
 body.body-sticky .popup-search01 {
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 500 !important;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  height: fill-available;
  max-height: 100vh;
  padding: 0 16px;
  overflow-y: auto;
 }
 .popup-search01 .search-zone01 {
  padding-top: 24px;
 }
 .popup-search01 .btn-type004.close01 {
  display: block;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-search01,
 body.body-sticky .popup-search01 {
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 500 !important;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  height: fill-available;
  max-height: 100vh;
  padding: 0 16px;
  overflow-y: auto;
 }
 .popup-search01 .search-zone01 {
  padding-top: 24px;
 }
 .popup-search01 .btn-type004.close01 {
  display: block;
 }
}
/* ---- ##검색 필터 레이어02 : popup-search02 ---- */
.popup-search02 {
 position: fixed;
 top: 50%;
 left: 50%;
 width: 100%;
 max-width: 520px;
 max-height: calc(100vh - 40px);
 transform: translate(-50%, -50%);
 overflow-y: auto;
}
.popup-search02 .search-wrap01 {
 overflow-y: auto;
}
.popup-search02 .search-wrap01 .inner {
 min-height: 505px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .popup-search02 {
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  transform: none;
 }
 .popup-search02 .search-wrap01 {
  overflow: hidden;
  width: 100%;
  height: 100vh;
 }
}
@media only screen and (max-width: 767px) {
 /*.popup-search02{left:0;top:0;transform:none;height:100vh;width:100vw;max-height:100vh;max-width:100vw;}*/
 .popup-search02 {
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  transform: none;
 }
 .popup-search02 .search-wrap01 {
  overflow: hidden;
  width: 100%;
  height: 100vh;
 }
}

/* ---- ##.tooltip-type01.pop-fontsize01 : 폰트크기 설정 ---- */
.pop-fontsize01 {
 top: 0;
 left: 0;
}
.pop-fontsize01 .btn-type003 {
 margin-left: 20px;
}
.pop-fontsize01 .btn-type003:first-of-type {
 margin-left: 0;
}
.pop-share01 .list01 {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 margin-top: -24px;
}
.pop-share01 .btn-type101 {
 flex-shrink: 0;
 width: 33.3%;
 margin-top: 24px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
}

/* ---- ##popup-print01 : 인쇄화면 팝업 ---- */
.popup-print01 {
 padding-bottom: 220px;
}
.popup-print01 .story-news > p,
.popup-print01 .story-news > span,
.popup-print01 .story-news .social-group {
 margin: 0 0 32px 0;
}
.popup-print01 .story-news:before {
 display: none !important;
}
.popup-print01 [class*="image-zone0"] .desc-con,
.popup-print01 [class*="video-zone0"] .desc-con {
 margin: 0;
}
.popup-print01 .pop-header {
 display: flex;
 align-items: center;
 height: 62px;
}
.popup-print01 .pop-header .logo-yna02,
.popup-print01 .story-news {
 max-width: 720px;
 margin: 0 auto;
 padding-top: 40px;
}
.popup-print01 .title-article01 > .tit01 {
 margin-top: 0;
}
.popup-print01 .comp-box {
 padding-top: 0;
}
.popup-print01 .logo-yna02 [class*="ir-txt"] {
 width: 105px;
 height: 30px;
}
.popup-print01 .btns-wrap03 {
 overflow: visible;
 display: flex;
 justify-content: center;
 align-items: center;
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 2;
 width: 100%;
 height: 100px;
 background-color: var(--ui-tag001);
 column-gap: 8px;
 box-shadow: 0px -5px 6px 0 rgba(0, 0, 0, 0.05);
}
.popup-print01 .btns-wrap03 .btn-type302 {
 height: 58px;
}
.popup-print01 .pop-content {
 border-top: 1px solid var(--ui-tag005);
}
.popup-print01 .pop-content .title-article01 {
 max-width: 720px;
 margin: 58px auto 0;
 padding-bottom: 0;
}
.popup-print01 .title-article01 {
 border-bottom: 1px solid var(--ui-tag005);
}
.popup-print01 .title-article01 .info-box01 {
 height: auto;
 margin-top: 16px;
 padding-bottom: 16px;
}
.popup-print01 .story-news [class*="writer-zone0"] {
 display: none;
}
.popup-print01 .story-news > p.txt-copyright {
 margin-bottom: 0;
 padding-top: 0;
 padding-bottom: 60px;
 border-top: none;
}
.popup-print01 .label-box03 {
 display: none;
}
.popup-print01 .pop-footer {
 position: relative;
 box-sizing: border-box;
 max-width: 720px;
 margin: 0 auto;
 padding-top: 24px;
}
.popup-print01 .pop-footer:after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 50%;
 width: 100%;
 max-width: 720px;
 height: 1px;
 background-color: var(--ui-tag005);
 transform: translateX(-50%);
}
.popup-print01 .pop-footer p {
 margin-top: 4px;
 font-size: 15px;
 color: var(--font-color004);
}
.popup-print01 .pop-footer .txt01 {
 display: block;
 margin-top: 0;
 font-size: 16px;
 font-weight: 400;
 color: var(--font-color029);
}
.popup-print01 .story-news .tit-sub {
 margin-top: 0;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-print01 .title-article01 {
  width: calc(100% - 32px);
  margin: 0 auto;
 }
 .popup-print01 .story-news {
  padding: 40px 16px 0;
 }
 .popup-print01 .pop-footer {
  padding: 24px 16px 0;
 }
 .popup-print01 .pop-footer:after {
  width: calc(100% - 32px);
 }
}

/* =============== ####기사본문 레이아웃 ======================== */
/* --- ##article-font$ : 폰트크기 --- */
/*!* 기본크기 *!
 .article-font1{font-size:14px;}
 .article-font2{font-size:16px;}
 .article-font3{font-size:18px;}
 .article-font4{font-size:20px;}
 .article-font5{font-size:22px;}
!* 767이하 *!
 .article-font1{font-size:14px;}
 .article-font2{font-size:16px;}
 .article-font3{font-size:18px;}
 .article-font4{font-size:20px;}
 .article-font5{font-size:22px;}*/
.article-font1 .story-news>p,
.article-font1 .story-news>span,
.article-font1 .story-news .tit-sub [class*='tit0'],
.article-font1 .story-news .txt-hyper a,
.article-font1 .story-news .txt-openurl,
/*.article-font1 .story-news .style004 i,*/
.article-font1 .quote-zone01>p {
 font-size: 14px;
}

.article-font2 .story-news>p,
.article-font2 .story-news>span,
.article-font2 .story-news .tit-sub [class*='tit0'],
.article-font2 .story-news .txt-hyper a,
.article-font2 .story-news .txt-openurl,
/*.article-font2 .story-news .style004 i,*/
.article-font2 .quote-zone01>p {
 font-size: 16px;
}

.article-font3 .story-news>p,
.article-font3 .story-news>span,
.article-font3 .story-news .tit-sub [class*='tit0'],
.article-font3 .story-news .txt-hyper a,
.article-font3 .story-news .txt-openurl,
/*.article-font3 .story-news .style004 i,*/
.article-font3 .quote-zone01>p {
 font-size: 18px;
}

.article-font4 .story-news>p,
.article-font4 .story-news>span,
.article-font4 .story-news .tit-sub [class*='tit0'],
.article-font4 .story-news .txt-hyper a,
.article-font4 .story-news .txt-openurl,
/*..article-font4 .story-news .style004 i,*/
.article-font4 .quote-zone01>p {
 font-size: 20px;
}

.article-font5 .story-news>p,
.article-font5 .story-news>span,
.article-font5 .story-news .tit-sub [class*='tit0'],
.article-font5 .story-news .txt-hyper a,
.article-font5 .story-news .txt-openurl,
/*..article-font5 .story-news .style004 i,*/
.article-font5 .quote-zone01>p {
 font-size: 22px;
}

/* ---- ##nav-path$$ ---- */
/* 브레드크럼 */
.nav-path01 {
 font-size: 0;
}
.nav-path01 li {
 display: inline-block;
 position: relative;
}
.nav-path01 li > a,
.nav-path01 li > span {
 padding: 4px 0;
 font-size: 16px;
 font-weight: 500;
 color: var(--font-color005);
}
.nav-path01 li > a:hover {
 text-underline-position: under;
 text-decoration-thickness: 1px;
 text-decoration-line: underline;
 text-decoration-color: currentColor;
}
.nav-path01 li + li {
 padding: 0 0 0 20px;
}
.nav-path01 li + li:before {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: 0;
 width: 20px;
 height: 20px;
 background-image: var(--ui-bg041);
 background-position: center;
 background-repeat: no-repeat;
 transform: translateY(-50%);
}
.nav-path01 li.current > a,
.nav-path01 li.current > span {
 font-weight: 700;
 color: var(--font-color021);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-path01 li > a,
 .nav-path01 li > span {
  font-size: 14px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .nav-path01 li > a,
 .nav-path01 li > span {
  font-size: 14px;
 }
}

/* ---- ##ink-site : 번역 링크 --- */
.link-site {
 font-size: 0;
}
.link-site > li {
 display: inline-block;
 box-sizing: border-box;
 height: 21px;
 padding: 0 8px;
 border-radius: 100px;
 background-color: var(--ui-tag007);
 text-align: center;
}
.link-site > li + li {
 margin-left: 12px;
}
.link-site > li a {
 font-size: 12px;
 line-height: 21px;
 color: var(--font-color006);
}
.link-site > li:hover {
 background-color: var(--ui-tag044);
}
.link-site > li:hover a {
 color: var(--font-color021);
}

/* ---- ##title-article$$ : 본문 제목 (공통) --- */
[class*="title-article"] > .tit01 {
 word-break: keep-all;
}

/* ---- ##title-article01 : 본문 제목 - 글기사(기본) --- */
.title-article01 {
 margin-top: 40px;
 padding-bottom: 16px;
}
.title-article01 .info-box01 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 position: relative;
 height: 40px;
 margin-top: 8px;
}
.title-article01 .info-box01 .update-time + .ico-type02-view01 {
 margin-left: 20px;
}
.title-article01 .link-site {
 overflow: hidden;
 margin-left: 20px;
}
.title-article01 .btn-type203 {
 flex-shrink: 0;
 float: left;
 margin-right: 12px;
}
.title-article01 > .tit01 {
 display: block;
 margin-top: 4px;
 font-size: 36px;
 line-height: 1.3;
 font-weight: 700;
 color: var(--font-color003);
}
.title-article01 .update-time {
 display: flex;
 align-items: center;
 font-size: 14px;
 color: var(--font-color004);
}
.title-article01 .update-time .txt01 {
 margin-right: 5px;
}
.title-article01 .tooltip-type01 {
 position: absolute;
 top: 0;
 right: 0;
 width: 40px;
 height: 40px;
 border-radius: 100%;
 background-color: var(--ui-tag009);
}
.title-article01 .tlp-content {
 top: 48px;
 left: auto;
 right: 0;
}
.title-article01 > .tit01 + [class*="ico-label-"] {
 margin-top: 11px;
}
.title-article01 .title-type018 + .btn-type411-toggle {
 margin-left: 12px;
}
.title-article01 > .subscribe-zone01 {
 margin-top: 9px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .title-article01 {
  margin-top: 20px;
 }
 .title-article01 .tit01 {
  font-size: 26px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .title-article01 {
  margin-top: 20px;
 }
 .title-article01 .tit01 {
  font-size: 26px;
 }
 .title-article01 .info-box01 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 18px;
  flex-wrap: wrap;
 }
 .title-article01 .update-time {
  height: 20px;
 }
 .title-article01 .link-site {
  display: flex;
  width: 100%;
  margin-left: 0;
  padding-top: 26px;
  padding-right: 16px;
  overflow-x: auto;
 }
 .title-article01 .tooltip-type01 {
  top: -10px;
 }
 body.popup-mode .title-article01 .info-box01 {
  position: relative;
 }
}

/* ---- ##title-article02 : 본문 제목 - 글기사(기본) --- */
.title-article02 {
 position: relative;
 z-index: 3;
 width: 100%;
 margin-top: 44px; /*z-index:211;*/
}
.title-article02 .info-box01 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 position: relative;
 height: 60px;
 margin-top: 8px;
}
.title-article02 .link-site {
 overflow: hidden;
 margin-left: 20px;
}
.title-article02 .btn-type203 {
 flex-shrink: 0;
 float: left;
 margin-right: 12px;
}
.title-article02 .tit01 {
 display: block;
 margin-top: 4px;
 font-size: 32px;
 line-height: 1.5;
 font-weight: 700;
 color: var(--font-color003);
}
.title-article02 .update-time {
 font-size: 14px;
 color: var(--font-color004);
}
.title-article02 .tooltip-type01 {
 position: absolute;
 top: 10px;
 right: 0;
}
.title-article02 .tlp-content {
 top: 39px;
 left: auto;
 right: 43px;
 min-width: 290px;
}
.title-article02 .optionbox03 {
 position: absolute;
 right: -10px;
 bottom: 22px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .title-article02 {
  margin-top: 0;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .title-article02 {
  margin-top: 40px;
 }
 .title-article02 .tit01 {
  font-size: 26px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .title-article02 {
  margin-top: 24px;
 }
 .title-article02 .tit01 {
  font-size: 26px;
 }
 .title-article02 .info-box01 {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  height: 40px;
  margin-top: 20px;
 }
 .title-article02 .link-site {
  display: flex;
  width: 100%;
  margin-left: 0;
  padding-top: 20px;
  padding-right: 16px;
  overflow-x: scroll;
 }
 .title-article02 .tooltip-type01 {
  top: 0;
 }
 .title-article02 .optionbox03 {
  bottom: 15px;
 }
}

/* ---- ##optionbox0$ 공통 ---- */
[class*="optionbox0"].active .btn-type010 .tip01:after {
 display: none;
} /* 옵션박스 active시 툴팁가림처리 */

/* ---- ##optionbox01 : 본문 좌측 옵션박스 ---- */
/*.optionbox01{position:fixed;top:50%;left:50%;z-index:10;width:60px;margin-left:-610px;transform:translateY(-50%);flex-wrap:wrap;}*/
.optionbox01 {
 position: absolute;
 top: 0;
 left: -120px;
 z-index: 10;
 width: 60px;
 flex-wrap: wrap;
}
.sticky .optionbox01 {
 position: fixed;
 top: 95px;
 left: 50%;
 margin-left: -620px;
 flex-wrap: wrap;
}
.static .optionbox01 {
 position: absolute;
}
.optionbox01 .btn-type002 {
 margin-top: 12px;
}
.optionbox01 .btn-type002:first-of-type {
 margin-top: 0;
}
.optionbox01 .txt-new {
 top: 18px;
 left: 63%;
 bottom: auto;
 z-index: 1;
}
.optionbox01 .tooltip-type01 > .tlp-content {
 top: 0;
 left: 70px;
}
/* .scrolled : 옵션박스가 푸터에 닿지 않게 컨트롤 */
/* .scrolled .optionbox01{position:absolute;} */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .optionbox01 {
  margin-left: -610px;
 }
 .optionbox01 {
  position: static;
  height: 1px;
  transform: none;
 }
 .optionbox01 > [class*="btn-type001"] {
  display: none;
 }
 .optionbox01 .tooltip-type01 > .tlp-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .option-zone {
  position: absolute;
  top: 0;
  left: 0;
 }
 .optionbox01 {
  position: static;
  height: 1px;
  transform: none;
 }
 .optionbox01 > [class*="btn-type001"] {
  display: none;
 }
 .optionbox01 .tooltip-type01 > .tlp-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .optionbox01 {
  position: static;
  height: 1px;
  transform: none;
 }
 .optionbox01 > [class*="btn-type001"] {
  display: none;
 }
 .optionbox01 .tooltip-type01 > .tlp-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
}

/* ---- ##optionbox02 : 본문 헤더 옵션박스 --- */
.optionbox02 {
 flex-shrink: 0;
 position: relative;
 z-index: 2;
}
.optionbox02 .btn-type001 {
 width: 44px;
}
/* .scrolled : 옵션박스가 푸터에 닿지 않게 컨트롤 */
/* .option-zone.scrolled .optionbox02{position:static;display:flex;z-index:201;} */
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
 /*	.optionbox02,
	.optionbox02 .print01,
	.optionbox02 .report01,
	.optionbox02 .tlp-share03>.tlp-content,
	.optionbox02 .tlp-share03>.tlp-content.show{display:none;}*/
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .optionbox02 {
  display: flex;
 }
 .optionbox02 .print01,
 .optionbox02 .report01 {
  display: none;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .optionbox02 {
  display: flex;
 }
 .optionbox02 .print01,
 .optionbox02 .report01 {
  display: none;
 }
}

/* ---- ##optionbox03 : 본문 헤더 옵션박스 --- */
.optionbox03 {
 display: flex;
 align-items: center;
 z-index: 2;
}
.optionbox03 .tooltip-type01 {
 position: static;
}
.optionbox03 .btn-type001 {
 width: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .optionbox03 .btn-type001.print01 {
  display: none;
 }
}
@media only screen and (max-width: 767px) {
 .optionbox03 .btn-type001.print01 {
  display: none;
 }
}
/* =============== ####컨트롤 (Body Class - Control) ======================== */
.aside-top-bnr01 {
 position: relative;
 height: 95px;
 margin: 0 auto;
}
.aside-top-bnr01:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: 100%;
 height: 95px;
 background-color: var(--ui-tag007);
}
.aside-top-bnr01 [class*="aside-box"] {
 margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .aside-top-bnr01 {
  display: none;
 }
}
@media only screen and (max-width: 767px) {
 .aside-top-bnr01 {
  display: none;
 }
}
/* 페이지마다 개별 레이아웃 간격 조정 및 예외 코드 */

/* ---- ##메인(Main) ---- */
.top-area02:empty {
 display: none;
}
body.page-main .popup-whole-home01.active {
 top: 255px;
 max-height: calc(100vh - 260px);
 padding-top: 0;
}
body.page-main.body-sticky .popup-whole-home01.active {
 padding-top: 20px;
}
body.page-main .aside-box003 {
 margin-top: 16px !important;
 padding: 20px 0;
}
body.page-main .aside-box003 [class*="ads-right"] .ads-box {
 width: 230px;
}
body.page-main .aside-box005 [class*="area0"] {
 margin-bottom: 16px !important;
}
body.page-main .box-corrected01 {
 margin-top: 24px !important;
 border: none;
 background-color: #f5f5f5;
}
body.page-main .box-corrected01 .list01 {
 width: 100%;
 flex-wrap: wrap;
}
body.page-main .box-corrected01 .list01 li {
 flex-shrink: 0;
 width: 100%;
 margin-top: 0 !important;
 padding-top: 0 !important;
}
body.page-main .box-corrected01 .list01 li,
body.page-main .box-corrected01 [class*="item-box0"] {
 box-sizing: border-box;
 width: 100%;
 border: none !important;
}
body.page-main .box-corrected01 [class*="item-box0"] {
 padding: 8px 12px;
}
body.page-main .box-corrected01 [class*="img-con"] {
 display: none;
}
body.page-main .box-corrected01 .tit-news {
 -webkit-line-clamp: 2;
}
body.page-main [class*="list-type"] [class*="item-box0"] .lead {
 color: var(--font-color004);
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 body.page-main .aside-box003 [class*="ads-right"] .ads-box {
  width: 188px;
 }
 body.page-main .box-corrected01 .tit-news {
  -webkit-line-clamp: 2;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .top-area02 {
  padding: 0 24px;
 }
 body.page-main .box-corrected01 .tit-news {
  -webkit-line-clamp: 1;
 }
 body.page-main .content56 {
  display: block;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 body.page-main.body-sticky .popup-whole-home01.active {
  padding-top: 0;
 }
 body.page-main .box-corrected01 {
  margin-top: 12px !important;
 }
 body.page-main .box-corrected01 .tit-news {
  -webkit-line-clamp: 1;
 }
 body.page-main .content56 {
  display: block;
 }
}
/* 메인 핫뉴스
 * 상하단 정정보도 및 배너와의 간격 */
.main-hotnews01 {
 margin: 0 0 24px !important;
}
[class*="aside-box"] + .main-hotnews01 {
 margin-top: 24px !important;
}
@media only screen and (max-width: 1024px) {
 .aside-box423 + .main-hotnews01 {
  margin-top: 40px !important;
 }
}
@media only screen and (max-width: 767px) {
 .aside-box423 + .main-hotnews01 {
  margin-top: 40px !important;
 }
 .aside-box420 + .main-hotnews01 {
  margin-top: 24px !important;
 }
}
/* 메인 메인 주요뉴스 */
.main-major-news04 {
 position: relative;
}
.main-major-news04 .ir-txt01 {
 position: absolute;
 top: 0;
 left: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .news-type101 [class*="img-con"] {
  max-width: 720px;
 }
 .news-type101 .news-con {
  max-width: 980px;
 }
}
/* 메인 다국어 톱뉴스 */
.main-foreign01 .list-type041 .tit-news {
 min-height: auto;
 font-size: 14px;
 line-height: 1.5;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .main-foreign01 .list-type041 {
  width: 300px;
 }
}

/* 메인 연합브랜드뉴스 */
.main-brand01 {
 overflow: visible;
}
.main-brand01 .list01 li:nth-of-type(1) .item-box01 {
 background-color: var(--ui-tag019);
}
.main-brand01 .list01 li:nth-of-type(2) .item-box01 {
 background-color: var(--ui-tag066);
}
.main-brand01 .list01 li:nth-of-type(3) .item-box01 {
 background-color: var(--ui-tag102);
}
.main-brand01 .list01 li:nth-of-type(4) .item-box01 {
 background-color: var(--ui-tag011);
}

/* 메인 마켓+ :
   1024이하 자동롤링 제거, play/stop버튼 제거 */
/*.main-market-top01 .swiper-area{padding-top:34px;}*/
.main-market-top01 .news-con {
 height: 76px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .main-market-top01 .news-con {
  height: 96px;
 }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .main-market-top01 [class*="btn-type007-"] {
  display: none;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .main-market-top01 .news-con {
  height: 108px;
 }
 .main-market-top01 [class*="btn-type007-"] {
  display: none;
 }
}

/* 메인 유튜브 */
.main-channel01 {
 overflow: visible;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .main-channel01 .title-con02 {
  margin-left: 0 !important;
  padding: 0 0 12px;
 }
}

/* 메인 AI추천뉴스 */
.main-recomm-news {
 display: none;
}
.main-recomm-news.show {
 display: block;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .main-recomm-news {
  margin-top: 0;
 }
}

/* 메인 그리드 */
.page-main [class*="content5"] {
 justify-content: flex-start;
 box-sizing: border-box;
}
.content03.main-content01 + .content03 {
 margin-top: 0 !important;
}
.page-main .aside-box005 {
 top: 0;
 margin-top: 40px !important;
}
.page-main .aside-box413 {
 top: 552px;
 margin-top: 40px !important;
}
.page-main .aside-box424 {
 top: 732px;
 margin-top: 40px !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .page-main [class*="content5"] {
  max-width: 980px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-main [class*="content5"] {
  padding: 0 24px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-main [class*='content5'],
	/*.page-main .content58 .section01,*/
	.page-main .content58 .section03,
	.page-main .main-major-news02 .section01,
	.page-main .main-major-news02 .section02 {
  width: 100%;
  padding: 0 16px;
 }
 .page-main .content58 {
  padding: 0;
 }
 .page-main .content51 .list-type002,
 .content51 {
  padding: 0;
 }
 .page-main .content52 {
  padding: 0;
 }
}

/* ---- ##정치 ---- */

/* ---- ##건강 ---- */
.page-health .health-content02 {
 display: flex;
 column-gap: 40px;
}
.page-health .health-content02 [class*="section0"] {
 box-sizing: border-box;
}
.page-health .health-content02 .title-con02 {
 padding-left: 0;
}
.page-health .health-content02 [class*="section0"] [class*="box-type"] {
 margin-top: 0;
}
/*.page-health .health-content02 .section01{max-width:373px;}*/
/*.page-health .health-content02 .section02{max-width:786px;}*/
.page-health .health-content02 .section01 {
 max-width: calc(33.3% - 20px);
}
.page-health .health-content02 .section02 {
 max-width: calc(66.6% - 20px);
 padding-left: 0;
}
.page-health .health-content02 .list-type302 .list02 {
 column-gap: 40px;
}
.page-health .health-content02 .list-type302 .list02 li {
 width: calc(50% - 20px);
}

/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .page-health .health-content02 {
  column-gap: 32px;
 }
 .page-health .health-content02 .section01 {
  max-width: calc(33.3% - 16px);
 }
 .page-health .health-content02 .section02 {
  max-width: calc(66.6% - 16px);
  padding-left: 0;
 }
 .page-health .health-content02 .list-type302 .list02 {
  column-gap: 32px;
 }
 .page-health .health-content02 .list-type302 .list02 li {
  width: calc(50% - 16px);
 }
 .page-health .list-type306 .swiper-area {
  padding-top: 39px !important;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-health .health-content02 {
  column-gap: 10px;
  padding: 0 24px;
 }
 .page-health .health-content02 [class*="section0"] {
  padding: 0;
 }
 .page-health .health-content02 .section01 {
  max-width: calc(33.3% - 5px);
 }
 .page-health .health-content02 .section02 {
  max-width: calc(66.6% - 5px);
  padding-left: 0;
 }
 .page-health .health-content02 .list-type302 .list02 {
  column-gap: 10px;
 }
 .page-health .health-content02 .list-type302 .list02 li {
  width: calc(50% - 5px);
 }
 .page-health .box-type011 {
  padding: 0;
 }
 .page-health .box-type011 .title-con02 {
  padding: 0 16px 12px !important;
 }
 .page-health .list-type303 .swiper-area > .list01 {
  padding: 0 24px;
 }
 .page-health .title-con05 {
  padding: 0 24px 12px;
 }
 /* 더건강 영상 리스트 */
 .page-health .list-type300 {
  padding: 0 16px;
 }
 .page-health .list-type306 .btns-wrap11 {
  display: none;
 }
 .page-health .box-health-video02 {
  padding: 0 !important;
 }
 .page-health .list-type306 {
  padding: 0;
 }
 .page-health .list-type306 .swiper-area {
  padding-top: 0 !important;
 }
 .page-health .list-type306 .list01 {
  padding-left: 24px;
 }
 .page-health .list-type306 .list01 li {
  width: 188px;
 }
 .page-health .box-latest03 {
  padding: 0 8px !important;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-health .health-content02 [class*="section0"] {
  width: 100%;
  max-width: 100%;
  padding: 0;
 }
 .page-health .health-content02 .section02 {
  margin-top: 40px;
 }
 .page-health .health-content02 .title-con02 {
  padding-left: 16px;
 }
 .page-health .health-content02 .list-type302 .list02 {
  display: block;
 }
 .page-health .health-content02 .list-type302 .list02 li {
  width: 100%;
 }
 .page-health .health-content02 + .content03 {
  position: relative;
  box-sizing: border-box;
  padding-top: 41px;
 }
 .page-health .health-content02 + .content03:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 16px;
  width: calc(100% - 32px);
  height: 1px;
  background-color: var(--ui-tag005);
 }
 .page-health .box-latest03 {
  padding: 0 !important;
 }
 .page-health .list-type300 {
  padding: 0 16px;
 }
 .page-health .list-type306 .swiper-area {
  padding-top: 0 !important;
 }
}

/* ---- ##비주얼뉴스 - 홈 ---- */
.page-visual {
 overflow-x: hidden;
}
.page-video-mostview .list-type442 [class*="item-box0"] .img {
 padding-top: 56.25%;
}

/* ---- ##최신뉴스 리스트---- */
.box-latest01 {
 overflow: visible;
} /* 공유팝업 짤림 현상으로 추가 */
.box-latest01 .list-type212 {
 margin-top: 0;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .box-latest01 {
  box-sizing: border-box;
 }
 .box-latest01 .title-con02 {
  padding-bottom: 16px !important;
 }
 .box-latest01 [class*="tit0"] {
  font-size: 20px !important;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (max-width: 767px) {
 .box-latest01 .title-con02 {
  padding-bottom: 16px !important;
 }
 .box-latest01 [class*="tit0"] {
  font-size: 20px !important;
 }
}

/* ---- ##섹션홈-사람들 ---- */
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .box-poeple01 {
  padding: 24px 8px !important;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .box-poeple01 {
  padding: 24px 0px !important;
 }
}

/* ---- ##세계---- */
.page-intrnal .aside-box425 {
 width: 100%;
}
.page-intrnal .aside-box425 + .div-area01 {
 margin-top: 40px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-intrnal .aside-box425 + .div-area01 {
  margin-top: 0;
 }
 .body-news-sub.page-intrnal .section02 {
  flex-wrap: wrap;
 }
 .page-intrnal .aside-box425 {
  flex-shrink: 0;
  height: 50px;
  padding: 0 16px;
 }
 .page-intrnal .aside-box425 .bnr-wrap026 {
  max-width: 50%;
  margin: 0 auto;
 }
 .page-intrnal .content04 {
  padding: 0;
 }
 .page-intrnal .content04 + .content03 {
  margin-top: 20px;
 }
 .page-intrnal .list-type213 {
  width: calc(100% - 16px);
  margin: 0 8px;
 }
 .page-intrnal .list-type213 .swiper-area {
  overflow: hidden;
  padding: 39px 16px 0;
 }
 .page-intrnal .box-crsp01 .title-con01 {
  padding: 0 24px;
 }
 .page-intrnal .btns-wrap11 {
  right: 16px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-intrnal .content04 {
  padding: 0;
 }
 .page-intrnal .content04 + .content03 {
  margin-top: 20px;
 }
 .page-intrnal .list-type213 {
  width: 100%;
  margin: 0;
 }
 .page-intrnal .list-type213 .swiper-area {
  padding: 42px 16px 0;
 }
 .page-intrnal .btns-wrap11 {
  right: 16px;
 }
}

/* 섹션 세계 - 특파원르포 */
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
 .box-repo-news01 {
  margin-bottom: 60px;
 }
}

/* ---- ##전국 ---- */
.box-local-newest01 {
 /*margin-top:60px !important;*/
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .box-local-newest01 {
  /*margin-top:40px !important;*/
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .box-local-newest01 {
  /*margin-top:40px !important;*/
  padding: 0 !important;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .box-local-newest01 {
  margin-top: 40px !important;
 }
}

/* ---- ##테마별-핫뉴스,단독뉴스---- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 /* 핫뉴스 */
 .page-hotnews .box-hotnews-list01 {
  padding: 0 24px;
 }
 .page-hotnews .nav-type40 .area01 {
  overflow: hidden;
 }
 .page-hotnews .nav-type40 .gnb-menu41 {
  overflow: visible;
  margin: 14px 0 0;
 }
 /* 단독뉴스 */
 .page-exclusive .box-exclusive-list01 {
  padding: 0 24px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 /* 핫뉴스 */
 .page-hotnews .box-hotnews-list01 {
  padding: 0 16px;
 }
 .page-hotnews .nav-type40 .area01 {
  overflow: hidden;
 }
 .page-hotnews .nav-type40 .gnb-menu41 {
  overflow: visible;
 }
 /* 단독뉴스 */
 .page-exclusive .box-exclusive-list01 {
  padding: 0 16px;
 }
}

/* ---- ##테마별-톱뉴스 ---- */
.page-topnews .content03 .section01 .box-type001 {
 overflow: visible;
}
.page-topnews .content10 .period-field01 {
 display: none;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-topnews .container531 .content03 {
  flex-direction: column-reverse;
  margin-top: 0;
 }
 .page-topnews .content03 .section02 {
  overflow-x: clip;
 }
 .page-topnews .content10 .period-field01 {
  display: block;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-topnews .container531 .content03 {
  flex-direction: column-reverse;
  margin-top: 0;
 }
 .page-topnews .content03 .section02 {
  overflow-x: clip;
 }
 .page-topnews .content10 .period-field01 {
  display: block;
 }
}

/* ---- ##테마별-긴급뉴스 ---- */
.page-urgent .content10 .period-field01 {
 display: none;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-urgent .container531 .content03 {
  flex-direction: column-reverse;
  margin-top: 0;
 }
 .page-urgent .content03 .section02 {
  overflow-x: clip;
 }
 .page-urgent .content10 .period-field01 {
  display: block;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-urgent .container531 .content03 {
  flex-direction: column-reverse;
  margin-top: 0;
 }
 .page-urgent .content03 .section02 {
  overflow-x: clip;
 }
 .page-urgent .content10 .period-field01 {
  display: block;
 }
}

/* ---- ##테마별-많이본뉴스 ---- */
/* ---- ##테마별-주요뉴스 ---- */
.body-theme-list .list-type442 > .list01 li:first-child {
 flex-shrink: 0;
 width: 100%;
}
.body-theme-list.page-juyonews .content10 .period-field01 {
 display: none;
}
.body-theme-list .swiper-slide {
 margin: 0;
 margin-left: 8px;
}
.body-theme-list .gnb-menu01 .list01 li {
 margin: 0;
 margin-left: 0;
}
.body-theme-list .tab-type02 .swiper-slide {
 margin: 0;
 margin-left: 8px;
}
.body-theme-list .tab-type02 .swiper-slide:first-of-type {
 margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .body-theme-list.page-juyonews .content10 .period-field01 {
  display: block;
 }
 .body-theme-list .swiper-slide {
  margin: 0;
 }
 .body-theme-list .list-type442 {
  padding: 0 24px;
 }
}
@media only screen and (max-width: 767px) {
 .body-theme-list.page-juyonews .content10 .period-field01 {
  display: block;
 }
 .body-theme-list .swiper-slide {
  margin: 0;
 }
 .body-theme-list .list-type442 {
  padding: 0 16px;
 }
}
/* ---- ##섹션-홈 ---- */
.page-politics .box-type104 {
 margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .content03 .section01 .aside-box415 {
  margin-top: -28px !important;
 }
}
@media only screen and (max-width: 767px) {
 .content03 .section01 .aside-box415 {
  margin-top: -28px !important;
 }
}

/* ---- ##섹션-리스트(정정보도) 및 정정보도 next로 오는 리스트 제어 ---- */
.box-corrected01 {
 margin-top: 40px;
}
.box-corrected01 + [class*="box-type"] {
 margin-top: 0 !important;
}
.box-corrected01
 + [class*="box-type"]
 .list-type212
 > .list01
 > li:first-child
 [class*="item-box0"] {
 padding-top: 20px;
}
.box-corrected01 [class*="item-box0"] {
 padding: 20px 0;
 border-top: 1px solid var(--ui-tag005) !important;
 border-bottom: none !important;
}
.box-corrected01 [class*="list-type"] > .list01 {
 border-bottom: 1px solid var(--ui-tag005);
}
.box-corrected01 .list-type212 li:first-of-type [class*="item-box0"] {
 padding-top: 0;
 border-top: none !important;
}
.box-corrected01 + [class*="box-type"] > [class*="title-con0"] {
 margin-top: 40px;
}
/* ---- ##섹션-전국 ---- */
.page-local .list-type214 {
 margin-top: 0;
}
.page-local .box-local-scene {
 margin-top: 0;
}

/* ---- ##섹션-사람들홈 ---- */
.page-people {
 overflow: hidden;
 overflow-y: auto;
}
.page-people .content10 + .content03.width100 {
 margin-top: 0;
}

/* ---- ##섹션-오피니언홈 ---- */
.page-opinion {
 overflow: hidden;
 overflow-y: auto;
}
.page-opinion-advisory {
 overflow: hidden;
 overflow-y: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-opinion .box-major02:first-of-type {
  padding-top: 0;
 }
 .page-opinion .box-major02 ~ [class*="aside-box"] {
  margin-top: 40px !important;
  padding-bottom: 0 !important;
  border: none !important;
 }
}
@media only screen and (max-width: 767px) {
 .page-opinion .box-major02:first-of-type {
  padding-top: 0 !important;
 }
 .page-opinion .box-major02 ~ [class*="aside-box"] {
  margin-top: 40px !important;
  padding-bottom: 0 !important;
  border: none !important;
 }
}

/* ---- ##섹션-오피니언(기자들) ---- */
.page-opinion-column .content10 + .content03 {
 margin-top: 0;
}
.page-opinion-column .section01,
.page-opinion-column .section02 {
 margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-opinion-column .section02 {
  margin-top: 24px;
 }
}
@media only screen and (max-width: 767px) {
 .page-opinion-column .section02 {
  margin-top: 24px;
 }
}

/* ---- ##섹션-스포츠 ---- */
.page-sports {
 overflow-x: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-sports .box-sports-player01 {
  padding: 0 8px;
 }
}

/* ---- ##섹션-마켓+---- */
.box-sub-market02 {
 display: flex;
 width: calc(100% + 40px) !important;
}
.box-sub-market02 .list-type226 {
 width: calc(25% - 40px);
 margin-right: 40px;
}
.box-sub-market03 {
 display: none;
}
.box-sub-market03 .tab-type03 {
 margin-bottom: 12px;
 padding: 0 16px;
}
.box-sub-market04 {
 display: flex;
}
.box-sub-market04 .list-type224 {
 width: calc(100% - 300px);
 padding-right: 40px;
}
.box-sub-market04 .list-type225 {
 width: 300px;
}
.box-sub-market04 .tlp-content {
 box-sizing: border-box;
 max-width: 240px;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .box-sub-market02 {
  display: flex;
  width: calc(100% + 32px) !important;
 }
 .box-sub-market04 .list-type224 {
  width: calc(100% - 300px);
  padding-right: 32px;
 }
 .box-sub-market02 .list-type226 {
  width: calc(25% - 32px);
  margin-right: 32px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .box-sub-market02 {
  display: none;
 }
 .box-sub-market03 {
  display: block;
  margin-top: -20px !important;
 }
 .box-sub-market04 {
  display: block;
 }
 .box-sub-market04 .list-type224 {
  width: 100%;
  padding-right: 16px;
 }
 .box-sub-market04 .list-type225 {
  width: 100%;
  margin-top: 30px;
 }
}
@media only screen and (max-width: 767px) {
 .box-sub-market02 {
  display: none;
 }
 .box-sub-market03 {
  display: block;
  margin-top: -20px !important;
 }
 .box-sub-market04 {
  display: block;
 }
 .box-sub-market04 .list-type224 {
  width: 100%;
  padding-right: 16px;
 }
 .box-sub-market04 .list-type225 {
  width: 100%;
  margin-top: 30px;
 }
}

/* 섹션-마켓+(패닉붐) */
.market-content01 {
 display: flex;
 flex-wrap: nowrap !important;
 padding: 60px 0;
 border: 1px solid var(--ui-tag005);
 border-width: 1px 0;
}
.market-content01 [class*="box-market-"] {
 flex-shrink: 0;
 box-sizing: border-box;
 width: 50% !important;
}
.box-market-panic {
 padding-right: 40px;
}
.box-market-indicator {
 position: relative;
 margin-top: 0 !important;
 padding-left: 40px;
}
.box-market-indicator::after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 width: 1px;
 height: 100%;
 background-color: var(--ui-tag005);
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .market-content01 {
  padding: 40px 0;
 }
 .box-market-panic {
  padding-right: 32px;
 }
 /*.box-market-panic .txt-type103 .iframe-con{position:relative;overflow:hidden;width:157px;height:120px;margin-right:30px;}
	.box-market-panic .txt-type103 .iframe-con iframe{position:absolute;left:64%;top:50%;margin:0;width:auto;transform:translate(-50%, -50%) scale(0.8);}*/
 .box-market-indicator {
  padding-left: 32px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .market-content01 {
  padding: 0;
  border: none;
 }
 .market-content01 [class*="box-market-"] {
  width: 100% !important;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .market-content01 {
  padding: 0;
  border: none;
 }
 .market-content01 [class*="box-market-"] {
  width: 100% !important;
 }
}
/* ---- ##뉴스+ : 이시각헤드라인 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .box-market-panic {
  display: none;
 }
 .box-market-indicator {
  max-width: 100%;
  padding-left: 0;
 }
}

/* ---- ##뉴스+ : 이시각헤드라인 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-opinion-headline .content03 {
  padding: 0 8px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-opinion-headline .content03 {
  padding: 0;
 }
}

/* --- ##뉴스+ : 브랜드뉴스 --- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-brand-news .content03 {
  padding: 0 24px;
 }
}
@media only screen and (max-width: 767px) {
 .page-brand-news .content03 {
  padding: 0 16px;
 }
}

/* ---- ##전국 ---- */
[class*="page-local-"] .content03 + .content03 {
 margin-top: 40px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="page-local-"] .content03 + .content03 {
  margin-top: 24px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="page-local-"] .content03 + .content03 {
  margin-top: 24px;
 }
}

/* 우분투>특집코너 */
.box-ubuntu-title01 .title-type001 > [class*="tit0"] {
 font-size: 24px;
}
.box-ubuntu-title01 [class*="title-con"] {
 padding-bottom: 16px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .box-ubuntu-title01 .title-type001 > [class*="tit0"] {
  font-size: 20px;
 }
 .box-ubuntu-title01 [class*="title-con"] {
  padding-bottom: 12px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .box-ubuntu-title01 .title-type001 > [class*="tit0"] {
  font-size: 20px;
 }
 .box-ubuntu-title01 [class*="title-con"] {
  padding-bottom: 12px;
 }
}

/* ---- ##뉴스본문 | 레이아웃  ---- */
[class*="body-view-"] .wrap-container {
 padding-bottom: 0;
}
[class*="body-view-"] .wrap-container .content03 {
 z-index: 1;
 width: 1100px;
 padding-left: 100px;
}
[class*="body-view-"] .wrap-container .content03.wide {
 width: 100% !important;
 padding-left: 0;
}
[class*="body-view-"] .wrap-container .content90 {
 z-index: 2;
 width: 1100px;
 padding-left: 100px;
}
.body-view-gallery01 .wrap-container .content03,
.body-view-gallery01 .wrap-container .content90 {
 width: 1200px;
 padding-left: 0;
}
.body-view-gallery01 .wrap-container {
 padding-bottom: 120px;
}
[class*="body-view-"] .content90 + .content03 {
 margin-top: 0;
}
[class*="body-view-"] .content90 .title-article01,
[class*="body-view-"] .content03 .section01 {
 max-width: 720px;
}
[class*="body-view-"] .img {
 cursor: pointer;
 position: relative;
}
/* 영상 pip모드 */
[class*="body-view-"].video-fixed .wrap-container {
 z-index: 3;
}
[class*="body-view-"].video-fixed .wrap-container .content03 {
 z-index: 3;
}
[class*="body-view-"].video-fixed
 .wrap-container
 .content03.ynalounge-content01 {
 z-index: 1;
}
[class*="body-view-"].video-fixed .wrap-container .content03 .scroller01 {
 z-index: 10;
}
[class*="body-view-"] .aside-top-bnr01 + .option-zone,
.body-view-prnews01 .wrap-container > .option-zone {
 display: none;
} /* 모바일해상도 option-zone */
[class*="body-view-"] .aside-top-bnr01 + .option-zone .btn-type002,
.body-view-prnews01 .wrap-container > .option-zone .btn-type002 {
 display: none;
}
/* 영상 pip모드 시 top버튼 없애기 */
[class*="body-view-"].video-fixed .btn-scroll-top {
 opacity: 0;
 z-index: -1;
 transition: opacity 0.3s ease-in-out;
}
/* 좌측 플로팅 버튼 : 제보 위 라인 */
[class*="body-view-"] .btn-type002.report01 {
 overflow: visible;
 position: relative;
 margin-top: 25px !important;
}
[class*="body-view-"] .btn-type002.report01 .txt01:before {
 content: "";
 display: block;
 position: absolute;
 top: -48px;
 left: 50%;
 width: 24px;
 height: 1px;
 background-color: var(--ui-tag005);
 transform: translateX(-50%);
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="body-view-"] .wrap-container {
  overflow: hidden;
 }
 .body-view-prnews01 .wrap-container > .option-zone {
  display: block;
 } /* 모바일해상도 option-zone */
 /* 영상 pip모드 시 top버튼 재노출 */
 [class*="body-view-"].video-fixed .btn-scroll-top {
  opacity: 1;
  z-index: 100;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="body-view-"] .wrap-container {
  overflow: hidden;
 }
 .body-view-prnews01 .wrap-container > .option-zone {
  display: block;
 } /* 모바일해상도 option-zone */
 /* 영상 pip모드 시 top버튼 재노출 */
 [class*="body-view-"].video-fixed .btn-scroll-top {
  opacity: 1;
  z-index: 100;
 }
}

/* 본문 연합라운지 회원 */
/*[class*='body-view-'] .ynalounge-content01{margin-top:60px;}*/
/* 본문 연합라운지 비회원 PC용 배너 */
[class*="body-view-"] .section01 .aside-box418 {
}
/* 본문 연합라운지 비회원 모바일용 배너 */
[class*="body-view-"] .content03.wide > .aside-box419 {
 display: none;
}

/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="body-view-"] .wrap-container .content03,
 [class*="body-view-"] .wrap-container .content90,
 .body-view-gallery01 .wrap-container .content03,
 .body-view-gallery01 .wrap-container .content90 {
  width: 100%;
  padding-left: 0;
 }
 [class*="body-view-"] .content90 .title-article01,
 [class*="body-view-"] .content03 .section01 {
  max-width: 640px;
 }
 /* 플로팅메뉴 : 팝업제어 */
 [class*="body-view-"] .popup-type11 .pop-wrap {
  margin: 0;
 }
 [class*="body-view-"] .popup-type11.pop-share01 .pop-wrap {
  margin-top: 0;
 }
 [class*="body-view-"] .popup-type11.pop-fontsize01 .pop-wrap {
  margin-top: 0;
 }
 [class*="body-view-"] .article-wrap01 .option-zone,
 .body-view-prnews01 .article-wrap01 .option-zone {
  display: none;
 }
 [class*="body-view-"] .aside-top-bnr01 + .option-zone,
 .body-view-prnews01 .wrap-container > .option-zone {
  display: block;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="body-view-"].popup-mode .content90 .title-article01 {
  position: static;
  z-index: auto;
 }
 [class*="body-view-"] {
  overflow-x: hidden;
 }
 [class*="body-view-"] .wrap-container .content03,
 [class*="body-view-"] .wrap-container .content90,
 .body-view-gallery01 .wrap-container .content03,
 .body-view-gallery01 .wrap-container .content90 {
  width: 100%;
  padding: 0;
 }
 .body-view-gallery01 .wrap-container {
  padding-bottom: 80px;
 }
 [class*="body-view-"] .wrap-container .aside-wrap01 {
  display: none;
 }
 [class*="body-view-"] .wrap-container .section02 {
  display: block;
  box-sizing: border-box;
  padding: 0 8px;
 }
 [class*="body-view-"] .section02 .scroller02 {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
 }
 [class*="body-view-"] .section02 .scroller02 > [class*="aside-box"] {
  display: none;
 }
 /*	[class*='body-view-'] .section02 .scroller02 .div-area01 [class*="aside-box0"]{display:block;}*/
 [class*="body-view-"] .wrap-container .content03 {
  width: 100%;
  padding-left: 0;
 }
 [class*="body-view-"] .content03 .section01 {
  max-width: 100%;
 }
 /* 플로팅메뉴 : 팝업제어 */
 [class*="body-view-"] .popup-type11 .pop-wrap {
  margin: 0;
 }
 [class*="body-view-"] .popup-type11.pop-share01 .pop-wrap {
  margin-top: 0;
 }
 [class*="body-view-"] .popup-type11.pop-fontsize01 .pop-wrap {
  margin-top: 0;
 }
 /* 본문 연합라운지 회원 */
 [class*="body-view-"] .ynalounge-content01 {
  margin-top: 40px;
 }
 /* 본문 연합라운지 비회원 PC용 배너 */
 [class*="body-view-"] .section01 .aside-box418 {
  display: none;
 }
 /* 본문 연합라운지 비회원 모바일용 배너 */
 [class*="body-view-"] .content03.wide > .aside-box419 {
  display: block;
  width: calc(100% - 48px);
  margin: 0 24px 60px;
 }
 [class*="body-view-"] .article-wrap01 .option-zone,
 .body-view-prnews01 .article-wrap01 .option-zone {
  display: none;
 }
 [class*="body-view-"] .aside-top-bnr01 + .option-zone,
 .body-view-prnews01 .wrap-container > .option-zone {
  display: block;
 }
 /* 본문 모바일용 좌측버튼 버튼 비노출 */
 [class*="body-view-"]
  .aside-top-bnr01
  + .option-zone
  .optionbox01
  .btn-type002,
 [class*="body-view-"]
  .wrap-container
  > .option-zone
  .optionbox01
  .btn-type002 {
  display: none;
 }
 /* 영상 pip모드 */
 [class*="body-view-"].video-fixed .wrap-container {
  position: static;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="body-view-"].popup-mode .content90 .title-article01 {
  position: static;
  z-index: auto;
 }
 [class*="body-view-"] {
  overflow-x: hidden;
 }
 [class*="body-view-"] .wrap-container .content03,
 [class*="body-view-"] .wrap-container .content90,
 .body-view-gallery01 .wrap-container .content03,
 .body-view-gallery01 .wrap-container .content90 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 16px;
 }
 [class*="body-view-"] .section02 .scroller02 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0;
 }
 [class*="body-view-"] .section02 .scroller02 > [class*="aside-box"] {
  display: none;
 }
 [class*="body-view-"] .wrap-container .content03 {
  width: 100%;
  padding: 0;
 }
 [class*="body-view-"] .content03 .section01 {
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 auto;
 }
 /* 플로팅메뉴 : 팝업제어 */
 [class*="body-view-"] .popup-type11 .pop-wrap {
  margin: 0;
 }
 [class*="body-view-"] .popup-type11.pop-share01 .pop-wrap {
  margin-top: 0;
 }
 [class*="body-view-"] .popup-type11.pop-fontsize01 .pop-wrap {
  margin-top: 0;
 }
 /* 본문 연합라운지 회원 */
 [class*="body-view-"] .ynalounge-content01 {
  margin-top: 40px;
 }
 /* 본문 연합라운지 비회원 PC용 배너 */
 [class*="body-view-"] .section01 .aside-box418 {
  display: none;
 }
 /* 본문 연합라운지 비회원 모바일용 배너 */
 [class*="body-view-"] .content03.wide > .aside-box419 {
  display: block;
  width: calc(100% - 32px);
  margin: 0 16px 60px;
 }
 [class*="body-view-"] .article-wrap01 .option-zone {
  display: none;
 }
 [class*="body-view-"] .aside-top-bnr01 + .option-zone {
  display: block;
 }
 /* 본문 모바일용 좌측버튼 버튼 비노출 */
 [class*="body-view-"]
  .aside-top-bnr01
  + .option-zone
  .optionbox01
  .btn-type002,
 [class*="body-view-"]
  .wrap-container
  > .option-zone
  .optionbox01
  .btn-type002 {
  display: none;
 }
 /* 영상 pip모드 */
 [class*="body-view-"].video-fixed .wrap-container {
  position: static;
 }
}
/* 본문 */
.body-view-news01 .title-article01 {
 width: 720px;
 max-width: none;
}
.body-view-news01 .aside-box426 {
 display: none;
}
.body-view-news01.body-banner01 .aside-box426 {
 display: block;
}
.body-view-news01.body-urgent.body-banner01 .wrap-header23,
.body-view-photo01.body-urgent.body-banner01 .wrap-header23,
.body-view-graphic01.body-urgent.body-banner01 .wrap-header23 {
 top: 112px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .body-view-news01 .title-article01 {
  width: 100%;
 }
 /*	.body-view-news01.body-banner01 .wrap-header21,
	.body-view-news01.body-banner01 .wrap-header22{top:62px;}*/
 .body-view-news01.body-urgent.body-banner01 .wrap-header23,
 .body-view-photo01.body-urgent.body-banner01 .wrap-header23,
 .body-view-graphic01.body-urgent.body-banner01 .wrap-header23 {
  top: 0px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .body-view-news01 .title-article01 {
  width: 100%;
 }
 /*	.body-view-news01.body-banner01 .wrap-header21,
	.body-view-news01.body-banner01 .wrap-header22{top:62px;}*/
 .body-view-news01.body-urgent.body-banner01 .wrap-header23,
 .body-view-photo01.body-urgent.body-banner01 .wrap-header23,
 .body-view-graphic01.body-urgent.body-banner01 .wrap-header23 {
  top: 0px;
 }
}

/* ---- ##뉴스본문 | 콘텐츠 예외처리  ---- */
.wrapper > .article-boxad {
 display: none;
}
.wrapper > .article-ad-box {
 display: none;
}
/* ---- ##뉴스본문 | 콘텐츠 간격  ---- */
.article-deleted .story-news,
.article-deleted .keyword-zone,
.article-deleted .empathy-zone,
.article-deleted .comment-zone,
.article-deleted .content90,
.article-deleted .empathy-zone,
.article-deleted .option-zone {
 display: none !important;
}
.article-deleted .box-type090 {
 display: block;
 padding: 50px 0 !important;
}
[class*="body-view-"].article-deleted .section02 {
 padding-top: 40px;
}
/*[class*='body-view-'] .article-deleted .box-deleted{display:block;margin:0 auto;}*/
/*[class*='body-view-'] .article-deleted .title-article02{display:none;}*/

/* ---- ##비주얼 뉴스 ---- */
.article-deleted .title-article02,
.article-deleted .popup-type01 {
 display: none;
}
.body-visual-list.body-hybrid [class*="list-type"] > .list01 li.ads-item01,
.body-visual-sub.body-hybrid [class*="list-type"] > .list01 li.ads-item01 {
 display: none;
} /* 앱영역의 웹광고 미노출 */
[class*="body-view-"] .aside-box005 {
 top: 0;
}
[class*="body-view-"] .writer-zone01 {
 margin-bottom: 37px;
}
/*[class*='body-view-'] .tit-sub{margin-top:24px;}*/
[class*="body-view-"] .empathy-zone {
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 width: 100%;
 max-width: 640px;
 height: 62px;
 margin: 0 auto;
 margin: 40px 40px;
}
[class*="body-view-"] .empathy-zone:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: 100%;
 height: 100%;
 background-color: var(--ui-tag007);
}
[class*="body-view-"] .empathy-zone .btn-type421 {
 justify-content: flex-start;
 width: 130px;
}
[class*="body-view-"] .comment-zone {
 box-sizing: border-box;
 width: 100%;
 margin-top: 40px;
 padding: 0 40px;
}
[class*="body-view-"] .comment-zone .btn-type300 span + span {
 margin-left: 0;
}
[class*="body-view-"] .aside-box01 {
 margin: 40px 40px 0;
}
/*[class*='body-view-'] .section02 [class*='aside-box']:first-child{margin-top:6px;} qa 제거 요청으로 주석처리, 필요없을 경우 삭제하기(혜진)*/
[class*="body-view-"] .section02 [class*="aside-box"]:first-child {
 margin-top: 0;
}
[class*="body-view-"] [class*="aside-box"] + .div-area01 .box-type104 {
 margin-top: 40px;
}
[class*="body-view-"]
 [class*="aside-box"]
 + .div-area01
 .box-type104
 + .box-type104 {
 margin-top: 24px;
}
[class*="body-view-"] .box-type104,
[class*="body-view-"] .list-type210 {
 width: 300px;
}
[class*="body-view-"] .popup-type11 .pop-wrap {
 width: 320px;
 margin-left: -380px;
}
[class*="body-view-"] .popup-type11.pop-share01 .pop-wrap {
 margin-top: -10px;
}
[class*="body-view-"] .popup-type11.pop-fontsize01 .pop-wrap {
 margin-top: 72px;
}
[class*="body-view-"] .keyword-zone + .empathy-zone {
 margin-top: 28px !important;
}
[class*="body-view-"] .keyword-zone + .subscribe-zone02 {
 margin: 28px auto 0;
}
[class*="body-view-"] .article-wrap01 {
 position: relative;
}
[class*="body-view-"] .story-news {
 position: relative;
}
[class*="body-view-"] .story-news:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: var(--ui-tag005);
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 [class*="body-view-"] .empathy-zone {
  margin: 40px 0;
 }
 [class*="body-view-"] .comment-zone {
  margin: 40px 0 0;
  padding: 0;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="body-view-"] .empathy-zone {
  max-width: 100%;
  margin: 20px auto;
 }
 [class*="body-view-"] .article-wrap01 {
  max-width: 720px;
  margin: 0 auto;
 }
 [class*="body-view-"] .comment-zone {
  display: none; /*margin:40px 0 0;padding:0;*/
 }
 [class*="body-view-"] .keyword-zone + .empathy-zone {
  margin-top: 8px !important;
 }
 [class*="body-view-"] .box-type104,
 [class*="body-view-"] .list-type210 {
  width: 100%;
 }
 [class*="body-view-"] .box-type104.box-editors-news01 {
  display: none;
 }
 [class*="body-view-"] .keyword-zone + .subscribe-zone02 {
  max-width: 100%;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="body-view-"] .writer-zone01 {
  margin-bottom: 40px;
 }
 [class*="body-view-"] .article-wrap01 {
  max-width: 720px;
  margin: 0 auto;
 }
 [class*="body-view-"] .story-news:before {
  left: 16px;
  width: calc(100% - 32px);
 }
 [class*="body-view-"] .comment-zone {
  display: none; /*margin:40px 0 0;padding:0;*/
 }
 [class*="body-view-"] .keyword-zone + .empathy-zone {
  margin-top: 8px !important;
 }
 [class*="body-view-"] .keyword-zone + .subscribe-zone02 {
  max-width: 100%;
  margin: 28px 16px 0;
 }
 [class*="body-view-"] .empathy-zone {
  max-width: 350px;
  height: 42px;
  margin: 20px auto 0;
  background-color: var(--ui-tag001);
 }
 [class*="body-view-"] .empathy-zone .btn-type421 {
  flex-shrink: 1;
  width: 100%;
 }
 [class*="body-view-"] .box-type104,
 [class*="body-view-"] .list-type210 {
  width: 100%;
 }
 [class*="body-view-"] .box-type104.box-editors-news01 {
  display: none;
 }
 [class*="body-view-"] .article-deleted .box-type090 {
  width: 100% !important;
  max-width: 440px;
  padding: 50px 16px !important;
 }
}
/* ---- ##유튜브채널 ---- */
.list-type300.style01 [class*="img-con"] .img img {
 top: 50%;
 height: auto;
 transform: translate(-50%, -50%);
}

.subscriber-type001 {
 display: flex;
 align-items: center;
 margin-top: 40px;
}
.subscriber-type001:before {
 content: "";
 display: block;
 width: 80px;
 height: 80px;
 background-size: 80px 80px;
 background-position: 0 0;
 background-repeat: no-repeat;
}

.subscriber-type001.nknow:before {
 background-image: var(--ui-bg543);
}
.subscriber-type001.yna:before {
 background-image: var(--ui-bg536);
}
.subscriber-type001.tong-culture:before {
 background-image: var(--ui-bg537);
}
.subscriber-type001.tong-tech:before {
 background-image: var(--ui-bg538);
}
.subscriber-type001.tong-living:before {
 background-image: var(--ui-bg539);
}
.subscriber-type001.know:before {
 background-image: var(--ui-bg540);
}

.subscriber-type001 .area {
 margin-left: 24px;
}
.subscriber-type001 .area .info-box01 .txt {
 font-size: 16px;
 font-weight: 500;
 color: var(--font-color006);
}
.subscriber-type001 .area .info-box02 .txt-type01 {
 display: block;
 position: relative;
 padding-right: 15px;
}
.subscriber-type001 .area .info-box02 .txt-type01:after {
 content: "";
 display: block;
 position: absolute;
 top: -4px;
 right: -10px;
 width: 30px;
 height: 30px;
 background-image: var(--ui-bg067);
 background-size: 100% auto;
 background-position: center;
 background-repeat: no-repeat;
 transform: rotate(180deg);
}
.subscriber-type001 .area .info-box02 .txt {
 font-size: 16px;
 font-weight: 500;
 color: var(--font-color003);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .subscriber-type001:before {
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
 }
 .subscriber-type001 .area {
  margin-left: 16px;
 }
 .subscriber-type001 .area .info-box01 .txt {
  font-size: 14px;
 }
 .subscriber-type001 .area .info-box02 .txt {
  font-size: 15px;
 }
}

@media only screen and (max-width: 767px) {
 .subscriber-type001 {
  padding: 0 16px;
 }
 .subscriber-type001:before {
  width: 64px;
  height: 64px;
  background-size: 64px 64px;
 }
 .subscriber-type001 .area {
  margin-left: 16px;
 }
 .subscriber-type001 .area .info-box01 .txt {
  font-size: 14px;
 }
 .subscriber-type001 .area .info-box02 .txt {
  font-size: 15px;
 }
}

/* ---- ##싱글 RSS 페이지 ---- */
.page-rss .title-type001 {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 min-height: 36px;
 text-align: center;
}
.page-rss .txt-type015 {
 margin-bottom: 60px;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .page-rss .title-type001 .tit01 {
  font-size: 20px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .page-rss .title-type001 .tit01 {
  font-size: 20px;
 }
 .page-rss .txt-type018 {
  padding: 40px 24px;
 }
 .page-rss .txt-type015 {
  box-sizing: border-box;
  padding: 0 24px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .page-rss .title-type001 .tit01 {
  font-size: 20px;
 }
 .page-rss .txt-type018 {
  padding: 40px 16px;
 }
 .page-rss .txt-type015 {
  box-sizing: border-box;
  padding: 0 16px;
 }
}

/* ---- ##단발성이슈 ---- */
.body-view-issue02 {
 padding-bottom: 80px;
}
.body-view-issue02 .wrap-container {
 padding-bottom: 120px;
}
.body-view-issue02 .content03 {
 width: 1200px !important;
 padding-left: 0 !important;
}
.body-view-issue02 .content03 .section01 {
 max-width: 820px !important;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .body-view-issue02 .wrap-container {
  padding-bottom: 83px;
 }
 .body-view-issue02 .content03 {
  width: 980px !important;
 }
 .body-view-issue02 .content03 .section01 {
  max-width: 640px !important;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .body-view-issue02 .wrap-container {
  padding-bottom: 62px;
 }
 .body-view-issue02 .content03 .section01 {
  max-width: 100% !important;
 }
 .body-view-issue02 .content03 .section02 {
  display: flex;
 }
}

/* ---- ##사이트맵 ---- */
[class*="page-sitemap"] .content03 {
 display: block;
 box-sizing: border-box;
 width: 980px;
 margin-top: 0;
}
[class*="page-sitemap"] .txt-type018:after {
 display: none;
}
.page-sitemap .site-field01 {
 margin-top: 60px;
}

[class*="page-sitemap"] .title-type015 .tit01 span {
 display: none;
}
[class*="page-sitemap"] .title-type015 .tit01 span.on {
 display: inline-block;
}

/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="page-sitemap"] .content03 {
  width: 100%;
  padding: 0 24px !important;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 [class*="page-sitemap"] .content03 {
  width: 100%;
  padding: 0 16px !important;
 }
}

/* ---- ##성금 ---- */
.body-single-newspaper01 .content03,
.body-single-donation01 .content03 {
 display: block;
 box-sizing: border-box;
 margin-top: 0;
}
.body-single-newspaper01 .txt-type015,
.body-single-donation01 .txt-type015,
.body-single-newspaper01 .txt-type016,
.body-single-donation01 .txt-type016 {
 box-sizing: border-box;
}
[class*="body-single-"] .txt-type015 .desc-con .txt01 {
 margin-top: 0;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 .body-single-newspaper01 .txt-type015,
 .body-single-donation01 .txt-type015 {
  padding: 0 22px;
 }
 .body-single-newspaper01 .txt-type016,
 .body-single-donation01 .txt-type016 {
  margin: 60px 0 0;
 }
 /* 성금 : 텍스트형 타이틀 */
 .body-single-newspaper01 .txt-type018,
 .body-single-donation01 .txt-type018 {
  padding: 80px 0px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .body-single-newspaper01 .txt-type015,
 .body-single-donation01 .txt-type015 {
  padding: 0 24px;
 }
 .body-single-newspaper01 .txt-type016,
 .body-single-donation01 .txt-type016 {
  margin: 40px 24px 0;
 }
 /* 성금 : 텍스트형 타이틀 */
 .body-single-newspaper01 .txt-type018,
 .body-single-donation01 .txt-type018 {
  padding: 60px 24px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .body-single-newspaper01 .txt-type015,
 .body-single-donation01 .txt-type015 {
  padding: 0 16px;
 }
 .body-single-newspaper01 .txt-type016,
 .body-single-donation01 .txt-type016 {
  margin: 40px 16px 0;
 }

 [class*="body-single-"] .txt-type015 .desc-con,
 [class*="body-single-"] .txt-type015 .txt-mes03 {
  text-align: left;
 }
 [class*="body-single"] .txt-type015 .desc-con .txt01 {
  max-width: 100%;
 }
 .body-single.page-rss .txt-type015 .desc-con .txt01 {
  text-align: left;
 }
 /* 성금 : 텍스트형 타이틀 */
 .body-single-newspaper01 .txt-type018,
 .body-single-donation01 .txt-type018 {
  padding: 40px 16px;
 }
 .body-single-newspaper01 .txt-type017 {
  box-sizing: border-box;
  padding: 0 16px;
 }
}

/* ---- ##사고 싱글페이지 ---- */
.body-single .wrap-container .content03:first-of-type {
 margin-top: 0;
}

/* ir클럽 */
.page-irclub .wrap-container [class*="content0"] {
 max-width: 980px;
 float: none;
}
.page-product .wrap-container [class*="content0"] {
 max-width: 980px;
}

/* =============== ####검색 결과 페이지 (Control)======================== */
[class*="page-search"] .wrap-container .content03 {
 margin-top: 80px;
}
[class*="page-search"] .section02 .div-area01 > .box-type211 {
 margin-top: 0;
}
[class*="page-search"] .nav-type41 + [class*="box-type2"] {
 margin-top: 48px !important;
}
[class*="page-search"] .aside-box240 + .box-type104 {
 margin-top: 40px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 [class*="page-search"] .nav-type41 + [class*="box-type2"] {
  margin-top: 24px !important;
 }
 [class*="page-search"] .wrap-container .content03 {
  margin-top: 24px;
 }
 [class*="page-search"] .nav-type41 {
  padding: 0 24px;
 }
 [class*="page-search"] .section01 [class*="box-type20"],
 [class*="page-search"] .section01 [class*="box-type21"] {
  padding: 0 8px;
 }
 [class*="page-search"] .section02 {
  box-sizing: border-box;
  padding: 0 8px;
 }
 [class*="page-search"] .section02 .div-area01 > .box-type211 {
  margin-top: 40px !important;
 }
 [class*="page-search"] .section02 .div-area01 > .box-type211 .list-text400 {
  width: calc(100% - 32px);
  margin: 0 auto;
 }
 [class*="page-search"] .section02 .div-area01 {
  width: 100%;
 }
 [class*="page-search"] .section02 .div-area02,
 [class*="page-search"] .section02 .div-area01 .box-type104 {
  display: none;
 }
 [class*="page-search"] .result-field01 {
  padding: 0 24px;
 }
 [class*="page-search"] .nav-type41 .gnb-menu42 .swiper-slide.person,
 [class*="page-search"] .box-type212.box-serp01-person .btn-type303,
 [class*="page-search"] .box-type211.box-serp01-person {
  display: none;
 } /* @임시 : 2차 버전에 삭제 */
}
@media only screen and (max-width: 767px) {
 [class*="page-search"] .nav-type41 + [class*="box-type2"] {
  margin-top: 24px !important;
 }
 [class*="page-search"] .wrap-container .content03 {
  margin-top: 24px;
 }
 [class*="page-search"] .nav-type41 {
  padding: 0 16px;
 }
 [class*="page-search"] .box-type201 {
  padding: 0;
 }
 [class*="page-search"] .section02 .div-area02,
 [class*="page-search"] .section02 .div-area01 .box-type104 {
  display: none;
 }
 [class*="page-search"] .section02 .div-area01 > .box-type211 {
  margin-top: 40px !important;
 }
 [class*="page-search"] .section02 .div-area01 {
  width: 100%;
 }
 [class*="page-search"] .nav-type41 .gnb-menu42 .swiper-slide.person,
 [class*="page-search"] .box-type212.box-serp01-person .btn-type303,
 [class*="page-search"] .box-type211.box-serp01-person {
  display: none;
 } /* @임시 : 2차 버전에 삭제 */
}

/* ---- ##result-field01 : [통합검색] 검색없음 안내문구 ---- */
.result-field01 {
 box-sizing: border-box;
 width: 100%;
}
.result-field01 .result-con {
 position: relative;
 padding: 24px 20px;
 background-color: var(--ui-tag007);
 font-size: 16px;
}
.result-field01 .result-con .txt-none {
 display: block;
 position: relative;
 padding-left: 6px;
 color: var(--font-color006);
}
.result-field01 .result-con .txt-none:before {
 content: "";
 position: absolute;
 top: 10px;
 left: 0;
 width: 2px;
 height: 2px;
 background-color: var(--ui-tag010);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .result-field01 {
  padding: 0 16px;
 }
}
@media only screen and (max-width: 767px) {
 .result-field01 {
  padding: 0 16px;
 }
 .result-field01 .result-con {
  padding: 24px 16px 24px 20px;
  font-size: 14px;
 }
}

/* ---- ##search-wrap01 : [통합검색] 검색옵션 ---- */
.search-wrap01 {
 position: relative;
 padding: 32px 20px 20px 20px;
 border-radius: 2px;
}
.search-wrap01 fieldset {
 overflow-y: auto;
 padding: 0 20px 20px;
}
.search-wrap01 .title-con03 {
 justify-content: center;
 margin-bottom: 32px;
}
.search-wrap01 .btn-type015 {
 position: absolute;
 top: 10px;
 right: 10px;
}
.search-wrap01 fieldset > .ir-txt01 {
 position: absolute;
 top: 0;
 left: 0;
}
.search-wrap01 .wrap-form {
 margin-top: 20px;
}
.search-wrap01 .wrap-form:after {
 content: "";
 visibility: hidden;
 display: block;
 clear: both;
 height: 0;
 font-size: 0;
 line-height: 0;
}
.search-wrap01 .wrap-form .label-con-radio01.block {
 display: block;
}
.search-wrap01 .wrap-form .tit-label {
 width: 100%;
 margin-bottom: 12px;
 line-height: 24px;
 font-weight: 600;
 color: var(--font-color003);
}
.search-wrap01 .wrap-form .form-date .label-con-date01 {
 width: 100%;
}
.search-wrap01 .wrap-form .radio-form {
 display: flex;
 gap: 12px 20px;
 flex-wrap: wrap;
}
.search-wrap01 .wrap-form .checkbox-form {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
}
.search-wrap01 .form-date {
 display: flex;
 justify-content: center;
 gap: 4px;
 margin-top: 8px;
}
.search-wrap01 .srch-form01 {
 margin-top: 0;
}
.search-wrap01 .srch-form04 .text01 {
 width: 100%;
}
.search-wrap01 .txt-mes03 {
 margin-top: 20px;
}
.search-wrap01 [class*="btns-wrap"] {
 display: flex;
 justify-content: center;
 margin-top: 20px;
}
.search-wrap01 [class*="btns-wrap"] [class*="btn"] + [class*="btn"] {
 margin-left: 8px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .search-wrap01 fieldset {
  box-sizing: border-box;
  height: 100%;
  padding: 67px 0 80px;
  background-color: var(--ui-tag001);
  overflow-y: scroll;
  overscroll-behavior: contain;
 }
 .ios .search-wrap01 fieldset {
  height: -webkit-fill-available;
  height: fill-available;
  min-height: 100vh;
 }
 .search-wrap01 {
  padding: 0;
  border-radius: 0;
 }
 .search-wrap01 .title-con03 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 50px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--ui-tag005);
  background-color: var(--ui-tag001);
 }
 .search-wrap01 .title-con03 .title-type016 .tit01 {
  font-size: 17px;
 }
 .search-wrap01 .wrap-form .tit-label {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 21px;
 }
 /*.search-wrap01 .btn-type015{position:fixed;top:7px;right:10px;z-index:3;}*/
 .search-wrap01 .inner {
  padding: 0 16px 16px;
 }
 .search-wrap01 [class*="btns-wrap"] {
  padding-bottom: 40px;
 }
}
@media only screen and (max-width: 767px) {
 .search-wrap01 {
  padding: 0;
  border-radius: 0;
 }
 .search-wrap01 fieldset {
  box-sizing: border-box;
  height: 100%;
  padding: 67px 0 80px;
  background-color: var(--ui-tag001);
  overflow-y: scroll;
  overscroll-behavior: contain;
 }
 .ios .search-wrap01 fieldset {
  height: -webkit-fill-available;
  height: fill-available; /*height:100%;*/
  min-height: 100vh;
 }
 .search-wrap01 .title-con03 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 50px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--ui-tag005);
  background-color: var(--ui-tag001);
 }
 .search-wrap01 .title-con03 .title-type016 .tit01 {
  font-size: 17px;
 }
 .search-wrap01 .wrap-form .tit-label {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 21px;
 }
 /*.search-wrap01 .btn-type015{position:fixed;top:7px;right:10px;z-index:3;}*/
 .search-wrap01 .inner {
  padding: 0 16px 16px;
 }
 .search-wrap01 [class*="btns-wrap"] {
  padding-bottom: 40px;
 }
}

/* ---- ##검색결과없음 ---- */
[class*="box-serp01-"].none .list-type501,
[class*="box-serp01-"].none .btn-type300,
[class*="box-serp01-"].none .btn-type208,
[class*="box-serp01-"].none .list-type502,
[class*="box-serp01-"].none .list-type500 {
 display: none;
}

/* =============== ####기자 ======================== */
.body-reporter-main {
 background-color: var(--ui-tag007);
}
.body-reporter-sub yna-paging {
 width: 100%;
}
.body-reporter-sub .content03 .search-type02 {
 margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 .body-reporter-sub .content03 .search-type02 {
  margin-top: 0;
 }
}
@media only screen and (max-width: 767px) {
 .body-reporter-sub .content03 .search-type02 {
  margin-top: 0;
 }
}
/* =============== ####게시판 (Control) ======================== */
body[class*="body-bbs-"] .popup-whole-home01 {
 position: fixed !important;
}
body[class*="body-bbs-"] .wrap-container [class*="content"] {
 overflow: hidden;
 float: none;
 max-width: 100%;
 margin: 0 auto;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 body[class*="body-bbs-"] .nav-type11 {
  padding-left: 22px;
 }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 body[class*="body-bbs-"] .nav-type11 {
  justify-content: space-between;
  padding-left: 24px;
 }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 body[class*="body-bbs-"] .nav-type11 {
  justify-content: space-between;
  padding-left: 16px;
 }
}

/* 수용자권익위원회(회차벌) */
.body-bbs-read .title-unit04 {
 font-weight: 600;
}

/* =============== ##사이트맵 (Control) ======================== */
/* 사이트맵 메인(/sitemap/index) : page-sitemap
/* 그 외 : page-sitemap-list */
/* [class*='page-sitemap']{} */
/* =============== ##Y뷰어 (Control) ======================== */
body.page-yviewer .popup-type50.active,
body.popup-yviewer .popup-type50.active {
 z-index: 110;
}
body.page-yviewer.body-hybrid {
 overflow: hidden;
}
@media (orientation: landscape) {
 body.popup-yviewer .popup-type02 {
  height: calc(100vh - 100px);
 }
 body.popup-yviewer .popup-type02 .pop-wrap {
  overflow-y: scroll;
 }
 body.popup-yviewer .popup-type02.pop-yviewer01 .pop-content {
  overflow: visible;
 }
 body.popup-yviewer .popup-type02.pop-yviewer01 .pop-content:before {
  display: none;
 }
}
/* =============== ##print (Control) ======================== */
/* 인쇄 미리보기 화면에 적용될 CSS 코드 */
.body-popup-win {
 overflow-x: hidden;
}
.popup-print01 .pop-header .logo-yna02 {
 padding-top: 0;
}
.popup-print01 .title-article01 > .tit01 {
 display: block;
 margin-top: 4px;
 font-size: 36px !important;
 line-height: 1.3;
 font-weight: 700;
 color: var(--font-color003);
}
.popup-print01 .story-news {
 padding-right: 0;
 padding-left: 0;
}
.popup-print01 .story-news .tit-sub {
 padding-right: 0 !important;
 padding-left: 0 !important;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
 .popup-print01 .pop-content,
 .popup-print01 .pop-footer {
  padding-right: 24px;
  padding-left: 24px;
 }
}

@media print {
 body {
  font-family:
   "Pretendard", "Malgun Gothic", "맑은 고딕", Gulim, "굴림",
   AppleSDGothicNeo-Regular, sans-serif;
 }
 body.body-popup-win {
  -webkit-print-color-adjust: exact !important;
 }
 .popup-print01 {
  padding-bottom: 60px;
 }
 .popup-print01 .pop-header .btns-wrap03 {
  display: none;
 }
 .popup-print01 .pop-header .logo-yna02 {
  padding-top: 0;
 }
 .popup-print01 .title-article01 > .tit01 {
  display: block;
  margin-top: 4px;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--font-color003);
 }
}
/* =============== ##page-error (Control) ======================== */
body.page-error .wrap-container {
 min-height: auto;
 padding-bottom: 0;
}

/* =============== ##광고 (aside) ======================== */
/* 모바일 디바이스 예외처리 */
.body-hybrid .aside-top-bnr01,
.body-hybrid .aside-box412,
.body-hybrid .wrap-header01 {
 display: none !important;
}