/*--------------------------------------------------------------
# ν—더
--------------------------------------------------------------*/
header{
	position:fixed;
	width:100%;
	height:100px;
	z-index:100;
	background:#fff;
	left:0;
	top:0;
}
.headInner{
	margin: 0 auto;
    padding: 0 20px;
    max-width: 1320px;
	height:100%;
	width:100%;
	position:relative;
}
.headlogo {
    transform: translateY(-50%);
    left: 20px;
    top: 50%;
    position: absolute;
    display: inline-block;
}
.headlogo img{
	height:24px;
}
.headlogo img.pclogo{display:inline-block;}
.headlogo img.mologo{display:none;}

.headNavBox {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.headNav{
	height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.headN_item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(102, 102, 102);
	letter-spacing: -0.5px;
    padding: 0px 30px;
}
.headN_item:last-child{
	padding:0 0 0 50px;
}
.headN_item a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
	letter-spacing: -0.5px;
}
.headN_item a:hover{
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}

.headN_item a.pc{
	display: flex;
}
.headN_item a.mo{
	display: none;
}

.headN_item dl{
	font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgb(102, 102, 102);
    padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 2px;
}

.headN_item b {
    letter-spacing: -0.5px;
    display: flex;
    gap: 4px;
    height: 17px;
    color: #808080;
    font-size: 16px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    align-items: center;
}
.headN_item b img.hanhwaText {
    top: 0px;
    position: relative;
    height: 14px;
}
.bTCgHC {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
}
.bTCgHC > svg {
    vertical-align: top;
    width: 10px;
    height: 10px;
    fill: rgb(102, 102, 102);
}

.mochat{
	display:none;
}
@media (max-width: 1600px) {
	header {
		height: 90px;
	}
}
@media (max-width: 1400px) {
	.headN_item {
		padding: 0px 20px;
	}
	.headN_item:last-child {
		padding: 0 0 0 30px;
	}
}
@media (max-width: 991px) {
	header {
		height: 80px;
	}
	.headlogo img {
		height: 20px;
	}
	.headN_item {
		padding: 0px 14px;
	}
	.headN_item:last-child {
		padding: 0 0 0 14px;
	}
}
@media (max-width: 800px) {
	.headN_item {
		padding: 0px 10px;
	}
	.headN_item:last-child {
		padding: 0 0 0 10px;
	}
}
@media (max-width: 767px) {
	header {
		height: auto;
	}
	.headlogo {
		transform: inherit;
		left: 20px;
		top: 12px;
		position: absolute;
		display: inline-block;
	}
	.headlogo img {
		height: 32px;
	}
	.headlogo img.pclogo{display:none;}
	.headlogo img.mologo{display:inline-block;}
	
	.headN_item.mononeitem{
		display:none;
	}
	
	.headNavBox {
		padding: 60px 0 10px 0;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.headNav {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.headN_item {
		padding:0;
		/* padding: 0px 10px; */
	}
	.headN_item a {
		font-size: 14px;
		line-height: 20px;
		color: rgb(102, 102, 102);
	}
	.headN_item a.pc{
		display: none;
	}
	.headN_item a.mo{
		display: flex;
	}
	
	.mochat {
		top: 14px;
		right: 20px;
		position: absolute;
		display: inline-block;
	}
	.mochat img{
		height:20px;
	}
}
/*--------------------------------------------------------------
# ν‘Έν„°
--------------------------------------------------------------*/
.footerWrap{
	position:relative;
	width:100%;
	/* height:200px; */
	/* background:#222; */
	background: #222227;
    padding: 80px 0px 50px 0px;
	z-index: 120;
	overflow: hidden;
}
.footerInner {
	margin:0 auto;
	padding:0 20px;
    max-width: 1320px;
}

.fipcWrap{
	position:relative;
}

.fitop {
	padding:0 0 20px 0;
	border-bottom:1px solid #333333;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.fit_logo img{
	height:50px;
}
.fit_link {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}
.fit_link a{
	font-family: Pretendard;
	font-size:14px;
	line-height:22px;
	letter-spacing:-0.5px;
	color:#808080;
}
.fit_link a.blog{
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	color:#e6e6e6;
}
.fit_link span{
	display:inline-block;
	height:14px;
	width:1px;
	background:#333333;
}


.fiMid {
    padding: 16px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fiMidLink {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.fiMidLink p{
	margin:0 16px 0 0;
	font-family: 'Pretendard-Medium';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #e6e6e6;
}
.fiMidLink ul {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: flex-start;
}
.fiMidLink ul span {
    margin: 0 8px;
	display:inline-block;
	height:14px;
	width:1px;
	background:#333333;
}
.fiMidLink li{
	list-style:none;
	padding:0;
	margin:0;
}
.fiMidLink li a{
	font-family: Pretendard;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #808080;
}

.fiBottom{
	padding:20px 8px 0 8px;
	position:relative;
}
.fiBottom p.text-hanwha{
	font-family: 'HanwhaR';
	font-weight: 400;
	color: #e6e6e6;
}
.fiBottom p.text-hanwhaImg {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.fiBottom p.text-hanwhaImg img{
	height:14px;
}
.fiBottom p {
    display: flex;
    font-family: Pretendard;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #808080;
    align-items: center;
    justify-content: flex-start;
}
.fiBottom p b {
	display:inline-block;
	margin:0 4px;
    font-weight: 400;
    font-family: Pretendard;
    color: #e6e6e6;
}
.fiBottom p span {
    margin: 0 4px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #4d4d4d;
    border-radius: 50%;
}
.fiBottom dl{
	margin:20px 0 0 0;
	font-size: 12px;
    line-height: 22px;
    font-weight: 400;
	font-family: 'HanwhaR';
    color: #808080;
}
.fiBottom dl.text-hanwhaImg{
	height: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.fiBottom dl.text-hanwhaImg img{
	height:12px;
}


.mofotBox{display:none;}
.fotnavBox{display:none;}
@media (max-width: 1200px) {
}
@media (max-width: 991px) {
	.fipcWrap{display:none;}
	
	.footerWrap{
		padding: 40px 0px;
		background:#F7F7F7;
	}
	.mofotBox{display:block;}
	.mofotTopFlex{
		position:relative;
		padding:0 0 12px 0;
		border-bottom: 1px solid #E6E6E6;
	}
	.mofotTop {
		padding: 8px 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mofotTopImg{
		display:flex;}
	.mofotTopImg img {
		height: 36px;
	}
	.mofotTopLink{
		display:flex;
	}
	.mofotTopLink a {
		gap: 4px;
		color: #666;
		font-family: 'HanwhaR';
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.5px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.mofotTopLink a img.text{
		height:13px;
	}
	.mofotTopLink a img.arrow{
		height:10px;
	}
	.mofotTopLink a.fdif{color:#666666;}
	.mofotTopLink a:last-child:after{content:none;}
	.mofotTopLink a:after {
		margin: 0 10px;
		display: inline-block;
		content: '';
		position: relative;
		width: 1px;
		height: 12px;
		background: #e6e6e6;
	}
	
	.mofottext {
		position: relative;
		display: block;
		text-align: left;
		margin: 12px 0 20px 0;
	}
	.mofottext strong{
		display:block;
		margin:0 0 8px 0;
		font-size: 14px;
		line-height: 22px;
		font-family: 'HanwhaR';
		font-weight: 400;
	}
	.mofottext strong.text-hanwhaImg {
		height: 22px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.mofottext strong.text-hanwhaImg img {
		height: 13px;
	}
	.mofottext p {
		display: flex;
		color: #666;
		font-family: 'Pretendard';
		font-weight: 400;
		font-size: 15px;
		line-height: 24px;
		letter-spacing: -0.5px;
		position: relative;
		align-items: center;
		justify-content: flex-start;
	}
	.mofottext p span {
		margin: 0 4px;
		display: inline-block;
		width:3px;
		height:3px;
		background:#ccc;
		border-radius:50%;
	}
	.mofottext p span b{
		margin: 0 10px;
		display: inline-block;
		content: '';
		position: relative;
		width: 1px;
		height: 12px;
		background: #e6e6e6;
	}
	.mofottext.nonemer {
		margin: 10px 0 0 0;
	}
	
	.mofotcusBox{
		display:flex;
	}
	.mofotcus a {
		color: #666;
		font-family: 'Pretendard';
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.5px;
		background: #fff;
		display: flex;
		border-radius: 99px;
		border: 1px solid #ccc;
		width: 197px;
		height: 40px;
		align-items: center;
		justify-content: center;
	}
	.mofotcus a img {
		margin: 0 4px 0 0;
		height: 16px;
	}
	
	.mofottext.nonemer p span{margin:0;}
	
	
	.mofotlistLink {
		margin: 20px 0 0 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.mofotlistLink span{
		margin:0 8px;
		display:inline-block;
		width: 1px;
		height: 14px;
		background: rgba(0, 0, 0, 0.10);
	}
	.mofotlistLink a{
		color: #666;
		font-family: 'Pretendard';
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.5px;
	}
	.mofotlistLink a.bold{
		font-weight: 700;
	}
	.simtext{
		margin:8px 0 0 0;
		display:block;
		color: #666;
		font-family: 'Pretendard';
		font-weight: 400;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -0.5px;
	}
	.ltdtext{
		margin:4px 0 0 0;
		display:block;
		color: #808080;
		font-family: 'HanwhaR';
		font-weight: 400;
		font-size: 11px;
		line-height: 22px;
	}
}
@media (max-width: 767px) {
	.footerWrap {
		padding: 20px 0px 90px 0;
	}
	.mofotTopImg img{
		height:36px;
	}
	.mofotTopLink a{
		font-size:14px;
		line-height:22px;
	}
	.mofottext {
		margin: 12px 0 20px 0;
	}
	.mofottext p {
		text-decoration: none;
		font-size: 12px;
		line-height: 18px;
	}
	.mofotcus a img {
		margin: 0 4px 0 0;
		height: 16px;
	}
	/* .mofotcus a { */
		/* font-size: 14px; */
		/* line-height: 20px; */
		/* width: 171px; */
		/* height: 40px; */
	/* } */
	.mofottext.nonemer {
		margin: 8px 0 0 0;
	}
	
	.fotnavBox {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #fff;
		height: 72px;
		z-index: 200;
	}
	.fotnavInner{
		box-shadow: rgba(0, 0, 0, 0.07) 0px -4px 15px;
		width:100%;
		height:100%;
		position:relative;
		padding:0 20px;
	}
	.fotnavInner ul{
		display:flex;
		width:100%;
		        height: 100%;
	}
	.fotnavInner ul li{
		list-style:none;
		height: 100%;
		width:25%;
	}
	.fotnavInner ul li a {
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		
		font-family: 'Pretendard';
		font-weight: 400;
		font-size: 11px;
		line-height: 16px;
		font-weight: 400;
	}
	.fotnavInner ul li a img{
		margin:0 0 8px 0;
		height:28px;
	}
}