/*개요*/
#ctt_con h3{margin-bottom:25px; text-align:center;}
#ctt_con h3 p{font-size:2.5em; line-height:1.2em; font-family:'BMJUA';}
#ctt_con h3 p strong{color:#C7E052;}
#ctt_con h3 span{font-size:1.1em; letter-spacing:-0.5px;}
#ctt_con h3{}
@media screen and (max-width:787px) {
#ctt_con h3 p strong{display:block;}
#ctt_con h3 span{font-size:0.9em;}

}
#about{text-align:center}
#about .greet{ line-height:1.8em;}
#about .ceo{margin:40px auto; font-weight:600; width:800px; text-align:right;}
#about .ceo img{height:35px; vertical-align:middle; margin:-5px 0 5px 5px;}
#about .info{width:800px; margin:0 auto;}
#about .info h4{font-size:1.5em; font-weight:600; text-align:left;}
#about .tbl{margin:0 auto;}
#about .tbl h4{text-align:left;}

@media screen and (max-width:787px) {
#about{ text-align:left;}
#about h3{text-align:center;}
#about h3 p{font-size:2em;}
#about .ceo{width:100%; margin:40px 0 10px 0;}
#about .info{width:100%;}
#about .info .img{text-align:right;}
#about .tbl{width:100%; margin-bottom:20px;}
}

/*회사연혁*/
#about .history{width:80%; margin:0 auto;}
#about .history h4:before{content:""; display:block; width:20px; height:2px; background:#C8E054; margin-bottom:10px;}
#about .history h4{ font-size:1.5em; line-height:1.5em; text-align:left; margin-bottom:20px;}
#about .history h4 strong{font-size:1.2em; font-weight:600;}
#about .history dl{text-align:left; line-height:2em; float:left; width:50%;}
#about .history dl dt{float:left; width:80px; letter-spacing:0; color:#6C9318;}
#about .history dl dd{width:calc(100% - 80px); margin-left:80px;}
#about .history .img{text-align:right;}
@media screen and (max-width:787px) {
#about .history{width:100%;}
#about .history dl{float:none; width:100%}
}

/*찾아오시는길*/
#about .info{margin-bottom:30px;}
#about .info p{font-size:1.2em; font-weight:600; margin-bottom:5px;}

/*캐릭터소개*/
#feature{text-align:center;}

.dl_basic{}
.dl_basic dt:before{content:""; display:block; width:20px; height:2px; background:#C8E054; margin:0 auto 10px auto;}
.dl_basic dt{font-size:1.4em; line-height:1.5em; margin:40px 0 15px 0;}
.dl_basic dd strong{ color:#4B5B8E;}
.dl_basic dd span{ color:#FF3D01; font-weight:600;}

.dl_circle{width:600px; margin:0 auto; text-align:left; border-top:1px dashed #ccc; padding-top:20px;}
.dl_circle dt{float:left; display:block; width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%; background:#C7E052; margin-bottom:10px; }
.dl_circle dt:nth-child(3){background:#EE9DC6;}
.dl_circle dd{width:calc(100% - 100px); height:100px; margin-left:100px; padding:15px 10px; margin-bottom:10px;}
.dl_circle dd p{line-height:70px;}
@media screen and (max-width:787px) {
.dl_basic dt{font-size:1.2em;}
.dl_basic dd{text-align:left;}
.dl_circle{width:100%;}
.dl_circle dd{height:auto;}
.dl_circle dd p{line-height:20px; height:70px;}
}

/*소재비교*/
#feature .fabric{width:460px; margin:0 auto; background:url(../img/sub/feature04_01.gif) no-repeat 95% 50%/auto 80%; 
				  padding:20px 40px 20px 20px; border:1px solid #CCC; border-radius:4px;}
#feature .fabric td{padding:10px 0;}
#feature .fabric td svg{font-weight:1.5em;}
#feature .fabric tr:nth-child(1) td svg{color:#DAE2BA;}
#feature .fabric tr:nth-child(2) td svg{color:#A6BE66;}
#feature .fabric tr:nth-child(3) td svg{color:#8EA63E;}

@media screen and (max-width:787px) {
#feature .fabric{width:100%; padding:10px; background:none;}
}


/*고객맞춤형시스템*/
.dl_title dt{font-size:1.35em; margin-bottom:5px; color:#333;}
.dl_title dd{color:#666; font-size:0.9em;}
.dl_title dd p{font-size:1.1em; margin-bottom:3px; font-weight:600;}
.dl_title dd strong{color:#ED207C;}

#feature .ul_circle li{margin:10px 10px; background:#F3D7DE; border:5px solid #ccc; border-radius:50%; 
						width:100px; height:100px; display:inline-block; vertical-align:top; position:relative;}
#feature .ul_circle li p{position:absolute; top:50%; transform:translateY(-50%); width:100%;}
#feature .ul_circle li strong{display:block;}

#feature .img_list:after{content:""; display:block; clear:both;}
#feature .img_list li{width:50%; height:480px; padding:20px; float:left; text-align:left;}
#feature .img_list li p{float:right;}
#feature .img_list li img{width:100%; margin-bottom:5px;}
#feature .img_list li strong{font-family:dotum; letter-spacing:0;}
@media screen and (max-width:787px) {
#feature .img_list li{width:100%;}
}


/*플레이짐*/
#gym{ text-align:center;}
#gym h4{font-size:2em; margin-bottom:10px; font-weight:600;}
#gym strong{color:#DD127B;}

#gym .cont{ width:50%; margin:0 auto;}
#gym ul{ margin:20px auto; width:300px; text-align:left;}
#gym ul li:nth-child(1) strong{ color:#000;}
#gym ul li:nth-child(3) strong{ color:#3A325B;}

#gym ul li:before{content:""; display:inline-block; width:5px; height:5px; border:1px solid #333; border-radius:50%; margin-right:3px; vertical-align:middle;}

#gym .img{padding:20px 0;}

@media screen and (max-width:787px) {
#gym h4{font-size:1em;}
#gym .cont{width:100%; text-align:left;}
}