/* 메인비주얼 */
.area_visual{position:relative; width:100%; height:100vh;}
.area_visual .swiper{width:100%; height:100%;}
.area_visual .swiper-slide:before{content:''; display:block; position:absolute; width:100%; height:100%;}
.area_visual .swiper-slide.slide01:before{background:url(../images/main/main_visual03.jpg)no-repeat 60% 50%/cover;}
.area_visual .swiper-slide.slide02:before{background:url(../images/main/main_visual01.jpg)no-repeat 60% 50%/cover;}
.area_visual .swiper-slide.slide03:before{background:url(../images/main/main_visual02.jpg)no-repeat 60% 50%/cover;}
.area_visual .swiper-slide a{display:block; position:relative; width:100%; height:100%;}
.area_visual .swiper-slide .visual_inr{margin:auto; position:relative; width:100%; height:100%;}
.area_visual .swiper-slide .txt{position:absolute; left:calc(13.2vw - 100rem); top:40%;}
.area_visual .swiper-slide .txt h3{margin-bottom:15rem; color:#fff; font-weight:500; font-size:var(--fs28);}
.area_visual .swiper-slide .txt h2{color:#fff; font-weight:500; font-size:var(--fs50);}
.area_visual .swiper-slide .txt h2 b{font-weight:bold;}
.area_visual .ctrl{display:flex; position:absolute; padding:0 calc(13.2vw - 100rem); bottom:0; left:50%; transform:translateX(-50%); width:100%; height:100rem; pointer-events:none; z-index:1;}
.area_visual .ctrl .navigation{display:flex; position:relative; width:200rem; pointer-events:auto; height:100%;}
.area_visual .ctrl .navigation:before{content:''; display:block; position:absolute; right:0; top:0; width:100vw; height:100%; background:rgba(255,255,255,0.3);}
.area_visual .ctrl .arrow{position:relative; top:auto; left:auto; right:auto; bottom:auto; margin-top:0; width:50%; height:100%; transition:0.2s ease;}
.area_visual .ctrl .arrow:after{font-size:35rem; font-weight:bold; transition:0.2s ease;}
.area_visual .ctrl .arrow.prev{background:var(--primary);}
.area_visual .ctrl .arrow.prev:after{margin-left:-5rem; color:#fff;}
.area_visual .ctrl .arrow.next{background:#f5f5f5;}
.area_visual .ctrl .arrow.next:after{margin-right:-5rem; color:#111;}
.area_visual .ctrl .pager{display:flex; justify-content:space-evenly; align-items:center; pointer-events:auto; background:#fff; height:100%; width:368rem}
.area_visual .ctrl .pager_num{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:auto; font-size:18rem; font-weight:bold; color:#111;}
.area_visual .ctrl .pager_num em{display:inline-block; margin:0 8rem; color:#ccc;}
.area_visual .ctrl .pager_num .swiper-pagination-total{color:#ccc;}
.area_visual .ctrl .pager_bar{position:relative; width:180rem; height:2px; background:#e1e1e1;}
.area_visual .ctrl .pager_bar:before{content:''; position:absolute; inset:0; width:0; background:#111;}
.area_visual .ctrl .pager_bar.active:before{animation:pager_bar 5s linear both;}
.scroll_ui{position:absolute; right:calc(13.2vw - 100rem); bottom:0; z-index:5; transform:rotate(90deg); transform-origin:right;}
.scroll_ui span{display:block; position:relative; width:180rem; height:2px; background:rgba(255, 255, 255, 0.3);}
.scroll_ui span:before{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6rem; height:6rem; background:#fff; border-radius:50%; animation:move 3s infinite; box-shadow:0 0 8px #fff;}
.scroll_ui span:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:2px; background:#fff; animation:scroll 3s infinite;}
@keyframes scroll{100%{width:100%;}}
@keyframes move{100%{left:174rem;}}
@keyframes pager_bar{
	0%{width:0%;}
	100%{width:100%;}
}
@media(hover:hover){
    .area_visual .ctrl .arrow:hover{background:#111;}
    .area_visual .ctrl .arrow:hover:after{color:#fff;}
}
@media(prefers-reduced-motion:no-preference){
    .area_visual .swiper-slide-active:before{animation:visual_bg 3s both;}
    @keyframes visual_bg{
        0%{transform:scale(1.05);}
        100%{transform:scale(1);}
    }
    .area_visual .swiper-slide .txt h3,
    .area_visual .swiper-slide .txt h2{opacity:0;}
    .area_visual .swiper-slide-active .txt h3{animation:visual_txt 0.8s 0.3s both;}
    .area_visual .swiper-slide-active .txt h2{animation:visual_txt 0.8s 0.5s both;}
    @keyframes visual_txt{
        0%{transform:translateY(40rem); filter:blur(10rem); opacity:0;}
        100%{transform:translateY(0); filter:blur(0); opacity:1;}
    }
}
@media(max-width:1279px){
    .area_visual .swiper-slide .txt{left:4vw;}
    .area_visual .ctrl{padding:0 4vw; height:70rem;}
    .area_visual .ctrl .navigation{display:none;}
    .area_visual .ctrl .pager{width:calc(100% / 3);}
    .area_visual .ctrl .pager_num{font-size:16rem;}
    .area_visual .ctrl .pager_num em{margin:0 6rem;}
    .scroll_ui{right:4vw; bottom:140rem;}
}
@media(max-width:767px){
    .area_visual .ctrl .pager{width:calc(100% / 3 * 2);}
    .scroll_ui{right:4vw; bottom:100rem;}
}


/* 메인공통 */
#container{overflow:hidden;}
article{position:relative; padding:140rem 0;}
.main_tit{}
.main_tit em{display:block; margin-bottom:14rem; color:var(--primary); font-size:16rem; font-weight:600;}
.main_tit h2{color:#111; font-size:var(--fs35);}
a.btn_more{display:flex; align-items:center; justify-content:center; width:220rem; height:54rem; background:#111; border-radius:30rem; transition:0.3s ease;}
a.btn_more.mt70{margin-top:70rem;}
a.btn_more span{font-size:20rem; font-weight:500; color:#fff;}
a.btn_more i{display:block; position:relative; margin-left:15rem; width:18rem; height:18rem; transform:rotate(360deg); opacity:1; transition:0.3s ease;}
a.btn_more i:before,
a.btn_more i:after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff;}
a.btn_more i:before{width:2px; height:100%;}
a.btn_more i:after{width:100%; height:2px;}
@media(hover:hover){
    a.btn_more i{margin-left:-18rem; opacity:0; transform:rotate(45deg);}
    a.btn_more:hover span{color:#fff;}
    a.btn_more:hover{background:var(--primary); width:250rem;}
    a.btn_more:hover i{margin-left:15rem; transform:rotate(360deg); opacity:1;}
}
@media(max-width:1279px){
    article{padding:100rem 0;}
    a.btn_more{height:50rem;}
    a.btn_more i{width:16rem; height:16rem;}
    a.btn_more.mt70{margin-top:50rem;}
    
}
@media(max-width:767px){
    article{padding:60rem 0;}
    .main_tit em{margin-bottom:15rem;}
    a.btn_more span{font-size:18rem;}
    a.btn_more.mt70{margin-top:25rem !important;}
}


/* 회사소개 */
.area_about{padding-bottom:0 !important;}
.area_about .txt{display:flex; align-items:flex-end; justify-content:space-between;}
.area_about .txt .btn_more{margin-bottom:10rem;}
.area_about .img{display:flex; margin-top:40rem; padding-left:13.2vw; /*height:460rem; background:url(../images/main/img_about.jpg)no-repeat center/cover;*/}
.area_about .img span{display:block; width:100%;}
.area_about .img span img{display:block; width:100%;}
@media(max-width:1279px){
    .area_about .img{padding-left:4vw;}
}
@media(max-width:767px){
    .area_about .txt{display:block;}
    .area_about .txt .btn_more{margin:25rem 0 0 0;}
    .area_about .img{margin-top:30rem; height:220rem;}
    .area_about .img span{height:100%;}
    .area_about .img span img{height:100%; object-fit:cover;}
    
}
    

/* 퀵메뉴 */
.area_quick .quick_menu{display:flex;}
.area_quick .quick_menu li{padding:0 40rem; width:calc(100% / 3);}
.area_quick .quick_menu li .tit_wrap{display:flex; margin-bottom:15rem; justify-content:space-between; align-items:center;}
.area_quick .quick_menu li .tit_wrap .main_tit{display:flex; align-items:flex-end;}
.area_quick .quick_menu li .tit_wrap .main_tit h3{margin-right:20rem; font-size:var(--fs25); color:#111;}
.area_quick .quick_menu li .tit_wrap .main_tit em{margin-bottom:4rem !important;}
.area_quick .quick_menu li p{font-size:18rem; color:#555;}
.area_quick .quick_menu li .tit_wrap .btn_more02{display:flex; align-items:center; justify-content:center; width:50rem; height:50rem; border-radius:50%; background:#111; transition:0.3s ease;}
.area_quick .quick_menu li .tit_wrap .btn_more02 i{display:block; position:relative; width:18rem; height:18rem; transition:0.3s ease;}
.area_quick .quick_menu li .tit_wrap .btn_more02 i:before,
.area_quick .quick_menu li .tit_wrap .btn_more02 i:after{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; transition:0.3s ease;}
.area_quick .quick_menu li .tit_wrap .btn_more02 i:before{width:2px; height:100%;}
.area_quick .quick_menu li .tit_wrap .btn_more02 i:after{width:100%; height:2px;}
@media(hover:hover){
    .area_quick .quick_menu li .tit_wrap .btn_more02{background:rgba(15,67,199,0.1);}
    .area_quick .quick_menu li .tit_wrap .btn_more02 i:before,
    .area_quick .quick_menu li .tit_wrap .btn_more02 i:after{background:#111;}
    .area_quick .quick_menu li .tit_wrap .btn_more02:hover{background:#111;}
    .area_quick .quick_menu li .tit_wrap .btn_more02:hover i{transform:rotate(360deg);}
    .area_quick .quick_menu li .tit_wrap .btn_more02:hover i:before,
    .area_quick .quick_menu li .tit_wrap .btn_more02:hover i:after{background:#fff;}
}
@media(max-width:1279px){
    .area_quick .quick_menu li{padding:0 20rem;}
    .area_quick .quick_menu li .tit_wrap .main_tit h3{margin-right:10rem;}
    .area_quick .quick_menu li .tit_wrap .main_tit em{margin-bottom:3rem !important;}
    .area_quick .quick_menu li .tit_wrap .btn_more02{width:45rem; height:45rem;}
    .area_quick .quick_menu li .tit_wrap .btn_more02 i{width:16rem; height:16rem;}
}
@media(max-width:767px){
    .area_quick .quick_menu{display:block;}
    .area_quick .quick_menu li{padding:20rem; width:100%; border:1px solid #f1f1f1; border-top:0; background:#fff;}
    .area_quick .quick_menu li:first-child{border-top:1px solid #f1f1f1;}
    .area_quick .quick_menu li[data-scroll_effect="slide_up"]{transition-delay:0 !important;}
    .area_quick .quick_menu li .tit_wrap{margin-bottom:5rem;}
    .area_quick .quick_menu li .tit_wrap .main_tit h3{font-size:24rem;}
}


/* 영상 */
.area_video{background:#f5f5f5;}
.area_video .bg_line{z-index:0;}
.area_video .bg_line li{background:#e8e8e8;}
.area_video .inr{display:flex; align-items:center; justify-content:space-between;}
.area_video .video_wrap{width:60%;}
.area_video .video{position:relative; padding-bottom:56.25%; width:100%; height:0; overflow:hidden;}
.area_video .video iframe{position:absolute; top:0; left:0;}
.area_video .main_tit{width:calc(100% / 3);}
@media(max-width:767px){
    .area_video .inr{display:block;}
    .area_video .video_wrap{width:100%; margin-bottom:30rem;}
    .area_video .main_tit{width:100%; text-align:center;}
    .area_video a.btn_more{margin:0 auto;}
}


/* cs */
.area_cs .inr{display:flex; align-items:center; justify-content:space-between;}
.area_cs .txt_box{width:calc(100% / 3);}
.area_cs .txt_box .main_tit a{display:flex; align-items:center;}
.area_cs .txt_box .main_tit a img{display:block; margin-right:12rem; width:26rem;}
.area_cs .txt_box ul{margin-top:45rem;}
.area_cs .txt_box ul li{display:flex; font-size:18rem; color:#444;}
.area_cs .txt_box ul li+li{margin-top:8rem;}
.area_cs .txt_box ul li em{display:block; font-weight:bold; color:#000; width:60rem;}
.area_cs .txt_box ul li a{display:block; width:calc(100% - 60rem);}
.area_cs .txt_box .time{margin-top:45rem; font-size:16rem; color:#777;}
.area_cs .txt_box .time em{display:block; margin-bottom:5rem; font-weight:bold; color:#222;}
.area_cs .txt_box .time p{}
.area_cs .map_wrap{width:60%; }
.area_cs .map_wrap .root_daum_roughmap_landing{width:100% !important;}
.area_cs .map_wrap .root_daum_roughmap .wrap_map{height:500rem !important;}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .map_border{display:none;}
@media(max-width:1279px){
    .area_cs .map_wrap{height:400rem;}
}
@media(max-width:767px){
    .area_cs .inr{display:block;}
    .area_cs .txt_box{width:100%;}
    .area_cs .txt_box ul{margin-top:20rem;}
    .area_cs .txt_box ul li+li{margin-top:5rem;}
    .area_cs .txt_box .time{margin-top:20rem;}
    .area_cs .map_wrap{margin-top:30rem; width:100%; height:250rem;}
}


/* 온라인문의 */
.area_inquiry{width:100%; height:700rem; overflow:hidden;}
.area_inquiry .bg_line{z-index:1;}
.area_inquiry .bg_line li{background:rgba(255,255,255,0.2);}
.area_inquiry .bg{display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.area_inquiry .inr{display:flex; align-items:center; height:100%;}
.area_inquiry .main_tit em{color:#fff; opacity:0.6;}
.area_inquiry .main_tit h2{color:#fff;}
.area_inquiry .main_tit h2{color:#fff;}
.area_inquiry a.btn_more{background:#fff;}
.area_inquiry a.btn_more span{color:#111;}
.area_inquiry a.btn_more i:before,
.area_inquiry a.btn_more i:after{background:#111;}
@media(hover:hover){
    .area_inquiry a.btn_more:hover span{color:#fff;}
    .area_inquiry a.btn_more:hover{background:var(--primary);}
    .area_inquiry a.btn_more:hover i:before,
    .area_inquiry a.btn_more:hover i:after{background:#fff;}
}
@media(max-width:1279px){
    .area_inquiry{height:500rem;}
}
@media(max-width:767px){
    .area_inquiry{height:360rem;}
    .area_inquiry .inr{justify-content:center;}
    .area_inquiry .main_tit{text-align:center;}
    .area_inquiry a.btn_more{margin:auto;}
}