html {
	overflow-y: scroll;
}

body {
	font-family: "맑은고딕","Malgun Gothic",serif;
	color:#333;
	font-size:16px;
	line-height:1;
	position: relative;
}

a {
	text-decoration:none;
	color:#333;
}

img {
	vertical-align: top;
}

.inner {
	width:1242px;
	margin:auto;
	position:relative;
}
.inner:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

.clearFix:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

ul:after,ol:after,dl:after {
	content:"";
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

.headerWrap {
	width: 100%;
	position: absolute;
	z-index:1;
	overflow: hidden;
	background: url("../images/layout/bggnb.png") repeat-x 0 94px;
}
.headerWrap.on {	
	background-color: #fff;		
	height: 94px;
	/*height: 370px;*/
}
.headerWrap.on .gnbWrap {
	border-bottom: 1px solid #ccc;
}
.gnbWrap {
	/*border-bottom: 1px solid #fff;*/
	background: url("../images/layout/gnbline.png") repeat-x 0 bottom;
}
.gnb {
	width: 100%;
}
.gnb > li {
	float: left;
	position: relative;
}
.gnb > li > a {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	display: block;
	padding-bottom: 36px;
}
.headerWrap.on .gnb > li > a {
	color: #292929;
	position: relative;
}
.headerWrap.on .gnb .gnbList:hover > a:after {
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	content:"";
	background-color: #472d91;
	bottom: 0;
	left: 0;
}
.headerWrap.on .gnb > li:hover > a {
	color: #472d91;
}
.gnb li a.bookmark {
	font-size: 10px;
    padding: 5px 4px 5px;
    border: 1px solid #fff;
    border-radius: 9px;
    margin-top: 38px;
    margin-left: 161px;
}
.headerWrap.on .gnb li a.bookmark {
    border: 1px solid #959595;
	color: #959595;
    margin-left: 161px;
}
.logo {
	margin-top: 16px;
    margin-left: 29px;
	width: 116px;
	height: 56px;
	background-image: url("../images/layout/logo.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -99999px;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}
.headerWrap.on .logo {
	background-image: url("../images/layout/logo_on.png");
}
.gnbList {
	padding-top: 40px;
}
.gnbList01 {
	padding-left: 170px;
}
.gnbList02 {
	padding-left: 133px;
}
.gnbList03 {
	padding-left: 102px;
}
.gnbList04 {
	padding-left: 114px;
}

.gnbTwoDepth {
	position: absolute;
	width: 127px;
	height: 219px;
	padding-top: 26px;
}
.gnbTwoDepth li {
	transition: all 0.6s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 31px;
}
.gnbTwoDepth li:first-child {
	margin-top: 0;
}
.gnbTwoDepth li a {
	display: block;
	text-align: center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #292929;
}
.gnbTwoDepth li:hover > a {
	color: #472d91;
}
.gnbTwoDepth01 {
	left: 149px;
}
.gnbTwoDepth02 {
	left: 112px;
}
.gnbTwoDepth03 {
	left: 97px;
}

.footerWrap {
	background-color: #000;
	padding: 30px 0 28px;
}
.infoWrap {
	float: left;
}
.fLogo {
	float: right;
	padding-top: 11px;
}
.fLink li {
	float: left;
	margin-left: 20px;
}
.fLink li:first-child {
	margin-left: 0;
}
.fLink01 li {
	margin: 0 26px 0;
	position: relative;
}
.fLink01 li:after {
	display: block;
	content:"";
	position: absolute;
	width: 1px;
	height: 12px;
	background-color: #585858;
	top: 0;
	right: -26px;
}
.fLink01 li:last-child:after {
	display: none;
}
.fLink01 li:first-child {
	margin-left: 0;
}
.fLink01 li:last-child {
	margin-right: 0;
}
.fLink01 li a {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #fff;
	display: block;
}
.fLink02 {
	padding-top: 26px;
}
.fLink03, .fLink04, .copy {
	padding-top: 6px;
}
.fLink02 li, .fLink03 li, .fLink04 li, .copy {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #b8b8b8;
	display: block;
}