.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; background-size: 100%; } .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; } .art_ad_04 { margin: 30px 0; } .art_ad_04 .ad_box { width: 100%; margin: 0 auto; text-align: center; height: 100px; background: #ff0000; } .comment_wrap{display: block; padding-bottom: 5rem; margin-top: 50px;} .comment_wrap .total_number{display: block; height: 4rem; font-weight: 700; font-size: 2.2rem;} .comment_wrap .total_number em{font-weight: 700;} .comment_form{position: relative; display: block; padding: 2rem 2rem 4rem; width: 100%; box-sizing: border-box; border-top: 1px solid #333; border-bottom: 1px solid #efefef;} .comment_form .user_info{display: flex; align-items: center;} .comment_form .user_info .user_thumb{position: relative; overflow: hidden; display: block; margin-right: 1rem; width: 3rem; height: 3rem; border-radius: 50%; background: #efefef;} .comment_form .user_info .user_thumb img{position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%);} .comment_form .user_info .user_name{display: block; box-sizing: border-box; align-items: center;} .comment_form .user_info .user_name i { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; background: #4fa9b5 url(../img/icon_ajp.png) no-repeat; background-size: 100% auto; overflow: hidden; text-indent: -9999px; margin-right: 5px;; box-sizing: border-box; } .comment_form .user_info .user_name i.google { background: #fff url(../img/icon_sns_google.png) center no-repeat; background-size: 55% auto; border: 1px solid #ccc; } .comment_form .user_info .user_name i.kakao { background: #fee500 url(../img/icon_sns_kakao.png) center no-repeat; background-size: 55% auto; } .comment_form .user_info .user_name i.naver { background: #06be34 url(../img/icon_sns_naver.png) center no-repeat; background-size: 55% auto; } .comment_form .user_info .date{position: relative; display: block; padding-left: 3rem; box-sizing: border-box;} .comment_form .user_info .date:before{position: absolute; left: 16px; top: 2px; display: block; clear: both; content: ""; width: 1px; height: 9px; background: #dfdfdf;} .comment_form .user_info .date span{display: block; color:#888; font-size: 1.3rem;} .comment_form .user_info .comment_btn{position: absolute; right: 2rem; top: 3rem; width: 7rem; height: 2.8rem; border: 1px solid #dddddd; border-radius: 2px; box-sizing: border-box; text-decoration: none;} .comment_form .user_info .comment_btn span{display: block; text-align: center; line-height: 2.6rem; color: #666; font-size: 1.2rem;} .comment_form .user_info .more_wrap{position: absolute; right: 0; top: 28px; box-sizing: border-box;} .comment_form .user_info .more_wrap .more_btn{display: block; width: 24px; height: 24px; background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_more.png) 50% 50% / 4px no-repeat;} .comment_form .user_info .more_wrap .more_list{display: none; position: absolute; right: 0; top: 33px; width: 90px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); z-index: 9;} .comment_form .user_info .more_wrap .more_list li{display: block; width: 100%; height: 36px; border-bottom: 1px solid #f6f6f6; box-sizing: border-box;} .comment_form .user_info .more_wrap .more_list li:last-child{border-bottom: none;} .comment_form .user_info .more_wrap .more_list li a{display: block; width: 100%; height: 100%; font-size: 13px; letter-spacing: -1px; color:#666; text-align: center; line-height: 34px;} .comment_form .user_info .btn_delete_comment { position: absolute; right: 20px; top: 30px; width: 19px; height: 19px; box-sizing: border-box; border:1px solid #f2f2f2; background: url(https://image.ajunews.com/images/site/ajupress/img/icon_comment_delete.png) center center no-repeat;} .comment_form .comment_txt{display: block; margin-top: 1.5rem; width: 100%; font-size: 1.5rem; line-height: 2.1rem; word-break: break-all; } .comment_form .comment_txt.blind_txt{color:#999;} .comment_form .comment_textarea{position: relative; display: block; width: 100%; height: 10rem;} .comment_form .comment_textarea textarea{ font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-size:1.4rem; display: block; margin-top: 2rem; padding: 1.5rem 7rem 1.5rem 2rem; width: 63rem; height: 100%; resize: none; line-height: 2.1rem; box-sizing: border-box; border: 1px solid #ccc; border-right: none; border-radius: 4px 0 0 4px; outline: none;} .comment_form .comment_textarea .count{position: absolute; right: 11.5rem; bottom: 1.5rem; display: block; color:#999; font-size: 1.3rem; font-weight: 400;} .comment_form .comment_textarea .count em{display: inline-block;color:#333;} .comment_form .comment_textarea .write_btn{position: absolute; right: 0; top: 0; width: 10rem; height: 100%; background: #333; border-radius: 0 4px 4px 0; } .comment_form .comment_textarea .write_btn span{display: block; color:#fff; text-align: center; font-size: 1.5rem; font-weight: 500;} .comment_form .user_info + .comment_textarea textarea{margin-top: 1rem;} .comment_list li .comment_form{padding-top: 3rem; padding-bottom: 2rem; border-top: none;} .comment_list li:last-child .comment_form{padding-bottom: 3rem; border-bottom: none;} .comment_more{display: block; width: 100%; height: 6.2rem; box-sizing: border-box; border: 1px solid #e5e5e5; border-bottom: 1px solid #ccc; text-decoration: none;} .comment_more span{display: block; text-align: center; line-height: 6rem; font-size: 1.5rem;} .comment_more span:after{display: inline-block; clear: both; content: ""; margin-left: 1rem; width: 1.1rem; height: 2.1rem; background: url(https://image.ajunews.com/images/site/news/kr/img/view/comment_more.png) 50% 50% / 1.1rem no-repeat; vertical-align: middle;} .comment_form .vote_wrap{display: flex; justify-content: right; align-items: center; margin-top: 2rem; height: 2rem;} .comment_form .vote_wrap dd{margin-left: 1.5rem; height: 100%;} .comment_form .vote_wrap dd .vote_btn{display: flex; align-items: center; padding-left: 3rem; height: 100%; box-sizing: border-box; text-decoration: none;} .comment_form .vote_wrap dd .vote_btn.vote_btn_01{background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_like_g.png) 0 50% / 21px no-repeat;} .comment_form .vote_wrap dd .vote_btn.vote_btn_02{background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_hate_g.png) 0 50% / 21px no-repeat;} .comment_form .vote_wrap dd .vote_btn.vote_btn_01.on, .comment_form .vote_wrap dd:hover .vote_btn.vote_btn_01{background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_like_b.png) 0 50% / 21px no-repeat;} .comment_form .vote_wrap dd .vote_btn.vote_btn_02.on, .comment_form .vote_wrap dd:hover .vote_btn.vote_btn_02{background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_hate_b.png) 0 50% / 21px no-repeat;} .comment_form .vote_wrap dd .vote_btn em{display: block; font-size: 1.3rem; letter-spacing: -1px; color:#999;} .comment_form .vote_wrap dd .vote_btn.on em, .comment_form .vote_wrap dd:hover .vote_btn em{color:#111;} .layer_wrap{display: none; position: fixed; top: 0; left: 0; padding: 30px 0; width: 100%; height: 100%; overflow: auto; white-space: nowrap; font-size: 0; line-height: 0; text-align: center; z-index: 999999999999; box-sizing: border-box;} .layer_wrap:before{content: '';display: inline-block;height: 100%;vertical-align: middle;} .layer_wrap .layer_dialog{position: relative; display: inline-block; vertical-align: middle; white-space: normal; line-height: 1; text-align: left; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; z-index: 10; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);} .layer_dialog_close{position: absolute;top: 0;right: 0;width: 5rem;height: 5rem; background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_share_close.png) 50% 50% no-repeat; background-size: auto;} .layer_wrap_background_close{position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;} .layer_dialog{width: 40rem; box-sizing: border-box; border: 1px solid #e0e0e0; border-top: 3px solid #000; border-radius: 5px; background: #fff; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);} .layer_wrap.is_show{display: block; opacity:1;} .layer_wrap.is_show .layer_dialog{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .layer_wrap.is_hide{opacity:0;} .layer_head{padding: 2.5rem 0 1.8rem 3rem;} .layer_head strong{display: block; font-size: 1.7rem; line-height: 1.8rem; font-weight: 700; letter-spacing: -1.275px;} .sticky_share_pop{position: absolute; padding: 0; text-align: right; overflow: visible; z-index: 9;} .sticky_share_pop .layer_dialog{display: block; margin-left: auto; margin-top: -2.5rem;} .newsquick_list .sticky_share_pop .layer_dialog{margin-top: -8rem;} .share_pop .layer_content{padding: 0 3rem 3rem;} .share_pop .sns_list{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;} .share_pop .sns_list li{display: block; width: 5.5rem; height: 5.5rem; background-repeat: no-repeat; background-size: auto; background-image: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_sns.png);} .share_pop .sns_list li:nth-child(1){background-position: 0 0;} .share_pop .sns_list li:nth-child(2){background: url(https://image.ajunews.com/images/site/news/kr_2/img/icon/ic_twitter.png) no-repeat;background-size: 100%;} .share_pop .sns_list li:nth-child(3){background-position: -12rem 0;} .share_pop .sns_list li:nth-child(4){background-position: -18rem 0;} .share_pop .sns_list li:nth-child(5){background-position: -24rem 0;} .share_pop .sns_list li a{display: block; width: 100%; height: 100%;} .share_pop .sns_list li button{display: block; width: 100%; height: 100%;} .share_pop .form_wrap{position: relative; height: 4rem;} .share_pop .form_wrap input{padding: 0 9.5rem 0 1.5rem; width: 100%; height: 100%; border: 1px solid #cccccc; box-sizing: border-box; outline: none;} .share_pop .form_wrap button{position: absolute; right: 0; top: 0; width: 8rem; height: 100%; background: #111; font-size: 1.3rem; font-weight: 700; color:#fff;} .layer_wrap.img_pop{padding: 0; background: rgba(0,0,0,0.8);} .layer_wrap.img_pop .layer_dialog{max-width: 100rem; width: auto; border: none; border-top: none; border-radius: 0; box-shadow: none;} .layer_wrap.img_pop .layer_dialog img{width: 100%; height: auto;} .layer_wrap.img_pop .layer_dialog_close{position: fixed; top: 5rem; right: 4rem; background: url(https://image.ajunews.com/images/site/news/kr/img/view/icon_img_close.png) 50% 50% no-repeat;} .form_radio label:before{box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); clear: both; content: ""; border: 1px solid #999999; width: 13px; height: 13px; border-radius: 50%;} .form_radio label:after{ box-sizing: border-box; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); clear: both; content: ""; width: 9px; height: 9px; background: #fff; border-radius: 50%;} .alert_pop .layer_dialog{border: none; border-top: 3px solid #000; border-radius: 0 0 4px 4px;} .alert_pop .layer_content{padding: 3.5rem 3rem 4rem;} .alert_pop .alert_tit{display: block; height: 40px; font-size: 18px; font-weight: 700; letter-spacing: -1px; border-bottom: 1px solid #ccc; text-align: center;} .alert_pop .alert_txt{display: block; margin-bottom: 2.5rem; font-size: 1.8rem; line-height: 3rem;} .alert_pop .radio_list{display: block; margin-top: 30px;} .alert_pop .radio_list li{display: block; height: 20px; margin-bottom: 15px;} .alert_pop .radio_list li .form_radio label{padding-left: 30px; font-size: 16px; letter-spacing: -1px; line-height: 20px; position: relative;} .alert_pop .radio_list li .form_radio label:before{width: 20px; height: 20px; border: 1px solid #b7b7b7;} .alert_pop .radio_list li .form_radio label:after{left: 5px; width: 10px; height: 10px; background: #fff;} .alert_pop .radio_list li .form_radio input:checked + label:before{background: #fff; border-color:#333;} .alert_pop .radio_list li .form_radio input:checked + label:after{background: #333;} .alert_pop .alert_textarea{position: relative; display: block; margin-top: 20px; margin-bottom: 20px; width: 100%; height: 130px;} .alert_pop .alert_textarea textarea{display: block; padding: 15px 10px; width: 100%; height: 100%; border: 1px solid #dfdfdf; outline: none; resize: none; border-radius: 4px; box-sizing: border-box; font-size: 14px; letter-spacing: -1.6px; color:#999; line-height: 21px;} .alert_pop .alert_textarea .count{position: absolute; right: 10px; bottom: 10px; font-size: 13px; color:#999; font-weight: 400;} .alert_pop .alert_textarea .count em{color:#333;} .alert_pop .alert_btn_wrap{display: flex; margin-left: -1rem; justify-content: center;} .alert_pop .alert_btn_wrap li{float: left; padding-left: 1rem; width: 50%; height: 4rem; box-sizing: border-box;} .alert_pop .alert_btn_wrap li .alert_btn{display: block; width: 100%; height: 100%; border: 1px solid #aaa; box-sizing: border-box; text-decoration: none;} .alert_pop .alert_btn_wrap li .alert_btn span{display: block; font-size: 1.5rem; font-weight: 500; text-align: center; line-height: 3.8rem;} .alert_pop .alert_btn_wrap li .alert_btn.fill span{color:#fff;} .alert_pop .alert_btn_wrap li .alert_btn.fill{background: #4fa9b5; border: 1px solid #4fa9b5;} .alert_pop .alert_btn_wrap li .alert_btn.fill.gray{background: #333; border: 1px solid #333;}