#header_pc{
    background: transparent;
}
#header_pc .gnb{
    border-bottom: 0;
}
#header_pc .gnb ul li a{
    color:#fff;
    font-weight: 400;
}
#header_pc .gnb ul li a:hover{
    color:#fff;
    font-weight: 500;
    /*text-shadow: 0.5px 0px 0.7px #fff, -0.5px 0px 0.7px #fff, 0.5px 0px 0.7px #fff;*/
}
#header_pc .gnb ul li a.on{
    color:#fff;
    font-weight: 500;
    /*text-shadow: 0.5px 0px 0.7px #fff, -0.5px 0px 0.7px #fff, 0.5px 0px 0.7px #fff;*/
}
.wsmenucontainer{
    background: url('/images/main/mainBg1.png')no-repeat top center;
    background-size: 1920px;
}
.indexLayout{
    background: url('/images/main/mainBg2.png')no-repeat bottom center;
    background-size: 1920px;
    padding-top:80px;

}
.section01{
    max-width:1200px;
    margin:0 auto;
    padding:0 30px 213px;
}
.section01 .leftBox{
    width: calc(100% - 468px);
    float: left;
    padding-top:55px;
}
.section01 .rightBox{
    width: 468px;
    display: inline-block;
    text-align:right;
}
.section01 .txt01{
    font-size: 60px;
    line-height: 80px;
    color:#fff;
    margin-bottom:30px;
}
.section01 .txt01 strong{
    font-weight: bold;
    color:#fff;
}
.section01 .txt02{
    font-size: 18px;
    line-height: 28px;
    color:#fff;
    margin-bottom: 18px;
}
.section01 .txt02 strong{
}
.section01 .txt03{
    font-size: 20px;
    color:#fff;
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 30px;
}
.section01 .txt04{
    font-size: 18px;
    line-height: 28px;
    color:#fff;
}
@media all and (min-width:1921px) {
    .wsmenucontainer {
        background-size: cover;
    }
}
.section02{
    max-width: 1200px;
    margin:0 auto;
    padding-right:75px;
    padding-bottom:70px;
}
.section02 .leftBox,
.section02 .rightBox{display: inline-block;vertical-align: middle;}
.section02 .leftBox{padding-right:50px; width: 587px;}
.section02 .rightBox{padding-left:50px;width:533px;}
.section02 .txt01{
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom:23px;
}
.section02 .txt02{
    font-size: 20px;
    line-height: 30px;
    color:#555;
    font-weight: 300;
}


.section03{
    max-width: 1200px;
    margin:0 auto;
    padding:0 50px 120px;
    /*background: url('/images/main/main_sec03.png')no-repeat;
    background-position:calc(100% - 50px) 50%;*/
    min-height: 377px;
    position: relative;
}
.section03 .leftBox{display: inline-block;padding:107px 0;}
.section03 .txt01{
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom:23px;
}
.section03 .txt02{
    font-size: 20px;
    line-height: 30px;
    color:#555;
    font-weight: 300;
}
.section03 .rightBox{display: inline-block;    position: absolute;}

.section04{max-width: 1200px;margin:0 auto;padding-bottom:120px;}
.section04 .box{background:#fff;margin-right:30px;width:380px;float: left;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);border-radius: 8px;padding:50px 40px;}
.section04 .box:last-child{margin-right:0px;}
.section04 .box img{
    margin-bottom:24px;
}
.section04 .box h5{
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom:17px;
    height:64px;
}
.section04 .box .txt{
    font-size: 18px;
    line-height: 30px;
    color:#555;
    font-weight: 300;
    height: 90px;
}


.section05 {max-width: 1200px;margin:0 auto;padding-bottom:120px;}
.section05 .title{font-size: 38px;font-weight: 500;margin-bottom: 52px;text-align: center}
.section05 .box{width:160px;float:left;margin-right:100px;text-align: center}
.section05 .box:last-child{margin-right:0;}
.section05 .box img{
    margin-bottom:17px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);border-radius: 50%;
}
.section05 .box .txt{
    font-size: 18px;
    line-height: 26px;
}
.section06 {max-width: 1200px;margin:0 auto;padding-bottom:160px;}
.section06 .title{font-size: 38px;font-weight: 500;margin-bottom: 52px;text-align: center}
.section06 .box{width:285px;float:left;margin-right:20px;text-align: center;background: #fff;}
.section06 .box:last-child{margin-right:0;}


.indexLayout .effect_load{
    transform:translateY(100px);
    transition: 0.6s;
    opacity: 0;
}
.indexLayout .effect_load.on{
     transform:translateY(0px);
     transition: 1s;
     opacity: 1;
 }
.indexLayout .effect{
    transform:translateY(100px);
    transition: 0.6s;
    opacity: 0;
}
.indexLayout .effect.on{
     transform:translateY(0px);
     transition: 1s;
     opacity: 1;
 }

/*
.indexLayout .effect{
    transform:translateY(100px);
    transition: 1s;
    opacity: 0;
}
.indexLayout .effect.on{
    transform:translateY(0px);
    transition: 1s;
    opacity: 1;
}

.indexLayout .effect1{
    transform:translateY(100px);
    transition: 1.3s;
    opacity: 0;
}
.indexLayout .effect1.on{
    transform:translateY(0px);
    transition: 1.3s;
    opacity: 1;
}*/
@media all and (max-width:1200px) {
    .section04,
    .section05,
    .section06{padding-left:25px;padding-right:25px;}
    .section04 .box {
        width: 363px;
        padding: 50px 20px 50px 40px;
    }
    .section05 .box{
        margin-right:87.5px;
    }
    .section06 .box{
        width:272px;
    }
}