@import url("layout.css");
@import url("common.css");


#main_visual {position:absolute; width:100%; height:627px; margin:0 auto; overflow:hidden;}
#main_visual .main_roll_img01{background:url('../images/main/main_roll_img01.jpg') no-repeat top center; width:100%; height:627px; z-index:-2;}
#main_visual .mainTitle{width:980px; margin:0 auto;}
#main_visual .mainTitle .btn_rolling{position:absolute; top:100px; z-index:4;}
#main_visual .mainTitle .btn_rolling ul li{display:inline-block; float:left; padding-right:5px;}
#main_visual .mainTitle .title{position:absolute; top:135px; z-index:4;}
#main_visual .mainTitle .title p span{color:#2350a1;}
#main_visual .mainTitle .title p.eng_txt{color:#b2c5e7; font-size:12px; letter-spacing:-0.5px;}
#main_visual .mainTitle .title p.big_txt{color:#333; font-size:38px; line-height:44px; font-family:'NanumGothicBold'; letter-spacing:-1px; padding-top:5px;}
#main_visual .mainTitle .title p.small_txt{color:#7a8283; font-size:11px; padding-top:10px; line-height:18px;}


#main_con{position:relative; width:100%; margin:0; padding:0;}

 /* section1 */
#section1 {	position:relative;clear:both;margin:0;overflow:hidden; width:100%;}
#section2 {position:relative;clear:both;margin:0;overflow:hidden; width:100%;}
#section3 {position:relative;clear:both;margin:0;overflow:hidden; width:100%; border-top:1px solid #ddd;}


.block1_1{width:980px; margin:0 auto; padding-top:324px;}
.main_icon ul li{display:inline-block; float:left; padding-right:10px; width:147px; height:129px; overflow:hidden;}
/*.main_icon ul li.m_icon01 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon01.png') no-repeat 0 0; text-align:center; padding-top:95px; font-size:13px; font-weight:600; color:#fff; }
.main_icon ul li.m_icon02 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon02.png') no-repeat 0 0; text-align:center; padding-top:95px; font-size:13px; font-weight:600; color:#fff;}*/
.main_icon ul li.m_icon03 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon03.png') no-repeat 0 0; text-align:center; padding-top:95px; font-size:13px; font-weight:600; color:#fff;}

/*200925*/
.main_icon ul li.m_icon01 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon07.png') no-repeat 0 0; text-align:center; padding-top:95px; font-size:13px; font-weight:600; color:#fff;}
.main_icon ul li.m_icon02 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon08.png') no-repeat 0 0; text-align:center; padding-top:95px; font-size:13px; font-weight:600; color:#fff;}

/*k-pace*/
.main_icon ul li.m_icon04 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon04.png') no-repeat 0 0; font-size:12px; font-weight:normal; color:#c3e0fb; letter-spacing:-0.5px;}
.main_icon ul li.m_icon05 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon05.png') no-repeat 0 0; font-size:12px; font-weight:normal; color:#cfccf6; letter-spacing:-0.5px;}
.main_icon ul li.m_icon06 a{display:block; width:147px; height:129px; background:url('../images/main/main_icon06.png') no-repeat 0 0; font-size:12px; font-weight:normal; color:#bdf9e7; letter-spacing:-0.5px;}





.block3_1{width:980px; margin:0 auto; background:#fff; padding:25px 0; overflow:hidden; }
.block3_1 h2 { position:relative; width:180px;float:left; margin-top:16px;  }
.block3_1 .banner { position:relative; float:right; right:0; }
.block3_1 .banner a {margin-right:10px;}

.movie_kpace { width:300px;float:right; }
.movie_kpace ul { width:100%; }
.movie_kpace ul li { float:left;width:50%; padding:7px 0; background:#333;color:#FFF;text-align:center; }
.movie_kpace ul li.on { background:#1e7dc7; color:#FFF; }


@media all and (max-width: 1290px) {
	.container_skitter {height:100%;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%)}
}


@media screen and (min-width: 1290px) and (max-width: 1540px) { 
	.container_skitter{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
}
    

/*  -------------------- 2017.01.09 Γί°‘ ----------------------------- */