@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);


html {
    font-family: 'NanumSquare', sans-serif;
}

/* 노말라이즈 */
body, ul, li, h1, h2, h3, h4, h5, p, figure {
    margin:0;
    padding:0;
    list-style:none;
}

a {
    color:inherit;
    text-decoration:none;
}

* {
    box-sizing: border-box;
  }


#warp {
    width:1040px;
    margin:0 auto;
}

.right_menu {
    position: fixed;
    right:0;
    top:0;
    width: 390px;
    height: 100%;
    background-image: linear-gradient(to bottom, #2E2F8B, #A8228E), url("../img/gradientpattern_color.png");
    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width:1820px) {
  .right_menu {
    display: none;
  }
}

.r_m_top {
    display: flex;
    justify-content: space-between;   
    margin-top:53px;
    margin-left:40px;
    align-items: flex-end;
}

.r_m_top > img { width:120px; }
.r_m_top > a { color:#fff; margin-right:40px;}
.r_m_top > hr { height:1px; background-color: #fff; border:none; margin:0 auto;}

.r_menu_tit {
    color: #fff;
    height: 13px;
    margin: 30px 0 30px 50px;
    display: none;
}
.right_m {
    color: #fff;
    margin-top : 50px;
    margin-left:30px;
    margin-right:30px;
}
.right_m > li {
    height: 54px;
    line-height: 54px;
    
}

.right_m > li:last-child {
    margin-bottom: 25vh;
}
.right_m > li > a {
    margin-left : 0;
}
.right_m > li:hover {
    background-color:#fff;
    border-radius: 7px;
}
.right_m > li:hover a {
    color:#6B2279;
}
.right_m > li.active {
    background-color:#fff;
    border-radius: 7px;
}
.right_m > li.active a {
    color: #6B2279;
}
.right_m .img-box {

    padding: 0 20px;
    vertical-align: -6px;
}
.right_m .img-box_over {
    padding: 0 20px;
    vertical-align: -6px;
    display:none;
}
.right_m > li:hover .img-box {
    display:none;
}
.right_m > li:hover .img-box_over {
    display:inline-block;
}
.right_m > li.active .img-box {
    display : none;
}
.right_m > li.active .img-box_over {
    display : inline-block;
}

.r_menu_bottom {
    background-color: #551C60;
    border-radius: 7px;
    width: 330px;
    padding :20px;
    margin : 30px;    
}
.r_m_b_w {
    line-height: 30px;
    color:#fff;
}
.r_m_b_w > img {
    vertical-align: -6px;
    padding-right: 20px;   
}



.topbar {
    width:100%;
    height:140px;
    display: block;
}
.top_navi {
    height:140px;
    display: flex;
    justify-content: space-between;
}
.top_logo {
    display: flex;
    justify-self:center;
    align-items: center;
}
.top_logo > a > img {
    width:165px;
    
}

.nav_top {
    display: flex;
    justify-self: center;
    align-items: self-end;
    padding-bottom:30px;
}
.nav_top > nav > ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.nav_top > nav > ul > li {
    font-size:24px;
    padding-right: 30px;
}
.nav_top > nav > ul > li:last-child {
    padding-right:0px
}

.nav_top > nav > ul > li > a:hover {
    color: #551C60;
}

.main_banner {
    width:100%;
    height: 900px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/mainbanner_image.jpg') #000 no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}

.banner_in {
    display: flex;
}
.banner_in > img {
    width: 400px;
    margin-top: 70px;
    margin-bottom: 20px;
}
.timer_tit {
    color : #fff;
    font-size: 25px;
    margin-top: 50px;
}
.timer_open {
    color:#fff;
    font-size: 50px;
    font-weight: 300;
    margin-top: 10px;
}
.dday {
    font-size : 25px;
    font-weight: 100;
}
.banner_in2 > img {
    height: 22px;
    margin-bottom: 10px;
}

.banner_in3 > img {
    
    margin-right: 50px;
    margin-top: 100px;
}
.banner_in3 > img:last-child {
    margin-right: 0px;
}


.part1 {
    width:100%;
    height: 820px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/part1_bg.jpg');
    background-size: cover;
}

.part1_tit {
    font-size: 60px;
    font-weight: 600;
    padding-top: 158px;
    color: #fff;
}
.part1_sub {
    font-size : 20px;
    color: #fff;
    margin-top: 60px;
}
.part1_sub > p {
    line-height: 40px;
}
.part1_time {
    display: flex;
    justify-content: space-between;
    position:relative;
}

.part1_left > img {
    width: 440px;
    display: block;
    margin-top : 96px;
}
.part1_left > span {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    display: block;
    margin-top : 47px;
}

.part1_right > a > img {
    width: 130px;
    position: absolute;
    margin-right: 20px;
    bottom:0;
    right:0;
}






.part2 {
    width:100%;
    height: 850px;
}

.part2_stit {
    font-size: 20px;
    font-weight: 500;
    padding-top:100px;
}
.part2_tit {
    font-size: 30px;
    font-weight: 800;
    padding-top: 15px;
}


.part2_news_left {
    display: inline-block;
    width:50%;
}

.part2_btit {
    width: 410px;
    height: 65px;
    background: linear-gradient(180deg, #000000 0%, #545454 100%), url('../img/buttonpattern_white.png');
    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin-top: 70px;
    font: 23px bold;
    line-height: 65px;
    letter-spacing: 0px;
    color: #fff;
}
.part2_btit > span {
    padding-left:20px;
}
.gg {
    display: block;
    margin : 5px 0 0 15px;
}
.gg:first-child {
    margin-top: 25px;
}

.more {
    width: 85px;
    height: 26px;
    margin : 20px 0 0 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 15px;
    font : 12px;
    letter-spacing: 0px;
    color : #000;
    display: flex;
    justify-content: center;
    align-items: center;
}




.part2_event_right {
    display: inline-block;
    width:49%;
    vertical-align: top;
}



.part3 {
    width:100%;
    height: 825px;
    background-color: #F1F1F1;
 
}



.part3_left {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.part3_stit {
    font-size: 20px;
    font-weight: 500;
    padding-top:100px;
}
.part3_tit {
    font-size: 30px;
    font-weight: 800;
    padding-top: 15px;
}
.part3_sub {
    margin-top: 75px;
    font-size: 30px;
    letter-spacing: 0px;
    color: #7D7D7D;
}
.part3_sub > span {
    font-weight: 600;
    color: #000;
}

.insta_baro {
    width: 300px;
    height: 57px;
    margin-top : 140px;
    border: 1px solid #000000;
    border-radius: 71px;
    font-size: 24px;
    line-height: 57px;
    text-align: center;
}


.part3_right {
    display: inline-block;
    width:455px;
}

#slider_h {
    overflow: hidden;
    position: relative;
    width: 455px;
    height: 825px;
    box-sizing: border-box;
}
.image-box {
    width: 425px;
    height: 3275px;
    display: flex;
    flex-wrap: nowrap;
    animation: bannermove 60s linear infinite;
}
.image-box > div {
    margin: 0px 0px -1px 0px;
}
@keyframes bannermove {
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(0, -60%);
    }
    100% {
        transform: translate(0,0);
    }
}




.footer {
    background-color: #000;
    color : #fff;
}

.expo_tit {
    font-size: 30px;
    font-weight : 500;
    padding-top : 165px;
}
.company {
    font-size: 14px;
    padding-top : 35px;
    padding-bottom : 140px;
}
.company > p:last-child {
    padding-top : 20px;
}

.footer_rel {
    position: relative;
}

.top_go {
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    color : #000;
    border-radius: 50px;
    position : absolute;
    top : 108px;
    right: 20px;
    font-size: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}


.sub_banner {
    width: 100%;
    height: 500px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/subpage_banner.jpg') #000 no-repeat;
    background-size: cover;
    background-position: center;
}


.sub_menu > nav > ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    padding-top : 150px;
    padding-bottom : 100px;
}

.sub_menu > nav > ul > li {
    font-size : 28px;
    font-weight: 500;
    color : #929292;
    padding-right: 80px;
}

.sub_menu > nav > ul > li:last-child {
    padding-right: 0px;
}


.sub_menu > nav > ul > li:hover {
    color : #682F72;
}
.sub_menu > nav > ul > li > a:after {
    display:block;
    width:120%;
    justify-self: center;
    content: '';
    padding-top : 10px;
    border-bottom: solid 2px #682F72;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
.sub_menu > nav > ul > li > a:hover:after {
    transform: scaleX(1);
}


.sub_menu > nav > ul > li.active a:after {
    
    transform: scaleX(1);
    width:120%;
    justify-self: center;
    content: '';
    padding-top : 10px;
    border-bottom: solid 2px #682F72;
}

.sub_menu > nav > ul > li.active a {
    color : #682F72;
}



/* sub page - about1 */
.about_1_warp {
    text-align: center;
}
.about_tit {
    margin-top: 150px;
}
.about_logo {
    width: 300px;
    margin-top: 160px;
}
.about_tit_text {
    margin-top : 50px;
    margin-bottom : 75px;
    font-size: 30px;
    line-height: 30px;
}
.about_1_warp > p {
    font-size: 22px;
}
.about_graph {
    margin-top:200px;
}
.about1_bg {
    width: 100vw;
    margin-top: 200px;
    margin-left : calc(-50vw + 50%);
}
.about_star {
    margin: 85px 0;   
}
.about_tit_text2 {
    color: #7B1868;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 85px;
}
.about_blank {
    height: 330px;
}


/* sub page - about2 */
.about2_summary {
    margin-top: 90px;
}
.summary_left {
    width: 375px;
    display: inline-block;
}
.summary_left > img {
    width: 325px;
}

.summary_right {
    display: inline-block;
    vertical-align: top;
}
.summary_right > span {
    font-size: 27px;
}
.summary_table {
    margin-top: 40px;
    border-top:#2D2663 2px solid;
    border-collapse: collapse;
}
.summary_table_tr {
    height: 55px;
    border-bottom:#B5B5B5 1px solid;
}
.table_tit {
    width: 200px;
    text-align: center;
    background-color: rgba(36, 72, 133, 0.15);
    font-weight: 600;
    font-size: 20px;
}
.table_sub {
    width: 440px;
    font-size: 20px;
    text-indent: 25px;
}
.product {
    margin-top: 150px;
}
.tit_star {
    color : #7B1868;
    font-size: 30px; 
    
    display: flex;
    align-items: center;
}
.tit_star > span {
    padding-left : 16px;
}

.top_line {
    width: 100%;
    height: 2px;
    background: #641254;
    margin-top : 25px;
}
.product_sum {
    height: 160px;
    display: flex;
    align-items: center;
}
.product_icon {
    width: 80px;
    height: 80px;
    margin : 0 50px 0 75px;
}

.product_circle {
    width: 110px;
    height: 110px;
    border-radius: 55px;
    background-color: #263F6D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 500;
}
.product_line {
    width: 2px;
    height: 80px;
    margin: 0 55px;
    background-color: #DEDEDE;
}
.product_sub {
    font-size: 22px;
}

.middle_line {
    width: 100%;
    height: 1px;
    background-color: #B5B5B5;
}



/* sub page - about3 */
.about_3_warp {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}



/* sub page - about4 */


.map {
    margin-top: 90px;
}
.tit_star2 {
    color : #7B1868;
    font-size: 30px; 
    margin-top: 150px;
    display: flex;
    align-items: center;
}
.tit_star2 > span {
    padding-left : 16px;
}
.summary_table2 {
    width: 100%;
    margin-top: 20px;
    border-top:#2D2663 2px solid;
    border-collapse: collapse;
}
.summary_table_tr2 {
    height: 100px;
    border-bottom:#B5B5B5 1px solid;
}
.table_tit2 {
    width: 325px;
    background-color: #F6F6F6;
    font-size: 22px;
    text-align: center;
}
.table_sub2 {
    
    font-size: 22px;
    padding-left: 30px;
}


.bus_circle {
    width: 300px;
    height: 75px;
    color : #fff;
    font-size: 24px;
    background: linear-gradient(180deg, #000000 0%, #545454 100%), url('../img/buttonpattern_white.png');
    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
}
.bus_sub {
    display: inline-flex;
    font-size : 25px;
    margin-left: 65px;
}
.park_important {
    color: #FF0057;
    margin-top: 20px;
    margin-left : 40px;
    font-size: 18px;
}
.summary_table3 {
    width: 100%;
    margin-top: 20px;
    border-top:#2D2663 2px solid;
    border-collapse: collapse;
    text-align: center;
}
.summary_table_tr3 {
    height: 70px;
    border-bottom:#B5B5B5 1px solid;
}
.summary_table_tr3 > td {
    border-left: #B5B5B5 1px solid;
    border-right: #B5B5B5 1px solid;
}
.summary_table_tr3 > .noline {
    border-left: 0px;
    border-right: 0px;
}
.table_tit3 {
    background-color: #F6F6F6;
}
.f22 {
    font-size: 22px;
}
.f20 {
    font-size: 20px;
}
.f18 {
    font-size: 18px;
}