/* 배너css */
.banner_wrap{background : url('http://jojooppa.cafe24.com/gangsundal/theme/basic/img/main_img.png') no-repeat ;
background-size:cover; height:370px; background-position:center bottom -100px; position:relative;
}
.rotate_wrap{width: 250px; height: 250px; margin: auto; text-align:center; position: absolute; top:20%; left:50%; margin:0 0 0 -125px;} 
.rotate_box{width: 250px; height: 250px; margin:auto; border-top: 2px solid #000; border-bottom:2px solid #000; position: absolute; left:50%; 
margin-left:-125px; transform: rotate(-45deg); text-indent: -9999px; display:none;}
.rotate_wrap h3{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size: 42px; width:100%; margin-top:-40px;}

.banner_desc{position: absolute;font-size: 18px; text-align: center; width: 700px; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:40px;}

/* 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;}

/* top_content */
.top_content{width: 1265px; margin: auto;}
.top_content_title{font-size: 36px; text-align: center; letter-spacing: -1px; margin:90px 0 40px;}
.top_content ul{overflow: hidden;}
.top_content li{float: left;}
.top_content_desc{font-size: 18px; text-align: center; margin : 25px 0 80px; 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: #0971b7; 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;}

.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('/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('/theme/basic/img/right_arrow.png') no-repeat; text-indent: -9999px; float: left;}


.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;}