body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}


/*메뉴시작*/

#topmenu_wrap {width:100%;margin: auto;z-index:999;}

.logo_home {margin-left:9rem;font-size:1.5rem;color:#fff}
.logo_home {color:#fff !important}
.logo_home img {margin-right:1rem}
#gnb_wrap {position:relative;z-index: 99;padding:0 7rem}
#gnb>ul>li{float: left;position:relative;font-size:15px;color:#000;text-align: center;}
.menu {display:inline-block;overflow: hidden}
.menu>li {float:left;display:inline-block}
.menu>li>a {font-weight:500;box-sizing: border-box;color: #000;line-height:1.9rem;font-size:1.9rem;padding:4rem 7rem;}

.menu_top{display: block; color: #000;text-decoration: none;}
/*.menu_top_sel {position:relative}
.menu_top_sel:before {content:"";width:100%;height:3px;background-color:#0075bc;position: absolute;bottom:0;left:0;}*/
.logo_b{position: absolute;left:8rem;top:1rem; }
.sub_menu>li>a{display: block;color:#212121; background-color: #fff;font-weight: normal;font-size:1.7rem;}

#gnb  {padding:0 10rem;}
/*.sub_menu>li>ul>li>a {font-weight: 300;color:#616161;font-size:1.5rem;margin-bottom:5px;display:block;}
.sub_menu>li>a:hover {color:#fd600c}*/
.sub_menu_wrap {position:relative; width:280px;margin-left:-40px;padding:0 2.5rem;background-color:#fff;padding:1rem 2rem;display:none;position: absolute;z-index: 99999;overflow: hidden;}
.sub_menu_wrap:before {content:"";width:70px;height:3px;background-color:#079edb;position: absolute;left:50%;margin-left:-35px;top:0;}
.sub_menu {position:relative; padding:1rem 0}
.sub_menu li a{padding:5px 0;color:#262626; background: none;font-size:1.7rem;}
.sub_menu li a:hover {color:#079edb;}

.sub_menu li:last-child {border-bottom:0}
/*.sub_menu>li>a:hover{color:#002f65;}*/
.menu{zoom: 1;margin-bottom:0px;}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/*.color_b2 {color:#fd600c !important}*/
#mb_gnb, .mb_header{display:none}
#visual_down {position:absolute;bottom:10px;left:50%;margin-left:-25px;z-index: 999}
.top_ic {position:fixed;right:20px;bottom:20px;z-index:999;}
/*.aside-backdrop.in, .aside {opacity: 0;transition: all 2s;}*/
.close_side {border:0;background:none}
.topColor {background-color:#fff;border-bottom:1px solid #ddd !important;}
.topColor .right_m ,.topColor .right_m a, .topColor .menu_top{color:#000 }

select::-ms-expand { /* for IE 11 */
    display: none;}

.on_img {display:none}
.img_dummy {display:block;    background-position: center center !important;background-size:cover !important;}
/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/
.right_ic>span {display:inline-block;position: relative}
.right_ic {position:absolute;right:10rem;top:2.4rem; padding:1.5rem 0;}
.right_ic a {padding-left:4rem;color:#676767;font-size:1.6rem;font-weight:300;}
.right_ic>span:nth-child(1):before {content:"";width:5px;height:5px;background-color:#676767;border-radius:50%;position: absolute;right:-2.2rem;top:50%;}
/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual {}
.main-slider img {display:inline-block !Important}

.mainVisual .slider .slidesItem{color:#fff;position:relative; height:100%;display:block !important;}
.mslider_in {z-index:9;position:absolute;top:30%;left:50%;width:100%;max-width:1180px;margin-left:-590px;;box-sizing:border-box;color:#fff;  table-layout:fixed;}
.mslider_in_in {color:#fff;;}
.mslider_in_in .text01 {font-weight:300;font-size:2.5rem;}
.mslider_in_in .text02 {  font-family: 'Pretendard-Regular';font-weight:600;font-size:6.3rem;}
.mslider_in_in .text03 span{width:60px;height:1px;display:inline-block;background-color:#01aef0;}
.mainVisual  .img_dummy {background-size: cover !important;width:100%;display:block;height:100vh}
.mslider_in_in .text04 {font-weight:300;font-size:2.2rem;}
.main-slider .slick-arrow{position:absolute; ;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.main-slider .slick-prev {text-indent:-999999px;z-index:99;border:0;top:75%;position:absolute;left:50%;margin-left:-590px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:70px;height:70px;}

.main-slider .slick-next {text-indent:-999999px;z-index:99;border:0;top:75%;position:absolute;left:50%;margin-left:-521px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:70px;height:70px;}


.custom_paging {font-family:'Poppins';margin-left:-420px;position:absolute;left:50%;top:78%;;width:100%;max-width:1180px;text-align:left;}
.custom_paging li {position:absolute;top:0; color:rgba(0,0,0,0);height:30px}
.custom_paging li p {font-size:1.8rem;position:absolute;top:0;left:50%;margin-left:-84px;}
.custom_paging .slick-active {color:rgba(255,255,255,1);font-size:1.5rem;letter-spacing:0.5rem;font-weight:300;}

select::-ms-expand { /* for IE 11 */
    display: none;}
.mainVisual {position: relative;}
.main-slider .slick-dots {position:absolute;width:100%;bottom:6rem;text-align:left;max-width:1180px;left:50%;margin-left:-590px;;}
.main-slider .slick-dots:after {content:""; display:block; clear:both;}
.main-slider .slick-dots > li {display:inline-block;margin:0px 1.8rem}
.main-slider .slick-dots > li button{border:0;vertical-align:middle;width:13px; height:13px; overflow:hidden; text-indent: -9999px; position:relative;background-color:rgba(255,255,255,.5);border-radius:50%;}
.main-slider .slick-dots > li.slick-active button{background:url('/image/main/on_dot.png') no-repeat;;width:33px;height:33px;}

.mainVisual .slider .motion {width:100%;  opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:-50px; left:0; 
-webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
        
.mainVisual .slider  .motion.on2{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0 !important;  left:0 !important;}
        
 
.mainVisual .slider .motion2 {width:100%;  opacity: 0; filter: alpha(opacity=0); display:block; position:relative; bottom:-50px; left:0; 
-webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
        
.mainVisual .slider  .motion2.on2{opacity: 1 !important; filter: alpha(opacity=100) !important; bottom:0 !important;  left:0 !important;}
        
       
.mainVisual .items{
        -ms-transform: scale(1.2,1.2) rotate(0.0001deg);
    -o-transform: scale(1.2,1.2) rotate(0.0001deg);
    -moz-transform: scale(1.2,1.2) rotate(0.0001deg);
    -webkit-transform: scale(1.2,1.2) rotate(0.0001deg);
     transform: scale(1.2,1.2) rotate(0.0001deg);
    
}


.mainVisual .active-item .items{
width:100%;
    height:100%;
    -ms-transform: scale(1.0,1.0);
    -o-transform: scale(1.0,1.0); 
    -moz-transform: scale(1.0,1.0); 
    -webkit-transform: scale(1.0,1.0); 
     transform: scale(1.0,1.0);
    -webkit-transition:transform 8000ms  ease-in-out ;
    -moz-transition:transform 8000ms ease-in-out ;
    -o-transition:transform 8000ms ease-in-out ;
    -ms-transition:transform 8000ms ease-in-out ;
    transition:transform 8000ms ease-in-out ;   
}





.mainVisual .items {
        opacity: 1;
        overflow:hidden;
        height:calc(100vh - 86px);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
    transition:transform 7s ease-out, opacity 1s ease 0.3s;

    
}
.mainVisual {overflow:hidden;}

.mainVisual .active-item .items  {
 overflow:hidden;
        height:calc(100vh - 86px);
    z-index: 1;
    opacity: 1;
    -ms-transform: scale(1, 1) rotate(.001deg);
    -webkit-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) rotate(.001deg);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;

}


/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con1 {background-color:#f5f5f5;padding:8rem 0;}
.main_con1_in {max-width:1180px;margin:auto;}
.sec1_txt1 {color:#01aef0;font-size:2rem;font-weight:600}
.sec1_txt2 {font-size:3.5rem;}
.swiper-container {overflow:inherit !important}
.con1_img1_bx {display:block;position: relative;}
.swiper-slide:hover {box-shadow:1px 1px 10px 1px rgba(0,0,0,0.3)}
.con1_img1_bx>p {font-size:1.8rem;position: absolute;left:2rem;bottom:2rem;}
 .sw_slider .swiper-slide {overflow:hidden; border:1px solid rgba(255,255,255,.5);}
 .sw_slider .swiper-button-next {
    background:url('/image/main/slider_right.png') no-repeat;
    width:70px;height:70px;
}
.sw_slider {position: relative;}
.sw_slider .swiper-button-next {
    position: absolute;
    top:0;    right: 50%;
    margin-right: -590px;
    left: inherit;
     margin-top: -125px;
}
.swiper-container {
  padding-bottom: 6rem;
}

.sw_slider .swiper-button-prev {
    background:url('/image/main/slider_left.png') no-repeat;
    width:70px;height:70px;
}
.sw_slider .swiper-pagination{position: static;text-align:left;bottom:auto;top:auto;width: 100%;max-width:1180px;margin:60px auto 0;font-size:0;}
.sw_slider .swiper-pagination .swiper-pagination-bullet {
    height: 2px;
    display: inline-block;
    border-radius: 0;
    background-color:#dfdfdf;
    opacity: 1;
    position:relative;
}
.sw_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";position:absolute;left:0;right:0;top:-1px;bottom:-1px;height:4px;background:#123461;}
.sw_slider .swiper-button-prev{
    position: absolute;
    top:0;    right: 50%;
    margin-right: -521px;
    left: inherit;
     margin-top: -125px;
}




.main_con2 {font-family:'Poppins';padding:13rem 0;color:#fff;background:url('/image/main/main_con2_bg.png') 50% 50% no-repeat;background-size:cover;}
.main_con2 .st1 {font-size:2rem;font-weight:300;}
.main_con2 .st2 {font-size:5rem;font-weight:500;}
.main_con2 .st3 a {display:inline-block;font-size:2rem;border:1px solid #fff;color:#fff;border-radius:50rem;padding:1rem 6rem;}

.main_con3 {padding:10rem 0;}
.main_con3 .st1 {font-size:4.5rem;font-weight:600;}
.main_con3 .st2 {font-size:2rem;font-weight:300;color:#454545;}
 .main_con3 .st3 {border-top:1px solid #000;border-bottom:1px solid #000;max-width:1180px;margin:auto;}
.main_con3 .st3 li  {padding:3rem 0;border-bottom:1px solid #ddd}
.main_con3 .st3 li a{display:table;width:100%;background:url('/image/main/arrow.png') 97% 50% no-repeat;}
.main_con3 .st3 li a>p {width:130px;display:table-cell;vertical-align: middle}
.main_con3 .st4 {color:#454545;font-size:5rem;font-weight:600;}
.main_con3 .st4 span {display:block;font-size:1.7rem;font-weight:300;}
.main_con3 .st3 li a>div {padding-right:120px;padding-left:2rem;display:table-cell;vertical-align: middle}
.main_con3 .st5 {font-size:2rem;}
.main_con3 .st6 {font-size:1.7rem;color:#454545;font-weight:300;margin-top:1rem;}
.main_con3 .st3 li:hover a{background:url('/image/main/arrow2.png') 97% 50% no-repeat;}
.main_con3 li:hover a .st4 {color:#01aef0;}
.main_con3 .st3 li:last-child{border-bottom:0;}
.main_con3 .st7 a {color:#fff;font-size:2rem;background-color:#123461;display:inline-block;padding:1.5rem 6rem;border-radius:50rem;}
/*메인컨텐츠 끝*/





.logo {background:url('/image/main/logo.svg') 50% 50% no-repeat;display:inline-block;width:277px;height:84px;}

/*하단*/

#footer{background-color:#000;padding:4rem 0;height:auto !important; }
#footer .footerArea{margin:0 10rem ;  position: relative;box-sizing:border-box;}
.fcont2 {position:relative;margin:auto}
.fcont_bt {font-weight:300;color:#979797;font-size:1.6rem;  ;}
.mo_family {position: absolute;right:7rem;top:1rem;}
.fcont_bt>p {font-size:1.6rem;color:#676767;}
.fcont2 .fr {margin-top:3rem;}
.fcont2 .fr a {color:#979797;font-size:1.6rem;border-bottom:1px solid #979797;}
/*familsite*/
.family_wrap {float: right;margin-top:-7px;}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family button{width:100%;border:1px solid #454545;height:40px; text-align:center; background-color:#252525; font-size:1.5rem; color:#676767; outline:none;}
.family_list{  width:180px; position:absolute; right:0; bottom:33px;   line-height:33px; border-bottom:none; overflow:auto; display:none;background-color:#252525;}
.family_list a{display:block; color:#676767;text-align:left;font-size: 1.4rem;text-indent:10px;}