@import url("common.css");
body,html{width:100%; height:100%; font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif;}

/* visual */
#visual {width:100%; height:100%; position:relative; overflow:hidden; opacity:1;}

#visual .slick-slider {position: relative; display: block;}
#visual .slick-list {position: relative; display: block; overflow: hidden;}
#visual .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
#visual .slick-initialized .slick-slide{display: block;}
#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

#visual .sub_imgbox li{position: relative; outline: none;  height: 100%;  overflow: hidden;}
#visual .sub_imgbox li .section{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1000px; background-repeat: no-repeat;
background-size: cover; background-position: 50% 0;  border:0;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition: transform 2s ease-out, opacity 1s ease 0.3s;
    transition: transform 2s ease-out, opacity 1s ease 0.3s;
/* -webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0s;
transition-delay: 0s;
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2); */
}

#visual .sub_imgbox li.action .section {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }


#visual .slick-prev, #visual .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 53%; display: block; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}

#visual .cover01{background-image:url('/en/images/main/main_visual01.jpg');}
#visual .cover02{background-image:url('/en/images/main/main_visual02.jpg');}
#visual .cover03{background-image:url('/en/images/main/main_visual03.jpg');}
#visual .cover04{background-image:url('/en/images/main/main_visual04.jpg');}
#visual .cover05{background-image:url('/en/images/main/main_visual05.jpg');}


#visual .sub_imgbox{height:100%;}
#visual .section{margin-bottom:2px;width:100%;height:100%;min-height:400px;position:relative;overflow:hidden;background-position:center center;background-size:cover; border:0;}
#visual .sub_imgbox .slick-list ,
#visual .sub_imgbox .slick-track {height:100%;}

#visual .slick-dots{position: absolute; bottom:200px; text-align:center; width:100%; z-index:99999}
#visual .slick-dots li{display:inline-block; margin:0 2px; transition: all 0.3s ease-out;}
#visual .slick-dots li:first-child {margin-left:0}
#visual .slick-dots li button{width:22px; height:22px; border:0; font-size:0; background:url('/en/images/main/navi_off.png') center center no-repeat; cursor:pointer; /*-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);*/ transition: all 0.3s ease-out; box-sizing:border-box;}
#visual .slick-dots li.slick-active button{width:22px; height:22px; background-image:url('/en/images/main/navi_on.png')}
#visual .slick-dots li:hover {transition: all 0.3s ease-out;}
#visual .slick-dots li:hover button {width:22px; height:22px; background-image:url('/en/images/main/navi_on.png'); transition: all 0.3s ease-out;}

#visual .txt_area{position:absolute; top:250px; width:100%; z-index:99999; text-align:center; margin-left:30px;}
#visual .txt_area h4 {color:#000; font-size:28px; font-family:'Montserrat', sans-serif; font-style:italic; line-height:35px; font-weight:600; letter-spacing:0.3pt;}
#visual .txt_area h3{font-size:65px; color:#fff; letter-spacing:-1px; line-height:100%; padding:20px 0 5px 0; font-weight:900; font-family:'GmarketSansBold', sans-serif; text-shadow:0 0 10px rgba(0,0,0,0.3);}
#visual .txt_area p {font-weight:300; font-size:19px; color:rgba(255,255,255,1); letter-spacing:-0.4pt; line-height:110%; letter-spacing:-0.4pt; font-family:'GmarketSansMedium', sans-serif;}

#visual .scroll_down {}
#visual .scroll_down a {display:block; width:46px; height:46px; border:1px solid rgba(255,255,255,0.7); position:absolute; bottom:30px; left:50%;margin-left:-23px; text-align:center; z-index:999999; display:flex; justify-content:center; align-items:center;
animation: scroll_ani 1.5s ease-in-out infinite;
}
#visual .scroll_down a img{}

@keyframes scroll_ani {          
       0% {bottom: 25px;} 
	   50% {bottom: 45px;}  
       100% {bottom: 25px;} 
}


#contents {position:relative; overflow:hidden; margin:0 auto; width:100%; box-sizing:Border-box; min-width:1200px}
#contents h3.con_tit {font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-weight:900; font-size:32px; letter-spacing:0.3pt; color:#222; line-height:100%; margin-bottom:22px;}
#contents h3.con_tit.kor {letter-spacing:-0.5pt; color:#226fbd !important;}
#contents p.con_stit {font-size:17px; letter-spacing:-0.4pt; font-weight:300; color:#888; line-height:28px; }


/*News*/
.news_bg{ background:url('/en/images/main/news_bg.gif') no-repeat center top; }
.news {width:100%; padding:120px 0 100px;overflow:hidden;}
.news_in {position:relative;margin:0 auto; width:1170px; padding:0 0 0; }
.news_in h3 {position:absolute; left:0; top:19px; font-size:46px; line-height:28px; color:#222; font-family:'Montserrat', sans-serif;  font-weight:800; z-index:2;}
.news_in .tit_line {position:absolute; width:152px; height:12px; background:#297dcf; left:0; top:42px; display:block; content:""; z-index:1;}
.news_in .news_txt {position:absolute; left:0; top:76px; font-size:18px; line-height:28px; letter-spacing:-0.9px; font-weight:600; color:#666;}

.news .slick-list{height:438px; padding-right:50%;}
.news_roll{width:900px; margin:0 0 0 285px;  }
.news_roll dl{width:270px; margin:0 15px;}
.news_roll dt{width:270px; height:270px; overflow:hidden; }
.news_roll dt span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.news_roll dl:hover span{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_roll dd{padding:11px 0 0; font-size:17px; font-weight:700; letter-spacing:-0.5px; color:#888; line-height:22px; }
.news_roll dd h6{font-size:18px; font-weight:800; color:#222; letter-spacing:-0.55pt; line-height:25px; padding:0 0  14px}
.news_roll dd p.date{font-size:14px; font-weight:600; letter-spacing:0; color:#999; padding:0 0 14px;}

.news_roll .slick-slide{opacity:0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);}
.news_roll .slick-slide.slick-active{opacity:1; -moz-opacity: 1; -khtml-opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

			.slick-slider{position: relative;display: block;box-sizing: border-box; 
				   -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
					touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
			.slick-list{position: relative; display: block;overflow: hidden;margin: 0 ; padding: 0;  width:100%;}
			.slick-slide{display: none; float: left; width:100%; }
			.slick-initialized .slick-slide{display: block;}


/* Arrows */
.news_in .slick-prev, .news_in .slick-next{position: absolute; left:-285px; top:219px; display:block; width:50px; height:50px; box-sizing:border-box; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent; }
.news_in .slick-prev{border:1px solid #9d9ea1; background:url('/en/images/main/arrow_left.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.news_in .slick-next{margin-left:50px; border:1px solid #9d9ea1; background:url('/en/images/main/arrow_right.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.news_in .slick-next {border-left:none;}
.news_in .slick-prev:hover {background:url('/en/images/main/arrow_left02.png') center no-repeat #333;  border:1px solid #333;}
.news_in .slick-next:hover {background:url('/en/images/main/arrow_right02.png')center no-repeat #333;  border:1px solid #333;}



/*Business*/
.business {position:relative; width:100%; background:url('/en/images/main/business_bg.jpg') no-repeat center top; height:570px;}
.business .business_in {position:relative; margin:0 auto; width:1100px; padding:90px 0 0 0; z-index:1;}
			.business_in h3 {font-size:42px; line-height:28px; color:#fff; font-family:'Montserrat', sans-serif;  font-weight:500; z-index:2 !important; text-align:center; }
			.business_in h3 span {font-size:42px; line-height:28px; color:#fff; font-family:'Montserrat', sans-serif;  font-weight:800; z-index:2 !important;}
				.business_in .tit_line {position:absolute; width:280px; height:12px; background:#29cf88; left:50%; top:114px; margin-left:80px; display:block; content:""; z-index:-1 !important;}
			.v_numbers {padding-top:40px;}
			.v_numbers ul {width:100%; text-align:center; font-size:0;}
			.v_numbers ul li {width:220px; text-align:center; display:inline-block; font-size:18px; line-height:70px; letter-spacing:0; font-weight:600; color:rgba(255,255,255,0.6); margin:0 0 30px;;}
			.v_numbers ul li:last-child{}
			.v_numbers ul li span {display:block; padding:20px 0 31px; font-family:'Montserrat', sans-serif; color:#daff0d; font-weight:800; font-size:50px; line-height:45px; letter-spacing:2.5px; }

		.business_in a.more{display:block; width:200px; height:55px; color:#fff; background:#012a46; border-radius:55px; font-family: 'Montserrat', sans-serif; font-size:13px; line-height:55px; text-align:Center; transition:all 0.3s ease; margin:0px auto;}
		.business_in a:hover.more{background:#02416c !important; color:#fff; transition:all 0.3s ease; }




/*Notice*/
.notice_bg{ background:#f2f5f7; }
.notice {width:100%; padding:50px 0 80px;overflow:hidden;}
.notice_in {position:relative;margin:0 auto; width:1180px; padding:0 0 0; }
.notice_in h3 {position:absolute; left:0; top:39px; font-size:46px; line-height:28px; color:#222; font-family:'Montserrat', sans-serif;  font-weight:800; z-index:2;}
.notice_in .tit_line {position:absolute; width:182px; height:12px; background:#00a84d; left:0; top:62px; display:block; content:""; z-index:1;}
.notice_in .notice_txt {position:absolute; left:0; top:96px; font-size:18px; line-height:28px; letter-spacing:-0.9px; font-weight:600; color:#666;}

.notice_area{width:920px; margin:0 0 0 260px;  }
.notice_area dl{float:left; width:420px; height:161px; margin:20px 0 0 40px; padding-bottom:30px; border-bottom: 1px dotted #000; padding-right:20px; box-sizing:border-box;}
.notice_area dd{padding:11px 0 0; font-size:17px; font-weight:700; letter-spacing:-0.5px; color:#888; line-height:22px; width:410px;}
.notice_area dd h6{font-size:18px; font-weight:800; color:#222; letter-spacing:-0.55pt; line-height:25px; padding:0 0  14px}
.notice_area dd p.date{font-size:14px; font-weight:600; letter-spacing:0; color:#999; padding:14px 0 0;}

.notice_area dl:hover dd h6{color:#17663c;}
.notice_area dl:hover dd{color:#444;}

/* Arrows */
.notice_in .slick-more{position: absolute; left:0; top:170px; display:block; width:50px; height:50px; box-sizing:border-box; padding: 0; cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent; }
.notice_in .slick-more{border:1px solid #9d9ea1; background:url('/en/images/main/arrow_more.png')center no-repeat; transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease;  -webkit-transition: all 0.2s ease;}
.notice_in .slick-more:hover {background:url('/en/images/main/arrow_more02.png') center no-repeat #333;  border:1px solid #333;}

.notice_in a.banner_btn01{position:absolute; left:0; top:270px; display:block; border-radius:5px; width:220px; height:40px; color:#fff; background:#79bc29; font-family: 'Noto Sans KR', sans-serif; font-size:14px; line-height:40px; text-align:Center; transition:all 0.3s ease; letter-spacing:-0.5px; font-weight:400;}
.notice_in a:hover.banner_btn01{background:#45760a !important; color:#fff; transition:all 0.3s ease; }

.notice_in a.banner_btn02{position:absolute; left:0; top:315px; display:block; border-radius:5px; width:220px; height:40px; color:#fff; background:#00a84d; font-family: 'Noto Sans KR', sans-serif; font-size:14px; line-height:40px; text-align:Center; transition:all 0.3s ease; letter-spacing:-0.5px; font-weight:400;}
.notice_in a:hover.banner_btn02{background:#007a38 !important; color:#fff; transition:all 0.3s ease; }


/*Admission*/
.admission {position:relative; width:100%; background:#fff;}
.admission .admission_in {position:relative; margin:0 auto; width:1180px; padding:90px 0 100px 0; z-index:1;}
			.admission_in h3 {font-size:46px; line-height:28px; color:#222; font-family:'Montserrat', sans-serif;  font-weight:800; z-index:2 !important; text-align:center; }
				.admission_in .tit_line {position:absolute; width:380px; height:12px; background:#ef7a00; left:50%; top:114px; margin-left:-190px; display:block; content:""; z-index:-1 !important;}
				.admission_in .admission_txt {text-align:center; font-size:18px; line-height:26px; letter-spacing:-0.9px; font-weight:600; color:#888; padding-top:40px;}

.admission_area{position:relative; width:100%; margin:50px auto 0;}
.admission_area:after{content:""; display:block; clear:both;}
.admission_area dl{float:left; width:236px; overflow:hidden;}
.admission_area dl:first-child{border-left:none; box-sizing:border-box;}
.admission_area dt{width:235px; height:250px; overflow:hidden; border-left:1px solid #fff;}
.admission_area dt span{display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.admission_area dl:hover span{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.admission_area dd{display:block; width:235px; padding:15px 0; font-size:17px; font-weight:700; letter-spacing:-0.5px; color:#fff; line-height:22px; text-align:center; border-left:1px solid #fff;}
.admission_area dd.bg01 {background:#4c768f;}
.admission_area dd.bg02 {background:#4c4c4c;}
.admission_area dd.bg03 {background:#5e8657;}
.admission_area dd.bg04 {background:#c1655d;}
.admission_area dd.bg05 {background:#a872ab;}