/* BASIC css start */
#hdWrap { position:left ; background:url("http://www.diyeshop.co.kr/design/diyeshop/0636ilovedosirak/background_1.gif") ; width :100% ; overflow: hidden ;} /* 얘가 상단 배경 크기 조정*/

/* header */
#header { position: ; height: 190px; width: 1100 : repeat 0 50px ; overflow: hidden }
#header .bi,
#header #gnb,
#header #favLink { position: absolute; }

/* bi */
#header .bi { left: 445px; top: 55px; z-index:100;  }

/* gnb */
#header #gnb { zoom: 1; }
#header #gnb:after { content: ""; display: block; clear: both; }
#header #gnb { right: 350px; top: 150px; }
#header #gnb li,
#header #gnb a { float: left; width: auto; }
#header #gnb a { padding: 8px 7px 0px; height: 23px; }

/* 카테고리 펼침보기 */
#allcatebtn { position: absolute; top: 0px; left: -100px; }


/* hdSchFrm */
#header #hdSchFrm { position: absolute; right: 0px; top: 155px; border:1px solid #000; }
#header #hdSchFrm fieldset { float: left; width: auto;  }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width: auto; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 190px; height: 19px; padding: 0px 0 0 2px; }

/* favLink */
#header #favLink { right: 30px; top: 44px; }

/* cate */
#header #cate { zoom: 1; overflow: hidden; text align: center; width: 100%; }
#header #cate { position: fixed; left: center; top: 0px; list-style:none; width: 100%; z-index:1; }
#header #cate li,
#header #cate a { float: left; width: auto; white-space: nowrap; }
#header #cate li { margin-right: 20px; }
#header #cate a { height: 38px; line-height: 38px; color: #fff; font-weight: bold; letter-spacing: -1px; }
#header #cate li.last { margin-right: 0; }
#header #cate a:hover,
#header #cate .now a { color: #fccbd6; }
#header #cate { background: #003300 ; }

/* qLbaner */
/*#header #qLbaner { position: absolute; left: 20px; top: 50px; img-pacing: 10px}*/


/*slideimage*/
#header #slide_image{ position: absolute; left: 20px; top: 50px; }



/* ********** 드롭다운 우측 최상단 메뉴 : START ********** */
/*메인카테고리*/
ul#nav { position:absolute ; z-index:100 ;
	margin: 0px 0px 0px 0px; width: 100% ; padding: 10px 0px 10px 0;

	float: right ;
	width: 1100 ; /*콘테이너 사이즈와 같은 값으로*/
	list-style: none;
	position: fixed; /*상단에 고정하는값*/
	font-size: 10px;
	font-family:arial;
	letter-spacing: 0px;
	background: #e7e7e7; 
}
/*메인카테고리 위치조정 바로아래*/
ul#nav li {
	float: left; margin: 0 23.5px ; padding:0 0px 17px 0px;
	height:14px;
	color: #333333 ; /*메인카테고리 글씨색*/
  

}
ul#nav li a {
	padding:0;
	display: block; font-family:Arial; font-weight:bold; font-size:14px; line-height:14px; color:#555555; cursor:pointer;
	text-decoration: none;
}
ul#nav li:hover { z-index:100; background: #ffffff url(/*'http://www.diyeshop.co.kr/design/diyeshop/header_cate_arrow.png'*/) center bottom no-repeat; }
ul#nav li span.snb { z-index:100;
	float: center;
	padding:0px 19px 12px 20px;
	height:; line-height:32px;
	position: absolute;
	/*left: -12%;*/ top:0px; margin:31px 0 0; margin-bottom:0; margin-left:0; margin-right:0; 
	display: none;
	width:137px; /*콘테이너 사이즈와 같은 값으로*/
	background: #2e2e2e; background:rgba(46,46,46,0.88); border:0px;
	color: #353535;
	filter:alpha(opacity=88) \9;

}

ul#nav li span.bignav { font-family:Malgun Gothic, Dotum, AppleGothic, Helvetica, sans-serif; font-weight: ; font-size:17px; line-height:17px; color: #666666; letter-spacing: -0.1em;}
ul#nav li:hover {color:#ffcc33;}









/* 메뉴 서브메뉴 온마우스와 아웃
/*별로 의미없음

bignav { width:100%; height:100%; }
ul#nav li.nav1 { width:73px; background:url(http://www.diyeshop.co.kr/design/diyeshop/header_cate_1.jpg) center top no-repeat; }
ul#nav li.nav1:hover { background:url(http://www.diyeshop.co.kr/design/diyeshop/header_cate_1_over.jpg) center top no-repeat; }

ul#nav li.nav2 { width:78px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_2.jpg) center top no-repeat; }
ul#nav li.nav2:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_2_over.jpg) center top no-repeat; }

ul#nav li.nav3 { width:76px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_3.jpg) center top no-repeat; }
ul#nav li.nav3:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_3_over.jpg) center top no-repeat; }

ul#nav li.nav4 { width:45px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_4.jpg) center top no-repeat; }
ul#nav li.nav4:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_4_over.jpg) center top no-repeat; }

ul#nav li.nav5 { width:58px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_5.jpg) center top no-repeat; }
ul#nav li.nav5:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_5_over.jpg) center top no-repeat; }

ul#nav li.nav6 { width:32px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6.jpg) center top no-repeat; }
ul#nav li.nav6:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6_over.jpg) center top no-repeat; }

ul#nav li.nav7 { width:32px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6.jpg) center top no-repeat; }
ul#nav li.nav7:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6_over.jpg) center top no-repeat; }

ul#nav li.nav8 { width:32px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6.jpg) center top no-repeat; }
ul#nav li.nav8:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6_over.jpg) center top no-repeat; }

ul#nav li.nav9 { width:50px; background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6.jpg) center top no-repeat; }
ul#nav li.nav9:hover { background:url(http://222.122.197.27/~desart/suhon_studio/layout/header_cate_6_over.jpg) center top no-repeat; }



*/


/* 서브메뉴 위치 조절 */
ul#nav .nav1 span.snb { left: 0px; z-index:999; }
ul#nav .nav2 span.snb { left: 150px; z-index:999; }
ul#nav .nav3 span.snb { left: 300px; z-index:999; }
ul#nav .nav4 span.snb { left: 440px; z-index:999; }
ul#nav .nav5 span.snb { left: 610px; z-index:999; }
ul#nav .nav6 span.snb { left: 640px; z-index:999; }
ul#nav .nav7 span.snb { left: 750px; z-index:999; }
ul#nav .nav8 span.snb { left: 900px; z-index:999; }

ul#nav li.nav6 { margin-right:0px; }

/*서브메뉴 배경 크기 조절*/
ul#nav li:hover span.snb  { display: block; cursor:pointer; z-index:999; }
ul#nav li span p.arrow { z-index:999; width:160px; height:8px; margin:0px 0 19px -20px; padding:0px; *background:#fff; text-align:center; }
ul#nav li span h1 { width:100%; padding:0 0 1px; margin:0 0 10px;
		font-family:Malgun Gothic; font-size:13px; line-height:22px; text-align:left; color:#ffcc33; 
		border-bottom:1px solid #565656; } /* 섹션 타이틀 */
ul#nav li span h2 { width:100%; padding:0px 0 6px; margin:-3px 0 0; text-align:left; color:#fff; } /* 메뉴 목록 영역 */
ul#nav li span a { display:block; width:100%; font-family:Malgun Gothic; font-size:13px; font-weight:bold; color: #fff; line-height:28px; }
ul#nav li span a:hover { text-decoration: none; color:#ffcc33; background:url('/design/diyeshop/header_sub_4_arrow.jpg') right center no-repeat; } /*서브메뉴 마우스 오버 칼라*/
ul#nav li span p { width:170px; margin:9px -17px -9px; text-align:center; overflow:hidden; }
ul#nav li span p img { max-width:170px; }
ul#nav li span p a:hover { background:none; }


/*서브카테고리 글씨 속성 변경*/
ul#nav li.nav2 span h1 { width:100%; padding:0 0 1px; margin:0 0 7px;
		font-family:Malgun Gothic; font-size:13px; line-height:17px; text-align:left; color:#ffcc33; 
		border-bottom:1px solid #565656; } /* 섹션 타이틀 */
ul#nav li.nav2 span h2 { width:100%; padding:0px 0 6px; margin:-3px 0 0; text-align:left; color:#fff; } /* 메뉴 목록 영역 */
ul#nav li.nav2 span a { display:block; width:100%; font-family:Malgun Gothic; font-size:13px; font-weight:bold; color: #fff; line-height:23px; }
ul#nav li.nav2 span a:hover { text-decoration: none; color:#ffcc33; background:url('/design/diyeshop/header_sub_4_arrow.jpg') right center no-repeat; } /*서브메뉴 마우스 오버 칼라*/



ul#nav li.nav4 h3 { width:100%; padding:0px 0 7px; margin:-3px 0 5px; text-align:left; color:#fff; } /* 이벤트 메뉴 목록 영역 */
ul#nav li.nav4 h3 a { color:#fff; }
ul#nav li.nav4 h3 a:hover { text-decoration: none; color:#ffcc33; background:url('/design/diyeshop/header_sub_4_arrow.jpg') right center no-repeat; } /*이벤트 마우스 오버 칼라*/

ul#nav li.nav6 h1 { margin:0 0 15px !important; }
ul#nav li.nav6 h3 { color:#fff; font-size:12px; line-height:; font-weight:normal; font-family:Malgun Gothic; }
ul#nav li.nav6 h3 .time { display:block; font-size:17px; padding:5px 0 0; line-height:; font-family:Malgun Gothic; font-weight:normal; }
ul#nav li.nav6 h3 .call { display:block; font-size:18px; padding:5px 0 0; line-height:; font-family:Malgun Gothic; font-weight:normal; }
ul#nav li.nav6 h3 .close { display:block; color:#ffcc33; font-size:18px; padding:5px 0 10px; line-height:; font-family:Malgun Gothic; }

ul#nav li.nav8 h1 { margin:0 0 15px !important; }
ul#nav li.nav8 h3 { color:#fff; font-size:12px; line-height:; font-weight:normal; font-family:Malgun Gothic; }
ul#nav li.nav8 h3 .time { display:block; font-size:17px; padding:5px 0 0; line-height:; font-family:Malgun Gothic; font-weight:normal; }
ul#nav li.nav8 h3 .call { display:block; font-size:18px; padding:5px 0 0; line-height:; font-family:Malgun Gothic; font-weight:normal; }
ul#nav li.nav8 h3 .close { display:block; color:#ffcc33; font-size:14px; padding:5px 0 10px; line-height:; font-family:Malgun Gothic; }

/* ********** 드롭다운 우측 최상단 메뉴 : END ********** */

/* ai */
#ai { position:relative; z-index:0; width:100%; margin: -50px 0 0 920px; }



/* topbanner slider start */
#topSlider { position:relative;  z-index:1; width:100%; height:118px; min-width:250px; margin-right:50px }
#mainflash { width:100%; height:118px; margin:0 0 0 -15px; padding:0; }
/*바로 밑에 margin이 좌우 위치조절/ 패딩값 상하 위치조절하는거임*/
#mainflash #slideshow { margin:0 0 0 50px; *margin:0 0 0 50%; padding: 44px 0 0 0px; width: 250px; height: 118px; text-align:left; *text-align:left; }
#mainflash #slides { position:relative; z-index:1; width:250px; height: 118px; list-style:none; overflow:auto; }
#mainflash #slides li { width:250px; height:118px; *text-align:left; }
#mainflash #slides li img { width:250px; height:118px; }

#mainflash .pagination { position:absolute; z-index:10000; bottom:30px; left:0; list-style:none; width:100%; height:9px; margin:0 auto; padding:0; text-align:center; }
/*슬라이드바 위치조절*/
#mainflash .pagination ul { margin:-10px -460px auto; width:100%; height:9px; }
/*슬라이드 바에 사이즈와 조절*/
#mainflash .pagination li { float:; display:inline-block; cursor: pointer; border:0; /*바마다 간격조절*/ margin:100px 5px 0 0px; /*바 자체 길이조절*/ padding: 0 0px; width:16px; height:9px; background:#818181; background: rgba(129,129,129,1); text-indent: -9999px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 1px rgba(0,0,0,0.3); }
#mainflash .pagination li:hover { background: #fff; background: rgba(255,255,255,1); }
#mainflash li.current { background: #fff; background: rgba(255,255,255,1); }



/* #topSlider { position: relative; z-index:1; width:100%; margin:0 0 0 -951.5px; padding:0; }

.mainslider {position: relative; z-index:1; text-align:left; margin:0 0 0 50%; padding:0; width:250px; }
.mainslider .flex-viewport {max-height: 118px;}
.mainslider .slides {zoom: 1; margin: 0; padding: 0; overflow:hidden; }
.mainslider .slides > li { display: none; -webkit-backface-visibility: hidden; } 
.mainslider .slides img { display: block; width:100%; max-width:1903px; }

.mainslider .flex-direction-nav {  z-index:10; list-style:none; padding:0; margin:0 auto; }
.mainslider .flex-direction-nav a { color:transparent; background: url(/design/diyeshop/0636ilovedosirak/roll_direction_nav.png) no-repeat 0 0; width: 60px; height: 118px; margin: -84px 0 0; text-indent: -9999px; position:absolute; top:47%; z-index: 10; cursor: pointer; opacity: 0; opacity: 0 \9; filter:alpha(opacity=0) \9; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.mainslider .flex-direction-nav .flex-next { background-position:100% 0; right: 22%; }


.mainslider .flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0); cursor: default; }
.mainslider .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 0px; color:transparent; display: inline-block; content: '\f001'; }
.mainslider .flex-direction-nav a.flex-next:before  { content: '\f002'; }

.mainslider .flex-control-nav {width: 100%; position: absolute; z-index:1000; bottom: 15px; bottom:25px \9; *bottom:55px; text-align: left;}
.mainslider .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.mainslider .flex-control-paging li a {width: 16px; height: 9px; display: block; background: #818181; background: rgba(129,129,129,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 1px rgba(0,0,0,0.3); }
.mainslider .flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,1); }
.mainslider .flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,1); cursor: default; } */




/* BASIC css end */