@font-face { font-family: 'naMJ'; src:url('../fonts/NanumMyeongjo-Regular.eot'); src:local(※), url('../fonts/NanumMyeongjo-Regular.woff') format('woff'); }
@font-face { font-family: 'naGD'; src:url('../fonts/NanumGothic-Regular.eot'); src:local(※), url('../fonts/NanumGothic-Regular.woff') format('woff'); }
body { margin:0px; }
img { border:0px; }
#top_area { z-index:11; position:fixed; width:100%; background-color: #fff; padding-top:10px; height:62px;}
#top_area_active { position:absolute; width:800px; left:50%; margin-left:-550px; text-align:center; }
.menu_cl {
    width: 100%;
    height: 0;
    position:fixed;
    z-index: 10;
    top: 83px;
    left:0;
    overflow: hidden;
    transition: 0.5s;
}
.container {
    display: inline-block;
    cursor: pointer;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
    opacity: 0;
}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
#menu_tab {
    position:absolute; width:100%; text-align:center; background-color:#fff; height:190px;
}
.menu_btn {
    font-family: 'naGD';
    cursor: pointer;
    transition:0.4s;
    font-size:11pt;
    height:60px;
}
.mb_tr {
    height:33%; display:none;
    transition: 0.4s;
}
.menu_btn a { color:#000; text-decoration:none; }
#main_banner_01 {
    background: #1cbdb5;
    background: -webkit-linear-gradient(left, #142f44 , #5b97bc);
    background: -o-linear-gradient(right, #142f44, #5b97bc);
    background: -moz-linear-gradient(right, #142f44, #5b97bc);
    background: linear-gradient(to right, #142f44, #5b97bc);
    height:700px; 
    width:100%;
    position:relative;
}
#main_banner_02 {
    background: #aaa;
    background: -webkit-linear-gradient(left, #142f44 , #5b97bc);
    background: -o-linear-gradient(right, #142f44, #5b97bc);
    background: -moz-linear-gradient(right, #aaa, #999);
    background: linear-gradient(to right, #aaa, #777, #666);
    height:870px; 
    width:100%;
    position:relative;
}
#main_banner_03 {
    background: #1cbdb5;
    background: -webkit-linear-gradient(left, #142f44 , #5b97bc);
    background: -o-linear-gradient(right, #142f44, #5b97bc);
    background: -moz-linear-gradient(right, #142f44, #5b97bc);
    background: linear-gradient(to right, #e0a500, #e0a500, #d8c38e);
    height:610px; 
    width:100%;
    position:relative;
}
#main_banner_04 {
    background: #486050;
    background: -webkit-linear-gradient(left, #486050 , #a8cf86);
    background: -o-linear-gradient(right, #486050, #a8cf86);
    background: -moz-linear-gradient(right, #486050, #a8cf86);
    background: linear-gradient(to right, #486050, #a8cf86);
    height:1100px; 
    width:100%;
    position:relative;
}

#contents_01 {
    height:530px; 
    width:1100px;
    left:50%;
    margin-left:-550px;
    position:relative;
}
#mn_text_title_01 { font-family: 'naGD'; font-size:24pt; }
#mn_text_sub_title_01 { font-family: 'naGD'; font-size:14pt; }
#mn_text_title_02 { font-family: 'naGD'; font-size:24pt; }
#mn_text_sub_title_02 { font-family: 'naGD'; font-size:14pt; }
#mn_text_title_03 { font-family: 'naGD'; font-size:24pt; }
#mn_text_sub_title_03 { font-family: 'naGD'; font-size:14pt; }
#mn_text_title_04 { font-family: 'naGD'; font-size:24pt; }
#mn_text_sub_title_04 { font-family: 'naGD'; font-size:14pt; }
#bottom { width:100%; background-color:#333; position:relative; padding-bottom:40px;}
#bottom_active { padding-top:30px; text-align:left; color:#fff; font-family:'naGD'; padding-left:20px; padding-right:20px;}
.bt_title { font-size:10pt; font-weight:bold; }
.bt_addr { font-size:9pt; font-weight:normal; }
.bt_phone { font-size:9pt; font-weight:normal; }
.bt_etc { font-size:9pt; font-weight:normal; }