@charset "UTF-8";

@import url(reset.css);
@import url(font.css);
@import url(swiper.css);
@import url(jquery.fullpage.css);
@import url(responsive.css);

html{font-size: 62.5%;}
 
body{
    --mainColor:#832A43
}
.cursor {
    width: 5rem;
    height: 5rem;
    border: 2px solid var(--mainColor);
    border-radius: 50%;
    position: fixed;
    z-index: 1000;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* transition: all 0.3s ease; */
    transition-property: background, transform;
    transform-origin: 100% 100%;
    background-size: cover;
    /* mix-blend-mode: difference; */
}
/* .cursor_point3{mix-blend-mode: difference;} */

body.on {height: 100vh; overflow: hidden;}

/* main page------------------------------------------- */
div#section1, div#section2, div#section3, div#section4{
    width: 100%;
    height: 100vh;
  }
header{width: 100%;height: 80px;z-index: 3;background: #fff;position: fixed;box-shadow: 0 5px 20px rgba(0,0,0,0.05)}
/* header.down{box-shadow: 0 5px 20px rgba(0,0,0,0.03)} */
#visual_main{height: 100vh;background: #fff;}
#section1{background: #fff;position: relative;}
#section2{background: #fff;}
#section3{width: auto;overflow: hidden;}
#section4{background: lightskyblue url('../img/section4.jpg')center ;}
footer{width: 100%;height: auto;background: #fff;border-top: 1px solid #999;}

/*header------------------------------------------------- */
header .topset{max-width: 1534px;height: 80px;margin: 0 auto;position: relative;}
/* header .center_1533{position: relative;} */
header h1{float: left;width: 126px;height: 38px;margin-top: 21px;}
header h1 a{width: 126px;height: 38px;}
header h1 img{max-height: 100%;}
header .gnb{float: right;width: 563px;height: 54px;margin-top: 19px;margin-right: 120px;font-size: 0;text-align: center; }
header .gnb >li {height: 54px;line-height: 54px;font-size: 2.4rem;display: inline-block;font-weight: normal;vertical-align: top; }
header .gnb >li >a{display: block;padding: 0 52px;}
header .gnb .lnb{z-index: 3;position: relative;padding: 20px 0;display: none;text-align: center;}
header .gnb .lnb li{height: 37px;line-height: 37px;}
header .gnb .lnb li:first-child{margin-top: 10px;}
header .gnb .lnb li a{font-size: 2rem;display: block;color: #444;}
header .gnb .lnb li:hover {background: var(--mainColor);}
header .gnb .lnb li:hover a{color: #fff;}


header #burger_menu{float: right;width: 40px;height: 40px;position: absolute;right: 0px;top: 20px; z-index: 10;}
header #burger_menu iconify-icon{position: absolute;left: 4px;font-size: 4rem;}
header #burger_menu iconify-icon.btn_close{position: absolute;left: 4px;font-size: 4rem;display: none;z-index: 10;}




header .lnb_bg{width: 100%;height: 267px;background: #fff;position: absolute;top: 80px;border-top: 1px solid #777;display: none;z-index: 2;}
header .dot{width: 14px;height: 14px;position: absolute;background: var(--mainColor);border-radius: 50%;z-index:4;top: 72px;transition: 1s;left: -1000px;}


.sideBox{display: none;}

/* floating_btn-------------------------------------------- */

#fp-nav.right {
    right: 20px;
    top: 80%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 1px solid var(--mainColor);
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    margin: -2px 0 0 -2px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    background-color: var(--mainColor);
    margin: -4px 0 0 -4px;
    margin-top: -4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -4px;
    border-radius: 100%;
    transition: .3s;
}







/*visual------------------------------------------------ */
.visual_wrap{overflow: hidden;}
.swiper-slide .visual_title{position: absolute;left: 50%;transform: translate(-50%);width: 926px;top: 270px;text-align: center; z-index: 777;}
.swiper-slide h2{font-size: 6.4rem;display: block;font-style: normal;font-weight: normal;color: #000;margin-bottom: 12px;}
.swiper-slide em{font-size: 2.4rem;font-style: normal;margin-top: 24px;color: #333;width: 713px;text-align: center;font-weight: lighter;line-height: 37px;}
.swiper-slide .txt_white h2,
.swiper-slide .txt_white em{color: #fff;}

.visual_wrap .swiper1  .swiper-pagination {bottom: 5%;}
.visual_wrap  .swiper1 .swiper-pagination .swiper-pagination-bullet{margin: 0 8px;width: 20px;height: 2px;opacity: 1;border-radius: 0;background-color: rgba(255,255,255,0.5)}
.visual_wrap  .swiper1 .swiper-pagination .swiper-pagination-bullet-active{width: 12px;background: #fff;}

.swiper1 .swiper-slide img.on {transition: 8s;}




/* section1--------------------------------------------------- */
#section1 .field_box{max-width: 1534px;height: 583px;margin: 80px auto 0 auto;}

#section1 .img_box{width:61.56%;height: 583px;float: left;border-radius: 0 60px 60px 0;box-shadow: 5px 5px 40px rgba(0,0,0,0.12);overflow: hidden;position: absolute;left: 0;top: 20%;background: url('../img/section1.jpg')center;background-size: cover;/*animation: sect1img 1s forwards;*/}
/* @keyframes sect1img {
    0%{width: 0;}
    100%{width: 61.56%;}
} */
#section1 .img_box img{max-width: 100%;}


#section1 .text_box{position: relative;height: 100%;float: right;width: 29.94%;margin-top: 80px;}

/* #section1 .text_box .title{border: 1px solid pink;} */
#section1 .text_box .title strong{font-size: 2rem;color: #666;font-weight: normal;text-align: right;display: block;opacity: 1;transition: 1.2s;}
#section1 .text_box .title h3{color: #000;font-size: 4rem;text-align: right;margin-top: 13px;display: block;opacity: 1;transition: .9s;}
#section1 .text_box p{color: #333;font-size: 2.4rem;width: 383px;margin-top: 63px;line-height: 3.4rem;margin-left: 47px;opacity: 1;transition: .3s;word-break: keep-all;float: right;text-align: right;height: auto;}
#section1 .text_box .more{font-size: 1.8rem;color: #777;position: absolute;right: 0;bottom: 0;}

#section1 .text_box .title strong.on{opacity: 1;transition: 1s;}
#section1 .text_box .title h3.on{opacity: 1;transition: 2s;}
#section1 .text_box p.on{opacity:1;transition: 3s;}

#section1 .text_box a:hover{color: #000;transition: .8s;border-bottom: 1px solid var(--mainColor);}



/* section2----------------------------------------------- */

#section2 .field_box{max-width: 1534px;height: 718px;margin: 107px auto 0 auto;position: relative;}


#section2 .text_box{width: 100%;height: auto;text-align: left;}
#section2 .text_box strong{font-size: 2rem;color: #666;font-weight: normal;opacity: 1;transition: 1.2s;}
#section2 .text_box h3{color: #000;font-size: 4rem;margin-top: 13px;display: block;opacity: 1;transition: .9s;}
/* #section2 .field_box .text_box h3.on{opacity: 1;transition: 2s;}
#section2 .field_box .text_box p.on{opacity:1;transition: 3s;} */

/* #section2 .img_box{width: 100%;height: 563px;} */
#section2 .img_box ul{width: 100%;height: 563px;margin-top: 57px; /* text-align: right */; display: flex; justify-content: right;}
#section2 .img_box ul li{width: 27.05%;height: 494px;background: pink; /* display: inline-block; */ margin-right: 22px;transition: .5s;/*overflow: hidden;*/position: relative;}
#section2 .img_box ul li:first-child{border-radius: 60px 0 0 60px;background: url('../img/section2_1.jpg')center;background-size: cover;}
#section2 .img_box ul li:nth-child(2){background: url('../img/section2_2.jpg')center;background-size: cover;}
#section2 .img_box ul li:last-child{margin-right: 0;border-radius: 0 60px 60px 0;background: url('../img/section2_3.jpg')right ;background-size: cover;} 
#section2 .img_box ul li:hover{width: 43%;margin-left: 0;}
/* #section2 .img_box ul li:hover img {transform: scale(1.3);} */
/* #section2 .img_box ul li img{max-height: 100%; transition: 1s;} */
#section2 .img_box ul li .on{width: 100%;height: 100%;background:rgba(0,0,0,0.67);position: absolute;top: 0;text-align: center;display: none;transition: .3s;}
#section2 .img_box ul li:nth-child(1) .on{border-radius: 60px 0 0 60px;}
#section2 .img_box ul li:nth-child(3) .on{border-radius: 0 60px 60px 0;}
#section2 .img_box ul li .on strong{color: #fff;font-size: 2.8rem;display: block;padding-top: 244px;}
#section2 .img_box ul li .on span{color: #fff;font-size: 2rem;display: block;margin-top: 17px;}



/* section3------------------------------------------------ */

#section3 .pr_img_box{max-width: 1920px;}
#section3 .pr_img_box .pr_img{width: 43.12%;margin-right: 1.82%;}
#section3 .text_box{max-width: 1543px;margin: 107px auto 0 auto;height: 98px;text-align: left;}
#section3 .text_box strong{font-size: 2rem;color: #666;font-weight: normal;opacity: 1;transition: 1.2s;display: block;}
#section3 .text_box h3{color: #000;font-size: 4rem;margin-top: 13px;;opacity: 1;transition: .9s;float: left;}
#section3 .text_box .more{font-size: 1.8rem;color: #777;float: right;margin-top: 34px;}
#section3 .text_box .more:hover{color: #000;border-bottom: 1px solid var(--mainColor);}


#section3 .swiper2 a span{margin-top: 13px;text-align: left;display: block;color: #777;}
#section3 .swiper2 a span:hover{color: #000;transition: .3s;}


/* section4------------------------------------------------ */ 
/* #section4 img{width: 100%;max-height: 1016;} */
#section4 div{max-width: 1534px;height: 462px;margin: 0 auto;}
#section4  h3{width: auto;height: 57px;font-weight: bold;font-size: 4rem;padding-top: 182px;padding-bottom: 84px;color: #fff;}
#section4 div li{width: 23.46%;height: 462px;background: rgba(255,255,255,0.01);float: left;margin-right: 2.05%;border-radius: 0 60px 60px 60px;box-shadow: 5px 5px 31px rgba(0,0,0,0.1);backdrop-filter: blur(10px);position: relative;}
#section4 div li:last-child{margin-right: 0;}
#section4 div li:hover{background:rgba(255,255,255,0.89);transition: .3s;}
#section4 div li:hover .text_box h4{color: #333;}
#section4 div li:hover .text_box strong{color: var(--mainColor);}
#section4 div li .text_box{margin-top: 50px;margin-left: 50px;}
#section4 div li .text_box strong{font-size: 2rem;color: #fff;}
#section4 div li .text_box h4{font-size: 4rem;color: #fff;margin-top: 15px;}
#section4 div li .text_box iconify-icon{font-size: 10.8rem;float: right;position: absolute;right: 50px;bottom: 50px;}
/* #section4 div li .text_box iconify-icon:hover{mix-blend-mode: difference;} */
#section4 div li .text_box iconify-icon.on{display: none;}

/* footer------------------------------------------------- */
footer .line{width: 100%;height: 5px;border-bottom: 1px solid #999;display: block;}
footer .family_box{width: 175px;height: 40px;background: #e1e1e1;font-size: 1.5rem;color: #333;line-height: 40px;text-indent: 33px;float: right;position: relative;cursor: pointer;}
footer .family_box iconify-icon{font-size: 2.4rem;padding-top: 8px;float: right;margin-right: 33px;}
footer .family_box ul{width: 175px;height: 240px;position: absolute;top: -240px;background: #fff;display: none;transition: .3s;}
footer .family_box ul li{font-size: 1.5rem;line-height: 40px;text-indent: 20px;}
footer .family_box ul li:hover{background: var(--mainColor);}
footer .family_box ul li:hover a{color: #fff;}
footer .text_box{max-width: 1534px;height:auto;margin: 0 auto;font-size: 1.8rem;line-height: 5rem;color: #333;margin-top: 15px;}
footer .text_box .copy{margin-top: 50px;font-size: 1.5rem;color: #555;}
footer .text_box span{border-right: 1px solid #999;height: 10px;display: inline-block;padding-right: 20px;margin-right: 20px;}





/* subpage common-------------------------------------------*/
header.header_sub{position: inherit;}
#visual_sub{width: 100%;height: auto;background: #fff;position: relative;}
.visual_text_box{max-width: 1322px;height: 154px;margin: 0 auto;padding-top: 90px;}
.visual_text_box .tit_box {display: block;margin-top: 20px;position: relative;}
.visual_text_box .tit_box iconify-icon{font-size: 1.6rem;margin-top: 3px;margin-right: 9px;}
.visual_text_box .tit_box span{width: 2px;height: 2px;border-radius: 50%;background: #666;display: inline-block;margin-bottom: 5px;}
.visual_text_box .tit_box a{font-size: 1.6rem;color: #666;line-height: 1.6rem;padding: 0 9px;}
.visual_text_box .tit_box h2{font-size: 4.8rem;color: #111;font-weight: bold;line-height: 5.7rem;display: block;opacity: 0;margin-top: 20px;position: absolute;width: 90%;word-break: keep-all;}
/* .visual_text_box .tit_box h3{font-size: 4.8rem;color: #111;font-weight: bold;line-height: 5.7rem;display: block;position: absolute;bottom: -29px;opacity: 0;}
.visual_text_box .tit_box h4{font-size: 4.8rem;color: #111;font-weight: bold;line-height: 5.7rem;display: block;position: absolute;bottom: -97px;opacity: 0;} */
.visual_text_box .tit_box .location{opacity: 0;}
.visual_text_box .tit_box .location.on{opacity: 1;transition: .2s;}
.visual_text_box .tit_box h2.on{opacity: 1;transition: 1s;}
.visual_text_box .tit_box h3.on{opacity: 1;transition: 3s;}
.visual_text_box .tit_box h4.on{opacity: 1;transition: 5s;}


.sub_img_box{width: 100%;max-height: 395px;overflow: hidden;}
.sub_img_box img{max-width: 100%;}

#sub_sect{width: 100%;background: #fff;margin-top: 77px;}
#sub_sect .snb_box{width: 100%;border-top: 1px solid #777;position: relative;}
#sub_sect .snb_box ul{max-width: 1322px;margin: 0 auto;text-align: center;font-size: 0;}
#sub_sect .snb_box ul li{display: inline-block;font-size: 2.4rem;width: 20%;height: 80px;text-align: center;}
#sub_sect .snb_box ul li a{color: #333;font-weight: 100;padding: 0 4.35%;display: block;line-height: 8rem;}
#sub_sect .snb_box ul li:hover a{color: var(--mainColor);}
#sub_sect .snb_box .active{width: 14px;height: 14px;background: var(--mainColor);display: block;border-radius: 50%;position: absolute;top: -8px;display: none;transition: .3s;}
#sub_sect .snb_box ul li.on a{color: var(--mainColor);}



#sub_sect .text_box{margin: 98px auto 0 auto;max-width: 1322px;}
#sub_sect .text_box strong{color: #666;font-size: 2rem;line-height: 3rem;font-weight: normal;}
#sub_sect .text_box h3{font-size: 4em;font-weight: bold;color: #000;margin-top: 4px;}

/* subpage common end----------------------------------------- */




/* sub01_01----------------------------------------------------*/
section.greeting{height: 964px;}
.greeting_box{max-width: 1920px;position: relative;}
.greeting_box div{width: 0;height: 499px;float: right;background: #ebebeb;border-radius: 60px 0 60px 60px;opacity: 0;}
.greeting_box div article{font-size: 2rem;font-weight: normal;width: 63.87%;text-align: left;line-height: 4rem;margin-left: 30.25%;margin-top: 52px;color: #333;display: none;word-break: keep-all;}
.greeting_box div article span{font-size: 3rem;font-weight: bold;color: #111;}
.greeting_box div em{font-size: 2rem;float: right;font-style: normal;color: #333;margin-right:6.95%;margin-top: 67px;display: none;}
.greeting_box div em span{font-size: 2.4rem;color: #111;}


.greeting_box .greeting_img{width: 0;height: 499px;float: left;border-radius: 0 60px 60px 60px;background: skyblue;position: absolute;top: 83px;overflow: hidden;box-shadow: 0 4px 30px rgba(0,0,0,0.2)}
.greeting_box .greeting_img img{max-height: 100%;}

.greeting_box .greeting_txt.on{opacity: 1;transition: .3s;width: 62.13%;}

.greeting_box .greeting_img.on{opacity: 1;width: 53.02%;transition: 1s;}




/* sub01_02 -------------------------------------------------*/
section.history{height: 1208px;}
.history_box{max-width: 1534px;margin: 57px auto 0 auto;height: auto;position: relative;}
.history_box .year{width: 0%;height: 149px;font-size: 3.6rem;font-weight: bold;border-radius: 0 40px 40px 40px;background: var(--mainColor);text-align: center;color: #fff;line-height: 149px;position: absolute;opacity: 0;}
.history_box .year.past{top: 479px;background: #ebebeb;color: var(--mainColor);}
.history_box .dtl{width: 93.02%;height: 254px;border-radius: 0 40px 40px 40px;box-shadow: 0 4px 20px rgba(0,0,0,0.06);margin-top: 71px;float: right;opacity: 0;}
.history_box .dtl.recent{height: 374px;}
.history_box .dtl.past{margin-top: 116px;}
.history_box .dtl ul{margin-left: 24.94%;margin-top: 49px;}
.history_box .dtl ul li{font-size: 2rem;color: #777;line-height: 4.6rem;}
.history_box .dtl ul li b{width: 57px;display: inline-block;}
.history_box .dtl ul li p{color: #444;display: inline-block;margin-left: 3.01%;}
/* .history_box .dtl ul li:last-child p{margin-left: 9.38%;} */
.history_box .dtl ul li p span{width: 6px;height: 2px;background: #444;display: inline-block;margin-bottom: 6px;margin-right: 10px;}

.history_box .year.on{width: 29.13%;opacity: 1;transition: 1s;}
.history_box .year.past.on{transition: 2s;}
.history_box .dtl.on{opacity: 1;transition: 1s;}
.history_box .dtl.past.on{transition: 2s;}

/* sub01_03 -------------------------------------------------*/
section.vision{height: auto;}
.vision_box{width: 100%;height: auto;background: #f7f7f7;margin-top: 57px;padding-bottom: 200px;}
.vision_box .sub_wrap{max-width: 1534px;margin: 0 auto 0 auto;height: auto;text-align: center;}
.vision_box .sub_wrap .tit_box{text-align: center;padding-top: 57px;}
.vision_box .sub_wrap .tit_box strong{font-size: 2.4rem;font-weight: normal;color: #666;}
.vision_box .sub_wrap .tit_box h4{font-size: 4.8rem;color: #222;line-height: 8.8rem;margin-top: 6px;}
.vision_box .sub_wrap .icon_box{width: 23.4%;height: 418px;background: #fff;display: inline-block;margin-top: 131px;border-radius: 0 40px 40px 40px;border: 1px solid #d9d9d9;}
.vision_box .sub_wrap .icon_box:last-child{margin-right: 0;}
.vision_box .sub_wrap .icon_box span{width: 26px;height: 26px;border-radius: 50%;display: block;margin: -13px auto 0 auto;}
.icon_box .partner{background: #456d92;}
.icon_box .customer{background: #455792;}
.icon_box .staff{background: #458D92;}
.sub_wrap iconify-icon{font-size: 4.5rem;margin: 0 4.72%;margin-bottom: 161px;}
.vision_box .sub_wrap .icon_box strong{line-height: 8.8rem;color: #333;font-size: 2.4rem;display: block;margin-top: 22px;margin-bottom: 18px;text-align: center;font-weight: bold;}
.icon_box .i_box{width: 84.95%;margin: 0 auto;border-top: 1px solid #d9d9d9}
.icon_box .i_box img{margin: 41px auto 41px auto;display: block;}
.icon_box .i_box em{font-size: 2rem;color: #333;font-style: normal;line-height: 2.4rem;text-align: center;margin: 0 auto;display: block;}
.icon_box:hover{transform: scale(1.03);box-shadow: 0 4px 20px rgba(0,0,0,0.06);transition: .3s;} 
.icon_box:hover .i_box img{animation: move 1s forwards;transition: .3s;}
@keyframes move {
    0%{transform: rotateY(0);}
    100%{transform: rotateY(360deg);}
}


/* sub01_04 -------------------------------------------------*/
section.partner{height: auto;}
.partner_box{width: 100%;height: auto;background: #f7f7f7;margin-top: 57px;}
.partner_box .sub_wrap{max-width: 1534px;margin: 0 auto 0 auto;border: 1px solid rgba(0, 0, 0, 0);}
.p_box{width: 100%;height: 190px;border-radius: 0 40px 40px 40px;background: #fff;border: 1px solid #ccc;margin-bottom: 20px;}
.p_box:first-child{margin-top: 57px;}
.p_box >img{float: left;margin: 50px 59px 0 54px;}
.p_box strong{font-size: 2.4rem;font-weight: 400;line-height: 19rem;float: left;width: 11.08%;}
.p_box span{width: 1px;height: 45.2%;background: #ccc;display: block;float: left;margin: 51px 54px 0 0;}
.p_box ul{height: 100%;margin-left: 27%;font-size: 0;}
.p_box ul li{width: 165px;display: inline-block;margin-right: 54px;}
.p_box ul li img{max-width: 100%;margin: 40px auto 0 auto;}
.p_box ul li a{color: #555;font-size: 1.8rem;text-align: center;display: block;line-height: 4rem;}
.p_box.last li a{margin-top: 60px;}
.p_box ul li:hover a{color: #111;border-bottom: 2px solid var(--mainColor);transition: .2s;}

/* sub01_05 -------------------------------------------------*/
section.location{height: auto;}
.location_box{width: 100%;height: 1112px;background: #f7f7f7;margin-top: 57px;}
.location_box .btn_box{max-width: 1322px;height: 70px;margin: 0 auto;padding-top: 57px;}
/* .location_box .btn_box ul{height: 70px;background: #fff;border-radius: 70px;font-size: 0;width: auto;margin: 0 auto;box-shadow: 4px 4px 20px 0 rgba(0,0,0,0.06);text-align: center;} */
.location_box .btn_box ul{width: auto;text-align: center;}
.location_box .btn_box ul li{display: inline-block;line-height: 7rem;font-size: 2rem;color: #666;padding: 0 6.05%;text-align: center;border-radius: 70px;cursor: pointer;background: #fff;box-shadow: 4px 4px 20px 0 rgba(0,0,0,0.06)}
/* .location_box .btn_box ul li:hover{background: var(--mainColor);color: #fff;} */
.location_box .btn_box ul li.active_1{background: var(--mainColor);color: #fff;box-shadow: 4px 1px 10px rgba(0,0,0,0.25);transition: .3s;}
.location_box .map_box{width: 100%; max-width: 1920px;height: 736px;margin-top: 47px;margin-bottom: 100px; position: absolute; opacity: 0; visibility: hidden;align-items: center;}
.location_box .map1 {z-index: 3; opacity: 1; visibility: visible;}

.location_box .map_box .map_img{width: 69.6%;height: 100%;float: left;}
.wrap_controllers{display: none;}
.location_box .map_box .map_text_box{width: 30.4%;height: 100%;background: #fff;float: right;word-break: keep-all;}
.map_text_box .m_box{width: 100%;height:30.333288%;text-align: center;position: relative;border: 1px solid rgba(0, 0, 0, 0)}
.map_text_box .m_box:nth-child(2){height:38.333288%;}
.map_text_box .m_box:nth-child(2) strong{margin-top: 6.646%}
.map_text_box .m_box:nth-child(2) p{margin-top: 5.646%}
.map_text_box .m_box strong{font-size: 2.4rem;font-weight: bold;margin-top: 9.646%;display: block;color: var(--mainColor);}

.map_text_box .m_box p{font-size: 2rem;font-weight: normal;color: #555;width: auto;display: inline-block;margin:5.57% auto 0px auto;text-indent: 10px;width: 60%;position: relative;word-break: keep-all;}
/* .map_text_box .m_box iconify-icon{font-size: 2.4rem;text-align: center;width: 24px;height: auto;display: inline-block;} */
.map_text_box .m_box span{width: 23.9em;height: 1px;background: #d9d9d9;display: block;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);}



/* sub02_01 -------------------------------------------------*/
section.rental{height: auto;margin-bottom: 242px;}
.rental_box{max-width: 1322px;margin: 0 auto;margin-top: 115px;}
.r_box{width: 31.07%;height: 713px;margin-right: 1.7%;display: inline-block;margin-bottom: 70px;}
.r_box:nth-child(3n){margin-right: 0;}
.r_box div{overflow: hidden;}
.r_box img{max-width: 100%;}
.r_box h4{width: 100%;height: 79px;font-size: 2rem;font-weight: normal;line-height: 7.9rem;color: #333;text-indent: 4px;}
.rental_box .r_box h4 span{font-size: 1.6rem;color: #777;}
.rental_box .r_box ul{border-top: 2px solid var(--mainColor);width: 100%;height: 198px;border-bottom: 2px solid var(--mainColor);overflow: hidden;}
.rental_box .r_box ul li{height: 50px;border-bottom: 1px solid #d9d9d9;width: 100%;color: #777;font-size: 1.8rem;line-height: 5rem;}
.rental_box .r_box ul li:last-child{border-bottom: none;}
.rental_box .r_box ul li span{width: 17.21%;height: 100%;display: inline-block;background: #f5f5f5;color: #555;text-align: left;text-indent: 4px;}
.rental_box .r_box ul li b{margin-left: 8%;font-weight: normal;}
/* .rental_box .r_box:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.18);transition: .3s;} */
.rental_box .r_box:hover img{transform: scale(1.08);transition: .5s;}
.rental_box .r_box:hover li b{color: #111;transition: .3s;}



/* sub02_02 -------------------------------------------------*/
section.dev{height: auto;margin-bottom: 242px;}
.dev_box{max-width: 1322px;margin: 0 auto;margin-top: 57px;font-size: 0;}
.dev_box .btn_box{width: 38.35%;height: 42px;font-size: 1.8rem;color: #555;line-height: 4.2rem;}
.dev_box .btn_box ul{width: 80.67%;height: 100%;float: right;font-size: 0;}
.dev_box .btn_box ul li{padding: 0 6.6%;display: inline-block;border: 1px solid #ccc;font-size: 1.8rem;margin-right: 2.39%;border-radius: 25px;text-align: center;font-weight: 100;background: #fff;line-height: 4.2rem;cursor: pointer;}
.dev_box .btn_box ul li:last-child{margin-right: 0;}
.dev_box .btn_box ul li.active_1{border: 1px solid var(--mainColor);background: var(--mainColor);color: #fff;}

.d_box{position: relative;}
.d_box a{width: 23.6%;height: 359px;display: inline-block;margin-right: 1.86%;position: relative;margin-top: 57px;overflow: hidden;}
.d_box a:nth-child(4n){margin-right: 0;}
.d_box a div{overflow: hidden;}
.d_box a img{max-width: 100%;}
.d_box a:hover img{transform: scale(1.1);transition: .3s;}
.d_box a strong{font-size: 2rem;color: #333;display: block;line-height: 3rem;margin-top: 17px;font-weight: normal;}
.d_box a span{width: 100%;height: 312px;background: rgba(0,0,0,0.7);display: block;position: absolute;top: 0;display: none;transition: .3s;}
.d_box a.plan{opacity: 0;position: absolute;left: 0;display: block;}

/* sub02_02_detail-------------------------------------------------*/
#sub_sect.dev_dtl{position: relative;height: auto;margin: 0;padding-bottom: 200px;}
#sub_sect .text_box{margin: 0 auto;}
.dev_dtl .snb_box{display: none;}
/* .dev .bg_gray{background: #f7f7f7;width: 100%;height: 237px;margin-top: -101px;} */
.dev_dtl .bg_gray{background: #f7f7f7;width: 100%;height: 237px;}
.dev_dtl .text_box{padding-top: 89px;}
.dev_dtl .text_box .list_btn{width: 71px;height: 49px;border-radius: 25px;background: var(--mainColor);float: right;margin-top: -49px;}
.dev_dtl .dtl_box{max-width: 1322px;height: auto;}
.dev_dtl .text_box .list_btn iconify-icon{font-size: 4rem;line-height: 4.9rem;margin-left: 15px;margin-top: 4px;color: #fff;}
.dev_dtl .dtl_box .img_box{width: 60.59%;height: 532px;display: inline-block;}
.dev_dtl .dtl_box .img_box img{max-width: 100%;}
.dev_dtl .dtl_box .txt_box {float: right;width: 35.93%;}
.dev_dtl .dtl_box .txt_box h4{color: #111;font-size: 2.4rem;line-height: 3rem;text-align: center;margin-top: 72px;}
.dev_dtl .dtl_box .txt_box ul{margin-top: 65px;}
.dev_dtl .dtl_box .txt_box ul li{line-height: 5rem;}
.dev_dtl .dtl_box .txt_box ul li span{color: #333;font-size: 2rem;width: 25.05%;display: inline-block;}
.dev_dtl .dtl_box .txt_box ul li b{color: #777;font-size: 2rem;margin-left: 2rem;font-weight: normal;}
.dev_dtl .text_box .list_btn:hover{background: #fff;border: 2px solid var(--mainColor);}
.dev_dtl .text_box .list_btn:hover iconify-icon{color: var(--mainColor);}




/* sub02_03 -------------------------------------------------*/
section.fnb{height: auto;margin-bottom: 242px;}
.fnb_box{max-width: 1322px;margin: 0 auto;margin-top: 57px;font-size: 0;}
.fnb_box .fnb_wrap{opacity: 0;}
.fnb_box .fnb_wrap.on{opacity: 1;transition: .3s;}
.fnb_box .fnb_wrap .img_box{width: 57.71%;height: 455px;display: inline-block;border-radius: 60px 0px 0px 30px;overflow: hidden;}
.fnb_box .fnb_wrap .img_box{background: url('../img/sub02_03_img_1.jpg')center;background-size: cover;}
.fnb_box .fnb_wrap_2 .img_box{background: url('../img/sub02_03_img_2.jpg')center;background-size: cover;}
.fnb_box .fnb_wrap .txt_box{width: 28.21%;height: 455px;display: inline-block;border-radius: 0px 30px 60px 0px;position: relative;border: 1px solid #d9d9d9;border-left: none;}
.fnb_box .fnb_wrap .txt_box div{width: 100%;height: 100%;position: absolute;}
.fnb_box .fnb_wrap .txt_box h4{font-size: 2rem;text-align: center;margin-top: 38px;font-weight: normal;color: #111;margin-bottom: 18px;}
.fnb_box .fnb_wrap .txt_box span{width: 63.53%;height: 2px;background: var(--mainColor);display: block;margin: 0 auto;}
.fnb_box .fnb_wrap .txt_box ul{width: 63.53%;margin: 47px auto 0 auto;}
.fnb_box .fnb_wrap .txt_box li{color: #777;text-align: right;font-size: 1.8rem;line-height: 3rem;margin-top: 20px;}
.fnb_box .fnb_wrap .txt_box li span{color: #555;text-align: left;float: left;width: 29.23%;background: none;}

.fnb_box .fnb_wrap_2{margin-top: 70px;opacity: 0;}
.fnb_box .fnb_wrap_2.on{margin-top: 70px;opacity: 1;transition: .5s;}
.fnb_box .fnb_wrap_2 .img_box{width: 57.71%;height: 455px;display: inline-block;border-radius: 0px 60px 30px 0px;overflow: hidden;}
.fnb_box .fnb_wrap_2 .txt_box{width: 28.21%;height: 455px;float: left;margin-left: 13.08%;border-radius: 30px 0px 0px 60px;position: relative;border: 1px solid #d9d9d9;border-right: none;}
.fnb_box .fnb_wrap_2 .txt_box div{width: 100%;height: 100%;position: absolute;}
.fnb_box .fnb_wrap_2 .txt_box h4{font-size: 2rem;text-align: center;margin-top: 38px;font-weight: normal;color: #111;margin-bottom: 18px;}
.fnb_box .fnb_wrap_2 .txt_box span{width: 63.53%;height: 2px;background: var(--mainColor);display: block;margin: 0 auto;}
.fnb_box .fnb_wrap_2 .txt_box ul{width: 63.53%;margin: 47px auto 0 auto;}
.fnb_box .fnb_wrap_2 .txt_box li{color: #777;text-align: right;font-size: 1.8rem;line-height: 3rem;margin-top: 20px;}
.fnb_box .fnb_wrap_2 .txt_box li span{color: #555;text-align: left;float: left;width: 29.23%;background: none;}

.fnb_box .fnb_wrap .img_box img,
.fnb_box .fnb_wrap_2 .img_box img{max-width: 100%;height: 100%;}




/* sub03_01 -------------------------------------------------*/
section.call{height: auto;}
.call_box{width: 100%;height: auto;background: #f7f7f7;margin-top: 57px;}
.call_box .wrap{max-width: 1322px;margin: 0 auto;padding-top: 20px;overflow: hidden;}
.call_box .wrap .img_box{width: 62.7%;height: 498px;display: inline-block;border-radius: 0 0 0 60px;overflow: hidden;}
.call_box .wrap .img_box img{max-height: 100%;}
.call_box .wrap .txt_box{width: 37.3%;height: 498px;background: #fff;float: right;border-radius: 0 60px 60px 0;text-align: center;margin-bottom: 200px;}
/* .call_box .wrap .txt_box div{position: absolute;left: 50%;transform: translate(-50%);top: 119px;width: 70.9%;} */
.call_box .wrap .txt_box iconify-icon{font-size: 11.3rem;display: block;position: relative;margin-left: 40%;margin-top: 20%;}
.call_box .wrap .txt_box iconify-icon.on{position: absolute;top: 0;display: none;transition: .3s;}
.call_box .wrap .txt_box p{font-size: 2.4rem;color: #555;display: block;text-align: center;margin: 43px 0;}
.call_box .wrap .txt_box strong{font-size: 4.8rem;color: #000;display: block;text-align: center;width: 100%;}




/* sub03_02 -------------------------------------------------*/
section.recruit{height: auto;}
#sub_sect.recruit .text_box{margin-top: 57px;}
.recruit_box{width: 100%;height: 682px;background: #f7f7f7;margin-top: 57px;}
.recruit_box .wrap{max-width: 1322px;margin: 0 auto;}
.recruit_box .wrap .txt_box{position: relative;display: inline-block;}
.recruit_box h4{font-size: 4rem;line-height: 8rem;margin-top: 61px;color: #111;font-weight: 700;margin-bottom: 56px;width: auto;}
/* .recruit_box h4.on{opacity: 1;transition: .3s;} */
.recruit_box em{font-style: normal;font-size: 2.1rem;line-height: 3.6rem;font-weight: normal;color: #333;}
.recruit_box span{display: block;height: 25px;width: 25px;border-radius: 50%;display: inline-block;margin-left: 25px;margin-bottom: 25px;}
.recruit_box h4:nth-child(1) span{background: #456d92;}
.recruit_box h4:nth-child(2) span{background: #458D92;}
.recruit_box h4:nth-child(3) span{background: #455792;}



.ball_box{width: 45%;height: 562px;float: right;position: relative;cursor: pointer;margin-top: 20px;}
.ball_box span{width: 53.78%;height: 56.9%;position: absolute;}
.ball_box span:nth-child(1){background: rgba(42, 88, 131, 0.89);left: 50%;transform: translate(-50%);margin: 0;}
.ball_box span:nth-child(1):hover{background: rgba(42, 88, 131, 1);}
.ball_box span:nth-child(2){background: rgba(42, 126, 131, 0.89);bottom: 0;left: 0;margin: 0;}
.ball_box span:nth-child(2):hover{background: rgba(42, 126, 131, 1);}
.ball_box span:nth-child(3){background:rgba(42, 63, 131, 0.89);bottom: 0;right: 0;margin: 0;}
.ball_box span:nth-child(3):hover{background:rgba(42, 63, 131, 1);}
.ball_box span p{color: #fff;font-size: 2rem;text-align: center;line-height: 3.6rem;width: 186px;word-break: keep-all;margin: 124px auto 0 auto;font-weight: normal;}
.ball_box span p:hover{font-size: 2.2rem;transition: .3s;}


.ben_box{margin: 57px auto 0 auto;max-width: 1322px;font-size: 0;}
.ben_box div{width: 27.15%;height: 328px;margin-right: 9%;background: #fff;border: 1px solid #d9d9d9;display: inline-block;border-radius: 0px 40px 40px 40px;position: relative;vertical-align: top;}
.ben_box div:nth-child(3){margin-right: 0;}
.ben_box div:hover{background: #f7f7f7;box-shadow: 0 5px 10px rgba(0,0,0,0.09)}
.ben_box div h4{color: #333;font-size: 2.4rem;margin-top: 42px;margin-left: 42px;margin-bottom: 78px;}
.ben_box div p{color: #555;font-size: 2rem;margin-left: 42px;line-height: 3.5rem;width: 80%;word-break: keep-all;}
.ben_box div p span{width: 6px;height: 2px;display: inline-block;background: #555;margin-bottom: 7px;}
.ben_box div > span{width: 107px;height: 90px;position: absolute;top: 42px;right: 42px;display: block;}
.ben_box div img{max-width: 100%;}
.ben_box .go_btn{width: 29.95%;height: 83px;border-radius: 50px;background: var(--mainColor);display: block;margin: 94px auto 234px auto;text-align: center;color: #fff;font-size: 2rem;line-height: 8.3rem;}

/* sub03_03 -------------------------------------------------*/
section.notice{height: auto;}
.notice_box{background: #f7f7f7;height: auto;padding-bottom: 200px;}

.board{margin: 57px auto 0px auto;padding-top: 57px;}
.board, 
.board button, 
.board input, 
.board label, 
.board select, 
.board table, 
.board textarea{font-size: 2rem;font-family: 'Pretendard-Regular',sans-serif;}
.board_list{max-width: 1322px;margin: 0 auto;}
.board_list table{border: none;}
thead{display: none;}
tbody{text-align: left;}
.title img{display: none;}
.board_list  tr{width: 23.37%;position: relative;display: inline-table;text-align: center;margin-right: 2.1%;margin-bottom: 24px;}
.board_list  tr:nth-child(4n){margin-right: 0;}
.board_list td.title{/*width: 23.37%;*/ height: 332px;background: #fff;border-radius: 0 40px 40px 40px;display: inline-block;box-shadow: 0 5px 10px rgba(0,0,0,0.09);padding: 0;}
.board_list td.title a{color: #333;margin-left: 35px;line-height: 2.4rem;display: block;text-align: left;height: 50%;position: relative;width: 80%;top: 130px;word-break: keep-all;text-overflow: ellipsis;}
.board_list td.time{font-size: 1.8rem;font-family: 'Pretendard-Regular',sans-serif;position: absolute;top: 35px;left: 35px;border-bottom: none;text-align: left;padding: 0;}
.board_list td.check{padding: 0;position: absolute;top: 0;right: 0;}
.board_list td.check .iCheck{display: block;}

.board_list  tr:hover td.title{background: var(--mainColor);}
.board_list  tr:hover td.title a,
.board_list tr:hover td.time{color: #fff;margin-bottom: none;}

.list_footer{margin: 67px auto 0 auto;max-width: 1322px;}
.list_footer .board_search .search_input{display: none;}
.list_footer .board_search .btn{display: none;}
.btnArea a:nth-child(2){display: none;}
.btnArea a.btn:hover{background: var(--mainColor);}
.btnArea a:hover i{background: var(--mainColor);color: #fff;}


.pagination {max-width: 1322px;margin: 0 auto;}
/* .pagination_more {border-radius: 50px;background: #fff;max-width: 1322px;margin: 0 auto;padding: 13px 0;text-align: center;font-size: 1.8rem;} */
.list_footer .btnArea {position: relative;right: 0;top: 0;}
.list_footer .board_search select{height: 49px;width: 150px;border-radius: 25px;background: var(--mainColor);color: #fff;display: none;}
.list_footer .board_search select option{}
/* .pagination .prev{display: none;} */
/* .pagination strong{display: none;} */
.pagination .prev,
.pagination .next{background: none;color: #555;font-size: 1.8rem;}
/* .pagination:hover{background: var(--mainColor);} */
.pagination:hover .prev{background: none;}
.pagination:hover .next{background: none;}
.pagination strong{color: var(--mainColor);}

/* .pagination .next i{display: none;} */
.board_write{background: #f0f0f0;border: 1px solid #ccc;}
.board .iCheck,
.board .iCheck+label{display: none;}
.write_option{display: inline-block;}
.write_editor{background: #fff;}
.write_author .item{display: none;}

.board_write .btn{height: 38px !important;font-size: 1.4rem;background: #fff;}
.board_write .btn:hover{background: var(--mainColor);color: #fff;}
.board_write .btn_insert{background: var(--mainColor);font-size: 1.4rem;color: #fff;}
#ckeditor_instance_24{min-height: 400px;}

.board_read{margin-bottom: 200px;}
.read_header .meta .author,
.read_footer .sns,
.feedback{display: none;}
.write_header .iText{color: #333;font-size: 1.2rem;margin: 0 10px 0 10px;padding: 11px 9px;}
.read_header{margin-bottom: 0;}
.read_header h1{text-align: center;font-size: 4rem;color: #333;}
.read_header .meta{text-align: right;padding: 50px 0 20px 0;}
.read_header .meta span{font-size: 1.8rem;}
.read_body{background: #fff;height: 400px;padding: 0;text-align: center;}
.read_body p{font-size: 1.8rem;width: 100%;margin: 0 auto;text-align: left;}
.read_body p:first-child{padding-top: 80px;}

.xe_content,
.read_header .meta,
.read_footer{max-width: 1322px;margin: 0 auto;}
.read_footer .tns{display: none;}

.board_write{max-width: 1322px;margin: 0 auto;}