@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
/* 내용관리 */
#ctt {background:#fff}
.ctt_admin {text-align:right;display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}

.container{max-width:100%}
.basic-body-main.col-xs-12{padding:0 !important}
.ctt_company{letter-spacing: -0.05em;}
.ctt_company .con-wid{max-width:1440px; margin: 0 auto;}
.ctt_company .com-about{display:flex;align-items: center;margin: 150px 0;gap: 50px;}
.ctt_company .com-about .about-img{width:50%;display: flex;align-items: center;justify-content: center;}
.ctt_company .com-about .about-txt{width:50%}
.ctt_company .com-about .about-txt span{font-family: "Noto Serif", serif;font-size: 23px;font-weight: 500;}
.ctt_company .com-about .about-txt h3{font-size: 30px;font-weight: 500;line-height: 1.3;margin: 15px 0 30px;}
.ctt_company .com-about .about-txt p{font-size:20px;line-height:1.4;color:#252525}
.ctt_company .ceo-box{display:flex;align-items: center;margin: 150px 0 0;gap: 50px;padding:0 0 0 100px}
.ctt_company .ceo-box .ceo-txt{width:70%}
.ctt_company .ceo-box .ceo-txt h1{font-size:90px;font-family: "Noto Serif", serif;margin: 0 0 30px;}
.ctt_company .ceo-box .ceo-txt p{font-size:18px;color:#252525;line-height:1.4;}
.ctt_company .ceo-box .ceo-txt .sign-img{max-width:280px;margin-top:50px}
.ctt_company .ceo-box .ceo-img{width:30%}
.ctt_company .ceo-box .ceo-img .ceoimg-mo{display:none}
.ctt_company .full-wid{width:100%;}
.ctt_company .full-wid.bggrey{background:#f9f9f9}
.ctt_company .full-wid.bgimg{background:url("../../../img/about_img03.jpg") no-repeat center/cover fixed; }
.ctt_company .full-wid .text{text-align:center;padding:130px 0}
.ctt_company .full-wid .text h4{font-size:35px;font-family: "Noto Serif", serif;margin:0 0 30px;font-weight: 500;}
.ctt_company .full-wid .text p{font-size:18px;line-height:1.6;color:#252525;margin:0}
.ctt_company .goal-list .goalbox{display:flex;align-items:center}
.ctt_company .goal-list .goalbox .goal-img{width:50%;height:800px;overflow: hidden;}
.ctt_company .goal-list .goalbox .goal-img img{height: 100% !important; object-fit: cover;}
.ctt_company .goal-list .goalbox.goal-03 .goal-img video{width:100%;height:800px;object-fit: cover;}
.player .vp-video-wrapper video{object-fit: cover;}
.ctt_company .goal-list{margin:0 auto 150px}
.ctt_company .goal-list .goalbox .goal-txt{width:50%;text-align:center;padding: 15px;}
.ctt_company .goal-list .goalbox .goal-txt h4{font-size:40px;font-family: "Noto Serif", serif;margin:0 0 30px;font-weight: 500;}
.ctt_company .goal-list .goalbox .goal-txt p{font-size:18px;line-height:1.6;color:#252525;margin:0}
.ctt_company .comtxtbox{margin:150px 20px 100px;text-align:center}
.ctt_company .comtxtbox h1{font-size:43px;font-family: "Noto Serif", serif;margin: 0;}
.ctt_company .comtxtbox p{font-size:19px;line-height:1.6;color: #6a568a;margin:20px 0 5px;font-weight: 600;}
.ctt_company .comtxtbox span{font-size:19px;color: #b2a8ce; font-weight: 500;}
.ctt_company .group-img{margin:100px auto; text-align: center;background: #f9f9f9;padding: 70px;border-radius: 15px !important;}



@media(min-width:576px){
	.groupimg-mo{display:none;}
}
@media(max-width:1440px){
	.ctt_company .com-about{padding:0 20px}
	.ctt_company .ceo-box{padding: 0 0 0 20px}
	.ctt_company .ceo-box .ceo-txt {width: 60%;}
	.ctt_company .ceo-box .ceo-img {width: 40%;}
}
@media(max-width:1260px){
	.ctt_company .com-about .about-txt span{font-size: 21px;}
	.ctt_company .com-about .about-txt h3{font-size: 27px; margin: 15px 0 30px;}
	.ctt_company .com-about .about-txt p{font-size: 17px;}
	.ctt_company .ceo-box .ceo-txt h1 {font-size: 75px;}
	.ctt_company .ceo-box .ceo-txt p {font-size: 17px;}
	.ctt_company .ceo-box .ceo-txt .sign-img {max-width: 240px;}
	.ctt_company .full-wid .text h4 {font-size: 30px;}
	.ctt_company .full-wid .text p {font-size: 17px;}
	.ctt_company .full-wid .text{padding: 100px 0;}
	.ctt_company .goal-list .goalbox .goal-img{height: 600px;}
	.ctt_company .goal-list .goalbox .goal-txt h4 {font-size: 30px;margin: 0 0 20px;}
	.ctt_company .goal-list .goalbox .goal-txt p {font-size: 17px;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-img video{height:600px}
	.ctt_company .comtxtbox h1 {font-size: 35px;}
	.ctt_company .comtxtbox p {font-size: 18px;}
	.ctt_company .comtxtbox span {font-size: 19px;}
	.ctt_company .group-img{margin:100px 20px}
}
@media(max-width:1024px){
	
	.ctt_company .com-about .about-txt span{font-size: 19px;}
	.ctt_company .com-about .about-txt h3{font-size: 24px; margin: 10px 0 20px;}
	.ctt_company .com-about .about-txt p{font-size: 16px;}
	.ctt_company .ceo-box .ceo-txt h1 {font-size: 60px;}
	.ctt_company .ceo-box .ceo-txt p {font-size: 16px;}
	.ctt_company .ceo-box .ceo-txt .sign-img {max-width: 220px;}
	.ctt_company .full-wid .text h4 {font-size: 27px;}
	.ctt_company .full-wid .text p {font-size: 16px;}
	.ctt_company .goal-list .goalbox .goal-img{height: 500px;}
	.ctt_company .goal-list .goalbox .goal-txt h4 {font-size:27px;margin: 0 0 10px;}
	.ctt_company .goal-list .goalbox .goal-txt p {font-size: 15px;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-img video{height:500px}
	.ctt_company .comtxtbox h1 {font-size: 50px;}
	.ctt_company .comtxtbox p { font-size: 19px;}
}
@media(max-width:991px){
	.ctt_company .com-about{gap: 20px;margin: 120px 0;}
	.ctt_company .com-about .about-txt span {font-size: 18px;}
	.ctt_company .com-about .about-txt h3 {font-size: 22px;}
	.ctt_company .ceo-box{margin: 120px 0 0;}
	.ctt_company .ceo-box .ceo-txt h1 {font-size: 50px;}
	.ctt_company .ceo-box .ceo-txt .sign-img{margin-top: 30px;}
	.ctt_company .goal-list {margin:0 auto 120px;}
	.ctt_company .goal-list .goalbox .goal-img {height: 450px;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-img video {height: 450px;}
	.ctt_company .comtxtbox{margin:120px auto 70px;}
	.ctt_company .comtxtbox h1 {font-size: 40px;}
	.ctt_company .comtxtbox p {margin: 15px 0 5px;}
	.ctt_company .group-img{margin: 70px 20px;}
}
@media(max-width:767px){
	.ctt_company .com-about{flex-direction: column;margin: 100px 0;}
	.ctt_company .com-about .about-img {width: 100%;order: 2;height: 300px;overflow: hidden;}
	.ctt_company .com-about .about-txt {width: 100%;order: 1;}
	.ctt_company .ceo-box{flex-direction: column;margin: 100px 0 0;padding: 40px 20px;gap: 30px;}
	.ctt_company .ceo-box .ceo-txt {width: 100%;}
	.ctt_company .ceo-box .ceo-txt h1 {font-size: 35px;}
	.ctt_company .ceo-box .ceo-img {width: 100%;}
	.ctt_company .ceo-box .ceo-img .ceoimg-pc{display:none}
	.ctt_company .ceo-box .ceo-img .ceoimg-mo{display:block}
	.ctt_company .full-wid{}
	.ctt_company .full-wid .text {padding: 80px 0;}
	.ctt_company .full-wid .text h4 {font-size: 24px;}
	.ctt_company .goal-list {margin: 0 auto 100px;}
	.ctt_company .goal-list .goalbox .goal-img {height: 400px;}
	.ctt_company .goal-list .goalbox .goal-txt h4 {font-size: 24px;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-img video{height: 400px;}
	.ctt_company .comtxtbox{margin: 100px auto 70px;}
	.ctt_company .comtxtbox h1 {font-size: 35px;}
	.ctt_company .group-img{margin: 70px 20px; padding: 40px;}
}
@media(max-width:575px){
	.groupimg-pc{display:none}
	.groupimg-mo{max-width:289px !important}
	.ctt_company .com-about{margin: 80px 0;}
	.ctt_company .ceo-box{margin: 80px 0 0;}
	.ctt_company .full-wid .text {padding: 70px 0;}
	.ctt_company .goal-list {margin: 0 auto 80px ;}
	.ctt_company .goal-list .goalbox{flex-direction: column;gap: 20px;}
	.ctt_company .goal-list .goalbox .goal-txt{margin-bottom: 30px;width: 100%;}
	.ctt_company .goal-list .goalbox.goal-02 .goal-txt{order: 2;}
	.ctt_company .goal-list .goalbox .goal-img{height: 300px;width: 100%;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-img video{height: 300px;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-txt{margin-bottom:0}
	.ctt_company .comtxtbox {margin: 80px auto;}
	.ctt_company .comtxtbox h1 {font-size: 30px;}
	.ctt_company .comtxtbox p {font-size: 18px;margin: 10px 0 3px;}
	.ctt_company .comtxtbox span {font-size: 18px;}
}
@media(max-width:393px){
	.ctt_company .com-about .about-txt br{display:none}
	.ctt_company .com-about .about-img{height: 240px;}
	.ctt_company .ceo-box{gap: 30px;}
	.ctt_company .ceo-box .ceo-txt h1 {font-size: 30px;}
    .ctt_company .ceo-box .ceo-txt .sign-img {max-width: 180px;margin-top: 20px;}
	.ctt_company .full-wid .text h4 {font-size: 22px;}
	.ctt_company .full-wid .text p {font-size: 15px;}
	.ctt_company .goal-list .goalbox .goal-img {height: 250px;}
	.ctt_company .goal-list .goalbox .goal-txt h4 {font-size: 22px;}
	.ctt_company .goal-list .goalbox.goal-03 .goal-img video {height: 250px;}
	.ctt_company .comtxtbox h1 {font-size: 25px;}
	.ctt_company .comtxtbox p {font-size: 16px;}
	.ctt_company .comtxtbox span {font-size: 16px;}
}