@charset "utf-8";

.ui{overflow:hidden;position:relative;width:100%}
/* 탑박스 */
.uit{overflow:hidden;position:relative;}
/*.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#467ed4}
.uit:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#1fbcbe}*/
.uit2{position:relative;margin-bottom:20px;background:#f1f3f5;border:3px solid #f1f3f5;overflow:hidden}
.uit3{overflow:hidden;position:relative;margin-bottom:20px;background:#f1f3ee;}
.uit3_2{overflow:hidden;position:relative;margin-bottom:20px;background:url(/images/common/ui/dot_line.gif) repeat left top;}
.uit3_3{overflow:hidden;position:relative;margin-bottom:20px;background:#f8f8f8;border:1px solid #d2d2d2;}
.uit3_4{overflow:hidden;position:relative;margin-bottom:20px;background:#fff;border:3px solid #d2d2d2;}
.uit3_5{overflow:hidden;position:relative;margin-bottom:20px;background:#fff;border:3px solid #d2d2d2;}
.uit .inner,
.uit2 .inner{position:relative;z-index:1;/*margin:3px;*/padding:20px 30px;background-color:#fff;border:1px solid #e5e5e3;}
.uit3 .inner{position:relative;z-index:1;margin:3px;padding:20px 30px;}
.uit .inner h2,
.uit .inner strong,
.uit2 .inner h2,
.uit2 .inner strong,
.uit3 .inner strong {display:block;margin:0 0 10px;padding-top:5px;font-size:22px;color:#121212;line-height:1.3;font-weight:400;}
.uit2 .inner h2,
.uit2 .inner strong{color:#006940;}
.uit .inner p, .uit2 .inner p, .uit3 .inner p{/*padding:5px 0;*/color:#545454;}
.uit2 img {position:static; display:block; margin:0 auto; }



.uit3 .btn_rule {position:relative;text-align:center; margin-top:10px;}

@media only screen and (min-width:768px){

.uit3 .btn_rule {position:absolute; float:right; top:15px; right:23px; margin-top:0px;}

}



/* 게시판 참고사항 */
.uit_board{display:none;overflow:hidden;position:relative;margin-bottom:20px;background:#f8f8f8;border:1px solid #d2d2d2;}
.uit_board .inner.icowrap .ico{display:none;position:absolute;left:0;top:-13px;width:120px;min-height:100px;background:no-repeat;}
.uit_board .inner strong {display:none;}


@media only screen and (min-width:768px){

	/* 게시판 참고사항 */
	.uit_board{display:block; overflow:hidden;position:relative;margin-bottom:20px;background:#f8f8f8;border:1px solid #d2d2d2;}
	.uit_board .inner{position:relative;z-index:1;margin:3px;padding:20px 20px;}
	.uit_board .inner.icowrap strong span{line-height:1;}
	.uit_board .inner.icowrap .ico span {position:absolute; right:-3px; top:0; width:3px; height:68px; }
	.uit_board .inner.icowrap .ico1{background-image:url(/images/common/ui/uit3_ico11.png);}  /* 파일,펜 */
	.uit_board .inner.icowrap .ico2{background-image:url(/images/common/ui/uit3_ico12.png);}  /* 책 */
	.uit_board .inner.icowrap .ico3{background-image:url(/images/common/ui/uit3_ico3.png);}  /* 펜 */
	.uit_board .inner.icowrap .ico4{background-image:url(/images/common/ui/uit3_ico4.png);}  /* 통장 */
	.uit_board .inner.icowrap .ico5{background-image:url(/images/common/ui/uit3_ico5.png);}  /* 요리모자 */
	.uit_board .inner.icowrap .ico6{background-image:url(/images/common/ui/uit3_ico6.png);}  /* 톱니바퀴 */
	.uit_board .inner.icowrap .ico8{background-image:url(/images/common/ui/uit3_ico8.png);}  /* 그래프 */
	.uit_board .inner.icowrap .ico9{background-image:url(/images/common/ui/uit3_ico9.png);}  /* 최고 */
	.uit_board .inner.icowrap .ico10{background-image:url(/images/common/ui/uit3_ico10.png);}  /* 전구,새싹 */
	.uit_board .inner.icowrap .ico13{background-image:url(/images/common/ui/uit3_ico13.png);}  /* 학사모 */
	.uit_board .inner.icowrap .ico14{background-image:url(/images/common/ui/uit3_ico14.png);}  /* 전구,느낌표 */
	.uit_board .inner.icowrap .ico15{background-image:url(/images/common/ui/uit3_ico15.png);}  /* 모니터,체크 */
	.uit_board .inner.icowrap .ico17{background-image:url(/images/common/ui/uit3_ico17.png);}  /* KY,전화 */
	.uit_board .inner.icowrap .ico18{background-image:url(/images/common/ui/uit3_ico18.png);}  /* 1등 메달 */
	.uit_board .inner.icowrap .ico19{background-image:url(/images/common/ui/uit3_ico19.png);}  /* 배치 */
	.uit_board .inner.icowrap{padding:10px 20px 10px 130px;}
	.uit_board .inner.icowrap .line_span { min-height:75px; padding-left:40px; background:url(/images/common/ui/uit3_line.png) repeat-y left top;}
	.uit_board .inner.icowrap .ico{display:inline-block;}
	.uit_board .inner strong {display:block;margin:0 0 6px;padding-top:5px;font-size:15px;color:#121212;line-height:1.3;font-weight:600;}
	.uit_board .inner p{padding:0; font-size:13px; color:#545454;}

}



@media only screen and (min-width:768px){
.uit2 img {position:absolute; left:50px; }
}

/* box_ico - 아이콘이 있을때 */
.uit .inner.icowrap{position:relative;}
.uit .inner.type2{background-color:#dfece5;}
.uit .inner.type2 strong{color:#00693f;}
.uit .inner.bg2{background-color:#f0f0f0;}
.uit .inner.icowrap .ico{display:none;position:absolute;left:25px;top:20px;width:123px;min-height:123px;background:no-repeat;}

.uit .inner.icowrap .ico1{background-image:url(/images/common/ui/common_ico01.png);}
.uit .inner.icowrap .ico2{background-image:url(/images/common/ui/common_ico02.png);}
.uit .inner.icowrap .ico3{background-image:url(/images/common/ui/common_ico03.png);}
.uit .inner.icowrap .ico4{background-image:url(/images/common/ui/common_ico04.png);}
.uit .inner.icowrap .ico5{background-image:url(/images/common/ui/common_ico05.png);}
.uit .inner.icowrap .ico6{background-image:url(/images/common/ui/common_ico06.png);}
.uit .inner.icowrap .ico7{background-image:url(/images/common/ui/common_ico07.png);}
.uit .inner.icowrap .ico8{background-image:url(/images/common/ui/common_ico08.png);}
.uit .inner.icowrap .ky_character {background-image:url(/images/common/ui/keye.png);}
.uit .inner.icowrap .ico9{background-image:url(/images/common/ui/sch_ragu.png);}
.uit .inner.icowrap .ico10{background-image:url(/images/common/ui/common_ico10.png);}

.uit2 .inner.icowrap{position:relative;} 
.uit2 .inner.icowrap strong span{line-height:1;}
.uit2 .inner.icowrap .ico{display:block;margin:0 auto 20px;width:190px;min-height:190px;background:#ddd;}
.uit2 .inner.icowrap .ico1{background-position:0 0%}
.uit2 .inner.icowrap .ico2{background-position:-190px 0%} 
.uit2 .inner.icowrap .ico3{background-position:-380px 0%}
.uit2 .inner .btn_wrap{margin:10px 0 0}

.uit3 .inner.icowrap{position:relative;}
.uit3 .inner.icowrap .line_span { min-height:95px; padding-left:0; background:none;}
.uit3 .inner.icowrap strong span{line-height:1;}
.uit3 .inner.icowrap .ico{display:none;position:absolute;left:0;top:0;width:130px;min-height:122px;background:no-repeat;}
.uit3 .inner.icowrap .ico span {position:absolute; right:-3px; top:27px; width:3px; height:68px; }

.uit3 .inner.icowrap .ico1{background-image:url(/images/common/ui/uit3_ico1.png);}
.uit3 .inner.icowrap .ico2{background-image:url(/images/common/ui/uit3_ico4.png);}
.uit3 .inner.icowrap .ico3{background-image:url(/images/common/ui/uit3_ico5.png);}
.uit3 .inner.icowrap .ico6{background-image:url(/images/common/ui/uit3_ico6.png);}
.uit3 .inner.icowrap .ico7{background-image:url(/images/common/ui/uit3_ico7.png);}
.uit3 .inner.icowrap .ico8{background-image:url(/images/common/ui/uit3_ico8.png);}
.uit3 .inner.icowrap .ico9{background-image:url(/images/common/ui/uit3_ico9.png);}
.uit3 .inner.icowrap .ico10{background-image:url(/images/common/ui/uit3_ico10.png);}
.uit3 .inner.icowrap .ico11{background-image:url(/images/common/ui/uit3_ico11.png);}
.uit3 .inner.icowrap .ico12{background-image:url(/images/common/ui/uit3_ico12.png);}
.uit3 .inner.icowrap .ico13{background-image:url(/images/common/ui/uit3_ico13.png);}
.uit3 .inner.icowrap .ico14{background-image:url(/images/common/ui/uit3_ico14.png);}
.uit3 .inner.icowrap .ico15{background-image:url(/images/common/ui/uit3_ico15.png);}
.uit3 .inner.icowrap .ico16{background-image:url(/images/common/ui/uit3_ico16.png);}
.uit3 .inner.icowrap .ico17{background-image:url(/images/common/ui/uit3_ico17.png);}
.uit3 .inner.icowrap .ico18{background-image:url(/images/common/ui/uit3_ico18.png);}
.uit3 .inner.icowrap .ico19{background-image:url(/images/common/ui/uit3_ico19.png);}
.uit3 .inner.icowrap .ico20{background-image:url(/images/common/ui/uit3_ico20.png);}  /*장학재단*/

.uit3 .inner.icowrap .bobox01{background-image:url(/images/common/ui/bobox_img01.png);}
.uit3 .inner.icowrap .bobox02{background-image:url(/images/common/ui/bobox_img02.png);}
.uit3 .inner.icowrap .bobox03{background-image:url(/images/common/ui/bobox_img03.png);}
.uit3 .inner.icowrap .bobox04{background-image:url(/images/common/ui/bobox_img04.png);}
.uit3 .inner.icowrap .bobox05{background-image:url(/images/common/ui/bobox_img05.png);}
.uit3 .inner.icowrap .bobox06{background-image:url(/images/common/ui/bobox_img06.png);}
.uit3 .inner.icowrap .bobox07{background-image:url(/images/common/ui/bobox_img07.png);}
.uit3 .inner.icowrap .bobox08{background-image:url(/images/common/ui/bobox_img08.png);}
.uit3 .inner.icowrap .bobox09{background-image:url(/images/common/ui/bobox_img09.png);}
.uit3 .inner.icowrap .bobox10{background-image:url(/images/common/ui/bobox_img10.png);}
.uit3 .inner.icowrap .bobox11{background-image:url(/images/common/ui/uit3_ico4.png);}

.uit3_2 .inner.icowrap .ico2,
.uit3_3 .inner.icowrap .ico2{background-image:url(/images/common/ui/uit3_ico2.png);}
.uit3_4 .inner.icowrap .ico3{background-image:url(/images/common/ui/uit3_ico3.png);}
.uit3_5 .inner.icowrap .ico{display:none;}

/* 기본박스 */
.basicwrap {position:relative;padding:30px;border:1px solid #c2cbe5}

@media only screen and (min-width:768px){
.uit .inner.icowrap{padding:30px 20px 25px 170px;min-height:95px;}
.uit .inner.icowrap .ico{display:inline-block;}

.uit2 .inner.icowrap{margin:0;padding:40px 40px 40px 280px;}
.uit2 .inner.icowrap .ico{position:absolute;left:50px;top:40px;}

.uit3 .inner.icowrap{padding:13px 20px 13px 130px;}
.uit3 .inner.icowrap .line_span { min-height:95px; padding-left:40px; background:url(/images/common/ui/uit3_line.png) repeat-y left top;}
.uit3_5 .inner.icowrap{padding:20px 20px 30px 30px;}
.uit3 .inner.icowrap .ico{display:inline-block;}
.uit3 .inner.icowrap .line_span .btn_home {position:absolute; float:right; top:45px; right:5%;}

}

/* 텍스트박스*/
/*.uit_type2{padding:24px;background:#FCFCFC;border:1px solid #d0d7e1;}
.uit_type3{padding:24px;border:1px solid #d0d7e1;}*/

.ui.uia{}
.ui.uia .item{}
.ui.uia .item:first-child{margin-top:1px;}
.ui.uia .item .title{margin-top:-1px;border:1px solid #d4d4d4;}
.ui.uia .item .title > a {display:block;padding:20px 25px;background:url(/images/common/ui/uia_arw_dw.png) no-repeat 95% 50%;}
.ui.uia .item .title a b{display:block;padding-right:45px;background:url(/images/common/ui/bg_uia_close.png) no-repeat right 50%;color:#333;font-size:16px;word-break:keep-all;}
.ui.uia .item .title a.ov{background:#f0f0f0 url(/images/common/ui/uia_arw_up.png) no-repeat 90% 50%;}
.ui.uia .item .title a.ov b{background:url(/images/common/ui/bg_uia_open.png) no-repeat right 50%;}
.ui.uia .item .obj{display:none;padding:20px;background:#f8f8f8;border:1px solid #d4d4d4;border-top:none;}
.ui.uia .con_ing { padding:20px 0; background:#fff; border:1px solid #d2d2d2; text-align:center; font-size:1.125em; }

@media only screen and (min-width:768px){
    .ui.uia .item .title a{padding:20px;}
}

.ui.uib{ }
.ui.uib .uibodo:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uib .uibodo{} 
.ui.uib .uibodo .thm_figure{display:block;overflow:hidden;background:#fbfbfb;border:1px solid #e0dbd9;/*text-align:center;*/}
.ui.uib .uibodo .thm_figure img{display:block;margin:0 auto;max-width:100%;}
.ui.uib .uibodo .thm_caption{display:block;}
.ui.uib .uibodo .thm_caption .no_blit {margin:0; background:none; font-size:1.714em; color:#121212; }
.ui.uib.type1 .uibodo .thm_figure,
.ui.uib.type2 .uibodo .thm_figure,
.ui.uib.type3 .uibodo .thm_figure,
.ui.uib.type4 .uibodo .thm_figure{/*border-bottom:2px solid #00ae8e;box-shadow:5px 5px #efefef;*/}
.ui.uib.type1 .uibodo .thm_caption,
.ui.uib.type2 .uibodo .thm_caption,
.ui.uib.type3 .uibodo .thm_caption,
.ui.uib.type4 .uibodo .thm_caption,
.ui.uib.type5 .uibodo .thm_caption{float:none;width:100%;}

@media only screen and (min-width:768px){
.ui.uib .uibodo .thm_figure{float:left;}
.ui.uib .uibodo .thm_caption{float:right;}

.ui.uib.type1 .uibodo .thm_figure,
.ui.uib.type2 .uibodo .thm_figure,
.ui.uib.type3 .uibodo .thm_figure,
.ui.uib.type4 .uibodo .thm_figure{box-shadow:none;}
.ui.uib.type1 .uibodo .thm_figure{float:left;width:25%;}
.ui.uib.type2 .uibodo .thm_figure{float:left;width:48%;}
.ui.uib.type3 .uibodo .thm_figure{float:right;width:25%;}
.ui.uib.type4 .uibodo .thm_figure{float:right;width:48%;}
.ui.uib.type5 .uibodo .thm_figure{float:left;width:20%;}

.ui.uib.type1 .uibodo .thm_caption{float:right;width:72%;}
.ui.uib.type2 .uibodo .thm_caption{float:right;width:50%;}
.ui.uib.type3 .uibodo .thm_caption{float:left;width:73%;}
.ui.uib.type4 .uibodo .thm_caption{float:left;width:50%;}
.ui.uib.type5 .uibodo .thm_caption{float:right;width:77%;}
.ui.uib.type1 .uibodo .thm_caption h3,
.ui.uib.type2 .uibodo .thm_caption h3,
.ui.uib.type3 .uibodo .thm_caption h3,
.ui.uib.type4 .uibodo .thm_caption h3,
.ui.uib.type5 .uibodo .thm_caption h3{margin:0px 20px 10px 0;}
.ui.uib.type1 .uibodo .thm_caption h3.mt_30{margin-top:30px;}
}



.ui.uic{}
.ui.uic .box_col{}
.ui.uic .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uic .box_col .col{display:inline-block;width:100%;}
.ui.uic .box_col .col .item{margin:0 auto;width:auto; /*width:95%;*/ }
.ui.uic .box_col .col .item .thm_figure{display:block;overflow:hidden;background:#f8f8f8;border:1px solid #d2d2d2;text-align:center;}
.ui.uic .box_col .col .item .thm_figure img{max-width:100%;}
.ui.uic .box_col .col .item .tit_inner{margin:25px 3px 10px 3px;}
.ui.uic .box_col .col .item .h3 {background-position:left 8px;}
.ui.uic .box_col .col .item .list_1st{margin:10px 0 0;}
.ui.uic .box_col .col .item .list_1st li{/*margin-top:5px;*/}
.ui.uic .box_col .col .item .list_1st li:first-child{margin-top:0;}
.ui.uic .box_col .col .item .txtp{text-align:justify;}


.ui.uig{}
.ui.uig li{display:block;margin-bottom:20px; text-align:center; }
.ui.uig li a{display:block;}
.ui.uig li a figure{position:relative;display:block;overflow:hidden;float:none;margin:0 auto;width:90%;text-align:center;}
.ui.uig li a figure img{max-width:100%;max-height:223px}
.ui.uig li a figcaption{display:block;width:100%;}
.ui.uig li a figcaption b{display:block;margin-top:10px;margin-bottom:5px;font-size:16px;line-height:120%;}
.ui.uig li a figcaption span{display:block;font-size:14px;line-height:120%;}

@media only screen and (min-width:480px){
.ui.uig.col2 li,
.ui.uig.col4 li{float:left;width:50%}
.ui.uig.col3 li{width:100%;}
}
@media only screen and (min-width:640px){
.ui.uic .box_col .col{float:left;}

.ui.uic .box_col.col2 .col{margin-left:6%;}
.ui.uic .box_col.col3 .col{margin-left:3.5%;}
.ui.uic .box_col.col4 .col{margin-left:1%;}
.ui.uic .box_col.col2 .col:first-child,
.ui.uic .box_col.col3 .col:first-child{margin-left:0;}
.ui.uic .box_col.col2 .col{width:47%;}
.ui.uic .box_col.col3 .col{width:31%;}
.ui.uic .box_col.col4 .col{width:24%;}
}
@media only screen and (min-width:768px){
.ui.uig.col3 li{float:left;width:33.3%;}
}
@media only screen and (min-width:1000px){
.ui.uig.col2 li{width:50%;}
.ui.uig.col4 li{width:25%}
}




.ui.uilnk{}
.ui.uilnk .box_col{}
.ui.uilnk .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.ui.uilnk .box_col .col{display:inline-block;float:left;}
.ui.uilnk .box_col.col2{}
.ui.uilnk .box_col.col3{}
.ui.uilnk .box_col.col1 .col{display:block;float:none;width:100%;}
.ui.uilnk .box_col.col2 .col,	
.ui.uilnk .box_col.col3 .col{width:100%;}
.ui.uilnk .box_col.col2 .col:first-child,
.ui.uilnk .box_col.col3 .col:first-child{margin-left:0;}
.ui.uilnk .box_col .col .item{margin:0 auto 28px;padding:25px 10px;border:1px solid #d2d2d2}
.ui.uilnk.type2 .box_col .col .item{padding:10px;}
.ui.uilnk .box_col.col1 .col .item{width:auto}
.ui.uilnk.type1 .box_col .col .bico{}
.ui.uilnk.type1 .box_col .col .bico .ico{display:block;margin: auto;width:130px;height:130px;background:url(/images/common/ui/bg_icon_lnk.png);}
.ui.uilnk.type1 .box_col .col .bico .ico.icon2{background-position:-130px 0} /* 삭제예정 - 각 사이트별로 적용 */
.ui.uilnk.type1 .box_col .col .bico b{display:block;margin:10px 0 20px;color:#121212;font-size:14px;text-align:center}
.ui.uilnk.type1 .box_col .col ul{overflow:hidden;padding:0 6px 6px;}
.ui.uilnk.type1 .box_col .col ul li{display:inline-block;float:left;width:50%;}
.ui.uilnk.type1 .box_col .col ul li.ltx{width:100%}
.ui.uilnk.type1 .box_col .col ul li a,
.ui.uilnk.type1 .box_col .col ul li span{display:block;margin:6px 3px 0;height:43px;font-size:14px;line-height:43px;text-align:center;background:#f0f0f0;border:1px dotted #d2d2d2;color:#545454;}
.ui.uilnk.type1 .box_col .col ul li.ltx{margin-right:0;}
.ui.uilnk.type1 .box_col .col ul li.ltx a{margin-top:6px;}
.ui.uilnk .box_col.col1 .col ul li{display:inline-block;float:left;margin-top:3px;width:50%;}
.ui.uilnk.type2 .box_col .col .item a{display:block;}
.ui.uilnk.type2 .box_col .col .item a .thm_figure{margin-bottom:10px}
.ui.uilnk.type2 .box_col .col .item a .thm_figure img{width:100%;max-width:100%;}
.ui.uilnk.type2 .box_col .col .item a .thm_caption {width:100%}
.ui.uilnk.type2 .box_col .col .item a .thm_caption h3{display:block;padding-bottom:10px;border-bottom:1px solid #dfdfdf;line-height:20px;}
.ui.uilnk.type2 .box_col .col .item a .thm_caption p{text-align:justify;}

@media only screen and (min-width:640px){
.ui.uilnk .box_col.col1 .col ul li{width:33.33%}
}
@media only screen and (min-width:768px){
.ui.uilnk .box_col.col2 .col{margin-left:2%;width:49%;}
.ui.uilnk .box_col.col3 .col{margin-left:2%;width:32%;}
}


.ui.uip1{overflow:hidden;margin-bottom:20px}
.ui.uip1:after{display:block;content:"";clear:both}
.ui.uip1>li{position:relative;margin:0 0 30px;padding:10px 15px;text-align:center}
.ui.uip1>li:before{content:"";display:inline-block;height:45px;vertical-align:middle;}
.ui.uip1>li:after{display:block;position:absolute;top:66px;right:50%;margin-right:-13px;width:16px;height:26px;background:url(/images/common/ui/flow_arw1_1.png) no-repeat 50% 50%;content:"";/*transform:rotate(90deg);*/}

.ui.uip1>li span{display:inline-block;vertical-align:middle;color:#fff;font-size:13px;line-height:1.4;}
.ui.uip1>li.l_end{margin-right:0;}
.ui.uip1>li.l_end:after/*before*/{display:none;}
.ui.uip1 .sect1{background:#199570; height:45px;}
.ui.uip1 .sect2{background:#7bc343;}
.ui.uip1 .sect3{background:#3b5047; }
.ui.uip1 .sect4{background:#f4f4f4; border:1px solid #d2d2d2; }
.ui.uip1 .sect4 span {color:#545454; }

.ui.uip2{margin-bottom:20px;border:1px solid #ddd;}
.ui.uip2 ol{margin:0 auto;padding:20px;}
.ui.uip2 ol:after{content:"";clear:both;display:block;visibility:hidden;}
.ui.uip2 ol li{position:relative;text-align:center;}
.ui.uip2 ol li:after{content:"";display:block;position:absolute;top:49px;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.uip2 ol li.l_end:after{display:none;}
.ui.uip2 ol li .bico{display:none;}
.ui.uip2 ol li b{display:block;margin-top:30px;padding:10px 20px;background:#fafafa;border:1px solid #ccc;font-weight:normal;}
.ui.uip2 ol li.l_end b{background:#545454;color:#fff;}
.ui.uip2 ol li:first-child b{margin-top:0;}


.ui.uip3{padding:30px 8.5%;width:auto;border:1px solid #ddd;}
.ui.uip3>li{position:relative;margin:0 auto 45px;padding:15px 25px;background:#f0f0f0;font-size:15px;color:#666;text-align:center;word-break:keep-all;}
.ui.uip3>li:after{content:"";display:block;position:absolute;bottom:-30px;left:45%;width:27px;height:16px;background:url(/images/common/ui/flow_arw3.gif) no-repeat 50% 50%;}
.ui.uip3>li:first-child{background:#199570;color:#fff;}
.ui.uip3>li.l_end{background:#3b5047;color:#fff;margin:0 auto;}
.ui.uip3>li.l_end:after{display:none;}


@media only screen and (min-width:640px){
.ui.uip1>li{float:left;margin:0 5% 30px 0;width:39%;}
.ui.uip1>li:after{top:18px;right:-23px;margin-right:0;transform:none;background:url(/images/common/ui/flow_arw1.png) no-repeat 50% 50%;}

.ui.uip2 ol li{float:left;margin:0 1.2% 20px;width:41%;}
.ui.uip2 ol li:after{top:45px;right:-15px;margin-right:0;transform:none;}
.ui.uip2 ol li .bico{display:block;margin:0 auto;width:111px;height:111px;background:#f0f0f0 url(/images/common/ui/sample.png) no-repeat 32px 44px;border-radius:56px;}
.ui.uip2 ol li .bico.pico1{/*background-position:0 0;*/}
.ui.uip2 ol li .bico.pico2{/*background-position:-115px 0;*/}
.ui.uip2 ol li .bico.pico3{/*background-position:-230px 0;*/}
.ui.uip2 ol li .bico.pico4{/*background-position:-345px 0;*/}
.ui.uip2 ol li .bico.pico5{/*background-position:-460px 0;*/background-color:#545454;}

.ui.uip2 ol li b{margin-top:15px;padding:0;background:#fff;border-width:0;}
.ui.uip2 ol li:first-child b{margin-top:15px;}
.ui.uip2 ol li.l_end b{background:#fff;color:#464646;}

.ui.uip3{padding:50px 8.5%;}
.ui.uip3 li:after{left:47%;}
}

@media only screen and (min-width:1000px){
.ui.uip1>li{margin-right:3.5%;width:18.2%;}
.ui.uip2 ol li{width:17.5%;}
}


.ui.uitb{overflow:hidden;margin-bottom:20px;}
.ui.uitb:after{display:block;content:"";clear:both;}
.ui.uitb b{position:relative;float:left;}
.ui.uitb b:first-child a {border-left:1px solid #ccc;}
.ui.uitb b a {display:block;padding:10px 15px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.ui.uitb b.ov:first-child {border-left:1px solid #199570;}
.ui.uitb b.ov a:hover,
.ui.uitb b.ov a{border-right:1px solid #199570;border-bottom:1px solid #199570;border-top:1px solid #199570;background:#199570;color:#fff;}
.ui.uitb b:first-child .ov {border-left:1px solid #199570;}
.ui.uitb b a:hover,
.ui.uitb b a.ov{border-right:1px solid #199570;border-bottom:1px solid #199570;border-top:1px solid #199570;background:#199570;color:#fff;}

.ui.uitb .grap {clear:both;width:100%;padding:10px;}

/* 포토갤러리 */
.ui.uipt{position:relative;width:100%;}
#galleryView,.gView{margin:0;text-align:center}

#galleryView img,.gView img {vertical-align:middle}
#galleryThum,.gThum{position:relative;width:100%;min-height:98px;background:#ebebeb;}
#galleryThum .holder,.gThum .holder{position:relative;padding-top:17px;width:100%;overflow:hidden;margin:0 auto}
#galleryThum .list,.gThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item,.gThum .item {float:left;margin:0 10px; width:100px}
#galleryThum .item img,.gThum .item img{width:100px;height:63px}

#galleryThum .arrLeft,.gThum .arrLeft{position:absolute;left:0;top:0;width:30px;padding-top:37px;height:98px;background:#545454;text-align:center}
#galleryThum .arrRight,.gThum .arrRight{position:absolute;right:0;top:0;width:30px;padding-top:37px;height:98px;background:#545454;text-align:center}

#galleryThum li a.ov {display: block; width: 90px; /*height: 63px;*/ border:1px solid #545454; }

/* 바로가기 */
.lnk_wrap{width:100%;}
.lnk_wrap:after{content:"";display:block;visibility:hidden;clear:both;}
.lnk_wrap li{display:block;padding:0.5%;}
.lnk_wrap [class^="box"]{position:relative;display:block;padding:15px 20px;background:#fff;border:1px solid #d9d9d9;}
/*.lnk_wrap .box:after {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}*/
.lnk_wrap .box .tit{display:block;padding:5px 0 0;width:55%;word-break:keep-all;}
.lnk_wrap .box.type2 .tit{overflow:hidden;width:80%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.lnk_wrap .box a{display:block;position:absolute;top:7px;right:15px;padding:11px 0 11px 40px;background:url(/images/common/ui/home_ico.gif) no-repeat 0 50%;}
.lnk_wrap .box.type2 a{padding:11px 0 11px 30px;height:20px;font-size:0;line-height:0;}

@media only screen and (min-width:768px){
.lnk_wrap li{float:left;width:49%;}
}

/* 이미지확대보기 */
figure.picBox .pic{display:block;padding:10px;border:1px solid #ddd;text-align:center;}
figure.picBox figcaption a{display:block;padding:10px 0;border-bottom:1px dotted #ddd;text-align:center;}
figure.picBox figcaption a:hover,
figure.picBox figcaption a:focus,
figure.picBox figcaption a:active{background:#199570;color:#fff;}

@media only screen and (min-width:768px){
figure.picBox .pic{padding:30px;}
figure.picBox figcaption{display:none;}
}

/*다음지도*/
#map_box { position:relative;  }
#map_box .btn_map { position:absolute; top:0; left:0; display:inline-block; width:auto; padding:5px 15px; background:#608EFC; color:#fff; text-align:center; }
#map { width:99.6%; height:370px; margin:0 auto; background:#fafafa; border:1px solid #D4DBDA;}

/*단과대 찾아오시는길*/
.locate_box {overflow:hidden; }
.locate_box .box_left {margin-bottom:20px; }
.locate_box h2{padding:20px 0; background:#3d444f; font-size:18px; font-weight:bold; text-align:center; color:#fff; }
.locate_box h2:before{background:none;}
.locate_box h3{padding:20px 0; background:#f4f4f4; border-top:2px solid #3d444f; font-size:18px; font-weight:bold; text-align:center; color:#121212; }
.locate_box h3:before{background:none;}
.locate_box ul li {padding:20px 0 20px 80px; ; border-bottom:1px dashed #d2d2d2; background:url(/images/common/locate_01.png) no-repeat 30px;}
.locate_box ul li + li {background:url(/images/common/locate_02.png) no-repeat 30px; }
.locate_box ul li + li + li {background:url(/images/common/locate_03.png) no-repeat 30px; }
.locate_box .li_skip {display:none; }
@media all and (min-width:768px){
.locate_box div {display:inline-block; width:48.5%; }
.locate_box .box_left {float:left; }
.locate_box .box_right {float:right; }
}

/*캠퍼스투어*/
.tbl_basic_form tbody th {padding:0 10px; }
.tbl_basic_form label,form span {margin-bottom:0; }

@media all and (min-width:768px){
.tbl_basic_form tbody th {padding:0 30px; }
}