@charset "utf-8"; 

.download{}
.download:after{content:""; display:block; clear:both}
.download .btn_list{display:none}

.search_trend{display:inline-block; width:100%; padding:30px 0; background-color:#f5f6f8; text-align:center; box-sizing:border-box}
.search_trend > form{position:relative; width:660px; margin:0 auto}
.search_trend .box_searchbar input{width:660px; height:50px; margin:0 auto; padding:8px; font-size:1.000em; background-color:#fff; border:1px solid #dadbde; border-radius:4px; box-sizing:border-box}
.search_trend .box_searchbar input:focus{outline:none !important; border-color:#ff7f00}
.search_trend .box_searchbar .trend_search{position:absolute; width:36px; height:36px; right:15px; top:8px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0}
.search_trend .box_searchbar .trend_search_after{position:absolute; width:36px; height:36px; right:7px; top:17px; margin:0; background:url('/static/images/icon/ico-result-close.png') no-repeat 0 0; color:#222}
.search_trend .box_searchbar .trend_search_boxon{position:absolute; width:36px; height:36px; right:52px; top:13px; margin:0; background:url('/static/images/icon/ico-searchbar-txt-del.png') no-repeat 0 0; color:#222}
.search_trend .box_searchbar>p{position:relative; display:inline; width:550px; font-size:1.000em; margin-top:-47px; margin-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left} /* 이 css는 개발 작업 완료 되면 삭제 */
.search_trend .search_on{position:relative}
.search_trend .tf_keyword{display:inline; float:left; width:370px; height:18px; margin:11px 10px 0; padding:0; border:0 none; font-weight:700; font-size:1.000em; line-height:1.125em; font-family:'Noto Sans KR','맑은 고딕','돋움',dotum,sans-serif; background-color:transparent; outline:none}
.search_trend .btn_calendar{float:left; margin-left:5px; width:40px; height:40px; border:0 none; background:url('/static/images/icon/icon_calendar.png') no-repeat 0 0; cursor:pointer}
.search_trend p{float:left; margin:0 5px; font-size:1.250em; line-height:2.813em}


/* 스팸스나이퍼 리포트 */
#sniper_report{position:relative; z-index:10; width:100%; margin-top:90px}
#sniper_report .top_info{display:block; width:1280px; height:240px; margin:0 auto; text-align:center; opacity:0.9}
#sniper_report .top_info h2{display:inline-block; margin:80px auto 0 auto; color:#111; font-size:3.000em; font-weight:700; letter-spacing:-2px}
#sniper_report .top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.125em; line-height:2.000em; letter-spacing:-1px}
#sniper_report .top_info .subtit_desc>span{display:inline}

#sniper_report .report_tab_menu{display:inline-block; width:100%; height:auto; margin:15px auto 60px auto; text-align:center}
#sniper_report .report_tab_menu span{display:inline-block; border:1px solid rgba(0, 0, 0, 0.2); border-radius:50px; background:#fff; box-sizing:border-box}
#sniper_report .report_tab_menu span p{display:inline-block; float:left; width:200px; height:60px; margin:0 auto; padding:10px 0; font-weight:700; font-size:18px; line-height:40px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
#sniper_report .report_tab_menu span p a{text-decoration:none}
#sniper_report .report_tab_menu span p a:hover{cursor:pointer; color:#ff7f00; border-radius:50px; border:0px none}
#sniper_report .report_tab_menu span p a>i{display:inline; font-style:normal}
#sniper_report .report_tab_menu span p.menu_first{}
#sniper_report .report_tab_menu span p.menu_on{background:#ff7f00; border-radius:50px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
#sniper_report .report_tab_menu span p.menu_on a{color:#fff}
#sniper_report .report_tab_menu span p.menu_on a>i{display:inline; font-style:normal}
#sniper_report .report_tab_menu .table_list_select{display:inline-block; width:200px; float:right; margin-top:8px; text-align:right}
#sniper_report .report_tab_menu .table_list_select p{display:inline; font-size:12px}

#sniper_report .report_area{width:100%; min-width:1280px; height:765px; margin:-92px auto 0 auto; padding:60px 0; background:#f5f6f8; box-sizing:border-box}
#sniper_report .report_area .sniper_list_area{width:100%; max-width:1200px; margin:120px auto 0 auto}

#sniper_report .sniper_thum{display:inline-block; width:400px; height:457px}
#sniper_report .sniper_thum>span{display:inline-block; width:390px; height:390px; margin:0 auto; background-color:rgba(0, 0, 0, 0.04); border-radius:195px; text-align:center}
#sniper_report .sniper_thum>span img{display:inline}

#sniper_report .sniper_report_list{float:right; width:730px; height:auto; margin-left:50px; margin-top:20px; box-sizing:border-box}
#sniper_report .sniper_report_list h2{float:left; width:70%; font-size:36px; font-weight:700; letter-spacing:-2px; color:#111111}
#sniper_report .sniper_report_list .sniper_select{float:right; width:20%}
#sniper_report .sniper_report_list .sniper_select select{min-width:145px; height:46px; padding:7px 15px; font-size:18px; box-sizing:border-box; background:url('/static/images/common/ico-select-arrow@2x.png') no-repeat  97% 10px; background-size:24px 24px; background-color:#fff}
#sniper_report .sniper_report_list .sniper_select select:after{background:url('/static/images/common/ico-select-arrow_close@2x.png')}

#sniper_report .sniper_report_list .list_area{float:none; display:inline-block; width:100%; height:auto; margin-top:50px; box-sizing:border-box}
#sniper_report .sniper_report_list .list_area .monthly{width:100%; height:auto}
#sniper_report .sniper_report_list .list_area .monthly h3{font-size:22px; font-weight:700; color:#111; letter-spacing:-1px}
#sniper_report .sniper_report_list .list_area .quarterly{width:100%; height:auto; margin-top:70px}
#sniper_report .sniper_report_list .list_area .quarterly h3{font-size:22px; font-weight:700; color:#111; letter-spacing:-1px}

#sniper_report .sniper_report_list .list_area dl{display:table; width:770px; margin-top:25px; margin-left:-40px; table-layout:fixed; box-sizing:border-box}
#sniper_report .sniper_report_list .list_area dl:first-child{margin-top:30px}
#sniper_report .sniper_report_list .list_area dd{display:table-cell; float:left; width:calc(100% / 4 - 40px); margin-left:40px; padding-bottom:12px; color:#333333; font-size:18px; font-weight:700; letter-spacing:-1px; border-bottom:1px solid #dadbde; background:url('/static/images/icon/ico-download_2.png') no-repeat right 3px; box-sizing:border-box}
/*#sniper_report .monthly dd:first-child{margin-left:0px}*/
#sniper_report .sniper_report_list .list_area a dd{text-decoration:none}
#sniper_report .sniper_report_list .list_area  a:hover dd{color:#ff7f00; border-bottom:1px solid #ff7f00; background:url('/static/images/icon/ico-download_2_on.png') no-repeat right 3px}
#sniper_report .sniper_report_list .list_area a dd.diable{color:#bebebe; border-bottom:1px solid #bebebe; background:url('/static/images/icon/ico-download_2_off.png') no-repeat right 3px}


/* 보안리포트 */
.download_list{width:100%; margin-top:60px}
.download_list .down_list_select{display:inline-block}
.download_list .down_list_select select{min-width:145px; height:46px; padding:7px 15px; font-size:18px; background:url('/static/images/common/ico-select-arrow@2x.png') no-repeat  97% 10px; background-size:24px 24px}

.download_list .download_report dl{display:inline-block; margin-top:40px}
.download_list .download_report dl:first-child{margin-top:30px}
.download_list .download_report dd{position:relative; float:left; width:291px; height:402px; margin-left:38px; background:url('/static/images/download/secu_report/report_bg.png') no-repeat right top; box-sizing:border-box}
.download_list .download_report dd:nth-child(4n+1){margin-left:0px}
.download_list .download_report dd span{display:inline-block}
.download_list .download_report dd span img{width:283px; height:100%; border:1px solid #cecece}
.download_list .download_report dd ul{position:absolute; width:calc(100% - 6px); height:145px; padding:18px; background:#fff; border:1px solid #cecece; box-sizing:border-box; z-index:10; top:60%; left:0}
.download_list .download_report dd ul li{font-weight:700; font-size:18px; line-height:26px; letter-spacing:-1px; word-break:keep-all; color:#171717}
.download_list .download_report dd ul li.down_btn{position:absolute; top:60%}
.download_list .download_report dd ul li.down_btn a{display:inline-block; padding:6px 10px; color:#555; background:#fff; border:1px solid #dadbde; border-radius:4px}
.download_list .download_report dd ul li.down_btn a:hover{color:#fff; background:#ff7f00; border:1px solid #ff7f00}
.download_list .download_report dd ul li.down_btn button{background:url('/static/images/icon/ico-download.png') no-repeat right 2px; padding-right:20px; font-weight:700; font-size:14px; letter-spacing:-1px; color:#555 }
.download_list .download_report dd ul li.down_btn a:hover button{background:url('/static/images/icon/ico-download_on.png') no-repeat right 2px; padding-right:20px; font-weight:700; font-size:14px; letter-spacing:-1px; color:#fff}
.download_list .download_report dd ul li.report_m{display:none}


/* 탭메뉴 2개일때 */
.report_tab_menu2{display:inline-block; width:100%; height:auto; margin:15px auto 60px auto; text-align:center}
.report_tab_menu2 span{display:inline-block; border:1px solid rgba(0, 0, 0, 0.2); border-radius:50px; background:#fff; box-sizing:border-box}
.report_tab_menu2 span p{display:inline-block; float:left; width:200px; height:60px; margin:0 auto; padding:10px 0; font-weight:700; font-size:18px; line-height:40px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
.report_tab_menu2 span p a{text-decoration:none}
.report_tab_menu2 span p a:hover{cursor:pointer; color:#ff7f00; border-radius:50px; border:0px none}
.report_tab_menu2 span p a>i{display:inline; font-style:normal}
.report_tab_menu2 span p.menu_first{}
.report_tab_menu2 span p.menu_on{background:#ff7f00; border-radius:50px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
.report_tab_menu2 span p.menu_on a{color:#fff}
.report_tab_menu2 span p.menu_on a>i{display:inline; font-style:normal}


/* 악성메일 상단 검색부분 */
#download_trend{position:relative; z-index:10; width:100%; margin-top:90px; font-family:'NotoSansKR', sans-serif, 'AppleGothic', '돋움', 'Dotum'}
#download_trend .top_info{display:block; width:1280px; height:240px; margin:0 auto; text-align:center; opacity:0.9}
#download_trend .top_info h2{display:inline-block; margin:80px auto 0 auto; color:#111; font-size:3.000em; font-weight:700; letter-spacing:-2px}
#download_trend .top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.125em; line-height:2.000em; letter-spacing:-1px}
#download_trend .top_info .subtit_desc>span{display:inline}
#download_trend .trend_top_info{width:100%; min-width:1280px; height:214px; margin:0 auto; padding:50px 0; background:#f5f6f8; box-sizing:border-box}
#download_trend .trend_top_info .trend_info{width: 900px;height:auto;margin:0 auto;text-align: center;}
#download_trend .trend_top_info .trend_info h2{display:block;font-size:22px;font-weight:700;letter-spacing:-1px;color:#282828}


/* 악성메일 위협 분석 */
.trend_list{width:100%; margin:30px 0 60px 0; border-top:1px solid #cecece; word-break:keep-all}
.trend_list a{text-decoration:none}
.trend_list a:hover{text-decoration:underline}
.trend_list dl.trend_list_m {display:inline-block; width:100%; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #f0f0f2}
.trend_list dt{float:left; width:220px; height:220px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1) inset; border:1px solid rgba(0, 0, 0, 0.2); border-radius:5px}
.trend_list dd{float:left; width:82%}
.trend_list dd ul{display:inline-block; padding:10px 40px; box-sizing:border-box}
.trend_list dd ul li{margin-top:10px; line-height:normal; font-weight:400; font-size:1.000em; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ellipsis line */ -webkit-box-orient:vertical}
.trend_list dd ul li > span.mass_media{position:relative; top:-5px}
.trend_list dd ul li:first-child{margin-top:0px; line-height:normal; color:#333; font-size:1.375em; font-weight:700; letter-spacing:-2px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ellipsis line */ -webkit-box-orient:vertical}
.trend_list dd ul li:last-child{float:left; display:inline-block; margin:60px 0 0 0px; color:#999; font-weight:400}

.trend_list .search_trend_tit{display:block; margin:55px 10px 25px 10px}
.trend_list .search_trend_tit p{display:block; margin-top:20px; line-height:36px; font-size:18px; letter-spacing:-1px}
.trend_list .search_trend_tit p > span{color:#ff7f00; font-weight:400}
.trend_list .search_trend_tit p > em{font-style:normal; font-weight:400}
.trend_list .search_trend_tit .tit{margin-top:20px; color:#111; line-height:36px; font-weight:700; font-size:36px; letter-spacing:-2px}

.trend_list .js_profile{display:inline; width:24px; height:24px; padding-left:30px; background:url('/static/images/pr/trend/ico-trend-profile.png') no-repeat 0 0}
.trend_list .date{display:inline; width:200px; margin-top:30px; color:#999; font-weight:400}
.trend_list .risk_info > span{margin-left:5px; padding-right:10px; background:url('/static/images/common/side_bar_pr.png') no-repeat right 6px}
.trend_list .risk_info > span:first-child{margin-left:0px}
.trend_list .risk_info > span:last-child{background:none}
.trend_list .risk_info > span > span{margin-left:5px; font-weight:700; color:#555}
.trend_list .risk_info > span > em{font-size:14px; font-style:normal}
.trend_list .risk_info > span > span > p{margin-left:15px}

.high{display:inline-block; color:#f80000 !important; background:url('/static/images/download/malware_report/ico_risk_high.png') no-repeat 0 6px; background-size:12px 14px}
.medium{display:inline-block; color:#004ff0 !important; background:url('/static/images/download/malware_report/ico_risk_medium.png') no-repeat 0 6px; background-size:12px 14px}
.low{display:inline-block; color:#0ebc5f !important; background:url('/static/images/download/malware_report/ico_risk_low.png') no-repeat 0 6px; background-size:12px 14px}
.virus_green{display:inline-block; background:url('/static/images/download/malware_report/ico_virus_normal.png') no-repeat 0 6px; background-size:14px 14px}
.virus_red{display:inline-block; background:url('/static/images/download/malware_report/ico_virus_malignity.png') no-repeat 0 6px; background-size:14px 14px}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}

.mass_media{display:inline-block; height:19px; margin:0 0 0 10px; padding:5px 15px 5px 30px; border:1px solid #ff7f00; border-radius:50px; color:#ff7f00; font-size:12px; line-height:normal; background:url('/static/images/download/malware_report/ico_mass.png') no-repeat 10px 5px; background-size:16px 18px}
.mass_media > p{}

.trend_list .search_pr_tit{display:block; margin:60px 10px 25px 10px}
.trend_list .search_pr_tit p{display:block; margin-top:20px; line-height:36px; font-size:18px; letter-spacing:-1px}
.trend_list .search_pr_tit p > span{color:#ff7f00; font-weight:400}
.trend_list .search_pr_tit p > em{font-style:normal; font-weight:400}
.trend_list .search_pr_tit .tit{margin-top:20px; color:#111; line-height:36px; font-weight:700; font-size:36px; letter-spacing:-2px}


.trend_view{display:inline-block; width:100%; margin-top:60px; border-top:2px solid #cecece; border-bottom:1px solid #cecece; text-align:left; line-height:1.375em; word-break:keep-all}
.trend_view a{text-decoration:none}
.trend_view a:hover{text-decoration:underline}
.trend_view .view_title{display:inline-block; width:100%; height:auto; margin:30px 0; border-bottom:1px solid #cecece; letter-spacing:-1px}
.trend_view .view_title dl{padding:0 40px; box-sizing:border-box}
.trend_view .view_title dt{display:inline-block; line-height:normal; color:#111; font-size:1.750em; font-weight:700}
.trend_view .view_title dt > span.mass_media{position:relative; top:-4px}
.trend_view .view_title dd{display:block; margin:20px 0 30px 0; line-height:1.500em; color:#999; font-size:1.000em; font-weight:400}

.trend_view .trend_contents{display:inline-block; width:100%; height:auto; margin-left:20px; letter-spacing:-1px; box-sizing:border-box; word-break:keep-all}
.trend_view .trend_contents .trend_mail_info{display:inline-block; width:100%; margin-left:20px}
.trend_view .trend_contents .trend_mail_info .tit_bar{display:inline-block; width:18px; height:3px; background:#ff7f00}
.trend_view .trend_contents .trend_mail_info .mail_info_tit{display:block; margin:0 0 30px 0; font-size:22px; font-weight:700; color:#282828; line-height:38px}
.trend_view .trend_contents .trend_mail_info .mail_info_rectangle{float:left; width:4px; height:300px; margin:0 20px 0 0; background-color:#f0f0f2}
.trend_view .trend_contents .trend_mail_info dl{display:block; width:70%; margin-bottom:23px}
.trend_view .trend_contents .trend_mail_info dl:first-child{margin-top:30px !important}
.trend_view .trend_contents .trend_mail_info dl dt{display:inline-block; width:110px; font-size:16px; font-weight:700; color:#282828}
.trend_view .trend_contents .trend_mail_info dl dd{display:inline-block; margin-left:40px; font-size:16px; color:#555}
.trend_view .trend_contents .trend_mail_info dl dd > span > p{margin-left:15px; color:#555 !important}
.trend_view .trend_contents .trend_mail_info dl dd button{margin-top:-4px; margin-left:10px; padding:4px 10px 5px 10px; font-size:13px; background:#555; color:#fff; border-radius:4px}
.trend_view .trend_contents .trend_mail_info .analyze_message p{font-size:18px; line-height:32px}
.trend_view .trend_contents .trend_mail_info .mail_info_tit2{display:block; margin:0 0 10px 0; font-size:18px; font-weight:700; color:#282828; line-height:27px; letter-spacing:-1px}
.trend_view .trend_contents .trend_mail_info .analyze_message2 p{font-size:18px; line-height:27px; letter-spacing:-1px}


/*.trend_view .trend_contents dl{}
.trend_view .trend_contents dl dd{display:inline-block; margin:0 auto; width:960px; text-align:left; word-break:break-all}
.trend_view .trend_contents dl dd .wrapper{display:inline-block; width:900px}
.trend_view .trend_contents dl dd .wrapper .nav-cover{display:inline-block; width:900px; padding:0 10px; font-family:'Noto Sans KR','맑은 고딕','돋움','dotum','sans-serif'; font-size:16px; line-height:32px; word-break:break-all; word-wrap:break-word; box-sizing:border-box}
.trend_view .trend_contents dl dd .wrapper .nav-cover pre{white-space:pre-wrap; word-break:break-all; overflow:auto; font-family:'Noto Sans KR','맑은 고딕','돋움','dotum','sans-serif'}*/
.trend_view #my_content table{display:inline-block; width:700px; margin:0 120px}

.trend_view_btn{display:block; width:100%; height:auto; margin-top:40px}
.trend_view_btn span.view_btn_list button{display:block; margin:0 auto; padding:15px 75px; color:#ff7f00; font-size:1.000em; font-weight:500; text-align:center; border:1px solid #ff7f00}


.trend_view_list{display:block; width:100%; margin:100px 0 0 0}
.trend_view_list h3{display:block; margin-bottom:15px; font-size:22px; line-height:38px; letter-spacing:-1px; color:#282828}
.trend_view_list .trend_newlist{float:left; width:calc(100% / 3 - 40px); margin:0 20px; word-break:break-all}
.trend_view_list .trend_newlist.first_list{margin:0 40px 0 0}
.trend_view_list .trend_newlist:last-child{margin-right:0; margin-left:40px}
.trend_view_list .trend_newlist a{text-decoration:none}
.trend_view_list .trend_newlist a:hover{text-decoration:underline}
.trend_view_list .trend_newlist dl{display:inline-block}
.trend_view_list .trend_newlist dt{float:left; width:180px; height:180px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1) inset; /* border:1px solid #ccc; */border-radius:15px}
.trend_view_list .trend_newlist dt img{border-radius:5px; /*border:1px solid; border-color:rgba(0, 0, 0, 0.1)*/}
.trend_view_list .trend_newlist dd{float:left; width:50%; margin:10px 0}
.trend_view_list .trend_newlist dd ul{margin-left:25px; box-sizing:border-box}
.trend_view_list .trend_newlist dd ul li{margin-top:10px; line-height:20px; font-weight:500; font-size:14px; color:#555; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; /* ellipsis line */ -webkit-box-orient:vertical}
.trend_view_list .trend_newlist dd ul li:first-child{margin-top:0px; line-height:26px; color:#282828; font-size:18px; font-weight:700; letter-spacing:-2px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ellipsis line */ -webkit-box-orient:vertical}
.trend_view_list .trend_newlist dd ul li:last-child{float:left; display:block; color:#999; height:30px; font-weight:400}

.trend_view_list .trend_newlist .js_profile{display:inline-block; width:45px; height:30px; padding-left:30px; line-height:24px; background:url('/static/images/pr/trend/ico-trend-profile.png') no-repeat 0 0}
.trend_view_list .trend_newlist .date{display:inline; width:200px; margin-top:30px; margin-left:8px; padding-left:11px; color:#999; font-weight:400; background:url('/static/images/common/side_bar_pr.png') no-repeat 0 3px}

.trend_view_btn{display:inline-block; width:100%; height:auto; margin-top:50px}
.trend_view_btn span.view_btn_list button{display:block; margin:0 auto; padding:15px 75px; color:#ff7f00; font-size:1.000em; font-weight:500; text-align:center; border:1px solid #ff7f00}
.trend_view_btn .view_btn_prev{display:block; margin-top:90px; border-top:1px solid #cecece; border-bottom:1px solid #cecece}
.trend_view_btn .view_btn_prev dl{padding:25px 0; letter-spacing:-1px}
.trend_view_btn .view_btn_prev dl:first-child{border-bottom:1px solid #f0f0f0}
.trend_view_btn .view_btn_prev dt{display:inline-block; margin-right:40px; padding-left:40px; color:#999; font-size:1.000em; font-weight:400; box-sizing:border-box}
.trend_view_btn .view_btn_prev dd{display:inline-block; line-height:1.500em; color:#555; font-size:1.063em; font-weight:400}
.trend_view_btn .view_btn_prev dd > span{padding-right:10px; font-weight:700; box-sizing:border-box}
.trend_view_btn .view_btn_prev dd.news_date{display:inline; float:right; padding-right:20px; color:#999; font-size:1.000em; letter-spacing:-1px}

.search_trend_txt{background:linear-gradient(to top, rgba(255, 127, 0, 0.5) 35%, transparent 30%)}

.trend_hashtag{display:block; margin-top:80px}
.trend_hashtag  span{display:inline-block; margin-right:0 /*4px*/; padding:8px 15px; border-radius:4px; background-color:rgba(255, 127, 0, 0.08); color:#555; font-size:15px; letter-spacing:-1px}

.trend_btn_3musketeers{display:inline-block; margin:80px 0 40px 0; width:100%}
.trend_btn_3musketeers  span{border:1px solid #cecece; border-radius:4px; padding:12px 20px 12px 40px; line-height:normal; text-align:center}
.trend_btn_3musketeers  span button{color:#555; font-size:15px}
.trend_btn_3musketeers  span.trend_download{float:left; background:url('/static/images/download/malware_report/ico_download.png') no-repeat 20px 17px; background-size:14px 14px}
.trend_btn_3musketeers  span.trend_inquiry{float:right; margin-right:10px; background:url('/static/images/download/malware_report/ico_inquiry.png') no-repeat 20px 17px; background-size:14px 14px}
.trend_btn_3musketeers  span.trend_share{float:right; background:url('/static/images/download/malware_report/ico_share.png') no-repeat 20px 17px; background-size:14px 14px}



/* 악성트렌드 문의 레이어 팝업 */
.trend_inquiry_popup{display:inline-block; position:absolute; width:960px; height:670px; top:calc(50vh - 350px); left:calc(50vw - 510px); margin:25px auto; padding:60px 40px 40px 40px; background:#fff; box-sizing:border-box; border-radius:12px}
.trend_inquiry_popup .popup_tit{font-size:22px; line-height:38px; letter-spacing:-1px; color:#282828; font-weight:bold}
.trend_inquiry_popup .popup_txt{margin-top:10px; font-size:15px; line-height:normal; color:#555; letter-spacing:-1px; word-break:keep-all}
.trend_inquiry_popup .popup_box{width:320px}

.trend_inquiry_step01{display:inline-block; margin-top:30px; width:105%}
.trend_inquiry_step01 .inquiry_info{display:inline-block; width:100%}
.trend_inquiry_step01 .inquiry_info dl{display:inline-block; width:32%}
.trend_inquiry_step01 .inquiry_info dl dt{display:inline-block; width:58px; height:auto; background:#fff; line-height:28px}
.trend_inquiry_step01 .inquiry_info dl dt span{display:inline-block; font-size:14px; font-weight:700; line-height:28px}
.trend_inquiry_step01 .inquiry_info dl dt span.requ{}
.trend_inquiry_step01 .inquiry_info dl dd{width:210px; height:auto; line-height:28px; display:inline-block}
.trend_inquiry_step01 .inquiry_info dl dd ::-webkit-input-placeholder{color:#777; font-size:13px; font-style:italic}
.trend_inquiry_step01 .inquiry_info dl.inquiry_textbox{display:block; width:95%; margin-top:20px}
.trend_inquiry_step01 .inquiry_info dl.inquiry_textbox>textarea{width:97%; font-size:13px; height:120px}

.trend_inquiry_step01 .inquiry_info dl dd input{width:100%; height:40px; margin:0 auto; padding:8px; font-size:1.000em; background-color:#fff; border:1px solid #dadbde; border-radius:4px; box-sizing:border-box}
.trend_inquiry_step01 .inquiry_info dl dd input:focus{outline:none !important; border-color:#ff7f00}
.trend_inquiry_step01 .inquiry_info dl dd select{width:100%; height:40px; margin:0 auto; padding:8px; font-size:14px; background-color:#fff; border:1px solid #dadbde; border-radius:4px; box-sizing:border-box; background:url('/static/images/common/ico-select-arrow@2x.png') no-repeat  470px 10px; background-size:24px 24px}
.trend_inquiry_step01 .inquiry_info dl dd select:focus{outline:none !important; border-color:#ff7f00}
.trend_inquiry_step01 .inquiry_info dl dd select:after{background:url('/static/images/common/ico-select-arrow_close@2x.png') no-repeat  97% 10px; background-size:24px 24px}

/*.trend_inquiry_step01{display:inline-block; margin-top:20px}
.trend_inquiry_step01 .inquiry_info{display:inline-block; width:318px}
.trend_inquiry_step01 .inquiry_info dl{width:100%; height:40px; margin-bottom:10px; padding:5px 13px; box-sizing:border-box; border:1px solid #dadbde}
.trend_inquiry_step01 .inquiry_info dl dt{display:inline-block; width:70px; height:auto; background:#fff; line-height:28px}
.trend_inquiry_step01 .inquiry_info dl dt span{display:block; font-size:14px; font-weight:700; line-height:28px}
.trend_inquiry_step01 .inquiry_info dl dt span.requ{}
.trend_inquiry_step01 .inquiry_info dl dd{display:inline-block; width:180px; height:auto; line-height:28px}
.trend_inquiry_step01 .inquiry_info dl dd ::-webkit-input-placeholder{color:#777; font-size:13px; font-style:italic}

.trend_inquiry_step01 .inquiry_info dl dd input{width:100%; margin:0 auto; font-size:1.000em; background-color:#fff; border:0px none}
.trend_inquiry_step01 .inquiry_info dl dd input:focus{outline:none !important; border-color:#ff7f00}
.trend_inquiry_step01 .inquiry_info dl.inquiry_textbox{height:176px; margin:0px}
.trend_inquiry_step01 .inquiry_info dl.inquiry_textbox textarea{display:inline-block; width:100%; height:100%; margin:0px; padding:0px; border:0px}
/*.trend_inquiry_step01 .inquiry_info dl ::-webkit-input-placeholder{color:#777; font-size:13px; font-style:italic}*/

.trend_inquiry_step03{display:inline-block; width:100%; font-family:'Noto Sans KR','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; font-size:14px; font-weight:500; letter-spacing:-1px; word-break:keep-all; margin:0 0 35px 0}
.trend_inquiry_step03 .agree_chk{display:inline-block; margin-top:10px}
.trend_inquiry_step03 .agree_chk input[type="checkbox"]{display:none}
.trend_inquiry_step03 .agree_chk input[type="checkbox"] + label{display:inline-block; cursor:pointer; font-size:13px; line-height:normal; padding-left:30px; background:url('/static/images/common/checkbox-20-off@2x.png') no-repeat left 2px/ 22px 22px}
.trend_inquiry_step03 .agree_chk input[type="checkbox"]:checked + label{background:url('/static/images/common/checkbox-20-on@2x.png') no-repeat left 2px/ 22px 22px; color:#fff}
.trend_inquiry_step03 .agree_chk p{display:inline-block; margin-left:1px; line-height:24px; color:#555; letter-spacing:-1px}
.trend_inquiry_step03 .agree_chk p span a{color:#ff7f00; text-decoration:underline}

.trend_inquiry_step03 .agree_txt{display:inline-block; width:100%; margin-left:30px; font-size:13px; line-height:22px; text-align:left}
.trend_inquiry_step03 .agree_txt p{display:block; word-break:keep-all}
.trend_inquiry_step03 .agree_txt p:last-child{margin-top:15px}


.trend_inquiry_step_btn{display:inline-block; width:100%; margin:0 auto}
.trend_inquiry_step_btn button{display:block; width:270px; height:60px; margin:0 auto; font-size:18px; font-weight:700; line-height:32px; letter-spacing:-1px; background:#ff7f00; color:#fff}


/* 악성트렌드 공유하기 레이어 팝업 */
.trend_btn_3musketeers  span.trend_share .tooltip{position:relative; display:block}
.trend_btn_3musketeers  span.trend_share .tooltip a{display:inline-block; margin-right:20px}
.trend_btn_3musketeers  span.trend_share .tooltip:hover .tooltiptext{visibility:visible}
.trend_btn_3musketeers  span.trend_share .tooltip .tooltiptext{visibility:hidden; width:120px; text-align:center; border-radius:6px; padding:15px 0px 15px 15px; position:absolute; z-index:1; border:1px solid #cecece}
.trend_btn_3musketeers  span .tooltip .tooltiptext::after{content:" "; position:absolute; border-style:solid; border-width:50px; border-bottom:30px}
.trend_btn_3musketeers  span.trend_share .tooltip .tooltip-top{width:370px; bottom:220%; left:70%; margin-left:-350px; text-align:center}
.trend_btn_3musketeers  span .tooltip .tooltip-top::after{top:84%; left:70%; margin-left:10px; border-color:transparent}
.trend_btn_3musketeers  span.trend_share .tooltip a img{width:48px; height:48px}

.trend_share_popup{position:relative; float:right; top:335px; width:400px; height:230px; padding:30px 40px; border:1px solid #dadbde; border-radius:4px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); font-size:14px; line-height:24px; color:#555; background:#fff; box-sizing:border-box}
/*display:inline-block; width:400px; height:230px; padding:40px; border:1px solid #dadbde; border-radius:4px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); font-size:14px; line-height:24px; color:#555; box-sizing:border-box}*/
.trend_share_popup .popup_tit{font-size:22px; line-height:38px; letter-spacing:-1px; color:#282828; font-weight:bold}
.trend_share_popup .popup_box{width:320px}

.trend_copy{display:inline-block; width:100%; margin-top:25px; text-align:center; box-sizing:border-box}
.trend_copy button{width:48px; height:48px}
.trend_copy a{display:inline-block; width:48px; height:48px; margin-right:12px}
.trend_copy a:nth-child(5){margin-right:0 none}
.trend_copy a img{}
.trend_copy a:hover img{-webkit-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); border-radius:50px}
.trend_btn_3musketeers  span .share_txt{display:block; font-size:13px; color:#555; letter-spacing:-1px; text-align:center; border:0px; border-radius:0px; padding:0px}
.hide{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px}


.btn_closed{display:block; position:relative; float:right; top:-5px; right:-20px; width:33px; height:33px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}


/* 모달팝업 */
/* 모달창의 배경 */
.modal_bg{position:fixed; width:100%; height:100%; top:0; left:0; bottom:0px; right:0; margin:0 auto}
.modal_menu_bg{position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0, 0, 0, 0.9)}


@media (max-width:1024px){

	/* 리포트 다운로드 */
    .download{padding:0 16px;box-sizing:border-box;border-top: none;margin-top: -30px;}
	.download:after{content:""; display:block; clear:both; margin:0 auto}
	.download .btn_list{display:none}

	.search_trend{display:inline-block;width:100%;padding: 20px 0;background-color:#f5f6f8;text-align:center;box-sizing:border-box}
	.search_trend > form{position:relative; width:100%; margin:0 auto}
	.search_trend .box_searchbar input{width:100%; height:50px; margin:0 auto; padding:8px; font-size:1.000em; background-color:#fff; border:1px solid #dadbde; border-radius:4px; box-sizing:border-box}
	.search_trend .box_searchbar input:focus{outline:none !important; border-color:#ff7f00}
	.search_trend .box_searchbar .trend_search{position:absolute; width:36px; height:36px; right:15px; top:8px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0}
	.search_trend .box_searchbar .trend_search_after{position:absolute; width:36px; height:36px; right:7px; top:17px; margin:0; background:url('/static/images/icon/ico-result-close.png') no-repeat 0 0; color:#222}
	.search_trend .box_searchbar .trend_search_boxon{position:absolute; width:36px; height:36px; right:52px; top:13px; margin:0; background:url('/static/images/icon/ico-searchbar-txt-del.png') no-repeat 0 0; color:#222}
	.search_trend .box_searchbar>p{position:relative; display:inline; width:550px; font-size:1.000em; margin-top:-47px; margin-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left} /* 이 css는 개발 작업 완료 되면 삭제 */
	.search_trend .search_on{position:relative}
	.search_trend .tf_keyword{display:inline; float:left; width:370px; height:18px; margin:11px 10px 0; padding:0; border:0 none; font-weight:700; font-size:1.000em; line-height:1.125em; font-family:'Noto Sans KR','맑은 고딕','돋움',dotum,sans-serif; background-color:transparent; outline:none}
	.search_trend .btn_calendar{float:left; margin-left:5px; width:40px; height:40px; border:0 none; background:url('/static/images/icon/icon_calendar.png') no-repeat 0 0; cursor:pointer}
	.search_trend p{float:left; margin:0 5px; font-size:1.250em; line-height:2.813em}

	
	/* 스팸스나이퍼 리포트 */
	#sniper_report{width:90%; max-width:670px; margin:70px auto 0 auto; padding:0 16px}
	#sniper_report .top_info{display:block; width:100%; height:190px; margin:0 auto; padding:0 16px; text-align:center; opacity:0.9; box-sizing:border-box}
	#sniper_report .top_info h2{display:inline-block; margin:35px auto 0 auto; color:#111; font-size:2.125em; font-weight:700; letter-spacing:-1px}
	#sniper_report .top_info .subtit_desc{margin:20px 0 0; color:#555; font-size:1.000em; line-height:1.625em; letter-spacing:-1.5px}
	#sniper_report .top_info .subtit_desc>span{display:block}	
	
	#sniper_report .report_tab_menu{display:inline-block; width:100%; height:auto; margin:15px auto 0 auto; text-align:center}
	#sniper_report .report_tab_menu span{display:inline-block; width:100%; max-width:670px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:0px; background:#fff; box-sizing:border-box}
	#sniper_report .report_tab_menu span p{display:inline-block; float:left; width:50%; height:50px; margin:0 auto; padding:10px; font-weight:700; font-size:13px; line-height:27px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
	#sniper_report .report_tab_menu span p a{text-decoration:none}	
	#sniper_report .report_tab_menu span p a:hover{cursor:pointer; color:#ff7f00; border-radius:0px; border:0px none}
	#sniper_report .report_tab_menu span p a>i{display:inline; font-style:normal}
	#sniper_report .report_tab_menu span p.menu_first{}
	#sniper_report .report_tab_menu span p.menu_on{background:#ff7f00; border-radius:0px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
	#sniper_report .report_tab_menu span p.menu_on a{color:#fff}
	#sniper_report .report_tab_menu span p.menu_on a>i{display:inline; font-style:normal}	
	#sniper_report .report_tab_menu .table_list_select{display:inline-block; width:200px; float:right; margin-top:8px; text-align:right}
	#sniper_report .report_tab_menu .table_list_select p{display:inline; font-size:12px}	
	
	#sniper_report .report_area{width:98%; min-width:300px; height:765px; margin:0 auto; padding:0px; background:none; box-sizing:border-box}
	#sniper_report .report_area .sniper_list_area{width:100%; max-width:670px; margin:30px auto 0 auto; text-align:center}

	#sniper_report .sniper_thum{display:block; width:100%; height:auto}
	#sniper_report .sniper_thum>span{display:inline-block; width:300px; height:300px; margin:0 auto; background-color:rgba(0, 0, 0, 0.04); border-radius:150px; text-align:center}
	#sniper_report .sniper_thum>span img{display:inline; width:70%; height:auto}

	#sniper_report .sniper_report_list{display:block; float:left; width:100%; height:auto; margin-left:0px; margin-top:50px; box-sizing:border-box}
	#sniper_report .sniper_report_list h2{float:left; width:70%; font-size:18px; font-weight:700; letter-spacing:-2px; color:#111111; text-align:left; line-height:36px}
	#sniper_report .sniper_report_list .sniper_select{float:left; width:auto; margin:10px 0}
	#sniper_report .sniper_report_list .sniper_select select{min-width:100px; height:35px; padding:2px 10px 4px 10px; font-size:14px; box-sizing:border-box; background:url('/static/images/common/ico-select-arrow@2x.png') no-repeat  97% 5px; background-size:24px 24px; background-color:#fff}

	#sniper_report .sniper_report_list .list_area{float:none; display:block; width:100%; height:auto; margin-top:10px; box-sizing:border-box}
	#sniper_report .sniper_report_list .list_area .monthly{width:100%; height:auto}
	#sniper_report .sniper_report_list .list_area .monthly h3{float:left; margin-top:20px; width:100%; font-size:18px; font-weight:700; color:#111; letter-spacing:-1px; text-align:left}
	#sniper_report .sniper_report_list .list_area .quarterly{width:100%; height:auto; margin:70px 0}
	#sniper_report .sniper_report_list .list_area .quarterly h3{font-size:18px; font-weight:700; color:#111; letter-spacing:-1px; text-align:left}

	#sniper_report .sniper_report_list .list_area dl{display:inline-block; width:100%; margin-top:15px; margin-left:-30px; table-layout:fixed; box-sizing:border-box}
	#sniper_report .sniper_report_list .list_area dl:first-child{margin-top:20px}
	#sniper_report .sniper_report_list .list_area dd{float:left; width:calc(100% / 2 - 30px); margin:20px 0 0 30px; padding-bottom:12px; color:#333333; font-size:14px; font-weight:700; letter-spacing:-1px; text-align:left; border-bottom:1px solid #dadbde; background:url('/static/images/icon/ico-download_2.png') no-repeat right 3px; box-sizing:border-box}
	/*#sniper_report .monthly dd:first-child{margin-left:0px}*/
	#sniper_report .sniper_report_list .list_area a dd{text-decoration:none}
	#sniper_report .sniper_report_list .list_area  a:hover dd{color:#ff7f00; border-bottom:1px solid #ff7f00; background:url('/static/images/icon/ico-download_2_on.png') no-repeat right 3px}
	#sniper_report .sniper_report_list .list_area a dd.diable{color:#bebebe; border-bottom:1px solid #bebebe; background:url('/static/images/icon/ico-download_2_off.png') no-repeat right 3px}


	/* 보안리포트 */
	.download_list{width:100%; max-width:670px; margin:30px auto 0 auto}
	.download_list .down_list_select{display:inline-block}
	.download_list .down_list_select select{min-width:100px; height:35px; padding:6px; line-height:15px; font-size:14px; background:url('/static/images/common/ico-select-arrow@2x.png') no-repeat  97% 4px; background-size:24px 24px}

	.download_list .download_report{display:inline-block}
	.download_list .download_report dl{display:inline-block; width:100%; margin:40px auto 0 auto; text-align:center}
	.download_list .download_report dl:first-child{margin-top:30px}
	.download_list .download_report dd{position:relative; float:left; width:325px; height:228px; margin-left:0px; margin-bottom:20px; background:url('/static/images/download/secu_report/report_bg_m.png') no-repeat right top; text-align:left; box-sizing:border-box}
	.download_list .download_report dd:nth-child(4n+1){margin-left:0px}
	.download_list .download_report dd:last-child{margin-bottom:0px}
	.download_list .download_report dd:nth-child(even){margin-left:20px}
	.download_list .download_report dd span{display:inline-block}
	.download_list .download_report dd span img{width:160px; border:1px solid #cecece; box-sizing:border-box}
	.download_list .download_report dd ul{position:absolute; width:160px; height:226px; padding:8px 12px; background:#fff; border:1px solid #cecece; box-sizing:border-box; top:0; left:49%}
	.download_list .download_report dd ul li{font-weight:700; font-size:16px; line-height:22px; letter-spacing:-1px; word-break:keep-all; margin-top:15px}
	.download_list .download_report dd ul li.report_m{display:none; margin:15px 0 10px 0; padding-top:10px; font-weight:700; font-size:13px; color:#ff7f00; background:url('/static/images/download/secu_report/icon_report_m.png') no-repeat left 1px}
	.download_list .download_report dd ul li.down_btn{position:absolute; top:65%}
	.download_list .download_report dd ul li.down_btn a{display:inline-block; padding:4px 10px 8px 10px; color:#555; background:#fff; border:1px solid #dadbde; border-radius:4px}
	.download_list .download_report dd ul li.down_btn a:hover{color:#fff; background:#ff7f00; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
	.download_list .download_report dd ul li.down_btn button{background:url('/static/images/icon/ico-download.png') no-repeat right 3px; padding-right:20px; font-weight:700; font-size:14px; letter-spacing:-1px; color:#555; vertical-align:bottom}
	.download_list .download_report dd ul li.down_btn a:hover button{background:url('/static/images/icon/ico-download_on.png') no-repeat right 3px; padding-right:20px; font-weight:700; font-size:14px; letter-spacing:-1px; color:#fff}


	/* 탭메뉴 2개일때 */
	.report_tab_menu2{display:inline-block; width:100%; height:auto; margin:15px auto 0 auto; text-align:center}
	.report_tab_menu2 span{display:inline-block; width:100%; max-width:670px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:0px; background:#fff; box-sizing:border-box}
	.report_tab_menu2 span p{display:inline-block; float:left; width:50%; height:50px; margin:0 auto; padding:10px; font-weight:700; font-size:13px; line-height:27px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
	.report_tab_menu2 span p a{text-decoration:none}	
	.report_tab_menu2 span p a:hover{cursor:pointer; color:#ff7f00; border-radius:0px; border:0px none}
	.report_tab_menu2 span p a>i{display:inline; font-style:normal}
	.report_tab_menu2 span p.menu_first{}
	.report_tab_menu2 span p.menu_on{background:#ff7f00; border-radius:0px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box}
	.report_tab_menu2 span p.menu_on a{color:#fff}
	.report_tab_menu2 span p.menu_on a>i{display:inline; font-style:normal}		


	/* 악성메일 상단 검색부분 */
	#download_trend{display:block; width:100%}
	#download_trend .top_info{display:block; width:98%; height:auto; margin:0 auto; border:0px none; box-sizing:border-box; text-align:center}
	#download_trend .top_info h2{display:inline-block; margin:35px auto 0 auto; color:#111; font-size:32px; font-weight:700; letter-spacing:-2px}
	#download_trend .top_info .subtit_desc{margin:10px 0 0; color:#555; font-size:16px; line-height:27px; letter-spacing:-1px}
	#download_trend .top_info .subtit_desc>span{display:block}
	#download_trend .trend_top_info{width:100%;min-width:98%;height:auto;margin:40px auto 0 auto;padding: 0px 20px;background:#f5f6f8;box-sizing:border-box}
	#download_trend .trend_top_info .trend_info{width:100%; height:auto; margin:0 auto}
	#download_trend .trend_top_info .trend_info h2{display: inline-block;font-size: 16px;font-weight:700;letter-spacing: -1px;margin-top: 25px;}


	/* 악성메일 위협 분석 */
	.trend_list{width:100%;margin: 30px 0;word-break:keep-all;border-top: 1px solid #cecece;}
	.trend_list a{text-decoration:none}
	.trend_list a:hover{text-decoration:underline}
	.trend_list dl{display:inline-block; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #f0f0f2}
	.trend_list dt{float:right; width:90px; height:90px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1) inset; border:1px solid rgba(0, 0, 0, 0.2); border-radius:5px}
	.trend_list dd{float:left; width:calc(100% - 105px)}
	.trend_list dd ul{display:block; padding:0; box-sizing:border-box}
	.trend_list dd ul li{margin-top:5px; line-height:normal; font-weight:400; font-size:14px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ellipsis line */-webkit-box-orient:vertical}
	.trend_list dd ul li > span.mass_media{position:relative; top:-3px}
	.trend_list dd ul li:first-child{margin-top:0px; line-height:23px; color:#333; font-size:17px; font-weight:700; letter-spacing:-2px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ellipsis line */-webkit-box-orient:vertical}
	.trend_list dd ul li:last-child{float:left; width:142%; margin:20px 0 0 0px; color:#999; font-weight:400}

	.trend_list .search_trend_tit{display:block; margin:60px 10px 25px 10px}
	.trend_list .search_trend_tit p{display:block; margin-top:20px; line-height:36px; font-size:18px; letter-spacing:-1px}
	.trend_list .search_trend_tit p > span{color:#ff7f00; font-weight:400}
	.trend_list .search_trend_tit p > em{font-style:normal; font-weight:400}
	.trend_list .search_trend_tit .tit{margin-top:20px; color:#111; line-height:36px; font-weight:700; font-size:36px; letter-spacing:-2px}

	.trend_list .js_profile{display:inline; width:24px; height:24px; padding-left:30px; background:url('/static/images/pr/trend/ico-trend-profile.png') no-repeat 0 0}
	.trend_list .date{display:inline; width:200px; margin-top:30px; font-size:13px; color:#999; font-weight:400}
	.trend_list .risk_info > span{margin-left:5px; padding-right:0px; font-size:13px; background:url('/static/images/common/side_bar_pr.png') no-repeat right 3px}
	.trend_list .risk_info > span:first-child{margin-left:0px}
	.trend_list .risk_info > span:last-child{background:none}
	.trend_list .risk_info > span > span{margin-left:3px; padding-right:10px; font-weight:700; color:#555}
	.trend_list .risk_info > span > em{font-size:14px; font-style:normal}
	.trend_list .risk_info > span > span > p{margin-left:15px}

	.high{display:inline-block; color:#f80000 !important; background:url('/static/images/download/malware_report/ico_risk_high.png') no-repeat left 3px; background-size:12px 14px}
	.medium{display:inline-block; color:#004ff0 !important; background:url('/static/images/download/malware_report/ico_risk_medium.png') no-repeat left 3px; background-size:12px 14px}
	.low{display:inline-block; color:#0ebc5f !important; background:url('/static/images/download/malware_report/ico_risk_low.png') no-repeat left 3px; background-size:12px 14px}
	.virus_green{display:inline-block; background:url('/static/images/download/malware_report/ico_virus_normal.png') no-repeat left 4px; background-size:14px 14px}
	.virus_red{display:inline-block; background:url('/static/images/download/malware_report/ico_virus_malignity.png') no-repeat left 4px; background-size:14px 14px}
	.mt60{margin-top:60px !important}
	.mt80{margin-top:60px !important}

	.mass_media{display:inline-block; height:16px; margin:0 0 0 3px; padding:1px 8px 1px 25px; border:1px solid #ff7f00; border-radius:50px; color:#ff7f00; font-size:11px; line-height:normal; background:url('/static/images/download/malware_report/ico_mass.png') no-repeat 4px top; background-size:16px 18px}
	.mass_media > p{line-height:15px}

	.trend_view{display:inline-block; width:100%; margin-top:0px; border-top:1px solid #cecece; border-bottom:1px solid #cecece; text-align:left; line-height:1.375em; word-break:keep-all}
	.trend_view a{text-decoration:none}
	.trend_view a:hover{text-decoration:underline}
	.trend_view .view_title{display:inline-block; width:100%; height:auto; margin:20px 0; border-bottom:1px solid #cecece; letter-spacing:-1px}
	.trend_view .view_title dl{padding:0px; box-sizing:border-box}
	.trend_view .view_title dt{display:inline-block; line-height:normal; color:#111; font-size:18px; font-weight:500}
	.trend_view .view_title dt > span.mass_media{position:relative; top:-2px}
	.trend_view .view_title dd{display:block; margin:10px 0 20px 0; line-height:2; color:#999; font-size:1.000em; font-weight:400}

	.trend_view .trend_contents{display:inline-block; width:100%; height:auto; margin-left:0px; letter-spacing:-1px; box-sizing:border-box; word-break:keep-all}
	.trend_view .trend_contents .trend_mail_info{display:inline-block; width:100%; margin-left:0px}
	.trend_view .trend_contents .trend_mail_info .tit_bar{display:inline-block; width:18px; height:3px; background:#ff7f00}
	.trend_view .trend_contents .trend_mail_info .mail_info_tit{display:block; margin:0 0 20px 0; font-size:18px; font-weight:700; color:#282828; line-height:1.5}
	.trend_view .trend_contents .trend_mail_info .mail_info_img > img{border:1px solid #dadbde; padding:10px; box-sizing:border-box}
	.trend_view .trend_contents .trend_mail_info .mail_info_rectangle{float:left; width:4px; height:300px; margin:0 10px 0 0; background-color:#f0f0f2}
	.trend_view .trend_contents .trend_mail_info dl{display:block; width:100%; margin-bottom:20px}
	.trend_view .trend_contents .trend_mail_info dl:first-child{margin-top:30px !important}
	.trend_view .trend_contents .trend_mail_info dl dt{display:inline-block; width:100px; font-size:15px; font-weight:700; color:#282828; vertical-align:top}
	.trend_view .trend_contents .trend_mail_info dl dd{display:inline-block; margin-left:10px; width:200px; font-size:15px; color:#555; vertical-align:top}
	.trend_view .trend_contents .trend_mail_info dl dd > span > p{margin-left:18px; color:#555 !important}
	.trend_view .trend_contents .trend_mail_info dl dd button{margin-top:-4px; margin-left:10px; padding:2px 10px 3px 10px; font-size:12px; background:#555; color:#fff; border-radius:4px; letter-spacing:-1px}
	.trend_view .trend_contents .trend_mail_info .analyze_message p{font-size:15px; line-height:1.2; letter-spacing:-1px; margin:10px 10px 10px 0; word-break:break-all}
	.trend_view .trend_contents .trend_mail_info .mail_info_tit2{display:block; margin:0 0 10px 0; font-size:16px; font-weight:700; color:#282828; line-height:1.75; letter-spacing:-1px}
	.trend_view .trend_contents .trend_mail_info .analyze_message2 p{font-size:16px; line-height:1.63; letter-spacing:-1px; margin:10px 10px 10px 0}


	.trend_view #my_content table{display:inline-block; width:700px; margin:0 120px}

	.trend_view_btn{display:block; width:100%; height:auto; margin-top:40px}
	.trend_view_btn span.view_btn_list button{display:block; margin:0 auto; padding:15px 75px; color:#ff7f00; font-size:1.000em; font-weight:500; text-align:center; border:1px solid #ff7f00}


	.trend_view_list{display:block; width:100%; margin:100px 0 0 0}
	.trend_view_list h3{display:block; margin-bottom:15px; font-size:22px; line-height:38px; letter-spacing:-1px; color:#282828}
	.trend_view_list .trend_newlist{float:left; width:calc(100% / 3 - 40px); margin:0 20px; word-break:break-all}
	.trend_view_list .trend_newlist.first_list{margin:0 40px 0 0}
	.trend_view_list .trend_newlist:last-child{margin-right:0; margin-left:40px}
	.trend_view_list .trend_newlist a{text-decoration:none}
	.trend_view_list .trend_newlist a:hover{text-decoration:underline}
	.trend_view_list .trend_newlist dl{display:inline-block}
	.trend_view_list .trend_newlist dt{float:left; width:180px; height:180px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1) inset; /* border:1px solid #ccc; */border-radius:15px}
	.trend_view_list .trend_newlist dt img{border-radius:5px; /*border:1px solid; border-color:rgba(0, 0, 0, 0.1)*/}
	.trend_view_list .trend_newlist dd{float:left; width:50%; margin:10px 0}
	.trend_view_list .trend_newlist dd ul{margin-left:25px; box-sizing:border-box}
	.trend_view_list .trend_newlist dd ul li{margin-top:10px; line-height:20px; font-weight:500; font-size:14px; color:#555; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; /* ellipsis line */ -webkit-box-orient:vertical}
	.trend_view_list .trend_newlist dd ul li:first-child{margin-top:0px; line-height:26px; color:#282828; font-size:18px; font-weight:700; letter-spacing:-2px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ellipsis line */ -webkit-box-orient:vertical}
	.trend_view_list .trend_newlist dd ul li:last-child{float:left; display:block; color:#999; height:30px; font-weight:400}

	.trend_view_list .trend_newlist .js_profile{display:inline-block; width:45px; height:30px; padding-left:30px; line-height:24px; background:url('/static/images/pr/trend/ico-trend-profile.png') no-repeat 0 0}
	.trend_view_list .trend_newlist .date{display:inline; width:200px; margin-top:30px; margin-left:8px; padding-left:11px; color:#999; font-weight:400; background:url('/static/images/common/side_bar_pr.png') no-repeat 0 3px}

	.trend_view_btn{display:inline-block; width:100%; height:auto; margin-top:50px}
	.trend_view_btn span.view_btn_list button{display:block; margin:0 auto; padding:15px 75px; color:#ff7f00; font-size:1.000em; font-weight:500; text-align:center; border:1px solid #ff7f00}
	.trend_view_btn .view_btn_prev{display:block; margin-top:90px; border-top:1px solid #cecece; border-bottom:1px solid #cecece}
	.trend_view_btn .view_btn_prev dl{padding:25px 0; letter-spacing:-1px}
	.trend_view_btn .view_btn_prev dl:first-child{border-bottom:1px solid #f0f0f0}
	.trend_view_btn .view_btn_prev dt{display:inline-block; float:left; margin-right:20px; padding-left:20px; color:#999; font-size:1.000em; line-height:normal; font-weight:400; box-sizing:border-box}
	.trend_view_btn .view_btn_prev dd{display:inline-block; margin-top:-1px; line-height:normal; color:#555; font-size:1.063em; font-weight:400; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; /* ellipsis line */-webkit-box-orient:vertical}
	.trend_view_btn .view_btn_prev dd > span{padding-right:10px; font-weight:700; box-sizing:border-box}
	.trend_view_btn .view_btn_prev dd.news_date{display:inline; float:right; padding-right:20px; color:#999; font-size:1.000em; letter-spacing:-1px}

	.search_trend_txt{background:linear-gradient(to top, rgba(255, 127, 0, 0.5) 35%, transparent 30%)}

	.trend_hashtag{display:block; margin-top:60px}
	.trend_hashtag  span{display:inline-block; margin:0 4px 8px 0; padding:5px 10px; border-radius:4px; background-color:rgba(255, 127, 0, 0.08); color:#555; font-size:14px; letter-spacing:-1px}

	.trend_btn_3musketeers{display:inline-block; margin:80px 0 40px 0; width:100%}
	.trend_btn_3musketeers  span{border:0px; border-radius:0px; padding:4px 4px 4px 18px; line-height:normal; text-align:center}
	.trend_btn_3musketeers  span button{color:#555; font-size:13px}
	.trend_btn_3musketeers  span.trend_download{float:left; background:url('/static/images/download/malware_report/ico_download.png') no-repeat left 9px; background-size:14px 14px}
	.trend_btn_3musketeers  span.trend_inquiry{float:right; margin-right:10px; background:url('/static/images/download/malware_report/ico_inquiry.png') no-repeat left 10px; background-size:14px 14px}
	.trend_btn_3musketeers  span.trend_share{float:right; background:url('/static/images/download/malware_report/ico_share.png') no-repeat left 9px; background-size:14px 14px}

	/* 악성트렌드 문의 레이어 팝업 */

	.inquiry{display:inline-block; width:100%; margin:0 auto; text-align:center}
	.trend_inquiry_popup{float:none; display:inline-block; position:absolute; width:90%; height:85%; top:calc(50vh - 350px); left:calc(50vw - 170px); margin:20px auto; overflow-y:scroll; padding:30px; border:1px solid #dadbde; border-radius:4px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); font-size:16px; line-height:24px; color:#555; background:#fff; box-sizing:border-box; text-align:left}
	.trend_inquiry_popup .popup_tit{font-size:20px; line-height:38px; letter-spacing:-1px; color:#282828; font-weight:bold}
	.trend_inquiry_popup .popup_txt{margin-top:10px; font-size:14px; line-height:1.5; color:#555; letter-spacing:-1px}
	.trend_inquiry_popup .popup_box{width:320px}

	.trend_inquiry_step01{display:inline-block; margin-top:20px; width:100%}
	.trend_inquiry_step01 .inquiry_info{display:inline-block; width:100%}
	.trend_inquiry_step01 .inquiry_info dl{width:100%; height:45px; margin-bottom:10px; padding:7px 13px 5px 10px; box-sizing:border-box; border:1px solid #dadbde}
	.trend_inquiry_step01 .inquiry_info dl dt{display:inline-block; width:60px; height:auto; background:#fff; line-height:28px}
	.trend_inquiry_step01 .inquiry_info dl dt span{display:block; font-size:13px; font-weight:700; line-height:28px; line-height:29px}
	.trend_inquiry_step01 .inquiry_info dl dt span.requ{}
	.trend_inquiry_step01 .inquiry_info dl dd{display:inline-block; width:73%; height:40px; line-height:25px}
	.trend_inquiry_step01 .inquiry_info dl dd ::-webkit-input-placeholder{color:#777; font-size:13px; font-style:italic}

	.trend_inquiry_step01 .inquiry_info dl dd input{width:100%; margin:0 auto; height:30px; font-size:12px; padding:10px; border:none; border-radius:4px; box-sizing:border-box}
	.trend_inquiry_step01 .inquiry_info dl dd input:focus{outline:none !important; border-color:#ff7f00}
	.trend_inquiry_step01 .inquiry_info dl.inquiry_textbox{height:160px; width:100%; margin:0px}
	.trend_inquiry_step01 .inquiry_info dl.inquiry_textbox textarea{display:inline-block; width:100%; height:100%; margin:0 0 0 2px; padding:0px; border:none; font-size:12px; box-sizing:border-box}

	.trend_inquiry_step03{display:inline-block; width:95%; font-family:'Noto Sans KR','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; font-size:13px; font-weight:500; letter-spacing:-1px; word-break:keep-all; margin:0 0 0 0}
	.trend_inquiry_step03 .agree_chk{display:inline-block; margin-top:10px}
	.trend_inquiry_step03 .agree_chk input[type="checkbox"]{display:none}
	.trend_inquiry_step03 .agree_chk input[type="checkbox"] + label{display:inline-block; cursor:pointer; font-size:12px; font-size:12px; line-height:20px; padding-left:25px; background:url('/static/images/common/checkbox-20-off@2x.png') no-repeat left 2px/ 20px 20px}
	.trend_inquiry_step03 .agree_chk input[type="checkbox"]:checked + label{background:url('/static/images/common/checkbox-20-on@2x.png') no-repeat left 2px/ 20px 20px; color:#fff}
	.trend_inquiry_step03 .agree_chk p{display:inline-block; margin-left:1px; line-height:24px; letter-spacing:-1px; color:#555}
	.trend_inquiry_step03 .agree_chk p span a{color:#ff7f00; text-decoration:underline}

	.trend_inquiry_step03 .agree_txt{display:inline-block; width:100%; margin:10px 0 0 0; font-size:12px; line-height:18px; text-align:left}
	.trend_inquiry_step03 .agree_txt p{display:block; word-break:keep-all; line-height:18px; margin-bottom:10px}
	.trend_inquiry_step03 .agree_txt p:last-child{margin-top:15px}
	
	.trend_inquiry_step_btn{display:inline-block; width:100%; margin:25px auto}
	.trend_inquiry_step_btn button{display:block; width:120px; height:38px; margin:0 auto; font-size:15px; font-weight:500; line-height:32px; letter-spacing:-1px; background:#ff7f00; color:#fff}


	/* 악성트렌드 공유하기 레이어 팝업 */

	.trend_btn_3musketeers  span.trend_share .tooltip{position:relative; display:block}
	.trend_btn_3musketeers  span.trend_share .tooltip a{display:inline-block; margin-right:15px}
	.trend_btn_3musketeers  span.trend_share .tooltip a:last-child{display:block; margin:15px 0 0 15px; float:left}
	.trend_btn_3musketeers  span.trend_share .tooltip:hover .tooltiptext{visibility:visible}
	.trend_btn_3musketeers  span.trend_share .tooltip .tooltiptext{visibility:hidden; width:120px; text-align:center; border-radius:6px; padding:15px 0px 15px 15px; position:absolute; z-index:1; border:1px solid #cecece; background:#fff}
	.trend_btn_3musketeers  span .tooltip .tooltiptext::after{content:" "; position:absolute; border-style:solid; border-width:55px}
	.trend_btn_3musketeers  span.trend_share .tooltip .tooltip-top{width:290px; height:160px; left:70%; bottom:150%; margin-left:-310px; text-align:center}
	.trend_btn_3musketeers  span .tooltip .tooltip-top::after{top:30%; left:70%; margin-left:5px; border-color:transparent}
	.trend_btn_3musketeers  span.trend_share .tooltip a img{width:48px; height:48px}

	/*.trend_share_popup{position:relative; float:right; top:335px; width:400px; height:230px; padding:30px 40px; border:1px solid #dadbde; border-radius:4px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); font-size:14px; line-height:24px; color:#555; background:#fff; box-sizing:border-box}
	/*display:inline-block; width:400px; height:230px; padding:40px; border:1px solid #dadbde; border-radius:4px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); font-size:14px; line-height:24px; color:#555; box-sizing:border-box}*/
	/*.trend_share_popup .popup_tit{font-size:22px; line-height:38px; letter-spacing:-1px; color:#282828; font-weight:bold}
	.trend_share_popup .popup_box{width:320px}*/


	.trend_share_popup{float:none; display:inline-block; position:absolute; width:90%; height:315px; top:calc(50vh - 240px); left:calc(50vw - 170px); margin:20px auto; padding:25px; overflow-y:scroll; border:1px solid #dadbde; border-radius:4px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); font-size:16px; line-height:24px; color:#555; background:#fff; box-sizing:border-box; text-align:left}
	.trend_share_popup .popup_tit{font-size:22px; line-height:38px; letter-spacing:-1px; color:#282828; font-weight:bold}
	.trend_share_popup .popup_box{width:320px}

	.trend_copy{display:inline-block; width:100%; margin-top:25px; text-align:center; box-sizing:border-box}
	.trend_copy button{width:48px; height:48px}
	.trend_copy a{display:inline-block; width:48px; height:48px; margin-right:19px}
	.trend_copy a:nth-child(5){display:block; margin-top:20px; margin-right:0 none}
	.trend_copy a img{}
	.trend_copy a:hover img{-webkit-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:2px 2px 20px 0 rgba(0, 0, 0, 0.2); border-radius:50px}
	.trend_btn_3musketeers  span .share_txt{display:block; font-size:13px; color:#555; letter-spacing:-1px; text-align:center; border:0px; border-radius:0px; padding:0px}
	.share_txt{display:block; font-size:13px; color:#555; letter-spacing:-1px; text-align:center}
	.hide{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px}
	
	.btn_closed{display:block; position:relative; float:right; top:-10px; right:-20px; width:33px; height:33px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}


	/* 모달팝업 */
	/* 모달창의 배경 */
	.modal_bg{position:fixed; width:100%; height:100%; margin:0 auto; top:0; left:0; bottom:0; right:0; background:rgba(0, 0, 0, 0.6)}

}




@media (max-width:560px){
	/* 다운로드 */
	.download_list{width:100%; margin:30px auto 0 auto; text-align:center}
	.download_list .down_list_select{display:inline-block; float:left; margin-left:11px}
	.download_list .down_list_select select{min-width:100px; height:35px; padding:7px 10px; font-size:14px; background:url('/static/images/common/ico-select-arrow@2x.png') no-repeat  97% 4px; background-size:24px 24px}

	.download_list .download_report{display:inline-block}
	.download_list .download_report dl{display:inline-block; width:325px; margin:40px auto 0 auto; text-align:center}
	.download_list .download_report dl:first-child{margin-top:30px}
	.download_list .download_report dd{position:relative; float:left; width:325px; height:228px; margin-left:0px; margin-bottom:20px; background:url('/static/images/download/secu_report/report_bg_m.png') no-repeat right top; text-align:left; box-sizing:border-box}
	.download_list .download_report dd:nth-child(4n+1){margin-left:0px}
	.download_list .download_report dd:last-child{margin-bottom:0px}
	.download_list .download_report dd:nth-child(even){margin-left:0px}
	
	/* 탭메뉴 */
	#sniper_report .report_tab_menu{display:inline-block; width:100%; height:auto; margin:15px auto 0 auto}
	#sniper_report .report_tab_menu span{display:inline-block; width:100%; border:1px solid rgba(0, 0, 0, 0.2); border-radius:0px; box-sizing:border-box}
	#sniper_report .report_tab_menu span p{display:inline-block; float:left; width:50%; height:50px; margin:0 auto; padding:10px; font-weight:700; font-size:13px; line-height:28px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
	#sniper_report .report_tab_menu span p a{text-decoration:none}	
	#sniper_report .report_tab_menu span p a:hover{cursor:pointer; color:#ff7f00; border-radius:0px; border:0px none}
	#sniper_report .report_tab_menu span p a>i{display:inline; font-style:normal}
	#sniper_report .report_tab_menu span p.menu_first{}
	#sniper_report .report_tab_menu span p.menu_on{background:#ff7f00; border-radius:0px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box; line-height:26px}
	#sniper_report .report_tab_menu span p.menu_on a{color:#fff}
	#sniper_report .report_tab_menu span p.menu_on a>i{display:inline; font-style:normal}	
	#sniper_report .report_tab_menu .table_list_select{display:inline-block; width:200px; float:right; margin-top:8px; text-align:right}
	#sniper_report .report_tab_menu .table_list_select p{display:inline; font-size:12px}
	#sniper_report .report_tab_menu .ir{margin-top:135px !important}
	
	/* 탭메뉴 2개일때 */
	.report_tab_menu2{display:inline-block; width:100%; height:auto; margin:15px auto 0 auto}
	.report_tab_menu2 span{display:inline-block; width:100%; border:1px solid rgba(0, 0, 0, 0.2); border-radius:0px; box-sizing:border-box}
	.report_tab_menu2 span p{display:inline-block; float:left; width:50%; height:50px; margin:0 auto; padding:10px; font-weight:700; font-size:13px; line-height:28px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
	.report_tab_menu2 span p a{text-decoration:none}	
	.report_tab_menu2 span p a:hover{cursor:pointer; color:#ff7f00; border-radius:0px; border:0px none}
	.report_tab_menu2 span p a>i{display:inline; font-style:normal}
	.report_tab_menu2 span p.menu_first{}
	.report_tab_menu2 span p.menu_on{background:#ff7f00; border-radius:0px; border:1px solid rgba(0, 0, 0, 0.2); box-sizing:border-box; line-height:26px}
	.report_tab_menu2 span p.menu_on a{color:#fff}
	.report_tab_menu2 span p.menu_on a>i{display:inline; font-style:normal}	
}