/* 퀵메뉴 메인페이지에서 css 변경 */
#toparea_warp {   /*background:none;*/ border-bottom:0px solid #ddd; }
.mainblank { display:none !important; }
#cenmenu {  
	position: absolute;
	height: auto;
    display:table;
    top:860px;
}

#cenmenu .h2_han_big { text-align:left; font-weight:700 !important; display:block; }
#cenmenu.fixedcenmenu .h2_han_big { display:none; }



/*  메인롤링 */
.mainror {
	position:relative;  
    width: 100%;
	height: 720px;  
    overflow:hidden;
}

#simple_slider_mainror {
	position:absolute;
	width: 2000px;
	height: 720px;
    left:50%;
    margin-left:-1000px;
	overflow:hidden;
    padding:0; 
    background:#eee; 
}

#carousel_mainror ul li {
	width: 2000px;
	display:block;
    float:left;
    text-align:center;
    position:relative;
}





/* 페이징 */
#pager_mainror {  position: absolute;  text-align: center; width:auto; top:-30px; left:0%;   display:table; z-index:22;     }
#pager_mainror a {  position: relative; width:50px; height:3px; margin-right:8px;  background:#fff; float:left; cursor:pointer;  transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;  }

#pager_mainror a span {   font-size:0; }
#pager_mainror a:hover  { background:#555;   }
#pager_mainror a.selected  { background:#bf002b; border:0; }


/*  번호표시 */
#navi {   position: absolute;  text-align: center; width:auto; top:-80px; left:0%;  width:80px; height:40px; line-height:40px; font-size:20px; color:#666; z-index:20; 
		  background: url(../images/bg/bg_white2.png) repeat; border-radius:20px; }
#navi span { color:#111; }


/*  메인롤링 좌우이동버튼 */
#prev_mainror, #next_mainror { position: absolute; text-align: center; display: block; width:35px; height: 71px;    top:50%;  margin-top:-35px; z-index:20; cursor:pointer; }
#prev_mainror { left:10%;  }
#next_mainror { right:10%;  }



/*  메인롤링 이전이후 배경 */
.mainror_2bgL { position:absolute; width:2000px; height:570px; top:1px; left:50%; margin-left:-3000px; background: url(../images/bg/bg_white3.png) repeat; z-index:10; border-right:1px solid #e9e9e9;}
.mainror_2bgR { position:absolute; width:2000px; height:570px; top:1px; right:50%; margin-right:-3000px; background: url(../images/bg/bg_white3.png) repeat; z-index:10; border-left:1px solid #e9e9e9;}

/* 1/2번줄 텍스트 */
#carousel_mainror .title, #carousel_mainror .title2,  #carousel_mainror .title3,  #carousel_mainror .title4 {
    position: absolute; z-index:13; opacity:0;
}

/* 1번줄 작은 텍스트 */ 
#carousel_mainror .select .title3 {
    font-family: 'Noto Sans KR';
    
    /* 텍스트 위에서 아래로 이동 */
    -webkit-animation:fadeInDown .7s ease-in-out both;
    -moz-animation:fadeInDown .7s ease-in-out both;
    -ms-animation:fadeInDown .7s ease-in-out both; 
    animation:fadeInDown .7s ease-in-out both;
       
    
    /* 1번줄 작은 텍스트 이동시 딜레이 시간 */
    -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s;
     line-height:20px; height: 20px; font-size: 20px;  font-weight:500;  width: 600px; top: 120px;   
}

/* 2번줄 큰 텍스트 */
#carousel_mainror .select .title {
      font-family:'GmarketSansMedium';  
    
    /* 텍스트 위에서 아래로 이동 */
    -webkit-animation:fadeInDown 1s ease-in-out both;
    -moz-animation:fadeInDown 1s ease-in-out both;
    -ms-animation:fadeInDown 1s ease-in-out both; 
    animation:fadeInLeft 1s ease-in-out both;
    
    /* 1번줄 작은 텍스트 이동시 딜레이 시간 */
    -webkit-animation-delay: .7s; -moz-animation-delay:.7s; -ms-animation-delay:.7s; animation-delay:.7s;   
     line-height: 55px; height: auto; font-size: 52px; width: 600px; top: 155px;   
}

/* 3번줄 중간 텍스트 */ 
#carousel_mainror .select .title2 {
    font-family: 'Noto Sans KR';
    
    /* 텍스트 위에서 아래로 이동 */
    -webkit-animation:fadeInUp .7s ease-in-out both;
    -moz-animation:fadeInUp .7s ease-in-out both;
    -ms-animation:fadeInUp .7s ease-in-out both; 
    animation:fadeInUp .7s ease-in-out both;
    
    /* 2번줄 큰 텍스트 이동시 딜레이 시간 */ 
    -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s;
     height: auto; line-height: 24px; font-size: 18px; font-weight:300; letter-spacing:.3px; margin-left: 0px;  width: 600px; top: 280px;  
}

/* 4번줄 버튼 */ 
#carousel_mainror .select .title4 {
    font-family: 'Noto Sans KR';
    
    /* 텍스트 위에서 아래로 이동 */
    -webkit-animation:fadeInUp .7s ease-in-out both;
    -moz-animation:fadeInUp .7s ease-in-out both;
    -ms-animation:fadeInUp .7s ease-in-out both; 
    animation:fadeIn .7s ease-in-out both;
    
    /* 2번줄 큰 텍스트 이동시 딜레이 시간 */ 
    -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 2.5s;
    width: 200px; height: 50px;  line-height: 50px; font-size: 14px; font-weight:700; top: 390px; text-align:center !important; color:#fff; 
}


#carousel_mainror .title4:hover a { text-decoration:none; }

#carousel_mainror .left .title ,
#carousel_mainror .left .title2,
#carousel_mainror .left .title3,
#carousel_mainror .left .title4 { left: 340px;  float:left; text-align:left; } 

#carousel_mainror .center .title ,
#carousel_mainror .center .title2,  
#carousel_mainror .center .title3 { left:50%; margin-left:-300px; text-align: center; } 
#carousel_mainror .center .title4 { left:50%; margin-left:-100px; text-align: center; } 

#carousel_mainror .right .title ,
#carousel_mainror .right .title2,
#carousel_mainror .right .title3,
#carousel_mainror .right .title4 { right: 390px;  float:right; text-align: right; } 



@media all and (min-width:1px) and (max-width:1280px) {
 
#carousel_mainror .left .title ,
#carousel_mainror .left .title2,
#carousel_mainror .left .title3,
#carousel_mainror .left .title4 { left: 540px;   } 
 
#carousel_mainror .right .title ,
#carousel_mainror .right .title2,
#carousel_mainror .right .title3,
#carousel_mainror .right .title4 { right: 540px;  }     
    
}