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

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

/* 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:10px;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.intro_wrap .intro_box .logo{display: flex;gap:2px;align-items: flex-end;transform: scale(0.6);}
.intro_wrap .intro_box .logo img{display: block;}
.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: 30px;}
.intro_wrap .intro_box .txt img{width: 250px;}

/* cover */
.cover_wrap{display: flex;flex-direction: column;line-height: 1;}
.cover_wrap .box{position: relative;width: 100%;height: 50vh;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: 40px;}
.cover_wrap .box .logo_wrap .txt p{font-size: 22px; color: #fff; font-weight: 500;text-align: center;margin-top: 15px;}
.cover_wrap .box .logo_wrap .txt img{width: 200px;}
.cover_wrap .box:hover .logo_wrap{backdrop-filter: brightness(0.5);}
.cover_wrap a.btn{display: flex;align-items: center; justify-content: center;position: relative; bottom: 0; left: 0; transform:initial;width: 150px;height: 35px;font-size: 14px;color: #fff; border-radius:50px; background: rgba(255,255,255,.1); border:1px solid #fff;text-transform:uppercase;margin-top: 20px;}
.cover_wrap a.btn img{position: absolute;right: 10px;width: 10px;transition:.4s;}
.cover_wrap a.btn:hover img{transform:rotate(45deg);}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

/* header */
#header{position: fixed; top: 0; left: 0; width: 100%; z-index: 7000;}
#header::After{content:'';position: absolute; top: 41px; left: 0;width: 100%;height: 2px;background: red;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 70px; }
#header h1{position: initial; left: 50%; top: 50%;transform:initial;}
#header h1 img{width: 104px;}
#header h1 span.on img{width: 26px;}
#header .nav_btn{display: flex; align-items: center;gap:10px;transform: translateY(7px);}
#header .nav_btn span{position: relative;display: block;width: 25px;height: 9px;}
#header .nav_btn span em{position: absolute; left: 4px; width: 21px; height: 2px; background: #fff;transition:.5s;}
#header .nav_btn span em::after{content:'';position: absolute;left: -4px; top: 0;width: 2px; 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: 14px; color: #fff;text-transform:uppercase;}
#header .nav_btn p.nav_on{display: none;}
#header .btn_wrap{display: flex;align-items: center; gap:10px;transform: translateY(7px);}
#header .btn_wrap a{display: flex; align-items: center; justify-content: center;width: 90px; height: 25px; font-size: 12px; color: #fff;  border-radius:20px; border:1px solid rgba(255,255,255,.5);}
#header .btn_wrap a:nth-child(2){display: none;}
#header .btn_wrap a span.on{position: absolute;font-family: 'Pretendard'; font-weight: 400;transform: translateY(40px);font-size: 12px;}
#header .btn_wrap a:hover span.off{transform: translateY(-40px);}
#header .btn_wrap a:hover span.on{transform: translateY(2px);}

#header.active .inner{height: 50px;}

#visual_wrap{position: relative;line-height: 1;overflow: hidden;}
#visual_wrap strong.vis_txt{position: absolute; right: initial; left: 10px; bottom: 165px; font-size: 55px;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: 10px;bottom: 100px;}
#visual_wrap .visual li .txt_wrap p{opacity: 0;transform:translateY(50px);font-size: 24px; 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: 16px; color: #fff; margin-top: 10px;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{width: 16px;}
#header.nav .nav_btn span em:nth-child(1){top: 4px;transform:rotate(45deg);}
#header.nav .nav_btn span em:nth-child(2){bottom: 3px;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: 70px;width: 100%;height: auto;min-height: 100vh;z-index: 6000;background: #16100c;line-height: 1;transition:1s ease;}
.navigation.on{left: 0%;}
.navigation .inner{display: flex;align-items: flex-start;flex-direction: column;justify-content: space-between;gap:20px;min-height: 100vh;height: 100%;}
.navigation .btn_wrap{display: flex;align-items: center; gap:10px;margin-top: 20px;width: 100%;}
.navigation .btn_wrap a{display: flex; align-items: center; justify-content: center;width: calc((100% - 10px) / 2); height: 28px; font-size: 14px; color: #fff; font-weight: 400; border-radius:20px; border:1px solid rgba(255,255,255,.5);}

.navigation .lnb_box{display: block;align-items: flex-start;padding-bottom: 80px;width: 100%;height: auto;}
.navigation .lnb_box .img_box{position: relative;width: 100%;}
.navigation .lnb_box .img_wrap{position:relative; width:100%; padding-bottom:56.338%;border-radius:8px;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: 0px;margin-top: 30px;margin-bottom: 80px;display: block;}
.navigation .lnb_box .nav_box h3{height: 22px;}
.navigation .lnb_box .nav_box h3:not(:last-child){margin-bottom: 12px;}
.navigation .lnb_box .nav_box h3 a{font-size: 20px; 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: 10px;}
.navigation a.site_btn svg{width: 90px; height: 90px;}
.navigation a.site_btn p{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);font-size: 14px; line-height: 18px; 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: 15px;}

.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: 4px;}

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

/* section01 */
#section01{position: relative;height: auto;background: #110704;}
#section01 .slide_wrap{position: relative;transform: initial;overflow: hidden;padding-top: 80px;}
#section01 .slide_wrap ul li{position: relative;width: 310px;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: 14px; color: #fff;text-align: center; margin-top: 5px;}

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

#section01 .slide_wrap .slide_bg{display: flex;position: absolute;bottom: 1px; left: 50%; transform:translateX(-50%);pointer-events: none;z-index: 1000;}
#section01 .slide_wrap .slide_bg img{width: 315px;}
#section01 .slide_wrap .slide_bg img:not(:last-child){margin-right: -1px;}

/* section02 */
#section02{padding: 70px 0;}
#section02 .slide_wrap{display: flex;align-items: center;height: auto;padding: 0;overflow-y: scroll;padding-bottom: 10px;}
#section02 .slide_wrap::-webkit-scrollbar {width: 0;height: 3px;  /* 스크롤바의 너비 */}
#section02 .slide_wrap::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: var(--co01); /* 스크롤바의 색상 */border-radius: 10px;}
#section02 .slide_wrap::-webkit-scrollbar-track {background: #f5f5f5;  /*스크롤바 뒷 배경 색상*/}
#section02 .slide_wrap ul{display: flex;gap:5px;width: max-content;padding: 0 10px;}
#section02 .slide_wrap ul li .img_wrap img{height: 210px;}
#section02 .slide_wrap ul li .txt_wrap{padding-top: 15px;}
#section02 .slide_wrap ul li .txt_wrap p{font-size: 18px;font-weight: 700; color: #333;}
#section02 .slide_wrap ul li .txt_wrap span{display: block;font-size: 12px; color: #666;margin-top: 10px;}

/* section03 */
#section03{padding: 0 0 105px;}
#section03 .con{position: relative;}
#section03 .con .bg{width: 100%; height: 650px;}
#section03 .con .bg img{width: 100%; height: 100%; object-fit:cover; }
#section03 .con .txt_wrap{display: flex;gap:8px;position: absolute;top: 70px; left: 0px;padding: 0 20px;width: 100%;}
#section03 .con .txt_wrap .icon img{width: 22px;}
#section03 .con .txt_wrap p{font-size: 16px; color: #dbdbdb; font-weight: 700;}
#section03 .con .txt_wrap p b.p01{display: block;font-size: 25px; margin-bottom: 10px;}
#section03 .con .txt_wrap p b.p02{display: block;font-size: 13px;font-family: 'Pretendard';font-weight: 300; line-height: 1.3;}
#section03 .con .txt_wrap p em{display: block;height: 20px;}

#section03 .con .count_wrap{position: absolute;bottom: 50px;width: 100%;padding: 0 20px;}
#section03 .con .count_wrap ul{display: flex;align-items: center;flex-direction: column; justify-content: center;}
#section03 .con .count_wrap ul li{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;position: relative;width: 100%;padding: 20px 0;text-align: center;}
#section03 .con .count_wrap ul li:not(:last-child)::after{content:'';position: absolute;right: initial;left: 0; top: initial;bottom: 0;transform:initial;width: 100%; height: 1px;background: rgba(245,245,245,.4);}
#section03 .con .count_wrap ul li p{font-size: 30px; color: #fff; font-weight: 700;}
#section03 .con .count_wrap ul li p em{font-weight: 700;font-size: 45px;}
#section03 .con .count_wrap ul li span{display: block;font-size: 14px; color: #fff;margin-top: 0px;}

/* section04 */
#section04{padding: 0px ;}
#section04 .tit_wrap{display: flex;align-items: center; justify-content: space-between;margin-bottom: 30px;}
#section04 .tit_wrap .tit p{font-size: 18px; color: #333; font-weight: 700;}
#section04 .tit_wrap .tit p.p02{display: flex; align-items: center; gap:3px; justify-content: center;font-size: 13px;font-family: 'Pretendard';margin-top: 10px;font-weight: 400;color: #999;}
#section04 .tit_wrap .tit p.p02 img{width: 18px;}
#section04 .tit_wrap .tit span{display: block;font-size: 14px; color: #333; margin-top: 12px;line-height: 1.2;}
#section04 .tit_wrap a.more_btn{position: relative;width: 45px;height: 45px; 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: 10px; 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_mob.png)center no-repeat;width: 10px; height: 10px; background-size: cover;transition:.5s;}
#section04 .tit_wrap a.more_btn:hover{width: 45px; height: 45px;}
#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:20px 10px;}
#section04 .list_wrap ul li{width: calc((100% - 20px) / 3);}
#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: 14px; color: #333; }
#section04 .list_wrap ul li .txt_wrap span{display: block;font-size: 12px; color: #666; margin-top: 8px;}

/* section05 */
#section05{padding: 110px 0 70px 10px;}
#section05 .tit_wrap{display: flex;align-items: center;gap:8px;margin-bottom: 30px;}
#section05 .tit_wrap .icon img{width: 22px;}
#section05 .tit_wrap p{font-size: 18px; color: #333; font-weight: 700;line-height: 1.2;}
#section05 .slide_wrap ul li{width: 172px;border:1px solid #ddd;overflow: hidden;margin-right: 10px;}
#section05 .slide_wrap ul li .txt_wrap{padding: 15px;}
#section05 .slide_wrap ul li .txt_wrap em{display: block;font-size: 12px; color: #999; font-weight: 300;}
#section05 .slide_wrap ul li .txt_wrap p{font-size: 12px; color: #333; font-weight: 700; line-height: 18px;margin: 8px 0px 6px;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: 10px; 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: 25px;}

#section05 .progress { position:relative; width:calc(100% - 10px); height:3px; background:#f5f5f5; margin-top: 35px;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_mob.jpg)center no-repeat; background-size: cover;padding-top: 55px;}
#footer .top{display: flex;flex-direction: column-reverse;justify-content: flex-start;gap:30px;}
#footer .menu_wrap{display: flex;	display: block;width: 356px;}
#footer .menu_wrap .menu{width: auto;}
#footer .menu_wrap .menu a{display: block;width: 178px;font-size: 14px; color: #fff;transition:.3s ease-in;float:left;margin-bottom: 15px;}
#footer .menu_wrap .menu a:not(:last-child){margin-bottom: 15px;}
#footer .menu_wrap .menu a:hover{opacity: .6;}
#footer a.f_logo{display: block;width: fit-content;margin-left: auto;}
#footer a.f_logo img{width: 50px;}

#footer .bot{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;gap:45px;padding: 45px 0 45px;}
#footer .bot ul li{display: flex;gap:4px;}
#footer .bot ul li:not(:last-child){margin-bottom: 8px;}
#footer .bot ul li p{font-size: 12px; text-transform:uppercase;}
#footer .bot ul li span{font-size: 12px; }
#footer .bot strong.f_txt{display: block;font-size: 30px; font-weight: 300; line-height: 35px;text-transform:uppercase;text-align: left;}
#footer .copy{padding: 15px 0;border-top: 1px solid rgba(255,255,255,.3);}
#footer .copy p{font-size: 12px; 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: 60px;padding-top: 70px;}
#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: 70px; color: #fff; font-weight: 300;text-transform:uppercase;text-align: right;}

#sub_visual_wrap .txt_wrap.txt01{right: 20px;bottom: -32px;}
#sub_visual_wrap .txt_wrap.txt02{right: 30px; bottom: 29px;mix-blend-mode: difference;z-index: -1;}

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

ul.tab_menu{display: flex;gap:5px;margin-bottom: 30px;}
ul.tab_menu li a{display: flex;align-items: center; justify-content: center;width: 80px; height: 25px; font-size: 12px; 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:30px;}
.sub_list_wrap ul.list_wrap li{width: 100%;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: 15px;}
.sub_list_wrap ul.list_wrap li .txt_wrap p{font-size: 18px; color: #333; font-weight: 700;}
.sub_list_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 12px; color: #333;margin-top: 6px;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn{position: absolute; right: -60px; bottom: -60px;transition:.5s ease;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn .tri{width: 0;height: 0;border-left: 60px solid transparent;border-bottom: 60px solid #fff;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn img{position: absolute;bottom: 10px; right: 10px;width: 16px;}
.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{position: relative;padding: 40px 0px 60px;}
.sub0101_wrap .con01 .inner{display: flex;align-items: flex-end; justify-content: space-between;}
.sub0101_wrap .con01 .l_txt{position: absolute;top: 0;left: 0;transform: rotate(-90deg) translate(-110px,-70px);transform-origin: bottom;width:auto;}
.sub0101_wrap .con01 .l_txt p{position: initial;width: max-content;font-size: 70px; color: var(--co02); font-weight: 500; line-height: 1;}
.sub0101_wrap .con01 .right{width: 100%;}
.sub0101_wrap .con01 .right .img_wrap{display: flex;flex-direction: column;gap:10px;align-items: flex-end;	justify-content: flex-end;}
.sub0101_wrap .con01 .right .img_wrap img:nth-child(1){width: 50%;}
.sub0101_wrap .con01 .right .img_wrap img:nth-child(2){width: 70%;}
.sub0101_wrap .con01 .right .txt{margin-top: 50px;padding-left: 0%;}
.sub0101_wrap .con01 .right .txt p{font-size: 13px; color: #333; font-weight: 700;margin-bottom: 20px;}
.sub0101_wrap .con01 .right .txt span{display: block;font-size: 12px; color: #666; line-height: 1.5;}

.sub0101_wrap .con02{display: flex;flex-wrap:wrap;align-items: flex-end;background: var(--co02);}
.sub0101_wrap .con02 .img_wrap{width: 100%;height: -webkit-fill-available;}
.sub0101_wrap .con02 .img_wrap img{width: 100%; height: 100%; object-fit:cover;}
.sub0101_wrap .con02 .txt_wrap{padding: 30px 20px;width: 100%;}
.sub0101_wrap .con02 .txt_wrap .top{margin-bottom: 20px;}
.sub0101_wrap .con02 .txt_wrap p{font-size: 13px; color: #fff; font-weight: 700;margin-bottom: 10px;}
.sub0101_wrap .con02 .txt_wrap span{display: inline-block;font-size: 12px; color: #fff; line-height: 1.7;}
.sub0101_wrap .con02 .txt_wrap span div{display: inline-block !important;}
.sub0101_wrap .con02 .txt_wrap span b{font-weight: 600;}
.sub0101_wrap .con02 .txt_wrap span br{display: none;}


.sub0101_wrap .con03{position: relative;padding: 60px 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: 60px; 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: 250px;}
.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: 11px; color: #fff; line-height: 1.5; text-align: center;}
.sub0101_wrap .con03 .box .txt_wrap p{text-align: center;font-size: 14px; color: #fff; line-height: 1.8;margin-top: 30px;}

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

.sub02_wrap{padding: 20px 10px 0;line-height: 1;}
.sub02_wrap .slide_wrap ul .slick-list{overflow: visible;}
.sub02_wrap .slide_wrap ul li{width: 250px;margin-right: 40px;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: 30px; height: 30px; 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: 30px; height: 30px; 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:20px;padding: 60px 0;}
.sub02_wrap .con02 .tit{width: 100%;}
.sub02_wrap .con02 .tit p{font-size: 30px; color: #333; font-weight: 700;}
.sub02_wrap .con02 .tit span{display: block;font-size: 14px; color: var(--co02); font-weight: 700; margin-top: 10px;}
.sub02_wrap .con02 .txt{width: 100%;}
.sub02_wrap .con02 .txt p{font-size: 13px; color: #666; line-height: 1.6;}
.sub02_wrap .con02 .txt p:not(:last-child){margin-bottom: 10px;}

.sub02_wrap .con03{position: relative;display: flex;gap:5px;}
.sub02_wrap .con03 .icon{position: absolute;top: -50px; left: -20px;z-index: 100;}
.sub02_wrap .con03 .icon img{width: 120px;}
.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: 60px 0 60px;}
.sub02_wrap .con04 .tit{display: flex;gap:10px; flex-direction: column; align-items: baseline;margin-bottom: 30px;}
.sub02_wrap .con04 .tit p{font-size: 30px; color: #333; font-weight: 700;}
.sub02_wrap .con04 .tit span{font-size: 13px; color: var(--co02); font-weight: 700;}
.sub02_wrap .con04 .box_wrap{border-top: 2px solid #333;}
.sub02_wrap .con04 .box_wrap .box{padding: 20px;border-bottom: 1px solid #ddd;}
.sub02_wrap .con04 .box_wrap .box strong{display: block;font-size: 16px; color: #333; font-weight: 500;	margin-bottom: 10px;}
.sub02_wrap .con04 .box_wrap .box ul li{position: relative;padding-left: 12px;font-size: 13px; color: #333;line-height: 1.6;}
.sub02_wrap .con04 .box_wrap .box ul li:not(:last-child){margin-bottom: 5px;}
.sub02_wrap .con04 .box_wrap .box ul li::after{content:'';position: absolute;left: 0; top: 7px;width: 3px; height: 3px; 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% / 2);}

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

.sub02_wrap .con05{display: flex;align-items: flex-end;flex-wrap:wrap;gap:10px;}
.sub02_wrap .con05 .txt_wrap{width: 100%;}
.sub02_wrap .con05 .txt_wrap .icon img{width: 38px;}
.sub02_wrap .con05 .txt_wrap p{font-size: 14px; color: #333; line-height: 1.6;margin-top: 10px;}
.sub02_wrap .con05 .txt_wrap p b{color: var(--co01); font-weight: 700;}
.sub02_wrap .con05 .img_box{width: 100%;}
.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;}


/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:60px; }
.sub0301_wrap ul.list_wrap li{display: flex;flex-wrap:wrap;gap:20px;width: 100%;}
.sub0301_wrap ul.list_wrap li:nth-child(2n){flex-direction: row-reverse;}
.sub0301_wrap ul.list_wrap li .img_box{width: 400px;max-width: 100%;}
.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: 15px;display: flex;justify-content: center;gap:6px;width: 100%;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li{width: 6px;height: 6px;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: 100%;padding: 0px 20px;}
.sub0301_wrap ul.list_wrap li .txt_box > p{font-size: 20px; color: #333;font-weight: 700;}
.sub0301_wrap ul.list_wrap li .txt_box > span{display: block;font-size: 13px; color: #333; line-height: 1.6;margin-top: 6px;}
.sub0301_wrap ul.list_wrap li .txt_box > em{display: block;font-size: 13px; color: var(--co02); font-weight: 700;line-height: 1.6;margin-top: 10px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap{margin-top: 10px;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 10px; height:35px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit p{font-size: 13px; 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: 13px;font-size: 12px; color: #333;line-height: 1.4;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p:not(:last-child){margin-bottom: 6px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p::after{content:'';position: absolute; left: 0; top: 6px; width: 3px; height: 3px; background: var(--co02); border-radius:50%;}

.sub0301_wrap ul.list_wrap li .txt_box a{display: flex; align-items: center; justify-content: center;width: 90px; height: 25px; font-size: 12px; border-radius:20px; }
.sub0301_wrap ul.list_wrap li .txt_box a:nth-child(2){display: none;}
.sub0301_wrap ul.list_wrap li .txt_box a span.on{position: absolute;font-family: 'Pretendard'; font-weight: 400;transform: translateY(40px);font-size: 12px;}
.sub0301_wrap ul.list_wrap li .txt_box a:hover span.off{transform: translateY(-40px);}
.sub0301_wrap ul.list_wrap li .txt_box a:hover span.on{transform: translateY(2px);}

/*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: 10px;}
.sub0501_wrap .con .txt_wrap ul li .icon{width: 22px;}
.sub0501_wrap .con .txt_wrap ul li .icon img{height: 14px;}
.sub0501_wrap .con .txt_wrap ul li p{font-size: 13px; color: #333;width: calc(100% - 22px);}

.sub0501_wrap .con01{position: relative; }
.sub0501_wrap .con01 .map_wrap{position:relative; width:100%; padding-bottom:120%;}
.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: 20px; width: 300px; background: #fff;}
.sub0501_wrap .con01 .txt_wrap strong{display: block;font-size: 20px;font-weight: 700;color: var(--co01);line-height: 1.2; margin-bottom: 12px;}

.sub0501_wrap .con02{margin-top: 60px;}
.sub0501_wrap .con02{display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;gap:20px;}
.sub0501_wrap .con02 .txt_wrap{position: relative;padding-top: 20px;width: 100%;}
.sub0501_wrap .con02 .txt_wrap::after{content:'';position: absolute;top: 0; left: 0; width: 30px; height: 2px; background: var(--co01);}
.sub0501_wrap .con02 .txt_wrap strong{display: block;font-size: 18px; color: #333; margin-bottom: 20px;line-height: 1.2;}
.sub0501_wrap .con02 .txt_wrap strong i{display: none;}
.sub0501_wrap .con02 .map_box{width: 100%;}
.sub0501_wrap .con02 .map_wrap{position:relative; width:100%; padding-bottom:40%;}
.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: 50px;gap:20px;}
.sub0501_wrap .con02-1 .txt_wrap strong{color: var(--co01);}


/*sub0601*/
.sub0601_wrap{line-height: 1;}
.sub0601_wrap ul.list_wrap{gap:20px;}
.sub0601_wrap ul.list_wrap li{width: 100%;border:1px solid #ddd;overflow: hidden;}
.sub0601_wrap ul.list_wrap li .txt_wrap{padding: 15px;}
.sub0601_wrap ul.list_wrap li .txt_wrap em{display: block;font-size: 12px; color: #999; font-weight: 300;}
.sub0601_wrap ul.list_wrap li .txt_wrap p{font-size: 12px; color: #333; font-weight: 700; line-height: 18px;margin: 8px 0px 6px;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: 10px; 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: 25px;}

}