/** * 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"; /* 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{background:#fff;} body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'Helvetica Neue','AppleSDGothicNeo','Malgun Gothic','맑은 고딕',sans-serif;color:#202020;} /* color값은 디자인가이드에 맞게사용 */ .os_android body,.os_android th,.os_android td,.os_android input,.os_android select,.os_android textarea,.os_android button{font-family:'Arial','AppleSDGothicNeo','Malgun Gothic','맑은 고딕',sans-serif;} a{color:#202020;text-decoration:none;} a:active,a:hover{text-decoration:none;} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;} header,nav,main,footer,article,section{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:0;line-height:0;text-indent:-9999px;} /* PC용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */ .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;} .ico_partner{display:inline-block;overflow:hidden;font-size:1px;line-height:0;text-indent:-9999px;background:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/ico_partner_250619.png) 0 0 no-repeat;background-size:150px 150px;vertical-align:top;} .bg_frame{display:block;background:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/bg_frame.png) 0 0 no-repeat;background-size:200px 200px;} .thumb_g{display:block;width:100%;vertical-align:top;} .fc_emph{color:rgba(72,129,247,0.8);} html,body{height:100%;background-color:#FAFAFA;} .container-doc{position:relative;min-width:320px;max-width:680px;margin:0 auto;height:100%;} .doc-main{max-width:680px;min-height:100%;margin:0 auto;background-color:#fff;} .content-article{padding:297px 0 124px;} .doc-header{position:absolute;top:0;z-index:100;width:100%;min-width:320px;max-width:680px;border-bottom:1px solid #EBEBEE;background-color:#fff;} .partnerhead_wrap{position:relative;} .partnerhead_wrap .bg_visual{position:relative;height:120px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} .partnerhead_wrap .bg_visual:after{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2);content:'';} .partnerhead_wrap .btn_back{position:absolute;left:11px;top:11px;width:30px;height:30px;z-index:1;} .partnerhead_wrap .btn_back .ico_partner{display:block;width:11px;height:20px;margin:5px auto 0;background-position:0 0;} .partnerhead_wrap .thumb_info{position:relative;height:auto;} .partnerhead_wrap .thumb_logo{position:absolute;left:20px;top:-32px;width:60px;height:60px;} .partnerhead_wrap .thumb_logo:after{position:absolute;left:0;top:0;width:60px;height:60px;background:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/squircle_border.svg) no-repeat 0 0;content:'';} .partnerhead_wrap .thumb_logo .img_profile{display:block;overflow:hidden;width:100%;height:100%;border-radius:36%;background-color:#fff;background-repeat:no-repeat;background-size:100% auto;background-position:50% 50%;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwMCAxMDBDMjAwIDE3My42MTEgMTczLjYxMSAyMDAgMTAwIDIwMEMyNi4zODg5IDIwMCAwIDE3My42MTEgMCAxMDBDMCAyOS4xNjY3IDI2LjM4ODkgMCAxMDAgMEMxNzMuNjExIDAgMjAwIDI2LjM4ODkgMjAwIDEwMFoiIGZpbGw9ImJsYWNrIi8+DQo8L3N2Zz4NCg==");-webkit-mask-size:100% 100%;mask-size:100% 100%;} .partnerhead_wrap .thumb_logo .no_profile{display:block;height:100%;background:#D7DBE3 url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/bg_profile.svg) no-repeat 50% 50%;background-size:100% 100%;} .partnerhead_wrap .thumb_logo .frame_g{display:none;position:absolute;} .partnerhead_wrap .thumb_logo.live_on:after{top:-4px;left:-4px;width:68px;height:68px;background-position:-140px 0;} .partnerhead_wrap .thumb_logo.live_on .badge_live{position:absolute;z-index:1;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;} .partnerhead_wrap .link_logo{display:none;} /* 2023-06-28 추가 */ .partnerhead_wrap .thumb_tit{display:block;padding:37px 20px 19px;} .partnerhead_wrap .thumb_tit .inner_thumbtit{display:block;} .partnerhead_wrap .thumb_tit .inner_wrap{display:block;} .partnerhead_wrap .thumb_tit .tit_profile{display:block;overflow:hidden;padding-right:150px;font-weight:600;font-size:20px;color:#000;text-overflow:ellipsis;white-space:nowrap;} /* 2023-01-10 수정 */ .partnerhead_wrap .thumb_tit .info_profile{display:block;padding:8px 160px 0 0;font-size:14px;line-height:17px;color:#4a4a4a;} .partnerhead_wrap .thumb_tit .slogan_info{padding:7px 0 0 0;font-size:14px;line-height:17px;color:#4a4a4a;} .partnerhead_wrap .btn_addch{position:absolute;right:20px;top:30px;width:100px;height:36px;border-radius:4px;font-size:14px;line-height:36px;background-color:#F3F3F3;color:#000;} .os_windows .partnerhead_wrap .btn_addch{letter-spacing:-.03em;} .partnerhead_wrap .btn_addch .ico_partner{width:24px;height:17px;margin:10px 5px 0 0;background-position:-40px 0;} /* 2023-06-28 추가 시작 */ .partnerhead_wrap .alarm_util{position:absolute;right:15px;top:38px;display:flex;align-items:center;} .alarm_util .btn_subscribe{display:-webkit-flex;display:flex;align-items:center;float:left;height:32px;padding:0 10px;margin-left:15px;border-radius:36px;font-weight:700;line-height:30px;background-color:#2C2E33;color:#FFF;} .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 .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{padding:0 8px;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 .link_alarm{display:block;height:36px;padding:0;margin-left:15px;} .alarm_util .link_alarm .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_alarm.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;z-index:1;} .box_util .ico_search{width:22px;height:22px;margin:15px 10px;background-position:-60px -90px;} .box_util .link_search{display:block;} .head_fixed .box_util{display:none;} .head_fixed .box_util .ico_search{background-position:-85px -90px;} /* 구독설정 - 툴팁 */ .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:-120px -60px;} .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;} .head_fixed .tooltip_layer{animation:bottom-slide4 .2s ease-in forwards;} .head_fixed .tooltip_layer.action{animation:slide-bottom4 .2s ease-out forwards;} @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;} } @keyframes slide-bottom4{0%{display:none; bottom:-32px; opacity:0;} 100%{display:block; bottom:-44px; opacity:1;} } @keyframes bottom-slide4{0%{display:block; bottom:-44px; opacity:1;} 100%{display:none; bottom:-32px; 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;} /* 2024-05-23 수정 */ .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;} /* 2023-10-13 추가 */ .detail_type .doc-header{position:fixed;} .detail_type .content-article{padding-top:98px;} .detail_type .partnerhead_wrap .bg_visual{display:none;} .detail_type .partnerhead_wrap .btn_back{left:5px;top:13px;} .detail_type .partnerhead_wrap .btn_back .ico_partner{background-position:-20px 0;} .detail_type .partnerhead_wrap .thumb_info{height:50px;} .detail_type .partnerhead_wrap .thumb_logo{left:40px;top:16px;width:25px;height:25px;border-radius:0;} .detail_type .partnerhead_wrap .thumb_logo .frame_g{display:block;left:-1px;top:-1px;width:27px;height:27px;background-position:-80px 0;} .detail_type .partnerhead_wrap .thumb_tit{padding:16px 20px 0 75px;} .detail_type .partnerhead_wrap .thumb_tit .info_profile{display:none;} .detail_type .partnerhead_wrap .thumb_tit .tit_profile{font-size:16px;} .detail_type .partnerhead_wrap .btn_addch{display:none;} .doc-title{position:absolute;z-index:1;left:0;top:0;font-size:0;line-height:0;} .doc-title .link_logo{display:block;padding:14px 10px 12px 20px;} .doc-title .link_logo svg path{fill:#fff;} .head_fixed .link_logo{display:none;} .head_fixed .doc-title .link_logo svg path{fill:#273352;} .head_fixed .doc-header{position:fixed;border-bottom:1px solid #EBEBEE;} .head_fixed .content-article{padding-top:98px;} .head_fixed .partnerhead_wrap .bg_visual{display:none;} .head_fixed .partnerhead_wrap .btn_back{left:5px;top:13px;} .head_fixed .partnerhead_wrap .btn_back .ico_partner{background-position:-20px 0;} .head_fixed .partnerhead_wrap .thumb_info{height:52px;border-bottom:1px solid #EBEBEE;} /* 2023-06-28 수정 */ .head_fixed .partnerhead_wrap .thumb_logo{display:none;left:40px;top:16px;width:25px;height:25px;border-radius:0;} .head_fixed .partnerhead_wrap .thumb_logo .frame_g{display:block;left:-1px;top:-1px;width:27px;height:27px;background-position:-80px 0;} .head_fixed .partnerhead_wrap .link_logo{display:block;position:absolute;top:14px;left:20px;font-size:0;} .head_fixed .partnerhead_wrap .link_logo svg path{fill:#273352;} .head_fixed .partnerhead_wrap .thumb_tit{padding:0 20px 0 52px;height:100%;line-height:52px;} .head_fixed .partnerhead_wrap .thumb_tit .info_profile{display:none;} .head_fixed .partnerhead_wrap .thumb_tit .slogan_info{display:none;} .head_fixed .partnerhead_wrap .thumb_tit .tit_profile{font-size:20px;} /* 2023-06-28 수정 */ .head_fixed .partnerhead_wrap .btn_addch{display:none;} .head_fixed .partnerhead_wrap .alarm_util{top:9px;} .head_fixed .alarm_util .btn_subscribe{height:28px;} .doc-header .doc-gnb{padding:0 20px;} .doc-gnb .list_gnb{display:-webkit-flex;display:flex;overflow:hidden;} .doc-gnb .list_gnb li{flex:1 1 auto;text-align:center;} .doc-gnb .list_gnb .link_gnb{display:block;position:relative;height:42px;font-size:15px;line-height:40px;color:#202020;} .doc-gnb .list_gnb .link_gnb .txt_gnb{display:inline-block;position:relative;vertical-align:top;} .doc-gnb .list_gnb .on .link_gnb{font-weight:700;} .doc-gnb .list_gnb .on .link_gnb:after{position:absolute;left:5px;right:5px;bottom:0;height:2px;background-color:#000;content:'';} .doc-gnb .list_gnb .link_gnb.live_on .txt_gnb:after{position:absolute;right:-7px;top:10px;width:6px;height:6px;border-radius:100%;background-color:#FF4E33;content:'';} .doc-footer{margin-top:-124px;height:124px;padding:40px 0;background-color:#F2F4F7;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;} .doc-footer .list_infofoot{display:inline-block;vertical-align:top;} .doc-footer .list_infofoot li{float:left;position:relative;padding:0 8px;} .doc-footer .list_infofoot li:before{position:absolute;left:-1px;top:50%;margin-top:-1px;width:2px;height:2px;border-radius:2px;background-color:#c8c8c8;content:'';} .doc-footer .list_infofoot li:first-child:before{display:none;} .doc-footer .list_infofoot .link_infofoot{font-size:12px;line-height:14px;color:rgba(0,0,0,0.48);} .doc-footer .copr_info{display:block;margin-top:16px;font-weight:700;font-size:12px;line-height:14px;} .doc-footer .link_daumcorp{color:rgba(0,0,0,0.48);} .subject_tit{min-height:24px;padding:17px 0 12px;margin:0 20px;border-bottom:1px solid #f4f4f4;letter-spacing:-.07em;} .subject_tit .tit_subject{display:inline-block;font-weight:600;font-size:16px;vertical-align:top;color:#202020;} .subject_tit .tit_subject .txt_num{font-weight:700;color:#7A51E3;} .subject_tit .tit_subject .ico_beta{width:24px;height:10px;margin:9px 0 0 2px;background-position:-50px -20px;} .subject_tit .tit_subject + .array_check{float:right;margin-top:2px;} .subject_tit .tit_subject + .listnoti_wrap{float:right;margin-top:2px;} .listnoti_wrap{overflow:hidden;font-size:13px;color:#828282;} .nodata_wrap{padding:20px 0 10px;margin:0 20px;} .nodata_wrap .txt_nodata{font-size:14px;line-height:25px;color:#4a4a4a;} .box_column{position:relative;} .box_column:last-child .nodata_wrap{padding-bottom:50px;} .info_section .nodata_wrap{padding:2px 0 0;margin:0;} .array_radio{display:block;overflow:hidden;margin-top:3px;} .array_radio .radio_g{float:left;position:relative;height:20px;} .array_radio .radio_g + .radio_g{margin-left:13px;} .array_radio .radio_g .inp_radio{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:.01;filter:alpha(opacity=0);} .array_radio .radio_g .lab_radio{display:block;font-weight:500;font-size:14px;line-height:20px;color:#828282;cursor:pointer;} .array_radio .radio_g.on .lab_radio{color:#202020;} .array_radio .inp_radio:checked + .lab_radio{color:#202020;} .array_check{display:block;overflow:hidden;} .array_check .check_g{float:left;position:relative;height:20px;} .array_check .check_g .inp_check{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:.01;filter:alpha(opacity=0);} .array_check .check_g .lab_check{display:block;font-weight:500;font-size:13px;line-height:20px;color:#828282;} .array_check .check_g .lab_check .ico_dot{float:left;width:6px;height:6px;margin:7px 9px 0 0;border-radius:100%;background-color:#D9D9DA;} .array_check .check_g.on .lab_check{font-weight:600;color:#202020;} .array_check .check_g.on .lab_check .ico_dot{background-color:#907EDF;} .array_check .inp_check:checked + .lab_check{font-weight:600;color:#202020;} .array_check .inp_check:checked + .lab_check .ico_dot{background-color:#907EDF;} .list_column{overflow:hidden;padding:10px 20px 5px;} .list_column li{display:block;overflow:hidden;} .item_column .link_column{display:block;overflow:hidden;min-height:66px;padding:10px 0;} .item_column .cont_thumb{overflow:hidden;padding-right:20px;} .item_column .cont_thumb .inner_thumb{display:table;table-layout:fixed;width:100%;height:66px;} .item_column .cont_thumb .thumb_wrap{display:table-cell;vertical-align:middle;} .item_column .tit_item{display:block;display:-webkit-box;overflow:hidden;position:relative;max-height:42px;font-size:16px;letter-spacing:-.03em;font-weight:400;line-height:21px;word-break:break-all;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;color:#202020;} .item_column .wrap_thumb{overflow:hidden;float:right;position:relative;width:100px;height:66px;border-radius:8px;background:#F4F6FA url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/ico_noimage_52.png) 50% 50% no-repeat;background-size:26px 26px;} .item_column .wrap_thumb:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.03);border-radius:8px;content:'';} .item_column .wrap_thumb .thumb_g{min-height:100%;} .item_column .wrap_thumb .frame_list{position:absolute;right:0;top:0;bottom:0;width:34px;background-color:rgba(0,0,0,0.8);} .item_column .wrap_thumb .frame_list .txt_num{display:block;padding-top:14px;margin:0 1px 5px 0;font-size:13px;color:#fff;text-align:center;} .item_column .wrap_thumb .frame_list .ico_list{display:block;width:12px;height:10px;margin:0 auto;background-position:-70px 0;} .item_column .info_item{display:block;margin:4px 0 -6px;letter-spacing:-.03em;word-spacing:-4px;} .item_column .txt_info{display:inline-block;margin-left:6px;font-size:12px;color:#828282;vertical-align:top;word-spacing:0;} .item_column .txt_info:before{display:inline-block;width:2px;height:2px;margin:7px 6px 0 0;border-radius:100%;background-color:#D8D8D8;vertical-align:top;content:'';} .os_android .item_column .txt_info:before{margin-top:8px;} .item_column .txt_info:first-child{margin:0;} .item_column .txt_info:first-child:before{display:none;} .box_column:last-of-type .list_column{padding-bottom:10px;} .info_section{padding:18px 20px 50px;} .info_section .txt_info{font-size:16px;line-height:25px;color:#202020;} .list_service{margin-top:23px;} .list_service li{position:relative;padding-left:35px;} .list_service .link_service{display:block;position:relative;height:43px;border-bottom:1px solid #F5F5F5;font-size:16px;line-height:43px;color:#202020;} .list_service .ico_partner{position:absolute;left:0;top:50%;} .list_service .ico_home{width:20px;height:18px;margin-top:-9px;background-position:0 -30px;} .list_service .ico_email{left:1px;width:17px;height:13px;margin-top:-7px;background-position:-30px -30px;} .list_service .ico_channel{left:1px;width:18px;height:19px;margin-top:-10px;background-position:0 -50px;} .list_service .ico_facebook{left:1px;width:18px;height:18px;margin-top:-9px;background-position:-30px -50px;} .list_service .ico_youtube{width:21px;height:15px;margin-top:-8px;background-position:0 -70px;} .list_service .ico_instagram{left:1px;width:18px;height:18px;margin-top:-9px;background-position:-30px -70px;} .list_service .ico_etc{left:1px;width:18px;height:18px;margin-top:-9px;background-position:0 -90px;} .list_service .ico_arr{left:auto;right:0;width:6px;height:11px;margin-top:-5px;background-position:-90px 0;} .list_short{overflow:hidden;padding:4px 15px 18px;} .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{position:relative;overflow:hidden;padding-top:155.55%;border-radius:8px;background:#F4F6FA url(https://t1.daumcdn.net/media/common/noimage/ico_noimage_vod.svg) 50% 50% no-repeat;background-size:44px 44px;} .list_short .wrap_thumb:before{content:'';position:absolute;z-index:10;bottom:0;left:0;right:0;height:48px;background-image:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);} .list_short .wrap_thumb:after{content:'';position:absolute;z-index:20;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.04);border-radius:8px;} .list_short .thumb_g{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;} .list_short .info_play{position:absolute;z-index:30;left:0;right:0;bottom:0;padding:6px 8px;font-weight:600;line-height:22px;color:#fff;} .list_short .info_play .ico_vod{width:12px;height:12px;margin:5px 2px 0 0;background-position:-100px 0;} .list_short .tit_txt{display:-webkit-box;overflow:hidden;max-height:38px;padding-top:8px;font-weight:400;font-size:15px;line-height:19px;color:#101010;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .list_short .info_txt{padding-top:3px;} .list_short .txt_info{color:#888;} .list_short .link_more{display:block;width:140px;height:218px;padding-top:97px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);font-size:15px;color:#191E28;text-align:center;box-sizing:border-box;} .list_short .link_more .emph_txt{display:inline-block;padding-right:3px;vertical-align:top;color:#4985FF;} .list_short .link_more .ico_arrow{width:6px;height:11px;margin:5px 0 0 8px;background-position:-140px 0;} .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_partner{width:7px;height:11px;margin-top:5px;} .slide_box .btn_prev{left:-16px;} .slide_box .btn_prev .ico_prev{background-position:-80px -20px;} .slide_box .btn_prev:hover .ico_prev{background-position:-100px -20px;} .slide_box .btn_next{right:-16px;} .slide_box .btn_next .ico_next{background-position:-90px -20px;} .slide_box .btn_next:hover .ico_next{background-position:-110px -20px;} .wrap_scroll{overflow:hidden;padding:0 15px;} .wrap_scroll .list_short{display:-webkit-inline-flex;display:inline-flex;overflow:visible;padding:0 0 18px;vertical-align:top;} .wrap_scroll .list_short li{width:150px;padding-top:19px;} .wrap_notice{overflow:hidden;padding:25px 20px 0;} .wrap_notice .ico_notice{float:left;width:16px;height:16px;margin-right:8px;background-position:-120px 0;} .wrap_notice .txt_notice{display:block;overflow:hidden;font-size:16px;line-height:18px;color:#888;} /* 라이브 */ .box_live{background-color:#F2F4F7;} .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{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:'';} .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);} .item_info .box_info .txt_info + .txt_info:before{content:'';display:inline-block;width:2px;height:2px;margin:8px 4px 0;border-radius:2px;vertical-align:top;background-color:#D1D1D1;} /* 라이브 - 데이터 없을 경우 */ .type_nodata .doc-main,.type_nodata .content-article{height:100%;box-sizing:border-box;} .type_nodata .box_live{height:100%;background-color:#fff;} .type_nodata .nodata_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box;} .type_nodata .nodata_wrap .ico_datanone{flex-shrink:0;width:35px;height:35px;background-position:-110px -90px;} .type_nodata .nodata_wrap .txt_nodata{padding-top:15px;font-size:16px;line-height:17px;color:#888;} .type_nodata .doc-footer{position:relative;} /* 토스트 팝업 */ .toast_layer{position:fixed;z-index:999;left:20px;right:20px;bottom:18px;min-width:280px;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;} /** 토스트 팝업 - 두줄 **/ .toast_layer.type_row .inner_toast{flex-direction:row;justify-content:unset;} .toast_layer.type_row .desc_toast{text-align:left;max-width:calc(100% - 65px);flex:1;} .toast_layer.type_row .txt_g{display:inline-block;overflow:hidden;max-width:calc(100% - 120px);padding-right:0;white-space:nowrap;vertical-align:top;text-overflow:ellipsis;} .toast_layer .link_event{display:block;width:65px;color:#78A5FF;font-weight:700;} .toast_layer .ico_complepop{margin-right:16px;} .toast_layer.type_row .ico_complepop + .desc_toast{max-width:calc(100% - 105px);} .toast_layer.type_row .ico_complepop + .desc_toast .txt_g{max-width:calc(100% - 129px);} /* 통합검색 레이어 */ .search_open{background-color:#f2f2f2;} .search_open .container-doc{display:none;} .wrap_schall{max-width:680px;margin:0 auto;} /** 채널뷰 이벤트 팝업 **/ .ico_event{display:inline-block;overflow:hidden;font-size:1px;line-height:0;text-indent:-9999px;vertical-align:top;background:url(https://t1.daumcdn.net/media/common/event/ico_event.svg) 0 0 no-repeat;background-size:200px auto;} .ico_timepop{width:12px;height:12px;background-position:-30px 0;} .ico_closepop{width:24px;height:24px;} .ico_pluspop{width:12px;height:12px;background-position:-50px 0;} .ico_complepop{width:24px;height:24px;background-position:-100px 0;} .event_pop{position:fixed;z-index:10;min-width:320px;max-width:640px;left:20px;bottom:20px;right:20px;margin:0 auto;background:#4D85FF;border-radius:16px;box-sizing:border-box;font-family:'Pretendard',-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;} .event_pop:before{position:absolute;z-index:-1;top:-10px;left:-8px;right:0;width:339px;height:115px;margin:0 auto;background:url(https://t1.daumcdn.net/media/common/event/frame_bg.png);background-size:339px 115px;content:'';} .event_pop .inner_eventpop{padding:24px 20px 20px;text-align:center;} .event_pop .tit_eventpop{display:block;width:206px;height:46px;margin:12px auto 0;background:url(https://t1.daumcdn.net/media/common/event/tit_eventpop.svg) 0 0 no-repeat;background-size:100% auto;} .event_pop .txt_eventpop{font-size:12px;line-height:12px;color:rgba(255,255,255,0.72);font-weight:500;} .event_pop .txt_eventpop .ico_timepop{position:relative;top:-1px;margin-right:2px;} .event_pop .group_btn{display:flex;width:100%;margin-top:25px;justify-content:center;} .event_pop .group_btn [class^='btn_']{width:100%;max-width:160px;height:44px;padding:11px 0;border-radius:40px;box-sizing:border-box;text-align:center;font-weight:600;font-size:15px;line-height:19px;} .event_pop .group_btn [class^='btn_'] + [class^='btn_']{margin-left:8px;} .event_pop .group_btn .btn_event{color:#fff;border:solid 1px #fff;} .event_pop .group_btn .btn_basic{color:#4881F7;background-color:#fff;} .event_pop .group_btn .btn_basic .ico_pluspop{position:relative;top:3px;margin-right:4px;} .event_pop .btn_close{position:absolute;padding:4px;top:12px;right:12px;} /** 채널뷰 이벤트 플로팅배너 **/ .event_floating{position:fixed;z-index:1;bottom:17px;right:17px;visibility:hidden;opacity:0;transition:visibility 0.3s,opacity 0.3s ease-out;} .event_floating.show{visibility:visible;opacity:1;} .event_floating.app_floating{left:20px;right:auto;} .btn_event .ico_floating{width:51px;height:51px;background-position:0 -30px;} /** 채널뷰 이벤트 페이드 모션 **/ .event_pop.fade{animation:topToBottom 0.75s cubic-bezier(0.64,-0.2,1,1) 5s forwards;} @keyframes topToBottom{0%{opacity:1; bottom:20px;} 100%{opacity:0; bottom:-100%;} } @media only screen and (min-width:768px){.content-article,.detail_type .content-article{padding-top:308px;} .doc-header .doc-gnb{padding:0 30px;} .detail_type .doc-header{position:absolute;} .partnerhead_wrap .btn_back,.detail_type .partnerhead_wrap .btn_back{left:20px;top:20px;} .detail_type .partnerhead_wrap .btn_back .ico_partner{background-position:0 0;} .partnerhead_wrap .bg_visual,.detail_type .partnerhead_wrap .bg_visual{display:block;height:160px;} .partnerhead_wrap .thumb_logo,.detail_type .partnerhead_wrap .thumb_logo{left:30px;top:23px;width:68px;height:68px;border-radius:0;} .detail_type .partnerhead_wrap .thumb_logo .frame_g{display:block;left:0;top:0;width:100%;height:100%;background-position:0 0;} .partnerhead_wrap .thumb_logo:after{width:68px;height:68px;background-position:-70px 0;} .partnerhead_wrap .thumb_logo.live_on:after{width:76px;height:76px;background-position:-210px 0;} .partnerhead_wrap .thumb_tit,.detail_type .partnerhead_wrap .thumb_tit{padding:23px 160px 0 116px;} .partnerhead_wrap .thumb_tit .inner_thumbtit{display:table;table-layout:fixed;width:100%;height:100%;} /* 2023-01-10 수정 */ .partnerhead_wrap .thumb_tit .inner_wrap{display:table-cell;vertical-align:middle;} .partnerhead_wrap .alarm_util{top:24px;} .head_fixed .partnerhead_wrap .thumb_tit .inner_thumbtit{display:block;} .head_fixed .partnerhead_wrap .thumb_tit .inner_wrap{display:block;} .partnerhead_wrap .thumb_tit .tit_profile,.detail_type .partnerhead_wrap .thumb_tit .tit_profile{font-size:24px;} .partnerhead_wrap .thumb_tit .tit_profile{padding-right:0;} .head_fixed .partnerhead_wrap .thumb_tit .tit_profile{padding-right:150px;} .partnerhead_wrap .thumb_tit .info_profile,.detail_type .partnerhead_wrap .thumb_tit .info_profile{padding-top:5px;} .partnerhead_wrap .btn_addch,.detail_type .partnerhead_wrap .btn_addch{display:block;right:30px;top:39px;} .detail_type .partnerhead_wrap .thumb_tit .info_profile{display:block;} .doc-gnb .list_gnb li{width:72px;} .doc-gnb .list_gnb .link_gnb{font-size:14px;line-height:42px;} .doc-gnb .list_gnb .on .link_gnb:after{left:0;right:0;} .subject_tit{padding-top:20px;margin:0 30px;} .list_column{padding-left:30px;padding-right:30px;} .item_column .txt_info{font-size:13px;} .item_column .info_item{margin-top:3px;} .nodata_wrap{margin-left:30px;margin-right:30px;} .list_service{margin-top:26px;} .list_service .link_service{height:42px;font-size:15px;} .info_section{padding:26px 30px 50px;} .info_section .nodata_wrap{padding:0;margin:-6px 0 0;} .slide_box .btn_slide{display:block;} .slide_box .btn_slide.swiper-button-disabled{display:none;} .wrap_notice{padding-left:30px;padding-right:30px;} .wrap_scroll{padding-left:25px;} .list_short{padding-left:25px;padding-right:25px;} .list_short li{width:25%;} .list_short li:nth-child(odd){clear:inherit;} .list_short li:nth-child(4n+1){clear:both;} .box_live{background-color:#FAFAFA;} .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;} } /* 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 가로모드 추가 끝 */ @media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3),only screen and (min-resolution:3dppx){.ico_partner{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/ico_partner_250619.png);} .bg_frame{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/bg_frame.png);} .item_column .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/ico_noimage_52.png);} .list_short .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/ico_noimage_64.png);} } @media (prefers-color-scheme:dark){html,body{background:#242424;} body,th,td,input,select,textarea,button{color:#dadada;} a{color:#dadada;} .fc_emph{color:#78A5FF;} .ico_partner{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/ico_partner_dark_250619.png);} /* 2023-06-28 */ .bg_frame{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/bg_frame_dark.png);} .doc-header,.doc-main{background-color:#121212;} .doc-header{border-color:#242424;} .doc-footer{background-color:#141517;} .doc-footer .list_infofoot .link_infofoot{color:rgba(255,255,255,0.48);} .doc-footer .list_infofoot li:before{background-color:rgba(255,255,255,0.16);} .doc-footer .link_daumcorp{color:rgba(255,255,255,0.48);} .partnerhead_wrap .thumb_tit .tit_profile{color:#fff;} .partnerhead_wrap .thumb_tit .info_profile{color:#b6b6b6;} .partnerhead_wrap .btn_addch{background-color:#262626;color:#d9d9d9;} /* 2023-06-28 추가 */ .head_fixed .doc-header{border-color:rgba(255,255,255,0.08);} .head_fixed .partnerhead_wrap .thumb_info{border-color:rgba(255,255,255,0.08);} .head_fixed .partnerhead_wrap .link_logo svg path{fill:#fff;} .alarm_util .btn_subscribe{color:#FFF;} .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);} /* 알림 레이어 */ .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 .list_gnb .link_gnb{color:#dadada;} .doc-gnb .list_gnb .on .link_gnb:after{background-color:#dadada;} .subject_tit{border-color:#383838;} .subject_tit .tit_subject{color:#e7e7e7;} .subject_tit .tit_subject .txt_num{color:#A184EB;} .item_column .tit_item{color:#e7e7e7;} .item_column .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn/ico_noimage_52_dark.png);} /* 2022-06-28_v8 추가 */ .item_column .txt_info:before{background-color:#4a4a4a;} .item_column .wrap_thumb{background-color:#282B2E;} /* 2022-06-28_v5 추가 */ .item_column .wrap_thumb .frame_list{background-color:#262626;} .nodata_wrap .txt_nodata{color:#b6b6b6;} .array_check .check_g .lab_check{color:#828282;} .array_check .check_g .lab_check .ico_dot{background-color:#4a4a4a;} .array_check .check_g.on .lab_check{color:#dadada;} .array_check .check_g.on .lab_check .ico_dot{background-color:#dadada;} .array_check .inp_check:checked + .lab_check{color:#dadada;} .array_check .inp_check:checked + .lab_check .ico_dot{background-color:#dadada;} .array_radio .radio_g .lab_radio{color:#828282;} .array_radio .radio_g.on .lab_radio{color:#dadada;} .array_radio .inp_radio:checked + .lab_radio{color:#dadada;} .info_section .txt_info{color:#dadada;} .list_service .link_service{border-color:#262626;color:#dadada;} .listnoti_wrap{color:#828282;} .slide_box .btn_slide{background-color:#3E4348;box-shadow:none;} /* 2022-06-28_v7 추가 */ .list_short .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/noimage/ico_noimage_vod_dark.svg);background-color:#282B2E;} /* 2022-06-28_v8 */ /* 2022-06-28_v3 추가 */ .list_short .tit_txt{color:#e7e7e7;} /* 2022-06-28 추가 */ .list_short .link_more{border-color:#2D2D2D;color:#E7E7E7;} /* 2022-06-28_v2 추가 */ .list_short .link_more .emph_txt{color:#78A5FF;} /* 2022-06-28_v2 추가 */ .box_live{background-color:#242424;} .item_info{background-color:#121212;} .item_info .tit_comm{color:#e7e7e7;} .item_info .box_info .txt_info{color:rgba(255,255,255,0.48);} .item_info .box_info .txt_info + .txt_info:before{background-color:rgba(255,255,255,0.24);} .banner_live{background-color:#1B1D1F;outline:1px solid rgba(255,255,255,0.08);} .banner_live .txt_liveon{color:#e7e7e7;} .type_nodata .box_live{background-color:#121212;} /* 구독설정 - 툴팁 */ .tooltip_layer{background-color:#2C2E33;box-shadow:0px 4px 32px rgba(0,0,0,0.32);} .tooltip_layer .txt_tooltip{color:#FFF;} /* 토스트 팝업 */ .toast_layer .inner_toast{background-color:#F2F4F7;} .toast_layer .desc_toast{color:#000;} /* 구독알림 버튼 */ .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_alarm .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_alarm.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");} } @media only screen and (prefers-color-scheme:dark) and (-webkit-min-device-pixel-ratio:3),only screen and (prefers-color-scheme:dark) and (min-device-pixel-ratio:3),only screen and (prefers-color-scheme:dark) and (min-resolution:3dppx){.ico_partner{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/ico_partner_dark_250619.png);} /* 2023-06-28 */ .bg_frame{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/bg_frame_dark.png);} .item_column .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/ico_noimage_52_dark.png);} /* 2022-06-28_v8 추가 */ .list_short .wrap_thumb{background-image:url(https://t1.daumcdn.net/media/common/partner_2021/mobile/rtn3/ico_noimage_64_dark.png);} /* 2022-06-28_v8 추가 */ } /* 알림함 */ .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;max-width:100%;height:auto;min-height:100vh;padding:64px 0 10px;background-color:#F2F4F7;box-sizing:border-box;color:#000;} .wrap_alarm .doc-header{position:fixed;top:0;left:50%;width:100%;height:63px;border-bottom:1px solid rgba(0,0,0,0.08);background-color:#fff;transform:translateX(-50%);} .inner_header{position:relative;height:100%;} .wrap_alarm .doc-title{position:relative;display:block;height:63px;text-align:center;font-size:20px;line-height:62px;} .wrap_alarm .doc-util .ico_prev{width:10px;height:18px;background-position:-30px 0;} .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;} /* 알림함 컨텐츠 */ .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 .tit_option .txt_num{color:#4881F7;} .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:138px;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%);} .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-slide5 .2s ease-in forwards;} .group_option .tooltip_layer.action{animation:slide-bottom5 .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:visible;position:relative;width:24px;height:24px;-webkit-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(//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-bottom5{0%{display:none; bottom:-37px; opacity:0;} 100%{display:block; bottom:-44px; opacity:1;} } @keyframes bottom-slide5{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 - 234px);} .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;} .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{overflow:hidden;overflow-x:auto;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{display:block;min-width:58px;height:40px;box-sizing:border-box;padding:0 16px;border:1px solid #F6F8F9;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"]{border-color:#5F94FF;color:#5F94FF;font-weight:700;background-color:#fff;} .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:#4881F7;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;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:48px;margin:0 5px;border-radius:8px;background-color:#F2F4F7;font-size:16px;line-height:48px;color:rgba(0,0,0,0.72);text-align:center;box-sizing:border-box;} .alert_layer .btn_logout{background-color:#5F94FF;color:#fff;} /* 알람 내 푸터 */ .wrap_alarm .doc-main{min-height:calc(100vh - 185px);} .wrap_alarm .doc-footer{height:87px;padding-top:24px;margin-top:0;background-color:#F2F4F7;} .wrap_alarm .list_infofoot{display:flex;justify-content:center;gap:18px;padding-bottom:0;} .wrap_alarm .doc-footer .list_infofoot li{position:relative;padding:0;} .wrap_alarm .doc-footer .list_infofoot .link_infofoot{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;} /* 알림 다크모드 */ @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:#78A5FF;border-color:#5B92FE;background-color:#1C1E21;} .tabg_pannel .desc_pannel{color:rgba(255,255,255,0.48);} .tabg_pannel .desc_pannel .link_txt{color:#78A5FF;} .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:#47474C;color:rgba(255,255,255,0.72);} .alert_layer .btn_logout{background-color:#5B92FE;color:#fff;} .group_empty .tit_empty{color:#FFF;} .group_empty .txt_empty{color:rgba(255,255,255,0.48);} .wrap_alarm .doc-footer{background-color:#131416;} .wrap_alarm .doc-footer .list_infofoot .link_infofoot{color:#FFF;} .wrap_alarm .list_infofoot li:before{background-color:rgba(255,255,255,0.16);} .wrap_alarm .doc-footer .link_daumcorp{color:rgba(255,255,255,0.48);} }