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

.snb_box .snb {z-index:1200;}

.snb_box .snb h1 {font-size:1.6em; letter-spacing:-1px; padding-left:62px; padding-top:5px; height:39px; background: url(/images/kyusw/content/sw_logo.gif) no-repeat left top;}
.snb_box .snb h1 span{display:block; font-size:17px; line-height:11px; letter-spacing:0px;}

.sns_mobile{position:absolute; display:flex; top:0px; right:0px; z-index:2000;}
.sns_mobile a.sns { float:left; margin-left: 1px; padding:0; width:100%;  }

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

/*헤더*/

#header { height:124px;}
	/*로고*/
	.snb_box .snb { width:1040px; }

	.snb_box .snb .global_r a { width:85px; }

	.snb_box .snb .global_r a.sns { float:left; margin-left: 1px; padding:0; width:39px;  }


	.sns_mobile{display:none}

}

/** 주메뉴 **/
#tm li.th1 a.th1_lnk {width: auto;}
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-740px; width:950px;  /*width:840px;*/}
#animate #tm li.th1{ float:left; width:82px; font-size:16px; color:#333; font-weight:600; letter-spacing:-1px; }
#animate #tm li.th1 ul.th2 {width:82px;}


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

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

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

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

#animate #tm .th2 li{padding:0 0 0 0px; font-size:0.75em;line-height:15px; letter-spacing:0;}
#animate #tm .th2 li a{display:block;height:auto;padding:0 0 0 10px;letter-spacing:-0.5px;}



/** 서브페이지 왼쪽메뉴 **/
.lm_2th li a{font-size:0.95em;letter-spacing:0; word-break: keep-all;}
.lm_2th li + li + li + li + li + li a{font-size:0.95em;letter-spacing:-1px;}



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


.sect1 .mcnt3 h3 {background:none;}

h3 {background:url(/images/common/ui/h3_bul_06.gif) no-repeat 0px 7px;}
h3, h4 {word-break: keep-all; line-height:20pt;}

p, li {word-break: keep-all; line-height:18pt;}


.organ_uit .organ_inner p, 
.organ_uit .organ_inner li {font-size:16px;}

.organ_uit .organ_inner li {margin-bottom:5px;}
.organ_uit .organ_inner li:last-child {margin-bottom:0px;}

.organ_uit .organ_inner .list_1st li {padding:1px 0 0 12px; background:url(/images/kyusw/content/dot01.gif) no-repeat left 9px; }
.organ_uit .organ_inner .list_1st li ul {margin-top:5px; }
.organ_uit .organ_inner .list_1st li ul li {padding:1px 0 0 12px; background:url(/images/default/sh_dot01.gif) no-repeat left 10px; }

.tbl_basic tbody td .list_1st li {padding:1px 0 0 10px; background:url(/images/kyusw/content/dot02.gif) no-repeat left 10px; }
.tbl_basic tbody td .list_1st li ul li {padding:1px 0 0 12px; background:url(/images/default/sh_dot01.gif) no-repeat left 10px; }
.tbl_basic tfoot th {padding-left:0px; padding-right:0px; letter-spacing:-0.5px;}


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


/** 인사말 **/
.sub01_01 .kyusw_intro {position:relative; margin-bottom:30px; padding:40px 0 0; height:110px; background:url(/images/kyusw/content/img_sub0101.jpg) no-repeat 50% top; background-size:cover; border-radius:3px;}
.sub01_01 .kyusw_intro p{display:block; margin:0px auto;text-align:center;color:#fff; font-size:15px; text-shadow:0 0 10px #00aeff;}
.sub01_01 .kyusw_intro p span{display:block; margin:10px auto 0; font-size:16px;}
.h_line {padding-left:20px; color:#121212; border-left:3px solid #a4acb8;}
.sub01_01 p  {color:#666; font-size:1.1em; word-break:keep-all;}
.sub01_01 p span {display:inline-block; margin-top:15px; line-height:16pt;}
.sub01_01 strong  {color:#000;}

.sub01_01 p.sign { margin-top:30px; line-height:35px;text-align:right; font-weight:bold;}
.sub01_01 p.sign span { color:#000; font-size:1.35em; margin-left:10px;}

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

	.sub01_01 .kyusw_intro {margin-bottom:50px; padding:65px 0 0; height:150px;}
	.sub01_01 .kyusw_intro p{font-size:19px; text-shadow:0 0 10px #257cb9;}
	.sub01_01 .kyusw_intro p span{margin:13px auto 0; font-size:22px;line-height:24pt;}

}



/** 사업목표 **/

.sub01_02 .kyusw_box_col {display:block; padding:0px; overflow:hidden;}
.sub01_02 ul.vis_ul li { margin-bottom:15px; border-right:0; text-align:center; }
.sub01_02 ul.vis_ul li:after { content:""; display:block; clear:both; }
.sub01_02 ul.vis_ul li strong { display:block; float:none; width:auto; padding:12px 0 10px; background:#8497b0; font-size:1.1em; color:#fff; word-break:keep-all; border-radius:5px 5px 0 0;}
.sub01_02 ul.vis_ul li p { float:none; width:auto; padding:13px; border-radius:0 0 5px 5px;}
.sub01_02 ul.vis_ul li p.vis1 {font-size:1.1em; color:#fff; background:#003863; border-top:1px solid #fff; font-weight:bold;}
.sub01_02 ul.vis_ul li p.vis2 {font-size:1.1em; color:#fff; background:#8faadc; border-top:1px solid #fff;}
.sub01_02 ul.vis_ul li ul { float:none; width:auto; margin-bottom:7px; padding:13px;  }
.sub01_02 ul.vis_ul li ul li { margin:0 0 7px 0;  padding:1.9%;}
.sub01_02 ul.vis_ul li ul li.bn { margin:0; padding:0; border:none;}
.sub01_02 ul.vis_ul li .vis_dot { background:url(/images/mec/sub01/dot_bg1.gif) repeat left 168px; }
.sub01_02 ul.vis_ul li span { display:inline;}

.sub01_02 ul.vis_ul li ul.ul_box { 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; border-radius:0 0 5px 5px;}
.sub01_02 ul.vis_ul li ul.ul_box:after { content:""; display:block; clear:both; }
.sub01_02 ul.vis_ul li ul.ul_box li { float:none; width:auto;  margin:5px 0px;  }
.sub01_02 ul.vis_ul li ul.ul_box li.li_box {text-align:center; color:#fff; background:#0355a7; border-radius:5px; border:none;}
.sub01_02 ul.vis_ul li ul.ul_box li.li_box2 {border:1px solid #d2d2d2; border-radius:5px;}
.sub01_02 ul.vis_ul li ul.ul_box li.li_box2 ul {width:94%; margin:0px; padding:3%;}
.sub01_02 ul.vis_ul li ul.ul_box li.li_box2 ul li {text-align:left; margin:0px; padding:1px 0 2px 10px;}

.sub01_02 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;}
.sub01_02 ul.vis_ul li ul.ul_box2:after { content:""; display:block; clear:both; }
.sub01_02 ul.vis_ul li ul.ul_box2 li {float:none; width:auto; border:none; margin:0px; padding:5px 0; }
.sub01_02 ul.vis_ul li ul.ul_box2 li ul li {text-align:left; font-size:0.85em; line-height:15pt; padding:1px 0 2px 10px;}
.sub01_02 ul.vis_ul li ul.ul_box2 li ul,
.sub01_02 ul.vis_ul li ul.ul_box2 li div,
.sub01_02 ul.vis_ul li ul.ul_box2 li div ul {margin:0; }
.sub01_02 ul.vis_ul li ul.ul_box2 li div strong.result 
{ display:block; width:96%; margin:0px; padding:10px 2%; background:#dcedf8; color: #333;  font-size:0.9em; border-radius:5px 5px 0 0;
border-top:1px solid #ccdce7; border-left:1px solid #ccdce7; border-right:1px solid #ccdce7; border-bottom:0;}
.sub01_02 ul.vis_ul li ul.ul_box2 li div ul 
{ background:#edf9fe ; border-radius: 0 0 5px 5px; border-top:0; border-left:1px solid #ccdce7; border-right:1px solid #ccdce7; border-bottom:1px solid #ccdce7;}

.sub01_02 ul.vis_ul li div.arrow {display:none; visibility:hidden;}

.sub01_02 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;}
.sub01_02 ul.vis_ul li ul.ul_box3:after { content:""; display:block; clear:both; }
.sub01_02 ul.vis_ul li ul.ul_box3 li { float:none; margin:5px 0; border:1px solid #d2d2d2; padding:5px 0; background:#edf1f4; border-radius:5px;}




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

	
	.sub01_02 ul.vis_ul li strong { float:left; width:13%; border-radius:5px;}
	.sub01_02 ul.vis_ul li p {float:left; width:65%; margin-left:1.5%; padding:17px 10% 14px;  font-weight:bold; border-radius:5px;}
	.sub01_02 ul.vis_ul li p.vis1,
	.sub01_02 ul.vis_ul li p.vis2 {font-size:1.2em; border-top:none;}
	.sub01_02 ul.vis_ul li strong.goal1 {padding-top:17px; height:27px;}
	.sub01_02 ul.vis_ul li strong.goal2 {padding-top:28px; height:36px;}
	.sub01_02 ul.vis_ul li strong.goal3 {padding-top:110px; height:120px;}
	.sub01_02 ul.vis_ul li strong.goal4 {padding-top:120px; height:139px;}
	.sub01_02 ul.vis_ul li strong.goal5 {padding-top:30px; height:37px;}

	.sub01_02 ul.vis_ul li ul {float:left; width:85%; margin-left:1.5%; padding:0; border:0; }
	.sub01_02 ul.vis_ul li ul li:first-child { float:left; margin-left:0%;}
	.sub01_02 ul.vis_ul li ul li { float:left; margin-left:1.1%; margin-bottom:0; margin:0;}

	.sub01_02 ul.vis_ul li ul li ul {width:100%; margin-left:0;}

	.sub01_02 ul.vis_ul li { font-weight:bold;}
	.sub01_02 ul.vis_ul li span { display:block;}

	.sub01_02 ul.vis_ul li ul.ul_box,
	.sub01_02 ul.vis_ul li ul.ul_box2,
	.sub01_02 ul.vis_ul li ul.ul_box3 {position:relative; margin-left:1.5%; margin-bottom:0px; padding:0; text-align: center; border:none;}
	.sub01_02 ul.vis_ul li ul.ul_box li { float:left; margin: 0 0 3px 0;}
	.sub01_02 ul.vis_ul li ul.ul_box2 li { margin: 0 0 3px 0;}
	.sub01_02 ul.vis_ul li ul.ul_box li.li_box2 ul { margin: 0;width:100%;padding:0%; height:210px;}
	.sub01_02 ul.vis_ul li ul.ul_box li.li_box2 ul li
	{float:left; text-align:left;  border:none; padding:3px 0 2px 8px; margin-bottom:0px; font-size:0.9em; letter-spacing:-1px; line-height:20px;}
	.sub01_02 ul.vis_ul li ul.ul_box li.li_box:first-child,
	.sub01_02 ul.vis_ul li ul.ul_box li.li_box2:first-child {margin:0%;}
	.sub01_02 ul.vis_ul li ul.ul_box li.li_box {float:left; display:inline-block; padding:2.3% 1%; width:30.5%; margin-top:0; margin-left:1.1%;}
	.sub01_02 ul.vis_ul li ul.ul_box li.li_box2{float:left; display:inline-block; padding:2.3% 2%; width:28.2%; margin-top:0; margin-left:1.1%; border:1px solid #d2d2d2;}
	
	.sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2,
	.sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2 div{margin:0; padding:0%; }
	.sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2 div ul{width:100%; margin:0; padding:0%; }
	.sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2:first-child {margin-left:0%;}
	.sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2{float:left; display:inline-block; padding:0; width:32.2%; margin-top:0; margin-left:1.5%; padding:0px;}
	.sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2 div ul
	 {float:left; display:inline-block; padding:5%; width:90%; margin:0; height:205px;}
	 .sub01_02 ul.vis_ul li ul.ul_box2 li.li_box2 div ul li
	 {float:left; text-align:left;  border:none; padding:3px 0 2px 8px; margin-bottom:0px; font-size:0.9em; letter-spacing:-0.5px; line-height:20px;}
	

	.sub01_02 ul.vis_ul li ul.ul_box3 li:first-child {margin:0%;}
	.sub01_02 ul.vis_ul li ul.ul_box3 li {float:left; width:18.4%; margin:0 0 0 1.5%; padding-top:22px; height:48px; font-size:0.9em; line-height:16px; }
	.sub01_02 ul.vis_ul li ul.ul_box3 li {padding-top:22px; height:48px;}
	.sub01_02 ul.vis_ul li ul.ul_box3 li + li + li {padding-top:12px; height:58px;}
	.sub01_02 ul.vis_ul li ul.ul_box3 li + li + li + li {padding-top:22px; height:48px;}

}



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

	 .sub01_02 ul.vis_ul li div.arrow {display:block; visibility:visible; position:absolute; top:66%; z-index:100;}
}




/** 조직도 **/
.sub01_03 .org_kyusw { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.sub01_03 .org_dep1 { position:relative; }
.sub01_03 .org_dep1 strong { display:block; width:auto; padding:15px; font-size:1.25em; text-align:center; font-weight:bold; color:#fff; }
.sub01_03 .org_dep1 strong.king { background:#003863; }
.sub01_03 .org_dep1 strong.king2 { background:#616974; }
.sub01_03 .org_dep1 strong.king_dep { margin-top:25px; background:#616974; font-size:1.0em;}
.sub01_03 .org_dep1 strong.king_dep2 { margin:25px auto 15px auto; font-size:1.0em; background:#0355a7;}
.sub01_03 .org_dep1 strong.king_dep3 { margin:25px auto 15px auto; background:#616974; font-size:1.0em;}
.sub01_03 span.name {display:block; font-size:0.8em; margin-bottom:0px;}
.sub01_03 .org_dep2 { margin-top:15px; }
.sub01_03 .org_ul:after { content:""; display:block; clear:both; }
.sub01_03 .org_ul .org_li { padding:15px 0 0 0; }
.sub01_03 .org_ul .org_li strong { font-size:0.95em; line-height:14pt; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; }


@media all and (min-width:768px){
	.sub01_03 .org_kyusw { background:url(/images/kyusw/content/bg_org.gif) no-repeat center top; }
	.sub01_03 .org_dep1 strong.king { width:190px; padding:16px 15px 14px; margin:0 auto; }
	.sub01_03 .org_dep1 strong.king_dep { position:absolute;  right:25px; top:60px; width:140px;}
	.sub01_03 .org_dep1 strong.king_dep2 {margin:70px auto 0px;}
	.sub01_03 .org_dep1 strong.king_dep3 { position:absolute;  left:35px; top:205px; width:130px;}
	.sub01_03 .org_dep2 { position:static; margin:110px auto 0; }
	.sub01_03 .org_ul { margin-left:-15px; }
	.sub01_03 .org_ul .org_li { float:left; width:20%; }
	.sub01_03 .org_ul li strong { margin-left:16px; padding:15px 10px 12px;}
}



/********** 2. 교수지원 **********/


/** 운영내용 **/
.vis_bg {margin-top:10px;}

ul.vis_kyusw_ul { padding:0px; }
ul.vis_kyusw_ul:after { content:""; display:block; clear:both; }
ul.vis_kyusw_ul li { float:none; margin:0 0 20px 0; }
ul.vis_kyusw_ul li.vis_kyusw_li1 { width:auto; }
ul.vis_kyusw_ul li.vis_kyusw_li2 { width:auto; }
ul.vis_kyusw_ul li.vis_kyusw_li3 { width:auto; }
ul.vis_kyusw_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_kyusw_ul li strong.kyusw { background:#444C58 url(/images/organ/common/dot_bg.png) repeat;}
ul.vis_kyusw_ul li span.vis_box{display:block; width:94%; padding:3% 3% 2%; text-align:center; font-weight:bold; background:#F4F4F4; border:1px solid #D2D2D2; border-radius:5px;}
ul.vis_kyusw_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_kyusw_ul li ul li { float:none; margin-bottom:0; }
ul.vis_kyusw_ul li ul li ul { overflow:hidden; height:auto; margin:10px 0; padding:0px; background:#fff; border:none; }
ul.vis_kyusw_ul li ul li ul li { margin-bottom:2px; padding-left:6px; background:url(/images/default/sh_dot03.gif) no-repeat left 7px; font-size:0.9em; line-height:18px; }
ul.vis_kyusw_ul li ul li ul li:after { margin-bottom:0px;  }



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

	/*운영내용*/
	ul.vis_kyusw_ul li { float:left; margin-bottom:0; }
	ul.vis_kyusw_ul li.vis_kyusw_li1 { width:33% }
	ul.vis_kyusw_ul li.vis_kyusw_li2 { width:33% }
	ul.vis_kyusw_ul li.vis_kyusw_li3 { width:33% }
	ul.vis_kyusw_ul li ul { height:225px; }

}




/* 운영내용2 */

.uit_kyusw{overflow:hidden;position:relative; margin:10px 0 20px;}
.uit_kyusw {position:relative;z-index:1; width:90%; padding:3.5%; border:1px solid #d2d2d2; }
.bgc {background-color:#F6F6F6;}
.uit_kyusw .inner strong{display:block;margin:0 0 10px;padding-top:5px;color:#121212;line-height:1.15;font-weight:600;}
.uit_kyusw .inner p, .uit_kyusw .inner ul li{color:#545454; font-size:0.9em; line-height:19px;}

.uit_kyusw .inner.icowrap{position:relative; padding:0px;}
.uit_kyusw .tx_right{height: 90px ; display: table-cell; vertical-align: middle;}
.uit_kyusw .inner.icowrap .ico{display:inline-block; float:left;margin-right:20px; background:no-repeat; vertical-align: middle;}


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

	/*운영내용2*/
	
	.uit_kyusw {width:90%; padding:2% 3.5%;}
	.uit_kyusw .inner strong{font-size:15px;}
	.uit_kyusw .inner p, .uit_kyusw .inner ul li{font-size:0.95em; line-height:20px;}
	.uit_kyusw .inner.icowrap .ico{margin-right:30px;}

}




/** 운영방법 **/

ul.vis_kyusw2_ul { padding:0px; }
ul.vis_kyusw2_ul:after { content:""; display:block; clear:both; }
ul.vis_kyusw2_ul li { float:none; margin:0 0 20px 0; }

ul.vis_kyusw2_ul li.vis_kyusw2_li1 { width:auto; }
ul.vis_kyusw2_ul li.vis_kyusw2_li2 { width:auto; }
ul.vis_kyusw2_ul li.vis_kyusw2_li3 { width:auto; }
ul.vis_kyusw2_ul li.vis_kyusw2_li4 { width:auto; }
ul.vis_kyusw2_ul li strong { display:block; width:auto; margin:0 10px; padding:12px 0; background:#444C58 url(/images/organ/common/dot_bg.png) repeat; text-align:center; font-size:1.15em; color:#fff; }
ul.vis_kyusw2_ul li span.vis_box2{display:block; width:94%; padding:5% 3% 2%; text-align:center;font-size:0.9em; line-height:18px; font-size:0.9em; line-height:18px;font-weight:bold; background:#F4F4F4; border:1px solid #D2D2D2; border-radius:5px;}
ul.vis_kyusw2_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_kyusw2_ul li ul li { float:none; margin-bottom:0; }
ul.vis_kyusw2_ul li ul li ul { overflow:hidden; height:auto; margin:10px 0; padding:0px; background:#fff; border:none; }
ul.vis_kyusw2_ul li ul li ul li { margin-bottom:2px; padding-left:6px; background:url(/images/default/sh_dot03.gif) no-repeat left 7px; font-size:0.9em; line-height:18px; }
ul.vis_kyusw2_ul li ul li ul li:after { margin-bottom:0px;  }



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

	/*운영방법*/
	ul.vis_kyusw2_ul li { float:left; margin-bottom:0;}
	ul.vis_kyusw2_ul li:after {;background:none;}


	ul.vis_kyusw2_ul li.vis_kyusw2_li1 { width:25%;}
	ul.vis_kyusw2_ul li.vis_kyusw2_li1:after {display:block;position:absolute;top:290px;right:72%;width:16px;height:26px;background:url(/images/common/ui/flow_arw2.png) no-repeat 50% 50%;content:"";}
	ul.vis_kyusw2_ul li.vis_kyusw2_li2 { width:25%; }
	ul.vis_kyusw2_ul li.vis_kyusw2_li2:after {display:block;position:absolute;top:290px;right:48.5%;width:16px;height:26px;background:url(/images/common/ui/flow_arw2.png) no-repeat 50% 50%;content:"";}
	ul.vis_kyusw2_ul li.vis_kyusw2_li3 { width:25%; }
	ul.vis_kyusw2_ul li.vis_kyusw2_li3:after {display:block;position:absolute;top:290px;right:25%;width:16px;height:26px;background:url(/images/common/ui/flow_arw2.png) no-repeat 50% 50%;content:"";}
	ul.vis_kyusw2_ul li.vis_kyusw2_li4 { width:25%; }
	ul.vis_kyusw2_ul li ul { padding:20px 18px; height:110px; }


}





/********** 4. 이러닝지원 **********/


/** 대여절차 **/
.ui.kyusw_uip2 ol{margin:0 auto;padding:0px;}
.ui.kyusw_uip2 ol:after{content:"";clear:both;display:block;visibility:hidden;}
.ui.kyusw_uip2 ol li{position:relative;text-align:center; padding-bottom:10px; color:#545454; font-size:0.9em; line-height:19px; border-left:1px solid #DFE2E7; border-right:1px solid #DFE2E7; border-bottom:1px solid #DFE2E7;}
.ui.kyusw_uip2 ol li:after{content:"";display:block;position:absolute;top:107px;right:50%;margin-right:-10px;width:12px;height:21px;background:url(/images/common/ui/flow_arw2.png) no-repeat 50% 50%;transform:rotate(90deg);}
.ui.kyusw_uip2 ol li.l_end:after{display:none;}
.ui.kyusw_uip2 ol li .bico{display:none;}
.ui.kyusw_uip2 ol li b{display:block;margin:45px 0 13px;padding:10px 25px 5px;background:#E7EAEF;border-top:1px solid #DFE2E7; border-bottom:1px solid #DFE2E7; font-size:1.2em; line-height:19px;}
.ui.kyusw_uip2 ol li.l_end b{background:#545454;color:#fff;}
.ui.kyusw_uip2 ol li:first-child b{margin-top:0;}



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

	.ui.kyusw_uip2 ol li{float:left;margin:2% 1.2%;width:41%; color:#545454; font-size:0.9em; line-height:19px; border:none;}
	.ui.kyusw_uip2 ol li:after{top:45px;right:-15px;margin-right:0;transform:none;}
	.ui.kyusw_uip2 ol li .bico{display:block;margin:0 auto;width:111px;height:111px;background:#E7EAEF url(/images/kyusw/content/img_sub0404_01.PNG) no-repeat;border-radius:56px;}
	.ui.kyusw_uip2 ol li .bico.pico1{background-position:11px 11px;}
	.ui.kyusw_uip2 ol li .bico.pico2{background-position:11px -77px;}
	.ui.kyusw_uip2 ol li .bico.pico3{background-position:11px -165px;}
	.ui.kyusw_uip2 ol li .bico.pico4{background-position:11px -253px;}

	.ui.kyusw_uip2 ol li b{margin:0px; padding:15px 0 5px;  background:#fff;border-width:0;}
	.ui.kyusw_uip2 ol li:first-child b{margin-top:0px;}
	.ui.kyusw_uip2 ol li.l_end b{background:#fff;color:#545454;}

}


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

	.ui.kyusw_uip2 ol li{width:22.5%;}

}