@media only screen and (min-width:1px) and (max-width:800px) {
/*서브페이지-상단*/
.sub_top_wrap { float:left; width:100%; height:320px;  }
.sub_top_tit { float:left; width:100%; text-align:center; font-size:35px; font-weight:700; color:#fff; margin:155px 0 85px 0;   }

.sub_top_menu_wrap { float:left; width:100%;   }
.sub_top_menu_w { width:90%; height:55px; margin:0 auto; background:#fff; border:2px solid #e5edf4; border-radius:50px;   }

.sub_top_menu .st_home { float:left;  }
.sub_top_menu .home { display:block; position: absolute; width:85px; text-align:center; padding:13px 0; background:#e5edf4; border-radius:50px 0 0 50px;  }
.sub_top_menu .st_home img { width:25px;  }
.sub_top_menu .st11 {  margin-left:85px;  }

.sub_top_menu ul li { float:left; padding:12px 0 12px 10px; font-size:16px; font-weight:500; color:#000; }
.sub_top_menu ul li img { vertical-align:middle; width:7px; } 

.sub_top_menu .none {  }


}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*서브페이지-상단*/
.sub_top_wrap { float:left; width:100%; height:420px;  }
.sub_top_tit { float:left; width:100%; text-align:center; font-size:50px; font-weight:700; color:#fff; margin:190px 0 120px 0;   }

.sub_top_menu_wrap { float:left; width:100%;   }
.sub_top_menu_w { width:90%; height:75px; margin:0 auto; background:#fff; border:2px solid #e5edf4; border-radius:50px;   }

.sub_top_menu .st_home { float:left;  }
.sub_top_menu .home { display:block; position: absolute; width:95px; text-align:center; padding:21px 0; background:#e5edf4; border-radius:50px 0 0 50px;  }

.sub_top_menu ul li { float:left; padding:20px 0 20px 40px; font-size:20px; font-weight:500; color:#000; }
.sub_top_menu ul li img { vertical-align:middle; } 
.sub_top_menu .st11 {  margin-left:95px;  }

}

@media only screen and (min-width: 1280px) {
/*서브페이지-상단*/
.sub_top_wrap { float:left; width:100%; height:520px; }
.sub_top_tit { float:left; width:100%; text-align:center; font-size:55px; font-weight:700; color:#fff; margin:240px 0 160px 0;   }

.sub_top_menu_wrap { float:left; width:100%;   }
.sub_top_menu_w { width:1280px; height:75px; margin:0 auto; background:#fff; border:2px solid #e5edf4; border-radius:50px;   }

.sub_top_menu .st_home { float:left;  }
.sub_top_menu .home { display:block; position: absolute; width:95px; text-align:center; padding:21px 0; background:#e5edf4; border-radius:50px 0 0 50px;  }

.sub_top_menu ul li { float:left; padding:20px 0 20px 40px; font-size:20px; font-weight:500; color:#000; }
.sub_top_menu ul li img { vertical-align:middle; } 
.sub_top_menu .st11 {  margin-left:95px;  }

}



.sub_top_bg1 { background:#fff url('/images/sub_topbg1.jpg') center top no-repeat; background-size:cover;
background-position:center center; }
.sub_top_bg2 { background:#fff url('/images/sub_topbg2.jpg') center top no-repeat; background-size:cover;
background-position:center center; }
.sub_top_bg3 { background:#fff url('/images/sub_topbg3.jpg') center top no-repeat; background-size:cover;
background-position:center center; }
.sub_top_bg4 { background:#fff url('/images/sub_topbg4.jpg') center top no-repeat; background-size:cover;
background-position:center center; }


@media only screen and (min-width:1px) and (max-width:800px) {
/*레이아웃*/
.sub_contents_wrap { float:left; width:100%; padding:60px 0; }
.sub_contents_w { width:90%; margin:0 auto; box-sizing:border-box; }

}

@media only screen and (min-width:800px) and (max-width:1280px) { 
/*레이아웃*/
.sub_contents_wrap { float:left; width:100%; padding:80px 0;  }
.sub_contents_w { width:90%; margin:0 auto; box-sizing:border-box; }

}

@media only screen and (min-width: 1280px) {
/*레이아웃*/
.sub_contents_wrap { float:left; width:100%; padding:100px 0;   }
.sub_contents_w { width:1280px; margin:0 auto;  }

}

/*서브타이틀 - 상단제목*/
@media only screen and (min-width:1px) and (max-width:800px) {
.sub_contents_tit { float:left; width:100%; font-size:27px; font-weight:700; color:#004a98; word-break:keep-all;
margin:0px 0 30px 0; z-index:1; }
}

@media only screen and (min-width:800px) and (max-width:1200px) { 
.sub_contents_tit { float:left; width:100%; font-size:40px; font-weight:700; color:#004a98; word-break:keep-all;
margin:0 0 40px 0; }
}

@media only screen and (min-width: 1200px) {
.sub_contents_tit { float:left; width:100%; font-size:45px; font-weight:700; color:#004a98; word-break:keep-all;
margin:0 0 50px 0; }
}




@media only screen and (min-width:1px) and (max-width:800px) {

/*모바일메뉴*/
.dropdown { float:left; }
.dropbtn {  position: absolute; width:130px; cursor:pointer; 
font-size:16px; text-align:left;  font-weight:500; color:#000; background: url('/images/icon_arrow_menu_mob.png') right no-repeat ; ;   }
.dropbtn:hover, .dropbtn:focus { background-color: #fff; }
.dropbtn span { float:right; font-size:12px; color:#aaa;  padding:5px 10px 0 0; }


.dropdown-content {
  display: none;
  position: absolute;
  background: #fff;
  width:170px;
  margin-top:35px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99;
}

.dropdown-content a {
  color: black;
  padding: 10px 16px;
  border-top:1px solid #e5edf4;
  text-decoration: none;
  display: block;
  font-size:15px;
}
.dropdown a:hover {background-color: #e5edf4;}


}

@media only screen and (min-width: 800px) {

/*모바일메뉴*/
.dropdown { float:left; }
.dropbtn { position: absolute; width:170px; cursor:pointer; 
font-size:20px; text-align:left; font-weight:500; color:#000; background: url('/images/icon_arrow_menu.png') right no-repeat ;  }
.dropbtn:hover, .dropbtn:focus { background-color: #fff; }
.dropbtn span { float:right; font-size:12px; color:#aaa;  padding:8px 10px 0 0; }


.dropdown-content {
  display: none;
  position: absolute;
  background: #fff;
  width:190px;
  margin-top:40px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  border-top:1px solid #e5edf4;
  text-decoration: none;
  display: block;
  font-size:18px;
}
.dropdown a:hover {background-color: #e5edf4;}

}

.show {display: block;}

/*z-index aos 호환값*/
[data-aos] {
    pointer-events: none;
  }
  .aos-animate {
    pointer-events: auto;
  }
  .aos-init[data-aos][data-aos].aos-animate {
    transform: unset;
  }



@media only screen and (min-width:1px) and (max-width:800px) {
/*카피라이터*/
.sub_copy_wrap { float:left; width:100%; background:#54565a; padding:0 0 40px 0; }
.sub_copy_w { width:90%; margin:0 auto; padding:0px 0 60px 0; }
.sc_le { float:left; width:100%; }

.sc_menu { width:330px; margin:0 auto; padding:30px 0 40px 0;  }
.sc_menu ul li { float:left; margin:0 5px; font-size:13px; color:#ddd; }
.sc_menu ul li:first-child {  margin-left:0;  }
.sc_menu ul li a {  color:#fff; transition: all ease 0.3s;  }
.sc_menu ul li a:hover { color:#b0dcf6; }

.sc_txt { float:left; width:100%; margin:0 0 5px 0; }
.sc_txt ul li { float:left; font-size:12px; color:#ddd;   }
.sc_txt ul li b { font-size:13px; font-weight:500; color:#fff; }
.sc_txt ul li span { font-size:13px; color:#fff;  }
.sc_txt .tel {  padding:0 20px;  }

.sc_le .copyright { float:left; width:100%; font-size:12px; color:#aaa; }

.sc_ri { display:none;  float:right; width:100%; text-align:center; }
.sc_ri ul li { margin-top:30px; }

}

@media only screen and (min-width:800px) and (max-width:1200px) { 
/*카피라이터*/
.sub_copy_wrap { float:left; width:100%; background:#54565a; padding:0 0 60px 0; }
.sub_copy_w { width:90%; margin:0 auto; padding:0px 0 60px 0; }
.sc_le { float:left; width:80%; }

.sc_menu { float:left; width:100%; padding:40px 0 30px 0;  }
.sc_menu ul li { float:left; margin:0 10px; font-size:16px; color:#ddd; }
.sc_menu ul li:first-child {  margin-left:0;  }
.sc_menu ul li a {  color:#fff; transition: all ease 0.3s;  }
.sc_menu ul li a:hover { color:#b0dcf6; }

.sc_txt { float:left; width:100%; margin:0 0 5px 0; }
.sc_txt ul li { float:left; font-size:12px; color:#ddd;   }
.sc_txt ul li b { font-size:13px; font-weight:500; color:#fff; }
.sc_txt ul li span { font-size:13px; color:#fff;  }
.sc_txt .tel {  padding:0 15px;  }

.sc_le .copyright { float:left; width:100%; font-size:12px; color:#aaa; }

.sc_ri { float:right; width:20%; text-align:right; }
.sc_ri ul li { margin-top:100px; }

}

@media only screen and (min-width: 1200px) {
/*카피라이터*/
.sub_copy_wrap { float:left; width:100%; background:#54565a; padding:0 0 60px 0; }
.sub_copy_w { width:1280px; margin:0 auto; padding:0px 0 60px 0; }
.sc_le { float:left; width:80%; }

.sc_menu { float:left; width:100%; padding:40px 0 30px 0;  }
.sc_menu ul li { float:left; margin:0 10px; font-size:16px; color:#ddd; }
.sc_menu ul li:first-child {  margin-left:0;  }
.sc_menu ul li a {  color:#fff; transition: all ease 0.3s;  }
.sc_menu ul li a:hover { color:#b0dcf6; }

.sc_txt { float:left; width:100%; margin:0 0 5px 0; }
.sc_txt ul li { float:left; font-size:12px; color:#ddd;   }
.sc_txt ul li b { font-size:13px; font-weight:500; color:#fff; }
.sc_txt ul li span { font-size:13px; color:#fff;  }
.sc_txt .tel {  padding:0 15px;  }

.sc_le .copyright { float:left; width:100%; font-size:12px; color:#aaa; }

.sc_ri { float:right; width:20%; text-align:right; }
.sc_ri ul li { margin-top:100px; }

}