@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 {padding-top:0px;}

.snb_box .snb h1 img {width:80%;}

.snb_box .snb .global_l a.img_logo {background:#2f353d; }
.main .snb_box .snb .global_l a.img_logo {padding:11px 20px 7px ; }

.snb_box .snb .global_r a.gr_search { display:none; width:40px; height:40px; padding:0; background:url(/images/glocal/content/i_search.png) no-repeat center 10px #2f353d; }
.snb_box .snb .global_r a.gr_search:hover,
.snb_box .snb .global_r a.gr_search:focus,
.snb_box .snb .global_r a.gr_search:active { background:url(/images/glocal/content/i_search.png) no-repeat center 10px #17625e; }






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

	/*헤더*/

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

	.snb_box .snb .global_l a.img_logo { height:20px; width:auto; padding:12px 20px 8px; }
	/*메인만적용*/
	.main .snb_box .snb .global_l a.img_logo { width:auto; padding:12px 20px 8px; }

	.snb_box .snb .global_r a { width:100px; }
	.snb_box .snb .global_r a.gr_search { display:block; width:40px; height:40px; padding:0; border-left:1px solid #444c58; background:url(/images/glocal/content/i_search.png) no-repeat center 10px #2f353d; }

	.footer .b_logo { position:absolute; top:35px; left:0%; margin:0; }


}


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

	/*헤더*/

	/*로고*/
	.snb_box .snb { width:1100px; }
	#location_box .location { width:1100px; }

	#container_box { width:1100px; background:url(/images/organ/common/snb_bgy.gif) repeat-y left top; }

	.footer { width:1100px; height:auto; padding:35px 0; }
	.footer address { display:block; margin:0px 0 0 160px; }
	.footer .copyright { margin:5px 0 0 160px; }
	.footer .b_logo { position:absolute; top:35px; left:0%; margin:0; }

}




.site_select{position:absolute; right:0px; top:30px; }
.site_select .site_link{display:inline-block; }
.site_select select{width:170px;height:38px;background:#3b434e; color:#fff;border: 1px solid rgba(255, 255, 255, 0.3); font-size:0.85em; line-height:25px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25137 5.25131C4.9858 5.51689 4.55522 5.51689 4.28964 5.25131C4.02407 4.98574 4.02407 4.55516 4.28964 4.28958L8.09826 0.480964C8.36383 0.215389 8.79442 0.215389 9.05999 0.480964C9.32556 0.746539 9.32556 1.17712 9.05999 1.44269L5.25137 5.25131Z' fill='white'/%3E%3Cpath d='M5.25156 4.28964C5.51713 4.55522 5.51713 4.9858 5.25156 5.25137C4.98598 5.51695 4.5554 5.51695 4.28983 5.25137L0.481209 1.44276C0.215634 1.17718 0.215634 0.746603 0.481209 0.481028C0.746784 0.215453 1.17737 0.215453 1.44294 0.481028L5.25156 4.28964Z' fill='white'/%3E%3C/svg%3E%0A"); 
	background-repeat: no-repeat; background-position: 90% center; padding-left:10px;margin-right: 10px; appearance:none;-webkit-appearance: none; -moz-appearance: none;}



@media(max-width:1279px){
  
    .footer .b_logo { display:block; position:static; margin:0px 0 20px 0px; }
    .site_select{top:60px;}

}



@media(max-width:1024px){
  
    .site_select{top:60px;}

}

@media(max-width:980px){
  
    .footer .b_logo { display:block; position:static; margin:0px 0 20px 20px; }

}


@media(max-width:540px){

	.footer .b_logo { display:block; position:static; margin:110px 0 20px 20px; }

	.site_select{top:50px; left:0px; padding:0 20px; width:90%;white-space:normal;}
    .site_select .site_link{display:block;}
    .site_select select{margin: 0 0 5px 0; width:100%}


}




/** 주메뉴 **/
#tm li.th1 a.th1_lnk {width: auto;}
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-741px; width:850px;  /*width:840px;*/}
#animate #tm li.th1{ float:left; width:165px; font-size:18px; color:#333; font-weight:600;}
#animate #tm li.th1 ul.th2 {width:165px;}


#animate #tm .th2 li{padding:0 10px; font-size:0.85em;line-height:15px; letter-spacing:0;}



/** 서브페이지 왼쪽메뉴 **/
.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){

	.snb_box .snb h1 img {width:289px; height:39px;}
	.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;}
}




.tbl_basic tbody th.b_line,
.tbl_basic tbody td.b_line{border-bottom:1px solid #545454;}



/********** 1. 글로컬대학사업 **********/


/** 인사말 **/
.greetings_se01d .greeting_box{position:relative;}
.greetings_se01d .greetings_title{margin-bottom:35px;padding-bottom:38px;color:#333;font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-1px;}
.greetings_se01d .greeting_box .greetings_title p{color:#888;}

.greetings_se01d .sign_box{color:#222; font-size:15px; font-weight:bold;text-align:right;margin-top:70px; }
.greetings_se01d .sign_box strong{font-weight:bold; font-size:22px; margin-left: 20px;}

.greetings_se01d p{margin-top:30px;font-size:17px;line-height:1.4;letter-spacing:0;}
.greetings_se01d .obj-txt {position:relative; margin:0 0 30px;}
.greetings_se01d .obj-txt:after {display:block; position:absolute; left:0; top:50%; content:''; width:100%; height:1px; background:#ccc;}
.greetings_se01d .obj-txt span {display:inline-block; position:relative; z-index:1; padding:0 20px 0 0; word-break: break-word; background:#fff; font-size:14px; color:#767676; letter-spacing:0.8em;}

.greetings_se01d .inner .greeting_box {position:relative;margin:0 0 120px;}
.greetings_se01d .inner .greeting_box .greetings_img img {width:100%;  height:353px;}
.greetings_se01d .inner .greeting_box .greetings_title {position:absolute;top:auto;left:20px;bottom:-80px;width:330px;margin:0;padding:38px 30px 28px;background-color: #007E4A; box-shadow: 0px 4px 15px rgb(0, 0, 0, 0.2);}
.greetings_se01d .inner .greeting_box .greetings_title em {display:block; font-family: 'Gothic A1'; color:#fff; font-size:15px;}
.greetings_se01d .inner .greeting_box .greetings_title strong {display:block; font-family: 'Gmarket Sans'; position:relative; margin:30px 0 0; font-size:20px; color:#fff; font-weight:normal;}
.greetings_se01d .inner .greeting_box .greetings_title strong:after {display:block;position:absolute;left:0;top:-15px;content:'';width:30px;height:1px;background:rgba(255,255,255,.5);}
.greetings_se01d .inner .greeting_box .greetings_title strong span {display:inline-block; font-family: 'Gmarket Sans'; font-weight:bold;}

.greetings_se01d .inner .bottom_box {padding:0 20px;}
.greetings_se01d .inner .bottom_box strong {display:block;margin:0 0 20px;color:#006A57; line-height:1.3;font-family: 'Gmarket Sans'; font-size: 34px; font-weight:bold;}
.greetings_se01d .inner .bottom_box strong span {display:inline-block;font-weight: normal;color:#222;font-size:34px;line-height:1.3;}
.greetings_se01d .inner .bottom_box p {word-break: keep-all; font-size:15px;}
.greetings_se01d .inner .bottom_box p span {display:inline-block; color:#014171; }

@media(max-width:1023px) {
.greetings_se01d .inner .greeting_box{padding: 25px;}
.greetings_se01d .inner .greeting_box .greetings_img {overflow:hidden;}
.greetings_se01d .inner .greeting_box .greetings_img span {display:block; position:relative; width:100%; height:100%;}
.greetings_se01d .inner .greeting_box .greetings_img img {position:absolute;top:50%;left:50%;height:100%;width:auto;max-width:1000%;transform:translate(-50%,-50%);} *
.greetings_se01d .inner .greeting_box .greetings_title {right:30px;}
.greetings_se01d .inner .bottom_box p {word-break: keep-all;}
}

@media (max-width:767px){
.greetings_se01d .inner .greeting_box {margin:0 0 30px; padding: 0px;}
.greetings_se01d .inner .greeting_box .greetings_img {display:none;}
.greetings_se01d .inner .greeting_box .greetings_title {position:static; width:100%;}
.greetings_se01d .inner .bottom_box p {word-break: break-all;}
.greetings_se01d .inner .bottom_box p br {display: none;}
.greetings_se01d .inner .bottom_box strong {margin:0 0 15px; font-size:24px;}
.greetings_se01d .inner .bottom_box strong span {font-size:24px;}
}


/** 사업목표 **/

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




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


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

}