/************************************************* * 프로젝트명 : 연합뉴스 국문 PC 홈페이지 (★ 2024) * commnet : common.css *************************************************/ /* 해상도분기 정리 //대형 와이드 프레임 : 1280px 이상 - 컨테이너영역1200px @media only screen and (min-width:1280px){} //대형 프레임 : 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){} //일반형/대형 프레임 : 1024px 이상 @media only screen and (min-width:1024px){} //일반형/대형 프레임 : 1025px 이상 @media only screen and (min-width:1025px){} //소형 프레임 : 767px 이하 - 컨테이너 영역 가변 @media only screen and (max-width:767px){} //초소형 프레임 : 320px 이하 - 컨테이너 영역 가변 @media only screen and (max-width:320px){} */ @import url('swiper-8.4.7.min.css'); @import url('vanilla-calendar-2.9.6.min.css'); /* =============== ####IR ======================== */ /* ---- ##ir-txt$$ ---- */ /* .ir-txt01 : 기본 사용 * .ir-txt02 : btn-type005 */ [class*='ir-txt0']{overflow:hidden;display:inline-block;width:1px;height:1px;border:none;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);} .ir-txt01{overflow:hidden;font-size:1px;line-height:1px;color:transparent;white-space:nowrap;} /* =============== ####swiper.js ======================== */ .swiper-area{overflow:hidden;} /* =============== ####vanilla-calendar ======================== */ /* ---- ##calendar-type01 : vanilla-calendar 달력 ---- */ .calendar-type01{max-width:304px;border-radius:2px;background-color:var(--ui-tag001);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);} .calendar-type01.style01{width:100%;background-color:var(--ui-tag007);box-shadow:none;} .calendar-type01.style01 .vanilla-calendar-arrow{width:30px;height:30px;border-radius:100%;} .calendar-type01 .vanilla-calendar{width:100%;height:auto;padding:20px 12px 12px;background-color:var(--ui-tag000);} .calendar-type01 .vanilla-calendar-header{height:30px;margin-bottom:4px;padding:0 8px 12px;} .calendar-type01 .vanilla-calendar-arrow{width:30px;height:30px;border-radius:100%;} .calendar-type01 .vanilla-calendar-arrow:before{background-size:11px 10px;background-position:50% 50%;background-repeat:no-repeat;transform:rotate(0);} .calendar-type01 .vanilla-calendar-arrow_next{transform:rotate(-180deg)} .calendar-type01 .vanilla-calendar-header__content{display:flex;flex-direction:row-reverse;} .calendar-type01 .vanilla-calendar-month, .calendar-type01 .vanilla-calendar-year{position:relative;padding:0 18px 0 0;} .calendar-type01 .vanilla-calendar-year{display:flex;margin-right:20px} .calendar-type01 .vanilla-calendar-year:after{content:'년';display:block;} .calendar-type01 .vanilla-calendar-year:before, .calendar-type01 .vanilla-calendar-month:before{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;background-image:var(--ui-bg095);background-size:14px 14px;background-position:50% 50%;background-repeat:no-repeat;transform:translateY(-50%);} .calendar-type01 .vanilla-calendar-day__btn{width:40px;height:40px;border-radius:100%;font-size:14px;font-weight:600;} .calendar-type01 .vanilla-calendar-week{margin-bottom:0;} .calendar-type01 .vanilla-calendar-week__day{width:30px;height:30px;font-size:14px;font-weight:600;} .calendar-type01 .vanilla-calendar-day__btn_prev, .calendar-type01 .vanilla-calendar-day__btn_next{display:none;} .calendar-type01 .vanilla-calendar-week__day .vanilla-calendar-week__day, .calendar-type01 .vanilla-calendar-week__day_weekend{font-size:14px;} .calendar-type01 .vanilla-calendar-arrow:before{background-image:var(--ui-bg096);} /* [data-calendar-theme='light'] */ .calendar-type01.style01 [data-calendar-theme='light'] .vanilla-calendar-day__btn{background-color:var(--ui-tag000);} .calendar-type01.style01 [data-calendar-theme='light'] .vanilla-calendar-day__btn:hover{background-color:rgb(241 245 249);} .calendar-type01.style01 [data-calendar-theme='light'] .vanilla-calendar-years__year, .calendar-type01.style01 [data-calendar-theme='light'] .vanilla-calendar-months__month{background-color:var(--ui-tag000);} .calendar-type01.style01 [data-calendar-theme='light'] .vanilla-calendar-arrow{background-color:var(--ui-tag001);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-arrow{background-color:var(--ui-tag011);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn{color:var(--font-color005);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_disabled, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_disabled.vanilla-calendar-day__btn_weekend{color:var(--font-color008) !important;} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today:hover, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn_selected, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn_selected:hover{background-color:var(--ui-tag030);color:var(--font-color001) !important;} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend{color:var(--font-color021);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day:nth-child(7n) .vanilla-calendar-day__btn{color:var(--font-color005);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-week__day .vanilla-calendar-week__day, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-week__day_weekend{color:var(--font-color004);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend:hover{background-color:rgba(79,111,203,0.1);} .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected, .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover{background-color:var(--ui-tag030);color:var(--font-color001);} @media only screen and (min-width:1025px){ [data-calendar-theme='light'].vanilla-calendar button:focus-visible{outline:2px solid var(--ui-tag002);outline-offset:-2px;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .calendar-type01{width:100%;min-width:304px;min-height:338px;} .calendar-type01 .vanilla-calendar{padding:20px 12px 12px;} .calendar-type01 .vanilla-calendar-header{margin-bottom:4px;padding:0 8px 12px;} .calendar-type01.style01{background-color:var(--ui-tag001);box-shadow:none;} } /* ---- ##alendar-form$$ : calendar-type의 상위 div ---- */ /* 비주얼 뉴스, 테마별 뉴스 * 버튼 클릭시 달력 노출 */ /* ---- ##캘린더 : calendar-form01 > popup-calendar01 ---- */ .calendar-form01 .calendar-type01{display:none;} .calendar-form01.active .calendar-type01{display:block;} .calendar-form01 .calendar-type01{position:absolute;top:36px;right:50%;z-index:222;margin-right:-975px;} @media only screen and (min-width:1024px) and (max-width:1279px){ .calendar-form01 .calendar-type01{margin-right:-865px;} } @media only screen and (max-width:767px){ .calendar-form01 .calendar-type01{position:fixed;top:50%;left:50%;right:auto;z-index:222;width:calc(100% - 70px);margin-right:0;transform:translate(-50%, -50%);} } /* 테마별 뉴스 > 긴급뉴스, 톱뉴스 * PC : 월별 달력 노출 */ /* ---- ##캘린더 : calendar-form02 > popup-calendar01 ---- */ .calendar-form02 .calendar-type01{display:block;position:relative;} @media only screen and (max-width:767px){ .calendar-form02 .calendar-type01{display:none;position:fixed;top:50%;left:50%;z-index:10;width:calc(100% - 70px);transform:translate(-50%, -50%);} .calendar-form02.active .calendar-type01{display:block;z-index:222;} } /* =============== ####Color & Highlight ======================== */ /* ---- ##배경 색상 ---- */ /* 무채색 color00 ~ 19 */ .bg00{background-color:var(--ui-tag000);} .bg01{background-color:var(--ui-tag001);} .bg02{background-color:var(--ui-tag002);} .bg03{background-color:var(--ui-tag003);} .bg04{background-color:var(--ui-tag030);} .bg05{background-color:var(--ui-tag031);} .bg06{background-color:var(--ui-tag034);} .bg07{background-color:var(--ui-tag033);} .bg08{background-color:var(--ui-tag032);} .bg09{background-color:var(--ui-tag035);} .bg10{background-color:var(--ui-tag004);} .bg11{background-color:var(--ui-tag009);} /* ---- ##폰트 색상 ---- */ /* 무채색 color00 ~ 19 */ .color00{color:var(--font-color000) !important;} .color01{color:var(--font-color001) !important;} .color02{color:var(--font-color002) !important;} .color03{color:var(--font-color006) !important;} /* [font]그외 20 ~ $$ */ .color20{color:var(--font-color028) !important;} .color21{color:var(--font-color021) !important;} .color22{color:var(--font-color032) !important;} .color23{color:var(--font-color041) !important;} .color24{color:var(--font-color023) !important;} .color25{color:var(--font-color043) !important;} .color26{color:var(--font-color044) !important;} .color27{color:var(--font-color045) !important;} .color28{color:var(--font-color039) !important;} /* ---- ##언더라인 색상 ---- */ .underline01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* =============== ####줄바꿈 br ======================== */ /* br01 : 767px 이하에서 줄바꿈 기능 해제 * br02 : 1024px 이하에서 줄바꿈 기능 해제 */ @media only screen and (max-width:1024px){ .br02{display:none;} } @media only screen and (max-width:767px){ .br01{display:none;} } /* =============== ####img Cover / None ======================== */ /* ---- ##img-none$$ ---- */ /* 섬네일 이미지가 없을 경우 */ [class*='img-none'] .img{position:relative;} /* img-none01 */ .img-none01{background-color:var(--ui-tag011);} .img-none01:after{content:'';opacity:0.1;display:block;position:absolute;top:50%;left:50%;z-index:1;width:60%;height:60%;background-image: var(--ui-bg503);background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;transform:translate(-50%,-50%);filter:var(--ui-filter002);} /* img-none02 */ /* 섬네일 가로 세로 구분 (동적으로 .colW/.rowH 가 추가된다.) * colW 가로 | rowH 세로 */ /* 이미지 규칙 - 가로형(width >= height) : colW - 세로형(width < height) : rowH */ [class*='img-con']{position:relative;} /* [class*='img-con'] .colW{} [class*='img-con'] .rowH{} */ /* =============== ####DIMMED ======================== */ /* ---- ##overlay$$ ---- */ /* 섬네일 딤드 스타일 */ /* .overlay01{} */ /* ---- ##mask-type$$ ---- */ /* 윈도우 딤드 스타일 */ /* mask-type01 : PC 해상도에서 header영역을 덮지 않는 케이스 mask-type02 : 모바일 해상도(1023이하) 모든 컨텐츠를 덮는 케이스 mask-type03 : 모든 해상도를 덮는 케이스 */ @keyframes dim-fadein{ 0%{opacity:0;} 100%{opacity:1;} } .mask-type01, .mask-type02, .mask-type03{opacity:0;display:none;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,0.4); -webkit-transition:opacity 0.2s, z-index 0.2s; transition:opacity 0.2s, z-index 0.2s; } body.popup-mode .mask-type01{/*opacity:1;*/display:block;z-index:90; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; /*animation-delay: 0.4s;*/ } body.popup-mode .mask-type03{/*opacity:1;*/display:block;z-index:221; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; /*animation-delay: 0.4s;*/ } body.body-my-sub.popup-mode .mask-type02{z-index:221;} body.page-search.popup-mode .mask-type02{z-index:221;} /*body.page-search.popup-mode .mask-type02, body.body-my-sub.popup-mode .mask-type02{display:block; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; !*animation-delay: 0.4s;*! }*/ /*body.popup-mode .mask-type01{opacity:1;display:block;z-index:90;}*/ body.popup-yviewer.popup-mode .mask-type02{ display:block;z-index:220; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; /*animation-delay: 0.4s;*/ } @media only screen and (min-width:1024px) and (max-width:1279px) { /* 어디사용하는지몰라서 일단 주석함:김혜미 body[class*='body-view-'].popup-mode .mask-type02{!*opacity:1;*!display:block;z-index:221; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; animation-delay: 0.4s; }*/ } @media only screen and (max-width:767px){ body.popup-mode .mask-type02{/*opacity:1;*/display:block;z-index:221; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; /*animation-delay: 0.4s;*/ } } /* =============== ####Icon ======================== */ /* ---- ##logo-yna$$ : 연합뉴스 로고 ---- */ /* (클래스범위) * logo-yna01 : 기본 HEADER 로고 * logo-yna02 : [페이지 위치] 설명 * logo-yna03 : [페이지 위치] 설명 */ [class*='logo-yna']{overflow:hidden;display:block;} /*button[class*='logo-yna']{border:none;background-color:transparent;}*/ [class*='logo-yna'] [class*='ir-txt']{background-size:auto 100%;background-repeat:no-repeat;clip:auto;clip-path:none;} .logo-yna01 [class*='ir-txt']{width:218px;height:60px;background-image:var(--ui-bg500);} .logo-yna02 [class*='ir-txt']{width:87px;height:24px;background-image:var(--ui-bg500);} .logo-yna03 [class*='ir-txt']{width:109px;height:30px;background-image:var(--ui-bg500);} .logo-yna04 [class*='ir-txt']{width:113px;height:31px;background-image:var(--ui-bg500);} .logo-yna05 [class*='ir-txt']{width:144px;height:40px;background-image:var(--ui-bg502);} .logo-yna06 [class*='ir-txt']{width:115px;height:32px;background-image:var(--ui-bg500);} .logo-yna10 [class*='ir-txt']{width:24px;height:24px;background-image:var(--ui-bg503);filter:var(--ui-filter102);} .logo-yna11 [class*='ir-txt']{width:32px;height:32px;background-image:var(--ui-bg503);} .logo-yna21 [class*='ir-txt']{width:79px;height:18px;background-image:var(--ui-bg506);} @media only screen and (max-width:767px){ .logo-yna01 [class*='ir-txt']{width:87px;height:24px;} .logo-yna03 [class*='ir-txt']{width:87px;height:24px;} .logo-yna05 [class*='ir-txt']{width:110px;height:30px;} .logo-yna06 [class*='ir-txt']{width:101px;height:28px;} } /* ---- ##ico-type01 (사이즈 고정 아이콘) ---- */ /* (클래스범위) * ico-type01-$$ : .btn-type004-toggle 구성요소 * ico-type02-$$ : 단위 기사 상세정보 표시 * ico-type03-$$ : 기사분류 * ico-type04-$$ : [기사본문] (하단) 관련기사 / 관련이슈, [전국 리스트] (하단) 지방지 계약사 * ico-type05-$$ : 푸터 패밀리 사이트 구성요소 * ico-type06-$$ : 푸터 메뉴 열고/닫기 * ico-type11-$$ : (임시) [채널] 서브 타이틀 아이콘 * ico-type12-$$ : (임시) [채널] 본문 하단 링크 아이콘 * ico-type13-$$ : 플레이어 재생 아이콘 48*48 * ico-type91-$$ : 스타일 규격 없이 단독으로 된 디자인 * ico-type92-$$ : [공통검색]스타일 규격 없이 단독으로 된 디자인 * ico-type93-$$ : 이메일아이콘 * ico-type94-$$ : 마이페이지아이콘 * ico-type95-$$ : 에러페이지아이콘 */ /* ---- ##ico-type$$-**** 공통 ---- */ [class*='ico-type']{position:relative;} /* ---- ##ico-type01-**** : .btn-type004-toggle 구성요소 ---- */ [class*='ico-type01']{width:24px;height:24px;background-size:24px 24px;background-repeat:no-repeat;} .ico-type01-srch01{background-image:var(--ui-bg003);}/* 검색 */ .ico-type01-close01{background-image:var(--ui-bg004);}/* 닫기 */ .ico-type01-menu01{background-image:var(--ui-bg001);}/* 검색 */ .ico-type01-close02{background-image:var(--ui-bg007);}/* 닫기 */ /* ---- ##ico-type02-**** (단위 기사 상세정보 표시) ---- */ /* 재생시간 */ .ico-type02-play01{height:18px;font-size:12px;font-weight:500;color:var(--font-color006);} .ico-type02-play01:before{content:'';display:inline-flex;width:10px;height:10px;background-image:var(--ui-bg034);background-size:100% auto;background-repeat:no-repeat;} /* [본문] 읽은수 : 눈모양 */ .ico-type02-view01{display:flex;align-items:center;font-size:15px;font-weight:400;color:var(--font-color006);} .ico-type02-view01:before{content:'';display:inline-flex;width:21px;height:20px;margin-right:2px;background-image:var(--ui-bg066);background-size:21px auto;background-position:center;background-repeat:no-repeat;} /* 재생시간2 : 톱뉴스 */ .ico-type02-play02{display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 8px;border-radius:2px;background-color:rgba(0,0,0,.4);font-size:13px;font-weight:500;color:var(--font-color001);} .ico-type02-play02:before{content:'';display:inline-flex;width:10px;height:10px;filter:var(--ui-filter001);background-image:var(--ui-bg034);background-size:100% auto;background-repeat:no-repeat;} /* ---- ##ico-type03-**** : 기사분류 ---- */ [class*='ico-type03-']{width:32px;height:32px;background-position:center;background-repeat:no-repeat;} [class*='ico-type03-photo0']{background-image:var(--ui-bg030);background-size:26px 18px;} [class*='ico-type03-gallery0']{background-image:var(--ui-bg031);background-size:29px 21px;text-align:center;} [class*='ico-type03-gallery0']>.txt01{display:inline-block;position:absolute;top:50%;left:50%;padding:1px 3px 4px 0;font-size:10px;line-height:1.5;font-weight:800;color:var(--font-color001);transform:translate(-50%, -50%);} .ico-type03-gallery02{width:32px;height:32px;background-color:rgba(0,0,0,.6);background-size:22px auto;} .ico-type03-zoom01{width:32px;height:32px;border:none;background-color:rgba(0,0,0,.6);background-image:var(--ui-bg800);background-size:calc(100% - 10px);background-position:center;background-repeat:no-repeat;} .ico-type03-play01{width:32px;height:32px;border:none;background-color:rgba(0,0,0,.6);background-image:var(--ui-bg837);background-size:100% auto;background-position:center;background-repeat:no-repeat;} .ico-type03-photo02{width:32px;height:32px;background-color:rgba(0,0,0,.6);background-size:22px auto;} .ico-type03-graphic01{width:32px;height:32px;border:none;background-color:rgba(0,0,0,.6);background-image:var(--ui-bg838);background-size:100% auto;background-position:center;background-repeat:no-repeat;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='ico-type03-']{background-color:rgba(0,0,0,.6);} .ico-type03-photo01{background-size:20px 14px;} .ico-type03-gallery01{background-size:22px 16px;} .ico-type03-gallery01>.txt01{position:absolute;top:50%;left:50%;padding-right:3px;font-size:10px;line-height:1.2;transform:translate(-50%, -50%);} [class*='ico-type03-gallery0']>.txt01{padding:1px 2px 4px 0;} } /* ---- ##ico-type04-**** : 16x16사이즈 아이콘 ---- */ /* 기사본문 파일 */ .ico-type04-file01{width:16px;height:16px;background-image:var(--ui-bg035);background-size:100% auto;background-position:center;background-repeat:no-repeat;} /* 검색 알림 */ .ico-type04-noti01{flex-shrink:0;width:16px;height:16px;background-image:var(--ui-bg813);background-size:14px auto;background-position:center;background-repeat:no-repeat;} /* 스포츠캘린더 화살표1 */ .ico-type04-arr01{width:16px;height:16px;background-image:var(--ui-bg055);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;} .ico-type04-arr02{width:16px;height:16px;background-image:var(--ui-bg054);background-size:15px 15px;background-position:center center;background-repeat:no-repeat;} /* ---- ##ico-type05-**** : 푸터 패밀리 메뉴 열고/닫기 ---- */ .ico-type05-open{width:24px;height:24px;background-image:var(--ui-bg013);} .ico-type05-close{width:24px;height:24px;background-image:var(--ui-bg014);} /* 본문 인쇄 : 비디오 재생버튼 */ .ico-type96-play01{z-index:2;width:80px;height:80px;margin:0;border-radius:80px;background-color:rgba(255,255,255,0.7);text-align:center;vertical-align:middle;box-shadow:none;cursor:pointer; transition:all 0.4s;} .ico-type96-play01:before{content:'';display:block;position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:var(--vid-skin11-play02);transform:translate(-50%, -50%);} /*---- ##ico-type06-**** ----*/ [class*='ico-type06']{overflow:hidden;width:20px;height:20px;font-size:1px;line-height:1px;color:transparent;white-space:nowrap;} [class*='ico-type06']:before{content:'';display:inline-block;clear:both;width:100%;height:100%;} /* [푸터] 메뉴 열고/닫기 화살표 * [기자홈] 통계보기 열기/닫기 */ [class*='ico-type06-arr0']::before, [class*='ico-type06-arr1']::before{background-image:var(--ui-bg015);background-size:100% 100%;} .ico-type06-arr01::before, .ico-type06-arr11::before{transform:rotate(0);} .ico-type06-arr02::before, .ico-type06-arr12::before{transform:rotate(90deg);} .ico-type06-arr03::before, .ico-type06-arr13::before{transform:rotate(180deg);} .ico-type06-arr04::before, .ico-type06-arr14::before{transform:rotate(270deg);} [class*='ico-type06-arr1']::before{filter:var(--ui-filter001);} /* [검색] 검색 */ .ico-type06-search01{width:20px;height:20px;background-image:var(--ui-bg818);background-size:14px auto;background-position:center;background-repeat:no-repeat;} /* [검색] 최근 검색 */ .ico-type06-time01{width:20px;height:20px;background-image:var(--ui-bg820);background-size:14px auto;background-position:center;background-repeat:no-repeat;} /*---- ##ico-type07-**** ----*/ [class*='ico-type07']::before{content:'';display:inline-block;clear:both;} [class*='ico-type07']:empty::before{margin-right:0;} [class*='ico-type07-plus0'], [class*='ico-type07-check0']{font-size:13px;line-height:20px;line-height:1.5;font-weight:500;} /* [구독] 추가(+) 아이콘 */ [class*='ico-type07-plus0']::before{width:7px;height:7px;margin-right:4px;background-image:var(--ui-bg032);background-position:center;background-repeat:no-repeat;} .ico-type07-plus01{color:var(--font-color001);} .ico-type07-plus02{color:var(--font-color004);} .ico-type07-plus02::before{filter:var(--ui-filter008)} /* [구독] 체크(√) 아이콘 (svg stroke : 2) */ [class*='ico-type07-check0']::before{width:8px;height:8px;margin-right:4px;background-image:var(--ui-bg049);background-size:8px 8px;background-position:center;background-repeat:no-repeat;} .ico-type07-check01{color:var(--font-color001);} .ico-type07-check02{color:var(--font-color021);} .ico-type07-check02::before{filter:var(--ui-filter101);} /* 체크(√) 아이콘 : 세줄요약 (svg stroke : 1.5) */ .ico-type07-check11::before{width:8px;height:6px;background-image:var(--ui-bg059);background-size:100% auto;background-position:center;background-repeat:no-repeat;} /*---- ##ico-type08-**** ----*/ .ico-type08-new01{width:6px;height:6px;border-radius:50%;background-color:var(--ui-tag061);} .ico-type08-new01.style01{border:3px solid var(--ui-tag001);} /*---- ## ico-type08-new02 : N아이콘(브랜드뉴스,Y뷰어) ----*/ /* 가상선택자 ':before' 에 아이콘 스타일 작업시 IOS 18.3 에서 말줄임 미작동 오류 발생 * span 태그에 아이콘 스타일 작업시 IOS 18.3에서 정상 동작 */ .ico-type08-new02{margin-right:8px;position:relative;top:3px;display:inline-flex;justify-content:center;width:20px;height:20px;padding:0;background-image:var(--ui-bg056);background-size:contain;background-repeat:no-repeat;line-height:20px;} .ico-type08-new02:before{content:'new'; font-size:0; opacity:0; line-height:0; position:absolute;left:0;top:0;} .ico-type08-new02.style01{width:16px;height:16px;background-size:100% 100%;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .ico-type08-new02{top:1px;} } /* ##ico-type09$$ */ .ico-type09-setting01{width:16px;height:16px;background-image:var(--ui-bg771);background-position:center;background-repeat:no-repeat;} .ico-type09-coupone01{width:15px;height:12px;background-image:var(--ui-bg772);background-position:center;background-repeat:no-repeat;} /*---- ##ico-type11-**** ----*/ /* [본문] 공감영역(좋아요,슬퍼요,화나요,미정) */ [class*='ico-type11']{display:inline-block;position:relative;height:25px;padding-left:32px;font-size:16px;font-weight:600;color:var(--font-color005);} [class*='ico-type11']:empty{padding-left:25px;} [class*='ico-type11']:after, [class*='ico-type11']:before{content:'';display:block;position:absolute;top:0;left:0;width:25px;height:100%;} [class*='ico-type11']:before{border-radius:100%;background-color:var(--ui-tag001);} [class*='ico-type11']:after{background-size:100% auto;background-position:center;background-repeat:no-repeat;} .ico-type11-emoticon01:after{background-image:var(--ui-bg832);} .ico-type11-emoticon02:after{background-image:var(--ui-bg833);} .ico-type11-emoticon03:after{background-image:var(--ui-bg834);} .ico-type11-emoticon04:after{background-image:var(--ui-bg835);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='ico-type11']{height:19px;} [class*='ico-type11']:empty{padding-left:19px;} [class*='ico-type11']:after, [class*='ico-type11']:before{width:19px;} } /*---- ##ico-type12-**** ----*/ /* [기타 RSS페이지] 주소복사 아이콘 */ .ico-type12-copy01{display:inline-block;width:16px;height:16px;margin-left:4px;background-image:var(--ui-bg836);background-position:center;background-repeat:no-repeat;} /*---- ##ico-type13-**** ----*/ /* 플레이어 아이콘 btn-wrap12 > btn-type30-toggle */ [class*='ico-type13-']{display:block;width:48px;height:48px;background-size:48px 48px;background-position:center;background-repeat:no-repeat;} .ico-type13-play01{background-image:var(--vid-skin11-play03);} .ico-type13-stop01{background-image:var(--vid-skin11-stop03);} /*---- ##ico-type6$-**** : 마이페이지 ----*/ /* 이메일 아이콘 */ .ico-type61-mail01{width:12px;height:12px;background-image:var(--ui-bg047);background-size:12px 12px;background-position:center center;background-repeat:no-repeat;filter:var(--ui-filter001);} .ico-type61-mail02{width:12px;height:12px;background-image:var(--ui-bg047);background-size:12px 12px;background-position:center center;background-repeat:no-repeat;} /* 마이페이지 아이콘 */ .ico-type62-rank01{width:16px;height:16px;background-image:var(--ui-bg070);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;} .ico-type62-coupon01{width:16px;height:16px;background-image:var(--ui-bg071);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;} .ico-type62-setting01{position:relative;box-sizing:border-box;width:auto;height:auto;padding-left:20px;background-image:none;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color021);} .ico-type62-setting01::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:16px;height:16px;background-image:var(--ui-bg073);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .ico-type62-check01{position:relative;box-sizing:border-box;width:auto;height:auto;padding-left:20px;background-image:none;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color021);} .ico-type62-check01::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:16px;height:16px;background-image:var(--ui-bg074);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* 마이페이지 로고 아이콘 [class*='ico-type63-']{position:relative;width:24px;height:24px;flex-shrink:0;} .ico-type63-naver01{background-color:var(--ui-tag048);} [class*='ico-type63-']:before{width:18px;height:18px;background-size:18px 18px;background-position:center center;background-repeat:no-repeat;flex-shrink:0;} .ico-type63-naver01{background-image:var(--ui-bg530);} */ /* 마이페이지 랭크 아이콘 */ [class*='ico-type64']{display:block;width:60px;height:60px;background-size:60px 60px;background-position:center center;background-repeat:no-repeat;} .ico-type64-family{background-image:var(--ui-bg099);} .ico-type64-silver{background-image:var(--ui-bg100);} .ico-type64-gold{background-image:var(--ui-bg101);} .ico-type64-vip{background-image:var(--ui-bg102);} /* ---- ##ico-label-* : 로고 및 기타 아이콘 ---- */ [class*='ico-label-']{overflow:hidden;display:inline-block;font-size:1px;color:var(--font-color000);white-space:nowrap;} /* ---- ##ico-type90-person01 : 인물정보 아이콘 ---- */ .ico-type90-person01{flex-shrink:0;width:14px;height:14px;margin-right:4px;background-image:var(--ui-bg802);background-size:100% auto;background-repeat:no-repeat;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .ico-type90-person01{position:relative;top:-1px;} } /* ---- ##ico-type90-encyclop01 : 연합백과 아이콘 ---- */ .ico-type90-encyclop01{flex-shrink:0;width:14px;height:14px;margin-right:4px;background-image:var(--ui-bg803);background-size:100% auto;background-repeat:no-repeat;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .ico-type90-encyclop01{position:relative;top:-1px;} } /* 타이틀 옆 툴팁 물음표 */ .ico-type91-question01{top:-3px;width:18px;height:18px;background-image:var(--ui-bg033);background-size:100% auto;background-position:center;background-repeat:no-repeat;} /* [마켓+] 타이틀 옆 툴팁 물음표 */ .ico-type91-question02{top:0px;width:16px;height:16px;border-radius:100%;background-color:var(--ui-tag004);} .ico-type91-question02:after{content:'';display:block;width:100%;height:100%;background-image:var(--ui-bg098);background-size:16px 16px;background-position:center;background-repeat:no-repeat;} /* 타이틀 옆 툴팁 안내아이콘 */ .ico-type91-info01{top:0px;width:16px;height:16px;background-image:var(--ui-bg097);background-size:16px 16px;background-position:center;background-repeat:no-repeat;} /* 연합마이뉴스 타이틀영역 툴팁 안내아이콘 */ .ico-type91-info02{width:14px;height:14px;background-image:var(--ui-bg091);background-size:14px 14px;background-position:center;background-repeat:no-repeat;} /* 영상 기사 아이콘 */ .ico-type91-video01{display:flex;justify-content:center;align-items:center;position:relative;width:80px;height:80px;} .ico-type91-video01:before{content:'';opacity:0.8;display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border-radius:100%;background-color:var(--ui-tag001);} .ico-type91-video01:after{content:'';display:block;position:absolute;top:50%;left:50%;z-index:1;width:48px;height:48px;background-image:var(--ui-bg052);transform:translate(-50%, -50%);} /* 에러페이지 아이콘 */ .ico-type95-noti01{overflow:hidden;display:inline-flex;align-items:center;position:relative;width:72px;height:66px;} .ico-type95-noti01:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:54px;background-color:var(--ui-tag030);background-image:var(--ui-bg058);background-repeat:no-repeat;background-position:50% 50%;} .ico-type95-noti01:before{content:'';display:block;position:absolute;left:0;bottom:-2px;z-index:1;width:8px;height:24px;background-color:var(--ui-tag030);transform:rotate(45deg);} @media only screen and (max-width:767px){ .ico-type95-noti01{width:48px;height:44px;} .ico-type95-noti01:after{height:36px;background-size:24px;} } /* ico-label-brand$$ 브랜드 아이콘 */ /* ico-label-brand01 : #흥 * ico-label-brand02 : Y스페셜 */ /* [class*='ico-label-brand']{} .ico-label-brand01{} .ico-label-brand02{} */ /* ico-label-channel01 : [채널섹션] 타이틀 * ico-label-channel02 : [메인] 채널 콘텐츠 타이틀 */ /* [class*='ico-label-channel']{} .ico-label-channel01{} .ico-label-channel02{} */ /* ico-label-ticker01 : 속보티커 * ico-label-ticker02 : 긴급티커 */ /* [class*='ico-label-ticker']{} */ .ico-label-ticker01{display:inline-flex;align-items:center;position:relative;height:23px;padding:0 8px 8px;} .ico-label-ticker01>.txt01{flex-shrink:0;position:relative;z-index:2;height:23px;font-size:15px;line-height:23px;font-weight:600;color:var(--font-color001);} .ico-label-ticker01:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:23px;background-color:var(--ui-tag036);} .ico-label-ticker01:before{content:'';display:block;position:absolute;left:0;bottom:-2px;z-index:1;width:6px;height:18px;background-color:var(--ui-tag036);transform:rotate(45deg);} @media only screen and (max-width:767px){ .ico-label-ticker01{height:20px;padding:0 5px 4px;} .ico-label-ticker01>.txt01{height:20px;font-size:12px;line-height:20px;} .ico-label-ticker01:after{height:20px;} } /* ico-label-youtube01 : 유튜브 채널 */ .ico-label-youtube01{width:81px;height:18px;background-image:var(--ui-bg504);background-size:100% auto;background-position:center;background-repeat:no-repeat;} .ico-label-youtube02{width:16px;height:11px;background-image:var(--ui-bg505);background-size:100% auto;background-position:center;background-repeat:no-repeat;} .ico-label-youtube03{position:relative;top:6px;width:16px;height:20px;background-image:var(--ui-bg523);background-size:100% auto;background-position:center;background-repeat:no-repeat;} @media only screen and (min-width:1024px) and (max-width:1279px){ .ico-label-youtube03{top:4px;} } @media only screen and (max-width:767px){ .ico-label-youtube03{top:3px;} } /* ico-label-archive : Archive */ [class*='ico-label-archive0']{background-position:center;background-repeat:no-repeat;} .ico-label-archive01{flex-shrink:0;width:70px;height:22px;background-image:var(--ui-bg522);background-size:100% auto;} .ico-label-archive02{display:inline-block;flex-shrink:0;width:30px;height:30px;border-radius:100%;background-color:var(--ui-tag062);background-image:var(--ui-bg801);background-size:18px auto;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .ico-label-archive02{width:24px;height:24px;background-size:15px auto;} } /* ico-label-health01 : 더건강 */ .ico-label-health01{width:72px;height:24px;background-image:var(--ui-bg514);background-size:100% auto;background-position:center;background-repeat:no-repeat;} /* ico-label-rss01: RSS피드 */ .ico-label-rss01{width:36px;height:36px;background-image:var(--ui-bg526);background-size:100% auto;background-position:center;background-repeat:no-repeat;} /* =============== #### loaging ======================== */ .loading-type01{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:255;width:100vw;height:100vh;background-color:rgba(17,17,17,.6);} .loading-type01 span{display:inline-block;box-sizing: border-box;width:48px;height:48px;border:4px solid rgba(255,255,255,0.2);border-radius:50%;animation:rotation 1s linear infinite;border-bottom-color:var(--ui-tag001);} @keyframes rotation { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } /* =============== ####info-list$$ ======================== */ .info-list01{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;padding:12px 16px;border-radius:2px;background-color:var(--ui-tag009);gap:20px;} .info-list01>li{display:inline-block;width:auto;vertical-align:top;} .info-list01>li a{display:block;} .info-list01>li a .txt{display:block;font-size:14px;line-height:21px;font-weight:500;color:var(--font-color006);} .info-list01>li a .txt .num{margin-left:4px;font-size:14px;font-weight:700;color:var(--font-color021);} .info-list01>li a:hover{opacity:1!important;text-decoration:none!important;} /* =============== ####Button ======================== */ /* ---- ##btn-type$$$ ---- */ /* (클래스범위) * btn-type001~099 : 아이콘형태 버튼 * btn-type030~039 : 로고 형태 버튼 * btn-type040~049 : 텍스트 형태 버튼 * btn-type100 : 구독버튼 * btn-type101 : 많이본뉴스, 단독뉴스 * 토글 버튼 (더 만들지 말기) -- btn-type004-toggle, btn-type408-toggle, btn-type411-toggle, btn-type412-toggle * (addClass 범위) * style01~19 : bg 형태 * style20~29 : 보더라인 형태 * arr01 : arrow 형태 */ /* ---- ##btn-type$$$ 공통 ---- */ [class*='btn-']{overflow:hidden;display:inline-block;position:relative;z-index:0;box-sizing:border-box;border:none;background-color:transparent;line-height:normal;color:inherit;vertical-align:top;white-space:nowrap;font:inherit;} button[class*='btn-']{cursor:pointer;} /*[class*='btn-type']{display:inline-block;border:none;background-color:transparent;} 0422 이전 css */ [class*='btn-type'].hide{display:none;} [class*='btn-type'][class*='tip0']:after{content:'';display:none;clear:both;position:absolute;left:50%;bottom:-29px;box-sizing:border-box;min-width:60px;height:25px;border:1px solid var(--ui-tag005);border-radius:100px;background-color:var(--ui-tag001);font-size:11px;font-weight:500;color:var(--font-color006);text-align:center;transform:translateX(-50%);transition:all 0.2s ease-in-out;box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.06);} [class*='btn-type'] .txt-new{display:inline-block;position:absolute;left:69%;bottom:0px;box-sizing:border-box;min-width:17px;height:17px;padding:0 4px;border:1px solid #fff;border-radius:100px;background-color:var(--ui-tag036);font-size:11px;line-height:15px;font-weight:700;color:var(--font-color001);text-align:center;transform:translateX(-50%);} [class*='btn-type'] .txt-new:empty{display:none;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ [class*='btn-type'][class*='tip0']:hover:after{display:inline-block;} } /* ---- ##btn-type$$-toggle : 토글 공통 ---- */ [class*='-toggle'] [class*='pick0']{display:none;} [class*='-toggle']:not(.active) .pick01{display:block;} [class*='-toggle'].active .pick01{display:none;} [class*='-toggle'].active .pick02{display:block;} /* ---- ##btn-type001 : 아이콘 단독형 : 34*27 ---- */ .btn-type001{overflow:visible;display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:34px;height:30px;} .btn-type001:before{content:'';display:block;position:absolute;top:50%;left:50%;width:100%;height:30px;background-size:24px auto;background-position:center;background-repeat:no-repeat;transform:translate(-50%, -50%);} .btn-type001 .ir-txt01{display:inline-block;clip-path:none;} .btn-type001.scrap01:before{background-image:var(--ui-bg805);} /* 스크랩off */ .btn-type001.active.scrap01:before{background-image:var(--ui-bg806);} /* 스크랩on */ .btn-type001.share01:before{background-image:var(--ui-bg807);} /* 공유 */ .btn-type001.cmt01:before{background-image:var(--ui-bg808); } /* 댓글 */ .btn-type001.fsize01:before{background-image:var(--ui-bg809);} /* 폰트크기 */ .btn-type001.print01:before{background-image:var(--ui-bg810);} /* 인쇄 */ .btn-type001.report01:before{background-image:var(--ui-bg811);} /* 제보 */ /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type001:hover.scrap01:before{background-image:var(--ui-bg806);} /* 스크랩on */ } /* 터치가 가능한 환경에서 적용된 css */ @media (pointer: coarse){ .btn-type001.print01, .btn-type002.print01{display:none;} } /* ---- ##btn-type002 : 텍스트 노출형 40*60--- */ .btn-type002{position:relative;box-sizing:border-box;width:60px;height:60px;padding:35px 0 8px;} .btn-type002:after{content:'';display:block;position:absolute;top:8px;left:0;width:100%;height:24px;background-size:24px auto;background-position:center;background-repeat:no-repeat;} .btn-type002>.txt01{position:relative;width:100%;height:17px;font-size:11px;line-height:18px;color:var(--font-color005);text-align:center;} .btn-type002.scrap01:after{background-image:var(--ui-bg805);} /* 스크랩off */ .btn-type002.active.scrap01:after{background-image:var(--ui-bg806);}/* 스크랩on */ .btn-type002.share01:after{background-image:var(--ui-bg807);}/* 공유 */ .btn-type002.cmt01:after{background-image:var(--ui-bg808);}/* 댓글 */ .btn-type002.fsize01:after{background-image:var(--ui-bg809);}/* 폰트크기 */ .btn-type002.print01:after{background-image:var(--ui-bg810);}/* 인쇄 */ .btn-type002.report01:after{background-image:var(--ui-bg811);}/* 제보 */ /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type002:hover:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background-color:var(--ui-tag007);} } /* ---- ##btn-type002 : 아이콘 단독형 : 40*40 : 연합라운지 ---- */ .btn-type002.style01{width:40px;height:40px;} .btn-type002.style01:after{background-size:auto 18px;} .btn-type002.style01:before{content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:40px;height:40px;border-radius:40px;opacity:0.1;background-color:var(--ui-tag001);} .btn-type002.style01:after{filter:var(--ui-filter001);} @media only screen and (max-width:767px){ .btn-type002.style01:before{opacity:0.2;background-color:var(--ui-tag002);} } /* ---- ##btn-type003 : 개별 - 폰트 사이즈(텍스트) ---- */ .btn-type003[class*='font']{display:inline-block;width:40px;height:40px;border:1px solid var(--ui-tag005);border-radius:50%;} .btn-type003[class*='font']:before{content:'가';display:block;position:absolute;top:50%;left:50%;font-weight:600;color:var(--font-color005);text-align:center;transform:translate(-50%, -50%);} .btn-type003[class*='font'].active{background-color:var(--ui-tag030);border-color:var(--ui-tag030);} .btn-type003[class*='font'].active:before{color:var(--font-color001);} .btn-type003.font01:before{font-size:15px;} .btn-type003.font02:before{font-size:16px;} .btn-type003.font03:before{font-size:17px;} .btn-type003.font04:before{font-size:18px;} .btn-type003.font05:before{font-size:19px;} .btn-type003.font06:before{font-size:20px;} .btn-type003.font07:before{padding:6px 0 7px;font-size:21px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type003[class*='font']:hover{border-color:var(--ui-tag030);background-color:var(--ui-tag030);} .btn-type003[class*='font']:hover:before{color:var(--font-color001);} } /* ---- ##btn-type004 헤더 공통 버튼 : 44*44 ---- */ [class*='btn-type004']{box-sizing:border-box;width:44px;height:44px;padding:10px;background-size:24px auto;background-position:50% 50%;background-repeat:no-repeat;} [class*='btn-type004'].menu02{background-image:var(--ui-bg012);background-position:50% 11px;} /* 메뉴 흰색 */ [class*='btn-type004'].login01{background-image:var(--ui-bg002);} /* 로그인 */ [class*='btn-type004'].close01{background-image:var(--ui-bg004);} /* 메뉴닫기 */ [class*='btn-type004'].close02{background-image:var(--ui-bg011);} /* 메뉴닫기 흰색 */ [class*='btn-type004'].setting01{background-image:var(--ui-bg010);} /* 설정 */ [class*='btn-type004'].alert01:before{content:'';display:block;position:relative;box-sizing:border-box;width:24px;height:24px;background-image:var(--ui-bg005);background-size:24px auto;background-position:50% 50%;background-repeat:no-repeat;} [class*='btn-type004'].alert01 .ico-type08-new01.style01{display:none;position:absolute;top:auto;left:auto;right:10px;bottom:10px;} [class*='btn-type004'].alert01.active .ico-type08-new01.style01{display:block;} .btn-type004-toggle{display:flex;} .btn-type004-toggle [class*='ico-type01-']{flex-shrink:0;} .btn-type004-toggle .ico-type01-close01, .btn-type004-toggle.btn-srch-switch.active .ico-type01-srch01{display:none;} .btn-type004-toggle.btn-srch-switch.active .ico-type01-close01{display:block;} .btn-type004-toggle.menu01{position:relative;overflow:visible;} .btn-type004-toggle.menu01.active .ico-type01-menu01{display:none;} .btn-type004-toggle.menu01.active .ico-type01-close02{display:block;} /* 웹접근성 이슈로 추가한 부분 추후반영 예정으로 주석처리함 */ /*.btn-type004-toggle.menu01 .ir-txt11, .btn-type004-toggle.menu01 .ir-txt12{display:none;} .btn-type004-toggle.menu01.active .ir-txt11{position:absolute;top:-26px;left:10px;display:none;align-items:center;padding:0 10px;border-radius:100px;height:26px;font-size:12px;font-weight:500;background-color:var(--ui-tag003);color:var(--font-color001);} .btn-type004-toggle.menu01.active .ir-txt12{position:absolute;top:-9px;left:11px;display:none;align-items:center;font-size:12px;font-weight:500;color:var(--font-color002);} .keyboard-mode01 .btn-type004-toggle.menu01.active .ir-txt11, .keyboard-mode01 .btn-type004-toggle.menu01.active .ir-txt12{display:inline-flex;}*/ /* ---- ##btn-type005 툴팁 타입 버튼 : 24*33 ---- */ .btn-type005{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:24px;height:33px;background-size:24px auto;background-position:center;background-repeat:no-repeat;} .btn-type005:after{content:'';display:none;position:absolute;right:7px;bottom:-8px;width:10px;height:10px;border-left:1px solid var(--ui-tag001);border-bottom:1px solid var(--ui-tag001);background-color:var(--ui-tag001);transform:rotate(135deg);box-shadow:0px 1px 4px 0px rgba(0, 0, 0,.06);} .btn-type005.active:after{display:block;} .btn-type005.active .btn-type005:after{display:block;} /* ---- ##btn-type006 SNS 버튼 : 30*30 ---- */ .btn-type006{position:relative;width:30px;height:30px;border-radius:100%;background-color:var(--ui-tag011);} .btn-type006:after{display:block;content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-size:contain;} .btn-type006.fb:after{width:8px;height:15px;background-image:var(--ui-bg510);} .btn-type006.ins:after{width:15px;height:15px;background-image:var(--ui-bg511);} .btn-type006.ytb:after{width:14px;height:11px;background-image:var(--ui-bg512);} .btn-type006.tw:after{width:13px;height:12px;background-image:var(--ui-bg513);} /* ---- ##btn-type007 : 실행,정지 버튼 : 30*30 ---- */ [class*='btn-type007']{display:inline-block;flex-shrink:0;position:relative;width:30px;height:30px;margin-left:12px;} [class*='btn-type007']:before, [class*='btn-type007']:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;} [class*='btn-type007']:before{z-index:1;border-radius:100%;background-color:var(--ui-tag007);} [class*='btn-type007']:after{z-index:2;} .btn-type007-pause01:after{background-image:var(--ui-bg028);} .btn-type007-play01:after{background-image:var(--ui-bg029);} /* ---- ##btn-type009 : [푸터] 메뉴 ---- */ .btn-type009{display:flex;justify-content:flex-end;align-items:center;width:32px;height:49px;} .btn-type009 .ico-type06-arr01:before{transform:rotate(180deg);} .btn-type009.open .ico-type06-arr01{display:none;} .btn-type009.open .ico-type06-arr01:before{transform:rotate(0deg);} .btn-type009.open .ico-type06-arr01{display:block;} /* ---- ##btn-type010 : 툴팁 : 세줄요약 ---- */ .btn-type010{overflow:visible;display:inline-block;position:relative;z-index:2;width:40px;height:40px;} .btn-type010 .ir-txt01{position:absolute;top:0;left:0;} .btn-type010.summary01:before{content:'';display:block;position:absolute;top:0;left:0;z-index:3;width:40px;min-width:auto;height:40px;border:none;background-image:var(--ui-bg804);background-size:22px auto;background-position:center;background-repeat:no-repeat;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type010.tip01.active:hover:after{display:none;} .btn-type010.tip01.summary01:hover:after{content:'세 줄 요약';} .btn-type010.tip01.share01:hover:after{content:'공유하기';} .btn-type010.tip01.cmt01:hover:after{content:'댓글';} .btn-type010.tip01.fsize01:hover:after{content:'글자크기';} .btn-type010.tip01.print01:hover:after{content:'인쇄하기';} } /* ---- ##btn-type012 :아이콘 단독형 30x30 통합검색 검색버튼 ---- */ .btn-type012{box-sizing:border-box;width:38px;height:38px;padding:8px;background-size:30px auto;background-position:50% 50%;background-repeat:no-repeat;} .btn-type012.search01{background-image:var(--ui-bg812);} @media only screen and (max-width:767px){ .btn-type012{background-size:24px auto;} } /* ---- ##btn-type013 : 통합검색 clear버튼 ---- */ .btn-type013{box-sizing:border-box;width:26px;height:26px;padding:8px;background-size:14px auto;background-position:50% 50%;background-repeat:no-repeat;} .btn-type013.btn-clear01{display:inline-block;position:relative;} .btn-type013.btn-clear01:after{content:'';display:block;position:absolute;top:50%;left:50%;z-index:2;width:8px;height:8px;background-image:var(--ui-bg814);background-size:100% auto;background-repeat:no-repeat;transform:translate(-50%, -50%);} .btn-type013.btn-clear01:before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:1;width:14px;height:14px;border-radius:100%;background-color:var(--ui-tag012);transform:translate(-50%,-50%);} @media only screen and (max-width:767px){ .btn-type013{box-sizing:border-box;width:26px;height:26px;background-size:18px auto;} .btn-type013.btn-clear01:before{width:18px;height:18px;} } /* ---- ##btn-type014 통합검색 filter버튼 ---- */ .btn-type014{box-sizing:border-box;width:32px;height:32px;background-size:20px auto;background-position:50% 50%;background-repeat:no-repeat;} .btn-type014.btn-filter01{background-image:var(--ui-bg815);} @media only screen and (max-width:767px){ .btn-type014{width:24px;height:24px;background-size:18px auto;} } /* ---- ##btn-type015 통합검색 검색옵션 닫기 버튼 ---- */ .btn-type015{box-sizing:border-box;width:36px;height:36px;background-image:var(--ui-bg004);background-size:24px auto;background-position:50% 50%;background-repeat:no-repeat;} /* ---- ##btn-type017 : 검색리스트 버튼 : 바로가기, 삭제 ---- */ [class*='btn-type017']{box-sizing:border-box;width:26px;height:100%;background-position:50% 50%;background-repeat:no-repeat;} .btn-type017.go01{padding:6px;background-image:var(--ui-bg819);background-size:10px auto;} .btn-type017.delete01{padding:5px;background-image:var(--ui-bg821);background-size:12px auto;} /* ---- ##btn-type020 : 테마별뉴스 날짜별 많이 본 뉴스 캘린더 버튼 ---- */ .btn-type020{box-sizing:border-box;width:24px;height:36px;padding:0px;background-image:var(--ui-bg048);background-size:24px auto;background-position:center center;background-repeat:no-repeat;} /* ---- ##btn-type021 다운로드 버튼(기사본문) ---- */ .btn-type021{width:24px;height:24px;background-image:var(--ui-bg825);background-size:14px auto;background-position:center;background-repeat:no-repeat;} /* ---- ##btn-type022 특파원 전체보기 버튼 ---- */ .btn-type022{overflow:hidden;display:block;position:relative;width:32px;height:32px;border-radius:32px;background-color:var(--ui-tag030);transform:rotate(0deg);} .btn-type022:after{content:'';display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;background-image:var(--ui-bg057);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translate(-50%, -50%);} .btn-type022.active{transform:rotate(180deg);} /* ---- ##btn-type030-toggle ---- */ /* videojs 커스텀 버튼 : 비디오소재 재생/일시정지 */ .btn-type030-toggle{opacity:1;width:48px;height:48px;} .btn-type030-toggle .ico-type13-stop01{display:none;} .btn-type030-toggle.active .ico-type13-play01{display:none;} .btn-type030-toggle.active .ico-type13-stop01{display:block;} @media only screen and (min-width:1024px){ button.btn-type030-toggle:hover, a.btn-type030-toggle:hover{opacity:0.5;transition:all 0.4s;} } /* ---- ##btn-type031 ---- */ /* videojs 커스텀 버튼 : 비디오소재 10초전,후 */ [class*='btn-type031-']{width:48px;height:48px;} .btn-type031-prev01{opacity:1;background-image:var(--vid-skin11-prev01) !important;} .btn-type031-next01{opacity:1;background-image:var(--vid-skin11-next01) !important;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ button[class*='btn-type031']:hover, a[class*='btn-type031']:hover{opacity:0.5;transition:all 0.4s;} } /* ---- ##btn-type032 ---- */ /* videojs 커스텀 버튼 : 오디오뉴스 이전, 다음 */ [class*='btn-type032']{display:block;width:48px;height:48px;background-size:48px auto;background-position:center;background-repeat:no-repeat;} .btn-type032-prev01{opacity:0.5;background-image:var(--audio-skin12-prev01);} .btn-type032-next01{opacity:0.5;background-image:var(--audio-skin12-next01);} /* ---- ##btn-type033 ---- */ /* videojs 커스텀 버튼 : 오디오뉴스 목록 열기-닫기 */ [class*='btn-type033']{display:inline-block;width:44px;height:44px;background-position:center;background-repeat:no-repeat;} .btn-type033-open{background-image:var(--audio-skin12-menu01);background-size:24px auto;} .btn-type033-close{background-image:var(--vid-skin11-close01);background-size:20px auto;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ button[class*='btn-type033']:hover, a[class*='btn-type033']:hover{opacity:1;transition:all 0.4s;} } /* ---- ##btn-type023 :아이콘 단독형 기자검색 검색버튼 ---- */ .btn-type023{display:block;flex-shrink:0;box-sizing:border-box;width:64px;height:58px;border-radius:2px;background-color:var(--ui-tag030);background-image:var(--ui-bg831);background-size:24px 24px;background-position:center center;background-repeat:no-repeat;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type023{width:56px;height:55px;} } /* ---- ##btn-type023 : y뷰어 팝업 닫기 --- */ .btn-type024{width:64px;height:64px;border-radius:50%;background-color:var(--ui-tag030);background-image:var(--ui-bg774);background-size:cover;background-position:0;background-repeat:no-repeat;} .btn-type024:before{content:'';display:block;position:absolute;top:5px;left:5px;width:54px;height:54px;border-radius:50%;background-color:var(--ui-tag001);background-image:var(--ui-bg773);background-size:20px 20px;background-position:center center;background-repeat:no-repeat;} /* ##btn-type025 : 연합라운지 팝업 닫기 */ .btn-type025{box-sizing:border-box;width:40px;height:40px;background-image:var(--ui-bg004);background-size:28px auto;background-position:50% 50%;background-repeat:no-repeat;filter:var(--ui-filter001);} @media only screen and (max-width:767px){ .btn-type025{background-size:19px auto;} } /* ---- ##btn-type034 :공통 삭제 버튼 ---- */ .btn-type034{display:block;flex-shrink:0;box-sizing:border-box;width:18px;height:18px;background-image:var(--ui-bg077);background-size:18px 18px;background-position:center center;background-repeat:no-repeat;} /* ---- ##btn-type035 :마이페이지 리스트 더보기 버튼 ---- */ .btn-type035{display:block;flex-shrink:0;box-sizing:border-box;width:24px;height:24px;background-image:var(--ui-bg078);background-size:24px 24px;background-position:center center;background-repeat:no-repeat;} /* ---- ##btn-type036 :마이페이지 리스트 좋아요 버튼 ---- */ .btn-type036{display:block;flex-shrink:0;box-sizing:border-box;width:20px;height:20px;background-image:var(--ui-bg079);background-size:20px 20px;background-position:center center;background-repeat:no-repeat;} .btn-type036.active{background-image:var(--ui-bg080);} /* ---- ##btn-type037 :마이페이지 리스트 싫어요 버튼 ---- */ .btn-type037{display:block;flex-shrink:0;box-sizing:border-box;width:20px;height:20px;background-image:var(--ui-bg079);background-size:20px 20px;background-position:center center;background-repeat:no-repeat;transform:rotate(180deg);} .btn-type037.active{background-image:var(--ui-bg080);} /* ---- ##btn-type038 :마이페이지 탭 삭제 버튼 ---- */ .btn-type038{display:block;flex-shrink:0;box-sizing:border-box;width:14px;height:14px;background-image:var(--ui-bg077) !important;background-size:14px 14px;background-position:center center;background-repeat:no-repeat;} /* ---- ##btn-type038 :마이페이지 마케팅 윈도우 닫기 버튼 ---- */ .btn-type039{display:block;flex-shrink:0;box-sizing:border-box;width:12px;height:12px;background-image:var(--ui-bg083) !important;background-size:12px 12px;background-position:center center;background-repeat:no-repeat;} .btn-type039.style01{filter:var(--ui-filter004);} /* ---- ##btn-type1$$ : 로고 형태 버튼 ---- */ .btn-type100{display:inline-block;box-sizing:border-box;width:52px;height:52px;background-size:100% auto;background-repeat:no-repeat;} /*.btn-type100.yna{background-image:var(--ui-bg506);}*/ /*.btn-type100.know{background-image:var(--ui-bg507);}*/ /*.btn-type100.tong-culture{background-image:var(--ui-bg508);}*/ /*.btn-type100.digital{background-image:var(--ui-bg509);}*/ /*.btn-type100.tong-tech{background-image:var(--ui-bg529);}*/ /*.btn-type100.tong-living{background-image:var(--ui-bg542);}*/ .btn-type100.yna{background-image:var(--ui-bg536);} .btn-type100.know{background-image:var(--ui-bg540);} .btn-type100.digital{background-image:var(--ui-bg541);} .btn-type100.tong-culture{background-image:var(--ui-bg537);} .btn-type100.tong-tech{background-image:var(--ui-bg538);} .btn-type100.tong-living{background-image:var(--ui-bg539);} .btn-type100.nknow{background-image:var(--ui-bg543);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .btn-type100{width:44px;height:44px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type100{width:44px;height:44px;} } @media screen and (min-device-pixel-ratio:2) { img{width:88px;height:88px;} /* 2배 크기 */ } /* ---- ##btn-type101 : SNS공유 로고 ---- */ .btn-type101{position:relative;min-width:40px;padding-top:46px;} .btn-type101:before, .btn-type101:after{content:'';display:block;position:absolute;top:0;left:50%;width:40px;height:40px;background-position:center;background-repeat:no-repeat;transform:translateX(-50%);} .btn-type101:before{border-radius:100%;} .btn-type101 .txt01{display:block;font-size:13px;line-height:1.5;font-weight:500;color:var(--font-color005);white-space:normal;word-break:keep-all;} .btn-type101.kkt:before{background-color:#FEE500;} .btn-type101.kkt:after{background-image:var(--ui-bg515);} .btn-type101.fb:before{background-color:#2777F2;} .btn-type101.fb:after{background-image:var(--ui-bg516);} .btn-type101.tw:before{background-color:#000;} .btn-type101.tw:after{background-image:var(--ui-bg517);} .btn-type101.fbm:before{background-image:var(--ui-bg519);} .btn-type101.fbm:after{background-image:var(--ui-bg518);} .btn-type101.band:before{background-color:#03C75A;} .btn-type101.band:after{background-image:var(--ui-bg520);} .btn-type101.copy:before{background-color:#E9E9E9;} .btn-type101.copy:after{background-image:var(--ui-bg521);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type101:hover .txt01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##btn-type102 : 텍스트 노출형 18*18--- */ .btn-type102{position:relative;box-sizing:border-box;width:100%;padding:34px 0 12px 0;} .btn-type102:after{content:'';display:block;position:absolute;top:12px;left:0;width:100%;height:18px;background-size:18px auto;background-position:center;background-repeat:no-repeat;} .btn-type102>.txt01{display:block;width:100%;font-size:12px;line-height:18px;font-weight:500;color:var(--font-color004);text-align:center;} .btn-type102.home:after{background-image:var(--ui-bg775);} /* yviewr 홈 */ .btn-type102.bknews{position:relative;} .btn-type102.bknews:after{background-image:var(--ui-bg776);} /* yviewr 속보 */ .btn-type102.bknews .ico-type08-new01{position:absolute;top:11px;right:50%;z-index:2;margin-right:-10px;border:2px solid var(--ui-tag001);} .btn-type102.screen:after{background-image:var(--ui-bg778);} /* yviewr 영상 */ .btn-type102.report:after{background-image:var(--ui-bg770);} /* yviewr 제보 */ /* ---- ##btn-type103 : y뷰어 simbol 로고 --- */ .btn-type103{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:64px;height:64px;border-radius:50%;background-color:var(--ui-tag001);background-size:18px auto;background-position:center;background-repeat:no-repeat;} .btn-type103:before{content:'';display:block;position:absolute;top:8px;left:8px;z-index:2;width:48px;height:48px;border-radius:50%;background-image:var(--ui-bg777);background-size:23px 26px;background-position:50% 50%;background-repeat:no-repeat;} .btn-type103:after{content:'';display:block;position:absolute;top:8px;left:8px;width:48px;height:48px;border-radius:50%;background-color:var(--ui-tag030);background-image:var(--ui-bg774);background-position:0;background-repeat:no-repeat;} .btn-type103 .ir-txt01{display:inline-block;clip-path:none;width:100%;height:100%;} /* ---- ##btn-type104 : [광고] 데이블 로고 --- */ .btn-type104{display:flex;align-items:center;color:var(--font-color004);} .btn-type104 .txt01{margin-right:4px;font-size:13px;color:var(--font-color004);} .ico-type92-brans01{flex-shrink:0;width:46px;height:20px;background-image:var(--ui-bg527);background-size:100% auto;} /* ---- ##btn-type105 : [마이] 로그인유도 아이콘 텍스트 ---- */ .btn-type105{display:flex;justify-content:center;align-items:center;width:100%;gap:8px;} .btn-type105 .txt01{position:relative;padding-left:32px;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color040);} .btn-type105 .txt01:before{content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;border-radius:2px;} .btn-type105 .txt01:after{content:'';display:block;position:absolute;top:3px;left:3px;width:18px;height:18px;background-size:18px 18px;background-position:center center;background-repeat:no-repeat;} .btn-type105.naver01 .txt01:before{background-color:var(--ui-tag048);} .btn-type105.naver01 .txt01:after{background-image:var(--ui-bg531);} .btn-type105.kkt01 .txt01:before{background-color:var(--ui-tag049);} .btn-type105.kkt01 .txt01:after{background-image:var(--ui-bg532);} .btn-type105.gg01 .txt01:before{background-color:var(--ui-tag001);} .btn-type105.gg01 .txt01:after{background-image:var(--ui-bg533);} .btn-type105.apple01 .txt01:before{background-color:var(--ui-tag006);} .btn-type105.apple01 .txt01:after{background-image:var(--ui-bg534);} .btn-type105.ms01 .txt01:before{background-color:var(--ui-tag001);} .btn-type105.ms01 .txt01:after{background-image:var(--ui-bg535);} .btn-type105.yna01 .txt01:before{background-color:var(--ui-tag098);} .btn-type105.yna01 .txt01:after{background-image:var(--ui-bg530);} /* ---- ##btn-type04$ : 텍스트 형태 버튼 ---- */ .btn-type200>.txt01{height:44px;font-size:15px;line-height:44px;font-weight:500;color:var(--font-color006);} .btn-type201>.txt01{height:21px;font-size:14px;line-height:21px;font-weight:500;color:var(--font-color004);text-decoration:underline!important;} .btn-type202>.txt01{opacity:0.5;font-size:13px;font-weight:500;text-transform:uppercase;} .btn-type202.yna>.txt01{color:var(--font-color031);} .btn-type202.tong-culture>.txt01{color:var(--font-color027);} .btn-type202.tong-living>.txt01{opacity:0.5;color:var(--font-color062);} .btn-type202.know>.txt01{color:var(--font-color024);} .btn-type202.nknow>.txt01{color:var(--font-color067);} .btn-type202.tong-tech>.txt01{color:var(--font-color059);} .btn-type202.kvibe>.txt01{color:var(--font-color060);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type202:hover>.txt01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##btn-type204 : 텍스트 형태 버튼 ---- */ .btn-type204{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .btn-type204 .txt01{height:21px;font-size:14px;line-height:21px;color:var(--font-color021);text-decoration:underline !important;} /* ---- ##btn-type205 : 텍스트 형태 버튼 ---- */ .btn-type205 .txt01{font-weight:500;color:var(--font-color004);} /* ---- ##btn-type206 : 텍스트 형태 버튼 ---- */ .btn-type206 .txt01{font-weight:500;color:var(--font-color006);} @media only screen and (max-width:767px){ .btn-type206 .txt01{font-size:14px;} } /* ---- ##btn-type207 : 텍스트 형태 버튼 ---- */ .btn-type207{display:flex;align-items:center;font-size:18px;font-weight:700;} .btn-type207{color:var(--font-color003);} .btn-type207.arr01:after{content:'';display:block;flex-shrink:0;width:16px;height:16px;margin-left:4px;background-image:var(--ui-bg006);} @media only screen and (max-width:767px){ .btn-type207{font-size:20px;} } /* ---- ##btn-type208 : 텍스트 형태 버튼 ---- */ .btn-type208{display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:var(--font-color003);} .btn-type208.arr01:after{content:'';display:block;flex-shrink:0;width:16px;height:16px;margin-left:4px;background-image:var(--ui-bg816);} @media only screen and (max-width:767px){ .btn-type208{font-size:14px;} } /* ---- ##btn-type209 : 텍스트 형태 버튼 ---- */ .btn-type209{display:flex;flex-shrink:0;align-items:center;font-size:17px;font-weight:600;} .btn-type209.arr01:after{content:'';display:block;flex-shrink:0;width:16px;height:16px;margin-left:4px;background-image:var(--ui-bg817);} @media only screen and (max-width:767px){ .btn-type209{font-size:14px;} } /* ---- ##btn-type210 : 텍스트 형태 버튼 ---- */ .btn-type210{display:flex;justify-content:space-between;align-items:center;position:relative;width:90px;height:23px;} .btn-type210>.txt01{font-size:15px;font-weight:500;color:var(--font-color006);} .btn-type210:after{content:'';display:block;width:14px;height:14px;background-image:var(--ui-bg016);background-size:100% 100%;transform:rotate(-180deg);} .btn-type210.open:after{transform:rotate(0deg);} /* ---- ##btn-type211 : 텍스트 형태 select 박스 버튼 ---- */ .btn-type211{display:inline-flex;justify-content:flex-start !important;align-items:center !important;position:relative;vertical-align:top;gap:4px;} .btn-type211 .txt01{font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color003);} .btn-type211::after{content:'';display:block;width:16px;height:16px;background-image:var(--ui-bg816);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color003);transform:rotate(90deg);transition:all 0.3s;} .btn-type211.active::after, .active>.btn-type211::after{transform:rotate(-90deg);transition:all 0.3s;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type211 .txt01{font-size:14px;} } /* ---- ##btn-type212 : 텍스트 형태 select 박스 옵션버튼 ---- */ .btn-type212{display:block;} .btn-type212.txt01{display:block;font-size:15px;line-height:1.5;font-weight:500;color:var(--font-color006);} .btn-type212.active.txt01{font-weight:600;color:var(--font-color003);} .btn-type212 .ir-txt01{position:absolute;top:0;left:0;z-index:-1;} /* ---- ##btn-type213 : 이슈 슬라이드 더보기 버튼 ---- */ .btn-type213{display:inline-block;height:18px;vertical-align:top;} .btn-type213 .txt01{border-bottom:1px solid var(--ui-tag012);font-size:13px;line-height:1.1;font-weight:600;color:var(--font-color004);} /* ---- ##btn-type214 : 기자홈 기자전체보기 버튼 ---- */ .btn-type214.arr01{overflow:visible;display:inline-block;height:auto;vertical-align:top;} .btn-type214.arr01 .txt01{position:relative;font-size:15px;line-height:1.5;font-weight:500;color:var(--font-color001);} .btn-type214.arr01 .txt01::after{content:'';display:block;position:absolute;top:50%;right:-18px;z-index:10;width:14px;height:14px;background-image:var(--ui-bg055);background-size:14px 14px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* ---- ##btn-type215 : 마이페이지 전체삭제 버튼 ---- */ .btn-type215{display:inline-block;vertical-align:top;} .btn-type215 .txt01{border-bottom:1px solid var(--ui-tag012);font-size:16px;line-height:1;font-weight:500;color:var(--font-color004);} /* ---- ##btn-type216 : 마이페이지 마케팅 윈도우 이동 버튼 ---- */ .btn-type216.arr01{overflow:visible;display:inline-flex;justify-content:flex-start;align-items:center;vertical-align:top;} .btn-type216.arr01 .txt01{overflow:visible;position:relative;font-size:13px;line-height:1.5;font-weight:500;color:var(--font-color009);} .btn-type216.arr01 .txt01::after{content:'';display:block;position:absolute;top:50%;right:-18px;width:14px;height:14px;background-image:var(--ui-bg055);background-size:12px 12px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type216.arr01.style01 .txt01{color:var(--font-color006);} .btn-type216.arr01.style01 .txt01::after{filter:var(--ui-filter006);} /* ---- ##btn-type217 : [마이페이지] 바코드 보기 버튼 ---- */ .btn-type217{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:calc(100% - 48px);margin:0 auto;padding:16px 0;border-top:1px dashed var(--ui-tag005);} .btn-type217 .txt01{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color006);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .btn-type217{padding:12px 0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type217{padding:16px 0;} .btn-type217 .txt01{font-size:14px;} } /* ---- ##btn-type218 : [마이페이지] 더보기 버튼 ---- */ .btn-type218{display:flex;justify-content:center;align-items:center;width:100%;height:44px;} .btn-type218 .txt01{display:inline-block;border-bottom:1px solid var(--ui-tag003);font-size:16px;line-height:1.1;font-weight:400;color:var(--font-color003);vertical-align:top;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type218 .txt01{font-size:15px;} } /* ---- ##btn-type219 : [광고] Taboola 후원링크 --- */ .btn-type219 .txt01{font-size:13px;color:var(--font-color005);} /* ---- ##btn-type220 : [마이페이지] 제보하기 바로가기 --- */ .btn-type220.arr01{position:relative;padding-right:18px;} .btn-type220.arr01:after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:14px;background-image:var(--ui-bg055);background-size:100% auto;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);filter:var(--ui-filter008);} .btn-type220 .txt01{margin-right:0 !important;font-size:15px;font-weight:500 !important;color:var(--font-color004);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type220.arr01:hover .txt01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##btn-type312 : [마이페이지] 운영배너 --- */ .btn-type312{display:inline-flex;align-items:center;box-sizing:border-box;height:37px;padding:0 12px 0 16px;border:1px solid var(--ui-tag001);border-radius:50px;} .btn-type312>.txt01{display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--font-color001);} .btn-type312 .txt01:after{content:'';display:block;width:16px;height:16px;margin-left:2px;background-image: var(--ui-bg055);} @media only screen and (max-width:767px){ .btn-type312>.txt01{font-size:13px !important;} } /* ---- ##btn-type300~399 : 박스형태 버튼 ---- */ /* .btn-type3$$에 addClass 규칙 - style01~19 : bg 형태 - style20~29 : 보더라인 형태 - arr01 : arrow 형태 */ .btn-type300{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:48px;padding:0 10px;font-size:15px;} .btn-type300.arr01>.txt01{flex-shrink:0;position:relative;padding-right:28px;} .btn-type300.arr02>.txt01{flex-shrink:0;position:relative;padding-right:28px;} .btn-type300.arr01>.txt01:after, .btn-type300.arr02>.txt01:after{content:'';display:block;position:absolute;top:50%;right:0;width:15px;height:100%;background-image:var(--ui-bg040);background-size:100% auto;background-position:right center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type300.arr02>.txt01:after{top:0;width:20px;transform:rotate(90deg) translateY(0);} .btn-type300.down01>.txt01{display:flex;flex-shrink:0;align-items:center;position:relative;} .btn-type300.down01>.txt01:after{content:'';display:block;width:16px;height:16px;margin-left:6px;background-image:var(--ui-bg092);background-size:16px 16px;background-position:right center;background-repeat:no-repeat;} .btn-type300 span+span{margin-left:5px;} .btn-type300 .bold{flex-shrink:0;font-weight:700;} .btn-type300.style20 .txt01{color:var(--font-color003);} .btn-type300.style20, .btn-type301.style20{border:1px solid var(--ui-tag004);} .btn-type301{display:flex;justify-content:center;align-items:center;width:100%;height:40px;border-radius:2px;text-align:center;} .btn-type301 .txt01{font-size:14px;font-weight:500;color:var(--font-color003);} /* ---- ##btn-type302 : 인쇄 하단 버튼 (취소,인쇄하기) ---- */ .btn-type302{display:inline-flex;justify-content:center;align-items:center;min-width:160px;height:50px;border:1px solid var(--ui-tag004);} .btn-type302 .txt01{font-size:17px;font-weight:400;color:var(--font-color003);} .btn-type302.style01{background-color:var(--ui-tag030);border-color:var(--ui-tag030);} .btn-type302.style01 .txt01{color:var(--font-color001);} /* ---- ##btn-type303 : 상세검색 인물 버튼 ---- */ .btn-type303{display:flex;align-items:center;box-sizing:border-box;width:123px;height:32px;padding:0 12px 0 16px;font-size:14px;font-weight:500;} .btn-type303.arr01>.txt01{display:flex;flex-shrink:0;align-items:center;position:relative;color:var(--font-color005);} .btn-type303.style20{border:1px solid var(--ui-tag004);border-radius:2px;} .btn-type303.arr01 .txt01:after{content:'';display:block;width:14px;height:14px;margin-left:4px;background-image:var(--ui-bg054);background-size:14px auto;background-position:center center;background-repeat:no-repeat;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type303{width:116px;height:30px;font-size:13px;} .btn-type303.arr01>.txt01{background-size:13px auto;background-position:right 5px;} } /* ---- ##btn-type304 : 검색필터 버튼 ---- */ .btn-type304{display:flex;flex-shrink:1;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;min-width:100px;height:48px;border-radius:2px;background-color:var(--ui-tag005);text-align:center;} .btn-type304 .txt01{display:inline-block;line-height:1.5;font-weight:600;color:var(--font-color006);} .btn-type304.style01{background-color:var(--ui-tag030);} .btn-type304.style01 .txt01{color:var(--font-color001);} .btn-type304.style02{background-color:var(--ui-tag031);} .btn-type304.style02 .txt01{color:var(--font-color001);} .btn-type304.style03{background-color:var(--ui-tag031);} .btn-type304.style03 .txt01{color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type304.style03{background-color:var(--ui-tag030);} } /* ---- ##btn-type305 : 마이페이지 둥근 버튼 ---- */ .btn-type305{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:29px;margin-top:4px;padding:0 12px;border:1px solid rgba(255,255,255,0.3);border-radius:100px;} .btn-type305 .txt01{font-size:14px;line-height:1;font-weight:500;color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type305{height :28px;} .btn-type305 .txt01{font-size:13px;} } /* ---- ##btn-type306 : 마이페이지 안내문구 버튼 ---- */ .btn-type306{display:flex;flex-shrink:1;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;max-width:440px;height:64px;border-radius:2px;background-color:var(--ui-tag030);text-align:center;} .btn-type306 .txt01{display:block;height:auto;font-size:18px;line-height:1;font-weight:600;color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type306{height:60px;} .btn-type306 .txt01{font-size:16px;} } /* ---- ##btn-type307.arr01 : 마이페이지 화살표 텍스트 버튼 ---- */ .btn-type307.arr01{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:150px;height:40px;border-radius:2px;background-color:rgba(0,0,0,0.3);} .btn-type307.arr01 .txt01{display:inline-flex;justify-content:flex-start;align-items:center;position:relative;font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color001);vertical-align:top;gap:4px;} .btn-type307.arr01 .txt01::after{content:'';display:block;width:16px;height:16px;background-image:var(--ui-bg015);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:rotate(90deg);filter:var(--ui-filter001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type307.arr01{width:calc(50% - 8px);height:39px;} .btn-type307.arr01 .txt01{font-size:15px;} .btn-type307.arr01 .txt01::after{width:14px;height:14px;background-size:14px 14px;} } /* ---- ##btn-type308 : 주소복사 버튼 ---- */ .btn-type308{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 12px 0 16px;border:1px solid var(--ui-tag005);} .btn-type308 .txt01{font-size:14px;color:var(--font-color005);} /* ---- ##btn-type309 : 광고삭제 버튼 ---- */ /* 가로버전 */ /* .btn-type309{height:21px;padding:0 4px;background-color:var(--ui-tag061);} .btn-type309 .txt01{font-size:11px;line-height:21px;font-weight:700;color:var(--font-color001);} */ /* 세로버전 */ .btn-type309{width:20px;height:100%;white-space:normal;padding:3px 2px;background-color:var(--ui-tag061);} .btn-type309 .txt01{font-size:11px;line-height:11px;font-weight:700;color:var(--font-color001);} /* ---- ##btn-type310 : 메인>매거진뷰 버튼 ---- */ .btn-type310{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:0 8px;border-radius:2px;background-color:var(--ui-tag060);} .btn-type310 .txt01{font-size:13px;font-weight:600;color:var(--font-color001);} /* ---- ##btn-type311 : 섹션>뉴스 제보는 카카오톡 okjebo 버튼 ---- */ .btn-type311{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:38px;padding:0 12px 0 16px;background-color:var(--ui-tag099);} .btn-type311 .txt01{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--font-color003);} .btn-type311 .txt01:after{content:'';display:block;width:14px;height:14px;margin-left:4px;background-image:var(--ui-bg039);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type311{height:30px;padding:0 8px 0 12px;} } /* ---- ##btn-type400 : 아이콘+텍스트형태 버튼 ---- */ /* 패밀리사이트 */ [class*='btn-type400-']{display:flex;align-items:center;box-sizing:border-box;width:200px;height:46px;padding:12px;} .btn-type400-open{justify-content:space-between;} .btn-type400-open>.txt01{font-size:15px;font-weight:500;color:var(--font-color006);} .btn-type400-close{justify-content:flex-end;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='btn-type400-']{width:100%;} } /* ---- ##btn-type401 : 기사본문 유튜브로 보기(아이콘+텍스트) ---- */ .btn-type401{display:inline-flex;justify-content:flex-start;align-items:center;} .btn-type401 .txt01{font-size:14px;color:var(--font-color021);} .btn-type401 .ico-label-youtube02{margin-right:4px;} /* ---- ##btn-type402 이미지 상세보기 로고+텍스트 버튼(기사본문) ---- */ .btn-type402{position:relative;border-radius:20px 0 0 20px;background-color:rgba(0,0,0,.6) !important;font-size:0;} .btn-type402>.txt01{display:inline-block;height:30px;padding:0 16px;font-size:15px;line-height:30px;font-weight:600;color:var(--font-color001);text-align:left;} .btn-type402 .ico-label-archive02+.txt01{padding-left:12px;} .btn-type402:only-of-type{border-radius:20px;} /* btn-type402 1개만 있을 때 */ .btn-type402+.btn-type402{border-radius:0 20px 20px 0;} .btn-type402+.btn-type402:after{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:14px;background-color:var(--ui-tag012);transform:translateY(-50%);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type402>.txt01{height:24px;font-size:13px;line-height:24px;} } /* ---- ##btn-type404.** : 국가 버튼 ---- */ .btn-type404{display:inline-block;position:relative;min-width:21px;height:23px;vertical-align:top;} .btn-type404 .txt01{padding-left:29px;font-size:15px;line-height:23px;font-weight:600;color:var(--font-color003);} .btn-type404 .txt01::before{display:none !important;} .btn-type404::before{content:'';display:block;position:absolute;top:50%;left:0;z-index:10;width:21px;height:14px;background-size:21px 14px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type404.en::before{background-image:var(--ui-bg278);} .btn-type404.beijing::before{background-image:var(--ui-bg279);} .btn-type404.bangkok::before{background-image:var(--ui-bg280);} .btn-type404.berlin::before{background-image:var(--ui-bg281);} .btn-type404.brussels::before{background-image:var(--ui-bg282);} .btn-type404.buenosaires::before{background-image:var(--ui-bg283);} .btn-type404.cairo::before{background-image:var(--ui-bg284);} .btn-type404.geneva::before{background-image:var(--ui-bg285);} .btn-type404.hanoi::before{background-image:var(--ui-bg286);} .btn-type404.istanbul::before{background-image:var(--ui-bg287);} .btn-type404.jakarta::before{background-image:var(--ui-bg288);} .btn-type404.johannesburg::before{background-image:var(--ui-bg289);} .btn-type404.london::before{background-image:var(--ui-bg290);} .btn-type404.mexicocity::before{background-image:var(--ui-bg291);} .btn-type404.moscow::before{background-image:var(--ui-bg292);} .btn-type404.newdelhi::before{background-image:var(--ui-bg293);} .btn-type404.paris::before{background-image:var(--ui-bg294);} .btn-type404.rome::before{background-image:var(--ui-bg295);} .btn-type404.saopaulo::before{background-image:var(--ui-bg296);} .btn-type404.taipei::before{background-image:var(--ui-bg297);} .btn-type404.tokyo::before{background-image:var(--ui-bg298);} .btn-type404.vancouver::before{background-image:var(--ui-bg299);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type404{line-height:21px;} .btn-type404 .txt01{font-size:14px;line-height:21px;} } /* ---- ##btn-type405 : 인물정보, 연합백과 ---- */ .btn-type405{display:inline-flex;justify-content:flex-start;align-items:center;width:100%;margin-top:4px;} .btn-type405 .txt01{line-height:1.5;font-size:14px;color:var(--font-color021);} /* ---- ##btn-type406 : [y뷰어] 내등급, 이용권/쿠폰 버튼 ---- */ .btn-type406{display:flex;flex-shrink:1;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box;width:100%;min-width:100px;height:59px;padding:16px 20px 16px 40px;background-color:var(--ui-tag030);text-align:center;} .btn-type406 [class*='ico-type']{position:absolute;top:22px;left:20px;} .btn-type406 .ico-type09-coupone01{position:absolute;top:24px;left:20px;} .btn-type406 .txt01{font-size:14px;color:var(--font-color001);} .btn-type406 .txt02{float:right;font-size:18px;font-weight:700;color:var(--font-color001);} .btn-type406 + .btn-type406:before{content:'';opacity:0.2;display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background-color:var(--ui-tag005);} @media only screen and (max-width:767px){ .btn-type406{height:45px;padding:10px 20px 12px 40px;} .btn-type406 [class*='ico-type']{top:14px;left:20px;} .btn-type406 .ico-type09-coupone01{top:16px;left:20px;} .btn-type406 .txt01{font-size:12px;} .btn-type406 .txt02{font-size:14px;} } /* ---- ##btn-type408-toggle : 기자홈 통계보기 ---- */ .btn-type408-toggle{display:flex;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box;width:100%;padding:16px;background-color:var(--ui-tag030);} /*.btn-type408-toggle::after{content:'';opacity:0.3;display:block;position:absolute;top:0px;left:16px;z-index:1;width:calc(100% - 32px);height:1px;background-color:var(--ui-tag011);}*/ .btn-type408-toggle .txt01{font-size:15px;line-height:1;font-weight:500;color:var(--font-color001);} .btn-type408-toggle.active{background-color:var(--font-color001);} .btn-type408-toggle.active .txt01{color:var(--font-color003);} /* ---- ##btn-type411-toggle : 리스트 내 구독 버튼(토글 비활성화) ---- */ .btn-type411-toggle{display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 8px;border-radius:2px;background-color:var(--ui-tag030);} .btn-type411-toggle.active{box-sizing:border-box;border:1px solid var(--ui-tag063);border-radius:2px;background-color:var(--ui-tag001);} /* ---- ##btn-type412-toggle : 구독버튼 - 기자홈 ---- */ .btn-type412-toggle{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:160px;height:40px;border:1px solid var(--ui-tag031);border-radius:2px;background-color:var(--ui-tag031);} .btn-type412-toggle.active{border:1px solid var(--ui-tag063);background-color:var(--font-color021);} /* ---- ##btn-type413-toggle : 구독버튼 - 본문 ---- */ .btn-type413-toggle{display:inline-block;position:relative;height:20px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type413-toggle:hover .ico-type07-plus02{color:var(--font-color021);} .btn-type413-toggle:hover [class*='ico-type07-plus0']::before{filter:var(--ui-filter101);} } /* ---- ##btn-type414 : 마이페이지 내등급 이용권 쿠폰 버튼 ---- */ .btn-type414{overflow:visible;display:inline-flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;vertical-align:top;} .btn-type414 .tit{display:block;margin-left:8px;font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color001);} .btn-type414 .dot{display:block;width:6px;height:6px;margin:0px 2px 16px 4px;border-radius:6px;background-color:var(--font-color029);} .btn-type414::after{content:'';display:block;position:absolute;top:50%;right:-14px;z-index:1;width:12px;height:12px;background-image:var(--ui-bg055);background-size:12px 12px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* ---- ##btn-type421 : 좋아요,슬퍼요,화나요,후속요청 버튼 ---- */ .btn-type421{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;} .btn-type421+.btn-type421{margin-left:12px;} .btn-type421 .tit01{display:inline-block;margin-left:10px;font-weight:600;color:var(--font-color005);} .btn-type421 .txt01{display:inline-block;min-width:16px;margin-left:4px;font-weight:500;color:var(--font-color006);} .btn-type421.active .tit01, .btn-type421.active .txt01{color:var(--font-color021);} .btn-type421.active [class*='ico-type11']:after{filter:var(--ui-filter101);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .btn-type421:hover .tit01, .btn-type421:hover .txt01{color:var(--font-color021);} .btn-type421:hover [class*='ico-type11']:after{filter:var(--ui-filter101);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type421{display:inline-block;min-width:70px;margin-left:0;text-align:center;} .btn-type421 [class*='ico-type11']{margin-bottom:4px;} .btn-type421 .tit01{display:block;margin-left:0;font-size:12px;line-height:1.5;} .btn-type421 .txt01{margin-left:4px;font-size:12px;} } /* ---- ##btn-type422 : 댓글 버튼 ---- */ .btn-type422{display:inline-flex;justify-content:flex-start;align-items:flex-start;position:relative;padding-left:28px;} .btn-type422:before{content:'';display:block;position:absolute;top:50%;left:0;width:24px;height:24px;transform:translateY(-50%);} .btn-type422.cmt01:before{background-image:var(--ui-bg808);background-size:16px auto;background-position:center;background-repeat:no-repeat;} .btn-type422 [class*='txt0']{font-size:16px;} .btn-type422 .txt01{font-weight:500;color:var(--font-color003);} .btn-type422 .txt02{display:inline-block;padding-left:4px;font-weight:700;color:var(--font-color003);} /* ---- ##btn-type431 : 마이페이지 내등급 이용권 쿠폰 버튼 ---- */ .btn-type431{display:flex;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box;width:100%;padding:20px 0 20px 24px;} .btn-type431 [class*='ico-type62']{position:absolute;top:49%;left:0;z-index:1;transform:translateY(-50%);} .btn-type431 .tit-wrap{display:inline-block;position:relative;box-sizing:border-box;padding-right:15px;vertical-align:top;} .btn-type431 .tit-wrap .tit{font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color001);} .btn-type431 .tit-wrap::after{content:'';display:block;position:absolute;top:50%;right:0px;z-index:1;width:12px;height:12px;background-image:var(--ui-bg055);background-size:12px 12px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type431 .txt01{display:block;font-size:16px;line-height:1.5;font-weight:700;color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type431{flex-wrap:wrap;} } /* ---- ##btn-type432 : 마이페이지 마이뉴스 삭제 버튼 ---- */ .btn-type432{display:inline-block;vertical-align:top;} .btn-type432 .txt01{position:relative;box-sizing:border-box;padding-left:20px;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color004);} .btn-type432 .txt01::after{content:'';display:block;position:absolute;top:50%;left:0;width:16px;height:16px;background-image:var(--ui-bg072);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* ---- ##btn-type433 : 마이페이지 리스트 더보기 수정 버튼 ---- */ .btn-type433{display:inline-block;vertical-align:top;} .btn-type433 .txt01{position:relative;box-sizing:border-box;padding-left:24px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color005);} .btn-type433 .txt01::after{content:'';display:block;position:absolute;top:50%;left:0;width:16px;height:16px;background-image:var(--ui-bg075);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* ---- ##btn-type433 : 마이페이지 리스트 더보기 삭제 버튼 ---- */ .btn-type434{display:inline-block;vertical-align:top;} .btn-type434 .txt01{position:relative;box-sizing:border-box;padding-left:24px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color005);} .btn-type434 .txt01::after{content:'';display:block;position:absolute;top:50%;left:0;width:16px;height:16px;background-image:var(--ui-bg076);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type435-toggle{display:inline-flex;justify-content:flex-start;align-items:center;vertical-align:top;} .btn-type435-toggle .ico-type62-setting01{position:relative;box-sizing:border-box;width:auto;height:auto;padding-left:20px;background-image:none;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color021);} .btn-type435-toggle .ico-type62-setting01::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:16px;height:16px;background-image:var(--ui-bg073);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type435-toggle .ico-type62-check01{position:relative;box-sizing:border-box;width:auto;height:auto;padding-left:20px;background-image:none;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color021);} .btn-type435-toggle .ico-type62-check01::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:16px;height:16px;background-image:var(--ui-bg074);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* ---- ##btn-type436:마이페이지 마이뉴스 설정취소 ---- */ .btn-type436{display:inline-flex;flex-shrink:0;align-items:center;height:30px;} .btn-type436 .txt01{font-size:15px;color:var(--font-color004);} .btn-type436.cancel01:before{content:'';display:block;flex-shrink:0;width:16px;height:16px;margin-right:4px;background-image:var(--ui-bg118);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type436 .txt01{font-size:14px;} } /* ---- ##btn-type437 : [마이페이지] 헬로 아카이브 바로가기 버튼 ---- */ .btn-type437{display:flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;height:40px;padding-left:48px;} .btn-type437::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:40px;height:40px;border: 1px solid rgba(0, 0, 0, .04);border-radius:40px;background-image:var(--ui-bg528);background-size:40px 40px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type437 .txt01{font-size:20px;line-height:1.5;font-weight:500;color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type437 .txt01{font-size:18px;} .btn-type437::after{width:34px;height:34px;background-size:34px 34px;} .btn-type437{height:36px;padding-left:44px;} } /* ---- ##btn-type438 : [마이페이지] 마이페이지 버튼 ---- */ .btn-type438{display:inline-block;position:relative;box-sizing:border-box;width:max-content;padding:0 22px;font-size:18px;line-height:1.5;font-weight:700;color:var(--font-color003);vertical-align:top;} .btn-type438 .txt01{color:var(--font-color003);} .btn-type438::before{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:18px;height:18px;background-image:var(--ui-bg053);background-size:18px 18px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .btn-type438::after{content:'';display:block;position:absolute;top:50%;right:0;z-index:1;width:18px;height:18px;background-image:var(--ui-bg816);background-size:18px 18px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type438{padding:0 20px;font-size:16px;} .btn-type438::before{width:16px;height:16px;background-size:16px 16px;} } /* ---- ##btn-type040 :마이페이지 뉴스레터 닫기 버튼 ---- */ .btn-type040{display:block;flex-shrink:0;box-sizing:border-box;width:24px;height:24px;background-image:var(--ui-bg004);filter:var(--ui-filter001);background-size:24px 24px;background-position:center center;background-repeat:no-repeat;} /* ---- ##btn-type041 :마이페이지 이용권 이동 버튼 ---- */ .btn-type041{display:block;flex-shrink:0;box-sizing:border-box;width:30px;height:30px;background-image:var(--ui-bg094);background-size:30px 30px;background-position:center center;background-repeat:no-repeat;} /* ---- ##btn-type042 : 스크롤 최상단 이동 버튼 ---- */ .btn-type042{position:fixed;right:60px;bottom:80px;z-index:100;width:60px;min-width:auto;height:60px;border:1px solid var(--ui-tag005);border-radius:2px;background-color:rgba(255,255,255,.6);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);} .btn-type042:before{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;background-image:var(--ui-bg117);background-size:100% auto;transform:translate(-50%, -50%);} .btn-type04{opacity:1;} .btn-type042.hide{opacity:0;display:block !important;z-index:-1;transition: opacity 0.3s ease-in-out;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .btn-type042{position:fixed;right:24px;bottom:99px;z-index:100;width:52px;min-width:auto;height:52px;box-shadow:0 3px 10px rgba(0,0,0,0.16);} .btn-type042.btn-scroll-top{display:none;} } /* ---- ##btn-type043 : 약관 내용보기 버튼 ---- */ .btn-type043{display:flex;justify-content:center;align-items:center;} /* ---- ##btn-type044 : 연합마이뉴스 타이틀영역 툴팁 버튼 ---- */ .btn-type044{display:flex;justify-content:center;align-items:center;width:14px;height:14px;} /* ---- ##btn-dir$$$-**** : arrow 방향 버튼 ---- */ /* btn-di$$$-up | down| left | right */ /* 001--prev, 001--next : 이전,다음 버튼(30x30) */ [class*='btn-dir00'], [class*='swiper-button-']{display:inline-block;flex-shrink:0;width:30px;height:30px;margin-left:6px;border:none;background:none;} /* ---- ##btn-dir001-*** ---- */ [class*='btn-dir001']{display:inline-block;position:relative;width:30px;height:30px;margin:0;border-radius:100%;} [class*='btn-dir001']+[class*='btn-dir001']{margin-left:6px;} [class*='btn-dir001']:before{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:100%;background-color:var(--ui-tag011);} [class*='btn-dir001']:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:30px;height:30px;background-size:100% auto;background-position:center;background-repeat:no-repeat;} .btn-dir001-next:after{background-image:var(--ui-bg067);transform:rotate(180deg);} .btn-dir001-prev:after{background-image:var(--ui-bg067);} [class*='btn-dir001'].disable:after, [class*='btn-dir001'].swiper-button-disabled:after{opacity:0.4;} /* ---- ##btn-dir003-*** : 이전,다음 스와이퍼 버튼(30x30) ---- */ [class*='btn-dir003']{display:inline-block;position:relative;width:30px;height:30px;margin:0;border-radius:100%;} [class*='btn-dir003']:before{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:100%;background-color:var(--ui-tag001);} [class*='btn-dir003']:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:30px;height:30px;background-size:100% auto;background-position:center;background-repeat:no-repeat;} .btn-dir003-next:after{background-image:var(--ui-bg067);transform:rotate(180deg);} .btn-dir003-prev:after{background-image:var(--ui-bg067);} [class*='btn-dir003'].disable:after, [class*='btn-dir003'].swiper-button-disabled:after{opacity:0.4;} /* ---- ##btn-dir002-*** : 이전,다음 그라데이션 형태 버튼(40x41) ---- */ [class*='btn-dir002']{display:block;position:absolute;top:50%;z-index:1;width:40px;height:100%;transform:translateY(-50%);} .btn-dir002-prev{left:0;margin-left:0;} .btn-dir002-next{right:0;transform:translateY(-50%) rotate(-180deg);} [class*='btn-dir002']:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--ui-tag080);background-size:auto 100%;background-repeat:no-repeat;transform:rotate(180deg);} [class*='btn-dir002'] .ir-txt01{display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--ui-bg036);background-size:16px auto;background-position:left center;background-repeat:no-repeat;clip:initial;clip-path:initial;} [class*='btn-dir002'].swiper-button-disabled{display:none;}/* 비활성화 */ /* ---- ##btn-dir004-*** : 이전,다음 스와이퍼 버튼(70x70),아이콘 30x30 ---- */ [class*='btn-dir004']{display:block;position:relative;width:70px;height:70px;margin:0;} [class*='btn-dir004']:after{content:'';display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;background-image:var(--ui-bg050);transform:translate(-50%, -50%);} .btn-dir004-prev:after{transform:translate(-50%, -50%) rotate(180deg);} [class*='btn-dir004'].disable, [class*='btn-dir004'].swiper-button-disabled:after{filter:var(--ui-filter006);} /* ---- ##btn-005-*** : 테마 period-field01 영역 , 비쥬얼 캘린더 이동 버튼 ---- */ [class*='btn-dir005']{box-sizing:border-box;width:30px;padding:0px;background-size:30px auto;background-position:center center;background-repeat:no-repeat;} [class*='btn-dir005']{height:36px;background-image:var(--ui-bg046);} [class*='btn-dir005'].disable{opacity:0.3;} .btn-dir005-next{transform:rotate(180deg);} /* ---- ##btn-dir006-*** : [테마] 캘린더 날짜 화살표 버튼 : 사용하는곳없는듯해서 주석처리함 ---- */ /*[class*='btn-dir006']{box-sizing:border-box;width:20px;height:27px;padding:0;background-image:var(--ui-bg044);background-size:20px auto;background-position:center center;background-repeat:no-repeat;} .btn-dir006-down{transform:rotate(0deg);} .btn-dir006-up{transform:rotate(-180deg);}*/ /* ---- ##btn-dir007-*** : 연합라운지 팝업 화살표 버튼 ---- */ [class*='btn-dir007']{box-sizing:border-box;width:20px;height:44px;padding:0px;background-image:var(--ui-bg045);background-size:20px auto;background-position:center center;background-repeat:no-repeat;} .btn-dir007-down{transform:rotate(0deg);} .btn-dir007-down.style01{filter:var(--ui-filter001);} .btn-dir007-up{transform:rotate(-180deg);} /* ---- ##btn-dir008 : [속보] 스와이퍼 arrow 버튼 ---- */ [class*='btn-dir008']{display:inline-block;position:relative;width:30px;height:30px;margin:0;border-radius:100%;} [class*='btn-dir008']:before{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:100%;background-color:var(--ui-tag001);} [class*='btn-dir008']:after{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:30px;height:30px;background-size:100% auto;background-position:center;background-repeat:no-repeat;} .btn-dir008-next:after{background-image:var(--ui-bg067);transform:rotate(180deg);} .btn-dir008-prev:after{background-image:var(--ui-bg067);} [class*='btn-dir008'].disable:after, [class*='btn-dir008'].swiper-button-disabled:after{opacity:0.4;} /* ---- ##btns-wrap$$ 버튼 영역 ---- */ /* (클래스범위) * btns-wrap01 : 오른쪽 정렬 * btns-wrap02 : 왼쪽 정렬 * btns-wrap03 : 가운데 정렬 * btns-wrap11 : absolute 정렬 (스와이퍼 아이콘 30x30) * btns-wrap12 : absolute 가운데 정렬 (videojs 버튼) */ /* ---- ##btns-wrap$$ 공통 ---- */ [class*='btns-wrap']{overflow:hidden;position:relative;width:100%;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='btns-wrap']{width:auto;} } /* ---- ##btns-wrap01 : 오른쪽 정렬 ---- */ .btns-wrap01{overflow:initial;text-align:right;} .btns-wrap01 .tlp-content{left:auto;right:0;} /* ---- ##btns-wrap02 : 왼쪽 정렬 ---- */ .btns-wrap02{text-align:left;} /* ---- ##btns-wrap03 : 가운데 정렬 ---- */ .btns-wrap03{display:flex;justify-content:center;text-align:center;} /* ---- ##btns-wrap04 : 좌우 정렬 ---- */ .btns-wrap04{display:flex;justify-content:space-between;align-items:center;width:100%;} /* ---- ##btns-wrap05 : 상하 정렬 ---- */ .btns-wrap05{display:flex;flex-direction:column;} .btns-wrap05 [class*='btn-type']{margin:8px 0;} /* ---- ##btns-wrap11 : absolute 우측 정렬 (스와이퍼 아이콘 30x30) ---- */ .btns-wrap11{display:inline-flex;justify-content:flex-end;align-items:center;} .btns-wrap11 .pager01{display:flex;justify-content:flex-end;align-items:center;padding-right:6px;color:var(--font-color004);} /* ---- ##btns-wrap12 : absolute 가운데 정렬 (videojs 버튼) ---- */ .btns-wrap12{display:inline-flex;} .btns-wrap12 .btn-type030-toggle{margin:0 40px;} /* ---- ##btns-wrap13 : 마이페이지 답글 버튼그룹 ---- */ .btns-wrap61{display:inline-flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;vertical-align:top;gap:16px;} .btns-wrap61 li{display:flex;justify-content:flex-start;align-items:center;} .btns-wrap61 li .txt01{display:block;border:0;background-color:var(--ui-tag000);font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color006);} .btns-wrap61 li .num{display:block;margin-left:4px;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color006);} .btns-wrap61 li .txt01 + .num{margin-left:2px;color:var(--font-color005);} /* =============== ####Pager ======================== */ /* 범위설정필요없음 */ /* ---- ##pager$$ : 페이징 숫자 ---- */ /* ---- ##pager01 : [공통] 리스트 스와이퍼 좌우 버튼 내 숫자 ---- */ .pager01 [class*='txt-']{display:inline-block;padding:0 4px;font-size:13px;color:var(--font-color004);} .pager01 .txt-current{font-weight:700;color:var(--font-color003);} .pager01 .txt-dash{padding:0 4px;font-size:10px;} /* ---- ##pager02 : [공통] 팝업 포토,화보 페이징 숫자 ---- */ .pager02 [class*='txt-']{display:inline-block;padding:0 4px;font-size:18px;font-weight:500;color:var(--font-color008);} .pager02 .txt-current{font-weight:700;color:var(--font-color030) !important;} .pager02 .txt-dash{padding:0 4px;font-size:10px;} @media only screen and (max-width:767px){ .pager02 [class*='txt-']{font-size:16px;font-weight:500;} .pager02 .txt-current{font-weight:700;} } /* ---- ##paging-type$$ (공통) ---- */ /* 01 : 슬라이드 페이징 버튼(아이콘 30x30) */ [class*='paging-type']{display:flex;justify-content:center;align-items:center;} .count-box{display:flex;text-align-last:center;justify-content:center;} .count-box [class*='txt-']{display:inline-block;} [class*='paging-type'] [class*='btn-']{display:block;flex-shrink:0;position:relative;} /* paging-type01 : 리스트 페이징 */ .paging-type01{display:flex;justify-content:center;align-items:center;width:100%;gap:8px;} .paging-type01 .first{display:block;width:30px;height:30px;border:0;background-color:var(--font-color000);background-image:var(--ui-bg060);background-size:30px 30px;background-position:center center;background-repeat:no-repeat;} .paging-type01 .prev{display:block;width:30px;height:30px;margin-right:16px;border:0;background-color:var(--font-color000);background-image:var(--ui-bg061);background-size:30px 30px;background-position:center center;background-repeat:no-repeat;} .paging-type01 .next{display:block;width:30px;height:30px;margin-left:16px;border:0;background-color:var(--font-color000);background-image:var(--ui-bg062);background-size:30px 30px;background-position:center center;background-repeat:no-repeat;} .paging-type01 .last{display:block;width:30px;height:30px;border:0;background-color:var(--font-color000);background-image:var(--ui-bg063);background-size:30px 30px;background-position:center center;background-repeat:no-repeat;} .paging-type01 .num{display:flex;justify-content:center;align-items:center;min-width:30px;height:30px;border:0;border-radius:2px;font-size:15px;font-weight:400;color:var(--font-color006);} .paging-type01 .num.on{display:flex;flex-shrink:0;justify-content:center;align-items:center;box-sizing:border-box;min-width:30px;height:30px;padding:0 6px;border:0;border-radius:2px;background-color:var(--font-color021);font-size:15px;font-weight:400;color:var(--font-color001);} /* =============== ####Tab ======================== */ /* * tab-type01 : 메뉴 선택 (텍스트+언더라인) * tab-type02 : 메뉴 선택 (텍스트+배경색,언더라인) * tab-type$$.align01 : 센터정렬에서 767이하 left 변형 */ /* ---- ##tab-type$$ : 공통 ---- */ [class*='tab-type']>ul{display:flex;justify-content:flex-start;align-items:center;} [class*='tab-type']>ul li{overflow:hidden;position:relative;} [class*='tab-type'] button{border:none;background:none;} [class*='tab-type'] .tab{display:inline-block;position:relative;box-sizing:border-box;text-align:center;} [class*='tab-type'] .tab .txt01{box-sizing:border-box;} [class*='tab-type'][data-tab-align='center']>ul{justify-content:center;} /* .align01 : ?????? */ [class*='tab-type'].align01 .swiper-wrapper{justify-content:center !important;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='tab-type'].align01 .swiper-wrapper{justify-content:flex-start !important;} } /* ---- ##tab-type01~09 ---- */ [class*='tab-type0'] li{width:auto;} [class*='tab-type0'] li+li{margin-left:8px;} [class*='tab-type0'] .tab{width:100%;background-color:var(--ui-tag001);} [class*='tab-type0'] .tab .txt01{padding:0 8px;font-weight:500;color:var(--font-color006)} /* .style01 : 말풍선 스타일 공통 */ [class*='tab-type0'].style01 .tab:after{content:'';display:none;position:absolute;background-color:var(--ui-tag030);transform:rotate(45deg);} [class*='tab-type0'].style01 .active .tab:after{display:block;} /* .active : 활성화 */ [class*='tab-type0'] li.active .tab{border-color:var(--ui-tag030);background-color:var(--ui-tag030);} [class*='tab-type0'] li.active .tab .txt01{font-weight:700;color:var(--font-color001);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ [class*='tab-type0'] li:hover .tab{border-color:var(--ui-tag030);background-color:var(--ui-tag030);} [class*='tab-type0'] li:hover .tab .txt01{font-weight:700;color:var(--font-color001);} } /* ---- ##tab-type01 ---- */ /* .tab-type01{margin-top:8px;} */ .tab-type01 .tab{min-width:42px;height:26px;border:1px solid var(--ui-tag005);} .tab-type01 .tab .txt01{font-size:14px;line-height:26px;} /* .style01 : 말풍선 스타일 */ .tab-type01.style01 li{padding-bottom:6px;} .tab-type01.style01 .tab:after{left:-4px;bottom:-3px;width:8px;height:8px;} /* ---- ##tab-type02 ---- */ .tab-type02 .tab{min-width:80px;height:30px;background-color:var(--ui-tag011);} .tab-type02 .tab .txt01{font-size:15px;line-height:30px;} .tab-type02 li.active .tab{background-color:var(--ui-tag030);} .tab-type02 li.active .tab .txt01{font-weight:700;color:var(--font-color001);} .tab-type02+.txt-type008{margin-top:8px;} /* .style01 : 말풍선 스타일 */ .tab-type02.style01 li{padding-bottom:6px;} .tab-type02.style01 .tab:after{left:-5px;bottom:-4px;width:8px;height:8px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type02{padding:0 16px;} .tab-type02 .tab .txt01{font-size:14px;} } /* ---- ##tab-type03 ---- */ .tab-type03{position:relative;} .tab-type03 li .tab:before{content:'';display:block;position:absolute;top:-1px;right:0;width:1px;height:42px;background-color:var(--ui-tag005);} .tab-type03 li:nth-child(1) .tab:before{margin-right:-1px;} .tab-type03 li:nth-child(1).active .tab:before{margin-right:0;} .tab-type03 li:nth-child(2) .tab:before{margin-right:-1px;} .tab-type03 li:nth-child(2).active .tab:before{margin-right:0;} .tab-type03 .tab{height:42px;} .tab-type03 .tab .txt01{font-size:17px;line-height:1.5;} .tab-type03+[class*='tab-content0']{margin-top:12px !important;} .tab-type03 li{overflow:visible;width:100%;} .tab-type03 li+li{margin-left:0;} .tab-type03 li:last-of-type .tab{border-width:1px 1px 1px 0;} .tab-type03 li.active .tab{border-right:none;} .tab-type03 li .tab{display:flex;justify-content:center;align-items:center;border:1px solid var(--ui-tag005);border-width:1px;} /* .style01 : 말풍선 스타일 */ .tab-type03.style01 li{padding-bottom:10px;} .tab-type03.style01 .tab:after{left:-5px;bottom:-5px;width:10px;height:10px;} .tab-type03 li.swiper-slide{width:auto;min-width:25%;} /* .style02 : 말풍선 스타일 탭3개 고정*/ .tab-type03.style02 li{padding-bottom:10px;} .tab-type03.style02 li:last-of-type .tab{border-width:1px 0 1px 1px;} .tab-type03.style02 .tab:after{content:'';display:none;position:absolute;left:-5px;bottom:-5px;width:10px;height:10px;background-color:var(--ui-tag030);transform:rotate(45deg);} .tab-type03.style02 .active .tab:after{display:block;} /* ---- ##tab-type04 ---- */ .tab-type04{padding-top:46px;} .tab-type04 ul li{flex-shrink:0;} .tab-type04 li+li{margin-left:12px;} .tab-type04 .tab{width:121px;height:44px;border:1px solid var(--ui-tag005);} .tab-type04 .tab .txt01{font-size:24px;line-height:44px;} /* .style01 : 말풍선 스타일 */ .tab-type04.style01 li{padding-bottom:10px;} .tab-type04.style01 .tab:after{left:-4px;bottom:-3px;width:8px;height:8px;background-color:var(--ui-tag060);} /* .active : 활성화 */ .tab-type04 li.active .tab{border-color:var(--ui-tag060);background-color:var(--ui-tag060);} .tab-type04 li.active .tab .txt01{font-weight:700;color:var(--font-color001);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .tab-type04 li:hover .tab{border-color:var(--ui-tag060);background-color:var(--ui-tag060);} .tab-type04 li:hover .tab .txt01{font-weight:700;color:var(--font-color001);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type04 ul{box-sizing:border-box;width:100%;padding:0 16px;} .tab-type04 .tab{width:109px;height:40px;} .tab-type04 .tab .txt01{font-size:20px;line-height:40px;} } /* 소형 프레임 : 375px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:375px){ .tab-type04{height:48px;} .tab-type04 ul{justify-content:flex-start !important;box-sizing:border-box;width:100%;padding:0 16px;overflow-x:auto !important;} } /* ---- ##tab-type05 : 연합 라운지 ---- */ .tab-type05{overflow:hidden;position:relative;box-sizing:border-box;max-width:1200px;height:40px;margin-bottom:16px;padding:0 26px;} .tab-type05 ul{} .tab-type05 ul li{flex-shrink:0;} .tab-type05 .tab{overflow:hidden;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:40px;padding:0 16px;border:1px solid var(--ui-tag005);border-radius:2px;background-color:var(--ui-tag001);} .tab-type05 .tab .txt01{padding:0;font-size:16px;color:var(--font-color003);} .tab-type05 .btn-dir002-next{} .tab-type05 li .tab.style01 .txt01{position:relative;padding-right:24px;} .tab-type05 li .tab.style01 .txt01:after{content:'';overflow:hidden;display:block;position:absolute;top:50%;right:3px;width:0;height:0;border-top:5px solid var(--ui-tag003);border-left:5px solid transparent;border-right:5px solid transparent;transform:translateY(-50%);} .tab-type05 li.active .tab .txt01{font-weight:500;} .tab-type05 [class*='btn-dir002']:after{background:var(--ui-tag081);} .tab-type05 li.active .tab.style01 .txt01:after{border-top-color:#fff !important;} /* 좌우 버튼 */ .tab-type05 [class*='btn-dir002-'].swiper-button-disabled{display:block !important;} .tab-type05 [class*='btn-dir002-']{width:26px;} .tab-type05 [class*='btn-dir002-']:after{background:var(--ui-tag009);} .tab-type05 [class*='btn-dir002-'].swiper-button-disabled .ir-txt01{filter:var(--ui-filter008);opacity:0.8;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .tab-type05 li .tab:hover{border-color:var(--ui-tag030);background-color:var(--ui-tag030);} .tab-type05 li .tab:hover .txt01{font-weight:700;color:var(--font-color001);} .tab-type05 li .tab:hover .txt01{font-size:16px;font-weight:500;} .tab-type05 li .tab:hover .txt01:after{border-top-color:#fff !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type05{padding:0 16px !important;} .tab-type05 [class*='btn-dir002-'].swiper-button-disabled, .tab-type05 [class*='btn-dir002-']{display:none !important;} .tab-type05 .tab .txt01{font-size:15px;} } /* ---- ##tab-type21 : 캘린더 스타일 ---- */ .tab-type21{display:block;box-sizing:border-box;width:100%;text-align:center;} .tab-type21ul{display:inline-flex;justify-content:center;align-items:flex-start;vertical-align:top;gap:40px;} .tab-type21ulli{display:block;width:60px;} .tab-type21ulli .txt-day{display:block;box-sizing:border-box;width:100%;padding-bottom:4px;font-size:14px;line-height:21px;font-weight:600;color:var(--font-color004);text-align:center;} .tab-type21ulli .tab{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:0;border-radius:60px;background-color:var(--font-color001);} .tab-type21ulli .tab .txt01{font-size:16px;line-height:24px;font-weight:700;color:var(--font-color005);} .tab-type21ulli.active .tab{background-color:var(--ui-tag030) !important;} .tab-type21ul>li.active .tab .txt01{color:var(--font-color001) !important;} .tab-type21>ul>li:first-child .tab .txt01{color:var(--font-color021);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type21>ul>li{width:40px;} .tab-type21>ul>li .tab{width:40px;height:40px;border-radius:40px;} .tab-type21>ul{gap:10px;} } /* ---- ##tab-type22 : 테마별 뉴스 보더라인 형태 ---- */ .tab-type22{display:block;position:relative;box-sizing:border-box;width:100%;text-align:left;} .tab-type22>ul{overflow: visible;display:flex;justify-content:flex-start;align-items:flex-start;position:relative;box-sizing:border-box;width:100%;border-bottom: 1px solid var(--ui-tag005);text-align:left;} .tab-type22>ul li{display:block;position:relative;box-sizing:border-box;} .tab-type22>ul li::after{content:'';display:block;position:absolute;left:0;bottom:0;z-index:10;width:100%;height:2px;background-color: var(--ui-tag000);} .tab-type22>ul li.active::after{background-color: var(--ui-tag030);} .tab-type22>ul li .tab{display:block;box-sizing:border-box;padding:12px;border:0;background-color:var(--font-color000);text-align:center;} .tab-type22>ul li.active .tab .txt01{font-weight:700;color:var(--font-color021);letter-spacing:0px;} .tab-type22>ul li .tab .txt01{font-size:16px;line-height:24px;font-weight:500;color:var(--font-color006);} .tab-type22 .swiper-slide{display:inline-block;flex-shrink:0;width:auto;margin-right:24px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type22{border-bottom: 1px solid var(--ui-tag005);} .tab-type22>ul{/*width:calc(100% - 32px);*/margin:0 auto;border-bottom:none;} .tab-type22>ul li{display:flex;justify-content:center;align-items:center;width:100%;} .tab-type22>ul li .tab .txt01{font-size:15px;word-break:keep-all;} .tab-type22 .swiper-wrapper{width:100%;margin:0;} .tab-type22 .swiper-slide{flex-shrink:0;width:auto;margin-right:8px;} } /* ---- ##tab-type23 : 뉴스플러스 보더라인 형태 ---- */ .tab-type23{display:block;position:relative;box-sizing:border-box;width:100%;height:50px;} .tab-type23::before, .tab-type23::after{content:'';display:block;position:absolute;left:50%;z-index:0;width:100%;height:1px;transform:translateX(-50%);} .tab-type23::after{bottom:0px;background-color:var(--ui-tag005);} .tab-type23::before{top:0px;background-color:var(--ui-tag005);} .tab-type23 .swiper-area{overflow:visible;display:block;width:100%;height:100%;} .tab-type23 .swiper-area .swiper-wrapper{overflow:visible;display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;/*gap:24px;*/} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide{display:block;box-sizing:border-box;box-sizing:border-box;width:auto;height:100%;padding:0 12px;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide:first-child{padding-left:0;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide:last-child{padding-right:0;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab{display:flex;justify-content:center;align-items:center;position:relative;width:auto;height:100%;padding:0 12px;border:0;background-color:var(--font-color000);gap:8px;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab::after{content:'';display:block;position:absolute;left:0;bottom:0px;z-index:1;width:100%;height:2px;background-color:var(--ui-tag000);} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide.active>.tab::after{background-color:var(--ui-tag030);} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color006);} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide.active>.tab .txt01{font-weight:700;color:var(--font-color021);} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color006);} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide.active>.tab .num{font-weight:700;color:var(--font-color021);} .tab-type23 .tab .txt01{flex-shrink:0;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type23 .swiper-area{box-sizing:border-box;padding:0 16px;} .tab-type23::after, .tab-type23::before{width:calc(100% - 32px);} .tab-type23 .swiper-area .swiper-wrapper{gap:0px;justify-content:flex-start;} /*.tab-type23::before{height:2px;background-color:var(--ui-tag003);}*/ .tab-type23 .swiper-area .swiper-wrapper .swiper-slide{width:auto;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:15px;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:15px;} } /* ---- ##tab-type24 : 마이페이지 보더라인 형태 ---- */ .tab-type24{overflow:hidden;display:block;position:relative;box-sizing:border-box;width:100%;height:50px;} .tab-type24::after{content:'';display:block;position:absolute;left:50%;z-index:0;width:100%;height:1px;transform:translateX(-50%);} .tab-type24::after{bottom:0px;background-color:var(--ui-tag005);} .tab-type24::before{top:0px;background-color:var(--ui-tag005);} .tab-type24 .swiper-area{overflow:visible;display:block;width:100%;height:100%;} .tab-type24 .swiper-area .swiper-wrapper{overflow:visible;display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;gap:0;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide{display:block;box-sizing:border-box;width:100%;height:100%;flex:1;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab{display:flex;justify-content:center;align-items:flex-start;position:relative;width:100%;height:100%;padding:12px 8px 0 8px;border:0;background-color:var(--font-color000);gap:4px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab::after{content:'';display:block;position:absolute;left:0;bottom:0px;z-index:1;width:100%;height:4px;background-color:var(--ui-tag000);} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active>.tab::after{background-color:var(--ui-tag030);} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:17px;line-height:1.5;font-weight:500;color:var(--font-color006);} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active>.tab .txt01{font-weight:700;color:var(--font-color003);} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:17px;line-height:1.5;font-weight:500;color:var(--font-color021);} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active>.tab .num{font-weight:700;color:var(--font-color021);} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .dot{display:block;width:6px;height:6px;border-radius:6px;background-color:var(--ui-tag061);} .tab-type24 .tab .txt01{flex-shrink:0;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type24{height:47px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide{width:auto;flex:0;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab{width:max-content;padding:8px 16px 0 16px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:15px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:15px;} } /* ---- ##tab-type25 : 연합라운지 nav서브 탭 ---- */ .tab-type25 ul{box-sizing:border-box;padding:0 28px 8px;} .tab-type25 li{width:auto;} .tab-type25 .tab{display:inline-flex;align-items:center;padding:0 10px 8px;font-weight:500;} .tab-type25 li .tab .txt01{height:21px;line-height:1.4;color:var(--font-color006);} .tab-type25 li:first-of-type .tab{padding-left:0;} .tab-type25 li.active .tab .txt01, .tab-type25 li.active:hover .tab .txt01{font-weight:700;color:var(--font-color021);} .tab-type25 li:hover .tab{font-weight:500;color:var(--font-color021);} @media only screen and (max-width:767px){ .tab-type25 .swiper-area{padding:0 16px;} .tab-type25 ul{padding:0 0 12px;} .tab-type25 .tab{font-size:14px;} } /* ---- ##tab-type26 : 보도자료 탭타입 : width:auto, 왼쪽정렬, swipe 1279해상도 부터 적용 ---- */ .tab-type26{display:block;position:relative;box-sizing:border-box;width:100%;height:50px;} .tab-type26::after{content:'';display:block;position:absolute;left:50%;z-index:0;width:100%;height:1px;transform:translateX(-50%);} .tab-type26::after{bottom:0px;background-color:var(--ui-tag005);} .tab-type26 .swiper-area{overflow:visible;display:block;width:100%;height:100%;} .tab-type26 .swiper-area .swiper-wrapper{overflow:visible;display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;/*gap:24px;*/} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide{display:block;flex-shrink:0;box-sizing:border-box;box-sizing:border-box;width:auto;height:100%;padding:0 12px;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide:first-child{padding-left:0;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide:last-child{padding-right:0;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab{display:flex;justify-content:center;align-items:center;position:relative;width:auto;height:100%;padding:0 12px;border:0;background-color:var(--font-color000);gap:8px;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab::after{content:'';display:block;position:absolute;left:0;bottom:0px;z-index:1;width:100%;height:2px;background-color:var(--ui-tag000);} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide.active>.tab::after{background-color:var(--ui-tag030);} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color006);} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide.active>.tab .txt01{font-weight:700;color:var(--font-color021);} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color006);} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide.active>.tab .num{font-weight:700;color:var(--font-color021);} .tab-type26 .tab .txt01{flex-shrink:0;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .tab-type26 .swiper-area .swiper-wrapper .swiper-slide{padding:0 8px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tab-type26 .swiper-area{box-sizing:border-box;padding:0 16px;} .tab-type26::after{width:calc(100% - 32px);} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide{padding:0;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:15px;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:15px;} } /* =============== ####셀렉트 타입 ======================== */ /* select-type01 : 셀렉트 */ /* .select-type01{} .select-type01 .btn-pick{} */ /* =============== ####Tooltip ======================== */ /* tlp-content : show/hide 제어 */ [class*='tooltip-type0']{display:inline-block;position:relative;} [class*='tooltip-type0'] .btn-type004{position:absolute;top:6px;right:6px;background-size:18px auto;} [class*='tooltip-type0'] .tlp-content{display:none;position:absolute;box-sizing:border-box;width:320px;padding:16px 20px 20px 16px;border-radius:6px;background:var(--ui-tag001);box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.15);} [class*='tooltip-type0'] .tlp-content .tit01{display:block;margin-bottom:20px;font-size:16px;font-weight:600;color:var(--font-color003);letter-spacing:-0.4px;text-align:left;} [class*='tooltip-type0'] .tlp-content.hide{display:none;} [class*='tooltip-type0'] .tlp-content.show{display:block;z-index:230;} [class*='tooltip-type0'] .list01{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;font-size:0;} @media only screen and (min-width:1024px) and (max-width:1279px){ [class*='tooltip-type0'] .tlp-content{width:320px;} } /*@media only screen and (min-width:768px) and (max-width:1023px){ [class*='tooltip-type0'] .tlp-content.show{position:fixed;top:50%;left:50%;width:calc(100% - 32px);max-width:343px;transform:translate(-50%, -50%);} } @media only screen and (max-width:767px){ [class*='tooltip-type0'] .tlp-content.show{position:fixed;top:50%;left:50%;width:calc(100% - 32px);max-width:343px;transform:translate(-50%, -50%);} }*/ /* ---- ##tooltip-type01 ---- */ .tooltip-type01{position:relative;} /* ---- ##tooltip-type02 ---- */ .tooltip-type02{position:relative;} .tooltip-type02 .tlp-content.show{display:flex;gap:8px;} .tooltip-type02 .tlp-content .btn-type034{flex-shrink:0;width:14px;height:14px;background-size:14px 14px;} /*.tooltip-type02 .tlp-content:before{content:'';display:block;position:absolute;top:-6px;left:31px;width:10px;height:6px;background-image:var(--ui-bg043);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);backdrop-filter:blur(1.5px);} */ .tooltip-type02 .tlp-content{top:33px;left:-20px;min-width:168px;padding:8px 12px;border:none;border-radius:2px;background-color:var(--ui-tag001);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);} .tooltip-type02 .tlp-content>.info-box01{display:block !important;position:static !important;width:100%;transform:translateY(0) !important;} .tooltip-type02 .tlp-content>.info-box01>.tit01{display:block;box-sizing:border-box;width:100%;margin-bottom:0;font-size:14px;line-height:1.5;font-weight:700;color:var(--font-color021);} .tooltip-type02 .tlp-content>.info-box01>.txt01{font-size:14px;line-height:1.2;font-weight:400;color:var(--font-color021);word-break:keep-all;} .tooltip-type02.active .btn-type005{z-index:231;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tooltip-type02 .tlp-content{top:27px;left:-21px;} .tooltip-type02 .tlp-content.show{display:flex;position:absolute !important;top:33px;left:-20px;transform:translate(0, 0) !important;} } /* ---- ##.tooltip-type01.tlp-summary01 : 세줄요약 ---- */ .tlp-summary01{width:auto;} .tlp-summary01 .tlp-content{top:0;left:0;width:600px;min-height:334px;} .tlp-summary01 .txt01{position:relative;padding-left:16px;font-size:14px;font-weight:500;color:var(--font-color004);} .tlp-summary01 .desc-con>.txt01{box-sizing:border-box;width:100%;margin-top:20px;padding-right:180px;word-break:keep-all;} .tlp-summary01 .desc-con>.txt01:before{content:'';display:block;position:absolute;top:6px;left:0;width:12px;height:12px;background-image:var(--ui-bg059);background-size:100% auto;background-position:left center;background-repeat:no-repeat;} .tlp-summary01 .desc-con>.txt01 .fw-b{color:var(--font-color021);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .tlp-summary01 .desc-con>.txt01>.txt02{position:absolute;right:0;bottom:0;} /*.tlp-summary01 .desc-con .txt02{position:absolute;right:0;bottom:0;max-width:155px;}*/ .tlp-summary01 .story-summary p{margin-top:12px;} .tlp-summary01 .story-summary p:first-of-type{margin-top:0;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .tlp-summary01 .tlp-content.show{position:fixed;top:50%;left:50%;width:100%;max-width:calc(100% - 32px);max-height:70vh;transform:translate(-50%, -50%);overflow-y:auto;} .tlp-summary01 .desc-con>.txt01{padding-right:0;} .tlp-summary01 .desc-con>.txt01>.txt02{display:block;position:static;margin-top:4px;} } /* [세줄요약] 가로 모드 일때 */ @media (orientation: landscape){ .tlp-summary01 .tlp-content{min-height:auto;} .tlp-summary01 .tlp-content.show{overflow:hidden;max-height:70vh;overflow-y:auto;} } /* ---- ##.tooltip-type01.tlp-share0$ : 공유 ---- */ /* tlp-share01 - 리스트 * tlp-share02 - 본문 좌측 옵션박스 (optionbox01) * tlp-share03 - 화보 본문 헤더 옵션박스 (optionbox02) */ [class*='tlp-share0'] .btn-type101{flex-shrink:0;width:33.3%;margin-top:24px;} [class*='tlp-share0'] .list01{justify-content:flex-start;margin-top:-24px;} [class*='tlp-share0'] [class*='btn-type'].fbm{display:none;} /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='tlp-share0'] [class*='btn-type'].fbm{display:block;} } /* ---- ##.tooltip-type01.tlp-fontsize01 : 폰트크기 ---- */ .tlp-fontsize01 .btn-type003{margin-left:20px;} .tlp-fontsize01 .btn-type003:first-of-type{margin-left:0;} /* =============== ####Ticker ======================== */ /* ---- ##ticker-type$$ (뉴스 티커) ---- */ [class*='ticker-type']{} /* 속보 티커 : ticker-type01 */ /*.ticker-type01{position:relative;box-sizing:border-box;width:100%;padding-left:54px;} .ticker-type01 .ico-label-ticker01{position:absolute;top:2px;left:0;} .ticker-type01 .logo-yna10{display:none;} .ticker-type01 .swiper-area{position:relative;box-sizing:border-box;height:28px;padding-right:48px;} .ticker-type01 .swiper-area .list01{flex-direction:column;} .ticker-type01 .swiper-area .list01 li>a{display:flex;justify-content:space-between;font-size:16px;line-height:28px;font-weight:600;} .ticker-type01 .swiper-area .list01 li>a .tit-news{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;} .ticker-type01 .swiper-area .list01 .info-box{flex-shrink:0;width:53px;margin-left:8px;} .ticker-type01 .swiper-area .list01 .txt-time{font-size:14px;font-weight:400;color:var(--font-color003);} .ticker-type01 .btn-type004.menu01{display:none;} .ticker-type01 .btns{display:flex;position:absolute;top:50%;right:-4px;z-index:1;width:48px;transform:translateY(-50%);} .ticker-type01 .btns .btn-type005{flex-shrink:0;} @media only screen and (min-width:768px) and (max-width:1023px){ .ticker-type01{padding-left:38px;} .ticker-type01 .ico-label-ticker01{top:3px;width:22px;} .ticker-type01 .swiper-area{padding-right:24px;} .ticker-type01 .swiper-area .list01 li>a{justify-content:flex-start;font-size:14px;} .ticker-type01 .swiper-area .list01 .txt-time{font-size:12px;} .ticker-type01 .btns{width:24px;} .ticker-type01 .logo-yna10, .ticker-type01 .btn-type005{display:none;} .ticker-fixed{overflow:hidden;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:50px;padding-right:68px !important;transition:all .1s ease-out;} .ticker-fixed .ticker-type01 .logo-yna10{display:block;position:absolute;top:0;left:0;} .ticker-fixed .ticker-type01{box-sizing:border-box;max-width:100%;padding-left:32px;} .ticker-fixed .ticker-type01 .ico-label-ticker01{display:none;} .ticker-fixed .ticker-type01 .btn-type004.menu01{display:block;position:fixed;top:3px;right:14px;} .ticker-fixed .ticker-type01 .txt-time{opacity:0.5;margin-left:8px;} .ticker-latest .btn-type005.active{display:none;} } @media only screen and (max-width:767px){ .ticker-type01{padding-left:38px;} .ticker-type01 .ico-label-ticker01{top:3px;width:22px;} .ticker-type01 .swiper-area{padding-right:24px;} .ticker-type01 .swiper-area .list01 li>a{justify-content:flex-start;font-size:14px;} .ticker-type01 .swiper-area .list01 .txt-time{font-size:12px;} .ticker-type01 .btns{width:24px;} .ticker-type01 .btn-type005{display:none;} !* 티커 fixed *! .ticker-fixed{overflow:hidden;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:50px;padding-right:68px !important;transition:all .1s ease-out;} .ticker-fixed .ticker-type01 .logo-yna10{display:block;position:absolute;top:0;left:0;} .ticker-fixed .ticker-type01{box-sizing:border-box;max-width:100%;padding-left:32px;} .ticker-fixed .ticker-type01 .ico-label-ticker01{display:none;} .ticker-fixed .ticker-type01 .btn-type004.menu01{display:block;position:fixed;top:3px;right:14px;} .ticker-fixed .ticker-type01 .txt-time{opacity:0.5;margin-left:8px;} .ticker-latest .btn-type005.active{display:none;} }*/ /* ticker-type02 : 긴급티커(속보) */ .ticker-type02{display:flex;align-items:center;z-index:100;box-sizing:border-box;width:100%;height:95px;background-color:var(--ui-tag061);} .ticker-type02 .ticker-area{display:flex;position:relative;box-sizing:border-box;width:100%;max-width:980px;height:23px;margin:0 auto;padding:0;} .ticker-type02 .ico-label-ticker01{flex-shrink:0;} .ticker-type02 .ico-label-ticker01:after, .ticker-type02 .ico-label-ticker01:before{background-color:var(--ui-tag001);} .ticker-type02 .ico-label-ticker01>.txt01{color:var(--font-color029);} .ticker-type02 .tit-news{display:block;box-sizing:border-box;width:calc(100% - 42px);padding-right:52px;padding-left:16px;} .ticker-type02 .tit01{overflow:hidden;display:inline-block;max-width:100%;font-size:24px;line-height:1;color:var(--font-color001);white-space:nowrap;text-overflow:ellipsis;} .ticker-type02 .btn-type034{position:absolute;top:50%;right:-16px;width:50px;height:50px;transform:translateY(-50%);filter:var(--ui-filter001);background-image:var(--ui-bg004);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .ticker-type02{padding:0 24px 0 22px;} .ticker-type02 .btn-type034{right:-20px;} .ticker-type02 .tit-news{padding-right:150px;} .ticker-type02 .ico-label-ticker01{height:23px;padding:0 8px 8px;} .ticker-type02 .ico-label-ticker01>.txt01{flex-shrink:0;height:23px;font-size:15px;line-height:23px;} .ticker-type02 .ico-label-ticker01:after{height:23px;} .ticker-type02 .ico-label-ticker01:before{width:6px;height:18px;} } @media only screen and (max-width:1024px){ .ticker-type02 .tit01{font-size:18px;line-height:1.2;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .ticker-type02{height:auto;min-height:92px;padding:20px 16px;} .ticker-type02 .ticker-area{align-items:center;} .ticker-type02 .tit01{display:-webkit-box;font-size:18px;line-height:1.2;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;} } .ticker-type03{position:relative;box-sizing:border-box;max-width:1200px;height:51px;margin:0 auto;padding-left:142px;border:1px solid var(--ui-tag005);background-color:var(--ui-tag001);} .ticker-type03+.content03{margin-top:20px !important;} .ticker-type03 .ticker{overflow:hidden;display:flex;align-items:center;width:100%;height:100%;} .ticker-type03>.time{display:flex;align-items:center;position:absolute;top:0;left:0;box-sizing:border-box;width:142px;height:100%;padding-left:15px;background-color:#fff;font-size:14px;color:var(--font-color006);} .ticker-type03>.time>strong{display:inline-block;flex-shrink:0;font-weight:400;} .ticker-type03>.time>span{display:inline-block;padding-left:8px;font-weight:700;} .ticker-type03 .list01{display:inline-block;height:100%;white-space:nowrap;animation:move 30s linear infinite;animation-delay:2s;} .ticker-type03 .ticker.stop .list01{-webkit-animation-play-state:paused;} .ticker-type03 .list01 li{display:inline-block;height:100%;padding-right:50px;} .ticker-type03 .list01 li .box{display:flex;align-items:center;height:100%;} .ticker-type03 .list01 li [class*='unit0']{flex-shrink:0;box-sizing:border-box;} .ticker-type03 .list01 li .unit01{height:25px;padding:0 8px;background-color:var(--ui-tag011);font-size:14px;line-height:25px;color:var(--font-color003);} .ticker-type03 .list01 li .unit02{margin-left:12px;font-size:18px;font-weight:bold;color:var(--font-color003);} .ticker-type03 .list01 li .unit03{position:relative;margin-left:12px;font-size:14px;color:var(--font-color003);} .ticker-type03 .list01 li .unit04{margin-left:12px;font-size:14px;color:var(--font-color003);} .ticker-type03 .list01 li.up .unit03{padding-left:15px;color:var(--font-color029);} .ticker-type03 .list01 li.up .unit03:before{content:'';display:inline-block;position:absolute;top:8px;left:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--ui-tag061);} .ticker-type03 .list01 li.up .unit04{color:var(--font-color029);} .ticker-type03 .list01 li.down .unit03{padding-left:15px;color:var(--font-color021);} .ticker-type03 .list01 li.down .unit03:before{content:'';display:inline-block;position:absolute;top:8px;left:0;width:0;height:0;border-top:9px solid var(--ui-tag030);border-left:5px solid transparent;border-right:5px solid transparent;} .ticker-type03 .list01 li.down .unit04{color:var(--font-color021);} .ticker-type03 .list01 li .unit03:empty, .ticker-type03 .list01 li .unit04:empty{margin-left:0;padding-left:0;} /* ticker-type03 마켓플러스 주가지수 티커 */ @keyframes move { 0% {transform:translateX(0);} 100% {transform:translateX(-100%);} } /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .ticker-type03{max-width:980px;} .ticker-type03+.content03{margin-top:20px !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .ticker-type03{max-width:100%;padding-left:0;border-width:1px 0;} .ticker-type03+.content03{margin-top:24px !important;} .ticker-type03>.time{display:none;} .ticker-type03 .list01 li{padding-right:40px;} .ticker-type03 .list01 li:first-of-type{padding-left:16px;} .ticker-type03 .list01 li .unit01{height:24px;font-size:13px;} .ticker-type03 .list01 li .unit02{font-size:16px;} .ticker-type03 .list01 li .unit03{font-size:13px;} .ticker-type03 .list01 li .unit04{font-size:13px;} } /* =============== ####Title ======================== */ /* ---- ##txt-tag ---- */ /* (클래스범위) * 어깨제목 : txt-tag00 ~ 19 * 말머리 : txt-tag20 ~ 39 * 슬러그 : txt-tag40 ~ * 말풍선 스타일 : [class*='txt-tag'].style01 */ /* ---- ##txt-tag$$ (공통) ---- */ [class*='txt-tag']{display:inline-block;flex-shrink:0;} a[class*='txt-tag']{font-size:14px;} a[class*='txt-tag']:after{width:14px;height:14px;background-size:14px auto;background-position:center;} [class*='txt-tag0']{position:relative;} /* ---- ##txt-tag$$ (공통) : 말풍선 스타일 ---- */ [class*='txt-tag'][class*='style']{padding-right:0;} [class*='txt-tag'][class*='style']:after{display:none;} [class*='txt-tag'].style01{overflow:hidden;padding-bottom:5px;line-height:1;} [class*='txt-tag'].style01>.txt01{display:inline-block;position:relative;height:18px;padding:0 6px;font-size:12px;line-height:1.5;font-weight:700;color:var(--font-color001);} [class*='txt-tag'].style01>.txt01:after{content:'';display:block;position:absolute;left:-3px;bottom:-3px;width:6px;height:6px;background-color:var(--ui-tag034);transform:rotate(45deg);} /* ---- ##txt-tag01~19 : 어깨제목(a태그일때 arrow추가됨) ---- */ .txt-tag01, a[class*='txt-tag0']{display:inline-flex;position:relative;padding-right:20px;font-size:18px;font-weight:600;color:var(--font-color021);} a[class*='txt-tag0']:after{content:'';display:block;position:absolute;top:50%;right:0;width:16px;height:16px;background-image:var(--ui-bg021);background-size:100% auto;background-repeat:no-repeat;transform:translateY(-50%);filter:var(--ui-filter101);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-tag01, a[class*='txt-tag0']{font-size:14px;} a[class*='txt-tag0']:after{width:12px;height:12px;} } /* ---- ##txt-tag02 ---- */ .txt-tag02, a.txt-tag02{font-size:14px;line-height:1.5;font-weight:600;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-tag02, a.txt-tag02{font-size:13px;} } /* ---- ##txt-tag20 ~ 39 : 말머리 스타일 사용 ---- */ [class*='txt-tag2']{display:inline-block;justify-content:center;align-items:center;position:relative;box-sizing:border-box;height:30px;padding:0!important;font-size:18px;line-height:1.3;letter-spacing:0;text-align:center;vertical-align:top;} [class*='txt-tag2']:before{/*position:relative;*/top:3px;padding:4px 5px;border-radius:3px;line-height:1;font-weight:500;color:var(--font-color001);} .txt-tag21:before{background:var(--ui-tag036);} .txt-tag22:before{background:var(--ui-tag030);} .txt-tag23:before{background:var(--ui-tag037);} .txt-tag24:before{background:var(--ui-tag060);} .txt-tag25:before{background:var(--ui-tag031);} .txt-tag28:before{background:var(--ui-tag005);color:var(--font-color003);} .txt-tag21, .txt-tag22, .txt-tag23, .txt-tag24{font-weight:500;color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='txt-tag2']{line-height:1.3;} } /*.txt-tag21{background:var(--ui-tag036);font-weight:500;color:var(--font-color001);} .txt-tag22{background:var(--ui-tag030);font-weight:500;color:var(--font-color001);} .txt-tag22.tag05{width:80px;} .txt-tag23{background:var(--ui-tag037);font-weight:500;color:var(--font-color001);} .txt-tag23.tag06{width:66px;} .txt-tag24{background:var(--ui-tag060);font-weight:500;color:var(--font-color001);} .txt-tag24.tag05{width:80px;} .txt-tag28{background:var(--ui-tag005);} .txt-tag28:before{color:var(--font-color003);}*/ /* ---- ##txt-tag2$ (말머리 공통) ---- */ /* 말머리 태그 사용 규칙 * 말머리는 리스트타입 종속으로 사용한다.(list-type$$ > txt-tag2$) * txt-tag2$ : 컬러 지정 * tag$$ 은 [class*='txt-tag2']에 addClass로 사용 * 말머리 텍스트는 tag0$:before 의 가상태그로 제공 */ /* (클래스범위) - 01 : 긴급 / 02 : 속보 / 03 : 단독 / 04 : 르포 - 05 : 헤드라인 / 06 : 인터뷰 / 07 : 특파원르포 - 08 : 컬럼 / 09 : 1보 / 10 : 2보 / 11 : 3보 */ [class*='txt-tag2'].tag01:before{content:'긴급';} /* 긴급 */ [class*='txt-tag2'].tag02:before{content:'속보';} /* 속보 */ [class*='txt-tag2'].tag03:before{content:'단독';} /* 단독 */ [class*='txt-tag2'].tag04:before{content:'르포';} /* 르포 */ [class*='txt-tag2'].tag05:before{content:'헤드라인';} /* 헤드라인 */ [class*='txt-tag2'].tag06:before{content:'인터뷰';} /* 인터뷰 */ [class*='txt-tag2'].tag07:before{content:'특파원르포';} /* 특파원르포 */ [class*='txt-tag2'].tag08:before{content:'칼럼';} /* 칼럼 */ [class*='txt-tag2'].tag09:before{content:'1보';} /* 1보 */ [class*='txt-tag2'].tag10:before{content:'2보';} /* 2보 */ [class*='txt-tag2'].tag11:before{content:'3보';} /* 3보 */ /* ---- ##txt-tag40~ : 슬러그 ---- */ /* txt-tag40 : 다국어분류 */ a.txt-tag40, .txt-tag40{flex-shrink:0;font-size:13px;font-weight:600;color:var(--font-color006);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ a.txt-tag40:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* txt-tag41 : 슬러그 텍스트 타입(폰트14px) */ .txt-tag41, a.txt-tag41{display:inline-flex;position:relative;font-size:14px;line-height:1.5;font-weight:600;} a.txt-tag41{padding-right:20px;} a.txt-tag41:after{content:'';display:block;position:absolute;top:50%;right:0;width:16px;height:16px;background-image:var(--ui-bg021);background-size:100% auto;background-repeat:no-repeat;transform:translateY(-50%);filter:var(--ui-filter101);} a.txt-tag41.color20:after{filter:var(--ui-filter103);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ a.txt-tag41:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* txt-tag43 : 기사 갯수 */ .txt-tag51, a.txt-tag51{display:inline-block;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color001);} .txt-tag51 .txt01{display:inline-block;font-weight:700;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-tag51, a.txt-tag51{font-size:13px;} } /* txt-tag50 : txt-tag$$>txt01 구조 형태 */ .txt-tag50>.txt01{display:inline-block;position:relative;height:18px;padding:2px 6px;font-size:12px;line-height:1.5;font-weight:400;color:var(--font-color001);} .txt-tag50.style01>.txt01{padding:2px 6px;font-weight:400;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-tag50>.txt01{min-height:17px;font-size:11px;line-height:17px;} } /* txt-tag61 : 기자의 세상읽기 (오피피언 메인) */ .txt-tag61{display:inline-block;position:relative;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color003);vertical-align:top;} .txt-tag61 .txt01{color:var(--font-color028);} .txt-tag61::after{content:'';display:block;position:absolute;top:50%;right:-18px;z-index:10;width:14px;height:14px;background-image:var(--ui-bg054);background-size:14px 14px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* txt-tag61 : 기자의 세상읽기 (오피피언 우측) */ .txt-tag62, a.txt-tag62{display:block;box-sizing:border-box;width:100%;font-size:13px;line-height:1.5;font-weight:600;color:var(--font-color028);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ a.txt-tag62:hover, a.txt-tag62:hover .txt01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##title-type (공통) ---- */ /* span.title-type$$$ : 텍스트 타이틀 * a.title-type$$$ : 링크 타이틀 * font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700 * [메인] 텍스트 타입 : title-type001 ~ 019 * [메인] 아이콘형태 : title-type020 ~ 039 * [섹션메인] 텍스트 타입: title-type011 ~ 119*/ /* ---- ##title-type$$$(공통) ---- */ [class*='title-type'].medium [class*='tit']{font-weight:600;} [class*='title-type'].semi [class*='tit']{font-weight:500;} [class*='title-type'].bold [class*='tit']{font-weight:700;} [class*='title-type']{display:inline-block;position:relative;box-sizing:border-box;vertical-align:bottom;} [class*='title-type']>[class*='tit'], [class*='title-type']>[class*='txt']{vertical-align:bottom;} [class*='title-type']>[class*='tit']{display:inline-block;position:relative;box-sizing:border-box;} [class*='title-type']>.tit01{font-size:20px;line-height:1.3;} [class*='title-type'][class*='arr']>[class*='tit']:after{content:'';display:block;position:absolute;top:50%;right:0;background-image:var(--ui-bg021);background-size:100% auto;} /*[class*='title-type'][class*='arr']:after{content:'';display:block;position:absolute;top:50%;right:0;background-image:var(--ui-bg021);background-size:100% auto;}*/ [class*='title-type']>[class*='tit']+[class*='txt']{margin-left:8px;} [class*='title-type']+[class*='list-type']{margin-top:16px;} [class*='title-type'].arr01>[class*='tit']{padding-right:22px;}/*arrow 타입*/ [class*='title-type'].arr01 [class*='tit']::after{width:18px;height:18px;margin-top:-9px;} /* [class*='title-type'][class*='arr'] a[href=""], [class*='title-type'][class*='arr'] a[href='#none']{cursor:default;} */ /* (임시) CPS에 반영시 주석해제 예정 [class*='title-type'][class*='arr'] a[href=""]:after, [class*='title-type'][class*='arr'] a[href='#none']:after{display:none;} */ /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ [class*='title-type'].arr01>[class*='tit']{padding-right:20px;} } /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ /* title-type00$ ~ title-type01$ */ /* [class*='title-type00']>a[class*='tit']:hover, [class*='title-type01']>a[class*='tit']:hover{color:var(--font-color022);}*/ [class*='title-type']>a[class*='tit']:hover [class*='txt']:not(.ir-txt01){color:inherit;} /*.title-type011>a.tit01:hover{color:var(--font-color021);}*/ } /* ---- ##title-type001 ---- */ /* .title-type001 > .tit01 : 기본 * .title-type001 > .tit02 : text-underline (마이뷰어에서 작업중) * .style01 : 와이뷰어 */ .title-type001>[class*='tit0']{font-size:20px;/*height:30px;*/line-height:1.5;color:var(--font-color003);} .title-type001+.title-type001{margin-left:7px;padding-left:8px;} .title-type001+.title-type001:before{content:'';position:absolute;top:50%;left:0;width:1px;height:15px;margin-top:-7px;background:#000;} /* style01 */ .title-type001.style01>.tit01 .color21{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){ .title-type001>[class*='tit0']{font-size:18px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type001>[class*='tit0']{font-size:18px;/*height:27px;*/} } /* ---- ##title-type002 - 텍스트 회색 ---- */ [class*='title-type']+.title-type002{position:relative;box-sizing:border-box;margin-left:8px;padding-left:10px;} [class*='title-type']+.title-type002:after{content:'';display:block;position:absolute;top:50%;left:0;width:2px;height:16px;background-color:var(--ui-tag004);transform:translateY(-50%);} .title-type002>.tit01{font-size:20px;color:var(--font-color004);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type002>[class*='tit']{font-size:18px;} } /* ---- ##title-type004 - 연합라운지 대 타이틀 ---- */ .title-type004{display:flex;align-items:center;height:60px;padding:0 40px;color:var(--font-color001);} .title-type004>.tit01{display:inline-flex;align-items:center;font-size:26px;font-weight:700;} .title-type004>.tit01 .logo-yna11{margin-right:8px;} .title-type004>.txt01{display:inline-block;margin-left:8px;/*padding-top:10px;*/font-size:21px;font-weight:500;color:var(--font-color001);} @media only screen and (max-width:767px){ .title-type004{padding:0 16px;} .title-type004>[class*='tit']{font-size:20px;} .title-type004>[class*='txt']{display:none;} } /* ---- ##title-type004.style01 - 뉴스플러스 관심사 뉴스 패키지 타이틀+텍스트 조합 ---- */ .title-type004.style01{display:flex;justify-content:flex-start;align-items:center;height:30px;padding:0;color:var(--font-color003);gap:16px;} .title-type004.style01>.tit01{display:block;font-size:20px;line-height:1.5;font-weight:700;} .title-type004.style01>.txt01{display:block;margin-left:0px;padding-top:0px;font-size:16px;font-weight:500;color:var(--font-color021);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type004.style01{flex-direction:column;gap:8px;align-items:flex-start;height:auto;padding:0 16px;} .title-type004.style01>.tit01{font-size:18px;} .title-type004.style01>.txt01{font-size:14px;} } /* ---- ##title-type005.style01 : 지역별 실시간 뉴스 ---- */ .title-type005{background-color:var(--ui-tag009);} .title-type005{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;position:relative;box-sizing:border-box;width:100%;height:132px;padding:16px 24px 16px 144px;border-radius:2px;} .title-type005::before{content:'';display:block;position:absolute;top:16px;left:24px;z-index:10;width:100px;height:100px;border:1px solid rgba(0,0,0,.04);border-radius:100%;background-size:100px 100px;background-position:center center;background-repeat:no-repeat;} .title-type005 .tit01{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;font-size:24px;line-height:36px;font-weight:600;color:var(--font-color003);} .title-type005 .txt01{position:relative;margin-left:0px;font-size:15px;line-height:23px;font-weight:500;color:var(--font-color004);} .title-type005 .txt01::after{content:'';position:absolute;top:50%;right:-17px;z-index:10;width:14px;height:14px;background-image:var(--ui-bg054);background-size:14px 14px;background-repeat:no-repeat;transform:translateY(-55%);} .title-type005.gg::before{background-image:var(--ui-bg258);} .title-type005.in::before{background-image:var(--ui-bg259);} .title-type005.bu::before{background-image:var(--ui-bg260);} .title-type005.ul::before{background-image:var(--ui-bg261);} .title-type005.gn::before{background-image:var(--ui-bg262);} .title-type005.dggb::before{background-image:var(--ui-bg263);} .title-type005.gjjn::before{background-image:var(--ui-bg264);} .title-type005.jb::before{background-image:var(--ui-bg265);} .title-type005.djcnsj::before{background-image:var(--ui-bg266);} .title-type005.cb::before{background-image:var(--ui-bg267);} .title-type005.gw::before{background-image:var(--ui-bg268);} .title-type005.jj::before{background-image:var(--ui-bg269);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .title-type005{height:112px;padding:16px 24px 16px 124px;} .title-type005::before{width:80px;height:80px;background-size:80px 80px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type005 .txt01{margin-top:8px;margin-left:0;font-size:14px;line-height:21px;} .title-type005{height:84px;padding:12px 20px 12px 100px;} .title-type005::before{top:12px;left:20px;width:60px;height:60px;background-size:60px 60px;} .title-type005 .tit01{font-size:20px;line-height:30px;} .title-type005 .txt01{margin-top:0;font-size:14px;line-height:21px;} .title-type005 .txt01::after{transform:translateY(-60%);} } /* ---- ##title-type006 : 통합검색 최근검색어 ---- */ .title-type006 .tit01{font-size:18px;font-weight:600;} @media only screen and (max-width:767px){ .title-type006 .tit01{font-size:16px;} } /* ---- ##title-type007 : 통합검색 제휴사 검색 ---- */ .title-type007 .tit01{font-size:17px;font-weight:600;} @media only screen and (max-width:767px){ .title-type007{display:none;} } /* ---- ##title-type009.style01 : 도트 형태 ---- */ .title-type009 .tit01{display:inline-block;position:relative;padding-left:8px;font-size:18px;color:var(--font-color003);} .title-type009 .tit01:after{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:100%;background-color:var(--ui-tag003);transform:translateY(-50%);} .title-type009.style01 .tit01{color:var(--font-color021);} .title-type009.style01 .tit01:after{background-color:var(--ui-tag030);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type009 .tit01{padding-left:0;} .title-type009 .tit01:after{display:none;} .title-type009.style01 .tit01{color:var(--font-color003);} } /* ---- ##title-type010 : 타이틀+텍스트 (tit01+txt01) ---- */ .title-type010 .tit01{display:flex;justify-content:flex-start;align-items:flex-end;font-size:20px;font-weight:700;color:var(--font-color003);} .title-type010 .txt01{margin-left:4px !important;font-size:13px;font-weight:500;color:var(--font-color005);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px) { .title-type010{display:none;} } /* ---- ##title-type011 - 보더라인형태 대타이틀---- */ /* 주로 .nav-type40>.title-type011 쓰임 */ .title-type011{flex-shrink:0;} .title-type011>.tit01{box-sizing:border-box;font-size:40px;font-weight:700;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type011>.tit01{font-size:24px;} } /* ---- ##title-type012 - 마켓플러스 모바일 변형 타이틀---- */ .title-type012{display:inline-block;height:auto;vertical-align:top;} .title-type012 .tit01{position:relative;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color039);vertical-align:top;} .title-type012 .tit01:hover{color:var(--font-color039) !important;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .title-type012 .tit01{font-size:14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type012 .tit01{font-size:18px;font-weight:700;color:var(--font-color003);} .title-type012 .tit01:hover{color:var(--font-color003) !important;} .title-type012 .tit01::after{content:'';display:block;position:absolute;top:50%;right:-22px;z-index:10;width:18px;height:18px;background-image:var(--ui-bg021);background-size:18px 18px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} } /* ---- ##title-type013 - 기자홈 통계보기 타이틀---- */ .title-type013{display:flex;justify-content:flex-start;align-items:center;width:100%;} .title-type013 .tit01{font-size:16px;line-height:1.5;font-weight:700;color:var(--font-color005);} .title-type013 .txt01{font-size:12px;line-height:1.5;font-weight:400;color:var(--font-color004);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type013 .tit01{font-size:15px;} } /* ---- ##title-type014 - 마이페이지 차트 타이틀 ---- */ .title-type014 .tit01{font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color003);} /* ---- ##title-type015 - 기타 사이트맵 타이틀 ---- */ .title-type015{display:flex;align-items:center;} .title-type015 .tit01{font-size:24px;line-height:1.5;font-weight:700;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type015 .tit01{font-size:20px;} } /* ---- ##title-type016 - 통합검색 검색옵션 타이틀 ---- */ .title-type016{display:flex;justify-content:center;align-items:center;} .title-type016 .tit01{font-size:24px;line-height:1.5;font-weight:700;color:var(--font-color003);} /* ---- ##title-type017 - 에러페이지 타이틀 ---- */ .title-type017{display:flex;justify-content:center;margin-top:32px;} .title-type017 .tit01{font-size:32px;line-height:1.5;font-weight:700;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type017{margin-top:24px;} .title-type017 .tit01{margin-top:16px;font-size:24px;} } /* ---- ##title-type018 : [본문] 브랜드뉴스명---- */ .title-type018{display:flex;} .title-type018>.tit01{font-size:20px;line-height:1.5;font-weight:700;color:var(--font-color021);} .title-type018.style01>.tit01{background:var(--ui-tag108);text-decoration:none;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type018>.tit01{font-size:16px !important;} } /* ---- ##title-type019 : 오피니언섹션 타이틀 ---- */ .title-type019>.tit01{font-size:28px;line-height:1.5;font-weight:600;color:var(--font-color003);} @media only screen and (min-width:768px) and (max-width:1023px){ .title-type019>.tit01{font-size:22px;} } @media only screen and (max-width:767px){ .title-type019>.tit01{font-size:22px;} } /* ---- ##title-type031: 말풍선 화살표 타이틀 버튼 ---- */ /* .title-type031 파랑 * .title-type031.style01 회색 * .title-type031.style02 빨강 */ .title-type031{overflow:visible;display:flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;width:100%;height:40px;padding:0 12px;background-color:var(--ui-tag030);} .title-type031::after{content:'';display:block;position:absolute;left:0;bottom:-12px;z-index:1;width:0;height:0;border-top:6px solid var(--ui-tag000);border-left:6px solid var(--ui-tag031);border-right:6px solid var(--ui-tag000);border-bottom:6px solid var(--ui-tag031);transform:rotate(90deg);} .title-type031 .txt01{display:inline-flex;justify-content:flex-start;align-items:center;position:relative;} .title-type031.arr01 + .list-type216{margin-top:24px;} .title-type031 .tit01{position:relative;font-size:16px;line-height:24px;font-weight:700;color:var(--font-color007);} .title-type031.arr01 .tit01::after{content:'';display:block;position:absolute;top:50%;right:0;z-index:10;width:16px;height:16px;margin-top:0;background-image:var(--ui-bg055);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);filter:var(--ui-filter001);} .title-type031.style01{background-color:var(--ui-tag005);} .title-type031.style01::after{border-left-color:var(--ui-tag015);border-bottom-color:var(--ui-tag015);} .title-type031.style01.arr01 .tit01::after{filter:var(--ui-filter012);} .title-type031.style01 .tit01{color:var(--font-color003);} .title-type031.style02{background-color:var(--ui-tag113);} .title-type031.style02::after{border-left-color:var(--ui-tag114);border-bottom-color:var(--ui-tag114);} /* ---- ##title-type032: 말풍선 화살표 타이틀 버튼 ---- */ .title-type032{overflow:visible;display:flex;justify-content:flex-start;align-items:center;z-index:2;box-sizing:border-box;width:max-content;height:40px;padding:0 12px;background:linear-gradient(104deg, #6060E2 0%, #3062E1 42.71%, #3062E1 70.31%, #2C7ADF 87.5%, #2894DD 100%);} .title-type032::after{content:'';display:block;position:absolute;left:0;bottom:-12px;z-index:1;width:0;height:0;border-top:6px solid var(--ui-tag000);border-left:6px solid var(--ui-tag031);border-right:6px solid var(--ui-tag000);border-bottom:6px solid var(--ui-tag031);transform:rotate(180deg);} .title-type032 .txt01{display:inline-flex;justify-content:flex-start;align-items:center;position:relative;} .title-type032.arr01 + .list-type216{margin-top:24px;} .title-type032 .tit01{position:relative;font-size:18px;line-height:24px;font-weight:700;color:var(--font-color007);} .title-type032.arr01 .tit01::after{content:'';display:block;position:absolute;top:50%;right:0;z-index:10;width:16px;height:16px;margin-top:0;background-image:var(--ui-bg038);background-size:16px 16px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);filter:var(--ui-filter001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type032{top:0;left:16px;} .title-type032 .tit01{font-size:15px;} } /* ---- ##title-type033: 말풍선 톱뉴스 타임라인 타이틀 ---- */ .title-type033{display:flex;justify-content:center;align-items:center;width:270px;height:40px;background:linear-gradient(90deg, #F1EAFE 0%, #E8ECFD 100%);color:var(--font-color046) !important;} .title-type033::after{content:'';display:block;position:absolute;left:0;bottom:-11px;z-index:1;width:0;height:0;border-top:6px solid var(--ui-tag000);border-left:6px solid var(--ui-tag047);border-right:6px solid var(--ui-tag000);border-bottom:6px solid var(--ui-tag047);transform:rotate(90deg);} .title-type033 .txt-type007{margin-right:8px;} .title-type033 .tit01{font-size:18px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type033 .tit01{font-size:17px;} } /* ---- ##title-type034: 메인 주식티커 타이틀 ---- */ .title-type034{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:288px;height:51px;padding:0 39px 0 16px;color:var(--font-color001) !important;} .title-type034:before{content:'';display:block;position:absolute;top:0;left:0;width:calc(100% - 23px);height:100%;background-color:var(--ui-tag106);} .title-type034:after{content:'';display:block;position:absolute;top:0;right:0;width:0;height:0;border-top:112px solid var(--ui-tag106);border-left:51px solid var(--ui-tag106);border-right:51px solid var(--ui-tag007);border-bottom:51px solid var(--ui-tag007);transform:rotate(360deg);} .title-type034 .title01{position:relative;z-index:1;font-size:20px;font-weight:700;} .title-type034 .txt01{position:relative;z-index:1;font-size:14px;font-weight:500;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-type034{justify-content:flex-start;height:40px;background-color:var(--ui-tag106);} .title-type034 .title01{font-size:18px;} .title-type034 .txt01{font-size:13px;} .title-type034:after{display:none;} .title-type034:before{display:none;} } /* ---- ##txt-type$$$ (공통) ---- */ /* (클래스범위) * txt-type001~19 :기본텍스트 * txt-type100~029 :텍스트+썸네일 형태 * txt-type300~ :[테마]텍스트 */ [class*='txt-type'].medium .tit01{font-weight:600;} [class*='txt-type'].semi .tit01{font-weight:500;} [class*='txt-type'].bold .tit01{font-weight:700;} a[class*='txt-type']:after{} [class*='txt-type'].bold .txt01{} [class*='txt-type']>.txt01{} [class*='txt-type'].style01>.txt01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}/*style01:underline*/ /* ---- ##txt-type001 : 기본텍스트 ---- */ [class*='txt-type0']{display:inline-block;} .txt-type001>.txt01{font-size:15px;font-weight:600;color:var(--font-color007);} .txt-type001.style01{color:var(--font-color001);} .txt-type001.style02>.txt01{color:var(--font-color048);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* ---- ##txt-type002 : 채널명 텍스트(연합뉴스,korea now, TongTong Culture 등 ---- */ .txt-type002>.tit01{font-size:14px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ a.txt-type002:hover .tit01, button.txt-type002:hover>.tit01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##txt-type003 : #해시태그 ---- */ .txt-type003>.txt01{overflow:hidden;position:relative;max-width:100%;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color021);white-space:nowrap;text-overflow:ellipsis;} /* 언더라인 마커형태 */ .txt-type003.style01>.txt01{background:var(--ui-tag108);text-decoration:none;} /* ---- ##txt-type004 : today (날짜 옆 표기) ---- */ .txt-type004{display:inline-flex;width:auto;height:auto;margin:0;padding:2px 4px;border-radius:2px;background-color:var(--ui-tag009);font-size:11px;line-height:17px;font-weight:700;color:var(--font-color021);vertical-align:top;} /* ---- ##txt-type005 : 톱뉴스 날짜 텍스트 ---- */ .txt-type005{display:flex;justify-content:flex-start;align-items:center;gap:12px;} .txt-type005>.txt01{font-size:24px;line-height:1.3;font-weight:600;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type005{gap:8px;} } /* ---- ##txt-type006 : 톱뉴스 캘린더날짜 텍스트 ---- */ .txt-type006{display:block;} .txt-type006>.txt01{font-size:20px;line-height:1.3;font-weight:600;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type005>.txt01{font-size:20px;line-height:1.3;font-weight:600;color:var(--font-color003);} } /* ---- ##txt-type007 : 톱뉴스 Live ---- */ .txt-type007{display:inline-block;box-sizing:border-box;height:20px;padding:0 8px;border-radius:100px;background-color:var(--ui-tag046);font-size:10px;line-height:20px;font-weight:900;color:var(--font-color001);text-transform:uppercase;} /* ---- ##txt-type008 : 날짜별 많이 본 뉴스 기준 안내텍스트 ---- */ .txt-type008{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;gap:4px;} .txt-type008 .ico-type04-noti01{top:2px;} .txt-type008>.txt01{font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color004);} /* ---- ##txt-type009 :[통합검색] 인물 이름,년생 ---- */ .txt-type009{display:flex;justify-content:flex-start;align-items:center;padding:16px 16px 12px 16px;gap:16px;} .txt-type009 .tit-name{display:flex;justify-content:flex-start;align-items:center;gap:4px;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color003);} .txt-type009 .btn-type204{margin-top:8px;} .txt-type009 [class*='img-con']{flex-shrink:0;position:relative;width:93px;min-width:50px;height:106px;} .txt-type009 [class*='img-con'].img-none01:after{display:none;} .txt-type009 [class*='img-con'] .img{width:100%;padding-top:114%;} .txt-type009 [class*='img-con'] .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .txt-type009 .tit-name .txt01{font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color006);} .txt-type009 .txt-mes01{min-height:46px;padding:0;border-bottom:0;font-size:15px;color:var(--font-color003);} @media only screen and (max-width:767px){ .txt-type009{gap:15px;padding:0 0 12px 0;} .txt-type009 .tit-name{flex-wrap:wrap;font-size:18px;} } /* ---- ##txt-type010 :[통합검색] 검색없음 ---- */ .txt-type010{display:block;padding:85px 20px;font-size:18px;color:var(--font-color004);text-align:center;} .txt-type010 mark, .txt-type010 .bold{font-weight:700;} @media only screen and (max-width:767px){ .txt-type010{padding:120px 16px;} } /* ---- ##txt-type011 : 통합검색 00건, 기자페이지 : 총 000명 ---- */ .txt-type011{font-size:20px;line-height:30px;color:var(--font-color003);} .txt-type011 em{font-weight:700;color:var(--font-color021);} .txt-type011 .txt01{display:inline-block;margin-right:4px;font-weight:700;} .txt-type011 .btn-type220{margin-left:16px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type011{font-size:18px;} } /* ---- ##txt-type012 : [기자홈]구독 00명 ---- */ .txt-type012{position:relative;padding:0 15px 0 34px;font-size:16px;line-height:1.5;font-weight:700;color:var(--font-color001);;} .txt-type012::before{content:'구독';display:block;position:absolute;top:0;left:0;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color001);} .txt-type012::after{content:'명';display:block;position:absolute;top:0;right:0;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color001);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type012 {line-height:1.7;} .txt-type012::before, .txt-type012::after{height:21px;line-height:1.5;} } /* ---- ##txt-type014 : 사이트맵 타이틀 + 텍스트 ---- */ .txt-type014{font-size:0;} .txt-type014 .txt01{display:inline-block;position:relative;margin-left:8px;padding-left:8px;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color005);} .txt-type014 .txt01:first-child{margin-left:0;padding-left:0;} .txt-type014 .txt01:before{content:'';display:block;position:absolute;top:4px;left:0;width:1px;height:14px;background-color:var(--ui-tag015);} .txt-type014 .txt01:first-child:before{display:none;} [class*='title-type'] + .txt-type014 .txt01:first-child{margin-left:8px;padding-left:8px;} [class*='title-type'] + .txt-type014 .txt01:first-child:before{display:block;} /* ---- ##txt-type015 : 성금,신문의날 텍스트,RSS피드 ---- */ .txt-type015{width:100%;margin-top:60px;text-align:center;} .txt-type015 .tit01{margin-bottom:40px; font-size:28px;line-height:1.5;font-weight:600;color:var(--font-color025);} .txt-type015 .desc-con .tit01{margin-bottom:0;font-size:24px;color:var(--font-color003);} .txt-type015 .desc-con .txt01{margin-top:20px;font-size:18px;line-height:1.5;color:var(--font-color003);word-break:keep-all;} .txt-type015 .txt-mes03{margin-top:20px;font-size:16px;} .txt-type015 .desc-con{margin-top:0 !important;} /* RSS피드 */ .txt-type015 .desc-con>.list01{display:flex;justify-content:center;align-items:center;font-weight:600;} .txt-type015 .desc-con >.list01 li{display:inline-block;padding:20px 20px 0;font-size:18px;color:var(--font-color003);pointer-events:none !important;text-decoration:none !important;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type015{margin-top:40px;} .txt-type015 .tit01{margin-bottom:24px;font-size:20px;} .txt-type015 .tit01 span{display:block;} .txt-type015 .desc-con{margin-top:24px;} .txt-type015 .desc-con .tit01{font-size:20px;} .txt-type015 .desc-con .txt01{max-width:375px;margin:20px auto 0;font-size:16px;} .txt-type015 .txt-mes03{font-size:14px;} .txt-type015 .txt-mes03 span{display:block;} .txt-type015 .desc-con>.list01{flex-wrap:wrap;justify-content:flex-start;max-width:100%;margin:10px auto 0;} .txt-type015 .desc-con >.list01 li{padding:10px 33px 0 0;font-size:16px;} } /* ---- ##txt-type016 : 성금모금,신문의날 정보 텍스트---- */ .txt-type016{margin-top:60px;padding:40px;background-color:var(--ui-tag009);} .txt-type016 dt{position:relative;top:0;left:0;min-width:140px;padding-left:10px;line-height:1.5;font-weight:600;color:var(--font-color003);word-break:keep-all;} .txt-type016 dt:before{content:'';position:absolute;top:10px;left:0;width:2px;height:2px;background-color:var(--font-color006);} .txt-type016 dd{width:100%;line-height:1.5;color:var(--font-color003);word-break:keep-all;} .txt-type016 .list01{display:flex;gap:16px;flex-wrap:wrap;} .txt-type016 .list01 dl{display:flex;gap:16px;width:100%;padding:0;border:0;} .txt-type016 .list02{display:flex;width:100%;margin-top:4px;flex-wrap:wrap;gap:4px 0;} .txt-type016 .list02 li{width:33.33%;line-height:1.5;color:var(--font-color005);} @media only screen and (max-width:767px){ .txt-type016{padding:20px;} .txt-type016 dt{width:100%;font-size:14px;} .txt-type016 dd{font-size:14px;} .txt-type016 .list01 dl{flex-wrap:wrap;gap:4px;} .txt-type016 .list01 dl:last-child .list02 .li{width:100%;} .txt-type016 .list02 li{width:100%;} } /* ---- ##txt-type017 : 성금모금,신문의날 정보 텍스트---- */ .txt-type017{width:100%;margin-top:60px;text-align:center ;} .txt-type017 .txt01{margin-top:4px;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color003);} .txt-type017 .txt-date{font-size:18px;line-height:1.5;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type017{margin-top:40px;} .txt-type017 .txt-date{font-size:16px;} .txt-type017 .txt01{font-size:18px;} } /* ---- ##txt-type018 : 기타 성금모금 상단 이미지 없는 케이스 ---- */ .txt-type018{position:relative;box-sizing:border-box;width:100%;padding:80px 0;text-align:center;} .txt-type018:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ui-tag005);} .txt-type018 .tit01{display:flex;justify-content:center;align-items:center;font-size:40px;line-height:1.5;font-weight:600;color:var(--font-color003);} .txt-type018 .txt01{margin-top:12px;font-size:28px;line-height:1.5;font-weight:500;color:var(--font-color021);} .txt-type018 .txt02{margin-top:12px;font-size:18px;line-height:1.5;font-weight:400;color:var(--font-color005);word-break:keep-all;} .txt-type018 +.txt-type015{margin-top:40px;} .txt-type018 .ico-label-rss01{margin-right:12px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type018{padding:40px 0;} .txt-type018:after{left:16px;width:calc(100% - 32px);} .txt-type018 .tit01{font-size:24px;} .txt-type018 .txt01{margin-top:12px;font-size:20px;} .txt-type018+.txt-type015{margin-top:40px;} .txt-type018 .txt02{max-width:343px;margin:12px auto 0;font-size:16px;} } /* ---- ##txt-type019 : 마이페이지>그래프 없을 경우 dim 메세지 ---- */ .txt-type019{display:flex;justify-content:center;align-items:center;position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:var(--ui-tag001);} .txt-type019:after{content:'';opacity:0.8;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ui-tag001);} .txt-type019>.txt01{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;font-size:14px;color:var(--font-color004);} .txt-type019>.txt01:before{content:'';display:block;width:40px;height:40px;margin-bottom:8px;background-image:var(--ui-bg103);} /* ---- ##txt-type100 : 텍스트+썸네일 형태 ---- */ .txt-type100{display:inline-flex;justify-content:flex-end;align-items:center;margin-left:5px;} .txt-type100 .tit-name{font-size:15px;font-weight:600;color:var(--font-color048);} .txt-type100 [class*='img-con']{position:relative;width:40px;height:40px;margin-left:12px;border-radius:100%;background-color:var(--ui-tag018);} .txt-type100 [class*='img-con'] img{display:block;width:100%;} .txt-type100 .img-none01{position:relative;border:1px solid var(--ui-tag001);background-color:var(--ui-tag007);} .txt-type100 .img-none01:before{content:'';display:block;position:absolute;top:0;left:0;z-index:2;box-sizing:border-box;width:100%;height:100%;border-radius:100%;background-image:var(--ui-bg503);background-position:center;background-repeat:no-repeat;filter:var(--ui-filter013);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type100{display:none;} .txt-type100 [class*='img-con']{width:30px;height:30px;margin-left:8px;} .txt-type100 .tit-name{font-size:13px;} } /* ---- ##txt-type101 : 특파원 정보 ----*/ .txt-type101{display:block;position:relative;box-sizing:border-box;width:100%;padding:0 67px 0 0;} .txt-type101 .inner{position:relative;padding-left:48px;} .txt-type101 [class*='img-con']{overflow:hidden;position:absolute !important;top:0;left:0;z-index:10;;box-sizing:border-box;width:40px;min-width:40px !important;height:40px;border:1px solid var(--ui-tag005);border-radius:100%;} .txt-type101 [class*='img-con'] img{position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%, -50%);} .txt-type101 .txt-name{display:block;width:100%;font-size:14px;line-height:21px;font-weight:600;color:var(--font-color005);} .txt-type101 .txt01{position:relative;padding-left:8.5px;font-size:13px;line-height:20px;font-weight:500;color:var(--font-color004);} .txt-type101 .txt01::before{content:'+';display:block;position:absolute;top:50%;left:0;z-index:10;transform:translateY(-55%);} .txt-type101 .btn-type404{position:absolute;right:0;bottom:0;z-index:10;} .txt-type101 .btn-type404 .txt01{padding-left:29px;font-size:15px;line-height:23px;font-weight:600;color:var(--font-color003);} .txt-type101{} /* ---- ##txt-type102 : 특파원 리스트 ---- */ .txt-type102 .inner{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;height:100%;gap:8px;} .txt-type102 [class*='img-con']{overflow:hidden;display:block;width:80px;height:80px;margin:0 auto 12px;border:1px solid rgba(0,0,0,.04);border-radius:100%;} .txt-type102 [class*='img-con'] img{width:100%;height:100%;object-fit:cover;object-position:center;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .txt-type102 [class*='img-con']{width:70px;height:70px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type102{box-sizing:border-box;padding-right:16px;} .txt-type102 [class*='img-con']{width:60px;height:60px;} } /* ---- ##txt-type103 : 마켓플러스 패닉붐 ---- */ .txt-type103{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;} .txt-type103 .iframe-con{flex-shrink:0;width:219px;} .txt-type103 .iframe-con iframe{width:100%;height:160px;margin-top:-8px;margin-left:-30px;} .txt-type103 .item-box01{display:block;width:100%;} .txt-type103 .tit01{display:block;width:100%;font-size:24px;line-height:1.5;font-weight:700;color:var(--font-color003);} .txt-type103 .txt-con{display:block;width:100%;margin-top:8px;font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color005);} .txt-type103 .txt-con .boom{color:var(--font-color034) !important;} .txt-type103 .txt-con .warm{color:var(--font-color035) !important;} .txt-type103 .txt-con .mild{color:var(--font-color036) !important;} .txt-type103 .txt-con .cold{color:var(--font-color037) !important;} .txt-type103 .txt-con .panic{color:var(--font-color038) !important;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .txt-type103 .tit01{font-size:22px;} .txt-type103 .txt-con{font-size:13px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type103{display:none;} } /* ---- ##txt-type104 : [y뷰어] y뷰어 ---- */ .txt-type104{padding:40px 30px 32px 40px} .txt-type104 .img-con01{overflow:hidden;float:left;position:relative;width:72px;height:72px;margin-right:12px;border-radius:72px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);background-color:var(--ui-tag007);} .txt-type104 .img-con01 .img{width:100%;} .txt-type104 .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top; object-fit:cover;} .txt-type104 .tit-name{display:inline-flex;justify-content:flex-start;align-items:baseline;margin-right:6px;font-size:18px;line-height:36px;font-weight:500;color:var(--font-color001);} .txt-type104 .tit-name .txt01{display:inline-flex;font-size:20px;line-height:1.5;font-weight:700;color:var(--font-color001);} .txt-type104 .txt02{box-sizing:border-box;margin:5px 0;padding:4px 8px;border:1px solid rgba(255, 255, 255, 0.30);border-radius:50px;font-size:11px;line-height:17px;font-weight:500;color:var(--font-color001);} .txt-type104 .txt-mes01{margin-top:4px;/*padding:0 0 0 84px;*/padding:0;border-bottom:0;font-size:14px;line-height:21px;font-weight:500;color:var(--font-color001);word-break:keep-all;} @media only screen and (max-width:767px){ .txt-type104{padding:24px 24px 20px 24px;} .txt-type104 .img-con01{width:56px;height:56px;} .txt-type104 .tit-name{font-size:16px;} .txt-type104 .tit-name .txt01{font-size:20px;} .txt-type104 .txt02{margin:3px 0;} .txt-type104 .txt-mes01{margin-top:0;/*padding-left:68px;*/font-size:12px;} } /* ---- ##txt-type105 : 에러페이지 텍스트 ---- */ .txt-type105{display:flex;flex-direction:column;align-items:center;width:440px;margin:0 auto;padding:180px 0;} .txt-type105 [class*='ico']{margin:3px 0;} .txt-type105 .tit01{margin-top:32px;font-size:32px;line-height:1.5;font-weight:700;text-align:center;} .txt-type105 .txt01{width:100%;margin-top:30px;font-size:18px;line-height:1.5;color:var(--font-color005);text-align:center;} .txt-type105 .btn-type304{height:64px;margin-top:40px;padding:22px 21px;font-size:18px;font-weight:600;} .txt-type105 .btn-type304 .txt01{margin:0;} @media only screen and (min-width:1024px) and (max-width:1279px){ .txt-type105{padding:160px 0;} } @media only screen and (max-width:767px){ .txt-type105{padding:60px 0;} .txt-type105 [class*='ico']{margin:2px 0;} .txt-type105 .tit01{margin-top:16px;font-size:24px;} .txt-type105 .txt01{margin-top:20px;font-size:16px;} .txt-type105 .btn-type304{height:60px;} .txt-type105 .btn-type304 .txt01{font-size:16px;;} } /* ---- ##txt-type106 : 리스트 없음 텍스트 ---- */ .txt-type106{padding:85px 0;font-size:20px;color:var(--font-color004);text-align:center;} @media only screen and (max-width:767px){ .txt-type106{padding:76px 0;font-size:18px;} } /* ---- ##txt-type106 : Y뷰어 로그인전 정보 ---- */ .txt-type107{padding:0 24px;} .txt-type107>.tit01{font-size:16px;font-weight:700;color:var(--font-color003);} .txt-type107 .list01>li:first-child{margin-top:12px;} .txt-type107 .list01>li{position:relative;margin-top:16px;padding-left:56px;} .txt-type107 .list01>li:after{content:'';display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:0;width:40px;height:40px;border-radius:40px;background-color:var(--ui-tag009);background-size:24px 24px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} .txt-type107 .list01>li.free:after{background-image:var(--ui-bg110);} .txt-type107 .list01>li.like:after{background-image:var(--ui-bg111);} .txt-type107 .list01>li.game:after{background-image:var(--ui-bg112);} .txt-type107 .list01>li.my:after{background-image:var(--ui-bg113);} .txt-type107 .list01>.tit01{font-size:14px;line-height:1.5;font-weight:700;color:var(--font-color003);} .txt-type107 .list01>.txt01{font-size:13px;line-height:1.5;font-weight:400;color:var(--font-color006);} /* ---- ##txt-type601 : [마이페이지] 나의활동 분석 ---- */ .txt-type601{display:inline-block;box-sizing:border-box;font-size:13px;line-height:1.5;font-weight:400;color:var(--font-color004);vertical-align:top;} /* ---- ##txt-type602 : [마이페이지] 나의활동 통계 건수 텍스트 ---- */ .txt-type602{display:flex;justify-content:flex-start;align-items:baseline;width:100%;gap:8px;} .txt-type602 .tit01{font-size:15px;line-height:1.5;font-weight:500;color:var(--font-color006);} .txt-type602 .txt01{display:flex;justify-content:flex-start;align-items:baseline;font-size:15px;line-height:1.5;font-weight:500;color:var(--font-color003);gap:2px;} .txt-type602 .txt01>em{font-size:24px;line-height:1.5;font-weight:700;} /* ---- ##txt-type603 : [마이페이지] 안내문구 텍스트 ---- */ .txt-type603{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;padding:80px 0;background-color:var(--ui-tag011);} .txt-type603>.txt01{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;} .txt-type603 .advise01{display:block;box-sizing:border-box;width:100%;padding:20px 0 40px 0;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color021);text-align:center;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-type603>.txt01{font-size:18px;} .txt-type603 .advise01{padding:16px 0 30px 0;font-size:14px;} } /* ---- ##txt-type604 : [마이페이지] 로그인유도 혜택 체크텍스트 ---- */ .txt-type604{display:block;position:relative;box-sizing:border-box;width:100%;padding-left:16px;font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color021);} .txt-type604::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:1;width:12px;height:12px;background-image:var(--ui-bg089);background-size:12px 12px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} /* 20240814 단행본소개 페이지 작업 */ .txt-type020{display:block;box-sizing:border-box;width:100%;padding:80px 0;border-bottom:1px solid var(--ui-tag005);text-align:center;} .txt-type020 .tit01{font-size:40px;line-height:60px;font-weight:600;color:var(--font-color003);} .txt-type020 .txt01{font-size:40px;line-height:60px;font-weight:600;color:#4F6FCB;} /* common - 출판물 상단 타이틀 스타일 추가 */ .txt-type020.style01{padding-bottom:40px;border-bottom:0;} .txt-type020 .info-txt{font-weight:400;font-size:18px;line-height:27px;} .txt-type020 .tit01+.info-txt{margin-top:12px;} /* ---- ##txt-type021 : 이슈 메인 타임라인 설명글 ---- */ .txt-type021{box-sizing:border-box;width:100%;} .txt-type021>.txt01{font-size:13px;line-height:1.5;font-weight:500;color:var(--font-color005);} /* common - 뉴스상품 관련 신규 스타일 추가 */ .txt-type701{box-sizing:border-box;width:100%;padding:30px 24px;background:#F6F8FC;} .txt-type701 .list{display:flex;justify-content:start;font-weight:500;font-size:16px;line-height:24px;} .txt-type701 .tit{color:var(--ui-tag030);} .txt-type701 .txt{color:var(--ui-tag010);} .txt-type701 .tit+.txt{margin-left:10px;} /* .txt-type702 - 뉴스상품 주요스타일 */ [class*='txt-type70'] [class*='title-con'] .tit{font-weight:700;font-size:36px;} [class*='txt-type70'] [class*='title-con'] .txt{font-weight:400;font-size:16px;line-height:24px;color:var(--ui-tag006);} [class*='txt-type70'] [class*='title-con'] .tit+.txt, [class*='txt-type70'] [class*='title-con'] .tit-sub+.txt{margin-top:20px;} .txt-type702 [class*='title-con'] .tit-sub .num{margin-right:8px;color:var(--ui-tag030);} .txt-type702 [class*='title-con'] .tit-sub{font-weight:700;font-size:24px;} .txt-type702{} .txt-type702 .list01{margin-top:40px;} .txt-type702 .list01{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch;justify-content:space-between;} .txt-type702 .list01 li{box-sizing:border-box;display:flex;align-items:center;width:49%;height:90px;padding:0 24px;border-radius:2px;background-color:#F6F8FC;} .txt-type702 .list01 .txt{position:relative;padding-left:40px;font-weight:500;font-size:16px;line-height:24px;color:var(--ui-tag010);} .txt-type702 .list01 [class*='ico-type71']{position:absolute;top:50%;left:0;margin-top:-12px;} .txt-type702 .list02{margin-top:20px;} .txt-type702 .list02 li{color:var(--ui-tag006);} .txt-type702 .list02 li+li{margin-top:8px;} .txt-type702 .list02 .tit{font-weight:600;color:var(--ui-tag031);} .txt-type702 [class*='item-box0']+[class*='item-box0']{margin-top:80px;} .txt-type702 .item-box01{} .txt-type702 .item-box02{} .txt-type701+.txt-type702{margin-top:80px;} .txt-type702 [class*='item-box0'] .title-con04+.table-type71{margin-top:40px;} .txt-type702 [class*='item-box0'] .img-wrap, .txt-type702 [class*='item-box0'] [class*='title-con']+[class*='title-con'], .txt-type702 [class*='item-box0'] .txt-type702 .list02+.title-con04, .txt-type702 [class*='item-box0'] .img-wrap+[class*='title-con']{margin-top:80px;} .txt-type702 [class*='item-box0'] .img-wrap{position:relative;} .txt-type702 [class*='item-box0'] .img-wrap+.table-type71{margin-top:40px;} /* txt-type703 - 원형 콘텐츠 */ .txt-type703{} .txt-type703 ul{display:flex;justify-content:start;height:160px;margin:0 auto;} .txt-type703 ul>li{display:flex;flex-shrink:0;justify-content:center;align-content:flex-start;position:relative;box-sizing:border-box;padding-top:33px;width:160px;height:160px;margin-left:24px;border:1px solid var(--ui-tag030);flex-wrap:wrap;border-radius:100%;color:var(--ui-tag030);} .txt-type703 ul>li:first-of-type{margin-left:0;} .txt-type703 .tit{font-size:16px;font-weight:600;color:var(--ui-tag030);} .txt-type703 .txt{display:block;box-sizing:border-box;width:100%;padding:0 10px;text-align:center;word-break:keep-all;font-size:13px;line-height:20px;color:var(--ui-tag030);} .txt-type703 .tit+.txt{margin-top:10px;} /* txt-type704 - 보도자료해외배포 흐름도 */ .txt-type704{} .txt-type704 ol{counter-reset:number01;} .txt-type704 li{box-sizing:border-box;width:220px;padding:10px 16px;background-color:#F6F8FC;border-radius:6px;} .txt-type704 .tit{display:block;font-weight:700;font-size:15px;} .txt-type704 .tit .num{margin-right:6px;box-sizing:border-box;font-size:15px;font-weight:700;color:var(--ui-tag030);counter-increment:number01;} .txt-type704 .txt{font-weight:500;font-size:13px;line-height:20px;color:#000;} .txt-type704 .tit+.txt{margin-top:5px;} .img-wrap .txt-type704 li{position:absolute;} .img-wrap .txt-type704 li:nth-child(1){top:290px;left:43px;} .img-wrap .txt-type704 li:nth-child(2){top:0;left:43px;} .img-wrap .txt-type704 li:nth-child(3){top:0;left:318px;} .img-wrap .txt-type704 li:nth-child(4){top:90px;right:12px;} /* txt-type705 - ir클럽 회원사 리스트 */ .txt-type705{position:relative;width:980px;min-height:100%;margin:80px auto 0;background:#fff;box-sizing:border-box;} .txt-type705 .list01{position:relative;padding:50px 0 0 0;border-bottom:1px solid #bfbfbf;} .txt-type705 .list01+.list01{padding:0;} .txt-type705 .list01:last-child{border-bottom:1px solid #f2f2f2;} .txt-type705 .list01:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;} .txt-type705 .list01 li{float:left;margin:0;padding:20px 46px;border-bottom:1px solid #f2f2f2;} .txt-type705 .list01 li a, .txt-type705 .list01 li span{display:block;height:100%;} .txt-type705 [class*='item-box0']+[class*='item-box0']{margin-top:80px;} .txt-type705 [class*='title-con'] .tit+.txt01{margin-top:40px;font-size:18px;line-height:27px;color:var(--ui-tag003);} .txt-type705 [class*='title-con'] .txt01+.txt{margin-top:20px;color:var(--ui-tag010);} /* IR클럽 회원사 */ .logo-type71{display:block;text-indent:-9999px;width:150px;height:50px;background:url(../image/sprites_ir2019_mem.png) no-repeat;} .logo-type71.mem01{background-position:0 0;} /*산업-금호석유화학*/ .logo-type71.mem02{background-position:0 -50px;} /*산업-현대중공업 한국조선해양(2020-02-12)*/ .logo-type71.mem03{background-position:0 -100px;} /*산업-현대제철*/ .logo-type71.mem04{background-position:0 -150px;} /*산업-CJE&M*/ .logo-type71.mem05{background-position:0 -200px;} /*산업-DAELIM ENC*/ .logo-type71.mem06{background-position:0 -250px;} /*산업-DOOSAN*/ .logo-type71.mem07{background-position:0 -300px;} /*산업-GS*/ .logo-type71.mem08{background-position:0 -350px;} /*산업-HMM*/ .logo-type71.mem09{background-position:0 -400px;} /*산업-LG U플러스*/ .logo-type71.mem10{background-position:0 -450px;} /*산업-LG 디스플레이*/ .logo-type71.mem11{background-position:0 -500px;} /*산업-LG생활건강*/ .logo-type71.mem12{background-position:0 -550px;} /*산업-LG전자*/ .logo-type71.mem13{background-position:0 -600px;} /*산업-LG화학*/ .logo-type71.mem14{background-position:0 -650px;} /*산업-posco*/ .logo-type71.mem15{background-position:0 -700px;} /*산업-SK이노베이션*/ .logo-type71.mem16{background-position:0 -750px;} /*산업-SK텔레콤*/ .logo-type71.mem17{background-position:0 -800px;} /*산업-SK하이닉스*/ .logo-type71.mem18{background-position:-200px 0;} /*건설-금호건설*/ .logo-type71.mem19{background-position:-200px -50px;} /*건설-대우건설*/ .logo-type71.mem20{background-position:-200px -100px;} /*건설-삼성물산*/ .logo-type71.mem21{background-position:-200px -150px;} /*건설-현대건설*/ .logo-type71.mem22{background-position:-200px -200px;} /*건설-GS건설*/ .logo-type71.mem23{background-position:-200px -250px;} /*건설-HDC현대산업개발*/ .logo-type71.mem24{background-position:-200px -300px;} /*건설-LG하우시스*/ .logo-type71.mem25{background-position:-400px 0;} /*금융-미래에셋증권*/ .logo-type71.mem26{background-position:-400px -50px;} /*금융-미래에셋생명*/ .logo-type71.mem27{background-position:-400px -100px;} /*금융-삼성생명*/ .logo-type71.mem28{background-position:-400px -150px;} /*금융-삼성화재*/ .logo-type71.mem29{background-position:-400px -200px;} /*금융-한화생명*/ .logo-type71.mem30{background-position:-400px -250px;} /*금융-KB금융그룹*/ .logo-type71.mem31{background-position:-400px -300px;} /*금융-NH투자증권*/ .logo-type71.mem32{background-position:-600px 0;} /*유통.식음료-농심*/ .logo-type71.mem33{background-position:-600px -50px;} /*유통.식음료-하이트진로*/ .logo-type71.mem34{background-position:-600px -100px;} /*유통.식음료-BBQ*/ .logo-type71.mem35{background-position:-600px -150px;} /*유통.식음료-CJ*/ .logo-type71.mem36{background-position:-600px -200px;} /*유통.식음료-coway*/ .logo-type71.mem37{background-position:-600px -250px;} /*유통.식음료-LOTTE DEPARTMENTSTORE*/ .logo-type71.mem38{background-position:-600px -300px;} /*유통.식음료-SHINSEGAE*/ .logo-type71.mem39{background-position:-600px -350px;} /*유통.식음료-SPC*/ .logo-type71.mem40{background-position:-800px 0;} /*제약-동국제약*/ .logo-type71.mem41{background-position:-800px -50px;} /*제약-동아쏘시오홀딩스*/ .logo-type71.mem42{background-position:-800px -100px;} /*제약-명문제약*/ .logo-type71.mem43{background-position:-800px -150px;} /*제약-보령*/ .logo-type71.mem44{background-position:-800px -200px;} /*제약-GC녹십자*/ .logo-type71.mem45{background-position:-800px -250px;} /*제약-한미약품*/ .logo-type71.mem46{background-position:-1000px 0;} /*공기업-한국가스공사*/ .logo-type71.mem47{background-position:-1000px -50px;} /*공기업-한국지역난방공사*/ .logo-type71.mem48{background-position:-1000px -100px;} /*공기업-KGC인삼공사*/ .logo-type71.mem49{background-position:-400px -346px;} /*금융-한국투자증권*/ .logo-type71.mem50{background-position:0 -850px;} /*산업-LS그룹*/ .logo-type71.mem51{background-position:-400px -400px;} /*금융-메리츠종금증권*/ .logo-type71.mem52{background-position:-400px -450px;} /*금융-신협*/ .logo-type71.mem53{background-position:-600px -400px;} /*유통.식음료-쿠팡*/ .logo-type71.mem54{background-position:0 -900px;} /*산업-LG에너지솔루션*/ .logo-type71.mem55{background-position:-200px -350px;} /*계룡건설*/ .logo-type71.mem56{background-position:-200px -400px;} /*중흥건설*/ .logo-type71.mem57{background:url(../image/img_logo01.jpg) 0 15px/150px auto no-repeat;}/* 낙월블루하트 */ /* ---- table-type71 추가 ---- */ .table-type71{width:100%;max-width:980px;} .table-type71 th, .table-type71 td{padding:30px;font-weight:400;font-size:16px;border-bottom:1px solid #e9e9e9;color:var(--ui-tag006);} .table-type71 th+td, .table-type71 td+td{border-left:1px solid #e9e9e9;} .table-type71 th{font-weight:600;text-align:center;} .table-type71 tr:first-child th, .table-type71 tr:first-child td{border-top:1px solid #444;} .table-type71 .txt-type703{margin-top:20px;} .table-type71 .list02{margin-top:0;} /* tab-type71 */ .tab-type71{position:relative;width:100%;margin:0 auto 40px;} .tab-type71:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ui-tag004);} .tab-type71 li{width:100%} .tab-type71 .tab{display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;height:43px;padding:4px 10px 12px;font-size:18px;font-weight:700;} .tab-type71 .tab .txt01{overflow:hidden;display:-webkit-box;line-height:1.5;font-weight:700;text-align:center;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .tab-type71 li.active .tab:before{content:'';display:block;position:absolute;left:0;bottom:0;z-index:2;width:100%;height:3px;background-color:var(--ui-tag030);} .tab-type71 .tab .txt01{font-weight:400;} .tab-type71 li.active .txt01{font-weight:700;} /* .ico-type71- */ [class*='ico-type71']{width:24px;height:24px;} .ico-type71-int01{background-image: var(--ui-bg701);} .ico-type71-play01{background-image: var(--ui-bg702);} .ico-type71-clock01{background-image: var(--ui-bg703);} .ico-type71-beat01{background-image: var(--ui-bg704);} .ico-type71-news01{background-image: var(--ui-bg705);} .ico-type71-news02{background-image: var(--ui-bg706);} .ico-type71-save01{background-image: var(--ui-bg707);} .ico-type71-glob01{background-image: var(--ui-bg708);} .ico-type71-book01{background-image: var(--ui-bg709);} .ico-type71-photo01{background-image: var(--ui-bg710);} /* ---- ##txt-mes01 : 통합검색 텍스트 + 필터 버튼 ---- */ .txt-mes01{position:relative;display:flex;align-items:center;padding:13px 55px 14px 0;border-bottom:1px solid var(--ui-tag005);color:var(--font-color004);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-mes01{padding:12px 55px 12px 0;font-size:13px;line-height:19.5px;} } /* ---- ##txt-mes02 : 통합검색 안내아이콘 + 텍스트 + 필터 버튼 ---- */ .txt-mes02{position:relative;display:flex;align-items:center;padding:13px 52px 14px 20px;border-bottom:1px solid var(--ui-tag005);color:var(--font-color004);} .txt-mes02 [class*='ico-']{position:absolute;top:16px;left:0;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .txt-mes02{padding:12px 55px 12px 20px;font-size:13px;line-height:19.5px;} } /* ---- ##txt-mes03 : 검색옵션 텍스트 ---- */ .txt-mes03{font-size:13px;color:var(--font-color006);} /* =============== ####Form ======================== */ /* ---- ##폼요소 스타일 공통 (공통&일반) ---- */ /* ---- ##input.text01 ---- */ input.text01{position:relative;box-sizing:border-box;height:48px;padding:0 16px;border:1px solid var(--ui-tag004);border-radius:2px;background-color:var(--ui-tag001);font-size:16px;line-height:1.564367;color:var(--font-color003);vertical-align:middle;outline:0;} input.text01:focus{z-index:1;border:1px solid var(--ui-tag030);} input.text01::-webkit-input-placeholder{font-size:15px;line-height:1.564367;color:var(--font-color004);} input.text01:-ms-input-placeholder{font-size:15px;line-height:1.564367;color:var(--font-color004);} input.text01::placeholder{font-size:15px;line-height:1.564367;color:var(--font-color004);} input.text01:disabled{background-color:var(--ui-tag007);color:var(--font-color004);border-color:var(--ui-tag004);} @media only screen and (max-width:767px){ input.text01{font-size:15px;} } /* ---- ##[class*='label-con-'] ---- */ /* label-con-* : 3음절 * label-con-wrap * label-con-radio01 * label-con-check01 * label-con-toggle01 */ /* [class*='label-con-']{} */ [class*='label-con-']{display:inline-block;position:relative;font-size:0;} input.radio01, input.check01, input.toggle01{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:none;font-size:0;line-height:0;} [class*='label-con-'] ~ .txt-mark01{display:inline-block;width:15px;height:48px;font-size:16px;line-height:48px;text-align:center;vertical-align:middle;} [class*='label-con-'] .txt-label01{position:relative;padding-left:28px;font-size:15px;line-height:24px;font-weight:500;color:var(--font-color003);} [class*='label-con-'] .txt-label01.hide{width:18px;padding-left:0;text-indent:-9999px;} [class*='label-con-'] .txt-label01:before, [class*='label-con-'] .txt-label01:after{content:'';position:absolute;box-sizing:border-box;border-radius:50%;} [class*='label-con-'] .txt-label01:before{top:2px;left:0;width:20px;height:20px;border:1px solid var(--ui-tag004);} [class*='label-con-'] .txt-label01:after{top:6px;left:4px;width:12px;height:12px;background-color:var(--ui-tag004);} /* 활성화 */ [class*='label-con-'].active .txt-label01:before, [class*='label-con-'] input:checked~.txt-label01:before{border-color:var(--ui-tag030);} [class*='label-con-'].active .txt-label01:after, [class*='label-con-'] input:checked~.txt-label01:after{background-color:var(--ui-tag030);} /* ---- ##label-con-check ---- */ [class*='label-con-check'] .txt-label01:before, [class*='label-con-check'] .txt-label01:after{display:none;} [class*='label-con-check'] .txt-label01{padding:6px 16px 7px;border:1px solid var(--ui-tag004);border-radius:2px;color:var(--font-color003);} [class*='label-con-check'] input:checked~.txt-label01{background-color:var(--ui-tag030);color:var(--font-color001);border-color:var(--ui-tag030);} @media only screen and (max-width:767px){ [class*='label-con-'] .txt-label01{line-height:22.5px;} } .label-con-check02{display:flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;width:100%;gap:8px;} .label-con-check02>input{overflow:hidden;opacity:0;display:block;position:absolute;top:0;left:0;z-index:-1;width:0;height:0;} .label-con-check02>input + label{display:inline-flex;justify-content:flex-start;align-items:flex-start;position:relative;box-sizing:border-box;font-size:17px;line-height:1.5;font-weight:400;color:var(--font-color003);gap:8px;} .label-con-check02>input + label::before{content:'';display:block;width:20px;height:20px;margin-top:3px;border:0;border-radius:2px;background-color:var(--ui-tag004);background-image:var(--ui-bg090);background-size:13px 9px;background-position:center center;background-repeat:no-repeat;} .label-con-check02>input:checked + label::before{background-color:var(--ui-tag030);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .label-con-check02>input + label{font-size:15px;} .label-con-check02>input + label::before{margin-top:1px;} } .label-con-date01{position:relative;height:48px;padding:3px 0;} .label-con-date01 input{display:flex;position:absolute;top:3px;left:0;width:100%;line-height:22.5px;-webkit-appearance:none;} .label-con-date01 [type='text']{z-index:1;} .label-con-date01 [type='text'].text01{padding-right:16px;padding-left:16px;font-size:15px;} .safari .label-con-date01 [type='text'].text01:empty{padding-top:4px;} .label-con-date01>input[type='button']{opacity:0;z-index:5;} .label-con-date01>input[type='button']::-webkit-inner-spin-button{display:none;} .label-con-date01>input[type='button']::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;z-index:1;width:100%;height:100%;} .label-date-wrap.active [type='text']{border:1px solid var(--ui-tag030);} /* 검색 필터 레이어 : 달력제어 */ .calendar-form01{display:none;} .calendar-form01.active{display:block;} .label-con-date01 .calendar-form01{position:absolute;top:57px;left:0;z-index:210;} .label-con-date01 .calendar-form01 .vanilla-calendar{padding:20px 0 12px} .label-con-date01 .calendar-form01 .calendar-type01{position:absolute;top:0;left:0;right:auto;margin-right:0;transform:none;} .txt-mark01 + .label-con-date01 .calendar-form01{left:auto;right:0;} .txt-mark01 + .label-con-date01 .calendar-form01 .calendar-type01{left:auto;right:0;margin-right:0;transform:none;} .popup-search02{filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.20));} .popup-search02 .calendar-type01 .vanilla-calendar-header{margin-bottom:0;} .popup-search02 .calendar-type01 [data-calendar-theme='light'] .vanilla-calendar-day__btn{width:30px;height:30px;} @media only screen and (max-width:767px){ .label-con-date01 .calendar-form01{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--ui-tag018);} .label-con-date01 .calendar-form01 .calendar-type01{position:fixed;top:50%;left:50% !important;right:auto!important;transform:translate(-50%, -50%) !important;} } /* ---- ##profile-field01 : 기자홈 기자프로필 박스 ---- */ .profile-field01{display:block;position:relative;box-sizing:border-box;width:100%;padding:75px 0 32px 0;background-color:var(--ui-tag030);} .profile-field01 .btn-type214{position:absolute;top:20px;right:42px;} .profile-field01 .img-con01{overflow:hidden;width:120px;height:120px;margin:0 auto;border-radius:120px;} .profile-field01 .img-con01>a{display:block;position:relative;width:100%;height:100%;} .profile-field01 .img-con01>a img{position:absolute;top:50%;left:50%;z-index:1;width:100%;height:100%;border: 1px solid rgba(0, 0, 0, .04);transform:translate(-50%, -50%);object-position:center top;object-fit:cover;} .profile-field01 .info-txt{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%;padding:20px 24px 0;text-align:center;} .profile-field01 .info-txt .name{display:block;width:100%;font-size:28px;line-height:1.5;font-weight:400;color:var(--font-color001);} .profile-field01 .info-txt .name em{font-size:28px;line-height:1.5;font-weight:700;color:var(--font-color001);} .profile-field01 .info-txt .txt-con{display:block;width:100%;margin-top:4px;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color001);word-break:keep-all;} .profile-field01 .info-txt .mail{display:inline-block;position:relative;margin:4px auto 0 auto;padding-left:17px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color001);vertical-align:top;} .profile-field01 .info-txt .mail .ico-type61-mail01{display:block;position:absolute;top:50%;left:0;z-index:10;transform:translateY(-50%);} .profile-field01 .info-txt .txt-type012{margin:24px auto 0 auto;} .profile-field01 .info-txt .btn-type412-toggle{margin:24px auto 0 auto;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .profile-field01{padding:41px 20px 24px 20px;} .profile-field01 .info-txt{position:relative;padding:0;} .profile-field01 .img-con01{width:60px;height:60px;margin:0;border-radius:60px;} .profile-field01 .btn-type214 .txt01{font-size:14px;} .profile-field01 .info-txt .btn-type412-toggle{margin:0 0 0 auto;} .profile-field01 .info-txt .name{box-sizing:border-box;padding-top:12px;padding-left:0px;font-size:24px;text-align:left;} .profile-field01 .info-txt .name em{font-size:24px;} .profile-field01 .info-txt .txt-con{box-sizing:border-box;margin-top:0;padding-left:0px;font-size:15px;text-align:left;} .profile-field01 .info-txt .mail{margin:4px 0 0 0;font-size:14px;} .profile-field01 .info-txt .txt-type012{margin:4px 0 0 0;font-size:14px;} .profile-field01 .info-txt .btn-type412-toggle{margin:16px 0 0 0;} } /* ---- ##profile-field02 : 기자홈 기자프로필 통계박스 ---- */ .profile-field02{display:block;box-sizing:border-box;width:100%;} .profile-field02.open .info-txt{display:block;} .profile-field02 .info-txt{display:none;box-sizing:border-box;width:100%;padding:20px 10px;border-top:1px solid var(--ui-tag005);background-color:var(--ui-tag001);} .profile-field02 .btn-type413-toggle.active ~ .info-txt{display:block;} .profile-field02 .list-text230{margin-top:12px;padding:0 6px;} .profile-field02 .info-txt .item-box01 + .item-box01{margin-top:32px;} .profile-field02 .info-txt .item-box01 .title-type013{padding:0 6px;} .profile-field02 .info-txt .item-box01 .chart-con{display:flex;justify-content:flex-start;align-items:center;margin-top:16px;} .profile-field02 .info-txt .item-box01 .chart01{flex-shrink:0;width:65% !important;min-height:100px;} .profile-field02 .info-txt .item-box01 .chart02{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:35% !important;max-width:78px;padding-left:8px;} .profile-field02 .info-txt .item-box01 .chart02 .graph{display:block;flex-shrink:0;width:100%;max-height:76px;} .profile-field02 .info-txt .item-box01 .chart02 .con{display:flex;justify-content:space-evenly;align-items:center;margin-top:7px;padding:0;border:0;} .profile-field02 .info-txt .item-box01 .chart02 .con [class*="txt0"]{display:flex;align-items:center;font-size:11px;color:var(--font-color004);} .profile-field02 .info-txt .item-box01 .chart02 .con [class*="txt0"]:before{content:'';display:block;width:8px;height:8px;margin-right:2px;border-radius:8px;} .profile-field02 .info-txt .item-box01 .chart02 .con .txt02{margin-left:4px;} .profile-field02 .info-txt .item-box01 .chart02 .con .txt01:before{background-color:var(--ui-tag045);} .profile-field02 .info-txt .item-box01 .chart02 .con .txt02:before{background-color:var(--ui-tag101);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .profile-field02 .info-txt .item-box01 + .item-box01{margin-top:25px;} .profile-field02 .info-txt .item-box01 .chart-con{margin-top:12px;} .profile-field02 .info-txt .item-box01 .chart01{width:65%;max-width:206px;padding:0 2px;} .profile-field02 .info-txt .item-box01 .chart02{width:35% !important;margin-left:28px;padding-left:0 !important;} } /*소형 프레임 : 375px 이하 : 컨테이너 영역 가변*/ @media only screen and (max-width:375px){ .profile-field02 .info-txt .item-box01 .chart-con{margin-top:12px;} .profile-field02 .info-txt .item-box01 .chart02{margin-left:10px;} } /* ---- ##period-field01 : 날짜검색 박스---- */ .period-field01{display:block;box-sizing:border-box;width:100%;padding:40px 0 0;text-align:center;} .period-field01 .period-form01{display:flex;justify-content:center;align-items:center;position:relative;width:100%;gap:20px;} .period-field01 .txt-pick{font-size:28px;font-weight:700;color:var(--font-color003);} .period-field01 .calendar-form01{position:absolute;top:0;left:0;} .period-field01 + [class*='tab-type0']{margin-top:40px !important;} @media only screen and (max-width:767px){ .period-field01{width:calc(100% - 32px);margin:0 16px;padding:40px 0 0;} .period-field01 .txt-pick{font-size:20px;} .period-field01 + [class*='tab-type0']{margin-top:40px !important;} } /* ---- ##period-field02 : 캘린더 탭 박스---- */ .period-field02{display:none;justify-content:center;flex-direction:column;align-items:center;padding-top:20px;box-shadow:0px 7px 9px 0px rgba(0,0,0,0.4);} .period-field02 .period-form01{display:flex;justify-content:center;align-items:center;gap:4px;padding-bottom:24px;} .period-field02 .period-form01 .txt-pick{font-size:20px;line-height:30px;font-weight:600;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .period-field02{display:flex;overflow-x:auto;} .period-field02 .period-form01{padding-bottom:20px;} .period-field02 .period-form01 .txt-pick{font-size:18px;line-height:27px;} } /* ---- ##[비주얼뉴스] period-field01.style01 : 날짜검색 박스 ---- */ .period-field01.style01{padding-bottom:40px;background-color:var(--ui-tag009);} @media only screen and (max-width:767px){ .period-field01.style01{padding-bottom:40px;background-color:var(--ui-tag009);} } /* =============== #### title-page & title-con ======================== */ /* ---- ##title-page$$ ---- */ /* title-page11 : 정정보도+최신뉴스 타이틀 */ .title-page11{margin-bottom:16px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-page11{margin-bottom:12px;padding:0 16px;} } /* ---- ##title-con$$ ---- */ /* 규칙 : [부모영역] title-con$$ > title-type$$ * title-con01 : 기본타입, 타이틀+요소 좌우 정렬 : 하단간격 공통 16px * title-con01.style01 : 타이틀+요소 좌우 정렬 : 하단간격 공통 10px * title-con02 : 기본타입, 타이틀+요소 좌측 정렬 : 하단간격 공통 10px * title-con03 : 타이틀 요소 가운데 정렬 * title-con04 : 타이틀+요소 상하 정렬 * title-con05 : 타이틀+요소 기타 정렬 * title-con06 : 타이틀+요소 : 하단 보더*/ [class*='title-con']{line-height:1;} [class*='title-con0']{display:flex;justify-content:flex-start;align-items:center;} [class*='title-con0'] .tab-type01 ul{justify-content:flex-end;} [class*='title-con0'] .tab-type01 ul li{margin:0 0 0 8px;} /* ---- ##title-con01 : 타이틀 좌우 정렬 ---- */ .title-con01{display:inline-flex;justify-content:space-between;width:100%;position:relative;z-index:1;padding-bottom:16px !important;} .title-con01 .info-box01{display:flex;justify-content:flex-end;align-items:center;} .title-con01 .txt-type021{display:flex;justify-content:flex-end;align-items:flex-start;gap:4px;} .title-con01 .title-type001{flex-shrink:0;} .title-con01.style01{padding-bottom:10px !important;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con01{padding-bottom:12px !important;} } /*소형 프레임 : 375px 이하 : 컨테이너 영역 가변*/ @media only screen and (max-width:375px){ .title-con01{padding-bottom:12px !important;} .title-con01 .tab-type01 ul{justify-content:flex-start;margin-top:15px;} .title-con01 .tab-type01 li{margin:0 8px 0 0;} } /* ---- ##title-con02 : 타이틀 좌측 정렬 ---- */ .title-con02 .tit01 .ico-label-youtube01{position:relative;top:5px;margin-right:4px;} .title-con02 .title-type001 + .txt01{margin-left:16px;line-height:27px;} .title-con02+.list-type203, .title-con02+.list-type216{margin-top:12px;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .title-con02 .tit01 .ico-label-youtube01{top:2px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con02 .tit01 .ico-label-youtube01{top:2px;} } /* ---- ##title-con04 : 가운데 정렬 ---- */ .title-con03{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;} /* ---- ##title-con04 : 상하 정렬 ---- */ .title-con04{display:flex;flex-direction:column;align-items:flex-start;} .title-con04 .title-type010+.title-type009{margin-top:12px;} .title-con04 [class*='title-type'] + .txt-type005{padding:16px 0 12px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con04 [class*='title-type'] + .txt-type005{padding-top:12px;} } /* ---- ##title-con05 : 기타정렬(타이틀+아이콘 형태/메인:뉴스라운지) ---- */ .title-con05.style01{display:block;position:relative;z-index:2;width:100%;} .title-con05.style01:after{content:'';display:block;clear:both;} .title-con05.style01 [class*='title-type'], .title-con05.style01 .tooltip-type01{float:left;} .title-con05.style01 .info-box01{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:50%;right:20px;transform:translateY(-50%);} .title-con05.style01 .info-box01 .txt-type001{margin-right:5px;} .title-con05.style01 .info-box01 .txt-type001>.txt01{font-weight:500;} .title-con05.style01 .tooltip-type01 .btn-type001{padding:0 4px;} .title-con05.style01 .tooltip-type01 .tlp-content.show{display:block;} .title-con05.style01 .tooltip-type01 .tlp-content:before{content:'';display:block;position:absolute;top:-6px;left:27px;width:10px;height:6px;background-image:var(--ui-bg043);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);backdrop-filter:blur(1.5px);} .title-con05.style01 .tooltip-type01 .tlp-content{top:33px;left:-20px;min-width:168px;padding:8px 12px;border:none;border-radius:2px;background-color:var(--ui-tag001);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);} .title-con05.style01 .tooltip-type01 .tlp-content>.txt01{font-size:14px;line-height:1.2;font-weight:400;color:var(--font-color021);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con05.style01 .info-box01{right:16px;} .title-con05.style01 .info-box01 .txt-type001{margin-right:3px;} .title-con05.style01 .info-box01 .txt-type001 .txt01{font-size:13px;} } /* ---- ##title-con05.style02 : 기타정렬(타이틀+00건+버튼 형태/통합검색) ---- */ .title-con05.style02{display:block;position:relative;z-index:11;width:100%;margin-bottom:16px;} .title-con05.style02:after{content:'';display:block;clear:both;} .title-con05.style02 [class*='title-type']{line-height:30px;} .title-con05.style02 [class*='title-type'] + [class*='txt-type']{margin-left:12px;} .title-con05.style02 [class*='title-type'], .title-con05.style02 [class*='txt-type']{float:left;} .title-con05.style02 [class*='btn-type']{justify-content:flex-end;align-items:flex-start;float:right;line-height:30px;} .title-con05.style02 .btn-type208.arr01:after{height:30px;background-position:50% 50%;background-repeat:no-repeat;} .title-con05.style02 .align-zone01{display:inline-flex;float:right;height:30px;} .title-con05.style02 .tit01{display:flex;justify-content:flex-start;align-items:center;height:30px;} .title-con05.style02 .btn-type432{float:right;box-sizing:border-box;padding-top:3px;line-height:27px;} .title-con05.style02 .btn-type215{display:inline-flex;align-items:center;float:right;height:30px;} @media only screen and (max-width:767px){ .title-con05.style02{margin-bottom:12px;} .title-con05.style02 [class*='title-type']{height:27px;font-size:18px;line-height:27px;} .title-con05.style02 .tit01{height:27px;} .title-con05.style02 [class*='txt-type'], .title-con05.style02 [class*='btn-type']{line-height:27px;} .title-con05.style02 .btn-type208.arr01:after{height:27px;} } /* ---- ##title-con05.style03 ---- */ .title-con05.style03{justify-content:flex-start;} .title-con05.style03 .tooltip-type02 .tlp-content{padding:12px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con05.style03{justify-content:space-between;} .title-con05.style03 .tooltip-type02 .tlp-content.show{left:auto;right:0;min-width:235px;} .title-con05.style03 .tooltip-type02 .tlp-content:before{left:auto;right:12px;} } /* ---- ##title-con06 ---- */ .title-con06{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--ui-tag005);} .box-major02 + .title-con06{margin-top:60px;} @media only screen and (min-width:768px) and (max-width:1023px){ .title-con06{margin:0 16px;padding-bottom:12px;} .box-major02 + .title-con06{margin-top:40px;} } @media only screen and (max-width:767px){ .title-con06{margin:0 16px;padding-bottom:12px;} .box-major02 + .title-con06{margin-top:40px;} } /* ---- ##title-con2$ : 배경 + 말풍선 스타일 ---- */ [class*='title-con2']{display:flex;justify-content:space-between;align-items:center;} [class*='title-con2'] .tab-type01 ul{justify-content:flex-end;} [class*='title-con2'] .tab-type01 ul li{margin:0 0 0 8px;} [class*='title-con2'] .info-box01{display:flex;justify-content:flex-end;align-items:center;} /* ---- ##title-con21 ---- */ .title-con21{position:relative;box-sizing:border-box;width:100%;max-width:1200px;height:80px;margin:0 auto;padding-right:20px;background:var(--ui-tag075);flex-wrap:wrap;} /* style01 : 말풍선 스타일 */ /* style01 : 말풍선 스타일 */ .title-con21.style01:after{content:'';display:block;position:absolute;top:0;right:0;z-index:1;width:30%;max-width:423px;height:100%;background-image:var(--ui-bg105);background-size:auto 100%;background-position:left 50%;background-repeat:no-repeat;} .title-con21.style01:before{content:'';display:block;position:absolute;top:0;left:0;z-index:2;width:0;height:0;border-top:100px solid transparent;border-left:100px solid var(--ui-tag031);transform:rotate(-270deg);} .title-con21 .title-type004{position:relative;z-index:3;} .title-con21 .title-type004>.tit01:hover{color:var(--font-color001);} .title-con21 .btn-type310{margin-left:16px;} .title-con21 .btn-type044{margin-left:4px;height:100%;} .title-con21>.info-box01{position:relative;z-index:2;} /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .title-con21{max-width:980px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con21{width:calc(100% - 32px);height:60px;padding-right:16px;} .title-con21.style01:after{width:49%;} .title-con21.style01:before{border-top:72px solid transparent;border-left:72px solid var(--ui-tag031)} .title-con21 .title-type004>.tit01{font-size:20px;} .title-con21 .title-type004>.tit01 .logo-yna11{display:none;} .title-con21 .title-type004{height:60px;padding:0 16px;} .title-con21 .title-type004>.txt01{display:none;} .title-con21 .txt-type001>.txt01{font-size:13px;} .title-con21 .btn-type310{margin-left:8px;} } @media only screen and (max-width:374px){ .title-con21>.info-box01{display:none;} } /* ---- ##title-con22 ---- */ .title-con22{flex-wrap:wrap;position:relative;padding:12px 20px;background-color:var(--ui-tag030);} .title-con22 .title01{display:block;font-size:18px;line-height:1.5;font-weight:700;color:var(--font-color001);} .title-con22 .list01{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;gap:25px;} .title-con22 .list01>li{display:inline-flex;justify-content:flex-start;align-items:center;position:relative;vertical-align:top;gap:4px;} .title-con22 .list01>li::after{content:'';opacity:0.2;display:block;position:absolute;top:50%;right:-13px;z-index:10;width:1px;height:10px;background-color:var(--font-color001);transform:translateY(-50%);} .title-con22 .list01>li:last-child::after{display:none;} .title-con22 .list01 .tit01, .title-con22 .list01 .txt01{font-size:13px;line-height:1.5;font-weight:600;color:var(--font-color001);} .title-con22+.box-latest01{margin-top:33px !important;} /* style01 : 말풍선 스타일 */ .title-con22.style01:before{content:'';display:block;position:absolute;left:0;bottom:-14px;width:14px;height:14px;background-color:var(--ui-tag001);background-image:var(--ui-bg042);background-size:14px auto;transform:translate(0);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con22{justify-content:flex-start;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:calc(100% - 32px);margin:0 auto;} .title-con22 .title01{font-size:16px;} .title-con22 .list01{flex-wrap:wrap;margin-top:8px;gap:1px 25px;} } /* ---- ##title-con61 ---- */ .title-con61{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;gap:16px;} .title-con61 .btn-type435-toggle{flex-shrink:0;} .title-con61 [class*='tab-type0'] .tab .txt01{padding:0;} .title-con61 .tab-type02 .tab{display:flex;justify-content:center;align-items:center;padding:0 16px;border:1px solid var(--font-color000) !important;gap:4px;cursor:pointer;} .title-con61 .tab-type02 .tab .btn-type038{display:none;flex-shrink:0;} .title-con61 .btn-type435-toggle .tab-type02.active{} .title-con61 .tab-type02.active li.active{opacity:0.2;} .title-con61 .tab-type02.active .tab{background-color:var(--ui-tag000);color:var(--font-color006);cursor:pointer;} .title-con61 .tab-type02.active .tab:before{content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;margin-left:-1px;border:1px dashed var(--ui-tag004);} .title-con61 .tab-type02.active .btn-type038{display:block;} .title-con61 .tab-type02.active li.active .tab .btn-type038{display:none;} .title-con61 .tab-type02.active li.active .tab{border:1px solid var(--ui-tag030);background-color:var(--ui-tag030);} .title-con61 .tab-type02.active li.active:hover .tab .txt01{color:var(--font-color001);} .title-con61 [class*='tab-type0'].active li:hover .tab .txt01{color:var(--font-color006);} .title-con61 .tab-type02 li:hover .tab .txt01{font-weight:500;} .title-con61 .tab-type02 li.active:hover .tab .txt01{font-weight:700;} .title-con61 .swiper-notification{display:none;} /* ---- ##title-con62 ---- */ .title-con62{display:block;box-sizing:border-box;width:100%;} .title-con62 .item-box01{display:flex;justify-content:center;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;height:120px;background-color:var(--ui-tag030);gap:12px;} .title-con62 .item-box01 .info-box01{display:flex;justify-content:center;align-items:center;gap:4px;} .title-con62 .item-box01>.info-box01>.tit01{display:block;font-size:16px;line-height:21px;font-weight:400;color:var(--font-color001);} .title-con62 .item-box01 .info-box01 .tooltip-type02 .btn-type001{display:flex;justify-content:center;align-items:center;width:16px;height:21px;padding:0;} .title-con62 .item-box01>.txt01{display:flex;justify-content:center;align-items:center;margin-top:12px;font-size:32px;font-weight:400;color:var(--font-color001);} .title-con62 .item-box01>.txt01 .score{font-weight:700;} .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content{top:32px;left:-185px;padding:12px;} .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content:before{left:188px;} .title-con62>.list01{display:block;box-sizing:border-box;width:100%;padding-top:8px;} .title-con62>.list01>li{display:block;position:relative;box-sizing:border-box;width:100%;margin-top:4px;padding-left:6px;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color006);} .title-con62>.list01>li::after{content:'';display:block;position:absolute;top:9.5px;left:0;z-index:1;width:2px;height:2px;border-radius:2px;background-color:var(--ui-tag010);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .title-con62>.list01>li{font-size:14px;} .title-con62 .item-box01>.info-box01>.tit01{font-size:14px;} .title-con62 .item-box01>.txt01{font-size:28px;} .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content{left:-150%;width:143px;transform:translateX(-50%) !important;} .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content:before{left:110px;} } /* =============== ####visual-type ======================== */ /* ---- ##visual-type02 : [오피니언 전문기자의 세상읽기] 상단 타이틀 ---- */ .visual-type02{display:flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;width:100%;padding:19px;background-color:var(--ui-tag009);gap:24px;} .visual-type02>.img{overflow:hidden;display:block;flex-shrink:0;width:90px;height:90px;border:1px solid rgba(0, 0, 0, .04);border-radius:100%;border-radius:90px;background-size:90px 90px;background-position:center center;background-repeat:no-repeat;} .visual-type02>.img img{display:block;width:100%;object-fit:cover;} .visual-type02 .txt01{display:block;box-sizing:border-box;width:100%;font-size:24px;line-height:1.5;font-weight:700;color:var(--font-color003);} .visual-type02 .title-wrap .writer{margin-top:4px;font-size:18px;line-height:1.5;color:var(--font-color006);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .visual-type02>.img{width:74px;height:74px;} } @media only screen and (max-width:1024px){ .visual-type02 .title-wrap .writer{margin-top:0;font-size:16px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .visual-type02{width:calc(100% - 32px);margin:0 auto;} .visual-type02>.img{width:40px;height:40px;} .visual-type02 .txt01{font-size:20px;} .visual-type02 .title-wrap .writer{margin-top:0;font-size:16px;;} } /* ---- ##visual-type03 : [세계 리스트] 특파원 상단 ---- */ /* 주재지 별 배경 (특파원 전체메뉴 순) * bg_crsp_city01_****$$ */ .visual-type03.johannesburg .area .flex-box01::before{background-image:var(--ui-bg400);} .visual-type03.cairo .area .flex-box01::before{background-image:var(--ui-bg401);} .visual-type03.istanbul .area .flex-box01::before{background-image:var(--ui-bg402);} .visual-type03.newyork .area .flex-box01::before{background-image:var(--ui-bg403);} .visual-type03.washington .area .flex-box01::before{background-image:var(--ui-bg404);} .visual-type03.la .area .flex-box01::before{background-image:var(--ui-bg405);} .visual-type03.sanfrancisco .area .flex-box01::before{background-image:var(--ui-bg406);} .visual-type03.atlanta .area .flex-box01::before{background-image:var(--ui-bg407);} .visual-type03.vancouver .area .flex-box01::before{background-image:var(--ui-bg408);} .visual-type03.mexicocity .area .flex-box01::before{background-image:var(--ui-bg409);} .visual-type03.saopaulo .area .flex-box01::before{background-image:var(--ui-bg410);} .visual-type03.buenosaires .area .flex-box01::before{background-image:var(--ui-bg411);} .visual-type03.tokyo .area .flex-box01::before{background-image:var(--ui-bg412);} .visual-type03.beijing .area .flex-box01::before{background-image:var(--ui-bg413);} .visual-type03.bangkok .area .flex-box01::before{background-image:var(--ui-bg414);} .visual-type03.hanoi .area .flex-box01::before{background-image:var(--ui-bg415);} .visual-type03.taipei .area .flex-box01::before{background-image:var(--ui-bg416);} .visual-type03.jakarta .area .flex-box01::before{background-image:var(--ui-bg417);} .visual-type03.newdelhi .area .flex-box01::before{background-image:var(--ui-bg418);} .visual-type03.london .area .flex-box01::before{background-image:var(--ui-bg419);} .visual-type03.berlin .area .flex-box01::before{background-image:var(--ui-bg420);} .visual-type03.paris .area .flex-box01::before{background-image:var(--ui-bg421);} .visual-type03.moscow .area .flex-box01::before{background-image:var(--ui-bg422);} .visual-type03.brussels .area .flex-box01::before{background-image:var(--ui-bg423);} .visual-type03.geneva .area .flex-box01::before{background-image:var(--ui-bg424);} .visual-type03.rome .area .flex-box01::before{background-image:var(--ui-bg425);} .visual-type03.vatican .area .flex-box01::before{background-image:var(--ui-bg426);} /*.visual-type03.nairobi .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_nairobi01.jpg);} .visual-type03.teheran .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_teheran01.jpg);} .visual-type03.chicago .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_chicago01.jpg);} .visual-type03.almaty .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_almaty01.jpg?v=20200121_1125);} .visual-type03.sydney .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_sydney01.jpg);} .visual-type03.auckland .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_auckland01.jpg);} .visual-type03.yangon .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_yangon01.jpg);} .visual-type03.vladivostok .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_vladivostok01.jpg);} .visual-type03.shenyang .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_shenyang01.jpg);} .visual-type03.hongkong .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_hongkong01.jpg);} .visual-type03.shanghai .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_shanghai01.jpg);}*/ /* ---- ##visual-type03 : [세계 리스트] 특파원 상단 ---- */ .visual-type03{display:block;position:relative;box-sizing:border-box;width:100%;/*overflow:hidden;*/} .visual-type03 .btns-wrap04{height:64px;} .visual-type03 .btns-wrap04 .txt01{display:block;font-size:20px;line-height:30px;font-weight:700;color:var(--font-color003);} .visual-type03 .area{display:block;position:relative;box-sizing:border-box;width:100%;} .visual-type03 .area .flex-box01{display:block;position:relative;z-index:1;box-sizing:border-box;width:100%;padding-bottom:16px;border-bottom:1px solid var(--ui-tag005);} .visual-type03 .area .flex-box01::before{content:'';display:block;position:absolute;box-sizing:border-box;width:100%;height:200px;background-size:cover;background-position:center center;background-repeat:no-repeat;} .visual-type03 .area .flex-box01::after{content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:200px;background: linear-gradient(to right, rgba(79,111,203,0.9) 0%,rgba(79,111,203,0) 70%);} .visual-type03 .area .flex-box01 .local-info{display:block;position:relative;z-index:2;box-sizing:border-box;width:100%;padding:76px 0 0 30px;} .visual-type03 .area .flex-box01 .local-info .tit{font-size:40px;line-height:56px;font-weight:700;color:var(--font-color001);} .visual-type03 .area .flex-box01 .local-info .desc{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;gap:8px;} .visual-type03 .area .flex-box01 .local-info .desc .txt-desc strong{font-size:18px;line-height:27px;font-weight:500;color:var(--font-color001);} .visual-type03 .area .flex-box01 .local-info .desc .txt-time{font-size:20px;line-height:30px;font-weight:600;color:var(--font-color033);} .visual-type03 .area .flex-box01 .list-text210{padding:0 20px;} .visual-type03 .area .flex-box02{overflow:hidden;display:none;position:absolute;top:-1px;left:0;z-index:100;box-sizing:border-box;width:100%;height:500px;padding:24px 0 40px 0;border:1px solid var(--ui-tag005);background-color:var(--ui-tag009);} .visual-type03 .area .flex-box02.active{display:block;} .visual-type03 .area .flex-box02 .tab-type02{box-sizing:border-box;width:100%;} .visual-type03 .area .flex-box02 .tab-type02 ul{justify-content:center;} .visual-type03 .area .flex-box02 .tab-type02+.list-text220{margin-top:30px;} .visual-type03 .list-text210{margin-top:-12px;} .visual-type03 .tab-type01.style03{margin-bottom:30px;} .visual-type03 .map-area{display:block;width:100%;max-width:1080px;height:380px;margin:20px auto 0;} /* 특파원 지도 */ .visual-type03 .map-marker{position:absolute;} .visual-type03 .map-cont{display:inline-block;position:relative;padding:4px 12px;border-radius:2px 2px 2px 0;background-color:var(--ui-tag060);} .visual-type03 .map-cont:after{content:'';display:block;position:absolute;left:0;bottom:-8px;border-top:8px solid transparent;border-left:8px solid var(--ui-tag060);transform:rotate(-270deg);} .visual-type03 .map-marker .btn-type404{} .visual-type03 .map-marker .btn-type404 .txt01{font-size:16px;color:var(--font-color001);} .visual-type03 .map-dott{display:inline-block;width:16px;height:16px;background-image:var(--ui-bg051);background-position:center;background-repeat:no-repeat;cursor:pointer;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1280px){ .visual-type03 .area .flex-box01{min-height:242px;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .visual-type03 .area .flex-box01{min-height:201px;} .visual-type03 .area .flex-box01 .list-text210{padding:0 0 0 20px;} } @media only screen and (max-width:1023px){ .visual-type03 .area .flex-box01{min-height:145px;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .visual-type03 .area .flex-box01::before{height:160px;} .visual-type03 .area .flex-box01::after{height:160px;} .visual-type03 .area .flex-box01 .local-info{padding:42px 0 0 24px;} .visual-type03 .map-area{width:calc(100% - 120px);} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type03 .area .flex-box01 .list-text210 .txt-name{font-size:13px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .visual-type03{padding:0 16px;} .visual-type03 .btns-wrap04{height:55px;} .visual-type03 .btns-wrap04 .txt01{font-size:16px;} .visual-type03 .btn-type022{width:24px;height:24px;} .visual-type03 .btn-type022:after{width:14px;height:14px;background-size:14px auto;} .visual-type03 .area .flex-box01::before{height:120px;background-size:auto 100%;} .visual-type03 .area .flex-box01::after{height:120px;} .visual-type03.johannesburg .area .flex-box01::before{background-position:85% center;} .visual-type03.istanbul .area .flex-box01::before{background-position:67% center;} .visual-type03.newyork .area .flex-box01::before{background-position:80% center;} .visual-type03.la .area .flex-box01::before{background-position:85% center;} .visual-type03.atlanta .area .flex-box01::before{background-position:95% center;} .visual-type03.vancouver .area .flex-box01::before{background-position:76% center;} .visual-type03.mexicocity .area .flex-box01::before{background-position:76% center;} .visual-type03.saopaulo .area .flex-box01::before{background-position:86% center;} .visual-type03.buenosaires .area .flex-box01::before{background-position:60% center;} .visual-type03.taipei .area .flex-box01::before{background-position:80% center;} .visual-type03.jakarta .area .flex-box01::before{background-position:80% center;} .visual-type03.london .area .flex-box01::before{background-position:95% center;} .visual-type03.berlin .area .flex-box01::before{background-position:40% center;} .visual-type03.paris .area .flex-box01::before{background-position:80% center;} .visual-type03.moscow .area .flex-box01::before{background-position:80% center;} .visual-type03.geneva .area .flex-box01::before{background-position:60% center;} .visual-type03 .area .flex-box01 .local-info{padding:35px 0 0 20px;} .visual-type03 .area .flex-box01 .local-info .tit{font-size:24px;line-height:34px;} .visual-type03 .area .flex-box01 .local-info .desc .txt-desc strong{font-size:16px;line-height:24px;} .visual-type03 .area .flex-box01 .local-info .desc .txt-time{font-size:18px;line-height:27px;} .visual-type03 .area .flex-box01 .list-text210{padding:0;} .visual-type03 .list-text210{margin-top:31px;} .visual-type03 .list-text210 .txt-name{font-size:13px;} .visual-type03 .area .flex-box02{height:640px;padding:24px 20px 40px 20px;} /*.visual-type03 .map-area{width:100%;height:0;padding-top:56.25%;position:relative;} .visual-type03 .map-area>div{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100% !important;}*/ .visual-type03 .map-area{width:100%;height:523px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:375px){ } /* ---- ##visual-type04 : [전국 리스트] 지역 별 톱영역 ---- */ /* 지역 별 배경 */ .visual-type04.gg{background-image:var(--ui-bg427);} .visual-type04.in{background-image:var(--ui-bg428);} .visual-type04.bu{background-image:var(--ui-bg429);} .visual-type04.ul{background-image:var(--ui-bg430);} .visual-type04.gn{background-image:var(--ui-bg431);} .visual-type04.dggb{background-image:var(--ui-bg432);} .visual-type04.gjjn{background-image:var(--ui-bg433);} .visual-type04.jb{background-image:var(--ui-bg434);} .visual-type04.djcnsj{background-image:var(--ui-bg435);} .visual-type04.cb{background-image:var(--ui-bg436);} .visual-type04.gw{background-image:var(--ui-bg437);} .visual-type04.jj{background-image:var(--ui-bg438);} .visual-type04{overflow:hidden;display:block;position:relative;box-sizing:border-box;width:100%;height:140px;/*border:1px solid rgba(0,0,0,.04);*/background-size:cover;background-position:center center;background-repeat:no-repeat;} .visual-type04:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to right, rgba(79,111,203,0.9) 0%,rgba(79,111,203,0) 70%);} .visual-type04 .area{display:flex;justify-content:space-between;align-items:baseline;position:absolute;left:0;bottom:20px;z-index:10;box-sizing:border-box;width:100%;padding:0 20px 0 30px;} .visual-type04 .area .tit{display:block;font-size:40px;line-height:60px;font-weight:700;color:var(--font-color007);} .visual-type04 .area .txt01{display:block;position:relative;font-size:12px;line-height:18px;font-weight:600;color:var(--font-color007);} .visual-type04 .area .txt01::before{content:'전국';display:block;position:absolute;top:50%;left:-42px;z-index:10;transform:translateY(-50%);} .visual-type04 .area .txt01::after{content:'/';display:block;position:absolute;top:50%;left:-13px;z-index:10;transform:translateY(-50%);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .visual-type04{height:114px;} .visual-type04 .area{bottom:16px;padding:0 20px 0 20px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .visual-type04{width:calc(100% - 32px);height:72px;margin:0 auto;background-size:auto 100%;} .visual-type04 .area{bottom:12px;padding:0 16px 0 16px;} .visual-type04 .area .tit{font-size:24px;line-height:36px;} .visual-type04.gg{} /* 서브 섹션 전국 경기배경 */ .visual-type04.in{background-position:80% center;} /*인천*/ .visual-type04.bu{background-position:80% center;} /*부산*/ .visual-type04.ul{background-position:37% center;} /*울산*/ .visual-type04.gn{background-position:40% center;} /*경남*/ .visual-type04.dggb{} /*대구경북*/ .visual-type04.gjjn{} /*광주전남*/ .visual-type04.jb{background-position:73% center;} /*전북*/ .visual-type04.djcnsj{} /*대전충남세종*/ .visual-type04.cb{background-position:62% center;} /*충북*/ .visual-type04.gw{background-position:42% center;} /*강원*/ .visual-type04.jj{background-position:60% center;} } /* ---- ##[사이트맵] visual-type05 : 기타 성금 ---- */ .visual-type05{display:block;position:relative;box-sizing:border-box;width:100%;height:260px;background-size:cover;background-position:center center;background-repeat:no-repeat;} .visual-type05:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);} .visual-type05.donation{background-image:var(--ui-bg439);} .visual-type05.newspaper{background-image:var(--ui-bg440);} .visual-type05 .area{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:0 16px;} .visual-type05 .area .tit01{display:block;z-index:10;font-size:40px;line-height:1.5;font-weight:700;color:var(--font-color001);text-align:center;} @media only screen and (max-width:767px){ .visual-type05{height:180px;} .visual-type05 .area .tit01{font-size:24px;} } /* ---- ##visual-type06 : [관심사 뉴스 패키지] 상단 비주얼영역 ---- */ .visual-type06{display:block;position:relative;box-sizing:border-box;width:100%;min-height:262px;padding:40px 30px;border:1px solid var(--ui-tag005);border-radius:2px;background-color:var(--ui-tag009);} .visual-type06 [class*='img-con']{display:block;float:right;width:270px;height:180px;margin-left:16px;background-color:var(--ui-tag007);} .visual-type06 [class*='img-con'] .img{overflow:hidden;position:relative;width:100%;height:100%;} .visual-type06 [class*='img-con'] .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 var(--ui-tag025);} .visual-type06 [class*='img-con'] .colW img{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);} .visual-type06 [class*='img-con'] .rowH img{position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%);} .visual-type06 .txt-type003>.txt01{font-size:28px;line-height:1.5;font-weight:600;} .visual-type06 .lead{display:table-cell;position:relative;box-sizing:border-box;width:100%;padding-top:16px;font-size:18px;line-height:1.5;font-weight:400;color:var(--font-color005);} .visual-type06 .info-box01{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-top:40px;gap:12px;} .visual-type06 .info-box01>.txt01{display:block;position:relative;box-sizing:border-box;padding-left:42px;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color004);} .visual-type06 .info-box01>.txt01::before{content:"구독자";display:block;position:absolute;top:0;left:0;z-index:2;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color004);} .visual-type06 .img-none01{display:none;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .visual-type06{min-height:274px;} .visual-type06 .info-box01{margin-top:52px;} .visual-type06 [class*='img-con']{width:288px;height:192px;background-size:288px 192px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .visual-type06{padding:32px 0;border:none;background:none;} .visual-type06:before{content:'';display:block;position:absolute;top:0;left:-16px;width:calc(100% + 32px);height:100%;background-color:var(--ui-tag009);} .visual-type06 [class*='img-con']{overflow:hidden;position:relative;width:100%;height:auto;margin-left:0;padding-top:66.74%;} .visual-type06 .img-none01{display:block;} .visual-type06 [class*='img-con'] .img{position:absolute;top:0;left:0;} .visual-type06 [class*='img-con'] .colW img{position:static;transform:translate(0);} .visual-type06 .txt-type003{margin-top:24px;} .visual-type06 .txt-type003>.txt01{font-size:24px;} .visual-type06 .lead{padding-right:0;font-size:16px;} .visual-type06 .info-box01{margin-top:20px;} .visual-type06 .info-box01>.txt01{font-size:13px;} } /* ---- ##visual-type07 : [기자홈] 기자프로필 ---- */ .visual-type07{overflow:hidden;display:block;box-sizing:border-box;width:100%;border:2px solid var(--ui-tag030);border-radius:2px;background-color:var(--ui-tag030);} /* ---- ##visual-type08 : [마이페이지] 내등급 ---- */ .visual-type08{display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;box-sizing:border-box;width:100%;height:auto;min-height:318px;background-color:var(--ui-tag001);} .visual-type08>.tit01{display:block;box-sizing:border-box;width:100%;padding-top:20px;font-size:28px;line-height:1.3;font-weight:400;color:var(--font-color003);text-align:center;word-break:break-word;} .visual-type08>.tit01>span{font-weight:700;} .visual-type08>.txt01{display:block;box-sizing:border-box;width:100%;padding-top:8px;font-size:18px;line-height:1.5;font-weight:400;color:var(--font-color005);text-align:center;} .visual-type08>.list01{display:block;width:100%;max-width:720px;margin:0 auto;padding-top:40px;padding-bottom:31px;} .visual-type08>.list01>.bar{overflow:visible;display:flex;justify-content:flex-start;align-items:flex-start;position:relative;box-sizing:border-box;width:100%;height:16px;border-radius:2px;} /*.visual-type08>.list01>.bar::after{display:block;width:20%;content:'';height:100%;position:absolute;top:0;left:0;z-index:10;background-color:var(--ui-tag021);}*/ .visual-type08>.list01>.bar>span{display:block;position:relative;box-sizing:border-box;width:calc(100% / 3);height:100%;background-color:var(--ui-tag063);} .visual-type08>.list01>.bar>span + span{border-left:1px solid var(--ui-tag001);} .visual-type08>.list01>.bar>span:first-child::after{content:'0점';display:block;position:absolute;left:0;bottom:-30px;z-index:1;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color005);} .visual-type08>.list01>.bar>span:nth-child(2)::after{content:'300점';display:block;position:absolute;left:-16px;bottom:-30px;z-index:1;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color005);} .visual-type08>.list01>.bar>span:last-child::before{content:'500점';display:block;position:absolute;left:-16px;bottom:-30px;z-index:1;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color005);} .visual-type08>.list01>.bar>span:last-child::after{content:'1,000점';display:block;position:absolute;right:0;bottom:-30px;z-index:1;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color005);} .visual-type08>.list01>.bar>span>i{display:block;position:absolute;top:0;left:0;z-index:10;height:100%;background-color:var(--ui-tag030);} .visual-type08>.btn-type303.style20{position:absolute;top:20px;right:20px;z-index:10;width:max-content;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .visual-type08{width:calc(100% - 32px);min-height:auto;margin:0 16px;padding:90px 20px 40px 20px;} .visual-type08>.tit01{font-size:22px;} .visual-type08>.txt01{font-size:16px;word-break:keep-all;} .visual-type08>.list01{max-width:303px;} .visual-type08>.btn-type303.style20{font-size:13px;} } /* ---- ##visual-type09 : [우분투 리스트] ---- */ .visual-type09{box-sizing:border-box;width:100%;height:240px;} .visual-type09.ubuntu .area{position:relative;box-sizing:border-box;width:100%;height:100%;padding:50px 54px;background-image:url(../image/bg_ubuntu02_pc.png);background-position:0 0;background-repeat:no-repeat;} .visual-type09.ubuntu .area:before{content:'';display:block;position:absolute;top:0;right:0;width:570px;height:240px;background-image:url(../image/bg_ubuntu02_obj01_pc.png);background-position:0 0;background-repeat:no-repeat;} .visual-type09.ubuntu .info-txt{position:relative;padding-left:135px;} .visual-type09.ubuntu .info-txt:before{content:'';display:block;position:absolute;top:-20px;left:0;width:108px;height:132px;background-image:url(../image/ico_ubuntu02_pc.png);background-position:0 0;background-repeat:no-repeat;} .visual-type09.ubuntu .tit01{font-size:30px;line-height:1.5;font-weight:700;color:#222;} .visual-type09.ubuntu .tit01>strong{color:#0B5A9A;} .visual-type09.ubuntu .txt01{position:relative;margin-top:12px;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color014);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .visual-type09{width:100%;height:auto;min-height:auto;padding:0 16px;} .visual-type09.ubuntu .area{height:auto;min-height:200px;padding:30px 20px;background-image:url(../image/bg_ubuntu02_m.png);background-size:cover;background-position:center 0;} .visual-type09.ubuntu .area:before{width:475px;height:100%;background-image:url(../image/bg_ubuntu02_obj01_m.png);background-position:185px 0;background-repeat:no-repeat;background-size:475px 100%;} .visual-type09.ubuntu .info-txt{max-width:70%;padding-left:0;} .visual-type09.ubuntu .info-txt:before{display:none;} .visual-type09.ubuntu .info-txt .tit01{position:relative;box-sizing:border-box;max-width:200px;min-height:50px;padding-top:6px;padding-left:57px;font-size:16px;line-height:20px;word-break:keep-all;} .visual-type09.ubuntu .info-txt .tit01:before{content:'';display:block;position:absolute;top:-10px;left:0;width:46px;height:56px;background-image:url(../image/ico_ubuntu02_m.png);background-repeat:no-repeat;background-size:46px 56px;} .visual-type09.ubuntu .info-txt .txt01{margin-top:19px;padding-left:0;font-size:13px;word-break:keep-all;} .visual-type09.ubuntu .info-txt .txt01:before{display:none;} .visual-type09.ubuntu .info-txt .txt01 br{display:none;} } /* visual-type71 - ir클럽 */ .visual-type71{display:flex;align-items:center;justify-content:center;width:100%;height:260px;background-image:var(--ui-bg721);background-repeat:no-repeat;background-color:#e4e5e6;background-position:center 42%;} .visual-type71 .tit{font-size:40px;color:var(--ui-tag030);font-weight:700;} /* =============== ####List text & 기타 ======================== */ /* ---- ##list-text$$ : 기타 텍스트 및 링크 목록 ---- */ /* 기사가 아닌 텍스트 및 링크 목록 -- 헤더/푸터의 메뉴 리스트는 list-text$$ 을 사용하지 않는다. */ [class*='list-text']{position:relative;} [class*='list-text'].medium .tit01{font-weight:600;} [class*='list-text'].semi .tit01{font-weight:500;} [class*='list-text'].bold .tit01{font-weight:700;} /* ---- ##list-text001 ---- */ .list-text001 .list01{display:flex;position:relative;padding:12px 0;} .list-text001 .list01 li{flex-shrink:0;width:auto;} .list-text001 .list01 li{flex-shrink:0;width:auto;} .list-text001 .list01 li+li{margin-left:8px;} .list-text001 .list01 .txt01{display:inline-block;box-sizing:border-box;padding:4px 8px;border-radius:2px;font-size:13px;font-weight:600;color:var(--font-color006);} .list-text001 .list01 li.active .txt01{background-color:var(--ui-tag030);color:var(--font-color001);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text001 .list01 li:hover .txt01{background-color:var(--ui-tag030);color:var(--font-color001);} } /* ---- ##list-text002 ---- */ .list-text002 .list01{display:flex;position:relative;padding:12px 0;} .list-text002 .list01 li{flex-shrink:0;width:auto;} .list-text002 .list01 li+li{margin-left:8px;} .list-text002 .list01 .txt01{display:inline-block;box-sizing:border-box;height:28px;padding:0 8px;border-radius:2px;background-color:var(--ui-tag018);font-size:13px;line-height:2.2;font-weight:500;color:var(--font-color001);} .list-text002 .list01 li.active .txt01{background-color:var(--ui-tag030);color:var(--font-color001);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text002 .list01 li:hover .txt01{background-color:var(--ui-tag030);color:var(--font-color001);} } /* ---- ##list-text200 : [섹션] 지역지 계약사 ---- */ .list-text200{display:block;box-sizing:border-box;width:100%;} .list-text200 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:8px;flex-wrap:wrap;} .list-text200 .list01>li{width:calc(50% - 4px);} .list-text200 .list01>li a{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;padding:8px;border-radius:2px;background-color:var(--ui-tag009);font-size:15px;font-weight:600;color:var(--font-color005);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text200 .list01>li a:hover{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text200{padding:0 16px;} } /* ---- ##list-text210 : [세계 특파원] 상단 특파원 목록 */ .list-text210{display:block;box-sizing:border-box;width:100%;} .list-text210 .swiper-area{display:block;box-sizing:border-box;width:100%;} .list-text210 .swiper-area .swiper-wrapper{display:flex;justify-content:flex-end;align-items:flex-start;gap:20px;} .list-text210 .swiper-area .swiper-wrapper .swiper-slide{display:block;flex-shrink:1;box-sizing:border-box;width:auto;height:auto;text-align:center;} /* 대형 와이드 프레임 : 1280px 이상 - 컨테이너영역1200px */ @media only screen and (min-width:1280px){ .list-text210 .swiper-area .swiper-wrapper{gap:12px;} .list-text210 .swiper-area .swiper-wrapper .swiper-slide{min-width:134px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text210 .swiper-area .swiper-wrapper{gap:4px;} .list-text210 .swiper-area .swiper-wrapper .swiper-slide{min-width:124px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text210 .swiper-area .swiper-wrapper{justify-content:flex-start;align-items:flex-start;gap:0px;} .list-text210 .swiper-area .swiper-wrapper .swiper-slide{flex-shrink:0;} } /* ---- ##list-text220 : [세계 특파원] 상단 특파원 전체 ---- */ .list-text220{display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;width:100%;gap:60px;} .list-text220 [class*='col-wrap']{} .list-text220 [class*='col-wrap']>dl{padding:0;border:0;} .list-text220 [class*='col-wrap']>dl .loc-tit{display:block;margin-bottom:8px;font-size:15px;line-height:23px;font-weight:600;color:var(--font-color003);} .list-text220 [class*='col-wrap']>dl dd:after{display:none;} .list-text220 [class*='col-wrap']>dl .loc-detail{padding-left:0;} .list-text220 [class*='col-wrap']>dl .loc-detail ul{line-height:21px;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li>a{line-height:21px;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li .txt{display:block;min-width:120px;font-size:14px;line-height:21px;font-weight:500;color:var(--font-color004);} .list-text220 [class*='col-wrap']>dl .loc-detail ul li + li{margin-top:8px;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li.active .txt{font-weight:bold;color:var(--font-color021);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text220{gap:40px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text220{flex-direction:column;gap:20px;} .list-text220 [class*='col-wrap']>dl .loc-detail ul{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px 20px;flex-wrap:wrap;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li{} .list-text220 [class*='col-wrap']>dl .loc-detail ul li + li{margin-top:0;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li .txt{width:auto;min-width:auto;} } /* ---- ##list-text230 : [기자홈] 연재 통계 리스트 ---- */ .list-text230{display:block;box-sizing:border-box;width:100%;} .list-text230>li{display:block;position:relative;box-sizing:border-box;width:100%;padding-left:6px;font-size:14px;font-weight:400;color:var(--font-color005);} .list-text230>li::after{content:'';display:block;position:absolute;top:12px;left:0;width:2px;height:2px;border-radius:2px;background-color:var(--ui-tag010);transform:translateY(-50%);} .list-text230>li em{font-weight:600;color:var(--font-color021);} .list-text230>li + li{margin-top:8px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text230>li + li{margin-top:5px;} .list-text230>li{font-size:13px;} } /* ---- ##list-text240 : [기자홈] 기자리스트 ---- */ .list-text240{display:block;box-sizing:border-box;width:100%;} .list-text240>li{overflow:hidden;display:block;position:relative;box-sizing:border-box;width:100%;padding-left:12px;font-size:16px;font-weight:400;color:var(--font-color005);white-space:nowrap;text-overflow:ellipsis;} .list-text240>li::after{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:4px;background-color:var(--ui-tag006);transform:translateY(-50%);} .list-text240>li + li{margin-top:8px;} .list-text240>li a{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text240>li a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##list-text250 : [서브] 문화 책소개 ---- */ /* [구성] : 기사제목, 섬네일(좌) * 문화>책소개 */ .list-text250{overflow:hidden;display:block;box-sizing:border-box;width:100%;} .list-text250>li{display:block;position:relative;z-index:1;box-sizing:border-box;width:100%;height:147px;padding:20px;} .list-text250>li .bg{content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(42px);} .list-text250>li .bg:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.30);} .list-text250>li .item-box01{display:flex;justify-content:flex-start;align-items:center;position:relative;z-index:10;box-sizing:border-box;width:100%;height:100%;gap:20px;} .list-text250>li .img-con01{display:block;flex-shrink:0;width:72px;height:100%;} .list-text250>li .img-con01 .img{height:100%;padding-top:100%;} .list-text250>li .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-text250>li .tit-con{display:block;box-sizing:border-box;width:100%;} .list-text250>li .tit-con .txt{display:block;box-sizing:border-box;width:100%;font-size:16px;line-height:1.5;font-weight:700;color:var(--font-color001);} .list-text250>li .tit-con .name{display:block;box-sizing:border-box;width:100%;margin-top:12px;font-size:14px;line-height:1.5;font-weight:700;color:var(--font-color001);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text250>li .item-box01:hover .txt{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text250{width:calc(100% - 32px);margin:0 auto;} } /* ---- ##list-text260 : [서브] 문화 이매진 ---- */ /* [구성] : 기사제목, 섬네일(우) * 문화>이매진 (월별등록) */ .list-text260{overflow:hidden;display:block;box-sizing:border-box;width:100%;} .list-text260>li{display:block;position:relative;z-index:1;box-sizing:border-box;width:100%;height:110px;padding:12px 30px 12px 20px;border-radius:2px;background-color:var(--ui-tag009);} .list-text260>li .item-box01{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:100%;} .list-text260>li .img-con01{display:block;flex-shrink:0;width:60px;height:100%;} .list-text260>li .img-con01 .img{height:100%;padding-top:100%;} .list-text260>li .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-text260>li .tit-con{display:block;box-sizing:border-box;width:100%;} .list-text260>li .tit-con .tit{display:block;box-sizing:border-box;width:100%;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color003);} .list-text260>li .tit-con .txt{display:block;box-sizing:border-box;width:100%;margin-top:2px;font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color021);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text260>li .item-box01:hover .tit{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text260{width:calc(100% - 32px);margin:0 auto;} } /* ---- ##list-text270 : [서브] 우분투 아프리카 나우 (PFRT-2375) ---- */ .list-text270{position:relative;margin:12px auto 0;width:300px;} .list-text270 .txt01{font-weight:500;font-size:13px;fill:var(--ui-tag001);letter-spacing:-0.65px;} /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text270{padding:0 16px;} } /* ---- ##list-text300 : [서브] 뉴스플러스 ---- */ /* list-text300 */ .list-text300{display:block;box-sizing:border-box;width:100%;border-top:1px solid var(--ui-tag005);border-left:1px solid var(--ui-tag005);border-right:1px solid var(--ui-tag005);background-color: var(--ui-tag001);} .list-text300>li{display:block;box-sizing:border-box;width:100%;border-bottom:1px solid var(--ui-tag005);} .list-text300>li:empty{display:none;} .list-text300>li .item-box01{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:12px 16px;} .list-text300>li .item-box01 .txt-tag62{color: var(--font-color028) !important;} .list-text300>li [class*='item-box0'] .news-con{margin-right:12px;} .list-text300>li [class*='item-box0'] .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:auto;font-size:15px;line-height:1.5;font-weight:500;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-text300>li .item-box02{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:12px 16px;} .list-text300>li .img-con01{display:block;width:48px;height:48px;border-radius:48px;} .list-text300>li .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, .04);border-radius:100%;} .list-text300>li .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-text300>li .img-con01 .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:48px;height:48px;border-radius:48px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text300>li [class*='item-box0'] .tit-news:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .list-text300>li [class*='item-box0'] .tit-news:hover .title01{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text300{width:calc(100% - 32px);margin:0 16px;border-bottom:1px solid var(--ui-tag005);} .list-text300>li:last-of-type{border-bottom:0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text300{width:calc(100% - 32px);margin:0 16px;border-bottom:1px solid var(--ui-tag005);} .list-text300>li:last-of-type{border-bottom:0;} } /* ---- ##[통합검색] .list-text400 : [통합검색] 동명이인 */ .list-text400{display:flex;flex-direction:column;} .list-text400 .list01{display:block;padding:12px 16px 16px 16px;border:0;} .list-text400 .list01 .tit-name{display:block;width:100%;margin-bottom:8px;} .list-text400 .list01 dd{padding:4px 0;line-height:23px;} .list-text400 .list01 dd:first-of-type{padding-top:0;} .list-text400 .list01 dd:after{display:none;} .list-text400 .list01 dd .txt02{font-size:15px;color:var(--font-color003);} .list-text400 .list01 dd .txt01{font-size:14px;color:var(--font-color006);} .list-text400 .list01 dd .txt03{background-color:var(--ui-tag000);font-size:15px;font-weight:600;color:var(--font-color003);} /* 검색결과 우측영역 인물정보 */ .list-text400 .txt-type009 [class*='img-con'] .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,.04);} .list-text400 .txt-type009 [class*='img-con'].img-none01 .img:after{content:'';display:block;position:absolute;top:50%;left:50%;width:48px;height:60px;background-image:var(--ui-bg044);background-size:100% 100%;background-repeat:no-repeat;transform:translate(-50%, -50%);} .list-text400 .txt-type009 .tit-name{display:block;} .list-text400 .txt-type009 .tit-name .txt01{padding-top:5px;} @media only screen and (max-width:767px){ .list-text400.result-none{display:none;} .list-text400{padding:0 16px;} .list-text400 .list01{padding:12px 0 0 0;} .list-text400 .tit-name{font-size:18px;} .list-text400 .txt02{font-size:15px;} .list-text400 .txt-type009 .tit-name .txt01{padding-top:4px;} } /* ---- ##[통합검색] .list-text410 : [통합검색] 상세검색 인물 */ .list-text410{overflow:hidden;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;gap:24px 40px;flex-wrap:wrap;} .list-text410 .txt-type009{box-sizing:border-box;width:calc((100% - 40px) / 2);margin-top:0;padding:0;border:0;gap:16px;} .list-text410 .txt-type009 dt{margin:0;} .list-text410 .txt-type009 dd{box-sizing:border-box;padding:9px 0;} .list-text410 .txt-type009 dd:after{display:none;} .list-text410 .txt-type009 .tit-name{font-size:16px;font-weight:500;color:var(--font-color021);} .list-text410 .txt-type009 [class*='img-con']{position:relative;width:120px;min-width:112px;height:136px;} .list-text410 .txt-type009 [class*='img-con'] .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,.04);} .list-text410 .txt-type009 [class*='img-con'].img-none01 .img:after{content:'';display:block;position:absolute;top:50%;left:50%;width:64px;height:78px;background-image:var(--ui-bg044);background-size:100% 100%;background-repeat:no-repeat;transform:translate(-50%, -50%);} .list-text410 .txt-type009 .btn-type303{margin-top:16px;} @media only screen and (max-width:767px){ .list-text410{gap:24px;padding:0 16px;} .list-text410 .txt-type009{width:100%} .list-text410 .txt-type009 [class*='img-con']{width:112px;height:127px;} .list-text410 .txt-type009 .btn-type303{margin-top:12px;} } @media only screen and (max-width:319px){ .list-text410 .txt-type009{gap:10px;} } /* ---- ##list-text500 : [로그인 유도팝업] SNS간편로그인 ---- */ .list-text500{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:8px;/*width:calc(100% - 32px);border-radius:2px;padding:12px 16px;background-color:rgba(79,111,203,0.9);*/} .list-text500 .btn-type213{overflow:visible;} .list-text500 .btn-type213 .txt01{border-bottom:1px solid rgba(255,255,255,0.6);font-size:12px;line-height:1.5;font-weight:600;color:rgba(255,255,255,0.6);} /* ---- ##list-text501 : [로그인 유도팝업] 회원혜택 ---- */ .list-text501{display:block;box-sizing:border-box;width:100%;max-height:90vh;padding:30px 16px 16px 16px;border-radius:2px 2px 0 0;background-color:var(--ui-tag001);overflow-y:auto;} .list-text501>.tit01{display:block;box-sizing:border-box;width:100%;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color003);text-align:center;} .list-text501>.txt01{display:block;box-sizing:border-box;width:100%;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color006);text-align:center;} .list-text501 .info-box01{display:block;box-sizing:border-box;width:100%;margin-top:16px;padding:20px 16px;background-color:var(--ui-tag009);} .list-text501 .info-box01>ul{display:block;box-sizing:border-box;width:100%;} .list-text501 .info-box01>ul li{display:block;box-sizing:border-box;width:100%;margin-bottom:12px;} .list-text501 .info-box01>ul li + li{margin-bottom:16px;} .list-text501 .info-box01>ul li:last-child{margin-bottom:0;} .list-text501 .info-box01>ul li .item-box02{display:block;box-sizing:border-box;width:100%;} .list-text501 .info-box01>ul li .item-box02 .tit01{font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color025);} .list-text501 .info-box01>ul li .item-box02 .txt01{margin-top:4px;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color005);} .list-text501 .btns-wrap03{gap:8px;margin-top:32px;} .list-text501 .btns-wrap03 .btn-type304{height:60px;} /* ---- ##list-text510 : [마이페이지] 개인정보 ---- */ .list-text510{display:block;box-sizing:border-box;width:100%;height:100%;} .list-text510>ul{display:block;box-sizing:border-box;width:100%;height:100%;} .list-text510>ul>li{display:block;position:relative;box-sizing:border-box;width:100%;height:100%;padding:20px;border-radius:2px;background-color:var(--ui-tag030);} .list-text510>ul>li>.item-box01{display:block;box-sizing:border-box;width:100%;} .list-text510>ul>li>.item-box01 .btn-type201>.txt01{opacity:0.8;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color001);} .list-text510>ul>li>.item-box01 .img-con01{overflow:hidden;width:60px;height:60px;margin:20px auto 0 auto;border-radius:60px;} .list-text510>ul>li>.item-box01 .img-con01 .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;height:100%;} .list-text510>ul>li>.item-box01 .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,.04);} .list-text510>ul>li>.item-box01 .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-text510>ul>li>.item-box01 .info-box01{margin-top:12px;text-align:center;} .list-text510>ul>li>.item-box01 .info-box01 .name{display:block;font-size:18px;line-height:1.5;font-weight:400;color:var(--font-color001);} .list-text510>ul>li>.item-box01 .info-box01 .name em{display:inline;font-weight:700;} .list-text510>ul>li>.item-box01 .txt-con{opacity:0.9;display:block;box-sizing:border-box;width:100%;margin-top:8px;font-size:15px;font-weight:400;color:var(--font-color001);text-align:center;word-break:keep-all;} .list-text510>ul>li>.item-box01 .info-box02{display:block;box-sizing:border-box;width:100%;margin-top:36px;padding:0px 24px;border-radius:6px;background-color:rgba(0,0,0,0.08);} .list-text510>ul>li>.item-box01 .info-box02 .btn-type431 + .btn-type431{border-top:1px solid rgba(255,255,255,0.08);} .list-text510 .info-box03{justify-content:flex-end;height:21px;line-height:1.5;} .list-text510 .info-box03 .btn-type201{overflow:visible;position:relative;margin-left:17px;} .list-text510 .info-box03 .btn-type201+.btn-type201:after{content:'';opacity:0.4;display:block;position:absolute;top:50%;left:-8px;width:1px;height:12px;background-color:var(--ui-tag001);transform:translateY(-50%);} .list-text510 .info-box03{display:flex;} .list-text510 .list-text300{margin-top:36px;} .list-text510 .btn-type431{padding:16px 24px;} .list-text510 .img-none01 {position:relative;box-sizing:border-box;border:1px solid var(--ui-tag001);} .list-text510 .img-none01:after{content:'';opacity:1;display:block;position:absolute;top:50%;left:50%;z-index:2;box-sizing:border-box;width:100%;height:100%;border-radius:100%;background-image:var(--ui-bg503);background-size:35px auto;background-position:center;background-repeat:no-repeat; filter:var(--ui-filter013);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text510>ul>li>.item-box01 .info-box01{margin-top:12px;} .list-text510>ul>li>.item-box01 .txt-con{margin-top:12px;} .list-text510>ul>li>.item-box01 .info-box02{padding:0 20px;} .list-text510>ul>li{min-height:382px;} .list-text510 .btn-type431{padding:16px 0 16px 24px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text510>ul>li{padding:0 24px 24px 24px;} .list-text510>ul>li>.item-box01 .img-con01{position:absolute;top:64px;left:24px;z-index:1;width:48px;height:48px;margin-top:0;border-radius:48px;} .list-text510>ul>li>.item-box01 .info-box01{display:block;min-height:48px;margin-top:0;padding:60px 0 0 64px;text-align:left;flex-wrap:wrap;} .list-text510>ul>li>.item-box01 .btn-type201>.txt01{font-size:13px;} .list-text510>ul>li>.item-box01 .info-box01 .name{font-size:16px;} .list-text510>ul>li>.item-box01 .txt-con{margin-top:16px;font-size:14px;text-align:left;} .list-text510>ul>li>.item-box01 .info-box02{margin-top:24px;} .list-text510 .info-box03{position:absolute;top:20px;right:24px;} .list-text510 .btn-type431{padding:16px 0 16px 24px;} .list-text510 .btn-type431 .tit-wrap .tit{font-size:15px;} .list-text510 .btn-type431 .txt01{font-size:15px;} } /* ---- ##list-text511 : [마이페이지] 나의활동 랭크 리스트 ---- */ .list-text511{display:block;box-sizing:border-box;width:100%;} .list-text511 .title-con01{flex-wrap:wrap;width:100%;} .list-text511>ul{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;margin-top:8px;flex-wrap:wrap;gap:8px;} .list-text511>ul>li{display:block;box-sizing:border-box;width:calc(50% - 4px);padding:16px;border:1px solid var(--ui-tag005);border-radius:6px;} .list-text511>ul>li:first-child{flex-shrink:0;width:100%;} .list-text511>ul>li:first-child>.item-box01{display:block;} .list-text511>ul>li:first-child>.item-box01 .txt-type602{justify-content:center;flex-direction:row;} .list-text511>ul>li>.item-box01{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;} .list-text511>ul>li>.item-box01 .txt-type602{justify-content:center;flex-direction:column;align-items:center;} .list-text511>ul>li>.item-box01 .info-box01{display:flex;justify-content:flex-start;align-items:flex-start;gap:4px;margin-top:16px;} .list-text511>ul>li>.item-box01 .info-box01>li{display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;box-sizing:border-box;width:calc((100% - 8px)/3);height:109px;padding-top:21px;border-radius:2px;background-color:var(--ui-tag007);} .list-text511>ul>li>.item-box01 .info-box01>li [class*="rank"]{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:2;width:100%;height:21px;border-radius:2px;font-size:11px;line-height:21px;font-weight:700;color:var(--font-color001);} .list-text511>ul>li>.item-box01 .info-box01>li .rank01{background-color:var(--ui-tag070);} .list-text511>ul>li>.item-box01 .info-box01>li .rank02{background-color:var(--ui-tag041);} .list-text511>ul>li>.item-box01 .info-box01>li .rank03{background-color:var(--ui-tag042);} .list-text511>ul>li>.item-box01 .info-box01>li .tit01{display:block;margin-bottom:2px;font-size:15px;line-height:1.5;font-weight:700;color:var(--font-color003);} .list-text511>ul>li>.item-box01 .info-box01>li .txt01{display:block;font-size:13px;line-height:1;font-weight:400;color:var(--font-color006);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text511>ul>li{padding:16px 12px;} .list-text511>ul>li>.item-box01 .info-box01>li{height:94px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text511>ul>li:first-child{padding:16px;} .list-text511>ul>li{padding:12px 0 18px 0;} .list-text511>ul>li>.item-box01 .info-box01{flex-wrap:wrap;gap:4px;} .list-text511>ul>li>.item-box01 .info-box01>li:first-child{width:100%;} .list-text511>ul>li>.item-box01 .info-box01>li{width:calc(50% - 2px);height:83px;} .list-text511>ul>li>.item-box01 .txt-type602{gap:0;} .list-text511>ul>li:first-child>.item-box01 .txt-type602{gap:8px;} } /* ---- ##list-text512 : [마이페이지]뉴스 구독 습관 분석 ---- */ .list-text512{display:block;box-sizing:border-box;width:100%;} .list-text512>ul{display:block;box-sizing:border-box;width:100%;} .list-text512>ul>li{display:block;box-sizing:border-box;width:100%;} .list-text512>ul>li>.item-box01{display:block;box-sizing:border-box;width:100%;} .list-text512>ul>li>.item-box01 [class*='chart-box']{overflow:hidden;position:relative;height:200px;margin-top:8px;border:1px solid var(--ui-tag005);border-radius:6px;background-color:var(--ui-tag001);} .list-text512>ul>li>.item-box01 .chart-box03{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:20px;} .list-text512>ul>li>.item-box01 .chart-box01{overflow:visible;display:block;box-sizing:border-box;width:100%;height:180px;margin:20px 0;border:none;border-radius:0;} .list-text512>ul>li>.item-box01 .chart-box01 .txt-type019{box-sizing:border-box;border:1px solid var(--ui-tag005);border-radius:6px;} .list-text512>ul>li>.item-box01>.txt01{display:block;box-sizing:border-box;width:100%;padding-top:11px;font-size:20px;font-weight:700;color:var(--font-color003);} .list-text512>ul>li>.item-box01 .mes01{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;box-sizing:border-box;width:100%;margin-top:8px;font-size:13px;font-weight:600;color:var(--font-color005);} .list-text512>ul>li>.item-box01 .mes01>a{display:inline-block;margin:0 4px;border-bottom:1px solid var(--ui-tag006);line-height:1;vertical-align:top;} .list-text512>.btn-type218{display:none;margin-top:20px;} .list-text512>ul>li>.item-box01 .chart-box02{display:flex;justify-content:center;align-items:center;} .list-text512>ul>li>.item-box01 .chart-box02 .chart{flex-shrink:0;box-sizing:border-box;width:120px;height:120px;margin-right:20px;} .list-text512>ul>li>.item-box01 .chart-box04{display:flex;justify-content:center;align-items:center;} .list-text512>ul>li>.item-box01 .chart-box04 canvas{width:100%;height:auto;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-text512>ul>li>.item-box01 .chart-box04 canvas:hover{cursor:pointer;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text512>ul>li>.item-box01 .chart-box01{height:162px;} .list-text512>ul>li>.item-box01>.txt01{padding-top:12px;} .list-text512>ul>li>.item-box01 .chart-box02, .list-text512>ul>li>.item-box01 .chart-box03, .list-text512>ul>li>.item-box01 .chart-box04{height:180px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text512>ul>li>.item-box01 .chart-box01{height:180px;} .list-text512>ul>li>.item-box01>.txt01{padding-top:12px;} .list-text512>ul>li>.item-box01 .chart-box02, .list-text512>ul>li>.item-box01 .chart-box03{height:180px;} .list-text512>ul>li>.item-box01 .chart-box04{height:180px;} .list-text512>.btn-type218{display:flex;} } /* 초소형 프레임 : 375px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:375px){ .list-text512>ul>li>.item-box01 .chart-box02{display:block;height:auto;padding:15px;} .list-text512>ul>li>.item-box01 .chart-box02 .chart{margin:0 auto;} .list-text512>ul>li>.item-box01 .chart-box02 .list01{margin:10px auto 0;} } /* ---- ##list-text520 : [마이페이지] 내 제보내역 ---- */ .list-text520{display:block;box-sizing:border-box;width:100%;} .list-text520>ul{display:block;box-sizing:border-box;width:100%;} .list-text520>ul>li{display:block;box-sizing:border-box;width:100%;padding:24px 0;border-top:1px solid var(--ui-tag005);} .list-text520>ul>li:last-of-type{padding-bottom:0;} .list-text520>ul>li [class*='item-box']{display:block;box-sizing:border-box;width:100%;} .list-text520>ul>li [class*='item-box'] .tit-wrap{display:block;box-sizing:border-box;width:100%;} .list-text520>ul>li [class*='item-box'] .tit-wrap .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-text520>ul>li [class*='item-box'] .txt-time{margin-top:4px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color006);} .list-text520 + .btns-wrap03{margin-top:40px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text520>ul>li [class*='item-box'] .tit-wrap .tit-news{font-size:18px;} .list-text520>ul>li [class*='item-box'] .txt-time{font-size:13px;} .list-text520 + .btns-wrap03{margin-top:20px;} } /* ---- ##list-text521 : [마이페이지] 내가 남긴 댓글 ---- */ .list-text521{display:block;box-sizing:border-box;width:100%;} .list-text521>ul{display:block;box-sizing:border-box;width:100%;} .list-text521>ul>li{display:block;box-sizing:border-box;width:100%;padding:20px 0;border-top:1px solid var(--ui-tag005);} .list-text521>ul>li [class*='item-box']{overflow:visible;display:block;box-sizing:border-box;width:100%;} .list-text521>ul>li [class*='item-box'] .reply-top{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;gap:4px;} .list-text521>ul>li [class*='item-box'] .reply-top .category{display:block;flex-shrink:0;width:max-content;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color023);} .list-text521>ul>li [class*='item-box'] .reply-top .tit01{overflow:hidden;display:block;width:100%;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color006);white-space:nowrap;text-overflow:ellipsis;} .list-text521>ul>li [class*='item-box'] .reply-content{display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box;width:100%;margin-top:8px;} .list-text521>ul>li [class*='item-box'] .reply-content .txt01{display:block;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color003);} .list-text521>ul>li [class*='item-box'] .reply-content .reply-option01{flex-shrink:0;} .list-text521>ul>li [class*='item-box'] .reply-bottom{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;margin-top:16px;} .list-text521>ul>li [class*='item-box'] .reply-bottom .btns-wrap61{flex-shrink:0;width:auto;} .list-text521>ul>li [class*='item-box'] .reply-bottom .txt-time{display:block;flex-shrink:0;font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-text521 + .btns-wrap03{margin-top:40px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text521>ul>li [class*='item-box'] .reply-top .category{font-size:12px;} .list-text521>ul>li [class*='item-box'] .reply-top .tit01{font-size:12px;} .list-text521>ul>li [class*='item-box'] .reply-content .txt01{font-size:14px;} .list-text521>ul>li [class*='item-box'] .reply-bottom .txt-time{font-size:13px;} .list-text521 + .btns-wrap03{margin-top:20px;} } /* ---- ##list-text522 : [마이페이지] 이용권쿠폰 ---- */ .list-text522{display:block;box-sizing:border-box;width:100%;} .list-text522>ul{display:block;box-sizing:border-box;width:100%;} .list-text522>ul>li{display:block;box-sizing:border-box;width:100%;padding:24px 0;border-top:1px solid var(--ui-tag005);} .list-text522>ul>li:last-of-type{padding-bottom:0;} .list-text522>ul>li [class*='item-box']{display:flex;justify-content:flex-start;align-items:flex-start;gap:24px;box-sizing:border-box;width:100%;} .list-text522>ul>li [class*='item-box'] .tag{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:61px;height:30px;border-radius:2px;background-color:var(--ui-tag009);font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color021);} .list-text522>ul>li [class*='item-box'] .tit01{display:block;width:100%;font-size:20px;line-height:1.5;font-weight:500;color:var(--font-color003);} .list-text522>ul>li [class*='item-box'] .txt01{display:block;position:relative;width:100%;margin-top:4px;padding-left:18px;box-sizing:border-box;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color005);} .list-text522>ul>li [class*='item-box'] .txt01::after{content:'';display:block;position:absolute;top:5px;left:0;z-index:1;width:14px;height:14px;background-image:var(--ui-bg093);background-size:14px 14px;background-position:center center;background-repeat:no-repeat;} .list-text522>ul>li [class*='item-box'] .txt-time{display:block;width:100%;margin-top:4px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color006);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text522>ul>li{padding:20px 0;} .list-text522>ul>li [class*='item-box'] .tag{width:58px;height:27px;font-size:13px;} .list-text522>ul>li [class*='item-box'] .tit01{font-size:18px;} .list-text522>ul>li [class*='item-box'] .txt01{font-size:14px;} .list-text522>ul>li [class*='item-box'] .txt01::after{margin-top:3.5px;} .list-text522>ul>li [class*='item-box'] .txt-time{font-size:13px;} } /* ---- ##list-text523 : [마이페이지] 스코어적립내역 리스트 ---- */ .list-text523{display:block;position:relative;box-sizing:border-box;width:100%;} .list-text523>.txt01{display:block;box-sizing:border-box;width:100%;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-text523>.list01{display:block;box-sizing:border-box;width:100%;margin-top:8px;border-top:1px solid var(--ui-tag003);} .list-text523>.list01>li{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:16px 20px;border-bottom:1px solid var(--ui-tag005);} .list-text523>.list01>li .info-box01{display:block;} .list-text523>.list01>li .info-box01 .tit01{display:block;box-sizing:border-box;font-size:18px;line-height:1.5;font-weight:500;color:var(--font-color003);} .list-text523>.list01>li .info-box01 .txt-time{display:block;box-sizing:border-box;font-size:13px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-text523>.list01>li .score{display:block;flex-shrink:0;box-sizing:border-box;width:max-content;font-size:18px;line-height:1.5;font-weight:600;color:var(--font-color003);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text523>.list01>li .info-box01 .tit01{font-size:16px;} .list-text523>.list01>li .score{font-size:16px;} } /* ---- ##list-text530 : [마이페이지] 혜택리스트 ---- */ .list-text530{display:block;box-sizing:border-box;width:100%;} .list-text530 .list01{overflow:hidden;display:flex;justify-content:flex-start;align-items:stretch;width:100%;gap:40px;flex-wrap:wrap;} .list-text530 .list01 li{position:relative;box-sizing:border-box;width:calc((100% - 80px)/3);padding:24px 30px 96px;border-radius:2px;background-color:var(--ui-tag001);} .list-text530 .list01 li .item-box01{display:block;box-sizing:border-box;width:100%;} .list-text530 .list01 li .item-box01 .tit-wrap{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;} .list-text530 .list01 li .item-box01 .tit-wrap .tit01{overflow:hidden;box-sizing:border-box;width:100%;height:auto;font-size:20px;font-weight:700;color:var(--font-color003);} .list-text530 .list01 li .item-box01 .img-con01{position:relative;box-sizing:border-box;width:100%;min-width:50px;margin-top:8px;} .list-text530 .list01 li .item-box01 .img-con01 .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;padding-top:66.67%;} .list-text530 .list01 li .item-box01 .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,.04);} .list-text530 .list01 li .item-box01 .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-text530 .list01 li .item-box01 .info-box01{display:block;box-sizing:border-box;width:100%;margin-top:16px;} .list-text530 .list01 li .item-box01 .info-box01 .tit01{overflow:hidden;display:block;box-sizing:border-box;width:100%;font-size:18px;font-weight:600;color:var(--font-color005);white-space:nowrap;text-overflow:ellipsis;} .list-text530 .list01 li .item-box01 .info-box01 .txt01{overflow:hidden;display:block;display:-webkit-box;box-sizing:border-box;width:100%;margin-top:4px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color005);} .list-text530 .list01 li .item-box01 .info-box01 .txt-time{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:16px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);gap:4px;} .list-text530 .list01 li .item-box01 .info-box01 .txt-time::before{content:"기간 : ";display:block;flex-shrink:0;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} .list-text530 .list01 li .item-box01 .btn-type300{position:absolute;left:30px;bottom:24px;width:calc(100% - 60px);} .list-text530+.paging-type01{margin-top:40px !important;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text530 .list01{gap:32px;} .list-text530 .list01 li{width:calc((100% - 64px)/3);padding:24px 24px 96px;} .list-text530 .list01 li .item-box01 .info-box01 .tit01{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;height:54px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .list-text530 .list01 li .item-box01 .info-box01 .txt01{overflow:hidden;box-sizing:border-box;width:100%;} .list-text530 .list01 li .item-box01 .btn-type300{width:calc(100% - 48px);left:24px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text530{width:calc(100% - 32px);margin: 0 16px;} .list-text530 .list01{gap:20px;} .list-text530 .list01 li{width:100%;padding:24px 24px 96px 24px;} .list-text530 .list01 li .item-box01 .info-box01 .txt-time{font-size:13px;} .list-text530 .list01 li .item-box01 .info-box01 .tit01{overflow:hidden;display:block;box-sizing:border-box;width:100%;font-size:16px;font-weight:600;color:var(--font-color005);white-space:nowrap;text-overflow:ellipsis;} .list-text530 .list01 li .item-box01 .info-box01 .txt01{font-size:14px;} .list-text530 .list01 li .item-box01 .btn-type300{width:calc(100% - 48px);left:24px;} } /* ---- ##list-text531 : [마이페이지] 쿠폰 ---- */ .list-text531{display:block;box-sizing:border-box;width:100%;} .list-text531 .list01{overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:40px;flex-wrap:wrap;} .list-text531 .list01 li{overflow:hidden;position:relative;box-sizing:border-box;width:calc((100% - 80px)/3);} .list-text531 .list01 li::before{content:'';display:block;position:absolute;left:-11px;bottom:45px;z-index:10;box-sizing:border-box;width:24px;height:24px;border:1px solid var(--ui-tag011);border-radius:24px;background-color:var(--ui-tag007);} .list-text531 .list01 li:hover::before{left:-12px;bottom:44px;border:2px solid var(--ui-tag030);} .list-text531 .list01 li::after{content:'';display:block;position:absolute;right:-11px;bottom:45px;z-index:10;box-sizing:border-box;width:24px;height:24px;border:1px solid var(--ui-tag011);border-radius:24px;background-color:var(--ui-tag007);} .list-text531 .list01 li:hover::after{right:-12px;bottom:44px;border:2px solid var(--ui-tag030);} .list-text531 .list01 li .item-box01{display:block;position:relative;box-sizing:border-box;width:100%;border:1px solid var(--ui-tag011);border-radius:2px;background-color:var(--ui-tag001);} .list-text531 .list01 li:hover .item-box01::before{content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid var(--ui-tag030);} .list-text531 .list01 li:hover .item-box01{padding:1px;border:0;} .list-text531 .list01 li .item-box01 .img-con01{position:relative;position:absolute;top:23px;left:24px;z-index:1;box-sizing:border-box;width:70px;height:70px;} .list-text531 .list01 li:hover .item-box01 .img-con01{top:24px;left:25px;} .list-text531 .list01 li .item-box01 .img-con01 .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;padding-top:100%;} .list-text531 .list01 li .item-box01 .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,.04);} .list-text531 .list01 li .item-box01 .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-text531 .list01 li .item-box01 .info-box01{display:block;position:relative;box-sizing:border-box;width:100%;padding:20px 24px 24px 114px;} .list-text531 .list01 li .item-box01 .info-box01 .btn-type215{position:absolute;top:20px;right:24px;z-index:1;height:13px;} .list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .txt01{font-size:12px;font-weight:500;} .list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .ir-txt01{position:absolute;top:0;left:0;z-index:-1;} .list-text531 .list01 li .item-box01 .info-box01 .name{overflow:hidden;display:block;box-sizing:border-box;width:100%;padding-right:50px;font-size:14px;line-height:1.5;font-weight:500;color:var(--font-color006);white-space:nowrap;text-overflow:ellipsis;} .list-text531 .list01 li .item-box01 .info-box01 .tit01{overflow:hidden;display:block;box-sizing:border-box;width:100%;margin-top:4px;font-size:20px;line-height:1.5;font-weight:700;color:var(--font-color003);white-space:nowrap;text-overflow:ellipsis;} .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;margin-top:4px;flex-wrap:wrap;gap:8px;} .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .d-day{display:flex;flex-shrink:0;justify-content:center;align-items:center;box-sizing:border-box;width:35px;height:21px;border-radius:2px;background-color:var(--ui-tag009);font-size:11px;line-height:1.5;font-weight:700;color:var(--font-color021);} .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-text531 .list01 li .btn-type217{height:57px;padding:0;} .list-text531+.paging-type01{margin-top:40px !important;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text531 .list01{gap:32px;} .list-text531 .list01 li{width:calc((100% - 64px)/3);} .list-text531 .list01 li .item-box01 .info-box01{padding: 20px 24px 24px 106px;} .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:13px;} .list-text531 .list01 li .btn-type217{height:48px;} .list-text531 .list01 li::before{bottom:36px;} .list-text531 .list01 li:hover::before{bottom:35px;} .list-text531 .list01 li::after{bottom:36px;} .list-text531 .list01 li:hover::after{bottom:35px;} .list-text531 .list01 li .item-box01 .img-con01{width:60px;height:60px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text531{width:calc(100% - 32px);margin:0 16px;} .list-text531 .list01{gap:20px;} .list-text531 .list01 li{width:100%;} .list-text531 .list01 li .item-box01 .info-box01 .name{font-size:12px;} .list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .txt01{font-size:11px;} .list-text531 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:13px;} .list-text531 .list01 li .btn-type217{height:53px;} .list-text531 .list01 li::before{bottom:41px;} .list-text531 .list01 li:hover::before{bottom:40px;} .list-text531 .list01 li::after{bottom:41px;} .list-text531 .list01 li:hover::after{bottom:40px;} } /* ---- ##list-text532 : [마이페이지] 이용권 ---- */ .list-text532{display:block;box-sizing:border-box;width:100%;} .list-text532 .list01{overflow:hidden;display:flex;justify-content:flex-start;align-items:stretch;width:100%;gap:40px;flex-wrap:wrap;} .list-text532 .list01 li{overflow:hidden;position:relative;box-sizing:border-box;width:calc((100% - 80px)/3);} .list-text532 .list01 li::before{content:'';display:block;position:absolute;top:-10px;right:62px;z-index:10;box-sizing:border-box;width:20px;height:20px;border:1px solid var(--ui-tag011);border-radius:20px;background-color:var(--ui-tag007);} .list-text532 .list01 li:hover::before{top:-10px;right:62px;border:2px solid var(--ui-tag030);} .list-text532 .list01 li::after{content:'';display:block;position:absolute;right:62px;bottom:-10px;z-index:10;box-sizing:border-box;width:20px;height:20px;border:1px solid var(--ui-tag011);border-radius:20px;background-color:var(--ui-tag007);} .list-text532 .list01 li:hover::after{right:62px;bottom:-10px;border:2px solid var(--ui-tag030);} .list-text532 .list01 li .item-box01{display:flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--ui-tag011);border-radius:2px;background-color:var(--ui-tag001);} .list-text532 .list01 li:hover .item-box01::before{content:'';display:block;position:absolute;top:0;left:0;z-index:0;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid var(--ui-tag030);border-radius:2px;} .list-text532 .list01 li:hover .item-box01{padding:1px;border:0;} .list-text532 .list01 li .item-box01 .info-box01{display:block;position:relative;box-sizing:border-box;width:calc(100% - 72px);padding:40px 30px;} .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;gap:4px;} .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24{display:block;flex-shrink:0;width:max-content;font-size:14px;line-height:1.5;font-weight:500;} .list-text532 .list01 li .item-box01 .info-box02{display:flex;flex-shrink:0;justify-content:center;align-items:center;box-sizing:border-box;width:72px;height:127px;border-left:1px dashed var(--ui-tag004);} .list-text532 .list01 li .item-box01 .info-box02 .btn-type041{height:100%;} .list-text532 .list01 li .item-box01 .info-box01 .tit01{overflow:hidden;display:block;box-sizing:border-box;width:auto;max-width:100%;font-size:20px;line-height:1.5;font-weight:700;color:var(--font-color003);white-space:nowrap;gap:4px;text-overflow:ellipsis;} .list-text532 .list01 li .item-box01 .info-box01 .txt01{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-top:4px;font-size:16px;line-height:1.5;font-weight:400;color:var(--font-color006);} .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;margin-top:12px;flex-wrap:wrap;gap:8px;} .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .d-day{display:flex;flex-shrink:0;justify-content:center;align-items:center;box-sizing:border-box;width:35px;height:21px;border-radius:2px;background-color:var(--ui-tag009);font-size:11px;line-height:1.5;font-weight:700;color:var(--font-color021);} .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-text532+.paging-type01{margin-top:40px !important;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text532 .list01{gap:32px;} .list-text532 .list01 li{width:calc((100% - 64px)/3);} .list-text532 .list01 li .item-box01{height:168px;} .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:14px;} .list-text532 .list01 li .item-box01 .info-box01{width:calc(100% - 64px);padding:17px 30px;} .list-text532 .list01 li .item-box01 .info-box02{width:64px;height:123px;} .list-text532 .list01 li .item-box01 .info-box01 .txt01{font-size:14px;} .list-text532 .list01 li::before{right:54px;} .list-text532 .list01 li:hover::before{right:54px;} .list-text532 .list01 li::after{right:54px;} .list-text532 .list01 li:hover::after{right:54px;} .list-text532 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24{font-size:13px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text532 .list01{gap:20px;} .list-text532 .list01 li{width:100%;} .list-text532 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:13px;} .list-text532 .list01 li .item-box01 .info-box01 .txt01{font-size:14px;} .list-text532 .list01 li::before{right:55px;} .list-text532 .list01 li:hover::before{right:55px;} .list-text532 .list01 li::after{right:55px;} .list-text532 .list01 li:hover::after{right:55px;} .list-text532 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24{font-size:13px;} .list-text532 .list01 li .item-box01 .info-box02{width:65px;} .list-text532 .list01 li .item-box01 .info-box01{width:calc(100% - 65px);} .list-text532{width:calc(100% - 32px);margin:0 16px;} } /* ---- ##list-text540 : [마이페이지] 유의사항 ---- */ .list-text540{display:block;box-sizing:border-box;width:100%;padding-top:32px;border-top:1px solid var(--ui-tag004);} .list-text540>.list01{display:block;box-sizing:border-box;width:100%;margin-top:16px;} .list-text540>.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-color006);} .list-text540>.list01>li::after{content:'';display:block;position:absolute;top:9px;left:0;z-index:1;width:2px;height:2px;border-radius:2px;background-color:var(--ui-tag010);} .list-text540>.list01>li + li{margin-top:8px;} .list-text540>.list01>li>.txt01{display:block;box-sizing:border-box;width:100%;padding-left:4px;font-size:14px;line-height:1.5;color:var(--font-color006);} .list-text540 .txt-type008>.txt01{font-size:16px;line-height:16px;color:var(--font-color006);} .list-text540 .txt-type008 .ico-type04-noti01{top:0;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-text540 .txt-type008>.txt01{font-size:14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text540 .txt-type008>.txt01{font-size:14px;} .list-text540>.list01>li{font-size:13px;} .list-text540>.list01>li>.txt01{font-size:13px;} .list-text540{width:calc(100% - 32px);margin:0 16px;} } /* ---- ##list-text541 : [마이페이지] 스코어적립기준 리스트 ---- */ .list-text541{display:block;box-sizing:border-box;width:100%;padding:24px 20px;background-color:var(--ui-tag007);} .list-text541>.tit01{display:block;box-sizing:border-box;width:100%;font-size:16px;line-height:1;font-weight:600;} .list-text541>.list01{overflow:hidden;display:block;box-sizing:border-box;width:100%;padding-top:4px;} .list-text541>.list01>li{display:block;float:left;position:relative;box-sizing:border-box;width:50%;margin-top:8px;padding-right:8px;padding-left:10px;text-align:left;} .list-text541>.list01>li::after{content:'';display:block;position:absolute;top:10.5px;left:0;z-index:1;width:2px;height:2px;border-radius:2px;background-color:var(--ui-tag010);} .list-text541>.list01>li .txt01{display:inline;box-sizing:border-box;max-width:100%;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color006);} .list-text541>.list01>li .score{display:inline;flex-shrink:0;box-sizing:border-box;width:max-content;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color006);word-break:keep-all;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text541>.list01>li{width:100%;} } /* ---- ##list-text542 : [마이페이지] 헬로아카이브 바로가기 ---- */ .list-text542{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:20px 30px;border-radius:2px;background-color:var(--ui-tag031);} .list-text542 .info-box01{display:flex;gap:16px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text542{justify-content:flex-start;flex-direction:column;align-items:flex-start;width:calc(100% - 32px);margin:0 16px;padding:16px 20px;gap:16px;} .list-text542 .info-box01{width:100%;} } /* ---- ##list-text543 : [마이페이지] 시간대별 소비패턴 ---- */ .list-text543{display:flex;align-items:center;} .list-text543>.list01{flex-shrink: 0;max-width:166px;} .list-text543>.list01>li{display:flex;} .list-text543>.list01>li>[class*='txt0']{font-size:15px;color:var(--font-color005);} .list-text543>.list01>li.active [class*='txt0']{flex-shrink:0;font-weight:700;color:var(--font-color003);} .list-text543>.list01>li .txt01{display:flex;flex-direction:row;align-items:center;} .list-text543>.list01>li .txt01:before{content:'';display:block;width:6px;height:6px;margin-right:4px;border-radius:6px;background-color:var(--ui-tag071);} .list-text543>.list01>li .txt02{margin-left:12px;} .list-text543>.list01>li:nth-child(2) .txt01:before{background-color:var(--ui-tag072);} .list-text543>.list01>li:nth-child(3) .txt01:before{background-color:var(--ui-tag073);} .list-text543>.list01>li:nth-child(4) .txt01:before{background-color:var(--ui-tag074);} /* ---- ##list-text600 : [Y뷰어] 최근 참여한 뉴스게임 ---- */ .list-text600{padding-bottom:80px/*27px*/;} .list-text600 [class*='list0']{display:flex;} .list-text600 [class*='list0'] .item-box01{flex-direction:column;box-sizing:border-box;width:200px;padding:16px 0 16px 12px;border-top:0;border-radius:2px;font-size:0;} .list-text600 [class*='list0'] li{width:200px;} .list-text600 .item-box01[class*='bnr0']{overflow:hidden;height:70px;background-size:48px 48px;} .list-text600 .item-box01.bnr01{padding-left:68px;background-color:var(--ui-tag076);background-image:var(--ui-bg106); background-position:12px 50%;background-repeat:no-repeat;} .list-text600 .item-box01.bnr02{padding-left:65px;background-color:var(--ui-tag077);background-image:var(--ui-bg107); background-position:12px 50%;background-repeat:no-repeat;} .list-text600 .item-box01.bnr03{padding-left:56px;background-color:var(--ui-tag078);background-image:var(--ui-bg108); background-position:12px 50%;background-repeat:no-repeat;} .list-text600 .item-box01.bnr04{padding-left:68px;background-color:var(--ui-tag079);background-image:var(--ui-bg109); background-position:12px 50%;background-repeat:no-repeat;} .list-text600 .item-box01 .txt01{width:100%;font-size:13px;line-height:1.5;font-weight:700;} .list-text600 .item-box01 .txt02{font-size:12px;line-height:1.5;} .list-text600 .item-box01.bnr01 .txt01, .list-text600 .item-box01.bnr01 .txt02{color:var(--font-color052);} .list-text600 .item-box01.bnr02 .txt01, .list-text600 .item-box01.bnr02 .txt02{color:var(--font-color023);} .list-text600 .item-box01.bnr03 .txt01, .list-text600 .item-box01.bnr03 .txt02{color:var(--font-color053);} .list-text600 .item-box01.bnr04 .txt01, .list-text600 .item-box01.bnr04 .txt02{color:var(--font-color054);} .list-text600 .item-box01 .txt02{opacity:.8;} .list-text600 .item-box01 .txt03{display:none;font-size:13px;line-height:1.3;font-weight:700;color:var(--font-color003);} .list-text600 .active .item-box01 .txt02{display:none;} .list-text600 .active .item-box01 .txt03{overflow:hidden;display:-webkit-box;margin-top:-5px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2} .list-text600 .active .item-box01 .txt01{opacity:0.8;font-size:12px;line-height:1.3;font-weight:500;} .list-text600 .active .item-box01{padding:10px 48px 0 12px;} .list-text600 .active .item-box01[class*='bnr0']{background-color:var(--ui-tag007);background-position:top 10px right 10px;} .list-text600 .active .item-box01.bnr01{background-size:28px auto;} .list-text600 .active .item-box01.bnr02{background-size:26px auto;} .list-text600 .active .item-box01.bnr03{background-size:23px auto;} .list-text600 .active .item-box01.bnr04{background-size:25px auto;} /* ---- ##list-text900 > .item-box01 : [기타] RSS 목록 ---- */ .list-text900{display:flex;box-sizing:border-box;margin-top:21px;flex-wrap:wrap;column-gap:40px;row-gap:40px;} .list-text900 li{width:calc(50% - 20px);} .list-text900 .item-box01{position:relative;box-sizing:border-box;width:100%;padding:24px 20px;background-color:var(--ui-tag009);text-align:left;} .list-text900 .item-box01 .btn-type308{position:absolute;top:20px;right:24px;min-height:32px;background-color:var(--ui-tag001);} .list-text900 .item-box01 .tit01{font-size:20px;color:var(--font-color003);} .list-text900 .item-box01>.txt01{display:block;margin-top:5px;font-size:16px;color:var(--font-color004);word-break: break-word;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-text900{padding:0 16px;column-gap:20px;row-gap:20px;} .list-text900 li{width:100%;} .list-text900 .item-box01 .tit01{font-size:16px;} .list-text900 .item-box01>.txt01{font-size:14px;} } /* ---- ##list-info$$ : 기사분류 목록 (탭 메뉴 스타일 제외) ---- */ /* 클래스명 범위 - list-info01 : 이슈>기사분류 목록 (텍스트) - list-info02 : 이슈>기사분류 목록 (아이콘) */ /* ---- ##list-info : 공통 ---- */ [class*='list-info']{} .list-info01{} .list-info02{} /* ---- ##관련뉴스 ---- */ /* font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700 클래스명범위 - list-related01 : [메인,서브] 톱뉴스 관련기사 - list-related02 : [메인] 통단, 기사목록 관련기사 */ /* ---- ##list-telated$$ : 관련뉴스 공통 ---- */ [class*='list-telated']{font-size:0;line-height:1;} [class*='list-telated'].medium a .tit01{font-weight:500;} [class*='list-telated'].semi a .tit01{font-weight:600;} [class*='list-telated'].bold a .tit01{font-weight:700;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ [class*='list-related'] a:hover .tit01{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* ---- ##list-related01 ---- */ .list-related01>li{position:relative;box-sizing:border-box;width:100%;margin-top:4px;margin-right:0;padding-left:12px;/*padding-top:4px;*/} .list-related01>li:before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:10px;background-color:var(--ui-tag006);} .list-related01 a{display:inline-block;max-width:100%;} .list-related01 a .tit01{overflow:hidden;display:-webkit-box;font-size:16px;line-height:1.5em;font-weight:400;color:var(--font-color005);letter-spacing:-0.5px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-related01>li:before{top:8px;} .list-related01 a .tit01{min-height:23px;font-size:15px;-webkit-line-clamp:1;} } /* ---- ##list-related02 : 톱기사 관련기사 ---- */ .list-related02{margin-top:16px;} .list-related02 li{position:relative;margin-top:12px;padding-top:13px;} .list-related02 li:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background-color: var(--ui-tag005);} .list-related02 li:first-of-type a{margin-top:0;padding-top:0;} .list-related02 li:first-of-type:after{display:none;} .list-related02 a{display:inline-block;position:relative;box-sizing:border-box;} .list-related02 .tit01{overflow:hidden;display:-webkit-box;width:100%;font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;/*text-overflow:ellipsis;white-space:nowrap;*/} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-related02 a:hover .tit01{opacity:0.5;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){ .list-related02 .tit01{font-size:18px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-related02 .tit01{font-size:16px;} } .list-text100{width:100%;} .list-text100 .list01>li{padding:60px 0;} .list-text100 .list01>li + li{border-top:1px solid var(--ui-tag005);} .list-text100 .list01 .box01{text-align:center;} .list-text100 .list01 .box01 .tit{font-size:36px;line-height:54px;font-weight:700;color:var(--font-color003);} .list-text100 .list01 .box01 .desc{margin-top:10px;font-size:24px;line-height:36px;font-weight:500;color:var(--font-color006);} .list-text100 .list01 .box01 .info-list{display:flex;justify-content:center;align-items:center;margin-top:10px;} .list-text100 .list01 .box01 .info-list>li{font-size:16px;line-height:24px;font-weight:500;color:var(--font-color005);} .list-text100 .list01 .box01 .info-list>li + li{position:relative;margin-left:7px;padding-left:9px;} .list-text100 .list01 .box01 .info-list>li + li:before{content:'';display:inline-block;position:absolute;top:5px;left:0;width:2px;height:14px;background-color:var(--ui-tag006);} .list-text100 .list01 .box02{margin-top:40px;} .list-text100 .list01 .box02:after{content:'';display:block;clear:both;} .list-text100 .list01 .box02 .img-wrap{float:left;width:208px;} .list-text100 .list01 .box02 .txt-wrap{float:right;width:calc(100% - 268px);font-size:18px;line-height:28px;color:var(--font-color003);} .list-text100 .list01 .box02 .txt-wrap>p + p{margin-top:30px;} /* 영문연감 */ .list-text100.style01 .list01 .box02 .img-wrap{width:226px;} .list-text100.style01 .list01 .box02 .txt-wrap{width:calc(100% - 286px);} /* =============== ####List type ======================== */ /* list-type (클래스범위) * 000~199 : 메인 기사 리스트 * 200~299 : 서브 공통 aside영역 기사 리스트 * 300~399 : 섹션 기사 리스트 * 400~439 : 비주얼뉴스 기사 리스트 * 440~469 : 테마 기사 리스트 * 470~499 : 뉴스플러스 기사 리스트 * 500~529 : 검색 기사 리스트 * 800 : 메인 통단(주말픽) * 900~901 : 포토,화보 뷰어 */ /* ---- ##list-type$$$ : 기본 공통 ---- */ /* item-box01 썸네일 기본 * item-box02 타이틀/텍스트만 있는 타입 또는 다른 형태의 변형 타입 * item-box0$.style01 : 썸네일 말풍선 스타일 */ [class*='list-type']{position:relative;} [class*='list-type'].show{display:block;} [class*='list-type'].hide{display:none;} [class*='list-type'] .ico-type02-play01{display:inline-flex;align-items:center;margin-top:4px;} [class*='list-type'] [class*='img-con'] .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;} [class*='list-type'] [class*='img-con'] .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 var(--ui-tag025);} /*[class*='list-type'] [class*='img-con'] .img:after{content:'';display:block;position:absolute;top:0;left:0;z-index:3;box-sizing:border-box;width:100%;height:100%;border:1px solid red;}*/ [class*='list-type'] [class*='img-con'] .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} [class*='list-type'] [class*='img-con'] .rowH img{width:auto;} [class*='list-type'] [class*='img-con'] [class*='label-box']{position:absolute;z-index:2;box-sizing:border-box;font-size:0;text-align:center;vertical-align:middle;} [class*='list-type'] [class*='img-con'] .label-box01{right:0;bottom:0;} [class*='list-type'] [class*='img-con'] .label-box02{top:0;left:0;} [class*='list-type'] [class*='img-con'] .label-box03{top:0;right:0;} [class*='list-type'] [class*='img-con'] .label-box04{left:0;bottom:0;} [class*='list-type'] [class*='tit-news'] [class*='title']{word-break:keep-all;} [class*='list-type'] [class*='item-box0']{position:relative;/*overflow:hidden;*/}/* 공유팝업때문에 속성 제어 삭제*/ [class*='list-type'] [class*='item-box0']>a{flex-shrink:0;width:100%;}/* 이미지 사이즈가 다 다를경우 ui깨짐으로 추가함 */ [class*='list-type'] [class*='item-box0'] [class*='img-con']{position:relative;z-index:0;box-sizing:border-box;min-width:50px;} [class*='list-type'] [class*='item-box0'] .img{width:100%;padding-top:66.67%;background-color:var(--ui-tag007);} [class*='list-type'] [class*='item-box0'] .news-con{box-sizing:border-box;width:100%;text-align:left;} [class*='list-type'] [class*='txt-tag2']:before{top:-3px;} [class*='list-type'] [class*='item-box0'] .date, [class*='list-type'] [class*='item-box0'] .txt-time{float:left;max-width:100%;} [class*='list-type'] [class*='item-box0'] .tit-wrap{overflow:hidden;display:table-cell;box-sizing:border-box;max-width:100%;height:auto;line-height:1.5em;}/* padding-right:20px; */ [class*='list-type'] [class*='item-box0'] .tit-wrap+.list-related01{padding-top:4px;} [class*='list-type'] [class*='item-box0'] .tit-news{display:-webkit-box;width:100%;min-height:27px;font-weight:500;text-align:left;-webkit-box-orient:vertical;text-overflow:ellipsis;} [class*='list-type'] [class*='item-box0'] .tit-news .title01{display:inline;line-height:1.5;} [class*='list-type'] [class*='item-box0'] .title01{color:var(--font-color003);} [class*='list-type'] [class*='item-box0'] .lead{overflow:hidden;display:-webkit-box;height:auto;max-height:46px;min-height:23px;margin-top:4px;font-size:15px;line-height:1.5em;color:var(--font-color006);-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* item-box0$.style01 : 썸네일 말풍선 스타일 */ [class*='list-type'] [class*='item-box0'].style01 .img:after{content:'';display:block;position:absolute;left:0;bottom:-16px;z-index:3;border-top:16px solid transparent;border-left:16px solid var(--ui-tag003);transform: rotate(-270deg);} [class*='list-type'] [class*='item-box0'].style01>[class*='img-con']{margin-bottom:20px;} [class*='list-type'] [class*='item-box0'].style01>[class*='img-con'] .img{overflow:visible;} [class*='list-type'] .swiper-notification{position:absolute;top:0;left:0;} /* item-box0$.style01 > img-none01 : 말풍선 노이미지 */ [class*='list-type'] [class*='item-box0'].style01 .img-none01 .img:after{display:none;} [class*='list-type'] [class*='item-box0'].style01 .img-none01:before{background:none;} /* item-box> tooltip-type01.tlp-share01 스타일*/ [class*='list-type'] .btns-wrap01{float:right;position:static;width:76px;margin-top:8px;} [class*='list-type'] .btns-wrap01 [class*='tooltip-type0']{position:static;} [class*='item-box0'] .btns-wrap01 .tlp-content{/*top:30px;right:30px;bottom:auto;*/top:50%;left:50%;min-width:290px;transform:translate(-50%, -50%);} .swiper-area [class*='item-box0'] .btns-wrap01{position:static;} .swiper-area [class*='item-box0'] .btns-wrap01 .tlp-content{top:50%;left:50%;transform:translate(-50%, -50%);} .swiper-area .swiper-slide.active{z-index:100;} /* 리스트 내 공유,북마크 아이콘 크기 */ /*[class*='list-type'] .btn-type001{z-index:1;height:27px;background-size:18px auto;}*/ /*[class*='list-type'] .btn-type001.share01{background-image:var(--ui-bg114);}*/ /*[class*='list-type'] .btn-type001.scrap01{background-image:var(--ui-bg115);}*/ /*[class*='list-type'] .btn-type001.active.scrap01{background-image:var(--ui-bg116);} 기존소스 버전11/22배포전 */ [class*='list-type'] .btn-type001{height:27px;} [class*='list-type'] .btn-type001:before{z-index:1;height:26px;background-size:18px auto;} [class*='list-type'] .btn-type001.share01:before{background-image:var(--ui-bg114);} [class*='list-type'] .btn-type001.scrap01:before{background-image:var(--ui-bg115);} [class*='list-type'] .btn-type001.active.scrap01:before{background-image:var(--ui-bg116);} /* 이미지 로드 애니메이션 */ [class*='visual-type'] [class*='img-con'] .img img, [class*='list-type'] [class*='img-con'] .img img, [class*='news-type'] [class*='img-con'] .img img{opacity:0;/*transition:opacity 0.3s ease-in-out;*/} [class*='visual-type'] [class*='img-con'] .img.show img, [class*='list-type'] [class*='img-con'] .img.show img, [class*='news-type'] [class*='img-con'] .img.show img{opacity:1;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ /*[class*='list-type'] [class*='item-box0'] a:hover .title01{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}*/ [class*='list-type'] [class*='item-box0'] a.img:hover{opacity:1;text-decoration-line:none;} [class*='list-type'] [class*='item-box0'] a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} [class*='list-type'] [class*='item-box0'] a.txt-tag41:hover{opacity:1;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} [class*='list-type'] [class*='item-box0'] [class*='title-type']>a:hover{opacity:1;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:none;text-decoration-color:currentColor;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ [class*='list-type'] [class*='item-box0'] .lead{max-height:69px;min-height:23px;-webkit-line-clamp:3;} [class*='list-type'] [class*='item-box0'].style01 .img:after{bottom:-14px;border-top-width:14px;border-left-width:14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='list-type'] [class*='item-box0'] .lead{display:none;} [class*='list-type'] .list01{scroll-behavior:smooth;} /* 스크롤 smooth효과 */ [class*='list-type'] [class*='item-box0'] .tit-wrap+.list-related01{padding-top:8px;} [class*='list-type'] .btns-wrap01{position:static;} [class*='item-box0'] .btns-wrap01 .tlp-content{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%, -50%);} .swiper-area [class*='item-box0'] .btns-wrap01 .tlp-content{left:0;bottom:auto;transform:translateY(-50%);} .swiper-area li.swiper-slide:last-child [class*='item-box0'] .btns-wrap01 .tlp-content{left:auto;right:0;} [class*='list-type'] [class*='item-box0'].style01 .img:after{bottom:-15px;border-top-width:16px;border-left-width:16px;} [class*='list-type'] [class*='item-box0'].style01 .img img{z-index:4;} } /* ---- ##tlp-copy : 본문 url복사 알럿 메세지 ---- */ .tlp-copy{display:none;justify-content:center;align-items:center;position:absolute;left:0;bottom:0;width:100%;height:100%;border-radius:6px;background-color:var(--ui-tag001);} .tlp-copy.active{display:flex;} .tlp-copy>.txt01{display:inline-block;font-size:14px;} /* ---- ##list-type$$$.number0$ : 넘버링 공통 ---- */ /* number01 : 리스트 숫자 위치(썸네일과 제목 중간) * number02 : 리스트 숫자 위치(리스트 맨 앞) */ [class*='list-type'][class*='number0'] [class*='list']{counter-reset:number01;list-style-type:none;} [class*='list-type'][class*='number0'] .item-box01 .news-con:before{content:counter(number01,decimal);display:inline-block;clear:both;position:absolute;top:-2.5px;left:0;box-sizing:border-box;font-size:20px;line-height:1.5;font-weight:700;color:var(--font-color004);counter-increment:number01;} [class*='list-type'][class*='number0'] [class*='list'] li:first-of-type .news-con:before{color:var(--font-color021);} [class*='list-type'][class*='number0'] li:first-of-type [class*='item-box']{margin-top:0;} [class*='list-type'].number01 .item-box01 .news-con:before{} [class*='list-type'].number01 .item-box01 .news-con{padding-left:39px;} [class*='list-type'].number01 .item-box01 .news-con:before{width:39px;height:26px;padding:0 12px;} [class*='list-type'].number02 .news-con{padding-left:24px;} [class*='list-type'].number02 .item-box01 .news-con:before{top:-3px;left:0;} [class*='list-type'] [class*='img-con'] a{display:block;} [class*='list-type'].number02 [class*='list'] li:first-of-type .news-con:before{top:-3px;} [class*='list-type'].number02 .item-box01{flex-direction:row-reverse;} [class*='list-type'].number02 [class*='img-con']{float:right;width:90px;margin-left:12px;} [class*='list-type'] .lead:empty{display:none;} [class*='list-type'] [class*='img-con'] .overlay01{content:'';opacity:0;display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:opacity 0.3s ease-in-out;} [class*='list-type'] [class*='img-con'] .ico-type91-video01{opacity:0;display:block;position:absolute;top:50%;left:50%;z-index:3;width:80px;height:80px;transform:translate(-50%, -50%);transition:opacity 0.3s ease-in-out;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ /* ##list-type$$$>.overlay, ico-type91-video : 영상 타입 공통 */ [class*='list-type'] [class*='img-con'] a:hover .overlay01{opacity:1;z-index:2;} [class*='list-type'] [class*='img-con'] a:hover .ico-type91-video01{opacity:1;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='list-type'][class*='number0'] .item-box01 .news-con:before{width:31px;padding:0 8px;font-size:20px;} [class*='list-type'].number02 .news-con:before{padding:0 !important;text-align:left;} [class*='list-type'] .overlay01, [class*='list-type'] .ico-type91-video01{display:none;} } /* ---- ##list-type001 : [메인] 주요뉴스 타입01 ---- */ .list-type001{display:flex;column-gap:40px;} .list-type001 .label-box04{left:8px !important;bottom:8px !important;} .list-type001 [class*='txt-tag2']{margin-right:8px;line-height:1.3;} .list-type001 li{overflow:hidden;clear:both;} .list-type001 .list-related01 a .tit01{max-height:48px;-webkit-line-clamp:2;} .list-type001 .list01{flex-shrink:0;width:270px;} .list-type001 .list01 .item-box01{padding:14px 0;} .list-type001 .list01 li:first-child .item-box01{padding-top:0;} .list-type001 .list01 .item-box01 [class*='img-con']{width:270px;height:180px;margin-bottom:8px;} .list-type001 .tit-wrap{color:var(--font-color003);} .list-type001 [class*='item-box0']{font-size:18px;} .list-type001 [class*='item-box0'] .tit-news{font-weight:600;} .list-type001 .title01{font-weight:600;letter-spacing:-0.5px;} .list-type001 .news-con{display:block;} .list-type001 .list02{width:580px;} .list-type001 .list02 li.style01 .item-box02{border-top:1px solid var(--ui-tag005);} .list-type001 .list02 li:last-child{border-bottom:none;} .list-type001 .list02 li:first-child .item-box01{margin-top:0;} .list-type001 .list02 .item-box01{display:flex;flex-direction:row-reverse;height:auto;padding:20px 0 0;} .list-type001 .list02 li:first-child .item-box01{height:auto;padding-top:0;} .list-type001 .list02 .item-box01 [class*='img-con']{flex-shrink:0;float:right;width:148px;height:98px;margin-left:12px;} .list-type001 .list02 .item-box02{margin-top:12px;padding:10px 0 0;} .list-type001 .style01 + .style01 .item-box02{margin-top:12px;padding-top:13px;} .list-type001 .list02 .item-box02+.list-related01{padding-top:-8px;padding-bottom:12px;} .list-type001 .list02 .item-box02 .tit-news{min-height:27px;} .list-type001 .list02 .list-related01 a .tit01{-webkit-line-clamp:2;} /* 말머리 */ .list-type001 [class*='txt-tag2']:before, .list-type002 [class*='txt-tag2']:before{width:auto;min-width:auto;border-radius:2px;font-size:14px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type001 [class*='item-box0'] a:hover, .list-type002 [class*='item-box0'] a:hover{opacity:1; text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:none;text-decoration-color:currentColor;} .list-type001 [class*='item-box0'] a:hover .title01, .list-type002 [class*='item-box0'] a:hover .title01{opacity:0.5; 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){ .list-type001{column-gap:32px;} .list-type001 [class*='txt-tag2']{line-height:1.3;} .list-type001 .list01{flex-shrink:0;width:221px;} .list-type001 .list01 .item-box01{padding:20px 0;} .list-type001 .list01 li:first-child .item-box01{padding-top:0;} .list-type001 .list01 .item-box01 [class*='img-con']{width:221px;height:147px;} .list-type001 .list01 .item-box01 .lead{-webkit-line-clamp:3;} .list-type001 .list02{width:474px;} .list-type001 .list02 .item-box01 [class*='img-con']{width:132px;height:88px;margin-left:12px;padding-left:0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type001{flex-direction:column;} .list-type001 [class*='img-con'] + .news-con .tit-wrap{height:80px;vertical-align:middle;} .list-type001 [class*='img-con'] + .news-con .tit-wrap .tit-news{max-height:initial !important;-webkit-line-clamp:initial !important;} .list-type001 [class*='txt-tag2']{line-height:1.3;} .list-type001 [class*='txt-tag2']:before{padding-top:3px;padding-bottom:3px;font-size:14px;} .list-type001 .tit-news{min-height:24px;font-size:18px;} .list-type001 li.style01 [class*='item-box0'] .tit-news{max-height:27px;-webkit-line-clamp:1;min-height:27px;} .list-type001 li.style01 [class*='item-box0'] .title01{-webkit-line-clamp:1;} .list-type001 [class*='item-box0'] .list-related01{clear:both;padding-top:4px;} .list-type001 .list-related01 a .tit01{overflow:hidden;display:block;max-height:23px;white-space:nowrap;-webkit-line-clamp:1 !important;text-overflow:ellipsis;} /* 주요기사 리스트01 */ .list-type001 .list01{display:block;width:100%;padding-right:0;flex-wrap:nowrap;} .list-type001 .list01>li{clear:both;box-sizing:border-box;margin-top:16px;padding-top:17px;border-top:1px solid var(--ui-tag005);} .list-type001 .list01 .item-box01{overflow:hidden;padding:0;} .list-type001 .list01 [class*='item-box0'] .tit-news{max-height:78px;min-height:24px;-webkit-line-clamp:2;} .list-type001 .list01 .item-box01 [class*='img-con']{float:right;width:120px;max-width:100%;height:auto;margin-bottom:0;margin-left:12px;} .list-type001 .list01 .label-box04{left:6px !important;bottom:6px !important;} /* 주요기사 리스트01의 li 첫번째 모듈 */ .list-type001 .list01>li:first-of-type{margin-top:0;padding-top:0;border-top:none;} .list-type001 .list01>li:first-of-type .item-box01 [class*='img-con']{float:none;width:100%;margin:0 0 12px 0;} .list-type001 .list01>li:first-of-type [class*='item-box0'] .img{padding-top:58.31%;} .list-type001 .list01>li:first-of-type [class*='img-con'] + .news-con .tit-wrap{height:auto;} .list-type001 .list01>li:first-of-type .tit-news .title01{font-size:22px;line-height:1.3;font-weight:700;} .list-type001 .list01>li:first-of-type [class*='txt-tag2']{margin-right:8px;line-height:1.6;} .list-type001 .list01>li:first-of-type [class*='txt-tag2']:before{top:3px;padding:4px 6px;font-size:15px !important;} .list-type001 .list01>li:first-of-type .label-box04{left:8px !important;bottom:6px !important;} /* 주요기사 리스트02 */ .list-type001 .list02{display:block;width:100%;min-width:auto;margin-top:16px;border-top:1px solid var(--ui-tag005);} .list-type001 .list02 li:first-child .item-box01{padding-top:12px;} .list-type001 .list02 li:first-of-type .item-box01{border-top:none;} .list-type001 .list02 .item-box01{overflow:hidden;display:block;margin-top:12px;padding:13px 0 0;border-top: 1px solid var(--ui-tag005);} .list-type001 .list02 .item-box02 .tit-news{min-height:initial;font-size:16px;} .list-type001 .list02 .item-box02 .title01{line-height:inherit;} .list-type001 .list02 .item-box02 [class*='txt-tag2']:before{padding:3px 5px;} .list-type001 .list02 .item-box01 [class*='img-con']{width:120px;height:80px;margin-left:12px;padding-left:0;} .list-type001 .list02 .list-related01{clear:both;} .list-type001 .list02 li .item-box01 .list-related01 a .tit01{width:100%;} .list-type001 .list02 .label-box04{left:6px !important;bottom:6px !important;} } /* ---- ##list-type002 : [메인] 주요뉴스 영역4 타입02 ---- */ /*.list-type002{display:flex;width:calc(100% + 40px);max-width:930px;}*/ .list-type002{display:flex;column-gap:40px;width:890px;} .list-type002 [class*='item-box0'] .title01{font-weight:600;letter-spacing:-0.5px;} .list-type002 [class*='list0']{width:calc(50% - 20px);} .list-type002 [class*='item-box0'] .tit-news{font-size:18px;} .list-type002 .label-box04{left:8px !important;bottom:8px !important;} .list-type002 .list01{display:flex;flex-direction:column;} .list-type002 [class*='list']>li:first-child{padding-top:0;} .list-type002 .list01>li{flex-shrink:0;width:100%;} .list-type002 .list01>li{padding-top:20px;} .list-type002 .list01>li [class*='txt-tag2']{margin-right:8px;} .list-type002 .list02>li{box-sizing:border-box;margin-top:16px;padding-top:17px;border-top:1px solid var(--ui-tag005);} .list-type002 .list02>li:first-of-type{border-top:none;} .list-type002 .list02>li [class*='txt-tag2']{margin-right:8px;} .list-type002 [class*='list0'] li:first-of-type{margin-top:0;} .list-type002 .list01 .item-box01 [class*='img-con']{width:134px;height:90px;margin-right:12px;margin-bottom:8px;} .list-type002 .list01 [class*='item-box0'] [class*='img-con']{float:left;} .list-type002 .news-con{display:table-cell;} .list-type002 .list01 .list-related01 li{padding-left:12px;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type002{max-width:726px;column-gap:32px;} .list-type002 [class*='list0']{width:calc(50% - 16px);} .list-type002 [class*='item-box0'] .title01{font-size:16px;} .list-type002 .list01 .item-box01 [class*='img-con']{width:120px;height:80px;margin-right:12px;margin-bottom:4px;} .list-type002 .list-related01{clear:both;} .list-type002 .list01 .list-related01{margin-left:0;padding-top:4px;} .list-type002 .list-related01 a .tit01{-webkit-line-clamp:2;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ /*.list-type002{display:none;}*/ .list-type002{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:0 16px;} .list-type002 .news-con{display:block !important;} .list-type002 .label-box04{left:6px !important;bottom:6px !important;} .list-type002 [class*='txt-tag2']{line-height:1.3;} .list-type002 [class*='txt-tag2']:before{padding-top:3px;padding-bottom:3px;font-size:14px;} .list-type002 .list-related01{clear:both;font-size:15px;} .list-type002 .list01 .list-related01{margin-left:0;padding-top:0;} .list-type002 .list02>li:first-of-type{margin-top:16px;padding-top:17px;border-top:1px solid var(--ui-tag005);} .list-type002 [class*='list0']{width:100%;margin:0;} .list-type002 [class*='list0']>li{box-sizing:border-box;margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type002 .list01>li:first-of-type{margin-top:0;padding-top:0;border:none;} .list-type002 .list01 .item-box01 [class*='img-con']{float:right;width:120px;height:80px;margin:0 0 0 12px;} .list-type002 .list01 [class*='item-box0'] .tit-news{max-height:48px;min-height:24px;font-size:18px;line-height:1.5;-webkit-line-clamp:2;} .list-type002 .list02 [class*='item-box0'] .tit-news{max-height:27px;font-size:16px;-webkit-line-clamp:1;} .list-type002 .list02 [class*='item-box0'] .title01{line-height:1.7;} .list-type002 [class*='img-con'] + .news-con .tit-wrap{height:80px;vertical-align:middle;} .list-type002 [class*='img-con'] + .news-con .tit-wrap .tit-news{max-height:initial !important;-webkit-line-clamp:initial !important;} } /* ---- ##list-type010 : [메인] 핫뉴스 ---- */ /* 수동 말줄임 적용시 ellip$$ 사용 -- 1024 이상일때만 적용하면 됨 (1023 이하부터는 운영 모바일 그대로 유지) -- 말줄임 3줄 : 기본 (클래스없음) -- 말줄임 2줄 : ellip02 (.list-type010.ellip02) */ .list-type010 .list01 li, .list-type010 .list02 li, .list-type010 .list03 li{margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type010 [class*='list0'] .item-box01 [class*='img-con']{flex-shrink:0;float:right;width:72px;height:48px;margin-left:12px;} .list-type010 [class*='item-box0'] .tit-news{max-height:72px;min-height:24px;font-size:16px;-webkit-line-clamp:3;will-change:opacity;} .list-type010 .list01 li:nth-of-type(1){margin-top:0;padding-top:0;border-top:none;} .list-type010 [class*='item-box0']{overflow:hidden;} .list-type010 .img-none01{display:none;} /* 일반형/대형 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ .list-type010.ellip02 [class*='item-box0'] .tit-news{-webkit-line-clamp:2;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type010 .item-box01 .tit-news{max-height:72px;min-height:24px;-webkit-line-clamp:3;} .list-type010 .list03 .item-box01 [class*='img-con']{margin-left:12px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type010{position:relative;width:100%;max-width:100%;} .list-type010 [class*='list0'] .item-box01 [class*='img-con']{margin-left:0;} .list-type010 .img-none01{display:block;} .list-type010 .img-none01+.news-con .tit-wrap{height:auto !important;} .list-type010 .list03 .img-none01{display:none;} .list-type010 .list03 .item-box01 [class*='img-con']{margin-left:12px;} .list-type010 .item-box01 .tit-news{max-height:48px;min-height:24px;-webkit-line-clamp:2;font-weight:600 !important;} .list-type010 .list01, .list-type010 .list02, .list-type010 .list03{width:calc(50% - 16px);} .list-type010 .list01, .list-type010 .list02{display:flex;justify-content:space-between;box-sizing:border-box;} .list-type010 .list01 li, .list-type010 .list02 li{width:calc(50% - 8px);} .list-type010 .list01 li:nth-of-type(1), .list-type010 .list01 li:nth-of-type(2), .list-type010 .list03 li:nth-of-type(1){margin-top:0;padding-top:0;border-top:none;} .list-type010 .list01 .item-box01 [class*='img-con'], .list-type010 .list02 .item-box01 [class*='img-con']{width:100%;height:auto;margin-bottom:8px;} /* 개별제어 */ .list-type010 .list02 li{padding:24px 0 0 0;border-top:none;} .list-type010 .list03{position:absolute;top:0;right:0;box-sizing:border-box;padding-right:0;} .list-type010 .list03 li{margin-top:16px;padding-top:17px;} .list-type010 .list03 li:first-of-type{padding-top:0;border-top:0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type010{max-width:100%;} .list-type010 .tit-news{min-height:24px;font-size:16px;font-weight:600 !important;} .list-type010 .item-box01 .tit-news{max-height:48px;min-height:24px;-webkit-line-clamp:2;} .list-type010 .img-none01+.news-con .tit-wrap{height:auto !important;} .list-type010 .list01{display:flex;justify-content:space-between;box-sizing:border-box;} .list-type010 .list01 li{width:calc(50% - 8px);margin-top:0;padding-top:0;border-top:none;} .list-type010 .list01 .item-box01{display:flex;flex-direction:column;} .list-type010 .list01 .item-box01 [class*='img-con']{width:100%;max-width:100%;height:auto;margin-bottom:8px;margin-left:0;} .list-type010 .list01 .img-none01{display:block;} .list-type010 .list02, .list-type010 .list03{display:block;position:relative;right:auto;box-sizing:border-box;width:100%;padding-right:0;} .list-type010 .list02 li, .list-type010 .list03 li{/*min-height:69px;*/margin:12px 0 0;border-top:1px solid var(--ui-tag005);} .list-type010 .list02 li:first-of-type, .list-type010 .list03 li:first-of-type{padding-top:16px;border-top:1px solid var(--ui-tag005);} .list-type010 .list02 .item-box01 [class*='img-con'], .list-type010 .list03 .item-box01 [class*='img-con']{width:84px;height:56px;margin-bottom:0;} .list-type010 .list02 .img-none01, .list-type010 .list03 .img-none01{display:none;} .list-type010 .list02{margin-top:16px;} /* 썸네일 기준 타이틀 정렬 */ .list-type010 .list02 [class*='img-con'] + .news-con .tit-wrap, .list-type010 .list03 [class*='img-con'] + .news-con .tit-wrap{height:56px;vertical-align:middle;} } /* ---- ##list-type020 : [메인] 연예, 스포츠의 형태 리스트 모두 ---- */ .list-type020 [class*='list0']{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;} .list-type020 [class*='list0'] li{flex-shrink:0;box-sizing:border-box;width:calc(50% - 20px);} .list-type020 [class*='list0'] [class*='item-box0']{width:100%;} .list-type020 .tit-news{max-height:48px;min-height:24px;} .list-type020 .list01 .item-box01 [class*='img-con']{width:100%;margin-bottom:8px;} .list-type020 .list01 .item-box01 .tit-news{height:48px;font-size:16px;font-weight:500;-webkit-line-clamp:2;} .list-type020 .list02 li .item-box01{margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type020 .list02 .item-box01 [class*='img-con']{float:right;width:92px;height:61px;margin-left:12px;} .list-type020 .list02 .item-box01 .tit-news{height:auto;max-height:initial;font-size:16px;} .list-type020 .list02 .item-box01 .tit-news .title01{font-size:15px;} .list-type020 [class*='item-box0']{overflow:hidden;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type020 [class*='list0'] li{width:calc(50% - 16px);} .list-type020 .list01{padding-bottom:8px;} .list-type020 .list02 .item-box01 [class*='img-con']{width:72px;height:48px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type020 [class*='list0'] li{width:calc(50% - 8px);} .list-type020 .tit-news{min-height:24px;font-size:16px;} .list-type020 .tit-news .title01{font-weight:600;} .list-type020 .list02{flex-direction:column;} .list-type020 .list02 li{width:100%;} .list-type020 .list02 li [class*='img-con']{display:none;} .list-type020 .list02 li .item-box01{margin-top:12px;padding-top:13px;} .list-type020 .list02 li:first-of-type .item-box01{margin-top:16px;} .list-type020 .list02 .item-box01 .tit-news{height:23px;min-height:auto;-webkit-line-clamp:1;} .list-type020 .list02 .item-box01 .tit-news .title01{font-size:16px;} } /* ---- ##list-type021 : [메인] 놓치면 안 될 영상 뉴스 ---- */ .list-type021{} .list-type021 .list01{display:flex;width:calc(100% + 20px);} .list-type021 .list01 li{box-sizing:border-box;width:33.3%;} .list-type021 [class*='img-con']{margin-bottom:8px;} .list-type021 .tit-news{max-height:54px;-webkit-line-clamp:2;font-size:16px;font-weight:600;} .list-type021 [class*='item-box0'] .img{padding-top:56.15%;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type021{overflow-x:auto;} .list-type021 [class*='btn-type007-']{display:none;} .list-type021 .list01{display:flex;width:auto;} .list-type021 .list01 li{flex-shrink:0;box-sizing:border-box;width:236px !important;padding-right:16px;} .list-type021 .tit-news .title01{min-height:24px;font-size:16px;line-height:1.5;font-weight:600;} } /* ---- ##list-type022 : [메인] 톡톡 지방자치 통통 지역경제, 책/서평---- */ .list-type022{} .list-type022 [class*='list0']{} .list-type022 [class*='list0'] li{margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type022 [class*='list0'] li:first-of-type{margin-top:0;padding-top:0;border-top:0;} .list-type022 [class*='img-con']{float:right;width:92px;margin-left:12px;} .list-type022 [class*='img-con'] .img{background-color:var(--ui-tag007);} .list-type022 [class*='list0'] li:nth-of-type(2) [class*='img-con'].img-none01{display:none;} .list-type022 .tit-news{max-height:54px;-webkit-line-clamp:2;font-size:15px;} /* 1번째 리스트 */ .list-type022 [class*='list0'] li:first-of-type .tit-news .title01{font-weight:500;} .list-type022 [class*='list0'] li:first-of-type [class*='img-con']{width:100%;margin:0 0 8px 0;} .list-type022 [class*='list0'] li:first-of-type .tit-news{min-height:48px;font-size:16px;} /* 2번째 리스트 */ .list-type022 [class*='list0'] li:nth-of-type(2) .tit-news{-webkit-line-clamp:initial;max-height:initial;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type022 [class*='img-con']{width:72px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type022 [class*='list0']{display:flex;width:calc(100% + 16px);} .list-type022 [class*='list0'] li{flex-shrink:0;box-sizing:border-box;width:50%;margin-top:0;padding:0 16px 0 0;border-top:0;} .list-type022 [class*='list0'] li [class*='img-con']{width:100%;margin:0 0 8px 0;} .list-type022 [class*='list0'] li:nth-of-type(2) [class*='img-con'].img-none01{display:block;} .list-type022 .tit-news{min-height:24px;font-size:15px;} .list-type022 [class*='list0'] li .tit-news .title01{font-size:16px;font-weight:600 !important;} .list-type022 [class*='list0'] li:nth-of-type(2) .tit-news{-webkit-line-clamp:2;} .list-type022 [class*='list0'] li:first-of-type .tit-news{min-height:auto;} } /* ---- ##list-type03$ : [메인] 공통 ---- */ /* list-type030 : [메인] 마켓톺 * list-type031 : 연합 브랜드 뉴스 * list-type032 : youtube 채널 */ /* ---- ##list-type030 : [메인] 마켓+(스와이퍼) ---- */ /*.list-type030 .list01{overflow:hidden;}*/ .list-type030 [class*='img-con']{float:none;} .list-type030 .news-con{padding:12px 16px;background-color:var(--ui-tag007);color:var(--font-color003);} .list-type030 .news-con{height:76px;} .list-type030 .tit-news{-webkit-line-clamp:2;} .list-type030 .tit-news .title01{font-size:16px;font-weight:500;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type030 .tit-news:hover{opacity:1 !important;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type030 .news-con{height:100px;} .list-type030 .tit-news{-webkit-line-clamp:3;max-height:80px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type030 .item-box01{background-color:var(--ui-tag007);;} .list-type030 [class*='img-con']{float:left;width:163px;height:108px;} .list-type030 .news-con{display:table-cell;height:108px;padding-left:16px;vertical-align:middle;} .list-type030 .tit-news{-webkit-line-clamp:3;} .list-type030 .tit-news .title01{font-size:16px;font-weight:600;} .list-type030 .btns-wrap11{right:0 !important;} } /* ---- ##list-type031 : [메인] 연합 브랜드 뉴스 ---- */ .list-type031 .list01{width:calc(100% + 40px);} .list-type031 .list01:after{content:'';display:block;clear:both;} .list-type031 li{float:left;box-sizing:border-box;width:25%;padding-right:40px;} .list-type031 .item-box01{overflow:hidden;position:relative;box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.15);} .list-type031 .item-box01:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--ui-tag011);} .list-type031 [class*='img-con']{position:relative;} .list-type031 [class*='img-con']:before{content:'';display:block;position:absolute;left:0;bottom:0;z-index:2;width:100%;height:100%;background:linear-gradient(180deg, rgba(17, 17, 17, 0.00) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1B1D1F 98.89%, #111 98.89%);} .list-type031 [class*='item-box0'].style01 [class*='img-con']:before{z-index:5;} .list-type031 .news-con{position:relative;padding:0 16px 16px;} .list-type031 .tit-wrap{display:inline-flex !important;flex-direction:column;width:100%;} .list-type031 .tit01{display:inline-block;max-width:100%;} .list-type031 .tit-news{height:48px;max-height:initial;margin-top:12px;font-size:16px;-webkit-line-clamp:2;} .list-type031 .txt-type003{width:calc(100% - 65px);} .list-type031 .txt-type003>.txt01{font-weight:500;} .list-type031 .btn-type411-toggle{position:absolute;top:-3px;right:16px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type031 .tit-news:hover{opacity:1 !important;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type031 .list01{width:calc(100% + 32px);} .list-type031 li{padding-right:32px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type031{padding:0 16px;} .list-type031 .list01{width:calc(100% + 16px);margin-top:-16px;} .list-type031 li{width:50%;margin-top:16px;padding-right:16px;} .list-type031 .news-con{padding:0 16px 12px;} .list-type031 .tit-news{height:69px;max-height:69px;min-height:24px;-webkit-line-clamp:3;} .list-type031 .tit-news .title01{font-size:15px;font-weight:600;} } /* ---- ##list-type032 : [메인] youtube 채널 ---- */ .list-type032{overflow:hidden;position:relative;left:-10px;box-sizing:border-box;width:calc(100% + 20px);padding:0 10px;} .list-type032 .swiper-area{overflow:visible;} .list-type032 .list01{display:flex;align-items:stretch;padding-bottom:15px;} .list-type032 li{flex-shrink:0;box-sizing:border-box;width:25%;height:100%;} .list-type032 .item-box01{position:relative;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);background-color:var(--ui-tag001);} .list-type032 .item-box01:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--ui-tag011);} .list-type032 [class*='img-con']{position:relative;z-index:1 !important;} .list-type032 [class*='item-box0'] .img{padding-top:56.15%;} .list-type032 [class*='img-con'] .img img{top:50%;height:auto;transform:translate(-50%, -50%);} .list-type032 li [class*='img-con']:before{content:'';display:block;position:absolute;left:0px;bottom:-16px;z-index:4;box-sizing:border-box;border-top:16px solid transparent;border-left:16px solid var(--ui-tag003);transform: rotate(-270deg);} .list-type032 [class*='item-box0'].style01>[class*='img-con'] .img{overflow:hidden;} .list-type032 .news-con{position:relative;z-index:0;box-sizing:border-box;height:118px;padding:0 16px 16px;} .list-type032 [class*='news-con']:after{content:'';display:block;position:absolute;top:-20px;left:0;z-index:1;width:100%;height:2px;} .list-type032 .tit-wrap{display:inline-flex;flex-direction:column;} .list-type032 .tit-news{height:50px;max-height:initial;margin-top:4px;font-size:16px;-webkit-line-clamp:2;} .list-type032 .txt-type002 .tit01{font-weight:600;} .list-type032 .btn-type100{box-sizing:border-box;border:2px solid var(--ui-tag001);border-radius:100%;} .list-type032 a.btn-type100:hover{opacity:1;} .list-type032 [class*='btn-type03']{position:absolute;right:15px;bottom:-24px;z-index:2;}/* ---- ##youtube 채널 로고 버튼 ---- */ .list-type032 li[class*='yna'] .news-con:after{background-color:var(--ui-tag033);} .list-type032 li[class*='yna'] [class*='img-con']:before{border-left-color:var(--ui-tag033);background:none !important;} .list-type032 li[class*='yna'] .txt-type002 .tit01{color:var(--font-color025);} .list-type032 li[class*='know'] .news-con:after{background-color:var(--ui-tag030);} .list-type032 li[class*='know'] [class*='img-con']:before{border-left-color:var(--ui-tag030);background:none !important;} .list-type032 li[class*='know'] .txt-type002 .tit01{color:var(--font-color024);} .list-type032 li[class*='tong-culture'] .news-con:after{background-color:var(--ui-tag035);} .list-type032 li[class*='tong-culture'] [class*='img-con']:before{border-left-color:var(--ui-tag035);background:none !important;} .list-type032 li[class*='tong-culture'] .txt-type002 .tit01{color:var(--font-color027);} .list-type032 li[class*='tong-tech'] .news-con:after{background-color:var(--ui-tag097);} .list-type032 li[class*='tong-tech'] [class*='img-con']:before{border-left-color:var(--ui-tag097);background:none !important;} .list-type032 li[class*='tong-tech'] .txt-type002 .tit01{color:var(--font-color059);} .list-type032 li[class*='digital'] [class*='img-con']:before{border-left-color:var(--ui-tag107);background:none !important;} .list-type032 li[class*='digital'] .txt-type002 .tit01{color:var(--font-color064);} .list-type032 li[class*='tong-living'] .news-con:after{background-color:var(--ui-tag104);} .list-type032 li[class*='tong-living'] [class*='img-con']:before{border-left-color:var(--ui-tag104);background:none !important;} .list-type032 li[class*='tong-living'] .txt-type002 .tit01{color:var(--font-color062);} .list-type032 li[class*='nknow'] .news-con:after{background-color:var(--ui-tag112);} .list-type032 li[class*='nknow'] [class*='img-con']:before{border-left-color:var(--ui-tag112);background:none !important;} .list-type032 li[class*='nknow'] .txt-type002 .tit01{color:var(--font-color067);} /*.list-type032 .label-box01{right:0;bottom:0;}*/ .list-type032 [class*='img-con'] .label-box01{right:15px;bottom:-26px;z-index:5;} /* 노이미지 */ .list-type032 .img-none01+ [class*='news-con']:after, .list-type032 .img-none01:before{display:none !important;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type032 .list01{/*width:calc(100% + 32px);*/} .list-type032 .news-con{height:140px;} .list-type032 .tit-news{-webkit-line-clamp:3;height:72px;} .list-type032 [class*='img-con'] .label-box01{bottom:-22px;} .list-type032 [class*='btn-type03']{right:13px;bottom:-20px;} .list-type032 li [class*='img-con']:before{border-top-width:14px;border-left-width:14px;bottom:-14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type032 .swiper-area{padding-right:32px !important;} .list-type032 .list01{display:flex;box-sizing:border-box;width:100%;padding-left:16px;} .list-type032 li{flex-shrink:0;min-width:220px;} .list-type032 .news-con{height:140px;} .list-type032 .tit-news{-webkit-line-clamp:3;height:72px;min-height:24px;font-size:16px;} .list-type032 [class*='item-box0'] .title01{font-weight:600;} .list-type032 [class*='btn-type03']{right:13px;bottom:-20px;} .list-type032 [class*='img-con'] .label-box01{bottom:-22px;} .list-type032 li [class*='img-con']:before{border-top-width:12px;border-left-width:12px;bottom:-12px;} .list-type032 [class*='item-box0'].style01>[class*='img-con']{margin-bottom:14px;} .list-type032 [class*='news-con']:after{top:-14px;} } /* ---- ##list-type04$ : [메인] 공통 ---- */ /* list-type040 : 많이 본 뉴스 * list-type041 : 연합 단독 뉴스 * list-type042 : 다국어 톱뉴스 * list-type043 : 지역지 톱뉴스 * list-type044 : AI추천뉴스 */ [class*='list-type04']{overflow:hidden;} [class*='list-type04'] [class*='item-box0']{display:flex;} /* ---- ##[메인/섹션/본문] list-type040 : 많이 본 뉴스 ---- */ .list-type040 [class*='item-box0']{margin-top:13px;padding-bottom:12px;border-bottom:1px solid var(--ui-tag005);} .list-type040 li:first-of-type [class*='item-box0']{margin-top:0;} .list-type040 li:last-of-type [class*='item-box0']{padding-bottom:0;border-bottom:none;} .list-type040 [class*='item-box0'] [class*='img-con']{flex-shrink:0;float:none;} .list-type040 .news-con{display:flex;align-items:flex-start;position:relative;} .list-type040 .tit-news{max-height:54px;-webkit-line-clamp:2;font-size:16px;} .list-type040 [class*='img-con']{width:96px;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type040 [class*='img-con']{width:84px;} .list-type040 .tit-news{font-size:16px;} } @media only screen and (max-width:767px){ .list-type040 .tit-news{max-height:48px;min-height:24px;} .list-type040 .tit-news .title01{font-size:16px;font-weight:600;} .list-type040 [class*='img-con']{width:72px;} .list-type040.number01 .item-box01 .news-con{padding-left:31px;} } /* ---- ##list-type041 : [메인] 연합 단독 뉴스 ---- */ .list-type041 .list01 li{box-sizing:border-box;} .list-type041 [class*='img-con']{flex-shrink:0;width:96px;margin-right:12px;} .list-type041 .tit-news{max-height:54px;-webkit-line-clamp:2;min-height:24px;font-size:16px;} .list-type041 .item-box01{margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type041 .item-box01:first-of-type{margin-top:0;padding-top:0;border-top:none;} .list-type041 .foreign01-ar .tit-news, .list-type041 .foreign01-ar a.txt-tag40, .txt-tag40{direction:rtl;text-align:right;} .list-type041 .foreign01-ar .news-con{text-align:right;} .list-type041 .foreign01-ar{font-family:'Segoe UI','Tahoma',arial,sans-serif;} .list-type041 .foreign01-ja{font-family:'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック',sans-serif;} .list-type041 .foreign01-ja [class*='txt-tag'], .list-type041 .foreign01-ja .title01{font-weight:700;} .list-type041 .foreign01-zh{font-weight:700;font-family:'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;} .list-type041 .foreign01-zh [class*='txt-tag'], .list-type041 .foreign01-zh .title01{font-weight:700;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type041 .tit-news{font-size:16px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type041 ul{display:block;width:100%;} .list-type041 li .item-box01{display:flex;align-items:center; margin-top:0;padding:16px 0 0 0;border-top:none;} .list-type041 [class*='img-con']{width:93px;} .list-type041 .tit-news{min-height:24px;} .list-type041 [class*='item-box0'] .tit-news .title01{font-size:16px;font-weight:600;} .list-type041 [class*='item-box0'] .txt-tag40+.tit-wrap .title01{font-size:14px;} .list-type041 .swiper-area{box-sizing:border-box;padding:40px 16px 0 !important;} } /* ---- ##list-type042 : [메인] 다국어 톱뉴스 ---- */ .list-type042 [class*='img-con']{flex-shrink:0;width:96px;margin-right:12px;} .list-type042 .tit-news{max-height:54px;-webkit-line-clamp:2;font-size:14px;} .list-type042 .item-box01{margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type042 .item-box01:first-of-type{margin-top:0;padding-top:0;border-top:none;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type042 .tit-news{font-size:14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type042 ul{display:block;width:100%;} .list-type042 li .item-box01{margin-top:0;padding:16px 0 0 0;border-top:none;} .list-type042 .tit-news{min-height:24px;font-size:14px;line-height:1.5;} } /* ---- ##list-type043 : [메인] 지역지 톱뉴스 ---- */ .list-type043 .item-box01{margin-top:16px;padding-top:17px;border-top:1px solid var(--ui-tag005);} .list-type043 .item-box01:first-of-type{margin-top:0;padding-top:0;border-top:none;} .list-type043 .news-con{overflow:hidden;display:block;height:24px;} .list-type043 .txt-tag40{flex-shrink:0;float:left;position:relative;height:24px;margin-right:8px;padding-right:9px;font-size:13px;line-height:24px;font-weight:500;} .list-type043 .txt-tag40:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;background-color:var(--ui-tag004);transform:translateY(-50%);} .list-type043 [class*='item-box0']{overflow:hidden;} .list-type043 [class*='item-box0'] .tit-wrap{display:block !important;} .list-type043 [class*='item-box0'] .tit-news{display:inline-block;width:auto;} .list-type043 [class*='item-box0'] .tit-news .title01{display:-webkit-box;width:100%;height:24px;font-size:16px;line-height:24px;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type043 .tit-news{-webkit-line-clamp:1;} .list-type043 [class*='item-box0'] .tit-news .title01{font-size:15px;font-weight:500;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type043 .tit-news{min-height:24px;-webkit-line-clamp:1;font-size:14px;} .list-type043 .item-box01{margin-top:12px;padding-top:13px;} .list-type043 [class*='item-box0'] .tit-news .title01{font-size:16px;font-weight:600;} } /* ---- ##list-type044 : [메인] AI추천뉴스---- */ .list-type044 .list01{display:flex;flex-wrap:wrap;gap:0 32px;} .list-type044 .list01>li{flex-shrink:0;width:calc(50% - 16px);} .list-type044 [class*='img-con']{flex-shrink:0;width:96px;margin-left:12px;} .list-type044 .tit-news{box-sizing:border-box;max-height:54px;min-height:24px;padding-top:4px;font-size:16px;-webkit-line-clamp:2;} .list-type044 li .item-box01{margin-top:16px;padding-top:17px;border-top:1px solid var(--ui-tag005);} .list-type044 li:nth-of-type(1) .item-box01, .list-type044 li:nth-of-type(2) .item-box01{margin-top:0;padding-top:0;border-top:none;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type044{padding:0 16px;} .list-type044 .list01{display:block;} .list-type044 .list01>li{width:100%;} .list-type044 li:nth-of-type(2) .item-box01, .list-type044 li .item-box01{margin-top:16px;padding-top:17px;border-top:1px solid var(--ui-tag005);} .list-type044 [class*='img-con']{width:84px;} } /* ---- ##list-type05$ : [메인] 공통 ---- */ /* list-type050 : 포토&화보 * list-type051 : 이슈 */ [class*='list-type05']{} [class*='list-type05'] [class*='img-con']{float:none;position:relative;width:100%;max-width:100%;height:auto;} [class*='list-type05'] .news-con{position:absolute;left:0;bottom:0;z-index:2;} [class*='list-type05'] .tit-wrap{display:block;color:var(--font-color001);} [class*='list-type05'] [class*='item-box0'] .title01{color:var(--font-color001);} [class*='list-type05'] .tit-news{font-size:18px;font-weight:600;text-align:left;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='list-type05'] [class*='item-box0'] .title01{color:var(--font-color003);} } /* ---- ##list-type050 : [메인] 포토&화보 ---- */ .list-type050{} .list-type050 .img{padding-top:56.12%;} .list-type050 .tit-wrap{margin-right:60px;} .list-type050 .news-con{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;left:0;bottom:0;padding:0 16px 14px;} .list-type050 [class*='img-con'] .img:after{content:'';display:block;position:absolute;left:0;bottom:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg, rgba(27, 29, 31, 0.00) 63.59%, rgba(27, 29, 31, 0.30) 75.45%, #1B1D1F 91.11%);} .list-type050 .tit-news{max-height:54px;-webkit-line-clamp:1;} .list-type050 [class*='item-box0'] .tit-news .title01{font-weight:600;} .list-type050 .label-box01{flex-shrink:0;} .list-type050 [class*='img-con'] .label-box01{right:12px;bottom:12px;} .list-type050 [class*='item-box0'] .img{padding-top:56.21%;} /* 일반형/대형 프레임 : 1025px 이상 hover */ @media only screen and (min-width:1024px){ .list-type050 [class*='item-box0'] a.tit-news:hover, .list-type050 [class*='item-box0'] a:hover{opacity:1;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type050 .news-con{padding:0 12px 10px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='list-type05'] ul li{box-sizing:border-box;width:236px;} [class*='list-type05'] .tit-news{font-size:16px;} .list-type050 [class*='btn-type007-']{display:none;} .list-type050 .swiper-slide{padding-right:16px;} .list-type050 .item-box01{min-width:200px;} .list-type050 .news-con{position:static;margin-top:8px;padding:0;} .list-type050 .tit-wrap{margin-right:0;color:var(--font-color003);} .list-type050 [class*='item-box0'] .img{padding-top:124px;} .list-type050 [class*='img-con']:after{display:none;} .list-type050 .tit-news{min-height:24px;font-size:16px;} .list-type050 .label-box01{right:8px;bottom:4px;} } /* ---- ##list-type051 : [메인] 이슈 ---- */ .list-type051 .list01{overflow:hidden;display:flex;width:calc(100% + 40px);} .list-type051 .list01 li{/*overflow:hidden;*/float:left;box-sizing:border-box;width:25%;padding-right:40px;padding-bottom:18px;} .list-type051 .news-con{height:100%;padding:24px 20px;color:var(--font-color001);} .list-type051 .news-con:before{content:'';opacity:0.5;display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:var(--ui-tag003);} .list-type051 .tit-wrap{position:relative;z-index:1;} .list-type051 [class*='item-box0']{box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.25);} .list-type051 .img{position:relative;padding-top:60.75%;} .list-type051 .tit-news{min-height:70px;font-size:24px;line-height:1.5;-webkit-line-clamp:2;font-weight:700 !important;} .list-type051 .txt-tag51{position:absolute;left:20px;bottom:24px;z-index:1;} .list-type051 .title02{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;} /* 말풍선 스타일 */ .list-type051 [class*='item-box0']{overflow:visible;} .list-type051 [class*='item-box0'].style01 [class*='img-con']{margin-bottom:0;} .list-type051 [class*='item-box0'].style01 .img:after{bottom:-16px;border-top:16px solid transparent;border-left:16px solid var(--ui-tag031);transform: rotate(-270deg);} .list-type051 [class*='item-box0'].style01 .img img{z-index:5;} /* 노이미지 */ .list-type051 [class*='item-box0'].style01 .img-none01 .img:after{display:block;} /* 배경색상 타입 */ .list-type051 .item-box02 .news-con:before{opacity:1;background-color:var(--ui-tag030);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px) { .list-type051 .news-con:hover{opacity:1;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){ .list-type051 .txt-tag51{left:16px;bottom:15px;} .list-type051 .list01{width:calc(100% + 32px);} .list-type051 .list01 li{padding-right:32px;} .list-type051 .news-con{padding:15px 16px;} .list-type051 .tit-news{min-height:70px;font-size:24px;} .list-type051 [class*='item-box0'].style01 .img:after{bottom:-13px;border-top-width:14px;border-left-width:14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type051 .txt-tag51{left:16px;bottom:15px;} .list-type051 .swiper-area{box-sizing:border-box;padding-right:16px !important;} .list-type051 .list01{overflow:visible;overflow:initial;width:100%;} .list-type051 .list01 li{min-width:236px;padding-right:16px;} .list-type051 .news-con{padding:15px 16px;} .list-type051 .tit-news{min-height:56px;font-size:20px;} .list-type051 [class*='item-box0'] .title01{color:var(--font-color001);} .list-type051 [class*='item-box0'].style01 .img:after{bottom:-15px;border-top-width:16px;border-left-width:16px;} } /* ---- ##list-type06$ [메인] 공통 ---- */ /* list-type060 : 뉴스라운지 타입01 * list-type061 : 뉴스라운지 타입02 */ /* ---- ##list-type060 : [메인] 뉴스라운지 - 꼭알아야할Top뉴스 ---- */ .list-type060{display:flex;column-gap:40px;position:relative;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;} .list-type060 [class*='list0']{flex-shrink:0;width:calc(50% - 20px);} .list-type060 [class*='item-box0'] .tit-news .title01{line-height:1.3;font-weight:700;} /* 큰 썸네일 */ .list-type060 .list01 .news-con{margin-top:16px;} .list-type060 .list01 [class*='item-box0'] .img{padding-top:326px;} .list-type060 .list01 .tit-news{font-size:36px;-webkit-line-clamp:2;line-height:1.3;font-weight:700;} /* 작은 썸네일 */ .list-type060 .list02{display:flex;flex-wrap:wrap;column-gap:40px;row-gap:30px; } .list-type060 .list02 li{width:calc(50% - 20px);} .list-type060 .list02 .news-con{margin-top:8px;} .list-type060 .list02 [class*='item-box0'] .img{padding-top:151px;} .list-type060 .list02 .tit-news{font-size:18px;line-height:1.5;font-weight:500;-webkit-line-clamp:2;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type060{column-gap:32px;max-width:980px;} .list-type060 [class*='list0']{width:calc(50% - 16px);} /* 큰 썸네일 */ .list-type060 .list01 [class*='item-box0'] .img{padding-top:266px;} .list-type060 .list01 [class*='item-box0'] .tit-news .title01{line-height:1.3;} .list-type060 .list02{column-gap:32px;row-gap:30px; } /* 작은 썸네일 */ .list-type060 .list02 li{width:calc(50% - 16px);} .list-type060 .list02 [class*='item-box0'] .img{padding-top:124px;} .list-type060 .list02 [class*='item-box0'] .tit-news .title01{font-size:16px;line-height:1.5;font-weight:500;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type060{flex-wrap:wrap;row-gap:32px;padding:0 16px;} .list-type060 [class*='list0']{width:100%;} .list-type060 [class*='list0'] [class*='item-box0'] .img{padding-top:56.25%;} /* 큰 썸네일 */ .list-type060 .list01 .news-con{margin-top:12px;} .list-type060 .list01 .tit-news{font-size:26px;} /* 작은 썸네일 */ .list-type060 .list02{column-gap:16px;row-gap:32px; } .list-type060 .list02 li{width:calc(50% - 8px);} .list-type060 .list02 .tit-news{font-size:16px;} .list-type060 .list02 [class*='item-box0'] .tit-news .title01{font-weight:500;} } /* ---- ##list-type061 : 연합 라운지 타입02 ---- */ .list-type061{overflow:hidden;box-sizing:border-box;max-width:1200px;margin:0 auto;} .list-type061 [class*='item-box0'] .img{padding-top:56.25%;} .list-type061 .list01{display:flex;float:left;width:790px;} .list-type061 .list01 li{box-sizing:border-box;width:50%;padding-right:40px;} .list-type061 .list01 .news-con{margin-top:12px;} .list-type061 .list01 .tit-news{font-size:24px;line-height:1.5;-webkit-line-clamp:2;font-weight:600;color:var(--font-color003);} .list-type061 .list02 li:first-of-type{margin-top:0;} /* list02,list03제어 */ .list-type061 .list02, .list-type061 .list03{float:right;width:calc(100% - 790px);} .list-type061 .list02 li, .list-type061 .list03 li{margin-top:20px;} .list-type061 .list02 [class*='item-box0'], .list-type061 .list03 [class*='item-box0']{overflow:hidden;} .list-type061 .list02 .tit-wrap, .list-type061 .list03 .tit-wrap{padding-right:12px;} .list-type061 .list02 [class*='img-con'], .list-type061 .list03 [class*='img-con']{float:right;width:82px;} .list-type061 .list02 .tit-news, .list-type061 .list03 .tit-news{font-size:18px;line-height:1.5;-webkit-line-clamp:2;font-weight:500;color:var(--font-color003);} .list-type061 [class*='list0']:empty{display:none;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type061{max-width:980px;} .list-type061 [class*='item-box0'] .img{padding-top:56.25%;} .list-type061 .list01{width:572px;} .list-type061 .list01 li{padding-right:32px;} .list-type061 .list01 .tit-news{-webkit-line-clamp:3;} .list-type061 .list02{width:calc(100% - 572px);} .list-type061 .list03{width:calc(100% - 572px);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type061{max-width:100%;padding:0 16px;} .list-type061 [class*='item-box0'] .img{padding-top:56.25%;} .list-type061 .list01{display:flex;width:100%;column-gap:16px;} .list-type061 .list01 li{width:calc(50% - 8px);padding-right:0;} .list-type061 .list01 .news-con{margin-top:8px;} .list-type061 .list01 .tit-news{font-size:16px;} .list-type061 .list02 [class*='img-con'], .list-type061 .list03 [class*='img-con']{width:84px;} .list-type061 .list02 .tit-news, .list-type061 .list03 .tit-news{font-size:16px;} .list-type061 .list02, .list-type061 .list03{clear:both;box-sizing:border-box;width:100%;margin-top:24px;padding-right:0;} } /* ---- ##list-type070 : [메인] 오피니언 ---- */ .list-type070{width:100%;} .list-type070 [class*='item-box0']{overflow:hidden;display:flex;flex-direction:row-reverse;align-items:center;} .list-type070 [class*='item-box0'] [class*='img-con']{flex-shrink:0;margin-left:12px;} .list-type070 [class*='item-box0'] .tit-news{max-height:69px;min-height:24px;font-size:16px;-webkit-line-clamp:3;} .list-type070 [class*='list0'] .tit-news{-webkit-line-clamp:3;max-height:71px;font-size:15px;} .list-type070 a.txt-tag41{padding-right:0;} .list-type070 a.txt-tag41:after{display:none;} /* list-type070>list01,list02 */ .list-type070 [class*='list0'] li{margin-top:12px;padding:13px 4px 0;border-top:1px solid var(--ui-tag005);} .list-type070 [class*='list0'] [class*='item-box0']{align-items:flex-start;min-height:79px;} .list-type070 [class*='list0'] [class*='img-con']{flex-shrink:0;width:50px;} .list-type070 [class*='list0'] .img-con01{position:relative;top:17px;} .list-type070 [class*='list0'] .img{overflow:hidden;width:100%;padding-top:100%;border-radius:100%;} .list-type070 [class*='list0'] [class*='img-con'] .img:before{border-radius:100%;} .list-type070 .list01 li:first-of-type{margin-top:0;padding-top:0;border-top:none;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type070{display:flex;justify-content:space-between;box-sizing:border-box;padding:0 16px;} .list-type070{display:block;max-width:100%;} .list-type070 [class*='list0']{box-sizing:border-box;width:calc(50% - 16px);border:none;} .list-type070 [class*='list0']{box-sizing:border-box;width:100%;} .list-type070 [class*='list0'] li{margin-top:12px;padding:13px 0 0;} .list-type070 [class*='item-box0'] .tit-news{font-weight:600;} .list-type070 .txt-tag50.style01>.txt01{height:13px;min-height:auto;font-size:11px;line-height:13px;} .list-type070 a.txt-tag41{font-size:13px;} /* list-type070>list01,list02 */ .list-type070 [class*='list0'] [class*='img-con']{width:60px;} .list-type070 .list02 li:first-of-type{border-top:1px solid var(--ui-tag005);} } /* ---- ##list-type099 : [메인] 티커 스와이퍼 리스트 ---- */ .list-type099{width:100%;} .list-type099 .swiper-area{overflow:hidden;} .list-type099 .swiper-slide{overflow:hidden;display:flex;justify-content:space-between;row-gap:40px;max-width:100%;} .list-type099 .list01{width:calc(50% - 20px);} .list-type099 .item-box01{margin-top:16px;} .list-type099 .item-box01:first-of-type{margin-top:0;} .list-type099 .info-box{flex-shrink:0;} .list-type099 [class*='item-box0'] .txt-time{font-size:13px;font-weight:500;color:var(--font-color006);} .list-type099 [class*='item-box0'] .tit-news{overflow:hidden;display:block !important;width:100%;min-height:auto !important;margin-right:8px;font-size:15px;font-weight:600;color:var(--font-color003);white-space:nowrap;text-overflow:ellipsis;} .list-type099 [class*='item-box0']>a.active .tit-news{color:var(--font-color029);} .list-type099 [class*='btn-dir008-']{position:absolute;top:50%;transform:translateY(-50%);} .list-type099 .btn-dir008-prev{left:-140px;} .list-type099 .btn-dir008-next{right:-140px;} .list-type099.fixed-area [class*='item-box0'] .tit-news{font-size:16px;font-weight:700;color:var(--font-color021);} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type099 [class*='btn-dir008-']{display:none;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type099{width:100%;margin-top:0;} .list-type099 .swiper-slide{display:block;} .list-type099 .swiper-slide .list01{width:100%;} .list-type099 [class*='item-box0']{margin-top:20px;} .list-type099 .item-box01:first-of-type{margin-top:20px;} } /* ---- ##list-type200 : [서브/본문] 핫뉴스 ---- */ .list-type200 [class*='list0']{display:block;} .list-type200 [class*='list0'] [class*='item-box0']{overflow:hidden;box-sizing:border-box;margin-top:12px;padding-bottom:13px;border-bottom:1px solid var(--ui-tag005);} .list-type200 [class*='list0'] li:first-of-type [class*='item-box0']:first-of-type{margin-top:0;} .list-type200 [class*='list0'] li:last-of-type [class*='item-box0']:last-of-type{padding-bottom:0;border-bottom:none;} .list-type200 [class*='list0'] .item-box01 [class*='img-con']{float:right;width:72px;height:48px;margin-left:12px;} .list-type200 [class*='list0'] .img{padding-top:48px;} .list-type200 [class*='item-box0'] .tit-news{max-height:72px;min-height:24px;font-size:16px;-webkit-line-clamp:3;} .list-type200 .btns-wrap11{display:none !important;} .list-type200 .swiper-slide:nth-of-type(2) .img-con11{display:none;} /*!* 일반형/대형 프레임 : 1025px 이상 *! @media only screen and (min-width:1024px) { .list-type200 [class*='item-box0'] a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} }*/ /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type200{position:relative;width:100%;max-width:100%;} .list-type200 [class*='list0']{display:flex;} .list-type200 [class*='list0'] li [class*='item-box0']:first-of-type{margin-top:0;} .list-type200 .btns-wrap11{display:flex !important;} .list-type200 .tit-news{max-height:48px;min-height:24px;font-size:16px;-webkit-line-clamp:2;} .list-type200 [class*='list0'] [class*='item-box0']:last-of-type{padding-bottom:0;border-bottom:none;} .list-type200 .swiper-slide:nth-of-type(2) .img-con11{display:block;} .list-type200 [class*='img-con']+.news-con .tit-wrap{height:48px;vertical-align:middle;} } /* ---- ##[서브/본문] list-type201 ---- */ /* [구성] -- PC : 기사제목, 섬네일(우) -- 태블릿,모바일 : 기사제목 * 오래머문뉴스 */ .list-type201{overflow:hidden;} .list-type201.number01 [class*='item-box0']{display:flex;flex-direction:row-reverse;box-sizing:border-box;min-height:76px;margin-top:17px;padding-bottom:16px;border-bottom:1px solid var(--ui-tag005);} .list-type201.number01 li+li:last-of-type [class*='item-box0']{padding-bottom:0;border-bottom:none;} .list-type201.number01 [class*='img-con']{flex-shrink:0;float:right;width:90px;margin-left:12px;} .list-type201.number01 .item-box01{overflow:hidden;} .list-type201.number01 .item-box01 .news-con{position:relative;padding-left:27px;} .list-type201.number01 .item-box01 .news-con:before{width:27px;padding-left:0;} .list-type201.number01 .tit-news{overflow:hidden;display:-webkit-box;/* -webkit-line-clamp:2; */} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type201{box-sizing:border-box;padding:0 16px;} .list-type201.number01 .item-box01 .news-con{padding-left:24px;} .list-type201.number01 .item-box01 .news-con:before{width:24px;} .list-type201.number01 .list01 li:first-of-type .item-box01{margin-top:0;padding-top:0;} } /* ---- ##[서브/본문] list-type202 ---- */ /* 랭킹뉴스 (탭 : 많이 본, 공감 많은) * 섹션 많이본뉴스 */ .list-type202{overflow:hidden;} .list-type202 [class*='img-con']{flex-shrink:0;float:right;width:72px;min-height:48px;margin-left:12px;} .list-type202 [class*='item-box0']{display:flex;flex-direction:row-reverse;box-sizing:border-box;min-height:76px;margin-top:17px;padding-bottom:16px;border-bottom:1px solid var(--ui-tag005);} .list-type202 li:last-of-type [class*='item-box0']{padding-bottom:0;border-bottom:none;} .list-type202 .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;} .list-type202+[class*='btns-wrap']{margin-top:20px;} .list-type202.number01 .item-box01 .news-con{padding-left:27px;} .list-type202.number01 .item-box01 .news-con:before{width:15px;padding:0;text-align:center;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type202 [class*='img-con']{width:90px;height:60px;margin-left:12px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px) { .list-type202{box-sizing:border-box;padding:0 16px;} .list-type202 .news-con:before{top:-2px;width:24px;font-size:20px;font-weight:600;text-align:left;} .list-type202 [class*='img-con']{width:90px;height:60px;margin-left:12px;} .list-type202.number01 .item-box01 .news-con{padding-left:24px;} .list-type202 .btns-wrap03{margin:20px 0 0 !important;} .list-type202 .tit-news{-webkit-line-clamp:2;} .list-type202 li:last-child [class*='item-box0']{min-height:60px;} } /* ---- ##list-type203 : [서브] ---- */ /* [구성] : 기사제목, 섬네일(우) * 세계>특파원르포 * 전국>휴먼n스토리, 현장in */ .list-type203{overflow:hidden;} .list-type203 [class*='item-box0']{overflow:hidden;display:block;margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type203 li:first-of-type [class*='item-box0']{margin-top:0;padding-top:0;border:none;} .list-type203 li+li:last-of-type [class*='item-box0']{padding-bottom:0;border-bottom:none;} .list-type203 [class*='img-con']{float:right;width:72px;margin-left:12px;} .list-type203 .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;} /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type203 .list01{padding:0 16px;} } /* ---- ##list-type204 : [서브] ---- */ /* [구성] -- PC : 기사제목 (2줄) -- 태블릿,모바일 : 기사제목 (1줄) * 세계 > 중국 > 신화망 * 세계 > 중국 > 인민망*/ .list-type204{overflow:hidden;} .list-type204 [class*='item-box0']{display:block;margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type204 li:first-of-type [class*='item-box0']{margin-top:0;padding-top:0;border:none;} .list-type204 li+li:last-of-type [class*='item-box0']{padding-bottom:0;border-bottom:none;} .list-type204 [class*='img-con']{float:right;width:72px;margin-left:12px;} .list-type204 .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;} /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type204 .list01{padding:0 16px;} .list-type204 .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;} } /* ---- ##list-type205 : [서브] 우분투 > 우측 아프리카가 궁금해 ---- */ .list-type205{margin-top:12px;} .list-type205 li{margin-top:12px;padding-top:13px;border-top:1px solid var(--ui-tag005);} .list-type205 li:first-of-type{margin-top:0;padding-top:0;border-top:none;} .list-type205 [class*='item-box0']{display:flex;flex-direction:row-reverse;} .list-type205 [class*='img-con']{flex-shrink:0;width:72px;margin-left:12px;} /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type205{padding:0 16px;} .list-type205 [class*='item-box0']{align-items:center;} } /* ---- ##[서브/본문] list-type210 ---- */ /* 에디터스 픽 영상 */ .list-type210 .news-con{margin-top:8px;} .list-type210 .tit-news{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type210 .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;} .list-type210 [class*='item-box0'] .img{padding-top:56.15%;} /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type210 .swiper-area{padding:39px 16px 0 !important;} .list-type210 li {width:220px;padding:0 !important;} .list-type210 .btns-wrap11{display:none !important;} } /* ---- ##[서브/본문] list-type211 ---- */ /* 에디터스 픽 뉴스 */ .list-type211 .news-con{margin-top:4px;} .list-type211 .tit-news{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /* ---- ##list-type212 : [서브] ---- */ /* 최신뉴스 * 섹션 메인 : 섹션 주요뉴스 * 섹션 리스트 : 전체뉴스 */ .list-type212{display:block;box-sizing:border-box;width:100%;} .list-type212>.list01{display:block;box-sizing:border-box;width:100%;} .list-type212>.list01 li{display:block;box-sizing:border-box;width:100%;} .list-type212>.list01>li [class*='aside-box00']{margin-top:0 !important;} .list-type212>.list01>li [class*='aside-box00'] .ads-box{margin-bottom:0;padding:20px 0;border-bottom:1px solid var(--ui-tag005);} .list-type212>.list01>li [class*='aside-box00'] .ads-box:empty{display:none;margin:0 !important;padding:0;border-bottom:none;} .list-type212>.list01>li:first-child [class*='item-box0']{padding:0 0 20px;} .list-type212>.list01>li:last-of-type [class*='item-box0']{border-bottom:none;} .list-type212>.list01>li [class*='item-box0']{overflow:initial;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:24px;padding:20px 0;border-bottom:1px solid var(--ui-tag005);} .list-type212>.list01>li:last-of-type [class*='item-box0']{border-bottom:0;} .list-type212 .list01 li [class*='item-box0'] [class*='img-con']{flex-shrink:0;width:195px;height:129px;} .list-type212 .list01 li [class*='item-box0'] .news-con{position:relative;}/*width:calc(100% - 219px);*/ .list-type212 .list01 li [class*='item-box0'] .tit-news{display:inline-block;width:auto;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color003);} .list-type212 .list01 li [class*='item-box0'] .news-con .tit-wrap{display:block;} .list-type212 .list01 li [class*='item-box0'] .txt-time{display:block;margin-top:12px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} .list-type212 .list01 li [class*='item-box0'] .lead{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;} .list-type212 .list01 li [class*='item-box0'] .lead:empty{display:none;} .list-type212 .list01 li [class*='item-box0'] .btns-wrap01{display:inline-block;position:absolute;right:0;bottom:-6px;width:auto;margin-top:0;vertical-align:top;} .list-type212 [class*='item-box0'] .btns-wrap01 .tlp-content{top:30px;left:auto;right:30px;bottom:auto;transform:none;} .list-type212+[class*='btns-wrap']{margin-top:20px !important;} .list-type212+[class*='paging-type0']{margin-top:20px !important;;} .list-type212 .list01 li [class*='item-box0'] .btn-type034{position:static;margin-top:6px;} /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type212>.list01>li [class*='aside-box00'] .ads-box{padding:16px 0;} .list-type212>.list01>li [class*='item-box0']{gap:24px;} .list-type212 .list01 li [class*='item-box0'] [class*='img-con']{width:172px;height:114px;} .list-type212 .list01 li [class*='item-box0'] .tit-news{font-size:20px;line-height:30px;font-weight:600;color:var(--font-color003);} .list-type212 .list01 li [class*='item-box0'] .txt-time{margin-top:11px;font-size:14px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type212{padding:0 16px;} .list-type212>.list01>li [class*='item-box0']{gap:16px;} .list-type212 .list01 li [class*='item-box0'] [class*='img-con']{width:120px;height:80px;} .list-type212 .list01 li [class*='item-box0'] .tit-news .title01{display:-webkit-box;font-size:16px;line-height:24px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type212 .list01 li [class*='item-box0'] .txt-time{margin-top:11px;font-size:13px;} .list-type212 .list01 li [class*='item-box0'] .lead{font-size:14px;} .list-type212+[class*='btns-wrap']{margin-top:20px;} .list-type212 .list01 li [class*='item-box0'] .btn-type034{margin-top:2px;} .list-type212 .aside-box100{margin-top:0 !important;} .list-type212 .aside-box100 .ads-box{display:flex;justify-content:center;width:100%;padding:16px 0;border-bottom:1px solid var(--ui-tag005);} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type212{padding:0 16px;} /*.list-type212 .list01 li + li{margin-top:16px;padding-top:17px;}*/ .list-type212>.list01>li [class*='item-box0']{gap:12px;} .list-type212 .list01 li [class*='item-box0'] [class*='img-con']{width:120px;height:80px;} .list-type212 .list01 li [class*='item-box0'] .tit-news .title01{display:-webkit-box;font-size:16px;line-height:24px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type212 .list01 li [class*='item-box0'] .txt-time{margin-top:8px;font-size:13px;} .list-type212 .list01 li [class*='item-box0'] .lead{display:none;} .list-type212+[class*='btns-wrap']{margin-top:20px;} .list-type212 .list01 li [class*='item-box0'] .btn-type034{margin-top:2px;} .list-type212 [class*='item-box0'] .btns-wrap01 .tlp-content{top:30px;left:auto;right:30px;bottom:auto;transform:none;} .list-type212 .aside-box100{margin-top:0 !important;} .list-type212 .aside-box100 .ads-box{display:flex;justify-content:center;width:100%;padding:16px 0;border-bottom:1px solid var(--ui-tag005);} } /* 초소형 프레임 : 320px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:320px){ .list-type212 .list01 li .item-box01 .btns-wrap01{display:flex;justify-content:flex-end;/*position:static;*/} .list-type212 [class*='item-box0'] .btns-wrap01 .tlp-content{right:0;} .list-type212 .aside-box100 .area01 .ads-box{width:100%;} } /* ---- ##list-type213 : [서브] ---- */ /* 섹션 특파원 */ .list-type213{display:block;box-sizing:border-box;width:100%;} .list-type213 .swiper-area{overflow:visible;} .list-type213 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;} .list-type213 .list01 li{box-sizing:border-box;width:100%;} .list-type213 .list01 li .item-box01{box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);margin-bottom:20px;} .list-type213 .swiper-area:not(.swiper-initialized) li{width:386px;} .list-type213 .list01 li .item-box01 .news-con{box-sizing:border-box;padding:0 20px 20px 20px;} .list-type213 .list01 li .item-box01 .news-con .tit-news{display:-webkit-box;height:54px;font-size:18px;line-height:27px;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type213 .item-box01>[class*='img-con']::before{content:'';display:block;position:absolute;left:0;bottom:0;z-index:5;width:100%;height:100%;background:linear-gradient(180deg, rgba(17, 17, 17, 0.00) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1B1D1F 98.89%, #111 98.89%);} .list-type213 .swiper-notification{position:absolute;top:0;left:0;z-index:-1;} .list-type213 .tit-wrap+.txt-type101{min-height:45px;margin-top:20px;} .list-type213 .btn-type404::after{content:'';display:block;position:absolute;top:50%;left:0;z-index:10;box-sizing:border-box;width:21px;height:14px;border:1px solid var(--ui-tag005);transform:translateY(-50%);} @media only screen and (min-width:1024px){ .list-type213 [class*='item-box0'] .txt-type101 a[class*='img-con']:hover, .list-type213 .list01 li .item-box01 .btn-type404:hover{opacity:1!important;} .list-type213 .list01 li .item-box01 .btn-type404:hover .txt01{opacity:0.5;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type213 .swiper-area:not(.swiper-initialized) li{width:313px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type213 .info-box01 .btn-type404 .txt01{font-size:14px;line-height:21px;} .list-type213 .list01 li .item-box01 .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type213 .list01 li{box-sizing:border-box;width:100%;} .list-type213 .swiper-area:not(.swiper-initialized) li{max-width:50%;} .list-type213 .btns-wrap11{display:inline-flex !important;} .list-type213 .swiper-area{overflow-x:hidden !important;} .list-type213 .btns-wrap11{margin-top:0 !important;} .list-type213 .swiper-area li{padding-right:0 !important;} } /* ---- ##list-type214 : [서브] ---- */ /* 전국 > 지역별 실시간 뉴스 */ .list-type214{display:block;box-sizing:border-box;width:100%;} .list-type214 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;} .list-type214 .list01>li>ul{display:block;box-sizing:border-box;width:100%;padding:30px 8px 0 8px;} .list-type214 .list01>li>ul>li{overflow:hidden;display:none;box-sizing:border-box;width:100%;padding-bottom:12px;font-size:16px;line-height:24px;font-weight:500;color:var(--font-color003);white-space:nowrap;text-overflow:ellipsis;} .list-type214 .list01>li>ul>li + li{padding-top:12px;border-top:1px solid var(--ui-tag005);} .list-type214 .list01>li>ul>li:last-child{padding-bottom:0;} .list-type214 .list01>li>ul>li:nth-child(1){display:block;} .list-type214 .list01>li>ul>li:nth-child(2){display:block;} .list-type214 .list01>li>ul>li:nth-child(3){display:block;} .list-type214 .list01>li>ul>li:nth-child(4){display:block;} .list-type214 .list01>li>ul>li:nth-child(5){display:block;} .list-type214 .list01>li>ul>li a.tit-wrap{display:inline-block;max-width:100%;} .list-type214 .list01>li>ul>li .tit-news{display:block;width:100%;} .list-type214 .list01>li>ul>li .title01{overflow:hidden;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;} .list-type214 .btns-wrap11{display:inline-flex !important;} .list-type214 .swiper-area{overflow-x:hidden !important;} .list-type214 .btns-wrap11{margin-top:0 !important;} .list-type214 .swiper-area li{padding-right:0 !important;} .list-type214 .list01 li ul .tit-news{font-weight:500;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type214 .list01>li>ul>li a.tit-wrap:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type214{padding:0 16px;} .list-type214 .list01>li>ul{padding:20px 8px 0 8px;} .list-type214 .list01>li>ul>li:nth-child(4){display:none;} .list-type214 .list01>li>ul>li:nth-child(5){display:none;} } /* ---- ##list-type216 : [서브] ---- */ /* [구성] : 기사제목 (1줄) * 전국>지방의회가 뛴다 * 게시판, 오피니언>연합시론 */ .list-type216{display:block;box-sizing:border-box;width:100%;} .list-type216 .list01{display:block;box-sizing:border-box;width:100%;} .list-type216 .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;font-size:16px;line-height:24px;font-weight:500;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;} .list-type216 li+li{margin-top:12px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type216{padding:0 16px;} } /* ---- ##list-type217 : [서브] 헬스노트 위클리건강 ---- */ .list-type217{display:block;box-sizing:border-box;width:100%;} .list-type217>.list01{overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:40px;flex-wrap:wrap;} .list-type217 .list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type217 .list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type217 .list01 li [class*='img-con'] .img:after{display:none;} .list-type217 .list01 li .tit-wrap{display:block;width:100%;padding-right:0;} .list-type217 .list01 li .tit-news{overflow:hidden;display:-webkit-box;height:54px;margin-top:8px;font-size:18px;line-height:27px;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type217 .news-con .txt-time{display:inline-flex;justify-content:flex-start;align-items:flex-start;box-sizing:unset;margin-top:8px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} .list-type217 .news-con{position:relative;} .list-type217 .btns-wrap{float:right;} .list-type217 .btns-wrap01 .btn-type001{height:21px;} /*.list-type217 .list01 li .btns-wrap01{position:absolute;right:-8px;bottom:-6px;width:auto;}*/ /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type217>.list01{gap:32px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type217{display:none;} } /* ---- ##list-type218 : [서브] 오늘의경기 내일의경기 ---- */ .list-type218{display:block;box-sizing:border-box;width:100%;} .list-type218 .list01{display:block;box-sizing:border-box;width:100%;} /* item-box1$ 공통 - item-box0$ 의 hover 영향을 받지 않기 위해 'item-box1$' 사용 .list-type218 .item-box11 .tit-news .day */ .list-type218 [class*='item-box1']{display:block;position:relative;width:100%;height:40px;background-size:cover;background-position:0 0;background-repeat:no-repeat;} .list-type218 [class*='item-box1'] .txt-type004{position:absolute;top:50%;left:-6px;z-index:10;transform:translateY(-50%);} .list-type218 [class*='item-box1'] .tit-wrap{display:block;width:100%;height:100%;} .list-type218 [class*='item-box1'] .tit-news{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;} .list-type218 [class*='item-box1'] .tit-news .day{display:flex;justify-content:flex-end;align-items:center;position:relative;box-sizing:border-box;width:140px;height:100%;padding-right:34px;background-size:140px 40px;background-position:0 0;background-repeat:no-repeat;font-size:16px;line-height:24px;font-weight:700;color:var(--font-color001);} .list-type218 [class*='item-box1'] .tit-news .tit{display:flex;justify-content:flex-start;align-items:center;position:relative;height:100%;padding-left:12px;font-size:14px;line-height:21px;font-weight:700;color:var(--font-color001);} .list-type218 [class*='item-box1'] .tit-news .tit::after{content:'';display:block;position:absolute;top:50%;right:-20px;z-index:10;width:16px;height:16px;background-size:15px 15px;background-repeat:no-repeat;transform:translateY(-50%);} /* item-box11 */ .list-type218 .item-box11{background-image:var(--ui-bg826);} .list-type218 .item-box11 .tit-news .day{background-image:var(--ui-bg827);} .list-type218 .item-box11 .tit-news .tit::after{background-image:var(--ui-bg055);} /* item-box12 */ .list-type218 .item-box12{background-image:var(--ui-bg828);} .list-type218 .item-box12 .tit-news .day{background-image:var(--ui-bg829);color:var(--font-color023);} .list-type218 .item-box12 .tit-news .tit::after{background-image:var(--ui-bg054);background-size:13px 13px;} .list-type218 .item-box12 .tit-news .tit{color:var(--font-color023);} .list-type218 .item-box12 .txt-type004{display:none;} /* 일반형/대형 프레임 : 1025px 이상 hover */ @media only screen and (min-width:1024px){ .list-type218 [class*='item-box1']:hover .tit-news .day{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type218{width:calc(100% - 32px);margin:0 auto;} .list-type218 .item-box12 .tit-news .day{width:160px;padding-right:37px;background-size:160px 40px;} } /* ---- ##list-type219 : 섹션>뉴스+>이슈 서브 ---- */ .list-type219{background-color:var(--ui-tag009);} .list-type219 .item-box01{display:flex;justify-content:flex-start;align-items:flex-start;} .list-type219 .img-con01{flex-shrink:0;width:580px;} .list-type219 .news-con{box-sizing:border-box;padding:40px;} .list-type219 [class*='item-box0'] .tit-news{min-height:54px;font-size:36px;line-height:1.5;font-weight:600;color:var(--font-color003);} .list-type219 [class*='item-box0'] .lead{max-height:220px;margin-top:20px;font-size:18px;color:var(--font-color005);-webkit-line-clamp:8;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type219 .img-con01{width:470px;} .list-type219 .news-con{padding:32px;} .list-type219 [class*='item-box0'] .tit-news{min-height:48px;font-size:32px;} .list-type219 [class*='item-box0'] .lead{font-size:18px;-webkit-line-clamp:7;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type219 .item-box01{display:block;} .list-type219 .img-con01{width:100%;} .list-type219 .news-con{padding:20px;} .list-type219 [class*='item-box0'] .tit-news{min-height:39px;font-size:26px;} .list-type219 [class*='item-box0'] .lead{display:block !important;margin-top:16px;font-size:16px;-webkit-line-clamp:6;} } /* ---- ##list-type220 : [서브] 사람들 상단 슬라이드 ---- */ .list-type220{display:block;box-sizing:border-box;width:100%;} .list-type220 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;} .list-type220 .list01 li{position:relative;box-sizing:border-box;width:100%;} .list-type220 .swiper-area:not(.swiper-initialized) li{width:373px;} .list-type220 .list01 li .tit-wrap{display:inline-block;width:100%;padding-right:0;vertical-align:top;} /*.list-type220 .list01 li .btns-wrap01{position:absolute;right:9px;bottom:0px;width:auto;}*/ .list-type220 .list01 .item-box01 .tit-news{overflow:hidden;display:-webkit-box;height:59px;padding-bottom:0px;font-size:20px;line-height:1.5;font-weight:600;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type220 .news-con{/*position:relative;*/padding:8px 0 0 0;background-color:var(--ui-tag000);} .list-type220 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;height:27px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type220 .list01 .item-box01 .tit-news:hover .title01{opacity:1;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type220 .swiper-area:not(.swiper-initialized) li{width:300px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type220 .swiper-area:not(.swiper-initialized) li{max-width:100%;} .list-type220 .list01 .item-box01 .tit-news{height:48px;font-size:16px;} .list-type220 .news-con .txt-time{font-size:13px;} .list-type220 .swiper-area [class*='item-box0'] .btns-wrap01 .tlp-content{left:50%;transform:translate(-50%, -50%);} } /* ---- ##list-type221 : [서브] 오피니언 상단 슬라이드 ---- */ .list-type221{display:block;box-sizing:border-box;width:100%;} .list-type221 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;} .list-type221 .list01 li{position:relative;box-sizing:border-box;width:100%;padding:40px 30px 48px 30px;border:1px solid var(--ui-tag067);background-color:var(--ui-tag066);} .list-type221 .list01 li::after{content:'';display:block;position:absolute;left:-1.56px;bottom:-23px;z-index:10;width:24px;height:24px;background-image:var(--ui-bg830);background-size:24px 24px;background-position:center center;background-repeat:no-repeat;} .list-type221 .swiper-area{overflow:visible;padding-bottom:24px !important;} .list-type221 .list01 [class*='item-box0']{overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;} .list-type221 .list01 .tit-wrap{flex-shrink:0;} .list-type221 .list01 li .tit-news{overflow:hidden;display:-webkit-box;height:72px;margin-bottom:12px;font-size:24px;line-height:1.5;font-weight:700;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type221 .list01 li [class*='img-con']{z-index:10;width:116px;height:78px;margin-bottom:7px;margin-left:24px;order:1;} .list-type221 .list01 li [class*='img-con']+.news-con{float:left;width:calc(100% - 140px);} .list-type221 .list01 li .lead{overflow:hidden;display:-webkit-box !important;box-sizing:border-box;width:100%;height:92px;max-height:none;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color004);text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:keep-all;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type221 .list01 li .tit-wrap:hover .title01{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){ .list-type221 .list01 li{padding:40px 30px;} .list-type221 .list01 li .lead{height:69px;-webkit-line-clamp:3;} .list-type221 .list01 li [class*='img-con']{width:93px;height:63px;margin-bottom:3px;} .list-type221 .list01 li [class*='img-con']+.news-con{width:calc(100% - 117px);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type221 .list01 li{padding:30px 24px;} .list-type221 .list01 li .tit-news{height:60px;font-size:20px;} .list-type221 .list01 li .lead{height:92px;padding-right:0;-webkit-line-clamp:4;} .list-type221 .list01 li [class*='img-con']{width:111px;height:76px;margin-right:24px;margin-bottom:8px;margin-left:0;order:0;} } /* ---- ##[뉴스플러스] list-type222 : 뉴스플러스 이슈 슬라이드 ---- */ .list-type222{display:block;position:relative;width:100%;max-width:1022px;margin:0 auto;} .list-type222 .swiper-area{position:relative;} .list-type222 .swiper-wrapper{position:relative;box-sizing:border-box;width:100%;} .list-type222::after{content:'';display:block;position:absolute;top:42px;left:-1px;z-index:5;width:14px;height:10px;background-color:var(--ui-tag009);} .list-type222 .swiper-wrapper .swiper-slide{position:relative;} .list-type222 .swiper-wrapper .swiper-slide::before{content:'';display:block;position:absolute;top:-3px;left:14px;z-index:10;width:8px;height:8px;border-radius:8px;background-color:var(--font-color025);} .list-type222 .swiper-wrapper .swiper-slide::after{content:'';display:block;position:absolute;top:0;left:0px;width:calc(100% + 40px);height:1px;border-top:1px dashed var(--ui-tag004);} .list-type222 .swiper-wrapper .swiper-slide .item-box01{} .list-type222 .swiper-wrapper .swiper-slide .txt-month{display:flex;justify-content:flex-start;align-items:baseline;margin-top:12px;padding:7.5px 0;font-size:20px;font-weight:500;color:var(--font-color025);} .list-type222 .swiper-wrapper .swiper-slide .txt-month .num{font-size:28px;font-weight:700;color:var(--font-color021);} .list-type222 .swiper-wrapper .swiper-slide .tit-wrap{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;margin-top:12px;gap:8px;} .list-type222 .swiper-wrapper .swiper-slide .tit-wrap .txt-day{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:22px;border-radius:2px;background-color:var(--ui-tag005);font-size:12px;line-height:1;font-weight:500;color:var(--font-color005);} .list-type222 .swiper-wrapper .swiper-slide .tit-wrap .tit-news{overflow:hidden;display:block;width:auto;min-height:auto;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color005);white-space:nowrap;text-overflow:ellipsis;} .list-type222 .swiper-wrapper .swiper-slide .btn-type213{margin-top:12px;} .list-type222 .btn-dir001-prev{position:absolute;top:50%;left:-120px;z-index:10;width:60px;height:60px;margin-left:0;background-size:60px 60px;transform:translateY(-50%);} .list-type222 .btn-dir001-next{position:absolute;top:50%;right:-120px;z-index:10;width:60px;height:60px;margin-left:0;background-size:60px 60px;transform:translateY(-50%);} .list-type222 [class*='btn-dir001']:after{top:50%;left:50%;width:60px;height:60px;transform:translate(-50%, -50%);} .list-type222 .btn-dir001-next:after{transform:translate(-50%, -50%) rotate(180deg);} @media only screen and (min-width:1024px){ .list-type222 [class*='item-box0'] a:hover .title01{opacity:1;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type222{max-width:800px;} .list-type222 .swiper-wrapper .swiper-slide::after{width:calc(100% + 40px);} .list-type222 .btn-dir001-prev{left:-90px;} .list-type222 .btn-dir001-next{right:-90px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type222{max-width:calc(100% - 20px);max-height:420px;margin:5px auto 0;padding-bottom:16px;overflow-y:auto;/*height:480px;*/} .list-type222 .swiper-wrapper{box-sizing:border-box;max-width:375px;margin:0 auto;padding:0 16px;} .list-type222::-webkit-scrollbar{width:4px;} .list-type222::-webkit-scrollbar-thumb{background-color:var(--ui-tag005);} .list-type222::-webkit-scrollbar-track{background-color:var(--ui-tag009);} .list-type222 .swiper-wrapper .swiper-slide::before{top:29px;left:0;width:4px;height:4px;border-radius:4px;} .list-type222 .swiper-wrapper .swiper-slide{box-sizing:border-box;height:auto !important;padding-left:16px;} .list-type222 .swiper-wrapper .swiper-slide .txt-month{padding:6.5px 0;font-size:16px;} .list-type222 .swiper-wrapper .swiper-slide .txt-month .num{font-size:20px;} .list-type222 .swiper-wrapper .swiper-slide .tit-wrap{margin-top:8px;} .list-type222 .swiper-wrapper .swiper-slide::after{top:29px;left:1px;width:1px;height:calc(100% + 24px);border-top:0;border-left:1px dashed var(--ui-tag004);} .list-type222::after{display:none;} .list-type222 .btn-dir001-prev{display:none;} .list-type222 .btn-dir001-next{display:none;} .list-type222 .swiper-wrapper{flex-direction:column;/*height:296px;*/} } /* ---- ##list-type223 : [서브] 마켓플러스 리스트 ---- */ .list-type223{display:block;position:relative;box-sizing:border-box;width:100%;padding:8px 0;} .list-type223 .list01{display:block;box-sizing:border-box;width:100%;} .list-type223>.list01>li{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:8px;padding:12px 0;border-bottom:1px solid var(--ui-tag011);} .list-type223 .list01 li:first-child{padding-top:0;} .list-type223 .list01 li:last-child{padding-bottom:0;border-bottom:0;} .list-type223 .list01 li .txt{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:24px;border-radius:2px;background-color:var(--ui-tag005);font-size:13px;line-height:1;font-weight:600;color:var(--font-color003);} .list-type223 .list01 li .tit-news{overflow:hidden;display:inline-block;box-sizing:border-box;width:auto;padding-right:8px;font-size:16px;line-height:1.5;font-weight:500;color:var(--font-color003);white-space:nowrap;text-overflow:ellipsis;} .list-type223 .list01 li .tit-news .title01{display:inline;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px) { .list-type223 .list01 li .tit-news:hover .title01{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type223::after{display:none;} .list-type223{padding:0 16px;} } /* ---- ##list-type224 : [서브] 마켓플러스 슬러그 기사 리스트 ---- */ .list-type224{display:block;position:relative;box-sizing:border-box;width:100%;} .list-type224>.list01{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;gap:40px;} .list-type224>.list01>li{display:block;box-sizing:border-box;width:33.3%;} .list-type224 .list01 .item-box01{overflow:initial;display:block;box-sizing:border-box;width:100%;} .list-type224 .list01 .item-box01 .img-con01::before{content:'';display:block;position:absolute;left:-11px;bottom:-11px;z-index:10;width:0;height:0;border-top:11px solid transparent;border-left:11px solid var(--ui-tag060);border-right:11px solid transparent;border-bottom:11px solid transparent;transform:rotate(225deg);} .list-type224 .list01 .item-box01 .title-con05.style03{margin-top:32px;} .list-type224 .list01 .item-box01 .news-con{display:block;box-sizing:border-box;width:100%;} .list-type224 .list01 .item-box01 .news-con .tit-wrap{display:block;box-sizing:border-box;width:100%;} .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;height:60px;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type224 .list01 .item-box01 .news-con .lead{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;height:69px;max-height:none;margin-top:8px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .list-type224 .list01 .item-box01 .img-con01 .img{padding-top: 60.77%;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px) { .list-type224 .list01 li .tit-news:hover .title01{opacity:0.5;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){ .list-type224>.list01{gap:32px;} .list-type224 .list01 .item-box01 .title-con05.style03{margin-top:28px;font-size:14px;} .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news{height:81px;font-size:18px;-webkit-line-clamp:3;} .list-type224 .list01 .item-box01 .news-con .lead{margin-top:10px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type224{padding:0 16px;} .list-type224>.list01{flex-direction:column;gap:24px;} .list-type224 .list01>li{width:100%;} .list-type224 .list01 .item-box01 .img-con01::before{display:none;} .list-type224 .list01 .item-box01 .title-con05.style03{position:absolute;top:0;left:0;z-index:10;width:100%;margin-top:0;} .list-type224 .list01 .item-box01{display:flex;justify-content:flex-start;align-items:flex-start;padding-top:39px;} .list-type224 .list01 .item-box01 .img-con01{flex-shrink:0;width:120px;height:80px;margin-right:12px;} .list-type224 .list01 .item-box01 .img-con01 .img{padding-top:66.67%;} .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news{height:auto;font-size:16px;-webkit-line-clamp:2;} .list-type224 .list01 .item-box01 .news-con .lead{display:none;} .list-type224 .tooltip-type02 .tlp-content>.info-box01>.txt01 br{display:none;} /* 노이미지 */ .list-type224 .img-none01{display:none;} } /* ---- ##list-type225 : [서브] 마켓플러스 마켓인 ---- */ .list-type225{display:block;box-sizing:border-box;width:100%;} .list-type225 .list01{display:block;box-sizing:border-box;width:100%;} .list-type225 .list01>li{display:block;box-sizing:border-box;width:100%;margin-top:30px;} .list-type225 .list01>li:first-of-type{margin-top:0;} .list-type225 .list01>li .item-box01{display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;width:300px;height:158px;padding:20px;border-radius:2px;column-gap:20px;} .list-type225 .list01>li:nth-of-type(odd) .item-box01{background-color:var(--ui-tag068);} .list-type225 .list01>li:nth-of-type(even) .item-box01{background-color:var(--ui-tag037);} .list-type225 .list01>li .item-box01 .txt{display:block;box-sizing:border-box;width:100%;font-size:20px;line-height:1.5;font-weight:600;color:var(--font-color001);text-align:left;} .list-type225 .list01>li .item-box01 .img-con01{overflow:hidden;display:block;flex-shrink:0;width:60px;height:60px;border-radius:100%;} .list-type225 .list01>li .item-box01 .img-con01 .img{padding-top:100%;} .list-type225 .list01>li .item-box01 .news-con{display:block;box-sizing:border-box;width:100%;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap{display:block;box-sizing:border-box;width:100%;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news{margin-top:12px;color:var(--font-color001) !important;text-align:left;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news:hover{text-decoration:none;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news .title01{font-size:16px;line-height:1.5;font-weight:600;color:var(--font-color001) !important;} .list-type225 .list01>li .item-box01 .img-con01 img{object-fit:cover;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px) { .list-type225 .list01 li .tit-news:hover .title01{opacity:1;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type225 .list01>li .item-box01{height:147px;} .list-type225 .list01>li .item-box01 .img-con01{width:70px;height:70px;} .list-type225 .list01>li .item-box01 .txt{font-size:18px;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news .title01{font-size:14px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type225{width:100%;padding:0 16px;} .list-type225 .list01>li .item-box01{justify-content:center;align-items:flex-start;position:relative;width:100%;height:auto;min-height:110px;} .list-type225 .list01>li .item-box01 .img-con01{width:70px;height:70px;} .list-type225 .list01>li .item-box01 .txt{font-size:18px;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news{margin-top:8px;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news .title01{font-size:18px;} } /* ---- ##list-type226 : [서브] 마켓플러스 리스트 ---- */ .list-type226{overflow:hidden;display:block;position:relative;box-sizing:border-box;width:100%;height:auto;min-height:290px;} .list-type226 .list01{display:block;position:static;box-sizing:border-box;width:100%;padding:0 20px 0px 20px;} .list-type226 .list01>li{display:block;position:static;box-sizing:border-box;width:100%;} .list-type226 .list01>li + li{margin-top:16px;} .list-type226 .list01>li .item-box01{display:block;position:static;box-sizing:border-box;width:100%;} .list-type226 .list01>li .item-box01 .img-con01{display:none;} .list-type226>.tit01{display:flex;justify-content:center;align-items:center;position:relative;z-index:10;width:100%;height:76px;font-size:22px;line-height:1.5;font-weight:600;color:var(--font-color042);} .list-type226 .img-con01{overflow:hidden;display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;} .list-type226 .img-con01::after{content:'';display:block;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,0.40);} .list-type226 .img-con01 .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;padding-top:0;} .list-type226 .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,.04);} .list-type226 .img-con01 .img img{position:absolute;top:50%;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%) translateY(-50%);object-position:center top;object-fit:cover;filter:blur(15px);} .list-type226 .list01>li .item-box01 .title01{display:block;position:relative;z-index:10;box-sizing:border-box;width:100%;padding-left:12px;font-size:18px;line-height:1.5;font-weight:500;color:var(--font-color001);} .list-type226 .list01>li .item-box01 .title01::after{content:'';display:block;position:absolute;top:10px;left:0;z-index:1;width:4px;height:4px;border-radius:4px;background-color:var(--ui-tag001);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type226 [class*='item-box0'] a:hover{opacity:1;} .list-type226 a:hover .title01{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){ .list-type226>.tit01{font-size:20px;} .list-type226 .list01>li .item-box01 .title01{font-size:16px;} .list-type226{min-height:296px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type226{display:none;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type226{display:none;} } /* ---- ##list-type227 : [서브] 마켓플러스 리스트2 ---- */ .list-type227{display:block;box-sizing:border-box;width:100%;padding:0 16px;} .list-type227 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;} .list-type227 .list01 li{display:flex;column-gap:16px;position:relative;box-sizing:border-box;width:100%;} .list-type227 .list01 li .item-box01{display:block;box-sizing:border-box;width:50%;} .list-type227 .list01 li .item-box01 [class*='img-con'] .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;padding-top:66.67%;} .list-type227 .list01 li .item-box01 [class*='img-con'] .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,.04);} .list-type227 .list01 li .item-box01 [class*='img-con'] .img img{position:absolute;top:0;left:50%;z-index:1;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-type227 .list01 li .item-box01 .tit01{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;height:48px;margin-top:8px;font-size:16px;line-height:1.5;font-weight:600;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type227+.btns-wrap03{margin-top:20px !important;} /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type227 .list01 li .item-box01 [class*='img-con'] .img img{object-fit:contain;object-position:center center;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type227 .list01 li .item-box01{width:100%;} .list-type227 .list01 li .item-box01 [class*='img-con'] .img img{object-fit:contain;object-position:center center;} } /* ---- ##list-type228 : [우분투] 우분투 > 칼럼 (PFRT-2375) ---- */ .list-type228 [class*='item-box0']{overflow:hidden;display:flex;flex-direction:row;align-items:center;} .list-type228 [class*='item-box0'] [class*='img-con']{flex-shrink:0;margin-right:12px;} .list-type228 [class*='item-box0'] .tit-news{max-height:69px;min-height:24px;font-size:16px;-webkit-line-clamp:3;} .list-type228 .list01{margin-top:24px;} .list-type228 .list01 .tit-news{-webkit-line-clamp:3;max-height:71px;font-size:15px;} .list-type228 a.txt-tag41{padding-right:0;} .list-type228 a.txt-tag41:after{display:none;} /* list-type228>list01,list02 */ .list-type228 .list01 li{margin-top:12px;padding:13px 4px 0;border-top:1px solid var(--ui-tag005);} .list-type228 .list01 [class*='item-box0']{min-height:50px;} .list-type228 .list01 [class*='img-con']{flex-shrink:0;width:50px;} .list-type228 .list01 .img-con01{position:relative;top:0;} .list-type228 .list01 .img{overflow:hidden;width:100%;padding-top:100%;border-radius:100%;} .list-type228 .list01 [class*='img-con'] .img:before{border-radius:100%;} .list-type228 .list01 li:first-of-type{margin-top:0;padding-top:0;border-top:none;} /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type228{padding:0 16px;} } /* 소형 프레임 : 767px 이하 - 컨테이너영역 */ @media only screen and (max-width:767px){ .list-type228{display:flex;justify-content:space-between;box-sizing:border-box;padding:0 16px;} .list-type228{display:block;max-width:100%;} .list-type228 .list01{box-sizing:border-box;width:calc(50% - 16px);border:none;} .list-type228 .list01{box-sizing:border-box;width:100%;} .list-type228 .list01 li{margin-top:12px;padding:13px 0 0;} .list-type228 [class*='item-box0'] .tit-news{font-weight:600;} .list-type228 .txt-tag50.style01>.txt01{height:13px;min-height:auto;font-size:11px;line-height:13px;} .list-type228 a.txt-tag41{font-size:13px;} /* list-type228>list01,list02 */ .list-type228 .list01 [class*='img-con']{width:60px;} .list-type228 .list02 li:first-of-type{border-top:1px solid var(--ui-tag005);} } /* ---- ##[비주얼뉴스] list-type306 : 비주얼뉴스 YNA Shorts 채널 ---- */ .list-type306{display:block;box-sizing:border-box;width:100%;} .list-type306 .list01{display:flex;width:100%;} .list-type306 .list01 li{box-sizing:border-box;width:100%;} .list-type306 .swiper-area:not(.swiper-initialized) li{width:270px;} .list-type306 .list01 li .item-box01 .news-con:before{top:14px;width:16px;height:27px;padding:0;color:var(--font-color021);text-align:center;} .list-type306 .list01 li .item-box01 .img{overflow:hidden;display:block;padding-top:176.2%;border-radius:6px;background-position-y:0 !important;} .list-type306 .list01 li [class*='img-con'] .img:after{display:none;} .list-type306 .list01 li .tit-wrap{padding-right:0;} .list-type306 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type306 .list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type306 .list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type306 .item-box01 .news-con{/*position:relative;*/padding:16px 0 0 0;background-color:var(--ui-tag001);} .list-type306 .list01 .item-box01 .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:60px;font-size:20px;line-height:30px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type306 .list01 li .item-box01 .img{padding-top:179.2%;} .list-type306 .swiper-area:not(.swiper-initialized) li{width:230px;} } @media only screen and (max-width:767px){ .list-type306{overflow:hidden;} .list-type306 .swiper-area{box-sizing:border-box;padding:39px 16px 0 16px !important;} .list-type306 .list01 li{box-sizing:border-box;/*width:204px;*/width:156px;} .list-type306 .list01 li .item-box01 .img{height:176.3%;} .list-type306 .item-box01 .news-con{padding:12px 0 0 0;} .list-type306 .list01 .item-box01 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type306 .news-con .txt-time{height:19.5px;padding-top:4px;font-size:13px;} .list-type306 .list01 li .btns-wrap01{float:left;position:initial;margin-top:12px;text-align:left;} } @media only screen and (max-width:374px){ .list-type306{overflow:hidden;} .list-type306 .list01 li{width:156px;} } /* ---- ##[비주얼뉴스] list-type300 : 비주얼뉴스 많이 본 영상. 더건강 영상 리스트 ---- */ .list-type300{display:block;box-sizing:border-box;width:100%;margin-top:-60px;} .list-type300>.list01{flex-wrap:wrap;display:flex;gap:0 40px} .list-type300>.list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);padding-top:60px;} .list-type300>.list01 li.ads-item01{display:none;} .list-type300>.list01 li.ads-item01 [class*='aside-box1']{margin-top:0;} .list-type300>.list01 li .item-box01 .news-con:before{top:13px;width:16px;height:27px;padding:0;color:var(--font-color021);text-align:center;} .list-type300>.list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type300>.list01 li [class*='img-con'] .img{padding-top:56.24%;} .list-type300>.list01 li [class*='img-con'] .img:after{display:none;} .list-type300>.list01 li .tit-wrap{padding-right:0;height:54px;} .list-type300>.list01 li .tit-news{font-size:18px;line-height:27px;} .list-type300>.list01 li .btns-wrap01{float:right;width:auto;height:21px;margin-top:8px;} .list-type300 .news-con .date{display:flex;align-items:center;float:left;margin-top:8px;gap:15px;} .list-type300 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type300.number01 .item-box01 .news-con{padding-left:0;} .list-type300>.list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type300>.list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type300 .item-box01 .news-con{padding:8px 0 0 0;background-color:var(--ui-tag001);} .list-type300>.list01 .item-box01 .tit-news .title01{overflow:hidden;display:-webkit-box;box-sizing:border-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type300 .news-con .ico-type02-play01{display:flex;align-items:center; height:21px;margin-top:0;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type300>.list01{gap:0 32px;} .list-type300>.list01 li{width:calc((100% - 64px) / 3);} .list-type300>.list01 .item-box01 .tit-news .title01{font-size:18px;} } @media only screen and (max-width:767px){ .list-type300{margin-top:-40px;} .list-type300>.list01{gap:0 40px;} .list-type300>.list01 li{width:100%;padding-top:40px;} .list-type300>.list01 li.ads-item01{display:block;width:100%;} .list-type300>.list01 li .tit-wrap{height:48px;} .list-type300>.list01 .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type300 .news-con .date{gap:15px;} .list-type300 .news-con .txt-time{font-size:13px;} .list-type300 [class*='img-con'] a:hover .img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .list-type300 [class*='img-con'] a:hover .over-layer{display:none;} .list-type300 [class*='img-con'] a:hover .icon-play{display:none;} } /* ---- ##list-type301 : 주요포토, 많이 본 포토, 모멘트 ---- */ .list-type301>.list01{flex-wrap:wrap;display:flex;gap:60px 40px} .list-type301>.list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type301>.list01 li .item-box01 .news-con:before{display:none;} .list-type301.number01 .list01 li .item-box01 .news-con .tit-news:before{content:counter(number01, decimal);display:inline-block;top:14px;box-sizing:border-box;width:16px;height:27px;margin-right:8px;padding:0;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color021);text-align:center;counter-increment:number01;} .list-type301.number01 .item-box01 .news-con{padding-left:0;} .list-type301>.list01 li .tit-wrap .tit-news.style01{height:27px;-webkit-line-clamp:1;} .list-type301>.list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type301>.list01 li [class*='img-con'] .img:after{display:none;} .list-type301>.list01 li .tit-wrap{padding-right:0;} .list-type301 li.ads-item01{display:none;} /*.list-type301>.list01 li .btns-wrap01{position:absolute;right:0;bottom:0;z-index:10;width:auto;height:21px;}*/ .list-type301 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type301>.list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type301>.list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type301 .item-box01 .news-con{/*position:relative;*/padding:8px 0 0 0;background-color:var(--ui-tag001);} .list-type301>.list01 .item-box01 .tit-wrap{height:54px;} .list-type301>.list01 .item-box01 .tit-news .title01{overflow:hidden;display:-webkit-box;box-sizing:border-box;font-size:18px;line-height:27px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type301 [class*='img-con'] .label-box01{right:13px;bottom:11px;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type301>.list01{gap:60px 32px;} .list-type301>.list01 li{width:calc((100% - 64px) / 3);} .list-type301>.list01 .item-box01 .tit-news .title01{font-size:18px;} } @media only screen and (max-width:767px){ .list-type301>.list01{gap:40px;} .list-type301>.list01 li{width:100%;} .list-type301>.list01 li.ads-item01{display:block;width:100%;} .list-type301>.list01 li.ads-item01 .aside-box100{margin-top:0;} .list-type301>.list01 .item-box01 .tit-wrap{height:48px;} .list-type301>.list01 .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type301 .news-con .txt-time{font-size:13px;} } /* ---- ##list-type302 : 섹션-더건강포토 767이하 모듈 변형---- */ .list-type302>[class*='list0']{flex-wrap:wrap;display:flex;column-gap:20px;box-sizing:border-box;} .list-type302>[class*='list0'] li{box-sizing:border-box;width:calc(100% - 20px);} .list-type302>[class*='list0']>li .tit-wrap .tit-news.style01{height:27px;-webkit-line-clamp:1;} .list-type302>[class*='list0'] li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type302>[class*='list0'] li [class*='img-con'] .img:after{display:none;} .list-type302>[class*='list0'] li .tit-wrap{padding-right:0;height:54px;} .list-type302>[class*='list0'] li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type302>[class*='list0'] li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type302 .item-box01 .news-con{/*position:relative;*/padding:8px 0 0 0;background-color:var(--ui-tag001);} .list-type302 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;float:left;box-sizing:unset;max-width:100%;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type302>[class*='list0'] .item-box01 .tit-news .title01{overflow:hidden;display:-webkit-box;box-sizing:border-box;font-size:18px;line-height:27px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type302 .list01 li{box-sizing:border-box;width:100%;} .list-type302 .list02 li{box-sizing:border-box;width:calc(50% - 10px);} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type302>[class*='list0'] .item-box01 .tit-news .title01{font-size:18px;} } @media only screen and (max-width:767px){ .list-type302>[class*='list0']{width:100%;padding:0 16px;} .list-type302>[class*='list0'] li{flex-shrink:0;box-sizing:border-box;width:100%;margin-top:12px;padding:13px 0 0;border-top:1px solid var(--ui-tag005);;} .list-type302>[class*='list0'] li:first-of-type{margin-top:0;padding-top:0;border:none;} .list-type302 .item-box01{display:flex;width:100%;max-width:100%;} .list-type302 [class*='img-con']{flex-shrink:0;width:120px;margin-right:12px;} .list-type302>[class*='list0'] li .tit-wrap{height:48px;} .list-type302>[class*='list0'] .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type302 .news-con .txt-time{font-size:13px;} .list-type302 .btns-wrap01{position:relative;} .list-type302 [class*='item-box0'] .btns-wrap01 .tlp-content{top:30px;left:auto;right:30px;transform:none;} /* 노이미지 */ .list-type302 .img-none01{display:none;} .list-type302 .img-none01+ .news-con .tit-news{height:auto;max-height:48px;} } /* ---- ##list-type303 : 섹션-더건강 영상 767이하 모듈 스크롤 변형 ---- */ .list-type303 [class*='list0']{display:flex;box-sizing:border-box;width:calc(100% + 20px);} .list-type303 [class*='list0'] li{box-sizing:border-box;padding-right:20px;} .list-type303 [class*='list0'] li .tit-wrap .tit-news.style01{height:27px;-webkit-line-clamp:1;} .list-type303 [class*='list0'] li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type303 [class*='img-con'] .img{padding-top:56.24%;} .list-type303 [class*='list0'] li [class*='img-con'] .img:after{display:none;} .list-type303 [class*='list0'] li .tit-wrap{padding-right:0;height:54px;} .list-type303 [class*='list0'] li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type303 [class*='list0'] li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type303 .news-con{margin-top:8px;} .list-type303 .news-con .date{display:flex;align-items:center;margin-top:8px;gap:15px;} .list-type303 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type303 .ico-type02-play01{margin-top:0;margin-left:5px;} .list-type303 [class*='list0'] .item-box01 .tit-news .title01{overflow:hidden;display:-webkit-box;box-sizing:border-box;font-size:18px;line-height:27px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type303 .list01 li{box-sizing:border-box;width:33.3%;} .list-type303 .list02{box-sizing:border-box;} .list-type303 .list02 li{width:50%;} /*.list-type303 [class*='tooltip-type0'] .tlp-content{right: -53px;}*/ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type303 [class*='list0'] .item-box01 .tit-news .title01{font-size:18px;} } @media only screen and (max-width:767px){ .list-type303 .swiper-area>[class*='list0']{display:flex;width:100%;padding-left:16px;} .list-type303 .swiper-area {overflow:visible;padding-right:16px;} .list-type303 .swiper-area>[class*='list0'] li{box-sizing:border-box;width:236px;padding-right:16px;} .list-type303 .swiper-area>[class*='list0'] li:first-of-type{margin-top:0;padding-top:0;border:none;} .list-type303 .swiper-area>[class*='list0'] li .tit-wrap{height:48px;} .list-type303 .swiper-area>[class*='list0'] .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type303 .swiper-area>[class*='list0'] li .btns-wrap01{bottom:18px;} .list-type303 .news-con{margin-top:8px;} /* .list-type303 .news-con .date{display:block;}*/ .list-type303 .news-con .txt-time{font-size:13px;} .list-type303 .news-con .date{flex-wrap:wrap;flex-direction:column;gap:1px;align-items:flex-start;} } /* ---- ##[비주얼뉴스] list-type304 : 비주얼뉴스 #D ---- */ .list-type304{display:block;box-sizing:border-box;width:100%;} .list-type304>.list01{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;width:100%;padding-bottom:15px;gap:60px 40px;flex-wrap:wrap;} .list-type304>.list01 li.top-news{flex-shrink:0;position:relative;width:100%;padding:48px 0;} .list-type304>.list01 li.top-news .item-box01{display:flex;justify-content:flex-start;box-shadow:none;z-index:10;z-index:10;border:none;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con']{flex-shrink:0;width:480px;height:270px;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con'] .img{padding-top:56.2%;} .list-type304>.list01 li.top-news [class*='img-con']:after, .list-type304>.list01 li.top-news [class*='img-con']:before{display:none;} .list-type304>.list01 li.top-news .img-none01:after{display:block;} .list-type304>.list01 li.top-news .img-none01 .img:after{display:none;} .list-type304>.list01 li.top-news .item-box01 .news-con{display:block;box-sizing:border-box;width:100%;padding:0 0 0 40px;} .list-type304>.list01 li.top-news .txt-type003{position:relative !important;} .list-type304>.list01 li.top-news .txt-type003:before{content:'';display:block;position:absolute;left:-4px;bottom:-3px;width:8px;height:8px;background-color:var(--ui-tag030);transform:rotate(45deg);} .list-type304>.list01 li.top-news .txt-type003>.txt01{display:inline-block;box-sizing:border-box;height:26px;padding:2px 8px 3px 8px;background-color:var(--ui-tag030);font-size:14px;line-height:1.5;font-weight:700;color:var(--font-color001);} .list-type304>.list01 li.top-news .txt-type003:hover{opacity:1;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01{clear:both;float:none;position:relative;margin-top:0;padding-top:10px;text-align:left;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01{position:relative;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 .tlp-content{right:0;} .list-type304>.list01 li.top-news .btns-wrap01 .btn-type001.scrap01:before{background-position:50% 50%;} .list-type304>.list01 li.top-news .btns-wrap01 .btn-type001:before{background-position:0 50%} .list-type304>.list01 li.top-news .item-box01 .tit-news{display:-webkit-box;height:auto;margin-top:14px;font-size:36px;line-height:47px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type304>.list01 li.top-news .item-box01 .txt-time{margin-top:16px;padding-top:0;} .list-type304>.list01 li.top-news .tit-wrap{padding-top:0!important;} .list-type304>.list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type304>.list01 li.ads-item01{display:none;width:100%;} .list-type304>.list01 li.ads-item01 .aside-box100{margin-top:0;} .list-type304 .item-box01{position:relative;box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.15);border:1px solid var(--ui-tag011);} .list-type304 .item-box01:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--ui-tag011);} .list-type304 [class*='img-con']{overflow:hidden;position:relative;margin-bottom:0 !important;padding-bottom:16px;} .list-type304 [class*='item-box0'] .img-none01{background:var(--ui-tag000);} .list-type304 [class*='img-con'] .img{overflow:hidden !important;padding-top:56.56%;} .list-type304 .news-con{padding:0 16px 16px;} .list-type304 .news-con:after{content:'';display:block;clear:both;} .list-type304 .tit-wrap{display:inline-flex !important;flex-direction:column;position:relative;width:100%;padding-top:21px;} .list-type304 .tit01{display:inline-block;max-width:100%;} .list-type304 .tit-news{height:54px;max-height:initial;margin-top:4px;font-size:18px;-webkit-line-clamp:2;} .list-type304 .txt-type003{position:absolute;top:0;left:0;line-height:21px;} .list-type304 .txt-type003>.txt01{line-height:1;font-weight:600;} .list-type304 .txt-type003:hover{opacity:1!important;} .list-type304 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type304>.list01 li .btns-wrap01{float:right;/*position:absolute;right:16px;bottom:17px;*/z-index:10;width:auto;height:21px;} .list-type304>.list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type304>.list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} /* 그라데이션 */ .list-type304 [class*='img-con'] .img:after{content:'';opacity:0.9;display:block;position:absolute; top:0!important;left:50%!important;z-index:1;width:100%;height:100%;border:none !important;background:linear-gradient(180deg, rgba(17, 17, 17, 0.00) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1B1D1F 98.89%, #111 98.89%);transform:rotate(0deg) translateX(-50%) !important;} /* 해당 리스트 말풍선 스타일 */ .list-type304 [class*='item-box0'].style01 [class*='img-con']:before{content:'';display:block;position:absolute;left:0;bottom:1px;border-top:16px solid transparent;border-left:16px solid var(--ui-tag003);transform:rotate(-270deg);} /* 노이미지 */ .list-type304 [class*='item-box0'].style01 [class*='img-con'].img-none01:before{display:none;} /* 기존 말풍선 스타일 */ /*.list-type304 [class*='item-box0'].style01 .img:after{display:none;}*/ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type304>.list01 li.top-news{padding:48px 0;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con']{width:400px;height:225px;} .list-type304>.list01 li.top-news .item-box01 .news-con{padding:0 0 0 32px;} .list-type304>.list01 li.top-news .item-box01 .tit-news{font-size:32px;line-height:42px;} .list-type304>.list01 li.top-news .item-box01 .txt-time{margin-top:18px;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01{margin-top:18px;} .list-type304>.list01{gap:60px 32px;} .list-type304>.list01 li{width:calc((100% - 64px) / 3);} } @media only screen and (max-width:767px){ .list-type304>.list01 li.top-news{padding:32px 0;} .list-type304>.list01 li.top-news .txt-type003{margin-top:10px;} .list-type304>.list01 li.top-news:before{left:100%;width:16px;} .list-type304>.list01 li.top-news:after{right:100%;width:16px;} .list-type304>.list01 li.top-news .item-box01{flex-wrap:wrap;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con']{width:100%;height:auto;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con'] .img{padding-top:66.67%;} .list-type304>.list01 li.top-news .item-box01 .news-con{padding:0 0 0 0;} .list-type304>.list01 li.top-news .item-box01 .tit-news{height:auto;font-size:28px;line-height:36.4px;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01{clear:unset;float:right;position:static;margin-top:0;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01{position:static;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 .tlp-content{right:auto;} .list-type304>.list01{gap:40px;} .list-type304>.list01 li{width:100%;} .list-type304>.list01 li.ads-item01{display:block;width:100%;} .list-type304>.list01 [class*='img-con']{padding-bottom:12px;} .list-type304>.list01 [class*='item-box0'].style01 [class*='img-con']:before{border-left-width:12px;border-top-width:12px;} .list-type304 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type304 .news-con .txt-time{font-size:13px;} .list-type304 .txt-type003{line-height:20px;} .list-type304 .txt-type003>.txt01{font-size:13px;} } /* ---- ##[비주얼뉴스] list-type305 : 비주얼뉴스 YNA Shorts 채널 ---- */ .list-type305{display:block;box-sizing:border-box;width:100%;} .list-type305>.list01{flex-wrap:wrap;display:flex;gap:60px 40px;} .list-type305>.list01 li{box-sizing:border-box;width:calc((100% - 120px) / 4);} .list-type305>.list01 li .item-box01 .news-con:before{top:14px;width:16px;height:27px;padding:0;color:var(--font-color021);text-align:center;} .list-type305>.list01 li .item-box01 .img{overflow:hidden;display:block;padding-top:173.2%;border-radius:6px;background-position-y:0 !important;} .list-type305>.list01 li .item-box01 .img img{width:100%;} .list-type305>.list01 li [class*='img-con'] .img:after{display:none;} .list-type305>.list01 li .tit-wrap{padding-right:0;} .list-type305 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type305>.list01 li .btns-wrap01{z-index:10;width:auto;height:21px;} .list-type305>.list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type305>.list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type305 .item-box01 .news-con{position:relative;padding:16px 0 0 0;background-color:var(--ui-tag001);} .list-type305>.list01 .item-box01 .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:58px;font-size:20px;line-height:30px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type305>.list01 li.ads-item01{display:none;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type305>.list01{flex-wrap:wrap;display:flex;gap:60px 32px;} .list-type305>.list01 li{box-sizing:border-box;width:calc((100% - 96px) / 4);} .list-type305>.list01 li .item-box01 .img{padding-top:179.2%;} .list-type305>.list01 .item-box01 .tit-news{font-size:18px;line-height:27px;} .list-type305 .item-box01 .news-con{padding:8px 0 0 0;} .list-type305 .news-con .txt-time{font-size:13px;} } @media only screen and (max-width:767px){ .list-type305>.list01{flex-wrap:wrap;display:flex;gap:40px 16px;} .list-type305>.list01 li{box-sizing:border-box;width:calc((100% - 16px) / 2);} .list-type305>.list01 li.on{position:relative;z-index:15;}/* li z-index제어 공유 레이어show시 z-index제어를 위해 추가 */ /* .list-type305>.list01 li .tlp-content{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}*/ .list-type305>.list01 li .tlp-content{top:30px;left:auto;right:30px;transform:none;} /* .list-type305>.list01 li:nth-child(even) .tlp-content{left:auto;right:30px;} .list-type305>.list01 li:nth-child(odd) .tlp-content{left:0;}*/ .list-type305>.list01 .item-box01 .tit-news{height:54px;font-size:18px;line-height:27px;} .list-type305 .news-con .txt-time{padding-top:4px;} .list-type305>.list01 li .btns-wrap01{position:relative;margin-top:12px;text-align:left;} .list-type305>.list01 li.ads-item01{display:block;width:100%;} .list-type305>.list01 li.ads-item01 .aside-box100{margin-top:0;} } /* ---- ##[뉴스플러스] list-type307 : 뉴스플러스 리스트 ---- */ .list-type307{display:block;box-sizing:border-box;width:100%;} .list-type307 .list01{overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:40px;flex-wrap:wrap;} .list-type307 .list01 li{box-sizing:border-box;width:calc((100% - 120px)/4);border:1px solid var(--ui-tag000);} .list-type307 .list01 li>.item-box01{display:block;box-sizing:border-box;width:100%;border:1px solid var(--ui-tag005);} .list-type307 .list01 li:hover{border:1px solid var(--ui-tag030);box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.15);} .list-type307 .list01 li:hover>.item-box01{border:1px solid var(--ui-tag030);} .list-type307 .list01 li .news-con{display:block;position:relative;box-sizing:border-box;width:100%;padding:16px 16px 24px 16px;background-color:var(--ui-tag001);} .list-type307 .list01 li .news-con .btn-type411-toggle{position:absolute;top:16px;right:16px;z-index:10;} .list-type307 .list01 li .news-con .txt-type003{display:flex;justify-content:flex-start;align-items:center;height:28px;} .list-type307 .list01 li .news-con .txt-type003>.txt01{font-weight:500;} .list-type307 .list01 li .news-con .txt-type003:hover{opacity:1;text-decoration:none;} .list-type307 .list01 li .news-con .tit-wrap{display:block;box-sizing:border-box;width:100%;margin-top:8px;} .list-type307 .list01 li .news-con .tit-wrap .tit-news{overflow:hidden;display:-webkit-box;height:54px;font-size:18px;line-height:27px;font-weight:500;color:var(--font-color003);-webkit-box-orient:vertical;-webkit-line-clamp:2;} .list-type307 [class*='img-con'] .img .label-box01{right:8px;bottom:8px;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px){ .list-type307 [class*='item-box0'] a:hover{opacity:1;text-decoration:unset;} .list-type307 [class*='item-box0'] a:hover .title01{opacity:0.5;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){ .list-type307 .list01{gap:40px 32px;} .list-type307 .list01 li{width:calc((100% - 64px)/3);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type307 .list01{gap:40px;} .list-type307 .list01 li{width:100%;} .txt-type003>.txt01{font-size:13px;} .list-type307 .list01 li .news-con .tit-wrap .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type307 .list01 li{border:1px solid var(--ui-tag005);} .list-type307 .list01 li>.item-box01{border:0;} .list-type307 .list01 li:hover{border:1px solid var(--ui-tag005);box-shadow:none;} .list-type307 .list01 li:hover>.item-box01{border:0;} } /* ---- ##[뉴스플러스] list-type308 뉴스플러스 관심사뉴스패키지서브 ---- */ .list-type308{display:block;box-sizing:border-box;width:100%;} .list-type308>.list01{display:block;box-sizing:border-box;width:100%;} .list-type308 .list01 li{display:block;box-sizing:border-box;width:100%;padding-bottom:20px;} .list-type308 .list01 li + li{padding-top:20px;border-top:1px solid var(--ui-tag005);} .list-type308 .list01 li [class*='item-box0']{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:40px;} .list-type308 .list01 li [class*='item-box0'] [class*='img-con']{flex-shrink:0;width:242px;height:162px;} .list-type308 .list01 li [class*='item-box0'] .news-con{position:relative;} .list-type308 .list01 li [class*='item-box0'] .tit-news{font-size:22px;line-height:33px;font-weight:600;color:var(--font-color003);} /*.list-type308 .list01 li [class*='item-box0'] .tit-news:hover{opacity: 0.5;}*/ .list-type308 .list01 li [class*='item-box0'] .txt-time{display:block;margin-top:12px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} .list-type308 .list01 li [class*='item-box0'] .lead{display:-webkit-box;margin-top:12px;font-size:16px;line-height:24px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type308 .list01 li [class*='item-box0'] .btns-wrap01{display:inline-block;/*position:absolute;right:0;bottom:-4px;*/z-index:10;width:auto;vertical-align:top;} .list-type308+.paging-type01{margin-top:20px !important;} .list-type308 [class*='item-box0'] .btns-wrap01 .tlp-content{top:30px;left:auto;right:30px;bottom:auto;transform:none;} /* 노이미지 */ .list-type308 .list01 li [class*='item-box0'] .img-none01{display:none !important;} /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type308 .list01 li{padding-bottom:16px;} .list-type308 .list01 li + li{padding-top:16px;} .list-type308 .list01 li [class*='item-box0']{gap:32px;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type308 .list01 li{padding-bottom:16px;} .list-type308 .list01 li + li{padding-top:16px;} .list-type308 .list01 li [class*='item-box0']{gap:12px;} .list-type308 .list01 li [class*='item-box0'] [class*='img-con']{width:120px;height:80px;} .list-type308 .list01 li [class*='item-box0'] .tit-news{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:60px;font-size:18px;line-height:27px;} .list-type308 .list01 li [class*='item-box0'] .txt-time{margin-top:11px;font-size:13px;line-height:20px;} .list-type308 .list01 li [class*='item-box0'] .lead{display:none;} /* 노이미지 */ .list-type308 .img-none01{display:none;} } /* ---- ##[뉴스플러스] list-type309 뉴스플러스 이슈홈 리스트 ---- */ .list-type309{display:block;box-sizing:border-box;width:100%;} .list-type309 .list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:60px 40px;flex-wrap:wrap;} .list-type309 .list01>li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type309 .list01>li .title-type001{width:100%;padding-bottom:16px;} .list-type309 .list01>li .title-type001 .tit01{overflow:hidden;display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;} .list-type309 .list01>li .title-type001{padding-bottom:16px;} .list-type309 .list01>li .title-type001 .tit01:hover{color:var(--font-color003);} .list-type309 .list01>li .item-box01 .list-related03{display:block;box-sizing:border-box;width:100%;padding-top:12px;} .list-type309 .list01>li .item-box01 .list-related03>li{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;} .list-type309 .list01>li .list-related03>li + li{border-top:1px solid var(--ui-tag005);} .list-type309 .list01>li .list-related03>li a{display:inline-block;box-sizing:border-box;max-width:100%;padding:12px 0;} .list-type309 .list01>li .list-related03>li a .tit01{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;font-size:16px;line-height:24px;font-weight:500;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .list-type309 .list01>li .item-box01 .img{padding-top:66.76%;} .list-type309 .list01>li .list-related03{padding-top:12px;} /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type309 .list01{gap:40px;} .list-type309 .list01>li{width:100%;} .list-type309 .list01>li .title-type001{padding-bottom:0;} } /* ---- ##list-type310 : [서브] 사람들 메인 ---- */ /* 사람들 > 인사, 부고, 동정/게시판 */ .list-type310{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;gap:20px;} .list-type310>[class*='area']{position:relative;box-sizing:border-box;width:calc((100% - 40px)/3);padding:30px 30px 48px 30px;border:1px solid var(--ui-tag005);} .list-type310>[class*='area']::before{content:"";display:block;position:absolute;right:-1px;bottom:-1px;z-index:10;width:30px;height:30px;background-color:var(--ui-tag001);} .list-type310>[class*='area']::after{content:"";display:block;position:absolute;right:8px;bottom:8px;z-index:20;width:0;height:0;border-top:21px solid var(--ui-tag000);border-left:21px solid var(--ui-tag000);border-right:21px solid var(--ui-tag000);border-bottom:21px solid var(--ui-tag000);transform:rotate(135deg);} .list-type310>[class*='area'].object01{background-color:var(--ui-tag009);} .list-type310>[class*='area'].object01::after{border-top:21px solid var(--ui-tag031);} .list-type310>[class*='area'].object02{background-color:var(--ui-tag007);} .list-type310>[class*='area'].object02::after{border-top:21px solid var(--ui-tag012);} .list-type310>[class*='area'].object03{background-color:var(--ui-tag065);} .list-type310>[class*='area'].object03::after{border-top:21px solid var(--ui-tag034);} .list-type310>[class*='area'] .title-type001{margin-bottom:4px;} .list-type310 .list01{display:block;box-sizing:border-box;width:100%;} .list-type310 .list01>li{display:block;box-sizing:border-box;width:100%;} .list-type310 .list01>li+li{border-top:1px solid var(--ui-tag005);} .list-type310 .tit-wrap{padding:12px 0;} .list-type310 .tit-wrap .tit-news{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;font-size:16px;line-height:24px;font-weight:500;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type310 .tit-wrap .tit-news:hover .title01{opacity:1 !important;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type310{flex-wrap:wrap;box-sizing:border-box;padding:0 16px;} .list-type310>[class*='area']{width:100%;} .list-type310 .list01{flex-wrap:wrap;} .list-type310 .tit-wrap .tit-news{font-size:15px;} } /* ---- ##[뉴스플러스] list-type311 ---- */ /* 사람들 > 인사, 부고, 동정/게시판 */ .list-type311 .list01{display:block;box-sizing:border-box;width:100%;} .list-type311 .list01>li+li{border-top:1px solid var(--ui-tag005);} .list-type311 .tit-wrap{padding:12px 0;} .list-type311 .tit-wrap .tit-news{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;font-size:16px;line-height:24px;font-weight:500;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type311 .tit-wrap .tit-news:hover .title01{opacity:1 !important;} } /* ---- ##[뉴스플러스] list-type312 오피니언 서미숙의 집수다 리스트 ---- */ .list-type312{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;width:100%;gap:40px;/*padding-bottom:24px;*/} .list-type312 [class*='list0']{display:block;box-sizing:border-box;} .list-type312 .list01{flex-shrink:0;box-sizing:border-box;width:246px;} .list-type312 .list01 li [class*="img-con"]{width:246px;height:164px;margin-bottom:8px;} .list-type312 .list01 .img{width: 100%;padding-top: 66.67%;} .list-type312 .list01 li .tit-wrap .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;font-size:18px;line-height:27px;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type312 .list02{width:calc(100% - 286px);} .list-type312 .list02 li{width:100%;border-bottom:1px solid var(--ui-tag005);} .list-type312 .list02 li:last-child{border-bottom:0;} .list-type312 .list02 li .tit-wrap{display:inline-block;box-sizing:border-box;max-width:100%;padding:16px 0;} .list-type312 .list02 li:last-child .tit-wrap{padding-bottom:0;} .list-type312 .list02 li .tit-wrap .tit-news{display:block;} .list-type312 .list02 li .tit-wrap .tit-news .title01{overflow:hidden;display:block;width:100%;font-size:18px;line-height:27px;font-weight:500;color:var(--font-color003);white-space:nowrap;text-overflow:ellipsis;} .list-type312 .list02 li:first-child .tit-wrap{padding-top:0;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type312 [class*='list0'] li .tit-news:hover .title01{opacity:0.5;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){ .list-type312{padding-bottom:0;} .list-type312 .list01{width:220px;} .list-type312 .list01 li [class*="img-con"]{width:220px;height:147px;} .list-type312 .list02{width:calc(100% - 260px);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type312{flex-direction:column;gap:0;padding:0 16px;} .list-type312 .list01{width: 100%;} .list-type312 .list01 li{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:12px;} .list-type312 .list01 li [class*="img-con"]{flex-shrink:0;width:120px;height:80px;margin-bottom:0;} .list-type312 .list01 li .tit-wrap{width:100%;} .list-type312 .list01 li .tit-wrap .tit-news{font-size:16px;line-height:24px;} .list-type312 .list01 li [class*="img-con"]{margin-bottom:24px;} .list-type312 .list02{width:100%;} .list-type312 .list02 li .tit-wrap{padding:12px 0;} .list-type312 .list02 li:last-child .tit-wrap{padding-bottom:0;} .list-type312 .list02 li .tit-wrap .tit-news .title01{font-size:16px;line-height:24px;} /* 노이미지 */ .list-type312 .img-none01{display:none;} .list-type312 .img-none01+.tit-wrap{box-sizing:border-box;margin-bottom:12px;padding-bottom:13px;border-bottom:1px solid var(--ui-tag005);} } /* ---- [뉴스플러스].box-type001.box-major02>list-type312 오피니언 서미숙의 집수다 리스트 ---- */ .box-major02{margin-top:0!important;padding:24px 0;border-bottom:1px solid var(--ui-tag005);} .container511 .section01 .box-major02{padding:40px 0 0;border-bottom:0;} @media only screen and (min-width:768px) and (max-width:1023px){ .container511 .section01 .box-major02{padding:32px 0 0;} .page-opinion .container511 .section01 .box-major02:first-of-type{padding-top:32px !important;} } @media only screen and (max-width:767px){ .container511 .section01 .box-major02{padding:32px 0 0;} .page-opinion .container511 .section01 .box-major02:first-of-type{padding-top:32px !important;} } .box-major02:last-child{border-bottom:0;} .box-major02:first-child{padding-top:0;/*border-top:0;*/} .title-type001.arr01 + .list-type312{margin-top:16px;} .box-major02+.aside-box008{margin-top:24px!important;} .box-major02+.aside-box008 .ads-box{margin-bottom:0;} @media only screen and (min-width:1024px) and (max-width:1279px){ .box-major02{padding:24px 0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-major02{padding:40px 0 0;border-bottom:0;} } /* ---- ##[뉴스플러스] list-type313 이슈 서브 포토,그래픽 ---- */ .list-type313{display:block;box-sizing:border-box;width:100%;} .list-type313>.list01{/*overflow:hidden;*/display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:60px 40px;flex-wrap:wrap;} .list-type313>.list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type313>.list01 li.ads-item01{display:none;} .list-type313>.list01 li .news-con{display:block;position:relative;box-sizing:border-box;width:100%;margin-top:8px;} .list-type313>.list01 li .news-con .tit-news{overflow:hidden;display:-webkit-box;width:100%;height:54px;font-size:18px;line-height:27px;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type313>.list01 li .txt-time{margin-top:8px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} .list-type313 [class*='img-con'] a::after{content:'';opacity:0;display:block;position:absolute;top:0;left:0;z-index:2;box-sizing:border-box;width:100%;height:100%;border:12px solid var(--ui-tag045);} .list-type313 [class*='img-con'] .label-box01{opacity:1;right:8px;bottom:5px;} /* 보고있는 리스트 활성화 */ .list-type313 .active [class*='img-con'] a:after{opacity:1;transition:opacity 0.2s ease-in-out;} .list-type313 .active [class*='img-con'] a .label-box01{opacity:0;transition:opacity 0.2s ease-in-out;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type313 [class*='img-con'] a:hover:after{opacity:1;transition:opacity 0.2s ease-in-out;} .list-type313 [class*='img-con'] a:hover .label-box01{opacity:0;transition:opacity 0.2s ease-in-out;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type313>.list01{gap:60px 32px;} .list-type313>.list01 li{width:calc((100% - 64px)/3);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type313>.list01{gap:40px;} .list-type313>.list01 li{width:100%;} .list-type313>.list01 li.ads-item01{display:block;width:100%;} .list-type313>.list01 li.ads-item01 .aside-box100{margin-top:0;} .list-type313>.list01 li .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type313>.list01 li .txt-time{font-size:13px;} } /* ---- ##[뉴스플러스] list-type314 오피니언 홈 논&설 ---- */ .list-type314{display:block;box-sizing:border-box;width:100%;} .list-type314>.list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:40px;} .list-type314>.list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type314>.list01 li .news-con{display:block;position:relative;box-sizing:border-box;width:100%;margin-top:8px;} .list-type314>.list01 li .news-con .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:60px;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;} .list-type314>.list01 li .txt-time{margin-top:8px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} /*.list-type314>.list01 li .btns-wrap01{display:inline-block;position:absolute;right:-8px;bottom:-5px;z-index:10;width:auto;vertical-align:top;}*/ /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type314>.list01{gap:60px 32px;} .list-type314>.list01 li{width:calc((100% - 64px)/3);} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type314{padding:0 16px;} .list-type314>.list01{gap:0;flex-direction:column;} .list-type314>.list01 li{box-sizing:border-box;width:100%;padding:12px 0;} .list-type314>.list01 li:first-of-type{padding-top:0;} .list-type314>.list01 li + li{border-top:1px solid var(--ui-tag005);} .list-type314>.list01 li .item-box01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:16px;} .list-type314>.list01 li .item-box01 .img-con01{flex-shrink:0;width:120px;height:80px;} .list-type314>.list01 li .news-con{margin-top:0;} .list-type314>.list01 li .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type314>.list01 li .txt-time{font-size:13px;} .list-type314 [class*='item-box0'] .btns-wrap01{position:relative;} .list-type314 [class*='item-box0'] .btns-wrap01 .tlp-content{top:30px;left:auto;right:30px;transform:none;} /* 노이미지 */ .list-type314 .img-none01{display:none;} .list-type314 .img-none01+ .news-con .tit-news{height:auto !important;max-height:48px;} } /* ---- ##[뉴스플러스] list-type315 : 이슈 서브 영상 ---- */ .list-type315{display:block;box-sizing:border-box;width:100%;} .list-type315>.list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:60px 40px;flex-wrap:wrap;} .list-type315>.list01 li{box-sizing:border-box;width:calc((100% - 80px)/3);} .list-type315>.list01 li .item-box01 .news-con:before{top:13px;width:16px;height:27px;padding:0;color:var(--font-color021);text-align:center;} .list-type315>.list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type315>.list01 li [class*='img-con'] .img{padding-top: 55.986%;} .list-type315>.list01 li [class*='img-con'] .img:after{display:none;} .list-type315>.list01 li .tit-wrap{display:block;width:100%;padding-right:0;} .list-type315>.list01 li .tit-news{font-size:18px;line-height:27px;} .list-type315.number01 .list01 li .item-box01 .news-con:before{display:none;} .list-type315.number01 .list01 li .item-box01 .news-con .tit-news:before{content:counter(number01, decimal);display:inline-block;top:14px;box-sizing:border-box;width:16px;height:27px;margin-right:8px;padding:0;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color021);text-align:center;counter-increment:number01;} .list-type315 .news-con .date{display:flex;align-items:center;margin-top:8px;gap:15px;} .list-type315 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type315.number01 .item-box01 .news-con{padding-left:0;} .list-type315>.list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type315>.list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type315 .item-box01 .news-con{padding:16px 0 0 0;background-color:var(--ui-tag001);} .list-type315>.list01 .item-box01 .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:54px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type315 .news-con .ico-type02-play01{display:flex;align-items:center;height:21px;margin-top:0;} .list-type315 [class*='img-con'] a{display:block;} .list-type315 [class*='img-con'] .over-layer{content:'';opacity:0;display:block;position:absolute;top:0;left:-100%;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);-o-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);-ms-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .list-type315 [class*='img-con'] a:hover .over-layer{opacity:1;left:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /*.list-type315 [class*='img-con'] .icon-play{opacity:0;display:block;position:absolute;top:50%;left:50%;z-index:1;width:80px;height:80px;margin:-42px 0 0 -41px;background:url('../img/ico_play05.svg') no-repeat;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .list-type315 [class*='img-con'] a:hover .icon-play{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}*/ .list-type315 [class*='img-con'] .img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .list-type315 [class*='img-con'] a:hover .img{z-index:-1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type315>.list01{gap:60px 32px;} .list-type315>.list01 li{width:calc((100% - 64px)/3);} } @media only screen and (max-width:767px){ .list-type315>.list01{gap:40px;} .list-type315>.list01 li{width:100%;} .list-type315>.list01 li .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type315>.list01 li .txt-time{font-size:13px;} } /* ---- ##[뉴스플러스] list-type315 : 기자홈 기자리스트 ---- */ .list-type316{display:block;box-sizing:border-box;width:100%;} .list-type316>.list01{overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:40px;flex-wrap:wrap;} .list-type316>.list01>li{position:relative;box-sizing:border-box;width:calc((100% - 80px)/3);height:230px;padding:20px;border:1px solid var(--ui-tag005);background-color:var(--font-color001);} .list-type316>.list01>li .img-con01{overflow:hidden;position:absolute;top:0;left:0;z-index:10;width:80px;height:80px;border-radius:100%;} .list-type316 [class*='img-con'] .img:before{border-radius:100%;} .list-type316>.list01>li .img-con01.img-none01:after{content:'';opacity:0.1;display:block;position:absolute;top:50%;left:50%;width:48px;height:48px;background-image:var(--ui-bg503);background-size:100% auto;transform:translate(-50%, -50%);filter:var(--ui-filter012);} .list-type316>.list01>li .img-con01 .img{overflow:hidden;padding-top:100%;border-radius:80px;} .list-type316>.list01>li .btn-type411-toggle{position:absolute;top:0;right:0;z-index:10;} .list-type316>.list01>li .info-txt{display:block;box-sizing:border-box;width:100%;min-height:80px;padding:0 70px 0 100px;} .list-type316>.list01>li .info-txt .name{overflow:hidden;display:block;box-sizing:border-box;width:100%;height:30px;font-size:20px;line-height:1.5;font-weight:400;color:var(--font-color003);white-space:nowrap;text-overflow:ellipsis;} .list-type316>.list01>li .info-txt .name .color21{display:inline;} .list-type316>.list01>li .info-txt .name>em{display:inline;font-weight:700;} .list-type316>.list01>li .info-txt .mail{overflow:hidden;display:block;position:relative;box-sizing:border-box;width:100%;margin:4px 0 0 0;padding-left:17px;font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color005);white-space:nowrap;text-overflow:ellipsis;} .list-type316>.list01>li .info-txt .mail .ico-type61-mail02{display:block;position:absolute;top:50%;left:0;z-index:10;margin-top:-1px;transform:translateY(-50%);} .list-type316>.list01>li .info-txt .txt-type012{display:block;width:100%;margin-top:4px;padding:0 0 0 40px;font-size:14px;font-weight:500;color:var(--font-color004);} .list-type316>.list01>li .info-txt .txt-type012::before{content:"구독자";font-size:14px;font-weight:500;color:var(--font-color004);} .list-type316>.list01>li .info-txt .txt-type012::after{display:none;} .list-type316>.list01>li .txt-con{overflow:hidden;width:100%;margin-top:20px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color006);white-space:nowrap;text-overflow:ellipsis;} .list-type316>.list01>li .list-text240{margin-top:20px;padding-top:20px;border-top:1px solid var(--ui-tag011);} .list-type316 + .paging-type01{margin-top:40px !important;} /* 아랍어기자대응 */ .list-type316>.list01>li .item-box01.ar .txt-con{direction:rtl;text-align:right;} .list-type316>.list01>li .item-box01.ar .list-text240{direction:rtl;text-align:right;} .list-type316>.list01>li .item-box01.ar .list-text240>li{padding-right:12px;padding-left:0;} .list-type316>.list01>li .item-box01.ar .list-text240>li::after{left:auto;right:0;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type316>.list01{gap:40px 32px;} .list-type316>.list01>li{box-sizing:border-box;width:calc((100% - 64px)/3);height:260px;} .list-type316>.list01>li .txt-con{} .list-type316>.list01>li .img-con01{top:4px;width:70px;height:70px;} .list-type316>.list01>li .img-con01 .img{border-radius:70px;} .list-type316>.list01>li .info-txt{padding:0 70px 0 82px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type316{padding:0 16px;} .list-type316>.list01{gap:40px;} .list-type316>.list01>li{box-sizing:border-box;width:100%;height:auto;} .list-type316>.list01>li .info-txt{padding:0 70px 0 92px;} .list-type316>.list01>li .info-txt .name{font-size:18px;} .list-type316>.list01>li .info-txt .mail{font-size:13px;} .list-type316>.list01>li .info-txt .txt-type012{font-size:13px;} .list-type316>.list01>li .txt-con{font-size:14px;} .list-type316>.list01>li .list-text240{margin-top:16px;padding-top:16px;} .list-text240>li{font-size:15px;} } /* ---- ##[비주얼뉴스] list-type317 : 비주얼뉴스 많이본 포토, 그래픽 ---- */ [class*='list-type5'] .title-type001 .btn-type300{height:30px;} .list-type317{overflow:hidden;display:block;box-sizing:border-box;width:100%;} .list-type317 .swiper-area:not(.swiper-initialized) li{width:373px;} .list-type317 .list01{display:flex;width:100%;} .list-type317 .list01 li{box-sizing:border-box;width:100%;} .list-type317 .swiper-area:not(.swiper-initialized) li{width:373px;} .list-type317 .list01 li .item-box01 .news-con:before{display:none;} .list-type317.number01 .list01 li .item-box01 .news-con .tit-news:before{content:counter(number01, decimal);display:inline-block;top:14px;box-sizing:border-box;width:16px;height:27px;margin-right:8px;padding:0;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color021);text-align:center;counter-increment:number01;} .list-type317.number01 .item-box01 .news-con{padding-left:0;} .list-type317 .list01 li .tit-wrap .tit-news.style01{height:27px;-webkit-line-clamp:1;} .list-type317 .list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type317 .list01 li [class*='img-con'] .img:after{display:none;} .list-type317 .list01 li .tit-wrap{padding-right:0;} /*.list-type317 .list01 li .btns-wrap01{position:absolute;right:0;bottom:0;z-index:10;width:auto;height:21px;}*/ .list-type317 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;max-width:100%;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type317 .list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type317 .list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type317 .item-box01 .news-con{/*position:relative;*/padding:16px 0 0 0;background-color:var(--ui-tag001);} .list-type317 .list01 .item-box01 .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:54px;font-size:18px;line-height:27px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type317 [class*='img-con'] .label-box01{opacity:.6;display:flex;justify-content:center;align-items:center;right:12px;bottom:12px;width:32px;height:32px;background-color:var(--ui-tag003);} .list-type317 [class*='img-con'] .label-box01 .ico-type03-gallery01{width:24px;height:24px;background-size:22px 16px;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type317 .list01 li{box-sizing:border-box;width:calc(33.33% - 12px);} .list-type317 .swiper-area:not(.swiper-initialized) li{max-width:305px;} .list-type317 .swiper-area:not(.swiper-initialized) li{width:305px;} .list-type317 .list01 .item-box01 .tit-news{font-size:18px;} } @media only screen and (max-width:767px){ .list-type317 .swiper-area{box-sizing:border-box;padding:39px 16px 0 !important;} .list-type317 .list01 li{box-sizing:border-box;width:236px;} .list-type317 .swiper-area:not(.swiper-initialized) li{max-width:50%;} .list-type317 .list01 .item-box01 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type317 .item-box01 .news-con{padding-top:12px;} .list-type317.number01 .list01 li .item-box01 .news-con .tit-news:before{height:23px;font-size:18px;line-height:27px;} .list-type317 .list01 li .item-box01 .news-con .tit-news:before{font-size:18px;line-height:27px;} .list-type317 .news-con .txt-time{font-size:13px;} } /* ---- ##[비주얼뉴스] list-type318 : 비주얼뉴스 많이 본 영상 ---- */ .list-type318{display:block;box-sizing:border-box;width:100%;} .list-type318 .list01{display:flex;width:100%;} .list-type318 .list01 li{box-sizing:border-box;width:100%;} .list-type318 .swiper-area:not(.swiper-initialized) li{width:373px;} .list-type318 .list01 li .item-box01 .news-con:before{top:13px;width:16px;height:27px;padding:0;color:var(--font-color021);text-align:center;} .list-type318 .list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type318 [class*='item-box0'] .img{padding-top:56.15%;} .list-type318 .list01 li [class*='img-con'] .img:after{display:none;} .list-type318 .list01 li .tit-wrap{padding-right:0;} .list-type318 .list01 li .tit-news{font-size:18px;line-height:27px;} .list-type318.number01 .list01 li .item-box01 .news-con:before{display:none;} .list-type318.number01 .list01 li .item-box01 .news-con .tit-news:before{content:counter(number01, decimal);display:inline-block;top:14px;box-sizing:border-box;width:16px;height:27px;margin-right:8px;padding:0;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color021);text-align:center;counter-increment:number01;} .list-type318 .news-con .date{display:flex;align-items:center;margin-top:8px;gap:15px;} .list-type318 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type318.number01 .item-box01 .news-con{padding-left:0;} .list-type318 .list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type318 .list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type318 .item-box01 .news-con{padding:16px 0 0 0;background-color:var(--ui-tag001);} .list-type318 .list01 .item-box01 .tit-news{height:54px;overflow:hidden;display:-webkit-box;box-sizing:border-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type318 .news-con .ico-type02-play01{display:flex;align-items:center; height:21px;margin-top:0;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type318 .list01 .item-box01 .tit-news{font-size:18px;} .list-type318 .swiper-area:not(.swiper-initialized) li{width:305px;} } @media only screen and (max-width:767px){ .list-type318{overflow:hidden;} .list-type318 .swiper-area{box-sizing:border-box;padding:39px 16px 0 !important;} .list-type318 .list01 li{box-sizing:border-box;width:236px;} .list-type318 .list01 .item-box01 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type318 .item-box01 .news-con{padding-top:12px;} .list-type318.number01 .list01 li .item-box01 .news-con .tit-news:before{position:relative;top:-2px;height:23px;font-size:18px;line-height:27px;} .list-type318 .list01 li .item-box01 .news-con .tit-news:before{font-size:18px;line-height:27px;} .list-type318 .news-con .date{flex-wrap:wrap;flex-direction:column;gap:1px;align-items:flex-start;} .list-type318 .list01 li .btns-wrap01{bottom:21px;} .list-type318 .news-con .txt-time{display:none;font-size:13px;} .list-type318 [class*='img-con'] a:hover .img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1); transform:scale(1);} .list-type318 [class*='img-con'] a:hover .over-layer{display:none;} .list-type318 [class*='img-con'] a:hover .icon-play{display:none;} } /* ---- ##[비주얼뉴스] list-type319 : 비주얼뉴스 #D ---- */ .list-type319 .swiper-area{box-sizing:border-box;padding:46px 10px 0 !important;} .list-type319 .list01{width:100%;padding-bottom:15px;} .list-type319 li{box-sizing:border-box;width:100%;} .list-type319 .swiper-area:not(.swiper-initialized) li{width:373px;} .list-type319 .item-box01{position:relative;box-shadow:0px 5px 6px 0px rgba(0, 0, 0, 0.15);} .list-type319 .item-box01:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--ui-tag011);} .list-type319 [class*='img-con']{position:relative;} .list-type319 [class*='img-con']:before{content:'';display:block;position:absolute;left:0;bottom:0;z-index:2;width:100%;height:100%;background:linear-gradient(180deg, rgba(17, 17, 17, 0.00) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1B1D1F 98.89%, #111 98.89%);} .list-type319 [class*='img-con'] .img{padding-top:56.56%;} .list-type319 .news-con{padding:0 16px 16px;} .list-type319 .news-con:after{content:'';display:block;clear:both;} .list-type319 .tit-wrap{display:inline-flex !important;flex-direction:column;width:100%;} .list-type319 .tit01{display:inline-block;max-width:100%;} .list-type319 .tit-news{height:54px;max-height:initial;margin-top:4px;font-size:18px;-webkit-line-clamp:2;} .list-type319 .txt-type003{line-height:21px;} .list-type319 .txt-type003>.txt01{line-height:1;font-weight:600;} .list-type319 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;box-sizing:unset;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} /*.list-type319 .list01 li .btns-wrap01{position:absolute;right:16px;bottom:17px;z-index:10;width:auto;height:21px;}*/ .list-type319 .list01 li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type319 .list01 li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type319 .swiper-area:not(.swiper-initialized) li{width:305px;} } @media only screen and (max-width:767px){ .list-type319 .swiper-area{padding:46px 16px 0 !important;} .list-type319 li{width:220px;} .list-type319 .swiper-area:not(.swiper-initialized) li{max-width:220px;} .list-type319 .news-con{padding:0 16px 12px;} .list-type319 .tit-news{height:48px;max-height:48px;min-height:24px;font-size:16px;-webkit-line-clamp:2;} .list-type319 .list01 li .btns-wrap01{bottom:11px;} .list-type319 .txt-type003{height:20px;} .list-type319 .txt-type003>.txt01{font-size:13px;} .list-type319 .btns-wrap11{right:16px !important;} .list-type319 .btns-wrap01{width:auto;} } /* ---- ##[비주얼뉴스] list-type320 : 비주얼홈 - 주요포토 */ .list-type320{overflow:visible;position:relative;max-width:1200px;} .list-type320 .ir-txt01{position:absolute;} .list-type320 .news-con a{display:block;} .list-type320 .title01{overflow:hidden;display:-webkit-box;box-sizing:border-box;max-height:94px;margin-top:12px;font-size:36px;line-height:46px;font-weight:700;color:var(--font-color001);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type320 .date{margin-top:16px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color009);} .list-type320 .layer-txt{overflow:hidden;display:block;position:absolute;top:0;right:50%;z-index:10;box-sizing:border-box;width:600px;height:100%;margin-right:-600px;padding:40px;background-color:var(--ui-tag030);} .list-type320 .layer-txt:before{content:'';opacity:0.05;display:block;position:absolute;right:-81px;bottom:-155px;width:250px;height:303px;background-image:var(--ui-bg503);background-size:100% 100%;background-position:right bottom;background-repeat:no-repeat;transform:scale(1.3);transform-origin:bottom right;} .list-type320 .layer-txt .list01{overflow:hidden;display:flex;height:28px;gap:8px;flex-wrap:wrap;} .list-type320 .layer-txt .list01 li{flex-shrink:0;} .list-type320 .layer-txt .list01 li .txt01{display:flex;justify-content:center;align-items:center;padding:4px 8px;font-size:13px;line-height:20px;color:var(--font-color001);} .list-type320 .layer-txt .list01 li .txt01:hover, .list-type320 .layer-txt .list01 li:first-child .txt01{border-radius:2px;background:rgba(255, 255, 255, 0.20);} .list-type320 .swiper-area{overflow:visible;width:100%;max-width:1200px;height:400px;margin:0 auto;} .list-type320 .swiper-area .list01 .swiper-slide{width:600px;} .list-type320 .swiper-area:not(.swiper-initialized) li{width:600px;} .list-type320 .swiper-area .item-box01{overflow:hidden;position:relative;} .list-type320 .swiper-area .item-box01 [class*='img-con']{opacity:0.5;position:relative;box-sizing:border-box;min-width:50px;background:#fff;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter:grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);} .list-type320 .swiper-area .item-box01 [class*='img-con'] .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;padding-top: 66.67%;} .list-type320 .swiper-area [class*='img-con'] .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,.04);} .list-type320 .swiper-area [class*='img-con'] .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} .list-type320 .swiper-area [class*='img-con'] .rowH img{width:auto;} .list-type320 .swiper-area .swiper-slide-active .item-box01 [class*='img-con']{opacity:1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);} .list-type320 .btns-wrap11{position:absolute;top:auto!important;right:50%!important;bottom:40px;z-index:20!important;width:auto;margin-right:-560px;} .list-type320 .pager01 .txt-current{color:var(--font-color001)} .list-type320 .pager01 .txt-dash, .list-type320 .pager01 .txt-total{color:var(--font-color009);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type320 .tit-wrap:hover .title01{text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type320 .swiper-area:not(.swiper-initialized) li{width:450px;} .list-type320 .layer-txt:before{right:-49px;bottom:-80px;transform:scale(0.9);} .list-type320 .title01{max-height:84px;line-height:41px;} .list-type320 .swiper-area{max-width:900px;height:313px;} .list-type320 .swiper-area .list01 .swiper-slide{width:450px;} .list-type320 .layer-txt{width:450px;margin-right:-450px;padding:32px;} .list-type320 .swiper-area .item-box01 [class*='img-con'] .img{padding-top:69.67%;} .list-type320 .btns-wrap11{bottom:32px!important;margin-right:-418px;} } @media only screen and (max-width:767px){ .list-type320 .layer-txt:before{right:-30px;bottom:-50px;transform:scale(0.6);} .list-type320{overflow:hidden;margin:0 16px;} .list-type320 .swiper-area{height:auto;} .list-type320 .swiper-area .list01 .swiper-slide{width:100%;} .list-type320 .swiper-area:not(.swiper-initialized) li{max-width:100%;} .list-type320 .swiper-area .item-box01 [class*='img-con']{opacity:1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);filter:grayscale(0);} .list-type320 .btns-wrap11{position:absolute;right:50%;bottom:40px;z-index:20;width:auto;margin-right:-560px;} .list-type320 .swiper-notification{display:none;} .list-type320 .layer-txt{position:initial;width:100%;padding:20px 20px 70px 20px;background-size:107px;background-position:100% 114%;} .list-type320 .layer-txt .list01 li .txt01:hover{background:transparent;} .list-type320 .title01{height:64px;max-height:64px;font-size:26px;line-height:34px;} .list-type320 .date{font-size:13px;} .list-type320 .btns-wrap11{display:flex!important;top:auto;right:20px!important;bottom:-210px;margin-right:0;} .list-type320 .btns-wrap11 .btn-dir001-next{margin-left:16px;} } /* ---- ##list-type321 : 우분투 내 특집코너 */ .list-type321{padding-bottom:41px;margin-bottom:40px;} .list-type321:after{display:block;content:'';width:100%;height:1px;background-color:var(--ui-tag005);position:absolute;left:0;bottom:0;} .list-type321 .list01{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px 24px;} .list-type321 .list01 li{width:calc(50% - 12px);} .list-type321 .list01 li .item-box01{display:flex;} .list-type321 .list01 li [class*='img-con']{flex-shrink:0;width:172px;margin-right:24px;} .list-type321 .list01 li .tit-news{font-size:20px;font-weight:600;} .list-type321 .list01 .list-related01{margin-top:8px;} .list-type321 .list01 .list-related01 li{width:100%;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type321 .list01 li .tit-news{padding-bottom:1px;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type321 .list01 li [class*='img-con']{width:135px;margin-right:12px;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type321{padding:0 0 25px;margin-bottom:24px;} .list-type321:after{left:16px;width:calc(100% - 32px);} .list-type321 .swiper-area{padding:0 16px;box-sizing:border-box;} .list-type321 .list01{gap:0;flex-wrap:nowrap;} .list-type321 .list01 li{width:220px;box-sizing:border-box;} .list-type321 .list01 li .item-box01{display:block;} .list-type321 .list01 li [class*='img-con']{width:100%;margin-bottom:8px;} .list-type321 .list01 li .tit-news{font-size:16px;} } /* ---- ##list-type322 : 섹션 세계 - 특파원르포 ---- */ .list-type322>[class*='list0']{flex-wrap:wrap;display:flex;column-gap:20px;box-sizing:border-box;} .list-type322>[class*='list0'] li{box-sizing:border-box;width:calc(100% - 20px);} .list-type322>[class*='list0']>li .tit-wrap .tit-news.style01{height:27px;-webkit-line-clamp:1;} .list-type322>[class*='list0'] li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type322>[class*='list0'] li [class*='img-con'] .img:after{display:none;} .list-type322>[class*='list0'] li .tit-wrap{padding-right:0;} .list-type322>[class*='list0'] li .btns-wrap01 .btn-type001{width:26px;height:21px;} .list-type322>[class*='list0'] li .btns-wrap01 .btn-type001.scrap01:before{background-position:96% 50%;} .list-type322 .item-box01 .news-con{padding:8px 0 0 0;background-color:var(--ui-tag001);} .list-type322 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:center;float:left;box-sizing:unset;max-width:100%;height:21px;padding-top:8px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type322>[class*='list0'] .item-box01 .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:54px;font-size:18px;font-weight:600;line-height:27px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type322 .list01 li{box-sizing:border-box;width:calc(50% - 10px);} /* 중형 프레임 :1023px 이하 */ @media only screen and (max-width:1023px){ .list-type322>[class*='list0']{padding:0 14px;} .list-type322>[class*='list0'] .item-box01 .tit-news{height:50px;font-size:16px;line-height:24px;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type322>[class*='list0']{width:100%;padding:0 16px;} } /* ---- ##list-type323 : 오피니언 하위 칼럼별 우측 코너 ---- */ /* 칼럼 / 기자의세상읽기 */ .list-type323{display:block;box-sizing:border-box;width:100%;border-top:1px solid var(--ui-tag005);border-left:1px solid var(--ui-tag005);border-right:1px solid var(--ui-tag005);background-color: var(--ui-tag001);} .list-type323>li{display:block;box-sizing:border-box;width:100%;border-bottom:1px solid var(--ui-tag005);} .list-type323>li:empty{display:none;} .list-type323>li .item-box01{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:12px 16px;} .list-type323>li .item-box01 .txt-tag62{color: var(--font-color028) !important;} .list-type323>li [class*='item-box0'] .news-con{margin-right:12px;} .list-type323>li [class*='item-box0'] .tit-news{overflow:hidden;display:-webkit-box;box-sizing:border-box;height:auto;min-height:auto;font-size:15px;line-height:1.5;font-weight:500;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type323>li .item-box02{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;padding:12px 16px;} .list-type323 [class*='item-box0'] [class*='img-con01']{display:block;width:48px;height:48px;min-width:48px;} .list-type323>li .img-con01 .img{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;padding-top:0;border-radius:50%;} .list-type323>li .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, .04);border-radius:100%;} .list-type323>li .img-con01 .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type323{width:calc(100% - 32px);margin:0 16px;border-bottom:1px solid var(--ui-tag005);} .list-type323>li:last-of-type{border-bottom:0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type323{width:calc(100% - 32px);margin:0 16px;border-bottom:1px solid var(--ui-tag005);} .list-type323>li:last-of-type{border-bottom:0;} } /* ---- ##[테마] list-type440 : 테마별뉴스 핫뉴스 ---- */ .list-type440{display:block;box-sizing:border-box;width:100%;} .list-type440>.list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:60px 20px;flex-wrap:wrap;} .list-type440>.list01 .item-box01{overflow:visible;} .list-type440>.list01 li{box-sizing:border-box;width:calc((100% - 40px)/3);} .list-type440>.list01 li .item-box01 [class*='img-con']{margin-bottom:0;} .list-type440>.list01 li [class*='img-con'] .img:after{display:none;} .list-type440>.list01 li .tit-wrap{padding-right:0;} .list-type440>.list01 li .tit-news{font-size:20px;} .list-type440>.list01 li .btns-wrap01{width:auto;} .list-type440>.list01 .item-box01 .tit-news{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;height:56px;-webkit-box-orient:vertical;padding-bottom:2px;font-weight:700;} .list-type440 .news-con{/*position:relative;*/padding:12px 16px;background-color:var(--ui-tag007);} .list-type440 .news-con .txt-time{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:unset;height:27px;padding-top:12px;font-size:14px;font-weight:400;color:var(--font-color004);} .list-type440 .news-con:after{content:'';display:block;clear:both;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type440>.list01 .item-box01 .tit-news:hover .title01{opacity:1;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type440>.list01{gap:60px;} .list-type440>.list01 li{box-sizing:border-box;width:100%;} .list-type440>.list01 .item-box01 .tit-news{height:48px;font-size:16px;} .list-type440 .news-con .txt-time{font-size:13px;} .list-type440 .news-con, .list-type440 .btns-wrap01{position:static;} .list-type440 [class*='tooltip-type0'] .tlp-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} } /* ---- ##[테마] list-type441 > .item-box01 , item-box02 :테마별뉴스 톱뉴스 ---- */ .list-type441{display:block;box-sizing:border-box;width:100%;margin-top:14px;} .list-type441>.list01{display:block;position:relative;width:100%;} .list-type441>.list01::after{content:'';display:block;position:absolute;top:15px;left:4px;z-index:10;width:1px;height:100%;border-left:1px dashed var(--ui-tag004);} .list-type441 .list01 li + li{margin-top:60px;} .list-type441 .list01 li .btns-wrap01{overflow:visible;position:relative;margin-top:16px;} .list-type441 .list01 li .btns-wrap01 .tlp-content{top:30px;left:auto;right:30px;bottom:auto;transform:none;} .list-type441 .list01 li .btns-wrap02{overflow:visible;position:relative;margin-top:12px;} .list-type441 [class*='item-box']{overflow:visible;display:flex;flex-direction:row-reverse;position:relative;box-sizing:border-box;width:100%;min-height:160px;padding:0 0 0 28px;} .list-type441 [class*='item-box']::after{content:'';display:block;position:absolute;left:0;z-index:11;width:8px;height:8px;border-radius:8px;} .list-type441 [class*='item-box'] [class*='img-con']{flex-shrink:0;width:240px;margin-left:40px} .list-type441 [class*='item-box'] .img:after{display:none;} .list-type441 [class*='item-box'] .img{width:100%;padding-top:66.67%;} .list-type441 [class*='item-box'] .news-con{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;box-sizing:border-box;width:100%;} .list-type441 [class*='item-box'] .tit-wrap{overflow:hidden;display:table-cell;flex-shrink:0;box-sizing:border-box;width:100%;height:auto;padding-right:1px;line-height:1.5em;} .list-type441 [class*='item-box'] .tit-news{display:block;width:100%;min-height:27px;font-size:28px;line-height: 1.5;font-weight:700;text-align:left;} .list-type441 [class*='item-box'] .txt-time{font-size:14px;color:var(--font-color004);} .list-type441 [class*='item-box'] .tit-wrap+.txt-time{margin-top:19px;} .list-type441 .item-box01::after{top:15px;background-color:var(--ui-tag003);} .list-type441 .item-box02::after{top:6px;background-color:var(--ui-tag061);} .list-type441 .item-box02 .news-con .txt-time{display:block;box-sizing:border-box;width:100%;padding-bottom:12px;font-size:16px;line-height:1.3;font-weight:600;color:var(--font-color029);} .list-type441 .tlp-content{min-width:290px;} /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type441 [class*='item-box']{min-height:148px;} .list-type441 [class*='item-box'] .tit-news{font-size:24px;line-height: 1.5;font-weight:700;} .list-type441 [class*='item-box'] [class*='img-con']{width:222px;margin-left:20px} .list-type441 .list01 li + li{margin-top:60px;} .list-type441 .item-box01::after{top:12px;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type441{box-sizing:border-box;margin-top:12px;padding:0 16px;} .list-type441 [class*='item-box']{padding:0 0 0 16px;} .list-type441 [class*='item-box'] .tit-news{font-size:18px;line-height: 1.5;font-weight:700;} .list-type441 [class*='item-box'] .img-con11+.news-con .tit-news{min-height:75px;} .list-type441 [class*='item-box'] [class*='img-con']{width:97px;margin-left:16px} .list-type441 [class*='item-box'] .tit-wrap+.txt-time{margin-top:12px;} .list-type441 [class*='item-box']{min-height:65px;} .list-type441 .list01 li + li{margin-top:40px;} .list-type441 .item-box01::after{top:10px;} .list-type441 .list01 .item-box02::after{top:4px;} .list-type441 .list01 .item-box02 .news-con .txt-time{padding-bottom:8px;font-size:13px;} /* 좋아요,북마크 버튼 */ .list-type441 .list01 li .btns-wrap02{margin-top:16px;} .list-type441 .list01 li .btns-wrap01{position:absolute;right:0;bottom:0;margin-top:0;} .list-type441 .list01 li .btns-wrap01 .tlp-content{right:0;} } /* ---- ##[테마,비주얼뉴스] list-type442 > .item-box01 :이 시각 많이 본 뉴스/날짜별 많이 본 뉴스 ---- */ .list-type442{display:block;box-sizing:border-box;width:100%;} .list-type442>.list01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:60px 20px;flex-wrap:wrap;counter-reset:number01;list-style-type:none;} .list-type442>.list01 li{box-sizing:border-box;width:calc((100% - 40px)/3);} .list-type442>.list01 li.ads-item01{display:none;} .list-type442>.list01 li.ads-item01 [class*='aside-box']{margin-top:0!important;} .list-type442>.list01 .item-box01 .img:after{display:none;} .list-type442>.list01 .item-box01 .news-con{display:block;box-sizing:border-box;width:100%;padding:16px 16px 24px 16px;background-color:var(--ui-tag007);} .list-type442>.list01 [class*='item-box'] .news-con::before{content:counter(number01, decimal);display:inline-block;position:absolute;top:16px;left:16px;box-sizing:border-box;width:17px;height:28px;font-size:28px;line-height:28px;font-weight:600;color:var(--font-color004);counter-increment:number01;} .list-type442>.list01 .item-box01 .news-con:after{content:'';display:block;clear:both;} .list-type442>.list01 .item-box01{display:block;position:relative;box-sizing:border-box;width:100%;padding:0;} .list-type442>.list01 .item-box01 .btns-wrap01{/*position:absolute;*/top:16px;right:10px;z-index:1;width:auto;margin-top:0;} .list-type442>.list01 li:first-of-type .item-box01 .btns-wrap01{margin-top:4px;} .list-type442>.list01 [class*='item-box'] .tit-wrap{display:block;width:100%;margin-top:44px;padding-right:0;} .list-type442>.list01 .item-box01 .tit-news{display:-webkit-box;height:58px;font-size:20px;line-height:28px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type442>.list01 .item-box01 .lead{display:none;} .list-type442>.list01 [class*='item-box'] .txt-time{display:block;width:100%;margin-top:4px;font-size:13px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-type442>.list01 .item-box01 [class*='img-con']{width:100%;height:auto;margin-bottom:0;} .list-type442>.list01 .item-box02{display:flex;justify-content:flex-start;flex-direction:row-reverse;align-items:stretch;} .list-type442>.list01 .item-box02 [class*='img-con']{flex-shrink:0;width:540px;height:360px;} .list-type442>.list01 .item-box02 .news-con{display:block;position:relative;box-sizing:border-box;width:100%;padding:40px 40px 42px 40px;background-color:var(--ui-tag009);} .list-type442>.list01 .item-box02 .btns-wrap01{top:38px;right:24px;width:auto;} .list-type442>.list01 .item-box02 .tit-news{display:-webkit-box;height:102px;font-size:36px;line-height:47px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type442>.list01 .item-box02 .lead{display:block;display:-webkit-box;box-sizing:border-box;width:100%;height:72px;max-height:none;margin-top:12px;font-size:16px;line-height:23.5px;font-weight:400;color:var(--font-color006);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .list-type442>.list01 .item-box02 .txt-time{margin-top:12px;} .list-type442>.list01 .item-box02 .tit-wrap{margin-top:61px !important;} .list-type442>.list01 .item-box02 .news-con::before{top:40px;left:40px;height:auto;font-size:36px;line-height:36px;font-weight:700;color:var(--font-color021);} /* 노이미지 */ .list-type442>.list01 .item-box02 [class*='img-con'].img-none01{display:none;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type442>.list01 .item-box01 .tit-news:hover .title01{opacity:1;} } /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type442>.list01 .item-box02 .news-con{padding:32px 32px 60px 32px;} .list-type442>.list01 .item-box02 .tit-news{display:-webkit-box;height:92px;font-size:32px;line-height:42px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type442>.list01 .item-box02 [class*='img-con']{flex-shrink:0;width:504px;height:336px;} .list-type442>.list01 .item-box02 .lead{display:-webkit-box;height:48px;-webkit-line-clamp:2;} .list-type442>.list01 .item-box02 .news-con::before{top:32px;left:32px;height:auto;font-size:36px;line-height:36px;font-weight:700;color:var(--font-color021);} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type442{box-sizing:border-box;} .list-type442>.list01 .item-box01 .tit-news{display:-webkit-box;height:auto;max-height:50px;font-size:18px;line-height:25px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type442>.list01{gap:60px;} .list-type442>.list01 li{box-sizing:border-box;width:100%;} .list-type442>.list01 li.ads-item01{display:block;width:100%;} .list-type442>.list01 .item-box02 [class*='img-con']{width:100%;height:auto;flex:1;} .list-type442>.list01 .item-box02{flex-direction:column-reverse;} .list-type442>.list01 .item-box02 .news-con{position:relative;padding:16px 16px 40px 16px;} .list-type442>.list01 .item-box02 .tit-news{height:auto;max-height:75px;font-size:26px;line-height:34px;} .list-type442>.list01 .item-box02 .lead{display:none;} .list-type442>.list01 .item-box02 .news-con::before{top:16px;left:16px;height:auto;font-size:26px;line-height:26px;font-weight:700;color:var(--font-color021);} .list-type442>.list01 .item-box02 .tit-wrap{margin-top:42px;} .list-type442 .btns-wrap01{position:static !important;} .list-type442>.list01 .item-box02 .btns-wrap01{top:16px;right:10px;margin-top:0;} .list-type442 [class*='tooltip-type0'] .tlp-content{position:absolute;top:50%;left:50%;margin-top:35%;transform:translate(-50%, -50%);} .list-type442>.list01 li:first-child [class*='tooltip-type0'] .tlp-content{position:absolute;top:50%;left:50%;margin-top:-30%;transform:translate(-50%, -50%);} /* 노이미지 */ .list-type442>.list01 .item-box02 [class*='img-con'].img-none01{display:block;} } /* ---- ##[통합검색] list-type50$ : 공통 ---- */ [class*='list-type50']{overflow:hidden;} [class*='list-type50'] [class*='item-box0']{display:flex;padding:13px 0 12px;border-top:1px solid var(--ui-tag005);} [class*='list-type50'] [class*='item-box0'] [class*='img-con']{flex-shrink:0;float:none;} [class*='list-type50'] [class*='item-box'] em{display:inline;color:var(--font-color021);} [class*='list-type50'] + .btn-type300{display:none;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ [class*='list-type50'] [class*='item-box0'] a:hover{opacity:1;text-decoration-line:initial;} [class*='list-type50'] [class*='item-box0'] a:hover .tit-news{opacity:1 !important;} [class*='list-type50'] [class*='item-box0'] a .tit-news:hover{opacity:0.5 !important;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:767px){ [class*='list-type50'] + .btn-type300{width:calc(100% - 32px);margin:0 auto;} } /* ---- ##[통합검색] list-type500 :보도자료 ---- */ .list-type500 .item-box01 a{width:100%;} .list-type500 .news-con{display:flex;justify-content:space-between;align-items:center;} .list-type500 [class*='item-box0'] .tit-wrap{width:calc(100% - 125px);} .list-type500 [class*='item-box0']{padding:12px 0;border-top:1px solid var(--ui-tag005);} .list-type500 li:first-of-type [class*='item-box0']{padding-top:0;border-top:0;} .list-type500 li:last-of-type [class*='item-box0']:first-of-type{padding-bottom:0;border-bottom:0;} .list-type500 [class*='item-box'] em.txt-time{font-size:14px;font-weight:400;color:var(--font-color004);} .list-type500 [class*='item-box0'] .tit-news{min-height:24px;font-size:16px;line-height:1.5em;-webkit-line-clamp:1;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type500 [class*='item-box0'] a:hover{opacity:1;} .list-type500 [class*='item-box0'] a:hover .tit-news{opacity:0.5;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type500 [class*='item-box0'] .tit-news:hover{text-decoration-line:none;} } @media only screen and (max-width:767px){ .list-type500{padding:0 16px;} .list-type500 [class*='item-box0'] .news-con{justify-content:center;flex-direction:column;} .list-type500 [class*='item-box0'] .tit-wrap{width:100%;} .list-type500 .txt-time{width:100%;margin-top:4px;font-size:13px;} [class*='list-type50'] + .btn-type300{display:flex;margin-top:20px;} } /* ---- ##[통합검색] list-type501 :통합검색 뉴스 ---- */ .list-type501 [class*='list0'] .item-box01 [class*='img-con']{float:left;width:195px;height:129px;margin-right:24px;} .list-type501 [class*='item-box0']{padding:20px 0;border-top:1px solid var(--ui-tag005);} .list-type501 [class*='item-box0'] a{width:100%;} .list-type501 li:first-of-type [class*='item-box0']{padding-top:0;border-top:0;} .list-type501 li:last-of-type [class*='item-box0']{padding-bottom:0;border-bottom:0;} .list-type501 [class*='item-box0'] .tit-wrap{display:block;} .list-type501 [class*='item-box0'] .tit-news{min-height:30px;font-size:20px;line-height:30px;font-weight:600;-webkit-line-clamp:2;} .list-type501 [class*='item-box0'] .news-con{display:table-cell;} .list-type501 [class*='item-box0'] .lead{max-height:69px;color:var(--font-color006);-webkit-line-clamp:3;word-break:break-word;} .list-type501 .txt-time{margin-top:12px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type501 [class*='item-box0'] a:hover{opacity:1;} .list-type501 [class*='item-box0'] a:hover .tit-news{opacity:0.5;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type501 [class*='item-box0'] .tit-news:hover{text-decoration-line:none;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type501{padding:0 16px;} .list-type501 [class*='item-box0']{padding:12px 0;} .list-type501 [class*='list0'] .item-box01 [class*='img-con']{width:107px;height:70px;} .list-type501 [class*='item-box0'] .tit-news{min-height:24px;font-size:16px;line-height:24px;} .list-type501 .txt-time{margin-top:4px;font-size:13px;} } /* ---- ##[통합검색] .list-type502 :통합검색 포토 ---- */ .list-type502 .list01{overflow:hidden;display:flex;flex-wrap:wrap;width:calc(100% + 20px);/*gap:20px;*/} .list-type502 li{flex-shrink:0;box-sizing:border-box;width:25%;margin-bottom:64px;padding-right:20px;} .list-type502 .item-box01{position:relative;padding:0;border:0;} .list-type502 .item-box01 a{display:block;} .list-type502 .item-box01:after{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:1px solid var(--ui-tag011);} .list-type502 [class*='img-con']{position:relative;} .list-type502 .news-con{padding:8px 0 0 0;} .list-type502 .tit-wrap{display:inline-flex !important;flex-direction:column;width:100%;} .list-type502 .tit-wrap .tit-news{-webkit-line-clamp:3;} .list-type502 .tit01{display:inline-block;max-width:100%;} .list-type502 [class*='item-box'] b{color:var(--font-color021) !important;} .list-type502 .txt-time{margin-top:4px;font-size:14px;line-height:1.5;font-weight:400;color:var(--font-color004);} .list-type502 .btn-list01{position:absolute;left:8px;bottom:8px;z-index:2;} .list-type502 + .paging-type01{position:relative; z-index:2;margin-top:-20px !important;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type502 [class*='item-box0'] a:hover{opacity:1;} .list-type502 [class*='item-box0'] a:hover .tit-news{opacity:0.5;} } @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type502 [class*='item-box0'] .tit-news:hover{text-decoration-line:none;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type502{padding:0 16px;} .list-type502 .list01{gap:20px 16px;width:calc(100% + 16px);flex-wrap:wrap;} /*.list-type502 li{width:calc((100% - 16px) / 2);}*/ .list-type502 li{width:calc(50% - 16px);margin-bottom:0;padding-right:0;} .list-type502 .txt-time{font-size:13px;} } /* ---- ##[기타] list-type530 > .item-box01 : 보도자료 ---- */ .list-type530{display:block;box-sizing:border-box;width:100%;} .list-type530 .list01{display:block;box-sizing:border-box;width:100%;} .list-type530 .list01 li{display:block;box-sizing:border-box;width:100%;} .list-type530 .list01 li + li{margin-top:20px;padding-top:21px;border-top:1px solid var(--ui-tag005);} .list-type530 .list01 li [class*='item-box0']{overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:24px;} .list-type530 [class*='item-box'] em{color:var(--font-color021);} .list-type530 .list01 li [class*='item-box0'] [class*='img-con']{flex-shrink:0;width:134px;height:90px;} .list-type530 .list01 li [class*='item-box0'] .news-con{position:relative;} .list-type530 .list01 li [class*='item-box0'] .tit-news{ display:-webkit-box;font-size:20px;line-height:30px;font-weight:600;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type530 .list01 li [class*='item-box0'] .txt-time{display:block;margin-top:12px;font-size:14px;line-height:21px;font-weight:400;color:var(--font-color004);} .list-type530+.paging-type01{margin-top:40px !important;} /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type530 .list01 li + li{margin-top:16px;padding-top:17px;} .list-type530 .list01 li [class*='item-box0']{gap:24px;} .list-type530 .list01 li [class*='item-box0'] [class*='img-con']{width:134px;height:90px;} .list-type530 .list01 li [class*='item-box0'] .tit-news{font-size:20px;line-height:30px;font-weight:600;color:var(--font-color003);-webkit-line-clamp:3;} .list-type530 .list01 li [class*='item-box0'] .txt-time{margin-top:4px;font-size:14px;} } /* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type530 .list01 li + li{margin-top:16px;padding-top:17px;} .list-type530 .list01 li [class*='item-box0']{gap:12px;} .list-type530 .list01 li [class*='item-box0'] [class*='img-con']{width:120px;height:80px;} .list-type530 .list01 li [class*='item-box0'] .tit-news{font-size:16px;line-height:24px;} .list-type530 .list01 li [class*='item-box0'] .txt-time{margin-top:8px;font-size:13px;} } /* ---- ##[y뷰어] list-type540 : y뷰어 추천뉴스 ---- */ .list-type540 [class*='list0']{display:flex;} .list-type540 [class*='list0'] .item-box01{display:block;box-sizing:border-box;padding:0;border:1px solid var(--ui-tag004);} .list-type540 [class*='list0'] .item-box01 a{box-sizing:border-box;height:90px;padding:12px;} .list-type540 [class*='list0'] li{width:100%;max-width:295px;} .list-type540 [class*='list0'] li:first-of-type .item-box01:first-of-type{margin-top:0;} .list-type540 [class*='list0'] .item-box01 [class*='img-con']{float:right;width:84px;height:56px;margin-left:12px;} .list-type540 [class*='item-box0'] .tit-news{max-height:42px;font-size:14px;line-height:21px;-webkit-line-clamp:2;color:var(--font-color003);} .list-type540 [class*='item-box0'] .tit-news .title01{word-break:normal;} .list-type540 [class*='item-box0'] .news-con .txt01{margin-top:4px;font-size:13px;line-height:19.5px;color:var(--font-color004);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} /* ---- ##[y뷰어] list-type541 : y뷰어 관심사 뉴스 ---- */ .list-type541{margin-top:0!important;} .list-type541 [class*='list0']{display:flex;} .list-type541 [class*='list0'] .item-box01{display:flex;box-sizing:border-box;width:100%;height:92px;padding:0;border-top:0;background-color:var(--ui-tag044);} .list-type541 [class*='list0'] .item-box01 .img{padding-top:76%;} .list-type541 [class*='list0'] li{width:100%;max-width:295px;} .list-type541 [class*='list0'] li:first-of-type .item-box01:first-of-type{margin-top:0;} .list-type541 [class*='list0'] .btn-type411-toggle{flex-shrink:0;height:22px;margin:12px 12px 0 0;padding:2px 6px;} .list-type541 [class*='list0'] .btn-type411-toggle [class*='ico-type07-check0']{font-size:12px;} .list-type541 [class*='list0'] .item-box01 [class*='img-con']{float:right;width:84px;height:56px;padding-left:12px;} .list-type541 [class*='item-box0'] .news-con{display:block;flex-shrink:1;box-sizing:border-box;width:100%;padding:12px;} .list-type541 [class*='item-box0'] .tit-news{overflow:hidden;min-height:22px;font-size:14px;line-height:1.5;font-weight:600;color:var(--font-color003);-webkit-line-clamp:2;text-overflow:initial !important;} .list-type541 [class*='item-box0'] .news-con .txt01{display:table-cell;flex-shrink:0;width:32px;padding-left:12px;font-size:12px;line-height:18px;color:var(--font-color021);} .list-type541 [class*='item-box0'] .tit-name{margin-top:4px;font-size:12px;line-height:18px;font-weight:500;color:var(--font-color006);} .list-type541 .news-con{display:flex;flex-wrap:wrap;} .list-type541 .tit-wrap{width:100%;} .list-type541 .title01{display:inline;box-sizing:border-box;width:100%;} .list-type541 [class*='item-box0'] .news-con .txt-type003.style01 .txt01{padding-left:0;} .list-type541 [class*='item-box0'] .news-con .txt-type003+.tit-wrap{margin-top:4px;} .list-type541 .ico-type08-new02+.title01{min-height:20px;} .list-type541 .ico-type08-new02{width:18px;height:18px;margin-right:4px;line-height:18px;top:1px;} /* ---- ##[y뷰어] list-type542 : y뷰어 관심사 뉴스 ---- */ .list-type542{margin-top:0!important;} .list-type542 [class*='list0']{display:flex;} .list-type542 [class*='list0'] .item-box01{display:block;box-sizing:border-box;height:92px;padding:0;border-top:0;background-color:var(--ui-tag044);} .list-type542 [class*='list0'] .item-box01 .img{padding-top:76%;} .list-type542 [class*='list0'] li{width:100%;max-width:295px;} .list-type542 [class*='list0'] li:first-of-type .item-box01:first-of-type{margin-top:0;} .list-type542 [class*='list0'] .item-box01 [class*='img-con']{float:right;width:84px;height:56px;padding-left:12px;} .list-type542 [class*='item-box0'] .news-con{display:block;position:relative;box-sizing:border-box;padding:12px;} .list-type542 [class*='item-box0'] .tit-wrap{display:block;} .list-type542 [class*='item-box0'] .tit-news{display:-webkit-box;max-width:calc(100% - 53px);min-height:21px;font-size:14px;line-height:21px;font-weight:600;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--font-color003);} .list-type542 [class*='item-box0'] .tit-news .title01{word-break:normal;} .list-type542 [class*='item-box0'] .news-con .txt01{display:table-cell;width:32px;font-size:12px;line-height:18px;color:var(--font-color021);} .list-type542 [class*='item-box0'] .tit-name{margin-top:4px;font-size:12px;line-height:18px;font-weight:500;color:var(--font-color006);} .list-type542 .btn-type411-toggle{position:absolute;top:12px;right:12px;z-index:1;height:22px;padding:2px 6px;} .list-type542 [class*='ico-type07-plus0'], .list-type542 [class*='ico-type07-check0']{font-size:12px;} .list-type542 [class*='ico-type07-plus0']::before{margin-right:2px;} /* ---- ##[본문] list-type560 ---- */ /* 이미지 소재 상세보기 레이어 팝업 : 스와이퍼 큰 이미지 리스트 */ .list-type560 .swiper-area{height:100%;} .list-type560 [class*='item-box0']{height:100%;} .list-type560 [class*='img-con']{height:100%;} .list-type560 [class*='img-con'] .img{max-height:100%;} .list-type560 [class*='img-con'] .img .label-box03{top:8px;right:8px;} .list-type560 [class*='img-con'] .img:before{display:none;} .list-type560 [class*='img-con'] .img img{width:auto;max-width:100%;height:100%;object-position:center;} .fullpop-mode .list-type560 [class*='img-con'] .img{height:100%;padding-top:0;} .fullpop-mode .list-type560 [class*='img-con'] .img img{top:auto;left:auto;width:auto;max-width:100%;height:auto;max-height:100%;transform:none;object-fit:unset;object-position:center;} /* ---- ##[본문] list-type561 ---- */ /* 이미지 소재 상세보기 레이어 팝업 : 스와이퍼 작은 이미지 리스트 */ .list-type561{position:relative;box-sizing:border-box;padding:0 78px;} .list-type561 .list02 .swiper-slide{display:flex;align-items:center;padding:20px 0;} .list-type561 [class*="btn-dir004-"]{position:absolute;top:50%;z-index:1;transform:translateY(-50%);} .list-type561 .btn-dir004-prev{left:0;} .list-type561 .btn-dir004-next{right:0;} .list-type561 .list02 .swiper-slide{box-sizing:border-box;width:auto;} .list-type561 .list02 .swiper-slide .img{overflow:hidden;display:flex;justify-content:center;align-items:center;width:120px;height:80px;padding-top:0;} .list-type561 .list02 .swiper-slide img{width:100%;max-width:100%;object-fit:cover;object-position:center;} .list-type561 .list02 .swiper-slide-thumb-active .img-con01:before{content:'';display:block;position:absolute;top:0;left:0;z-index:2;box-sizing:border-box;width:100%;height:100%;border:6px solid var(--ui-tag045);} .list-type561 .swiper-button-disabled{display:none;} /* ---- ##[연합 라운지] list-type570 ---- */ .list-type570{z-index:1;} .list-type570 .swiper-area{width:100vw;height:calc(100vh - 60px);} .list-type570 .swiper-wrapper{display:flex;flex-direction:column;position:relative;z-index:10;} .list-type570 .swiper-slide{display:flex;align-items:center;position:relative;z-index:10;width:100vw;height:100vh;background-color:var(--ui-tag021);} .list-type570 .item-box01{display:flex;justify-content:space-between;flex-direction:row-reverse;position:relative;width:100vw;max-width:1200px;max-height:100%;margin:0 auto;padding:102px 0 120px;} .list-type570 .item-box01>.btns-wrap05{overflow:visible;position:absolute;right:66px;bottom:113px;z-index:2;width:40px;will-change:opacity;} .list-type570 .item-box01>.btns-wrap05 .tlp-content{right:55px;bottom:0;max-width:none;} .list-type570 .item-box01 .img-con01{min-width:35%;margin-right:140px;} .list-type570 .item-box01 .img-con01:before{content:'';display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:var(--ui-tag084);will-change:opacity;} .list-type570 .item-box01 .img-con01 .img{overflow:hidden;display:block;position:relative;z-index:0;padding-top:152%;} .list-type570 .item-box01 .img-con01 .img img{position:absolute;left:0;width:auto;height:100%;transform:none;} .list-type570 .item-box01 .news-con{display:flex;justify-content:center;flex-direction:column;padding:0 20px 0 140px;color:var(--font-color001);will-change:opacity;} .list-type570 .item-box01 .tit-wrap{max-width:341px;padding:24px 0;font-size:36px;font-weight:700;} .list-type570 .item-box01 .tit-news{overflow:hidden;-webkit-line-clamp:3;} .list-type570 .item-box01 .tit-news .title01{color:var(--font-color001);} .list-type570 .item-box01 .news-con>.txt01{font-size:12px;font-weight:600;color:var(--font-color001);} .list-type570 .item-box01 .news-con>.txt01>span{display:inline-block;margin:0 4px;} .list-type570 .item-box01 .news-con>.txt-info{display:flex;margin-top:8px;} .list-type570 .item-box01 .news-con>.txt-info>[class*='txt0']{margin-right:16px;font-size:13px;} .list-type570 .item-box01 .news-con>.txt-info>.txt01{opacity:0.8;position:relative;padding-right:17px;font-weight:600;color:var(--font-color001);} .list-type570 .item-box01 .news-con>.txt-info>.txt01:after{content:'';opacity:0.5;display:block;position:absolute;top:50%;right:0;width:1px;height:10px;background-color:var(--ui-tag001);transform:translateY(-50%);} .list-type570 .item-box01 .news-con>.txt-info>.txt02{display:flex;align-items:center;font-weight:400;} .list-type570 .item-box01 .news-con>.txt-info>.txt02>.time{opacity:0.8;} .list-type570 .item-box01 .news-con>.txt-info>.txt03{opacity:0.8;font-weight:400;} .list-type570 .item-box01 .news-con>.txt-info>.txt03>em{display:inline-block;margin-left:4px;font-weight:500;} .list-type570 .item-box01 .news-con>.txt-info .ico-type08-new02{top:0;margin-right:4px;width:16px;height:16px;} .list-type570 .swiper-area>.btn-wrap05{display:flex;flex-direction:column;align-items:center;position:fixed;left:50%;bottom:0;z-index:255;box-sizing:border-box;width:100%;max-width:980px;height:80px;padding:12px 16px;transform:translateX(-50%);} .list-type570 .swiper-area>.btn-wrap05>.txt01{overflow:hidden;position:relative;z-index:2;box-sizing:border-box;width:100%;padding:0 16px;font-size:16px;font-weight:600;color:var(--font-color001);text-align:center;white-space:nowrap;text-overflow:ellipsis;} .list-type570 .swiper-area>.btn-wrap05>.btn-dir007-down{width:32px;height:32px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ .list-type570 .item-box01 .tit-news:hover .title01{opacity:1 !important;} } /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .list-type570 .swiper-area>.btn-wrap05{max-width:calc(100% - 210px);} } @media only screen and (max-width:767px){ .list-type570 .item-box01{width:100vw;height:100vh;padding:0;} .list-type570 .item-box01 .img-con01{position:relative;top:0;left:0;z-index:0;width:100vw;height:100vh;margin-right:0;} .list-type570 .item-box01 .img-con01:before{background:var(--ui-tag083);} .list-type570 .item-box01 .img-con01 .img{padding-top:100vh;} .list-type570 .item-box01 .news-con{position:absolute;left:0;bottom:180px;z-index:1;width:100%;padding:0 88px 0 24px;} .list-type570 .item-box01 .tit-wrap{padding:4px 0 12px;font-size:28px;line-height:1.3;} .list-type570 .item-box01>.btns-wrap05{right:16px;bottom:180px;} .list-type570 .item-box01>.btns-wrap05 .tlp-content{right:0;bottom:55px} .list-type570 .swiper-area>.btn-wrap05:before{content:'';display:block;position:absolute;left:16px;bottom:0;width:calc(100% - 16px);height:100%;background-color:var(--ui-tag031);} .list-type570 .swiper-area>.btn-wrap05>.txt01{font-size:14px;} .list-type570 .swiper-area>.btn-wrap05>i{display:block;position:absolute;top:16px;left:0;width:17px;height:74px;background-color:var(--ui-tag031);} .list-type570 .swiper-area>.btn-wrap05>i:before{content:'';display:block;position:absolute;top:-16px;left:0;z-index:2;width:0;height:0;border-top:17px solid transparent;border-left:17px solid var(--ui-tag031);transform:rotate(-90deg);} } /* ##list-type600 : 타임라인 */ .list-type600{overflow:hidden;position:relative;height:100%;} .list-type600:before{content:'';display:block;position:absolute;top:16px;left:8px;box-sizing:border-box;width:1px;height:100%;border-left:1px dashed var(--ui-tag004);} .list-type600 .list01{position:relative;overflow-y:auto;height:100%;padding-bottom:50px !important;box-sizing:border-box;} .list-type600 .list01 li{position:relative;margin-top:20px;padding-right:12px;padding-left:24px;} .list-type600 .list01 li:before{content:'';display:block;position:absolute;top:7px;left:5px;z-index:1;width:7px;height:7px;border-radius:100%;background-color:var(--ui-tag012);} .list-type600 .news-con{} .list-type600 .tit-wrap{text-align:left;} .list-type600 .tit-news{margin-top:4px !important;font-size:18px !important;line-height:1.5;color:var(--font-color006);text-align:left !important;} .list-type600 .info-box01{font-size:13px;font-weight:600;color:var(--font-color006);} /* 스크롤바 전체 기본 꾸미기 */ .list-type600 .list01::-webkit-scrollbar{width:3px;background-color:var(--ui-tag001);} /* 스크롤바 막대 꾸미기 */ .list-type600 .list01::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--ui-tag012);} /* 첫번째 요소 제어 */ .list-type600 .list01 li:first-of-type{margin-top:0;} .list-type600 .list01 li:first-of-type:before{top:8px;left:5px;background-color:var(--ui-tag061);} .list-type600 .list01 li:first-of-type:after{content:'';opacity:0;display:block;position:absolute;top:6px;left:3px;z-index:1;width:11px;height:11px;border-radius:100%;background-color:var(--ui-tag061); -webkit-animation:motion-twinkle01 1.5s ease-out infinite; animation:motion-twinkle01 1.5s ease-out infinite; } .list-type600 .list01 li:first-of-type .tit-news{color:var(--font-color003);} .list-type600 .list01 li:first-of-type .info-box01{color:var(--ui-tag061);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .list-type600 .tit-news{font-size:16px !important;} .list-type600 .list01{max-height:440px;padding-bottom:40px !important;} } /* ##list-type900 : 포토 화보*/ .list-type900 .swiper-area{height:100%;} .list-type900 [class*='item-box0']{height:100%;} .list-type900 [class*='img-con']{height:100%;} .list-type900 [class*='img-con'] .img{max-height:100%;} .list-type900 [class*='img-con'] .img .label-box03{top:8px;right:8px;} .list-type900 [class*='img-con'] .img:before{display:none;} .list-type900 [class*='img-con'] .img img{width:auto;max-width:100%;height:100%;object-position:center;/* 오타 translate(-50%, -50%); */} .pop-fullscreen .list-type900 [class*='img-con'] .img{height:100%;padding-top:0;} .pop-fullscreen .list-type900 [class*='img-con'] .img img{top:auto;left:auto;width:auto;max-width:100%;height:auto;max-height:100%;transform:none;object-fit:unset;object-position:center;} /* ##list-type901 : 포토 화보*/ .list-type901{position:relative;box-sizing:border-box;padding:0 78px;} .list-type901 .list02 .swiper-slide{display:flex;align-items:center;padding:20px 0;} .list-type901 [class*="btn-dir004-"]{position:absolute;top:50%;z-index:1;transform:translateY(-50%);} .list-type901 .btn-dir004-prev{left:0;} .list-type901 .btn-dir004-next{right:0;} .list-type901 .list02 .swiper-slide{box-sizing:border-box;width:auto;} .list-type901 .list02 .swiper-slide a{overflow:hidden;display:flex;justify-content:center;align-items:center;width:120px;height:80px;padding-top:0;} .list-type901 .list02 .swiper-slide img{width:100%;max-width:100%;object-fit:cover;object-position:center;} .list-type901 .list02 .swiper-slide-active a{box-sizing:border-box;border:6px solid var(--ui-tag045);} /* =============== ####news-type (Single News) ======================== */ /* (클래스범위) : news-type000 ~ news-type299 * 메인톱기사 : news-type0$$ * 메인톱통단 : news-type1$$ */ /* ---- ## news-type$$ > item-box$$ : 공통 ---- */ [class*='news-type']{position:relative;} [class*='news-type']:empty{display:none;} [class*='news-type'] .ir-txt01{position:absolute;top:0;left:0;} [class*='news-type'] [class*='list']{box-sizing:border-box;padding:0;} [class*='news-type'] [class*='list']>li.ads-item01{display:none;width:100%;} [class*='news-type'] [class*='item-box0']{overflow:hidden;position:relative;} [class*='news-type'] [class*='item-box0'] [class*='img-con']{flex-shrink:0;position:relative;box-sizing:border-box;min-width:50px;} [class*='news-type'] [class*='item-box0'] .img{overflow:hidden;position:relative;width:100%;padding-top:66.67%;background-color:var(--ui-tag007);} [class*='news-type'] [class*='img-con'] .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 var(--ui-tag025);} [class*='news-type'] [class*='img-con'] .img img{position:absolute;top:0;left:50%;z-index:1;width:100%;height:100%;transform:translateX(-50%);object-position:center top;object-fit:cover;} [class*='news-type'] [class*='img-con'] .rowH img{width:auto;} [class*='news-type'] [class*='item-box0'] .news-con{box-sizing:border-box;width:100%;} [class*='news-type'] [class*='item-box0'] .tit-wrap{overflow:hidden;display:table-cell;box-sizing:border-box;max-width:100%;height:auto;padding-right:1px;line-height:1.5em;} [class*='news-type'] [class*='item-box0'] .title01{color:var(--font-color003);} [class*='news-type'] [class*='item-box0'] .tit-news{overflow:hidden;display:-webkit-box;width:100%;min-height:27px;line-height:1.5;font-weight:500;text-align:left;-webkit-box-orient:vertical;} [class*='news-type'] [class*='item-box0'] .title01{display:inline;will-change:opacity;} [class*='news-type'] [class*='item-box0'] .tit-news:empty{display:none;} [class*='news-type'] [class*='item-box0'] .lead{overflow:hidden;display:-webkit-box;height:auto;min-height:23px;margin-top:4px;font-size:15px;line-height:1.5em;color:var(--font-color004);-webkit-box-orient:vertical;-webkit-line-clamp:2;} [class*='news-type'] [class*='img-con'] [class*='label-box']{position:absolute;z-index:2;box-sizing:border-box;font-size:0;text-align:center;vertical-align:middle;} [class*='news-type'] [class*='img-con'] .label-box02{top:0;left:0;} [class*='news-type'] [class*='img-con'] .label-box03{top:0;right:0;} [class*='news-type'] [class*='img-con'] .label-box04{left:0;bottom:0;} [class*='news-type'] .con[class*='ads-']:empty{display:none;} [class*='news-type'] .label-box01{right:20px;bottom:16px;} [class*='news-type'] .lead:empty{display:none;} [class*='news-type'] .vid-con{position:relative;width:100%;height:0;padding-top:56.25%;} [class*='news-type'] .vid-con+[class*='img-con']{display:none;} [class*='news-type'] .ifm-youtube{position:absolute;top:0;left:0;width:100% !important;height:100% !important;} [class*='news-type'] [class*='list'] [class*='txt-tag']{font-size:14px;font-weight:600;} [class*='news-type'] [class*='list'] .title01{display:inline;} [class*='news-type'] [class*='list'] a[class^='txt-tag']{padding-right:16px;} [class*='news-type'] [class*='txt-tag2']:before{flex-shrink:0;} [class*='news-type'] [class*='txt-tag'] + .tit-news{margin-top:4px;} [class*='news-type'] .tit-news{margin-top:0;} [class*='news-type'] [class*='tit-news'] [class*='title']{word-break:keep-all;} [class*='news-type'] .tit-sub{font-size:18px;color:var(--font-color005);} [class*='news-type'] .tit-sub:empty{display:none;} [class*='news-type'] [class*='list'] [class*='txt-tag2']{margin-right:8px;} [class*='news-type'] .list02 [class*='txt-tag2']:before{width:auto;height:21px;padding:3px 4px;font-size:14px;line-height:1;font-weight:500;} [class*='news-type'] .list-related01{padding-top:4px;} [class*='news-type'] .list-related01 a{color:var(--font-color005);} /* 폰트사이즈 제어 */ [class*='news-type'] .tit-wrap44 .tit-news{font-size:44px !important;line-height:1.3 !important;} [class*='news-type'] .tit-wrap48 .tit-news{font-size:48px !important;line-height:1.3 !important;} [class*='news-type'] .tit-wrap60 .tit-news{font-size:60px !important;line-height:1.3 !important;} [class*='news-type'] .tit-wrap48 [class*='txt-tag2']:before{top:12px;} [class*='news-type'] .tit-wrap60 [class*='txt-tag2']:before{top:17px;} [class*='news-type'] .video-type01{position:absolute;top:0;left:0;width:100%;height:100%;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ [class*='news-type'] .tit-news:hover .title01{cursor:pointer;opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1279px){ [class*='news-type'] .tit-news br{display:none;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ [class*='news-type'] [class*='item-box0'] .lead{max-height:69px;min-height:23px;-webkit-line-clamp:3;} [class*='news-type'] [class*='list'] .title01{display:inline;position:relative;top:-1px;} [class*='news-type'] .label-box01{right:16px;bottom:12px;} [class*='news-type'] .tit-wrap44 [class*='txt-tag2']:before{top:12px} [class*='news-type'] .tit-wrap48 [class*='txt-tag2']:before{top:15px;} [class*='news-type'] .tit-wrap60 [class*='txt-tag2']:before{top:21px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='news-type'] .tit-sub br{display:none;} [class*='news-type'] .tit-sub{display:none;} /* [class*='news-type'] .tit-news br{display:none;} */ [class*='news-type'] [class*='tit-news'] [class*='title']{word-break:keep-all;} [class*='news-type'] [class*='list']>li.ads-item01{display:block;} [class*='news-type'] .label-box01{right:12px;bottom:6px;} [class*='news-type'] .tit-sub{font-size:16px;} [class*='news-type'] .list-related01{clear:both;padding-top:8px;} [class*='news-type'] .list-related01 a .tit01{-webkit-line-clamp:1;font-size:15px;} /* 폰트사이즈 제어 */ [class*='news-type'] .tit-wrap44 .tit-news{font-size:34px !important;} [class*='news-type'] .tit-wrap48 .tit-news{font-size:38px !important;} [class*='news-type'] .tit-wrap60 .tit-news{font-size:42px !important;letter-spacing:0;} [class*='news-type'] .tit-wrap48 [class*='txt-tag2']:before{top:10px;} [class*='news-type'] .tit-wrap60 [class*='txt-tag2']:before{top:12px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='news-type'] .tit-sub br{display:none;} [class*='news-type'] .tit-sub{display:none;} /* [class*='news-type'] .tit-news br{display:none;} */ [class*='news-type'] [class*='item-box0'] .news-con{display:block} [class*='news-type'] .label-box01{right:16px;bottom:6px;} [class*='news-type'] .list01{scroll-behavior:smooth;}/* 스크롤 smooth효과 */ [class*='news-type'] [class*='list']{clear:both;} [class*='news-type'] [class*='list']>li.ads-item01{display:block;} [class*='news-type'] .list-related01{clear:both;padding-top:4px;} [class*='news-type'] .list-related01 a .tit01{-webkit-line-clamp:1;font-size:15px;} /* 폰트사이즈 제어 */ [class*='news-type'] .tit-wrap44 .tit-news{font-size:28px !important;} [class*='news-type'] .tit-wrap48 .tit-news{font-size:32px !important;} [class*='news-type'] .tit-wrap60 .tit-news{font-size:36px !important;letter-spacing:0;} [class*='news-type'] .tit-wrap44 [class*='txt-tag2']:before{top:5px;} [class*='news-type'] .tit-wrap48 [class*='txt-tag2']:before{top:5px;} [class*='news-type'] .tit-wrap60 [class*='txt-tag2']:before{top:8px;} } /* ---- ##news-type001 : 톱기사 ---- */ .news-type001{flex-shrink:0;width:580px;} .news-type001 .item-box01{align-items:flex-start;} .news-type001 .item-box01 [class*='img-con'] + .news-con, .news-type001 .item-box01 [class*='vid-con'] + .news-con{margin-top:12px;} .news-type001 .list-text002 .list01{padding:0;} .news-type001 .item-box01 .tit-news{font-size:36px;line-height:1.3;font-weight:700;color:var(--font-color003);} .news-type001 .item-box01 [class*='item-box0'] .lead{font-size:15px;} .news-type001 .list-related01>li{margin-top:4px;} .news-type001 .txt-tag01{font-size:14px;} .news-type001 a.txt-tag01{padding-right:16px;} .news-type001 [class*='txt-tag2']{margin-right:12px;line-height:2.5;} .news-type001 [class*='txt-tag2']:before{top:12px;width:auto;min-width:auto;height:38px;padding:6px 8px;font-size:20px !important;} .news-type001 .lead{margin-top:12px !important;} .news-type001 [class*='tit-wrap'] + .tit-sub{margin-top:12px;line-height:1.5;} .news-type001 .tit-sub{font-size:18px;font-weight:500;} .news-type001 .video-type01{position:absolute;top:0;left:0;width:100%;} .news-type001 [class*='img-con'] .label-box04{left:20px;bottom:16px;} /* 유튜브 */ /*.news-type001 .vid-con{padding-top:56.25%;}*/ @media only screen and (min-width:1024px){ .news-type001 .txt-tag01{font-size:18px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type001{width:50%;} .news-type001 [class*='img-con'] .label-box04{left:16px;bottom:12px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type001{width:100%;} /*.news-type001 .item-box01{display:flex;column-gap:32px;position:relative;}*/ .news-type001 .item-box01{overflow:hidden;display:block;position:relative;} .news-type001 [class*='img-con']{float:left;width:345px;} .news-type001 [class*='img-con'] .label-box04{left:12px;bottom:6px;} .news-type001 .news-con{display:table-cell;box-sizing:border-box;padding-left:32px;} .news-type001 .item-box01 .tit-news{margin-top:8px;font-size:26px;} .news-type001 .item-box01 .news-con{margin-top:0;} .news-type001 [class*='txt-tag2']{line-height:1.5;} .news-type001 [class*='txt-tag2']:before{top:3px;padding:4px 6px;font-size:15px !important;} .news-type001 [class*='item-box0'] .lead{-webkit-line-clamp:3;margin-top:8px !important;font-size:14px;} .news-type001 .vid-con{float:left;width:345px;padding-top:27.15%;} .news-type001 [class*='tit-wrap'] + .tit-sub{margin-top:8px;} .news-type001 .tit-sub{display:none;font-size:16px;} .news-type001+.aside-box101{margin-top:16px;padding:16px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type001{width:100%;} .news-type001 [class*='img-con'] .label-box04{left:16px;bottom:6px;} .news-type001 .item-box01{position:relative;} .news-type001 [class*='item-box0'] .lead{display:none;} .news-type001 .item-box01 .tit-news{margin-top:4px;font-size:26px;} .news-type001 .item-box01 .news-con{margin-top:12px;} .news-type001 [class*='txt-tag2']{margin-right:8px;line-height:1.6;} .news-type001 [class*='txt-tag2']:before{top:3px;padding:4px 6px;font-size:15px !important;} /*.news-type001 [class*='tit-wrap'] + .tit-sub{display:block;margin-top:12px !important;}*/ .news-type001 .tit-sub{display:none;} .news-type001+.aside-box101{margin-top:16px;padding:16px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} .news-type001 .list-related01 a .tit01{font-size:15px;} } /* ---- ##news-type002 : 주요기사01(톱기사 옆 위치) ---- */ .news-type002{overflow:hidden;box-sizing:border-box;padding-left:40px;} .news-type002 [class*='txt-tag2']:before{height:21px;padding:4px 5px;font-size:14px !important;font-weight:500;letter-spacing:0;} .news-type002 .list01{display:flex;align-items:stretch;column-gap:40px;row-gap:24px;flex-wrap:wrap;} .news-type002 .list01>li{width:calc(50% - 20px);} .news-type002 .list01 [class*='item-box0'] [class*='txt-tag4']{font-weight:500;} .news-type002 .list01 .tit-news{margin-top:0;font-size:18px;font-weight:700;} .news-type002 .list01 [class*='txt-tag2']{line-height:1.8;} .news-type002 .list01 [class*='img-con']{margin-bottom:8px;} .news-type002 .list01 [class*='item-box0'] .img{padding-top:58.54%;} .news-type002 [class^='aside-box']{display:none;padding:0;border-bottom:none;} .news-type002 [class^='aside-box'] .ir-txt01{position:absolute;top:0;left:0;} .news-type002 [class^='aside-box'] .con{margin:16px 0;} .news-type002 [class^='aside-box'] img{display:block;max-width:100%;margin:0 auto;} .news-type002 .label-box04{left:8px !important;bottom:8px !important;} .news-type002 .item-box02 + .item-box02{display:none;margin-top:24px;} .news-type002 .item-box02 + .item-box02.show{display:block;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type002{padding-left:0;} .news-type002 .list01{column-gap:32px;} .news-type002 .list01>li{width:calc(50% - 16px);} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type002{margin-top:44px;padding-left:0;} .news-type002 [class*='tit-wrap']{display:table-cell;} .news-type002 .list01{column-gap:32px;row-gap:0;} .news-type002 .list01>li{box-sizing:border-box;width:calc(50% - 16px);padding-top:32px;} .news-type002 .list01 [class*='img-con']{float:right;width:120px;margin:0 0 0 12px;} .news-type002 .list01 [class*='item-box0'] .img{padding-top:66.67%;} .news-type002 .list01 .tit-news{font-weight:600;} .news-type002 .list01 [class*='txt-tag2']{line-height:1.9;} .news-type002 .list01 .item-box01 [class*='tit-wrap']{display:block;min-height:80px;} .news-type002 .item-box02 + .item-box02{margin-top:32px;} .news-type002 [class*='item-box0'] .lead{margin-top:8px;font-size:14px;} .news-type002 [class^='aside-box']{display:flex ;flex-shrink:0;width:100% !important;margin:0;padding:16px 0;border:1px solid var(--ui-tag005);border-width:1px 0!important;} .news-type002 [clas*='aside-bnr'] .con{height:63px;} .news-type002 [class^='aside-box']+li, .news-type002 [class^='aside-box']+li+li, .news-type002 li:nth-of-type(1), .news-type002 li:nth-of-type(2){padding-top:0;} .news-type002 [class^='aside-box'] .con[class*='ads-']:empty{display:none;padding-top:0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type002{margin-top:32px;padding-left:0;} .news-type002 [class*='tit-wrap']{display:table-cell;} .news-type002 .list01{column-gap:0;row-gap:0;} .news-type002 .list01>li{box-sizing:border-box;width:100%;padding:12px 0;border-top:1px solid var(--ui-tag005);} .news-type002 .list01>li:first-of-type{margin-top:0;padding-top:0;border:none;} .news-type002 .list01 [class*='img-con']{float:right;width:120px;margin:0 0 0 12px;} .news-type002 .list01 [class*='item-box0'] .img{padding-top:66.67%;} .news-type002 [class*='img-con'] + .news-con .tit-wrap{height:80px;vertical-align:middle;} .news-type002 .list01 [class*='txt-tag2']{top:2px;} .news-type002 .list01 .tit-news{font-weight:600;} /*.news-type002 .list01 .item-box01 [class*='tit-wrap']{display:block;min-height:80px;}*/ .news-type002 [class*='item-box0'] .lead{display:none;margin-top:8px;} .news-type002 .list01 li{width:100%;} .news-type002 .list01>li.aside-bnr03{display:block;flex-shrink:0;width:100% !important;} .news-type002 [class^='aside-box']{display:block;flex-shrink:0;width:100% !important;border-bottom:none!important;} .news-type002 [class^='aside-box'] .con{height:63px;margin:0 auto;} .news-type002 .item-box02 + .item-box02{margin-top:12px;padding-top:12px;border-top:1px solid var(--ui-tag005);} } /* ---- ##news-type004 : 섹션홈 > 정치,경제,산업,사회,전국,세계,문화 list-type602 ---- */ .news-type004{display:flex;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid #E9E9E9;} .news-type004 [class*='list0']{width:calc(50% - 20px);} .news-type004 [class*='list0'] a.txt-tag01{font-size:14px;} .news-type004 a.txt-tag01{padding-right:18px;} .news-type004 a.txt-tag01:after{background-size:14px auto;background-position:center;} .news-type004 .tit-sub{margin-top:12px;font-weight:600;} .news-type004 .tit-sub+.lead{margin-top:12px;} /* 큰썸네일 */ .news-type004 .list01 [class*='txt-tag2']{line-height:3.5;} .news-type004 .list01 [class*='txt-tag2']:before{top:13px;font-size:20px;} .news-type004 .list01 [class*='item-box0'] .tit-news{font-size:36px;line-height:1.3;font-weight:700;} .news-type004 .list01 .news-con{margin-top:16px;} .news-type004 .list01 [class*='item-box0'] .img{padding-top:56.86%;} .news-type004 .list01 [class*='img-con'] .label-box04{left:20px;bottom:16px;} /* 작은썸네일 2개 */ .news-type004 .list02>li+li{position:relative;margin-top:24px;padding-top:25px;} .news-type004 .list02>li+li:after{content:'';display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:1px;background-color:var(--ui-tag005);} .news-type004 .list02 .item-box01{overflow:hidden;display:block;} .news-type004 .list02 [class*='img-con'] .label-box04{left:8px;bottom:9px;} .news-type004 .list02 [class*='img-con']{float:right;margin-left:32px;} .news-type004 .list02 [class*='img-con'] .img{width:200px;} .news-type004 .list02 [class*='tit-wrap']{display:block;width:100%;padding-bottom:8px;} .news-type004 .list02 .tit-news{margin-top:0;display:block;width:auto;} .news-type004 .list02 .tit-news .title01{font-size:22px;font-weight:700;} .news-type004 .list02 [class*='txt-tag2']{line-height:2.1;} .news-type004 .list02 [class*='txt-tag2']:before{font-size:14px;} .news-type004 .list02 .lead{-webkit-line-clamp:5;max-height:113px;} .news-type004 .list02 .lead+.list-related01{padding-top:8px;} .news-type004 .list02 .tit-news [class*='txt-tag2']:before{padding:4px 5px} /* 대형/대형 와이드 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ .news-type004 .list01 .txt-tag01{font-size:18px;} .news-type004 .list02 .list-related01 a, .news-type004 .list02 .list-related01 a .tit01{display:inline;} } /* 대형 와이드 프레임 : 1280px 이상 : 컨테이너영역1200px */ @media only screen and (min-width:1280px){ .news-type004 .list02 .lead{-webkit-line-clamp:6;max-height:134px;} .news-type004 .list01 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} .news-type004 .list02 [class*='txt-tag2']{top:2px;} } /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px) { .news-type004 [class*='list0']{width: calc(50% - 16px);} .news-type004 .tit-sub{margin-top:12px;font-weight:600;} .news-type004 .tit-sub+.lead{margin-top:12px;} .news-type004 .list01 [class*='item-box0'] .img{width:474px;padding-top:267px;} .news-type004 .list01 [class*='img-con'] .label-box04{left:16px;bottom:12px;} .news-type004 .list02 [class*='img-con'] .label-box04{left:8px;bottom:8px;} .news-type004 .list02 [class*='img-con']{margin-left:24px;} .news-type004 .list02 [class*='img-con'] .img{width:150px;padding-top:100px;} .news-type004 .list01 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type004{display:block;border-bottom:none;} .news-type004 [class*='list0']{width:100%;} .news-type004 .tit-sub{display:none;} /* 큰썸네일 */ .news-type004 .list01 .news-con{margin-top:0;} .news-type004 .list01 .item-box01{display:flex;} .news-type004 .list01 [class*='img-con'] .img, .news-type004 .list01 .vid-con{flex-shrink:0;width:345px;margin-right:32px;padding-top:197px;} .news-type004 .list01 [class*='img-con'] .label-box04{left:12px;bottom:8px;} .news-type004 .list01 [class*='item-box0'] .tit-news{font-size:26px;} .news-type004 .list01 [class*='tit-wrap']+.lead{margin-top:8px;} .news-type004 .list01 [class*='txt-tag2']{line-height:2.4;} .news-type004 .list01 [class*='txt-tag2']:before{top:8px;font-size:15px;} /* 작은썸네일 */ .news-type004 .list02{display:flex;flex-wrap:wrap;width:calc(100% + 33px);margin-top:32px;} .news-type004 .list02>li{flex-shrink:0;position:relative;box-sizing:border-box;width:50%;padding-right:33px;} .news-type004 .list02>li+li{margin-top:0;padding-top:0;} .news-type004 .list02>li+li:after{display:none;} .news-type004 .list02 .news-con{clear:both;} .news-type004 .list02 [class*='tit-wrap']{float:left;width:calc(100% - 132px);} .news-type004 .list02 [class*='img-con']{margin-left:12px;} .news-type004 .list02 [class*='img-con'] .label-box04{left:4px;bottom:4px;} .news-type004 .list02 [class*='img-con']{margin-bottom:8px;} .news-type004 .list02 [class*='img-con'] .img{width:120px;padding-top:80px;} .news-type004 .list02 .tit-news .title01{font-size:18px;font-weight:600 !important;} .news-type004 .list02 [class*='txt-tag2']{line-height:1.9;} .news-type004 .list02 .lead{font-size:14px !important;} /* 유튜브 */ .news-type004 .vid-con{padding-top:194px !important;} .news-type004 .list01 .tit-news [class*='txt-tag2']:before{padding:4px 6px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type004{display:block;padding-bottom:32px;border-bottom:none;} .news-type004 [class*='list0']{width:100%;} .news-type004 .tit-sub{display:none;} .news-type004 .lead{display:none !important;} .news-type004 .list-related01{padding-top:4px;} .news-type004 .list01 [class*='item-box0'] .tit-news{font-size:26px;} .news-type004 .list01 [class*='txt-tag2']{line-height:2.4;} .news-type004 .list01 [class*='txt-tag2']:before{top:7px;font-size:15px;} .news-type004 .list01 [class*='img-con'] .label-box04{left:16px;bottom:8px;} .news-type004 .list01 .news-con{margin-top:12px;} .news-type004 .list02{display:block;margin-top:32px;} .news-type004 .list02>li+li{position:relative;box-sizing:border-box;margin-top:12px !important;padding-top:13px;} .news-type004 .list02 .item-box01{display:flex;align-items:center;flex-wrap:wrap;} .news-type004 .list02 .item-box01:after{content:'';display:block;clear:both;} .news-type004 .list02 [class*='tit-wrap']{overflow:visible;display:table-cell;width:calc(100% - 132px);padding-bottom:0;vertical-align:middle;} .news-type004 .list02 [class*='img-con']{margin-bottom:0;margin-left:12px;} .news-type004 .list02 [class*='img-con'] .img{width:120px;padding-top:80px;} .news-type004 .list02 .news-con{clear:both;} .news-type004 .list02 [class*='txt-tag2']{line-height:1.9;} .news-type004 .list02 [class*='txt-tag2']:before{top:2px;} .news-type004 .list02 .tit-news .title01{font-size:18px;font-weight:600 !important;} .news-type004 .list01 .tit-news [class*='txt-tag2']:before{padding:4px 6px;} } /* ---- ##news-type005 : [서브 톱기사] 섹션홈 > 이슈돋보기 list-type604 ---- */ .news-type005{} .news-type005 [class*='txt-tag2']{line-height:1.9;} .news-type005 .list-related02 .tit01{font-weight:600;} .news-type005 .list01 .item-box01{overflow:hidden;margin-top:12px;} .news-type005 .list01 [class*='img-con'], .news-type005 .list01 .vid-con{float:left;width:630px !important;margin-right:40px;} .news-type005 .list01 [class*='img-con'] .img{padding-top:62.2%;} .news-type005 .list02 [class*='img-con'] .img{padding-top:56.06%;} .news-type005 .list02 .label-box01{right:8px;bottom:8px;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px) { .news-type005 .list01 [class*='img-con'] .img{padding-top:66.74%;} .news-type005 .list02 .label-box01{right:13px;bottom:11px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type005{width:100%;} .news-type005 [class*='txt-tag2']{line-height:1.7;} .news-type005 .list01 .item-box01{margin-top:0;} .news-type005 .list01 [class*='img-con'] .img{padding-top:66.74%;} .news-type005 .list02 .label-box01{right:8px;bottom:8px;} } /* 유튜브 */ .news-type005 .vid-con{padding-top:354px !important;} .news-type005 .list01 [class*='item-box0'] .news-con{display:table-cell;} .news-type005 .list01 .info-list01{justify-content:center;box-sizing:border-box;width:100%;height:59px;gap:0;} .news-type005 .list01 .info-list01>li{position:relative;margin-left:12px;padding-left:13px;} .news-type005 .list01 .info-list01>li:first-of-type{margin-left:0;padding-left:0;} .news-type005 .list01 .info-list01>li:first-of-type:after{display:none;} .news-type005 .list01 .info-list01>li:after{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:14px;background-color: var(--ui-tag005);transform:translateY(-50%);} .news-type005 .list01 .info-list01>li a .txt{font-size:18px;} .news-type005 .list01 .info-list01>li a .txt .num{font-size:18px;} /* 작은썸네일 리스트 */ .news-type005 .list02{display:flex;justify-content:flex-start;column-gap:40px;margin-top:40px;} .news-type005 .list02 .news-con{margin-top:8px;} .news-type005 .list02 .tit-news{font-size:18px;} .news-type005 .list02 li{flex-shrink:0;width:calc(33.3% - 20px);max-width:373px;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type005 .list01 [class*='img-con'], .news-type005 .vid-con{float:left;width:544px !important;margin-right:32px;} .news-type005 .list02{column-gap:32px;} .news-type005 .list02 li{width:calc(33.3% - 16px);max-width:305px;} /* 유튜브 */ .news-type005 .vid-con{padding-top:306px !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type005{display:block;} .news-type005 .list01{width:100%;} .news-type005 .list01 .item-box01{display:block;} .news-type005 .list01 [class*='item-box0'] .news-con{display:block;width:100%;padding-left:0;} .news-type005 .list01 [class*='img-con']{width:100% !important;margin-right:0;} .news-type005 .list01 .info-list01{height:auto;min-height:45px;justify-content:flex-start;gap:20px;padding:12px 16px;box-sizing:border-box;} .news-type005 .list01 .info-list01>li{margin-left:0;padding-left:0;} .news-type005 .list01 .info-list01>li:after{display:none;} .news-type005 .list01 .info-list01>li a .txt{font-size:14px;text-align:center;} .news-type005 .list01 .info-list01>li a .txt .num{font-size:14px;} .news-type005 .list02{display:block;flex-shrink:0;box-sizing:border-box;width:100%;margin-top:24px;padding-left:0;} .news-type005 .list02 li{width:100%;max-width:100%;} .news-type005 .list02 .tit-news{font-size:16px;} .news-type005 .list02 li+li{margin-top:20px;} /* 유튜브 */ .news-type005 .vid-con{padding-top:56.25% !important;} } /* ---- ##news-type006 : [서브 톱기사] 섹션홈 > 건강 list-type606 ---- */ .news-type006 {display:flex;} .news-type006 [class*='item-box0'] .tit-news{font-size:20px;font-weight:700;} .news-type006 [class*='img-con'] .label-box04{left:12px;bottom:12px;} .news-type006 .list01 [class*='txt-tag2']{line-height:2.2;} .news-type006 .list01{display:flex;} .news-type006 .list01>li{box-sizing:border-box;width:413px;padding-right:40px;} .news-type006 .list01 [class*='item-box0'] .img{padding-top:249px;} .news-type006 .list01 .tit-news{padding-top:8px;line-height:1.5;} .news-type006 .list01 .news-con{margin-top:8px;} .news-type006 .list01 .tit-news{margin-top:0;padding-top:0;} .news-type006 .list02{width:100%;} .news-type006 .list02>li{overflow:hidden;} .news-type006 .list02 [class*='img-con']{float:right;width:164px;margin-left:20px;} .news-type006 .list02 [class*='item-box0'] .img{padding-top:110px;} .news-type006 .list02>li{box-sizing:border-box;margin-top:20px;padding-top:31px;border-top: 1px solid var(--ui-tag005);} .news-type006 .list02>li:first-of-type{margin-top:0;padding-top:0;border-top:0;} .news-type006 .list02 .tit-news{line-height:1.4;} .news-type006 .list02 [class*='txt-tag2']{line-height:2.1;} @media only screen and (min-width:1024px){ .news-type006 .list01 .txt-tag01{font-size:18px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type006 [class*='img-con'] .label-box04{left:8px;bottom:8px;} .news-type006 .list01>li{width:332px;padding-right:32px;} .news-type006 .list01 [class*='item-box0'] .img{padding-top:200px;} .news-type006 .list02>li{margin-top:30px;} .news-type006 .list02 [class*='item-box0'] .img{padding-top:84px;} .news-type006 .list02 [class*='img-con']{width:125px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type006{display:block;padding:0 16px;} .news-type006 [class*='item-box0'] .tit-news{font-size:18px;} .news-type006 .list01{display:block;} .news-type006 .list01>li{width:100%;margin-top:40px;padding-right:0;} .news-type006 .list01 li:first-of-type{margin-top:0;} .news-type006 .list01 [class*='img-con'] .label-box04{left:12px;bottom:8px;} .news-type006 .list01 [class*='item-box0'] .img{padding-top:66.77%;} .news-type006 .list02{margin:20px 0;padding:20px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} .news-type006 .list02>li{margin-top:13px;padding-top:13px;} .news-type006 .list02>li .title01{font-weight:600;} .news-type006 .list02>li [class*='img-con']+.news-con .tit-news{display:table-cell;height:80px;vertical-align:middle;} .news-type006 .list02 [class*='img-con']{width:120px;margin-left:12px;} .news-type006 .list02 [class*='item-box0'] .img{padding-top:80px;} .news-type006 .list02 [class*='img-con'] .label-box04{left:4px;bottom:4px;} } /* ---- ##news-type007 : [서브 톱기사] 섹션홈 > 스포츠,연예 list-type605 ---- */ .news-type007{max-width:1200px;} .news-type007 .tit-sub{margin-top:4px;font-weight:600;} .news-type007 .tit-wrap+.tit-sub{margin-top:4px;} .news-type007 .tit-sub+.lead{margin-top:12px;} .news-type007 .list01{overflow:hidden;width:calc(100% + 40px);} .news-type007 .list01 [class*='img-con'] .label-box04{left:12px;bottom:12px;} .news-type007 .list01 .li{float:left;box-sizing:border-box;width:33.3%;margin-top:40px;padding-right:40px;} .news-type007 .list01 .li .list-related01 a .tit01{-webkit-line-clamp:1;} .news-type007 [class*='tit-wrap']+.list-related01{padding-top:4px;} .news-type007 .list01 .li [class*='tit-wrap']{padding-top:8px;padding-bottom:4px;} .news-type007 .list01 .li .tit-news{font-size:20px;line-height:1.4;font-weight:700;color:var(--font-color003);} .news-type007 .list01 [class*='txt-tag2']{line-height:2.1;} .news-type007 .list01 [class*='txt-tag2']:before{font-size:14px;} /* 첫번째 li 모듈 제어 */ .news-type007 .list01 li.top-news{flex-shrink:0;width:100%;margin-top:0;} .news-type007 .list01 li.top-news [class*='txt-tag2']{line-height:3.8;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{top:13px;font-size:20px;} .news-type007 .list01 li.top-news .item-box01{display:flex;background-color:var(--ui-tag009);} .news-type007 .list01 li.top-news [class*='img-con']{flex-shrink:0;width:540px;height:360px;} .news-type007 .list01 li.top-news [class*='img-con'] .label-box04{left:20px;bottom:16px;} .news-type007 .list01 li.top-news [class*='tit-wrap']{padding-bottom:8px;} .news-type007 .list01 li.top-news .tit-news{font-size:36px;line-height:1.3;font-weight:700;} .news-type007 .list01 li.top-news .news-con{box-sizing:border-box;padding:32px 40px 40px;} .news-type007 .list01 li.top-news .lead{font-size:16px;} .news-type007 .list01 li.top-news .list-related01{padding-top:16px;} /*노이미지*/ .news-type007 .list01 li.top-news .img-none01{background:none;} .news-type007 .list01 li.top-news .img-none01 .img{background-color:var(--ui-tag011);} @media only screen and (min-width:1024px){ .news-type007 .list01 li.top-news .txt-tag01{font-size:18px;} } /* 대형 와이드 프레임 : 1280px 이상 : 컨테이너영역1200px */ @media only screen and (min-width:1280px){ .news-type007 .list01 li.top-news .lead[data-count='0']{-webkit-line-clamp:4;} .news-type007 .list01 li.top-news .lead[data-count='1']{-webkit-line-clamp:3;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type007{max-width:980px;} .news-type007 .tit-wrap+.tit-sub{margin-top:0;} .news-type007 .tit-sub+.lead{margin-top:8px;} .news-type007 .list01{width:calc(100% + 32px);} .news-type007 .list01 .li{margin-top:32px;padding-right:32px;} .news-type007 .list01 [class*='img-con'] .label-box04{left:8px;bottom:8px;} .news-type007 .list01 li.top-news [class*='img-con']{width:504px;height:336px;} .news-type007 .list01 li.top-news [class*='img-con'] .label-box04{left:16px;bottom:12px;} .news-type007 .list01 li.top-news .tit-news{font-size:32px;} .news-type007 .list01 li.top-news .news-con{padding:24px 32px;} .news-type007 .list01 li.top-news .lead{max-height:97px;} .news-type007 .list01 li.top-news .lead[data-count='0']{-webkit-line-clamp:4;} .news-type007 .list01 li.top-news .lead[data-count='1']{-webkit-line-clamp:3;} .news-type007 .list01 li.top-news .lead[data-count='2'], .news-type007 .list01 li.top-news .lead[data-count='3'], .news-type007 .list01 li.top-news .lead[data-count='4'], .news-type007 .list01 li.top-news .lead[data-count='5'], .news-type007 .list01 li.top-news .lead[data-count='6']{-webkit-line-clamp:2;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type007{box-sizing:border-box;max-width:100%;padding:0 24px;} .news-type007 .tit-sub{display:none;} .news-type007 .tit-sub+.lead{margin-top:0;} .news-type007 .list01{width:calc(100% + 20px);} .news-type007 .list01 .li{margin-top:32px;padding-right:20px;} .news-type007 .list01 .li .img-none01{display:block;} .news-type007 .list01 [class*='img-con'] .label-box04{left:8px;bottom:8px;} .news-type007 [class*='tit-wrap']+.list-related01{padding-top:0;} .news-type007 .list01 .li .list-related01 a .tit01{font-size:15px;} .news-type007 .list01 .li .tit-news{font-size:18px;} .news-type007 .list01 .li [class*='txt-tag2']{line-height:1.9;} .news-type007 .list01 li.top-news [class*='img-con']{width:360px;height:240px;} .news-type007 .list01 li.top-news .img-none01{display:block;} .news-type007 .list01 li.top-news .news-con{padding:16px 16px 16px 24px;} .news-type007 .list01 li.top-news [class*='img-con'] .label-box04{left:12px;bottom:8px;} .news-type007 .list01 li.top-news .tit-news{font-size:26px;} .news-type007 .list01 li.top-news .lead{font-size:15px;} .news-type007 .list01 li.top-news .list-related01{padding-top:8px;} .news-type007 .list01 li.top-news [class*='txt-tag2']{line-height:2.5;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{top:8px;font-size:15px;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{padding:4px 6px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type007{box-sizing:border-box;max-width:100%;padding:0 16px;} .news-type007 .tit-sub{display:none;} .news-type007 .tit-sub+.lead{margin-top:0;} .news-type007 .list01{display:block;width:100%;} .news-type007 .list01 [class*='img-con'] .label-box04{left:4px;bottom:4px;} .news-type007 .list01 [class*='txt-tag2']{line-height:1.9;} .news-type007 .list01 .li{float:none;box-sizing:border-box;width:100%;margin-top:16px;padding-top:17px;padding-right:0;border-top:1px solid var(--ui-tag005);} .news-type007 .list01 .li .item-box01{overflow:hidden;} .news-type007 .list01 .li [class*='img-con']{float:right;width:120px;margin-left:12px;} .news-type007 .list01 .li [class*='img-con']+.news-con [class*='tit-wrap']{height:80px;vertical-align:middle;} .news-type007 .list01 .li .img-none01+.news-con [class*='tit-wrap']{height:auto !important;} .news-type007 .list01 .li [class*='tit-wrap']{padding:0;} .news-type007 .list01 .li .tit-news{font-size:18px;line-height:1.5;font-weight:600;-webkit-line-clamp:3;} .news-type007 .list01 .li .list-related01{clear:both;padding-top:4px;} .news-type007 .list01 .li:nth-of-type(2){margin-top:24px;padding-top:0;border:none;} .news-type007 .list01 li.top-news{margin-top:0;padding-top:0;border:none;} .news-type007 .list01 li.top-news [class*='txt-tag2']{line-height:2.4;} .news-type007 .list01 li.top-news .item-box01{display:block;} .news-type007 .list01 li.top-news .news-con{padding:16px 11px 24px;} .news-type007 .list01 li.top-news .tit-news{font-size:26px;line-height:1.3;font-weight:700;} .news-type007 .list01 li.top-news .lead{font-size:15px;} .news-type007 .list01 li.top-news [class*='img-con']{float:none;width:100%;height:auto;margin-left:0;} .news-type007 .list01 li.top-news [class*='img-con'] .label-box04{left:12px;bottom:8px;} .news-type007 .list01 li.top-news .list-related01{padding-top:8px;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{top:7px;font-size:15px;} /* 노이미지 제어 */ .news-type007 .list01 .li:nth-child(n + 2) .img-none01{display:none;} .news-type007 .list01 li.top-news [class*='txt-tag2']:before{padding:4px 6px;} } /* ---- ##news-type011 ~ news-type012 ---- */ /* news-type011 : 톱기사01 (큰 썸네일) * news-type012 : 톱기사02 (작은 썸네일)*/ /* 마켓플러스 톱기사01~02 */ .news-type011 .list01 [class*='txt-tag2']:before{top:12px;height:38px;padding:6px 8px;font-size:20px;line-height:1.2;font-weight:500;} .news-type011 .list01 [class*='img-con'] .label-box04{left:20px;bottom:16px;} .news-type011 .list01 [class*='item-box0'] .img{padding-top:386px;} .news-type011 .list01 [class*='item-box0'] .tit-news{font-size:36px;line-height:1.3;font-weight:700;} .news-type011 .list01 .news-con{margin-top:16px;} .news-type011 .list01 .tit-sub{margin-top:12px;} .news-type011 .list01 .tit-sub+.lead{margin-top:12px;} /* 작은썸네일 4개 */ .news-type012 [class*='txt-tag2']{line-height:2;} .news-type012 [class*='txt-tag2']:before{top:2px;height:21px;padding:4px 5px;font-size:14px !important;} .news-type012 .list01>li{margin-bottom:16px;padding-bottom:17px;border-bottom:1px solid var(--ui-tag005);} .news-type012 .list01>li:last-of-type{margin-bottom:0 !important;} .news-type012 .list01 .item-box01{overflow:hidden;} .news-type012 .list01 [class*='img-con'] .label-box04{left:7px;bottom:8px;} .news-type012 .list01 [class*='img-con']{float:right;width:165px;margin-left:12px;} .news-type012 .list01 .tit-news{font-size:20px;font-weight:600;} /* 대형/대형 와이드 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ .news-type012 [class*='list-related0'] a, .news-type012 [class*='list-related0'] a .tit01{display:inline;} } /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px) { .news-type011 .list01 .news-con{margin-top:12px;} .news-type011 .list01 [class*='item-box0'] .img{padding-top:316px;} .news-type011 .list01 [class*='img-con'] .label-box04{left:16px;bottom:12px;} .news-type012 .list01 [class*='img-con'] .label-box04{left:8px;bottom:8px;} .news-type012 .list01 [class*='img-con']{width:161px;} .news-type012 .list01 [class*='img-con'] .img{padding-top:110px;} .news-type012 .list01 .tit-news{margin-top:0;} } /* ---- ##news-type011(큰썸네일), news-type012(작은썸네일) ---- */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type011 .list01 [class*='item-box0'] .img{padding-top:66.67% !important;} .news-type011 .list01 [class*='img-con'] .label-box04{left:12px;bottom:8px;} .news-type011 .list01 .tit-news{font-size:26px !important;} .news-type011 .list01 [class*='txt-tag2']:before{top:8px;padding:4px 6px;font-size:15px;} .news-type011 .list01 .tit-sub{display:none;} .news-type011 .list01 .tit-sub+.lead{margin-top:8px;} .news-type012 .list01 [class*='img-con'] .label-box04{left:4px;bottom:4px;} .news-type012 .list01 [class*='img-con']{width:100px;margin-left:12px;} .news-type012 .list01 [class*='img-con'] .img{padding-top:67px;} .news-type012 .list01 .tit-news{margin-top:0;font-size:16px;} .news-type012 .list01 .lead{font-size:14px !important;} .news-type012 [class*='txt-tag2']{line-height:1.6;} .news-type012 .tit-news [class*='txt-tag2']:before{font-size:11px;} .news-type012 .list-related01{clear:both;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type011 .list01 [class*='item-box0'] .tit-news{font-size:26px;} .news-type011 .list01 [class*='img-con'] .label-box04{left:12px;bottom:8px;} .news-type011 .list01 [class*='item-box0'] .img{padding-top:66.48% !important;} .news-type011 .list01 [class*='txt-tag2']{line-height:2.4;} .news-type011 .list01 [class*='txt-tag2']:before{top:8px;padding:4px 6px;font-size:15px;} .news-type011 .list01 .news-con{margin-top:12px;} .news-type012 .list01{display:block;margin-top:33px;} .news-type012 .list01>li{position:relative;box-sizing:border-box;margin-bottom:12px !important;padding-bottom:13px;} .news-type012 .list01 .item-box01{display:block;} .news-type012 .list01 .item-box01:after{content:'';display:block;clear:both;} .news-type012 .list01 [class*='img-con'] .label-box04{left:4px;bottom:4px;} .news-type012 .list01 [class*='img-con']{width:120px;margin-bottom:4px;margin-left:12px;} .news-type012 .list01 [class*='img-con'] .img{padding-top:80px;} .news-type012 .list01 [class*='img-con']+.news-con .tit-wrap{display:table-cell;height:80px;vertical-align:middle;} .news-type012 .list01 .tit-news{font-size:18px;} .news-type012 .list01 [class*='txt-tag2']{line-height:1.5;} .news-type012 .list01 .list-related01{clear:both;padding-top:4px;} .news-type012 .tit-news [class*='txt-tag2']:before{position:relative;top:1px;font-size:11px;} } /* ---- ##top-wide00$ > news-type1$$ : 톱기사 통단(공통) ---- */ [class*='news-type1']{max-width:1200px;margin:0 auto;} [class*='news-type1'] [class*='tit-wrap']{margin-bottom:40px;text-align:center;} [class*='news-type1'] [class*='tit-wrap'] .tit-news{margin-top:0;font-size:40px;line-height:1.5;font-weight:700;} [class*='news-type1'] [class*='txt-tag2']{margin-right:8px;line-height:3.1;} [class*='news-type1'] [class*='txt-tag2']:before{flex-shrink:0;top:17px;padding:5px 8px;font-size:20px;} [class*='news-type1'] [class*='tit-wrap'] .title01{line-height:1.3;} [class*='news-type1'] .tit-sub{flex-shrink:0;width:100%;font-size:24px;-webkit-line-clamp:1;line-height:1.5;font-weight:500;color:var(--font-color003);} [class*='news-type1'] .tit-sub:empty{display:inline-block;position:absolute;height:0;margin:0 !important;font-size:0 !important;line-height:0 !important;} [class*='news-type1'] [class*='txt-tag0']{padding-right:16px;} [class*='news-type1'] [class*='txt-tag0']+ .tit-sub{margin-top:8px;} [class*='news-type1'] .vid-con{position:relative;} [class*='news-type1'] .vid-con .video-type01{position:absolute;top:0;left:0;width:100%;} [class*='news-type1'] .video-con .video-js{position:absolute;top:0;left:0;width:100%;height:100%;} [class*='news-type1'] .list01 [class*='txt-tag2']{line-height:3.8;} [class*='news-type1'] .list01 [class*='tit-wrap'] .tit-news{margin-top:0;} [class*='news-type1'] [class*='img-con'] .label-box04{left:20px;bottom:16px;} /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ /* 통단에 타임라인 리스트가 있을 때 hover 중복 제거 */ [class*='news-type1'] .list-type600 .tit-news:hover .title01{opacity:inherit;text-underline-position:inherit;text-decoration-thickness:inherit;text-decoration-line:inherit;text-decoration-color:inherit;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ [class*='news-type1'] [class*='txt-tag2']{line-height:2.5;} [class*='news-type1'] [class*='img-con'] .label-box04{left:16px;bottom:12px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='news-type1'] [class*='tit-wrap']{margin-bottom:32px;} [class*='news-type1'] [class*='txt-tag2']{line-height:2.2;} [class*='news-type1'] [class*='txt-tag2']:before{top:12px;padding:4px 6px;font-weight:700;} [class*='news-type1'] [class*='img-con'] .label-box04{left:12px;bottom:6px;} [class*='news-type1'] .tit-sub{display:none !important;margin-top:0;font-size:20px;} [class*='news-type1'] [class*='tit-wrap'] .tit-news{margin-top:0;} [class*='news-type1'] .news-con .tit-news{font-size:20px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='news-type1'] [class*='txt-tag2']{line-height:1.8;} [class*='news-type1'] [class*='txt-tag2']:before{top:8px;padding:4px 6px;font-size:15px;font-weight:700;} [class*='news-type1'] [class*='img-con'] .label-box04{left:16px;bottom:6px;} [class*='news-type1'] [class*='tit-wrap'] .tit-news{margin-top:4px;} [class*='news-type1'] .tit-sub{display:none !important;margin-top:0;font-size:18px;text-align:left;} } /* ---- ##news-type100 : 톱기사 통단 타입01(기본) ---- */ .news-type100 [class*='tit-wrap']{display:block !important;width:100%;margin-bottom:30px;} .news-type100 [class*='item-box0']{overflow:hidden;} .news-type100 [class*='item-box0'] [class*='img-con'], .news-type100 [class*='item-box0'] .vid-con{float:left;margin-right:40px;} .news-type100 .item-box01 .news-con{display:table-cell;} .news-type100 [class*='item-box0'] [class*='img-con']{flex-shrink:0;width:490px;} .news-type100 [class*='item-box0'] .vid-con{flex-shrink:0;width:490px;padding-top:275px;} .news-type100 [class*='item-box0'] .news-con{} .news-type100 [class*='item-box0'] .lead{-webkit-line-clamp:6;margin-top:0;} .news-type100 [class*='item-box0'] .lead+.list-related01{padding-top:4px;} .news-type100 [class*='item-box0'] .tit-sub:empty{margin-bottom:0;} .news-type100 .txt-tag01, .news-type100 a[class*='txt-tag']{font-size:18px;} .news-type100 [class*='tit-wrap'] [class*='txt-tag']:before{font-size:20px;} .news-type100 [class*='tit-wrap'] [class*='txt-tag2']{margin-right:8px;} .news-type100 [class*='tit-wrap'] .tit-news{display:block;text-align:center;} .news-type100 .news-con [class*='tit-wrap']{margin-bottom:0 !important;} .news-type100 .news-con .tit-sub{margin-top:0;font-size:24px;line-height:1.5;font-weight:500;} .news-type100 .list-related01>li{margin-top:4px;} .news-type100 [class*='tit-wrap'] .tit-news{text-align:left;} .news-type100 [class*='tit-wrap'] .tit-news:first-of-type{margin-top:0;} /* 타이틀 */ /*.news-type100 [class*='txt-tag2']:before{top:17px;padding:5px 8px;font-size:20px;}*/ .news-type100 .item-box01>[class*='tit-wrap']>.tit-news{text-align:center;} @media only screen and (min-width:1280px){ .news-type100 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type100 [class*='item-box0'] [class*='img-con'], .news-type100 [class*='item-box0'] .vid-con{float:left;margin-right:32px;} .news-type100 [class*='item-box0'] [class*='img-con'], .news-type100 [class*='item-box0'] .news-con, .news-type100 [class*='item-box0'] .vid-con{width:calc(50% - 16px);} .news-type100 [class*='item-box0'] .vid-con{padding-top:27.33%;} .news-type100 [class*='item-box0'] .news-con{padding-left:0;} .news-type100 .news-con .tit-news{font-size:24px;} .news-type100 [class*='tit-wrap'] .tit-news{font-size:36px;} .news-type100 [class*='tit-wrap'] .tit-sub{font-size:24px;} .news-type100 [class*='tit-wrap'] [class*='txt-tag2']{top:4px;height:38px;} .news-type100 [class*='item-box0'] .lead{max-height:135px;} .news-type100 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type100{position:relative;} .news-type100 .lead{display:none;} .news-type100 .item-box01{display:flex !important;flex-wrap:wrap;} .news-type100 .item-box01 [class*='tit-wrap']{margin-bottom:0;} .news-type100 .item-box01 .news-con{display:block !important;clear:both;} .news-type100 .item-box01{display:flex;position:static;} .news-type100 [class*='item-box0'] [class*='img-con'], .news-type100 [class*='item-box0'] .news-con, .news-type100 [class*='item-box0'] .vid-con{width:100%;margin-bottom:12px;padding:0;} .news-type100 [class*='item-box0'] [class*='img-con'], .news-type100 [class*='item-box0'] .vid-con{order:-1;margin-bottom:0;} .news-type100 [class*='item-box0'] .vid-con{padding-top:56.25%;} .news-type100 a.txt-tag01{padding-right:16px;font-size:14px;} .news-type100 [class*='tit-wrap']{margin-top:12px;margin-bottom:32px;padding:0 16px !important;text-align:left;} .news-type100 [class*='tit-wrap'] .tit-news{font-size:26px;text-align:left;-webkit-line-clamp:2;} .news-type100 [class*='item-box0'] .lead{display:none;} .news-type100 .txt-tag01, .news-type100 a[class*='txt-tag']{font-size:14px;} .news-type100 [class*='tit-wrap'] [class*='txt-tag2']:before{font-size:15px;} .news-type100 a[class*='txt-tag0']:after{background-size:14px auto;background-position:center;} .news-type100 .news-con{padding:0 16px !important;} .news-type100 .news-con .tit-news{font-size:18px;} .news-type100 .item-box01>[class*='tit-wrap']>.tit-news{margin-top:4px;text-align:left;} /* 기사내용 */ .news-type100 .news-con .tit-sub{font-size:18px;} .news-type100 [class*='item-box0'] .lead+.list-related01{padding-top:3px;} .news-type100 [class*='item-box0'] .tit-sub{overflow:hidden;display:-webkit-box;margin-bottom:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;} /* 광고 */ .news-type100 + .aside-box101{margin-top:20px !important;} } /* ---- ##news-type101 : 톱기사 통단 타입02(썸네일강조) ---- */ .news-type101 [class*='img-con'], .news-type101 .news-con{max-width:890px;margin:0 auto;} .news-type101 [class*='item-box0'] .vid-con + [class*='img-con']{display:none;} .news-type101 [class*='item-box0'] .lead{margin-top:16px;} .news-type101 [class*='tit-wrap']{display:block !important;width:100%;} .news-type101 [class*='tit-wrap'] .tit-news{display:block;text-align:center;} .news-type101 [class*='tit-wrap'] [class*='txt-tag'] + .tit-sub{margin-top:8px;} .news-type101 .tit-sub{flex-shrink:0;width:100%;margin-top:0;color:var(--font-color003);} .news-type101 .news-con .tit-sub{font-size:24px;line-height:1.5;font-weight:500;} /*.news-type101 a[class*='txt-tag0']{padding-right:20px;}*/ .news-type101 .txt-tag01, .news-type101 a[class*='txt-tag']{font-size:18px;} .news-type101 [class*='tit-wrap'] [class*='txt-tag']:before{font-size:20px;} .news-type101 .list-related01{display:flex;flex-wrap:wrap;column-gap:20px;padding-top:12px;} .news-type101 .list-related01 li{width:calc(50% - 10px);margin-top:8px;} .news-type101 .list-related01 li:nth-of-type(1), .news-type101 .list-related01 li:nth-of-type(2){margin-top:0;} .news-type101 .list-related01 a .tit01{-webkit-line-clamp:1;} .news-type101 [class*='item-box0'] .tit-wrap{margin-bottom:20px;} .news-type101 [class*='item-box0'] .img{padding-top:56.18%;} /* 유튜브 */ .news-type101 .vid-con{max-width:890px;margin:0 auto;padding-top:500px;} @media only screen and (min-width:1280px){ .news-type101 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type101 .vid-con{width:720px;padding-top:404px;} .news-type101 [class*='tit-wrap'] .tit-news{font-size:36px;} .news-type101 [class*='tit-wrap'] .tit-sub{font-size:24px;} .news-type101 [class*='tit-wrap'] [class*='txt-tag2']{top:3px !important;height:38px;} .news-type101 .news-con .tit-news{font-size:24px;} .news-type101 [class*='item-box0'] .lead{-webkit-line-clamp:2;} .news-type101 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type101 .item-box01{overflow:hidden;} .news-type101 [class*='tit-wrap']{display:block !important;flex-shrink:0;width:100%;margin-bottom:32px;} .news-type101 [class*='item-box0'] .lead{-webkit-line-clamp:5;margin-top:0;font-size:14px;} .news-type101 [class*='img-con'], .news-type101 [class*='item-box0'] .news-con, .news-type101 [class*='item-box0'] .vid-con{float:left;box-sizing:border-box;width:calc(50% - 15px);} .news-type101 [class*='item-box0'] .news-con{float:right;padding-left:2px;} .news-type101 [class*='tit-wrap']+[class*='img-con']{margin-top:0;} .news-type101 .list-related01{display:block;padding-top:8px;} .news-type101 .list-related01 li, .news-type101 .list-related01 li:nth-of-type(2){width:100%;margin-top:4px;} .news-type101 .list-related01 li:nth-of-type(1){margin-top:0;} .news-type101 .list-related01 a .tit01{-webkit-line-clamp:1;} .news-type101 [class*='tit-wrap'] .tit-news{font-size:32px;-webkit-line-clamp:2;line-height:1.3;} .news-type101 .txt-tag01, .news-type101 a[class*='txt-tag']{font-size:16px;} .news-type101 [class*='tit-wrap'] [class*='txt-tag2']:before{font-size:15px;} /* 유튜브 */ .news-type101 .vid-con{padding-top:27.18%;} /* 광고 */ .news-type101 + .aside-box101{margin-top:32px !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type101{position:relative;} /*.news-type101{position:relative;padding-top:66.55%;}*/ .news-type101 [class*='item-box0'] .lead{display:none;} .news-type101 .list-related01{display:flex;padding-top:8px;} .news-type101 .list-related01 li, .news-type101 .list-related01 li:nth-of-type(2){width:100%;margin-top:4px;} .news-type101 .list-related01 li:nth-of-type(1){margin-top:0;} .news-type101 .item-box01{display:flex;flex-wrap:wrap;} .news-type101 [class*='item-box0'] [class*='img-con'], .news-type101 [class*='item-box0'] [class*='tit-wrap'], .news-type101 .item-box01{display:flex;} .news-type101 [class*='item-box0'] [class*='tit-wrap']{flex-wrap:wrap;} .news-type101 [class*='img-con']{margin-top:0 !important;} .news-type101 .news-con{flex-shrink:0;width:100%;} .news-type101 [class*='item-box0'] [class*='img-con']{order:-1;width:100%;} .news-type101 [class*='tit-wrap']{margin-top:12px;margin-bottom:0;padding:0 16px !important;text-align:left;} .news-type101 [class*='tit-wrap'] .tit-news{font-size:26px;line-height:1.3;text-align:left;-webkit-line-clamp:2;} .news-type101 [class*='tit-wrap'] [class*='txt-tag'] + .tit-sub{margin-top:8px;} .news-type101 .txt-tag01, .news-type101 a[class*='txt-tag']{font-size:14px;} /*.news-type101 [class*='tit-wrap'] [class*='txt-tag2']{top:3px !important;width:38px;height:27px;line-height:27px;margin-right:8px;}*/ .news-type101 [class*='tit-wrap'] [class*='txt-tag2']:before{font-size:15px;} .news-type101 a[class*='txt-tag0']:after{background-size:14px auto;background-position:center;} .news-type101 .news-con{padding:0 16px !important;} .news-type101 .news-con .tit-news{font-size:18px;} .news-type101 [class*='item-box0'] .tit-wrap{margin-bottom:0;} /* 유튜브 */ .news-type101 .vid-con{order:-1;width:100%;padding-top:56.25%;} /* 광고 */ .news-type101 + .aside-box101{margin-top:32px !important;} } /* ---- ##news-type102 : 톱기사 통단 타임라인 반자동/뉴스블로그 타임라인 ---- */ /* 통단 기사제목 멀티글래스 tit-wide 선언 -- 통단 기사제목 tit-wrap$$ 선택자 사용시 타임라인까지 기사제목까지 영향을 줘 구분하기 위해 tit-wide 선언 */ .news-type102{overflow:hidden;} .news-type102 .item-box01{position:relative;} .news-type102 [class*='item-box0'] [class*='img-con']{height:100%;} .news-type102 [class*='item-box0'] .img{padding-top:56.18%;} .news-type102 [class*='img-con'], .news-type102 .news-con{max-width:890px;margin:0 auto;} .news-type102 [class*='tit-wrap'].tit-wide01{display:block;margin-bottom:20px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] .tit-news{display:block;text-align:center;-webkit-line-clamp:2;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] [class*='txt-tag2']{margin-right:8px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] .title01{display:inline;} .news-type102 .news-con .tit-sub{font-size:24px;line-height:1.5;font-weight:500;} .news-type102 .txt-tag01, .news-type102 a[class*='txt-tag']{font-size:18px;} .news-type102 [class*='txt-tag2']:before{font-size:20px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] [class*='txt-tag']:before{font-size:20px;} .news-type102 [class*='item-box0'] .lead{margin-top:16px;} .news-type102 .area02{position:relative;padding-right:310px;} /* 기사제목 모바일용 : 숨김처리 */ .news-type102 .area02 [class*='tit-wide']{display:none;} /* 관련기사 */ .news-type102 .list-related01{display:flex;flex-wrap:wrap;column-gap:20px;padding-top:16px;} .news-type102 .list-related01 li{width:calc(50% - 10px);margin-top:8px;} .news-type102 .list-related01 li:nth-of-type(1), .news-type102 .list-related01 li:nth-of-type(2){margin-top:0;} /* 유튜브 */ .news-type102 .vid-con{padding-top:56.25%;} /* 타임라인 */ .news-type102 .list-type600 .tit-news{display:-webkit-box;font-weight:500;} /* 타임라인 > 그라데이션 */ .news-type102 .list-type600:after, .news-type102 .list-type600:after{content:'';display:block;position:absolute;right:0;bottom:-1px;z-index:2;width:100%;height:50px;background:var(--ui-tag100);} .news-type102 .wide-newslive01{position:absolute;top:0;right:0;box-sizing:border-box;width:310px;height:100%;padding-bottom:68px;padding-left:40px;} .news-type102 .title-type033{position:absolute;top:0;left:40px;} .news-type102 .btn-type300{margin-top:20px;} /* 반자동 데이터셋 */ .wide-newslive01.wide-timeline01{padding-top:0;padding-bottom:68px;} .wide-newslive01.wide-timeline01 .btn-type300{margin-top:20px;} @media only screen and (min-width:1280px){ .news-type102 .area01 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 일반형/대형 프레임 : 1025px 이상 */ @media only screen and (min-width:1024px){ /* 관련기사 */ .news-type102 .list-related01 a .tit01{font-size:17px;font-weight:500;color:var(--font-color003);} /* 타임라인 */ .news-type102 .list-type600 .tit-news{display:-webkit-box;font-weight:500;font-size:17px !important;} } /* 중형 프레임 :1023px 이하 */ @media only screen and (max-width:1023px){ /* 관련기사 */ .news-type102 .list-related01 a .tit01{-webkit-line-clamp:1;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type102 [class*='tit-wrap'][class*='tit-wide'].tit-news{font-size:36px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] .tit-sub{font-size:24px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] [class*='txt-tag2']{top:3px !important;height:38px;} /* 관련기사 */ .news-type102 .list-related01{display:block;} .news-type102 .list-related01 li{width:100%;} .news-type102 .list-related01 li:nth-of-type(2){margin-top:8px;} /* 타임라인 */ .news-type102 .list-type600 .list01{padding-bottom:50px;} .news-type102 .wide-newslive01:after, .news-type102 .wide-timeline01:after{display:block;} .news-type102 .area01 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type102 .item-box01{overflow:hidden;} .news-type102 [class*='img-con']{flex-shrink:0;width:345px;} .news-type102 [class*='tit-wrap'][class*='tit-wide']{flex-shrink:0;width:100%;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] .tit-news{font-size:32px;-webkit-line-clamp:2;} .news-type102 [class*='item-box0'] .lead{-webkit-line-clamp:5;margin-top:0;font-size:14px;} .news-type102 [class*='item-box0'] .news-con{float:right;padding-left:2px;max-width:100%;} /* 관련기사 */ .news-type102 .list-related01{display:block;padding-top:8px;} .news-type102 .list-related01 li, .news-type102 .list-related01 li:nth-of-type(2){width:100%;margin-top:4px;} .news-type102 .area02{position:relative;padding-right:0;} .news-type102 .area02>.item-box01{display:flex;} .news-type102 .area02>.item-box01 .news-con{padding-left:32px;} .news-type102 .txt-tag01, .news-type102 a[class*='txt-tag']{font-size:16px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] [class*='txt-tag2']:before{font-size:15px;} /* 타임라인 */ .news-type102 .wide-newslive01{position:relative;width:100%;margin-top:20px;padding-bottom:0;padding-top:0;padding-left:0;} .news-type102 .wide-newslive01:after, .news-type102 .wide-timeline01:after{display:block;} .news-type102 .title-type033{position:relative;left:0;width:100%;} .news-type102 .list-type600{margin-top:20px;padding-top:20px;border-top:1px solid var(--ui-tag005);} .news-type102 .list-type600:before{top:40px;} /* 유튜브 */ .news-type102 .vid-con{padding-top:27.6%;} /* 광고 */ .news-type102 + .aside-box101{margin-top:32px !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type102{display:flex;position:relative;flex-wrap:wrap;} .news-type102 [class*='img-con']{position:absolute;top:0;left:0;order:-1;} .news-type102 [class*='item-box0'] .lead{display:none;} .news-type102 .item-box01{display:flex;flex-wrap:wrap;} .news-type102 [class*='img-con'], .news-type102 [class*='item-box0'] .news-con{float:left;box-sizing:border-box;width:calc(50% - 15px);} .news-type102 .news-con{width:100% !important;} .news-type102 .item-box01{display:flex;position:static;} .news-type102 [class*='item-box0'] [class*='img-con']{width:100%;} .news-type102 [class*='tit-wrap'][class*='tit-wide']{margin-top:12px;margin-bottom:12px;padding:0 16px;text-align:left;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] .tit-news{font-size:26px;text-align:left;-webkit-line-clamp:2;} .news-type102 .tit-news{display:inline-block;} .news-type102 .txt-tag01, .news-type102 a[class*='txt-tag']{font-size:14px;} .news-type102 [class*='tit-wrap'][class*='tit-wide'] [class*='txt-tag2']:before{font-size:15px;} .news-type102 a[class*='txt-tag0']:after{background-size:14px auto;background-position:center;} /* 기사제목 모바일용 : 노출하면서 .area01 영역의 기사제목 숨김 */ .news-type102 .area01 [class*='tit-wrap']{display:none !important;} .news-type102 .area02 [class*='tit-wrap']{display:block;} /* 관련기사 */ .news-type102 .list-related01{display:flex;padding:0 16px;} .news-type102 .list-related01 li, .news-type102 .list-related01 li:nth-of-type(2){width:100%;margin-top:4px;} .news-type102 .area01{padding:0 16px;} .news-type102 .area02{position:static;padding-right:0;} /* 타임라인 */ .news-type102 .wide-newslive01, .news-type102 .wide-timeline01{position:relative;width:100%;max-height:506px;margin-top:20px;padding:20px 16px 0;box-sizing:border-box;} .news-type102 .wide-newslive01:after{display:block;content:'';width:calc(100% - 32px);height:1px;position:absolute;left:16px;top:0;background-color:var(--ui-tag005);} .news-type102 .list-type600{height:auto;} .news-type102 .list-type600 .list01{max-height:321px;padding-bottom:40px !important;box-sizing:border-box;} .news-type102 .list-type600 [class*='tit-wrap']{margin-top:0;margin-bottom:0;} .news-type102 .title-type033{position:relative;left:0;width:100%;} /* 유튜브 */ .news-type102 .vid-con{order:-1;width:100%;} /* 광고 */ .news-type102 + .aside-box101{margin-top:20px !important;} } /* ---- ##news-type103 : 통단(주말픽) 변경전 list-type601 ---- */ .news-type103{display:flex;justify-content:space-between;box-sizing:border-box;padding-bottom:41px;border-bottom: 1px solid var(--ui-tag005);} .news-type103 [class*='list0']{width:calc(50% - 20px);} .news-type103 [class*='list0'] .tit-news{text-align:left;} .news-type103 [class*='list0'] [class*='tit-wrap']{text-align:left;} .news-type103 [class*='tit-wrap'] .tit-news{line-height:1.3;} .news-type103 .tit-sub{font-size:18px !important;} /* 큰썸네일 */ .news-type103 .list01 [class*='txt-tag2']{line-height:3.8;} .news-type103 .list01 [class*='txt-tag2']:before{top:12px;box-sizing:border-box;font-size:20px;font-weight:700;} .news-type103 .list01 [class*='item-box0'] .tit-news{margin-top:0;font-size:36px;font-weight:700;} .news-type103 .list01 [class*='item-box0'] [class*='txt-tag'] + .tit-news{margin-top:4px;} .news-type103 .list01 [class*='item-box0'] .tit-sub{display:block;margin-top:12px;font-weight:500;} .news-type103 .list01 [class*='item-box0'] .lead{margin-top:12px;} .news-type103 .list01 [class*='item-box0'] .list-related01{display:table-cell;padding-top:4px;} .news-type103 .list01 .news-con{margin-top:16px;} /* 작은썸네일 4개 */ .news-type103 .list02>li{overflow:hidden;} .news-type103 .list02>li+li{margin-top:32px;} .news-type103 .list02 [class*='img-con']{float:left;width:156px;margin-right:12px;} .news-type103 .list02 .item-box01{display:flex;} .news-type103 .list02 .tit-news{margin-top:0;font-size:20px;line-height:1.5;} .news-type103 .list02 .tit-news .title01{font-weight:600;} .news-type103 .list02 .tit-news [class^='txt-tag']{line-height:1.7;} .news-type103 .list02 .tit-news [class^='txt-tag']:before{top:3px;} .news-type103 .list02 [class^='txt-tag'] + .tit-news{margin-top:4px;} .news-type103 .list02 .list-related01{display:table;padding-top:4px;} .news-type103 .list02 [class*='txt-tag2']:before{flex-shrink:0;font-size:11px;line-height:1;font-weight:700;} .news-type103 .list02 .label-box04{left:8px;bottom:8px;} @media only screen and (min-width:1024px){ .news-type103 [class*='list01'] .txt-tag01{font-size:18px;} } @media only screen and (min-width:1024px) and (max-width:1279px) { .news-type103 [class*='list0']{width: calc(50% - 16px);} .news-type103 .list02 [class*='img-con']{width:129px;} .news-type103 .list02 .item-box01{display:block;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type103{display:block;padding-bottom:0;border-bottom:none;} .news-type103 [class*='list0']{width:100%;} .news-type103 .lead, .news-type103 .tit-sub{display:none !important;} .news-type103 .list01 [class*='item-box0'] .tit-news{font-size:26px;} .news-type103 .list01 [class*='txt-tag2']{line-height:2.4;} .news-type103 .list01 [class*='txt-tag2']:before{font-size:15px;} .news-type103 .list01 [class*='item-box0'] [class*='tit-wrap'], .news-type103 .list01 [class*='item-box0'] .list-related01{display:block;margin-bottom:0;padding:0 16px;} .news-type103 .list01 .news-con{margin-top:12px;} .news-type103 .list01 [class*='img-con']{padding:0 16px;} .news-type103 .list01 .list-related01{padding-top:8px;} .news-type103 .list02{display:block;margin-top:32px;padding:0 16px;} .news-type103 .list02>li{position:relative;box-sizing:border-box;margin-top:12px !important;padding-top:13px;} .news-type103 .list02>li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--ui-tag005);} .news-type103 .list02>li:nth-of-type(1){margin:0 !important;padding-top:0;} .news-type103 .list02>li:nth-of-type(1):before{display:none;} .news-type103 .list02 .item-box01{display:block;} .news-type103 .list02 .item-box01:after{content:'';display:block;clear:both;} .news-type103 .list02 [class*='img-con']{float:left;width:120px;} .news-type103 .list02 [class*='img-con'] + .news-con [class*='tit-wrap']{height:80px;vertical-align:middle;} .news-type103 .list02 .tit-news{font-size:18px;line-height:1.5;} .news-type103 .list02 .tit-news .title01{line-height:1.5;} .news-type103 .list02 .list-related01{padding-top:4px;} .news-type103 .list02 .tit-news [class^='txt-tag']{line-height:1.4;} .news-type103 .list02 .tit-news [class^='txt-tag']:before{top:1px;padding:3px 4px;font-size:11px;} .news-type103 .list02 .label-box04{left:6px;bottom:6px;} .news-type103 .aside-box101{box-sizing:border-box;padding:0 16px;} } /* ---- ##news-type104 : 통단 타임라인(간소화형) ---- */ .news-type104 [class*='tit-wrap'] [class*='txt-tag2']{top:0px !important;height:38px;} .news-type104 .area01 [class*='tit-wrap']{width:100%;margin-bottom:20px;} .news-type104 .area01 .tit-news{display:block;} .news-type104 .area02{display:flex;} .news-type104 .area02>.item-box01{flex-shrink:0;display:flex;align-items:flex-start;width:890px;overflow:hidden;} .news-type104 .area02 [class*='img-con'], .news-type104 .area02 .vid-con{flex-shrink:0;width:546px;margin-right:40px;} .news-type104 .area02 .vid-con{padding-top:308px;} .news-type104 .vid-con+[class*='img-con']{display:none;} .news-type104 .area02>[class*='item-box0'] .lead{-webkit-line-clamp:initial;} .news-type104 .area02 .item-box01>[class*='tit-wrap']{display:none;} .news-type104 .list-type600{height:auto;} .news-type104 .list-type600 .list01{padding-bottom:0 !important;} .news-type104 .list-type600 .list01 li{margin-top:12px;} .news-type104 .list-type600 .list01 li:first-of-type{margin-top:0;} .news-type104 .list-type600 .info-box01{font-size:12px;height:16px;line-height:1.5;} .news-type104 .list-type600 .tit-news{font-size:16px !important;} .news-type104 .list-type600 .list01 li:before{top:5px;} .news-type104 .list-type600 .list01 li:first-of-type:before{top:6px;} .news-type104 .list-type600 .list01 li:first-of-type:after{top:4px;} .news-type104 .wide-timeline02{width:100%;margin-left:40px;box-sizing:border-box;} .news-type104 .wide-timeline02 .tit-news{-webkit-line-clamp:2;font-weight:500;} .news-type104 .wide-timeline02 .btn-type300{height:40px;margin-top:16px;} @media only screen and (min-width:1280px){ .news-type104 .area01 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 대형 와이드 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ .news-type104 .list-type600 li:nth-child(n + 5){display:none;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type104 [class*='tit-wrap'] [class*='txt-tag2']{top:3px !important;} .news-type104 .area02>.item-box01{width:678px;} .news-type104 .area02 [class*='img-con'], .news-type104 .area02 .vid-con{width:376px;margin-right:32px;} .news-type104 .area02 .vid-con{padding-top:212px;} .news-type104 .area02>[class*='item-box0'] .lead{-webkit-line-clamp:initial;max-height:initial;} .news-type104 .area02 .lead[data-count='4']{-webkit-line-clamp:6;} .news-type104 .area02 .lead[data-count='3']{-webkit-line-clamp:9;} .news-type104 .area02 .lead[data-count='2']{-webkit-line-clamp:11;} .news-type104 .area02 .lead[data-count='1']{-webkit-line-clamp:13;} .news-type104 .area02 .lead[data-count='0']{-webkit-line-clamp:16;} .news-type104 .wide-timeline02{margin-left:32px;} .news-type104 .area01 .tit-news [class*='txt-tag2']:before{padding:6px 8px;} } /* 중형 프레임 : 768px ~ 1023px: : 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type104 [class*='tit-wrap'] .tit-news{font-size:32px;} .news-type104 [class*='tit-wrap'] .tit-news .title01{display:inline;} .news-type104 .txt-tag01, .news-type104 a[class*='txt-tag']{font-size:16px;} .news-type104 [class*='tit-wrap'] [class*='txt-tag2']:before{font-size:15px;} /* 타임라인 */ .news-type104 .area02{display:block;} .news-type104 .area02>.item-box01{width:100%;} .news-type104 .area02 [class*='img-con'], .news-type104 .area02 .vid-con{width:345px;margin-right:32px;} .news-type104 .area02 .vid-con{padding-top:195px;} .news-type104 .list-type600:after{content:'';display:block;position:absolute;right:0;bottom:-1px;z-index:2;width:100%;height:50px;background:var(--ui-tag100);} .news-type104 .list-type600 .list01{max-height:321px;padding-bottom:40px !important;box-sizing:border-box;} .news-type104 .wide-timeline02{margin-left:0;padding-top:33px;margin-top:40px;border-top:1px solid var(--ui-tag005);} .news-type104 .wide-timeline02 .btn-type300{height:48px;} .news-type104 + .aside-box101{margin-top:32px !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type104 .area01>[class*='tit-wrap']{display:none;} .news-type104 .area02{display:block;} .news-type104 [class*='tit-wrap'] .tit-news{font-size:26px;text-align:left;} .news-type104 .area02>.item-box01{display:block;width:100%;} .news-type104 .area02 [class*='img-con'], .news-type104 .area02 .vid-con{margin-right:0;width:100%;} .news-type104 .area02 .vid-con{padding-top:56.25%;} .news-type104 .area02 .item-box01>[class*='tit-wrap']{display:block;text-align:left;padding:0 16px;margin-top:12px;margin-bottom:12px;} .news-type104 .area02>[class*='item-box0'] .news-con{padding:0 16px;} .news-type104 .area02>[class*='item-box0'] .lead{display:none;} .news-type104 .list-type600:after{content:'';display:block;position:absolute;right:0;bottom:-1px;z-index:2;width:100%;height:50px;background:var(--ui-tag100);} .news-type104 .list-type600 .list01{max-height:321px;padding-bottom:40px !important;box-sizing:border-box;} .news-type104 .wide-timeline02{position:relative;margin-left:0;padding:20px 16px 0 16px;margin-top:20px;} .news-type104 .wide-timeline02:after{display:block;content:'';width:calc(100% - 32px);height:1px;position:absolute;left:16px;top:0;background-color:var(--ui-tag005);} .news-type104 .wide-timeline02 .btn-type300{height:48px;} .news-type104 .list-related01{padding-top:0;} .news-type104 + .aside-box101{margin-top:20px !important;} } /* ---- ##news-type110 : 더블톱 ---- */ /* item-box01 : 양자 영역 (1~2 기사) * item-box02 : 하단 영역 (3~5 기사)*/ .news-type110{max-width:1200px;} .news-type110>.list01, .news-type110>.list02{display:flex;align-items:stretch;width:100%;} .news-type110>.list01{gap:0 40px;} .news-type110>.list02{margin-top:40px;gap:24px;} .news-type110>.list02>.item-box02{box-sizing:border-box;width:calc((100% - 48px) / 3);} .news-type110 [class*='tit-wrap']{text-align:left;} .news-type110 [class*='tit-wrap'] + .tit-sub{margin-top:12px;line-height:1.5;} [class*='news-type110']>[class*='list'] [class*="tit-wrap"] .tit-news{overflow:visible;margin-top:4px;} .news-type110 .tit-sub{font-size:18px;font-weight:500;} .news-type110 .lead{margin-top:12px !important;} .news-type110 .list-text002 .list01{padding:0;} .news-type110 .list-related01>li{margin-top:4px;} .news-type110 .video-type01{position:absolute;top:0;left:0;width:100%;} .news-type110 [class*='img-con'] .label-box04{left:20px;bottom:16px;} /* 어깨제목,말머리 */ .news-type110 .txt-tag01{font-size:14px;} .news-type110 a.txt-tag01{padding-right:16px;} .news-type110 .item-box01 [class*='txt-tag2']{margin-right:12px;} .news-type110 .item-box01 [class*='txt-tag2']:before{min-width:auto;padding:6px 8px;font-size:20px !important;} .news-type110 .item-box02 [class*='txt-tag2']{height:24px;margin-right:8px;line-height:1.8;} .news-type110 .item-box02 [class*='txt-tag2']:before{min-width:auto;padding:4px 5px;font-size:14px !important;font-weight:500;letter-spacing:0;} /* .item-box01 */ .news-type110 .item-box01{width:580px;} .news-type110 .item-box01{align-items:flex-start;} .news-type110 .item-box01 [class*='img-con'] + .news-con, .news-type110 .item-box01 [class*='vid-con'] + .news-con{margin-top:12px;} .news-type110 .item-box01 .tit-news{font-size:36px;line-height:1.3;font-weight:700;color:var(--font-color003);} /* .item-box02 */ .news-type110 .item-box02 [class*='img-con']{float:left;width:162px;margin:0 12px 0 0;} .news-type110 .item-box02 [class*='tit-wrap']{height:108px;vertical-align:middle;} .news-type110 .item-box02 .tit-news{font-size:18px;line-height:1.5;font-weight:700;color:var(--font-color003);} .news-type110 .item-box02 .tit-sub{display:none;} .news-type110 .item-box02 .lead{width:100%;} /* 대형 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ .news-type110 .item-box01 [class*='txt-tag0']{font-size:18px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .news-type110>.list01{gap:0 32px;} .news-type110 [class*='img-con'] .label-box04{left:16px;bottom:12px;} /* .item-box01 */ .news-type110 .item-box01{width:100%;} /* .item-box02 */ .news-type110 .item-box02 [class*='img-con']{width:132px;} .news-type110 .item-box02 [class*='tit-wrap']{height:88px;} } /* 중소형 프레임 : 1023px 이하 */ @media only screen and (max-width:1023px){ /* .item-box01 */ .news-type110 .item-box01{width:100%;} /* 어깨제목,말머리 */ .news-type110 .item-box01 [class*='txt-tag2']{line-height:2.5;} .news-type110 .item-box01 [class*='txt-tag2']:before{padding:4px 6px;font-weight:500;font-size:15px !important;} /* .item-box02 */ .news-type110 .item-box02 [class*='img-con']{float:right;margin:0 0 0 12px;} /* 광고 */ .news-type110 + .aside-box101{margin-top:16px !important;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type110>.list01{gap:0 32px;} .news-type110>.list02{flex-wrap:wrap;gap:0 32px;} .news-type110>.list02>.item-box02{width:calc(50% - 16px);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--ui-tag005);} .news-type110>.list02>.item-box02:nth-last-child(1){margin-bottom:0;padding-bottom:0;border-bottom:none;} /* .item-box01 */ .news-type110 .item-box01 .tit-news{font-size:26px;} /* .item-box02 */ .news-type110 .item-box02 [class*='img-con']{width:120px;} .news-type110 .item-box02 [class*='tit-wrap']{height:80px;vertical-align:top;} .news-type110 .item-box02 .tit-news{font-size:18px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .news-type110{margin-top:24px;} .news-type110>.list01{gap:0 16px;padding:0 16px;} .news-type110>.list02{flex-direction:column;margin-top:32px;padding:0 16px;} .news-type110>.list02>.item-box02{width:100%;} .news-type110 .lead{display:none !important;} .news-type110 .list-related01 a .tit01{-webkit-line-clamp:2;} /* 어깨제목,말머리 */ .news-type110 [class*='item-box'] [class*='txt-tag2']{height:21px;margin-right:8px;line-height:1.9;} .news-type110 [class*='item-box'] [class*='txt-tag2']:before{min-width:auto;padding:3px 5px;font-weight:500;font-size:14px !important;} .news-type110 .item-box01 [class*='txt-tag0']{font-size:13px;} /* .item-box01 */ .news-type110 .item-box01{width:100%;} .news-type110 .item-box01 .tit-news{font-weight:600;font-size:18px;line-height:1.5;} /* .item-box02 */ .news-type110 .item-box02 [class*='img-con']{width:120px;} .news-type110 .item-box02 [class*='tit-wrap']{height:80px;vertical-align:top;} .news-type110 .item-box02 .tit-news{font-weight:600;font-size:17px;font-weight:600;} /* 광고 */ .news-type110 + .aside-box101{margin-top:32px !important;width:calc(100% - 32px);margin:0 auto;} } /* ---- ##top-sub-news$$$ : 서브 톱기사 ---- */ [class*='top-sub-news'] .ir-txt01{position:absolute;top:0;left:0;} /* 섹션톱기사 1건 운영시 * 공통 : [class*='top-sub-news'].style01 * -- 하위 구조 : news-type004, news-type011 */ [class*='top-sub-news'].style01 [class*='news-type0'] .item-box01{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:40px;} [class*='top-sub-news'].style01 [class*='news-type0'] [class*='item-box0'] .lead{-webkit-line-clamp:6;} [class*='top-sub-news'].style01 [class*='news-type0'] .list01 [class*='img-con'] .img, [class*='top-sub-news'].style01 [class*='news-type0'] .list01 .vid-con{flex-shrink:0;width:580px;padding-top:330px;} [class*='top-sub-news'].style01 [class*='news-type'] [class*='item-box0'] .news-con{margin-top:0;} [class*='top-sub-news'].style01 .news-type004 [class*='list0']{width:100%;} [class*='top-sub-news'].style01 .news-type004 .list02{display:none;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ [class*='top-sub-news'].style01 [class*='news-type0'] .item-box01{gap:32px;} [class*='top-sub-news'].style01 [class*='news-type0'] .list01 [class*='img-con'] .img, [class*='top-sub-news'].style01 [class*='news-type0'] .list01 .vid-con{width:474px;padding-top:267px;} [class*='top-sub-news'].style01 [class*='news-type0'] [class*='item-box0'] .lead{-webkit-line-clamp:3 ;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='top-sub-news'].style01 [class*='news-type0'] .item-box01{gap:32px;} [class*='top-sub-news'].style01 [class*='news-type'] [class*='item-box0'] .lead{-webkit-line-clamp:2;} [class*='top-sub-news'].style01 [class*='news-type0'] .list01 [class*='img-con'] .img, [class*='top-sub-news'].style01 [class*='news-type0'] .list01 .vid-con{width:345px;padding-top:197px !important;margin-right:0;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='top-sub-news'].style01 [class*='news-type0'] .item-box01{display:block;} [class*='top-sub-news'].style01 [class*='news-type0'] .list01 [class*='img-con'] .img, [class*='top-sub-news'].style01 [class*='news-type0'] .list01 .vid-con{width:100%;padding-top:56.86%;} [class*='top-sub-news'].style01 [class*='news-type'] [class*='item-box0'] .news-con{margin-top:12px;} [class*='top-sub-news'].style01 [class*='news-type0'] .lead{display:none;} } /* ---- ##top-sub-news0001 : 서브섹션 공통 톱기사 ---- */ .top-sub-news001{display:flex;justify-content:space-between;position:relative;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;} .top-sub-news001>.ir-txt01{position:absolute;top:0;left:0;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .top-sub-news001{max-width:980px;} .top-sub-news001 [class*='news-type01']{width:calc(50% - 16px) !important;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-sub-news001{overflow:hidden;max-width:100%;padding:0 24px;} .top-sub-news001 [class*='news-type01']{width: calc(50% - 16px) !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-sub-news001{display:block;width:100%;max-width:100%;padding:0 16px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-sub-news001{overflow:hidden;display:block;width:100%;max-width:100%;padding:0 16px;} .top-sub-news001 [class*='news-type01']{width:100%;} .top-sub-news001 .lead{display:none !important;} } /* ---- ##top-sub-news004 : 마켓+ 섹션톱 ---- */ .top-sub-news004{display:flex;justify-content:space-between;position:relative;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;} .top-sub-news004 [class*='news-type01']{width:calc(50% - 20px);} .top-sub-news004 [class*='news-type01'] [class*='txt-tag'], .top-sub-news004 [class*='news-type01'] a.txt-tag01{font-size:14px;} .top-sub-news004 [class*='news-type01'] a.txt-tag01{padding-right:18px;} .top-sub-news004 [class*='news-type01'] a.txt-tag01:after{background-size:14px auto;background-position:center;} .top-sub-news004 .news-type011 [class*='txt-tag2']{margin-right:12px;line-height:3.4; } .top-sub-news004 .news-type012 [class*='txt-tag2']{line-height:2.2;} /* 더보기 버튼 */ .top-sub-news004 .btns-wrap03{margin:0 !important;} /* 섹션톱기사 1건 운영시 .top-sub-news004.style01 */ .top-sub-news004.style01 [class*='news-type01']{width:100%;} .top-sub-news004.style01 .news-type012{display:none;} @media only screen and (min-width:1024px){ .top-sub-news004 .news-type011 .txt-tag01{font-size:18px;} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .top-sub-news004{max-width:980px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-sub-news004{overflow:hidden;max-width:100%;padding:0 24px;} .top-sub-news004 .news-type011 [class*='txt-tag2']{line-height:2.4;} .top-sub-news004 .news-type012 [class*='txt-tag2']{line-height:1.7;} .top-sub-news004.style01{overflow:hidden;max-width:100%;padding:0 24px;} .top-sub-news004.style01 .news-type011 .list01 .tit-sub+.lead{margin-top:12px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-sub-news004{display:block;width:100%;max-width:100%;padding:0 16px;} .top-sub-news004 [class*='news-type01']{width:100%;max-width:100%;} .top-sub-news004 .news-type011 [class*='txt-tag2']{margin-right:8px;line-height:2.4;} .top-sub-news004 .news-type012 [class*='txt-tag2']{line-height:1.6;} .top-sub-news004.style01 .news-type011 .list01 [class*='item-box0'] .img{padding-top:56.86% !important;} .top-sub-news004.style01 .news-type011 .list01 .news-con{margin-top:12px;} .top-sub-news004 .lead{display:none !important;} } /* ##news-type003 : [서브 톱기사] 섹션홈 > 마켓+ list-type603 */ /* ---- ##news-type300~399 : 서브톱기사---- */ /* (클래스범위) * 서브톱기사 : news-type300~349 * 서브톱통단 : news-type350~399 */ /* ---- ##news-type304 : 섹션홈 > 스포츠,연예 ---- */ /* ---- ##top-wide$$$ : 통단 공통 ---- */ [class*='top-wide0']{box-sizing:border-box;padding-bottom:0;border-bottom:1px solid var(--ui-tag005);} /* [class*='top-wide0']{box-sizing:border-box;padding-bottom:41px;border-bottom:1px solid var(--ui-tag005);} */ [class*='top-wide0'] .ir-txt01{position:absolute;top:0;left:0;} [class*='top-wide0'] .aside-box101{display:none;margin-top:32px;padding:16px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} [class*='top-wide0'] .title-type032{position:absolute;top:-20px;z-index:3;} /* 대형/대형 와이드 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ [class*='top-wide0']{padding-bottom:41px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='top-wide0'] .aside-box101{display:flex;} [class*='top-wide0'] .news-type103+.aside-box101{margin-top:32px !important;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='top-wide0'] .title-type032{top:-12px;} /* 모바일에서 border 있는 경우 (대선때 백업함) */ /* [class*='top-wide0'] .aside-box101{display:flex;margin-top:20px;padding:12px 0;gap:0;} */ /* (대선 대응)모바일에서 border 없는 경우*/ [class*='top-wide0'] .aside-box101{display:flex;margin-top:20px;padding:12px 0 0;border:none;gap:0;} [class*='top-wide0'] .aside-box101 .area01+.area01 .ads-box{margin-top:12px;} [class*='top-wide0'] .news-type103+.aside-box101{margin-top:32px !important;} } /* ---- ##top-wide001: 통단 제목&썸네일강조 ---- */ .top-wide001{position:relative;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-wide001{box-sizing:border-box;padding-bottom:0;border-bottom:none;} .top-wide001 .aside-box101{width:calc(100% - 32px);margin:0 auto;padding:12px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} } /* ---- ##top-wide011 : 통단 썸네일강조(???) ---- */ /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-wide011{box-sizing:border-box;padding-bottom:0;border-bottom:none;} } /* ---- ##top-wide021,top-wide022 : 타임라인 ---- */ /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-wide021, .top-wide022{box-sizing:border-box;padding-bottom:0;border-bottom:none;} } /* ---- ##top-wide023 : 타임라인 간소화 ---- */ /* 중형 프레임 :1023px 이하 */ @media only screen and (max-width:1023px){ [class*='top-wide023']{border-bottom:none;} [class*='top-wide023'] .aside-box101{border:none;} } /* ---- ##top-wide031 : 주말픽 ---- */ .top-wide031{padding-bottom:0;border-bottom:none;} .top-wide031.title-wide01{position:relative;left:-12px;z-index:3;margin-top:0;padding-bottom:0;border-bottom:none;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-wide031{margin-top:18px;} .top-wide031.title-wide01{left:-12px;} .top-wide031 ~ [class*='top-area']{margin-top:18px;} /* 코너명 사용시 제어 */ /*.top-wide031 + [class*='top-area']{margin-top:24px;}*/ /*.top-wide031 ~ [class*='top-area'] .news-type001 [class*='img-con']{padding:0 16px;}*/ .top-wide031 ~ [class*='top-area'] .news-type001 .label-box01{right:16px;} /* 코너명+비디오 모듈일 때 제어 */ .top-wide031 ~ [class*='top-area'] .news-type001 .item-box01, .top-wide031~[class*='top-area'] .list01 .item-box01{width:calc(100% - 32px);margin:0 auto;} .top-wide031~[class*='top-area'] [class*='img-con']{padding:0;} .top-wide031 ~ [class*='top-area'] .news-type001 .news-con, .top-wide031~[class*='top-area'] .list01 .item-box01 .tit-wrap{padding:0;} .top-wide031~[class*='top-area'] .list01 .item-box01 .list-related01{padding:8px 0 0;} } /* ---- ##top-wide041 : 더블톱 ---- */ /* 중형 프레임 :1023px 이하 */ @media only screen and (max-width:1023px){ .top-wide041{padding-bottom:0;border-bottom:none;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-wide041 .aside-box101{padding:12px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} } /* ---- ##top-main-news001 : 메인 톱뉴스 기본형 ---- */ .top-main-news001{display:flex;align-items:stretch;max-width:1200px;} .top-main-news001:empty{display:none;} [class*='top-main-news'].empty, [class*='top-wide'].empty{display:none;} .top-main-news001 .ir-txt01{position:absolute;top:0;left:0;} /* 대형/대형 와이드 프레임 : 1024px 이상 */ @media only screen and (min-width:1024px){ .top-main-news001{box-sizing:border-box;padding-bottom:41px;border-bottom:1px solid var(--ui-tag005);} } /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .top-main-news001{column-gap:32px;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-main-news001{display:block;margin:0 24px;padding-bottom:0;} .top-main-news001:empty{height:0;margin:0;padding-bottom:0;} .top-main-news001 .aside-box101+.news-type002{margin-top:16px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .top-main-news001{display:block;margin:0;padding:0;} .top-main-news001:empty{height:0;margin:0;padding-bottom:0;} .top-main-news001 [class*='aside-box']{display:flex;width:calc(100% - 32px);margin:0;} .top-main-news001 .aside-box101{margin-top:0!important;} .top-main-news001 .aside-box101+.news-type002{margin-top:33px;} .top-main-news001 .news-type001 .news-con, .top-main-news001 .news-type002{padding:0 16px;} .top-main-news001 .aside-box101{gap:0;} .top-main-news001 .aside-box101 .area01+.area01 .ads-box{margin-top:12px;} } /* =============== ####Box type ======================== */ /* [부모영역] box-type$$$ > title-con$$ + list-type$$$ -- box-type$$$에 클래스 추가로 디테일 제어함. -- 박스타입 하위에 코너제목, 기사 리스트 위치함 */ /* (클래스범위) * box-type001 ~ 099 * box-type001 : (기본) 박스타입 * box-type090~99 : 에러메세지 * box-type100 ~ 199 : 스와이퍼 박스 * box-type200~229 : 검색 * box-type230~249 : 기자 * box-type250~269 : 테마별뉴스 * box-type270~299 : 비주얼뉴스 */ /* ---- ##box-type$$$ : 공통 ---- */ [class*='box-type']{position:relative;/*overflow:hidden;*/}/* 공유레이어 이슈로 제거 */ [class*='box-type'] .ir-txt01{position:absolute;} [class*='box-type']>[class*='title-con']{box-sizing:border-box;padding-bottom:10px;} [class*='box-type'].show, [class*='box-type']>[class*='tab-content']>[class*='list-type'].show{display:block;} [class*='box-type'].hide, [class*='box-type']>[class*='tab-content']>[class*='list-type'].hide{display:none;} [class*='box-type'] [class*='list-type'] + [class*='btns-wrap']{margin-top:40px;} [class*='box-type']>[class*='tab-content'] [class*='btns-wrap']{margin-top:20px;} [class*='box-type']+.btns-wrap03{margin-top:40px;} [class*='box-deleted'].box-type090{display:none;box-sizing:border-box;width:100%;text-align:center;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='box-type']>[class*='title-con']{padding:0 16px 12px 16px;} [class*='box-type']+.btns-wrap03{margin-top:20px;} } /* ---- ##box-type001 ---- */ .box-type001 .title-type001 + .list-text300, .box-type001 .title-type001 + .list-type323{margin-top:16px;} /* 오피니언 홈 논&설 */ .box-type001 .title-type001.arr01 + .list-type314{margin-top:10px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type001 .title-type001.arr01 + .list-type314{margin-top:0px;} } /* 섹션 많이본뉴스, 섹션/본문 오래머문뉴스 코너 */ .box-type001.box-most-news01 [class*='list-type'] [class*='item-box0'] .title01, .box-type001.box-long-stay01 [class*='list-type'] [class*='item-box0'] .title01{word-break:break-all !important;} @media only screen and (min-width:768px) and (max-width:1023px){ .box-type001.box-most-news01 [class*='list-type'] [class*='item-box0'] .title01, .box-type001.box-long-stay01 [class*='list-type'] [class*='item-box0'] .title01{word-break:break-all !important;} } @media only screen and (max-width:767px){ .box-type001.box-most-news01 [class*='list-type'] [class*='item-box0'] .title01, .box-type001.box-long-stay01 [class*='list-type'] [class*='item-box0'] .title01{word-break:break-all !important;} } /* ---- ##box-ynalounge01,02 : 연합라운지 ---- */ [class*='box-ynalounge0']{margin-top:0 !important;padding-top:8px;} .ynalounge-content01{position:relative;z-index:1;padding:0 !important;} .ynalounge-content01 .section03{position:relative;box-sizing:border-box;margin:0 auto;padding-top:80px;padding-bottom:63px;background-color:var(--ui-tag009);} .ynalounge-content01 .section03:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:40px;background-color:var(--ui-tag001);} .ynalounge-content01 .title-con21{position:absolute;top:0;left:50%;transform:translateX(-50%);} .ynalounge-content01 .nav-type50{max-width:1200px;margin:28px auto 0;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .ynalounge-content01 .nav-type50{max-width:980px;margin:28px auto 0;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (max-width:767px){ .ynalounge-content01 .nav-type50{margin:0 auto;} .ynalounge-content01 .section03{padding-top:78px;padding-bottom:40px !important;} .ynalounge-content01 .box-ynalounge01{padding:4px 0 0;} } /* ---- ##box-type011 : 최신기사 ---- */ .box-type011 .btn-type215, .box-type011 .btn-type034{display:none!important;} .box-type011 .btn-type215+.btn-type215{margin-right:15px;} .box-type011.edit-list .btn-type432{display:none;} .box-type011.edit-list .btn-type215, .box-type011.edit-list .btn-type034{display:block!important;} /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (max-width:767px){ /*.box-type011{padding:0 16px;}*/ } /* ---- ##box-type012 : 우분투 특집코너 ---- */ .box-type012{margin-top:0 !important;} .box-type012+.box-corrected01{margin-top:0 !important;} /* ---- ##box-type021 : 탭 박스01 ---- */ /* [서브/본문] 우측 랭킹뉴스 */ /* .box-type021{} */ /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type021 .tab-type03{padding:0 16px;} } /* 섹션/본문 랭킹뉴스 코너 (많이본뉴스, 공감많은뉴스)*/ .box-type021.box-ranking-news01 [class*='list-type'] [class*='item-box0'] .title01{word-break:break-all !important;} @media only screen and (min-width:768px) and (max-width:1023px){ .box-type021.box-ranking-news01 [class*='list-type'] [class*='item-box0'] .title01{word-break:break-all !important;} } @media only screen and (max-width:767px){ .box-type021.box-ranking-news01 [class*='list-type'] [class*='item-box0'] .title01{word-break:break-all !important;} } /* ---- ##box-type031 : [서브] 사람들 메인 ---- */ /* 사람들 > 인사, 부고, 동정/게시판 */ .box-type031{} /* ---- ##box-type032 : [서브] 사람들 우측 ---- */ /* 사람들 > 인사, 부고, 동정/게시판 */ .box-type032{overflow:visible;position:relative;box-sizing:border-box;width:100%;padding:30px 20px 48px 20px;border:1px solid var(--ui-tag005);} .box-type032[class*='object0']::before{content:'';display:block;position:absolute;right:-1px;bottom:-1px;z-index:10;width:30px;height:30px;background-color:var(--ui-tag001);} .box-type032[class*='object0']::after{content:'';display:block;position:absolute;right:8px;bottom:8px;z-index:20;width:0;height:0;border-top:21px solid var(--ui-tag000);border-left:21px solid var(--ui-tag000);border-right:21px solid var(--ui-tag000);border-bottom:21px solid var(--ui-tag000);transform:rotate(135deg);} .box-type032.object01{background-color:var(--ui-tag009);} .box-type032.object01::after{border-top:21px solid var(--ui-tag031);} .box-type032.object02{background-color:var(--ui-tag007);} .box-type032.object02::after{border-top:21px solid var(--ui-tag012);} .box-type032.object03{background-color:var(--ui-tag065);} .box-type032.object03::after{border-top:21px solid var(--ui-tag034);} @media only screen and (max-width:767px){ .box-type032[class*='object0']{max-width: calc(100% - 32px);margin:40px auto 0;} .box-type032[class*='object0'] .title-con01{padding:0;} } /* ---- ##box-type050 : [메인] 듣는연합뉴스 ---- */ .box-type050{width:270px;} .box-type050>[class*='title-con']{padding-bottom:16px;} /* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .box-type050{width:221px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type050{width:100%;} } /* ---- ##box-type060 : [본문] PC 뉴스게임즈 ---- */ .box-type060{display:block;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type060{padding:0 16px;} } /* ---- ##box-type090 : 에러 메세지---- */ .box-type090{display:flex;flex-direction:column;align-items:center;width:440px !important;margin:0 auto;padding:180px 0;} .box-type090 .title-con01{display:block;text-align:center;} .box-type090 .ico-type95-noti01{margin:3px 0;} .box-type090>.txt01{width:100%;margin-top:30px;font-size:18px;line-height:1.5;color:var(--font-color005);text-align:center;} .box-type090 .btn-type304{height:64px;margin-top:40px;padding:22px 21px;font-size:18px;font-weight:600;} .box-type090 .btn-type304 .txt01{margin:0;} .box-type090 .box-error{display:block;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .box-type090{padding:160px 0;} } @media only screen and (max-width:767px){ .box-type090{box-sizing:border-box;width:100% !important;max-width:440px;padding:60px 0;} .box-type090 .ico01{margin:2px 0;} .box-type090 .txt01{margin-top:20px;font-size:16px;} .box-type090 .btn-type304{height:60px;} .box-type090 .btn-type304 .txt01{font-size:16px;;} .box-type090.box-error{padding:60px 16px;} } /* ---- ##box-type100~199 : 스와이퍼 박스 공통 ---- */ [class*='box-type10'] .title-con01, [class*='box-type10'] .title-con02{display:flex;position:relative;z-index:2;width:100%;height:46px;margin:0 0 -46px 0;padding-bottom:0;} [class*='box-type10'] .swiper-area{position:relative;padding:46px 0 0 0;} [class*='box-type10'] .btns-wrap11{position:absolute;top:0;right:0;z-index:2;max-width:200px;height:30px;} [class*='box-type10'] .btns-wrap11 .pager01{width:auto;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ [class*='box-type10'] .title-con01, [class*='box-type10'] .title-con02{height:42px;margin:0 0 -42px 0;} [class*='box-type10'] .swiper-area{/*overflow-x:auto;*/padding-top:42px;} /*[class*='box-type10'] .swiper-area li{padding-right:16px;}*/ [class*='box-type10'] .btns-wrap11{display:none;height:30px;margin-top:16px;} [class*='box-type10'] .btns-wrap11 .pager01{} } /* ---- ## box-type100 ---- */ @media only screen and (max-width:767px){ .box-type100 .title-con01, .box-type100 .title-con02, .box-type103 .title-con01, .box-type103 .title-con02{height:39px;min-height:39px;margin-bottom:-39px;} } /* 하위 리스트 - list-type050, list-type021 */ @media only screen and (max-width:767px){ /* box-type10$ : 스와이퍼 형태 */ .box-type101 .btns-wrap11{top:-46px !important;} .box-type101 .swiper-area{overflow:visible;} } /* ---- ## box-type101 ---- */ /* 1024 이하 버튼 상단 정렬 / 767이하 버튼 hide(스크롤변형) * 하위 리스트 - list-type021, list-type032, list-type317 */ /* ---- ## box-type102 : 비주얼뉴스 홈 ---- */ .box-type102{overflow:visible;max-width:100%;} .box-type102 .swiper-area{padding:0;} /* ---- ## box-type103 ---- */ /* 모든 해상도 버튼 노출 * 하위 리스트 - list-type041, list-type043, list-type306 */ /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ /* 다국어톱뉴스,지역톱뉴스 */ .box-type103 [class*='list-type04']{text-align:center;} .box-type103 [class*='list-type04'] ul{display:flex;} .box-type103 [class*='list-type04'] .pager01, .box-type103 [class*='list-type04'] .btns-wrap11{display:inline-flex;justify-content:center;} .box-type103 [class*='list-type04'] .pager01{width:64px;} .box-type103 [class*='list-type04'] .swiper-area{overflow:hidden;padding-top:39px !important;} .box-type103 [class*='list-type04'] .btns-wrap11{position:relative;box-sizing:border-box;margin:12px auto 0;padding:0 30px;font-size:14px;font-weight:500;} .box-type103 [class*='list-type04'] .btns-wrap11 .btn-type007-pause01{display:none;} .box-type103 [class*='list-type04'] [class*='btn-dir001-']{position:absolute;top:50%;transform:translateY(-50%);} .box-type103 [class*='list-type04'] .btn-dir001-prev{left:0;margin-left:0;} .box-type103 [class*='list-type04'] .btn-dir001-next{right:0;margin-left:0;} .box-type103 [class*='list-type04'] .pager01{width:64px;padding-right:0;} } /* ---- ## box-type104 ---- */ /* [서브/본문] 핫뉴스, 에디터스 픽(영상,뉴스) * 하위 리스트 - list-type200, list-type210, list-type211 */ .box-type104{position:relative;} .box-type104 [class*='title-con']+[class*='list-type']{margin-top:0;} .box-type104 .title-con04+.list-type210{margin-top:-44px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ /* 104 : 모든 해상도 버튼 노출(버튼위치 고정) */ .box-type104 .btns-wrap11{display:block;right:16px;margin-top:0;} .box-type104 .swiper-area{overflow:hidden;padding-left:0;} .box-type104 .swiper-area li{box-sizing:border-box;padding:0 16px;} } /* ---- ## box-type105 ---- */ .box-type105{overflow:visible;} .box-type105 .btns-wrap11{width:auto;} .box-type105 .title-type001{} .box-type105 .list-type213 [class*='item-box0'].style01>[class*='img-con']{margin-bottom:0;} .box-type105 .list-type213 .list01 li .item-box01 .news-con{padding-top:20px;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ /* 104 : 버튼 노출 상단 고정 */ .box-type105 .title-type001 .tit01{padding-top:1.5px;} .box-type105 .swiper-area{padding-top:46px;} } /* ---- ## box-type106 ---- */ .box-type106 .swiper-grid-column>.swiper-wrapper{flex-direction:row;} .box-type106 .btns-wrap11{width:auto;} .box-type106>.title-type001{position: absolute;top: 0;left:0;z-index: 10;} .box-type106 .title-con02.style01{position:static;} .box-type106 .swiper-grid-column>.swiper-wrapper{flex-direction:row;} .box-type106 .list-type214 .list01>li{margin-top:0 !important;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type106 .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column;transform: translate3d(0px,0,0)} .box-type106 .list-type214 .list01{height:496px;} /* .box-type106 .list-type214 .list01>li:nth-child(2n){margin-top:20px;} */ .box-type106 .list-type214 .list01>li{height:238px;} .box-type106 .list-type214 .list01>li:nth-child(2n){margin-top:20px !important;} } /* ---- ## box-type107 ---- */ .box-type107{display:block;box-sizing:border-box;width:100%;max-width:100% !important;padding:48px 0;background-color:var(--ui-tag009);} .box-type107 .title-con01{margin:0 auto -30px !important;padding:0;} .box-type107 .btns-wrap11{width:auto;} .box-type107 .list-type220 .list01 li{max-width:373px;} .box-type107 .list-type220 .list01{width:auto;max-width:100%;} .box-type107 .swiper-area{overflow:visible;display:flex;justify-content:center;align-items:center;width:1200px;margin:0 auto;} /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .box-type107{max-width:100% !important;} .box-type107 .title-con01{} .box-type107 .list-type220{max-width:980px;margin:0 auto;} .box-type107 .list-type220 .list01 li{max-width:100%;} .box-type107 .swiper-area{overflow:hidden;width:100%;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type107{padding:24px 0;} .box-type107 .title-con01{padding:0 16px;} .box-type107 .list-type220{max-width:calc(100% - 32px);margin:0 auto;} .box-type107 .list-type220 .list01 li{max-width:100%;} .box-type107 .title-type001 .tit01{padding-top:1.5px;} .box-type107 .swiper-area{overflow:hidden;width:100%;padding-top:39px;} .box-type107 .btns-wrap11{display:inline-flex;justify-content:flex-end;position:absolute;top:0;right:0;z-index:2;height:30px;margin-top:0;} } /* ---- ## box-type108 ---- */ .box-type108{display:block;box-sizing:border-box;width:100%;max-width:100% !important;} .box-type108 .btns-wrap11{width:auto;} .box-type108 .list-type221 .list01 li{opacity:0.3;max-width:373px;} .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li{width:373px;} .box-type108 .list-type221 .list01 .swiper-slide-active, .box-type108 .list-type221 .list01 .swiper-slide-next, .box-type108 .list-type221 .list01 .swiper-slide-next+.swiper-slide{opacity:1;} .box-type108 .list-type221 .list01{width:auto;max-width:100%;} .box-type108 .swiper-area{overflow:visible;display:flex;justify-content:center;align-items:center;width:1200px;margin:0 auto;} .box-type108 .title-con01{margin-bottom:-30px !important;} /*.box-type108 .list-type221::before{content:'';opacity:0.7;display:block;position:absolute;left:-5px;bottom:0;z-index:10;width:calc(50% - 600px);height:300px;background-color:var(--font-color001);}*/ /*.box-type108 .list-type221::after{content:'';opacity:0.7;display:block;position:absolute;right:-5px;bottom:0;z-index:10;width:calc(50% - 600px);height:300px;background-color:var(--font-color001);}*/ /* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */ @media only screen and (min-width:1024px) and (max-width:1279px){ .box-type108 .list-type221 .list01 li{max-width:100%;} .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li{width:300px;} .box-type108 .swiper-area{width:100%;max-width:980px;} } /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type108 .list-type221{padding:0 16px;} .box-type108 .list-type221 .list01 li{max-width:100%;} .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li{width:100%;} .box-type108 .title-type001.arr01 a{padding-top:1.5px;} .box-type108 .swiper-area{overflow:hidden;width:100%;padding-top:46px;overflow-x:hidden;} .box-type108 .btns-wrap11{display:inline-flex;justify-content:flex-end;position:absolute;top:0;right:0;z-index:2;height:30px;margin-top:0;} } /* ---- ##box-type109 ---- */ .box-type109{overflow:hidden;display:block;position:relative;box-sizing:border-box;width:100%;padding-bottom:60px;} .box-type109:before{content:'';display:block;position:absolute;top:40px;left:0;width:100%;height:100%;background-color:var(--ui-tag009);} .box-type109 .title-con01 .title-type001{margin-bottom:0;flex:1 2 auto;} .box-type109 .title-con01 .txt-type021{flex:auto;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .box-type109{padding-bottom:0;} .box-type109 [class*='title-con0']{height:auto;background-color:var(--ui-tag001);} .box-type109 .list-type222 .swiper-area{padding-top:0;} } /* ---- ## box-type202 ---- */ .box-type202 .title-con05{padding-bottom:0;} @media only screen and (max-width:767px){ .box-type202.box-serp01-photo .list-type502 [class*='tit-wrap'] .tit-news{-webkit-line-clamp:2;} .box-type202.box-serp01-video .list-type502 [class*='tit-wrap'] .tit-news{-webkit-line-clamp:4;} .box-type202.box-serp01-graphic .list-type502 [class*='tit-wrap'] .tit-news{-webkit-line-clamp:1;} .list-type502 + .paging-type01{margin-top:40px !important;} } /* ---- ##box-type211 ---- */ /* 통합검색 > 우측 인물 */ .box-type211>[class*='title-con']{margin-bottom:6px;padding-bottom:12px;}/* 수치 피그마와 상이함 디자인과 그리드 맞추기위해 추가 */ .box-type211 .txt-type010{display:flex;justify-content:center;align-items:center;padding:16px 0;font-size:16px;color:var(--font-color004);} .box-type211 .list-text400{border:1px solid var(--ui-tag005);} .box-type211 .list-text400 .list01{border-top:1px solid var(--ui-tag005);} @media only screen and (max-width:767px){ .box-type211 .list-text400{border:0;} .box-type211{border:0;} .box-type211.box-serp-person01{margin:0 16px;border:1px solid var(--ui-tag005);} } /* ---- ## box-type230~249 ---- */ /* 230 ~ 249 : 기자 * box-type230 : 기자 기사 리스트 * box-type231 : 기자 전체 리스트 * box-type232 : 기자 리스트 없음 */ .box-type230{box-sizing:border-box;padding:40px;border:1px solid var(--ui-tag011);border-radius:2px;background-color:var(--ui-tag001);} @media only screen and (max-width:767px){ .box-type230{padding:20px 16px;} .box-type230 .list-type212{padding:0;} .box-type230>[class*='title-con']{padding:0 0 12px 0;} } /* ---- ## box-type25$ ---- */ /* 251 ~ 269 : 테마별뉴스 * box-type251 : 핫뉴스 * box-type252 : 많이본뉴스(이시각,날짜별) * box-type261 : 그 외 톱뉴스, 긴급뉴스 */ [class*='box-type25'], [class*='box-type25'] [class*='list-type'] [class*='item-box0'], .box-type261, .box-type261 [class*='list-type'] [class*='item-box0']{overflow:visible;} @media only screen and (max-width:767px){ [class*='box-type25']>.title-con01{padding:0 0 16px 0 !important;} .box-type261{margin-top:40px !important;} } /* ---- ## box-type270~299 ---- */ /* 270~299 : 비주얼뉴스*/ /*@media only screen and (max-width:767px){ .box-type270{overflow:hidden;max-width:100% !important;} }*/ @media only screen and (max-width:767px){ [class*='box-type27']{padding:0 16px;} [class*='box-type27'] .title-con01{padding:0 0 12px 0 !important;} [class*='box-type27'].box-health-video01 .title-con01{padding:0 16px 12px 16px!important;} } /* ---- ## box-type273 : 비주얼뉴스 서브 : 그래픽 ---- */ .box-type273 .list-type301>.list01 .item-box01 .tit-news {height:27px;-webkit-line-clamp:1;font-weight:700;} @media only screen and (min-width:1024px) and (max-width:1279px) { .box-type273 .list-type301>.list01 .item-box01 .tit-news {height:54px;-webkit-line-clamp:2;} } @media only screen and (max-width:767px){ .box-type273 .list-type301>.list01 .item-box01 .tit-news {height:27px;-webkit-line-clamp:1;} } /* ---- ## box-type274 : 비주얼뉴스 서브 : 화보 ---- */ .box-type274{margin-top:60px!important;} @media only screen and (max-width:767px){ .box-type274{padding:0 16px;} } /* ---- ## box-type275 : 비주얼뉴스 서브 : 모멘토 ---- */ .box-type275 [class*='list-type'] [class*='item-box0'] .img{padding-top:70.7%;} /* ---- ## box-type29$ : 비주얼뉴스 서브 : 공통 ---- */ @media only screen and (max-width:767px){ [class*='box-type29']{padding:0 16px;} [class*='box-type29'] .title-con01{padding:0 0 12px 0 !important;} } /* ---- ## box-type291 : #D 리스트 ---- */ .box-type291{position:relative;max-width:100% !important;} .box-type291 .list-type304{max-width:1200px;margin:0 auto;} @media only screen and (min-width:1024px) and (max-width:1279px) { .box-type291{position:relative;max-width:100% !important;} .box-type291 .list-type304{max-width:980px;margin:0 auto;} /*.box-type291 .list-type304>.list01 li:first-child{padding:48px 0}*/ } @media only screen and (max-width:767px){ /*.box-type291 .list-type304>.list01 li:first-child{padding:32px 0}*/ } /* ---- ## box-type292 : #D 쇼츠 리스트 ---- */ .box-type292{} /* =============== ####table-type ======================== */ /* ---- ##table-type61 ---- */ .table-type61{display:block;width:100%;max-width:1200px;margin:0 auto;} .table-type61>.tit01{display:block;box-sizing:border-box;width:100%;padding-bottom:12px;font-size:20px;line-height:1.5;font-weight:700;color:var(--font-color003);} .table-type61 table{box-sizing:border-box;width:100%;border-top:1px solid var(--ui-tag003);border-bottom:1px solid var(--ui-tag005);} .table-type61 table th{height:91px;border-right:1px solid var(--ui-tag005);text-align:center;} .table-type61 table th:last-child{border-right:0;} .table-type61 table th [class*='tit-wrap']{display:block;box-sizing:border-box;width:100%;} .table-type61 table th [class*='tit-wrap'] .tit01{display:block;box-sizing:border-box;width:100%;font-size:15px;line-height:1.5;font-weight:500;color:var(--font-color003);} .table-type61 table th [class*='tit-wrap'] .txt01{display:block;box-sizing:border-box;width:100%;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color005);} .table-type61 table td{height:139px;border-top:1px solid var(--ui-tag005);border-right:1px solid var(--ui-tag005);text-align:center;} .table-type61 table td:last-child{border-right:0;} .table-type61 table td [class*='ico-type64']{margin:0 auto;} .table-type61 table td .tit01{display:block;box-sizing:border-box;width:100%;padding-top:8px;font-size:15px;line-height:1.5;font-weight:600;color:var(--font-color003);} .table-type61 table td .txt01{display:block;box-sizing:border-box;width:100%;padding:0 8px;font-size:15px;line-height:1.5;font-weight:400;color:var(--font-color005);word-break:keep-all;} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .table-type61{width:calc(100% - 32px);margin:0 16px;} .table-type61 .tit01{font-size:18px;} .table-type61 table th{height:88px;} .table-type61 table th [class*='tit-wrap'] .tit01{font-size:13px;} .table-type61 table td .txt01{font-size:13px;} .table-type61 table th [class*='tit-wrap'] .txt01{font-size:13px;} } /* ---- ##align-zone01 뉴스플러스 리스트 정렬박스 ---- */ .align-zone01{display:inline-block;position:relative;vertical-align:top;} .align-zone01.active>.sort{display:block;} .align-zone01.active>.sort [class*='btn-type']{float:none!important;} .align-zone01>.sort{display:none;position:absolute;top:32px;right:0;z-index:10;box-sizing:border-box;min-width:100px;padding:8px 12px 12px 12px;border-radius:2px;background-color:var(--font-color001);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);} .align-zone01>.sort li+li{margin-top:16px;} .align-zone01>.sort button{width:100%;text-align:left;} /* ---- ##[마이페이지] reply-option01 : 댓글리스트 옵션 영역 ---- */ .reply-option01{display:block;box-sizing:border-box;} .reply-option01 .reply-option-btn{display:inline-block;position:relative;box-sizing:border-box;vertical-align:top;} .reply-option01 .reply-option-btn .reply-history-layer{display:none;position:absolute;top:32px;right:0;z-index:10;box-sizing:border-box;min-width:90px;padding:16px;border-radius:4px;background-color:var(--ui-tag001);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);} .reply-option01 .reply-option-btn.active .reply-history-layer{display:block;} .reply-option01 .reply-option-btn .reply-history-layer>li{display:block;box-sizing:border-box;} .reply-option01 .reply-option-btn .reply-history-layer>li + li{margin-top:20px;} /* ---- ##[본문] subscribe-zone01,02 : 브랜드뉴스 구독존 ---- */ /* subscribe-zone01 */ .subscribe-zone01{display:flex;justify-content:flex-start;align-items:flex-end;} /* subscribe-zone02 */ .subscribe-zone02{display:flex;justify-content:space-between;align-items:flex-end;box-sizing:border-box;max-width:640px;margin:40px auto 0;padding-top:21px;border-top:2px solid var(--ui-tag003);} .subscribe-zone02 .title-type018{display:flex;justify-content:flex-start;align-items:center;} .subscribe-zone02 .tit01{font-size:18px;} .subscribe-zone02 .tit02{position:relative;margin-right:12px;padding-right:13px;font-size:18px;font-weight:600;color:var(--font-color004);} .subscribe-zone02 .tit02:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:16px;background-color:var(--ui-tag005);transform:translateY(-50%);} /* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */ @media only screen and (max-width:767px){ .subscribe-zone02{max-width:100%;margin:40px 16px 0;} .subscribe-zone02+.empathy-zone{margin-top:40px !important;} } /* ---- ##[사이트맵] link-zone01 : 링크 리스트 ---- */ .link-zone01{padding:24px 0;border-top:2px solid var(--font-color003);border-bottom:1px solid var(--ui-tag005);} .link-zone01>li {display:flex;gap:12px;margin-top:24px;} .link-zone01>li:first-child{margin-top:0;} .link-zone01 .tit01{display:block;flex-shrink:0;width:120px;line-height:1.5;font-weight:700;color:var(--font-color003);} .link-zone01 .tit01 a{display:block;} .link-zone01>li .list01 a{display:block;padding:0 4px;font-size:15px;line-height:1.5;color:var(--font-color005);} .link-zone01>li .list01 a:hover, .link-zone01>li .list01 a:focus{color:var(--font-color021);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .link-zone01>li .link-area01{display:flex;flex-wrap:wrap;gap:8px;} .link-zone01>li .link-area01 .list01{display:flex;flex-wrap:wrap;gap:4px;} @media only screen and (min-width:1024px) and (max-width:1279px){ .link-zone01{padding:16px 0;} } @media only screen and (max-width:767px){ .link-field01 .title-con02{margin-bottom:12px;} /*.link-field01 .title-con02 .title-type015{width:100%;}*/ .link-zone01>li{flex-wrap:wrap;gap:8px;margin-top:28px;} .link-zone01>li .list01 a {padding:0 8px;} .link-zone01>li .link-area01{width:100%;} .link-zone01>li .link-area01 .list01{gap:16px 4px;margin-left:-8px;} } /* ---- ##[사이트맵] link-field01 : 지난뉴스 ---- */ .link-field01 .title-con02{margin-bottom:16px;} @media only screen and (max-width:767px){ .link-field01 .title-con02{flex-wrap:wrap;} } /* ---- ##[사이트맵] site-field01 : 뉴스 ---- */ .site-field01 .link-zone01{padding:24px 0;} .site-field01 .title-con02{margin-bottom:16px;} .site-field01 .link-zone01 .list01-area{gap:4px;display:flex;width:100%} .site-field01 .link-zone01>li .portal-area .list01{width:574px;} .site-field01 .link-zone01 .tit02{display:block;flex-shrink:0;line-height:1.5;font-weight:600;color:var(--font-color003);} .site-field01 .link-zone01 .tit02 a{display:block;padding:0 4px;font-size:15px;} @media only screen and (max-width:767px){ .site-field01 .title-con02{margin-bottom:12px;} .site-field01 .link-zone01 .tit02 a {padding:0 8px;} .site-field01 .link-zone01 .list01-area{gap:4px;margin-left:-8px;} .site-field01 .link-zone01 .list01-area .list01{width:100%;margin-left:0;} .site-field01 .link-zone01>li .link-area01{gap:16px;} } /* ---- ##[사이트맵] link-zone02 : 월별 리스트 ---- */ .link-zone02{padding:24px 0;border-top:2px solid var(--font-color003);border-bottom:1px solid var(--ui-tag005);} .link-zone02 .list01{display:flex;flex-wrap:wrap;gap:16px 40px;margin-left:-4px;} .link-zone02 .list01 li{display:flex;width:calc((100% - 200px) / 6);} .link-zone02 .list01 a{display:block;margin-right:4px;padding:0 4px;line-height:1.5;color:var(--font-color005);} .link-zone02 .list01 a + a{display:block;position:relative;margin:0 0 0 4px;} .link-zone02 .list01 a + a:before{content:'';display:block;position:absolute;top:4px;left:-4px;width:1px;height:14px;background-color:var(--ui-tag015);} .link-zone02 .list01 a:hover, .link-zone02 .list01 a:focus{color:var(--font-color021);text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} @media only screen and (min-width:1024px) and (max-width:1279px){ .link-zone02{padding:16px 0;} } @media only screen and (max-width:767px){ .link-zone02 .list01{margin-left:-8px;} .link-zone02 .list01 li{width:calc((100% - 80px) / 3);} .link-zone02 .list01 a{padding:0 8px;font-size:15px;} } @media only screen and (max-width:540px){ .link-zone02 .list01{margin-left:-8px;} .link-zone02 .list01{gap:16px 4px;} .link-zone02 .list01 li{width:calc((100% - 4px) / 2);} .link-zone02 .list01 a{padding:0 8px;font-size:15px;} } @media only screen and (max-width:340px){ .link-zone02 .list01{margin-left:-8px;} .link-zone02 .list01 a{font-size:14px;letter-spacing:-.6px;} } /* ---- ##[사이트맵] link-zone03 : 일별 리스트 ---- */ .link-zone03{padding:14px 0;border-top:2px solid var(--font-color003);border-bottom:1px solid var(--ui-tag005);} .link-zone03 .list01 li{margin-top:10px;} .link-zone03 .list01 li:first-child{margin-top:0;} .link-zone03 .list01 li a{overflow:hidden;display:-webkit-box;box-sizing:border-box;width:100%;max-height:62px;padding:10px 0;line-height:1.5;font-weight: 500;color:var(--font-color003);-webkit-box-orient:vertical;-webkit-line-clamp:2;} .link-zone03 .list01 li a:focus, .link-zone03 .list01 li a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} @media only screen and (min-width:1024px) and (max-width:1279px){ .link-zone03 .list01 li a{font-size:15px;} } @media only screen and (max-width:767px){ .link-zone03 .list01 li a{max-height:initial;-webkit-line-clamp:initial;} } /* =============== ####Y뷰어 ======================== */ /* layout.css 이동 필요 */ /* ---- ##wrap-dock-menu: y뷰어 dock-menu --- */ .wrap-dock-menu{display:none;position:sticky;left:0;bottom:50px;z-index:80;width:100%;padding-top:9px;} .wrap-dock-menu.ad-none{bottom:0;} .wrap-dock-menu.app-hide{display:none;} @media only screen and (max-width:767px){ .wrap-dock-menu{display:block;} } /* wrap-dock-menu */ .nav-type51{display:flex;align-items:flex-end;position:relative;height:64px;padding:0 20px;} .nav-type51:before{content:'';display:block;position:absolute;top:0;left:0;width:calc(50% - 22px);height:22px;height:100%;background-color:#fff;border-top-right-radius:20px;box-shadow:0 -5px 16px rgba(0, 0, 0, 0.14);} .nav-type51:after{content:'';display:block;position:absolute;top:0;right:0;width:calc(50% - 22px);height:22px;height:100%;background-color:#fff;border-top-left-radius:20px;box-shadow:0 -5px 16px rgba(0, 0, 0, 0.14);} .nav-type51 li{display:flex;flex-shrink:1;justify-content:center;position:relative;z-index:2;box-sizing:border-box;width:100%;height:64px;} .nav-type51 li:nth-of-type(3){width:auto;min-width:104px;height:54px;background-color:var(--ui-tag001);} .nav-type51 li:nth-of-type(3):after{content:'';display:block;position:absolute;top:0;left:0;height:30px;background-color:#fff;} .nav-type51 li a{display:block;width:100%;background-color:var(--ui-tag001);} .nav-type51 li:nth-of-type(2) a{border-top-right-radius:20px;} .nav-type51 li:nth-of-type(4) a{border-top-left-radius:20px;} .nav-type51 li .btn-type103{position:absolute;top:-18px;width:64px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);} @media only screen and (max-width:767px){ .nav-type51 li:nth-of-type(3){min-width:84px;} } /* =============== ####모션 ======================== */ /* motion-twinkle01 : (톱뉴스 타임라인) 최신 송고시간 */ @-webkit-keyframes motion-twinkle01{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);transform:scale(0.1,0.1);} 50%{opacity:1;} 100%{opacity:0;-webkit-transform:scale(1.4,1.4);transform:scale(1.4,1.4);} } @keyframes motion-twinkle01{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);transform:scale(0.1,0.1);} 50%{opacity:1;} 100%{opacity:0;-webkit-transform:scale(1.4,1.4);transform:scale(1.4,1.4);} } /* =============== ####개발용 ======================== */ .dev-hide{display:none;} /* =============== ####태블릿CSS(tablet.css) ======================== */ /* ---- ##calendar-type01 : vanilla-calendar 달력 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .calendar-type01{width:400px;min-height:338px;} .calendar-type01 .vanilla-calendar{padding:20px;} .calendar-type01 .vanilla-calendar-header{margin-bottom:12px;padding:0 12px;} .calendar-type01.style01{background-color:var(--ui-tag001);box-shadow:none;} } /* ---- ##alendar-form$$ : calendar-type의 상위 div ---- */ /* 비주얼 뉴스, 테마별 뉴스 * 버튼 클릭시 달력 노출 */ /* ---- ##캘린더 : calendar-form01 > popup-calendar01 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .calendar-form01 .calendar-type01{position:fixed;top:50%;left:50%;right:auto;z-index:222;max-width:440px;margin-right:0;transform:translate(-50%, -50%);} } /* ---- ##테마별 뉴스 > 긴급뉴스, 톱뉴스 * PC : 월별 달력 노출 */ /* ---- ##캘린더 : calendar-form02 > popup-calendar01 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .calendar-form02 .calendar-type01{display:none;position:fixed;top:50%;left:50%;z-index:91;max-width:440px;transform:translate(-50%, -50%);} .calendar-form02.active .calendar-type01{display:block;z-index:222;} } /* ---- ####mask-type$$ ---- */ /* mask-type01 : PC 해상도에서 header영역을 덮지 않는 케이스 * mask-type02 : 모바일 해상도(1023이하) 모든 컨텐츠를 덮는 케이스 * mask-type03 : 모든 해상도를 덮는 케이스 */ @media only screen and (min-width:768px) and (max-width:1023px){ body.popup-mode .mask-type02{display:block;z-index:221; animation-name: dim-fadein; animation-duration:0.3s; animation-iteration-count:1; animation-fill-mode: forwards; /*animation-delay: 0.4s;*/ } } /* =============== ####Icon ======================== */ /* (클래스범위) * logo-yna01 : 기본 HEADER 로고 * logo-yna02 : [페이지 위치] 설명 * logo-yna03 : [페이지 위치] 설명 */ @media only screen and (min-width:768px) and (max-width:1023px){ .logo-yna01 [class*='ir-txt']{width:87px;height:24px;} .logo-yna03 [class*='ir-txt']{width:87px;height:24px;} .logo-yna05 [class*='ir-txt']{width:110px;height:30px;} } /* ---- ##ico-type01 (사이즈 고정 아이콘) ---- */ /* (클래스범위) * ico-type01-$$ : .btn-type004-toggle 구성요소 * ico-type02-$$ : 단위 기사 상세정보 표시 * ico-type03-$$ : 기사분류 * ico-type04-$$ : [기사본문] (하단) 관련기사 / 관련이슈, [전국 리스트] (하단) 지방지 계약사 * ico-type05-$$ : 푸터 패밀리 사이트 구성요소 * ico-type06-$$ : 푸터 메뉴 열고/닫기 * ico-type11-$$ : (임시) [채널] 서브 타이틀 아이콘 * ico-type12-$$ : (임시) [채널] 본문 하단 링크 아이콘 * ico-type13-$$ : 플레이어 재생 아이콘 48*48 * ico-type91-$$ : 스타일 규격 없이 단독으로 된 디자인 * ico-type92-$$ : [공통검색]스타일 규격 없이 단독으로 된 디자인 * ico-type93-$$ : 이메일아이콘 * ico-type94-$$ : 마이페이지아이콘 * ico-type95-$$ : 에러페이지아이콘 */ /* ---- ##ico-type03-**** : 기사분류 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='ico-type03-']{background-color:rgba(0,0,0,.6);} .ico-type03-photo01{background-size:20px 14px;} .ico-type03-gallery01{background-size:22px 16px;} .ico-type03-gallery01>.txt01{padding-right:3px;font-size:10px;line-height:1.2;} } /* 타이틀 옆 툴팁 물음표 */ @media only screen and (min-width:768px) and (max-width:1023px){ .ico-type91-question01{width:16px;height:16px;} } /* ico-label-youtube01 : 유튜브 채널 */ @media only screen and (min-width:768px) and (max-width:1023px){ .ico-label-youtube03{top:3px;} } /* ico-label-ticker01 : 속보티커 * ico-label-ticker02 : 긴급티커 */ @media only screen and (min-width:768px) and (max-width:1023px){ .ico-label-ticker01{height:20px;padding:0 5px 4px;} .ico-label-ticker01>.txt01{height:20px;font-size:12px;line-height:20px;} .ico-label-ticker01:after{height:20px;} } /* =============== ####Button ======================== */ /* ---- ##btn-type$$$ ---- */ /* (클래스범위) * btn-type001~099 : 아이콘형태 버튼 * btn-type030~039 : 로고 형태 버튼 * btn-type040~049 : 텍스트 형태 버튼 * btn-type100 : 구독버튼 * btn-type101 : 많이본뉴스, 단독뉴스 * 토글 버튼 (더 만들지 말기) -- btn-type004-toggle, btn-type408-toggle, btn-type411-toggle, btn-type412-toggle * (addClass 범위) -- style01~19 : bg 형태 -- style20~29 : 보더라인 형태 -- arr01 : arrow 형태 */ /* ---- ##btn-type002 : 아이콘 단독형 : 40*40 : 연합라운지 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type002.style01:before{opacity:0.2;background-color:var(--ui-tag002);} } /* ---- ##btn-type012 :아이콘 단독형 30x30 통합검색 검색버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type012{background-size:24px auto;} } /* ---- ##btn-type013 : 통합검색 clear버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type013{box-sizing:border-box;width:26px;height:26px;background-size:18px auto;} .btn-type013.btn-clear01:before{width:18px;height:18px;} } /* ---- ##btn-type023 :아이콘 단독형 기자검색 검색버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type023{width:56px;height:55px;} } /* ---- ##btn-type1$$ : 로고 형태 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type100{width:44px;height:44px;} } /* ---- ##btn-type207 : 텍스트 형태 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type207{font-size:20px;} } /* ---- ##btn-type211 : 텍스트 형태 select 박스 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type211 .txt01{font-size:14px;} } /* ---- ##btn-type217 : [마이페이지] 바코드 보기 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type217{padding:12px 0;} .btn-type217 .txt01{font-size:14px;} } /* ---- ##btn-type218 : [마이페이지] 더보기 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type218 .txt01{font-size:15px;} } /* ---- ##btn-type312 : [마이페이지] 운영배너 --- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type312>.txt01{font-size:13px !important;} } /* ---- ##btn-type437 : [마이페이지] 헬로 아카이브 바로가기 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type437 .txt01{font-size:18px;} .btn-type437::after{width:34px;height:34px;background-size:34px 34px;} .btn-type437{height:36px;padding-left:44px;} } /* ---- ##btn-type438 : [마이페이지] 마이페이지 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type438{padding:0 20px;font-size:16px;} .btn-type438::before{width:16px;height:16px;background-size:16px 16px;} } /* ---- ##btn-type304 : 검색필터 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type304.style03{background-color:var(--ui-tag030);} } /* ---- ##btn-type306 : 마이페이지 안내문구 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type306{height:60px;} .btn-type306 .txt01{font-size:16px;} } /* ---- ##btn-type307.arr01 : 마이페이지 화살표 텍스트 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type307.arr01{width:120px;height:39px;} .btn-type307.arr01 .txt01{font-size:15px;} .btn-type307.arr01 .txt01::after{width:14px;height:14px;background-size:14px 14px;} } /* ---- ##btn-type311 : 섹션>뉴스 제보는 카카오톡 okjebo 버튼 ---- */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type311{height:30px;padding:0 8px 0 12px;} } /* ---- ##btn-type404.** : 국가 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type404{line-height:21px;} .btn-type404 .txt01{font-size:14px;line-height:21px;} } /* ---- ##btn-type436:마이페이지 마이뉴스 설정취소 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type436 .txt01{font-size:14px;} } /* ---- ##btn-type042 : 스크롤 최상단 이동 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .btn-type042{position:fixed;right:24px;bottom:99px;z-index:100;width:52px;min-width:auto;height:52px;box-shadow:0 3px 10px rgba(0,0,0,0.16);} .btn-type042.btn-scroll-top{display:none;} } /* ---- ##btns-wrap$$ 버튼 영역 ---- */ /* (클래스범위) * btns-wrap01 : 오른쪽 정렬 * btns-wrap02 : 왼쪽 정렬 * btns-wrap03 : 가운데 정렬 * btns-wrap11 : absolute 정렬 (스와이퍼 아이콘 30x30) * btns-wrap12 : absolute 가운데 정렬 (videojs 버튼) */ /* ---- ##btns-wrap$$ 공통 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='btns-wrap']{width:auto;} } /* ---- ##pager$$ : 페이징 숫자 ---- */ /* ---- ##pager01 : [공통] 리스트 스와이퍼 좌우 버튼 내 숫자 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .pager02 [class*='txt-']{font-size:16px;font-weight:500;} .pager02 .txt-current{font-weight:700;} } /* =============== ####Tab ======================== */ /* * tab-type01 : 메뉴 선택 (텍스트+언더라인) * tab-type02 : 메뉴 선택 (텍스트+배경색,언더라인) * tab-type$$.align01 : 센터정렬에서 767이하 left 변형 */ /* ---- ##tab-type02 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type02 .tab .txt01{font-size:14px;} } /* ---- ##tab-type05 : 연합 라운지 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type05{box-sizing:border-box;margin-top:8px;padding:0 24px;} .tab-type05 [class*='btn-dir002-'].swiper-button-disabled, .tab-type05 [class*='btn-dir002-']{display:none !important;} .tab-type05 .tab .txt01{font-size:15px;} } /* ---- ##tab-type22 : 테마별 뉴스 보더라인 형태 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type22>ul li{display:flex;justify-content:center;align-items:center;width:100%;} .tab-type22>ul li .tab .txt01{font-size:15px;word-break:keep-all;} .tab-type22>ul li{margin-right:0;} .tab-type22 .swiper-slide{flex-shrink:1;width:100%;margin-right:0;} } /* ---- ##tab-type23 : 뉴스플러스 보더라인 형태 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type23{max-width:720px;margin:0 auto;} .tab-type23 .swiper-area .swiper-wrapper{gap:0;justify-content:center;} /*.tab-type23::before{height:2px;background-color:var(--ui-tag003);}*/ .tab-type23 .swiper-area .swiper-wrapper .swiper-slide{flex-shrink:1;width:100%;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab{box-sizing:border-box;width:100%;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:15px;} .tab-type23 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:15px;} } /* ---- ##tab-type24 : 마이페이지 보더라인 형태 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type24{height:47px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide{width:auto;flex:0;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab{width:max-content;padding:8px 16px 0 16px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:15px;} .tab-type24 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:15px;} } /* ---- ##tab-type25 : 연합라운지 nav서브 탭 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type25 .swiper-area{padding:0 24px;} .tab-type25 ul{padding:0 0 8px;} .tab-type25 .tab{font-size:14px;} } /* ---- ##tab-type26 : 보도자료 탭타입 : width:auto, 왼쪽정렬, swipe 1279해상도 부터 적용 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tab-type26 .swiper-area .swiper-wrapper .swiper-slide{padding:0;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab{box-sizing:border-box;width:100%;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab .num{font-size:15px;} .tab-type26 .swiper-area .swiper-wrapper .swiper-slide>.tab .txt01{font-size:15px;} } /* =============== ####Tooltip ======================== */ /* ---- ##tooltip-type02 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tooltip-type02 .tlp-content{top:27px;left:-21px;} .tooltip-type02 .tlp-content.show{display:flex;position:absolute !important;top:33px;left:-20px;transform:translate(0, 0) !important;} } /* ---- ##.tooltip-type01.tlp-summary01 : 세줄요약 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .tlp-summary01 .tlp-content.show{position:fixed;top:50%;left:50%;width:100%;max-width:686px;transform:translate(-50%, -50%);} .tlp-summary01 .desc-con>.txt01>.txt02{position:static;} } /* =============== ####Ticker ======================== */ /* ticker-type02 : 긴급티커(속보) */ @media only screen and (min-width:768px) and (max-width:1023px){ .ticker-type02{height:92px;padding:0 24px;} .ticker-type02 .btn-type034{right:-20px;} .ticker-type02 .tit-news{padding-right:36px;} .ticker-type02 .tit01{font-size:18px;} } /* ticker-type03 */ @media only screen and (min-width:768px) and (max-width:1023px){ .ticker-type03{max-width:100%;border-width:1px 0;} .ticker-type03+.content03{margin-top:24px !important;} .ticker-type03>.time{padding-left:24px;} .ticker-type03 .list01 li{padding-right:40px;} .ticker-type03 .list01 li .unit01{height:24px;font-size:13px;} .ticker-type03 .list01 li .unit02{font-size:16px;} .ticker-type03 .list01 li .unit03{font-size:13px;} .ticker-type03 .list01 li .unit04{font-size:13px;} } /* =============== ####Title ======================== */ /* ---- ##txt-tag ---- */ /* (클래스범위) * 어깨제목 : txt-tag00 ~ 19 * 말머리 : txt-tag20 ~ 39 * 슬러그 : txt-tag40 ~ * 말풍선 스타일 : [class*='txt-tag'].style01 */ /* ---- ##txt-tag01~19 : 어깨제목(a태그일때 arrow추가됨) ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-tag01, a[class*='txt-tag0']{font-size:16px;} a[class*='txt-tag0']:after{width:14px;height:14px;} } /* ---- ##txt-tag02 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-tag02, a.txt-tag02{font-size:13px;} } /* ---- ##txt-tag20 ~ 39 : 말머리 스타일 사용 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='txt-tag2']{line-height:1.2;} } /* ---- ##txt-tag2$ (말머리 공통) ---- */ /* 말머리 태그 사용 규칙 * 말머리는 리스트타입 종속으로 사용한다.(list-type$$ > txt-tag2$) * txt-tag2$ : 컬러 지정 * tag$$ 은 [class*='txt-tag2']에 addClass로 사용 * 말머리 텍스트는 tag0$:before 의 가상태그로 제공 */ /* txt-tag41 : 슬러그 텍스트 타입(폰트14px) */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-tag41{font-size:13px;} } /* txt-tag43 : 기사 갯수 */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-tag51, a.txt-tag51{font-size:13px;} } /* ---- ##title-type (공통) ---- */ /* span.title-type$$$ : 텍스트 타이틀 * a.title-type$$$ : 링크 타이틀 * font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700 * [메인] 텍스트 타입 : title-type001 ~ 019 * [메인] 아이콘형태 : title-type020 ~ 039 * [섹션메인] 텍스트 타입: title-type011 ~ 119*/ /* ---- ##title-type001 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type001>[class*='tit0']{font-size:18px;/*height:27px;*/} } /* ---- ##title-type002 - 텍스트 회색 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type002>[class*='tit']{font-size:18px;} } /* ---- ##title-type004 - 연합라운지 대 타이틀 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type004{padding:0 16px;} } /* ---- ##title-type004.style01 - 뉴스플러스 관심사 뉴스 패키지 타이틀+텍스트 조합 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type004.style01{flex-direction:column;align-items:flex-start;height:auto;gap:8px;} .title-type004.style01>.tit01{font-size:18px;} .title-type004.style01>.txt01{font-size:14px;} } /* ---- ##title-type005.style01 : 지역별 실시간 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type005{height:84px;padding:12px 20px 12px 100px;} .title-type005::before{top:12px;left:20px;width:60px;height:60px;background-size:60px 60px;} .title-type005 .tit01{font-size:20px;line-height:30px;} .title-type005 .txt01{font-size:14px;line-height:21px;} } /* ---- ##title-type009.style01 : 도트 형태 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type009 .tit01{padding-left:0;} .title-type009 .tit01:after{display:none;} .title-type009.style01 .tit01{color:var(--font-color003);} } /* ---- ##title-type010 : 타이틀+텍스트 (tit01+txt01) ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type010{display:none;} } /* ---- ##title-type011 - 보더라인형태 대타이틀---- */ /* 주로 .nav-type40>.title-type011 쓰임 */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type011>.tit01{font-size:24px;} } /* ---- ##title-type012 - 마켓플러스 모바일 변형 타이틀---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type012 .tit01{font-size:18px;font-weight:700;color:var(--font-color003);} .title-type012 .tit01:hover{color:var(--font-color003) !important;} .title-type012 .tit01::after{content:'';display:block;position:absolute;top:50%;right:-22px;z-index:10;width:18px;height:18px;background-image:var(--ui-bg021);background-size:18px 18px;background-position:center center;background-repeat:no-repeat;transform:translateY(-50%);} } /* ---- ##title-type013 - 기자홈 통계보기 타이틀---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type013 .tit01{font-size:15px;} } /* ---- ##title-type015 - 기타 사이트맵 타이틀 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type015 .tit01{font-size:20px;} } /* ---- ##title-type018 : [본문] 브랜드뉴스명---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type018>.tit01{font-size:16px !important;} } /* ---- ##title-type032: 말풍선 화살표 타이틀 버튼 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type032{top:-12px;left:24px;z-index:2;} .title-type032 .tit01{font-size:15px;} } /* ---- ##title-type033: 말풍선 톱뉴스 타임라인 타이틀 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type033 .tit01{font-size:17px;} } /* ---- ##title-type034: 메인 주식티커 타이틀 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-type034{justify-content:flex-start;height:40px;background-color:var(--ui-tag106);} .title-type034 .title01{font-size:18px;} .title-type034 .txt01{font-size:13px;} .title-type034:after{display:none;} .title-type034:before{display:none;} } /* ---- ##txt-type$$$ (공통) ---- */ /* (클래스범위) * txt-type001~19 :기본텍스트 * txt-type100~029 :텍스트+썸네일 형태 * txt-type300~ :[테마]텍스트 */ /* ---- ##txt-type005 : 톱뉴스 날짜 텍스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type005{gap:8px;} } /* ---- ##txt-type006 : 톱뉴스 캘린더날짜 텍스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type005>.txt01{font-size:20px;line-height:1.3;font-weight:600;color:var(--font-color003);} } /* ---- ##txt-type012 : [기자홈]구독 00명 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type012 {line-height:1.7;} .txt-type012::before, .txt-type012::after{height:21px;line-height:1.5;} } /* ---- ##txt-type015 : 성금,신문의날 텍스트,RSS피드 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type015{margin-top:40px;} .txt-type015 .tit01{margin-bottom:24px;font-size:20px;} .txt-type015 .tit01 span{display:block;} .txt-type015 .desc-con{margin-top:24px;} .txt-type015 .desc-con .tit01{font-size:20px;} .txt-type015 .desc-con .txt01{font-size:16px;} .txt-type015 .txt-mes03{font-size:14px;} .txt-type015 .txt-mes03 span{display:block;} .txt-type015 .desc-con>.list01{flex-wrap:wrap;justify-content:center;} .txt-type015 .desc-con >.list01 li{font-size:16px;} } /* ---- ##txt-type016 : 성금모금,신문의날 정보 텍스트---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type016{padding:24px;} .txt-type016 dt{font-size:14px;} .txt-type016 dd{font-size:14px;} .txt-type016 .list01 dl{gap:8px;} .txt-type016 .list02 li{width:50%;} .txt-type016 .list01 dl:last-child .list02 li{width:100%;} } /* ---- ##txt-type017 : 성금모금,신문의날 정보 텍스트---- */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type017{margin-top:40px;} .txt-type017 .txt-date{font-size:16px;} .txt-type017 .txt01{font-size:18px;} } /* ---- ##txt-type018 : 기타 성금모금 상단 이미지 없는 케이스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type018{padding:60px 0;} .txt-type018:after{left:24px;width:calc(100% - 48px);} .txt-type018 .tit01{font-size:24px;} .txt-type018 .txt01{margin-top:12px;font-size:20px;} .txt-type018+.txt-type015{margin-top:60px;} } /* ---- ##txt-type100 : 텍스트+썸네일 형태 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type100 [class*='img-con']{width:30px;height:30px;margin-left:8px;} .txt-type100 .tit-name{font-size:13px;} } /* ---- ##txt-type102 : 특파원 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type102 [class*='img-con']{width:60px;height:60px;} } /* ---- ##txt-type103 : 마켓플러스 패닉붐 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type103{display:none;} } /* ---- ##txt-type105 : 에러페이지 텍스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type105{padding:80px 0;} } /* ---- ##txt-type106 : 리스트 없음 텍스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type106{padding:76px 0;font-size:18px;} } /* ---- ##txt-type603 : [마이페이지] 안내문구 텍스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .txt-type603>.txt01{font-size:18px;} .txt-type603 .advise01{padding:16px 0 30px 0;font-size:14px;} } /* =============== ####Form ======================== */ /* ---- ##[class*='label-con-'] ---- */ /* label-con-* : 3음절 * label-con-wrap * label-con-radio01 * label-con-check01 * label-con-toggle01 */ /* label-con-check02 */ @media only screen and (min-width:768px) and (max-width:1023px){ .label-con-check02>input + label{font-size:15px;} .label-con-check02>input + label::before{margin-top:1px;} } /* 검색 필터 레이어 : 달력제어 */ @media only screen and (min-width:768px) and (max-width:1023px){ .label-con-date01 .calendar-form01{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--ui-tag018);} .label-con-date01 .calendar-form01 .calendar-type01{position:fixed;top:50%;left:50% !important;right:auto!important;transform:translate(-50%, -50%) !important;} } /* ---- ##profile-field01 : 기자홈 기자프로필 박스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .profile-field01{padding:41px 24px 24px 24px;} .profile-field01 .info-txt{position:relative;padding:0;} .profile-field01 .img-con01{position:absolute;top:41px;left:24px;z-index:10;width:60px;height:60px;border-radius:60px;} .profile-field01 .btn-type214 .txt01{font-size:14px;} .profile-field01 .info-txt .btn-type412-toggle{position:absolute;right:0;bottom:0;z-index:1;margin:0;} .profile-field01 .info-txt .name{box-sizing:border-box;padding-left:80px;font-size:24px;text-align:left;} .profile-field01 .info-txt .name em{font-size:24px;} .profile-field01 .info-txt .txt-con{box-sizing:border-box;margin-top:0;padding-left:80px;font-size:15px;text-align:left;} .profile-field01 .info-txt .mail{margin:4px 0 0 0;font-size:14px;} .profile-field01 .info-txt .txt-type012{margin:4px 0 0 0;font-size:14px;} } /* ---- ##profile-field02 : 기자홈 기자프로필 통계박스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .profile-field02 .btn-type413-toggle.active ~ .info-txt{display:flex;justify-content:flex-start;align-items:flex-start;gap:24px;} .profile-field02.open .info-txt{display:flex;} .profile-field02 .info-txt .item-box01{width:100%;} .profile-field02 .info-txt .item-box01 + .item-box01{margin-top:0px;} .profile-field02 .info-txt .item-box01 .chart-con{margin-top:12px;} .profile-field02 .info-txt .item-box01 .chart01{width:206px !important;padding:0 2px;} .profile-field02 .info-txt .item-box01 .chart02{margin-left:40px;padding-left:0 !important;} } /* ---- ##period-field01 : 날짜검색 박스---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .period-field01{padding:32px 0 0;} .period-field01 .txt-pick{font-size:24px;} .period-field01 + [class*='tab-type0']{margin-top:32px !important;} } /* ---- ##period-field02 : 캘린더 탭 박스---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .period-field02{display:flex;} } /* ---- ##[비주얼뉴스] period-field01.style01 : 날짜검색 박스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .period-field01.style01{padding-bottom:32px;background-color:var(--ui-tag009);} } /* =============== #### title-page & title-con ======================== */ /* ---- ##title-page$$ ---- */ /* title-page11 : 정정보도+최신뉴스 타이틀 */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-page11{margin-bottom:12px;padding:0 16px;} } /* ---- ##title-con$$ ---- */ /* 규칙 : [부모영역] title-con$$ > title-type$$ * title-con01 : 타이틀+요소 좌우 정렬 * title-con02 : 타이틀 좌측 정렬 * title-con03 : 없음 */ /* ---- ##title-con01 : 타이틀 좌우 정렬 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con01{padding-bottom:12px !important;} } /* ---- ##title-con02 : 타이틀 좌측 정렬 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con02 .tit01 .ico-label-youtube01{top:3px;} } /* ---- ##title-con04 : 상하 정렬 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con04 [class*='title-type'] + .txt-type005{padding-top:12px;} } /* ---- ##title-con05 : 기타정렬(타이틀+아이콘 형태/메인:뉴스라운지) ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con05.style01 .info-box01{right:16px;} .title-con05.style01 .info-box01 .txt-type001{margin-right:3px;} .title-con05.style01 .info-box01 .txt-type001>.txt01{font-size:13px;} .title-con05.style01 .tooltip-type01 .tlp-content{top:27px;left:-21px;} } /* ---- ##title-con05.style02 : 기타정렬(타이틀+00건+버튼 형태/통합검색) ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con05.style02 .title-type001>[class*='tit']{font-size:20px;} .title-con05.style02{margin-bottom:12px;} } /* ---- ##title-con2$ : 배경 + 말풍선 스타일 ---- */ /* style01 : 말풍선 스타일 */ /* style01 : 말풍선 스타일 */ /* title-con21 */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con21{width:calc(100% - 48px);height:60px;padding-right:16px;} .title-con21.style01:before{border-top:72px solid transparent;border-left:72px solid var(--ui-tag031)} .title-con21 .title-type004>.tit01{font-size:20px;} .title-con21 .title-type004>.tit01 .logo-yna11{display:none;} .title-con21 .title-type004{height:60px;padding:0 16px;} .title-con21 .title-type004>.txt01{display:none;} .title-con21 .txt-type001>.txt01{font-size:13px;} .title-con21 .btn-type310{margin-left:8px;} } /* ---- ##title-con22 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con22{box-sizing:border-box;width:calc(100% - 48px);margin:0 auto;} .title-con22 .title01{font-size:16px;} } /* ---- ##title-con23 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con05.style03{justify-content:space-between;} .title-con05.style03 .tooltip-type02 .tlp-content.show{left:auto;right:0;min-width:235px;} .title-con05.style03 .tooltip-type02 .tlp-content:before{left:auto;right:12px;} } /* ---- ##title-con62 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .title-con62>.list01>li{font-size:14px;} .title-con62 .item-box01>.info-box01>.tit01{font-size:14px;} .title-con62 .item-box01>.txt01{font-size:28px;} .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content{left:-44px;padding:12px;} .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content:before{left:46px;} } /* =============== ####visual-type ======================== */ /* ---- ##visual-type02 : [오피니언 전문기자의 세상읽기] 상단 타이틀 ---- */ /* 개편 순서 object * object02 : 천병혁의 야구세상 * object04 : 김귀근의 병영터치 * object05 : 김길원의 헬스노트 * object09 : 성연재의 길따라 * object11 : 이광빈의 플랫폼S * object12 : 유형재의 새록새록 * object13 : 도광환의 미술로 보는 세상 * object14 : 서미숙의 집수다 * object15 : 장용훈의 한반도록 */ /* ---- ##visual-type02 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type02{width:calc(100% - 48px);margin:0 auto;} .visual-type02::before{width:40px;height:40px;background-size:40px 40px;} .visual-type02 .txt01{font-size:20px;} } /* ---- ##visual-type03 : [세계 리스트] 특파원 상단 ---- */ /* 주재지 별 배경 (특파원 전체메뉴 순) * bg_crsp_city01_****$$ */ /* 특파원 지도 */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type03{padding:0 24px;} .visual-type03 .btns-wrap04{height:55px;} .visual-type03 .btns-wrap04 .txt01{font-size:16px;} .visual-type03 .btn-type022{width:24px;height:24px;} .visual-type03 .btn-type022:after{width:14px;height:14px;background-size:14px auto;} .visual-type03 .area .flex-box01::before{height:120px;} .visual-type03 .area .flex-box01::after{height:120px;} .visual-type03.la .area .flex-box01::before{background-position:right center;} .visual-type03 .area .flex-box01 .local-info{padding:35px 0 0 20px;} .visual-type03 .area .flex-box01 .local-info .tit{font-size:24px;line-height:34px;} .visual-type03 .area .flex-box01 .local-info .desc .txt-desc strong{font-size:16px;line-height:24px;} .visual-type03 .area .flex-box01 .local-info .desc .txt-time{font-size:18px;line-height:27px;} .visual-type03 .area .flex-box01 .list-text210{padding:0;} .visual-type03 .area .flex-box02{height:418px;padding:24px 40px 40px 40px;} .visual-type03 .list-text210{margin-top:31px;} .visual-type03 .map-area{width:100%;height:300px;margin-top:16px;} } /* ---- ##visual-type04 : [전국 리스트] 지역 별 톱영역 ---- */ /* 지역 별 배경 */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type04{width:calc(100% - 48px);height:72px;margin:0 auto;} .visual-type04 .area{bottom:12px;padding:0 16px 0 16px;} .visual-type04 .area .tit{font-size:24px;line-height:36px;} } /* ---- ##visual-type06 : [관심사 뉴스 패키지] 상단 비주얼영역 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type06{min-height:242px;padding:32px 0;border:none;background:none;} .visual-type06:before{content:'';display:block;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%;background-color:var(--ui-tag009);} .visual-type06 .txt-type003>.txt01{font-size:24px;} .visual-type06 .lead{font-size:16px;} .visual-type06 .info-box01{margin-top:24px;} .visual-type06 .info-box01>.txt01{font-size:13px;} .visual-type06 [class*='img-con']{width:264px;height:176px;} .visual-type06 .img-none01{display:none;} } /* ---- ##visual-type08 : [마이페이지] 내등급 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type08{width:calc(100% - 48px);min-height:308px;margin:0 24px;} .visual-type08>.tit01{font-size:22px;} .visual-type08>.txt01{font-size:16px;} .visual-type08>.list01{max-width:600px;} .visual-type08>.btn-type303.style20{font-size:13px;} } /* ---- ##visual-type09 : [우분투 리스트] ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type09{width:100%;height:200px;padding:0 24px;} .visual-type09.ubuntu .area{padding:50px 30px;background-image:url(../image/bg_ubuntu02_m.png);background-size:cover;} .visual-type09.ubuntu .area:before{width:475px;height:200px;background-image:url(../image/bg_ubuntu02_obj01_m.png);background-position:0 0;background-repeat:no-repeat;background-size:475px 200px;} .visual-type09.ubuntu .info-txt{padding-left:0;} .visual-type09.ubuntu .info-txt:before{display:none;} .visual-type09.ubuntu .info-txt .tit01{position:relative;box-sizing:border-box;max-width:278px;min-height:50px;padding-left:57px;font-size:24px;line-height:100%;word-break:keep-all;} .visual-type09.ubuntu .info-txt .tit01>strong{margin-top:4px;} .visual-type09.ubuntu .info-txt .tit01:before{content:'';display:block;position:absolute;top:-7px;left:0;width:46px;height:56px;background-image:url(../image/ico_ubuntu02_m.png);background-repeat:no-repeat;background-size:46px 56px;} .visual-type09.ubuntu .info-txt .txt01{margin-top:19px;padding-left:0;font-size:13px;} .visual-type09.ubuntu .info-txt .txt01:before{display:none;} } /* =============== ####List text & 기타 ======================== */ /* ---- ##list-text$$ : 기타 텍스트 및 링크 목록 ---- */ /* 기사가 아닌 텍스트 및 링크 목록 -- 헤더/푸터의 메뉴 리스트는 list-text$$ 을 사용하지 않는다. */ /* ---- ##list-text200 : [섹션] 지역지 계약사 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text200{padding:0 16px;} } /* ---- ##list-text210 : [세계 특파원] 상단 특파원 목록 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text210 .swiper-area .swiper-wrapper{justify-content:center;align-items:flex-start;gap:8px;} } /* ---- ##list-text220 : [세계 특파원] 상단 특파원 전체 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text220{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:20px;} .list-text220 [class*='col-wrap']>dl .loc-tit{width:60px;margin-bottom:0;} .list-text220 [class*='col-wrap']>dl{display:flex;justify-content:flex-start;align-items:flex-start;gap:16px;} .list-text220 [class*='col-wrap']>dl .loc-detail ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:20px;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li .txt{width:auto;min-width:auto;} .list-text220 [class*='col-wrap']>dl .loc-detail ul li + li{margin-top:0;} } /* ---- ##list-text230 : [기자홈] 연재 통계 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text230>li + li{margin-top:5px;} .list-text230>li{font-size:13px;} } /* ---- ##list-text250 : [서브] 문화 책소개 ---- */ /* [구성] : 기사제목, 섬네일(좌) * 문화>책소개 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text250{width:calc(100% - 32px);margin:0 auto;} } /* ---- ##list-text260 : [서브] 문화 이매진 ---- */ /* [구성] : 기사제목, 섬네일(우) * 문화>이매진 (월별등록) */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text260{width:calc(100% - 32px);margin:0 auto;} } /* ---- ##[통합검색] .list-text400 : [통합검색] 동명이인 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text400.result-none{display:none;} } /* ---- ##[통합검색] .list-text410 : [통합검색] 상세검색 인물 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text410{padding:0 16px;} } /* ---- ##list-text900 > .item-box01 : [기타] RSS 목록 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text900{padding:0 24px;column-gap:20px;row-gap:20px;} .list-text900 li{width:calc(50% - 10px);} .list-text900 .item-box01 .tit01{font-size:16px;} .list-text900 .item-box01>.txt01{font-size:14px;} } /* ---- ##list-text510 : [마이페이지] 개인정보 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text510>ul>li{min-height:184px;padding:20px 350px 0 30px;} .list-text510>ul>li>.item-box01 .img-con01{position:absolute;top:36px;left:30px;z-index:1;width:48px;height:48px;margin-top:0;border-radius:48px;} .list-text510>ul>li>.item-box01 .info-box01{display:block;min-height:48px;padding:0 0 0 64px;text-align:left;flex-wrap:wrap;} .list-text510>ul>li>.item-box01 .btn-type201{} .list-text510>ul>li>.item-box01 .btn-type201>.txt01{font-size:13px;} .list-text510>ul>li>.item-box01 .info-box01 .name{font-size:16px;} .list-text510 .info-box03{position:absolute;top:20px;right:30px;} .list-text510>ul>li>.item-box01 .txt-con{margin-top:16px;font-size:14px;text-align:left;} .list-text510>ul>li>.item-box01 .info-box02{position:absolute;top:48px;right:30px;z-index:1;width:310px;margin-top:0;} .list-text510 .btn-type431{padding:16px 0 16px 24px;} .list-text510 .btn-type431 .tit-wrap .tit{font-size:15px;} .list-text510 .btn-type431 .txt01{font-size:15px;} } /* ---- ##list-text511 : [마이페이지] 나의활동 랭크 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text511>ul>li:first-child{padding:16px;} .list-text511>ul>li{padding:12px 0 18px 0;} .list-text511>ul>li>.item-box01 .info-box01{flex-wrap:wrap;gap:4px;} .list-text511>ul>li>.item-box01 .info-box01>li:first-child{width:100%;} .list-text511>ul>li>.item-box01 .info-box01>li{width:calc(50% - 2px);height:83px;} .list-text511>ul>li>.item-box01 .txt-type602{gap:0;} .list-text511>ul>li:first-child>.item-box01 .txt-type602{gap:8px;} .list-text511 .title-con01{justify-content:flex-start;flex-direction:column;align-items:flex-start;} } /* ---- ##list-text512 : [마이페이지]뉴스 구독 습관 분석 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text512>ul>li>.item-box01 .chart-box01{height:212px;} .list-text512>ul>li>.item-box01>.txt01{width:75%;padding-top:12px;word-break:keep-all;} .list-text512>ul>li>.item-box01 .chart-box02, .list-text512>ul>li>.item-box01 .chart-box03{height:180px;} .list-text512>ul>li>.item-box01 .chart-box04{height:414px;} } /* ---- ##list-text520 : [마이페이지] 내 제보내역 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text520>ul>li [class*='item-box'] .tit-wrap .tit-news{font-size:18px;} .list-text520>ul>li [class*='item-box'] .txt-time{font-size:13px;} .list-text520 + .btns-wrap03{margin-top:20px;} } /* ---- ##list-text521 : [마이페이지] 내가 남긴 댓글 ---- */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text521>ul>li [class*='item-box'] .reply-top .category{font-size:12px;} .list-text521>ul>li [class*='item-box'] .reply-top .tit01{font-size:12px;} .list-text521>ul>li [class*='item-box'] .reply-content .txt01{font-size:14px;} .list-text521>ul>li [class*='item-box'] .reply-bottom .txt-time{font-size:13px;} .list-text521 + .btns-wrap03{margin-top:20px;} } /* ---- ##list-text522 : [마이페이지] 이용권쿠폰 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text522>ul>li{padding:20px 0;} .list-text522>ul>li [class*='item-box'] .tag{width:58px;height:27px;font-size:13px;} .list-text522>ul>li [class*='item-box'] .tit01{font-size:18px;} .list-text522>ul>li [class*='item-box'] .txt01{font-size:14px;} .list-text522>ul>li [class*='item-box'] .txt01::after{margin-top:3.5px;} .list-text522>ul>li [class*='item-box'] .txt-time{font-size:13px;} } /* ---- ##list-text523 : [마이페이지] 스코어적립내역 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text523>.list01>li .info-box01 .tit01{font-size:16px;} .list-text523>.list01>li .score{font-size:16px;} } /* ---- ##list-text530 : [마이페이지] 혜택리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text530 .list01{gap:24px 20px;} .list-text530 .list01 li{width:calc(50% - 10px);padding:24px 24px 96px 24px;} .list-text530 .list01 li .item-box01 .info-box01 .txt-time{font-size:13px;} .list-text530 .list01 li .item-box01 .info-box01 .tit01{overflow:hidden;display:block;box-sizing:border-box;width:100%;font-size:16px;font-weight:600;color:var(--font-color005);white-space:nowrap;text-overflow:ellipsis;} .list-text530 .list01 li .item-box01 .info-box01 .txt01{font-size:14px;} .list-text530 .list01 li .item-box01 .btn-type300{width:calc(100% - 48px);left:24px;} } /* ---- ##list-text531 : [마이페이지] 쿠폰 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text531{width:calc(100% - 48px);margin:0 24px;} .list-text531 .list01{gap:24px 20px;} .list-text531 .list01 li{width:calc(50% - 10px);} .list-text531 .list01 li .item-box01 .info-box01 .name{font-size:12px;} .list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .txt01{font-size:11px;} .list-text531 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:13px;} .list-text531 .list01 li .btn-type217{height:45px;} .list-text531 .list01 li::before{bottom:33px;} .list-text531 .list01 li:hover::before{bottom:32px;} .list-text531 .list01 li::after{bottom:33px;} .list-text531 .list01 li:hover::after{bottom:32px;} } /* ---- ##list-text532 : [마이페이지] 이용권 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text532 .list01{gap:24px 20px;} .list-text532 .list01 li{width:calc(50% - 10px);} .list-text532 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time{font-size:13px;} .list-text532 .list01 li .item-box01 .info-box01 .txt01{font-size:14px;} .list-text532 .list01 li::before{right:62px;} .list-text532 .list01 li:hover::before{right:62px;} .list-text532 .list01 li::after{right:62px;} .list-text532 .list01 li:hover::after{right:62px;} .list-text532 .list01 li .item-box01 .info-box01 .tit01{font-size:18px;} .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24{font-size:13px;} .list-text532{width:calc(100% - 48px);margin:0 24px;} } /* ---- ##list-text540 : [마이페이지] 유의사항 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text540 .txt-type008>.txt01{font-size:14px;} .list-text540>.list01>li{font-size:13px;} .list-text540>.list01>li>.txt01{font-size:13px;} .list-text540{width:calc(100% - 48px);margin:0 24px;} } /* ---- ##list-text542 : [마이페이지] 헬로아카이브 바로가기 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text542{width:calc(100% - 48px);margin:0 24px;padding:16px 20px;} } /* ---- ##관련뉴스 ---- */ /* font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700 클래스명범위 - list-related01 : [메인,서브] 톱뉴스 관련기사 - list-related02 : [메인] 통단, 기사목록 관련기사 */ /* ---- ##list-related01 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-related01 a .tit01{min-height:23px;font-size:15px;} .list-related01>li:before{top:8px;} } /* ---- ##list-related02 : 톱기사 관련기사 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-related02 .tit01{font-size:16px;} } /* =============== ####List type ======================== */ /* list-type (클래스범위) 000~199 : 메인 기사 리스트 200~299 : 서브 공통 aside영역 기사 리스트 300~399 : 섹션 기사 리스트 400~439 : 비주얼뉴스 기사 리스트 440~469 : 테마 기사 리스트 470~499 : 뉴스플러스 기사 리스트 500~529 : 검색 기사 리스트 800 : 메인 통단(주말픽) 900~901 : 포토,화보 뷰어 */ /* ---- ##list-type$$$ : 기본 공통 ---- */ /* item-box01 썸네일 기본 * item-box02 타이틀/텍스트만 있는 타입 또는 다른 형태의 변형 타입 * item-box0$.style01 : 썸네일 말풍선 스타일 */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='list-type'] [class*='tit-news'] [class*='title']{word-break:keep-all;} /* [class*='item-box0'] .btns-wrap01 .tlp-content{top:auto;}*/ [class*='list-type'] .btns-wrap01{position:static;} .swiper-area [class*='item-box0'] .btns-wrap01 .tlp-content{left:0;bottom:auto;transform:translateY(-50%);} .swiper-area li.swiper-slide:last-child [class*='item-box0'] .btns-wrap01 .tlp-content{left:auto;right:0;} [class*='list-type'] [class*='item-box0'].style01 .img:after{bottom:-14px;border-top-width:14px;border-left-width:14px;} } /* ---- ##list-type$$$.number0$ : 넘버링 공통 ---- */ /* number01 : 리스트 숫자 위치(썸네일과 제목 중간) * number02 : 리스트 숫자 위치(리스트 맨 앞) */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='list-type'][class*='number0'] .item-box01 .news-con:before{font-size:18px;} [class*='list-type'].number02 .news-con:before{padding:0;text-align:left;} [class*='list-type'] .overlay01, [class*='list-type'] .ico-type91-video01{display:none;} } /* ---- ##list-type001 : [메인] 주요뉴스 타입01 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type001{column-gap:32px;} .list-type001 [class*='txt-tag2']{line-height:1.2;} .list-type001 [class*='txt-tag2']:before{padding-top:3px;padding-bottom:3px;font-size:14px;} .list-type001 .list01{width:245px;} .list-type001 .list01 .item-box01{padding:20px 0;} .list-type001 .list01 .item-box01 [class*='img-con']{width:245px;height:163px;} .list-type001 .list01 .item-box01 .lead{display:none;} .list-type001 [class*='item-box0'] .tit-news{min-height:24px;font-size:16px;line-height:1.5;} .list-type001 li.style01 [class*='item-box0'] .tit-news{max-height:27px;-webkit-line-clamp:1;min-height:27px;} .list-type001 li.style01 [class*='item-box0'] .title01{-webkit-line-clamp:1;} .list-type001 .list02{width:100%;} .list-type001 .list02 li:first-of-type .item-box01{border-top:none;} .list-type001 .list02 .item-box01{margin-top:16px;padding:17px 0 0;border-top: 1px solid var(--ui-tag005);} .list-type001 .list02 .item-box01 [class*='img-con']{width:105px;height:70px;margin-left:12px;padding-left:0;} .list-type001 .list-related01 a .tit01{max-height:23px;min-height:23px;font-size:15px;-webkit-line-clamp:1 !important;} .list-type001 .list02 .item-box02{margin-top:16px;padding-top:17px;} .list-type001 .list02 .label-box04{left:6px !important;bottom:6px !important;} } /* ---- ##list-type002 : [메인] 주요뉴스 영역4 타입02 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type002{column-gap:32px;width:100%;} .list-type002 .label-box04{left:6px !important;bottom:6px !important;} .list-type002 [class*='txt-tag2']{line-height:1.3;} .list-type002 [class*='txt-tag2']:before{padding-top:3px;padding-bottom:3px;font-size:14px;} .list-type002 [class*='list0']{width:50%;} .list-type002 [class*='item-box0'] .tit-news{font-size:16px;} .list-type002 [class*='item-box0'] .title01{font-size:16px;} .list-type002 .list01 .item-box01 [class*='img-con']{width:105px;height:70px;margin-right:12px;margin-bottom:8px;} .list-type002 .list01 .item-box01 .img{padding-top:70px;} .list-type002 .list01 .tit-news{} .list-type002 .list01 .list-related01{margin-top:0;margin-left:0;} .list-type002 .list02>li{margin-top:8px;padding-top:9px;} .list-type002 .list02 [class*='item-box0'] .tit-news .title01{line-height:1.7;} .list-type002 .list02 [class*='item-box0'] .tit-news{-webkit-line-clamp:1;max-height:27px;line-height:1.3;} .list-type002 .list-related01{clear:both;font-size:15px;} .list-type002 .list-related01 a .tit01{-webkit-line-clamp:1;} } /* ---- ##list-type020 : [메인] 연예, 스포츠의 형태 리스트 모두 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type020 [class*='list0'] li{width:calc(50% - 8px);} .list-type020 .tit-news{max-height:54px;-webkit-line-clamp:2;} .list-type020 .tit-news .title01{font-weight:600;} .list-type020 .list02{flex-direction:column;} .list-type020 .list02 li{width:100%;} .list-type020 .list02 li [class*='img-con']{display:none;} .list-type020 .list02 li .item-box01{margin-top:8px;padding-top:9px;} .list-type020 .list02 li:first-of-type .item-box01{margin-top:16px;} .list-type020 .list02 .item-box01 .tit-news{height:23px;min-height:auto;-webkit-line-clamp:1;font-size:16px;} .list-type020 .list02 .item-box01 .tit-news .title01{font-size:16px;} } /* ---- ##list-type021 : [메인] 놓치면 안 될 영상 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type021 [class*='btn-type007-']{display:none;} .list-type021 .tit-news{max-height:48px;min-height:24px;} .list-type021 .tit-news .title01{font-size:16px;font-weight:600;} } /* ---- ##list-type022 : [메인] 톡톡 지방자치 통통 지역경제, 책/서평---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type022 [class*='list0']{display:flex;width:calc(100% + 15px);} .list-type022 [class*='list0'] li{flex-shrink:0;box-sizing:border-box;width:50%;margin-top:0;padding:0 15px 0 0;border-top:0;} .list-type022 [class*='list0'] li [class*='img-con']{width:100%;margin:0 0 8px 0;} .list-type022 [class*='list0'] li:nth-of-type(2) [class*='img-con'].img-none01{display:block;} .list-type022 .tit-news{max-height:48px;min-height:24px;font-size:16px;} .list-type022 [class*='list0'] li .tit-news .title01{font-weight:600 !important;} .list-type022 [class*='list0'] li:nth-of-type(2) .tit-news{-webkit-line-clamp:2;} } /* ---- ##list-type03$ : [메인] 공통 ---- */ /* list-type030 : [메인] 마켓톺 * list-type031 : 연합 브랜드 뉴스 * list-type032 : youtube 채널 */ /* ---- ##list-type030 : [메인] 마켓+(스와이퍼) ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type030 .tit-news .title01{font-size:16px;font-weight:600;} } /* ---- ##list-type031 : [메인] 연합 브랜드 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type031 .list01{width:calc(100% + 16px);} .list-type031 li{padding-right:16px;} .list-type031 .news-con{padding:0 12px 12px;} .list-type031 .tit-news{height:69px;max-height:69px;min-height:24px;-webkit-line-clamp:3;} .list-type031 .tit-news .title01{font-size:15px;font-weight:600;} } /* ---- ##list-type032 : [메인] youtube 채널 ---- */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ /*.list-type032{left:-10px;}*/ .list-type032{left:0;width:100%;padding:0;} .list-type032 .swiper-area{padding-right:46px !important;} .list-type032 .list01{box-sizing:border-box;padding:0 24px 15px;} .list-type032 li{width:220px;} .list-type032 .news-con{height:140px;} .list-type032 .tit-news{-webkit-line-clamp:3;height:72px;max-height:72px;min-height:24px;} .list-type032 [class*='item-box0'] .title01{font-weight:600;} .list-type032 [class*='btn-type03']{right:13px;bottom:-20px;} .list-type032 li [class*='img-con']:before{border-top-width:14px;border-left-width:14px;bottom:-14px;} .list-type032 [class*='item-box0'].style01>[class*='img-con']{margin-bottom:14px;} .list-type032 [class*='news-con']:after{top:-14px;} } /* ---- ##list-type04$ : [메인] 공통 ---- */ /* list-type040 : 많이 본 뉴스 * list-type041 : 연합 단독 뉴스 * list-type042 : 다국어 톱뉴스 * list-type043 : 지역지 톱뉴스 * list-type044 : AI추천뉴스 */ /* ---- ##[메인/섹션/본문] list-type040 : 많이 본 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type040 .tit-news{max-height:48px;min-height:24px;} .list-type040 .tit-news .title01{font-size:16px;font-weight:600;} .list-type040 [class*='img-con']{width:60px;} .list-type040.number01 .item-box01 .news-con{padding-left:31px;} .list-type040.number01 .item-box01 .news-con:before{width:31px;padding:0 8px;font-size:18px;} } /* ---- ##list-type041 : [메인] 연합 단독 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type041 .list01 li{display:flex;flex-wrap:wrap;} .list-type041 li .item-box01:nth-of-type(1), .list-type041 li .item-box01:nth-of-type(2){margin-top:0;padding-top:0;border:none;} .list-type041 li .item-box01{float:left;width:calc(50% - 32px);margin-top:0;margin-right:32px;padding:16px 0 0;border:none;} .list-type041 .tit-news{max-height:48px;min-height:24px;} .list-type041 [class*='item-box0'] .tit-news .title01{font-size:16px;font-weight:600;} .list-type041 [class*='item-box0'] .txt-tag40+.tit-wrap .title01{font-size:14px;} .list-type041 [class*='img-con']{width:93px;} } /* ---- ##list-type042 : [메인] 다국어 톱뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type042 .tit-news{max-height:48px;min-height:24px;font-size:14px;line-height:1.5;} .list-type042 [class*='img-con']{width:93px;} .list-type042 li .item-box01:nth-of-type(1), .list-type042 li .item-box01:nth-of-type(2){margin-top:0;padding-top:0;border:none;} .list-type042 li .item-box01{float:left;width:calc(50% - 32px);margin-right:32px;padding:16px 0 0;border:none;} } /* ---- ##list-type043 : [메인] 지역지 톱뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type043 li{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;} .list-type043 .tit-news{max-height:48px;min-height:24px;-webkit-line-clamp:1;font-size:14px;} .list-type043 li .item-box01:nth-of-type(1), .list-type043 li .item-box01:nth-of-type(2){margin-top:0;padding-top:0;border:none;} .list-type043 li .item-box01{float:left;width:calc(50% - 16px);margin-top:12px;padding-top:13px;padding-right:0;border-top:1px solid var(--ui-tag005);column-gap:32px;} .list-type043 [class*='item-box0'] .tit-news .title01{font-size:16px;font-weight:600;} } /* ---- ##list-type044 : [메인] AI추천뉴스---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type044{padding:0 16px;} } /* ---- ##list-type05$ : [메인] 공통 ---- */ /* list-type050 : 포토&화보 * list-type051 : 이슈 */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='list-type05'] [class*='item-box0'] .title01{color:var(--font-color003);} } /* ---- ##list-type050 : [메인] 포토&화보 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='list-type05'] .tit-news{font-size:16px;} .list-type050{box-sizing:border-box;text-align:center;} .list-type050 [class*='btn-type007-']{display:none;} .list-type050 .item-box01{min-width:200px;} .list-type050 .news-con{position:static;margin-top:8px;padding:0;} .list-type050 .tit-wrap{margin-right:0;color:var(--font-color003);} .list-type050 [class*='item-box0'] .img{padding-top:56.25%;} .list-type050 [class*='img-con']:after{display:none;} .list-type050 .btns-wrap11 .pager01{flex-shrink:0;justify-content:center;width:64px;padding-right:0;} .list-type050 .tit-news{max-height:48px;min-height:24px;} .list-type050 .label-box01{right:8px;bottom:4px;} } /* ---- ##list-type051 : [메인] 이슈 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type051 .txt-tag51{left:16px;bottom:15px;} .list-type051 .list01{overflow:initial;width:calc(100% + 16px);} .list-type051 .list01 li{padding-right:16px;} .list-type051 .news-con{padding:15px 16px;} .list-type051 .tit-news{min-height:56px;font-size:20px;} .list-type051 [class*='item-box0'] .title01{color:var(--font-color001);} .list-type051 [class*='item-box0'].style01 .img:after{bottom:-13px;border-top-width:14px;border-left-width:14px;} } /* ---- ##list-type06$ [메인] 공통 ---- */ /* list-type060 : 뉴스라운지 타입01 * list-type061 : 뉴스라운지 타입02 */ /* ---- ##list-type060 : [메인] 뉴스라운지 - 꼭알아야할Top뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type060{max-width:100%;padding:0 24px;column-gap:32px;} .list-type060 [class*='list0']{width:calc(50% - 16px);} .list-type060 [class*='list0'] [class*='item-box0'] .img{padding-top:56.25%;} /* 큰 썸네일 */ .list-type060 .list01 .news-con{margin-top:12px;} .list-type060 .list01 .tit-news{font-size:26px;} /* 작은 썸네일 */ .list-type060 .list02{column-gap:16px;row-gap:30px; } .list-type060 .list02 li{width:calc(50% - 8px);} .list-type060 .list02 .tit-news{font-size:16px;} } /* ---- ##list-type061 : 연합 라운지 타입02 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type061{max-width:100%;padding:0 24px;} .list-type061 .list01{display:flex;width:100%;column-gap:24px;} .list-type061 .list01 li{width:calc(50% - 16px);padding-right:0;} .list-type061 [class*='item-box0'] .img{padding-top:56.25%;} .list-type061 .list01 .tit-news{font-size:20px;} .list-type061 .list03 li:first-of-type{margin-top:0;} .list-type061 .list02 [class*='img-con'], .list-type061 .list03 [class*='img-con']{width:84px;} .list-type061 .list02{padding-right:16px;} .list-type061 .list03{padding-left:16px;} .list-type061 .list02, .list-type061 .list03{float:left;box-sizing:border-box;width:50%;margin-top:32px;} .list-type061 .list02 .tit-news, .list-type061 .list03 .tit-news{font-size:16px;} } /* ---- ##list-type070 : [메인] 오피니언 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type070{display:flex;justify-content:space-between;max-width:calc(100% + 16px);} .list-type070 [class*='list0']{box-sizing:border-box;width:calc(50% - 16px);} .list-type070 [class*='item-box0'] .tit-news{font-weight:600;} .list-type070 .txt-tag50.style01>.txt01{height:13px;min-height:auto;font-size:11px;line-height:13px;} .list-type070 a.txt-tag41{font-size:13px;} /* list-type070>list01,list02 */ .list-type070 [class*='list0'] [class*='img-con']{width:60px;height:60px;} .list-type070 [class*='list0'] li:first-of-type{margin-top:0;padding-top:0;border-top:none;} } /* ---- ##list-type099 : [메인] 티커 스와이퍼 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type099{width:100%;margin-top:0;} .list-type099 .swiper-slide{display:block;} .list-type099 .swiper-slide .list01{width:100%;} .list-type099 [class*='item-box0']{margin-top:20px;} .list-type099 .item-box01:first-of-type{margin-top:20px;} } /* ---- ##list-type200 : [서브/본문] 핫뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type200{box-sizing:border-box;padding:0 16px;} .list-type200 [class*='list0']{display:flex;} .list-type200 .btns-wrap11{display:flex !important;} .list-type200 .tit-news{max-height:48px;min-height:24px;-webkit-line-clamp:2;} .list-type200 [class*='list0'] [class*='item-box0']:last-of-type{border-bottom:none;} .list-type200 [class*='list0'] li [class*='item-box0']:first-of-type{margin-top:0;} .list-type200 li [class*='item-box0']:last-of-type{padding-bottom:0;} .list-type200 .swiper-slide:nth-of-type(2) .img-con11{display:block;} } /* ---- ##[서브/본문] list-type201 ---- */ /* [구성] -- PC : 기사제목, 섬네일(우) -- 태블릿,모바일 : 기사제목 * 오래머문뉴스 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type201{box-sizing:border-box;padding:0 16px;} .list-type201.number01 .item-box01 .news-con{padding-left:24px;} .list-type201.number01 .item-box01 .news-con:before{width:24px;} .list-type201.number01 .tit-news{-webkit-line-clamp:2;} .list-type201.number01 .list01 li:first-of-type .item-box01{margin-top:0;padding-top:0;} } /* ---- ##[서브/본문] list-type202 ---- */ /* 랭킹뉴스 (탭 : 많이 본, 공감 많은) * 섹션 많이본뉴스 */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type202{box-sizing:border-box;padding:0 16px;} .list-type202 .news-con:before{top:-2px;width:24px;font-size:20px;font-weight:600;text-align:left;} .list-type202 [class*='img-con']{width:90px;height:60px;margin-left:12px;} .list-type202.number01 .item-box01 .news-con{padding-left:24px;} .list-type202 .btns-wrap03{margin:40px 0 0;} .list-type202 .tit-news{-webkit-line-clamp:2;} .list-type202 li:last-child [class*='item-box0']{min-height:60px;} } /* ---- ##list-type203 : [서브] ---- */ /* [구성] : 기사제목, 섬네일(우) * 세계>특파원르포 * 전국>휴먼n스토리, 현장in */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type203 .list01{padding:0 16px;} } /* ---- ##list-type204 : [서브] ---- */ /* [구성] -- PC : 기사제목 (2줄) -- 태블릿,모바일 : 기사제목 (1줄) * 세계 > 중국 > 신화망 * 세계 > 중국 > 인민망*/ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type204 .list01{padding:0 16px;} .list-type204 .tit-news{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;} } /* ---- ##list-type205 : [서브] 우분투 > 우측 아프리카가 궁금해 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type205{padding:0 16px;} .list-type205 [class*='item-box0']{display:flex;align-items:center;} .list-type205 [class*='img-con']{flex-shrink:0;width:72px;margin-left:12px;} } /* ---- ##[서브/본문] list-type210 ---- */ /* 에디터스 픽 영상 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type210{box-sizing:border-box;padding:0 16px;} } /* ---- ##list-type213 : [서브] ---- */ /* 섹션 특파원 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type213 .info-box01 .btn-type404 .txt01{font-size:14px;line-height:21px;} .list-type213 .list01 li .item-box01 .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type213 .list01 li{box-sizing:border-box;width:100%;} } /* ---- ##list-type214 : [서브] ---- */ /* 전국 > 지역별 실시간 뉴스 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type214{padding:0 24px;} .list-type214 .list01>li>ul{padding:20px 8px 0 8px;} } /* ---- ##list-type216 : [서브] ---- */ /* [구성] : 기사제목 (1줄) * 전국>지방의회가 뛴다 * 게시판, 오피니언>연합시론 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type216{padding:0 16px;} } /* ---- ##list-type217 : [서브] 헬스노트 위클리건강 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type217>.list01{gap:20px;} .list-type217 .list01 li{box-sizing:border-box;width:calc(50% - 10px);} .list-type217 .list01 li .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type217 .news-con .txt-time{font-size:13px;line-height:20px;} } /* ---- ##list-type218 : [서브] 오늘의경기 내일의경기 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type218{width:calc(100% - 32px);margin:0 auto;} .list-type218 .item-box12 .tit-news .day{width:160px;padding-right:37px;background-size:160px 40px;} } /* ---- ##list-type219 : 섹션>뉴스+>이슈 서브 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type219 .item-box01{display:block;} .list-type219 .img-con01{width:100%;} .list-type219 .news-con{padding:32px;} .list-type219 [class*='item-box0'] .tit-news{min-height:39px;font-size:26px;} .list-type219 [class*='item-box0'] .lead{display:block !important;margin-top:16px;font-size:16px;-webkit-line-clamp:4;} } /* ---- ##list-type220 : [서브] 사람들 상단 슬라이드 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type220 .swiper-area:not(.swiper-initialized) li{max-width:50%;} .list-type220 .list01 .item-box01 .tit-news{height:48px;font-size:16px;} .list-type220 .news-con .txt-time{font-size:13px;} } /* ---- ##list-type221 : [서브] 오피니언 상단 슬라이드 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type221 .list01 li{padding:30px 24px;} .list-type221 .list01 li .tit-news{height:60px;font-size:20px;} .list-type221 .list01 li .lead{height:92px;-webkit-line-clamp:4;} .list-type221 .list01 li [class*='img-con']{width:111px;height:76px;margin-bottom:8px;} .list-type221 .list01 li [class*='img-con']+.news-con{width:calc(100% - 135px);} } /* ---- ##[뉴스플러스] list-type222 : 뉴스플러스 이슈 슬라이드 ---- */ /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type222{max-width:calc(100% - 20px);max-height:480px;margin:5px auto 0;padding-bottom:32px;overflow-y:auto;/*height:480px;*/} .list-type222::-webkit-scrollbar{width:4px;} .list-type222::-webkit-scrollbar-thumb{background-color:var(--ui-tag005);} .list-type222::-webkit-scrollbar-track{background-color:var(--ui-tag009);} .list-type222 .swiper-wrapper{box-sizing:border-box;max-width:375px;margin:0 auto;padding:0 16px;} .list-type222 .swiper-wrapper .swiper-slide::before{top:29px;left:0;width:4px;height:4px;border-radius:4px;} .list-type222 .swiper-wrapper .swiper-slide{box-sizing:border-box;height:auto !important;padding-left:16px;} .list-type222 .swiper-wrapper .swiper-slide .txt-month{padding:6.5px 0;font-size:16px;} .list-type222 .swiper-wrapper .swiper-slide .txt-month .num{font-size:20px;} .list-type222 .swiper-wrapper .swiper-slide .tit-wrap{margin-top:8px;} .list-type222 .swiper-wrapper .swiper-slide::after{top:29px;left:1px;width:1px;height:calc(100% + 24px);border-top:0;border-left:1px dashed var(--ui-tag004);} .list-type222::after{display:none;} .list-type222 .btn-dir001-prev{display:none;} .list-type222 .btn-dir001-next{display:none;} .list-type222 .swiper-wrapper{flex-direction:column;/*height:357px;*/} } /* ---- ##list-type223 : [서브] 마켓플러스 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type223::after{display:none;} .list-type223{padding:0 16px;} } /* ---- ##list-type224 : [서브] 마켓플러스 슬러그 기사 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type224{padding:0 16px;} .list-type224>.list01{flex-direction:column;gap:24px;} .list-type224 .list01>li{width:100%;} .list-type224 .list01 .item-box01 .img-con01::before{display:none;} .list-type224 .list01 .item-box01 .title-con05.style03{position:absolute;top:0;left:0;z-index:10;width:100%;margin-top:0;} .list-type224 .list01 .item-box01{display:flex;justify-content:flex-start;align-items:flex-start;padding-top:39px;} .list-type224 .list01 .item-box01 .img-con01{flex-shrink:0;width:120px;height:80px;margin-right:16px;} .list-type224 .list01 .item-box01 .img-con01 .img{padding-top:66.67%;} .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news{height:auto;font-size:16px;-webkit-line-clamp:2;} .list-type224 .list01 .item-box01 .news-con .lead{height:auto;margin-top:4px;font-size:14px;-webkit-line-clamp:2;} .list-type224 .tooltip-type02 .tlp-content>.info-box01>.txt01 br{display:none;} /* 노이미지 */ .list-type224 .img-none01{display:none;} } /* ---- ##list-type225 : [서브] 마켓플러스 마켓인 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type225{width:100%;padding:0 16px;} .list-type225 .list01>li .item-box01{justify-content:center;align-items:flex-start;position:relative;width:100%;height:auto;min-height:110px;} .list-type225 .list01>li .item-box01 .img-con01{width:70px;height:70px;} .list-type225 .list01>li .item-box01 .txt{font-size:18px;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news{margin-top:8px;} .list-type225 .list01>li .item-box01 .news-con .tit-wrap .tit-news .title01{font-size:18px;} } /* ---- ##[비주얼뉴스] list-type306 : 비주얼뉴스 YNA Shorts 채널 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type306{overflow:hidden;padding:0 24px;} .list-type306 .list01 li{box-sizing:border-box;}/*width:204px*/ .list-type306 .list01 .item-box01 .tit-news{height:57px;font-size:18px;line-height:27px;} .list-type306 .item-box01 .news-con{padding:8px 0 0 0;} .list-type306 .news-con .txt-time{font-size:13px;} } /* ---- ##[비주얼뉴스] list-type300 : 비주얼뉴스 많이 본 영상. 더건강 영상 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type300{margin-top:-40px;} .list-type300>.list01{gap:0 20px;} .list-type300>.list01 li{width:calc((100% - 20px) / 2);padding-top:40px;} .list-type300>.list01 li.ads-item01{display:block;width:100%;} .list-type300>.list01 li .tit-wrap{height:48px;} .list-type300>.list01 .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type300 .news-con .txt-time{font-size:13px;} } /* ---- ##list-type301 : 주요포토, 많이 본 포토, 모멘트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type301>.list01{gap:40px 20px;} .list-type301>.list01 li{width:calc((100% - 20px) / 2);} .list-type301>.list01 li.ads-item01{display:block;width:100%;} .list-type301>.list01 li.ads-item01 .aside-box100{margin-top:0;} .list-type301>.list01 .item-box01 .tit-wrap{height:48px;} .list-type301>.list01 .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type301 .news-con .txt-time{font-size:13px;} } /* ---- ##list-type302 : 섹션-더건강포토 767이하 모듈 변형---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type302>[class*='list0'] li .tit-wrap{height:48px;} .list-type302>[class*='list0'] .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type302 .news-con .txt-time{font-size:13px;} } /* ---- ##list-type303 : 섹션-더건강 영상 767이하 모듈 스크롤 변형 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type303 .swiper-area>[class*='list0']{box-sizing:border-box;padding:0 16px 0 16px;} .list-type303 .swiper-area {overflow:visible;padding-right:24px;} .list-type303 .swiper-area>[class*='list0'] li{box-sizing:border-box;width:307px;padding-right:20px;} .list-type303 [class*='list0'] li .tit-wrap{height:48px;} .list-type303 .swiper-area>[class*='list0'] .item-box01 .tit-news .title01{font-size:16px;line-height:24px;} .list-type303 .news-con .txt-time{font-size:13px;} } /* ---- ##[비주얼뉴스] list-type304 : 비주얼뉴스 #D ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type304>.list01 li.top-news{padding:32px 0;} .list-type304>.list01 li.top-news .txt-type003{margin-top:10px;} .list-type304>.list01 li.top-news:before{left:100%;width:24px;} .list-type304>.list01 li.top-news:after{right:100%;width:24px;} .list-type304>.list01 li.top-news .item-box01{flex-wrap:wrap;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con']{width:100%;height:auto;} .list-type304>.list01 li.top-news .item-box01 [class*='img-con'] .img{padding-top:66.67%;} .list-type304>.list01 li.top-news .item-box01 .news-con{padding:0 0 0 0;} .list-type304>.list01 li.top-news .item-box01 .tit-news{max-height:100%;margin-top:8px;font-size:26px;line-height:34px;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01{clear:unset;float:right;margin-top:0;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01{position:static;} .list-type304>.list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 .tlp-content{right:25px;left:initial;transform:initial;top:initial;bottom:40px;} .list-type304>.list01{gap:40px 20px;} .list-type304>.list01 li{width:calc((100% - 20px) / 2);} .list-type304>.list01 li.ads-item01{display:block;width:100%;} .list-type304>.list01 [class*='img-con']{padding-bottom:12px;} .list-type304>.list01 [class*='item-box0'].style01 [class*='img-con']:before{border-left-width:12px;border-top-width:12px;} .list-type304 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type304 .news-con .txt-time{font-size:13px;} .list-type304 .txt-type003{line-height:20px;} .list-type304 .txt-type003>.txt01{font-size:13px;} } /* ---- ##[비주얼뉴스] list-type305 : 비주얼뉴스 YNA Shorts 채널 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type305>.list01{flex-wrap:wrap;display:flex;gap:40px 20px;} .list-type305>.list01 li{box-sizing:border-box;width:calc((100% - 40px) / 3);} .list-type305>.list01 li .item-box01 .img{height:176.3%;} .list-type305 .item-box01 .news-con{padding:12px 0 0 0;} .list-type305>.list01 .item-box01 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type305 .news-con .txt-time{height:19.5px;padding-top:4px;font-size:13px;} .list-type305>.list01 li .btns-wrap01{position:initial;margin-top:0;text-align:left;} .list-type305>.list01 li.ads-item01{display:block;width:100%;} .list-type305>.list01 li.ads-item01 .aside-box100{margin-top:0;} } /* ---- ##[뉴스플러스] list-type307 : 뉴스플러스 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type307 .list01{gap:40px 20px;} .list-type307 .list01 li{width:calc(50% - 10px);} .txt-type003>.txt01{font-size:13px;} .list-type307 .list01 li .news-con .tit-wrap .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type307 .list01 li{border:1px solid var(--ui-tag005);} .list-type307 .list01 li>.item-box01{border:0;} .list-type307 .list01 li:hover{border:1px solid var(--ui-tag005);box-shadow:none;} .list-type307 .list01 li:hover>.item-box01{border:0;} } /* ---- ##[뉴스플러스] list-type308 뉴스플러스 관심사뉴스패키지서브 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type308 .list01 li{padding-bottom:16px;} .list-type308 .list01 li + li{padding-top:16px;} .list-type308 .list01 li [class*='item-box0']{gap:24px;} .list-type308 .list01 li [class*='item-box0'] [class*='img-con']{width:200px;height:133px;} .list-type308 .list01 li [class*='item-box0'] .tit-news{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:60px;font-size:20px;line-height:30px;} .list-type308 .list01 li [class*='item-box0'] .txt-time{margin-top:11px;font-size:13px;line-height:20px;} .list-type308 .list01 li [class*='item-box0'] .lead{font-size:15px;line-height:23px;} } /* ---- ##[뉴스플러스] list-type309 뉴스플러스 이슈홈 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type309 .list01{gap:40px 32px;} .list-type309 .list01>li{width:calc(50% - 16px);} .list-type309 .list01>li .item-box01 .info-list01>li a .txt{font-size:13px;line-height:20px;} .list-type309 .list01>li .item-box01 .info-list01>li a .txt .num{font-size:13px;line-height:20px;} .list-type309 .list01>li .list-related03>li a .tit01{font-size:15px;line-height:23px;} .list-type309 .list01>li .list-related03{padding-top:8px;} } /* ---- ##list-type310 : [서브] 사람들 메인 ---- */ /* 사람들 > 인사, 부고, 동정/게시판 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type310{flex-wrap:wrap;box-sizing:border-box;padding:0 16px;} .list-type310>[class*='area']{width:100%;padding:30px 30px 18px 30px;} .list-type310>[class*='area'] .title-type001{margin-bottom:0;} .list-type310 .list01{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:12px;} .list-type310 .list01>li{width:calc(50% - 10px);border-top:1px solid var(--ui-tag005);} .list-type310 .list01>li:nth-child(1){border-top:0;} .list-type310 .list01>li:nth-child(2){border-top:0;} .list-type310 .tit-wrap .tit-news{font-size:15px;} } /* ---- ##[뉴스플러스] list-type312 오피니언 서미숙의 집수다 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type312{padding:0 16px;gap:32px;} .list-type312 .list01{width:214px;} .list-type312 .list01 li [class*="img-con"]{width:214px;height:142px;} .list-type312 .list02{width:calc(100% - 246px);} .list-type312 .list01 li .tit-wrap .tit-news{font-size:16px;line-height:24px;} .list-type312 .list02 li .tit-wrap{padding:12px 0;} .list-type312 .list02 li:last-child .tit-wrap{padding-bottom:0;} .list-type312 .list02 li .tit-wrap .tit-news .title01{font-size:16px;line-height:24px;} .title-type001.arr01 + .list-type312{margin-top:12px;} } /* ---- [뉴스플러스].box-type001.box-major02>list-type312 오피니언 서미숙의 집수다 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-major02{padding:40px 0 0;border-bottom:0;} .box-major02:first-of-type{padding-top:0 !important;} .box-major02~[class*='aside-box']{margin-top:40px !important;padding-bottom:0;border:none !important;} } /* ---- ##[뉴스플러스] list-type313 이슈 서브 포토,그래픽 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type313>.list01 li.ads-item01{display:block;width:100%;} .list-type313>.list01 li.ads-item01 .aside-box100{margin-top:0;} .list-type313>.list01{gap:40px 20px;} .list-type313>.list01 li{width:calc(50% - 10px);} .list-type313>.list01 li .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type313>.list01 li .txt-time{font-size:13px;} } /* ---- ##[뉴스플러스] list-type314 오피니언 홈 논&설 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type314{padding:0 16px;} .list-type314>.list01{gap:0;flex-direction:column;} .list-type314>.list01 li{box-sizing:border-box;width:100%;padding:12px 0;} .list-type314>.list01 li:first-of-type{padding-top:0;} .list-type314>.list01 li + li{border-top:1px solid var(--ui-tag005);} .list-type314>.list01 li .item-box01{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;gap:16px;} .list-type314>.list01 li .item-box01 .img-con01{flex-shrink:0;width:120px;height:80px;} .list-type314>.list01 li .news-con{margin-top:0;} .list-type314>.list01 li .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type314>.list01 li .txt-time{font-size:13px;} } /* ---- ##[뉴스플러스] list-type315 : 이슈 서브 영상 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type315>.list01{gap:40px 20px;} .list-type315>.list01 li{width:calc(50% - 10px);} .list-type315>.list01 li .news-con .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type315>.list01 li .txt-time{font-size:13px;} } /* ---- ##[뉴스플러스] list-type315 : 기자홈 기자리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type316{padding:0 16px;} .list-type316>.list01{gap:40px 20px;} .list-type316>.list01>li{box-sizing:border-box;width:calc(50% - 10px);height:226px;} .list-type316>.list01>li .info-txt{padding:0 70px 0 92px;} .list-type316>.list01>li .info-txt .name{font-size:18px;} .list-type316>.list01>li .info-txt .mail{font-size:13px;} .list-type316>.list01>li .info-txt .txt-type012{font-size:13px;} .list-type316>.list01>li .txt-con{font-size:14px;} .list-type316>.list01>li .list-text240{margin-top:16px;padding-top:16px;} .list-text240>li{font-size:15px;} } /* ---- ##[비주얼뉴스] list-type317 : 비주얼뉴스 많이본 포토, 그래픽 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type317{margin:0 auto;padding:0 24px;} .list-type317 .list01 .item-box01 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type317 .item-box01 .news-con{padding:12px 0 0 0;} .list-type317 .news-con .txt-time{font-size:13px;} } /* ---- ##[비주얼뉴스] list-type318 : 비주얼뉴스 많이 본 영상 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type318{overflow:hidden;box-sizing:border-box;padding:0 24px;} .list-type318 .list01 .item-box01 .tit-news{height:48px;font-size:16px;line-height:24px;} .list-type318 .item-box01 .news-con{padding:12px 0 0 0;} .list-type318.number01 .list01 li .item-box01 .news-con .tit-news:before{position:relative;top:-3px;} .list-type318 .news-con .txt-time{display:none;font-size:13px;} .list-type318 [class*='img-con'] .label-box01{width:24px;height:24px;} } /* ---- ##[비주얼뉴스] list-type319 : 비주얼뉴스 #D ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type319{margin:0 8px;} .list-type319 .swiper-area{padding:46px 16px 0 !important;} .list-type319 .swiper-area:not(.swiper-initialized) li{max-width:50%;} .list-type319 .news-con{padding:0 16px 12px;} .list-type319 .tit-news{height:48px;max-height:48px;min-height:24px;font-size:16px;-webkit-line-clamp:2;} .list-type319 .list01 li .btns-wrap01{bottom:11px;} .list-type319 .txt-type003{height:20px;} .list-type319 .txt-type003>.txt01{font-size:13px;} .list-type319 .btns-wrap11{right:22px !important;} } /* ---- ##[비주얼뉴스] list-type320 : 비주얼홈 - 주요포토 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type320 .layer-txt:before{right:-35px;bottom:-70px;transform:scale(0.8);} .list-type320{overflow:hidden;margin:0 24px;} .list-type320 .swiper-area{position:static!important;height:auto;padding-top:0 !important;} .list-type320 .swiper-area .list01 .swiper-slide{width:100%;} .list-type320 .swiper-area:not(.swiper-initialized) li{max-width:450px;} .list-type320 .swiper-notification{display:none;} .list-type320 .swiper-area .item-box01 [class*='img-con']{opacity:1;-webkit-filter: grayscale(0);-moz-filter:grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);} /*.list-type320 .btns-wrap11{position:absolute;right:50% !important;bottom:40px!important;z-index:20;width:auto;margin-right:-560px;}*/ .list-type320 .layer-txt{position:initial;width:100%;padding:32px 32px 94px 32px;} .list-type320 .layer-txt .list01 li .txt01:hover{background:transparent;} .list-type320 .title01{height:auto;max-height:68px;font-size:26px;line-height:33.8px;} .list-type320 .date{font-size:13px;} .list-type320 .btns-wrap11{right:32px!important;bottom:32px!important;margin-right:0;} .list-type320 .btns-wrap11 .btn-dir001-next{margin-left:16px;} } /* ---- ##list-type321 : 우분투 내 특집코너 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type321{padding:0 16px 33px;margin-bottom:32px;} .list-type321:after{left:16px;width:calc(100% - 32px);} .list-type321 .list01 li [class*='img-con']{width:120px;margin-right:16px;} .list-type321 .list01 li .tit-news{font-size:16px;} } /* ---- ##[테마] list-type440 :테마별뉴스 핫뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type440>.list01{gap:60px 16px;} .list-type440>.list01 li{box-sizing:border-box;width:calc(50% - 8px);} .list-type440>.list01 .item-box01 .tit-news{height:48px;font-size:16px;} .list-type440 .news-con .txt-time{font-size:13px;} .list-type440 [class*='tooltip-type0'] .tlp-content{right:50px;} } /* ---- ##[테마] list-type441 > .item-box01 , item-box02 :테마별뉴스 톱뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type441{box-sizing:border-box;margin-top:12px;padding:0 24px;} .list-type441 [class*='item-box']{min-height:136px;padding:0 0 0 24px;} .list-type441 [class*='item-box']::after{top:10px;} .list-type441 [class*='item-box'] .tit-news{font-size:20px;line-height: 1.5;font-weight:700;} .list-type441 [class*='item-box'] [class*='img-con']{width:204px;} .list-type441 .list01 li + li{margin-top:40px;} .list-type441 .list01 .item-box02::after{top:5px;} .list-type441 .item-box02 .news-con .txt-time{padding-bottom:8px;font-size:16px;} /* 좋아요,북마크 버튼 */ .list-type441 .list01 li .btns-wrap02{margin-top:16px;} } /* ---- ##[테마] list-type442 > .item-box01 :이 시각 많이 본 뉴스/날짜별 많이 본 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type442{box-sizing:border-box;} .list-type442>.list01 .item-box01 .tit-news{display:-webkit-box;height:50px;font-size:18px;line-height:25px;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-type442>.list01{gap:60px 16px;} .list-type442>.list01 li{box-sizing:border-box;width:calc(50% - 8px);} .list-type442>.list01 li.ads-item01{display:block;width:100%;} .list-type442>.list01 .item-box02 [class*='img-con']{flex-shrink:0;width:360px;height:240px;} .list-type442>.list01 .item-box02 .news-con{padding:24px 24px 48px 24px;} .list-type442>.list01 .item-box02 .tit-news{height:auto;max-height:75px;font-size:26px;line-height:34px;} .list-type442>.list01 .item-box02 .lead{display:none;} .list-type442>.list01 .item-box02 .news-con::before{top:24px;left:24px;height:auto;font-size:26px;line-height:26px;font-weight:700;color:var(--font-color021);} .list-type442>.list01 .item-box02 .btns-wrap01{top:24px;margin-top:0;} .list-type442>.list01 .item-box02 .tit-wrap{margin-top:58px;} /* 노이미지 */ .list-type442>.list01 .item-box02 [class*='img-con'].img-none01{display:none;} } /* ---- ##[통합검색] list-type500 :보도자료 ---- */ @media only screen and (min-width: 768px) and (max-width: 1023px){ [class*='list-type50']{padding:0 16px;} [class*='list-type50'] + .btn-type300{display:flex;width:calc(100% - 32px);margin:20px auto 0;} } /* ---- ##[통합검색] list-type500 :보도자료 ---- */ @media only screen and (min-width: 768px) and (max-width: 1023px){ .list-type500{padding:0 16px;} .list-type500 [class*='item-box0'] .news-con{justify-content:center;flex-direction:column;} .list-type500 [class*='item-box0'] .tit-wrap{width:100%;} .list-type500 .txt-time{width:100%;margin-top:4px;font-size:13px;} } /* ---- ##[통합검색] list-type501 :통합검색 뉴스 ---- */ @media only screen and (min-width: 768px) and (max-width: 1023px){ .list-type501{padding:0 16px;} .list-type501 [class*='item-box0']{padding:12px 0;} .list-type501 [class*='list0'] .item-box01 [class*='img-con']{width:107px;height:70px;} .list-type501 [class*='item-box0'] .tit-news{min-height:24px;font-size:16px;line-height:24px;} .list-type501 .txt-time{margin-top:4px;font-size:13px;} } /* ---- ##[통합검색] .list-type502 :통합검색 포토 ---- */ @media only screen and (min-width: 768px) and (max-width: 1023px){ .list-type502{padding:0 16px;} .list-type502 .list01{gap:20px 16px;width:calc(100% + 16px);flex-wrap:wrap;} /*.list-type502 li{width:calc((100% - 16px) / 2);}*/ .list-type502 li{width:calc(50% - 16px);margin-bottom:0;padding-right:0;} .list-type502 .txt-time{font-size:13px;} } /* ---- ##[기타] list-type530 > .item-box01 : 보도자료 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-text530{width:calc(100% - 48px);margin: 0 24px;} .list-type530 .list01 li + li{margin-top:16px;padding-top:17px;} .list-type530 .list01 li [class*='item-box0']{gap:16px;} .list-type530 .list01 li [class*='item-box0'] [class*='img-con']{width:120px;height:80px;} .list-type530 .list01 li [class*='item-box0'] .tit-news{font-size:16px;line-height:24px;} .list-type530 .list01 li [class*='item-box0'] .txt-time{margin-top:8px;font-size:13px;} } /* ---- ##[연합 라운지] list-type570 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type570 .item-box01{width:100vw;height:100vh;padding:0;} .list-type570 .item-box01 .img-con01{position:relative;top:0;left:0;z-index:0;width:100vw;height:100vh;margin-right:0;} .list-type570 .item-box01 .img-con01:before{background:var(--ui-tag083);} .list-type570 .item-box01 .img-con01 .img{padding-top:100vh;} .list-type570 .item-box01 .news-con{position:absolute;left:0;bottom:150px;z-index:1;width:100%;padding:0 88px 0 24px;} .list-type570 .item-box01 .tit-wrap{padding:4px 0 12px;font-size:28px;line-height:1.3;} .list-type570 .item-box01>.btns-wrap05{right:16px;bottom:150px;} .list-type570 .swiper-area>.btn-wrap05:before{content:'';display:block;position:absolute;left:16px;bottom:0;width:calc(100% - 16px);height:100%;background-color:var(--ui-tag031);} .list-type570 .swiper-area>.btn-wrap05>.txt01{font-size:14px;} .list-type570 .swiper-area>.btn-wrap05>i{display:block;position:absolute;top:16px;left:0;width:17px;height:74px;background-color:var(--ui-tag031);} .list-type570 .swiper-area>.btn-wrap05>i:before{content:'';display:block;position:absolute;top:-16px;left:0;z-index:2;width:0;height:0;border-top:17px solid transparent;border-left:17px solid var(--ui-tag031);transform:rotate(-90deg);} } /* ##list-type600 : 타임라인 */ @media only screen and (min-width:768px) and (max-width:1023px){ .list-type600{} .list-type600 .tit-news{font-size:16px !important;} .list-type600 .list01{max-height:400px;padding-bottom:40px;} } /* =============== ####news-type (Single News) ======================== */ /* (클래스범위) : news-type000 ~ news-type299 * 메인톱기사 : news-type0$$ * 메인톱통단 : news-type1$$ */ /* ---- ## news-type$$ > item-box$$ : 공통 ---- */ /* 위로 이동 */ /* ---- ##news-type001 : 톱기사 ---- */ /* 위로 이동 */ /* ##news-type005 : [서브 톱기사] 섹션홈 > 이슈돋보기 list-type604 */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type005{width:100%;} .news-type005 .list01{display:flex;width:100%;} .news-type005 .list01>li{width:100%;} .news-type005 .list01 .item-box01{display:flex;column-gap:32px;width:100%;} .news-type005 .list01 [class*='img-con']{flex-shrink:0;width:50% !important;margin-right:0 !important;padding-bottom:56px;} .news-type005 .list01 [class*='img-con'] .img{padding-top:66.74%;} .news-type005 .list01 [class*='item-box0'] .news-con{width:100%;padding-left:0;} .news-type005 .list01 .info-list01{position:absolute;left:0;bottom:0;width:50%;height:56px;justify-content:flex-start;} .news-type005 .list01 .info-list01>li{text-align:center;} .news-type005 .list01 .info-list01>li:first-of-type{padding-left:16px;} .news-type005 .list01 .info-list01>li a .txt{font-size:16px;} .news-type005 .list01 .info-list01>li a .txt .num{font-size:16px;} .news-type005 .list01 .list-related02{margin-top:0;} .news-type005 .list02{column-gap:20px;} .news-type005 .list02 li{width:calc(33.3% - 10px);} /* 유튜브 */ .news-type005 .vid-con{padding-top:56.25% !important;} } /* ##news-type006 : [서브 톱기사] 섹션홈 > 건강 list-type606*/ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type006{display:block;padding:0 24px;} .news-type006 [class*='item-box0'] .tit-news{font-size:18px;line-height:1.5;} .news-type006 .list01{column-gap:20px;} .news-type006 .list01>li{width:50%;padding-right:0;} .news-type006 .list01 [class*='img-con'] .label-box04{left:12px;bottom:12px;} .news-type006 .list01 [class*='item-box0'] .img{padding-top:66.59%;} .news-type006 .list02{display:flex;justify-content:space-between;width:100%;margin:20px 0;padding:20px 0;border:1px solid var(--ui-tag005);border-width:1px 0;} .news-type006 .list02>li:first-of-type, .news-type006 .list02>li{flex-shrink:0;box-sizing:border-box;width:calc(50% - 10px);margin-top:0;padding-top:0;border:none;} .news-type006 .list02 [class*='img-con']{width:120px;margin-left:12px;} .news-type006 .list02 [class*='img-con'] .img{padding-top:80px;} .news-type006 .list02 [class*='img-con'] .label-box04{left:4px;bottom:4px;} .news-type006 .list02 .tit-news{line-height:1.4;} } /* ---- ##news-type100 : 톱기사 통단 타입01(기본) ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type100 .item-box01{column-gap:32px;} .news-type100 [class*='item-box0'] [class*='img-con'], .news-type100 [class*='item-box0'] .news-con, .news-type100 [class*='item-box0'] .vid-con{width:calc(50% - 16px);margin-right:32px;} .news-type100 [class*='item-box0'] .vid-con{padding-top:26.85%;} .news-type100 [class*='item-box0'] .news-con{padding-left:0;} .news-type100 [class*='tit-wrap']{margin-bottom:32px;} .news-type100 [class*='tit-wrap'] .tit-news{font-size:32px;-webkit-line-clamp:2;} .news-type100 [class*='item-box0'] .lead{font-size:14px;} .news-type100 .txt-tag01, .news-type100 a[class*='txt-tag']{font-size:16px;} .news-type100 [class*='tit-wrap'] [class*='txt-tag2']:before{font-size:15px;} .news-type100 .item-box01{display:block;} /* 기사내용 */ .news-type100 .news-con .tit-sub{font-size:20px;} /* 광고 */ .news-type100 + .aside-box101{margin-top:32px !important;} } /* ##news-type103 : 통단(주말픽) 변경전 list-type601*/ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type103{display:block;padding-bottom:0;border-bottom:none;} .news-type103 [class*='list0']{width:100%;} .news-type103 .tit-sub{font-size:16px !important;} .news-type103 .list01 .tit-news [class^='txt-tag']:before{top:7px;font-size:15px;} .news-type103 .list01 [class*='txt-tag2']{line-height:2.6;} .news-type103 .list01 [class*='txt-tag2']:before{top:1px;} .news-type103 .list01 [class*='img-con'], .news-type103 .list01 .vid-con{flex-shrink:0;float:left;width:345px;margin-right:32px;} .news-type103 .list01 .vid-con{padding-top:194px;} .news-type103 .list01 .news-con{margin-top:0;} .news-type103 .list01 .tit-news{font-size:26px !important;} .news-type103 .list01 .item-box01{display:flex;} .news-type103 .list01 [class*='item-box0'] [class*='txt-tag'] + .tit-news{margin-top:8px;} .news-type103 .list01 [class*='item-box0'] [class*='img-con']{flex-shrink:0;width:345px;} .news-type103 .list01 [class*='item-box0'] .tit-sub{margin-top:8px;} .news-type103 .list01 [class*='item-box0'] .lead{margin-top:8px;} .news-type103 .list02{display:flex;flex-wrap:wrap;column-gap:32px;margin-top:32px;} .news-type103 .list02>li{position:relative;box-sizing:border-box;width:calc(50% - 17px);margin-top:16px !important;padding-top:17px;} .news-type103 .list02>li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background-color:var(--ui-tag005);} .news-type103 .list02>li:nth-of-type(1), .news-type103 .list02>li:nth-of-type(2){margin:0 !important;padding-top:0;} .news-type103 .list02>li:nth-of-type(1):before, .news-type103 .list02>li:nth-of-type(2):before{display:none;} .news-type103 .list02 .item-box01{display:block;} .news-type103 .list02 .item-box01:after{content:'';display:block;clear:both;} .news-type103 .list02 [class*='img-con']{float:left;width:120px;} .news-type103 .list02 .tit-news{font-size:18px;line-height:1.5;} .news-type103 .list02 .tit-news .title01{line-height:1.5;} .news-type103 .list02 .tit-news [class^='txt-tag']{line-height:1.4;} .news-type103 .list02 .tit-news [class^='txt-tag']:before{top:-1px;padding:3px 4px;font-size:11px;} .news-type103 .list02 .lead{font-size:14px !important;} .news-type103 .list02 .label-box04{left:6px;bottom:6px;} } /* ---- ##top-wide001 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-wide001{box-sizing:border-box;margin:0px;padding-bottom:0;border-bottom:none;} } /* ---- ##top-wide011 : 통단 썸네일강조 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-wide011{padding-bottom:0;border-bottom:none;} } /* ---- ##top-wide021,top-wide022 : 타임라인 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-wide021, .top-wide022{padding-bottom:0;border-bottom:none;} } /* ---- ##top-wide031 : 주말픽 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .top-wide031 .list01+ .aside-box101{margin-top:32px;} } /* =============== ####Box type ======================== */ /* [부모영역] box-type$$$ > title-con$$ + list-type$$$ -- box-type$$$에 클래스 추가로 디테일 제어함. -- 박스타입 하위에 코너제목, 기사 리스트 위치함 */ /* (클래스범위) * box-type001 ~ 099 * box-type001 : (기본) 박스타입 * box-type090~99 : 에러메세지 * box-type100 ~ 199 : 스와이퍼 박스 * box-type200~229 : 검색 * box-type230~249 : 기자 * box-type250~269 : 테마별뉴스 * box-type270~299 : 비주얼뉴스 */ /* ---- ##box-type$$$ : 공통 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='box-type']>[class*='title-con']{min-height:42px;padding:0 16px 12px 16px;} [class*='box-type']+.btns-wrap03{margin-top:20px;} } /* ---- ##box-ynalounge01,02 : 연합라운지 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .ynalounge-content01 .nav-type50{max-width:100%;margin:20px auto 0;} .ynalounge-content01 .section03{width:100%;max-width:100%;padding-top:62px;padding-bottom:40px !important;} .ynalounge-content01 .section03:before{height:30px;} .ynalounge-content01 .box-ynalounge01{padding:8px 0 0;} } /* ---- [뉴스플러스].box-type001>list-type314 : 뉴스플러스 오피니언 홈 논&설 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type001 .title-type001.arr01 + .list-type314{margin-top:0px;} } /* ---- ##box-type011 : 최신기사 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type011{box-sizing:border-box;} } /* ---- ##box-type021 : 탭 박스01 ---- */ /* [서브/본문] 우측 랭킹뉴스 */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type021 .tab-type03{padding:0 16px;} } /* ---- ##box-type032 : [서브] 사람들 우측 ---- */ /* 사람들 > 인사, 부고, 동정/게시판 */ @media only screen and (min-width:768px) and (max-width:1023px) { .box-type032[class*='object0']{max-width: calc(100% - 32px);margin:40px auto 0;} .box-type032[class*='object0'] .title-con01{padding:0;} } /* ---- ##box-type050 : [메인] 듣는연합뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type050{width:344px;} .box-type050>[class*='title-con']{padding-bottom:14px;} } /* ---- ##box-type060 : [본문] PC 뉴스게임즈 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type060{padding:0 16px;} } /* ---- ##box-type090 : 에러 메세지---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type090{padding:80px 0;} } /* ---- ##box-type100~199 : 스와이퍼 박스 공통 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='box-type10'] .title-con01, [class*='box-type10'] .title-con02{height:42px;margin:0 0 -42px 0;} [class*='box-type10'] .swiper-area{padding-top:42px;} [class*='box-type10'] .swiper-area .btn-dir001-next{right:0;} [class*='box-type10'] .swiper-area li{box-sizing:border-box;} [class*='box-type10'] .btns-wrap11 .pager01{flex-shrink:0;justify-content:center;} } /* ---- ## box-type100 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type100 .title-con01, .box-type100 .title-con02, .box-type103 .title-con01, .box-type103 .title-con02{height:39px;min-height:39px;margin-bottom:-39px;} } /* 하위 리스트 - list-type050, list-type021 */ @media only screen and (min-width:768px) and (max-width:1023px){ /* 100 : 767이하 스크롤 변형 */ .box-type100{box-sizing:border-box;text-align:center;} .box-type100 .swiper-area{overflow:hidden;padding-top:39px;} .box-type100 .swiper-area .btns-wrap11{justify-content:flex-end;position:relative;box-sizing:border-box;margin:12px auto 0;padding:0 30px;font-size:14px;font-weight:500;} .box-type100 .swiper-area .btns-wrap11 .btn-type007-pause01{display:none;} .box-type100 .swiper-area [class*='btn-dir001-']{position:absolute;top:50%;transform:translateY(-50%);} .box-type100 .swiper-area .btn-dir001-prev{left:0;margin-left:0;} .box-type100 .btns-wrap11 .pager01{width:64px;padding-right:0;} } /* ---- ## box-type102 : 비주얼뉴스 홈 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type102{overflow:hidden;max-width:100%!important;margin:24px auto 0!important;} } /* ---- ## box-type103 ---- */ /* 모든 해상도 버튼 노출 * 하위 리스트 - list-type041, list-type043, list-type306 */ @media only screen and (min-width:768px) and (max-width:1023px){ /* 103 : 모든 해상도 버튼 노출(버튼위치 이동) */ .box-type103 .swiper-area{overflow:hidden;padding-top:39px;} .box-type103 .swiper-area .btns-wrap11{justify-content:flex-end;position:relative;box-sizing:border-box;margin:12px auto 0;padding:0 30px;font-size:14px;font-weight:500;} .box-type103 .swiper-area .btns-wrap11 .btn-type007-pause01{display:none;} .box-type103 .swiper-area [class*='btn-dir001-']{position:absolute;top:50%;transform:translateY(-50%);} .box-type103 .swiper-area .btn-dir001-prev{left:0;margin-left:0;} .box-type103 .btns-wrap11 .pager01{width:64px;padding-right:0;} .box-type103 [class*='list-type04']{text-align:center;} } /* ---- ## box-type104 ---- */ /* [서브/본문] 핫뉴스, 에디터스 픽(영상,뉴스) * 하위 리스트 - list-type200, list-type210, list-type211 */ @media only screen and (min-width:768px) and (max-width:1023px){ /* .box-type104{padding:0 16px;box-sizing:border-box;}*/ /* 104 : 모든 해상도 버튼 노출(버튼위치 고정) */ .box-type104 .btns-wrap11{display:flex;margin-top:0;} .box-type104 .swiper-area{overflow:hidden;padding-left:0;} .box-type104 .swiper-area li{padding-right:0;} } /* ---- ## box-type105 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ /* 105 : 버튼 노출 상단 고정 */ .box-type105 .title-type001 .tit01{padding-top:1.5px;} } /* ---- ## box-type106 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type106 .title-con01{padding:0 24px;} } /* ---- ## box-type107 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ /* 105 : 버튼 노출 상단 고정 */ .box-type107{padding:24px 0;} .box-type107 .title-con01{max-width:100% !important;padding:0 24px;} /*.box-type107 .title-type001 .tit01{padding-top:1.5px;}*/ .box-type107 .list-type220{max-width:calc(100% - 48px);margin:0 auto;} .box-type107 .list-type220 .list01 li{max-width:100%;} .box-type107 .swiper-area{overflow:hidden;width:100%;} } /* ---- ## box-type108 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ /* 105 : 버튼 노출 상단 고정 */ .box-type108 .title-type001.arr01 a{padding-top:1.5px;} .box-type108 .title-con01{max-width:100% !important;} .box-type108 .list-type221{padding:0 16px;} .box-type108 .list-type221 .list01 li{max-width:100%;} .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li{width:50%;} .box-type108 .swiper-area{overflow:hidden;width:100%;} } /* ---- ## box-type109 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type109{padding-bottom:0;} .box-type109 [class*='title-con0']{background-color:var(--ui-tag001);} .wrap-container .width100 .box-type109 [class*='title-con01']{max-width:100%;} .box-type109 .list-type222 .swiper-area{padding-top:0;} } /* ---- ## box-type202 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type202.box-serp01-photo .list-type502 [class*='tit-wrap'] .tit-news{-webkit-line-clamp:2;} .box-type202.box-serp01-video .list-type502 [class*='tit-wrap'] .tit-news{-webkit-line-clamp:4;} .box-type202.box-serp01-graphic .list-type502 [class*='tit-wrap'] .tit-news{-webkit-line-clamp:1;} .list-type502 + .paging-type01{margin-top:40px !important;} } /* ---- ##box-type211 ---- */ /* 통합검색 > 우측 인물 */ @media only screen and (min-width:768px) and (max-width:1023px){ /* .box-type211{padding:0 16px;}*/ } /* ---- ## box-type230~249 ---- */ /* 230 ~ 249 : 기자 * box-type230 : 기자 기사 리스트 * box-type231 : 기자 전체 리스트 * box-type232 : 기자 리스트 없음 */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='box-type23']{padding:0 8px;} } /* box-type230 : 기자 기사 리스트 */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type230{padding:20px;} .box-type230 .list-type212{padding:0;} .box-type230>[class*='title-con']{padding:0 0 12px 0;} } /* ---- ## box-type25$ ---- */ /* 251 ~ 269 : 테마별뉴스 * box-type251 : 핫뉴스 * box-type252 : 많이본뉴스(이시각,날짜별) * box-type261 : 그 외 톱뉴스, 긴급뉴스 */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='box-type25']>.title-con01{padding:0 0 16px 0 !important;} .box-type261{margin-top:32px !important;} } /* ---- ## box-type270~299 ---- */ /* 270~299 : 비주얼뉴스*/ /* ---- ## box-type27$ : 비주얼뉴스 서브 : 공통 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='box-type27']{padding:0 24px;} [class*='box-type27'] .title-con01{padding:0 0 12px 0 !important;} [class*='box-type27'].box-health-video01 .title-con01{padding:0 24px 12px!important;} } /* ---- ## box-type273 : 비주얼뉴스 서브 : 그래픽 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type273 .list-type301>.list01 .item-box01 .tit-news {height:27px;-webkit-line-clamp:1;} } /* ---- ## box-type274 : 비주얼뉴스 서브 : 화보 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .box-type274{padding:0 24px;} } /* ---- ## box-type29$ : 비주얼뉴스 서브 : 공통 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ [class*='box-type29']{padding:0 24px;} [class*='box-type29'] .title-con01{padding:0 0 12px 0 !important;} } /* ---- ## box-type291 : #D 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ /*.box-type291 .list-type304>.list01 li:first-child{padding:32px 0}*/ } /* =============== ####table-type ======================== */ /* ---- ##table-type61 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .table-type61{width:calc(100% - 48px);margin:0 24px;} .table-type61 .tit01{font-size:18px;} .table-type61 table th{height:88px;} .table-type61 table th [class*='tit-wrap'] .tit01{font-size:13px;} .table-type61 table td .txt01{font-size:13px;} .table-type61 table th [class*='tit-wrap'] .txt01{font-size:13px;} } /* ---- ##[사이트맵] link-zone01 : 링크 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .link-zone01 .tit01{font-size:20px;} .link-zone01>li{margin-top:28px;} .link-zone01>li .list01 a {padding:0 8px;} .link-zone01>li .link-area01 .list01{gap:12px 4px;} } /* ---- ##[사이트맵] site-field01 : 뉴스 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .site-field01 .link-zone01{padding:24px 0;} .site-field01 .link-zone01 .tit02 a{padding:0 8px;} .site-field01 .link-zone01>li{gap:8px;} .site-field01 .link-zone01>li .portal-area .list01{width:610px;} .site-field01 .link-zone01>li .link-area01{gap:12px;} } /* ---- ##[사이트맵] link-zone02 : 월별 리스트 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .link-zone02 .list01{margin-left:-8px;} .link-zone02 .list01 li{width:calc((100% - 120px) / 4);} .link-zone02 .list01 a{padding:0 8px;font-size:15px;} } /* ---- ##[사이트맵] visual-type05 : 기타 성금 ---- */ @media only screen and (min-width:768px) and (max-width:1023px){ .visual-type05{height:180px;} .visual-type05 .area .tit01{font-size:24px;} } /* =============== ####Y뷰어 ======================== */ @media only screen and (min-width:768px) and (max-width:1023px){ .wrap-dock-menu{display:block;} } /* =============== ####책소개 페이지 ======================== */ @keyframes fade-in{ 0%{opacity:0;transform:translateY(10px);} 100%{opacity:1;transform:translateY(0);} } .page-book-intro .wrap-footer .footer-menu01{display:none;} .page-book-intro .wrap-footer .footer-menu02{display:none;} .page-book-intro .container .box01{display:flex;align-items:center;flex-direction:column;width:100%;} .page-book-intro .container .box01 .title01{margin-top:40px;color:#111;font-size:60px;font-weight:700;line-height:1.2;} .page-book-intro .container .box01 .title02{margin-top:4px;color:#59402B;font-size:40px;font-weight:600;line-height:1.2;} .page-book-intro .container .box01 .title03{margin-top:24px;color:#E97A38;font-size:24px;font-weight:500;line-height:1.5;} .page-book-intro .container .box02{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:40px;background-color:#ECE8E2;} .page-book-intro .container .box02 .top-area{display:flex;align-items:center;flex-direction:column;width:100%;background:url('../image/book_bg_main01.png') no-repeat center center;background-size:cover; position:relative;margin-bottom:130px;padding-bottom:804px;} .page-book-intro .container .box02 .title01{margin-top:72px;color:#000;font-size:28px;font-weight:600;line-height:1.5;} .page-book-intro .container .box02 .detail01{margin-top:30px;color:#111;font-size:20px;font-weight:500;line-height:1.5;text-align:center;} .page-book-intro .container .box02 .list01{display:flex;margin-top:47px;} .page-book-intro .container .box02 .list01 li{width:238px;height:125px;padding-top:34px;box-sizing:border-box;color:#59402B;font-size:18px;font-weight:600;line-height:1.5;text-align:center;background:url('../image/book_bg_item01.png') no-repeat 0 0;background-size:238px 125px;animation-name:fade-in;animation-duration:0.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:0;transform:translateY(10px);} .page-book-intro .container .box02 .list01 li:nth-child(1){animation-delay:0.4s;} .page-book-intro .container .box02 .list01 li:nth-child(2){animation-delay:0.8s;} .page-book-intro .container .box02 .list01 li:nth-child(3){animation-delay:1.2s;} .page-book-intro .container .box02 .list01 li + li{margin-left:40px;} .page-book-intro .container .box02 .visual01{position:absolute;bottom:-130px;width:744px;height:880px;;margin-left:-80px;background:url('../image/book_main_visual01.png') no-repeat 0 0;background-size:744px 880px;} .page-book-intro .container .box02 .list02{margin-top:100px;} .page-book-intro .container .box02 .list02 li + li{margin-top:60px;} .page-book-intro .container .box02 .list02 li .title{color:#E97A38;font-size:28px;font-weight:700;line-height:1.5;} .page-book-intro .container .box02 .list02 li .cont{margin-top:8px;color:#111;font-size:18px;font-weight:500;line-height:1.5;} .page-book-intro .container .box02 .list02 li .sub{color:#59402B;font-size:16px;font-weight:500;line-height:1.5;} .page-book-intro .container .box02 .list02 li .cont + .cont{margin-top:40px;} .page-book-intro .container .box02 .title02{display:flex;align-items:center;width:803px;height:26px;margin-top:68px;padding:0 8px;color:#F6F2E9;font-weight:600;font-size:14px;;background-color:#59402B;border-radius:4px;box-sizing:border-box;} .page-book-intro .container .box02 .list03{display:flex;margin-top:14px;margin-bottom:100px;} .page-book-intro .container .box02 .list03 li{width:393px;height:220px;padding:30px;background-color:#F6F2E9;border-radius:4px;box-sizing:border-box;} .page-book-intro .container .box02 .list03 li + li{margin-left:16px;} .page-book-intro .container .box02 .list03 li .writer{display:flex;align-items:center;} .page-book-intro .container .box02 .list03 li .writer .wrap-img{width:50px;height:50px;} .page-book-intro .container .box02 .list03 li:nth-child(1) .writer .wrap-img{background:url('../image/book_img_writer01.png') no-repeat 0 0;background-size:50px 50px;} .page-book-intro .container .box02 .list03 li:nth-child(2) .writer .wrap-img{background:url('../image/book_img_writer02.png') no-repeat 0 0;background-size:50px 50px;} .page-book-intro .container .box02 .list03 li .writer .wrap-cont{margin-left:10px;} .page-book-intro .container .box02 .list03 li .writer .wrap-cont .name{color:#000;font-size:18px;font-weight:600;line-height:1.5;} .page-book-intro .container .box02 .list03 li .writer .wrap-cont .detail{color:#59402B;font-size:14px;font-weight:500;line-height:1.5;} .page-book-intro .container .box02 .list03 li .info{margin-top:26px;color:#111;font-size:14px;font-weight:500;line-height:1.5;} .page-book-intro .container .box03{display:flex;align-items:center;flex-direction:column;width:100%;} .page-book-intro .container .box03 .title01{margin-top:99px;color:#59402B;font-size:32px;font-weight:700;line-height:1.5;} .page-book-intro .container .box03 .title02{margin-top:48px;color:#111;font-size:24px;font-weight:600;line-height:1.5;} .page-book-intro .container .box03 .list01{display:flex;margin-top:18px;} .page-book-intro .container .box03 .list01 li{width:240px;height:146px;border-radius:4px;border:1px solid #f2f2f2;background-color:#fff;box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.08);transition:transform 0.4s;} .page-book-intro .container .box03 .list01 li:hover{transform:translateY(-10px);} .page-book-intro .container .box03 .list01 li + li{margin-left:16px;} .page-book-intro .container .box03 .list01 li>a{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;padding:34px 0 24px;box-sizing:border-box;} .page-book-intro .container .box03 .list01 li:nth-child(1)>a .wrap-img{width:120px;height:43px;background:url('../image/book_logo_purchase01.png') no-repeat 0 0;background-size:120px 43px;} .page-book-intro .container .box03 .list01 li:nth-child(2)>a .wrap-img{width:157px;height:49px;background:url('../image/book_logo_purchase02.png') no-repeat 0 0;background-size:157px 49px;} .page-book-intro .container .box03 .list01 li:nth-child(3)>a .wrap-img{width:180px;height:44px;background:url('../image/book_logo_purchase03.png') no-repeat 0 0;background-size:180px 44px;} .page-book-intro .container .box03 .list01 li:nth-child(4)>a .wrap-img{width:120px;height:48px;background:url('../image/book_logo_purchase04.png') no-repeat 0 0;background-size:120px 48px;} .page-book-intro .container .box03 .list01 li>a .txt{color:#a9a9a9;font-size:14px;font-weight:500;line-height:1.5;} @media only screen and (max-width:1023px){ .page-book-intro .container br.only-pc{display:none;} .page-book-intro .container .box01 .title01{margin-top:32px;font-size:32px;} .page-book-intro .container .box01 .title02{margin-top:2px;font-size:22px;} .page-book-intro .container .box01 .title03{margin-top:11px;font-size:16px;} .page-book-intro .container .box02{margin-top:246px;} .page-book-intro .container .box02 .top-area{margin-bottom:0;padding-top:224px;padding-bottom:0;} .page-book-intro .container .box02 .title01{width:100%;;margin-top:0;padding:0 16px;font-size:20px;text-align:left;box-sizing:border-box;} .page-book-intro .container .box02 .detail01{width:100%;margin-top:16px;padding:0 16px;font-size:16px;text-align:left;box-sizing:border-box;} .page-book-intro .container .box02 .list01{display:block;margin:40px 0;} .page-book-intro .container .box02 .list01 li + li{margin:24px 0 0 0;} .page-book-intro .container .box02 .visual01{top:-222px;bottom:initial;width:344px;height:406px;margin:0 0 0 -30px;background-size:344px 406px;} .page-book-intro .container .box02 .list02{width:100%;margin-top:40px;} .page-book-intro .container .box02 .list02 li{padding:0 16px;} .page-book-intro .container .box02 .list02 li + li{margin-top:32px;} .page-book-intro .container .box02 .list02 li .title{font-size:20px;} .page-book-intro .container .box02 .list02 li .cont{font-size:16px;} .page-book-intro .container .box02 .list02 li .sub{display:inline;} .page-book-intro .container .box02 .title02{width:calc(100% - 32px);margin:40px 16px 0;} .page-book-intro .container .box02 .list03{display:block;margin:16px 0 40px;padding:0 16px;} .page-book-intro .container .box02 .list03 li{width:100%;height:auto;padding:22px;} .page-book-intro .container .box02 .list03 li + li{margin:16px 0 0 0;} .page-book-intro .container .box02 .list03 li .writer .wrap-cont{flex:1;} .page-book-intro .container .box02 .list03 li .writer .wrap-cont .name{font-size:16px;} .page-book-intro .container .box02 .list03 li .writer .wrap-cont .detail{font-size:13px;} .page-book-intro .container .box02 .list03 li .info{margin-top:20px;} .page-book-intro .container .box03 .title01{width:100%;margin-top:40px;padding:0 16px;font-size:20px;box-sizing:border-box;text-align:center;} .page-book-intro .container .box03 .title02{width:100%;margin-top:32px;font-size:18px;text-align:center;} .page-book-intro .container .box03 .list01{flex-wrap:wrap;width:100%;margin-top:14px;padding:0 16px;gap:16px;box-sizing:border-box;} .page-book-intro .container .box03 .list01 li{width:calc(50% - 10px);height:100px;transition:initial;} .page-book-intro .container .box03 .list01 li:hover{transform:initial;} .page-book-intro .container .box03 .list01 li + li{margin:0;} .page-book-intro .container .box03 .list01 li>a{padding:20px 0 16px;} .page-book-intro .container .box03 .list01 li:nth-child(1)>a .wrap-img{width:81px;height:29px;background-size:81px 29px;} .page-book-intro .container .box03 .list01 li:nth-child(2)>a .wrap-img{width:100px;height:31px;background-size:100px 31px;} .page-book-intro .container .box03 .list01 li:nth-child(3)>a .wrap-img{width:111px;height:27px;background-size:111px 27px;} .page-book-intro .container .box03 .list01 li:nth-child(4)>a .wrap-img{width:90px;height:36px;background-size:90px 36px;} }