.view_hd { position: relative; border-bottom: 1px solid #111; padding: 70px 30px 35px; }
.view_hd h1 { font-size: 46px; line-height: 56px; letter-spacing: 0.6px; }
.view_hd .name_area { display: flex; flex-direction: column; font-family: "Barlow"; margin-top: 49px; }
.view_hd .name_area strong { font-size: 16px; }
.view_hd .name_area span { display: flex; flex-wrap: wrap; font-size: 13px; color: #999; margin-top: 12px; }
.view_hd .name_area span em + em { margin-left: 10px; padding-left: 10px; position: relative; }
.view_hd .name_area span em + em::before { content: ''; display: block; width: 1px; height: 10px; background: #ddd; position: absolute; top: 60%; left: 0; transform: translateY(-50%); } 
.view_hd .share_lst { position: absolute; right: 30px; bottom: 27px; 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: 50px; height: 50px; }
.view_hd .share_lst li.share > button { background: url(../img/btn_share.png) no-repeat; }
.view_hd .share_lst li.print > button { background: url(../img/btn_print.png) no-repeat; }
.view_hd .share_lst li.font_size > button { background: url(../img/btn_font_size.png) no-repeat; }
.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: 37px 28px 19px; 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: 18px; }
.view_hd .share_lst li.share .option_lay ul li button { display: block; width: 46px; height: 46px; }
.view_hd .share_lst li.share .option_lay ul li span { display: block; width: 100%; font-size: 12px; font-weight: 500; text-align: center; margin-top: 4px; }
.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 ul li.email button { background: url(../img/btn_email.png) no-repeat; }
.view_hd .share_lst li.share .option_lay .btn_close { position: absolute; right: 12px; 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: 44px 40px 25px; 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: 6px; }
.view_hd .share_lst li.font_size .option_lay ul li { width: 46px; height: 46px; }
.view_hd .share_lst li.font_size .option_lay ul li button { width: 46px; height: 46px; box-sizing: border-box; border: 1px solid #e2e2e2; border-radius: 50%;; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(1) button { font-size: 15px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(2) button { font-size: 17px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(3) button { font-size: 21px; }
.view_hd .share_lst li.font_size .option_lay ul li:nth-child(4) button { font-size: 25px; }
.view_hd .share_lst li.font_size .option_lay ul li.on button { background-color: #38b7c8; border-color: #38b7c8; color: #fff; }
.view_hd .share_lst li.font_size .option_lay .btn_close { position: absolute; right: 12px; top:11px; 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; padding-top: 45px; }
.view_con article { width: 890px; font-size: 17px; font-weight: 400; line-height: 25px; letter-spacing: -0.1px; border-right: 1px solid #eee; box-sizing: border-box; padding-right: 38px; }
.view_con article .article { font-family: "Barlow"; }
.view_con article .byline_editor { display: flex; align-items: center; margin-top: 70px; }
.view_con article .byline_editor .photo { width: 80px; height: 80px; flex-shrink: 0; margin-right: 20px; border: 1px solid #eee; box-sizing: border-box; border-radius: 50%; }
.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: 20px; }
.view_con article .byline_editor .name_area .name:hover { color: #111; }
.view_con article .byline_editor .name_area .email { display: block; font-size:17px; color: #38b7c8; text-decoration: underline; text-underline-offset : 2px; }
.view_con article .copyright { font-size: 15px; margin-top: 34px; }
.view_con article .imgBox { display: flex; width: 100%; margin-top: 30px; }
.view_con article .imgBox.il_left { justify-content: flex-start; }
.view_con article .imgBox.ib_center { justify-content: center; }
.view_con article .imgBox.ib_right { justify-content: flex-end; }
.view_con figure .photo_img { position: relative; }
.view_con figure .photo_img img { width: 100%; height: 100%; }
.view_con figure .expansion_btn { position: absolute; right: 1rem; bottom: 1rem; width: 38px; height: 38px; background: url(../img/icon/icon_expansion.png) no-repeat; background-size: 38px; z-index: 9; cursor: pointer; }
.view_con figure .p_caption { color: #888888; font-size: 13px; margin-top: 15px; display: block; margin-bottom: 35px; }

.atc_related { border-top: 1px solid #111; margin-top: 46px; padding-top: 35px; }
.atc_related h3 { font-size: 25px; }
.atc_related ul { display: flex; margin-top: 12px; }
.atc_related ul li + li { margin-left: 35px; }
.atc_related ul li { width: 260px; }
.atc_related ul li .thumb { width: 260px; height: 170px; }
.atc_related ul li .tit { font-size: 17px; line-height: 23px; -webkit-box; -webkit-line-clamp: 4; margin-top: 10px; letter-spacing: 0.05px; }

aside { width: 320px; padding-bottom: 50px; }
aside .sticky { position: sticky; top: 100px; }

.aside_ajplay .h_title { font-family: "Barlow"; height: 25px; display: flex; justify-content: space-between; /*align-items: flex-end; align-items: baseline; */}
.aside_ajplay .h_title h3 { font-size: 21px; }
.aside_ajplay .h_title .link_youtube { width: 141px; height: 23px; background: url(../img/link_youtube.png) no-repeat; margin-top: 5px; }
.aside_ajplay .video_box { position: relative; width: 100%; padding-bottom: 56.41%; overflow: hidden; margin-top: 10px; border-radius: 10px; }
.aside_ajplay .video_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.aside_latest { margin-top: 45px; }
.aside_latest h3 { font-family: "Barlow"; font-size: 21px; font-weight: 800; border-bottom: 1px solid #111; padding-bottom: 10px; margin-bottom: 15px; }
.aside_latest li + li { margin-top: 10px; }
.aside_latest li:nth-child(6) { border-top: 1px solid #dfdfdf; padding-top: 15px; margin-top: 15px; }
.aside_latest li a { display: flex; justify-content: space-between; align-items: center; }
.aside_latest li a .tit { font-size: 15px; line-height: 21px; -webkit-line-clamp: 3; align-content: center; max-height: 63px; }
.aside_latest li a .thumb { width: 120px; height: 80px; flex-shrink: 0; margin-left: 15px; }

/*
.view_con article .article .imgBox { display:flex; width:100%; margin: 30px 0;}
.view_con article .article .imgBox.ib_center { justify-content:center; }
.view_con article .article .imgBox.ib_left { justify-content:flex-start; width: auto; margin-right: 25px !important; margin-top: 0;}
.view_con article .article .imgBox.ib_right { justify-content:flex-end; width: auto; margin-left: 25px !important; margin-top: 0;}
.view_con article .article .imgBox .p_caption { display:block; text-align:left; font-size:13px; color:#666; letter-spacing:-0.5px; text-align:left; word-break:keep-all; line-height:21px; font-style:normal; margin-top:10px; }
.view_con article .article .imgBox .photo_img { position:relative; }
.view_con article .article .imgBox .photo_img .expansion_btn { position:absolute; right:1rem; top:1rem; width:38px; height:38px; background:url(../img/icon_expansion.png) no-repeat; background-size:38px; z-index:9; cursor:pointer; }
*/