/* BASIC css start */
/*상단 탑배너*/
.SMSbannerTop {
  display: none;
  margin: 0 auto;
  position:relative;
}

.SMSbannerTop a {
  display: block;
}

.SMSbannerTop img {
  border: none;
  width: 100%;
}

.SMSbannerTop .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url('/design/whodings/smartskin/pc/close_icon.png') no-repeat center;
  background-size: 40%;
  z-index: 3;
}


/*상단 네비게이션 시작*/
#SP_header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
}
#SP_header .headerGnb {
    
}
/*상단 네비게이션 끝*/

#preview_wrap { display:none; }



/**** Header ****/

#header { position:absolute; top:00px; left:0; z-index:10; width:100%; }
.headerInner { width:100%; min-width:1200px; height:50px; }

/* 상단 고정 */
#header.topFix { position:fixed; top:0; left:0; z-index:300; width:100%; /*opacity:0.8;*/background:rgba(255,255,255,0.8);}
#header.topFix h1 img { height:40px; padding:5px 0; }
#header.topFix .xans-layout-category .position > ul > li > a { color:#2e2f34; }
#header.topFix2 .xans-layout-category .position > ul > li > a { color:#2e2f34; }
#header.topFix2 .xans-layout-category .position > ul > li > a:hover { color:#999; }

/* 우측 아이콘 */
.fixMenu { position:absolute; top:0; right:0px; }
.iconSearch { position:absolute; top:0; right:0; }
.iconMenu { position:absolute; top:50px; right:0; width:50px; height:50px; background:#2e2f34; /*background:#2e2f34 url(/design/whodings/onedesign/images/icon_menu.png) 0 0 no-repeat;*/ cursor:pointer; }

/* 사이드 메뉴 아이콘 */
.lineWrap { position:absolute; top:19px; left:15px; display:block; width:20px; height:12px; }
.iconLine { position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; }
.line1 { top:0; }
.line2 { top:5px; }
.line3 { top:10px; }

/* 사이드 메뉴 아이콘 (open) */
.lineClose .iconLine { width:20px; height:2px; top:6px; 
	/*ie8,9*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*ie4,5,6,7*/-ms-filter:alpha(opacity=0); }
.lineClose .line1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); }
.lineClose .line2 { opacity:0; }
.lineClose .line3 { transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); }




/* 로고 */
.xans-layout-logotop { position:absolute; top:0; left:30px; max-width:250px; text-align:left; }
.xans-layout-logotop img { max-width:250px; max-height:50px; }

/* 상단 카테고리 */
.xans-layout-category { width:1200px; margin:0 auto; text-align:center; }
.xans-layout-category .position {}
.xans-layout-category .position > ul { font-size:0px; line-height:0px; }
.xans-layout-category .position > ul > li { position:relative; z-index:10; display:inline-block; *display:inline; *zoom:1; margin:0 25px; }
.xans-layout-category .position > ul > li > a { display:block; line-height:50px; color:#2e2f34; font-size:12px; word-spacing:0; letter-spacing:1px; text-transform:uppercase; }
.xans-layout-category .position > ul > li > a:hover,
.xans-layout-category .position > ul > li.selected > a,
.xans-layout-category .position > ul > li.on > a { color:#999; }

/* 메인 상단 */
.headerMain .xans-layout-category .position > ul > li > a { color:#000; }
.headerMain .xans-layout-category .position > ul > li > a:hover,
.headerMain .xans-layout-category .position > ul > li.selected > a,
.headerMain .xans-layout-category .position > ul > li.on > a { color:#aaa; }

/* 중분류 */
.xans-layout-category .sub-category {display:none; position:absolute; top:50px; left:-15px; z-index:11; width:150px; padding:10px 0; border:1px solid #ddd; background:#fff; text-align:left; }
.xans-layout-category .sub-category ul {}
.xans-layout-category .sub-category li { position:relative; padding:0 15px; }
.xans-layout-category .sub-category a { display:block; line-height:24px; font-size:11px; color:#2e2f34; text-decoration:none; }
.xans-layout-category .sub-category a:hover,
.xans-layout-category .sub-category li.selected a { color:#8c504b; }
.xans-layout-category .sub-category a::after,
.xans-layout-category .sub-category li.selected a::after { content:""; position:absolute; top:50%; left:0; width:2px; height:0; background:#fff; 
	-webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.xans-layout-category .sub-category a:hover::after,
.xans-layout-category .sub-category li.selected a:hover::after { content:""; position:absolute; top:0; left:0; width:2px; height:24px; background:#8c504b; }

/* 커뮤니티 */
.xans-layout-category .sub-community { position:absolute; top:50px; left:-15px; z-index:11; width:150px; padding:10px 0; border:1px solid #ddd; background:#fff; text-align:left; display:none; }
.xans-layout-category .sub-community ul {}
.xans-layout-category .sub-community li { position:relative; padding:0 15px; }
.xans-layout-category .sub-community a { display:block; line-height:24px; font-size:11px; color:#2e2f34; text-decoration:none; }
.xans-layout-category .sub-community a:hover,
.xans-layout-category .sub-community li.selected a { color:#8c504b; }
.xans-layout-category .sub-community a::after,
.xans-layout-category .sub-community li.selected a::after { content:""; position:absolute; top:50%; left:0; width:2px; height:0; background:#fff; 
	-webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.xans-layout-category .sub-community a:hover::after,
.xans-layout-category .sub-community li.selected a:hover::after { content:""; position:absolute; top:0; left:0; width:2px; height:24px; background:#8c504b; }

/* 검색 */
.xans-layout-searchheader { }
.xans-layout-searchheader:hover { width:200px; }
.xans-layout-searchheader fieldset {}
.xans-layout-searchheader .MS_search_word { position:absolute; top:0; right:50px; width:0px; height:50px; padding:0; border:0; font-size:0; background:#8c504b; display:inline-block; 
	-webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
	/*-webkit-transition:width 0.5s; -khtml-transition:width 0.5s; -moz-transition:width 0.5s; -ms-transition:width 0.5s; -o-transition:width 0.5s; transition:width 0.5s;*/ }
.xans-layout-searchheader:hover .MS_search_word { width:150px; height:50px; line-height:50px; padding:0 20px; font-size:12px; color:#555; background:#eee; }
.xans-layout-searchheader .searchBtn { position:absolute; top:0; right:0; width:50px; height:50px !important; display:inline-block; background:#8c504b; }




.headerInner {position:relative;}

.xans-layout-searchheader .searchBtn:hover img { opacity:1; }
/* BASIC css end */