@media screen and (max-width: 1180px) {
	
.download_search .search_wrap {padding: 50px 3% 0;}
.download_list{padding:  80px 3% 100px;}
	
	
.recommend{width:100%; padding:150px 3% 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:40px; color:#222; font-weight:bold;}
.recommend .recommend-list{width:100%; display:flex; flex-flow:wrap; gap:15px; margin-top:30px;}
.recommend .recommend-list dd{width:49%; background:#fff; padding:20px; border-radius:20px; box-sizing:border-box; flex:auto}
.recommend .recommend-list dd .name{font-size:22px;color:#222;font-weight:bold;}
.recommend .recommend-list dd .number{font-size:18px;color:#444;margin-top:10px;}
.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:1
	}
	
	#sub .nav{
		width:100%;
		padding:0px 3%;
		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 .title{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:10px;
		font-size:36px;
		font-weight:bold;
		word-break:keep-all;
	}

	
	#sub .sub-tit-a{
		width:100%;
		padding:0px 3%;
		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 3%;
		box-sizing:border-box;
		display:flex;
		margin-top:30px;
	}
	
	#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:#555;
	}
	
	
	#sub .sub-tabmenu .current a{
		color:#1165AC;
		border-bottom:1px solid #1165AC;
		font-weight:600;
	}
	
	
}

@media screen and (max-width: 767px) {
	
.recommend{width:100%; padding:150px 3% 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:24px; color:#222; font-weight:bold;word-break:keep-all;}
.recommend .recommend-list{width:100%; display:flex; flex-flow:wrap; gap:15px; margin-top:30px;}
.recommend .recommend-list dd{width:100%; background:#fff; padding:20px; border-radius:20px; box-sizing:border-box; flex:auto}
.recommend .recommend-list dd .name{font-size:22px;color:#222;font-weight:bold;}
.recommend .recommend-list dd .number{font-size:18px;color:#444;margin-top:10px;}
.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}
.tbl_down .dest .dtit{word-break:keep-all;}
.tbl_down .dest .lnk_dn{position:relative;top:auto;right:auto;display:block;margin-top:18px;text-align:left;}

.tbl_down .dest{margin-right:0;padding-right:0;}

.download_search .search_wrap {padding: 40px 3% 0;}
.download_list {padding: 60px 3% 80px;}

.tbl_down { font-size:13px; }
	.tbl_down tbody tr > * { padding:8px 10px; }
	.tbl_down .dn_th { width:125px; padding-left:5px; padding-right:5px; }
	.tbl_down .lnk_dn { padding-right:26px; line-height:18px; background-image:url('../images/icon/dn_ico_b_2x.png'); background-size:auto 14px; }
	.tbl_down .lnk_dn:hover { text-decoration:none; }
	.tbl_down .dn_fileName + col { width:120px; }

	
	#sub{
		width:100%;
		position:Relative;
		z-index:1
	}
	
	#sub .nav{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:80px
	}
	
	#sub .nav div{
		font-size:13px;
		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:13px;
		color:#666666;
	}
	
	#sub .title{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:10px;
		font-size:30px;
		font-weight:bold;
	}

	
	#sub .sub-tit-a{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:50px
	}
	
	#sub .sub-tit-a .tit{
		font-size:26px;
		color:#222;
		font-weight:bold;
	}
	
	#sub .sub-tit-a .subs{
		font-size:18px;
		color:#666;
		margin-top:10px;
	}
	
	
	#sub .sub-tabmenu{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		display:flex;
		margin-top:30px;
		flex-flow:wrap;
	}
	
	#sub .sub-tabmenu li{
		width:33.333%;
		text-align:center;
		font-size:15px;
	}
	
	#sub .sub-tabmenu li a{
		width:100%;
		display:block;
		padding:20px 0px;
		border-bottom:1px solid #D9D9D9;
		color:#555;
	}
	
	
	#sub .sub-tabmenu .current a{
		color:#1165AC;
		border-bottom:1px solid #1165AC;
		font-weight:600;
	}
	
	
}





@media screen and (max-width: 1180px) {
	
	
	#sub .product-list-area{
		width:100%;
		padding:0px 3% 100px;
		display:block;
		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:100%;
		place-self:start;
		margin-top:40px;
		padding-right:50px;
		box-sizing:border-box;
		display:none;
	}
	
	#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 .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:20px;
		
	}
	
	#sub .product-list-area .product-list dd{
		width:30%;
		flex:auto;
		background:#fff;
		border-radius:20px;
		padding:20px;
		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;
	}
	
	
	#sub .product-list-area .product-list .name{
		width:100%;
		text-align:center;
		font-size:24px;
		margin-top:35px;
		font-weight:bold;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .product-list-area .product-list .number{
		width:100%;
		text-align:center;
		font-size:16px;
		margin-top:10px;
	}
	
	#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 3% 100px;
		background:#1C2935;
		box-sizing:border-box;
		margin-top:70px;
		display:block;
		border-radius:50px 50px 0px 0px;
	}
	
	#sub .product-view-area .product-view .top-info-area .thum-area{
		width:100%;
		padding-right:0px;
		box-sizing:border-box;
		place-self:start;
		margin-top:0px;
		padding-top:3%;
	}
	
	#sub .product-view-area .product-view .top-info-area .thum-area .thum-visual{
		width:100%;
		background:#f7f7f7;
		border-radius:50px;
		overflow:hidden;
	}
	
	#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:10px;
	}
	
	
	#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;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area{
		width:100%;
		padding-left:0px;
		box-sizing:border-box;
		place-self:start;
		margin-top:50px;
	}
	
	
	#sub .product-view-area .product-view .top-info-area .info-area .name{
		font-size:30px;
		color:#fff;
		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;
	}
	
	#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;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .function-list li{
		width:100%;
		display:inline-block;
		border-radius:10px;
		background:#13202C;
		margin-left:10px;
	}
	
	#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:10px;
		display:flex;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li{
		width:100%;
		margin-left:10px;
		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: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;
	}
	
	#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:16px;
		color:#fff;
		margin-left:5px;
	}
	
	#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: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 3%;
		box-sizing:border-box;
		background:#fff;
		border-radius:50px;
		z-index:2;
		position:relative;
	}
	
	#sub .product-view-area .product-view .information .tit{
		font-size:40px;
		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:block;
	}
	
	
	#sub .product-view-area .product-view .information .info-list dd .subjA{
		width:100%;
		padding-right:0px;
		box-sizing:border-box;
		color:#222;
		font-weight:bold;
		font-size:25px;
		place-self:start;
	}
	
	
	
	
	#sub .product-view-area .product-view .information .ct{
		width:100%;
		margin-top:30px;
	}
	
	
	
	#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{
		
	}
	
	#sub .product-view-area .product-view .information .video-list li{
		margin:0px 10px;
		width:100%;
	}
	
	
	#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%;
	}
	
	#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:10px;
	}
	
	#sub .product-view-area .product-view .information .download-list li{
		width:32%;
		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:18px;
		font-weight:600;
		color:#222;
		width:100%; 
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .product-view-area .product-view .information .download-list li .subs{
		font-size:18px;
		color:#444;
		margin-top:10px;
		width:100%; 
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#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;
	}
	







}


@media screen and (max-width: 767px) {
	
	
	
	
	
	#sub .product-list-area{
		width:100%;
		padding:0px 3% 100px;
		display:block;
		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;
		display:none;
	}
	
	#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 .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:20px;
		
	}
	
	#sub .product-list-area .product-list dd{
		width:30%;
		flex:auto;
		background:#fff;
		border-radius:20px;
		padding:20px;
		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;
	}
	
	
	#sub .product-list-area .product-list .name{
		width:100%;
		text-align:center;
		font-size:24px;
		margin-top:35px;
		font-weight:bold;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .product-list-area .product-list .number{
		width:100%;
		text-align:center;
		font-size:16px;
		margin-top:10px;
	}
	
	#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 3% 100px;
		background:#1C2935;
		box-sizing:border-box;
		margin-top:20px;
		display:block;
		border-radius:50px 50px 0px 0px;
	}
	
	#sub .product-view-area .product-view .top-info-area .thum-area{
		width:100%;
		padding-right:0px;
		box-sizing:border-box;
		place-self:start;
		margin-top:0px;
		padding-top:3%;
	}
	
	#sub .product-view-area .product-view .top-info-area .thum-area .thum-visual{
		width:100%;
		background:#f7f7f7;
		border-radius:50px;
		overflow:hidden;
	}
	
	#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:10px;
	}
	
	
	#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;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area{
		width:100%;
		padding-left:0px;
		box-sizing:border-box;
		place-self:start;
		margin-top:50px;
	}
	
	
	#sub .product-view-area .product-view .top-info-area .info-area .name{
		font-size:28px;
		color:#fff;
		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:16px;
		color:#777;
		margin-top:20px;
	}
	
	#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:18px;
		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:14px;
	}
	
	
	
	
	#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:0px;
		box-sizing:border-box;
		flex-flow:wrap;
		gap:5px
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .function-list li{
		width:23%;
		display:inline-block;
		border-radius:10px;
		background:#13202C;
		margin-left:0px;
	}
	
	#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:10px;
		display:block;
		padding-left:0px;
		box-sizing:border-box;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area .de-info-list dd .category-list li{
		width:100%;
		margin-left:0px;
		margin-top:0px;
		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: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;
	}
	
	#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:16px;
		color:#fff;
		margin-left:25px;
	}
	
	#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 15px 15px 60px;
		box-sizing:border-box;
		background:#F5F5E9;
		margin-top:2%;
		border-radius:5px;
		position:relative;
		cursor:pointer;
		display:flex;
		align-items:center;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area .btn-list li a{
		word-break:keep-all;
	}
	
	#sub .product-view-area .product-view .top-info-area .info-area .btn-list li:before{
		content:'';
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
		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 3%;
		box-sizing:border-box;
		background:#fff;
		border-radius:50px;
		z-index:2;
		position:relative;
	}
	
	#sub .product-view-area .product-view .information .tit{
		font-size:30px;
		font-weight:bold;
		color:#222;
	}
	
	
	#sub .product-view-area .product-view .information .nm{
		font-size:16px;
		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:block;
	}
	
	
	#sub .product-view-area .product-view .information .info-list dd .subjA{
		width:100%;
		padding-right:0px;
		box-sizing:border-box;
		color:#222;
		font-weight:bold;
		font-size:24px;
		place-self:start;
	}
	
	
	
	
	#sub .product-view-area .product-view .information .ct{
		width:100%;
		margin-top:30px;
	}
	
	
	
	#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:18px;
		font-weight:600;
	}
	
	
	#sub .product-view-area .product-view .information .pro-list li .subs{
		width:100%;
		margin-top:10px;
		color:#444;
		font-size:15px;
		line-height:24px;
	}
	
	
	
	
	#sub .product-view-area .product-view .information .video-list{
		
	}
	
	#sub .product-view-area .product-view .information .video-list li{
		margin:0px 10px;
		width:100%;
	}
	
	
	#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%;
	}
	
	#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:10px;
	}
	
	#sub .product-view-area .product-view .information .download-list li{
		width:100%;
		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:18px;
		font-weight:600;
		color:#222;
		width:100%; 
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .product-view-area .product-view .information .download-list li .subs{
		font-size:18px;
		color:#444;
		margin-top:10px;
		width:100%; 
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .product-view-area .product-view .information .download-list li:before{
		content:'';
		position:absolute;
		left:20px;
		width:35px;
		height:35px;
		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;
	}
	




}





@media screen and (max-width: 1180px) {
		
	#sub .field{
		width:100%;
	}
	
	#sub .field .field-ct{
		width:100%;
		padding:100px 3%;
		background:#fff;
		border-radius:0px 0px 50px 50px;
		position:relative;
		z-index:2;
		box-sizing:border-box;
		display:block;
	}
	
	
	#sub .field .field-ct .tit{
		width:100%;
		place-self:start;
		font-size:32px;
		color:#222;
		font-weight:700;
		position:sticky;
		top:150px;
	}
	
	#sub .field .field-ct .ct{
		width:100%;
		place-self:start;
		margin-top:30px;
	}
	
	#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:20px 0px 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:inline-block;
	}
	
	
	#sub .field .field-ct .ct .field-list dd .ico img{
		height:65px;
	}
	
	
	#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;
	}
	
	

}

@media screen and (max-width: 767px) {
		
	#sub .field{
		width:100%;
	}
	
	#sub .field .field-ct{
		width:100%;
		padding:100px 3%;
		background:#fff;
		border-radius:0px 0px 50px 50px;
		position:relative;
		z-index:2;
		box-sizing:border-box;
		display:block;
	}
	
	
	#sub .field .field-ct .tit{
		width:100%;
		place-self:start;
		font-size:26px;
		color:#222;
		font-weight:700;
		position:relative;
		top:0px;
	}
	
	#sub .field .field-ct .ct{
		width:100%;
		place-self:start;
		margin-top:30px;
	}
	
	#sub .field .field-ct .ct .subs{
		font-size:16px;
		color:#444;
		word-break:keep-all;
		line-height:26px;
	}
	
	#sub .field .field-ct .ct .subs .slogan{
		width:100%;
		display:block;
		margin:10px 0px 10px;
		font-size:18px;
		color:#1165AC;
		font-weight:500;
		line-height:28px;
	}
	
	
	#sub .field .field-ct .ct .field-list{
		width:100%;
		margin-top:80px;
		display:flex;
		flex-flow:wrap;
		gap:10px;
	}
	
	#sub .field .field-ct .ct .field-list dd{
		width:100%;
		border:1px solid #d9d9d9;
		padding:30px;
		box-sizing:border-box;
		border-radius:20px;
	}
	
	
	#sub .field .field-ct .ct .field-list dd .ico{
		display:inline-block;
	}
	
	
	#sub .field .field-ct .ct .field-list dd .ico img{
		height:65px;
	}
	
	
	#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;
	}
	
	

}






@media screen and (max-width: 1180px) {
	
	#sub .counsel{
		width:100%;
	}
	
	#sub .counsel .form{
		width:100%;
		padding:50px 3% 50px;
		box-sizing:border-box;
		display:flex;
		flex-flow:wrap
	}
	
	#sub .counsel .form dd{
		margin-left:0%;
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		display:flex;
		margin-top:30px;
		width:100%
	}
	
	
	#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: 19vw;
	}
	
	#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:18px;
		color:#222;
		
	}
	
	#sub .counsel .form .w100{
		width:100%;
		
	}
	
	#sub .counsel .form .w100 textarea{
		width:100%;
	}
	
	#sub .counsel .term{
		width:100%;
		padding:0px 3% 100px 3%;
		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 3% 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 3% 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 3% 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:block;
	}
	
	#sub .shop-list-area .shop-list dd .pos-area{
		width:100%;
	}
	
	#sub .shop-list-area .shop-list dd .pos-area .kr{
		font-size:22px;
		color:#fff;
		font-weight:500;
	}
	
	#sub .shop-list-area .shop-list dd .pos-area .en{
		font-size:16px;
		color:#fff;
		opacity:50%;
		margin-top:10px;
	}
	
	#sub .shop-list-area .shop-list dd .shop-info{
		width:100%;
		margin-top:30px;
	}
	
	
	#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:30%;
		display:inline-block;
		vertical-align:top;
		font-size:18px;
		color:#fff;
		opacity:70%;
	}
	
	#sub .shop-list-area .shop-list dd .shop-info li .subs{
		width:69%;
		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 3%;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	#sub .faq .search .searchbox{
		width:100%;
		padding:20px 15px;
		background:#f7f7f7;
		display:flex;
		border-radius:10px;
	}
	
	#sub .faq .search .searchbox .inputbox{
		width:95%;
		place-self:center;
		background:#f7f7f7;
		font-size:16px;
	}
	
	#sub .faq .ct-a{
		width:100%;
		margin-top:50px;
		padding:100px 3%;
		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:18px;
	}
	
	#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;
	}
	
	#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;
	}
	
	#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;
	}

}


@media screen and (max-width: 767px) {
	
	#sub .counsel{
		width:100%;
	}
	
	#sub .counsel .form{
		width:100%;
		padding:50px 3% 50px;
		box-sizing:border-box;
		display:flex;
		flex-flow:wrap
	}
	
	#sub .counsel .form dd{
		margin-left:0%;
		padding:15px 0px;
		border-bottom:1px solid #e5e5e5;
		display:flex;
		margin-top:30px;
		width:100%
	}
	
	
	#sub .counsel .form dd:nth-child(2n+1){
		margin-left:0%;
	}
	
	
	
	#sub .counsel .form dd label{
		width:20%;
		font-size:14px;
		color:#222;
		font-weight:500;
	}
	
	#sub .counsel .form dd label span{
		color:#d30000;
	}
	#sub .counsel .form dd .inputline{
		width:80%;
		font-size:14px;
		color:#222;
	}
	
	
	#sub .counsel .form dd .inputline2{
		width:40%;
		font-size:14px;
		color:#222;
		
	}
	
	#sub .counsel .form .w100{
		width:100%;
		
	}
	
	#sub .counsel .form .w100 textarea{
		width:100%;
	}
	
	#sub .counsel .term{
		width:100%;
		padding:0px 3% 100px 3%;
		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:24px;
		color:#222;
		font-weight:600;
	}
	
	#sub .counsel .term .termbox{
		width:100%;
		padding:20px;
		background:#f7f7f7;
		font-size:14px;
		color:#666;
		line-height:23px;
		margin-top:20px;
		box-sizing:border-box;
	}
	
	
	#sub .counsel .term .agree-area{
		width:100%;
		display:inline-block;
		margin-top:10px;
		font-size:14px;
	}
	
	
	#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 3% 100px;
		box-sizing:border-box;
		margin-top:-50px;
	}
	
	#sub .AScenter .tit{
		font-size:24px;
		color:#222;
		font-weight:600;
	}
	
	#sub .AScenter .map{
		width:100%;
		height:300px;
		border-radius:50px;
		overflow:hidden;
		margin-top:20px;
	}
	
	#sub .AScenter .info-list{
		width:100%;
		display:block;
		margin-top:30px;
	}
	
	#sub .AScenter .info-list dd{
		width:100%;
		padding-right:0px;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	#sub .AScenter .info-list dd:first-child{
		width:100%;
	}
	
	
	#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;
		word-break:keep-all;
	}
	
	#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 3% 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 3% 100px;
		box-sizing:border-box;
		margin-top:-50px;
	}
	
	#sub .shop-list-area .tit{
		width:100%;
		color:#fff;
		font-weight:500;
		font-size:24px;
	}
	
	
	#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:block;
	}
	
	#sub .shop-list-area .shop-list dd .pos-area{
		width:100%;
	}
	
	#sub .shop-list-area .shop-list dd .pos-area .kr{
		font-size:18px;
		color:#fff;
		font-weight:500;
	}
	
	#sub .shop-list-area .shop-list dd .pos-area .en{
		font-size:14px;
		color:#fff;
		opacity:50%;
		margin-top:10px;
	}
	
	#sub .shop-list-area .shop-list dd .shop-info{
		width:100%;
		margin-top:30px;
	}
	
	
	#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:100%;
		display:inline-block;
		vertical-align:top;
		font-size:16px;
		color:#fff;
		opacity:70%;
	}
	
	#sub .shop-list-area .shop-list dd .shop-info li .subs{
		width:100%;
		display:inline-block;
		vertical-align:top;
		color:#fff;
		opacity:0.9;
		font-size:14px;
		margin-top:10px;
		word-break:keep-all;
	}
	
	
	
	/*faq*/
	
	#sub .faq{
		width:100%;
		margin-top:70px;
	}
	
	#sub .faq .search{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	#sub .faq .search .searchbox{
		width:100%;
		padding:20px 15px;
		background:#f7f7f7;
		display:flex;
		border-radius:10px;
	}
	
	#sub .faq .search .searchbox .inputbox{
		width:95%;
		place-self:center;
		background:#f7f7f7;
		font-size:16px;
	}
	
	#sub .faq .ct-a{
		width:100%;
		margin-top:50px;
		padding:100px 3%;
		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:16px;
	}
	
	#sub .faq .ct-a .tit{
		font-size:24px;
		color:#222;
		margin-top:50px;
		font-weight:600;
	}
	
	#sub .faq .ct-a .faq-list{
		width:100%;
		margin-top:20px;
	}
	
	#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;
	}
	
	#sub .faq .ct-a .faq-list dd .subj-line .subj{
		width:95%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		color:#222;
		font-size:16px;
		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:30px
	}
	
	
	#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 수정 시작 *****************/

@media (max-width: 1750px) {
	.cs_download_wrap {padding: 10vw 0;}
	#sub.company_overview .slogan_wrap {padding: 10vw 0 100px;}
	.event_detail_title {padding: 9vw 0 16vw;}
	.event_detail_con {padding: 3vw 0 0;}
	.brochure_wrap {padding: 10vw 0 120px;}
	.brochure_top {padding: 10vw 0 120px;}
	.catalog_ilst_wrap {padding: 10vw 0 0;}

}



@media (max-width: 1600px) {
	.bottom_bg_w {height: 150px;}
	#sub.company_overview .slogan_wrap .banner .text {font-size: 4vw; line-height: 4vw; bottom: 155px;}
	.bi_wrap .top_logo_wrap .image img {max-width: 44vw;}
	.bi_wrap .icon_txt_wrap {margin: 150px 0;}
	.bi_wrap .color_story {margin: 150px 0 0;}
	.bi_wrap .color_story .color_warp {margin-top: 60px; gap: 40px;}
	.bi_wrap .color_story .color_warp .box .sewoo_color {height: 18vw;}
	.bi_wrap .color_story .color_warp .box .sewoo_color .text {bottom: 30px; left: 40px;}
	.bi_wrap .color_story .color_warp .box .hex {padding: 20px 30px 25px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
	.patent_wrap {padding: 250px 0 200px;}
	.location_wrap {margin-top: 80px;}
	.location_wrap .box {margin-bottom: 60px;}
	.location_wrap .box .location_info li .f20.cate {padding: 0;}
	.location_wrap .box .location_info {margin-top: 25px;}
	.past_event_wrap {margin-top: 150px;}
	.event_detail_title .wrapper {gap: 60px;}
	.event_detail_title .text .f40 {margin-bottom: 40px;}
	.event_detail_title .text .detail_info li .f20.cate {width: 90px;}
	.event_writing .writingform {padding: 20px 0 40px;}
	.brochure_wrap .wrapper {gap: 60px;}
	.brochure_wrap .txt .con_txt {margin-top: 40px;}
	.brochure_wrap .btn_wrap {margin-top: 60px;}


	.cs_download_wrap .down_list_wrap .box .hover {padding: 0 20px 30px; width: calc(100% - 40px);}

	.cs_download_wrap .down_list_wrap .box.active .default .f24 {padding: 0 20px;}
	.cs_download_wrap .down_list_wrap .box .hover ul li {font-size: 18px; line-height: 26px; padding-left: 12px;}
	.cs_download_wrap .down_list_wrap .box .hover ul li::before {top: 10px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .f20 {font-size: 18px; line-height: 26px;}
	#sub.company_overview .history_wrap .box .f48 span.big_txt {font-size: 3.5vw;}



}


@media (max-width: 1440px) { 
	.title_mg {margin-bottom: 60px;}
	#sub .field .field-ct .ct .field-list {gap: 30px;}
	#sub .field .field-ct .ct .field-list dd {width: calc(50% - 15px);}
	.recommend .recommend-list {gap:20px;}
	.recommend .recommend-list dd {flex: 0 1 calc(33.3% - 14px);}
	.cs_download_wrap .down_list_wrap {gap: 30px; margin-top: 50px;}
	.cs_download_wrap .down_list_wrap .box {flex: 0 1 calc(33.3% - 20px);}
	#sub.company_overview .slogan_wrap .banner {padding-bottom: 100px;}
	#sub.company_overview .slogan_wrap .banner .text {bottom: 135px;}
	#sub.company_overview .slogan_wrap .icon_txt li {padding: 0 30px;}
	#sub.company_overview .history_wrap .box {margin-top: 150px;}
	#sub.company_overview .history_wrap .box .history_con ul li .year {width: 120px;}
	#sub.company_overview .history_wrap .box .history_con .f36{margin-top:40px;}
	#sub.company_overview .history_wrap .box .history_con ul {margin-top: 60px;}
	.bi_wrap .top_logo_wrap .image {height: 40vw;}
	.bi_wrap .top_logo_wrap .btn_wrap a {height: 70px;}
	.bi_wrap .icon_txt_wrap .box .icon img {max-width: 11vw;}
	.bi_wrap .icon_txt_wrap .box .text {margin-top: 50px;}
	.bi_wrap .logo_wrap {height: 30vw;}
	.bi_wrap .color_story .f20 {margin-top: 20px;}
	.bi_wrap .color_story .color_warp {gap: 20px; margin-top: 50px;}
	.bi_wrap .color_story .color_warp .box .hex li .f20 {font-size: 16px; line-height: 24px;}
	.bi_wrap .color_story .color_warp .box .hex li .f20.cate {width: 60px;}
	.certification_wrap {padding-bottom: 50px;}
	.certification_wrap .wrapper {gap: 14px;}
	.certification_wrap .box .inner {padding: 35px 30px;}
	.certification_wrap .box .text .f24 {font-size: 20px; line-height: 28px;}
	.location_wrap {margin-top: 60px;}
	.event_list .event_main .banner_info {padding: 40px;}
	.event_list .event_main .banner_info .f24 {font-size: 20px; line-height: 28px;}
	.pr_tab {margin-bottom: 40px;}
	.past_event_wrap {margin-top: 100px;}
	.past_event_wrap .f36 {margin-bottom: 20px;}
	.past_event_wrap .past_list {gap: 0px;}
	.past_event_wrap .past_list .box {flex: 0 1 50%;}
	.past_event_wrap .past_list .box .text {margin-top:0px;}
	.past_event_wrap .past_list .box a{    align-items: center;}
	.past_event_wrap .past_list .box .text .f24 {margin: 4px 0 10px;font-size:18px;}
	.past_event_wrap .past_list .box .text .f16{font-size:14px;}
	.past_event_wrap .past_list .box .text .f20{font-size:14px;}
	.event_detail_con {padding: 0;}
	.event_writing .writing_btn button {height: 70px;}
	.event_writing .writingform .item .cate {width: 100px;}
	.event_writing .writingform input {width: calc(100% - 100px);}
	.event_writing .writingform textarea {height: 30vw; margin-bottom: 10px;}
	.brochure_wrap .txt .con_txt {font-size: 18px; line-height: 26px; margin-top: 30px;}
	.brochure_wrap .btn_wrap a {height: 65px;}
	.brochure_wrap .txt .brochure_title .f24 {margin-bottom: 4px;}
	.brochure_wrap .btn_wrap a .f20{font-size: 18px; line-height: 26px;}
	.brochure_top .wrapper {gap: 60px;}
	.brochure_top .btn_wrap a {height: 65px;}
	.brochure_top .btn_wrap a .f20{font-size: 18px; line-height: 26px;}
	.catalog_ilst_wrap .catalog_ilst {gap: 30px;}
	.catalog_ilst_wrap .catalog_ilst .box {flex: 0 1 calc(33.3% - 20px);}
	.catalog_ilst_wrap .catalog_ilst .box .text {margin-top: 20px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .left .f20 {font-size: 18px; line-height: 26px; margin-top: 4px;}
	.cs_download_wrap .down_list_wrap .box .hover ul {padding-top: 20px; margin-top: 10px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap {margin-top: 20px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a {height: 60px; padding: 0 14px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .icon img {width: 30px;}

}




@media (max-width: 1200px) { 
	.sub-tit-a .f30 {margin-top: 14px;}
	.sub-tit-a .f20 {margin-top: 35px;}
	.cs_download_wrap {padding: 80px 0 100px;}
	.cs_download_wrap .down_list_wrap {gap: 14px;}
	.cs_download_wrap .down_list_wrap .box {flex: 0 1 calc(33.3% - 10px);}
	#sub.company_overview .sub-tit-a .text_bg {font-size: 140px; bottom: -30px;}
	#sub.company_overview .slogan_wrap {padding: 100px 0 40px;}
	.bi_wrap .logo_wrap .bi_logo img {max-width: 30vw;}
	.bi_wrap .color_story .color_warp .box .sewoo_color .text {bottom: 20px; left: 30px;}
	.certification_wrap .wrapper {gap: 10px;}
	.certification_wrap .box {border-radius: 14px; flex: 0 1 calc(33.3% - 7px);}
	.certification_wrap .box .inner {padding: 28px 24px;}
	.certification_wrap .box .text .f18 {font-size: 16px; line-height: 24px;}
	.patent_wrap {padding: 200px 0 150px;}
	.patent_wrap .patent_title .f30 {margin-top: 10px;}
	.patent_wrap .tb table thead th {height: 70px;}
	.patent_wrap .tb table tbody td {height: 100px;}
	.location_wrap .box .location_title {height: 60px;}
	.event_list .event_main .banner_info {padding: 30px;}
	.event_list .event_main .banner_info .bn_title .f18 {height: 50px;}
	.past_event_wrap {margin-top: 120px;}
	.event_detail_title {padding: 90px 0 200px;}
	.event_detail_con .detail_img_wrap {margin-top: 60px;}
	.event_detail_con .detail_btn .f22 {height: 70px;}
	.event_writing .writingform {padding: 10px 0 40px;}
	.event_writing .writingform .row {margin-bottom: 10px;}
	.event_writing .writingform .row .item2 {padding: 5px 0;}
	.event_writing .writingform .row.textarea {margin-top: 30px;}
	.brochure_wrap .wrapper {align-items: flex-start; gap: 40px;}
	.brochure_wrap .btn_wrap a {height: 60px; border-radius: 10px;}
	.brochure_wrap .btn_wrap a .icon {width: 30px; height: 30px;}
	.brochure_top .btn_wrap a {height: 60px; border-radius: 10px;}
	.brochure_top .btn_wrap a .icon {width: 30px; height: 30px;}
	.catalog_ilst_wrap .catalog_ilst .box {margin-bottom: 40px;}
	.cs_download_wrap .down_list_wrap .box .default .f24 {margin-top: 14px;}
	.cs_download_wrap .down_list_wrap .box.active .default .f24 {padding: 0 15px;}
	.cs_download_wrap .down_list_wrap .box .hover {padding: 0 15px 15px; width: calc(100% - 30px);}
	.cs_download_wrap .down_list_wrap .box .hover ul li {font-size: 16px; line-height: 24px;}
	.cs_download_wrap .down_list_wrap .box .hover ul li::before {width: 3px; height: 3px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a {height: 54px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .f20 {font-size: 16px; line-height: 20px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap .btn_box {margin-bottom: 10px;}
	.cs_download_wrap .search_wrap .search_box1 {padding: 10px;}
	.cs_download_wrap .search_wrap .search_box .box .cate {margin: 0 15px;}
	.cs_download_wrap .search_wrap .search_box1 .box select {width: calc(100% - 80px);}
	.cs_download_wrap .search_wrap .search_box1 .box select {padding: 0 10px;}
	#sub.cs_download .sub-tabmenu li {width: 50%;}
	.brochure_top .wrapper {gap: 40px;}


}

@media (max-width: 1180px) { 
	.wrapper {padding: 0px 3%; width: calc(100% - 6%);}

}



@media (max-width: 1024px) { 
	#sub .nav {margin-top: 60px;}
	.title_mg {margin-bottom: 40px;}
	.bottom_bg_w {height: 120px;}
	.recommend .recommend-list {display: none;}
	.recommend .recommend_list_mo {display: block;}
	.recommend .product_detail_slide .recommend-list {display: flex;}
	.recommend .recommend-list dd {flex: auto;}
	.cs_download_wrap .down_list_wrap {margin-top: 40px;}
	.cs_download_wrap .search_wrap .search_box {border-radius: 8px; margin-top: 0;}
	.cs_download_wrap .search_wrap .search_box input, .cs_download_wrap .search_wrap .search_box select {height: 56px;}
	.cs_download_wrap .search_wrap .search_box button {font-size: 16px; border-radius: 8px;}
	.cs_download_wrap .down_list_wrap .box .default .image {border-radius: 10px;}
	.cs_download_wrap .down_list_wrap .box .default .f24 {margin-top: 14px;}
	#sub.company_overview .slogan_wrap {margin-top: 100px; padding: 100px 0 0;}
	#sub.company_overview .slogan_wrap .top_bg {height: 28vw;}
	#sub.company_overview .slogan_wrap .banner {padding-bottom: 80px;}
	#sub.company_overview .slogan_wrap .banner .text {bottom: 110px; left: 40px;}
	#sub.company_overview .slogan_wrap .banner .image {border-radius: 30px;}
	#sub.company_overview .slogan_wrap .icon_txt li .icon img {max-width: 100px;}
	#sub.company_overview .slogan_wrap .icon_txt li .ic_txt_title {margin: 10px 0;}
	#sub.company_overview .slogan_wrap .icon_txt li .bg_txt {top: 30px; font-size: 110px;}
	#sub.company_overview .history_wrap .box {margin-top: 100px;}
	#sub.company_overview .history_wrap .box .history_con .image {border-radius: 30px;}
	#sub.company_overview .history_wrap .box .history_con .f36 {margin-top: 30px; padding-bottom: 15px;}
	#sub.company_overview .history_wrap .box .history_con ul {margin-top: 35px;}
	#sub.company_overview .history_wrap .box .history_con ul li {margin-bottom: 14px;}
	#sub.company_overview .history_wrap .box .history_con ul li .f20 {width: calc(100% - 80px);}
	#sub.company_overview .history_wrap .box .history_con ul li .year {width: 80px;}
	#sub.event_list .wrapper img{max-width:100%;height:auto;}
	
	#sub #bo_sch{width:100% !important;}
	.bi_wrap .top_logo_wrap {margin-top: 40px;}
	.bi_wrap .top_logo_wrap .image {border-radius: 30px;}
	.bi_wrap .top_logo_wrap .btn_wrap {margin-top: 20px;}
	.bi_wrap .top_logo_wrap .btn_wrap a {height: 60px;}
	.bi_wrap .icon_txt_wrap {margin: 100px 0;}
	.bi_wrap .icon_txt_wrap .box .text {margin-top: 30px;}
	.bi_wrap .icon_txt_wrap .box .text .f20 {margin-top: 15px;}
	.bi_wrap .color_story {margin: 100px 0 0;}
	.bi_wrap .color_story .color_warp {gap: 10px;margin-top: 30px;}
	.bi_wrap .color_story .color_warp .box .hex {padding: 15px 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
	.bi_wrap .color_story .color_warp .box .hex li {margin-bottom: 4px;}
	.bi_wrap .color_story .color_warp .box .hex li .f20 {font-size: 14px; line-height: 22px;}
	.bi_wrap .color_story .color_warp .box .hex li .f20.cate {width: 50px;}
	.bi_wrap .color_story .color_warp .box .sewoo_color .text {bottom: 15px; left: 25px;}
	.bi_wrap .color_story .color_warp .box .sewoo_color .text .f24::before {left: -8px;}
	.certification_wrap {padding-bottom: 0;}
	.certification_wrap .box .inner {height: 150px;}
	.certification_wrap .box .text .f18 {font-size: 14px; line-height: 22px;}
	.certification_wrap .box .text .f24 {font-size: 18px; line-height: 26px; word-break:break-all;}
	.patent_wrap .tb {margin-top: 30px;}
	.patent_wrap .tb table thead th {height: 50px; font-size: 16px;}
	.patent_wrap .tb table tbody td {height: 80px; font-size: 16px;}
	.location_wrap {margin-top: 40px;}
	.location_wrap .box .location_title {height: 50px; margin-top: 20px;}
	.location_wrap .box .location_info {margin-top: 20px;}
	.location_wrap .box .location_info li {padding: 16px 0;}
	.location_wrap .box .location_info li .f20.cate {width: 120px;}
	.location_wrap {gap: 20px;}
	.location_wrap .box .image {border-radius: 10px;}
	.event_list .event_main .banner_info .bn_title .f18 {height: 44px; width: 110px; font-size: 15px; line-height: 23px; margin-bottom: 10px;}
	.event_list .event_main .banner_info .f24 {font-size: 16px; line-height: 24px;}
	.past_event_wrap .f36 {margin-bottom: 10px;}
	.past_event_wrap {margin-top: 80px;}
	.pr_tab {margin-bottom: 30px;}
	.pr_tab li {height: 54px;}
	.past_event_wrap .f36 {margin-bottom: 15px;}
	.past_event_wrap .past_list .box {margin-bottom: 0px;flex:0 1 100%;padding:20px 0;}
	.past_event_wrap .past_list .box:nth-last-child(-n+4) {margin-bottom: 0;}
	.event_detail_title .wrapper {gap: 40px;}
	.event_detail_title {padding: 80px 0 140px;}
	.event_detail_con::before {height: 60px; top: -60px;}
	.event_detail_title .text .f40 {margin-bottom: 30px;}
	.event_detail_title .text .detail_info li .f20.cate {width: 75px;}
	.event_detail_con .detail_img_wrap {margin-top: 40px;}
	.event_detail_con .detail_img_wrap .two_img {gap:20px;}
	.event_detail_con .detail_btn {margin-top: 40px;}
	.event_detail_con .detail_btn .f22 {height: 60px;}
	.event_writing .writingform .row {gap: 0; flex-flow: column; margin-bottom: 0;}
	.event_writing .writingform input, .event_writing .writingform textarea, .event_writing .writingform input::placeholder, .event_writing .writingform textarea::placeholder  {font-size: 16px;}
	.event_writing .writingform .item .cate .essential {font-size: 14px;}
	.event_writing .writingform .row .item2 {padding: 0;}
	.event_writing .writingform .filebox label {width: 40px; height: 40px;}
	.event_writing .writingform .filebox label img {width: 18px;}
	.event_writing .writing_btn button {height: 60px;}
	.event_writing .writingform input {height: 60px;}
	.event_writing .writingform textarea {padding: 20px; width: calc(100% - 40px);}
	.brochure_wrap .txt .con_txt {font-size: 16px; line-height: 24px; margin-top: 20px;}
	.brochure_wrap .btn_wrap {margin-top: 40px;}
	.brochure_wrap .btn_wrap a .f20 {font-size: 16px; line-height: 24px;}
	.brochure_wrap .btn_wrap a .icon {width: 26px; height: 26px;}
	.brochure_top .wrapper {gap: 30px;}
	.brochure_top .box .f26 {margin-bottom: 14px;}
	.brochure_top .btn_wrap {margin-top: 18px;}
	.brochure_top .btn_wrap a .f20 {font-size: 16px; line-height: 24px;}
	.brochure_top .btn_wrap a .icon {width: 26px; height: 26px;}
	.catalog_ilst_wrap .catalog_ilst .box {margin-bottom: 20px;}
	.catalog_ilst_wrap .catalog_ilst .box .image {border-radius: 20px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .icon {width: 40px; height: 40px; border-radius: 6px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .icon span {width: 25px; height: 25px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .left .f20 {font-size: 16px; line-height: 24px;}
	.faq .faq_guide {padding: 14px 20px; margin-top: 40px;}
	.faq .faq_guide .text_wrap .icon {margin-right: 14px;}
	.faq .faq_guide .text_wrap .icon img {width: 28px;}
	.faq .faq_guide .text_wrap .txt {font-size: 16px; line-height: 24px;}
	.faq .faq_guide a {font-size: 15px; line-height: 25px; width: 110px; height: 52px; margin-left: 20px;}
	.download_search .search_wrap .search_box {border-radius: 15px; margin-top: 0;}
	.download_search .search_wrap .search_box input, .download_search .search_wrap .search_box select {height: 56px;}
	.download_search .search_wrap .search_box button {font-size: 16px; border-radius: 0px;}
	#sub.company_overview .history_wrap .box .f48 span.big_txt {font-size: 32px;}
	.catalog_ilst_wrap .search .searchbox {padding: 15px 15px; margin-bottom: 20px;}


}



@media (max-width: 959px) { 
	#sub .field .field-ct .ct .field-list {gap: 20px;}
	#sub .field .field-ct .ct .field-list dd {width: calc(50% - 10px);}
	#sub.company_overview .slogan_wrap .icon_txt {flex-flow: wrap; gap: 40px;}
	#sub.company_overview .slogan_wrap .icon_txt li {flex: 0 1 calc(50% - 20px); border: none; padding: 0;}

	.bi_wrap .icon_txt_wrap {flex-flow: column; gap: 40px;}
	.bi_wrap .icon_txt_wrap .box {display: flex; align-items: flex-start;}
	.bi_wrap .icon_txt_wrap .box .icon img {max-width: 10vw;}
	.bi_wrap .icon_txt_wrap .box .text {margin-top: 0; padding-left: 40px;}
	.bi_wrap .icon_txt_wrap .box .text .f32 {text-align: left;}
	.bi_wrap .icon_txt_wrap .box .text .f20 {margin-top: 8px; text-align: left;}

	.event_list .event_main {flex-flow: column;}
	.event_list .event_main .banner {width: 100%;}
	.event_list .event_main .banner_info {width: auto;}
	.event_list .event_main .banner_info .f24 {margin-top: 20px;}






}


@media screen and (max-width: 768px) {
	
	
	.download_list .box .box_list a {width: calc(24% - 10px);}
	.download_list .box h2{font-size: 25px}
	
	.down_view_list .tlb th{padding: 15px; font-size: 18px}
	.down_view_list .tlb td{display: block; padding: 15px; font-size: 16px; border-bottom: 0}
	.down_view_list .tlb td + td{padding-top: 0}
	.down_view_list .tlb td:last-child{border-bottom: 1px solid #f2f2f2;}
	.down_view_list .tlb td.down_btn{width: auto; padding: 15px; text-align: right}

	#sub.company_overview .history_wrap .box .f48 span.big_txt {font-size: 28px;}
	
	
	
}



@media (max-width: 767px) {
	#sub .nav {margin-top: 40px;}
	.bottom_bg {background: #1C2935;}
	.bottom_bg_w {height: 100px; background: #1C2935;}
	#sub .field .field-ct .ct .field-list dd .ico img {height: 50px;}
	#sub .field .field-ct .ct .field-list dd .subj {margin-top: 30px; font-size: 20px;}
	#sub .field .field-ct .ct .field-list dd .subs {font-size: 16px; line-height: 24px; margin-top: 6px;}
	.recommend .recommend-list dd .name {font-size: 18px;}
	.recommend .recommend-list dd .number {font-size: 12px; margin-top: 6px;max-height:38px;overflow:hidden;text-overflow:ellipsis;white-space: pre;min-height:12px;}
	.cs_download_wrap {margin-top: 50px; padding: 60px 0 80px;}
	.cs_download_wrap .down_list_wrap {gap: 10px;}
	.cs_download_wrap .down_list_wrap .box {flex: 0 1 calc(50% - 5px);}
	.cs_download_wrap .down_list_wrap .box .default .f24 {font-size: 16px; line-height: 24px;}
	.cs_download_wrap .down_list_wrap .box:nth-last-child(-n+2) {margin-bottom: 0;}
	.cs_download_wrap .search_wrap .search_box select {width: 100px; padding: 0 10px; background: url('../images/icon_select_arrow.png') no-repeat right 10px center;}
	.cs_download_wrap .search_wrap .search_box input {width: calc(100% - 100px); padding: 0 10px;}
	.cs_download_wrap .search_wrap .search_box button {width: 100px; padding: 0;}
	#sub.company_overview .slogan_wrap {padding: 60px 0 0; margin-top: 80px;}
	#sub.company_overview .sub-tit-a .text_bg {font-size: 90px; bottom: -10px;}
	#sub.company_overview .slogan_wrap .top_bg {height: 32vw;}
	#sub.company_overview .slogan_wrap .banner {padding-bottom: 60px;}
	#sub.company_overview .slogan_wrap .banner .text {bottom: 80px; left: 30px;}
	#sub.company_overview .slogan_wrap .icon_txt li .icon img {max-width: 80px;}
	#sub.company_overview .slogan_wrap .icon_txt {gap: 20px;}
	#sub.company_overview .slogan_wrap .icon_txt li {flex: 0 1 calc(50% - 10px);}
	#sub.company_overview .slogan_wrap .icon_txt li .icon img {max-width: 70px;}
	#sub.company_overview .slogan_wrap .icon_txt li .bg_txt {font-size: 80px; top: 32px;}
	#sub.company_overview .slogan_wrap .icon_txt li .f18 {font-size: 15px; line-height: 23px;}
	#sub.company_overview .slogan_wrap::after{height: 60px; bottom: -60px;}
	#sub.company_overview .history_wrap {padding: 60px 0 100px;}
	.bi_wrap .top_logo_wrap .btn_wrap {gap:8px; margin-top: 15px;}
	.bi_wrap .top_logo_wrap .btn_wrap a {width: calc(50% - 4px);}
	.bi_wrap .top_logo_wrap .btn_wrap a.line_btn {margin-right: 0;}
	.bi_wrap .top_logo_wrap .btn_wrap a.color_btn .f20 {font-size: 15px; line-height: 23px;}
	.bi_wrap .top_logo_wrap .image {border-radius: 20px;}
	.bi_wrap .color_story .f20 {font-size: 16px; line-height: 24px; margin-top: 12px;}
	.bi_wrap .color_story .color_warp .box .hex li {flex-flow: column; margin-bottom: 8px;}
	.bi_wrap .color_story .color_warp .box .sewoo_color {height: 150px;}
	.bi_wrap .color_story .color_warp .box .sewoo_color .text .f18 {font-size: 14px; line-height: 22px;}
	.bi_wrap .color_story .color_warp .box .sewoo_color .text .f24 {font-size: 16px; line-height: 24px;}
	.certification_wrap::after {height: 80px; bottom: -80px;}
	.certification_wrap .wrapper {gap: 8px;}
	.certification_wrap .box {flex: 0 1 calc(50% - 4px);}
	.certification_wrap .box .text .f24 {font-size: 16px; line-height: 24px;}
	.certification_wrap .box .inner {padding: 18px 20px;} 
	.patent_wrap {padding: 160px 0 120px;}
	#sub.location .sub-tabmenu li {width: 33.3%;}
	.location_wrap .box .location_title .f20 {font-size: 16px; line-height: 24px;}
	.location_wrap .box .location_info li .f20 {font-size: 15px; line-height: 23px;}
	.location_wrap .box .location_info li .f20.cate {width: 110px;}
	.past_event_wrap .past_list {gap: 0px;}
	.past_event_wrap .past_list .box {flex: 0 1 100%;}
	.past_event_wrap .past_list .box .thum {border-radius: 0px;max-width:34%;min-width:0;}
	.past_event_wrap .past_list .box .text .f16 {font-size: 14px; line-height: 22px;}
	.past_event_wrap .past_list .box:nth-last-child(4) {margin-bottom: 50px;}
	.past_event_wrap .past_list .box:nth-last-child(-n+3) {margin-bottom: 0;}
	.event_detail_title {padding: 70px 0 120px;} 
	.event_detail_title .wrapper {flex-flow: column; gap: 30px;}
	.event_detail_title .image {width: 100%;}
	.event_detail_title .text {width: 100%;}
	.event_detail_title .text .f40 {margin-bottom: 20px;}
	.event_detail_con .detail_img_wrap {margin-top: 30px;}
	.event_detail_con .detail_img_wrap .two_img {gap: 10px;}
	.event_detail_con .detail_img_wrap .two_img .image {margin-bottom: 10px;}
	.event_writing .writingform .item2 {padding: 0;}
	.event_writing .writingform .row.textarea {margin-top: 20px;}
	.brochure_wrap {padding: 60px 0 80px;}
	.brochure_wrap .wrapper {flex-flow: column;}
	.brochure_wrap .brochure {width: 100%;}
	.brochure_wrap .txt {width: 100%;}
	.brochure_wrap .brochure {max-width: 400px; margin: 0 auto;}
	.brochure_wrap .btn_wrap a {width: 50%;}
	.brochure_top {padding: 60px 0 80px;}
	.brochure_top .wrapper {gap: 20px; flex-wrap: wrap;}
	.brochure_top .box .f26 {margin-bottom: 10px;}
	.brochure_top .box {width: calc(50% - 10px); margin-bottom: 20px;}
	.brochure_top .box:nth-last-child(1) {margin-bottom: 0;}
	.brochure_top .btn_wrap a {height: 54px;}
	.catalog_ilst_wrap .catalog_ilst {gap: 20px;}
	.catalog_ilst_wrap .catalog_ilst .box {flex: 0 1 calc(50% - 10px); margin-bottom: 30px;}
	.catalog_ilst_wrap .catalog_ilst .box:nth-last-child(-n+2) {margin-bottom: 0;}
	.catalog_ilst_wrap .catalog_ilst .box .image {border-radius: 14px;}
	.download_search .search_wrap .search_box select {width: 160px; padding: 0 10px; background: url('../images/icon_select_arrow.png') no-repeat right 10px center;}
	.download_search .search_wrap .search_box input {width: calc(100% - 100px); padding: 0 10px;}
	.download_search .search_wrap .search_box button {width: 100px; padding: 0;}



}



@media (max-width: 640px) {
	.sub-tit-a .f20 {margin-top: 25px;}
	#sub .field .field-ct .ct .field-list {gap: 10px;}
	#sub .field .field-ct .ct .field-list dd {width: calc(50% - 5px);}
	#sub .field .field-ct .ct .field-list dd {padding: 25px 20px 20px;}
	#sub.company_overview .slogan_wrap .banner .image {border-radius: 30px;}
	#sub.company_overview .slogan_wrap .banner .text {left: 20px;}
	#sub.company_overview .slogan_wrap {padding: 60px 0 0;}
	#sub.company_overview .slogan_wrap .banner .image {height: 250px;}
	#sub.company_overview .slogan_wrap .banner .image img {object-fit: cover;}
	#sub.company_overview .history_wrap .box {flex-flow: column; margin-top: 80px;}
	#sub.company_overview .history_wrap .box .f48 {width: 100%; margin-bottom: 14px;}
	#sub.company_overview .history_wrap .box .f48 span {display: inline-block;}
	#sub.company_overview .history_wrap .box .history_con .image {border-radius: 20px;}
	#sub.company_overview .history_wrap .box .history_con {width: 100%;}
	#sub.company_overview .history_wrap .box .history_con .f36 {margin-top: 25px; padding-bottom: 10px;}
	#sub.company_overview .history_wrap .box .history_con ul {margin-top: 28px;}
	#sub.company_overview .history_wrap .box .history_con ul li {margin-bottom: 10px;}
	#sub.company_overview .history_wrap .box .history_con ul li .f20 {width: calc(100% - 55px); font-size: 15px; line-height: 23px;}
	#sub.company_overview .history_wrap .box .history_con ul li .year {width: 55px;}
	#sub.company_overview .history_wrap .box .f48 {position: static;}
	.bi_wrap .top_logo_wrap .image img {max-width: 52vw;}
	.bi_wrap .icon_txt_wrap {margin: 80px 0;}
	.bi_wrap .icon_txt_wrap .box .text {padding-left: 30px;}
	.bi_wrap .icon_txt_wrap .box .text .f20 {margin-top: 6px;}
	.bi_wrap .icon_txt_wrap .box .icon img {max-width: 60px;}
	.bi_wrap .logo_wrap {height: 50vw; flex-flow: column;}
	.bi_wrap .logo_wrap .bi_logo img {max-width: 40vw; margin: 4vw 0;}
	.bi_wrap .color_story {margin: 80px 0 0;}
	.bi_wrap .color_story .color_warp {flex-flow: column; gap: 20px;}
	.patent_wrap {padding: 160px 0 100px;}
	.location_wrap {flex-flow: column; margin-top: 30px; gap: 60px;}
	.location_wrap .box {margin-bottom: 0;}
	.location_wrap .box .location_title {height: auto;}
	.location_wrap .box .location_info li {padding: 12px 0;}
	.location_wrap .box .location_info {margin-top: 14px;}
	.event_list .event_main .banner_info {padding: 20px;}
	.event_list .event_main .banner_info .bn_title .f18 {height: 40px; width: 100px; font-size: 14px; line-height: 22px;}
	.event_detail_con .detail_btn .f22 {height: 56px; font-size: 16px;}
	.event_writing .writingform textarea {padding: 14px; height: 200px; width: calc(100% - 28px);}
	.cs_download_wrap .down_list_wrap .box .hover ul {padding-top: 14px; margin-top: 6px;}
	.cs_download_wrap .down_list_wrap .box .hover ul li {font-size: 14px; line-height: 22px; padding-left: 8px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap {margin-top: 14px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .f20 {font-size: 14px; line-height: 18px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a {height: 50px;}
	.cs_download_wrap .down_list_wrap .box .hover .btn_wrap a .icon img {width: 22px;}
	.cs_download_wrap .search_wrap .search_box1 {flex-flow: column; padding: 10px 16px; gap: 8px;}
	.cs_download_wrap .search_wrap .search_box .box .cate {margin-left: 0;}
	.cs_download_wrap .search_wrap .search_box1 .box select {width: calc(100% - 58px);}
	.cs_download_wrap .search_wrap .search_box1 button { width: 100%; height: 50px;}
	.faq .faq_guide {flex-flow: column; padding: 20px 22px;}
	.faq .faq_guide a {margin-left: 0; margin-top: 14px;}
	
	.download_list .box .box_list{gap:10px}
	.download_list .box .box_list a {width: calc(50% - 5px); font-size: 16px}
	.download_list .box h2{font-size: 20px}
	
	
	.down_view_box{width: 100%; margin: 0 auto; padding: 30px 30px; text-align: center; border: 2px solid #2072b8; box-sizing: border-box}
.down_view_box p{margin-top: 15px; color: #999999; font-size: 16px; }
.down_view_box h3{font-size: 20px; font-weight: bold; color: #222222; margin-top: 8px}
	

}



@media (max-width: 540px) {
	.past_event_wrap .past_list {gap: 0px;}
	.past_event_wrap .past_list .box {flex: 0 1 100%; margin-bottom: 0px;}
	.past_event_wrap .past_list .box .text {margin-top: 0px;}
	.past_event_wrap .past_list .box .text .f24 {margin: 4px 0 8px;}
	.past_event_wrap .past_list .box:nth-last-child(3) {margin-bottom: 40px;}
	.past_event_wrap .past_list .box:nth-last-child(-n+2) {margin-bottom: 0;}
	.event_writing .writingform .item .cate {width: 80px;}
	.event_writing .writingform .row {gap: 0; flex-flow: column; margin-bottom: 0;}
	.event_writing .writingform input, .event_writing .writingform textarea, .event_writing .writingform input::placeholder, .event_writing .writingform textarea::placeholder  {font-size: 15px;}
	.event_writing .writingform .item .cate .essential {font-size: 13px;}
	.event_writing .writing_btn button {width: 100%;}
	.catalog_ilst_wrap .catalog_ilst {gap: 10px;}
	.catalog_ilst_wrap .catalog_ilst .box {flex: 0 1 calc(50% - 5px);}
	.catalog_ilst_wrap .catalog_ilst .box .image {border-radius: 10px;}
	.catalog_ilst_wrap .catalog_ilst .box .text {margin-top: 14px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .left .f24 {font-size: 16px; line-height: 24px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .icon {width: 30px; height: 30px; margin-left: 6px;}
	.catalog_ilst_wrap .catalog_ilst .box .text .icon span {width: 20px; height: 20px;}
	.faq .faq_guide a {width: 100%;}


}


@media (max-width: 479px) {
	.bottom_bg_w {height: 80px;}
	#sub .field .field-ct .ct .field-list dd .subj {margin-top: 20px; font-size: 18px;}
	#sub .field .field-ct .ct .field-list dd .subs {font-size: 15px; line-height: 23px;}
	#sub .field .field-ct .ct .field-list dd .ico img {height: 40px;}
	#sub.company_overview .slogan_wrap .banner .image {height: 200px;}
	.bi_wrap .top_logo_wrap .btn_wrap {flex-flow: column;}
	.bi_wrap .top_logo_wrap .btn_wrap a {width: 100%;}
	.bi_wrap .top_logo_wrap .btn_wrap a.line_btn {}
	.bi_wrap .icon_txt_wrap {gap: 30px;}
	.bi_wrap .icon_txt_wrap .box .text {padding-left: 20px;}
	.bi_wrap .logo_wrap {height: 55vw;}
	.bi_wrap .logo_wrap .bi_logo img {max-width: 45vw; margin: 4.5vw 0;}
	.patent_wrap .tb {margin-top: 25px;}
	.patent_wrap .patent_title .f30 {margin-top: 6px;}
	.patent_wrap .tb table thead th {font-size: 15px;}
	.patent_wrap .tb table tbody td {font-size: 14px;}
	.pr_tab {gap: 4px;}
	.pr_tab li {padding: 0 20px; flex: 1 1 33.3%; display: flex; justify-content: center; align-items: center;}
	.past_event_wrap .past_list .box .text {padding-right: 6px;}
	.past_event_wrap .past_list .box .text .f16 {font-size: 13px; line-height: 21px;}
	.past_event_wrap .past_list .box .text .f24 {font-size: 16px; line-height: 24px;}
	.past_event_wrap .past_list .box .text .f20 {font-size: 14px; line-height: 22px;}
	.event_detail_con .detail_btn .f22 {width: 100%;}
	.brochure_wrap .txt .brochure_title .f24 {margin-bottom: 2px;}
	.brochure_wrap .txt .con_txt {margin-top: 14px;}
	.brochure_wrap .btn_wrap {flex-flow: column; gap: 8px; margin-top: 30px;}
	.brochure_wrap .btn_wrap a {width: auto; height: 56px;}
	.brochure_top .wrapper {flex-flow: column;}
	.brochure_top .box {width: 100%;}
	.brochure_top .box .f26 {font-size: 17px; line-height: 25px;}
	.brochure_top .btn_wrap {flex-flow: column; gap: 8px; margin-top: 10px;}
	.brochure_top .btn_wrap a {width: auto; height: 56px;}
	.cs_download_wrap .down_list_wrap {flex-flow: column;}
	.cs_download_wrap .down_list_wrap .box {flex: 1 1 100%;}



}



@media (max-width: 374px) {
	.certification_wrap .wrapper {flex-flow: column;}
	.certification_wrap .box {flex: 0 1 100%;}
	.certification_wrap .box .inner {height: 120px;}




}


/***************** 2023-10-27 수정 끝 *****************/