@charset "utf-8";
body{ height:100%; }

.d_wrap { width:100%; overflow: hidden; }
.d_hearderWrap{ margin-top: 0; position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 9995; }
.d_header { position: relative; clear:both; width:100%; height: 69px; background: rgb(0,0,0); background: rgba(0,0,0); border-top:4px solid #30343f;  border-bottom:1px solid #222; }

/* 로고 */
.d_header h1.d_logo { float:left; width:20%; height:22px; padding-top:14px; }
.d_header h1.d_logo img{ max-width:100%; }

.d_loginWrap{ display:none; }

/* 공통메뉴 */
.d_header .d_common_menu{ position: absolute; right:0; top:24px; width:65%; font-size:12px; letter-spacing:-0.03em; text-align:right; }
.d_header .d_common_menu a{ padding:0.8% 0; color:#aaa; line-height:22px; }
.d_header .d_common_menu a.d_point_color{ color:#09f; }
.d_header .d_common_menu a:after{content:" | "; padding:0 5px; color:#444;}
.d_header .d_common_menu a:last-child:after{content:"";}

/* mobile top menu, search */
.d_btn_menu, .d_btn_search{ display:none; }
/* 모바일메뉴 */
.d_btn_menu ul#navi { display:none; z-index:20; position: absolute; top:0; left:0; width: 252px; height:1200px; background-color: #252525; text-indent: 6px; border-top:0px solid #617ffb; }
.d_btn_menu ul#navi, ul#navi ul { margin:0; padding:0; list-style:none; }
.d_btn_menu li.group { clear:both; width:100%; border-bottom:1px solid #333; }
.d_btn_menu li.group div.title { height: 44px; line-height: 44px; background-color:#262626; cursor:pointer; color:#ddd; }
.d_btn_menu li.group:hover ul.sub{ display:block; }
.d_btn_menu ul.sub { display:none; background:#151515; }
.d_btn_menu ul.sub li { float:left; padding-top:2px; width:50%; height:34px; line-height:34px; background:#151515; cursor:pointer; border-bottom:1px solid #222; font-size:12px; letter-spacing:-0.02em; }
.d_btn_menu ul.sub li:last-child:after { content:" "; background:#151515;  }
.d_btn_menu ul.sub li a { display: block; width: 100%; height:100%; text-decoration:none; color:#ddd; }
.d_btn_menu ul.sub li:hover { background:#000; }
.d_btn_menu ul.sub li a:hover{ color:#09f; }
/* 모바일검색 */
.d_searchBox{ display:none; z-index:12; position: absolute; top:50px; right:0; right:240px \9;padding:15px 5px 15px 15px; width:100%; min-width:300px; height: 30px; background-color:#262626; border-top:3px solid #09f; }
.d_searchBox input{ float:left; padding:5px; width:55%;height:18px; line-height:18px; border:0; font-size:1em; border-radius:0; -webkit-border-radius:0; }
.d_searchBox button{ float:left; width:25%; height:28px; line-height:28px; background-color: #09f; text-align:center; border:0; color:#fff; font-weight:bold; }





/* 메뉴 */
.d_gnb { height:51px; line-height: 51px; background-color:#000; border-bottom:4px solid #09f !important; }
.d_gnb .d_section { float: left; border-left:1px solid #222; }
.d_gnb .d_keyword {float: left; border-left:1px solid #222;  padding: 0 5px; font-size:0.8em; color:#ccc; }
.d_gnb .d_section:hover ul { display: block; }
.d_gnb h2 { height: 51px; }
.d_gnb h2 a { display:block; padding: 0 15px; height: 51px; line-height: 51px; font-size:18px; color:#fff; }
.d_gnb h2 a:hover { background-color:#09f !important; }
.d_gnb ul {display: none; z-index:10; position: absolute; top:51px; width:20%; border-top:4px solid #09f;}
.d_gnb ul.d_sub_add {width:35%;}
.d_gnb ul.d_sub_add li{float:left; width:50%;}
.d_gnb li{ line-height: 42px; background-color:#262626; border-bottom:1px solid #3d3d3d; vertical-align: top; }
.d_gnb li:hover{ background-color:#151515; }
.d_gnb li a{ display:block; padding-left: 15px; }
.d_gnb li a:hover{ color:#fff; }
/* 모바일 소분류메뉴 */
.d_snb{ display:none; }

/* 상단검색 */

/*
.d_gnb .d_top_search{ position: absolute; right:0; top:10px; width:16.6%; padding:0 0 0 0.5%; height:30px; line-height:30px; background-color:#222;}
.d_gnb .d_top_search input {float: left; padding:0 0.5%; background-color:#222; line-height:28px; color:#aaa; border:0; }
.d_gnb .d_top_search button{float:right; border:0; width:30px; height:30px; background:url('../img/btn_search.jpg') no-repeat; vertical-align:top; }
*/



.d_gnb .d_top_search{ position: absolute; right:0; top:10px; width:11.6%; padding:0 0 0 0.5%; height:30px; line-height:30px; background-color:#222;}
.d_gnb .d_top_search input {float: left; padding:0 0.5%; background-color:#222; height:26px; color:#aaa; border:0; margin-top:4px;}
.d_gnb .d_top_search button{float:right; border:0; width:30px; height:30px; background:url('../img/btn_search.jpg') no-repeat; vertical-align:top; }


/*  타블릿검색창 */
.d_gnb .d_mini_search_wrap{ display:none; }
.d_gnb .d_mini_search_wrap .d_mini_searchBox{ display:none; z-index:10; position: absolute; top:52px; right:0; right:290px \9; padding:10px 0 0 15px; width:100%; height:50px; min-width:340px; max-width:727px; background-color:#262626; border-top:3px solid #09f; }
.d_gnb .d_mini_search_wrap .d_mini_searchBox input{ float:left; padding:10px; width:55%;height:18px; line-height:18px; border:0; font-size:1em; border-radius:0; -webkit-border-radius:0; }
.d_gnb .d_mini_search_wrap .d_mini_searchBox button{ float:left; width:25%; height:38px; line-height:38px; background-color: #09f; text-align:center; border:0; color:#fff; font-weight:bold; }


/* media query mobile */
@media screen and (max-width: 1000px){

/* 로그인영역*/
.d_loginWrap{ display:block; padding:4px 12px 2px; background-color:#30343f; text-align:right; color:#777; font-size:12px; }
.d_loginWrap a{ padding:0 2px; color:#bbb; font-weight:bold; letter-spacing:-0.03em; }
.d_loginWrap a:link, .d_loginWrap a:visited, .d_loginWrap a:hover, .d_loginWrap a:active, .d_loginWrap a:focus { color:#bbb; font-family:"맑은 고딕", "Malgun Gothic", "MalgunGodicWeb", "돋움", "Dotum"; }

.d_header{ height:50px; line-height: 50px; background-color:#000; border-bottom:3px solid #09f; }
.d_header h1.d_logo{ float:none; display:inline-block; *display:inline; *zoom:1; position: absolute; top:0; left:0; width:100%; height:50px;  padding-top:0px; text-align:center; }
.d_header h1.d_logo img{ width:137px; height:26px; vertical-align: middle; }

/* 모바일메뉴 */
.d_btn_menu{ display:block;  z-index:20; position: absolute; top:0; left:0; width:50px; height:50px; }
.d_btn_menu a.d_link_menu{ display:inline-block; *display:inline; *zoom:1; width:50px; height: 35px; padding-top: 15px; }
.d_btn_menu a.d_link_menu i{ display:block; width:50px; height:35px; background:url('../img/icon_menu.png?ls=20140610') top center no-repeat; background-size:18px 16px; vertical-align: middle; }
.d_btn_menu a.d_link_menu i{ display:block; width:50px; height:35px;  background:url('../img/icon_menu_mini.png?ls=20140610') top center no-repeat \9; vertical-align: middle; }
.d_menu_close{ display:inline-block; *display:inline; *zoom:1; margin-right:5px; width:20px; height:20px; background:url('../img/btn_close2.png?ls=20140610') top center no-repeat; background-size:16px 16px; vertical-align: middle; }
.d_menu_close{ display:inline-block; *display:inline; *zoom:1; margin-right:5px; width:20px; height:20px; background:url('../img/btn_close2_mini.png?ls=20140610') top center no-repeat \9; }

/* 모바일검색 */
/*	.d_btn_search a.d_link_search{ display: block; width:50px; height:50px; background:url(../img/icon_search.png) 10px 14px no-repeat; }*/
.d_header .d_btn_search{display:block; z-index:20;  position: absolute; top:0; right:0; width:50px; height:50px; }
.d_header .d_btn_search a.d_link_search{ display:inline-block; *display:inline; *zoom:1; width:50px; height: 35px; padding-top: 15px; }
.d_header .d_btn_search a.d_link_search i{ display:block; width:50px; height:35px; background:url('../img/icon_search.png?ls=20140610') top center no-repeat; background-size:20px 20px; }
.d_header .d_btn_search a.d_link_search i{display:block; width:50px; height:35px; background:url('../img/icon_search_mini.png?ls=20140610') top center no-repeat \9; }
.d_header .d_btn_search .d_search_close{ display:inline-block; *display:inline; *zoom:1; margin-top:6px; margin-left:10px; width:30px; height:30px; background:url('../img/btn_close.png?ls=20140610') top center no-repeat; background-size:16px 16px; cursor:pointer; }
.d_header .d_btn_search .d_search_close{ background:/*＼**/url('../img/btn_mini_close.png?ls=20140610') top center no-repeat; }
.d_header .d_btn_search .d_search_close{ background:url('../img/btn_mini_close.png?ls=20140610') top center no-repeat \9; }

.d_header .d_common_menu,	.d_gnb { display:none; }
}



/* 하단 */
.d_footer{ clear:both; width:100%; /*padding-top:5%;*/}
.d_footer nav { display:block; line-height:54px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }
.d_footer nav a{ font-size:12px; word-spacing:-0.1em; }
.d_footer nav a:after{content:" | "; padding:0 10px; color:#999;}
.d_footer nav a:last-child:after{content:"";}

.d_footer .d_copyright_wrap{ clear:both; width:100%; min-height:166px; background-color:#fafafa; }
.d_footer .d_copyright { position:relative; padding:30px 0; }
.d_footer .d_copyright h4{ float:left; padding-right:40px; padding-top:20px; }
.d_footer .d_copyright span{ float:left; color:#6a6a6a; }
.d_footer .d_copyright span.d_inipay{ position:absolute; right:0; width:15%; }
.d_footer .d_copyright span.d_inipay ul li{ float:left; margin-bottom:10px; }
.d_footer .d_copyright span.d_copy{ width:55%; font-size:12px; line-height:1.5em; }
.d_footer .d_copyright span.d_copy_mobile, .d_sns{ display:none; }
.d_btn_Wrap { display:none; }

/* media query mobile */
@media screen and (max-width: 1000px){
.d_footer{ clear:both; width:100%;}
.d_footer .d_copyright { padding:20px 0; }
.d_footer nav,
.d_footer .d_copyright h4,
.d_footer .d_copyright span.d_inipay,
.d_footer .d_copyright span.d_copy{ display:none; }
.d_footer .d_copyright_wrap{ clear:both; width:100%;min-height:none; background-color:#fafafa; border-top:1px solid #ccc; }
.d_footer .d_copyright .d_sns{ display:block; text-align:center; }
.d_footer .d_copyright .d_sns a{ width:44px; height:44px; }
.d_footer .d_copyright .d_sns a img{ max-width:100%; }
.d_footer .d_copyright span.d_copy_mobile{ display:block; float:none; width:auto; padding:10px; text-align:center; letter-spacing:-0.02em; }
.d_footer .d_copyright span.d_copy_mobile p{ margin-bottom:5px; font-size:11px; }
.d_btn_Wrap { display:block; text-align:center; }
/*.d_btn_Wrap a { display: inline-block; margin: 0 2px; padding: 0 7px; border: 1px solid #26292e; border-radius: 3px; background: #3d4049; line-height: 25px; color: #c3c3c3 !important; font-size:11px; }*/
.d_btn_Wrap a { display: inline-block; height: 26px; margin:0 3px; padding: 2px 6px 0; line-height: 26px; color: #4c4336;  font-size:11px; letter-spacing:-0.05em; background-color: #f9f9f9; border: 1px solid #beb9b2; border-radius: 2px; box-shadow: inset -1px -1px 1px #fff,inset 1px 1px 1px #fff; }

}


/* content css */
#d_container{ clear:both; padding:0; margin:125px 0 0;  }

/* 이동경로 */
.d_breadcrumb{ height:39px; background-color:#fafafa; font-size: 12px; color:#5d5d5d; text-align:right; line-height: 39px; border-bottom:1px solid #ebebeb; }
.d_breadcrumb span:last-child{ font-weight:bold; color:#2b97f2; }
.d_breadcrumb i{ margin: 0 6px; }

/* list images */
.d_listImg{ display:inline-block; *display:inline; *zoom:1; background:url('../img/product/list_icon.png') no-repeat; vertical-align:middle; }
.d_homeIcon{ background-position:0 0; width:14px; height:14px; }
.d_categoryArrowIcon{ background-position:-22px 0; width:10px; height:6px; }
.d_menuArrowIcon{ background-position:-40px 0; width:10px; height:4px; margin-top: 15px; }/* 왼쪽메뉴 중분류 아이콘 */