#section{background: #f1f1f1; padding-bottom: 40px;}

/**************************************************
	#sVisual [Sub Top Image]
**************************************************/
.subVisual{width: 100%; height: 212px; margin: 0 auto; position: relative; overflow: hidden; text-align: right; background-size: cover; box-sizing: border-box; padding: 60px 0; } 
.subVisual h2{font-family: 'AritaBuri'; font-size: 42px; line-height: 42px; color: #ffffff; text-shadow: 2px 2px 2px #696969;}
.subVisual p{font-family: 'AritaDotum'; font-size: 21px; line-height: 30px; color: #ffffff; font-weight: bold; text-shadow: 2px 2px 2px #696969;}
.subVisual01{background: url('../../images/sub1/s_visual.jpg') no-repeat center bottom;}
.subVisual02{background: url('../../images/sub1/s_visual.jpg') no-repeat center bottom;}
.subVisual03{background: url('../../images/sub1/s_visual.jpg') no-repeat center bottom;}
.subVisual04{background: url('../../images/sub1/s_visual.jpg') no-repeat center bottom;}
.subVisual05{background: url('../../images/sub1/s_visual.jpg') no-repeat center bottom;}



/* 서브 공통사항 */
#subBox{width: 100%; max-width: 1200px; position: relative; margin: -35px auto 0;}
.snb{width: 100%; background: #fff; z-index: 9; margin-bottom: 40px;  box-sizing: content-box;}
.snb > li{display: inline-block; float: left; margin-left: -1px; border-left: 1px solid #f1f1; box-sizing: content-box;}
.snb > li:first-child{margin-left: 0px; border-left: 0px;}
.snb > li > a{display: block;line-height: 70px;text-align: center; font-size: 22px; color: #333; font-weight: bold;  box-sizing: content-box;}
.snb > li.active > a{background: #b92a22; color: #fff;}
.snb3 li{width: 33.3%;}
.snb1 li{width: 100%;}
.snb2 li{width: 50%;}
.snb3 li:first-child{width: 33.4%;}
.snb4 li{width: 25%;}

.subCon{background-color: #fff; padding: 40px 30px; min-height: 600px;}
.subTitle{border-bottom: 2px solid #333;padding-bottom: 15px; margin-bottom: 40px;}
.subTitle > h3{float: left; font-size: 36px; color: #1b1b1b;}
.subTitle > ul{float: right;}
.subTitle > ul > li{display: inline-block; position: relative; padding-left: 13px;}
.subTitle > ul > li:before{content: '>'; display: block; position: absolute; top: 0; left: 0;}
.subTitle > ul > li:last-child{font-size: 18px;}
.subTitle > ul > li:first-child:before{display: none;}

.subPart{margin-bottom: 80px;}
.subPart p{margin-bottom: 20px; color: #696969; font-size: 17px; line-height: 28px;}


/* 학회소개 - 소개 */
.introTop{background: url(../../images/sub1/introtop_bg.jpg) no-repeat right top; padding: 120px 0 90px;}
.introTop > h4{color: #4b301f; font-size: 28px; line-height: 40px;}
.introTop > h4 > span{color: #b92a22; font-size: 37px; line-height: 40px;}
.introTop .silverBg{background: #b92a22; color: #fff; font-size: 28px; font-weight: bold; box-sizing: border-box; letter-spacing: 17px; padding: 0 20px; line-height: 45px; margin-top: 35px;}
.introEng{font-size: 14px !important; color: #111; font-weight: bold; line-height: 24px !important; position: relative; padding-bottom: 20px;}
.introEng:before{content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 34px; height: 3px; background: #333;}

.celeList{}
.celeList li{width: 48%; display: inline-block; float: left; padding: 0 1%;}
.celeList li img{width: 100%;}

/* 학회소개 - 인사말 */
.greBox{width: 100%; padding-top: 30px;}
.greImg{float: left; width: 35%;}
.greImg img{max-width: 100%;}
.greTxt{float: right; width: 62%; padding-top: 30px;}
.greTxt h4{color: #4b301f; font-size: 30px; line-height: 50px; font-weight: 900;padding-left: 20px;border-left: 5px solid #b92a22;}
.greTxt h4 > span{color: #b92a22; font-size: 42px; line-height: 40px;}
.greSign{text-align: right; margin-top: 60px; font-size: 20px !important; color: #111; font-weight: bold;}
.greSign > span{font-weight: 900; font-size: 22px; letter-spacing: 10px;}


/* 학회소개 - 조직도*/
.mbCeo{display: inline-block;  width: 25%; background: #b92a22; position: relative; box-sizing: border-box; z-index: 50; padding: 15px 30px; color: #fff; margin-bottom: 60px;}
.mbCeo:before{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 70%; height: 1px; margin-left: -35%; background: #fff; z-index: 40;}
.mbCeo span{display: inline-block; font-size: 20px; float: left; background: #b92a22; position: relative; z-index: 40; padding: 0 10px;}
.mbCeo h4{display: inline-block; font-size: 24px; float: right; background: #b92a22; position: relative; z-index: 40;padding: 0 10px;}
.mbWrap{width: 100%;}

.mbList{display: inline-block; width: 22%; margin-left: 4%; float: left; position: relative; border: 1px solid #696969; box-sizing: border-box; z-index: 50; padding: 10px 20px; margin-bottom: 20px;}
.mbList:before{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 70%; height: 1px; margin-left: -35%; background: #696969; z-index: 40;}
.mbList:first-child{margin-left: 0 !important;}
.mbList:nth-child(4n+1){margin-left: 0;}
.mbList span{display: inline-block; font-size: 20px; float: left; background: #fff; position: relative; z-index: 40; padding: 0 10px;}
.mbList h4{display: inline-block; font-size: 24px; float: right; background: #fff; position: relative; z-index: 40;padding: 0 10px;}

.mbWrap50{width: 48%; margin: 0 auto;}
.mbWrap50 .mbList{width: 48%;}
.mbWrap50 .mbList100{width: 100%;}
.mbList50{width: 48%; margin-left: 0 !important}
.mbList2{margin-left: 4.5%;}

.kMem > ul{background: #fff4f3; padding: 30px;}
.kMem > ul > li{width: 10%; display: inline-block; float: left; text-align: center; line-height: 40px; font-size: 18px;}


.rule, .kMem{text-align: left;}
.rule > h4, .kMem > h4{border-left: 5px solid #333; font-size: 26px; padding-left: 14px; margin-bottom: 30px;}
.rule dl{width: 48%; display: table;}
.rule dl dt{display: table-cell; width: 30%;}
.rule dl dt img{max-width: 100%;}
.rule dl dd{display: table-cell; vertical-align: middle; width: 70%; box-sizing: border-box; padding-left: 20px;}
.rule dl dd h5{font-size: 22px;margin-bottom: 10px; font-weight: bold;}


/* 콩쿨소개 */
.concours img{max-width: 100%; margin-bottom: 40px;}
/*
.concoursTit{width: 100%; padding: 40px 30px; box-sizing: border-box; text-align: center;  border-bottom: 6px solid #d1d1d1; margin-bottom: 20px; background: url(../../images/sub2/board-info-bg.jpg) no-repeat center center;}
.concoursTit > h4{color: #fff; font-size: 30px;margin-bottom: 60px; border: 1px solid #fff; padding: 30px 0;}
.concoursBox{display: inline-block; text-align: center; margin-bottom: 40px;}
.concoursBox dl{display: table; margin-bottom: 20px; }
.concoursBox dl dt{display: table-cell; color: #fff; text-align: left; padding-right: 20px; font-size: 20px; font-weight: bold;}
.concoursBox dl dd{display: table-cell;color: #fff; text-align: left; font-size: 20px;}
.concoursTit li{display: inline-block; width: 30%; border: 1px solid #fff; margin: 0 10px;}
.concoursTit li a{color: #fff; line-height: 40px; font-size: 20px; font-weight: bold; display: block;}
.concoursTit li:hover{background: #fff; }
.concoursTit li:hover a{color: #333;}
.concoursTit p{color: #fff; font-size: 20px; padding: 20px 0;}
*/

.concoursTit{width: 100%; padding: 40px 30px; box-sizing: border-box; text-align: center;  border: 5px solid #f1f1f1; margin-bottom: 20px;background: url(../../images/sub2/board-info-bg.jpg) no-repeat center center; background-size: cover; }
.concoursTit > h4{color: #fff; background: #b92a22; font-size: 30px;margin-bottom: 60px; line-height: 40px; padding: 30px 0;}
.concoursBox{display: inline-block; text-align: center; margin-bottom: 40px;}
.concoursBox dl{display: table; margin-bottom: 20px; }
.concoursBox dl dt{display: table-cell; color: #333; text-align: left; padding-right: 20px; font-size: 20px; font-weight: bold;}
.concoursBox dl dd{display: table-cell;color: #333; text-align: left; font-size: 20px; line-height: 30px;}
.concoursTit li{display: inline-block; width: 30%; border: 1px solid #b92a22; margin: 0 10px;}
.concoursTit li a{color: #b92a22; line-height: 40px; font-size: 20px; font-weight: bold; display: block;}
.concoursTit li:hover{background: #b92a22; }
.concoursTit li:hover a{color: #fff;}
.concoursTxt{margin-top: 40px;}
.concoursTxt p{color: #333; font-size: 20px; line-height: 30px;}


/* 접수하기 */
.doc_title{border: 1px solid #b92a22;  text-align: center; margin: 30px 0 10px; color: #b92a22; line-height: 40px; font-size: 20px; font-weight: bold; display: block;}
.file_txt{color: #b92a22; font-weight: bold;}


/* 마스터클래스 */
.masterYear{display: table; width: 100%; position: relative; padding: 25px 0;}
.masterYear > h4{display: table-cell; width: 280px; padding-left: 40px; box-sizing: border-box; color: #b92a22; font-size: 60px; position: relative;  vertical-align: top;}
.masterYear > h4:before{content: ''; display: block; position: absolute; top: 16px; right: 0; width: 80px; height: 1px; background: #b92a22;}
.masterYear > .masterMonth{display: table-cell; vertical-align: top; padding-left: 40px;}
.masterYear > .masterMonth > dl{display:table; width: 100%;margin-bottom: 10px;}
.masterYear > .masterMonth > dl > dt{display: table-cell; width: 100px; font-size: 18px; font-weight: bold;line-height: 30px;}
.masterYear > .masterMonth > dl > dd{display: table-cell; font-size: 17px; line-height: 30px;}


/* 넷북 1240 */
@media (max-width: 1240px){
	#subBox{width: 100%; max-width: 1024px;}
	
	/* 학회소개 - 조직도*/
	.mbList{margin-left: 4%; padding: 10px 10px; margin-bottom: 20px;}
	.mbList span{ font-size: 16px;  padding: 0 10px;}
	.mbList h4{display: inline-block; font-size: 20px; padding: 0 5px;}


	/* 마스터클래스 */
	.masterYear{display: table; width: 100%; position: relative; padding: 25px 0;}
	.masterYear > h4{display: table-cell; width: 220px; padding-left: 0px; box-sizing: border-box; color: #b92a22; font-size: 50px; position: relative;  vertical-align: top;}


}

/* 넷북 1024 */
@media (max-width: 1024px){
	
	.subVisual h2{font-size: 36px;}
	.subVisual p{font-size: 18px;}

	/* 학회소개 - 조직도*/
	.mbCeo{width: 48%; box-sizing: border-box; margin-bottom: 40px;}

}

/* 태블릿 840 */
@media (max-width: 840px){
	/* 학회소개 - 조직도*/
	.mbCeo span{font-size: 16px; }
	.mbCeo h4{font-size: 20px;}

	.mbList{margin-left: 4%; padding: 10px 10px; margin-bottom: 20px;}
	.mbList:before{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 70%; height: 1px; margin-left: -35%; background: #696969; z-index: 40;}
	.mbList:first-child{margin-left: 0 !important;}
	.mbList:nth-child(4n+1){margin-left: 0;}
	.mbList span{ font-size: 16px;  padding: 0 10px;}
	.mbList h4{display: inline-block; font-size: 20px; padding: 0 5px;}
	
	.mbWrap50{width: 100%; margin: 0 auto;}
	.mbWrap50 .mbList{width: 48%; }
	.mbWrap50 .mbList100{width: 100%;}
}


/* 태블릿 768 */
@media (max-width: 768px){
	.subVisual{height: 160px; padding: 36px 0; text-align: center !important; }
	
	.snb > li > a{line-height: 50px; font-size: 18px;}
	.subCon{padding: 25px 10px; min-height: 0px;}

	.subTitle{padding-bottom: 5px; margin-bottom: 30px;}
	.subTitle > h3{font-size: 20px;}
	.subTitle > ul > li, .subTitle > ul > li:last-child{font-size: 13px;}

	.subPart{margin-bottom: 40px;}
	.subPart p{margin-bottom: 10px; font-size: 14px; line-height: 22px;}

	/* 학회소개 - 소개 */
	.introTop{background: url(../../images/sub1/introtop_bg.jpg) no-repeat right top -50px; background-size: 80%; padding: 160px 0 0px;}
	.introTop > h4{color: #4b301f; font-size: 20px; line-height: 30px;}
	.introTop > h4 > span{color: #b92a22; font-size: 28px; line-height: 40px;}
	.introTop .silverBg{background: #b92a22; color: #fff; font-size: 28px; font-weight: bold; letter-spacing: 6px; padding: 0 20px; line-height: 45px; margin-top: 10px;}
	.introEng{font-size: 13px !important; line-height: 20px !important; padding-bottom: 10px;}
	.introEng:before{width: 20px;}


	
	/* 학회소개 - 인사말 */
	.greBox{padding-top: 0px;}
	.greImg{float: none; width: 100%; text-align: center;}
	.greTxt{float: none; width: 100%; padding-top: 30px;}
	.greTxt h4{font-size: 22px; line-height: 28px; }
	.greTxt h4 > span{font-size: 26px; line-height: 30px;}
	.greSign{margin-top: 40px; font-size: 18px !important;}
	.greSign > span{font-size: 20px;}


	/* 학회소개 - 조직도*/
	.mbList:before{display: none; }
	.mbList span{font-size: 14px; float: none; display: block; padding: 0 0px; text-align: center;}
	.mbList h4{font-size: 16px; float: none; display: block; padding: 0 0px;text-align: center;}
	
	.kMem > ul > li{width: 12.5%; display: inline-block; float: left; text-align: center; line-height: 30px; font-size: 15px;}

	.rule > h4, .kMem > h4{border-left: 5px solid #333; font-size: 20px; padding-left: 14px; margin-bottom: 20px;}


	/* 마스터클래스 */
	.masterYear{display: block; width: 100%; position: relative; padding: 25px 0;}
	.masterYear > h4{display: block; width: 220px; font-size: 40px; width: 180px;}
	.masterYear > .masterMonth{display: block; vertical-align: top; padding-left: 100px; margin-top: 30px;}
	
	/* 콩쿨소개 */
	.concoursTit{padding: 10px 10px; box-sizing: border-box; text-align: center;  border: 5px solid #f1f1f1; margin-bottom: 20px;background: url(../../images/sub2/board-info-bg.jpg) no-repeat center center; background-size: cover; }
	.concoursTit > h4{font-size: 20px;margin-bottom: 30px; line-height: 26px; padding: 10px 20px;}
	.concoursBox dl dt{padding-right: 10px; font-size: 14px; font-weight: bold;}
	.concoursBox dl dd{font-size: 14px; line-height: 22px;}
	.concoursTxt p{font-size: 16px; line-height: 24px;}
	.concoursTit li{width: 100%; margin: 5px auto;}
	.concoursTit li a{line-height: 30px; font-size: 14px; font-weight: bold; display: block;}
	.doc_title{margin: 20px 0 10px; color: #b92a22; line-height: 30px; font-size: 16px; }

}

/* 태블릿 480 */
@media (max-width: 480px){

	.subVisual h2{font-size: 26px; line-height: 26px;}
	.subVisual p{font-size: 13px; line-height: 26px;}

	.snb > li > a{line-height: 40px; font-size: 15px;}
	
	.subPart{margin-bottom: 20px;}

	/* 학회소개 - 소개 */
	.introTop .silverBg{font-size: 20px; letter-spacing: 2px; padding: 0 20px; line-height: 30px; margin-top: 10px; width: 100%; text-align: center;}
	.celeList li{width: 98%; padding: 0 1%;}
	
	/* 학회소개 - 인사말 */
	.greTxt h4{font-size: 18px; line-height: 28px; }
	.greTxt h4 > span{font-size: 18px; line-height: 30px;}
	.greSign{margin-top: 20px; font-size: 16px !important;}
	.greSign > span{font-size: 18px;}

	/* 학회소개 - 조직도*/
	.mbCeo{width: 100%; box-sizing: border-box; margin-bottom: 20px;}
	.kMem > ul > li{width: 20%; font-size: 15px;}

	.rule > h4, .kMem > h4{border-left: 3px solid #333; font-size: 16px; padding-left: 10px; margin-bottom: 10px;}

	.rule dl{width: 100%; display: block; margin-bottom: 30px;}
	.rule dl dd h5{font-size: 16px; margin-bottom: 8px; font-weight: bold;}


	/* 마스터클래스 */
	.masterYear{display: block; width: 100%; position: relative; padding: 25px 0;}
	.masterYear > h4{display: block; width: 220px; font-size: 40px; width: 180px;}
	.masterYear > .masterMonth{display: block; vertical-align: top; padding-left: 0px; margin-top: 30px;}
	.masterYear > .masterMonth > dl > dt{font-size: 16px; }
	.masterYear > .masterMonth > dl > dd{font-size: 15px; line-height: 20px;}
	
}