/*서브-상단비주얼 */
.svisual{ width:100%; height:350px; position: relative;}
.svisual .svi{ width:100%; height:350px ; background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.svisual .svi01{ background-image: url(../img/sub/svisual01.jpg);}
.svisual .svi02{ background-image: url(../img/sub/svisual02.jpg);}
.svisual .svi03{ background-image: url(../img/sub/svisual04.jpg);}
.svisual .svi04{ background-image: url(../img/sub/svisual03.jpg);}
.svisual .svi05{ background-image: url(../img/sub/svisual05.jpg);}
.svisual .sv_tit{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 20; text-align: center;}
.svisual h3{ font-weight: 700; font-size:60px; line-height:60px;color: #fff;}
.svisual span{ display: block; font-size: 12px; font-weight: 300; color: rgba(255,255,255,.6); letter-spacing: 5px; margin: 20px 0 0 0px; display: none;}

@media screen and (max-width:1023px) {
  .svisual{ height:130px;}
  .svisual .svi{ height:130px ;}
  .svisual .sv_tit{ width: 100%;}
  .svisual h3{ font-size:30px;}
  .svisual span{ font-size: 11px; margin: 0px 0 0 0;}
}
@media screen and (max-width:767px) {
  .svisual{ height:100px; }
  .svisual .svi01{ height:100px ;}
  .svisual h3{ font-size:25px;}
  .svisual span{ font-size: 10px;}
}

/*************** 서브메뉴 ***************/
.smenu_box{ position: absolute; top: 325px; left: 50%; transform: translateX(-50%); z-index: 21;}
.smenu_box .smenu{ width: 1070px;}
.smenu_box .smenu ul{ display:flex; justify-content: center; align-items: center;}
.smenu_box .smenu ul li { text-align: center;}
.smenu_box .smenu ul li a{ display:block; font-size:17px; color:rgba(0,0,0,.5); line-height:1.2; padding: 20px 20px; background-color: #fff; position:relative;
  border: 1px solid #ddd; border-right: 0;}
.smenu_box .smenu ul li:last-child a{ border-right: 1px solid #ddd;}
.smenu_box .smenu ul li a:hover{ color:#333;}
.smenu_box .smenu ul li a.menu_on{ font-weight: 700; color:#fff; position:relative; background-color: #2F3E39; border-color: #2F3E39;}
.mo_smenu_box{ display: none;}  
@media screen and (max-width: 1279px) {
  .smenu_box .smenu{ width: 1020px;}
  .smenu_box .smenu ul li a{ padding: 20px 15px;}
}
@media screen and (max-width: 1023px) {
  .smenu_box{ display: none;}
/*모바일-서브 드롭메뉴*/
/* 서브상단 3차메뉴 */
.mo_smenu_box { position: relative; display: block; margin: 0 auto; width: 100%; line-height:50px; color: #666; vertical-align: middle; text-align: left;
  background:#fff; border-bottom: 1px solid #ddd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.mo_smenu_box .mo_smenu_tit { position: relative; z-index: 1; border-radius: 2px; font-size: 18px; cursor: pointer;}
.mo_smenu_box .mo_smenu_tit:hover {}
.mo_smenu_box .mo_smenu_tit:after { display: block; content: ""; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 9px; height: 6px; background: url(../img/common/ico_down.png) no-repeat center center;}
.mo_smenu_box.on .mo_smenu_tit:after { background-image: url(../img/common/ico_up.png);}
.mo_smenu_box.on ul { display: block;}
.mo_smenu_box.ms_tit .mo_smenu_tit { color: #222; font-weight: 500; padding: 0 15px; display: block;}
.mo_smenu_box ul { display: none; position: absolute; width: 100%; background: #f2f2f2; top: 50px; left: 0px; list-style: none; margin: 0; padding: 0; z-index: 1;
  height:auto !important; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.mo_smenu_box ul li { display: block !important; text-align: left; color: #999; cursor: pointer; height:auto !important; line-height:35px !important;  font-size: 16px !important; margin:0 !important;}
.mo_smenu_box ul li a {  display:block; padding: 5px 20px ; border-bottom:1px solid #ececec;}
.mo_smenu_box ul li:last-child a {  border-bottom:0px;}
.mo_smenu_box ul li:hover a { background: #4b545e; color: #fff;}
}
@media screen and (max-width: 767px) {
  .mo_smenu_box .mo_smenu_tit { font-size: 16px;}
  .mo_smenu_box ul li { font-size: 15px;}
}
/*내용 이미지*/
.cont_img img{ width: 100%;}
.cont_btn{ width: 100%; text-align: center;}
.cont_btn a{ display: block; background-color: #E1A35A; line-height: 100px; font-size: 28px; font-weight: 600; color: #222;}
@media screen and (max-width: 1023px) {
  .cont_btn a{ line-height: 80px; font-size: 23px;}
}
@media screen and (max-width: 767px) {
  .cont_btn a{ line-height: 60px; font-size: 20px;}
}