@charset "utf-8";

body{width:100%; position:relative; }
.pop{background:url(../images/pop_bg.png) repeat 0 0; position:absolute; width:100%; height:100%; z-index:99999;  display: none}
.btn_v{position: absolute; top:-25px; right:-25px; cursor: pointer;}
.v_click{cursor:pointer;}

#wrap{width:100%; min-width:1000px;}

#top_mar{height:103px; width:100%;}
/*header*/
#header{width:100%; height:103px; background: #fff; z-index: 9999; position: relative;}
#header .inner{width:1000px; margin:0 auto; }
#header .inner:after{content:""; display: block; clear:both;}
#header .inner .top_menu:after{content:""; display: block; clear:both;}
#header .inner .top_menu ul{width:204px; height:30px; border-radius: 0 0 10px 10px; background: #b4b4b4; float: right; padding:0 7px; }
#header .inner .top_menu ul li{float: left;}
#header .inner .top_menu ul li:last-child a{padding-left:0}
#header .inner .top_menu ul li a{font-size:11px; color:#fffefe; padding:14px 6px 7px 6px; display: block; line-height: 11px}

#header .inner h1{width:221px; height:62px; float: left; margin-right:100px;}
#header .inner h1 a{padding-left:14px; width:207px; height:62px; display: block;}
#header .inner .gnb{float: left; width:679px;}
#header .inner .gnb ul:after{content:""; display: block; clear:both;}
#header .inner .gnb ul li{float: left; position: relative; width:100px;}
#header .inner .gnb ul li a{padding:30px 0 27px 0; display: block; color:#595757; font-size: 17px; line-height: 17px; text-align: center;}
#header .inner .gnb ul li:nth-child(1){margin-right:24px;}
#header .inner .gnb ul li:nth-child(2){margin-right:19px;}
#header .inner .gnb ul li:nth-child(3){margin-right:7px;}
#header .inner .gnb ul li:nth-child(4){margin-right:6px;}
#header .inner .gnb ul li:nth-child(5){margin-right:0px;}
#header .inner .gnb ul li a:hover{color:#7c38c9 }
#header .inner .gnb ul li.on a{color:#7c38c9 }

#header .inner .gnb ul li .submenu{padding-top: 12px; position: absolute; top:73px; z-index:9999; display: none}
#header .inner .gnb ul li .submenu li{float: none;}
#header .inner .gnb ul li .submenu li a{font-size: 14px; font-family: Malgun Gothic, "맑은고딕", sans-serif; color:#616161; line-height: 23px; padding:0; text-align: center;}
#header .inner .gnb ul li .submenu li a:hover{color:#7c38c9 }
.gnb_bg{position: absolute; top:103px; background: url(../images/gnb_bg.png) repeat-x 0 0; width:100%; height:144px; display: none; z-index: 9998}


/*visual*/
.visual{width:100%; position: relative; height:535px;}

.visual .visual_text{z-index: 9997; position: absolute; top:0; left:0; width:100%;}
.visual .visual_text img{z-index: 9997; width:442px; padding:120px 0 0 558px;  margin:0 auto; display: block; }

.visual .bxslider{width:100%; height:535px; z-index: 9990}
.visual .bxslider li{width:100%; height:100%; }
.visual .bxslider .visual1{background: url(../images/visual1.jpg) no-repeat 50% 0; }
.visual .bxslider .visual2{background: url(../images/visual2.jpg) no-repeat 50% 0;}

/*content*/
#content{width:100%;}
#content .slide{width:1000px; margin:0 auto; height:188px; position: relative;}
#content .slide h3{margin-top:14px; margin-bottom:5px; width:100%; text-align: center; font-size: 18px; line-height: 18px; color:#575757;
}
#owl-demo{width:849px; margin:0 auto; overflow: hidden;}
#owl-demo .item a{width:134px; height:134px; display: block;}
#owl-demo .item1 a{background: url(../images/item1.jpg) no-repeat 0 0;}
#owl-demo .item2 a{background: url(../images/item2.jpg) no-repeat 0 0;}
#owl-demo .item3 a{background: url(../images/item3.jpg) no-repeat 0 0;}
#owl-demo .item4 a{background: url(../images/item4.jpg) no-repeat 0 0;}
#owl-demo .item5 a{background: url(../images/item5.jpg) no-repeat 0 0;}
#owl-demo .item6 a{background: url(../images/item6.jpg) no-repeat 0 0;}
#owl-demo .item7 a{background: url(../images/item7.jpg) no-repeat 0 0;}
#owl-demo .item8 a{background: url(../images/item8.jpg) no-repeat 0 0;}
#owl-demo .item9 a{background: url(../images/item9.jpg) no-repeat 0 0;}
#owl-demo .item10 a{background: url(../images/item10.jpg) no-repeat 0 0;}
#owl-demo .item11 a{background: url(../images/item11.jpg) no-repeat 0 0;}



#owl-demo{z-index: 99}
#owl-demo .item{
  background: url(../images/slide_bar.jpg) no-repeat 100% 0;
  padding: 0px 18px;
  color: #FFF;
  text-align: center;
}
.customNavigation{
  position: absolute;
  width:1000px;
  top:44px;
  left:0;
  z-index:10;
}

.customNavigation .prev{float: left; }
.customNavigation .next{float: right; }
.customNavigation img{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  z-index: 9999;
  width:46px;
  height:89px;
  cursor: pointer;
}




/*box1*/
#content .box1{width:100%; height:506px; background:#00a0da url(../images/box1.jpg) no-repeat 50% 0; }
#content .box1 .box_text{width:1000px; margin:0 auto;}
#content .box1 .box_text .l_text{padding-top:71px; padding-left:19px; font-size: 36px; line-height: 46px; color:#fff;}
#content .box1 .box_text .s_text{padding-top:13px; padding-left: 19px; font-size: 17px; line-height: 26px; color:#fff;}

/*box2*/
#content .box2{width:100%; height:506px; background:#fbce3b url(../images/box2.jpg) no-repeat 50% 0; }
#content .box2 .box_text{width:1000px; margin:0 auto;}
#content .box2 .box_text .l_text{padding-top:79px; padding-left:569px; font-size: 36px; line-height: 46px; color:#953800;}
#content .box2 .box_text .m_text{font-size: 25px; line-height: 46px; color:#953800; padding-left: 569px}
#content .box2 .box_text .s_text{padding-top:13px; padding-left: 569px; font-size: 17px; line-height: 26px; color:#953800;}


/*box3*/
#content .box3{width:100%; height:506px; background:#a0c314 url(../images/box3.jpg) no-repeat 50% 0; }
#content .box3 .box_text{width:1000px; margin:0 auto;}
#content .box3 .box_text .l_text{padding-top:81px; padding-left:19px; font-size: 36px; line-height: 46px; color:#fff;}
#content .box3 .box_text .s_text{padding-top:13px; padding-left: 19px; font-size: 17px; line-height: 26px; color:#fff;}



/*box4*/
#content .box4{width:100%; height:242px; background: #8c5523;}
#content .box4 ul{width:525px; margin:0 auto; padding:58px 0 90px 0;}
#content .box4 ul:after{content:""; display: block; clear:both;}
#content .box4 ul li{float: left;}
#content .box4 ul li a{padding-top:80px; font-size:17px; color:#fff; line-height: 17px; text-align: center;  display: block;}
#content .box4 ul li:nth-child(1){width:73px; margin-right:73px;}
#content .box4 ul li:nth-child(2){width:88px; margin-right:72px;}
#content .box4 ul li:nth-child(3){width:67px; margin-right: 72px}
#content .box4 ul li:nth-child(4){width:79px;}

#content .box4 ul li:nth-child(1) a{background: url(../images/icon_notice.png) no-repeat 0 0;}
#content .box4 ul li:nth-child(2) a{background: url(../images/icon_news.png) no-repeat 5px 0;}
#content .box4 ul li:nth-child(3) a{background: url(../images/icon_review.png) no-repeat 0 0;}
#content .box4 ul li:nth-child(4) a{background: url(../images/icon_video.png) no-repeat 0 0;}



#footer{background: #68c0d0; width: 100%; height:165px;}
#footer .inner{width:1000px; margin:0 auto;}
#footer .inner .f_logo{padding-top:20px;}
#footer .inner address{padding-top:11px; font-size:12px; line-height: 18px; font-family: Malgun Gothic, "맑은 고딕", sans-serif; color:#333;}

#footer .inner .f_copy{font-size:11px; line-height: 11px; color:#333; padding-top:12px; font-family: Malgun Gothic, "맑은 고딕", sans-serif;  }





























