@charset "utf-8";

html { overflow-x:hidden;}

/* ----------
              css ---------- */

/* 공통 css :: input가로값 */
.input10{width:10% !important;}
.input20{width:20% !important;}
.input30{width:30% !important;}
.input40{width:40% !important;}
.input50{width:50% !important;}
.input60{width:60% !important;}
.input70{width:70% !important;}
.input80{width:80% !important;}
.input90{width:90% !important;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}

body {background-color:#1c1f27;}


/* ========
			서브레이아웃 ======== */
			
#subvisual{overflow:hidden; position:relative; display:table; width:100%; height:270px; top:0px; background:#fff; margin-top:0px; text-align:center;}
#subvisual.sub01 {background:url(../image/sub1.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub02 {background:url(../image/sub2.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub03 {background:url(../image/sub3.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub04 {background:url(../image/sub4.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub05 {background:url(../image/sub5.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub06 {background:url(../image/sub6.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub07 {background:url(../image/sub1.jpg) no-repeat 50%; background-size:cover;}
#subvisual.sub08 {background:url(../image/sub8.jpg) no-repeat 50%; background-size:cover;}


#subvisual > .subtxt{   max-width:1360px;   z-index:11; margin:70px  auto 0 auto; border-left:2px solid #b51812;height:100%; overflow:hidden; }
#subvisual > .subtxt .subvisual-tit{ float:left; display:inline-block;  font-size:45px;color:#fff; letter-spacing:-0.75px; font-weight:400; padding:40px 0 90px 25px; position:relative; z-index:11; text-align:left;}
#subvisual > .subtxt .subvisual-tit span { display:none;}
#subvisual > .subtxt .subvisual-txt{ float:right;font-size:40px;color:#fff; line-height:120%; letter-spacing:-1px;opacity:0.73;filter:Alpha(opacity=73); font-weight:500; position:relative; z-index:11; padding:40px 30px 0 0; vertical-align:middle}

#subvisual > .subtxt .subvisual-txt2 { float:left;font-size:14px;color:#fff;margin:60px 0 0px 20px; padding:0; vertical-align:bottom;letter-spacing:-0.75px; text-align:left;}



@media all and (max-width:1400px){


}
@media all and (max-width:1220px){
	
	 #subvisual > .subtxt {margin:70px 0 0 10px;}

}

@media all and (max-width:900px){
	
	
	#subvisual > .subtxt .subvisual-tit{ font-size:38px;}
	#subvisual > .subtxt .subvisual-txt {display:none;}

}
	
@media all and (max-width:640px){
	
	/* -------- SUB 레이아웃 -------- */
	#subvisual{height:150px}

	#subvisual > .subtxt {margin:50px  auto 0 auto; width:100%; border-left:0;text-align:center;  }
	#subvisual > .subtxt .subvisual-tit{ float:none; font-size:28px;text-align:center; padding:0; margin:0 auto;}
	#subvisual > .subtxt .subvisual-tit span { display:block; height:2px; background:#b51812; width:100px; margin:10px  auto}
	
	#subvisual > .subtxt .subvisual-txt2 {display:none;}
	

}


/* Sub Layout :: Location */
#contentLocation{position:relative; width:100%;  margin:0px auto 0px auto;  background:none; }

.location-inner{position: relative; left:0%; height:100%;  background-color:#232732;}
.location-inner > ul{ height:100%;  max-width:1360px; margin:0 auto;  }
.location-inner > ul > li{position: relative; float:left;  height:100%; letter-spacing:-0.25px; line-height:55px; background:url(../image/location_bg2.jpg) no-repeat 100% 50%; padding-right:20px; border-right:1px solid #484c57;}
.location-inner > ul > li.home{width:auto;line-height:55px; font-size:13px; font-weight:300; padding:0 20px; background:none; border-left:1px solid #484c57; border-right:1px solid #484c57;box-sizing:border-box; }
.location-inner > ul > li.home img {width:30px;vertical-align:middle;}
	
.location-inner > ul > li > a{display:block;width:180px; padding-left:23px; font-size:15.5px; color:#fff; background:url(../image/location_arrow.png) no-repeat 99% 50%}
.location-inner > ul > li > a:after {color:#fff;}
.location-inner > ul > li a:active,.location-inner > ul > li a:hover,.location-inner > ul > li a:focus{color:#fff;}
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:55px; left:0px;width:100%; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11000;box-sizing:border-box;}
.location-inner > ul > li .location-2dep li{ height:34px; line-height:34px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:20px; color:#414141; font-size:15px; font-weight:300; letter-spacing:-0.75px;}
.location-inner > ul > li .location-2dep li a:hover{ color:#000;background:#f1f1f1}
.location-inner > ul > li .location-2dep li a.son{ color:#000;background:#f1f1f1}


/* 본문타이틀,네비게이션 */
#middleArea{ width:100%;padding:0px 0 0 0;background:#fff;box-sizing:border-box;}
#contentInfo{position:relative;height:100%; overflow:hidden;  text-align:center;}
#contentInfo h3{  position:relative; top:0px;  padding:60px 35px 30px 35px;  color:#151515; font-size:34px; font-weight:500; letter-spacing:-0.75px;}

#map_in { float:right; height:100%; overflow:hidden;margin:5px auto 0px auto;text-align:center;}
#map_in ul { text-align:center;}
#map_in ul li{ color:#858585; display:inline-block;padding-top:0px ; padding-bottom:0px ;padding-right:20px ;padding-left:10px ;text-align:center;background: url(../image/arrow.png) no-repeat right center; font-size:13px;  line-height:15px}
#map_in ul li.last{background:none;}
#map_in ul li img {margin:0px 4px 0 0; padding:0;}

/* 컨텐츠내용 */
#content{padding-top:30px; }
#content img{max-width:100%;}

@media all and (max-width:1400px){


}
@media all and (max-width:1220px){
	
	#contentInfo{width:96%; margin:0px auto;}
	
}

@media all and (max-width:768px){
	
	#contentLocation{margin:0px auto 0px auto;  }
	
	.location-inner > ul > li { width:50%;box-sizing:border-box;}
	.location-inner > ul > li.home{ display:none;}
	
	.location-inner > ul > li > a{ width:100%; line-height:45px; margin-right:5px; padding:0 10px 0 10px; font-size:14px; box-sizing:border-box;}
	.location-inner > ul > li .location-2dep{ top:45px;}
	.location-inner > ul > li .location-2dep li a {font-size:13px;}
	
	
	
	
	#middleArea{ width:100%;padding:80px 0 0 0;background:#fff; }
	
	#contentInfo h3{font-size:27px; padding:0 3% 20px 3%;}
	#contentInfo a{padding-bottom:20px;}
	
	/* 컨텐츠내용 */
	#content{padding-top:30px;box-sizing:border-box; }
}
	
@media all and (max-width:640px){
	
	#middleArea{ padding:30px 0 0 0;}
	#contentInfo h3{font-size:24px; padding:0 3% 0px 3%;}



}



/* ===================================
	회사소개
 =================================== */
.sub-tit-txt{padding-bottom:70px; text-align:center;}
.sub-tit-txt_vision{padding-bottom:10px; padding-top:30px; text-align:center;}
.sub-tit{text-align:center; line-height:48px; font-weight:300; font-size:32px; color:#1f1f1f; letter-spacing:-3.0px;}
.sub-tit strong{font-weight:500; font-size:36px;}
.sub-line{display:block; margin:30px auto 0; width:38px; height:2px; background-color:#000;}
.sub-content-txt{color:#414141; font-size:17px; font-weight:300; text-align:center; padding-top:30px; line-height:30px; }
.sub-tit2{color:#1f1f1f; font-size:38px; font-weight:300; letter-spacing:-0.5x; padding-bottom:30px; text-align:center;}

@media all and (max-width:1220px){
	.sub-content-tit{font-size:32px;}
}

/* 협회소개 :: 검도의 정신 */
#kumdo_mCon{width:100%; height:100%;overflow:hidden;margin-bottom:0px; box-sizing:border-box}

#kumdo_mtit { width:100%;background:url(../image/c_kumdo_m_bg.gif) no-repeat center top;margin:0 0 60px 0;text-align:center;  }
#kumdo_mtit .titimg { width:100%; display:inline-block; margin:40px 0;}
#kumdo_mtit .titimg img { max-width:100%;}

.hline { display:inline-block; position:absolute; margin:-120px  auto 0px auto;width:1px;height:120px; background:#b3b5ba; text-align:center; left:50%; }

#kumdo_mbox {max-width:1300px;margin:0 auto 0px auto;height:100%;overflow:hidden; padding:0 5%;box-sizing:border-box;}
#kumdo_mbox .tbox {width:20%; float:left;}
#kumdo_mbox .tbox.cgray{background:#484c57;}
#kumdo_mbox .tbox.cblue{background:#0f3057;}
#kumdo_mbox .tbox ul {margin:15%;}
#kumdo_mbox .tbox li {color:#fff; font-size:17px; text-align:center; line-height:160%;font-weight:400;word-break:keep-all;}
#kumdo_mbox .tbox.cgray li.titA {width:97px; height:97px;background:url(../image/c_kumdo_m_bg01.png) repeat; font-size:55px; margin:0  auto 20px  auto;border-radius:120px;}
#kumdo_mbox .tbox.cblue li.titA {width:97px; height:97px;background:url(../image/c_kumdo_m_bg02.png) repeat; font-size:55px; margin:0  auto 20px  auto;border-radius:120px;}


#kumdo_mtxt  {max-width:1300px;margin:0 auto 0px auto;height:100%;overflow:hidden; padding:5%;box-sizing:border-box;}

#kumdo_mtxt .txtimg {float:right; width:50%; text-align:center;}
#kumdo_mtxt .txtimg img { max-width:100%;}

#kumdo_mtxt .tbox { float:left; width:50%; padding:0 3%;box-sizing:border-box}
#kumdo_mtxt .tbox h1 { font-size:35px; color:#242424; font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic";font-weight:600;}
#kumdo_mtxt .tbox ul {margin:20px 0;}
#kumdo_mtxt .tbox ul li {font-size:17px;}
#kumdo_mtxt .tbox ul li span {font-size:25px; color:#222; font-weight:500;font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic"}

@media all and (max-width:1336px){
	
	#kumdo_mbox .tbox ul {margin:15% 5%;}
	
}

@media all and (max-width:900px){
	#kumdo_mtit .titimg { padding:0 40px;box-sizing:border-box}
	
	#kumdo_mbox { font-size:0;}
	#kumdo_mbox .tbox {width:33%; min-height:225px; display:inline-block; float:none; vertical-align:top; }
	#kumdo_mbox .tbox ul {margin:15%; }
	#kumdo_mbox .tbox li { font-size:15px;}
	#kumdo_mbox .tbox.cgray li.titA {width:80px; height:80px;font-size:40px; line-height:80px;}
	#kumdo_mbox .tbox.cblue li.titA {width:80px; height:80px;font-size:40px; line-height:80px;}
	
	
	#kumdo_mtxt  { padding:10% 5%;}
	
	#kumdo_mtxt .txtimg {float:none; width:100%;}
	
	#kumdo_mtxt .tbox { float:none; width:100%;padding:5% 10%; }
	#kumdo_mtxt .tbox ul li {font-size:16px;}
	
}

@media all and (max-width:500px){
	
	#kumdo_mtit .titimg { padding:0 20px;}
	
	.hline { margin:-100px  auto 0px auto;height:80px;}
	
	#kumdo_mbox .tbox {width:100%;min-height:100%;}
	#kumdo_mbox .tbox ul {margin:5% 7% 0% 7%; height:100%; overflow:hidden;box-sizing:border-box }
	#kumdo_mbox .tbox li{ float:left; width:66%; text-align:left; padding:5%;box-sizing:border-box}
	#kumdo_mbox .tbox.cgray li.titA {float:left;font-size:35px;  text-align:center; padding:0;box-sizing:border-box;}
	#kumdo_mbox .tbox.cblue li.titA {float:right;font-size:35px; text-align:center; padding:0;box-sizing:border-box;}
	
	#kumdo_mtxt .tbox { padding:5% 0; }
	#kumdo_mtxt .tbox h1 { font-size:28px;}
	#kumdo_mtxt .tbox ul {margin:10px 0;}
	#kumdo_mtxt .tbox ul li {font-size:15px;}
	#kumdo_mtxt .tbox ul li span {font-size:20px;}
	
}


/* 협회소개 :: 인사말 */
#greetingCon{width:100%; height:100%;overflow:hidden; text-align:left;margin-bottom:0px; box-sizing:border-box;}
#greetingCon.bg01 {background:#edeef0;}

#greetingCon li {margin:0 0 50px 0;}
#greetingCon li span {display:block; font-size:25px; color:#222; font-weight:500;}

#greetingbox { width:100%; max-width:1200px; margin:0 auto;height:100%;overflow:hidden;/*background:url(../image/c_greeting_bg.png) no-repeat 65% 0;*/}
#greetingboxB { width:100%; max-width:1200px; margin:60px auto;height:100%;overflow:hidden;}


.greeting_img {float:right; margin:0 0px 50px 80px}
.greeting_img_left {float:left; margin:0 80px 50px 0px}
.greeting_img_left p  {text-align:right;font-size:20px; color:#242424; font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic";font-weight:600; line-height:1.2; margin:10px 0 0 0}
.greeting_img_left p span {font-size:13px;font-family:'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-weight:400;}
.greeting_img_left p span.t1 {color:#666; letter-spacing:2.5px;}


@media all and (max-width:1336px){
	
	#greetingbox {width:auto;margin:0 3%; background-position:55% 0 ; }
	#greetingboxB{width:auto;margin:60px 3%}
	
}

@media all and (max-width:992px){
	
	#greetingbox { background-position:45% 0 ; }
	
	.greeting_img { margin:0 0px 50px 50px}
	.greeting_img_left {margin:0 50px 50px 0px}
	
}

@media all and (max-width:640px){
	
	#greetingCon ul {margin:0 2%;}
	#greetingCon li { font-size:15px; text-align:justify;}
	
	#greetingbox{background:none;margin:0 5%;}
	#greetingboxB{width:auto;margin:60px 5%}
	
	.greeting_img {float:none; margin:0 30px 50px 30px }
	.greeting_img  img {max-width:100%;}

}

@media all and (max-width:500px){
	
	.greeting_img_left { width:200px; float:none;margin:0  auto 50px auto}
	.greeting_img  img {max-width:100%;}

}



/* 협회소개 :: 조사소개 */
#presidentCon{width:100%; height:100%;overflow:hidden; text-align:left;margin-top:0px; box-sizing:border-box;}
#presidentCon.bg01 {background:url(../image/c_president_bg.gif) no-repeat center 300px; background-size:cover;}

.president_img { width:50%; position:absolute; left:50%;   margin:0  0 0 -10%;}
.president_img img {max-width:100%;}

#presidentboxA { float:left; width:50%; bottom:0; margin:0 auto;height:100%;overflow:hidden; padding:0 0 0px 0}
#presidentboxA .tbox {margin:400px 20% 11% 5%; width:40%;box-sizing:border-box; float:right;}
#presidentboxA .tbox .name01 { margin:0 10%;}
#presidentboxA .tbox .line01 { height:2px; background:#3e3e3e; margin:20px 0}
#presidentboxA .tbox ul {margin:0 10%;}
#presidentboxA .tbox li { color:#333; font-weight:400;background:url(../image/dot01.gif) no-repeat left 50%; padding:0 0 0 15px;}



#presidentboxB { clear:both; width:100%; max-width:1300px;padding:0 0% 60px 0%; margin:60px auto 0 auto;height:100%;overflow:hidden; box-sizing:border-box; }
#presidentboxB .tbox { float:left; width:30%;}
#presidentboxB .tbox.w40 {width:40%;}
#presidentboxB .tbox h1 {display:block; font-size:25px; color:#222; font-weight:500;}
#presidentboxB .tbox ul {margin:3% 0;}
#presidentboxB .tbox li { color:#333; font-weight:400;background:url(../image/dot01.gif) no-repeat left 50%; padding:0 0 0 15px;}

#presidentboxB .tbox .president_img2 { display:block; width:400px; margin:3% 0px 20px 0px; position:relative; padding-bottom:330px }
#presidentboxB .tbox .president_img2 .txt  { display:block;  z-index:11; position: absolute;  background:url(../image/bt_pt01.png) repeat; padding:20px; color:#fff;font-size:13px; line-height:1.2;  margin:0px 0 0 0; bottom:0}
#presidentboxB .tbox .president_img2 .img01 {z-index:10; position: absolute;}
#presidentboxB .tbox .president_img2 .img01 img { width:100%; max-width:400px;}

@media all and (max-width:1336px){
	
	.president_img {width:60%;}
	
	#presidentboxA {width:40%;}
	#presidentboxA .tbox {margin:400px 0% 15% 10%;width:70%; float:left;}
	#presidentboxA .tbox .name01 img{width:180px;}
	
	#presidentboxB { padding:0 3% 60px 3%;}
}


@media all and (max-width:1220px){
	
	#presidentboxB .tbox { float:left; width:50%;}
	
}

@media all and (max-width:992px){
	
	
	
	.president_img { float:none; width:70%; position:relative; text-align:center; margin:0 auto; left:0;}
	
	#presidentboxA { float:none;width:35%;}
	#presidentboxA .tbox {margin:15% 0% 15% 0%;width:100%;}
	
}


@media all and (max-width:640px){
	
	#presidentCon.bg01 { background-position:50% 180px;}
	.president_img {width:80%;}
	
	#presidentboxA {width:90%;}
	#presidentboxA .tbox .name01 img{width:120px;}
	#presidentboxA .tbox li {font-size:15px;}
	
	
	#presidentboxB {margin:30px auto 0 auto;}
	#presidentboxB .tbox { float:none; width:90%; margin:30px auto;}
	#presidentboxB .tbox.w40 {width:90%;}
	#presidentboxB .tbox h1 { font-size:20px;}
	#presidentboxB .tbox li {font-size:15px;}
	
	#presidentboxB .tbox .president_img2 {width:100%;padding-bottom:90% }
	#presidentboxB .tbox .president_img2 .img01{width:100%;}
	#presidentboxB .tbox .president_img2 .img01 img { width:100%; max-width:100%;}
	
}


/* 협회소개 :: 임원현황 */
#kdmemberCon {width:100%; height:100%;overflow:hidden; text-align:center; box-sizing:border-box;}

#kdmemberbox { max-width:1300px; font-size:0; margin:0 auto 60px auto; padding:0 8%;box-sizing:border-box;text-align:center;}
#kdmemberbox h1 {background:url(../image/dot02.gif) repeat-x 0 30%;}
#kdmemberbox h1 span{display:inline-block; text-align:center; font-size:30px; font-weight:500; margin:0  auto 30px  auto; background:#fff; padding:0 20px;}

#kdmemberbox .pboxA {display:inline-block; margin:0 2% 30px 2%; width:23%; background:#ececec; border:1px solid #ddd;box-sizing:border-box; padding:5px;}
#kdmemberbox .pboxA img { max-width:100%;}

#kdmemberbox .pboxB {display:inline-block; margin:0 1% 30px 1%; width:18%; background:#ececec; border:1px solid #ddd;box-sizing:border-box; padding:5px;vertical-align:top;}
#kdmemberbox .pboxB img { max-width:100%;}


#kdmemberbox  p  {font-size:20px; color:#242424; font-weight:500; line-height:1.2; margin:10px 0}
#kdmemberbox  p span {font-size:13px; font-weight:400;}
#kdmemberbox  p span.t1 {color:#666; letter-spacing:2px; line-height:14px !important;}


@media all and (max-width:992px){
	
	#kdmemberbox { max-width:100% ;  padding:0 3%;}
	
}

@media all and (max-width:768px){
	
	#kdmemberbox .pboxA { width:40%;}
	#kdmemberbox .pboxB { width:28%; }
	
}
@media all and (max-width:500px){
	
	#kdmemberbox h1 span {font-size:20px;}
	
	#kdmemberbox  p  {font-size:16px;}
	#kdmemberbox  p span{font-size:12px;}
	#kdmemberbox  p span.t1 {letter-spacing:1px;}
}


/* 협회소개 :: 협회연혁 */
#historyCon{width:100%; max-width:1300px;height:100%;overflow:hidden;padding-bottom:100px; margin:0 auto; background:url(../image/c_history_bg.png) no-repeat center 130px; }

#history_tab { margin:0 0 40px 0; height:100%;overflow:hidden;box-sizing:border-box; }
#history_tab ul {box-sizing:border-box; font-size:0; text-align:center; }
#history_tab li { display:inline-block;width:25%; height:61px;   margin-left:-1px; text-align:center;box-sizing:border-box; background:#f7f7f7; }
#history_tab li.first {margin-left:0px;}
#history_tab li a { display:block;line-height:59px; color:#515151; font-size:16px; border:1px solid #d1d1d1;}
#history_tab li a.hon {ine-height:59px;border:1px solid #0b4695; color:#0b4695;margin:1px;font-weight:500}
#history_tab li a:hover{background:#f1f1f1;}

#historyCon_lay { position:relative; clear:both;height:100%;overflow:hidden;margin:0 0 40px 0; background:url(../image/dot02.gif) repeat-y 50% 0;}

#historyCon_lay .history_box.first {margin:0 0% 30px -9px;}

#historyCon_lay .history_box { position: relative;left:50%; width:50%; top:0;text-align:left;  margin:-200px 0% 30px -9px;vertical-align:top; padding:0 0 30px 0; }
#historyCon_lay .history_box .tyear {display:block; vertical-align:top;  text-align:left; font-size:30px; font-weight:500; color:#0f3057;background:url(../image/c_history_icon_right.png) no-repeat left 50%; padding:0 0 0 80px;}
#historyCon_lay .history_box dl {display:block; vertical-align:top;  margin:0px 0 0 80px}
#historyCon_lay .history_box dt { padding-left:0px; font-size:18px; color:#262626; line-height:140%; margin:20px 0 0px 0;font-weight:500;}
#historyCon_lay .history_box dd {padding-left:0px; margin:5px 0 10px 0 }


#historyCon_lay .history_box_left { position: relative;left:9px; width:50%; top:0;text-align:right;  margin:0px 0px 30px 0px;vertical-align:top; padding:0 0 30px 0; }
#historyCon_lay .history_box_left .tyear {display:block; vertical-align:top;  text-align:right; font-size:30px; font-weight:500; color:#0f3057;background:url(../image/c_history_icon_left.png) no-repeat right 50%; padding:0 80px 0 0px;}
#historyCon_lay .history_box_left dl {display:block; vertical-align:top;  margin:0px 80px 0 0px}
#historyCon_lay .history_box_left dt { padding-left:0px; font-size:18px; color:#262626; line-height:140%; margin:20px 0 0px 0;font-weight:500;}
#historyCon_lay .history_box_left dd {padding-left:0px; margin:5px 0 10px 0 }



@media all and (max-width:800px){
	#historyCon {background-size:100%;}
	
	#historyCon_lay { background:url(../image/dot02.gif) repeat-y 10% 0;}
	
	#historyCon_lay .history_box {left:10%; width:90%;margin:0px 0% 30px -9px; }
	
	#historyCon_lay .history_box_left {left:10%; width:90%; top:0;text-align:left;  margin:0 0px 30px -9px;}
	#historyCon_lay .history_box_left .tyear { text-align:left; background:url(../image/c_history_icon_right.png) no-repeat left 50%; padding:0 0 0 80px;}
	#historyCon_lay .history_box_left dl {margin:0px 0 0 80px}
}


@media all and (max-width:500px){
	
	#historyCon{padding-bottom:50px;}
	
	#history_tab li {float:left;width:50%;}
	#history_tab li a {line-height:40px; font-size:15px;}
	#history_tab li a.hon {line-height:39px;}
	#history_tab li:nth-child(3)  {margin-top:-1px; margin-left:0px;}
	#history_tab li:nth-child(4)  {margin-top:-1px;}
	
	
	#historyCon_lay { background:url(../image/dot02.gif) repeat-y 5% 0;}
	
	#historyCon_lay .history_box {left:5%; width:90%;  margin:0 0% 30px -6px;}
	#historyCon_lay .history_box .tyear {background-size:50px;font-size:26px;padding:0 0 0 50px;}
	#historyCon_lay .history_box dl{ margin:0px 0 0 50px}
	#historyCon_lay .history_box dt {font-size:18px;}
	#historyCon_lay .history_box dd {font-size:15px; background:url(../image/dot01.gif) no-repeat left 10px; padding-left:10px;}
	
	
	#historyCon_lay .history_box_left {left:5%; width:90%; margin:0 0% 30px -6px;}
	#historyCon_lay .history_box_left .tyear { background-size:50px;font-size:26px; padding:0 0 0 50px;}
	#historyCon_lay .history_box_left dl {margin:0px 0 0 50px}
	#historyCon_lay .history_box_left dt {font-size:18px;}
	#historyCon_lay .history_box_left dd {font-size:15px;background:url(../image/dot01.gif) no-repeat left 10px; padding-left:10px;}
	
	
}




/* 협회소개 :: CI */
#ciCon{width:100%; max-width:1300px; height:100%;overflow:hidden; text-align:center;padding-bottom:100px; margin:0 auto}

#ci_box { display:inline-block; width:40%; border:1px solid #d9d9d9; background:url(../image/bt_pt02.gif) repeat; vertical-align:top}
#ci_box  p { text-align:center; margin:60px;}

#ci_txt { display:inline-block;width:30%;margin:100px 10%; vertical-align:middle; text-align:left}
#ci_txt li{font-size:20px; color:#262626;  line-height:180%; letter-spacing:-0.5px;}


@media all and (max-width:1024px){
	
	#ci_txt { width:40%;margin:100px 5%;}
}


@media all and (max-width:768px){

	#ci_box { display:block; width:80%; margin:0 auto}
	#ci_box  p{margin:50px;}
	#ci_box  p img {max-width:100%;}
	
	#ci_txt { display:block;width:90%;margin:30px 5%; text-align:center; }
	#ci_txt li{font-size:16px;}
	
}



/* 회사소개 :: 인증현황 */
#isoCon{width:100%; max-width:1300px;height:100%;overflow:hidden;padding-bottom:100px; margin:0 auto; text-align:left; }
#isoCon ul {font-size:0;}
#isoCon li{ display:inline-block;width:20%;margin:0% 2.3% 50px 2.3%; vertical-align:top; text-align:center;box-sizing:border-box;}
#isoCon li span {display:block;font-size:15px; line-height:150%; margin:7px 0 0px 0; background:#f1f1f1; padding:10px 0; color:#222;}
#isoCon li img { width:100%;border:3px solid #d9d9d9;box-sizing:border-box;}


.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background:url(../images/u_bg.png) repeat;
		background: rgba(0,0,0,.8);
		z-index: 10000;
		display: none;
		top: 0;
		left: 0; 
		}
	
.reveal-modal {
		text-align:left;
		visibility: hidden;
		top:50px; 
		left:50%;
		margin-left: -300px;
		width:600px;
		background: #fff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 10001;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
.u_img {margin:0px; box-sizing:border-box;}
.u_img img {max-width:100%;border:1px solid #d9d9d9;}
.reveal-modal h1 {text-align:left;}	
.reveal-modal p {text-align:left; }
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;top: 10%; left: 50%;
		}
	
.reveal-modal .close-reveal-modal {
		font-size: 42px;
		line-height: .5;
		position: absolute;
		top: 15px;
		right: 15px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 


@media all and (max-width:768px){
	
	#isoCon li { width:45%;margin:0% 2.3% 20px 2.3%;}
	
	.reveal-modal {left:5%;width:90%;padding: 0px;margin: 0px auto;box-sizing:border-box;}
	.reveal-modal .close-reveal-modal {font-size: 22px;}
	
}




/* 협회소개 :: 찾아오시는길 */
#mapCon { max-width:1300px; height:100%;overflow:hidden; text-align:center; margin:0 auto 0px auto; padding:0px 0px 100px 0}
#mapCon .map_txt {float:left; margin-left:3%; width:27%; text-align:left;}
#mapCon .map_txt h1 {font-size:40px; color:#6b6b6b; margin:0 0 10px;}
#mapCon .map_txt .map_address { display:block; margin-right:30px;background:url(../image/bt_icon2.png) no-repeat left 10%; padding-left:25px; font-size:18px; line-height:30px;}
#mapCon .map_txt .map_tel {display:block;background:url(../image/bt_icon3.png) no-repeat left 50%;padding-left:25px; font-size:18px;line-height:30px; margin:0 0 20px 0}
#mapCon .mapbox {float:right;width:70%; }

@media all and (max-width:992px){
	
	#mapCon {width:90%; margin:0 5%;}
	#mapCon .map_txt{float:none; width:100%;}
	#mapCon .map_txt h1 { display:none;}
	#mapCon .map_txt .map_address { float:left; background:url(../image/bt_icon2.png) no-repeat left 5px;font-size:16px; line-height:20px; margin:0 30px 10px 0; text-align:left; padding:5px 0 5px 25px}
	#mapCon .map_txt .map_tel { float:left; font-size:16px;line-height:20px;text-align:left;margin:0 0 10px 0;padding:5px 0 5px 25px}
	#mapCon .mapbox { clear:both;width:100%; margin:0 auto; }

	
}


/* ==================  한국의 검도사 ====================== */


#kdCon{position:relative; padding-bottom:100px; max-width:1300px; height:100%; overflow:hidden; margin:0 auto; background:url(../image/c_greeting_bg.png) no-repeat right top; }
#kdCon.w100 {max-width:100%; margin:0 auto;padding-bottom:0px; background:none;}

@media all and (max-width:768px){
	#kdCon {background:none;}
	
}


/* 한국의검도사 :: 검의 기원 */
#kd01_box { height:100%; overflow:hidden;margin:0 0 60px 0;padding:0 5%; text-align:center;}
#kd01_box p {margin:0 40px 50px 40px;}

.kd01_img {box-sizing:border-box;height:100%; overflow:hidden; margin:0 0 50px 0;}
.kd01_img img { max-width:100%;}

@media all and (max-width:1024px){
	#kd01_box p {margin:0 3% 30px 3%;}
}

@media all and (max-width:768px){
	#kd01_box {margin:0 0 0px 0;}
	#kd01_box p  {font-size:15px; text-align:justify;}
}


/* 한국의검도사 :: 검도의유래 */
#kd01b_box { height:100%; overflow:hidden;margin:0 0 60px 0; padding:0 5%; text-align:center;}
#kd01b_box p {margin:0 40px 50px 40px;}

#kd01b_box .pbox { margin:0 0 50px 0;height:100%; overflow:hidden;box-sizing:border-box;}
#kd01b_box .pbox.pboxA {float:left; width:50%; background:#cd1517;border-top-left-radius:200px; border:1px solid #cd1517 }
#kd01b_box .pbox.pboxB {float:left; width:50%; background:#0d1c89;border-bottom-right-radius:200px; border:1px solid #0d1c89 }


#kd01b_box .pbox h1 {font-size:45px; color:#fff; font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic";font-weight:400; margin:0 0 10px 0}
#kd01b_box .pbox h1 span {font-size:40px;}
#kd01b_box .pbox ul {margin:10% 5%; text-align:center;box-sizing:border-box;}
#kd01b_box .pbox ul li {color:#fff; font-size:25px; font-weight:500; line-height:180%; } 
#kd01b_box .pbox ul li span{display:inline-block; padding:0 20px; background:url(../image/bt_line01.png) repeat-x bottom;}


@media all and (max-width:1024px){
	
	#kd01b_box p {margin:0 0px 30px 0px;}
	
	#kd01b_box .pbox h1 {font-size:40px;}
	#kd01b_box .pbox h1 span {font-size:35px;}
	#kd01b_box .pbox ul li { font-size:20px;}
	
}

@media all and (max-width:768px){
	#kd01b_box { margin:0 3%}
	
	#kd01b_box p  {font-size:15px; text-align:justify;}
	
	#kd01b_box .pbox.pboxA {float:none; width:100%; margin:0 0 0px 0;border-top-left-radius:100px;}
	#kd01b_box .pbox.pboxB {float:none; width:100%;border-bottom-right-radius:100px;}
	
	#kd01b_box .pbox h1 {font-size:30px;font-weight:400;}
	#kd01b_box .pbox h1 span {font-size:25px;}
	#kd01b_box .pbox ul{margin:15% 5%;}
	#kd01b_box .pbox ul li { font-size:18px;}
	
}


/* 한국의검도사 :: 검도의발달 */
#kd01c_box { height:100%; overflow:hidden;margin:0 0 60px 0; padding:0 5%; text-align:left;}

#kd01c_box p {margin:0 40px 50px 40px;}
#kd01c_box p span {display:block; font-size:25px; color:#222; font-weight:500;}

#kd01c_box .pbox {border:1px solid #d9d9d9; padding:50px 0 0 0; box-sizing:border-box; margin:0 0 50px 0}
#kd01c_box .pbox p {background:url(../image/dot01.gif) no-repeat left 12px; padding-left:10px;}

.kd01c_img {float:left; width:50%; text-align:center; margin:0 0 50px 0}
.kd01c_img span {display:block; font-size:22px; text-align:center; font-weight:500; margin-top:10px;}

@media all and (max-width:1024px){
	#kd01c_box p {margin:0 0px 30px 0px;}
}

@media all and (max-width:768px){
	
	#kd01c_box { margin:0 3%}
	#kd01c_box p{font-size:15px; text-align:justify;}
	#kd01c_box p span { font-size:20px;}
	#kd01c_box .pbox {padding:30px 3% 0% 3%;}
	
	.kd01c_img  { margin:0 0 30px 0}
	
}


/* 한국의검도사 :: 한국검도와 일본검도의 차이 */
#kd01d_box { height:100%; overflow:hidden;margin:0 0 60px 0; padding:0 5%; text-align:left;}

#kd01d_box p { clear:both;margin:0 40px 50px 40px;}
#kd01d_box p span {display:block; font-size:25px; color:#222; font-weight:500;}

#kd01d_box .pbox {height:100%; overflow:hidden;  box-sizing:border-box; margin:0 0 50px 0;}
#kd01d_box .pbox.pboxA { float:left; width:33%;background:#cd1517;}
#kd01d_box .pbox.pboxB { float:left; width:34%;background:#f1aa00;}
#kd01d_box .pbox.pboxC { float:left; width:33%;background:#0d1c89;}
#kd01d_box .pbox ul{margin:50px 30px;}
#kd01d_box .pbox h1 {font-size:24px; color:#fff; font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic";font-weight:400; margin:0 0 10px 0}
#kd01d_box .pbox li {color:#fff;}



#kd02g_table { margin:60px 0 0 0;width:100%; overflow:hidden;} 
#kd02g_tabletxt {display:none; font-size:12px; margin:10px 0 0 0;color:#C03;}

#kd02g_table table.tb01 {width:100%;}

/**table**/
table.tb01 {margin:0px 0 5px 0px; border-collapse:collapse;  border-top:2px solid #134782; }
table.tb01  thead th { color:#f8f8f8; text-align:center;padding:8px 0; background:#484c57; border-bottom:1px solid #777e8f; font-weight:700;border-left:1px solid #777e8f;}
table.tb01  thead th.first {border-left:0px solid #d9d9d9;}
table.tb01  tbody th {background:url(../image/m_gallery_bg.gif) repeat; font-weight:500;color:#292929;padding:8px;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;}
table.tb01  tbody th.first {border-left:0px solid #d9d9d9;}
table.tb01  tbody th.tleft{padding:8px 8px 8px 20px;text-align:left;border-left:0px solid #d9d9d9;}
table.tb01  tbody th span {font-size:12px;}
table.tb01  tbody td { color:#444; text-align:center; padding:8px; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
table.tb01  tbody td.first {border-left:0px solid #d9d9d9;}
table.tb01  tbody td.t1 { padding:8px 8px 8px 20px;text-align:left;}
table.tb01  tbody td.bg {background:url(image/bt_pt03.gif) repeat; }
table.tb01  tbody td strong{ color:#0a3887; font-weight:500;}



@media all and (max-width:1366px){
	
	#kd01d_box .pbox {min-height:320px;}
}

@media all and (max-width:1024px){
	#kd01d_box .pbox {min-height:350px;}
}

@media all and (max-width:768px){
	#kd01d_box {margin:0 0 0px 0;}
	#kd01d_box p { clear:both;margin:0 3% 30px 3%;font-size:15px; text-align:justify;}
	
	#kd01d_box .pbox {min-height:100%;margin:0 0 0px 0;}
	#kd01d_box .pbox.pboxA { float:none; width:100%;}
	#kd01d_box .pbox.pboxB { float:none;  width:100%;}
	#kd01d_box .pbox.pboxC { float:none;  width:100%;margin:0 0 50px 0;}
	
	#kd01d_box .pbox ul{margin:30px;}
	#kd01d_box .pbox h1 {font-size:22px; }
	#kd01d_box .pbox li { font-size:15px;}
	
	#kd02g_table {overflow-x:scroll ;} 
	#kd02g_table table.tb01 {width:1000px; }
	#kd02g_tabletxt {display:block;}
	
	table.tb01 thead th {font-size:14px;}
	table.tb01 tbody th {font-size:14px;}
	table.tb01 tbody td {font-size:14px;}
	

}


/* 한국의검도사 :: 시대별형성과발달 */
#kd01e_box { height:100%; overflow:hidden;margin:0 0 60px 0; padding:0 5%; text-align:left;}

#kd01e_box p { clear:both;margin:0 40px 50px 40px;}

#kd01e_box .pbox {float:left;  width:31%; min-height:300px;height:100%; overflow:hidden;  box-sizing:border-box; margin:0px 1% 50px 1%;   text-align:center; }
#kd01e_box .pbox .tit{  z-index:10; display:inline-block;  text-align:center; margin:0px auto ; padding:10px 30px;font-size:24px; color:#fff;font-weight:400;border-radius:30px;}
#kd01e_box .pbox .tit.bgA {background:#484c57;}
#kd01e_box .pbox .tit.bgB {background:#0f3057;}

#kd01e_box .pbox ul{min-height:230px;margin:-30px 0px 0 0; z-index:5;border:1px solid #d9d9d9;height:100%; overflow:hidden; padding:50px 30px; text-align:left; box-sizing:border-box;}
#kd01e_box .pbox li {color:#222;background:url(../image/dot03.png) no-repeat left 10px; padding-left:10px;}
#kd01e_box .pbox li span { background:url(../image/dot01.gif) no-repeat left 10px; padding-left:7px; font-weight:400;}


@media all and (max-width:1024px){
	#kd01e_box .pbox {width:48%;}
}

@media all and (max-width:768px){
	#kd01e_box { margin:0 0 0px 0;} 
	#kd01e_box .pbox .tit {font-size:22px;}
	#kd01e_box .pbox {float:none; width:98%; min-height:100%;}
	#kd01e_box .pbox ul{min-height:100%;}
	#kd01e_box .pbox li { font-size:15px; background-position: left 8px;}
	
}


/* ========================= 
                             한국검도의 기술 ============================== */

/* 한국검도의 기술 :: 개요 */
#kd02_box { height:100%; overflow:hidden;margin:0 0 60px 0;padding:0 5%; text-align:left;}
#kd02_box p {margin:0 40px 50px 40px;}
#kd02_box p span {display:block; font-size:25px; color:#222; font-weight:500;}



.kd02_img {box-sizing:border-box;height:100%; overflow:hidden; margin:0 0 50px 0;}
.kd02_img img { max-width:100%;}
.kd02_img span {display:block; text-align:right; margin:5px 10px;}


@media all and (max-width:1024px){
	#kd02_box p {margin:0 3% 30px 3%;}
}

@media all and (max-width:768px){
	#kd02_box {margin:0 0 0px 0;}
	#kd02_box p  {font-size:15px; text-align:justify;}
	#kd02_box p span { font-size:20px;}
}



/* 한국검도의 기술 :: 검도의 격기세 */
#kd02b_box { height:100%; overflow:hidden;margin:0 0 60px 0;padding:0 5%; text-align:left;}
#kd02b_box p {margin:0 40px 50px 40px;}
#kd02b_box p span {display:block; font-size:25px; color:#222; font-weight:500;}

#kd02b_box  h1 {height:100%; overflow:hidden;font-size:26px; color:#0a1d4d; font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic";font-weight:400; margin:0 40px 30px 40px}
#kd02b_box  h1 span {display:block;}

.kd02b_img_right { float:right; width:30%;box-sizing:border-box;height:100%; overflow:hidden; margin:0 0 50px 0; text-align:center;}
.kd02b_img_right img { max-width:100%;}
.kd02b_img_right span {display:block; text-align:center; font-size:14px;}


#kd02b_box .pbox { clear:both; width:100%;height:100%; overflow:hidden;background:#484c57 url(../image/kd_02b_bg.jpg) no-repeat right bottom;box-sizing:border-box; margin:0 0 50px 0; padding:30px;}
#kd02b_box .pbox .kbimg {float:left; width:60%; box-sizing:border-box; }
#kd02b_box .pbox .kbimg img {max-width:100%;}
#kd02b_box .pbox .kbtxt {float:left;width:30%; margin:5%;  box-sizing:border-box;  text-align:left; color:#fff; font-size:18px; font-weight:400;}


.kd02b_img {clear:both; text-align:center; margin:0 0 0px 0}
.kd02b_img ul{font-size:0;}
.kd02b_img li { display:inline-block;margin:0 1%;}
.kd02b_img ul.w3 li {width:31%;}
.kd02b_img ul.w4 li {width:23%;}
.kd02b_img li span { display:block;margin:10px auto; font-size:18px; font-weight:400;}



@media all and (max-width:1024px){
	#kd02b_box  h1 {clear:both;}
	
}

@media all and (max-width:768px){
	#kd02b_box { margin:0 0 30px 0;}
	
	#kd02b_box p {margin:0 3% 30px 3%;font-size:15px; text-align:justify;}
	#kd02b_box p span  { font-size:20px;}	
	
	#kd02b_box  h1{ font-size:18px;margin:0 3% 30px 3%;}
	#kd02b_box  h1 span { float:left;display: inline-block;}
	
	

	
	
	#kd02b_box .pbox { margin:30px 0; }
	#kd02b_box .pbox .kbimg {float:none;width:100%;}
	#kd02b_box .pbox .kbtxt  {float:none;width:100%;}
	
	.kd02b_img ul.w3 li {width:48%;}
	.kd02b_img ul.w4 li {width:48%;}
	.kd02b_img li span{ font-size:16px;}
	
	
}
	

/* 한국검도의 기술 :: 쌍수도/편수도 */
#kd02c_box { max-width:1300px; height:100%; overflow:hidden;margin:0  auto 0px  auto;padding:0 5%; text-align:left;}

#kd02c_box p {margin:0 40px 50px 40px;}
#kd02c_box p span {display:block; font-size:25px; color:#222; font-weight:500;}

.kd02c_img {clear:both; text-align:center; margin:0 0 0px 0;background:#e9eaeb url(../image/kd_02c_bg.jpg) no-repeat right bottom;box-sizing:border-box; padding:5%}
.kd02c_img ul{font-size:0; max-width:1300px; margin:0 auto;}
.kd02c_img li { display:inline-block; width:18%;margin:1% ;box-sizing:border-box;}
.kd02c_img li span { display:block;margin:10px auto; font-size:16px; font-weight:400; color:#222;}
.kd02c_img li img { border:1px solid #fff;}


@media all and (max-width:1024px){
	
	.kd02c_img li { width:31%;}
}

@media all and (max-width:768px){
	
	#kd02c_box p {margin:0 3% 30px 3%;font-size:15px; text-align:justify;}
	.kd02c_img li span { font-size:15px;}
	
}


/* 한국검도의 기술 :: 자르기도법 */
#kd02e_box { height:100%; overflow:hidden;margin:0  auto 60px  auto;padding:0 5%; text-align:left;}

.kd02e_imgA {float:left; width:37%; text-align:right; margin-right:5%;box-sizing:border-box;}
.kd02e_imgB {float:right; width:58%; text-align:center;box-sizing:border-box;}
.kd02e_imgB li span { display:block;text-align:center; margin:10px auto; font-size:16px;}


@media all and (max-width:768px){
	#kd02e_box { margin:0  auto 0px  auto;}
	
	
	.kd02e_imgA { float:none; width:100%;margin:0 0% 30px 0;height:100%; overflow:hidden;}
	.kd02e_imgA li {float:left; width:50%;}
	
	.kd02e_imgB {float:none; width:80%; margin:0 auto;}
	
}


/* 한국검도의 기술 :: 경기규칙 */
#kd02f_box { height:100%; overflow:hidden;margin:0  auto 60px  auto;padding:0 5%; text-align:left;}
#kd02f_box p {margin:0 40px 50px 40px;}
#kd02f_box  span {display:block; font-size:25px; color:#222; font-weight:500; margin:0 0 10px 0}

#kd02f_box ul{margin:0px 40px;  text-align:left; box-sizing:border-box;}
#kd02f_box li {color:#222;background:url(../image/dot03.png) no-repeat left 10px; padding-left:10px; margin:0 0 30px 0}


.kd02f_img {float:right; width:40%; text-align:center;box-sizing:border-box; margin:0 0 0px 40px}



@media all and (max-width:768px){
	#kd02f_box { margin:0  auto 30px }
	#kd02f_box p {margin:0 3% 30px 3%;font-size:15px; text-align:justify;}
	
	#kd02f_box ul{margin:0px 3%; }
	#kd02f_box li {font-size:15px; text-align:justify; background-position:left 8px;}
	.kd02f_img{ float:none; width:100%;margin:0 0 0px 0px}
}


/* ========================= 
                             지도자교육 ============================== */


/* 지도자교육 :: 특별지도자 교육 */
#kd03a_box { height:100%; overflow:hidden;margin:0 0 60px 0; padding:0 5%; text-align:left;}

#kd03a_box .pbox p {margin:10px 0px 0px 0px; color:#fff;}

#kd03a_box .pbox { float:left; overflow:hidden;  box-sizing:border-box; margin:0 0 0px 0; height:40vh;}
#kd03a_box .pbox.pboxA { width:33%;background:#cd1517;}
#kd03a_box .pbox.pboxB { width:34%;background:#484c57;}
#kd03a_box .pbox.pboxC { width:33%;background:#0d1c89;}
#kd03a_box .pbox ul{margin:50px 30px;}
#kd03a_box .pbox h1 {font-size:24px; color:#fff; font-family:'Nanum Myeongjo','나눔명조',"나눔고딕", NanumGothic, "Nanum Gothic";font-weight:400; margin:0 0 10px 0}
#kd03a_box .pbox li {color:#fff; background:url(../image/dot01.gif) no-repeat left 50%; padding-left:10px;}

#kd03a_box .pbox.pimg01 {width:34%;  background:#f1aa00 url(../image/kd_03a_img01.png) no-repeat 50% 100%; background-size:cover }
#kd03a_box .pbox.pimg02 {width:33%;  background:#0f3057 url(../image/kd_03a_img02.png) no-repeat 50% 100%; background-size:cover }
#kd03a_box .pbox.pimg03 {width:33%;  background:#0f3057 url(../image/kd_03a_img03.png) no-repeat 50% 100%; background-size:cover }
#kd03a_box .pbox.pimg04 {width:34%;  background:#484c57 url(../image/kd_03a_img04.png) no-repeat 50% 100%; background-size:cover }

#kd03a_txt {text-align:center; font-size:35px;color:#222}
#kd03a_txt span {display:block;}
#kd03a_txt span a { display: inline-block;font-size:22px; color:#666}

@media all and (max-width:900px){
	#kd03a_box .pbox.pboxA { width:50%;}
	#kd03a_box .pbox.pboxB { width:50%;}
	#kd03a_box .pbox.pboxC { width:50%;background:#0f3057}
	
	
	#kd03a_box .pbox.pimg01 {width:50%;background-size:95% }
	#kd03a_box .pbox.pimg02 {width:50%; background:#484c57 url(../image/kd_03a_img02.png) no-repeat 50% 100%;background-size:95%}
	#kd03a_box .pbox.pimg03 {width:50%;background-size:95%}
	#kd03a_box .pbox.pimg04 {width:50%;background-size:95%}
	
	
}

@media all and (max-width:640px){
	#kd03a_box .pbox.pbox {float:none;height:100%;}
	#kd03a_box .pbox.pboxA { width:100%;}
	#kd03a_box .pbox.pboxB { width:100%;}
	#kd03a_box .pbox.pboxC { width:100%;background:#484c57}
	
	#kd03a_box .pbox.pimg01 {width:100%; height:40vh;}
	#kd03a_box .pbox.pimg02 {width:100%; height:40vh;background:#0f3057 url(../image/kd_03a_img02.png) no-repeat 50% 100%;background-size:cover}
	#kd03a_box .pbox.pimg03 {width:100%; height:40vh;}
	#kd03a_box .pbox.pimg04 {width:100%; height:40vh;}
	
	#kd03a_txt {font-size:28px; padding:0 15%; line-height:35px;}
}




/* 지도자교육 :: 한국검도수련 */
#kd03b_box { height:100%; overflow:hidden;margin:0  auto 60px  auto;padding:0 5%; text-align:left;}
#kd03b_box p {margin:0 40px 50px 40px;}
#kd03b_box p span {display:block; font-size:25px; color:#222; font-weight:500;}

#kd03b_box  table {width:40% !important;margin-left:40px !important;}

#kd03b_box ul{margin:0px 40px;  text-align:left; box-sizing:border-box;}
#kd03b_box li {color:#222;background:url(../image/dot03.png) no-repeat left 10px; padding-left:10px; margin:0 0 30px 0}


.kd03b_img {float:right; width:25%; text-align:center;box-sizing:border-box; margin:0 0 0px 0px}
.kd03b_img img {max-width:100%;}
.kd03b_img span {display:block; text-align:center; font-size:14px;}

.kd03b_img2 {float:right; width:40%; text-align:center;box-sizing:border-box; margin:0 0 0px 0px}

@media all and (max-width:768px){
	#kd03b_box { margin:0  auto 30px }
	#kd03b_box p {margin:0 3% 30px 3%;font-size:15px; text-align:justify;}
	
	#kd03b_box  table { width:94% !important;margin-left:3% !important;}
	
	#kd03b_box ul{margin:0px 3%; }
	#kd03b_box li {font-size:15px; text-align:justify; background-position:left 8px;}
	
	.kd03b_img{  width:50%;margin:0 0 50px 0px}
	.kd03b_img2{ float:none;  width:94%;margin:0 0 50px 0px}
}



/* 지도자교육 :: 검도운동효과 */
#kd03c_box { height:100%; overflow:hidden;margin:0 0 60px 0;padding:0 5%; text-align:left;}
#kd03c_box p {margin:0 40px 50px 40px;}
#kd03c_box p span {display:block; font-size:25px; color:#222; font-weight:500;}

#kd03c_box .pbox { width:64%; height:100%; overflow:hidden;  box-sizing:border-box; margin:0 0 -1px -1px; color:#222; font-weight:400; text-align:center; padding:2.1%; border:1px solid #d9d9d9; border-collapse:collapse;}
#kd03c_box .pbox.last {margin:0 0 1px -1px;}
#kd03c_box .pbox span {display:block; color:#656565; font-size:13px; font-weight:300;}
#kd03c_box .pbox.pboxA {background:#fff;}
#kd03c_box .pbox.pboxB {background:#f7f7f7;}

.kd03c_img {box-sizing:border-box;height:100%; overflow:hidden; margin:0 0 50px 0;}
.kd03c_img img { max-width:100%;}
.kd03c_img span {display:block; text-align:right; margin:5px 10px ;}

.kd03c_img_left {float:left; width:31%; margin-right:5%;}

@media all and (max-width:1024px){
	#kd03c_box p {margin:0 3% 30px 3%;}
}

@media all and (max-width:900px){
	#kd03c_box .pbox {padding:1%; }
}

@media all and (max-width:768px){
	#kd03c_box {margin:0 0 0px 0;}
	#kd03c_box p  {font-size:15px; text-align:justify;}
	#kd03c_box p span { font-size:20px;}
	
	#kd03c_box .pbox { float:none; width:100%; margin:0% auto;}
	#kd03c_box .pbox.last {margin:0  auto 1px  auto;}
	
	.kd03c_img_left{float:none; width:100%; margin:0% auto 2% auto ;}

}









/* ========================= 
                             게시판  ============================== */
#boardCon{ max-width:1300px; height:100%; overflow:hidden;margin:0  auto 0px  auto;padding:0 1% 60px 1%; text-align:left;  box-sizing:border-box;}
#boardCon img {max-width:100%; margin:0 auto;}


#board_tab { margin:0 0 40px 0; height:100%;overflow:hidden;box-sizing:border-box; }
#board_tab ul {box-sizing:border-box; font-size:0; text-align:center; }
#board_tab li { display:inline-block;width:25%; height:61px;   margin-left:-1px; text-align:center;box-sizing:border-box; background:#f7f7f7; }
#board_tab li.first {margin-left:0px;}
#board_tab li a { display:block;line-height:59px; color:#222; font-size:16px; border:1px solid #d1d1d1;font-weight:500; }
#board_tab li a.hon {ine-height:59px;border:1px solid #0b4695; color:#0b4695;margin:1px;font-weight:500;  background:#fff}
#board_tab li a:hover{background:#f1f1f1;}



@media all and (max-width:768px){
	#boardCon {margin:0 3% 30px 3%;}
	
	#board_tab li {float:left;width:50%;}
	#board_tab li a {line-height:40px; font-size:15px;}
	#board_tab li a.hon {line-height:39px;}
	#board_tab li:nth-child(3)  {margin-top:-1px; margin-left:0px;}
	#board_tab li:nth-child(4)  {margin-top:-1px;}
	
}


/* 활동현황 :: 국내활동리스트 */
#kd_list { max-width:1300px; height:100%; overflow:hidden;margin:0  auto 0px  auto;padding:0 0 60px 0;  text-align:left;}
#kd_list_box {}
#kd_list_box ul { float:left;width:47%; margin:0 1.5%; height:100%; overflow:hidden;border-top:2px solid #373737;}
#kd_list_box ul.mobilebt {border-top:2px solid #373737;}
#kd_list_box li { border-bottom:1px solid #d9d9d9; text-align:left; padding:2%;}


@media all and (max-width:768px){
	#kd_list_box ul { float:none;width:100%;}
    #kd_list_box ul.mobilebt {border-top:0px solid #373737;}
	#kd_list_box li {font-size:15px;}
}


/* 연수원 */
#training_box { max-width:1300px; height:100%; overflow:hidden;margin:0  auto 0px  auto;padding:0 0 60px 0;  text-align:center;}
#training_box {}
#training_box ul { height:100%; overflow:hidden; margin:40px 0 60px 0}

#training_box li { display:inline-block;width:31%; margin:0 1%; border:1px solid #d9d9d9;  padding:0.4%;box-sizing:border-box;}

@media all and (max-width:768px){
	
	#training_box {margin:0 3% 30px 3%; padding:0 0 30px 0}
	
	#training_box h1 {font-size:20px;}
	#training_box h3 {font-size:14px;}
	#training_box ul { margin:20px 0 30px 0}
	#training_box li {width:98%; margin:0 1% 3% 1%}
	
}


/* ========================= 
                             회원가입  ============================== */
#memberCon{ max-width:1300px; height:100%; overflow:hidden;margin:0  auto 0px  auto;padding:0 1% 60px 1%; text-align:left;  box-sizing:border-box;}

/* 회원가입 :: 로그인 */
#mb_login  {border:1px solid #d9d9d9;height:100%; overflow:hidden; box-sizing:border-box;}
#mb_login.bg01 {background:#f1f1f1; margin-top:-1px}
#mb_login .loginbox {margin:5% 20%;height:100%; overflow:hidden;}
#mb_login .loginbox h5 { float:left; width:30%; font-size:50px; color:#222; font-weight:500; line-height:120%;}
#mb_login .loginbox h5 span { display:block;font-size:15px;line-height:110%; color:#666}

#mb_login .loginbox h4 { float:left; width:30%; font-size:20px; color:#222; font-weight:500; line-height:120%;padding:20px 0;box-sizing:border-box;}


#mb_login .loginbox .logform {float:left; width:70%; margin:10px 0 0 0}
#mb_login .loginbox .logform .inputbox {float:left; width:76%; height:100%; overflow:hidden;}
#mb_login .loginbox .logform .inputbox dl {margin:0 0 2px 0;height:100%; overflow:hidden;}
#mb_login .loginbox .logform .inputbox dt { float:left; width:20%; line-height:40px;margin-right:10px;box-sizing:border-box;}
#mb_login .loginbox .logform .inputbox dd { float:right; width:70%; box-sizing:border-box;}

#mb_login .loginbox .logform .inputbox dd input.frm_input {max-width:98%; height:40px; font-size:14px; color:#3b3b3b; border:1px solid #ccfcfcf;box-sizing:border-box;}
#mb_login .loginbox .logform .bt_login {float:right;width:20%; height:80px; line-height:80px; background:#0f3057; color:#fff; text-align:center;}
#mb_login .loginbox .logform .bt_login a {display:block;background:#0f3057;line-height:80px; color:#fff;}


#mb_login .login_info {background:#f1f1f1; border-top:1px solid #d9d9d9; padding:2%;box-sizing:border-box; text-align:center;}
#mb_login .login_info div {margin-top:20px;}
.btn_join { display: inline-block; padding:1% 2%;border:1px solid #c5c5c5; background:#fff; color:#222;}
.btn_idpw { display: inline-block; padding:1% 2%;border:1px solid #33363d; background:#484c57; color:#fff;}

a.btn_idpw:hover {color:#fff;}

@media all and (max-width:1024px){
	
	#mb_login .loginbox {margin:5% 10%;}
}

@media all and (max-width:768px){
	
	#mb_login .loginbox {margin:5%;text-align:center;}
	#mb_login .loginbox h5 { display:inline-block; float:none;width:100%;font-size:45px; text-align:center;}
	#mb_login .loginbox h4 { display:inline-block; float:none;width:100%; text-align:center;padding:0px 0;}
	
	#mb_login .loginbox .logform {float:none; width:100%;}
	#mb_login .loginbox .logform .inputbox dt { font-size:13px;}
	
	#mb_login .login_info { padding:5%;}
	#mb_login .login_info span {font-size:12px;}
	
	.btn_join {width:30%;}
	.btn_idpw {width:30%;}
	
}


/* 회원가입 :: 회원가입 */

.join_tx { border:1px solid #d9d9d9; border-top:2px solid #0f3057; padding:3%;box-sizing:border-box; margin:0 0 30px 0}
.join_tx span {color:#C00;}

.join_tit { font-size:25px; font-weight:400;}
.join_tit span {font-size:16px;color:#C00;}

.inqarea{padding:30px;border-top: 2px solid #555;}
.inqarea .row {margin-top:0px; padding:0% 0; border-bottom:1px solid #d9d9d9; padding:10px ;}
.inqarea .row:after {content:''; display:block; clear:both;}
.inqarea .row .tdcol {float:left; width:50%;}
.inqarea .row .tdcol.wide {width:100%;}
.inqarea .row .tdcol .tdtit {float:left; width:100px; line-height:40px; font-size:14px; color:#3b3b3b;box-sizing:border-box; }
.inqarea .row .tdcol .tdtit.tdright{text-align:center;}
.inqarea .row .tdcol .tdtit span {color:#C00;}

.inqarea .row .tdcol .tdinput {overflow:hidden;line-height:40px; border:1px solid #999999;box-sizing:border-box; padding:0 10px; }
.inqarea .row .tdcol .tdinput.nobo {border:0px}
.inqarea .row .tdcol .tdinput.w10 {width:10%; display:inline-block; vertical-align:middle}
.inqarea .row .tdcol .tdinput.w20 {width:20%; display:inline-block; vertical-align:middle}
.inqarea .row .tdcol .tdinput.w30 {width:30%; display:inline-block; vertical-align:middle}
.inqarea .row .tdcol .tdinput.w40 {width:40%; display:inline-block; vertical-align:middle}
.inqarea .row .tdcol .tdinput.w50 {width:50%; display:inline-block; vertical-align:middle}
.inqarea .row .tdcol .tdinput.w60 {width:60%; display:inline-block; vertical-align:middle}

.inqarea .row .tdcol .tdinput.ml100 {margin:5px 0 0 100px;}

.inqarea .row .tdcol .tdtxtbox { margin-left:100px;font-size:14px !important;}
.inqarea .row .tdcol .radiobox { display:inline-block; margin-left:10px;}



input.form_style{width:100%; height:20px; font-size:14px; color:#3b3b3b; border:none;box-sizing:border-box; line-height:16px;}
input.form_style02{width:20px; height:20px; font-size:14px; color:#3b3b3b; border:1px solid #d9d9d9;box-sizing:border-box;line-height:16px;}


.join_sbtn {margin-left:5px;line-height:32px; font-size:14px !important;} 


 
.form_textarea{
	width:100%; 
 	 border:none; resize:none;
     line-height:130%;
	 padding:2%;

	 }


 /*파일첨부*/

.fom_fileinput{float: left;padding:10px;} 
.file_input_div{position: relative;width: 100px; height:35px;overflow: hidden;border: 0px} 

.file_input_button{
	width: 100px;
	position: absolute;
	top: 0px;padding:11px;
	background-color: #5d5d5d;
	color: #FFFFFF;
	border:0;
	border-style: solid;
} 

.file_input_hidden{
	font-size: 45px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0; 
	filter: alpha(opacity=0);
	ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}


.btnarea{text-align:center;width:340px;margin: 20px auto;}
 
.sendbutton{
    
	background: #0f3057;
     color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
	 
}

.cancelbutton{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
  	margin: 5px 2px;
	 
}

 .sendbutton a, .sendbutton a:hover,
  .cancelbutton a, .cancelbutton a:hover
 {color:#fff;}

 .iconarea{width:100%; position:relative;text-align:center;border-top: 1px solid #ccc;padding:10px 0;margin:  20px auto 0 auto;}
 .iconarea_in{padding:30px 0; margin: 0 auto; }
 .iconarea_in .sendbutton{display:inline-block;vertical-align:middle}
 .iconarea_in .cancelbutton{display:inline-block;vertical-align:middle}
 .iconarea_in .boardbutton{display:inline-block;vertical-align:middle}
 .iconarea_in .blank{display:inline-block;width:0;height:0px;vertical-align:middle}

 
 /**개인정보취급방침**/
.personbox{background:#f7f7f7; margin-top:20px;margin-bottom:20px;margin-left:0%; padding:20px 0 20px 0 ;height:100%;}
.personbox .personbox_in{font-size:13px;line-height:20px;letter-spacing:-1px;color:#333;padding:2%;height:100%;width:94%;max-height:90px;overflow: scroll; overflow-x: hidden;border:1px solid #f7f7f7;margin-left:2%; }

.personalcontents{}
.personalcontents h2.personal_title{text-align:center;font-weight:bold;font-size:25px;margin-bottom:30px;}
.personalcontents .txt_sum{background:#f7f7f7;padding:10px;}
.personalcontents h3.person_t{margin-top:30px;margin-bottom:10px;}
.personalcontents .person_content {padding-left:10px}
.personalcontents .person_content p{margin-bottom:10px;font-size:13px !important;}
.personalcontents .person_content ul {margin-bottom:10px}
.personalcontents .person_content ul li{list-style-type: square;margin-left:40px;font-size:13px !important; } 


@media all and (max-width:768px){

	.inqarea input {padding:5px;}
	
	.join_tit span { display:block;font-size:14px;}
	
	.inqarea{padding:20px;border-top: 2px solid #555; font-size:15px;}
	.inqarea .row .tdcol {float:none; width:100%; margin:0 0 2px 0}
	.inqarea .row .tdcol .tdtit {line-height:30px;}
	.inqarea .row .tdcol .tdtit.tdright{text-align:left;}
	
	
	.inqarea .row .tdcol .tdinput {overflow:hidden;line-height:30px;  padding:0 0px; }
	.inqarea .row .tdcol .tdinput.w10 {width:15%;}
	.inqarea .row .tdcol .tdinput.w30 {width:auto; display: table-cell;}
	
	.inqarea .row .tdcol .tdtxtbox { margin-left:5px;font-size:12px !important;}
	.inqarea .row .tdcol .radiobox { display:block; margin-left:100px; }
	
	.join_sbtn {margin:5px 0 5px 100px;vertical-align:middle; height:40px !important; }
	
	input.form_style{ height:100%;}
	
}