/*main*/
#main-visual{ width:995px; height:460px; position:relative}
#main-visual div.visual-rolling{position:absolute; top:0px; left:-190px; width:1375px; height:460px; overflow:hidden; z-index:4; }
#main-visual div.visual-rolling ul{ width:1375px; height:460px; z-index:3; position:relative}
#main-visual div.visual-rolling ul li{ width:1375px; height:460px;}
#main-visual div.visual-rolling ul li h3{ font-size:1.5em; font-weight:100; z-index:99; color:#fff; position:absolute; top:200px; right:220px; width:260px; height:200px; line-height:130%}
#main-visual div.visual-rolling ul li h3 strong{ font-weight:900}
#main-visual div.visual-rolling ul li span{ position:relative; z-index:45}

#main-visual div.visual-rolling #prcontrol{ z-index:888; position:absolute; top:0; left:0; width:100%; height:0;}
#main-visual div.visual-rolling #prcontrol #btn-next{ background:url(../images/main/visual-next-btn.png) no-repeat; display:block; width:56px ; height:56px; position:absolute; top:300px; right:250px}
#main-visual div.visual-rolling #prcontrol #btn-prev{ display:none}
#main-visual div.visual-rolling #prcontrol #btn-play{ display:none; background:url(../images/main/visual-play-btn.png) no-repeat; font-weight:100; letter-spacing:0; font-size:13px;  width:56px ; text-align:center; color:#fff; line-height:55px; height:56px; position:absolute; top:335px; right:305px}
#main-visual div.visual-rolling #prcontrol #btn-stop{ background:url(../images/main/visual-stop-btn.png) no-repeat; font-weight:100; letter-spacing:0; font-size:13px;  display:block; width:56px ; text-align:center; color:#fff; line-height:55px; height:56px; position:absolute; top:335px; right:305px}

#main-visual .other-visual{ width:996px; height:0; position:relative; z-index:5}
#main-visual .other-visual div.left-1{ overflow:hidden; position:absolute; top:79px; left:-436px; width:160px; height:160px; }
#main-visual .other-visual div.left-1 .bg-1{ background:url(../images/main/visual-left-img-01.png) no-repeat; width:160px; height:160px}
#main-visual .other-visual div.left-1 .bg-2{ background:url(../images/main/visual-left-img-02.png) no-repeat; width:160px; height:160px}

#main-visual .other-visual div.left-2{ overflow:hidden; position:absolute; top:79px; left:-232px; width:160px; height:160px; }
#main-visual .other-visual div.left-2 .bg-1{ background:url(../images/main/visual-left-img-02.png) no-repeat; width:160px; height:160px}
#main-visual .other-visual div.left-2 .bg-2{ background:url(../images/main/visual-left-img-01.png) no-repeat; width:160px; height:160px}

#main-visual .other-visual div.right-1{overflow:hidden; position:absolute; top:79px; right:-436px; width:160px; height:160px;  }
#main-visual .other-visual div.right-1 .bg-1{ background:url(../images/main/visual-right-img-01.png) no-repeat; width:160px; height:160px;}
#main-visual .other-visual div.right-1 .bg-2{ background:url(../images/main/visual-right-img-02.png) no-repeat; width:160px; height:160px;}

#main-visual .other-visual div.right-2{overflow:hidden; position:absolute; top:79px; right:-232px; width:160px; height:160px; }
#main-visual .other-visual div.right-2 .bg-1{ background:url(../images/main/visual-right-img-02.png) no-repeat; width:160px; height:160px;}
#main-visual .other-visual div.right-2 .bg-2{ background:url(../images/main/visual-right-img-01.png) no-repeat; width:160px; height:160px;}

#main-cont-box{ width:995px; height:328px; position:relative; overflow:hidden}

.slide-box{ width:236px; height:328px; position:relative; overflow:hidden}
.slide-box a{ display:block; cursor:pointer; color:#555}

#m-text{ width:500px;  overflow:hidden; margin:0 auto; text-align:center; height:310px; padding-top:0px;}


.cont-news{ float:left; width:267px; overflow:hidden; border-right:1px solid #e1e1e2; height:360px; margin-left:17px; position:relative}
.cont-news ul{ width:236px; height:292px; position:relative; z-index:5}
.cont-news ul li.notice{ width:236px; position:relative; padding-top:186px; padding-right:27px;}
.cont-news ul li.notice h2{ color:#005386; font-size:16px;  font-weight:500; padding-top:9px; height:32px; letter-spacing:-0.05em; position:absolute; top: 0; left:0; }
.cont-news ul li.notice h2 strong{ color:#43464c}
.cont-news ul li.notice h3{ font-weight:700; color:#36393f; font-size:13px;  height:51px; line-height:130%}
.cont-news ul li.notice h3 a{color:#36393f;}
.cont-news ul li.notice p{ color:#777; font-size:13px;  line-height:150%; letter-spacing:-0.02em; height:57px;}
.cont-news ul li.notice p a{color:#777;}
.cont-news ul li.notice span{ position:absolute; top:42px; left:0; width:236px; height:135px;}
.cont-news #prev-slide{ position:absolute; top:10px; background:url(../images/main/news-prev-btn.png) no-repeat ; width:19px; height:19px; right:50px; z-index:7}
.cont-news #next-slide{ position:absolute; top:10px; background:url(../images/main/news-next-btn.png) no-repeat ; width:19px; height:19px; right:28px; z-index:7}

.cont-news ul li.news{ width:236px; position:relative;  padding-right:27px;}
.cont-news ul li.news h2{ color:#005386;font-size:16px;  font-weight:500; padding-top:9px; height:32px; letter-spacing:-0.05em; position:absolute; top: 0; left:0; }
.cont-news ul li.news dl{ background:url(../images/main/news-img-pliact.jpg) no-repeat 0 42px;; padding-top:80px;}
.cont-news ul li.news dl dt{color:#005386; font-size:16px;  font-weight:500; padding-top:9px; height:32px; letter-spacing:-0.05em; position:absolute; top: 0; left:0; }
.cont-news ul li.news dl dt strong{ color:#43464c}
.cont-news ul li.news dl dd{ border-bottom:1px solid #ebebeb; padding:15px 0}
.cont-news ul li.news dl dd h3{ font-weight:700; color:#36393f;font-size:13px;  height:27px; line-height:130%}
.cont-news ul li.news dl dd p { color:#777; font-size:13px; line-height:150%; letter-spacing:-0.02em; height:57px;}
.cont-news ul li.news dl dd:last-child{border-bottom:none}


.cont-icon{ float:left; width:344px; height:328px; overflow:hidden; border-right:1px solid #e1e1e2; padding:0 39px 0 47px}
.cont-icon li{ float:left; width:33.3%; height:116px;}
.cont-icon li a{ text-align:center; line-height:88px; font-size:15px;  text-shadow:#777 1px 1px; color: #fff; display:block; font-weight:700}
.cont-icon li a.icon-01{ background:url(../images/main/icon-bg-01.png) no-repeat; width:90px; height:90px; }
.cont-icon li a.icon-02{ background:url(../images/main/icon-bg-02.png) no-repeat; width:90px; height:90px;}
.cont-icon li a.icon-03{ background:url(../images/main/icon-bg-03.png) no-repeat; width:90px; height:65px; line-height:18px; padding-top:25px;}
.cont-icon li a.icon-04{ background:url(../images/main/icon-bg-04.png) no-repeat; width:90px; height:90px;}
.cont-icon li a.icon-05{ background:url(../images/main/icon-bg-05.png) no-repeat; width:90px; height:90px;}
.cont-icon li a.icon-06{ background:url(../images/main/icon-bg-06.png) no-repeat; width:90px; height:90px;}
.cont-icon li a.icon-07{ background:url(../images/main/icon-bg-07.png) no-repeat; width:90px; height:65px;line-height:18px ; padding-top:25px;}
.cont-icon li a.icon-08{ background:url(../images/main/icon-bg-08.png) no-repeat; width:90px; height:65px;line-height:18px ; padding-top:25px;}
.cont-icon li a.icon-09{ background:url(../images/main/icon-bg-09.png) no-repeat; width:90px; height:65px;line-height:18px; padding-top:25px;}


.cont-right{ float:left; width:279px; height:328px;}

.cont-movie{  float:right; width:249px; height:204px; padding-left:30px;}
.cont-movie h2{ color:#005386; font-size:16px;  font-weight:500; padding-top:9px; height:32px; letter-spacing:-0.05em; }
.cont-movie h2 strong{ color:#43464c}
.cont-movie p{ width:249px; height:135px}



.cont-school{ float:right; width:249px; height:124px; padding-left:30px; background:url(../images/main/map-bg-img.png) no-repeat 34px 50px}
.cont-school h2{ color:#005386; font-size:16px;  font-weight:500; padding-top:9px; height:22px; letter-spacing:-0.05em; }
.cont-school h2 strong{ color:#43464c}
.cont-school p{ font-size:0.75em; color:#666; height:28px;}
.cont-school div.select-box{ padding-left:77px; padding-top:7px}
.cont-school div.select-box .school-select{ float:left; font-family: 'Nanum Gothic', sans-serif; font-size:0.7em; height:22px; color:#666; border:1px solid #ccc; letter-spacing:-1px; width:110px;}
.cont-school div.select-box .move-btn{float:left; margin-left:4px; display:block; background:url(../images/button/move-btn.jpg) no-repeat; width:35px; height:22px; text-align:center; color:#444; font-size:0.7em; line-height:22px;}


#popfield span:first-child{background:none !important;} 
#popfield span:first-child img{cursor:pointer;}




@keyframes text-up {
	from {
		transform: translate3d(0, 120%, 0);
		opacity:0;
	}	
	to {
		transform: translate3d(0, 0, 0);
	}
}



#m-text{margin-top: 60px; }
#m-text > .c_01{margin-bottom:20px; animation: text-up 3.0s cubic-bezier(0.4, 0, 0.2, 1) both;transition: opacity 1.0s 0s, transform 1.0s 0s;animation-delay: 1.0s;text-shadow: #000 1px 1px 1px;/* animation-iteration-count: infinite; animation-direction: alternate;*/}
#m-text > .c_02{margin-bottom:20px;animation: text-up 3.0s cubic-bezier(0.4, 0, 0.2, 1) both;transition: opacity 1.0s 0s, transform 1.0s 0s;animation-delay: 1.3s;text-shadow: #000 1px 1px 1px; /*animation-iteration-count: infinite; animation-direction: alternate;*/}
#m-text > .c_03{animation: text-up 3.0s cubic-bezier(0.4, 0, 0.2, 1) both;transition: opacity 1.0s 0s, transform 1.0s 0s;animation-delay: 1.5s;text-shadow: #000 1px 1px 1px; /*animation-iteration-count: infinite; animation-direction: alternate;*/}

.pop_img { position: relative; width: 500px; height: 731px;}
.pop_img a{ position: absolute; top:353px; width: 235px; height: 30px;}
.pop_img a.btn_pop1{ left: 15px; width: 310px;}
.pop_img a.btn_pop2{ right:15px; width: 158px;}
.pop_img a.btn_pop3{ left:15px;}
.pop_img a.btn_pop4{ right:15px;}