@charset "utf-8";

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


/* m11 */
.m11 .page_title1{
    margin-bottom: 173px;
}
.m11 .innerwrap{
max-width: 1920px;
width:100%;
}
.section1{
    display: flex;
    width: 100%;
    max-width: 1920px;
}
.section1 .text{
padding:120px 0 0 115px;

}
.section1 .text h2{
    font-size: 38px;
    line-height: 58px;
    color: #000000;
	padding-bottom: 60px;
	font-family: 'Noto Sans CJK KR Medium';
}
.section1 .text p{
font-size: 17px;
    color: #737373;
    padding-bottom: 50px;
    font-family: 'Noto Sans CJK KR Dreamlight';
    line-height: 32px;
    letter-spacing: -0.25px;
}
.section2{
max-width: 1440px;
    width: 100%;
    margin: 0 auto;
	padding-top: 198px;
	padding-bottom:256px;
}
.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;
	}
.m11 .section1 .img_area img{transform: translateX(-60px); opacity:0; transition:all 1s;}
.m11 .section1 .img_area.in-view img{transform: translateX(0); opacity:1;}
.m11 .section1 .text h2{opacity:0;transform:translateY(100px);transition:all 3s;}
.m11 .section1 .text h2.in-view{opacity:1;transform:translateY(0);}
.m11 .section1 .text p{opacity:0;transform:translateY(100px);transition:all 2.2s;}
.m11 .section1 .text p.in-view{opacity:1;transform:translateY(0);}
.m11 .section2 .icon_group{opacity:0;transform:translateY(100px);transition:all 1.4s;}
.m11 .section2 .icon_group.in-view{opacity:1;transform:translateY(0);}


/*m12*/
.m12 .innerwrap{
max-width:1920px;
width:100%;
}
.m12 .page_title1{
margin-bottom: 138px;
}
.m12 .section1{
    white-space: nowrap;
}
.m12 .section1 .text{
    padding: 96px 0 0 100px;
}
.m12 .section1 .text p{
    font-size: 20px;
    padding-bottom: 44px;
    font-family: 'Lexend';
}
.m12 .section1 .text h2{
font-size: 44px;
    line-height: 56px;
    color: #000000;
    padding-bottom: 100px;
	font-family: 'Lexend';
	letter-spacing: -0.25px;
}
.text2{
    width: 600px;
    border-top: 2px solid #000000;
}
.text2 > ul > li{display:flex;
		padding: 5px 0;
border-bottom: 1px solid #e5e5e5;
}
.text2 .ym{
    color: #000;
    font-family: 'Lexend';
    font-size: 20px;
    line-height: 80px;
	display: flex;
    align-items: center;
}

.ym_his{
    padding-left: 57px;
    color: #737373;
    font-family: 'Noto Sans KR';
    font-size: 1.7rem;
    line-height: 32px;
}
.ym_his > li{
	position: relative;
	font-size: 1.7rem;
	color: #aaaaaa;
	font-family: 'Noto Sans CJK KR Dreamlight';
	letter-spacing: -0.25px;
	line-height: 32px;
}
.ym_his > li::before{
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #0b92d4;
    position: absolute;
    left: -10px;
    top: 14px;
    border-radius: 50%;
}
    .text2 > ul:nth-child(9) .ym_his > li:nth-child(1){
        padding-bottom: 24px;
		}
.m12 .section1{
padding-bottom:160px;
}

@media (min-width: 1280px) and (max-width:1672px){
	.m12 .section1 .img_area{
	width:50%;
	height:100%;
	}
	.m12 .section1 .img_area > img{
	width:100%;
	}
	.m12 .section1 .text{
	width:50%;
	}
}

.m12 .section1 .img_area{transform: translateX(-60px); opacity:0; transition:all 1s;}
.m12 .section1 .img_area.in-view{transform: translateX(0); opacity:1;}
.m12 .section1 .text1 p{opacity:0;transform:translateY(60px);transition:all 1s;}
.m12 .section1 .text1 p.in-view{opacity:1;transform:translateY(0);}
.m12 .section1 .text1 h2{opacity:0;transform:translateY(60px);transition:all 1.3s;}
.m12 .section1 .text1 h2.in-view{opacity:1;transform:translateY(0);}
.m12 .section1 .text2{opacity:0;transform:translateY(100px);transition:all 1.2s;}
.m12 .section1 .text2.in-view{opacity:1;transform:translateY(0);}


/*m13*/
.page.m13{
padding-top: 260px;
padding-bottom: 179px;
}
.m13 .page_title1{
margin-bottom: 100px;
}
.m13 .page_subtit p{
    font-size: 17px;
    line-height: 32px;
    color: #737373;
    font-family: 'Noto Sans CJK KR Dreamlight';
    letter-spacing: -0.25px;
}
.m13 .client_img_wrap{
max-width:1440px;
width:100%;
}
.m13 .client_img_wrap > ul{
display: flex;
    justify-content: space-between;
}
.m13 .page_subtit h3{opacity:0;transform:translateY(50px);transition:all 2.2s;}
.m13 .page_subtit h3.in-view{opacity:1;transform:translateY(0);}
.m13 .page_subtit p{opacity:0;transform:translateY(50px);transition:all 2.5s;}
.m13 .page_subtit p.in-view{opacity:1;transform:translateY(0);}
.m13 .client_img_wrap{opacity:0;transform:translateY(50px);transition:all 2.7s;}
.m13 .client_img_wrap.in-view{opacity:1;transform:translateY(0);}


/*m15*/
.m15 .page_title1{
margin-bottom:140px;
}
.m15 .section1{
max-width:1440px;
width:100%;
margin:0 auto;
}
.m15 .section2{
max-width: 1440px;
    width: 100%;
    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: 40px;
    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{
	border-bottom:0;
}
.m15 .section2 .map_tit h3{
padding-bottom: 40px;
}
.m15 .section2 .map2:nth-child(1){
margin-right:38px;
}
.m15 .section2 .map2:nth-child(2){
margin-left:38px;
}
.m15 .section2 .map2 .map_tit  > ul{
position:relative;
}
.m15 .section2 .map2 .map_tit > ul li:nth-child(1){
    font-family: 'Lexend';
    font-size: 20px;
    color: #333333;
    padding-bottom: 21px;
}
.m15 .section2 .map_tit > ul.address::before{
   background: url(/images/page/m15_icon1.png) no-repeat;  
    content: "";
    display: block;
    height: 20px;
    width: 20px;    
 position:absolute;
    top: 10%;
    left: 0;
}
.m15 .section2 .map_tit > ul{
padding-left:42px;
width:100%;
}
.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;
}

.m15 .map1{opacity:0;transform:translateY(40px);transition:all 1s;}
.m15 .map1.in-view{opacity:1;transform:translateY(0);}
.m15 .map1 .map_tit h3{opacity:0;transform:translateY(40px);transition:all 1s;}
.m15 .map1 .map_tit h3.in-view{opacity:1;transform:translateY(0);}
.m15 .map1 .map_sub{opacity:0;transform:translateY(40px);transition:all 1s;}
.m15 .map1 .map_sub.in-view{opacity:1;transform:translateY(0);}
.m15 .map2{opacity:0;transform:translateY(40px);transition:all 1s;}
.m15 .map2.in-view{opacity:1;transform:translateY(0);}
.m15 .map2 .map_tit h3{opacity:0;transform:translateY(40px);transition:all 1s;}
.m15 .map2 .map_tit h3.in-view{opacity:1;transform:translateY(0);}
.m15 .map2 .map_tit > ul{opacity:0;transform:translateY(40px);transition:all 1s;}
.m15 .map2 .map_tit > ul.in-view{opacity:1;transform:translateY(0);}

/*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: 120px;
     }
.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: 18px;
		 color: #c5c5c5;
      }
.m21 .tab_menu .cont_area .cont {
        display: none;
}

.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: 17px;
    color: #000000;
    line-height: 32px;
	padding-bottom: 40px;
}
.m21 .cont1 > ul{
    width: 100%;
    display: flex;
    padding: 60px 0 140px 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 .cont2 h4{
    font-size: 3.6rem;
    color: #000000;
    font-weight: 450;
    padding-bottom: 30px;
    letter-spacing: -0.25px;
    font-family: 'Lexend';
}
.m21 .cont2 p{
    font-size: 17px;
    color: #000000;
    line-height: 32px;
	padding-bottom: 40px;
	    letter-spacing: -0.25px;
}
.m21 .cont2 > ul{
    display: flex;
    justify-content: space-between;
    padding: 60px 0 80px 0;
	position:relative;
}
.m21 .cont2 > ul::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}
.m21 .cont2 > ul > li > p{
font-size: 22px;
    line-height: 40px;
    padding-top: 19px;
	padding-bottom: 0;
}
.m21 .cont3{
padding:80px 0 160px 0;
}
.m21 .cont3 h4{
    font-size: 30px;
    color: #000000;
    font-weight: 450;
    padding-bottom: 40px;
}
.m21 .cont4 h3{
    font-size: 3.6rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 31px;
    font-family: 'Noto Sans CJK KR Bold';
    line-height: 58px;
    letter-spacing: -0.25px;
}
.m21 .cont4 h5{
font-size: 3rem;
    color: #000000;
    padding-top: 30px;
    font-family: 'Noto Sans CJK KR Medium';
    line-height: 40px;
    letter-spacing: -1px;
}
.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: 140px;
}

.m21 h4{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m21  h4.in-view{opacity:1;transform:translateY(0);}
.m21 h3{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m21  h3.in-view{opacity:1;transform:translateY(0);}
.m21 h5{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m21  h5.in-view{opacity:1;transform:translateY(0);}
.m21 .cont1 p{opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m21 .cont1 p.in-view{opacity:1;transform:translateY(0);}
.m21 .cont1 > ul > li{opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m21 .cont1 > ul > li.in-view{opacity:1;transform:translateY(0);}
/* .m21 .cont2 h4{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m21 .cont2 h4.in-view{opacity:1;transform:translateY(0);} */
.m21 .cont2 p.tit{opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m21 .cont2 p.tit.in-view{opacity:1;transform:translateY(0);}
.m21 .cont2 > ul > li:nth-child(1){opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m21 .cont2 > ul > li:nth-child(1).in-view{opacity:1;transform:translateY(0);}
.m21 .cont2 > ul > li:nth-child(2){opacity:0;transform:translateY(40px);transition:all 2s;}
.m21 .cont2 > ul > li:nth-child(2).in-view{opacity:1;transform:translateY(0);}
.m21 .cont2 > ul > li:nth-child(3){opacity:0;transform:translateY(40px);transition:all 3s;}
.m21 .cont2 > ul > li:nth-child(3).in-view{opacity:1;transform:translateY(0);}
.m21 .cont4_wrap > img{opacity:0; transform:translateX(-40px);transition:all 1.3s;}
.m21 .cont4_wrap > img.in-view{opacity:1; transform:translateX(0);}
.m21 span.color{opacity:0;transform:translateY(-10px);transition:all 2s;}
.m21 span.color.in-view{opacity:1;transform:translateX(0);}
.m21 .cont4_wrap > p{opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m21 .cont4_wrap > p.in-view{opacity:1;transform:translateY(0);}
.m21 .cont3 .pt_view li{opacity:0; transform:translateY(40px);transition:all 1.3s;}
.m21 .cont3 .pt_view li.in-view{opacity:1; transform:translateY(0);}


/*m22*/
.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: 36px;
    color: #000000;
    font-weight: 450;
    padding-bottom: 30px;
}
.m22 .cont2 p{
    font-size: 17px;
    color: #000000;
    line-height: 32px;
	padding-bottom: 40px;
}
.m22 .cont2 > ul{
    display: flex;
    justify-content: space-between;
    padding: 60px 0 80px 0;
	position:relative;
}
.m22 .cont2 > ul::before{
display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    position: absolute;
         top: 0;
}
.m22 .cont2 > ul > li > p{
font-size: 22px;
    line-height: 40px;
    padding-top: 19px;
	padding-bottom: 0;
}
.m22 .cont3{
padding:80px 0 160px 0;
}
.m22 .cont3 h4{
    font-size: 30px;
    color: #000000;
    font-weight: 450;
    padding-bottom: 40px;
}
.m22 .cont4{

}
.m22 .cont4 h3{
 font-size: 30px;
    color: #000000;
    font-weight: 450;
    padding-bottom: 40px;
}
.m22 .cont4 h5{
font-size: 30px;
    color: #000000;
	padding-top: 30px;
}
.m22 #tab2 .cont2 > ul::after{
display:none;
}
.m22 .cont4_wrap{
padding: 60px 0 80px 0;
position: relative;
}
.m22 .cont4_wrap img{
padding-bottom:50px;
}
.m22 .cont4_wrap .color{
font-size:20px;
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: 40px;
    color: #737373;
    font-size: 17px;
    line-height: 32px;
}
.m22 .cont4_wrap.cont4_wrap2::before{
display:none;
}

.mo_icon{
display:none;
}

/*m31*/
.page.m31{
padding-top:260px;
}
.m31 .page_title1{
margin-bottom:0;
}
.m31 .innerwrap{
    padding-bottom: 160px;
}
.m31 .section1{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
	display: block;
}
.m31 .conwrap{
    padding-top: 141px;
}
.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: 36px;
    color: #000000;
    font-weight: bold;
    font-family: 'Noto Sans KR';
	padding-bottom: 30px;
}
.m31 .section1 p{
    font-size: 17px;
    color: #424242;
    font-family: 'Noto Sans KR';
	line-height:32px;
	 font-family: 'Noto Sans KR';
	  padding-bottom: 40px;
}
.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: 17px;
    font-weight: bold;
    color: #454545;
	line-height: 68px;
}
.m31 .item-2{
width:87%;
}
.m31 .item-2 input{
box-sizing: border-box;
    height: 60px;
    font-size: 15px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 0 20px;
}
.m31 .item-2 textarea{
box-sizing: border-box;
    height: 60px;
    font-size: 15px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 0 20px;
}
.m31 #a5{
box-sizing: border-box;
    height: 300px;
    font-size: 15px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 30px 20px 0;
}
.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;
	    white-space: nowrap;
}
.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 .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;
}
.m31 .section1 h3{opacity:0; transform:translateY(40px);transition:all 1.3s;}
.m31 .section1 h3.in-view{opacity:1; transform:translateY(0);}
.m31 .section1 p.tit{opacity:0; transform:translateY(40px);transition:all 1.7s;}
.m31 .section1 p.tit.in-view{opacity:1; transform:translateY(0);}
.m31 .container{opacity:0; transform:translateY(40px);transition:all 1.3s;}
.m31 .container.in-view{opacity:1; transform:translateY(0);}
/*m41*/
.m41 .page{
padding-top:260px;
}
.m41 .page_title1{
margin-bottom: 99px
}
.m41 .conwrap {
           width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.page_subtit{
text-align: center;
padding-bottom:150px;
}
.page_subtit h3{
font-size: 38px;
    color: #000000;
    letter-spacing: -0.25px;
    font-weight: 500;
    padding-bottom: 42px;
	font-family: 'Noto Sans CJK KR Medium';
}
.page_subtit p{
font-size: 17px;
    line-height: 32px;
    color: #737373;
	font-family: 'Noto Sans CJK KR Dreamlight';
    letter-spacing: -0.25px;
}
.m41 .cont1 h4{
    font-size: 36px;
    font-family: 'Noto Sans CJK KR Bold';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 30px;
	color:#000000;
	    line-height: 58px;
}
.m41 .cont1 > ul{
    max-width: 1440px;
    padding-top: 59px;
	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: 41px;
}
.m41 .cont1 > ul > li .cont_text h5{
    font-size: 26px;
    color: #000000;
    font-weight: 500;
    font-family: 'Noto Sans CJK KR Medium';
    letter-spacing: 0.1px;
    padding-bottom: 23px;
}
.m41 .cont1 > ul > li .cont_text p{
    font-size: 17px;
    line-height: 32px;
    font-family: 'Noto Sans KR Dreamlight';
        color: #000000;
    letter-spacing: -0.1px;
}
.m41 .section2{
padding: 140px 0 180px 0;
}
.m41 .section2 .cont1 > ul > li{
position:relative;
padding-bottom:50px;
    width: 100%;
}
.m41 .section2 .cont1 > ul > li:nth-child(3){
padding-bottom:0;
} 
.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%;
    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: 30px;
    letter-spacing: -0.25px;
    padding-bottom: 40px;
	color:#ffffff;
}
.m41 .section2 .cont1 > ul > li .cont_text p{
font-size: 17px;
    line-height: 32px;
    letter-spacing: -0.25px;
	color:#ffffff;
}
.m41 h3{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m41 h3.in-view{opacity:1;transform:translateY(0);}
.m41 h4{opacity:0;transform:translateY(40px);transition:all 1.5s;}
.m41 h4.in-view{opacity:1;transform:translateY(0);}
.m41 p.tit{opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m41 p.tit.in-view{opacity:1;transform:translateY(0);}
.m41 .cont1 > ul > li:nth-child(1){opacity:0;transform:translateY(40px);transition:all 1.3s;}
.m41 .cont1 > ul > li:nth-child(1).in-view{opacity:1;transform:translateY(0);}
.m41 .cont1 > ul > li:nth-child(2){opacity:0;transform:translateY(40px);transition:all 2s;}
.m41 .cont1 > ul > li:nth-child(2).in-view{opacity:1;transform:translateY(0);}

.m41 .section2 .cont1 > ul > li:nth-child(1){opacity:0;transform:translateX(-40px);transition:all 1.2s;}
.m41 .section2 .cont1 > ul > li:nth-child(1).in-view{opacity:1;transform:translateX(0);}
.m41 .section2 .cont1 > ul > li:nth-child(2){opacity:0;transform:translateX(40px);transition:all 1.4s;}
.m41 .section2 .cont1 > ul > li:nth-child(2).in-view{opacity:1;transform:translateX(0);}
.m41 .section2 .cont1 > ul > li:nth-child(3){opacity:0;transform:translateX(-40px);transition:all 1.6s;}
.m41 .section2 .cont1 > ul > li:nth-child(3).in-view{opacity:1;transform:translateX(0);}



/*m42*/
.m42.page{
    padding-top: 240px;
}
.m42 .page_title1{
margin-bottom: 150px;
}
.m42 .cont1 h4{
    font-size: 36px;
font-family: 'Lexend';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 30px;
	color:#000000;
}
.m42 .conwrap{
    max-width: 1440px;
	width:100%;
	margin:0 auto;
}
.m42 .cont1 > ul{
    padding-top: 59px;
	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: 28px;
    font-size: 26px;
    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: 18px;
    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: 17px;
    color: #737373;
    line-height: 32px;
	padding-bottom:40px;
}
.m42 .right_wrap > ul:last-child > li{
	padding-bottom:0;
}
.m42 h4{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m42 h4.in-view{opacity:1;transform:translateY(0);}

.m42 .cont1 > ul > li:nth-child(2n-1) > img{opacity:0; transform:translateX(-40px);transition:all 1.3s;}
.m42 .cont1 > ul > li:nth-child(2n-1) > img.in-view{opacity:1; transform:translateX(0);}
.m42 .cont1 > ul > li:nth-child(2n) > img{opacity:0; transform:translateX(40px);transition:all 1.3s;}
.m42 .cont1 > ul > li:nth-child(2n) > img.in-view{opacity:1; transform:translateX(0);}

.m42 .cont1 > ul > li:nth-child(2n-1) > .cont_text{opacity:0; transform:translateX(40px);transition:all 1.3s;}
.m42 .cont1 > ul > li:nth-child(2n-1) > .cont_text.in-view{opacity:1; transform:translateX(0);}
.m42 .cont1 > ul > li:nth-child(2n) > .cont_text{opacity:0; transform:translateX(-40px);transition:all 1.3s;}
.m42 .cont1 > ul > li:nth-child(2n) > .cont_text.in-view{opacity:1; transform:translateX(0);}



/*m43*/
.m43 .page{
    padding-top: 260px;
}
.m43 .conwrap{
max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
.m43 .page_title1{
margin-bottom:150px;
}
.m43 .cont_area h4{
font-size: 36px;
    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:60px 0 140px;
}
.m43 .cont_wrap:last-child{
padding-bottom:0;
}
.m43 .cont_wrap > ul{
display:flex;
padding-bottom:60px;
}
.m43 .cont_wrap > ul:last-child{
padding-bottom:180px;
}
.m43 .cont_wrap > ul > li:first-child{
padding-left:40px;
}
.m43 .cont_wrap > ul > li{
width: 50%;
display:flex;
align-items: center;
}
.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: 26px;
    color: #000000;
    padding-bottom: 24px;
}
.m43 .cont_text p{
    font-size: 17px;
    line-height: 32px;
    color: #585858
}
.m43 h4{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m43 h4.in-view{opacity:1;transform:translateY(0);}
.m43 .cont_wrap{opacity:0;transition:all 2s;}
.m43 .cont_wrap.in-view{opacity:1;transform:translateY(0);}
@-webkit-keyframes quick_circle{
0%{transform:rotateY(450deg);}
50%{}
100%{transform:rotateY(0deg);}
}

.icon_wrap .icon_img.in-view img{
	-webkit-animation:quick_circle 0.6s linear alternate 0.2s;
	animation:quick_circle 0.6s linear alternate; opacity:1; transition:1s 1s;
}
 .cont_wrap > ul:nth-child(1){animation-delay:0.2s;}
.cont_wrap > ul:nth-child(2){animation-delay:0.5s;}
.cont_wrap > ul:nth-child(3){animation-delay:0.8s;}
.cont_wrap > ul:nth-child(4){animation-delay:1s;}
.cont_wrap > ul:nth-child(5){animation-delay:1.2s;}

/*m44*/
.page.m44{
padding-top:260px;
}
.m44 .page_title1{
margin-bottom: 98px;
}
.m44 .conwrap > h4{
    text-align: center;
    font-size: 38px;
    letter-spacing: -0.25px;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
	padding-bottom:144px;
}
.section1 .wrap{
width:100%;
}
.section1 .cont1 > img{
padding-bottom:40px;
}
.m44 .cont1 > ul > span{
    font-size: 18px;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
}
.m44 .cont1 > ul > li{
    font-size: 18px;
    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:16px;
}
.m44 .cont1 > ul > li::before{
    display: block;
    content: "";
    width: 5px;
    height: 2px;
    background: #585858;
    position: absolute;
		 top: 28px;
}
.m44 .cont2{
    padding-top: 118px;
}
.m44 .cont2 h4{
    font-size: 36px;
    font-family: 'Noto Sans CJK KR Bold';
    letter-spacing: -0.25px;
    font-weight: 550;
    padding-bottom: 30px;
    color: #000000;
}
.m44 .cont2 .cont_wrap{
width:100%;
position:relative;
}
.m44 .cont2 .cont_wrap ul{
	padding-top:57px;
}
.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: 75px;
	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: 25px;
    height: 14px;
    position: absolute;
    bottom: 13%;
    left: 4.4%;
}
.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: 15px;
    margin-bottom: 36px;
}
.m44 .cont2 .icon_wrap{
    padding-right: 20px;
}
.m44 .cont2 .cont_text h6{
    font-size: 26px;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
    letter-spacing: -0.1px;
    padding-bottom: 24px;
} 
.m44 .cont2 .cont_text p{
font-size: 17px;
    line-height: 32px;
    color: #585858;
    font-family: 'Noto Sans CJK KR Dreamlight';
	letter-spacing: -0.32px;
}
.m44 .cont2 .cont_wrap ul li.color{
padding-bottom:100px;
}
.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: 160px;
}
.m44 .cont2 .btn{
    display: flex;
    justify-content: center;
    align-items: center;
	width:300px;
	height:82px;
	border:1px solid #c8c8c8;
	cursor:pointer;
}
.m44 .cont2 .btn:hover{
background:#058fd3;
transition: 1.3s;
}
.m44 .cont2 .btn:hover a{
color:#ffffff;
}
.m44 .cont2 .btn > a{
    font-size: 18px;
    color: #000000;
    font-family: 'Noto Sans CJK KR Medium';
}
.m44 .cont2 .btn > a > span{
	padding-left:12px;
}

.m44 .icon_wrap .icon_img.in-view img{
	-webkit-animation:quick_circle 0.6s linear alternate 0.2s;
	animation:quick_circle 0.6s linear alternate; opacity:1; transition:1s 1s;
}
.m44 h4{opacity:0;transform:translateY(40px);transition:all 1.1s;}
.m44  h4.in-view{opacity:1;transform:translateY(0);}
.m44 .cont1 > img.imgAni.in-view{animation-name: imgAni; animation-duration: 0.9s;  animation-fill-mode: forwards;}
.m44 .cont1 > ul{opacity:0;transform:translateY(40px);transition:all 1.5s;}
.m44 .cont1 > ul.in-view{opacity:1;transform:translateY(0);}


/* page common */ 
.page_title1{opacity:0;transform:translateY(60px);transition:all 1s;} 
.page_title1.in-view{opacity:1;transform:translateY(0);} img{ max-width:100%; }

.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: 48px;
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 172px;
}

.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;}
.page{padding-top:160px;}
.innerwrap{width:94%;margin:0 auto;
max-width:1440px;
}
.page_title1{
font-size:48px;color:#0b264e;font-weight:500;text-align:center;margin-bottom:50px;

}




/*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: 1600px;margin: 0 auto;width: 93%;height: 100%;}
div.sub_top div.sub_title_g{position: relative;top: 0;left: 0;width: 100%;height: calc(100% - 90px);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{
    font-size: 44px;
    text-align: left;
    color: #fff;
    width: 100%;
    max-width: 1440px;
    font-family: 'Lexend';
    line-height: 60px;
    margin-bottom: -140px;
    margin: 0 26px -140px 0;
/* 		opacity:0;
			transform:translateX(-100px); */
}
/* #wrap.ani div.sub_top div.sub_title_g .g_title{
opacity:1;
transform:translateX(0px);
transition:2s 0.3s;
} */
div.sub_top div.bg{position: absolute;top: 0%;left: 0%;z-index: -1;width: 100%;height: 100%;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: 4.4rem;color: #fff;font-weight: 400;font-family: 'Lexend';line-height: 60px;text-transform: uppercase;}

#main_slogan span{
	display: inline-block;
	opacity: 0;
	filter: blur(4px);
}
#main_slogan  span:nth-child(1) {
        animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
#main_slogan  span:nth-child(2) {
        animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

#main_slogan  span:nth-child(3) {
        animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

#main_slogan  span:nth-child(4) {
        animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
	100% {
    opacity: 1;
    filter: blur(0);
  }
}

.sec_tit{
    font-size: 220px;
    text-align: left;
    color: transparent;
    width: 100%;
    max-width: 1440px;
    line-height: 78px;
    position: absolute;
    bottom: 42px;
    left: 50px;
    font-weight: 600;
    -webkit-text-stroke: 1px #ffffff;
opacity:0;
 		 transform: translateY(100px);
 		    transition: 2s 0.3s;
}
 .sec_tit.in-view{
opacity:1;
 transform: translateY(0);
} 


/*subtop tab*/
.menu_tab_wrap{position: relative;left: 0;top: 117px;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: 4px;right: 7px;width: 15px;height: 15px;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: 3px;left: 5px;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;}

@-webkit-keyframes imgAni{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}