/*sub container*/
#sContainer {width:1080px; margin:60px auto; overflow:hidden;}
/*lnb*/
#sContainer div.lnbWrap {width:240px; margin-right:60px; float:left;}
#sContainer div.lnbWrap h2 {width:100%; height:110px; background:#227bc1; line-height:110px; text-align:center; font-size:20px; color:#fff; font-weight:400;} 
#sContainer div.lnbWrap ul.lnb {}
#sContainer div.lnbWrap ul.lnb > li {width:238px; height:auto;min-height:49px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#sContainer div.lnbWrap ul.lnb > li > a {/* width:213px; height:49px; line-height:49px; padding-left:25px; */width:188px;height:auto;line-height:1.4; padding:14px 25px 13px;word-break:keep-all;font-size:15px; color:#777; font-weight:400; display:block;}
#sContainer div.lnbWrap ul.lnb > li > a:hover, #sContainer div.lnbWrap ul.lnb > li.on > a {background:url('../images/sub/lnb_on.png') no-repeat 90% #f3f3f3; color:#003876; font-weight:400;}

/*sub contents*/
#sContents {width:780px; min-height:450px; float:right;}

/*sub title*/
#sContents ul.sTitle {width:100%; margin-bottom:50px;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
#sContents ul.sTitle:after {height:0; display:block; clear:both; content:"";}
#sContents ul.sTitle li.title {background:#FFF url('../images/sub/dotPoint.png') 0 0 no-repeat;float:left; font-size:13px; color:#888; font-weight:300;}
#sContents ul.sTitle li.title h3{ padding-top: 14px;font-size: 35px;line-height: 100%;color: #111;font-weight: 600;letter-spacing: -1px;margin-bottom: 5px;}
#sContents ul.sTitle li.location {float:right;padding-top: 84px;}
#sContents ul.sTitle li.location > ul:after {height:0; display:block; content:""; clear:both;}
#sContents ul.sTitle li.location > ul > li {float:left; padding:0 12px; background:url('../images/sub/locationDot.png') no-repeat left; color:#888; font-size:13px;}
#sContents ul.sTitle li.location > ul > li:first-child {background:none;}
#sContents ul.sTitle li.location > ul li.here {color:#333; padding-right:0;}

#sContents h4 {width:100%; margin-bottom:30px;}
#sContents h4 > strong {font-size:22px; font-weight:400; color:#003876; line-height:100%; padding:7px 0; display:inline-block;}

#sContents h5 {font-size:18px; color:#333; margin-bottom:15px; font-weight:400;}
/*#sContents div,*/ #sContents .sub_txt{font-weight: 400; font-size: 15px;line-height: 26px;letter-spacing: -1px;color: #333; text-align: left; word-break: keep-all;}


/*아마추어무선이란*/
.box-style{padding: 40px;background: #e9eff4 url(../images/sub/box-style_bg.png) right bottom no-repeat;}
.title_ring {margin: 48px 0 13px;padding: 2px 0 0 30px;background: url(../images/sub/title_ring.png) no-repeat 1px 6px;font-family: 'NanumSquare';font-size: 1.429em;font-weight: bold;color: #333;}
.bul_bar {position: relative;padding-left: 2%;margin-bottom: 5px;font-size:16px;color: #227bc1;}
.bul_bar:before {position: absolute;left: -0.2%;top: 50%;transform: translateY(-50%);width: 1.1%;height: 12.13%;background: #227bc1;content: '';}

#sContents .alTable {width:100%; border-collapse:collapse; border-top:2px solid #003876;font-size: 16px;}
#sContents .alTable th, #sContents .alTable td {padding:10px; border-bottom:1px solid #d3d3d3;}
#sContents .alTable th {background: #f9f9f9;text-align: center;font-weight: 300;font-size: 16px;line-height: 26px;letter-spacing: -1px;color: #111;}
#sContents .alTable th:first-child {background-image:none;}
#sContents .alTable td {border-left:1px solid #d3d3d3;}
#sContents .alTable td:first-child {border-left:none;}
#sContents .alTable td.bl {border-left:1px solid #d3d3d3 !important;}
#sContents .alTable th.colorTh {font-size:16px; background:#eee;}
 .memJoinGo {padding: 0 20px; height:55px; line-height:55px; background:#999; display:inline-block; font-size:16px; color:#fff !important; font-weight:400;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
 .memJoinGo:hover {background-color:#728599;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;text-decoration:none !important;}

.box_line{padding: 10px;border: 5px solid #eee;}


/*연혁*/
#history{}
#history .chart{overflow:hidden; clear:both;}
#history .chart .title{background:url(../images/sub/bg_history_title.png) 0 0 no-repeat;float: left;margin-right: 0px;font-size: 24px;color: #227bc1;text-align: left;padding: 37px 37px 76px 19px;font-weight: 500;line-height: 100%;}
#history .chart > ul{float:left; width:80%;}
#history .chart > ul strong{font-size:20px; color:#333; background:url(../images/sub/bg_year.gif) right 9px no-repeat;padding-right:65px;letter-spacing:-0.05em;}
#history .chart > ul > li{margin-bottom:35px;}
#history .chart > ul p, #history .chart > ul ul{display:inline-block;  margin-top:2px; font-size:15px; width:81%;vertical-align: top;}
#history .chart > ul ul li{display:inline-block; width:100%; margin-top:35px; line-height:1;}
#history .chart > ul ul li:first-child{margin-top:0;}
#history .chart > ul span.month{color:#227bc1;margin:0 2px 0 1px;}
#history .chart > ul span.story{display: inline-block;width: 67%;float: right;font-size: 15px;letter-spacing: -1px; word-break:keep-all;}
.boxbg {margin-bottom: 30px;background: #e9eff4 url(../images/sub/rule_bg.jpg) no-repeat right top;}
.contest_bg {margin-bottom: 30px;background: #e9eff4 url(../images/sub/contest_bg.jpg) no-repeat right top;}

#box-style {padding: 50px;overflow: hidden;}
#box-style .text-line01 {font-family: 'NanumSquare';font-size: 26px;font-weight: 700;color: #227bc1;}
#box-style .text-line02 {font-size:18px;line-height: 1.5;color: #333;font-weight:400;}

/*인사말*/
.greeting .visual {margin-bottom: 20px;padding-top: 40px;background: url(../images/sub/bg-greetin.jpg) no-repeat right bottom;}
.greeting .visual .say {margin-bottom: 30px;line-height:1.6;font-size: 20px;color: #333;letter-spacing: -1px;}
.greeting .visual .name {font-size: 1.250em; color: #555;}
.greeting .visual .name span{display:inline-block;vertical-align:middle;font-size:15px;line-height:1.4;margin-right:14px;}
.greeting .visual .name strong{display:inline-block;vertical-align:middle;}
.greeting .bul_bar{font-size:18px;}
.greeting .float_wrap {margin-top: 25px; overflow: hidden;}
.greeting .float_wrap .float_left,.greeting .float_wrap .float_right {width: 48%;}
.greeting .float_wrap strong.point-style01 {display: block; margin-bottom: 5px;}


.motto {margin-top: 40px; overflow: hidden;}
.motto .group  line-height: 1; background: no-repeat 85% 30px;}
.motto .group:first-child {margin-left: 0;}
.motto .title {box-shadow: 3px 3px 6px #f3f2f2;position: relative;padding: 22px 20px 22px 0;border: 10px solid #e2e4e6;border-left: none;margin-bottom: 31px;text-align: justify;}
.motto .title:before {position: absolute; left: 0; top: 0; width: 10px; height:100%; background-color: #e2e4e6; content: '';}
.motto .title span {position:relative;display:inline-block; font-size: 2.250em; font-weight: bold; color: #005aab;background:#fff;padding:8px 0;margin-right:8px;z-index:9;}
.motto .title strong.blue{display: inline-block; margin-bottom: 5px;color:#005aab;font-size:15px;}
.motto .title .sub_txt{line-height: 246px;padding-left:46px;}
.motto .title .sub_txt ul li{position:relative;padding-left:8px;}
.motto .title .sub_txt ul li:before{content:'·';position:absolute;left:0;}

.greeting .visual, .motto .title h3 {font-family: 'NanumSquare';}

.c_b{margin-bottom: 5px;font-size: 16px;color: #227bc1;}


/*정관및규정집 171219추가*/

.alTable_s1 {width:100%; border-collapse:collapse; border-top:2px solid #003876;font-size:16px;}
.alTable_s1 th{padding:10px; border-bottom:1px solid #d3d3d3;}
.alTable_s1 th {background: #f9f9f9;text-align: center;font-weight: 500;font-size: 17px;line-height: 26px;letter-spacing: -1px;color: #111;}
.alTable_s1 th:first-child {background-image:none;}
.alTable_s1 td{padding:10px 10px 10px 20px;border-bottom:1px solid #d3d3d3;} 
.alTable_s1 td {border-left:1px solid #d3d3d3;}
.alTable_s1 td:first-child {border-left:none;}
.alTable_s1 td.bl {border-left:1px solid #d3d3d3 !important;}
.alTable_s1 td.pdl20{padding-left:20px;}
.alTable_s1 th.colorTh {font-size:16px; background:#eee;}


/*오시는길*/
.mapboxbg {margin-bottom: 20px;background: #e9eff4 url(../images/sub/map_bg.jpg) no-repeat 526px 25px;}
#mapbox-style {padding: 50px;overflow: hidden;}
#mapbox-style .text-line01 {font-family: 'NanumSquare';font-size: 22px;font-weight: 700;color: #227bc1;}
#mapbox-style .text-line02 {font-size:18px;line-height: 1.5;color: #333;font-weight:400;}


/*어워드*/
.award-layout {overflow: hidden;}
.award-layout > li {margin-bottom: 10px; background-color: #fff;border: 5px solid #eee;border-radius: 10px; border-top-right-radius: 0; overflow: hidden;}
.award-layout > li .basic {position: relative;padding: 20px;overflow: hidden;}
.award-layout > li .basic .info {float: left;padding:0 30px;border-right: 1px dotted #ddd;}

.award-layout > li .basic .info h2 {font-family: 'NanumSquare'; font-size: 2em; font-weight: bold; color: #333;}
.award-layout > li .basic .info h2 + .bul_box {margin-top: 10px;}
.award-layout > li .basic .btn {position: absolute;top:20px; right: 30px;}
.award-layout > li .basic .btn a {display: inline-block; padding: 10px; text-align: center; color: #213152; background-color: #fff; border: 1px solid #213152; overflow: hidden;}
.award-layout > li .detail {display: none; padding: 30px; background-color: #fafafa; border-top: 1px solid #ddd; overflow: hidden;}
.award-layout > li .detail img{margin-bottom:30px;}

.award-layout > li .detail h2 {float:left;width: 50%;position: relative;font-family: 'NanumSquare'; font-size: 20px; font-weight: bold; color: #005bab;}
.award-layout > li .detail h2:after {position: absolute;top: 30px;left: 0;width: 30px;height: 2px;background-color: #005aab;content: '';}
.award-layout > li .detail h2 > p{margin-top:10px;}


.award-layout > li .detail .float_wrap > img.float_right {margin-left: 30px; margin-bottom: 30px;}
.award-layout > li .detail .list {margin: 0 auto; overflow: hidden;}
.award-layout > li .detail .list li {float: left; margin-top: 20px; width: 33.33%; text-align: center;}
.award-layout > li .detail .list li:nth-child(4) {margin-left: 17%;}
.award-layout > li .detail .list01 {width: 80%;}
.award-layout > li .detail .list02 {width: 90%;}
.button.style01 {color: #fff;background-color: #555;}
.button {display: inline-block;padding: 0 30px;min-width: 130px;height: 45px;line-height: 45px;text-align: center;vertical-align: middle;font-size: 16px;}


/*위원회조직도*/
.organization_02{position: relative;margin: auto;width: 480px;background: url(/html_2017/images/sub/organization_02.jpg) 0 0 no-repeat;height: 917px;}
.organization_02 ul{position: absolute;right: 8px;}
.organization_02 ul li{border-radius: 7px;background: #213152;width: 190px;height: 59px;text-align: center;margin: 0 0 8px 0;line-height: 20px;padding-top: 10px;border-top-right-radius: 0;}
.organization_02 ul li:hover{background: #227bc1}
.organization_02 ul li:first-child{text-align: center;margin: 0px 0 8px 0;}
.organization_02 ul li a{display: block;width: 100%;color: #fff;font-size: 17px;}
.organization_02 ul li a strong{font-size: 18px;}


/*연맹이하는일*/
.ordin ul li{background: #f8f8f8;margin-top: 10px;padding: 15px;border-width: 1px;border-style: solid;border-color: #bcbcbc;border-radius: 3px;overflow: hidden;}
.ordin ul li .num-box {position: relative;float: left;margin-left: 30px;padding-left: 80px;height: 60px;line-height: 60px;font-size: 1.133em;}
.ordin ul li  .num-box .num {display: inline-block;margin-left: -110px;margin-right: 20px;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #fff;background: #227bc1;border-radius: 50%;}
.ordin ul li  .ordin-txt{width: 85%;float: right;font-size: 15px;}


/*연맹로고*/
.uilogo{height: 300px;border: 1px solid #ddd;width: 778px;}
.uilogo ul{clear: both;width: 486px;margin: 27px auto;}
.uilogo ul li{float: left; margin: 0 10px; height: 36px;width: 140px;border: 1px solid #8d9398;border-radius: 10px;overflow: hidden;}
.uilogo ul li:hover{background: #227bc1}
.uilogo ul li:hover a{color:#fff}
.uilogo ul li a{padding-left: 19px;line-height: 36px;height: 36px;width: 122px;display: block;background: url(../images/sub/icon_down.jpg) right 0 no-repeat;}
.logo_tt {font-weight:400;font-size:15px;color:#dc3519;} /*171215 css추가*/


/*재난통신지원단 규정*/
.articles {}
.articles h3 {text-align:center;color: #333;font-weight: 600;font-size: 26px;line-height: 26px;letter-spacing: -2pt;padding: 0 0 25px 10px;}
.articles p.art_stit {font-size:20px; text-align:center; font-weight:600; padding-bottom:20px;color: #222;}
.articles h4.art_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600 !important; color:#444 !important;margin-bottom: 0 !important;}
.articles .art_txt2 {padding-bottom:35px;font-size: 15px; line-height: 180%;}
.articles .art_box {border:1px solid #a0a0a0; padding:20px; background:#e9eff4 ; margin:7px 0px 10px 0px; display:block; }
.articles .art_box strong {font-weight:600; color:#444;}
.dott_line {width: 100%;height: 0px;border-bottom: 1px dashed #ddd;margin-bottom: 25px;text-indent: -2000px;}
.pri_box {padding:20px; background:#e9eff4; margin:7px 0px 10px 0px;display:block;line-height:180%;font-weight:300;font-size:15px;}

.programtab{position:relative; width:100%; height:70px;  border-bottom:1px solid #227bc1;} 
.programtab:after{content:""; display:block; clear:both;} 
.programtab ul li{position:relative; float:left; margin:0 0 ;}
.programtab ul li a{display:block;width:128px;height:49px; padding-top:20px; font-size:17px; border:1px solid #d6d6d6;
border-bottom:0;text-decoration:none;cursor:pointer; text-align:center; background-color:#f4f4f4;font-weight: bold;color: #333;}
.programtab ul li a:hover,.programtab ul li a:focus,.programtab ul li a.on{ height:50px;border:1px solid #227bc1;border-bottom:0;color:#227bc1; background-color:#fff;}

/*강습회일정 171215추가*/
 .schedule_box {margin:0 auto; padding: 0 20px; width:250px; height:40px; line-height:40px; background:#728599; display:inline-block; font-size:16px; text-align:center; color:#fff !important; font-weight:400;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
 .schedule_box:hover {background-color:#227bc1;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;text-decoration:none !important;}

/*정관및규정 171219 추가*/

.programtab1{position:relative; width:100%; height:70px;  border-bottom:1px solid #227bc1;} 
.programtab1:after{content:""; display:block; clear:both;} 
.programtab1 ul li{position:relative; float:left; margin:0 0 ;}
.programtab1 ul li a{display:block;width:128px;height:49px; padding-top:20px; font-size:17px; border:1px solid #d6d6d6;
border-bottom:0;text-decoration:none;cursor:pointer; text-align:center; background-color:#f4f4f4;font-weight: bold;color: #333;}
.programtab1 ul li a:hover,.programtab ul li a:focus,.programtab ul li a.on{ height:50px;border:1px solid #227bc1;border-bottom:0;color:#227bc1; background-color:#fff;}

/*역대 이사장 240304 추가*/
.all-time:after{content:'';display:block;clear:both;}
.all-time ul li{float:left;width:136px;margin:0 24px 24px 0;}
.all-time ul li:nth-child(5n){margin-right:0;}
.all-time ul li .img-box{padding:5px;background:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.3);margin-bottom:12px;}
.all-time ul li .img-box img{width:100%;} 
.all-time ul li .txt-box{text-align:Center;}
.all-time ul li .txt-box p{color:#227bc1;font-weight:500;line-height:1.6;margin-bottom:5px;}
.all-time ul li .txt-box strong{display:block;font-size:15px;color:#444;}
.all-time ul li .txt-box span{line-height:1.6;}

/*역대 KARL BEST HAM 240304 추가*/
.best-ham{}
.best-ham:after{content:'';display:block;clear:both;}
.best-ham ul li{float:left;width:243px;margin:0 25px 25px 0;}
.best-ham ul li:nth-child(3n){margin-right:0;}
.best-ham ul li .img-box{border:1px solid #ddd;border-bottom: transparent;}
.best-ham ul li .img-box img{width:100%;}
.best-ham ul li .txt-box{background: #003876;text-align: center;padding: 8px;color: #fff;} 
.best-ham ul li .txt-box p{font-weight:500;line-height:1.6;margin-bottom:5px;}
.best-ham ul li .txt-box strong{font-size:15px;}
.best-ham ul li .txt-box span{color: #d8e9fb;line-height:1.6;}
.best-ham ul li .alTable tr th{background:#e9eff4 !important;border-left: 1px solid #d3d3d3;font-size:14px !important;font-weight:500;}
.best-ham ul li .alTable tr th:first-child{border-left:none;}
.best-ham ul li .alTable tr td{font-size:13px;text-align:right;}

/* 정관 규정 별표 240315 추가 */
.content_block{
    display: inline-block;
}
.content_block .memJoinGo{
    margin-left: 10px;
}