.sub img {
    display: block;
}

/*sub1*/
.sub1 {

}
.sub1 .visual {
    background: url("../img/sub1_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub1 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub1 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub1 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub1 .contents {
    background: url("../img/sub1_contents.jpg") no-repeat 0 0;
    width: 1920px;
    height: 3982px;
}



/*sub2*/
.sub2 {

}
.sub2 .visual {
    background: url("../img/sub2_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub2 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub2 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub2 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub2 .contents {
    background: url("../img/sub2_contents.jpg") no-repeat 0 0;
    width: 1920px;
    height: 1702px;
}

/*sub3*/
.sub3 {

}
.sub3 .visual {
    background: url("../img/sub3_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub3 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub3 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub3 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub3 .contents {
    width: 1920px;
    height: 1734px;
    position: relative;
}
.sub3 .contents .title {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}
.sub3 .contents .video {
    position: absolute;
    top: 312px;
    left: 50%;
    margin-left: -600px;
}
.sub3 .contents .video_area {
    position: relative;
    top: 0;
    cursor: pointer;
}
.sub3 .contents .play_btn {
    position: absolute;
    top: 0;
    cursor: pointer;
}
.sub3 .contents .text {
    position: absolute;
    top: 961px;
    left: 50%;
    margin-left: -600px;
    margin-bottom: 80px;
}
.sub3 .contents .text li {
    float: left;
}
.sub3 .contents .text li.scroll {
    background: #fafafa;
    width: 822px;
    height: 136px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0 3px 0;
}

.sub3 .contents  .sub_img {
    position: absolute;
    top: 1177px;
    left: 463px;
    cursor: pointer;
}
.sub3 .contents  .sub_img .line1 li {
    float: left;
    margin-right: 26px;
    margin-bottom: 26px;
}
.sub3 .contents  .sub_img .line1 li:nth-child(1) a {
    background: url("../img/sub3_contents_img_off1.jpg") no-repeat 0 0;
    width: 314px;
    height: 196px;
    display: block;
}
.sub3 .contents  .sub_img .line1 li:nth-child(1) a:hover {
    background: url("../img/sub3_contents_img_on1.jpg") no-repeat 0 0;
}
.sub3 .contents  .sub_img .line1 li:nth-child(2) a {
    background: url("../img/sub3_contents_img_off2.jpg") no-repeat 0 0;
    width: 314px;
    height: 196px;
    display: block;
}
.sub3 .contents  .sub_img .line1 li:nth-child(2) a:hover {
    background: url("../img/sub3_contents_img_on2.jpg") no-repeat 0 0;
}
.sub3 .contents  .sub_img .line1 li:nth-child(3) a {
    background: url("../img/sub3_contents_img_off3.jpg") no-repeat 0 0;
    width: 314px;
    height: 196px;
    display: block;
}
.sub3 .contents  .sub_img .line1 li:nth-child(3) a:hover {
    background: url("../img/sub3_contents_img_on3.jpg") no-repeat 0 0;
}

.sub3 .contents .sub_img .line2 li {
    float: left;
    margin-right: 26px;
}
.sub3 .contents  .sub_img .line2 li:nth-child(1) a {
    background: url("../img/sub3_contents_img_off4.jpg") no-repeat 0 0;
    width: 314px;
    height: 196px;
    display: block;
}
.sub3 .contents  .sub_img .line2 li:nth-child(1) a:hover {
    background: url("../img/sub3_contents_img_on4.jpg") no-repeat 0 0;
}
.sub3 .contents  .sub_img .line2 li:nth-child(2) a {
    background: url("../img/sub3_contents_img_off5.jpg") no-repeat 0 0;
    width: 314px;
    height: 196px;
    display: block;
}
.sub3 .contents  .sub_img .line2 li:nth-child(2) a:hover {
    background: url("../img/sub3_contents_img_on5.jpg") no-repeat 0 0;
}
.sub3 .contents  .sub_img .line2 li:nth-child(3) a {
    background: url("../img/sub3_contents_img_off6.jpg") no-repeat 0 0;
    width: 314px;
    height: 196px;
    display: block;
}
.sub3 .contents  .sub_img .line2 li:nth-child(3) a:hover {
    background: url("../img/sub3_contents_img_on6.jpg") no-repeat 0 0;
}

/*sub4*/
.sub4 {

}
.sub4 .visual {
    background: url("../img/sub4_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub4 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -141px;
    top: 171px;
}
.sub4 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub4 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub4 .contents {
    width: 1920px;
    height: 1552px;
    position: relative;
}
.sub4 .contents .sub_btn {
    position: absolute;
    top: 116px;
    left: 529px;
}
.sub4 .contents .sub_btn li {
    cursor: pointer;
    float: left;
    margin-right: 8px;
}
.sub4 .contents .sub_btn li:nth-child(2) a {
    background: url("../img/sub4_contents_btn2.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}
.sub4 .contents .sub_btn li:nth-child(2) a:hover {
    background: url("../img/sub4_contents_btn2_on.jpg") no-repeat 0 0;
}
.sub4 .contents .sub_btn li:nth-child(3) a {
    background: url("../img/sub4_contents_btn3.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}
.sub4 .contents .sub_btn li:nth-child(3) a:hover {
    background: url("../img/sub4_contents_btn3_on.jpg") no-repeat 0 0;
}

.sub4 .contents .title {
    position: absolute;
    top: 156px;
    left: 50%;
    margin-left: -431px;
}
.sub4 .contents .contents_img {
    position: absolute;
    top: 502px;
    left: 318px;
}
.sub4 .contents .contents_img .line1 li {
    float: left;
    margin-right: 5px;
    margin-bottom: 30px;
    cursor: pointer;
 }
.sub4 .contents  .contents_img .line1 li:nth-child(1) a {
    background: url("../img/sub4_contents_img1.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line1 li:nth-child(1) a:hover {
    background: url("../img/sub4_contents_img_on1.jpg") no-repeat 0 0;
}
.sub4 .contents  .contents_img .line1 li:nth-child(2) a {
    background: url("../img/sub4_contents_img2.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line1 li:nth-child(2) a:hover {
    background: url("../img/sub4_contents_img_on2.jpg") no-repeat 0 0;
}
.sub4 .contents  .contents_img .line1 li:nth-child(3) a {
    background: url("../img/sub4_contents_img3.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line1 li:nth-child(3) a:hover {
    background: url("../img/sub4_contents_img_on3.jpg") no-repeat 0 0;
}
.sub4 .contents  .contents_img .line1 li:nth-child(4) a {
    background: url("../img/sub4_contents_img4.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line1 li:nth-child(4) a:hover {
    background: url("../img/sub4_contents_img_on4.jpg") no-repeat 0 0;
}
.sub4 .contents .contents_img .line2 li {
    float: left;
    margin-right: 5px;
    margin-bottom: 71px;
    cursor: pointer;
}
.sub4 .contents  .contents_img .line2 li:nth-child(1) a {
    background: url("../img/sub4_contents_img5.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line2 li:nth-child(1) a:hover {
    background: url("../img/sub4_contents_img_on5.jpg") no-repeat 0 0;
}
.sub4 .contents  .contents_img .line2 li:nth-child(2) a {
    background: url("../img/sub4_contents_img6.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line2 li:nth-child(2) a:hover {
    background: url("../img/sub4_contents_img_on6.jpg") no-repeat 0 0;
}
.sub4 .contents  .contents_img .line2 li:nth-child(3) a {
    background: url("../img/sub4_contents_img7.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line2 li:nth-child(3) a:hover {
    background: url("../img/sub4_contents_img_on7.jpg") no-repeat 0 0;
}
.sub4 .contents  .contents_img .line2 li:nth-child(4) a {
    background: url("../img/sub4_contents_img8.jpg") no-repeat 0 0;
    width: 317px;
    height: 380px;
    display: block;
}
.sub4 .contents  .contents_img .line2 li:nth-child(4) a:hover {
    background: url("../img/sub4_contents_img_on8.jpg") no-repeat 0 0;
}
.sub4 .contents .bottom_btn {

}

/*sub5*/
.sub5 {

}
.sub5 .visual {
    background: url("../img/sub5_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub5 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub5 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub5 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub5 .contents {
    background: url("../img/sub5_contents.jpg") no-repeat 0 0;
    width: 1920px;
    height: 2290px;
    position: relative;
}
.sub5 .contents .sub_btn {
    position: absolute;
    top: 116px;
    left: 384px;
}
.sub5 .contents .sub_btn li {
    cursor: pointer;
    float: left;
    margin-right: 8px;
}
.sub5 .contents .sub_btn li:nth-child(1) a {
    background: url("../img/sub5_contents_btn1.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}
.sub5 .contents .sub_btn li:nth-child(1) a:hover {
    background: url("../img/sub5_contents_btn1_on.jpg") no-repeat 0 0;
}
.sub5 .contents .sub_btn li:nth-child(2) a {
    background: url("../img/sub5_contents_btn2.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}
.sub5 .contents .sub_btn li:nth-child(2) a:hover {
    background: url("../img/sub5_contents_btn2_on.jpg") no-repeat 0 0;
}
.sub5 .contents .sub_btn li:nth-child(3) a {
    background: url("../img/sub5_contents_btn3.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}
.sub5 .contents .sub_btn li:nth-child(3) a:hover {
    background: url("../img/sub5_contents_btn3_on.jpg") no-repeat 0 0;
}
.sub5 .contents .sub_btn li:nth-child(4) a {
    background: url("../img/sub5_contents_btn4.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}

/*sub6*/
.sub6 {

}
.sub6 .visual {
    background: url("../img/sub6_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub6 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub6 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub6 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub6 .contents {
    background: url("../img/sub6_contents.jpg") no-repeat 0 0;
    width: 1920px;
    height: 1556px;
}


/*sub7*/
.sub7 {

}
.sub7 .visual {
    background: url("../img/sub7_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub7 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub7 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub7 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub7 .contents {
    background: url("../img/sub7_contents.jpg") no-repeat 0 0;
    width: 1920px;
    height: 2923px;
    position: relative;
}
.sub7 .contents .sub_btn {
    position: absolute;
    top: 116px;
    left: 674px;
}
.sub7 .contents .sub_btn li {
    cursor: pointer;
    float: left;
    margin-right: 8px;
}
.sub7 .contents .sub_btn li:nth-child(1) a {
    background: url("../img/sub7_contents_btn1.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}
.sub7 .contents .sub_btn li:nth-child(1) a:hover {
    background: url("../img/sub7_contents_btn1_on.jpg") no-repeat 0 0;
}
.sub7 .contents .sub_btn li:nth-child(2) a {
    background: url("../img/sub7_contents_btn2.jpg") no-repeat 0 0;
    width: 282px;
    height: 39px;
    display: block;
}


/*sub8*/
.sub8 {

}
.sub8 .visual {
    background: url("../img/sub8_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub8 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -141px;
    top: 171px;
}
.sub8 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub8 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub8 .contents {
    width: 1920px;
    height: 2120px;
    position: relative;
}
.sub8 .contents .title {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}
.sub8 .contents .sub_btn {
    position: absolute;
    top: 309px;
    left: 306px;
    z-index: 10;
}
.sub8 .contents .sub_btn li {
    float: left;
    cursor: pointer;
}
.sub8 .contents .sub_btn li:nth-child(1) a {
    background: url("../img/sub8_contents_btn_off1.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 56px;
}
.sub8 .contents .sub_btn li:nth-child(2) a {
    background: url("../img/sub8_contents_btn_off2.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 22px;
}
.sub8 .contents .sub_btn li:nth-child(2) a:hover {
    background: url("../img/sub8_contents_btn_on2.jpg") no-repeat 0 0;
}
.sub8 .contents .sub_btn li:nth-child(3) a {
    background: url("../img/sub8_contents_btn_off3.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 91px;
}
.sub8 .contents .sub_btn li:nth-child(3) a:hover {
    background: url("../img/sub8_contents_btn_on3.jpg") no-repeat 0 0;
}
.sub8 .contents .sub_btn li:nth-child(4) a {
    background: url("../img/sub8_contents_btn_off4.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 56px;
}
.sub8 .contents .sub_btn li:nth-child(4) a:hover {
    background: url("../img/sub8_contents_btn_on4.jpg") no-repeat 0 0;
}
.sub8 .contents .sub_btn li:nth-child(5) a {
    background: url("../img/sub8_contents_btn_off5.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 1px;
}
.sub8 .contents .sub_btn li:nth-child(5) a:hover {
    background: url("../img/sub8_contents_btn_on5.jpg") no-repeat 0 0;
}
.sub8 .contents .sub_btn li:nth-child(6) a {
    background: url("../img/sub8_contents_btn_off6.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 91px;
}
.sub8 .contents .sub_btn li:nth-child(6) a:hover {
    background: url("../img/sub8_contents_btn_on6.jpg") no-repeat 0 0;
}
.sub8 .contents .sub_btn li:nth-child(7) a {
    background: url("../img/sub8_contents_btn_off7.jpg") no-repeat 0 0;
    width: 187px;
    height: 447px;
    display: block;
    margin-top: 43px;
}
.sub8 .contents .sub_btn li:nth-child(7) a:hover {
    background: url("../img/sub8_contents_btn_on7.jpg") no-repeat 0 0;
}

.sub8 .contents .data {
    position: absolute;
    top: 752px;
}



/*sub9*/
.sub9 {

}
.sub9 .visual {
    background: url("../img/sub9_bg.jpg") no-repeat 0 0;
    width: 1920px;
    height: 386px;
    position: relative;
}
.sub9 .visual .title {
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 171px;
}
.sub9 .visual .top_left {
    position: absolute;
    top: 171px;
    left: 360px;
}
.sub9 .visual .top_right {
    position: absolute;
    top: 171px;
    right: 360px;
}
.sub9 .contents {
    background-color: #f9f9f9;
    width: 1920px;
    height: 2115px;
    position: relative;
}
.sub9 .contents .sub_btn {
    position: absolute;
    top: 116px;
    left: 364px;
}
.sub9 .contents .sub_btn li {
    cursor: pointer;
    float: left;
    margin-right: 8px;
}
.sub9 .contents .sub_btn li:nth-child(1) a {
    background: url("../img/sub9_contents_btn_on1.jpg") no-repeat 0 0;
    width: 192px;
    height: 39px;
    display: block;
}
.sub9 .contents .sub_btn li:nth-child(2) a {
    background: url("../img/sub9_contents_btn_off2.jpg") no-repeat 0 0;
    width: 192px;
    height: 39px;
    display: block;
}
.sub9 .contents .sub_btn li:nth-child(2) a:hover {
    background: url("../img/sub9_contents_btn_on2.jpg") no-repeat 0 0;
}
.sub9 .contents .sub_btn li:nth-child(3) a {
    background: url("../img/sub9_contents_btn_off3.jpg") no-repeat 0 0;
    width: 192px;
    height: 39px;
    display: block;
}
.sub9 .contents .sub_btn li:nth-child(3) a:hover {
    background: url("../img/sub9_contents_btn_on3.jpg") no-repeat 0 0;
}
.sub9 .contents .sub_btn li:nth-child(4) a {
    background: url("../img/sub9_contents_btn_off4.jpg") no-repeat 0 0;
    width: 192px;
    height: 39px;
    display: block;
}
.sub9 .contents .sub_btn li:nth-child(4) a:hover {
    background: url("../img/sub9_contents_btn_on4.jpg") no-repeat 0 0;
}
.sub9 .contents .sub_btn li:nth-child(5) a {
    background: url("../img/sub9_contents_btn_off5.jpg") no-repeat 0 0;
    width: 192px;
    height: 39px;
    display: block;
}
.sub9 .contents .sub_btn li:nth-child(5) a:hover {
    background: url("../img/sub9_contents_btn_on5.jpg") no-repeat 0 0;
}
.sub9 .contents .sub_btn li:nth-child(6) a {
    background: url("../img/sub9_contents_btn_off6.jpg") no-repeat 0 0;
    width: 192px;
    height: 39px;
    display: block;
}
.sub9 .contents .sub_btn li:nth-child(6) a:hover {
    background: url("../img/sub9_contents_btn_on6.jpg") no-repeat 0 0;
}

.sub9 .contents .data {
    position: absolute;
    top: 274px;
    left: 318px;
}
.sub9 .contents .data li {
    cursor: pointer;
    margin-bottom: 3px;
}
.sub9 .contents .data li:nth-child(1) a {
    background: url("../img/sub9_contents_off1.jpg") no-repeat 0 0;
    width: 1284px;
    height: 267px;
    display: block;
}
.sub9 .contents .data li:nth-child(1) a:hover {
    background: url("../img/sub9_contents_on1.jpg") no-repeat 0 0;
}
.sub9 .contents .data li:nth-child(2) a {
    background: url("../img/sub9_contents_off2.jpg") no-repeat 0 0;
    width: 1284px;
    height: 267px;
    display: block;
}
.sub9 .contents .data li:nth-child(2) a:hover {
    background: url("../img/sub9_contents_on2.jpg") no-repeat 0 0;
}
.sub9 .contents .data li:nth-child(3) a {
    background: url("../img/sub9_contents_off3.jpg") no-repeat 0 0;
    width: 1284px;
    height: 267px;
    display: block;
}
.sub9 .contents .data li:nth-child(3) a:hover {
    background: url("../img/sub9_contents_on3.jpg") no-repeat 0 0;
}
.sub9 .contents .data li:nth-child(4) a {
    background: url("../img/sub9_contents_off4.jpg") no-repeat 0 0;
    width: 1284px;
    height: 267px;
    display: block;
}
.sub9 .contents .data li:nth-child(4) a:hover {
    background: url("../img/sub9_contents_on4.jpg") no-repeat 0 0;
}
.sub9 .contents .data li:nth-child(5) a {
    background: url("../img/sub9_contents_off5.jpg") no-repeat 0 0;
    width: 1284px;
    height: 267px;
    display: block;
}
.sub9 .contents .data li:nth-child(5) a:hover {
    background: url("../img/sub9_contents_on5.jpg") no-repeat 0 0;
}
.sub9 .contents .data li:nth-child(6) a {
    background: url("../img/sub9_contents_off6.jpg") no-repeat 0 0;
    width: 1284px;
    height: 267px;
    display: block;
}
.sub9 .contents .data li:nth-child(6) a:hover {
    background: url("../img/sub9_contents_on6.jpg") no-repeat 0 0;
}

.sub9 .contents .page_btn {
    position: absolute;
    top: 1941px;
    left: 721px;
}


/*sub10*/
.sub10 {

}
.sub10 .contents {
    background: url("../img/sub10_contents.jpg") no-repeat 0 0;
    width: 1920px;
    height: 1392px;
}