@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500|Playfair+Display:700|Raleway:500,700&display=swap&subset=korean');
ul {margin:0; padding:0; list-style:none;}

/* ===
    ::::::::: Default :::::::::
=== */


/* Text Selection Color */

    ::-moz-selection {
        background-color: #232476;
        color: #fff;
    }
    ::selection {
        background-color: #232476;
        color: #fff;
    }



/* Slick List 부모 Element Height 100% Setting */
    .slick-list {
        height:100% !important;
    }
    .slick-track {
        width:100%;
        height:100%;
    }




/* :::::::: Common Usage ::::::::  */

    .color_info {color:#1E90FF;}
    .color_warning {color:#D60808}


/* :::::::: 반응형 ::::::::  */

.only_pc{display:block;}
.only_m{display:none;}
@media only screen and (max-width:768px){
    body .only_pc{display:none;}
    body .only_m{display:block;}
}

.gnb .only_pc{display:block;}
.gnb .only_m{display:none;}
@media only screen and (max-width:960px){
    body .gnb .only_pc{display:none;}
    body .gnb .only_m{display:block;}
}

/* ===
    :::::::: Scroll Image animation :::::::::
=== */

.wrap_scroll {
    position:absolute;
    bottom:20px;
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:10;
}
.scroll_motion {
    animation: scroll_motion 1.5s linear infinite;
    transform:translateY(-2px);
    display:inline-block;
}
@keyframes scroll_motion {
    0% {transform:translateY(-2px);}
    50%{transform:translateY(8px);}
    100%{transform:translateY(-2px);}
}
.scroll_txt {
        margin-top:5px;
        font-size:14px; line-height:17px;
        color:white;
        font-weight:100;
        letter-spacing:2px;
        font-size:12px;
        font-family: sans-serif;
    }



/* ===
   ::::::::::: Slide Arrows :::::::::::
=== */

.wrap_arrow {
    position:absolute;
    top:43%; transform:translate(0,-50%);
    width:100%;
    z-index:100;
}

    .arrow {
        position:absolute;
        cursor: pointer;
        width: 40px; height: 120px;
        transition: transform .1s;
        cursor:pointer;
    }

    .arrow.m_next {
        top:0; right:60px;
    }

    .arrow.m_prev {
        top:0px; left:120px;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }


.arrow-top, .arrow-bottom {
    background-color: #666;
    height: 4px;
    left: -5px;
    position: absolute;
    top: 50%;
    width: 100%;
}

    .arrow-top:after, .arrow-bottom:after {
        background-color: #fff;
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        transition: all 0.15s;
    }

.arrow-top {
    transform: rotate(45deg);
    transform-origin: bottom right;
}

    .arrow-top:after {
        left: 0%; /* 100% for Efect */
        right: 0;
        transition-delay: 0s;
    }

.arrow-bottom {
    transform: rotate(-45deg);
    transform-origin: top right;
}

    .arrow-bottom:after {
        left: 0;
        right: 0%; /* 100% for Efect */
        transition-delay: 0.15s;
    }

@media only screen and (max-width: 768px) {
    .wrap_arrow{display: none;}
}

/* .arrow:hover .arrow-top:after {
    left: 0;
    transition-delay: 0.15s;
}

.arrow:hover .arrow-bottom:after {
    right: 0;
    transition-delay: 0s;
} */


/* ===
   ::::::::::: Menu Start :::::::::::
=== */

#header {position:fixed;top:0;left:0;z-index:200;width:46px;height:100%;min-height:650px;
	background:#fff;border-left:3px solid #213740;border-right:1px solid #e8e8e8;}

#header .logo{position:inherit; left:50%; top:20px; transform:translateX(-50%); font-family: 'NIXGONL-Vb', serif; color:#fff; text-align: center; text-shadow:-2px 0px 1px rgba(0,0,0,0.5);}
#header .logo h1{font-weight:800; letter-spacing:3px; font-size: 24px; font-family: 'NIXGONL-Vb', serif;}
#header .logo p{font-size: 16px; letter-spacing:4px; margin:5px 0 0;}
#header .logo img{height:60px;}
#header .gnb_logo h1{font-weight:800; letter-spacing:3px; font-size: 24px; font-family: 'NIXGONL-Vb', serif;}
#header .gnb_logo h1 img{height:84px;}
#header .gnb_logo p{font-size: 16px; letter-spacing:4px; margin:5px 0 0;}


    #header .book {position:absolute;top:10px;left:0;z-index:510;}
#header .menu_btn {position:absolute;left:0;top:50%;margin-top:-40.5px;z-index:510;width:81px;height:81px;}
#header .menu_btn a {display:block;width:63px;height:63px;overflow:hidden;}
#header .menu_btn a img {}
#header .menu_btn a img.menu {position:absolute;left:0;top:0;display:block; width:80px; height:80px;}
#header .menu_btn a img.menu_on {position:absolute;left:0;top:0;display:none; width:80px; height:80px;}

.top {position:relative;top:0;z-index:450;}
.top h1 {position:absolute;left:50%;top:15px;margin-left:-60px;}
.top h1 a {display:block;}

#header .gnb {
	position:relative;top:10px;background:rgba(255,255,255,0.95);z-index:550;
	width:100%;height:100%;min-height:650px;min-width:1200px;
}
#header .gnb > ul {width:1100px;height:400px;margin:-150px 0 0 -550px;position:absolute;left:50%;top:48%;}
#header .gnb > ul > li {position:relative;width:15.33%;float:left;}
#header .gnb > ul > li.glt_01 {width:20%}
#header .gnb > ul > li.glt_02 {width:20%}
#header .gnb > ul > li.glt_03 {width:20%;}
#header .gnb > ul > li.glt_04 {width:20%}
#header .gnb > ul > li.glt_04 li:nth-of-type(1) a{ color :#e20000; font-weight: 700;}
#header .gnb > ul > li > a {padding:10px 0;font-weight:500;font-size:20px;}

#header .gnb > ul > li > ul {position:relative;float:left;margin-top:20px;width:100%;height:100%;}
#header .gnb > ul > li.glt_03 ul li {width:100%;float:left;}
#header .gnb > ul > li > ul li {line-height:2em;}
#header .gnb > ul > li > ul li a {font-weight:lighter;font-size:15px;}
#header .gnb > ul > li > ul li a:hover {font-weight:bold;}

#header .gnb ul li a {display:block;color:#292929;}
#header .gnb .gnb_logo {position:absolute;left:80px;top:50px; font-family: 'NIXGONL-Vb', serif;}
#header .gnb .close_btn {position:absolute;left:20px;top:50%;margin-top:-31.5px;}
.close_btn a img{width:52px; height:52px;}

#header .gnb .gnb_bott {width:92%;position:absolute;left:0;bottom:40px;padding:0 3% 0 5%;}
#header .gnb .gnb_bott p {float:left;margin-right:130px;color:#292929;font-size:15px;line-height:1.3em;}
#header .gnb .gnb_bott p.gonys {float:right;margin-top:35px;opacity:0.65;margin-right:0;}
#header .gnb .gnb_bott p.gonys a {display:inline-block;}
#header .gnb .gnb_bott p.follow {overflow:hidden;}
#header .gnb .gnb_bott p.follow a {float:left;margin-right:12px;}

#header .gnb .gnb_bott p span {display:block;margin-bottom:15px;opacity:0.65;}
#header .gnb .gnb_bott p a {display:block;color:#292929;}

#header .sns {position:absolute;bottom:0;left:0;width:46px;padding-top:10px;z-index:510;}
#header .sns a {display:block;margin:15px auto;}


.header_new_move { text-align: center; padding-top: 13px; animation: scroll_motion 1.5s linear infinite; transform:translateY(-2px); }
.header_new_move p { margin: 5px 0; font-family: 'NIXGONL-Vb', serif; font-weight: 600; }

/* header_m */

@media only screen and (max-width: 960px) {
    #header .menu_btn a img.menu {width:60px; height:60px;}
    #header .menu_btn a img.menu_on {width:60px; height:60px;}
    .close_btn a img{width:40px; height:40px;}

    #header .gnb {
        position:relative; min-width:340px; overflow-y:scroll;
    }
    #header .gnb .gnb_logo {position:static; margin:10px auto 40px; text-align: center;}

    #header .gnb > ul.only_m {width:300px;height:auto;margin:0 auto 20px; position:static; text-align:center}
    #header .gnb > ul.only_m > li{float:none; width:100%; margin-bottom:10px;}
    #header .gnb > ul.only_m > li > ul {position:relative;float:none;margin:10px auto 20px;;width:100%;height:auto; display:none;}
    #header .gnb > ul > li.glt_03 ul:after{clear:both; display:block; content:"";}

    #header .gnb .gnb_bott {width:100%; position:static; text-align: center; padding:0;}
    #header .gnb .gnb_bott p {float:none; margin:0; margin-bottom:20px; color:#292929;font-size:15px;line-height:1.3em;}
    #header .gnb .gnb_bott p a {display:inline-block;color:#292929;}
    #header .gnb .gnb_bott p.follow a {float:none; margin-right:12px;}
  #header .logo h1{font-size:16px }
#header .logo p{font-size: 12px;}
#header .gnb_logo h1{font-size:16px }
#header .gnb_logo p{font-size: 12px;}
#header .gnb .gnb_logo{padding: 0 80px;}
}

@media only screen and (max-width: 768px) {
    #header .logo{text-shadow:none;}
    #header .logo h1{color:#444;}
    #header .logo p{color:#444; letter-spacing:2px;}
    #header .book{display:none;}
    .margin_top_m{margin-top:90px;}
    body #header .sns .only_pc{display:none;}
}


/* ===
   ::::::::::: Menu Responsive End :::::::::::
=== */







.footer {
    width:100%;
    padding:60px 20px;
    text-align:left;
    font-size:13px; font-family:"Noto Sans KR";
    line-height:20px;
    background:#dedede; color:#000;
}
    .footer span.madeby {color:#FFC809;}
    .footer a.a_login {color:#868686;}
    .footer a.a_login:hover {color:#505050;}
    img.img_f_logo {vertical-align:-5px;}

.footer_logo{display:block;margin-bottom:30px; font-family: 'NIXGONL-Vb', serif;}
.footer_logo h1{font-weight:800; letter-spacing:1px; font-size: 24px; line-height:24px; font-family: 'NIXGONL-Vb', serif;}
.footer_logo h1 img{height:60px;}
.footer_logo p{font-weight:600; font-size: 16px; letter-spacing:.5px; margin:5px 0 0;}
.footer_inner{width:100%; max-width:1200px; margin:0 auto; text-align:left;}

.footer_inner .footer_cont{float:left;}
.footer_inner .footer_cont:nth-child(2){width:40%; margin-right:5%;}
.footer_inner .footer_cont:nth-child(3){width:25%; margin-right:5%;}
.footer_inner .footer_cont:nth-child(4){width:25%; margin-right:0; margin-top:10px;}
.footer_inner:after{clear:both; display:block; content:"";}

.footer_cont p{margin:5px 0;}
.footer_cont h5{margin-bottom:10px;}

.footer_btn ul{float:left; width:50%;}
.footer_btn ul li{margin:20px 0;}
.footer_btn ul li a{font-weight:bold; color:#000; font-size:15px;}
.footer_btn:after{clear:both; display:block; content:"";}

.footer_last ul li{float:left; width:100%; display:block; font-size:14px;}
.footer_last ul li a{display:inline-block;margin-bottom:10px;margin-right:0px; padding-bottom:4px; margin-left:0px;}
.footer_rsv a:hover{border-bottom:1px solid #000;}

.footer_sns a span{
    transform: translateY(-7px);
    display: inline-block;
    margin-left:5px;
}

.footer.mb {
    display:none;
}

.display_none {display:none;}
.mt {margin-top:10px;}
#menu_nav_wrap .nav-list li.boder_none {border:none}

.footer_rsv a{color:#e20000; font-size: 18px; font-weight: 700;}

@media only screen and (max-width: 768px) {
    .fullpage-wrapper .footer{padding-left:0;}
    .footer {
        padding:20px 10px;
        font-size:11px; font-family:"Noto Sans KR";
        line-height:14px;
        background:#dedede; color:#000;
    }
    .footer_inner{text-align:center;}
    .footer_logo{display:inline-block;}

    .footer_inner .footer_cont:nth-child(2){width:100%; margin:5px auto;}
    .footer_inner .footer_cont:nth-child(3){width:100%; margin:5px auto;}
    .footer_inner .footer_cont:nth-child(4){width:100%; margin:5px auto;}

    .footer_last ul li{width:100%;}

}


/* ================

    :::::::::::::: Menu Style-2 ::::::::::::::

================ */

    .wrap_mb_menu_2 {
        display:none;
    }
    .wrap_mb_menu2_list {
        display:none;
    }

    @media only screen and (max-width: 768px) {
        #full_intro #section_foot{padding-left:10px;}

        #header{width:100%; min-height:90px; height:90px;border-left:none;border-bottom:3px solid #213740}
        #header .menu_btn{width:60px;height:60px; left:5px; margin-top:-30px;}
        #header .menu_btn a{width:60px;height:60px;}
        #header .menu_btn a img.menu{width:60px;height:60px;}
        #header .menu_btn a img.menu_on{width:60px;height:60px;}
        #header .gnb .close_btn{top:40px;}
        #header .logo{top:15px;}
        #header .logo img{height:50px;}
        #header .gnb_logo h1 img{height:56px;}
        #header .sns{left:auto; right:0; bottom:10px;}
        #header .sns a{display:inline-block; margin:0; padding:5px;}
        #header .sns a img{transform:scale(1.4);}
        #header .sns a:nth-child(2){display:none;}
        #header .sns a:nth-child(3){display:none;}



        .wrap_mb_menu_2 {
            position:absolute;
            display:flex;
            align-items:center;
            position:relative;
            width:100%;
            min-height:50px;
            background-color:#262626;
            border-top:1px solid white;
            overflow-x:scroll;
        }
            .wrap_mb_menu_2.mt {
                margin-top:60px;
            }

            .wrap_mb_menu_2 > a {
                display:inline-block;
                min-width:25vw;
                font-size:4vw;
                font-weight:bold;
                color:white;
                text-align:center;
            }
            .wrap_mb_menu_2 > a.long {
                min-width:30vw;
            }

        .sub_menu_con_2 {
            display:none;
            position:relative;
            padding:20px 0;
            width:100vw;
            left:0;
            background-color:#262626;
        }

        .sub_menu_con_2 a {
            display:block;
            margin-top:5px;
            padding:10px 0;
            text-align:center;
            color:white;
            font-weight:bold;
        }


        .wrap_mb_menu2_list {
            display:block;
            border-top:1px solid white;
        }

        .wrap_mb_menu2_list .sub_menu_con_2 {
            display:none;
        }


        a.a_title.mb_icon i.fab {
            font-size:20px;
            line-height:20px;
        }


    }





/* ============ Panorama ================ */

.pano_m {
    margin-bottom:5px;
    width:100%;
    height:300px;
}

.info_vr {
    position:absolute;
    top:100px;
    width:100%;
    text-align:center;
    opacity:.5;
    color:white;
}



/* ===============

:::::::::::: Menu Style - 3 ::::::::::::

================== */


.wrap_mb_menu_3 {
    display:none;
}

@media only screen and (max-width: 800px) {
    #header.head_3 {
        position:fixed;
    }

    .wrap_mb_menu_3 {
        position:relative;
        display:flex;
        justify-content:center;
        position:relative;
        padding-top:15px;
        width:100%;
        min-height:50px;
        background-color:#262626;
        border-top:1px solid white;
    }
        .wrap_mb_menu_3.mt {
            margin-top:60px;
        }

        .list_mb_menu_3  {
            width:25%;
        }

        .list_mb_menu_3 > a {
            display:inline-block;
            min-width:25vw;
            font-size:2vw;
            font-weight:bold;
            color:white;
            text-align:center;
        }

        .list_mb_menu_3.short > a {
            min-width:20vw;
        }
        .list_mb_menu_3.long > a {
            min-width:30vw;
        }

    .sub_menu_con_3 {
        display:none;
        position:absolute;
        padding:20px 0;
        width:100vw;
        left:0;
        background-color:#262626;
    }
    .wrap_mb_menu_3.row_1st .sub_menu_con_3 {
        margin-top:50px;
        max-height:60vh;
        overflow:scroll;
    }

    .sub_menu_con_3 a {
        display:block;
        margin-top:5px;
        padding:10px 0;
        text-align:center;
        color:white;
        font-weight:300;
    }

    a.a_title.mb_icon i.fab {
        font-size:20px;
        line-height:20px;
    }


}



@media only screen and (max-width: 500px) {


    .list_mb_menu_3  {
        width:auto;
    }

    .list_mb_menu_3 > a {
        display:inline-block;
        min-width:25vw;
        font-size:4vw;
        font-weight:300;
        color:white;
        text-align:center;
    }

}




/* :::::::::::::::::

    Responsive - Menu

::::::::::::::::: */

@media only screen and (max-width: 800px) {

    /* Header 1 Margin-top */

    /* .head_margin {
        margin-top:50px !important;
    } */

    /* Header 2 Margin-top */

    /* .head_margin {
        margin-top:150px !important;
    } */



}



/* ::::::::::::::::::::::::::::::::::

 팝업레이어

:::::::::::::::::::::::::::::::::: */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; z-index:100;}
.hd_pops img{max-width:100%}
.hd_pops_con {
    width: auto !important;
    height: auto !important;
    max-width: 450px;}
.hd_pops_con p {margin:0 !important}
.hd_pops_footer {margin-top:-30px; padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}



@media screen and (max-width:500px){
    [id^="hd_pops_"] {
        left:0 !important;
    }
    .hd_pops_con {
        margin:0 auto;
        width:90% !important;
    }

    .hd_pops_footer {
        width:90%;
        margin:-23px auto 0 auto;
        font-size:13px;
    }

    #hd_pops_2 {
        top:300px !important;
    }
}

#hd_pop .sound_only {
    display:none;
}