@charset "utf-8";

#atc01{padding:12rem 5rem}
#atc01 .inner{max-width:150rem;width:100%;margin:0 auto 5rem}
#atc01 .tit_box{text-align:center}
#atc01 .tit_box .s_tit{margin-bottom:2rem;font-size:1.7rem;font-weight:700;color:var(--pt-color)}
#atc01 .tit_box .tit{margin-bottom:2rem;font-size:5rem;font-weight:700;line-height:120%;color:#222;}
#atc01 .tit_box .tit span{color:var(--pt-color)}
#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;}
#atc01 .btn_area li a img{width:1.9rem}
#atc01 .btn_area li.inc_btn01 a{background:#081a2f}
#atc01 .btn_area li.inc_btn02 a{background:#1b3e66}

#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:170rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: center;gap:2rem 1%}
.pdt_cate_area .cate_list{width:24%;height:45rem;border-radius:2rem;overflow:hidden;transition:all .3s}
.pdt_cate_area .cate_list a{display:block;width:100%;height:100%;position:relative}
.pdt_cate_area .cate_list a:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;transition:all .3s}
.pdt_cate_area .cate_list .s_tit{padding:.7rem 1.5rem;border-radius:5rem;background:rgba(255,255,255,.2);font-size:1.4rem;font-weight:600;letter-spacing:-.5px;color:#fff;position:absolute;top:3rem;left:3rem;transition:all .3s}
.pdt_cate_area .cate_list .cate_tit{width:100%;padding:0 3rem;font-size:2.5rem;font-weight:700;line-height:120%;color:#fff;position:absolute;bottom:3rem;transition:all .3s}
.pdt_cate_area .cate_list .cate_tit span{display:inline-block;font-size:2rem}




#atc01 .prev{display:none;width:10rem;height:3.5rem;margin:2rem auto 0;border-radius:4rem;background:#081a2f;font-size:1.4rem;font-weight:700;text-align:center;line-height:3.5rem;color:#fff;cursor:pointer;transition:all .3s}
#atc01 .prev.on{display:block}
#atc01 .prev:hover{background:#1b3e66; box-shadow:0 2rem 2rem rgba(0,0,0,.2)}


.pdt_cate_area01 .cate_list01 a:before{background:url(/index/include/include01/new_img01.jpg) no-repeat center/cover}
.pdt_cate_area01 .cate_list02 a:before{background:url(/index/include/include01/new_img02.jpg) no-repeat center/cover}
.pdt_cate_area01 .cate_list03 a:before{background:url(/index/include/include01/new_img03_2.jpg) no-repeat center/cover}
.pdt_cate_area01 .cate_list04 a:before{background:url(/index/include/include01/new_img04_3.jpg) no-repeat center/cover}


.pdt_cate_area02 .cate_list01 a:before{background:url(/index/include/include01/pdt02_img01.png) no-repeat center/cover}
.pdt_cate_area02 .cate_list02 a:before{background:url(/index/include/include01/pdt02_img02.png) no-repeat center/cover}
.pdt_cate_area02 .cate_list03 a:before{background:url(/index/include/include01/pdt02_img03.png) no-repeat center/cover}
.pdt_cate_area02 .cate_list04 a:before{background:url(/index/include/include01/pdt02_img04.png) no-repeat center/cover}


.pdt_cate_area03 .cate_list01 a:before{background:url(/index/include/include01/pdt03_img01_new.png) no-repeat center/cover}
.pdt_cate_area03 .cate_list02 a:before{background:url(/index/include/include01/pdt03_img02_new.png) no-repeat center/cover}
.pdt_cate_area03 .cate_list03 a:before{background:url(/index/include/include01/pdt03_img03_new.png) no-repeat center/cover}
.pdt_cate_area03 .cate_list04 a:before{background:url(/index/include/include01/pdt03_img04_new.png) no-repeat center/cover}

.pdt_cate_area04 .cate_list01 a:before{background:url(/index/include/include01/pdt04_img01_new.png) no-repeat center/cover}
.pdt_cate_area04 .cate_list02 a:before{background:url(/index/include/include01/pdt04_img02_new.png) no-repeat center/cover}


.pdt_cate_area .cate_list .bar{background:#fff;position:absolute;opacity:0;transition:all .3s}
.pdt_cate_area .cate_list .bar01,.pdt_cate_area .cate_list .bar02{width:0;height:5px}
.pdt_cate_area .cate_list .bar03,.pdt_cate_area .cate_list .bar04{width:5px;height:0}

.pdt_cate_area .cate_list .bar01{top:5px;left:5px}
.pdt_cate_area .cate_list .bar02{bottom:5px;right:5px}

.pdt_cate_area .cate_list .bar03{bottom:5px;left:5px}
.pdt_cate_area .cate_list .bar04{top:5px;right:5px}


.pdt_cate_area .cate_list:hover{border-radius:0}
.pdt_cate_area .cate_list:hover .bar01,
.pdt_cate_area .cate_list:hover .bar02{width:calc(100% - 10px);opacity:1}
.pdt_cate_area .cate_list:hover .bar03,
.pdt_cate_area .cate_list:hover .bar04{height:calc(100% - 10px);opacity:1}


.pdt_cate_area .cate_list:hover a:before{transform:scale(1.05)}
.pdt_cate_area .cate_list:hover{box-shadow:0 2rem 2rem rgba(0,0,0,.2)}



@media(max-width:1280px){
	#atc01{padding:10rem 2rem}
	#atc01 .tit_box .tit{font-size:4.7rem}
	#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 .cate_list{height:40rem}
	
}
@media(max-width:1024px){
	#atc01{padding:9rem 2rem}
	#atc01 .tit_box .tit{font-size:4.4rem}
	
	.pdt_cate_area .cate_list{width:49%}
	.pdt_cate_area .cate_list .s_tit{left:2rem;top:2rem}
	.pdt_cate_area .cate_list .cate_tit{font-size:2.2rem}
	
}
@media(max-width:767px){
	#atc01{padding:8rem 2rem}
	#atc01 .tit_box .tit{font-size:4.1rem}
	#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{height:35rem}
	.pdt_cate_area .cate_list .cate_tit{padding:0 2rem}	
}
@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:3rem}
	
	#atc01 .btn_area{max-width:30rem;flex-wrap:wrap;gap:1rem}
	#atc01 .btn_area li{width:100%}
	
	#atc01 .pdt_list .pdf_cont{width:100%}
	.pdt_cate_area{max-width:35rem}
	.pdt_cate_area .cate_list{width:100%}
	
	#atc01 .pdt_list .img_cont{height:30rem;padding:2rem}
}
@media(max-width:320px){
	#atc01{padding:6rem 1.5rem}
	#atc01 .tit_box .tit{font-size:3.5rem}
	
	#atc01 .pdt_list .img_cont{height:25rem;padding:2rem}
}