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


/********** 중첩 테이블 **********/
.ttbl_basic .circle {font-size:0.85em; color:#444C58; font-weight:bold; text-align:center;}


/********** 수강 진행 **********/
span.start {padding:4px 6px 3px; color:#fff; background-color: #7dc242; border-radius:5px; font-size:0.825em;}
span.ing {padding:4px 6px 3px; color:#fff; background-color: #22569c; border-radius:5px; font-size:0.825em;}
span.end {padding:4px 6px 3px; color:#fff; background-color: #545454; border-radius:5px; font-size:0.825em;}








/********** 4. 정보광장 **********/



/* 취업스토리북 */
	.sub04_05 .photogallery_list{overflow:hidden;border-bottom:none; margin:20px 0 10px;}
	.sub04_05 .photogallery_list li{float:left; margin-bottom:10px; width:100%; height:320px; }
	.sub04_05 .photogallery_list .sum_photo{width:98%;margin:0 auto;text-align:center; border:1px #CFCFCF solid; border-radius:3px;}

	.sub04_05 .photogallery_list .thumb{height:200px; border-bottom:1px #CFCFCF dotted;}
	.sub04_05 .photogallery_list .thumb img{position:absolute;overflow: hidden;  left: 50%; transform: translateX(-50%);height:200px;vertical-align:middle; border-radius:0px;}
	.sub04_05 .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; font-weight:bold;}





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

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






.sub04_05 .ui.uilnk .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.sub04_05 .ui.uilnk .box_col .col{display:inline-block;float:left;}
.sub04_05 .ui.uilnk .box_col.col4 .col{margin:0; width:100%;}
.sub04_05 .ui.uilnk .box_col .col .item{float:left; margin-bottom:10px; width:99%; height:325px; margin:0 auto 28px;padding:0px;border:1px #CFCFCF solid; border-radius:3px;}
.sub04_05 .ui.uilnk.type1 .box_col .col .bico{width:100%; }
.sub04_05 .ui.uilnk.type1 .box_col .col .bico .ico{display:block; margin: 0; padding:0px; width:100%; height:230px; text-align:center; border-bottom:1px #CFCFCF dotted; background:none;}
.sub04_05 .ui.uilnk.type1 .box_col .col .bico .ico img{left: 0; overflow: hidden; height:230px; border-radius:0px; }
	
.sub04_05 .ui.uilnk.type1 .box_col .col .bico b{display:block;margin:17px auto 5px; text-align:center; font-weight:bold;}
.sub04_05 .ui.uilnk.type1 .box_col .col ul{overflow:hidden;padding:0 6px 6px;}
.sub04_05 .ui.uilnk.type1 .box_col .col ul li{display:inline-block;float:left;width:50%;margin:0; padding:0; }
.sub04_05 .ui.uilnk.type1 .box_col .col ul li.ltx{width:100%; }
.sub04_05 .ui.uilnk.type1 .box_col .col ul li a{display:block;margin:6px 3px 0;text-align:center;vertical-align:middle; padding:7px 5px 0; height:23px; background:#f0f0f0 ; border-radius:3px; border:1px dotted #d2d2d2;text-decoration:none;}
.sub04_05 .ui.uilnk.type1 .box_col .col ul li a span{font-size:0.85em; margin:0; padding:0; height:23px; line-height:18px; background:url(/images/default/sh_bt_arr_all.png) no-repeat right -162px; color:#121212; vertical-align:middle; border:none;}
.sub04_05 .ui.uilnk.type1 .box_col .col ul li.ltx{margin-right:0;}
.sub04_05 .ui.uilnk.type1 .box_col .col ul li.ltx a{margin-top:6px;}


.sub04_05 .ui.uilnk.type1 .box_col .col ul li a:hover span,
.sub04_05 .ui.uilnk.type1 .box_col .col ul li a:focus span,
.sub04_05 .ui.uilnk.type1 .box_col .col ul li a:active span {color:#fff; background:url(/images/default/sh_bt_arr_all.png) no-repeat right 4px; }


.sub04_05 .ui.uilnk.type1 .box_col .col ul li a:hover,
.sub04_05 .ui.uilnk.type1 .box_col .col ul li a:focus,
.sub04_05 .ui.uilnk.type1 .box_col .col ul li a:active {color:#fff;  background:#00693f; border-color:#00693f; }



	@media only screen and (min-width:479px){
		.sub04_05 .ui.uilnk .box_col.col4 .col{margin:0 2%; width:45%;}
	}



@media only screen and (min-width:768px){
	.sub04_05 .ui.uilnk .box_col.col4 .col:first-child{margin-left:0;}
	.sub04_05 .ui.uilnk .box_col.col4 .col{margin:0 0 0 3.7%;width:22%;}
}








/********** 5. 취업처 소개 **********/



/* 인사말 */
.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 span.photo p.name {font-size:14px; text-align:center; margin-top:10px;width: 100%;}
.greeting_ftype span.photo p.name b {color:#333; font-size:28px; font-weight:500; font-family:"nanumpenscript","nanum pen script",Sans-serif;}
.greeting_ftype p.text {margin-top:20px; width: 100%;}
.greeting_ftype p.text .ti {line-height:28px; font-size:23px; }

@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%;}
}



/*주요업무*/

ul.vis_job_ul { padding:0px; }
ul.vis_job_ul:after { content:""; display:block; clear:both; }
ul.vis_job_ul li { float:none; margin:0 0 20px 0; width:auto;}
ul.vis_job_ul li.vis_job_li { width:auto;}
ul.vis_job_ul li.vis_job_li1 { width:auto;}
ul.vis_job_ul li strong { display:block; width:auto; margin:0 10px; padding:12px 0; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; text-align:center; font-size:1.15em; color:#fff; }
ul.vis_job_ul li ul { overflow:hidden; height:auto; margin:0 10px; padding:20px; background:#fff; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
ul.vis_job_ul li ul li { float:none; margin-bottom:0; }


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

	/*주요업무*/
	ul.vis_job_ul li { float:left; margin-bottom:20;}
	ul.vis_job_ul li ul { height:160px;}
	ul.vis_job_ul li ul.s { height:90px;}
	ul.vis_job_ul li ul.s2 { height:50px;}
	ul.vis_job_ul li.vis_job_li { width:50%; }
	ul.vis_job_ul li.vis_job_li1 { width:25%; }

}



/** 조직도 (비교과총괄센터 포함)
.sub05_04 .org_job { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.sub05_04 .org_dep1 { position:relative; }
.sub05_04 strong { display:block; width:auto; padding:15px; font-size:1.15em; text-align:center; font-weight:normal; color:#fff; }
.sub05_04 strong.king { background:#7DC242; }
.sub05_04 strong.king2 { background:#444c58; }
.sub05_04 strong.king_dep { margin-top:25px; background:#7f868e; font-size:1.0em;}
.sub05_04 strong.king_dep2 { margin:25px auto 15px auto; }
.org_dep2 { margin-top:15px;}
.org_dep2 ul { padding:20px;  font-size:0.85em; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }

.sub05_04 .org_dep3, .sub05_04 .org_dep4 { margin-top:15px; }
.sub05_04 .org_ul:after, .sub05_04 .org_ul2:after { content:""; display:block; clear:both; }
.sub05_04 .org_ul .org_li, .sub05_04 .org_ul2 .org_li2 { padding:15px 0 0 0; font-size:0.85em;}
.sub05_04 .org_ul .org_li span, .sub05_04 .org_u2l .org_li2 span{display:inline-block; color:#666;}
.sub05_04 .org_ul .org_li strong, .sub05_04 .org_ul2 .org_li2 strong { font-size:1.15em; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; }
.sub05_04 .org_ul .org_li ul, .sub05_04 .org_ul2 .org_li2 ul { padding:20px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub05_04 .org_ul .org_li ul li, .sub05_04 .org_ul2 .org_li2 ul li { padding-top:0px; padding-bottom:0px;}

@media all and (min-width:768px){
	.sub05_04 .org_job { background:url(/images/job/content/bg_org3.gif) no-repeat center top; }
	.sub05_04 strong.king { width:160px; padding:15px 15px 14px; margin:0 auto; }
	.sub05_04 strong.king_dep {padding:15px 20px 14px; width:120px;}
	.sub05_04 strong.king_dep2 { width:160px; margin:27px auto 20px auto; }
	.sub05_04 .org_dep2 { position:absolute; right:0px; top:178px;  margin:0 auto; }
	.sub05_04 .org_dep2 ul {padding:15px; width:128px;}
	.sub05_04 .org_dep3 {display:inline-block; margin:30px auto 0; }
	.sub05_04 .org_dep4 {display:inline-block; margin:30px auto 0 13px; }
	.sub05_04 .org_ul, .sub05_04 .org_ul2 { margin-left:-17px; }
	.sub05_04 .org_ul .org_li, .sub05_04 .org_ul2 .org_li2 { float:left; margin-right:-9px; }
	.sub05_04 span {display:block;}
	.sub05_04 .org_ul .org_li strong, .sub05_04 .org_ul2 .org_li2 strong { width:132px; margin:30px 0 0 20px; padding:13px 13px 9px;}
	.sub05_04 .org_ul .org_li ul, .sub05_04 .org_ul2 .org_li2 ul { width:116px; height:153px; padding:17px 20px 20px; margin:0 0 0 20px; }
}


@media all and (min-width:870px){
	.sub05_04 .org_job { background:url(/images/job/content/bg_org2.gif) no-repeat center top; }
}



@media all and (min-width:1024px){
	.sub05_04 .org_job { background:url(/images/job/content/bg_org.gif) no-repeat center top; }
}

**/


/** 조직도 (2019.03.11)
.sub05_04 .org_job { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.sub05_04 .org_dep1 { position:relative; }
.sub05_04 strong { display:block; width:auto; padding:15px; font-size:1.15em; text-align:center; font-weight:normal; color:#fff; }
.sub05_04 strong.king { background:#7DC242; }
.sub05_04 strong.king2 { background:#444c58; }
.sub05_04 strong.king_dep { margin-top:25px; background:#7f868e; font-size:1.0em;}
.sub05_04 strong.king_dep2 { margin:25px auto 15px auto; }
.org_dep2 { margin-top:15px;}
.org_dep2 ul { padding:20px;  font-size:0.85em; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }

.sub05_04 .org_dep3, .sub05_04 .org_dep4 { margin-top:15px; }
.sub05_04 .org_ul:after, .sub05_04 .org_ul2:after { content:""; display:block; clear:both; }
.sub05_04 .org_ul .org_li, .sub05_04 .org_ul2 .org_li2 { padding:15px 0 0 0; font-size:0.85em;}
.sub05_04 .org_ul .org_li span, .sub05_04 .org_u2l .org_li2 span{display:inline-block; color:#666;}
.sub05_04 .org_ul .org_li strong, .sub05_04 .org_ul2 .org_li2 strong { font-size:1.15em; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; }
.sub05_04 .org_ul .org_li ul, .sub05_04 .org_ul2 .org_li2 ul { padding:20px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub05_04 .org_ul .org_li ul li, .sub05_04 .org_ul2 .org_li2 ul li { padding-top:0px; padding-bottom:0px;}

@media all and (min-width:768px){
	.sub05_04 .org_job { background:url(/images/job/content/bg_org.gif) no-repeat center top; }
	.sub05_04 strong.king { width:160px; padding:15px 15px 14px; margin:0 auto; }
	.sub05_04 strong.king_dep {padding:15px 20px 14px; width:120px;}
	.sub05_04 strong.king_dep2 { width:160px; margin:27px auto 20px auto; }
	.sub05_04 .org_dep2 { position:absolute; right:35px; top:178px;  margin:0 auto; }
	.sub05_04 .org_dep2 ul {padding:15px; width:128px;}
	.sub05_04 .org_dep3 {display:inline-block; margin:30px 35px 0; }
	.sub05_04 .org_dep4 {display:inline-block; margin:30px auto 0 13px; }
	.sub05_04 .org_ul, .sub05_04 .org_ul2 { margin-left:-17px; }
	.sub05_04 .org_ul .org_li, .sub05_04 .org_ul2 .org_li2 { float:left; margin-right:-9px; }
	.sub05_04 span {display:block;}
	.sub05_04 .org_ul .org_li strong, .sub05_04 .org_ul2 .org_li2 strong { width:142px; margin:30px 0 0 20px; padding:13px 13px 9px;}
	.sub05_04 .org_ul .org_li ul, .sub05_04 .org_ul2 .org_li2 ul { width:126px; height:153px; padding:17px 20px 20px; margin:0 0 0 20px; }
}


@media all and (min-width:870px){
	.sub05_04 .org_job { background:url(/images/job/content/bg_org2.gif) no-repeat center top; }
}



@media all and (min-width:1024px){
	.sub05_04 .org_job { background:url(/images/job/content/bg_org.gif) no-repeat center top; }
}

 **/


/** 조직도 (2019.07.10)
.sub05_04 .org_job { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.sub05_04 .org_dep1 { position:relative; }
.sub05_04 strong { display:block; width:auto; padding:15px; font-size:1.15em; text-align:center; font-weight:normal; color:#fff; }
.sub05_04 strong.king { background:#7DC242; }
.sub05_04 strong.king2 { background:#444c58; }
.sub05_04 strong.king_dep { margin-top:25px; background:#7f868e; font-size:1.0em;}
.sub05_04 strong.king_dep2 { margin:25px auto 15px auto; }
.org_dep2 { margin-top:15px;}
.org_dep2 ul { padding:20px;  font-size:0.85em; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }

.sub05_04 .org_dep3, .sub05_04 .org_dep4 { margin-top:15px; }
.sub05_04 .org_ul:after, .sub05_04 .org_ul2:after { content:""; display:block; clear:both; }
.sub05_04 .org_ul .org_li, .sub05_04 .org_ul2 .org_li2 { padding:15px 0 0 0; font-size:0.85em;}
.sub05_04 .org_ul .org_li span, .sub05_04 .org_u2l .org_li2 span{display:inline-block; color:#666;}
.sub05_04 .org_ul .org_li strong, .sub05_04 .org_ul2 .org_li2 strong { font-size:1.15em; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; }
.sub05_04 .org_ul2 .org_li2 strong.college { background:#7f868e; }
.sub05_04 .org_ul .org_li ul, .sub05_04 .org_ul2 .org_li2 ul { padding:20px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub05_04 .org_ul .org_li ul li, .sub05_04 .org_ul2 .org_li2 ul li { padding-top:0px; padding-bottom:0px;}

@media all and (min-width:768px){
	.sub05_04 .org_job {background:url(/images/job/content/bg_org.gif) no-repeat center top; }
	.sub05_04 strong.king { width:160px; padding:15px 15px 14px; margin:0 0 0 126px; }
	.sub05_04 strong.king_dep {padding:15px 20px 14px; width:126px;}
	.sub05_04 strong.king_dep2 { width:160px; margin:27px auto 20px 126px; }
	.sub05_04 .org_dep2 { position:absolute; right:35px; top:178px;  margin:0 auto; }
	.sub05_04 .org_dep3 {position:static;  margin:30px 0 0; }
	.org_ul2 { margin-left:-27px; }
	.org_ul2 .org_li2 { float:left; width:33%; }
	.org_ul2 .org_li2 span{display:block;}
	.org_ul2 .org_li2 strong { margin-left:30px; padding:13px 13px 9px;}
	.sub05_04 .org_ul2 .org_li2 ul { height:155px; padding:10px 20px; margin-left:30px; }


} **/



/** 조직도 (2024.03.28) **/
.sub05_04 .org_job { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.sub05_04 .org_dep1 { position:relative; }
.sub05_04 strong { display:block; width:auto; padding:15px; font-size:1.15em; text-align:center; font-weight:normal; color:#fff; }
.sub05_04 strong.king { background:#7DC242; }
.sub05_04 strong.king2 { background:#444c58; }
.sub05_04 strong.king_dep { margin-top:25px; background:#7f868e; font-size:1.0em;}
.sub05_04 strong.king_dep2 { margin:25px auto 15px auto; }
.org_dep2 { margin-top:15px;}
.org_dep2 ul { padding:20px;  font-size:0.85em; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }

.sub05_04 .org_dep3, .sub05_04 .org_dep4 { margin-top:15px; }
.sub05_04 .org_ul:after, .sub05_04 .org_ul2:after { content:""; display:block; clear:both; }
.sub05_04 .org_ul .org_li, .sub05_04 .org_ul2 .org_li2 { padding:15px 0 0 0; font-size:0.85em;}
.sub05_04 .org_ul .org_li span, .sub05_04 .org_u2l .org_li2 span{display:inline-block; color:#666;}
.sub05_04 .org_ul .org_li strong, .sub05_04 .org_ul2 .org_li2 strong { font-size:1.15em; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; }
.sub05_04 .org_ul2 .org_li2 strong.college { background:#7f868e; }
.sub05_04 .org_ul .org_li ul, .sub05_04 .org_ul2 .org_li2 ul { padding:20px; background:#fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub05_04 .org_ul .org_li ul li, .sub05_04 .org_ul2 .org_li2 ul li { padding-top:0px; padding-bottom:0px;}

@media all and (min-width:768px){
	.sub05_04 .org_job {margin:0 0 0 120px; background:url(/images/job/content/bg_org.gif) no-repeat 55px top; }
	.sub05_04 strong.king { width:160px; padding:15px 15px 14px; margin:0 0 0 126px; }
	.sub05_04 strong.king_dep {padding:15px 20px 14px; width:126px;}
	.sub05_04 strong.king_dep2 { width:160px; margin:27px auto 20px 126px; }
	.sub05_04 .org_dep2 { position:absolute; right:35px; top:178px;  margin:0 auto; }
	.sub05_04 .org_dep3 {position:static;  margin:30px 0 0; }
	.org_ul2 { margin-left:-27px; }
	.org_ul2 .org_li2 { float:left; width:40%; }
	.org_ul2 .org_li2 span{display:block;}
	.org_ul2 .org_li2 strong { margin-left:30px; padding:13px 13px 9px;}
	.sub05_04 .org_ul2 .org_li2 ul { height:155px; padding:10px 20px; margin-left:30px; }


}





/**시설안내**/

/* 현황개요 */
.job{position:relative; overflow: visible;  margin-bottom:50px;background:#FFF;border:3px solid #f1f3f5; float:left; margin: 0 0 50px 0; width:89%; padding: 3% 5% 2%;}
.job .img_percent30_left{ position: relative; left: 0; margin-bottom: 20px; background-color: #ffffff;}
.job .job_ex { position:relative; display:inline-block; left: 0px; top: 15px; padding-bottom:25px;}

/* 탭 */
.basic_tab_warp { position:relative; }
ul.basic_tab { margin-bottom:30px; }
ul.basic_tab:after { content:""; display:block; clear:both; }
ul.basic_tab li a { display:block; padding:9px 17px; margin:-1px 0 0 0px; border:1px solid #d2d2d2; }
ul.basic_tab li:first-child a { margin:-1px 0 0 0; }
ul.basic_tab li.first a { margin:-1px 0 0 0; }
ul.basic_tab li a.ov,
ul.basic_tab li a:hover,
ul.basic_tab li a:focus,
ul.basic_tab li a:active { padding:9px 0 9px 9px; background:url(/images/default/bg_basictab_off.gif) no-repeat right 50% #545454; border:1px solid #545454; text-decoration:none; color:#fff; }
ul.basic_tab li { float:left; width:24%; }

/* 층별 소개 */
.facility { position:relative; float:left; width:99%; border:1px solid #d2d2d2; margin:15px 0 50px;}
.facility .plan { display:block; padding:25px; text-align: center;}
.facility .room { float:left; width:90%; padding:5% 5% 3%; background: #F5F5F5; border-top:1px dotted #d2d2d2;}
.facility .room ul li { display:inline; float:left; margin:0 30px 10px 0;}
.facility .room ul li .num { display:inline-block; margin-right:5px; margin-bottom:0; padding:3px 6px 0px; background-color:#7F868E; border-radius:50px; text-align:center; line-height:normal; color:#fff; font-size:12px;}


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

	.facility .room { width:86%; padding:5% 7% 3%;}
	ul.basic_tab li a:active { padding:9px 17px;}
	ul.basic_tab li { width:24%; }

}

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

	.facility .plan { padding:50px 25px;}

}





/********** 1. 프로그램 안내 **********/


/* 프로그램 */

.uit_job{overflow:hidden;position:relative; margin:10px 0 10px;}
.uit_job {position:relative;z-index:1; width:96%; padding:2%; background-color:#fff;border:1px solid #e5e5e3;}
.uit_job .inner strong{display:block;margin:0 0 10px;padding-top:5px;font-size:15px;color:#121212;line-height:1.15;font-weight:600;}
.uit_job .inner p{/*padding:5px 0;*/color:#545454;}

.uit_job .inner.icowrap{position:relative; padding:10px 0 0 125px;min-height:95px;}
.uit_job .inner.icowrap .ico{display:inline-block; position:absolute;left:0px;top:0px;width:104px;min-height:104px;background:no-repeat;}



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

	.uit_job{display:inline-block;  margin:10px 5px 0; width:44%;}
	.uit_job .inner.icowrap{padding:10px 0 0 125px;}

}



/** 비전 **/

.sub05_07 .job_box_col {display:block; border:solid 1px #d2d2d2; padding:20px; overflow:hidden;}
.sub05_07 ul.vis_ul li { margin-bottom:10px; border-right:0; text-align:center; }
.sub05_07 ul.vis_ul li:after { content:""; display:block; clear:both; }
.sub05_07 ul.vis_ul li strong { display:block; float:none; width:auto; padding:14px 0; background:#12A483; color:#fff; }
.sub05_07 ul.vis_ul li strong.job1 { background:#444c58;}
.sub05_07 ul.vis_ul li strong.job2,
.sub05_07 ul.vis_ul li strong.job4 { background:#3b4771;}
.sub05_07 ul.vis_ul li strong.job3,
.sub05_07 ul.vis_ul li strong.job5 { background:#22569c;}
.sub05_07 ul.vis_ul li p { float:none; width:auto; padding:13px; border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
.sub05_07 ul.vis_ul li p.vis_dot { background:url(/images/job/content/dot_bg1.gif) repeat left top; }
.sub05_07 ul.vis_ul li p span,
.sub05_07 ul.vis_ul li span { display:inline;}
.sub05_07 ul.vis_ul li ul.ul_box { overflow:hidden; height:auto; padding:15px; margin-left:0; border:1px solid #d2d2d2;}
.sub05_07 ul.vis_ul li ul.ul_box:after { content:""; display:block; clear:both; }
.sub05_07 ul.vis_ul li ul.ul_box li { float:none; width:auto;  background:url(/images/job/content/dot_bg1.gif) repeat left top; text-align:center; margin:5px 0px;  border-radius:7px; border:1px solid #d2d2d2;}


.sub05_07 ul.vis_ul li ul.ul_box2 { overflow:hidden; height:auto; padding:15px; margin-left:0; border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.sub05_07 ul.vis_ul li ul.ul_box2:after { content:""; display:block; clear:both; }
.sub05_07 ul.vis_ul li ul.ul_box2 li {float:none; width:auto; border:none; margin:0px; padding:5px 0;}
.sub05_07 ul.vis_ul li ul.ul_box2 li ul li {font-size:0.85em; line-height:15pt; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}
.sub05_07 ul.vis_ul li ul.ul_box2 li ul,
.sub05_07 ul.vis_ul li ul.ul_box2 li div {margin:0; }
.sub05_07 ul.vis_ul li ul.ul_box2 li div strong.strategy { display:block; width:96%; margin:0px; padding:10px 2%; background:#22569c; color: #fff;  font-size:0.9em;}


.sub05_07 ul.vis_ul li ul.ul_box3 { overflow:hidden; height:auto; padding:15px; margin-left:0; border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.sub05_07 ul.vis_ul li ul.ul_box3:after { content:""; display:block; clear:both; }
.sub05_07 ul.vis_ul li ul.ul_box3 li { float:none; margin:0px; border:none; padding:5px 0;}
.sub05_07 ul.vis_ul li ul.ul_box3 li div { margin:0; }
.sub05_07 ul.vis_ul li ul.ul_box3 li div strong.program { display:block; width:96%; margin:0; padding:10px 2%; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; color: #fff;  font-size:0.9em;}
.sub05_07 ul.vis_ul li ul.ul_box3 li ul li {margin:0; padding:0 0 0 8px;  font-size:0.85em; line-height:13pt; text-align:left;}
.sub05_07 ul.vis_ul li ul.ul_box3 li ul {width:93.5%; margin:0; padding:3%; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}




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

	
	.sub05_07 .vis_box { background:url(/images/job/content/bg_arrow.png) no-repeat right 25px; }
	.sub05_07 ul.vis_ul li {border-right:1px solid #d2d2d2;}
	.sub05_07 ul.vis_ul li strong { float:left; width:15%; }
	.sub05_07 ul.vis_ul li strong.job2 { padding:60px 0 0; height:74px; }
	.sub05_07 ul.vis_ul li strong.job3 { padding:60px 0 0; height:66px; }
	.sub05_07 ul.vis_ul li strong.job5 { padding:130px 0 0; height:235px; }
	.sub05_07 ul.vis_ul li p { float:left; width:65%; padding:13px 10%; border-top:1px solid #d2d2d2; border-left:0; border-right:0; }
	.sub05_07 ul.vis_ul li p span,
	.sub05_07 ul.vis_ul li span { display:block;}

	.sub05_07 ul.vis_ul li ul.ul_box {padding-left:7%; text-align: center; border-right:0;}
	.sub05_07 ul.vis_ul li ul.ul_box li { float:left; margin:0 30px; padding-top:30px; width:100px; height:70px; border-radius:50px; border:1px solid #d2d2d2;}


	.sub05_07 ul.vis_ul li ul.ul_box2 { padding:20px 0 15px 2%; border-top:1px solid #d2d2d2; border-left:0; border-right:0; }
	.sub05_07 ul.vis_ul li ul.ul_box2 li {float:left; width:29%; margin:0 10px; }	
	.sub05_07 ul.vis_ul li ul.ul_box2 li ul {}
	.sub05_07 ul.vis_ul li ul.ul_box2 li ul li {  float:left; margin:0px; width:89%; height:20px;  padding:5%; }
	.sub05_07 ul.vis_ul li ul.ul_box2 li div .strategy {  display:block; margin:0;}

	
	.sub05_07 ul.vis_ul li ul.ul_box3 { padding:20px 0 20px 10px; border-top:1px solid #d2d2d2; border-left:0; border-right:0; }
	.sub05_07 ul.vis_ul li ul.ul_box3 li {float:left; width:18%; margin:0 5px; }
	.sub05_07 ul.vis_ul li ul.ul_box3 li div { margin:0px; }
	.sub05_07 ul.vis_ul li ul.ul_box3 li ul { float:left; height:250px; width:93%; padding:10px 3%; border-top:0; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2; }
	.sub05_07 ul.vis_ul li ul.ul_box3 li ul li {  float:left; margin:0 0 0 5px; padding:0 8px; width:80%;  font-size:0.8em; line-height:12pt; text-align:left;}
	.sub05_07 ul.vis_ul li ul.ul_box3 li div strong.program { margin:0;}



}



/** 발전 계획 **/

.sub05_07 .job_box_col2 {display:block; border:solid 1px #d2d2d2; padding:20px; overflow:hidden;}
.sub05_07 .plan_ul{ margin:0; padding:0px; width:100%;}
.sub05_07 .plan_ul:after{content:"";display:block;visibility:hidden;clear:both;}
.sub05_07 .plan_ul li{display:block;padding:0 0 25px 0;}
.sub05_07 .plan_ul dl.plan{position:relative;display:block;padding:0px;background:#fff; border:1px solid #d2d2d2;}
.sub05_07 .plan_ul .plan .plan_tit{display:block;padding:6% 3.5% 5%; width:93%; background:#8794A7; font-size:1.15em; color:#fff;  font-weight:bold; text-align:center;}
.sub05_07 .plan_ul .plan .plan_tit2{display:block;padding:6% 3.5% 5%; width:93%; background:#3B4771; font-size:1.15em; color:#fff;  font-weight:bold; text-align:center;}
.sub05_07 .plan_ul .plan .plan_tit3{display:block;padding:6% 3.5% 5%; width:93%; background:#22569C; font-size:1.15em; color:#fff;  font-weight:bold; text-align:center;}

.sub05_07 .plan_ul .plan dd{display:block; padding:15px; border-top:1px solid #d2d2d2;}
.sub05_07 .plan_ul .plan dd p{display:block; width:100%; text-align:center;}
.sub05_07 .plan_ul .plan dd p b{display:block; margin:15px 0; padding:6px 7px 4px; color:#fff; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat;  border-radius:15px;}
.sub05_07 .plan_ul .plan dd p ul{display:block; width:100%;}
.sub05_07 .plan_ul .plan dd ul li{ width:92%; margin-left:0%; padding:1px 0 0 10px; background:url(/images/default/sh_dot01.gif) no-repeat left 10px;}



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

	.sub05_07 .job_box_col2 {background:url(/images/kyucounsel/content/bg_arrow3.GIF) no-repeat 50% 165px; }
	.sub05_07 .plan_ul li{float:left; display:inline-block; margin-left:5%; padding:0; width:30%; }
	.sub05_07 .plan_ul li:first-child {margin-left:0%;}
	.sub05_07 .plan_ul .plan dd{padding:3% 8% 2%; height:240px;}
	

}