@import url("common.css");

/*font-set*/
@charset "utf-8";


.layout {width:1024px; margin:0 auto; box-sizing:border-box; position:relative;}

.top_gnb {padding-top:41px; padding-bottom:8px; text-align:center;}
.top_gnb span {display:block; position:absolute; right:-17px; bottom:12px; font-size:14px; color:#898989; font-weight:600; line-height:14px;}
.top_gnb span a {display:inline-block; vertical-align:top; padding:0 17px; font-weight:normal; font-size:16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.top_gnb span a:hover {color:#39F;}

.top_lnb {border-top:2px solid #a3a3a3; border-bottom:1px solid #666; padding-top:19px; padding-bottom:15px; text-align:right; line-height:17px; font-size:20px; font-weight:600;}
.top_lnb .layout {}
.top_lnb ul.layout li {display:inline-block; vertical-align:top;margin:0 26px;}
.top_lnb ul.layout li a {display:inline-block; vertical-align:top; font-size:20px; font-weight:600; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top_lnb ul.layout li:last-child {margin-right:0;}
.top_lnb ul.layout li a:hover {color:#39F;}

.sub_layout {width:1024px; margin:0 auto; padding-top:77px; padding-bottom:52px;}
.sub_tit1 {position: relative;margin-bottom: 62px;}

.sub_tit1 h1 {font-size:35px; font-weight:500;}
.sub_tit1 .location {font-size:14px; font-weight:normal; display:inline-block; position:absolute; right:-17px; bottom:0;}
.sub_tit1 .location b {display:inline-block; padding:0 17px;}

.sub_txt1 {padding-left:28px; font-size:14px; line-height:25px; margin-bottom:11px;}


/* 회원가입 */
.agree{position:relative; height:134px;border-top:2px solid #757575;font-size:16px;}
.chk_agree1{width:280px ;padding: 28px 50px 0 54px;}
.chk_agree2{position:absolute;top:0px;left:420px;width:280px ;padding: 28px 0px 0 54px;}
.chk_agree3{position:absolute;top:60px;left:width:280px ;padding: 24px 50px 0 54px;}
.chk_agree4{position:absolute;top:60px;left:420px;width:280px ;padding: 24px 50px 0 54px;}
.ic_view{display:inline-block;width:20px;height:10px;background: gold url(../images/next.jpg) no-repeat;background-position:0}
.chk_agree2 a:hover,.chk_agree4 a:hover{text-decoration:underline}

.join_area {border-top:2px solid #757575; margin-bottom:23px;}
.join_area .join_box1 {position:relative; padding:10px 0 0 210px;min-height:30px; border-bottom:1px solid #d7d7d7;}
.join_area .join_box1 span.tit {display: block;position: absolute;top: 9px;left: 5px;line-height: 30px;padding-left: 51px;font-size:15px;color:#222;}
.join_area .join_box1 span.tit label {line-height:30px;}
.join_area .join_box1 span.des {padding-left:26px; line-height:30px; color:#ff0000; font-size:15px;display: inline-block; vertical-align: top;}
.join_area .join_box1 span.t1 {display:inline-block; vertical-align:top; line-height:30px; text-align:center; font-size:15px; color:#222;}
.join_area .join_box1 .inp1 {padding-left:10px;}
.join_area .join_box1 .inp2 {text-align:center;}
.join_area .join_box1 .radio1 {vertical-align:top; margin-top:8px;}
.join_area .join_box1 .radio_lab {vertical-align:top; line-height:30px; padding-left:9px; margin-right:53px; font-size:15px; color:#222;}
.join_area .join_box1 .select1 {height:30px; padding-left:21px;}

.btn_area1 {text-align:right;}
.btn_area1 button {margin-left:15px;}
.btn_area1 button.btn1 {width:120px; height:45px; border:1px solid #3b3b3b; background:#3b3b3b; font-size:16px; color:#fff; font-weight:600;}
.btn_area1 button.btn2 {width:89px; height:45px; border:1px solid #3b3b3b; background:#fff; font-size:16px; color:#3b3b3b; font-weight:600;}
.btn3 {width:80px; height:30px; border:1px solid #3b3b3b; background:#3b3b3b; font-size:14px; color:#fff; font-weight:400;}

/* 게시판 보기 */
.join_area .join_box1 span.tit2 {padding-left:0px;display: inline-block; line-height:30px; color:#222; font-size:15px;vertical-align: top;}
.join_area .join_box1 span.tit3 {padding-left:220px;display: inline-block; line-height:30px; color:#222; font-size:15px;vertical-align: top;}
.join_area .join_box1 span.tit4 {padding-left:104px;display: inline-block; line-height:30px; color:#222; font-size:15px;vertical-align: top;}
.join_area .join_view {position:relative; padding:34px 42px 34px 52px;min-height:300px;line-height:160%;border-bottom:1px solid #d7d7d7;color:#222; font-size:15px;}
.join_area .join_box1 a:hover{text-decoration:underline}

/*  약관 개인정보 전문 */
.agree1_layout h1{font-size:35px;padding-bottom:40px}
.agree1_layout {width:600px;padding: 77px 0 80px 40px;line-height:20px;font-size:15px;}
.agree1_layout h2{margin-bottom:20px;font-size:20px; font-weight:500}
.agree1_layout p{margin-bottom:20px;}


/* 게시판 */
.sub_txt2 {position:relative; margin-bottom:33px;}
.sub_txt2 p {padding-left:28px; font-size:14px;}
.sub_txt2 .sch {position:absolute; right:0; bottom:0;}
.sub_txt2 .sch input[type=text] {width:274px; margin-right:4px; padding-left:20PX; height:35px;}
.sub_txt2 .sch button {width:54px; height:35px; background:#3b3b3b; font-size:15px; color:#fff; font-weight:600;}

.bo_area {}
.bo_list {}
.bo_list thead th {text-align:center; vertical-align:middle; border-top:2px solid #757575; border-bottom:2px solid #757575; height:36px; font-size:16px;font-weight:bold}
.bo_list tbody th, .bo_list tbody td {vertical-align:middle; font-size:15px; color:#222; height:40px; border-bottom:1px solid #eee;font-weight:normal;}
.bo_list tbody th {text-align:center;}
.bo_list tbody td {text-align:left;}
.bo_list tbody td a {margin-right:15px; color:#222;}
.bo_list tbody td a:hover {text-decoration:underline;}
.bo_list tbody td .space {padding-left:20px}

.paging {padding-top:34px; text-align:center;}
.paging a {display:inline-block; vertical-align:top; box-sizing:border-box;width:30px; height:30px; line-height:30px;border:1px solid #fff; margin:0 8px;}
.paging span {display:inline-block; vertical-align:top;}
.paging span a {font-size:14px;}
.paging a:hover {border:1px solid #3b3b3b;}
.paging span .on {display:inline-block; vertical-align:top; box-sizing:border-box;width:30px; height:30px; line-height:30px; margin:0 8px;font-size:14px;border:1px solid #3b3b3b;background:#3b3b3b; color:#fff;}

/* 회원명부 */
.bo_list tbody td.memb {text-align:center;}


/* 로그인 */
.join_area .join_box2 {position:relative; padding:60px 0 0 0; padding-left:210px; min-height:30px; }
.join_area .join_box2 span.tit {	display: block;position: absolute;bottom: 0px;left: 5px;line-height: 30px;padding-left: 130px;font-size:15px;color: #222;}
.join_area .join_box2 span.tit label {line-height:30px;}
.join_area .join_box2 span.des {padding-left:26px; line-height:30px; color:#ff0000; font-size:15px;display: inline-block; vertical-align: top;}
.join_area .join_box2 span.t1 {display:inline-block; vertical-align:top; line-height:30px; text-align:center; font-size:15px; color:#222;}
.join_area .join_box2 .inp1 {padding-left:10px;}
.join_area .join_box2 .inp2 {text-align:center;}
.join_area .join_box2  button.btn1 {position:absolute;top:-32px;left:488px;width:140px; height:82px; border:1px solid #3b3b3b; background:#3b3b3b; font-size:16px; color:#fff; font-weight:600;}
.p20{padding-top:20px !important}
 
.btn_area2 {height:100px;padding:24px 0 0 195px;text-align:left;}
.btn_area2 button {margin-left:15px;}
.btn_area2 button.btn2 {width:120px; height:45px; border:1px solid #3b3b3b; background:#fff; font-size:16px; color:#3b3b3b; font-weight:600;}
.btn_area2 button.btn3 {width:120px; height:45px; border:1px solid #3b3b3b; background:#fff; font-size:16px; color:#3b3b3b; font-weight:600;}



footer {border-top:1px solid #e6e6e6; font-size:14px; line-height:25px; padding-top:18px; padding-bottom:50px;}


.w26 {width:26px;}
.w41 {width:41px;}
.w54 {width:54px !important;}
.w62 {width:62px !important;}
.w87 {width:87px;}
.w105 {width:105px;}
.w153 {width:153px !important;}
.w217 {width:217px;}
.w226 {width:226px;}
.w248 {width:248px;}
.w256 {width:256px;}
.w264 {width:264px;}
.w441 {width:441px;}

.mab24 {margin-bottom:24px;}
.pat5 {padding-top:5px;}


/* 운동본부 소개 */
.intro{width:800px;line-height:40px; padding-bottom:80px;padding-left:51px; font-size:15px; }
.intro h2{margin-bottom:30px;padding-top:40px;font-size:30px; font-weight:500}
.intro p{margin-bottom:40px;}