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

body, html{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0; padding: 0;
    }

ul, li{
    list-style: none;
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: inherit;
}

img{
    border: 0;
}

.header{
    text-align: center;
}


.header .main_img{
    height: 155px;
    margin-top: 25px;
    margin-bottom: 8px;

}

.header .nav{
    margin: 0;
    padding: 0;
    background: url("../img/nav.png") no-repeat center center;
    height: 46px;
}


.nav > ul{
    display: inline-block;
}

.nav > ul > li{
    display: inline-block;
    padding: 13px 0px;
}


.nav > ul > li > a{
    padding: 15px 45px;
    color: white;
}



.nav > ul > li > a:hover{
    background-color: #3da530;
    font-weight: bold;
}


/*BODY + sub1*/

.body .main_img{
    background: url("../img/main_img_2.png") no-repeat center center;
    height: 640px;
}



.body_sub1{
    position: relative;
    background: url("../sub_1/sub1_img.png") no-repeat center center;
    height: 640px;
    z-index: 1;
    background-size: cover;
}


.body_sub1 .sub1_txt{
    width: 800px;
    height: 493px;
    line-height: 25px;
    
}



.body_sub1 .sub1_txt .sub1_t3{
    margin-top: 95px;
}


.body_sub1 .sub1_txt {
    margin-left: auto;
    margin-right: auto;
    padding: 65px;
}



/*--------------Sub2----------------------*/
.body_sub2{
    position: relative;
    background: url("../sub_2/sub2_img.png") no-repeat center center;
    height: 640px;
    z-index: 1;
    background-size: cover;
}


.body_sub2 .video{
    text-align: center;
    padding: 30px;
}

.body_sub2 .video_txt{
    overflow-y: scroll;
    width: 730px;
    height: 130px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    line-height: 18px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.8);
}



/*--------------Sub3----------------------*/

.body_sub3 {
    position: relative;
    background: url("../sub_3/img/bg.png") no-repeat center center;
    z-index: 1;
    width: 100%;
    height: 1710px;
    background-size: cover;
}



.body_sub3 .img-box {
    position:absolute;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    width: 930px;
    margin-top: 10px;
    margin-left: 50%;
    transform: translateX(-51%);
}


.body_sub3 .img-box .but_pre >img{
    position: absolute;
    display: block;
    float: left;
    left: 0%;
}



/*--------------Sub4----------------------*/

.body_sub4 {
    position: relative;
    background: url("../sub_4/img/bg.png") no-repeat center center;
    z-index: 1;
    width: 100%;
    height: 1850px;
    background-size: cover;
}



.body_sub4 .img-box {
    position:absolute;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    width: 930px;
    margin-top: 10px;
    margin-left: 50%;
    transform: translateX(-51%);
}


.body_sub4 .img-box .img_sub_box >img{
    position: absolute;
    display: block;
    float: left;
    left: 0%;
}



/*---------아래 사진--------*/


.body_sub3  .img_sub_box{
    position: absolute;
    z-index: 3;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 600px;
    width: 955px;
}




.body_sub3 .img_sub_box .img_row > div{
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 7px;
    margin-top: 5px;
}

/*-
.body_sub3 .img_sub_box .img_row .img_4 {
    margin-right: inherit;
    float: right;
}


.body_sub3 .img_sub_box .img_row .img_9 {
    margin-right: inherit;
    float: right;
}



.body_sub3 .img_sub_box .img_row .img_14 {
    margin-right: inherit;
    float: right;
}



.body_sub3 .img_sub_box .img_row .img_19 {
    margin-right: inherit;
    float: right;
}



.body_sub3 .img_sub_box .img_row .img_24 {
    margin-right: inherit;
    float: right;
}


.body_sub3 .img_sub_box .img_row .img_29 {
    margin-right: inherit;
    float: right;
}

-*/

/*.body_sub3 { position:relative; top:0px; width:100%; height:1250px; background-color:#e0e0e0; }
.p2_section_container { position:relative; top:20px; width:1052px; height:1200px; margin:0 auto; background-color:#fff; }*/




/*---------sub4 아래 사진--------*/


.body_sub4  .img_sub_box{
    position: absolute;
    z-index: 3;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 900px;
    width: 955px;
}




.body_sub4 .img_sub_box .img_row > div{
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 7px;
    margin-top: 5px;
}
/*-

.body_sub4 .img_sub_box .img_row .img_4 {
    margin-right: inherit;
    float: right;
}


.body_sub4 .img_sub_box .img_row .img_9 {
    margin-right: inherit;
    float: right;
}



.body_sub4 .img_sub_box .img_row .img_14 {
    margin-right: inherit;
    float: right;
}


.body_sub4 .img_sub_box .img_row .img_19 {
    margin-right: inherit;
    float: right;
}


-*/





/*--------------Sub5----------------------*/

.body_sub5 {
    position: relative;
    background: url("../sub_4/img/bg.png") no-repeat center center;
    z-index: 1;
    width: 100%;
    height: 1850px;
    background-size: cover;
}



.body_sub5 .img-box {
    position:absolute;
    z-index: 2;
    width: 930px;
    margin-top: 10px;
    margin-left: 50%;
    transform: translateX(-51%);
}


.body_sub5 .img-box .img_sub_box >img{
    position: absolute;
    display: block;
    float: left;
    left: 0%;
}





/*---------sub5 아래 사진--------*/


.body_sub5  .img_sub_box{
    position: absolute;
    z-index: 3;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 900px;
    width: 950px;
}


.body_sub5 .img_sub_box .img_row > div{
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 6px;
    margin-top: 5px;
}








/*--------------FOOTER----------------------*/

.footer{
    height: 63px;
    margin-top: 17px;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 500px;
    }


.footer .box .img{
    display: block;
    float: left;
    margin-right: 15px;
}



.footer .txt{
    font-size: 10px;
    color: gray;
}