/* BASIC css start */
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }


.MAINFlash {width:1170px; height:550px; margin:0 auto; background-repeat:no-repeat;}

.mainlist-title {width:100%; margin-top:40px; margin-bottom:40px; text-align:center;}

.MAINBanner {width:1170px; height:480px; margin:0 auto; margin-top:50px;}
.mban1 {float:left; margin-right:10px;}
.mban2 {float:left; margin-bottom:10px;}
.mban3 {float:right; margin-bottom:10px;}
.mban4 {float:left;}
.mban5 {float:right;}


.mainback1 {
width:1170px;
height:350px;
margin:0 auto;
background-image:url(http://www.ches.co.kr/design/ches/main/mainback3.jpg);
line-height : 350px !important;
overflow : auto;
font-size:3em;
text-align:center;
color:#fff;
font-weight:bold;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center;
}



/*  ====== 20260113 메인플래시 전체 비활성화 Start ======
/* 메인플래시 */
/* The slider container */
#sliderContainer {
width: 1170px;
position:relative;
margin: 0 auto;
overflow:hidden;
}
/* The slider ul stypes, important to note that we hide all the overflow! */
#simpleSlider {
width: 1170px;
height: 525px;
overflow: hidden;
position: relative;
list-style: none;
padding: 0;
}
/* styles for each item */
#simpleSlider li {
position: absolute;
top: 0px;
left:0px;
display: none;
}
/* display the first item */
#simpleSlider li:first-child {
display: block;
}
/* Some margin for your navigation */
#simpleSliderNav {
position:relative;
left:515px;
bottom:0px;
margin:0 atuo;
z-index:10000;
}
/* Styling for the navigation items, this can also be anything we want, but I am using circles */
.simpleSliderNavItem {
height: 15px;
width: 15px;
float: left;
background: #ddd7d7;
margin-left: 10px;
border-radius: 100px;
cursor: pointer;
}
/* styles for the active nav item */
.active {
background: #dfc5c4;
}
====== 20260113 메인플래시 전체 비활성화 End ======*/


/* =============================================
   20260113 메인 슬라이드 클릭 변경 추가 링스 Start 
================================================ */

/* 슬라이드 영역 */
#sliderContainer {
    position: relative;
}

/* 배너 링크 클릭 보장 */
#simpleSlider li a {
    position: relative;
    z-index: 1;
    display: block;
}

/* ❗ 화살표 전체 레이어 클릭 차단 */
.slider-arrow {
    pointer-events: auto; /* 화살표만 클릭 허용 */
}

/* ❗ 슬라이드 전체 영역은 클릭 통과 */
#simpleSlider {
    pointer-events: none;
}

/* ❗ 배너 링크만 다시 클릭 가능 */
#simpleSlider li,
#simpleSlider li a,
#simpleSlider li img {
    pointer-events: auto;
}

/* 좌우 화살표 스타일 */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 32px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    z-index: 10001;
    user-select: none;
}

.slider-arrow.prev {
    left: 15px;
}

.slider-arrow.next {
    right: 15px;
}

.slider-arrow:hover {
    background: rgba(0,0,0,0.7);
}

/* 하단 dot 네비 숨김 */
#simpleSliderNav {
    display: none !important;
}
/* =============================================
   20260113 메인 슬라이드 클릭 변경 추가 링스 End 
================================================ */

/* BASIC css end */