@charset "utf-8";

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

@media screen and (min-width:1201px) {
#ctt { padding:0 20px; width:1200px; margin:auto; }
	
/* sub about */
.sub_title h1 {font-size:40px;color:#333333;font-weight:600;line-height:68px;padding-top:3px;padding-bottom:3px; text-align:center; }
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal; text-align:center; margin-bottom:50px; }

#ctt_tabmenu { text-align:center; margin-top:-105px; }
#ctt_tabmenu ul { width:720px; margin:auto; overflow:hidden; padding:0 10px; }
#ctt_tabmenu ul li { 
    float:left; box-shadow:3px 3px 3px rgba(0,0,0,0.1); width:175px; background-color:#fff; 
	color:#3270c5; font-size:21px; font-weight:bolder; height:175px; line-height:175px;
	margin-top:17px;
}
#ctt_tabmenu ul #onX { background-color:#3270c5; color:#fff; height:210px; line-height:210px; margin-top:0px; }
#ctt_tabmenu ul #onX span { border-bottom:3px solid #fff; padding-bottom:8px; }

#ctt_con { clear:both; margin-top:50px; }

#ctt_forms { margin:0; }
#ctt_forms h3 { font-size:18px; margin-top:30px; }
#ctt_forms ul { margin-bottom:30px; clear:both; overflow:hidden; }
#ctt_forms li { padding:5px 0; }
#ctt_forms #texts { font-size:13px; }
#ctt_forms #formsx li { float:left; width:47%; margin-right:2.5%; }
#ctt_forms li p { margin-bottom:3px; color:#666; font-size:13px; }
#ctt_forms #inputs { width:100%; border:1px solid #ddd; height:40px; }
#ctt_forms #inputx { border:1px solid #ddd; height:40px; width:170px; }
#ctt_forms textarea { width:100%; border:1px solid #ddd; height:110px; }
#ctt_forms .btn_confirm { height:50px; border:0px; background-color:#06C; color:#fff; text-align:center; width:350px; margin:auto; font-size:14px; font-weight:bolder; }
#ctt_forms #arrtexts { color:#f00; clear:both; }
}


@media screen and (max-width:1200px) and (min-width:701px) {
#ctt { padding:0 20px; }	

/* sub about */
.sub_title h1 {font-size:40px;color:#333333;font-weight:600;line-height:68px;padding-top:3px;padding-bottom:3px; text-align:center; }
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal; text-align:center; margin-bottom:50px; }

#ctt_tabmenu { text-align:center; margin-top:-105px; }
#ctt_tabmenu ul { width:720px; margin:auto; overflow:hidden; padding:0 10px; }
#ctt_tabmenu ul li { 
    float:left; box-shadow:3px 3px 3px rgba(0,0,0,0.1); width:175px; background-color:#fff; 
	color:#3270c5; font-size:21px; font-weight:bolder; height:175px; line-height:175px;
	margin-top:17px;
}
#ctt_tabmenu ul #onX { background-color:#3270c5; color:#fff; height:210px; line-height:210px; margin-top:0px; }
#ctt_tabmenu ul #onX span { border-bottom:3px solid #fff; padding-bottom:8px; }

#ctt_con { clear:both; margin-top:50px; }

#ctt_forms { margin:0; }
#ctt_forms h3 { font-size:18px; margin-top:30px; }
#ctt_forms ul { margin-bottom:30px; clear:both; overflow:hidden; }
#ctt_forms li { padding:5px 0; }
#ctt_forms #texts { font-size:13px; }
#ctt_forms #formsx li { float:left; width:47%; margin-right:2.5%; }
#ctt_forms li p { margin-bottom:3px; color:#666; font-size:13px; }
#ctt_forms #inputs { width:100%; border:1px solid #ddd; height:40px; }
#ctt_forms #inputx { border:1px solid #ddd; height:40px; width:170px; }
#ctt_forms textarea { width:100%; border:1px solid #ddd; height:110px; }
#ctt_forms .btn_confirm { height:50px; border:0px; background-color:#06C; color:#fff; text-align:center; width:350px; margin:auto; font-size:14px; font-weight:bolder; }
#ctt_forms #arrtexts { color:#f00; clear:both; }
}


@media screen and (max-width:700px) {
#ctt { padding:0 20px; }	
	
/* sub about */
.sub_title h1 {font-size:26px;color:#333333;font-weight:600; padding-bottom:5px; text-align:center; margin-top:50px; }
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal; text-align:center; }

#ctt_tabmenu { text-align:center; margin-top:-105px; }
#ctt_tabmenu ul { width:720px; margin:auto; overflow:hidden; padding:0 10px; }
#ctt_tabmenu ul li { 
    float:left; box-shadow:3px 3px 3px rgba(0,0,0,0.1); width:175px; background-color:#fff; 
	color:#3270c5; font-size:21px; font-weight:bolder; height:175px; line-height:175px;
	margin-top:17px;
}
#ctt_tabmenu ul #onX { background-color:#3270c5; color:#fff; height:210px; line-height:210px; margin-top:0px; }
#ctt_tabmenu ul #onX span { border-bottom:3px solid #fff; padding-bottom:8px; }

#ctt_con { clear:both; }

#ctt_forms { margin:0; }
#ctt_forms h3 { font-size:18px; margin-top:30px; }
#ctt_forms ul { margin-bottom:30px; clear:both; overflow:hidden; }
#ctt_forms li { padding:5px 0; }
#ctt_forms #texts { font-size:13px; }
#ctt_forms #formsx li { }
#ctt_forms li p { margin-bottom:3px; color:#666; font-size:13px; }
#ctt_forms #inputs { width:100%; border:1px solid #ddd; height:40px; }
#ctt_forms #inputx { border:1px solid #ddd; height:40px; width:30%; }
#ctt_forms textarea { width:100%; border:1px solid #ddd; height:110px; }
#ctt_forms .btn_confirm { height:50px; border:0px; background-color:#06C; color:#fff; text-align:center; width:350px; margin:auto; font-size:14px; font-weight:bolder; }
#ctt_forms #arrtexts { color:#f00; clear:both; }
}