/* BASIC css start */
/* 좌측 */

#side_box { float:left; width:200px; margin:0 auto; }
#side_left { position:fixed; top:80px; width:200px; height:100%; background:#fff; padding:0 50px 50px 0; font-family:'Rubik', Sans-serif; z-index:3; }

#side_left h2,
#side_left a { font-size:13px; font-family:'Rubik', Sans-serif;  }

/* 좌측 스크롤 시 고정 */
.fixed-menu { position:absolute; top:0; left:0; width:200px; height:100%; }
.fixed-menu #side_left { position:relative; top:30px; width:200px; background:#fff; }

/* 로고 */
#logo { clear:both; text-align:left; margin-bottom:40px;}

/* 카테고리 */
#category { clear:both; width:100%; margin:0px 0 20px 3px; }
#category h2 { clear:both; font-size:13px; color:#333; font-weight:normal; margin:5px 0 3px; }

#category .position { width:auto; text-align:left; }
#category .position ul { font-size:0; line-height:0; }
#category .position li { display:block; height:20px; position:relative; }
#category .position li a { display:block; color:#333; line-height:22px; font-size:13px;  transition:all 0.3s ease-in-out; <!--text-transform:uppercase;--> }
#category .position li a:hover { color:#333; }

#category .position .sub-category { display:none; position:absolute; top:-7px; left:100px; width:100px; height:auto; padding:7px 12px; *padding:5px 0; background:#f5f5f5; z-index:999; }
#category .position .sub-category ul { display:block; }
#category .position .sub-category li { display:block; height:20px; text-align:left; padding:0; margin:0; }
#category .position .sub-category li a { display:block; line-height:20px; font-size:13px; padding:0; margin:0; color:#555;  font-family:'Manrope',Sans-serif; }
#category .position .sub-category li a:hover { color:#222; padding:0 0 0 2px; }

/* 메뉴박스 */
#menuBox { clear:both; width:100%; border-top:1px solid #e8e8e8; }
#menuBox .left_title { clear:both; border-bottom:1px solid #e8e8e8; }
#menuBox h2 { margin:0 0 0 3px; font-weight:normal; font-size:12px; color:#222; height:47px; line-height:47px; letter-spacing:1px; }

/* 검색 */
#sear { clear:both; width:100%; height:47px; margin:0 ; border:0; padding:0; border-bottom:1px solid #e8e8e8; }
#sear form { font-size:0; line-height:0; }
#sear fieldset { font-size:0; line-height:0; }
#sear h2 { float:left; border-bottom:0; }
#sear .MS_search_word { float:left; width:100px; height:47px; line-height:47px; color:#222; padding:0 0 0 10px; border:0; background:none; text-align:left; font-size:12px; }
#sear .btn_sear { float:right; vertical-align:middle; margin:13px 0 0; cursor:pointer; width:22px; height:20px; }
#sear .btn_sear img { width:100%; }

/* 커뮤니티 */
#commu { clear:both; }
#toggle-view { width:100%; margin:0; padding:0; list-style:none; }
#toggle-view li { position:relative; margin:0px; cursor:pointer; line-height:47px; }
#toggle-view h2 { }
#toggle-view span { position:absolute; top:0; right:0; color:#222; font-size:20px; }

#toggle-view .panel { /* display:none; */ border-bottom:1px solid #e8e8e8; }	
#toggle-view .panel ul { padding:10px 3px; margin:0; }
#toggle-view .panel li { display:block; height:22px; }
#toggle-view .panel li a { display:block; line-height:22px; color:#999; font-size:10px; }
#toggle-view .panel li a:hover { color:#222; }

/* 고객센터 */
#csBox { clear:both; }
#csBox h2 { cursor:pointer; }
#csBox h2 img { float:right; margin:14px 0 0; }

/* 팝업 소스 */
#csBox .layerWrap { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999; }
#csBox .layerWrap .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#222; opacity:0.95; filter:alpha(opacity=95); z-index:99999; }
#csBox .layerWrap .pop_layer { display:block; }

#csBox .pop_layer { display:none; position: absolute; top:50%; left:50%; width:660px; height:auto; z-index:99999; }	
#csBox .pop_layer .pop_container { padding:0; margin:0 !important; }
#csBox .pop_layer .pop_conts { clear:both; margin:0 !important; }

/* 팝업 내용 */
#csBox .cs_bk { width:440px; height:270px; margin:0 auto; color:#e3e3e3; letter-spacing:1px; text-align:left; position:relative; }
#csBox .cs_bk span { letter-spacing:0; }
#csBox .cs_bk .line { width:1px; height:120px; background:#595959; position:absolute; left:51%; top:5px; }
#csBox .cs_bk .tit { font-size:13px; padding-bottom:20px; }
#csBox .cs_bk .num { font-size:13px; padding-left:20px; padding-bottom:10px; background:url(/design/muniby/onedesign/images/icon_num.png) 2px 0 no-repeat; }
#csBox .cs_bk .info { font-size:11px; line-height:24px; padding-bottom:15px; }

#csBox .cs_bk .left_cs { float:left; }
#csBox .cs_bk .right_bk { float:right; }

#csBox .cs_bk .menu_log { clear:both; border-top:1px solid #595959; border-bottom:1px solid #595959; padding:10px 0; margin:10px 0; height:30px; text-align:center; }
#csBox .cs_bk .menu_log ul { font-size:0; line-height:0; }
#csBox .cs_bk .menu_log li { display:inline-block; *display:inline; *zoom:1; height:30px; }  
#csBox .cs_bk .menu_log li a span { color:#595959; margin:0 10px; }
#csBox .cs_bk .menu_log li a b { font-weight:normal; }
#csBox .cs_bk .menu_log li a b span { margin:0; color:#adadad; }
#csBox .cs_bk .menu_log li a { display:inline-block; color:#adadad; font-size:11px; line-height:30px; }
#csBox .cs_bk .menu_log li a:hover { color:#e3e3e3; }

#csBox .cs_bk .btn_board { clear:both; height:30px; margin:30px 0 0; }
#csBox .cs_bk .btn_board .txt { float:left; color:#adadad; font-size:11px; line-height:30px; }
#csBox .cs_bk .btn_board .btn { float:right; }
#csBox .cs_bk .btn_board .btn a { display:block; font-size:11px; color:#adadad; line-height:30px; border:1px solid #595959; padding:0 20px; }
#csBox .cs_bk .btn_board .btn a span { font-size:13px; }
#csBox .cs_bk .btn_board .btn a:hover { color:#e3e3e3; border:1px solid #e3e3e3; }

/*닫기버튼*/
#csBox .pop_layer .close_btn { clear:both; width:100px; margin:30px auto 0; padding:20px; text-align:center; }
#csBox .pop_layer .close_btn a { color:#adadad; font-size:15px; }
#csBox a.cbtn { display:inline-block; }	
/* //팝업 소스 */

/* //좌측 */

#commu2 { margin-top:16px; padding-bottom:16px; border-bottom: 1px solid #e8e8e8;}
/* BASIC css end */