@charset "utf-8";

@font-face{font-family:NG; src:url('/layouts/hbk_main/font/NanumBarunGothic.eot'); src:local(??, url('/layouts/hbk_main/font/NanumBarunGothic.woff') format('woff');}
@font-face{font-family:NGEN; src:url('/layouts/hbk_main/font/NanumBarunGothicBold.eot'); src:local(??, url('/layouts/hbk_main/font/NanumBarunGothicBold.woff') format('woff');}

body,html {padding:0;margin:0;font-size:12px;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;   background:url() #ffffff repeat;}
input,select,textarea {font-size:12px;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;  }
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}


button{display:block;margin:0;padding:0;border:0;background-color:transparent;font:inherit;color:inherit;cursor:pointer}
.indent{display:block;position:relative;width:0;height:0;font-size:0;text-indent:-10000px;line-height:0}

*{font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;  }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, blockquote, th, td {  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
list-style-type: none;  
 }

img{border:0; vertical-align:middle;}
img.btn{vertical-align:middle;cursor:pointer;}
a img{vertical-align:middle;}

.wrap { width:100%;}
.logo { position:absolute; top:0; left:0; z-index:9999;}
.sns_link { position:fixed; width:75px;height:60px;margin-left:50%;left:550px;top:10px; z-index:9999;}
.navi_wrap { position:relative; width:100%; height:95px; ;}
.head_wrap { position:relative; margin:0 auto; width:100%; }

.navi_head { position:fixed; top:0; width:100%; color:#222; height:95px; background:url('.') #ffffff repeat-x ; overflow:hidden; z-index:999; }
.navi_head a { color:#b8b3b0; }
.navi_head .logo { position:absolute; top:0; left:0; z-index:9999;height:95px;}
.navi_head .logo img { display:block; }
.navi_head .menus { position:relative; margin-left:180px; width:950px; overflow:hidden; font-size:14px; }
.navi_head .menus ul { overflow:hidden; }
.navi_head .menus .depth1 { float:left; height:380px; text-align:center; 
			-webkit-transition: background-color 200ms;
			-moz-transition: background-color 200ms;
			transition: background-color 200ms;
		}
.navi_head .menus .dp1 { position:relative; margin:0; display:block; height:95px; }
.navi_head .menus .dp1 .tit { display:block; padding:7px 0 7px 0; font-size:18px;  font-weight:bold;font-family:나눔바른고딕, NanumBarunGothic, NG, NGEN, '돋움', sans-serif;   color:#222; min-height:95px; }
.navi_head .menus .depth2 { margin-top:0; }
.navi_head .menus .depth2 li {line-height:120%;margin-bottom:15px; }
.navi_head .menus .depth2 li a { display:block; height:100%;text-align:center;color:#ffffff;}
.navi_head .menus .depth2 li a:hover { color:#ffff66; }
.navi_head .menus .depth2 .icon { display:inline-block; margin-right:8px; width:15px; height:14px; overflow:hidden; vertical-align:middle; }
	
.navi_head .menus .depth1.id_shop { width:99px; }
.navi_head .menus .depth1.id_shop .dp1 .tit { padding-left:10px; }
.navi_head .menus .depth1.id_shop .depth2 li a { padding-left:10px; }
.navi_head .menus .depth1.selected { }
.navi_head .menus .depth1.selected .dp1 .tit { color:#fff;background:#e80014; }
.navi_head .menus .depth1.selected .selected { color:#fff; }

.navi_head.open .menus .depth1.selected { background-color:transparent; }
.navi_head.open .menus .depth1.selected .dp1 .tit { color:#fff; }
.navi_head.open .menus .depth1:hover { background:url('') center top no-repeat ; }
.navi_head.open .menus .depth1:hover .dp1 .tit { color:#ffff66; }

.right_navi_wrap {position: fixed;width:156px;z-index:9999; top: 50px; right: 30px;}
.right_navi_wrap .tel {float:left;height:544px;padding:0;margin-bottom:5px;}
.right_navi_wrap .online {float:left;height:105px;padding:0;margin-bottom:5px;}
.right_navi_wrap .online1 {float:left;height:76px;padding:0;margin-bottom:5px;}
.right_navi_wrap .online2 {float:left;height:140px;padding:0;margin-bottom:5px;}
.right_navi_wrap ul {padding:0;margin:0;}
.right_navi_wrap li {float:left;width:100px;height:50px;padding:0;margin-bottom:10px;}
.right_navi_wrap li a {}
.right_navi_wrap li a:hover {opacity:0.8;}


.sub_top1 {position:relative;width:100%;height:250px;margin:0;padding:0;background:url('./image/sub_top_bg1.jpg') #444 center top no-repeat ;}
.sub_top2 {position:relative;width:100%;height:250px;margin:0;padding:0;background:url('./image/sub_top_bg2.jpg') #444 center top no-repeat ;}
.sub_top3 {position:relative;width:100%;height:300px;margin:0;padding:0;background:url('./image/sub_top_bg1.jpg') #444 center top no-repeat ;}
.sub_top4 {position:relative;width:100%;height:300px;margin:0;padding:0;background:url('./image/sub_top_bg2.jpg') #444 center top no-repeat ;}