@charset "utf-8";


/*메인박스*/
.main_listbox h4 {font-size:1.04em;}

/* 포인트칼라 */
.point01 {color:#7DC242;} 


/** 콘텐츠 영역 **/

/* 좌측 메뉴 */
#leftmenu li ul.lm_3th li a.link_3th_ov,
#leftmenu li ul.lm_3th li a:hover,
#leftmenu li ul.lm_3th li a:focus, 
#leftmenu li ul.lm_3th li a:active { background-position:left 9px; color:#7DC242; }

/* h1 */
#contents .contTi {background: url(/images/organ/common/h_bgline.gif) no-repeat center top;}


/** 주메뉴 **/
#tm li.th1 a.th1_lnk {width: auto;}
#tm li ul.th2 {width:140px;}
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-636px; width:820px;  /*width:840px;*/}


#animate #tm li + li.th1{width:170px;}
#animate #tm li + li.th1 ul.th2 {width:170px;}

#animate #tm li + li + li.th1{width:140px;}
#animate #tm li + li + li.th1 ul.th2 {width:140px;}




/*배너*/
.bannerWrap .grap:after,
.bannerWrap .grap .control:after,
.bannerWrap  .grap .banner:after{display:block;clear:both;content:'';}
.bannerWrap{padding:0 4%;background:#343941}
.bannerWrap .grap h3{float:left;margin:0 3% 0 0;padding:16px 0 12px;background:none;color:#DADBDE;font-size:13px;}
.bannerWrap .grap{margin:0 auto;max-width:1000px;}
.bannerWrap .grap .control{float:left;position:relative;margin-right:3%;}
.bannerWrap .grap .control a{display:block;float:left;padding:18px 0 12px;width:20px;height:17px;font-size:0;line-height:0;}
.bannerWrap .grap .control a[data-control="play"]{display:none;}

.bannerWrap .grap .control a span{display:block;margin:0 auto;width:9px;height:17px;background:url(/images/organ/common/banner_cont.png) no-repeat;}
.bannerWrap .grap .control a[data-control="prev"] span{background-position:50% 0;}
.bannerWrap .grap .control a[data-control="stop"] span{background-position:50% -23px;}
.bannerWrap .grap .control a[data-control="play"] span{background-position:50% -68px;}
.bannerWrap .grap .control a[data-control="next"] span{background-position:50% -45px;}

.bannerWrap .grap .banner{overflow:hidden;float:left;position:relative;width:55%;}
.bannerWrap .grap .banner .obj{position:relative;width:10000px;}
.bannerWrap .grap .banner .obj li{float:left;position:relative;}
.bannerWrap .grap .banner .obj li:first-child{margin-left:0;}
.bannerWrap .grap .banner .obj li:after{position:absolute;top:22px;left:0;width:2px;height:7px;background:#94969b;content:'';}
.bannerWrap .grap .banner .obj li:first-child:after{display:none;}
.bannerWrap .grap .banner .obj a{display:block;padding:16px 20px 12px;color:#fff; font-size:13px;}
.bannerWrap .grap .banner .obj li:first-child a{padding-left:0;}


@media only screen and (min-width:480px){

	.bannerWrap .grap .banner{width:69%;}
}


@media only screen and (min-width:768px){

	.bannerWrap .grap h3{font-size:16px;}
	.bannerWrap .grap .banner .obj a{font-size:16px;}
	.bannerWrap .grap .banner .obj li:after{top:24px;}
}


@media only screen and (min-width:1000px){

	.bannerWrap{padding:0;background:#343941; color:#ddd;}
	.bannerWrap .grap h3{margin:0 20px 0 0;}
	.bannerWrap .grap .control{margin-right:35px;}
	.bannerWrap .grap .banner{width:839px;}
}






/********** 1. 센터소개 **********/



/* 인사말 */
.greeting_ftype {position:relative; width:100%; height:auto; overflow:hidden; text-align: justify;}
.greeting_ftype span.photo {display: block; margin: 0 auto; width: 207px; }
.greeting_ftype p.text {margin-top:20px; width: 100%;}
.greeting_ftype p.text .ti {line-height:28px; font-size:23px; }
.greeting_ftype p.n_text { color:#000; font-size:15px; margin-top:10px;width: 100%; line-height:35px;text-align:right;}
.greeting_ftype p.n_text b {font-size:33px; font-weight:500; font-family:"nanumpenscript","nanum pen script",Sans-serif;}

@media all and (min-width:768px){
	.greeting_ftype span.photo {float:left; margin: 0;  width: 207px; }
	.greeting_ftype p.text {float:right; margin-top:17px; width: 67%;}
	.greeting_ftype p.n_text {float:right; margin-top:17px; width: 67%; }
}



/** 규정 **/

.rule {position:relative; width:100%; text-align: justify;}
.sub01_05 .rule h2 {display:block; margin:0 0 10px; text-align: center; font-size:30px; font-weight:500;}
.rule strong{color:#000;}
.rule ol li{ margin-bottom:50px;}
.rule ol li .h3 {display:block; margin:0 0 30px; text-align: center; font-size:22px; font-weight:500;}
.rule ol li .h3_add {display:block; margin:0 0 10px; text-align: center; font-size:17px; font-weight:700;}
.rule ol li ol{margin-top:5px;}
.rule ol li ol li{text-indent: -13px; margin: 0 0 15px 13px;}
.rule ol li ol li ol li{ margin-bottom:3px;}