@charset "utf-8";

/*@import url(layout.css);*/
@import url(common.css);
@import url('font.css');

#header .inner {width:1380px !important;}
#footer .inner {width:1380px !important;}
#toTop {right:10% !important;}

#container.main {width:100%;padding:0 0 20px 0; background: #fff;}
#container.main #contents {float:none;width:1380px;margin:0 auto 45px;min-height:600px;background:#fff;}
#container.main #contents:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
#container.main #contents a {color:#444;}
#container.main #contents a:hover {color:#327dda;}


.mianWrap { position:relative;}

/* --------------------------------------------------------
mkvWrap
----------------------------------------------------------*/
.mkvWrap { position:relative; height:810px; /*padding-bottom:90px;*/ }
.mkvWrap .mkv { width:100%; z-index:1; position:relative;}
.mkvWrap .mkv li { padding:0px; height:810px;}
.mkvWrap .mkv li.mVisual01 { background:url(../../kor/images/main2021/mVisual01.jpg) no-repeat top center; background-size:cover;}
.mkvWrap .mkv li.mVisual02 { background:url(../../kor/images/main2021/mVisual02.jpg) no-repeat top center; background-size:cover;}
.mkvWrap .mkv li.mVisual03 { background:url(../../kor/images/main2021/mVisual03.jpg) no-repeat top center; background-size:cover;}
.mkvWrap .mkv li .mVisualTxt { z-index:100; color:#fff; width:1280px; margin:0px auto; vertical-align:top;  margin-top:-42px;  }
.mkvWrap .mkv li .mVisualTxt strong,
.mkvWrap .mkv li .mVisualTxt span { text-align:center; display:block; margin:0px auto;}
.mkvWrap .mkv li .mVisualTxt strong {font-size:35px; word-break:keep-all; font-weight:600; line-height:150%; letter-spacing:-1px;  }
.mkvWrap .mkv li .mVisualTxt span { font-size:23px; line-height:140%; padding:0px 300px;}
 
.mkvWrap .bx-controls {text-align:center; position:relative; font-size:0px; height:0px; width:1280px; margin:-210px auto 120px auto; }
.mkvWrap .bx-controls .bx-controls-direction { position:relative; margin:0px auto;}
.mkvWrap .bx-controls .bx-controls-direction a {width:48px; height:48px; background:url(../../kor/images/main2021/mkvSlide_arrow.png) no-repeat center center; position:absolute;}
.mkvWrap .bx-controls .bx-controls-direction .bx-prev {left:50%; margin-left:-60px;font-size:0px;}
.mkvWrap .bx-controls .bx-controls-direction .bx-next { left:50%; margin-right:-60px; -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform:rotate(180deg); font-size:0px;} 



@media (max-width:1350px) {	    
	
    .mkvWrap .mkv li .mVisualTxt,
	.mkvWrap .bx-controls {width:100%; padding:0px 50px; box-sizing:border-box; }

}


@media (max-width:1280px) {	    
	
    .mkvWrap .mkv li .mVisualTxt span { padding:0px;}

}


@media (max-width:1180px) {	    

	.mkvWrap { height:650px;}
    .mkvWrap .mkv li { height:650px;}
	.mkvWrap .bx-controls {padding:0px 10px; margin:-100px auto 100px auto;} 
	

}




@media (max-width:990px) {	         
	
	.mkvWrap { height:550px;}
    .mkvWrap .mkv li { height:550px;}
	.mkvWrap .mkv li .mVisualTxt,	
	.mkvWrap .mkv li .mVisualTxt { margin-top:-37px; padding:0px; }
	.mkvWrap .mkv li .mVisualTxt strong {font-size:30px;}
    .mkvWrap .mkv li .mVisualTxt span { font-size:20px; line-height:130%;} 

}

@media (max-width:767px) {   

   .mkvWrap { height:420px; }
   .mkvWrap .mkv li {height:420px;} 
   .mkvWrap .mkv li .mVisualTxt { width:90%;}  
   .mkvWrap .mkv li .mVisualTxt strong {font-size:24px;}
   .mkvWrap .mkv li .mVisualTxt span { font-size:17px;} 
  
   
}
  



/* --------------------------------------------------------
blockWrap
----------------------------------------------------------*/ 
.blockWrap { overflow:hidden; width:1280px; margin:50px auto; position:relative;} 
.blockWrap h3 { font-size:30px; display:block; background:none; margin:0px auto 30px auto; padding:0px; text-align:center; }
.blockWrap .kotiNews { margin:0px -8px; font-size:0px;} 
.blockWrap .kotiNews a {width:calc(33.3% - 16px); margin:0px 8px; display:inline-block;}
.blockWrap .kotiNews .NewsThumb { display:block; overflow:hidden; height:277px; }
.blockWrap .kotiNews .NewsThumb img {width:100%; max-width:100%;}
.blockWrap .kotiNews a dl { margin-top:10px; padding:0px 25px;}
.blockWrap .kotiNews a dt,
.blockWrap .kotiNews a dd { display:block; text-align:center;}
.blockWrap .kotiNews a dt {font-size:20px; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.blockWrap .kotiNews a dd {font-size:16px; color:#555; margin-top:3px;}
.blockWrap .more { position:absolute; top:0px; right:0px;}
.blockWrap .more a { font-size:32px; color:#222; letter-spacing:-1px; display:block; width:35px; height:35px; line-height:33px; text-align:center; border-radius:50%;}
 


@media (max-width:1350px) {	
    
	.blockWrap {width:100%; padding:0px 10px; box-sizing:border-box; } 

}


@media (max-width:1180px) {	
    
	.blockWrap .kotiNews .NewsThumb { height:200px; }

}

@media (max-width:767px) {	

    .blockWrap { margin:30px auto;}
    .blockWrap h3 { font-size:22px; margin-bottom:15px;} 
	.blockWrap .kotiNews { margin:0px; display:block;} 
	.blockWrap .kotiNews .NewsThumb { height:auto; }
	.blockWrap .kotiNews a {width:calc(100% - 0px); margin:0px 0px 20px 0px; display:block;} 
	.blockWrap .kotiNews a:last-child { margin-bottom:0px;}  
	.blockWrap .kotiNews a dl { padding:0px 5px;} 
	.blockWrap .kotiNews a dd { font-size:15px;}
	
}

/* --------------------------------------------------------
eduWrap
----------------------------------------------------------*/
.eduWrap { margin:42px 0px; padding-top:68px; background:url(../../kor/images/main2021/eduWrapbg.png) no-repeat top center;}
.eduWrap .eduSliderWrap { position:relative; font-size:0px; width:1280px; margin:0px auto; background:#fff; padding-right:46px; box-sizing:border-box; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); }
.eduWrap .eduSliderWrap .eduBoxTitle,
.eduWrap .eduSliderWrap .eduSlider { display:inline-block; vertical-align:top;  font-size:0px;}
.eduWrap .eduSliderWrap .eduBoxTitle {width:301px; padding:37px 0px 0px 19px; box-sizing:border-box; position:relative; height:428px; z-index:0;}
.eduWrap .eduSliderWrap .eduBoxTitle:before {content:''; display:inline-block; width:282px; height:100%; background:#005bab; position:absolute; left:0px; top:0px; }
.eduWrap .eduSliderWrap .eduBoxTitle h3 { width:130px; font-size:35px; line-height:50px; color:#fff; letter-spacing:-1px; font-weight:600; padding:0px 0px 11px 19px; background:none; display:block; z-index:10; position:relative; }
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs {display:block; z-index:3; position:relative;}
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul {text-align:left;}
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li {display:block; vertical-align:top; margin:10px 0;}
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a {display:block; color:#fff;  font-size:20px; padding:0 25px; letter-spacing:-1px; margin:10px 0px; height:50px; line-height:48px; width:292px; box-sizing:border-box; }
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a span {}
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a:focus,
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a:hover,
.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a.active{ background:#ec1a3a; border-radius:50px; font-weight:500; }

.eduWrap .eduSliderWrap .eduSlider {position:relative; padding:50px 10px; position:absolute; top:0px; left:325px; z-index:5;}
.eduWrap .eduSliderWrap .eduSlider ul li {display:block; width:200px; height:360px; }
.eduWrap .eduSliderWrap .eduSlider ul li a {width:inherit; height:inherit; position:relative;}
.eduWrap .eduSliderWrap .eduSlider ul li a .thumb {width:inherit; position:relative; }
.eduWrap .eduSliderWrap .eduSlider ul li a .thumb .img {display:block; width:inherit; /*height:inherit;*/ height:273px; overflow:hidden;}
.eduWrap .eduSliderWrap .eduSlider ul li a .thumb .img img {width:inherit; /*height:inherit;*/  transition:all .1s cubic-bezier(.7,0,.3,1); transform:all .1s cubic-bezier(.7,0,.3,1); -webkit-transition:all .1s cubic-bezier(.7,0,.3,1);}
.eduWrap .eduSliderWrap .eduSlider ul li a:hover .thumb .img img {transform: scale(1.16);}
.eduWrap .eduSliderWrap .eduSlider ul li a .info { margin-top:18px; text-align:center; letter-spacing:-1px;}
.eduWrap .eduSliderWrap .eduSlider ul li a .info strong {display:block; color:#222; font-size:18px; line-height:28px; margin:0px;  font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.eduWrap .eduSliderWrap .eduSlider ul li a .info em {display:block; font-style:normal; color:#555; font-size:16px;}

.eduWrap .eduSliderWrap .eduSlider ul li > .thumb {width:inherit; position:relative; margin-bottom:30px;}

.eduWrap .eduSliderWrap .eduSlider .btnArrow {width:40px; height:64px; position:absolute; z-index:10; top:160px; background:url(../../kor/images/main2021/arrow_eduBtn.png) no-repeat; opacity:1;}
.eduWrap .eduSliderWrap .eduSlider .btnArrow:hover {opacity:1;}
.eduWrap .eduSliderWrap .eduSlider .btnArrow.before {background-position:0 0;}
.eduWrap .eduSliderWrap .eduSlider .btnArrow.after { background-position:-40px 0;}
.eduWrap .eduSliderWrap .eduSlider .btnArrow.before {left:0px;}
.eduWrap .eduSliderWrap .eduSlider .btnArrow.after {right:0px;}




@media (max-width:1350px) {	
    
	.eduWrap { padding:68px 10px 0px 10px; box-sizing:border-box;}
	.eduWrap .eduSliderWrap {width:100%;  } 

}



@media (max-width:1250px) {	
	
	
	.eduWrap .eduSliderWrap .eduBoxTitle h3 { font-size:30px;}
	.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a { font-size:20px; height:44px; line-height:42px;}
	.eduWrap .eduSliderWrap .eduSlider { padding:50px 50px;}
	.eduWrap .eduSliderWrap .eduSlider ul li { margin-right:30px !important;}


}


@media (max-width:767px) {	
	
	.eduWrap { margin:22px 0px; padding:30px 10px;}
	.eduWrap .eduSliderWrap { padding:0px; padding-bottom:30px; height:auto;}
	.eduWrap .eduSliderWrap .eduBoxTitle,
    .eduWrap .eduSliderWrap .eduSlider { display:block;}
	.eduWrap .eduSliderWrap .eduBoxTitle {width:100%; padding:20px 10px; height:160px; box-sizing:border-box; }
    .eduWrap .eduSliderWrap .eduBoxTitle:before {width:100% }
	
	.eduWrap .eduSliderWrap .eduBoxTitle h3 { font-size:22px; height:30px; margin-bottom:10px; padding:0px; width:100%; box-sizing:border-box; }
    .eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul { text-align:center;}
    .eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li { display:inline-block; margin:0px;}
	.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a { font-size:16px; height:30px; line-height:28px; width:auto; padding:0px 10px; margin:5px 10px;} 
	
	.eduWrap .eduSliderWrap .eduSlider { padding:0px; left:0px; top:20px; position:relative;} 
	.eduWrap .eduSliderWrap .eduSlider ul li { margin:0px auto;}

}



@media (max-width:640px) {	
	
	 
	.eduWrap .eduSliderWrap .eduBoxTitle {height:190px; padding:0px 10px;} 
	.eduWrap .eduSliderWrap .eduBoxTitle .eduBoxTabs ul li a { font-size:14px; height:26px; line-height:24px; margin:5px;}  

}