@charset "euc-kr";
/* CSS Document */

/* °ψΕλΏ΅Ώͺ */
#container{
    width: 100%;
}
#container .inner{
    margin: 0 15px;
}


/*s section1*/
#section1{
    padding-top:0px;
}

/* s  slider */
#visual{
    position: relative;
}

#visual ul li{
    width: 100%;
    float: left;
}

#visual ul li img{
    width: 100%;
    height: auto;
}

#visual .bx-pager{
    width: 50%;
    position: absolute; 
    bottom: 13px;
    left:50%;
    margin-left:-25%;
    display:none;
}  
#visual .bx-pager div{
    float: left;
    margin: 0 3px;
    width: 7.5%;
} 
#visual .bx-pager div:first-child{
    margin-left: 0;
}
#visual .bx-pager div:last-child{
    margin-right: 0;
}


#visual .bx-pager div a{
    display: block; 
    width: 100%; 
    height: 5px;
    border-radius:20%;
    background: rgba(255, 255, 255, 0.8); 
    text-indent: -9999px;
}

#visual .bx-pager div .active{
    background: #1597e0;
} 

#visual .bx-controls-direction{
    position: absolute;
    left: 0;
    top: 55%;
    margin-top: -34.5px;
    width: 100%;
    display:none;
}
#visual .bx-controls-direction a{
    display: block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}    
#visual .bx-controls-direction .bx-prev{
    background: url(../images/left_btn.png) no-repeat center 0/cover;
    position: absolute;
    top:0;
    left: 10px;
}    
#visual .bx-controls-direction .bx-next{
    background: url(../images/right_btn.png) no-repeat center 0/cover;
    position: absolute;
    right: 10px;
}
/* e  slider */

/*e section1*/

/*s section2*/
#section2 .inner .ttl img{
    width:100%;
    margin-top:-6%;
    position:relative;
    z-index:66;
}
#section2 .welcome img{
    width:100%;
}
/*e section2*/

/*s section3*/
#section3 .inner .story img{
    width:100%;
    margin:0 0 4% 0;
}
#section3 .inner .btns{
    width:100%;
}
#section3 .inner .btns a{
    float:left;
    display:block;
    width:48%;
    margin:0 4% 4% 0;
}
#section3 .inner .btns a:last-child{
    margin:0;
}
#section3 .inner .btns a img{
    width:100%;
}
#section3 .inner .d_txt img{
    width:100%;
    margin:20px 0;
}
/*e section3*/

/*s section4*/
#section4 .banner img{
    width:100%;
    margin:0 0 15px 0;
}

/* s room slider */
#visual2{
    position: relative;
}

#visual2 ul li{
    width: 100%;
    float: left;
}

#visual2 ul li img{
    width: 100%;
    height: auto;
}

#visual2 .bx-pager{
    width: 50%;
    position: absolute; 
    bottom: 13px;
    left:50%;
    margin-left:-25%;
    display:none;
}  
#visual2 .bx-pager div{
    float: left;
    margin: 0 3px;
    width: 7.5%;
} 
#visual2 .bx-pager div:first-child{
    margin-left: 0;
}
#visual2 .bx-pager div:last-child{
    margin-right: 0;
}


#visual2 .bx-pager div a{
    display: block; 
    width: 100%; 
    height: 5px;
    border-radius:20%;
    background: rgba(255, 255, 255, 0.8); 
    text-indent: -9999px;
}

#visual2 .bx-pager div .active{
    background: #1597e0;
} 

#visual2 .bx-controls-direction{
    position: absolute;
    left: 0;
    top: 55%;
    margin-top: -34.5px;
    width: 100%;
    display:none;
}
#visual2 .bx-controls-direction a{
    display: block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}    
#visual2 .bx-controls-direction .bx-prev{
    background: url(../images/left_btn.png) no-repeat center 0/cover;
    position: absolute;
    top:0;
    left: 10px;
}    
#visual2 .bx-controls-direction .bx-next{
    background: url(../images/right_btn.png) no-repeat center 0/cover;
    position: absolute;
    right: 10px;
}
/* e room slider */

#section4 .slide_txt img{
    width:100%;
}
/*e section4*/

/*s section5*/
#section5 .f_btn a{
    display:block;
    width:100%;
}
#section5 .f_btn a img{
    width:100%;
}

#section5 .inner .r_btn a{
    display:block;
    width:100%;
}
#section5 .inner .r_btn a img{
    width:100%;
    margin:20px 0;
}
/*e section5*/