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

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

/* 메뉴 공통 */
.menuList { clear:both; width:100%; margin:40px 0 30px 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:#000000; line-height:22px; font-size:12px; letter-spacing:0.1em; transition:all 0.3s ease-in-out; text-transform:uppercase; }
.menuList .position li a:hover { color:#000000; }

#category li:nth-child(1),

#category li:nth-child(14) { font-weight: bold; }

/* 중분류 */
#category .position .sub-category { display:none; position:absolute; top:-7px; left:100px; width:135px; 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:12px; padding:0; margin:0; color:#000000; letter-spacing:0.1em; font-family:'Lato', 'Nanum Gothic', Sans-serif; }
#category .position .sub-category li a:hover { color:#000000; padding:0 0 0 2px; }

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





/* 우측 */

/* 열기, 닫기 버튼 */
#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 #acacac; padding:0; }
#right_noti .noti_list li a { line-height:34px; color:#000000; transition:all 0.3s ease-in-out; }
#right_noti .noti_list li a:hover { color:#000000; }

/* 배너 전환 */
#rightBanner { clear:both; width:220px; height:200px; 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:68px; z-index:30; left:78px; bottom:15px; }
#rightBanner .slideshow-wrapper2 .btn .btnbox { float:left; position:relative; width:68px; height:10px; }
#rightBanner .slideshow-wrapper2 .btn .btnbox .bull { float:left; position:relative; width:10px; height:10px; background:url(/design/lya6214/onedesign/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/lya6214/onedesign/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; }






.gridMenu { width: 100%; height: auto; overflow: hidden; margin:30px 0; }
.gridMenu a { display: block; float: left; width: calc(50% - 1px); line-height: 30px; margin: 0 2px 2px 0; text-align: center; background: #eaeaea; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; color: #000000; font-weight:bold; font-size: 11px; }
.gridMenu a:hover { background: #fafafa; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.gridMenu a:nth-child(2n) { margin: 0 0 2px 0; }

.right_cs { width: 100%; color: #000000; line-height: 20px; font-size: 11px; text-align:right; }




/* BASIC css end */