@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;*/}



/*배너*/
.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%; }
}



/* 연혁 */
.sub01_03 .history li span {text-align: center;}




/********** 2. 입주안내 **********/



/* 입주절차 */
.sub02_02 .organ_inner li{ float:none; width:auto; }
.sub02_02 .organ_inner li span { padding-right:3px; color:#7DC242; font-size:0.75em; }
.point {margin-right:2px; padding:4px 7px 2px; color:#fff; font-size:0.85em; background-color: #7dc242; border-radius:5px;}


@media all and (min-width:600px){

	.sub02_02 .organ_inner ul { padding-left:10px; height:90px; }
	.sub02_02 .organ_inner li{ float:left; width:50%;}

}



/* 입주문의 */
.sub02_03 .ui.uilnk.type1 .box_col .col .bico b { margin:20px 0 0px; font-size:1.15em; }
.sub02_03 .ui.uilnk.type1 .box_col .col ul li a,
.sub02_03 .ui.uilnk.type1 .box_col .col ul li span{font-weight:bold; background:#F7F7F7; color:#545454;}
.sub02_03 .ui.uilnk.type1 .box_col .col .bico .ico{background:none;}






/********** 3. 입주업체 **********/



/* 입주업체 안내 */


.tbl_basic tbody th{ background-color:#FFF; }
.tbl_basic tbody th.bi, td.bi{ background:#F8FBF5; }





/********** 4. 제품소개 **********/



/* 포토게시판 */
.sub04_01 .photogallery_list,
.sub04_02 .photogallery_list{overflow:hidden;border-bottom:none; margin:20px 0 10px;}
.sub04_01 .photogallery_list li,
.sub04_02 .photogallery_list li{float:left; margin-bottom:10px; width:100%; height:270px; }
.sub04_01 .photogallery_list .sum_photo,
.sub04_02 .photogallery_list .sum_photo{width:98%;margin:0 auto;text-align:center; border:1px #CFCFCF solid; border-radius:3px;}

.sub04_01 .photogallery_list .thumb,
.sub04_02 .photogallery_list .thumb{height:200px;}
.sub04_01 .photogallery_list .thumb img,
.sub04_02 .photogallery_list .thumb img{position:absolute;overflow: hidden;  left: 50%; height:200px;vertical-align:middle; border-radius:0px;}
.sub04_01 .photogallery_list .subject,
.sub04_02 .photogallery_list .subject{display:block;width:auto;margin:17px auto 15px; line-height:120%; text-align:center; word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub04_01 .photogallery_list .date,
.sub04_02 .photogallery_list .date{display:none;}


.sub04_01 .basic_box .board_total,
.sub04_02 .basic_box .board_total{display:none;}





@media only screen and (min-width:479px){
	.sub04_01 .photogallery_list li,
	.sub04_02 .photogallery_list li{width:25%;}
	.sub04_01 .photogallery_list .sum_photo,
	.sub04_02 .photogallery_list .sum_photo{width:90%;}
}

@media only screen and (min-width:767px){
	.sub04_01 .photogallery_list li,
	.sub04_02 .photogallery_list li{width:33.3%;}
}