@charset "UTF-8";

/*
 * The pen 개편 (Moneyist/ Lifeist)
 * 2021.01 ~
 * 2026.05 톱 모듈 제거, UI 부분 조정 ~
 */

/* IR */
.page-writer .sub-intro .search-area .btn-search,
.columnist-detail .btn-mailto::before {
  background-image:url('https://static.hankyung.com/img/www/w/thepen/2021/spr-icon.svg');
  background-repeat:no-repeat;
}

/* common */
#wrap {min-width:1120px}
.layout-inner {max-width:1040px; margin:0 auto}

.badge-best {position:absolute; top:0; right:-33px; width:70px; height:65px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/badge-best.svg') no-repeat 0 0/contain; transform:scale(0.7)}
.badge-best.life {background-image:url('https://static.hankyung.com/img/www/w/thepen/2021/badge-best-life.svg')}

.thumb {position:relative; border-radius:10px; overflow:hidden} 
.thumb > a {display:block; width:100%; height:100%}
.thumb img {width:100%; min-height:100%; object-fit:cover; object-position:center top}
.column-tit {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; /*word-break:keep-all;*/ word-wrap:break-word; -webkit-box-orient:vertical}

.marker,
.go-pane {display:inline-block; text-decoration:none !important; overflow-wrap:break-word; word-wrap:break-word; word-break:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); transition:all ease-in .3s}
.lifeist .marker,
.moneyist .go-pane {box-shadow:inset 0 -15px 0 #96ffb8}
.lifeist .marker:hover,
.moneyist .go-pane:hover {box-shadow:inset 0 -35px 0 #96ffb8}
.moneyist .marker,
.lifeist .go-pane {box-shadow:inset 0 -15px 0 #feff6d}
.moneyist .marker:hover,
.lifeist .go-pane:hover {box-shadow:inset 0 -35px 0 #feff6d}

.lifeist .go-pane:hover .icon-arrow {transform:translateX(80px); opacity:0; animation:shakeMoneyist 1.5s linear 0s infinite both}
.moneyist .go-pane:hover .icon-arrow {transform:translateX(-60px); opacity:0; animation:shakeLifeist 2s linear 0s infinite both}
@keyframes shakeMoneyist {
  40%, 100% {transform:translateX(-80px); opacity:0}
  0% {transform:translateX(80px); opacity:0}
  10% {transform:translateX(0); opacity:1}
}
@keyframes shakeLifeist {
  40%, 100% {transform:translateX(80px); opacity:0}
  0% {transform:translateX(-60px); opacity:0}
  10% {transform:translateX(0); opacity:1}
}

.slick-dots {text-align:center; line-height:1}
.slick-dots li {display:inline-block; margin:0; vertical-align:top}
.slick-dots li:first-child {margin-left:0}
.slick-dots button {position:relative; width:25px; height:20px; overflow:hidden; color:transparent}
.slick-dots button::before {content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:5px; vertical-align:top; background:#ddd}
.slick-dots .slick-active button::before {background-color:#121212}

.slide-control {text-align:center}
.slide-control [class^="btn"] {vertical-align:middle; outline:none}
.slide-control .btn-play::before {content:''; display:inline-block; vertical-align:middle; width:0; height:0; margin-top:1px; border-style:solid; border-width:7px 0 7px 12px; border-color:transparent transparent transparent #121212}
.slide-control .btn-pause::before,
.slide-control .btn-pause::after {content:''; display:inline-block; width:4px; height:10px; margin:0 2px; background:#121212; vertical-align:middle}
.slide-control .slick-slider-dots {display:inline-block; margin:4px 0 0 8px; vertical-align:middle}
.slide-control .num {display:inline-block; position:relative; top:2px; min-width:38px; vertical-align:middle; font-weight:500; font-size:14px; text-align:right; /*font-family:'Montserrat', sans-serif; letter-spacing:0*/}
.slide-control .num strong {font-weight:700}
.slide-control .num strong::after {content:'/'; display:inline-block; margin:0 2px; font-weight:400}

.btn-more-wrap {margin:20px 0 0; text-align:center}
.btn-more-wrap .btn-more {display:inline-block; min-width:400px; padding:15px 0; border:1px solid #585858; border-radius:8px; font-weight:bold; font-size:15px; box-sizing:border-box}
/* .btn-more-wrap .btn-more:after {content:''; display:inline-block; width:6px; height:6px; margin-left:6px; border-bottom:1px solid #121212; border-right:1px solid #121212; vertical-align:4px; transform:rotate(45deg)} */

.paging {margin:20px 0 80px; text-align:center}
.paging a, .paging strong {display:inline-block; min-width:40px; height:35px; padding:0 9px 0 8px; margin-right:-.34em; border:1px solid transparent; background:#fff; font-size:13px; line-height:33px; box-sizing:border-box}
.paging strong, .paging a:hover {position:relative; z-index:2; border-color:#121212}
.paging a:hover {text-decoration:none}
.paging [class^="btn-"] {position:relative; padding:0; border-color:#e5e5e5}
.paging [class^="btn-"]::before {content:''; display:inline-block; background:url('https://static.hankyung.com/img/www/w/common/spr-paging.png') no-repeat; vertical-align:middle; overflow:hidden}
.paging .btn-prev::before,
.paging .btn-next::before {margin:-3px 0 0; width:5px; height:7px}
.paging .btn-first::before,
.paging .btn-end::before {margin:-3px 0 0; width:9px; height:7px}
.paging .btn-first::before {background-position:0 0}
.paging .btn-prev::before {background-position:-38px 0}
.paging .btn-next::before {background-position:-53px 0}
.paging .btn-end::before {background-position:-19px 0}

.link-move::after {content:''; display:inline-block; width:6px; height:6px; border-top:1px solid #121212; border-right:1px solid #121212; transform:rotate(45deg); vertical-align:3px}

/* form */
.form-cont + .form-cont {margin-top:62px}
.form-cont .con-tit-wrap {position:relative; margin-bottom:6px}
.form-cont .con-tit-wrap .con-tit {display:inline-block; font-weight:700; font-size:27px; /*/*font-weight:700*/*/ vertical-align:middle}
.form-cont .con-tit-wrap .con-tit > span {font-weight:700; /*font-family:'Montserrat', sans-serif; letter-spacing:0*/}
.form-cont .con-tit-wrap .con-tit-desc {display:inline-block; margin-left:10px; vertical-align:middle}
.form-cont .con-tit-wrap .etc-area {position:absolute; top:50%; right:0; transform:translateY(-50%)}
.form-cont .form-field {display:table; table-layout:fixed; width:100%; margin-top:35px}
.form-cont .form-field .cell {display:table-cell; vertical-align:top}
.form-cont .msg {margin-top:10px; color:#585858; font-size:14px}
.form-cont .gap {width:20px; line-height:60px; text-align:center}

.inp-txt::placeholder {color:#999}
.inp-txt:-ms-input-placeholder {color:#999}
.inp-txt::-ms-input-placeholder {color:#999}

.inp-txt {display:block; width:100%; height:60px; padding:0 5px; border:none; border-bottom:1px solid #ddd; border-radius:0; font-size:22px; line-height:60px; outline:none; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease .1s}
.inp-txtarea {display:block; width:100%; min-height:120px; padding:0 5px; border:none; border-bottom:1px solid #ddd; border-radius:0; font-size:22px; line-height:1.6; outline:none; overflow:hidden; overflow-x:auto; box-sizing:border-box}
.inp-txtarea:focus,
.inp-txt:not([readonly]):focus {border-bottom-width:2px; border-bottom-color:#121212}

.attach-file {position:relative}
.attach-file .inp-file {position:absolute; width:1px; height:1px; padding:0; border:none; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); outline:none}
.attach-file .btn-file {position:absolute; top:50%; right:0; width:108px; height:40px; border:1px solid #585858; border-radius:20px; font-size:14px; line-height:38px; text-align:center; cursor:pointer; box-sizing:border-box; transform:translateY(-50%)}
.inp-file:hover + .inp-txt,
.inp-file:focus + .inp-txt {border-bottom-width:2px; border-bottom-color:#121212}

.select-style {display:block; position:relative; height:60px; overflow:hidden; box-sizing:border-box}
.select-style select {position:relative; z-index:2; width:100%; height:100%; padding:0 30px 0 5px; border:none; border-bottom:1px solid #ddd; border-radius:0; background:transparent; font-size:22px; line-height:60px; vertical-align:middle; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; outline:none; box-sizing:border-box; transition:all ease .1s}
.select-style select:focus {border-bottom-width:2px; border-color:#121212}
.select-style select::-ms-expand {opacity:0}
.select-style select:focus::-ms-value {color:#121212; background:transparent}
.select-style:after {content:''; position:absolute; top:23px; right:5px; width:10px; height:10px; border-right:1px solid #121212; border-bottom:1px solid #121212; transform:rotate(45deg)}
.ie9 .select-style select {width:120%}

.radio-btn {margin:0 -10px}
.radio-btn li {float:left; padding:10px; box-sizing:border-box}
.radio-btn li label {display:block; height:60px; padding:0 30px; border:1px solid #ddd; border-radius:10px; color:#aaa; font-weight:700; font-size:26px; line-height:58px; font-family:'Montserrat', sans-serif; letter-spacing:0; text-align:center; cursor:pointer; box-sizing:border-box}
.radio-btn li 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-btn li input[type='radio']:checked + label {border-color:#121212; color:#121212}
.radio-btn:after {content:''; display:block; clear:both}
.radio-btn.num2 li {width:50%}

.check-style label {display:inline-block; position:relative; padding-left:34px; line-height:24px; cursor:pointer}
.check-style label:before {content:''; display:inline-block; position:absolute; top:1px; left:0; width:24px; height:24px; border:1px solid #585858; border-radius:5px; box-sizing:border-box}
.check-style input[type='checkbox'] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}
.check-style input[type='checkbox']:checked + label:before {border-color:#121212; background:#121212 url('https://static.hankyung.com/img/common/form/check-14x10@2x.png') no-repeat 50% 50%; background-size:14px 10px}

.btn-action-wrap {margin-top:60px; text-align:center}
.btn-action-wrap [class^="btn-"] {height:60px; padding:0 15px; border-radius:9px; font-weight:700; font-size:24px; line-height:60px; /*font-weight:700*/ letter-spacing:0; text-align:center; box-sizing:border-box}
.btn-submit {min-width:330px; background:#121212; color:#fff}

/* AD */
.ad-box,
.ad-bottom {max-width:1040px; margin:80px auto 0; padding-top:20px; border-top:1px solid #e5e5e5; text-align:center}
.ad-box > div,
.ad-bottom > div {max-width:970px; margin:0 auto}
.ad-box > div *,
.ad-bottom > div * {max-width:100% !important}

.fltAd {position:absolute; top:0; left:50%; width:1px; height:0}
.fltAd .left {position:absolute; top:530px; left:-740px; text-align:right}
.fltAd .left div + div {margin-top:30px}
.fltAd .right {position:absolute; top:530px; right:-580px; text-align:left}
.fltAd .right #stickyAd {position:absolute}
.fltAd .right #stickyAd.sticky {position:fixed; bottom:75px}

#wrap.main .fltAd .left,
#wrap.main .fltAd .right {top:800px}

/* MAIN */
.main-top {position:relative; z-index:2; height:550px; padding-top:40px; overflow:hidden}
.main-top-tit {position:relative}
.main-top-tit .tit {font-weight:700; font-size:50px; /*font-family:'Montserrat', sans-serif; letter-spacing:0*/}
.main-top-tit .tit .marker {line-height:1}
.main-top-tit .tit span {position:relative; top:-10px; left:-5px;  font-size:30px}
.main-top-tit .sub-tit {font-weight:700; font-size:26px; /*font-family:'Noto Sans KR', sans-serif*/}
.main-top-tit .go-pane {font-weight:700; font-size:35px; /*font-family:'Montserrat', sans-serif; letter-spacing:0*/} 
.main-top-tit .go-pane span {position:relative; top:-6px; font-size:20px}
.main-top-slider {position:relative; z-index:5; margin:15px -20px 0}
.main-top-slider .item {float:left; width:320px; margin:0 20px; outline:none}
.main-top-slider .thumb {width:320px; height:200px; box-shadow:5px 5px 15px rgba(0,0,0,.2)}
.main-top-slider .column-tit {height:68px; margin:25px 0 10px; font-weight:500; font-size:22px; line-height:34px; -webkit-line-clamp:2}
.main-top-slider::after {content:''; display:block; clear:both}
.main-top [class^="obj-"] {position:absolute; height:240px; box-sizing:border-box}
.main-top [class^="obj-"]::before {content:''; display:block; position:absolute; top:0; width:0; height:0; border-style:solid}
.main-top [class^="obj-"]::after {content:''; display:block; height:240px}
@keyframes SlideinR {
  from {transform:translateX(100vw)}
  to {transform:translateX(0)}
}
@keyframes SlideinL {
  from {transform:translateX(-100vw)}
  to {transform:translateX(0)}
} 
@keyframes SlideDown {
  from {transform:translateY(-30px)}
  to {transform:translateY(0)}
} 

.category {display:flex; height:60px; border:1px solid #ddd; margin-bottom:30px; border-radius:10px; box-sizing:border-box}
.category .item {flex:1}
.category .item > a {display:block; position:relative; height:58px; font-size:18px; line-height:58px; text-align:center; text-decoration:none}
.category .item.on > a {font-weight:bold}
.category .item:first-child ~ .item > a::before {content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd}
.ie9 .category {display:table; table-layout:fixed; width:100%}
.ie9 .category .item {display:table-cell}

.column-list {margin:-15px -20px 0; padding:0 0 15px}
.column-list > li {float:left; width:500px; margin:15px 20px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box}
.column-list .column-cont {display:table; table-layout:fixed; width:100%}
.column-list .column-cont .thumb-cont,
.column-list .column-cont .txt-cont {display:table-cell; vertical-align:middle}
.column-list::after {content:''; display:block; clear:both}

.column-list > li.event {min-height:199px}
.column-list > li.event,
.column-list > li.event a {color:#fff}
.column-list > li.event .column-cont {padding-left:10px; box-sizing:border-box}
.column-list > li.event .column-cont .thumb-cont,
.column-list > li.event .column-cont .txt-cont {height:197px; padding:0; vertical-align:top; box-sizing:border-box}
.column-list > li.event .column-cont .thumb-cont {width:175px}
.column-list > li.event .column-cont .thumb {width:175px; height:197px}
.column-list > li.event .column-cont .thumb img {transform:scale(1.3)}
.column-list > li.event .column-cont .txt-cont {position:relative; padding:37px 24px 0 0}
.column-list > li.event .column-cont .event-tit {height:68px; font-weight:normal; font-size:22px; line-height:34px; -webkit-line-clamp:2}
.column-list > li.event .series-tit {height:auto; margin-bottom:4px; border:none; line-height:1.4; text-align:left}
.column-list > li.event .series-tit > a {padding:0}
.column-list > li.event .event-period {position:absolute; bottom:40px; left:0; font-size:14px; letter-spacing:0}
.no_list {padding:70px 0; font-size:20px; text-align:center}

.writer-thumb {display:inline-block; width:34px; height:34px; border-radius:100%; overflow:hidden; background:url('https://static.hankyung.com/img/www/w/thepen/2021/thumb-writer-default.png') no-repeat 0 0/cover; vertical-align:top}
.writer-thumb img {width:100%; min-height:100%; object-fit:cover; object-position:center top}

.by-writer {font-size:14px; line-height:34px}
.by-writer .writer-thumb {margin-right:10px}
.by-writer .writer-name {color:#585858}
.by-writer .badge-best {top:-10px; right:-35px; transform:scale(0.65)}

.list_loading {padding:15px 0; text-align:center}

/* lifeist */
.lifeist .main-top-tit {text-align:right}
.lifeist .tit .marker {padding-left:10px}
.lifeist .go-pane {position:absolute; left:-20px; top:20px; padding-left:20px; padding-right:35px}
.lifeist .go-pane .icon-arrow {position:relative; top:3px}
.lifeist .go-pane span {margin:0 10px 0 -15px}
.lifeist .go-pane::after {content:''; display:inline-block; position:absolute; top:-10px; right:-50px; width:1px; height:70px; background:#ddd}
.lifeist .obj-lifeist {z-index:2; bottom:30px; right:0; left:50%; margin-left:-630px; padding-left:80px; animation:SlideinR 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0s 1 alternate}
.lifeist .obj-lifeist::before {left:0; border-width:0 80px 240px 0; border-color:transparent #96ffb8 transparent transparent}
.lifeist .obj-lifeist::after {width:100%; background:#96ffb8}
.lifeist .obj-moneyist {bottom:0; left:0; right:calc(50% + 140px); padding-right:80px; transform:translateX(-100%); animation:SlideinL 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s 1 both}
.lifeist .obj-moneyist::before {right:0; border-width:240px 80px 0 0; border-color: #feff6d transparent transparent transparent}
.lifeist .obj-moneyist::after {width:100%; background:#feff6d}
.ie9 .lifeist .obj-moneyist {transform:none}
.lifeist .main-top-slider .item:nth-child(1) {animation:SlideinR 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .2s 1 both}
.lifeist .main-top-slider .item:nth-child(2) {animation:SlideinR 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s 1 both}
.lifeist .main-top-slider .item:nth-child(3) {animation:SlideinR 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .7s 1 both}
.lifeist .main-top-slider .by-writer .writer-name {color:#585858}

.lifeist-best-wrap {padding-top:32px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-pattern.png'); box-sizing:border-box}
.lifeist-best-wrap > .layout-inner {display:flex; align-items:center; gap:50px}
.lifeist-best-wrap .bestwriter-area {z-index:10; display:inline-block; position:relative; width:326px; height:320px; border:1px solid #ededed; text-align:center; background-color:#fff; box-shadow:4px 5px 0px 0px rgba(237,237,237,.76); box-sizing:border-box}
.lifeist-best-wrap .bestwriter-area .tit {margin-top:26px; margin-bottom:13px; font-weight:700; font-size:26px; font-family:'Noto Sans KR', sans-serif}
.lifeist-best-wrap .bestwriter-area .badge-best {top:-7px; right:-2px}
.lifeist-best-wrap .writer-list {position:absolute; top:55px; right:0; width:790px; padding:0; font-size:0; box-sizing:border-box}
.lifeist-best-wrap .writer-list::before,
.lifeist-best-wrap .writer-list::after {content:''; display:block; position:absolute; top:0; z-index:2; width:70px; height:100%}
.lifeist-best-wrap .writer-list::before {left:0; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-overlay-l.png') repeat-y}
.lifeist-best-wrap .writer-list::after {right:0; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-overlay-r.png') repeat-y}
.lifeist-best-wrap .writer-list .item > a {position:relative; display:inline-block; text-decoration:none; outline:none}
.lifeist-best-wrap .writer-list .item .writer-thumb {display:inline-block; width:120px; height:120px; border-radius:100%; overflow:hidden}
.lifeist-best-wrap .writer-list .item .writer-thumb img {width:100%; min-height:100%; object-fit:cover; object-position:center top}
.lifeist-best-wrap .writer-list .item .writer-name,
.lifeist-best-wrap .writer-list .item .writer-category {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.lifeist-best-wrap .writer-list .item .writer-name {max-height:48px; margin:16px 0 8px; padding:0 30px; font-weight:bold; font-size:18px; line-height:24px}
.lifeist-best-wrap .writer-list .item .writer-category {padding:0 10px}
.lifeist-best-wrap .writer-list.bestwriter {display:inline-block; position:relative; top:auto; right:auto; width:270px}
.lifeist-best-wrap .writer-list.bestwriter .item {position:relative; width:160px; font-size:14px; outline:none; text-align:center; padding-top:18px}
.lifeist-best-wrap .writer-list.bestwriter .item::before {z-index:-1; content:''; display:block; position:absolute; top:0px; left:32px; width:200px; height:140px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/laurel.svg') no-repeat}
.lifeist-best-wrap .writer-list.bestwriter .item > a {position:initial}
.lifeist-best-wrap .writer-list.bestwriter::before,
.lifeist-best-wrap .writer-list.bestwriter::after {width:30px; background:none; background-color:#fff}
.lifeist-best-wrap .writer-list.bestwriter .slick-prev, .lifeist-best-wrap .writer-list.bestwriter .slick-next {width:38px}
.lifeist-best-wrap .writer-list.bestwriter .slick-prev, .lifeist-best-wrap .writer-list.bestwriter .slick-next {top:96px; transform:none}
.lifeist-best-wrap .writer-list .slick-list {padding:0 20px; box-sizing:border-box}
.lifeist-best-wrap .writer-list .slick-prev,
.lifeist-best-wrap .writer-list .slick-next {position:absolute; top:50%; z-index:5; width:50px; height:50px; transform:translateY(-50%); color:transparent; font-size:0; line-height:0; outline:none; transition:all ease .2s}
.lifeist-best-wrap .writer-list .slick-prev::before,
.lifeist-best-wrap .writer-list .slick-next::before {content:''; display:inline-block; width:27px; height:27px; transform:rotate(45deg)}
.lifeist-best-wrap .writer-list .slick-prev {left:0}
.lifeist-best-wrap .writer-list .slick-prev::before {border-bottom:1px solid #121212; border-left:1px solid #121212}
.lifeist-best-wrap .writer-list .slick-next {right:0}
.lifeist-best-wrap .writer-list .slick-next::before {border-top:1px solid #121212; border-right:1px solid #121212}

.best-top10 {flex:0 0 auto; width:calc(100% - 376px)} 
.best-top10 .best-info {display:flex; align-items:center}
.best-top10 .best-info .tit {font-weight:700; font-size:34px; /*font-family:'Montserrat', sans-serif; letter-spacing:0;*/ line-height:1}
.best-top10 .best-info .desc {margin:0 20px 0 15px; color:#585858; font-size:14px; line-height:1.6}
.best-top10 .best-info .rank-menu > a {display:inline-block; padding:0 5px; color:#585858; font-weight:400; font-size:20px; font-family:'Noto Sans KR', sans-serif}
.best-top10 .best-info .rank-menu > a em {font-weight:500; /*font-family:'Montserrat', sans-serif; letter-spacing:0*/}
.best-top10 .best-info .rank-menu > a.marker,
.best-top10 .best-info .rank-menu > a.marker em {color:#121212; font-weight:700}
.best-top10 .best-info .rank-menu > a:first-child {margin-right:20px}
.best-top10 .best-list li {position:relative; margin-top:18px; padding-left:40px}
.best-top10 .best-list li .num {position:absolute; top:0; left:0; font-weight:700; font-size:23px; /*font-family:'Montserrat', sans-serif; letter-spacing:0*/}
.best-top10 .best-list li .num::after {content:'.'}
.best-top10 .best-list li .column-tit {max-height:46px; font-weight:normal; font-size:21px; -webkit-line-clamp:1}
.best-top10 .best-list li:first-child .column-tit {font-weight:bold}
.best-top10 .layout-inner::after {content:''; display:block; clear:both}

.writer-lifeist {position:relative; height:360px; margin-top:24px; /*font-weight:700*/ text-align:center}
.writer-lifeist::before {content:''; display:block; position:absolute; left:0; top:0; right:0; height:270px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-note-line.png') repeat-y center top}
.writer-lifeist .layout-inner {position:relative; padding-top:80px}
.writer-lifeist .layout-inner::before {content:''; display:block; position:absolute; top:65px; left:38px; width:130px; height:259px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/img-pen@2x.png') no-repeat 0 0/contain; transition:all ease-in-out .5s}
.writer-lifeist .desc {margin-bottom:30px; font-weight:700; font-size:30px; line-height:1.3}
.writer-lifeist .link-writer {display:inline-block; margin:0 15px; padding:0 5px; font-size:20px}
.best-top10 + .writer-lifeist {height:340px; margin-top:0}
.best-top10 + .writer-lifeist::before {height:250px}
.best-top10 + .writer-lifeist .layout-inner {padding-top:60px}
.best-top10 + .writer-lifeist .layout-inner::before {top:45px; opacity:0}
.best-top10 + .writer-lifeist.active .layout-inner::before {opacity:1}

.lifeist .column-list > li {height:199px}
.lifeist .column-list .series-tit {height:60px; border-bottom:1px solid #ddd; line-height:58px; text-align:center; box-sizing:border-box}
.lifeist .column-list .series-tit > a {display:block; padding:0 24px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.lifeist .column-list .column-cont {height:100%}
.lifeist .column-list .column-cont .thumb-cont,
.lifeist .column-list .column-cont .txt-cont {vertical-align:middle}
.lifeist .column-list .column-cont .thumb-cont {width:140px; padding:0 24px 0 0}
.lifeist .column-list .column-cont .thumb {width:140px; height:87px}
.lifeist .column-list .column-cont .txt-cont {padding:0 24px}
.lifeist .column-list .column-cont .column-tit {max-height:68px; font-weight:normal; font-size:22px; line-height:34px; -webkit-line-clamp:2}
.lifeist .column-list .column-cont .by-writer {margin-top:5px}
.lifeist .column-list .series-tit + .column-cont  {height:calc(100% - 60px)}

/* moneyist */
.columnist-list > ul > li .badge-best {z-index:2; top:22px; left:215px; right:auto; transform:scale(0.9);  background-size:100% 100%}
.moneyist .tit .marker {padding:0 10px}
.moneyist .go-pane {position:absolute; right:-20px; top:20px; padding-left:20px; padding-right:10px}
.moneyist .go-pane .icon-arrow {position:relative; top:3px; margin-left:10px}
.moneyist .go-pane span {margin:0 10px 0 -15px}
.moneyist .go-pane::after {content:''; display:inline-block; position:absolute; top:-10px; left:-50px; width:1px; height:70px; background:#ddd}

.moneyist .obj-moneyist {z-index:2; bottom:30px; left:0; right:50%; margin-right:-630px; padding-right:80px; animation:SlideinL 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0s 1 alternate}
.moneyist .obj-moneyist::before {right:0; border-width:240px 80px 0 0; border-color:#feff6d transparent transparent transparent}
.moneyist .obj-moneyist::after {width:100%; background:#feff6d}
.moneyist .obj-lifeist {bottom:0; right:0; left:calc(50% + 140px); padding-left:80px; transform:translateX(100%); animation:SlideinR 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s 1 both}
.moneyist .obj-lifeist::before {left:0; border-width:0 80px 240px 0; border-color:transparent #96ffb8 transparent transparent}
.moneyist .obj-lifeist::after {width:100%; background:#96ffb8}
.ie9 .moneyist .obj-lifeist {transform:none}
.moneyist .main-top-slider .item:nth-child(3) {animation:SlideinL 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .2s 1 both}
.moneyist .main-top-slider .item:nth-child(2) {animation:SlideinL 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s 1 both}
.moneyist .main-top-slider .item:nth-child(1) {animation:SlideinL 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) .7s 1 both}
.moneyist .main-top-slider .by-writer .writer-name {color:#585858}

.writer-moneyist {padding-top:32px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-pattern.png'); box-sizing:border-box}
.writer-moneyist .layout-inner {position:relative; height:320px}
.writer-moneyist .layout-inner::after {content:''; display:block; clear:both}
.writer-moneyist .writer-info {position:relative; height:200px; padding-top:55px}
.writer-moneyist .tit {margin-top:14px; font-weight:700; font-size:30px; /*font-weight:700*/ letter-spacing:-.05em}
.writer-moneyist .desc {margin-top:9px; color:#888; font-size:14px; line-height:1.6}
.writer-moneyist .writer-list {position:absolute; top:55px; right:0; width:790px; padding:0; font-size:0; box-sizing:border-box}
.writer-moneyist .writer-list::before,
.writer-moneyist .writer-list::after {content:''; display:block; position:absolute; top:0; z-index:2; width:70px; height:100%}
.writer-moneyist .writer-list::before {left:0; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-overlay-l.png') repeat-y}
.writer-moneyist .writer-list::after {right:0; background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-overlay-r.png') repeat-y}
.writer-moneyist .slick-list {padding:0 20px; box-sizing:border-box}
.writer-moneyist .writer-list .item {width:160px; font-size:14px; outline:none; text-align:center}
.writer-moneyist .writer-list .item > a {position:relative; display:inline-block; text-decoration:none; outline:none}
.writer-moneyist .writer-list .item .writer-thumb {display:inline-block; width:120px; height:120px; border-radius:100%; overflow:hidden}
.writer-moneyist .writer-list .item .writer-thumb img {width:100%; min-height:100%; object-fit:cover; object-position:center top}
.writer-moneyist .writer-list .item .writer-name {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-break:break-all; word-wrap:break-word; -webkit-box-orient:vertical; max-height:48px; margin:16px 0 8px; padding:0 30px; font-weight:bold; font-size:18px; line-height:24px; -webkit-line-clamp:2}
.writer-moneyist .writer-list .slick-prev,
.writer-moneyist .writer-list .slick-next {position:absolute; top:50%; z-index:5; width:50px; height:50px; transform:translateY(-50%); color:transparent; font-size:0; line-height:0; outline:none; transition:all ease .2s}
.writer-moneyist .writer-list .slick-prev::before,
.writer-moneyist .writer-list .slick-next::before {content:''; display:inline-block; width:27px; height:27px; transform:rotate(45deg)}
.writer-moneyist .writer-list .slick-prev {left:0}
.writer-moneyist .writer-list .slick-prev::before {border-bottom:1px solid #121212; border-left:1px solid #121212}
.writer-moneyist .writer-list .slick-next {right:0}
.writer-moneyist .writer-list .slick-next::before {border-top:1px solid #121212; border-right:1px solid #121212}
.writer-moneyist .slide-control {margin:20px 0 0 250px}
.apply-writer-moneyist {position:absolute; bottom:50px; left:13px}
/* .apply-writer-moneyist::before {content:''; position:absolute; bottom:-34px; left:-18px; width:37px; height:105px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/img-pen2@2x.png') no-repeat 0 0/contain} */
.apply-writer-moneyist .link-writer {padding:0 15px; font-weight:700; font-size:20px; /*font-weight:700*/ letter-spacing:-.05em}


.writer-moneyist .bestwriter-area + .writer-info {display:inline-block; float:left; position:relative; width:711px; height:200px; padding-top:25px; padding-left:30px; box-sizing:border-box;}
.writer-moneyist .bestwriter-area + .writer-info .writer-list {position:relative; top:auto; left:auto; width:675px}
.writer-moneyist .writer-info-top {position:relative; margin-bottom:32px}
.writer-moneyist .writer-info-top .tit {display:inline-block; margin-top:0; margin-right:15px; font-size:26px; font-weight:700; vertical-align:middle}
.writer-moneyist .writer-info-top .apply-writer-moneyist {display:inline-block; position:relative; bottom:auto; left:auto; vertical-align:middle}
.writer-moneyist .writer-info-top .apply-writer-moneyist .link-writer {font-weight:700; font-size:16px}
.writer-moneyist .bestwriter-area + .writer-info .writer-list .slick-list {padding:0 35px}
.writer-moneyist .writer-info-top .slide-control {display:inline-block; position:absolute; top:15px; right:0; margin:0}

/* 베스트머니이스트 영역 */
.writer-moneyist .bestwriter-area {z-index:10; display:inline-block; position:relative; float:left; width:326px; height:320px; border:1px solid #ededed; text-align:center; background-color:#fff; box-shadow:4px 5px 0px 0px rgba(237,237,237,.76); box-sizing:border-box}
.writer-moneyist .bestwriter-area .tit {margin-top:26px; margin-bottom:13px; font-size:26px; font-weight:700}
.writer-moneyist .bestwriter-area .badge-best {top:-7px; right:-2px}
.writer-moneyist .writer-list.bestwriter {display:inline-block; position:relative; top:auto; right:auto; width:270px}
.writer-moneyist .writer-list.bestwriter .item {position:relative; padding-top:18px}
.writer-moneyist .writer-list.bestwriter .item::before {z-index:-1; content:''; display:block; position:absolute; top:0px; left:32px; width:200px; height:140px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/laurel.svg') no-repeat}
.writer-moneyist .writer-list.bestwriter .item > a {position:initial}
.writer-moneyist .writer-list.bestwriter::before, .writer-moneyist .writer-list.bestwriter::after {width:30px; background:none; background-color:#fff}
.writer-moneyist .writer-list.bestwriter .slick-prev, .writer-moneyist .writer-list.bestwriter .slick-next {width:38px}
.writer-moneyist .writer-list.bestwriter .slick-prev, .writer-moneyist .writer-list.bestwriter .slick-next {top:96px; transform:none}

.column-moneyist {margin-top:60px}
.moneyist > .column-moneyist > .layout-inner > .column-list > li {position:relative; height:177px}
.moneyist > .column-moneyist > .layout-inner > .column-list .series-tit {height:60px; border-bottom:1px solid #ddd; line-height:59px; box-sizing:border-box}
.moneyist > .column-moneyist > .layout-inner > .column-list .series-tit > a {display:block; padding:0 120px 0 24px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.moneyist > .column-moneyist > .layout-inner > .column-list .column-cont {display:table; table-layout:fixed; width:100%; height:100%}
.moneyist > .column-moneyist > .layout-inner > .column-list .column-cont .txt-cont {display:table-cell; padding:0 120px 0 24px; vertical-align:middle}
.moneyist > .column-moneyist > .layout-inner > .column-list .column-cont .column-tit {max-height:68px; font-weight:500; font-size:22px; line-height:34px; -webkit-line-clamp:2}
.moneyist > .column-moneyist > .layout-inner > .column-list .column-cont .by-writer {position:absolute; top:50%; right:24px; width:82px; text-align:center; transform:translateY(-50%)}
.moneyist > .column-moneyist > .layout-inner > .column-list .column-cont .by-writer .writer-thumb {display:inline-block; width:81px; height:81px; margin:0; border:1px solid #ddd; border-radius:100%; overflow:hidden; box-sizing:border-box}
.moneyist > .column-moneyist > .layout-inner > .column-list .column-cont .by-writer .writer-name {display:block; margin-top:10px; line-height:1.3; word-break:break-all}
.moneyist > .column-moneyist > .layout-inner > .column-list .series-tit + .column-cont {height:calc(100% - 60px)}
.moneyist > .column-moneyist > .layout-inner > .column-list .series-tit + .column-cont .by-writer {top:18px; transform:translateY(0)}

/* SUB */
.sub-intro {background:url('https://static.hankyung.com/img/www/w/thepen/2021/bg-note-line.png') repeat-y center top, url('https://static.hankyung.com/img/www/w/thepen/2021/bg-pattern.png') repeat}
.sub-intro .layout-inner {position:relative; padding-top:39px; box-sizing:border-box}
.sub-intro .layout-inner::before {content:''; display:block; position:absolute; bottom:-35px; width:130px; height:259px; background:url('https://static.hankyung.com/img/www/w/thepen/2021/img-pen@2x.png') no-repeat 0 0/contain; pointer-events:none}
.sub-intro .sub-tit {margin-bottom:12px; font-weight:700; font-size:40px; /*font-weight:700*/ letter-spacing:-.05em}
.sub-intro .intro-msg {line-height:1.9}
.sub-intro .intro-msg p + p {margin-top:10px}
.sub-intro [href^="mailto:"] {letter-spacing:0}

/* 필진신청 */
.page-apply {font-size:16px}
.page-apply .layout-inner {padding-left:180px; padding-right:180px; box-sizing:border-box}
.page-apply .sub-intro {margin-bottom:38px}
.page-apply .sub-intro .layout-inner {padding-bottom:30px}
.page-apply .sub-intro .layout-inner::before {right:140px}
.page-apply .must-msg {margin-bottom:35px}
.page-apply .agree-check .check-style,
.page-apply .agree-check .link-move {vertical-align:top}
.page-apply .agree-check .link-move {margin-left:30px; line-height:24px}

/* 필진소개 */
.page-writer .sub-intro .layout-inner {min-height:270px; padding-left:165px; box-sizing:border-box}
.page-writer .sub-intro .layout-inner::before {right:120px; z-index:2}
.page-writer .sub-intro .link-writer {position:absolute; right:170px; bottom:40px; width:140px; height:140px; padding-top:40px; border-radius:100%; background:#555; color:#fff; font-weight:700; font-size:24px; /*font-weight:700*/ letter-spacing:-.05em; text-align:center; box-sizing:border-box; text-decoration:none}
.page-writer .sub-intro .link-writer .icon-arrow {display:block; margin:10px auto 0; transform:rotate(-180deg)}
.page-writer .sub-intro .link-writer .icon-arrow path {stroke:#fff}
.page-writer .sub-intro .search-area {width:490px; position:relative; margin-top:20px}
.page-writer .sub-intro .search-area .inp-txt {width:100%; height:80px; padding:0 90px 0 30px; border:1px solid #ddd; border-radius:10px; font-size:22px; line-height:80px; background:#fff; box-sizing:border-box; box-shadow:5px 5px 15px rgba(102,102,102,.26); transition:all ease .25s}
.page-writer .sub-intro .search-area .inp-txt:focus {box-shadow:5px 5px 15px rgba(102,102,102,.4)}
.page-writer .sub-intro .search-area .btn-search {position:absolute; top:23px; right:30px; width:34px; height:34px; outline:none; background-position:0 0; background-size:300%}
.page-writer .category {margin-top:80px}
.page-writer .filter-alphabet {padding:30px 0; text-align:center}
.page-writer .filter-alphabet li {display:inline-block; margin:0 20px; 
font-size:18px}
.page-writer .filter-alphabet li.on {font-weight:bold}
.page-writer .category .item:not(:first-child) {letter-spacing:0}
.columnist-list > ul > li {position:relative; min-height:230px; margin-bottom:20px; padding:38px 175px 38px 345px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box}
.columnist-list .writer-name {font-weight:700; font-size:26px; /*font-weight:700*/ letter-spacing:-.05em}
.columnist-list .marker {padding:0 3px; font-weight:700; font-size:20px; line-height:26px; /*font-family:'Montserrat', sans-serif; letter-spacing:0;*/}
.columnist-list .columnist-tit .writer-name {margin-right:5px; vertical-align:middle}
.columnist-list .columnist-tit .marker {vertical-align:middle}
.columnist-list .series-tit {margin-top:20px; font-size:16px}
.columnist-list .latest-column {margin-top:10px}
.columnist-list .latest-column > li {position:relative; padding-left:10px}
.columnist-list .latest-column > li::before {content:''; display:inline-block; position:absolute; top:50%; left:1px; width:2px; height:2px; background:#121212; transform:translateY(-50%)}
.columnist-list .latest-column .column-tit {max-height:38px; font-weight:normal; font-size:22px; line-height:38px; -webkit-line-clamp:1}
.columnist-list .writer-thumb {display:block; border:1px solid #ddd; border-radius:100%; box-sizing:border-box}
.columnist-list ul > li > .writer-thumb {position:absolute; top:50%; left:83px; width:180px; height:180px; transform:translateY(-50%)}
.columnist-list .btn-profile {position:absolute; top:35px; right:40px; width:140px; height:40px; border:1px solid #585858; border-radius:20px; font-size:16px; line-height:38px; text-align:center; cursor:pointer; box-sizing:border-box; outline:none}

.layer-profile {position:fixed; left:50%; top:calc(50% + 68px); z-index:-5; display:flex; flex-direction:column; width:500px; max-height:calc(100vh - 200px); padding:30px; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:0 0 25px rgba(0,0,0,.2); box-sizing:border-box; opacity:0; transform:translate(-50%, -50%) scale(.6); transition:all cubic-bezier(.175,.885,.32,1.275) .2s}
.layer-profile .writer-thumb {flex:0 0 auto; width:120px; height:120px; margin:0 auto}
.layer-profile dl {overflow-y:auto}
.layer-profile dl {overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#ddd transparent}
.layer-profile dl::-webkit-scrollbar {width:8px}
.layer-profile dl::-webkit-scrollbar-thumb {background-color:#ddd; border-radius:4px; background-clip:padding-box}
.layer-profile dl::-webkit-scrollbar-track {background-color:transparent}
.layer-profile dt {text-align:center}
.layer-profile dt .writer-name {display:block; margin:13px 0 7px}
.layer-profile dd {margin-top:30px; font-size:16px; line-height:28px}
.layer-profile .btn-closed-profile {position:absolute; top:30px; right:30px; width:30px; height:30px; outline:none}
.layer-profile .btn-closed-profile::before,
.layer-profile .btn-closed-profile::after {content:''; display:inline-block; width:1px; height:30px; background:#121212}
.layer-profile .btn-closed-profile::before {transform:rotate(45deg) translateX(3px)}
.layer-profile .btn-closed-profile::after {transform:rotate(-45deg) translateX(-3px)}
.isSticky .layer-profile {top:calc(50% + 32px)}
.layer-profile.active {z-index:5; opacity:1; transform:translate(-50%, -50%) scale(1)}


/* 필진 상세 */
.contents_wrap {position:relative; max-width:1040px; margin:0 auto}
.contents_wrap .contents {float:left; width:680px; padding-top:65px}
.contents_wrap .aside {float:right; right:320px; padding-top:40px}
.contents_wrap::after {content:''; display:block; clear:both}

.columnist-detail {border:1px solid #ddd; border-radius:10px}
.columnist-detail .columnist-tit {position:relative; padding:25px 0  50px 180px}
.columnist-detail .columnist-tit .writer-thumb {position:absolute; top:-34px; left:39px; width:120px; height:120px; border:1px solid #ddd; border-radius:100%; box-sizing:border-box}
.columnist-detail .writer-name {margin-right:10px; font-weight:700; font-size:26px; /*font-weight:700*/ letter-spacing:-.05em; vertical-align:middle}
.columnist-detail .marker {padding:0 5px; font-weight:700; font-size:20px; line-height:26px; /*font-family:'Montserrat', sans-serif; letter-spacing:0;*/ vertical-align:middle}
.columnist-detail .send-mail {display:inline-block; position:relative; top:2px; margin-left:20px; padding-top:2px; vertical-align:middle}
.columnist-detail .btn-mailto::before {content:''; display:inline-block; width:25px; height:18px; background-position:-26px 0}
.columnist-detail .columnist-profile {position:relative; padding:0 40px 20px; font-size:16px; line-height:28px; overflow:hidden}
.columnist-detail .columnist-profile.hidden {height:165px}
.columnist-detail .columnist-profile.hidden::after {content:''; display:block; position:absolute; left:0; bottom:0; right:0; height:50px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)}
.columnist-detail .more-profile {padding:0 0 20px 0; text-align:center}
.columnist-detail .btn-more-profile {min-width:100px; font-size:15px; outline:none}
.columnist-detail .btn-more-profile::after {content:''; display:inline-block; width:6px; height:6px; margin-left:6px; border-right:1px solid #121212; border-bottom:1px solid #121212; transform:rotate(45deg); vertical-align:3px}
.columnist-detail.active .columnist-profile.hidden {height:auto}
.columnist-detail.active .columnist-profile.hidden::after {display:none}
.columnist-detail.active .btn-more-profile::after {transform:rotate(225deg); vertical-align:1px}
.columnist-detail .columnist-tit .badge-best {z-index:10; top:-42px; left:125px; transform:scale(0.8)}

.columnist-detail .columnist-tit.v2 {display:flex; gap:20px; padding:19px 39px}
.columnist-detail .columnist-tit.v2 .writer-thumb-area {position:relative}
.columnist-detail .columnist-tit.v2 .writer-thumb-area .badge-best {top:-10px; right:-35px; left:auto}
.columnist-detail .columnist-tit.v2 .writer-thumb {position:static; display:block}
.columnist-detail .columnist-tit.v2 .writer-info-area {padding-top:27px}
.columnist-detail .columnist-tit.v2 .column-series-tit {margin-top:5px; font-size:15px}
.columnist-detail .columnist-tit.v2 .btn-mailto {height:30px; padding:0 15px; border:1px solid #ddd; border-radius:25rem; font-size:13px; line-height:28px; text-align:center; cursor:pointer; box-sizing:border-box; outline:none}
.columnist-detail .columnist-tit.v2 .btn-mailto::before {display:none}


.news_list_wrap .column-series-tit {padding:30px 0 14px; border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:20px}
.news_list {padding:25px 0}
.news_list .icon-premium {width:14px; height:16px; margin-right:5px; vertical-align:middle}
.news_list > li {display:table; width:100%; table-layout:fixed}
.news_list > li > div {display:table-cell; vertical-align:top}
.news_list > li + li {margin-top:30px}
.news_list > li:nth-child(5n) {padding-bottom:30px; border-bottom:1px solid #e5e5e5}
.news_list .thumb {width:200px; padding:5px 15px 0 0; text-align:center; border-radius:0}
.news_list .thumb > a {display:inline-block; width:200px; height:125px; border-radius:10px; overflow:hidden}
.news_list .thumb img {max-width:100%; max-height:100%; object-fit:cover; object-position:top}
/* .news_list .txt {padding-right:15px} */
.news_list .news-tit,
.news_list .lead {display:block; display:-webkit-box; text-overflow:clip; overflow:hidden; word-wrap:break-word; -webkit-box-orient:vertical}
.news_list .news-tit {max-height:54px; font-weight:bold; font-size: 20px; line-height:27px; -webkit-line-clamp:2}
.news_list .lead {margin-top:5px; font-size:14px; line-height:21px; max-height:42px; -webkit-line-clamp:2}
.news_list .txt-date {margin-top:5px; font-size:12px}
.news_list .article-info {display:none; position:relative; width:120px; padding-top:3px; padding-left:15px; border-left:1px solid #e5e5e5}
.news_list .article-info .btn-share {margin-left:-2px; padding:0 2px 3px}
.news_list .article-info .btn-share > span {position:relative; vertical-align:middle}
.news_list .article-info .btn-share .ico-share {margin-right:6px}
.news_list .article-info .layer-share {display:none; position:absolute; top:25px; z-index:10; width:80px; padding:15px; border:1px solid #e5e5e5; background:#fff}
.news_list .article-info .layer-share li + li {margin-top:10px}
.news_list .article-info .layer-share .btn-closed-share {position:absolute; top:7px; right:7px; padding:3px; line-height:1}
.news_list .article-info .layer-share .btn-closed-share .ico-closed {vertical-align:baseline}
.news_list .article-info.active .layer-share {display:block}
.news_list .article-info .time {margin-top:8px; color:var(--hk-text-secondary); letter-spacing:0}
.news_list + .paging {margin:0}
/* aside */
.inner_aside {width:320px}
.inner_aside > div + div {margin-top:40px}

.asidemodule {position:relative}
/* .asidemodule .tit_box {text-align:center}
.asidemodule .tit_box .box_in {display:inline-block; position:relative; padding-top:10px}
.asidemodule .tit_box .box_in:before {content:''; display:block; position:absolute; top:0; width:100%; height:4px; background-color:#121212} */
.asidemodule .tit_box {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #ddd; box-sizing:border-box}
.asidemodule .tit_list {display:inline-block; position:relative; height:auto; border-bottom:none; font-size:20px}
.asidemodule .tit_list a {color:#121212; text-decoration:none}
.asidemodule .news_tit {font-weight:normal}

/* .asidemodule .latest_list {padding:10px 0 0} */
.asidemodule .latest_list li {position:relative; padding-left:30px; font-size:16px; line-height:1.2}
.asidemodule .latest_list li + li {margin-top:15px}
.asidemodule .latest_list a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.asidemodule .latest_list em {position: absolute; left:0; width:20px; text-align:center; font-weight:bold; font-style:italic; font-family:Tahoma, sans-serif}
.asidemodule .latest_list em::after {content:'.'}

.ad_module {text-align:center}

/* 2026.05 ~ */
.footer-module > div > .foot-inner {max-width: 1040px}