/* ----¼­ºê»ó´ÜÀ̹ÌÁö---- */

#boxWrapp .subVisual{position: relative; height:700px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
#boxWrapp .sub_img1{background-image: url(../../img/sub_img1.jpg);}
#boxWrapp .sub_img2{background-image: url(../../img/sub_img2.jpg);}
#boxWrapp .sub_img3{background-image: url(../../img/sub_img3.jpg);}
#boxWrapp .sub_img4{background-image: url(../../img/sub_img4.jpg);}
#boxWrapp .sub_img5{background-image: url(../../img/sub_img5.jpg);}
#boxWrapp .title{position: absolute; top:40%;left:5%; text-align: center; text-align:center; width:90%;}
#boxWrapp .title h2{display: inline-block; font-size:55px; line-height:100%; letter-spacing:0em; color: #fff; font-family: 'GmarketSansBold'; padding-bottom:10px; border-bottom:5px solid rgba(255,255,255,0.2); margin-bottom:0px;}
#boxWrapp .title  p { font-size:17px; color:#fff; line-height:1.4; padding-top:15px;}

@media screen and (max-width:1500px){
#boxWrapp .subVisual{height:500px;}
#boxWrapp .title h2{font-size:50px;}
#boxWrapp .title  p {font-size:16px;}
}

@media screen and (max-width:1279px){
#boxWrapp .subVisual{height:400px;}
#boxWrapp .title h2{font-size:45px;}
#boxWrapp .title  p {font-size:15px;}
}

@media screen and (max-width:1000px){ 
#boxWrapp .subVisual{height:300px;}
#boxWrapp .title h2{font-size:40px;}
#boxWrapp .title  p {font-size:14px;}
}

@media screen and (max-width:767px){ 
#boxWrapp .subVisual{height:250px;}
#boxWrapp .title h2{font-size:30px;}
#boxWrapp .title  p {font-size:13px;}
}




/* ----¼­ºê¸Þ´º---- */
#boxWrapp .menuBar{position: relative; width: 100%; text-align: center; margin:80px 0 60px 0;}
#boxWrapp .menuBar ul{text-align: center; font-size:0px; width:98%; margin:0 auto;}
#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:#0072BB; z-index: 99; opacity:1; filter:alpha(opacity=100); border:0px !important; color:#FBEB00;}
#boxWrapp .menuBar a{color: #000;display: inline-block; }
#boxWrapp .menuBar a:hover{color: #000;  opacity:1; filter:alpha(opacity=100); }

@media screen and (max-width:1000px) {
#boxWrapp .menuBar{margin:30px 0;}
#boxWrapp .menuBar li a{padding:10px; font-size:13px; }
#boxWrapp .menuBar li a { margin:2px; border:1px #DCDCDC solid; }
}
 




@media screen and (max-width:1234px) {
    #boxWrapp .menuBar ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    }
    #boxWrapp .menuBar ul li{
    width:calc((100% - 2px) / 2);
    display:block; 
    }

    #boxWrapp .menuBar ul li.full-row{width:100%}
 #boxWrapp .menuBar ul li:first-of-type:last-of-type{width:100%}
 #boxWrapp .menuBar ul li:first-of-type:last-of-type a{ width:calc((100% - 2px) / 2);margin:auto}
    #boxWrapp .menuBar ul li a{
    width:100%;
    height:100%;
    display:block;
    box-sizing: border-box; 
    }
}