@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@charset "utf-8";
/* CSS Document */

* {
  padding:0;
  margin:0;
}
body {
  padding:0;
  margin:0;
  font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','留묒  怨좊뵓',sans-serif; background-color: #ececec;
}
a {
  color:inherit;
  text-decoration:none;
}
img {width: 100%;}

ul, li { list-style: none;}
.header { background: #093967;  top: 0; width: 100%;}
.header_inner { width: 900px; margin: 0 auto; display: flex; justify-content: space-between;}
.header_inner li { vertical-align: middle; height: 100px;}
.header_inner li:nth-child(1) {line-height: 133px;}
.header_inner li:nth-child(2) {line-height: 125px;}

#wrap {
  width:100%;
  max-width:900px;
  margin:0 auto;
}

#wrap img {display: block;}

article img {
  width:100%; 
}
article p {
  padding:0 4%;
  text-align:justify;
  font-size:20px;
  line-height:1.9em;
  letter-spacing:-0.065em;
  font-weight:300;
  color:#232323;
}
b {
  font-weight:600;
  color:#000;
}

.pt4{
  padding-top:4%;
}
.pt7{
  padding-top:10%;
}


/* form */
      .form1 {font-family: 'Malgun Gothic','맑은 고딕',sans-serif;
        overflow: hidden;
        /*margin: 7px;*/
        text-align: center;
      }
      .form1 table {
        width: 88%;
        margin: 30px auto 20px auto;
      }
      .form1 th,
      .form1 td{
        padding: 10px 0;
      }
      .form1 th {
        padding-right: 15px;
        padding-left: 5px;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -1px;
        text-align: left;
        white-space: nowrap;
      }

      .form1 td {
        padding-right: 5px;
        font-size: 14px;
        text-align: left;
        vertical-align: middle;
      }
      .form1 .cell_send{
        padding: 3% 0 0;
        text-align: center;
      }
      /*
      #container .form1 .cell_check{
        padding: 0;
        text-align: center;
      }*/

      .form1 .cell_send img{
        width: 100%;
        margin: 0;
          border: none;
      }
      .form1 input[type=text],
      .form1 input[type=tel],
      .form1 select{
        border: 1px solid #ccc;
        background: #fff;
        font-size: 15px;
        border-radius: 7px;
      }
      .form1 input[type=text],
      .form1 input[type=tel]
      {
        padding: 6px 5px;
        height:37px;
      }
      .form1 select{
        padding: 5px 4px;
        height: 51px;
      }
      .tf_1{
        width: 100%;
      }
      .tf_3{
        float: left;
        width: 30%;
        height:37px;
      }
      .opt_3{
        min-width: 30%;
      }
      .tf_bar{
        float: left;
        width: 5%;
        height: 31px;
        line-height: 31px;
        text-align: center;
      }
      .tf_3 input{
        width: 100%;
      }
      label.tf_3{
        position: relative;
      }
      .tf_star {
        color:red;
      }
      .tf_tooltip{
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 0;
        padding: 0 5px;
        background: #fff;
        font-size: 12px;
        color: #999;
        white-space: nowrap;
        transform: translate(0,-50%);
      }
      .form1 input[type=checkbox] {
        width: auto;
      }
      .lab_agree{
        display: block;
        /*margin: 0 !important;*/
        font-size: 11px;
        color: #999;
        line-height: 0.2;
        text-align: center;
        letter-spacing:-0.5px;
      }
      .lab_agree input[type=checkbox] {
        vertical-align: -2px;
        margin:0 0 0 3px;
      }
      .result {
        background: #f5f5f5;
          border: 1px solid #ccc;
          font-size: 13px;
          padding: 10px 0;
      }
      .result input {
        border: 1px solid #ccc;
          height: 35px;
          border-radius: 7px;
          width: 20%;
          padding-left: 10px;
          font-size: 17px;
      }

.form1 .Form_Q {width:100%; padding: 10px; float:left; line-height:1.5; padding-bottom:2%; border-bottom:2px dashed #eee;}
.form1 .Form_Q th {font-size:1.125em; text-align:left; padding:2% 0;}
.agree_layer {z-index:100; display:none; position:fixed; left:50%;top:50%;-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:95%; height:95%; max-width:720px; max-height:680px; overflow-y:auto; background:#fff; font-family:'Malgun Gothic','맑은 ê³ ë”•', sans-serif; font-weight:normal; text-align:left;}
.agree_layer .agree_txt {box-sizing:border-box; overflow:auto; white-space:pre-line; font-size:14px; font-weight:normal; line-height:1.6; height:100%; padding:5%; border:1px solid #ccc; color:#444;}
.agree_layer .btn_close {box-sizing:border-box; position:absolute; right:2px; top:2px; width:50px; height:28px; border:1px solid #aaa; font-size:14px; line-height:26px; text-align:center; background:#fff; cursor:pointer;}
.btn_popup {cursor:pointer; color:inherit; font-size:inherit; text-decoration: none;}
.btn_send {overflow:visible; display:inline-block; font-family:inherit; vertical-align:middle; cursor:pointer; white-space:nowrap; text-decoration:none; border:none; background:transparent; outline:0;}

body.modal-open {overflow:hidden;}
.background_layer {z-index:99; display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;}
.agree_layer {z-index:100; display:none; position:fixed; left:50%;top:50%;-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:95%; height:95%; max-width:720px; max-height:680px; overflow-y:auto; background:#fff; font-family:'Malgun Gothic','맑은 고딕', sans-serif; font-weight:normal; text-align:left;}
.agree_layer .agree_txt {box-sizing:border-box; overflow:auto; white-space:pre-line; font-size:14px; font-weight:normal; line-height:1.6; height:100%; padding:5%; border:1px solid #ccc; color:#444;}
.agree_layer .btn_close {box-sizing:border-box; position:absolute; right:2px; top:2px; width:50px; height:28px; border:1px solid #aaa; font-size:14px; line-height:26px; text-align:center; background:#fff; cursor:pointer;}
.btn_popup {cursor:pointer; color:inherit; font-size:inherit; text-decoration: none;}
.btn_send {overflow:visible; display:inline-block; font-family:inherit; vertical-align:middle; cursor:pointer; white-space:nowrap; text-decoration:none; border:none; background:transparent; outline:0;}

footer {
  width:100%;
  background:#f5f5f5;
  font-family:'맑은고딕','돋움',dotum,sans-serif;
  font-size:13px;
  letter-spacing:-0.065em;
}
footer #menu1 {
  text-align:center;
  color:#bcb3b4;
  font-weight:bold;
  padding:5% 0;
}
footer #prdPar_b01{
  color:#bcb3b4;
  line-height:1.5;
  text-align:center;
  padding-bottom:5%;
}



@media all and (max-width: 1200px){
.header_inner { width: 100%; padding: 0 20px;}
.header_inner li:nth-child(1) { line-height: 93px;}
.header_inner li img { width: 70%;}

}
@media all and (max-width: 750px) {
.header_inner { width: 100%; padding: 0 10px;}
.header_inner li:nth-child(1) { line-height: 5.5;}   
.header_inner li:nth-child(1) img { width: 140px;}
.header_inner li:nth-child(2) { line-height: 6; text-align: right; padding-right: 15px;}
.header_inner li:nth-child(2) img { width: 140px;}
.header_inner li { vertical-align: middle; height: 80px;}
.header_inner li img { width: 80%;}
}


@media all and (max-width: 430px) {

	#btn{ display: none;}




}


* {
  padding:0;
  margin:0;
}
body {
  padding:0;
  margin:0;
  font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','留묒  怨좊뵓',sans-serif; background-color: #ececec;
}
a {
  color:inherit;
  text-decoration:none;
}
img {width: 100%;}

ul, li { list-style: none;}