﻿/* aside 고정: position: sticky 적용 */
/* theiaStickySidebar 적용을 위해 position: sticky 제거 */
.sticky_top { position: fixed; left: 0; top: 0; z-index: 92; width: 100%; height: 78px; border-bottom: 1px solid #dfdfdf; background-color: #fff; opacity: 0; visibility: hidden; transform: translateY(-100%); transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1), opacity 480ms ease, visibility 480ms ease; pointer-events: none; }
.sticky_top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.sticky_top .inner { height: 100%; display: flex; align-items: center; }
.sticky_top .logo { width: 124px; height: 22px; background: url(../img/logo.png) no-repeat; background-size: 100% auto; } 
.sticky_top .h1_title { position: relative; width: 900px; margin-left: 15px; padding-left: 15px; font-size: 18px; font-weight: 600; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sticky_top .h1_title::before { content: ""; clear: both; position: absolute; left: 0; top: 8px; display: block; width: 1px; height: 18px; background-color: #ccc; }
.sticky_top .progress_bar { position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #1b8c00; }
.sticky_top .share_sch { display: flex; margin-left: auto; }
.sticky_top .share_sch li { position: relative; }
.sticky_top .share_sch li button { width: 42px; height: 42px; }
.sticky_top .share_sch li.share button { background:transparent url(../img/btn_share.png) center no-repeat; }
.sticky_top .share_sch li.share .option_lay { position: absolute; right: 0; top: 44px; border:1px solid #ddd; background-color: #fff;  border-radius: 10px; padding: 15px 20px; z-index: 1; display: none; }
.sticky_top .share_sch li.share .option_lay .h_tit { display: block; position: absolute; left: 14px; top: 9px; font-size: 16px; font-weight: 600; }
.sticky_top .share_sch li.share .option_lay ul { display: flex; }
.sticky_top .share_sch li.share .option_lay ul li + li { margin-left: 5px; }
.sticky_top .share_sch li.share .option_lay ul li button { display: block; width: 45px; height: 45px; }
.sticky_top .share_sch li.share .option_lay ul li.facebook button { background: url(../img/btn_facebook.png) no-repeat; }
.sticky_top .share_sch li.share .option_lay ul li.twitter button { background: url(../img/btn_twitter.png) no-repeat; }
.sticky_top .share_sch li.share .option_lay ul li.url button { background: url(../img/btn_url.png) no-repeat; }
.sticky_top .share_sch li.share .option_lay .btn_close { position: absolute; right: 8px; top:9px; width: 17px; height: 17px; background: url(../img/btn_close_2.png) no-repeat; }
.sticky_top .share_sch li.share.active button { background:transparent url(../img/icon_close.png) center no-repeat; }
.sticky_top .share_sch li.share.active .option_lay { display: block; }
.sticky_top .share_sch li.sch button { background:transparent url(../img/icon_search.png) center no-repeat; }
.sticky_top .share_sch li.sch button.on { background:transparent url(../img/icon_close.png) center no-repeat; }

.view_inner { width: 1250px; margin:0 auto; padding: 50px 50px 100px; margin-top: 20px; }
.view_hd { position: relative; border-bottom: 1px solid #111; padding-bottom: 36px; margin-bottom: 50px; }
.view_hd h1 { font-size: 40px; line-height: 55px; letter-spacing: -0.4px; }
.view_hd .name_area { display: flex; flex-wrap: wrap; font-size: 14px; margin-top: 32px; }
.view_hd .name_area strong { font-weight: 600; }
.view_hd .name_area span { font-weight: 400; }
.view_hd .name_area span::before { content: ""; clear: both; float: left; width: 1px; height: 12px; background-color: #dfdfdf; margin:2px 10px 0; }

.view_hd .share_lst { position: absolute; right: 0; bottom: 20px; display: flex; flex-wrap: wrap; font-family: "Barlow"; }
.view_hd .share_lst li { position: relative; }
.view_hd .share_lst > li + li { margin-left: 5px; }
.view_hd .share_lst > li > button { width: 45px; height: 45px; box-sizing: border-box; background-position: center; background-color: #fff; background-repeat: no-repeat; border-radius: 50%; border:1px solid #dfdfdf; }
.view_hd .share_lst li.share > button { background-image: url(../img/btn_share.png); }
.view_hd .share_lst li.print > button { background-image: url(../img/btn_print.png); }
.view_hd .share_lst li.font_size > button { background-image: url(../img/btn_font_size.png); }
.view_hd .share_lst li.share.active > button { background-image: url(../img/btn_share_a.png); background-color: #1b8c00; border-color: #1b8c00; }
.view_hd .share_lst li.font_size.active > button { background-image: url(../img/btn_font_size_a.png); background-color: #1b8c00; border-color: #1b8c00; }
.view_hd .share_lst li.share .option_lay { position: absolute; right: 0; top: 60px; border:1px solid #ddd; background-color: #fff;  border-radius: 10px; padding: 20px 30px; z-index: 1; display: none; }
.view_hd .share_lst li.share .option_lay .h_tit { display: block; position: absolute; left: 14px; top: 9px; font-size: 16px; font-weight: 600; }
.view_hd .share_lst li.share .option_lay ul { display: flex; }
.view_hd .share_lst li.share .option_lay ul li + li { margin-left: 5px; }
.view_hd .share_lst li.share .option_lay ul li button { display: block; width: 45px; height: 45px; }
.view_hd .share_lst li.share .option_lay ul li.facebook button { background: url(../img/btn_facebook.png) no-repeat; }
.view_hd .share_lst li.share .option_lay ul li.twitter button { background: url(../img/btn_twitter.png) no-repeat; }
.view_hd .share_lst li.share .option_lay ul li.url button { background: url(../img/btn_url.png) no-repeat; }
.view_hd .share_lst li.share .option_lay .btn_close { position: absolute; right: 8px; top:9px; width: 17px; height: 17px; background: url(../img/btn_close_2.png) no-repeat; }
.view_hd .share_lst li.share.active .option_lay { display: block; }

.view_hd .share_lst li.font_size .option_lay { position: absolute; right: 0; top: 60px; border:1px solid #ddd; background-color: #fff; border-radius: 10px; padding: 19px 24px 19px 19px; z-index: 1; display: none; }
/* .view_hd .share_lst li.font_size .option_lay .h_tit { display: block; position: absolute; left: 14px; top: 9px; font-size: 16px; font-weight: 600; } */
.view_hd .share_lst li.font_size .option_lay ul { display: flex; flex-direction: column; }
.view_hd .share_lst li.font_size .option_lay ul li + li { margin-top: 10px; }
.view_hd .share_lst li.font_size .option_lay ul li { display: flex; align-items: center; }
.view_hd .share_lst li.font_size .option_lay ul li i { position: relative; width: 16px; height: 16px; box-sizing: border-box; border:1px solid #e1e1e1; border-radius: 50%; }
.view_hd .share_lst li.font_size .option_lay ul li button { background-color: transparent; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(1) button { font-size: 13px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(2) button { font-size: 15px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(3) button { font-size: 18px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(4) button { font-size: 20px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(5) button { font-size: 23px; }
.view_hd .share_lst li.font_size .option_lay ul li.on i::before { content: ""; display: block; position: absolute; left: 3px; top: 3px; width: 8px; height: 8px; background-color: #111; border-radius: 50%; }
.view_hd .share_lst li.font_size .option_lay ul li.on button {  }
.view_hd .share_lst li.font_size .option_lay .btn_close { position: absolute; right: 9px; top:9px; width: 17px; height: 17px; background: url(../img/btn_close_2.png) no-repeat; }
.view_hd .share_lst li.font_size.active .option_lay { display: block; }

.view_con { display: flex; justify-content: space-between; }
.view_con article { width: 800px; font-size: 17px; font-weight: 400; line-height: 25px; letter-spacing: -0.1px; border-right: 1px solid #dfdfdf; box-sizing: border-box; padding-right: 50px; }
aside { width: 349px; box-sizing: border-box; }
aside > div { width: 100%; padding-left: 49px; box-sizing: border-box; }

.view_con .article { font-size: 18px; line-height: 28px; }
.view_con .sub_title { position: relative; display: block; margin-bottom: 50px; padding-left: 18px; word-break: keep-all; }
.view_con .sub_title:before { position: absolute; left: 0; top: 0; display: block;clear: both; content: ""; width: 3px; height: 100%; background: #000; }
.view_con .sub_title span { display: block; font-size: 20px; font-weight: 600; letter-spacing: -0.6px; line-height: 26px; }
.view_con .sub_title span + span { margin-top: 10px; }
.view_con .article .imgBox { display: flex; width: 100%; margin: 30px 0; }
.view_con .article .imgBox.ib_center { justify-content: center; }
.view_con .article .imgBox.ib_left { justify-content: flex-start; width: auto; margin-right: 25px !important; margin-top: 0; }
.view_con .article .imgBox.ib_right { justify-content: flex-end; width: auto; margin-left: 25px !important; margin-top: 0; }
.view_con .article .imgBox .p_caption { display: block; text-align: left; font-size: 14px; color: #999; letter-spacing: -0.5px; text-align: left; word-break: keep-all; line-height: 21px; font-style: normal; margin-top: 15px; margin }
.view_con .article .imgBox .photo_img { position: relative; }
.view_con .article .imgBox .photo_img .expansion_btn { position: absolute; right: 10px; top: 10px; width: 38px; height: 38px; background: url(https://image.ajunews.com/images/site/news/kr/v2/img/icon_expansion.png) no-repeat; background-size: 38px; z-index: 9; cursor: pointer; }
.view_con .article .imgBox .photo_img  img { width:100%; }
.view_con .article blockquote { position: relative; display: flex; flex-direction: column; width: 100%; font-size: 17px; font-weight: bold; margin: 30px 0; padding: 0 45px 0 60px; box-sizing: border-box; }
.view_con .article blockquote:before { content: ''; position: absolute; left: 29px; top: 6px; display: block; width: 22px; height: 16px; background: url(https://image.ajunews.com/images/site/img/ajunews/v4/blockquote.png) 0 -40px no-repeat; }
.view_con .article blockquote p { position: relative; }
.view_con .article blockquote p:last-child:after { content: ''; display: inline-block; width: 22px; height: 16px; margin-left: 11px; background: url(https://image.ajunews.com/images/site/img/ajunews/v4/blockquote.png) 0 0px no-repeat; position: absolute; right: auto; bottom: 5px; }
.view_con .article em { font-style: italic; }
.view_con .article .tag { display:flex; flex-wrap: wrap; margin-top: 50px; }
.view_con .article .tag li { height: 33px; border:1px solid #1b8c00; box-sizing: border-box; border-radius: 17px; margin-bottom: 10px; margin-right: 10px; }
.view_con .article .tag li a { display: block; font-size: 14px; color: #1b8c00; line-height: 31px; padding: 0 15px; }
.view_con .article .byline_editor { display: flex; align-items: center; margin-top: 40px; }
.view_con .article .byline_editor .photo { width: 60px; height: 60px; flex-shrink: 0; margin-right: 14px; border: 1px solid #eee; box-sizing: border-box; border-radius: 50%; background: url(../img/editor_default.png) no-repeat; }
.view_con .article .byline_editor .photo img { width: 100%; }
.view_con .article .byline_editor .name_area { width: auto; }
.view_con .article .byline_editor .name_area .name { display: inline-block; font-size: 18px; }
.view_con .article .byline_editor .name_area .name:hover { color: #111; }
.view_con .article .byline_editor .name_area .email { display: block; font-size:15px; color: #2c80ff; text-decoration: underline; text-underline-offset : 2px; }
.view_con .article .copyright { margin-top: 50px; border-top:4px double #ccc; padding-top: 25px; }
.view_con .article .copyright p { font-size: 15px; line-height: 25px; color: #999; }
.view_con .article strong { font-weight: normal; }

.view_con .atc_related { margin-top: 80px; }
.view_con .atc_related h3 { font-size: 20px; border-bottom: 1px solid #111; padding-bottom: 20px; }
.view_con .atc_related ul { margin-top: 25px; }
.view_con .atc_related ul li + li { margin-top: 10px; }
.view_con .atc_related ul li a { display: flex; justify-content: space-between; align-items: center; }
.view_con .atc_related ul li a .tit { font-size: 18px; line-height: 28px; -webkit-line-clamp: 2; }
.view_con .atc_related ul li a .thumb { width: 130px; height: 80px; flex-shrink: 0; margin-left: 20px; }

.bigimg_popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; white-space: nowrap; font-size: 0; line-height: 0; text-align: center; background: rgba(0,0,0,0.8); z-index: 999999999999; box-sizing: border-box; }
.bigimg_popup:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.bigimg_popup .lay_big_img { position: relative; display: inline-block; max-width: 1000px; width: auto; background: #fff; box-sizing: border-box; vertical-align: middle; white-space: normal; line-height: 1; text-align: left; z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: transform .6s; }
.bigimg_popup .lay_big_img img { width: 100%; height: auto; }
.bigimg_popup .btn_bigimg_close { position: fixed; top: 50px; right: 40px; width: 50px; height: 50px; background: url(https://image.ajunews.com/images/site/news/kr/v2/img/btn_close_img.png) 50% 50% no-repeat; }

.aty_tin_1 h3 { font-size: 20px; font-weight: 700; border-bottom: 1px solid #ccc; padding-bottom: 13px; }
.aty_tin_1 ul { margin-top: 20px; }
.aty_tin_1 li + li { margin-top: 20px; }
.aty_tin_1 li a { display: flex; justify-content: space-between; align-items: center; }
.aty_tin_1 li a .thumb { width: 80px; height: 80px; flex-shrink: 0; margin-left: 20px; }
.aty_tin_1 li a .tit { font-size: 17px; line-height: 25px; letter-spacing: -0.2px; }

.aty_tin_2 { margin-top: 60px; }
.aty_tin_2 h3 { font-size: 20px; margin-bottom: 13px; }
.aty_tin_2 .thumb { width: 300px; height: 187px; }
.aty_tin_2 .tit { font-size: 17px; line-height: 25px; margin-top: 6px;  -webkit-line-clamp: 2; letter-spacing: -0.2px; }


