@charset "utf-8";

/* #container {background-color:#fff} */
.main-component {padding:10px 20px; box-sizing:border-box}
.bg-cont {background-color:#f9f7f2}
.opinion-wrap .foot-sitemap {border:none}

.main-component:not(.bg-cont) .news-list:not(.basic-list):only-child {border-top:1px solid #dfdfdf}
.main-component.bg-cont + .main-component {padding-top:8px}
.main-component.bg-cont + .main-component .news-list {border-top:none !important}


.thumb {overflow:hidden}
.thumb > a {display:block; width:100%; height:100%}
.thumb img {width:100%; height:100%; object-fit:cover; object-position:top}
.news-tit {overflow:hidden; display:block; display:-webkit-box; font-weight:400; text-overflow:clip; word-wrap:break-word; word-break:keep-all; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.news-tit a, .subject-tit a {display:block}
.category-tit {border-top:2px solid #121212; border-bottom:1px solid #e8e8e8; font-size:17px}
.category-tit a,
.category-tit span {display:block; position:relative; padding:10px 15px 10px 0}
.category-tit a::after {content:''; display:block; position:absolute; top:50%; right:5px; width:7px; height:7px; border-top:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(45deg)}

.subject-tit {display:block; margin-bottom:5px; line-height:25px; font-weight:400; font-size:15px}
.subject-tit a {color:#9d6618; line-height:1.2}
.subject-tit .txt {margin-right:10px}
.subject-tit .position {display:inline-block; color:var(--hk-text-secondary); font-weight:normal; font-size:13px;}

.news-list > li {display:flex; align-items:center; padding:12px 0 10px; box-sizing:border-box}
.news-list > li + li {border-top:1px solid #e4e4e4}
.bg-cont .news-list > li + li {border-color:#dcdbd7}
.news-list .news-tit {line-height:25px; font-size:19px}
.news-list .thumb {flex:0 0 auto; width:75px; margin-left:-10px; transform-origin:left center; transform: scale(0.99);}
.news-list .thumb > a {position:relative; display:inline-flex; align-items:center; justify-content:center; position:relative; width:70px; height:70px; /*border-radius:22px;*/ overflow:hidden; transform:scale(0.75)}
.news-list .thumb img {clip-path:path('M68.6,20.3c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.4c-0.1-0.4-0.1-0.9-0.2-1.3  c-0.1-0.5-0.2-0.9-0.3-1.3c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.3-0.2-0.7-0.3-1c0-0.1-0.1-0.2-0.1-0.3c-0.3-0.8-0.6-1.6-1-2.4  c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.4-0.4-0.7-0.6-1c-0.5-0.8-1-1.6-1.6-2.3c-0.9-1.1-1.9-2.1-2.9-3.1C60.2,5.5,59,4.7,57.8,4  c-1.6-1-3.3-1.7-5.1-2.1c-0.1,0-0.3-0.1-0.4-0.1c-5.7-1.3-11.5-1.9-17.4-1.9C29-0.2,23,0.5,17.2,1.9L17,1.9C15.2,2.3,13.6,3,12.1,4  c-0.4,0.2-0.6,0.4-0.9,0.6c-0.1,0.1-0.2,0.1-0.4,0.2C10.5,5,10.3,5.1,10,5.3C9.9,5.4,9.8,5.5,9.6,5.6C9.4,5.8,9.2,6,9,6.1  C8.8,6.3,8.7,6.4,8.5,6.5C8.4,6.7,8.2,6.8,8,7S7.7,7.3,7.5,7.5C7.4,7.6,7.2,7.8,7.1,7.9C6.9,8.1,6.7,8.3,6.5,8.5  C6.4,8.7,6.3,8.8,6.2,8.9C6,9.2,5.8,9.4,5.6,9.6C5.5,9.7,5.4,9.9,5.4,10c-0.2,0.3-0.4,0.5-0.6,0.8c0,0.1-0.1,0.1-0.1,0.2  c-0.3,0.4-0.5,0.7-0.6,1c-0.6,1-1.1,2-1.5,3.1c-0.2,0.5-0.4,1-0.5,1.5c-0.3,1.1-0.6,2.1-0.7,3.2c-0.9,5-1.4,10-1.4,15.1  c0,4.9,0.4,9.8,1.3,14.7c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.4c0.1,0.4,0.1,0.9,0.2,1.3c0.1,0.5,0.2,0.9,0.3,1.3  c0,0.1,0.1,0.2,0.1,0.3c0.1,0.3,0.2,0.7,0.3,1c0,0.1,0.1,0.2,0.1,0.3c0.3,0.8,0.6,1.6,1,2.4c0,0.1,0.1,0.1,0.1,0.2  c0.2,0.4,0.4,0.7,0.6,1c0.5,0.8,1,1.6,1.6,2.3c0.9,1.1,1.9,2.1,2.9,3.1c1.1,0.9,2.2,1.7,3.5,2.4c1.6,1,3.3,1.7,5.1,2.1  c0.1,0,0.3,0.1,0.4,0.1c5.7,1.3,11.5,1.9,17.4,1.8c6,0.1,11.9-0.6,17.7-1.9l0.2-0.1c1.7-0.4,3.4-1.1,4.9-2.1  c0.4-0.2,0.6-0.4,0.9-0.6c0.1-0.1,0.2-0.1,0.4-0.2c0.3-0.2,0.5-0.4,0.8-0.5c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.3,0.6-0.5  c0.2-0.1,0.3-0.2,0.5-0.4c0.2-0.2,0.4-0.3,0.5-0.5s0.3-0.3,0.5-0.5c0.1-0.1,0.3-0.3,0.4-0.5c0.2-0.2,0.4-0.4,0.5-0.6  c0.1-0.1,0.2-0.3,0.3-0.4c0.2-0.2,0.4-0.5,0.6-0.7c0.1-0.1,0.2-0.2,0.3-0.4c0.2-0.3,0.4-0.5,0.6-0.8c0-0.1,0.1-0.1,0.1-0.2  c0.3-0.4,0.5-0.7,0.6-1c0.6-1,1.1-2,1.5-3.1c0.2-0.5,0.4-1,0.5-1.5c0.3-1.1,0.6-2.1,0.7-3.2c0.9-5,1.4-10,1.3-15.1  C69.9,30,69.4,25.1,68.6,20.3z')}
.news-list .txt-cont {flex:1 0 auto;width:calc(100% - 87px)}
.tit-list > li {position:relative; padding-left:10px}
.tit-list > li::before {content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; background-color:#121212; transform:translateY(-50%)}
.tit-list .news-tit {line-height:27px; -webkit-line-clamp:1}

/* 톱 영역 */
.main-top-headline .thumb {position:relative; padding-bottom:51.6%}
.main-top-headline .thumb > a {position:absolute; top:0; left:0}
.main-top-headline .txt-cont {padding:10px 20px; box-sizing:border-box}
.main-top-headline .news-tit {line-height:30px; font-weight:700; font-size:24px}

.main-top-major {margin:0 20px; padding-bottom:10px; border-top:1px solid #e4e4e4; border-bottom:2px solid #121212}
.main-top-major.type-thumb .news-list > li {display:block}
.main-top-major.type-thumb .news-item {display:flex; align-items:center}
.main-top-major.type-thumb .news-item .txt-cont {width:calc(100% - 130px)}
.main-top-major.type-thumb .news-item .thumb {transform:none; width:120px; height:75px; margin:0 0 0 10px}
.main-top-major.type-thumb .news-item .thumb > a {position:relative; transform:none; width:100%; height:100%; /*border-radius:10px*/}
.main-top-major.type-thumb .news-item .thumb > a::after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.1); /*border-radius:10px;*/ box-sizing:border-box}
.main-top-major.type-thumb .news-item .thumb img {width:auto;height:auto; max-width:100%; max-height:100%; clip-path:none}

.main-top .main-component {padding-top:0; padding-bottom:0}
.main-top .latest-list .news-list > li {border-top: 1px solid #e4e4e4;}
.main-top .latest-list + .main-top-major {border-top:none}

/* 내부 필자 */ 
.txt-type {padding:30px 20px 15px}

/* 슬라이드 뉴스 */
.hover-slide {position:relative}
.slide-wrap .slick-list {overflow:hidden; height:105px}
.slide-wrap::after {content:''; display:block; clear:both}
.slide-wrap .slide-item {float:left; width:220px; height:105px; padding:13px 24px 15px; border-radius:10px; box-sizing:border-box}
/*.slide-wrap .slick-cloned + .slick-cloned.slick-active {visibility:hidden}
.slide-wrap .slick-cloned + .slide-item[data-slick-index="0"]{margin-left:-80px !important}
*/
.slide-wrap .slide-item + .slide-item {margin-left:10px}
.slide-wrap .news-tit, .slide-wrap .news-tit a, .slide-wrap .subject-tit a {color:#fff}
.slide-wrap .news-tit {line-height:25px; font-size:19px}
.slide-wrap .subject-tit {font-weight:400}
.slick-dots {display:inline-flex; justify-content:center; margin-top:15px; width:100%}
.slick-dots li {margin-left:15px}
.slick-dots li:first-child {margin-left:0}
.slick-dots button {width:10px; height:10px; border-radius:5px; overflow:hidden; background:#ddd; color:transparent}
.slick-dots .slick-active button {background-color:#121212}
.slide-wrap.item--center .slick-track{
    width: 100% !important;
    transform:inherit !important;

}
.slide-wrap.item--center .slick-slide{
    float: none;
    display: inline-block;
}

/* 랜덤컬러 */
.bg1 {background-color:#55833f}
.bg2 {background-color:#9d8f5d}
.bg3 {background-color:#9d665d}
.bg4 {background-color:#47827c}
.bg5 {background-color:#605c84}

/* Deep Insight */
.special-type {background-color:#f7f7f7}
.special-type .news-list > li + li {border-color:#ddd}
.special-type .subject-tit a {color:#436f91}

/* The Pen */ 
.thepen {padding-top:15px}
.thepen .news-list .thumb img {overflow: hidden;}
.thepen .news-list .thumb > a::after {content:''; display:block; position:absolute; top:0; left:0; width:70px; height:70px; background-color:#ddd; clip-path:path('M69.1,20.5c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.4C69,19.5,69,19,68.9,18.6c-0.1-0.5-0.2-0.9-0.3-1.3c0-0.1-0.1-0.2-0.1-0.3  c-0.1-0.3-0.2-0.7-0.3-1c0-0.1-0.1-0.2-0.1-0.3c-0.3-0.8-0.6-1.7-1-2.4c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.4-0.4-0.7-0.6-1  c-0.5-0.8-1-1.6-1.6-2.4c-0.9-1.1-1.9-2.2-2.9-3.1c-1.1-0.9-2.2-1.8-3.5-2.5c-1.1-0.8-2.9-1.5-5.1-2.1c-0.1,0-0.3-0.1-0.4-0.1  C48.2,0.7,42.1,0,35.2,0c-7.1,0-13.4,0.8-17.8,2c-0.1,0-0.1,0-0.2,0.1c-2.2,0.6-3.9,1.3-4.9,2.1c-0.4,0.2-0.6,0.4-0.9,0.6  C11.3,4.9,11.2,4.9,11,5c-0.3,0.2-0.5,0.4-0.8,0.5c-0.2,0-0.3,0.1-0.4,0.2C9.5,5.9,9.3,6.1,9.1,6.2C9,6.4,8.8,6.5,8.7,6.6  C8.5,6.8,8.3,7,8.1,7.1C7.9,7.3,7.8,7.4,7.6,7.6C7.5,7.7,7.3,7.9,7.2,8.1C7,8.3,6.8,8.4,6.6,8.6C6.5,8.8,6.4,8.9,6.3,9.1  C6.1,9.3,5.9,9.5,5.7,9.7C5.6,9.9,5.5,10,5.5,10.1c-0.2,0.3-0.4,0.5-0.6,0.8c0,0.1-0.1,0.1-0.1,0.2c-0.3,0.4-0.5,0.7-0.6,1  c-0.6,1-1.1,2-1.5,3.1c-0.2,0.5-0.4,1-0.5,1.5c-0.3,1.1-0.6,2.2-0.7,3.3C0.5,24.1,0,29.3,0,35.1c0,5.6,0.5,10.7,1.3,14.8  c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.4c0.1,0.4,0.1,0.9,0.2,1.3c0.1,0.5,0.2,0.9,0.3,1.3c0,0.1,0.1,0.2,0.1,0.3  c0.1,0.3,0.2,0.7,0.3,1c0,0.1,0.1,0.2,0.1,0.3c0.3,0.8,0.6,1.7,1,2.4c0,0.1,0.1,0.1,0.1,0.2c0.2,0.4,0.4,0.7,0.6,1  c0.5,0.8,1,1.6,1.6,2.4c0.9,1.1,1.9,2.2,2.9,3.1c1.1,0.9,2.2,1.8,3.5,2.5c1.1,0.8,2.9,1.5,5.1,2.1c0.1,0,0.3,0.1,0.4,0.1  c4.4,1.1,10.6,1.9,17.5,1.9c7.1,0,13.4-0.8,17.8-2c0.1,0,0.1,0,0.2-0.1c2.2-0.6,3.9-1.3,4.9-2.1c0.4-0.2,0.6-0.4,0.9-0.6  c0.1-0.1,0.2-0.1,0.4-0.2c0.3-0.2,0.5-0.4,0.8-0.5c0.1-0.1,0.3-0.2,0.4-0.3c0.2-0.2,0.4-0.3,0.6-0.5c0.2-0.1,0.3-0.3,0.5-0.4  c0.2-0.2,0.4-0.3,0.5-0.5c0.2-0.2,0.3-0.3,0.5-0.5c0.1-0.1,0.3-0.3,0.4-0.5c0.2-0.2,0.4-0.4,0.5-0.6c0.1-0.1,0.2-0.3,0.3-0.4  c0.2-0.2,0.4-0.5,0.6-0.7c0.1-0.1,0.2-0.2,0.3-0.4c0.2-0.3,0.4-0.5,0.6-0.8c0-0.1,0.1-0.1,0.1-0.2c0.3-0.4,0.5-0.7,0.6-1  c0.6-1,1.1-2,1.5-3.1c0.2-0.5,0.4-1,0.5-1.5c0.3-1.1,0.6-2.2,0.7-3.3C69.4,46,70,40.8,70,35C70.3,29.7,69.9,24.6,69.1,20.5z   M69.6,35c0,5.7-0.6,10.9-1.4,15c-0.1,1.1-0.4,2.2-0.7,3.3c-0.1,0.5-0.3,1-0.5,1.5c-0.4,1.1-0.9,2.1-1.5,3.1c-0.1,0.3-0.3,0.6-0.6,1  c0,0.1-0.1,0.1-0.1,0.2c-0.2,0.3-0.4,0.5-0.6,0.8c-0.1,0.2-0.2,0.3-0.3,0.4c-0.2,0.2-0.4,0.5-0.6,0.7c-0.1,0.1-0.2,0.3-0.3,0.4  c-0.1,0.2-0.3,0.4-0.5,0.6c-0.1,0.2-0.3,0.4-0.4,0.5c-0.2,0.2-0.3,0.3-0.5,0.5c-0.1,0.2-0.3,0.3-0.5,0.5c-0.2,0.1-0.3,0.3-0.5,0.4  c-0.2,0.2-0.4,0.3-0.6,0.5c-0.1,0.1-0.3,0.2-0.4,0.3c-0.3,0.1-0.5,0.3-0.8,0.5c-0.2,0.1-0.3,0.1-0.4,0.2c-0.3,0.2-0.5,0.4-0.9,0.6  c-1,0.8-2.7,1.5-4.8,2.1C52.7,68,52.7,68,52.6,68C48.2,69.2,42,70,35,70c-6.8,0-12.9-0.8-17.3-1.9c-0.1,0-0.3-0.1-0.4-0.1  c-2.2-0.6-4-1.3-5-2.1c-1.3-0.7-2.4-1.6-3.5-2.5c-1-0.9-2-2-2.9-3.1c-0.6-0.8-1.1-1.6-1.6-2.4c-0.2-0.3-0.4-0.6-0.6-1  c0-0.1-0.1-0.1-0.1-0.2c-0.4-0.7-0.7-1.6-1-2.4c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.3-0.2-0.7-0.3-1c0-0.1-0.1-0.2-0.1-0.3  c-0.1-0.4-0.2-0.8-0.3-1.3c-0.1-0.4-0.1-0.9-0.2-1.3c0-0.2,0-0.3,0-0.4c0-0.1,0-0.1,0-0.2c-0.8-4.1-1.3-9.1-1.3-14.6  c0-5.7,0.5-10.9,1.5-14.9C2,19.1,2.3,18,2.6,16.9c0.1-0.5,0.3-1,0.5-1.5c0.4-1.1,0.9-2.1,1.5-3.1c0.1-0.3,0.3-0.6,0.6-1  c0-0.1,0.1-0.1,0.1-0.2c0.2-0.3,0.4-0.5,0.6-0.8c0-0.1,0.1-0.2,0.2-0.4c0.2-0.2,0.4-0.4,0.6-0.6c0.1-0.2,0.2-0.3,0.3-0.5  c0.2-0.2,0.4-0.3,0.6-0.5C7.6,8.2,7.8,8,7.9,7.9c0.2-0.2,0.3-0.3,0.5-0.5C8.6,7.3,8.8,7.1,9,6.9c0.1-0.1,0.3-0.2,0.4-0.4  c0.2-0.1,0.4-0.3,0.7-0.5c0.1-0.1,0.2-0.2,0.4-0.2c0.3-0.1,0.5-0.3,0.8-0.5c0.2-0.1,0.3-0.1,0.4-0.2C12,5,12.2,4.8,12.6,4.6  c1-0.8,2.7-1.5,4.8-2.1c0.1-0.1,0.1-0.1,0.2-0.1c4.3-1.2,10.6-2,17.6-2C42,0.4,48,1.1,52.7,2.3c0.1,0,0.3,0.1,0.4,0.1  c2.2,0.6,4,1.3,5,2.1c1.3,0.7,2.4,1.6,3.5,2.5c1,0.9,2,2,2.9,3.1c0.6,0.8,1.1,1.6,1.6,2.4c0.2,0.3,0.4,0.6,0.6,1  c0,0.1,0.1,0.1,0.1,0.2c0.4,0.7,0.7,1.6,1,2.4c0,0.1,0.1,0.2,0.1,0.3c0.1,0.3,0.2,0.7,0.3,1c0,0.1,0.1,0.2,0.1,0.3  c0.1,0.4,0.2,0.8,0.3,1.3c0.1,0.4,0.1,0.9,0.2,1.3c0,0.2,0,0.3,0,0.4c0,0.1,0,0.1,0,0.2C69.5,24.7,69.9,29.8,69.6,35z')}
.thepen .subject-tit a {color:#436f91}

/* 코너별 최신글 */
.corner-list {display:grid; padding:10px 5px; grid-template-columns:50% 50%; row-gap:10px; gap:10px}
.corner-list > li {line-height:25px}
.corner-list > li a {color:#a56c1b; font-size:17px}

/* 최신기사 리스트 */
.latest-list .news-list {border-bottom:1px solid #d9d9d9}
.news-list.basic-list .thumb {width:120px; height:75px; margin:0 0 0 10px; text-align:right; box-sizing:border-box; transform:none}
.news-list.basic-list .thumb > a {overflow:hidden; position:relative; width:100%; height:100%; border-radius:6px; transform:scale(1)}
.news-list.basic-list .thumb img {clip-path:none}
.news-list.basic-list .thumb > a > img {width:auto;height:auto; max-width:100%; max-height:100%; object-fit:cover;object-position:top}
.news-list.basic-list .thumb > a::after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.15); border-radius:8px; box-sizing:border-box}
.news-list.basic-list .txt-cont {flex:1 1 auto; width:calc(100% - 130px)}

.fix-list .fix-item {padding:15px 23px; border-radius:10px; box-sizing:border-box}
.fix-list .fix-item + .fix-item {margin-top:10px}
.fix-list .news-tit a, .fix-list .subject-tit a {color:#fff}
.fix-list .news-tit {font-size:19px}
.fix-list .subject-tit {font-size:15px}

/* OS dark mode */
@media (prefers-color-scheme: dark) {
    /* #container {background-color:#000} */
    .bg-cont, .special-type {background-color:#1c1c1e}
    .news-list > li + li, 
    .latest-list .news-list,
    .main-top-major,
    .txt-type + .main-component .news-list {border-color: #323235 !important}
    .category-tit {border-top-color:#555; border-bottom-color: #323235 !important}
    .category-tit a::after {border-color: #fff}
    .slick-dots button {background-color:#4d4d4d}
    .slick-dots .slick-active button, 
    .tit-list > li::before {background-color:#fff}
    .special-type .subject-tit a,
    .thepen .subject-tit a {color:#79ADD4}
}