/* 배너css */
.banner_wrap{background : url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/main_basang_bg.png') no-repeat;
background-size:cover; height:480px; background-position:center; position:relative;}
.banner_wrap.b{background : url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/n_22_img24.png') no-repeat;
background-size:cover; height:370px; background-position:center; position:relative;}

.rotate_wrap{color:#fff; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:-50px;}
.rotate_wrap.b{margin-top:0;}
.rotate_box{width: 250px; height: 250px; margin:auto; border-top: 2px solid #fff; border-bottom:2px solid #fff; position: absolute; left:50%; 
margin-left:-125px; transform: rotate(-45deg); text-indent: -9999px; display:none;}
.rotate_wrap h3{position: absolute; top:50%; left: 50%; margin: -28px 0 0 -155px; font-size: 42px; width: 310px; margin-top:-70px;}

.rotate_wrap h3.b{position: absolute; top:50%; left: 50%; margin: -28px 0 0 0px; font-size: 42px; width: 230px; text-align:Center; margin-top:-70px;
	transform:translateX(-50%);}

.banner_desc{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size: 18px; text-align: center;
width: 700px;color:#fff; margin-top:20px;}
.banner_desc .top_content_title_sub{font-size:18px; color:#333; background:#fff; opacity:0.8; padding:10px 0; line-height:25px;}

/* contextual menu */
.contextual_menu_wrap{width: 100%; border-bottom: 1px solid #e8e8e8;}
.contextual_menu{width: 1265px; height: 50px; margin: auto; padding: 15px 0; box-sizing: border-box; overflow: hidden;}
.contextual_menu span{float:left; font-size: 14px; line-height: 23px;} 
.home_icon{background : url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/home_btn_03.png') no-repeat; width: 24px; height: 20px; text-indent: -9999px; display: block;}
.next_arrow{background : url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/contextual_arrow.png') no-repeat 8px 8px; display: block; text-indent: -9999px; width: 20px; height: 30px;}


.tab_menu_btn{width: 1266px; position: absolute; bottom: 0px; left: 50%; margin-left: -633px;}
.tab_menu_btn p{width: 50%; height: 65px; float: left; text-align: center; line-height: 65px; font-weight: bold;background: #d8dcdf; color: #000; opacity: .8;}
.tab_menu_btn p.active{background: #0872ba; color: #fff; opacity: 1;}

/* top_content */
.top_content{width: 1265px; margin: auto;}
.top_content_title{font-size: 36px; text-align: center; letter-spacing: -1px; margin:90px 0 40px; line-height:50px;}
.top_content_title.b{font-size: 26px; text-align: center; letter-spacing: -1px; margin:50px 0 40px; line-height:40px;}
.top_content ul{overflow: hidden;}
.top_content li{float: left;}


.top_content_desc{font-size: 18px; text-align: center; padding:25px 0 95px; letter-spacing: -1px;}

/* main content */
.main_content_wrap{position: relative; z-index: 1; margin-bottom: 80px;}
.main_content_wrap img{width: 100%; position: relative;}
.content_slide_wrap{width: 630px; height: 400px; position: relative; z-index: 2;}
.main_content_cont{width: 1265px; height: 465px; position: absolute; top:50%; left:50%; margin: -232.5px 0 0 -632.5px; z-index: 999;}
.content_slide_desc{width: 765px; height: 365px; background: #ae2922; color:#fff; padding: 80px 0 0 180px; position: absolute; box-sizing: border-box; top: 20%; right: 2%; z-index: 1; letter-spacing: -1px;}
.content_slide_desc p{font-size: 30px; margin-bottom: 25px;}
.content_slide_desc span{font-size: 18px;}
.content_slide_desc2{opacity:0; position:absolute; top:80px;}
.content_slide_desc3{opacity:0; position:absolute; top:80px;}
.content_slide_desc4{opacity:0; position:absolute; top:80px;}
.content_slide_desc5{opacity:0; position:absolute; top:80px;}
.content_slide_desc6{opacity:0; position:absolute; top:80px;}
.content_slide_desc7{opacity:0; position:absolute; top:80px;}

.main_content_wrap .bx-controls{position: absolute; right: 3%; bottom: -10.5%;}
.main_content_wrap .bx-prev{width:13px; height: 23px; display: block; background: url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/left_arrow.png') no-repeat; text-indent: -9999px; float: left; margin-right: 80px;}
.main_content_wrap .bx-next{width:13px; height: 23px; display: block; background: url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/right_arrow.png') no-repeat; text-indent: -9999px; float: left;}

/* ft_banner */
.ft_wrap{width: 1265px; margin: 0 auto 100px; text-align: center;}
.ft_title{overflow: hidden; width: 850px; margin : 0 auto 50px;;}
.ft_title img{float:left; padding:50px 0;}
.ft_title h3{float:left; font-size: 40px; font-weight: normal; margin: 0 55px;}
.ft_title h3 span{font-size: 30px;}

.ft_banner{overflow: hidden; font-size: 36px; color:#fff;}

.ft_banner span{font-size: 16px; margin-top: 20px; display: block;}
.center_intro{background: url("http://jojooppa.cafe24.com/gangsundal/theme/basic/img/ft_img1.png") no-repeat; width: 420px; height: 420px; float: left; position:relative;}
.health_set{background: url("http://jojooppa.cafe24.com/gangsundal/theme/basic/img/ft_img2.png") no-repeat; width: 420px; height: 420px; float: left; position:relative;}
.reserved_room{background: url("http://jojooppa.cafe24.com/gangsundal/theme/basic/img/ft_img3.png") no-repeat; width: 420px; height: 420px; float: left; position:relative;}
.ft_content_desc{position: absolute; top:50%; left: 50%; width: 250px; margin:-55px 0 0 -125px;}
.ft_rotate_box{width: 250px; height: 250px; border-top: 2px solid #fff; border-bottom : 2px solid #fff; position: absolute; top:50%; left:50%;
margin: -125px 0 0 -125px; transform: rotate(-45deg); transition: all 0.4s;}



.img img{width:100%;}


.facility_desc3{padding:25px 0 0 0px; text-align: left; font-size: 16px; line-height: 25px; margin-bottom: 45px; font-size:16px;}
.facility_desc3 img{float: left; margin-right: 20px; margin-top:-4px;}
.reserve_btn{width: 230px; height: 50px; color:#fff; background: #0872ba; margin: auto; box-sizing: border-box; position: relative; text-align: center; line-height: 50px; padding-left: 40px; font-size: 18px;}
.reserve_icon{display: block; width: 21px; height: 21px; background: url('/theme/basic/img/reserve_icon.png') no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -10.5px; left: 29%;}


.nn_img li{float:left; width:612.5px; margin:5px 5px; overflow:hidden;}
.nnn_img{margin-bottom:50px;}
.nnn_img:after{content:""; display:block; float:none; clear:both;}
.nnn_img > div{float:left; width:612.5px;margin:5px 5px;}
.nnn_img > div div{margin:5px 0;overflow:hidden;}


.content_bg_slide.b li{background:rgba(0,0,0,1)}

.content_slide_desc.b{background:#0872ba}