/* layout */
main { padding-top: 72px; }
main .wrap { max-width: 1216px; margin: 0 auto; position: relative; }

/* 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: 32px 0 21px; margin-bottom: 24px; border-bottom: 3px solid var(--stroke-primary); color: var(--text-primary); font-size: 36px; font-weight: 700; line-height: 42px;}
h2.no-bd { padding: 32px 0 0; margin-bottom: 0; border: 0;}
h3.li-tit { padding: 14px 0 24px; color: var(--text-primary); font-size: 22px; font-weight: 700; line-height: 24px; border-top: 2px solid var(--stroke-primary);}
.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 {padding-top: 10px;}

/* contents */
section.contents { padding-top: 84px; }
section.contents > div {border-top: 2px solid var(--stroke-primary);}

/* sitemap */
.sitemap-wrap {width:100%;}
.sitemap-wrap .sitemap-section {overflow:hidden; margin:0 0 48px;}
.sitemap-wrap .sitemap-section h3 {font-size: 20px; line-height: 24px; padding: 14px 0 16px; font-weight: 700; display: flex; align-items: center;}
.sitemap-wrap .sitemap-section.weekly {border-top: 2px solid var(--stroke-primary);}
.sitemap-wrap .sitemap-section.weekly h3 {border-bottom: 1px solid var(--stroke-separator); margin-bottom: 30px;}
.sitemap-wrap .sitemap-section.weekly .khan-menu-wrap {position:relative; width:100%; padding:0 10px; box-sizing:border-box; text-align:left; background: none;}
.sitemap-wrap .sitemap-section .khan-menu-wrap {padding:32px 40px; background-color:#f5f5f5;    border-radius: 8px;}
.sitemap-wrap .sitemap-section .khan-menu-wrap .m-title {display: inline-block; width:200px; height:30px; margin-bottom:25px; text-indent:-9999px;}
.sitemap-wrap .sitemap-section.khan .khan-menu-wrap .m-title {height:25px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Sybtb_xuna.fit") 0 50% no-repeat; background-size:contain;}
.sitemap-wrap .sitemap-section.skhan .khan-menu-wrap .m-title {height:25px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Sybtb_fcbegf_xuna.fit") 0 50% no-repeat; background-size:contain;}
.sitemap-wrap .sitemap-section.weekly .khan-menu-wrap .m-title {height:25px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Sybtb_jrrxyl_xuna.fit") 0 50% no-repeat; background-size:contain;}
.sitemap-wrap .sitemap-section.lady .khan-menu-wrap .m-title {height:25px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Sybtb_ynql_xuna.fit") 0 50% no-repeat; background-size:contain;}
.sitemap-wrap .sitemap-section .khan-menu {display: flex; flex-wrap: wrap;}
.sitemap-wrap .sitemap-section .khan-menu:after {content:" "; display:block; clear:both; font-size:0; line-height:0; height:0;}
.sitemap-wrap .sitemap-section .khan-menu .khan-menu-list {width: calc(100% / 7); padding: 0 0 30px;}
.sitemap-wrap .sitemap-section .khan-menu .tit, .sitemap-wrap .khan-menu .tit a {display:inline-block; vertical-align:top;}
.sitemap-wrap .sitemap-section .khan-menu .tit {min-height:26px; margin:0 0 3px 0;}
.sitemap-wrap .sitemap-section .khan-menu .tit a {color:#3a3a3a; font-size:15px; font-weight:700; line-height:26px;}
.sitemap-wrap .sitemap-section .khan-menu .khan-menu-list dd a,
.sitemap-wrap .sitemap-section .khan-menu .khan-menu-list .item a {display:block; min-height:28px; color:#4a4a4a; font-size:13px; line-height:28px; font-weight: 500;}
/* 스포츠경향, 주간경향, 레이디경향 사이트맵 */
.sitemap-wrap .sitemap-section .khan-menu.pc {display: flex;}
.sitemap-wrap .sitemap-section .khan-menu.mobile {display: none;}
.sitemap-wrap .sitemap-section .khan-menu ul.khan-menu-list {display: flex; flex-wrap: wrap; width: 100%;}
.sitemap-wrap .sitemap-section .khan-menu ul.khan-menu-list li {width: calc(100% / 7);}
.sitemap-wrap .sitemap-section .khan-menu ul.khan-menu-list li a {color: #3a3a3a; font-size: 15px; font-weight: 700; line-height: 26px;}
/* 데이터 선택 조건 영역 */
.sitemap-wrap .art-slt-wrap {overflow:hidden; margin:0 auto; border: 1px solid var(--stroke-framing); border-radius: 8px; padding: 24px 12px;}
.sitemap-wrap .art-slt-wrap .slt-area.year {display: flex; flex-wrap: wrap;}
.sitemap-wrap .art-slt-wrap .slt-area a {font-size: 16px; width: calc(100% / 13); line-height: 42px; font-weight: 500; text-align: center;}
.sitemap-wrap .art-slt-wrap .slt-arrow-r {display:inline-block; width:9px; height:14px; margin:4px 9px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svpb-oernqpehzo-neebj.fit") 0 50% no-repeat;
background-size:contain;}
.sitemap-wrap .art-slt-wrap .txt {display:inline-block; color:#1a1a1a; font-size:22px; font-weight:700; line-height:20px;}
/* 월별 선택 */
.sitemap-wrap .title span.arrow {position: relative;  padding-right: 24px;}
.sitemap-wrap .title span.arrow:after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-neebj-evtug-32.fit') 0 50% no-repeat;background-size: 24px 24px;}
.sitemap-wrap .art-slt-wrap .slt-area.month .list {display:flex; flex-wrap: wrap;}
.sitemap-wrap .art-slt-wrap .slt-area.month .list li {width: calc(100% / 6); text-align: center;}
.sitemap-wrap .art-slt-wrap .slt-area.month .list li a {width: 100%;}
/* 일별 선택 */
.sitemap-wrap .art-slt-wrap .slt-area.day .list {display:flex; flex-wrap: wrap;}
.sitemap-wrap .art-slt-wrap .slt-area.day .list li {width: calc(100% / 16); text-align: center;}
.sitemap-wrap .art-slt-wrap .slt-area.day .list li a {width: 100%;}
.sitemap-wrap .art-slt-wrap .slt-area.day .list li.on a {color: var(--text-impact); font-weight:700;}
/* 일별 기사 리스트 */
.sitemap-wrap .day-list {overflow:hidden; padding: 0 0 48px}
.sitemap-wrap .day-list li {padding: 11px 0 12px; border-top: 1px solid var(--stroke-separator);}
.sitemap-wrap .day-list li:first-child {border: 0;}
.sitemap-wrap .day-list li a {font-size: 16px; font-weight: 600; line-height: 24px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vrtical;}

/* 404 errer */
.error {width:100%; margin: 200px auto 160px; text-align:center;}
.error p {padding: 0; text-align: center; font-size: 20px; font-weight: 600; line-height: 34px; color: var(--text-disabled);}
.error p span {display: block; margin: 0 auto 24px; width: 90px; height: 90px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-rzcgl.fit') no-repeat; background-size: 90px 90px; opacity: .7;}
.error .back {display:block; margin:84px auto 0; border-radius:10px; text-align:center;  font-size:16px; position: relative; width: 300px; padding: 15px 30px; border: 1px solid var(--stroke-framing); border-radius: 28px; text-align: center;}
.error .back .btn {display: inline-block; color: var(--text-primary); font-size: 16px; font-weight: 600; line-height: 22px; padding-right: 20px; background: var(--svg-ic-arrow-right-16) no-repeat center right;}

/* RSS */
.rss-intro {margin: 0 0 48px;}
.rss-intro p {font-size: 17px; line-height: 1.8em;}
.rss-intro .notice {background-color: var(--background-dark); padding: 25px 30px; border-radius: 10px; margin: 32px 0 0;}
.rss-intro .notice h3 {font-size: 18px; font-weight: 600; padding: 0 0 8px 22px; position: relative; }
.rss-intro .notice h3:after {display: block; width: 18px; height: 18px; background: var(--svg-ic-info) no-repeat; background-size: 18px 18px; content: ''; position: absolute; top: 0; left: 0;}
.rss-intro .notice p {font-size: 16px;}
.rss-list {display: flex; flex-wrap: wrap; gap: 32px; margin: 0 0 48px;}
.rss-wrap article:last-child .rss-list {margin: 0 0 84px;}
.rss-list li {display: flex; gap: 12px; width: calc(50% - 16px); border: 1px solid var(--stroke-framing); padding: 25px 20px 25px 30px; border-radius: 8px; box-sizing: border-box;}
.rss-list li .rss-cont {display: flex; flex-direction: column; gap: 12px; width: calc(100% - 48px);}
.rss-list li .rss-cont .tit {font-size: 20px; font-weight: 700; line-height: 24px; color: #1a1a1a;}
.rss-list li .rss-cont .rss-link {font-size: 16px; line-height: 18px; color: var(--text-description); width: 100%; word-wrap: break-word;}
.rss-list li .rss-cont .rss-link:hover {color: #000;}
.rss-list li .rss-copy {flex: none; display: block; width: 36px; height: 36px; cursor: pointer; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-pbcl-36.fit') no-repeat center;}

/* android 앱 전용 - 한줄뉴스 */
.tit_header {position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 55px; margin: 0 auto; z-index: 10; background-color: var(--background-default);        border-bottom: 1px solid var(--stroke-separator);}
.tit_header .sec_tit {text-align: center; font-size: 20px; line-height: 1.2em; font-weight: 600; padding: 12px 0 0; border: 0;}
.tit_header .link_corp {display: block; position: absolute; width: 24px;height: 24px;    z-index: 1; text-align: center; cursor: pointer; line-height: 1em; margin: 0; padding: 0; outline: 0; border: 0 none;}
.tit_header .btn_back {top: 15px; left: 15px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-neebj-yrsg-24.fit') center no-repeat;}
.oneline_list {padding:5px;}
.oneline_list li {margin:10px; border:1px solid var(--stroke-framing); border-radius:5px; background:none repeat scroll 0 0 #fcfcfc;}
.oneline_list li.no_border {border-bottom:none;}
.oneline_list .oneline_news {display:block; overflow:hidden; position:relative; padding: 12px 10px 12px 15px;}
.oneline_list .oneline_news a {display:block; overflow:hidden; padding-right:24px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-neebj-evtug-24.fit') no-repeat right center; background-size:16px 16px;}
.oneline_list .oneline_news.noLink a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.oneline_list .oneline_thumb {float:left; position:relative; width:80px; height:53px; margin-right:8px;}
.oneline_list .oneline_thumb:after {position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0, 0, 0, 0.1); box-sizing:border-box; content:" ";}
.oneline_list .oneline_news .oneline_tit {position:relative;}
.oneline_list .oneline_news .oneline_tit strong {overflow:hidden; max-height:3.6em; font-size:16px; font-weight:500; line-height:22px;}
.oneline_list .oneline_news .time {display:inline-block; height:15px; margin-left:3px; padding:0 0 0 18px; color:#989898; font-size:12px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-pybpx-24.fit') no-repeat left 45%; background-size:14px 14px; vertical-align:middle; line-height:1.2em;}
.oneline_list .oneline_news a .oneline_txt {float:left; margin-right:15px; padding-top:5px; color:#666666; font-size:0.933em;}
.oneline_list .oneline_news .oneline_txt, .oneline_list .oneline_news.noLink a .oneline_txt {float:left; margin-right:0; padding-top:5px; color:#666666; font-size:0.933em;}
.wrap_news_flash .sec_more {display: block; text-align: center; margin: 0 0 20px; padding: 10px 0 0; border-top: 1px solid #F2F2F2; clear: both; cursor: pointer;}
.wrap_news_flash .sec_more span {font-size: 13px; color: #222222; display: inline-block; padding: 5px 15px 5px 0px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Sqrsnhyg%2Svp-neebj-qbja-16.fit') no-repeat right 50%; background-size: 12px 12px;}
.btn_area_more1 {    padding: 0 15px;}

/* HELP */
.help-wrap {padding-top: 24px; border-top: 3px solid var(--stroke-primary);}
.help-wrap .tab {margin-bottom: 32px;}
.help-wrap .tab ul {display: flex; width: 100%;}
.help-wrap .tab li {width: calc(100% / 6); margin-right: -1px;}
.help-wrap .tab li:nth-child(1) {width: calc(100% / 6 + 4px);}
.help-wrap .tab li a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 75px; font-size: 16px; font-weight: 600; line-height: 20px; color: var(--text-secondary); border: 1px solid var(--stroke-framing); text-align: center;}
.help-wrap .tab li a.active {color: var(--text-inverted); background-color: var(--surface-impact); border: 1px solid var(--surface-impact); font-weight: 700; z-index: 1; }
.help-wrap .tab li:nth-child(1) a {border-radius: 8px 0 0 8px;}
.help-wrap .tab li:nth-child(6) a {border-radius: 0 8px 8px 0;}
.policy {margin: 12px auto 84px;}
.policy h3 {font-size: 22px; font-weight: 700; line-height: 24px; padding-bottom: 20px; display: flex; align-items: center; color: var(--text-primary);}
.policy h4, .policy .contents h4 {font-size: 20px; font-weight: 700; line-height: 24px; padding: 12px 0 24px; color: var(--text-primary);}
.policy h5 {font-size: 16px; font-weight: 700; padding-bottom: 12px; color: var(--text-primary);}
.policy .index {display: flex; gap: 24px; background-color: var(--background-dark);    border-radius: 8px; padding: 32px 48px; margin-bottom: 32px;}
.policy .index > div {display: flex; flex-direction: column; gap: 16px; width: calc(50% - 12px);}
.policy .index dt {font-size: 16px; font-weight: 700; line-height: 22px; padding-bottom: 8px;}
.policy .index dd {font-size: 14px; font-weight: 500; line-height: 22px; color: var(--text-secondary); text-decoration: underline; padding: 3px 0;}
.policy .index .ic-label img {width: 24px; height: 24px;}
.policy .contents > * {font-size: 15px; padding-bottom: 24px; line-height: 24px; color: var(--text-secondary);}
.policy .contents span.txt-idt { margin: 0 4px 0 -16px; }
.policy .contents ol, .policy .contents ul { padding-left: 16px; }
.policy .ic-label {float: left; padding-right: 10px; }
.policy .ic-label img {width: 30px; height: 30px; vertical-align: middle;}
.policy h4 .ic-label {position: relative; top: -3px;}
.policy-tbl {margin: 0 0 20px;width: 100%; border: 1px solid var(--stroke-framing);}
.policy-tbl th {background-color: var(--background-dark); font-size: 13px; padding: 10px; line-height: 18px; text-align: center; border: 1px solid var(--stroke-framing);}
.policy-tbl td {padding: 10px 12px; border: 1px solid var(--stroke-framing); color: var(--text-secondary);; font-size: 13px;line-height: 16px; vertical-align: middle;}
.policy .txt-box {color: var(--text-primary); border-radius: 4px; padding: 12px 18px; margin: 10px 0; border: 1px solid var(--stroke-framing); background-color: var(--surface-soft);}
.policy .txt-box li, .txt-box dd {position: relative; padding-left: 15px; margin: 5px 0; line-height: 22px;}
.policy .txt-box dt {font-weight: 700; font-size: 15px;}
.policy .contents .commet {color: var(--text-impact); position: relative; padding-left: 15px;}
.policy .warning {width:100%; margin: 84px auto 0; display: flex; justify-content: center; flex-wrap: wrap;}
.policy .warning p {position: relative; display: flex; text-align: left; justify-content: center; align-items: center; max-width: 640px; padding: 24px 0 84px 130px; color: var(--text-primary); font-size: 17px; font-weight: 700; line-height: 26px; word-break: keep-all;}
.policy .warning p span {position: absolute; left: 0; display: block; width: 120px; height: 120px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-ona.fit') no-repeat; background-size: 120px 120px;}
.policy .txt-box.large {text-align: left; padding: 32px 48px; margin: 0; word-break: keep-all;}
.policy .txt-box.large dt {font-size: 18px; padding-bottom: 12px;}
.policy .txt-box.large dd {font-size: 16px; line-height: 26px; margin: 8px 0;}
.link-wrap {display: flex; gap: 12px; margin: 12px 0 32px;}
.link-box a { position: relative; display: flex; align-items: center; padding: 12px 36px 12px 22px; font-size: 14px; font-weight: 600; line-height: 18px; border-radius: 30px; border: 1px solid var(--stroke-framing); }
.link-box a::after { content: ''; position: absolute; display: block; top: 50%; right: 16px; width: 16px; height: 16px; margin-top: -8px; background: var(--svg-ic-arrow-right-16) no-repeat 0 0; }
.link-box a .ic {width: 20px; height: 20px; margin: 0 5px 0 0; display: inline-block;}
.link-box a .ic.word {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-uryc-jbeq.fit') no-repeat; background-size: 20px 20px;}
.link-box a .ic.hangul {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-uryc-unathy.fit') no-repeat; background-size: 20px 20px;}
.policy.email {max-width: 720px; margin: 24px auto 64px;}
.policy.email h3 {font-size: 28px; justify-content: center; padding-bottom: 48px;}
.policy.email dl {margin: 0 0 12px;}
.policy.email dt {font-size: 15px; font-weight: 600; padding-bottom: 12px; color: var(--text-secondary);}
.policy.email dd {font-size: 15px; padding-bottom: 24px; line-height: 24px; color: var(--text-secondary);}
.policy.email dd input, .policy.email dd textarea {width: 100%; padding: 9px 12px; font-size: 15px; font-weight: 600; line-height: 20px; border: 1px solid var(--stroke-framing); border-radius: 4px; font-family: "SUIT", sans-serif;  }
.policy.email dd textarea {height: 100px;}
.policy.email dd input::-webkit-input-placeholder {color: var(--text-disabled);}
.policy.email .select {position: relative;}
.policy.email a.btn-select {width: 100%; padding: 9px 28px 9px 12px;}
.policy.email a.btn-select::after {top: 10px;}
.policy.email ul.select-list {width: 100%; top: 45px}
.policy.email ul.select-list li a {font-size: 15px;}
.policy .terms-box textarea {width: 100%; height: 120px; margin: 12px 0 0; overflow-y: scroll; padding: 9px 12px; font-size: 14px; font-weight: 500; line-height: 20px; border: 1px solid var(--stroke-framing); border-radius: 4px; color: var(--text-description); background-color: var(--surface-soft); font-family: "SUIT", sans-serif;}
.policy .agree-wrap input[type="checkbox"] {display: none;}
.policy .agree-wrap input[type="checkbox"]+label { display: block; padding: 5px 12px; font-size: 15px; font-weight: 600; line-height: 20px; color: var(--text-disabled); border-radius: 16px; border: 1px solid var(--stroke-framing); }
.policy .agree-wrap input[type="checkbox"]:checked+label { color: var(--text-impact); border-color: var(--surface-impact); background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-vachg-purpxobk-purpxrq.fit'); background-size: 24px 24px;}
.policy .agree-wrap input[type="checkbox"]+label { border: 0; padding: 2px 0 2px 30px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sfit%2Spbzzba%2Svp-vachg-purpxobk-abezny.fit') no-repeat left center; background-size: 24px 24px;}
a.btn-send {padding: 18px 0; margin: 48px auto 0; max-width: 400px; background-color: var(--surface-impact); border-radius: 8px; color: var(--text-inverted); text-align: center; font-size: 15px; font-weight: 600; line-height: 16px; display: flex; align-items: center; justify-content: center;}
/* 이전약관보기 */
.prev-terms {position: relative; display: block; padding: 20px 0 0;}
a.btn-select { display: block; position: relative; width: 150px; padding: 7px 28px 7px 10px; margin-right: 16px; color: var(--text-primary); font-size: 15px; font-weight: 600; line-height: 20px; border: 1px solid var(--stroke-framing); border-radius: 4px; }
a.btn-select::after { content: ''; display: block; position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; background: var(--svg-ic-arrow-down-16) no-repeat center; transform: rotate(0deg); transition: all 0.3s; }
a.btn-select.active::after { transform: rotate(180deg); }
ul.select-list { display: none; padding: 4px 0; width: 150px; position: absolute; top: 61px; left: 0; background-color: var(--background-default); border: 1px solid var(--stroke-framing); border-radius: 4px; z-index: 10; }
ul.select-list.active {display: block;}
ul.select-list li { float: initial; }
ul.select-list li a { display: block; padding: 4px 12px; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--text-disabled); }
ul.select-list li a.active { color: var(--text-primary); }


/* 지면구독 신청하기 */
.subscr_r_wrap {max-width:720px; margin: 48px auto 64px;}
.subscr_r_wrap h3 {font-size: 26px; font-weight: 700; line-height: 24px; display: flex; align-items: center; color: var(--text-primary); padding-bottom: 32px;}
.subscr_r_wrap .sub_caption {margin: 0 0 36px; font-size:16px; line-height:1.4em;}
.fld_subscr legend {font-size: 15px; font-weight: 600; padding-bottom: 12px; color: var(--text-primary);}
.wrap_inp {font-size: 0; padding-bottom: 24px; color: var(--text-secondary);}
.wrap_inp .inp_t_a {width: 100%; padding: 9px 12px; font-size: 15px; font-weight: 600; line-height: 20px; border: 1px solid var(--stroke-framing); border-radius: 4px; font-family: "SUIT", sans-serif; }
.wrap_inp .inp_t_a::-webkit-input-placeholder {color: var(--text-disabled);}
.wrap_inp .slt_mbnum, .fld_subscr .inp_tel {display:inline-block; position:relative; width:calc(33.333% - 4px); height:38px; margin-right:6px; padding:0 15px; border: 1px solid var(--stroke-framing); font-size:15px; border-radius: 4px; box-sizing:border-box; background-color:#fff; z-index:5; background-position: 90% center;}
#gudoc_people_phone2 {margin: 0;}
.subscr_r_wrap .slt_mbnum { background: var(--svg-ic-arrow-down-16) no-repeat; background-position: calc(100% - 8px) calc(50%); font-family: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none}
em.ntc.fal {display: block; margin: 8px 0 0 5px; color: var(--surface-impact); font-size: 14px;}
/* 구독 매체 선택 */
.list_media {margin:10px 0 15px;}
.choice_media {display:inline-block; overflow:hidden; position:relative; height:22px; margin-bottom:7px;}
.choice_media .inp_media {position:absolute; left:0; top:4px; width:20px; height:20px; padding-right:100%; border:0; opacity:.01; z-index:100;}
.choice_media .lab_media {display:inline-block; height:20px; padding-left:28px; color:#565a6b; font-size:14px; line-height:1.6em; cursor:pointer;}
.choice_media .ico_find {display:inline-block; overflow:hidden; position:absolute; left:0; top:1px; width:20px; height:20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sz%2Svzt_fcevgr_fhofpe.cat) no-repeat 0 0; background-position:-46px 0; text-indent:-9999px;}
.choice_media .inp_media.check_on+.lab_media .ico_find {background-position:-68px 0;}
/* 개인정보 수집 동의 */
legend.terms.close {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sz%2Svpb_nee_ogz_te.fit) no-repeat right 50%; background-size:14px 7px;}
legend.terms.open {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sz%2Svpb_nee_gbc_ox.fit) no-repeat right 50%; background-size:14px 7px;}
.wrap_agree {overflow:hidden; position:relative; width:100%;}
.wrap_agree .cont_terms {position: relative; overflow-y: auto; padding: 0 12px 10px; border:1px solid var(--stroke-framing); color: var(--text-description); font-size: 13px; line-height: 20px; border-radius: 4px; word-wrap: break-word; -webkit-overflow-scrolling:touch; background-color:var(--surface-soft);}
.wrap_agree .cont_terms.hide {display: none;}
.wrap_agree .cont_terms .tit {display:block; padding-top:10px; font-weight:bold;}
.wrap_agree .set_agree_ck { margin-top:10px; width: 100%; display: block;}
.wrap_agree em.ntc.fal {display: block;}
.set_agree_ck .lab_check {overflow:hidden; vertical-align: top; padding-left:7px; font-size:14px; color:#565a6b; line-height:21px; cursor:pointer;}
.set_agree_ck .check_g {float:left; position:relative; width:20px; height:20px;}
.set_agree_ck .inp_check {position:absolute; left:0; top:0; width:100%; height:100%; padding-right:230px; border:0; opacity:.01; z-index:1; -ms-filter:"alpha(opacity=1)"; cursor:pointer;}
.set_agree_ck .check_g .ico_check {display:inline-block; overflow:hidden; position:absolute; left:0; top:0; width:20px; height:20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.xuna.pb.xe%2Svzntrf%2Sjrrxyl%2Sz%2Svzt_fcevgr_fhofpe.cat) no-repeat 0 0; background-position:-46px 0; text-indent:-9999px;}
.set_agree_ck .check_on .ico_check {background-position:-68px 0;}
.btn_area_more3 {padding:30px 0;}
.btn_area_more3:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.btn_area_more3 .btn_confirm, .btn_area_more3 .btn_cancel {display: flex; gap: 12px; justify-content: center; width: calc(50% - 6px); padding:13px 0; background-color:var(--background-default); border: 1px solid var(--text-impact); border-radius: 4px; cursor: pointer;}
.btn_area_more3 span {font-size:16px; font-weight:600; text-align:center; font-family: 'Pretendard Variable';}
.btn_area_more3 .btn_confirm {float:left; background-color: var(--surface-impact); color: var(--text-inverted);}
.btn_area_more3 .btn_cancel {float:right; color: var(--text-impact);}
/* 자동이체 이벤트 */
.wrap_gift_event {padding:  0 0 30px; margin-top: 24px;}
.wrap_gift_event h3 {font-size: 18px; padding-bottom: 12px;}
/* 구독문의 전화 안내 */
.subscr_r_wrap .area_subscr {padding:10px 0;}
.subscr_r_wrap .area_subscr .btn_subscr {display:block;width:88px;height:88px;margin:15px auto;border-radius:140px;background-color:#fff;box-shadow:4px 4px 0 rgba(0,0,0,.1);}
.subscr_r_wrap .area_subscr .ico_subscr {width:43px;height:43px;text-align:center;vertical-align:middle;}
.subscr_r_wrap .area_subscr .ico_price {width:43px;height:43px;text-align:center;vertical-align:middle;}
.subscr_r_wrap .area_subscr .area_tit {text-align:center; font-size:18px; font-weight: 600; line-height: 18px;}
.subscr_r_wrap .area_subscr em {display: block; text-align:center; font-size:14px; font-weight: 500; padding-top: 12px;}
.subscr_r_wrap .area_subscr .area_caption {display:block; text-align:center; color:var(--text-impact); font-size:28px; font-weight:600; padding-top: 12px;}
.subscr_r_wrap .area_subscr.price .area_caption {font-size:23px;}

/* 구독정보 테이블 */
.subscr_info {width:100%; margin:24px 0 48px; background-color:#fafafa;}
.subscr_info th, .subscr_info td {vertical-align:middle; font-size:14px; line-height: 22px; border:1px solid #d2d2d2; padding:5px;}
.subscr_info th {background-color:#efefef; font-weight:600;}
.subscr_info td {padding:10px 15px;}


@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 */
    section.head {padding-top: 0;}
    section.head ul {gap: 24px;}
    section.head li {width: 293.3333px;}

    /* sitemap */
    .sitemap-wrap .art-slt-wrap .slt-area a {width: calc(100% / 8); }
	
}
@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 */
    section.head {padding-top: 0;}

    /* contents */
    section.contents { padding-top: 64px; }

    /* sitemap */
    .sitemap-wrap .art-slt-wrap .slt-area a {width: calc(100% / 8);}
    .sitemap-wrap .sitemap-section .khan-menu-wrap {padding: 24px;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list {width: calc(100% / 6); padding: 0 0 10px;}
    .sitemap-wrap .sitemap-section .khan-menu.pc {display: none;}
    .sitemap-wrap .sitemap-section .khan-menu.mobile {display: flex;}
    .sitemap-wrap .sitemap-section .khan-menu ul.khan-menu-list li {width: calc(100% / 6); padding: 0 0 10px;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col5 {width: 100%; display: flex;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col5 dl,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col5 > div {width: calc(100% / 5);}
    .sitemap-wrap .sitemap-section.skhan .khan-menu .khan-menu-list {width: calc(100% / 5);}
    .sitemap-wrap .sitemap-section.skhan .khan-menu .khan-menu-list.col5 {width: 100%;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list dd,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list .item {display: none;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc {width: 100%; position: relative; padding: 30px 0 0; display: flex; border-top: 1px solid var(--stroke-separator);}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc:before {position: absolute; content: ''; left: calc(50% - 20px); width: 1px; height: 100%; background: #eee;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dl,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc > div {display: flex; width: 50%; flex-direction: column;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dt,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc .tit {display: none;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dd,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc .item {display: block;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dd a,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc .item a {display: inline-block;}
    .sitemap-wrap .art-slt-wrap .slt-area.day .list li {width: calc(100% / 8);}

    /* RSS */
    .rss-list {gap: 24px;}
	.rss-list li {width: 100%;}
}
@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; }

	/* 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; }
    h3.li-tit { padding: 14px 0 20px; font-size: 20px; }
    .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 */
    section.head {padding-top: 20px;}
	section.head ul {gap: 24px;}
    section.head li {width: 100%;}
    section.head li article dl dt a {height: auto;}
    
    /* contents */
    section.contents { padding-top: 64px; }

    /* sitemap */
    .sitemap-wrap {margin: 0 auto; overflow: hidden; padding-left: 20px; padding-right: 20px; padding-top: 32px;}
    .sitemap-wrap .art-slt-wrap {padding: 12px;}
    .sitemap-wrap .art-slt-wrap .slt-area a {font-size: 15px; width: calc(100% / 5); line-height: 42px;}
    .sitemap-wrap .sitemap-section {margin:0 0 32px;}
    .sitemap-wrap .sitemap-section.weekly h3 {margin-bottom: 20px;}
    .sitemap-wrap .sitemap-section .khan-menu-wrap {padding: 20px;}
    .sitemap-wrap .sitemap-section.weekly .khan-menu-wrap {padding: 0;}
    .sitemap-wrap .sitemap-section.khan .khan-menu-wrap .m-title {width: 75px; height: 19px; background-size: 75px 19px;}
    .sitemap-wrap .sitemap-section.skhan .khan-menu-wrap .m-title {width: 90px; height: 20px; background-size: 90px 20px;}
    .sitemap-wrap .sitemap-section.lady .khan-menu-wrap .m-title {width: 87px; height: 19px; background-size: 87px 19px;}
    .sitemap-wrap .sitemap-section .khan-menu.pc {display: none;}
    .sitemap-wrap .sitemap-section .khan-menu.mobile {display: flex;}
    .sitemap-wrap .sitemap-section .khan-menu .tit {margin: 0 10px 0 0;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list {width: calc(100% / 3); padding: 0;}
    .sitemap-wrap .sitemap-section .khan-menu ul.khan-menu-list li {width: calc(100% / 3); padding:0 0 20px;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list dl,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list > div {padding: 0 0 20px;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col3 {width: 100%; display: flex;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col3 dl,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col3 > div {width: calc(100% / 3);}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col5 {width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid var(--stroke-separator); padding: 20px 0 0;}
    .sitemap-wrap .sitemap-section.skhan .khan-menu .khan-menu-list.col5 {border:0; padding: 0;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col5 dl,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.col5 > div {width: calc(100% / 3); padding: 0 0 20px; }
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list dd,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list .item {display: none;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc {width: 100%; position: relative; padding: 20px 0 0; display: flex; border-top: 1px solid var(--stroke-separator);}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc:before {position: absolute; content: ''; left: calc(50% - 20px); width: 1px; height: 100%; background: #eee;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dl,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc > div {display: flex; width: 50%; flex-direction: column;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dt,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc .tit {display: none;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dd,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc .item {display: block;}
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc dd a,
    .sitemap-wrap .sitemap-section .khan-menu .khan-menu-list.etc .item a {display: inline-block;}
    .sitemap-wrap .art-slt-wrap .slt-area.month .list li {width: calc(100% / 4);}
    .sitemap-wrap .art-slt-wrap .slt-area.day .list li {width: calc(100% / 4);}
    /* 404 errer */
    .error {margin: 84px auto;}
    .error p {font-size: 18px;}
    .error p span {width: 60px; height: 60px; background-size: 60px 60px;}

    /* RSS */
    .rss-wrap {margin: 0 auto; overflow: hidden; padding-left: 20px; padding-right: 20px; padding-top: 32px;}
    .rss-intro {margin: 0 0 32px;}
    .rss-intro p {font-size: 15px; line-height: 1.6em;}
    .d-br {display: none;}
    .rss-intro .notice {padding: 18px 20px; margin: 24px 0 0;}
    .rss-intro .notice h3 {font-size: 16px;}
    .rss-intro .notice p {font-size: 14px;}
    .rss-list {margin: 0 0 32px; gap: 20px;}
    .rss-wrap article:last-child .rss-list {margin: 0 0 64px;}
    .rss-list li {width: 100%; padding: 15px 15px 15px 20px;}
    .rss-list li .rss-cont {gap: 8px;}
    .rss-list li .rss-cont .tit {font-size: 18px; margin: 0 0 3px;}
    .rss-list li .rss-cont .rss-link {font-size: 14px;}

    /* HELP */
    .help-wrap {padding-top: 20px; margin: 0 20px; padding-left: 0; padding-right: 0;}
    .help-wrap .tab ul {flex-wrap: wrap;}
    .help-wrap .tab li {width: calc(100% / 3);}
    .help-wrap .tab li:nth-child(1) {width: calc(100% / 3);}
    .help-wrap .tab li:nth-child(1), .help-wrap .tab li:nth-child(2), .help-wrap .tab li:nth-child(3) {margin-bottom: -1px;}
    .help-wrap .tab li a {font-size: 14px; line-height: 18px; height: 60px;}
    .help-wrap .tab li:nth-child(1) a {border-radius: 8px 0 0 0;}
    .help-wrap .tab li:nth-child(3) a {border-radius: 0 8px 0 0;}
    .help-wrap .tab li:nth-child(4) a {border-radius: 0 0 0 8px;}
    .help-wrap .tab li:nth-child(6) a {border-radius: 0 0 8px 0;}
    .policy {margin: 12px auto 64px;}
    .policy h3 {font-size: 18px;}
    .policy h4 {font-size: 17px;}
    .policy h5 {font-size: 15px;}
    .policy .index {flex-direction: column; gap: 16px; padding: 20px 24px;}
    .policy .index > div {width: 100%;}
    .policy-tbl td {padding: 8px; font-size: 12px; word-break: break-all;}
    .policy .warning {flex-direction: column; margin: 32px auto 0; padding: 0}
    .policy .warning p {padding: 0 0 48px; flex-direction: column; text-align: center; font-size: 15px; line-height: 22px;}
    .policy .warning p span {position: relative; width: 90px; height: 90px; background-size: 90px 90px;}
    .policy .txt-box.large {padding: 18px 20px;}
    .policy .txt-box.large dt {font-size: 15px;}
    .policy .txt-box.large dd {font-size: 15px; line-height: 22px; margin: 5px 0;}
    .link-wrap {flex-direction: column; margin: 0 0 12px}
    .policy.email h3 {font-size: 22px; padding-bottom: 24px;}
    .prev-terms {padding: 20px 0px 30px;}

    /* 지면구독 신청하기 */
    .subscr_r_wrap {padding-top: 20px; margin: 0 20px; padding-left: 0; padding-right: 0;}
    .subscr_r_wrap h3 {font-size: 22px; padding-bottom: 24px;}
    .subscr_r_wrap .sub_caption {font-size: 15px;}
    .wrap_gift_event h3 {font-size: 17px; padding-bottom: 12px;}

}