@charset "utf-8";

/* 섹션면 공통 ----------------------------------------------------- */
/* .secwrap > .inwrap .inwrap > .right > div.thumblist {margin-bottom: 40px;}
.secwrap > .inwrap .inwrap > .right > div.thumbbox {margin-bottom: 40px;}
.secwrap > .inwrap .inwrap > .right > div.sec_bestnews {margin-bottom: 40px;}
.secwrap > .inwrap .inwrap > .right > div.nlistbox1 {margin-bottom: 40px;}
.secwrap > .inwrap .inwrap > .right > div.nlistbox {margin-bottom: 40px;}
.secwrap > .inwrap .inwrap > .right > div.thumblist_v {margin-bottom: 40px;}
.secwrap > .inwrap .inwrap > .right > div.thumblist_h {margin-bottom: 40px;} */

.secwrap > .inwrap .inwrap:not(.local-sub) > .right > div {margin-bottom: 40px;}

/* 섹션면 inLayout */
.secwrap > .inwrap .inwrap {display: flex;}
.secwrap > .inwrap .inwrap > .left {flex: 1;}
.secwrap > .inwrap .inwrap > .right {flex-basis: 300px; margin-left: 40px;}

.secwrap > .inwrap .inwrap:nth-child(1) {margin-bottom: 0px;}
.secwrap .pathbox {padding-bottom: 10px; background-image: none;}

/* 섹션면 왼쪽안 하위 inLayout */
.leftinbox {display: flex; margin-bottom: 20px;}
.leftinbox .left {flex: 1;}
.leftinbox .right {flex-basis: 240px; margin-left: 40px;}

/* 가운데 정렬(배너 등) */
.acenter {display: flex; justify-content: center;}

/* 콘텐츠 타이틀(스타일별) */
.titstyle01 {
    border-top: 2px solid #666;
    border-bottom: 1px solid #ccc;
}

/* 섹션면 전체기사 더보기 버튼 */
.sec_more {margin: 40px 0;}

.sec_more button {
    all: unset;
    cursor:pointer;
}

.sec_more a, .sec_more button {
    display: block;
    width: calc(100% - 22px);
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ccc;
}
.sec_more a span, .sec_more button span {
    padding-right: 25px;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: right 0 top -793px;
}


/* 섹션면 : TYPE 01 (경제 / 사회 / 산업 / 증권.금융 / 부동산 / 문화.연예) ----------------------------------------------------- */
/* 섹션 헤드라인 */
.sec_headbox {
    background-color: #c7d3de;
    padding-bottom: 40px;
    background-color: transparent;
    background-image: url(/images/divline.png);
    background-repeat: repeat-x;
    background-position: left 0 bottom 0;
}
.sec_headbox .thumb_h {display: block; margin-bottom: 40px;}
.sec_headbox .thumb_h .subject a {-webkit-line-clamp: 1; margin-bottom: 20px;}
.sec_headbox .thumb_h .summary {margin: 11px 0 20px 0; color: #888; line-height: 1.6; -webkit-line-clamp: 4;}
.sec_headbox .thumb_h .inbox {display: flex; align-items: flex-start; margin-top: 10px;}
.sec_headbox .thumb_h .thumb {margin-right: 40px; flex-basis: 400px; height: 250px;}
.sec_headbox .thumb_h .subject {font-size: 2rem; letter-spacing: -1px;}
.sec_headbox .thumb_h .newslist a {color: #444;}


/* 섹션 중탑3개 */
.sec_headbox .topnews {display: flex; justify-content: space-between;}
.sec_headbox .topnews article {width: 260px;}
.sec_headbox .topnews .thumb_v .thumb {height: 148px;}
.sec_headbox .topnews .thumb_v .subject {font-weight: bold; white-space: pre-line;}

/* .sec_headbox .smalltop {margin-top: 50px;} */
.sec_headbox .smalltop .thumb_h:first-child {margin-top: 50px;}
.sec_headbox .smalltop .thumb_h {display: flex; align-items: flex-start; margin-bottom: 40px;}
.sec_headbox .smalltop .thumb_h .thumb {margin-right: 20px; flex-basis: 188px; height: 128px;}
.sec_headbox .smalltop .thumb_h .txt {flex: 1;}
.sec_headbox .smalltop .thumb_h .subject {font-size: 1.2rem;}
.sec_headbox .smalltop .thumb_h .subject a {margin-bottom:0px;}
.sec_headbox .smalltop .thumb_h .date {color: #666; font-size: 0.9rem;}
.sec_headbox .smalltop .thumb_h .summary {-webkit-line-clamp: 3; line-height: 1.2; margin:9px 0 9px 0}
.sec_headbox .smalltop .thumb_h .summary a {display: block; height: 60px;}


/* 많이 읽은 **기사 + 뉴스핌 많이 본 뉴스 */
.sec_bestnews .sectit {background-color: #718fad;}
.sec_bestnews .sectit h3 {padding-left: 10px; font-weight: normal; color: #fff;}
.sec_bestnews ul {padding: 10px 15px; border: 1px solid #ccc; border-top: none;}
.sec_bestnews ul li {
    display: block;
    padding-left: 25px;
    background-image: url(/images/icon.png);
    background-repeat: no-repeat;
    background-position: left 6px top -465px;
    border: 1px solid #fff;;
}
.sec_bestnews ul li:nth-child(1) {background-position: left 6px top -464px; border-bottom: 1px dashed #ccc;}
.sec_bestnews ul li:nth-child(2) {background-position: left -36px top -464px; border-bottom: 1px dashed #ccc;}
.sec_bestnews ul li:nth-child(3) {background-position: left -76px top -464px; border-bottom: 1px dashed #ccc;}
.sec_bestnews ul li:nth-child(4) {background-position: left -116px top -470px;}
.sec_bestnews ul li:nth-child(5) {background-position: left -156px top -470px;}
.sec_bestnews ul li:nth-child(6) {background-position: left -196px top -470px;}
.sec_bestnews ul li:nth-child(7) {background-position: left -236px top -470px;}
.sec_bestnews ul li:nth-child(8) {background-position: left -276px top -470px;}
.sec_bestnews ul li:nth-child(9) {background-position: left -316px top -470px;}
.sec_bestnews ul li:nth-child(10) {background-position: left -359px top -470px;}
.sec_bestnews .thumb_h {
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}
.sec_bestnews .thumb_h .thumb {margin-right: 10px; flex-basis: 90px; height: 60px;}
.sec_bestnews .thumb_h .subject {flex: 1; font-size: 1rem;}
.sec_bestnews .thumb_h .subject a {-webkit-line-clamp: 2; font-weight: bold; height: 40px;}
.sec_bestnews ul li:nth-child(4) {margin-top: 10px;}
.sec_bestnews ul li:nth-child(n+4) a {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background-color: #fff;
}


/* 실시간 뉴스 */
.realtimenews {margin-top: 10px; margin-bottom: 50px;}
.realtimenews .sectit {margin-bottom: 20px;}
.realtimenews .thumb_h .summary {-webkit-line-clamp: 3;}
.realtimenews .thumb_h .summary a {display: block; height: 60px;}


/* 피플& */
.peoplen .thumb_h .thumb {overflow: hidden;}
.peoplen .thumb_h .thumb img {min-height: 100%; height: auto;}



/* 섹션면 : TYPE 02 (정치) ----------------------------------------------------- */

/* 비하인드 스토리 */
.behindstory article {margin-bottom: 20px;}
.behindstory .inbox {margin-right: 20px; flex-basis: 188px;}
.behindstory .inbox .thumb {margin-right: 0; display: inline-block; width: 100%; height: 118px;}
.behindstory .inbox h4 a {
    display: block;
    padding: 3px 5px 5px 5px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    background-color: #666;
}
.behindstory .thumb_h .summary {-webkit-line-clamp: 3;}


/* 여의도 SNS 톡톡 */
.yeouidosns article {margin-bottom: 20px;}
.yeouidosns .thumb {height: 132px;}


/* 포토 슬라이드 */
.slidethumb {margin: 30px 0;}
.slidethumb {position: relative; width: 860px; overflow: hidden;}
.slidethumb .thumb_b {background: #000;}
.slidethumb .thumb_b .thumb {width: 634px; height: 380px; opacity: .3;}
.slidethumb .on .thumb {opacity: 1;}
.slidethumb .thumb_b .subject {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,0);
}
.slidethumb .subject a {font-size: 1.1rem; margin: 0 120px; color: #fff}
.slidethumb .on .subject {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,.4);
}
.slidethumb .on .subject a {font-size: 1.1rem; margin: 0 40px;}
.slidethumb .pagearrow a {top: 0; width: 110px; height: 100%; background-image: none;}
.slidethumb .pagearrow .btn_prev {left: 0; background-position: left 12px top -306px;}
.slidethumb .pagearrow .btn_next {right: 0; background-position: left -25px top -306px;}
.slidethumb .pagearrow a span {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 50px;
    margin-top: -25px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
}
.slidethumb .pagearrow .btn_prev span {left: 35px; background-position: left 12px top -306px;}
.slidethumb .pagearrow .btn_next span {right: 35px; background-position: left -25px top -306px;}


/* 오늘의 정치뉴스 */
.todayponews .tabnav {display: flex;}
.todayponews .tabnav span {
    width: 50%;
    padding: 10px 0;
    text-align: center;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    cursor: pointer;
}
.todayponews .tabnav span:nth-child(1) {border-right: 1px solid #ccc;}
.todayponews .tabnav span.on {color: #ff0000; border-top: 2px solid #ff0000; border-bottom: 1px solid #fff;background-color: #fff;}
.todayponews .inbox {border: 1px solid #ccc;}
.todayponews .inbox ul {padding: 20px;}



/* 섹션면 : TYPE 03 (글로벌 + 스포츠 + 정치) ----------------------------------------------------- */
/* 섹션 헤드라인 */
.global .sec_headbox .thumb_v .thumb, .sports .sec_headbox .thumb_v .thumb, .politics .sec_headbox .thumb_v .thumb {height: 330px;}
.global .sec_headbox .thumb_v .subject, .sports .sec_headbox .thumb_v .subject, .politics .sec_headbox .thumb_v .subject {
    padding-top: 15px;
    font-size: 2rem;
    letter-spacing: -1px;
    line-height: 1.2;
}
.global .sec_headbox .newslist, .sports .sec_headbox .newslist, .politics .sec_headbox .newslist {margin-top: 15px; margin-left: 20px;}


/* 많이 읽은 (글로벌 + 스포츠 + 정치)기사 */
.global .sec_bestnews ul, .sports .sec_bestnews ul, .politics .sec_bestnews ul {padding: 10px 10px;}
.global .sec_bestnews ul li, .sports .sec_bestnews ul li, .politics .sec_bestnews ul li {border-bottom: none;}
.global .sec_bestnews ul li:nth-child(1), .sports .sec_bestnews ul li:nth-child(1), .politics .sec_bestnews ul li:nth-child(1) {background-position: left 6px top -470px;}
.global .sec_bestnews ul li:nth-child(2), .sports .sec_bestnews ul li:nth-child(2), .politics .sec_bestnews ul li:nth-child(2) {background-position: left -36px top -470px;}
.global .sec_bestnews ul li:nth-child(3), .sports .sec_bestnews ul li:nth-child(3), .politics .sec_bestnews ul li:nth-child(3) {background-position: left -76px top -470px;}
.global .sec_bestnews ul li:nth-child(4), .sports .sec_bestnews ul li:nth-child(4), .politics .sec_bestnews ul li:nth-child(4) {margin-top: 0;}
.global .sec_bestnews ul li a, .sports .sec_bestnews ul li a, .politics .sec_bestnews ul li a {
    margin-top: 5px;
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-color: #fff;
}
.global .sec_bestnews ul li:nth-child(n+4) a, .sports .sec_bestnews ul li:nth-child(n+4) a, .politics .sec_bestnews ul li:nth-child(n+4) a {
    height: auto;
    -webkit-line-clamp: 2;
}


/* 중탑 (글로벌 + 스포츠 + 정치) */
.global .topnews, .sports .topnews, .politics .topnews {display: flex; margin: 20px 0 40px 0;}
.global .topnews article, .sports .topnews article, .politics .topnews article {position: relative; width: 33.3%; margin-right: 30px;}
.global .topnews article:last-child, .sports .topnews article:last-child, .politics .topnews article:last-child {margin-right: 0;}
.global .topnews .thumb, .sports .topnews .thumb, .politics .topnews .thumb {height: 148px;}
.global .topnews .subject, .sports .topnews .subject, .politics .topnews .subject {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
}
.global .topnews .subject a, .sports .topnews .subject a, .politics .topnews .subject a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px;
    color: #fff;
    background-color: rgba(0,0,0,.8);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
}
.global .topnews .subject a:hover, .sports .topnews .subject a:hover, .politics .topnews .subject a:hover {text-decoration: none; opacity: 0;}


/* TV 박스 (ANDA TV + 논다 TV + GAM 영상) */
.tvbox .sectit {padding: 0; background-color: #dfe3e9;}
.tvbox .sectit h3 {display: flex;}
.tvbox .sectit a {width: 33.3%; display: inline-block; text-align: center; margin: 0; padding: 12px 0;}
.tvbox .sectit a.on {color: #fff; background-color: #1d71ee;}



/* 섹션면 : TYPE 04 (전국) ----------------------------------------------------- */
.local {display: flex; flex-wrap: wrap;}
.local .inbox > a {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -1px;
    margin-top: -1px;
    display: inline-block;
    cursor: pointer;
}
.local .inbox {
    position: relative;
    width: calc(23% - 37px);
    margin-bottom: 40px;
    margin-right: 2%;
    padding: 10px 20px 20px 20px;
    background-color: white;
    border: 1px solid #ccc;
}
.local .inbox:nth-child(4n) {margin-right: 0;}
.local .sectit span.more02 a {background-position: right 4px top -467px;}
.local .thumb_v .thumb {height: 150px;}
.local .inbox .subject {
    padding: 10px 0;
    margin: 0 5px 10px;
    height: 44px;
    font-weight: 500;
}
.local .inbox .newslist {margin: 0 5px;}



/* 섹션면 : TYPE 05 (오피니언) ----------------------------------------------------- */
.opinion .sec_headbox .sectit {padding-top: 0;}
.opinion .sec_headbox .sectit h3 a {font-size: 1.2rem;}
.opinion .realtimenews {padding: 30px 0 0 0;}
.opinion .topnews article {padding: 15px 20px; background-color: #dfe3e9;}
.opinion .topnews article h4 {text-align: center; padding-bottom: 10px;}
.opinion .topnews article h4 a {color: #3061ff;}



/* 섹션면 : TYPE 01 (문화·연예) ----------------------------------------------------- */
/* 스타톡 */
.entertain .startalk div:nth-child(2) {border: none; background-color: #dfe3e9;}
.entertain .startalk .thumb_v .thumb {height: 144px;}


/* 연예 갤러리 */
.entergallery {position: relative; padding: 10px; background-color: #222; margin-bottom: 40px;}
.entergallery .thumb {height: 260px; border: 1px solid #000;}
.entergallery .subject a {color: #fff;}
.entergallery > .thumblist_h {display: flex;margin: 10px;}
.entergallery > .thumblist_h div {width: 25%; height: 84px; border: 1px solid #000; cursor: pointer; opacity: 0.6;}
.entergallery > .thumblist_h div.on {border: 1px solid #ff008a; opacity: 1;}
.entergallery > .thumblist_h div:hover {border: 1px solid #ff008a; opacity: 1;}
.entergallery > .thumblist_h div img {width: 100%; height: 100%;}
.entergallery .pagearrow a {top: 50%; width: 40px; height: 50px; margin-top: -70px;}
.entergallery .pagearrow .btn_prev {background-position: left 12px top -306px;}
.entergallery .pagearrow .btn_next {background-position: left -25px top -306px;}



/* 섹션면 : TYPE 01 (중국) ----------------------------------------------------- */
/* 소중탑 4개 */
.subtopnews {margin-bottom: 30px; padding: 20px 0 10px 0; border-bottom: 1px dashed #ddd;}
.subtopnews .thumb_h {display: block; margin-bottom: 30px;}
.subtopnews .thumb_h .subject {font-size: 1.2rem;}
.subtopnews .thumb_h .subject a {-webkit-line-clamp: 1; margin-bottom: 10px; color: #0a68e1;}
.subtopnews .thumb_h .summary {margin: 11px 0 10px 0; line-height: 1.6; -webkit-line-clamp: 3;}
.subtopnews .thumb_h .inbox {display: flex; align-items: flex-start;}
.subtopnews .thumb_h .thumb {margin-right: 20px; flex-basis: 188px; height: 128px;}


/* 차이나, Now n Future */
.china .nownfuture article {margin-bottom: 10px;}
.china .nownfuture .thumb_h .subject {font-size: 1.1rem; background-color: tan;}
.china .nownfuture .newslist {padding: 5px 20px;}
.china .nownfuture .summary {-webkit-line-clamp: 3;}


/* 한줄전체기사 */
.china .newslistbox {margin-top: 20px;}
.china .newslistbox .newslist li {padding: 8px 0 9px 0; border-bottom: 1px dashed #ddd;}
.china .newslistbox .newslist li a {font-size: 1.05rem; font-weight: bold;}


/* 카드뉴스 */
.china .cardnews {margin-bottom: 15px;}
.china .cardnews .subject {padding: 8px 15px 12px 15px; background-color: #333;}
.china .cardnews .subject a {color: #fff;}


/* 투자정보 도우미 GAM */
.china .stockguide .sectit {
    width: 300px;
    height: 120px;
    padding: 0px;
    text-indent: -9999px;
    padding: 0;
    background-color: #e1262d;
    background-image: url(https://img.newspim.com/web/images/2021/chinagam.jpg);
    background-repeat: no-repeat;
    background-position: left 0 top 0;
}
.china .stockguide .sectit a {display: block; width: 300px; height: 120px;}


/* 특파원 리포트 */
.corres .inbox {padding: 12px 0; border-top: 1px solid #ccc;}
.corres .inbox > div {margin-bottom: 8px; padding-bottom: 12px; border-bottom: 1px dashed #ccc;}
.corres .inbox > div:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.corres .inbox > div > div {margin-bottom: 6px; padding: 10px 0; display: flex; align-items: center;}
.corres .inbox > div > div a:nth-child(1) {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 100px;
    background-color: #ccc;
}
.corres .inbox > div > div a:nth-child(1) img {width: 100%; height: 100%; border-radius: 100px;}
.corres .inbox > div > div a:nth-child(2) {color: #1b4ab5; font-weight: bold; font-size: 1rem;}
.corres .inbox > div > div a:nth-child(2):hover {text-decoration: none;}


/* 정치면 : 전문기자의 눈(우측) : 메인 오피니언과 동일소스 */
.reporter {padding-bottom: 10px; background-color: #eee;}
.reporter .sectit h3 {padding-left: 10px;}
.reporter article {display: flex; padding: 10px 15px;}
.reporter article:last-child {border-bottom: none;}
.reporter article > a:nth-child(1) {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 100px;
    background-color: #ccc;
}
.reporter article > a:nth-child(1) img {width: 100%; height: 100%; border-radius: 100px;}
.reporter div span:nth-child(1) {display: inline-block; color: #4365b9; font-weight: bold; font-size: 0.8rem; margin-bottom: 6px;}
.reporter div span:nth-child(2) {
    font-size: 0.95rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



/* 중노위 계간지 2023-08-24 */
/* .quarterly {background-color: ivory;} */
.quarterly .inwrap {display: flex;}
.quarterly .inwrap .leftmenu {flex-basis: 240px;}
.quarterly .inwrap .contents {flex: 1;}

/* 계간지 상단이미지 */
.quarterly .topimg {
    display: flex; justify-content: center; align-items: flex-end; height: 440px;
    background: #fff url(https://img.newspim.com/quarterly/topimg_23_2.jpg?20231005v1) no-repeat 0 0;
}
.quarterly .topimg .maintit {text-indent: -9999px;}
.quarterly .topimg .subtit {
    padding: 10px 100px; color: #fff; font-size: 1.6rem;
    border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #d85656;
}


/* 계간지 왼쪽메뉴 */
.quarterly .leftmenu ul li {margin-bottom: 10px;}
.quarterly .leftmenu ul li a {display: block; padding: 8px 15px; background-color: white;}
.quarterly .leftmenu ul li a:hover, .quarterly .leftmenu ul li a.on{
    color: #fff; background-color: #9b9388; border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}

/* 계간지 기사 (세로버전) */
.quarterly .inwrap .contents > div {margin-bottom: 40px;}
.quarterly .inwrap .contents .listgroup {
    display: flex; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px dashed #ddd;
}
.quarterly .inwrap .contents .thumb_v {flex-basis: 32%; background-color: #eee;}
.quarterly .inwrap .contents .listgroup .thumb_v {border-radius: 30px;}
.quarterly .inwrap .contents .listgroup .thumb_v .thumb, .quarterly .inwrap .contents .listgroup .thumb_v .thumb img {
    border-top-left-radius: 30px; border-top-right-radius: 30px;
}
.quarterly .inwrap .contents .thumb_v .txt {padding: 12px 40px 35px 40px;}
.quarterly .inwrap .contents .thumb_v .txt a {display: block;}
.quarterly .inwrap .contents .thumb_v .txt .category {text-align: center;}
.quarterly .inwrap .contents .txt .category a, .quarterly .inwrap .contents .txt .category span{display: inline-block; color: #d75656; font-weight: bold;}
.quarterly .inwrap .contents .txt .category a:hover {text-decoration: none;}
.quarterly .inwrap .contents .thumb_v .txt .subject {margin: 15px 0 10px 0; padding: 0; height: 46px; overflow: hidden;}
.quarterly .inwrap .contents .thumb_v .subject a {display: inline; font-size: 1.1rem; font-weight: bold;}
.quarterly .inwrap .contents .thumb_v .txt .summary {-webkit-line-clamp: 3;}

/* 계간지 기사 (가로버전) */
.quarterly .inwrap .contents .thumb_h {border-radius: 30px; background-color: #eee;}
.quarterly .inwrap .contents .thumb_h .thumb, .quarterly .inwrap .contents .thumb_h .thumb img {
    border-top-left-radius: 30px; border-bottom-left-radius: 30px;
}
.quarterly .inwrap .contents .thumb_h .thumb {display: inline-block; flex-basis: 320px; height: 230px;}
.quarterly .inwrap .contents .thumb_h .thumb a {display: block; height: 100%;}
.quarterly .inwrap .contents .thumb_h .txt {margin: 30px 40px 10px 20px;}
.quarterly .inwrap .contents .thumb_h .txt .category {margin-bottom: 15px;}
.quarterly .inwrap .contents .thumb_h .txt .summary {-webkit-line-clamp: 4;}
.quarterly .inwrap .contents .thumb_h .txt .summary a {font-size: 1rem;}

/* 계간지 기사 (퍼즐버전) */
.puzzle {display: flex; flex-wrap: wrap; padding-top: 40px; border-top: 1px dashed #ddd;}
.puzzle article {margin: 0 20px 20px 0;}
.puzzle article:nth-child(2n) {margin-right: 0;}
.puzzle .thumb_b, .puzzle .thumb_v {flex-basis: calc(68% - 20px);}
.puzzle .thumb_v:nth-child(2) {border-radius: 0; border-top-right-radius: 30px;}
.puzzle .thumb_v:nth-child(2) .thumb, .puzzle .thumb_v:nth-child(2) .thumb img {border-top-right-radius: 30px;}
.puzzle .thumb_v:nth-child(3) {border-radius: 0; border-bottom-left-radius: 30px;}

.puzzle .thumb_b .thumb {height: 378px;}
.puzzle .thumb_b .thumb img {height: 100%;}
.puzzle .thumb_b .txt {
    position: absolute; left: 0; bottom: 0; padding: 40px 80px; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); box-sizing: border-box;
}
.puzzle .thumb_b:nth-child(1) .txt {border-top-left-radius: 30px;}
.puzzle .thumb_b:nth-child(4) .txt {border-bottom-right-radius: 30px;}
.puzzle .thumb_b .category {text-align: center;}
.puzzle .thumb_b .category a {
    display: inline-block; padding: 10px 40px; text-align: center; border-radius: 50px; background-color: rgba(0, 0, 0, 0.6);
}
.puzzle .thumb_b > .txt > .subject {
    position: relative; left: 0; top: 0; margin: 20px 0; padding: 0; width: 100%; height: auto;
    text-align: center; font-size: 1.8rem; font-weight: bold; background-color: transparent;
}
.puzzle .thumb_b > .txt > .subject a {display: inline;}
.puzzle .thumb_b > .txt > .subject a:hover {text-decoration: none; border-bottom: 1px solid #fff;}
.puzzle .thumb_b .summary a {
    color: #fff;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.puzzle .thumb_b:nth-child(1) {border-radius: 0;}
.puzzle .thumb_b:nth-child(1), .puzzle .thumb_b .thumb, .puzzle .thumb_b .thumb img {border-top-left-radius: 30px;}
.puzzle .thumb_b:nth-child(4) {border-bottom-right-radius: 30px;}
.puzzle .thumb_b:nth-child(4) .thumb, .puzzle .thumb_b:nth-child(4) .thumb img {
    border-top-left-radius: 0; border-bottom-right-radius: 30px;
}

/* 계간지 기사 (더보기) */
.quarterly .sec_more a {
    border-radius: 10px;
}




/* 톡차이나 2023-10-12 */
.talkchina h1 {
    height: 50px; margin: 20px 0 5px 40px; text-indent: -9999px;
    background: transparent url(https://img.newspim.com/etc/talkchina/title.png) no-repeat 0 0;
}
.talkchina .topbox {
    padding: 60px 100px; border-radius: 30px;
    background: #f1f1f1 url(https://img.newspim.com/etc/talkchina/bg.png) no-repeat right 0 top 0;
}
.talkchina .topbox > p:nth-child(2) {margin: 90px 0 40px 0;}
.talkchina .topbox .txt {font-size: 1.1rem; line-height: 1.8; letter-spacing: -1px;}
.talkchina .topbox .txt p:nth-child(1) {margin-bottom: 40px;}
.talkchina .topbox .txt span {font-weight: bold;}
.talkchina .topbox .txt .red {color: #ff0000;}
.talkchina .topbox .txt .black {color: #000;}

.talkchina .listgroup {margin: 50px 20px;}
.talkchina .listgroup .box {display: flex; align-items: center; padding: 50px 0; border-bottom: 1px dashed #ddd;}
.talkchina .listgroup .box:last-child {border-bottom: none;}
.talkchina .listgroup .box p:nth-child(1) {width: 130px; color: #1e78de; font-weight: bold; font-size: 1.4rem; text-align: center;}
.talkchina .listgroup .box .pic {width: 200px; height: 200px; text-indent: -9999px; border-radius: 50%; background-color: #ddd;}
.talkchina .listgroup .box .writer1 {background: transparent url(https://img.newspim.com/etc/talkchina/writer1.jpg) no-repeat center;}
.talkchina .listgroup .box .writer2 {background: transparent url(https://img.newspim.com/etc/talkchina/writer2.jpg) no-repeat center;}
.talkchina .listgroup .box .writer3 {background: transparent url(https://img.newspim.com/etc/talkchina/writer3.jpg) no-repeat center;}
.talkchina .listgroup .box .writer4 {background: transparent url(https://img.newspim.com/etc/talkchina/writer4.jpg) no-repeat center;}
.talkchina .listgroup .box .writer5 {background: transparent url(https://img.newspim.com/etc/talkchina/writer5.jpg) no-repeat center;}
.talkchina .listgroup .box .writer6 {background: transparent url(https://img.newspim.com/etc/talkchina/writer6.jpg) no-repeat center;}
.talkchina .listgroup .box .writer7 {background: transparent url(https://img.newspim.com/etc/talkchina/writer7.jpg) no-repeat center;}
.talkchina .listgroup .box .writer8 {background: transparent url(https://img.newspim.com/etc/talkchina/writer8.jpg) no-repeat center;}
.talkchina .listgroup .box .writer9 {background: transparent url(https://img.newspim.com/etc/talkchina/writer9.jpg) no-repeat center;}
.talkchina .listgroup .box .writer10 {background: transparent url(https://img.newspim.com/etc/talkchina/writer10.jpg) no-repeat center;}
.talkchina .listgroup .box .writer11 {background: transparent url(https://img.newspim.com/etc/talkchina/writer11.jpg) no-repeat center;}
.talkchina .listgroup .box .writer12 {background: transparent url(https://img.newspim.com/etc/talkchina/writer12.jpg) no-repeat center;}
.talkchina .listgroup .box .writer13 {background: transparent url(https://img.newspim.com/etc/talkchina/writer13.jpg) no-repeat center;}
.talkchina .listgroup .box .writer14 {background: transparent url(https://img.newspim.com/etc/talkchina/writer14.jpg) no-repeat center;}

.talkchina .listgroup .box .txtgroup {margin-left: 50px;}
.talkchina .listgroup .box .title {margin-bottom: 20px;}
.talkchina .listgroup .box .title > div {display: flex; align-items: center; margin-bottom: 10px;}
.talkchina .listgroup .box .title h2 a {font-size: 1.6rem; font-weight: bold;}
.talkchina .listgroup .box .title h2 a:hover {text-decoration: none; color: #8b3636;}
.talkchina .view a {
    display: inline-block; margin-left: 15px; padding: 4px 25px 4px 15px; color: #dc3842; font-size: 0.95rem; font-weight: bold; border: 1px solid #dc3842;
    background: transparent url(https://img.newspim.com/etc/talkchina/arrow.png) no-repeat right 10px center;
}
.talkchina .view a:hover {text-decoration: none;}
.talkchina .listgroup .box .career li {margin-bottom: 5px; color: #666;}

.talkchina .intro {display: flex; align-items: center; margin: 40px 0; padding: 60px; border: 20px solid #f5e6e6;}
.talkchina .intro .left {flex-basis: 200px; margin-right: 40px; padding-right: 40px; border-right: 1px dashed #ccc;}
.talkchina .intro .left p:nth-child(1) {
    margin-bottom: 10px; padding: 8px 20px; color: #fff; font-size: 1.1rem; text-align: center; background-color: #cd3e3e; border-radius: 100px;
}
.talkchina .intro .left p:nth-child(2) {color: #1e78de; font-weight: bold; font-size: 1.4rem;}
.talkchina .intro .right {flex: 1;}
.talkchina .intro .right h2 {margin-bottom: 20px;}
.talkchina .intro .right h2 a {line-height: 1.1; color: #8b3636; font-size: 2.2rem; font-weight: bold;}
.talkchina .intro .right h2 a:hover {text-decoration: none; color: #b73b3b;}

/* 네오집스 2023-10-24 */

.neozips .neo-tit h3 {font-size: 32px; margin-bottom: 40px;}
.neozips .neo-tit .neo-txt {padding-left: 15px; font-size: 16px; font-weight: normal;}
.neozips .neo-tit .neo-arr {padding: 0 35px 5px 7px; background-image: url(https://img.newspim.com/etc/neozips/arrow.png); background-position: right; background-repeat: no-repeat;}
.neozips .top-neozips{ margin: 34px 0 140px 0;}

.neozips .main-news {display: flex;
    justify-content: space-between;}
.neozips .main-news article{width: 574px;}
.neozips .main-news .contents .thumb{width: 100%;    height: 321px;}
.neozips .main-news .contents .subject  {margin-top: 20px; font-size:  20px; font-weight: bold}  
.neozips .main-news .contents .subject .sub  {padding: 0 5px; color:#fff; background: #6b5cf3;}  
.neozips-section {width: 100%; margin-bottom: 140px;}
.neozips-section .container-section {display: grid; gap: 15px; grid-template-columns: 1fr 1fr 1fr;}
.container-section {margin: 0 auto; max-width: 1200px; width: 100%;}
.neozips-section .list { box-shadow: 2px 2px 10px 2px rgba(0,0,0,.1); cursor: pointer; }
.neozips-section .list .item { position: relative; text-align: left;}
.neozips-section .list .item .tags {left: 0; padding: 10px; position: absolute; top: 0; z-index: 9;}
.neozips-section .list .item .tags .tag {align-items: center; background: #6b5cf3; border-radius: 20px; color: #fff; display: inline-flex; font-size: 16px; font-weight: 500; height: 22px; padding: 0 13px;}
.neozips-section .list .item .pic {background-color: #eee; height: 160px; overflow: hidden; width: 100%;}
.neozips-section .list .item .pic img {height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%;}
.neozips-section .list .item .summary {display: flex; gap: 13px; padding: 16px 8px 0 16px;}
.neozips-section .list .item .summary .label { color: #000; font-size: 12px; font-weight: 400; line-height: 20px;}
.neozips-section .list .item .price-1 { color: #e00707; font-size: 16px; font-weight: 900;}
.neozips-section .list .item .price-2 { align-items: center; color: #888; display: flex; font-size: 14px; height: 24px; text-decoration: line-through; }
.neozips-section .list .item .price-3 { align-items: center; color: #e00707; display: flex; font-size: 14px; height: 24px; }
.neozips-section .list .item .desc { padding: 12px 16px 19px; }
.neozips-section .list .item .desc .info2 { align-items: center; display: flex; font-size: 13px; gap: 11px; }
.neozips-section .list .item .desc .info2 span { align-items: center; display: flex; gap: 5px; }
.neozips-section .list .item .desc .row-area { margin-top: 7px; }
.neozips-section .list .item .desc .bidding-date { display: flex; gap: 8px; }
.neozips-section .list .item .desc .bidding-date .label { color: #a0a0a0; font-size: 12px; font-weight: 400; }
.neozips-section .list .item .desc .bidding-date .datetiem { color: #000; font-size: 12px; font-weight: 400; }
.d-flex {display: flex;}
.neozips-section .list .item .desc .d-day { align-items: center; background: #ffefe0; border-radius: 18px; color: #ef7300; display: inline-flex; font-size: 10px; font-weight: 700; height: 22px; padding: 0 10px; position: absolute; right: 16px;}

.neo_sec_more {margin-top: 20px;}
.neo_sec_more a{display: block; width: calc(100% - 22px); padding: 10px; text-align: center; font-weight: bold; color: #999; border: 1px solid #ccc;}

.neozips .ad-box {margin-bottom: 140px;}

.neozips .realtimenews .thumb_h .subject {font-size: 1.5rem;}
.neozips .realtimenews .thumb_h .summary { margin: 32px 0 9px 0;}
.neozips .realtimenews .thumb_h .thumb {flex-basis: 300px; height: 200px;}


.neozips_img_box {background-color: #fafafa;}

.neozips .realtimevideo {margin: 100px 0 40px 0}
.neozips .realtimevideo .vidio-box{ display: grid; gap: 53px; grid-template-columns: 1fr 1fr;}




/***** 해외투자 포트폴리오 2025-07-23 *****/
.portfolio {background-color: #deece6;}
.portfolio .inwrap {display: flex;}
.portfolio .inwrap .leftmenu {flex-basis: 200px; margin-right: 20px;}
.portfolio .inwrap .contents {flex: 1;}
.portfolio .inwrap .contents section {margin-bottom: 65px; padding-bottom: 65px; border-bottom: 1px dashed #ccc;}
.portfolio .inwrap .contents section:last-child {border-bottom: none;}


/* 해외투자 포트폴리오 왼쪽메뉴 */
.portfolio .leftmenu ul li {border-bottom: 1px dashed #00b16a; margin: 4px 0;}
.portfolio .leftmenu ul li a {display: block; margin: 6px 0; padding: 12px 14px; letter-spacing: -1px;}
.portfolio .leftmenu ul li a:hover, .portfolio .leftmenu ul li a.on{color: #fff; background-color: #00b16a; border-radius: 15px;}


/* 해외투자 포트폴리오 타이틀 */
.portfolio .toptitle {display: flex; justify-content: space-between; align-items: center; height: 100px; margin-bottom: 20px; background-color: #00b16a;}
.portfolio .toptitle p:nth-child(2) {margin-right: 20px;}


/* 해외투자 포트폴리오 타이틀 박스 */
.titbox {display: flex; align-items: center; padding: 30px 50px; background-color: #fff; border-top-left-radius: 50px; border-top-right-radius: 50px;}
.titbox p:nth-child(2) {display: flex; flex-direction: column;}
.con01 {margin-bottom: 20px;}
.con01 p:nth-child(1) {margin-right: 40px;}
.con01 p:nth-child(2) span:nth-child(1) {margin-bottom: 20px;}


/* 해외투자 포트폴리오 테이블 */
.portfolio table {border-spacing: 0; width: 100%;}
.portfolio table, .portfolio th, .portfolio td {padding: 10px 8px; vertical-align: middle; font-size: 0.85rem; border: 1px solid #ccc;}
.portfolio table th {background-color: #eee;}
.portfolio table td {background-color: #fff; text-align: right;}
.portfolio caption {font-weight: bold; text-align: left; color: #2e54ce; margin: 10px 0;}
.portfolio .note {display: flex; flex-direction: column; padding: 10px 20px; font-size: 0.75rem; color: #AAA;}
.portfolio .date {padding: 4px 10px; text-align: right; color: #666; font-size: 0.9rem;}
.portfolio .greenbg {font-size: 0.95rem; color: #fff; font-weight: normal; background-color: #00b16a;}


.width50 {width: 50px;}
.width100 {width: 100px;}
.width240 {width: 240px;}


.portfolio .table01 {margin-bottom: 20px;}


/* 해외투자 포트폴리오 온오프 박스 */
.portfolio .onoffbox {margin-top: 70px;}
.portfolio .btnbox {display: flex; justify-content: center;}
.portfolio .btnbox p {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; padding: 10px 36px;
    border-radius: 10px; background-color: #2c3e50;
}
.portfolio .btnbox p img {margin-right: 60px;}
.portfolio .btnbox p button {padding: 6px 40px 6px 20px; font-size: 1rem; color: #fff; border-radius: 50px;}
.portfolio .btnbox p button.down {background: #00b16a url(https://img.newspim.com/etc/portfolio/arrow_down.png) no-repeat right 20px center;}
.portfolio .btnbox p button.up {background: #00b16a url(https://img.newspim.com/etc/portfolio/arrow_up.png) no-repeat right 20px center;}


.portfolio .secdiv .vertical p {flex-direction: column; padding: 20px 0; width: 100%;}
.portfolio .secdiv .vertical p img {margin-right: 0; margin-bottom: 20px;}


.portfolio .graphbox {border: 1px solid #ccc; margin-top: 20px;}
.portfolio .graphbox_tit {padding: 12px 0; text-align: center; font-weight: bold; font-size: 1.1rem; background-color: #eee;}
.portfolio .graphbox_con {display: flex; justify-content: center; flex-direction: column; padding: 30px 45px; background-color: #fff;}
.portfolio .instruction {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dashed #ddd;}
.portfolio .instruction p {margin-bottom: 20px;}
.portfolio .instruction p:last-child {margin-bottom: 0;}
.portfolio .graphimg {display: flex; justify-content: center; align-items: center; border: 1px solid #ddd;}


.portfolio .secdiv {display: flex; justify-content: space-between;}
.portfolio .secdiv > div {width: 48%;}
.portfolio .table03 td {padding: 6px 8px;}
.portfolio .table03 tr > td:nth-last-child(2) {text-align: left;}
.portfolio .table03 tr > td.sum {padding: 8px 8px; text-align: center; font-weight: bold;}


/* 해외투자 포트폴리오 기사 (가로버전) */
.portfolio .thumb_h {padding: 30px 40px; margin-bottom: 30px; background-color: #eefff8;}
.portfolio .thumb_h .thumb {display: inline-block; flex-basis: 284px; margin-right: 40px; height: 180px; border-radius: 25px;}
.portfolio .thumb_h .thumb a {display: block; height: 100%; }
.portfolio .thumb_h .thumb img {border-radius: 25px; border: 1px solid #c5d7d0;}
.portfolio .thumb_h .txt .category {margin-bottom: 20px; color: #00b16a; font-weight: bold;}
.portfolio .thumb_h .subject a {display: inline; font-size: 1.25rem; font-weight: bold;}
.portfolio .thumb_h .txt .summary {-webkit-line-clamp: 3; margin-top: 20px;}
.portfolio .thumb_h .txt .summary a {font-size: 1rem;}

.portfolio .topimg .subtit {padding: 10px 100px; color: #fff; font-size: 1.6rem; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: #00b16a;}


/* 해외투자 포트폴리오 기사 (더보기) */
.portfolio .sec_more button:hover {color: #fff; background-color: #00b16a; border: 1px solid #00b16a;}
.portfolio .sec_more button:hover span {background: transparent url(https://img.newspim.com/etc/portfolio/arrow_more.png) no-repeat right 0 center;}

.chart-container {height: 500px; max-width: 800px;margin: 0 auto;}

.no-news {
    width: 80vw;
    max-width: 300px;
    min-height: 350px;            
    height: 40vh; 
    margin: 40px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2c3e50;
    font-size: 1.2rem;
    text-align: center;
    font-weight: bold;
}


/* 트럼프 글목록 페이지 2025.11.03 */
.timelinenews .stxt {padding: 10px; text-align: right; font-size: 0.95rem; color: #3063d5;}
.timelinenews .inner {margin: 0 80px;}
.timelinenews .tabnav {display: flex; flex-wrap: wrap; margin: 20px 0 40px 0;}
.timelinenews .tabnav button {
    display: inline-block; margin: 4px 6px; padding: 8px 20px; color: #333;
    text-align: center; font-weight: 500; font-size: 0.9rem; border-radius: 30px; border: 1px solid #ccc;
}
.timelinenews .tabnav button:link, .timelinenews .tabnav button:visited, .timelinenews .tabnav button:hover, 
.timelinenews .tabnav button:active, .timelinenews .tabnav button:focus,
.timelinenews .tabnav button.active {color: #fff; background-color: #333; border: 1px solid #333;}
.timelinenews .listgroup {background: transparent url(https://img.newspim.com/etc/timelinenews/bgline.gif) repeat-y left 84px top 0;}
.timelinenews .listgroup .listgroup_in {display: flex;}
.timelinenews .listgroup .listgroup_in .left {flex-basis: 240px;}
.timelinenews .listgroup .listgroup_in .left .date {
    display: inline-block; padding: 10px 30px; color: #fff; font-size: 0.95rem; border-radius: 30px; background-color: #002866;
}
.timelinenews .listgroup .listgroup_in .right {margin-bottom: 20px; flex: 1;}
.timelinenews .listgroup .listgroup_in .last-right {border-bottom: 2px dashed #dce3f3;}
.timelinenews .listgroup .first-left { margin-top: 40px;}
.timelinenews .listgroup .listgroup_in .thumb_h {
    margin-bottom: 0; padding: 30px 40px; color: #fff; border-radius: 20px; background-color: #005383;
}
.timelinenews .txt .tit_in {display: flex; justify-content: space-between; align-items: center;}
.timelinenews .subject a {font-size: 1.1rem; font-weight: 500;}
.timelinenews .subject a:link, .timelinenews .subject a:visited, 
.timelinenews .subject a:hover, .timelinenews .subject a:active,
.timelinenews .subject a:focus {color: #fff;}
.timelinenews .btn_more {display: flex; justify-content: flex-end;}
.timelinenews .btn_more a {
    display: inline-block; padding: 6px 18px; text-indent: -9999px; border-radius: 30px;
    background: #fff url(https://img.newspim.com/etc/timelinenews/arrow.gif) no-repeat right 14px center;
    opacity: 0.4;
}
.timelinenews .btn_more a:hover {opacity: 0.8;}
.timelinenews .summary {margin-top: 10px; color: #fff; font-size: 0.95rem; font-weight: 100; -webkit-line-clamp: 3;}
.timelinenews .listgroup .listgroup_in .no-time-line {width: calc(100% - 240px); margin-left: 240px;}
.timelinenews .listgroup .listgroup_in .bg-color-alt {background-color: #0097b1;}
.timelinenews .loading-indicator, .timelinenews .end-of-list {display: flex; justify-content: center; margin-top: 100px;}
.timelinenews .loading-indicator p, .timelinenews .end-of-list p {
    display: inline-block; padding: 15px 40px; border: 2px solid #6d8dad; background-color: #fff; color: #064585;
}

.timelinenews .gnb {display: flex; justify-content: center; align-items: center; margin: 40px 0;}
.timelinenews .gnb .gnb_in {
    display: flex; justify-content: center; align-items: center; padding: 0;
    border: 1px solid #ccc; background-color: #eee; border-radius: 50px;
}
.timelinenews .gnb .gnb_in button {padding: 10px 50px; font-size: 1.1rem; font-weight: bold; border-radius: 50px;}
.timelinenews .gnb .gnb_in button.on {color: #fff; font-size: 1.1rem; font-weight: bold; border-radius: 50px; background-color: #0641b1;}