@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html { font-size: 62.5%; }

a {
  text-decoration: none;
}

body {
       margin: 0;
       word-break: keep-all;
     }







@media screen and (max-width: 500px){

  .ma_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top:-5%;
    left: 50vw;
    z-index: 1;
    font-size: 1rem;
    /* width: 120px; */
    z-index: 5;
    font-weight: bold;
    text-align: center;
    margin-top: 7rem;
  }

  .ma_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 30%;
    right: 6.5%;
    z-index: 1;
    font-size: 1rem;
    /* font-weight: bold; */
    text-align: right;
  }
  .ma_txt3{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 1rem;
    /* font-weight: bold; */
    text-align: center;
  }

  .da_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
  }

  .da_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    font-size: 1.2rem;
  }

  #te_box1{
    width: 100%;
    height: 100;
    display: flex;
    position: static;
  }

  #te_box1 div{
    flex: 1;
    text-align: left;
  }

  #te_box1 div.half_widht{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    width: 50%;
    flex: 1;
    text-align: left;
    flex: initial;
    font-size: 8pt;
  }

  .te_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: static;
    z-index: 1;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
    margin-top: -40px;
  }

  .te_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: static;
    z-index: 1;
    font-size: 1.1rem;
    /* font-weight: bold; */
    text-align: left;
  }

  .ad_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 25%;
    left: 60%;
    z-index: 1;
    font-size: large;
    font-weight: bold;
    text-align: left;
  }

  .ad_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 35%;
    left: 60%;
    z-index: 1;
    font-size: medium;
    /* font-weight: bold; */
    text-align: left;
    line-height: 160%;
  }

  .ad_txt3{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 35%;
    left: 70%;
    z-index: 1;
    font-size: medium;
    /* font-weight: bold; */
    text-align: left;
    line-height: 160%;
  }

  #in_box1{
    width: 100%;
    position: relative;
    margin: 30px 0;
  }

  /* #in_box2{
    width: 100%;
    position: relative;
    margin: 30px 0;
  } */

  .in_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    /* position: absolute; */
    top: 8%;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    font-size: 3vw;
    /* font-weight: bold; */
    text-align: center;
  }

  .in_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 15%;
    left: 32%;
    transform: translate(-50%);
    z-index: 1;
    font-size: 1.1rem;
    /* font-weight: bold; */
    text-align: left;
  }

  .in_txt3{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 15%;
    left: 28%;
    transform: translate(-50%);
    z-index: 1;
    font-size:1.1rem;
    /* font-weight: bold; */
    text-align: left;
  }

.in_txt4{
  font-family: 'Nanum Gothic', Arial, sans-serif;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
  font-size: 1.1rem;
  /* font-weight: bold; */
  text-align: center;
}

  .hi_box3{
    position: relative;
    float: right;
    width: 7rem;
    right: 0;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #283891;
    margin-right:50%;
    height: 20px;
    z-index: 2;
  }

  .hi_box4{
    width: 7rem;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #283891;
    margin-right:50%;
    height: 20px;
    text-align: right;
    z-index: 2;
  }

  .hi_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    right: 50%;
    /* transform: translate(-50%); */
    z-index: 2;
    font-size: 1.2rem;
    text-align: right;
    margin: 30px;
  }

  .hi_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    /* top: 8%; */
    left:50%;
    z-index: 2;
    font-size: 1.2rem;
    /* font-weight: bold; */
    text-align: left;
    margin: 30px;
  }

  .ce_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top:45%;
    right: 75%;
    transform: translate(17%);
    z-index: 2;
    font-size: medium;
    text-align: center;
    /* margin: 30px; */
  }

  .ce_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 88%;
    right: 75%;
    transform: translate(17%);
    z-index: 2;
    font-size: medium;
    text-align: center;
    /* margin: 30px; */
  }

  .ce_txt3{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    position: absolute;
    top: 88%;
    left: 17%;
    transform: translate(10%);
    z-index: 2;
    font-size: medium;
    text-align: center;
    /* margin: 30px; */
  }

  .ce_txt4{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 2;
    padding: 20px 0%;
    text-align: center;
    font-size: small;
  }

  .ce_txt5{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 2;
    padding: 20px 0%;
    text-align: center;
    font-size: large;
  }

  #ce_box1 div.half_widht{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    width: 10%;
    text-align: left;
    flex: initial;
    overflow: hidden;
    font-size: large;
    font-weight: bold;
  }

  #pi_box1 div.half_widht{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    width: 5%;
    text-align: left;
    font-size: 2.5vw;
  }

  #pi_box3 div.half_widht{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    width: 50%;
    text-align: center;
    flex: initial;
    overflow: hidden;
    font-size: 1.5rem;
  }

  #pi_box5 div.half_widht{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    width: 10%;
    text-align: center;
    flex: initial;
    overflow: hidden;
    font-size: large;
    font-weight: bold;
  }

  .pi_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 2;
    padding: 20px 0%;
    text-align: center;
    font-size: medium;
  }

  .pr_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 7;
    padding: 20px 0%;
    text-align: center;
    font-size: 1rem;
  }

  .re_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 5;
    /* padding: 20px 0%; */
    text-align: center;
    font-size: 1rem;
    line-height: normal;
  }

  .re_txt2{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    z-index: 5;
    padding: 20px 0%;
    text-align: left;
    font-size: 1rem;
    line-height: normal;
  }

  #re_la{
    margin-Top:10px;
    padding:10px;
    width: 10vw;
    height:4vw;
    font-size: 1rem;
  }


.gps2{
  height:60%;
}





  /* 푸터 */

  #fu_box1{
    width: 100%;
    height: 80px;
    display: flex;
    text-align: center;
  }

  #fu_box1 div{
    flex: 1;
    padding: 20px;
    text-align: center;
    overflow: hidden;
  }

  .fu_txt1{
    font-family: 'Nanum Gothic', Arial, sans-serif;
    font-size: 8pt;
  }


  .fu_pic{
    max-width:20px; 
    margin-Top:-12px; 
    margin-bottom:5px;
  }



}