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

body,
html {
    font-family: "NanumSquare", Nanum, sans-serif;
    margin: 0;
    padding: 0;
}

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

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

img {
    border: 0;
}

div {
    display: block;
}

.header {
    text-align: center;
    height: auto;
}


.header .main_img {
    height: auto;
    width: 1200px;
}


.top {
    display: inline-block;
    height: auto;
    width: 1200px;
    margin: 30px 0px;
    position: relative;
}


.logo {
    width: 1px;
    height: 1px;
    padding-left: 80px;
    background-position: -4px -4px;
    display: block;
}


.title {
    display: block;
    height: 1px;
}

.sns {
    height: 40px;
    float: right;
    padding-right: 10px;
}

.select_year_box {
    height: 40px;
    margin-top: 5px;
    float: right;
    padding-right: 80px;
}

.main_img > img {
    width: 1100px;
    margin: 0 auto;
    padding: 0;
    float: left;
    position: relative;
}


.header .nav {
    margin: 0;
    padding: 0;
    background: #363636 no-repeat center center;
    height: 46px;
    font-size: 20px;
}

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


.nav > ul > li {
    display: inline-block;
    padding: 11px 0px;
    column-rule: 1px solid aliceblue;
}


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



.nav > ul > li > a:hover {
    font-weight: bold;

}

.blind_img {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}


/*--------------BODY----------------------*/

.body .main_img {
    position: relative;
    background: url("../images/bg.png") no-repeat center center;
    width: 100%;
    height: 815px;
    background-size: cover;
}


.Link {
    display: block;
    position: absolute;
    height: 815px;
    width: 100%;
}



.blind {
    display: block;
    position: relative;
    z-index: -1;
}


.paly {
    position: absolute;
    z-index: 2;
    margin-left: 48%;
    transform: translateX(-50%);
    margin-top: 320px;
    width: 940px;
}




/*--------------sub1----------------------*/

.body_sub1 {
    background: url("../sub_1/images/sub1_img.png") no-repeat center center;
    height: 730px;
}


.body_sub1 .sub1_txt {
    width: 540px;
    height: auto;
    line-height: 30px;

}


.sub1_t3 {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    margin: 110px 0 0 0;
    color: #224d91;
}


.sub1_t4 {
    text-align: justify;
    font-size: 19.5px;
    font-weight: 700;
    margin: 35px 0;
    color: #2e2e2e;
    word-break: keep-all;
}



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


/*--------------Sub2----------------------*/

.body_sub2 {
    background: url("../sub_2/images/sub2_img.png") no-repeat center center;
    height: 800px;
}

div.main_img {}


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

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



.body_sub3 .img_sub3_box {
    position: absolute;
    z-index: 2;
    margin-left: 50.5%;
    transform: translateX(-50%);
    margin-top: 160px;
    width: 940px;
}




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



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

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



.body_sub4 .img_sub4_box {
    position: absolute;
    z-index: 2;
    margin-left: 50.5%;
    transform: translateX(-50%);
    margin-top: 160px;
    width: 940px;
}




.body_sub4 .img_sub4_box .img_sub4_row > div {
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 7px;
    margin-top: 5px;
}



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

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

.Link_tc {
    display: block;
    position: absolute;
    height: 200px;
    width: 200px;
    margin-top: -200px;
    margin-left: 750px;
}


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


.body_sub5 .img-box .but_pre > 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: 780px;
    width: 950px;
}




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

}






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

.footer {
    height: 90px;
    background: #eeefef;
    text-align: center;
}