@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css');

/* 내용관리 */
#ctt { background:#fff; }
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con { }
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.section { background:#fff; position:relative; }

.inner {  width:100%; max-width:1230px; line-height:1; margin:0 auto; padding:clamp(70px, 10vw, 130px) 15px; text-align:center; }
.full { width:100%; line-height:1; margin:0 auto; padding:0 15px; text-align:center; }

.title_wrap { display:flex; flex-flow:column; text-align:left; }
.title_wrap .bold_title { line-height:1.5; font-size:clamp(18px, 2.4vw, 30px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.title_wrap .title2 { width:fit-content; line-height:1.5; margin-bottom:10px; font-size:clamp(16px, 1.8vw, 20px); font-weight:600; word-break:keep-all; position:relative; }
.title_wrap .title2::after { content:''; display:flex; width:clamp(6px, 1vw, 8px); aspect-ratio:1/1; border-radius:50%; background:#f59023; position:absolute; left:calc(100% + 12px); top:50%; transform:translateY(-50%); }

.text_wrap { display:flex; flex-flow:column; text-align:left; }
.text_wrap .tit { line-height:1.5; font-size:clamp(16px, 2vw, 24px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.text_wrap .txt { line-height:1.7; margin-top:clamp(10px, 1vw, 15px); font-size:clamp(14px, 1.7vw, 20px); font-weight:400; color:#000; letter-spacing:-0.02em; word-break:keep-all; }
.text_wrap .txt .bold { font-weight:600; color:#333; }

.img_wrap { display:flex; width:100%; aspect-ratio:10/2; margin-top:clamp(30px, 5vw, 70px); border-radius:clamp(10px, 1vw, 15px); background:url('./img/img1.jpg') no-repeat 80% 40% / 130%; position:relative; }

.section1 .inner { padding-top:clamp(40px, 10vw, 60px); }

.patents { display:flex; flex-flow:column; margin-top:clamp(50px, 6vw, 70px); text-align:left; }
.patents .tit_wrap { display:flex; align-items:center; }
.patents .tit_wrap .line { width:100%; height:1px; background:#ccc; position:relative; }
.patents .tit_wrap .line::after { content:''; width:calc(100% + 10px); height:calc(100% + 10px); background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scaleX(1); transform-origin:right; transition:transform 1.5s; }
.patents .tit_wrap.aos-animate .line::after { transform:translate(-50%, -50%) scaleX(0); }
.patents .patents_wrap { display:flex; flex-wrap:wrap; gap:clamp(30px, 4vw, 50px) 15px; width:100%; margin-top:clamp(30px, 4vw, 50px); }
.patents .patents_wrap li { width:calc((100% - 60px) / 5); }
.patents .patents_wrap li .patents_img { width:100%; padding-bottom:129.7%; border:1px solid #ddd; border-radius:8px; overflow:hidden; box-shadow:0 0 5px rgba(50,50,50,0.2); position:relative; }
.patents .patents_wrap li .patents_img img { max-width:calc(100% - 20px); max-height:calc(100% - 20px); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.patents .patents_wrap li .patents_tit { display:flex; flex-flow:column; line-height:1.3; margin-top:clamp(10px, 1vw, 15px); font-size:clamp(12px, 1.4vw, 16px); text-align:center; word-break:keep-all; }
.patents .patents_wrap li .patents_tit span { font-size:0.9em; }





/* 반응형 */
@media (max-width: 1450px){
	
}

@media (max-width: 1250px){

}

@media (max-width: 1200px){
	.inner { width:90% !important; }
}

@media (max-width: 980px){

}

@media (max-width: 760px){
	.patents .patents_wrap li { width:calc((100% - 45px) / 4); }
}

@media (max-width: 540px){
	.patents .patents_wrap li { width:calc((100% - 30px) / 3); }
}

@media (max-width: 430px){
	.patents .patents_wrap li { width:calc((100% - 15px) / 2); }
}