@charset "utf-8";

/* 인사말 */
.intro .img_area {position:relative;float:left;width:29%;}
.intro .img_area:before {content:"";z-index:-1;position:absolute;top:24px;left:24px;width:250px;height:100%;border-radius:30px;background:#f5fcfb;}
.intro .img_box {display:inline-block;padding:50px 50px 30px;border-radius:30px;background:#cdeefa url("../img/content/img_box_deco.png") no-repeat top right;}
.intro .img_box .pres {margin-top:20px;color:#333;line-height:28px;letter-spacing:-0.04em;}
.intro .img_box .name {color:#333;line-height:28px;font-family:"Noto Serif KR",sans-serif;font-size:1.375em;font-weight:600;letter-spacing:-0.04em;}
.intro .text_area {float:right;width:71%;}
.intro .text1 {font-size:1.25em;font-weight:300;}
.intro .text2 {margin-bottom:24px;font-size:1.125em;}

/* 연혁 */
.history {width:100%;min-height:339px;background:url("./../img/content/history_bg.png") no-repeat top right;}
.history_list {position:relative;}
.history_list:before {content:"";z-index:-1;position:absolute;top:25px;left:3px;width:1px;height:90%;border-left:1px dashed #e5e5e5;}
.history_list.last:before {display:none;}
.history_list .year {display:table-cell;padding:0 65px 0 20px;background:url("./../img/content/history_bu.png") no-repeat top 21px left;color:#143935;line-height:52px;font-family:"Noto Serif KR",sans-serif;font-size:1.875em;letter-spacing:-0.04em;}
.history_list .cont {display:table-cell;}
.history_list .cont p {margin-bottom:20px;}
.history_list .date {display:table-cell;padding-right:30px;color:#666;font-family:"Noto Serif KR",sans-serif;font-size:1.25em;letter-spacing:-0.04em;}
.history_list .text {display:table-cell;width:500px;letter-spacing:-0.04em;}

/*조직도*/
.org_box,
.org_box .depth1 {position:relative;}
.org_box .depth1 li span {color:#fff;}
.org_box .depth1 > li {float:left;width:33.3%;padding:0 20px;}
.org_box .depth1 > li:after {content:'';display:block;clear:both;}
.org_box .depth1 > li:nth-child(2) {padding-bottom:30px;}
.org_box .depth1 > li:nth-child(2):before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;height:100%;width:1px;background:#ddd;z-index:-1;}
.org_box .depth1 > li > span {position:relative;display:block;height:50px;line-height:50px;width:100%;text-align:center;background:linear-gradient(45deg, #2396C0, #176480);}
.org_box .depth1 > li.center > span:after {content:'';position:absolute;left:0;right:0;bottom:-7px;margin:auto;width:13px;height:13px;border-radius:50px;background:#2396C0;border:3px solid #fff;}
.org_box .depth1 > li + li > span {height:100px;line-height:100px;padding:0;}
.org_box .depth1 > li:nth-child(3) > span:before {content:'';position:absolute;left:0;right:0;bottom:-30px;margin:auto;height:30px;width:1px;background:#ddd;}
.org_box .depth1 > li .depth2 > li > span {position:relative;display:block;margin-top:30px;width:100%;height:50px;line-height:50px;text-align:center;background:#fff;border:1px solid #ddd;color:#666;}
.org_box .depth1 > li:first-child .depth2 > li > span {margin-top:0;}
.org_box .depth1 > li:last-child .depth2 > li > span {margin-top:0;height:100px;line-height:100px;}
.org_box .center_list {position:relative;left:0;right:0;bottom:0;padding-top:30px;}
.org_box .center_list:before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:75.2%;height:1px;background:#ddd;}
.org_box .center_list li {position:relative;float:left;display:table;padding:0 20px;width:25%;height:80px;text-align:center;background:#fff;}
.org_box .center_list li:before {content:'';position:absolute;left:0;right:0;top:-30px;margin:auto;height:30px;width:1px;background:#ddd;}
.org_box .center_list li > span {display: table-cell;vertical-align:middle;border:1px solid #ddd;color:#666;line-height:normal;}

/* 후원안내 */
.icon_text {position:relative;min-height:35px;margin-bottom:10px;padding:5px 0 0 55px;}
.icon_text:before {content:"";position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:44px;height:35px;background-repeat:no-repeat;background-position:top left;}
.icon_text.n1:before {background-image:url("../img/content/spon_ico1.png");}
.icon_text.n2:before {background-image:url("../img/content/spon_ico2.png");}
.icon_text.n3:before {background-image:url("../img/content/spon_ico3.png");}
.icon_text.n4:before {background-image:url("../img/content/spon_ico4.png");}

/* 그 밖의 사업 */
.business li {float:left;width:20%;}
.business_box {width:96%;margin:0 2%;padding:50px 0;border:1px dashed #c1dffa;border-radius:30px;text-align:center;}
.business_box span {display:block;padding-top:170px;background-repeat:no-repeat;background-position:top center;font-size:1.25em;line-height:24px;color:#36425D;}
.business_box span.band {background-image:url("./../img/content/business_ico1.png");}
.business_box span.pungmul {background-image:url("./../img/content/business_ico2.png");}
.business_box span.archery {background-image:url("./../img/content/business_ico3.png");}
.business_box span.gateball {background-image:url("./../img/content/business_ico4.png");}
.business_box span.event {background-image:url("./../img/content/business_ico5.png");}



/* pc */
@media only screen and (max-width:1399px){
	/* 연혁 */
	.history {padding-bottom:350px;background-position:bottom right;}
	.history_list .text {width:auto;}

	/* 그 밖의 사업 */
	.business_box span {font-size:1.063em;}
}
@media only screen and (max-width:1199px){
	/* 인사말 */
	.intro .text_area {width:65%;}
}
/* 태블릿 */
@media only screen and (max-width:1023px){
	/* 인사말 */
	.intro {position:relative;padding-bottom:250px;}
	.intro .img_area {position:absolute;bottom:0;right:0;width:100%;text-align:right;}
	.intro .img_area:before {display:none;}
	.intro .img_box {padding:30px;}
	.intro .img_box img {display:inline-block;vertical-align:bottom;}
	.intro .img_box p {display:inline-block;margin-left:20px;}
	.intro .img_box p.name {margin-left:10px;}
	.intro .text_area {width:100%;margin-top:30px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
	/* 인사말 */
	.intro {padding-bottom:110px;}
	.intro .img_box img {display:none;}
	.intro .img_box .pres {margin-top:0;}

	/* 연혁 */
	.history {padding-bottom:250px;background-position:bottom right;background-size:50%;}
	.history_list .year {display:block;padding-right:35px;}
	.history_list .cont {display:block;margin-left:20px;}
	.history_list .cont p {margin-bottom:10px;}
	.history_list .date {padding-right:20px;}

	/* 조직도 */
	.org_box .depth1 > li {padding:0 5px;}
	.org_box .depth1 > li .depth2 > li > span {margin-top:20px;}
	.org_box .depth1 > li .depth2 > li .center_list > li {padding:0 5px;}
	.org_box .center_list {padding-top:20px;}
	.org_box .center_list li {height:70px;padding:0 10px;}
	.org_box .center_list li:before {top:-20px;height:20px;}

	/* 그 밖의 사업 */
	.business li {width:33.33%;margin-bottom:10px;}
	.business_box {padding:30px 0;}
}
@media only screen and (max-width:560px){
	/* 조직도 */
	.org_box .center_list {margin-top:0;padding-top:0;}
	.org_box .center_list:before {display:none;}
	.org_box .center_list li {float:none;width:100%;padding:0;}
	.org_box .center_list li:before {display:none;}
	.org_box .center_list li {margin-bottom:1px;height:auto;line-height:normal;}
	.org_box .center_list li > span {padding:10px 0;}
	.org_box .center_list li > span br {display:none;}

	/* 그 밖의 사업 */
	.business li {width:50%;}
}