@charset "UTF-8";

/*나눔고딕 폰트설정 시작*/
/*400 Regular*/
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400;
  src: url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot#iefix) format('embedded-opentype'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff2'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');}
/*700 Bold*/
@font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700;
  src: url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot#iefix) format('embedded-opentype'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff2'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');}
/*800 Extrabold*/
@font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800;
  src: url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot#iefix) format('embedded-opentype'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff2'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(../../../../../static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');}
/*나눔고딕 폰트설정 끝*/


html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, img {margin:0; padding:0; }
html {width:100%; height:100%;}
body {font-size:12px;font-family: 'Nanum Gothic', sans-serif; color:#777;}
table{border-spacing:0; border:0;}
th, td {border:0;}
td {font-size:12px;font-family: 'Nanum Gothic', sans-serif; color:#777; letter-spacing:0px }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
li{list-style:none; }
img, fieldset{border:none;}
label {cursor:pointer;}
a{font-size:12px;font-family: 'Nanum Gothic', sans-serif; text-decoration:none; color:#777;}
a:hover{text-decoration:underline;}
body,table,input,textarea,select {
font-family: 'Nanum Gothic', sans-serif;
color:#333333;
}



/* 레이아웃 */
#wrap,
#container {}
#container { width:1180px; }


/* 좌우 스크롤 */
#scroll-left { position: fixed; top:290px; right: 50%; margin: 70px 605px 0 0;display:none; }
#scroll-left p { padding-bottom:7px; }

#scroll-right { position: fixed; top:290px; left: 50%; margin: 70px 0 0 605px; }



#hd_wrap { margin-bottom:20px;}

#hd_wrap .top_bnr_area { min-width:1180px;background:#74cfdd; }
#hd_wrap .top_bnr_area .tb_box{ position:relative; width:1180px;  margin:0 auto; *zoom:1;  }

#hd_wrap .basic_area { min-width:1180px;background:#f2f2f2;height:40px;border-bottom:1px solid #DBDBDB; }
#hd_wrap .basic_area .ba_box{ position:relative; width:1180px;  margin:0 auto; *zoom:1;  }

#hd_wrap .basic_area .ba_box .top_site { position:absolute; top:0px;left:0px; height:40px;border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;padding:0 15px}
#hd_wrap .basic_area .ba_box .top_site li { float:left;padding:0 3px;font:normal 11px gulim;line-height:40px;}
#hd_wrap .basic_area .ba_box .top_site  a { display:block;font-family:gulim; font-size: 11px; color: #a4a4a4;}
#hd_wrap .basic_area .ba_box .top_site  a:hover { color: #000000; text-decoration: none;}
#hd_wrap .basic_area .ba_box .top_site li.first a { color: #222;}
#hd_wrap .basic_area .ba_box .top_site li.first a:hover { color: #000;}
#hd_wrap .basic_area .ba_box .top_site li.last a { color: #0ba9f3;}
#hd_wrap .basic_area .ba_box .top_site li.last a:hover { color: #000;}
#hd_wrap .basic_area .ba_box .top_site  .cline {color: #a4a4a4;}

#hd_wrap .basic_area .ba_box .top_menu { position:absolute; top:0px;right:0px; }
#hd_wrap .basic_area .ba_box .top_menu  li {float:left;padding:0 0 0 10px;font:normal 11px dotum,ng;line-height:40px;}
#hd_wrap .basic_area .ba_box .top_menu  .cline {color: #cccccc;}
#hd_wrap .basic_area .ba_box .top_menu  a { font-family:dotum; font-size: 11px; color: #999999;}
#hd_wrap .basic_area .ba_box .top_menu  a:hover {color: #000000; text-decoration: none;}
#hd_wrap .basic_area .ba_box .top_menu  .balloon  { position:relative; }

/* 말풍선 */
#joinpoint {position:absolute;top:30px; left:-3px; width:68px;height: 20px;line-height: 20px;color:#FFF;text-align: center;padding: 0px 0px 0px;background:url("../img/djds/top/gnb_joinpoint_bg.png") no-repeat scroll 50% 0px;z-index:11001;}
#joinpoint .text {display: block;width: 68px;margin: 0px;text-align: center;line-height: 20px;font-size: 11px;color: #FFF;font-weight:bold}


#hd_wrap .menu_area { min-width:1180px;height:133px;background:#fafbfd; }
#hd_wrap .menu_area .ma_box { position:relative; width:1180px;  margin:0 auto; *zoom:1;  }
#hd_wrap .menu_area .ma_box .top_slide {  position:absolute; top:17px;left:0px;width:226px;height:103px;overflow:hidden }
#hd_wrap .menu_area .ma_box .top_logo {  width:205px;margin:0 auto;padding-top:35px; }
#hd_wrap .menu_area .ma_box .top_logo img { 

     -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;

 }
#hd_wrap .menu_area .ma_box .top_logo img:hover { 

     -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
 
 }

#hd_wrap .menu_area .ma_box .top_search { position:absolute; top:52px;right:0px; }
#hd_wrap .menu_area .ma_box .top_search .search_btn { padding:0px }
#hd_wrap .menu_area .ma_box .top_search .search_header { /*padding:9px 15px 0 0;*/ }
#hd_wrap .menu_area .ma_box .top_search .search_header  fieldset { border:1px solid #C0C0C0;border-radius:0px;/*padding:5px 10px 5px 5px;*/   }
#hd_wrap .menu_area .ma_box .top_search .search_header  fieldset ol:after {content:""; display:block; clear:both;}
#hd_wrap .menu_area .ma_box .top_search .search_header  fieldset ol { *zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#hd_wrap .menu_area .ma_box .top_search .search_header  fieldset ol li { float:left }
#hd_wrap .menu_area .ma_box .top_search .search_header .search_input  {  width:200px; height:35px; padding:0 12px; border:0; line-height:35px; font-size:12px; color:#7c8389; background:#FFFFFF;  }
#hd_wrap .menu_area .ma_box .top_search .search_header .search_btn  { vertical-align:middle; padding-top:0px;  }


/* TOP CATEGORY */

#tcat_wrap {padding-bottom:0px;position:relative;z-index:100;}
#tcat_fixed {width:100%;z-index:100;}
#tcat_top_line{border-top:1px solid #e8e5e5;border-bottom:1px solid #e8e5e5;background:#FFFFFF;width:100%}
#tcat_area {position:relative;height:48px;}



#wrap { position:relative;  margin:0px auto 0; }
#container { width:1180px; margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
/*
#sidebar { float:left; width:180px; }
*/
#contents { /*float:right;*/ width:1180px; }
#banner { position:absolute; top:0; left:0; width:90px; }
#quick { position:absolute; top:0; right:0; width:90px; }
#quick .banner a { display:block; margin:15px 0 0; }



#hd_footer { position:relative;margin:20px auto 0; }


#hd_footer #bottom_menu {  background:#f2f2f2;border-top:3px solid #242323;border-bottom:1px solid #dfdfdf;}
#hd_footer #bottom_menu .bm_box { position:relative;width:1180px;margin:0 auto }
#hd_footer #bottom_menu .bm_box .utilMenu { overflow:hidden; height:47px; line-height:49px;padding-left:0px; *zoom:1;}
#hd_footer #bottom_menu .bm_box .utilMenu li { float:left; padding:0 16px 0 16px; font-size:12px; background:url("../img/djds/bottom/ico_util_footer.gif") no-repeat 0 19px; }
#hd_footer #bottom_menu .bm_box .utilMenu li.home { padding-left:0; background:none; }
#hd_footer #bottom_menu .bm_box .utilMenu li a { font-family: dotum, sans-serif;font-size:11px;color:#797878;font-weight:normal }

#hd_footer #bottom_menu .bm_box .btop {  position:absolute;top:15px;right:0px }
#hd_footer #bottom_menu .bm_box .btop p a { color:#797878; }
#hd_footer #bottom_menu .bm_box .btop p .tcline { color:#CCCCCC }
#hd_footer #bottom_menu .bm_box .btop p .top_ta { color:#CCCCCC }


#hd_footer #bottom_customer {background:#FFF;height:220px; }
#hd_footer #bottom_customer .bc_box:after {content:""; display:block; clear:both;}
#hd_footer #bottom_customer .bc_box { position:relative;width:1180px;margin:0 auto;*zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#hd_footer #bottom_customer .bc_box ul { margin:35px 0;  }
#hd_footer #bottom_customer .bc_box li { float:left;  }
#hd_footer #bottom_customer .bc_box li.cs_num_line { height:170px;margin:0 49px;border-left:1px solid #e1e1e1 }
#hd_footer #bottom_customer .bc_box li dt.cs_title { position:relative;font-family: 'Nanum Gothic', sans-serif; font-size: 15px;color: #797979; font-weight:normal;letter-spacing:0px;padding-bottom:35px; }
#hd_footer #bottom_customer .bc_box li dt.cs_title a {color: #797979;  }
#hd_footer #bottom_customer .bc_box li dt.cs_title p.black_bar { position:absolute;width:60px;height:2px;background:#000;top:30px;left:0px }
#hd_footer #bottom_customer .bc_box li.cs_center { }
#hd_footer #bottom_customer .bc_box li.cs_center dt.cs_title { padding-bottom:15px; }
#hd_footer #bottom_customer .bc_box li.cs_center dd { font-family: 'Nanum Gothic', sans-serif; font-size: 11px;line-height: 14px;color: #333; font-weight:normal;letter-spacing:0px;padding-bottom:5px; }
#hd_footer #bottom_customer .bc_box li.cs_center dd.cs_num {  position:relative;margin-left:-5px;padding-top:10px;font-family: 'Nanum Gothic', sans-serif; font-size: 30px;line-height: 30px;color: #333; font-weight:bold }
#hd_footer #bottom_customer .bc_box li.cs_center dd.time { padding-top:10px;padding-left:3px;line-height:20px; }
#hd_footer #bottom_customer .bc_box li.cs_center dd.cs_email { padding-left:3px; }
#hd_footer #bottom_customer .bc_box li.bank_info { }
#hd_footer #bottom_customer .bc_box li.bank_info dd { font-family: Nanum Gothic, sans-serif; font-size: 14px;color: #797979; font-weight:normal;line-height:20px; }
#hd_footer #bottom_customer .bc_box li.bank_info dd.bank_name {  font-size: 14px;color: #707070; font-weight:bold;line-height:25px; }
#hd_footer #bottom_customer .bc_box li.bank_info dd.bank_num {  font-size: 21px;color: #444; font-weight:bold;line-height:30px }
#hd_footer #bottom_customer .bc_box li.quick_menu {}
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box:after {content:""; display:block; clear:both;}
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box { *zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box ul:after {content:""; display:block; clear:both;}
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box ul {margin:0px; *zoom1; } /* IE5.5~7 브라우저 대응 Hack */
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box li {float:left;position:relative;margin:-1px 0 0 -1px;border:1px solid #D7D7D7;text-align:center; width:120px;}
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box li a { display:block;color:#444;padding:5px 0 5px 0; filter: alpha(opacity=60);opacity: .6;-webkit-opacity: .6;transition: opacity .3s ease;-webkit-transition: opacity .3s ease;}
#hd_footer #bottom_customer .bc_box li.quick_menu dd.qm_box li a:hover { color:#000;background:#e1e1e1;text-decoration:none;filter: alpha(opacity=100);opacity: 1.0;-webkit-opacity: 1.0; }
#hd_footer #bottom_customer .bc_box li.notice { float:right;padding-right:0px;  position:relative;}
#hd_footer #bottom_customer .bc_box li.notice dd.notice_box { width:290px;height:100px;border:1px solid #D7D7D7; }
#hd_footer #bottom_customer .bc_box li.notice .latest_area { position:absolute;width:270px;top:38px;left:15px}
#hd_footer #bottom_customer .bc_box li.notice .latest_area .board_title{  font-family: 'Nanum GothicEB', sans-serif; font-size: 15px;color: #767676; font-weight:normal;letter-spacing:-1px;padding-bottom:10px; }
#hd_footer #bottom_customer .bc_box li.notice .latest_area .board_title a { color: #767676;  }


#hd_footer #bottom_info { background:#FFF;border-top:1px solid #D7D7D7;}
#hd_footer #bottom_info .bi_box { position:relative;width:1180px;margin:0 auto 0px }
#hd_footer #bottom_info .bi_box  .address { padding:30px 0 30px 220px;; color:#797878; font-family: Nanum Gothic, sans-serif;font-size:11px;line-height:18px; }
#hd_footer #bottom_info .bi_box  .address span { padding:0 25px 0 0; }
#hd_footer #bottom_info .bi_box  .address span a { color:#797878; }
#hd_footer #bottom_info .bi_box  .copyright {  padding-bottom:20px;color:#797878; }

#hd_footer #bottom_info .bi_box  .bottom_logo { position:absolute; left:0; top:60px; }
#hd_footer #bottom_info .bi_box  .hosting { position:absolute; right:0; top:70px; }

#hd_footer #bottom_info .bi_box  .instar_box { margin:20px 0; }
#hd_footer #bottom_info .bi_box  .instar_box .instar_title { width:260px;margin:0 auto;margin-bottom:30px; }
#hd_footer #bottom_info .bi_box  .instar_box .instar_box { width:830px;margin:0 auto; }


/* 상단으로 올라가기 버튼 */

#totop { position:fixed;right:30px;bottom:50px;z-index:100 }
#totop #backtotop { display:none; }






/* Main */



#side {
    display:table-cell;
    width:224px;
	height:410px;
	border:1px solid #e8e5e5;
	border-top:0px;
	background:#FFF;
}

#side .lnb > .category {
    padding:0px;
}





/*
	레이아웃 lnb 레이어형
*/
#side .lnb  > .category.type-layer ul {
    display:none;
    width:224px;
    border:1px solid #dadada;
}
#side .lnb  > .category.type-layer ul li {
}
#side .lnb  > .category.type-layer ul li a {
    margin:0 18px;
    background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;
}
#side .lnb  > .category.type-layer ul li.dot-hide > a {
    background:none;
}
#side .lnb  > .category.type-layer ul li:hover {
    background:#2f2f2f;
}
#side .lnb  > .category.type-layer ul li:hover > a {
    background:none;
    color:#fff;
    font-weight:bold;
}
#side .lnb  > .category.type-layer > li {
    position:relative;
		border-bottom:1px solid #e8e5e5;
}
#side .lnb  > .category.type-layer > li  img{
    max-width:100%;
    max-height:39px;
}
#side .lnb  > .category.type-layer > li > a {
    display:block;
    padding:9px 10px 12px 24px;
    color:#444;
    font-size:13px;
    font-weight:normal;
}
#side .lnb  > .category.type-layer > li > a:hover,
#side .lnb  > .category.type-layer > li > a.has-sub {
    position:relative;
    top:0;
    left:0;
    z-index:10;
    width:190px;
    padding:9px 10px 12px 24px;
    background:#f2f2f2;
    color:#222;
}
#side .lnb  > .category.type-layer > li ul {
    padding:7px 0;
}
#side .lnb  > .category.type-layer > li > ul {
    position:absolute;
    top:0;
    left:178px;
    z-index:20;
    background:#fff;
}
#side .lnb  > .category.type-layer > li > ul > li {
    position:relative;
}
#side .lnb  > .category.type-layer > li > ul > li > a {
    display:block;
    padding:5px 0 7px;
}
#side .lnb  > .category.type-layer > li > ul > li:first-child > a {
    background:none;
}
#side .lnb  > .category.type-layer > li > ul > li > ul {
    position:absolute;
    top:-8px;
    left:100%;
    background:#fff;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li {
    position:relative;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li > a {
    display:block;
    padding:5px 2px 7px;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li:first-child > a {
    background:none;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li > ul {
    position:absolute;
    top:-8px;
    left:100%;
    background:#fff;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li {
    position:relative;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li > a {
    display:block;
    padding:5px 2px 7px;
}
#side .lnb  > .category.type-layer > li > ul > li > ul > li > ul > li:first-child > a {
    background:none;
}
#side .lnb  > .category.type-layer > li > ul li a {
    color:#333;
    text-indent:6px;
}
#side .lnb  > .category.type-layer > li.tit {
    padding:9px 0 12px;
    color:#222;
    font-size:14px;
    font-weight:bold;
    text-indent:17px;
    cursor:default;
}
#side .lnb  > .category.type-layer > li.tit img {
    width:178px;
    margin-left:-17px;
}
#side .lnb  > .category.type-layer > li > ul li.tit {
    padding: 5px 0 7px;
    color:#333;
    font-size:13px;
    text-indent:16px;
    cursor:default;
}
#side .lnb  > .category.type-layer > li > ul li.tit img {
    width:178px;
    margin-left:-16px;
}
#side .lnb  > .category.type-layer > li > ul li.tit:hover {
    background:none;
}
#side .lnb  > .category.type-layer > li > ul li.tit + li.dot-hide a {
    background:url('../img/lnb/dot-3x1-d2d2d2.png') repeat-x left top;
}
#side .lnb  > .category.type-layer > li > ul li.tit + li.dot-hide:hover a {
	background-image:none;
}
/* 카테고리 타이틀 적용 관련 css 수정  끝 */










/*메인타이틀 공통*/

#section_title { text-align:center;font-family: 'Noto Sans', sans-serif;font-size:20px;padding:30px 0;letter-spacing:-1px;color:#262626; }
#section_title .st_01 { font-weight:bold;padding:0 3px;} 
#section_title .st_02 { font-size:15px;color:#565656;text-align:center;padding-left:5px;} 


#section_01:after {content:""; display:block; clear:both;}
#section_01 { width:1180px;margin:0 auto;margin-bottom:30px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_01 .ml_cat { float:left;width:226px; }
#section_01 .mc_bnr { float:left;width:728px }
#section_01 .mr_bnr { float:right; }
#section_01 .mr_bnr li { position:relative;border:1px solid #e8e5e5;margin:-1px 0 0 -1px; }
#section_01 .mr_bnr li img {
    display: block;
    filter: alpha(opacity=100);
    opacity: 1.0;
    -webkit-opacity: 1.0;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
}


#section_01 .mr_bnr li:hover img {
    filter: alpha(opacity=60);
    opacity: .6;
    -webkit-opacity: .6;
}


#section_02:after {content:""; display:block; clear:both;}
#section_02 { width:1180px;margin:0 auto; margin-bottom:0px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_02 li { float:left;position:relative;border:1px solid #e8e5e5;margin:-1px 0 0 -1px;overflow: hidden; }
#section_02 li img {
height: auto;transform: scale3d(1, 1, 1);transition: all 0.35s ease 0s;
}
#section_02 li:hover img {
opacity: 0.6;transform: scale3d(1, 1, 1);
}

#section_02 li .box-content:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -140%, 0px);
    transition: all 0.6s ease 0s;
}
#section_02 li:hover .box-content:before{
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 140%, 0px);
}



#section_03:after {content:""; display:block; clear:both;}
#section_03 { width:1180px;margin:0 auto; margin-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_03 .sec03_left { float:left;width:225px; }
#section_03 .sec03_right { float:right; }


#section_04:after {content:""; display:block; clear:both;}
#section_04 { background:#b5e9f8;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
#section_04 .sec04_box { width:1180px;margin:0 auto;;}


#section_05:after {content:""; display:block; clear:both;}
#section_05 { width:1180px;margin:0 auto;margin-bottom:30px;overflow:hidden;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */


#section_06:after {content:""; display:block; clear:both;}
#section_06 { width:1180px;margin:0 auto;margin-bottom:30px;overflow:hidden;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */

#section_07:after {content:""; display:block; clear:both;}
#section_07 { width:1180px;margin:0 auto;margin-bottom:30px;overflow:hidden;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */









/**** 서브페이지 ****/


/**** 리스트페이지 카테고리 ****/
.list_item_category:after {content:""; display:block; clear:both;}
.list_item_category {width:100%;margin-bottom:15px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */
.list_item_category li {float:left;width:19.87%;position:relative;border:1px solid #e1e1e1;margin:-1px 0 0 -1px;height:35px;line-height:35px;text-align:center}
.list_item_category li a {display:block;padding-left:10px;color:#555;}
.list_item_category li a:hover {display:block;color:#000;border:1px solid #222;text-decoration:none;font-weight:bold}
.list_item_category li.on a {background:#222;color:#FFFFFF;font-weight:bold}