/* ----¼­ºê»ó´ÜÀ̹ÌÁö---- */
#boxWrapp .subVisual{position:relative; height:400px; -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:-10px; text-align:center; width:100%;   letter-spacing:-0.05em;}
#boxWrapp .sub_img1{background: url(../../img/sub_img1.jpg) no-repeat center 0px fixed;}
#boxWrapp .sub_img2{background: url(../../img/sub_img2.jpg) no-repeat center 0px fixed;}
#boxWrapp .sub_img3{background: url(../../img/sub_img3.jpg) no-repeat center 0px fixed;}
#boxWrapp .sub_img4{background: url(../../img/sub_img4.jpg) no-repeat center 0px fixed;}
#boxWrapp .sub_img5{background: url(../../img/sub_img5.jpg) no-repeat center 0px fixed;}
#boxWrapp .title h2{display: inline-block; font-size:60px; line-height:60px; letter-spacing:0em; color: #fff; font-family: 'Wemakeprice-Bold','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; padding-top:15px;}


@media screen and (min-width:200px) and (max-width:669px) {
#boxWrapp .subVisual{height:250px;  }
#boxWrapp .sub_img1,
#boxWrapp .sub_img2,
#boxWrapp .sub_img3,
#boxWrapp .sub_img4,
#boxWrapp .sub_img5{background-size:1300px;}
#boxWrapp .title h2{font-size:29px; line-height:30px;}
#boxWrapp .title  p { font-size:12px;  padding-top:10px; max-width:90%; margin:0 auto;}
}








/* ----¼­ºê¸Þ´º---- */
#boxWrapp .menuBar{position: relative; width: 100%; text-align: center;  border-bottom:1px solid #eee;  }
#boxWrapp .menuBar ul{text-align: center; font-size:0px; }
#boxWrapp .menuBar li{display: inline-block; }
#boxWrapp .menuBar li a{padding:25px 35px 20px 35px; cursor:pointer; margin:0 5px; border-bottom:3px solid #fff; font-family: 'GmarketSansMedium';  font-size:16px;  opacity:0.7; filter:alpha(opacity=70);  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s ease-out 0.0s; }
#boxWrapp .menuBar li a.on_box {border-bottom:3px solid #5ca2d9; z-index: 99; opacity:1; filter:alpha(opacity=100);   color:#5ca2d9;}
#boxWrapp .menuBar a{color: #172236; display: inline-block;   }
#boxWrapp .menuBar a:hover{color: #000;  opacity:1; filter:alpha(opacity=100); border-bottom:3px solid #5ca2d9;}


@media screen and (min-width:200px) and (max-width:669px) {
#boxWrapp .menuBar li a{padding:15px 6px 10px 6px; font-size:11px; margin:0 1px;}
}