.sub-head {margin-top: 10px;}
.conWrap {max-width:1600px; margin:0 auto;overflow: hidden;}
.board_margin {margin-top: 150px;}
.footerSub {background: #fff;margin-top: 50px;font-family: 'GmarketSansMedium';}

.s1_img {text-align: center;font-size: 4em;position: relative;margin-top: 170px;}
.s1_img h1 {position: absolute;left: 50%;transform: translate(-56%, 0);width: 100%;top: -200px;opacity: 0.8;color: #9b3f3f;}
.s1_img h2 {position: absolute;font-size: 2em;margin: 0.67em 0;width: 100%;bottom: -146px;left: 50%;transform: translate(-30%, 10px);opacity: 0.8;}
.s1_img img {height: 350px;box-shadow: 5px 6px 16px 0px #6170b65c;border-radius: 50%;}
.s1_txt {width: 740px;font-size: 1.2em;font-family: 'Noto Sans KR', sans-serif;white-space: pre-line;margin: 0 auto;line-height: 1.8;color: #676767;margin-top: 80px;}



/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/


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

	.conWrap {max-width: 1280px;}

}

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

	.conWrap {max-width: 100%; margin:0 5%;}

}

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

	.s1_img h1 {top: -145px;font-size: 1.5em;}
	.s1_img h2 {font-size: 1.5em;bottom: -120px;}

}

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

	.sub-head {margin-top: 35px;justify-content: left;}

}

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

	.s1_img {margin-top: 120px;}
	.s1_img h1 {top: -120px;font-size: 1.2em;}
	.s1_img h2 {font-size: 1.2em;bottom: -90px;}
	.s1_txt {width: 100%;margin-top: 60px;}

}

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

	.board_margin {margin-top: 50px;}

}

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

	.cd-stretchy-nav {right: 3%;}

	.s1_img {margin-top: 90px;}
	.s1_img img {height: 270px;}
	.s1_img h1 {top: -68px;font-size: 0.7em;transform: translate(-56%, 0);}
	.s1_img h2 {font-size: 0.7em;bottom: -55px;}
	.s1_txt {font-size: 1em;margin-top: 50px;}

}