@charset "euc-kr";



/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {font-family:'Noto Sans KR','¸¼Àº°íµñ','Malgun Gothic','MGothic',sans-serif,'µ¸¿ò',Dotum,'±¼¸²',Gulim;font-size:14px;line-height:1;*line-height:1.2;color:#767676}
body {-ms-text-size-adjust:none;-webkit-text-size-adjust:none}
img, fieldset {border:0}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
table {width:100%;border-collapse:collapse;border-spacing:0}

h1, h2, h3, h4, h5, h6 {font-weight:normal}
em {font-style:normal}
strong {font-weight:500}
legend, caption {overflow:hidden;width:0;height:0;font-size:0;line-height:0}
hr {display:none}
a {color:inherit;text-decoration:none}
.hidden {display:none}
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.text-underline {text-decoration:underline}
.f-color-gn {color:#00af56}
.f-color-rd {color:#f34235}

/*form elements*/
button, input, select, textarea {margin:0;padding:0;font-family:'Noto Sans KR','¸¼Àº°íµñ','Malgun Gothic','MGothic',sans-serif,'µ¸¿ò',Dotum,'±¼¸²',Gulim;font-size:14px;color:#3c3c3c;outline:none}
button {background:transparent;border:0;cursor:pointer}
button::-moz-focus-inner {padding:0;border:0}
input[type='text'], input[type='tel'], input[type='email'], input[type='password'] {padding:0 14px;height:32px;border:1px solid #e2e2e2}
input[type='password'] {font-size:11px}
input::-ms-clear {display:none}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px #fff inset;-webkit-text-fill-color:#3c3c3c}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s}
select {position:relative;display:inline-block;*display:inline;*zoom:1;height:34px;padding:4px 14px;background:#fff url(/asset/v2/images/common/bg_arr_select.gif) no-repeat 100% 50%;*background:none;border:1px solid #e2e2e2;cursor:pointer;-webkit-text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand {display:none}
textarea {padding:16px 20px;border:1px solid #e2e2e2;line-height:1.5;resize:none}

/*placeholder*/
::-webkit-input-placeholder {color:#767676}
:-moz-placeholder {color:#767676}
::-moz-placeholder {color:#767676}
:-ms-input-placeholder {color:#767676 !important}
::-ms-input-placeholder {color:#767676}
::placeholder {color:#767676}
input[type='password']::-webkit-input-placeholder {font-size:14px}
input[type='password']:-moz-placeholder {font-size:14px}
input[type='password']::-moz-placeholder {font-size:14px}
input[type='password']:-ms-input-placeholder {font-size:14px !important}
input[type='password']::-ms-input-placeholder {font-size:14px}
input[type='password']::placeholder {font-size:14px}

/*skip navigation*/
.skip-navigation {z-index:8888;display:block;position:absolute;left:0;top:0;width:100%}
.skip-navigation a {z-index:5000;position:absolute;top:-10000px;left:0;width:100%;height:30px;background-color:#005ba0;line-height:30px;color:#fff;text-align:center}
.skip-navigation a:hover,
.skip-navigation a:focus,
.skip-navigation a:active {top:0}

html, body, #wrap {height:100%}
/*html {overflow-y:scroll !important}*/
#wrap {min-width:1080px}
a.btn-top {display:none;position:fixed;bottom:20px;right:20px;width:48px;height:48px;background:url(/skin/skin182/images/sp_main.png) no-repeat 0 0;font:0/0 dotum;color:transparent}

/* Header */
#header {z-index:1001;position:relative;height:80px}
.hgroup {position:relative;*display:inline-block;*zoom:1;z-index:7000}
.hgroup .inbox {position:relative;width:1080px;height:80px;margin:0 auto;z-index:555}

/* navigation */
.hgroup .logo {position:absolute;top:0;left:10px;z-index:556}
.hgroup .logo a {display:block;width:180px;height:57px;padding-top:26px}
.hgroup .logo a span {display:block;padding-top:24px;background:url(/images/top_logo.png?v=201905) no-repeat 0 0;font:0/0 dotum;color:transparent}
.nvalinks {position:absolute;top:19px;right:10px;z-index:556}
.nvalinks a {float:left;height:40px;padding-left:13px;background:url(/skin/skin182/images/bg_dot.png) no-repeat 6px center;font-size:13px;line-height:40px;letter-spacing:-0.05em;color:#fff}
.nvalinks a:first-child {padding-left:0;background:none}
.nvalinks a:hover {text-decoration:underline}
a.nvalinks-rev {margin-left:18px;padding:0 18px;background:none;border:1px solid #fff;font-size:16px;letter-spacing:-0.03em;line-height:38px;-webkit-transition-duration:0.2s;transition-duration:0.2s}

a.nvalinks-rev:hover {background:#00b956;border:1px solid #00b956;text-decoration:none}
.navigation {*zoom:1;position:relative;height:80px;padding-left:200px}
.navigation:after {content:'';display:block;clear:both}
.navigation > li {float:left;text-align:center}
.navigation > li > a {display:block;margin:0 20px;height:80px;line-height:78px;font-size:16px;font-weight:400;letter-spacing:-0.03em;color:#fff}

.navi-sublist {display:none;z-index:9000;width:100%;height:240px;padding-top:19px}
.navi-sublist.on {display:block}
.navi-sublist li {float:none;text-align:center}
.navi-sublist li a {display:block;line-height:34px;font-size:16px;color:#3c3c3c;letter-spacing:-0.03em}
.navi-sublist li a:focus,
.navi-sublist li a:hover {color:#00b956}

#header.on .hgroup {height:79px;border-bottom:1px solid #eee}
#header.on .hgroup .logo a span {background-position:0 -34px}
#header.on .nvalinks a {background:url(/skin/skin182/images/bg_dot02.png) no-repeat 6px center;color:#636363}
#header.on .nvalinks a:first-child {padding-left:0;background:none}
#header.on .nvalinks a:hover {color:#171717}
#header.on a.nvalinks-rev {background:none;border:1px solid #00b956;color:#00b956}
#header.on a.nvalinks-rev:hover {background:#00b956;color:#fff}
#header.on .navigation > li > a {color:#171717}
#header.on .navigation > li > a.on {height:78px;border-bottom:2px solid #00b956;color:#00b956}
#header.on .navi-sublist {display:block}

#header.sub {position:fixed;top:0;left:0;width:100%;background:#fff}
#header.sub .hgroup {background:#fff;border-bottom:1px solid #eee}
#header.sub .hgroup .inbox {height:79px}
#header.sub .hgroup .logo a span {background-position:0 -34px}
#header.sub .nvalinks a {background:url(/skin/skin182/images/bg_dot02.png) no-repeat 6px center;color:#636363}
#header.sub .nvalinks a:first-child {padding-left:0;background:none}
#header.sub .nvalinks a:hover {color:#171717}
#header.sub a.nvalinks-rev {background:none;border:1px solid #00b956;color:#00b956}
#header.sub a.nvalinks-rev:hover {background:#00b956;color:#fff}
#header.sub .navigation li a {color:#171717}
#header.sub .navi-sublist li a:focus,
#header.sub .navi-sublist li a:hover {color:#00b956}
.nav-sub-wrap {overflow:hidden;height:0;z-index:5555;position:absolute;top:0;left:0;width:100%;padding-top:80px;-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
-o-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1)}
.nav-sub-wrap.on {height:239px;background:#fff;border-bottom:1px solid #e2e2e2}

/* container */
#container {min-height:100%;margin:0 0 -292px}
.content-body {z-index:2;position:relative;padding-bottom:292px;background:#fff}
.content-body.top {padding-top:141px}

/*footer*/
#footer {z-index:2;position:relative;background-color:#fff}
.footer_box01 {height:48px;border-top:1px solid #e2e2e2}
.footer_box02 {height:241px;background:#fafafa;border-top:1px solid #e2e2e2}
.footer_inner {position:relative;width:1080px;margin:0 auto}
.footer_box01 .footer_inner {overflow:hidden}
.footer_inner ul {*zoom:1}
.footer_inner ul:after {content:'';display:block;clear:both}
.footer_inner li {float:left}
.footer_family {float:left;border-left:1px solid #e2e2e2}
.footer_family li {border-right:1px solid #e2e2e2}
.footer_family li a {display:inline-block;width:115px;font-size:13px;text-align:center;line-height:48px;color:#636363}
.footer_family li a:hover {text-decoration:underline}
.footer_partner {float:right;padding-right:10px}
.footer_partner li {margin-left:26px}
.footer_partner a {display:inline-block;height:48px;vertical-align:top}
.footer_partner a img {display:inline-block}
.footer_sns {position:absolute;top:23px;right:5px}
.footer_sns li {width:34px;height:34px;margin-left:8px}
.footer_sns a {display:block;width:100%;height:100%;background:url(/skin/skin182/images/sp_greencar.png?v=181025) no-repeat;font:0/0 dotum;color:transparent}
.footer_sns a.facebook {background-position:0 -267px}
.footer_sns a.blog {background-position:-42px -267px}
.footer_sns a.instagram {background-position:-84px -267px}
.footer_sns a.post {background-position:-126px -267px}
.footer_sns a.youtube {background-position:-168px -267px}
.footer_links {padding:30px 0 22px 10px}
.footer_links li {padding-left:17px;background:url(/skin/skin182/images/bg_bar_footer.gif) no-repeat 8px center}
.footer_links li:first-child {padding-left:0}
.footer_links a {font-size:14px;color:#3c3c3c}
.footer_links a.point {color:#00aa50}
.footer_links a:hover {text-decoration:underline}
.footer_info {padding:0 0 30px 10px}
.footer_info span {display:inline-block;margin-right:13px;font-size:13px;line-height:1.4;color:#636363}
.footer_emblem {padding:27px 0 0 10px;border-top:1px solid #e2e2e2}
.footer_emblem li {margin-left:24px}
.footer_emblem li:first-child {margin-left:0}
.footer_emblem a {overflow:hidden}
.footer_emblem span {float:left;display:block;font-size:13px;line-height:1.4;color:#636363;letter-spacing:-0.03em}
.footer_emblem i {float:left;display:block;height:30px;margin:3px 10px 0 0;background:url(/skin/skin182/images/sp_greencar.png) no-repeat;}
.footer_emblem .kbpi i {width:30px;background-position:-189px -162px}
.footer_emblem .fb i {width:32px;background-position:-224px -162px}
.footer_emblem .kspbi i {width:42px;background-position:-189px -197px}
.footer_emblem .brandstar i {width:32px;background-position:-236px -197px}
.footer_emblem .mak i {width:23px;background-position:-273px -197px}
.footer_emblem .isms i {width:30px;background-position:-189px -232px}
.footer_emblem .pims i {width:30px;background-position:-224px -232px}
iframe[name='google_conversion_frame'] {float:left;height:0 !important;width:0 !important;margin-top:-13px;line-height:0 !important;font-size:0 !important}

