body{
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
ul {margin:0; padding:0; list-style:none;}
p{margin: 0;}

/* ===
    ::::::::: 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:300;
        font-size:12px;
        font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 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 :::::::::::
=== */

/* 변경 */

/*body .logo{position:absolute; z-index:99; top:20px; height:80px; left:50%; transform:translateX(-50%);}
body .logo img{height:80px;}*/

/*@media only screen and (max-width: 960px) {
    body .logo{position:fixed; height:60px; top:15px; z-index:300;}
    body .logo img{height:50px;}
}*/

/* 변경끝 */

#header {
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	width:100%;
	height:90px;
	/*min-height:650px;
	background:#fff;
	border-left:3px solid #213740;
	border-right:1px solid #e8e8e8;*/
	}
#header .header-layout{
	width: 95%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

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


    #header .book {position:absolute;top:10px;left:0;z-index:510;}
	
	
#header .menu_btn a{
	display:flex;
	flex-direction: column;
	gap: 7px;
	width: 25px;
}
#header .menu_btn span{
	width: 100%;
	height: 1px;
	background: #fff;
	position: relative;
	transition: all .4s;
}
#header .menu_btn.on span:nth-child(1){
	transform: rotate(45deg);
    top: 4px;
}
#header .menu_btn.on span:nth-child(2){
	display: none;
}
#header .menu_btn.on span:nth-child(3){
	transform: rotate(-45deg);
    top: -4px;
}


/*#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: fixed;
	top:0;
	background:rgba(0,0,0,0.9);
	z-index:550;
	width:100%;
	height:100vh;
	display: none;
}
#header .gnb.open{
	display: block;
}

#header .gnb .gnb-layout{
	display: flex;
    align-items: center;
    justify-content: center;
	width: 90%;
	max-width: 1200px;
    height: 100%;
	margin: 0 auto;
}
#header .gnb ul.only_pc {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
	width: 100%;
}
#header .gnb ul.only_pc > li > a{
	font-size: 23px;
	font-weight: 600;
}

#header .gnb ul.only_pc > li > ul{
	display: flex;
    flex-direction: column;
    gap: 15px;
	margin-top: 30px;
}

#header .gnb > ul > li {
	/*position:relative;width:20%;float:left;*/
}
#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:50%;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:#fff;}
#header .gnb .gnb_logo {position:absolute;left:80px;top:50px;}
#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:#fff;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_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;}


    
}


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







.footer {
    width:100%;
    padding:40px 0;
    text-align:left;
    font-size:13px; 
    line-height:20px;
    background:#000; color:#fff;
	border-top: 1px solid #555;
}
    .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;  font-size: 24px; line-height:24px;}
.footer_logo h1 img{height:60px;}
.footer_logo p{font-weight:600; font-size: 16px;  margin:5px 0 0;}
.footer_inner{width:90%; max-width:1200px; margin:0 auto; text-align:left;}

.footer_cont ul{
	display: flex;
    gap: 20px;
	align-items: center;
}

/*.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_inner .footer-text-box{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footer_cont p{    margin-top: 7px;}
.footer_cont h5{margin-bottom:10px;}

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

.footer_last ul li{float:left; width:50%; display:block; font-size:14px;}
.footer_last a{display: flex; align-items: center; gap: 7px;}
.footer_rsv a:hover{border-bottom:1px solid #000;}

.footer_sns a span{
}

.footer.mb {
    display:none;
}

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



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

    /*.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 .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:50px;}
        #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;
}




/* 250822 수정 */
@media all and (max-width: 1000px){
	#header .gnb ul.only_pc{
		flex-direction: column;
		justify-content: unset;
		gap: 60px;
		overflow-y: scroll;
		height: 100%;
	}
	#header .gnb .gnb-layout{
		padding: 200px 0 50px;
	}
	.footer_cont ul{
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}
}

@media all and (max-width: 640px){
	#header{
		height: 70px;
	}
	#header .logo img {
		height: 40px;
	}
	#header .gnb .gnb-layout {
        padding: 120px 0 50px;
    }
	#header .gnb ul.only_pc{
		gap: 40px;
	}
	#header .gnb ul.only_pc > li > a {
		font-size: 20px;
	}
	#header .gnb ul li a{
		font-size: 14px;
	}
	#header .gnb ul.only_pc > li > ul{
		gap: 10px;
		margin-top: 20px;
	}
	.img_view h2 {
        font-size: 2.85rem;
    }
	.footer_inner{
		text-align:center;
	}
	.footer_inner .footer-text-box{
		flex-direction: column-reverse;
		align-items: center;
		gap: 15px;
	}
	.footer_cont ul{
		align-items: center;
		gap: 3px;
	}
	.footer_cont p {
		margin-top: 12px;
		font-size: 11px;
		color: rgba(255,255,255,0.7);
	}

}