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

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* intro */
.intro_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999;background: #fff;}
.intro_wrap .intro_box{display: flex;align-items: center; justify-content: center; flex-direction: column;gap:30px;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.intro_wrap .intro_box .logo{display: flex;gap:1.5px;align-items: flex-end;}
.intro_wrap .intro_box .logo img{display: block;width: 4px;}
.intro_wrap .intro_box .logo img:nth-child(4),
.intro_wrap .intro_box .logo img:nth-child(5),
.intro_wrap .intro_box .logo img:nth-child(6),
.intro_wrap .intro_box .logo img:nth-child(7){margin-bottom: 16px;}
.intro_wrap .intro_box .txt img{width: 300px;	}
.intro_wrap .intro_box .logo img:last-child{transform:rotateY(180deg);}

/* cover */
.cover_wrap{display: flex;line-height: 1;}
.cover_wrap .box{position: relative;width: 50%;height: 100vh;overflow: hidden;}
.cover_wrap .box .bg{width: 100%; height: 100%;object-fit:cover;transition:1s;}
.cover_wrap .box:hover .bg{transform:scale(1.05);}
.cover_wrap .box .logo_wrap{display: flex;align-items: center; justify-content: center; gap:20px; flex-direction: column;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 100%; height: 100%;transition:.5s;}
.cover_wrap .box .logo_wrap .img img{width: 50px;}
.cover_wrap .box .logo_wrap .txt p{font-size: 30px; color: #fff; text-align: center;}
.cover_wrap .box .logo_wrap .txt img{width: 250px;}
.cover_wrap .box:hover .logo_wrap{backdrop-filter: brightness(0.5);}
.cover_wrap a.btn{position: absolute; bottom: 120px; left: 50%; transform:translateX(-50%);width: 160px; height: 40px; font-size: 14px; color: #fff; border-radius:50px; background: rgba(255,255,255,.1); border:1px solid #fff;text-transform:uppercase;overflow: hidden;}
.cover_wrap a.btn span{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);transition:.4s ease;}
.cover_wrap a.btn span.on{font-family: 'Pretendard';font-size: 15px;top: 200%;}
.cover_wrap a.btn img{position: absolute;top: 50%;transform:translateY(-50%);right: 20px;transition:.4s;width: 10px;}
.cover_wrap a.btn:hover img{transform:translateY(-50%) rotate(45deg) ;}

.cover_wrap .box:hover a.btn span.off{top: -100%;}
.cover_wrap .box:hover a.btn span.on{top: 50%;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1400px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

/* header */
#header{position: fixed; top: 0; left: 0; width: 100%; z-index: 7000;}
#header::After{content:'';position: absolute; top: 60px; left: 0;width: 100%;height: 2px;background: red;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 100px; }
#header h1{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);}
#header h1 img{width: 150px;}
#header h1 span.on img{width: 35px;}
#header .nav_btn{display: flex; align-items: center;gap:15px;transform: translateY(11px);}
#header .nav_btn span{position: relative;display: block;width: 34px;height: 12px;}
#header .nav_btn span em{position: absolute; left: 6px; width: 29px; height: 2px; background: #fff;transition:.5s;}
#header .nav_btn span em::after{content:'';position: absolute;left: -6px; top: 0;width: 3px; height: 2px;	background: #fff;}
#header .nav_btn span em:nth-child(1){top: 0;}
#header .nav_btn span em:nth-child(2){bottom: 0;}
#header .nav_btn p{font-size: 18px; color: #fff;font-weight: 400; text-transform:uppercase;}
#header .nav_btn p.nav_on{display: none;}
#header .btn_wrap{display: flex;align-items: center; gap:10px;transform: translateY(11px);}
#header .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 110px; height: 32px; font-size: 16px; color: #fff; border-radius:20px; border:1px solid rgba(255,255,255,.5);}
#header .btn_wrap a span{transition:.4s ease;}
#header .btn_wrap a span.on{position: absolute;font-family: 'Pretendard'; font-weight: 400;transform: translateY(40px);font-size: 14px;}
#header .btn_wrap a:hover span.off{transform: translateY(-40px);}
#header .btn_wrap a:hover span.on{transform: translateY(0px);}

#visual_wrap{position: relative;line-height: 1;overflow: hidden;}
#visual_wrap strong.vis_txt{position: absolute; right: initial; left: 20px; bottom: 188px; font-size: 80px;color: #fff; font-weight: 300;line-height: 1.2;}
#visual_wrap strong.vis_txt div{transform-origin: 0% 77%;}
#visual_wrap .visual li > img{width: 100%; height: 100vh; object-fit:cover;}
#visual_wrap .visual li .txt_wrap{position: absolute;left: 20px;bottom: 100px;}
#visual_wrap .visual li .txt_wrap p{opacity: 0;transform:translateY(50px);font-size: 35px; color: #fff;font-weight: 700;text-transform:uppercase;transition:1s;}
#visual_wrap .visual li .txt_wrap span{opacity: 0;transform:translateY(50px);display: block;font-size: 20px; color: #fff; margin-top: 12px;transition:1.5s;}

#visual_wrap .visual li.slick-active .txt_wrap p{opacity: 1;transform:translateY(0px);}
#visual_wrap .visual li.slick-active .txt_wrap span{opacity: 1;transform:translateY(0px);}

/*navi*/
#header.nav .nav_btn span em:nth-child(1){top: 5px;transform:rotate(45deg);}
#header.nav .nav_btn span em:nth-child(2){bottom: 5px;transform:rotate(135deg);}
#header.nav .nav_btn span em::after{display: none;}
#header.nav .nav_btn p.nav_off{display: none;}
#header.nav .nav_btn p.nav_on{display: block;}
.navigation{position: fixed; top: 0;left: -100%;padding-top: 100px;width: 100%;min-height: 100vh;height: auto;z-index: 6000;background: #16100c;line-height: 1;transition:1s ease;}
.navigation.on{left: 0%;}
.navigation .inner{display: flex;align-items: flex-end;height: 100%;min-height: calc(100vh - 100px);}
.navigation .lnb_box{display: flex;align-items: flex-start;padding-bottom: 80px;height: auto;}
.navigation .lnb_box .img_box{position: relative;width: 364px;}
.navigation .lnb_box .img_wrap{position:relative; width:100%; padding-bottom:137.363%;overflow: hidden;}
.navigation .lnb_box .img_box img{position: absolute;position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.navigation .lnb_box .nav_box{padding-left: 40px;margin-bottom: 140px;height: 500px;gap:0;}
.navigation .lnb_box .nav_box h3{height: 25px;}
.navigation .lnb_box .nav_box h3:not(:last-child){margin-bottom: 25px;}
.navigation .lnb_box .nav_box h3 a{font-size: 24px; color: rgba(255,255,255,.2); font-weight: 700;transition:.3s ease-in;}
.navigation .lnb_box .nav_box h3 a:hover{color: rgba(255,255,255,1); }

.navigation a.site_btn{position: absolute; bottom: 80px; right: 30px;}
.navigation a.site_btn svg{width: 110px; height: 110px;}
.navigation a.site_btn p{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);font-size: 16px; line-height: 21px; color: #fff;font-weight: 600;text-align: center;}

.navigation .lnb_box .nav_box h3 a span{display: block;transition: .4s ease;}
.navigation .lnb_box .nav_box h3 a span.on{position: absolute;top: 100%;font-family: 'Pretendard';font-size: 18px;}

.navigation .lnb_box .nav_box h3.txt_on a span.off{transform:translateY(-60px);}
.navigation .lnb_box .nav_box h3.txt_on a span.on{top: 0;}


/* section */
.section{line-height: 1;}

/* section01 */
#section01{position: relative;height: auto;background: #110704;}
#section01 .slide_wrap{position: relative;transform: initial;overflow: hidden;padding-top: 150px;}
#section01 .slide_wrap ul li{position: relative;width: 360px;margin-right: 5px;overflow: hidden;}
#section01 .slide_wrap ul li .bg{position: absolute; z-index: 200;top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);backdrop-filter: blur(5px);}
#section01 .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:129.31%;}
#section01 .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section01 .slide_wrap ul li .txt_wrap{position: absolute;bottom: 40px;left: 50%;transform:translateX(-50%);z-index: 100;width: 100%;}
#section01 .slide_wrap ul li .txt_wrap p{font-size: 22px; color: #fff;font-weight: 700;text-align: center;}
#section01 .slide_wrap ul li .txt_wrap span{display: block;font-size: 16px; color: #fff;text-align: center; margin-top: 8px;}

#section01 .slide_wrap .slick-prev{position: absolute; top: 50%; left: 20px;transform:translateY(-50%); background: url(/assets/images_c/main/sec01_prev_tab.png)center no-repeat; background-size: cover; width: 60px; height: 60px;text-indent: -9999px;z-index: 1500;}
#section01 .slide_wrap .slick-next{position: absolute; top: 50%; right: 20px;transform:translateY(-50%); background: url(/assets/images_c/main/sec01_next_tab.png)center no-repeat; background-size: cover; width: 60px; height: 60px;text-indent: -9999px;z-index: 1500;}

#section01 .slide_wrap .slide_bg{display: flex;position: absolute;bottom: 0; left: 50%; transform:translateX(-50%);pointer-events: none;z-index: 1000;}
#section01 .slide_wrap .slide_bg img{width: 366px;}

/* section02 */
#section02 .slide_wrap{display: flex;align-items: center;height: auto;padding: 110px 0;}
#section02 .slide_wrap ul{display: flex;gap:20px;width: max-content;padding: 0 20px;}
#section02 .slide_wrap ul li .img_wrap img{height: 390px;}
#section02 .slide_wrap ul li .txt_wrap{padding-top: 30px;}
#section02 .slide_wrap ul li .txt_wrap p{font-size: 22px;font-weight: 700; color: #333;}
#section02 .slide_wrap ul li .txt_wrap span{display: block;font-size: 18px; color: #666;margin-top: 10px;}

/* section03 */
#section03{padding: 0 0 160px;}
#section03 .con{position: relative;}
#section03 .con .bg{width: 100%; height: 720px;}
#section03 .con .bg img{width: 100%; height: 100%; object-fit:cover; }
#section03 .con .txt_wrap{display: flex;gap:8px;position: absolute;top: 110px; left: 40px;width: 550px;}
#section03 .con .txt_wrap .icon img{width: 34px;}
#section03 .con .txt_wrap p{font-size: 22px; color: #dbdbdb; font-weight: 700; }
#section03 .con .txt_wrap p b.p01{display: block;font-size: 35px; margin-bottom: 8px;}
#section03 .con .txt_wrap p b.p02{display: block;font-size: 16px;font-family: 'Pretendard';font-weight: 300; line-height: 1.3;}
#section03 .con .txt_wrap p em{display: block;height: 25px;}
#section03 .con .count_wrap{position: absolute;bottom: 100px;width: 100%;}
#section03 .con .count_wrap ul{display: flex;align-items: center; justify-content: center;}
#section03 .con .count_wrap ul li{position: relative;width: 245px;text-align: center;}
#section03 .con .count_wrap ul li:not(:last-child)::after{content:'';position: absolute;right: 0; top: 50%;transform:translateY(-50%);width: 1px; height: 60px;background: rgba(245,245,245,.4);}
#section03 .con .count_wrap ul li p{font-size: 40px; color: #fff; font-weight: 700;}
#section03 .con .count_wrap ul li p em{font-weight: 700;font-size: 60px;}
#section03 .con .count_wrap ul li span{display: block;font-size: 18px; color: #fff;margin-top: 15px;}

/* section04 */
#section04{padding: 0px ;}
#section04 .tit_wrap{display: flex;align-items: center; justify-content: space-between;margin-bottom: 50px;}
#section04 .tit_wrap .tit p{font-size: 22px; color: #333; font-weight: 700;}
#section04 .tit_wrap .tit p.p02{display: flex; align-items: center; gap:5px; justify-content: center;font-size: 15px;font-family: 'Pretendard';margin-top: 10px;font-weight: 400;color: #999;}
#section04 .tit_wrap .tit p.p02 img{width: 22px;}
#section04 .tit_wrap .tit span{display: block;font-size: 18px; color: #333; margin-top: 15px;line-height: 1.2;}
#section04 .tit_wrap a.more_btn{position: relative;width: 70px;height: 70px; border-radius:50%; border:1px solid #ddd;overflow: hidden;transition: .3s ease-in;}
#section04 .tit_wrap a.more_btn img{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%); width: 16px; transition:.5s ease-in;}
#section04 .tit_wrap a.more_btn::after{content:'';position: absolute; top: 100%; left: 0%;transform:translate(-50%,-50%); background: url(/assets/images_c/main/main_arr01_tab.png)center no-repeat;width: 16px; height: 16px; background-size: cover;transition:.5s;}
#section04 .tit_wrap a.more_btn:hover{width: 70px; height: 70px;}
#section04 .tit_wrap a.more_btn:hover img{top: 0%;left: 100%;}
#section04 .tit_wrap a.more_btn:hover::after{top: 50%; left: 50%;}

#section04 .list_wrap ul{display: flex;flex-wrap:wrap;gap:40px 20px;}
#section04 .list_wrap ul li{width: calc((100% - 60px) / 4);}
#section04 .list_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:100%;overflow: hidden; }
#section04 .list_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section04 .list_wrap ul li .txt_wrap{margin-top: 15px;}
#section04 .list_wrap ul li .txt_wrap p{font-size: 18px; color: #333; }
#section04 .list_wrap ul li .txt_wrap span{display: block;font-size: 16px; color: #666; margin-top: 8px;}

/* section05 */
#section05{padding: 150px 0 110px 20px;}
#section05 .tit_wrap{display: flex;align-items: center;gap:8px;margin-bottom: 50px;}
#section05 .tit_wrap .icon img{width: 34px;}
#section05 .tit_wrap p{font-size: 22px; color: #333; font-weight: 700;line-height: 1.2;}
#section05 .slide_wrap ul li{width: 320px;border:1px solid #ddd;overflow: hidden;margin-right: 10px;}
#section05 .slide_wrap ul li .txt_wrap{padding: 35px 25px;}
#section05 .slide_wrap ul li .txt_wrap em{display: block;font-size: 16px; color: #999; font-weight: 300;}
#section05 .slide_wrap ul li .txt_wrap p{font-size: 16px; color: #333; font-weight: 700; line-height: 26px;margin: 12px 0px 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section05 .slide_wrap ul li .txt_wrap span{display: block;font-size: 13px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section05 .slide_wrap ul li .img_box{position: relative;}
#section05 .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:92.105%;}
#section05 .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section05 .slide_wrap ul li .img_box .sns_tag{position: absolute;bottom: 15px; right: 15px;}
#section05 .slide_wrap ul li .img_box .sns_tag img{width: 32px;}

#section05 .progress { position:relative; width:calc(100% - 20px); height:4px; background:#f5f5f5; margin-top: 60px;border-radius:10px;}
#section05 .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:var(--co01); transition:1s;border-radius:10px;}


/* footer */
#footer{background: url(/assets/images_c/main/f_bg_tab.jpg)center no-repeat; background-size: cover;padding-top: 80px;}
#footer .top{display: flex;justify-content: space-between;}
#footer .menu_wrap{display: flex;	display: block;width: 400px;}
#footer .menu_wrap .menu{width: auto;}
#footer .menu_wrap .menu a{display: block;width: 200px;font-size: 18px; color: #fff;transition:.3s ease-in;float:left;margin-bottom: 20px;}
#footer .menu_wrap .menu a:not(:last-child){margin-bottom: 20px;}
#footer .menu_wrap .menu a:hover{opacity: .6;}
#footer a.f_logo img{width: 70px;}

#footer .bot{display: flex;justify-content: space-between;align-items: flex-end;padding: 160px 0 80px;}
#footer .bot ul li{display: flex;gap:6px;}
#footer .bot ul li:not(:last-child){margin-bottom: 12px;}
#footer .bot ul li p{font-size: 16px; text-transform:uppercase;}
#footer .bot ul li span{font-size: 16px; }
#footer .bot strong.f_txt{display: block;font-size: 44px; color: #fff; font-weight: 300; line-height: 55px;text-transform:uppercase;text-align: right;}
#footer .copy{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.3);}
#footer .copy p{font-size: 16px; text-align: center;}

/* ==sub=================================== */
#header.sub_header{position: fixed;}
#header.sub_header h1 a img{transition:1s;}
#header.sub_header .nav_btn span em{background: #20341d;}
#header.sub_header .nav_btn span em::after{background: #20341d;}
#header.sub_header .nav_btn p{color: #20341d;}
#header.sub_header .btn_wrap a{color: #333; border:1px solid rgba(51,51,51,.5);transition:1.5s;}

#header.sub_header.nav h1 a img{filter: brightness(10);}
#header.sub_header .nav_btn.on span em{background: #fff;}
#header.sub_header .nav_btn.on span em::after{background: #fff;}
#header.sub_header .nav_btn.on p{color: #fff;}				  
#header.sub_header .nav_btn p{color: #20341d;}
#header.sub_header.nav .btn_wrap a{color: #fff; border:1px solid #fff;}

#sub_visual_wrap{position: relative; line-height: 1;padding-bottom: 100px;padding-top: 100px;}
#sub_visual_wrap .visual{position: relative;overflow: hidden;z-index: 10;}
#sub_visual_wrap::after{content:'';position: absolute;bottom: 0;right: 0;background: #fff;width: 100%;height: 100px;z-index: -10;}
#sub_visual_wrap .txt_wrap{position: absolute;}
#sub_visual_wrap .txt_wrap h2{position: relative;}
#sub_visual_wrap .txt_wrap h2 p{font-size: 110px; color: #fff; font-weight: 300;text-transform:uppercase;text-align: right;}

#sub_visual_wrap .txt_wrap.txt01{right: 40px;bottom: -60px;}
#sub_visual_wrap .txt_wrap.txt02{right: 60px; bottom: 39px;mix-blend-mode: difference;z-index: -1;}

#sub_contents{padding: 100px 0px 160px;}

ul.tab_menu{display: flex;gap:10px;margin-bottom: 40px;}
ul.tab_menu li a{display: flex;align-items: center; justify-content: center;width: 120px; height: 40px; font-size: 16px; border:1px solid rgba(51,51,51,.5);color: #333; border-radius:27px;}
ul.tab_menu li.on a{background: #333; color: #fff;}

/* sub_list */
.sub_list_wrap{line-height: 1;}
.sub_list_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:60px 20px;}
.sub_list_wrap ul.list_wrap li{width: calc((100% - 20px) / 2);overflow: hidden;}
.sub_list_wrap ul.list_wrap li .img_box{position: relative;}
.sub_list_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:49.438%;}
.sub_list_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub_list_wrap ul.list_wrap li .txt_wrap{margin-top: 20px;}
.sub_list_wrap ul.list_wrap li .txt_wrap p{font-size: 22px; color: #333; font-weight: 700;}
.sub_list_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 16px; color: #333;margin-top: 8px;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn{position: absolute; right: -90px; bottom: -90px;transition:.5s ease;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn .tri{width: 0;height: 0;border-left: 90px solid transparent;border-bottom: 90px solid #fff;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn img{position: absolute;bottom: 15px; right: 15px;width: 20px;}
.sub_list_wrap ul.list_wrap li:hover .img_box .more_btn{right: 0; bottom: 0;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{padding: 80px 0px 100px;}
.sub0101_wrap .con01 .inner{display: flex;align-items: flex-end; justify-content: space-between;}
.sub0101_wrap .con01 .l_txt{position: relative;transform: rotate(-90deg);transform-origin: left top;width:200px;}
.sub0101_wrap .con01 .l_txt p{position: absolute;width: max-content;font-size: 100px; color: var(--co02); font-weight: 500; line-height: 1;}
.sub0101_wrap .con01 .right{width: calc(100% - 100px);}
.sub0101_wrap .con01 .right .img_wrap{display: flex;gap:20px;align-items: flex-start;	justify-content: flex-end;}
.sub0101_wrap .con01 .right .img_wrap img:nth-child(1){width: 30%;}
.sub0101_wrap .con01 .right .img_wrap img:nth-child(2){width: 50%;}
.sub0101_wrap .con01 .right .txt{margin-top: 60px;padding-left: 20%;}
.sub0101_wrap .con01 .right .txt p{font-size: 20px; color: #333; font-weight: 700;margin-bottom: 25px;}
.sub0101_wrap .con01 .right .txt span{display: block;font-size: 16px; color: #666; line-height: 1.5;}

.sub0101_wrap .con02{display: flex;align-items: flex-end;background: var(--co02);}
.sub0101_wrap .con02 .img_wrap{width: 40%;height: -webkit-fill-available;}
.sub0101_wrap .con02 .img_wrap img{width: 100%; height: 100%; object-fit:cover;}
.sub0101_wrap .con02 .txt_wrap{padding: 50px;width: 60%;}
.sub0101_wrap .con02 .txt_wrap .top{margin-bottom: 30px;}
.sub0101_wrap .con02 .txt_wrap p{font-size: 20px; line-height: 1.3;color: #fff; font-weight: 700;margin-bottom: 12px;}
.sub0101_wrap .con02 .txt_wrap span{display: block;font-size: 16px; color: #fff; line-height: 1.5;}
.sub0101_wrap .con02 .txt_wrap span b{font-weight: 600;}

@media screen and (max-width:1024px) {
.sub0101_wrap .con01 .l_txt{width: 100px;}
.sub0101_wrap .con01 .l_txt p{font-size: 80px; line-height: 1;}

.sub0101_wrap .con02{flex-wrap:wrap;}
.sub0101_wrap .con02 .img_wrap{width: 100%;}
.sub0101_wrap .con02 .txt_wrap{width: 100%;}
}

.sub0101_wrap .con03{position: relative;padding: 100px 0;}
.sub0101_wrap .con03 .bg_txt{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);z-index: -1;}
.sub0101_wrap .con03 .bg_txt p{font-size: 180px; color: #f5f5f5; font-weight: 700;text-transform:uppercase;width: max-content;}
.sub0101_wrap .con03 .box{position: relative;width: fit-content;margin: 0 auto;}
.sub0101_wrap .con03 .box .img_wrap img{width: 450px;}
.sub0101_wrap .con03 .box .txt_wrap{position: absolute; top: 52%; transform:translateY(-50%);left: 0;width: 100%;}
.sub0101_wrap .con03 .box .txt_wrap span{display: block;font-size: 16px; color: #fff; line-height: 1.5; text-align: center;}
.sub0101_wrap .con03 .box .txt_wrap p{text-align: center;font-size: 20px; color: #fff;  line-height: 1.8;margin-top: 170px;}

/* sub02 */
#sub02_visual_wrap{position: relative;line-height: 1;}
#sub02_visual_wrap .visual .txt{position: absolute; left: 50%; transform:translateX(-50%);bottom: 80px;width: max-content;}
#sub02_visual_wrap .visual .txt p{font-size: 60px; color: #fff;font-weight: 500;text-align: center;width: 100%;}
#sub02_visual_wrap .visual .txt em{display: block;font-size: 20px; color: #fff;text-align: center;margin-top: 30px;letter-spacing: -1px;}

.sub02_wrap{padding: 80px 20px 0;line-height: 1;}
.sub02_wrap .slide_wrap ul .slick-list{overflow: visible;}
.sub02_wrap .slide_wrap ul li{width: 550px;margin-right: 90px;transition:1s;}
.sub02_wrap .slide_wrap ul li.slick-center{transform:scale(1.25)}
.sub02_wrap .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:45.062%;}
.sub02_wrap .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub02_wrap .slide_wrap .slick-prev{position: absolute; left: 0; top: 50%;transform:translateY(-50%);width: 50px; height: 50px; border-radius:50%;background: url(/assets/images_c/sub/view_prev.png)center no-repeat; background-size: cover;text-indent:  -9999px;z-index: 100;}
.sub02_wrap .slide_wrap .slick-next{position: absolute; right: 0; top: 50%;transform:translateY(-50%);width: 50px; height: 50px; border-radius:50%;background: url(/assets/images_c/sub/view_next.png)center no-repeat; background-size: cover;text-indent:  -9999px;z-index: 100;}

.sub02_wrap .con02{display: flex;flex-wrap:wrap;gap:30px;padding: 100px 0;}
.sub02_wrap .con02 .tit{width: 100%;}
.sub02_wrap .con02 .tit p{font-size: 40px; color: #333; font-weight: 700;}
.sub02_wrap .con02 .tit span{display: block;font-size: 18px; color: var(--co02); font-weight: 700; margin-top: 30px;}
.sub02_wrap .con02 .txt{width: 100%;}
.sub02_wrap .con02 .txt p{font-size: 16px; color: #666; line-height: 1.6;}
.sub02_wrap .con02 .txt p:not(:last-child){margin-bottom: 15px;}

.sub02_wrap .con03{position: relative;display: flex;gap:20px;}
.sub02_wrap .con03 .icon{position: absolute;top: -80px; left: -30px;z-index: 100;}
.sub02_wrap .con03 .icon img{width: 250px;}
.sub02_wrap .con03 .img_wrap{position:relative; width:100%; }
.sub02_wrap .con03 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub02_wrap .con03 .img01{width: 1020px;}
.sub02_wrap .con03 .img02{width: 540px;}
.sub02_wrap .con03 .img01 .img_wrap{padding-bottom:78.431%;}
.sub02_wrap .con03 .img02 .img_wrap{padding-bottom:148.148%;}

.sub02_wrap .con04{position: relative;padding: 100px 0 120px;}
.sub02_wrap .con04 .tit{display: flex;gap:15px; align-items: baseline;margin-bottom: 30px;}
.sub02_wrap .con04 .tit p{font-size: 40px; color: #333; font-weight: 700;}
.sub02_wrap .con04 .tit span{font-size: 16px; color: var(--co02); font-weight: 700;}
.sub02_wrap .con04 .box_wrap{border-top: 2px solid #333;}
.sub02_wrap .con04 .box_wrap .box{padding: 30px;border-bottom: 1px solid #ddd;}
.sub02_wrap .con04 .box_wrap .box strong{display: block;font-size: 20px; color: #333; margin-bottom: 15px;}
.sub02_wrap .con04 .box_wrap .box ul li{position: relative;padding-left: 15px;font-size: 16px; color: #333;line-height: 1.6;}
.sub02_wrap .con04 .box_wrap .box ul li:not(:last-child){margin-bottom: 10px;}
.sub02_wrap .con04 .box_wrap .box ul li::after{content:'';position: absolute;left: 0; top: 10px;width: 4px; height: 4px; background: var(--co02); border-radius:50%;}
.sub02_wrap .con04 .box_wrap .box ul li span{display: inline-block;color: #999;}

.sub02_wrap .con04 .box_wrap .box ul.ul_flex{display: flex;flex-wrap:wrap;}
.sub02_wrap .con04 .box_wrap .box ul.ul_flex li{width: calc(100% / 3);}

.sub02_wrap .con04 .bt_txt{position: absolute; left: -30px; bottom: 0;font-size: 80px; color: #f5f5f5 ; font-weight: 700;z-index: -1;width: max-content;}

.sub02_wrap .con05{display: flex;align-items: flex-end;}
.sub02_wrap .con05 .txt_wrap{width: 400px;}
.sub02_wrap .con05 .txt_wrap p{font-size: 18px; color: #333; line-height: 1.6;margin-top: 20px;}
.sub02_wrap .con05 .txt_wrap p b{color: var(--co01); font-weight: 700;}
.sub02_wrap .con05 .img_box{width: calc(100% - 400px);}
.sub02_wrap .con05 .img_wrap{position:relative; width:100%; padding-bottom:49.123%;}
.sub02_wrap .con05 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

@media screen and (max-width:1024px) {
.sub02_wrap .con05{flex-wrap:wrap;gap:20px;}
.sub02_wrap .con05 .txt_wrap{width: 100%;}
.sub02_wrap .con05 .img_box{width: 100%;}
}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:100px; }
.sub0301_wrap ul.list_wrap li{display: flex;width: 100%;}
.sub0301_wrap ul.list_wrap li:nth-child(2n){flex-direction: row-reverse;}
.sub0301_wrap ul.list_wrap li .img_box{width: 500px;}
.sub0301_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:49.438%;}
.sub0301_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap{position: relative;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots{position: absolute;bottom: 20px;display: flex;justify-content: center;gap:8px;width: 100%;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li{width: 8px;height: 8px;background: #fff; border-radius:50%; transition:.3s;}	
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li button{text-indent: -9999px;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li.slick-active{background: var(--co01);}

.sub0301_wrap ul.list_wrap li .txt_box{display: flex;flex-direction: column;justify-content: flex-end;width: calc(100% - 500px);padding: 0px 50px;}
.sub0301_wrap ul.list_wrap li .txt_box > p{font-size: 26px; color: #333;font-weight: 700;}
.sub0301_wrap ul.list_wrap li .txt_box > span{display: block;font-size: 15px; color: #333; line-height: 1.6;margin-top: 10px;}
.sub0301_wrap ul.list_wrap li .txt_box > em{display: block;font-size: 15px; color: var(--co02); font-weight: 700;line-height: 1.6;margin-top: 15px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap{margin-top: 15px;border-top: 2px solid #333;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box{border-bottom: 1px solid #ddd;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit{display: flex;align-items: center; justify-content: space-between;padding: 0 20px; height: 50px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit p{font-size: 16px; color: #333; font-weight: 700;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit img{display: block;transition:.4s;width: 10px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit.on img{transform:rotate(180deg);}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt{display: none;padding: 0 20px 20px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p{position: relative;padding-left: 15px;font-size: 14px; color: #333;line-height: 1.4;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p:not(:last-child){margin-bottom: 8px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p::after{content:'';position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: var(--co02); border-radius:50%;}

@media screen and (max-width:1024px) {
.sub0301_wrap ul.list_wrap li{flex-wrap:wrap;gap:30px;}
.sub0301_wrap ul.list_wrap li .img_box{width: 600px;}
.sub0301_wrap ul.list_wrap li .txt_box{width: 100%;}
}

/*sub0501*/
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .con .txt_wrap ul li{display: flex;}
.sub0501_wrap .con .txt_wrap ul li:not(:last-child){margin-bottom: 20px;}
.sub0501_wrap .con .txt_wrap ul li .icon{width: 30px;}
.sub0501_wrap .con .txt_wrap ul li .icon img{height: 18px;}
.sub0501_wrap .con .txt_wrap ul li p{font-size: 16px; color: #333;width: calc(100% - 30px);}

.sub0501_wrap .con01{position: relative; }
.sub0501_wrap .con01 .map_wrap{position:relative; width:100%; padding-bottom:60%;}
.sub0501_wrap .con01 .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0501_wrap .con01 .txt_wrap{position: absolute;bottom: 0; right: 0;padding: 40px; width: 500px; background: #fff;}
.sub0501_wrap .con01 .txt_wrap strong{display: block;font-size: 35px;font-weight: 700;color: var(--co01);line-height: 1.2; margin-bottom: 20px;}

.sub0501_wrap .con02{margin-top: 100px;gap:50px;}
.sub0501_wrap .con02{display: flex;justify-content: space-between;align-items: flex-end;}
.sub0501_wrap .con02 .txt_wrap{position: relative;padding-top: 40px;width: 50%;}
.sub0501_wrap .con02 .txt_wrap::after{content:'';position: absolute;top: 0; left: 0; width: 40px; height: 3px; background: var(--co01);}
.sub0501_wrap .con02 .txt_wrap strong{display: block;font-size: 28px; color: #333; margin-bottom: 30px;line-height: 1.2;}
.sub0501_wrap .con02 .txt_wrap strong i{display: block;}
.sub0501_wrap .con02 .map_box{width: 50%;}
.sub0501_wrap .con02 .map_wrap{position:relative; width:100%; padding-bottom:120%;}
.sub0501_wrap .con02 .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0501_wrap .con02-1{margin-top: 60px;gap:50px;}
.sub0501_wrap .con02-1 .txt_wrap strong{color: var(--co01);}

@media screen and (max-width:1024px) {
.sub0501_wrap .con01 .map_wrap{padding-bottom:100%;}
}

/*sub0601*/
.sub0601_wrap{line-height: 1;}
.sub0601_wrap ul.list_wrap{gap:30px 20px;}
.sub0601_wrap ul.list_wrap li{width: calc((100% - 40px) / 3);border:1px solid #ddd;overflow: hidden;}
.sub0601_wrap ul.list_wrap li .txt_wrap{padding: 35px 25px;}
.sub0601_wrap ul.list_wrap li .txt_wrap em{display: block;font-size: 16px; color: #999; font-weight: 300;}
.sub0601_wrap ul.list_wrap li .txt_wrap p{font-size: 16px; color: #333; font-weight: 700; line-height: 26px;margin: 12px 0px 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0601_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 13px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0601_wrap ul.list_wrap li .img_box{position: relative;}
.sub0601_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:92.105%;}
.sub0601_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0601_wrap ul.list_wrap li .img_box .sns_tag{position: absolute;bottom: 15px; right: 15px;}
.sub0601_wrap ul.list_wrap li .img_box .sns_tag img{width: 32px;}

}