/****************폰트연결****************/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/****************css초기화****************/

html, body {width: 100%; height: 100%; min-width: 1300px; overflow-x: auto;}
body { margin: 0; font-family:'Nanum Gothic'; color: #1a1a1a; font-size: 14px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -webkit-box-sizing:border-box ; 
-moz-box-sizing:border-box ; -o-box-sizing:border-box ; -ms-box-sizing:border-box ; box-sizing:border-box ; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: top; }
div, header, footer, section, nav { position: relative; }
img { vertical-align: top; max-width: 100%; }
li { list-style: none; }
a { text-decoration: none; color: #1a1a1a; }
input { background-color: #fff; box-sizing: border-box; }
input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
textarea { resize: none; outline: none; }
button { cursor:pointer; border:none; margin:0; padding:0;}
input,button,select { vertical-align:middle; outline: none; }



/****************common/공통 레이아웃****************/
.blind {position:absolute; width:1px; height:1px; overflow:hidden; margin:-1px; clip:rect(0 0 0 0);}
.trx50 {transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.try50 {transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}

#wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;    
}

.common_inner {
    position: relative; 
    width: 1130px;
    margin: 0 auto;
}
.common_inner:after {content: ''; display: block; clear: both;}

/****************sub_page_common****************/
.sub_page_wrap {margin-top:80px;}
.page_title_wrap {height: 220px; overflow: hidden; background: url(../img/common/page_header_img.jpg) no-repeat center -725px; padding: 0; border: none;}
.page_title_wrap .common_inner {height: 100%;}
.page_title_wrap p {position: absolute; top:50%; color: #fff; line-height: 34px; font-size: 26px; font-weight: bold; text-shadow: 1px 1px 1px #000; z-index: 2;}

.section_intro {padding: 80px 0; }
.section_title {position: relative; margin-bottom:15px; font-size: 24px; text-align: center; }
.section_title:after {content: ""; display:block; position: absolute; left:50%; bottom: -15px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 50px; height: 3px; background-color: #3f7f00;}

.bbs_intro_txt {height:32px; line-height: 32px; text-align: center; margin-top: 25px;}

/****************header****************/
#header {
    width: 100%;
    min-width: 1300px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: 9999; 
    overflow: hidden;
    transition: all 0.5s;
}

#header:after {
    content: '';
    position: absolute;
    left: 0;
    top: 79px;
    width: 100%;
    height: 1px;
    background: #ddd;
}

#header.active {
    height: 300px;
    border-bottom: 1px solid #ddd;
}

/* 로고 */
#header .logo {float: left;}

#header .logo a {display: block; padding: 16px 0;}

/* 메뉴 */
nav {float: right;}
.gnb:after {content: ''; display: block; clear: both;}
.gnb > li {float: left; margin-left: 20px; position: relative; padding-right: 60px;}
.gnb > li:first-child {margin-left: 0;}
.gnb > li:last-child {padding-right: 0;}
.gnb > li > a {display: block; font-size: 20px; color: #222; font-weight: 500; line-height: 80px; position: relative; transition: all 0.3s;}
.gnb > li > a:hover {color: #3f7f00; font-weight: 700;}
.gnb > li > a.active {color: #3f7f00; font-weight: 700;}
.gnb > li > a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #3f7f00; transition: all 0.3s;}
.gnb > li > a:hover:after {width: 100%;}
.gnb > li > a.active:after {width: 100%;}

.depth2 {position: absolute; left: 0; top: 80px; width: 100%; padding: 10px 0;}

.depth2 li a {display: block; font-size: 16px; color: #222; font-weight: 500; line-height: 50px; transition: all 0.3s;}
.depth2 li a:hover {color: #3f7f00; font-weight: 700;}


/****************footer****************/
#footer {background: #3b3b3b; color: #dadada; font-size: 16px; padding: 30px 0;}
#footer .footer_section {margin: 5px 0;}

/****************게시판****************/