#boxWrapp .subVisual{position: relative;height:728px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; }

/* ----¼­ºê»ó´ÜÀ̹ÌÁö---- */
#boxWrapp .subVisual .title{position: absolute;top: 50%;left: 0%;text-align: center;margin-top: -70px; text-align:center; width:100%;   letter-spacing:-0.05em;}
#boxWrapp .sub_img1{background: url(../../img/sub_img1.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img2{background: url(../../img/sub_img2.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img3{background: url(../../img/sub_img3.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img4{background: url(../../img/sub_img4.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img4_02{background: url(../../img/sub_img4_02.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img4_03{background: url(../../img/sub_img4_03.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img4_04{background: url(../../img/sub_img4_04.jpg) no-repeat center; background-size:cover}
#boxWrapp .sub_img5{background: url(../../img/sub_img5.jpg) no-repeat center; background-size:cover}



#boxWrapp .title h2{display: inline-block; font-size:60px; line-height:60px; color: #fff; padding-bottom:10px;border-bottom:5px solid rgba(255,255,255,0.2); 
margin-bottom:0px; font-weight:700; letter-spacing:0.03em;  }
#boxWrapp .title  p { font-size:22px; color:#fff; padding-top:15px; letter-spacing:0.03em; font-weight:400}





.subVisual .bottom_arrow { position:absolute; z-index:10; bottom:0px; text-align:center; width:70px; height:58px; left:50%; margin-left:-35px; margin-bottom:-29px;}

@media screen and (max-height:750px) and (min-width:500px){
/*#boxWrapp .subVisual{height:520px;  }*/
}

@media screen and (max-width:768px){
#boxWrapp .subVisual{height:390px;}
#boxWrapp .title h2{display: inline-block; font-size:30px; line-height:30px; color: #fff;padding:0 30px 15px 30px; border-bottom:5px solid rgba(255,255,255,0.2); }
#boxWrapp .title  p { font-size:16px; padding-top:15px; font-weight:300}
.subVisual .bottom_arrow { width:66px; height:40px; left:50%; margin-left:-33px; margin-bottom:-20px; overflow:hidden; }
.subVisual .bottom_arrow img { overflow:hidden }

}


@media screen and (min-width:200px) and (max-width:669px) {
/*#boxWrapp .subVisual{height:380px;  }
#boxWrapp .sub_img1,
#boxWrapp .sub_img2,
#boxWrapp .sub_img3,
#boxWrapp .sub_img4,
#boxWrapp .sub_img5{background-size:1000px;}
#boxWrapp .subVisual .title{top: 60%;} 
#boxWrapp .title h2{font-size:31px; line-height:30px;}
#boxWrapp .title  p { font-size:11px;  padding-top:10px; max-width:90%; margin:0 auto;}
.subVisual .bottom_arrow {   width:50px; height:40px;  margin-left:-25px; margin-bottom:-7px;}
.subVisual .bottom_arrow img {width:100%;}*/
}





/* ----¼­ºê¸Þ´º---- */
#boxWrapp .menuBar{position: relative; width: 100%; text-align: center; margin:80px 0 60px 0;}
#boxWrapp .menuBar ul{text-align: center; font-size:0px;}
#boxWrapp .menuBar li{display: inline-block; }
#boxWrapp .menuBar li a{padding:20px 25px 15px 25px; cursor:pointer; border:1px #DCDCDC solid; font-size:15px;  opacity:0.7; filter:alpha(opacity=70); border-left:0px;  font-family:"Noto Sans KR"; }
#boxWrapp .menuBar li:first-child a{border-left:1px #DCDCDC solid; }
#boxWrapp .menuBar li a.on_box {background:#00BCD5;border:1px #00BCD5 solid; z-index: 99; opacity:1; filter:alpha(opacity=100); color:#fff;}
#boxWrapp .menuBar a{color: #000;display: inline-block;   }
#boxWrapp .menuBar a:hover{color: #000;  opacity:1; filter:alpha(opacity=100); }



@media screen and (min-width:200px) and (max-width:669px) {
/*#boxWrapp .menuBar{margin:60px 0 20px 0;}
#boxWrapp .menuBar li a{padding:10px;   font-size:13px;   border-left:1px #DCDCDC solid; margin:2px;}*/
}


@media screen and (max-width:768px) {
#boxWrapp .menuBar{margin:80px 0 20px 0;}
#boxWrapp .menuBar li a{padding:10px 20px;  border-left:1px #DCDCDC solid; margin:0; font-size:12px;margin-left:-1px}
#boxWrapp .menuBar li.wd50{width:50%;min-width:135px;max-width:135px}
#boxWrapp .menuBar li.wd50 a{width:100%; box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px 0;text-align:center;margin-top:-1px;margin-left:-1px}

}