.header_fixed { width: 100%; background: url(/equality/img/sub/top_bg.png) no-repeat 80% bottom #f7edf4; margin-bottom: 70px; }
.header_fixed  .head { position: relative; max-width: 1200px; margin: 0 auto; }
.header_fixed  .head h1{ padding: 75px 0 55px 230px; text-align: center; }
.header_fixed  .head:before { content: '';position: absolute; top:40px; left: -25px; width: 328px; height: 190px; background: url(/equality/img/sub/top_img01.png) no-repeat 0 0; }

.snb_wrap {width: 23%; max-width: 250px; float: left; overflow: hidden;}
.snb_tit { width: 100%; height: auto; background: #50238e; }
.snb_tit h2, .snb_tit h3 { font-size: 20px; text-align: left; color: #fff; padding: 20px 0px 20px 25px; box-sizing: border-box; letter-spacing: -2pt; }
.snb_tit h2 > a, .snb_tit h3 > a {color: #fff !important;}
.snb_wrap nav { margin-top: 5px; border: 2px solid #eee; position: relative; padding: 15px 0; }
.snb > li > a {
	position: relative;
	background: none;
	display: block;
	border: 0;
	padding: 10px 0px 10px 40px;
	color: #5b5e64;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -1.5pt;
	border-top: none;}
.snb > li > a:before { content: ''; position: absolute; top:17px; left: 25px; display: inline-block; width: 8px; height: 3px; background-color: #ccc;}
.snb > li > a:hover { background-color: #fff; border: 0; border-top: none; color: #333; font-weight: 600; }
.snb > li > a.on { font-weight: 600; background-color: #fff; background: none; color: #50238e; border-top: none; border: 0; }
.snb > li > a.on:before { content: ''; position: absolute; top:17px; left: 25px; display: inline-block; width: 8px; height: 3px; background-color: #50238e;}
.snb > li:first-child > a.on {border-top: 1px solid #fff; margin-top: 0;}

.snb > li:last-child > a {
	position: relative;
	background: none;
	display: block;
	border: 0;
	padding: 10px 0px 10px 40px;
	color: #5b5e64;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -1.5pt;
	border-top: none;}
.snb > li:last-child > a:before { content: ''; position: absolute; top:50%; left: 13px; margin-top: -10.5px; display: inline-block; width: 21px; height: 21px; background: url(/equality/img/sub/ico_point.png) no-repeat 7px center #50238e; border-radius:50%;}
.snb > li:last-child > a.on { font-weight: 600; background-color: #fff; background: none; color: #50238e; border-top: none; border: 0; }

#contanier { width: 100% !important; max-width: 1200px; margin: 0 auto; }
#content { width: 74%; max-width: 910px; }
#tit_wrap>ul, .sub_acc { display: none; }
#tit_wrap { background: none; padding: 15px 0 25px !important; border-bottom: 1px solid #bebebe; }
#tit_wrap>h3 { padding: 0; }

.footer { width: 100%; background-color: #2d154d;}
.footer .ftWrap {width:100%; max-width:1200px; padding: 45px 0 60px; margin:0 auto; position:relative;}
.footer address{ padding: 0 280px 15px 0; color: #fff; font-size: 16px; }
.footer .copyright{color: #9f9f9f; font-size: 13px; font-family: 'Roboto', '�������','Nanum Gothic',"�������", 'Malgun Gothic','Sans-serif','����','Arial','Helvetica','AppleGothic' ; text-transform:uppercase;}
.footer .copyright span{ color: #8f742b; }
.footer .ft_logo {color:#fff; position:absolute; top:40px; right:0;}
.footer .ft_logo li {padding-bottom:10px;}
.footer .ft_logo li img {margin-top:-5px;}

.btn_home { position: absolute; right: 0; top: 20px; padding: 7px 20px; background: #50238e; color: #fff; border-radius: 5px; }
.btn_home:hover { background: #7227c6; color: #fff; text-decoration: underline; }

@media all and (max-width:1200px) { 
	.footer address {padding:0 310px 15px 30px;}
	.footer .copyright {padding:0 310px 0 30px;}
	.footer .ft_logo {right:30px;}
}

@media all and (max-width:1024px) {
	.header_fixed { margin-bottom: 0; background:url(/equality/img/sub/top_bg.png) no-repeat 105% bottom #f7edf4; background-size: contain; border-bottom: 2px solid #50238e; }
	.header_fixed .head h1 { padding: 70px 0 35px }
	.header_fixed .head h1 img{ width: 90%; max-width: 688px; }
	.header_fixed .head:before { display: none;}
	
	.btn_home { right:  auto; left: 20px; }
}

@media all and (max-width:860px) {
	.footer address {padding:0 5% 15px; text-align:center;}
	.footer .copyright {padding:0 5% 30px; text-align:center;}
	.footer .ft_logo {position:static; margin:0 5%; text-align:center;}
	.footer .ft_logo li {display:inline; margin-right:30px;}
	.footer .ft_logo li:last-child {margin-right:0;}
}

@media all and (max-width:580px) {	
	.footer .ft_logo {text-align:left;}
	.footer .ft_logo li {display:block;}
}