/* 210118 Ç÷¡½Ã Á¦°Å ÀÛ¾÷ */
.btn-w{
	position:absolute;
	top:51px;
	right:0;
	width:auto;
	height:11;
	z-index:3;
	padding:0 40 0 0
}

header *,
header *:hover,
#main_visual *,
#main_visual *:hover,
#sub_visual *,
#sub_visual *:hover{
	font-family:'NotoSansKR', sans-serif !important;
	text-decoration:none !important;
	list-style:none;
	margin:0;
	padding:0;
	box-sizing:border-box;
}

header{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:105px;
	background:url('/img/common_img/header_bg_01.jpg') no-repeat 0 0;
	z-index:2;
}
header .logo{margin-left:70px;}
header > nav{padding-right:350px;}
header .menu_list{
	position:relative;
	display:flex;
	padding:6px;
	background:linear-gradient(#fff 50%, #eaeaea 51%);
	border-radius:10px;
	box-shadow:0 0 3px #969696;
}
header .menu_list::before{
	content:"";
	position:absolute;
	top:0;
	right:-100%;
	display:block;
	width:380px;
	height:10px;
	background:#fff;
	border-radius:10px;
	box-shadow:5px -2px 3px #bbb;
}
header .menu_list > li{position:relative;}
header .menu_list > li:not(:last-child){margin-right:5px;}
header .menu_list > li > a{
	position:relative;
	display:block;
	width:115px;
	height:35px;
	font-size:14px;
	line-height:30px;
	letter-spacing:-0.05em;
	text-align:center;
	color:#fff;
	background:#424242;
	border:1px solid #444;
	border-radius:7px;
	box-shadow:0 0 2px #fff inset;
	transition:all 0.3s;
	z-index:2;
}
header .menu_list > li > a::before{
	content:"";
	position:absolute;
	top:3px;
	left:50%;
	display:block;
	width:92.5%;
	height:8px;
	background:#555;
	border-radius:10px;
	transition:all 0.3s;
	transform:translateX(-50%);
	z-index:1;
}
header .menu_list > li > a > span{
	position:relative;
	display:block;
	z-index:2;
}
header .depth2{
	position:absolute;
	top:35px;
	display:none;
	font-size:0;
	white-space:nowrap;
	padding-top:10px;
}
header .depth2 > li{
	display:inline-block;
	vertical-align:middle;
}
header .depth2 > li > a{
	display:inline-block;
	font-size:12px;
	vertical-align:middle;
	padding:0 7px;
	transition:all 0.3s;
}
header .depth2 > li > a::before{
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	vertical-align:middle;
	margin:-2px 5px 0 0;
	background:#777;
	border-radius:100%;
	transition:all 0.3s;
}
header .depth2 > li:hover > a{color:#27448a;}
header .depth2 > li:hover > a::before{background:#27448a;}

header .menu_list > li.on > a,
header .menu_list > li:hover > a{
	background:#213974;
	border:1px solid #1c3478;
}
header .menu_list > li.on > a::before,
header .menu_list > li:hover > a::before{background:#3a5595;}

header .menu_list > li:hover > .depth2{
	display:block;
}

.slide{}
.slide > li{
	position:absolute;
	opacity:0;
	transition:all 0.5s;
}
.slide > li.current{opacity:1;}
.slide > li > img{}
.arrow{font-size:0;}
.arrow > a{
	position:absolute;
	display:block;
	font-size:0;
}

#main_visual{
	position:relative;
	height:535px;
	margin-top:-105px;
	overflow:hidden;
}
#main_visual .slide{
	position:absolute;
	top:0;
	z-index:1;
}
#main_visual .slide > li.current{
	animation:slide 1s forwards;
}
#main_visual .arrow{
	position:relative;
	z-index:2;
}
#main_visual .arrow > a{
	top:270px;
	width:40px;
	height:52px;
	background:url('/img/visual/arrow.png') no-repeat 0 0;
}
#main_visual .arrow > a.next{right:10px;}
#main_visual .arrow > a.prev{left:10px; transform:rotate(180deg);}

#main_popup{
	position:relative;
	width:260px;
	padding:0 60px 40px 45px;
}
#main_popup .slick-arrow{
	position:absolute;
	top:0;
	width:28px;
	height:79px;
	font-size:0;
	border:0;
}
#main_popup .slick-next{
	right:-30px;
	background:url('/img/common_img/slick_next.png') no-repeat 0 0;
}
#main_popup .slick-prev{
	left:-30px;
	background:url('/img/common_img/slick_prev.png') no-repeat 0 0;
}
#main_popup .banner img{
	height:81px;
}

#sub_visual{
	animation:sub_visual 1.5s alternate infinite;
}

@keyframes slide{
	0%{filter:brightness(1.2);}
	100%{filter:brightness(1);}
}
@keyframes sub_visual{
	30%{filter:brightness(1);}
	100%{filter:brightness(1.2);}
}