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

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

/*banner s*/
#container .banner{
    padding-top:60px;
}
#container .banner img{
    width:100%;
}
/*banner e*/

/*section1 s*/
#section1 .inner img{
    width:100%;
    margin:20px 0;
}

#section1 .inner .ttl{
    width:100%;
}
#section1 .inner .ttl img{
    width:50%;
    float:left;
}

/* s  slider */
#visual2{
    position: relative;
    margin:0 0 8px 0;
}

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

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

#visual2 .bx-pager{
    width: 50%;
    position: absolute; 
    bottom: 10px;
    left:50%;
    margin-left:-23%;
    opacity:0;
}  
#visual2 .bx-pager div{
    float: left;
    margin: 0 2.5px;
    width: 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: 4px;
    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%;
}
#visual2 .bx-controls-direction a{
    display: block;
    text-indent: -9999px;
    width: 26px;
    height: 53px;
}    
#visual2 .bx-controls-direction .bx-prev{
    background: url(../images/room/prev_btn.png) no-repeat center 0/cover;
    position: absolute;
    top:0;
    left: 10px;
}    
#visual2 .bx-controls-direction .bx-next{
    background: url(../images/room/next_btn.png) no-repeat center 0/cover;
    position: absolute;
    right: 10px;
}
/* e  slider */

#section1 .pic img{
    float:left;
    width:32%;
    margin:0 0 10px 2%;
}
#section1 .pic img:first-child{
    margin:0;
}

/*section1 e*/

/*section2 s*/
#section2 .inner .go_btn{
    margin:20px 0 0 0;
}
#section2 .inner .go_btn a{
    display:block;
    width:49%;
    height:auto;
    float:left;
    margin:0 0 0 2%;
}
#section2 .inner .go_btn a:first-child{
    margin:0 0 0 0;
}
#section2 .inner .go_btn a img{
    width:100%;
}

#section2 .inner .info_txt img{
    width:100%;
    margin:28px 0 30px 0;
}
/*section2 e*/