/* layout */
main { padding-top: 72px; }
main .wrap { max-width: 1216px; margin: 0 auto; position: relative; }
body > footer a.btn-top.nl-btn-top {bottom: 95px; right: 35px;}

/* mobileFixedBottomBanner (1024 이하) */
.banner-mobile-fixed-bottom { display: none; line-height: 0; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; background-color: rgba(0,0,0,0.3); }

/* section title, childList */
h2 { padding-top: 32px; color: var(--text-primary); font-size:36px; font-weight: 700; line-height: 42px; }
.child-section ul { display: flex; margin-left: -2px; padding: 20px 0 15px; }
.child-section a { display: block; color: var(--text-disabled); padding: 0 2px; font-size: 18px; font-weight: 600; line-height: 24px; }
.child-section a.active { color: var(--text-primary); }
.child-section .swiper-slide { width: auto; margin-right: 20px;}

/* head */
section.head { border-top: 3px solid var(--stroke-primary); padding-top: 24px; }

/* contents */
section.contents { display: flex; flex-flow: wrap; padding-top: 72px; }
section.contents.sub { padding-top: 0; border-top: 3px solid var(--stroke-primary); }
section.contents.sub-mg { /*margin-top: 32px; padding: 0;*/}
section.contents > div { width: 100%; border-top: 2px solid var(--stroke-primary); }
section.contents.sub > div { border-top: 0; }
section.contents > div h3 { padding: 16px 0 18px; color: var(--text-primary); font-size: 24px; font-weight: 700; line-height:32px; }

/* newsletter */
/* newsletter - introduce */
.nl-intro-wrap {position:relative; width:100%; margin:20px auto 60px;}
.nl-intro-wrap .txt {display:inline-block; position:relative; width:100%; padding:0 20px; box-sizing:border-box; animation:fadeInDownUp 1.8s ease-in-out; animation-fill-mode:forwards; animation-fill-mode:forwards; opacity:0.001;}
.nl-intro-wrap .txt .tit {font-size:22px; color:var(--text-impact); font-weight:600; margin:20px 0 10px; letter-spacing:-0.05em; line-height:1.4em; text-align:center;}
.nl-intro-wrap .txt .tit strong {font-size:26px;}
.nl-intro-wrap .txt .lead {font-size:15px; line-height:1.5em; color:#666; letter-spacing:-.05em; text-align:center;}
.nl-intro-wrap .img {display:block; position:relative; width:100%; max-width:280px; height:250px; margin:0 auto; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb.cat) center bottom no-repeat; background-size:cover;}
.nl-intro-wrap .img-wrap {animation: fadeInDownUp 2s ease-in-out; animation-delay: 0.3s; animation-fill-mode: forwards; opacity: 0.001;}
.nl-intro-wrap .img-wrap .ico {filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.2));}
.nl-intro-wrap .img-wrap .ico-01 {top: 8%; left: 3%; width:62px; height: 52px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb-01.cat) no-repeat; position: absolute; animation: upDown 2.5s infinite ease-in-out;}
.nl-intro-wrap .img-wrap .ico-02 {top: 2%; left: 67%; width:49px; height: 37px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb-02.cat) no-repeat; position: absolute; animation: rotateSide 2.5s infinite ease-in-out;}
.nl-intro-wrap .img-wrap .ico-03 {top: 76%; left: 0; width:59px; height: 48px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb-03.cat) no-repeat; position: absolute; animation: upDown 2.7s infinite ease-in-out;}
.nl-intro-wrap .img-wrap .ico-04 {top: 37%; left: 92%; width:51px; height: 41px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb-04.cat) no-repeat; position: absolute; animation: rotateSide 3s infinite ease-in-out;}
.nl-intro-wrap .img-wrap .ico-05 {top: 44%; left: -10%; width:49px; height: 39px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb-05.cat) no-repeat; position: absolute; animation: rotateSide 2.7s infinite ease-in-out;}
.nl-intro-wrap .img-wrap .ico-06 {top: 68%; left: 88%; width:61px; height: 52px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svzt-ay-vageb-06.cat) no-repeat; position: absolute; animation: upDown 3s infinite ease-in-out;}
@keyframes upDown {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0);}}
@keyframes rotateSide {0% {-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);transform: rotate(-10deg);}50% {-webkit-transform: rotate(10deg);-o-transform: rotate(10deg);transform: rotate(10deg);}100% {-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);transform: rotate(-10deg);}}
@keyframes fadeInDownUp {0% {opacity: 0.001;transform: translateY(50px);}30% {opacity: 1;transform: translateY(0);}100% {opacity: 1;transform: translateY(0);}}
@keyframes fadeInLeftRight {0% {opacity: 0.001;transform: translateX(-50px);}30% {opacity: 1;transform: translateX(0);}100% {opacity: 1;transform: translateX(0);}}

/* newsletter- keyword */
.weekly-kw-wrap {overflow:hidden; position:relative; width:100%; max-width: 800px; margin:0 auto; animation:fadeInDownUp 2s ease-in-out; animation-delay:0.5s; animation-fill-mode:forwards; opacity:0.001;}
.weekly-kw-wrap .tit-nl {font-size:22px; font-weight:700; line-height: 28px; text-align: center;}
.weekly-kw-wrap .hashtag-wrap {margin:12px 0 0;}
.weekly-kw-wrap .hashtag-wrap .inner {padding: 0 0 20px;}
.weekly-kw-wrap .hashtag-wrap .inner ul {position:relative; display: flex; flex-flow: wrap; justify-content: center; margin: 0 auto; }
.weekly-kw-wrap .hashtag-wrap .hashtag {float:left; margin:10px 10px 0 0; padding: 7px 11px; font-size: 14px; line-height: 18px; color: var(--text-primary); border: 1px solid var(--stroke-framing); border-radius:8px;}
.weekly-kw-wrap .hashtag-wrap .inner::-webkit-scrollbar {height: 4px;}
.weekly-kw-wrap .hashtag-wrap .inner::-webkit-scrollbar-thumb {background-color: var(--surface-impact);border-radius: 20px;}  
.weekly-kw-wrap .hashtag-wrap .inner::-webkit-scrollbar-track {background: #ddd; border-radius: 20px;}

/* newsletter - channel */
.nl-channel-wrap {overflow:hidden; position:relative; width:100%; margin:0 auto; padding: 0 0 84px; }
.nl-channel-wrap .title-wrap {margin:15px 0;}
.nl-channel-wrap .title-wrap:after {display:block; clear:both; content:"";}
.nl-channel-wrap .title-wrap .tit-nl {font-size: 28px; float: left;}
.nl-channel-box {display: flex; flex-wrap: wrap; gap: 24px;}
.nl-channel-box li {width: calc(25% - 18px); padding: 22px 24px; border: 1px solid var(--stroke-framing); border-radius:8px; box-sizing:border-box; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.nl-channel-box .hd-wrap {display:flex; align-items:center; flex-direction: column;}
.nl-channel-box .cont {position:relative; width: 100%; box-sizing:border-box;}
.nl-channel-box .cont .tit-nl {margin:2px 0 8px; font-size:22px; line-height:1.2em;}
.nl-channel-box .cont .desc:after {display:block; clear:both; content:"";}
.nl-channel-box .cont .s-tit {display:block; overflow:hidden; margin-bottom:10px; padding-bottom:5px; font-size:15px; color:#1a1a1a;}
.nl-channel-box .cont .day {display:block; padding-left:18px; font-size:13px; color:#666; font-weight:400; line-height:1em; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sz%2Svpb_ercbegre_znvy.fit) 0 50% no-repeat; background-size:14px 11px;}
.nl-channel-box .cont .lebel-end {position: absolute; right: 0; top: 32px; display: block; padding: 5px 15px; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--text-disabled); border-radius: 16px; border: 1px solid var(--stroke-framing);}
.nl-channel-box .lead {font-size: 14px; color: var(--text-description); line-height: 1.5em; margin: 15px 0 0}
.nl-channel-box .thumb {display:block; overflow:hidden; position:relative; width:160px; height:107px; border-radius:8px;}
.nl-channel-box .thumb img {display:block; width:100%; height:100%; object-fit:cover;}
.nl-channel-box .btn-sub {position: relative; margin:15px 0 0; display: flex; justify-content: center;}
.nl-channel-box .btn-sub > a {margin:0 6px;}
/* btn */
.btn-fill {display:block; text-align:center; width:130px; height:45px; line-height:45px; margin-bottom:10px; border-radius:8px; box-sizing:border-box; font-size:15px; color:#fff!important; font-weight:500; background-color:var(--surface-impact);}
.btn-fill span {font-size:15px; color:#fff; font-weight:500; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-cyhf-jg.fit) no-repeat left center; background-size:12px 12px; padding-left:18px;}
.btn-fill i {display:inline-block; padding-right:4px; width:12px; height:12px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-cyhf-jg.fit) no-repeat left center; background-size:12px 12px;}
.btn-fill.ing {border:1px solid #333; color:#333!important; background-color:#fff;}
.btn-fill.ing span {color:#333; padding-left:22px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-oga-purpx-tenl.fit) no-repeat 6px center; background-size:14px 14px;}
.btn-fill.ing i {padding-right:10px; width:14px; height:14px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-oga-purpx-tenl.fit) no-repeat 6px center; background-size:14px 14px;}
.btn-line {display:block; text-align:center; width:130px; height:45px; line-height:45px; margin-bottom:10px; border-radius:8px; box-sizing:border-box; background-color:#fff; border:1px solid #aaaaaa;}
.btn-line span {font-size:15px; color:#1a1a1a; font-weight:500;}
/* tooltip */
.tooltip-wrap {float:right; position:relative; right: 0; top: 0; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center; transform: inherit}
.tooltip-wrap:after {display:block; content:''; clear: both;}
.tooltip-wrap .tip-btn {position:relative; width:16px; height:16px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-gbbygvc-oy.fit) 0 0 no-repeat; background-size:16px 16px; margin:0 5px 0 0; vertical-align:top;}
.tooltip-wrap .tip-txt {display:inline-block; font-size:14px; color: var(--text-impact); cursor:pointer; font-weight:500; line-height:1.4em;}
.tooltip-wrap .blind {display:block; overflow:hidden; position:absolute; left:0; top:-9999px;}
.tooltip-wrap .tip-box i {position:absolute; top:15px; left:0; z-index:101; width:16px; height:8px; margin-top:8px;}
.tooltip-wrap .tip-box .tip-desc {position:absolute; top:30px; right:15px; z-index:100; font-size:13px; color:#000; line-height: 1.5em; letter-spacing:-0.05em; white-space:nowrap;padding:10px 40px 10px 15px; border-radius:8px; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.tooltip-wrap .tip-box.bl i {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Sot-obk-cbvagre-oy.cat) no-repeat; background-size: 16px 8px;}
.tooltip-wrap .tip-box.bl .tip-desc {background:#e2ecff; color:#000; border: 1px solid #5f90f1; white-space:inherit; min-width:250px; padding:10px 10px 10px 15px;} /* 뉴스레터 안내 레이어 */
.tooltip-wrap .tip-box.bl .tip-desc strong {display:inline-block; margin-bottom:7px;}
.tooltip-wrap .tip-box.yl i {top: 37px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Sot-obk-cbvagre-ly.cat) no-repeat; background-size: 16px 8px;}
.tooltip-wrap .tip-box.yl .tip-desc {top: 52px; background:#ffe8a5; border: 1px solid #e5b52a;}
.tooltip-wrap .tip-box .btn-close {position:absolute; top:50%; right:10px; z-index:101; width:20px; height:20px; margin-top:-10px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-pvepyr-pybfr.fit) no-repeat; background-size: 20px 20px; text-indent:-9999px;}
.tooltip-wrap .tip-box.bl .btn-close {top:21px;}
.tooltip-wrap.float {position:absolute; left:50%; bottom:20px; margin-left:175px; float:none; display:block;}
.tooltip-wrap.float .tip-box.yl {position: relative;}
.tooltip-wrap.float .tip-box i {right: 100px; left: auto; margin-right: 8px;}

/* newsletter - chanel - detail */
.nl-channel-hd {display:block; position:relative; width:100%; margin:0 auto; box-sizing:border-box;}
.nl-channel-hd .hd-wrap {display:flex; column-gap: 32px; margin: 8px 0 0;}
.nl-channel-hd .thumb {position:relative; overflow:hidden; width:300px; height:200px; border-radius:8px;}
.nl-channel-hd .thumb img {display:block; width:100%; height:100%; object-fit:cover;}
.nl-channel-hd .cont {width: calc(100% - 540px); display: flex; flex-direction: column; row-gap: 12px;}
.nl-channel-hd .cont .tit {display: inline-block; font-size: 32px; line-height: 1.2em;      font-weight: 700; box-sizing: border-box; padding-top: 10px;}
.nl-channel-hd .cont .day {padding-left:18px; font-size:14px; color:var(--text-description); font-weight: 500; line-height: 18px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sz%2Svpb_ercbegre_znvy.fit) 0 50% no-repeat; background-size:14px 11px;}
.nl-channel-hd .cont .s-tit {font-size: 18px; }
.nl-channel-hd .cont .lead {font-size: 16px; color: var(--text-description); line-height: 24px;}
.nl-channel-hd .hd-wrap .btn-sub {position: relative; display:flex; justify-content:flex-start; flex-direction: column; width: 180px;}
.nl-channel-hd .hd-wrap .btn-sub a {width: 180px; height: auto; line-height: 18px; padding: 20px 0;}
.nl-channel-hd .hd-wrap .btn-sub a span {font-size: 16px; font-weight: 600;}
.nl-channel-hd .hd-wrap .lebel-end {position: absolute; right: 0; top: 0; display: block; padding: 5px 15px; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--text-disabled); border-radius: 16px; border: 1px solid var(--stroke-framing);}
/* 상단 채널 sns */
.nl-channel-hd .sns a {margin-right: 5px;}
.nl-channel-hd .btn-sns {display: inline-block; width: 34px; height: 34px;}
.nl-channel-hd .btn-sns.ig {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_vt.fit) center no-repeat; background-size: 23px 23px;}
.nl-channel-hd .btn-sns.tw {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_gj.fit) center no-repeat; background-size: 26px 21px;}
.nl-channel-hd .btn-sns.fb {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_so.fit) center no-repeat; background-size: 14px 25px;}
.nl-channel-hd .btn-sns.kch {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_xpu.fit) center no-repeat; background-size: 23px 24px;}
.nl-channel-hd .btn-sns.tt {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_gg.fit) center no-repeat; background-size: 21px 24px;}
.nl-channel-hd .btn-sns.pc {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_cp.fit) center no-repeat; background-size: 22px 24px;}
.nl-channel-hd .btn-sns.hm {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_sg_faf_uz.fit) center no-repeat; background-size: 23px 24px;}
/* 공유, 좋아요 버튼 영역 */
.nl-channel-hd .fn-btn ul {display: flex; flex-flow: row-reverse;}
.nl-channel-hd .fn-btn li {position:relative; width:40px; height:30px; margin:0 0 10px;}
.nl-channel-hd .fn-btn > ul > li {margin-left: 10px;}
.nl-channel-hd .fn-btn li a {display:block; width:40px; height:30px; text-indent:-9999px;}
.nl-channel-hd .fn-btn li.share {background: var(--svg-ic-article-share) no-repeat scroll 50% 50% transparent;}
.nl-channel-hd .fn-btn li.like {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-sa-yvxr.fit) no-repeat scroll 50% 50% transparent; background-size: 26px 24px;}
.nl-channel-hd .fn-btn li .count {display: block; position: relative; width: auto; color: #1a1a1a; font-size: 13px; font-weight: 600; text-align: center;}
.heart-like-button {position:relative; width:26px; height:24px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-sa-yvxr.fit) no-repeat scroll 50% 50% transparent; background-size:26px 24px;}
.heart-like-button.liked {animation:liked .2s ease;}
.mheart {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-sa-yvxr.fit) no-repeat scroll 50% 50% transparent; background-size: 26px 24px; position: absolute; top: 0px; left: 0px; width: 40px; height: 24px;}
.mheart.fly {animation-name: fly; animation-duration: .3s; transform: translateY(-25px);}
@keyframes liked {
    0% {
        transform: scale(.5);
        opacity: 0%;
    }
    50% {
        transform: scale(1.5);
        opacity: 50%;
    }
    100% {
        transform: scale(1);
        opacity: 100%;
    }
}
@keyframes fly {
    0% {
        transform: scale(.5);
        opacity: 0%;
    }
    50% {
        opacity: 20%;
    }
    100% {
        transform: translateY(-25px);
        opacity: 40%;
    }
}


/* SNS 공유 레이어 */
.nl-channel-hd .fn-btn .pop { display: none; position: absolute; right: calc(100% + 18px); top: 50%; transform: translateY(-50%); width: auto; padding: 11px; background-color: var(--background-default); border-radius: 8px; border: 1px solid var(--stroke-framing); z-index: 1; }
.nl-channel-hd .fn-btn .pop.active { display: block; }
.nl-channel-hd .fn-btn .pop::before { content: ''; display: block; width: 17px; height: 16px; position: absolute; right: -17px; top: 50%; transform: translateY(-50%) rotateY(180deg); background: var(--svg-ic-tail) 17px 16px; }
.nl-channel-hd .fn-btn .pop dt { padding-left: 4px; position: relative; display: flex; justify-content: space-between; }
.nl-channel-hd .fn-btn .pop dt > p { font-size: 14px; font-weight: 600; line-height: 20px; }
.nl-channel-hd .fn-btn .pop dt > a { display: block; position: absolute; right: 0; width: 20px; height: 20px; background: var(--svg-gnb-menu-active) no-repeat; background-size: 20px 20px; }
.nl-channel-hd .fn-btn .pop dd > ul { display: flex; flex-direction: row; gap: 16px; flex-wrap: nowrap; padding: 20px 8px 12px; }
.nl-channel-hd .fn-btn .pop dd > ul > li > a { display: block; min-width: 50px; }
.nl-channel-hd .fn-btn .pop dd > ul > li > a > span { display: block; margin: 0 auto; width: 36px; height: 36px; }
.nl-channel-hd .fn-btn .pop dd > ul > li > a > p { padding-top: 8px; color: var(--text-description); font-size: 13px; font-weight: 500; line-height: 16px; text-align: center; white-space: nowrap; } 
.nl-channel-hd .fn-btn .pop dd > ul > li > a.active > p { color: var(--text-impact); font-weight: 600; }
.nl-channel-hd .fn-btn .pop dd li a.btn-textsize-setting-1 span { background: var(--svg-ic-textsize-1); }
.nl-channel-hd .fn-btn .pop dd li a.btn-textsize-setting-2 span { background: var(--svg-ic-textsize-2); }
.nl-channel-hd .fn-btn .pop dd li a.btn-textsize-setting-3 span { background: var(--svg-ic-textsize-3); }
.nl-channel-hd .fn-btn .pop dd li a.btn-textsize-setting-1.active span { background: var(--svg-ic-textsize-1-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-textsize-setting-2.active span { background: var(--svg-ic-textsize-2-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-textsize-setting-3.active span { background: var(--svg-ic-textsize-3-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-w span { background: var(--svg-ic-colormode-w); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-d span { background: var(--svg-ic-colormode-d); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-b span { background: var(--svg-ic-colormode-b); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-g span { background: var(--svg-ic-colormode-g); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-w.active span { background: var(--svg-ic-colormode-w-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-d.active span { background: var(--svg-ic-colormode-d-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-b.active span { background: var(--svg-ic-colormode-b-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-colormode-setting-g.active span { background: var(--svg-ic-colormode-g-on); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-facebook span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-snprobbx.fit'); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-x span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-k.fit'); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-kakaotalk span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-xnxnbgnyx.fit'); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-band span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-onaq.fit'); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-blog span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-oybt.fit'); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-link span { background: var(--svg-ic-share-link); }
.nl-channel-hd .fn-btn .pop dd li a.btn-share-email span { background: var(--svg-ic-share-email); }
/* popup - fuction (mobile only) */
.m-pop { display: none; position: fixed; top: 50%; left: 50%; width: 312px; z-index: 12; background-color: var(--background-default); border-radius: 8px; border: 1px solid var(--stroke-framing); }
.m-pop.active {display: block;}
.m-pop dt { margin: 16px 14px 0 20px; padding-bottom: 16px; position: relative; border-bottom: 1px solid var(--stroke-separator); }
.m-pop dt > p { font-size: 16px; font-weight: 700; line-height: 24px; }
.m-pop dt > a { display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: var(--svg-gnb-menu-active) no-repeat center; background-size: 24px 24px; }
.m-pop dd { padding: 16px 20px 20px 20px; }
.m-pop dd > ul { display: flex; flex-direction: row; gap: 16px;  }
.m-pop dd > ul > li > a { display: block; min-width: 50px; }
.m-pop dd > ul > li > a > span { display: block; margin: 0 auto; width: 36px; height: 36px; }
.m-pop dd > ul > li > a > p { padding-top: 8px; color: var(--text-description); font-size: 13px; font-weight: 500; line-height: 16px; text-align: center; white-space: nowrap; } 
.m-pop-viewmode { margin: -156px 0 0 -156px; height: 312px; }
.m-pop-viewmode dd > p { font-size: 14px; font-weight: 600; line-height: 20px; padding-bottom: 12px; }
.m-pop-viewmode dd > p.colormode { padding-top: 24px; }
.m-pop-viewmode dd > ul { flex-wrap: nowrap; }
.m-pop-viewmode dd > ul > li > a.active > p { color: var(--text-impact); font-weight: 600; }
.m-pop-share { margin: -120px 0 0 -156px; height: 154px; /*height: 240px*/ }
.m-pop-share dd > ul { flex-wrap: wrap; }
.m-pop-newspl { margin: -156px 0 0 -156px; /* height: 268px; */ }
.m-pop dd li a.btn-textsize-setting-1 span { background: var(--svg-ic-textsize-1); }
.m-pop dd li a.btn-textsize-setting-2 span { background: var(--svg-ic-textsize-2); }
.m-pop dd li a.btn-textsize-setting-3 span { background: var(--svg-ic-textsize-3); }
.m-pop dd li a.btn-textsize-setting-1.active span { background: var(--svg-ic-textsize-1-on); }
.m-pop dd li a.btn-textsize-setting-2.active span { background: var(--svg-ic-textsize-2-on); }
.m-pop dd li a.btn-textsize-setting-3.active span { background: var(--svg-ic-textsize-3-on); }
.m-pop dd li a.btn-colormode-setting-w span { background: var(--svg-ic-colormode-w); }
.m-pop dd li a.btn-colormode-setting-d span { background: var(--svg-ic-colormode-d); }
.m-pop dd li a.btn-colormode-setting-b span { background: var(--svg-ic-colormode-b); }
.m-pop dd li a.btn-colormode-setting-g span { background: var(--svg-ic-colormode-g); }
.m-pop dd li a.btn-colormode-setting-w.active span { background: var(--svg-ic-colormode-w-on); }
.m-pop dd li a.btn-colormode-setting-d.active span { background: var(--svg-ic-colormode-d-on); }
.m-pop dd li a.btn-colormode-setting-b.active span { background: var(--svg-ic-colormode-b-on); }
.m-pop dd li a.btn-colormode-setting-g.active span { background: var(--svg-ic-colormode-g-on); }
.m-pop dd li a.btn-share-facebook span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-snprobbx.fit'); }
.m-pop dd li a.btn-share-x span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-k.fit'); }
.m-pop dd li a.btn-share-kakaotalk span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-xnxnbgnyx.fit'); }
.m-pop dd li a.btn-share-band span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-onaq.fit'); }
.m-pop dd li a.btn-share-blog span { background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-funer-oybt.fit'); }
.m-pop dd li a.btn-share-link span { background: var(--svg-ic-share-link); }
.m-pop dd li a.btn-share-email span { background: var(--svg-ic-share-email); }

/* head - 상단 이벤트 배너 */
.event-bnr-wrap {position:relative; width:100%; margin:25px auto 0; height:auto; text-align:center;}
.event-bnr-wrap a {display:inline-block; overflow:hidden; width:100%; max-width:480px; height:auto; padding:0 20px; box-sizing:border-box; border-radius:8px;}
.event-bnr-wrap a img {display:block; width:100%; height:100%; object-fit:cover; border-radius:8px;}

/* head - 에디터 소개 영역 */
.editor-wrap {position:relative; width:100%; margin:32px 0 0; border-top: 1px solid var(--stroke-framing); box-sizing:border-box;}
.editor-wrap .inner {max-width: 640px; margin:0 auto; padding: 50px 20px 0; display:flex; gap: 24px; justify-content: center; align-items: center;}
.editor-wrap .inner .editor_profile {overflow:hidden; flex:none; width:120px; height:120px; border-radius:100px;}
.editor-wrap .inner .editor_profile img {width: 100%; height: 100%; object-fit: cover; display: block;}
.editor-wrap .inner .cont {display: flex; flex-direction: column; gap: 8px}
.editor-wrap .inner .editor_tit {font-size:22px; font-weight:600; line-height:24px;}
.editor-wrap .inner .editor_desc {font-size: 15px; color: var(--text-description); line-height: 24px;}

/* newsletter - chanel - detail - list */
.ch-list-wrap .tit-nl, .recommend-wrap .tit-nl {width:calc(100% - 60px); font-size:20px; font-weight:700;}
.ch-list-wrap .s-tit-nl, .recommend-wrap .s-tit-nl {font-size:15px; color: var(--text-impact); margin:0 0 20px; font-weight: 500;}
/* newsletter - chanel - detail - 시즌제 UI */
.ltr-ch-cont .cont-top {margin: 15px 0 0 0; display: flex; justify-content: space-between; flex-flow: row-reverse;}
.season-slt {position: relative; width: 150px;}
.season-slt:after { content: ''; display: block; position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; background: var(--svg-ic-arrow-down-16) no-repeat center; pointer-events: none; transform: rotate(0deg); transition: all 0.3s; }
.season-slt select { display: block; position: relative; width: 150px; padding: 7px 28px 7px 10px; color: var(--text-primary); font-size: 15px; font-weight: 600; line-height: 20px; border: 1px solid var(--stroke-framing); background: #fff; border-radius: 4px; appearance: none; outline: none; font-family: "Pretendard Variable", sans-serif;}
/* newsletter - chanel - detail - 추천 해시태그 타이틀 노출 버튼 */
.btn-hashtag-open a {display:inline-block; padding:8px 15px; border:1px solid #aaa; border-radius:8px; cursor:pointer; font-size:14px; background-color:#fefefe;}
/* newsletter - chanel - detail - 목록 기본형(갤러리형) .list-mode-a */
.sec_list_1 {position:relative; box-sizing:border-box;}
.sec_list_1 .list {display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 48px;}
.sec_list_1 li {display:inline-block; overflow:hidden; width:384px; box-sizing:border-box; vertical-align:top;}
.sec_list_1 li > article > picture {display: block; overflow: hidden; position: relative; width:384px; height: 256px; border-radius: 8px;}
.sec_list_1 li > article > picture img {display:block; width:100%; height:100%; object-fit:cover;}
.sec_list_1 li .rt_tit {margin: 12px 3px 5px;}
.sec_list_1 li > article {display: flex; flex-direction: column; gap: 12px;}
.sec_list_1 li > article > div {gap: 12px}
.sec_list_1 li > article > div a {font-size: 18px; line-height: 24px; font-weight: 600; }
.sec_list_1 li > article > div a .ico_new {display:inline-block; position:relative; top:3px; width: 18px; height: 18px; padding: 0 0 0 5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb_zrah_arj.fit) no-repeat right top; background-size: 18px 18px; box-sizing: initial;}
.ch-list-wrap .info, .recommend-wrap .info {display: flex; justify-content: space-between;}
.ch-list-wrap .date, .recommend-wrap .date {font-size: 14px; line-height: 18px; color: var(--text-secondary); letter-spacing:0;}
.ch-list-wrap .time-taken, .recommend-wrap .time-taken {padding-left: 22px; font-size: 14px; line-height: 18px; color: var(--text-secondary); background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-pybpx-24.fit) no-repeat left center; background-size: 18px 18px;}
.hashtag-wrap {display: flex; flex-wrap: wrap; gap: 8px;}
.hashtag-wrap:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.hashtag-wrap .hashtag {padding:7px 11px; font-size: 14px; line-height: 18px; color: var(--text-primary); border: 1px solid var(--stroke-framing); border-radius:8px;}
/* newsletter - chanel - detail - 목록 텍스트형 .list-mode-b */
.sec_list_1 .list-mode-b {row-gap: 32px;}
.sec_list_1 .list.list-mode-b li {padding: 18px 20px; border: 1px solid var(--stroke-framing); border-radius: 8px; box-sizing: border-box;}
.sec_list_1 .list.list-mode-b li picture {display:none;}
/* 추천 연재 슬라이드 */
.label-nl {display: inline-block; vertical-align: text-bottom; padding: 3px 5px; border-radius: 4px; border: 1.5px solid var(--text-impact); color: var(--text-impact); font-size: 13px; font-weight: 600; line-height: 15px; margin-right: 8px;}
.recommend-wrap .tit-nl {width: 100%; padding: 0 0 12px;}
.recommend-wrap {padding: 16px 0 72px;}
.recommend-wrap .swiper-container {overflow: hidden;}
.recommend-wrap .sec_list_1 {position: relative;}
/* .recommend-wrap .sec_list_1 ul {column-gap: 0; row-gap: 0; flex-wrap: nowrap; justify-content: initial; overflow: hidden;} */
.recommend-wrap .sec_list_1 li {width:286px;}
.recommend-wrap .sec_list_1 li > article > picture {width:286px; height: 191px;}
/* swiper btn */
.recoNewsletter-next, .recoNewsletter-prev { width: 32px; height: 32px; border: 1px solid var(--stroke-framing); border-radius: 4px;}
.recoNewsletter-next, .recoNewsletter-prev {top: 22px; z-index: 5;}
.recoNewsletter-prev {right: 42px; left: auto;}
.recoNewsletter-prev:after {position: absolute; display: block; width: 32px; height: 32px; right: 0; top: 0;content: ''; background: var(--svg-ic-arrow-prev-16) center no-repeat;}
.recoNewsletter-next {right: 0; }
.recoNewsletter-next:after {position: absolute; display: block; width: 32px; height: 32px; right: 0; top: 0;content: ''; background: var(--svg-ic-arrow-next-16) center no-repeat;}
/* swiper bullet */
.recoNewsletter-wrap-pagignation { text-align: center; line-height: 0; padding-top: 24px; }
.inside-editor .swiper-container { overflow: hidden; line-height: 0; }
.swiper-pagination-bullet { width: 8px; height: 8px; background-color: var(--stroke-framing); opacity: 1; }
.swiper-pagination-bullet-active { background-color: var(--text-primary); }

/* newsletter - chanel - detail - 많이 본 레터 */
section.contents div.ltr-list {width: 100%; margin-bottom: 84px;}
section.contents div.ltr-list h3 { font-size: 20px; line-height: 24px; padding: 14px 0 16px;}
section.contents div.ltr-list .swiper-wrapper {display: flex; /*gap: 32px;*/ border-top: 1px solid var(--stroke-separator); padding-top: 20px;}
section.contents div.ltr-list .swiper-slide { width: 384px; position: relative; }
section.contents div.ltr-list .swiper-slide article {display: flex; flex-direction: column; gap: 12px;}
section.contents div.ltr-list .swiper-slide picture { display: block; height: 100%; border-radius: 8px; overflow: hidden; position: relative; }
section.contents div.ltr-list .swiper-slide a {font-size: 18px; font-weight: 600; line-height: 24px; }
section.contents div.ltr-list .swiper-slide a::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
section.contents div.ltr-list div.series-wrap-pagignation { display: none; }

/* newsletter - chanel - detail - case3. 해시태그 UI */
.hashtag-slt {display:flex; align-items:center; position:relative; margin:10px 20px 20px}
.hashtag-slt .btn-back {padding:8px 0 8px 12px; font-size:14px; font-weight:500; margin:0 15px 0 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-neebj-yrsg-f.fit) no-repeat left center; background-size:6px 13px;}
.hashtag-slt .result {font-size:18px; font-weight:600; line-height:34px;}
.hashtag-slt .result .hashtag {margin: 0 10px 0 0; padding:7px 11px; font-size: 14px; line-height: 18px; color: var(--text-primary); border: 1px solid var(--stroke-framing); border-radius:8px;}
.letter-list:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}

/* newsletter - chanel - detail - 리스트 보기 모드 선택 */
.select-mode {position:absolute; top:-46px; right:0;}
.select-mode .btn-mode {float:left; position:relative; width:24px; height:24px; margin:0 3px; text-indent:-9999px;}
.select-mode .mode-a {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-zbqr-vztivrj.fit) no-repeat scroll center; background-size: 18px 18px;}
.select-mode .mode-a:hover,
.select-mode .mode-a.active {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-zbqr-vztivrj-oy.fit) no-repeat scroll center; background-size: 18px 18px;}
.select-mode .mode-b {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-zbqr-yvfgivrj.fit) no-repeat scroll center; background-size: 20px 18px;}
.select-mode .mode-b:hover,
.select-mode .mode-b.active {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-zbqr-yvfgivrj-oy.fit) no-repeat scroll center; background-size: 20px 18px;}


/* newsletter - chanel - detail - 레터 모아보기 */
section.contents div.collect-wrap {display: flex; flex-direction: column; gap: 12px; margin-bottom: 84px; width: 100%;}
section.contents div.collect-wrap h3 {font-size: 20px; line-height: 24px; padding: 14px 0 16px;}

.collect-wrap .collect-top {padding: 16px 0; border-bottom: 1px solid var(--stroke-separator);}
.collect-wrap .collect-top dl {display: flex;}
.collect-wrap .collect-top dt {position: relative; font-size: 18px; font-weight: 700; line-height: 24px; padding-right: 24px;}
.collect-wrap .collect-top dt:after {position: absolute; display: block; width: 24px; height: 24px; right: 0; top: 0; content: ''; background: var(--svg-ic-arrow-right-24) no-repeat;}
.collect-wrap .collect-top dd {font-size: 15px; font-weight: 500; line-height: 24px; padding-left: 12px; color: var(--text-description);}
.collect-wrap .label-nl {margin:0 0 4px;}

.collect-wrap .collect-box {position:relative; width:100%; margin: 24px auto 0;}
/* newsletter - chanel - detail - 탭 */
.collect-wrap .collect-box .hd {position:relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px;}
.collect-wrap .collect-box .hd .reset {position: relative; padding: 0 24px 0 0; font-size:14px; font-weight: 600; line-height: 24px; }
.collect-wrap .collect-box .hd .reset:after {content: ''; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: var(--svg-ic-refresh) no-repeat right;}
.collect-wrap .tab-model-b .tab {display: block; color: var(--text-disabled); padding: 0 2px; font-size: 18px; font-weight: 600; line-height: 24px;}
.collect-wrap .tab-model-b ul {display: flex; gap: 20px;}
.collect-wrap .tab-model-b li.active .tab {color: var(--text-primary); font-weight: 700;}
/* newsletter - chanel - detail - 해시태그 모아보기*/
.collect-wrap .collect-box .cont {border: 1px solid var(--stroke-framing); border-radius: 12px; padding: 48px 20px;}
.collect-wrap .collect-hashtag .hashtag-wrap {overflow: hidden; height: 80px; position: relative; max-height: 80px; display: flex; flex-flow: wrap; gap: 10px; justify-content: center; margin: 0 0 20px;}
.collect-wrap .collect-hashtag .hashtag-wrap.active {height: auto;}
.collect-wrap .collect-hashtag .hashtag-wrap .hashtag {padding: 7px 11px; font-size: 14px; font-weight: 600; line-height: 16px; border: 1px solid var(--stroke-framing); border-radius: 8px;}
.collect-wrap .collect-hashtag .hashtag-wrap .hashtag.on {color: var(--text-impact); border: 1px solid var(--text-impact);}
.collect-wrap .collect-hashtag .btn-fold:after {content:''; display:block; visibility:hidden; clear:both; height:0; font-size:0;}
.collect-wrap .collect-hashtag .btn-fold a {float: right; font-size: 13px; padding-right: 16px;}
.collect-wrap .collect-hashtag a.open {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-neebj-qbja-f.fit) no-repeat right center; background-size: 12px 6px;}
.collect-wrap .collect-hashtag a.close {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-neebj-hc-f.fit) no-repeat right center; background-size: 12px 6px;}
.collect-wrap .btn-fill {width: 180px; margin:20px auto 0; color: var(--text-inverted); background-color: var(--surface-impact); border-radius: 30px;}
.collect-wrap .btn-fill span {color: var(--text-inverted); padding: 30px; background: none; font-size: 16px;}
.collect-wrap .search-wrap { position: relative; margin: 0 auto; max-width: 600px; border-radius: 34px; padding: 14px 16px 14px 24px; background-color: var(--background-dark); }
.collect-wrap .search-wrap input { border: 0; margin: 0; padding: 0; width: calc(100% - 40px); color: var(--text-primary); font-size: 16px; font-weight: 600; line-height: 24px; background-color: transparent; outline: none; }
.collect-wrap .search-wrap input::placeholder { color: var(--text-disabled); font-weight: 500; }
.collect-wrap .search-wrap button { position: absolute; top: 8px; right: 16px; border: 0; margin: 0; padding: 0; width: 36px; height: 36px; background: var(--svg-gnb-search); }
.collect-wrap .search-wrap #sch_txt_reset_btn {overflow: visible; position: absolute; top: 1px; right: 54px; width: 26px; height: 48px; text-indent: -1000em; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Soga-pvepyr-pybfr.fit) 50% 50% no-repeat; background-size: 20px 20px;}

/* newsletter - chanel - detail - 결과 목록 */
.collect-result {margin: 50px 0 0;}
.hashtag-clt {display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; position:relative; margin:0 0 30px; }
.hashtag-clt .tit:after {content: ''; display: inline-block; width: 1px; height: 16px; border-right: 1px solid #aaa; margin-right: 15px; padding-right: 12px;}
.hashtag-clt .hashtag {margin:4px 8px 4px 0; padding:7px 11px; font-size: 14px; font-weight: 600; line-height: 16px; color: var(--text-impact); border: 1px solid var(--text-impact); border-radius:8px;}

.collect-result .hd {position: relative; height: 30px; margin: 0 0 20px;}
.collect-result .hd .total {padding: 0; color: var(--text-description); font-size: 14px; font-weight: 600; line-height: 30px;}
.collect-result .hd .select-mode {position: absolute; top: 0; right: 0;}

/* newsletter - chanel - detail - 결과 없음 */
.collect-wrap div.none p {padding: 72px 0 0;}
.collect-wrap div.none p span.txt2 {width: auto; background: none; height: auto; margin: 8px auto;}
.collect-wrap div.none p span.txt2 a {text-decoration: underline;}

/* 추천 해시태그 팝업 - 점선면이 다룬 주제 */
.btm-layer {display: none; width:100%; height: 300px; bottom:-300px; transition: All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.btm-layer.open {display: block; bottom:0; z-index: 100002; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);}
.btm-layer.active {display: block; bottom:0; z-index: 100002; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);}
.btm-layer .inner {position: relative; width: 100%; height:300px; max-width: 1216px; margin: 0 auto; padding: 40px 20px; box-sizing:border-box; background-color:#fff; border-radius: 24px 24px 0 0;}
.btm-layer.hashtagpopup {position:fixed; height: auto; background-color: var(--background-default); border-radius: 24px 24px 0 0;-webkit-overflow-scrolling:touch;}
.btm-layer.hashtagpopup.open {bottom: 0!important;}
.btm-layer.hashtagpopup.active {bottom: 0!important;}
.btm-layer.hashtagpopup .inner {height:auto;}
.btm-layer .hashtag-cont .recom-hashtag-wrap {display: flex; flex-direction: column; gap: 20px;}
.btm-layer .hashtag-cont .recom-hashtag-wrap h3 {font-size: 20px; line-height: 24px;}
.btm-layer .hashtag-cont .recom-hashtag-wrap .hashtag-wrap {display: flex; flex-wrap: wrap; gap: 8px;}
.btm-layer .hashtag-cont .recom-hashtag-wrap .hashtag-wrap .hashtag {padding:7px 11px; font-size: 14px; font-weight: 600; line-height: 16px; color: var(--text-impact); border: 1px solid var(--text-impact); border-radius:8px;}
.btm-layer .hashtag-cont .recom-hashtag-wrap .info-txt {font-size:14px; line-height: 18px; color: var(--text-description);}
.popup_close {position: absolute; top: 20px; right: 0; cursor: pointer;}


/* 뉴스레터용 맨위로 탑버튼 */
.btn_area.ltr-top .btn_gotop_floating {bottom:140px;}

/* 먼저 보는 칸업 콘텐츠 영역 */
.wrap_app_bnr.khanup {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sz%2Soae-xh-z-230920.cat) no-repeat center 50%; background-size: 320px 50px; background-color: #005af8;}
.wrap_app_bnr.khanup .app_bnr_btn {width:100%; height:100%;}
.wrap_app_bnr.khanup .app_bnr_txt p {text-indent:-9999px; background:none;}
.wrap_app_bnr.khanup .close:after, .wrap_app_bnr.khanup .close:before {background-color:#fff;}

/* 칸업 기사 썸네일 라벨 */
.ico-khanup {content:""; display:block; position:absolute; left:0; top:0; width:63px; height:18px; z-index:99; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Sguhzo-ynory-xunahc.fit) 80% 50% no-repeat; background-size:contain;     overflow: hidden; border-radius: 4px 0 0 0;}

/* newsletter - 구독 플로팅 배너 */
.bnr-sub-nl { display: none; position: fixed; right: 15px; bottom: 30px; margin: 0 auto; border-radius: 70px; text-align: left; opacity: 0; background-color: var(--surface-impact); z-index: 8; -webkit-transition-duration: .2s; transition-duration: .2s;}
.bnr-sub-nl a { display: block; }
.bnr-sub-nl .txt { position: relative; margin: 0 12px 0 15px; padding: 10px 20px 10px 40px; text-align: left; color: var(--background-white); font-size: 18px; font-weight: 600; line-height: 24px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-yrggre-oae.fit") no-repeat 0 50%; background-size: 34px; }
.bnr-sub-nl .txt::after { content: ''; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-neebj-evtug-24-juvgr.fit") no-repeat right 50%; background-size: 20px 20px; transition: all 0.3s; }
.bnr-sub-nl.active { display: block; opacity: .95; -webkit-transition-duration: .5s; transition-duration: .5s; }


/* contents - list - none */
div.none { width: 100%; padding: 0 0 50px; }
div.none p { padding: 176px 0 160px; text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--text-disabled); }
div.none p span { display: block; margin: 0 auto 16px; width: 60px; height: 60px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-rzcgl.fit') no-repeat; background-size: 60px; }
div.none p em { color: var(--text-impact);}
div.none ul { padding: 24px 0 16px; border-top: 1px solid var(--stroke-separator); }
div.none li { padding-bottom: 8px; color: var(--text-description); font-size: 14px; font-weight: 600; line-height: 22px; }
div.none button { border: 0; cursor: pointer; margin: 15px auto 0; display: block; height: 40px; font-size: 14px; font-weight: 600; line-height: 18px; color: var(--text-primary); font-family: 'Pretendard Variable';}
div.none button.btn-reset { position: relative; border: 1px solid var(--stroke-framing); padding: 10px 28px 10px 15px; border-radius: 20px; height: auto; background-color: var(--background-default);}
div.none button.btn-reset:after {content: ''; position: absolute; top: 7px; right: 5px; width: 24px; height: 24px; background: var(--svg-ic-refresh) no-repeat right;}
/* contents - left - pagination */
section.contents div.page { padding: 24px 0 84px; }
section.contents div.page ul { display: flex; gap : 10px; justify-content: center; }
section.contents div.page li { min-width: 30px; height: 28px; }
section.contents div.page a { display: block; text-align: center; color: var(--text-secondary); font-size: 16px; font-weight: 500; line-height: 28px; border-radius: 4px; }
section.contents div.page li.active { min-width: 28px; }
section.contents div.page li.active a { color: var(--text-inverted); background-color: var(--background-highlight); }
section.contents div.page a.btn { border: 1px solid var(--stroke-framing); }
section.contents div.page a.btn span { display: block; width: 28px; height: 28px; background-size: 16px 16px; background-position: center; background-repeat: no-repeat; }
section.contents div.page a.btn.btn-last span { background-image: var(--svg-ic-arrow-last-16); }
section.contents div.page a.btn.btn-first span { background-image: var(--svg-ic-arrow-first-16); }
section.contents div.page a.btn.btn-prev span { background-image: var(--svg-ic-arrow-prev-16); }
section.contents div.page a.btn.btn-next span { background-image: var(--svg-ic-arrow-next-16); }
section.contents div.page a.btn.disabled span { opacity: 0.3; }

/* newsletter - chanel - subscribe */
.nl-channel-hd .hd-wrap .fn-btn.right {position: absolute; right: 0;}
.nl-subsc-wrap {margin: 32px auto; background: var(--background-bright); border-radius: 8px;}
.nl-subsc-wrap .cont-box {display: flex; justify-content: space-between; overflow: hidden; opacity: 1; transition: opacity 0.1s ease, height 0.1s ease;}
.nl-subsc-wrap .cont-box.hidden {opacity: 0; height: 0 !important; display: none !important; pointer-events: none;}
.nl-subsc-wrap .cont-info-wrap {transition: opacity 0.1s ease; opacity: 1;}
.nl-subsc-wrap .cont-info-wrap.fade-out {opacity: 0;}
.nl-subsc-wrap .step1.cont-box {padding: 20px 100px 20px 40px; display: block;}
.nl-subsc-wrap .cont-info-wrap {display: flex; justify-content: space-between; }
.nl-subsc-wrap .cont-info {display: flex; width: calc(100% - 540px);}
.nl-subsc-wrap .step1 .cont-info .img {width: 168px; height: 100px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Spbagrag%2Svzt-ay-fhofp-fgrc1.cat') no-repeat; margin: 0 30px 10px 0;}
.nl-subsc-wrap .cont-info .text-wrap {display: flex; flex-flow: column; justify-content: center;}
.nl-subsc-wrap .cont-info .tit {font-size: 24px; font-weight: 700; line-height: 28px;}
.nl-subsc-wrap .cont-info .txt {font-size: 14px; font-weight: 500; line-height: 18px; color: var(--text-secondary); padding-top: 12px; text-indent: initial;}
.nl-subsc-wrap .form {display: flex; align-items: center; flex: 1;}
.nl-subsc-wrap .input-group {position: relative; margin: 0 auto; width: 540px; padding: 0;}
.nl-subsc-wrap .input-group input {border: 2px solid var(--stroke-bright); border-radius: 8px; margin: 0; padding: 0 15px; width: 100%; height: 55px; color: var(--text-primary); font-size: 16px; font-weight: 600; line-height: 24px; background-color: var(--background-default); outline: none; font-family: "Pretendard Variable";}
.nl-subsc-wrap .step1 .input-group input {width: 390px; border-right: 0; border-radius: 8px 0 0 8px;}
.nl-subsc-wrap .input-group input::placeholder { color: var(--text-disabled); }
.nl-subsc-wrap .input-group .btn-subsc { border: 0; margin: 0; padding: 0; width: 100%; height: 55px; background: var(--surface-impact); border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.nl-subsc-wrap .step1 .input-group .btn-subsc {width: 150px; border-radius: 0 8px 8px 0; position: absolute; top: 0; right: 0;}
.nl-subsc-wrap .input-group .btn-subsc span {font-size: 16px; font-weight: 600; line-height: 24px; color: var(--text-inverted);}
.nl-subsc-wrap .already-done {padding: 8px 0 0 17px; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--text-secondary);}
.nl-subsc-wrap .step1 .already-done {position: absolute; left: 0; top: 55px;}
/* newsletter - chanel - subscribe - STEP 2 */
.nl-subsc-wrap .step2.cont-box {padding: 50px 100px 50px 40px; align-items: flex-start;}
.nl-subsc-wrap .step2 .cont-info {flex-flow: column-reverse; align-items: center; }
.nl-subsc-wrap .step2 .cont-info .img {width: 262px; height: 240px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Spbagrag%2Svzt-ay-fhofp-fgrc2.cat') no-repeat; margin: 64px 0 0;}
.nl-subsc-wrap .step2 .cont-info .text-wrap {text-align: center;}
.nl-subsc-wrap .step2 .cont-info .tit {font-size: 28px; line-height: 36px;}
.nl-subsc-wrap .step2 .input-group {margin: 0 0 12px;}
.nl-subsc-wrap .step2 .input-group .btn-subsc {margin-top: 24px;}
/* newsletter - chanel - subscribe - agree */
.nl-subsc-wrap .agree-wrap .check-all.form_check {border-top: 2px solid var(--stroke-bright); border-bottom: 2px solid var(--stroke-bright); padding: 16px 0; margin: 20px 0 8px; display: block;}
.nl-subsc-wrap .agree-wrap .check-all.form_check input[type="checkbox"]+label {font-size: 16px; font-weight: 700; padding-bottom: 2px;}
.nl-subsc-wrap .agree-wrap .form_check {position: relative; padding: 8px 0; display: flex; align-items: flex-start;}
.nl-subsc-wrap .agree-wrap .form_check input[type="checkbox"] { display: none; }
.nl-subsc-wrap .agree-wrap .form_check input[type="checkbox"]+label { font-size: 15px; font-weight: 600; line-height: 20px; color: var(--text-primary); padding: 0 30px 0 26px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-vachg-purpxobk-abezny.fit') no-repeat left top; }
.nl-subsc-wrap .agree-wrap .form_check input[type="checkbox"]:checked+label { background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Sfit%2Spbzzba%2Svp-vachg-purpxobk-purpxrq.fit'); }
.nl-subsc-wrap .agree-wrap .form_check .agree-txt {font-size: 14px; font-weight: 500; line-height: 20px; color: var(--text-secondary); padding: 8px 0 0 26px;}
.nl-subsc-wrap .agree-wrap .form_check .btn-policy-layer {position: absolute; right: 0; top: 10px; text-decoration: underline; font-size: 14px; font-weight: 700; cursor: pointer;}
/* newsletter - flat - subscribe - 플랫 섹션면 */
.nl-subsc-wrap.flat {margin: 0 auto 84px; background: #000;}
.nl-subsc-wrap.flat .step1.cont-box {padding: 46px 100px 46px 50px;}
.nl-subsc-wrap.flat .step1 .cont-info {align-items: center;}
.nl-subsc-wrap.flat .step1 .cont-info .img { width: 91px; height: 48px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Szvpeb%2Ssyng%2Spbagrag%2Svzt-syng-fhofp-fgrc1.fit') no-repeat; margin: 0 30px 0 0; }
.nl-subsc-wrap.flat .cont-info .tit {color: #FFF;}
.nl-subsc-wrap.flat .cont-info .tit .br {display: none;}
.nl-subsc-wrap.flat .cont-info .txt {color: #AAA;}
.nl-subsc-wrap.flat .input-group input {border: 0; border-radius: 0 8px 0 0;}
.nl-subsc-wrap.flat .step1 .input-group input {border-radius: 0;}
.nl-subsc-wrap.flat .input-group .btn-subsc {border-radius: 0 8px 0 0; background: #FB4D28;}
.nl-subsc-wrap.flat .step2 .cont-info .img { width: 262px; height: 240px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Szvpeb%2Ssyng%2Spbagrag%2Svzt-syng-fhofp-fgrc2.cat') no-repeat;  margin: 64px 0 0; }
.nl-subsc-wrap.flat .agree-wrap .form_check input[type="checkbox"]:checked+label {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Szvpeb%2Ssyng%2Sfit%2Spbzzba%2Svp-syng-vachg-purpxobk-purpxrq.fit');}
.nl-subsc-wrap.flat .agree-wrap .form_check input[type="checkbox"]+label {color: #FFF;}
.nl-subsc-wrap.flat .agree-wrap .form_check .btn-policy-layer {color: #FFF;}
/* newsletter - min - subscribe - 일반기사면, 플랫기사면 */
.nl-subsc-wrap.min {margin: 0 auto 84px; background: transparent; border-radius: 0;}
.nl-subsc-wrap.min .cont-box {justify-content: center; align-items: center; flex-flow: column; gap: 24px;}
.nl-subsc-wrap.min .cont-box .tit {font-size: 20px; font-weight: 700; line-height: 26px; text-align: center;}
.nl-subsc-wrap.min .cont-box .br {display: none;}
.nl-subsc-wrap.min .form {display: flex; align-items: center;}
.nl-subsc-wrap.min .input-group {display: flex; gap: 8px; width: 540px;}
.nl-subsc-wrap.min .input-group input {border-radius: 4px; margin: 0; width: calc(100% - 108px); height: 40px; font-size: 15px; font-weight: 600; line-height: 18px;}
.nl-subsc-wrap.min .input-group .btn-subsc {width: 100px; height: 40px; border-radius: 4px;}
.nl-subsc-wrap.min .input-group .btn-subsc span {font-size: 14px; font-weight: 600; line-height: 18px; color: var(--text-inverted);}
/* newsletter - chanel - subscribe - 뉴스레터 구독하기 layer */
.nl-subsc-layer-wrap { display: block; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 640px; opacity: 0; transition: opacity .3s ease; pointer-events: none; z-index: 70;}
.nl-subsc-layer-wrap.active { opacity: 1; pointer-events: visible; }
.dimm_area { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, .25); top: 0; left: 0; z-index: 11; cursor: pointer; }
.nl-subsc-layer { position: relative; width: 100%; min-width: 300px; padding: 30px 40px; box-sizing: border-box; text-align: left; border: 1px solid var(--stroke-framing); border-radius: 10px; background-color: var(--background-default); z-index: 2; }
.nl-subsc-layer .art_tit {font-size: 24px; font-weight: 700; line-height: 28px;}
.nl-subsc-layer .layer_close { position: absolute; top: 25px; right: 15px; margin: 0; width: 28px; height: 28px; cursor: pointer; font-size: 0; text-indent: -9999px; display: block; margin-top: -10px; content: ''; background: var(--svg-ic-close-24);background-size:28px 28px; cursor:pointer; }
.nl-subsc-layer .nl-subsc-wrap {margin: 24px 0 16px; background: var(--background-default);}
.nl-subsc-layer .nl-subsc-wrap .input-group {width: 100%; margin: 16px 0 0;}
.nl-subsc-layer .nl-subsc-wrap .input-group label {display: block; margin: 0 0 8px; font-size: 16px; font-weight: 600; line-height: 18px;}
.nl-subsc-layer .nl-subsc-wrap .agree-wrap .form_check .btn-policy-layer {display: block; width: 16px; height: 16px; background: var(--svg-ic-arrow-down-16) no-repeat center; text-decoration: none;}
.nl-subsc-layer .nl-subsc-wrap .agree-wrap .form_check .btn-policy-layer.active {transform: rotate(180deg);}
.nl-subsc-layer .nl-subsc-wrap .policy-box {display: none; overflow: auto; box-sizing: border-box; max-height: 100px; margin: 6px 0 8px 26px; padding: 15px; border-radius: 6px; border: 2px solid var(--stroke-bright)}
.nl-subsc-layer .nl-subsc-wrap .policy-box.active {display: block;}
.nl-subsc-layer .nl-subsc-wrap .policy-box::-webkit-scrollbar {width:20px}
.nl-subsc-layer .nl-subsc-wrap .policy-box::-webkit-scrollbar-thumb { height:42px; background: #999; border-radius: 10px; border: 6px solid #fff}
.nl-subsc-layer .nl-subsc-wrap .policy-box::-webkit-scrollbar-track{border-radius:0 6px 6px 0;background-color:transparent}
.nl-subsc-layer .nl-subsc-wrap .policy-box p {font-size: 13px; font-weight: 500; line-height: 18px; color: var(--text-secondary);}
.nl-subsc-layer .nl-subsc-wrap .policy-box p strong {display: block; font-size: 14px; margin: 0 0 8px;}
.nl-subsc-layer .btn-wrap {display: flex; gap: 12px; margin: 24px 0 0;}
.nl-subsc-layer .btn-close { border: 0; margin: 0; padding: 0; width: 100%; height: 55px; background: var(--surface-impact-soft); border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.nl-subsc-layer .btn-subsc span {font-size: 16px; font-weight: 600; line-height: 24px; color: var(--text-inverted);}
.nl-subsc-layer .btn-subsc { border: 0; margin: 0; padding: 0; width: 100%; height: 55px; background: var(--surface-impact); border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.nl-subsc-layer .btn-close span {font-size: 16px; font-weight: 600; line-height: 24px; color: var(--text-impact);}
/* newsletter - chanel - subscribe - agree policy layer */
.service_terms_wrap { display: block; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 420px; opacity: 0; transition: opacity .3s ease; pointer-events: none; z-index: 12; margin: 0;}
.service_terms_wrap.active { opacity: 1; pointer-events: visible; }
.dimm_area { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, .25); top: 0; left: 0; z-index: 11; cursor: pointer; }
.service_terms .info_wrap { position: relative; width: 100%; min-width: 300px; padding: 30px 40px; box-sizing: border-box; text-align: left; border: 1px solid var(--stroke-framing); border-radius: 10px; background-color: var(--background-default); z-index: 2; }
.service_terms .info_wrap .art_tit {font-size:19px; font-weight:700; line-height:1.4em;}
.service_terms .info_wrap .layer_close { position: absolute; top: 25px; right: 15px; margin: 0; width: 20px; height: 20px; cursor: pointer; font-size: 0; text-indent: -9999px; display: block; margin-top: -10px; content: ''; background: var(--svg-ic-close-24); }
.service_terms .info_wrap .layer_close a {display:block; width:20px; height:20px; text-indent:-9999px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sxuna%2Scp%2Svpb-pybfr-fz.fit") no-repeat; background-size:20px 20px; cursor:pointer;}
.service_terms .info_wrap .conts {padding:20px 0 0; ;}
.service_terms .info_wrap .conts p {font-size:14px; padding-bottom:15px; line-height:1.4em;}
.service_terms .info_wrap .conts strong {display: block; font-size: 15px; margin: 0 0 8px;}
.service_terms .info_wrap .btn-close { border: 0; margin: 0 auto; padding: 0; width: 100%; height: 50px; background: var(--background-bright); border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.service_terms .info_wrap .btn-close span {font-size: 16px; font-weight: 600; line-height: 24px; color: var(--text-primary);}
.service_terms.mail .info_wrap .conts p {font-size: 15px; line-height: 22px;padding: 0 0 32px;}
.service_terms_wrap.complete {max-width: 300px;}
.service_terms_wrap.complete .service_terms .info_wrap .conts p {font-size: 15px; font-weight: 500;text-align: center;}



@media screen and (min-width: 1024px) and (max-width: 1279px) {
	/* layout */
	main .wrap { max-width: 928px; }

	/* mobileFixedBottomBanner (1024 이하) */
	.banner-mobile-fixed-bottom { display: block; }
	footer { padding-bottom: 50px; background-color: var(--surface-soft); }

	/* section title, childList */

	/* head */

	/* contents */
    section.contents { padding-top: 72px; }
    
    /* newsletter - channel */
    .nl-channel-box li {width:calc(50% - 12px);}
    .nl-channel-box .hd-wrap { flex-direction: initial;}
    .nl-channel-box .cont {width:calc(100% - 160px); padding:0 0 0 20px;}
    .nl-channel-box .cont .lebel-end {top: 0;}
    .tooltip-wrap.float .tip-box i {margin-right: -4px;}
    
    /* newsletter - chanel - detail - list */
    .sec_list_1 .list {column-gap: 24px;}
    .sec_list_1 li {width: 293.3333px;}
    .sec_list_1 li > article > picture { width: 293.3333px; height: 195px;}
    .sec_list_1 .list-mode-b {row-gap: 24px;}

    /* 추천 연재 슬라이드 */
    .recommend-wrap .sec_list_1 li {width:293.333px;}
    .recommend-wrap .sec_list_1 li > article > picture {width:293.333px; height: 195px;}

    /* newsletter - chanel - detail - 많이 본 레터 */
    /* section.contents div.ltr-list .swiper-wrapper {gap: 24px;} */
    section.contents div.ltr-list .swiper-slide { width: 293.3333px;}

    /* 추천 해시태그 팝업 - 점선면이 다룬 주제 */
    .btm-layer .inner { max-width: 928px; padding: 32px 0;}

    /* newsletter - chanel - subscribe */
    .nl-subsc-wrap .step1.cont-box {padding: 20px 50px 20px 24px;}
    .nl-subsc-wrap .step1 .cont-info {width: calc(100% - 400px);}
    .nl-subsc-wrap .step1 .cont-info .img {margin: 0 10px 10px 0;}
    .nl-subsc-wrap .cont-info .tit {font-size: 22px;}
    .nl-subsc-wrap .step1 .input-group {width: 400px;}
    .nl-subsc-wrap .step1 .input-group input {width: 280px; height: 50px;}
    .nl-subsc-wrap .step1 .input-group .btn-subsc {width: 120px; height: 50px;}
    .nl-subsc-wrap .step2.cont-box {padding: 50px 50px 50px 20px;}
    .nl-subsc-wrap .step2 .cont-info {width: calc(100% - 400px);}
    .nl-subsc-wrap .step2 .cont-info .tit {font-size: 24px;}
    .nl-subsc-wrap .step2 .input-group {width: 400px;}
    .nl-subsc-wrap .step2 .input-group input {width: 400px; height: 50px;}
    .nl-subsc-wrap .step1 .already-done {top: 50px;}
    /* newsletter - flat - subscribe - 플랫 섹션면 */
    .nl-subsc-wrap.flat {margin: 0 auto 84px;}
    .nl-subsc-wrap.flat .step1.cont-box {padding: 28px 50px 28px 36px;}
    .nl-subsc-wrap.flat .step1 .cont-info {align-items: flex-start; padding-right: 30px;}
    .nl-subsc-wrap.flat .step1 .cont-info .img { min-width: 91px; margin: 10px 24px 0 0; }
    .nl-subsc-wrap.flat .cont-info .tit .br {display: block;}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* layout */
	main .wrap { max-width: 720px; }

	/* mobileFixedBottomBanner (1024 이하) */
	.banner-mobile-fixed-bottom { display: block; }
	footer { padding-bottom: 50px; background-color: var(--surface-soft); }

	/* section title, childList */
	h2 { padding-top: 20px; font-size: 32px; }
	.child-section ul { padding: 16px 0 13px; }
	.child-section a { font-size: 17px; line-height: 22px; }

	/* head */

	/* contents */
	section.contents { padding-top: 52px; }
    section.contents > div h3 { font-size: 22px; line-height: 30px; padding: 14px 0 16px; }

    /* newsletter - channel */
    .nl-channel-box li {width:calc(50% - 12px);}
    .nl-channel-box .cont .lebel-end {top: 20px;}
    .tooltip-wrap.float .tip-box i {margin-right: -4px;}

    /* newsletter - chanel - detail */
    .nl-channel-hd .hd-wrap {flex-direction: column; align-items: center; row-gap: 20px;}
    .nl-channel-hd .thumb {width: 150px; height: 150px; border-radius: 150px;}
    .nl-channel-hd .cont {width: 100%; align-items: center;}
    .nl-channel-hd .fn-btn {position: absolute; right: 0; top: 0;}
    .nl-channel-hd .fn-btn ul {display: flex; flex-flow: column; gap: 12px;}
    .nl-channel-hd .hd-wrap .btn-sub {flex-direction: row; width: auto; gap: 12px;}
    .nl-channel-hd .hd-wrap .btn-sub a {width: 180px; margin: 0;}
    .nl-channel-hd .hd-wrap .lebel-end {top: 95px; padding: 2px 8px; font-size: 13px;border-radius: 8px;}

    /* newsletter - chanel - detail - list */
    .sec_list_1 .list {column-gap: 24px;}
    .sec_list_1 li {width: 348px;}
    .sec_list_1 li > article > picture { width: 348px; height: 232px;}
    .sec_list_1 .list-mode-b {row-gap: 24px;}

    /* 추천 연재 슬라이드 */
    .recommend-wrap .sec_list_1 li {width:348px;}
    .recommend-wrap .sec_list_1 li > article > picture {width:348px; height: 232px;}

    /* newsletter - chanel - detail - 많이 본 레터 */
    /* section.contents div.ltr-list .swiper-wrapper {gap: 24px;} */
    section.contents div.ltr-list .swiper-slide { width: 224px;}

    /* 추천 해시태그 팝업 - 점선면이 다룬 주제 */
    .btm-layer .inner { max-width: 720px; padding: 32px 0;}
 
    /* contents - list - none */
	div.none p { padding: 160px 0; }
	/* contents - left - pagination */
    section.contents div.page { padding-bottom: 64px; }
    
    /* newsletter - chanel - subscribe */
    .nl-subsc-wrap .cont-box {justify-content: center; align-items: center; flex-flow: column; gap: 12px}
    .nl-subsc-wrap .step1.cont-box {padding: 24px 120px 40px;}
    .nl-subsc-wrap .step1 .cont-info-wrap {justify-content: center; align-items: center; flex-flow: column; gap: 12px;}
    .nl-subsc-wrap .step1 .cont-info {width: 100%;}
    .nl-subsc-wrap .step1 .cont-info .img {margin: 0 16px 10px 0;}
    .nl-subsc-wrap .cont-info .tit {font-size: 22px;}
    .nl-subsc-wrap .form {width: 100%;}
    .nl-subsc-wrap .form form {width: 100%;}
    .nl-subsc-wrap .step1 .input-group {display: flex; flex-flow: column; width: 100%; gap: 12px;}
    .nl-subsc-wrap .step1 .input-group input {width: 100%; height: 50px; border-radius: 8px; border-right: 2px solid var(--stroke-bright);}
    .nl-subsc-wrap .step1 .input-group .btn-subsc {position: relative; width: 100%; height:
    50px; border-radius: 8px;}
    .nl-subsc-wrap .step2.cont-box {padding: 40px 120px 40px; gap: 32px;}
    .nl-subsc-wrap .step2 .cont-info {width: 100%;}
    .nl-subsc-wrap .step2 .cont-info .img {margin: 24px 0 0;}
    .nl-subsc-wrap .step2 .cont-info .tit {font-size: 24px;}
    .nl-subsc-wrap .step2 .input-group {width: 100%;}
    .nl-subsc-wrap .step1 .input-group.done {gap: 40px;}
    .nl-subsc-wrap .step1 .already-done {top: 48px;}
    /* newsletter - flat - subscribe - 플랫 섹션면 */
    .nl-subsc-wrap.flat {margin: 0 auto 84px;}
    .nl-subsc-wrap.flat .step1.cont-box {padding: 40px 120px; gap: 40px;}
    .nl-subsc-wrap.flat .step1 .cont-info {align-items: flex-start; padding-right: 30px;}
    .nl-subsc-wrap.flat .step1 .cont-info .img { margin: 6px 24px 0 0; }
    .nl-subsc-wrap.flat .cont-info .tit .br {display: none;}
    .nl-subsc-wrap.flat .step1 .input-group input {border: 0;}
    .nl-subsc-wrap.flat .step2 .cont-info .img {margin: 24px 0 0;}
    
}
@media screen and (max-width: 767px) {
	/* layout */
	main { padding-top: 58px; }
    main .wrap section { margin: 0 auto; overflow: hidden; padding-left: 20px; padding-right: 20px; }
    body > footer a.btn-top.nl-btn-top {bottom: 115px; right: 22px;}

	/* mobileFixedBottomBanner (1024 이하) */
	.banner-mobile-fixed-bottom { display: block; }
	footer { padding-bottom: 50px; background-color: var(--surface-soft); }

	/* section title, childList */
	h2 { margin: 0 20px; padding-top: 20px; font-size: 32px; }
	.child-section { padding: 0 20px; overflow: hidden;}
	.child-section ul { gap: 0; margin-left: 0; padding: 11px 0 8px; }
	.child-section a { padding: 5px 0; color: var(--text-disabled); font-size: 17px; font-weight: 600; line-height: 22px; }

	/* head */
    main .wrap section.head { padding-top: 20px; margin: 0 20px; padding-left: 0; padding-right: 0; }

	/* contents */
	section.contents { padding-top: 52px; }
	section.contents.sub { margin: 0 20px; padding-left: 0; padding-right: 0; }
	section.contents > div h3 { font-size: 20px; line-height: 24px; padding: 14px 0 16px; }

    /* newsletter - keyword */
    .weekly-kw-wrap .tit-nl {max-width: 600px; margin: 0 auto; text-align: left;}
    .weekly-kw-wrap .hashtag-wrap .inner {overflow-x:scroll; width:100%;}
    .weekly-kw-wrap .hashtag-wrap .inner ul {justify-content: left; width: 600px;}
    /* newsletter - channel */
    .nl-channel-wrap {padding: 0 0 64px;}
    .nl-channel-box {gap: 24px;}
    .nl-channel-box li {width: 100%; padding: 18px 20px;}
    .nl-channel-box .hd-wrap { flex-direction: initial;}
    .nl-channel-box .cont {width:calc(100% - 160px); padding:0 0 0 20px;}
    .nl-channel-box .cont .lebel-end {top: 0;}
    .tooltip-wrap.float .tip-box i {margin-right: -4px;}
    
    /* newsletter - chanel - detail */
    .nl-channel-hd .hd-wrap {flex-direction: column; align-items: center; row-gap: 20px;}
    .nl-channel-hd .thumb {width: 150px; height: 150px; border-radius: 150px;}
    .nl-channel-hd .cont {width: 100%; align-items: center;}
    .nl-channel-hd .fn-btn {position: absolute; right: 0; top: 0;}
    .nl-channel-hd .fn-btn ul {display: flex; flex-flow: column; gap: 12px;}
    .nl-channel-hd .hd-wrap .btn-sub {flex-direction: row; width: auto; gap: 12px;}
    .nl-channel-hd .hd-wrap .btn-sub a {width: 140px; margin: 0; padding: 12px 0;}
    .nl-channel-hd .hd-wrap .btn-sub a span {font-size: 14px;}
    .nl-channel-hd .hd-wrap .lebel-end {top: 95px; padding: 2px 8px; font-size: 13px;border-radius: 8px;}

    /* head - 에디터 소개 영역 */
    .editor-wrap {margin: 32px 0 0;}
    .editor-wrap .inner {padding: 50px 20px 0; display:flex; gap: 20px;}
    .editor-wrap .inner .editor_profile {width:90px; height:90px;}
    .editor-wrap .inner .editor_tit {font-size:18px;}
    .editor-wrap .inner .editor_desc {font-size:14px; line-height: 18px;}

    /* newsletter - chanel - detail - list */
    .sec_list_1 .list {column-gap: 20px; row-gap: 32px;}
    .sec_list_1 li {width: calc(50% - 12px);}
    .sec_list_1 .list-mode-b {column-gap: 0; row-gap: 20px;}
    .sec_list_1 .list-mode-b li {width: 100%;}
    .sec_list_1 li > article > picture { width: 100%; height: auto;}

    /* 추천 연재 슬라이드 */
    .reommend-wrap {padding: 16px 0 64px;}
    .recommend-wrap .swiper-container {overflow: visible;}
    /* .recommend-wrap .sec_list_1 ul {overflow: visible;} */
    .recommend-wrap .sec_list_1 li {width: 300px;}
    .recommend-wrap .sec_list_1 li > article > picture {width: 300px;}

    /* newsletter - chanel - detail - 많이 본 레터 */
    /* section.contents div.ltr-list .swiper-wrapper {gap: 0;} */
    section.contents div.ltr-list .swiper-slide { width: 224px;}
	section.contents div.ltr-list .swiper-wrapper li { width: 284px; }
	section.contents div.ltr-list div.series-wrap-pagignation { display: block; margin: 12px auto 0; text-align: center; }
    section.contents div.ltr-list div.series-wrap-pagignation .swiper-pagination-bullet-active { background-color: var(--text-primary); }

    /* newsletter - chanel - detail - 리스트 보기 모드 선택 */
    .select-mode {top: -41px;}

    /* newsletter - chanel - detail - 레터 모아보기 */
    .collect-wrap .collect-top dl {flex-direction: column;}
    .collect-wrap .collect-top dt {font-size: 20px; line-height: 24px;}
    .collect-wrap .collect-top dt:after {display: none;}
    .collect-wrap .collect-top dd {padding: 8px 0 0 0}


    /* 추천 해시태그 팝업 - 점선면이 다룬 주제 */
    .btm-layer .inner {padding: 32px 20px;}
    .popup_close {right: 20px;}

    /* newsletter - 구독 플로팅 배너 */
    .bnr-sub-nl { bottom: 65px; }
    .bnr-sub-nl .txt { padding: 8px 20px 8px 34px; font-size: 15px; background-size: 30px; }

    /* contents - list - none */
    div.none { padding-bottom: 40px; }
	div.none p { padding: 80px 0; }
    div.none p span { width: 48px; height: 48px; background-size: 48px; }
	/* contents - left - pagination */
    section.contents div.page { padding-bottom: 64px; }
    
    /* newsletter - chanel - subscribe */
    .nl-subsc-wrap .cont-box { justify-content: center; align-items: center; flex-flow: column; gap: 24px}
    .nl-subsc-wrap .step1.cont-box {padding: 24px 30px 40px;}
    .nl-subsc-wrap .step1 .cont-info-wrap {justify-content: center; align-items: center; flex-flow: column; gap: 24px;}
    .nl-subsc-wrap .step1 .cont-info {width: 100%; justify-content: center;}
    .nl-subsc-wrap .step1 .cont-info .img {margin: 0 10px 0 0; width: 100px; height: 55px; background-size: cover;}
    .nl-subsc-wrap .cont-info .tit {font-size: 20px;}
    .nl-subsc-wrap .cont-info .txt {padding-top: 8px;}
    .nl-subsc-wrap .form {width: 100%;}
    .nl-subsc-wrap .form form {width: 100%;}
    .nl-subsc-wrap .step1 .input-group {display: flex; flex-flow: column; width: 100%; gap: 12px;}
    .nl-subsc-wrap .step1 .input-group input {width: 100%; height: 50px; border-radius: 8px; border-right: 2px solid var(--stroke-bright);}
    .nl-subsc-wrap .step1 .input-group .btn-subsc {position: relative; width: 100%; height:
    50px; border-radius: 8px;}
    .nl-subsc-wrap .step2.cont-box {padding: 40px 30px 40px; gap: 32px;}
    .nl-subsc-wrap .step2 .cont-info {width: 100%;}
    .nl-subsc-wrap .step2 .cont-info .img {margin: 24px 0 0; width: 180px; height: 165px; background-size: cover;}
    .nl-subsc-wrap .step2 .cont-info .tit {font-size: 24px;}
    .nl-subsc-wrap .step2 .input-group {width: 100%;}
    .nl-subsc-wrap .step2 .input-group input {height: 50px;}
    .nl-subsc-wrap .step2 .input-group .btn-subsc {height: 50px;}
    .nl-subsc-wrap .step1 .input-group.done {gap: 40px;}
    .nl-subsc-wrap .step1 .already-done {top: 48px; font-size: 13px;}
    /* newsletter - flat - subscribe - 플랫 섹션면 */
    .nl-subsc-wrap.flat {margin: 0 20px 84px;}
    .nl-subsc-wrap.flat .step1.cont-box {padding: 30px 30px 40px; gap: 24px;}
    .nl-subsc-wrap.flat .step1 .cont-info {align-items: flex-start;}
    .nl-subsc-wrap.flat .step1 .cont-info .img { min-width: 60px; margin: 6px 16px 0 0; width: 60px; height: 32px; background-size: cover;}
    .nl-subsc-wrap.flat .step1 .input-group .btn-subsc {border-radius: 0 8px 0 0;}
    .nl-subsc-wrap.flat .cont-info .tit .br {display: none;}
    .nl-subsc-wrap.flat .step1 .input-group input {border: 0; border-radius: 0 8px 0 0;}
    .nl-subsc-wrap.flat .step2 .cont-info .img {margin: 24px 0 0; width: 180px; height: 165px; background-size: cover;}
    /* newsletter - min - subscribe - 일반기사면, 플랫기사면 */
    .nl-subsc-wrap.min {margin: 0 20px 64px;}
    .nl-subsc-wrap.min .cont-box {gap: 24px;}
    .nl-subsc-wrap.min .cont-box .tit {font-size: 18px; line-height: 24px;}
    .nl-subsc-wrap.min .cont-box .br {display: block;}
    .nl-subsc-wrap.min .input-group {gap: 6px; width: 100%;}
    .nl-subsc-wrap.min .input-group input { width: calc(100% - 92px); height: 36px;}
    .nl-subsc-wrap.min .input-group .btn-subsc {width: 84px; height: 36px;}
    /* newsletter - chanel - subscribe - section layer */
    .nl-subsc-layer-wrap {width: calc(100% - 40px);}
    .nl-subsc-layer {padding: 24px 24px;}
    /* newsletter - chanel - subscribe - agree policy layer */
    .service_terms_wrap {width: 300px;}
    .service_terms .info_wrap { padding: 20px; }
 
}