@media (max-width:1280px) {
	.w1200{padding:0 5%;}
}

/* reset 설정 */
:root{
/* color*/
--color-point:#28a987;
--color-point2:#cf003c;
--color-yellow:#8f6449;
--color-gray:#f5f5f5;
--color-gray-border:#e1e1e1;
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1

}


img.test{display: none;}
#hd_pop{z-index:998;}
/*--------------------------------------- 메인 비쥬얼 ---------------------------------------*/
#mVisual{position:relative; overflow:hidden; height:750px; width:100%; margin-top:160px; background: url('/images/2025/main/2025visual_test.jpg') 0 0 no-repeat;}
#mVisual .mVideo{position:relative; width:100%; height:100%;overflow:hidden;}
#mVisual .mVideo::before{position:absolute; display:block; content:''; top:0; left:0px; width:100%; height:100%; background:url("/images/2024/main/visual-filter.png") no-repeat 50% 50%; z-index:1; background-size: cover;}	 
#mVisual .mVideo video{width: 100%;height: auto; position: absolute; left: 50%; top: 0; transform: translateX(-50%); opacity:.8;}

#mVisual .slog_wr{position:absolute; width:100%; height:100%; z-index:5; display: flex; flex-direction: column; align-items: center; padding-top: 100px; color:#fff;}
#mVisual .slog_wr > img{max-width: 100%;}
#mVisual .slog_wr h2{position:relative; display:inline-block; font-size:92px; font-weight:700; line-height:1; text-align: center; text-shadow: 0px 3px 2.85px rgba(0, 0, 0, 0.15);}
#mVisual .slog_wr h2::before{position:absolute; display:block; content:''; width:100%; height:30px; background:#28a987; transform: skew(-40deg); opacity:.8; z-index: -1; bottom: 0;}
#mVisual .slog_wr h2 span{font-family:'GmarketSansBold', sans-serif; font-weight: normal;}		
#mVisual .slog_wr p{font-family:'GmarketSansBold', sans-serif; font-weight: normal; font-size:50px; margin-top:45px; text-align:center;text-shadow: 0px 3px 2.85px rgba(0, 0, 0, 0.15);}  
#mVisual .slog_wr p small{font-family:'GmarketSansMedium', sans-serif; font-size:0.58em; margin-top:20px;}

#mVisual .scroll{position:absolute; width:132px; height:132px; left: 50%; bottom: 50px; transform: translateX(-50%);}
#mVisual .scroll::before{position:absolute; display:block; content:''; width:100%; height:100%; background:url("/images/2024/main/scroll-down-icon.png") no-repeat 50% 50%;}   
#mVisual .scroll img{width:100%; animation: path 35s linear infinite;}

@keyframes path {
	from{transform:rotateZ(0);}
	to{transform: rotateZ(350deg);}
}

@media (max-width:1400px){
	#mVisual{margin-top: 80px;}
	#mVisual .slog_wr{padding-top:200px;}
    #mVisual .slog_wr >img{height: 150px;}
	#mVisual .slog_wr p{font-size:45px; }
	#mVisual .slog_wr h2{font-size:62px;}
	#mVisual .scroll{width:125px; height:125px;}
}	 
@media (max-width:1280px){
	#mVisual .slog_wr p{font-size:40px; margin-top: 35px;}
	#mVisual .slog_wr h2{font-size:54px;}
	#mVisual .slog_wr h2::before{height:28px;}
	#mVisual .scroll{width:108px; height:108px;}
}  	 
@media (max-width:1024px){	 
	#mVisual{height:540px;} 
	#mVisual .mVideo video{width:auto;height:100%;}
	#mVisual .slog_wr{padding-top: 80px;}
    #mVisual .slog_wr >img{height: 120px;}
	#mVisual .slog_wr p{font-size:35px;margin-top: 30px;}
	#mVisual .slog_wr h2{font-size:46px;}
	#mVisual .slog_wr h2::before{height:25px;}
	#mVisual .scroll{width:96px; height:96px;}   
}  
@media (max-width:890px){	
	#mVisual{height:480px; margin-top:80px;} 
	#mVisual .slog_wr{padding-top: 120px;}
	#mVisual .slog_wr p{font-size:30px;margin-top: 24px;}
	#mVisual .slog_wr h2{font-size:38px; line-height:1.15; width:95%;}
	#mVisual .slog_wr h2::before, #mVisual .scroll{display:none;}   
} 
@media (max-width:650px){
	#mVisual{height:400px;} 
	#mVisual .slog_wr{padding-top: 80px;}
	#mVisual .slog_wr p{font-size:26px;}
	#mVisual .slog_wr h2{font-size:35px;}
} 
@media (max-width:450px){
	#mVisual{height:340px;} 
	#mVisual .slog_wr{padding-top: 60px;}
    #mVisual .slog_wr >img{height: 100px;}
} 
        

 /* ------------------------------------------- 공통글자 ------------------------------------------- */
 p.mtit_sub{position: relative; font-size:18px; font-weight:400; letter-spacing:0.4em; color:#28a987; line-height:1; margin-bottom:15px; text-transform: uppercase;}
 h3.mtit{position: relative; font-family:'GmarketSansBold', sans-serif; font-weight: normal; font-size:48px; color:#2f2d38; line-height:1;}

.sm_tit{display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; color:#12151f;}
.sm_tit a{font-size:38px; font-family: 'GmarketSansLight', sans-serif; font-weight: normal; color:#fff; background-color:#ccc; width:40px; height:40px; border-radius:5px; transition: all .3s; text-align: center;}
.sm_tit a:hover{background-color:#28a987; transition: all .3s;}

@media (max-width:1400px) {
	p.mtit_sub{font-size:18px; margin-bottom:10px;}
	h3.mtit{font-size:42px;}
}
@media (max-width:980px) {
	p.mtit_sub{font-size:16px;}
	h3.mtit{font-size:34px;}
	.sm_tit{padding-bottom:15px; margin-bottom: 25px;}
	.sm_tit a{font-size:36px; width:38px; height:38px;}
}
@media (max-width:680px) {
	p.mtit_sub{font-size:15px; letter-spacing:0.2em;}
	h3.mtit{font-size:32px;}	
	.sm_tit{padding-bottom:15px; margin-bottom: 15px;}
	.sm_tit a{font-size:30px; width:32px; height:32px;}
}
@media (max-width:500px) {
	p.mtit_sub{font-size:14px;}
	h3.mtit{font-size:30px;}
}


/* ------------------------------------------- 연사소개 ------------------------------------------- */
#Speak{position:relative; padding:180px 0;}
#Speak .Speak_wr{position:relative;}
#Speak .Speak_wr + .Speak_wr{padding-top:120px;}
#Speak .Speak_wr .S_tit{text-align: center;}
#Speak ul.Sp_list{position:relative; padding-top:60px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap:3.5%;}

#Speak ul.Sp_list li{position:relative; display: flex; flex-wrap: wrap; justify-content: flex-start; width:31%; margin-bottom:4%;}	 
#Speak ul.Sp_list li a{position:absolute; width:100%; height:100%; display:block; z-index:1; top: 0; left: 0;} 
#Speak ul.Sp_list li .img_box{position:relative; width:72%; height:350px; border-radius:140px 0 140px 0; overflow:hidden; margin-left: 35px; z-index:1;}
#Speak ul.Sp_list li .img_box span{
	position:absolute; display:block; content:''; width:100%; height:35px; background: linear-gradient(90deg, rgba(143,100,73,1) 0%, rgba(143,100,73,0) 100%); left:0; bottom:0; z-index:2;
	font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size:18px; color:#fff; line-height:38px; padding-left:13px;
}
#Speak ul.Sp_list li .img_box img{width:100%; transition: all .6s;}

#Speak ul.Sp_list li .txt_box{position:relative; width:100%; padding:65px 20px 30px 40px; background:#efe7da; margin-top:-35px; z-index:0;}  
#Speak ul.Sp_list li .txt_box::before{position:absolute; display:block; content:''; width:35px; height:35px; z-index:3; top:0; left:0; background: #fff;}
#Speak ul.Sp_list li .txt_box span.date{position:relative; font-size:20px; color:#8f6449; letter-spacing:-0.015em;}
#Speak ul.Sp_list li .txt_box p.name{font-family:'GmarketSansBold', sans-serif; font-weight: normal; font-size:30px; line-height:1.3; color: #222; margin:18px 0;}
#Speak ul.Sp_list li .txt_box p.name small{display: block; font-family:'GmarketSansMedium', sans-serif; font-size:0.8em;}
#Speak ul.Sp_list li .txt_box p.btn{display:inline-block; font-family:'GmarketSansLight', sans-serif; font-size:18px; color:#fff; line-height:1; padding:10px 21px 0px; background:#b3907a; border-radius:50px;}

#Speak ul.Sp_list li:hover{transition: all .6s;}
#Speak ul.Sp_list li:hover .img_box img{transform:scale(1.1); transition: all .6s;}
#Speak ul.Sp_list li:hover .img_box::before{transform: translate(-50%, -50%) rotate(45deg); transition: all .6s;}
#Speak ul.Sp_list li:hover .img_box::after{opacity:1; transform: translate(-50%, -50%) rotate(45deg); transition: all .6s;}	

#Speak .Sp0{text-align: center;}
#Speak .Sp0 .add-p{position: relative; font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size:25px; color:#555; line-height:1; margin-top:30px;}
#Speak .Sp0 ul.Sp_list{gap:1.5%;}
#Speak .Sp0 ul.Sp_list li{width:calc(95.5% / 4); margin-bottom:4%; flex-direction: column; text-align:left;}	 

#Speak .Sp0 ul.Sp_list li .img_box{width:100%; height:auto; margin-left:0;}

#Speak .Sp0 ul.Sp_list li .txt_box{position:relative; width:100%; padding:65px 0px 10px 16px; background:#fff;}  
#Speak .Sp0 ul.Sp_list li .txt_box::before{background: #efe8db; height: 100%; width: 3px; top: 0;}
#Speak .Sp0 ul.Sp_list li .txt_box p.name{font-size:28px; margin:0;}

#Speak .Sp0 a.btn{display:inline-block; font-family:'GmarketSansLight', sans-serif; font-size:21px; color:#fff; line-height:1; padding:15px 32px 12px; background:#b3907a; border-radius:50px; height:auto;}
#Speak ul.Sp_list li.mr1{margin-right:50%;}	
#Speak .Sp0 ul.Sp_list li.mr1{margin-right:0;}



@media (max-width:1400px) {	 
	#Speak ul.Sp_list li .img_box{height:320px; border-radius:130px 0 130px 0; }

	#Speak ul.Sp_list li .txt_box{padding:65px 20px 30px 40px; margin-top:-35px;}  
	#Speak ul.Sp_list li .txt_box::before{width:35px; height:35px;}
	#Speak ul.Sp_list li .txt_box span.date{font-size:18px;}
	#Speak ul.Sp_list li .txt_box p.name{font-size:28px; margin:13px 0;}
	#Speak ul.Sp_list li .txt_box p.btn{font-size:16px; padding:10px 20px 0px;}
																							  
	#Speak .Sp0 .add-p{font-size:23px; margin-top:30px;}    
	#Speak .Sp0 ul.Sp_list li .txt_box{padding:65px 0px 10px 16px;}
	#Speak .Sp0 ul.Sp_list li .txt_box p.name{font-size:24px;}
	#Speak .Sp0 a.btn{font-size:21px; padding:15px 32px 12px;}
}
@media (max-width:1200px) {
	#Speak{padding:120px 0;}
	#Speak .Speak_wr + .Speak_wr{padding-top:80px;}
	#Speak ul.Sp_list{padding-top:40px;}

	#Speak ul.Sp_list li{width:48%; margin-bottom:3%;}	 
	#Speak ul.Sp_list li .img_box{height:380px; border-radius:160px 0 160px 0;}	
	#Speak ul.Sp_list li.mr1{margin-right:0;}
																							  
	#Speak .Sp0 .add-p{font-size:21px; margin-top:26px;}   
	#Speak .Sp0 ul.Sp_list li{width:calc(95.5% / 2);}	
}
@media (max-width:1080px) {	 
	#Speak ul.Sp_list li .img_box{height:300px; border-radius:120px 0 120px 0;}
}
@media (max-width:800px) {
	#Speak ul.Sp_list li .img_box{width:75%; height:270px; border-radius:100px 0 100px 0; margin-left:28px;}
	#Speak ul.Sp_list li .img_box span{height:28px; font-size:16px; line-height:29px; padding-left:10px;}

	#Speak ul.Sp_list li .txt_box{padding:50px 10px 25px 30px; margin-top:-28px;}  
	#Speak ul.Sp_list li .txt_box::before{width:28px; height:28px;}
	#Speak ul.Sp_list li .txt_box span.date{font-size:16px;}
	#Speak ul.Sp_list li .txt_box p.name{font-size:24px; margin:10px 0;}
	#Speak ul.Sp_list li .txt_box p.btn{font-size:15px; padding:10px 18px 0px;}	
												  
	#Speak .Sp0 .add-p{font-size:18px; margin-top:22px;}   
	#Speak .Sp0 ul.Sp_list li .txt_box{padding:50px 0px 10px 16px;}
	#Speak .Sp0 ul.Sp_list li .txt_box p.name{font-size:22px;}
	#Speak .Sp0 a.btn{font-size:18px; padding:13px 28px 10px;}

}
@media (max-width:680px) {
	#Speak{padding:80px 0;}
	#Speak ul.Sp_list li .img_box{width:85%; height:260px; border-radius:100px 0 100px 0; margin-left:25px;}
	#Speak ul.Sp_list li .img_box span{height:28px; font-size:16px; line-height:29px; padding-left:10px;}

	#Speak ul.Sp_list li .txt_box{padding:50px 10px 25px 30px; margin-top:-25px;}  
	#Speak ul.Sp_list li .txt_box::before{width:25px; height:25px;}
	#Speak ul.Sp_list li .txt_box span.date{font-size:14px;}
	#Speak ul.Sp_list li .txt_box p.name{font-size:21px; margin:7px 0;}
	#Speak ul.Sp_list li .txt_box p.btn{font-size:14px; padding:10px 18px 0px;}	 
												  
	#Speak .Sp0 .add-p{font-size:18px; margin-top:20px;}   
	#Speak .Sp0 ul.Sp_list li .txt_box{padding:45px 0px 10px 16px;}
	#Speak .Sp0 ul.Sp_list li .txt_box p.name{font-size:20px;}
	#Speak .Sp0 a.btn{font-size:18px; padding:13px 28px 10px;}
}
@media (max-width:580px) {
	#Speak ul.Sp_list li .img_box{height:auto; border-radius:70px 0 70px 0; margin-left:25px;}
}
@media (max-width:480px) {
	#Speak ul.Sp_list li{width:100%;}	
	#Speak ul.Sp_list li .img_box{width:80%;} 
	#Speak .Sp0 ul.Sp_list li{width:100%;}	
	#Speak .Sp0 a.btn{font-size:16px; padding:13px 28px 10px;}		
	#Speak .Sp0 .add-p{font-size:17px; margin-top:20px;}   

}
 

/* ------------------------------------------- section02 ------------------------------------------- */
.section02{position: relative; width:100%; overflow:hidden;}
.section02::after{
	position: absolute; display: block;content: ""; top:400px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;
	max-width: 1920px; z-index: -2; background: url("/images/2024/main/int_BG.png") 0 0 no-repeat; background-size: 100%;
}

/* 미리보기 영상 */
#Ytb{position:relative;}
/* 유튜브사용할경우 */
#Ytb .Y_tit{text-align: center; color:#fff !important;}
#Ytb .yt_all{position:relative;width:100%; border-radius:20px; box-shadow: 0px 5px 21.25px 3.75px rgba(0, 0, 0, 0.1); padding-bottom:52%; margin-top:60px;}
#Ytb .yt_all iframe{position:absolute;width:calc(100% - 80px);height:calc(100% - 80px); border-radius:20px; top: 50px; left: 50px;}

/* 비디오사용할경우 */
#Ytb .vd_all{position:relative;width:100%; background:#fff; border-radius:60px; box-shadow: 0px 5px 21.25px 3.75px rgba(0, 0, 0, 0.1); padding-bottom:55.8%; margin-top:60px;}   
#Ytb .vd_all video , #Ytb .vd_all video[poster]{position: absolute; border-radius:22px; overflow:hidden; width:calc(100% - 80px);height:calc(100% - 80px); top:40px; left: 40px; z-index:3;} 
#Ytb .vd_all::before{position:absolute; display:block; content:''; width:100%; height:100%; border:40px solid #757380; border-radius: 50px; top:0; left:0; z-index:0;}
#Ytb .vd_all::after{position:absolute; display:block; content:''; width:calc(100% - 30px); height:calc(100% - 30px); border:25px solid #f2f2f2; border-radius:40px; top:15px; left:15px; z-index:1;}


/* 퀵버튼 */
#Qlink{position:relative; display: flex; justify-content: space-around; flex-wrap: wrap; padding:180px 0;}
#Qlink .Q_tit{width:25%; margin-top:35px}
#Qlink ul.link_list{width:75%; display: flex; align-items: center; justify-content: space-evenly;}
#Qlink ul.link_list li{margin:0 auto;}
#Qlink ul.link_list li a{display: block;}
#Qlink ul.link_list li .cir{position: relative; width:190px; height:190px; border-radius: 50%; text-align: center; margin:0 auto; margin-bottom:25px;}
#Qlink ul.link_list li .cir::after{position: absolute; display: block; content: ""; width:150px; height:150px; border-radius: 50%; top:20px; left:20px; background: #fff; z-index: 2; box-shadow:0px 0px 15px 5px rgba(40,169,135,0.12); border:2px dashed #fff; transition: all .4s;}
#Qlink ul.link_list li .cir::before{position: absolute; display: block; content: ""; width:100%; height: 100%; border-radius: 50%; top: 0px; left: 0px; background: #28a987; opacity: .03; z-index: 1; transition: all .4s; }
#Qlink ul.link_list li .cir img{position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
#Qlink ul.link_list li span{position: relative; font-family:'GmarketSansMedium', sans-serif; font-weight:normal; display:block; text-align:center; line-height: 1; font-size:24px; color:#222; transition: all .4s;}
#Qlink ul.link_list li span::before{position: absolute; display: block; content: ""; width:5px; height:5px; border-radius: 50%; top:0px; left:50%; transform:translateX(-50%);  background: #28a987; opacity:0; z-index: 1; transition: all .4s; }

#Qlink ul.link_list li a:hover span{color:#28a987; transition: all .4s;}
#Qlink ul.link_list li a:hover span::before{top:-15px; opacity:1; transition: all .4s;}

#Qlink ul.link_list li a:hover .cir::after{box-shadow:none; border-color:#28a987; transition: all .4s;}
#Qlink ul.link_list li a:hover .cir::before{opacity:0; transition: all .4s;}
@media (max-width:1400px) {		
	/* 미리보기 영상 */
	#Ytb{margin-top:80px;}
	/* 유튜브사용할경우 */
	#Ytb .yt_all{padding-bottom:52%; margin-top:40px;}
	/* 비디오사용할경우 */
	#Ytb .vd_all{margin-top:40px;}   

	/* 퀵버튼 */
	#Qlink{padding:180px 0;}
	#Qlink .Q_tit{width:30%;}
	#Qlink ul.link_list{width:70%;}

	#Qlink ul.link_list li .cir{width: 150px; height: 150px; margin-bottom: 10px;}
	#Qlink ul.link_list li .cir::after{width: 126px; height: 126px; top: 12px; left: 12px;}
	#Qlink ul.link_list li .cir img{width:90%;}
	#Qlink ul.link_list li span{font-size: 20px;}

}
@media (max-width:980px) {
	.section02::after{top:300px; }

	/* 미리보기 영상 */
	#Ytb{margin-top:70px;}
	/* 유튜브사용할경우 */
	#Ytb .yt_all{padding-bottom:52%; margin-top:25px;}
	/* 비디오사용할경우 */
	#Ytb .vd_all{width:90%; padding-bottom:54.3%; margin-top:25px; border-radius:30px;} 
	#Ytb .vd_all::before{border-radius:25px;}
	#Ytb .vd_all video , #Ytb .vd_all video[poster]{width:calc(100% - 60px);height:calc(100% - 60px); top: 30px; left: 30px; border-radius:15px;}
	#Ytb .vd_all::after{border-radius:20px; }

	/* 퀵버튼 */
	#Qlink{padding:80px 0;}
	#Qlink .Q_tit{width:100%; text-align:center; margin:0 auto; padding-bottom:25px;}
	#Qlink ul.link_list{width:100%;}

	#Qlink ul.link_list li .cir{width: 140px; height: 140px; margin:0 auto; margin-bottom: 10px;}
	#Qlink ul.link_list li .cir::after{width: 118px; height: 118px; top: 11px; left: 11px;}
	#Qlink ul.link_list li .cir::before{width: 140px; height: 140px;}
	#Qlink ul.link_list li .cir img{width:116px;}
	#Qlink ul.link_list li span{font-size: 17px;}

}
@media (max-width:680px) {
	.section02::after{top:200px; }
	/* 퀵버튼 */
	#Qlink ul.link_list{flex-wrap: wrap;}
	#Qlink ul.link_list li{width: 50%; margin-bottom:15px;}
	#Qlink ul.link_list li .cir{width: 102px; height: 102px; margin:0 auto; margin-bottom: 10px;}
	#Qlink ul.link_list li .cir::after{width: 84px; height: 84px; top: 9px; left: 9px;}
	#Qlink ul.link_list li .cir::before{width: 102px; height: 102px;}
	#Qlink ul.link_list li .cir img{width:84px;}
	#Qlink ul.link_list li span{font-size: 15px;}

	/* 미리보기 영상 */
	#Ytb{margin-top:40px;}
	/* 유튜브사용할경우 */
	#Ytb .yt_all{padding-bottom:52%; margin-top:20px;}
}
@media (max-width:550px) {
	/* 퀵버튼 */
	#Qlink ul.link_list li .cir{width: 80px; height: 80px; margin:0 auto; margin-bottom: 10px;}
	#Qlink ul.link_list li .cir::after{width: 66px; height: 66px; top: 7px; left: 7px;}
	#Qlink ul.link_list li .cir::before{width: 80px; height: 80px;}
	#Qlink ul.link_list li .cir img{width:64px;}
	#Qlink ul.link_list li span{font-size: 15px;}

	/* 미리보기 영상 */
	#Ytb{margin-top:70px;}
	/* 유튜브사용할경우 */
	#Ytb .yt_all{padding-bottom:52%; margin-top:20px;}
	/* 비디오사용할경우 */
	#Ytb .vd_all{width:95%; padding-bottom:57.3%; margin-top:20px;}
}




/* ------------------------------------------- 공지사항, Q&A ------------------------------------------- */
#news{position:relative; padding-bottom:150px;}
#news .news_wr{display: flex; flex-wrap: wrap; justify-content: space-between;}
#news .news_wr .note{width:54%;}
#news .news_wr .note .note_wr{}
#news .news_wr .note ul{}
#news .news_wr .note ul li{}
#news .news_wr .note ul li + li{margin-top:15px;}
#news .news_wr .note ul li a{display: flex; transition: all .3s; align-items: center;}
#news .news_wr .note ul li a .date{width: 115px; height: 115px; border: 1px solid #bbb; color: #999; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1; transition: all .3s; border-radius:8px;}
#news .news_wr .note ul li a .date h5{font-family:'GmarketSansBold', sans-serif; font-weight: normal; font-size: 42px; letter-spacing: -0.02em;}
#news .news_wr .note ul li a .date p{font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size: 16px; letter-spacing: -0.02em;}
#news .news_wr .note ul li a .txt{padding-left: 25px; line-height: 1.2; display: flex; flex-direction: column; justify-content: center; width: calc(100% - 115px); word-break: keep-all;}
#news .news_wr .note ul li a .txt h5{font-family:'GmarketSansBold', sans-serif; font-weight: 600; font-size: 25px; color: #555; letter-spacing: -0.02em; transition: all .3s; line-height: 1.35;}
#news .news_wr .note ul li a .txt p{font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size:20px; line-height:1.3; color:rgb(85 85 85 / 60%); letter-spacing: -0.02em; margin-top:3px; transition: all .3s;}

#news .news_wr .note ul li a .txt h5{word-break: keep-all; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#news .news_wr .note ul li a .txt p{word-break: keep-all; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

#news .news_wr .qna{width:42%;}
#news .news_wr .qna .qna_wr{}
#news .news_wr .qna ul{}
#news .news_wr .qna ul li + li{margin-top: 10px; }
#news .news_wr .qna ul li a{transition: all .3s; position:relative; display:block; width:100%; padding:18px 25px; border: 1px solid #bbb; border-radius:8px; color: #555;}
#news .news_wr .qna ul li a p{font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size: 20px; letter-spacing: -0.02em;}

#news .news_wr .qna ul li a p{word-break: keep-all; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

@media (min-width:860px) {
	#news .news_wr .note ul li a:hover .date{border: 1px solid #28a987; color: #28a987; transition: all .3s;}
	#news .news_wr .note ul li a:hover .txt h5{color: #28a987; transition: all .3s;}
	#news .news_wr .note ul li a:hover .txt p{color: #28a987; transition: all .3s;}
	#news .news_wr .qna ul li a:hover{border: 1px solid #28a987; color: #28a987; transition: all .3s;}
}

/* #news .note{opacity:0; transform:translateX(10%); transition:all .8s; }
#news .in-view .note{opacity:1; transform:translateX(0);}
#news .qna{opacity:0; transform:translateX(-10%); transition:all .8s; }
#news .in-view .qna{opacity:1; transform:translateX(0);} */


@media (max-width:1600px) {
}
@media (max-width:1400px) {
	#news{padding:120px 0;}
	#news .news_wr .note ul li + li{margin-top:15px;}
	#news .news_wr .note ul li a .date{width: 100px; height: 100px;}
	#news .news_wr .note ul li a .date h5{font-size:38px;}
	#news .news_wr .note ul li a .date p{font-size: 16px;}
	#news .news_wr .note ul li a .txt{ width: calc(100% - 100px);}
	#news .news_wr .note ul li a .txt h5{font-size: 22px;}
	#news .news_wr .note ul li a .txt p{font-size: 18px;}
	#news .news_wr .qna ul li a p{ font-size: 20px;}
}
@media (max-width:1020px) { 
	#news{padding:80px 0;}
	#news .news_wr .note ul li a .date{width: 80px; height: 80px;}
	#news .news_wr .note ul li a .date h5{font-size:30px;}
	#news .news_wr .note ul li a .date p{font-size: 14px;}
	#news .news_wr .note ul li a .txt{ width: calc(100% - 80px);}
	#news .news_wr .note ul li a .txt h5{font-size: 19px;}
	#news .news_wr .note ul li a .txt p{font-size: 16px; margin-top:5px;}
	#news .news_wr .qna ul li a p{font-size: 18px;}
	#news .news_wr .qna ul li {margin-bottom:7px;}
}
@media (max-width:860px) {
	#news .news_wr .note{width:100%;}
	#news .news_wr .qna{width:100%; margin-top:40px;}
}
@media (max-width:640px) {
	#news{padding:60px 0;}	
	#news .news_wr .note ul li + li{margin-top:10px;}
	#news .news_wr .note ul li a .date{width: 70px; height: 70px;}
	#news .news_wr .note ul li a .date h5{font-size:24px;}
	#news .news_wr .note ul li a .date p{font-size: 12px;}
	#news .news_wr .note ul li a .txt{padding-left: 18px; width: calc(100% - 70px);}
	#news .news_wr .note ul li a .txt h5{font-size: 16px;}
	#news .news_wr .note ul li a .txt p{font-size: 13px;}
	#news .news_wr .qna ul li a p{font-size: 15px;}
}


/* ------------------------------------------- 후원사로고 ------------------------------------------- */
#m-link{position:relative; background:#f9f9f9; min-height:60px; padding:55px 0;}
#m-link .link_wr{max-width:1720px; margin:0 auto; width:94%; overflow: hidden;}
#m-link .link_wr .link-box{display:flex; justify-content:center; align-items:center; gap:10px;}
#m-link .link_wr .link-box .link-item{width: 13%; text-align:center;}
#m-link .link_wr .link-box .link-item a{display:block; width:100%; height: 90px; line-height: 88px; border: 1px solid #eee; overflow: hidden; background: #fff;}
#m-link .link_wr .link-box .link-item a img{max-width: 100%;}
#m-link .link_wr .link-box .link-item.new a img{max-width: 80%; max-height: 40px;}


@media (max-width: 1180px){
	#m-link{padding:40px 0;}
	#m-link .link_wr .link-box{gap:15px;}
	#m-link .link_wr .link-box .link-item a{height: auto;}
}
@media (max-width: 820px){
	#m-link{padding:35px 0;}
	#m-link .link_wr .link-box{gap:10px;}
}
@media (max-width: 660px){
	#m-link{padding:25px 0;}
	#m-link .link_wr .link-box{flex-wrap: wrap; gap:3%;}
	#m-link .link_wr .link-box .link-item{width:48.5%;}
	#m-link .link_wr .link-box .link-item:nth-child(n + 3){margin-top:3%;} 
}
@media (max-width: 480px){
	#m-link{padding:4% 0;}
}

/* ------------------------------------------- 푸터 ------------------------------------------- */
footer{position: relative; z-index: 9999; font-size: 17px; letter-spacing:-0.01em; padding:55px 0;background: #1b1a21; color:#b4b4b4; font-weight:400; word-break: keep-all;}
footer .f_info{display: flex; align-items: center; justify-content: space-between;}
footer .f_info p.tit{font-size:20px; color: #b4b4b4; margin-bottom:20px; font-weight:400;}
footer .f_info p b{font-size:17px; font-weight:400; padding: 0 20px;}
footer .f_info p.copy{opacity:.6;}

footer .f_info .right{}
footer .f_info .right a{width: 100%; height: 100%; display: block;}
footer .f_info .right a img{-webkit-filter: grayscale(100%) brightness(1000%); filter: grayscale(100%) brightness(1000%); }

#top_btn{width: 60px!important;height: 60px!important;right: 30px!important;bottom: -100px!important;background: #fff !important;border:1px solid var(--color-point) !important; border-radius: 10px; color: var(--color-point) !important;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s; ;}
#top_btn i{}
#top_btn:hover{background: var(--color-point) !important;color: #fff !important;	}
#top_btn.on{bottom: 30px!important;}

@media (max-width:860px) {
	footer{font-size: 15px;}
	footer .f_info p.copy{margin-top: 5px;} 

	footer .f_info{display: flex; flex-direction: column-reverse; align-items: flex-start; flex-wrap: wrap;}
	footer .f_info .right{margin-bottom:10px;}
}

@media (max-width:640px) {
	footer{font-size: 14px;}
	footer .f_info p.copy{margin-top: 5px;}  
	footer .f_info{align-items:center;}
	footer .f_info p b { font-size: 0; display: block; margin-top: 5px;}
	footer .f_info , footer .f_info p.tit{text-align: center;}
}

/* ------------------------------------------- 퀵메뉴 ------------------------------------------- */
#quick{position:fixed; right:0; top:28%; z-index: 9;}
#quick ul{}
#quick ul li{margin-bottom:15px;}
#quick ul li a{
	display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; width:130px; height:130px; border-radius:15px 0 0 15px; box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.1); text-align:center;
}
#quick ul li a img{width: 45px; transition-duration: 0.5s; transition-timing-function: ease-in-out}
#quick ul li a p{ font-family:'GmarketSansMedium', sans-serif; font-weight: 600; font-size:18px; line-height:1.13; color:#fff; margin-top:7px;}

#quick ul .qu-0 a{background: #F39500;}
#quick ul .qu-1 a{background:#28A987;}
#quick ul .qu-2 a{background:#2BACD1;}

#quick ul li a:hover img{transform: rotateY(360deg);}

@media (max-width:1200px){
	#quick ul li{margin-bottom:10px;}
	#quick ul li a{width:115px; height:115px; border-radius:10px 0 0 10px;}
	#quick ul li a img{width:38px;}
	#quick ul li a p{font-size:17px; margin-top:7px;}
	#quick ul li a:hover img{transform: rotateY(360deg);}
}
@media (max-width:860px) {
	#quick ul li{margin-bottom:10px;}
	#quick ul li a{width:100px; height:100px;}
	#quick ul li a img{width:32px;}
	#quick ul li a p{font-size:15px; margin-top:7px;}
}

@media (max-width:640px) {
	#quick ul li{margin-bottom:10px;}
	#quick ul li a{width:90px; height:90px;}
	#quick ul li a img{width:28px;}
	#quick ul li a p{font-size:14px; margin-top:7px;}
}