@charset "utf-8";

.portal_popup{display:none}
.popup{display:block;position:relative;top:40%;width:80%;max-width:800px;margin:auto;background:#fff;vertical-align:middle}
#_ScrapView_WAR_communityportlet_popup_contents{overflow-y:scroll;max-height:200px}
.popup .popup_title{position:relative;width:100%;height:50px;padding:0;background:#4384d4;font-size:16px;line-height:50px;color:#fff}
.popup .popup_title>p{float:left;margin:0;padding-left:26px}
.popup .popup_title span.btn_popup_close{display:block;float:right;position:relative;width:50px;height:50px}
.popup .popup_title span.btn_popup_close a{display:block;width:100%;height:100%;background:url(../../images/ScrapView/btn_popup_close.png) no-repeat 50% 50%;background-size:15px auto;text-indent:-2000px}
.popup .popup_contents{position:relative;padding:20px}
.popup .popup_contents h3{font-weight:600 !important}
.popup .popup_contents>p{width:100%;padding:0}
.popup .popup_contents>textarea{width:100%;height:50px;margin:0;padding:0;font-size:14px !important;box-sizing:border-box}
.popup .popup_contents .popup_cont_sub{position:relative;width:100%;padding-bottom:10px}
.popup .popup_contents .popup_cont_sub:after{display:block;clear:both;content:''}
.popup .popup_contents .popup_cont_sub .sns{float:left;margin:0;padding:0;padding-right:8px}
.popup .popup_contents .popup_cont_sub .sns li{float:left;margin-top:6px;padding-right:4px;list-style:none}
.popup .popup_contents .popup_cont_sub .sns li *{vertical-align:top}
.popup .popup_contents .popup_cont_sub .sns .ico_twitter{display:inline-block;overflow:hidden;position:relative;width:22px;height:21px;background:url(../../images/ScrapView/ico_twitter.gif) no-repeat 50% 50%}
.popup .popup_contents .popup_cont_sub .sns .ico_facebook{display:inline-block;overflow:hidden;position:relative;width:22px;height:21px;background:url(../../images/ScrapView/ico_facebook.gif) no-repeat 50% 50%}
.popup .popup_contents .popup_cont_sub .sns a span{visibility:hidden;position:absolute;z-index:-1}
.portal_popup .popup_contents_long{max-height: 450px !important;}
.popup a.btn_m_blue{display:inline-block;float:left;min-height:31px;padding:0 20px;border-radius:5px;border:1px solid #3d79c2;background:#4485d5;line-height:31px;font-weight:600;font-size:14px;color:#fff;text-align:center;text-decoration:none;white-space:nowrap}
.popup .popup_btns{position:relative;height:50px;line-height:50px}
.popup .popup_btns ul{margin:0 auto;padding:0;text-align:center}
.popup .popup_btns ul li{display:inline-block;padding-right:5px;list-style:none}
._ScrapView_WAR_communityportlet_portal_popup{display:block;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.83);vertical-align:middle}
.portal_popup #_ScrapView_WAR_communityportlet_pop_print{top: 20%;}
/* 기능유틸 */
.popup menu.content_util{display:none;position:absolute;top:0;right:0;margin:0;padding:0 10px 0 0}
.popup menu.content_util ul{position:relative;margin:0 !important;background:none}
.popup menu.content_util ul li{float:left;width:auto;margin:0 0 0 2px;list-style:none}
.popup menu.content_util ul li a{display:block;overflow:hidden;width:27px;height:25px;background-image:url(../../images/ScrapView/btn_view_etc.png);text-indent:-2000px}
.popup menu.content_util ul li a.bookmark{background-position:0 0}
.popup menu.content_util ul li a.share{background-position:-31px 0}
.popup menu.content_util ul li a.sns{background-position:-62px 0}
.popup menu.content_util ul li a.print{background-position:-93px 0}
.popup menu.content_util ul li a:hover{background-image:url(../../images/ScrapView/btn_view_etc_over.png)}
.popup menu.content_util ul li a.bookmark:hover{background-position:0 0}
.popup menu.content_util ul li a.share:hover{background-position:-31px 0}
.popup menu.content_util ul li a.sns:hover{background-position:-62px 0}
.popup menu.content_util ul li a.print:hover{background-position:-93px 0}
.popup ul li{list-style:none}