@charset "utf-8";


/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1100px; height:200px; margin:0px auto; background:url(../img/sub/svisual.jpg) no-repeat center 0px; overflow:hidden; position:relative; visibility:hidden;}
#svisual .s_text{ width:1000px; position:absolute; top:70px; left:50%; margin-left:-500px;  font-size:26px; font-weight:bold; color:#fff; text-align:center; letter-spacing:-1px; line-height:1em; visibility:hidden; text-shadow:1px 1px 1px #111;}
#svisual .s_text span{ display:block; width:60px; height:2px; background:#fff; margin:25px auto 0px auto;}
#svisual .s_text strong{ display:block; font-size:17px; line-height:1em; font-weight:normal;margin-bottom:10px; letter-spacing:0;}


/* 내용-공통 */
.mt_10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_40{ margin-top:40px;}
.mt_50{ margin-top:50px;}
.mt_60{ margin-top:60px;}
.mt_70{ margin-top:70px;}
.mt_80{ margin-top:80px;}
.mt_90{ margin-top:90px;}
.mt_100{ margin-top:100px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mb_30{ margin-bottom:30px;}
.mb_40{ margin-bottom:40px;}
.mb_50{ margin-bottom:50px;}
.mb_60{ margin-bottom:60px;}
.mb_70{ margin-bottom:70px;}
.mb_80{ margin-bottom:80px;}
.mb_90{ margin-bottom:90px;}
.mb_100{ margin-bottom:100px;}

.pt_10{ padding-top:10px;}
.pt_20{ padding-top:20px;}
.pt_30{ padding-top:30px;}
.pt_40{ padding-top:40px;}
.pt_50{ padding-top:50px;}
.pt_60{ padding-top:60px;}
.pt_70{ padding-top:70px;}
.pt_80{ padding-top:80px;}
.pt_90{ padding-top:90px;}
.pt_100{ padding-top:100px;}
.pb_10{ padding-bottom:10px;}
.pb_20{ padding-bottom:20px;}
.pb_30{ padding-bottom:30px;}
.pb_40{ padding-bottom:40px;}
.pb_50{ padding-bottom:50px;}
.pb_60{ padding-bottom:60px;}
.pb_70{ padding-bottom:70px;}
.pb_80{ padding-bottom:80px;}
.pb_90{ padding-bottom:90px;}
.pb_100{ padding-bottom:100px;}

.tc{ text-align:center;}
.fl{ float:left;}
.img2 img{ width:100%;}


.tran03{
	-webkit-transition: all 0.3s;
	-moz-transition:  all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition:  all 0.3s;
	transition:  all 0.3s;

}
/*인사말*/
.greet{ background:url(../img/sub/greet_img.jpg) no-repeat 110% 150px/420px auto;word-break: keep-all; word-wrap:break-word;}
.greet .gtxt{/* border-left:1px solid #eee; padding:30px 0 30px 60px;*/ font-size:1.25em; color:#666; line-height:1.6em;}
.greet h1{ font-size:2.5em; font-weight:bold; color:#f7b633; letter-spacing:-2px; margin-bottom:5px;}
.greet h2{ font-size:2em; margin-bottom:40px; color:#222; letter-spacing:-2px;}
.greet strong{ font-size:1.2em; color:#222;}
.greet span{ font-weight:500; color:#070d59;}

/*오시는 길*/
.map{ text-align:center;}
.map p{ margin-bottom:10px; font-size:1.2em;}
.map p strong{ font-size:1.3em;}
.map .fas{ color:#f7b633;}

/*사내전경*/
.office{ text-align:center;}
.office li{ display:inline-block; width:46%; margin:10px 10px;}
.office img{ width:100%;}

/*조직도*/
.isa .ort{ font-size:2em; font-weight:500; color:#333; margin-bottom:30px;}
.isa .ort:before{ display:block; content:""; width:35px; height:2px; background:#f7b633; margin-bottom:5px;}
.isa .ort2{ font-size:1.8em; font-weight:500; color:#333; margin-bottom:10px; position:relative; padding-left:20px;}
.isa .ort2:before{ display:block; content:""; width:16px; height:16px; border:4px solid #f7b633; border-radius:50%; border-top:4px solid #bbb; border-right:4px solid #bbb;
position:absolute; top:8px; left:0px;}
.isa .ori_box{ border:1px solid #ddd; text-align:center; padding:40px 0; margin-bottom:50px;}
.isa p{ font-size:1.3em; line-height:1.6em; color:#666; margin-bottom:40px;}

.isa_table{ margin-bottom:40px; font-size:1.3em; border:2px solid #f7b633;}
.isa_table tr th{ vertical-align:middle; padding:10px 30px; border-bottom:1px solid #e3e3e3; width:20%; position:relative;}
.isa_table tr th:before{ display:block; content:""; width:4px; height:4px; background:#f7b633; position:absolute; top:18px; left:20px;}
.isa_table tr td { vertical-align:middle; padding:10px 10px; border-bottom:1px solid #e3e3e3;}
.isa_table tr:nth-child(even) th, .isa_table tr:nth-child(even) td{ background:#f5f5f5;}

/*정관*/
.jgwan{ border:1px solid #ddd; padding:40px 30px;}
.jgwan h1{ font-size:2em; letter-spacing:-1px; margin-bottom:50px; text-align:center; font-weight:500;}
.jgwan h2{ font-size:1.8em; letter-spacing:-1px; margin-bottom:30px; margin-top:50px; text-align:center; font-weight:400;}
.jgwan h3{ font-size:1.3em; font-weight:bold; letter-spacing:-1px; margin:20px 0 5px 0;}
.jgwan p{ font-size:1.2em; line-height:1.6em; color:#666; }
.jgwan span{ display:block; margin-left:20px;}

.jgwan2 h1{ font-size:2em; letter-spacing:-1px; margin:50px 0 30px 0; text-align:center; font-weight:500;}
.jgwan2 ul{ margin-top:30px; text-align:right; font-size:1.5em; font-weight:500; line-height:1.8em;}


/*사업내용*/
.busin{ font-size:1.4em; color:#333; line-height:2em; background:url(../img/sub/busi_img.jpg) no-repeat top right; position:relative; height:500px;}
.busin ul{ background:rgba(250,250,250,0.8); position:absolute; top:60px; left:0; padding:40px 50px; border:1px solid #ddd;}
.busin li{ position:relative; padding-left:20px;}
.busin li:before{ display:block; content:""; width:16px; height:16px; border:4px solid #f7b633; border-radius:50%; border-top:4px solid #bbb; border-right:4px solid #bbb;
position:absolute; top:8px; left:0px;}


/*후원하기*/
.huwon{ background:url(../img/sub/huwon_img.jpg) no-repeat left center; padding:50px 0 50px 400px;}
.huwon h1{ font-size:32px; font-weight:bold; color:#222; letter-spacing:-1px; margin-bottom:10px;}
.huwon p{ font-size:15px; font-weight:400; color:#777; line-height:1.6em; margin-bottom:30px;}
.huwon a{ text-align:center; display:inline-block; width:200px; height:100px; border-radius:1%; font-size:22px; font-weight:500; color:#222 !important; padding-top:14px;}
.huwon a strong{ font-size:13px; font-weight:400; color:#666; display:block;}
.huwon a.hub1{ border:10px solid #c5d4e4; border-right-color:#055bb9; border-bottom-color:#055bb9; margin-right:30px;}
.huwon a.hub2{ border:10px solid #f0e1c2; border-right-color:#f7b633; border-bottom-color:#f7b633;}


/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}

.tbl3{ border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center; }
.tbl3 tr th{ vertical-align:middle; padding:5px 5px; border-bottom:1px solid #e3e3e3; background:#f5f5f5;}
.tbl3 tr td { vertical-align:middle; padding:5px 5px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; color:#666;}
.tbl3 thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3; padding:7px 5px;}
.tbl3 tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}
.tbl3 tr.total td{ border-right:1px dotted #ddd; background:#efefef; font-weight:500; color:#333; border-top:1px solid #444;}
.tbl3 tr td.rn{ border-right:0;}


@media (max-width:1000px) {
	.img img{ width:100%;}

	/*가로스크롤*/
	.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
	.row-horizon {
	  overflow-x: scroll;
	  overflow-y: hidden;
	  white-space: nowrap;
	  float: none;
	  width: 100%;
	}

	.tbl table{ font-size:1em;  }


}