@charset "utf-8";

/***************************
  Contents
***************************/

section { position:relative; display:block;  margin:0 auto; overflow:hidden;}

.section1 { width:1400px; height:950px; margin:0 auto;}

.visual-ico {
	position:absolute; width:231px; height:231px; bottom:65px; right:90px;
	background:url(../img/visual_ico.png) no-repeat; z-index:100;}
.visual-info {	position:absolute; width:390px; height:42px; bottom:40px; left:703px;
	background:url(../img/info.png) no-repeat; z-index:100;}

#m-visual { height:950px; overflow:hidden;}
#m-visual .item1 { background:url(../img/visual3.jpg) no-repeat center;}
#m-visual .item2 { background:url(../img/visual4.jpg) no-repeat center;}
#m-visual .item1, #m-visual .item2 { position:relative; width:100%; height:950px; }
#slider-prev, #slider-next { position:absolute; top:350px; z-index:200; }
#slider-prev { left:10px; }
#slider-next { right:10px; }
.visual-content { position:relative; width:1400px; height:950px; top:0px; margin:0 auto; overflow:hidden;}

#anim1, #anim2 { position:absolute; width:1050px; height:294px; top:58px; left:298px; }
#anim1 span { position:absolute; display:inline-block; z-index:100; }
#anim1 .t1 { top:0px; left:295px; }
#anim1 .t2 { top:66px; left:0px; }
#anim1 .t3 { top:65px; left:387px; }
#anim1 .t4 { bottom:0px; right:0px; }

#anim2 span { position:absolute; display:inline-block; }
#anim2 .t1 { top:0px; left:295px; }
#anim2 .t2 { top:66px; left:0px; }
#anim2 .t3 { top:65px; left:387px; }
#anim2 .t4 { bottom:0px; right:0px; }

.point3 { position:absolute; display:inline-block; z-index:200; bottom:0px; right:20px; width:392px; height:130px; border: 0px solid red;}

#m-visual .etc {
  position:absolute; bottom:5px; color:#fff; font-size:11px;
  opacity:0.8; filter:alpha(opacity=80);
}
#m-visual .etc.etc1, #m-visual .etc.etc2 { left:50px; }


.section2 { width:1400px; height:450px; display:block; }
.section2 .cont .quick { position:absolute; display:inline-block;}
.section2 .cont a.link1 { top:76px; left:100px; filter:drop-shadow(0px 0px 10px #d5d5d5);}/*모집공고*/
.section2 .cont a.link2 { top:76px; left:355px; filter:drop-shadow(0px 0px 10px #d5d5d5);}
.section2 .cont a.link3 { top:76px; left:610px; filter:drop-shadow(0px 0px 10px #d5d5d5);}
.section2 .cont a.link4 { bottom:76px; left:610px; filter:drop-shadow(0px 0px 10px #d5d5d5);}
.section2 .cont a.link5 { right:90px;}
.section2 .cont a img:hover { opacity:0.9; filter:alpha(opacity=90);}

.link1:hover .left_top, .link1:hover .right_bottom,.link2:hover .left_top, .link2:hover .right_bottom,.link3:hover .left_top, .link3:hover .right_bottom, .right_bottom,.link4:hover .left_top, .link4:hover .right_bottom{height:100%;} 
.link1:hover .right_top, .link1:hover .left_bottom,.link2:hover .right_top, .link2:hover .left_bottom,.link3:hover .right_top, .link3:hover .left_bottom, .left_bottom,.link4:hover .right_top, .link4:hover .left_bottom{width:100%;} 
.left_top{ position:absolute; left:0; top:0; width:1px; height:0; transition:0.5s all; background:#959595; } 
.right_top{ position:absolute; right:0; top:0; width:0; height:1px; transition:0.5s all; background:#959595; } 
.right_bottom{ position:absolute; right:0; bottom:0; width:1px; height:0; transition:0.5s all; background:#959595; } 
.left_bottom{ position:absolute; left:0; bottom:0; width:0px; height:1px; transition:0.5s all; background:#959595; }



.section3 { background-color:#fff; width: 100%;}
.section3 .cont { position:relative; width:1400px; height:1000px; margin:0 auto; overflow:hidden;}
.section3 .cont .tt {padding-top:89px; text-align:center;}
.section3 .cont .icos { width:1210px; height:480px; margin:55px auto; }
.section3 .cont .icos div { position: relative; float:left;  display:block; width:295px; height:349px;}
.section3 .cont .icos div.tbox1 { }
.section3 .cont .icos div.tbox2 { margin-left:10px;}
.section3 .cont .icos div.tbox3 { margin-left:10px;}
.section3 .cont .icos div.tbox4 { margin-left:10px;}




/* 새글 스킨 (latest) */
#main_latest { position:absolute; width:330px; top:180px; right:140px; border:0px solid red;}
.lat { position:relative; margin-bottom:20px;}
.lat .item { position:relative; font-size:0.80rem; padding:3px 0;}
.lat .item a:hover { text-decoration: none; color:#8c0052; font-weight:bold; };