/* view */
.sc_page_view{
    padding-bottom: 50px;
    border-bottom: double;
    position: relative;
}
.view_cont .v_head{
    padding-bottom: 33px;
    border-bottom: 1px solid #111;
}
.view_cont .v_head h1{
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}
.view_cont .v_head .name_area{
    margin-top: 35px;
}
.view_cont .name_area strong{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}
.view_cont .name_area span{
    color: #999999;
    font-size: 12px;
}
.view_cont .name_area span:last-child{margin-left: 20px;position: relative;}
.view_cont .name_area span:last-child::before{
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #dddddd;
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.view_area{margin-top: 40px;}
.view_area #articleBody{
    font-size: 17px;
    line-height: 28px;
}
.view_area article .imgBox{
    display: flex;
    width: 100%;
}
.view_area article .imgBox.il_left{justify-content: flex-start;}
.view_area article .imgBox.ib_center{justify-content: center;}
.view_area article .imgBox.ib_right{justify-content: flex-end;}
.view_area figure .photo_img{
    position: relative;
}
.view_area figure .photo_img img{width: 100%;height: 100%;}
.view_area 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_area figure .p_caption{
    color: #888888;
    font-size: 13px;
    margin-top: 15px;
    display: block;
    margin-bottom: 35px;
}
.view_area .byline_wrap{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 50px;
}
.view_area .byline_wrap .img_box{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #eee;
    overflow: hidden;
    background: url(../img/default_img.png) no-repeat;
}
.view_area .byline_wrap .info_area{flex: 1;}
.view_area .byline_wrap .name{
    font-size: 18px;
    font-weight: 500;
}
.view_area .byline_wrap .email{
    color: #005bac;
    font-weight: 400;
    display: block;
}
.view_area .copyright {
    font-size: 14px;
    line-height: 22px;
    margin-top: 30px;
}

/* 레이어 팝업 */
.layer_wrap.img_pop { 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; }
.layer_wrap.img_pop:before { content:''; display:inline-block; height:100%; vertical-align:middle; }
.layer_wrap.img_pop .hide { width:0; height:0; margin:0;padding:0; position:absolute; left:0; top:0; font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden; }
.layer_wrap.img_pop .layer_dialog { 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; }
.layer_wrap.img_pop .layer_dialog img { width:100%; height:auto; }
.layer_wrap.img_pop .layer_head { padding:25px 0 18px 30px; }
.layer_wrap.img_pop .layer_head strong{ display:block; font-size:1.7rem; line-height:1.8rem; font-weight:700; letter-spacing:-1.275px; }
.layer_wrap.img_pop .layer_dialog_close { position:fixed; top:50px; right:40px; width:50px; height:50px; background:url(../img/icon/icon_img_close.png) 50% 50% no-repeat; }


.sc_related{margin-top: 50px; margin-bottom: 200px;}
.sc_related .title{font-size: 25px;}
.sc_related li+li{margin-top: 10px;}
.sc_related li a{
    display: flex;
    align-items: center;
    gap: 19px;
}
.sc_related .img_box{
    width: 190px;
    height: 120px;
}
.sc_related .cont_title{flex: 1; font-weight:500;}

.share_sns{
    position: absolute;
    left: -90px;
    top: 278px;
    height: 82%;
}
.share_sns .sns_list{
    position: sticky;
    top: 50px;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
    width: 60px;
}
.share_sns .sns_list .sns_item{height: 59px;}
.share_sns .sns_list .sns_item+.sns_item{
    border-top: 1px solid #f0f0f0;
}
.share_sns .sns_list button{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.share_sns .sns_list .btn_sns::after{
    content: '';
    display: block;
    width: 19px;
    height: 23px;
    background: url(../img/icon/icon_sns.png) 0 0 no-repeat;
}
.share_sns .sns_list .btn_print::after{
    content: '';
    display: block;
    width: 25px;
    height: 23px;
    background: url(../img/icon/icon_sns.png) 0 -30px no-repeat;
}
.share_sns .sns_list .font_plus{
    font-size: 23px;
    font-weight: 900;
}
.share_sns .sns_list .font_minus{
    font-size: 20px;
    font-weight: 500;
}

.share_sns .pop_area{
    position: absolute;
    left: 79px;
    top: -1px;
    width: 234px;
    height: 120px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    display: none;
}
.share_sns .pop_area.active{display: block;}
.share_sns .pop_area .pop_list{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 20px;
}
.share_sns .pop_area button{
    font-size: 12px;
    font-weight: 500;
    flex-direction: column;
}
.share_sns .pop_area button::before{
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    background-size: 100%;
    margin-bottom: 10px;
}
.share_sns .pop_area .ic_faceBook::before{
    background: url(../img/icon/icon_sns.png) no-repeat -32px 0;
}
.share_sns .pop_area .ic_twitter::before{
    background: url(https://image.ajunews.com/images/site/news/kr_2/img/icon/ic_twitter.png) no-repeat;
}
.share_sns .pop_area .ic_url::before{
    background: url(../img/icon/icon_sns.png) no-repeat -32px -100px;
}
.share_sns .pop_area .pop_close{
    position: absolute;
    right: 13px;
    top: 13px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../img/icon/icon_sns.png) 0 -120px no-repeat;
}