/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform:translate3d(0,0,0);}
.slick-slide img{display:block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list { transform:translate3d(0, 0, 0); }
.slick-slide { transform:translate3d(0,0,0); }



/* #fp-nav { display:block  !important; } */
#menu { position:fixed; left:40px !important; top:50% !important; transform:translateY(-50%); z-index:10; transition:all 0.3s; visibility:visible; }
#menu li { margin:15px 0; }
#menu a { position:relative; padding:0 20px 0 40px; height:40px; display:flex; align-items:center; margin:0; opacity:0.3; overflow:hidden; }
#menu a:after {content:""; display:block; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#fff; }
#menu a span { font-family:var(--Lora); font-size:14px; color:#fff; font-weight:500; }
#menu a.active { opacity:1; border:2px solid #fff; border-radius:100px; padding:0 18px 0 38px; }
#menu a.active:after { left:18px; }
.fp-viewing-MAIN #menu,
.fp-viewing-LAST #menu { opacity:0; visibility:hidden; }
.fp-viewing-LAWYER #menu a:after { background:#fff; }
.fp-viewing-LAWYER #menu a span { color:#fff;  }
.fp-viewing-LAWYER #menu a.active { border:2px solid #fff; }
@media screen and (max-width:1540px){
	#menu { left:10px !important; }
}
@media screen and (max-width:1024px){
	#menu { display:none }
}


.fp-enabled  #menu { animation:ani_5 1.0s 0.2s; animation-fill-mode:both; }

.iScrollIndicator { background:rgba(0,0,0,0) !important; }
.iScrollIndicator,
.fp-scroller {transition-duration:0.5s !important; transition-timing-function:unset !important; overflow:hidden;}
/*
@media screen and (max-width:1024px){
	
	.main1,
	.main2,
	.main3,
	.main4,
	.main5, 
	.main6,
	.main7,
	.main1 .fp-tableCell,
	.main2 .fp-tableCell,
	.main3 .fp-tableCell,
	.main4 .fp-tableCell,
	.main5 .fp-tableCell,
	.main6 .fp-tableCell,
	.main7 .fp-tableCell,
	.section .fp-scrollable { height:auto !important; height:-webkit-fill-available !important; }
	
	.fp-section, .fp-tableCell{height:auto !important;}
	.iScrollIndicator,
	.fp-scrollable { height:100% !important; height:-webkit-fill-available !important; }
	.iScrollVerticalScrollbar { display:none !important; } 
}
@media screen and (max-height:760px){
	.main2,
	.main4,
	.main5, 
	.main6,
	.main7 { padding:0; }
}
*/
@media screen and (max-width:640px){
    .main6,
    .main6 > div { height:100vh !important; }
}

#visual { position:relative; }
.visual { width:100vw; height:100%; position:relative; }
.visual.swiper-container { width:100vw; height:100%;  }
.visual .swiper-slide { position:relative; width:100%; height:100vh; overflow:hidden; display:flex; transition:all 0.3s ease-in-out; }
.visual .swiper-slide .mvisualImage { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.visual .swiper-slide .vbox { position:relative; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center;  }
.visual .swiper-slide .visual_txt { position:relative; z-index:3; }
.visual .swiper-slide .visual_txt p { margin-top:25px; opacity:0; overflow:hidden; color:#fff; font-size:20px; letter-spacing:0.2em; }
.visual .swiper-slide .visual_txt p span { display:block; font-weight:600; }
.visual .swiper-slide .visual_txt .vs_title { opacity:0; margin-top:30px; color:#fff; font-family:var(--NanumMj); font-size:72px; overflow:hidden; line-height:1.3; letter-spacing:-0.02em; }
.visual .swiper-slide .visual_txt .vs_title span { display:block; font-weight:400; font-family:var(--NanumMj); }
.visual .swiper-slide .visual_txt .vs_title.vs_title2 { margin-top:15px;  }
.visual .swiper-slide .visual_txt .vs_title.vs_title2 span { font-weight:700; }
.visual .swiper-slide .logo { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; }
.visual .swiper-slide.swiper-slide-active { }
.visual .swiper-slide.swiper-slide-active .mvisualImage { animation:m_vsImg 4.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt p { opacity:1; }
.visual .swiper-slide.swiper-slide-active .visual_txt p span { animation:txtUp 0.8s 1.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title { opacity:1; }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title span { animation:txtUp 0.8s 0.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title.vs_title2 span { animation:txtUp 0.8s 1s; animation-fill-mode:both; }

.visual .control_box {  position:absolute; left:30px; bottom:60px; display:none }
.visual .swiper-pagination { position:relative; width:auto; display:inline-block; vertical-align:top; }
.visual .swiper-pagination .swiper-pagination-bullet { position:relative; width:30px !important; text-align:center; opacity:1; background-color:transparent; display:inline-block; margin-right:8px !important; }
.visual .swiper-pagination .swiper-pagination-bullet em { overflow:hidden; text-indent:-9999em; position:relative; width:100%; box-sizing:border-box; height:30px; display:flex; justify-content:center;  align-items:center; font-size:12px; color:#fff; font-weight:100; font-style:normal; }
.visual .swiper-pagination .swiper-pagination-bullet em:after {content:""; display:block; position:absolute; left:0; top:0; width:30px; height:30px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.2); border-radius:50%; }
.visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em { color:#00a0e9; }
.visual .swiper-pagination .swiper-pagination-bullet span { position:relative; display:block; box-sizing:border-box; }
.visual .swiper-pagination .swiper-pagination-bullet em:before { content:""; display:block; width:6px; height:6px; position:absolute; left:50%; top:50%; background-color:rgba(255,255,255,0.4); border-radius:50%; transform:translate(-50%, -50%);transition:all 0.3s ease-in-out; }
.visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em:before { background-color:rgba(255,255,255,1); }

.visual .playstop { position:relative; display:inline-block; vertical-align:top; z-index:3; margin-left:-3px; } 
.visual .playstop .stop a { position:relative; display:block; width:30px; height:30px; }
.visual .playstop .stop a:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/stop.png) no-repeat center; position:absolute; left:0; top:0;}
.visual .playstop .stop.play a:after { background:url(/img/main/play.png) no-repeat center; }

.visual .circular-chart { display:block; width:32px; height:32px; position:absolute; left:50%; top:-1px; transform:translateX(-50%); z-index:8; box-sizing:border-box; }
.visual .circular-chart .circle { opacity:0; stroke:#fff; fill:none; stroke-width:1; stroke-dasharray:100; stroke-dashoffset:100; box-sizing:border-box; }
.visual .circular-chart .circle.on {  opacity:1; }
.visual .swiper-pagination .swiper-pagination-bullet .circle { stroke-dashoffset:100; }
.visual .swiper-pagination .swiper-pagination-bullet .circle.on { }

.visual .swiper-slide { opacity:0; transition:all 0.1s }
.main1.active .visual .swiper-slide.swiper-slide-active { opacity:1; }


.visual .scrollDown { position:absolute; left:50%; bottom:40px; transform:translateX(-50%); z-index:11; text-align:center }
.visual .scrollDown .txt { font-family:var(--Lora); color:#fff; font-size:14px; font-weight:400; line-height:1.2; letter-spacing:-0.02em}
.visual .scrollDown .scroll { margin:10px auto 0 auto; width:22px; height:40px; position:relative; border-radius:50px; border:2px solid #fff}
.visual .scrollDown .scroll span { width:2px; height:12px; border-radius:2px; background:#fff; display:block; position:absolute; top:0; left:50%; margin-left:-1px; animation:scrollDown 1.8s infinite; }

@media screen and (max-width:1540px){
	.visual .swiper-slide .visual_txt .vs_title { margin-top:30px; font-size:62px; }
	.visual .swiper-slide .visual_txt .vs_title.vs_title2 { margin-top:12px;  }
}
@media screen and (max-width:1280px){
	.visual .swiper-slide .visual_txt .vs_title { font-size:54px; }
}
@media screen and (max-width:1024px){
	.visual .swiper-slide .visual_txt p { font-size:18px; }
	.visual .swiper-slide .visual_txt .vs_title { margin-top:25px; font-size:44px; }
	.visual .swiper-slide .visual_txt .vs_title.vs_title2 { margin-top:12px; }
	.visual .swiper-slide .visual_txt .btn { margin-top:80px; }
	.visual .swiper-slide .visual_txt .btn li:nth-child(2) { margin-left:70px; }
	.visual .swiper-slide .visual_txt .btn a { padding-left:30px; font-size:16px; }
	.visual .swiper-slide .visual_txt .btn .txt-chart { width:55px; height:55px; margin-top:-21px; }
	.visual .swiper-slide .visual_txt .btn i { left:22px; font-size:16px; }
    .visual .scrollDown .txt { font-size:13px; }
}
@media screen and (max-width:860px){
	.visual .swiper-slide .visual_txt .vs_title { font-size:36px; }
}
@media screen and (max-width:640px){
    .visual .scrollDown { bottom:100px; }
	.visual .swiper-slide .visual_txt p { font-size:16px; }
	.visual .swiper-slide .visual_txt .vs_title { margin-top:20px; font-size:26px; }
	.visual .swiper-slide .visual_txt .vs_title.vs_title2 { margin-top:10px; }
	.visual .swiper-slide .visual_txt .btn { margin-top:60px; }
	.visual .swiper-slide .visual_txt .btn li:nth-child(2) { margin-left:50px; }
	.visual .swiper-slide .visual_txt .btn a { font-size:15px; }
	.visual .swiper-slide .visual_txt .btn .txt-chart { width:55px; height:55px; margin-top:-21px; }
	.visual .swiper-slide .visual_txt .btn i { left:22px; font-size:16px; }
	.visual .swiper-slide.swiper-slide-active .visual_txt .btn li a:hover span { transform:translateX(30px);  }
    .visual .scrollDown .txt { font-size:12px; }
}



.main-title-box p { font-family:var(--Lora); color:#fff; font-size:15px; font-weight:600; text-transform:uppercase; }
.main-title-box .txt { margin-top:25px; line-height:1.3; }
.main-title-box .txt span { color:#fff; font-size:64px; font-weight:200; display:block; line-height:130%;}
.main-title-box .txt span strong { font-weight:500; }
.main-title-box .txt-b { margin-top:30px; }
.main-title-box .txt-b span { color:#fff; font-size:18px; font-weight:300; line-height:130%; opacity:0.5; }
@media screen and (max-width:1800px){
	.main-title-box .txt span { font-size:54px; }
}
@media screen and (max-width:1480px){
	.main-title-box .txt { margin-top:25px; }
	.main-title-box .txt span { font-size:45px; }
}
@media screen and (max-width:1280px){
	.main-title-box .txt span { font-size:38px; }
}
@media screen and (max-width:1024px){
	.main-title-box p { font-size:18px; }
	.main-title-box .txt { margin-top:20px;}
	.main-title-box .txt span { font-size:30px; }
    .main-title-box .txt-b { margin-top:20px; }
    .main-title-box .txt-b span { font-size:16px; }
}
@media screen and (max-width:860px){
	.main-title-box p { font-size:16px; }
	.main-title-box .txt { margin-top:15px;}
	.main-title-box .txt span { font-size:26px; }
}
@media screen and (max-width:640px){
	.main-title-box p { font-size:15px; }
	.main-title-box .txt { margin-top:10px;}
	.main-title-box .txt span { font-size:22px; }
    .main-title-box .txt-b { margin-top:15px; }
    .main-title-box .txt-b span { font-size:15px; }
}

/* animation */
.main-title-box .txt,
.main-title-box p { overflow:hidden; }
.main-title-box .txt,
.main-title-box span { display:block; }
.main-title-box h4 span,
.main-title-box .txt span,
.main-title-box .btn { opacity:0; }
.active .main-title-box p { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.active .main-title-box .txt span { animation:txtUp 0.8s 0.4s; animation-fill-mode:both; }
.active .main-title-box .txt span:nth-of-type(2) { animation:txtUp 0.8s 0.6s; animation-fill-mode:both; }
.active .main-title-box .btn { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }



.main2 .contbox { position:relative; display:flex; width:100%; height:100%; }
.main2 .contbox .box { width:50%; height:100%; display:flex; align-items:center; overflow:hidden }
.main2 .contbox .box:nth-child(1) { padding-left:210px; background:url(/img/main/bg_about.jpg) center center / cover; }
.main2 .contbox .box:nth-child(2) { position:relative; padding:0 80px; background:#052131}
.main2 .contbox .box .main-title-box .txt span { color:#fff; }
.main2 .contbox .box .list { display:grid; gap:120px 0; grid-template-columns:repeat(2, 1fr); width:100%; }
.main2 .contbox .box .list li { position:relative; padding-right:60px; }
.main2 .contbox .box .list li:nth-child(2n) { padding-right:0; }
.main2 .contbox .box .list li:after {content:""; display:block; background:#fff; opacity:0.1; position:absolute; }
.main2 .contbox .box .list li:nth-child(1):after { width:1px; height:200px; right:0; top:0; }
.main2 .contbox .box .list li:nth-child(2):after { width:calc(100% - 60px); height:1px; right:0; bottom:-60px; }
.main2 .contbox .box .list li:nth-child(3):after { width:calc(100% - 60px); height:1px; left:0; top:-60px; }
.main2 .contbox .box .list li:nth-child(4):after { width:1px; height:200px; left:0; top:0; }
.main2 .contbox .box .list span.icon { display:block; }
.main2 .contbox .box .list dt { display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:300; line-height:1.4; }
.main2 .contbox .box .list dt .txt { padding-left:20px; }
.main2 .contbox .box .list dt span { display:block; color:rgba(255, 255, 255, 0.5); font-size:16px; font-weight:300 }
.main2 .contbox .box .list dt strong { font-weight:500; }
.main2 .contbox .box .list dd { margin-top:60px; font-family:var(--NanumMj); color:#fff; font-size:86px; font-weight:400; text-align:center; letter-spacing:-0.02em; }
.main2 .contbox .box .list dd span { font-family:var(--NanumMj); font-size:24px; font-weight:400; display:inline-block; margin-left:5px; opacity:0.3; }
.main2 .contbox .box .list dd span.counter-1 { font-size:86px; margin-left:-5px; font-weight:400; opacity:1; }
.main2 .contbox .box .list li:nth-child(2n) { padding-left:50px; }
@media screen and (max-width:1800px){
	.main2 .contbox .box:nth-child(1) {  padding-left:12% }
    .main2 .contbox .box:nth-child(2) { padding:0 70px; }
}
@media screen and (max-width:1540px){
    .main2 .contbox .box:nth-child(2) { padding:0 40px; }
	.main2 .contbox .box .list { gap:80px 0; }
    .main2 .contbox .box .list li { padding-right:50px; }
	.main2 .contbox .box .list span.icon img { width:60px; }
    .main2 .contbox .box .list dt { font-size:20px; }
    .main2 .contbox .box .list dt .txt { padding-left:20px; }
    .main2 .contbox .box .list dt span { font-size:16px; }
    .main2 .contbox .box .list dd { margin-top:50px; font-size:64px; }
    .main2 .contbox .box .list dd span { font-size:24px; }
    .main2 .contbox .box .list dd span.counter-1 { font-size:70px; }
    .main2 .contbox .box .list li:nth-child(2n) { padding-left:40px; }
    .main2 .contbox .box .list li:nth-child(2):after { bottom:-40px; }
    .main2 .contbox .box .list li:nth-child(3):after { top:-40px; }
    .main2 .contbox .box .list li:nth-child(1):after,
    .main2 .contbox .box .list li:nth-child(4):after { height:180px; }
}
@media screen and (max-width:1280px){
    .main2 .contbox .box:nth-child(2) { padding:0 30px; }
    .main2 .contbox .box .list li { padding-right:30px; }
	.main2 .contbox .box .list span.icon img { width:55px; }
    .main2 .contbox .box .list dt { font-size:18px; }
    .main2 .contbox .box .list dt .txt { padding-left:15px; }
    .main2 .contbox .box .list dt span { font-size:15px; }
    .main2 .contbox .box .list dd { margin-top:40px; font-size:46px; }
    .main2 .contbox .box .list dd span { font-size:22px; }
    .main2 .contbox .box .list dd span.counter-1 { font-size:62px; }
    .main2 .contbox .box .list li:nth-child(2n) { padding-left:20px; }
    .main2 .contbox .box .list li:nth-child(1):after,
    .main2 .contbox .box .list li:nth-child(4):after { height:160px; }
}
@media screen and (max-width:1024px){
    .main2 .contbox .box:nth-child(1) { padding:80px 40px 40px; justify-content:center; text-align:center; height:40vh; }
	.main2 .contbox .box:nth-child(2) { padding:80px 40px; height:60vh; }
	.main2 .contbox:after { display:none; }
	.main2 .contbox { display:block; width:100%; }
	.main2 .contbox .box { width:100%; }
}
@media screen and (max-width:640px){
    .main2 { background:#052131 !important; }
	.main2 .contbox .box .list { gap:40px 0; }
	.main2 .contbox .box:nth-child(1) { padding:60px 20px 30px; height:35vh; align-items:flex-end; }
	.main2 .contbox .box:nth-child(2) { padding:40px 20px 120px; height:65vh; }
	.main2 .contbox .box .list span.icon img { width:45px; }
    .main2 .contbox .box .list dt { font-size:15px; }
    .main2 .contbox .box .list dt .txt { padding-left:10px; }
    .main2 .contbox .box .list dt span { font-size:13px; }
    .main2 .contbox .box .list dd { margin-top:15px; font-size:24px; }
    .main2 .contbox .box .list dd span { font-size:20px; }
    .main2 .contbox .box .list dd span.counter-1 { font-size:36px;}
    .main2 .contbox .box .list li:nth-child(1):after,
    .main2 .contbox .box .list li:nth-child(4):after { height:90px; }
    .main2 .contbox .box .list li:nth-child(2):after { bottom:-20px; }
    .main2 .contbox .box .list li:nth-child(3):after { top:-20px; }
}
@media screen and (max-width:640px) and (max-height:640px) {
    .main2 .contbox .box:nth-child(1) { padding:60px 20px 30px; height:auto; }
	.main2 .contbox .box:nth-child(2) { padding:40px 20px 60px; height:auto; }
	.main2 .contbox .box .list span.icon img { width:40px; }
    .main2 .contbox .box .list li:nth-child(1):after,
    .main2 .contbox .box .list li:nth-child(4):after { height:90px; }
}



/* animation */
.main2 .contbox .box .list span.icon,
.main2 .contbox .box .list dt,
.main2 .contbox .box .txt_b dd,
.main2 .contbox .box .list dd  { opacity:0; }
.main2.active .contbox .box .list li:nth-child(1) span.icon { animation:bgs4 0.8s 0.2s; animation-fill-mode:both; }
.main2.active .contbox .box .list li:nth-child(2) span.icon { animation:bgs4 0.8s 0.4s; animation-fill-mode:both; }
.main2.active .contbox .box .list li:nth-child(3) span.icon { animation:bgs4 0.8s 0.2s; animation-fill-mode:both; }
.main2.active .contbox .box .list li:nth-child(4) span.icon { animation:bgs4 0.8s 0.4s; animation-fill-mode:both; }
.main2.active .contbox .box .list li:nth-child(2n+1) dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.main2.active .contbox .box .list li:nth-child(2n) dt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.main2.active .contbox .box .txt_b dd  { animation:ani_5 0.1s 0.5s; animation-fill-mode:both; }
.main2.active .contbox .box .list dd { animation:ani_5 0.1s 0.5s; animation-fill-mode:both; }
.main2 .contbox .box:nth-child(2):after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; transition:width 1.0s, opacity 2.0s; z-index:3 }
.main2.active .contbox .box:nth-child(2):after { width:0; opacity:0; }
@media screen and (max-width:1280px){
	.main2 .contbox .box:nth-child(2):after { height:calc(100% - 80px); }
}
@media screen and (max-width:1024px){
	.main2 .contbox .box:nth-child(2):after { height:100%; }
    .main2 .contbox .box:nth-child(2):after { content:""; display:none; width:100%; height:100%; background:#fff; position:absolute; right:0; bottom:0; transition:width 1.0s, opacity 2.0s; z-index:3 }
}


.main3 { overflow:hidden; background:url(/img/main/bg_lawyer.jpg) center center / cover; }
.main3 .main-title-box p { color:#fff }
.main3 .main-title-box .txt { font-family:var(--NanumMj); font-size:74px; font-weight:400; }
.main3 .main-title-box .txt span,
.main3 .main-title-box .txt strong { font-weight:400; color:#fff; font-family:var(--NanumMj); }
.main3 .main-title-box .txt strong { display:block }
.main3 .listbox { position:relative; z-index:2; height:100% }
.main3 .swiper-container { height:100% } 
.main3 .swiper-slide { display:flex; flex-wrap:wrap; opacity:0 !important; }
.main3 .swiper-slide .imgbox { width:45%; display:flex; align-items:flex-end; justify-content:flex-end; padding-right:8% }
.main3 .swiper-slide .txtbox { width:55%; display:flex; align-items:center; padding-top:5% }
.main3 .swiper-slide .txtbox .name { margin-top:60px; color:#fff; font-size:24px; font-weight:300; }
.main3 .swiper-slide .txtbox .name img { vertical-align:middle; margin-right:10px; }
.main3 .swiper-slide .txtbox .name strong { color:#fff; font-weight:700; }
.main3 .swiper-slide .txtbox .btn { margin-top:100px; }
.main3 .swiper-slide .txtbox .btn img { filter:brightness(0) invert(1); }
.main3 .swiper-slide.swiper-slide-active { opacity:1 !important; }
.main3 .btnbox { position:absolute; bottom:75px; right:200px; z-index:88 }
.main3 .btnbox .box { display:flex; align-items:center;}
.main3 .btnbox .linebox { width:200px; height:2px; margin-right:10px; }
.main3 .swiper-pagination-progressbar { width:200px; background:#fff !important; height:2px !important; }
.main3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#044567 !important; }
.main3 .btn_pn { width:30px; height:30px; margin-right:10px; cursor:pointer; outline:none; filter:brightness(0) invert(1); }
.main3 .swiper-button-prev-l { background:url(/img/main/swiper_prev.png) center no-repeat; }
.main3 .swiper-button-next-l { background:url(/img/main/swiper_next.png) center no-repeat;}
.main3 .txt_b { font-family:var(--Lora); font-style:italic; position:absolute; bottom:-10px; left:43%; z-index:1; color:#fff; opacity:0.05; transform:translateX(-50%); font-size:calc(320 / 1920 * 100vw); font-weight:400; line-height:0.8 }

@media screen and (max-width:1780px){
    .main3 .swiper-slide .imgbox img { width:490px; }
}
@media screen and (max-width:1650px){
    .main3 .swiper-slide .imgbox img { width:460px; }
}
@media screen and (max-width:1540px){
    .main3 .swiper-slide .imgbox img { width:420px; }
    .main3 .swiper-slide .imgbox { width:50%; }
    .main3 .swiper-slide .txtbox { width:50%; }
    .main3 .swiper-slide .txtbox .btn { margin-top:80px; }
    .main3 .swiper-slide .txtbox .name { margin-top:45px; font-size:20px; }
    .main3 .btnbox { bottom:75px; right:100px; }
    .main3 .btnbox .linebox,
    .main3 .swiper-pagination-progressbar { width:200px; }
}
@media screen and (max-width:1280px){
    .main3 .swiper-slide .imgbox img { width:400px; }
}
@media screen and (max-width:1024px){
    /*.main3 { height:auto; }
    .main3 .listbox,
    .main3 .swiper-container,
    .main3 .swiper-slide { height:95vh } */
    .main3 .swiper-slide .imgbox img { width:400px; }
    .main3 .swiper-slide .imgbox { width:55%; }
    .main3 .swiper-slide .txtbox { width:45%; padding-top:0 }
    .main3 .swiper-slide .txtbox .btn { margin-top:60px; }
    .main3 .swiper-slide .txtbox .name { margin-top:35px; font-size:18px; }
    .main3 .btnbox { bottom:60px; right:40px; }
    .main3 .btnbox .linebox,
    .main3 .swiper-pagination-progressbar { width:160px; }
}
@media screen and (max-width:860px){
    /*.main3 .listbox,
    .main3 .swiper-container,
    .main3 .swiper-slide { height:80vh }*/
    .main3 .swiper-slide .imgbox img { width:400px; }
}
@media screen and (max-width:640px){
    /*.main3 .listbox,
    .main3 .swiper-container,
    .main3 .swiper-slide { height:480px } */ 
    .main3 .swiper-slide { width:100%; }
    .main3 .swiper-slide .imgbox img { width:100%; padding:0 5%; margin:0 auto; }
    .main3 .swiper-slide .imgbox { width:100%; justify-content:flex-start; position:relative; }
    .main3 .swiper-slide .txtbox { width:100%; margin-left:0; text-align:center; position:absolute; bottom:20%; left:0; padding:0 20px; justify-content:center; }
    .main3 .swiper-slide .txtbox .btn { margin-top:40px; text-align:center }
    .main3 .swiper-slide .txtbox .btn a { margin:0 auto; }
    .main3 .swiper-slide .txtbox .name { margin-top:20px; font-size:16px; }
    .main3 .btnbox { bottom:50%; right:0; z-index:5; width:100%; }
    .main3 .btnbox .linebox { display:none }
    .main3 .btn_pn { margin-right:0; position:absolute; top:0; border:1px solid #ddd }
    .main3 .swiper-button-prev-l { left:0; }
    .main3 .swiper-button-next-l { right:0; }
}
@media screen and (max-width:500px){
    /*.main3 { padding-top:0; }
    .main3 .listbox,
    .main3 .swiper-container,
    .main3 .swiper-slide { height:340px } */
	.main3 .main-title-box p { font-size:14px; }
	.main3 .main-title-box .txt span { font-size:20px; }
    .main3 .swiper-slide .imgbox { margin-top:0; }
    .main3 .swiper-slide .imgbox img { padding:0; width:100%; height:85%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); object-fit:cover; -o-object-fit:cover; object-position:50% 0; }
}
@media screen and (max-width:500px) and (max-height:760px) {
    .main3 .swiper-slide .txtbox { bottom:15%; }
    .main3 .swiper-slide .txtbox .btn { margin-top:30px; }
}
/*
@media screen and (max-width:640px) and (max-height:640px) {
    .main3 .swiper-slide .imgbox img { width:350px;}
}
@media screen and (max-width:500px) and (max-height:760px) {
    .main3 .swiper-slide .imgbox img { width:100%; }
}

@media screen and (max-width:440px) and (min-height:760px) {
    .main3 .swiper-slide .imgbox img { width:100%; }
}
*/





.main4 { overflow:hidden; background:url(/img/main/bg_press.jpg) center center / cover; }
.main4 .main-title-box { text-align:center; }
.main4 .listbox { max-width:1500px; margin:0 auto; margin-top:60px; }
.main4 .listbox ul { /* display:flex; gap:24px; */ }
.main4 .listbox li { width:calc((100% - 72px) / 4); border-top:1px solid rgba(255,255,255,0.2); padding-top:20px; }
.main4 .listbox li .type { padding:10px 20px 9px; line-height:1.3; display:inline-block; background:#044567; font-size:16px; color:#fff; font-weight:700; letter-spacing:-0.02em }
.main4 .listbox li .txtbox { margin-top:20px; color:#fff; font-size:22px; font-weight:500; letter-spacing:-0.02em; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;  }
.main4 .listbox li .imgbox { position:relative; overflow:hidden; margin-top:30px; }
.main4 .listbox li .imgbox:after { content:''; display:block; padding-bottom:67.1%; }
.main4 .listbox li .imgbox img { filter:grayscale(1); position:absolute; transition:all 1.0s; width:100%; height:100%; transition:opacity 1s, transform 0.5s cubic-bezier(.3,.68,.34,.8); object-fit:cover; -o-object-fit:cover; }
.main4 .listbox li:hover .imgbox img { transform:scale(1.05); filter:grayscale(0);}
.main4 .listbox .btn { margin-top:60px; }
.main4 .listbox .btn a { margin:0 auto; }
.main4 .listbox .slick-slide { margin:0 12px; }
.main4 .listbox .slick-list { margin:0 -12px; }
.main4 .listbox .slick-dots { display:flex; justify-content:center; }
.main4 .listbox .slick-dots li { border:none; width:auto; }
.main4 .listbox .slick-dots li button { border:none; outline:none; background:rgba(255,255,255,0.2); width:8px; height:8px; border-radius:8px; margin:0 5px; text-indent:-9999em; overflow:hidden; padding:0; }
.main4 .listbox .slick-dots li.slick-active button { background:#044567; }
@media screen and (max-width:1750px){
    .main4 .listbox { max-width:1200px; }
}
@media screen and (max-width:1540px){
    .main4 .listbox { max-width:1000px; }
    .main4 .listbox li .type { padding:8px 15px 7px; font-size:15px; }
    .main4 .listbox li .txtbox { margin-top:20px; font-size:20px; } 
}
@media screen and (max-width:1280px){
    .main4 .listbox { max-width:750px; }
}
@media screen and (max-width:1024px){
    .main4 .listbox { max-width:100%; margin-top:0; }
    .main4 .listbox li { margin-top:40px; }
    .main4 .listbox li .type { padding:8px 10px 7px; font-size:14px; }
    .main4 .listbox li .txtbox { margin-top:15px; font-size:18px; }
    .main4 .listbox li .imgbox { margin-top:20px; }
    .main4 .listbox .slick-slide { margin:0 5px; }
    .main4 .listbox .slick-list { margin:0 -5px; }
    .main4 .listbox li .imgbox img {  filter:grayscale(0); }
    .main4 .listbox .btn { margin-top:50px; }
}
@media screen and (max-width:860px){
    .main4 .listbox { max-width:600px; }
    .main4 .listbox li { margin-top:30px; }
}

@media screen and (max-width:640px){
    .main4 .listbox { margin-top:0; }
    .main4 .listbox li { margin-top:20px; padding-top:8px; }
    .main4 .listbox li .type { padding:3px 10px 2px; font-size:12px; }
    .main4 .listbox li .txtbox { margin-top:10px; font-size:16px; }
    .main4 .listbox li .imgbox { margin-top:15px; }
    .main4 .listbox li .imgbox:after { padding-bottom:45%; }
    .main4 .listbox .btn { margin-top:20px; }
}



.main5 { overflow:hidden; background:url(/img/main/bg_field.jpg) center center / cover; }
.main5 .box { max-width:1500px; margin:0 auto; display:flex; align-items:center; position:relative; z-index:2; }
.main5 .box > div { width:50%; }
.main5 .main-title-box .txt strong { display:block; }
.main5 .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.main5 .listbox ul li { position:relative; width:calc((100% - 20px) / 2); box-shadow:10px 10px 25px rgba(0, 0, 0, 0.25);  }
.main5 .listbox ul li a { position:relative; display:block; width:100%; height:202px; padding:60px 0 0 40px; background:rgba(0, 0, 0, 0.3); overflow:hidden}
.main5 .listbox ul li a strong { position:relative; z-index:5; font-size:38px; font-weight:300; color:#fff; letter-spacing:-0.02em; display:block; }
.main5 .listbox ul li a span { position:relative; z-index:5; font-size:18px; font-weight:500; font-family:var(--Lora); opacity:0.1; color:#fff; letter-spacing:-0.02em; display:block; margin:14px 0 0 3px;}
.main5 .listbox ul li:after { transition:all 0.4s; content:''; display:block; background:#044567; width:calc(100% - 40px); height:1px; position:absolute; right:20px; bottom:20px; }
.main5 .listbox ul li:before { transition:all 0.4s; content:''; display:block; background:#fff; width:0; height:1px; position:absolute; left:20px; bottom:20px; background:#fff; opacity:0.3; z-index:1; }
.main5 .listbox ul li a:after { transition:all 0.4s; content:''; display:block; width:100%; height:0; position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.main5 .listbox ul li a:before { transition:all 0.4s; content:''; display:block; background:#044567; width:10px; height:10px; position:absolute; right:20px; bottom:31px; border-radius:30px; z-index:5;}
.main5 .listbox ul li:nth-child(1) a:hover:after { background:url(/img/main/field_img01.jpg) center center / cover; }
.main5 .listbox ul li:nth-child(2) a:hover:after { background:url(/img/main/field_img02.jpg) center center / cover; }
.main5 .listbox ul li:nth-child(3) a:hover:after { background:url(/img/main/field_img03.jpg) center center / cover; }
.main5 .listbox ul li:nth-child(4) a:hover:after { background:url(/img/main/field_img04.jpg) center center / cover; }
.main5 .listbox ul li:nth-child(5) a:hover:after { background:url(/img/main/field_img05.jpg) center center / cover; }
.main5 .listbox ul li:nth-child(6) a:hover:after { background:url(/img/main/field_img06.jpg) center center / cover; }
.main5 .listbox ul li:hover a:after { width:100%; height:100%; }
.main5 .listbox ul li:hover a span { opacity:0.3; }
.main5 .listbox ul li:hover:after  { width:0; }
.main5 .listbox ul li:hover:before { width:calc(100% - 40px); }
.main5 .listbox ul li:hover a:before { background:url(/img/main/arr_btn.png) center center no-repeat; width:30px; height:30px; }
.main5 .txt_b { font-family:var(--Lora); font-style:italic; position:absolute; bottom:-10px; left:50%; z-index:1; color:#fff; opacity:0.02; transform:translateX(-50%); font-size:calc(250 / 1920 * 100vw); font-weight:400; line-height:0.8 }
@media screen and (max-width:1800px){
    .main5 .main-title-box { padding-left:8% }
}
@media screen and (max-width:1700px){
    .main5 .main-title-box { padding-left:10% }
    .main5 .listbox ul li a { height:190px; }
}
@media screen and (max-width:1600px){
    .main5 .main-title-box { padding-left:11% }
}
@media screen and (max-width:1540px){
    .main5 .main-title-box { padding-left:12% }
    .main5 .listbox ul li a { height:160px; }
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
    .main5 .main-title-box { padding-left:0; text-align:center; }
    .main5 .box { flex-direction:column; }
    .main5 .box > div { width:100%; }
    .main5 .listbox { margin-top:50px; }
    .main5 .listbox ul li { width:calc((100% - 40px) / 3); }
    .main5 .listbox ul li a { padding:60px 0 0 20px; }
    .main5 .listbox ul li a strong { font-size:28px; }
    .main5 .listbox ul li a span { font-size:16px; }
}
@media screen and (max-width:760px){
    .main5 .listbox ul li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
    .main5 .listbox ul { gap:10px; }
    .main5 .listbox { margin-top:30px; }
    .main5 .listbox ul li { width:calc((100% - 10px) / 2); }
    .main5 .listbox ul li a { height:120px; padding:32px 0 0 10px; }
    .main5 .listbox ul li a strong { font-size:20px; }
    .main5 .listbox ul li a span { font-size:14px; }
    .main5 .listbox ul li:after { width:calc(100% - 20px); right:10px; bottom:20px; }
    .main5 .listbox ul li a:before { width:8px; height:8px; right:10px; bottom:30px; }
}
@media screen and (max-width:640px) and (max-height:640px) {
    .main5 .listbox ul li a { height:80px; padding:20px 0 0 10px; }
    .main5 .listbox ul li a strong { font-size:18px; }
    .main5 .listbox ul li a span { font-size:13px; margin-top:5px; }
    .main5 .listbox ul li:after { width:calc(100% - 20px); right:10px; bottom:10px; }
    .main5 .listbox ul li a:before { width:8px; height:8px; right:10px; bottom:20px; }
}




@media screen and (max-width:640px){
    .main6 footer { padding-bottom:100px; }
    .main6 footer .copyright { margin-top:30px; }
}
@media screen and (max-width:640px) and (max-height:640px) {
    .main6 footer { padding-bottom:140px; }
    .main6 footer .copyright { margin-top:20px; }
}

#fullpage .btn a { transition:all 0.4s; position:relative; font-family:var(--Lora); font-size:16px; color:#595757; font-weight:400; width:210px; height:70px; display:flex; align-items:center; justify-content:center; border:1px solid #595757; }
#fullpage .btn a span { font-family:var(--Lora); font-weight:400; position:relative; z-index:5; display:block }
#fullpage .btn a img { vertical-align:middle; margin:2px 0 0 10px; }
#fullpage .btn a:before { transition:all 0.4s; content:''; display:block; background:#044567; width:0; height:100%; position:absolute; left:0; top:0;z-index:0; }
#fullpage .btn a:hover { border:1px solid #044567; color:#fff; }
#fullpage .btn a:hover:before { width:100%; }
#fullpage .btn a:hover img { filter:brightness(0) invert(1); }
#fullpage .main3 .swiper-slide .txtbox .btn a { border:1px solid #fff; color:#fff; }
#fullpage .main3 .swiper-slide .txtbox .btn a:hover { border:1px solid #044567; }
@media screen and (max-width:1024px){
    #fullpage .btn a { font-size:16px; width:190px; height:60px; }
}
@media screen and (max-width:640px){
    #fullpage .btn a { font-size:14px; width:130px; height:36px; }
}