@charset "utf-8";

/* reset element */
a{outline: none; temp: expression(this.hideFocus=true);} /*a링크클릭시 블록모양생기는걸 없앰*/ 

/**reset**/
html,body,p,div,table,td,tr,tbody,tfoot,thead,form,fieldset,legend,h1,h2,h3,h4,h5,h6,ol,ul,dl,li,dt,dd{margin:0; padding:0}
img{border:0 none;}
ul,li,ol,dl{list-style-type:none;}
fieldset{border:0 none;}
legend{display:none;}
input.type_text1 {height: 1.5em;margin:0;padding: 1px 0 0 1px;border: 1px solid #CDCDCD;
line-height: 150%;}
li img, object { vertical-align:top; }

input.input{color:#404040; font-size: 12px; line-height: 140%}
input.box {font-size: 9pt; color: #333333; background-color: ffffff; border: 1px #CFCFCF solid}

/**basic**/
body{font-size:12px; font-family:"돋움",dotum,sans-serif; color:#4a4a4a; }
a:link{color:#a3a2a1; text-decoration:none;}
a:visited{color:#4a4a4a; text-decoration:none;}
a:hover{color:#AA5410;; text-decoration:none; }
a:focus{color:#4a4a4a; text-decoration:none;}
a:active{color:#4a4a4a; text-decoration:none;}
.hide{text-indent:-9999px; height:1px; line-height:1px; position:absolute; top:-9999px;}



/**common**/
.s11{font-size:11px;}

.link a:link{color:#a3a2a14; color:11px;}
.link a:hover{color:#a3a2a14;text-decoration:none;}
.link a:visited{color:#a3a2a14;}

.link2 a:link{color:#a3a2a1;}
.link2 a:hover{color:#2e7aba;text-decoration:underline;}
.link2 a:visited{color:#4a4a4a;}

.search form{text-align: right;margin: 0;padding: 0;}
.search{text-align: right;}
.search select{color: #828282;height: 22px;}
.search *{vertical-align: middle;}


/*메인*/
#wrap{width:100%; margin:0 auto; background:url(../images/menu.gif) repeat-x; }



.h_top {width:100%;}
.h_top:after {content:""; display:block; clear:both;}
.h_top h1 {float:left;  z-index:4; margin-top: 34px;}
.h_top .util {float:right; margin-top:17px; z-index:4;}
.h_top .util:after {content:""; display:block; clear:both;}
.h_top .util li {float:left; font-family:'나눔고딕','NanumGothic'; margin-left:12px;}
.h_top .util a:link{color:#a3a2a1; color:11px;}
.h_top .util a:hover{color:#ecc0a7;text-decoration:none;}
.h_top .util a:visited{color:#a3a2a1;}


.header_wrap {width: 1000px; margin:0 auto; position:relative; z-index:5; }
#header {width: 100%; height: 98px; position:relative; margin:0 auto; z-index:5;}
/*gnb*/
.gnb_area {width:800px; height:38px; position:absolute; left: 280px; top:50px; z-index:8;}
#gnb {width:100%; position:relative; z-index:3; margin-left: 50px;}
#gnb:after {content:""; display:block; clear:both;}
#gnb li {float:left; position:relative; margin-left: 15px;}
#gnb li .t_h2 {padding:0 6px 20px 10px; font-weight:bold; font-size:17px; letter-spacing:-2px;}
#gnb li.gnb01 .t_h2 {padding-left:0;}
#gnb li.gnb06 .t_h2 {padding-right:0;}
#gnb li ul {position:absolute; height:26px;}
#gnb li ul:after {content:""; display:block; clear:both;}
#gnb li ul li {float:left; margin:0 14px;}
#gnb li ul li a {display:block; color:#fff; padding:13px 0 0 0; font-weight:bold; font-size:13px; letter-spacing:-1px; font-family:'나눔고딕','NanumGothic';}
#gnb li ul li.on a {color:#fff; text-decoration:none;  padding-bottom:2px;}
#gnb li ul li a:hover {color:#f2c7a9; text-decoration:none;  padding-bottom:2px;}
.all2depth {width:100%; position:absolute; left:0; top:85px;  height:43px; background:url(../images/mene_bg.gif) repeat-x center bottom;  z-index:2;}
#gnb .gnb01 ul {left:-11px; width:600px;}
#gnb .gnb02 ul {left: -200px; width:800px;}
#gnb .gnb03 ul {left: -80px; width:500px;}
#gnb .gnb04 ul {left: -30px; width:500px;}
#gnb .gnb05 ul {left: -50px; width:500px;}




.lnb_tit {font-size:31px; color:#629716; margin-top:84px; padding:25px 0 0 0;  text-align:right; letter-spacing:-1px;}
#snb {margin-top:28px; width:100%; padding-top:1px; text-align:right;}
#snb li {width:100%;}
#snb li a {display:block; width:156px; height:32px; padding:12px 34px 0 0; font-size:15px; font-family:'나눔고딕','NanumGothic';}
#snb li a:hover { color:#fff;}
#snb li.on a { color:#fff; font-family:'나눔고딕','NanumGothic';}
#snb li.bg2 a:hover {}
#snb li.bg2.on a {}

#snb li ul {margin:0; width:190px; padding:3px 0 9px 0;}
#snb li ul li {width:100%;}
#snb li ul li a {background:none; height:15px; padding:5px 0 5px 0; font-size:13px; color:#666;}
#snb li.bg2.on ul li a {background:none; color:#666;}
#snb li.bg2.on ul li a:hover {color:#236b0d; text-decoration:underline;}
#snb li.bg2.on ul li.on a {color:#236b0d; text-decoration:underline;}

/*메인비주얼*/
#visualBox { width:1000px; height:473px; margin:0 auto; }
#containerBox {
width: 100%;
background: url(../images/m_bg.gif) repeat-x;
overflow: hidden;
}
.main_visusal {width:100%; height:473px; position:relative; clear:both; background: #e2e2e2;}
/*메인컨텐츠*/
.main_visusal .conwrap{ position:absolute; width:100%; height:165px; background:url(../images/m_bg.png) repeat-x; z-index:888; bottom:0;}
.main_visusal .conwrap .con{width:1060px; margin:0 auto; padding-top:20px;}
.main_visusal .conwrap .con ul li{float:left;}
.con01{padding-right:73px; height: 145px; background: url(../images/con01.png) no-repeat 310px 0px;}
.con01  p{width:323px; padding-top:10px;}
.con02{padding-right:52px;  background: url(../images/con02.png) no-repeat 320px 0px;}
.content .info03 h2 {
width:298px;
}
.content .info03{width:230px; float:left;}
.content .info03 h2{font-size:12px; color:#4d4d4d; margin-bottom: 15px;}
#image_banner_1 {position: relative; padding-top:10px;}
#image_banner_1 .clsBannerButton {position: absolute;top:-15px; left: 265px; z-index:1;}
#image_banner_1 .clsBannerButton li {float: left;cursor: pointer;padding-left:5px;}
#image_banner_1 .clsBannerButtonsb {position: absolute;top:-15px; left: 180px; z-index:1;}
#image_banner_1 .clsBannerButtonsb li {float: left;cursor: pointer;padding-left:5px;}

/* Main Visual Slide Control */
#wrapB {width:1147px;  margin:0 auto; position: relative; }
#wrapB .beer {position: absolute;top:5px;right:0px;z-index: 999;}
.main_visusal .visual_roll {width:100%; overflow:hidden; position:relative;}
.main_visusal .visual_roll ul.bxslider {width:100%; clear:both;} 
.main_visusal .visual_roll ul.bxslider li { height:473px;}
.main_visusal .visual_roll ul.bxslider li a { display:block; width:100%;height:473px; text-indent:-9999em;}

/*컨텐츠*/
#con{width:1000px; height:100px; margin:0 auto; padding: 40px 0 56px 0;}
.con1 {padding:0 25px 15px 0; width:280px; float: left;}
.con1 h2{padding:0 25px 15px 0; width:280px; float: left;}
.con1 p{width:280px;}
#con li{float:left;}

.noticeList { width:280px; overflow:hidden; }
.noticeList li { line-height:18px; clear:both; overflow:hidden;  }
.noticeList li span { float:left; display:block; }

.noticeList li a { color:#666; }

#footer_wrap{width:100%; height:115px; margin:0 auto; background: url(../images/f_bg.gif) repeat-x; position: relative;}
#footer{width:1000px; margin:0 auto; }
#footer li{float:left;}
#footer li.f1{float:left; width:660px; }
#footer li.f1 .ba{padding:15px 0 15px 0;}
#footer li.f2{float:left; width:340px; }



#sub_wrap{width:100%; margin:0 auto;  background: url(../images/sca_bg.gif) repeat-x; overflow: hidden;}
#sub{width:1000px;  margin:0 auto;}
#sub .left{width:740px;  padding-top:10px; float: left; position: relative; }
#sub .left .center{padding:20px 0 120px 0; }
#sub .left .sca{text-align: right; width:740px; padding-bottom: 30px;}
#sub .left .st{margin-top:56px;}

#sub .right{width:182px; padding-top:56px; float: right;}
.banner{padding:110px 0 110px 0;}