#boxWrapp .subVisual{position: relative;height:550px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; }
/* ----¼­ºê»ó´ÜÀ̹ÌÁö---- */
#boxWrapp .subVisual .title{position: absolute;top: 63%;left: 0%;text-align: center;margin-top: -70px; text-align:center; width:100%;   letter-spacing:-0.05em;}
#boxWrapp .sub_img1{background: url(../../img/taeshinclear/sub_title1.png) no-repeat center 0px fixed;}
#boxWrapp .sub_img2{background: url(../../img/taeshinclear/sub_title2.png) no-repeat center 0px fixed;}
#boxWrapp .sub_img3{background: url(../../img/taeshinclear/sub_title3.png) no-repeat center 0px fixed;}
#boxWrapp .sub_img4{background: url(../../img/taeshinclear/sub_title4.png) no-repeat center 0px fixed;}
#boxWrapp .sub_img5{background: url(../../img/taeshinclear/sub_title5.png) no-repeat center 0px fixed;}
#boxWrapp .sub_img6{background: url(../../img/taeshinclear/sub_title6.png) no-repeat center 0px fixed;}


#boxWrapp .title h2{display: inline-block; font-size:55px; line-height:55px; letter-spacing:-1px; color: #fff; font-family: 'pretendard'; padding-bottom:10px; margin-bottom:0px; font-weight: 700; }
#boxWrapp .title  p { font-size:40px; color:#ffffffcc;  font-family: 'Cormorant Upright'; font-weight: 400; font-style: italic; }


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


#boxWrapp .menuBar{position: relative; width: 100%; text-align: center; margin: 50px 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 #3c3c3b solid; font-size:15px;  opacity:0.7; filter:alpha(opacity=70); border-left:0px; }
#boxWrapp .menuBar li:first-child a{border-left:1px #3c3c3b solid; }
#boxWrapp .menuBar li a.on_box {background:#FFE300; z-index: 99; opacity:1; filter:alpha(opacity=100); border:0px !important; color:#2C2C2A;}
#boxWrapp .menuBar a{color: #fff;display: inline-block;   }
#boxWrapp .menuBar a:hover{color: #fff;  opacity:1; filter:alpha(opacity=100); }


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


@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:29px; line-height:30px; padding-bottom:5px;}
#boxWrapp .title  p { font-size:25px; 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: 50px 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; }
#boxWrapp .menuBar li:first-child a{border-left:1px #DCDCDC solid; }
#boxWrapp .menuBar li a.on_box {background:#172236; z-index: 99; opacity:1; filter:alpha(opacity=100); border:0px !important; color:#fff;}
#boxWrapp .menuBar a{color: #172236; 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;}
}