@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: "Montserrat";

    font-style: normal;

    font-weight: normal;

    src: local("Montserrat Regular"), local("Montserrat-Regular"), 

    url("/css/font/Montserrat-Regular.eot"), 

    url("/css/font/Montserrat-Regular.eot#iefix") format("embedded-opentype"),

    url("/css/font/Montserrat-Regular.woff") format("woff"), 

    url("/css/font/Montserrat-Regular.otf") format("opentype");

}



@font-face {

    font-family: "Montserrat";

    font-style: normal;

    font-weight: bold;

    src: local("Montserrat Bold"), local("Montserrat-Bold"), 

    url("/css/font/Montserrat-Bold.eot"), 

    url("/css/font/Montserrat-Bold.eot#iefix") format("embedded-opentype"),

    url("/css/font/Montserrat-Bold.woff") format("woff"), 

    url("/css/font/Montserrat-Bold.otf") format("opentype");

}



@font-face {

    font-family: "Montserrat";

    font-style: normal;

    font-weight: 800;

    src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), 

    url("/css/font/Montserrat-ExtraBold.eot"), 

    url("/css/font/Montserrat-ExtraBold.eot#iefix") format("embedded-opentype"),

    url("/css/font/Montserrat-ExtraBold.woff") format("woff"), 

    url("/css/font/Montserrat-ExtraBold.otf") format("opentype");

}



@font-face {

    font-family: "Montserrat";

    font-style: normal;

    font-weight: 900;

    src: local("Montserrat Black"), local("Montserrat-Black"), 

    url("/css/font/Montserrat-Black.eot"), 

    url("/css/font/Montserrat-Black.eot#iefix") format("embedded-opentype"),

    url("/css/font/Montserrat-Black.woff") format("woff"), 

    url("/css/font/Montserrat-Black.otf") format("opentype");

}



body,

table,

button,

textarea,

select,

li,

a,

p,

div,

h2,

h4,

h5 {

    font-family: "Montserrat", tahoma, Geneva, sans-serif;

}



input {

    font-family: Tahoma, Geneva, sans-serif;

}

.m_hide {

    display: none;

}



.section_01 video {

    width: 100%;

}

.newGB_gnb {

    z-index: 10;

    position: relative;

    margin: 0;

    background: #151515;

}

.newGB_gnb {

    min-width: 230px;

    margin: 0 auto;

}

.newGB_gnb > button {

    display: block;

    position: absolute;

    top: 20px;

    right: 10px;

    width: 52px;

    height: 30px;

    padding: 0;

    border: 0;

    border-radius: 3px;

    background: #ddd;

    color: #000;

    cursor: pointer;

}

.newGB_gnb > button:hover {

    color: #ff3030;

}

.newGB_gnb a {

    display: block;

    margin: 0;

    padding: 0 0 2px 0;

    color: #fff;

    font-weight: normal;

    text-decoration: none;

    word-break: break-all;

    white-space: nowrap;

}

.newGB_gnb a:hover,

.newGB_gnb a.active {

    color: #ff3030;

}

.newGB_gnb > ul {

    display: none;

}

.newGB_gnb > ul > li > a {

    margin-top: 1px;

    padding: 10px 15px;

    background: #ff3030;

    font-weight: bold;

    text-align: left;

}

.newGB_gnb > ul > li > a:hover {

    color: #333;

}

.newGB_gnb li > ul {

    background: #333;

}

.newGB_gnb li li {

    float: left;

}

.newGB_gnb li li > a {

    padding: 10px 15px;

    word-break: break-all;

    white-space: nowrap;

}

.newGB_gnb li ul:after {

    content: "";

    display: block;

    clear: both;

}

.newGB_gnb > ul.active {

    display: block;

}

.newGB_gnb h1 {

    display: none;

}

.main_title h1,

.main_title h2,

.main_title h3 {

    display: none;

}

.main_title ul {

    padding-top: 0;

}

.main_title ul li {

    display: inline-block;

    zoom: 1;

    *display: inline;

    line-height: 50px;

    margin: 0;

    width: 100%;

}

.main_title ul li a {

    display: block;

    width: 100%;

    height: 50px;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}

.main_title ul li.main_play_btn {

    display: none;

}

.main_title ul li.main_watch_btn a {

    background: #faa200 url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/ico_main_btn.png") 0 -80px no-repeat;

}

.main_title ul li.main_watch_btn a:hover {

    background: #c50000 url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/ico_main_btn.png") 0 -80px no-repeat;

}

.important_menu {

    display: block;

    height: 120px;

    background: #333;

}

.important_menu ul {

    overflow: hidden;

    margin: 0 auto;

    text-align: center;

}

.important_menu li {

    float: left;

    width: 50%;

    color: #fff;

    font-size: 20px;

    font-size: 2rem;

    line-height: 60px;

    text-transform: uppercase;

}

.important_menu li a {

    color: #eee;

}

.important_menu li a:hover {

    color: #ff3030;

}

.important_menu li.important_menu_start a {

    color: #ff3030;

}

.important_menu li.important_menu_start a:hover {

    color: #fff;

}

.important_menu li.important_menu_cash a {

    color: #ff0;

}

.important_menu li.important_menu_cash a:hover {

    color: #ff3030;

}

h1.logo {

    z-index: 1000;

    display: inline-block;

    position: absolute;

    left: 50%;

    width: 251px;

    height: 93px;

    margin: 17% 0 0 -125px;

    background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/logo_ngb.png") no-repeat top center;

}

h1.logo > a {

    display: inline-block;

    width: 251px;

    height: 93px;

    margin: 0;

    padding: 0;

}



.section_02 {

    position: relative;

    width: 100%;

    height: auto;

    padding-bottom: 80px;

}

p.news_character01 {

    display: none;

}

p.news_character02 {

    display: none;

}

.news_area {

    z-index: 101;

    position: relative;

    width: 92%;

    margin: 0 4%;

    padding-top: 80px;

    text-align: center;

}

.news_area h2 {

    color: #fff;

    font-weight: bold;

    font-size: 42px;

    text-transform: uppercase;

}

.news_area h3 {

    padding-top: 20px;

    color: #fff;

    font-weight: bold;

    font-size: 24px;

    text-transform: uppercase;

}

.news_area > ul.news_area_list {

    text-align: center;

}

.news_area > ul.news_area_list > li {

    display: block;

    width: 312px;

    margin: 0 auto;

    padding-top: 80px;

}

.news_area > ul.news_area_list > li > ul > li {

    overflow: hidden;

    color: #fff;

    font-weight: bold;

    text-align: left;

}

.news_area > ul.news_area_list > li > ul > li.news_img img {

    width: 312px;

    height: 208px;

    transition: transform 0.2s;

    cursor: pointer;

}

.news_area > ul.news_area_list > li > ul > li.news_img img:hover {

    transform: scale(1.1);

}

.news_area > ul.news_area_list > li > ul > li.news_date {

    padding-top: 8px;

    font-size: 16px;

}

.news_area > ul.news_area_list > li > ul > li.news_text {

    padding-top: 4px;

    font-size: 18px;

}

.news_area > ul.news_area_list > li > ul > li.news_text a {

    color: #fff;

}

.news_area > ul.news_area_list > li > ul > li.news_text a:hover {

    color: #ff3030;

}

.news_area > ul.news_bullet {

    padding-top: 40px;

    text-align: center;

}

.news_area > ul.news_bullet > li {

    display: inline-block;

    zoom: 1;

    *display: inline;

    width: 16px;

    margin: 0 2px;

    vertical-align: top;

}

.news_area > ul.news_bullet > li a {

    display: block;

    width: 16px;

    height: 16px;

    background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/ico_bullet.png") 0 -16px no-repeat;

}

.news_area > ul.news_bullet > li a:hover {

    background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/ico_bullet.png") 0 0 no-repeat;

}

.news_area > ul.news_bullet > li.current a {

    background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/ico_bullet.png") 0 0 no-repeat;

}



.section_03 {

    position: relative;

    width: 100%;

    height: auto;

    border-top: #666 dashed 1px;

}

.mobiles_area {

    z-index: 101;

    overflow: hidden;

    position: relative;

    width: 92%;

    margin: 0 4%;

    padding: 80px 0;

    text-align: center;

}

.mobiles_area h2 {

    color: #fff;

    font-weight: bold;

    font-size: 42px;

    text-transform: uppercase;

}

.mobiles_area h3 {

    padding-top: 20px;

    color: #fff;

    font-weight: bold;

    font-size: 24px;

    text-transform: uppercase;

}

.mobiles_area ul.mobiles_group {

    padding-top: 80px;

    clear: both;

}

.mobiles_area ul.mobiles_group li {

    display: inline-block;

    zoom: 1;

    *display: inline;

    float: left;

    text-align: left;

    color: #fff;

}

.mobiles_area ul.mobiles_group li.mobiles_group_typeImg {

    display: none;

}

.mobiles_area ul.mobiles_group li span img {

    width: 52px;

}

.mobiles_area ul.mobiles_group li h1 {

    font-weight: bold;

    font-size: 42px;

    text-transform: uppercase;

}

.mobiles_area ul.mobiles_group.mobiles_group01 li h1 {

    color: #d4656a;

}

.mobiles_area ul.mobiles_group.mobiles_group02 li h1 {

    color: #71b466;

}

.mobiles_area ul.mobiles_group.mobiles_group03 li h1 {

    color: #657bda;

}

.mobiles_area ul.mobiles_group li p {

    padding-top: 8px;

    color: #ccc;

    font-size: 16px;

    font-weight: normal;

}

.mobiles_area ul.mobiles_list {

    clear: both;

}

.mobiles_area ul.mobiles_list li {

    display: inline-block;

    zoom: 1;

    *display: inline;

    float: left;

    width: 20%;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}



.section_04 {

    position: relative;

    width: 100%;

    height: auto;

    padding-bottom: 20px;

    border-top: #666 dashed 1px;

    clear: both;

}

.moondisk_area {

    z-index: 101;

    position: relative;

    width: 92%;

    margin: 0 4%;

    padding-top: 80px;

    text-align: center;

}

.moondisk_area > h2 {

    color: #fff;

    font-weight: bold;

    font-size: 42px;

    text-transform: uppercase;

}

.moondisk_area > h3 {

    padding-top: 20px;

    color: #fff;

    font-weight: bold;

    font-size: 24px;

    text-transform: uppercase;

}

.moondisk_area > ul.moondisk_line01 {

    overflow: hidden;

    padding-top: 45px;

}

.moondisk_area > ul > li {

    padding-bottom: 60px;

}

.moondisk_area > ul > li > ul > li {

    color: #fff;

    font-size: 16px;

    font-style: italic;

}

.moondisk_area > ul > li > ul > li > h3 {

    font-size: 22px;

    font-weight: bold;

    font-style: normal;

}



.section_05 {

    position: relative;

    width: 100%;

    height: auto;

    border-top: #666 dashed 1px;

    clear: both;

}

.map_area {

    padding-top: 80px;

    z-index: 101;

    margin: 0 4%;

    position: relative;

    width: 92%;

    text-align: center;

}

.map_area > h2 {

    color: #fff;

    font-size: 42px;

    font-weight: bold;

    text-transform: uppercase;

}

.map_area > h3 {

    padding-top: 20px;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

    text-transform: uppercase;

}



/* slide */

.slides {

    position: relative;

    width: 100%;

    max-width: 1070px;

    margin: 40px auto 0;

}

.slides .slide {

    overflow: hidden;

    position: relative;

    max-width: 802px;

    margin: 0 auto;

}

.slides .slide li {

    display: block;

    width: 100%;

}

.slides .slide li h3 {

    padding-top: 10px;

    color: #fff;

}

.slides_control {

    width: 100% !important;

    max-height: 400px !important;

    min-height: 328px;

    padding: 0;

}

.slides a.prev,

.slides a.next {

    z-index: 9;

    overflow: hidden;

    display: inline-block;

    position: absolute;

    top: 22%;

    width: 25px;

    height: 39px;

    background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/btn_arrow.png") no-repeat;

    text-indent: -9999px;

}

.slides a.prev {

    left: 5px;

    background-position: 0 0;

    opacity: 0.4;

    filter: alpha(opacity=40);

}

.slides a.prev:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}

.slides a.next {

    right: 5px;

    background-position: -25px 0;

    opacity: 0.4;

    filter: alpha(opacity=40);

}

.slides a.next:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}

.slides .page {

    display: none;

}



.section_06 {

    position: relative;

    width: 100%;

    height: auto;

    margin: 20px 0 80px;

    text-align: center;

    clear: both;

}



/* mobile & tablet */

@media all and (min-width: 600px) and (max-width: 1023px) {

    .slides .slide li {

        width: 100%;

    }

    .slides_control {

        max-width: 802px;

        margin: 0 auto;

    }

}



/* Desktop */

@media all and (min-width: 1024px) {

    .m_hide {

        display: block;

    }

    .important_menu {

        background: #000;

        height: 54px;

        margin: -12% auto 0;

        opacity: 0.9;

        -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=90)";

        filter: alpha(opacity = 90);

        border-top: #ff3030 solid 3px;

        border-bottom: #ff3030 solid 3px;

    }

    .important_menu ul {

        max-width: 1200px;

        margin: 0 auto;

        text-align: center;

    }

    .important_menu li {

        display: inline-block;

        zoom: 1;

        *display: inline;

        float: left;

        width: 25%;

        color: #fff;

        font-size: 20px;

        font-size: 2rem;

        font-weight: bold;

        text-transform: uppercase;

        line-height: 54px;

    }

    .fixed {

        z-index: 999;

        position: fixed;

        top: -15px;

        left: 0;

        zoom: 1;

        width: 100%;

        margin: 15px auto 0;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

    }

    .section_01 {

        width: 100%;

        position: relative;

    }

    .section_01 video {

        min-height: 680px;

    }

    h1.logo {

        display: none;

    }



    /* GNB */

    .newGB_gnb > button {

        display: none;

    }

    .newGB_gnb > ul {

        display: block !important;

        display: flex !important;

        justify-content: center;

    }

    .newGB_gnb {

        z-index: 10;

        overflow: hidden;

        position: absolute;

        width: 100%;

        height: 170px;

        background: none;

        background: rgb(0 0 0 / 0%);

        text-align: center;

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

    }

    .newGB_gnb:hover {

        height: 220px !important;

        background: rgba(0, 0, 0, 0.6);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

    }

    .newGB_gnb h1 {

            z-index: 1000;

            display: block;

            float: left;

            width: 168px;

            height: 150px;

            margin-top: 30px;

            background: url(/img/LOGO.png) no-repeat top center;

            background-size: contain;

    }

    .newGB_gnb h1 a {

        display: inline-block;

        width: 170px;

        height: 148px;

        padding: 0;

        margin: 0;

    }

    .newGB_gnb:hover h1 {

        top: 10px;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

    }

    .newGB_gnb > ul {

        width: 100%;

        margin: 0 auto;

        font-size: 20px;

        font-size: 2rem;

        text-shadow: 0 0 5px #000, 0 0 5px #000;

        zoom: 1;

        text-transform: uppercase;

    }

    .newGB_gnb ul:after {

        content: "";

        display: block;

        clear: both;

    }

    .newGB_gnb ul ul {

        font-size: 1em;

        background: none;

        visibility: hidden;

    }

    .newGB_gnb:hover ul ul {

        display: block;

        margin: 15px 0;

        visibility: visible;

    }

    .newGB_gnb li {

        float: left;

        padding: 0;

    }

    .newGB_gnb a {

        margin-right: 0;

        font-weight: bold;

    }

    .newGB_gnb > ul > li {

        width: 9.02%;

        margin: 0 5px;

        padding-top: 54px;

    }

    .newGB_gnb > ul > li > a {

        padding: 0;

        background: none;

        text-align: center;

    }

    .newGB_gnb > ul > li > a:hover {

        color: #ff3030;

    }

    .newGB_gnb li li {

        float: none;

        padding: 0 5px;

    }

    .newGB_gnb li li > a {

        padding: 3px 0;

        color: #ccc;

        background: none;

        font-size: 14px;

        font-size: 1.2rem;

        word-break: keep-all;

        white-space: normal;

    }

    .dotBg {

        position: absolute;

        width: 100%;

        height: 100%;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/bg_dot.png") center top;

        opacity: 0.8;

        -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=80)";

        filter: alpha(opacity = 80);

    }

    .main_title {

        position: absolute;

        top: 30%;

        width: 996px;

        left: 50%;

        margin-left: -498px;

        z-index: 999;

        text-align: center;

    }

    .main_title h1,

    .main_title h2,

    .main_title h3 {

        display: block;

    }

    .main_title h1 {

        color: #fff;

        font-weight: 900;

        font-size: 90px;

        text-transform: uppercase;

        text-shadow: 0 0 5px #000, 0 0 5px #000; /* For IE 8 */

        zoom: 1;

    }

    .main_title h2 {

        color: #fff;

        font-weight: bold;

        font-size: 36px;

        text-transform: uppercase;

        padding-top: 50px;

        text-shadow: 0 0 5px #000, 0 0 5px #000; /* For IE 8 */

        zoom: 1;

    }

    .main_title ul {

        padding-top: 60px;

    }

    .main_title ul li {

        display: inline-block;

        zoom: 1;

        *display: inline;

        line-height: 70px;

        margin: 0 20px;

        width: 280px;

    }

    .main_title ul li a {

        display: block;

        width: 256px;

        height: 70px;

        font-size: 22px;

        font-weight: bold;

        color: #fff;

        padding-left: 24px;

        text-transform: uppercase;

        -moz-border-radius: 20px;

        -webkit-border-radius: 20px;

        -o-border-radius: 20px;

        border-radius: 20px;

        opacity: 0.8;

        -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=80)";

        filter: alpha(opacity = 80);

    }

    .main_title ul li.main_play_btn {

        display: inline-block;

        zoom: 1;

        *display: inline;

    }

    .main_title ul li.main_play_btn a {

        background: #faa200 url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/ico_main_btn.png") 0 0 no-repeat;

    }

    .main_title ul li.main_watch_btn a {

        background: #faa200 url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/ico_main_btn.png") 0 -70px no-repeat;

    }

    .main_title ul li.main_play_btn a:hover {

        background: #c50000 url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/ico_main_btn.png") 0 0 no-repeat;

    }

    .main_title ul li.main_watch_btn a:hover {

        background: #c50000 url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/common/ico_main_btn.png") 0 -70px no-repeat;

    }



    .section_02 {

        height: 810px;

        padding-bottom: 0;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/bg_news.jpg") center top no-repeat;

    }

    p.news_character01 {

        z-index: 100;

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        width: 497px;

        height: 645px;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/img_knight.png") no-repeat;

    }

    p.news_character02 {

        z-index: 100;

        display: block;

        position: absolute;

        right: 0;

        top: 0;

        width: 591px;

        height: 596px;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/img_dragon.png") no-repeat;

    }

    .news_area {

        overflow: hidden;

        width: 996px;

        margin: 0 auto;

        padding-top: 120px;

    }

    .news_area h2 {

        font-size: 62px;

        font-weight: 900;

    }

    .news_area h3 {

        padding-top: 0;

    }

    .news_area > ul.news_area_list {

        padding-top: 40px;

    }

    .news_area > ul.news_area_list > li {

        display: inline-block;

        zoom: 1;

        *display: inline;

        margin: 0 8px;

        padding-top: 0;

        vertical-align: top;

    }

    .news_area > ul.news_area_list > li > ul > li.news_date {

        padding-top: 20px;

    }

    .news_area > ul.news_area_list > li > ul > li.news_text {

        padding-top: 20px;

    }

    .news_area > ul.news_bullet {

        padding-top: 80px;

    }



    .section_03 {

        height: 1399px;

        padding-bottom: 0;

        border: 0;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/bg_mobiles.jpg") center top no-repeat;

    }

    .mobiles_area {

        max-width: 1280px;

        margin: 0 auto;

        padding-top: 120px;

    }

    .mobiles_area h2 {

        font-size: 62px;

        font-weight: 900;

    }

    .mobiles_area h3 {

        padding-top: 0;

    }

    .mobiles_area ul.mobiles_group {

        padding-top: 50px;

    }

    .mobiles_area ul.mobiles_group li.mobiles_group_typeImg {

        display: block;

        padding-right: 20px;

    }

    .mobiles_area ul.mobiles_group li span {

        display: none;

    }

    .mobiles_area ul.mobiles_group li h1 {

        font-size: 56px;

        font-weight: 900;

    }

    .mobiles_area ul.mobiles_group li p {

        padding-top: 0;

        font-weight: normal;

        font-size: 18px;

    }

    .mobiles_area ul.mobiles_list li {

        font-size: 22px;

    }

    .mobiles_area ul.mobiles_list li img {

        transition: transform 0.2s;

    }

    .mobiles_area ul.mobiles_list li img:hover {

        transform: scale(1.1);

    }



    .section_04 {

        height: 1163px;

        padding-bottom: 0;

        border: 0;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/bg_moondisk.jpg") center top no-repeat;

    }

    .moondisk_area {

        max-width: 1280px;

        margin: 0 auto;

        padding-top: 120px;

        color: #000;

    }

    .moondisk_area > h2 {

        color: #000;

        font-size: 62px;

        font-weight: 900;

    }

    .moondisk_area > h3 {

        padding-top: 0;

        color: #000;

    }

    .moondisk_area > ul.moondisk_line01 > li {

        float: left;

        width: 25%;

    }

    .moondisk_area > ul.moondisk_line02 > li {

        float: left;

        width: 33.33%;

    }

    .moondisk_area > ul > li > ul > li {

        padding-bottom: 6px;

        color: #333;

    }

    .moondisk_area > ul > li > ul > li > h3 {

        color: #000;

    }

    .moondisk_area > ul > li > ul > li > img {

        transition: transform 0.2s;

    }

    .moondisk_area > ul > li > ul > li > img:hover {

        transform: scale(1.1);

    }



    .section_05 {

        height: 1022px;

        padding-bottom: 0;

        border: 0;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/bg_map.jpg") center top no-repeat;

    }

    .map_area {

        max-width: 1280px;

        margin: 0 auto;

        padding-top: 120px;

        color: #fff;

    }

    .map_area > h2 {

        font-size: 62px;

        font-weight: 900;

    }

    .map_area > h3 {

        padding-top: 0;

    }



    /* slide */

    .slides {

        margin: 80px auto 0;

    }

    .slides .slide {

        max-width: 812px;

    }

    .slides .slide li {

        width: 100%;

    }

    .slides_control {

        max-width: 812px;

        margin: 0 auto;

    }

    .slides_control li img {

        border: #666 solid 5px;

    }

    .slides a.prev,

    .slides a.next {

        z-index: 9;

        top: 30%;

        width: 54px;

        height: 86px;

        background: url("https://web.archive.org/web/20211230211055im_/http://img.softnyx.com/3/ngb/main/btn_arrow_large.png") no-repeat;

    }

    .slides a.prev {

        left: 5px;

        background-position: 0 0;

        opacity: 0.4;

        filter: alpha(opacity=40);

    }

    .slides a.prev:hover {

        opacity: 1;

        filter: alpha(opacity=100);

    }

    .slides a.next {

        right: 5px;

        background-position: -54px 0;

        opacity: 0.4;

        filter: alpha(opacity=40);

    }

    .slides a.next:hover {

        opacity: 1;

        filter: alpha(opacity=100);

    }



    .section_06 {

        margin: 80px 0;

    }

}