@media screen and (max-width: 1439px){


	.sub{width:100%; padding:60px 3%; box-sizing:border-box;}
	.sub .subTit{width:100%; text-align:Center; color:#222; font-weight:bold; font-size:80px;}
	
	
	.sub .worksHistory{width:100%; position:relative; margin-top:60px}
	.sub .worksHistory dt{width:1px; height:100%; background:#e5e5e5; position:absolute; left:0;}
	.sub .worksHistory dd{width:100%; display:flex; gap:40px; padding-left:24px; margin-top: 60px}
	.sub .worksHistory dd .txA{width:100%; place-self:start; position:relative}
	.sub .worksHistory dd .txA:before{content:''; position:absolute; width:8px; height:8px; background:#e5e5e5; border-radius:50%; left:-28px; margin-top:10px;}
	.sub .worksHistory dd .txA .date{width:100%; word-break:Keep-all; font-size:16px; color:#999;}
	.sub .worksHistory dd .txA .subj{width:100%; word-break:Keep-all; font-size:20px; color:#999; font-weight:700; margin-top:4px;}
	.sub .worksHistory dd .txA .subs{width:100%; word-break:Keep-all; font-size:9px; color:#444; font-family:'pretentdard'; margin-top:20px;}
	.sub .worksHistory dd .thum{width:100%;}
	.sub .worksHistory dd .thum img{width:100%;}
	.sub .worksHistory dd .thum.mo_thum{display:block;}
	.sub .worksHistory dd .thum.pc_thum{display:none;}
	
	.sub .reviewList{width:100%; position:relative; margin-top:60px; display:flex; gap:60px 24px; flex-flow:wrap}
	.sub .reviewList dd{width:calc(100% / 2 - 12px);}
	.sub .reviewList dd .thum{width:100%}
	.sub .reviewList dd .thum img{width:100%}
	.sub .reviewList dd .txA{width:100%; margin-top:24px;}
	.sub .reviewList dd .txA .subject{width:100%; word-break:Keep-all; font-size:24px; color:#222; font-weight:500;}
	.sub .reviewList dd .txA .substabce{width:100%; word-break:Keep-all; font-size:18px; color:#444; margin-top:12px}
	
}



@media screen and (max-width: 767px){


	.sub{width:100%; padding:60px 3%; box-sizing:border-box;}
	.sub .subTit{width:100%; text-align:Center; color:#222; font-weight:bold; font-size:80px;}
	
	
	.sub .worksHistory{width:100%; position:relative; margin-top:60px}
	.sub .worksHistory dt{width:1px; height:100%; background:#e5e5e5; position:absolute; left:0;}
	.sub .worksHistory dd{width:100%; display:flex; gap:20px; padding-left:24px; margin-top: 60px; flex-direction:column; box-sizing:border-box;}
	.sub .worksHistory dd .txA{width:100%; place-self:start; position:relative}
	.sub .worksHistory dd .txA:before{content:''; position:absolute; width:8px; height:8px; background:#e5e5e5; border-radius:50%; left:-28px; margin-top:10px;}
	.sub .worksHistory dd .txA .date{width:100%; word-break:Keep-all; font-size:14px; color:#999;}
	.sub .worksHistory dd .txA .subj{width:100%; word-break:Keep-all; font-size:16px; color:#999; font-weight:700; margin-top:4px;}
	.sub .worksHistory dd .txA .subs{width:100%; word-break:Keep-all; font-size:9px; color:#444; font-family:'pretentdard'; margin-top:20px;}
	.sub .worksHistory dd .thum{width:100%;}
	.sub .worksHistory dd .thum img{width:100%;}
	.sub .worksHistory dd .thum.mo_thum{display:block;}
	.sub .worksHistory dd .thum.pc_thum{display:none;}
	
	.sub .reviewList{width:100%; position:relative; margin-top:60px; display:flex; gap:60px 24px; flex-flow:wrap}
	.sub .reviewList dd{width:100%;}
	.sub .reviewList dd .thum{width:100%}
	.sub .reviewList dd .thum img{width:100%}
	.sub .reviewList dd .txA{width:100%; margin-top:24px;}
	.sub .reviewList dd .txA .subject{width:100%; word-break:Keep-all; font-size:18px; color:#222; font-weight:500;}
	.sub .reviewList dd .txA .substabce{width:100%; word-break:Keep-all; font-size:14px; color:#444; margin-top:12px}
	
}