@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;}

/* === 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%; }

/* cursor */
.cursor2,
.cursor3{position: fixed;border-radius: 50%;transform: translate(-50%, -50%);pointer-events: none;left: 0;top: 0;z-index: 9999;will-change: transform;width: 46px;height: 46px;transition: all 0.15s ease;background: transparent;}

.cursor3.hover::after{content:'';position: absolute;width: 115px; height: 115px; background: url(/assets/images/main/cursor.png)center no-repeat; background-size: cover;animation: cursorAni01 10s linear infinite;}
.cursor2.hover .progress-wrap{box-shadow: initial;}
.cursor2.hover .progress-wrap svg.progress-circle path{opacity: 0;}
@keyframes cursorAni01{
0%{}
100%{transform:rotate(360deg);}
}
.progress-wrap{width: 100%;height: 100%;border-radius: 50%;box-shadow: inset 0 0 0 2px rgba(186,186,186,0.3);display: flex;align-items: center;justify-content: center;}
.progress-wrap svg path{fill: none;stroke: #bababa;stroke-width: 3;transition: stroke-dashoffset 10ms linear;}


#header{position: fixed;top: 0; left: 0; width: 100%;line-height: 1;z-index: 8000;transition: 1s;}
#header.on{background: rgba(34, 34, 34, .7);backdrop-filter: blur(10px);}
#header.active{top: -100px;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 80px;}
#header h1 a{position: absolute; top: 25px;}
#header h1 a img{width: 608px;opacity: .5;}

ul.gnb{display: none;gap:65px;}
ul.gnb li a{font-size: 18px; color: #fff; font-family: 'Pretendard-All-R';}

.nav_btn{display: block;font-size: 18px; color: #fff;}
.navigation{position: fixed;top: 0;right: -100%;display: flex;flex-direction: column;justify-content: space-between;width: 50%;height: 100vh;background: #151515;z-index: 8600;line-height: 1;transition: all 700ms cubic-bezier(0.640, 0.005, 0.315, 1.000);}
.navigation.on{right: 0;}
.navigation .nav_top{display: flex;align-items: center;justify-content: flex-end;height: 80px;padding: 0 20px;}
.navigation .nav_top .nav_x_btn{font-size: 18px; color: #fff;}
.navigation .lnb_wrap{padding: 0 40px 70px 40px;transition: all 700ms cubic-bezier(0.640, 0.005, 0.315, 1.000);transform:translateX(60px);transition-delay: .3s;}
.navigation.on .lnb_wrap{transform:translateX(0px);}
.navigation .lnb_wrap h3 a{display: block;font-size: 30px; color: #fff;font-weight: 400;}
.navigation .lnb_wrap h3:not(:last-child){margin-bottom: 40px;}

/* visual_wrap */
#visual_wrap{position: relative;height: 100vh;}

#visual_wrap video{width: 100%;height: 100%;object-fit:cover;}

#visual_wrap .txt{position: absolute; left: 0; top: 50%; transform:translateY(-50%);width: 100%;}
#visual_wrap .txt p{position: relative;font-size: 65px; color: #fff; font-weight: 500; line-height: 65px;text-transform:uppercase;transition:.5s;}
#visual_wrap .txt p:first-child{transform:translateX(65px);}
#visual_wrap .txt p span.ori{display: block;transform-origin: bottom;height: 65px;}
#visual_wrap .txt p span.flip{display: block;position: absolute;top: 7px;transform: rotateX(90deg);transform-origin: bottom;height: 65px;}

#visual_wrap .scroll{display: flex;align-items: center;gap:9px;position: absolute; bottom: 50px;left: 50%; transform:translateX(-50%);}
#visual_wrap .scroll p{font-size: 15px; color: rgba(255,255,255,.5);}
#visual_wrap .scroll .arr01{transform:translateY(2px)}
#visual_wrap .scroll .arr02{transform:translateY(-2px)}
#visual_wrap .scroll img{width: 13px;}

/* section01 */
#section01{padding: 110px 0 0px;line-height: 1;}
#section01 .tit strong{display: block;font-size: 75px; font-weight: 500; color: #222;text-align: center;text-transform:uppercase;}
#section01 .con_wrap .con{padding: 65px 0;}
#section01 .con_wrap .con .img_con{width: 370px;margin: 0 auto; overflow: hidden; border-radius:20px;}
#section01 .con_wrap .con .img_wrap{height: 430px;}
#section01 .con_wrap .con .img_wrap img{width:100%; height:100%; object-fit:cover;transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
#section01 .con_wrap .con .img_wrap img:hover{border-radius:80px;}

#section01 .con_wrap .con .txt_con{display: flex;align-items: center;justify-content: space-between;width: 370px;margin: 20px auto 0;}
#section01 .con_wrap .con .txt_con p{position: relative;font-size: 16px; color: #222; font-weight: 500;}
#section01 .con_wrap .con .txt_con p strong{display: inline-block;font-size: 20px; color: #222; font-weight: 700; margin-right: 15px;}
#section01 .con_wrap .con .txt_con p em{position: absolute; right: 0;top: 50%;transform:translateY(-50%);width: 100%;height: calc(100% + 5px);background: #222;}
#section01 .con_wrap .con .txt_con .sns{display: flex; align-items: center;gap:10px;}
#section01 .con_wrap .con .txt_con .sns img{width: 22px;}

#section01 .con_wrap .con .bg_txt{opacity: 0;}
#section01 .con_wrap .con .bg_txt .txt{position: relative;}
#section01 .con_wrap .con .bg_txt strong{display: block;font-size: 130px; color: #222; text-transform:uppercase;height: max-content;font-weight: 400;}
#section01 .con_wrap .con .bg_txt strong.flip{position: absolute;top: 0;left: 0;z-index: -1;}

#section01 .con_wrap .con .bg_txt .l_txt{position: fixed;transform: translateX(-50%) rotate(-90deg);top: 50%; left: 46px;z-index: -1;}
#section01 .con_wrap .con .bg_txt .r_txt{position: fixed;transform: translateX(50%) rotate(90deg);top: 50%; right: 46px;z-index: -1;}

#section01 .con_wrap .con .bg_txt .l_txt strong{/* writing-mode: sideways-lr; */transform-origin: bottom;}
#section01 .con_wrap .con .bg_txt .r_txt strong{/* writing-mode: sideways-rl; */transform-origin: bottom;}

/* section02 */
#section02{position: relative;padding: 125px 0px 140px;background: url(/assets/images/main/sec02_bg01_tab.jpg)center no-repeat; background-size: cover;line-height: 1;}
#section02 .tit{position: relative;z-index: 10;font-size: 75px; color: #fff; font-weight: 500;margin-bottom: 90px;}
#section02 .slide_wrap{position: relative;z-index: 10;height: 315px; }
#section02 .slide_wrap ul{display: flex;gap:15px;}
#section02 .slide_wrap ul li .img_wrap{position: relative;width: 258px; height: 315px;}
#section02 .slide_wrap ul li .img_wrap img{position: absolute;bottom: 0;width: 100%; height: 100%; object-fit:cover;border-radius:16px;box-shadow:3px 3px 20px rgba(0,0,0,.25); transition: all 500ms cubic-bezier(0.705, -0.005, 0.330, 1.000);}
#section02 .slide_wrap ul li:hover .img_wrap img{border-radius:50px;}
#section02 .slide_wrap ul li .img_wrap:hover img{height: 120%;}

#section02 .slide_wrap ul.sec02_slide01{position: absolute;left: 0;top: 0;width: max-content;animation: img-scrolling01 100s linear infinite;will-change: transform;margin-left: 15px;}
#section02 .slide_wrap ul.sec02_slide02{position: absolute;left: 0;top: 0;width: max-content;animation: img-scrolling02 100s linear infinite;will-change: transform;}
#section02 .slide_wrap ul.on{animation-play-state:paused;}

@keyframes img-scrolling01{
0%{transform: translate3d(100%, 0, 0);}
100%{transform: translate3d(0, 0, 0);}
}
@keyframes img-scrolling02{
0%{transform: translate3d(0, 0, 0);}
100%{transform: translate3d(-100%, 0, 0);}
}

#footer{position: relative;line-height: 1;padding: 50px 0;background: #151515;z-index: 100;border-top: 1px solid #222;}
#footer .f_top{display: flex; align-items: center; justify-content: space-between;margin-bottom: 50px;}
#footer .f_top .f_logo img{width: 220px;}
#footer .f_top .contact_btn{width: 182px; height: 40px; background: #333; padding: 0px 20px;border-radius:20px;overflow: hidden;}
#footer .f_top .contact_btn a{position: relative;display: flex; align-items: center;width: 100%;height: 100%;font-size: 14px; color: #fff;padding-left: 20px;}
#footer .f_top .contact_btn a::after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 5px; height: 5px; background: #fff; border-radius:50%;transition:1s;mix-blend-mode: difference;}
#footer .f_top .contact_btn:hover a::after{left: -30px;width: 200px; height: 200px;}

#footer .f_bot{display: flex; align-items: center; justify-content: space-between;}
#footer .f_bot address p{font-size: 14px; color: #fff; line-height: 25px;}
#footer .f_bot address p b{display: inline-block;margin: 0 13px;color: #555;font-size: 15px;}
#footer .f_bot .top_btn{display: flex;align-items: center;gap:15px;}
#footer .f_bot .top_btn p{font-size: 15px; color: #fff;}
#footer .f_bot .top_btn .icon{display: flex;align-items: center; justify-content: center;width: 30px; height: 30px; background: #333; border-radius:50%;  border-radius:50%;}
#footer .f_bot .top_btn .icon img{width: 8px;}

/*==sub=============================================================*/

#sub_header{position: fixed;top: 0; left: 0; width: 100%;line-height: 1;z-index: 8000;transition: 1s;}
#sub_header.active{top: -100px;}
#sub_header .inner{display: flex;align-items: center; justify-content: space-between;height: 80px;}
#sub_header h1 a img{width: 220px;}
#sub_header ul.gnb li a{color: #222;font-weight: 500;}
#sub_header .nav_btn{color: #222;}

#sub_contents{padding: 140px 0;margin-top: 80px;min-height: 580px;background: url(/assets/images/sub/sub_bg01_pc.jpg)right top no-repeat; background-size: cover;}
#sub_contents .inner{padding: 0 2.6%;}
#sub_contents .contop{margin-bottom: 60px; line-height: 1; }
#sub_contents .contop h3{font-size: 80px; color: #222;font-weight: 500;text-transform:uppercase;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con{position: relative;display: flex;padding: 100px 0; }
.sub0101_wrap .con:last-child{padding-bottom: 0;}
.sub0101_wrap .con:not(:last-child)::after{content:'';position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #bbb;transition:1.5s;}
.sub0101_wrap .con.on::after{width: 100%;}
.sub0101_wrap .con .tit_wrap{width: 300px;}
.sub0101_wrap .con .tit_wrap strong{font-size: 42px;color: #222; font-weight: 700;}
.sub0101_wrap .con .txt_wrap{width: calc(100% - 300px);}

.sub0101_wrap .con01{padding-top: 0px;}
.sub0101_wrap .con01 .txt_wrap strong{display: block;font-size: 34px; color: #222; font-weight: 700;font-family: 'Pretendard-All-B';margin-bottom: 30px;}
.sub0101_wrap .con01 .txt_wrap .txt p{font-size: 18px; line-height: 1.5; color: #666;}
.sub0101_wrap .con01 .txt_wrap .txt p:not(:last-child){margin-bottom: 15px;}
.sub0101_wrap .con01 .txt_wrap .txt p br{display: none;}
.sub0101_wrap .con01 .txt_wrap .txt p:nth-child(3){margin-bottom: 0;}
.sub0101_wrap .con01 .txt_wrap .txt p.edit_txt{margin-bottom: 0;}

.sub0101_wrap .con02 .img{position: relative;width: 100%; height: 220px; background: url(/assets/images/sub/sub0101_img01.jpg)center no-repeat; background-size: cover; background-attachment: fixed;}
.sub0101_wrap .con02 .img img{position: absolute;bottom: 30px; right: 30px;}
.sub0101_wrap .con02 ul{margin-top: 60px;}
.sub0101_wrap .con02 ul li{display: flex;}
.sub0101_wrap .con02 ul li:not(:last-child){margin-bottom: 20px;}
.sub0101_wrap .con02 ul li strong{position: relative;display: block;padding-left: 23px; width: 245px;font-size: 18px; color: #222; font-weight: 700;}
.sub0101_wrap .con02 ul li strong::after{content:'';position: absolute; left: 0; top: 2px; width: 3px; height: 16px; background: #222;}
.sub0101_wrap .con02 ul li p{font-size: 16px; color: #666; line-height: 1.5;width: calc(100% - 245px);font-family: 'Pretendard-All-R';}
.sub0101_wrap .con02 ul li p br{display: none;}

.sub0101_wrap .con03 .txt_wrap img{max-width: 100%;}

@media screen and (max-width:1024px) {
.sub0101_wrap .con{flex-wrap:wrap;gap: 40px;}
.sub0101_wrap .con .tit_wrap{width: 100%;}
.sub0101_wrap .con .txt_wrap{width: 100%;}
.sub0101_wrap .con01 .txt_wrap strong{font-size: 30px;}
}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:65px 40px;}
.sub0201_wrap ul.list_wrap li{width: calc((100% - 120px) / 4);}
.sub0201_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:125.676%; }
.sub0201_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;border-radius:20px;will-change: transform;}
.sub0201_wrap ul.list_wrap li .txt_wrap{margin-top: 25px;}
.sub0201_wrap ul.list_wrap li .txt_wrap p{font-size: 16px; color: #222;}
.sub0201_wrap ul.list_wrap li .txt_wrap strong{position: relative;display: inline-block; font-size: 20px; color: #222;font-weight: 700;margin-right: 20px;}
.sub0201_wrap ul.list_wrap li .txt_wrap strong::after{content:'';position: absolute; right: -11px; top: 54%; transform:translateY(-50%);width: 1px; height: 12px; background: #ddd;}

@media screen and (max-width:1110px) {
.sub0201_wrap ul.list_wrap li{width: calc((100% - 80px) / 3);}
}

@media screen and (max-width:1024px) {
.sub0201_wrap ul.list_wrap{gap:40px 20px;}
.sub0201_wrap ul.list_wrap li{width: calc((100% - 40px) / 3);}
.sub0201_wrap ul.list_wrap li .txt_wrap{margin-top: 15px;}
.sub0201_wrap ul.list_wrap li .txt_wrap p{font-size: 14px;}
.sub0201_wrap ul.list_wrap li .txt_wrap strong{font-size: 18px; margin-right: 15px;}
.sub0201_wrap ul.list_wrap li .txt_wrap strong::after{right: -8px;height: 10px; }
}

.sub0201_wrap .view_wrap{position: fixed; width: 100%; top: -100%; left: 50%; transform:translate(-50%,-50%);line-height: 1;z-index: 8500;transition: all 1s cubic-bezier(0.640, 0.005, 0.210, 1.145);}
.sub0201_wrap .view_wrap.on{top: 50%;}
.sub0201_wrap .view_wrap .x_btn{display: block;position: absolute;width: 42px; height: 42px;margin-left: auto;}
.sub0201_wrap .view_wrap .x_btn::before{content:'';position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(45deg); width: 100%; height: 4px; background: #222;}
.sub0201_wrap .view_wrap .x_btn::after{content:'';position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(-45deg); width: 100%; height: 4px; background: #222;}

.sub0201_wrap .view_box{width: 90%;background: #fff;padding: 50px 80px;box-shadow: 3px 3px 20px rgba(0,0,0,.25);height: calc(100vh - 150px);}
.sub0201_wrap .view_box .scr_wrap{height: 100%;overflow-y: scroll;}
.sub0201_wrap .view_box .scr_wrap::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.sub0201_wrap .view_box .scr_wrap::-webkit-scrollbar-thumb{height: 10%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.sub0201_wrap .view_box .scr_wrap::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}

.sub0201_wrap .view_box .prof_box{display: flex;gap:50px;}
.sub0201_wrap .view_box .img_box{width: 270px;}
.sub0201_wrap .view_box .img_box .img_wrap{width: 270px; height: 320px;border-radius:20px;overflow: hidden;}
.sub0201_wrap .view_box .img_box .img_wrap img{width: 100%; height: 100%; object-fit:cover;}
.sub0201_wrap .view_box .img_box ul{margin-top: 20px;}
.sub0201_wrap .view_box .img_box ul li{display: flex;line-height: 1.5;}
.sub0201_wrap .view_box .img_box ul li:not(:last-child){margin-bottom: 2px;}
.sub0201_wrap .view_box .img_box ul li p{font-size: 15px;color: #666;width: 75px;}
.sub0201_wrap .view_box .img_box ul li span{font-size: 15px;color: #666;width: calc(100% - 75px);}

.sub0201_wrap .view_box .txt_box{width: calc(100% - 320px);}
.sub0201_wrap .view_box .txt_box .tit{margin-bottom: 30px;}
.sub0201_wrap .view_box .txt_box .tit p{font-size: 18px; color: #222; font-weight: 500;}
.sub0201_wrap .view_box .txt_box .tit .sns_wrap{display: flex;gap:10px; padding-right: 15px;}
.sub0201_wrap .view_box .txt_box .tit .sns_wrap img{width: 40px;}
.sub0201_wrap .view_box .txt_box .tit strong{position: relative;display: inline-block;font-size: 36px;color: #222; font-weight: 700;margin-right: 30px;vertical-align: sub;}
.sub0201_wrap .view_box .txt_box .tit strong::after{content:'';position: absolute; right: -18px; top: 50%; transform:translateY(-50%);width: 2px; height: 14px; background: #ddd;}
.sub0201_wrap .view_box .txt_box .box_wrap{display: flex;flex-wrap:wrap;gap:30px 20px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box{width: 100%;}
.sub0201_wrap .view_box .txt_box .box_wrap .box strong{display: block;font-size: 18px;color: #222; font-weight: 700; margin-bottom: 15px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li{display: flex; line-height: 1.5;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li:not(:last-child){margin-bottom: 2px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li p{font-size: 15px;color: #666;width: 95px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li span{font-size: 15px;color: #666;width: calc(100% - 95px);}

.sub0201_wrap .view_box .photo_box{padding-top: 40px;overflow: hidden;}
.sub0201_wrap .view_box .photo_box strong{display: block;font-size: 20px; color: #222; font-weight: 700; text-transform:uppercase; margin-bottom: 20px;}
.sub0201_wrap .view_box .photo_box .slide_wrap{position: relative;height: 236px;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul{display: flex;gap:20px; }
.sub0201_wrap .view_box .photo_box .slide_wrap ul li .img_wrap{width: auto;height: 236px;transition:.3s;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul li .img_wrap img{border-radius:12px;height: 100%;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul li:hover .img_wrap{height: 300px;transform:translateY(-64px);}
.sub0201_wrap .view_box .photo_box .slide_wrap ul.sec02_slide01{position: absolute;left: 0;top: 0;width: max-content;will-change: transform;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul.on{animation-play-state:paused;}

@media screen and (max-width:1024px) {
.sub0201_wrap ul.list_wrap{gap:40px;}
.sub0201_wrap ul.list_wrap li{width: calc((100% - 40px) / 2);}

.sub0201_wrap .view_wrap{position: fixed; width: 100%; top: -100%; left: 50%; transform:translate(-50%,-50%);line-height: 1;z-index: 8500;transition: all 1s cubic-bezier(0.640, 0.005, 0.210, 1.145);}
.sub0201_wrap .view_wrap.on{top: 50%;}
.sub0201_wrap .view_wrap .x_btn{display: block;position: absolute;width: 42px; height: 42px;margin-left: auto;}
.sub0201_wrap .view_wrap .x_btn::before{content:'';position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(45deg); width: 100%; height: 4px; background: #222;}
.sub0201_wrap .view_wrap .x_btn::after{content:'';position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) rotate(-45deg); width: 100%; height: 4px; background: #222;}

.sub0201_wrap .view_box{width: 90%;background: #fff;padding: 50px 60px;box-shadow: 3px 3px 20px rgba(0,0,0,.25);height: calc(100vh - 150px);}
.sub0201_wrap .view_box .scr_wrap{height: 100%;overflow-y: scroll;}
.sub0201_wrap .view_box .scr_wrap::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.sub0201_wrap .view_box .scr_wrap::-webkit-scrollbar-thumb{height: 10%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.sub0201_wrap .view_box .scr_wrap::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}

.sub0201_wrap .view_box .prof_box{position: relative;display: flex;gap:50px;flex-wrap:wrap;padding-top: 70px;}
.sub0201_wrap .view_box .img_box{width: 270px;margin: 0 auto;}
.sub0201_wrap .view_box .img_box .img_wrap{width: 270px; height: 320px;border-radius:20px;overflow: hidden;}
.sub0201_wrap .view_box .img_box .img_wrap img{width: 100%; height: 100%; object-fit:cover;}
.sub0201_wrap .view_box .img_box ul{margin-top: 20px;}
.sub0201_wrap .view_box .img_box ul li{display: flex;line-height: 1.5;}
.sub0201_wrap .view_box .img_box ul li:not(:last-child){margin-bottom: 2px;}
.sub0201_wrap .view_box .img_box ul li p{font-size: 15px;color: #666;width: 75px;}
.sub0201_wrap .view_box .img_box ul li span{font-size: 15px;color: #666;width: calc(100% - 75px);}

.sub0201_wrap .view_box .txt_box{width: 100%;}
.sub0201_wrap .view_box .txt_box .tit{position: absolute;top: 0; left: 0;margin-bottom: 30px;width: 100%;text-align: center;}
.sub0201_wrap .view_box .txt_box .tit p{font-size: 18px; color: #222; font-weight: 500;}
.sub0201_wrap .view_box .txt_box .tit .sns_wrap{display: flex;gap:10px; padding-right: 15px;}
.sub0201_wrap .view_box .txt_box .tit .sns_wrap img{width: 40px;}
.sub0201_wrap .view_box .txt_box .tit strong{position: relative;display: inline-block;font-size: 36px;color: #222; font-weight: 700;margin-right: 30px;vertical-align: sub;}
.sub0201_wrap .view_box .txt_box .tit strong::after{content:'';position: absolute; right: -18px; top: 50%; transform:translateY(-50%);width: 2px; height: 14px; background: #ddd;}
.sub0201_wrap .view_box .txt_box .box_wrap{display: flex;flex-wrap:wrap;gap:30px 20px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box{width: 100%;}
.sub0201_wrap .view_box .txt_box .box_wrap .box strong{display: block;font-size: 18px;color: #222; font-weight: 700; margin-bottom: 15px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li{display: flex; line-height: 1.5;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li:not(:last-child){margin-bottom: 2px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li p{font-size: 15px;color: #666;width: 95px;}
.sub0201_wrap .view_box .txt_box .box_wrap .box ul li span{font-size: 15px;color: #666;width: calc(100% - 95px);}

.sub0201_wrap .view_box .photo_box{padding-top: 40px;overflow: hidden;}
.sub0201_wrap .view_box .photo_box strong{display: block;font-size: 20px; color: #222; font-weight: 700; text-transform:uppercase; margin-bottom: 20px;}
.sub0201_wrap .view_box .photo_box .slide_wrap{position: relative;height: 236px;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul{display: flex;gap:20px; }
.sub0201_wrap .view_box .photo_box .slide_wrap ul li .img_wrap{width: auto;height: 236px;transition:.3s;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul li .img_wrap img{border-radius:12px;height: 100%;}
.sub0201_wrap .view_box .photo_box .slide_wrap ul li:hover .img_wrap{height: 300px;transform:translateY(-64px);}
.sub0201_wrap .view_box .photo_box .slide_wrap ul.sec02_slide01{position: absolute;left: 0;top: 0;width: max-content;will-change: transform;}

}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .con{margin-bottom: 100px;}
.sub0401_wrap .con .txt01 strong{display: block;font-size: 22px; color: #222; font-weight: 700;margin-bottom: 20px;}
.sub0401_wrap .con .txt01 p{font-size: 18px; color: #666;}
.sub0401_wrap .con ul{display: flex;gap:100px;margin-top: 40px;}
.sub0401_wrap .con ul li strong{display: block;font-size: 16px; color: #222; font-weight: 700; margin-bottom: 15px;}
.sub0401_wrap .con ul li p{font-size: 18px; color: #666;}
.sub0401_wrap .map_con{position:relative; width:100%; padding-bottom:37.5%;overflow: hidden; border-radius:20px; box-shadow:3px 3px 12px rgba(0,0,0,.15)}
.sub0401_wrap .map_con 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;}


}