@charset "utf-8";

@import url('default.css');
@import url('board.css');



/*페이지 준비중*/
.update {position:relative; width:100%; height:200px;  margin:140px auto; line-height:22px; background:url('../images/common/img_update.png') no-repeat 27% top;}
.update .txt {position:absolute; top:50px; left:405px; }
.update .txt .eng {display:block; font-size:41px; color:#3e3e3e; line-height:40px; letter-spacing:-1px; font-family:'NanumGothicBold';}
.update .txt .logo {display:block; margin-top:30px; font-size:21px; color:#3e3e3e; letter-spacing:-0px;text-align:center;}


/*인사말 - 사진 큰 것*/
.greeting {position:relative;}
.greeting_txt {float:right;width:760px;word-break:break-all;margin-bottom:40px;word-break:break-all;font-family:'NanumGothicBold';color:#555}
.greeting_txt p.t01 {margin:0 0 10px 0;}
.greeting_txt p.t02 {margin:0 0 50px 0;}
.greeting_txt p.t03 {font-size:17px;letter-spacing:-0.51px;line-height:23px;}
.greeting_pic {float:left;width:300px;}
.greeting_pic p.pic {float:right;margin:0px 30px 0 0}
.greeting_pic p.sign {float:right;margin-top:30px;margin-right:30px}


/*인사말 - 사진 작은 것 */
.greeting_new {position:relative;}
.greeting_top {float:left;width:100%;}

.greeting_top .txt_l {float:left;width:950px;}
.greeting_top .txt_l p.t_txt01 {padding:45px 0 0px;font-size:30px;font-weight:bold;  font-family:'NanumMyeongjoBold';letter-spacing:-2px;}
.greeting_top .txt_l p.t_txt02 {padding:20px 0 0px;font-size:26px;font-weight:bold;  letter-spacing:-2px;color:#0a60a9;}

.greeting_top .pic_r {float:right;}
.greeting_top .pic_r img {margin-left:0px;}

.greeting_cont {position:relative;float:left;margin-bottom:70px;}
.greeting_cont p{padding:25px 0 0;font-size:16px;letter-spacing:-1px;line-height:23px;word-break:break-all;letter-spacing:-0.5px}
.greeting_cont p.sign {float:right;margin:20px 0 0 0;  font-family:'NanumMyeongjoBold'; font-weight:bold;font-size:18px; }
.greeting_cont p.sign strong {font-size:28px;}


/*연혁*/
.history_top {clear:both;position:relative;float:left;width:100%;}
.history_top .tit_txt {display:inline-block; margin:0; line-height:38px;letter-spacing:-2px;font-size:28px;}
.history_top .txt_01 {margin:10px 0;font-size:15px;line-height:21px;}
.history_top .top_img {width:100%; height:150px;margin:20px 0 40px 0;background:#999;}

/*연혁탭*/
.history_tabmenu{float:left;margin-bottom:30px;}
.history_tabmenu *{list-style:none;margin:0;padding:0;border:0;background:transparent;line-height:1.252;font-size:15px; }
.history_tabmenu ul{clear:both;position:relative;width:100%;overflow:hidden;}
.history_tabmenu li{float:left;margin:0;padding:0 0 16px 0;border:0;}
.history_tabmenu li a{display:block;padding:6px 36px 8px 34px;background:#fff;border:1px solid #ddd;color:#999;cursor:pointer;text-decoration:none;white-space:nowrap;}
.history_tabmenu li:hover a,
.history_tabmenu li:focus a,
.history_tabmenu li.on a{background:#333;border:1px solid #666;color:#fff;}

.history {clear:both;position:relative;margin-left:50px;overflow:hidden;background:url(../images/intro/history_timeline_bg.png) repeat-y 4px 0;}
.history dl{width:725px;display:block;font-size:15px;}
.history dt{float:left;width:105px;padding:0 0 0 20px;color:#216ba9;font-size:14px;background:url(../images/intro/history_dt_bg.png) no-repeat 0 7px;}
.history dd{float:left;width:600px;margin:0 0 20px;}
.history li{padding:0 0 0 7px;background:url(../images/intro/history_li_bullet.png) no-repeat 0 12px;}
.history .pic1{position:absolute;right:10px;top:20px;}

/*규정*/
.regulation {clear:both;position:relative;}
.regulation .top_box {clear:both;position:relative;float:left; margin:0 0 20px 0;width:100%; height:150px; border:1px dashed #a0a0a0; background:#f8f8f8;}
.regulation .top_box ul {position:relative;margin:20px 30px 0 30px;}
.regulation .top_box li {float:left;display:inline;width:25%;margin:7px 0 7px 0;}
.regulation .top_box li a{ padding:2px 0 4px 25px;background:url(../images/common/box_li_bu.png) no-repeat 0 3px;font-size:16px;}
.regulation .top_box li strong {color:#2f78b5;margin-right:13px;}

.regulation .regulation_cont {clear:both;margin-bottom:30px;border:1px solid #dadada;height:500px;position:relative;float:left;overflow-y:scroll }
.regulation .regulation_cont h4, h5, h6 {margin-left:20px;}
.regulation .regulation_cont ol {margin-left:35px;}
.regulation .regulation_cont p{margin-left:30px;margin-right:20px;font-size:15px;line-height:23px}

/*주요사업*/
.business {clear:both;position:relative;}
.business h5 {margin-top:0;}
/* ul */
.biz_list{margin-top:5px;margin-left:15px;}
.biz_list ul{margin:0;}
.biz_list li{padding:2px 8px 0 12px; background:url(../images/common/li_bu.png) no-repeat 0 8px;}

/* 테이블 */
.biz_table {width:100%;margin-bottom:30px;border-top:2px solid #216ba9;border-collapse:separate;border-spacing:0px; }
.biz_table  tbody th{width:300px;padding:10px 7px 7px 10px; border-bottom:1px solid #dfdfdf; background:#fbfaf8; font-weight:bold; color:#474747;text-align:left;}
.biz_table  tbody td{padding:27px 17px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#474747; text-align:left;}

.biz_box {position:relative;float:left; margin:0 0 20px 0;width:100%; height:370px; border:1px dashed #a0a0a0; }
.biz_box ul {position:relative;margin:20px 50px 0 50px;}
.biz_box li {float:left;display:inline;width:44.5%;margin:7px 0 7px 0;padding:2px 0 4px 25px;background:url(../images/common/box_li_bu.png) no-repeat 0 3px;}

/*.schedule {width:100%;margin:30px 8px 10px;}

/* 테이블 
.schedule_table {width:100%;margin-bottom:30px;border-spacing:0px; }
.schedule_table th{padding:12px 6px;border:1px solid #434547;border-color:#434547 #fff #434547;font-weight:bold;line-height:1.5em;vertical-align:middle;}
.schedule_table td{padding:8px 6px;width:14.2%;height:90px;border:1px solid #dadada;border-right:0 none;color:#666;line-height:1.5em;vertical-align:top}
.schedule_table td:first-child{border-left:0}*/

/* 대회참가신청확인 */
.apply_area_box {margin-top:30px;padding: 35px 0;overflow: hidden; background:#f7f7f7;border-top:2px solid #216ba9;border-bottom:1px solid #ddd;}

.apply_area {position:relative;margin:0 auto;width: 400px; background: url(../images/competition/apply_area_bg.png) no-repeat 6px 0;}
.apply_area .apply_tit {padding: 8px 0 7px 100px; font-size:25px;}
.apply_area h4 {background:none;}
.apply_area .apply_txt {margin-left:100px;padding-bottom: 13px;letter-spacing: -0.1em;}
.apply_area p input {width:170px;height:20px;border:1px solid #ddd;}
.apply_area .apply_input {position: relative;margin-left: 12px;padding-top: 23px;}
.apply_area .apply_input label {display: inline-block;width: 55px;font-weight: bold;font-size:13px;}
.apply_area .apply_input input[type="text"],
.apply_area .apply_input input[type="password"] {margin-bottom: 5px;padding: 5px 5px 1px;}
.apply_area .btn_search {position: absolute;top: 23px;right:75px;width:65px;height: 60px;background: #216ba9;border:1px solid #0b5899;border-radius: 5px;text-align: center;	}
.apply_area .btn_search button {width: 100%;height: 100%;color: #fff;letter-spacing: -0.1em;font-size: 15px;font-weight: bold;}


/*지도자수업*/
.leader {position:relative;}
.leader h5{margin-left:0}

/*사이트맵*/
.sitemap {position:relative;margin-top:20px;height:350px;}
/*.sitemap  div:first-child{margin-left:30px;}*/
.sitemap .site_cont {float:left;display:block;width:210px;margin-left:55px;}
.sitemap .site_cont h4 {font-size:22px;margin-bottom:25px;letter-spacing:-2px;color:#216ba9;padding:0 0 5px 28px;background:url("../images/common/h5_bu.png")no-repeat 0 0px;}
.sitemap li {border-bottom:1px dotted #999; padding:10px 0 7px 0;}
.sitemap li a {padding:2px 8px 0 12px; background:url("../images/common/arrow_black.png") no-repeat 0 8px;}
.sitemap li a:hover {color:#216ba9;}

/* 로그인 */
.member_area {margin-top:25px;padding: 35px 0;overflow: hidden; background:#f7f7f7;border-top:2px solid #216ba9;border-bottom:1px solid #ddd;}
.member_area h4 {background:none;}
.login_area {position:relative;float: left;width: 420px;margin-left: 75px; background: url(../images/common/login_bg.png) no-repeat 6px 6px;}
.login_area .login_tit {padding: 8px 0 7px 78px; font-size:25px;}
.login_area .login_txt {margin-left: 78px;padding-bottom: 13px;font-size:13px;letter-spacing: -0.1em;}
.login_area .login_input {position: relative;margin-left: 2px;padding-top: 23px;}
.login_area .login_input label {display: inline-block;width: 55px;font-weight: bold;font-size:13px;}
.login_area .login_input input[type="text"],
.login_area .login_input input[type="password"] {width: 250px;margin-bottom: 5px;padding: 5px 5px 1px;}
.login_area .btn_login {position: absolute;top: 22px;right: 5px;width: 82px;height: 59px;background: #216ba9;border: solid 1px #216ba9;border-radius: 3px;text-align: center;	}
.login_area .btn_login button {width: 100%;height: 100%;color: #fff;letter-spacing: -0.1em;font-size: 14px;font-weight: bold;}

.login_area p input {width:150px;height:20px;border:1px solid #ddd;}

.member_search {float: left;margin-top:5px;width: 450px;margin-left:75px;letter-spacing: -0.1em;background: url(../images/common/login_search_bg.png) no-repeat 10px 0;}
.member_search  .search_tit {padding: 8px 0 7px 78px; font-size:25px;}
.member_list {margin-top: 48px;margin-left:15px;font-size: 1.1em;}
.member_list li {margin-bottom: 2px;overflow: hidden;}
.member_list li span {float: left;margin-top: 2px;padding-left: 9px;background: url(../images/common/arrow_black.png) no-repeat 0 6px;font-size:13px;}
.member_list li a {float: right;}

/* button 스타일 */
a.btn_small {display: inline-block;min-width: 92px;padding: 4px 0;background: #216ba9;border: solid 1px #216ba9;border-radius: 3px;text-align: center;	color: #fff;letter-spacing: -1px;font-size:12px} 
.btn_small:hover {font-size:13px;}


/* 타이틀영역 - 로그인 회원가입 */
.s_title {}
.s_title h5 {margin-left:0;}
.s_title .info_txt {margin:10px 0 30px 0; font-family:'NanumGothic';}
.s_title .info_txt2 {margin:5px 0 10px 0; font-family:'NanumGothic';}

/* 회원가입 - step */
.member_stepCon {margin:0 auto 0; width:1100px; height:49px;margin-bottom:15px; overflow:hidden; background:url(../images/member/img_step.png) no-repeat;}
.member_stepCon.member_septOn1 {background-position:0px 0px;}
.member_stepCon.member_septOn2 {background-position:0px -58px;}
.member_stepCon.member_septOn3 {background-position:0px -116px;}
.member_stepCon li {float:left; text-align:center; width:350px; line-height:47px; font-size:14px; font-family:'NanumGothicBold'; color:#666;}
.member_stepCon li:first-child {margin-left:0;}
.member_stepCon li:nth-child(2) {width:362px;}
.member_stepCon li:nth-child(3) {width:355px;}
.member_stepCon.member_septOn1 li:first-child, .member_stepCon.member_septOn2 li:nth-child(2), .member_stepCon.member_septOn3 li:nth-child(3) {color:#fff;}
.member_stepCon li em {font-size:15px; font-family:gotham, "Montserrat", Tahoma, Verdana, "Apple SD Gothic Neo", Sans-Serif; font-weight:bold;}


/* 회원가입 - 약관 */
.terms_area .title {margin:15px 0 0 20px; font-size:14px; color:#444; font-family:'NanumGothicBold';}
.terms_area .terms_cont {overflow-y:scroll; height:185px; margin-bottom:12px; padding:0 15px 15px; border:1px solid #e6e6e6;}
.terms_area .terms_cont2 {overflow:hidden; height:340px; margin-bottom:12px; padding:0 15px 15px; border:1px solid #e6e6e6;}
.terms_area .terms_check {padding-bottom:10px; /*border-bottom:1px solid #e6e6e6;*/}
.terms_area .terms_check .radio {width:12px; height:12px; margin:0px 7px 0 10px;}

.personal_area .tit {margin:20px 0 -10px; font-family:"NanumGothic"; color:#444; font-size:15px; letter-spacing:-1px; font-weight:bold;}
.personal_area .personal_cont {margin-top:20px; line-height:22px; font-family:"NanumGothic"; color:#444; }
.personal_area .personal_cont .tit {margin-bottom:5px; color:#444; font-size:15px; letter-spacing:-1px; font-weight:bold;}
.personal_area .personal_cont .s_tit {margin-bottom:5px; font-family:"NanumGothicBold";}
/*회원가입폼*/
.memberWrite{width:100%;margin-bottom:30px;border-top:3px solid #216ba9;border-collapse:separate;  }
.memberWrite tbody th{padding:5px 10px; border-bottom:1px solid #d9d9d9; background-color:#f6f6f6; text-align:left;}
.memberWrite tbody td{padding:7px;  border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.frm_info{color:#216ba9;font-size:13px;}



/*완료*/
.join_end {width:100%;height:400px;background:#f8f8f8;border:1px dashed #dadada;}
.join_end p {padding:170px 0 0 0; text-align:center;font-size:21px; font-weight:bold;}




/* intro :: 조직도 */
.org {overflow:hidden; position:relative; padding:50px 0; border:1px solid #dcdcdc;}
.org_list::after,
.org_list:before, 
.org_list li::after,
.org_list li::before,
.org_list li .r::before, 
.org_list li .l::before {content:""; display:block; position:absolute; background:#ccc; z-index:-1;}

.org_list {position:relative; margin:0 auto; width:80%;}
/* .org_list::after {bottom:0px; left:50%; width:1px; height:60px; } */ /* 세로선 */
.org_list li {position:relative; padding-bottom:60px;}
.org_list li::before {bottom:0px; left:50%; width:1px; height:100%;} /* 세로선 */
.org_list li:last-child {padding-bottom:0;}

.org_list li p {margin:0 auto; height:50px; line-height:50px; font-size:16px; color:#fff; background:#0a427b; text-align:center;}
.org_list li dl {overflow:hidden; position:relative; margin:0 auto; text-align:center;}
.org_list li dl dt {height:50px; line-height:50px; font-size:16px; color:#fff; background:#0a427b; font-family:'S-CoreDream-4Regular'; border:1px solid #0a427b;}
.org_list li dl dd {/* display:flex; justify-content:center; align-items:center; */ padding:18px 20px 20px; font-size:15px; font-family:'S-CoreDream-4Regular'; border:1px solid #0a427b; border-top:0px solid #e5e5e5; background:#fff; }

.org_list li.st1 > p, .org_list li p.st1 {background:#07be91;}
.org_list li.st1:after {content: ""; display:block; position:absolute; top:80px; left:50%; transform: translateX(-50%); width:calc(100% - 210px); height:1px;}

.org_list li .l {position:absolute; left:0; top:80px; padding-top:30px;}
.org_list li .r {position:absolute; right:0; top:80px; padding-top:30px;}
.org_list li .l::before,
.org_list li .r::before {top:0px; left:50%; width:1px; height:30px; }  /* 세로선 */
.org_list li .bot {width:100%; margin-top:15px;}
.org_list li .bot dd span {display:block; font-size:13px;}

.org_list li p, .org_list li .l dl, .org_list li .r dl {width:210px;}
.org_list li .l dl dd, .org_list li .r dl dd {font-size:16px;}