@CHARSET "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 기본 설정 */
html {overflow-y:scroll}
body {font-family: 'Noto Sans KR', sans-serif; font-size:12px; margin:0px; color:#000; }
img {border:0px; vertical-align:top}
a {color:#444444; text-decoration:none}
hr,legend {display: none}
ul,ol {list-style:none; padding:0px; margin:0px}
li {padding: 0px; margin: 0px}
form {padding:0px; margin:0px}
fieldset {padding:0px; margin:0px; border: 0px}

.fimg {
	width:100%;
}

.fimgmax {
	max-width:100%;
}

/* header */
#header {background:url(../images/layout/headBg.png) repeat-x left bottom; padding-bottom:4px; overflow:hidden; 

    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 99;
}
#header-spacer{
	height:160px;
}
#header #skip a {position:absolute; top:0px; left: 0px; z-index:99; width:100%; height:1px; margin-top:-1px; display:block; background-color:#881515; font-size:14px; font-weight:bolder; color:#FFF29C; line-height:1; text-align:center; overflow:hidden;}
#header #skip a:focus,#header #skip a:active {margin-top:0px; height:auto; padding: 11px 0px 10px 0px}

#header .gMenu {overflow:hidden; width:100%; margin:0px auto 0px auto; padding:1px 0px; background-color:#000; text-align:right}

#header .header_lg {padding:20px 0; text-align:center; overflow: hidden; transition: all 0.3s ease;}
#header.bt .header_lg {padding:0 0; text-align:0px;height: 0px;}


#header ul#txt {position:relative; z-index:11; margin:-42px auto 0px auto; padding:50px 0px 0px 0px; overflow:hidden}

#header ul#gnb {position:relative; z-index:11; margin:-8px auto 0px auto;  padding:0px 0px 0px 0px; overflow:hidden;}
#header ul#gnb li {float:left;}
#header ul#gnb li.dep1{padding:20px 40px 0px 0px;font-size:13pt;font-weight:bold;width:120px;}
#header ul#gnb li:first-child {display:none;width: 205px;}
#header.bt ul#gnb li:first-child {display:block;}

#header ul#gnb li.btnClose a {position:absolute; top:154px; right:0px}

#header ul#gnb li ul {padding:20px 0px 20px 0px; margin:0px;}
#header ul#gnb li ul li {float:none; padding:0px 0px 11px 0px; font-size:0px; line-height:0; background:none; }
#header ul#gnb li ul li:first-child {display:block;}
#header ul#gnb li ul li a {font-size:13px; line-height:1;color:#666;font-weight: 300;}

#header .lnbLine {overflow:hidden; width:100%; height:1px; margin-top:0px; padding:0px; background-color:#dbdbdb; text-align:right}

@media (max-width: 768px) {

	#header ul#gnb li:first-child {display:none;width: auto;}
	#header.bt ul#gnb li:first-child {display:block;}

	#header .header_lg img{
		width:70%;	
	}

	#header ul#gnb {
		position: relative;
		z-index: 11;
		margin: 0;
		width: 100%;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		text-align:center;
	}


	#header ul#gnb li.dep1 {
		width: auto;
	}
	#header ul#gnb li.dep1 {
		padding: 20px 0px 0px 0px;
		font-size: 13pt;
		font-weight: bold;
	}
	#header #gnb li:first-child {
		display: none;
	}
	#header ul#gnb li {
		float: none;
		text-align:center;
	}

	#header ul#gnb li ul li a {font-size:13px; line-height:1;color:#666;    letter-spacing: -2px;}

	#header .btnClose {display:none;}


	#header.bt ul#gnb li:first-child {display:none;}

}



/* Container */
#container {position:relative; z-index:25; width:994px; margin:0px auto; overflow:hidden}

/* Current Page */
#currentPage {padding-top:10px}
#currentPage .location {position:relative; z-index:10; margin-bottom:-12px}
#currentPage h2 {position:relative; z-index:9; margin:25px 0px 50px 0px;width:100%;height:150px;background-color:#f3f3f3;padding-left:35px;font-size:25pt;font-weight:normal;font-family:"나눔고딕";line-height:150px;color:#444;}

/* Contents */
#content {position:relative; width:100%; }
#content h3 {margin:0px 0px 16px 0px;font-size:20pt;font-weight:normal;font-family:"나눔고딕";color:#444;}
#content a:hover,#content a:focus {text-decoration:underline}
#content .visualSentence {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
#content .visualSentenceTable {width:0; height:0; font-size:0; line-height:0; overflow:hidden;}

#content .tag {font-size:10pt;font-weight:bold;color:#666;}
#content .tag01 {margin:0px 0px 20px 0px}
#content .tag02 {margin:30px 0px 40px 0px; line-height:20px;}
#content .tag03 {position:absolute; top:46px; left:410px; margin:0px 0px 40px 0px}
#content .tag04 {margin-bottom:20px; line-height:20px;}

.conTable {margin-bottom:70px;}
.conTable table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #7f7f7f; font-size:12px; font-family:dotum,"돋움";}
.conTable tbody th {padding:10px 15px; color:#333; border-bottom:1px solid #cecece; font-size:12px; text-align:left; background:#f2f2f2;}
.conTable tbody td {padding:10px 15px; color:#777; border-bottom:1px solid #cecece;}

.conTable .type2 thead th {padding:10px 15px; border:1px solid #cecece; border-width:0 1px 1px 0; color:#333; background:#f2f2f2;}
.conTable .type2 tbody th {border:1px solid #cecece; border-width:0 1px 1px 0; font-size:14px; text-align:center; background:none;}
.conTable .type2 tbody td {border:1px solid #cecece; border-width:0 1px 1px 0; text-align:right;}
.conTable .type2 .left {text-align:left;}
.conTable .type2 .center {text-align:center}
.conTable .type2 .last {border-right:0;}
.conTable .type2 .normalTit {font-size:12px; font-weight:normal;}

#content ul.subTab {position:relative; overflow:hidden; margin:-20px 0px 0px 360px; background:url(../images/sub/bgSubTab.png) repeat-x right bottom;}
#content ul.subTab li {float:left;}
#content ul.subTab li a {display:block;}
#content ul.subTab1 {position:relative; overflow:hidden; margin:-20px 0px 0px 493px; background:url(../images/sub/bgSubTab.png) repeat-x right bottom;}
#content ul.subTab1 li {float:left;}
#content ul.subTab1 li a {display:block;}

#content .subTabCon {overflow:hidden; padding:0px 0;}
#content .subTabCon ul{padding:0px 0 30px 0;}

#content .conDeviceArea {overflow:hidden; margin-top:50px;}
#content .conDeviceArea .sideImage,
#content .conDeviceArea .sideTit {float:left; margin-right:25px;}
#content .conDeviceArea .conDevice {float:left}

#content .FinancialCon {overflow:hidden; margin-top:50px;}
#content .FinancialCon .sideImage,

#content .FinancialCon .conDevice {float:left}
#content .FinancialCon ul {margin-top:10px}
#content .FinancialCon ul li {float:left; padding:10px 15px 10px 15px}

/* 사업소개 */
.rule{position:relative;padding:65px 0 50px 440px;height:223px;border-bottom:2px solid #adb8bf;letter-spacing:-1px;}
.rule .img{position:absolute;top:0;left:0;}
.rule h3{color:#0d7bbf;}
.rule_list{margin-top:-1px;}
.rule_list .img{width:994px; margin:0px auto;}
.rule_list h3{padding:0px 0 20px 0;border-bottom:1px solid #e1e1e1;color:#0d7bbf;height:1%;}
.rule_list h4{color:#0d7bbf;}
.rule_list ul{overflow:hidden;width:100%;}
.rule_list ul li{float:left;padding:0 3% 40px 0;width:30%; line-height:160%;}
.rule_list ul li strong{display:block;margin-bottom:10px;font-size:17px;letter-spacing:-1px;}


/* 장학소개 */
.rule_listB{margin-top:-1px;}
.rule_listB .img{width:994px; margin:0px auto;}
.rule_listB h3{width:200px; padding:0px 0 20px 0;border-bottom:1px solid #e1e1e1;color:#0d7bbf;height:1%;}
.rule_listB h4{color:#0d7bbf; font-size:15px; line-height:160%;}
.rule_listB ul{overflow:hidden;width:100%;}
.rule_listB ul li{float:left;padding:0 3% 40px 0;width:90%; line-height:160%;}
.rule_listB ul li strong{display:block;margin-bottom:10px;font-size:17px;letter-spacing:-1px;}

.sub_texwrap {	
	padding-bottom:150px;
}
.sub_texwrap_p {
	padding-right:40%;
	font-size:16px;
	color:#666;
	line-height:1.9;
}
.sub_texwrap_p b{
	font-size:28px;
	font-weight:400;
	line-height:1.4;
}

.sub_texwrap.foundation {
	background: url(/inc/images/sub/bgfoundation.png) no-repeat 100% 0px;
}
.sub_texwrap.greeting {
	background: url(http://www.blackyak-ktsnanum.org/inc/images/sub/bgGreeting2.jpg) no-repeat 100% 0px;
}
.sub_texwrap.encourage {
	background: url(/inc/images/sub/bgEncourage.png) no-repeat 100% 0px;
}
.sub_texwrap.activity {
	
}

@media (max-width: 768px) {
	.sub_texwrap_p {
		padding-right:0;
	}
	.sub_texwrap {	
		padding-bottom:50px;
	}
	.sub_texwrap.foundation {
		background: url() no-repeat 100% 0px;
	}
	.sub_texwrap.greeting {
		background: url() no-repeat 100% 0px;
	}
	.sub_texwrap.encourage {
		background: url() no-repeat 100% 0px;
	}
	.sub_texwrap.activity {
		background: url() no-repeat 100% 0px;
	}
}






/* Sub */
#sub {float:left; width:100%;}
#sub ul#lnb {margin-bottom:60px}
#sub ul#lnb li {line-height:0; font-size:0px; padding:12px 0px 11px 0px; border-bottom:1px solid #DEDEDE;font-size:15px; line-height:1;font-weight:bold;color:#333;}
#sub ul#lnb li:first-child {padding-top:0px}
#sub ul#lnb li a {font-size:15px; line-height:1;font-weight:bold;color:#777;}
#sub ul#lnb li ul {border-top:1px solid #DEDEDE; margin-top:11px}
#sub ul#lnb li ul li {border-bottom:0px; padding:9px 0px 0px 0px}
#sub ul#lnb li ul li:first-child {padding-top:10px}

/* 개인정보취급방침 */
#individual {position:relative; width:994px; margin:0px auto; padding:40px 0px; background:url(../images/layout/footBg.png) repeat-x left top}
#individual .infoCont {height:500px; padding-right:52px; overflow-x:hidden; overflow-y:scroll}
#individual h3 {margin-top:0px}
#individual h4 {margin-bottom:6px; font-size:12px}
#individual a.btnClose {position:absolute; top:0px; right:0px}
#individual ul li,#individual p {line-height:200%}
#individual p {margin-top:0px}

/* Site Map */
#siteMap {overflow:hidden; position:relative; width:994px; margin:0px auto; background:url(../images/layout/footBg.png) repeat-x left top}
#siteMap h2 {position:absolute; top:-200px; left:-200px}
#siteMap a.btnClose {position:absolute; top:0px; right:0px}
#siteMap ul {margin:0px auto 0px auto; width:994px; padding:44px 0px 0px 0px; overflow:hidden; line-height:0; font-size:0}
#siteMap ul li {float:left; width:140px; font-size:0px; line-height:0}
#siteMap ul li a {font-size:14px; line-height:1;font-weight:bold;}
#siteMap ul li.last {background:none}
#siteMap ul li ul {float:left; width:140px; padding:43px 0px 33px 0px; margin:0px}
#siteMap ul li ul li {float:none; padding:0px 0px 11px 0px; font-size:0px; line-height:0; background:none}
#siteMap ul li ul li a {font-size:12px; line-height:1}
#siteMap ul li ul li ul {padding:11px 0px 3px 0px}
#siteMap ul li ul li ul li {padding:0px 0px 10px 11px; background:url(../images/layout/gnb/bulletG.png) no-repeat 5px 4px}

/* Footer  right:0px;*/
#footer {position:relative; background:#131313;}

.fBrend ul{overflow:hidden;width:100%;}
.fBrend ul li{float:left;padding:0 3% 40px 0;width:47%;}
.fBrend ul li strong{display:block;margin-bottom:10px;font-size:17px;letter-spacing:-1px;}
