@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {padding:0;margin:0;}
input,select,textarea {font-size:12px;font-family:gulim;}
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;}
a:hover {color:#666;}
.png24 { tmp:expression(setPng24(this));}


.subCat {
	position: absolute;
	top: 150px;
	height: 50px;
	z-index: 99;
	width: 100%;
	background:url() #e4015b repeat;

}
.navi_wrap .subCat.active {
    position: fixed;
    top: 100px;
}

.inner {position:relative;width:1200px;height:50px;margin:0 auto;border-left:#fe3685 solid 1px;}
.inner ul {padding:0;margin:0;}
.inner li {list-style:none;float:left;height:50px;text-align:center;font-family:나눔고딕, NanumGothic, NanumGothicWeb, "맑은 고딕", "Malgun Gothic", 돋움, 굴림, Dotum, Gulim, sans-serif; letter-spacing:-1px;}
.inner li a {display:block;height:50px;padding:0;font-size:15px;color:#fff;line-height:50px;}
.inner ul .split a{border-right:#fe3685 solid 1px;color:#ffffff;}
.inner ul .splithome a{border-right:#fe3685 solid 1px;color:#ffffff;background: url('./image/home_bg.png') #222 center center no-repeat;text-indent: -9999px;}
.inner ul .spliton a{border-right:#fe3685 solid 1px;color:#ffffff;background:#820234;}
.inner ul .splitnot a{color:#ffffff;background:url('./image/topCat_bg.jpg') top repeat-x;}
.inner ul .noton a{color:#ffffff;background:#820234;}
.inner ul .line {border-bottom:#294e6f solid 1px;}

.navi_wrap { position:relative; width:100%; height:70px; background: #ffffff;}


/* Ãß°¡ Çì´õ */

#header_navi, #header_navi * {}
#header_navi { width:970px;margin: 0 auto;height: 70px; font-family:나눔바른고딕, Malgun Gothic, 맑은 고딕, '돋움', sans-serif; }
#header_navi .logo {
    float: left;width: 206px; padding:17px 0 0 0;
}
#header_navi > .head_wrap {
    position:relative;margin-left:230px; width:740px; overflow:hidden;
}

#header_navi > .head_wrap > ul {margin:0; padding: 0;}
#header_navi > .head_wrap > ul > li {display: inline-block; float: left; background: url('') top left no-repeat; -webkit-transition: background 0.2s; transition: background 0.2s;}
#header_navi > .head_wrap > ul > li.narrow {width: 16.6%; }
#header_navi > .head_wrap > ul > li.narrow1 {width: 13%; }
#header_navi > .head_wrap > ul > li.narrow2 {width: 16%; }
#header_navi > .head_wrap > ul > li.wide {width: 27%; }
#header_navi > .head_wrap > ul > li > a {display: inline-block; width: 100%; height: 70px; text-align: center; line-height: 70px; font-size: 16px; color:#444; font-weight: bold; }
#header_navi > .head_wrap > ul > li.active > a{ color: #004e96; }
#header_navi > .head_wrap > ul > li:hover { background: #004e96; color: #ffffff;}
#header_navi > .head_wrap > ul > li:hover a{ color: #ffffff;}
#header_navi > .head_wrap > ul > li > ul.sub {display: none;}
#header_navi > .head_wrap > ul > li:hover > ul.sub {display: block; padding: 20px 0 30px 0;}

#header_navi > .head_wrap > ul > li:hover > ul.sub > li {display: block; width:100%; height: 23px; line-height: 23px;}
#header_navi > .head_wrap > ul > li:hover > ul.sub > li > a {display:block; width:100%; height: 23px; text-align: center; color:#FFF;}
#header_navi > .head_wrap > ul > li:hover > ul.sub > li > a:hover { color:#ffff66;}

/* Ãß°¡ Çì´õ */

.navi_head { position:fixed; top:0; left:0; width:100%; color:#ffffff; height:70px; background: url('./image/sub_navi_bg.jpg') top center repeat-x; overflow:visible; z-index:999; }
.navi_head a { color:#444; }
.navi_head .btn_contract { position:absolute; top:0; right:0; }
.navi_head .btn_contract img { display:block; }
.navi_head .menus { position:relative; margin-left:0; width:1138px; overflow:hidden; font-size:13px; background:url('./image/depth_bg.png') top right no-repeat ;}
.navi_head .menus ul { overflow:hidden; }
.navi_head .menus .depth1 { float:left; height:530px; text-align:center; background:url('./image/depth_bg.png') top left no-repeat ;
			-webkit-transition: background-color 200ms;
			-moz-transition: background-color 200ms;
			transition: background-color 200ms;
		}
.navi_head .menus .dp1 { position:relative; display:block; height:50px; }
.navi_head .menus .dp1 .tit { display:block; padding:0; font-size:16px; font-weight:bold; line-height:50px; font-family:나눔바른고딕, Malgun Gothic, 맑은 고딕, '돋움', sans-serif; color:#ffffff; }
.navi_head .menus .depth2 { margin-top:15px;}
.navi_head .menus .depth2 li { height:23px; line-height:23px; }
.navi_head .menus .depth2 li a { display:block; padding-left:0; 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 .depth2 .hit a{ color:#ffff66;font-weight:bold; }
.navi_head .menus .depth2 .spac a{ letter-spacing:-1px; font-size:13px;}
	
.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:#ffff66; }
.navi_head .menus .depth1.selected .selected { color:#ffffff; }

.navi_head.open .menus .depth1.selected { background-color:transparent; }
.navi_head.open .menus .depth1.selected .dp1 .tit { color:#ffff66; }
.navi_head.open .menus .depth1:hover { background:#0e75bc ; }
.navi_head.open .menus .depth1:hover .dp1 .tit { color:#ffffff; }