@import url(common.css);
@import url(popup.css);
#curtain {
  display: none;
  position: fixed;
  z-index: 400;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#pop-win {
  display: none;
  position: fixed;
  z-index: 401;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.layer-pop {
  position: absolute;
  z-index: 402;
}
.no-scroll {
  overflow: hidden;
}
.ir {
  text-indent: -99999em;
  overflow: hidden;
}
.en {
  font-family: Verdana;
}
body {
  color: #333333;
}
body a:link {
  color: #333333;
}
.wrap {
  width: 990px;
  margin: 0 auto;
}
/* header */

#header {
  z-index: 10;
}
#header .top-menu {
  height: 42px;
  color: #dddfde;
  background-color: #595e64;
}
#header .top-menu .wrap {
  height: 42px;
}
#header .top-menu ul li {
  float: left;
}
#header .top-menu ul li a {
  display: block;
  float: left;
  height: 42px;
  color: lightgray;
  line-height: 42px;
}
#header .top-menu ul li.list00 a {
  width: 48px;
  padding: 0 0 0 21px;
  background: url(../images/ic-home2.png) 0 48% no-repeat;
  border-right: 1px solid #707070;
}
#header .top-menu ul li.list01 a {
  width: 48px;
  margin-left: 65px;
  padding: 0 20px 0 21px;
  background: url(../images/ic-star.png) 0 48% no-repeat;
}
#header .top-menu ul li.list02 a {
  width: 86px;
  padding-left: 47px;
  background: #3e3f40 url(../images/ic-tel.png) 15px 48% no-repeat;
  border-right: 1px solid #595d64;
  color: #c6c6c6;
}
#header .top-menu ul li.list02 a:hover {
  background-color: #0ea0d3;
}
#header .top-menu ul li.list03 a {
  width: 93px;
  padding-left: 47px;
  background: #3e3f40 url(../images/ic-wave.png) 15px 50% no-repeat;
  border-right: 1px solid #595d64;
  color: #c6c6c6;
}
#header .top-menu ul li.list03 a:hover {
  background-color: #0ea0d3;
}
#header .top-menu ul li.list04 a {
  width: 43px;
  background: #484a4d url(../images/ic-sns-f.png) 50% no-repeat;
  border-right: 1px solid #595d64;
  text-indent: -99999em;
  overflow: hidden;
}
#header .top-menu ul li.list04 a:hover {
  background-color: #0ea0d2;
}
#header .top-menu ul li.list05 a {
  width: 42px;
  background: #484a4d url(../images/ic-sns-t.png) 50% no-repeat;
  border-right: 1px solid #595d64;
  text-indent: -99999em;
  overflow: hidden;
}
#header .top-menu ul li.list05 a:hover {
  background-color: #0ea0d2;
}
#header .top-menu ul li.list06 a {
  width: 42px;
  background: #484a4d url(../images/ic-sns-b.png) 50% no-repeat;
  border-right: 1px solid #595d64;
  text-indent: -99999em;
  overflow: hidden;
}
#header .top-menu ul li.list06 a:hover {
  background-color: #0ea0d2;
}
#header .top-menu ul li.list07 a {
  width: 170px;
  margin-left: 80px;
  padding-left: 40px;
  background: url(../images/ic-hot.png) 0 50% no-repeat;
}
#header .top-menu ul li.list07 span {
  display: block;
  float: left;
  color: #a5a5a5;
  font-size: 11px;
  line-height: 42px;
}
#header .top-menu ul li.list08 a {
  width: 42px;
  background-color: #484a4d;
  background-image: url(../images/ic-log.png);
  background-repeat: no-repeat;
  border-right: 1px solid #595d64;
  text-indent: -99999em;
  overflow: hidden;
}
#header .top-menu ul li.list08 a.login {
  background-position: 0 0;
}
#header .top-menu ul li.list08 a.login:hover {
  background-color: #0ea0d3;
}
#header .top-menu ul li.list08 a.logout {
  background-color: #236b84;
  background-position: 0 -42px;
}
#header .top-menu ul li.list09 a {
  width: 60px;
  padding-left: 35px;
  background: #3e3f40 url(../images/ic-minihome.png) 12px 12px no-repeat;
  margin-right: 1px;
}
#header .top-menu ul li.list09 a:hover {
  background-color: #0ea0d3;
}
#header .main-title {
  height: 80px;
  width: 100%;
  position: relative;
  background: url(../images/bg-top.png) repeat;
  z-index: 200;
}
#header .main-title .wrap {
  height: 80px;
}
#header .main-title .wrap h1 {
  float: left;
  width: 154px;
  height: 79px;
}
#header .main-title .wrap h1 a {
  display: block;
  width: 164px;
  height: 79px;
  margin-left: 5px;
  /*background: url(../images/logo.png) no-repeat 0 10px;*/
  text-indent: -99999px;
  overflow: hidden;
}
#header .main-title .wrap .main-menu {
  position: relative;
  z-index: 320;
  float: left;
  width: 836px;
}
#header .main-title .wrap .bot-menu {
  width: 587px;
  height: 80px;
  margin-left: 280px;
}
#header .main-title .wrap .bot-menu ul li.depth1 {
  float: left;
  position: relative;
}
#header .main-title .wrap .bot-menu ul li.depth1 a.tmenu {
  display: block;
  height: 79px;
  background: url(../images/bot-menu.png) no-repeat;
  text-indent: -99999em;
  overflow: hidden;
}
#header .main-title .wrap .bot-menu ul li.depth1 a.tmenu.menu01 {
  width: 182px;
  background: url(../images/bot-menu-add01.png) 50% no-repeat;
}
#header .main-title .wrap .bot-menu ul li.depth1 a.tmenu.menu02 {
  width: 124px;
  background: url(../images/bot-menu-add02.png) 50% no-repeat;
}
#header .main-title .wrap .bot-menu ul li.depth1 a.tmenu.menu03 {
  width: 130px;
  background: url(../images/bot-menu-add03.png) 50% no-repeat;
}
#header .main-title .wrap .bot-menu ul li.depth1 a.tmenu.menu04 {
  background-position: -348px 50%;
}
#header .main-title .wrap .bot-menu ul li.depth1 ul.smenu {
  display: none;
  position: absolute;
  top: 80px;
  z-index: 321;
  padding-top: 15px;
}
#header .main-title .wrap .bot-menu ul li.depth1 ul.smenu li {
  margin-bottom: 11px;
}
#header .main-title .wrap .bot-menu ul li.depth1 ul.smenu li a {
  display: block;
  padding-left: 27px;
  background: url(../images/bu-depth2-off.gif) 20px 50% no-repeat;
  color: #818490;
  font-size: 13px;
  line-height: 1em;
}
#header .main-title .wrap .bot-menu ul li.depth1 ul.smenu li a:hover {
  background: url(../images/bu-depth2-on.gif) 18px 50% no-repeat;
}
#header .main-title .wrap .bot-menu ul li.depth1.list01 ul {
  left: 11px;
}
#header .main-title .wrap .bot-menu ul li.depth1.list02 ul {
  left: 1px;
}
#header .main-title .wrap .bot-menu ul li.depth1.list03 ul {
  left: 2px;
}
#header .main-title .wrap .bot-menu ul li.depth1.list04 ul {
  left: 14px;
}
#header .main-title .wrap .user-type {
  position: absolute;
  right: 0;
  top: 25px;
  /*li.depth1{
					position:relative;
					a.tmenu{
						.ir;
						display:block;
						width: 66px;
						height: 21px;
						background: url(../images/log-info.png) no-repeat;
					}
					ul.smenu{
						display:none;
						position:absolute;
						top:65px;
						left:-15px;
						z-index:321;
						width:90px;
						font-family: 'Dotum';
						li{
							margin-bottom:14px;
							a{
								display:block;
								padding-left:27px;
								background:url(../images/bu-depth2-off.gif) 20px 50% no-repeat;
								font-size:11px;
								color:#818490;
								&:hover{
									background:url(../images/bu-depth2-on.gif) 18px 50% no-repeat;
								}
							}
						}
					}
				}*/

}
#header .main-title .wrap .user-type li a {
  text-indent: -99999em;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 32px;
  background: url(../images/log-info01.gif) no-repeat;
}
#header .main-title .main-menu-bg {
  display: none;
  position: absolute;
  top: 80px;
  *top: 79px;
  left: 0;
  z-index: 310;
  width: 100%;
  height: 219px;
  border-top: 1px solid #e9e9e9;
  background-color: white;
}
#header .main-title .main-menu-bg .wrap {
  position: relative;
  z-index: 311;
  height: 219px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
#header .main-title .main-menu-bg.bg01 {
  border-bottom: 3px solid #e6795f;
}
#header .main-title .main-menu-bg.bg01 .wrap {
  background-image: url(../images/main-menu-bg01.gif);
}
#header .main-title .main-menu-bg.bg02 {
  border-bottom: 3px solid #9bbe37;
}
#header .main-title .main-menu-bg.bg02 .wrap {
  background-image: url(../images/main-menu-bg02.gif);
}
#header .main-title .main-menu-bg.bg03 {
  border-bottom: 3px solid #9b6aea;
}
#header .main-title .main-menu-bg.bg03 .wrap {
  background-image: url(../images/main-menu-bg03.gif);
}
/* main */

body.index {
  background: url(../images/bg-main.png) repeat;
}
body.index .wrap {
  width: 1110px;
  margin: 0 auto;
}
body.index #header .main-title .wrap h1 {
  width: 243px;
}
body.index #header .main-title .wrap h1 a {
  margin-left: 93px;
}
body.index #header .main-title .wrap .main-menu {
  width: 867px;
}
body.index #header .main-title .wrap .bot-menu {
  width: 500px;
  margin-left: 265px;
}
body.index #header .main-title .wrap .user-type {
  position: absolute;
  right: 20px;
  top: 25px;
  /*li{
				position:relative;
				a.tmenu{
					.ir;
					display:block;
					width: 115px;
					height: 33px;
					background: url(../images/user-type01.png) no-repeat;
				}
				ul.smenu{
					top:70px;
					left:-20px;
				}
			}*/

}
body.index #header .main-title .wrap .user-type li a {
  text-indent: -99999em;
  overflow: hidden;
  display: block;
  width: 100px;
  height: 32px;
  background: url(../images/log-info01.gif) no-repeat;
}
body.index #header .top-menu ul li.list01 a {
  margin-left: 145px;
  padding: 0 30px 0 20px;
}
body.index #header .top-menu ul li.list07 {
  padding-left: 55px;
  *padding-left: 45px;
}
body.index #header .top-menu ul li.list07 a {
  width: 210px;
  margin-left: 0px;
}