/* Scss Document */


/* Scss Document */


/* Tablet */


/* Mobile - Large */


/* Mobile - Small */

header {
    padding-bottom: 126px;
}


/*-------------------ABC-----------------*/

h2.txt-vertical {
    font-size: 30px;
    letter-spacing: 5px;
    width: 40px;
}

#sec1 {
    padding-bottom: 182px;
}

#sec1 .s1_fade {
    width: 750px;
    margin-left: -250px;
}

#sec1 .s1_fade .slick-dots {
    right: -9px;
}

#sec1 .s1_fade div {
    line-height: 0;
}

#sec1 .info {
    width: 440px;
    margin-right: -100px;
    position: relative;
}

#sec1 .info::before {
    content: url(../img/jibie/s1_01.png);
    position: absolute;
    right: 100px;
    top: 0;
}

#sec1 .info h2 {
    height: 180px;
    padding-left: 200px;
    padding-top: 140px;
}

#sec1 .info h3 {
    line-height: 2.2;
    letter-spacing: 0.1em;
    padding: 53px 0 27px;
}

#sec2 {
    background: url(../img/jibie/s2_bgT.png) no-repeat center top;
}

#sec2 h2 {
    letter-spacing: 0.1em;
    padding-bottom: 316px;
}

#sec2 .info .colL {
    width: 500px;
}

#sec2 .info .colL h3 {
    padding: 95px 0 65px;
}

#sec2 .info .colL .txt {
    padding-bottom: 75px;
}

#sec2 .info .colL .txt p+p {
    padding-top: 32px;
}

#sec2 .info .colL .img {
    margin-left: -41px;
}

#sec2 .info .colR .img {
    margin-right: -150px;
}

#sec3 {
    padding-bottom: 182px;
    padding-top: 221px;
}

#sec3 h2 {
    position: absolute;
    left: 0;
    top: -123px;
    z-index: 1;
}

#sec3 .s3_fade {
    margin: 0 -70px;
}

#sec3 .s3_fade div {
    line-height: 0;
}

#sec3 .slick-dots {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 22px 120px;
}

#sec3 .slick-dots li,
#sec3 .slick-dots li button {
    height: 4px;
    width: 38px;
    margin: 0;
}

#sec3 .slick-dots li+li {
    margin-left: 5px;
}

#sec3 .txt {
    padding-left: 50px;
}

#sec4 {
    position: relative;
}

#sec4 h2 {
    font-size: 28px;
    text-shadow: 1.5px 2.598px 26.95px rgba(0, 0, 0, 0.4);
    letter-spacing: 0.15em;
    line-height: 2.2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 1000px;
    color: #fff;
}

#sec4 .bg-parallax {
    background-image: url(../img/jibie/s4_bg.jpg);
    min-height: 600px;
    position: relative;
    z-index: 1;
}

#sec5 {
    padding-bottom: 240px;
    position: relative;
}

#sec5::before {
    background: url(../img/jibie/s5_dcR.png) no-repeat right top;
    min-width: 1500px;
    width: 100%;
    height: 799px;
    position: absolute;
    top: -167px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
}

#sec5 dl {
    padding: 50px 0 112px;
}

#sec5 dl dt {
    width: 272px;
}

#sec5 dl dt .txt-vertical {
    font-size: 25px;
    line-height: 2.8;
    width: 112px;
    height: 220px;
    letter-spacing: 0.2em;
}

#sec5 dl dd {
    padding-top: 17px;
    width: 580px;
    height: 317px;
    letter-spacing: 0;
    line-height: 2.6;
}

#sec5 dl dd .txt-latin {
    line-height: 0;
}

#sec5 dl dd .txt-latin.pd_ver {
    padding-bottom: 8px;
}

#sec5 dl dd .txt-latin.pd_ver .int {
    /* line-height: 0; */
    margin-top: -20px;
    margin-bottom: -11px;
}

#sec5 .s5_listImg {
    margin-left: -98px;
    margin-right: -98px;
}

#sec5 .s5_listImg .colL {
    width: 460px;
}

#sec5 .s5_listImg .colC {
    width: 275px;
}

#sec5 .s5_listImg .colR {
    width: 460px;
}

#sec6 h2 {
    margin: auto;
}

#sec6 .info .img {
    margin-left: -150px;
}

#sec6 .text {
    width: 560px;
}

#sec6 .text h2 {
    height: 76px;
    margin: auto;
    padding-bottom: 60px;
}

#sec6 .text .txt {
    width: 406px;
    margin: auto;
}

#sec6 .s6_listImg {
    padding: 120px 0 211px;
}

#sec7 {
    padding-bottom: 205px;
    position: relative;
}

#sec7::before {
    content: url(../img/jibie/s7_dc.png);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: -355px;
}

#sec7 .row1 {
    position: relative;
    padding-bottom: 171px;
}

#sec7 .row1 .img {
    margin-left: -90px;
}

#sec7 .row1 h2 {
    position: absolute;
    top: -98px;
    right: -150px;
    z-index: 1;
}

#sec7 .row1 .txt {
    padding: 350px 45px 0 0;
    margin-left: auto;
    width: 393px;
}

#sec7 .row2 h3 {
    padding-top: 165px;
}

#sec7 .row2 .bnr_hover .off {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    top: 0;
    right: 1px;
}

#sec7 .row2 .bnr_hover:hover .off {
    opacity: 1;
}

#sec7 .row2 .bnr_hover .more {
    right: 0;
    left: auto;
}


/*# sourceMappingURL=jibie.css.map */