@charset "utf-8";

#navbar {background:#fff;position:fixed;border-bottom:1px solid #e4e4e4;top: -58px;width:100%;height:58px;display: block; /*transition: top 0.3s;*/ z-index:10000;}

.side_hide_css {display:none;}

.ad_banner6 {overflow:hidden;}
.ad_banner7 {position:absolute;top:38px;right:-180px;overflow:hidden;}
.section_top_ad_nb {width:100%;background:#f5f4f4;padding:20px 0}
.news_head_box {width:calc(100% - 610px);margin-left:260px;margin-right:350px;padding-bottom:10px;border-bottom:1px solid #d7d7d7;position:relative;}
.news_head_box .his_box {font-size:16px;color:#3e3e3e;}
.news_head_box .his_box span {opacity: .5;position:relative;top:5px;}
.news_head_box  h1 {width:100%;font-size:36px;line-height:50px;letter-spacing:-1px;font-weight:700;padding:10px 0 20px 0}
.news_head_box .wr_box .gap01 {padding:0 8px;color:#d3d3d3;font-size:12px;position:relative;top:-2px;}
.news_head_box .wr_box {width:60%;line-height:22px;word-break: keep-all;}
.news_head_box .wr_box span {white-space:nowrap;}
/* 아코디언 수정 */
.accordion_box {width: 220px; text-align: left;}
.acc_date {cursor: pointer; padding: 5px 0 3px 0; border: none; font-size: 15px; transition: 0.4s;}
.acc_date:after {content: '\2228'; float: right; padding-left: 8px; padding-top: -1px; font-size: 13px; color: #9b9b9b;}
.acc_date.active:after {content: "\2227";}
.panel {margin: 5px 0; font-size: 15px; color: #3e3e3e; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.writedate {margin: 2px 0 5px 0; font-size: 15px; color: #3e3e3e; } 

/*iframe 맞춤*/
#youtube_ifpc {width:100%;overflow:hidden;display:flex}
#youtube_ifpc iframe {width:650px;height:366px;margin:0 auto;} 


/* ai 기사 테이블 */
.datatbl {font-size:14px;}
.datatbl th:first-child {width:50px;}

.view_ui_icon {position:absolute;right:0;bottom:25px;z-index:100;}
.view_ui_icon dl {display:flex;position:relative;}
.view_ui_icon dl dd {width:42px;height:35px;margin-left:12px;position:relative;text-align:center;}
.view_ui_icon dl dd img {width:26px;height:26px;cursor:pointer;margin:0 auto;}
.view_ui_icon dl dd label {width:42px;text-align:center;display:block;font-size:12px;letter-spacing:-1px;position:absolute;bottom:-10px;z-index:100;cursor:pointer;}

#fontSizeBox {display:none;position:absolute;top:60px;right:0px;z-index:10000;background:#ccc}
#fontSizeBox_fixed {display:none;position:absolute;top:45px;right:0px;z-index:10000;background:#ccc}
.font_size_box {width:280px;height:115px;padding:15px;background:#fff;border:1px solid #ebebeb;position:relative;}
.font_size_box .tit {font-size:18px;font-weight:500;}
.font_size_box .close_btn {width:15px;position:absolute;top:15px;right:15px;z-index:100;}
.font_size_box .close_btn img {width:15px;cursor:pointer;opacity:0.5;}
.font_size_box .close_btn img:hover {opacity:1;} 
.font_size_box ul {display:flex;margin-top:15px;justify-content:space-evenly;}
.font_size_box ul li {display:flex;align-items:center;justify-content:center;cursor:pointer;}
.font_size_box li button:hover, .choice {color:#fff;background:#5e5e5e;}
.font_size_box li button {width:40px;height:40px;border:1px solid #dfdfdf;text-align:center;font-weight:500;}
.font_size_box li button.fs02 {font-size:16px;}
.font_size_box li button.fs03 {font-size:18px;}
.font_size_box li button.fs04 {font-size:20px;}
.font_size_box li button.fs05 {font-size:22px;}

#newsShareBox {display:none;position:absolute;top:60px;left:-110px;z-index:10000;background:#ccc}
#newsShareBox_fixed {display:none;position:absolute;top:45px;left:-110px;z-index:10000;background:#ccc}
.news_share_box  {width:300px;height:170px;padding:15px;background:#fff;border:1px solid #ebebeb;position:relative;}
.news_share_box .tit {font-size:18px;font-weight:500;}
.news_share_box .close_btn {width:15px;position:absolute;top:15px;right:15px;z-index:100;}
.news_share_box .close_btn img {width:15px;cursor:pointer;opacity:0.5;}
.news_share_box .close_btn img:hover {opacity:1;} 
.news_share_box ul {display:flex;margin-top:10px;justify-content:space-evenly;}
.news_share_box ul li {display:flex;align-items:center;justify-content:center;cursor:pointer;}
.news_share_box ul li p {width:50px;height:50px;border:1px solid #dfdfdf;border-radius:50% 50%;display:flex;align-items:center;justify-content:center;}
.news_share_box .url_box {width:100%;padding:10px;border:1px solid #dfdfdf;margin-top:10px;position:relative;cursor:pointer;}
.news_share_box .url_box .txt_box {width:98%;overflow:hidden;white-space:nowrap;}
.news_share_box .url_box .btn_box {padding:5px 20px;font-size:16px;color:#fff;background:#383838;position:absolute;top:5px;right:5px;}


.view_ui_icon2 {position:absolute;bottom:19px;right:0;z-index:1000;}
.view_ui_icon2 .view_fixed_ui_box {position:relative;}
.view_ui_icon2 .vfub {display:flex;overflow:hidden;}
.view_ui_icon2 .vfub p {width:26px;height:26px;margin-left:15px;padding-top:0;}
.view_ui_icon2 .vfub p  img {width:26px;height:26px;}


.article_box {width:100%;}
.article_box .article_body {line-height:28px;font-size:18px;overflow:hidden;}
.sub_title {border-left: 4px solid #3e3e3e;font-weight:500;letter-spacing: -0.5px;color: #000;margin-bottom: 25px;padding: 0 15px;width:100%;line-height:28px;}
.news_bm table {position:relative;max-width:670px;table-layout:fixed;margin:0 auto 15px auto;}
.news_bm table td {padding-right:10px; background:#fff;}
.news_bm table td img {width:100%;}
.news_bm table td.photocaption {font-size:15px !important;line-height:22px;font-family:'Pretendard' !important;}
.news_bm table td .zoom_btn {position: absolute;top:20px;right: 30px;width: 35px;height: 35px;display: block;z-index: 500;cursor: pointer;}
.news_bm iframe { margin-bottom: 10px;}
/* 관련종목 */
.stock_item_box {width:100%;padding:15px 0;clear:both}
.stock_item_box .stock_item_tit {display:block;float:left;background:#d01717;padding:4px 8px 3px 8px;margin-right:10px;font-size:15px;line-height:15px;color:#fff;}
.stock_item_box .stock_list {font-size:16px;position:relative;top:-3px;line-height:26px;overflow:hidden;}
.stock_item_box .stock_list a {display:inline-block;text-decoration:none;margin-right:10px;margin-bottom:5px;}
.stock_item_box .stock_list a:hover {box-shadow: inset 0 -4px 0 #f8d6d6;transition: .2s;}

/* 본문 소제목 */
.small_title01 {display:block;border-top:2px solid #000;border-bottom:1px solid #ccc; padding:10px 0 14px 0;}
.small_title01 h5 {font-size:20px;font-weight:600;line-height:30px;}
.small_title02 {display:block;border-top:2px solid #000;border-bottom:1px solid #ccc; padding:10px 0 14px 0;}
.small_title02 h5 {font-size:20px;font-weight:600;line-height:30px;}
.small_title03 {display:block;padding:10px 0 14px 0;text-align:center;}
.small_title03 h5 { display: inline-block;font-size:20px;font-weight:600;color: #000;line-height: 27px;background: #fff;letter-spacing: 0px;}
.small_title03 h5::before { content: " ";display: block;clear: both;height: 3px;width: 60px;margin: 0 auto 10px;font-size: 0;line-height: 0;background-color: #000;}


/* 스크롤 탑 UI */
#scroll_top_ui {width:100%;height:61px;background:#fff;position:fixed;top:0px;z-index:100000;border-bottom:1px solid #c6c6c6;}
#scroll_top_ui .scroll_header {width:1280px;height:60px;margin:0 auto;position:relative;background:#fff;z-index:100;}
#scroll_top_ui .scroll_header dl {display:flex}
#scroll_top_ui .scroll_header dl dt {width:300px;}
#scroll_top_ui .scroll_header dl dt ul {overflow:hidden;display:flex;}
#scroll_top_ui .scroll_header dl dt ul li {padding-top:20px;}
#scroll_top_ui .scroll_header dl dt ul li.icon01 {padding-right:8px}
#scroll_top_ui .scroll_header dl dt ul li.icon01 img {width:27px;cursor:pointer;}
#scroll_top_ui .scroll_header dl dt ul li.icon02 {padding-right:15px;}
#scroll_top_ui .scroll_header dl dt ul li.icon02 .icon-search {width:26px;height:26px;cursor:pointer;background:url(https://img.asiatoday.co.kr/a2img/pc/main/search.svg) no-repeat;background-size:cover;position:relative;top:-2px;}
#scroll_top_ui .scroll_header dl dt ul li.logo {padding-top:20px;}
#scroll_top_ui .scroll_header dl dt ul li.logo img {width:145px;position:relative;top:0px;}
#scroll_top_ui .scroll_header dl dd {flex:1;height:40px;float:left;padding:19px 180px 0 60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#scroll_top_ui .scroll_header dl dd span {font-size:20px;line-height:20px;font-weight:500;color:#333;}

.tts_stop_icon{display:block;cursor:pointer}
.tts_play_icon{display:none;cursor:pointer}

.atoobyline_reporter {width:100%;margin: 0 auto;padding-bottom: 5px;margin-bottom:35px;display:flex;flex-wrap:wrap;}
.atoobyline_reporter .reporter_box {width:330px;overflow:hidden;margin-bottom:10px;padding:15px 25px 10px 25px;border: 1px solid #eee;}
.atoobyline_reporter .reporter_box:nth-child(odd) {margin-right:10px;} 
.atoobyline_reporter .reporter_box ul {width:100%;height:92px;overflow:hidden;display:flex;align-items: center;}
.atoobyline_reporter .reporter_box ul li .img_box {width:80px;height:80px;margin-right:15px;border:1px solid #d5d5d5;border-radius:46px;overflow:hidden;float:left;}
.atoobyline_reporter .reporter_box ul li .img_box img {width:100%;}
.atoobyline_reporter .reporter_box ul li span {display:inline-block;font-size:16.5px;font-weight:500;line-height:22px;word-break: keep-all;}
.atoobyline_reporter .reporter_box ul li label {display:block;padding-top:6px;font-size:13px;line-height:14px;color:#000;font-weight:300;}
.atoobyline_reporter .reporter_box ul li label.fs14{font-size:16px;padding-top:8px;}
.atoobyline_reporter dl {overflow:hidden;}
.atoobyline_reporter dl dd {font-size:16px;}
.atoobyline_reporter dl dd span {font-weight:500;padding-right:15px;}
.atoobyline_reporter dl dd label {font-size:16px;font-weight:300;}


.related_news {width:100%;border-top:1px solid #ababab;padding:25px 0 15px 0;}
.related_news dl {display:flex;align-items: center;}
.related_news dl dt {width:120px;text-align:center;font-size:18px;}
.related_news dl dd {flex:1;padding-left:15px;border-left:1px solid #ddd;}
.related_news dl dd p {font-size:16.5px;}
.related_news dl dd p::before {content: " └ ";padding-right:5px;font-size:12px;}

.copy_box  {margin:0 0 0 0;display:flex;margin-bottom: 10px;}
.copy_box p {width:50%;padding:10px 0;font-size:16px;}
.copy_box p:nth-child(2) {text-align:right;}
.copy_box p span {padding-left:15px;}

/* 댓글 */
.dd_bar {background: #f4f5f6;border: 1px solid #e1e1e1;text-align: center;font-size:16px;padding: 8px 0;cursor:pointer;}
.cont_news_box2 {width:100%;overflow:hidden;padding-top:20px;transition:height 0.5s ease-in;height:0}
.cont_news_box2 h5 {font-size:16px;border-bottom:1px solid #888888;padding-bottom:5px;}
.cont_news_box2 .con {width:100%;}
.cont_news_box2.open{height:auto}
.cont_news_box3 {width:100%;overflow:hidden;padding-bottom:10px;}

/* 기사 포토 줌 */
.photo_zoom_box {display:none;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.85);position:fixed;z-index:1000000}
.photo_zoom_box .zoom_box {display:table-cell;width:300px;height:100%;vertical-align:middle;}
.photo_zoom_box .zoom_box .btn {position:absolute;top:20px;right:40px;color:#fff;cursor:pointer}
.photo_zoom_box .zoom_box img {width:auto;max-height:100vh;max-width:100%;}

/* 카드뉴스 슬라이드 */
.card_news_swiper {width:100%;margin-bottom:35px;position:relative;overflow:hidden;}
.card_news_swiper .cardslider {width:430px;margin:0 auto;height:auto;}
.card_news_swiper .cardslider li img {width:430px;}
.card_news_swiper .prev_b {position:absolute;top:calc(50% - 22px);left:0;cursor:pointer;z-index:1000;}
.card_news_swiper .next_b {position:absolute;top:calc(50% - 22px);right:0;cursor:pointer;z-index:1000;}

/* 백운산 */
.backunsan {width:80%;margin:0 auto;}
.backunsan dl {overflow:hidden;display:flex;align-items: center;justify-content:center;border-top:1px solid #ccc;padding-top:20px;margin-top:20px;}
.backunsan dl:first-child {border-top:0;padding:0;margin-top:0}
.backunsan dl dt {width:150px;height:120px;}
.backunsan dl dt p {width:100px;}
.backunsan dl dt p img {width:100%;}
.backunsan dl dd {flex:1}
.backunsan dl dd p b {font-weight:700;}
.backunsan_info {width:70%;margin:50px auto 20px auto;overflow:hidden;}
.backunsan_info dl {display:flex;overflow:hidden;}
.backunsan_info dl dt {width:80px;margin-right:15px;}
.backunsan_info dl dt img {width:80px;}
.backunsan_info dl dd {flex:1;font-size:17px;line-height:26px;}
@media only screen and (max-width:480px) {
        .backunsan {width:100%}
	.backunsan dl dt {width:70px;height:90px;}
	.backunsan dl dt p {width:70px;}
        .backunsan dl dt p img {width:50px}  
        .backunsan dl dd p {font-size:15px;line-height:18px;padding:2px 0;}
        .backunsan_info  {width:100%;}
        .backunsan_info dl dd {font-size:13px;line-height:16px;}
}

/* 2024-10-28 추가 */
.news_bm strong {font-weight:700;}  
.news_bm b {font-weight:700;}
.news_bm {margin-bottom:40px;}

/* 2024-11-19 기사 emotion */
.emotion_view_box {width:100%;margin-top:10px;padding:18px 0;border-top:1px solid #ababab;border-bottom:1px solid #ababab;}
.emotion_view_box dl {width:580px;overflow:hidden;margin:0 auto;display:flex}
.emotion_view_box dl dd {width:130px;text-align:center;}
.emotion_view_box dl dt {width:180px;text-align:center;border-left:1px solid #e7e7e7;margin-left:10px;}
.emotion_view_box dl button {width:45px;height:45px;margin:0 auto;display:block;font-size:0;cursor:pointer;opacity: 0.40;background-position:center;background-repeat:no-repeat;background-size:45px;}
.emotion_view_box dl button.active {opacity:1;} 
.emotion_view_box dl button.btn_like {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_like.png);}
.emotion_view_box dl button.btn_sad {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_sad.png);}
.emotion_view_box dl button.btn_ang {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_ang.png);}
.emotion_view_box dl button.btn_want {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_want.png);}
.emotion_view_box dl button.btn_like:hover {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_like_on.png);}
.emotion_view_box dl button.btn_sad:hover {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_sad_on.png);}
.emotion_view_box dl button.btn_ang:hover {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_ang_on.png);}
.emotion_view_box dl button.btn_want:hover {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_want_on.png);}
.emotion_view_box dl button.btn_like.active {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_like_on.png);}
.emotion_view_box dl button.btn_sad.active {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_sad_on.png);}
.emotion_view_box dl button.btn_ang.active {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_ang_on.png);}
.emotion_view_box dl button.btn_want.active {background-image:url(https://img.asiatoday.co.kr/a2img/pc/view/emotion_want_on.png);}
.emotion_view_box dl label {font-size:14px;cursor:pointer;color:#4d4d4d;}
.emotion_view_box dl label.active {font-weight:500;color:#000;}
.emotion_view_box dl label span {display:block;width:100%;line-height:14px;padding-top:8px;} 
.emotion_view_box dl label i {display:block;width:100%;font-style:normal;line-height:14px;padding-top:7px;}