/** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ @charset "UTF-8"; @font-face{font-family:SF Pro Display;font-style:normal;font-weight:400;src:local("SF-Pro-Display-Regular"),url("//t1.daumcdn.net/media/common/font/SF-UI-Display-Regular.woff") format("woff"),url("//t1.daumcdn.net/media/common/font/SF-Pro-Display-Regular.otf") format("opentype");} @font-face{font-family:SF Pro Display;font-style:normal;font-weight:600;src:local("SF-Pro-Display-Semibold"),url("//t1.daumcdn.net/media/common/font/SF-UI-Display-Semibold.woff") format("woff"),url("//t1.daumcdn.net/media/common/font/SF-Pro-Display-Semibold.otf") format("opentype");} @font-face{font-family:SF Pro Display;font-style:normal;font-weight:700;src:local("SF-Pro-Display-Bold"),url("//t1.daumcdn.net/media/common/font/SF-UI-Display-Bold.woff") format("woff"),url("//t1.daumcdn.net/media/common/font/SF-Pro-Display-Bold.otf") format("opentype");} /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;} fieldset,img{border:0 none;} dl,ul,ol,menu,li{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} input,select,textarea,button{vertical-align:middle;font-size:100%;} button{border:0 none;background-color:transparent;cursor:pointer;} table{border-collapse:collapse;border-spacing:0;} body{-webkit-text-size-adjust:none;} /* 뷰포트 변환시 폰트크기 자동확대 방지. */ input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox;} input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0;} input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;} body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'SF Pro Display','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serif;color:#101010;} /* color값은 디자인가이드에 맞게사용 */ a{color:#101010;text-decoration:none;} a:active,a:hover{text-decoration:none;} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;} main{display:block;} /* global */ .direct-link{position:absolute;top:-1px;left:0;z-index:1000;height:1px;} /* 바로가기 */ .direct-link a{position:absolute;top:-999px;padding:5px 10px;font-weight:bold;color:#fff;background:#333;text-decoration:none;white-space:nowrap;} .direct-link a:focus{top:0;} .ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent;} /* Mobile용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */ .ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%;} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */ .ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px;} /* Table caption에 숨김텍스트를 제공할때 */ .screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */ .show{display:block;} .hide{display:none;} /* common class */ .ico_company{display:inline-block;overflow:hidden;font-size:1px;line-height:0;vertical-align:top;background:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_company_250320.svg) 0 0 no-repeat;background-size:150px auto;color:transparent;} /* 2025-03-20 아이콘 수정 */ .emph_txt{color:#4881F7;} /* 포인트 컬러 */ .thumb_g{display:block;width:100%;vertical-align:top;} /* 썸네일 */ .box_cont{padding-top:8px;background-color:#F2F4F7;} .inner_box{padding:24px 20px;background-color:#fff;} .tit_box{display:block;font-size:17px;line-height:20px;} .tit_box .ico_beta{width:24px;height:10px;margin-top:7px;background-position:0 -70px;} .desc_box{padding-top:7px;line-height:17px;color:#888;} .wrap_thumb{position:relative;overflow:hidden;border-radius:8px;background:#F4F6FA url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_noimage_64.png) 50% 50% no-repeat;background-size:32px auto;} .wrap_thumb:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #000;opacity:0.04;border-radius:8px;} .wrap_scroll{overflow:hidden;} .txt_info{color:#888;} .txt_info + .txt_info:before{content:'';display:inline-block;width:2px;height:2px;border-radius:2px;vertical-align:top;background-color:#D1D1D1;margin:8px 4px 0;} .desc_datanone{padding-top:15px;line-height:17px;color:#888;} .data_none{display:-webkit-flex;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;flex-direction:column;align-items:center;justify-content:center;padding-bottom:114px;text-align:center;box-sizing:border-box;} .data_none .ico_datanone{flex-shrink:0;width:35px;height:35px;background-position:-50px 0;} .data_none .desc_datanone{font-size:16px;} .fc_emph{color:rgba(72,129,247,0.8);} .fb_emph{font-weight:700;} /* layout */ html,body{height:100%;} body{background:#F2F4F7;} .container-doc{position:relative;max-width:680px;height:100vh;margin:0 auto;} .doc-main{display:flex;flex-direction:column;position:relative;min-height:100%;background-color:#fff;box-sizing:border-box;} .main-content{flex:1;position:relative;} .content-article{margin-top:-8px;min-height:150px;} .content-article:before{content:'';display:block;position:relative;z-index:1;height:16px;margin-bottom:-16px;background-color:#fff;} /* header */ .doc-header{position:absolute;top:0;left:0;right:0;z-index:999;background-color:#fff;} .bg_cover{position:relative;height:120px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} .bg_cover:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);} .doc-title{position:absolute;top:0;left:0;bottom:0;height:52px;} .doc-title .link_logo{display:block;padding:14px 9px 14px 20px;font-size:0;} .doc-title .link_logo svg path{fill:#fff;} .doc-title .logo_daum{display:block;} .doc-title .logo_daum_scroll{display:none;} .info_title{position:relative;padding:0 20px 18px;} .info_title .thumb_info{position:absolute;top:-32px;width:60px;height:60px;background:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/bg_mask.png) no-repeat;background-size:58px 58px;background-position:1px 1px;} .info_title .squircle_thumb{width:100%;height:100%;} .info_title .squircle_thumb svg{overflow:visible;} .info_title .thumb_bg{fill:none;stroke:#fff;stroke-width:0;} .info_title .dark{display:none;} .info_title .thumb_stroke{fill:rgba(0,0,0,0.04);} .svg_source{overflow:hidden;position:absolute;top:0;left:-100%;z-index:-1;line-height:0;} .info_title .media_info{display:-webkit-flex;display:flex;} .info_title .tit_info{overflow:hidden;flex:1;padding-top:40px;word-break:break-all;} .info_title .tit_service{display:block;overflow:hidden;font-size:20px;vertical-align:top;color:#202020;white-space:nowrap;text-overflow:ellipsis;} .info_title .txt_info{display:block;padding-top:8px;line-height:17px;color:#4A4A4A;} .info_title .slogan_info{margin-bottom:-2px;padding-top:6px;line-height:17px;color:#4A4A4A;} .info_title .media_info + .slogan_info{padding-top:10px;} .info_title .alarm_util{display:-webkit-flex;display:flex;align-items:flex-end;} .alarm_util .btn_subscribe{display:-webkit-flex;display:flex;align-items:center;height:32px;margin:38px 0px 0 15px;padding:0 11px;border-radius:36px;font-weight:700;line-height:30px;color:#fff;background-color:#2C2E33;} .alarm_util .btn_subscribe .ico_bell{width:12px;height:14px;margin:0 3px 0 0;} .alarm_util .btn_subscribe.all .ico_bell{background-size:cover;background-image:url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M1.7002 5.18822C1.7002 2.8752 3.58121 1 5.90138 1C8.22155 1 10.102 2.8752 10.102 5.18822V7.15202C10.102 7.62334 10.1412 8.09465 10.2312 8.55703C10.3327 9.07786 10.5079 9.7275 10.8022 10.2427H1C1.29427 9.7275 1.46941 9.07786 1.57099 8.55703C1.66099 8.09465 1.7002 7.62334 1.7002 7.15202V5.18822Z' fill='%237E7F80' stroke='%237E7F80' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.81563 10.7593V10.9694C7.81563 12.0908 6.93773 12.9999 5.85529 12.9999C4.77244 12.9999 3.89453 12.0908 3.89453 10.9694V10.7593' fill='%237E7F80'/%3E%3Cpath d='M7.81563 10.7593V10.9694C7.81563 12.0908 6.93773 12.9999 5.85529 12.9999C4.77244 12.9999 3.89453 12.0908 3.89453 10.9694V10.7593' stroke='%237E7F80' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3.05273' y='10.6201' width='5.60158' height='0.7' fill='%23F2F4F7'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe.set .ico_bell{background-size:cover;background-image:url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M5.88365 1V1C3.57187 1 1.69766 2.86842 1.69766 5.17306V7.12977C1.69766 7.59938 1.65859 8.06899 1.56892 8.52969C1.46771 9.04864 1.2932 9.69592 1 10.2093H5.88327' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.88379 1V1C8.19557 1 10.0698 2.86842 10.0698 5.17306V7.12977C10.0698 7.59938 10.1088 8.06899 10.1985 8.52969C10.2997 9.04864 10.4742 9.69592 10.7674 10.2093H5.88416' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.79071 10.7673V10.9766C7.79071 12.094 6.91597 12.9999 5.83746 12.9999C4.75852 12.9999 3.88379 12.094 3.88379 10.9766V10.7673' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe.unset .ico_bell{width:15px;height:15px;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M7.99864 2.00049V2.00049C5.68686 2.00049 3.81265 3.86891 3.81265 6.17355V8.13026C3.81265 8.59986 3.77358 9.06947 3.68391 9.53018C3.5827 10.0491 3.40819 10.6964 3.11499 11.2098H7.99826' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.99878 2.00049V2.00049C10.3106 2.00049 12.1848 3.86891 12.1848 6.17355V8.13026C12.1848 8.59986 12.2238 9.06947 12.3135 9.53018C12.4147 10.0491 12.5892 10.6964 12.8824 11.2098H7.99915' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.9057 11.7678V11.9771C9.9057 13.0945 9.03096 14.0004 7.95245 14.0004C6.87351 14.0004 5.99878 13.0945 5.99878 11.9771V11.7678' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 2L13.55 10.4' stroke='%23F2F4F7' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M2.37231 3.48853L13.9223 11.8885' stroke='%237E7F80' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe.all,.alarm_util .btn_subscribe.set,.alarm_util .btn_subscribe.unset{background-color:#F2F4F7;border-color:#F2F4F7;color:rgba(0,0,0,0.48);} .alarm_util .btn_subscribe .ico_arrow{width:10px;height:6px;margin:0 0 0 5px;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.44767 5.43755C4.72103 5.71092 5.16425 5.71092 5.43762 5.43755L9.68026 1.19491C9.95362 0.921546 9.95362 0.47833 9.68026 0.204963C9.40689 -0.0684042 8.96367 -0.0684042 8.69031 0.204963L4.94264 3.95263L1.19497 0.204963C0.921608 -0.0684042 0.478392 -0.0684042 0.205025 0.204963C-0.0683418 0.47833 -0.0683417 0.921546 0.205025 1.19491L4.44767 5.43755Z' fill='%237E7F80'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe .ico_plus{width:12px;height:12px;margin:0 4px 0 0;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg clip-path='url(%23clip0_2_12)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6998 1.00005C6.6998 0.613449 6.3864 0.300049 5.9998 0.300049C5.6132 0.300049 5.2998 0.613449 5.2998 1.00005V5.30005H0.999805C0.613205 5.30005 0.299805 5.61345 0.299805 6.00005C0.299805 6.38665 0.613205 6.70005 0.999805 6.70005H5.2998V11C5.2998 11.3866 5.6132 11.7 5.9998 11.7C6.3864 11.7 6.6998 11.3866 6.6998 11V6.70005H10.9998C11.3864 6.70005 11.6998 6.38665 11.6998 6.00005C11.6998 5.61345 11.3864 5.30005 10.9998 5.30005H6.6998V1.00005Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_12'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-size:cover;} .alarm_util .btn_subscribe.checked .ico_plus{background-position:-105px 0;} .alarm_util .link_feed{display:block;height:36px;padding:0;margin-left:15px;} .alarm_util .link_feed .ico_feed{width:36px;height:36px;background-size:cover;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M24.1872 9C21.495 9 19.3125 11.1826 19.3125 13.8747V16.1604C19.3125 16.709 19.267 17.2575 19.1625 17.7957C19.0447 18.4019 18.8414 19.158 18.5 19.7577H24.1867' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.1875 9C26.8796 9 29.0622 11.1826 29.0622 13.8747V16.1604C29.0622 16.709 29.1077 17.2575 29.2121 17.7957C29.33 18.4019 29.5332 19.158 29.8747 19.7577H24.1879' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.2185 19.7583V19.9685C26.2185 21.0903 25.309 21.9998 24.1876 21.9998C23.0658 21.9998 22.1562 21.0903 22.1562 19.9685V19.7583' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13H14' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 20H14' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 27H22' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");} .alarm_util .link_feed.new .ico_feed{background-size:cover;background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M24.1872 9C21.495 9 19.3125 11.1826 19.3125 13.8747V16.1604C19.3125 16.709 19.267 17.2575 19.1625 17.7957C19.0447 18.4019 18.8414 19.158 18.5 19.7577H24.1867' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.1875 9C26.8796 9 29.0622 11.1826 29.0622 13.8747V16.1604C29.0622 16.709 29.1077 17.2575 29.2121 17.7957C29.33 18.4019 29.5332 19.158 29.8747 19.7577H24.1879' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.2185 19.7583V19.9685C26.2185 21.0903 25.309 21.9998 24.1876 21.9998C23.0658 21.9998 22.1562 21.0903 22.1562 19.9685V19.7583' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13H14' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 20H14' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 27H22' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='29.5' cy='9' r='4' fill='%234881F7' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");} .box_util{position:absolute;top:0;right:10px;} .box_util .ico_search{width:22px;height:22px;margin:15px 10px;background-position:0 0;} .box_util .link_search{display:block;} .scroll_fixed .box_util{display:none;} .scroll_fixed .box_util .ico_search{background-position:0 -25px;} .scroll_fixed .info_title .alarm_util{align-items:center;padding-right:13px;} .scroll_fixed .doc-title .link_logo svg path{fill:#273552;} /* 구독설정 - 툴팁 */ .tooltip_layer{display:none;position:absolute;right:0;bottom:-50px;z-index:30;box-sizing:border-box;padding:10px 12px 8px;border-radius:8px;background-color:#FFF;box-shadow:0px 4px 32px rgba(0,0,0,0.16);animation:bottom-slide3 .2s ease-in forwards;} .tooltip_layer .txt_tooltip{font-size:15px;line-height:20px;color:#000;white-space:nowrap;} .tooltip_layer .ico_tip{position:absolute;right:16px;top:-6px;width:24px;height:8px;background-position:-60px -85px;} .tooltip_layer.action{display:block;animation:slide-bottom3 .2s ease-out forwards;} .alarm_util .area_btn,.alarm_util .area_feed{position:relative;} .alarm_util .area_feed .tooltip_layer{right:0;} .area_feed .tooltip_layer .ico_tip{right:6px;} @keyframes slide-bottom3{0%{display:none; bottom:-39px; opacity:0;} 100%{display:block; bottom:-50px; opacity:1;} } @keyframes bottom-slide3{0%{display:block; bottom:-50px; opacity:1;} 100%{display:none; bottom:-39px; opacity:0;} } /* 알림 레이어 */ body.layer_open{overflow:hidden;} .layer_subscribe{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;margin:20px auto 0;} .layer_subscribe.open{display:block;} .layer_subscribe:before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);} .layer_subscribe .inner_layer{position:absolute;bottom:0;width:100%;max-height:100%;padding:40px 20px 118px;border-radius:16px 16px 0 0;background-color:#fff;box-sizing:border-box;transition:all 0.3s linear;transform:translateY(100%);opacity:0;} .layer_subscribe .inner_layer.action{transform:translateY(0px);opacity:1;} .layer_subscribe .tit_layer{display:block;margin-bottom:28px;font-size:18px;line-height:22px;} .layer_subscribe .radio_inp{display:inline-block;position:relative;vertical-align:top;} .layer_subscribe .radio_inp .inp_radio{position:absolute;left:0;top:50%;z-index:-1;width:24px;height:24px;margin-top:-12px;opacity:0.01;} .layer_subscribe .radio_inp .lab_radio{display:flex;height:100%;padding-left:34px;font-size:16px;line-height:24px;cursor:pointer;vertical-align:top;} .layer_subscribe .radio_inp .ico_radio{position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:4px;background-position:0 -30px;} .layer_subscribe .radio_inp .inp_radio:checked + .lab_radio .ico_radio,.layer_subscribe .radio_inp.on .lab_radio .ico_radio{background-position:-30px -30px;} .layer_subscribe .check_inp .inp_check{position:absolute;left:0;top:50%;z-index:-1;width:24px;height:24px;margin-top:-12px;opacity:.01;} .layer_subscribe .check_inp .lab_check{display:block;overflow:hidden;height:100%;padding-left:34px;font-size:16px;line-height:24px;color:#3a3b3d;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;} .layer_subscribe .check_inp .ico_check{position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:4px;background-position:-60px -30px;} .layer_subscribe .check_inp .inp_check:checked + .lab_check .ico_check{background-position:-90px -30px;} .check_inp.on .lab_check .ico_check{background-position:-90px -30px;} .layer_subscribe .sub_option{max-height:0;overflow:hidden;padding:5px 0 0 34px;transition:opacity 0.3s ease-in-out,max-height 0.3s ease-in-out;box-sizing:border-box;} /* 2024-05-23 수정 */ .layer_subscribe .sub_option.open{display:block;max-height:100vh;} .layer_subscribe .sub_option .check_inp{width:50%;margin-top:15px;} .layer_subscribe .check_inp{float:left;position:relative;vertical-align:top;} .layer_subscribe{overflow:hidden;} .layer_subscribe li + li{margin-top:24px;} .layer_subscribe li.lst{padding-top:20px;border-top:1px solid #F5F6F8;} .layer_subscribe .tit_lab{flex:1;overflow:hidden;min-width:0;margin-right:4px;white-space:nowrap;text-overflow:ellipsis;} .layer_subscribe .btn_group{display:block;display:flex;display:-webkit-flex;flex-flow:row nowrap;-webkit-flex-flow:row nowrap;position:absolute;left:20px;right:20px;bottom:30px;} .layer_subscribe .btn_group .btn_g{display:block;width:100%;height:48px;border-radius:24px;background-color:#F2F4F7;font-size:16px;line-height:48px;color:rgba(0,0,0,0.72);text-align:center;box-sizing:border-box;} .layer_subscribe .btn_group .btn_g + .btn_g{margin-left:16px;} .layer_subscribe .btn_group .btn_g.in_active{background-color:#F2F4F7;color:#898b8c;} .layer_subscribe .btn_group .btn_apply{background-color:#2C2E33;color:#fff;} .layer_subscribe .desc_pannel{margin:4px 0 0 34px;font-size:13px;line-height:16px;color:#888;} /* FTAS-11087 > 2024-05-23 가로모드 추가 시작 */ @media only screen and (orientation:landscape){.mobile .layer_subscribe .inner_layer{overscroll-behavior:none;overflow-y:auto;left:50%;width:484px;margin-left:-242px;padding-bottom:30px;} .mobile .layer_subscribe .inner_layer::-webkit-scrollbar{display:none;} .mobile .layer_subscribe .desc_pannel{word-break:keep-all;} .mobile .layer_subscribe .btn_group{position:relative;left:0;right:0;bottom:0;padding-top:40px;} } /* // FTAS-11087 > 2024-05-23 가로모드 추가 끝 */ .doc-gnb{border-bottom:1px solid #EBEBEE;} .wrap_gnb{overflow:hidden;padding:0 11px;} .list_gnb{display:-webkit-inline-flex;display:inline-flex;min-width:100%;vertical-align:top;box-sizing:border-box;} .list_gnb li{flex:1 1 auto;} .list_gnb .link_gnb{display:block;padding:0 11px;font-size:16px;text-align:center;white-space:nowrap;color:#202020;} .list_gnb .link_gnb .txt_gnb{display:inline-block;position:relative;padding:12px 2px;vertical-align:top;} .list_gnb .link_gnb[aria-selected="true"]{font-weight:700;} .list_gnb .link_gnb[aria-selected="true"] .txt_gnb:after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:2px solid #202020;border-radius:2px;} .wrap_util{position:absolute;top:0;right:10px;} .wrap_util .link_search{float:left;} .wrap_util .ico_search{width:20px;height:20px;margin:15px 10px;background-position:0 0;} .wrap_util .link_share{float:left;} .wrap_util .ico_share{width:20px;height:20px;margin:15px 10px;background-position:-25px 0;} /* socialshare overring */ .type_layer .inner_sns{border-radius:5px;} .tf_url .txt_url{color:#4881F7;} /* scroll_fixed */ .scroll_fixed .data_none{padding-bottom:20px;} .scroll_fixed .doc-main{box-sizing:initial;} .scroll_fixed .content-article{padding-top:94px;} .scroll_fixed .doc-header{position:fixed;} .scroll_fixed .head_wrap{border-bottom:1px solid #EBEBEE;} .scroll_fixed .inner_head{position:relative;max-width:680px;margin:0 auto;padding:0 0 0 52px;box-sizing:border-box;} .scroll_fixed .bg_cover{display:none;} .scroll_fixed .doc-title .logo_daum{display:none;} .scroll_fixed .doc-title .logo_daum_scroll{display:block;} .scroll_fixed .info_title{flex:1;height:52px;padding:0;font-size:16px;color:#000;} .scroll_fixed .info_title .btn_subscribe{position:inherit;height:28px;margin-top:-1px;font-size:13px;line-height:28px;} .scroll_fixed .info_title .link_feed{margin:0;padding:2px 3px 6px 17px;} .scroll_fixed .info_title .thumb_info{display:none;} .scroll_fixed .info_title .tit_info{overflow:hidden;padding-top:0;} .scroll_fixed .info_title .tit_service{display:block;overflow:hidden;padding:13px 0;font-size:18px;white-space:nowrap;text-overflow:ellipsis;} .scroll_fixed .info_title .txt_info{display:none;} .scroll_fixed .info_title .slogan_info{display:none;} .scroll_fixed .wrap_util .ico_search{background-position:0 -25px;} .scroll_fixed .wrap_util .ico_share{background-position:-25px -25px;} .scroll_fixed .wrap_gnb{max-width:680px;margin:0 auto;} /* footer */ .doc-footer{position:relative;height:179px;padding-top:40px;background-color:#F2F4F7;text-align:center;clear:both;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;} .doc-footer:before{display:none;content:'';position:absolute;top:-8px;left:0;right:0;height:16px;border-radius:0 0 8px 8px;background-color:#fff;} .doc-footer .list_foot{display:inline-block;width:100%;margin:0 auto;text-align:center;font-size:0;} .doc-footer .list_foot li{display:inline;} .doc-footer .list_foot li:after,.doc-footer .link_policy:after,.doc-footer .info_policy:after{display:inline-block;position:relative;top:-3px;width:2px;height:2px;background-color:rgba(0,0,0,0.16);border-radius:50%;content:'';} .doc-footer .link_policy:after,.doc-footer .info_policy:after{left:8px;} .doc-footer .list_foot li:last-child:after,.doc-footer .link_policy:last-child:after,.doc-footer .info_policy:last-child:after{display:none;} .doc-footer .list_foot .btn_foot,.doc-footer #daumMinidaum a{display:inline-block;height:17px;padding:0 10px;font-size:14px;color:#000;line-height:17px;} .doc-footer .group_policy{display:block;font-size:0;padding-top:8px;} .doc-footer .link_policy,.doc-footer .info_policy{display:inline-block;padding:8px 8px 0;color:rgba(0,0,0,0.48);font-size:12px;line-height:14px;} .doc-footer .info_policy{padding-top:0;} .doc-footer .copr_info{display:block;margin-top:16px;} .doc-footer .link_daumcorp{display:block;font-size:12px;line-height:14px;font-weight:700;color:rgba(0,0,0,0.48);} /* common style */ /* 더보기 */ .wrap_btn{padding-top:20px;text-align:center;} .list_news + .wrap_btn{padding-top:6px;} .list_thumb + .wrap_btn{padding-top:16px;} .wrap_btn .btn_more{display:inline-block;height:38px;padding:0 19px;border:1px solid #EEE;border-radius:40px;font-size:15px;line-height:40px;color:#222;vertical-align:top;} .wrap_btn .btn_more .emph_txt{display:inline-block;padding-right:4px;vertical-align:top;} .wrap_btn .btn_more .ico_arrow{width:6px;height:11px;margin:14px 0 0 9px;background-position:-90px -35px;} /* list_tab */ .list_tab{font-size:0;} .list_tab li{display:inline-block;vertical-align:top;} .list_tab li + li .link_tab:before{content:'';display:inline-block;width:2px;height:2px;border-radius:2px;vertical-align:top;background-color:#D1D1D1;margin:9px 6px 0 6px;} .list_tab .link_tab{display:block;font-size:16px;line-height:19px;color:#888;} .list_tab .link_tab[aria-selected="true"]{font-weight:600;color:#4881F7;} /* box_news */ .box_news .inner_box{padding-top:11px;} .box_news .tit_emph{display:block;padding-top:14px;font-weight:700;font-size:16px;line-height:17px;color:#4881F7;} .list_news li + li{border-top:1px solid #F6F6F6;} .list_news .link_news{display:block;overflow:hidden;height:41px;font-size:16px;line-height:42px;white-space:nowrap;text-overflow:ellipsis;} .list_thumb{overflow:hidden;margin:0 -5px;padding-top:6px;} .list_thumb li{float:left;width:50%;padding:0 5px;box-sizing:border-box;} .list_thumb .link_thumb{display:block;} .list_thumb .wrap_thumb{padding-top:64.52%;} .list_thumb .wrap_thumb .thumb_g{position:absolute;top:0;left:0;right:0;bottom:0;} .list_thumb .wrap_thumb .ico_vod{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background-position:-110px -15px;} .list_thumb .tit_txt{display:block;display:-webkit-box;overflow:hidden;max-height:39px;padding-top:8px;font-weight:400;font-size:15px;line-height:19px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* box_column */ .box_column{position:relative;} .list_column{padding-top:19px;} .list_column li{min-height:66px;} .list_column li + li{margin-top:20px;} .list_column .link_column{display:-webkit-flex;display:flex;position:relative;width:100%;} .list_column .wrap_thumb{flex-basis:100px;width:100px;height:66px;margin-left:20px;background-image:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_noimage_52.png);background-size:26px auto;} .list_column .info_counts{position:absolute;top:0;right:0;bottom:0;width:38px;text-align:center;background-color:rgba(0,0,0,0.5);} .list_column .info_counts .txt_num{display:block;padding-top:17px;font-weight:600;font-size:12px;color:#fff;} .list_column .info_counts .ico_list{width:12px;height:10px;margin-top:3px;background-position:-135px -15px;} .list_column .cont_thumb{flex:1;} .list_column .tit_txt{display:block;overflow:hidden;max-height:40px;font-weight:400;font-size:16px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .list_column .info_txt{display:block;padding-top:3px;} .list_column .txt_rank{flex-basis:23px;font-weight:600;font-size:18px;line-height:21px;color:#000;} .wrap_boxtit{display:flex;} .wrap_boxtit .tit_box{flex:1;overflow:hidden;} .wrap_boxtit .emph_txt{padding-left:2px;} .link_list{flex:none;margin-left:10px;font-size:15px;line-height:20px;color:#888;} .link_list .ico_list2{width:12px;height:10px;margin:5px 5px 0 0;background-position:-135px -30px;} /* box_short */ .box_short .inner_box{padding-top:4px;} .box_short .inner_box .tit_box{padding-top:20px;} .list_short{overflow:hidden;margin:0 -5px;} .wrap_notice + .list_short{padding-top:3px;} .list_short li{float:left;width:50%;padding:16px 5px 0;box-sizing:border-box;} .list_short li:nth-child(odd){clear:both;} .list_short .link_short{display:block;} .list_short .wrap_thumb{padding-top:155.55%;} .list_short .wrap_thumb:before{content:'';position:absolute;z-index:20;bottom:0;left:0;right:0;height:48px;background-image:linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);} .list_short .wrap_thumb:after{z-index:30;} .list_short .thumb_g{position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;} .list_short .info_play{position:absolute;z-index:40;left:0;right:0;bottom:0;padding:6px 8px;font-weight:600;line-height:22px;color:#fff;} .list_short .info_play .ico_vod{width:14px;height:14px;margin:4px 2px 0 0;background-position:-69px -99px;} .list_short .tit_txt{display:block;display:-webkit-box;overflow:hidden;max-height:38px;padding-top:8px;font-weight:400;font-size:15px;line-height:19px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .list_short .info_txt{padding-top:3px;} .wrap_notice{overflow:hidden;} .box_news .wrap_notice{padding-top:13px;} .wrap_notice .ico_notice{float:left;width:16px;height:16px;margin:1px 8px 0 0;background-position:-90px -15px;} .wrap_notice .txt_notice{display:block;overflow:hidden;font-size:16px;line-height:18px;color:#888;} .slide_box{position:relative;} .slide_box .btn_slide{display:none;position:absolute;top:112px;width:32px;height:32px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);} .slide_box .btn_slide .ico_company{width:7px;height:11px;margin-top:5px;} .slide_box .btn_prev{left:-36px;} .slide_box .btn_prev .ico_prev{background-position:-25px -70px;} .slide_box .btn_prev:hover .ico_prev{background-position:-45px -70px;} .slide_box .btn_next{right:-36px;} .slide_box .btn_next .ico_next{background-position:-35px -70px;} .slide_box .btn_next:hover .ico_next{background-position:-55px -70px;} .box_short .wrap_scroll{margin:0 -20px;padding:0 10px 0 20px;} .wrap_scroll .list_short{display:-webkit-inline-flex;display:inline-flex;overflow:visible;vertical-align:top;} .wrap_scroll .list_short li{width:150px;padding-top:19px;} .list_short .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/noimage/ico_noimage_vod.svg);background-size:44px auto;} /* box_info */ .box_info .desc_info{padding-top:2px;font-size:16px;line-height:24px;color:#202020;} .list_info{padding-top:20px;} .list_info .link_info{display:block;position:relative;height:44px;font-size:16px;line-height:44px;color:#202020;} .list_info .txt_g{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:35px;padding-right:20px;border-bottom:1px solid #F6F6F6;} .list_info .ico_company{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .ico_home{width:20px;height:18px;background-position:0 -50px;} .ico_email{width:18px;height:18px;background-position:-25px -50px;} .ico_channel{width:18px;height:18px;background-position:-45px -50px;} .ico_facebook{width:18px;height:18px;background-position:-65px -50px;} .ico_youtube{width:20px;height:18px;background-position:-85px -50px;} .ico_instagram{width:20px;height:18px;background-position:-110px -50px;} .ico_etc{width:18px;height:18px;background-position:-130px -50px;} .ico_arrow2{width:6px;height:10px;background-position:-100px -35px;} .list_info .ico_arrow2{right:3px;} /* 토스트 팝업 */ .toast_layer{position:fixed;z-index:999;left:20px;right:20px;bottom:18px;max-width:640px;margin:0 auto;} .toast_layer .inner_toast{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:16px 20px;border-radius:16px;background-color:#2C2E33;box-sizing:border-box;} .toast_layer .desc_toast{font-size:14px;line-height:20px;color:#fff;text-align:center;max-width:-webkit-fill-available;} .toast_layer .desc_toast .txt_name{display:inline-block;max-width:53%;vertical-align:top;overflow:hidden;padding-right:2px;white-space:nowrap;text-overflow:ellipsis;} /* 통합검색 레이어 */ .wrap_schall .img_g{display:inline-block;overflow:hidden;font-size:1px;line-height:0;color:transparent;background:url("//t1.daumcdn.net/media/news/news2016/m640/ico_media_180713.png") no-repeat 0 0;vertical-align:top;background-size:120px 70px;} .search_open{background-color:#f2f2f2;} .search_open .container-doc{display:none;} .d_schall{overflow:hidden;padding:12px 0;border-bottom:1px solid #eaeaea;background-color:#fff;} .d_schall .inner_schall{margin:0 98px 0 12px;height:37px;border:1px solid #2f97f5;border-right:0 none;background-color:#fff;} .d_schall .box_search{position:relative;padding:6px 8px 0 8px;background-color:#fff;} .os_ios .d_schall .box_search{padding-top:8px;} .d_schall .tf_keyword{width:100%;height:24px;border:0 none;font-size:16px;line-height:25px;background-color:transparent;color:#000;vertical-align:top;-webkit-appearance:none;outline:none;} .os_ios .d_schall .tf_keyword{line-height:23px;} .d_schall .tf_keyword::-webkit-search-cancel-button{-webkit-appearance:none;} .d_schall .tf_keyword::-webkit-input-placeholder{color:#c6c7cd;} .d_schall .btn_sch{display:inline;float:left;width:38px;height:39px;padding:0;font-size:0;line-height:0;background-color:transparent;cursor:pointer;text-align:center;} .d_schall .btn_reset{display:none;position:absolute;top:-1px;right:0;width:32px;height:39px;} .d_schall .btn_reset .ico_del{display:block;width:14px;height:14px;margin:0 auto;background-position:-50px -50px;} .d_schall .btn_search{position:absolute;top:-1px;right:-38px;border:1px solid #2f97f5;border-left:0 none;} .d_schall .btn_search .ico_search{display:block;width:20px;height:19px;margin:0 auto;background-position:0 -50px;} .d_schall .btn_close{display:block;overflow:hidden;position:absolute;top:-1px;right:-92px;width:47px;height:39px;padding:0;font-size:16px;line-height:40px;color:#000;cursor:pointer;text-align:center;} .os_ios .d_schall .btn_close{line-height:42px;} .d_schall .write_on{padding-right:40px;} .d_schall .write_on .btn_reset{display:block;} /* 서제스트 */ .wrap_schall{max-width:680px;margin:0 auto;} /* live - 프로필 */ .info_title .thumb_info.live_on .thumb_bg{stroke:#FF4233;stroke-width:2px;} .info_title .thumb_info.live_on .thumb_stroke{fill:#fff;} .info_title .thumb_info.live_on .badge_live{position:absolute;left:50%;bottom:-10px;width:42px;height:20px;margin-left:-21px;border-radius:20px;background-color:#FF4E33;font-weight:700;font-size:12px;line-height:21px;text-align:center;color:#fff;} /* live - 탭메뉴 */ .list_gnb .link_gnb.live_on .txt_gnb:after{position:absolute;right:-5px;top:12px;width:6px;height:6px;border-radius:100%;background-color:#FF4E33;content:'';} /* banner_live */ .banner_live{margin-top:12px;border-radius:13px;background-color:#fff;box-shadow:0 1px 10px rgba(0,0,0,0.08);} .banner_live .link_thumb{display:block;overflow:hidden;padding:12px;} .banner_live .wrap_thumb{float:right;width:72px;height:48px;margin-left:12px;} .banner_live .cont_thumb{overflow:hidden;margin-top:3px;} .banner_live .tit_txt{display:block;overflow:hidden;max-height:20px;font-weight:700;font-size:16px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;} .banner_live .txt_liveon{font-size:16px;color:#000;} .banner_live .txt_liveon:before{display:inline-block;width:6px;height:6px;margin:9px 6px 0 0;vertical-align:top;border-radius:100%;background-color:#FF4E33;content:'';} /* item_info */ .box_live .inner_box{padding:0;background:none;} .item_info{min-width:320px;padding:20px;background-color:#fff;box-sizing:border-box;} .item_info + .item_info{margin-top:8px;} .item_info .link_g{display:block;overflow:hidden;position:relative;} .item_info .wrap_thumb{display:block;overflow:hidden;position:relative;border-radius:8px;padding-top:56.25%;font-size:0;border-radius:8px;background:#2C2E33 url(https://t1.daumcdn.net/media/common/noimage/ico_noimage_l.png) no-repeat;background-size:26px 26px;background-position:50% 50%;} .item_info .wrap_thumb:before{position:absolute;left:50%;top:50%;width:44px;height:36px;transform:translate(-50%,-50%);background:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_company_250320.svg) -100px -90px no-repeat;background-size:150px auto;content:'';} .item_info .wrap_thumb .thumb_g{position:absolute;left:0;right:0;top:0;bottom:0;} .item_info .tag_comm{position:absolute;bottom:8px;right:8px;z-index:1;height:20px;padding:0 7px;border-radius:20px;font-weight:700;font-size:12px;line-height:20px;color:#fff;box-sizing:border-box;background-color:#0F0F0F;} .item_info .tag_comm.live_tag{background-color:#FF4E33;} .item_info .tit_comm{display:block;display:-webkit-box;overflow:hidden;max-height:40px;margin-top:12px;font-weight:normal;font-size:16px;line-height:20px;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;} .item_info .tit_comm.type_line1{max-height:20px;-webkit-line-clamp:1;} .item_info .tit_comm.type_line3{max-height:60px;-webkit-line-clamp:3;} .item_info .box_info{display:block;margin-top:6px;font-size:0;} .item_info .box_info .txt_info{font-size:14px;line-height:17px;color:rgba(0,0,0,0.48);} /* 680px 이상 */ @media only screen and (min-width:768px){.box_live .item_info:last-child{padding-bottom:12px;} .item_info .wrap_thumb{float:left;width:320px;padding-top:28.125%;margin-right:20px;} .item_info .cont_thumb{overflow:hidden;} } /* 다크모드 */ @media (prefers-color-scheme:dark){.item_info{background-color:#1B1D1F;} .item_info .tit_comm{color:#e7e7e7;} .item_info .box_info .txt_info{color:rgba(255,255,255,0.48);} .banner_live{background-color:#1B1D1F;outline:1px solid rgba(255,255,255,0.08);} .banner_live .txt_liveon{color:#e7e7e7;} } /* 768px 이상 */ @media only screen and (min-width:768px){.doc-main{border-radius:0 0 8px 8px;} .content-article{border-radius:0 0 8px 8px;} .doc-footer:before{display:block;} .box_cont{position:relative;} .box_cont:before{content:'';position:absolute;top:-8px;left:0;right:0;height:16px;background-color:#F2F4F7;} .box_cont:after{content:'';position:absolute;top:-8px;left:0;right:0;height:8px;border-radius:0 0 8px 8px;background-color:#fff;} .inner_box{border-radius:8px 8px 0 0;} .data_none{padding-bottom:134px;} .scroll_fixed .data_none{padding-bottom:40px;} .doc-footer .copr_info{font-size:12px;line-height:20px;} .list_short li{width:25%;} .list_short li:nth-child(odd){clear:inherit;} .list_short li:nth-child(4n+1){clear:both;} .slide_box .btn_slide{display:block;} .slide_box .btn_slide.swiper-button-disabled{display:none;} } @media (prefers-color-scheme:dark){/* common class */ .ico_company{background-image:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_company_dark_250320.svg);} /* 아이콘 */ .emph_txt{color:#78A5FF;} /* 포인트 컬러 */ .box_cont{background-color:#121314;} .box_cont:before{background-color:#121314;} .box_cont:after{background-color:#1B1D1F;} .inner_box{background-color:#1B1D1F;} .tit_box{color:#E7E7E7;} .wrap_thumb{background-color:#282B2E;background-image:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_noimage_64_dark.png);} .wrap_thumb:after{border-color:#fff;} .tit_txt{color:#E7E7E7;} .txt_info + .txt_info:before{background-color:rgba(255,255,255,0.24);} .fc_emph{color:#78A5FF;} /* layout */ body{background:#121314;} .doc-main{background-color:#1B1D1F;} .content-article:before{background-color:#1B1D1F;} /* header */ .doc-header{background-color:#1B1D1F;} .info_title .light{display:none;} .info_title .dark{display:block;} .info_title .thumb_stroke{fill:rgba(255,255,255,0.04);} .info_title .tit_service{color:#E7E7E7;} .info_title .txt_info{color:#888;} .info_title .slogan_info{color:#888;} .alarm_util .btn_subscribe.all,.alarm_util .btn_subscribe.set,.alarm_util .btn_subscribe.unset{background-color:#2C2E33;border-color:#2C2E33;color:rgba(255,255,255,0.48);} /* footer */ .doc-footer:before{background-color:#1B1D1F;} /* 알림 레이어 */ .layer_subscribe .inner_layer{background-color:#2C2E33;} .layer_subscribe .tit_layer{color:#fff;} .layer_subscribe .radio_inp .lab_radio{color:#fff;} .layer_subscribe .check_inp .lab_check{color:#fff;} .layer_subscribe .btn_group .btn_g,.layer_subscribe .btn_group .btn_g.in_active{background-color:#47474C;color:#fff;} .layer_subscribe .btn_group .btn_g.in_active{opacity:.6;} .layer_subscribe .btn_group .btn_apply{background-color:#F2F4F7;color:#000;} .layer_subscribe .desc_pannel{color:rgba(255,255,255,0.48);} .doc-gnb{border-color:rgba(255,255,255,0.1);} .list_gnb .link_gnb{color:#E7E7E7;} .list_gnb .link_gnb[aria-selected="true"] .txt_gnb:after{border-color:#E7E7E7;} .scroll_fixed .head_wrap{border-color:rgba(255,255,255,0.06);} .scroll_fixed .doc-title .link_logo svg path{fill:#fff;} /* footer */ .doc-footer{background-color:#141517;} .doc-footer .list_foot .btn_foot,.doc-footer #daumMinidaum a{color:#fff;} .doc-footer .list_foot li:after{background-color:#4a4a4a;} .doc-footer .link_policy{color:rgba(255,255,255,0.48);} .doc-footer .info_policy{color:rgba(255,255,255,0.48);} .doc-footer .link_daumcorp{color:rgba(255,255,255,0.48);} .doc-footer .list_foot li:after,.doc-footer .link_policy:after,.doc-footer .info_policy:after{background-color:rgba(255,255,255,0.16);} /* common style */ .wrap_btn .btn_more{border-color:#2D2D2D;color:#E7E7E7;} /* list_tab */ .list_tab li + li .link_tab:before{border-color:rgba(255,255,255,0.24);} .list_tab .link_tab[aria-selected="true"]{color:#78A5FF;} /* box_news */ .box_news .tit_emph{color:#78A5FF;} .list_news li + li{border-color:rgba(255,255,255,0.06);} .list_news .link_news{color:#E7E7E7;} /* box_column */ .list_column .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/mediacompany_2022/rtn/ico_noimage_52_dark.png);} .list_column .txt_rank{color:#E7E7E7;} /* box_short */ .slide_box .btn_slide{background-color:#3E4348;box-shadow:none;} .list_short .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/noimage/ico_noimage_vod_dark.svg);} /* box_info */ .box_info .desc_info{color:#E7E7E7;} .list_info .txt_g{border-color:rgba(255,255,255,0.06);color:#E7E7E7;} /* 토스트 팝업 */ .toast_layer .inner_toast{background-color:#F2F4F7;} .toast_layer .desc_toast{color:#000;} /* 통합검색 레이어 */ .search_open body{background-color:#f2f2f2;} /* 구독설정 - 툴팁 */ .tooltip_layer{background-color:#2C2E33;box-shadow:0px 4px 32px rgba(0,0,0,0.32);} .tooltip_layer .txt_tooltip{color:#FFF;} /* 구독알림 버튼 */ .k_head .alarm_util .ico_search{background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M16.3575 24.7151C20.9733 24.7151 24.7151 20.9733 24.7151 16.3575C24.7151 11.7418 20.9733 8 16.3575 8C11.7418 8 8 11.7418 8 16.3575C8 20.9733 11.7418 24.7151 16.3575 24.7151Z' stroke='white' stroke-width='1.4'/%3E%3Cpath d='M22.4854 22.4853L28.0001 28' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .alarm_util .link_feed .ico_feed{background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M24.1872 9C21.495 9 19.3125 11.1826 19.3125 13.8747V16.1604C19.3125 16.709 19.267 17.2575 19.1625 17.7957C19.0447 18.4019 18.8414 19.158 18.5 19.7577H24.1867' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.1875 9C26.8796 9 29.0622 11.1826 29.0622 13.8747V16.1604C29.0622 16.709 29.1077 17.2575 29.2121 17.7957C29.33 18.4019 29.5332 19.158 29.8747 19.7577H24.1879' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.2185 19.7584V19.9686C26.2185 21.0904 25.309 21.9999 24.1876 21.9999C23.0658 21.9999 22.1562 21.0904 22.1562 19.9686V19.7584' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13H14' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 20H14' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 27H22' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");} .alarm_util .link_feed.new .ico_feed{background-image:url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M24.1872 9C21.495 9 19.3125 11.1826 19.3125 13.8747V16.1604C19.3125 16.709 19.267 17.2575 19.1625 17.7957C19.0447 18.4019 18.8414 19.158 18.5 19.7577H24.1867' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.1875 9C26.8796 9 29.0622 11.1826 29.0622 13.8747V16.1604C29.0622 16.709 29.1077 17.2575 29.2121 17.7957C29.33 18.4019 29.5332 19.158 29.8747 19.7577H24.1879' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.2185 19.7583V19.9685C26.2185 21.0903 25.309 21.9998 24.1876 21.9998C23.0658 21.9998 22.1562 21.0903 22.1562 19.9685V19.7583' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13H14' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 20H14' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M6 27H22' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Ccircle cx='29.5' cy='9' r='4' fill='%234881F7' stroke='%23141517' stroke-width='2'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe{background-color:#F2F4F7;color:#000;} .alarm_util .btn_subscribe .ico_plus{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6998 1.00005C6.6998 0.613449 6.3864 0.300049 5.9998 0.300049C5.6132 0.300049 5.2998 0.613449 5.2998 1.00005V5.30005H0.999805C0.613205 5.30005 0.299805 5.61345 0.299805 6.00005C0.299805 6.38665 0.613205 6.70005 0.999805 6.70005H5.2998V11C5.2998 11.3866 5.6132 11.7 5.9998 11.7C6.3864 11.7 6.6998 11.3866 6.6998 11V6.70005H10.9998C11.3864 6.70005 11.6998 6.38665 11.6998 6.00005C11.6998 5.61345 11.3864 5.30005 10.9998 5.30005H6.6998V1.00005Z' fill='black'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe.set .ico_bell{background-image:url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M5.88365 1V1C3.57187 1 1.69766 2.86842 1.69766 5.17306V7.12977C1.69766 7.59938 1.65859 8.06899 1.56892 8.52969C1.46771 9.04864 1.2932 9.69592 1 10.2093H5.88327' stroke='%23919295' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.88379 1V1C8.19557 1 10.0698 2.86842 10.0698 5.17306V7.12977C10.0698 7.59938 10.1088 8.06899 10.1985 8.52969C10.2997 9.04864 10.4742 9.69592 10.7674 10.2093H5.88416' stroke='%23919295' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.79071 10.7673V10.9766C7.79071 12.094 6.91597 12.9999 5.83746 12.9999C4.75852 12.9999 3.88379 12.094 3.88379 10.9766V10.7673' stroke='%23919295' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe.unset .ico_bell{background-image:url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M7.99864 2.00049V2.00049C5.68686 2.00049 3.81265 3.86891 3.81265 6.17355V8.13026C3.81265 8.59986 3.77358 9.06947 3.68391 9.53018C3.5827 10.0491 3.40819 10.6964 3.11499 11.2098H7.99826' stroke='%23919295' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.99878 2.00049V2.00049C10.3106 2.00049 12.1848 3.86891 12.1848 6.17355V8.13026C12.1848 8.59986 12.2238 9.06947 12.3135 9.53018C12.4147 10.0491 12.5892 10.6964 12.8824 11.2098H7.99915' stroke='%23919295' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.9057 11.7678V11.9771C9.9057 13.0945 9.03096 14.0004 7.95245 14.0004C6.87351 14.0004 5.99878 13.0945 5.99878 11.9771V11.7678' stroke='%23919295' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 2L13.55 10.4' stroke='%232C2E33' stroke-width='2' stroke-linecap='square'/%3E%3Cpath d='M2.37231 3.48853L13.9223 11.8885' stroke='%23919295' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe .ico_arrow{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.44767 5.43755C4.72103 5.71092 5.16425 5.71092 5.43762 5.43755L9.68026 1.19491C9.95362 0.921546 9.95362 0.47833 9.68026 0.204963C9.40689 -0.0684042 8.96367 -0.0684042 8.69031 0.204963L4.94264 3.95263L1.19497 0.204963C0.921608 -0.0684042 0.478392 -0.0684042 0.205025 0.204963C-0.0683418 0.47833 -0.0683417 0.921546 0.205025 1.19491L4.44767 5.43755Z' fill='%23919295'/%3E%3C/svg%3E%0A");} .alarm_util .btn_subscribe.all .ico_bell{background-image:url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.90138 1C3.58121 1 1.7002 2.8752 1.7002 5.18822V7.15202C1.7002 7.62334 1.66099 8.09465 1.57099 8.55703C1.46941 9.07786 1.29427 9.7275 1 10.2427H5.90101' fill='%23919295'/%3E%3Cpath d='M5.90138 1V1C3.58121 1 1.7002 2.8752 1.7002 5.18822V7.15202C1.7002 7.62334 1.66099 8.09465 1.57099 8.55703C1.46941 9.07786 1.29427 9.7275 1 10.2427H5.90101' stroke='%23919295' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.90088 1C8.22105 1 10.1021 2.8752 10.1021 5.18822V7.15202C10.1021 7.62334 10.1413 8.09465 10.2313 8.55703C10.3328 9.07786 10.508 9.7275 10.8023 10.2427H5.90125' fill='%23919295'/%3E%3Cpath d='M5.90088 1V1C8.22105 1 10.1021 2.8752 10.1021 5.18822V7.15202C10.1021 7.62334 10.1413 8.09465 10.2313 8.55703C10.3328 9.07786 10.508 9.7275 10.8023 10.2427H5.90125' stroke='%23919295' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.81563 10.7593V10.9694C7.81563 12.0908 6.93773 12.9999 5.85529 12.9999C4.77244 12.9999 3.89453 12.0908 3.89453 10.9694V10.7593' fill='%23919295'/%3E%3Cpath d='M7.81563 10.7593V10.9694C7.81563 12.0908 6.93773 12.9999 5.85529 12.9999C4.77244 12.9999 3.89453 12.0908 3.89453 10.9694V10.7593' stroke='%23919295' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='3.05273' y='10.6201' width='5.60158' height='0.7' fill='%232C2E33'/%3E%3C/svg%3E%0A");} .list_cpitem .profile_item .tit_cp{color:#fff;} } /* 알림함 */ .ico_alarm{display:inline-block;overflow:hidden;font-size:1px;line-height:0;background:url(//t1.daumcdn.net/media/common/alarm/m640/ico_alarm_250226.svg) 0 0 no-repeat;background-size:150px auto;color:transparent;vertical-align:top;} .wrap_alarm{min-width:320px;height:auto;min-height:100vh;padding:56px 0 10px;background-color:#F2F4F7;box-sizing:border-box;color:#000;} /* 2023-08-02 수정 */ .wrap_alarm .doc-header{position:fixed;top:0;left:0;width:100%;height:55px;border-bottom:1px solid rgba(0,0,0,0.08);background-color:#fff;} /* 2023-08-02 수정 */ .wrap_alarm .inner_header{position:relative;height:100%;} /* 2023-08-02 수정 */ .wrap_alarm .doc-title{display:block;height:56px;padding-left:50px;font-size:20px;line-height:55px;} /* 2023-08-02 수정 */ .wrap_alarm .doc-util .ico_prev{width:11px;height:20px;background-position:-30px 0;} /* 2023-08-02 수정 */ .wrap_alarm .doc-util .ico_setting{width:23px;height:24px;background-position:0 0;} .wrap_alarm .doc-util .link_util{position:absolute;top:0;height:56px;box-sizing:border-box;} /* 2023-08-02 수정 */ .wrap_alarm .doc-util .link_prev{left:0;padding:18px 20px;} /* 2023-08-02 수정 */ .wrap_alarm .doc-util .link_setting{right:0;padding:16px 20px;} /* 2023-08-02 수정 */ .wrap_alarm .doc-main{background-color:#F2F4F7;box-sizing:border-box;} .wrap_alarm .app_header .doc-title{padding-left:20px;} /* 알림함 컨텐츠 */ .cont_alarm{padding:24px 0 0 0;} .group_option{display:flex;align-items:center;padding:0 20px;position:relative;} .opt_alarm{flex:1;float:left;position:relative;font-size:0;} .opt_alarm .box_option{display:inline-block;position:relative;} .opt_alarm .tit_option{display:inline-block;font-size:18px;color:#000;font-weight:700;line-height:28px;vertical-align:middle;} .opt_alarm .btn_option{margin-left:6px;padding:5px 10px;border:solid 1px rgba(0,0,0,0.16);border-radius:60px;font-size:13px;line-height:16px;color:rgba(0,0,0,0.72);} .opt_alarm .btn_option .ico_alarm{width:9px;height:5px;margin:5px 0 0 4px;background-position:-110px 0;} .opt_alarm.open .btn_option .ico_alarm{transform:rotateX(180deg);} .opt_alarm .list_option{display:none;overflow:hidden;position:absolute;top:37px;left:6px;width:178px;background-color:#fff;border-radius:16px;box-shadow:0px 4px 32px rgba(0,0,0,0.16);z-index:10;} .opt_alarm.open .list_option{display:block;} .opt_alarm .list_option li + li{border-top:1px solid rgba(0,0,0,0.04);} .opt_alarm .list_option .link_option{display:block;position:relative;height:42px;padding:0 0 0 40px;font-size:16px;line-height:42px;} .opt_alarm .list_option .link_option[aria-selected="true"]:before{content:'';position:absolute;top:50%;left:16px;width:12px;height:11px;background:url(//t1.daumcdn.net/media/common/alarm/m640/ico_alarm_250226.svg) -50px 0 no-repeat;background-size:150px auto;transform:translateY(-50%);} /* 2023-08-02 수정 */ .group_option .link_subscribe{flex:none;color:#4881F7;font-size:14px;} .group_option .link_subscribe .ico_alarm{width:7px;height:12px;margin:5px 0 0 6px;background-position:-90px 0;} .group_option .tooltip_layer{right:20px;animation:bottom-slide4 .2s ease-in forwards;} .group_option .tooltip_layer.action{animation:slide-bottom4 .2s ease-out forwards;} .group_alarm{overflow:hidden;margin-top:20px;} .group_alarm .tit_alarm{display:block;padding:0 20px;font-size:14px;line-height:17px;color:rgba(0,0,0,0.72);} .group_alarm .item_alarm{position:relative;margin-top:10px;} .group_alarm .item_alarm.visited .link_item:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.48);border-radius:16px;} .group_alarm .item_alarm .link_item{display:block;overflow:hidden;padding:20px;border-radius:16px;background-color:#fff;} .list_cpitem .profile_item{display:block;} .profile_item{display:flex;align-items:center;} .profile_item .link_profile{display:flex;align-items:center;padding-right:80px;} .profile_item .profile_thumb{display:block;overflow:hidden;position:relative;width:24px;height:24px;} .profile_item .profile_thumb img{display:block;-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA4cHgiIGhlaWdodD0iMTA4cHgiIHZpZXdCb3g9IjAgMCAxMDggMTA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MS4yICg1NzUxOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bWFza19mcmFtZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJtYXNrX2ZyYW1lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjQiPgogICAgICAgICAgICA8cGF0aCBkPSJNNTAsMTAyIEMxMi4wODk3MjY1LDEwMiAtMiw4Ny45MTA0NzI2IC0yLDUwIEMtMiwxMi45Mzg4MjQ5IDEyLjYxNzY3MzEsLTIgNTAsLTIgQzg3LjkxMDQ3MjYsLTIgMTAyLDEyLjA4OTcyNjUgMTAyLDUwIEMxMDIsODcuOTEwODE5NSA4Ny45MTA4MTk1LDEwMiA1MCwxMDIgWiIgaWQ9ImltZ18wNSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA4cHgiIGhlaWdodD0iMTA4cHgiIHZpZXdCb3g9IjAgMCAxMDggMTA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MS4yICg1NzUxOSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bWFza19mcmFtZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJtYXNrX2ZyYW1lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjQiPgogICAgICAgICAgICA8cGF0aCBkPSJNNTAsMTAyIEMxMi4wODk3MjY1LDEwMiAtMiw4Ny45MTA0NzI2IC0yLDUwIEMtMiwxMi45Mzg4MjQ5IDEyLjYxNzY3MzEsLTIgNTAsLTIgQzg3LjkxMDQ3MjYsLTIgMTAyLDEyLjA4OTcyNjUgMTAyLDUwIEMxMDIsODcuOTEwODE5NSA4Ny45MTA4MTk1LDEwMiA1MCwxMDIgWiIgaWQ9ImltZ18wNSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);-webkit-mask-size:100% 100%;mask-size:100% 100%;} .profile_item .profile_thumb:after{position:absolute;top:0;left:0;width:24px;height:24px;background:url(http://t1.daumcdn.net/media/common/newsview_2022/m/rtn/frame_squacle_border.svg) no-repeat;background-size:24px 24px;content:'';} .group_alarm .info_cp{display:flex;align-items:center;margin-left:8px;} .group_alarm .info_cp .tit_cp{font-size:14px;} .group_alarm .info_cp .date_cp{position:relative;padding-left:10px;font-size:13px;color:rgba(0,0,0,0.48);} .group_alarm .info_cp .date_cp:before{content:'';position:absolute;top:50%;left:4px;width:2px;height:2px;margin-top:-1px;background-color:rgba(0,0,0,0.16);border-radius:2px;} .info_item{display:flex;align-items:center;width:100%;margin-top:10px;} .info_item .tit_info{display:block;display:-webkit-box;overflow:hidden;max-height:66px;padding-right:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;flex:1;font-weight:normal;color:#323232;font-size:16px;line-height:22px;} .info_item .thumb_info{overflow:hidden;position:relative;width:96px;height:64px;border-radius:8px;} .info_item .thumb_info:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:96px;height:64px;border:1px solid rgba(0,0,0,0.06);border-radius:8px;box-sizing:border-box;} .info_item .thumb_info .thumb_img{display:block;height:100%;margin:0 auto;border-radius:8px;} .moreview_item{position:absolute;top:15px;right:0;} .moreview_item .btn_moreview{position:relative;padding:10px 20px;z-index:1;} .moreview_item .btn_moreview .ico_alarm{width:3px;height:15px;background-position:-100px 0;} .item_alarm.visited .moreview_item .btn_moreview{opacity:.48;} .group_alarm .txt_alarm{padding:10px 20px 0;font-size:13px;line-height:16px;color:rgba(0,0,0,0.48);} @keyframes slide-bottom4{0%{display:none; bottom:-37px; opacity:0;} 100%{display:block; bottom:-44px; opacity:1;} } @keyframes bottom-slide4{0%{display:block; bottom:-44px; opacity:1;} 100%{display:none; bottom:-37px; opacity:0;} } /* 알림함 컨텐츠 - empty */ .group_empty{display:flex;text-align:center;justify-content:center;flex-direction:column;min-height:calc(100vh - 270px);} .group_empty .tit_empty{font-weight:700;font-size:27px;line-height:36px;letter-spacing:-1px;color:#000;} .group_empty .txt_empty{margin-top:18px;font-weight:400;font-size:15px;line-height:21px;letter-spacing:-0.5px;color:rgba(0,0,0,0.48);} /* 스위치 */ .check_switch{position:relative;} .check_switch .inp_choice{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0.001;outline:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;} input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox;} .check_switch .lab_choice{display:block;} .check_switch .ico_switch{display:inline-block;position:relative;width:46px;height:28px;background-color:#D0D4DC;border-radius:24px;vertical-align:top;} .check_switch .ico_switch:before{position:absolute;left:2px;top:2px;width:24px;height:24px;border-radius:100%;background-color:#fff;content:'';} .check_switch .inp_choice:checked + .lab_choice .ico_switch{background-color:#4985FF;} .check_switch .inp_choice:checked + .lab_choice .ico_switch:before{left:auto;right:2px;} .list_alarmset{overflow:hidden;} .list_alarmset li{overflow:hidden;position:relative;padding:12px 80px 10px 20px;background-color:#fff;border-radius:16px;} .list_alarmset li + li{margin-top:24px;} .list_alarmset .tit_alarmset{display:block;font-size:16px;line-height:19px;font-weight:normal;} .list_alarmset .desc_alarmset{margin-top:3px;font-size:13px;color:rgba(0,0,0,0.48);line-height:16px;} .list_alarmset .check_switch{position:absolute;top:50%;right:20px;margin-top:-14px;} /* 구독 설정 */ .group_userinfo{margin-bottom:30px;border-radius:16px;background-color:#fff;} .group_userinfo + .group_option .opt_alarm .list_option{width:138px;} .item_userinfo{overflow:hidden;position:relative;padding:12px 20px 10px;} .item_userinfo .tit_user{display:block;padding-left:46px;font-weight:400;font-size:16px;line-height:19px;} .item_userinfo .info_user{overflow:hidden;margin-top:3px;padding-left:46px;font-size:13px;line-height:16px;color:rgba(0,0,0,0.48);} .item_userinfo .link_logout{position:relative;padding-left:15px;font-size:13px;line-height:16px;color:rgba(0,0,0,0.48);} .item_userinfo .link_logout:before{content:'';position:absolute;top:1px;left:7px;width:1px;height:13px;background-color:rgba(0,0,0,0.08);} .item_userinfo .profile_item{position:absolute;top:12px;left:20px;} .item_userinfo .profile_item .profile_thumb{width:36px;height:36px;} .item_userinfo .profile_item .profile_thumb:after{width:36px;height:36px;background-size:36px 36px;content:'';} .item_account{overflow:hidden;padding:0 20px;border-top:1px solid #F5F6F8;} .item_account .link_account{float:left;position:relative;padding:12px 0;font-size:13px;color:rgba(0,0,0,0.72);line-height:16px;} .item_account .link_account + .link_account{margin-left:17px;} .item_account .link_account + .link_account:after{content:'';position:absolute;top:50%;left:-9px;width:1px;height:13px;margin-top:-6px;background-color:rgba(0,0,0,0.08);} .tit_subscript{display:block;padding:30px 20px 0;font-size:18px;line-height:22px;} .group_subscript{margin-top:20px;padding:20px;border-radius:16px;background-color:#fff;} /* 구독설정 공통 탭 */ .tabg_wrap{position:relative;height:40px;padding-bottom:18px;margin:0 -20px;} .tabg_wrap .inner_wrap{position:absolute;left:0;top:0;min-width:100%;padding:0 20px;box-sizing:border-box;} .tabg_wrap .tab_g{display:block;display:flex;display:-webkit-flex;flex-flow:row nowrap;-webkit-flex-flow:row nowrap;white-space:nowrap;} .tabg_wrap .tab_g li{display:inline-block;width:50%;margin-left:8px;vertical-align:top;} .tabg_wrap .tab_g li:first-child{margin:0;} .tabg_wrap .tab_g .link_tab{position:relative;display:block;min-width:58px;height:40px;box-sizing:border-box;padding:0 16px;border-radius:36px;font-size:15px;line-height:39px;color:rgba(0,0,0,0.72);background-color:#F6F8F9;text-align:center;} .tabg_wrap .tab_g .link_tab[aria-selected="true"]{color:#fff;font-weight:700;background-color:#2C2E33;} .tabg_wrap.type2{margin:0 -20px;} .tabg_wrap.type2 .tab_g li{width:auto;} /* 공통 탭 패널 */ .tabg_pannel .desc_pannel{font-size:13px;color:#888;} .tabg_pannel .desc_pannel .link_txt{position:relative;color:#888;text-decoration:underline;} .tabg_pannel .desc_nodata{padding:32px 0 34px;font-size:16px;text-align:center;color:rgba(0,0,0,0.72);} .tabg_pannel .desc_pannel ~ .desc_nodata{margin-top:20px;padding:60px 0 40px;border-top:1px solid #F5F6F8;} .list_cpitem{margin-top:8px;} .list_cpitem > li{position:relative;padding:12px 0;} .list_cpitem > li + li{border-top:1px solid #F5F6F8;} .list_cpitem .profile_item .profile_thumb{width:40px;height:40px;} .list_cpitem .profile_item .profile_thumb:after{width:40px;height:40px;background-size:40px 40px;content:'';} .list_cpitem .profile_item .tit_cp{flex:1;overflow:hidden;padding:0 20px 0 14px;font-size:16px;line-height:19px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;} .btn_setting{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:0;width:76px;height:28px;margin-top:-14px;background-color:#F2F4F7;border:1px solid #F2F4F7;border-radius:28px;font-weight:700;color:rgba(0,0,0,0.48);} .btn_setting .ico_alarm{width:18px;height:18px;margin-right:3px;} .btn_setting .ico_all{background-position:-20px -60px;} .btn_setting .ico_set{background-position:0 -60px;} .btn_setting .ico_unset{background-position:-40px -60px;} .btn_setting .ico_view{margin:0 0 0 6px;width:10px;height:6px;background-position:-70px 0;} .list_cpitem .btn_subscribe{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:0;margin-top:-14px;width:56px;height:28px;border-radius:28px;border:1px solid #5F94FF;font-weight:bold;color:#4881F7;font-size:13px;} .list_cpitem .btn_subscribe .ico_view{width:12px;height:12px;margin-right:3px;background-position:-70px -10px;} /* 토스트팝업 레이어 */ .alarm_toast{position:fixed;bottom:18px;left:20px;right:20px;z-index:9999;max-width:640px;margin:0 auto;} .alarm_toast .inner_alert{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:16px 20px;border-radius:16px;background-color:#2C2E33;box-sizing:border-box;} .alarm_toast .txt_alert{font-size:14px;line-height:20px;color:#fff;text-align:center;} .alarm_toast .txt_g{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:53%;vertical-align:top;} /* 얼럿 레이어 */ .dimmed_layer{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);z-index:9998;} .alert_layer{position:absolute;left:0;top:50%;z-index:9999;box-sizing:border-box;width:100%;padding:0 20px;transform:translateY(-50%);} .alert_layer .inner_layer{max-width:320px;padding:30px 20px;border-radius:16px;margin:0 auto;background-color:#fff;box-sizing:border-box;} .alert_layer .detail_layer{width:100%;} .alert_layer .detail_layer .txt_alert{font-size:16px;line-height:25px;font-weight:700;text-align:center;} .alert_layer .btn_group{display:block;display:flex;flex-flow:row nowrap;display:-webkit-flex;-webkit-flex-flow:row nowrap;margin:30px 5px 0;} .alert_layer .btn_g{display:block;width:100%;height:44px;margin:0 4px;border-radius:22px;background-color:#B4B9C2;font-size:15px;line-height:44px;font-weight:700;color:#fff;text-align:center;box-sizing:border-box;} .alert_layer .btn_logout{background-color:#2C2E33;color:#fff;} /* 알람 내 푸터 */ .wrap_alarm .doc-main{min-height:calc(100vh - 223px);} .wrap_alarm .doc-footer{height:147px;padding:40px 0 30px;margin-top:0;box-sizing:border-box;} .wrap_alarm .list_infofoot{display:flex;justify-content:center;gap:18px;} .wrap_alarm .list_infofoot li{position:relative;font-size:14px;line-height:17px;color:#000;} .wrap_alarm .list_infofoot li:before{position:absolute;left:-10px;top:50%;margin-top:-1px;width:2px;height:2px;border-radius:50%;background-color:rgba(0,0,0,0.16);content:'';} .wrap_alarm .list_infofoot li:first-child:before{display:none;} .wrap_alarm .doc-footer .copr_info{padding-top:16px;} .wrap_alarm .doc-footer .link_daumcorp{font-weight:700;font-size:12px;line-height:14px;color:rgba(0,0,0,0.48);} .wrap_alarm .doc-footer:before{display:none;} .wrap_alarm .doc-footer .group_info{display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:0;line-height:0;} .wrap_alarm .doc-footer .group_info + .group_info{margin-top:16px;} .wrap_alarm .doc-footer .link_info{display:inline-block;color:#000;font-size:14px;line-height:17px;} .wrap_alarm .doc-footer #daumMinidaum a{padding:0;} .wrap_alarm .doc-footer #daumMinidaum a:before,.wrap_alarm .doc-footer .link_info + .link_info:before,.wrap_alarm .doc-footer #daumMinidaum + .link_info:before{display:inline-block;width:2px;height:2px;margin:-1px 8px 0;background-color:rgba(0,0,0,0.16);border-radius:50%;vertical-align:middle;content:'';} .wrap_alarm .doc-footer #daumMinidaum:first-child a:before{display:none;} .wrap_alarm .doc-footer .group_service .link_info{font-size:12px;line-height:14px;color:rgba(0,0,0,0.48);} .wrap_alarm .doc-footer .link_kakao{display:block;font-size:12px;line-height:14px;font-weight:700;color:rgba(0,0,0,0.48);} .tabg_wrap .tab_g .link_tab .ico_event{position:absolute;top:-15px;left:50%;transform:translateX(-50%);margin-left:-4px;} .ico_event{width:51px;height:26px;background-position:0 -80px;} .wrap_alarm .box_bnr{overflow:hidden;margin-top:16px;background-color:#4D85FF;border-radius:16px;} .wrap_alarm .box_bnr .thumb_g{display:block;width:auto;height:60px;margin:0 auto;} /* 알림 다크모드 */ @media (prefers-color-scheme:dark){.ico_alarm,.opt_alarm .list_option .link_option[aria-selected="true"]:before{background-image:url(//t1.daumcdn.net/media/common/alarm/m640/ico_alarm_darkmode_250226.svg);} .wrap_alarm{color:#fff;background-color:#131416;} .wrap_alarm .doc-header{background-color:#1C1E21;} .wrap_alarm .doc-main{background-color:#131416;} .opt_alarm .tit_option{color:#fff;} .opt_alarm .btn_option{border-color:rgba(255,255,255,0.16);color:rgba(255,255,255,0.72);} .opt_alarm .btn_option .txt_num{color:#78A5FF;} .opt_alarm .list_option{background-color:#2C2E33;} .opt_alarm .list_option li + li{border-color:rgba(255,255,255,0.04);} .opt_alarm .list_option .link_option{color:#fff;} .group_option .link_subscribe{color:#78A5FF;} .group_alarm .tit_alarm{color:rgba(255,255,255,0.72);} .group_alarm .item_alarm .link_item{background-color:#1C1E21;} .group_alarm .item_alarm.visited .link_item:after{background-color:rgba(0,0,0,0.48);} .group_alarm .info_cp .tit_cp{color:rgba(255,255,255,0.72);} .group_alarm .info_cp .date_cp{color:rgba(255,255,255,0.48);} .group_alarm .info_cp .date_cp:before{background-color:rgba(255,255,255,0.48);} .group_alarm .txt_alarm{color:rgba(255,255,255,0.48);} .info_item .tit_info{color:rgba(255,255,255,0.72);} .info_item .thumb_info:after{border-color:rgba(255,255,255,0.06);} .list_alarmset li{background-color:#1C1E21;} .list_alarmset .desc_alarmset{color:rgba(255,255,255,0.48);} .check_switch .ico_switch{background-color:rgba(255,255,255,0.24);} .check_switch .inp_choice:checked + .lab_choice .ico_switch{background-color:#5B92FE;} .group_userinfo{background-color:#1C1E21;} .item_userinfo .info_user{color:rgba(255,255,255,0.48);} .item_account{border-color:rgba(255,255,255,0.08);} .item_account .link_account{color:rgba(255,255,255,0.72);} .item_account .link_account + .link_account:after{background-color:rgba(255,255,255,0.08);} .group_subscript{background-color:#1C1E21;} .tabg_wrap .tab_g .link_tab{color:rgba(255,255,255,0.72);border-color:#2E3033;background-color:#2E3033;} .tabg_wrap .tab_g .link_tab[aria-selected="true"]{color:#000;background-color:#F2F4F7;} .tabg_pannel .desc_pannel{color:rgba(255,255,255,0.48);} .tabg_pannel .desc_pannel .link_txt{color:rgba(255,255,255,0.48);} .tabg_pannel .desc_nodata{color:rgba(255,255,255,0.72);} .tabg_pannel .desc_pannel ~ .desc_nodata{border-color:rgba(255,255,255,0.08);} .btn_setting{background-color:#2C2E33;border-color:#2C2E33;color:rgba(255,255,255,0.48);} .list_cpitem > li + li{border-color:rgba(255,255,255,0.08);} .list_cpitem .btn_subscribe{border-color:#5B92FE;} .list_setting li.lst{border-color:rgba(255,255,255,0.08);} .check_inp .lab_check{color:#fff;} .alarm_toast .inner_alert{background-color:#F2F4F7;} .alarm_toast .txt_alert{color:#000;} .alert_layer .inner_layer{background-color:#2C2E33;} .alert_layer .detail_layer .txt_alert{color:#fff;} .alert_layer .btn_g{background-color:#4c4f54;} .alert_layer .btn_logout{background-color:#F2F4F7;color:#000;} .group_empty .tit_empty{color:#FFF;} .group_empty .txt_empty{color:rgba(255,255,255,0.48);} .wrap_alarm .list_infofoot li:before{background-color:rgba(255,255,255,0.16);} .wrap_alarm .list_infofoot .link_infofoot{color:#Fff;} .wrap_alarm .doc-footer .link_daumcorp{color:rgba(255,255,255,0.48);} .wrap_alarm .doc-footer #daumMinidaum a,.wrap_alarm .doc-footer .link_info{color:#fff;} .wrap_alarm .doc-footer #daumMinidaum a:before,.wrap_alarm .doc-footer .link_info + .link_info:before,.wrap_alarm .doc-footer #daumMinidaum + .link_info:before{background-color:rgba(255,255,255,0.16);} .wrap_alarm .doc-footer .group_service .link_info{color:rgba(255,255,255,0.48);} .wrap_alarm .doc-footer .link_kakao{color:rgba(255,255,255,0.48);} }