@charset "utf-8";


/*--최신글 영역--*/
#atc01{width:100%;position:relative;z-index:10}
#atc01 .inner{max-width:154rem;width:100%;margin:0 auto;padding:5rem 3rem 10rem;display:flex;flex-wrap:wrap;align-items: center;gap:5rem}
#atc01 .lt_list_area{width:calc(66.666% - 5rem);position:relative;top:-3rem;opacity:0;transition:top 1s, opacity 1s}
#atc01 .lt_list_area.active{top:0;opacity:1}

.lt_list_area .lt_tit_box{margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.lt_list_area .tit_box{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem 2rem}
.lt_list_area .tit_box .tit{font-size:3rem;font-weight:700;color:#222}
.lt_list_area .tit_box .txt{font-size:1.7rem;line-height:150%;color:#888}

.lt_list_area .tab_menu{display:flex;align-items:center;gap:3rem}
.lt_list_area .lt_tab_list{display:flex;gap:2rem}
.lt_list_area .lt_tab_list li{font-size:1.8rem;font-weight:500;color:#333;position:relative;cursor:pointer;transition:all .3s;}
.lt_list_area .lt_tab_list li button{display:inline-block;border:0;background:none;color:#333;position:relative;z-index:1;cursor:pointer;}
.lt_list_area .lt_tab_list li:before{content:'';width:0;height:1rem;border-radius:1rem;background:#fce6c4;position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%,-50%);transition:all .3s}
.lt_list_area .lt_tab_list li.on button{font-weight:600}
.lt_list_area .lt_tab_list li.on:before, .lt_list_area .lt_tab_list li:hover:before{width:120%}


.lt_list_area .tab_menu .more_btn{display:none;width:3rem;height:3rem;border-radius:3rem;background:#0a1c2e;transition:all .3s;align-items:center;justify-content:center;}
.lt_list_area .tab_menu .more_btn.on{display:flex}
.lt_list_area .tab_menu .more_btn img{transition:all .3s}
.lt_list_area .tab_menu .more_btn:hover{background:var(--pt-color)}
.lt_list_area .tab_menu .more_btn:hover img{transform:rotate(180deg)}


.lt_list_area .tab_cont{display:none;flex-wrap:wrap;align-items:center;gap:2rem}
.lt_list_area .tab_cont.on{display:flex}
.lt_list_area .tab_cont li{width:calc((100% - 4rem) / 3);height:32rem;border-radius:2rem;box-shadow: 0 0 3rem rgba(0, 0, 0, .04);}
.lt_list_area .tab_cont li a{display:block;width:100%;height:100%;padding:3rem;border-radius:2rem;position:relative}
.lt_list_area .tab_cont li a:before{content:'';width:100%;height:100%;border:2px solid var(--pt-color);border-radius:2rem;position:absolute;top:0;left:0;opacity:0;transition:all .3s}
.lt_list_area .tab_cont .li_top{margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.lt_list_area .tab_cont .li_cate{width:4.5rem;height:4.5rem;border-radius:4.5rem;background:#647a8f;font-size:1.6rem;font-weight:700;color:#fff;transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.lt_list_area .tab_cont .date{font-size:1.4rem;color:#888;letter-spacing:-1px;font-family:'Poppins'}
.lt_list_area .tab_cont .tit{font-size:1.9rem;font-weight:700;line-height:130%;color:#222;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.lt_list_area .tab_cont .txt{margin-top:2.3rem;padding-top:2.3rem;border-top:1px solid #ddd;font-size:1.6rem;line-height:150%;color:#888;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.lt_list_area .tab_cont .more_btn{position:absolute;bottom:3rem;right:3rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.lt_list_area .tab_cont .more_btn .more_txt{font-size:1.6rem;font-weight:600;color:#333;transition:all .3s;}
.lt_list_area .tab_cont .more_btn .arr{width:3.3rem;height:3.3rem;border-radius:3.3rem;background:#eff1f4;position:relative;transition:all .3s;}
.lt_list_area .tab_cont .more_btn .arr:before{content:'';width:.6rem;height:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/index/include/include01/arr.png) no-repeat left center;background-size: 200% 100%;
transition: background-position 0.3s ease;}


.lt_list_area .tab_cont li:hover a{box-shadow:0 0 1rem rgba(0,0,0,.1)}
.lt_list_area .tab_cont li:hover a:before{opacity:1}
.lt_list_area .tab_cont li:hover .li_cate{background:var(--pt-color)}
.lt_list_area .tab_cont li:hover .more_btn .more_txt{color:var(--pt-color)}
.lt_list_area .tab_cont li:hover .more_btn .arr{background:var(--pt-color)}
.lt_list_area .tab_cont li:hover .more_btn .arr:before{  background-position: right center; }



.lt_list_area .tab_cont li.empty_li{width:100%;height:32rem;border-radius:2rem;background:#f7f7f7;display: flex;align-items: center;justify-content: center;}

/*팝업존*/
#atc01 .popup_area{width:33.334%;position:relative;top:-3rem;opacity:0;transition:top 1s, opacity 1s}
#atc01 .popup_area.active{top:0;opacity:1}
#atc01 .popup_slide{width:100%;border-radius:2rem;background:#fff;overflow:hidden} 
#atc01 .popup_slide .swiper-slide{background:#fff}
#atc01 .popup_slide .swiper-slide a{display:block;width:100%;height:100%}
#atc01 .popup_slide .swiper-slide img{width:100%;transition:all .3s}

#atc01 .popup_slide .swiper-slide a:hover img{transform:scale(1.05)}


#atc01 .slide_control{width:22.5rem;height:4.5rem;margin:-2.25rem auto 0;border-radius:4.5rem;background:#fff;box-shadow:0 1rem 1rem rgba(0,0,0,.1);position:relative;z-index:2;display: flex;align-items: center;justify-content: center;gap:1rem}
#atc01 .slide_num{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem}
#atc01 .slide_num span{width:1.9rem;font-size:1.4rem;font-weight:700;line-height:1;text-align:center;cursor:pointer;font-family:'Poppins'}
#atc01 .slide_num .b_num{color:#888;position:relative}
#atc01 .slide_num .b_num:before{content:'';width:3px;height:3px;border-radius:3px;background:#444;position:absolute;top:50%;left:-.8rem;transform:translateY(-50%)}
#atc01 .slide_arr{display:flex;flex-wrap:wrap;align-items: center;gap:1rem}
#atc01 .slide_arr span{cursor:pointer}
#atc01 .slide_arr img{display:block;line-height:1}


#atc01 .slide_btn{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
#atc01 .slide_btn button{width:2.9rem;height:2.9rem;border-radius:2.9rem;border:0;background:#f7f7f7;transition:all .3s}
#atc01 .slide_btn button.btn_play{display:none;background:var(--pt-color)}
#atc01 .slide_btn button.btn_stop:hover{background:#e3e3e3}

#atc01 .slide_btn .more_btn{width:2.9rem;height:2.9rem;border-radius:2.9rem;background:#0a1c2e;transition:all .3s;display:flex;align-items:center;justify-content:center}
#atc01 .slide_btn .more_btn:hover{background:var(--pt-color)}

@media(max-width:1280px){
	
	#atc01 .inner{padding:5rem 3rem 9rem;gap:3rem}
	#atc01 .lt_list_area{width:calc(60% - 3rem)}
	.lt_list_area .tit_box .tit{font-size:2.7rem}
	.lt_list_area .tit_box .txt{display:none}
	.lt_list_area .tab_cont li{width:calc(50% - 1rem)}
	.lt_list_area .tab_cont li:nth-child(3){display:none}
	
	#atc01 .popup_area{width:40%}
	
	
	
}
@media(max-width:1024px){
	#atc01 .inner{padding:5rem 2rem 8rem;justify-content: center;}
	#atc01 .lt_list_area{width:100%}
	.lt_list_area .tab_cont {gap:2%}
	.lt_list_area .tab_cont li{width:32%}
	.lt_list_area .tab_cont li:nth-child(3){display:block}
	.lt_list_area .tab_cont li a:before{border:1px solid #ddd;opacity:1}
	#atc01 .popup_area{max-width:50rem;width:100%}
	
}
@media(max-width:767px){
	#atc01 .inner{padding:5rem 2rem 7rem;}
	#atc01 .lt_list_area{max-width:60rem}
	.lt_list_area .lt_tit_box{flex-wrap:wrap;justify-content:center;gap:1rem}
	.lt_list_area .tit_box{width:100%}
	.lt_list_area .tit_box .tit{width:100%;text-align:center}
	
	
	
	.lt_list_area .tab_cont li{width:100%;height:auto}
	.lt_list_area .tab_cont li + li{margin-top:1rem}
	.lt_list_area .tab_cont .li_top{margin-bottom:1rem}
	.lt_list_area .tab_cont .li_cate{height:2.5rem;border-radius:5rem;font-size:1.4rem}
	.lt_list_area .tab_cont .tit{-webkit-line-clamp:1;}
	.lt_list_area .tab_cont .txt{margin-top:.5rem;padding-top:0;border-top:0;-webkit-line-clamp:1;}
	.lt_list_area .tab_cont .more_btn{display:none}
	
	.lt_list_area .tab_cont li.empty_li{height:20rem}
	
}
@media(max-width:480px){
	#atc01 .inner{padding:5rem 2rem 6rem;}
	.lt_list_area .lt_tab_list{gap:1.5rem}
	.lt_list_area .tab_menu .more_btn{display:none !important}
	
	
	#atc01 .slide_control{width:100%;margin-top:-5px}
}
@media(max-width:320px){
	#atc01 .inner{padding:5rem 1.5rem 6rem}
}