@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:#1D1D1D; min-width: 1900px}
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:#1D1D1D}
.tatadaewoonaviupdate_wrap {width:auto; height:218px; background:#fff}
.tatadaewoonaviupdate_wrap.main {background:#fff}
.tatadaewoonaviupdate_wrap .toparea {overflow:hidden; width:1900px; background-color: white; margin:0 auto}
.tatadaewoonaviupdate_wrap .toparea .logo {display:inline-block; float:left; height:124px; padding:56px 0 0 225px; -webkit-box-sizing:border-box; box-sizing:border-box}
.tatadaewoonaviupdate_wrap .toparea .logo a {display:inline-block}

.tatadaewoonaviupdate_wrap .toparea .gotata {float:right; position:relative; height: 40px; margin-top: 5px; margin-right: 200px; -webkit-box-sizing:border-box; box-sizing:border-box}
.tatadaewoonaviupdate_wrap .toparea .gotata a {display:inline-block; position:absolute; top:53px; right:0; width:200px; height:40px; background:url('../images/common/bt_gotata.png') no-repeat 0 0; color:transparent}
.tatadaewoonaviupdate_wrap .toparea .gotata a:hover,.gotata a:active, .gotata a:focus{display:inline-block; position:absolute; top:53px; right:0; width:200px; height:40px; background:url('../images/common/bt_gotata_on.png') no-repeat 0 0; color:transparent}

.tatadaewoonaviupdate_wrap .toparea ul{display:table; overflow:hidden; float: left; margin-left: 30px; text-align:center}
.tatadaewoonaviupdate_wrap .toparea li {float:left; height:1px; margin:60px 40px}
.tatadaewoonaviupdate_wrap .toparea li a {display:table-cell; height:94px; padding-top: 10px; color:#04315e; vertical-align:top; font-size:17px}
.tatadaewoonaviupdate_wrap .toparea li .on a,
.tatadaewoonaviupdate_wrap .toparea li a:hover, 
.tatadaewoonaviupdate_wrap .toparea li a:active,
.tatadaewoonaviupdate_wrap .toparea li a:focus {height:90px; border-top:2px solid #04315e; color:#04315e; text-decoration:none}

.tatadaewoonaviupdate_wrap .container {min-height: 690px; background-color:#fff}
.tatadaewoonaviupdate_wrap .container.main {background-color:#fff; background:url('../images/main/img_main.png') no-repeat 50% 0}

.tatadaewoonaviupdate_wrap .container.main > div {width:1900px; margin:0 auto; padding-top:50px}
.tatadaewoonaviupdate_wrap .container .content {width:100%; margin:0 auto}
.tatadaewoonaviupdate_wrap .bottomarea {background:#1D1D1D; width:100%; height:100%; margin: 0 auto}
.tatadaewoonaviupdate_wrap .bottomarea > div {position:relative; width:1200px; margin: 0 auto; padding:28px 0 0 60px; right: 150px}
.tatadaewoonaviupdate_wrap .bottomarea > div * {vertical-align:middle}
.tatadaewoonaviupdate_wrap .bottomarea .logo {display:inline-block; padding-left:7px}
.tatadaewoonaviupdate_wrap .bottomarea .copyright {display:inline-block; padding-left:7px; color:gray; margin-top: 10px; font-size:15px}
.tatadaewoonaviupdate_wrap .bottomarea .copyright span {color: white}
.tatadaewoonaviupdate_wrap .bottomarea address {display:inline-block;margin-top: 40px; padding-left:7px; background:url('../images/common/bg_dotted.png') no-repeat 0 50%; font-size:14px; color: white}
.tatadaewoonaviupdate_wrap .bottomarea address a, .tatadaewoonaviupdate_wrap .bottomarea address a:link, .tatadaewoonaviupdate_wrap .bottomarea address a:visited, .tatadaewoonaviupdate_wrap .bottomarea address a:hover, .tatadaewoonaviupdate_wrap .bottomarea address a:active, .tatadaewoonaviupdate_wrap .bottomarea address a:focus {color:gray; font-size:14px}
.tatadaewoonaviupdate_wrap .bottomarea address img {padding-right:7px}
.tatadaewoonaviupdate_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;  cursor:pointer}
.fams_tle {height:32px; padding:9px 0 0 13px; -webkit-box-sizing:border-box; box-sizing:border-box; background: 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; 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 */
.titbox {padding:0px 0 24px}
.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 img {width: 100%; height: 172px}
.titbox h2.tit_notice {padding-left:116px}
.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}
.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}

/* 표 */
.noticebg{height: 172px; background-color:#fff;  background:url('../images/notice/img_notice.png') no-repeat 48% 0; margin-bottom: 80px}
.faqbg{height: 172px; background-color:#fff; background:url('../images/faq/img_faq.png') no-repeat 48% 0; margin-bottom: 80px}

.tbl_type {position: relative; width: 1450px; margin:0 auto; border-bottom:2px solid #e9e9e9}
.tbl_type thead {border-top:1.5px solid #b7b7b7}
.tbl_type th, .tbl_type td {border-top:1px solid #e9e9e9; color:#3c3c3c; text-align:center; font-weight: bold}
.tbl_type th {padding:9px 0 10px; background:#f5f5f5; font-size:15px; border-bottom:1.5px solid #b7b7b7}
.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_02 {border-bottom:2px solid #e9e9e9; width: 1450px; margin:0 auto}
.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}
.tbl_content{font-size: 15px; line-height: 30px}
.tbl_content a{font-size: 20px}

/* 페이지네이션 */
.paginate {padding:30px 0 64px; text-align:center}
.paginate * {text-align:center}
.paginate a {display:inline-block; width:70px; height:68px; color:#736e75; font-size:15px; line-height:30px}
.paginate a:hover, .paginate a:active, .paginate a:focus {color:#000}
.paginate strong {display:inline-block; width:70px; height:68px; color:#000; font-size:17px; 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 1360px}
.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}
.listbtn {display:block; height:60px; width: 140px; margin: 20px auto; background:url('../images/common/bt_list.png') no-repeat 0 0}
.listbtn:hover, .listbtn:active, .listbtn:focus{display:block; height:60px; width: 140px; margin: 20px auto; background:url('../images/common/bt_list_on.png') no-repeat 0 0}

/* 메인페이지 */
.content.main {position:relative; width:1822px !important; margin-right:0 !important;}
.mainbg{background: white}
.mainmenu {margin-left: 150px}
.mainmenu ul {position:relative; height:441px}
.mainmenu ul li {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:462px}

.mainmenu .downloadbtn {display:block; overflow:hidden; position:relative; margin-top:8px; height:60px; width: 190px; background:url('../images/main/bt_main_sup.png') no-repeat 0 0}
.mainmenu .downloadbtn:hover,.downloadbtn:active, .downloadbtn:focus{display:block; overflow:hidden; position:relative; margin-top:8px; height:60px; width: 190px; background:url('../images/main/bt_main_sup_on.png') no-repeat 0 0}
.mainmenu .viewbtn {display:block; overflow:hidden; position:relative; margin-top:8px; height:60px; width: 190px; background:url('../images/main/bt_main_viewdetail.png') no-repeat 0 0}
.mainmenu .viewbtn:hover,.viewbtn:active, .viewbtn:focus{display:block; overflow:hidden; position:relative; margin-top:8px; height:60px; width: 190px; background:url('../images/main/bt_main_viewdetail_on.png') no-repeat 0 0}

.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}
.txtsign {position:absolute; top:578px; right:74px}
.infobox {overflow:hidden; position: relative; margin-top:174px; padding-top:24px; padding-bottom:40px}

.noticetitle{float: left; margin-left: 150px; font-size: 40px}
.morebtn{display:inline-block; float: right; position:absolute; width: 170px; height:60px; margin-left: 895px; background:url('../images/main/bt_main_viewmore.png') no-repeat 0 0}
.morebtn:hover, .morebtn:active, .morebtn:focus {display:inline-block; float: right; position:absolute; width: 170px; height:60px; margin-left: 895px; background:url('../images/main/bt_main_viewmore_on.png') no-repeat 0 0}
.notification{margin-top: 50px}
.notice a {margin-left: 20px; font-size: 20px; color: white; text-decoration: none}
.more {display: inline-block; float: left; margin: 0 auto}
.notice{float: left; margin-right: 105px}
.datetext a{margin-top: 15px; margin-left: 20px; font-size: 15px;  font-weight: bold; color: #acacac; text-decoration: none}

.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}

/* 스마트 업데이트 파트너 */
.smartupdatebg {background-color:#fff; height:680px; background:url('../images/smartupdatepartner/img_smartupdatepartner.png') no-repeat 48% 0}
.smartupdatepartnerbox {position:relative; z-index:0; width:1900px; margin:0 auto; padding-top:50px}
.smartupdatepartnerbox a {display:inline-block; position:relative; top:370px; left:230px; z-index:10; width:404px; 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:relative; top:370px; left:230px; z-index:10; width:404px; height:115px; background:url('../images/smartupdatepartner/btn_smartupdatepartner_on.png') no-repeat 0 0; font-size:0; text-indent:-99999px}
.smartupdatebg + div {position:relative; width:1900px; margin:0 auto}
.updatepartnerspec img {width: 1501px; height: 202px; margin: 100px 0 200px 300px}

/* 업데이트 방법 */
.howtoupdatebg {background-color:#fff; height:680px; background:url('../images/howtoupdate/img_howtoupdate_bg.png') no-repeat 50% 0}
.howtoupdatebox {position:relative; z-index:0; width:1900px; margin:0 auto}
.howtoupdatebox img{display:inline-block; margin-left:185px}
.howtoupdatebox a {display:inline-block; height:33px; text-align:center}
.howtoupdatebox a span {font-size:0; text-indent:-99999px}
.howtoupdatebg + div {position:relative; width:1900px; margin:0 auto}
.howtoupdatebox .btn_update_01 {position:absolute; top:600px; left:772px; z-index:10; width:202px; height:42px; 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:600px; left:772px; z-index:10; width:202px; height:42px; background:url('../images/howtoupdate/btn_howtoupdate_01_on.png') no-repeat 0 0}
.howtoupdatebox .btn_update_02 {position:absolute; top:600px; left:995px; z-index:10; width:702px; height:42px; 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:600px; left:995px; z-index:10; width:702px; height:42px; 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_area {padding-top:20px}
.tit_area 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}


/* Slider */
.box {height:100%}
.wrap_main {height:100%}
.slick-arrow {position:absolute; bottom:80px; z-index:2; width:19px; height:31px}
.slick-prev {bottom:-90px; left:50%; width: 64px; height: 64px; margin-left:-120px; border:0; background:transparent url('../images/howtoupdate/slide_prev.png') no-repeat; color:transparent; cursor:pointer}
.slick-next {bottom:-90px; left:50%; width: 64px; height: 64px; margin-left:91px; 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:black; font-size:20px; font-weight: bold; font-family:"SamsungSharpSans"}
.slider-paging-number li span {color:blue; font-weight:bold; font-size:20px; font-family:"SamsungSharpSans_m"; text-indent:0}
.slider-paging-number .slick-active {display:inline-block}
.section_memory {position:relative; height:620px; padding-bottom:52px}
.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:-65px; left:49.5%; 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.popwrap .pop_content .tabs {height:92px; padding:28px 20px 0 120px; -webkit-box-sizing:border-box; box-sizing:border-box}
div.popwrap .pop_content .tabs li {height:40px; margin-right: 60px; background:none}
div.popwrap .pop_content .tabs li a {display:block; height:40px; margin-top: 30px; padding:0 8px; color:rgb(228, 228, 228); font-size:25px; line-height:40px}
 */

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: url('../images/howtoupdate/bg_popup.png') }

div.popwrap .pop_content .tabs {height:92px; padding:28px 20px 0 240px; -webkit-box-sizing:border-box; box-sizing:border-box}
div.popwrap .pop_content .tabs li {height:40px; margin-right: 160px; background:none}
div.popwrap .pop_content .tabs li a {display:block; height:40px; margin-top: 30px; padding:0 8px; color:rgb(228, 228, 228); font-size:25px; line-height:40px}

div.popwrap .pop_content .tabs li a strong {color: white}
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 white; color: rgb(228, 228, 228)}

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:26px 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}

/* 지원차량 */
.supvehiclebg{height: 100%; background-color:#fff; background:url('../images/supportingvehicle/img_supportingvehicle.png') no-repeat 48% 0}
.supvehicle {width: 1900px; margin:0 auto}

.supvehicle .carname {margin-top: 20px; font-weight: bold; font-size: 20px}
.supvehicle .carsubname {color: gray; font-size: 20px}
.supvehicle ul {overflow:hidden; position:relative; margin-left: 10px; padding: 290px 0 0 220px}
.supvehicle ul li {float:left; position:relative; margin-bottom: 100px}
.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 a {display:inline-block; position:relative; margin: 0 5px 0 0}
.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%; opacity:1}
.supvehicle ul li a .hover .bg {position:absolute; top:0; left:0; width:100%; height:100%}
.supvehicle ul li a:hover .hover {border: 2px solid black}
.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}