body {
width:100%;
margin:0 auto;
font-family: 'Noto Sans KR', sans-serif; 
}



#wrap {width:100%; overflow:hidden; margin:0;}

.slider {margin: 0 auto; width:100%; height:982px; background:url(../images/bg.jpg) repeat;}
.slide_viewer {width:100%; height: 982px; overflow: hidden; position: relative;}
.slide_group {width:100%; height: 100%;  position: relative; width: 100%;}
.slide {display: none; height: 100%; width:100%; position: absolute;}
.slide_cont {width:1200px; height:940px; margin:0 auto}
.slide .left_cont {float:left; width:35.5%; margin-left:62px;}
.slide .right_cont {float:left; width:58%; margin-top:210px;}
.slide .right_cont img {width:100%;}
.slide h1 {width:100%; position:relative; margin-top:270px; margin-bottom:0; font-size:68px; height:110px;}
.slide h1 img {float:left;}
.slide h1 img:nth-child(2) {margin-left:10px; margin-top:10px;}
.slide p {float:left; width:100%;margin-top:0; margin-bottom:20px; font-size:22px; font-weight:600; color:#454545;}
.detail {margin-top:30px; margin-bottom:32px; font-weight:500; color:#012946; display:flex; align-items:center; width:394px; font-size:14px; text-align:center; height:111px; background:url('../images/characteristic_bg.png') no-repeat;}
.detail2 {margin-top:30px; font-weight:500; color:#012946; display:flex; align-items:center; width:394px; font-size:14px; line-height:20px; text-align:center; height:111px; background:url('../images/characteristic_bg2.png') no-repeat;}
.detail2 .txt1 {display:inline; width:110px; text-align:center; float:left; display:inline-block; }
.detail2 .txt2 {width:110px;  margin-left:5px; float:left; display:inline-block; }
.detail2 .txt3 {width:110px; margin-left:5px;float:left; display:inline-block; }

.detail .txt1 {display:inline; width:110px; text-align:center; float:left; display:inline-block; }
.detail .txt2 {width:110px;  margin-left:-17px; float:left; display:inline-block; }
.detail .txt3 {width:110px; margin-left:-20px;float:left; display:inline-block; }
.detail .txt4 {width:110px; margin-left:-18px;  float:left; display:inline-block; }
.slide_btn1 {cursor:pointer; margin-top:0; display:block; margin-top:50px; width:243px; height:78px;  background:url('../images/detail_btn.png') no-repeat; border:none;}
.slide_btn1:hover {background:url('../images/detail_btn_on.png') no-repeat;}
.slide_btn2 {cursor:pointer; margin-top:0; display:block; margin-top:5px; width:181px; height:61px;  background:url('../images/detail_btn2.png') no-repeat; border:none;}
.slide_btn2:hover {background:url('../images/detail_btn2_on.png') no-repeat;}

.btn_area {width:100%;  overflow:hidden;}
.btn_area .btn_in {width:190px; height:100%;  margin:0; padding:0; float:left; text-align:center;}
.btn_area div:last-child {padding-left:15px; background:url('../images/btn_line.png') left no-repeat;}
.btn_tit {text-align:center; display:inline-block; overflow:hidden; margin-left:-10px;}
.btn_tit strong {font-weight:800;}
.btn_area ul.btn_in button {margin:0 auto;}
.new_mark {width:48px; height:22px; font-size:13px; margin-left:4px; line-height:22px; font-weight:600; background:#ef677b; font-style:italic; text-indent:-2px; border-radius:50px; display:inline-block; text-align:center; color:#ffffff;}
.new_mark_big {position:absolute; top:48px; display:inline-block; width:56px; height:28px; font-size:14px; font-style:italic; text-indent:-2px;  font-weight:600; line-height:28px; border-radius:100px; margin-left:8px; text-align:center; 
color:#ffffff;  background:#ef677b; }
.new_mark_big2 {position:absolute; top:126px; display:inline-block; width:56px; height:28px; font-size:14px; font-style:italic; text-indent:-2px;  font-weight:600; line-height:28px;  border-radius:100px; margin-left:9px; text-align:center; 
color:#ffffff;  background:#ef677b; }

.slider_area {position:relative;}
.service_program {position:absolute; width:1221px; left:50%; margin-left:-600px; bottom:0;height:97px; background:url('../images/service_pragram_bg.png') no-repeat;}
.service_program ul {padding-top:2px; overflow:hidden;}
.service_program ul li {list-style:none;float:left; margin:20px 40px;}
.service_program ul li:first-child {margin-left:160px;}



.slide:first-child {
  display: block;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  bottom:165px;
  text-align: center;
}

a.slide_btn {
  width:8px;
  height:8px;
  background:#fff;
  border:1px solid #4456c5;
  display:inline-block;
  border-radius:50px;
  font-size: 32px;
  margin: 4px;
}
.slide_btn:hover {
  width:8px;
  height:8px;
  background:#4456c5;
  border:1px solid #4456c5;
  display:inline-block;
  cursor: pointer;
}
.slide_btn.active {
  width:36px;
  height:8px;
  background:#4456c5;
  border:1px solid #4456c5;
  display:inline-block;
  cursor: pointer;
}

.directional_nav {
  position:absolute;
  margin: 0 auto;
  top: 390px;
  width:100%;
  height:100px;
}

.previous_btn {
  left: 5%;
  margin: auto;
  position: absolute;
  
  background:url('../images/left_btn.png') no-repeat;
}

.previous_btn:hover {
  background:url('../images/left_btn_on.png') no-repeat;
}
.next_btn {
  margin: auto;
  position: absolute;
  right: 5%;
  background:url('../images/right_btn.png') no-repeat;
}
.next_btn:hover {
  background:url('../images/right_btn_on.png') no-repeat;
}
.previous_btn, .next_btn {
  cursor: pointer;
  height: 41px;
  width: 21px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }