@import url(reset.css);
@import url('notosanskr.css');


form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }


/*헤더*/
div.header{height:115px; margin:0 auto; background:url("zHome/images/bg/top_bg.jpg")repeat-x left bottom; position:relative;}
div.header .inner{width:1000px; margin:0 auto;  position:relative;}
div.header .inner .gnb{width:1000px; margin:0 auto;height:30px;  position:relative;}
div.header .inner .gnb ul{position:absolute; right:40px; top:0px;}
div.header .inner .gnb ul li{display:inline-block;}
div.header .inner .gnb h2{position:absolute; left:0px; top:53px; z-index:100;} 
div.header .inner #nav{padding-left:260px;  height:75px; line-height:75px; position:relative;}
div.header .inner #nav > ul{display:block;}
div.header .inner #nav > ul:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
div.header .inner #nav > ul > li{float:left; width:20%;  height:100%;vertical-align:top;position:relative;}
div.header .inner div#nav > ul > li > div > a{text-align:center;  color:#6B6B6B; font-weight: 500;display:inline-block; height:75px; line-height:75px; letter-spacing:0;  font-size:16px; position:relative; }
div.header .inner div#nav > ul > li > div > a:hover{color:#F15A22; font-weight:700;}
div.header .inner div#nav > ul > li > div > a:hover:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-11.5px; margin-left:-27px; width : 23px; height : 23px;  background: url("zHome/images/bg/minilogo.png") no-repeat left top; transition: all 0.2s ease-out 0s; -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
div.header .inner div#nav > ul > li.on > div > a,
div.header .inner div#nav ul li.active > div > a{color:#F15A22; font-weight:700;}
div.header .inner div#nav > ul > li.on > div > a:before,
div.header .inner div#nav > ul > li.active > div > a:before{ content : ""; display : block; position : absolute; left :0; top:50%; margin-top:-11.5px; margin-left:-27px; width : 23px; height : 23px;  background: url("zHome/images/bg/minilogo.png") no-repeat left top; transition: all 0.2s ease-out 0s; -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

div.header .inner div#nav > ul > li > div{position:relative; z-index:10; text-align:center; }
div.header .inner div#nav ul li ul {z-index: 100; display:none; position: absolute; width:300px; left:0;  top:60px; box-sizing:border-box; transition: all 0.2s ease-out 0s;}
div.header .inner div#nav ul li ul li {float:left;  overflow:hidden; height:25px; line-height:25px;}
div.header .inner div#nav ul li ul li a{background:#E1E1E1;display:block; color:#6B6B6B;  height:auto; font-weight:500;letter-spacing:-0.06em; padding:0 15px; font-size:13px;}

div.header .inner div#nav ul li ul li a:before{content:""; display:block; clear:both;}
div.header .inner div#nav ul li ul li a:hover{background:#F15A22; color:#fff; }
div.header .inner div#nav ul li ul li a:focus{background:#F15A22; color:#fff; }
div.header .inner div#nav ul li.active > div > a{color:#F15A22; font-weight:700;}


@-webkit-keyframes scale-up-center {
  0% {-webkit-transform: scale(0.5); transform: scale(0.5);  }
  100% {-webkit-transform: scale(1); transform: scale(1);  }
}
@keyframes scale-up-center {
  0% {-webkit-transform: scale(0.5); transform: scale(0.5);  }
  100% {-webkit-transform: scale(1); transform: scale(1);  }
}


#visual{ margin:0 auto; height:504px; z-index: 10; position:relative;}


.left_menu{width:200px;}
.left_menu h3{background:#F15A22; border:1px solid #D03800; padding:20px 20px; color:#fff;  font-family: 's-core-dream-extralight'; line-height:1.2;    font-size: 26px;}
.left_menu h3 strong{display:block; font-family: 's-core-dream-bold';}
.left_menu > ul{border:1px solid #ddd; padding:20px;}
.left_menu > ul li div{background:url("zHome/images/left_arr.png") no-repeat left center; padding-left:25px; font-weight:600; color:#000; font-size:15px;}
.left_menu > ul li > ul{padding:10px 10px 10px 20px ; font-size:13px; }
.left_menu > ul li > ul li{margin-bottom:5px; padding-left:10px; position:relative;}
.left_menu > ul li > ul li a{color:#9E9E9E;}
.left_menu > ul li > ul li:before{ content : ""; display : block; position : absolute; left :0; top:50%;  margin-top:-1.5px; width : 3px; height : 3px; background : #9E9E9E; border-radius:50%; }
.left_menu > ul li > ul li.on a{color:#D52323}
.left_menu > ul li > ul li:hover a{color:#D52323}
.left_menu > ul li > ul li.on:before {background:#D52323;}

/*브랜드 소개*/
.brand_wrap {overflow:hidden;}
.brand_wrap .brand_box{float:left; width:338px; }
.brand_wrap #bx-pager {float:left;   list-style-type: none;  margin-left:20px; text-align:center;}
.brand_wrap #bx-pager a {display:block; margin:3px 0px;}
.brand_wrap #bx-pager a img{width:70px; height:50px;}
.brand_wrap #bx-pager a.active, #bx-pager a:hover {opacity:0.5;}

h3.tit{padding-left:10px; background:url("zHome/images/brand/dot.jpg")no-repeat left center; font-size:22px; font-weight:600;}

/*주요브랜드 안내*/
.brand_info{}
.brand_info h4{padding-left:70px; background:url("zHome/images/brand/dot.jpg")no-repeat left center; position:relative; font-size: 13px; font-weight:400;}
.brand_info h4 span{position:absolute; left:10px; top:0px; font-weight:600; }
.brand_info h4.long{padding-left:100px;}
.brand_info ul{padding:10px 0 0 130px; margin:10px 0 30px; position:relative; font-size: 13px;overflow:hidden; background:url("zHome/images/brand/line.jpg")repeat-x left top;}
.brand_info ul li{float:left; width:25%; height:40px; line-height:40px; border-bottom:1px solid #f0f0f0;}
.brand_info ul img{position:absolute; left:15px; top:50%; margin-top:-23px;}