@charset "utf-8";
@import url("common.css");
/* CSS Document */

/*****  pagelocation  *****/
.pagelocation{background:#545b27;}
.pagelocation>ul{width:100%; height:52px; margin:0 auto;}
.pagelocation>ul>li{float:left; position:relative; width:100%;}
.pagelocation>ul>li>a{z-index:10; display:block; width:100%; height:52px;line-height:52px; padding:0 20px; font-size:16px;color:#fff; text-align:left; font-weight:500; background:url('../images/common/location_arr.png') no-repeat 95% center; }
.pagelocation>ul>li>ul{display:none; position:absolute;left:0; top:100%; z-index:200; box-sizing:border-box; width:100%; border:1px solid #ddd; background:#fff;}
.pagelocation>ul>li>ul>li{}
.pagelocation>ul>li>ul>li>a{display:block; width:100%; height:40px; font-size:15px; line-height:40px; padding:0 20px; font-weight:500;}

.sub_title_1{position:relative; font-size:16px; text-align:center; padding:20px 0 5px; font-weight:600;}
.sub_title_2{position:relative; font-size:20px; line-height:25px; margin-bottom:15px; font-weight:600; text-align:center;}
.sub_title_2 span{display:block; color:#007bc7;}
.sub_title_3{position:relative; font-size:14px; margin-bottom:0px; text-align:center;}


/*****  클럽소개  *****/
.introduction{position:relative; width:100%; height:550px; margin:0 auto; background:url('../images/sub/introduction_bg.jpg') no-repeat top center; background-size:100% 270px;}
.introduction .text_area{position:relative; width:95%; border:5px solid #f4f4f4; top:184px; margin:0px 2.5% 0px; padding:20px 10px; }
.introduction .text_area .title{font-size:18px; color:#fff; font-weight:600; text-align:center; line-height:22px;}
.introduction .text_area .text{padding-top:30px;}

.overview{position:relative; width:100%; padding:20px; height:839px; background:#f4f4f4;}
.overview .title{text-align:center; font-size:20px; font-weight:600; padding-bottom:10px;}
.overview .overview_list li{float:left; position:relative; width:100%; padding:20px 10px 5px; background:#fff; margin-bottom:10px;}
.overview .overview_list li:last-child{margin-bottom:0px;}
.overview .overview_list li img{display:block; width:12%; margin:0 auto;}
.overview .overview_list li .title{display:block; font-size:16px; font-weight:600; text-align:center; margin-top:10px;}
.overview .overview_list li .title span{display:block; font-size:14px; font-weight:400;}

.greetings{position:relative; width:100%; height:944px; margin:0 auto; background:url('../images/sub/greetings_bg.jpg') no-repeat top center; background-size:100% 270px;}
.greetings .text_area{position:relative; width:90%; border:7px solid #f4f4f4; top:184px; margin:0px 5% 30px; padding:26px 15px;}
.greetings .text_area .title{font-size:20px; color:#fff; font-weight:600; text-align:center;}
.greetings .text_area .text{padding-top:50px;}
.greetings .text_area .sign{text-align:center; padding-top:20px;}
.greetings .text_area .sign span{font-size:18px; font-weight:600; letter-spacing:10px; padding-left:10px;}

.guide1{position:relative; width:100%; height:170px; margin:0 auto; background:url('../images/sub/guide_bg_01.jpg') no-repeat top center; background-size:100% 270px;}
.guide1 .text_area{position:relative; width:95%; border:5px solid #f4f4f4; /*top:10px;*/ top:23%; margin:0px 2.5% 0px; padding:20px 10px; }
.guide1 .text_area .title{font-size:18px; color:#fff; font-weight:600; text-align:center; line-height:22px;}

.list{font-size:13px; color:#666; line-height:16px;}

.guide2{position:relative; width:100%; height:372px; margin:0 auto; background:url('../images/sub/guide_bg_02.jpg') no-repeat top center; background-size:100% 270px;}
.guide2 .text_area{position:relative; width:90%; border:7px solid #f4f4f4; top:154px; margin:0px 5% 30px; padding:26px 15px; }
.guide2 .text_area .title{font-size:20px; color:#fff; font-weight:600; text-align:center;}
.guide2 .text_area .text{padding-top:50px;}

.guide3{position:relative; width:100%; height:372px; margin:0 auto; background:url('../images/sub/guide_bg_03.jpg') no-repeat top center; background-size:100% 270px;}
.guide3 .text_area{position:relative; width:90%; border:7px solid #f4f4f4; top:154px; margin:0px 5% 30px; padding:26px 15px; }
.guide3 .text_area .title{font-size:20px; color:#fff; font-weight:600; text-align:center;}
.guide3 .text_area .text{padding-top:50px;}

.guide4{position:relative; width:100%; height:372px; margin:0 auto; background:url('../images/sub/guide_bg_04.jpg') no-repeat top center; background-size:100% 270px;}
.guide4 .text_area{position:relative; width:90%; border:7px solid #f4f4f4; top:154px; margin:0px 5% 30px; padding:26px 15px; }
.guide4 .text_area .title{font-size:20px; color:#fff; font-weight:600; text-align:center;}
.guide4 .text_area .text{padding-top:50px;}


/***** 쿠폰내역 *****/
.coppon_list{position:relative; width:100%; padding:20px 10px; text-align:center; background:#f2f2f2; margin-bottom:30px;}


/***** 코스제원 *****/
.course_spe{position:relative; width:100%; height:335px; margin:0 auto; background:url('../images/sub/course/course_map.jpg') no-repeat top center; background-size:100% 335px; border:5px solid #ddd;}
.course_spe .text_area{position:relative; width:100%; /*border:7px solid #f4f4f4;*/ top:280px; /*margin:0px 5% 30px;*/ padding:26px 15px;}
.course_spe .text_area .title{font-size:20px; color:#009442; font-weight:600; text-align:center;}
.course_spe .text_area .text{padding-top:50px;}
.course_spe .text_area .sign{text-align:center; padding-top:20px;}
.course_spe .text_area .sign span{font-size:18px; font-weight:600; letter-spacing:10px; padding-left:10px;}


/***** 부대시설 *****/
.facility{position:relative; width:100%;}

.slider_wrap2{width:100%;}
.slider2{}
.slider2 img{height:300px;}
.bx-wrapper .bx-viewport{background:#fff;}


/***** 회원가입_완료 *****/
.complete_txt{background-color:#f2f2f2; width:100%; padding:20px 10px; text-align:center; font-size:16px;}
.complete_txt span{color:#007bc7; font-weight:600;}


/***** 공지사항 *****/
.notice{border-bottom:1px solid #000;}
.notice td{text-align:left;}
.notice td>a{color:#000;display:block;}
.notice td:last-child{width:100px;text-align:right;}
.pagination{margin:0px;}

.pager {padding-left:0; margin:20px 0; text-align:center; list-style:none;}
.pager li {display:inline;}
.pager li > a,
.pager li > span {display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:0px;}
.pager li > a:hover,
.pager li > a:focus {text-decoration:none; background-color:#eee;}

.pager li.list a{line-height:21px; background-color:#B5B5B5; color:#fff;}

.pager .next > a,
.pager .next > span {float:right;}
.pager .previous > a,
.pager .previous > span {float:left;}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {color:#777; cursor:not-allowed; background-color:#fff;}


/*****  조인게시판  *****/
.total {display:inline-block; float:left; padding-top:20px; padding-bottom:5px; line-height:13px;}
.total span {color:#f63832; font-weight:bold;}

.bd_top {overflow: hidden; border:1px solid #ddd; padding:20px 10px;} 
.bd_top .txt1 {position:relative;font-size:13px;color:#333;display: inline-block;text-align:left;padding-right: 5px;}
.bd_top .txt2 {position:relative;font-size:13px;color:#333;display: inline-block;text-align:left;padding-right: 17px;}
.bd_top .search_set {float:left; text-align:left; width: 100%;}
.bd_top .search_set input {border:1px solid #ccc; box-sizing:border-box; height:30px; color:#999; padding:3px; width:32%; font-size:12px; }
.bd_top .search_set select {border:1px solid #ccc; box-sizing:border-box; width:82px; height:30px; color:#999; font-size:12px; vertical-align:top; margin-bottom:5px;}
.bd_top .search_set .search_btn {display:inline-block; height:30px; box-sizing:border-box; margin:0; width:50px; color:#333; background:#f5f5f5; border:1px solid #ccc; font-size:12px; line-height:29px; cursor: pointer; text-align:center;}

.btn01 {display:inline-block; width:100%; height:30px; text-align:center;color:#fff; font-size:14px; line-height:30px; background-color:#68615d;}
.btn01:hover {background-color:#532908;}
.btn01:focus,.btn01:active, .btn01:visited {color:#fff;	}

.btn_write{width:50%; display:block; background-color:#45a45a; border-radius:0px; margin:0 auto; line-height:35px; margin-top:20px;}
.btn_write a{display:block; overflow:hidden; height:45px; line-height:45px; font-size:15px; font-weight:300; border-radius:0 0 0px 0px; color:#fff; text-align:center; letter-spacing:-0.04em;}
.btn_list{width:50%; height:35px; display:block; background-color:#B5B5B5; border-radius:0 0 0px 0px; margin:0 auto; line-height:35px;}
.btn_list a{display:block; overflow:hidden; height:35px; font-size:14px; line-height:35px; font-weight:300; border-radius:0 0 0px 0px; text-align:center; letter-spacing:-0.04em; color:#fff;}

.write_btn{float:right; margin-top:5px; width:40%; border-radius:0px; right:10px;}

.brd_wrt .puts {height:280px;}
.brd_wrt .puts textarea {width:100%; height:280px; padding:0; line-height:20px;}
.brd_wrt label {display:inline-block; float:left; margin-right:15px;}
.brd_wrt .input_rdo,.brd_wrt .input_chk {float:left; vertical-align:middle;}

.join_info{margin:0px; padding:0px; background:#fff; border:0px solid #ddd;}
.join_info ul{overflow:hidden; width:100%; margin:0 auto; text-align:left; padding:10px;}
.join_info ul li{position:relative; padding-left:10px; margin-bottom:3px; font-size:13px; color:#666;}
.join_info ul li span{color:#f63832;}
.join_info ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:6px;}
.join_info ul li:last-child{margin-bottom:0;}

.btn_confirm{width:100%; }
.btn_confirm > li{float:left; width:49.5%; margin-right:1%; height:60px;}
.btn_confirm > li:last-child{margin-right:0px;}
.btn_confirm .btn_reserve{width:100%; height:50px; display:block; background-color:#45a45a; border-radius:0 0 0px 0px; line-height:50px;}
.btn_confirm .btn_reserve a{display:block; overflow:hidden; height:50px; font-size:16px; line-height:50px; font-weight:300; border-radius:0 0 0px 0px; color:#fff; text-align:center; letter-spacing:-0.04em}
.btn_confirm .btn_cancel{width:100%; height:50px; display:block; background-color:#e8e8e8; border-radius:0 0 0px 0px; }
.btn_confirm .btn_cancel a{display:block; overflow:hidden; height:50px; font-size:16px; line-height:50px; font-weight:300; border-radius:0 0 0px 0px; color:#333; text-align:center; letter-spacing:-0.04em}

.btn_admin{overflow:hidden; margin-top:10px;}
.btn_admin a{display:inline-block; font-size:14px; color:#fff; background:#666; padding:4px 8px;}