@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}

.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; }

.section1 .inner { padding-top:clamp(40px, 10vw, 60px); }
.company_intro .text_wrap { margin-top:clamp(40px, 6vw, 80px); }
.company_intro .img_wrap { display:flex; width:100%; aspect-ratio:7/4; margin-top:clamp(30px, 5vw, 70px); border-radius:clamp(10px, 1vw, 15px); background:url('./img/img1.jpg') no-repeat center bottom / 105%; position:relative; }
.company_intro .img_wrap::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 1s 0.5s; }
.company_intro .img_wrap.aos-animate::after { transform:translate(-50%, -50%) scaleX(0); }
.company_intro .text_wrap2 { display:flex; flex-flow:row wrap; align-items:flex-start; gap:20px 0; width:100%; margin-top:clamp(30px, 5vw, 70px); text-align:left; }
.company_intro .text_wrap2 .tit { width:45%; line-height:1.5; font-size:clamp(18px, 2.4vw, 30px); font-weight:600; letter-spacing:-0.02em; word-break:keep-all; }
.company_intro .text_wrap2 ul { display:flex; flex-flow:column; flex-grow:1; gap:clamp(10px, 1vw, 15px) 0; }
.company_intro .text_wrap2 ul li { display:flex; align-items:center; gap:3%; font-size:clamp(11px, 1.6vw, 20px); font-weight:500; color:#000; }
.company_intro .text_wrap2 ul li .text1 { min-width:100px; padding:clamp(5px, 1vw, 10px) clamp(5px, 1vw, 15px); border:1px solid #aaa; border-radius:clamp(5px, 1vw, 10px); text-align:center; letter-spacing:-0.02em; word-break:keep-all; }
.company_intro .text_wrap2 ul li .text2 { line-height:1.2; flex-grow:1; color:#444; letter-spacing:-0.02em; word-break:keep-all; }

.company_philosophy { background:url('./img/img2.jpg') no-repeat center top / cover; background-attachment:fixed; position:relative; }
.company_philosophy::before { content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; }
.company_philosophy .content_wrap { display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; color:#fff; text-align:left; }
.company_philosophy .content_wrap .title { line-height:1.5; font-size:clamp(18px, 2.4vw, 30px); font-weight:600; letter-spacing:-0.02em; text-shadow:0 0 6px rgba(0, 0, 0, 0.4); word-break:keep-all; position:sticky; top:45%; }
.company_philosophy .content_wrap ul { display:flex; width:65%; max-width:650px; flex-flow:column; gap:clamp(10px, 1vw, 20px) 0; }
.company_philosophy .content_wrap ul li { padding:clamp(30px, 3vw, 40px); padding-left:clamp(30px, 3vw, 45px); border-radius:10px; backdrop-filter:blur(10px); background:rgba(66, 93, 122, 0.8); box-shadow:0 0 6px rgba(50, 50, 50, 0.1); }
.company_philosophy .content_wrap ul li .text1 { line-height:1.5; font-size:clamp(16px, 2vw, 24px); font-weight:600; color:#ffbe59; letter-spacing:-0.02em; word-break:keep-all; }
.company_philosophy .content_wrap ul li .text2 { line-height:1.7; padding-top:25px; font-size:clamp(14px, 1.7vw, 20px); font-weight:400; letter-spacing:-0.02em; word-break:keep-all; }





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

@media (max-width: 1250px){

}

@media (max-width: 1200px){

	.inner { width:90% !important; }

}

@media (max-width: 980px){

}

@media (max-width: 760px){

	.company_intro .text_wrap2 .tit { width:100%; }

	.company_philosophy .content_wrap { flex-flow:column; gap:30px 0; }
	.company_philosophy .content_wrap .title { position:static; }
	.company_philosophy .content_wrap ul { width:100%; }
	.company_philosophy .content_wrap ul li { padding:25px; }
	.company_philosophy .content_wrap ul li .text1 { padding-left:0; border-left:0; }
	.company_philosophy .content_wrap ul li .text2 { padding:15px 0 0; }

}

@media (max-width: 650px){

}

@media (max-width: 540px){

}