@media all and (max-width: 1600px) { 

	html { font-size: 15px; }
	
}
@media all and (max-width: 1400px) { 
	
    #cursor { display: none; }

	html { font-size: 14px; width: 100vw; }

	#fullpage { height: auto; }
	.section { height: auto; }
	body.main .all_wrap { height: auto; }

    body.main { position: relative; /* overflow-y: hidden; */ }
    /* body.auto { overflow-y: auto !important; } */

	/* #fullpage { height: auto; }
	.section { height: auto; }
	body.main { overflow-y: hidden; }
	body.main .all_wrap { height: auto; } */

    /* body.main { overflow-y: hidden; } */
    /* body.auto { overflow-y: auto !important; } */

 /**/

    .right_scroll_wrap { display: none !important;}
	
	.main_skip_bt { width: 70px; height: 70px; position: absolute; right: 4%; bottom: 4%; left: revert; top: revert; animation: sub_top_txt111 1.0s 1.0s both; }
    .main_skip_bt>div { width: 70px; height: 70px; background-color: #000; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 1; position: absolute; display: flex; }
    .main_skip_bt>div p { font-family: 'lexend', sans-serif; color: #fff; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; display: block; }
    .main_skip_bt>div:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #000; opacity: 0.3; border-radius: 100%;  
    
        animation-name: cursor_skip, cursor_skip2;
        animation-duration: 2.1s, 2.1s;
        animation-delay: 0s, 0s;
        animation-timing-function: ease, ease;
        animation-fill-mode: both, both;
        animation-iteration-count: infinite, infinite;

    }
            
    @keyframes intro {
        from { width: 0%; }
        to { width: 100%; }
    }


	.intro_all_wrap { height:100vh; }
	.intro_txt_box2 { padding: 0 3rem; box-sizing: border-box; }
	.intro_txt_box2 h1 { font-size: 6.25rem; }

    
    .by_bn { right: 4%; top: 8rem; transform: 0s; }


	/**/


	.ribon01 { left:-100%; bottom:0;  transform: translate(-10rem); }
	.ribon02 { right:-200%; top:-10rem;}

	.int_pop.on .ribon01 { left:0;  transform: translate(0); transition: 1.2s 1.5s; }
	.int_pop.on .ribon02 {  right:-30%; top:10rem;   transition: 1.8s 1.2s; }


    @media all and (max-width: 1000px) { 

		.ribon02 img { width:100%; }
		.gift_gg_box { width:90%; }
		.gift_car_box { width:60%; }
		.gift_car { width:50%; }
		.gift_gg.gg01 { width:20%; }
		.gift_gg.gg02 { width:50%; }

        .int_pop.on .ribon02 {  right:-100%; top:5rem;   transition: 1.8s 1.2s; }

		.line03_svg {  width: 30rem; }



		.logo_stroke .st0,
		.logo_stroke .st1,
		.logo_stroke .st2 {stroke-width:3;}

		.int_img {  bottom:0rem; }
		.int_img img { width:100%;}


			

		

    }


/*  */

    .main_wrap { width: 100vw; height: auto; flex-wrap: wrap; }

    .main01 { height: 100dvh; position: relative; }
    .main02 { width: 100%; height: auto; position: relative; padding: 8rem 0rem; flex-direction: column; gap: 15rem; gap: 3rem; background: url(../img/main_img.png)no-repeat bottom / contain; }
    .main02>div>div:first-child { width: 85%; transform: translateY(0); flex-direction: column; justify-content: center; align-items: flex-start; gap: 6.5rem; }
    .main02>div:first-child { width: 100%; transform: translateY(0); position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; flex-direction: column; }
    .main02::before { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: #000; opacity: 0.8; z-index: 2; transition: 1.5s; }
	.main03 { width: 100%; height: auto; position: relative; padding: 7rem 0rem; flex-direction: column; gap: 15rem; gap: 3rem; background-color: #004976; }
	.main03>div>div:first-child { width: 85%; transform: translateY(0); flex-direction: column; justify-content: center; align-items: flex-start; gap: 6.5rem; }
    .main03>div:first-child { width: 100%; transform: translateY(0); position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; flex-direction: column; }


    .main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_img_pad.jpg)center no-repeat; background-size: cover; transform:scale(1.2); }
	.main_img2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_img02_pad.png)center no-repeat; background-size: cover; z-index: 2; opacity: 0; }
        

    
    .main_txt_box>div { }
    .main_txt_box h4 {  transition: 0s; }
    .main_txt_box h2 {  margin-top: 0.5rem; transition: 0s; }
    .main_txt_box img { width: 28rem; margin-top: 2.4375rem; transition: 0s; }

	.main_icon_box_wrap>div {  transform:translateY(10rem);}
    
        
    .main_pr_wrap { right: 5%; bottom: revert; top: calc(100vh - 12.5rem); transition: 0s; }
        
    /* .cal_txt_box { text-align: center; color: #fff; margin-bottom: 0rem; position: relative; z-index: 9; }
    .cal_txt_box>div { transition: 0s; transform: translateY(-3rem); }
    .cal_txt_box>div img { width: 13rem; right: -2.25rem; top: -5.25rem; }
    .cal_txt_box h2 { font-size: 6rem; margin-left: -0.5rem; transition: 0s; }
    .cal_txt_box h5 { font-size: 1.375rem; margin-top: 0rem; transition: 0s; }
    .cal_txt_box span { width: 2.875rem; background-color: #fff; margin: auto; margin-top: 5rem; }
    .cal_txt_box p { font-size: 0.9375rem; margin-top: 1.875rem; }
    .cal_txt_box h4 { font-size: 1.375rem; margin-top: 2.375rem; } */
    
    .main_cal_box { margin-top: 0rem; position: relative; transition: 0s; z-index: 9; justify-content: center; align-items: center; transform: translateY(3rem); }
    .main_cal_box ul { gap: 0.75rem; }
    .main_cal_box ul li { width: calc(33.33% - 0.5rem); }
    .main_cal_box ul li:nth-child(n+7) { width: calc(50% - 0.375rem); } 
    .main_cal_box ul li>div { padding: 2.125rem 1.875rem; }
    .main_cal_box ul li h3 { font-size: 1.3125rem; }
    .main_cal_box ul li h4 { font-size: 1rem; margin-top: 0.25rem; }
    
    .main_cal_box ul li::before,
    .main_cal_box ul li::after,
    .main_cal_box ul li span { display: none; }

    .main_cal_bt { flex-wrap: wrap; gap: 1.25rem 0.875rem; }
    .main_cal_bt a { font-size: 1.125rem; }

	
    .sum_sum { max-width: revert; transition: 0s; position:relative; margin-top:3rem; }
    .sum_sum ul { gap: 4.625rem 3.5rem;  }
    .sum_sum ul li { width: calc(33.33% - 2.375rem);  }
    .sum_sum ul li h3 { font-size: 1.25rem; }
    .sum_sum ul li p { font-size: 1rem;  }

	.sum_txt_box {  transform: translate(0);  }
	.sum_sum .imgc { text-align: left;}

        


    .main_wrap.on .main_txt { opacity: 1; transform: translate(0); transition: 2s 0s; }
    .main_wrap.on .main_txt_img { opacity: 1; transition: 1.5s 1s; }
    .main_wrap.on .main_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.5s 0.4s; }
    .main_wrap.on .main_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.5s 0.4s; }

    .main_square_wrap>div.active .main_square>div>span::before { width: 85%; transition: 2.1s 0.2s; }
    .main_square_wrap>div.active .main_square>div>span::after { height: 85%; transition: 2.1s 0.2s; }
    .main_square_wrap>div.active .main_square h4 { opacity: 1; transition: 1.2s 0.2s; }
    .main_square_wrap>div.active img { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }    
    .main_img_box.active .main_img_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.8s !important; }
    .main02 .imgc.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

    .sum_top.active .sum_tit_box>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_top.active .sum_img_box img { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_sum.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_bottom.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_txt span  { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
	.sum_sum.active .imgc { opacity: 0.6; transition: 1.2s 0.8s; }
        
    /* .calendar_ob { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
    .cal_txt_box>div { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; } */
    .sum_txt_box.active>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .cal_content.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

    .cal_txt_box.active>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .main_cal_box.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .main_cal_bt.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

	.main_gm img {width:100%;}

	

    @media all and (max-width: 1000px) { 



        .main_txt_box>div { transform: translateY(-10rem); }
		.main_txt_box { width:80%; justify-content:center;}
		.main_icon_box_wrap { width:85%; }
        
        /* .main_cal_box ul li { width: calc(33.33% - 0.5625rem); } */
        .main_cal_box ul li:nth-child(n+1) { width: calc(50% - 0.5rem); } 
        
        .main_img.img01 { background: url(../img/main_img_mo.jpg) center top / cover no-repeat; }
		.main_gm img {width:100%;}
		.main_gm {  }

    }
    
/*  */

	#section2 { height: auto;	}
/*  */

	#section3 { height: auto;	}
	.complex_wrap { width: 100vw; height: auto; display: block; }
	.complex01 { height: 80vw !important;}
	.complex_txt_box { transform: translateY(-5rem); text-align: center; margin-top: -3rem;}
	.complex_txt_box>div>div {  justify-content: center; }
	.complex02 { display: block; padding-top: 6rem;}
	.complex02>div { width: 100% !important;}
	.complex_bg_box { height: 60vw; margin-top: 5rem; }

/*  */

	.community_wrap { justify-content: flex-start; height: auto; }
	.commu_bg2 { right: 8rem; top: 5%; }
	.commu_top { transform: translateY(0); padding: 7rem 2rem; }
	.commu_btn_wrap { position: relative; top: revert; right: revert; margin-top: 4rem; }
	.commu_iso_wrap { position: relative; width: 100%; height: 80vw; }
	.commu_iso_box { left: 0; right: 0; margin: 0 auto;}
	.commu_iso_box.box02 { transform: translateX(0); }
	.commu_obj01 { left: 0; }
	.commu_img_box { gap: 1rem; margin-top: 6.4375rem; }
	.commu_img_box>div { width: 100%; }
	.commu_img_box>div  img { width: 100%; }
	
	.community_wrap.active .commu_tit_box { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
	.community_wrap.active .commu_obj { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
	.community_wrap.active .commu_bottom { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }

	.community_wrap.active .commu_img_box,
	.community_wrap.active .ori_box,
	.community_wrap.active .commu_unit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
	.community_wrap.active .commu_bg { opacity: 1; }

/*  */

	.unit_wrap>div { flex-direction: column; gap:0; padding: 8rem 0;}
	.unit_tit { text-align: center; transform: translateY(-5rem); }
	.unit_box_wrap { margin-top: 5rem; }
	.unit_box_wrap>div:first-child { width: 85%; margin: auto; }

	.unit_wrap.active .unit_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
	.unit_wrap.active .unit_box_wrap { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }


/*  */
    .premium_wrap { width: 100%; height: auto; justify-content: center; align-items: flex-start; flex-wrap: wrap; padding: 6rem 0; }
	.pre_box_wrap { width: 90%; }
    
    .premium_left { height: auto; display: flex; justify-content: center; align-items: center; overflow: visible; position: relative; }
    .premium_left::before { background: url(../img/premium_bg_m.jpg) center / cover no-repeat; opacity: 0.7; display: none; }
    
    .premium_tit { position: relative; right: 0; top: 0; z-index: 9; transform: translateY(-3rem); text-align: center; }
    .premium_tit>div { position: relative; }
    .premium_tit>div>div { transform: rotate(0deg); }
    .premium_tit h2 { font-size: 3.75rem; font-weight: 700; margin-left: 0rem; margin-top: 0.5rem; }
    .premium_tit h4 { font-size: 1rem; }
    
    .premium_content_box { width: 100%; height: auto; }
    .premium_content_box>div { width: 90%; max-width: 1292px; transform: translateY(0rem); }
    .premium_content { width: 33.33%; height: 20rem; position: relative; }
    .premium_content>div { opacity: 0; }
    .premium_content::before { content: ''; height: 1px; width: 0%; position: absolute; top: 0; left: 0; right: 0; margin: auto; background-color: #9a9a9a; }
    .premium_content::after { content: ''; width: 1px; height: 0%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #9a9a9a; }
    .premium_content h5 { font-size: 1.25rem; font-weight: 700; }
    .premium_content h6 { font-size: 0.7rem; font-weight: 700;  }
    .premium_icon { margin-top: 1.75rem; }
    .premium_icon img { transform: scale(1); }
    .premium_content h3 {   }
    .premium_content p {  }
    
    .premium_content:nth-child(-n+3)::before { display: none; }
    .premium_content:nth-child(3n)::after { display: none; }
    
    .premium_num { width: 18rem; position: absolute; right: -5rem; bottom: -5rem; opacity: 0; }
    
    
    
    
    
    .premium_left.active::before { transform: scale(1); transition: 3s 0s; }
    .premium_tit.active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
    .premium_content.active::before { width: 90%; transition: 2.0s 0s; }
    .premium_content.active::after { height: 90%; transition: 2.0s 0s; }
    .premium_num.active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
    .premium_content.active>div { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }


	@media all and (max-width: 1000px) { 
	
		.pre_box_wrap { flex-wrap:wrap; }
		.premium_left { width: 100%;  }
		.premium_content_box { margin-top:5rem; }
		.premium_content_box>div { width: 100%;  }
	
	
	}
    

/*  */

	
    
    .location_map_wrap { height: auto; padding: 8rem 0; }

    .location_map_wrap>div { flex-wrap: wrap; gap: 0rem; transform: translateY(0rem); }

    .location_map_tit { text-align: center; transform: translateY(-3rem); }
    .location_map_tit>div { transform: translateY(0); }

    .location_map_tit .location_ori_bt { justify-content: center; margin-top: 3rem; }

    .location_map_box { transform: translateY(3rem); }

    .location_map_tit.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .location_map_box.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

/*  */
	.target { display:none; }
	.lomap_wraps { display:none; }
	.magnifier  { display:none; }
    .location_wrap { width: 100%; height: auto; flex-wrap: wrap; justify-content:center; }

	.location_tit_box {  position: relative;  left:0; top:0; bottom:auto; }
    
    .location_wrap>div { flex-direction: column; }
    
    .location01 {  width: 100%; flex-direction: column-reverse !important; height:50rem; }
	.loca_map_wrap { transform:translate(0); height:100%; }
	.loca_map {  width:100%; height:100%; background:url(../img/lo_zoom_map.png) left bottom no-repeat;  background-size: cover;  position: relative;  left:0; top:0; z-index:1; }
    

	.loca_vd_box {display:none; }
	.location02 { width:90%; height:auto; padding:8rem 0 10rem; }
	
	.location02_wrap { width:100%; transform:translate(0); }
	.location_txt {  transform:translate(0); }

	.loca_img::after { filter:grayscale(0); }


    

    
	.location01.active .loca_map { opacity: 1; transform: scale(1);  transition: 1s 0.5s; }


	.location02.active .loca_card.card02 { opacity:1; }


    @media all and (max-width: 1000px) { 

		.location_cont { flex-wrap:wrap; }
		.loca_card {  width: calc(44% - 1.5rem); }

		.location02_wrap { transform:translateY(0rem); }

		

    }
    /*  */

    .contact_wrap { height: auto; padding: 6rem 0; }
    .contact_wrap>div { transform: translateY(0rem); gap: 2.5rem; }

    .contact_tit { text-align: center; transform: translateY(-3rem); margin-bottom: 5rem; }
    .contact_tit h2 { font-size: 4.25rem; }
    .contact_tit h5 { font-size: 1rem; margin-top: 1rem; margin-left: 0.25rem; }

    .contact_txt_box { margin-top: 3.75rem; min-width: 28.5rem; }
    .contact_txt_box h4 { font-size: 1.25rem; }
    .contact_txt_box h2 { font-size: 3.4375rem; margin-top: 0.375rem; }

    .contact_add { gap: 3.25rem; margin-top: 5.875rem; }
    .contact_add p { font-size: 1rem; }
    .contact_add>div { gap: 0.4375rem; }

    .contact_wrap .sub_contact_bottom { margin-bottom: 0; }
    .contact_wrap .sub_contact_map_box { max-width: 480px; height: auto; }

    .sub_contact_map_box:hover::before,
    .sub_contact_map_box:hover::after { width: 0; }
    .sub_contact_map_box:hover span::before,
    .sub_contact_map_box:hover span::after { height: 0; }

    .contact_tit.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sub_contact_bottom.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

    @media all and (max-width: 1000px) { 
        
        .contact_wrap .sub_contact_map_box { height: auto; }

    }

/**/

    .guest_pop_wrap { width: 90%; right: -90%; }

	.guest_wrap.ok { height: auto; padding: 10px 0 0px; }
	.guest_ok_box { transform: translateY(0px); }

	.guest_ok_box>h3 { font-size: 24px; line-height: 30px; }
	.guest_ok_box>p { font-size: 13px; line-height: 26px; margin-top: 20px; margin-bottom: 80px; }

	.guest_ok_bg { width: 380px; right: 0px; top: -90px; }


    /**/

    .guest_wrap { top: 0%; height: 100%; max-height: revert; }

    .guest_tit h1 { font-size: 36px; margin-bottom: 20px; }
    .guest_tit h2 { font-size: 16px; margin-bottom: 16px; }
    .guest_tit { margin-bottom: 55px; }
    .guest_tit p { font-size: 13px; margin-top: 0; }

    .guest_wrap .guest_box { width: 100%; margin-right: 0%; margin-bottom: 30px; }

    .guest_ori { margin-top: 30px; }
    .guest_box h6 { font-size: 12px; }
    .guest_kakao img { width: 32px; }
    .guest_kakao p { font-size: 12px; margin-left: 10px; transform: translateY(-0px); }
    .guest_kakao p:after { bottom: -5px; }

    .per_agree_box { height: 150px; padding: 0 22px; padding-top: 18px; letter-spacing: -1px; font-size: 13px; line-height: 28px; padding-bottom: 35px; }
    .per_agree_box b { font-size: 15px; }
    .per_agree_box a { margin-left: 8px; top: -1px; }
    .per_agree_box a:after { bottom: -4px; }

    .per_agree_bt_box { font-size: 12px; line-height: 15px; margin-top: 15px; height: 20px; }
/*	.per_agree_bt_box input[type="radio"] + label { padding-left: 25px; margin-right: 15px; margin-bottom: 10px; }*/

    .per_check_box { margin-top: 25px; }
    .per_check_box label { font-size: 16px; }
    .per_check_box input#agreeYny + label > span { padding-left: 8px; }
    .per_check_box input#agreeYny + label:before { width: 17px; height: 17px; border:2px solid #bbb; border-radius: 2px; margin-top: 2px; }
    .per_check_box input#agreeYny + label:after { width: 7px; height: 4px; border: 2px solid #ddd; border-top: 0; border-right: 0; left: 6px; top: 2px; }

    input#agreeYny:checked + label:before { background-color: #0075ff; border-color: #0075ff; }
    input#agreeYny:checked + label:after { border-color: #fff; }

    /**/

    .info_box>ul { padding-top: 2px; }
    .info_box>ul>li { height: 55px; }
    .info_box>ul>li p { line-height: 53px; font-size: 15px; padding-left: 2px; }

    .info_box>ul>li:nth-child(2n-1) { width: 9%; border-top: 1px solid #25282a; }
    .info_box>ul>li:nth-child(2n) { width: 41%; }
    .info_box>ul>li:last-child { width: 91%; height: auto; }
    .info_box>ul>li:nth-last-child(2) { width: 9%; }
    .info_box>ul>li:nth-child(4),.info_box>ul>li:nth-child(6) { padding: 15px 0; padding-left: 10px; }

    .info_box input { font-size: 15px; padding-left: 10px; }
    .info_box label { font-size: 14px; }

    .info_number01 { width: 65px; font-size: 15px; }
    .info_number02 { width: 50px; }
    .info_number03 { width: 50px; }
    .info_box>ul>li span { line-height: 55px; margin: 0 5px; }

    .info_address>ul>li { height: 55px; }

    .info_address01 { width: 13%; height: 33px; float: left; margin-right: 1%; }
/*	.info_address03 { width: 34%; height: 33px; float: left; margin-right: 1%; }*/
    .info_address03 { width: 65%; height: 33px; float: left; margin-right: 1%; }
    .info_address04 { width: 30%; height: 33px; float: left; margin-right: 3%; }
    .info_address05 { width: 50%; height: 33px; float: left; }
    .info_address02 { width: 110px;; height: 31px !important; margin-top: 12px !important; font-size: 11px !important; float: right; }

    /**/

    .guest_bt_box { width: 220px; height: 56px; margin-top: 0px; font-size: 16px; }
    .guest_bt_box>div { line-height: 54px; }
   

/*  */

    .footer { padding: 4.625rem 0 6rem; font-size: 0.875rem; }
    .footer>div { flex-direction: column; justify-content: center; align-items: center; gap: 2rem; }
    .footer>div:first-child { justify-content: center; align-items: center; }

    .footer_left { flex-direction: column; justify-content: center; align-items: center; gap: 2.5rem; }

    .footer_info ul { justify-content: center; }

    .footer_logo { margin-top: 0; }

    /* .footer_const { margin-top: 3.5rem; } */
    /* .footer_const li { padding: 0 0.875rem; } */
    /* .footer_const li span { font-size: 1.6rem; } */

    .footer p { text-align: center; margin-top: 1.5rem; }

    .footer h6 { text-align: center; margin-left: 0; margin-top: 5rem; }

    .footer_right { align-items: center; }
    .footer_right>div:first-child { justify-content: center; }
    .footer_right .footer_info ul { justify-content: center; text-align: center; }

    /* .top_bt { right: 5%; } */
    /* .top_bt:before { width: 8px; height: 8px; } */
    /* .top_bt::after { height: 14px; } */

    @media all and (max-width: 1000px) { 
        
        .footer p br.pad { display: block; }
        
    }
/**/
/*서브*/

    .sub_top { animation: sub_top 1.4s 2.7s both; }

    .sub_top01 { height: 400px; }

    .sub_top_txt { width: 100%; }
    .sub_top_txt h2 { font-size: 3rem; transform: translateY(1rem); }

    @keyframes sub_top_txt2 {
        from { letter-spacing: 3rem; padding-left: 3rem; }
        to{ }
    }


    #snb_wrap { width: 90%; height: 55px; }
    #snb { width: auto; height: 55px; }
    #snb > li { width: 200px; height: 55px; }
    #snb > li > a:after { height: 16px; }
    #snb > li:first-child { width: 60px; }
    #snb > li:first-child img { transform: scale(0.9); }
    #snb > li:nth-child(3) { width: 220px; }
    #snb > li:nth-child(2):after { width: 7px; height: 7px; transform: rotate(45deg); right: 18px; top: 24px; }
    #snb > li:nth-child(3):after { width: 7px; height: 7px; transform: rotate(45deg); right: 18px; top: 24px; }
    #snb .ov > a { height: 55px; line-height: 55px; padding: 0 15px; font-size: 13px; min-width:160px; }

    #snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 22px; }
    #snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 22px; }

    #snb .ov ul li a { font-size: 11px; padding:11px 15px; }

    #sub_box { padding-bottom: 60px; margin-top: 70px; }
    #sub_tit h2 { font-size: 2.25rem; }
    /* .sub_line { margin-top: 30px; } */
    #sub_page { margin-top: 40px; }

    body.full .sub_ori { width: 90%; }
    .sub_ori { width: 100%; padding: 20px 25px; }
    .sub_ori>div { width: 45px; height: 45px; min-width: 45px; margin-right: 16px; background-size: 4.3px; }
    .sub_ori ul li { font-size: 11px; }
    .sub_ori ul li br { display: none; }

    .sub_ori ul.ori2 li { margin-left: 17px; }
    .sub_ori ul.ori2 li:first-child { font-size: 12px; }

    .sub_tab_bt { margin-bottom: 15px; }
    .sub_tab_bt ul li { font-size: 15px; line-height: 50px; }

    /**/

    /* .sub_cy_wrap { padding-bottom: 50px; } */

    .sub_page.img { margin-top: 40px; }
    .sub_img { margin-bottom: 80px; }

    ul.tabs2 { margin-bottom: 15px; }
    ul.tabs2 li { height: 40px; line-height: 40px; font-size: 14px; }

    .sub_lounge>img { margin-bottom: 70px; }
    .sub_lounge .tabs2 { margin-bottom: 40px; }

    /**/

    .sub_over_wrap { width: 100%; margin: auto; }


    /* .over_tit h1 { font-size: 10vw; } */
    .over_tit h1 b.spacing { margin-right: 4vw; }

    .over_txt_box.white { color: #fff; z-index: 9; transform: rotate(-30deg); }
    .over_txt_box h4 { font-size: 1.375rem; letter-spacing: 0.625rem; padding-left: 0.625rem; }
    .over_txt_box h2 { font-size: 1.675rem; margin-top: 2rem; letter-spacing: 0.75rem; padding-left: 0.75rem; }
    .over_txt_box h2 span { font-size: 2.5rem; letter-spacing: 1rem; margin-left: 0rem; }

    /* .over_img_box { clip-path: inset(6% 37% 4% 37% round 300px); transform: rotate(30deg); } */
    /* .over_img_box.ready img { width: 22.5rem; } */
    .over_vd_box { transform: rotate(-30deg); }

    .sub_over_bottom { width: 100%; max-width: 1100px; margin-bottom: 1.125rem; }

    .sub_over_txt_box { margin-top: 2.25rem; margin-bottom: 0rem; }
    .sub_over_txt_box>div { width: 31%; margin-bottom: 2.5rem; }
    .sub_over_txt_box>div h4 { padding-bottom: 1rem; }
    .sub_over_txt_box>div p { margin-top: 1rem; }


    /* .sub_over_top.active .over_img_box { opacity: 1; clip-path: inset(6% 37% 4% 37% round 300px); transform: rotate(30deg); transition: opacity 1.2s 1.2s, clip-path 1.5s 1.85s, transform 1.3s 3.8s; } */
    .sub_over_top.active .over_vd_box { transform: rotate(-30deg); transition: 1.3s 3.8s; }
    .sub_over_top.active .over_txt_box.white { transform: rotate(-30deg); transition: 1.3s 3.8s; }
    .sub_over_top.active .over_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.3s 1.95s; }
    .sub_over_top.active .over_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.3s 1.95s; }

    /**/

    .sub_location_wrap { padding-bottom: 8.75rem; }

    .sub_location_map { height: auto; }
    .sub_location_move { display: none; }
    .sub_location_map_m { display: block; }
    .sub_location_map img { width: 100%; transform: scale(1.2); transform-origin: center; }

    /* .sub_location_bottom { flex-wrap: wrap; justify-content: center; gap: 5rem; padding: 5rem 15%; } */


    .sub_location_map_plus { display: none; }
    .sub_location_map_plus>div:nth-child(2) { display: none; }


    .sub_location_bottom { margin-top: 4.5rem; gap: 0 5rem; justify-content: center; align-items: flex-end; }

    .sub_location_img_box { width: 50%; gap: 0 0.5rem; }
    .sub_location_img_box>div { gap: 0.5rem 0; }
    .sub_location_img_box img { width: 100%; }

    .sub_location_txt_box h2 { width: 150%; font-size: 2rem; }
    .sub_location_txt_box h2 span { margin-left: 6.625rem; }
    .sub_location_txt_box h3 { font-size: 1.25rem; margin-top: 3.25rem; }
    .sub_location_txt_box p { font-size: 0.9375rem; margin-top: 1.5rem; }


    @media all and (max-width: 1000px) { 
        
        .sub_location_img_box { width: 68%; }
        .sub_location_txt_box { width: 47%; }
        .sub_location_txt_box p br { display: none; }

    }

    .sub_location_map.active { opacity: 1; transition: 1.0s 0s; }

    .sub_location_bottom.active .sub_location_tit { opacity: 1; transition: 1.0s 0.2s; }
    .sub_location_bottom.active .sub_location_tit h2 { opacity: 1; letter-spacing: 0; transition: 1.2s 0.8s; }
    .sub_location_bottom.active .sub_location_img { opacity: 1; transition: 1.0s 0.2s; }
    .sub_location_bottom.active .sub_location_txt { transform: translate(0); opacity: 1; transition: 1.0s 0.8s; }
    .sub_location_bottom.active .sub_location_content.con01 .sub_location_txt_box { transform: translate(0); opacity: 1; transition: 1.0s 0.8s; }
    .sub_location_bottom.active .sub_location_content.con02 .sub_location_txt_box { transform: translate(0); opacity: 1; transition: 1.0s 0.8s; }
    .sub_location_bottom.active .sub_location_content.con03 .sub_location_txt_box { transform: translate(0); opacity: 1; transition: 1.0s 0.8s; }

    /*  */

    @media all and (max-width: 1200px) { 

    .sub_premium_wrap { margin-bottom: 4.75rem; }
    .sub_premium_wrap>div:last-child { width: 100%; max-width: 700px; margin: auto; gap: 6.25rem 0; }

    .sub_premium_tit_box { transform: translateY(4rem); }
    .sub_premium_tit_box h1 { font-size: 5rem; }
    .sub_premium_tit_box h1 b.spacing { margin-right: 2.625rem; }

    .sub_premium_content:nth-child(2n-1) { width: 100%; }
    .sub_premium_content:nth-child(2n) { width: 100%; }

    .sub_premium_tit.tit02 { right: revert; left: -17.5rem; top: 2rem; }

    .sub_premium_txt_box.box01 { margin-top: 3.25rem; margin-bottom: 5.5rem; }
    .sub_premium_txt_box.box02 { margin-bottom: 2.625rem; }
    .sub_premium_txt_box.box03 { width: auto; position: absolute; right: -2rem; top: 0; }
    .sub_premium_txt_box.box04 { margin-top: 2.125rem; margin-left: 0rem; }


    }

    /*  */

    .sub_lounge_img_box img { width: 60%; max-width: 254px; }
    .sub_lounge_img_box h1 { font-size: 4.25rem; letter-spacing: 2rem; padding-left: 2rem; }


    /**/

    .sub_contact_wrap { width: 100%; }

    .sub_contact_bottom { margin-top: 3rem; margin-bottom: 4.375rem; }
    .sub_contact_bottom>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }

    @media all and (max-width: 1200px) { 
        
        .sub_contact_bottom>div { flex-wrap: wrap; justify-content: center; align-items: center; gap: 5rem 0; }

    }

    .sub_contact_map_box { width: 524px; height: 412px; }

    .sub_contact_txt_box { max-width: 524px; margin: 1.5625rem 0; }


    /**/

    .sub_gongo_top { height: 440px; }

    .sub_gongo_img_box { width: 57.545%; }

    .sub_gongo_txt_box { width: 40%; }
    .sub_gongo_txt_box>div>a { padding: 35px 30px 35px; }
    .sub_gongo_logo { transform: scale(0.85); transform-origin: left center; margin-left: 2px; }
    .sub_gongo_txt_box h2 { font-size: 21px; margin-top: 10px; margin-left: -2px; }
    .sub_gongo_txt_box p { font-size: 12px; margin-top: 20px; }

    .sub_gongo_bt { width: 40px; height: 40px; right: 30px; bottom: 30px; }
    .sub_gongo_bt>div { width: 28px; height: 17px; left: -9px; }
    .sub_gongo_bt>div:after { width: 8px; height: 8px; }

    .sub_gongo_notice { margin-top: 30px; }

    .sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -5px; }

    /**/

    /* .news_wrap { } */

    .news_tit h2 { font-size: 105px; }
    .news_tit h4 { font-size: 24px; line-height: 30px; margin-top: 30px; }
    .news_tit p { font-size: 13px; margin-top: 20px; }

    .news_content_box { margin-top: 0px; }
    .news_content_vd { padding: 42px 0; margin-bottom: 40px; }
    .news_img { width: 45%; max-width: 450px; }
    .news_img img { width: 100%; }
    .news_txt_box { width: 51%; }
    .news_txt_box h6 { font-size: 10px; padding: 3px 8px; margin-bottom: 8px; }
    .news_txt_box h4 { font-size: 12px; }
    .news_txt_box h3 { font-size: 18px; margin-top: 7px; padding-bottom: 2px; }
    .news_txt_box p { font-size: 13px; margin-top: 20px; }
    .news_bt { margin-top: 60px; font-size: 11px; }
    .news_bt:after { width: 35px; left: 35px; }

    .news_content_vd .news_img { width: 50%; max-width: 677px; }
    .news_content_vd .news_txt_box { width: 45%; }
    .news_content_vd .news_bt { margin-top: 30px; }

    .news_content>li { width: 48%; margin-right: 4%; }
    .news_content>li>a { padding: 35px; padding-bottom: 40px; }
    .news_content>li:nth-child(3n) { margin-right: 4%; }
    .news_content>li:nth-child(2n) { margin-right: 0; }
    .news_content>li:nth-child(n+3) { margin-top: 4%; }

    .news_content h4 { font-size: 14px; }
    .news_content h2 { font-size: 18px; line-height: 24px; margin-top: 12px; height: 48px; }
    .news_content p { font-size: 13px; line-height: 24px; margin-top: 25px; height: 72px; }
    .news_bt { margin-top: 50px; font-size: 12px; }
    .news_bt:after { left: 40px; }

    .news_content>li:hover .news_bt:after { width: 40px; }

    /**/

    .vr_bt_box { margin-top: 10px; }
    .vr_bt_box ul li { height: 40px; line-height: 40px; font-size: 14px; }

}

