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

/* 로고 */
#logo { clear:both; width:262px; text-align:left; }

/* 메뉴 공통 */
.menuList { clear:both; width:100%; margin:30px 0 20px 3px; }
.menuList .position { width:auto; text-align:left; }
.menuList .position ul { font-size:0; line-height:0; }
.menuList .position li { display:block; height:22px; position:relative; }
.menuList .position li a { display:block; color:#999; line-height:22px; font-size:10px; letter-spacing:0.1em; transition:all 0.3s ease-in-out; }
.menuList .position li a:hover { color:#222; }

/* 중분류 */
#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:10px; padding:0; margin:0; color:#555; letter-spacing:0.1em; font-family:'Lato', 'Nanum Gothic', Sans-serif; }
#category .position .sub-category li a:hover { color:#222; padding:0 0 0 2px; }

/* 고객센터 */
#csBox { clear:both; width:100%; border-top:1px solid #e8e8e8; padding:20px 0 0; }
#csBox a { line-height:20px; color:#999; font-size:10px; font-weight: 400;}
#csBox a b { line-height:30px; font-size:12px; color:#222; }
/* //좌측 */


/* 우측컬러 */
#side_right,
#side_right h2,
#side_right a {background:#ffffff;}


/* 우측 */

/* 열기, 닫기 버튼 */
#side_right #btn_relative { position:relative; }
#side_right #btn_open, 
#side_right #btn_close { position:absolute; top:0px; left:-80px; width:38px; height:38px; cursor:pointer; text-align:center; }
#side_right #btn_close { z-index:9999; }

.side_con { clear:both; width:220px; }

/* 공지사항 */
#right_noti { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:left; }
#right_noti .noti_list { clear:both; }
#right_noti .noti_list ul { }
#right_noti .noti_list li { border:none; font-size:11px; color:#acacac; height:34px; border-bottom:1px solid #e8e8e8; padding:0; }
#right_noti .noti_list li a { line-height:34px; color:#acacac; transition:all 0.3s ease-in-out; }
#right_noti .noti_list li a:hover { color:#222; }

/* 배너 전환 */
#rightBanner { clear:both; width:220px; height:220px; margin:30px auto 0; }
#rightBanner .slideshow-wrapper2  { position:relative; width:220px; height:220px; z-index:99; } 
#rightBanner .slideshow-wrapper2 .vi { float:left; position:absolute; width:100%; height:100%;  z-index:1; opacity:0; filter:alpha(opacity=0); }
#rightBanner .slideshow-wrapper2 .vi:first { float:left; position:absolute; width:100%; height:100%;  z-index:1; opacity:1; filter:alpha(opacity=100); }
#rightBanner .slideshow-wrapper2 .bak { float:left; position:absolute; width:100%; height:100%; display:none; }

#rightBanner .slideshow-wrapper2 .btn { float:left; position:absolute; width:auto; width:32px; z-index:30; left:86px; bottom:15px; }
#rightBanner .slideshow-wrapper2 .btn .btnbox { float:left; position:relative; width:48px; height:10px; }
#rightBanner .slideshow-wrapper2 .btn .btnbox .bull { float:left; position:relative; width:10px; height:10px; background:url(/design/wdms3592/onedesign2/images/rBanner_btn_off.png) 0 0 repeat-x; margin:0 3px; cursor:pointer; }
#rightBanner .slideshow-wrapper2 .btn .btnbox .bull.active { float:left; position:relative; width:10px; height:10px; background:url(/design/wdms3592/onedesign2/images/rBanner_btn_on.png) 0 0 no-repeat; }

#rightBanner img { opacity:1;filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } 
#rightBanner img:hover { opacity:0.8;filter:alpha(opacity=90); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }

#side_view { clear:both; margin:0; padding:0; height:110px; position:relative; }
/* //우측 */


/* 좌우측 공통 */
#side_left,
#side_right,
#side_left h2,
#side_right h2,
#side_left a,
#side_right a { font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', Sans-serif; }


/* BASIC css end */