@charset "UTF-8";
@import url('https://static.hankyung.com/fonts/NanumBarunGothic/NanumBarunGothic.css');

/* reset */
html,body {-webkit-text-size-adjust:none}
body,div,span,em,strong,select,section,article,nav,footer,header,address,caption,figure,figcaption,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,textarea,input,button,tr,th,td,table {margin:0; padding:0}
body, button, input, select, option, textarea, table, th, td {color:#222; font-size:14px; font-family:'NanumBarunGothic','Apple SD Gothic Neo','AppleGothic','Droid Sans fallback',sans-serif}
h1,h2,h3,h4,h5,h6 {font-size:100%}
ol,ul,li {list-style-type:none}
h1,h2,h3,h4,h5,h6,ol,ul,li,strong,.search-sort > a,[class^="btn-"], .paper-slide .paper-cont .page, .archive-day dt, .layer-allmenu .sitemap-menu .sv-cate.sv-tit-area > a, .layer-files .file-item, .board-list .board-head .col, .basic-tbl thead th, .inp-address .btn-line.small {transform:rotate(0.03deg)}
img,fieldset, iframe {border:0 none; vertical-align:top}
img {max-width:100%}
input,button,select,textarea,label {vertical-align:middle; resize:none; outline:none}
input,textarea {-webkit-appearance:none; -webkit-border-radius:0}
input[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio; -webkit-border-radius:10px}
input[type="button"], input[type="submit"], input[type="reset"] {cursor:pointer}
button {border:0 none; background:transparent; cursor:pointer}
i,em,address,optgroup {font-style:normal}
hr {display:none}
table {border-collapse:collapse; border-spacing:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
legend, .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
caption {width:0; height:0; overflow:hidden; color:transparent; text-indent:-9999px}
a {color:#222; text-decoration:none}
a:hover {text-decoration:underline}
.bold {font-weight:700}

/* skip-navi */
.skip-navi a {display:block; height:0; margin:0 auto; overflow:hidden; font-size:0; text-align:center; background:#142c67; color:#fff}
.skip-navi a:hover, .skip-navi a:active, .skip-navi a:focus {height:30px; font-size:15px; line-height:30px}

/* global */
.txt-en,
.txt-num {letter-spacing:0}
.txt-ct {text-align:center}
a[class^="btn-"],
button[class^="btn-"] {display:inline-block}

.header .is-pc {display:none}
.header .is-mobile {display:block}

/* 브라우저 지원 안내(lte IE9) */
.browser-support-info {background:#d9d9d9}
.browser-support-info .layout-inner {position:relative; max-width:1155px; margin:0 auto;  padding:12px 60px 12px 20px}
.browser-support-info .info-txt, .browser-support-info .browser-list{display:inline-block; vertical-align:middle;}
.browser-support-info .info-txt {color:#000; font-size:15px; line-height:24px}
.browser-support-info .browser-list {margin:10px 0; overflow:hidden}
.browser-support-info .browser-list > a {float:left; width:42px; height:40px}
.browser-support-info .browser-list > a + a {margin-left:30px}
.browser-support-info .layout-inner::after {content:''; display:block; clear:both}
.browser-support-info .btn-close-info {position:absolute; top:29px; right:20px; width:30px; height:30px}
.browser-support-info .btn-close-info::before,
.browser-support-info .btn-close-info::after {content:''; display:inline-block; width:1px; height:26px; background:#000}
.browser-support-info .btn-close-info::before {transform:rotate(45deg)}
.browser-support-info .btn-close-info::after {transform:rotate(-45deg)}

/* 스프라이트 이미지 */
.main .logo::before,
.header .btn-open-search,
.header .btn-search,
.login-area .login-link,
.section-login::before,
.main-tit a::before, .main-tit span::before,
.slide-status .btn-pause::before,
.lnb .lnb-cont p::before,
.author-wrap .thumb.no-thumb::before,
.author-wrap .author-email::before,
.article-util [class^="btn-"]::before,
.article-util .share-list li a::before,
.article-util .share-list li button::before,
.article-util .font-list li button::before,
.paper-list .btn-pdf::before,
.contact-info .tel::before,
.board-list .icon-file,
.file-area .btn-file::before,
.inp-search .btn-search::before,
.btn-receipt,
.subs-fail-wrap .fail-txt::before,
.contact-cont .contact-tit::before,
.figure-img .btn-img-big,
.ico-video,
.sgsg-notice dd a::before,
.board-list .board-row .col.num .ico-fix {
    background-image:url('https://static.hankyung.com/img/sgsg/common/spr-icon-211119.svg?v=2112271330');
    background-repeat:no-repeat;
}

/* 로그인 */
.section-login {display:flex; align-items:center; justify-content:space-between; height:45px; box-sizing:border-box}
.section-login::before {flex:0 0 auto; content:''; display:inline-block; width:30px; height:28px; margin-left:-2px; margin-right:5px; background-position:-297px -42px; transform:scale(0.7)}
.section-login[class*="social-"]::before {flex:0 0 auto; content:''; display:inline-block; width:22px; height:22px; margin-left:0; margin-right:10px; background-image:url('https://static.hankyung.com/img/www/m/common/2021/spr-common-20210625-2.svg'); background-repeat:no-repeat; transform:translateY(-2px)}
.section-login.social-apple::before {background-position:-370px -115px}
.section-login.social-google::before {background-position:-339px -113px}
.section-login.social-kakao::before {background-position:-305px -114px}
.section-login.social-naver::before {background-position:-407px -111px}
.section-login.social-facebook::before {background-position:-233px -115px}
.section-login > .link-user {flex:1 0 auto; font-size:15px}

/* 검색 */
.main .header {padding:0 20px}
.main .header::before {z-index:1; content:''; display:block; position:absolute; right:0; top:0; width:50%; height:50%; background:url('https://static.hankyung.com/img/sgsg/bg-main-circle.png?v=211130') no-repeat right top; background-size:contain}
.sticky .main .header::before {background:none; top:auto; right:auto}
.main .header .inner {padding:0}
.header .layer-allmenu .inner {padding:0 20px}
.header-cont {padding-right:75px; box-sizing:border-box}
.header .btn-open-search,
.header .btn-search {width:40px; height:40px; transform:scale(0.8)}
.header .btn-open-search {z-index:1; position:absolute; top:30px; right:0px; background-position:-110px 5px}
.header-cont .search-area {position:relative}
.header .layer-search {z-index:1; visibility:hidden; opacity:0; position:absolute; top:20px; right:0px; width:0; transition:all .3s ease-in-out}
.header .layer-search.active {visibility:visible; opacity:1; width:100%}
.header .layer-search .inp-txt {outline:none; width:100%; height:60px; padding:10px 50px 10px 13px; border:0; font-size:15px; background-color:#f6f6f6; box-sizing:border-box}
.header .layer-search .btn-search {position:absolute; top:7px; right:10px; background-position:-70px 8px;}
.header .layer-search .inp-txt::placeholder {color:#666}
.header .layer-search .inp-txt:-ms-input-placeholder {color:#666}
.header .layer-search .inp-txt::-ms-input-placeholder {color:#666}
.layer-allmenu .search-area {position:relative}
.gnb {display:none}

/* allmenu */
body.open-allmenu {overflow-x:hidden}
.layer-allmenu {overflow:hidden; display:none; position:absolute; top:74px; left:0; right:0; margin:0 calc(50% - 50vw); z-index:999; background-color:#fff; box-sizing:border-box}
.allmenu-inner {position:relative; margin:0 auto; padding:25px 20px 5px; background-color:#fff;  box-sizing:border-box}
.layer-allmenu .sitemap-menu .service-wrap {padding:0}
.layer-allmenu .sitemap-menu .sv-cate {width:calc(50% - 20px); margin-left:40px; margin-bottom:20px}
.layer-allmenu .sitemap-menu .sv-cate:nth-child(2n + 1) {margin-left:0}
.layer-allmenu .sitemap-menu .sv-cate .sv-tit {padding-bottom:10px; border-bottom:1px solid #00b091}
.layer-allmenu .sitemap-menu .sv-cate .sv-tit a {color:#00b091}
.layer-allmenu .sitemap-menu .sv-cate .sv-list a {color:#555}
.layer-allmenu .sitemap-menu .sv-cate.sv-tit-area {display:flex; width:100%; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:10px; margin-left:0; padding:25px 40px; border-radius:15px; box-sizing:border-box; background-color:#f1f1f1}
.layer-allmenu .sitemap-menu .sv-cate.sv-tit-area > a {flex:0 0 auto; width:45%; font-weight:700; line-height:36px; color:#000; font-size:15px}

body.open-allmenu .layer-allmenu {overflow-y:auto; height:calc(100vh - 75px)}

.sticky .header, .open-allmenu .header {background:#fff; position:fixed; top:0; left:0; right:0; z-index:1000}
.sticky #wrap {padding-top:80px}
.sticky .header {height:80px}
.sticky .header::before {z-index:9999; content:''; display:block; position:absolute; left:0; bottom:0px; width:100%; height:1px; box-shadow:0 3px 4px 0 rgba(0,0,0,.2);}
.sticky .header .logo-sgsg, .open-allmenu .header .logo-sgsg {background:url('https://static.hankyung.com/img/logo/rel/logo-sgsg.svg') no-repeat 0 0/102px 42px}
.sticky .header .btn-open-search, .sticky .header .btn-open-search,
.sticky .header .btn-open-search, .open-allmenu .header .btn-open-search {background-position:-71px 7px}
.sticky .gnb > ul li a, .open-allmenu .gnb > ul li a {color:#000}
.sticky .btn-allmenu, .open-allmenu .btn-allmenu {border-color:#666}
.sticky .btn-allmenu .bar::before, .sticky .btn-allmenu .bar::after,
.sticky .btn-allmenu .bar,.open-allmenu .btn-allmenu .bar {background:#000}
.sticky .login-area .login-link, .open-allmenu .login-area .login-link {background-position:-290px -35px}

body {overflow-x:hidden; min-width:320px}
.header {height:75px; background:linear-gradient(to right, rgb(2 162 156) 20%, rgb(31 182 160)) 80%; transition:all 0.4s ease-in-out}
.open-allmenu .header {transition:none}
.open-allmenu .header:before {display:none}
.inner {position:relative; padding:0 20px}

.btn-allmenu {z-index:10; position:absolute; top:20px; right:20px; width:40px; height:40px; border:1px solid #fff; box-sizing:border-box}
.btn-allmenu.active {background-color:#000}
.btn-allmenu.active + .layer-allmenu {display:block}
.btn-allmenu .line-area {width:25px; height:22px; margin:0 auto;}
.btn-allmenu .bar {display:inline-block; position:relative; width:20px; height:2px; background:#fff}
.btn-allmenu .bar::before, .btn-allmenu .bar::after {content:''; display:block; position:absolute; left:0; width:20px; height:2px; background:#fff; transition:transform 0.3s}
.btn-allmenu .bar::before {top:-7px}
.btn-allmenu .bar::after {bottom:-7px}
.btn-allmenu.active .bar {background:transparent}
.btn-allmenu.active .bar::before {top:6px; transform: translateY(-6px) rotate(-45deg)!important}
.btn-allmenu.active .bar::after {bottom:6px; transform: translateY(6px) rotate(45deg)!important}

.open-allmenu .btn-allmenu .bar::before, .open-allmenu .btn-allmenu .bar::after {background-color:#fff}

.logo {position:relative; display:inline-block; position:absolute; top:18px; left:20px}
.logo-sgsg {display:block; width:102px; height:42px; margin-top:3px; background:url('https://static.hankyung.com/img/logo/rel/logo-sgsg-w2.svg') no-repeat 0 0/102px 42px}

.main .logo {top:23px}
.main .logo::before {content:''; display:block; position:absolute; top:-15px; left:-16px; width:110px; height:20px; background-position:-117px -323px; transform:scale(0.7)}
.sticky .main .logo::before, .open-allmenu.main .logo::before {background-position:0px -323px}

.sitemap-menu .service-wrap {width:100%; display:inline-flex; flex-wrap: wrap; align-items: start; padding:0}
.sitemap-menu .service-wrap::after {content:''; display:block; clear:both}
.sitemap-menu .sv-cate .sv-tit {display:block; font-size:16px; line-height:24px}
.sitemap-menu .sv-cate .sv-list li {margin-top:11px; line-height:16px}
.sitemap-menu .sv-cate .sv-list a {color:#666; font-size:14px}

.ellip {display:-webkit-box; overflow:hidden; word-break:break-all; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.news-tit,
.news-category,
.subject-tit,
.lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all; -webkit-box-orient:vertical}
.main-tit {display:block; font-size:22px}
.main-tit a, .main-tit span {display:inline-block; position:relative; padding-right:32px}
.main-tit a::before, .main-tit span::before {content:''; display:block; position:absolute; right:0; top:0; width:22px; height:22px; background-position:0px -45px}
.main-top {position:relative; padding-bottom:17%; text-align:center}
.news-tit, .lead {-webkit-line-clamp:2}
.main-top .inner {position:relative; padding:0}
.main-top .inner::before {z-index:-1; content:''; display:block; position:absolute; top:0; right:0; width:88%; height:100%; background:linear-gradient(to right, rgb(2 164 156) 10%, rgb(9 179 159) 90%)}
.main-news-slide {z-index:1; padding:0px 11% 0 13%}
.main-news-slide .news-tit, .main-news-slide .news-tit a {color:#fff}
.main-news-slide .news-category {margin-top:-14px; margin-bottom:8px; -webkit-line-clamp:1; text-overflow:ellipsis; color:#fff839}
.main-news-slide .news-category a {color:#fff839; font-size:13px}
.main-news-slide .news-tit {max-height:60px; margin-bottom:10px; padding:0 20px 0 10px; box-sizing:border-box; line-height:32px; font-size:25px}
.ico-video {display:block; position:absolute; bottom:10px; right:10px; width:41px; height:41px; text-indent:-9999px; background-position:-347px -283px; transform:scale(0.9)}
.news-list .ico-video {bottom:9px; right:9px; transform:scale(0.88)}

/*.main-news-slide .item.slick-active .news-tit {opacity:0; transform:translateY(50px); transition:all 1s}
.main-news-slide .item.slick-active .news-tit.show {opacity:1; transform:translateY(0)}*/

section .inner {opacity:0; transition-property:opacity,transform; transition-timing-function:cubic-bezier(.175,.885,.32,1.275); -webkit-transform: translate3d(0,60px,0); transform:translate3d(0,60px,0); -webkit-transition: opacity 0.5s,-webkit-transform 0.5s; transition: opacity 0.5s,transform 0.5s,-webkit-transform 0.5s}
section.animate .inner {opacity:1; transform:translate3d(0,0,0)}
section.sgsg-pick .inner, section.sgsg-notice .inner {opacity:1; transform:translate3d(0,0,0)}

.main-news-slide .thumb {position:relative; background:url('https://static.hankyung.com/img/sgsg/bg-thumb.png') no-repeat right bottom; background-size:contain; width:100%; padding-bottom:72%; padding-right:4%; box-sizing:border-box}
.main-news-slide .thumb a {overflow:hidden; display:block; position:absolute; top:0; left:0; width:95%; height:84%; border-radius:15px}
.main-news-slide .thumb img {width:100%; height:100%; object-fit:cover; object-position:top}
.main-news-slide .lead {display:none; height:48px; margin-top:30px; line-height:24px; color:#f6f5f5; font-size:15px}

.slide-nav, .slide-btn, .slide-status {display:inline-block; vertical-align:middle}
.slide-nav > span {display:inline-block; font-weight:700; color:#000; font-size:12px; vertical-align:middle}
.slide-nav .first {color:#fff}
.slide-nav .slide-bar {overflow:hidden; position:relative; width:57px; height:3px; margin:-1px 10px 0; background-color:#000}
.slide-nav .pro-bar {position:absolute; bottom:0; left:0; width:100%; height:100%; background:#fff}

.slide-status {width:10px; height:18px; margin-left:11px}
.slide-status .btn-play {display:none}
.slide-status .btn-play::before {content:''; display:block; width:0; height:0; margin-top:2px; border:7px solid transparent; border-right-width:0; border-left-color:#000}
.slide-status .btn-pause {display:block}
.slide-status .btn-pause::before {content:''; display:inline-block; width:12px; height:18px; margin-top:-1px; background-position:-62px -43px; transform:scale(0.9)}
.slide-status.active .btn-play {display:block}
.slide-status.active .btn-pause {display:none} 

.slick-dots {margin-top:10px; text-align:center}
.slick-dots li {display:inline-block; width:10px; height:10px; border-radius:50%; text-indent:-9999px; background-color:#ddd}
.slick-dots li.slick-active {background-color:#222}
.slick-dots li + li {margin-left:10px}

.main-news-list .item {overflow:hidden; float:left; background-color:#fff;  border-radius:15px; border:1px solid #e2ecf1}
.main-news-list .txt-cont {padding:12px; box-sizing:border-box}
.main-news-list .subject-tit {display:block; margin-bottom:7px; font-size:14px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; -webkit-line-clamp:1}
.main-news-list .subject-tit, .main-news-list .subject-tit a {color:#0aad34}
.main-news-list .news-tit {max-height:42px; font-weight:400; line-height:21px; font-size:15px}
.main-news-list .thumb {overflow:hidden; position:relative}
.main-news-list .thumb > a {display:block; width:100%; height:100%}
.main-news-list .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}

/* 생글 PICK */
.sgsg-pick {position:relative; padding-bottom:20px; background:url('https://static.hankyung.com/img/sgsg/bg-pick-m.png') no-repeat center 11%; background-size:130% auto}
.sgsg-pick .main-news-list {display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px auto 0}
.sgsg-pick .main-news-list .item {flex:0 0 auto; width:calc(50% - 5px); margin-bottom:10px; transition:all 0.1s; box-sizing:border-box; transition: all .5s ease;}
.sgsg-pick .main-news-list .item:hover {transform:scale(1.02); box-shadow:1px 1px 10px 0px rgba(0,0,0,.15);}
.sgsg-pick .main-news-list .item:nth-child(2) ~ .item {margin-top:10px} 
.sgsg-pick .main-news-list .thumb {position:relative; height:0; padding-bottom:62.5%; overflow:hidden}
.sgsg-pick .main-news-list .thumb > a {position:absolute; top:0; left:50%; transform:translateX(-50%)}
.sgsg-pick .main-news-list .subject-tit {font-size:14px}
.sgsg-pick .main-news-list .news-tit {font-size:16px}

/* 배너 */
.banner-wrap .is-pc {display:none}
.banner-wrap .is-mobile {display:block}
.banner-area {margin-top:15px; padding:0 20px; text-align:center}
.banner-area a {display:block; width:100%; height:100%}
.banner-wrap .is-mobile a img {min-width:320px; width:100%}
.banner-area.col2 {margin:35px 0 0; padding:0 20px}

/* 생글 SPECIAL */
.sgsg-special {padding:30px 0 37px; background:#f5fef1 url('https://static.hankyung.com/img/sgsg/bg-special-m.png') no-repeat 30px 25px; background-size:105%}
.sgsg-special .main-tit {margin-bottom:25px}
.sgsg-special .main-news-list .item + .item {margin-top:20px; margin-left:0}
.sgsg-special .main-news-list .item {display:flex; float:none; align-items:center; justify-content:space-between; width:100%; border:none; background-color:transparent}
.sgsg-special .main-news-list .thumb {flex:0 0 auto; width:120px; height:85px; border-radius:10px}
.sgsg-special .main-news-list .thumb > a {display:block; border-radius:10px}
.sgsg-special .main-news-list .txt-cont {flex:0 0 auto; width:calc(100% - 135px); padding:0}
.sgsg-special .main-news-list .subject-tit, .sgsg-special .main-news-list .subject-tit a {color:#07834a}
.sgsg-special .main-news-list .subject-tit {margin-bottom:5px}
.sgsg-special .main-news-list .subject-tit a {overflow:hidden; display:inline-block; max-width:100%; padding:2px 7px 1px; border:1px solid #07834a; font-size:12px; box-sizing:border-box; text-align:center; text-overflow:ellipsis; -webkit-line-clamp:1; background-color:#fff}
.sgsg-special .btn-area {margin-top:30px}

.btn-area {text-align:center}
.btn-line {display:inline-block; border-radius:5px; border:1px solid #000; box-sizing:border-box}
.btn-line.small {padding:6px; border-color:#666; line-height:16px; font-weight:700; font-size:13px; text-decoration:none}
.btn-line.more {min-width:100px; width:90%; padding:14px 20px 14px 24px; font-size:14px; letter-spacing:-0.025em}
.btn-line.more span {position:relative; padding-right:15px}
.btn-line.more span::before {content:''; position:absolute; top:2px; right:0px; width:6px; height:6px; border-bottom:1px solid #000; border-right:1px solid #000; transform:rotate(45deg)}

/* 지면보기 */
.conents .sgsg-paper .inner {padding:0}
.sgsg-paper {display:none}

/* footer */
.footer {padding:30px 0 58px}
.footer .foot-tit {font-size:16px}
.footer .sitemap-menu .service-wrap {flex-wrap:wrap}
.footer .sitemap-menu .sv-cate {flex:0 0 auto; width:33.333%; margin-right:0; margin-bottom:20px}
.footer .sitemap-menu .sv-cate .sv-tit {font-size:14px}
.footer .sitemap-menu .sv-cate .sv-list .sv-tit {color:#222}
.footer .sitemap-menu .sv-cate .sv-list a {font-size:13px}
.footer .sitemap-menu {margin-top:13px; margin-bottom:20px; padding:15px 0 5px; border-top:1px solid #000; border-bottom:1px solid #eee}
.footer .foot-cont, .footer address {margin-bottom:3px}
.footer address {line-height:23px; font-size:12px; word-break:keep-all}
.footer .foot-cont > a,
.footer .foot-cont > span {position:relative; margin-right:10px; padding-right:10px; word-break:keep-all; white-space:nowrap; line-height:23px; font-size:12px}
.footer .foot-cont > a::before,
.footer .foot-cont > span::before {content:''; display:block; position:absolute; top:2px; right:0; width:1px; height:12px; background-color:#999}
.footer .foot-cont > a:last-child,
.footer .foot-cont > span:last-child {margin-right:0; padding-right:0}
.footer .foot-cont > a:last-child::before,
.footer .foot-cont > span:last-child::before {display:none}
.footer .family-site {margin-top:12px}
.footer .family-site span {font-weight:700}
.footer .copyright {font-weight:700; font-size:12px}

.btn-top-area {z-index:10; position:fixed; bottom:0; right:11%; width:1px; height:0}
.btn-top-area .btn-position {position:absolute; bottom:100px; right:0}
.btn-top-area .btn-top {position:fixed; z-index:10; display:inline-block; width:40px; height:40px; border-radius:50%; background:rgba(136,136,136,.7)}
.btn-top-area .btn-top::before {content:''; display:inline-block; position:absolute; top:calc(50% + 3px); left:50%; width:10px; height:10px; border-top:1px solid #fff; border-left:1px solid #fff; transform:rotate(45deg) translate(-50%, -50%); transform-origin:left top}

/* 구독신청, 테샛신청, 문의하기 모듈 */
.sgsg-contact {padding-top:22px}
.contact-wrap li {padding:12px 10px; border-radius:5px; border:1px solid #ddd; box-sizing:border-box}
.contact-wrap li + li {margin-top:10px}
.contact-wrap .txt {line-height:18px; color:#333; font-size:12px}
.contact-wrap .btn-area {margin-top:10px}
.contact-wrap .btn-line {min-width:110px; padding:8px 5px; color:#000; font-size:13px}
.contact-cont {display:table; width:100%}
.contact-cont .txt-tit {display:block; margin-bottom:6px; line-height:20px; color:#222; font-size:16px; text-align:center}
.contact-cont .txt-tit span {color:#71bf44}
.contact-cont .contact-tit, .contact-cont .contact-txt {display:inline-block; vertical-align:middle}
.contact-cont .contact-tit {position:relative; width:48px; height:48px; border-radius:50%; background-color:#f1ffeb}
.contact-cont .contact-tit::before {content:''; display:block; position:absolute; top:0; left:0; width:48px; height:50px; transform:scale(0.6)}
.contact-cont.contact-subs .is-mobile {display:block}
.contact-cont.contact-subs .contact-tit::before {background-position:-266px -225px}
.contact-cont.contact-num .contact-tit::before {background-position:-208px -228px}
.contact-cont .contact-txt {width:calc(100% - 58px); padding-left:10px}
.contact-cont p {font-size:13px}
.contact-cont p + p {margin-top:4px}
.contact-cont.contact-tesat .tit {width:60px; padding:2px; border-radius:15px; font-weight:700; font-size:13px; background-color:#f2f5fb; text-align:center; box-sizing:border-box}
.contact-cont.contact-tesat .tit, .contact-cont.contact-tesat .tit + span {display:inline-block; vertical-align:top}
.contact-cont.contact-tesat .tit + span {width:calc(100% - 70px); padding-left:10px; line-height:20px; }
.contact-cont .contact-txt .tit, .contact-cont .contact-txt a {display:inline-block; vertical-align:top; word-break:break-all}
.contact-cont .contact-txt .tit {width:75px; font-size:13px}
.contact-cont .contact-txt a {font-weight:700; font-size:15px}
.contact-cont .is-pc {display:none}

/* 생글게시판 */
.sgsg-notice {padding-top:25px}
.sgsg-notice dl {padding:15px 20px; border:7px solid #edeff3; border-radius:5px; box-sizing:border-box}
.sgsg-notice .notice-tit {display:block; margin-bottom:10px; font-weight:700; font-size:16px}
.sgsg-notice dd li {position:relative; padding-left:12px; line-height:24px; font-size:14px}
.sgsg-notice dd li::before {content:''; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background-color:#a2a2a2}
.sgsg-notice dd a {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2}
.sgsg-notice dd .date {display:none}
.sgsg-notice dd .notice-fix a {font-weight:700}
.sgsg-notice dd .notice-fix a::before {content:''; display:inline-block; width:61px; height:27px; margin-left:-8px; margin-right:-3px; vertical-align:middle; background-position:-249px -322px; transform:scale(0.7)}


/* -------------- 서브페이지 -------------- */
.sub .header {height:200px; background:#00b091 url('https://static.hankyung.com/img/sgsg/bg-sub-mtop.png?v=20211116') no-repeat center top; background-size:100%; transition:none}
.sticky .sub .header {transition:background-color 0.8s ease-in-out}
.open-allmenu .sub .header {transition:none}
.sub .header .lnb {display:block}
.sub .header .header-cont {height:75px}
.sticky .sub .header {height:80px; background:#fff none !important}
.open-allmenu .sub .header {background:#fff none !important}
.sticky .sub .header .lnb, .open-allmenu .sub .lnb {display:none}
.sub .news-list .subject-tit, .sub .news-list .subject-tit a {color:#0aad34}

.lnb .lnb-cont {margin-top:10px; text-align:center}
.lnb .lnb-tit a:hover {text-decoration:none}
.lnb .lnb-cont p, .lnb .lnb-tit, .lnb .lnb-tit a  {color:#fff}
.lnb .lnb-cont p {display:inline-block; position:relative; margin-top:10px; padding-left:20px; font-size:12px}
.lnb .lnb-cont p::before {content:''; display:inline-block; position:absolute; top:-3px; left:0; width:20px; height:20px; background-position:-384px -42px; transform:scale(0.8)}
.lnb .lnb-tit {font-size:28px}

/* LNB */
.lnb .lnb-menu {z-index:1; overflow:hidden; position:relative; top:33px; height:51px; padding:0 20px; border-radius:25px; white-space:nowrap; background-color:#fff; box-shadow:1px 1px 2px 0px rgba(0,0,0,.08); box-sizing:border-box}
.lnb .inner-scroll {height:51px; padding-bottom:68px; overflow-x:scroll; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.lnb .lnb-list {display:inline-flex; align-items:center; justify-content:space-around; min-width:100%; height:51px}
.lnb .lnb-list li {padding:0 10px; line-height:20px; font-weight:700; font-size:15px; box-sizing:border-box}
.lnb .lnb-list li a {position:relative; color:#888; text-decoration:none}
.lnb .lnb-list li.on a {color:#000}
.lnb .lnb-list li.on a::before {content:''; display:block; position:absolute; left:0; bottom:-16px; width:100%; height:3px; background-color:#000}

.sub .contents .inner {padding-top:50px}
.sub .cont-tit {margin-bottom:18px; color:#000; font-size:24px; text-align:center}

/* paging */
.paging {display:flex; justify-content:center; align-items:center; margin-top:27px}
.paging a, .paging strong {display:inline-block; min-width:30px; height:30px; border:1px solid #ddd; margin:0 2px; padding:7px 6px 0; color:#222; font-size:15px; text-align:center; box-sizing:border-box}
.paging strong {border:1px solid #222; background:#222; color:#fff; box-sizing:border-box; white-space:nowrap}
.paging [class^="btn-"] {min-width:20px; padding:7px 8px 0; border:none}
.paging [class^="btn-"]::before {content:''; display:inline-block; width:7px; height:7px; border-top:1px solid #222}
.paging .btn-prev-page::before, .paging .btn-prev-page.first::after {border-left:1px solid #222; transform:rotate(-45deg)}
.paging .btn-next-page::before, .paging .btn-next-page.last::after {border-right:1px solid #222; transform:rotate(45deg)}
/*.paging .btn-prev-page.off::before, .paging .btn-next-page.off::before {border-color:#888}*/
.paging .btn-prev-page.first, .paging .btn-next-page.last {position:relative}
.paging .btn-prev-page.first::after, .paging .btn-next-page.last::after {content:''; display:block; position:absolute; top:12px; width:7px; height:7px;  border-top:1px solid #222}
.paging .btn-prev-page.first::after {left:13px}
.paging .btn-next-page.last::after {right:13px}
/*.list-wrap .paging .btn-next-page.last::after, .list-wrap .paging .btn-prev-page.first::after {top:11px}*/

/* 기사리스트 */
.sub.list-wrap .header, .sub.view-wrap .header {background-color:#445ff5}
.sub .news-list-box + .news-list-box {margin-top:18px}
.sub .news-list-box + .paging {margin-bottom:30px}
.sub .news-list .item + .item {margin-top:15px; margin-left:0}
.sub .news-list .item {display:flex; float:none; align-items:center; justify-content:space-between; width:100%; border:none; border-bottom:1px solid #f7f7f7; padding-bottom:15px; background-color:transparent}
.sub .news-list .thumb {flex:0 0 auto; position:relative; width:120px; height:85px}
.sub .news-list .thumb:after {content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border:1px solid #ececec; border-radius:6px; box-sizing: border-box; pointer-events:none}
.sub .news-list .thumb > a {overflow:hidden; display:block; height:100%; border-radius:7px}
.sub .news-list .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.sub .news-list .txt-cont {flex:0 0 auto; width:calc(100% - 135px); padding:0; box-sizing:border-box}
.sub .news-list .item.no-thumb .txt-cont {width:100%}
.sub.list-wrap .news-list .subject-tit, .sub.list-wrap .news-list .subject-tit a {color:#2b95ff}
.sub .news-list .subject-tit {display:block; margin-bottom:5px; font-weight:700;  font-size:13px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; -webkit-line-clamp:1}
.sub .news-list .news-tit {max-height:42px; font-weight:400; line-height:21px; font-size:16px}
.sub .news-list .news-tit a {color:#222}
.sub .news-list .lead {display:none; max-height:42px; margin-top:10px; color:#666; line-height:21px; font-size:15px}
.sub .news-list .date {display:block; margin-top:5px; color:#999; font-size:12px}

/* 기사뷰 */
.view-cont-wrap {max-width:1040px; margin:0 auto; padding:20px; border-radius:30px; background-color:#fff; box-sizing:border-box; box-shadow:0px 0px 5px 0px rgba(0,0,0,.13);}
.view-cont-wrap .nav-wrap {margin-bottom:20px; text-align:center}
.nav-area {display:inline-block}
.nav-area::after {content:''; display:block; clear:both}
.nav-area li {float:left}
.nav-area li > a, .nav-area li > strong {color:#222; font-size:12px}
.nav-area li > a {position:relative; padding-right:15px}
.nav-area li > a::before {content:''; display:block; position:absolute; top:8px; right:6px; width:4px; height:4px; border-top:1px solid #bbb; border-right:1px solid #bbb; transform:rotate(45deg)} 
.view-cont-wrap .nav-area li > a::before {top:4px}
.view-cont-wrap .nav-area li:last-child > a {font-weight:700}
.view-cont-wrap .nav-area li:last-child > a::before {display:none}
.view-cont-wrap .btn-close {position:absolute; top:25px; right:20px; width:25px; height:25px}
.view-cont-wrap .btn-close::before,
.view-cont-wrap .btn-close::after {content:''; position:absolute; left:50%; top:0; width:3px; height:23px; background-color:#222}
.view-cont-wrap .btn-close:before {transform:translate(-50%) rotate(45deg)}
.view-cont-wrap .btn-close:after {transform:translate(-50%) rotate(-45deg)}
.view-cont-area {overflow-y:auto; position:relative; height:100%}

.article-head {position:relative; margin-bottom:20px; padding-bottom:55px; border-bottom:1px solid #e8e8e8; box-sizing:border-box; text-align:center}
.article-head .article-tit {line-height:32px; font-size:27px}
.article-head .article-subtit {margin-top:10px; line-height:25px; color:#444; font-size:18px}
.article-head .date-info {margin-top:15px}
.article-head .date-info > span, .article-head .date-info .link-txt {display:inline-block; position:relative; margin-right:7px; padding-right:8px; color:#888; font-size:12px}
.article-head .date-info > span::before {content:''; display:block; position:absolute; top:1px; right:0; width:1px; height:10px; background-color:#cfd0d6}
.article-head .date-info > span:last-child {margin-right:0; padding-right:0}
.article-head .date-info > span:last-child::before {display:none}
.article-head .date-info > span:nth-child(2) {margin-right:0; padding-right:0}
.article-head .date-info > span:nth-child(2)::before {display:none}
.article-head .date-info .is-mobile {display:block}
.article-head .date-info .link-txt {color:#28af17}

.article-body-wrap {position:relative; padding-bottom:65px}
.article-body {color:#555; font-size:17px; line-height:27px}
.article-body ol li, .article-body ul li {margin-left:25px}
.article-body ol, .article-body ol ol, .article-body ol li {list-style-type:decimal}
.article-body ol ol ol, .article-body ol ol li {list-style-type:upper-alpha}
.article-body ol ol ol ol, .article-body ol ol ol li {list-style-type:lower-alpha}
.article-body ol ol ol ol ol, .article-body ol ol ol ol li {list-style-type:decimal}
.article-body ol ul ul, .article-body ol ul li {list-style-type:disc}
.article-body ol ul ul ul, .article-body ol ul ul li {list-style-type:circle}
.article-body ol ul ul ul ul, .article-body ol ul ul ul li {list-style-type:square}
.article-body ul, .article-body ul ul, .article-body ul li {list-style-type:disc}
.article-body ul ul ul, .article-body ul ul li {list-style-type:circle}
.article-body ul ul ul ul, .article-body ul ul ul li {list-style-type:square}
.article-body ul ol ol, .article-body ul ol li {list-style-type:decimal}
.article-body ul ol ol ol, .article-body ul ol ol li {list-style-type:upper-alpha}
.article-body ul ol ol ol ol, .article-body ul ol ol ol li {list-style-type:lower-alpha}
.article-body ul ol ol ol ol ol, .article-body ul ol ol ol ol li {list-style-type:decimal}

.article-body table {max-width:100%; margin:15px 0}
.article-body table th,
.article-body table td {border:1px solid #e5e5e5}
.article-body table th,
.article-body table td {padding:5px 8px}
.article-body blockquote {position:relative; margin:30px 0; padding:25px 23px; border:1px solid #eee; background:#fafafa}
.article-body blockquote .svg-quote {fill:#666; display:block; width:28px; height:20px; margin-bottom:10px}
.article-body em {font-style:italic}

.article-figure,
.article-figure.figure-r, 
.article-figure.figure-l {float:none; margin:25px auto}
.article-figure {margin:15px 0 30px; text-align:center}
.figure-img {position:relative; display:inline-block; max-width:inherit}
.figure-img img {max-width:100%; border-radius:20px}
.figure-img .btn-img-big {position:absolute; right:20px; bottom:20px; width:40px; height:40px; background-position:-330px -234px}
.figure-caption {max-width:100%; margin:7px auto 0; color:#999; font-size:12px; line-height:17px; text-align:left}

/* 소제목 */
.hk-sub-headline {display:block; margin:20px 0; padding:20px 0 18px; border-top:2px solid #c4c4c4; border-bottom:1px solid #ddd; font-style:normal; font-weight:bold; font-size:1.1em; line-height:1.7; word-wrap:break-word; display:-webkit-box; -webkit-box-orient: vertical; word-break:keep-all}

.iframe-youtube {position:relative; height:0; padding-bottom:56.25%; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0)}
.iframe-youtube iframe {position: absolute; top:0; left:0; width:100%; height:100%}

/* 기자영역 */
.article-module-wrap {padding-bottom:20px; box-sizing:border-box}
.article-module-wrap .article-module, .author-wrap {padding:20px 0; border-top:1px solid #ececec; box-sizing:border-box}
.author-wrap {display:flex; align-items:center}
.author-wrap .thumb {overflow:hidden; position:relative; flex:0 0 auto; width:78px; height:78px; margin-right:15px; border-radius:50%}
.author-wrap .thumb.no-thumb::before {content:''; display:block; position:absolute; top:10px; left:13px; width:50px; height:50px; background-position:-152px -41px; transform:scale(1.55)}
.author-wrap .thumb img {position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit:cover; object-position:left top}
.author-wrap .author-name {display:inline-block; vertical-align:middle; font-weight:700; font-size:17px}
.author-wrap .author-email {display:block; position:relative; margin-top:7px; padding-left:25px; color:#333; font-size:13px; word-break:break-word}
.author-wrap .author-email::before {content:''; display:block; position:absolute; top:-2px; left:0; width:21px; height:18px; background-position:-217px -45px; transform:scale(0.8)}
.author-wrap .author-desc {display:block; margin-top:13px; line-height:23px; color:#666; font-size:14px}

.article-util {z-index:10; position:absolute; bottom:15px; right:0}
.article-util .util-item {display:inline-block; vertical-align:middle}
.article-util [class^="btn-"] {z-index:10; padding:0 5px; box-sizing:border-box}
.article-util [class^="btn-"]::before {content:''; display:block; width:25px; height:26px}
.article-util .btn-share::before {background-position:1px -192px; transform:scale(0.7)}
.article-util .btn-font::before {background-position:-65px -193px; transform:scale(0.9)}
.article-util .btn-print::before {background-position:-132px -193px}
.article-util .btn-copy::before {background-position:-199px -193px}
.article-util .btn-share.active::before, .article-util .btn-share:hover::before {background-position:-29px -192px}
.article-util .btn-font.active::before, .article-util .btn-font:hover::before {background-position:-97px -193px}
.article-util .btn-print.active::before, .article-util .btn-print:hover::before {background-position:-163px -193px}
.article-util .btn-copy.active::before, .article-util .btn-copy:hover::before {background-position:-233px -193px}

.article-util .btn-share {margin-top:-6px}
.article-util .util-list {z-index:-1; opacity:0; visibility:hidden; display:table; position:absolute; bottom:-57px; padding:10px 20px; border-radius:35px; border:1px solid #f0f0f0; background-color:#fff; box-sizing:border-box; box-shadow:0px 2px 2px 0px rgba(0,0,0,.15)}
.article-util .util-list li {position:relative; display:table-cell; padding:0 3px}
.article-util .util-list li a::before,
.article-util .util-list li button::before {content:''; display:block}
.util-item [class^="btn-"].active + .util-list {opacity:1; visibility:visible}
.article-util .share-list {right:-76px}
.article-util .share-list li a, 
.article-util .font-list li button {display:block; position:relative}
.article-util .share-list li a, .article-util .share-list li a::before {width:30px; height:30px}
.article-util .share-list .msg a::before {background-position:-32px -238px}
.article-util .share-list .facebook a::before {background-position:-64px -238px}
.article-util .share-list .twitter a::before {background-position:-97px -238px}
.article-util .share-list .naver a::before {background-position:-129px -238px}
.article-util .share-list .naverband a::before {background-position:-161px -238px}
.article-util .share-list .kakao a::before {background-position:-379px -238px}
.article-util .share-area {position:relative}
.article-util .share-area, .article-util .font-area {display:inline-block; position:relative}

.article-util .font-list {right:-35px}
.article-util .font-list li button, .article-util .font-list li button::before {width:31px; height:31px}
.article-util .font-list .font-small1 button::before {background-position:0px -283px}
.article-util .font-list .font-small2 button::before {background-position:-31px -283px}
.article-util .font-list .font-standard button::before {background-position:-64px -283px}
.article-util .font-list .font-big1 button::before {background-position:-96px -283px}
.article-util .font-list .font-big2 button::before {background-position:-129px -283px}
.article-util .font-list .font-small1.active button::before {background-position:-179px -283px}
.article-util .font-list .font-small2.active button::before {background-position:-209px -283px}
.article-util .font-list .font-standard.active button::before {background-position:-242px -283px}
.article-util .font-list .font-big1.active button::before {background-position:-274px -283px}
.article-util .font-list .font-big2.active button::before {background-position:-307px -283px}

/* 관련기사 */
.article-module-tit {margin-bottom:15px}
.article-module-tit strong {display:inline-block; font-weight:700; color:#000; font-size:17px}
.article-module-wrap .article-module.article-rel-list {padding:25px 0}
.article-module-wrap .article-module.article-module-tag {padding-bottom:12px}
.article-module-wrap .article-module.article-module-tag > a {display:inline-block; margin-right:6px; margin-bottom:8px; padding:6px 12px 4px; border:1px solid #ececec; border-radius:10px; color:#2c62eb; font-size:13px; box-sizing:border-box}
.sub .article-rel-list .news-list .item {width:100%; padding-bottom:0; border-bottom:none}
.sub .article-rel-list .news-list .news-tit a {color:#010101}
.sub .article-rel-list .news-list .thumb {width:100px; height:60px; margin-right:10px}
.sub .article-rel-list .news-list .news-tit {line-height:20px; color:#010101; font-size:15px}
.sub .article-rel-list .news-list .txt-cont {flex:1 0 auto}
.sub .article-rel-list .news-list .date {position:relative}

/* 지면보기 */
.sub.paper-wrap .contents .inner {padding-top:30px}
.sub.paper-wrap .header {background-color:#0ba1b3}
.paper-list .badge-new {z-index:1; display:block; position:absolute; top:5px; left:5px;  width:45px; height:45px; padding:17px 8px; border-top-left-radius:10px; border-bottom-right-radius:10px;  font-weight:700; color:#fff; font-size:12px; background-color:#ff0e3c; box-shadow:1px 1px 2px 0px rgba(0,0,0,.3); text-align:center; box-sizing:border-box}
.paper-list {display:flex; flex-wrap:wrap; justify-content:flex-start}
.paper-list li {overflow:hidden; position:relative; flex:0 0 auto; width:calc(50% - 8px); margin-right:15px; margin-bottom:15px; padding:5px 8px 10px; border-radius:10px; border:1px solid #dcdcdc; transition:all 0.1s; box-sizing:border-box; transition: all .5s ease}
.paper-list li:nth-child(2n) {margin-right:0}
.paper-list li:nth-child(2) ~ .item {margin-top:10px} 
.paper-list .thumb {position:relative; width:100%; height:100%; padding-bottom:91%; overflow:hidden}
.paper-list .thumb img {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; object-fit:contain; object-position:top}
.paper-list .num, .paper-list .date {display:block}
.paper-list .cont-item {text-align:center}
.paper-list .cont-item .num {padding-top:13px; border-top:1px solid #f4f4f4; font-weight:700; color:#000; font-size:16px}
.paper-list .cont-item .num a {color:#000}
.paper-list .cont-item .date {margin-top:5px; color:#747474; font-size:13px}

.select-area {margin-bottom:22px; text-align:center}
.select-style {display:inline-block; position:relative; width:105px; margin:0 auto; border-bottom:2px solid #000}
.select-style::after {content:""; display:inline-block; position:absolute; top:7px; right:0; width:0; height:0; border-style:solid; border-width:6px 5px; border-color:#000 transparent transparent transparent;}
.select-style select {cursor:pointer; outline:0; width:100%; padding:0 10px 11px 5px; border:0; border-radius:0; font-weight:700; font-size:19px; color:#000;background-color:transparent; box-sizing:border-box; appearance:none}
.select-style select::-ms-expand {display:none}

.paper-top {padding:15px 22px; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:1px solid #ededf0; text-align:center; box-sizing:border-box; background-color:#f9f9fa}
.paper-num, .paper-date {display:inline-block; vertical-align:middle}
.paper-num {font-size:18px}
.paper-date {margin-left:10px; color:#747474; font-size:13px}
.paper-btn {margin-top:13px; padding-top:13px; border-top:1px solid #ededf0}
.paper-btn .btn-move-area, .paper-btn .select-style, .paper-btn .num-area  {display:inline-block}
.paper-btn [class^="btn-"] {display:inline-block; border:none; vertical-align:middle}
.paper-btn [class^="btn-"]::before {content:''; display:inline-block; width:10px; height:10px; }
.paper-btn .btn-prev, .paper-btn .btn-next {width:16px; height:20px}
.paper-btn .btn-prev {margin-right:5px}
.paper-btn .btn-next {margin-left:5px}
.paper-btn .btn-prev::before {border-top:2px solid #222; border-left:2px solid #222; transform:rotate(-45deg)}
.paper-btn .btn-next::before {border-top:2px solid #222; border-right:2px solid #222; transform:rotate(45deg)}
.paper-btn [class^="btn-"]:hover::before {border-color:#646668}
.paper-btn .num-area > span {display:inline-block; padding:0 10px; color:#000; font-size:16px; box-sizing:border-box}
.paper-btn .num-area > span.no-padding {padding:0}
.paper-btn .num-area > span.present {font-weight:700}
.paper-btn .num-area > span.total {color:#747474}
.paper-btn .select-style {width:60px; margin-left:32px}
.paper-btn .select-style select {padding:0 0 7px; font-size:14px}
.paper-btn .select-style::after {top:4px}
.paper-view {overflow-x:auto; position:relative; margin-bottom:25px}
.paper-view .btn-paper {position:absolute; top:50%; width:50px; height:50px; background-color:rgba(249,249,250,.3); box-shadow:0px 2px 1px 0px rgba(0,0,0,.15); transform:translateY(-50%)}
.paper-view .btn-paper::before {content:''; position:absolute; top:50%; left:0; width:11px; height:11px; transform:rotate(45deg) translateY(-50%);}
.paper-view .btn-paper.prev:before {left:17px; border-bottom:2px solid #000; border-left:2px solid #000}
.paper-view .btn-paper.next:before {left:11px; border-top:2px solid #000; border-right:2px solid #000}
.paper-view .btn-paper.prev {left:0}
.paper-view .btn-paper.next {right:0}

.paper-info-area {margin:-10px 0 10px}
.paper-info-area > a {display:block; padding:5px 0 5px 60px; background:url('https://static.hankyung.com/img/sgsg/ico-mobilehk.png') no-repeat left center; background-size:50px 50px}
.paper-info-area strong, .paper-info-area p { line-height:18px; font-size:14px}
.paper-info-area strong {color:#075cc0}
.paper-info-area p {color:#222; word-break:keep-all}

/* 구독신청, 내역 */
.sub.subs-wrap .header {background-color:#00b091}
.subs-wrap .lnb .lnb-list {justify-content:center}
.subs-wrap .lnb .lnb-list li {padding:0 10%}
.subs-wrap .list-bullet li .user {font-weight:700; text-decoration:underline}
.list-bullet li {padding-left:10px; line-height:25px; font-size:14px; text-indent:-10px; word-break:keep-all}
.list-bullet li::before {content:''; display:inline-block; width:3px; height:3px; margin-right:5px; border-radius:50%; background-color:#222; vertical-align:3px}
.list-bullet + .basic-tbl {margin-top:20px}
.basic-tbl {border-top:1px solid #000; border-bottom:1px solid #c3c3c3}
.basic-tbl table {width:100%; table-layout:fixed}
.basic-tbl thead th {border-bottom:1px solid #c3c3c3}
.basic-tbl tbody th {border-top:1px solid #e3e3e3; font-weight:400}
.basic-tbl th, .basic-tbl td {padding:15px 5px; line-height:18px; font-size:14px; word-break:break-word; text-align:center; box-sizing:border-box}
.basic-tbl tbody td {border-top:1px solid #e3e3e3}
.basic-tbl td {padding:12px 2px}
.basic-tbl.row-tbl td {padding:12px 0px}
.basic-tbl.row-tbl td.inp-padding {padding:7px 2px}
.basic-tbl td.no-padding {padding-bottom:0}
.basic-tbl td .txt-small {display:block; font-size:11px}
.sub-tit + .basic-tbl tbody th {border-top:none}

.contact-info {display:flex; justify-content:space-between; margin:42px 0 25px}
.contact-info .info-box {flex:0 0 auto; width:calc(50% - 5px); padding:17px 0px; border-radius:8px; color:#000; background-color:#eefdf1; box-sizing:border-box; text-align:center}
.contact-info .tit, .contact-info .tel {display:block}
.contact-info .tit {margin-bottom:5px; font-size:12px}
.contact-info .tel {font-weight:700; font-size:16px}
.contact-info .tel::before {content:''; display:inline-block; width:26px; height:26px; margin-right:2px; background-position:-252px -45px; transform:scale(0.7); vertical-align:-8px}
.basic-tbl + .contact-info {margin-top:15px}
.btn-receipt {width:25px; height:22px; margin-left:5px; background-position:-384px -193px; vertical-align:middle}

.list-history.is-mobile {display:block}
.basic-tbl.is-pc {display:none}
.list-history {margin-top:17px}
.history-item {margin-bottom:11px; border-radius:10px; border:4px solid #e9eff0}
.history-item.history-nodata {padding:75px 10px; text-align:center; box-sizing:border-box}
.history-item.history-nodata .txt {display:inline-block; font-weight:700}
.history-item ul {padding:14px 25px; box-sizing:border-box}
.history-item li {display:table; width:100%}
.history-item li + li {margin-top:8px}
.history-item .tit, .history-item .txt {display:table-cell; line-height:22px; font-size:14px; vertical-align:middle}
.history-item .tit {position:relative; width:80px; font-weight:700; color:#000}
.history-item .tit::before {content:''; display:block; position:absolute; top:3px; right:0; width:1px; height:15px; background-color:#ddd}
.history-item .txt {padding-left:28px; color:#222}
.history-item.history-nodata .txt {padding-left:0}

/* 구독신청 상세 */
.essential {display:inline-block; margin-left:3px; width:5px; height:5px; border-radius:50%; vertical-align:top; background-color:#eb0026}
.sub-tit {display:block; padding-bottom:15px; border-bottom:1px solid #000; line-height:22px; font-size:17px; box-sizing:border-box}
.basic-tbl + .sub-tit, textarea + .sub-tit, .list-desc + .sub-tit {margin-top:40px}
.basic-tbl label {display:inline-block; vertical-align:top}
.basic-tbl .inp-txt {width:100%; border:none; color:#333; font-size:15px}
.basic-tbl .inp-txt::placeholder, textarea::placeholder {color:#aaa}
.basic-tbl .inp-txt:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#aaa}
.basic-tbl .inp-txt::-ms-input-placeholder, textarea::-ms-input-placeholder {color:#aaa}
textarea {width:100%; border-radius:8px; border:1px solid #ddd; padding:20px 16px; line-height:21px; font-size:15px; box-sizing:border-box}
.sub-tit + textarea {margin-top:15px}
.sub-tit + .list-desh, textarea + .list-desc {margin-top:10px}
textarea + .list-desc li + li {margin-top:0}
.basic-tbl.row-tbl {border-bottom:none}
.basic-tbl.row-tbl tr:last-child td {border-bottom:1px solid #e3e3e3}
.basic-tbl.row-tbl th, .basic-tbl.row-tbl td {font-size:15px; text-align:left}
.basic-tbl.row-tbl th {width:90px}
.basic-tbl .desc {display:block; margin-top:5px; color:#555; font-size:13px}
.basic-tbl .point-txt {display:block; margin-top:7px; color:#eb0026; font-size:13px}
.basic-tbl .select-style {position:relative; width:130px; border-bottom:none}
.basic-tbl .select-style::before {content:''; display:inline-block; position:absolute; top:-1px; right:0; width:8px; height:8px; border-bottom:2px solid #000; border-right:2px solid #000; transform:rotate(45deg); transform-origin:left top}
.basic-tbl .select-style::after {display:none}
.basic-tbl .select-style select {padding:0; font-weight:400; font-size:15px}

.inp-area .inp-txt, .inp-area span {display:inline-block; vertical-align:middle}
.inp-area .inp-txt {width:58px}
.inp-address {position:relative; width:100%; padding-right:80px; box-sizing:border-box}
.inp-address .btn-line.small {position:absolute; top:50%; right:0; transform:translateY(-50%)}

.list-desc li {line-height:18px; color:#555; font-size:13px; word-break:keep-all}
.list-desc li + li {margin-top:7px}
.list-desh li {padding-left:10px; line-height:25px; font-size:15px; text-indent:-5px; word-break:keep-all}
.list-desh li::before {content:'-'; display:inline-block; margin-right:4px; font-size:15px; vertical-align:middle}

.chk-area {display:block; margin-bottom:15px}
.chk-area label {display:inline-block; position:relative; padding-top:1px; padding-left:28px; font-size:inherit; cursor:pointer}
.chk-area label:before {content:''; display:inline-block; position:absolute; top:1px; left:0; width:18px; height:18px; border:1px solid #666; border-radius:5px; box-sizing:border-box}
.chk-area .inp-chk {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.chk-area .inp-chk:checked + label::before {border-color:#000; background-color:#000}
.chk-area .inp-chk:checked + label:after {content:''; display:block; position:absolute; top:6px; left:3px; width:10px; height:4px; margin-bottom:4px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg);}

.radio-box {display:inline-block; margin-right:10px; margin-bottom:10px; vertical-align:middle}
.radio-box label {display:inline-block; position:relative; padding-left:25px; cursor:pointer}
.radio-box label:before {content:''; display:inline-block; position:absolute; top:-1px; left:0; width:18px; height:18px; border-radius:50px; border:1px solid #363636; background-color:#fff; box-sizing:border-box}
.radio-box input[type="radio"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.radio-box input[type="radio"]:checked + label:after {content:''; display:block; position:absolute; top:3px; left:4px; width:10px; height:10px; border-radius:50px; border-color:#222; background-color:#363636}

.subs-wrap .btn-area {margin-top:40px; margin-bottom:50px}
.subs-wrap .btn-area .btn-cancel, .subs-wrap .btn-area .btn-pay {display:inline-block; min-width:90px; padding:14px 0; border-radius:5px; font-weight:700; color:#fff; font-size:15px}
.subs-wrap .btn-area [class^="btn-"] + [class^="btn-"] {margin-left:8px}
.subs-wrap .btn-cancel {background-color:#777}
.subs-wrap .btn-pay {background-color:#06be29}

.inp-tell {display:table; width:100%; table-layout:fixed}
.inp-tell .col-tell {display:table-cell; vertical-align:middle}
.inp-tell .col-tell.dash {width:10px; color:#aaa; font-size:11px; text-align:center}
.inp-tell .col-tell .inp-txt {height:30px; border-radius:3px; border:1px solid #cacaca; padding:10px; box-sizing:border-box}
.inp-tell .col-tell .inp-txt[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
.inp-tell .col-tell .inp-txt[type=number]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}

/* 구독신청 결과, 실패, 무통장 */
.subs-wrap .result-txt {line-height:26px; color:#000; font-size:18px}
.subs-wrap .result-txt > span {color:#22c22a}
.subs-wrap .result-subtxt {margin-top:10px; line-height:25px; font-size:14px}

.subs-result-wrap {margin:30px 0 60px}
.subs-result-wrap, .subs-bank-wrap, .subs-fail-wrap {text-align:center}

.subs-bank-wrap {margin:35px 0}
.subs-bank-wrap .basic-tbl.row-tbl {margin-top:40px}
.subs-bank-wrap .basic-tbl.row-tbl th {width:30%; border-bottom:1px solid #e3e3e3; background-color:#f9fafc; font-weight:700; text-align:center}
.subs-bank-wrap .basic-tbl.row-tbl tr:last-child th, 
.subs-bank-wrap .basic-tbl.row-tbl tr:last-child td {border-bottom-color:#c3c3c3}
.subs-bank-wrap .basic-tbl.row-tbl td {width:70%; padding:15px 8px; line-height:20px; word-break:keep-all}
.subs-bank-wrap .btn-area {margin-top:25px}

.subs-fail-wrap {margin:30px 0}
.subs-fail-wrap .txt-box {margin-top:25px}
.subs-fail-wrap .fail-txt {position:relative; padding-top:50px; font-weight:700; line-height:25px; font-size:18px}
.subs-fail-wrap .fail-txt::before {content:''; display:block; position:absolute; top:0; left:50%; border-radius:0; border:none; width:36px; height:36px; background-position:-342px -185px; transform:translateX(-50%) scale(1.2)}
.subs-fail-wrap .contact-info {margin:15px 0 0}
.subs-fail-wrap .btn-area {margin-top:20px}
.subs-fail-wrap .btn-full.btn-gray {min-width:85px}

/* 게시판 */
.sub.board-wrap .header {background-color:#00b091}
.sub.board-wrap .contents .inner {padding-top:35px}
.board-list .col.is-pc {display:none}
.board-list {border-top:1px solid #000; border-bottom:1px solid #c3c3c3}
.board-list .board-head, .board-list .board-row {display:table; width:100%; table-layout:fixed}
.board-list .board-head {padding:15px 0px; background-color:#f9fafc; box-sizing:border-box}
.board-list .board-head .col {font-weight:700}
.board-list .board-row {position:relative; padding:13px 0 27px; border-top:1px solid #e3e3e3; box-sizing:border-box}
.board-list .col {display:table-cell; vertical-align:middle; text-align:center}
.board-list .col.num {width:15%}
.board-list .board-row .col.num {transform:translateY(10px)}
.board-list .board-row.notice-fix .col.tit {font-weight:700}
.board-list .board-row .col.num .ico-fix {display:inline-block; width:61px; height:27px; vertical-align:middle; background-position:-249px -322px; transform:scale(0.63); text-indent:-99999px;}

.board-list .col.tit {width:75%}
.board-list .board-row .col.tit {text-align:left}
.board-list .col.file {width:10%}
.board-list .col.date {position:absolute; left:15%; bottom:9px}
.board-list .board-tit {overflow:hidden; display:-webkit-box; max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px; font-size:14px}
.board-list .board-date {color:#666; font-size:12px}
.board-list .icon-file {display:inline-block; width:17px; height:25px; margin:-7px 0; background-position:-273px -191px; transform:scale(0.8) translateY(10px)}
.board-list + .paging {margin-bottom:40px}

.board-view-top {padding:15px 20px; border-top:1px solid #000; background-color:#f9fafc; box-sizing:border-box}
.board-view-top::after {content:''; display:block; clear:both}
.board-view-tit {display:block; margin-bottom:10px; line-height:27px; font-size:18px}
.board-view-top .view-date {color:#666; font-size:14px}
.board-view-top .file-area {float:right; position:relative; min-width:65%; text-align:right; transform:translateY(-5px)}
.file-area .btn-file {display:inline-block; font-weight:700; color:#222; font-size:14px}
.file-area .btn-file::before {content:''; display:inline-block; width:17px; height:25px; vertical-align:middle; background-position:-273px -191px; transform:scale(0.7)}
.file-area .btn-file span {display:inline-block; position:relative}
.file-area .btn-file span::before {content:''; display:bolck; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000}
.layer-files {display:none; position:absolute; top:30px; right:0; min-width:115px; padding:15px; border:1px solid #c3c3c3; box-sizing:border-box; background-color:#fff; box-shadow:0px 0px 3px 0px rgba(0,0,0,.14); text-align:left}
.layer-files.active {display:block}
.layer-files .file-item {width:100%}
.layer-files .file-item > a {display:block; font-weight:700; color:#000; font-size:13px}
.layer-files .file-item > a:hover {border-bottom:1px solid #000; text-decoration:none}
.layer-files .file-item > a > span {display:inline-block; vertical-align:middle}
.layer-files .file-item + .file-item {margin-top:5px}
.layer-files .file-item .filename {max-width:calc(93% - 16px)}
.layer-files .file-item .filename span {white-space:normal;}
.view-cont {padding:20px 15px 50px; line-height:24px; font-size:15px; box-sizing:border-box}
.view-cont .view-img {text-align:center}
.view-history {border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3}
.view-history li {display:table; width:100%; table-layout:fixed; padding:13px 0; font-weight:700; font-size:14px}
.view-history li + li {border-top:1px solid #f0f0f0}
.view-history li > div {display:table-cell; vertical-align:middle; text-align:left}
.view-history li > div.history-btn {width:92px}
/* .view-history li > div.history-tit {width:calc(100% - 93px)} */
.view-history li p {display:inline-block; color:#999}
.view-history .prev, .view-history .next {position:relative; color:#444; font-size:14px; vertical-align:middle}
.view-history .prev:hover, .view-history .next:hover {text-decoration:none}
.view-history .prev::after, .view-history .next::after {content:''; display:inline-block; width:0; height:0; margin-left:10px; border-width:5px 4px; border-style:solid}
.view-history .prev::after {border-color:transparent transparent #999 transparent; vertical-align:2px}
.view-history .next::after {border-color:#999 transparent transparent transparent; vertical-align:-5px}
.view-history + .btn-area {margin:20px 0 30px}
.view-history + .btn-area .btn-line {min-width:90px; padding:10px; font-weight:700; font-size:15px}
.history-tit > a {overflow:hidden; display:-webkit-box; max-height:48px; text-overflow:ellipsis; -webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px; color:#444}

/* 검색페이지 */
.sub.search-wrap .header {background-color:#00b091}
.sub.search-wrap .contents .inner {padding-top:35px}
.search-wrap .keyword {font-weight:700; color:#000}
.search-top {padding:10px 20px; background-color:#f6f6f6}
.inp-search {position:relative; width:100%; border-radius:30px; padding:13px 53px 13px 25px; background-color:#fff; box-sizing:border-box}
.inp-search .btn-search {position:absolute; top:50%; transform:translateY(-50%)}
.inp-search .inp-txt {width:100%; border:none; font-size:16px}
.inp-search .inp-txt::placeholder {color:#9f9f9f}
.inp-search .inp-txt:-ms-input-placeholder {color:#9f9f9f}
.inp-search .inp-txt::-ms-input-placeholder {color:#9f9f9f}
.inp-search .inp-txt:-webkit-autofill,
.inp-search .inp-txt:-webkit-autofill:hover,
.inp-search .inp-txt:-webkit-autofill:focus,
.inp-search .inp-txt:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px white inset; /*transition: background-color 5000s ease-in-out 0s*/}

.inp-search .btn-search {right:10px; width:35px; height:35px}
.inp-search .btn-search::before {content:''; display:block; width:32px; height:32px; background-position:-78px 0px; transform:scale(0.75)}
.search-nodata {padding-bottom:80px; text-align:center}
.search-nodata > p {margin-bottom:15px; line-height:28px; font-size:18px}
.search-nodata .search-keyword {color:#008f68}
.search-nodata .list-desh {color:#888; font-size:14px; text-align:left}

.search-list .item + .item {margin-top:18px; margin-left:0}
.search-list .item {display:flex; float:none; align-items:center; justify-content:space-between; width:100%; border:none; background-color:transparent}
.search-list .thumb {flex:0 0 auto; position:relative; width:120px; height:85px}
.search-list .thumb:after {content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border: 1px solid rgba(236,236,236); border-radius:6px; box-sizing: border-box; pointer-events: none}
.search-list .thumb > a {overflow:hidden; display:block; height:100%; border-radius:7px}
.search-list .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}
.search-list .txt-cont {flex:0 0 auto; width:calc(100% - 135px); padding:0; box-sizing:border-box}
.search-list .item.no-thumb .txt-cont {width:100%}
.search-list .subject-tit, .search-list .subject-tit a {color:#0aad34}
.search-list .subject-tit {display:block; margin-bottom:5px; font-weight:700;  font-size:13px; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; -webkit-line-clamp:1}
.search-list .news-tit {max-height:42px; font-weight:400; line-height:21px; font-size:16px}
.search-list .news-tit a {color:#222}
.search-list .lead {display:none; max-height:42px; margin-top:10px; color:#666; line-height:21px; font-size:15px}
.search-list .date {display:block; margin-top:5px; color:#999; font-size:12px}
.search-list + .paging {margin-top:45px; margin-bottom:30px}

.search-result-area {margin-top:-20px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #e3e3e3; box-sizing:border-box}
.search-result-area .is-pc {display:none}
.search-result {font-size:15px}
.search-result > span {color:#008f68}

/* 생글 쉼터 */
.sub.resting-wrap .header, .sub.recommend-wrap .header {background-color:#2791ed}
.sub.resting-wrap .news-list .subject-tit, .sub.resting-wrap .news-list .subject-tit a,
.sub.recommend-wrap .news-list .subject-tit, .sub.recommend-wrap .news-list .subject-tit a {color:#57aef9}

/* 생글 학습 */
.sub.learning-wrap .header {background-color:#8e4fe4}
.sub.learning-wrap .news-list .subject-tit, .sub.learning-wrap .news-list .subject-tit a {color:#ab4fe4}

/* 공지사항 */
.sub.notice-wrap .header {background-color:#ed7b57}
.sub.notice-wrap .news-list .subject-tit, .sub.notice-wrap .news-list .subject-tit a {color:#5d0aab}

/* 생글 추천콘텐츠 */
.sub.resting-wrap .contents .inner {padding-top:63px}
.sub.resting-wrap .cont-tit img {width:205px}
.recommend-wrap .top-txt, .recommend-wrap .top-desc {text-align:center}
.recommend-wrap .top-txt {margin-top:5px; line-height:21px; font-size:16px}
.recommend-wrap .top-txt strong {display:block; margin-bottom:8px; font-size:17px}
.recommend-wrap .top-txt.only {margin-top:0; margin-bottom:30px}
.recommend-wrap .top-desc {margin-top:15px; line-height:23px; font-size:14px}
.recommend-wrap .btn-line.more {min-width:140px; width:auto; padding:12px ​20px 10px 24p}
.recomm-box {margin-top:20px}
.recomm-list li {margin-bottom:10px; padding:15px 13px; border-radius:10px; border:1px solid #ebeaea; background-color:#f9f9f9; box-sizing:border-box}
.recomm-tit {overflow:hidden; display:block; display:-webkit-box; max-height:41px;text-overflow:ellipsis; -webkit-box-orient:vertical; line-height:21px; font-size:16px; -webkit-line-clamp:2}
.recomm-list .date {display:block; margin-top:7px; color:#999; font-size:11px}
.recomm-list + .btn-area {margin-top:20px}

/* 테샛 */
.sub.tesat-wrap .header {background-color:#efa300}
.sub.tesat-wrap .news-list .subject-tit, .sub.tesat-wrap .news-list .subject-tit a {color:#ff8d00}
.tesat-wrap .lnb .lnb-list li {padding:0 5px}
.tesat-wrap .basic-tbl.row-tbl th {width:30%; border-bottom:1px solid #e3e3e3; background-color:#f9fafc; font-weight:700; text-align:center}
.tesat-wrap .basic-tbl.row-tbl tr:last-child th, 
.tesat-wrap .basic-tbl.row-tbl tr:last-child td {border-bottom-color:#c3c3c3}
.tesat-wrap .basic-tbl.row-tbl td {width:70%; padding:15px 8px; line-height:20px; word-break:keep-all}
.tesat-wrap .list-desh li {font-size:14px}
.cont-sub-tit {margin:30px 0 13px; line-height:22px; font-size:18px}
.txt-box {padding:20px 15px; border:10px solid #f9fafc; box-sizing:border-box}
.step-list + .step-list {margin-top:25px; padding-top:25px; border-top:1px solid #eaeaea}
.step-list li {position:relative; padding:15px 30px; border-radius:27px; border:5px solid; box-sizing:border-box; text-align:center}
.step-list li + li {position:relative; margin-top:20px}
.step-list li + li::before {content:''; display:block; position:absolute; top:-29px; left:50%; width:9px; height:9px; border-bottom:3px solid #dcdcdc; border-left:3px solid #dcdcdc; transform:rotate(-45deg) translateX(-50%)}
.step-list li.step1 {border-color:#eaeaea}
.step-list li.step2 {border-color:#c2f3d9}
.step-list li.step3 {border-color:#4cda9d}
.step-list li.step4 {border-color:#2ac09c}
.step-list li.step5 {border-color:#1db891; background-color:#1db891}
.step-list.type2 li.step1 {border-color:#eaeaea}
.step-list.type2 li.step2 {border-color:#c2e4f1}
.step-list.type2 li.step3 {border-color:#7dcbe9}
.step-list.type2 li.step4 {border-color:#42b2e4}
.step-list.type2 li.step5 {border-color:#085abe; background-color:#085abe}
.step-list.type2 li > em {color:#496fe1}
.step-list li.step5 > em, .step-list li.step5 > span {color:#fff}
.step-list li > em, .step-list li > span {display:inline-block; font-weight:700; vertical-align:middle}
.step-list li > em {position:absolute; top:50%; left:30px; color:#32b9b5; font-size:14px; transform:translateY(-50%)}
.step-list li > span {color:#000; font-size:15px}
.step-desc {margin-top:24px; padding:0 20px; line-height:25px; font-size:15px; text-align:center}
.step-desc + .btn-area {margin:20px 0}
.btn-full {min-width:157px; padding:13px 0 11px; border-radius:5px; font-weight:700; color:#fff; line-height:21px; font-size:15px; background-color:#06be29}

/* 에러페이지 */
.noheader-wrap .logo {position:relative; top:auto; left:0px}
.header-wrap {max-width:1210px; margin:0 20px; padding:10px 0; border-bottom:1px solid #333; box-sizing:border-box}
.header-wrap .logo-sgsg {width:102px; height:42px; background:url('https://static.hankyung.com/img/logo/rel/logo-sgsg.svg') no-repeat 0 0/102px 42px}
.error-wrap {padding-bottom:135px; text-align:center}
.error-txt {position:relative; padding-top:87px; line-height:25px; font-size:19px}
.error-txt::before {content:'!'; display:block; position:absolute; top:0; left:50%; border-radius:50%; border:8px solid #00c212; width:67px; height:67px; margin:0 auto; padding:18px; font-weight:700; color:#00c212; font-size:34px; box-sizing:border-box; transform:translateX(-50%)} 
.error-info {margin-top:15px; color:#777; line-height:22px; font-size:14px}
.error-wrap .btn-area {margin-top:45px}
.btn-full.btn-gray {background-color:#777}
.error-wrap .btn-full {min-width:120px}
.error-wrap .btn-full + .btn-full {margin-left:7px}

/* 사이트맵 */
.header-wrap .logo-page {display:inline-block; color:#000; font-size:20px; transform:rotate(0.03deg) translate(10px,-8px)}
.header-wrap .logo-page a:hover {text-decoration:none}
.sitemap-wrap {margin-top:-25px; padding-bottom:10px}
.sitemap-wrap .txt-box {border-width:4px; border-color:#f6f6f6; border-radius:10px}
.archive-tit {margin-bottom:15px; font-size:15px}
.archive-list:after {content:''; display:block; clear:both}
.archive-list li {float:left; width:25%; max-width:67px; text-align:center}
.archive-list li a {display:block; padding:15px 10px; font-weight:700; color:#000; font-size:17px; box-sizing:border-box}

.sitemap-wrap .nav-area {margin-bottom:20px}
.sitemap-wrap .nav-area li > a, .sitemap-wrap .nav-area li > strong {font-size:15px}
.sitemap-wrap .nav-area li > a {padding-right:20px; color:#666}
.sitemap-wrap .nav-area li > a::before {border-color:#999}
.sitemap-wrap .nav-area li > strong {color:#222}
.sitemap-wrap .nav-area li > a::before {top:5px; right:10px; width:6px; height:6px; border-color:#222}
.archive-day dl + dl {margin-top:25px}
.archive-day dt {display:block; font-weight:700; font-size:15px}
.archive-day dd {font-size:12px}
.archive-day dd ul:after {content:''; display:block; clear:both}
.archive-day dd li {float:left; width:35px; margin-top:8px; font-weight:700; color:#c5c5c5; text-align:right}
.archive-day dd li a {color:#57ab25}

.archive-article li {position:relative; margin-bottom:10px; padding-left:10px}
.archive-article li:before {content:''; position:absolute; top:9px; left:0; width:2px; height:2px; border-radius:50%; background-color:#222}
.archive-article .news-tit {font-weight:400; line-height:25px; color:#57ab25; font-size:16px}
.archive-article .news-tit a {color:#57ab25}



@media screen and (max-width:1040px) {
    .sgsg-pick .main-news-list .item:nth-child(2n+1) {left:0}
}
@media screen and (max-width:900px) {
    .main-top {background:url('https://static.hankyung.com/img/sgsg/bg-main-m.png?v=211130') no-repeat center bottom/cover}
    .main .wrap::after {background:none}
}
@media screen and (max-width:767px) {
    .main .header .inner {position:static}
    .header-cont {padding-right:50px}
    .header .btn-open-search {top:19px; right:3px}
    .header .layer-search .inp-txt {height:40px; padding-right:40px}
    .header .layer-search .btn-search {top:-2px; right:5px}
    .paper-list .hover-item {display:none}
}
@media screen and (max-width:430px) {
    .board-list .board-row .col.num .ico-fix {margin-left:-6px}
}
@media screen and (max-width:359px) {
    .header .sitemap-menu .sv-cate .sv-tit {font-size:15px}
    .btn-top-area {right:15%}
}
@media screen and (max-width:320px) {
    .banner-wrap .is-mobile a img {max-width:100%}
    .footer .sitemap-menu .sv-cate .sv-tit {font-size:14px}
    .board-list .board-row .col.num .ico-fix {margin-left:-8px}
}

/* 웹, 테블릿 */
@media screen and (min-width:768px) {
    .main .wrap {position:relative}
    .main .wrap::after {z-index:-1; content:''; display:block; position:absolute; right:0; top:0; width:50%; height:574px; background:linear-gradient(0deg, #E9FAF7 3.5%, #0bb8a0 3.5%)}
    .inner {max-width:1040px; margin:0 auto}
    .logo {top:20px; left:0;}
    .main .logo::before {top:-17px; left:-5px; transform:scale(0.88)}
    .logo-sgsg {width:127px; height:49px; margin-top:5px; background-size:127px 49px}
    .header-wrap .logo-sgsg {width:127px; height:49px; background-size:127px 49px}

    .main .header::before {background-size:auto}
    .header {height:100px; padding:0 20px; box-sizing:border-box}
    .header .inner {max-width:1215px; padding:0}
    .header .btn-open-search {top:28px; right:8px}
    .btn-allmenu {top:20px; right:0; width:60px; height:60px}
    .layer-allmenu {top:99px}

    .open-allmenu .btn-allmenu::before,
    .open-allmenu .btn-allmenu::after {top:17px; height:26px; width:3px}
    
    .btn-allmenu .bar, .btn-allmenu .bar::before, .btn-allmenu .bar::after {width:25px; height:3px}
    .btn-allmenu .line-area {height:21px}
    .btn-allmenu .bar::before {top:-8px}
    .btn-allmenu .bar::after {bottom:-8px}

    .sticky .header, .open-allmenu .header {height:100px}
    .sticky .header .logo, .open-allmenu .header .logo {top:20px}
    .main .logo, .sticky .main .header .logo, .open-allmenu.main .header .logo {top:30px}
    .sticky .header .logo-sgsg, .open-allmenu .header .logo-sgsg {width:127px; height:49px; background-size:127px 49px}

    .sgsg-pick {padding-bottom:50px}

    /* 배너 */
    .banner-area {max-width:1040px; margin:25px auto 0}
    .banner-wrap .is-pc .banner-area.col2 {display:flex; justify-content:space-between; margin:60px auto 0}
    .banner-wrap .is-pc .banner-area.col2 .col {width:505px; height:90px}
    .banner-wrap .is-pc .banner-area.col2 .col + .col {margin-left:30px}
    .banner-wrap .is-pc .banner-area.col2 .col img {height:100%; object-fit:cover}

    .btn-line.more {min-width:175px; width:auto; padding:12px 52px 11px 55px; font-size:18px; letter-spacing:-0.05em}
    .btn-line.more span {padding-right:25px}
    .btn-line.more span::before {width:8px; height:8px}

    .sitemap-menu .service-wrap {padding:0 25px; box-sizing:border-box}

    /* footer */
    .footer .sitemap-menu {padding:30px 0}

    .btn-top-area {right:10%}
    .btn-top-area .btn-top {width:50px; height:50px}
    .btn-top-area .btn-top::before {top:calc(50% + 5px); width:15px; height:15px}


    /* ----------- 서브페이지 ------------ */
    .sub .header {height:310px; background:#00b091 url('https://static.hankyung.com/img/sgsg/bg-sub-top.png?v=211111') no-repeat 54% top}
    .sub .header .header-cont {height:100px}
    .sticky .sub .header {height:100px}
    .sticky #wrap {padding-top:100px}
    .sticky .sub .contents .inner {padding-top:55px}

    .sub .contents .inner {padding-top:60px}
    .sub .cont-tit {margin-bottom:20px; font-size:34px}
    
    .lnb .inner {max-width:1040px}
    .lnb .lnb-tit {font-size:45px}
    .lnb .lnb-cont {margin-top:30px}
    .lnb .lnb-cont p {padding-left:25px; font-size:16px}
    .lnb .lnb-cont p::before {top:-1px; transform:scale(1)}

    /* LNB */
    .lnb .lnb-menu {max-width:1040px; margin:0 auto; top:65px; height:75px; border-radius:40px}
    .lnb .inner-scroll {height:75px; padding-bottom:95px;}
    .lnb .lnb-list {height:75px}
    .lnb .lnb-list li {padding:0 30px; font-size:20px}
    .lnb .lnb-list li.on a::before {bottom:-25px; height:4px}

    /* 기사뷰 */
    .nav-area li > a::before {top:11px}
    .article-head .date-info .is-mobile {display:none}
    .article-head .date-info > span:nth-child(2) {margin-right:7px; padding-right:8px}
    .article-head .date-info > span:nth-child(2)::before {display:block}

    /* 지면보기 */
    .sub.paper-wrap .contents .inner {padding-top:60px}
    .select-area {margin-bottom:55px}
    .select-style {width:140px}
    .select-style select {padding:0 20px 15px 0px; font-size:24px}
    .select-style::after {border-width:9px 7px}
    .paper-list .badge-new {top:10px; left:10px; width:60px; height:60px; padding:22px 8px; font-size:16px; box-shadow:3px 3px 5px 0px rgb(0,0,0,.3)}
    .paper-list .hover-item {z-index:10; visibility:hidden; position:absolute; top:0; left:0; bottom:0; right:0; text-align:center}
    .paper-list li:hover .hover-item {visibility:visible; background-color:rgba(0,0,0,.85);  transition:all .3s}
    .paper-list .hover-item > div {position:absolute; top:50%; left:50%; width:100%; padding:0 45px; transform:translate(-50%,-50%); box-sizing:border-box}
    .paper-list .hover-item .num, .paper-list .hover-item .date {color:#fff}
    .paper-list .hover-item .num {font-size:26px}
    .paper-list .hover-item .date {margin-top:13px; font-size:13px}
    .paper-list .hover-item .btn-area {margin-top:35px; padding-top:30px; border-top:1px solid #fff}
    .paper-list .btn-pdf {display:inline-block; padding:7px 13% 6px; border-radius:20px; border:1px solid #fff; font-size:14px; color:#fff; box-sizing:border-box}
    .paper-list .btn-pdf::before {content:''; display:inline-block; width:23px; height:23px; margin-right:5px; background-position:-115px -45px; vertical-align:middle}
    .paper-list .btn-pdf:hover {text-decoration:none}
    
    .paper-date::before {top:1px; height:17px}
    .paper-view {margin-bottom:70px}
    .paper-view .btn-paper {width:75px; height:75px; box-shadow:0px 3px 1px 0px rgba(0,0,0,.15); background-color:rgba(249,249,250,1)}
    .paper-view .btn-paper::before {top:50%; left:0; width:20px; height:20px; transform:rotate(45deg) translateY(-50%)}
    .paper-view .btn-paper.prev:before {left:24px; border-bottom:5px solid #000; border-left:5px solid #000}
    .paper-view .btn-paper.next:before {left:10px; border-top:5px solid #000; border-right:5px solid #000}

    /* 구독신청 */
    .subs-wrap .lnb .lnb-list li {padding:0 60px}
    .contact-info .info-box {padding:50px 0}
    .contact-info .tit {font-size:16px}
    .contact-info .tel {font-size:24px}
    .contact-info .tel::before {margin-right:8px; vertical-align:-5px; transform:scale(1)}
    .basic-tbl + .contact-info {margin-top:55px}
    .basic-tbl .point-txt {display:inline-block; margin-top:0; margin-left:30px; font-size:16px}
    .inp-address, .inp-tell {width:500px}
    .inp-tell .col-tell .inp-txt {height:42px}
    .inp-tell .col-tell.dash {width:30px}
    textarea + .list-desc li + li {margin-top:7px}
    .list-history.is-mobile {display:none}
    .basic-tbl.is-pc {display:block}
    .btn-receipt {margin-left:0}
    
    /* 구독신청 결과, 실패, 무통장 */
    .subs-wrap .btn-area {margin-top:50px; margin-bottom:100px}
    .subs-wrap .result-txt {font-size:26px}
    .subs-wrap .result-subtxt {margin-top:20px; line-height:34px; font-size:18px}

    .subs-result-wrap {margin-bottom:90px}
    .subs-result-wrap .btn-full, .subs-bank-wrap .btn-full {padding:19px 0 17px}
    
    .subs-bank-wrap {margin:25px 0 70px}
    .subs-bank-wrap .basic-tbl.row-tbl td {padding:15px 40px}
    
    .subs-fail-wrap {margin-bottom:55px}
    .subs-fail-wrap .txt-box {padding:30px 15px 45px}
    .subs-fail-wrap .fail-txt {padding-top:85px; line-height:28px; font-size:24px}
    .subs-fail-wrap .fail-txt::before {top:10px; transform:translateX(-50%) scale(1.6)}
    .subs-fail-wrap .error-info {line-height:28px}
    .subs-fail-wrap .contact-info {margin-top:30px}
    .subs-fail-wrap .btn-full.btn-gray {min-width:110px; padding:20px 0 18px}

    /* 생글 추천콘텐츠 */
    .sub.recommend-wrap .contents .inner {padding-top:115px}
    .recommend-wrap .top-txt {line-height:32px; font-size:17px}
    .recommend-wrap .top-txt.only {margin-bottom:0}
    .recommend-wrap .top-txt::before {display:none}
    .recommend-wrap .top-txt strong {font-size:20px}
    .recommend-wrap .top-desc {margin-top:15px; line-height:25px; color:#555; font-size:16px}
    .recommend-wrap .txt-box {margin-top:35px; padding:40px 0; border-radius:15px; border:1px solid #eaeaea; box-sizing:border-box}
    .recommend-wrap .btn-line.more {padding:15px 25px 15px 30px; font-size:18px}

    /* 테샛 */
    .tesat-wrap .lnb .lnb-list {justify-content:center}
    .tesat-wrap .lnb .lnb-list li {padding:0 55px}
    .sub.tesat-wrap .cont-tit {margin-top:40px}
    
    /* 에러페이지 */
    .header-wrap {padding:20px 0; border-width:2px}
    .error-wrap {padding-bottom:75px}
    .error-wrap .btn-area {margin-top:80px}
    .error-wrap .btn-full {min-width:165px; padding:15px 0 14px; font-size:18px}
    .error-txt {padding-top:130px; font-weight:700; font-size:28px}
    .error-txt::before {width:90px; height:90px; border-width:9px; padding:26px; font-size:50px}
    .error-info {margin-top:20px; line-height:24px; font-size:16px}

    /* 사이트맵 */
    .sitemap-wrap {margin-top:0px; padding-bottom:60px}
    .sitemap-wrap .txt-box {padding:35px 40px; border-width:10px; border-radius:25px}
    .header-wrap .logo-page {font-size:30px; transform:rotate(0.03deg) translate(20px,-5px)}
    .archive-year {padding-bottom:20%}
    .archive-tit {font-size:16px}
    .archive-list li {width:63px; margin-right:15px}
    .archive-list li a {font-size:18px}
    
    .sitemap-wrap .nav-area li > a::before {top:5px; right:8px; width:7px; height:7px}
    .sitemap-wrap .nav-area li > a, .sitemap-wrap .nav-area li > strong {font-size:16px}
    .archive-day dl {position:relative; margin-bottom:10px; padding-left:55px; padding-bottom:20px; border-bottom:1px solid #f0f0f0; box-sizing:border-box}
    .archive-day dl + dl {margin-top:0px}
    .archive-day dt {position:absolute; top:7px; left:0; font-size:18px}
    .archive-day dd {font-size:14px}
    .archive-day dd li {width:55px}

    .archive-article {padding:30px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}
    .archive-article .news-tit {font-size:17px}
    .archive-article li {padding-left:20px}
    .archive-article li:before {width:3px; height:3px}
    
}
@media screen and (min-width:900px) {
    
    .main .header::before {z-index:-1; background:none}
    .header {background:transparent}
    .main .wrap {background:url('https://static.hankyung.com/img/sgsg/bg-main-pc.png?v=211126') no-repeat center top}
    .main-top {margin-top:55px; padding:0 20px; text-align:left}
    .main-top .inner {padding:0 20px}
    .main-top .inner::before {right:auto; left:0; width:100%}
    .main-news-slide {padding:0}
    .main-news-slide .item {position:relative; height:365px; padding-right:615px;}
    .main-news-slide .thumb {position:absolute; top:0; right:0px; width:505px; height:300px; padding-right:25px; padding-bottom:65px; box-sizing:initial;}
    .main-news-slide .thumb a {display:block; position:static; width:100%; height:100%; border-radius:25px}
    .main-news-slide .news-category {margin-top:0; margin-bottom:30px}
    .main-news-slide .news-category a {text-transform:uppercase; font-weight:400; font-size:18px}
    .main-news-slide .news-tit {max-height:104px; padding:0; line-height:52px; font-size:38px}
    .main-news-slide .lead {display:block; display:-webkit-box}

    .slide-nav > span {font-size:18px}
    .slide-nav .slide-bar {width:105px; height:3px; margin:-2px 13px 0}
    .slide-status {width:10px; height:22px; margin-left:16px}
    .slide-status .btn-pause::before {margin-top:0; border-width:8px}
    .slide-status .btn-play::before {margin-top:2px; transform:scale(1)}
    .slick-dots {display:none}

    .main-top .slide-info {z-index:1; position:absolute; bottom:70px; left:20px}
    .main-tit {font-size:32px}
    .main-news-list .txt-cont {padding:20px 15px}
    
    .banner-wrap .is-pc {display:block}
    .banner-wrap .is-mobile {display:none}

    .ico-video {bottom:15px; right:15px; width:41px; height:41px; transform:scale(1)}

    section .inner {-webkit-transform: translate3d(0,80px,0); transform:translate3d(0,80px,0)}

    /* 생글 PICK */
    .sgsg-pick {margin-top:85px; background:url('https://static.hankyung.com/img/sgsg/bg-pick.png') no-repeat center top}
    .sgsg-pick::before {top:0; left:calc(50% - 795px); width:309px; height:309px}
    .sgsg-pick::after {bottom:-42px; right:calc(50% - 630px); width:203px; height:203px}
    .sgsg-pick .main-news-list .item {width:calc(25% - 15px); margin:0}
    .sgsg-pick .main-news-list .item:nth-child(2) ~ .item {margin-top:0}
    .sgsg-pick .main-news-list .subject-tit {margin-bottom:10px; font-size:15px}
    .sgsg-pick .main-news-list .news-tit {max-height:60px; line-height:30px; font-size:20px}

    /* 생글 SPECIAL */
    .sgsg-special {padding:80px 0 60px; background:#f5fef1 url('https://static.hankyung.com/img/sgsg/bg-special.png') no-repeat center 70px}
    .sgsg-special .main-tit {margin-bottom:0; text-align:center}
    .sgsg-special .main-news-list::after {content:''; display:block; clear:both}
    .sgsg-special .main-news-list .item {display:block; float:left; width:28.5%; margin-bottom:30px; box-shadow:1px 1px 5px 0px rgba(0,0,0,.08)}
    .sgsg-special .main-news-list .item .thumb img {transition: all .3s ease;}
    .sgsg-special .main-news-list .item:hover .thumb img {transform:scale(1.2)}
    .sgsg-special .main-news-list .item + .item {margin-top:0; margin-left:7.25%}
    .sgsg-special .main-news-list .item:nth-child(3n + 1) {clear:both; margin-left:0}
    .sgsg-special .main-news-list .item:nth-child(3n + 2) {transform:translateY(55px)}
    .sgsg-special .main-news-list .txt-cont {flex:initial; width:100%; padding:20px 18px; background-color:#fff}
    .sgsg-special .main-news-list .thumb {width:300px; height:210px; border-radius:0}
    .sgsg-special .main-news-list .subject-tit {margin-bottom:11px}
    .sgsg-special .main-news-list .subject-tit a {padding:4px 10px; font-size:13px}
    .sgsg-special .main-news-list .news-tit {max-height:56px; border-radius:0; line-height:28px; font-size:20px}
    .sgsg-special .btn-area {margin-top:75px}

    /* 지면보기 */
    .conents .sgsg-paper .inner {padding:0}
    .sgsg-paper {display:block; padding:80px 0 50px; background:#e9faf8 url('https://static.hankyung.com/img/sgsg/bg-paper.png') no-repeat center; box-sizing:border-box}

    .sgsg-paper .slick-arrow {display:block !important; position:absolute; top:97px; z-index:2; width:47px; height:106px; color:transparent; font-size:0; text-align:center}
    .sgsg-paper .slick-prev {left:0px; border-radius:10px 0 0 10px}
    .sgsg-paper .slick-next {right:0px; border-radius:0 10px 10px 0}
    .sgsg-paper .slick-arrow::before {content:''; position:absolute; top:50%; left:0; width:30px; height:30px; transform:rotate(45deg) translateY(-50%);}
    .sgsg-paper .slick-prev:before {border-bottom:6px solid #6f6f6f; border-left:6px solid #6f6f6f}
    .sgsg-paper .slick-next:before {left:-15px; border-top:6px solid #6f6f6f; border-right:6px solid #6f6f6f}

    .paper-slide-list {position:relative; padding:0 50px}
    .paper-slide-list .slick-list {margin:0; padding:0 !important; position: relative; left:-10px; overflow:hidden}
    .paper-slide-list .slick-track {padding-top:65px}
    .paper-slide-list .item > a,
    .paper-slide-list .item .thumb {display:inline-block; position:relative}
    .paper-slide-list .item .thumb {transition:all .3s ease}
    .paper-slide-list .item .thumb::before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.6)}
    .paper-slide-list .item {text-align:center}
    .paper-slide-list .item img {width:115px; height:170px; object-fit:cover; object-position:top;}
    .paper-slide-list .item .num {display:block; position:absolute; left:50%; bottom:-35px; width:100%; transform:translateX(-50%); color:#666; font-size:15px}
    .paper-slide {position:relative}
    .paper-slide .paper-cont {position:absolute; bottom:35px; left:50%; width:60%; transform:translateX(-50%); text-align:center}
    .paper-slide .paper-cont .page {display:block; margin:15px 0 10px; font-weight:700; color:#009e55; font-size:20px}
    .paper-slide .paper-cont .news-tit {display:block; height:32px; font-weight:400; font-size:28px; -webkit-line-clamp:1; text-overflow:ellipsis; white-space:nowrap}
    .paper-slide .paper-cont .news-tit .num {font-weight:700; color:#000}
    
    .paper-slide-list .item.slick-center {width:205px !important;}
    .paper-slide-list .item.slick-center > a {display:block; width:100%; height:100%}
    .paper-slide-list .item.slick-center .thumb {box-shadow:3px 3px 6px 0 rgba(0,0,0,.11);}
    .paper-slide-list .item.slick-center .thumb::before {display:none}
    .paper-slide-list .item.slick-center .num {bottom:-55px; font-weight:700; color:#222; font-size:15px}

    .paper-list li, .paper-list li:nth-child(2n) {margin-right:20px}
    .paper-list li:nth-child(4n) {margin-right:0}
    .paper-list .thumb {height:200px; padding-bottom:0}
    .paper-list .thumb a {display:block; height:100%; text-align:center}
    .paper-list .thumb img {position:relative; top:auto; left:auto; width:auto; max-width:100%; transform:none}
    .paper-info-area {display:none}

    /* footer */
    .footer {padding:90px 0 145px}
    .footer .sitemap-menu {margin-top:13px; margin-bottom:35px; padding:30px 0}
    .footer .foot-tit {font-size:22px}
    .footer .sitemap-menu .service-wrap {justify-content: space-between;}
    .footer .sitemap-menu .sv-cate {width:auto; margin-right:6%}
    .footer .sitemap-menu .sv-cate .sv-tit {font-size:16px}
    .footer .sitemap-menu .sv-cate .sv-list li {margin-top:13px; line-height:15px}
    .footer .sitemap-menu .sv-cate .sv-list a {font-size:14px}
    .footer .sitemap-menu .sv-cate:last-child {margin-right:0}
    .footer .sitemap-menu .sv-cate .sv-tit + .sv-tit {margin-top:18px}
    .footer .family-site {margin-top:25px}
    .footer address {margin-bottom:5px}
    .footer address, .footer .foot-cont > a, .footer .foot-cont > span, .footer .copyright {font-size:14px}    

    
    /* 구독신청, 테샛신청, 문의하기 모듈 */
    .sgsg-contact {padding-top:43px}
    .contact-wrap ul {display:flex; justify-content:space-between; border-radius:10px; border:1px solid #ddd}
    .contact-wrap ul li {flex:0 0 auto; width:33.33%; padding:27px 24px 85px; border:none; border-radius:0}
    .contact-wrap li + li {margin-top:0; border-left:1px solid #ddd}
    .contact-cont {display:block; min-height:165px; padding-bottom:30px;  text-align:center; box-sizing:border-box}
    .contact-wrap .txt {line-height:25px; font-size:15px; letter-spacing:-0.02em; word-break:keep-all}
    .contact-cont p {line-height:24px; font-size:16px}
    .contact-cont .contact-tit, .contact-cont .contact-txt {display:block}
    .contact-cont .contact-tit {width:90px; height:90px; margin:0 auto}
    .contact-cont .contact-tit::before {top:50%; left:50%; transform:translate(-50%,-50%) scale(1)}
    .contact-cont .contact-txt {width:100%; margin-top:15px; padding-left:0; text-align:left}
    .contact-cont.contact-subs .contact-txt {text-align:center}
    .contact-cont.contact-subs .is-mobile {display:none}
    .contact-cont .contact-txt .tit {width:90px; font-size:16px}
    .contact-cont .contact-txt a {width:calc(100% - 90px); font-size:20px}
    .contact-cont .txt-tit {margin:20px 0 18px; line-height:1; font-size:24px}
    .contact-wrap .btn-area {position:absolute; bottom:38px; left:50%; margin-top:0px; transform:translateX(-50%)}
    .contact-wrap .btn-line {min-width:120px; padding:14px 23px; border-radius:10px; font-weight:700; font-size:18px; white-space:nowrap}
    .contact-cont.contact-tesat .tit {width:70px; font-size:16px; vertical-align:top}
    .contact-cont.contact-tesat .tit + span {width:calc(100% - 90px); line-height:27px}
    .contact-cont.contact-tesat p {width:236px; margin:0 auto 8px; text-align:left}
    .contact-cont .is-pc {display:block}
    
    /* 생글게시판 */
    .sgsg-notice {padding-top:35px}
    .sgsg-notice dl {display:table; width:100%; padding:30px 50px; border-radius:10px; border-color:#f2f5fb; border-width:10px}
    .sgsg-notice dt, .sgsg-notice dd {display:table-cell; vertical-align:top;}
    .sgsg-notice .notice-tit {font-size:22px}
    .sgsg-notice dt {width:135px}
    .sgsg-notice dd {width:calc(100% - 135px)}
    .sgsg-notice dd li {padding-left:23px; padding-right:100px; font-size:16px; letter-spacing:-0.02em}
    .sgsg-notice dd li + li {margin-top:10px}
    .sgsg-notice dd a {-webkit-line-clamp:1}
    .sgsg-notice dd .date {display:block; position:absolute; top:0; right:0; color:#999;  font-size:15px}
    .sgsg-notice dd .notice-fix a::before {margin-left:-4px; margin-right:2px; transform:scale(0.85)}


    /* -------------- 서브페이지 --------------- */
    .sub .footer {padding-top:30px}
    .lnb .lnb-menu {box-shadow:1px 1px 5px 0px rgba(0,0,0,.08)}

    /* 뉴스 리스트  */
    .sub .news-list-box {padding:40px 0; border-bottom:1px solid #ececec;}
    .sub .news-list-box + .news-list-box {margin-top:0}
    .sub .news-list-box + .paging {margin-bottom:50px}
    .sub .news-list {display:flex; flex-wrap:wrap; justify-content:flex-start; background-color:#fff; margin:0 auto}
    .sub .news-list .thumb {overflow:hidden; width:100%; height:0; border-radius:11px; box-sizing:border-box; margin-bottom:20px; padding-bottom:62.5%}
    .sub .news-list .thumb:after {border-radius:10px}
    .sub .news-list .item {display:block; position:relative; flex:0 0 auto; width:calc(25% - 15px); margin:0; padding-bottom:0px; border-bottom:none; box-sizing:border-box}
    .sub .news-list .item + .item {margin-top:0; margin-left:20px}
    .sub .news-list .item.no-thumb .news-tit {max-height:84px; -webkit-line-clamp:3}
    .sub .news-list .item.no-thumb .lead {max-height:189px; line-height:27px; margin-top:11px; -webkit-line-clamp:7}
    .sub .news-list .thumb > a {overflow:visible; position:absolute; top:0; left:0; width:100%; height:100%}
    .sub .news-list .thumb img {width:100%; min-height:100%; object-fit:cover; object-position:top}

    .sub .news-list .txt-cont {flex:none; width:100%}
    .sub .news-list .subject-tit {margin-bottom:10px; font-size:14px}
    .sub .news-list .news-tit {max-height:56px; line-height:28px; font-size:20px}
    .sub .news-list .news-tit a {color:#222}
    .sub .news-list .lead {display:block; display:-webkit-box}
    .sub .news-list .date {position:absolute; bottom:0; left:0; margin-top:12px}

    .news-list .item .thumb img {transition: all .3s ease}
    .news-list .item:hover .thumb img {transform:scale(1.2)}

    /* 기사뷰 */
    .view-cont-wrap {max-width:1040px; margin-bottom:70px; padding:60px 65px 115px}
    .view-cont-wrap .nav-wrap {margin-bottom:20px}
    .nav-area li > a, .nav-area li > strong {font-size:13px}
    .nav-area li > a {padding-right:20px}
    .nav-area li > a::before {top:4px; right:8px; width:5px; height:5px}

    .view-cont-wrap .btn-close {top:35px; right:35px; width:40px; height:40px}
    .view-cont-wrap .btn-close::before,
    .view-cont-wrap .btn-close::after {top:4px; width:3px; height:30px}

    .view-cont-area::-webkit-scrollbar {width:10px}
    .view-cont-area::-webkit-scrollbar-thumb {background-color:#dedede; border-radius:10px}
    .view-cont-area::-webkit-scrollbar-track {background-color:#f8f9fd; border-radius:10px; box-shadow:inset 0px 0px 5px white}

    .article-head {margin-bottom:35px; padding-bottom:30px}
    .article-head .article-tit {line-height:48px; font-size:32px}
    .article-head .article-subtit {margin-top:15px; line-height:26px}
    .article-head .date-info {margin-top:25px}
    .article-head .date-info > span, .article-head .date-info .link-txt {margin-right:10px; padding-right:13px; font-size:13px}
    .article-head .date-info > span::before {top:2px; height:11px}

    .article-body-wrap {position:relative}
    .article-body {padding:0 125px; font-size:16px; line-height:28px}
    .article-body:after {content:''; display:block; clear:both}
    .article-body ol li, .article-body ul li {margin-left:25px}
    .article-body hr {display:block; margin:35px 0}
    .article-body table {max-width:100%; margin:35px 0}
    .article-body table th,
    .article-body table td {border:1px solid #ddd; font-size:inherit}
    .article-body table th,
    .article-body table td {padding:8px}
    .article-body blockquote {margin:35px 0; padding:19px 29px}
    .article-body blockquote .svg-quote {margin-bottom:13px}
    .article-copyright {padding:0 68px; font-size:17px}

    .article-figure.figure-r {float:right; margin:15px 0px 15px 25px}
    .article-figure.figure-l {float:left; margin:15px 25px 15px 0px}
    .figure-img img {border-radius:25px}
    .figure-caption {margin:8px auto 0; font-size:14px; line-height:21px}
    .article-video {margin:35px 0}
    .hk-sub-headline {margin:35px 0; padding:12px 0 15px; font-size:20px; line-height:32px}

    /* 기자영역 */
    .article-module-wrap {padding:0 125px}
    .article-module-wrap .article-module, .author-wrap {padding:20px 0; border-top:1px solid #ececec; box-sizing:border-box}
    .author-wrap .thumb {width:95px; height:95px; margin-right:15px}
    .author-wrap .thumb.no-thumb::before {top:21px; left:24px; width:50px; height:50px; transform:scale(1.9)}
    .author-wrap .author-name {font-size:16px}
    .author-wrap .author-email {display:inline-block; margin-top:0; margin-left:15px; padding-left:30px; font-size:15px; vertical-align:middle}
    .author-wrap .author-email::before {top:-1px; transform:scale(1)}
    .author-wrap .author-desc {margin-top:13px}

    /* 관련기사 */
    .article-module-tit strong {font-size:18px}
    .article-module-wrap .article-module.article-rel-list {padding:25px 0 30px; border-bottom:1px solid #ececec}
    .article-module-wrap .article-module.article-module-tag > a {margin-right:4px; margin-bottom:8px; padding:8px 15px; border-radius:20px; color:#2c62eb; font-size:12px; white-space:nowrap}
    .sub .article-rel-list .news-list .thumb {width:100%; height:0; margin-bottom:15px}
    .sub .article-rel-list .news-list .news-tit {max-height:44px; line-height:22px; font-size:16px}
    .sub .article-rel-list .news-list .item {width:calc(35% - 20px); padding-bottom:0}
    .sub .article-rel-list .news-list .item + .item {margin-left:13px}
    .sub .article-rel-list .news-list .item:hover .thumb img {transform:none}

    .article-util {top:115%; left:0px; width:70px; height:280px; box-sizing:border-box}
    .article-util > div {padding:0 20px; border:1px solid #f3f3f3; background:#fff; border-radius:35px}
    .article-util [class^="btn-"] {z-index:10; margin:2px 0; padding:20px 0; border-bottom:1px solid #f0f0f0}
    .article-util [class^="btn-"]:last-child {border-bottom:0}
    .view-cont-area.fixed .article-util {position:fixed; top:145px; left:auto; right:auto}
    .article-util .util-list {z-index:-1; position:absolute; top:-1px; right:auto; left:15px; max-width:0; padding:0; border-radius:0 35px 35px 0;border:1px solid #f0f0f0; border-left:none; background-color:#fff; box-sizing:border-box; box-shadow:none; transition:all 0.3s ease-in}
    .article-util .util-list li {height:70px; vertical-align:middle; opacity:0; margin:0 !important}
    .article-util .font-list {top:-2px}
    .article-util [class^="btn-"].active + .util-list {max-width:850px; padding:0px 15px 0px 50px}
    .article-util [class^="btn-"].active + .util-list li {opacity:1}

    /* 지면보기 */
    .paper-list li {width:calc(25% - 15px); margin-bottom:30px}
    .paper-list li:nth-child(2) ~ .item {margin-top:0}
    .paper-list .cont-item .num {padding-top:13px; font-size:16px}
    .paper-list .cont-item .date {margin-top:7px; font-size:12px}
    
    .paper-top {position:relative; margin-bottom:0; padding:20px 30px; border-top-left-radius:11px; border-top-right-radius:11px; text-align:left}
    .paper-num {font-size:24px}
    .paper-date {margin-left:22px; font-size:16px; vertical-align:bottom}
    .paper-info, .paper-btn {display:inline-block; vertical-align:middle}
    .paper-btn {position:absolute; top:50%; left:50%; padding-top:0; transform:translate(-50%, -50%); border-top:none; margin-top:0}
    .paper-btn .select-style {width:65px}
    .paper-btn .select-style::after {top:5px; border-width:6px 5px}
    .paper-btn .select-style select {font-size:16px}
    .paper-btn [class^="btn-"]::before {width:13px; height:13px; border-width:3px}
    .paper-btn .btn-prev, .paper-btn .btn-next {width:22px; height:26px}
    .paper-btn .btn-prev {margin-right:10px}
    .paper-btn .btn-next {margin-left:10px}
    .paper-view {overflow:hidden; margin-right:0}
    
    /* 구독신청 */
    .contact-info {margin:77px 0 80px}
    .contact-info .info-box {width:calc(50% - 10px)}
    .contact-info .tit, .contact-info .tel {display:inline-block; vertical-align:middle}
    .contact-info .tit {margin-bottom:0; margin-right:45px}

    .sub-tit {line-height:24px; font-size:24px}
    .basic-tbl + .sub-tit, textarea + .sub-tit, .list-desc + .sub-tit {margin-top:50px}
    .sub-tit + .list-desh, textarea + .list-desc {margin-top:20px}
    .list-bullet li {line-height:28px; font-size:17px}
    .list-desc li {font-size:16px}
    .list-desh li {line-height:35px; font-size:18px}
    .btn-line.small {padding:8px 15px 6px; border-radius:10px; line-height:24px; font-size:15px}

    .basic-tbl + .paging {margin-top:40px}
    .basic-tbl th, .basic-tbl td {padding:20px 10px; line-height:24px; font-size:18px}
    .basic-tbl td .txt-small {font-size:15px}
    .basic-tbl.row-tbl th, .basic-tbl.row-tbl td {height:60px; padding:20px 0px; font-size:18px}
    .basic-tbl.row-tbl td.inp-padding {padding:6px 0}
    .basic-tbl.row-tbl th {width:141px}
    .basic-tbl .is-mobile {display:none}
    .basic-tbl .select-style {width:150px}
    .basic-tbl .select-style::before {top:5px; width:6px; height:6px; border-width:1px}
    .basic-tbl .select-style select {font-size:18px}
    .inp-area, .basic-tbl .desc {display:inline-block; vertical-align:middle}
    .inp-area .inp-txt {width:70px}
    .basic-tbl .desc {margin-top:0; margin-left:20px; font-size:16px}
    .basic-tbl .inp-txt {font-size:18px}
    textarea {padding:30px; font-size:18px}
    .sub-tit + textarea {height:265px; margin-top:25px}
    
    .chk-area label {padding-left:37px; font-size:18px}
    .chk-area label:before {top:-1px; width:25px; height:25px}
    .chk-area .inp-chk:checked + label:after {top:6px; left:5px; width:13px; height:6px}

    .radio-box {margin-right:25px; margin-bottom:0}
    .radio-box label {padding-left:35px; font-size:16px}
    .radio-box label:before {width:25px; height:25px}
    .radio-box input[type="radio"]:checked + label:after {top:4px; left:5px; width:15px; height:15px}

    .subs-wrap .btn-area .btn-cancel, .subs-wrap .btn-area .btn-pay {min-width:120px; padding:15px 0; border-radius:10px; font-size:18px}

    /* 게시판 */
    .sub.board-wrap .contents .inner {padding-top:70px}
    .board-list .col.is-pc {display:table-cell}
    .board-list .board-head, .board-list .board-row {padding:22px 0px}
    .board-list .board-row .col.num, .board-list .icon-file {transform:none}
    .board-list .col {font-size:18px}
    .board-list .col.num {width:12%}
    .board-list .col.tit {width:65%}
    .board-list .board-row .col.tit {overflow:hidden; -webkit-line-clamp:1; text-overflow:ellipsis; white-space:nowrap}
    .board-list .col.file {width:10%}
    .board-list .col.date {position:relative; left:auto; bottom:auto; width:15%}
    .board-list .board-tit {display:block; line-height:normal; font-size:18px}
    .board-list .board-date {font-size:18px}
    .board-list .icon-file {transform:scale(1)}
    .board-list .board-row .col.num .ico-fix {margin-left:0px; margin-right:0px; transform:scale(1)}
    
    .board-view-top {padding:30px}
    .board-view-top .file-area {transform:translateY(-2px)}
    .board-view-tit {line-height:32px; font-size:22px}
    .board-view-top .view-date, .file-area .btn-file, .layer-files .file-item a {font-size:18px}
    .layer-files {top:40px; right:-25px; min-width:160px; max-width:300px; padding:20px 17px 20px 20px; box-shadow:0px 0px 6px 0px rgba(0,0,0,.14);}
    .layer-files .file-item .filename {max-width:calc(93% - 28px)}
    .layer-files .file-item .filename + span {width:41px}
    .file-area .btn-file::before {vertical-align:-7px; transform:scale(1)}
    .view-cont {padding:50px 30px 150px; line-height:36px; font-size:18px}
    .view-history li {padding:15px 0}
    .view-history li, .view-history .prev, .view-history .next {font-size:16px}
    .view-history li > div.history-btn {width:130px; text-align:center}
    .view-history li > div.history-tit {width:calc(100% - 130px)}
    .view-history .prev::after, .view-history .next::after {border-width:7px 5px}
    .view-history + .btn-area .btn-line {min-width:130px; padding:17px 0; border-radius:10px; font-size:18px}
    .view-history + .btn-area {margin:30px 0}

    /* 검색페이지 */
    .search-top {padding:30px 20px}
    .inp-search {width:600px; margin:0 auto; padding:15px 70px 15px 30px}
    .inp-search .inp-txt {font-size:24px}
    .inp-search .btn-search {right:20px}
    .search-nodata {width:600px; margin:0 auto; padding-bottom:125px}
    .search-nodata > p {margin:55px 0 40px; font-size:28px}
    .search-nodata .list-desh li {line-height:30px; font-size:17px}

    .search-list .item {align-items:flex-start}
    .search-list .item + .item {margin-top:30px}
    .search-list .thumb {width:246px; height:175px}
    .search-list .txt-cont {width:calc(100% - 272px)}
    .search-list .subject-tit {margin-bottom:10px; font-size:14px}
    .search-list .news-tit {max-height:60px; line-height:30px; font-size:22px}
    .search-list .date {margin-top:13px}
    .search-list .lead {display:block; margin-top:12px}
    .search-list + .paging {margin-top:55px; margin-bottom:40px}

    .search-result-area {margin-top:0; margin-bottom:40px; padding:25px 0 20px}
    .search-result-area::after {content:''; display:block; clear:both}
    .search-result-area .is-pc {display:block}
    .search-result {float:left; font-size:22px}
    .search-sort {float:right; margin-top:5px}
    .search-sort > a {display:inline-block; font-weight:700; color:#666; font-size:18px; vertical-align:middle}
    .search-sort > a + a {margin-left:20px}
    .search-sort > a.on {color:#00b091}

    /* 추천콘텐츠 */
    .sub.recommend-wrap .cont-tit img {width:270px}
    .recomm-box {margin-top:45px}
    .recomm-list {display:flex; flex-wrap:wrap; justify-content:flex-start}
    .recomm-list li {flex:0 0 auto; width:calc(25% - 10px); margin-bottom:30px; padding:30px 13px 23px; transition:all .3s}
    .recomm-list li:nth-child(3n+1) {display:inline-block;}
    .recomm-list li:hover {background-color:#fff; box-shadow:0px 0px 8px 0px rgba(0,0,0,.2)}
    .recomm-list li + li {margin-left:13px}
    .recomm-list li:nth-child(4n+1) {margin-left:0}
    .recomm-list .date {margin-top:15px; font-size:13px}
    .recomm-tit {height:75px; max-height:100%; line-height:25px; font-size:18px; -webkit-line-clamp:3}
    .recomm-list + .btn-area {margin-top:30px}

    /* 테샛 */
    .tesat-wrap .basic-tbl.row-tbl th {width:22%}
    .tesat-wrap .basic-tbl.row-tbl td {width:73%; padding:15px 8px 15px 40px}
    .tesat-wrap .list-desh li {line-height:30px; font-size:17px}
    .cont-sub-tit {margin:35px 0 15px; font-size:20px}
    .txt-box {padding:26px 30px}
    .txt-box + .cont-sub-tit {margin:55px 0 30px}
    .step-list {display:flex; justify-content:space-between}
    .step-list + .step-list {margin-top:25px; padding-top:30px}
    .step-list li {flex:1 0 auto; min-width:16.5%; padding:20px 25px; border-radius:50px}
    .step-list li + li {margin-top:0px; margin-left:20px}
    .step-list li + li::before {top:50%; left:-20px; border-left:none; border-right:3px solid #dcdcdc; transform:rotate(-45deg) translateY(-50%)}
    .step-list li > em, .step-list li > span {display:block}
    .step-list li > em {position:relative; top:auto; left:auto; transform:none; font-size:14px}
    .step-list li > span {margin-top:8px; font-size:17px}
    .step-desc {margin-top:60px; font-size:17px}
    .step-desc + .btn-area {margin:22px 0 45px}
    .btn-full {min-width:180px; padding:15px 0; border-radius:10px; font-size:18px}
    
    /* 생글+ */
    .sub.resting-wrap .lnb .lnb-list {justify-content:center}
    .sub.resting-wrap .lnb .lnb-list li {padding:0 35px}
}

@media screen and (min-width:1040px) {
    .browser-support-info .browser-list {margin:10px 0 10px 55px}
    .header .is-pc {display:block}
    .header .is-mobile {display:none}
    .header-cont .search-area {position:static; top:27px; right:90px}
    
    .logo {left:0}
    .btn-allmenu {right:0}
    
    body.open-allmenu .layer-allmenu {height:auto; box-shadow:0px 5px 8px 0px rgba(195,195,195,.2);}

    .gnb {display:inline-block; padding-top:40px; padding-left:300px}
    .gnb > ul {display:table}
    .gnb > ul li {display:table-cell; padding:0 20px}
    .gnb > ul li a {display:inline-block; position:relative; font-weight:700; color:#fff; font-size:18px; text-decoration:none}
    .gnb > ul li a:hover::before, .gnb > ul li.on a::before {z-index:10; content:''; display:block; position:absolute; bottom:-6px; width:100%; height:2px; background-color:#fff}
    .sticky .gnb > ul li a:hover::before, .open-allmenu .gnb > ul li a:hover::before,
    .sticky .gnb > ul li.on a::before, .open-allmenu .gnb > ul li.on a::before {background-color:#000}
    
    /* 로그인 */
    .login-area {display:block; position:absolute; top:25px; right:80px; padding:0}
    .login-area .login-link {display:block; width:45px; height:45px; background-position:-330px -35px}
    .login-area .layer-my {display:block; position:absolute; top:50px; right:-12px; z-index:100; width:300px; border:1px solid #c2c2c2; border-radius:5px; background:#fff; font-size:13px; box-shadow:3px 3px 5px rgba(0,0,0,.2); box-sizing:border-box; visibility:hidden; opacity:0}
    .login-area .login-link.active + .layer-my {visibility:visible; z-index:9999; opacity:1}
    .login-area .layer-my [class^="btn-"] {text-decoration:none}
    .login-area .layer-my > div + div {border-top:1px solid #ddd}
    .login-area .layer-my .user-info {padding:24px 20px; text-align:center}
    .login-area .layer-my .user-info .name,
    .login-area .layer-my .user-info .email {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
    .login-area .layer-my .user-info .name {font-size:17px}
    .login-area .layer-my .user-info .email {margin:10px 0 15px; font-size:14px; letter-spacing:0}
    .login-area .layer-my .user-info .social-user {margin:10px 0 15px; font-size:14px; letter-spacing:0}
    .login-area .layer-my .user-info .social-user::before {content:''; display:inline-block; position:relative; width:21px; margin-right:4px; overflow:hidden; vertical-align:-6px; background:url(https://static.hankyung.com/img/www/m/common/2021/spr-common-20210625-2.svg) no-repeat;}
    .login-area .layer-my .user-info .social-user.social-apple::before {height:23px; background-position:-370px -115px}
    .login-area .layer-my .user-info .social-user.social-google::before {height:21px; background-position:-339px -113px}
    .login-area .layer-my .user-info .social-user.social-kakao::before {height:21px; background-position:-305px -114px}
    .login-area .layer-my .user-info .social-user.social-naver::before {height:22px; background-position:-407px -111px}
    .login-area .layer-my .user-info .social-user.social-facebook::before {height:21px; background-position:-233px -115px}
    .login-area .layer-my .user-info .social-user::after {content:''; display:inline-block; width:1px; height:18px; vertical-align:-5px}
    .login-area .layer-my .user-info .btn-account {display:inline-block; width:190px; height:40px; border:1px solid #c3c3c3; border-radius:20px; font-size:13px; line-height:38px; box-sizing:border-box}
    .login-area .layer-my .use-service {padding:24px 20px}
    .login-area .layer-my .use-service li {position:relative; padding-left:7px}
    .login-area .layer-my .use-service li:before {content:''; position:absolute; top:7px; left:0; width:2px; height:2px; background:#222}
    .login-area .layer-my .use-service li + li {margin-top:10px}
    .login-area .layer-my .btn-logout {display:block; width:100%; font-size:13px; line-height:40px; text-align:center}

    /* 전체메뉴 */ 
    .layer-allmenu {top:100px}
    .layer-allmenu .sitemap-menu .sv-cate {width:175px; margin-left:80px; margin-bottom:40px}
    .layer-allmenu .sitemap-menu .sv-cate:nth-child(2n + 1) {margin-left:80px}
    .layer-allmenu .sitemap-menu .sv-cate:nth-child(4n + 1) {margin-left:0}
    .layer-allmenu .sitemap-menu .sv-cate .sv-tit a {font-size:22px}
    .layer-allmenu .sitemap-menu .sv-cate .sv-list a {font-size:17px}
    .layer-allmenu .sitemap-menu .sv-cate .sv-list li {margin-top:16px; line-height:19px}
    .layer-allmenu .sitemap-menu .sv-cate.sv-tit-area {width:100%; height:90px; margin-top:0; padding:20px 80px; border-radius:15px}
    .layer-allmenu .sitemap-menu .sv-cate.sv-tit-area > a {width:20%; font-size:18px; text-align:center}
    .layer-allmenu .sitemap-menu .sv-cate.sv-tit-area > a + a {position:relative}
    .layer-allmenu .sitemap-menu .sv-cate.sv-tit-area > a + a::before {content:''; display:block; position:absolute; top:9px; left:-28px; width:1px; height:17px; background-color:#949494}
    .btn-allmenu {right:0}

    .allmenu-inner {max-width:970px; padding:50px 0 10px}

    /* 검색 */
    .header-cont {position:relative}
    .header-cont .btn-open-search {position:absolute; top:26px; right:137px}

    .header .is-pc .search-area {position:absolute; top:28px; right:137px}
    .sticky .header .search-area, .open-allmenu .header .search-area {top:25px}
    .open-allmenu .header {border-bottom:1px solid #eee}
    .header .btn-open-search,
    .header .btn-search {width:45px; height:45px;}
    .header .search-area.active .btn-open-search {display:block}
    .header .layer-search {position:absolute; top:25px; right:135px; z-index:2}
    .header .layer-search.active {width:300px}
    .header .layer-search .inp-txt {height:50px; padding:0 50px 0 20px}
    .header .layer-search .btn-search {position:absolute; top:0px; right:4px; height:48px; padding:0 14px}

    .paper-slide-list {padding:0 80px}

    /* -------------- 서브페이지 --------------- */
    .open-allmenu .sub .header {height:100px}

    /* 지면보기 */
    .paper-list .btn-pdf {min-width:150px}
       

}
@media screen and (min-width:1040px) and (max-width:1200px){
    .browser-support-info .browser-list {margin:10px 0 10px 20px}
    .gnb {padding-left:19%}
}
@media screen and (min-width:1210px) {
    .header-wrap {margin:0 auto}
}
@media screen and (min-width:1500px) {
    .main .wrap {background:url('https://static.hankyung.com/img/sgsg/bg-main-pc.png?v=211126') no-repeat left top}
    .main .wrap::after {height:574px; background:linear-gradient(0deg, #E9FAF7 3.5%, #0bb8a0 3.5%)}
  
    .allmenu-inner {max-width:1200px; padding:60px 0px 30px 17px}
    .layer-allmenu .sitemap-menu .sv-cate {width:230px; margin-bottom:6%}
    .layer-allmenu .sitemap-menu .sv-cate .sv-list li {margin-top:11px; line-height:34px}
    .layer-allmenu .sitemap-menu .sv-cate .sv-list a {font-size:18px}
}
@media screen and (min-width:1800px) {
    .sgsg-pick {background-position:165px top}
}