@charset "utf-8";
/**********************************************************************************
 * 파일명:style.css
 * 설명:스타일
 * 작성자:함수희
 * 작성일:2019.04.01
 * 최종수정일2019.04.08
 * css 선언순서 (권고)
   ① display, visibility
   ② overflow , clear, float
   ③ position(top, right, bottom, left), z-index
   ④ width, height
   ⑤ margin, padding
   ⑥ border (border-width, border-style, bolder-color, border-image, border-radius, border-collapse, border-spacing)
   ⑦ background (background-color, background-image, background-repeat, background-position, background-size, background-attachment, background-origin, background-clip)
   ⑧ color
   ⑨ vertical-align, text-align
   ⑩ font (font-style, font-variant, font-weight, font-size, font-family, line-height), text-decoraiton
   ⑪ animation
   ⑫ 기타 알파벳순
**********************************************************************************/
/* reset */
* {
	margin: 0;
	padding: 0
}

html {
	overflow-y: scroll
}

html, body {
	width: 100%;
	height: 100%;
	background: #ede9e6
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td,
	form, fieldset, legend, input, textarea, a, button, select {
	margin: 0;
	padding: 0;
	font-family: nanumsquarer, '나눔스케어', '돋움', Dotum, Arial, sans-serif;
	font-size: 12px
}

h1, h2, h3, h4, h5, h6 {
	font-family: nanumsquareb, '나눔스케어볼드', '돋움', Dotum, Arial, Sans-serif;
	font-weight: normal
}

table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed
}

caption, th {
	text-align: left
}

img, ul, li, input {
	vertical-align: middle
}

fieldset, img {
	border: 0
}

hr {
	display: none
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	resize: none;
	outline: none
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal
}

ol, ul, li {
	list-style: none
}

button {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: none
}

button, textarea, input, object, select {
	vertical-align: middle
}

legend, caption {
	display: none
}

label {
	display: inline-block;
	vertical-align: middle
}

strong {
	font-family: 'nanumsquareb', Dotum;
	font-weight: normal
}

a {
	text-decoration: none
}

a:hover, a:active, a:focus {
	text-decoration: underline
}

/* 레이아웃 */
body.mainbody {
	background: #ede9e6
}

.hyundaitnbnaviupdate_wrap {
	width: auto;
	height: 218px;
	background: url('/images/common/bg_header_02.png') repeat-x 0 0
}

.hyundaitnbnaviupdate_wrap.main {
	background: #fff
}

.hyundaitnbnaviupdate_wrap .toparea {
	overflow: hidden;
	width: 1900px;
	background: url('/images/common/bg_header.png') no-repeat 50% 0;
	margin: 0 auto
}

.hyundaitnbnaviupdate_wrap .toparea .logo {
	display: inline-block;
	float: left;
	height: 124px;
	padding: 56px 0 0 90px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.hyundaitnbnaviupdate_wrap .toparea .logo a {
	display: inline-block
}

.hyundaitnbnaviupdate_wrap .toparea .logo+p {
	float: left;
	position: relative;
	height: 124px;
	padding: 57px 0 0 21px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.hyundaitnbnaviupdate_wrap .toparea .logo+p a {
	display: inline-block;
	position: absolute;
	top: 57px;
	right: 0;
	width: 129px;
	height: 22px;
	color: transparent
}

.hyundaitnbnaviupdate_wrap .topmenu {
	clear: both;
	width: 1200px;
	height: 94px;
	margin: 0 auto
}

.hyundaitnbnaviupdate_wrap .topmenu ul {
	display: table;
	overflow: hidden;
	margin: 0 auto;
	text-align: center
}

.hyundaitnbnaviupdate_wrap .topmenu li {
	float: left;
	height: 94px;
	margin: 0 20px
}

.hyundaitnbnaviupdate_wrap .topmenu li a {
	display: table-cell;
	height: 94px;
	color: #04315e;
	vertical-align: middle;
	font-size: 21px
}

.hyundaitnbnaviupdate_wrap .topmenu li.on a, .hyundaitnbnaviupdate_wrap .topmenu li a:hover,
	.hyundaitnbnaviupdate_wrap .topmenu li a:active,
	.hyundaitnbnaviupdate_wrap .topmenu li a:focus {
	height: 90px;
	border-top: 2px solid #04315e;
	color: #04315e;
	text-decoration: none
}

.hyundaitnbnaviupdate_wrap .container {
	background-color: #fff
}

.hyundaitnbnaviupdate_wrap .container.main {
	background-color: #fff
}

.hyundaitnbnaviupdate_wrap .container.main>div {
	width: 1900px;
	margin: 0 auto;
	padding-top: 80px
}

.hyundaitnbnaviupdate_wrap .container .content {
	width: 1200px;
	margin: 0 auto
}

.hyundaitnbnaviupdate_wrap .bottomarea {
	background: #ede9e6
}

.hyundaitnbnaviupdate_wrap .bottomarea>div {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 28px 0
}

.hyundaitnbnaviupdate_wrap .bottomarea>div * {
	vertical-align: middle
}

.hyundaitnbnaviupdate_wrap .bottomarea .logo {
	display: inline-block;
	padding-left: 7px
}

.hyundaitnbnaviupdate_wrap .bottomarea .copyright {
	display: inline-block;
	padding-left: 12px;
	color: #121212;
	font-size: 15px
}

.hyundaitnbnaviupdate_wrap .bottomarea address {
	display: inline-block;
	margin-left: 24px;
	padding-left: 18px;
	background: url('/images/common/bg_dotted.png') no-repeat 0 50%;
	font-size: 14px
}

.hyundaitnbnaviupdate_wrap .bottomarea address a,
	.hyundaitnbnaviupdate_wrap .bottomarea address a:link,
	.hyundaitnbnaviupdate_wrap .bottomarea address a:visited,
	.hyundaitnbnaviupdate_wrap .bottomarea address a:hover,
	.hyundaitnbnaviupdate_wrap .bottomarea address a:active,
	.hyundaitnbnaviupdate_wrap .bottomarea address a:focus {
	color: #000;
	font-size: 14px
}

.hyundaitnbnaviupdate_wrap .bottomarea address img {
	padding-right: 7px
}

.hyundaitnbnaviupdate_wrap .bottomarea .selectbox {
	position: absolute;
	top: 22px;
	right: 0
}

/* 푸터 셀렉트박스 */
.fams_w {
	position: relative;
	z-index: 9999;
	width: 194px;
	height: 32px;
	margin: 0
}

.fams_tle_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 194px;
	border: 1px solid #a5a5a5;
	background: #a5a5a5;
	cursor: pointer
}

.fams_tle {
	height: 32px;
	padding: 9px 0 0 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #a5a5a5 url('/images/common/bg_select.png') no-repeat 100%
		13px;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	font-family: nanumgothicbold;
	line-height: 16px
}

:root .fams_tle { /*height:13px\0/IE9;*/
	padding: 5px 0 0 7px\0/IE9;
} /* IE9 */
*:first-child+html .fams_tle {
	height: 15px;
	padding: 3px 0 0 7px;
} /* IE7 */
.layer_fams {
	position: absolute;
	bottom: 32px;
	left: 0;
	width: 194px;
	border: 1px solid #a5a5a5;
	background: #a5a5a5;
}

.lfams_list {
	padding: 0
}

.lfams_list li {
	margin: 0;
	padding: 0
}

.lfams_list li div {
	width: 194px;
	word-break: break-all
}

.lfams_list li div a, .lfams_list li div a:link, .lfams_list li div a:visited,
	.lfams_list li div a:active {
	display: inline-block;
	width: 194px;
	padding: 9px 0 8px 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-family: nanumgothicbold;
	line-height: 16px;
	text-decoration: none
}

.lfams_list li div a:hover {
	display: inline-block;
	width: 194px;
	padding: 9px 0 8px 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #a5a5a5;
	font-size: 16px;
	font-family: nanumgothicbold;
	line-height: 16px;
	text-decoration: none
}

/* 타이틀 */
.titbox {
	overflow: hidden;
	padding: 77px 0 24px;
	border-bottom: 6px solid #f23744
}

.titbox h2 {
	float: left;
	color: #ff0000;
	font-size: 32px;
	line-height: 47px
}

.titbox h2.tit_faq {
	padding-left: 116px;
	background: url('/images/faq/icon_faq.png') no-repeat 27px 50%
}

.titbox h2.tit_notice {
	padding-left: 116px;
	background: url('/images/notice/icon_notice.png') no-repeat 27px 50%
}

.titbox .rightbox {
	float: right;
	margin-top: 4px
}

.titbox .rightbox>span {
	font-size: 14px
}

.titbox .rightbox .txt {
	padding-right: 15px
}

.titarea {
	height: 78px;
	border-bottom: 6px solid #f23744
}

.titarea h2 {
	padding: 46px 0 12px 48px;
	color: #dd212e;
	font-size: 20px
}

/* 탭메뉴 */
.tabs {
	overflow: hidden
}

.tabs li {
	float: left;
	padding: 0 15px;
	background: url('/images/faq/line_tabmenu.png') no-repeat 0 50%
}

.tabs li:first-child {
	background: none
}

.tabs li a {
	display: inline-block;
	color: #707070;
	font-size: 15px
}

.tab_section {
	
}

.tabs li a.on, .tabs li a:hover, .tabs li a:active {
	color: #ff0000
}

.tabs li a:hover, .tabs li a:active, .tabs li a:focus {
	text-decoration: none
}

/* 셀렉트박스 */
select {
	height: 39px;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #f2f2f2;
	background: #fff;
	color: #828282;
	font-size: 16px;
	line-height: 39px
}

select::-ms-expand {
	display: none
} /* 화살표 없애기 for IE10, IE11 */
select option:checked, select option:hover {
	background: #f2f2f2;
	color: #828282
} /* 스타일 for IE, Chrome */
select option:checked, select option:hover {
	box-shadow: 0 10px 100px #f1f1f1 inset;
	color: #828282
} /* 스타일 for FireFox */
.d_select {
	height: 39px;
	padding-left: 10px;
	padding-right: 44px;
	background: #fff url('/images/common/bg_select_02.png') no-repeat 100%
		50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none
}

select option:checked, select option:hover {
	background: #f2f2f2;
	color: #828282;
	font-size: 16px
} /* IE, Chrome */
select option:checked, select option:hover {
	box-shadow: 0 0 10px 100px #f2f2f2 inset;
	color: #828282;
	font-size: 16px
} /* FireFox */

/* 검색인풋 */
.d_search {
	display: inline-block;
	position: relative;
	height: 39px;
	vertical-align: middle;
	line-height: 39px
}

.d_search input {
	height: 39px;
	padding: 0 75px 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #f2f2f2;
	vertical-align: top;
	line-height: 37px !important
}

.d_search a {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 71px;
	height: 39px;
	background: #fff url('/images/common/btn_search.png') no-repeat 0 0;
	text-align: center;
	font-size: 0;
	text-indent: -99999px
}

.d_search a span {
	display: block;
	color: #fff;
	font-size: 15px
}

.d_select+.d_search {
	margin-left: -4px
}

/* 표 */
.tbl_type {
	border-bottom: 2px solid #e9e9e9
}

.tbl_type th, .tbl_type td {
	border-top: 2px solid #e9e9e9;
	color: #6c6c6c;
	text-align: center
}

.tbl_type th {
	padding: 9px 0 10px;
	background: #f5f5f5;
	font-size: 11px
}

.tbl_type td {
	padding: 20px 10px 21px;
	background: #fff;
	font-size: 14px
}

.tbl_type td * {
	vertical-align: middle
}

.tbl_type td a {
	color: #6c6c6c;
	font-size: 14px
}

.tbl_type td a:hover, .tbl_type td:active {
	color: #000;
	font-size: 14px
}

.tbl_type td img {
	padding-right: 15px
}

.tbl_type_02 {
	border-bottom: 2px solid #e9e9e9
}

.tbl_type_02 thead td {
	padding: 23px 0 20px;
	background: #f5f5f5
}

.tbl_type_02 thead .tit {
	padding-left: 48px;
	color: #000;
	text-align: left;
	font-size: 24px
}

.tbl_type_02 thead .date {
	color: #000;
	text-align: center;
	font-size: 15px
}

.tbl_type_02 tbody td {
	padding: 50px;
	border-top: 2px solid #e9e9e9;
	background: #fff
}

/* 페이지네이션 */
.paginate {
	padding: 30px 0 64px;
	text-align: center
}

.paginate * {
	vertical-align: middle;
	text-align: center
}

.paginate a {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #736e75;
	font-size: 12px;
	line-height: 30px
}

.paginate a:hover, .paginate a:active, .paginate a:focus {
	color: #000
}

.paginate strong {
	display: inline-block;
	width: 30px;
	height: 30px;
	color: #000;
	font-size: 12px;
	line-height: 30px
}

.paginate a img {
	
}

/* 정렬 */
.tr {
	text-align: right !important
}

.tl {
	text-align: left !important
}

.tc {
	text-align: center !important
}

/* 간격 */
.mt0 {
	margin-top: 0 !important
}

.mt15 {
	margin-top: 15px !important
}

.mt30 {
	margin-top: 30px !important
}

.pl140 {
	padding-left: 140px !important
}

.mt-6 {
	margin-top: -6px !important
}

.pb100 {
	padding-bottom: 100px !important
}

/* 선 */
.bt0 {
	border-top-width: 0 !important
}

/* 숨김 */
.display_none {
	display: none !important
}

/* 버튼 */
.btnarea {
	padding: 16px 0 48px
}

.btn {
	display: inline-block;
	height: 52px;
	padding: 0 56px;
	text-align: center;
	text-decoration: none
}

.btn:hover, .btn:active, .btn:focus {
	text-decoration: none
}

.btn span {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	font-family: nanumsquareb;
	line-height: 52px
}

.btn.red {
	background: #e53e3e
}

/* 메인페이지 */
.content.main {
	position: relative;
	width: 1822px !important;
	margin-right: 0 !important
}

.mainmenu {
	
}

.mainmenu ul {
	overflow: hidden;
	position: relative;
	height: 441px
}

.mainmenu ul li {
	overflow: hidden;
	float: left;
	position: relative;
	width: 333px;
	height: 441px;
	margin-left: 7px
}

.mainmenu ul li:first-child {
	margin-left: 0
}

.mainmenu ul li+li {
	width: 461px
}

.mainmenu ul li+li+li {
	width: 333px
}

.mainmenu ul li+li+li+li {
	width: 333px
}

.mainmenu ul li+li+li+li+li {
	width: 333px
}

.mainmenu ul li>strong {
	padding-left: 9px;
	color: #000;
	font-size: 14px
}

.mainmenu ul li a {
	display: block;
	overflow: hidden;
	position: relative;
	margin-top: 8px;
	height: 417px
}

.mainmenu ul li a .list_thumb {
	transition: -webkit-transform 0.8s;
	transition: transform 0.8s
}

.mainmenu ul li a:hover .list_thumb {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.mainmenu ul li a .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
	opacity: 0
}

.mainmenu ul li a .hover .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8
}

.mainmenu ul li .bg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.02
}

.mainmenu ul li a:hover .hover {
	opacity: 1
}

.mainmenu ul li a:hover .bg2 {
	transition: .8s;
	opacity: 0
}

.mainmenu ul li a .hover>p {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100
}

.mainmenu ul li a .hover strong {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100
}

.mainmenu ul li a .hover em {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100
}

.mainmenu ul li a .txtarea1 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/main/txt_thumb_01.png') no-repeat 0 0;
	opacity: 0.3
}

.mainmenu ul li a:hover .txtarea1 {
	background: url('/images/main/txt_thumb_01.png') no-repeat 0 0;
	opacity: 1
}

.mainmenu ul li a .txtarea2 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/main/txt_thumb_02.png') no-repeat 0 0;
	opacity: 0.3
}

.mainmenu ul li a:hover .txtarea2 {
	background: url('/images/main/txt_thumb_02.png') no-repeat 0 0;
	opacity: 1
}

.mainmenu ul li a .txtarea3 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/main/txt_thumb_03.png') no-repeat 0 0;
	opacity: 0.3
}

.mainmenu ul li a:hover .txtarea3 {
	background: url('/images/main/txt_thumb_03.png') no-repeat 0 0;
	opacity: 1
}

.mainmenu ul li a .txtarea4 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/main/txt_thumb_04.png?2019071702') no-repeat 0
		0;
	opacity: 0.3
}

.mainmenu ul li a:hover .txtarea4 {
	background: url('/images/main/txt_thumb_04.png?2019071702') no-repeat 0
		0;
	opacity: 1
}

.mainmenu ul li a .txtarea5 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/main/txt_thumb_05.png') no-repeat 0 0;
	opacity: 0.3
}

.mainmenu ul li a:hover .txtarea5 {
	background: url('/images/main/txt_thumb_05.png') no-repeat 0 0;
	opacity: 1
}

.txtsign {
	position: absolute;
	top: 578px;
	right: 74px
}

.infobox {
	overflow: hidden;
	margin-top: 174px;
	padding-top: 24px;
	padding-bottom: 40px;
	border-top: 1px solid #000
}

.noticearea {
	float: left;
	position: relative;
	width: 770px;
	height: 34px
}

.noticearea .more {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0
}

.noticearea .more img {
	display: inline-block
}

.noticearea ul {
	width: 695px
}

.noticearea ul li {
	
}

.noticearea ul li a {
	display: block
}

.noticearea ul li a * {
	vertical-align: middle
}

.noticearea ul li a .date {
	display: inline-block;
	width: 213px;
	height: 34px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 33px
}

.noticearea ul li a span+span {
	display: inline-block;
	overflow: hidden;
	width: 480px;
	height: 34px;
	padding-left: 45px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	font-size: 20px;
	line-height: 33px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.helpdeskarea {
	float: right;
	margin-right: 74px
}

.helpdeskarea span {
	display: inline-block;
	padding-left: 48px;
	background: url('/images/main/icon_email_02.png') no-repeat 0 50%;
	color: #000;
	font-size: 20px
}

.helpdeskarea a {
	color: #000;
	font-size: 20px
}

/* 스마트 업데이트 파트너 */
.smartupdatepartnerbox {
	position: relative;
	z-index: 0
}

.smartupdatepartnerbox a {
	display: inline-block;
	position: absolute;
	top: 328px;
	left: 84px;
	z-index: 10;
	width: 1012px;
	height: 115px;
	background: url('/images/smartupdatepartner/btn_smartupdatepartner.png')
		no-repeat 0 0;
	font-size: 0;
	text-indent: -99999px
}

.smartupdatepartnerbox a:hover, .smartupdatepartnerbox a:active,
	.smartupdatepartnerbox a:focus {
	display: inline-block;
	position: absolute;
	top: 328px;
	left: 84px;
	z-index: 10;
	width: 1012px;
	height: 115px;
	background:
		url('/images/smartupdatepartner/btn_smartupdatepartner_on.png')
		no-repeat 0 0;
	font-size: 0;
	text-indent: -99999px
}

/* 업데이트 방법 */
.howtoupdatebox {
	position: relative;
	z-index: 0
}

.howtoupdatebox a {
	display: inline-block;
	height: 33px;
	text-align: center
}

.howtoupdatebox a span {
	font-size: 0;
	text-indent: -99999px
}

.howtoupdatebox .btn_update_01 {
	position: absolute;
	top: 453px;
	left: 437px;
	z-index: 10;
	width: 147px;
	height: 33px;
	background: url('/images/howtoupdate/btn_howtoupdate_01.png') no-repeat
		0 0
}

.howtoupdatebox .btn_update_01:hover, .howtoupdatebox .btn_update_01:active,
	.howtoupdatebox .btn_update_01:focus {
	position: absolute;
	top: 453px;
	left: 437px;
	z-index: 10;
	width: 147px;
	height: 33px;
	background: url('/images/howtoupdate/btn_howtoupdate_01_on.png')
		no-repeat 0 0
}

.howtoupdatebox .btn_update_02 {
	position: absolute;
	top: 453px;
	left: 612px;
	z-index: 10;
	width: 550px;
	height: 33px;
	background: url('/images/howtoupdate/btn_howtoupdate_02.png') no-repeat
		0 0
}

.howtoupdatebox .btn_update_02.on, .howtoupdatebox .btn_update_02:hover,
	.howtoupdatebox .btn_update_02:active, .howtoupdatebox .btn_update_02:focus
	{
	position: absolute;
	top: 453px;
	left: 612px;
	z-index: 10;
	width: 550px;
	height: 33px;
	background: url('/images/howtoupdate/btn_howtoupdate_02_on.png')
		no-repeat 0 0
}

/*.tit_howtoupdate_02, .tit_howtoupdate_03, .tit_howtoupdate_04 {position:relative; margin-top:-191px; background:#f2f2f2}
.tit_howtoupdate_02 p, .tit_howtoupdate_03 p, .tit_howtoupdate_04 p {width:1200px; height:150px; margin:0 auto}*/
.tit_areas {
	padding-top: 50px;
	background: #f2f2f2
}

.tit_areas p {
	width: 870px;
	margin: 0 auto;
	padding: 14px 0 15px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #181832;
	text-align: center;
	font-size: 30px;
	letter-spacing: -1px
}

.tit_areas p strong {
	color: #0462c3
}

/* Slider */
.box {
	height: 100%
}

.wrap_main {
	height: 100%
}

.slick-arrow {
	position: absolute;
	bottom: 80px;
	z-index: 2;
	width: 19px;
	height: 31px
}

.slick-prev {
	bottom: -49px;
	left: 50%;
	margin-left: -120px;
	border: 0;
	background: transparent url('/images/howtoupdate/slide_prev.png')
		no-repeat;
	color: transparent;
	cursor: pointer
}

.slick-next {
	bottom: -49px;
	left: 50%;
	margin-left: 101px;
	border: 0;
	background: transparent url('/images/howtoupdate/slide_next.png')
		no-repeat;
	color: transparent;
	cursor: pointer
}

.slider-paging-number {
	position: absolute
}

.slider-paging-number li {
	display: none;
	color: #333;
	font-size: 12px;
	font-family: "SamsungSharpSans"
}

.slider-paging-number li span {
	color: #e21510;
	font-weight: bold;
	font-size: 12px;
	font-family: "SamsungSharpSans_m";
	text-indent: 0
}

.slider-paging-number .slick-active {
	display: block
}

.section_memory {
	overflow: hidden;
	position: relative;
	height: 620px;
	padding-bottom: 52px;
	background: #f2f2f2
}

.main_img_slide_c .slick-slide {
	padding-right: 25px
}

.main_img_slide_c .slick-list {
	padding-left: 0
}

.memory_text {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 125px;
	height: 38px;
	margin-left: -62.5px;
	background: url('/images/howtoupdate/bg_howtoupdate.png') no-repeat 0 0
}

.pb100 .memory_text {
	bottom: 48px
}

.section_memory .title_scroll, .section_memory .text_scroll {
	color: #1a1a1a
}

.section_memory .title_scroll {
	margin-bottom: 55px;
	padding-top: 90px;
	font-size: 56px
}

.section_memory .title_scroll:before {
	background-color: #1a1a1a
}

.section_memory .title_descrip {
	color: #0a4498
}

.section_memory .btn_link {
	border: 0;
	background-color: transparent;
	color: #fff
}

.section_memory .slider-paging-number {
	bottom: -40px;
	left: 50%;
	z-index: 3
}

.slick-slider {
	display: block;
	position: relative;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	display: block;
	overflow: visible;
	position: relative;
	width: 720px;
	margin: 0 auto;
	padding: 0; /*padding-left:25px !important;*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	display: block;
	position: relative;
	top: 0;
	left: 0
}

.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 620px;
	min-height: 1px
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-slider img, .slick-slider.slick-active img {
	-webkit-filter: grayscale(100%);
	filter: gray;
	opacity: 0.3
}

.slick-current.slick-active img {
	-webkit-filter: grayscale(0%);
	filter: none;
	opacity: 1
}

/* 레이어 팝업 */
div.mw {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%
}

div.mw .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity = 80)
}

div.popwrap {
	overflow: hidden;
	position: relative;
	z-index: 1000;
	width: 1160px;
	margin: 0 auto;
	border-width: 0
}

div.popwrap>div {
	overflow: hidden;
	width: 1160px;
	height: 1000px
}

div.popwrap .pop_content {
	position: relative;
	width: 1160px;
	height: 1000px;
	background: #f2f2f2 url('/images/howtoupdate/bg_popup.png') no-repeat 0
		0
}

div.popwrap .pop_content .tabs {
	height: 92px;
	padding: 28px 0 0 267px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

div.popwrap .pop_content .tabs li {
	height: 40px;
	padding: 0 35px;
	background: none
}

div.popwrap .pop_content .tabs li a {
	display: block;
	height: 40px;
	padding: 0 8px;
	border-top: 2px solid #494858;
	color: #fff;
	font-size: 16px;
	line-height: 40px
}

div.popwrap .pop_content .tabs li a.on, div.popwrap .pop_content .tabs li a:hover,
	div.popwrap .pop_content .tabs li a:active, div.popwrap .pop_content .tabs li a:focus
	{
	border-top: 2px solid #fff77b;
	color: #fff77b
}

div.popwrap .pop_content .tab_section {
	overflow: hidden;
	width: 1160px;
	height: 1000px
}

div.popwrap span.close {
	display: block;
	position: absolute;
	top: 28px;
	right: 53px;
	width: 38px;
	height: 38px
}

div.popwrap span.close a {
	display: block;
	width: 38px;
	height: 38px;
	background: url('/images/howtoupdate/btn_popclose.png') no-repeat 0 0;
	color: transparent;
	font-size: 0;
	line-height: 0
}

div.popwrap span.close a:hover {
	background: url('/images/howtoupdate/btn_popclose_on.png') no-repeat 0 0
}

div.popwrap .tit_area {
	width: 720px;
	margin: 46px auto 17px
}

div.popwrap .tit_area p {
	padding: 14px 18px 15px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #181832;
	text-align: left;
	font-size: 24px;
	letter-spacing: -1px
}

div.popwrap .tit_area p strong {
	color: #0462c3
}

/* 지원차량 */
.supvehicle {
	
}

.supvehicle ul {
	overflow: hidden;
	position: relative;
}

.supvehicle ul li {
	overflow: hidden;
	float: left;
	position: relative;
}

.supvehicle ul li:first-child {
	margin-left: 0
}

.supvehicle ul li+li {
	
}

.supvehicle ul li+li+li {
	
}

.supvehicle ul li+li+li+li {
	
}

.supvehicle ul li+li+li+li+li {
	
}

.supvehicle ul li>strong {
	
}

.supvehicle ul li a {
	display: block;
	overflow: hidden;
	position: relative;
}

.supvehicle ul li a .list_thumb {
	transition: -webkit-transform 1s;
	transition: transform 1s
}

.supvehicle ul li a:hover .list_thumb {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.supvehicle ul li a .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
	opacity: 0
}

.supvehicle ul li a .hover .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.supvehicle ul li .bg2 {
	
}

.supvehicle ul li a:hover .hover {
	opacity: 1
}

.supvehicle ul li a:hover .bg2 {
	
}

.supvehicle ul li a .hover>p {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100
}

.supvehicle ul li a .hover strong {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100
}

.supvehicle ul li a .hover em {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100
}

.supvehicle ul li a .txtarea1 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background:
		url('/images/supportingvehicle/supportingvehicle_pavise.png')
		no-repeat 0 0
}

.supvehicle ul li a:hover .txtarea1 {
	background:
		url('/images/supportingvehicle/supportingvehicle_pavise_on.png')
		no-repeat 0 0;
	opacity: 1;
	transition: .5s
}

.supvehicle ul li a .txtarea2 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/supportingvehicle/supportingvehicle_mighty.png')
		no-repeat 0 0
}

.supvehicle ul li a:hover .txtarea2 {
	background:
		url('/images/supportingvehicle/supportingvehicle_mighty_on.png')
		no-repeat 0 0;
	opacity: 1;
	transition: .5s
}

.supvehicle ul li a .txtarea3 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/supportingvehicle/supportingvehicle_uni.png')
		no-repeat 0 0
}

.supvehicle ul li a:hover .txtarea3 {
	background:
		url('/images/supportingvehicle/supportingvehicle_uni_on.png')
		no-repeat 0 0;
	opacity: 1;
	transition: .5s
}

.supvehicle ul li a .txtarea4 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('/images/supportingvehicle/supportingvehicle_xci.png')
		no-repeat 0 0
}

.supvehicle ul li a:hover .txtarea4 {
	background:
		url('/images/supportingvehicle/supportingvehicle_xci_on.png')
		no-repeat 0 0;
	opacity: 1;
	transition: .5s
}

.supvehicle ul li a .txtarea5 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background:
		url('/images/supportingvehicle/supportingvehicle_county.png')
		no-repeat 0 0
}

.supvehicle ul li a:hover .txtarea5 {
	background:
		url('/images/supportingvehicle/supportingvehicle_county_on.png')
		no-repeat 0 0;
	opacity: 1;
	transition: .5s
}

.supvehicle ul li a .txtarea6 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background:
		url('/images/supportingvehicle/supportingvehicle_county-e.png')
		no-repeat 0 0
}

.supvehicle ul li a:hover .txtarea6 {
	background:
		url('/images/supportingvehicle/supportingvehicle_county-e_on.png')
		no-repeat 0 0;
	opacity: 1;
	transition: .5s
}