@charset "utf-8";

/* 내용관리 */
#ctt {}
.col-xs-12{padding:0}
.ctt_admin {position: absolute; right: 0;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {line-height:1.6em}
#ctt_con p{margin:0}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto !important;width:100% !important;}
.ctt_img {text-align:center}


.ctt_con h2{font-size: 55px;font-weight: 600;color: #000;margin: 60px 0;text-align: center;letter-spacing: -0.05em;}
.ctt_con h2.tit{font-size: 65px;font-family: 'QuestaGrande';}
.ctt_con h5{font-size:50px;font-weight:500;margin:0 0 40px;letter-spacing: -0.05em;color: #000;}
.ctt_con .text-bg{background: #e1ddd9;padding:100px 50px}
.ctt_con .text-bg.bg-no{background:none}
.ctt_con .text-bg h2{text-align:left;margin: 0 0 30px;}
.ctt_con .text-bg .sub-tit{font-size:25px;font-weight:700;margin:50px 0 30px;display:inline-block;    color: #000;letter-spacing: -0.05em;}
.ctt_con p{font-size: 23px;line-height: 1.7;color: #010101;letter-spacing: -0.05em;}
.ctt_con .iconbox .item{display: flex;align-items: center;gap: 10px;margin-top:40px;margin-bottom:10px}
.ctt_con .iconbox .item img{max-width:46px !important}
.ctt_con .iconbox .item p span{font-weight:700; }
.ctt_con .con-commu{text-align:center;padding: 0 20px;}
.ctt_con .con-commu .commu-img{max-width: 695px !important;margin: auto;text-align: center;margin:100px 0}
.ctt_con .con-commu > p{margin-bottom:100px !important}
.ctt_con .con-commu ul{display:flex;padding:0;gap: 20px;margin-bottom:100px;}
.ctt_con .con-commu ul li{list-style:none;width: calc(100% / 3);text-align:left}
.ctt_con .con-commu ul li span{font-size:23px;font-weight:700;color:#000;display:inline-block;margin:20px 0 30px;letter-spacing: -0.05em;}
.ctt_con .con-commu ul li p{font-size:18px}
.ctt_con .txt-center{text-align:center}
.ctt_con .txt-center h2{text-align:center}


@media(max-width:1100px){
	.ctt_con h2{font-size: 50px;}
	.ctt_con h2.tit{font-size: 55px;}
	.ctt_con h5 {font-size: 40px;}
	.ctt_con .text-bg p {font-size: 21px;}
	.ctt_con .text-bg .sub-tit {font-size: 23px;margin: 30px 0 25px;}
}
@media(max-width:991px){
	.ctt_con h2{font-size: 45px;margin: 40px 0;}
	.ctt_con h2.tit{font-size: 50px;}
	.ctt_con h5 {font-size: 30px;margin: 0 0 30px;}
	.ctt_con .text-bg {padding:80px 40px;}
	.ctt_con .text-bg p {font-size: 20px;}
	.ctt_con .text-bg .sub-tit {font-size: 21px; margin: 20px 0;line-height: 1.5;}
	.ctt_con .iconbox .item img {max-width: 38px !important;}
	.ctt_con .iconbox .item {margin-top: 30px;}
	.ctt_con .con-commu .commu-img {max-width: 570px !important;}
	.ctt_con p {font-size: 21px;}
	.ctt_con .con-commu ul{margin-bottom: 80px;}
	.ctt_con .con-commu ul li span {font-size: 21px;margin: 15px 0 20px;}
	.ctt_con .con-commu ul li p {font-size: 16px;}
}
@media (max-width:767px){
	.ctt_con h2 {font-size: 40px}
	.ctt_con h2.tit{font-size: 40px;margin: 0 0 20px;}
	.ctt_con h5 {font-size: 25px;margin: 0 0 20px;}
	.ctt_con .text-bg p {font-size: 18px;}
	.ctt_con .iconbox .item img {max-width: 30px !important;}
	.ctt_con .iconbox .item {margin-top: 25px;margin-bottom: 5px;}
	.ctt_con .con-commu .commu-img {max-width: 450px !important;margin: 80px 0;}
	.ctt_con p {font-size: 18px;}
	.ctt_con .con-commu > p {margin-bottom: 80px !important;}
	.ctt_con .con-commu ul{flex-direction: column;}
	.ctt_con .con-commu ul li {width: 100%;}
}

@media (max-width:575px){
	.ctt_con h2 {font-size: 30px;margin: 35px 0;}
	.ctt_con h2.tit{font-size: 35px;}
	.ctt_con h5 {font-size: 20px;}
	.ctt_con .text-bg {padding: 60px 20px;}
	.ctt_con .text-bg p {font-size:15px;}
	.ctt_con .iconbox .item img {max-width: 26px !important;}
	.ctt_con .text-bg .sub-tit {font-size: 19px;margin: 0 0 20px;}
	.ctt_con .con-commu .commu-img {max-width: 330px !important;margin: 60px 0;}
	.ctt_con p {font-size: 15px;}
	.ctt_con p br{display:none}
	.ctt_con .con-commu > p {margin-bottom: 60px !important;}
	.ctt_con .con-commu ul{margin-bottom:60px;}
	.ctt_con .con-commu ul li p {font-size: 15px;}
}
@media(max-width:393px){
	.ctt_con .con-commu .commu-img {max-width: 300px !important;}
}