#boxWrapp .subVisual{position: relative;height:950px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; }
#boxWrapp .subVisual2{display:none;}
@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




.content_P {width:100%;margin:0 auto;}
.content_M {display:none;}












/* ----¼­ºê»ó´ÜÀÌ¹ÌÁö---- */






#boxWrapp .subVisual .title{position: absolute;top: 50%;left: 0%;text-align: center;  text-align:center; width:100%;   letter-spacing:-0.05em;}


#boxWrapp .sub_img1{background: url(../../img/sub_img1.jpg) no-repeat center 0px fixed;}
.sub_img1a{background: url(../../img/sub_img1a.jpg) no-repeat center 0px fixed;}
.sub_img1b{background: url(../../img/sub_img1b.jpg) no-repeat center 0px fixed;}
.sub_img1c{background: url(../../img/sub_img1c.jpg) no-repeat center 0px fixed;}


#boxWrapp .sub_img2{background: url(../../img/sub_img2.jpg) no-repeat center 0px fixed;}
.sub_img2a{background: url(../../img/sub_img2a.jpg) no-repeat center 0px fixed;}
.sub_img2aa {background: url(../../img/sub_img2aa.jpg) no-repeat center 0px fixed;}




#boxWrapp .sub_img3{background: url(../../img/sub_img3.jpg) no-repeat center 0px fixed;}
.sub_img3a{background: url(../../img/sub_img3a.jpg) no-repeat center 0px fixed;}
.sub_img3b{background: url(../../img/sub_img3b.jpg) no-repeat center 0px fixed;}




#boxWrapp .sub_img6{background: url(../../img/sub_img6.jpg) no-repeat center 0px fixed;}
.sub_img6a{background: url(../../img/sub_img6a.jpg) no-repeat center 0px fixed;}




#boxWrapp .sub_img7{background: url(../../img/sub_img7.jpg) no-repeat center 0px fixed;}






#boxWrapp .title h2{display: inline-block; font-size:90px; line-height:100%; color: #fff;        font-family: 'LeferiPoint-BlackA';, cursive; font-weight:200;  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; font-family:GmarketSansMedium;}
.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;}
.content h3 {font-family: 'GmarketSansMedium'; font-size:30px; color:#00;}


.sub_img2 .title p{width:550px;margin:0 auto;}




@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 .menuBar ul{margin-top:5%;}
#boxWrapp .subVisual{display:none;}


#boxWrapp .subVisual2{display:block;height:700px;  }


.msub_img1{background: url(../../img/msub_img1.jpg) no-repeat center 0px fixed;}
.msub_img1a{background: url(../../img/msub_img1a.jpg) no-repeat center 0px fixed;}
.msub_img1b{background: url(../../img/msub_img1b.jpg) no-repeat center 0px fixed;}
.msub_img1c{background: url(../../img/msub_img1c.jpg) no-repeat center 0px fixed;}




.msub_img2{background: url(../../img/msub_img2.jpg) no-repeat center 0px fixed;}
.msub_img2a{background: url(../../img/msub_img2a.jpg) no-repeat center 0px fixed;}
.msub_img2aa {background: url(../../img/msub_img2aa.jpg) no-repeat center 0px fixed;}


.msub_img3{background: url(../../img/msub_img3.jpg) no-repeat center 0px fixed;}
.msub_img3a{background: url(../../img/msub_img3a.jpg) no-repeat center 0px fixed;}
.msub_img3b{background: url(../../img/msub_img3b.jpg) no-repeat center 0px fixed;}




.msub_img6{background: url(../../img/msub_img6.jpg) no-repeat center 0px fixed;}
.msub_img6a{background: url(../../img/msub_img6a.jpg) no-repeat center 0px fixed;}
.msub_img6b{background: url(../../img/msub_img6a.jpg) no-repeat center 0px fixed;}


.msub_img7{background: url(../../img/msub_img7.jpg) no-repeat center 0px fixed;}


.msub_img1,.msub_img1a,.msub_img1b,.msub_img1c, .msub_img2,.msub_img2a,.msub_img2aa, .msub_img3,.msub_img3a,.msub_img3b, .msub_img6,.msub_img6a,.msub_img6b .msub_img7{background-size:120%;}


.title2 {top:50%;text-align:center;}
#boxWrapp .title2 h2 {font-size:47px;color: #fff;display: inline-block;font-weight: 200;font-family: 'LeferiPoint-BlackA';padding-bottom: 10px;border-bottom: 5px solid rgba(255,255,255,0.2);margin-bottom: 0px; line-height: 100%;
}
#boxWrapp .title2  p { font-size:13px;  padding-top:10px; max-width:90%; margin:0 auto;color: #fff; font-family: GmarketSansMedium;}


.subVisual .bottom_arrow {   width:50px; height:40px;  margin-left:-25px; margin-bottom:-7px;}
.subVisual .bottom_arrow img {width:100%;}




.msub_img1a .title2 p{width:200px;}
.msub_img1b .title2 p{width:300px;}


.msub_img2 .title2 p{width:330px;}
.msub_img2a .title2 p{width:250px;}
.msub_img2aa .title2 p{width:250px;}


.msub_img3 .title2 {width:270px;margin:0 auto;}
.msub_img3a .title2 {width:270px;margin:0 auto;}


.msub_img6 .title2 p{width:250px;}
.msub_img6a .title2 p{width:200px;}
.msub_img6b .title2 p{width:300px;}








.content_P {display:none;}
.content_M {display:block;}


.Business_M {display:block;}
.Business_P {display:none;}


}


















/* ----¼­ºê¸Þ´º---- */
#boxWrapp .menuBar{position: relative; width: 100%; text-align: center; margin:70px 0 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;  font-size:15px;  opacity:0.7; filter:alpha(opacity=70); border-left:0px; font-family: 'GmarketSansMedium';}


#boxWrapp .menuBar li a.on_box { z-index: 99; opacity:1; filter:alpha(opacity=100); border:0px !important; color:#f18903;box-shadow: inset 0px -0.1em 0 0 #f18903;}
#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:40px 0 20px 0;}
#boxWrapp .menuBar li a{padding:9px;   font-size:13px;   border-left:1px #DCDCDC solid; margin:2px;}
}