/* BASIC css start */
/* morenvy 151020 */
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left !important;}
.fright {float:right !important;}
.pdt50 {padding-top:50px;}
.pdb50 {padding-bottom:50px;}
.pdb20 {padding-bottom:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}

/* header */
#header {margin-bottom:10px;}
#header .section { width:100%;height:30px;border-bottom:1px solid #ebebeb;color:#d3d3d3;}
#header .section .top_fav {vertical-align:middle;}
#header .section a {line-height:31px;font-size:12px;color:#616161;}
#header .section a:hover {color:#000;}
#header .section ul li {float:left;}
#header .section1 {position: relative;height:80px;}
#header .section1 .logo {position:absolute;top:-10px;left:0;}
#header .section1 .top_ban1 {position:absolute;top:-10px;right:0;}
#header .section1 .search_box {text-align:center;margin:20px auto 0;width:362px;background:url('http://kyu1648.img11.kr/img_contents/%BC%EE%C7%CE%B8%F4%B1%B8%BC%BA/search.jpg') no-repeat;}
#header .section1 .search_box .MS_search_word {border:0;width:302px;height:25px;line-height:25px;margin-top:7px;font-size:12px;}
#header .section1 .search_box .search_bt {margin-top:9px;}
#header .section1 .search_box .search_text {margin-top:10px;height:30px;line-height:30px;color:#666;font-size:11px;}
#header .section1 .search_box .search_text a {height:30px;line-height:30px;color:#666;font-size:11px;}

#header .section2 {height:30px;border-top:1px solid #ebebeb;}
#header .section2 .rolling_text {float:left;width:480px;height:30px;margin-left:20px;overflow:hidden;}
#header .section2 .rolling_text a {line-height:30px;font-size:11px;color:#666;}
#header .section2 .rolling_text a:hover {color:#000;}
#header .section2 .rolling_text #MS_scroll_text_container {float:left;padding-left:10px;}
#header .section2 .top_md_menu {float:right;margin-right:20px;}
#header .section2 .top_md_menu li {float:left;}


/* 1. 상단 카테고리 배경 및 높이 유지 */
#header .section3 {
    height: 40px; 
    width: 100%; 
    background: url('http://kyu1648.img11.kr/images/top_category_bg.jpg') repeat-x;
}

#header .section3 .section3_inner {
    width: 1100px; 
    margin: 0 auto; 
    position: relative; 
    height: 40px; 
}

/* [렉 제거 핵심] 잔상을 만드는 expression과 과도한 transition 제거 */
#header .section3 a {
    text-decoration: none;
    -webkit-transition: none; /* 애니메이션 제거로 렉 방지 */
    -moz-transition: none;
    transition: none;
}

/* 2. 중앙 정렬 설정 */
#header .section3 #top_cate {
    margin: 0; 
    padding: 0; 
    float: none;           /* 기존 float:left 제거 */
    text-align: center;    /* 가운데 정렬 */
    font-size: 0;          /* 메뉴 사이 틈새 제거 */
}

#header .section3 #top_cate li {
    margin: 0; 
    position: relative; 
    float: none;           /* 기존 float:left 제거 */
    display: inline-block; /* 세로 정렬 유지하며 가로로 나열 */
    vertical-align: top;
}

#header .section3 #top_cate li a {
    height: 40px; 
    display: block; 
    color: #313131 !important; 
    font-size: 12px; 
    line-height: 40px; 
    font-weight: bold;
    padding: 0 11px;       /* 좌우 간격 유지 */
    background: url("/design/kyu1648/9767/top_cate_bg.gif") no-repeat left top;
    background-size: 1px 40px;
}

#header .section3 #top_cate li:first-child a {
    background: none;
}

/* 3. 마우스 호버 효과 (렉 최소화) */
#header .section3 #top_cate li.active a,
#header .section3 #top_cate li a:hover {
    color: #991520 !important;
}

/* 4. 서브메뉴 (위치 고정 및 잔상 제거) */
#header .section3 #top_cate li .top_sub {
    background-color: #fff; 
    visibility: hidden; 
    position: absolute; 
    top: 40px; 
    left: 50%;
    margin-left: -74px;   /* 서브메뉴 가로 148px의 절반값 */
    z-index: 999999; 
    width: 148px;
}

#header .section3 #top_cate li.active .top_sub,
#header .section3 #top_cate li:hover .top_sub {
    visibility: visible;
}

/* 서브메뉴 내부 스타일 */
#header .section3 #top_cate li .top_sub .sub { border: 1px solid #e9e9e9; padding: 0px; }
#header .section3 #top_cate li .top_sub .sub a {
    font-size: 12px; 
    display: block; 
    text-align: center; 
    color: #777 !important; 
    height: 38px; 
    line-height: 38px; 
    border-top: 1px solid #e9e9e9;
    background: none;
/* BASIC css end */