.l_main { font-family:'The Jamsil'; margin: 0 auto; position: relative; overflow-y: hidden; }
.l_main .font_nanum_gothic{font-family:'Nanum Gothic';}
.l_main .font_meiryo{font-family:'Meiryo';}
.l_main .font_the_jamsil{font-family:'The Jamsil';}

.l_main .main_wrap .swiper.lotmain { width: 100%; height: 100vh; overflow: hidden; }
.l_main video[poster] { width: 100%}

.main_wrap .swiper.lotmain .swiper-slide { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 10; }
.main_wrap .swiper.lotmain .swiper-slide::before { content: ''; display: block; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.15); }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap { margin: 0 auto; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .video_bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .video_bg video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .video_bg .pc_vdo { display: block; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .video_bg .mb_vdo { display: none; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box { position: relative; z-index: 1; margin-left: 30px; margin-top: 30px; transform: translateX(-10%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); transition: transform .25s ease-in-out, clip-path 1s ease-in-out; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box.active { transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box .main_link { display: inline-block; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box .logo_tit { background: url(/asp/images/common/toplogo.png)no-repeat; width: 228px; height: 60px; display: block; background-size: contain; margin-left: 8px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box .logo_tit.eng { background: url(/asp/images/common/toplogo_eng.png)no-repeat; width: 228px; height: 60px; display: block; background-size: cover; margin-left: 8px; margin-top: -10px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area { position: relative; z-index: 1; padding-top: 120px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page { display: flex; flex-direction: column; justify-content: center; gap: 15px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3701855742296919) 8%, rgba(0,0,0,0.5494572829131652) 17%, rgba(0,0,0,0.5522584033613445) 83%, rgba(0,0,0,0.36738445378151263) 92%, rgba(255,255,255,0) 100%); width: 100%; padding: 20px 0 50px 0px; text-align: center; min-height: 380px; transform: translateX(-10%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); transition: transform .25s ease-in-out, clip-path 1s ease-in-out; transition-delay: .6s; }

.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.active { transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_tit { font-size: 60px; color: #fff; font-weight: 500; padding-bottom: 20px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pt .txt_tit { padding-bottom: 50px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pts .txt_tit { padding-bottom: 50px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_tit.red { color: #ef2a23; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_desc { font-size: 32px; color: #fff; margin-bottom: 20px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pt .txt_desc { margin-bottom: 40px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pts .txt_desc { margin-bottom: 40px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_desc .mb { display: none; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list { display: flex; width: 100%; max-width: 800px; margin: 0 auto; margin-bottom: 20px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list.mo_type{display: none;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item { flex:1;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link { position: relative; z-index: 100; display: block; width: 100%; height: 100%; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_1 { display: block; margin: 0 auto; width: 50px; height: 50px; margin-bottom: 5px; position: relative;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_1 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_2 { display: block; margin: 0 auto;  width: 50px; height: 50px; margin-bottom: 5px; position: relative; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_2 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_3 { display: block; margin: 0 auto; width: 50px; height: 50px; margin-bottom: 5px; position: relative;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_3 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_4 { display: block; margin: 0 auto;  width: 50px; height: 50px; margin-bottom: 5px; position: relative;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_4 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_5 { display: block; margin: 0 auto;  width: 50px; height: 50px; margin-bottom: 5px; position: relative;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_5 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_6 { display: block; margin: 0 auto;  width: 50px; height: 50px; margin-bottom: 5px; position: relative;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_6 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%;}
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .text { color: #fff; font-size: 14px; }
.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .go_to {display: flex ; color: #fff; font-size: 20px; border: 1px solid #fff; margin: 10px auto; padding: 7px 0px; width: 250px; height: 30px; font-weight: 500; justify-content: center; align-items: center;}
/* ----------- */
.main_wrap .swiper.lotmain .pagination { display: inline-block; position: absolute; top: 29%; left: 7%; width: 20%; z-index: 1; transform: translateX(-10%); opacity: 0; }
.main_wrap .swiper.lotmain .pagination.active { transform: translateX(0); opacity: 1; transition: 0.5s; }
.main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet { width: calc(100% / 1); max-width: 130px; min-height: 60px; margin: 3px 0; background: transparent; opacity: 1; position: relative; }
.main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet::before { background: none; }
.main_wrap .swiper.lotmain .swiper-pagination-bullet span { font-size: 21px; display: block; color: #fff; font-weight: 500; }
.main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet span::after { content: ''; position: absolute; top: 15%; left: -140px; width: 120px; height: 2px; background: #fff; }
.main_wrap .swiper.lotmain .swiper-pagination-bullet .small { font-size: 18px; }
.main_wrap .swiper.lotmain .swiper-pagination-bullet-active span { color: #ef2a23; text-shadow: 0.5px 1px #0000004b; font-weight: 600; }
.main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet-active span::after { background: #ef2a23; }
/* ------ */

.main_wrap .icon_box { position: absolute; bottom: 3%; left: 50%; transform: translateX(-50%); z-index: 10; }
.main_wrap .icon_box .scroll_link { display: block; width: 100%; height: 100%; }
.main_wrap .icon_box .scroll_link .scroll_icon { display: block; background: url(/asp/images/intro/main/intro_mouse_scroll.png)no-repeat; background-size: contain; width: 32px; height: 32px; }
.main_wrap .icon_box .scroll_link .icon_txt { display: block; color: #fff; padding-top: 5px; animation: motion 0.7s ease-in-out alternate infinite; margin-top: 0; }

@keyframes motion {
    0% { margin-top: 0px; }

    100% { margin-top: 5px; }
 }

@media(max-width: 1023px){
    .main_wrap .swiper.lotmain .swiper-slide .inner_wra .video_bg .pc_vdo { display: none; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wra .video_bg .mb_vdo { display: block; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .text_wrap { top: 4%; flex-direction: column; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box { padding-left: 10px; margin-left: 0; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box .w_txt { font-size: 20px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .logo_box .logo_tit { font-size: 38px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area { padding-top: 150px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page { width: 100%; padding: 30px 0 40px; min-height: 305px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pt .txt_tit { padding-bottom: 40px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pts .txt_tit { padding-bottom: 40px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_tit { font-size: 37px; padding-bottom: 10px; }

    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_desc { font-size: 18px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pt .txt_desc { margin-bottom: 40px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page.pts .txt_desc { margin-bottom: 40px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_desc .mb { display: block; }

    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .go_to {height: 26px; font-size: 18px;}
	.swiper.lotmain .logo_box,
	.swiper.lotmain .link_page{ transform: translate3d(0, 0, 0); backface-visibility: hidden; will-change: transform, opacity; }
	.icon_1, .icon_2, .icon_3, .icon_4, .icon_5 {image-rendering: -webkit-optimize-contrast; /* 아이폰 렌더링 향상 */}

    .main_wrap .swiper.lotmain .pagination { top: 33%; }
    /* -------- */
    .main_wrap .swiper.lotmain .pagination.active { transition: none; }
    .main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet { width: calc(100% / 1); min-height: 46px; }
    .main_wrap .swiper.lotmain .swiper-pagination-bullet span { font-size: 17px; line-height: 1.1; }
    .main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet span::after { left: -130px; }
    .main_wrap .swiper.lotmain .pagination .swiper-pagination-bullet-active span::after { background: #ef2a23; }
    .main_wrap .icon_box { bottom: 1%; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list { display: flex; max-width: 400px; margin: 0 auto; margin-bottom: 10px; }
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_1 { display: block; margin: 0 auto; width: 30px; height: 30px; margin-bottom: 5px; position: relative;}
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_2 { display: block; margin: 0 auto;  width: 30px; height: 30px; margin-bottom: 5px; position: relative; }
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_3 { display: block; margin: 0 auto; width: 30px; height: 30px; margin-bottom: 5px; position: relative;}
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_4 { display: block; margin: 0 auto;  width: 30px; height: 30px; margin-bottom: 5px; position: relative;}
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_5 { display: block; margin: 0 auto;  width: 30px; height: 30px; margin-bottom: 5px; position: relative;}
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_6 { display: block; margin: 0 auto;  width: 30px; height: 30px; margin-bottom: 5px; position: relative;}
    .main_wrap .icon_box .scroll_link .scroll_icon { display: block; background: url(/asp/images/intro/main/intro_mouse_scroll.png)no-repeat; background-size: contain; width: 28px; height: 28px; margin-left: 2px; }

    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list { display: none;}
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list.mo_type{display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; justify-content: center;}
	.main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list.mo_type .icon_item{flex:unset; width: calc((100% / 3) - 10px);margin-bottom: 10px;}
    /*
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_1 { display: block; margin: 0 auto; background: url(/asp/images/intro/main/overseas.png)no-repeat; background-size: contain; width: 30px; height: 30px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_2 { display: block; margin: 0 auto; background: url(/asp/images/intro/main/cruise.png)no-repeat; background-size: contain; width: 18px; height: 25px; margin-bottom: 5px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_3 { display: block; margin: 0 auto; background: url(/asp/images/intro/main/tourtick.png)no-repeat; background-size: contain; width: 25px; height: 25px; margin-bottom: 5px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_4 { display: block; margin: 0 auto; background: url(/asp/images/intro/main/hotel.png)no-repeat; background-size: contain; width: 25px; height: 30px; margin-top: 2px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .icon_list .icon_item .icon_link .icon_5 { display: block; margin: 0 auto; background: url(/asp/images/intro/main/airplane.png)no-repeat; background-size: contain; width: 25px; height: 30px; margin-top: 2px; }
	*/
 /* ----- */}
 @media(max-width: 600px){
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area { padding-top: 27%; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page { padding: 50px 0; }
    .main_wrap .swiper.lotmain .pagination { display: none; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .txt_desc { font-size: 15px; }
    .main_wrap .swiper.lotmain .swiper-slide .inner_wrap .intro_text_area .link_page .go_to {width: 180px; height: 22px; font-size: 15px; }
 }