@charset "utf-8"; 
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕*/
@import url(./fonts/NotoSans/NotoSansKR.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative;}
#top_wrap{border-bottom:1px solid #062e00;position:relative; width:100%; height:104px; background:#ffffff; border-top:5px solid #245300; position:fixed; top:0; left:0; z-index:1000}
#middle_wrap{width:100%; overflow:hidden; position:relative; min-height:800px; padding-top:110px; }

/* top div위치조절 */
#top_total{margin:0 auto; width:100%; height:104px; }
#login{float:right; margin-top:50px;  text-align:right; position:absolute; right:50%; margin-right:-600px; z-index:999}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none; margin-left:10px;}
#login li a{display:block; height:20px; font-size:13px; color:#333333; line-height:20px;font-family:"Nanum Gothic"}
#login li a:hover{color:#333333; background:none; text-decoration:underline}
#logo{ float:left; width:324px; height:44px; padding:0; position:absolute; left:50%;top:30px; margin-left:-600px; z-index:1000}
#top_menu{ float:left; height:125px; }

/* div위치조절 */
/* Header */

.lnb{clear:both; position:absolute; top:0px; left:0px; width:100%;  padding:0;  margin:0; z-index:100; background:#fff;background:url(../images/top_line.jpg) repeat-x 0 -10px}
.lnb a{text-decoration:none;} 
.lnb>ul {overflow:hidden; position:relative; top:0px; left:100px;  margin:0 auto; display:table}/*width:960px; margin:0 auto; background:#fff;*/
.lnb>ul>li {overflow:hidden; width:170px;}
.lnb>ul>li{float:left; padding:0 0 0 0; text-align:center;}
.lnb>ul>li:first-child {background:none;}
.lnb>ul>li>a {display:block; overflow:hidden; color:#333; font-size:17px; font-weight:600; font-family:"Nanum Gothic";   padding-top:45px; padding-bottom:40px}
.lnb>ul>li:hover>a{color:#245300; font-weight:600; }

.lnb5{}
.li000{ position:relative}
.lnb2 span{ font-size:11px; }


.first{border-left:1px solid #ccc; height:230px;}
.lnb>ul>li>ul{ display:block; height:223px;  padding:15px 0 0 20px;  border-right:1px solid #ccc}
.lnb>ul>li:hover>ul{background:#245300;  }
.lnb>ul>li:hover>ul>li{}
.lnb>ul>li:hover>ul>li a{ color:#fff;}
.lnb>ul>li>ul>li:hover{display:block;}
.lnb>ul>li>ul>li a{display:block; height:auto; padding:0; height:30px; line-height:30px; color:#333; font-weight:400; font-family:"Nanum Gothic"; font-size:14px; text-align:left;  text-align:left;}
.lnb>ul>li>ul a{color:#fff;}
.lnb>ul>li>ul a:hover {color:#f7ff9f !important; font-weight:600; }
.lnb5{width:145px !important;}
.lnb5>ul{border-right:1px solid #cccccc !important;}

/* 메인콘텐츠 */
.main_middle_wrap{ width:100%; height:955px; overflow:hidden}
#main_qmenu{ width:1200px; margin:60px auto 40px; overflow:hidden; height:350px;}
.sns{ width:1920px; overflow:hidden; height:260px; margin:0 auto 40px;}
.blog{ float:left; width:960px; height:260px; background:url(../images/blog.jpg) no-repeat top; overflow:hidden}
.blog_button{ float:right; margin:55px 45px 0 0; width:311px; height:149px; }
.twitter{ float:left; width:960px; height:260px; background:url(../images/twitter.jpg) no-repeat top; overflow:hidden}
.twitter_button{ float:left; margin:55px  0 0 45px; width:299px; height:149px; }
.content{ width:1200px; margin:0 auto; height:160px; overflow:hidden}
.notice{ width:379px; height:160px; float:left; border-right:1px solid #ccc; overflow:hidden}
.customer{ width:439px; height:160px; float:left; border-right:1px solid #ccc; overflow:hidden}
.qrcode{ width:380px; height:160px; float:left;  overflow:hidden}
.customer_title, .qrcode_title{ margin-left:30px;}
.customer_con, .qrcode_con{ margin:15px 0 0 30px;}
.notice_title{ position: relative}
.notice_title a{ position: absolute; top:15px; right:20px; font-size:22px; font-family:"Nanum Gothic"}




/* bottom div위치조절 */
/*copyright*/
#bottom_wrap{width:100%; height:179px; border-top:1px solid #ccc;font-family:"Nanum Gothic";font-size:13px; color:#222; font-weight:400; background:#f1f1f1}
.bottom_total{ width:1200px; margin:0 auto; height:179px;overflow:hidden}
.bottom_left{ float:left; width:740px; margin-top:40px;}
.bottom_right{ float:right;width:460px; text-align:right }
.ftt1{width:460px;}
.ftt1 a{width:460px;  margin-right:15px; }
.ftt1 a:hover{ font-weight:600; color:#000}
.copybox{ margin-top:25px; line-height:20px;}
.logo_box{width:324px; height:43px; margin:80px 0 0 135px; text-align:right}

/* sub_body div위치조절 */
#sub_img{ margin:0 auto; width:100%; height:260px; overflow:hidden; background:url(../images/sub_bg.jpg) no-repeat center top}
#sub_txt{ margin: 100px auto 0; width:1200px; height:77x; text-align:center}
#middle_total{margin:0 auto; width:1200px;}

.title_box_wrap{ width:100%; height:60px; overflow:hidden; background:#65892f}
.title_box_total{ width:1200px;height:60px; margin:0 auto; overflow:hidden}
#title_a{ float:left; width:600px; font-size:25px; font-weight:600; color:#fff; line-height:60px; font-family:"Nanum Gothic"}
#title_b{float:left; width:600px; text-align:right; font-size:15px; color:#fff; line-height:60px; font-family:"Nanum Gothic"}
#con{width:1200px; min-height:400px; overflow:hidden; margin:0 0 80px 0;}

/*이미지슬라이드 css소스*/
.clear{overflow: hidden; width: 1200px; margin:0 auto;}
.dn {display: none;}

.wrap_box{position:relative;  width:100%; overflow:hidden; height:600px; margin:0 auto}
.wrap_box .visual{ position: absolute; left:50%; top:0; margin-top: 0px; width:1920px; margin-left:-960px;
height:600px;}
.wrap_box .box {position:relative; width:100%; height:100%;; margin:0 auto }
.wrap_box .visual .pht{position:absolute; top:0; left:0; width:100%; height:100%;}
.wrap_box .visual .prev {position: absolute; top:100px; left:50%; margin-left:-700px; cursor: pointer; z-index:12}
.wrap_box .visual .next {position: absolute; top:100px; right:50%; margin-right:-700px; cursor: pointer;}
.wrap_box .visual .control{float:left; position:absolute; bottom:20px; left:50%; margin-left:-33px; width:66px;}
.wrap_box .visual .control .fl{float:left; margin-right:10px; cursor: pointer;}
.wrap_box .visual .control .fl:nth-child(3){margin-right:0px;}

#main_ment_wrap{position: absolute;   left:0px; top:0; width:100%; height:600px;
;font-family:"Nanum Gothic" }
#main_ment_total{margin:205px auto 0;
background:url('../images/main_ment.png') no-repeat center; width:1200px; height:192px}



.con{width:100%; overflow:hidden; margin:60px 0 60px}
.con100{width:100%; overflow:hidden;}
.con1200{margin:0 auto 80px; width:1200px; overflow:hidden;}




/* 서브타이틀 */
.con_total{ margin:0 auto 60px; width:1200px; overflow:hidden; max-width:100%; position:relative}
.con_title{width:100%; overflow:hidden; text-align:center; padding:65px 0 40px; border-bottom:1px solid #ddd;}
.con_title1{width:100%; overflow:hidden; font-family:'Nanum Gothic'; font-weight:600; text-align:center; font-size:40px; color:#3B3B3B; margin-bottom:20px}
.con_title2{width:100%; overflow:hidden; font-family:'Nanum Gothic'; height:20px; text-align:center; font-size:16px;  color:#3B3B3B; }

/* 탭네비 */

/* 퀵메뉴 */
/*메인 퀵메뉴 버튼설정*/
#main_qmenu li{float:left;margin-right:15px;margin-bottom:15px;}
#main_qmenu li.last{margin-right:0;}
#main_qmenu li a{display:block; width:390px; height:160px;}
#qmenu_button01{background:url('../images/qmenu01_bg.jpg') no-repeat 0 0; width:390px; height:160px; }
#qmenu_button01 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;
}
#qmenu_button01:hover img{opacity:1;}

#qmenu_button02{background:url('../images/qmenu02_bg.jpg') no-repeat 0 0; width:390px; height:160px; }
#qmenu_button02 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;
}
#qmenu_button02:hover img{opacity:1;}


#qmenu_button03{background:url('../images/qmenu03_bg.jpg') no-repeat 0 0; width:390px; height:160px; }
#qmenu_button03 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;
}
#qmenu_button03:hover img{opacity:1;}


#qmenu_button04{background:url('../images/qmenu04_bg.jpg') no-repeat 0 0; width:390px; height:160px; }
#qmenu_button04 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;
}
#qmenu_button04:hover img{opacity:1;}


#qmenu_button05{background:url('../images/qmenu05_bg.jpg') no-repeat 0 0; width:390px; height:160px; }
#qmenu_button05 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;
}
#qmenu_button05:hover img{opacity:1;}


#qmenu_button06{background:url('../images/qmenu06_bg.jpg') no-repeat 0 0; width:390px; height:160px; }
#qmenu_button06 img{opacity:0;
    -webkit-transition: transition: all .5s;
    -o-transition:transition: all .5s;
    transition: all .5s;
}
#qmenu_button06:hover img{opacity:1;}