@charset "utf-8";

/************************
 인사말
************************/
.greeing-copytxt {display:block; text-align:center;}
.greeing-infobox {position:relative; min-height:350px; background-color:#f2f2ef;}
.greeing-infobox:after {display:block; content:''; clear:both;}
.greeing-infotxt {position:relative; display:inline-block; margin-top:120px; margin-left:320px; padding:20px 20px 20px 30px; width:530px; font-size:26px; color:#6c6c5b;}
.greeing-infotxt:before, .greeing-infotxt:after {position:absolute; display:block; content:''; width:164px; height:30px; background-image:url(/intro/images/img_greeting_quot.png); background-repeat:no-repeat;}
.greeing-infotxt:before {left:0; top:0; background-position:0 0;}
.greeing-infotxt:after {right:-36px; bottom:0; background-position:0 -50px;}
.greeing-infotxt strong {font-weight:400; color:#0c4da2;}
/*.greeing-pic {position:absolute; right:0; bottom:0; line-height:0;}*/
.greeing-pic {position:absolute; left:0; bottom:0; line-height:0;}

.greeting-txtbox {}
.greeting-txtbox:after {display:block; content:''; clear:both;}
.greeting-l, .greeting-r {width:50%; text-align:justify;}
.greeting-l	{float:left; padding-right:30px; padding-left:20px; border-right:1px solid #f1f1f1;}
.greeting-r {float:right; padding-right:20px; padding-left:30px;}

.greeting-sign {padding-right:30px; text-align:right;}
.greeting-sign:after {content:''; display:block; clear:both;}
.greeting-sign strong {display:inline-block; padding-left:27px; color:#333; font-size:28px; font-weight:700; width:125px; height:45px; vertical-align: middle; background:url(/images/sign.jpg) center center no-repeat;}
.greeting-signtxt {display:inline-block; margin-top:20px; margin-right:10px;}
.greeting-signtxt span.txt_t01 {font-size:25px; font-weight:400;}
.gr-sign {display:inline-block; float:right;}

/************************
 설립목적 및 연혁
************************/
.his-inbox {position:relative; padding-top:25px;}
.his-inbox .his-tit {display:inline-block; position:absolute; left:50%; top:0; margin-left:-120px; width:240px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; font-weight:400; -webkit-border-radius:25px; -mos-border-radius:25px; border-radius:25px; z-index:3;}
.his-inbox .his-tit.bgc01 {background-color:#00a651;}
.his-inbox .his-tit.bgc02 {background-color:#ef7e08;}
.his-inbox .his-tit.bgc03 {background-color:#4f4f4f;}
.his-roundbox {position:relative; padding:50px 50px 50px 220px; border:1px solid #d7d7d7; -webkit-border-radius:6px; -mos-border-radius:6px; border-radius:6px; z-index:1;}
.his-roundbox.bgicon01 {background:url(/intro/images/img_his_con01.png) 50px center no-repeat;}
.his-roundbox.bgicon02 {background:url(/intro/images/img_his_con02.png) 50px center no-repeat;}
.his-roundbox.bgicon03 {padding:50px; background:#f3f3f3 url(/images/img_pattern03_1p.png) 0 0 repeat;}

.his-tabbox {display:block; padding-bottom:15px;}
.his-tabbox:after {display:block; content:''; clear:both;}
.his-tabbox > ul {}
.his-tabbox > ul > li {position:relative; float:left; width:33.333%; text-align:center;}
.his-tabbox > ul > li:before {position:absolute; left:0; top:0; content:''; width:1px; height:100%; background-color:#737373; z-index:5;}
.his-tabbox > ul > li:first-child:before {width:0;}
.his-tabbox > ul > li .tab-btn {position:relative; display:block; height:50px; line-height:50px; color:#b8b8b8; background-color:#4f4f4f;}
.his-tabbox > ul > li .tab-btn:hover, .his-tabbox > ul > li .tab-btn:focus {color:#222; background-color:#d0d0d0;}
.his-tabbox > ul > li .tab-btn.on {color:#fff; font-weight:400; background-color:#0c4da2;}
.his-tabbox > ul > li .tab-btn.on:after {position:absolute; display:inline-block; left:50%; bottom:-8px; margin-left:-7px; content:''; width:15px; height:8px; background:url(/intro/images/img_his_tabon.gif) 0 0 repeat;}

.his-tabcont {background-color:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
.his-tabcont:after {display:block; content:''; clear:both;}
.his-tabcont-inner {padding:50px 130px; min-height:500px;}
.his-tabcont-inner h3 {font-size:26px; font-weight:400; color:#0c4da2; text-align:center;}

.his-intxt {position:relative; margin:10px 0; }
.his-intxt:after {display:block; content:''; clear:both;}
.his-intxt dt {float:left; width:80px; font-weight:700; color:#0c4da2;}
.his-intxt dd {position:relative; float:right; width:465px; padding-left:70px;}
.his-intxt dd .his-ym {position:absolute; left:0; top:0; font-weight:400; color:#333;}
.his-intxt dd li {padding-left:12px; background:url(/images/bul_list02.gif) 0 11px no-repeat;}

#his_tab02, #his_tab03 {display:none;}


/************************
 임원현황
************************/
.bm-tabbox {overflow:hidden; width:920px;}
.bm-tabbox:after {display:block; content:''; clear:both;}
.bm-tabbox ul {text-align:center;}
.bm-tabbox li {display:inline-block; margin:0 3px;}
.bm-tabbox .tablink {display:inline-block; width:240px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; font-weight:400; background-color:#4f4f4f; -webkit-border-radius:25px; -mos-border-radius:25px; border-radius:25px;}
.bm-tabbox .tablink.on {background-color:#00a651}

.bm-box {overflow:hidden; width:920px;}
.bm-box:after {display:block; content:''; clear:both;}
.bm-tit {font-size:18px; font-weight:400; color:#000;}
.bm-tit:before {content:'\ea40'; padding-right:5px; font-family:xeicon;}
.bm-listbox {overflow:hidden; width:920px;}
.bm-listbox:after {display:block; content:''; clear:both;}
.bm-list {margin-left:-9px; width:938px;}
.bm-list li {float:left; margin:9px; width:116px; border:1px solid #d2d2d2; text-align:center; -webkit-border-radius:6px; -mos-border-radius:6px; border-radius:6px;}
.bm-list li:hover, .bm-list li:focus {border-color:#ef7e08;}
.bm-img {display:block; margin-top:10px;}
.bm-name {display:block; font-size:15px; font-weight:400; color:#333;}
.bm-name > span {display:block; padding-top:6px; font-size:13px; color:#767676; line-height:1.2;}

.bm-flbox {float:left; margin-left:9px;}
.bm-flbox.frist-box {margin-left:0;}
.bm-flbox .bm-listbox {width:auto;}
.bm-flbox .bm-list {width:auto;}

.bm-listbox.txt-oneline .bm-list li {min-height:160px;}
.bm-listbox.txt-twoline .bm-list li {min-height:180px;}


/************************
 조직 및 기구
************************/
.or-group {position:relative; height:2520px; }
.or-group01 {position:relative; height:1600px; }
.or-group02 {position:relative; height:1000px; }/*직원조직도*/
.or-group a{cursor:text;}
.or-bg01{background: url(../../../images/or_bg.png) 82px 220px no-repeat;}
.or-bg02{background: url(../../../images/or_bg02.png) 25px 185px no-repeat;}

.or-group p.title_type1 {position:relative; display:block; top:65px; left:380px; padding-top:35px; width:155px; height:155px; background-color:#3a434f; color:#fff; border-radius:80px; font-size:30px; font-weight:700; text-align:center; }
.or-group p.title_type1 span{display:block; font-size:18px; font-weight:normal;}

/*
.or-group ul li ul.title_type2 {display:inline-block; position:absolute;  left:0; top:270px;}
.or-group ul.title_type2 > li{display:inline-block; line-height:45px; width:340px; height:47px; background-color:#4598d8; color:#fff; text-align:center;}
.or-group ul.title_type2 ul li:first-child {margin-left:0;}
.or-group ul.title_type2 li ul li {display:inline-block;float:left; margin-left:10px; width:165px; height:47px;  border:1px solid #4598d8; background-color:#fff; color:#333;}
*/
.or-group ul li ul.title_type2 {display:inline-block; position:absolute;  left:0; top:270px;}
.or-group ul.title_type2 > li{display:inline-block; line-height:45px; width:918px; height:180px; background-color:#4598d8; color:#fff; text-align:center;}
.or-group ul.title_type2 li ul {padding:11px 11px 11px 11px; height:140px; background-color:#fff; border:1px solid #ccc; text-align:center;}
.or-group ul.title_type2 li ul li {display:inline-block;float:left; margin:5px; margin-bottom:5px; width:165px; height:47px;  border:1px solid #4598d8; background-color:#fff; color:#333;}

.or-group ul li ul.title_type4 {position:relative; top:327px; left:174px;}
.or-group ul.title_type4 > li {display:block;  float:left; margin-left:212px; width:165px; height:47px; line-height:45px; background-color:#ed5959; color:#fff; text-align:center; }
.or-group ul.title_type4 > li:first-child {margin-left:0;}
.or-group ul.title_type4 li ul li { width:165px; height:47px; border:1px solid #ed5959; text-align:center; line-height:45px; color:#666; background-color:#fff;}

.or-group ul li ul.title_type5 {position:relative; top:450px; width:920px; height:273px; border:1px solid #d6d6d6; background:#fafafa;}
.or-group ul li ul.title_type5 > li {position:relative; width:918px; height:46px; background-color:#f3f3f3; border-bottom:1px solid #d6d6d6; text-align:center; }
.or-group ul li ul.title_type5 > li > span{position:relative; top:7px; right:80px; font-size:20px; font-weight:400; color:#333;}
.or-group ul li ul.title_type5 li ul {position:absolute; top:46px; width:920px; height:223px; padding:11px; background: url(../../../images/or_boxbg01.png) 0 0 repeat-y;}
.or-group ul li ul.title_type5 li ul li {float:left; margin-left:5px; margin-bottom:5px; width:145px; height:47px; background-color:#fff; border:1px solid #ccc; text-align:center;  line-height:45px;}
.or-group ul li ul.title_type5 li ul li.fir{margin-left:0;}

.or-group ul li ul.title_type3 { position:relative; left:300px; top:494px;}
.or-group ul.title_type3 > li{display:inline-block; line-height:45px; /*width:340px;*/width:395px; height:47px; margin-left:212px; background-color:#30be50; color:#fff; text-align:center;}
.or-group ul.title_type3 ul li:first-child {margin-left:0;}
.or-group ul.title_type3 li ul li {display:inline-block; float:left; margin-left:10px; /*width:165px;*/width:125px; height:47px;  border:1px solid #30be50; background-color:#fff; color:#333; }

.or-group ul li ul.title_type6 {position:relative; top:560px; left:300px; background-color:#fff;}
.or-group ul.title_type6 > li {display:block; float:left; width:165px; height:47px; margin-left:212px;line-height:45px; background-color:#827b76; color:#fff; text-align:center; }
.or-group ul.title_type6 li ul li {display:block; width:165px; height:47px; border:1px solid #827b76; text-align:center; color:#666; line-height:45px; background-color:#fff;}

.or-group ul li ul.title_type7 {position:relative; top:700px; width:920px; height:794px; border:1px solid #d6d6d6; background:#fafafa;}
.or-group ul li ul.title_type7 > li {position:relative; width:918px; height:46px; background-color:#f3f3f3; border-bottom:1px solid #d6d6d6; text-align:center; }
.or-group ul li ul.title_type7 > li > span{position:absolute; top:8px; left:440px; font-size:20px; font-weight:400; color:#333; }
.or-group ul li ul.title_type7 li ul {position:absolute; top:46px; width:920px; height:746px; padding:11px 11px 11px 6px; background: url(../../../images/or_boxbg02.png) -2px 0 repeat-y;}
.or-group ul li ul.title_type7 li ul li {float:left; margin-left:5px; margin-bottom:5px; width:145px; height:47px; background-color:#fff; border:1px solid #ccc; text-align:center;  line-height:45px;}
.or-group ul li ul.title_type7 li ul li.fir{margin-left:0;}

.or-group ul li ul.title_type8 {position:relative; top:810px; width:920px; height:122px; border:1px solid #d6d6d6; background:#fafafa;}
.or-group ul li ul.title_type8 > li {position:relative; width:918px; height:46px; background-color:#f3f3f3; border-bottom:1px solid #d6d6d6; text-align:center; }
.or-group ul li ul.title_type8 > li > span{position:relative; top:7px; font-size:20px; font-weight:400; color:#333;}
.or-group ul li ul.title_type8 li ul {position:absolute; top:46px; width:920px; padding:11px 11px 11px 6px; background: url(../../../images/or_boxbg01.png) 0 0 repeat-y;}
.or-group ul li ul.title_type8 li ul li {float:left; margin-left:5px; margin-bottom:5px; width:145px; height:47px; background-color:#fff; border:1px solid #ccc; text-align:center;  line-height:45px;}
.or-group ul li ul.title_type8 li ul li.fir{margin-left:0;}

.or-group ul li ul.title_type9 {position:relative; top:870px; width:920px; height:122px; border:1px solid #d6d6d6; background:#fafafa;}
.or-group ul li ul.title_type9 > li {position:relative; width:918px; height:46px; background-color:#f3f3f3; border-bottom:1px solid #d6d6d6; text-align:center; }
.or-group ul li ul.title_type9 > li > span{position:relative; top:7px; font-size:20px; font-weight:400; color:#333;}
.or-group ul li ul.title_type9 li ul {position:absolute; top:46px; width:920px; padding:11px 11px 11px 6px; background: url(../../../images/or_boxbg01.png) 0 0 repeat-y;}
.or-group ul li ul.title_type9 li ul li {float:left; margin-left:5px; margin-bottom:5px; width:145px; height:47px; background-color:#fff; border:1px solid #ccc; text-align:center;  line-height:45px;}
.or-group ul li ul.title_type9 li ul li.fir{margin-left:0;}

.or-group ul li ul.title_type10 {position:relative; top:750px; width:920px; height:122px; border:1px solid #d6d6d6; background:#fafafa;}
.or-group ul li ul.title_type10 > li {position:relative; width:918px; height:46px; background-color:#f3f3f3; border-bottom:1px solid #d6d6d6; text-align:center; }
.or-group ul li ul.title_type10 > li > span{position:relative; top:7px; font-size:20px; font-weight:400; color:#333;}
.or-group ul li ul.title_type10 li ul {position:absolute; top:46px; width:920px; padding:11px 11px 11px 6px; background: url(../../../images/or_boxbg01.png) 0 0 repeat-y;}
.or-group ul li ul.title_type10 li ul li {float:left; margin-left:5px; margin-bottom:5px; width:145px; height:47px; background-color:#fff; border:1px solid #ccc; text-align:center;  line-height:45px;}
.or-group ul li ul.title_type10 li ul li.fir{margin-left:0;}

.or-group01 p.title_type1 {position:relative; display:block; top:65px; left:380px; padding-top:35px; width:155px; height:155px; background-color:#3a434f; color:#fff; border-radius:80px; font-size:30px; font-weight:700; text-align:center; }
.or-group01 p.title_type1 span{display:block; font-size:18px; font-weight:normal;}

.or-group01 ul li ul.title_type1 {position:relative; top:100px; left:300px; background-color:#fff;}
.or-group01 ul.title_type1 > li {display:inline-block; float:left; margin-left:212px; width:165px; height:47px; background-color:#827b76; line-height:45px; color:#fff; text-align:center;}
.or-group01 ul.title_type1 li ul li {display:block;  width:165px; height:47px; border:1px solid #827b76; text-align:center; color:#666; line-height:45px;}

.or-group01 ul li ul.title_type2 {position:absolute; padding-left:25px; top:378px; height:800px;}
.or-group01 ul li ul.title_type2 p {width:165px; height:47px; text-align:center; color:#fff; line-height:46px;}
.or-group01 ul.title_type2 > li {display:inline-block; float:left; margin-left:10px; margin-bottom:10px; width:165px; height:91px; background-color:#b6b6b6;}
.or-group01 ul.title_type2 > li.fir{margin-left:0;}
.or-group01 ul.title_type2 li ul li {display:block;  width:165px; height:45px; border:1px solid #b6b6b6; text-align:center; line-height:45px; background-color:#fff;}


/**********직원조직도**********/
.org_box {text-align:center;}
.org_box:after {content:''; display:block; visibility:hidden; clear:both;}

/*회장*/
.org_box01 {position:relative; display:block; top:5px; left:380px; padding-top:35px; width:155px; height:155px; background-color:#3a434f; color:#fff; border-radius:80px; font-size:30px; font-weight:700; text-align:center;}
.org_box01 span{display:block; font-size:18px; font-weight:normal;}
.org_box01:after {content:''; display:block; background-color:#aaa; width:1px; height:60px; position:absolute; bottom:-60px; left:50%;}

/*사무국장*/
.org_box03 {position:relative; margin-top:50px; padding-bottom:50px;}
.org_box03 span {display:block;margin:0 auto;width:300px;height: 65px;background-color:#0a639d;border-radius:10px;color:#fff;line-height:65px;}
.org_box03:after {content:''; display:block; background-color:#aaa; width:1px; height:50px; position:absolute; top:65px; left:50%;}

/*사무과장*/
.org_box04 {position:relative; padding-bottom:50px;}
.org_box04 span {display:block; margin:0 auto; width:300px; height:65px; background-color:#147F76; border-radius:10px; color:#fff; line-height:65px;}
.org_box04:after {content:''; display:block; background-color:#aaa; width:1px; height:50px; position:absolute; top:65px; left:50%;}

/*대리-주임*/
.org_box07 {display:block; position:relative; padding:50px 0 20px; width:100%;}
.org_box07:before {content:''; position:absolute; top:0; left:24.6%; width:51%; height:1px; background-color:#aaa;}
.org07_list {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin-left:-19px;}
.org07_list:after {content:''; display:block; visibility:hidden; clear:both;}
.org07_list > li {display:block; width:50%; padding-left:20px;}
.org07_list > li span {display:block; position:relative; width:290px; margin:0 auto; padding:15px; border:1px solid #aaa; border-radius:10px; background-color:#f0f0f0;}
.org07_list > li span:before {content:''; position:absolute; width:1px; height:50px; left:50%; top:-50px; background-color:#aaa;}

.org07_list .org07_inner {position:relative; padding-top:30px;}
.org07_list .org07_inner ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;}
.org07_list .org07_inner li {position:relative; display:block; margin:0 auto; width:290px; padding:12px; border:1px solid #cdcdcd; background-color:#fcfcfc;}
.org07_list .org07_inner li:before {content:''; position:absolute; left:50%; top:-31px; width:1px; height:30px; background-color:#aaa;}

/*생활체육지도자*/
.bottom_org {margin-top:50px;}
.bottom_org ul.title_type5 {width:920px; height:221px; border:1px solid #d6d6d6; background:#fafafa;}
.bottom_org ul.title_type5 > li {position:relative; width:918px; height:46px; background-color:#f3f3f3; border-bottom:1px solid #d6d6d6; text-align:center; }
.bottom_org ul.title_type5 > li > span {display:block; padding-top:8px; font-size:20px; font-weight:400; color:#333;}
.bottom_org ul.title_type5 li ul {position:absolute; top:46px; width:920px; height:173px; padding:11px; background: url(../../../images/or_boxbg01.png) 0 0 repeat-y;}
.bottom_org ul.title_type5 li ul li {float:left; margin-left:5px; margin-bottom:5px; width:145px; height:47px; background-color:#fff; border:1px solid #ccc; text-align:center; line-height:45px;}
.bottom_org ul.title_type5 li ul li.fir{margin-left:0;}


/************************
 규약
************************/
.rulebtn-box {text-align:center;}
.rulebtn-box a {display:inline-block; min-width:100px; padding:5px 8px; font-size:16px; border-radius:4px; font-weight:400; color:#fff; background-color:#ef7e08;}


/************************
 찾아오시는길
************************/




 */