@charset "utf-8";



/* 내용관리 */

#ctt {margin:10px 0;padding:20px;background:#fff}

.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:26px !important;color: #111 !important;}

#ctt_con p {padding:0px 0 10px 0;line-height:26px !important;color: #111 !important;}

#ctt_con img{max-width:100%;height:auto;margin-bottom: 20px !important;}

.ctt_img {text-align:center;margin-bottom: 20px !important;}



.c_img {width: 380px !important;float: right !important;margin-left: 20px;}

.c_img2 {width: 380px !important;float:left !important;margin-right: 20px;}



.a_tit01 {font-size: 26px;color: #337e8d !important;font-weight:500;border-bottom: #b7e3eb solid 2px;padding-bottom: 18px;margin-bottom: 20px;}

.a_tit02 {font-size: 20px;color: #2b8590 !important;font-weight:500;margin: 20px 0 25px 0px;}

.a_tit03 {font-size: 20px;color: #8b521f;font-weight:500;margin:0px 0 12px 0px;letter-spacing: -1px;}



.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.30%;clear:both;margin-bottom:30px;}

.youtube_area iframe{position:absolute;left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;border:#ddd solid 1px;}



@media (max-width: 991px) {	

	.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin:20px 0;}

	.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}

	#ctt_con {padding:10px 0;color: #000 !important;font-size: 15px !important;line-height:26px !important;font-weight: 300;}

	.c_img {width: 100% !important;float: right !important;}

	.c_img2 {width: 100% !important;float:left !important;margin-right: 20px;}

	#ctt_con p {padding:0px 0 10px 0;line-height:24px !important;color: #111 !important;}

}



.big_tab ul{overflow: hidden;width: 100%;}

.big_tab ul li{width: 16%;line-height:40px;box-sizing: border-box; float: left; list-style-type: none; text-align: center; font-size: 17px;border: #ccc solid 1px;border-radius: 3px;margin: 3px;}

.big_tab ul li.activeClass{font-weight: bold; font-size: 17px;border: #ccc solid 1px;border-radius: 3px;}

.sm_select {display: none;}

.sm_select select {width:100%; }





@media (max-width:500px){

      .sm_select {display: block;}

      .big_tab{display: none;}

 }