@charset "utf-8"; 


h4.slogan	{ position: relative; display: inline-block; width: 100%; text-align: center; font-size: 27px; line-height: 110px; font-family:  'Jeju Myeongjo';  font-weight: 600; color: #d3170f; }
h4.slogan:before		{ content: ""; position: absolute; top: 0px; left: 50%; width: 1px; height: 25px; background: #000; }
h4.slogan:after		{ content: ""; position: absolute; bottom: -33px; left: 50%; width: 1px; height: 60px; background: #000; }

h5.spTxt		{ position: relative; display: inline-block; width: 100%; text-align: center; font-size: 16px; line-height: 25px; font-family:  'Noto Sans KR';  font-weight: 500; color: #292929; margin: 50px 0 0 0; } 

div.spInfo	{ position: relative; clear: both; width: 700px; margin: 0 auto; margin-top: 40px; padding: 0px; overflow: hidden; }
div.spInfo div.bank, div.spInfo div.man	{ position: relative; width: 330px; height: 90px; margin: 0px; padding: 0px; }
div.spInfo div.bank	{ float: left; }
div.spInfo div.man	{ float: right; }

div.spInfo div.bank div.bankimg	, div.spInfo div.man div.manimg
	{ position: relative; float: left; width: 90px; height: 90px; text-align: center; font-size: 15px; line-height: 125px; font-family:  'Noto Sans KR';  font-weight: 500; color: #FFF; overflow: hidden; }

div.spInfo div.bank div.bankimg		{ background: url(/images/open_content/support/guidance/img_bank.png) no-repeat; }
div.spInfo div.man div.manimg		{ background: url(/images/open_content/support/guidance/img_man.png) no-repeat; }	

div.spInfo .txt		{ float: left; margin-left: 18px; font-size: 18px; line-height: 90px; font-family:  'Noto Sans KR';  font-weight: 500; color: #333; }

div.spEtc	{ position: relative; width: 90%; margin: 0 auto; margin-top: 70px; padding: 20px 20px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; font-size: 15px; line-height: 28px; font-family:  'Noto Sans KR';  font-weight: 500; color: #666; }

@media(max-width:1216px) {
	div.spInfo {float:left; width:100%}
	div.spEtc {float:left; width:100%}
}


@media(max-width:815px) {
	div.spInfo div.bank, div.spInfo div.man {width:100%}
	div.spInfo div.bank {margin-bottom:20px}	
	div.spInfo div.man {margin-bottom:20px}
	div.spEtc {margin-top:0}
}

@media(max-width:700px) {
	h4.slogan {line-height:29px; padding-top: 35px; padding-bottom: 40px}
}

@media(max-width:660px) {
	h4.slogan	{ font-size: 23px;  }
	h4.slogan:after		{ bottom: -11px; height: 40px; }
	h4.slogan span	{ display: block; }
	h5.spTxt		{ margin: 30px 0 0 0; }
	h5.spTxt	 span	{ display: block; }
}

@media(max-width:610px) {
	h5.spTxt	 { font-size: 15px; letter-spacing: -0.3px; }
}

@media(max-width:400px) {
	div.spInfo div.bank, div.spInfo div.man {height:auto}
	div.spInfo div.bank div.bankimg, div.spInfo div.man div.manimg {width:100%; height:auto}
	div.spInfo div.bank div.bankimg {background:url(/images/open_content/support/guidance/img_bank.png) center top no-repeat}
	div.spInfo div.man div.manimg {background:url(/images/open_content/support/guidance/img_man.png) no-repeat center top}
	div.spInfo .txt {width:100%; text-align:center; margin-left:0; margin-top: -50px; }
}