/*common*/


.center{text-align:center}
.left{text-align:left;}
.right{text-align:right;}


.mar_t10{margin-top:10px;}
.mar_t20{margin-top:20px;}
.mar_t30{margin-top:30px;}
.mar_t40{margin-top:40px;}
.mar_t50{margin-top:50px;}
.mar_t60{margin-top:60px;}
.mar_t70{margin-top:70px;}
.mar_t80{margin-top:80px;}
.mar_t90{margin-top:90px;}


.mar_l10{margin-left:10px;}
.mar_l20{margin-left:20px;}
.mar_l30{margin-left:30px;}
.mar_l40{margin-left:40px;}
.mar_l50{margin-left:50px;}
.mar_l60{margin-left:60px;}
.mar_l70{margin-left:70px;}
.mar_l80{margin-left:80px;}
.mar_l90{margin-left:90px;}

.mar_r10{margin-right:10px;}
.mar_r20{margin-right:20px;}
.mar_r30{margin-right:30px;}
.mar_r40{margin-right:40px;}
.mar_r50{margin-right:50px;}
.mar_r60{margin-right:60px;}
.mar_r70{margin-right:70px;}
.mar_r80{margin-right:80px;}
.mar_r90{margin-right:90px;}


.mar_b10{margin-bottom:10px;}
.mar_b20{margin-bottom:20px;}
.mar_b30{margin-bottom:30px;}
.mar_b40{margin-bottom:40px;}
.mar_b50{margin-bottom:50px;}
.mar_b60{margin-bottom:60px;}
.mar_b70{margin-bottom:70px;}
.mar_b80{margin-bottom:80px;}
.mar_b90{margin-bottom:90px;}
.mar_b100{margin-bottom:100px;}
.mar_b150{margin-bottom:150px;}


.de-check{display:inline-block;}
.de-check label{display:inline-block; cursor:pointer;font-size:18px; color:#666; vertical-align:middle;}
.de-check input[type=checkbox]{display:none;}
.de-check label:before{content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:10px;background:url("../images/checkOff.png"); margin-top:-2px;}
.de-check input[type=checkbox]:checked + label:before{content:''; background:url("../images/checkOn.png")}



.badge{width:100%;}
.badge div{display:inline-block;padding:6px 12px;border-radius:50px;color:#fff; font-size:12px}
.badge .new{background:#1165AC;}
.badge .best{background:#f6b128;}



.pagenation-area{width:100%; text-align:center; margin-top:50px;}
.pagenation-area .pagenation{display:inline-block; padding:3px; background:#F7F7F7; border-radius:50px;}
.pagenation-area .pagenation li{width:33px; line-height:33px; display:inline-block; vertical-align:middle}
.pagenation-area .pagenation li.current a{font-weight:bold; color:#1165AC}



.recommend{width:100%; padding:150px 100px 100px; border-radius:0px 0px 50px 50px; background:#F5F5E9; margin-top:-50px; z-index:0; z-index:1; position:relative; box-sizing:border-box;}
.recommend .tit{width:100%; font-size:48px; color:#222; font-weight:bold;}
.recommend .recommend-list {width:100%; display:flex; flex-flow:wrap; gap:30px; margin-top:30px;}
.recommend .recommend-list dd{flex: 0 1 calc(25% - 23px); background:#fff; padding:20px; border-radius:20px; box-sizing:border-box;}
.recommend .recommend-list dd .name{font-size:22px;color:#222;font-weight:bold;}
.recommend .recommend-list dd .number{font-size:18px;color:#444;margin:12px 0;word-break:keep-all;}
.recommend .recommend-list dd .thum{width:100%; overflow:hidden;}
.recommend .recommend-list dd .thum img{width:100%;}
/*.recommend .recommend-list dd:hover .thum{transform:scale(1.2); transition:all .5s}*/





#sub{
	width:100%;
	position:Relative;
	z-index:3;
	overflow:hidden;
}

#sub .nav{
	width:100%;
	padding:0px 100px;
	box-sizing:border-box;
	margin-top:80px;
}

#sub .nav div{
	font-size:16px;
	color:#666666;
	position:relative;
	padding:0px 15px;
	display:inline-block;
}

#sub .nav div:first-child{
	padding:0px 15px 0px 0px;
}

#sub .nav div:last-child{
	padding:0px 0px 0px 15px;
}

#sub .nav div:before{
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	background:url(../images/nav-arrow.png) center center no-repeat;
	background-size:cover;
	top:50%;
	transform:translateY(-50%);
	right:-12px;
}

#sub .nav div:last-child:before{
	display:none;
}

#sub .nav div a {
	font-size:16px;
	color:#666666;
}

#sub .nav div a:hover {
	color:#000;
}

#sub .title{
	width:100%;
	padding:0px 100px;
	box-sizing:border-box;
	margin-top:10px;
	font-size:48px;
	font-weight:bold;
}


#sub .sub-tit-a{
	width:100%;
	padding:0px 100px;
	box-sizing:border-box;
	margin-top:80px
}

#sub .sub-tit-a .tit{
	font-size:36px;
	color:#222;
	font-weight:bold;
}

#sub .sub-tit-a .subs{
	font-size:24px;
	color:#666;
	margin-top:10px;
}


#sub .sub-tabmenu{
	width:100%;
	padding:0px 100px;
	box-sizing:border-box;
	display:flex;
	margin-top:30px;
	align-items: flex-end;

}

#sub .sub-tabmenu li{
	width:100%;
	text-align:center;
	font-size:18px;
}

#sub .sub-tabmenu li a{
	width:100%;
	display:block;
	padding:20px 0px;
	border-bottom:1px solid #D9D9D9;
	color:#fff;
	word-break:keep-all;
}

#sub.location .sub-tabmenu li a{
	color:#222;
}

#sub.sw_scrolltrigger .sub-tabmenu li a{
	color:#222;
}


#sub .sub-tabmenu .current a{
	color:#1165AC;
	border-bottom:1px solid #1165AC;
	font-weight:600;
}




#bo_w .write_div{
	box-sizing:border-box !important;
}
#bo_w .bo_w_flie .file_del{
	top:50% !important;
}


/*product-list*/

#sub .product-list-area{
	width:100%;
	padding:0px 100px 100px;
	display:flex;
	margin-top:10px;
	box-sizing:border-box;
	position:relative;
	z-index:1;
	background:#fff;
	border-radius:0px 0px 50px 50px
}

#sub .product-list-area .category-area{
	width:30%;
	place-self:start;
	margin-top:40px;
	padding-right:50px;
	box-sizing:border-box;
}

#sub .product-list-area .category-area dd{
	width:100%;
	padding-top:30px;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:30px;
}

#sub .product-list-area .category-area dd:first-child{
	padding-top:0px;
}

#sub .product-list-area .category-area dd:last-child{
	border-bottom:0px solid #e5e5e5;
}

#sub .product-list-area .category-area dd .subj{
	font-size:28px;
	color:#222;
	font-weight:500;
}

#sub .product-list-area .category-area dd .category-list{
	width:100%;
	margin-top:20px;
}

#sub .product-list-area .category-area dd .category-list li{
	width:100%;
	margin-top:15px;
	font-size:18px;
	position:relative;
}

#sub .product-list-area .category-area dd .category-list li a{
	color:#666;
	position:relative;
	display:inline-block
}

#sub .product-list-area .category-area dd .category-list li a:before{
	width:100%;
	height:1px;
	background:#222;
	content:'';
	position:absolute;
	display:inline-block;
	left:0;
	bottom:0;
	transform:scaleX(0);
	transition:all 0.5s;
}

#sub .product-list-area .category-area dd .category-list li.current a:before{
	transform:scaleX(1)
}

#sub .product-list-area .category-area dd .category-list li:hover a:before{
	transform:scaleX(1)
}















#sub .product-list-area .list-area{
	width:100%;
	place-self:start;
}

#sub .product-list-area .op-list{
	width:100%;
	text-align:right;
}

#sub .product-list-area .op-list li{
	display:inline-block;
	margin-left:30px;
}

#sub .product-list-area .op-list li .filter-view-btn{
	display: none;
}


#sub .product-list-area .op-list li .tx{
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
}

#sub .product-list-area .op-list li .ico{
	display:inline-block;
	vertical-align:middle;
	width:20px;
}

#sub .product-list-area .op-list li .ico img{
	width:100%;
}


#sub .product-list-area .product-list{
	width:100%;
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	gap:35px;
	
}

#sub .product-list-area .product-list dd{
	width:30%;
	/*flex:auto;*/
	background:#fff;
	border-radius:20px;
	padding:30px;
	box-sizing:border-box;
	box-shadow:0px 10px 20px rgba(0,0,0,0.05);
}


#sub .product-list-area .product-list .badge{
	width:100%;
	text-align:center;
	min-height:27px;
}


#sub .product-list-area .product-list .name{
	width:100%;
	text-align:center;
	font-size:30px;
	margin-top:35px;
	font-weight:bold;
	word-break:keep-all;
	min-height:37px;
}

#sub .product-list-area .product-list .number{
	width:100%;
	text-align:center;
	font-size:20px;
	margin-top:10px;
	word-break:keep-all;
	min-height:48px;
}

#sub .product-list-area .product-list .thum{
	width:100%;
	margin-top:40px;
	overflow:hidden;
}

#sub .product-list-area .product-list .thum img{
	width:100%;
}



#sub .product-list-area dd:hover .thum img{
	transform:scale(1.2);
	transition:all .5s
}






#sub .product-list-area .product-list-type2{
	width:100%;
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	gap:35px;
	
}

#sub .product-list-area .product-list-type2 dd{
	width:30%;
	flex:auto;
}


#sub .product-list-area .product-list-type2 dd .thum-area{
	width:100%;
	background:#f7f7f7;
	border-radius:20px;
	padding:20px;
	box-sizing:border-box;
	position:relative;
}


#sub .product-list-area .product-list-type2 dd .thum-area .badge{
	width:100%;
	text-align:right;
	position:absolute;
	right:15px;
	top:15px;
}


#sub .product-list-area .product-list-type2 dd .thum-area .thum{
	width:100%;
	overflow:hidden
}

#sub .product-list-area .product-list-type2 dd .thum-area .thum img{
	width:100%;
}



#sub .product-list-area .product-list-type2 dd .category{
	width:100%;
	margin-top:30px;
	color:#1165AC;
	font-size:16px;
}

#sub .product-list-area .product-list-type2 dd .subject{
	width:100%;
	margin-top:10px;
	color:#222;
	font-size:22px;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#sub .product-list-area .product-list-type2 dd .discription{
	width:100%;
	margin-top:20px;
	color:#555;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}




#sub .product-view-area .product-view{
	width:100%;
}

#sub .product-view-area .product-view .top-info-area{
	width:100%;
	padding:0px 100px 100px;
	background:#1C2935;
	box-sizing:border-box;
	margin-top:200px;
	display:flex;
	border-radius:50px 50px 0px 0px;
}

#sub .product-view-area .product-view .top-info-area .thum-area{
	width:50%;
	padding-right:50px;
	box-sizing:border-box;
	place-self:start;
	margin-top:-130px;
	
}

#sub .product-view-area .product-view .top-info-area .thum-area .thum-visual{
	width:100%;
	background:#f7f7f7;
	border-radius:50px;
	overflow:hidden;
	max-width:800px;
}

#sub .product-view-area .product-view .top-info-area .thum-area img{
	width:100%;
}

#sub .product-view-area .product-view .top-info-area .thum-area .thum-visual-nav{
	width:100%;
	margin-top:20px;
}


#sub .product-view-area .product-view .top-info-area .thum-area .thum-visual-nav li{
	width:100%;
	margin:0px 5px;
	background:#f7f7f7;
	border-radius:20px;
	overflow: hidden;
}

#sub .product-view-area .product-view .top-info-area .info-area{
	width:50%;
	padding-left:50px;
	box-sizing:border-box;
	place-self:start;
	margin-top:-130px;
}


#sub .product-view-area .product-view .top-info-area .info-area .name{
	font-size:36px;
	color:#222;
	font-weight:bold;
	position:relative;
	padding-bottom:20px;
}


#sub .product-view-area .product-view .top-info-area .info-area .name:after{
	width:30px;
	height:3px;
	background:#1165AC;
	content:'';
	position:absolute;
	left:0;
	bottom:0;
}


#sub .product-view-area .product-view .top-info-area .info-area .number{
	font-size:20px;
	color:#777;
	margin-top:20px;
	min-height:24px;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list{
	width:100%;
	margin-top:30px;
}


#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd{
	width:100%;
	margin-top:50px;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .subj{
	width:100%;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	position:relative;
	padding-left:20px;
	box-sizing:border-box;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .subj:before{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:6px;
	height:6px;
	background:#fff;
	left:0;
}




#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .features-list{
	width:100%;
	padding-left:30px;
	box-sizing:border-box;
	margin-top:20px;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .features-list li{
	width:100%;
	margin-top:10px;
	word-break:keep-all;
	/*list-style:disc;*/
	color:#dedede;
	font-size:18px;
}




#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .function-list{
	width:100%;
	margin-top:10px;
	display:flex;
	padding-left:20px;
	box-sizing:border-box;
	flex-wrap:wrap;
	gap: 0 10px;
    justify-content: flex-start;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .function-list li{
	width:auto;
	display:inline-block;
	border-radius:10px;
	margin-bottom:15px;
	background:#13202C;
	color:#fff;
	text-align:center;
	padding:15px;
	text-align:center;
	word-break:keep-all;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .function-list li:first-child{
	margin-left:0;
}


#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .function-list li img{
	width:100%;
}







#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list{
	width:100%;
	margin-top:15px;
	display:flex;
	padding-left:20px;
	box-sizing:border-box;
	flex-wrap: wrap;
	    justify-content: space-evenly;
		gap: 0 10px;
		    justify-content: flex-start;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li{
	width:auto;
	margin-bottom:15px;
	display:inline-block;
	border-radius:10px;
	background:#13202C;
	padding:15px;
	box-sizing:border-box;
	text-align:center;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li a{
	display:flex;
	align-items: center;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li:nth-child(5n){

}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li:first-child{
	margin-left:0px;
}



#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li .ico{
	display:inline-block;
	vertical-align:middle;
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li .ico img{
	height:30px;
	    filter:brightness(0) invert(1);
}

#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li .tx{
	display:inline-block;
	vertical-align:Middle;
	font-size:14px;
	color:#fff;
	margin-left:5px;
	white-space: nowrap;
}

#sub .product-view-area .product-view .top-info-area .info-area .counsel{
	width:100%;
	padding:15px 0px;
	text-align:center;
	color:#fff;
	font-size:18px;
	background:#1165AC;
	border-radius:5px;
	margin-top:50px;
}


#sub .product-view-area .product-view .top-info-area .info-area .counsel a{
	color:#fff;
	display:block;
}



#sub .product-view-area .product-view .top-info-area .info-area .btn-list{
	width:100%;
	display:flex;
	flex-flow:wrap;
	gap:2%;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li{
	width:49%;
	padding:15px 60px;
	box-sizing:border-box;
	background:#F5F5E9;
	margin-top:2%;
	border-radius:5px;
	position:relative;
	cursor:pointer;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li a{
	display:block;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:before{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:32px;
	height:32px;
	background-size:cover;
	left:15px;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:first-child:before{
	background:url(../images/btn-ico-1.png) no-repeat center center;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:nth-child(2):before{
	background:url(../images/btn-ico-2.png) no-repeat center center;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:nth-child(3):before{
	background:url(../images/btn-ico-3.png) no-repeat center center;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:nth-child(4):before{
	background:url(../images/btn-ico-4.png) no-repeat center center;
}



#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover{
	background:#13202C;
	transition:all 0.5s;
	color:#fff;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover a{
	color:#fff;
}



#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover:after{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:32px;
	height:32px;
	background-size:cover;
	right:15px;
	background:url(../images/check.png) no-repeat center center;
}



#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover:first-child:before{
	background:url(../images/btn-ico-1-w.png) no-repeat center center;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover:nth-child(2):before{
	background:url(../images/btn-ico-2-w.png) no-repeat center center;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover:nth-child(3):before{
	background:url(../images/btn-ico-3-w.png) no-repeat center center;
}

#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:hover:nth-child(4):before{
	background:url(../images/btn-ico-4-w.png) no-repeat center center;
}








#sub .product-view-area .product-view .information{
	width:100%;
	padding:100px;
	box-sizing:border-box;
	background:#fff;
	border-radius:50px;
	z-index:2;
	position:relative;
}

#sub .product-view-area .product-view .information .tit{
	font-size:48px;
	font-weight:bold;
	color:#222;
}


#sub .product-view-area .product-view .information .nm{
	font-size:18px;
	font-weight:500;
	color:#777;
}


#sub .product-view-area .product-view .information .info-list{
	width:100%;
	margin-top:20px;
	padding-top:0px;
	box-sizing:border-box;
	border-top:1px solid #222;
}


#sub .product-view-area .product-view .information .info-list dd{
	width:100%;
	padding:50px 0px;
	border-bottom:1px solid #e5e5e5;
	display:flex;
}

#sub .product-view-area .product-view .information .info-list dd:first-child{
	display:none;
}


#sub .product-view-area .product-view .information .info-list dd .subjA{
	width:25%;
	padding-right:50px;
	box-sizing:border-box;
	color:#222;
	font-weight:bold;
	font-size:25px;
	place-self:start;
	word-break:keep-all;
}

.tbl_down { table-layout:fixed; width:100%; border-top:1px solid #333; border-bottom:1px solid #ccc; font-size:14px; }
.tbl_down th { background-color:#f5f8f9; }
.tbl_down tbody tr > * { border-top:1px solid #e4e4e4; padding:23px 10px 20px 12px; line-height:1.6;word-break:keep-all; }
.tbl_down tbody tr:first-child > * { border-top:0; }
.tbl_down tbody td { color:#666; }
.tbl_down .dn_th { width:200px; }
.tbl_down .dn_fileName + col { width:140px; }
.tbl_down .lnk_dn { display:inline-block; vertical-align:middle; font-weight:bold; line-height:20px; padding-right:35px; text-align:center; min-width:65px; background:url('../images/icon/dn_ico_b.png') no-repeat 100% 49%; }
.tbl_down .lnk_dn:hover { text-decoration:underline; }
.tbl_down .dest { position:relative; margin-right:40px; padding-right:140px; min-height:22px; }
.tbl_down .dest .lnk_dn { right:0; top:50%; margin-top:-10px; position:absolute; }





#sub .product-view-area .product-view .information .ct{
	width:85%;
}



#sub .product-view-area .product-view .information .pro-list{
	padding-left:20px;
	box-sizing:border-box;
}

#sub .product-view-area .product-view .information .pro-list li{
	width:100%;
	list-style:disc;
	margin-top:20px;
}

#sub .product-view-area .product-view .information .pro-list li:first-child{
	margin-top:0px;
}


#sub .product-view-area .product-view .information .pro-list li .subj{
	width:100%;
	font-size:20px;
	font-weight:600;
}


#sub .product-view-area .product-view .information .pro-list li .subs{
	width:100%;
	margin-top:10px;
	color:#444;
	font-size:18px;
	line-height:28px;
}




#sub .product-view-area .product-view .information .video-list{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
}

#sub .product-view-area .product-view .information .video-list li{
	margin:0px 10px;
	width:calc(33.333% - 40px);
}

#sub .product-view-area .product-view .information .video-list.qr_c li{
	margin:0px 10px;
	width:calc(25% - 40px);
}


#sub .product-view-area .product-view .information .video-list li .thum{
	width:100%;
}


#sub .product-view-area .product-view .information .video-list li .thum img{
	width:100%;
}

.qr_c .thumb img{
	width:100%;
	height:auto;
}

#sub .product-view-area .product-view .information .video-list li .subj{
	width:100%;
	text-align:center;
	margin-top:15px;
	color:#222;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:500;
}



#sub .product-view-area .product-view .information .download-list{
	display:flex;
	flex-flow:wrap;
	gap:20px;
}

#sub .product-view-area .product-view .information .download-list li{
	width:32.2%;
	background:#f7f7f7;
	padding:20px 20px 20px 80px;
	box-sizing:border-box;
	border-radius:10px;
	position:Relative;
}

#sub .product-view-area .product-view .information .download-list li .subj{
	font-size:22px;
	font-weight:600;
	color:#222;
	word-break:keep-all;
}

#sub .product-view-area .product-view .information .download-list li .subs{
	font-size:18px;
	color:#444;
	margin-top:10px;
}

#sub .product-view-area .product-view .information .download-list li:before{
	content:'';
	position:absolute;
	left:20px;
	width:40px;
	height:40px;
	background:url(../images/download-ico.png) no-repeat center center;
	background-size:cover;
	top:50%;
	transform:translateY(-50%);
}

#sub .product-view-area .product-view .information .download-list li:hover{
	background:#1165AC;
	transition:all .5s
}

#sub .product-view-area .product-view .information .download-list li:hover .subj,
#sub .product-view-area .product-view .information .download-list li:hover .subs{
	color:#fff;
}


#sub .product-view-area .product-view .information .download-list li:hover:before{
	background:url(../images/download-ico-w.png) no-repeat center center;
}
















/*적용분야*/


#sub .field{
	width:100%;
}

#sub .field .field-ct{
	width:100%;
	padding:150px 100px;
	background:#fff;
	border-radius:0px 0px 50px 50px;
	position:relative;
	z-index:2;
	box-sizing:border-box;
	display:flex;
}


#sub .field .field-ct .tit{
	width:28%;
	margin-right:2%;
	place-self:start;
	font-size:26px;
	color:#222;
	font-weight:700;
	position:sticky;
	top:150px;
	word-break:keep-all;
}

#sub .field .field-ct .ct{
	width:70%;
	place-self:start;
}

#sub .field .field-ct .ct .subs{
	font-size:20px;
	color:#444;
	word-break:keep-all;
	line-height:28px;
}

#sub .field .field-ct .ct .subs .slogan{
	width:100%;
	display:block;
	margin:0 0 10px;
	font-size:24px;
	color:#1165AC;
	font-weight:500;
	line-height:34px;
}


#sub .field .field-ct .ct .field-list{
	width:100%;
	margin-top:80px;
	display:flex;
	flex-flow:wrap;
	gap:50px;
}

#sub .field .field-ct .ct .field-list dd{
	width:47%;
	border:1px solid #d9d9d9;
	padding:40px;
	box-sizing:border-box;
	border-radius:20px;
}


#sub .field .field-ct .ct .field-list dd .ico{
	display:flex;
	justify-content: flex-start;
    align-content: center;
    align-items: center;	
	min-height:65px;
}


#sub .field .field-ct .ct .field-list dd .ico img{
	max-height:65px;
	/*filter: invert(25%) sepia(100%) saturate(1347%) hue-rotate(189deg) brightness(93%) contrast(88%);*/
	filter: grayscale(100%) brightness(0.5);
	-webkit-filter: grayscale(100%) brightness(0.5);
	-moz-filter: grayscale(100%) brightness(0.5);
}


#sub .field .field-ct .ct .field-list dd .subj{
	width:100%;
	margin-top:50px;
	color:#1165AC;
	font-size:24px;
	font-weight:600;
}


#sub .field .field-ct .ct .field-list dd .subs{
	width:100%;
	margin-top:10px;
	font-size:18px;
	color:#444;
}








/*고객센터*/

#sub .counsel{
	width:100%;
}

#sub .counsel .form{
	width:100%;
	padding:50px 100px 50px;
	box-sizing:border-box;
	display:flex;
	flex-flow:wrap
}

#sub .counsel .form dd{
	margin-left:2%;
	padding:15px 0px;
	border-bottom:1px solid #e5e5e5;
	display:flex;
	margin-top:30px;
	width:49%
}


#sub .counsel .form dd:nth-child(2n+1){
	margin-left:0%;
}



#sub .counsel .form dd label{
	width:20%;
	font-size:18px;
	color:#222;
	font-weight:500;
	min-width: 10vw;
}

#sub .counsel .form dd label span{
	color:#d30000;
}
#sub .counsel .form dd .inputline{
	width:80%;
	font-size:18px;
	color:#222;
}


#sub .counsel .form dd .inputline2{
	width:40%;
	font-size:16px;
	color:#222;
	
}

#sub .counsel .form .w100{
	width:100%;
	
}

#sub .counsel .form .w100 textarea{
	width:100%;
}

#sub .counsel .term{
	width:100%;
	padding:0px 100px 100px 100px;
	box-sizing:border-box;
	border-radius:0px 0px 50px 50px;
	background:#fff;
	position:relative;
	z-index:2;
}


#sub .counsel .term .subj{
	width:100%;
	font-size:30px;
	color:#222;
	font-weight:600;
}

#sub .counsel .term .termbox{
	width:100%;
	padding:20px;
	background:#f7f7f7;
	font-size:16px;
	color:#666;
	line-height:26px;
	margin-top:20px;
}


#sub .counsel .term .agree-area{
	width:100%;
	display:inline-block;
	margin-top:10px;
}


#sub .counsel .submit-btn{
	width:200px;
	margin:30px auto 0;
	background:#1165AC;
	color:#fff;
	padding:20px 0px;
	display:block;
	font-size:16px;
	border-radius:10px;
}



#sub .AScenter{
	width:100%;
	background:#F5F5E9;
	border-radius:0px 0px 50px 50px;
	padding:150px 100px 100px;
	box-sizing:border-box;
	margin-top:-50px;
}

#sub .AScenter .tit{
	font-size:30px;
	color:#222;
	font-weight:600;
}

#sub .AScenter .map{
	width:100%;
	height:400px;
	border-radius:50px;
	overflow:hidden;
	margin-top:20px;
}

#sub .AScenter .info-list{
	width:100%;
	display:flex;
	margin-top:30px;
}

#sub .AScenter .info-list dd{
	width:25%;
	padding-right:30px;
	box-sizing:border-box;
}

#sub .AScenter .info-list dd:first-child{
	width:50%;
}


#sub .AScenter .info-list dd .subj{
	width:100%;
	font-size:20px;
	color:#1165AC;
	font-weight:500;
}

#sub .AScenter .info-list dd .subs{
	width:100%;
	margin-top:10px;
	font-size:18px;
	color:#444;
}

#sub .AScenter .arl-tx{
	width:100%;
	margin-top:60px;
	color:#444;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
}


/*구매정보*/

#sub .buyinfo{
	width:100%;
	
}

#sub .buyinfo .map{
	width:100%;
	padding:70px 100px 100px;
	box-sizing:border-box;
	background:#fff;
	border-radius:0px 0px 50px 50px;
	position:relative;
	z-index:2;
}

#sub .buyinfo .map img{
	width:100%;
}



#sub .shop-list-area{
	width:100%;
	background:#1C2935;
	padding:150px 100px 100px;
	box-sizing:border-box;
	margin-top:-50px;
}

#sub .shop-list-area .tit{
	width:100%;
	color:#fff;
	font-weight:500;
	font-size:30px;
}


#sub .shop-list-area .shop-list{
	width:100%;
	border-top:1px solid #fff;
	margin-top:30px;
}

#sub .shop-list-area .shop-list dd{
	width:100%;
	padding:50px 0px;
	border-bottom:1px solid #444;
	display:flex;
}

#sub .shop-list-area .shop-list dd .pos-area{
	width:30%;
}

#sub .shop-list-area .shop-list dd .pos-area .kr{
	font-size:26px;
	color:#fff;
	font-weight:500;
}

#sub .shop-list-area .shop-list dd .pos-area .en{
	font-size:18px;
	color:#fff;
	opacity:50%;
	margin-top:10px;
}

#sub .shop-list-area .shop-list dd .shop-info{
	width:70%;
}


#sub .shop-list-area .shop-list dd .shop-info li{
	width:100%;
	margin-top:15px;
}

#sub .shop-list-area .shop-list dd .shop-info li:first-child{
	margin-top:0px;
}

#sub .shop-list-area .shop-list dd .shop-info li .subj{
	width:25%;
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	color:#fff;
	opacity:70%;
}

#sub .shop-list-area .shop-list dd .shop-info li .subs{
	width:74%;
	display:inline-block;
	vertical-align:top;
	color:#fff;
	opacity:0.9
}



/*faq*/

#sub .faq{
	width:100%;
	margin-top:70px;
}

#sub .faq .search{
	width:100%;
	padding:0px 100px;
	box-sizing:border-box;
	margin-top:20px;
}

#sub .faq .search .searchbox{
	width:100%;
	padding:20px 15px;
	background:#f7f7f7;
	display:flex;
	border-radius:10px;
	border:2px solid #005eae;
	box-sizing:border-box;
}

#sub .faq .search .searchbox .inputbox{
	width:95%;
	place-self:center;
	background:#f7f7f7;
	font-size:18px;
}

#sub .faq .search .searchbox .inputbox::placeholder{
	font-weight:700;
}

#sub .faq .search .searchbox .inputbox::-webkit-input-placeholder{
	font-weight:700;
}

#sub .faq .search .searchbox .inputbox:-ms-input-placeholder{
	font-weight:700;
}

#sub .faq .ct-a{
	width:100%;
	margin-top:50px;
	padding:100px;
	background:#F5F5E9;
	border-radius:40px;
	box-sizing:border-box;
}

#sub .faq .ct-a .tab-list{
	width:100%;
	display:flex;
	background:#fff;
}

#sub .faq .ct-a .tab-list li{
	width:100%;
	cursor:pointer;
	padding:15px 0px;
	text-align:center;
	font-size:17px;
	word-break:keep-all;
}

#sub .faq .ct-a .tit{
	font-size:30px;
	color:#222;
	margin-top:50px;
	font-weight:600;
}

#sub .faq .ct-a .faq-list{
	width:100%;
	margin-top:20px;
	display: none;
}

#sub .faq .ct-a .faq-list dd{
	width:100%;
	background:#fff;
	border-radius:15px;
	overflow:hidden;
	margin-top:15px;
}

#sub .faq .ct-a .faq-list dd .subj-line{
	width:100%;
	display:flex;
	padding:20px;
	box-sizing:border-box;
	cursor: pointer;
}

#sub .faq .ct-a .faq-list dd .subj-line .subj{
	width:95%;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#222;
	font-size:20px;
	place-self:center;
	font-weight:500;
}

#sub .faq .ct-a .faq-list dd .subj-line .arrow-btn{
	width:5%;
	text-align:Right;
}

#sub .faq .ct-a .faq-list dd .subj-line .arrow-btn img{
	width:36px
}


#sub .faq .ct-a .faq-list dd .subj-line .toggleArrow{
	transform:rotate(-45deg);
	transition:all 1s
}


#sub .faq .ct-a .faq-list dd .substance{
	width:100%;
	border-top:1px solid #e5e5e5;
	padding:20px;
	box-sizing:border-box;
	font-size:18px;
	color:#444;
	word-break:keep-all;
	line-height:28px;
	color:#444;
	display: none;
}










/***************** 2023-10-27 수정 시작 *****************/
#sub .nav {background: #fff;}
#sub .title {background: #fff;}
#sub .field {background: #fff;}
#sub .counsel {background: #fff;}
#sub .product-list-area .product-list .thum img {transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
#sub .product-list-area dd:hover .thum img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
#sub .product-list-area .product-list-type2 dd {margin-bottom: 40px;}
#sub .product-list-area .product-list-type2 dd .thum-area .thum {display: flex; justify-content: center; align-items: center;}
#sub .product-list-area .product-list-type2 dd .thum-area .thum img {max-width: 400px; transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
#sub .product-list-area .product-list-type2 dd:hover .thum-area .thum img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
#sub .product-list-area .product-list-type2 dd .subject {font-weight: 600;}
#sub .product-view-area .product-view .information .download-list li {transition: all 0.3s;}
#sub .product-view-area .product-view .information .download-list li:hover {transition: all 0.3s;}
#sub .product-view-area .product-view .information .video-list li .thum {overflow: hidden; border-radius: 20px;}
#sub .product-view-area .product-view .information .video-list li .thum img {transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
#sub .product-view-area .product-view .information .video-list li:hover .thum img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
.recommend .recommend-list dd {overflow: hidden;}
.recommend .recommend-list dd .thum {overflow:hidden}
.recommend .recommend-list dd .thum img {transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
.recommend .recommend-list dd:hover .thum img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
#sub .product-view-area .product-view .information .download-list li .subj, #sub .product-view-area .product-view .information .download-list li .subs, #sub .product-view-area .product-view .information .download-list li:hover .subj, #sub .product-view-area .product-view .information .download-list li:hover .subs, #sub .product-view-area .product-view .information .download-list li:hover:before, #sub .product-view-area .product-view .information .download-list li:before {transition: all 0.3s;}
#sub .faq .ct-a .tab-list li:hover {font-weight:bold; color:#1165AC; border-top:2px solid #1165AC; transition: color 0.3s;word-break:keep-all;}
#sub .faq .ct-a .tab-list li.active {font-weight:bold; color:#1165AC; border-top:2px solid #1165AC;}
#sub .counsel .form dd.w100 {border:none;}
#sub .counsel .form dd.w100 textarea {padding: 20px; border: 1px solid #e5e5e5; font-size: 16px;  color: #666; resize: none;}
.recommend .recommend_list_mo {display: none;}
.recommend .product_detail_slide .recommend-list {gap: 0;}
.recommend .product_detail_slide .recommend-list dd {width: 100%;}
.recommend .product_detail_swiper .swiper_btn {color: #ccc; z-index: 5;}
.recommend .product_detail_swiper .swiper_btn::after {font-size: 30px;}
.faq .faq_guide {display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; margin-top: 60px; border: 1px solid #d5d5c4;}
.faq .faq_guide .text_wrap {display: flex; align-items: center;}
.faq .faq_guide .text_wrap .icon {margin-right: 20px; flex-shrink: 0;}
.faq .faq_guide .text_wrap .icon img {}
.faq .faq_guide .text_wrap .txt {font-size: 18px; line-height: 28px;}
.faq .faq_guide a {font-size: 17px; font-weight: 500; background: #1165AC; width: 140px; height: 56px; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 6px; flex-shrink: 0;}
.faq .faq_guide a:hover {background: #131E28; transition: all 0.3s;}
/***************** 2023-10-27 수정 끝 *****************/




/***************** 2023-11-13 추가 시작 *****************/
.wrapper {padding: 0 100px; width: calc(100% - 200px);}
.sub-tit-a .f48 {font-weight: 700;}
.sub-tit-a .f30 {color: #444; font-weight: 500; margin-top: 20px;}
.company_overview .sub-tit-a .f30{font-size:54px;font-weight:600;text-transform: lowercase;}
.sub-tit-a .f20 {margin-top: 50px; color:#444; z-index: 1; position: relative;}
.sub-tit-a .f20 span {display: block;}
.title_mg {margin-bottom: 90px;}
.bottom_bg {background: #131E28; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: -1;}
.bottom_bg_w {background: #131E28; width: 100%; height: 200px; z-index: -1; position: relative;}
.bottom_bg_w::before {content: ''; display: inline-block; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}



/* 고객센터 - 다운로드 */
#sub.cs_download .field {background: transparent;}
.cs_download_wrap {background: #1C2935; border-radius: 50px; padding: 190px 0; margin-top: 80px; position: relative;}
.cs_download_wrap .wrapper {z-index: 1;}
#sub.cs_download .sub-tabmenu {padding: 0; margin-bottom: 16px;}
.cs_download_wrap .search_wrap {display: none;}
.cs_download_wrap .search_wrap .search_box {width:100%; border-radius: 20px;background:rgba(255,255,255,0.3); border: 2px solid rgba(255, 255, 255, 0.80); display:flex; box-sizing: border-box;}
.cs_download_wrap .search_wrap .search_box1 {display: flex; justify-content: space-between; padding: 20px;}
.cs_download_wrap .search_wrap .search_box1 .box {flex: 1 1 calc(50% - 60px);}
.cs_download_wrap .search_wrap .search_box1 .box select {width: calc(100% - 120px); border: 1px solid rgba(255, 255, 255, 0.20);}
.cs_download_wrap .search_wrap .search_box .box {display: flex; align-items: center;}
.cs_download_wrap .search_wrap .search_box .box .cate {font-size: 16px; color: #fff; margin: 0 30px;word-break: keep-all;font-weight:700;}
.cs_download_wrap .search_wrap .search_box .box select {font-size:15px;color:#000;border: 2px solid rgba(255, 255, 255, 0.80);background:#fff;}
.cs_download_wrap .search_wrap .search_box select {width:230px; border-right:1px solid rgba(255, 255, 255, 0.20); background:rgba(0,0,0,0); padding: 0 25px; box-sizing:border-box; color:#fff; height: 65px; font-size: 16px; appearance:none; background:url('../images/icon_select_arrow.png') no-repeat right 24px center;}
.cs_download_wrap .search_wrap .search_box input {width:calc(100% - 230px); padding: 0 25px; box-sizing:border-box; background:rgba(0,0,0,0); color:#fff; height: 65px; font-size: 16px;}
.cs_download_wrap .search_wrap .search_box input:placeholder {color:#fff;}

#f_search2 .search_wrap .search_box select{display:none !important;}
#f_search2 .search_wrap .search_box input {width:100%;}

.cs_download_wrap .search_wrap .search_box input:placeholder {color:#fff;font-weight:700;}
.cs_download_wrap .search_wrap .search_box input::-webkit-input-placeholder {color:#fff;font-weight:700;}
.cs_download_wrap .search_wrap .search_box input:-ms-input-placeholder {color:#fff;font-weight:700;}

.cs_download_wrap .search_wrap .search_box button {width:170px; padding:15px; background:#1165AC; color:#fff; border-radius:20px; font-size: 18px; cursor: pointer;}
.cs_download_wrap .down_list_wrap {display: flex; flex-flow: wrap; gap: 47px; margin-top: 80px; }
.cs_download_wrap .down_list_wrap .box {flex: 0 1 calc(33.3% - 33px); margin-bottom: 30px; cursor: pointer;}
.cs_download_wrap .down_list_wrap .box .default .image {background: #fff; display: flex; justify-content: center; align-items: center; border-radius: 20px; width: 100%;overflow:hidden;position:relative;}
.cs_download_wrap .down_list_wrap .box .default .image img {width: auto; max-width: 540px; transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;position:relative;z-index:1;}
.cs_download_wrap .down_list_wrap .box .default .image img.cont_img{position:absolute;z-index:15;}
.cs_download_wrap .down_list_wrap .box:hover .default .image img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
.cs_download_wrap .down_list_wrap .box .default .f24 {color: rgb(255,255,255,0.6); margin-top: 20px; font-weight: 600; transition: all 0.3s;}
.cs_download_wrap .down_list_wrap .box:hover .default .f24 {color: #fff; transition: all 0.3s;}
.cs_download_wrap .down_list_wrap .box .hover {padding: 0 40px 40px;  width:calc(100% - 80px); display: none;}
.cs_download_wrap .down_list_wrap .box .hover .f18 {color: #fff;}
.cs_download_wrap .down_list_wrap .box .hover ul {border-top: 1px solid #D9D9D9; padding-top: 30px; margin-top: 14px;}
.cs_download_wrap .down_list_wrap .box .hover ul li {color: #C8C8C8; position: relative; padding-left: 18px;}
/*.cs_download_wrap .down_list_wrap .box .hover ul li::before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 14px; left: 0; background: #C8C8C8;}
*/.cs_download_wrap .down_list_wrap .box .hover .btn_wrap {margin-top: 30px;}
.cs_download_wrap .down_list_wrap .box .hover .btn_wrap .btn_box {margin-bottom: 15px;}
.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a {background: #fff; height: 68px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 6px;}
.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .f20 {color: #222;}
.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .icon img {width: 36px;}
.cs_download_wrap .down_list_wrap .box.active {background: #1165AC; border-radius: 20px; margin-bottom: 0; transition: all 0.3s;}
.cs_download_wrap .down_list_wrap .box.active .default .f24 {color: #fff; padding: 0 40px;}
.cs_download_wrap .down_list_wrap .box.active .default .image {background: transparent; transition: all 0.3s;}
.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a:hover {background: #d4ebff; transition: all 0.3s;}
.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a:hover .f20 {color: #000; font-weight: 500; transition: all 0.3s;}
.cs_download_wrap .pagenation-area .pagenation {background: #313C47;}
.cs_download_wrap .pagenation-area .pagenation li a {color: #fff;}
.cs_download_wrap .pagenation-area .pagenation li.current a {color: #1165AC;}


/* 회사소개 - 회사개요 */
#sub.company_overview .field {background: transparent;}
#sub.company_overview .sub-tit-a {padding-bottom: 50px; overflow: hidden; background: #fff;}
#sub.company_overview .sub-tit-a {position: relative;}
#sub.company_overview .video_area{position:relative;z-index:5;}
#sub.company_overview .video_area div{border-radius:0 !important;}
#sub.company_overview .sub-tit-a .text_bg {font-size: 170px; color: rgb(245,245,233,0.4); font-weight: 800; position: absolute; bottom: -40px; right: -50px; white-space: nowrap; }
#sub.company_overview .slogan_wrap {margin: 70px 0 0; position: relative; padding: 280px 0 100px; background: #fff;z-index:3;}
#sub.company_overview .slogan_wrap::after {content: ''; display: inline-block; background: #fff; width: 100%; height: 100px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; position: absolute; bottom: -100px; left: 0;}
#sub.company_overview .slogan_wrap .top_bg {background: #F5F5E9; width: 100%; height: 27vw; position: absolute; top: 0; left: 0; border-top-right-radius: 50px; border-top-left-radius: 50px; }
#sub.company_overview .slogan_wrap .banner {padding-bottom: 120px; position: relative;}
#sub.company_overview .slogan_wrap .banner .image {border-radius: 50px; overflow: hidden; display: flex;}
#sub.company_overview .slogan_wrap .banner .image img {width: 100%; display: flex; transform: scale(1.3,1.3); transition: transform 7000ms ease-in-out;}
#sub.company_overview .slogan_wrap .banner .image.aos-animate img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
#sub.company_overview .slogan_wrap .banner .text {font-size: 4.5vw; line-height: 4.5vw; font-weight: 700; color: rgb(229,229,229,0.7); position: absolute; bottom: 165px; left: 50px; word-break: keep-all;}
#sub.company_overview .slogan_wrap .icon_txt {display: flex; align-items: flex-start;}
#sub.company_overview .slogan_wrap .icon_txt li {position: relative; display: flex; justify-content: center; align-items: center; flex-flow: column; z-index: 1; padding: 0 60px; border-right: 1px solid #D9D9D9; flex: 1 1 25%;}
#sub.company_overview .slogan_wrap .icon_txt li:last-child {border-right: 0;}
#sub.company_overview .slogan_wrap .icon_txt li .bg_txt {font-size: 128px; color: #F7F7F7; font-weight: 700; position: absolute; top: 54px; left: 50%; transform: translateX(-50%); z-index: -1;}
#sub.company_overview .slogan_wrap .icon_txt li .icon {display: flex;}
#sub.company_overview .slogan_wrap .icon_txt li .icon img {width: 100%; max-width: 120px;}
#sub.company_overview .slogan_wrap .icon_txt li .ic_txt_title {text-align: center; margin: 20px 0; background: transparent;}
#sub.company_overview .slogan_wrap .icon_txt li .ic_txt_title .f16 {color: #1165AC; font-weight: 600;}
#sub.company_overview .slogan_wrap .icon_txt li .ic_txt_title .f26 {color: #000; font-weight: 700;}
#sub.company_overview .slogan_wrap .icon_txt li .f18 {color: #444; text-align: center;}
#sub.company_overview .history_wrap {background: #1C2935; padding: 100px 0 200px;}
#sub.company_overview .history_wrap .box {display: flex; align-items: flex-start; margin-top: 200px;}
#sub.company_overview .history_wrap .box .f48 {color: #fff; width: 30%; position: sticky; top: 180px;}
#sub.company_overview .history_wrap .box .f48 span {display: block;}
#sub.company_overview .history_wrap .box .f48 span.big_txt {font-size: 54px;}
#sub.company_overview .history_wrap .box .history_con {width: 70%;}
#sub.company_overview .history_wrap .box .history_con .image {border-radius: 50px; overflow: hidden;}
#sub.company_overview .history_wrap .box .history_con .image img {width: 100%; display: flex; transform: scale(1.3,1.3); transition: transform 7000ms ease-in-out;}
#sub.company_overview .history_wrap .box .history_con .image.aos-animate img {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
#sub.company_overview .history_wrap .box .history_con .f36 {color: #fff; font-weight: 500; border-bottom: 1px solid #fff; padding-bottom: 25px; margin-top: 60px;}
#sub.company_overview .history_wrap .box .history_con ul {margin-top: 90px;}
#sub.company_overview .history_wrap .box .history_con ul li {display: flex; margin-bottom: 20px;}
#sub.company_overview .history_wrap .box .history_con ul li:last-child {margin-bottom: 0;}
#sub.company_overview .history_wrap .box .history_con ul li .f20 {color: rgb(255,255,255,0.8); font-weight: 400; width: calc(100% - 160px);}
#sub.company_overview .history_wrap .box .history_con ul li .f20 span {display: block;}
#sub.company_overview .history_wrap .box .history_con ul li .year {color: #fff; font-weight: 500; width: 160px; flex-shrink: 0;}


/* 회사소개 - BI */
#sub.bi {background: transparent;}
#sub.bi .field {background: transparent;}
#sub.bi .sub-tit-a .f30 {font-weight: 400;}
.bi_wrap .top_logo_wrap {margin-top: 50px;}
.bi_wrap .top_logo_wrap .image {background: #F7F7F7; border-radius: 50px; height: 560px; display: flex; justify-content: center; align-items: center;}
.bi_wrap .top_logo_wrap .image img {width: 100%; max-width: 791px;}
.bi_wrap .top_logo_wrap .btn_wrap {display: flex; justify-content: flex-end; margin-top: 30px;}
.bi_wrap .top_logo_wrap .btn_wrap a {display: flex; justify-content: center; align-items: center; width: 300px; height: 80px; border-radius: 10px; }
.bi_wrap .top_logo_wrap .btn_wrap a .icon {display: flex; margin-left: 15px;}
.bi_wrap .top_logo_wrap .btn_wrap a .icon img {width: 29px;}
.bi_wrap .top_logo_wrap .btn_wrap a.line_btn {margin-right: 10px; border: 1px solid #1165AC;}
.bi_wrap .top_logo_wrap .btn_wrap a.color_btn {background: #1165AC;}
.bi_wrap .top_logo_wrap .btn_wrap a.color_btn .f20 {color: #fff;}
.bi_wrap .icon_txt_wrap {display: flex; margin: 200px 0; gap: 4vw;}
.bi_wrap .icon_txt_wrap .box {flex: 1 1 33.3%;}
.bi_wrap .icon_txt_wrap .box .icon {display: flex; justify-content: center;flex-shrink: 0;}
.bi_wrap .icon_txt_wrap .box .icon img {width: 100%; max-width: 149px;}
.bi_wrap .icon_txt_wrap .box .text {margin-top: 80px;}
.bi_wrap .icon_txt_wrap .box .text .f32 {text-align: center; font-weight: 700;}
.bi_wrap .icon_txt_wrap .box .text .f20 {text-align: center; margin-top: 25px; color: #444;}
.bi_wrap .logo_wrap {background: url('../images/bi_graduation.png') no-repeat center / cover; width: 100%; height: 480px; display: flex;  justify-content: center; align-items: center;}
.bi_wrap .logo_wrap .bi_logo {display: flex; justify-content: center; margin: 0 7vw;}
.bi_wrap .logo_wrap .bi_logo img {width: 100%; max-width: 459px;}
.bi_wrap .color_story {margin: 200px 0 0;}
.bi_wrap .color_story .f48 {text-align: center; color: #222;}
.bi_wrap .color_story .f20 {text-align: center; margin-top: 30px;}
.bi_wrap .color_story .f20 span {display: block;}
.bi_wrap .color_story .color_warp {display: flex; justify-content: space-between; margin-top: 100px; gap: 50px;}
.bi_wrap .color_story .color_warp .box {flex: 1 1 33.3%;}
.bi_wrap .color_story .color_warp .box .sewoo_color {height: 300px; position: relative;}
.bi_wrap .color_story .color_warp .box.box1 .sewoo_color {background: #005EAE;}
.bi_wrap .color_story .color_warp .box.box2 .sewoo_color {background: #1F286F;}
.bi_wrap .color_story .color_warp .box.box3 .sewoo_color {background: #004098;}
.bi_wrap .color_story .color_warp .box .sewoo_color .text {position: absolute; bottom: 50px; left: 60px;}
.bi_wrap .color_story .color_warp .box .sewoo_color .text .f24 {color: #fff; position: relative;}
.bi_wrap .color_story .color_warp .box .sewoo_color .text .f24::before {content: ''; display: inline-block; width: 1px; height: 80%; background: #fff; position: absolute; left: -11px; top: 50%; transform: translateY(-50%);}
.bi_wrap .color_story .color_warp .box .sewoo_color .text .f18 {color: #fff; font-weight: 300;}
.bi_wrap .color_story .color_warp .box .hex {background: #F7F7F7; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; padding: 30px 50px;}
.bi_wrap .color_story .color_warp .box .hex li {display: flex; margin-bottom: 8px;}
.bi_wrap .color_story .color_warp .box .hex li:last-child {margin-bottom: 0;}
.bi_wrap .color_story .color_warp .box .hex li .f20 {color: #666; margin: 0; text-align: left;}
.bi_wrap .color_story .color_warp .box .hex li .f20.cate {color: #000; width: 100px; font-weight: 500; flex-shrink: 0;}


/* 회사소개 - 인증 및 특허 */
.certification_wrap {position: relative; padding-bottom: 100px; z-index: 1; background: #fff;}
.certification_wrap::after {content: ''; display: inline-block; background: #fff; width: 100%; height: 100px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; position: absolute; bottom: -100px; left: 0;}
.certification_wrap .wrapper {display: flex; flex-flow: wrap; gap: 20px;}
.certification_wrap .box {background: #F7F7F7; border-radius: 20px; flex: 0 1 calc(33.3% - 15px);}
.certification_wrap .box .inner {padding: 50px; display: flex; flex-flow: column; justify-content: space-between; height: 150px;}
.certification_wrap .box .text .f18 {color: #1165AC;}
.certification_wrap .box .text .f24 {color: #222; font-weight: 600; margin-top: 4px;}
.certification_wrap .box .date {color: #444; margin-top: 20px;}
#sub.certification .field {background: transparent;}
.patent_wrap {background: #1C2935; padding: 300px 0 200px; position: relative; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}
.patent_wrap .patent_title .f48 {color: #fff;}
.patent_wrap .patent_title .f30 {color: #C8C8C8; font-weight: 400; margin-top: 20px;}
.patent_wrap .tb {margin-top: 50px;}
.patent_wrap .tb::-webkit-scrollbar {width: 5px; height: 5px;}
.patent_wrap .tb::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 50px; border-radius: 10px;}
.patent_wrap .tb::-webkit-scrollbar-track {background:none;}
.patent_wrap .tb table {width: 100%; border-top: 1px solid #fff;}
.patent_wrap .tb table thead th {font-size: 20px; border-bottom: 1px solid rgb(255,255,255,0.2);; color: #fff; padding: 0 4px; height: 84px; vertical-align: middle; font-weight: 600; letter-spacing: -0.5px;}
.patent_wrap .tb table tbody td {font-size: 20px; color: #666; text-align: center; letter-spacing: -0.5px; border-bottom: 1px solid rgb(255,255,255,0.2); color: #C8C8C8; padding: 0 4px; height: 124px; word-break: keep-all; vertical-align: middle; font-weight: 400;}


/* 회사소개 - 오시는 길 */
#sub.location .field {background: transparent;}
.location_wrap {display: flex; flex-flow: wrap; gap: 40px; margin-top: 100px;}
.location_wrap .box {flex: 0 1 calc(50% - 20px); margin-bottom: 90px;}
.location_wrap .box:nth-last-child(-n+2) {margin-bottom: 0;}
.location_wrap .box .image {box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08); display: flex; border-radius: 20px; overflow: hidden;}
.location_wrap .box .image iframe {width: 100% !important;}
.location_wrap .box .location_title {margin-top: 30px; height: 72px;}
.location_wrap .box .location_title .f24 {color: #222; font-weight: 600;}
.location_wrap .box .location_title .f20 {color: #444;}
.location_wrap .box .location_info {border-top: 1px solid #C8C8C8; margin-top: 38px;}
.location_wrap .box .location_info li {display: flex; align-items: center; border-bottom: 1px solid #C8C8C8; padding: 26px 0;}
.location_wrap .box .location_info li .f20 {color:#444;}
.location_wrap .box .location_info li .f20.cate {color: #222; width: 180px; padding: 0 30px; font-weight: 500; flex-shrink: 0;word-break:keep-all;}


/* 홍보센터 - 행사 및 전시 - List */
.pr_tab {display: flex; gap: 10px; margin-bottom: 50px;}
.pr_tab li {border: 1px solid #C8C8C8; height: 60px; display: flex; align-items: center; padding: 0 45px; color: #666; border-radius: 50px; cursor: pointer; transition: all 0.3s;}
.pr_tab li:hover, .pr_tab li.active {background: #1C2935; color: #fff; transition: all 0.3s;}
#sub.event_list .field {background: transparent;}
.event_list .event_main {display: flex; width: 100%; border-radius: 20px; overflow: hidden; background: #fff;}
.event_list .event_main .banner {width: 80%; display: flex; overflow: hidden;}
.event_list .event_main .banner img {width: 100%; transform: scale(1.2,1.2); transition: transform 3000ms ease-in-out;}
.event_list .event_main.aos-animate .banner img  {-webkit-transform: scale(1.0,1.0) rotate(0.002deg); transform: scale(1.0,1.0) rotate(0.002deg);}
.event_list .event_main .banner_info {width: 20%; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08); background: #F7F7F7; padding: 50px; display: flex; flex-flow: column; justify-content: space-between;}
.event_list .event_main .banner_info .bn_title{}
.event_list .event_main .banner_info .bn_title .f18 {color: #fff; background: #1165AC; height: 60px; width: 130px; display: flex; justify-content: center; align-items: center; border-radius: 50px; margin-top: 20px;}
.event_list .event_main .banner_info .bn_title .f30 {font-weight: 700; color: #222; text-decoration: underline;}
.event_list .event_main .banner_info .f24 {color: #444;margin-top:35px;}
.past_event_wrap {margin-top: 200px; background: #fff;}
.past_event_wrap .f36 {font-weight: 600; margin-bottom: 30px;}
.past_event_wrap .past_list {display: flex; flex-flow: wrap; gap: 0px;border-top:1px solid #333;border-bottom:1px solid #333;box-sizing:border-box;}
.past_event_wrap .past_list .box {flex: 0 1 50%; margin-bottom: 0px;padding: 30px 20px;box-sizing:border-box;border-bottom:1px solid #ccc;}
.past_event_wrap .past_list .box a{display:flex;align-items: flex-start;}
.past_event_wrap .past_list .box .thum {border-radius: 0px; overflow: hidden; display: flex;min-width:200px;}
.past_event_wrap .past_list .box .thum img {width: 100%; transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
.past_event_wrap .past_list .box:hover .thum img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
.past_event_wrap .past_list .box .text {margin-top: 0px;padding: 5px 0 5px 20px;}
.past_event_wrap .past_list .box .text .f16 {font-weight: 500; color: #666;}
.past_event_wrap .past_list .box .text .f24 {font-weight: 600; margin: 4px 0 12px; transition: all 0.3s;word-break:keep-all;}
.past_event_wrap .past_list .box:hover .text .f24 {color: #1165AC; transition: all 0.3s;}
.past_event_wrap .past_list .box .text .f20 {color: #666;}


/* 홍보센터 - 행사 및 전시 - Detail */
#sub.event_detail .field {background: transparent;}
.event_detail_title {background: #1C2935; border-top-left-radius: 50px; border-top-right-radius: 50px; padding: 200px 0 300px;}
.event_detail_title .wrapper {display: flex; gap: 100px;}
.event_detail_title .image {width: 50%;}
.event_detail_title .image img {width: 100%;height:auto;}
.event_detail_title .text {width: 50%; display: flex; flex-flow: column; justify-content: center;}
.event_detail_title .text .f40 {color: #fff; text-decoration: underline; margin-bottom: 50px;}
.event_detail_title .text .detail_info li {display: flex; margin-bottom: 10px;}
.event_detail_title .text .detail_info li .f20 {color: rgb(255,255,255,0.8);flex:1;}
.event_detail_title .text .detail_info li .f20.cate {color: #fff; width: 125px; flex-shrink: 0;flex:.5;}
.event_detail_con {background: #fff; position: relative; padding: 100px 0 0;}
.event_detail_con::before {content: ''; display: inline-block;   background: #fff; width: 100%; height: 100px; position: absolute; top: -100px; left: 0; border-top-right-radius: 50px; border-top-left-radius: 50px;}
.event_detail_con .f20 {color: #444;}
.event_detail_con .detail_img_wrap {margin-top: 80px;}
.event_detail_con .detail_img_wrap .two_img {display: flex; justify-content: space-between; gap: 30px;}
.event_detail_con .detail_img_wrap .two_img .image {margin-bottom: 20px; width: 50%;}
.event_detail_con .detail_img_wrap .image img {width: 100%;}
.event_detail_con .detail_btn {display: flex; justify-content: flex-end; margin-top: 50px;}
.event_detail_con .detail_btn .f22 {color: #666; font-weight: 600; border: 1px solid #222; border-radius: 50px; width: 180px; height: 80px; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.event_detail_con .detail_btn .f22:hover {background: #1165AC; border: 1px solid #1165AC; color: #fff; transition: all 0.3s;}


/* 홍보센터 - 행사 및 전시 - Writing */
#sub.event_writing .field {background: transparent;}
.event_writing .f36 {font-weight: 700;}
.event_writing .writingform {padding: 30px 0 60px;}
.event_writing .writingform .info_txt {text-align: right; color: #2062c8; font-weight: 700; margin-bottom: 15px;}
.event_writing .writingform .item .cate {width: 150px; text-align: left; font-weight: 700; flex-shrink: 0;}
.event_writing .writingform .item .cate .essential {font-size: 20px; color: #D30000; position: relative; top: -2px;}
.event_writing .writingform .row {display: flex; gap: 32px; width: 100%; margin-bottom: 30px;}
.event_writing .writingform .row.textarea {margin-top: 60px;}
.event_writing .writingform .row .item {border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; flex: 1 1 calc(50% - 16px);}
.event_writing .writingform input {height: 70px; width: calc(100% - 150px); font-size: 18px; }
.event_writing .writingform input::placeholder {font-size: 18px; color: #777;} 
.event_writing .writingform textarea {font-size: 18px; border: 1px solid #D9D9D9; height: 490px; width: calc(100% - 60px); resize: none; padding: 30px;}
.event_writing .writingform textarea::placeholder {font-size: 18px; color: #777;}
.event_writing .writingform .item2 {padding: 15px 0;}
.event_writing .writingform .filebox {display: flex; align-items: center; width: 100%;}
.event_writing .writingform .filebox .upload-name {display: inline-block;width: calc(100% - 60px); font-size: 18px; font-weight: 400; letter-spacing: -0.5px; color:#222;}
.event_writing .writingform .filebox .btn {display: flex;border-radius: 10px;}
.event_writing .writingform .filebox label {display: flex; align-items: center; justify-content: center; background: #1165AC; cursor: pointer; height: 50px; width: 50px; margin-left: 10px; border-radius: 50%; transition: all 0.3s;}
.event_writing .writingform .filebox label:hover {background: #1C2935; transition: all 0.3s;}
.event_writing .writingform .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.event_writing .writing_btn button {display: flex; justify-content: center; align-items: center; background: #1165AC; border-radius: 10px; margin: 0 auto; width: 300px; height: 80px; cursor: pointer; transition: all 0.3s;}
.event_writing .writing_btn button:hover {background: #1C2935; transition: all 0.3s;}
.event_writing .writing_btn button .f20 {color: #fff; font-weight: 600;}


/* 홍보센터 - 카탈로그 */
#sub.catalog .field {background: transparent;}
.brochure_wrap {background: #F5F5E9; border-radius: 50px; padding: 200px 0 170px;}
.brochure_wrap .wrapper {display: flex; align-items: center; gap: 100px;}
.brochure_wrap .brochure {width: 50%;}
.brochure_wrap .brochure img {width: 100%;}
.brochure_wrap .txt {width: 50%;}
.brochure_wrap .txt .brochure_title .f24 {color: #222; font-weight: 500; margin-bottom: 10px;}
.brochure_wrap .txt .brochure_title .f40 {color: #222; font-weight: 700;}
.brochure_wrap .txt .con_txt {color: #444; margin-top: 50px;}
.brochure_wrap .btn_wrap {display: flex; gap: 10px; margin-top: 100px;}
.brochure_wrap .btn_wrap a {border: 1px solid #222; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; width: 260px; height: 72px; padding: 0 20px; transition: all 0.3s;}
.brochure_wrap .btn_wrap a .f20 {color: #000; transition: all 0.3s;}
.brochure_wrap .btn_wrap a .icon {background: url('../images/catalog_download_icon.png') no-repeat center / cover; width: 36px; height: 36px; transition: all 0.3s;}
.brochure_wrap .btn_wrap a:hover {border: 1px solid #1165AC; background: #1165AC;}
.brochure_wrap .btn_wrap a:hover .f20 {color: #fff; transition: all 0.3s;}
.brochure_wrap .btn_wrap a:hover .icon {background: url('../images/catalog_download_icon_w.png') no-repeat center / cover; transition: all 0.3s;}
.brochure_top {background: #F5F5E9; border-radius: 50px; padding: 200px 0 170px;}
.brochure_top .wrapper {display: flex; gap: 80px; max-width: 1400px; margin: 0 auto;}
.brochure_top .box {width: 33.3%;}
.brochure_top .box .f26 {text-align: center; margin-bottom: 20px; font-weight: 600;}
.brochure_top .box .image {}
.brochure_top .box .image img {width: 100%;}
.brochure_top .btn_wrap {margin-top: 25px; width: 100%;}
.brochure_top .btn_wrap a {border: 1px solid #222; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; height: 72px; padding: 0 20px; transition: all 0.3s;}
.brochure_top .btn_wrap a .f20 {color: #000; transition: all 0.3s;}
.brochure_top .btn_wrap a .icon {background: url('../images/catalog_download_icon.png') no-repeat center / cover; width: 36px; height: 36px; transition: all 0.3s;}
.brochure_top .btn_wrap a:hover {border: 1px solid #1165AC; background: #1165AC;}
.brochure_top .btn_wrap a:hover .f20 {color: #fff; transition: all 0.3s;}
.brochure_top .btn_wrap a:hover .icon {background: url('../images/catalog_download_icon_w.png') no-repeat center / cover; transition: all 0.3s;}


.catalog_ilst_wrap {padding: 200px 0 0; background: #fff;}
.catalog_ilst_wrap .search .searchbox {width: calc(100% - 30px); padding:20px 15px; background:#f7f7f7; display:flex; border-radius:10px; margin-bottom: 30px;border:2px solid #005eae;}
.catalog_ilst_wrap .search .searchbox .inputbox {width:97%; place-self:center; background:#f7f7f7; font-size:18px;}
.catalog_ilst_wrap .search .searchbox .inputbox::placeholder{font-weight:700;}
.catalog_ilst_wrap .search .searchbox .inputbox::-webkit-input-placeholder{
	font-weight:700;
}

.catalog_ilst_wrap .search .searchbox .inputbox:-ms-input-placeholder{
	font-weight:700;
}
.catalog_ilst_wrap .catalog_ilst {display: flex; flex-flow: wrap; gap: 40px;}
.catalog_ilst_wrap .catalog_ilst .box {flex: 0 1 calc(25% - 30px); margin-bottom: 60px;}
.catalog_ilst_wrap .catalog_ilst .box .image {display: flex; border-radius: 30px; overflow: hidden;}
.catalog_ilst_wrap .catalog_ilst .box .image img {width: 100%;    transform: scale(1.0,1.0); transition: transform 1000ms ease-in-out;}
.catalog_ilst_wrap .catalog_ilst .box .text {margin-top: 30px; display: flex; justify-content: space-between;}
.catalog_ilst_wrap .catalog_ilst .box .text .left .f24 {font-weight: 600; transition: all 0.3s;}
.catalog_ilst_wrap .catalog_ilst .box .text .left .f20 {color: #666; margin-top: 6px;}
.catalog_ilst_wrap .catalog_ilst .box .text .icon {width: 50px; height: 50px; border: 1px solid #222; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin-left: 10px; flex-shrink: 0; transition: all 0.3s; transition: all 0.3s;}
.catalog_ilst_wrap .catalog_ilst .box .text .icon span {width: 30px; height: 30px; display: inline-block; transition: all 0.3s;}
.catalog_ilst_wrap .catalog_ilst .box .text .icon .down {background: url('../images/catalog_ilst_downbtn.png') no-repeat center / cover;}
.catalog_ilst_wrap .catalog_ilst .box .text .icon .video {background: url('../images/catalog_ilst_videobtn.png') no-repeat center / cover;}
.catalog_ilst_wrap .catalog_ilst .box:hover .image img {-webkit-transform: scale(1.1,1.1) rotate(0.002deg); transform: scale(1.1,1.1) rotate(0.002deg); transition: transform 1500ms ease-in-out;}
.catalog_ilst_wrap .catalog_ilst .box:hover .text .left .f24 {text-decoration: underline; transition: all 0.3s;}
.catalog_ilst_wrap .catalog_ilst .box:hover .text .icon {background: #1165AC; border:1px solid #1165AC; transition: all 0.3s;}
.catalog_ilst_wrap .catalog_ilst .box:hover .text .icon .down {background: url('../images/catalog_ilst_downbtn_w.png') no-repeat center / cover; transition: all 0.3s;}
.catalog_ilst_wrap .catalog_ilst .box:hover .text .icon .video {background: url('../images/catalog_ilst_videobtn_w.png') no-repeat center / cover; transition: all 0.3s;}

/***************** 2023-11-13 추가 끝 *****************/




.download_search .search_wrap {padding: 60px 100px 0;}
.download_search .search_wrap .search_box {width:100%; border-radius: 20px; border:2px solid #005eae; display:flex; box-sizing: border-box;overflow:hidden;}

.download_search .search_wrap .search_box .box {display: flex; align-items: center;}
.download_search .search_wrap .search_box .box .cate {font-size: 16px; color: #fff; margin: 0 30px;}
.download_search .search_wrap .search_box .box select {}
.download_search .search_wrap .search_box select {display:none !important;width:230px; border-right:2px solid #005eae; background:rgba(0,0,0,0); padding: 0 25px; box-sizing:border-box; color:#222; font-weight:700;height: 65px; font-size: 16px; appearance:none; background:url('../images/icon_select_arrow.png') no-repeat right 24px center;}
.download_search .search_wrap .search_box input {width:100%; padding: 0 25px; box-sizing:border-box; background:rgba(0,0,0,0); color:#000; height: 65px; font-size: 18px;}
.download_search .search_wrap .search_box input:placeholder {color:#222;font-weight:700;}
.download_search .search_wrap .search_box input::-webkit-input-placeholder {color:#222;font-weight:700;}
.download_search .search_wrap .search_box input:-ms-input-placeholder {color:#222;font-weight:700;}
.download_search .search_wrap .search_box button {width:170px; padding:15px; background:#1165AC; color:#fff; border-radius:0px; font-size: 18px; cursor: pointer;}



.download_list{padding: 100px 100px; background: #fff; border-radius: 0 0 50px 50px}
.download_list .box{}
.download_list .box + .box{margin-top: 90px}
.download_list .box h2{color: #222; font-size: 36px; font-weight: bold;}
.download_list .box .box_list{display: flex; gap:10px 20px; flex-wrap: wrap; margin-top: 10px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.download_list .box .box_list a{background: #e8f1f8; font-size: 18px; text-align: center; color: #222; width:calc(16% - 10px); height: 40px; line-height: 40px; transition-duration: .5s;    overflow: hidden;
    text-overflow: ellipsis;}

.download_list .box .box_list a:hover{color: #fff; background: #1165ac; transition-duration: .5s}



.down_view_box{width: 330px; margin: 0 auto; padding: 35px 30px; text-align: center; border: 2px solid #2072b8}
.down_view_box p{margin-top: 15px; color: #999999; font-size: 20px; }
.down_view_box h3{font-size: 30px; font-weight: bold; color: #222222; margin-top: 8px}

.down_view_list{margin-top: 100px}
.down_view_list + .down_view_list{margin-top: 70px}
.down_view_list h3{font-size: 26px; color: #222; font-weight: bold}
.down_view_list .tlb{margin-top: 20px}
.down_view_list .tlb table{}
.down_view_list .tlb th{background: #e8f1f8; font-size: 22px; color: #222; font-weight: bold; text-align: left; padding:15px 25px}
.down_view_list .tlb td{background: #fff; font-size: 18px; color: #666; font-weight: bold; text-align: left; padding:15px 25px; border-bottom: 1px solid #f2f2f2; font-weight: 400}
.down_view_list .tlb td b{color: #222; font-weight: 400}
.down_view_list .tlb td.down_btn{width: 35px; padding: 15px}