@charset "UTF-8";

.sub .contents{padding-top:72px}
.sub .vendor-visual{height:904px;background-size: cover;background-position: center;justify-content: center;color: #fff;width: 100%;z-index: 0;padding-top:120px;}

.visual-center{width:1400px;margin:0 auto}

.vendor-logo{height:140px;position:relative}
.vendor-logo img{position:absolute;left:0px;bottom:0px}

.vendor-name{margin-top:100px;font-weight:600}
.vendor-name p{font-size:26px;;position:relative;color:#fff;padding-top:20px;font-family:"Titillium Web", "NanumSquare"; letter-spacing: -0.05em;font-weight:600}
.vendor-name p:before{content:'';display:block;width:30px;height:2px;background:#fff;position:absolute;top:0px;left:0px}

.vendor-title{font-size:72px;line-height:88px;color:#fff;margin-top:30px;font-family:"NanumSquare";font-weight:600}
.vendor-desc{font-size:18px;line-height:30px;color:#fff;margin-top:40px;width:800px}

.blue{color:#393e77 !important}

#nttCn > dl{padding-left:320px;position:relative;}
#nttCn > dl > dt{font-family: "NanumSquare";line-height:42px;position:absolute;top:0px;left:0px;padding-top:40px;font-size:32px;color:#010101;width:320px}
#nttCn > dl > dd{background:#fff;padding:40px;padding-right:0px;font-size:16px;color:#555;line-height:30px;letter-spacing:-0.1px}
#nttCn > dl > dd p + p{margin-top:15px}
#nttCn > dl > dd p.tb_subtit + p{margin-top:5px}
#nttCn > dl + dl{margin-top:30px}
#nttCn > dl ul{margin-top:30px}

/* #nttCn > dl ul li:first-child{width:360px;} */
/* #nttCn > dl ul li{float:left;width:calc(100% - 360px)} */
#nttCn > dl ul:after{content:'';display:block;clear:both}

#nttCn .img_div{margin-top:30px;text-align:center}
#nttCn .img_div.line{border:1px solid #e5e5e5; border-radius:5px; text-align:center; padding:20px 10px;} 


#nttCn > dl dd.list p strong{font-size:22px;display:block;padding-bottom:15px;color:#000}
#nttCn > dl dd.list p + p{margin-top:45px}
.mt_0 {margin-top : 0px !important;}
#nttCn > dl > dd > dl{margin-top:40px}
#nttCn > dl > dd > dl > dt{font-size:22px;}
.sub_tit {margin-bottom: 14px;}


.vendor-info{background:#f5f5f5}
.vendor-info ul{width:1400px;margin:0 auto;padding:70px 0px;padding-bottom:75px}
.vendor-info ul li{width:33.3%;display:block;float:left;font-size:16px;padding-left:20px}
.vendor-info ul li .tit{font-size:22px;color:#000;position:relative;display:block;padding-top:13px;padding-bottom:25px;}
.vendor-info ul li .tit:before{content:'';display:block;width:16px;height:2px;background:#666;position:absolute;top:0px;left:0px}
.vendor-info ul:after{content:'';clear:both;display:block}

.vendor-board-list{width:100%;border-top: 1px solid #e5e5e5;}
.box_list{width:1400px;margin:0 auto;overflow:hidden;margin-bottom:150px;padding-top:70px;}
.box_list > ul{width:calc(100% + 40px);margin-left:-40px}
.box_list > ul:after{content:'';clear:both;display:block}
.box_list > ul > li{margin-left:40px;width:calc(25% - 40px);border:1px solid #eeeeee;box-sizing:border-box;margin-bottom:40px;float:left}
.box_list > ul > li:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

.box_list > ul > li:after{content:'';clear:both;display:block;}
.box_list > ul > li .thum{background:#f9f9f9;float:left;width:100%;height:180px;box-sizing:border-box;position:relative;cursor:pointer}
.box_list > ul > li .thum > .notice{background:#393f77;border-radius:2px;padding:3px 10px;color:#fff;bottom:20px;left:20px;position:absolute}
.box_list > ul > li .thum > .date{display:none;position: absolute;top: 30px;right: 30px;font-size:16px;color:#666666}
.box_list > ul > li .thum > .date > span{display:block;text-align:right;color:#222;font-size:48px;line-height:1.1}
.box_list > ul > li .thum a{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px}
.box_list > ul > li .thum a img{width:100%;height:100%}
.box_list > ul > li .thum + .text_box{float:left;height:auto;padding:30px;width:100%}
.box_list > ul > li .text_box .sj{color: #000;margin-bottom: 30px;font-size: 18px;font-weight: 700;line-height:25px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical} 
.box_list > ul > li .text_box .sj > a{display:block;color:#000;font-size:24px;font-weight:700;line-height:34px;max-height:68px;overflow: hidden;position: relative;top: 0px;left: 0px;width: 100%;bottom: auto;right: auto;height: auto;box-sizing: border-box;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box_list > ul > li .text_box .sj > a:hover{color:#4455A6}
.box_list > ul > li .text_box .content{font-size:16px;line-height:21px;margin-top:20px;word-break: break-word;color:#666666;max-height:40px;height:40px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box_list > ul > li .text_box .bottom{margin-top:20px;font-size:16px;color:#666}
.box_list > ul > li .text_box a{margin-top:15px;width:100%;border-radius: 5px;display:block;line-height:52px;height:52px;text-align:center;color:#fff;background:#333333}
.box_list > ul > li .text_box a span{font-size:0px}
.box_list > ul > li .text_box a:before{content:'다운로드'}
.box_list > ul > li .thum img{width:100%;height:100%}
.box_list > ul > li .text_box .attach{height:67px;overflow:hidden}
.box_list > ul > li .thum{background:url(/images/noimg.png) center center no-repeat;background-size: cover;}

.content_tb{margin-top:20px}
.content_tb th {
	padding:5px 0px;
}
.content_tb th p {
	border:1px solid #dddddd;
  	border-radius: 5px;
  	height:115px;width:160px;position:relative
}
.content_tb th p img {
	position:absolute;top:50%;left:50%;transform:translate(-50%, -50% )
}
.content_tb td {
	padding:10px 20px;
	border-collapse:collapse;
}

.tb_subtit {
	font-weight: 500;
}

.tb_align_center {
	width:100%;
	text-align: center;
	margin-top:30px;
}


.table-view th{background:#fafafa;color:#000000;text-align:center;font-weight:normal;height:50px;}
.table-view td{font-weight:normal;padding:10px;}
.table-view{border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2}
.table-view th, .table-view td{border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;line-height:26px;}


.imperva .table-view td:nth-child(1){width:19%}
.imperva .table-view td:nth-child(2){width:27%}
.imperva .table-view td:nth-child(3){width:27%}
.imperva .table-view td:nth-child(4){width:27%}

.table_mo{width:100%; display:none;}
.table_mo th{background:#fafafa;color:#000000;text-align:center;font-weight:normal;height:50px;}
.table_mo td{font-weight:normal;padding:10px;}
.table_mo{border-top:1px solid #e2e2e2;}
.table_mo th, .table_mo td{border-bottom:1px solid #e2e2e2; line-height:26px;}
.table_mo .td_sub_center{border-right:1px solid #e2e2e2; text-align:center;}


#nttCn .tb_align_center .img_div{margin-top:0px}
#nttCn .tb_align_center td{width:33.3%;padding-top:10px;vertical-align:top;font-size:18px;line-height:30px}
#nttCn .tb_align_center td .blue{display:inline-block}


ul.dot li{padding-left:15px;position:relative}
ul.dot li:before{content:'•';position: absolute;left: 0px;top: 0px;line-height: 26px;}
ul.dash li{padding-left:15px;position:relative}
ul.dash li:before{content:'-';position: absolute;left: 0px;top: 0px;line-height: 26px;}

#nttCn > dl ul.dot{margin-top:0px}
#nttCn > dl ul.dot li{width:100%}

.content_tb tr{padding:5px 0px}

#nttCn > dl dd ul{margin-top:0px}
ul.pc50 li{width:42% !important;float:left}
ul.pc50 li img{width:100%;margin-bottom:10px}
#nttCn li .img_div{margin-top:0px}
ul.pc50 li:first-child{margin-right:4%}
ul.pc50:after{content:'';clear:both;display:block}

#nttCn .img_div img{max-width:100%}

@media (max-width: 1400px) {
	.box_list{width:100%}
	.vendor-visual{padding:0px 30px}
	.visual-center{width:100%}
	.vendor-desc{width:100%}
	
	.vendor-info ul{width:100%;padding:70px 30px;box-sizing:border-box}
}

@media (max-width: 1200px) {
	.box_list > ul > li{width:calc(33.3% - 40px)}
	.board_write > table > tbody > tr > th{width:130px}
	
	.vendor-title{font-size:45px;line-height:1.5}
	
}

@media (max-width: 1024px) {
	
	#nttCn > dl > dt{position:relative;padding-top:0px;font-size:35px;width:100%}
	#nttCn > dl{padding-left:0px}
	#nttCn > dl > dd{padding:30px 0px}
	
}

@media (max-width: 800px) {
	.vendor-board-list{padding:0px 30px}
	.box_list > ul > li{width:calc(50% - 40px)}
	
	.vendor-title{font-size:35px;line-height:1.5}
	
	.vendor-logo{height:50px}
	.vendor-name{margin-top:50px}
	.sub .vendor-visual{height:750px}
	
	.vendor-info ul{padding:55px 35px}
	.vendor-info ul li{width:100%;padding-left:0px;}
	.vendor-info ul li .tit{padding-bottom:10px;font-size:23px}
	.vendor-info ul li{font-size:15px;}
	.vendor-info ul li + li{margin-top:40px}
}

@media (max-width: 501px) {
	.vendor-logo{height:30px}
	.vendor-name{margin-top:30px}
	.box_list > ul > li .text_box .sj{height:auto}
}

@media (max-width: 501px) {
	.visual-center{width:100%}
	.box_list{width:100%;padding-top:0px}
	.vendor-info ul{width:100%}
	.table-view{display:none;}
	.table_mo{width:100%; display:table;}
	
	ul.mo100 li{width:100% !important}
	ul.mo100 li + li{margin-top:10px}
	
	.sub .vendor-visual{padding:30px 35px;height:666px;padding-top:60px}
	.vendor-logo{height:45px}
	.vendor-name{margin-top:50px}
	.vendor-logo{margin-top:60px}
	.vendor-logo img{max-width:50%}
	.vendor-name p{font-size:21px;padding-top: 10px;}
	.vendor-title{font-size:40px;line-height:55px}
	.vendor-desc{display:none}
	
	#nttCn {margin-top:0px;background-size:200% !important;padding:55px 35px}	
	#nttCn > dl{margin:0px}
	#nttCn > dl{padding:0px}
	#nttCn > dl > dt{font-size:30px;position: relative;width: 100%;padding:0px;line-height:40px}
	#nttCn > dl > dd{padding:20px 0px;line-height:25px}
	#nttCn > dl > dd img{max-width:100%}
	#nttCn > dl{font-size:15px;}
	#nttCn > dl ul li{width:100%;float:left}
	/* #nttCn > dl ul li:first-child{width:100%;margin-bottom:10px} */
	#nttCn > dl > dd > dl > dt{line-height:1.3}
	#nttCn > dl dd.list p strong{font-size:18px;font-weight:normal}
	#nttCn > dl dd.list p + p{margin-top:30px}
	#nttCn > dl > dd p{color:#555}
	#nttCn > dl > dd p strong{color:#000}
	
	.box_list > ul{margin-left:0px}
	.box_list > ul{width:100%;padding:30px}
	.box_list > ul > li{width:100%;margin-left:0px}
	.box_list > ul > li:last-child{margin-bottom:0px}
	
	.vendor-info ul{padding:55px 35px}
	.vendor-info ul li{width:100%;}
	.vendor-info ul li .tit{padding-bottom:10px;font-size:23px}
	.vendor-info ul li{font-size:15px;}
	.vendor-info ul li + li{margin-top:40px}
	
	.paging{padding-bottom:0px}
	
	.vendor-board-list{padding:0px}
	
	.box_list > ul > li .text_box .sj{font-size: 17px;line-height: 23px;}
	
	.content_tb{margin-top:20px}
	.content_tb, .content_tb tbody, .content_tb tbody tr, .content_tb tbody tr th, .content_tb tbody tr td {display:block}
	.content_tb th{display: block;vertical-align: middle;position: relative;}
	.content_tb td{width:100%;padding:10px 0px}
	
	.tb_subtit{color:#000}
	
	.t-mo100, .t-mo100 tbody, .t-mo100 tbody tr, .t-mo100 tbody tr th, .t-mo100 tbody tr td {display:block}
	.t-mo100 tbody tr th, .t-mo100 tbody tr td{width:100%}
	
	#nttCn > dl ul.dot{margin-top:0px}
	#nttCn .tb_align_center td{font-size:13px;line-height:20px}
	.tb_align_center img{width:65%}
	
	.menlosecurity .tb_align_center, .menlosecurity .tb_align_center tr,  .menlosecurity .tb_align_center tbody,  .menlosecurity .tb_align_center tr td{display:block  !important;width:100%  !important}
	.menlosecurity .tb_align_center tr td{width:100% !important}
	
}

@media (max-width: 500px) {
	.box_list > ul > li .text_box .sj{font-size: 15px;line-height: 20px;}
}