@charset "utf-8";

/* 초기화 */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:14px/1.5 "Pretendard Variable", Pretendard, Verdana,Dotum,AppleGothic,sans-serif;color:#000;-webkit-text-size-adjust:none;word-break:keep-all}
b, span, strong, input, a, button, pre{font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
button{border:0;background:none;cursor:pointer}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2,
.sound_only,
#hd_login_msg{position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* LAYOUT */
header{
	position:fixed;top:0;left:0;
	width:100%;
	box-sizing:border-box;
	padding:0 80px;
	background:rgba(255,255,255,0.9);
	z-index:100
}
header h1 a{
	position:absolute;top:0;left:0;
	display:block;
	height:80px;width:164px;
	background:url(../img/layout/logo.svg) no-repeat center;
	font-size:0;
	z-index:10
}
#header{
	position:relative;
	max-width:1760px;
	margin:0 auto;
}
#header .btn_menu{display:none}
header .lan{
	position:absolute;top:0;left:50%;
	width:1920px;max-width:100%;
	box-sizing:border-box;
	padding:0 80px;
	text-align:right;
	z-index:10;
	transform:translateX(-50%);
}
header .lan ul{
	position:absolute;top:68px;right:80px;
	margin-top:4px;
	width:100px;padding:10px 0;
	background:#fff;border-radius:10px;
	visibility:hidden;opacity:0;transition:.3s;transform:translateY(10px)
}
header .lan.active ul{visibility:visible;opacity:1;transform:translateY(0)}
header .lan ul a{
	display:block;
	height:36px;line-height:36px;
	font-size:16px;color:#12183E;text-align:center;
}
header .lan ul a.on,
header .lan ul a:hover{background:#EFEFEF;color:#EA120A}
header .lan ul a span{display:none}
header .lan button{
	position:absolute;right:80px;
	height:35px;line-height:35px;width:100px;
	margin-top:32px;
	background:#fff;border-radius:30px;
	font-size:16px;font-weight:600;color:#12183E;text-align:center
}
header .lan button:after{
	content:'';
	display:inline-block;width:12px;height:100%;
	margin-left:8px;
	background:url(../img/layout/arrow.svg) no-repeat center;
	vertical-align:top
}
header .gnb{
	display:flex;justify-content: end;
	max-width:1760px;
	margin:0 auto;
	box-sizing:border-box;
}
header .gnb>li>a{
	position:relative;
	display:block;height:80px;line-height:80px;
	padding:0 30px;
	font-size:18px;font-weight:600
}
header .gnb>li>ul{padding:25px 0;text-align:center}
header .gnb>li>ul>li>a{
	display:inline-block;height:40px;line-height:40px;
	margin:3px 0;
	font-size:16px;font-weight:400;
}
header .gnb_wrap{
	position:relative;
	height:100px;
	margin:0 -80px;
	padding:0 80px;
	overflow:hidden;
	transition:.3s ease-out;
}
header .gnb_wrap:after{
	content:'';
	position:absolute;top:80px;left:0;
	display:block;width:100%;height:1px;
	background:#40456B;
	opacity:0;transition:.3s
}
/*.web header .gnb_wrap:hover{background:#fff}*/
.web header .gnb_wrap:hover:after{opacity:1}
.web header .gnb>li.on>a:after{
	content:'';
	position:absolute;bottom:-1px;left:0;
	display:block;width:100%;height:1px;
	background:#40456B;
	z-index:1
}
header .gnb>li>ul>li>a.on,
.web header .gnb>li>ul>li>a:hover{text-decoration:underline;text-underline-offset:5px}
.web header .gnb>li>ul{display:block !important}


footer{
	position:relative;
	padding:80px;
	background:#CA1E1D
}
#footer{
	position:relative;
	max-width:1760px;
	margin:0 auto;
	display:flex;align-items: baseline;
}
#footer>div{flex:1}
#footer>div+div{border-left:1px solid rgba(255,255,255,0.4);padding:0 80px}
#footer dt{
	margin-bottom:30px;
	font-size:24px;color:#fff;font-weight:800
}
#footer dd{font-size:16px;color:#fff;font-weight:400}
#footer dd span{display:block;font-size:14px}
#footer dd.copy{margin-top:20px;font-size:12px;opacity:.5}
#footer a dl:after{
	content:'';
	display:block;width:34px;height:34px;
	margin-top:30px;
	background:#fff url(../img/layout/foot_go.svg) no-repeat center;
	border-radius:50%
}
#footer>div.company{flex:2}
#footer dt:after{
	content:'';
	display:inline-block;width:22px;height:22px;
	margin:6px 0 0 15px;
	background:url(../img/layout/foot_home.svg) no-repeat center;
	vertical-align:top;
}
#footer .address dd{max-width:380px}
#footer .address dd span{display:inline-block;margin-right:15px;font-size:14px}
#footer .address dd+dd{margin-top:20px;font-size:12px;opacity:.5}
#footer .company dt:after{background-image:url(../img/layout/foot_company.svg)}
#footer .location dt:after{background-image:url(../img/layout/foot_location.svg)}
#footer .location dd a{
	display:block;width:34px;height:34px;
	margin-top:20px;
	background:#fff url(../img/layout/btn_link_black.svg) no-repeat center;
	border-radius:50%;
	font-size:0
}
#footer .cs dt:after{background-image:url(../img/layout/foot_cs.svg);height:25px}
#footer .down dt:after{background-image:url(../img/layout/foot_down.svg)}
.btn_top{
	float:right;
	position:sticky;bottom:0;
	margin-bottom:-60px;
}
.btn_top a{
	display:block;width:60px;height:60px;
	margin-bottom:20px;
	background:#CA1E1D url(../img/layout/btn_top.svg) no-repeat center;
	border-radius:5px;
	font-size:0
}

#wrapper{
	position:relative;
	padding:80px 40px;
}
#wrapper:after{content:'';display:block;width:100%;height:0;clear:both}

#contents{
	position:relative;
	max-width:1760px;
	margin:0 auto;
	padding-bottom:100px
}


@media all and (max-width:1024px){
	header{padding:0 40px;}
	header h1 a{position:relative;height:80px;z-index:0}
	#header .btn_menu{
		position:absolute;top:0;right:-20px;
		display:block;width:50px;height:80px;
		z-index:10
	}
	#header .btn_menu span{
		position:absolute;top:50%;left:50%;
		display:block;width:22px;height:2px;
		margin:-1px 0 0 -11px;
		background:#000;
		font-size:0;
	}
	#header .btn_menu span:before,
	#header .btn_menu span:after{
		content:'';
		display:block;width:100%;height:2px;
		position:absolute;left:0;
		background:#000;border-radius:3px;
		transform-origin:0.28571rem center;
		transition:.3s;
	}
	#header .btn_menu span:before{top:-6px}
	#header .btn_menu span:after{top:6px}
	header nav{
		position:fixed;top:0;right:0;
		height:100%;width:100%;
		background:rgba(0,0,0, 0.8);
		visibility:hidden;opacity:0;transition:.3s
	}
	header .nav{
		position:fixed;top:0;right:0;
		height:100%;width:100%;max-width:260px;
		background:#fff;
		transition:.4s;transform:translateX(100%);
	}
	header .lan{right:auto;left:0;top:30px;width:auto;padding:0;text-align:left;transform: translateX(0);}
	header .lan button{display:none}
	header .lan ul{
		position:relative;top:0;left:0;
		margin:0 0 0 30px;
		padding:0;border-radius:0;
		visibility:visible;opacity:1;transition:0s;transform:translateY(0);
		display:flex;align-items:center;
	}
	header .lan ul a{height:26px;line-height:26px;font-size:14px}
	header .lan ul a.on{font-size:0;background:none}
	header .lan ul a.on span{display:inline-block;font-size:14px;vertical-align:middle}
	header .lan ul li+li{margin-left:20px;position:relative;}
	header .lan ul li+li:before{content:'l';position:absolute;left:-10px;top:3px}
	header .gnb_wrap{
		position:absolute;top:80px;right:0;
		height:calc(100vh - 80px) !important;width:100%;
		margin:0;padding:0;
		overflow:auto;overflow-x:hidden;
	}
	header .gnb{display:block;margin:0;padding:0}
	header .gnb>li>a{position:relative;height:60px;line-height:60px;padding:0 30px;color:#000}
	header .gnb>li>a:after{
		content:'';
		display:block;width:12px;height:100%;
		position:absolute;top:0;right:30px;
		background:url(../img/layout/arrow.svg) no-repeat center;
		vertical-align:top
	}
	header .gnb>li>ul{display:none;background:#F5F5F5;padding:15px 30px;text-align:left}
	header .gnb>li>ul>li>a{display:block;color:#000;margin:0}
	header .gnb>li.on>ul{display:block;}

	.menu_open #header .btn_menu span{background:transparent}
	.menu_open #header .btn_menu span:before,
	.menu_open #header .btn_menu span:after{
		-webkit-transform-origin:50% 50%;  transform-origin:50% 50%;
		top:0;
		background:#000;
	}
	.menu_open #header .btn_menu span:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}
	.menu_open #header .btn_menu span:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}
	.menu_open header nav{visibility:visible;opacity:1;}
	.menu_open header .nav{transform:translateX(0);}

	footer{padding:40px}
	#footer>div+div{display:none}

	#wrapper{padding:80px 40px}

	#contents{padding-bottom:80px}
}

@media all and (max-width:760px){
	header{padding:0 20px}
	header h1 a{height:50px;background-size:auto 50%;background-position:0 center}
	#header .btn_menu{height:50px}
	#header .nav{max-width:260px;}
	header .lan{top:13px}
	header .lan ul{margin-left:20px}
	header .gnb>li>a{padding:0 20px}
	header .gnb>li>a:after{right:20px}
	header .gnb_wrap{top:50px;height:calc(100vh - 50px) !important;}
	footer{padding:20px}
	#footer dt{margin-bottom:10px;font-size:18px}
	#footer dt:after{margin-left:10px;height:18px;background-size:auto 14px}
	#footer .address dd+dd{margin-top:10px}

	#wrapper{padding:50px 20px}
	.btn_top{margin-bottom:-50px;}
	.btn_top a{width:40px;height:40px;background-size:auto 40%}

	#contents{padding-bottom:50px}
}