@charset "utf-8";

.pcbr{display:none !important;}
.ptbr{display:block !important;}
.tbr{display:block !important;}
.mbr{display:none !important;}
.pc_view{display:none !important;}
.pt_view{display:block !important;}
.tm_view{display:block !important;}
.t_view{display:block !important;} 
.m_view{display:none !important;}

/*header*/
#wrap header .header_wrap{
padding:0 60px;
}
#wrap header #nav .gnb{
display:none;
}
/*allmenu*/
#allmenu{display:none;position:fixed;
top:0;left:0;width: 100vw;
height:100%;
overflow: hidden;
background: #ffffff url('/images/common/allmenu_bg.jpg')no-repeat center bottom;background-size: 100%;z-index:1003;}
#allmenu *{box-sizing:border-box;}
#allmenu h1.logo a{display:block; width:100%; height:100%;}
#allmenu .close{
    position: absolute;
    right: 61px;
    top: 37px;
    width: 26px;
    height: 26px;
    z-index: 100;
}
#allmenu .close:before,
#allmenu .close:after{display: block;content:"";position: absolute;top: -5px;left: 12px;background: #000;transform: rotate(-45deg);width: 2px;height: calc(100% + 9px);transition: 0.3s;z-index:10;}
#allmenu .close:after{transform:rotate(45deg);}
#allmenu .all_box::-webkit-scrollbar{width:12px;height: 0 !important;}
#allmenu .all_box::-webkit-scrollbar-thumb {background-color: #777;border-radius:10px;border:3px solid #f5f5f5;}
#allmenu .all_box::-webkit-scrollbar-track {background-color:#f5f5f5;}

#allmenu .all_box{position:relative;width:100%;height:100%;display: flex;flex-wrap: wrap;align-items: center;}
#allmenu .inner{
position: relative;
    width: 92%;
    max-width: 1399px;
    display: flex;
    z-index: 10;
    height: 100%;
    padding-top: 100px;
}
#allmenu .inner .group{position: relative;width:100%;display: flex;flex-wrap: wrap;z-index: 10;}
#allmenu .inner .gnb{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
}
#allmenu .inner .gnb .menu{position: relative;width: 100%;overflow: hidden;
padding:20px;
border-left:none;
}
#allmenu .inner .gnb .menu:last-child{
border-right:none;
}
#allmenu .inner .gnb .cate{
    pointer-events: none;
    padding-bottom: 25px;
    margin-bottom: 0;
	    border-bottom: 2px solid #ddd;
}

#allmenu .inner .gnb .cate .dep1{
position:relative;
font-size: 2.3rem;color: #000;line-height: 1.3;font-weight: 500;display: block;letter-spacing: -0.5px;}
#allmenu .dep2{
padding-top:25px;
}
#allmenu .inner .gnb .cate .dep1::after{
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    position: absolute;
    right: 4px;
    top: 50%;
    margin: -8px 0 0 0;
    transition: all 0.4s;
}
#allmenu .inner .gnb li.act .cate .dep1::after{
display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(225deg);
    position: absolute;
    right: 4px;
    top: 50%;
    margin: -4px 0 0 0;
}
#allmenu .inner .gnb .sub_menu{
display:none;
font-size: 1.9rem;color: #666666;font-weight: 400;
}
#allmenu .inner .gnb .sub_menu li{position: relative;padding-left: 0;}
#allmenu .inner .gnb .sub_menu li:after{display:none;content:"";position: absolute;top: 9px;left: 0;width: 6px;height: 2px;background: #666666;}
#allmenu .inner .gnb .sub_menu li + li{margin-top: 12px;}
#allmenu .inner .gnb .sub_menu li a{position:relative;display: inline-block;padding-bottom:1px;transition: 0.5s;}
#allmenu .inner .gnb .sub_menu li a span{display:inline-block;}

/*m11*/
.section1{
    display: flex;
    width: 94%;
    flex-direction: column;
    align-items: center;
    max-width: 1399px;
    margin: 0 auto;
}
.section1 .img_area{
width:100%;
}
.section1 .text{
text-align:left;
width:100%;
padding-top: 50px;
}
.section1 .text h2{
    font-size: 24px;
    line-height: 30px;
    color: #000000;
	padding-bottom: 40px;
	font-family: 'Noto Sans CJK KR Medium';
}
.section1 .text p{
  font-size: 17px;
    color: #c5c5c5;
	    padding-bottom: 40px;
		    font-family: 'Noto Sans CJK KR Dreamlight';
    line-height: 32px;
    letter-spacing: -0.25px;
}
.section2{
    width: 94%;
    max-width: 1399px;
    margin: 0 auto;
	padding:120px 0;
}
.m11 .section2{
    display: flex;
    justify-content: space-around;
}
.icon_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    justify-content: space-between;
}
.icon_box > li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #cccccc;
    width: calc;
    width: calc(100 / 2);
    width: calc(100 / 2 - 30px);
    width: calc(50% - 30px);
    /* margin-left: 30px; */
}
.icon_box > li:nth-child(1){
border-top: 1px solid black;
}
.icon_box > li:nth-child(2){
border-top: 1px solid black;
}
.icon_box > li h3{
    font-size: 20px;
    color: #000000;
    padding: 33px 0 22px 0;
}
.icon_box > li p{
    font-size: 18px;
    color: #555555;
    padding-bottom: 31px;
}
.icon_box > li .icon_img{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*m12*/

.m12 .page_title1{
padding-bottom:60px;
margin-bottom:0;
}
.m12 .section1{
    white-space: nowrap;
}
.m12 .section1 .text{
}
.m12 .section1 .text p{
       font-size: 18px;
    padding-bottom: 33px;
    font-family: 'Lexend';
}
.m12 .section1 .text h2{
    font-size: 35px;
    line-height: 48px;
    color: #000000;
    padding-bottom: 58px;
    font-family: 'Lexend';
    letter-spacing: -0.25px;
}
.text2{
    width: 600px;
    border-top: 2px solid #000000;
}
.text2 > ul > li{
display:flex;
    padding: 30px 0;
 border-bottom: 1px solid #e5e5e5;
}
.text2 .ym{
    color: #000;
    font-family: 'Lexend';
    font-size: 18px;
}

.ym_his{
    padding-left: 57px;
	color: #737373;
    font-family: 'Noto Sans KR';
}
.ym_his > li{
position: relative;
    font-size: 16px;
    color: #aaaaaa;
    font-family: 'Noto Sans CJK KR Dreamlight';
    letter-spacing: -0.25px;
}
.ym_his > li::before{
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #0b92d4;
    position: absolute;
    left: -10px;
    top: 10px;
    border-radius: 50%;
}
    .text2 > ul:nth-child(9) .ym_his > li:nth-child(1){
        padding-bottom: 24px;
		}
.m12 .section1{
padding-bottom:100px;
}
/*m13*/
.page.m13{
padding-top: 50px;
    padding-bottom: 140px;
}
.m13 .innerwrap{
width:94%;
}
.m13 .page_subtit p{
    font-size: 1.7rem;
    line-height: 32px;
    color: #737373;
    font-family: 'Noto Sans CJK KR Dreamlight';
    letter-spacing: -0.25px;
}
.m13 .client_img_wrap{
max-width:1399px;
width:94%;
}
.m13 .client_img_wrap > ul{
display: flex;
    justify-content: space-between;
}
.m13 .client_img_wrap > ul > li:nth-child(2){
margin-left:10px;
}
/*m15*/
.m15 .page_title1{
margin-bottom:80px;
}
.m15 .section1{
    max-width: 1399px;
    width: 94%;
    margin: 0 auto;
}
.m15 .section2{
	max-width:1399px;
	width:94%;
	margin:0 auto;
}
.m15 .map1{
	width:100%;
}
.m15 iframe{
width:100%;
}
.map_tit{
display: flex;
width: 100%;
padding-top: 80px;
border-bottom: 1px solid #cccccc;
}
.map_tit h3{
width: 50%;
    font-size: 28px;
    font-family: 'Lexend';
    color: #000000;
}
.map_tit .map_sub{
width: 50%;
}
.map_sub > ul{
padding-bottom: 50px;
position:relative;
}
.map_sub > ul li:nth-child(1){
    font-family: 'Lexend';
    font-size: 20px;
    color: #333333;
    padding-bottom: 21px;
}
.map_sub > ul li:nth-child(2){
    font-size: 17px;
    color: #737373;
}
.m15 .section2 .map_tit{
display: flex;
    border-bottom: none;
	position:relative;
}

.m15 .section2 .map2:nth-child(2){
margin-left:38px;
}
.m15 .section2 .map2 .map_tit > ul li:nth-child(1){
    font-family: 'Lexend';
    font-size: 20px;
    color: #333333;
    padding-bottom: 21px;
}
.m15 .section2 .map2 .map_tit  > ul li:nth-child(2){
    font-size: 17px;
    color: #737373;
}
.m15 .section2 .map_tit > ul::before{
   background: url(/images/page/m15_icon1.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 5%;
    left: 0;
}
.m15 .section2 .map_tit > ul{
padding-left:42px;
width:50%;
position: relative;
}
.map_sub > ul:nth-child(1)::before{
   background: url(/images/page/m15_icon1.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 3px;
    left: -36px;
}
.map_sub > ul:nth-child(2)::before{
   background: url(/images/page/m15_icon2.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 3px;
    left: -36px;
}
.map_sub > ul:nth-child(3)::before{
   background: url(/images/page/m15_icon3.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 3px;
    left: -36px;
}
.map_sub > ul:nth-child(4)::before{
   background: url(/images/page/m15_icon4.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 3px;
    left: -36px;
}
.m15 .section2 .map_tit > ul.tel{
margin-top:30px;
}
.m15 .section2 .map_tit > ul.tel::before{
   background: url(/images/page/m15_icon2.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 10%;
    left: 0;
}
.root_daum_roughmap .wrap_controllers{
	display:none;
} 
.root_daum_roughmap .wrap_btn_zoom, .root_daum_roughmap .wrap_btn_zoom .img_zoom{
	display:none !important;
}
/*m21*/
.m21 .wrap {
           width: 100%;
    max-width: 1440px;
    margin: 0 auto;
      }
.m21 .tab_menu {
        position: relative;
      }
.m21 .tab_menu .list {
    overflow: hidden;
	width: 100%;
    display: flex;
	padding-bottom: 90px;
     }
.m21 .tab_menu .list li {
		width: 720px;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
border: 1px solid #e1e1e1;
      }
	  
.m21 .tab_menu .tab_li_1{
  background: #058fd3;
}
.m21 .tab_menu .tab_li_1 .btn{
color:#fff !important;
}
 .m21 .tab_menu .list li.is_on{
	  background: #058fd3;
	  border-right:none;
	  }
.m21 .tab_menu .list li.is_on .btn {
        font-weight: bold;
        color: #fff;
      }
.m21 .tab_menu .list .btn {
        font-size: 1.8rem;
		 color: #c5c5c5;
      }
.m21 .tab_menu .cont_area .cont {
        display: none;
}
.m21 .cont1{
    padding-bottom: 30px;
}
.m21 .cont1 h4{
    font-size: 3.6rem;
    color: #000000;
    font-weight: 450;
    padding-bottom: 30px;
    letter-spacing: -0.25px;
    font-family: 'Lexend';
}
.m21 .cont1 p{
    font-size: 1.7rem;
    color: #000000;
    line-height: 32px;
    padding-bottom: 30px;
}
.m21 .cont1 > ul{
    width: 100%;
    display: flex;
    padding: 30px 0 60px 0;
	justify-content: space-between;
	position: relative;
}
.m21 .cont1 > ul::before{
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
      top: 0;
}
.m21 .cont1 > ul > li{
padding-right: 10px;
}
.m21 .cont1 > ul > li:nth-child(2){
padding-right:0;
}
.m21 .cont2 h4{
   font-size: 2.8rem;
    color: #000000;
    font-weight: 450;
    padding-bottom: 20px;
	    font-family: 'Lexend';
}
.m21 .cont2 p{
    font-size: 1.7rem;
    color: #000000;
    line-height: 32px;
	padding-bottom: 30px;
		    letter-spacing: -0.25px;
}
.m21 .cont2 > ul{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 60px 0;
	position:relative;
}
.m21 .cont2 > ul::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}

.m21 .cont2 > ul > li{
padding-right:10px;
}
.m21 .cont2 > ul > li:nth-child(3){
padding-right:0;
}
.m21 .cont2 > ul > li > p{
font-size: 1.7rem;
    line-height: 40px;
    padding-top: 19px;
	padding-bottom: 0;
}
.m21 .cont3{
padding: 30px 0 80px 0;
}
.m21 .cont3 h4{
    font-size: 2.8rem;
    color: #000000;
    font-weight: 450;
    padding-bottom: 40px;
}
.m21 .cont4 h3{
 font-size: 30px;
    color: #000000;
    font-weight: 450;
    padding-bottom: 40px;
}
.m21 .cont4 h5{
font-size: 28px;
    color: #000000;
	padding-top: 30px;
	    font-family: 'Noto Sans CJK KR Medium';
    letter-spacing: -1px;
	    line-height: 30px;
}
.m21 #tab2 .cont2 > ul::after{
display:none;
}
.m21 .cont4_wrap{
padding: 60px 0 80px 0;
position: relative;
}
.m21 .cont4_wrap img{
padding-bottom:50px;
}
.m21 .cont4_wrap .color{
font-size:20px;
color:#058fd3;
}
.m21 .cont4_wrap::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}
.m21 .cont4_wrap::after{
display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #cccccc;
    position: absolute;
     bottom: 0;
}
.m21 .cont4_wrap p{
    padding-top: 40px;
    color: #737373;
    font-size: 17px;
    line-height: 32px;
}
.m21 .cont4_wrap.cont4_wrap2::before{
display:none;
}
.m21 .page_title1{
margin-bottom: 90px;
font-size:3.2rem;
}

/*m22*/
.m22 .page_title1{
margin-bottom: 90px
}
.m22 .tab_menu .tab_li_2{
  background: #058fd3;
}
.m22 .tab_menu .tab_li_2 .btn{
color:#fff !important;
}
.m22 .wrap {
           width: 100%;
    max-width: 1440px;
    margin: 0 auto;
      }
.m22 .tab_menu {
        position: relative;
      }
.m22 .tab_menu .list {
        overflow: hidden;
				    width: 100%;
    display: flex;
	padding-bottom: 90px;
     }
.m22 .tab_menu .list li {
		width: 720px;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
border: 1px solid #e1e1e1;
      }
 .m22 .tab_menu .list li.is_on{
	  background: #058fd3;
	  border-right:none;
	  }
.m22 .tab_menu .list li.is_on .btn {
        font-weight: bold;
        color: #fff;
      }
.m22 .tab_menu .list .btn {
        font-size: 1.8rem;
		 color: #c5c5c5;
      }

.m22 .cont1 h4{
    font-size: 36px;
    color: #000000;
    font-weight: 450;
    padding-bottom: 30px;
}
.m22 .cont1 > ul{
    width: 100%;
    display: flex;
    padding: 60px 0 140px 0;
	justify-content: space-between;
	position: relative;
}
.m22 .cont1 > ul::before{
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
      top: 0;
}
.m22 .cont2 h4{
   font-size: 2.8rem;
    color: #000000;
    font-weight: 450;
    padding-bottom: 30px;
}
.m22 .cont2 p{
    font-size: 1.7rem;
    color: #000000;
    line-height: 32px;
	padding-bottom: 30px;
}
.m22 .cont2 > ul{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 60px 0;
	position:relative;
}
.m22 .cont2 > ul::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}
.m22 .cont2 > ul::after{
display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #cccccc;
    position: absolute;
     bottom: 0;
}
.m22 .cont2 > ul > li{
padding-right:10px;
}
.m22 .cont2 > ul > li:nth-child(3){
padding-right:0;
}
.m22 .cont2 > ul > li > p{
font-size: 1.7rem;
    line-height: 40px;
    padding-top: 19px;
	padding-bottom: 0;
}
.m22 .cont3{
padding:30px 0 80px 0;
}
.m22 .cont3 h4{
    font-size: 2.8rem;
    color: #000000;
    padding-top: 10px;
}
.m22 .cont3 > ul{
    padding-top: 30px;
}
.m22 .cont4 h3{
    font-size: 2.8rem;
    color: #000000;
    font-weight: 450;
    padding-bottom: 30px;
}
.m22 .cont4 h5{
font-size: 2.8rem;
    color: #000000;
    padding-top: 10px;
}
.m22 #tab2 .cont2 > ul::after{
display:none;
}
.m22 .cont4_wrap{
padding: 30px 0 60px 0;
position: relative;
}
.m22 .cont4_wrap img{
padding-bottom:30px;
}
.m22 .cont4_wrap .color{
    font-size: 1.8rem;
color:#058fd3;
}
.m22 .cont4_wrap::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}
.m22 .cont4_wrap::after{
display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #cccccc;
    position: absolute;
     bottom: 0;
}
.m22 .cont4_wrap p{
    padding-top: 30px;
    color: #737373;
    font-size: 1.7rem;
    line-height: 32px;
}
.m22 .cont4_wrap.cont4_wrap2::before{
display:none;
}
.mo_icon{
display:none;
}

/*m31*/
.m31 .innerwrap{
    padding-bottom: 160px;
}
.m31 .section1{
width: 94%;
    max-width: 1399px;
    margin: 0 auto;
    display: block;
}
.m31 .conwrap{
    padding-top: 60px;
}
.m31 .container{
            max-width: 1440px;
    width: 100%;
	padding-top: 32px;
position: relative;
padding-bottom: 30px;
        }
.m31 .container .item_wrap{
display:flex;
padding-bottom: 44px;
    width: 100%;
    justify-content: space-between;
}
.m31 .section1 h3{
font-size: 2.8rem;
    color: #000000;
    font-weight: bold;
    font-family: 'Noto Sans KR';
	padding-bottom: 30px;
}
.m31 .section1 p{
    font-size: 1.7rem;
    color: #424242;
    line-height: 30px;
    font-family: 'Noto Sans KR';
    padding-bottom: 30px;
}
.m31 .container::before{
display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #000000;
    position: absolute;
     top: 0;
}
.m31 .container.container2::before{
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #cccccc;
    position: absolute;
     top: 0;
}
.m31 .container.container2{
padding-bottom:0;
}

.m31 .item-1{
    font-size: 1.7rem;
    font-weight: bold;
    color: #454545;
	line-height: 68px;
	width:15%;
}
.m31 .container.container2 .item-1{
line-height:29px;
padding-top:15px;
}
.m31 .item-2{
width:85%;
}
.m31 .item-2 input{
box-sizing: border-box;
    height: 60px;
    font-size: 15px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 0 10px;
}
.m31 .item-2 textarea{
box-sizing: border-box;
    height: 60px;
    font-size: 15px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 0 10px;
}
.m31 #a5{
    box-sizing: border-box;
    width: 100%;
	    padding: 28px 10px 300px;
}
.m31 .item-2 .item-2_wrap{
   border: 1px solid #dddddd;
        padding: 38px 20px 51px 18px;
}
.m31 .item-2 .item-2_wrap > p{
font-size: 17px;
    box-sizing: border-box;
    overflow: scroll;
    color: #737373;
    letter-spacing: -0.25px;
	    height: 220px;
    width: 100%;
    line-height: 32px;
overflow-x: hidden;
    padding-bottom: 0;
}
.m31 .item-2 .item-2_wrap > p::-webkit-scrollbar {
    width: 4px;
  }
  .m31 .item-2 .item-2_wrap > p::-webkit-scrollbar-thumb {
    background-color: #737373;
  }
   .m31 .item-2 .item-2_wrap > p::-webkit-scrollbar-track {
    background-color: #e7e7e7;
  }
.m31 .item-2 > p{
font-size: 1.7rem;
    box-sizing: border-box;
    height: 60px;
    border: 1px solid #dddddd;
    height: 300px;
    overflow: scroll;
    padding: 14px 0 51px 18px;
    color: #737373;
    letter-spacing: -0.25px;
    width: 100%;
    line-height: 32px;
}
.m31 .container2{
padding-bottom:20px;
}
.m31 .check_wrap > p{
font-size: 17px;
color:#000000;
padding-left:16px;
    padding-bottom: 0;
}
.check_wrap{
display:flex;
    align-items: center;
    margin-left: 15%;
}
.check_wrap > input{
    width: 20px;
    height: 20px;
	  accent-color: #058fd3;
}
.m31 .submit{
    padding-top: 84px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.m31 .submit button{
    width: 320px;
    height: 80px;
    background: #058fd3;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

/*m41*/
.m41 .page{
padding-top:80px;
}
.m41 .page_title1{
margin-bottom: 45px
}
.m41 .conwrap {
           width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.page_subtit{
text-align: center;
padding-bottom:80px;
}
.page_subtit h3{
font-size: 2.8rem;
    color: #000000;
    letter-spacing: -0.25px;
    font-weight: 500;
    padding-bottom: 40px;
    font-family: 'Noto Sans CJK KR Medium';
}
.page_subtit p{
    font-size: 1.6rem;
    line-height: 28px;
    color: #737373;
    font-family: 'Noto Sans CJK KR Dreamlight';
    letter-spacing: -0.25px;
}
.m41 .cont1 h4{
    font-size: 2.8rem;
    font-family: 'Noto Sans CJK KR Bold';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 20px;
    color: #000000;
}
.m41 .cont1 > ul{
    max-width: 1399px;
    padding-top: 25px;
	position:relative;
}
.m41 .section1 .cont1 > ul{
    display: flex;
}
.m41 .cont1 > ul::before{
 display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 0;
}
.m41 .section1 .cont1 > ul > li:nth-child(1){
        padding-right: 20px;
}
.m41 .section1 .cont1 > ul > li:nth-child(2){
        padding-left: 20px;
}
.m41 .section1 .cont1 > ul > li .cont_text{
    padding-top: 20px;
}
.m41 .cont1 > ul > li .cont_text h5{
    font-size: 2.2rem;
    color: #000000;
    font-weight: 500;
    font-family: 'Noto Sans CJK KR Medium';
    letter-spacing: 0.1px;
    padding-bottom: 18px;
}
.m41 .cont1 > ul > li .cont_text p{
font-size: 1.6rem;
    line-height: 28px;
    font-family: 'Noto Sans KR Dreamlight';
        color: #000000;
    letter-spacing: -0.1px;
}
.m41 .section2{
padding: 50px 0;
}
.m41 .section2 .cont1 > ul > li{
position:relative;
padding-bottom:50px;
width:100%;
}
.m41 .section2 .cont1 > ul > li:nth-child(1) .cont_text{
    position: absolute;
    bottom: 30%;
    width: 100%;
    left: 9%;
}
.m41 .section2 .cont1 > ul > li:nth-child(2) .cont_text{
	text-align:left;
    position: absolute;
    bottom: 30%;
    width: 100%;
  right: -68%;

}
.m41 .section2 .cont1 > ul > li:nth-child(3) .cont_text{
    position: absolute;
    bottom: 30%;
    width: 100%;
    left: 9%;

}
.m41 .section2 .cont1 > ul > li .cont_text{
   max-width:1440px;
   width:100%;
   z-index:1;
}
.m41 .section2 .cont1 > ul > li .cont_text h6{
font-size: 2.7rem;
    letter-spacing: -0.25px;
    padding-bottom: 20px;
    color: #ffffff;
}
.m41 .section2 .cont1 > ul > li .cont_text p{
    font-size: 1.6rem;
    line-height: 28px;
    letter-spacing: -0.25px;
    color: #ffffff;
}

/*m42*/
.m42.page{
    padding-top: 50px;
}
.m42 .cont1 h4{
font-size: 2.8rem;
font-family: 'Lexend';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 25px;
    color: #000000;
}
.m42 .conwrap{
    max-width: 1440px;
	width:100%;
	margin:0 auto;
}
.m42 .cont1 > ul{
    padding-top: 30px;
	position:relative;
}
.m42 .cont1 > ul::before{
 display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 0;
}
.m42 .cont1 > ul > li{
position:relative;
}
.m42 .cont1 > ul > li:last-child .cont_text::after{
display:none;
}
.m42 .cont_text{
    width: 100%;
    display: flex;
	padding: 90px 0 80px;
	margin-bottom:80px;
}
.m42 .cont_text::after{
 display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #cccccc;
    position: absolute;
    bottom: 0;
}
.m42 .icon_wrap{
padding: 0 70px 0 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.m42 .icon_img{
    background: #f4f9fb;
    width: 150px;
    height: 150px;
      display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
}
.m42 .icon_wrap h6{
padding-top: 15px;
    font-size: 2.2rem;
    color: #000000;
    font-family: Noto Sans CJK KR Medium;
}
.m42 .right_wrap{
}
.m42 .right_wrap ul{
position:relative;
}
.m42 .right_wrap ul span{
    font-size: 1.7rem;
    color: #000000;
    letter-spacing: -0.25px;
    font-family: 'Noto Sans CJK KR Regular'
	padding-bottom:19px;
}
.m42 .right_wrap ul span::before{
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: #058fd3;
    position: absolute;
    top: 10px;
    left: -7px;
}
.m42 .right_wrap > ul > li{
font-size: 1.6rem;
    color: #737373;
    line-height: 32px;
    padding-bottom: 25px;
}
.m42 .right_wrap > ul:last-child > li{
	padding-bottom:0;
}

/*m43*/
.m43 .conwrap{
max-width: 1399px;
    width: 94%;
    margin: 0 auto;
}
.m43 .page_title1{
margin-bottom:90px;
}
.m43 .cont_area h4{
    font-size: 2.8rem;
    font-family: 'Noto Sans CJK KR Bold';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 30px;
    color: #000000;
}
.m43 .wrap{
width:100%;
}
.m43 .cont_area{
position:relative;
}
.m43 .cont_wrap{
border-top: 2px solid #000000;
    padding: 50px 0 60px;
}
.m43 .cont_wrap:last-child{
padding-bottom:0;
}
.m43 .cont_wrap > ul{
display:flex;
padding-bottom:60px;
    justify-content: space-between;
}
.m43 .cont_wrap > ul:last-child{
padding-bottom:100px;
}
.m43 .cont_wrap > ul > li{
width: 50%;
display:flex;
align-items: center;
}
.m43 .cont_wrap > ul > li:first-child{
padding-right:10px;
}
.m43 .icon_img{
    width: 150px;
    height: 150px;
    background: #;
    background: #f4f9fb;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m43 .cont_text{
padding-left: 50px;
}
.m43 .cont_text h6{
    font-size: 2.2rem;
    color: #000000;
    padding-bottom: 10px;
}
.m43 .cont_text p{
    font-size: 1.6rem;
    line-height: 26px;
    color: #585858;
}

/*m44*/
.m44 .page_title1{
margin-bottom: 50px;
font-size: 2.8rem;
}
.m44 .conwrap > h4{
    text-align: center;
    font-size: 2.8rem;
    letter-spacing: -0.25px;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
    padding-bottom: 50px;
}
.section1 .wrap{
width:100%;
}
.section1 .cont1 > img{
padding-bottom:30px;
}
.m44 .cont1 > ul > span{
   font-size: 1.7rem;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
}
.m44 .cont1 > ul > li{
   font-size: 1.6rem;
    letter-spacing: -0.1px;
    color: #686868;
		position:relative;
}
.m44 .cont1 > ul > li > p{
padding-left:10px;
}
.m44 .cont1 > ul > li > p:nth-child(1){
padding-top:10px;
}
.m44 .cont1 > ul > li::before{
    display: block;
    content: "";
    width: 5px;
    height: 2px;
    background: #585858;
    position: absolute;
    top: 21px;
}
.m44 .cont2{
    padding-top: 50px;
}
.m44 .cont2 h4{
    font-size: 2.4rem;
    font-family: 'Noto Sans CJK KR Bold';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 20px;
    color: #000000;
}
.m44 .cont2 .cont_wrap{
width:100%;
position:relative;
}
.m44 .cont2 .cont_wrap ul{
	padding-top: 30px;
	position:relative;
}
.m44 .cont2 .cont_wrap ul::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}
.m44 .cont2 .cont_wrap ul li{
    display: flex;
    align-items: center;
    padding-bottom: 40px;
	position:relative;
}
.m44 .cont2 .cont_wrap ul li::after{
    display: block;
    content: "";
    background: url(/images/page/m44_sec2_arrow.png) no-repeat center / contain;
    width: 20px;
    height: 12px;
    position: absolute;
    bottom: 6%;
    left: 63px;
}
.m44 .cont2 .icon_img{
    width: 150px;
    height: 150px;
    display: flex;
justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    background: #f4f9fb;
    border-radius: 50%;
}
.m44 .cont2 .icon_img > p{
    font-family: 'Lexend';
    color: #555555;
    font-weight: 500;
    letter-spacing: -0.25px;
    padding-top: 16px;
    font-size: 1.5rem;
    margin-bottom: 36px;
}
.m44 .cont2 .icon_wrap{
    padding-right: 20px;
}
.m44 .cont2 .cont_text h6{
font-size: 1.8rem;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
    letter-spacing: -0.1px;
    padding-bottom: 10px;
} 
.m44 .cont2 .cont_text p{
font-size: 1.6rem;
    line-height: 22px;
    color: #585858;
    font-family: 'Noto Sans CJK KR Dreamlight';
    letter-spacing: -0.32px;
}
.m44 .cont2 .cont_wrap ul li.color{
padding-bottom:50px;
}
.m44 .cont2 .cont_wrap ul li.color::after{
display:none;
}
.m44 .cont2 li.color .icon_wrap .icon_img{
    background: #058fd3;
}
.m44 .cont2 li.color .icon_wrap .icon_img > p{
	color:#ffffff;
}
.m44 .cont2 .btn_wrap{
    display: flex;
    justify-content: center;
	padding-bottom: 90px;
}
.m44 .cont2 .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 60px;
    border: 1px solid #c8c8c8;
}
.m44 .cont2 .btn > a{
    font-size: 1.6rem;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
}
.m44 .cont2 .btn > a > span{
	padding-left:10px;
}
/* page common */
img{
max-width:100%;
}
.page{
padding-top: 0;
}
.page_title{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:680px;
	text-align:center;
}
.page_title1{
    font-size: 2.8rem;
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
}

.page_tabs{overflow:hidden;width:100%;margin:0 auto;
}
.page_tabs ul{
	display:table !important;border-collapse:collapse;
	width:100%;
    margin: 50px auto;
}
.page_tabs ul li{
	display:table-cell;
	box-sizing:border-box;
	border:1px solid #ddd;
}
.page_tabs ul.m2 li{width:calc(100% / 3);}
.page_tabs ul.m3 li{width:calc(100% / 4);}
.page_tabs ul.m4 li{width:25%;}
.page_tabs ul li a{
	display:flex;justify-content:center;align-items:center;
	width:100%;height:80px;
	font-size:21px;color:#555;
}
.page_tabs ul li.on{border:3px solid #0eccc2;}
.page_tabs ul li.on a{color:#0eccc2;}
.innerwrap{width:100%;margin:0 auto;}



/*sub_top*/
div.sub_top{position: relative;height: 680px;z-index: 11;} 
div.sub_top div.inner_wrap{position: relative;width: 100%;height: 100%;}
div.sub_top div.contents{position: relative;max-width: 1399px;margin: 0 auto;width: 93%;height: 100%;}
div.sub_top div.sub_title_g{
position: relative;top: 0;left: 0;width: 100%;
height: 50%;
padding-top: 50px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;box-sizing: border-box;}
div.sub_top div.sub_title_g .g_title{
    text-align: left;
    color: #fff;
    width: 100%;
    max-width: 1440px;
    font-family: 'Lexend';
    line-height: 60px;
    margin: 0 26px -140px 51px;
}
div.sub_top div.bg{position: absolute;top: 0%;left: 0%;z-index: -1;width: 100%;
height: 500px;
overflow:hidden;background: #efefef;}
div.sub_top div.bg span{display: block; width: 100%; height: 100%; transform:scale(1.07);}
#wrap.ani div.sub_top div.bg span{transform:scale(1); transition:2s 0.3s;}

div.sub_top.st1 div.bg span{background:url("/images/page/page_visual1.jpg") center / cover; }
div.sub_top.st2 div.bg span{background:url("/images/page/page_visual2.jpg") center / cover; }
div.sub_top.st3 div.bg span{background:url("/images/page/page_visual3.jpg") center / cover; }
div.sub_top.st4 div.bg span{background:url("/images/page/page_visual4.jpg") center / cover; }
div.sub_top div.bg .inner_wrap{text-align:center; }
#main_slogan{font-size: 3.2rem;color: #fff;font-weight: 400;font-family: 'Lexend';line-height: 40px;text-transform: uppercase;}
#main_slogan span{display:inline-block;}
.sec_tit{
    font-size: 100px;
    text-align: left;
    color: transparent;
    width: 100%;
    max-width: 1399px;
    position: absolute;
    bottom: 21%;
    left: 50px;
    font-weight: 600;
    -webkit-text-stroke: 1px #ffffff;
    opacity: 0;
}
.sec_tit.in-view{
opacity:1;
}

/*subtop tab*/
.menu_tab_wrap{position: relative;left: 0;top: 150px;width: 100%;height: 80px;display: flex;justify-content: flex-end;align-items: center;width: 100%;max-width: 1400px\;max-width: 1;margin: 0;}
.menu_tab_wrap .inner{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    /* width: 204px; */
}
/* .menu_tab_wrap:before{display:block;content:"";position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background: #fff;z-index: -1;} */
div.menu_tab_wrap .icon{width: 65px;height: 100%;background: url('/img/page/home.png')no-repeat center;}
div.sub_top.st1 .icon{background: url('/img/page/home.png')no-repeat center;}
div.sub_top.st2 .icon{background: url('/img/page/st2_icon.png')no-repeat center;}
div.sub_top.st3 .icon{background: url('/img/page/st3_icon.png')no-repeat center;}
div.sub_top.st4 .icon{background: url('/img/page/st4_icon.png')no-repeat center;}
div.sub_top.st5 .icon{background: url('/img/page/st5_icon.png')no-repeat center;}
div.sub_top.st6 .icon{background: url('/img/page/st6_icon.png')no-repeat center;}
div.menu_tab_wrap .area_l{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;width: 100%;}
div.menu_tab_wrap .area_l .home{position: relative;padding-right: 24px;/* margin-right: 16px; */padding-top: 4px;/* display:flex; */}
div.menu_tab_wrap .area_l .home:after{display: block;content:"";position: absolute;top: 8px;right: 3px;width: 14px;height: 14px;background: url(/images/page/after_img.png) no-repeat;}
div.menu_tab_wrap .area_l .home a{/* margin: 0 8px; */display: block;width: 18px;height: 17px;background: url('/images/page/home_i.png')no-repeat left top;}
div.menu_tab_wrap .area_l .drop_nav{display: none;position:absolute;top: calc(100% + 10px);right: 0;width: 153px;background: #000;color: #fff;font-size: 1.2rem;font-family: 'Play','Noto Sans KR',sans-serif;}
div.menu_tab_wrap .area_l .drop_nav ul{padding: 12px 16px;}
div.menu_tab_wrap .area_l .drop_nav ul li{width: 100%;line-height: 30px;white-space: nowrap;}
div.menu_tab_wrap .area_l .drop_nav ul li a{position: relative;}
div.menu_tab_wrap .area_l .drop_nav ul li a:before{display:block;content:"";position:absolute;bottom: -1px;left:0;width:100%;height: 1px;margin-top: 1px;background: rgba(255,255,255,0.9);transform: scaleX(0);transform-origin: right;transition: transform 0.3s;}
div.menu_tab_wrap .area_l .drop_nav ul li a:hover:before{transform: scaleX(1);transform-origin: left;transform 0.5s;}

div.menu_tab_wrap .dep1{
    position: relative;
    font-size: 15PX;
    font-family: 'NOTO SANS KR';
    color: #555555;
    text-transform: uppercase;
    padding-right: 30px;
	cursor: default;
 }
	div.menu_tab_wrap .sn1{
	    position: relative;
    font-size: 15PX;
    font-family: 'NOTO SANS KR';
    color: #555555;
    text-transform: uppercase;
    padding-right: 30px;
	}
div.menu_tab_wrap .dep1 .arrow{display: block;position: absolute;top: 1px;right: -2px;width: 22px;height: 22px;border-radius: 50%;vertical-align: top;
background: #058fd3;color: #fff;
cursor: default;
}
div.menu_tab_wrap .dep1 .arrow:after{display:block;content:"";position: absolute;top: 7px;left:8px;width: 4px;height: 4px;border: 2px solid #fff;border-top: 0;border-left: 0;transform: rotate(45deg);}
div.menu_tab_wrap .dep1.on .arrow:after{transform: rotate(-135deg);top: 8px;}
.inner.con-width3 button.dep1::before{display: inline-block;content: "";position: absolute;top: 8px;left: -16px;width: 14px;height: 14px;background: url(/images/page/after_img.png) no-repeat;}



/*footer*/
#wrap footer{
    padding: 50px 0;
}
#wrap footer .footer_wrap{
position: relative;
    width: 100%;
    padding: 0 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
#wrap footer .logo{
width: 120px;
    height: 50px;
	margin-bottom:8px;
}
#wrap footer .info_g{
    width: 100%;
	padding-left:0;
	display: flex;
}
#wrap footer .info_g ul{
	white-space: nowrap;
    position: relative;
    display: flex;
    width: 100%;
}
#wrap footer .info_g ul li.w100{
width:39%;
}
#wrap footer .area_r{
width:100%;
text-align:left;
}