@charset "UTF-8";
/* CSS Document */


/**/
*{margin:0; padding:0;}
ol,ul{list-style:none;}
a{text-decoration:none; color:inherit; outline:none;}
img{border:0;}
body{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #272727;}
.wrap{max-width:1200px; height:100hv; margin: 0 auto;}

/*p7*/
.p7{width: 100%; height: 360px; background-color: #edf0f4; text-align:center ;}
.p7 .wrap{height: 360px;}
#txt13{font-size: 28px; font-weight: 500; padding-top: 70px;}
#txt13 strong{font-size:40px; line-height: 120px;}
.button3{width: 270px; height: 50px; line-height: 50px; font-size: 18px; border: 2px solid black; border-radius: 40px; margin:0 auto; cursor: pointer;}
.button3:hover{color:#edf0f4; background-color: black;}
/*p7*/

/*footer*/
.footer{width: 100%; height: 120px; background-color: #252525; color: white; position: relative;}
.footer .wrap{height: 120px;}
#list5{max-width: 1200px; height: 58px; position: absolute; top:50%; transform: translateY(-50%);}
#list5 li{float: left; height: 58px;}
#footlogo{width:200px; text-align: center;}
#customer{width: 200px; font-weight: 300;}
#customer strong{font-size: 20px; font-weight: 500;}
#info{width: 550px; font-weight: 300;}
.button4{width: 180px; height: 35px; line-height: 35px; font-size: 15px; border-radius: 40px; margin:0 auto; cursor: pointer; background-color:#434343; 
         text-align: center; position: absolute; top:50%; transform: translateY(-50%); font-weight: 300;}
/*footer*/

/*laptop*/
@media (min-width:1024px) and (max-width:1680px) {
    .wrap{max-width:1670px;}
    .m_wrap2{width: 1024px; height:120px; margin: 0 auto;}
    #footlogo{margin-left: 50px;}
    .button4{margin-right: 50px;}
    #info{width: 370px;}
    #customer{width: 180px;}
}

/*tablet*/
@media (min-width:768px) and (max-width:1024px) {
    .wrap{max-width:1023px;}
    .m_wrap2{width:768px; height:120px; margin: 0 auto;}
    #footlogo{margin-left: 30px;}
    #info{width: 370px;}
    #customer{width: 160px;}
    .button4{display: none;}
}

  /*mobile*/
  @media (min-width:376px) and (max-width:767px) {
    .wrap{max-width:376px;}
    .m_wrap2{width:376px; margin: 0 auto;}
    .p7{height: 300px;}
    #txt13{font-size: 28px;}
    #txt13 strong{font-size: 20px; line-height: 80px;}
    .button3{width:220px; height:40px; line-height: 40px; font-size: 15px;}
    #footlogo{display: none;}
    #customer{display: none;}
    .button4{display: none;}
    #info{font-size: 12px; margin-left: 30px; width:360px;}

}

/*mobile min*/
@media (min-width:320px) and (max-width:375px) {
    .wrap{max-width:320px;}
    .m_wrap2{width:320px; margin: 0 auto;}
    .p7{height: 300px;}
    #txt13{font-size: 28px;}
    #txt13 strong{font-size: 18px; line-height: 80px;}
    .button3{width:220px; height:40px; line-height: 40px; font-size: 15px;}
    #footlogo{display: none;}
    #customer{display: none;}
    .button4{display: none;}
    #info{font-size: 12px; margin-left: 30px; width: 280px;}

}