@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/*html,
body {
    position: relative;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    margin: 0;
    background: #fff;
}
*/
.inbody img {
    max-width: 100% !important;
    width: 100%;
    display: block;
}

div {
    display: block;
    font-size: 0px;
}

/*main*/

.event-detail-intro {
    width: 100%;
}

.onGallery {
    display: none;
}

.on {
    display: block;
    font-weight: 900;
    text-decoration: underline;
}

#mainSection {
    width: 100%;
}

.mainBg .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 10px;
    text-transform: uppercase;
}

.txtBold {
    font-weight: 900;
}

.mainBg {
    position: relative;
    width: 100%;
}

/*--//main*/

/*template*/

@media (min-width: 768px) {

    #cateSection table {
        text-align: center;
        width: 100%;
        list-style-type: none;
        margin: 3% 0;
        cursor: pointer;
    }

    #galSection .FlatformCeresSec1 .leftSide,
    #galSection .HurricaneDriftSec1 .leftSide,
    #galSection .HurricaneXLT2Sec3 .leftSide,
    #galSection .MidformArivacaSec3 .leftSide {
        display: inline-block;
        width: 57.1354%;
    }

    #galSection .FlatformCeresSec1 .rightSide,
    #galSection .HurricaneDriftSec1 .rightSide,
    #galSection .HurricaneXLT2Sec3 .rightSide,
    #galSection .MidformArivacaSec3 .rightSide {
        display: inline-block;
        width: 42.8646%;
    }

    #galSection .FlatformCeresSec2 img,
    #galSection .HurricaneDriftSec2 img,
    #galSection .FlatformUniversalSec2 img,
    #galSection .FlatformUniversalSec3 img,
    #galSection .MidformUniversalSec2 img,
    #galSection .MidformUniversalSec3 img,
    #galSection .DoradoSec2 .leftSide,
    #galSection .DoradoSec2 .rightSide,
    #galSection .DoradoSec5 img,
    #galSection .UniversalSec2 .leftSide,
    #galSection .UniversalSec2 .rightSide,
    #galSection .UniversalSec5 img,
    #galSection .SMLSec2 .leftSide,
    #galSection .SMLSec2 .rightSide,
    #galSection .SMLSec5 img {
        display: inline-block;
        width: 50%;
    }

    #galSection .FlatformCeresSec3 .leftSide,
    #galSection .HurricaneDriftSec3 .leftSide {
        display: inline-block;
        width: 44.3229%;
    }

    #galSection .FlatformCeresSec3 .rightSide,
    #galSection .HurricaneDriftSec3 .rightSide {
        display: inline-block;
        width: 55.6771%;
    }

    #galSection .FlatformCeresSec4 img:first-child,
    #galSection .HurricaneDriftSec4 img:first-child {
        display: inline-block;
        width: 66.6666%;
    }

    #galSection .FlatformCeresSec4 img:nth-child(2),
    #galSection .HurricaneDriftSec4 img:nth-child(2) {
        display: inline-block;
        width: 33.3334%;
    }

    #galSection .FlatformUniversalSec1 img:first-child,
    #galSection .MidformUniversalSec1 img:first-child {
        display: inline-block;
        width: 64.6875%;
    }

    #galSection .FlatformUniversalSec1 img:nth-child(2),
    #galSection .MidformUniversalSec1 img:nth-child(2) {
        display: inline-block;
        width: 35.3125%;
    }

    #galSection .FlatformUniversalSec4 img:first-child,
    #galSection .MidformUniversalSec4 img:first-child {
        display: inline-block;
        width: 39.38%;
    }

    #galSection .FlatformUniversalSec4 img:nth-child(2),
    #galSection .MidformUniversalSec4 img:nth-child(2) {
        display: inline-block;
        width: 60.62%;
    }

    #galSection .FlatformUniversalSec5 img,
    #galSection .HurricaneXLT2Sec4 img,
    #galSection .MidformArivacaSec4 img,
    #galSection .MidformUniversalSec5 img,
    #galSection .DoradoSec4 img,
    #galSection .UniversalSec4 img,
    #galSection .SMLSec4 img {
        display: inline-block;
        width: 33.3%;
    }

    #galSection .HurricaneXLT2Sec1 img:first-child,
    #galSection .MidformArivacaSec1 img:first-child {
        display: inline-block;
        width: 64.426%;
    }

    #galSection .HurricaneXLT2Sec1 img:nth-child(2),
    #galSection .MidformArivacaSec1 img:nth-child(2) {
        display: inline-block;
        width: 35.573%;
    }

    #galSection .HurricaneXLT2Sec2 img:first-child,
    #galSection .MidformArivacaSec2 img:first-child {
        display: inline-block;
        width: 33.801%;
    }

    #galSection .HurricaneXLT2Sec2 img:nth-child(2),
    #galSection .MidformArivacaSec2 img:nth-child(2) {
        display: inline-block;
        width: 66.198%;
    }

    #galSection .DoradoSec3 img:first-child,
    #galSection .UniversalSec3 img:first-child,
    #galSection .SMLSec3 img:first-child {
        display: inline-block;
        width: 63.385%;
    }

    #galSection .DoradoSec3 img:nth-child(2),
    #galSection .UniversalSec3 img:nth-child(2),
    #galSection .SMLSec3 img:nth-child(2) {
        display: inline-block;
        width: 36.6146%;
    }

}

@media (max-width:767px) {

    .mainBg .txt {
        font-size: 2.2rem;
    }


    #cateSection ul {
        position: relative;
        padding: 0;
        margin: 4% 0;
    }

    #cateSection ul li {
        display: inline-block;
        width: 50%;
    }
}