/*********** Main Header ***********/
#header .logo .logo02{opacity:0;}
@media all and (max-width:1279px){
    #header.fixed .logo .logo01{opacity:0;}
    #header.fixed .logo .logo02{opacity:1;}
    .btn_menu span{background:#fff;}
    #header.fixed .btn_menu span{background:#333;}
}


/*********** Visual ***********/
.area_visual{position:relative; width:100%; height:90vh; background:var(--light);}
.area_visual .swiper{height:100%; border-bottom-left-radius:150rem;}
.area_visual .swiper-slide:before{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.area_visual .swiper-slide.slide01:before{background:url(../images/main/main_visual01.jpg)no-repeat center/cover;}
.area_visual .swiper-slide.slide02:before{background:url(../images/main/main_visual02.jpg)no-repeat center/cover;}
.area_visual .swiper-slide.slide03:before{background:url(../images/main/main_visual03.jpg)no-repeat center/cover;}
.area_visual .swiper-slide-active:before{animation:visual_bg 2s both;}
.area_visual .swiper-slide a{display:block; width:100%; height:100%;}
.area_visual .swiper-slide a p{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:var(--font_size50); color:#fff; text-align:center; opacity:0;}
.area_visual .swiper-slide a p br.mo_br{display:none;}
.area_visual .swiper-slide-active a p{animation:visual_txt 1.5s both;}
.area_visual .scroll{position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}
.area_visual .scroll i{display:block; margin-bottom:8rem; font-size:var(--font_size14); font-weight:500; letter-spacing:3px; color:rgba(255,255,255,0.8);}
.area_visual .scroll div{margin:auto; width:2px; height:80rem; background:rgba(255,255,255,0.4);}
.area_visual .scroll div span{display:block; position:relative; width:100%; background:#fff; animation:scroll 2.5s ease infinite;}
.area_visual .scroll div span:after{content:''; display:block; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:8px; height:8px; border-radius:50%; background:#fff;}
@keyframes visual_bg{
   0%{transform:scale(1.05);}
   100%{transform:scale(1);} 
}
@keyframes visual_txt{
    0%{margin-top:50rem; opacity:0;}
    100%{margin-top:-20rem; opacity:1;}
}
@keyframes scroll{
    0%{height:0;}
    100%{height:100%;}
}
@media(max-width:1279px){
    .area_visual .swiper-slide a p{font-size:40rem;}
}
@media(max-width:767px){
    .area_visual{height:80vh;}
    .area_visual .swiper{border-bottom-left-radius:100rem;}
    .area_visual .swiper-slide a p{font-size:28rem;}
    .area_visual .swiper-slide a p br.mo_br{display:block;}
}


/*********** Main Common ***********/
article{position:relative; padding:120rem 0;}
/* 메인타이틀 */
.main_tit{margin-bottom:55rem; text-align:center;}
.main_tit i{display:block; margin-bottom:15rem; font-weight:bold; color:var(--primary); font-size:var(--font_size20);}
.main_tit h2{font-size:var(--font_size40); color:#66624c; font-weight:normal;}
.main_tit h2 b{font-weight:bold; color:#363321;}
/* 바로가기 버튼 */
.btn_more{display:block; position:relative; margin:50rem auto 0; font-size:var(--font_size18); text-align:center; width:190rem; height:46rem; line-height:46rem; border:1px solid var(--primary); transition:0.5s ease; background:var(--primary); z-index:1;}
.btn_more em{position:relative; color:#fff; z-index:1; transition:0.5s ease;}
.btn_more:before{content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; transition:0.5s ease;}
@media(hover:hover){
    
    .btn_more:hover{box-shadow:8rem 8rem 30rem rgba(0,0,0,0.25);}
    .btn_more:hover em{color:var(--primary);}
    .btn_more:hover:before{width:100%;}
}
@media(max-width:1279px){
    article{padding:90rem 0;}
    .main_tit{margin-bottom:45rem;}
    .main_tit h2{font-size:var(--font_size50);}
    .btn_more{margin-top:35rem;}
}
@media(max-width:767px){
    article{padding:60rem 0;}
    .main_tit{margin-bottom:35rem;}
    .main_tit h2{font-size:var(--font_size40);}
    .main_tit i{margin-bottom:10rem;}
}


/*********** About ***********/
.area_about{background:var(--light);}
.area_about .inr_about{position:relative; margin:auto; padding-bottom:70rem; width:750rem;}
.area_about .img_ceo{display:block; margin:0 auto 50rem; width:450rem;}
.area_about p{position:relative; font-size:var(--font_size18); color:#555; text-align:center; z-index:1;}
.area_about p+p{margin-top:20rem;}
.area_about .obj_wrap{display:flex; position:absolute; bottom:0; left:50%; transform:translateX(-50%); justify-content:space-between; width:104%;}
.area_about .obj_wrap img{display:block; width:293rem;}
.area_about > img{display:block; position:absolute; width:430rem;}
.area_about > img.img_about01{bottom:220rem; left:0; border-top-right-radius:150rem;}
.area_about > img.img_about02{top:210rem; right:0; border-top-left-radius:150rem;}
@media(max-width:1700px){
    .area_about > img{width:320rem;}
}
@media(max-width:1279px){
    .area_about > img{display:none;}
}
@media(max-width:767px){
    .area_about .inr_about{padding-bottom:20rem; width:92%;}
    .area_about .img_ceo{margin-bottom:35rem; width:70%;}
    .area_about p+p{margin-top:15rem;}
    .area_about p > br{display:none;}
    .area_about .obj_wrap img{width:180rem;}
}


/*********** Process ***********/
.area_process ul{display:flex; position:relative; justify-content:space-between;}
.area_process ul:before{content:''; display:block; position:absolute; top:249rem; left:50%; transform:translateX(-50%); width:110%; height:1px; background:#e2dfd0; z-index:-1;}
.area_process ul li{width:310rem; text-align:center;}
.area_process ul li .icon{display:flex; margin:0 auto 25rem; justify-content:center; align-items:center; width:160rem; height:160rem; border-radius:50%; background:var(--light); transition:0.3s ease;}
.area_process ul li .icon svg{display:block; height:60rem; width:auto; fill:var(--primary); transition:0.3s ease;}
.area_process ul li h3{font-size:var(--font_size25); color:#222;}
.area_process ul li .dot{display:block; margin:20rem auto 24rem;; width:14rem; height:14rem; border-radius:50%; background:#e2dfd0; transition:0.3s ease;}
.area_process ul li p{font-size:var(--font_size18); color:#555;}
@media(hover:hover){
    .area_process ul li:hover .icon{background:var(--primary);}
    .area_process ul li:hover .icon svg{fill:var(--light);}
    .area_process ul li:hover .dot{background:var(--primary);}
}
@media(max-width:1279px){
    .area_process ul:before{top:184rem;}
    .area_process ul li{width:220rem;}
    .area_process ul li .icon{margin-bottom:18rem; width:120rem; height:120rem;}
    .area_process ul li .icon svg{height:52rem;}
    .area_process ul li h3{font-size:var(--font_size20);}
    .area_process ul li .dot{margin:12rem auto 16rem;}
    .area_process ul li p{font-size:var(--font_size15);}
    .area_process ul li p > br{display:none;}
}
@media(max-width:767px){
    .area_process ul{flex-wrap:wrap;}
    .area_process ul:before{display:none;}
    .area_process ul li{width:50%; position:relative;}
    .area_process ul li:before{content:''; display:block; position:absolute; top:184rem; left:50%; transform:translateX(-50%); width:100%; height:1px; background:#e2dfd0; z-index:-1;}
    .area_process ul li:nth-child(1),
    .area_process ul li:nth-child(2){margin-bottom:30rem;}
    .area_process ul li:nth-child(odd){padding-right:15rem;}
    .area_process ul li:nth-child(even){padding-left:15rem;}
}


/*********** Media ***********/
.area_media{padding-top:0 !important; overflow:hidden;}
.area_media .inr{display:flex; align-items:center;}
.area_media .main_tit{position:relative; margin-bottom:0; padding-right:100rem; text-align:left; width:50%;}
.area_media .main_tit p{margin-top:30rem; font-size:var(--font_size18); color:#555;}
.area_media .main_tit .obj_media{display:block; position:absolute; margin-top:-25rem; left:-225rem; top:-54%; width:355rem; z-index:-1;}
.area_media .media_list{position:relative; width:50%;}
.area_media .media_list:before{content:''; display:block; position:absolute; left:100rem; top:0; width:100vw; height:100%; background:var(--primary); border-top-left-radius:100rem;}
.area_media .media_list .swiper{padding-top:100rem;}
.area_media .media_list a{display:block; overflow:hidden;}
.area_media .media_list a .img{display:block; overflow:hidden; border-bottom-left-radius:100rem;}
.area_media .media_list a .img img{display:block; width:100%;}
.area_media .media_list a h3{float:right; padding-top:27rem; font-size:var(--font_size20); color:#fff; font-weight:500; text-align:end; height:100rem; width:calc(100% - 100rem);}
.area_media .media_list .control{display:flex; position:absolute; top:45rem; right:0;}
.area_media .media_list .control > div{position:relative; margin-top:0; margin-left:30rem; top:auto; left:auto; right:auto; bottom:auto; width:36rem; height:36rem; transition:0.2s ease;}
.area_media .media_list .control > div:after{display:none;}
.area_media .media_list .control > div img{display:block; width:100%;}
.area_media .media_list .swiper-pagination{display:none;}
@media(hover:hover){
    .area_media .media_list .control > div:hover{opacity:0.5;}
}
@media(max-width:1279px){
    .area_media .main_tit{padding-right:58rem;}
    .area_media .main_tit p > br{display:none;}
    .area_media .main_tit .obj_media{left:-140rem; top:-34%; width:260rem;}
    .area_media .media_list .swiper{padding-top:80rem;}
    .area_media .media_list a h3{padding-top:20rem; height:80rem;}
    .area_media .media_list .control{top:30rem;}
}
@media(max-width:767px){
    .area_media:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:300rem; background:var(--primary);}
    .area_media .inr{display:block;}
    .area_media .main_tit{padding-right:0; width:100%; text-align:center;}
    .area_media .main_tit p{margin-top:20rem;}
    .area_media .media_list{width:100%;}
    .area_media .media_list:before{display:none;}
    .area_media .media_list .control{display:none;}
    .area_media .media_list .swiper{padding-top:35rem;}
    .area_media .media_list a .img{border-bottom-left-radius:0; border-top-right-radius:80rem;}
    .area_media .media_list a h3{height:auto; width:100%; text-align:center;}
    .area_media .media_list .swiper-pagination{position:relative; display:block; bottom:-10rem;}
    .area_media .main_tit .obj_media{left:-88rem; top:33rem; width:220rem;}
    .area_media .swiper-pagination-bullet,
    .area_media .swiper-pagination-bullet-active{background:#fff;}
}


/*********** Gallery ***********/
.area_gallery{overflow:hidden; background:#f8f8f8;}
.area_gallery .main_tit{position:relative;}
.area_gallery .main_tit .arrow{margin-top:0; top:auto; bottom:0; width:36rem; height:36rem;}
.area_gallery .main_tit .arrow:after{display:none;}
.area_gallery .main_tit .arrow img{display:block; width:100%;}
.area_gallery .main_tit .swiper-button-disabled{opacity:0.3;}
.area_gallery .swiper{padding:0 40rem; height:596rem; overflow:visible;}
.area_gallery .swiper-slide{width:auto; transition:1s ease;}
.area_gallery .swiper-slide a .img{display:block; position:relative; padding-top:120%; width:100%; overflow:hidden; border-top-left-radius:50rem; border-bottom-right-radius:50rem;}
.area_gallery .swiper-slide a .img img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; transition:0.3s ease;}
.area_gallery .swiper-slide a h3{overflow:hidden; margin-top:25rem; font-size:var(--font_size20); font-weight:500; color:#222; text-overflow:ellipsis; white-space:nowrap;}
.area_gallery .swiper-slide-prev,
.area_gallery .swiper-slide-next{padding-top:100rem;}
.area_gallery .swiper-pagination{display:none;}
@media(hover:hover){
    .area_gallery .swiper-slide a:hover .img img{transform:translate(-50%,-50%) scale(1.1);}
    .area_gallery .swiper-slide a:hover h3{color:var(--primary);}
}
@media(max-width:1279px){
    .area_gallery .swiper{height:445rem;}
    .area_gallery .swiper-slide-prev, 
    .area_gallery .swiper-slide-next{padding-top:70rem;}
    .area_gallery .swiper-slide a h3{margin-top:20rem;}
}
@media(max-width:767px){
    .area_gallery .swiper{padding:0 60rem; height:490rem;}
    .area_gallery .main_tit .arrow{display:none;}
    .area_gallery .swiper-pagination{display:block; bottom:0;}
    .area_gallery .swiper-pagination-bullet,
    .area_gallery .swiper-pagination-bullet-active{background:var(--primary);}
}


/*********** Inquiry ***********/
.area_inquiry{background:#f6eff0;}
.area_inquiry .inr{display:flex; justify-content:space-between; align-items:flex-end;}
.area_inquiry .img{display:block; width:calc(50% - 100rem);}
.area_inquiry .img img{display:block; width:100%;}
.area_inquiry .form_wrap{width:calc(50% - 100rem);}
.area_inquiry form{}
.area_inquiry form > ul{}
.area_inquiry form > ul > li{padding:7rem 0; border-bottom:1px solid #ddd;}
.area_inquiry form > ul > li input[type="text"]{outline:none; border:none; font-size:var(--font_size18); height:36rem; color:#333; background:transparent;}
.area_inquiry form > ul > li input[type="text"]::placeholder{color:#999;}
.area_inquiry form > ul > li input[type="text"].w100{width:100%;}
.area_inquiry form input.check{display:none;}
.area_inquiry form input.check+label{position:relative; margin-right:0; width:14rem; height:14rem; border-radius:3rem; background:#ccc; cursor:pointer;}
.area_inquiry form input.check:checked+label{background:var(--primary) url(../images/main/icon_checked.png)no-repeat center/contain; background-size:75%;}
.area_inquiry form input.check+label+label{padding-left:3rem; font-size:var(--font_size18); color:#333;}
.area_inquiry .radio_wrap{display:flex;}
.area_inquiry .radio_wrap ul{display:flex; align-items:center; width:50%; height:36rem;}
.area_inquiry .radio_wrap ul li:first-child{padding-left:8px; padding-right:35rem; font-size:var(--font_size18); color:var(--primary); font-weight:600;}
.area_inquiry .radio_wrap ul li:last-child{margin-left:20rem;}
.area_inquiry .num input[type="text"]{width:188rem;}
.area_inquiry .mail input[type="text"],
.area_inquiry .mail select{width:188rem;}
.area_inquiry .mail select{margin-left:7rem; height:40rem; cursor:pointer; background-size:10px 10px; border-color:var(--primary);}
.area_inquiry .agree{margin-top:30rem; text-align:center;}
.area_inquiry .agree input.check+label+label{font-size:var(--font_size14);}
.area_inquiry .agree a{margin-left:10rem; color:#aaa; transition:0.2s ease; font-size:12px;}
.area_inquiry .obj{position:absolute; right:5%; bottom:150rem; width:130rem;}
@media(hover:hover){
    .area_inquiry .agree a:hover{color:var(--primary);}
}
@media(max-width:1279px){
    .area_inquiry .inr{align-items:center;}
    .area_inquiry .img{width:calc(50% - 20rem);}
    .area_inquiry .form_wrap{width:calc(50% - 40rem);}
    .area_inquiry .radio_wrap ul li:first-child{padding-right:20rem;}
    .area_inquiry .radio_wrap ul li:last-child{margin-left:15rem;}
    .area_inquiry .num input[type="text"]{width:132rem;}
    .area_inquiry .mail input[type="text"], .area_inquiry .mail select{width:131rem;}
    .area_inquiry .agree{margin-top:25rem;}
    .area_inquiry .obj{opacity:0.5;}
}
@media(max-width:767px){
    .area_inquiry .inr{display:block;}
    .area_inquiry .img{width:100%;}
    .area_inquiry .form_wrap{margin-top:40rem; width:100%;}
    .area_inquiry .obj{bottom:35rem;}
    .area_inquiry .agree a{font-size:13px;}
}


/*********** CS ***********/
.area_cs{background:url(../images/main/bg_cs.jpg)no-repeat 70% 50%/cover;}
.area_cs .txt_box{padding:80rem 25rem; max-width:600rem; width:100%; border-top-left-radius:80rem; border-bottom-right-radius:80rem; text-align:center; background:rgba(0,69,92,0.8);}
.area_cs .txt_box h2{margin-bottom:40rem; font-size:var(--font_size25); font-weight:normal; color:#fff;}
.area_cs .txt_box h2 b{font-weight:bold;}
.area_cs .txt_box em{display:block; margin-bottom:13rem; font-size:var(--font_size20); color:#fff; opacity:0.8; font-weight:500;}
.area_cs .txt_box .tel{display:inline-flex; padding:15rem 45rem 15rem 22rem; align-items:center; justify-content:center; background:rgba(255,255,255,0.15); border-radius:60rem;}
.area_cs .txt_box .tel .icon{display:flex; margin-right:25rem; align-items:center; justify-content:center; width:65rem; height:65rem; border-radius:50%; background:rgba(255,255,255,0.2);}
.area_cs .txt_box .tel .icon img{display:block; width:auto; height:29rem;}
.area_cs .txt_box .tel a{text-align:left; font-size:var(--font_size40); color:#fff; font-weight:600; line-height:1;}
/*.area_cs .txt_box .tel a em{margin-bottom:0;}*/
.area_cs .txt_box .sub_num{display:flex; margin-bottom:35rem; padding:35rem 0; border-bottom:1px solid rgba(255,255,255,0.3);}
.area_cs .txt_box .sub_num li{padding:0 10rem; width:50%;}
.area_cs .txt_box .sub_num li a{font-size:var(--font_size25); color:#fff; font-weight:600; line-height:1;}
.area_cs .txt_box .time{display:flex; justify-content:center;}
.area_cs .txt_box .time li{padding:0 20rem; font-size:var(--font_size18); color:rgba(255,255,255,0.8);}
.area_cs .txt_box .time li:first-child{border-right:1px solid rgba(255,255,255,0.3);}
.area_cs .txt_box .time li b{color:#fff;}
.area_cs .txt_box i{display:block; margin-top:18rem; font-size:var(--font_size15); color:rgba(255,255,255,0.6);}
@media(max-width:1279px){
    .area_cs .txt_box{padding:60rem 20rem; max-width:525rem;}
    .area_cs .txt_box h2{margin-bottom:30rem;}
    .area_cs .txt_box .sub_num{margin-bottom:30rem; padding:30rem 0;}
}
@media(max-width:767px){
    .area_cs .txt_box{padding:40rem 15rem}
    .area_cs .txt_box h2{font-size:var(--font_size24);}
    .area_cs .txt_box em{margin-bottom:10rem; font-size:var(--font_size18);}
    .area_cs .txt_box .tel{padding:10rem 35rem 10rem 13rem;}
    .area_cs .txt_box .sub_num li a{font-size:var(--font_size24);}
    .area_cs .txt_box i{margin-top:14rem;}
}