@charset "utf-8";

#atc01{padding:15rem 5rem}
#atc01 .inner{max-width:150rem;width:100%;margin:0 auto 7rem}
#atc01 .tit_box{text-align:center}
#atc01 .tit_box .s_tit{margin-bottom:1rem;font-size:1.7rem;font-weight:700;color:var(--pt-color2);font-family:'Poppins'}
#atc01 .tit_box .tit{margin-bottom:2rem;font-size:4.5rem;font-weight:700;line-height:120%;color:#222;}
#atc01 .tit_box .tit span{display:inline-block;color:var(--pt-color2)}
#atc01 .tit_box .txt_box p{font-size:1.7rem;line-height:150%;color:#666}
#atc01 .tit_box .txt_box p + p{margin-top:2rem}
#atc01 .tit_box .txt_box p span{font-weight:500;color:#222}
#atc01 .btn_area{max-width:47rem;width:100%;margin:5rem auto 0;display:flex;gap:1rem}
#atc01 .btn_area li{width:calc(50% - .5rem);height:5.5rem}
#atc01 .btn_area li a{width:100%;height:100%;border-radius:5.5rem;font-size:1.6rem;font-weight:500;color:#fff;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:'Poppins'}
#atc01 .btn_area li a img{width:1.9rem}
#atc01 .btn_area li.inc_btn01 a{background:var(--pt-color)}
#atc01 .btn_area li.inc_btn02 a{background:var(--pt-color2)}

#atc01 .btn_area li.inc_btn01:hover a{box-shadow:0 1rem 1rem rgba(8,26,47,.2)}
#atc01 .btn_area li.inc_btn02:hover a{box-shadow:0 1rem 1rem rgba(27,62,102,.2)}

#atc01 .sns_link{margin-top:2rem;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:.5rem;}
#atc01 .sns_link li{width:4rem;height:4rem;border-radius:4rem;transition:all .3s}
#atc01 .sns_link li a{display:block;width:100%;height:100%}
#atc01 .sns_link li img{width:100%}
#atc01 .sns_link li:hover{box-shadow:0 1rem 1rem rgba(0,0,0,.2)}

#atc01 .pdt_list{width:100%;display:flex;flex-wrap:wrap;gap:7rem 4rem}
#atc01 .pdt_list .pdf_cont{width:calc(50% - 2rem)}
#atc01 .pdt_list .pdf_cont a{display:block;width:100%}
#atc01 .pdt_list .img_cont{width:100%;height:40rem;padding:3rem;border-radius:2rem;box-shadow:0 0 1rem rgba(0,0,0,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;}
#atc01 .pdt_list .img_cont img{max-width:100%;width:auto;max-height:100%;height:auto}
#atc01 .pdt_list .pdf_txt_box{margin-top:3rem;text-align:center}
#atc01 .pdt_list .pdf_txt_box .tit{font-size:2rem;font-weight:700;color:#002222}
#atc01 .pdt_list .pdf_txt_box .more_btn{width:19rem;height:5rem;border-radius:5rem;margin:2rem auto 0;background:#e6e8ea;font-size:1.6rem;font-weight:600;color:#3f4855;transition:all .3s;display: flex;align-items: center;justify-content: center;}

#atc01 .pdt_list .pdf_cont a:hover .pdf_txt_box .more_btn{background:var(--pt-color);box-shadow:0 1rem 1rem rgba(8,26,47,.2);color:#fff}


.fade-in {animation: fadeIn 1s ease;}
@keyframes fadeIn {from {opacity: 0;transform: translateY(10px); }to {opacity: 1;transform: translateY(0);}}



/*제품 - 공통*/
.pdt_cate_area{max-width:154rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:3.2rem}
.pdt_cate_area .cate_list{width: calc((100% - 6.4rem) / 3);position:relative}
.pdt_cate_area .cate_list a{display:block;width:100%;height:100%;border-radius:2rem; position:relative}
.pdt_cate_area .cate_list .img_box{width:100%;min-height:28rem}
.pdt_cate_area .cate_list .img_box img{width:100%}
.pdt_cate_area .cate_list .txt_box{width:100%;padding:0 2rem;text-align:center;position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}
.pdt_cate_area .cate_list .txt_box .s_tit{display:inline-block;margin-bottom:1rem;padding:.5rem 2rem;border-radius:5rem;background:#e1e3e5;font-size:1.5rem;font-weight:700;line-height:1;color:var(--pt-color2);transition:all .3s;font-family:'Poppins'}
.pdt_cate_area .cate_list .txt_box .cate_tit{font-size:2.6rem;font-weight:700;color:var(--pt-color);transition:all .3s;font-family:'Poppins', 'Pretendard'}

.pdt_cate_area .cate_list a:hover .txt_box .s_tit{background:rgba(255,255,255,.2);color:#fff}
.pdt_cate_area .cate_list a:hover .txt_box .cate_tit{color:#fff}

/*제품 첫화면*/
.pdt_cate_area .cate_list a{background:url(/index/include/include01/bg01.png) no-repeat center/cover;transition:all .3s}
.pdt_cate_area .cate_list a:hover{background:url(/index/include/include01/bg01_hover.png) no-repeat center/cover}


/*제품 - 클릭화면*/
.pdt_cate_area02{max-width:154rem;gap:3.2rem}
.pdt_cate_area02 .cate_list{width:calc((100% - 6.4rem) / 3)}
.pdt_cate_area02 .cate_list .txt_box .cate_tit{font-size:2.2rem}

.pdt_cate_area02 .cate_list a{background:url(/index/include/include01/bg02.png) no-repeat center/cover}
.pdt_cate_area02 .cate_list a:hover{background:url(/index/include/include01/bg02_hover.png) no-repeat center/cover}

#atc01 .prev {display: none;width: 10rem;height: 3.5rem;margin: 2rem auto 0;border-radius: 4rem;background:#135382;font-size: 1.4rem;font-weight: 700;text-align: center;line-height: 3.5rem;color: #fff;cursor: pointer;transition: all .3s;font-family:'Poppins'}
#atc01 .prev:hover{background:var(--pt-color)}
#atc01 .prev.on{display:block}


@media(max-width:1280px){
	#atc01{padding:10rem 2rem}
	#atc01 .tit_box .tit{font-size:4.2rem}
	#atc01 .tit_box .txt_box p br{display:none}
	
	#atc01 .pdt_list{gap:5rem 2rem}
	#atc01 .pdt_list .pdf_cont{width:calc(50% - 1rem)}
	#atc01 .pdt_list .img_cont{height:35rem}
	
	
	/*제품 - 공통*/
	.pdt_cate_area{gap:2rem}
	.pdt_cate_area .cate_list{width:calc(50% - 1rem)}
	.pdt_cate_area .cate_list .txt_box{bottom:2rem}
	.pdt_cate_area .cate_list .txt_box .cate_tit{font-size:2.2rem}
	
	

}
@media(max-width:1024px){
	#atc01{padding:9rem 2rem}
	#atc01 .tit_box .tit{font-size:3.9rem}
	
	.pdt_cate_area .cate_list .img_box{width:95%;min-height:unset;height:26rem;position:relative;left:5%}
	.pdt_cate_area .cate_list .img_box img{height:100%;object-fit:cover;object-position: 40%;}
	
	
	.pdt_cate_area .cate_list .txt_box .cate_tit{font-size:2rem}
	.pdt_cate_area02 .cate_list .txt_box .cate_tit{font-size:1.8rem}
}
@media(max-width:767px){
	#atc01{padding:8rem 2rem}
	#atc01 .tit_box .tit{font-size:3.6rem}
	#atc01 .tit_box .tit br{display:none}
	#atc01 .pdt_list .img_cont{height:28rem}
	#atc01 .pdt_list .pdf_txt_box .tit{font-size:1.8rem}
	
	/*제품 - 공통*/
	.pdt_cate_area .cate_list .img_box{height:24rem}
	

}
@media(max-width:480px){
	#atc01{padding:7rem 2rem}
	#atc01 .tit_box .s_tit{margin-bottom:.5rem;font-size:1.5rem}
	#atc01 .tit_box .tit{font-size:3.3rem}
	
	#atc01 .btn_area{max-width:30rem;flex-wrap:wrap;gap:1rem}
	#atc01 .btn_area li{width:100%}
	
	
	
	/*제품 - 공통*/
	.pdt_cate_area .cate_list{max-width:40rem;width:100%;margin:0 auto}
	.pdt_cate_area .cate_list .img_box{height:26rem}
	

}
@media(max-width:320px){
	#atc01{padding:6rem 1.5rem}
	#atc01 .tit_box .tit{font-size:3rem}
}