@charset "utf-8";
/************************************************************************
* filename : base.css
* description : 공통 css
************************************************************************/
@font-face {
font-family: "HyundaiSansHeadBold";
src: url("font/HyundaiSansHead-Bold.eot");
src: url("font/HyundaiSansHead-Bold.eot@") format("embedded-opentype"),
url("font/HyundaiSansHead-Bold.woff2.html") format("woff2"),
url("font/HyundaiSansHead-Bold.woff") format("woff"),
url("font/HyundaiSansHead-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "HyundaiSansTextBold";
src: url("font/HyundaiSansText-Bold.eot");
src: url("font/HyundaiSansText-Bold.eot@") format("embedded-opentype"),
url("font/HyundaiSansText-Bold.woff2.html") format("woff2"),
url("font/HyundaiSansText-Bold.woff") format("woff"),
url("font/HyundaiSansText-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "HyundaiSansTextRegular";
src: url("font/HyundaiSansText-Regular.eot");
src: url("font/HyundaiSansText-Regular.eot@") format("embedded-opentype"),
url("font/HyundaiSansText-Regular.woff2.html") format("woff2"),
url("font/HyundaiSansText-Regular.woff") format("woff"),
url("font/HyundaiSansText-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

*, *:after, *:before {-webkit-box-sizing:border-box; box-sizing:border-box;}
html, body {-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none;}
html {overflow-y:scroll}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, table, th, td, input, select, textarea, button {margin:0; padding:0}
body, input, textarea, select, button, table {color:#222; font-size:18px; font-family:'HyundaiSansTextRegular', 'Malgun Gothic', Dotum, '돋움', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', Gulim, '굴림',arial, sans-serif; line-height:28px}
em {font-style:normal}
fieldset, img {border:0 none}
img {vertical-align:middle}
dl, ul, ol, menu, li {list-style:none}
input::-ms-clear {display:none}
button {border:0 none; border-radius:0; background-color:transparent; cursor:pointer}
a {color:inherit; text-decoration:none}
a:hover,
a:focus,
a:active {background-color:transparent; text-decoration:underline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

.blind {position:absolute; top:-9999em}

/* font */
h1,
h2,
h3,
h4,
h5,
h6 {font-family:'HyundaiSansHeadBold'; font-weight:normal;}
.h1_tit {font-size:64px; line-height:74px;}
.h2_tit {font-size:42px; line-height:46px;}
.h3_tit {font-size:36px; line-height:44px;}
.h4_tit {font-size:24px; line-height:32px;}
.h5_tit {font-size:24px; line-height:32px;}
.h6_tit {}
.uline {text-decoration:underline}
.date {color:#666; font-size:16px; line-height:26px;}
.date span {padding-left:10px;}

/* font color */
.fc_blue {color:#35719E;}
.fc_gray {color:#666;}

.blind {position:absolute; top:-9999em}/* 191106 add */
.sr_only{display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;font-size:medium;line-height:normal;word-break:break-all;} /* 191106 add */


/* background color */
.bg_gray {background-color:#f8f8f8;}
.bg_color1 {background-color:#f7f3f2;} /* 220512 add */

/* icons */
i.ico {position:relative; display:inline-block; width:40px; height:40px; vertical-align:top;}
i.ico:after {content:''; position:absolute; top:50%; left:0; width:40px; height:40px; margin-top:-20px; background:url('../images/common/icon_all.svg') no-repeat;}
i.ico.more:after {background-position:-280px 0;}
i.ico.list:after {background-position:-240px 0;}
i.ico.search:after {background-position:-420px 0;}
i.ico.close:after {background-position:-460px 0;}
i.ico.video {width:80px; height:80px;}
i.ico.video:after {width:80px; height:80px; margin-top:-40px; background-position:-357px -600px;}
i.ico.video:hover:after,
i.ico.video:focus:after {background-position:-437px -600px;}
.dark i.ico.video:after {background-position:-517px -600px;}
.dark i.ico.video:hover:after,
.dark i.ico.video:focus:after {background-position:-437px -600px;}
i.ico.down:after {background-position:-580px 0;}
i.ico.link:after {background-position:-320px -40px}
i.ico.out_link:after {background-position:-320px -40px}

.blue i.ico.more:after {background-position:-280px -40px;}
.blue i.ico.list:after {background-position:-240px -40px;}
.blue i.ico.down:after {background-position:-580px -40px;}
.blue i.ico.link:after {background-position:-320px 0}
.blue i.ico.out_link:after {background-position:-320px 0}

/* sapce */
.mt80 {margin-top:80px;}
.pt80 {padding-top:80px;}
.pb0 {padding-bottom:0 !important;} /* 180320 추가 */
.pb80 {padding-bottom:80px;} /* 180531 추가 */

/* button */
.btn {display:inline-block; min-width:240px; height:50px; padding:0 10px; border:2px solid #222; background-color:#fff; font-family:'HyundaiSansTextBold'; line-height:46px; text-align:center; vertical-align:middle; cursor:pointer; overflow:visible; white-space:nowrap; -ms-transition:border 0.5s ease, background-color 0.5s ease; -o-transition:border 0.5s ease, background-color 0.5s ease; -moz-transition:border 0.5s ease, background-color 0.5s ease -webkit-transition:border 0.5s ease, background-color 0.5s ease; transition:border 0.5s ease, background-color 0.5s ease;}
button.btn {border-radius:0;}
.btn:hover,
.btn:focus {border-color:#35719E; background-color:#35719E; color:#fff; text-decoration:none}
.btn:hover i.ico.more:after,
.btn:focus i.ico.more:after {background-position:-280px -40px;}
.btn:hover i.ico.list:after,
.btn:focus i.ico.list:after {background-position:-240px -40px;}
.btn:hover i.ico.down:after,
.btn:focus i.ico.down:after {background-position:-580px -40px;}
.btn:hover i.ico.link:after,
.btn:focus i.ico.link:after {background-position:-320px 0}
.btn:hover i.ico.out_link:after,
.btn:focus i.ico.out_link:after {background-position:-320px 0}

.btn.full {display:block;}
button.btn.full {width:100%;}

.btn.small {height:44px; line-height:44px;}
.btn.large {height:60px; line-height:56px;}

.btn.blue {border:0; background-color:#44709A; color:#fff; line-height:50px;}
.btn.blue.small {line-height:44px;}
.btn.blue.large {line-height:60px;}
.btn.blue:hover,
.btn.blue:focus {border-color:#222; background-color:#fff; color:#222;}
.btn.blue:hover i.ico.more:after,
.btn.blue:focus i.ico.more:after {background-position:-280px 0;}
.btn.blue:hover i.ico.list:after,
.btn.blue:focus i.ico.list:after {background-position:-240px 0;}
.btn.blue:hover i.ico.down:after,
.btn.blue:focus i.ico.down:after {background-position:-580px 0;}
.btn.blue:hover i.ico.link:after,
.btn.blue:focus i.ico.link:after {background-position:-320px -40px}
.btn.blue:hover i.ico.out_link:after,
.btn.blue:focus i.ico.out_link:after {background-position:-320px -40px}

.btn i.ico {height:100%; margin-left:16px;}
.btn i.ico.left {margin:0 16px 0 0;}
.btn.ico_r {position:relative; padding:0 72px 0 24px;}
.btn.ico_r i.ico {position:absolute; top:0; right:8px;}

.link_txt {font-family:'HyundaiSansTextBold';}
.link_txt .ico {display:inline-block; width:18px; height:18px; background:url('../images/common/icon_all.svg') no-repeat -400px -40px; vertical-align:middle;}

/* form */
input, select, textarea, button {vertical-align:middle}
input[type='text'], input[type='password'], input[type='text'], input[type='tel'] {-webkit-border-radius:0; -webkit-appearance:none}
input[type='submit'], input[type='button'], button {cursor:pointer}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {border:0; -webkit-text-fill-color:#fff; -webkit-box-shadow:0 0 0px 1000px #35719E inset; transition:background-color 5000s ease-in-out 0s;}
::-webkit-input-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
label {vertical-align:middle}
textarea {width:100%; border:0; overflow-y:auto; resize:none}

/* 입력박스 */
.input_txt {display:inline-block; height:50px; padding-right:40px; background-color:#f6f6f6}
.input_txt input {width:100%; height:48px; padding:0 20px 0 20px; border:1px solid #f6f6f6; background-color:#f6f6f6; color:#494949; line-height:48px; outline:0}
.input_txt input::-webkit-input-placeholder {color:#a3a3a3; font-size:13px}
.input_txt input::-moz-placeholder {color:#a3a3a3; font-size:13px}
.input_txt input:-ms-input-placeholder {color:#a3a3a3; font-size:13px}

/* 체크박스 */
.chk_wrap {position:relative; display:inline-block; font-size:0; line-height:0; vertical-align:middle;}
.chk_wrap input {display:inline-block; position:absolute; z-index:0; left:4px; top:4px; opacity:0; filter:alpha(opacity=0);}
.chk_wrap label {display:inline-block; min-width:1px; min-height:24px; padding:0 0 0 30px; color:#303030; font-size:14px; line-height:22px; cursor:pointer;}
.chk_wrap input+label:after {content:''; position:absolute; left:0; top:0; width:22px; height:22px; border:1px solid #ddd; background-color:#fff; zoom:1;}

.chk_wrap input:checked+label:after {background-color:#ddd;}

/* 라디오버튼 */
.rad_wrap {position:relative; display:inline-block; font-size:0; line-height:0; vertical-align:middle;}
.rad_wrap input {display:inline-block; position:absolute; z-index:0; left:4px; top:4px; opacity:0; filter:alpha(opacity=0);}
.rad_wrap label {display:inline-block; min-width:1px; min-height:24px; padding:0 0 0 30px; color:#303030; font-size:14px; line-height:22px; cursor:pointer;}
.rad_wrap input+label:after {content:''; position:absolute; left:0; top:0; width:22px; height:22px; border:1px solid #ddd; border-radius:50%; background-color:#fff; zoom:1;}

.rad_wrap input:checked+label:after {background-color:#ddd;}

/* 셀렉트 박스 */
select {margin:0; border-radius:0; background-color:transparent;}
.ui-selectbox-wrap {
position:relative;display:inline-block;z-index:0;border:1px solid #b8b8b8;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
background-color:#ffffff;
background:-moz-linear-gradient(top, #ffffff, #f7f7f7);
background:-o-linear-gradient(top, #ffffff, #f7f7f7);
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
background:-webkit-linear-gradient(top, #ffffff, #f7f7f7);
background:-ms-linear-gradient(top, #ffffff, #f7f7f7);
background:linear-gradient(top, #ffffff, #f7f7f7);
white-space:nowrap;vertical-align:middle;text-align:left !important;
}

.ui-selectbox-wrap a{text-decoration: none;}
.ui-selectbox-wrap .hide {display:inline-block;position:absolute;z-index:-10;width:0 !important;height:0 !important;overflow:hidden !important;opacity:0 !important;filter:alpha(opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';font-size:medium;line-height:normal;word-break:break-all;}
.ui-selectbox-wrap.active {border:1px solid #282828;}
.ui-selectbox-wrap.on {
z-index:3;border:1px solid #282828;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;
background-color:#fff;
background:-moz-linear-gradient(top, #fff, #fff);
background:-o-linear-gradient(top, #fff, #fff);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background:-webkit-linear-gradient(top, #fff, #fff);
background:-ms-linear-gradient(top, #fff, #fff);
background:linear-gradient(top, #fff, #fff);
}

.ui-selectbox-wrap.warn {border:1px solid #dc320a;}
.ui-selectbox-wrap.disabled,.ui-selectbox-wrap.read {
border:1px solid #d0d0d0; background-color:#f4f4f4;
background:-moz-linear-gradient(top, #f0f0f0, #e9e9e9);
background:-o-linear-gradient(top, #f0f0f0, #e9e9e9);
background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e9e9e9));
background:-webkit-linear-gradient(top, #f0f0f0, #e9e9e9);
background:-ms-linear-gradient(top, #f0f0f0, #e9e9e9);
background:linear-gradient(top, #f0f0f0, #e9e9e9);
}

.ui-selectbox-wrap a {display:block;height:33px;padding:5px 37px 0 11px;color:#303030;font-size:14px;line-height:1.8em;white-space:nowrap;letter-spacing:0; word-wrap:normal}
.ui-selectbox-wrap.disabled a {color:#787878;}
.ui-selectbox-wrap.read a {color:#303030;}
.ui-selectbox-wrap.disabled a, .ui-selectbox-wrap.disabled a:hover, .ui-selectbox-wrap.disabled a:focus,
.ui-selectbox-wrap.read a, .ui-selectbox-wrap.read a:hover, .ui-selectbox-wrap.read a:focus {/*color:#787878;*/ pointer-events: none;cursor: default;}

.ui-selectbox-wrap .ui-selectbox-view .ico {position:absolute;right:12px;top:16px;width:9px;height:6px;background:url('../images/bg_select.png.html') no-repeat 0 0;}
.ui-selectbox-wrap.on .ui-selectbox-view .ico {background-position:-32px 0;}
.ui-selectbox-wrap.disabled .ui-selectbox-view .ico,
.ui-selectbox-wrap.read .ui-selectbox-view .ico {background-position:-48px 0;}

.ui-selectbox-wrap .ui-selectbox-list {display:none; position:absolute;top:38px;left:-1px;overflow:hidden;width:100%;border:1px solid #101010;border-top:0;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;
background-color:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);-moz-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3);}
.ui-selectbox-wrap .ui-selectbox-list .ui-select-scrollarea {border-top:1px solid #d0d0d0; max-height:165px;overflow:hidden;}
.ui-selectbox-wrap .ui-selectbox-list ul { margin:0 !important;padding:5px 0;}
.ui-selectbox-wrap .ui-selectbox-list li a {height:auto; min-height:26px; padding:0px 25px 3px 12px;line-height:1.8em;color:#303030;}
.ui-selectbox-wrap .ui-selectbox-list li a:hover,
.ui-selectbox-wrap .ui-selectbox-list li.active a {background-color:#f4f4f4;}
.ui-selectbox-wrap.on .ui-selectbox-list li.on a {text-decoration:underline !important;}

.ui-selectbox-wrap.up.on {-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;}
.ui-selectbox-wrap.up .ui-selectbox-list {border:1px solid #101010;border-bottom:0;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px; -webkit-box-shadow:0 -1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.3);box-shadow:0 -1px 3px rgba(0,0,0,.3);}
.ui-selectbox-wrap.up .ui-selectbox-list .ui-select-scrollarea {border-bottom:1px solid #d0d0d0;}

/* 셀렉트 내 scroll */
.ui-selectbox-wrap .ui-select-scroll {display:none;position:absolute;right:0;top:0;width:24px;cursor:pointer;}
.ui-selectbox-wrap .ui-select-scroll span {position:absolute;left:12px;width:8px;padding:0;margin:0;font-size:0;line-height:0;}
.ui-selectbox-wrap .ui-select-scroll .bg_top {top:0;height:12px;background:url('../images/bg_scroll_new.png.html') no-repeat -24px 0;}
.ui-selectbox-wrap .ui-select-scroll .bg_mid {top:12px;background:url('../images/bg_scroll_new.png.html') repeat-y 0 0;}
.ui-selectbox-wrap .ui-select-scroll .bg_btm {bottom:0;height:12px;background:url('../images/bg_scroll_new.png.html') no-repeat -48px 0;}
.ui-selectbox-wrap .ui-select-scroll.active .bg_top {background-position:-96px 0;}
.ui-selectbox-wrap .ui-select-scroll.active .bg_mid {background-position:-72px 0;}
.ui-selectbox-wrap .ui-select-scroll.active .bg_btm {background-position:-120px 0;}
.ui-selectbox-wrap.on .ui-selectbox-list, .ui-selectbox-wrap.on .ui-select-scroll {display:block;}/* 리스트 열렸을 때 리스트 표시 .on */

/* table */
table {border:0 none; border-spacing:0; border-collapse:collapse}
caption, legend {font-size:0; line-height:0; text-indent:-9999em}

.tb_row table,
.tb_col table,
.board_list table {width:100%; word-break:break-all}

.tb_row {border-top:1px solid #555; border-bottom:1px solid #555; overflow-x:auto;}
.tb_row th, .tb_row td {padding:10px 20px; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; vertical-align:middle}
.tb_row thead th {}
.tb_row thead th:first-child {border-left:0;}
.tb_row tbody th, .tb_row tbody td {}
.tb_row tbody th:first-child, .tb_row tbody td:first-child {border-left:0;}
.tb_row tbody .title {text-align:left;}

.tb_row tfoot th,
.tb_row tfoot td {border-top:1px solid #2d2d2d}
.tb_row tfoot th:first-child {border-left:0;}
.tb_row tfoot td {}

.tb_col {border-top:1px solid #555; border-bottom:1px solid #555}
.tb_col tr:first-child th, .tb_col tr:first-child td {border-top:0}
.tb_col th, .tb_col td {padding:10px 20px; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; vertical-align:middle}
.tb_col th {}
.tb_col th:first-child {border-left:0 none}
.tb_col td {color:#767676}

.tb_col tfoot th, .tb_col tfoot td {border-top:1px solid #2d2d2d}
.tb_col tfoot td {border-left:1px solid #f0f0f0}

/* board list */
.board_list {border-top:1px solid #494949; border-bottom:1px solid #e5e5e5; text-align:center}
.board_list table {width:100%}
.board_list th, .board_list td {padding:20px 10px; border-top:1px solid #e5e5e5; color:#767676; font-size:14px; line-height:21px; vertical-align:top}
.board_list thead th {border-top:0 none; color:#2d2d2d; font-weight:normal}
.board_list td.title {text-align:left}
.board_list td.title a {color:#2d2d2d}
.board_list .notice {color:#ee6900}

/* accordion */
.list_accordion {border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d}
.list_accordion .item {border-top:1px solid #e5e5e5}
.list_accordion .item:first-child {border-top:0}
.list_accordion .item .head {position:relative; padding:10px 20px}
.list_accordion .item .head .tit {word-break:break-all;}
.list_accordion .item .head button {position:absolute; top:0; line-height:normal; overflow:hidden}
.list_accordion .item .head button:after {content:'↓'; position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; font-size:100%; line-height:20px}
.list_accordion .item .head .full {left:0; width:100%; height:100%}
.list_accordion .item .head .full:after {right:0}
.list_accordion .item .head .small {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px}
.list_accordion .item .head .small:after {left:0}
.list_accordion .desc {display:none}
.list_accordion .cont {padding:10px 20px}
/* accordion opend */
.list_accordion .item.on .tit {font-weight:bold}
.list_accordion .item.on .head button:after {content:'↑'}

/* page */
.paging {}
.paging .first {}
.paging .prev
.paging .next
.paging .last {}
.paging .page_num {}

/* bullet list */
.bul_list {word-break:break-all}
.bul_list .bul_num {position:relative; padding-left:25px;}
.bul_list .bul_num .bullet {position:absolute; top:0; left:0; display:inline-block;}

/* tab */
.tab_wrap {}
.tab_wrap:after,
.tab_wrap .tab:after {content:''; display:table; clear:both}
.tab_wrap .btn_open {display:none; margin:0;}
.tab_wrap .btn_open .tab_open {position:relative;width:100%;height:50px;padding:0 60px 0 20px;border:1px solid #222;border-radius:0;font-family:'HyundaiSansTextBold';line-height:50px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/* 201022 modify */
.tab_wrap .btn_open .tab_open:after {content:''; position:absolute; top:50%; right:0; width:40px; height:40px; margin:-20px 0 0 0; background:url('../images/common/icon_all_s.svg') no-repeat -120px 0; background-size:400px 400px;}
.tab_wrap.tab_open .btn_open .tab_open:after {background-position:-160px 0;}

.tab_wrap .tab_list {position:relative; float:left; width:50%}
.tab_wrap .tab_link {display:block; height:50px; margin-left:-2px; border:2px solid #333; font-family:'HyundaiSansTextBold'; text-decoration:none; line-height:50px; text-align:center; -ms-transition:border-color 0.5s ease, background-color 0.5s ease; -webkit-transition:border-color 0.5s ease, background-color 0.5s ease; transition:border-color 0.5s ease, background-color 0.5s ease;}
.tab_wrap .tab_list:first-child .tab_link,.tab_wrap.col3-wide li:nth-child(4) .tab_link {margin-left:0}/* 201022 modify */
.tab_wrap .tab_link span {display:block; margin:0; cursor:pointer}

.tab_wrap .tab_link:hover,
.tab_wrap .tab_link:focus {}

.tab_wrap .tab_cont {display:none;}
.tab_wrap .tab_cont.on {display:block;}

.tab_wrap .tab_list.on {z-index:1;}
.tab_wrap .tab_link:hover,
.tab_wrap .tab_link:focus,
.tab_wrap .tab_list.on .tab_link {border-color:#35719E; background-color:#35719E; color:#fff; text-decoration:none;}

.tab_wrap.col3 .tab_list {width:33.33333333%;}
.tab_wrap.col4 .tab_list {width:25%}
.tab_wrap.col5 .tab_list {width:20%}
.tab_wrap.col6 .tab_list {width:16.6666%}
.tab_wrap.col6 .tab_list {width:16.6666%}

/* 201022 add */
.tab_wrap.col3-wide .tab_list {width:33.33333333%}
.tab_wrap.col3-wide li:nth-child(1) .tab_link,.tab_wrap.col3-wide li:nth-child(2) .tab_link,.tab_wrap.col3-wide li:nth-child(3) .tab_link {border-bottom:1px solid #333}
.tab_wrap.col3-wide li:nth-child(4) .tab_link,.tab_wrap.col3-wide li:nth-child(5) .tab_link,.tab_wrap.col3-wide li:nth-child(6) .tab_link {border-top:1px solid #333}
/* //201022 add */

.tab_wrap .tab_depth2 {display:none;}
.tab_wrap .tab_depth2 .tab {padding-top:0; font-size:0; line-height:0; text-align:center;}
.tab_wrap .tab_depth1 + .tab_depth2,
.tab_wrap .tab_depth1 + .tab_depth2 ~ .tab_depth2 {padding-top:40px;}
.tab_wrap .tab_depth2 .tab_list {display:inline-block; float:none; width:auto; padding:0 20px;}
.tab_wrap .tab_depth2 .tab_link {display:block; position:relative; height:auto; border:0; background-color:transparent; color:#999; font-size:18px; font-family:'HyundaiSansHeadBold'; line-height:23px; text-decoration:none;}
.tab_wrap .tab_depth2 .tab_link span {padding:0 1px; border-bottom:2px solid #999;}
.tab_wrap .tab_depth2 .tab_list.on .tab_link {background-color:transparent; color:#222;}
.tab_wrap .tab_depth2 .tab_list.on .tab_link span {border-color:#222;}
.tab_wrap .tab_depth2.on {display:block;}
/* Depth2 Tab */
.tab_wrap .tab_cont .tab_depth2 {display:block;}
.tab_wrap .tab_cont .tab_depth2 .tab {padding-top:40px; font-size:0; line-height:0; text-align:center;}

/* layer pop */
.layer_dim {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.9); z-index:9999;}

/* no data */
.no_data {padding:50px 0}

/* js전용 */
.show {display:block !important}
.hide {display:none !important}
.ovh {overflow:hidden !important}
.js_vhidden {visibility:hidden !important}
.ui_prevent_scroll {position:fixed; top:0; left:0; right:0; width:100%; overflow:hidden;}

/* print */
@media print {
@page{size:auto; margin:auto 0cm}
}

/* box */
.box_gray {background-color:#f9f9f9}
.box_blue {background-color:#edf4fd}

/* 컨텐츠 단 */
.cont_row {margin-right:auto; margin-left:auto;}
.cont_row.md {max-width:1200px;}

/* 모듈 정렬 */
.align_cont.left {text-align:left;}
.align_cont.center {text-align:center;}
.align_cont.right {text-align:right;}
.align_cont.right * {float:right; clear:right;}
.align_cont.right .tb_row * {float:none; clear:none; max-width:none;}
.align_cont.top {vertical-align:top;}
.align_cont.mid {vertical-align:middle;}
.align_cont.btm {vertical-align:bottom;}

/* 이미지형 게시판 리스트 */
.boardTopcont {padding-bottom:0;}
.boardTopcont .boardTop_slide {position:relative;}
.boardTopcont .boardTop_slide .module {display:none; position:relative; overflow:hidden;}
.boardTopcont .boardTop_slide .module:nth-child(1){display:block;}
.boardTopcont .carousel-initialized .boardTop_slide .module{display:block;}
.boardTopcont .boardTop_slide .item .img_wrap img {max-width:100%; width:100%;}
.boardTopcont .boardTop_slide .btn_arrow {position:absolute; top:50%; width:40px; height:80px; margin-top:-40px;}
.boardTopcont .boardTop_slide .btn_arrow.prev {left:0;}
.boardTopcont .boardTop_slide .btn_arrow.next {right:0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico,
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico {width:40px; height:80px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after,
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {top:0; width:40px; height:80px; margin:0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {background-position:-40px 0;}

.boardTopcont .boardTop_slide .btn_arrow .btn_prev:hover .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_prev:focus .ico:after {background-position:0 -80px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_next:hover .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_next:focus .ico:after {background-position:-40px -80px;}

.boardTopcont .boardTop_slide .indicate {position:absolute; right:0; bottom:0; left:0; height:4px; -ms-transition:height 0.5s ease; -o-transition:height 0.5s ease; -moz-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; transition:height 0.5s ease;}
.boardTopcont .boardTop_slide .indicate ul {height:100%; font-size:0; line-height:0;}
.boardTopcont .boardTop_slide .indicate li {display:inline-block; width:100%; height:100%;}
.boardTopcont .boardTop_slide .indicate li .indi {display:block; margin-left:1px; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.boardTopcont .boardTop_slide .indicate li .indi span {display:block; height:100%; background-color:#35719E;}
.boardTopcont .boardTop_slide .indicate li:first-child .indi {margin-left:0;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(2), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(3), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(3) ~ li {width:33.33333333%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(4), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(4) ~ li {width:25%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(5), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(5) ~ li {width:20%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(6), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(6) ~ li {width:16.66666666%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(7), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(7) ~ li {width:14.28571428%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(8), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(8) ~ li {width:12.5%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(9), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(9) ~ li {width:11.11111111%;}
.boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(10), .boardTopcont .boardTop_slide .indicate li:nth-child(1):nth-last-child(10) ~ li {width:10%;}
.boardTopcont .boardTop_slide:hover .indicate, .boardTopcont .boardTop_slide.hover .indicate {height:20px;}

.boardTopcont .img_wrap img {max-width:100%; width:100%;}
.boardTopcont .txt_wrap {padding:0 50px;}
.boardTopcont .txt_wrap .date {padding-top:48px;}
.boardTopcont .txt_wrap .title {padding-top:16px; font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:44px;}

.thumb_boardlist {padding:0 0 80px 0;}
.thumb_boardlist .board_header {padding:80px 0 40px; text-align:center;}
.thumb_boardlist .board_header .h_desc {padding-top:8px; color:#666;}
.thumb_boardlist .board_top {position:relative; padding:40px 0 48px 0;}
.thumb_boardlist .board_top:before, .thumb_boardlist .board_top:after {content:''; display:table; clear:both;}
.thumb_boardlist .search_wrap {float:right; padding:0;}
.thumb_boardlist .search_wrap .btn_open {position:relative; z-index:1;}
.thumb_boardlist .search_wrap .btn_open i.ico:after {}
.thumb_boardlist .search_wrap .btn_search i.ico:after {}
.thumb_boardlist .search_wrap .input_box {position:absolute; top:40px; right:0; left:0; height:50px; padding:0 120px 0 48px; border-bottom:2px solid #222; background-color:#fff; opacity:0; z-index:-1; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.thumb_boardlist .search_wrap .input_box .ico.search {position:absolute; top:0; left:0;}
.thumb_boardlist .search_wrap .input_box .btn_search {position:absolute; top:9px; right:64px; font-family:'HyundaiSansHeadBold';}
.thumb_boardlist .search_wrap .input_box .btn_search:hover, .thumb_boardlist .search_wrap .input_box .btn_search:focus {color:#35719E;}
.thumb_boardlist .search_wrap .input_box .search_txt {display:block; width:98%; height:26px; margin-top:8px; border:0; color:#666; font-size:16px; line-height:26px; vertical-align:middle;}
.thumb_boardlist .search_wrap .input_box .search_txt::-webkit-input-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt::-moz-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt:-ms-input-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt:-moz-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt:focus + .btn_search {display:block;}
.thumb_boardlist .search_wrap .input_box .close_box {position:absolute; top:0; right:0;}
.thumb_boardlist .search_wrap.open .btn_open {z-index:0;}
.thumb_boardlist .search_wrap.open .input_box {z-index:1; opacity:1; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}

.thumb_boardlist .search_result {clear:both; padding-top:8px; text-align:center;}
.thumb_boardlist .search_result strong {font-weight:normal;}
.thumb_boardlist .search_result dt {font-size:24px; font-family:'HyundaiSansTextBold'; line-height:30px;}
.thumb_boardlist .search_result dt strong {color:#35719E;}
.thumb_boardlist .search_result dd {padding-top:4px; color:#666; font-size:16px; line-height:20px;}

.thumb_boardlist .search_wrap .error_msg {display:none; position:absolute; top:0; right:120px; bottom:0; left:48px; margin-top:8px; background-color:#fff; color:#666; font-size:16px; line-height:26px;}
.thumb_boardlist .search_wrap.blank {}
.thumb_boardlist .search_wrap.blank .error_msg {display:block;}
.thumb_boardlist .search_wrap.blank .input_box .ico.search:after {background-position:-400px -140px;}
.thumb_boardlist .search_wrap.blank .btn_search {display:none;}

.thumb_boardlist .view_type {display:inline-block; font-size:0; line-height:0;}
.thumb_boardlist .view_type button {display:inline-block; position:relative; width:40px; height:40px; margin-right:24px; background:url('../images/common/icon_all.svg') no-repeat -500px 0;}
.thumb_boardlist .view_type .btn_grid {background-position:-540px 0;}
.thumb_boardlist .btn_wrap.more {padding-top:42px;}

.thumb_boardlist .board_list {border:0; text-align:left;}
.thumb_boardlist .board_list .list_wrap .item {padding:40px 0;}
.thumb_boardlist .board_list a:before, .thumb_boardlist .board_list a:after {content:''; display:table; clear:both;}
.thumb_boardlist .board_list .img_wrap {position:relative;}
.thumb_boardlist .board_list .img_wrap img {max-width:100%; width:100%;}
.thumb_boardlist .board_list .movie_cont {position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;}
.thumb_boardlist .board_list .movie_cont i.ico.video {width:100%; height:100%;}
.thumb_boardlist .board_list .movie_cont i.ico.video:after {left:50%; margin-left:-40px; background-position:-517px -600px;}
.thumb_boardlist .board_list .img_wrap .overlay {position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(53, 113, 158, 0.5); opacity:0; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.thumb_boardlist .board_list .img_wrap .overlay .more {display:none; width:100%; height:100%;}
.thumb_boardlist .board_list .img_wrap .overlay .more span {display:table-cell; color:#fff; font-size:18px; line-height:28px; text-align:center; vertical-align:middle;}
.thumb_boardlist .board_list .txt_wrap .date {color:#666;}
.thumb_boardlist .board_list .txt_wrap .date span {padding-left:10px;}
.thumb_boardlist .board_list .txt_wrap dt {padding-top:16px; font-size:24px; line-height:32px; -ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; transition:color 0.5s ease;}
.thumb_boardlist .board_list .txt_wrap dd {padding-top:8px; color:#666; font-size:18px; line-height:28px;}

.thumb_boardlist.view_list .board_list a, .thumb_boardlist.view_grid .board_list a {display:block; text-decoration:none;}

.thumb_boardlist.view_list .board_list a:hover .img_wrap .overlay, .thumb_boardlist.view_list .board_list a:focus .img_wrap .overlay, .thumb_boardlist.view_grid .board_list a:hover .img_wrap .overlay, .thumb_boardlist.view_grid .board_list a:focus .img_wrap .overlay {opacity:1;}

.thumb_boardlist.view_list .board_list a:hover .txt_wrap dt, .thumb_boardlist.view_list .board_list a:focus .txt_wrap dt, .thumb_boardlist.view_grid .board_list a:hover .txt_wrap dt, .thumb_boardlist.view_grid .board_list a:focus .txt_wrap dt {color:#35719E; text-decoration:underline;}

.thumb_boardlist.view_list .board_list a:hover .movie_cont i.ico.video:after, .thumb_boardlist.view_list .board_list a:focus .movie_cont i.ico.video:after, .thumb_boardlist.view_grid .board_list a:hover .movie_cont i.ico.video:after, .thumb_boardlist.view_grid .board_list a:focus .movie_cont i.ico.video:after {background-position:-437px -600px;}

/* (이미지형 게시판 리스트) 리스트 타입 */
.thumb_boardlist.view_list .view_type .btn_list {background-position:-500px -40px;}
.thumb_boardlist.view_list .board_list {}
.thumb_boardlist.view_list .board_list .list_wrap {font-size:0; line-height:0;}
.thumb_boardlist.view_list .board_list .list_wrap .item:before,
.thumb_boardlist.view_list .board_list .list_wrap .item:after {content:''; display:table; clear:both;}
.thumb_boardlist.view_list .board_list .list_wrap .item:first-child {padding-top:0;}
.thumb_boardlist.view_list .board_list .list_wrap .item.empty_item {display:none;}
.thumb_boardlist.view_list .board_list .img_wrap {float:left; width:373px;}
.thumb_boardlist.view_list .board_list .txt_wrap {margin-left:413px;}

/* (이미지형 게시판 리스트) 그리드 타입 */
.thumb_boardlist.view_grid .view_type .btn_grid {background-position:-540px -40px;}
.thumb_boardlist.view_grid .board_list {margin-top:-40px;}
.thumb_boardlist.view_grid .board_list .list_wrap {font-size:0; line-height:0;}
.thumb_boardlist.view_grid .board_list .list_wrap .item {display:inline-block; width:50%; padding:40px 0 40px 20px; vertical-align:top;}
.thumb_boardlist.view_grid .board_list .list_wrap .item:nth-child(odd) {
padding:40px 20px 40px 0;
}
.thumb_boardlist.view_grid .board_list .img_wrap {float:none; width:auto; padding:0;}
.thumb_boardlist.view_grid .board_list .txt_wrap {width:auto; margin:0; padding:24px 0 0 0;}

/* (이미지형 게시판 리스트)풀 영역 리스트 */
.thumb_boardlist.view_full {}
.thumb_boardlist.view_full .board_header {padding:120px 0 0 0;}
.thumb_boardlist.view_full .tab_wrap {margin-right:50px; margin-left:50px; padding-top:54px;}
.thumb_boardlist.view_full .board_list .list_wrap {padding-top:0;}
.thumb_boardlist.view_full .tab_wrap + .board_list .list_wrap {padding-top:63px;}
.thumb_boardlist.view_full .board_header + .board_list .list_wrap {padding-top:63px;}
.thumb_boardlist.view_full .board_list .list_wrap .item {padding:1px 0 0 0;}
.thumb_boardlist.view_full .board_list .list_wrap .item a {}
.thumb_boardlist.view_full .board_list .module {position:relative; width:100%; height:100%;}
.thumb_boardlist.view_full .board_list .img_wrap {float:none; width:auto; padding:0;}
.thumb_boardlist.view_full .board_list .img_wrap .overlay {right:0;}
.thumb_boardlist.view_full .board_list .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; width:auto; height:100%; margin:0; padding:0; color:#222;}
.thumb_boardlist.view_full .board_list .txt_wrap .inner {display:table; width:100%; height:100%;}
.thumb_boardlist.view_full .board_list .txt_wrap .inner .align_cont {display:table-cell; padding:120px 0 0 205px;}
.thumb_boardlist.view_full .board_list .txt_wrap dl {max-width:735px;}
.thumb_boardlist.view_full .board_list .txt_wrap dt {padding-top:0; font-size:64px; font-family:'HyundaiSansHeadBold'; line-height:74px;}
.thumb_boardlist.view_full .board_list .txt_wrap dd {padding-top:16px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap {padding-top:40px;}

/* 버튼 모션 */
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn {position:relative; min-width:310px; background-color:transparent; -ms-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; -o-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; -moz-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; -webkit-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn span {position:relative; z-index:1;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:hover {color:#fff; border-color:rgba(53, 115, 158, 1); background-color:transparent; text-decoration:none; -ms-transition:color 0.1s ease, border 0.1s ease; -o-transition:color 0.1s ease, border 0.1s ease; -moz-transition:color 0.1s ease, border 0.1s ease; -webkit-transition:color 0.1s ease, border 0.1s ease; transition:color 0.1s ease, border 0.1s ease;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:before,
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:after {content:''; position:absolute; top:0; right:0; width:0; height:100%;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:before {background-color:rgba(34, 34, 34, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:after {background-color:rgba(53, 113, 158, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s;}

.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:hover:before, .thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:focus:before {left:0; right:auto; width:100%;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:hover:after, .thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:focus:after {left:0; right:auto; width:100%;}

.thumb_boardlist.view_full .board_list .module.dark .txt_wrap {color:#fff;}
.thumb_boardlist.view_full .board_list .module.dark .txt_wrap dd {color:#fff; opacity:0.7;}

.thumb_boardlist.view_full .board_list .module.dark .txt_wrap .btn_wrap .btn {border-color:#fff; color:#fff;}
.thumb_boardlist.view_full .board_list .module.dark .txt_wrap .btn_wrap .btn:hover, .thumb_boardlist.view_full .board_list .module.dark .txt_wrap .btn_wrap .btn:focus {color:#fff; border-color:rgba(53, 113, 158, 1); background-color:transparent; text-decoration:none;}

/* 다운로드 게시판 */
.thumb_boardlist.view_down {}
.thumb_boardlist.view_down .board_list {margin-top:-40px;}
.thumb_boardlist.view_down .board_list .list_wrap {}
.thumb_boardlist.view_down .board_list .list_wrap .item:after {content:''; display:table; clear:both;}
.thumb_boardlist.view_down .board_list .list_wrap .item .module {position:relative;}
.thumb_boardlist.view_down .board_list .list_wrap .item .module:after {content:''; display:table; clear:both;}
.thumb_boardlist.view_down .board_list .list_wrap .item .img_wrap {float:left; width:425px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont {position:absolute; top:0; right:0; bottom:0; left:465px;}
.thumb_boardlist.view_down .board_list .txt_wrap {max-width:580px;}
.thumb_boardlist.view_down .board_list .txt_wrap .date {padding-bottom:8px;}
.thumb_boardlist.view_down .board_list .txt_wrap dt {padding-top:0;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list {position:absolute; bottom:0; left:0; width:500px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list .title {color:#666; font-size:16px; line-height:26px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list ul {padding-top:0;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list ul:after {content:''; display:table; clear:both;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list li {float:left; margin:8px 8px 0 0;}

/* 211123 add */
/* 공지사항 리스트 */
.thumb_boardlist .notice_list {margin-top:55px;}
.thumb_boardlist .notice_list .list_wrap li {position:relative;padding:51px 200px 51px 25px;border-bottom:1px solid #d0d0d0;}
.thumb_boardlist .notice_list .list_wrap li:first-child {border-top:1px solid #d0d0d0;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.desc {float:none;font-size:24px;font-family:'HyundaiSansHeadBold';color:#222;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.detail {display:-webkit-box;overflow:hidden;clear:both;max-height:84px;margin-top:10px;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.date {float:none;position:absolute;top:50%;right:128px;margin-top:-13px;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap:after {content:'';display:table;clear:both;}
.thumb_boardlist .notice_list + .btn_wrap.more {display:block;padding-top:90px;}
/* //211123 add */

/* 게시판 상세 */
.boardView_wrap {padding-bottom:80px;}
.boardView_wrap .viewTopcont {position:relative;}
.boardView_wrap .viewTopcont .banner_wrap .item {display:none; position:relative; overflow:hidden;}
.boardView_wrap .viewTopcont .banner_wrap .item:nth-child(1){display:block;}
.boardView_wrap .carousel-initialized .banner_wrap .item{display:block;}
.boardView_wrap .viewTopcont .item .img_wrap img {max-width:100%; width:100%;}
.boardView_wrap .viewTopcont .btn_arrow {position:absolute; top:50%; width:40px; height:80px; margin-top:-40px;}
.boardView_wrap .viewTopcont .btn_arrow.prev {left:0;}
.boardView_wrap .viewTopcont .btn_arrow.next {right:0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico,
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico {width:40px; height:80px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_next .ico:after {top:0; width:40px; height:80px; margin:0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico:after {background-position:-40px 0;}

.boardView_wrap .viewTopcont .btn_arrow .btn_prev:hover .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_prev:focus .ico:after {background-position:0 -80px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_next:hover .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_next:focus .ico:after {background-position:-40px -80px;}

.boardView_wrap .viewTopcont .indicate {position:absolute; right:0; bottom:0; left:0; height:4px; -ms-transition:height 0.5s ease; -o-transition:height 0.5s ease; -moz-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; transition:height 0.5s ease;}
.boardView_wrap .viewTopcont .indicate ul {height:100%; font-size:0; line-height:0;}
.boardView_wrap .viewTopcont .indicate li {display:inline-block; width:100%; height:100%;}
.boardView_wrap .viewTopcont .indicate li .indi {display:block; margin-left:1px; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.boardView_wrap .viewTopcont .indicate li .indi span {display:block; height:100%; background-color:#35719E;}
.boardView_wrap .viewTopcont .indicate li:first-child .indi {margin-left:0;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(2), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(3), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(3) ~ li {width:33.33333333%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(4), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(4) ~ li {width:25%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(5), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(5) ~ li {width:20%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(6), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(6) ~ li {width:16.66666666%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(7), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(7) ~ li {width:14.28571428%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(8), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(8) ~ li {width:12.5%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(9), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(9) ~ li {width:11.11111111%;}
.boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(10), .boardView_wrap .viewTopcont .indicate li:nth-child(1):nth-last-child(10) ~ li {width:10%;}
.boardView_wrap .viewTopcont:hover .indicate, .boardView_wrap .viewTopcont.hover .indicate {height:20px;}

.boardView_wrap .viewBody_wrap {padding-top:40px;}
.boardView_wrap .viewBody_wrap .top_cont {position:relative;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap {position:absolute; top:0; right:0; font-size:0; line-height:0;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap a {display:inline-block; width:40px; height:40px; margin-left:24px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap i.ico:after {background:red;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap {padding-top:8px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap .title {padding-top:16px; font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:44px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap .txt {padding-top:8px; font-size:36px; line-height:44px;}
.boardView_wrap .viewBody_wrap .view_cont {padding-top:60px;}
.boardView_wrap .viewBody_wrap .view_cont .txt_cont {padding:32px 0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap {padding:32px 0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap ul {font-size:0; line-height:0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap {position:relative;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap img {max-width:100%; width:100%;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play {position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play a {display:block; height:80px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play {width:80px; height:80px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:after {width:80px; height:80px; margin-top:-40px; background-position:-357px -600px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:hover:after,
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:focus:after {background-position:-437px -600px;}

.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2), .boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2) ~ li {display:inline-block; width:50%; vertical-align:top;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2) .img_wrap {padding-right:20px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(2) .img_wrap {padding-left:20px;}

.boardView_wrap .viewBody_wrap .link_list {padding-top:32px;}
.boardView_wrap .viewBody_wrap .link_list span, .boardView_wrap .viewBody_wrap .link_list a {display:inline-block; vertical-align:middle;}
.boardView_wrap .viewBody_wrap .link_list span {width:60px;}
.boardView_wrap .viewBody_wrap .link_list a {color:#35719E; text-decoration:underline;}
.boardView_wrap .viewBody_wrap .etc_cont {position:relative; padding-top:80px;}
.boardView_wrap .viewBody_wrap .etc_cont:after {content:''; display:table; clear:both;}
.boardView_wrap .viewBody_wrap .tag_list {float:left; font-size:0; line-height:0;}
.boardView_wrap .viewBody_wrap .tag_list:after {content:''; display:table; clear:both;}
.boardView_wrap .viewBody_wrap .tag_list dt {display:inline-block; width:80px; height:50px; margin-right:8px; border:2px solid #222; font-size:18px; font-family:'HyundaiSansTextBold'; text-align:center; line-height:50px; vertical-align:middle;}
.boardView_wrap .viewBody_wrap .tag_list dd {display:inline-block; vertical-align:middle;}
.boardView_wrap .viewBody_wrap .tag_list a {padding:0 8px; font-size:18px; line-height:26px;}
.boardView_wrap .viewBody_wrap .file_list {position:absolute; top:80px; right:0;}

.boardView_wrap .jumpPage {margin-top:64px;}
.boardView_wrap .jumpPage .sm_txt {display:none;}
.boardView_wrap .jumpPage .list_wrap {font-size:0; line-height:0;}
.boardView_wrap .jumpPage .list_wrap .item {display:inline-block; width:50%; vertical-align:top;}
.boardView_wrap .jumpPage .list_wrap .item a {display:block;}
.boardView_wrap .jumpPage .list_wrap .item .module {position:relative;}
.boardView_wrap .jumpPage .list_wrap .item .img_wrap {position:relative; background-color:#000;}
.boardView_wrap .jumpPage .list_wrap .item .img_wrap:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; background-image: -moz-linear-gradient(to left, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%); background-image: -o-linear-gradient(to left, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%); background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%);}
.boardView_wrap .jumpPage .list_wrap .item:last-child .img_wrap:before {background-image: -moz-linear-gradient(to right, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%); background-image: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 1) 99%);}
.boardView_wrap .jumpPage .list_wrap .item .img_wrap img {max-width:100%; width:100%; opacity:0.6;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap {position:absolute; top:64px; bottom:0; max-width:600px; color:#fff; z-index:10;}
.boardView_wrap .jumpPage .list_wrap .item:first-child .txt_wrap {right:0;}
.boardView_wrap .jumpPage .list_wrap .item:last-child .txt_wrap {left:0; text-align:right;}
.boardView_wrap .jumpPage .list_wrap .item:first-child .txt_wrap .inner {padding-right:64px;}
.boardView_wrap .jumpPage .list_wrap .item:last-child .txt_wrap .inner {padding-left:64px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap dt {font-size:16px; line-height:26px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap dd {padding-top:8px; font-size:24px; line-height:32px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_prev, .boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_next {position:absolute; bottom:64px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_prev {left:0;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_next {right:0;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_prev i.ico:after {background-position:-240px -40px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_next i.ico:after {background-position:-320px 0;}

.boardView_wrap .jumpPage .go_list {padding:40px 50px 0 50px;}
.boardView_wrap .jumpPage .go_list .btn_sm {display:none;}

/* 게시판 상세 C타입 */
.boardViewC_wrap {}
.boardViewC_wrap img {max-width:100%; width:100%;}
/* 게시판 상세 C타입 - 상단 영역 */
.boardViewC_wrap .boardView_top_wrap {position:relative;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap {position:absolute; top:80px; left:50px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont {max-width:890px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .h1_tit {font-size:42px; line-height:52px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .txt,
.boardViewC_wrap .boardView_top_wrap .txt_wrap .date {opacity:0.8;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .txt {padding-top:16px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .date {padding-top:24px; color:#222;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark * {color:#fff;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark .align_cont .date {color:#fff;}

/* 게시판 상세 C타입 - 상단 영역(텍스트만 있을 경우) */
.boardViewC_wrap .boardView_top_wrap.only_txt {padding:80px 0; background-color:#35719E;}
.boardViewC_wrap .boardView_top_wrap.only_txt * {color:#fff;}
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap {position:static; max-width:1200px; margin:0 auto; }
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap .align_cont .date {color:#fff;}

.boardViewC_wrap .slideList_wrap {position:relative;}

/* 게시판 상세 C타입 - 배너 공통 */
.boardViewC_wrap .slideList_wrap .banner_wrap .item {display:none; position:relative; overflow:hidden;}
.boardViewC_wrap .slideList_wrap .banner_wrap .item:nth-child(1){display:block;}
.boardViewC_wrap .carousel-initialized .banner_wrap .item{display:block;}

.boardViewC_wrap .slideList_wrap .btn_arrow {position:absolute; top:50%; width:40px; height:80px; margin-top:-40px;}
.boardViewC_wrap .slideList_wrap .btn_arrow.prev {left:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow.next {right:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico,
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico {width:40px; height:80px;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico:after,
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico:after {top:0; width:40px; height:80px; margin:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico:after {background-position:-40px 0;}

.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev:hover .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -80px;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next:hover .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-40px -80px;}

.boardViewC_wrap .slideList_wrap .indicate {position:absolute; right:0; bottom:0; left:0; height:4px; -ms-transition:height 0.5s ease; -o-transition:height 0.5s ease; -moz-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; transition:height 0.5s ease;}
.boardViewC_wrap .slideList_wrap .indicate ul {height:100%; font-size:0; line-height:0;}
.boardViewC_wrap .slideList_wrap .indicate li {display:inline-block; width:100%; height:100%;}
.boardViewC_wrap .slideList_wrap .indicate li .indi {display:block; margin-left:1px; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.boardViewC_wrap .slideList_wrap .indicate li .indi span {display:inline-block; height:100%; background-color:#35719E;} /* 180723 수정 */
.boardViewC_wrap .slideList_wrap .indicate li:first-child .indi {margin-left:0;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(2), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(3), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(3) ~ li {width:33.33333333%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(4), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(4) ~ li {width:25%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(5), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(5) ~ li {width:20%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(6), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(6) ~ li {width:16.66666666%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(7), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(7) ~ li {width:14.28571428%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(8), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(8) ~ li {width:12.5%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(9), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(9) ~ li {width:11.11111111%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(10), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(10) ~ li {width:10%;}
.boardViewC_wrap .slideList_wrap:hover .indicate, .boardViewC_wrap .slideList_wrap.hover .indicate {height:20px;}

.boardViewC_wrap .slideList_wrap .indicate li.active .indi span:before {display:inline-block; margin-left:-6px; width:6px; height:100%; background-color:#F1F9FF; content:'';} /* 180723 추가 */

.boardViewC_wrap .viewBody_wrap {max-width:1200px; margin:0 auto; padding:80px 0;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap {max-width:890px; margin:0 auto; padding:0 0 40px 0; text-align:center;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap .h2_tit {font-size:36px; line-height:44px;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap .txt {padding-top:8px; color:#666;}

.boardViewC_wrap .viewBody_wrap .viewImg_wrap {padding-bottom:80px;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .banner_wrap {height:750px; overflow:hidden;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .item {height:100%;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap {height:100%;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap .inner {display:table; width:100%; height:100%; background-color:#222;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap .align_cont {display:table-cell; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap img {display:block; max-width:1200px; width:auto; margin:0 auto;}

.boardViewC_wrap .viewBody_wrap .viewMovie_wrap {padding-bottom:80px;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .img_wrap {position:relative;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .movie_cont {position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .movie_cont a {display:block;}

.boardViewC_wrap .viewBody_wrap .viewBody_cont {}

.boardViewC_wrap .viewBody_wrap .viewLink_wrap {padding-top:64px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list ul {font-size:0; line-height:0;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list li {padding-top:8px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list li:first-child {padding-top:0;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list span, .boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list a {display:inline-block; font-size:18px; line-height:28px; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list span {width:60px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list a {text-decoration:underline;}

.boardViewC_wrap .viewBody_wrap .viewDown_wrap {padding-top:80px;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap:after {content:''; display:table; clear:both;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap .item {float:left; padding-left:16px;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap .item:first-child {padding-left:0;}

.boardViewC_wrap .viewBody_wrap .tagList_wrap {padding-top:64px;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dl {font-size:0; line-height:0;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dt {display:inline-block; width:80px; height:50px; border:2px solid #222; font-size:18px; font-family:'HyundaiSansHeadBold'; line-height:46px; text-align:center; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dd {display:inline-block; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap a {margin-left:16px; font-size:18px; line-height:26px;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap a:hover, .boardViewC_wrap .viewBody_wrap .tagList_wrap a:focus {color:#35719E;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap {padding-top:80px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap:after {content:''; display:table; clear:both;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item {float:left; width:46.67%;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child {float:right; text-align:right;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a {display:block; min-height:98px; text-decoration:none;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap {position:relative; padding:0 0 0 80px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child .txt_wrap {padding:0 80px 0 0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dt {color:#666; font-size:16px; line-height:26px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dd {padding-top:16px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next {position:absolute; top:9px; width:40px; height:80px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico {width:40px; height:80px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico:after {width:40px; height:80px; margin:-40px 0 0 0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev {left:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico:after {background-position:-700px -240px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next {right:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico:after {background-position:-740px -240px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .sm_txt {display:none;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover *, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus * {color:#35719E;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover dd, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus dd {text-decoration:underline;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .ico_prev i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .ico_prev i.ico:after {background-position:-700px -320px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .ico_next i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .ico_next i.ico:after {background-position:-740px -320px;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap {padding-top:32px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap .btn.btn_sm {display:none;}

/* 연관 컨텐츠 */
.related_cont {padding:80px 0;}
.related_cont .h3_tit {padding-bottom:40px; text-align:center;}
.related_cont .related_wrap {position:relative;}
.related_cont .related_wrap .btn_arrow {display:none; position:absolute; top:50%; width:40px; height:80px; margin-top:-60px;}
.related_cont .related_wrap .btn_arrow.prev {left:0;}
.related_cont .related_wrap .btn_arrow.next {right:0;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico, .related_cont .related_wrap .btn_arrow .btn_next .ico {width:40px; height:80px;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico:after, .related_cont .related_wrap .btn_arrow .btn_next .ico:after {top:0; width:40px; height:80px; margin:0;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.related_cont .related_wrap .btn_arrow .btn_next .ico:after {background-position:-40px 0;}

.related_cont .related_wrap .btn_arrow .btn_prev:hover .ico:after, .related_cont .related_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -80px;}
.related_cont .related_wrap .btn_arrow .btn_next :hover.ico:after, .related_cont .related_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-40px -80px;}
.related_cont .carousel-initialized .btn_arrow {display:block;}

.related_cont .related_wrap .list_wrap {margin:0 30px; text-align:center;}
.related_cont .related_wrap .list {display:inline-block; font-size:0; line-height:0;}
.related_cont .related_wrap .item {float:left; width:373px; margin:0 20px;}
.related_cont .related_wrap .item a {text-decoration:none;}
.related_cont .related_wrap .item .img_wrap img {max-width:100%; width:100%;}
.related_cont .related_wrap .item .txt_wrap {padding-top:24px; font-size:24px; font-family:'HyundaiSansTextBold'; line-height:32px;}

/* 컨텐츠 타입 */
.contModule {}
.contModule:before,
.contModule:after {content:''; display:table; clear:both;}
.contModule .module {}
.contModule .module:before,
.contModule .module:after {content:''; display:table; clear:both;}
.contModule .module .img_wrap img {max-width:100%; width:100%;}
.contModule .align_cont:before, .contModule .align_cont:after {content:''; display:table; clear:both;}
.contModule .txt_wrap .txt {padding-top:8px;}
.contModule .txt_wrap .txt.second {padding-top:28px;}
.contModule .txt_wrap .btn_wrap {padding-top:24px;}
.contModule .txt_wrap .link_txt {font-size:18px;}
.contModule .txt_wrap .br,.contModule .desc_txt .br {display:block;float:none} /* 200420 add */ /* 201022 modify */

/* H2 */
.contModule.cont_h2 {}
.contModule.cont_h2 .module {position:relative;}
.contModule.cont_h2 .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0;}
.contModule.cont_h2 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.cont_h2 .txt_wrap .align_cont {display:table-cell; padding:80px 50px 0 50px;}
.contModule.cont_h2 .txt_wrap .align_cont * {max-width:580px;}
.contModule.cont_h2 .txt_wrap .align_cont.center * {max-width:none;}
.contModule.cont_h2 .txt_wrap .align_cont.right * {float:right; clear:both;}
.contModule.cont_h2 .txt_wrap .align_cont.wide .txt {max-width:none;} /* 220512 add */
.contModule.cont_h2 .txt_wrap .txt {}
.contModule.cont_h2 .module.dark {color:rgba(255, 255, 255, 1);}
.contModule.cont_h2 .module.ft_black{ color: #222;} /*191126 add*/
.contModule.cont_h2 .module.dark .fc_gray {color:#fff;}

/* H3_title */
.contModule.cont_h3tit {}
.contModule.cont_h3tit .module.dark .txt_wrap {color:#fff;}
.contModule.cont_h3tit .module.dark .txt_wrap .txt {opacity:0.7;}
.contModule.cont_h3tit .txt_wrap .align_cont {width:90%; max-width:1200px;/*width:890px;*/ margin:0 auto; padding:80px 0 40px;} /* 200410 modify */
.contModule.cont_h3tit .txt_wrap .align_cont .br {display:block} /* 200420 add */
/* 200731 add */
.contModule.cont_h3tit .txt_wrap .align_cont.dbl_center {padding:90px 0 80px; text-align: center;}
.contModule.cont_h3tit .txt_wrap .align_cont.width_none {max-width:none}/* 201022 add */
.contModule.cont_h3tit .txt_wrap .align_cont.wide_tit {padding:120px 0 70px;} 
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl {padding:75px 0 85px;}
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl .txt {padding-top:0 !important;}
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl .txt.tit {padding: 53px 0 30px !important; font-size: 32px; font-family: 'HyundaiSansHeadBold';}
/* //200731 add */

/* 190516 add */
.contModule.cont_h3tit .txt_wrap .align_cont.full {width:100%;}
/* //190516 add */
.contModule.cont_h3tit .txt_wrap .txt.second {padding-top:28px;}
.contModule.cont_h3tit.bg_gray .txt_wrap .btn_wrap .btn {background-color:transparent;}
.contModule.cont_h3tit.bg_gray .txt_wrap .btn_wrap .btn:hover {background-color:#35719E;}

/* H3_Engine */
.contModule.cont_engine {padding:80px 0;}
.contModule.cont_engine .module {max-width:1200px; margin:0 auto;}
.contModule.cont_engine .engine_info {padding:48px 0 32px 0;}

.contModule.cont_engine .infoList_wrap {}
.contModule.cont_engine .infoList_wrap:after {content:''; display:table; clear:both;}
.contModule.cont_engine .infoList_wrap .info_list {margin:0 -13px; overflow:hidden;}
.contModule.cont_engine .infoList_wrap .item {float:left; width:25%; padding:0 13px;}
.contModule.cont_engine .infoList_wrap .info_item {height:280px; padding:72px 0 0 0; background-color:#35719E; text-align:center;}
.contModule.cont_engine .infoList_wrap .info_item .ico {display:block; width:40px; height:40px; margin:0 auto;}
.contModule.cont_engine .infoList_wrap .info_item.emission .ico:after {background-position:-360px -140px;}
.contModule.cont_engine .infoList_wrap .info_item.displace .ico:after {background-position:-320px -140px;}
.contModule.cont_engine .infoList_wrap .info_item.power .ico:after {background-position:-240px -140px;}
.contModule.cont_engine .infoList_wrap .info_item.torque .ico:after {background-position:-280px -140px;}
.contModule.cont_engine .infoList_wrap .info_item dl {padding-top:8px; color:#fff;}
.contModule.cont_engine .infoList_wrap .info_item dt {font-size:32px; font-family:'HyundaiSansHeadBold'; line-height:42px;}
.contModule.cont_engine .infoList_wrap .info_item dd {padding-top:8px; opacity:0.6;}

.contModule.cont_engine .engine_info .btn_wrap {padding-top:32px; text-align:center;}
.contModule.cont_engine .engine_info .btn_wrap .btn {background-color:transparent;}
.contModule.cont_engine .engine_info .btn_wrap .btn:focus, .contModule.cont_engine .engine_info .btn_wrap .btn:hover {background-color:#35719E;}

.contModule.cont_engine .contModule.h4titb2 {margin-top:24px; background-color:#fff;}
.contModule.cont_engine .contModule.h4titb2 .img_wrap {width:425px; text-align:center;}
.contModule.cont_engine .contModule.h4titb2 .img_wrap img {max-width:225px;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap {right:425px; background-color:#fff;}

/* H3_Engine Old*/
.contModule.cont_h3engine {padding:80px 0;}
.contModule.cont_h3engine .module {width:1200px; margin:0 auto;}
.contModule.cont_h3engine .header {padding-bottom:40px;}
.contModule.cont_h3engine .header .align_cont.wide_tit {margin:0 -50px}/* 201022 add */
.contModule.cont_h3engine .tab_wrap .tab_cont {padding-top:40px;}
.contModule.cont_h3engine .tab_wrap .tab_cont .cont_row {margin:40px 0 0 0;}
.contModule.cont_h3engine .tab_wrap .tab_cont .cont_row:first-child {margin:0;}
.contModule.cont_h3engine .tab_wrap .tab_cont .module {width:auto;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 {padding-bottom:16px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .img_wrap {width:425px; float:left;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap {position:static; margin-left:425px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont {padding:16px 40px 0 40px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont.mid {vertical-align:top;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .h4_tit {padding-bottom:24px; font-size:32px; line-height:42px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .h_desc {font-family:'HyundaiSansTextBold';}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .txt {padding-top:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .txt .info_txt {display:block; color:#1572A2;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .img_wrap {width:auto; margin-bottom:-8px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .img_wrap img {max-width:100%; width:auto;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .etc_info {max-width:none; padding-top:56px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .etc_info * {max-width:none;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont {font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont li {display:inline-block; width:auto; text-align:center; vertical-align:top;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont li:nth-child(1):nth-last-child(2), .contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont li:nth-child(1):nth-last-child(3), .contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont li:nth-child(1):nth-last-child(3) ~ li {width:33.33333333%;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .ico {}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .ico:after {}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont dt {font-size:48px; font-family:'HyundaiSansHeadBold'; line-height:66px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont dd {padding-top:4px; color:#666; font-size:18px; line-height:28px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_power .ico:after {background-position:-240px -140px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_torque .ico:after {background-position:-280px -140px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_displace .ico:after {background-position:-320px -140px;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img {margin-bottom:-36px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont {padding:0 0 0 40px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .h4_tit {padding-bottom:16px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap {font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl {display:inline-block; padding-right:24px; font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:last-child {padding-right:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3), .contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3) ~ dl {padding-right:12px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dt {display:inline-block; color:#666; font-size:18px; line-height:28px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dd {display:inline-block; font-size:18px; font-family:'HyundaiSansTextBold'; line-height:28px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap {width:100%; margin:0; padding:24px 0 0 0; }
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap img {max-width:100%; width:100%;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap .txt {padding-top:8px; color:#1672A2;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb2 {background-color:#fff;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .img_wrap {width:425px; text-align:center;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .img_wrap img {max-width:225px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap {right:425px; background-color:#fff;}

.contModule.cont_h3engine .img_list_wrap .module {padding:24px 0 0 0;background:#fff}/* 201022 add */

/* H3_Chassis */
.contModule.cont_h3chassis {padding:80px 0; background-color:#f8f8f8;}
.contModule.cont_h3chassis .header {padding-bottom:40px;}
.contModule.cont_h3chassis .tab_cont {padding-top:64px;}
.contModule.cont_h3chassis .tab_cont .list {margin:0 -20px; font-size:0; line-height:0; overflow:hidden; text-align:center}
.contModule.cont_h3chassis .tab_cont .item {display:inline-block; width:33.33333333%; padding:0 20px 80px 20px; vertical-align:top;}
.contModule.cont_h3chassis .tab_cont .item .txt_wrap {padding-top:24px;}
.contModule.cont_h3chassis .tab_cont .contModule.h4titf1 {padding:0;}
.contModule.cont_h3chassis.bg_gray .tab_wrap .btn_wrap .btn {background-color:transparent;}
.contModule.cont_h3chassis.bg_gray .tab_wrap .btn_wrap .btn:hover {background-color:#35719E;}

/* H3_Chassis-1 */
.contModule.cont_h3chassis1 {padding:120px 0;}
.contModule.cont_h3chassis1 .header {padding-bottom:28px;}

/* H4_A1 */
.contModule.h4tita1 {}
.contModule.h4tita1 .txt_wrap {}
.contModule.h4tita1 .txt_wrap .align_cont {padding:40px 50px 80px 50px;}
.contModule.h4tita1 .txt_wrap .align_cont * {max-width:730px;}

/* H4_A2 */
.contModule.h4tita2 {}
.contModule.h4tita2 .module {position:relative;}
.contModule.h4tita2 .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0;}
.contModule.h4tita2 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4tita2 .txt_wrap .align_cont {display:table-cell; padding:50px;}

/* H4_A3 */
.contModule.h4tita3 {}
.contModule.h4tita3 .txt_wrap {}
.contModule.h4tita3 .txt_wrap .align_cont {padding:40px 50px 80px 50px;}
.contModule.h4tita3 .txt_wrap .align_cont .h4_tit {float:left; width:34.0659%; padding-right:20px;}
.contModule.h4tita3 .txt_wrap .align_cont .txt {margin-left:34.0659%; padding-top:0; color:#666;}
.contModule.h4tita3 .txt_wrap .align_cont dl {padding-top:28px;}
.contModule.h4tita3 .txt_wrap .align_cont dt {font-family:'HyundaiSansTextBold';}
.contModule.h4tita3 .txt_wrap .align_cont .txt .h5_tit {color:#222; font-size:18px; font-family:'HyundaiSansTextBold'; line-height:28px;}
.contModule.h4tita3 .txt_wrap .align_cont .txt .sub_txt {padding-top:8px;}

/* 180531 추가 */
/* H4_A4 */
.contModule.h4tita4 {}
.contModule.h4tita4 .txt_wrap {max-width:1200px;margin:0 auto;}
.contModule.h4tita4 .txt_wrap .align_cont {padding:40px 0 80px;}
.contModule.h4tita4 .txt_wrap .align_cont .h4_tit {float:left; width:34.0659%; padding-right:20px;}
.contModule.h4tita4 .txt_wrap .align_cont .txt {padding-top:0;color:#666;}
/* //180531 추가 */

/* H4_B1 */
.contModule.h4titb1 {}
.contModule.h4titb1 .module {position:relative;}
.contModule.h4titb1 .img_wrap {position:relative; width:50%;}
.contModule.h4titb1 .img_wrap .align_cont.movie {position:relative; padding:0 0 62.5% 0;}
.contModule.h4titb1 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb1 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:90px; height:90px; margin:-45px 0 0 -45px;}
.contModule.h4titb1 .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:50%;}
.contModule.h4titb1 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4titb1 .txt_wrap .align_cont {display:table-cell; padding:50px;}
.contModule.h4titb1 .txt_wrap .align_cont * {max-width:560px;}
.contModule.h4titb1 .txt_wrap .align_cont .wide {max-width:none;width:auto}/* 201022 add */
.contModule.h4titb1 .txt_wrap .align_cont .img_wrap, .contModule.h4titb1 .txt_wrap .align_cont .img_wrap * {max-width:none; width:auto;}

.contModule.h4titb1 .txt_wrap.add_img {}
.contModule.h4titb1 .txt_wrap.add_img .align_cont {padding-top:33px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap {padding-top:24px; font-size:0; line-height:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl {display:inline-block; padding-right:24px; font-size:0; line-height:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:last-child {padding-right:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3), .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3) ~ dl {padding-right:12px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dt {display:inline-block; color:#666; font-size:18px; line-height:28px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dd {display:inline-block; font-size:18px; font-family:'HyundaiSansTextBold'; line-height:28px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap {width:76.5625%; margin:0; padding:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap img {max-width:100%; width:100%;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap .txt {padding-top:8px; color:#1672A2;}
.contModule.h4titb1 .txt_wrap .img_wrap img {width:auto;}

/* H4_B2 */
.contModule.h4titb2 {}
.contModule.h4titb2 .module {position:relative;}
.contModule.h4titb2 .img_wrap {position:relative; float:right; width:50%;}
.contModule.h4titb2 .img_wrap .align_cont.movie {position:relative; padding:0 0 62.5% 0;}
.contModule.h4titb2 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb2 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px;}
.contModule.h4titb2 .img_wrap .movie_cont i.ico.video:after {}
.contModule.h4titb2 .txt_wrap {position:absolute; top:0; right:50%; bottom:0; left:0;}
.contModule.h4titb2 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4titb2 .txt_wrap .align_cont {display:table-cell; padding:50px;}
.contModule.h4titb2 .txt_wrap .align_cont * {max-width:560px;}
.contModule.h4titb2 .txt_wrap .align_cont .wide {max-width:none;width:auto}/* 201022 add */
.contModule.h4titb2 .txt_wrap .align_cont .tb_row {margin-top:8px; border:0;}
.contModule.h4titb2 .txt_wrap .align_cont .tb_row table {}
.contModule.h4titb2 .txt_wrap .align_cont .tb_row th, .contModule.h4titb2 .txt_wrap .align_cont .tb_row td {padding:3px 8px; border:0; color:#666; font-size:14px; font-family:'HyundaiSansTextRegular'; line-height:28px; font-weight:normal; text-align:left;}
.contModule.h4titb2 .txt_wrap .align_cont .tb_row tbody th,
.contModule.h4titb2 .txt_wrap .align_cont .tb_row tbody td {border-top:2px solid #979797;}

/* H4_B3 */
.contModule.h4titb3 {}
.contModule.h4titb3 .module {position:relative;}
.contModule.h4titb3 .img_wrap {width:50%;}
.contModule.h4titb3 .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:50%;}
.contModule.h4titb3 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4titb3 .txt_wrap .align_cont {display:table-cell; padding:50px;}
.contModule.h4titb3 .txt_wrap .align_cont * {max-width:560px;}
.contModule.h4titb3 .txt_wrap .thumb_wrap {max-width:none; padding-top:24px;}
.contModule.h4titb3 .txt_wrap .thumb_wrap ul {max-width:none; font-size:0; line-height:0;}
.contModule.h4titb3 .txt_wrap .thumb_wrap li {display:inline-block; width:15.3%; margin:0 1px 1px 0; overflow:hidden;}
.contModule.h4titb3 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B5 */
.contModule.h4titb5 {}
.contModule.h4titb5 .module {position:relative;}
.contModule.h4titb5 .img_wrap {position:relative; width:50%; overflow:hidden;}
.contModule.h4titb5 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb5 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb5 .img_wrap .movie_wrap {position:relative; padding:0 0 56.17977528089888% 0; overflow:hidden;}
.contModule.h4titb5 .img_wrap .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb5 .img_wrap .movie_wrap img {position:absolute; top:0; left:0; max-width:100%;}
.contModule.h4titb5 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px;}
.contModule.h4titb5 .img_wrap .movie_cont i.ico.video:after {}
.contModule.h4titb5 .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:50%;}
.contModule.h4titb5 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4titb5 .txt_wrap .align_cont {display:table-cell; padding:50px;}
.contModule.h4titb5 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb5 .txt_wrap .thumb_wrap ul {font-size:0; line-height:0;}
.contModule.h4titb5 .txt_wrap .thumb_wrap li {display:inline-block; width:15.3%; margin:0 1px 1px 0; overflow:hidden;}
.contModule.h4titb5 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B4 */
.contModule.h4titb4 {}
.contModule.h4titb4 .module {position:relative;}
.contModule.h4titb4 .img_wrap {float:right; width:50%;}
.contModule.h4titb4 .txt_wrap {position:absolute; top:0; right:50%; bottom:0; left:0;}
.contModule.h4titb4 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4titb4 .txt_wrap .align_cont {display:table-cell; padding:50px;}
.contModule.h4titb4 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb4 .txt_wrap .thumb_wrap ul {font-size:0; line-height:0;}
.contModule.h4titb4 .txt_wrap .thumb_wrap li {float:right; clear:none; display:inline-block; width:15.3%; margin:0 1px 1px 0; overflow:hidden;}
.contModule.h4titb4 .txt_wrap .thumb_wrap a {float:none; clear:none;}
.contModule.h4titb4 .txt_wrap .thumb_wrap img {float:none; clear:none; max-width:100%; width:100%;}

/* H4_B6 */
.contModule.h4titb6 {}
.contModule.h4titb6 .module {position:relative;}
.contModule.h4titb6 .img_wrap {position:relative; float:right; width:50%;}
.contModule.h4titb6 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb6 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb6 .img_wrap .movie_wrap {position:relative; padding:0 0 56.17977528089888% 0; overflow:hidden;}
.contModule.h4titb6 .img_wrap .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb6 .img_wrap .movie_wrap img {position:absolute; top:0; left:0; max-width:100%;}
.contModule.h4titb6 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px;}
.contModule.h4titb6 .img_wrap .movie_cont a {display:block;}
.contModule.h4titb6 .txt_wrap {position:absolute; top:0; right:50%; bottom:0; left:0;}
.contModule.h4titb6 .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.h4titb6 .txt_wrap .align_cont {display:table-cell; padding:50px;}
.contModule.h4titb6 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb6 .txt_wrap .thumb_wrap ul {font-size:0; line-height:0;}
.contModule.h4titb6 .txt_wrap .thumb_wrap li {float:right; clear:none; display:inline-block; width:15.3%; margin:0 1px 1px 0; overflow:hidden;}
.contModule.h4titb6 .txt_wrap .thumb_wrap a {float:none; clear:none;}
.contModule.h4titb6 .txt_wrap .thumb_wrap img {float:none; clear:none; max-width:100%; width:100%;}

/* H4_C1 */
.contModule.h4titc1 {}
.contModule.h4titc1 ul.swipe_cont {font-size:0; line-height:0;}
.contModule.h4titc1 li.item {display:inline-block; width:33.33333333%; vertical-align:top;}
.contModule.h4titc1 .txt_wrap {padding:24px 50px 80px 50px;}
.contModule.h4titc1 .txt_wrap .txt {font-size:18px; line-height:28px;}
.contModule.h4titc1 .txt_wrap .txt.second {font-size:0; line-height:0;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info {display:inline-block; padding:0 12px;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info:first-child {padding-left:0;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dt,
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dd {display:inline-block; font-size:18px; line-height:28px;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dd {padding-left:3px; font-family:'HyundaiSansTextBold';}
.contModule.h4titc1 .swipe_wrap.cols2 li.item {width:50%;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item:first-child {padding-right:20px;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item:last-child {padding-left:20px;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item .txt_wrap {padding:40px 0 80px 0;}

/* 180531 추가 */
/* H4_C2 */
.contModule.h4titc2 {}
.contModule.h4titc2 .list {font-size:0; line-height:0;}
.contModule.h4titc2 li.item {display:inline-block;width:50%; vertical-align:top;}
.contModule.h4titc2 .txt_wrap {max-width:1200px;margin:0 auto;padding:24px 0 80px;color:#666;}
.contModule.h4titc2 .txt_wrap .txt {font-size:18px; line-height:28px;}
/* //180531 추가 */

/* H4_D1 */
.contModule.h4titd1 {}
.contModule.h4titd1 ul.swipe_cont {font-size:0; line-height:0;}
.contModule.h4titd1 li.item {display:inline-block; width:25%; vertical-align:top;}
.contModule.h4titd1 .txt_wrap {padding:24px 50px 80px 50px;}
.contModule.h4titd1 .txt_wrap .txt {font-size:18px; line-height:28px;}

/* 201022 add */
/* H4_D2 */
.contModule.h4titd2 {position:relative}
.contModule.h4titd2 ul.swipe_cont {font-size:0;line-height:0}
.contModule.h4titd2 li.item {display:inline-block;width:25%;vertical-align:top}
.contModule.h4titd2 .txt_wrap {padding:24px 50px 80px 50px}
.contModule.h4titd2 .txt_wrap .txt {font-size:18px;line-height:28px}
.contModule.h4titd2 .btn_arrow {display:block;position:absolute;top:50%;width:40px;height:80px;margin-top:-128px}
.contModule.h4titd2 .btn_arrow:after {display:none}
.contModule.h4titd2 .btn_arrow.prev {left:0}
.contModule.h4titd2 .btn_arrow.next {right:0}
.contModule.h4titd2 .btn_arrow .btn_prev .ico, .contModule.h4titd2 .btn_arrow .btn_next .ico {width:40px;height:80px}
.contModule.h4titd2 .btn_arrow .btn_prev .ico:after, .contModule.h4titd2 .btn_arrow .btn_next .ico:after {top:0;width:40px;height:80px;margin:0}
.contModule.h4titd2 .btn_arrow .btn_prev .ico:after {background-position:0 0}
.contModule.h4titd2 .btn_arrow .btn_next .ico:after {background-position:-40px 0}
.contModule.h4titd2 .btn_arrow .btn_prev:hover .ico:after, .contModule.h4titd2 .btn_arrow .btn_prev:focus .ico:after {background-position:0 -80px}
.contModule.h4titd2 .btn_arrow .btn_next :hover.ico:after, .contModule.h4titd2 .btn_arrow .btn_next:focus .ico:after {background-position:-40px -80px}
/* //201022 add */

/* H4_E1 */
.contModule.h4tite1 {}
.contModule.h4tite1 .swipe_wrap {position:relative; overflow:hidden;}
.contModule.h4tite1 .swipe_cont {overflow:hidden;}
.contModule.h4tite1 .swipe_cont .item {float:left; max-width:1200px;}
.contModule.h4tite1 .module {max-width:1200px; margin:0 auto;}
.contModule.h4tite1 .img_wrap {}
.contModule.h4tite1 .txt_wrap {padding:24px 0 80px 50px; font-size:24px;}

.contModule.h4tite1 .btn_arrow {display:none; position:absolute; top:50%; width:40px; height:80px; margin-top:-40px;}
.contModule.h4tite1 .btn_arrow.prev {left:0;}
.contModule.h4tite1 .btn_arrow.next {right:0;}
.contModule.h4tite1 .btn_arrow .ico {width:40px; height:80px;}
.contModule.h4tite1 .btn_arrow .ico:after {width:40px; height:80px; margin-top:-40px; background-position:0 0;}
.contModule.h4tite1 .btn_arrow.prev .ico:after {background-position:0 0;}
.contModule.h4tite1 .btn_arrow.next .ico:after {background-position:-40px 0;}

.contModule.h4tite1 .btn_arrow.prev:hover .ico:after, .contModule.h4tite1 .btn_arrow.prev:focus .ico:after {background-position:0 -80px;}
.contModule.h4tite1 .btn_arrow.next:hover .ico:after, .contModule.h4tite1 .btn_arrow.next:focus .ico:after {background-position:-40px -80px;}
.contModule.h4tite1.carousel-initialized .btn_arrow {display:block;}

/* H4_F1 */
.contModule.h4titf1 {padding:120px 0;}
/* 180320 추가 */
.contModule.h4titf1.wid {padding:80px 0;}
.contModule.h4titf1.wid .txt_wrap {padding:0 0 40px;}
.contModule.h4titf1.wid .txt_wrap .txt {padding-top:25px;}
.contModule.h4titf1.wid .txt_wrap.tit_none .txt {padding:0;}
.contModule.h4titf1.wid .contModule_list .list:after {content:''; display:table; clear:both;}
.contModule.h4titf1.wid .contModule_list .item {float:left; width:50%;}
.contModule.h4titf1.wid .contModule_list img {max-width:100%;}
.contModule.h4titf1.wid .view_list .img_wrap {float:left; width:33.33333333%; padding:0 15px;}
.contModule.h4titf1.wid .view_list .img_wrap img {max-width:100%;}
/* //180320 추가 */
.contModule.h4titf1 .module {max-width:1200px; margin:0 auto;}
.contModule.h4titf1 .img_wrap {position:relative;}
.contModule.h4titf1 .img_wrap img {max-width:100%;}
.contModule.h4titf1 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.25% 0;}
.contModule.h4titf1 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titf1 .img_wrap .align_cont.movie img {display:none;}
.contModule.h4titf1 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px;}
.contModule.h4titf1 .img_wrap .movie_cont a {display:block;}
.contModule.h4titf1 .txt_wrap {padding-top:40px;}
.contModule.h4titf1 .txt_wrap .txt {padding-top:10px;}

/* 201022 add */
/* engine 모듈 */
.engine_wrap {}
.engine_wrap .module {min-height:463px;height:463px;padding:24px 0 0 50px;background:#fff}
.engine_wrap .module .img_wrap {width:100%;padding-top:26px}
.engine_wrap .module .img_wrap.desc {width:100%;padding-top:106px}
.engine_wrap .module .align_cont .desc_txt {position:absolute;top:32px;left:0;z-index:2}
.engine_wrap .module .align_cont .txt {margin:16px 0 20px}
.engine_wrap .module .align_cont .txt dl {display:table}
.engine_wrap .module .align_cont .txt dt {display:table-cell}
.engine_wrap .module .align_cont .txt dd {display:table-cell}
.engine_wrap .module .align_cont .pic {position:absolute;top:0;right:0;z-index:1}
/* //201022 add */

/* 360VR */
.contModule.vr360 {padding:80px 0;}
.contModule.vr360 .header {padding:0 0 40px 0;}
.contModule.vr360 .img_wrap {position:relative; padding:72px 0 72px 0; text-align:center;} /* 180409 수정 */
.contModule.vr360 .img_wrap img {max-width:1024px; margin:0 auto;}
.contModule.vr360 .img_wrap .btn_play {position:absolute; top:50%; left:50%; width:140px; height:140px; margin:-70px 0 0 -70px;}
.contModule.vr360 .img_wrap .btn_play button {width:140px; height:140px;}
.contModule.vr360 .img_wrap .btn_play .ico, .contModule.vr360 .img_wrap .btn_play .ico:after {width:140px; height:140px;}
.contModule.vr360 .img_wrap .btn_play .ico:after {margin-top:-70px; background-position:-140px -240px;}
.contModule.vr360 .img_wrap .btn_arrow {display:none; position:absolute; top:50%; width:160px; height:100px; margin-top:-50px;}
.contModule.vr360 .img_wrap .btn_arrow .ico {width:160px; height:100px;}
.contModule.vr360 .img_wrap .btn_arrow .ico:after {width:160px; height:100px; margin-top:-50px; background-position:0 -250px}
.contModule.vr360 .img_wrap .btn_arrow.prev {left:80px;}
.contModule.vr360 .img_wrap .btn_arrow.next {right:80px;}
.contModule.vr360 .img_wrap .btn_arrow .btn_prev, .contModule.vr360 .img_wrap .btn_arrow .btn_next {width:160px; height:100px;}
.contModule.vr360 .img_wrap .btn_arrow .btn_next .ico:after {background-position:-140px -240px;}

.contModule.vr360 .color_wrap {padding:0; text-align:center;}
.contModule.vr360 .color_wrap .colorchip_wrap {position:relative; max-width:704px; height:40px; margin:0 auto;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow {position:absolute; top:0; width:40px; height:40px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow button, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico:after {width:40px; height:40px; vertical-align:top;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico:after {margin-top:-20px; background-position:-620px -240px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev {left:0;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev .ico:after {background-position:-620px -240px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next {right:0;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next .ico:after {background-position:-660px -240px;}

.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev button:hover .ico:after, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev button:focus .ico:after {background-position:-620px -280px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next button:hover .ico:after, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next button:focus .ico:after {background-position:-660px -280px;}

.contModule.vr360 .color_wrap .colorchip_wrap .colorchip_list {height:38px; margin:0 37px; padding-top:4px; overflow:hidden;}
.contModule.vr360 .color_wrap .list {font-size:0; line-height:0;}
.contModule.vr360 .color_wrap .list .item {display:inline-block; margin:0 2px 0 3px; padding:3px; border:2px solid transparent;}
.contModule.vr360 .color_wrap .list .item button {font-size:0; line-height:24px;}
.contModule.vr360 .color_wrap .list .item img {width:88px;}
.contModule.vr360 .color_wrap .list .item.on {border-color:#35719E;}
.contModule.vr360 .color_wrap .color_name {margin-top:35px; font-size:24px; font-family:'HyundaiSansHeadBold'; line-height:30px;}

.contModule.vr360 .ui_carvr_loading {font-family:'HyundaiSansHeadBold';}

/* interior VR */
.contModule.interior {padding:80px 0;}
.contModule.interior .img_wrap {position:relative; padding:39.95% 0 0 0; height:100%;} /* 180409 수정 */
.contModule.interior .img_wrap .align_cont {position:absolute; top:0; right:0; bottom:0; left:0;}
.contModule.interior .img_wrap .btn_play {position:absolute; top:50%; left:50%; width:140px; height:140px; margin:-70px 0 0 -70px;}
.contModule.interior .img_wrap .btn_play button {width:140px; height:140px;}
.contModule.interior .img_wrap .btn_play .ico, .contModule.interior .img_wrap .btn_play .ico:after {width:140px; height:140px;}
.contModule.interior .img_wrap .btn_play .ico:after {margin-top:-70px; background-position:0 -350px;}
.contModule.interior .pnlm-load-button {position:absolute; top:50%; left:50%; width:140px; height:140px; margin:-70px 0 0 -70px; background:url('../images/common/icon_all.svg') no-repeat -140px -240px;}

.contModule.interior .color_wrap {padding:40px 0 0 0; text-align:center;}
.contModule.interior .color_wrap .list {font-size:0; line-height:0;}
.contModule.interior .color_wrap .list .item {display:inline-block; margin:0 2px 0 3px; padding:3px; border:2px solid transparent;}
.contModule.interior .color_wrap .list .item button {font-size:0; line-height:24px;}
.contModule.interior .color_wrap .list .item img {width:88px;}
.contModule.interior .color_wrap .list .item.on {border-color:#35719E;}
.contModule.interior .color_wrap .color_name {margin-top:35px; font-size:24px; font-family:'HyundaiSansHeadBold'; line-height:30px;}
.contModule.interior .pnlm-load-box {font-family:'HyundaiSansHeadBold';}

/* VR Content with Tab */
.contModule.vrcontTab {padding:80px 0;}
.contModule.vrcontTab .header {padding:0 0 40px 0;}
.contModule.vrcontTab .tab_wrap {}
.contModule.vrcontTab .tab_wrap .tab_depth1 {width:1200px; margin:0 auto;}
.contModule.vrcontTab .tab_wrap .tab_cont {padding-top:40px;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.vr360 {padding:0;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.interior {padding:0;}

.contModule.vrcontTab .color_wrap {padding:40px 0 0 0; text-align:center;}
.contModule.vrcontTab .color_wrap .list {font-size:0; line-height:0;}
.contModule.vrcontTab .color_wrap .list .item {display:inline-block; margin:0 5px;}
.contModule.vrcontTab .color_wrap .list .item button {font-size:0; line-height:24px;}
.contModule.vrcontTab .color_wrap .color_name {margin-top:40px; font-size:24px; font-family:'HyundaiSansHeadBold'; line-height:30px;}

/* 200410 add */
.contModule.vrcontTab.vrImgTab, .contModule.vrcontTab.vrImgTab .tab_wrap .tab_cont{padding-top:0;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.view_img .img_wrap .view_chip_img{display:none;} 
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.view_img .img_wrap .view_chip_img.on{display:block;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.view_colorchip .view_chip_list .item {display:none;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.view_colorchip .view_chip_list .item.on {display:block;}
/* //200410 add */

/* Vocation */
.contModule.vocation {padding:80px 0 70px 0; background:url('../images/product/bg_vocation.png') no-repeat center bottom; background-size:cover;}
.contModule.vocation .header {max-width:890px; margin:0 auto; padding-bottom:32px;}
.contModule.vocation .header .txt {color:#666;}
.contModule.vocation .swipe_wrap {position:relative; padding:0 20px; text-align:center;}
.contModule.vocation .swipe_wrap .swipe_cont {margin:0 auto;}
.contModule.vocation .swipe_wrap .swipe_cont:after {content:''; display:table; clear:both;}
.contModule.vocation .swipe_cont .item {display:inline-block; width:320px; margin:0 20px; vertical-align:top;}
.contModule.vocation .swipe_cont .item a {display:block; text-decoration:none;}
.contModule.vocation .swipe_cont .item .module {text-align:center;}
.contModule.vocation .swipe_cont .item .txt_wrap {padding-top:16px;}
.contModule.vocation .swipe_cont .item .img_wrap {width:auto;}

.contModule.vocation .btn_arrow {display:none; position:absolute; top:50%; margin-top:-40px;}
.contModule.vocation .btn_arrow button {width:40px; height:80px;}
.contModule.vocation .btn_arrow .ico,
.contModule.vocation .btn_arrow .ico:after {width:40px; height:80px;}
.contModule.vocation .btn_arrow .ico:after {margin-top:-40px;}
.contModule.vocation .btn_arrow.prev {left:0;}
.contModule.vocation .btn_arrow.next {right:0;}
.contModule.vocation .btn_arrow.prev .ico:after {background-position:0 0;}
.contModule.vocation .btn_arrow.next .ico:after {background-position:-40px 0;}

.contModule.vocation .btn_arrow.prev:hover .ico:after,
.contModule.vocation .btn_arrow.prev:focus .ico:after {background-position:0 -80px;}
.contModule.vocation .btn_arrow.next :hover .ico:after,
.contModule.vocation .btn_arrow.next :focus .ico:after {background-position:-40px -80px;}
.contModule.vocation .carousel-initialized .btn_arrow {display:block;}

/* 서비스 메시지 */
.contModule.sc_message {}
.contModule.sc_message .module {position:relative; min-height:614px; background:url('../images/product/bg_sevice-massage.jpg') no-repeat top center; background-size:cover;}
.contModule.sc_message .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0;}
.contModule.sc_message .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.sc_message .txt_wrap .align_cont {display:table-cell;;}
.contModule.sc_message .txt_wrap .btn_wrap {padding-top:40px;}

.contModule.sc_message .module.dark .txt_wrap {color:rgba(255, 255, 255, 1);}
.contModule.sc_message .module.dark .txt_wrap .txt {opacity:0.7;}
.contModule.sc_message .module.dark .list_wrap {display:inline-block; width:1200px; margin:0 auto;}
.contModule.sc_message .module.dark .list {display:inline-block; padding-top:40px; font-size:0; line-height:0;}
.contModule.sc_message .module.dark .item {display:inline-block; padding:0 80px; vertical-align:top;}
.contModule.sc_message .module.dark .item:first-child {padding-left:0;}
.contModule.sc_message .module.dark .item:last-child {padding-right:0;}
.contModule.sc_message .module.dark .item .img_wrap {width:180px;}
.contModule.sc_message .module.dark .item .txt_wrap {position:static; width:180px; padding-top:16px;}
.contModule.sc_message .module.dark .item .txt_wrap .h4_tit {font-size:18px; font-family:'HyundaiSansTextRegular'; line-height:24px;}
.contModule.sc_message .module.dark .btn {border-color:#fff; background-color:transparent;}
.contModule.sc_message .module.dark .btn:hover, .contModule.sc_message .module.dark .btn:focus {border-color:#44709A; background-color:#44709A; color:#fff;}

/* Line Up New */
.contModule.lineup2 {background-color:#fff;}
.contModule.lineup2 {overflow:hidden;}
.contModule.lineup2 .module {padding:80px 0 0 0;}
.contModule.lineup2 .module .header {padding-bottom:40px;}
.contModule.lineup2 .tab_wrap {width:1200px; margin:0 auto;}
.contModule.lineup2 .tab_wrap .tab_cont {padding:36px 0 0 0;}
.contModule.lineup2 .lineup_cont {max-width:890px; margin:0 auto;}
.contModule.lineup2 .lineup_cont:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .thumbWrap {float:left; width:157px; padding:4px 40px 0 0; border-right:2px solid #E8E8E8;}
.contModule.lineup2 .lineup_cont .thumbWrap .list {width:115px;}
.contModule.lineup2 .lineup_cont .thumbWrap .item {padding-top:16px;}
.contModule.lineup2 .lineup_cont .thumbWrap .item:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .thumbWrap .txt_wrap {font-size:24px; line-height:32px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap {margin-left:195px; padding-bottom:80px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list {padding-top:80px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .header {padding:0 0 24px 0; font-size:32px; font-family:'HyundaiSansTextBold'; line-height:40px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .item {width:100%; padding-top:40px; font-size:0; line-height:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .item:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap {display:inline-block; width:316px; vertical-align:top;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap img {max-width:100%;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info {position:relative; margin:0 30px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:before, .contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:after {content:''; position:absolute; top:5px; height:10px; width:2px; background-color:#222;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:after {right:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p:before {content:''; position:absolute; top:50%; right:0; left:0;height:2px; margin-top:-2px; background-color:#222; }
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p {display:block; position:relative; width:100%; margin:-5px 0 0 0; padding-top:0; font-size:24px; line-height:34px; text-align:center;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p span {display:inline-block; position:relative; padding:0 31px; background-color:#fff;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap {display:inline-block; width:355px; margin-left:24px; padding-top:29px; vertical-align:middle;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dl {font-size:24px; line-height:32px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dt {font-family:'HyundaiSansTextBold'; text-align:left;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dd {padding-top:16px; color:#666; text-align:left;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list .info_txt {padding-top:40px; color:#35719E;}
/* 캡이 없을 경우 */
.contModule.lineup2 .lineup_cont .lineuplist_wrap.no_cap {width:695px; margin:0 auto;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap.no_cap .txt_wrap {padding-top:12px;}

/* Line Up Old */
.contModule.lineup {background-color:#fff; overflow:hidden;}
.contModule.lineup .module {padding:80px 0 0 0;}
.contModule.lineup .module .header {padding-bottom:40px;}
.contModule.lineup .tab_wrap {width:1200px; margin:0 auto;}
.contModule.lineup .tab_wrap .tab_cont {padding:36px 0 0 0;}
.contModule.lineup .lineup_cont {}
.contModule.lineup .lineup_cont .thumbWrap {margin:0 -20px; padding-bottom:80px; overflow:hidden;}
.contModule.lineup .lineup_cont .thumbWrap .list {font-size:0; line-height:0; text-align:center;}
.contModule.lineup .lineup_cont .thumbWrap .item {display:inline-block; width:208px; margin:0 20px; padding:0 0 40px 0; vertical-align:top;}
.contModule.lineup .lineup_cont .thumbWrap .img_wrap img {max-width:100%; width:auto;}
.contModule.lineup .lineup_cont .thumbWrap .txt_wrap {padding-top:8px; font-size:24px; font-family:'HyundaiSansTextBold'; line-height:32px;}
.contModule.lineup .lineup_cont .lineup_list {padding-bottom:80px; overflow:hidden;}
.contModule.lineup .lineup_cont .lineup_list .header {padding-bottom:40px; font-size:32px; font-family:'HyundaiSansTextBold'; line-height:32px; text-align:center;}
.contModule.lineup .lineup_cont .lineup_list .list {margin:0 -20px; font-size:0; line-height:0; text-align:center;}
.contModule.lineup .lineup_cont .lineup_list .item {display:inline-block; width:580px; margin:0 20px; padding:0 0 40px 0; vertical-align:top;}
.contModule.lineup .lineup_cont .lineup_list .img_wrap img {max-width:100%; width:auto;}
.contModule.lineup .lineup_cont .lineup_list .txt_wrap {padding-top:24px; font-size:24px; font-family:'HyundaiSansTextBold'; line-height:32px;}

/* Landing List */
.landing_list {overflow:hidden;}
.landing_list .header {padding:120px 0 80px 0; color:#35719E; text-align:center;}
.landing_list .header .h_desc {padding-top:16px; color:#222;}
.landing_list .list_wrap .item {padding-top:1px;}
.landing_list .list_wrap .item:first-child {padding-top:0;}
.landing_list .item .module {position:relative;}
.landing_list .item .img_wrap {position:relative;}
.landing_list .item .img_wrap img {max-width:100%; width:100%;}
.landing_list .item .movie_cont {position:absolute; top:0; right:0; bottom:0; left:0;}
.landing_list .item .movie_cont i.ico.video {width:100%; height:100%;}
.landing_list .item .movie_cont i.ico.video:after {left:50%; margin-left:-45px;}
.landing_list .item .img_wrap .overlay {position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.2); opacity:0; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.landing_list .item .img_wrap .overlay .more {display:table; width:100%; height:100%;}
.landing_list .item .img_wrap .overlay .more span {display:table-cell; color:#fff; font-size:18px; line-height:28px; text-align:center; vertical-align:middle;}
.landing_list .item .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0;}
.landing_list .item .txt_wrap .inner {display:table; width:100%; height:100%;}
.landing_list .item .txt_wrap .align_cont {display:table-cell; padding:120px 0 0 205px;}
.landing_list .item .txt_wrap .align_cont dl {max-width:735px;}
.landing_list .item .txt_wrap .align_cont dt {padding-top:0; font-size:64px; font-family:'HyundaiSansHeadBold'; line-height:74px;}
.landing_list .item .txt_wrap .align_cont dd {padding-top:16px;}
.landing_list .item .txt_wrap .align_cont .btn_wrap {padding-top:40px;}

/* 버튼 모션 */
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn {position:relative; min-width:310px; background-color:transparent; -ms-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; -o-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; -moz-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; -webkit-transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s; transition:color 0.5s ease 0.3s, border 0.5s ease 0.3s;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn span {position:relative; z-index:1;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:hover {color:#fff; border-color:rgba(53, 115, 158, 1); background-color:transparent; text-decoration:none; -ms-transition:color 0.1s ease, border 0.1s ease; -o-transition:color 0.1s ease, border 0.1s ease; -moz-transition:color 0.1s ease, border 0.1s ease; -webkit-transition:color 0.1s ease, border 0.1s ease; transition:color 0.1s ease, border 0.1s ease;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:before, .landing_list .item .txt_wrap .align_cont .btn_wrap .btn:after {content:''; position:absolute; top:0; right:0; width:0; height:100%;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:before {background-color:rgba(34, 34, 34, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1); transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1);}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:after {background-color:rgba(53, 113, 158, 1); -ms-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -o-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -moz-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; -webkit-transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s; transition:all 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0.2s;}

.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:hover:before, .landing_list .item .txt_wrap .align_cont .btn_wrap .btn:focus:before {left:0; right:auto; width:100%;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:hover:after, .landing_list .item .txt_wrap .align_cont .btn_wrap .btn:focus:after {left:0; right:auto; width:100%;}

.landing_list .item .module.dark .txt_wrap {color:#fff;}
.landing_list .item .module.dark .txt_wrap dd {color:#fff;}

.landing_list .item .module.dark .txt_wrap .btn_wrap .btn {border-color:#fff; color:#fff;}
.landing_list .item .module.dark .txt_wrap .btn_wrap .btn:hover, .landing_list .item .module.dark .txt_wrap .btn_wrap .btn:focus {color:#fff; border-color:rgba(53, 113, 158, 1); background-color:transparent; text-decoration:none;}

.landing_list.col2 .list {margin-top:-1px; font-size:0; line-height:0;}
.landing_list.col2 .item {display:inline-block; width:50%; padding:1px 1px 0 0; vertical-align:top;}
.landing_list.col2 .item:first-child {padding-top:1px;}
.landing_list.col2 .list_wrap .item a {display:block;}
.landing_list.col2 .item .txt_wrap .align_cont {padding:80px 50px}
.landing_list.col2 .item .txt_wrap .align_cont .title {font-size:42px; font-family:'HyundaiSansHeadBold'; line-height:46px;}

/* 갤러리 모듈 */
.gallery_view {position:fixed; top:0; right:0; bottom:0; left:0; background-color:#fff; z-index:900;}
.gallery_view .header {position:fixed; top:0; width:100%; min-width:320px; height:80px; background-color:#35719E; z-index:10;}
.gallery_view .header .inner {padding:0 50px;}
.gallery_view .header .title {position:absolute; top:18px; left:50px; max-width:50%;}
.gallery_view .header .h1_tit {color:#fff; font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:44px;}
.gallery_view .header .btns_posi {position:absolute; top:0; right:48px; font-size:0; line-height:0;}
.gallery_view .header .btn_gate, .gallery_view .header .btn_share, .gallery_view .header .btn_close {float:left; width:80px; height:80px; margin:0 2px;}
.gallery_view .header .btn_gate {margin-left:24px;}
.gallery_view .header .btn_gate a, .gallery_view .header .btn_share a, .gallery_view .header .btn_close a {display:block; height:80px; background:url('../images/product/ico_showroom.svg') no-repeat; opacity:0.7;}
.gallery_view .header .btn_gate a {background-position:0 -120px;}
.gallery_view .header .btn_share a {background-position:-600px -80px;}
.gallery_view .header .btn_close a {background-position:-80px -120px;}
.gallery_view .header .btn_gate a:hover, .gallery_view .header .btn_gate a:focus, .gallery_view .header .btn_share a:hover, .gallery_view .header .btn_share a:focus, .gallery_view .header .btn_close a:hover, .gallery_view .header .btn_close a:focus {opacity:1;}
.gallery_view .header .btn_thumb {float:left;}
.gallery_view .header .btn_thumb button {position:relative; padding-right:26px; height:80px; color:#fff; font-family:'HyundaiSansTextBold'; line-height:28px;}
.gallery_view .header .btn_thumb button:after {content:''; position:absolute; top:50%; right:0; width:18px; height:18px; margin:-9px 0 0 0; background:url('../images/product/ico_showroom.svg') no-repeat -160px -120px;}
.gallery_view .header .btn_thumb.on button:after {background-position:-160px -138px;}

.gallery_view .galleryBody {width:100%; height:100%; padding-top:80px;}
/* 갤러리 게이트 */
.gallery_view .galleryBody .gallery_gate {width:100%; height:100%;}
.gallery_view .galleryBody .gallery_gate .menu {position:relative; float:left; height:100%; width:100%; padding:0;}
.gallery_view .galleryBody .gallery_gate .menu a {position:relative; display:table; width:100%; height:100%; color:#fff; text-decoration:none; overflow:hidden;}
.gallery_view .galleryBody .gallery_gate .menu a:before {content:''; display:block; position:absolute; width:100%; height:100%; background-color:#35719E; opacity:0; -ms-transition:opacity 400ms; -o-transition:opacity 400ms; -moz-transition:opacity 400ms; -webkit-transition:opacity 400ms; transition:opacity 400ms;}
.gallery_view .galleryBody .gallery_gate .menu .txt_wrap {position:relative; display:table-cell; vertical-align:middle; text-align:center; -ms-transition:transform 0.3s ease; -o-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease;}
.gallery_view .galleryBody .gallery_gate .menu .txt_wrap .inner {}

.gallery_view .galleryBody .gallery_gate .menu a:hover:before {opacity:0.6;}
.gallery_view .galleryBody .gallery_gate .menu a:hover .txt_wrap {-ms-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2), .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2) ~ .menu {width:50%;}
.gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3), .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3) ~ .menu {width:33.33333333%;}
/* portrait 일 때 */
.portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2), .portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2) ~ .menu {width:100%; height:50%;}
.portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3), .portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3) ~ .menu {width:100%; height:33.33333333%;}
.gallery_view .galleryBody .gallery_gate .menu .img_wrap {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.gallery_view .galleryBody .gallery_gate .menu .img_wrap:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}

/* 갤러리 슬라이드 */
.galleryCont {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .gallerySlide {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .item {float:left; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap {position:absolute; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; height:334px; opacity: 0.4; background: rgba(0, 0, 0, 1); background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie {position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px; background:url('../images/common/icon_all.svg') no-repeat -357px -600px; z-index:10;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:hover, .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:focus {background-position:-437px -600px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .inner {display:table; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .align_cont {display:table-cell; padding:80px 50px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .txt {padding-top:16px; opacity:0.7;}

.galleryCont .gallerySlide_wrap .btn_arrow {position:absolute; top:50%; width:40px; height:80px; margin-top:-40px;}
.galleryCont .gallerySlide_wrap .btn_arrow.prev {left:0;}
.galleryCont .gallerySlide_wrap .btn_arrow.next {right:0;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico,
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico {width:40px; height:80px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico:after {top:0; width:40px; height:80px; margin:0; background:url('../images/common/icon_all.svg') no-repeat;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico:after {background-position:-40px 0;}

.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev:hover .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -80px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next:hover .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-40px -80px;}

/* 화이트 버전 */
.galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie {background-position:-517px -600px;}
.galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie:hover, .galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie:focus {background-position:-437px -600px;}
.galleryCont .gallerySlide_wrap .slide_list .module.dark .txt_wrap {color:#fff}

/* 썸네일 리스트 */
.galleryCont .thumbCont {position:absolute; top:-140px; left:0; width:100%; height:220px; background-color:#35719E; opacity:0; -ms-transition:top 0.5s ease, opacity 0.5s ease; -o-transition:top 0.5s ease, opacity 0.5s ease; -moz-transition:top 0.5s ease, opacity 0.5s ease; -webkit-transition:top 0.5s ease, opacity 0.5s ease; transition:top 0.5s ease, opacity 0.5s ease;}
.galleryCont .thumbCont .thumbSlide_wrap {padding:40px 30px 0 30px;}
.galleryCont .thumbCont .thumbSlide {position:relative;}
.galleryCont .thumbCont .slide_list {}
.galleryCont .thumbCont .slide_list:after {content:''; display:table; clear:both;}
.galleryCont .thumbCont .slide_list .item {float:left; width:270px; margin:0 20px;}
.galleryCont .thumbCont .slide_list .item .img_wrap {position:relative;}
.galleryCont .thumbCont .slide_list .item .img_wrap img {max-width:100%;}
.galleryCont .thumbCont .slide_list .item .img_wrap .btn_movie {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url('../images/common/icon_all.svg') no-repeat -357px -680px;}

.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow {position:absolute; top:50%; width:50px; height:50px; margin-top:-25px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow.prev {left:0;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow.next {right:0;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico, .galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico {width:50px; height:50px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico:after, .galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico:after {top:0; width:50px; height:50px; margin:0; background:url('../images/product/ico_showroom.svg') no-repeat;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico:after {background-position:0 -340px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico:after {background-position:-50px -340px;}

.galleryCont .thumbCont.open {top:80px; z-index:1; opacity:1; -ms-transition:top 0.5s ease, opacity 0.5s ease; -o-transition:top 0.5s ease, opacity 0.5s ease; -moz-transition:top 0.5s ease, opacity 0.5s ease; -webkit-transition:top 0.5s ease, opacity 0.5s ease; transition:top 0.5s ease, opacity 0.5s ease;}

/* 갤러리 열였을 때 */
.gallery_open {overflow:hidden; overflow-y:scroll}

/* 동영상 레이어 팝업 */
.layer_movie {}
.layer_movie .movie_wrap {position:relative; padding:0 0 56.25% 0;}
.layer_movie .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.layer_movie .movie_wrap .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; z-index:10;}
.layer_movie .movie_wrap .btn_close button {width:80px; height:80px; background:url('../images/main/img_main.svg') no-repeat -330px 0;}

/* 190620 */
/* SNS공유하기 레이어 팝업 */
.layer_wrap.snsShare_wrap {position:relative; width:600px; background-color:#fff; box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.50);}
.layer_wrap.snsShare_wrap .layer_cont {padding:64px 0;}
.layer_wrap.snsShare_wrap .title {color:#222; font-family:HyundaiSansHeadBold; font-size:24px; line-height:30px; text-align:center;}
.layer_wrap.snsShare_wrap .list_wrap {padding-top:40px; text-align:center;}
.layer_wrap.snsShare_wrap .list_wrap .item {display:inline-block; width:60px; height:60px; margin:0 16px;}
.layer_wrap.snsShare_wrap .list_wrap .item a {display:block; height:60px; background:url('../images/common/icon_all.svg') no-repeat 0 0;}
.layer_wrap.snsShare_wrap .list_wrap .item .facebook {background-position:-240px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .facebook:hover, .layer_wrap.snsShare_wrap .list_wrap .item .facebook:focus {background-position:-240px -420px;}
.layer_wrap.snsShare_wrap .list_wrap .item .twitter {background-position:-300px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .twitter:hover, .layer_wrap.snsShare_wrap .list_wrap .item .twitter:focus {background-position:-300px -420px;}
.layer_wrap.snsShare_wrap .list_wrap .item .google_plus {background-position:-360px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .google_plus:hover, .layer_wrap.snsShare_wrap .list_wrap .item .google_plus:focus {background-position:-360px -420px;}
.layer_wrap.snsShare_wrap .list_wrap .item .linkedin {background-position:-360px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .linkedin:hover, .layer_wrap.snsShare_wrap .list_wrap .item .linkedin:focus {background-position:-360px -421px;}
.layer_wrap.snsShare_wrap .list_wrap .item .pinterest {background-position:-420px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .pinterest:hover, .layer_wrap.snsShare_wrap .list_wrap .item .pinterest:focus {background-position:-420px -420px;}
.layer_wrap.snsShare_wrap .list_wrap .item .copy_url {background-position:-480px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .copy_url:hover, .layer_wrap.snsShare_wrap .list_wrap .item .copy_url:focus {background-position:-480px -420px;}
.layer_wrap.snsShare_wrap .btn_close {position:absolute; top:0; right:0;}
.layer_wrap.snsShare_wrap .btn_close button {width:40px; height:40px; background:url('../images/common/icon_all.svg') no-repeat -460px 0;}
/* //190620 */

.layer_wrap.snsShare_wrap .copyUrl_msg {display:none; max-width:480px; margin:0 auto; padding-top:40px; color:#fff; font-size:24px; line-height:32px; text-align:center;}

.layer_wrap.snsShare_wrap.url_copy {background-color:#35719E;}
.layer_wrap.snsShare_wrap.url_copy .title {color:#fff;}
.layer_wrap.snsShare_wrap.url_copy .list_wrap {display:none;}
.layer_wrap.snsShare_wrap.url_copy .btn_close button {background-position:-460px -40px;}
.layer_wrap.snsShare_wrap.url_copy .copyUrl_msg {display:block; }

/* 에러 */
.error_wrap {padding:120px 0; background-color:#35719E;}
.error_wrap .header {max-width:660px; margin:0 auto; text-align:center;}
.error_wrap .header .ico {display:block; width:180px; height:180px; margin:0 auto;}
.error_wrap .header .ico:after {width:180px; height:180px; margin-top:-90px; background-position:-280px -240px;}
.error_wrap .header .h1_tit {padding-top:48px; color:#fff; font-size:36px; line-height:44px;}
.error_wrap .header .txt {padding-top:16px; color:#fff; opacity:0.7;}
.error_wrap .error_cont {max-width:660px; margin:0 auto; padding-top:64px; text-align:center;}
.error_wrap .error_cont .footer .list {display:inline-block; font-size:0; line-height:0;}
.error_wrap .error_cont .footer .list .item {display:inline-block; padding:0 12px;}
.error_wrap .error_cont .footer .list a {color:#fff; font-size:18px; line-height:28px;}
.error_wrap .error_cont .btn_wrap {padding-top:32px;}
.error_wrap .error_cont .btn_wrap .btn {min-width:373px; border-color:#fff; background-color:transparent; color:#fff;}
.error_wrap .error_cont .btn_wrap .btn i.ico.out_link:after {background-position:-320px 0;}

/* 상단 공통 배너 */
.notificationBars {display:none; position:relative; color:rgba(255, 255, 255, 0.6);}
.notificationBars .notification_cont {}
.notificationBars .notification_cont img {max-width:100%; width:100%;}
.notificationBars .btn_close {position:absolute; top:16px; right:50px; width:115px; height:90px;}
.notificationBars .btn_close button {display:block; width:115px; height:90px; background:url('../images/common/icon_all.svg') no-repeat -597px -600px;}
.notificationBars .btm_cont {height:40px; background-color:#000; line-height:40px;}
.notificationBars .btm_cont .cont_row {position:relative; font-size:16px;}
.notificationBars .btm_cont .link_wrap {}
.notificationBars .btm_cont .link_wrap a {display:inline-block; position:relative; padding-right:28px;}
.notificationBars .btm_cont .link_wrap a:after {content:''; position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background:url('../images/common/icon_all.svg') no-repeat -712px -600px;}
.notificationBars .btm_cont .today_close {position:absolute; top:0; right:0;}
.notificationBars .btm_cont .today_close input, .notificationBars .btm_cont .today_close label, .notificationBars .btm_cont .today_close button {display:inline-block; vertical-align:middle;}
.notificationBars .btm_cont .today_close input {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; visibility:hidden; opacity:0;}
.notificationBars .btm_cont .today_close label {position:relative; padding:0 4px 0 28px;}
.notificationBars .btm_cont .today_close label:before {content:''; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; background-color:rgba(255, 255, 255, 0.2);}
.notificationBars .btm_cont .today_close label:after {display:none; content:''; position:absolute; top:15px; left:4px; width:12px; height:7px; border:1px solid rgba(0, 0, 0, 1); border-top:0; border-right:0; -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.notificationBars .btm_cont .today_close input:checked + label:before {background-color:rgba(255, 2555, 255, 1);}
.notificationBars .btm_cont .today_close input:checked + label:after {display:block;}
.notificationBars .btm_cont .today_close .btn_close {position:static; width:20px; height:20px; background:url('../images/common/icon_all.svg') no-repeat -732px -600px;}
.notificationBars.open {}

.notificationBars.dark {color:rgba(34, 34, 34, 0.8);}
.notificationBars.dark .btn_close button {background-position:-597px -690px;}
.notificationBars.dark .btm_cont {background-color:#fff;}
.notificationBars.dark .btm_cont .today_close label:before {background-color:rgba(34, 34, 34, 0.1);}
.notificationBars.dark .btm_cont .today_close label:after {border:1px solid rgba(255, 255, 255, 1); border-top:0; border-right:0;}
.notificationBars.dark .btm_cont .today_close input:checked + label:before {background-color:rgba(34, 34, 34, 1);}
.notificationBars.dark .btm_cont .link_wrap a:after {background-position:-712px -620px; }
.notificationBars.dark .btm_cont .today_close .btn_close{background-position:-732px -620px;}

/* 쿠키 사용 레이어 */
.notificationBars.use_cookie {display:block; position:fixed; right:0; bottom:-200px; opacity:0; left:0; padding:24px 0; background-color:#F8F8F8; z-index:10; -ms-transition:all 0.5s cubic-bezier(.67,.35,.37,1.34); -o-transition:all 0.5s cubic-bezier(.67,.35,.37,1.34); -moz-transition:all 0.5s cubic-bezier(.67,.35,.37,1.34); -webkit-transition:all 0.5s cubic-bezier(.67,.35,.37,1.34); transition:all 0.5s cubic-bezier(.67,.35,.37,1.34);}
.notificationBars.use_cookie .cookie_info dt {color:#222; font-size:22px; font-family:'HyundaiSansHeadBold'; line-height:27px;}
.notificationBars.use_cookie .cookie_info dd {padding-top:12px; color:#666; font-size:16px; line-height:24px;}
.notificationBars.use_cookie .cookie_info .btn_wrap {padding-top:16px;}
.notificationBars.use_cookie .cookie_info .btn_wrap .btn {font-size:16px; font-family:'HyundaiSansHeadBold';}
.notificationBars.use_cookie.open {bottom:0; opacity:1;}

/* Mega Fair 상세보기 */
.mega_fair {margin-top:-32px;}
.mega_fair .leads_wrap {padding:20px 0 0 0;}
.mega_fair .mutual_wrap {padding:0 0 80px 0; text-align:center;}
.mega_fair .mutual_wrap .header {max-width:750px; margin:0 auto; padding:0 0 60px 0; text-align:center;}
.mega_fair .mutual_wrap .header .txt {padding-top:8px;}
.mega_fair .mutual_wrap .list {display:inline-block; font-size:0; line-height:0;}
.mega_fair .mutual_wrap .list .item {display:inline-block; max-width:310px; padding:0 41px; vertical-align:top;}
.mega_fair .mutual_wrap .list .img_wrap img {max-width:100%;}
.mega_fair .mutual_wrap .list .txt_wrap {padding-top:16px;}
.mega_fair .mutual_wrap .list .txt_wrap .h3_tit {font-size:32px; line-height:42px;}
.mega_fair .mutual_wrap .list .txt_wrap .txt {padding-top:8px; color:#666; font-size:18px; line-height:28px;}
.mega_fair .safety_tech .txt_wrap .align_cont {padding-top:0;}
.mega_fair .leads_contents {padding:0 0 0 0;}
.mega_fair .leads_contents ul {position:relative; overflow:hidden;}
.mega_fair .leads_contents ul:after {display:block; content:''; clear:both; padding-top:68.25%;}
.mega_fair .leads_contents ul li {display:inline-block; position:absolute; vertical-align:bottom;}
.mega_fair .leads_contents ul li img {display:inline-block; max-width:100%; width:100%; vertical-align:bottom;}
.mega_fair .leads_contents ul li.leads_list1 {top:0; left:0;width:50%; height:100%; padding-right:20px;}
.mega_fair .leads_contents ul li.leads_list1 img {height:100%;}
.mega_fair .leads_contents ul li.leads_list2 {top:0; right:0; width:50%; height:51.15995115995%; padding:0 0 0 0;}
.mega_fair .leads_contents ul li.leads_list3 {bottom:0; right:0; width:50%; height:48.84004884005%; padding:0 0 0 0;}
.mega_fair .new_tech .contModule.cont_h3tit .txt_wrap .align_cont {padding-top:0;}
.mega_fair .new_tech .contModule.h4tita1 .txt_wrap .align_cont {padding-bottom:0;}
.mega_fair .safety_wrap {padding:0 0 80px 0;}
.mega_fair .smart_cruise{padding-bottom:80px;}
.mega_fair .invitation_local .txt_wrap .align_cont {padding-left:0;}

/* Business Fair 191106 add */
.business_fair {margin-top:-32px;}
.business_fair .sbr {display:block;}
.business_fair .leads_wrap {padding:20px 0 0 0;}
.business_fair .mutual_wrap {padding:0 0 60px; text-align:center;}
.business_fair .mutual_wrap .list {display:inline-block; font-size:0; line-height:0;}
.business_fair .mutual_wrap .list .item {display:inline-block; width:50%; max-width:400px; padding:0 41px; box-sizing:border-box;vertical-align:top;}
.business_fair .mutual_wrap .list .item .img_wrap .inner { display: flex; align-items: center; height: 100%; justify-content: center;}
.business_fair .mutual_wrap .list .txt_wrap {padding-top:16px;}
.business_fair .mutual_wrap .list .txt_wrap .h3_tit { font-size: 28px; line-height: 42px;}
.business_fair .mutual_wrap .list .txt_wrap .txt {padding-top:8px; color:#666; font-size:18px; line-height:28px;}
.business_fair .leads_contents2 {padding:30px 0 0;}
.business_fair .leads_contents ul {overflow:hidden;}
.business_fair .leads_contents ul:after {display:block; content:''; clear:both;}
.business_fair .leads_contents ul li {float:left;}
.business_fair .leads_contents ul li.leads_list:nth-child(odd){padding-right:20px;}
.business_fair .leads_contents ul li.leads_list:nth-child(even){padding-left:20px;}
.business_fair .leads_contents ul li.leads_list { width:50%; height:50%; padding-bottom:40px;}
.business_fair .leads_contents ul li.leads_list:nth-last-child(1),.business_fair .leads_contents ul li.leads_list:nth-last-child(2){padding-bottom:0;}
/* //Business Fair 191106 add */

/* Xcient Fuel Consumption Contest */
.xcientFuel .contModule.h4titf1.first {padding-top:0;}
.xcientFuel .cont_row:first-child .contModule.cont_h3tit .txt_wrap .align_cont {padding-top:0;}
.xcientFuel .cont_row .result_wrap {font-size:0; line-height:0; text-align:center;}
.xcientFuel .cont_row .result_wrap li {display:inline-block; width:33.3333%;}
.xcientFuel .cont_row .result_wrap li img {max-width:100%;}
.xcientFuel .cont_row .result_wrap li {display:inline-block;}
.xcientFuel .cont_row .average_wrap {padding: 80px 24px 0 24px;}
.xcientFuel .cont_row .average_wrap h4.sub_tit {padding-bottom:15px; font-family:HyundaiSansTextRegular; color:#666; font-size:24px; line-height:30px;}
.xcientFuel .cont_row .average_wrap p.txt {font-family:HyundaiSansHeadBold; font-size:64px; color:#35719E; line-height:64px;}
.xcientFuel .cont_row .average_wrap li {display:inline-block; width:auto;}
.xcientFuel .cont_row .average_wrap li:first-child {float:left;}
.xcientFuel .cont_row .average_wrap li:nth-child(2) {padding:0 60px;}
.xcientFuel .cont_row .average_wrap li:last-child {float:right;}
.xcientFuel .cont_row .graph_bg {padding:12px 0 80px 0; background:url("../../../images/experience/xcient-fuel-consumption-contest-line.png") no-repeat bottom; background-size:100%;}
.xcientFuel .cont_row .victory_wrap {padding-bottom:80px;}
.xcientFuel .cont_row .victory_wrap .contModule .sub_tit {font-family:'HyundaiSansHeadBold'; font-size:58px; line-height:58px;}
.xcientFuel .cont_row .victory_wrap .contModule .sub_tit2 {font-size:33px;}
.xcientFuel .contModule.h4titc1 li.item .txt_wrap {visibility:visible; opacity:1;}

/* H:EAR-O Driving Class */
.hearDriving {}
.hearDriving .cont_row.md {margin-right:0; margin-left:0;}
.hearDriving .contModule.h4tita1 .txt_wrap .align_cont {padding:0 0 80px 0;}
.hearDriving .contModule.h4tita1 .txt_wrap .align_cont .txt {max-width:none;}
.hearDriving .hearDriving_txt .txt_wrap .align_cont .txt:first-child {padding-top:0;}
.hearDriving .driving_video {padding:0 0 40px;}

/* Before Service */
.beforeService {}
.beforeService .cont_row.md {margin-right:0; margin-left:0;}
.beforeService .contModule.h4tita1 .txt_wrap .align_cont {padding:0 0 80px 0;}
.beforeService .contModule.h4tita1 .txt_wrap .align_cont .txt {max-width:none;}
.beforeService .before_txt .txt_wrap .align_cont .txt{padding-top:40px;}
.beforeService .before_video {padding:36px 0 80px;}
.beforeService .before_list {margin-top:80px;}
.beforeService .before_slide .imgList_wrap{padding:40px 0;}

/* 컨텐츠 내 스크롤 */

/* skip navigation */
#skipnavi {}
#skipnavi a {position:absolute; top:-9999px; background:#35719E; color:#fff; text-align:center; z-index:9999}
#skipnavi a:hover, #skipnavi a:focus {display:block; top:0; width:100%; padding:5px 0}

/* layout */
#wrap {min-width:320px; max-width:1920px; margin:0 auto;}
#header {}
#header .util_menu {height:40px; background-color:#35719E; text-align:right;}
#header .util_menu a {color:#fff; font-size:16px; line-height:40px;}
#header .util_menu a.out_link {position:relative; padding-right:28px;}
#header .util_menu a.out_link:after {content:''; position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; background:url('../images/common/icon_all.svg') no-repeat -400px -20px;}
#header .util_menu .list {padding-right:10px; font-size:0; line-height:0;}
#header .util_menu .item {position:relative; display:inline-block; padding-right:40px;}
#header .util_menu .depth2menu_wrap {display:none; max-height:0; position:absolute; top:40px; left:-16px; width:180px; overflow:hidden; -ms-transition:max-height 0.3s ease; -o-transition:max-height 0.3s ease; -moz-transition:max-height 0s ease; -webkit-transition:max-height 0.3s ease; transition:max-height 0.3s ease;}
#header .util_menu .depth2menu_wrap .depth2_menu {position:relative; padding:8px 16px 16px 16px; background-color:#35719E; text-align:left;}
#header .util_menu .depth2menu_wrap .depth2_menu li {display:none; padding:8px 0 0 0;}
#header .util_menu .depth2menu_wrap .depth2_menu a {color:rgba(255, 255, 255, 0.7); font-size:14px; line-height:17px}
#header .util_menu .item.open {z-index:110;}
#header .util_menu .item.open .depth2menu_wrap {display:block; max-height:150px; -ms-transition:max-height 0.5s linear; -o-transition:max-height 0.5s linear; -moz-transition:max-height 0.5s linear; -webkit-transition:max-height 0.5s linear; transition:max-height 0.5s linear;}
#header .util_menu .item.open .depth2menu_wrap .depth2_menu {opacity:1;}
#header .util_menu .item.open .depth2menu_wrap .depth2_menu li {display:block;}
#header .header_wrap {position:relative; min-height:90px; padding:0 50px}
#header .header_wrap:after {content:''; display:table; clear:both;}
#header .header_wrap .logo {float:left; margin-top:31px;}
#header .header_wrap .logo a {display:block; width:204px; height:30px; background:url('../images/common/logo.svg') no-repeat;}

#header .gnb_area {float:left; padding-left:85px;}
#header .gnb_area .depth1_wrap {padding-top:31px;}
#header .gnb_area .depth1_wrap:after {content:''; display:table; clear:both;}
#header .gnb_area .depth1_wrap .depth1_list {float:left; padding:0 25px;}
#header .gnb_area .depth1_wrap .depth1_link {display:block; font-size:18px; font-family:'HyundaiSansHeadBold'; line-height:28px; text-decoration:none; -ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; transition:color 0.5s ease;}
#header .gnb_area .depth1_wrap .depth1_list.eco_menu .depth1_link {position:relative;;}
#header .gnb_area .depth1_wrap .depth1_list.eco_menu .depth1_link img {max-width:28px; margin-right:4px; vertical-align:middle; }
#header .gnb_area .depth1_wrap .depth1_list.all_menu, #header .gnb_area .depth1_wrap .depth1_list.all_menu.on {display:none;}

#header .gnb_area .depth1_wrap .depth1_list .depth1_link:hover,
#header .gnb_area .depth1_wrap .depth1_list .depth1_link:focus,
#header .gnb_area .depth1_wrap .depth1_list.active .depth1_link,
#header .gnb_area .depth1_wrap .depth1_list.on .depth1_link {color:#35719E;}
/* 2Depth Menu */
#header .gnb_area .depth2_wrap {position:absolute; top:90px; right:0; left:0; background:#fff; z-index:100;}
#header .gnb_area .depth2_wrap .depth2_menu {display:none;}
#header .gnb_area .depth2_wrap .scroll_wrap {position:relative; height:800px; padding:0 30px; overflow:hidden; -webkit-overflow-scrolling:touch;}
#header .gnb_area .depth2_wrap .scroll_wrap .scroll_inner {position:relative; overflow:hidden;}
#header .gnb_area .depth2_wrap .scroll_wrap .scroll_bar {position:absolute; top:0; right:0; width:4px; bottom:0;}
#header .gnb_area .depth2_wrap .scroll_wrap .scroll_bar .bg {position:relative; display:block; height:40px; background-color:#fff; cursor:pointer;}
#header .gnb_area .depth2_wrap .depth2_list {padding-bottom:120px;}
#header .gnb_area .depth2_wrap .depth2_list .list {font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .depth2_list .item {display:inline-block; width:33.33333333%; vertical-align:top;}
#header .gnb_area .depth2_wrap .depth2_list .item a {display:block; text-decoration:none;}
#header .gnb_area .depth2_wrap .depth2_list .item .module {padding:120px 20px 0 20px;}
#header .gnb_area .depth2_wrap .depth2_list .item .img_wrap img {max-width:100%;}
#header .gnb_area .depth2_wrap .depth2_list .item .txt_wrap {padding-top:24px; font-size:24px; font-family:'HyundaiSansHeadBold'; line-height:32px;}
/* Product Menu */
#header .gnb_area .depth2_wrap .product_menu {}
#header .gnb_area .depth2_wrap .product_menu .prod_header {text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .scroll_wrap {height:auto;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .btn_open {display:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap {padding-top:64px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1 {display:inline-block; font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list {display:inline-block; padding:0 25px; font-size:64px; font-family:'HyundaiSansHeadBold'; line-height:70px;} /* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list a {display:block; opacity:0.15; text-decoration:none; -ms-transition:color 0.5s ease, opacity 0.5s ease; -o-transition:color 0.5s ease, opacity 0.5s ease; -moz-transition:color 0.5s ease, opacity 0.5s ease; -webkit-transition:color 0.5s ease, opacity 0.5s ease;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list a:hover,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list a:focus,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list.on a {color:#35719E; opacity:1;text-decoration:underline;} /* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list.active a {color:#35719E; opacity:1;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap {padding-top:24px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_wrap {display:inline-block; vertical-align:middle;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .scroll_wrap {display:inline-block; vertical-align:middle;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth2 {display:inline-block; font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list {display:inline-block; height:32px; margin:0 5px; font-size:14px; font-family:'HyundaiSansTextBold'; line-height:30px;} /* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list a {display:block; padding:0 7px; background:#f6f3f2; color:#35719e; text-decoration:none; -ms-transition:border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; -o-transition:border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; -moz-transition:border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; -webkit-transition:border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease; transition:border-color 0.5s ease, background-color 0.5s ease, color 0.5s ease;} /* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list a:hover,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list.on a {background-color:#35719E; color:#fff;} /* 181206 수정 */

#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 {display:none; position:relative; min-width:150px; margin-left:0; padding:0; color:#fff; font-size:14px; text-align:left; vertical-align:top; z-index:5;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open {position:relative; display:block; width:100%; height:32px; padding:0 34px 0 16px; background-color:#35719E; color:#fff; font-size:14px; font-family:'HyundaiSansTextBold'; line-height:32px; text-align:left;}
/* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open .ico {position:absolute; top:50%; right:11px; width:18px; height:32px; margin-top:-16px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open .ico:after {width:18px; height:32px; margin-top:-16px; background:url('../images/common/icon_all.svg') no-repeat -290px -45px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item_list {display:none; position:absolute; top:32px; right:0; left:0; padding:0; border-left:1px solid #35719E; border-right:1px solid #35719E; background-color:#fff;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item {border-bottom:1px solid #35719E;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item a {display:block; padding:0 16px; color:#000; font-size:14px; font-family:'HyundaiSansTextRegular'; line-height:30px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item a:hover {background:#35719E; color:#fff; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item.on a {font-family:'HyundaiSansTextBold'; opacity:1; text-decoration:none;}
/* //181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.open .item_list {display:block;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.on {display:inline-block;}

#header .gnb_area .depth2_wrap .product_menu .scroll_wrap {padding:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list {padding-top:64px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item {width:16.66666666%; text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module {position:relative; padding:0 0 40px 0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .img_wrap {position:absolute; top:0; right:0; left:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap {padding:42.55319148% 10px 0 10px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .title {padding-top:8px; font-size:18px; line-height:28px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .flag_wrap {position:absolute; top:0; left:0; height:24px; padding:0 8px; background-color:#35719E; color:#fff; font-size:14px; line-height:24px; z-index:5;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .info_txt {color:#222; font-size:16px; font-family:'HyundaiSansTextRegular'; line-height:26px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine {padding-top:24px; text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .list {display:inline-block; min-width:560px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item {width:50%; padding:0 20px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module {}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .img_wrap {}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .txt_wrap {padding-top:100%;}
#header .gnb_area .depth2_wrap .product_menu .service_menu {height:100px; padding:0 50px; background-color:#F6F3F2;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dl {font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt,
#header .gnb_area .depth2_wrap .product_menu .service_menu dd {display:inline-block; vertical-align:top;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt {width:15%; padding:28px 0 0 0; font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:44px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt a {font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:44px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dd {width:85%;}
#header .gnb_area .depth2_wrap .product_menu .service_menu li {display:inline-block; padding:36px 2% 0 2%; vertical-align:top;}
#header .gnb_area .depth2_wrap .product_menu .service_menu li:first-child {padding-left:0;}
#header .gnb_area .depth2_wrap .product_menu .service_menu li:last-child {padding-right:0;}
#header .gnb_area .depth2_wrap .product_menu .service_menu a {font-size:18px; font-family:'HyundaiSansTextBold'; line-height:28px; text-decoration:none;}

#header .gnb_area .depth2_wrap .depth2_menu.all_menu, #header .gnb_area .depth2_wrap .depth2_menu.all_menu.on {display:none;}
/* 2Depth Menu 열였을 때 */
html.gnb_open {}
html.gnb_open #header .header_wrap .all_menu .btn_open {display:none;}
html.gnb_open #header .header_wrap .all_menu .btn_close {display:block;}
html.gnb_open #header .header_wrap .all_menu .btn_close button,
html.gnb_open #header .header_wrap .all_menu .btn_close a {display:block; background-position:-115px -90px;}
html.gnb_open #header .gnb_area .depth2_wrap .depth2_menu.on {display:block;}

/* Wide Type */
#header .gnb_area .depth2_wrap.typeWide .scroll_wrap {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list {padding-bottom:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item {width:50%;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .module {position:relative; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .module .txt_wrap .info_txt {-ms-transition:color 0.5s ease, opacity 0.5s ease; -o-transition:color 0.5s ease, opacity 0.5s ease; -moz-transition:color 0.5s ease, opacity 0.5s ease; -webkit-transition:color 0.5s ease, opacity 0.5s ease; transition:color 0.5s ease, opacity 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .module.dark {color:#fff;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .module.dark .info_txt {color:#fff; opacity:0.7;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .img_wrap .inner:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(53, 113, 158, 0.7); opacity:0; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; padding:0; font-size:42px; line-height:46px; z-index:15; -ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; transition:color 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap .align_cont {padding:80px 0 0 50px; word-break:break-word;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item a:hover .img_wrap .inner:after,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item a:focus .img_wrap .inner:after,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item.on a .img_wrap .inner:after {opacity:1;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item a:hover .module .txt_wrap,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item a:focus .module .txt_wrap,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item.on a .module .txt_wrap,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item a:hover .module .txt_wrap .info_txt,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item a:focus .module .txt_wrap .info_txt,
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item.ona .module .txt_wrap .info_txt {color:#fff; opacity:1;}

#header .gnb_area .depth2_wrap.typeWide .depth2_list .item.odd .img_wrap {}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list {padding-bottom:40px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item {text-align:left;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .img_wrap {position:static;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .inner {position:relative; padding:38.1679% 0 0 0; background-repeat:no-repeat; background-size:cover;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .align_cont {position:absolute; top:0; right:0; bottom:0; width:67.084%; z-index:10;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .align_cont:after {content:''; display:block; padding-top:56.8978%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap img {position:absolute; bottom:0; right:0; max-height:100%;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap {padding:80px 0 0 50px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .title {padding:0; font-size:42px; line-height:46px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .flag_wrap {display:inline-block; position:static; margin-left:12px; vertical-align:middle;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .info_txt {padding-top:8px; font-size:16px; line-height:26px;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine {padding-top:0; text-align:center;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .list {display:inline-block; width:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item {width:50%; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .inner {position:relative; padding:76.3358% 0 0 0; background-repeat:no-repeat; background-size:cover;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .inner:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(53, 113, 158, 0.7); opacity:0; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .align_cont {position:absolute; top:192px; right:50px; bottom:40px; width:52.0833%; z-index:10;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .align_cont:after {content:''; display:block; padding-top:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap img {position:absolute; top:0; right:0; max-height:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; padding:80px 0 0 50px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap .title {padding:0;}

#header .header_wrap .all_menu {}
#header .header_wrap .all_menu.open {margin-top:41px;}/* 230424 add */
#header .header_wrap .all_menu .go_network {display:none;}
#header .header_wrap .all_menu .btn_open, #header .header_wrap .all_menu .btn_close {position:absolute; top:0; right:50px; width:115px; height:90px; z-index:105;}
#header .header_wrap .all_menu .btn_close a {}
#header .header_wrap .all_menu .btn_open button, #header .header_wrap .all_menu .btn_open a {display:block; width:115px; height:90px;}
#header .header_wrap .all_menu .btn_close {display:none; top:0;}
#header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu .btn_close a {display:block; width:115px; height:90px;}
#header .header_wrap .all_menu .btn_open button svg{margin-left:25px; margin-top:20px; width:95px; height: 70px;}/* 230424 add */

/* 검색 */
#header .header_wrap .all_menu .searchWrap {display:none; position:absolute; top:-40px; right:0; left:0; height:130px; background-color:#35719E; z-index:100;}
#header .header_wrap .all_menu .searchWrap .search_area {position:relative; height:130px; padding:40px 0 0 138px;}
#header .header_wrap .all_menu .searchWrap .search_area .input_word {position:relative; width:62.4017%; height:52px;}
#header .header_wrap .all_menu .searchWrap .search_area input {display:block; width:100%; height:52px; border:0; padding-bottom:12px; background-color:transparent; color:#fff; font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:40px;}
#header .header_wrap .all_menu .searchWrap .search_area input:focus {border-bottom:1px solid #fff; outline:0;}
#header .header_wrap .all_menu .searchWrap .search_area input:focus + .btn_search {display:block;}
#header .header_wrap .all_menu .searchWrap .search_area ::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.2);}
#header .header_wrap .all_menu .searchWrap .search_area ::-moz-placeholder {color:rgba(255, 255, 255, 0.2);}
#header .header_wrap .all_menu .searchWrap .search_area :-ms-input-placeholder {color:rgba(255, 255, 255, 0.2);}
#header .header_wrap .all_menu .searchWrap .search_area .btn_search {position:absolute; top:11px; right:0; color:#fff; font-size:18px; font-family:'HyundaiSansHeadBold'; z-index:5;}
#header .header_wrap .all_menu .searchWrap .search_area .btn_search:hover, #header .header_wrap .all_menu .searchWrap .search_area .btn_search:focus {text-decoration:underline;}
#header .header_wrap .all_menu .searchWrap .search_area .ico {position:absolute; top:40px; left:50px; width:64px; height:50px;}
#header .header_wrap .all_menu .searchWrap .search_area .ico:after {width:64px; height:50px; margin-top:-25px; background:url('../images/common/gnb_all.svg') no-repeat -230px 0;}
#header .header_wrap .all_menu .searchWrap .search_area .error_msg {display:none; position:absolute; top:0; left:0; right:0; height:52px; border-bottom:1px solid #fff; background-color:#35719E; color:rgba(255, 255, 255, 0.2); font-size:36px; font-family:'HyundaiSansHeadBold'; line-height:44px;}

#header .header_wrap .all_menu .searchWrap .search_area.blank {}
#header .header_wrap .all_menu .searchWrap .search_area.blank .btn_search {opacity:0.2;}
#header .header_wrap .all_menu .searchWrap .search_area.blank .ico {}
#header .header_wrap .all_menu .searchWrap .search_area.blank .ico:after {background-position:-294px 0;}
#header .header_wrap .all_menu .searchWrap .search_area.blank .error_msg {display:block;}

/* 전체메뉴 */
#header .header_wrap .all_menu .allMenu_wrap {display:none; opacity:0; position:absolute; top:90px; right:0; left:0; background:rgba(53,113,158,.5); z-index:100;} /* 230424 edit */
#header .header_wrap .all_menu .allMenu_wrap .allmenu_list {position:relative; margin:0 60px 80px 60px; background-color:#fff; }
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap {height:800px; padding:0 0 0 0; overflow:hidden; overflow-y:scroll;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar {position:absolute; top:0; right:-56px; bottom:0; width:6px;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar .bg {position:relative; display:block; height:40px; background-color:#fff;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_inner {position:relative; padding:80px 105px 0 105px;}
#header .header_wrap .all_menu .allMenu_wrap .h1_tit {padding-bottom:120px; color:#35719E; text-align:center;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu {padding-bottom:40px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu:after {content:''; display:table; clear:both;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu a {-ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; transition:color 0.5s ease;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .on,
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .on a,
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .active,
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .active a,
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu a:hover {color:#35719E;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu a:focus {color:#35719E;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit {position:relative; float:left; width:33.8461%; margin-bottom:80px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit:after {content:''; display:block; width:80px; height:4px; margin-top:40px; background-color:#222;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit a {text-decoration:none;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .menu_list {margin-left:33.8461%; font-size:0; line-height:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu {display:inline-block; width:33.3333%; padding-bottom:80px; vertical-align:top;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .h3_tit {font-size:24px; line-height:34px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .h3_tit a {}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .list {padding-top:16px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item {padding-top:4px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item:first-child {padding-top:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a {display:inline-block; position:relative; color:#666; font-size:18px; line-height:28px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a.on {color:#35719E; text-decoration:underline;}

/* 전체메뉴 열였을 때 */
html.allmenu_open #header .header_wrap .all_menu .btn_open, #header .header_wrap .all_menu.open .btn_open {display:none;}

html.allmenu_open #header .header_wrap .all_menu .btn_close, #header .header_wrap .all_menu.open .btn_close {display:block; top:-20px; padding:11px 0 0 13px; text-align:left;}
html.allmenu_open #header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu.open .btn_close a {display:inline-block; position:relative; width:89px;}

html.allmenu_open #header .header_wrap .all_menu .searchWrap, #header .header_wrap .all_menu.open .searchWrap {display:block;}

html.allmenu_open #header .header_wrap .all_menu .allMenu_wrap, #header .header_wrap .all_menu.open .allMenu_wrap { display:block; }

#header .header_wrap .all_menu.no_motion .allMenu_wrap {opacity:1;}
#header .header_wrap .all_menu.motion .allMenu_wrap {-o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; opacity:1;}

html.gnb_open {position:fixed; top:0; left:0; width:100%; overflow-y:hidden;}
html.gnb_open #header .header_wrap {z-index:10;}
html.gnb_open #header .header_wrap .all_menu .btn_close {display:block;}
html.gnb_open #header .header_wrap .all_menu .btn_close button,
html.gnb_open #header .header_wrap .all_menu .btn_close a {background-position:-188px 0;}
html.allmenu_open {position:fixed; top:0; left:0; width:100%; overflow-y:hidden;}

#container {}
#content {}
/* 공통 하단 영역 */
.cont_footer .location_wrap {height:80px; background-color:#fff;}
.cont_footer .location_wrap .inner {position:relative; width:1200px; margin:0 auto;}
.cont_footer .location_wrap .location {padding-top:20px; font-size:18px; line-height:28px;}
.cont_footer .location_wrap .location a, .cont_footer .location_wrap .location span {display:inline-block; font-size:18px; line-height:28px; text-decoration:none; line-height:40px;}
.cont_footer .location_wrap .location span {padding:0 5px;}
.cont_footer .location_wrap .location .home {}
.cont_footer .location_wrap .location .home .ico {margin-right:8px;}
.cont_footer .location_wrap .location .home .ico:after {background:url('../images/common/icon_all.svg') no-repeat -360px 0;}
.cont_footer .location_wrap .location .home:hover .ico:after, .cont_footer .location_wrap .location .home:focus .ico:after {background-position:-360px -40px;}
.cont_footer .location_wrap .location a:hover, .cont_footer .location_wrap .location a:focus {color:#1672A2; text-decoration:underline;}
.cont_footer .location_wrap .location .now {color:#1672A2;}
.cont_footer .location_wrap .sns_share {position:absolute; top:20px; right:0;}
.cont_footer .location_wrap .sns_share .btn_open {display:none;}
.cont_footer .location_wrap .sns_share .btn_share {position:relative; display:block; padding-right:48px; font-size:16px; line-height:40px; text-decoration:none;}
.cont_footer .location_wrap .sns_share .btn_share:after {content:''; position:absolute; top:0; right:0; width:40px; height:40px; background:url('../images/common/icon_all.svg') no-repeat -750px 0;}
.cont_footer .location_wrap .sns_share .btn_share:hover, .cont_footer .location_wrap .sns_share .btn_share:focus {color:#35719E;}
.cont_footer .location_wrap .sns_share .btn_share:hover:after, .cont_footer .location_wrap .sns_share .btn_share:focus:after {background-position:-750px -40px;}
.cont_footer .location_wrap .sns_share .list_wrap {display:inline-block; font-size:0; line-height:0;}
.cont_footer .location_wrap .sns_share .item {display:inline-block; padding:0 4px;}
.cont_footer .location_wrap .sns_share .item:last-child {padding-right:0;}
.cont_footer .location_wrap .sns_share .item a {display:block; width:40px; height:40px; background:url('../images/common/img_footer.svg') no-repeat;}
.cont_footer .location_wrap .sns_share .item a.facebook {background-position:0 0;}
.cont_footer .location_wrap .sns_share .item a.twitter {background-position:-40px 0;}
.cont_footer .location_wrap .sns_share .item a.google_plus {background-position:-80px 0;}
.cont_footer .location_wrap .sns_share .item a.pinterest {background-position:-120px 0;}

.cont_footer .seomenu_wrap {background-color:#35719E; padding:0 0 26px 0; font-size:0; line-height:0;}
.cont_footer .seomenu_wrap .cont_col {display:inline-block; width:25%; vertical-align:top;}
.cont_footer .seomenu_wrap .menu_list_wrap {}
.cont_footer .seomenu_wrap .menu_list_wrap, .cont_footer .seomenu_wrap .menu_list_wrap a {color:#fff;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit {position:relative; padding:80px 0 24px 0; color:#fff; font-family:'HyundaiSansTextBold';}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit .btn_open {display:none;}
.cont_footer .seomenu_wrap .menu_list {padding-top:26px;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit + .menu_list {padding-top:0;}
.cont_footer .seomenu_wrap .menu_list, .cont_footer .seomenu_wrap .menu_list a {font-size:16px; line-height:26px;}
.cont_footer .seomenu_wrap .menu_list .title {font-family:'HyundaiSansTextBold';}
.cont_footer .seomenu_wrap .menu_list .item, .cont_footer .seomenu_wrap .menu_list .item a {color:#BED5E4;}

#footer {}
#footer .footer_wrap {padding:80px 0 80px 0; background-color:#35719E;}
#footer .footer_wrap .inner {position:relative; width:1200px; margin:0 auto;}
#footer .footer_wrap .logo {position:absolute; top:0; left:0;}
#footer .footer_wrap .logo a {display:block; width:144px; height:32px; background:url('../images/common/footer_logo.png') no-repeat;}/*191125 modify*/

#footer .footer_wrap .footer_menu {margin:0 0 0 310px; padding-top:0;}
#footer .footer_wrap .footer_menu .menu_list {display:inline-block; font-size:0; line-height:0; vertical-align:middle;}
#footer .footer_wrap .footer_menu .menu_list .item {display:inline-block; padding:0 20px;}
#footer .footer_wrap .footer_menu .menu_list .item:first-child {padding-left:0;}
#footer .footer_wrap .footer_menu .menu_list .item a,
#footer .footer_wrap .link_global a {color:#fff; font-size:18px; line-height:28px;} /* 20190625_2 */
#footer .footer_wrap .footer_menu .copyright {padding-top:4px; color:#fff; font-size:16px; line-height:26px; opacity:0.7;}

#footer .footer_wrap .link_global, /* 20190625_2 */
#footer .footer_wrap .affiliates_wrap {display:inline-block; padding:0 0 0 20px; margin-left:0; vertical-align:middle;}
#footer .footer_wrap .affiliates_wrap .btn_open a {position:relative; display:inline-block; color:#fff; line-height:18px; text-decoration:none;}
#footer .footer_wrap .affiliates_wrap .btn_open .ico {width:18px; height:18px; margin-left:8px;}
#footer .footer_wrap .affiliates_wrap .btn_open .ico:after {width:18px; height:18px; margin-top:-9px; background:url('../images/common/img_footer.svg') no-repeat 0 -40px;}

.affiliates_cont {display:none; position:fixed; top:0; left:50%; width:1280px; margin:0 0 0 -640px; padding:80px 0; background-color:#fff; opacity:1; visibility:visible; box-shadow:0 4px 10px 0 rgba(0,0,0,0.50);}
.affiliates_cont .scroll_wrap {overflow:hidden; overflow-y:auto;}
.affiliates_cont .h5_tit {font-size:36px; line-height:44px; text-align:center;}
.affiliates_cont .affiliatesList_wrap {width:1200px; margin:0 auto;}
.affiliates_cont .affiliatesList_wrap .affiliates_list {padding-top:80px; font-size:0; line-height:0;}
.affiliates_cont .affiliates_list .cont_col {display:inline-block; width:33.3333%; padding:0 40px 0 0; vertical-align:top;}
.affiliates_cont .affiliates_list .cont_col .affiliates {padding-bottom:80px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .title {font-size:24px; font-family:'HyundaiSansTextBold'; line-height:32px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap {padding-top:24px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item {display:block; padding:16px 0 0 0;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item:first-child {padding:0;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item a {color:#666; font-size:16px; line-height:20px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item a:hover {color:#1672A2;}
.affiliates_cont .btn_close {position:absolute; top:0; right:0; width:80px; height:80px;}
.affiliates_cont .btn_close button {position:relative; width:80px; height:80px;}
.affiliates_cont .btn_close button:after {content:''; position:absolute; top:0; left:0; width:80px; height:80px; background:url('../images/common/img_footer.svg') no-repeat 0 -58px;}

#footer .footer_wrap .sns_link {display:inline-block; padding-left:16px; vertical-align:middle;}/* 230508 edit */
#footer .footer_wrap .sns_link a {position:relative; padding-right:38px; color:#fff;}
#footer .footer_wrap .sns_link a:after {content:''; position:absolute; top:50%; right:0; width:32px; height:32px; background:url('../images/common/img_footer.svg') no-repeat 0 0; -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}

/* Top 버튼 */
.btnTop_wrap {position:fixed; right:0; bottom:0; z-index:10;}
.btnTop_wrap .btn_top {display:block; width:80px; height:80px; background:url('../images/common/icon_all.svg') no-repeat 0 -520px;}

@media only screen and (min-width:1280px) and (max-width: 1919px) {
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap .align_cont, #header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap, #header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap {padding:40px 0 0 40px;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .info_txt {font-size:16px; line-height:16px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap {padding-top:40px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list {font-size:42px; line-height:46px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu {height:80px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt {padding-top:16px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu li {padding-top:26px;}

#header .header_wrap .all_menu .searchWrap .search_area .input_word {width:83.0729%;}

#header .header_wrap .all_menu .allMenu_wrap .allmenu_list {margin:0 40px 80px 40px;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_inner {padding:80px 115px 0 115px;}
#header .header_wrap .all_menu .allMenu_wrap .h1_tit {padding-bottom:80px; font-size:42px; line-height:46px;}

#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit {width:36.0824%;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit:after {width:40px; margin-top:24px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .menu_list {margin-left:36.0824%;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu {width:50%;}

#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar {right:-36px;}

html.allmenu_open #header .header_wrap .all_menu .btn_close, #header .header_wrap .all_menu.open .btn_close {display:block; top:-20px; padding:11px 0 0 23px; text-align:left;}
html.allmenu_open #header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu.open .btn_close a {display:inline-block; position:relative; width:89px;}

.thumb_boardlist.view_full .board_list .txt_wrap .inner .align_cont {padding:64px 0 0 80px;}
.thumb_boardlist.view_full .board_list .txt_wrap dl {max-width:580px;}
.thumb_boardlist.view_full .board_list .txt_wrap dt {font-size:42px; line-height:46px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn {min-width:240px;}

.landing_list .item .txt_wrap .align_cont {display:table-cell; padding:64px 0 0 80px;}
.landing_list .item .txt_wrap .align_cont dl {max-width:580px;}
.landing_list .item .txt_wrap .align_cont dt {font-size:42px; line-height:46px;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn {min-width:240px;}

.landing_list.col2 .item .txt_wrap .align_cont {padding:40px;}

/* 게시판 상세 C타입 - 상단 영역 */
.boardViewC_wrap .boardView_top_wrap {position:relative;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap {position:absolute; top:80px; left:50px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont {max-width:890px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .h1_tit {font-size:36px; line-height:46px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .txt, .boardViewC_wrap .boardView_top_wrap .txt_wrap .date {opacity:0.8;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .txt {padding-top:16px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .date {padding-top:24px; color:#222;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark * {color:#fff;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark .align_cont .date {color:#fff;}
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width: 1279px) {
body, input, textarea, select, button, table {font-size:11px; line-height:16px}
/* font */
.h1_tit {font-size:32px; line-height:32px;}
.h2_tit {font-size:25px; line-height:27px;}
.h3_tit {font-size:21px; line-height:26px;}
.h4_tit {font-size:14px; line-height:16px;}
.h5_tit {font-size:14px; line-height:16px;}
.h6_tit {}
.date {font-size:8px; line-height:12px;}

.txt_link {font-family:'HyundaiSansTextBold';}
.txt_link .ico {display:inline-block; width:18px; height:18px; background:url('../images/common/icon_all.svg') no-repeat; vertical-align:middle;}
/* font color */

/* icons */
i.ico {position:relative; display:inline-block; width:24px; height:24px; vertical-align:top;}
i.ico:after {content:''; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url('../images/common/icon_all_m.svg') no-repeat;}
i.ico.more:after {background-position:-168px 0;}
i.ico.list:after {background-position:-144px 0;}
i.ico.search:after {background-position:-252px 0;}
i.ico.close:after {background-position:-276px 0;}
i.ico.video {width:48px; height:48px;}
i.ico.video:after {width:48px; height:48px; margin:-24px 0 0 0; background-position:0 -355px;}
i.ico.video:hover:after, i.ico.video:focus:after {background-position:-48px -355px;}
.dark i.ico.video:after {background-position:-96px -355px;}
.dark i.ico.video:hover:after, .dark i.ico.video:focus:after {background-position:-48px -355px;}
i.ico.down:after {background-position:-348px 0;}
i.ico.link:after {background-position:-192px -24px}
i.ico.out_link:after {background-position:-192px -24px}

.blue i.ico.more:after {background-position:-168px -24px;}
.blue i.ico.list:after {background-position:-144px -24px;}
.blue i.ico.down:after {background-position:-348px -24px;}
.blue i.ico.link:after {background-position:-192px 0}
.blue i.ico.out_link:after {background-position:-192px 0}

/* sapce */
.mt80 {margin-top:48px;}
.pt80 {padding-top:48px;}

/* button */
.btn {min-width:144px; height:26px; border-width:1px; font-family:'HyundaiSansTextBold'; line-height:26px;}
button.btn {}
.btn:hover i.ico.more:after, .btn:focus i.ico.more:after {background-position:-168px -24px;}
.btn:hover i.ico.list:after, .btn:focus i.ico.list:after {background-position:-144px -24px;}
.btn:hover i.ico.down:after, .btn:focus i.ico.down:after {background-position:-348px -24px;}

.btn:hover i.ico.link:after, .btn:focus i.ico.link:after {background-position:-192px 0;}
.btn:hover i.ico.out_link:after, .btn:focus i.ico.out_link:after {background-position:-192px 0;}

.btn.small {height:26px; line-height:26px;}
.btn.large {height:36px; line-height:36px;}

.btn.blue {line-height:26px;}
.btn.blue.small {line-height:26px;}
.btn.blue.large {line-height:36px;}

.btn.blue:hover i.ico.more:after, .btn.blue:focus i.ico.more:after {background-position:-168px 0;}
.btn.blue:hover i.ico.list:after, .btn.blue:focus i.ico.list:after {background-position:-144px 0;}
.btn.blue:hover i.ico.down:after, .btn.blue:focus i.ico.down:after {background-position:-348px 0;}

.btn.blue:hover i.ico.link:after, .btn.blue:focus i.ico.link:after {background-position:-192px -24px;}
.btn.blue:hover i.ico.out_link:after, .btn.blue:focus i.ico.out_link:after {background-position:-192px -24px;}

.btn i.ico {margin-left:8px;}
.btn i.ico.left {margin:0 8px 0 0;}
.btn.ico_r {position:relative; padding:0 44px 0 16px;}
.btn.ico_r i.ico {position:absolute; top:0; right:4px;}

.link_txt .ico {width:11px; height:11px; background:url('../images/common/icon_all_m.svg') no-repeat -240px -24px;}
/* form */
/* table */
/* board list */
/* accordion */
/* page */
/* bullet list */
.bul_list {word-break:break-all}
.bul_list .bul_num {position:relative; padding-left:14px;}
.bul_list .bul_num .bullet {position:absolute; top:0; left:0; display:inline-block;}

/* tab */
.tab_wrap .tab_link {height:30px; margin-left:-1px; border-width:1px; line-height:30px;}
.tab_wrap .tab_depth2 .tab_link span {border-width:1px;}

.tab_wrap .tab_list.on .tab_link {border-color:#35719E; background-color:#35719E; color:#fff; text-decoration:none;}

.tab_wrap .tab_depth2 .tab {padding-top:0;}
.tab_wrap .tab_depth1 + .tab_depth2, .tab_wrap .tab_depth1 + .tab_depth2 ~ .tab_depth2 {padding-top:24px;}
.tab_wrap .tab_depth2 .tab_list {padding:0 12px;}
.tab_wrap .tab_depth2 .tab_link {font-size:11px; line-height:16px;}
/* layer pop */
/* no data */
/* js전용 */
/* print */
/* box */

/* 컨텐츠 단 */
.cont_row {}
.cont_row.md {width:auto; margin-right:24px; margin-left:24px;}

/* 이미지형 게시판 리스트 */
.boardTopcont {padding-bottom:0;}

.boardTopcont .boardTop_slide .btn_arrow {width:24px; height:48px; margin-top:-24px;}
.boardTopcont .boardTop_slide .btn_arrow.prev {left:0;}
.boardTopcont .boardTop_slide .btn_arrow.next {right:0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico,
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico {width:24px; height:48px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {width:24px; height:48px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {background-position:-24px 0;}

.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {background-position:-24px 0;}

.boardTopcont .boardTop_slide:hover .indicate, .boardTopcont .boardTop_slide.hover .indicate {height:14px;}

.boardTopcont .txt_wrap {padding:0 24px;}
.boardTopcont .txt_wrap .date {padding-top:24px; font-size:8px; line-height:12px;}
.boardTopcont .txt_wrap .title {padding-top:8px; font-size:21px; line-height:26px;}

.thumb_boardlist .board_top {position:relative; padding:24px 0;}
.thumb_boardlist .board_top:before, .thumb_boardlist .board_top:after {content:''; display:table; clear:both;}
.thumb_boardlist .search_wrap {float:right; padding:0;}
.thumb_boardlist .search_wrap .btn_open {position:relative; z-index:1;}
.thumb_boardlist .search_wrap .btn_open i.ico:after {}
.thumb_boardlist .search_wrap .input_box {position:absolute; top:24px; right:0; left:0; height:30px; padding:0 78px 0 28px; border-bottom:1px solid #222; background-color:#fff; opacity:0; z-index:-1; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.thumb_boardlist .search_wrap .btn_search i.ico:after {}
.thumb_boardlist .search_wrap .input_box .ico.search {position:absolute; top:0; left:0;}
.thumb_boardlist .search_wrap .input_box .btn_search {position:absolute; top:5px; right:41px; font-family:'HyundaiSansHeadBold';}
.thumb_boardlist .search_wrap .input_box .btn_search:hover, .thumb_boardlist .search_wrap .input_box .btn_search:focus {color:#35719E;}
.thumb_boardlist .search_wrap .input_box .search_txt {display:block; width:98%; height:26px; margin-top:0; border:0; color:#222; font-size:16px; line-height:26px; vertical-align:middle;}
.thumb_boardlist .search_wrap .input_box .search_txt::-webkit-input-placeholder {color:#222}
.thumb_boardlist .search_wrap .input_box .search_txt::-moz-placeholder {color:#222}
.thumb_boardlist .search_wrap .input_box .search_txt:-ms-input-placeholder {color:#222}
.thumb_boardlist .search_wrap .input_box .search_txt:-moz-placeholder {color:#222}
.thumb_boardlist .search_wrap .input_box .search_txt:focus + .btn_search {display:block;}
.thumb_boardlist .search_wrap .input_box .close_box {position:absolute; top:0; right:0;}
.thumb_boardlist .search_wrap.open .btn_open {z-index:0;}
.thumb_boardlist .search_wrap.open .input_box {z-index:1; opacity:1; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}

.thumb_boardlist .search_result {clear:both; padding-top:8px; text-align:center;}
.thumb_boardlist .search_result strong {font-weight:normal;}
.thumb_boardlist .search_result dt {font-size:14px; font-family:'HyundaiSansTextBold'; line-height:17px;}
.thumb_boardlist .search_result dt strong {color:#35719E;}
.thumb_boardlist .search_result dd {padding-top:5px; color:#666; font-size:10px; line-height:12px;}

.thumb_boardlist .search_wrap .error_msg {display:none; position:absolute; top:0; right:78px; bottom:0; left:28px; margin-top:0; background-color:#fff; color:#222; font-size:16px; line-height:26px;}
.thumb_boardlist .search_wrap.blank {}
.thumb_boardlist .search_wrap.blank .error_msg {display:block;}
.thumb_boardlist .search_wrap.blank .input_box .ico.search:after {background-position:-510px -120px;}
.thumb_boardlist .search_wrap.blank .btn_search {display:none;}

.thumb_boardlist .view_type button {width:24px; height:24px; margin-right:14px; background:url('../images/common/icon_all_m.svg') no-repeat -300px 0;}
.thumb_boardlist .view_type .btn_grid {background-position:-324px 0;}

.thumb_boardlist {padding:0 0 48px 0;}
.thumb_boardlist .board_header {padding:48px 0 24px; text-align:center;}
.thumb_boardlist .board_list .list_wrap .item {padding:30px 0;}
.thumb_boardlist .board_list a:before, .thumb_boardlist .board_list a:after {display:none;}
.thumb_boardlist .board_list .movie_cont i.ico.video:after {left:50%; margin-left:-24px; background-position:-96px -355px;}
.thumb_boardlist .board_list .txt_wrap .date {font-size:8px; line-height:12px;}
.thumb_boardlist .board_list .txt_wrap dt {padding-top:8px; font-size:14px; line-height:18px;}
.thumb_boardlist .board_list .txt_wrap dd {padding-top:4px; font-size:11px; line-height:16px;}

.thumb_boardlist.view_list .board_list a:hover .movie_cont i.ico.video:after, .thumb_boardlist.view_list .board_list a:focus .movie_cont i.ico.video:after, .thumb_boardlist.view_grid .board_list a:hover .movie_cont i.ico.video:after, .thumb_boardlist.view_grid .board_list a:focus .movie_cont i.ico.video:after {background-position:-48px -355px;}

/* (이미지형 게시판 리스트) 리스트 타입 */
.thumb_boardlist.view_list .view_type .btn_list {background-position:-300px -24px;}
.thumb_boardlist.view_list .board_list .img_wrap {float:left; width:224px;}
.thumb_boardlist.view_list .board_list .txt_wrap {margin-left:248px;}

/* (이미지형 게시판 리스트) 그리드 타입 */
.thumb_boardlist.view_grid .view_type .btn_grid {background-position:-324px -24px;}
.thumb_boardlist.view_grid .view_type .btn_grid {opacity:1;}
.thumb_boardlist.view_grid .board_list {width:100%; margin-top:-40px; overflow:hidden;}
.thumb_boardlist.view_grid .board_list .list_wrap .item {display:inline-block; width:50%; padding:40px 0 0 12px; vertical-align:top;}
.thumb_boardlist.view_grid .board_list .list_wrap .item:nth-child(odd) {
padding:40px 12px 0 0;
}
.thumb_boardlist.view_grid .board_list .img_wrap {float:none; width:auto; padding:0;}
.thumb_boardlist.view_grid .board_list .txt_wrap {width:auto; margin:0; padding:24px 0 0 0;}

/* (이미지형 게시판 리스트)풀 영역 리스트 */
.thumb_boardlist.view_full {}
.thumb_boardlist.view_full .board_header {padding:80px 0 0 0;}
.thumb_boardlist.view_full .tab_wrap {margin-right:24px; margin-left:24px; padding-top:32px;}
.thumb_boardlist.view_full .board_list .list_wrap {padding-top:0;}
.thumb_boardlist.view_full .tab_wrap + .board_list .list_wrap {padding-top:39px;}
.thumb_boardlist.view_full .board_header + .board_list .list_wrap {padding-top:39px;}
.thumb_boardlist.view_full .board_list .txt_wrap .inner .align_cont {padding:40px 24px;}
.thumb_boardlist.view_full .board_list .txt_wrap dl {max-width:348px;}
.thumb_boardlist.view_full .board_list .txt_wrap dt {font-size:32px; line-height:40px;}
.thumb_boardlist.view_full .board_list .txt_wrap dd {padding-top:8px; font-size:16px; line-height:24px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap {padding-top:16px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn {min-width:144px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:before,
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:after {display:block;}

/* 다운로드 게시판 */
.thumb_boardlist.view_down {}
.thumb_boardlist.view_down .board_list {margin-top:-24px;}
.thumb_boardlist.view_down .board_list .list_wrap .item {padding:24px 0;}
.thumb_boardlist.view_down .board_list .list_wrap .item .img_wrap {width:273px;}
.thumb_boardlist.view_down .board_list .txt_wrap {max-width:348px;}
.thumb_boardlist.view_down .board_list .txt_wrap .date {padding-bottom:4px;}
.thumb_boardlist.view_down .board_list .txt_wrap dt {padding-top:0;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont {left:297px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list {width:300px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list .title {color:#222; font-size:8px; line-height:12px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list dd {padding-top:4px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list li {float:left; margin:4px 5px 0 0;}

/* 211123 add */
/* 공지사항 리스트 */
.thumb_boardlist .notice_list {margin-top:16px;}
.thumb_boardlist .notice_list .list_wrap li {padding:24px 120px 24px 15px;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.desc {font-size:16px;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.detail {max-height:52px}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.date {right:15px; margin-top:-9px; font-size:14px; line-height:18px;}
.thumb_boardlist .notice_list + .btn_wrap.more {display:block;padding-top:50px;}
/* //211123 add */

/* 게시판 상세 */
.boardView_wrap {}
.boardView_wrap .viewTopcont .btn_arrow {width:24px; height:48px; margin-top:-24px;}
.boardView_wrap .viewTopcont .btn_arrow.prev {left:0;}
.boardView_wrap .viewTopcont .btn_arrow.next {right:0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico,
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico {width:24px; height:48px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico:after,
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico:after {width:24px; height:48px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico:after {background-position:-24px 0;}

.boardView_wrap .viewTopcont .btn_arrow .btn_prev:hover .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_prev:focus .ico:after {background-position:0 -48px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_next:hover .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_next:focus .ico:after {background-position:-24px -48px;}

.boardView_wrap .viewTopcont:hover .indicate,
.boardView_wrap .viewTopcont.hover .indicate {height:14px;}

.boardView_wrap .viewBody_wrap {padding-top:16px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap a {width:32px; height:32px; margin-left:8px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap i.ico {width:32px; height:32px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap i.ico:after {width:32px; height:32px; margin-top:-16px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap {padding-top:8px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap .title {padding-top:8px; font-size:21px; line-height:26px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap .txt {padding-top:8px; font-size:21px; line-height:26px;}

.boardView_wrap .viewBody_wrap .view_cont {padding-top:36px;}
.boardView_wrap .viewBody_wrap .view_cont .txt_cont {padding:12px 0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap {padding:12px 0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play {width:48px; height:48px; margin:-24px 0 0 -24px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play a {height:48px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play {width:48px; height:48px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:after {width:48px; height:48px; margin-top:-24px; background-position:0 -355px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:hover:after,
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:focus:after {background-position:-48px -355px;}

.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2) .img_wrap {padding-right:12px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(2) .img_wrap {padding-left:12px;}

.boardView_wrap .viewBody_wrap .link_list {padding-top:4px;}
.boardView_wrap .viewBody_wrap .link_list span, .boardView_wrap .viewBody_wrap .link_list a {font-family:'HyundaiSansTextBold';}
.boardView_wrap .viewBody_wrap .link_list span {width:35px;}
.boardView_wrap .viewBody_wrap .etc_cont {padding-top:48px;}
.boardView_wrap .viewBody_wrap .tag_list dt {width:32px; height:24px; margin-right:4px; border-width:1px; font-size:11px; line-height:24px;}
.boardView_wrap .viewBody_wrap .tag_list a {padding:0 4px; font-size:11px; line-height:16px;}
.boardView_wrap .viewBody_wrap .file_list {top:48px;}

.boardView_wrap .jumpPage {margin-top:48px;}
.boardView_wrap .jumpPage .list_wrap .item .img_wrap:before {}
.boardView_wrap .jumpPage .list_wrap .item:last-child .img_wrap:before {}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap {top:24px; width:auto;}
.boardView_wrap .jumpPage .list_wrap .item:first-child .txt_wrap {right:12px; left:24px;}
.boardView_wrap .jumpPage .list_wrap .item:last-child .txt_wrap {right:24px; left:12px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap dt {font-size:8px; line-height:12px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap dd {padding-top:8px; font-size:14px; line-height:18px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_prev, .boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_next {position:absolute; bottom:24px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_prev i.ico:after {background-position:-144px -24px;}
.boardView_wrap .jumpPage .list_wrap .item .txt_wrap .ico_next i.ico:after {background-position:-192px 0;}

.boardView_wrap .go_list {padding:48px 24px 0 24px;}

.boardView_wrap .related_cont {margin-top:48px; padding:48px 0;}

/* 게시판 상세 C타입 */
.boardViewC_wrap {}
.boardViewC_wrap img {max-width:100%; width:100%;}
/* 게시판 상세 C타입 - 상단 영역 */
.boardViewC_wrap .boardView_top_wrap {position:relative;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap {position:absolute; top:40px; left:24px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont {max-width:69%;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .h1_tit {font-size:21px; line-height:26px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .txt, .boardViewC_wrap .boardView_top_wrap .txt_wrap .date {opacity:0.8;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .txt {padding-top:8px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .date {padding-top:16px; color:#222;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark * {color:#fff;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark .align_cont .date {color:#fff;}

/* 게시판 상세 C타입 - 상단 영역(텍스트만 있을 경우) */
.boardViewC_wrap .boardView_top_wrap.only_txt {padding:48px 0; background-color:#35719E;}
.boardViewC_wrap .boardView_top_wrap.only_txt * {color:#fff;}
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap {position:static; max-width:none; margin:0 24px;}
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap .align_cont .date {color:#fff;}

.boardViewC_wrap .slideList_wrap {position:relative;}

/* 게시판 상세 C타입 - 배너 공통 */
.boardViewC_wrap .slideList_wrap .banner_wrap .item {display:none; position:relative; overflow:hidden;}
.boardViewC_wrap .slideList_wrap .banner_wrap .item:nth-child(1){display:block;}
.boardViewC_wrap .carousel-initialized .banner_wrap .item{display:block;}

.boardViewC_wrap .slideList_wrap .btn_arrow {position:absolute; top:50%; width:24px; height:48px; margin-top:-24px;}
.boardViewC_wrap .slideList_wrap .btn_arrow.prev {left:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow.next {right:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico {width:24px; height:48px;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico:after {top:0; width:24px; height:48px; margin:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico:after {background-position:-24px 0;}

.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev:hover .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -48px;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next:hover .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-24px -48px;}

.boardViewC_wrap .slideList_wrap .indicate {position:absolute; right:0; bottom:0; left:0; height:4px; -ms-transition:height 0.5s ease; -o-transition:height 0.5s ease; -moz-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; transition:height 0.5s ease;}
.boardViewC_wrap .slideList_wrap .indicate ul {height:100%; font-size:0; line-height:0;}
.boardViewC_wrap .slideList_wrap .indicate li {display:inline-block; width:100%; height:100%;}
.boardViewC_wrap .slideList_wrap .indicate li .indi {display:block; margin-left:1px; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.boardViewC_wrap .slideList_wrap .indicate li .indi span {display:inline-block; height:100%; background-color:#35719E;} /* 180723 수정 */
.boardViewC_wrap .slideList_wrap .indicate li:first-child .indi {margin-left:0;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(2), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(3), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(3) ~ li {width:33.33333333%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(4), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(4) ~ li {width:25%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(5), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(5) ~ li {width:20%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(6), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(6) ~ li {width:16.66666666%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(7), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(7) ~ li {width:14.28571428%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(8), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(8) ~ li {width:12.5%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(9), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(9) ~ li {width:11.11111111%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(10), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(10) ~ li {width:10%;}
.boardViewC_wrap .slideList_wrap:hover .indicate, .boardViewC_wrap .slideList_wrap.hover .indicate {height:12px;}

.boardViewC_wrap .viewBody_wrap {max-width:none; margin:0 24px; padding:48px 0;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap {max-width:534px; margin:0 auto; padding:0 0 24px 0; text-align:center;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap .h2_tit {font-size:21px; line-height:26px;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap .txt {padding-top:4px; color:#222;}

.boardViewC_wrap .viewBody_wrap .viewImg_wrap {padding-bottom:48px;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .banner_wrap {height:450px; overflow:hidden;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .item {height:100%;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap {height:100%;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap .inner {display:table; width:100%; height:100%; background-color:#222;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap .align_cont {display:table-cell; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap img {display:block; max-width:100%; width:auto; max-height:450px; margin:0 auto;}

.boardViewC_wrap .viewBody_wrap .viewMovie_wrap {padding-bottom:48px;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .img_wrap {position:relative;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .movie_cont {position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .movie_cont a {display:block;}

.boardViewC_wrap .viewBody_wrap .viewBody_cont {}

.boardViewC_wrap .viewBody_wrap .viewLink_wrap {padding-top:16px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list ul {font-size:0; line-height:0;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list li {padding-top:8px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list li:first-child {padding-top:0;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list span, .boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list a {display:inline-block; font-size:11px; line-height:16px; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list span {width:32px; font-family:'HyundaiSansTextBold';}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list a {text-decoration:underline;}

.boardViewC_wrap .viewBody_wrap .viewDown_wrap {padding-top:48px;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap:after {content:''; display:table; clear:both;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap .item {float:left; padding-left:16px;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap .item:first-child {padding-left:0;}

.boardViewC_wrap .viewBody_wrap .tagList_wrap {padding-top:32px;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dl {font-size:0; line-height:0;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dt {display:inline-block; width:32px; height:24px; border:1px solid #222; font-size:11px; font-family:'HyundaiSansHeadBold'; line-height:22px; text-align:center; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dd {display:inline-block; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap a {margin-left:8px; font-size:11px; line-height:16px;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap a:hover, .boardViewC_wrap .viewBody_wrap .tagList_wrap a:focus {color:#35719E;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap {padding-top:48px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap:after {content:''; display:table; clear:both;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item {float:left; width:46.67%;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child {float:right; text-align:right;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a {display:block; min-height:52px; text-decoration:none;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap {position:relative; padding:0 0 0 48px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child .txt_wrap {padding:0 48px 0 0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dt {color:#222; font-size:8px; line-height:12px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dd {padding-top:8px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next {position:absolute; top:2px; width:24px; height:48px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico {width:24px; height:48px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico:after {width:24px; height:48px; margin:-24px 0 0 0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev {left:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico:after {background-position:-261px -284px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next {right:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico:after {background-position:-285px -284px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .sm_txt {display:none;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover *, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus * {color:#35719E;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover dd, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus dd {text-decoration:underline;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .ico_prev i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .ico_prev i.ico:after {background-position:-261px -332px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .ico_next i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .ico_next i.ico:after {background-position:-285px -332px;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap {padding-top:16px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap .btn.btn_sm {display:none;}

/* 연관 컨텐츠 */
.related_cont {padding:48px 0;}
.related_cont .h3_tit {padding-bottom:24px;}
.related_cont .related_wrap .btn_arrow {width:24px; height:48px; margin-top:-36px;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico, .related_cont .related_wrap .btn_arrow .btn_next .ico {width:24px; height:48px;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico:after, .related_cont .related_wrap .btn_arrow .btn_next .ico:after {width:24px; height:48px;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.related_cont .related_wrap .btn_arrow .btn_next .ico:after {background-position:-24px 0;}

.related_cont .related_wrap .btn_arrow .btn_prev:focus .ico:after, .related_cont .related_wrap .btn_arrow .btn_prev:hover .ico:after {background-position:0 -48px;}
.related_cont .related_wrap .btn_arrow .btn_next:focus .ico:after, .related_cont .related_wrap .btn_arrow .btn_next:hover .ico:after {background-position:-24px -48px;}

.related_cont .related_wrap .list_wrap {margin:0 12px; text-align:center;}
.related_cont .related_wrap .item {float:left; width:162px; margin:0 12px;}
.related_cont .related_wrap .item .txt_wrap {padding-top:16px; font-size:14px; line-height:16px;}

/* 컨텐츠 타입 */
.contModule {}
.contModule .txt_wrap .btn_wrap {padding-top:16px;}
.contModule .txt_wrap .link_txt {font-size:11px;}
.contModule .txt_wrap .txt.second {padding-top:16px;}

/* H2 */
.contModule.cont_h2 {}
.contModule.cont_h2 .txt_wrap .align_cont {padding:40px 24px 0 24px;}
.contModule.cont_h2 .txt_wrap .txt {padding-top:10px;}

/* H3_title */
.contModule.cont_h3tit {}
.contModule.cont_h3tit .txt_wrap .align_cont {width:534px; margin:0 auto; padding:48px 0 24px;}
.contModule.cont_h3tit .txt_wrap .align_cont.dbl_center {padding:60px 0 50px; text-align: center;} /* 220512 add */
.contModule.cont_h3tit .txt_wrap .txt {padding-top:4px;}
.contModule.cont_h3tit .txt_wrap .txt.second {padding-top:14px;}

/* H3_Engine */
.contModule.cont_engine {padding:48px 0;}
.contModule.cont_engine .module {max-width:none; margin:0 24px;}
.contModule.cont_engine .engine_info {padding:28px 0 19px 0;}

.contModule.cont_engine .infoList_wrap {margin:0 auto;}
.contModule.cont_engine .infoList_wrap:after {content:''; display:table; clear:both;}
.contModule.cont_engine .infoList_wrap .info_list {margin:0 -8px; overflow:hidden;}
.contModule.cont_engine .infoList_wrap .item {float:left; width:25%; padding:0 8px;}
.contModule.cont_engine .infoList_wrap .info_item {height:168px; padding:43px 0 0 0; background-color:#35719E; text-align:center;}
.contModule.cont_engine .infoList_wrap .info_item .ico {display:block; width:24px; height:24px; margin:0 auto;}
.contModule.cont_engine .infoList_wrap .info_item.emission .ico:after {background-position:-72px -144px;}
.contModule.cont_engine .infoList_wrap .info_item.displace .ico:after {background-position:-48px -144px;}
.contModule.cont_engine .infoList_wrap .info_item.power .ico:after {background-position:0 -144px;}
.contModule.cont_engine .infoList_wrap .info_item.torque .ico:after {background-position:-24px -144px;}
.contModule.cont_engine .infoList_wrap .info_item dl {padding-top:4px; color:#fff;}
.contModule.cont_engine .infoList_wrap .info_item dt {font-size:19px; font-family:'HyundaiSansHeadBold'; line-height:25px;}
.contModule.cont_engine .infoList_wrap .info_item dd {padding-top:4px; opacity:0.6;}

.contModule.cont_engine .engine_info .btn_wrap {padding-top:19px; text-align:center;}
.contModule.cont_engine .engine_info .btn_wrap .btn {background-color:transparent;}
.contModule.cont_engine .engine_info .btn_wrap .btn:focus, .contModule.cont_engine .engine_info .btn_wrap .btn:hover {background-color:#35719E;}

.contModule.cont_engine .contModule.h4titb2 {margin-top:14px; background-color:#fff;}
.contModule.cont_engine .contModule.h4titb2 .img_wrap {width:225px; text-align:center;}
.contModule.cont_engine .contModule.h4titb2 .img_wrap img {max-width:153px;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap {right:225px; background-color:#fff;}

/* H3_Engine Old */
.contModule.cont_h3engine {padding:48px 0;}
.contModule.cont_h3engine .module {width:auto; margin:0 24px;}
.contModule.cont_h3engine .header {padding-bottom:24px;}
.contModule.cont_h3engine .tab_wrap .tab_cont {padding-top:24px;}
.contModule.cont_h3engine .tab_wrap .tab_cont .module {margin:0;}
.contModule.cont_h3engine .tab_wrap .tab_cont .cont_row {margin:24px 0 0 0;}
.contModule.cont_h3engine .tab_wrap .tab_cont .cont_row:first-child {margin:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 {padding-bottom:8px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .img_wrap {width:254px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap {margin-left:254px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont {padding:8px 0 0 24px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont.mid {vertical-align:top;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .h4_tit {padding-bottom:16px; font-size:18px; line-height:24px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .h_desc {font-family:'HyundaiSansTextBold';}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .txt {padding-top:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .etc_info {padding-top:32px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont dt {font-size:28px; line-height:38px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont dd {padding-top:4px; font-size:11px; line-height:16px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_power .ico:after {background-position:0 -144px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_torque .ico:after {background-position:-24px -144px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_displace .ico:after {background-position:-48px -144px;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img {margin-bottom:-12px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont {padding:8px 0 0 24px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .h4_tit {padding-bottom:8px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap {font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl {display:inline-block; padding-right:16px; font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dt {display:inline-block; color:#222; font-size:11px; line-height:16px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dd {display:inline-block; font-size:11px; font-family:'HyundaiSansTextBold'; line-height:16px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap {max-width:441px; margin:0; padding:10px 0 0 0; }
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap .txt {padding-top:4px; color:#1672A2;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb2 {}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .img_wrap {width:225px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .img_wrap img {max-width:153px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap {right:225px;}

/* 201022 add */
.contModule.cont_h3engine .img_list_wrap .cont_row.md {margin:0}
.contModule.cont_h3engine .img_list_wrap .module {min-height:auto;height:auto;margin:0 !important;padding:40px 0 0}
.contModule.cont_h3engine .img_list_wrap .module .h4_tit {font-size:18px}
/* //201022 add */

/* H3_Chassis */
.contModule.cont_h3chassis {padding:48px 0;}
.contModule.cont_h3chassis .header {padding-bottom:24px;}
.contModule.cont_h3chassis .tab_cont {padding-top:24px;}
.contModule.cont_h3chassis .tab_cont .list {margin:0 -12px;}
.contModule.cont_h3chassis .tab_cont .item {padding:0 12px 48px 12px;}
.contModule.cont_h3chassis .tab_cont .txt_wrap {padding-top:16px;}

/* H4_A1 */
.contModule.h4tita1 {}
.contModule.h4tita1 .txt_wrap {}
.contModule.h4tita1 .txt_wrap .align_cont {padding:24px 24px 48px 24px;}

/* H4_A2 */
.contModule.h4tita2 {}
.contModule.h4tita2 .txt_wrap .align_cont {padding:24px;}

/* H4_A3 */
.contModule.h4tita3 {}
.contModule.h4tita3 .txt_wrap {}
.contModule.h4tita3 .txt_wrap .align_cont {padding:24px;}
.contModule.h4tita3 .txt_wrap .align_cont .h4_tit {float:left; width:34.0659%;}
.contModule.h4tita3 .txt_wrap .align_cont .txt {margin-left:34.0659%; padding-top:0;}
.contModule.h4tita3 .txt_wrap .align_cont dl {padding-top:8px;}
.contModule.h4tita3 .txt_wrap .align_cont dt {font-family:'HyundaiSansTextBold';}
.contModule.h4tita3 .txt_wrap .align_cont .txt .h5_tit {color:#222; font-size:11px; font-family:'HyundaiSansTextBold'; line-height:16px;}
.contModule.h4tita3 .txt_wrap .align_cont .txt .sub_txt {padding-top:4px;}

/* H4_B1 */
.contModule.h4titb1 {}
.contModule.h4titb1 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px;}
.contModule.h4titb1 .img_wrap .movie_cont i.ico.video:after {margin:-30px 0 0 0;}
.contModule.h4titb1 .txt_wrap .align_cont {padding:24px;}

.contModule.h4titb1 .txt_wrap.add_img {}
.contModule.h4titb1 .txt_wrap.add_img .align_cont {padding-top:24px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap {padding-top:8px; font-size:0; line-height:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl {display:inline-block; padding-right:16px; font-size:0; line-height:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:last-child {padding-right:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3), .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3) ~ dl {padding-right:12px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dt {display:inline-block; color:#222; font-size:11px; line-height:16px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dd {display:inline-block; font-size:11px; font-family:'HyundaiSansTextBold'; line-height:16px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap {width:76.5625%; margin:0; padding:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap img {max-width:100%; width:100%;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap .txt {padding-top:8px; color:#1672A2;}

/* H4_B2 */
.contModule.h4titb2 {}
.contModule.h4titb2 .img_wrap {float:right;}
.contModule.h4titb2 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px;}
.contModule.h4titb2 .img_wrap .movie_cont i.ico.video:after {}
.contModule.h4titb2 .txt_wrap {right:50%; left:0;}
.contModule.h4titb2 .txt_wrap .align_cont {padding:24px;}
.contModule.h4titb2 .txt_wrap .align_cont .tb_row {padding-top:8px;}

/* H4_B3 */
.contModule.h4titb3 {}
.contModule.h4titb3 .txt_wrap .align_cont {padding:24px;}
.contModule.h4titb3 .txt_wrap .thumb_wrap {padding-top:16px;}
.contModule.h4titb3 .txt_wrap .thumb_wrap li {width:13%;}
.contModule.h4titb3 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B5 */
.contModule.h4titb5 {}
.contModule.h4titb5 .module {position:relative;}
.contModule.h4titb5 .img_wrap {position:relative; width:50%; overflow:hidden;}
.contModule.h4titb5 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb5 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb5 .img_wrap .movie_wrap {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb5 .img_wrap .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb5 .img_wrap .movie_wrap img {position:absolute; top:0; left:0; max-width:100%;}
.contModule.h4titb5 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px;}
.contModule.h4titb5 .img_wrap .movie_cont i.ico.video:after {}
.contModule.h4titb5 .txt_wrap .align_cont {padding:24px;}
.contModule.h4titb5 .txt_wrap .thumb_wrap {padding-top:16px;}
.contModule.h4titb5 .txt_wrap .thumb_wrap li {width:13%;}
.contModule.h4titb5 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B4 */
.contModule.h4titb4 {}
.contModule.h4titb4 .txt_wrap .align_cont {padding:24px;}
.contModule.h4titb4 .txt_wrap .thumb_wrap {padding-top:16px;}
.contModule.h4titb4 .txt_wrap .thumb_wrap li {width:13%;}
.contModule.h4titb4 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B6 */
.contModule.h4titb6 {}
.contModule.h4titb6 .module {position:relative;}
.contModule.h4titb6 .img_wrap {position:relative; width:50%;}
.contModule.h4titb6 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb6 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb6 .img_wrap .movie_wrap {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb6 .img_wrap .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb6 .img_wrap .movie_wrap img {position:absolute; top:0; left:0; max-width:100%;}
.contModule.h4titb6 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px;}
.contModule.h4titb6 .img_wrap .movie_cont a {display:block;}
.contModule.h4titb6 .txt_wrap .align_cont {padding:24px;}
.contModule.h4titb6 .txt_wrap .thumb_wrap {padding-top:16px;}
.contModule.h4titb6 .txt_wrap .thumb_wrap li {width:13%;}
.contModule.h4titb6 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_C1 */
.contModule.h4titc1 {}
.contModule.h4titc1 .txt_wrap {padding:16px 24px 48px 24px;}
.contModule.h4titc1 .txt_wrap .txt {font-size:11px; line-height:16px;}
.contModule.h4titc1 .txt_wrap .txt.second {font-size:0; line-height:0;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info {display:inline-block; padding:0 12px;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info:first-child {padding-left:0;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dt,
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dd {display:inline-block; font-size:11px; line-height:16px;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dd {padding-left:3px; font-family:'HyundaiSansTextBold';}
.contModule.h4titc1 .swipe_wrap.cols2 li.item {width:50%;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item:first-child {padding-right:12px;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item:last-child {padding-left:12px;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item .txt_wrap {padding:16px 0 48px 0;}

/* H4_D1 */
.contModule.h4titd1 {}
.contModule.h4titd1 .txt_wrap {padding:16px 24px 48px 24px;}
.contModule.h4titd1 .txt_wrap .txt {font-size:11px; line-height:16px;}

/* 201022 add */
/* H4_D2 */
.contModule.h4titd2 {}
.contModule.h4titd2 .txt_wrap {padding:16px 24px 48px 24px}
.contModule.h4titd2 .txt_wrap .txt {font-size:11px;line-height:16px}
.contModule.h4titd2 .btn_arrow {top:50%;width:24px;height:48px;margin-top:-77px}
.contModule.h4titd2 .btn_arrow .btn_prev .ico, .contModule.h4titd2 .btn_arrow .btn_next .ico {width:24px;height:48px}
.contModule.h4titd2 .btn_arrow .btn_prev .ico:after, .contModule.h4titd2 .btn_arrow .btn_next .ico:after {width:24px;height:48px}
.contModule.h4titd2 .btn_arrow .btn_prev .ico:after {background-position:0 0}
.contModule.h4titd2 .btn_arrow .btn_next .ico:after {background-position:-24px 0}
.contModule.h4titd2 .btn_arrow .btn_prev:focus .ico:after, .contModule.h4titd2 .btn_arrow .btn_prev:hover .ico:after {background-position:0 -48px}
.contModule.h4titd2 .btn_arrow .btn_next:focus .ico:after, .contModule.h4titd2 .btn_arrow .btn_next:hover .ico:after {background-position:-24px -48px}
/* //201022 add */

/* H4_E1 */
.contModule.h4tite1 {}
.contModule.h4tite1 .module {max-width:480px;}
.contModule.h4tite1 .txt_wrap {padding:16px 0 0 14px; font-size:14px;}

.contModule.h4tite1 .btn_arrow {width:24px; height:48px; margin-top:-24px;}
.contModule.h4tite1 .btn_arrow.prev {left:0;}
.contModule.h4tite1 .btn_arrow.next {right:0;}
.contModule.h4tite1 .btn_arrow .ico {width:24px; height:48px;}
.contModule.h4tite1 .btn_arrow .ico:after {width:24px; height:48px; margin-top:-24px; background-position:0 0;}
.contModule.h4tite1 .btn_arrow.prev .ico:after {background-position:0 0;}
.contModule.h4tite1 .btn_arrow.next .ico:after {background-position:-24px 0;}

.contModule.h4tite1 .btn_arrow.prev:hover .ico:after,
.contModule.h4tite1 .btn_arrow.prev:focus .ico:after {background-position:0 -48px;}
.contModule.h4tite1 .btn_arrow.next:hover .ico:after,
.contModule.h4tite1 .btn_arrow.next:focus .ico:after {background-position:-24px -48px;}

/* H4_F1 */
.contModule.h4titf1 {padding:48px 0;}
/* 180320 추가 */
.contModule.h4titf1.wid {padding:36px 0;}
.contModule.h4titf1.wid .txt_wrap {padding:0 0 20px;}
/* //180320 추가 */
.contModule.h4titf1 .module {max-width:1200px; margin:0 24px;}
.contModule.h4titf1 .img_wrap img {max-width:100%;}
.contModule.h4titf1 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px;}
.contModule.h4titf1 .img_wrap .movie_cont a {display:block;}
.contModule.h4titf1 .img_wrap .movie_cont .ico.video {margin:0;}
.contModule.h4titf1 .img_wrap .movie_cont .ico.video:after {}
.contModule.h4titf1 .txt_wrap {padding-top:16px;}
.contModule.h4titf1 .txt_wrap .txt {padding-top:8px;}

/* 201022 add */
/* engine 모듈 */
.engine_wrap .cont_row.md {margin:0}
.engine_wrap .module {min-height:280px;height:auto;padding:24px 0 0 50px;margin:0 !important}
.engine_wrap .module .img_wrap {width:100%;padding-top:13px}
.engine_wrap .module .img_wrap.desc {width:100%;padding-top:70px}
.engine_wrap .module .align_cont .desc_txt {position:absolute;top:15px;left:0;z-index:2}
.engine_wrap .module .align_cont .pic {position:absolute;top:12%;right:0;width:300px}
.engine_wrap .module .align_cont .pic img {width:100%;height:100%}
/* //201022 add */

/* 360VR */
.contModule.vr360 {padding:48px 0;}
.contModule.vr360 .header {padding:0 0 24px 0;}
.contModule.vr360 .img_wrap {position:relative; padding:42px 0 42px 0; text-align:center;} /* 180409 수정 */
.contModule.vr360 .img_wrap img {max-width:686px; margin:0 auto;}
.contModule.vr360 .img_wrap .btn_play {width:84px; height:84px; margin:-42px 0 0 -42px;}
.contModule.vr360 .img_wrap .btn_play button {width:84px; height:84px;}
.contModule.vr360 .img_wrap .btn_play .ico, .contModule.vr360 .img_wrap .btn_play .ico:after {width:84px; height:84px;}
.contModule.vr360 .img_wrap .btn_play .ico:after {margin-top:-42px; background-position:0 -168px;}
.contModule.vr360 .img_wrap .btn_arrow {width:96px; height:60px; margin-top:-30px;}
.contModule.vr360 .img_wrap .btn_arrow .ico {width:96px; height:60px;}
.contModule.vr360 .img_wrap .btn_arrow .ico:after {width:96px; height:60px; margin-top:-30px; background-position:-240px -24px;}
.contModule.vr360 .img_wrap .btn_arrow.prev {left:48px;}
.contModule.vr360 .img_wrap .btn_arrow.next {right:48px;}
.contModule.vr360 .img_wrap .btn_arrow .btn_prev, .contModule.vr360 .img_wrap .btn_arrow .btn_next {width:96px; height:60px;}
.contModule.vr360 .img_wrap .btn_arrow .btn_next .ico:after {background-position:-336px -24px;}

.contModule.vr360 .color_wrap {padding:0; text-align:center;}
.contModule.vr360 .color_wrap .colorchip_wrap {position:relative; max-width:424px; height:24px; margin:0 auto;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow {position:absolute; top:0; width:24px; height:24px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow button, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico,
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico:after {width:24px; height:24px; vertical-align:top;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico:after {margin-top:-12px; background-position:-213px -284px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev {left:0;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev .ico:after {background-position:-213px -284px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next {right:0;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next .ico:after {background-position:-237px -284px;}

.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev button:hover .ico:after, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev button:focus .ico:after {background-position:-213px -308px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next button:hover .ico:after, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next button:focus .ico:after {background-position:-237px -308px;}

.contModule.vr360 .color_wrap .colorchip_wrap .colorchip_list {height:26px; margin:0 34px; padding-top:2px; overflow:hidden;}
.contModule.vr360 .color_wrap .list {font-size:0; line-height:0;}
.contModule.vr360 .color_wrap .list .item {display:inline-block; margin:0 1px 0 2px; padding:2px; border:1px solid transparent;}
.contModule.vr360 .color_wrap .list .item button {font-size:0; line-height:14px;}
.contModule.vr360 .color_wrap .list .item img {width:52px;}
.contModule.vr360 .color_wrap .list .item.on {border-color:#35719E;}
.contModule.vr360 .color_wrap .color_name {margin-top:21px; font-size:14px; font-family:'HyundaiSansHeadBold'; line-height:17px;}

/* interior VR */
.contModule.interior {padding:48px 0;}
.contModule.interior .img_wrap .btn_play {width:84px; height:84px; margin:-42px 0 0 -42px;}
.contModule.interior .img_wrap .btn_play button {width:84px; height:84px;}
.contModule.interior .img_wrap .btn_play .ico, .contModule.interior .img_wrap .btn_play .ico:after {width:84px; height:84px;}
.contModule.interior .img_wrap .btn_play .ico:after {margin-top:-42px; background-position:0 -268px;}
.contModule.interior .pnlm-load-button {width:84px; height:84px; margin:-42px 0 0 -42px; background:url('../images/common/icon_all_m.svg') no-repeat 0 -168px;}

.contModule.interior .color_wrap {padding-top:33px;}
.contModule.interior .color_wrap .list .item {display:inline-block; margin:0 1px 0 2px; padding:2px; border:1px solid transparent;}
.contModule.interior .color_wrap .list .item button {font-size:0; line-height:14px;}
.contModule.interior .color_wrap .list .item img {width:52px;}
.contModule.interior .color_wrap .list .item.on {border-color:#35719E;}
.contModule.interior .color_wrap .color_name {margin-top:21px; font-size:14px; font-family:'HyundaiSansHeadBold'; line-height:17px;}

/* VR Content with Tab */
.contModule.vrcontTab {padding:48px 0;}
.contModule.vrcontTab .header {padding:0 0 24px 0;}
.contModule.vrcontTab .tab_wrap {}
.contModule.vrcontTab .tab_wrap .tab_depth1 {width:auto; margin:0 24px;}
.contModule.vrcontTab .tab_wrap .tab_cont {padding-top:24px;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.vr360 {padding:0;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.interior {padding:0;}

.contModule.vrcontTab .color_wrap .color_name {margin-top:24px; font-size:14px; line-height:17px;}

/* Vocation */
.contModule.vocation {padding:48px 0 48px 0;}
.contModule.vocation .header {padding-bottom:24px;}

.contModule.vocation .swipe_wrap {position:relative; padding:0 8px; text-align:center;}
.contModule.vocation .swipe_wrap .swipe_cont {margin:0 auto;}
.contModule.vocation .swipe_wrap .swipe_cont:after {content:''; display:table; clear:both;}
.contModule.vocation .swipe_cont .item {display:inline-block; width:128px; margin:0 8px; vertical-align:top;}
.contModule.vocation .swipe_cont .item .txt_wrap {padding-top:8px;}
.contModule.vocation .swipe_cont .item .img_wrap img {width:atuo;}

.contModule.vocation .btn_arrow {margin-top:-24px;}
.contModule.vocation .btn_arrow button {width:24px; height:48px;}
.contModule.vocation .btn_arrow .ico, .contModule.vocation .btn_arrow .ico:after {width:24px; height:48px;}
.contModule.vocation .btn_arrow .ico:after {margin-top:-24px;}
.contModule.vocation .btn_arrow.prev {left:0;}
.contModule.vocation .btn_arrow.next {right:0;}
.contModule.vocation .btn_arrow.prev .ico:after {background-position:0 0;}
.contModule.vocation .btn_arrow.next .ico:after {background-position:-24px 0;}

.contModule.vocation .btn_arrow.prev:hover .ico:after, .contModule.vocation .btn_arrow.prev:focus .ico:after {background-position:0 -48px;}
.contModule.vocation .btn_arrow.next :hover .ico:after, .contModule.vocation .btn_arrow.next :focus .ico:after {background-position:-24px -48px;}

/* 서비스 메시지 */
.contModule.sc_message {}
.contModule.sc_message .module {position:relative; min-height:337px; background:url('../images/product/bg_sevice-massage.jpg') no-repeat top center; background-size:cover;}
.contModule.sc_message .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0;}
.contModule.sc_message .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.sc_message .txt_wrap .align_cont {display:table-cell;;}
.contModule.sc_message .txt_wrap .btn_wrap {padding-top:40px;}

.contModule.sc_message .module.dark .list_wrap {display:inline-block; width:auto; margin:0 auto;}
.contModule.sc_message .module.dark .list {display:inline-block; padding-top:24px; font-size:0; line-height:0;}
.contModule.sc_message .module.dark .item {display:inline-block; padding:0 24px;}
.contModule.sc_message .module.dark .item:first-child {padding-left:0;}
.contModule.sc_message .module.dark .item:last-child {padding-right:0;}
.contModule.sc_message .module.dark .item .img_wrap {width:72px;}
.contModule.sc_message .module.dark .item .txt_wrap {position:static; width:72px; padding-top:10px;}
.contModule.sc_message .module.dark .item .txt_wrap .h4_tit {font-size:11px; line-height:16px;}
.contModule.sc_message .module.dark .btn {border-color:#fff; background-color:transparent;}
.contModule.sc_message .module.dark .btn:hover,
.contModule.sc_message .module.dark .btn:focus {border-color:#44709A; background-color:#44709A; color:#fff;}
.contModule.sc_message .txt_wrap .txt {padding-top:8px;}
.contModule.sc_message .txt_wrap .btn_wrap {padding-top:24px;}

/* Line Up New */
.contModule.lineup2 {}
.contModule.lineup2 .module {padding:48px 0 0 0;}
.contModule.lineup2 .module .header {padding-bottom:24px;}
.contModule.lineup2 .tab_wrap {width:auto; margin:0 24px;}
.contModule.lineup2 .tab_wrap .tab_cont {padding:21px 0 0 0;}
.contModule.lineup2 .lineup_cont {max-width:534px; margin:0 auto;}
.contModule.lineup2 .lineup_cont:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .thumbWrap {float:left; width:95px; padding:2px 24px 0 0; border-right:1px solid #E8E8E8;}
.contModule.lineup2 .lineup_cont .thumbWrap .list {width:69px;}
.contModule.lineup2 .lineup_cont .thumbWrap .item {padding-top:10px;}
.contModule.lineup2 .lineup_cont .thumbWrap .item:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .thumbWrap .txt_wrap {font-size:14px; line-height:16px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap {margin-left:117px; padding-bottom:36px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list {padding-top:36px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .header {padding:0 0 14px 0; font-size:19px; font-family:'HyundaiSansTextBold'; line-height:24px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .item {width:100%; padding-top:40px; font-size:0; line-height:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .item:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap {display:inline-block; width:190px; vertical-align:top;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap img {max-width:100%;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info {position:relative; margin:0 18px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:before,
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:after {content:''; position:absolute; top:0; height:6px; width:1px; background-color:#222;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:after {right:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p:before {content:''; position:absolute; top:50%; right:0; left:0;height:1px; margin-top:-2px; background-color:#222;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p {display:block; position:relative; width:100%; margin:0 0 0 0; padding-top:0; font-size:14px; line-height:16px; text-align:center;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p span {display:inline-block; position:relative; padding:0 19px; background-color:#fff;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap {display:inline-block; width:213px; margin-left:14px; padding-top:31px; vertical-align:middle;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dl {font-size:14px; line-height:16px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dt {font-family:'HyundaiSansTextBold'; text-align:left;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dd {padding-top:14px; color:#222; text-align:left;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list .info_txt {padding-top:24px; color:#35719E;}
/* 캡이 없을 경우 */
.contModule.lineup2 .lineup_cont .lineuplist_wrap.no_cap {width:417px; margin:0 auto;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap.no_cap .txt_wrap {padding-top:22px;}

/* Line Up Old */
.contModule.lineup {}
.contModule.lineup .module {padding:48px 0 0 0;}
.contModule.lineup .module .header {padding-bottom:24px;}
.contModule.lineup .tab_wrap {width:auto; margin:0 12px;}
.contModule.lineup .tab_wrap .tab_cont {padding:21px 0 0 0;}
.contModule.lineup .lineup_cont {}
.contModule.lineup .lineup_cont .thumbWrap {margin:0 -12px; padding-bottom:53px; overflow:hidden;}
.contModule.lineup .lineup_cont .thumbWrap .list {font-size:0; line-height:0; text-align:center;}
.contModule.lineup .lineup_cont .thumbWrap .item {display:inline-block; width:124px; margin:0 12px 0 12px; padding:0 0 23px 0;}
.contModule.lineup .lineup_cont .thumbWrap .img_wrap img {max-width:100%; width:auto;}
.contModule.lineup .lineup_cont .thumbWrap .txt_wrap {padding-top:6px; font-size:14px; font-family:'HyundaiSansTextBold'; line-height:19px;}
.contModule.lineup .lineup_cont .lineup_list {padding-bottom:48px; overflow:hidden;}
.contModule.lineup .lineup_cont .lineup_list .header {padding-bottom:18px; font-size:19px; font-family:'HyundaiSansTextBold'; line-height:19px; text-align:center;}
.contModule.lineup .lineup_cont .lineup_list .list {margin:0 -12px; font-size:0; line-height:0; text-align:center;}
.contModule.lineup .lineup_cont .lineup_list .item {display:inline-block; width:348px; margin:0 12px; padding:0 0 26px 0;}
.contModule.lineup .lineup_cont .lineup_list .img_wrap img {max-width:100%; width:auto;}
.contModule.lineup .lineup_cont .lineup_list .txt_wrap {padding-top:13px; font-size:19px; font-family:'HyundaiSansTextBold'; line-height:19px;}

/* Landing List */
.landing_list {}
.landing_list .header {padding:80px 0 48px 0;}
.landing_list .header .h_desc {padding-top:16px; color:#222;}
.landing_list .item .txt_wrap .align_cont {padding:40px 24px;}
.landing_list .item .txt_wrap .align_cont dl {max-width:348px;}
.landing_list .item .txt_wrap .align_cont dt {font-size:32px; line-height:40px;}
.landing_list .item .txt_wrap .align_cont dd {padding-top:8px; font-size:16px; line-height:24px;}

.landing_list .item .txt_wrap .align_cont .btn_wrap {padding-top:16px;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn {min-width:144px;}

.landing_list.col2 .item {}
.landing_list.col2 .item .txt_wrap .align_cont {padding:24px; }
.landing_list.col2 .item .txt_wrap .align_cont .title {max-width:80%; font-size:25px; line-height:27px; word-break:break-word;}

/* 갤러리 모듈 */
.gallery_view .header {height:54px; background-color:#35719E;}
.gallery_view .header .inner {padding:0 24px;}
.gallery_view .header .title {top:14px; left:24px;}
.gallery_view .header .h1_tit {font-size:21px; line-height:26px;}

.gallery_view .header .btns_posi {position:absolute; top:0; right:22px; font-size:0; line-height:0;}
.gallery_view .header .btn_gate, .gallery_view .header .btn_share, .gallery_view .header .btn_close {float:left; width:54px; height:54px; margin:0 2px;}
.gallery_view .header .btn_gate {margin-left:8px;}
.gallery_view .header .btn_gate a, .gallery_view .header .btn_share a, .gallery_view .header .btn_close a {display:block; height:54px; background:url('../images/product/ico_showroom_m.svg') no-repeat; opacity:0.7}
.gallery_view .header .btn_gate a {background-position:0 -96px;}
.gallery_view .header .btn_share a {background-position:-276px 0;}
.gallery_view .header .btn_close a {background-position:-54px -96px;}
.gallery_view .header .btn_gate a:hover, .gallery_view .header .btn_gate a:focus, .gallery_view .header .btn_share a:hover, .gallery_view .header .btn_share a:focus, .gallery_view .header .btn_close a:hover, .gallery_view .header .btn_close a:focus{opacity:1;}
.gallery_view .header .btn_thumb {float:left;}
.gallery_view .header .btn_thumb button {position:relative; padding-right:14px; height:54px; color:#fff; font-family:'HyundaiSansTextBold'; line-height:28px;}
.gallery_view .header .btn_thumb button:after {content:''; position:absolute; top:50%; right:0; width:10px; height:10px; margin:-5px 0 0 0; background:url('../images/product/ico_showroom_m.svg') no-repeat -108px -96px;}
.gallery_view .header .btn_thumb.on button:after {background-position:-108px -106px;}

.gallery_view .galleryBody {padding-top:54px;}
/* 갤러리 게이트 */

/* 썸네일 리스트 */
.galleryCont .thumbCont {top:-54px; height:132px; }
.galleryCont .thumbCont .thumbSlide_wrap {padding:24px 12px 0 12px;}
.galleryCont .thumbCont .slide_list .item {width:162px; margin:0 12px;}
.galleryCont .thumbCont .slide_list .item .img_wrap .btn_movie{width:24px; height:24px; margin:-12px 0 0 -12px; background:url('../images/common/icon_all_m.svg') no-repeat -144px -355px;}

.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow {width:24px; height:24px; margin-top:-12px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico, .galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico {width:24px; height:24px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico:after, .galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico:after {top:0; width:24px; height:24px; margin:0; background:url('../images/product/ico_showroom_m.svg') no-repeat;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico:after {background-position:0 -210px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico:after {background-position:-24px -210px;}

.galleryCont .thumbCont.open {top:54px;}

/* 갤러리 슬라이드 */
.galleryCont {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .gallerySlide {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .item {float:left; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap {position:absolute; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; height:160px; opacity: 0.4; background: rgba(0, 0, 0, 1); background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie {position:absolute; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px; background:url('../images/common/icon_all_m.svg') no-repeat 0 -355px; z-index:10;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:hover, .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:focus {background-position:-48px -355px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .inner {display:table; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .align_cont {display:table-cell; padding:80px 50px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .txt {padding-top:16px; opacity:0.7;}

.galleryCont .gallerySlide_wrap .btn_arrow {position:absolute; top:50%; width:24px; height:48px; margin-top:-24px;}
.galleryCont .gallerySlide_wrap .btn_arrow.prev {left:0;}
.galleryCont .gallerySlide_wrap .btn_arrow.next {right:0;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico {width:24px; height:48px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico:after {top:0; width:24px; height:48px; margin:0; background:url('../images/common/icon_all_m.svg') no-repeat;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico:after {background-position:-24px 0;}

.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev:hover .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -48px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next:hover .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-24px -48px;}

/* 화이트 버전 */
.galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie {background-position:-96px -355px;}
.galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie:hover, .galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie:focus {background-position:-48px -355px;}
.galleryCont .gallerySlide_wrap .slide_list .module.dark .txt_wrap {color:#fff}

/* 갤러리 열였을 때 */
.gallery_open {overflow:hidden; overflow-y:scroll;}

/* 동영상 레이어 팝업 */
.layer_movie {}
.layer_movie .movie_wrap {position:relative; padding:0 0 56.25% 0;}
.layer_movie .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.layer_movie .movie_wrap .btn_close {position:absolute; top:0; right:0; width:32px; height:32px; z-index:10;}
.layer_movie .movie_wrap .btn_close button {width:32px; height:32px; background:url('../images/main/img_main_m.svg') no-repeat -174px 0;}

/* 190620 */
/* SNS공유하기 레이어 팝업 */
.layer_wrap.snsShare_wrap {position:relative; width:360px; background-color:#fff;}
.layer_wrap.snsShare_wrap .layer_cont {padding:40px 0;}
.layer_wrap.snsShare_wrap .title {color:#222; font-family:HyundaiSansHeadBold; font-size:14px; text-align:center;}
.layer_wrap.snsShare_wrap .list_wrap {padding-top:40px; text-align:center;}
.layer_wrap.snsShare_wrap .list_wrap .item {display:inline-block; width:36px; height:36px; margin:0 5px;}
.layer_wrap.snsShare_wrap .list_wrap .item a {display:block; height:36px; background:url('../images/common/icon_all_m.svg') no-repeat 0 0;}
.layer_wrap.snsShare_wrap .list_wrap .item .facebook {background-position:-144px -48px;}
.layer_wrap.snsShare_wrap .list_wrap .item .facebook:hover, .layer_wrap.snsShare_wrap .list_wrap .item .facebook:focus {background-position:-192px -168px;}
.layer_wrap.snsShare_wrap .list_wrap .item .twitter {background-position:-180px -48px;}
.layer_wrap.snsShare_wrap .list_wrap .item .twitter:hover, .layer_wrap.snsShare_wrap .list_wrap .item .twitter:focus {background-position:-228px -168px;}
.layer_wrap.snsShare_wrap .list_wrap .item .google_plus {background-position:-216px -48px;}
.layer_wrap.snsShare_wrap .list_wrap .item .google_plus:hover, .layer_wrap.snsShare_wrap .list_wrap .item .google_plus:focus {background-position:-264px -168px;}
.layer_wrap.snsShare_wrap .list_wrap .item .linkedin {background-position:-216px -48px;}
.layer_wrap.snsShare_wrap .list_wrap .item .linkedin:hover, .layer_wrap.snsShare_wrap .list_wrap .item .linkedin:focus {background-position:-264px -168px;}
.layer_wrap.snsShare_wrap .list_wrap .item .pinterest {background-position:-252px -48px;}
.layer_wrap.snsShare_wrap .list_wrap .item .pinterest:hover, .layer_wrap.snsShare_wrap .list_wrap .item .pinterest:focus {background-position:-300px -168px;}
.layer_wrap.snsShare_wrap .list_wrap .item .copy_url {background-position:-288px -48px;}
.layer_wrap.snsShare_wrap .list_wrap .item .copy_url:hover, .layer_wrap.snsShare_wrap .list_wrap .item .copy_url:focus {background-position:-336px -168px;}
.layer_wrap.snsShare_wrap .btn_close {position:absolute; top:0; right:0;}
.layer_wrap.snsShare_wrap .btn_close button {width:24px; height:24px; background:url('../images/common/icon_all_m.svg') no-repeat -276px 0;}
/* //190620 */

.layer_wrap.snsShare_wrap .copyUrl_msg {display:none; max-width:300px; margin:0 auto; padding-top:24px; color:#fff; font-size:14px; line-height:19px; text-align:center;}

.layer_wrap.snsShare_wrap.url_copy {background-color:#35719E;}
.layer_wrap.snsShare_wrap.url_copy .title {color:#fff;}
.layer_wrap.snsShare_wrap.url_copy .list_wrap {display:none;}
.layer_wrap.snsShare_wrap.url_copy .btn_close button {background-position:-276px -24px;}
.layer_wrap.snsShare_wrap.url_copy .copyUrl_msg {display:block; }

/* 에러 */
.error_wrap {padding:80px 0; background-color:#35719E;}
.error_wrap .header {max-width:660px; margin:0 auto; text-align:center;}
.error_wrap .header .ico {display:block; width:108px; height:108px; margin:0 auto;}
.error_wrap .header .ico:after {width:108px; height:108px; margin-top:-54px; background-position:-84px -168px;}
.error_wrap .header .h1_tit {padding-top:48px; color:#fff; font-size:36px; line-height:44px;}
.error_wrap .header .txt {padding-top:16px; color:#fff; opacity:0.7;}
.error_wrap .error_cont {max-width:660px; margin:0 auto; padding-top:64px; text-align:center;}
.error_wrap .error_cont .footer .list {display:inline-block; font-size:0; line-height:0;}
.error_wrap .error_cont .footer .list .item {display:inline-block; padding:0 12px;}
.error_wrap .error_cont .footer .list a {color:#fff; font-size:18px; line-height:28px;}
.error_wrap .error_cont .btn_wrap {padding-top:32px;}
.error_wrap .error_cont .btn_wrap .btn {min-width:373px; border-color:#fff; background-color:transparent; color:#fff;}
.error_wrap .error_cont .btn_wrap .btn i.ico.out_link:after {background-position:-192px 0;}

/* 쿠키 사용 레이어 */
.notificationBars.use_cookie {position:fixed; right:0; bottom:-100%; left:0; padding:14px 0; background-color:#F8F8F8; z-index:10;}
.notificationBars.use_cookie .cookie_info dt {font-size:13px; font-family:'HyundaiSansHeadBold'; line-height:16px;}
.notificationBars.use_cookie .cookie_info dd {padding-top:7px; color:#222; font-size:9px; line-height:14px;}
.notificationBars.use_cookie .cookie_info .btn_wrap {padding-top:9px;}
.notificationBars.use_cookie .cookie_info .btn_wrap .btn {font-size:9px; font-family:'HyundaiSansHeadBold';}

/* Experience 공통 */
.experience_wrap {}
.experience_wrap .cont_row:first-child .contModule.cont_h2 .h2_tit {max-width:400px; font-size:32px; line-height:34px;}
.experience_wrap .cont_row:first-child .contModule.cont_h2 .txt {max-width:400px; padding-top:8px; font-size:16px; line-height:24px;}

/* Mega Fair 상세보기 */
.mega_fair {margin-top:-32px;}
.mega_fair .cont_row .cont_row.md {margin:0;}
.mega_fair .leads_wrap {padding:20px 0 0 0;}
.mega_fair .mutual_wrap {padding:0 0 48px 0; text-align:center;}
.mega_fair .mutual_wrap .header {max-width:750px; margin:0 auto; padding:0 0 40px 0; text-align:center;}
.mega_fair .mutual_wrap .header .txt {padding-top:8px;}
.mega_fair .mutual_wrap .list {display:inline-block; font-size:0; line-height:0;}
.mega_fair .mutual_wrap .list .item {display:inline-block; max-width:310px; padding:0 41px; vertical-align:top;}
.mega_fair .mutual_wrap .list .img_wrap img {max-width:100%;}
.mega_fair .mutual_wrap .list .txt_wrap {padding-top:16px;}
.mega_fair .mutual_wrap .list .txt_wrap .h3_tit {font-size:21px; line-height:26px;}
.mega_fair .mutual_wrap .list .txt_wrap .txt {padding-top:4px; color:#222; font-size:11px; line-height:16px;}
.mega_fair .safety_tech .txt_wrap .align_cont {padding-top:0;}
.mega_fair .leads_contents {padding:0 0 0 0;}
.mega_fair .leads_contents ul {position:relative; overflow:hidden;}
.mega_fair .leads_contents ul:after {display:block; content:''; clear:both; padding-top:68.25%;}
.mega_fair .leads_contents ul li {display:inline-block; position:absolute; vertical-align:bottom;}
.mega_fair .leads_contents ul li img {display:inline-block; max-width:100%; width:100%; vertical-align:bottom;}
.mega_fair .leads_contents ul li.leads_list1 {top:0; left:0;width:50%; height:100%; padding-right:20px;}
.mega_fair .leads_contents ul li.leads_list1 img {height:100%;}
.mega_fair .leads_contents ul li.leads_list2 {top:0; right:0; width:50%; height:51.15995115995%; padding:0 0 0 0;}
.mega_fair .leads_contents ul li.leads_list3 {bottom:0; right:0; width:50%; height:48.84004884005%; padding:0 0 0 0;}
.mega_fair .new_tech .contModule.cont_h3tit .txt_wrap .align_cont {padding-top:0;}
.mega_fair .new_tech .contModule.h4tita1 .txt_wrap .align_cont {padding-bottom:0;}
.mega_fair .safety_wrap {padding:0 0 48px 0;}
.mega_fair .smart_cruise {padding-bottom:48px;}
.mega_fair .invitation_local .txt_wrap .align_cont {padding-left:0;}
.mega_fair .contModule.h4titf1 .module { margin: 0;}/*191106 add*/

/* Business Fair 191106 add */
.business_fair .leads_wrap { padding: 20px 0 0 0; }
.business_fair .contModule.h4titf1 .module { margin: 0;}
.business_fair .cont_row .cont_row.md {margin:0;}
/* //Business Fair 191106 add */

/* Xcient Fuel Consumption Contest */
.xcientFuel .cont_row:first-child .contModule.cont_h3tit .txt_wrap .align_cont {padding-top:0;}
.xcientFuel .cont_row .average_wrap li {float:none; width:33.3333%;}
.xcientFuel .cont_row .average_wrap li:first-child {float:none;}
.xcientFuel .cont_row .average_wrap li:nth-child(2) {padding:0 20px;}
.xcientFuel .cont_row .average_wrap li:last-child {float:none;}
.xcientFuel .cont_row .average_wrap h4.sub_tit {padding-bottom:15px; font-family:HyundaiSansTextRegular; color:#222; font-size:14px; line-height:16px;}
.xcientFuel .cont_row .average_wrap p.txt {font-family:HyundaiSansHeadBold; font-size:32px; color:#35719E; line-height:32px;}
.xcientFuel .cont_row .victory_wrap .contModule .sub_tit {font-size:38px; line-height:38px;}
.xcientFuel .cont_row .victory_wrap .contModule .sub_tit2 {font-size:20px;}
.xcientFuel .contModule.h4titc1 li.item .txt_wrap {visibility:visible; opacity:1;}

/* H:EAR-O Driving Class */
.hearDriving {}
.hearDriving .cont_row.md {margin-right:0; margin-left:0;}
.hearDriving .contModule.h4tita1 .txt_wrap .align_cont {padding:0 0 48px 0;}
.hearDriving .contModule.h4tita1 .txt_wrap .align_cont .txt {max-width:none;}
.hearDriving .hearDriving_txt .txt_wrap .align_cont .txt:first-child {padding-top:0;}
.hearDriving .driving_video {padding:0 0 24px;}
.hearDriving .driving_video .module {margin-right:0; margin-left:0;}

/* Before Service */
.beforeService {}
.beforeService .contModule.h4titf1 .module{margin:0;}
.beforeService .before_video .module {margin-right:0; margin-left:0;}
.beforeService .before_list {margin-top:48px;}

/* layout */
#wrap {}
#header {}
#header .util_menu {height:24px; background-color:#35719E; text-align:right;}
#header .util_menu a {font-size:11px; line-height:24px;}
#header .util_menu a.out_link {position:relative; padding-right:16px;}
#header .util_menu a.out_link:after {content:''; position:absolute; top:50%; right:0; width:12px; height:12px; margin-top:-6px; background:url('../images/common/icon_all_m.svg') no-repeat -240px -12px;}
#header .util_menu .list {padding-right:6px;}
#header .util_menu .item {padding-right:18px;}
#header .util_menu .depth2menu_wrap {display:none; max-height:0; position:absolute; top:24px; left:-6px; width:auto; overflow:hidden; -ms-transition:max-height 0.3s ease; -o-transition:max-height 0.3s ease; -moz-transition:max-height 0s ease; -webkit-transition:max-height 0.3s ease; transition:max-height 0.3s ease;}
#header .util_menu .depth2menu_wrap .depth2_menu {position:relative; padding:4px 6px 8px 6px; background-color:#35719E; text-align:left;}
#header .util_menu .depth2menu_wrap .depth2_menu li {display:none; padding:8px 0 0 0;}
#header .util_menu .depth2menu_wrap .depth2_menu li:first-child {padding-top:0;}
#header .util_menu .depth2menu_wrap .depth2_menu a {color:rgba(255, 255, 255, 0.7); font-size:8px; line-height:12px}
#header .util_menu .item.open {z-index:110;}
#header .util_menu .item.open .depth2menu_wrap {display:block; max-height:150px; -ms-transition:max-height 0.5s linear; -o-transition:max-height 0.5s linear; -moz-transition:max-height 0.5s linear; -webkit-transition:max-height 0.5s linear; transition:max-height 0.5s linear;}
#header .util_menu .item.open .depth2menu_wrap .depth2_menu {opacity:1;}
#header .util_menu .item.open .depth2menu_wrap .depth2_menu li {display:block;}
#header .header_wrap {min-height:54px; padding:0 24px}
#header .header_wrap .logo {float:left; margin-top:19px;}
#header .header_wrap .logo a {width:122px; height:18px; background-size:cover;}

#header .gnb_area {float:left; padding-left:34px;}
#header .gnb_area .depth1_wrap {padding-top:19px;}
#header .gnb_area .depth1_wrap:after {content:''; display:table; clear:both;}
#header .gnb_area .depth1_wrap .depth1_list {padding:0 12px;}
#header .gnb_area .depth1_wrap .depth1_link {font-size:11px; line-height:16px;}
#header .gnb_area .depth1_wrap .depth1_list.eco_menu .depth1_link img {max-width:16px; margin-right:4px; vertical-align:middle; }

/* 2Depth Menu */
#header .gnb_area .depth2_wrap {position:absolute; top:54px; right:0; left:0; background:#fff;}
#header .gnb_area .depth2_wrap .depth2_menu {display:none;}
#header .gnb_area .depth2_wrap .scroll_wrap .scroll_inner {position:relative; overflow:hidden;}
#header .gnb_area .depth2_wrap .scroll_wrap .scroll_bar {position:absolute; top:0; right:0; width:4px; bottom:0;}
#header .gnb_area .depth2_wrap .scroll_wrap .scroll_bar .bg {position:relative; display:block; height:40px; background-color:#fff; cursor:pointer;}
#header .gnb_area .depth2_wrap .depth2_list {padding-bottom:120px;}
#header .gnb_area .depth2_wrap .depth2_list .list {font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .depth2_list .item {display:inline-block; width:33.33333333%; vertical-align:top; word-break:break-all;}
#header .gnb_area .depth2_wrap .depth2_list .item a {display:block; text-decoration:none;}
#header .gnb_area .depth2_wrap .depth2_list .item .module {padding:24px 12px 24px 12px;}
#header .gnb_area .depth2_wrap .depth2_list .item .img_wrap img {max-width:100%;}
#header .gnb_area .depth2_wrap .depth2_list .item .txt_wrap {padding-top:16px; font-size:14px; line-height:16px;}
/* Product Menu */
#header .gnb_area .depth2_wrap .product_menu {}
#header .gnb_area .depth2_wrap .product_menu .prod_header {text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .scroll_wrap {height:auto;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .btn_open {display:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap {padding-top:24px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1 {display:inline-block; font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list {display:inline-block; padding:0 12px; font-size:25px; line-height:27px;} /* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list a {display:block; opacity:0.15; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prodDepth1_list.on a {color:#35719E; opacity:1;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap {padding-top:14px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list {display:inline-block; height:20px; margin:2px; font-size:8px; line-height:18px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list a {display:block; padding:0 4px; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list.on {background-color:#f6f3f2;} /* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_list.on a {color:#fff;}

#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 {min-width:90px; margin-left:0; padding:0; font-size:8px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open {width:100%; height:20px; padding:0 20px 0 8px; background-color:#35719E; color:#fff; font-size:8px; line-height:20px;}
/* 181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open .ico {right:4px; width:12px; height:20px; margin-top:-10px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open .ico:after {width:12px; height:20px; margin-top:-10px; background:url('../images/common/icon_all_m.svg') no-repeat -174px -26px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item_list {display:none; position:absolute; top:20px; right:0; left:0; padding:0; border-left:1px solid #35719E; border-right:1px solid #35719E; background-color:#fff;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item {border-bottom:1px solid #35719E;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item a {padding:0 8px; font-size:8px; line-height:20px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item.on a {opacity:1;}
/* //181206 수정 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.open .item_list {display:block;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.on {display:inline-block; margin:2px 0;}


#header .gnb_area .depth2_wrap .product_menu .scroll_wrap {padding:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list {padding-top:64px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item {width:25%; text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module {position:relative; padding:0 0 40px 0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .img_wrap {position:absolute; top:0; right:0; left:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap {padding:42.73504273% 10px 0 10px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .title {padding-top:4px; font-size:11px; line-height:16px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .flag_wrap {height:16px; padding:0 5px; font-size:8px; line-height:16px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .info_txt {font-size:8px; line-height:12px;}

#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine {text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .list {display:inline-block; min-width:288px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item {width:50%; padding:0 12px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module {padding:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .img_wrap {}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .txt_wrap {padding-top:100%;}

#header .gnb_area .depth2_wrap .product_menu .service_menu {height:54px; padding:0 24px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dl {font-size:0; line-height:0;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt,
#header .gnb_area .depth2_wrap .product_menu .service_menu dd {display:inline-block; vertical-align:top;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt {width:15%; padding:14px 0 0 0; font-size:21px; line-height:26px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dt a {font-size:21px; line-height:26px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu dd {width:85%;}
#header .gnb_area .depth2_wrap .product_menu .service_menu li {padding-top:19px;}
#header .gnb_area .depth2_wrap .product_menu .service_menu a {font-size:11px; line-height:16px;}
/* 2Depth Menu 열였을 때 */
html.gnb_open #header .gnb_area .depth2_wrap .depth2_menu.on {display:block;}

/* Wide Type */
#header .gnb_area .depth2_wrap.typeWide .scroll_wrap {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list {padding-bottom:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item {width:50%;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .module {position:relative; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; padding:0; font-size:25px; line-height:27px;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap .align_cont {max-width:80%; padding:24px 0 0 24px; word-break:break-word;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list {padding-bottom:24px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item {text-align:left;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .img_wrap {position:static;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .align_cont {position:absolute; top:0; right:0; bottom:0; width:67.1875%; max-width:none; z-index:10; word-break:normal;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .align_cont:after {content:''; display:block; padding-top:56.5899%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap img {position:absolute; bottom:0; right:0; max-height:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap {padding:24px 0 0 24px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .title {padding:0; font-size:25px; line-height:27px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .flag_wrap {display:inline-block; position:static; margin-left:12px; vertical-align:middle;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .info_txt {padding-top:4px; font-size:8px; line-height:12px;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine {padding-top:0; text-align:center;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .list {display:inline-block; width:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item {width:50%; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .inner {position:relative; padding:76.3358% 0 0 0; background-repeat:no-repeat; background-size:cover;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .inner:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(53, 113, 158, 0.7); opacity:0; transition:opacity 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .align_cont {position:absolute; top:77px; right:20px; bottom:16px; width:52.0833%; z-index:10;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .align_cont:after {content:''; display:block; padding-top:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap img {position:absolute; top:0; right:0; max-height:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; padding:24px 0 0 24px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap .title {padding:0;}

#header .header_wrap .all_menu {}
#header .header_wrap .all_menu.open{margin-top: 25px}/* 230428 add */
#header .header_wrap .all_menu .go_network {display:none;}
#header .header_wrap .all_menu .btn_open, #header .header_wrap .all_menu .btn_close {position:absolute; top:0; right:24px; width:70px; height:54px; z-index:105;}
#header .header_wrap .all_menu .btn_open button, #header .header_wrap .all_menu .btn_open a {width:70px; height:54px;}
#header .header_wrap .all_menu .btn_open button svg{margin-left: 18px;margin-top: 11px;width: 52px;height: 43px}/* 230428 add */
#header .header_wrap .all_menu .btn_close {display:none; top:0;}
#header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu .btn_close a {width:70px; height:54px;}

/* 검색 */
#header .header_wrap .all_menu .searchWrap {top:-24px; height:78px;}
#header .header_wrap .all_menu .searchWrap .search_area {position:relative; height:78px; padding:26px 0 0 82px;}
#header .header_wrap .all_menu .searchWrap .search_area .input_word {width:83.0729%; height:33px;}
#header .header_wrap .all_menu .searchWrap .search_area input {height:33px; font-size:21px; line-height:26px;}
#header .header_wrap .all_menu .searchWrap .search_area .btn_search {top:5px; font-size:16px; line-height:16px;}
#header .header_wrap .all_menu .searchWrap .search_area .ico {top:24px; left:30px; width:38px; height:30px;}
#header .header_wrap .all_menu .searchWrap .search_area .ico:after {width:38px; height:30px; margin-top:-15px; background:url('../images/common/gnb_all_m.svg') no-repeat -210px 0;}
#header .header_wrap .all_menu .searchWrap .search_area .error_msg {height:33px; font-size:21px; line-height:26px;}

#header .header_wrap .all_menu .searchWrap .search_area.blank .ico:after {background-position:-248px 0;}

/* 전체메뉴 */
#header .header_wrap .all_menu .allMenu_wrap {display:none; position:absolute; top:54px; right:0; left:0; background:#fff url('../images/common/bg_allmenu.jpg') no-repeat top center; background-size:cover; z-index:100;}
#header .header_wrap .all_menu .allMenu_wrap .allmenu_list {position:relative; margin:0 24px 48px 24px; background-color:#fff; }
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap {height:800px; padding:0 0 0 0; overflow:hidden; overflow-y:scroll;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar {position:absolute; top:0; right:-20px; bottom:0; width:4px;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar .bg {position:relative; display:block; height:40px; background-color:#fff;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_inner {position:relative; padding:48px 69px 0 69px;}
#header .header_wrap .all_menu .allMenu_wrap .h1_tit {padding-bottom:48px; color:#35719E; text-align:center;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu {padding-bottom:24px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu:after {content:''; display:table; clear:both;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit {position:relative; float:left; width:36.0824%; margin-bottom:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit:after {width:24px; height:2px; margin-top:16px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit a {text-decoration:none;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .menu_list {margin-left:36.0824%; font-size:0; line-height:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu {display:inline-block; width:50%; padding-bottom:24px; vertical-align:top;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .h3_tit {font-size:14px; line-height:16px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .h3_tit a {text-decoration:none;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .list {padding-top:10px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item {padding-top:2px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item:first-child {padding-top:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a {font-size:11px; line-height:16px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a:after {content:''; display:block; width:100%; height:2px; background-color:#222; opacity:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a:hover {}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a:hover:after {opacity:1;}

/* 전체메뉴 열였을 때 */
#header .header_wrap .all_menu.open .btn_open {display:none;}
#header .header_wrap .all_menu.open .btn_close {display:block;}

html.allmenu_open #header .header_wrap .all_menu .btn_close, #header .header_wrap .all_menu.open .btn_close {display:block; top:-12px; padding:6px 0 0 9px; text-align:left;}
html.allmenu_open #header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu.open .btn_close a {display:inline-block; position:relative; width:54px; height:100%;}

#header .header_wrap .all_menu.open .searchWrap {display:block;}
#header .header_wrap .all_menu.open .allMenu_wrap {display:block;}

#container {}
#content {}
/* 공통 하단 영역 */
.cont_footer .location_wrap {height:48px;}
.cont_footer .location_wrap .inner {width:auto; margin:0 24px;}
.cont_footer .location_wrap .location {padding-top:12px; font-size:11px; line-height:24px;}
.cont_footer .location_wrap .location a, .cont_footer .location_wrap .location span {font-size:11px; line-height:24px;}
.cont_footer .location_wrap .location span {padding:0 5px;}
.cont_footer .location_wrap .location .home {}
.cont_footer .location_wrap .location .home .ico {margin-right:8px;}
.cont_footer .location_wrap .location .home .ico:after {background:url('../images/common/icon_all_m.svg') no-repeat -216px 0;}
.cont_footer .location_wrap .location .home:hover .ico:after, .cont_footer .location_wrap .location .home:focus .ico:after {background-position:-216px -24px;}
.cont_footer .location_wrap .sns_share {top:12px;}
.cont_footer .location_wrap .sns_share .btn_share {position:relative; display:block; padding-right:30px; font-size:8px; line-height:24px; text-decoration:none;}
.cont_footer .location_wrap .sns_share .btn_share:after {content:''; position:absolute; top:0; right:0; width:24px; height:24px; background:url('../images/common/icon_all_m.svg') no-repeat -510px 0;}
.cont_footer .location_wrap .sns_share .btn_share:hover, .cont_footer .location_wrap .sns_share .btn_share:focus {color:#35719E;}
.cont_footer .location_wrap .sns_share .btn_share:hover:after, .cont_footer .location_wrap .sns_share .btn_share:focus:after {background-position:-510px -24px;}
.cont_footer .location_wrap .sns_share .list_wrap {display:inline-block;}
.cont_footer .location_wrap .sns_share .item a {display:block; width:24px; height:24px; background:url('../images/common/img_footer_m.svg') no-repeat;}
.cont_footer .location_wrap .sns_share .item a.facebook {background-position:0 0;}
.cont_footer .location_wrap .sns_share .item a.twitter {background-position:-24px 0;}
.cont_footer .location_wrap .sns_share .item a.google_plus {background-position:-48px 0;}
.cont_footer .location_wrap .sns_share .item a.pinterest {background-position:-72px 0;}

.cont_footer .seomenu_wrap {background-color:#35719E; padding:0 0 44px 0; font-size:0; line-height:0;}
.cont_footer .seomenu_wrap .cont_col {display:inline-block; width:25%; vertical-align:top;}
.cont_footer .seomenu_wrap .menu_list_wrap {}
.cont_footer .seomenu_wrap .menu_list_wrap, .cont_footer .seomenu_wrap .menu_list_wrap a {color:#fff;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit {padding:44px 0 16px 0; font-size:11px; font-family:'HyundaiSansTextBold'; line-height:16px;}
.cont_footer .seomenu_wrap .menu_list {padding-top:16px;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit + .menu_list {padding-top:0;}
.cont_footer .seomenu_wrap .menu_list, .cont_footer .seomenu_wrap .menu_list a {font-size:11px; line-height:16px;}
.cont_footer .seomenu_wrap .menu_list .title {font-family:'HyundaiSansTextRegular';}
.cont_footer .seomenu_wrap .menu_list .item, .cont_footer .seomenu_wrap .menu_list .item a {color:#BED5E4; font-size:8px; line-height:14px;}

#footer {}
#footer .footer_wrap {height:77px; padding:0; background-color:#35719E;}
#footer .footer_wrap .inner {position:relative; width:auto; padding:24px 24px 0 24px;}
#footer .footer_wrap .logo {position:absolute; top:33px; left:24px;}
#footer .footer_wrap .logo a {display:block; width:87px; height:12px; background:url('../images/common/footer_logo.svg') no-repeat; background-size:cover;}

#footer .footer_wrap .footer_menu {margin:0 0 0 192px; padding-top:0;}
#footer .footer_wrap .footer_menu .menu_list {display:inline-block; font-size:0; line-height:0; vertical-align:middle;}
#footer .footer_wrap .footer_menu .menu_list .item {display:inline-block; padding:0 12px;}
#footer .footer_wrap .footer_menu .menu_list .item:first-child {padding-left:0;}
#footer .footer_wrap .footer_menu .menu_list .item a,
#footer .footer_wrap .link_global a {font-size:11px; line-height:16px;} /* 20190625_2 */
#footer .footer_wrap .footer_menu .copyright {padding-top:1px; font-size:8px; line-height:12px;}

#footer .footer_wrap .affiliates_wrap {display:inline-block; margin-left:0; padding-left:12px; vertical-align:middle;}
#footer .footer_wrap .affiliates_wrap .btn_open a {position:relative; display:inline-block; color:#fff; line-height:11px; text-decoration:none;}
#footer .footer_wrap .affiliates_wrap .btn_open .ico {width:11px; height:11px; margin-left:8px;}
#footer .footer_wrap .affiliates_wrap .btn_open .ico:after {width:11px; height:11px; margin-top:-6px; background:url('../images/common/img_footer_m.svg') no-repeat 0 -24px;}

.affiliates_cont {position:absolute; top:auto; bottom:53px; right:0; left:0; width:100%; margin:0; padding:48px 24px 0 24px; opacity:1; visibility:visible; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.affiliates_cont .scroll_wrap {overflow:hidden; overflow-y:auto;}
.affiliates_cont .h5_tit {font-size:21px; line-height:26px; text-align:center;}
.affiliates_cont .affiliatesList_wrap {width:auto; margin:0 auto;}
.affiliates_cont .affiliatesList_wrap .affiliates_list {padding:32px 0 30px 0; font-size:0; line-height:0;}
.affiliates_cont .affiliates_list .cont_col {display:inline-block; width:33.3333%; padding:0 48px 0 0; vertical-align:top;}
.affiliates_cont .affiliates_list .cont_col .affiliates {padding-bottom:48px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .title {font-size:11px; font-family:'HyundaiSansTextBold'; line-height:16px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap {padding-top:16px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item {display:block; padding:8px 0 0 0;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item:first-child {padding:0;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item a {color:#222; font-size:11px; line-height:16px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item a:hover {color:#1672A2; text-decoration:underline;}
.affiliates_cont .btn_close {position:absolute; top:0; right:0; width:48px; height:48px;}
.affiliates_cont .btn_close button {position:relative; width:48px; height:48px;}
.affiliates_cont .btn_close button:after {content:''; position:absolute; top:0; left:0; width:48px; height:48px; background:url('../images/common/img_footer_m.svg') no-repeat 0 -35px;}
.affiliates_wrap.open .affiliates_cont {bottom:53px; opacity:1; visibility:visible; z-index:110; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}

#footer .footer_wrap .sns_link {display:inline-block; padding-left:10px; vertical-align:middle;}/* 230508 edit */
#footer .footer_wrap .sns_link a {position:relative; padding-right:26px; color:#fff;}
#footer .footer_wrap .sns_link a:after {content:''; position:absolute; top:50%; right:0; width:20px; height:20px; background:url('../images/common/img_footer_m.svg') no-repeat 0 0; -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}

/* Top 버튼 */
.btnTop_wrap {position:fixed; right:0; bottom:0;}
.btnTop_wrap .btn_top {display:block; width:32px; height:32px; background:url('../images/common/icon_all_m.svg') no-repeat 0 -252px;}
}

/* Mobile */
@media only screen and (max-width: 767px) {
body, input, textarea, select, button, table {font-size:16px; line-height:21px}
/* font */
.h1_tit {font-size:38px; line-height:41px;}
.h2_tit {font-size:28px; line-height:33px;}
.h3_tit {font-size:28px; line-height:33px;}
.h4_tit {font-size:20px; line-height:25px;}
.h5_tit {font-size:18px; line-height:23px;}
.date {font-size:12px; line-height:17px;}

.txt_link {font-family:'HyundaiSansTextBold';}
.txt_link .ico {display:inline-block; width:18px; height:18px; background:url('../images/common/icon_all.svg') no-repeat; vertical-align:middle;}
/* font color */

.br_mo {display:block;} /* 200928 add */

/* icons */
i.ico {width:25px; height:38px; vertical-align:top;}
i.ico:after {content:''; position:absolute; top:50%; left:0; width:25px; height:25px; margin-top:-13px; background:url('../images/common/icon_all_s.svg') no-repeat; background-size:400px 400px;}
i.ico.more {width:40px; height:40px;}
i.ico.more:after {width:40px; height:40px; margin-top:-20px; background-position:-80px 0;}
i.ico.list {display:none;}
i.ico.list:after {display:none;}
i.ico.search {width:40px; height:40px;}
i.ico.search:after {width:40px; height:40px; margin-top:-20px; background-position:-265px 0;}
i.ico.close {width:40px; height:40px;}
i.ico.close:after {width:40px; height:40px; margin-top:-20px; background-position:-305px 0;}
i.ico.video {width:40px; height:40px;}
i.ico.video:after {width:40px; height:40px; margin:-20px 0 0 0; background-position:-230px -290px;}
i.ico.video:hover:after, i.ico.video:focus:after {background-position:-270px -290px;}
.dark i.ico.video:after {background-position:-310px -290px;}
.dark i.ico.video:hover:after, .dark i.ico.video:focus:after {background-position:-270px -290px;}
i.ico.down:after {background-position:-80px -80px;}
i.ico.link:after {background-position:-200px -25px}
i.ico.out_link:after {background-position:-200px -25px}

.blue i.ico.more:after {background-position:-80px -40px;}
.blue i.ico.list:after {dipslay:none;}
.blue i.ico.down:after {background-position:-80px -105px;}

/* sapce */
.mt80 {margin-top:0;}
.pt80 {padding-top:60px;}

/* button */
.btn {min-width:146px; height:40px; border-width:1px; font-size:14px; line-height:40px;}
button.btn {}
.btn:hover i.ico.more:after, .btn:focus i.ico.more:after {background-position:-80px -40px;}
.btn:hover i.ico.list:after, .btn:focus i.ico.list:after {background-position:-75px 0;}
.btn:hover i.ico.down:after, .btn:focus i.ico.down:after {background-position:-80px -105px;}
.btn:hover i.ico.link:after, .btn:focus i.ico.link:after {background-position:-200px 0;}
.btn:hover i.ico.out_link:after, .btn:focus i.ico.out_link:after {background-position:-200px 0;}

.btn.small {height:40px; line-height:40px;}
.btn.large {height:40px; line-height:40px;}

.btn.blue {line-height:40px;}
.btn.blue.large {line-height:40px;}

.blue i.ico.out_link:after {background-position:-200px 0}

.btn.blue:hover i.ico.more:after, .btn.blue:focus i.ico.more:after {background-position:-80px 0;}

.btn.blue:hover i.ico.list:after, .btn.blue:focus i.ico.list:after {background-position:-50px 0;}

.btn.blue:hover i.ico.down:after, .btn.blue:focus i.ico.down:after {background-position:-80px -80px;}
.btn.blue:hover i.ico.out_link:after, .btn.blue:focus i.ico.out_link:after {background-position:-200px -25px}

.btn i.ico {height:100%; margin-left:8px;}
.btn i.ico.left {margin:0 8px 0 0;}
.btn.ico_r {position:relative; padding:0 45px 0 12px;}
.btn.ico_r i.ico {position:absolute; top:0; right:8px;}

.link_txt {display:inline-block; min-width:146px; height:40px; padding:0 10px; border:1px solid #222; font-family:'HyundaiSansTextBold'; font-size:14px; line-height:40px; text-align:center; vertical-align:middle; cursor:pointer; overflow:visible; white-space:nowrap;}
.link_txt .ico {display:none;}
/* form */
/* table */
/* board list */
/* accordion */
/* page */
/* bullet list */
.bul_list {word-break:break-all}
.bul_list .bul_num {position:relative; padding-left:20px;}
.bul_list .bul_num .bullet {position:absolute; top:0; left:0; display:inline-block;}
/* tab */
.tab_wrap {position:relative;}
.tab_wrap .btn_open {display:block;}
.tab_wrap .tab_depth1 {position:absolute; top:50px; right:0; left:0; z-index:5; visibility:hidden; opacity:0; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.tab_wrap .tab_depth1 .tab_list {float:none;width:100%;background-color:#fff}/* 201022 modify */
.tab_wrap .tab_depth1 .tab_link {margin:-1px 0 0 0;border:1px solid #999;font-family:'HyundaiSansTextRegular';color:#666}/* 201022 modify */
.tab_wrap .tab_depth1 .tab_link:hover, .tab_wrap .tab_depth1 .tab_link:focus {color:#fff;}
.tab_wrap .tab_depth1 .tab_list.on .tab_link {border-color:#222; background-color:#fff; color:#222; font-family:'HyundaiSansTextBold';}
.tab_wrap .tab_depth2 .tab {padding-top:0;}
.tab_wrap .tab_depth1 + .tab_depth2, .tab_wrap .tab_depth1 + .tab_depth2 ~ .tab_depth2 {padding-top:0;}
.tab_wrap .tab_depth1 + .tab_depth2 .tab_list, .tab_wrap .tab_depth1 + .tab_depth2 ~ .tab_depth2 .tab_list {padding-top:28px;}
.tab_wrap .tab_depth2 .tab_link {font-size:16px; line-height:21px;}
.tab_wrap .tab_depth2 .tab_link span {border-width:1px;}
.tab_wrap.tab_open {position:relative;}
.tab_wrap.tab_open .tab_depth1 {visibility:visible;margin:0;opacity:1}/* 201022 modify */
/* layer pop */
/* no data */
/* js전용 */
/* print */
/* box */

/* 컨텐츠 단 */
.cont_row {}
.cont_row.md {width:auto; margin-right:10px; margin-left:10px;}

/* 이미지형 게시판 리스트 */
.boardTopcont {padding-bottom:0;}

.boardTopcont .boardTop_slide .btn_arrow {width:20px; height:40px; margin-top:-20px;}
.boardTopcont .boardTop_slide .btn_arrow.prev {left:0;}
.boardTopcont .boardTop_slide .btn_arrow.next {right:0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico, .boardTopcont .boardTop_slide .btn_arrow .btn_next .ico {width:20px; height:40px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {width:20px; height:40px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardTopcont .boardTop_slide .btn_arrow .btn_next .ico:after {background-position:-20px 0;}

.boardTopcont .boardTop_slide .btn_arrow .btn_prev:hover .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_prev:focus .ico:after {background-position:0 -40px;}
.boardTopcont .boardTop_slide .btn_arrow .btn_next:hover .ico:after, .boardTopcont .boardTop_slide .btn_arrow .btn_next:focus .ico:after {background-position:-20px -40px;}

.boardTopcont .boardTop_slide:hover .indicate, .boardTopcont .boardTop_slide.hover .indicate {height:10px;}

.boardTopcont .txt_wrap {padding:0 10px;}
.boardTopcont .txt_wrap .date {padding-top:20px;}
.boardTopcont .txt_wrap .title {padding-top:8px; font-size:20px; line-height:25px;}

.thumb_boardlist .board_top {padding:28px 0 32px 0;}
.thumb_boardlist .board_top:before, .thumb_boardlist .board_top:after {content:''; display:table; clear:both;}

.thumb_boardlist .search_wrap {float:right; padding:0;}
.thumb_boardlist .search_wrap .btn_open {position:relative; z-index:1;}
.thumb_boardlist .search_wrap .btn_open i.ico:after {}
.thumb_boardlist .search_wrap .input_box {position:absolute; top:28px; right:0; left:0; height:41px; padding:0 100px 0 48px; border-bottom:1px solid #222; background-color:#fff; opacity:0; z-index:-1; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}
.thumb_boardlist .search_wrap .btn_search i.ico:after {}
.thumb_boardlist .search_wrap .input_box .ico.search {position:absolute; top:0; left:0;}
.thumb_boardlist .search_wrap .input_box .btn_search {position:absolute; top:10px; right:48px; font-family:'HyundaiSansHeadBold';}
.thumb_boardlist .search_wrap .input_box .btn_search:hover, .thumb_boardlist .search_wrap .input_box .btn_search:focus {color:#35719E;}
.thumb_boardlist .search_wrap .input_box .search_txt {display:block; width:98%; height:26px; margin-top:8px; border:0; color:#666; font-size:16px; line-height:26px; vertical-align:middle;}
.thumb_boardlist .search_wrap .input_box .search_txt::-webkit-input-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt::-moz-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt:-ms-input-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt:-moz-placeholder {color:#666}
.thumb_boardlist .search_wrap .input_box .search_txt:focus + .btn_search {display:block;}
.thumb_boardlist .search_wrap .btn_search i.ico:after {}

.thumb_boardlist .search_wrap .input_box .close_box {position:absolute; top:0; right:0;}
.thumb_boardlist .search_wrap.open .btn_open {z-index:0;}
.thumb_boardlist .search_wrap.open .input_box {z-index:1; opacity:1; -ms-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;}

.thumb_boardlist .search_result {clear:both; padding-top:16px; text-align:center;}
.thumb_boardlist .search_result strong {font-weight:normal;}
.thumb_boardlist .search_result dt {font-size:16px; font-family:'HyundaiSansTextBold'; line-height:21px;}
.thumb_boardlist .search_result dt strong {color:#35719E;}
.thumb_boardlist .search_result dd {padding-top:2px; color:#666; font-size:12px; line-height:17px;}

.thumb_boardlist .search_wrap .error_msg {display:none; position:absolute; top:-10px; right:100px; bottom:0; left:48px; margin-top:0; background-color:#fff; color:#666; font-size:16px; line-height:26px;}
.thumb_boardlist .search_wrap.blank .error_msg {display:block;}
.thumb_boardlist .search_wrap.blank .input_box .ico.search {top:7px; width:25px; height:25px;}
.thumb_boardlist .search_wrap.blank .input_box .ico.search:after {width:25px; height:25px; margin-top:-12px; background-position:-350px -140px;}
.thumb_boardlist .search_wrap.blank .btn_search {display:none;}

.thumb_boardlist .view_type button {width:40px; height:40px; margin-right:12px; background:url('../images/common/icon_all_s.svg') no-repeat 0 -80px; background-size:400px 400px;}
.thumb_boardlist .view_type .btn_grid {background-position:-40px -80px;}

.thumb_boardlist {padding:0 0 60px 0;}
.thumb_boardlist .board_header {padding:60px 0 28px; text-align:center;}
.thumb_boardlist .board_list .list_wrap .item {padding:30px 0;}
.thumb_boardlist .board_list .list_wrap .item.empty_item {display:none}
.thumb_boardlist .board_list .movie_cont i.ico.video:after {margin-left:-20px; background-position:-310px -290px;}
.thumb_boardlist .board_list .txt_wrap .date {padding-top:28px;}
.thumb_boardlist .board_list .txt_wrap dt {padding-top:12px; font-size:20px; line-height:25px;}
.thumb_boardlist .board_list .txt_wrap dd {padding-top:8px; font-size:16px; line-height:21px;}

.thumb_boardlist.view_list .board_list a:hover .movie_cont i.ico.video:after, .thumb_boardlist.view_list .board_list a:focus .movie_cont i.ico.video:after, .thumb_boardlist.view_grid .board_list a:hover .movie_cont i.ico.video:after, .thumb_boardlist.view_grid .board_list a:focus .movie_cont i.ico.video:after {background-position:-270px -290px;}

/* (이미지형 게시판 리스트) 리스트 타입 */
.thumb_boardlist.view_list .view_type .btn_list {background-position:0 -120px;}
.thumb_boardlist.view_list .board_list .img_wrap {width:136px; height:auto;}
.thumb_boardlist.view_list .board_list .txt_wrap {margin-left:146px;}
.thumb_boardlist.view_list .board_list .txt_wrap .date {padding-top:0;}
.thumb_boardlist.view_list .board_list .txt_wrap dt {padding-top:8px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap {padding-top:8px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn {min-width:90px; height:24px; font-size:9px; line-height:22px;}

.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn {min-width:0; height:auto; padding:0 20px 0 0; border:0; font-size:14px; font-family:'HyundaiSansHeadBold'; line-height:19px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:before {display:none;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:after {top:50%; width:16px; height:16px; margin-top:-10px;; background:url('../images/common/icon_all_s.svg') no-repeat -350px -165px; background-size:400px 400px;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:hover {color:#222;}
.thumb_boardlist.view_full .board_list .txt_wrap .btn_wrap .btn:hover:after {left:auto; right:0; width:16px;}
.thumb_boardlist.view_full .board_list .dark .txt_wrap .btn_wrap .btn:after {background-position:-350px -181px;}

/* (이미지형 게시판 리스트) 그리드 타입 */
.thumb_boardlist.view_grid .view_type .btn_grid {background-position:-40px -120px;}
.thumb_boardlist.view_grid .board_list {width:100%; margin-top:-30px; overflow:hidden;}
.thumb_boardlist.view_grid .board_list .list_wrap .item {display:inline-block; width:auto; padding:30px 0 30px 0; vertical-align:top;}
.thumb_boardlist.view_grid .board_list .list_wrap .item:nth-child(odd) {padding:30px 0 30px 0;}
.thumb_boardlist.view_grid .board_list .list_wrap .item.empty_item {display:none;}
.thumb_boardlist.view_grid .board_list .txt_wrap {width:auto; margin:0; padding:0;}

/* (이미지형 게시판 리스트)풀 영역 리스트 */
.thumb_boardlist.view_full {}
.thumb_boardlist.view_full .board_header {padding:26px 0 0 0;}
.thumb_boardlist.view_full .tab_wrap {margin:0 10px; padding-top:27px;}
.thumb_boardlist.view_full .tab_wrap .tab_depth1 {top:77px;}
.thumb_boardlist.view_full .board_list .list_wrap {padding-top:0;}
.thumb_boardlist.view_full .tab_wrap + .board_list .list_wrap {padding-top:27px;}
.thumb_boardlist.view_full .board_header + .board_list .list_wrap {padding-top:27px;}
.thumb_boardlist.view_full .board_list .list_wrap .item {padding:1px 0 0 0;}
.thumb_boardlist.view_full .board_list .txt_wrap .inner .align_cont {padding:20px 0 0 20px;}
.thumb_boardlist.view_full .board_list .txt_wrap dl {max-width:84.6%;}
.thumb_boardlist.view_full .board_list .txt_wrap dt {font-size:20px; line-height:25px;}
.thumb_boardlist.view_full .board_list .txt_wrap dd {padding-top:8px; font-size:13px; line-height:18px; opacity:0.8;}

/* 다운로드 게시판 */
.thumb_boardlist.view_down {}
.thumb_boardlist.view_down .board_list {margin-top:-30px;}
.thumb_boardlist.view_down .board_list .list_wrap {}
.thumb_boardlist.view_down .board_list .list_wrap .item:after {content:''; display:table; clear:both;}
.thumb_boardlist.view_down .board_list .list_wrap .item .module {position:relative;}
.thumb_boardlist.view_down .board_list .list_wrap .item .module:after {content:''; display:table; clear:both;}
.thumb_boardlist.view_down .board_list .list_wrap .item .img_wrap {float:none; width:auto;}
.thumb_boardlist.view_down .board_list .txt_wrap {max-width:none; padding-top:28px;}
.thumb_boardlist.view_down .board_list .txt_wrap .date {padding:0 0 8px 0;}
.thumb_boardlist.view_down .board_list .txt_wrap dt {padding-top:0;}
.thumb_boardlist.view_down .board_list .txt_wrap dd {padding-top:8px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont {position:static;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list {position:static; width:auto; padding-top:40px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list .title {color:#666; font-size:12px; line-height:19px;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list ul {padding-top:0;}
.thumb_boardlist.view_down .board_list .list_wrap .item .right_cont .down_list li {float:left; margin:8px 8px 0 0;}

/* 211123 add */
/* 공지사항 리스트 */
.thumb_boardlist .notice_list {margin-top:0;}
.thumb_boardlist .notice_list .list_wrap li {padding:25px 100px 25px 20px;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.desc {font-size:16px;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.detail {max-height:54px;font-size:14px;line-height:18px;}
.thumb_boardlist .notice_list .list_wrap li .txt_wrap p.date {right:20px;margin-top:-9px;font-size:11px;line-height:18px;}
.thumb_boardlist .notice_list + .btn_wrap.more {display:block;padding-top:20px;}
/* //211123 add */

/* 게시판 상세 */
.boardView_wrap {padding-bottom:60px;}
.boardView_wrap .viewTopcont .btn_arrow {width:20px; height:40px; margin-top:-20px;}
.boardView_wrap .viewTopcont .btn_arrow.prev {left:0;}
.boardView_wrap .viewTopcont .btn_arrow.next {right:0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico,
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico {width:20px; height:40px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_next .ico:after {width:20px; height:40px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardView_wrap .viewTopcont .btn_arrow .btn_next .ico:after {background-position:-20px 0;}

.boardView_wrap .viewTopcont .btn_arrow .btn_prev:hover .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_prev:focus .ico:after {background-position:0 -40px;}
.boardView_wrap .viewTopcont .btn_arrow .btn_next:hover .ico:after, .boardView_wrap .viewTopcont .btn_arrow .btn_next:focus .ico:after {background-position:-20px -40px;}

.boardView_wrap .viewTopcont:hover .indicate, .boardView_wrap .viewTopcont.hover .indicate {height:10px;}

.boardView_wrap .viewBody_wrap {padding-top:16px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap a {width:25px; height:25px; margin-left:8px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap i.ico {height:25px;}
.boardView_wrap .viewBody_wrap .top_cont .btn_wrap i.ico:after {background:red;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap {padding-top:4px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap .title {padding-top:10px; font-size:20px; line-height:25px;}
.boardView_wrap .viewBody_wrap .top_cont .txt_wrap .txt {padding-top:10px; font-size:20px; line-height:25px;}

.boardView_wrap .viewBody_wrap .view_cont {padding-top:26px;}
.boardView_wrap .viewBody_wrap .view_cont .txt_cont {padding:14px 0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap {padding:14px 0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play {width:40px; height:40px; margin:-20px 0 0 -20px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play a {height:40px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play {width:40px; height:40px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:after {width:40px; height:40px; margin-top:-20px; background-position:-230px -290px;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:hover:after,
.boardView_wrap .viewBody_wrap .view_cont .media_wrap .img_wrap .btn_play .ico.play:focus:after {background-position:-270px -290px;}

.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2),.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2) ~ li {width:auto;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(1):nth-last-child(2) .img_wrap {padding:0;}
.boardView_wrap .viewBody_wrap .view_cont .media_wrap li:nth-child(2) .img_wrap {padding:10px 0 0 0;}

.boardView_wrap .viewBody_wrap .link_list {padding-top:28px;}
.boardView_wrap .viewBody_wrap .link_list span {width:50px;}
.boardView_wrap .viewBody_wrap .etc_cont {padding-top:40px;}
.boardView_wrap .viewBody_wrap .tag_list {float:none;}
.boardView_wrap .viewBody_wrap .tag_list:after {content:''; display:table; clear:both;}
.boardView_wrap .viewBody_wrap .tag_list dt {float:left; width:40px; height:25px; margin-right:6px; border-width:1px; font-size:12px; line-height:25px;}
.boardView_wrap .viewBody_wrap .tag_list dd {display:block; margin-left:46px;}
.boardView_wrap .viewBody_wrap .tag_list a {display:inline-block; padding:3px 6px; font-size:14px; line-height:13px;}
.boardView_wrap .viewBody_wrap .file_list {position:static; padding-top:15px;}

.boardView_wrap .jumpPage {position:relative; margin:28px 10px 0 10px;}
.boardView_wrap .jumpPage:after {content:''; display:table; clear:both;}
.boardView_wrap .jumpPage .list_wrap {font-size:0; line-height:0;}
.boardView_wrap .jumpPage .list_wrap .item {float:left; width:33.33333333%;}
.boardView_wrap .jumpPage .list_wrap .item:last-child {float:right;}
.boardView_wrap .jumpPage .list_wrap .item a {display:block; font-family:'HyundaiSansTextBold'; text-decoration:none;}
.boardView_wrap .jumpPage .list_wrap .item a:hover .sm_txt, .boardView_wrap .jumpPage .list_wrap .item a:focus .sm_txt {position:relative; border-color:#35719E; background-color:#35719E; color:#fff; z-index:5;}
.boardView_wrap .jumpPage .list_wrap .item .module {display:none;}
.boardView_wrap .jumpPage .list_wrap .item .sm_txt {display:block; height:40px; border:1px solid #222; font-size:14px; text-align:center; line-height:40px;}
.boardView_wrap .jumpPage .list_wrap .item:first-child .sm_txt {border-right:0;}
.boardView_wrap .jumpPage .list_wrap .item:last-child .sm_txt {border-left:0;}

.boardView_wrap .jumpPage .go_list {position:absolute; top:0; left:33%; right:33%; padding:0;}
.boardView_wrap .jumpPage .go_list .btn {display:none;}
.boardView_wrap .jumpPage .go_list .btn_sm {display:block; min-width:0; padding:0; border-width:1px;}
.boardView_wrap .jumpPage .go_list .btn_sm .ico {display:none;}

/* 게시판 상세 C타입 */
.boardViewC_wrap {}
.boardViewC_wrap img {max-width:100%; width:100%;}
/* 게시판 상세 C타입 - 상단 영역 */
.boardViewC_wrap .boardView_top_wrap {position:relative;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap {position:static; top:80px; left:50px; padding:28px 10px 0 10px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont {max-width:none;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .h1_tit {font-size:20px; line-height:25px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .txt, .boardViewC_wrap .boardView_top_wrap .txt_wrap .date {opacity:0.8;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .txt {padding-top:8px;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap .align_cont .date {padding-top:16px; color:#222;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark * {color:#222;}
.boardViewC_wrap .boardView_top_wrap .txt_wrap.dark .align_cont .date {color:#222;}

/* 게시판 상세 C타입 - 상단 영역(텍스트만 있을 경우) */
.boardViewC_wrap .boardView_top_wrap.only_txt {padding:28px 0; background-color:#35719E;}
.boardViewC_wrap .boardView_top_wrap.only_txt * {color:#fff;}
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap {position:static; max-width:none; margin:0 auto; padding:0 10px;}
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap .align_cont .date {color:#fff;}
.boardViewC_wrap .boardView_top_wrap.only_txt .txt_wrap.dark * {color:#fff;}

.boardViewC_wrap .slideList_wrap {position:relative;}

/* 게시판 상세 C타입 - 배너 공통 */
.boardViewC_wrap .slideList_wrap .banner_wrap .item {display:none; position:relative; overflow:hidden;}
.boardViewC_wrap .slideList_wrap .banner_wrap .item:nth-child(1){display:block;}
.boardViewC_wrap .carousel-initialized .banner_wrap .item{display:block;}

.boardViewC_wrap .slideList_wrap .btn_arrow {position:absolute; top:50%; width:20px; height:40px; margin-top:-20px;}
.boardViewC_wrap .slideList_wrap .btn_arrow.prev {left:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow.next {right:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico {width:20px; height:40px;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico:after {top:0; width:20px; height:40px; margin:0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next .ico:after {background-position:-20px 0;}

.boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev:hover .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -40px;}
.boardViewC_wrap .slideList_wrap .btn_arrow .btn_next:hover .ico:after, .boardViewC_wrap .slideList_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-20px -40px;}

.boardViewC_wrap .slideList_wrap .indicate {position:absolute; right:0; bottom:0; left:0; height:4px; -ms-transition:height 0.5s ease; -o-transition:height 0.5s ease; -moz-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; transition:height 0.5s ease;}
.boardViewC_wrap .slideList_wrap .indicate ul {height:100%; font-size:0; line-height:0;}
.boardViewC_wrap .slideList_wrap .indicate li {display:inline-block; width:100%; height:100%;}
.boardViewC_wrap .slideList_wrap .indicate li .indi {display:block; margin-left:1px; height:100%; background-color:rgba(0, 0, 0, 0.5);}
.boardViewC_wrap .slideList_wrap .indicate li .indi span {display:inline-block; height:100%; background-color:#35719E;} /* 180723 수정 */
.boardViewC_wrap .slideList_wrap .indicate li:first-child .indi {margin-left:0;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(2), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(2) ~ li {width:50%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(3), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(3) ~ li {width:33.33333333%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(4), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(4) ~ li {width:25%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(5), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(5) ~ li {width:20%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(6), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(6) ~ li {width:16.66666666%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(7), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(7) ~ li {width:14.28571428%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(8), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(8) ~ li {width:12.5%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(9), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(9) ~ li {width:11.11111111%;}
.boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(10), .boardViewC_wrap .slideList_wrap .indicate li:nth-child(1):nth-last-child(10) ~ li {width:10%;}
.boardViewC_wrap .slideList_wrap:hover .indicate, .boardViewC_wrap .slideList_wrap.hover .indicate {height:10px;}

.boardViewC_wrap .viewBody_wrap {max-width:none; margin:0 auto; padding:60px 0;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap {max-width:none; margin:0 10px; padding:0 0 28px 0; text-align:center;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap .h2_tit {font-size:28px; line-height:33px;}
.boardViewC_wrap .viewBody_wrap .subTitle_wrap .txt {padding-top:8px; color:#666;}

.boardViewC_wrap .viewBody_wrap .viewImg_wrap {padding-bottom:28px;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .banner_wrap {height:234px; overflow:hidden;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .item {height:100%;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap {height:100%;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap .inner {display:table; width:100%; height:100%; background-color:#222;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap .img_wrap .align_cont {display:table-cell; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .viewImg_wrap img {display:block; max-width:100%; width:auto; max-height:234px; margin:0 auto;}

.boardViewC_wrap .viewBody_wrap .viewMovie_wrap {margin:0 10px; padding-bottom:50px;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .img_wrap {position:relative;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .movie_cont {position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px;}
.boardViewC_wrap .viewBody_wrap .viewMovie_wrap .movie_cont i.ico.video:after {margin-left:0;}

.boardViewC_wrap .viewBody_wrap .viewBody_cont {margin:0 10px;}

.boardViewC_wrap .viewBody_wrap .viewLink_wrap {margin:0 10px; padding-top:40px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list ul {font-size:0; line-height:0;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list li {padding-top:4px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list li:first-child {padding-top:0;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list span, .boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list a {display:inline-block; font-size:16px; line-height:21px; vertical-align:middle;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list span {width:50px;}
.boardViewC_wrap .viewBody_wrap .viewLink_wrap .link_list a {text-decoration:underline;}

.boardViewC_wrap .viewBody_wrap .viewDown_wrap {margin:0 10px; padding-top:28px;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap:after {content:''; display:table; clear:both;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap .item {float:left; padding-left:16px;}
.boardViewC_wrap .viewBody_wrap .viewDown_wrap .item:first-child {padding-left:0;}

.boardViewC_wrap .viewBody_wrap .tagList_wrap {margin:0 10px; padding-top:28px;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dl {font-size:0; line-height:0;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dt {display:block; float:left; width:40px; height:25px; border:1px solid #222; font-size:12px; font-family:'HyundaiSansHeadBold'; line-height:23px; text-align:center; vertical-align:top;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap dd {display:block; margin-left:40px; vertical-align:top;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap a {display:inline-block; margin:0; padding:3px 6px; font-size:14px; line-height:13px;}
.boardViewC_wrap .viewBody_wrap .tagList_wrap a:hover, .boardViewC_wrap .viewBody_wrap .tagList_wrap a:focus {color:#35719E;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap {position:relative; margin:60px 10px 0 10px; padding-top:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap:after {content:''; display:table; clear:both;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item {width:33.3333%;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:first-child {float:left; text-align:center;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child {float:right; text-align:center;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a {display:block; min-height:0; text-decoration:none;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap {position:relative; padding:0 0 0 0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child .txt_wrap {padding:0 0 0 0;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dl {display:none;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dt {color:#666; font-size:16px; line-height:26px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap dd {padding-top:16px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next {display:none; position:absolute; top:9px; width:40px; height:80px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico {width:40px; height:80px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico:after {width:40px; height:80px; margin:-40px 0 0 0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev {left:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_prev i.ico:after {background-position:-700px -240px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next {right:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .ico_next i.ico:after {background-position:-740px -240px;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item .txt_wrap .sm_txt {display:block;position:relative; border:1px solid #222; height:40px; font-size:14px; font-family:'HyundaiSansTextBold'; line-height:38px; -ms-transition:border 0.5s ease, background-color 0.5s ease, color 0.5s ease; -o-transition:border 0.5s ease, background-color 0.5s ease, color 0.5s ease; -moz-transition:border 0.5s ease, background-color 0.5s ease, color 0.5s ease; -webkit-transition:border 0.5s ease, background-color 0.5s ease, color 0.5s ease; transition:border 0.5s ease, background-color 0.5s ease, color 0.5s ease;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:first-child .sm_txt {border-right:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item:last-child .sm_txt {border-left:0;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover *, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus * {color:#222;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover dd, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus dd {text-decoration:underline;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .ico_prev i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .ico_prev i.ico:after {background-position:-700px -320px;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .ico_next i.ico:after, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .ico_next i.ico:after {background-position:-740px -320px;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:hover .sm_txt, .boardViewC_wrap .viewBody_wrap .jumpPage_wrap .nextprev_wrap .item a:focus .sm_txt {border-color:#35719E; background-color:#35719E; color:#fff; z-index:5;}

.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap {position:absolute; top:0; right:33%; left:33%; padding-top:0;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap .btn.large {display:none;}
.boardViewC_wrap .viewBody_wrap .jumpPage_wrap .btnList_wrap .btn.btn_sm {display:block;width:33.3333%;min-width:100%;} /* 211123 modify */

/* 연관 컨텐츠 */
.related_cont {padding:60px 0;}
.related_cont .h3_tit {padding-bottom:40px;}
.related_cont .related_wrap .btn_arrow {position:absolute; top:50%; width:20px; height:40px; margin-top:-20px;}
.related_cont .related_wrap .btn_arrow.prev {left:0;}
.related_cont .related_wrap .btn_arrow.next {right:0;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico,
.related_cont .related_wrap .btn_arrow .btn_next .ico {width:20px; height:40px;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico:after, .related_cont .related_wrap .btn_arrow .btn_next .ico:after {top:0; width:20px; height:40px; margin:0;}
.related_cont .related_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.related_cont .related_wrap .btn_arrow .btn_next .ico:after {background-position:-20px 0;}

.related_cont .related_wrap .btn_arrow .btn_prev:hover .ico:after, .related_cont .related_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -40px;}
.related_cont .related_wrap .btn_arrow .btn_next:hover .ico:after, .related_cont .related_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-20px -40px;}

.related_cont .related_wrap .list_wrap {margin:0 5px; text-align:center;}
.related_cont .related_wrap .list {display:inline-block; font-size:0; line-height:0;}
.related_cont .related_wrap .item {float:left; width:auto; margin:0; padding:0 5px;}
.related_cont .related_wrap .item .img_wrap img {width:100%; max-width:100%;}
.related_cont .related_wrap .item .txt_wrap {padding-top:16px; font-size:16px; line-height:21px;}

/* 모듈 정렬 */
.align_cont.right * {float:none; clear:none;}

/* 컨텐츠 타입 */
.contModule {}
.contModule .txt_wrap .txt {padding-top:8px;}
.contModule .txt_wrap .txt.second {padding-top:16px;}
.contModule .txt_wrap .btn_wrap {padding-top:24px;}
.contModule .txt_wrap.m_center .align_cont {text-align:center;} /* 200403 add */
.contModule .txt_wrap .br{display:inline-block;margin-right:5px;} /* 200731 add */ /* 201022 modify */
.contModule .txt_wrap .txt .br,.contModule .desc_txt .br {display:inline-block;margin-right:3px}/* 201022 add */
.contModule .txt_wrap .mobr{display:block;} /* 200731 add */

/* H2 */
.contModule.cont_h2 {}
.contModule.cont_h2 .txt_wrap .align_cont {display:table-cell; padding:40px 20px 0 20px;}

/* H3_title */
.contModule.cont_h3tit {}
.contModule.cont_h3tit .txt_wrap .align_cont {width:auto; padding:60px 10px 28px 10px;}
.contModule.cont_h3tit .txt_wrap .txt {padding-top:4px;}
.contModule.cont_h3tit .txt_wrap .txt.second {padding-top:14px;}
.contModule.cont_h3tit .txt_wrap.sub .txt {font-size: 18px;  line-height: 1.2; max-width: 90%;  margin: 0 auto; }/* 200410 add */
.contModule.cont_h3tit .txt_wrap .align_cont .br {display:inline-block;margin-right:6px;} /* 200420 add */

/* 200731 add */
.contModule.cont_h3tit .txt_wrap .align_cont.wide_tit {padding: 60px 20px 30px;}
.contModule.cont_h3tit .txt_wrap .align_cont.dbl_center { padding: 60px 20px 30px; }
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl { padding: 65px 20px 65px;}
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl .txt.tit { padding: 28px 0 14px !important; font-size:18px; }
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl2 {padding:65px 30px 65px}/* 201022 add */
.contModule.cont_h3tit .txt_wrap .align_cont.wide_dbl3 {padding:65px 15px 30px}/* 220512 add */
/* //200731 add */

/* H3_Engine */
.contModule.cont_engine {padding:60px 0;}
.contModule.cont_engine .module {max-width:none; margin:0 10px;}
.contModule.cont_engine .engine_info {padding:28px 0 40px 0;}

.contModule.cont_engine .infoList_wrap {margin:0 auto;}
.contModule.cont_engine .infoList_wrap:after {content:''; display:table; clear:both;}
.contModule.cont_engine .infoList_wrap .info_list {margin:0; overflow:hidden;}
.contModule.cont_engine .infoList_wrap .item {float:none; width:100%; padding:7px 0;}
.contModule.cont_engine .infoList_wrap .item:first-child {padding-top:0;}
.contModule.cont_engine .infoList_wrap .item:last-child {padding-right:0;}
.contModule.cont_engine .infoList_wrap .info_item {height:140px; padding:20px 0 0 0; background-color:#35719E; text-align:center;}
.contModule.cont_engine .infoList_wrap .info_item .ico {display:block; width:25px; height:25px; margin:0 auto;}
.contModule.cont_engine .infoList_wrap .info_item.emission .ico:after {background-position:-75px -160px;}
.contModule.cont_engine .infoList_wrap .info_item.displace .ico:after {background-position:-50px -160px;}
.contModule.cont_engine .infoList_wrap .info_item.power .ico:after {background-position:0 -160px;}
.contModule.cont_engine .infoList_wrap .info_item.torque .ico:after {background-position:-25px -160px;}
.contModule.cont_engine .infoList_wrap .info_item dl {padding-top:6px; color:#fff;}
.contModule.cont_engine .infoList_wrap .info_item dt {font-size:32px; font-family:'HyundaiSansHeadBold'; line-height:37px;}
.contModule.cont_engine .infoList_wrap .info_item dd {padding-top:2px; opacity:0.6;}

.contModule.cont_engine .engine_info .btn_wrap {padding-top:28px; text-align:center;}
.contModule.cont_engine .engine_info .btn_wrap .btn {background-color:transparent;}
.contModule.cont_engine .engine_info .btn_wrap .btn:focus,
.contModule.cont_engine .engine_info .btn_wrap .btn:hover {background-color:#35719E;}

.contModule.cont_engine .contModule.h4titb2 {margin-top:20px; background-color:transparent}
.contModule.cont_engine .contModule.h4titb2 .img_wrap {float:left; width:112px;}
.contModule.cont_engine .contModule.h4titb2 .img_wrap img {max-width:100%;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap {position:static; margin-left:112px; background-color:transparent;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap .align_cont {padding:0 18px;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap .h4_tit {font-size:18px; line-height:24px;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap .txt {padding-top:4px; font-size:14px; line-height:19px;}
.contModule.cont_engine .contModule.h4titb2 .txt_wrap .btn_wrap {padding-top:16px}

/* H3_Engine Old */
.contModule.cont_h3engine {padding:60px 0;}
.contModule.cont_h3engine .module {width:auto; margin:0 10px;}
.contModule.cont_h3engine .header {padding-bottom:28px;}
.contModule.cont_h3engine .header .align_cont.wide_tit {margin:0}/* 201022 add */
.contModule.cont_h3engine .tab_wrap .tab_cont {padding-top:40px;}
.contModule.cont_h3engine .tab_wrap .tab_cont .cont_row {margin:40px 0 0 0;}
.contModule.cont_h3engine .tab_wrap .tab_cont .cont_row:first-child {margin:0;}
.contModule.cont_h3engine .tab_wrap .tab_cont .module {margin:0;}
.contModule.cont_h3engine .tab_wrap .btn_open {background:#fff}/* 201022 add */

.contModule.cont_h3engine .tab_cont .contModule.h4titb1 {padding-bottom:20px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .img_wrap {float:none; width:212px; margin:0 auto;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap {position:static; float:none; margin:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont {padding:28px 0 0 0; text-align:center;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont.mid {vertical-align:top;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .h4_tit {padding-bottom:20px; font-size:19px; line-height:24px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .h_desc {font-family:'HyundaiSansTextBold';}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .align_cont .txt {padding-top:0;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .etc_info {padding-top:28px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont dt {font-size:24px; line-height:33px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont dd {padding-top:0; font-size:14px; line-height:19px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_power .ico:after {background-position:0 -160px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_torque .ico:after {background-position:-25px -160px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap .info_cont .info_displace .ico:after {background-position:-50px -160px;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img {margin-bottom:-12px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont {padding:28px 0 0 0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .h4_tit {padding-bottom:20px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap {font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl {display:inline-block; padding-right:16px; font-size:0; line-height:0;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dt {display:inline-block; color:#666; font-size:16px; line-height:21px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dd {display:inline-block; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:21px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap {max-width:none; margin:0; padding:28px 10px 0 10px; }
.contModule.cont_h3engine .tab_cont .contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap .txt {padding-top:8px; color:#1672A2;}

.contModule.cont_h3engine .tab_cont .contModule.h4titb2 {background-color:transparent}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .img_wrap {float:left; width:112px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .img_wrap img {max-width:100%;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap {position:static; margin-left:112px; background-color:transparent;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap .align_cont {padding:0 18px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap .h4_tit {font-size:18px; line-height:24px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap .txt {padding-top:4px; font-size:14px; line-height:19px;}
.contModule.cont_h3engine .tab_cont .contModule.h4titb2 .txt_wrap .btn_wrap {padding-top:16px}

/* 201022 add */
.contModule.cont_h3engine .img_list_wrap .module {min-height:auto;height:auto;margin:40px 0 0 !important;padding:40px 0 0}
.contModule.cont_h3engine .img_list_wrap .module .h4_tit {font-size:18px}
/* //201022 add */

/* H3_Chassis */
.contModule.cont_h3chassis {padding:60px 0;}
.contModule.cont_h3chassis .header {padding-bottom:28px;}
.contModule.cont_h3chassis .tab_cont {padding-top:40px;}
.contModule.cont_h3chassis .tab_cont .list {margin:0;}
.contModule.cont_h3chassis .tab_cont .item {display:block; width:auto; padding:0 0 40px 0;}
.contModule.cont_h3chassis .tab_cont .item:first-child {padding-top:0;}
.contModule.cont_h3chassis .tab_cont .txt_wrap {height:auto; padding-top:16px;}
.contModule.cont_h3chassis .tab_cont .btn_wrap {padding-top:20px;}

/* H4_A1 */
.contModule.h4tita1 {}
.contModule.h4tita1 .txt_wrap {}
.contModule.h4tita1 .txt_wrap .align_cont {padding:28px 20px 40px 20px;}

/* H4_A2 */
.contModule.h4tita2 {}
.contModule.h4tita2 .txt_wrap {position:static;}
.contModule.h4tita2 .txt_wrap .align_cont {padding:28px 20px 60px 20px;}

/* H4_A3 */
.contModule.h4tita3 {}
.contModule.h4tita3 .txt_wrap {}
.contModule.h4tita3 .txt_wrap .align_cont {padding:28px 20px 60px 20px;}
.contModule.h4tita3 .txt_wrap .align_cont .h4_tit {float:none; width:auto;}
.contModule.h4tita3 .txt_wrap .align_cont .txt {margin-left:0; padding-top:8px;}
.contModule.h4tita3 .txt_wrap .align_cont dl {padding-top:21px;}
.contModule.h4tita3 .txt_wrap .align_cont dt {font-family:'HyundaiSansTextBold';}
.contModule.h4tita3 .txt_wrap .align_cont ul {padding-top:21px;}
.contModule.h4tita3 .txt_wrap .align_cont .txt .h5_tit {color:#222; font-size:14px; font-family:'HyundaiSansTextBold'; line-height:19px;}
.contModule.h4tita3 .txt_wrap .align_cont .txt .sub_txt {padding-top:8px;}

/* H4_B1 */
.contModule.h4titb1 {}
.contModule.h4titb1 .img_wrap {width:auto;}
.contModule.h4titb1 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px;}
.contModule.h4titb1 .img_wrap .movie_cont i.ico.video:after {margin-left:0;}
.contModule.h4titb1 .txt_wrap {position:static;}
.contModule.h4titb1 .txt_wrap .align_cont {padding:28px 20px 60px 20px;}
.contModule.h4titb1 .txt_wrap .align_cont * {max-width:none;}

.contModule.h4titb1 .txt_wrap.add_img {}
.contModule.h4titb1 .txt_wrap.add_img .align_cont {padding-top:33px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap {padding-top:24px; font-size:0; line-height:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl {display:inline-block; padding-right:24px; font-size:0; line-height:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:last-child {padding-right:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3), .contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dl:nth-child(1):nth-last-child(3) ~ dl {padding-right:12px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dt {display:inline-block; color:#666; font-size:16px; line-height:21px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .info_wrap dd {display:inline-block; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:21px;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap {width:100%; margin:0; padding:0;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap img {max-width:100%; width:100%;}
.contModule.h4titb1 .txt_wrap.add_img .align_cont .img_wrap .txt {padding-top:8px; color:#1672A2;}

/* H4_B1 */
.contModule.h4titb2 {}
.contModule.h4titb2 .module {position:relative;}
.contModule.h4titb2 .img_wrap {float:none; width:auto;}
.contModule.h4titb2 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px;}
.contModule.h4titb2 .img_wrap .movie_cont i.ico.video:after {}
.contModule.h4titb2 .txt_wrap {position:static;}
.contModule.h4titb2 .txt_wrap .align_cont {padding:28px 20px 60px 20px; text-align:left;}
.contModule.h4titb2 .txt_wrap .align_cont * {max-width:none;}
.contModule.h4titb2 .txt_wrap .align_cont .tb_row { margin-top:16px;}

/* H4_B3 */
.contModule.h4titb3 {}
.contModule.h4titb3 .img_wrap {width:auto;}
.contModule.h4titb3 .txt_wrap {position:static;}
.contModule.h4titb3 .txt_wrap .align_cont {padding:28px 20px 60px 20px;}
.contModule.h4titb3 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb3 .txt_wrap .thumb_wrap li {width:16.8%;}
.contModule.h4titb3 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B5 */
.contModule.h4titb5 {}
.contModule.h4titb5 .module {position:relative;}
.contModule.h4titb5 .img_wrap {position:relative; width:auto;}
.contModule.h4titb5 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb5 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb5 .img_wrap .movie_wrap {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb5 .img_wrap .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb5 .img_wrap .movie_wrap img {position:absolute; top:0; left:0; max-width:100%;}
.contModule.h4titb5 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px;}
.contModule.h4titb5 .img_wrap .movie_cont i.ico.video:after {}
.contModule.h4titb5 .txt_wrap {position:static;}
.contModule.h4titb5 .txt_wrap .align_cont {padding:28px 20px 60px 20px;}
.contModule.h4titb5 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb5 .txt_wrap .thumb_wrap li {width:16.8%;}
.contModule.h4titb5 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B4 */
.contModule.h4titb4 {}
.contModule.h4titb4 .module {position:relative;}
.contModule.h4titb4 .img_wrap {float:none; width:auto;}
.contModule.h4titb4 .txt_wrap {position:static;}
.contModule.h4titb4 .txt_wrap .align_cont {padding:28px 20px 60px 20px; text-align:left;}
.contModule.h4titb4 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb4 .txt_wrap .thumb_wrap li {float:left; width:16.8%;}
.contModule.h4titb4 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_B6 */
.contModule.h4titb6 {}
.contModule.h4titb6 .module {position:relative;}
.contModule.h4titb6 .img_wrap {position:relative; float:none; width:auto;}
.contModule.h4titb6 .img_wrap .align_cont.movie {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb6 .img_wrap .align_cont.movie iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb6 .img_wrap .movie_wrap {position:relative; padding:0 0 56.17977528089888% 0;}
.contModule.h4titb6 .img_wrap .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100% !important;}
.contModule.h4titb6 .img_wrap .movie_wrap img {position:absolute; top:0; left:0; max-width:100%;}
.contModule.h4titb6 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px;}
.contModule.h4titb6 .img_wrap .movie_cont a {display:block;}
.contModule.h4titb6 .txt_wrap {position:static;}
.contModule.h4titb6 .txt_wrap .align_cont {padding:28px 20px 60px 20px; text-align:left;}
.contModule.h4titb6 .txt_wrap .thumb_wrap {padding-top:24px;}
.contModule.h4titb6 .txt_wrap .thumb_wrap li {float:left; width:16.8%;}
.contModule.h4titb6 .txt_wrap .thumb_wrap img {max-width:100%; width:100%;}

/* H4_C1 */
.contModule.h4titc1 {}
.contModule.h4titc1 .swipe_wrap {margin-left:-30px; padding:0 0 0 10px; overflow:hidden;}
.contModule.h4titc1 ul.swipe_cont {width:2000%; overflow:hidden;}
.contModule.h4titc1 li.item {display:inline-block; width:4.5%; margin-right:10px; vertical-align:top;}
.contModule.h4titc1 .txt_wrap {padding:28px 10px 60px 10px; visibility:hidden; opacity:0; transition:all 0s ease;}
.contModule.h4titc1 .txt_wrap .txt {font-size:16px; line-height:21px;}
.contModule.h4titc1 .txt_wrap .txt.second {font-size:0; line-height:0;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info {display:inline-block; padding:0 12px;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info:first-child {padding-left:0;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dt,
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dd {display:inline-block; font-size:16px; line-height:21px;}
.contModule.h4titc1 .txt_wrap .txt.second .etc_info dd {padding-left:6px; font-family:'HyundaiSansTextBold';}
.contModule.h4titc1 .swipe_wrap.cols2 {margin-left:0; padding:0;}
.contModule.h4titc1 .swipe_wrap.cols2 ul.swipe_cont {width:auto;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item {width:100%; margin:0;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item:first-child {padding-right:0;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item:last-child {padding-left:0;}
.contModule.h4titc1 .swipe_wrap.cols2 li.item .txt_wrap {padding:28px 10px 60px 10px; visibility:visible; opacity:1;}
.contModule.h4titc1 li.item:first-child .txt_wrap, .contModule.h4titc1 li.item.on .txt_wrap {visibility:visible; opacity:1;}

/* 180531 추가 */
/* H4_C2 */
.contModule.h4titc2 {}
.contModule.h4titc2 .list {font-size:0; line-height:0;}
.contModule.h4titc2 li.item {display:inline-block;width:100%; vertical-align:top;}
.contModule.h4titc2 .txt_wrap {max-width:1200px;margin:0 auto;padding:24px 0 80px;color:#666;}
.contModule.h4titc2 .txt_wrap .txt {font-size:18px; line-height:28px;}
/* //180531 추가 */

/* H4_D1 */
.contModule.h4titd1 {}
.contModule.h4titd1 .swipe_wrap {margin-left:-30px; padding:0 0 0 10px; overflow:hidden;}
.contModule.h4titd1 ul.swipe_cont {width:2000%; overflow:hidden;}
.contModule.h4titd1 li.item {display:inline-block; width:4.5%; margin-right:10px; vertical-align:top;}
.contModule.h4titd1 .txt_wrap {padding:28px 10px 60px 10px; visibility:hidden; opacity:0; transition:all 0s ease;}
.contModule.h4titd1 .txt_wrap .txt {font-size:16px; line-height:21px;}
.contModule.h4titd1 li.item:first-child .txt_wrap, .contModule.h4titd1 li.item.on .txt_wrap {visibility:visible; opacity:1;}

/* 201022 add */
/* H4_D2 */
.contModule.h4titd2 {}
.contModule.h4titd2 .swipe_wrap {overflow:hidden;position:relative;margin-left:-30px;padding:0 0 0 10px}
.contModule.h4titd2 ul.swipe_cont {overflow:hidden;width:2000%}
.contModule.h4titd2 li.item {display:inline-block;width:4.5%;margin-right:10px;vertical-align:top}
.contModule.h4titd2 .txt_wrap {visibility:hidden;padding:28px 10px 60px 10px;opacity:0;transition:all 0s ease}
.contModule.h4titd2 .txt_wrap .txt {font-size:16px;line-height:21px}
.contModule.h4titd2 li.item:first-child .txt_wrap, .contModule.h4titd2 li.item.on .txt_wrap {visibility:visible;opacity:1}
.contModule.h4titd2 .btn_arrow {display:none}
/* //201022 add */

/* H4_E1 */
.contModule.h4tite1 {padding:0 0 0 0;}
.contModule.h4tite1 .swipe_wrap {position:relative; overflow:hidden;}
.contModule.h4tite1 .swipe_cont {overflow:hidden;}
.contModule.h4tite1 .swipe_cont .item {float:left; max-width:325px; margin-left:10px;}
.contModule.h4tite1 .module {min-width:0; max-width:none; margin:0 0 0 0;}
.contModule.h4tite1 .img_wrap {}
.contModule.h4tite1 .txt_wrap {padding:28px 0 60px 0; font-size:18px;}

.contModule.h4tite1 .btn_arrow {display:; position:absolute; top:50%; width:20px; height:40px; margin-top:-20px;}
.contModule.h4tite1 .btn_arrow.prev {left:0;}
.contModule.h4tite1 .btn_arrow.next {right:0;}
.contModule.h4tite1 .btn_arrow .ico {width:20px; height:40px;}
.contModule.h4tite1 .btn_arrow .ico:after {width:20px; height:40px; margin-top:-20px;}
.contModule.h4tite1 .btn_arrow.prev .ico:after {background-position:0 0;}
.contModule.h4tite1 .btn_arrow.next .ico:after {background-position:-20px 0;}

.contModule.h4tite1 .btn_arrow.prev:hover .ico:after, .contModule.h4tite1 .btn_arrow.prev:focus .ico:after {background-position:0 -40px;}
.contModule.h4tite1 .btn_arrow.next:hover .ico:after, .contModule.h4tite1 .btn_arrow.next:focus .ico:after {background-position:-20px -40px;}

/* H4_F1 */
.contModule.h4titf1 {padding:60px 0;}
/* 180320 추가 */
.contModule.h4titf1.wid {padding:45px 0;}
.contModule.h4titf1.wid .txt_wrap {padding:0 0 25px;}
.contModule.h4titf1.wid .contModule_list .item {float:none; width:100%;}
.contModule.h4titf1.wid .view_list .img_wrap {float:none; width:100%; padding:10px 0 0;}
.contModule.h4titf1.wid .view_list .img_wrap:first-child {padding:0;}
/* //180320 추가 */
.contModule.h4titf1 .module {max-width:1200px; margin:0 10px;}
.contModule.h4titf1 .img_wrap img {max-width:100%;}
.contModule.h4titf1 .img_wrap .movie_cont {position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px;}
.contModule.h4titf1 .img_wrap .movie_cont a {display:block;}
.contModule.h4titf1 .img_wrap .movie_cont .ico.video:after {}
.contModule.h4titf1 .txt_wrap {padding:28px 20px 0 20px; font-size:18px; line-height:25px;}
.contModule.h4titf1 .txt_wrap .txt {padding-top:4px; font-size:14px; line-height:19px;}

/* 201022 add */
/* engine 모듈 */
.engine_wrap .cont_row.md {margin:0}
.engine_wrap .module {min-height:auto;height:auto;margin:40px 0 0 !important;padding:40px 21px}
.engine_wrap .module .img_wrap {width:100%;padding-top:0}
.engine_wrap .module .img_wrap.desc {padding-top:0}
.engine_wrap .module .align_cont .desc_txt {position:relative;top:0;left:0;margin-bottom:31px;font-size:18px;line-height:25px;z-index:2}
.engine_wrap .module .align_cont .txt {font-size:18px;line-height:25px}
.engine_wrap .module .align_cont .txt dl {display:table}
.engine_wrap .module .align_cont .txt dt {display:table-cell}
.engine_wrap .module .align_cont .txt dd {display:table-cell}
.engine_wrap .module .align_cont .h4_tit {margin-bottom:12px;font-size:20px;line-height:27px}

.engine_wrap .module .align_cont .pic {position:static;margin-top:40px}
.engine_wrap .module .align_cont .pic img {width:100%;height:100%}
/* //201022 add */

/* 360VR */
.contModule.vr360 {padding:60px 0 47px 0}
.contModule.vr360 .header {padding:0 0 28px 0;}
.contModule.vr360 .img_wrap {position:relative; padding:28px 31px 28px 31px; text-align:center;} /* 180409 수정 */
.contModule.vr360 .img_wrap img {max-width:100%; width:auto; margin:0 auto;}
.contModule.vr360 .img_wrap .btn_play {width:105px; height:105px; margin:-52px 0 0 -52px;}
.contModule.vr360 .img_wrap .btn_play button {width:105px; height:105px;}
.contModule.vr360 .img_wrap .btn_play .ico, .contModule.vr360 .img_wrap .btn_play .ico:after {width:105px; height:105px;}
.contModule.vr360 .img_wrap .btn_play .ico:after {margin-top:-42px; background-position:0 -185px;}
.contModule.vr360 .img_wrap .btn_arrow {width:48px; height:30px; margin-top:-15px;}
.contModule.vr360 .img_wrap .btn_arrow .ico {width:48px; height:30px;}
.contModule.vr360 .img_wrap .btn_arrow .ico:after {width:48px; height:30px; margin-top:-15px; background-position:0 -105px}
.contModule.vr360 .img_wrap .btn_arrow.prev {left:10px;}
.contModule.vr360 .img_wrap .btn_arrow.next {right:10px;}
.contModule.vr360 .img_wrap .btn_arrow .btn_prev, .contModule.vr360 .img_wrap .btn_arrow .btn_next {width:48px; height:30px;}
.contModule.vr360 .img_wrap .btn_arrow .btn_next .ico:after {background-position:-48px -105px;}

.contModule.vr360 .color_wrap {padding:0; text-align:center;}
.contModule.vr360 .color_wrap .colorchip_wrap {position:relative; max-width:none; height:40px; margin:0 auto;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow {position:absolute; top:0; width:40px; height:40px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow button, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico,
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico:after {width:40px; height:40px; vertical-align:top;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow .ico:after {margin-top:-20px; background-position:-188px -185px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev {left:0;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev .ico:after {background-position:-188px -185px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next {right:0;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next .ico:after {background-position:-228px -185px;}

.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev button:hover .ico:after, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.prev button:focus .ico:after {background-position:-188px -225px;}
.contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next button:hover .ico:after, .contModule.vr360 .color_wrap .colorchip_wrap .btn_arrow.next button:focus .ico:after {background-position:-228px -225px;}

.contModule.vr360 .color_wrap .colorchip_wrap .colorchip_list {height:29px; margin:0 50px; padding-top:11px; overflow:hidden;} /* 180427 수정 */
.contModule.vr360 .color_wrap .list {font-size:0; line-height:0;}
.contModule.vr360 .color_wrap .list .item {display:inline-block; margin:0 1px; padding:1px; border:1px solid transparent;}
.contModule.vr360 .color_wrap .list .item button {font-size:0; line-height:12px;}
.contModule.vr360 .color_wrap .list .item img {width:auto; max-width:100%; height:12px;}
.contModule.vr360 .color_wrap .list .item.on {border-color:#35719E;}
.contModule.vr360 .color_wrap .color_name {margin-top:14px; font-size:16px; font-family:'HyundaiSansHeadBold'; line-height:21px;}

/* interior VR */
.contModule.interior {padding:60px 0 86px 0;}
.contModule.interior .img_wrap {padding:79.9% 0 0 0;} /* 180409 수정 */
.contModule.interior .img_wrap .btn_play {width:105px; height:105px; margin:-52px 0 0 -52px;}
.contModule.interior .img_wrap .btn_play button {width:105px; height:105px;}
.contModule.interior .img_wrap .btn_play .ico, .contModule.interior .img_wrap .btn_play .ico:after {width:105px; height:105px;}
.contModule.interior .img_wrap .btn_play .ico:after {margin-top:-52px; background-position:0 -185px;}
.contModule.interior .pnlm-load-button {width:105px; height:105px; margin:-52px 0 0 -52px; background:url('../images/common/icon_all_s.svg') no-repeat 0 -185px; background-size:400px 400px;}

.contModule.interior .color_wrap {padding-top:28px; text-align:center;}
.contModule.interior .color_wrap .list .item {display:inline-block; margin:0 1px; padding:1px; border:1px solid transparent;}
.contModule.interior .color_wrap .list .item button {font-size:0; line-height:12px;}
.contModule.interior .color_wrap .list .item img {width:auto; max-width:100%; height:12px;}
.contModule.interior .color_wrap .list .item.on {border-color:#35719E;}
.contModule.interior .color_wrap .color_name {margin-top:14px; font-size:16px; font-family:'HyundaiSansHeadBold'; line-height:21px;}

/* VR Content with Tab */
.contModule.vrcontTab {padding:60px 0 47px 0}
.contModule.vrcontTab .header {padding:0 0 28px 0;}
.contModule.vrcontTab .tab_wrap {}
.contModule.vrcontTab .tab_wrap .btn_open {margin:0 10px;}
.contModule.vrcontTab .tab_wrap .tab_depth1 {width:auto; margin:0 10px;}
.contModule.vrcontTab .tab_wrap .tab_cont {padding-top:28px;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.vr360 {padding:0;}
.contModule.vrcontTab .tab_wrap .tab_cont .contModule.interior {padding:0;}

.contModule.vrcontTab .color_wrap .color_name {margin-top:16px; font-size:16px; line-height:21px;}

/* Vocation */
.contModule.vocation {padding:60px 0 60px 0;}
.contModule.vocation .header {padding:0 10px 40px 10px;}
.contModule.vocation .header .txt {color:#666;}

.contModule.vocation .swipe_wrap {position:relative; padding:0 10px; text-align:center;}
.contModule.vocation .swipe_wrap .swipe_cont {margin:0 auto;}
.contModule.vocation .swipe_wrap .swipe_cont:after {content:''; display:table; clear:both;}
.contModule.vocation .swipe_cont .item {display:inline-block; width:160px; margin:0 10px; vertical-align:top;}
.contModule.vocation .swipe_cont .item .txt_wrap {padding-top:16px;}
.contModule.vocation .swipe_cont .item .img_wrap img {width:atuo;}

.contModule.vocation .btn_arrow {position:absolute; top:50%; margin-top:-20px;}
.contModule.vocation .btn_arrow button {width:20px; height:40px;}
.contModule.vocation .btn_arrow .ico, .contModule.vocation .btn_arrow .ico:after {width:20px; height:40px;}
.contModule.vocation .btn_arrow .ico:after {margin-top:-20px;}
.contModule.vocation .btn_arrow.prev {left:0;}
.contModule.vocation .btn_arrow.next {right:0;}
.contModule.vocation .btn_arrow.prev .ico:after {background-position:0 0;}
.contModule.vocation .btn_arrow.next .ico:after {background-position:-20px 0;}

.contModule.vocation .btn_arrow.prev:hover .ico:after, .contModule.vocation .btn_arrow.prev:focus .ico:after {background-position:0 -40px;}
.contModule.vocation .btn_arrow.next :hover .ico:after, .contModule.vocation .btn_arrow.next :focus .ico:after {background-position:-20px -40px;}

/* 서비스 메시지 */
.contModule.sc_message {}
.contModule.sc_message .module {position:relative; min-height:623px; background:url('../images/product/bg_sevice-massage-m.jpg') no-repeat top center; background-size:cover;}
.contModule.sc_message .txt_wrap {position:static;}
.contModule.sc_message .txt_wrap .inner {display:table; width:100%; height:100%;}
.contModule.sc_message .txt_wrap .align_cont {display:table-cell; padding:80px 20px;}
.contModule.sc_message .txt_wrap .btn_wrap {padding-top:40px;}

.contModule.sc_message .module.dark .txt_wrap {color:rgba(255, 255, 255, 1);}
.contModule.sc_message .module.dark .txt_wrap .txt {opacity:0.7;}
.contModule.sc_message .module.dark .list_wrap {display:inline-block; width:auto; margin:0 auto;}
.contModule.sc_message .module.dark .list {display:inline-block; padding-top:40px; margin:0 auto; font-size:0; line-height:0;}
.contModule.sc_message .module.dark .item {display:inline-block; width:50%; padding:0 0 28px 0;}
.contModule.sc_message .module.dark .item:first-child {margin-left:0;}
.contModule.sc_message .module.dark .item:last-child {margin-right:0;}
.contModule.sc_message .module.dark .item .img_wrap {width:83px; margin:0 auto;}
.contModule.sc_message .module.dark .item .txt_wrap {position:static; width:auto; padding:16px 20px 0 20px;}
.contModule.sc_message .module.dark .item .txt_wrap .h4_tit {font-size:14px; line-height:19px;}
.contModule.sc_message .module.dark .btn_wrap {padding-top:12px;}
.contModule.sc_message .module.dark .btn {border-color:#fff; background-color:transparent;}
.contModule.sc_message .module.dark .btn:hover, .contModule.sc_message .module.dark .btn:focus {border-color:#44709A; background-color:#44709A; color:#fff;}

/* Line Up New */
.contModule.lineup2 {}
.contModule.lineup2 .module {padding:60px 0 0 0;}
.contModule.lineup2 .module .header {padding-bottom:24px;}
.contModule.lineup2 .tab_wrap {width:auto; margin:0 10px;}
.contModule.lineup2 .tab_wrap .tab_cont {padding:40px 0 0 0;}
.contModule.lineup2 .lineup_cont {max-width:none; margin:0 auto;}
.contModule.lineup2 .lineup_cont:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .thumbWrap {float:none; width:100%; padding:0 0 44px 0; border-right:0; text-align:center;}
.contModule.lineup2 .lineup_cont .thumbWrap .list {width:100%; font-size:0; line-height:0;}
.contModule.lineup2 .lineup_cont .thumbWrap .list:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .thumbWrap .item {display:inline-block; width:25%; padding:0; vertical-align:top;}
.contModule.lineup2 .lineup_cont .thumbWrap .item:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .thumbWrap .txt_wrap {font-size:12px; line-height:16px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap {margin-left:0; padding-bottom:40px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap:after {content:''; display:table; clear:both;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list {padding-top:40px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .header {padding:0 0 14px 0; font-size:19px; font-family:'HyundaiSansTextBold'; line-height:24px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .item {width:100%; padding-top:40px; font-size:0; line-height:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .item:first-child {padding-top:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap {display:inline-block; width:44%; vertical-align:top;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap img {max-width:100%;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info {position:relative; margin:-4px 15px 0 15px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:before, .contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:after {content:''; position:absolute; top:4px; height:4px; width:1px; background-color:#222;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info:after {right:0;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p:before {content:''; position:absolute; top:50%; right:0; left:0;height:1px; margin-top:-2px; background-color:#222;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p {display:block; position:relative; width:100%; margin:0 0 0 0; padding-top:0; font-size:14px; line-height:19px; text-align:center;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .img_wrap .width_info p span {display:inline-block; position:relative; padding:0 12px; background-color:#fff;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap {display:inline-block; width:56%; margin-left:0; padding:8px 0 0 12px; vertical-align:middle;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dl {font-size:16px; line-height:21px;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dt {font-family:'HyundaiSansTextBold'; text-align:left;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .txt_wrap dd {padding-top:8px; color:#666; text-align:left;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap .lineup_list .info_txt {padding-top:20px; color:#35719E;}
/* 캡이 없을 경우 */
.contModule.lineup2 .lineup_cont .lineuplist_wrap.no_cap {width:auto; margin:0 auto;}
.contModule.lineup2 .lineup_cont .lineuplist_wrap.no_cap .txt_wrap {padding-top:8px;}

/* Line Up Old */
.contModule.lineup {}
.contModule.lineup .module {padding:60px 0 0 0;}
.contModule.lineup .module .header {padding-bottom:40px;}
.contModule.lineup .tab_wrap {width:auto; margin:0 10px;}
.contModule.lineup .tab_wrap .tab_cont {padding:40px 0 0 0;}
.contModule.lineup .lineup_cont {}
.contModule.lineup .lineup_cont .thumbWrap {margin:0 -6px; padding-bottom:40px; overflow:hidden;}
.contModule.lineup .lineup_cont .thumbWrap .list {font-size:0; line-height:0; text-align:center;}
.contModule.lineup .lineup_cont .thumbWrap .item {display:inline-block; width:100px; margin:0 6px; padding:0 0 20px 0;}
.contModule.lineup .lineup_cont .thumbWrap .img_wrap img {max-width:100%; width:auto;}
.contModule.lineup .lineup_cont .thumbWrap .txt_wrap {padding-top:8px; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:23px;}
.contModule.lineup .lineup_cont .lineup_list {padding-bottom:60px; overflow:hidden;}
.contModule.lineup .lineup_cont .lineup_list .header {padding-bottom:20px; font-size:19px; font-family:'HyundaiSansTextBold'; line-height:24px; text-align:center;}
.contModule.lineup .lineup_cont .lineup_list .list {margin:0; font-size:0; line-height:0; text-align:center;}
.contModule.lineup .lineup_cont .lineup_list .item {display:block; width:100%; margin:0; padding:0 0 40px 0;}
.contModule.lineup .lineup_cont .lineup_list .img_wrap img {max-width:100%; width:auto;}
.contModule.lineup .lineup_cont .lineup_list .txt_wrap {padding-top:16px; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:21px;}

/* Landing List */
.landing_list {}
.landing_list .header {padding:28px 10px 28px 10px;}
.landing_list .header .h1_tit {font-size:28px; line-height:33px;}
.landing_list .header .h_desc {padding-top:8px; color:#222;}
.landing_list .item .txt_wrap .align_cont {padding:20px 0 0 20px;}
.landing_list .item .txt_wrap .align_cont dl {max-width:84.6%;}
.landing_list .item .txt_wrap .align_cont dt {font-size:20px; line-height:25px;}
.landing_list .item .txt_wrap .align_cont dd {padding-top:8px; font-size:13px; line-height:18px; opacity:0.8;}
.landing_list .item .txt_wrap .align_cont .btn_wrap {padding-top:8px;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn {min-width:0; height:auto; padding:0 20px 0 0; border:0; font-size:14px; font-family:'HyundaiSansHeadBold'; line-height:19px;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:before {display:none;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:after {top:50%; width:16px; height:16px; margin-top:-10px;; background:url('../images/common/icon_all_s.svg') no-repeat -350px -165px; background-size:400px 400px;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:hover {color:#222;}
.landing_list .item .txt_wrap .align_cont .btn_wrap .btn:hover:after {left:auto; right:0; width:16px;}
.landing_list .item .dark .txt_wrap .align_cont .btn_wrap .btn:after {background-position:-350px -181px;}

.landing_list.col2 .item {display:block; width:auto; padding:1px 0 0 0;}
.landing_list.col2 .item.empty_item {display:none;}
.landing_list.col2 .item .txt_wrap .align_cont {padding:20px;}
.landing_list.col2 .item .txt_wrap .align_cont .title {font-size:20px; line-height:25px;}

/* 갤러리 모듈 */
.gallery_view {}
.gallery_view .header {height:60px;}
.gallery_view .header .inner {padding:0 10px 0 20px;}
.gallery_view .header .title {top:18px; left:20px;}
.gallery_view .header .h1_tit {font-size:18px; line-height:23px;}
.gallery_view .header .btns_posi {position:absolute; top:0; right:18px; left:18px; font-size:0; line-height:0; text-align:right;}
.gallery_view .header .btn_gate, .gallery_view .header .btn_share, .gallery_view .header .btn_close {display:inline-block; float:none; width:60px; height:60px; margin:0 2px;}
.gallery_view .header .btn_gate {margin-left:0;}
.gallery_view .header .btn_gate a, .gallery_view .header .btn_share a, .gallery_view .header .btn_close a {display:block; height:60px; background:url('../images/product/ico_showroom_s.svg') no-repeat; background-size:250px 300px; opacity:0.7;}
.gallery_view .header .btn_gate a {background-position:0 -80px;}
.gallery_view .header .btn_share a {background-position:-174px -120px;}
.gallery_view .header .btn_close a {background-position:-60px -80px;}

.gallery_view .header .btn_thumb {position:absolute; top:50%; left:0; transform:translateY(-50%);}
.gallery_view .header .btn_thumb button {position:relative; padding-right:18px; height:60px; color:#fff; font-family:'HyundaiSansTextBold'; line-height:28px;}
.gallery_view .header .btn_thumb button:after {content:''; position:absolute; top:50%; right:0; width:16px; height:16px; margin:-8px 0 0 0; background:url('../images/product/ico_showroom_s.svg') no-repeat -120px -80px; background-size:250px 300px;}
.gallery_view .header .btn_thumb.on button:after {background-position:-120px -96px;}

.gallery_view .galleryBody {width:100%; height:100%; padding-top:60px;}
/* 갤러리 게이트 */
.gallery_view .galleryBody .gallery_gate {width:100%; height:100%;}
.gallery_view .galleryBody .gallery_gate .menu {position:relative; float:left; height:100%; width:100%; padding:0;}
.gallery_view .galleryBody .gallery_gate .menu a {position:relative; display:table; width:100%; height:100%; color:#fff; text-decoration:none;}
.gallery_view .galleryBody .gallery_gate .menu .txt_wrap {display:table-cell; vertical-align:middle; text-align:center;}
.gallery_view .galleryBody .gallery_gate .menu .txt_wrap .inner {}

.gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2), .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2) ~ .menu {width:50%;}
.gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3), .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3) ~ .menu {width:33.33333333%;}
/* portrait 일 때 */
.portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2), .portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(2) ~ .menu {width:100%; height:50%;}
.portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3), .portrait .gallery_view .galleryBody .gallery_gate .menu:nth-child(1):nth-last-child(3) ~ .menu {width:100%; height:33.33333333%;}
.gallery_view .galleryBody .menu_wrap .menu .img_wrap {display:block; position:absolute; width:100%; height:100%; background-position:50%; background-size:cover;}

/* 썸네일 리스트 */
.galleryCont .thumbCont {top:-60px;height:110px;}
.galleryCont .thumbCont .thumbSlide_wrap {padding:24px 5px 0 5px;}
.galleryCont .thumbCont .slide_list .item {width:136px; margin:0 5px;}
.galleryCont .thumbCont .slide_list .item .img_wrap .btn_movie{width:20px; height:20px; margin:-10px 0 0 -10px; background:url('../images/common/icon_all_s.svg') no-repeat 0 -340px; background-size:400px 400px;}

.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow {display:none; position:absolute; top:50%; width:24px; height:24px; margin-top:-12px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow.prev {left:0;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow.next {right:0;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico, .galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico {width:24px; height:24px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico:after, .galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico:after {top:0; width:24px; height:24px; margin:0;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_prev .ico:after {background-position:-376px -84px;}
.galleryCont .thumbCont .thumbSlide_wrap .btn_arrow .btn_next .ico:after {background-position:-400px -84px;}

.galleryCont .thumbCont.open {top:60px;}

/* 갤러리 슬라이드 */
.galleryCont {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap {position:relative; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .gallerySlide {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list {width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .item {float:left; width:100%; height:100%;}
.galleryCont .gallerySlide_wrap .slide_list .module {position:relative; width:100%; height:100%; padding-bottom:100px; background-color:#222;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap {position:relative; display:block; width:100%; height:100%; background-position:50%; background-size:contain;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap:before {content:''; display:block; padding-top:52.083333333333333%;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap:after {display:none; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; height:334px; opacity: 0.4; background: rgba(0, 0, 0, 1); background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie {width:40px; height:40px; margin:-20px 0 0 -20px; background:url('../images/common/icon_all_s.svg') no-repeat -230px -290px; background-size:400px 400px; z-index:10;}
.galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:hover, .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:focus {background-position:-270px -290px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap {position:absolute; bottom:0; left:0; width:100%; height:auto; color:#fff;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .inner {display:table; width:100%; height:100%; padding:0 20px 30px 20px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .align_cont {display:table-cell; padding:0;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .h2_tit {font-size:20px; line-height:25px;}
.galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .txt {padding-top:8px; opacity:0.8;}

.galleryCont .gallerySlide_wrap .btn_arrow {position:absolute; top:50%; width:20px; height:40px; margin-top:-20px;}
.galleryCont .gallerySlide_wrap .btn_arrow.prev {left:0;}
.galleryCont .gallerySlide_wrap .btn_arrow.next {right:0;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico {width:20px; height:40px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico:after {top:0; width:20px; height:40px; margin:0; background:url('../images/common/icon_all_s.svg') no-repeat; background-size:400px 400px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev .ico:after {background-position:0 0;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next .ico:after {background-position:-20px 0;}

.galleryCont .gallerySlide_wrap .btn_arrow .btn_prev:hover .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_prev:focus .ico:after {background-position:0 -40px;}
.galleryCont .gallerySlide_wrap .btn_arrow .btn_next:hover .ico:after, .galleryCont .gallerySlide_wrap .btn_arrow .btn_next:focus .ico:after {background-position:-20px -40px;}

/* 화이트 버전 */
.galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie {background-position:-310px -290px;}
.galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie:hover, .galleryCont .gallerySlide_wrap .slide_list .module.dark .img_wrap .btn_movie:focus {background-position:-270px -290px;}
.galleryCont .gallerySlide_wrap .slide_list .module.dark .txt_wrap {color:#fff}

/* portrait 일 때 */
.portrait {}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module {padding-bottom:0;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap {position:relative; display:block; width:100%; height:100%; background-position:50%; background-size:contain;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap:before {content:''; display:block; padding-top:52.083333333333333%;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap:after {display:none; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; height:334px; opacity: 0.4; background: rgba(0, 0, 0, 1); background: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: -moz-linear-gradient(bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie {width:40px; height:40px; margin:-20px 0 0 -20px; background:url('../images/common/icon_all_s.svg') no-repeat -230px -290px; background-size:400px 400px; z-index:10;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:hover, .portrait .galleryCont .gallerySlide_wrap .slide_list .module .img_wrap .btn_movie:focus {background-position:-270px -290px;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap {position:absolute; bottom:0; left:0; width:100%; height:auto; color:#fff;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .inner {display:table; width:100%; height:100%; padding:0 20px 30px 20px;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .align_cont {display:table-cell; padding:0;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .h2_tit {font-size:20px; line-height:25px;}
.portrait .galleryCont .gallerySlide_wrap .slide_list .module .txt_wrap .txt {padding-top:8px; opacity:0.8;}

/* 갤러리 열였을 때 */
.gallery_open {overflow:hidden;}

/* 동영상 레이어 팝업 */
.layer_movie {}
.layer_movie .movie_wrap {position:relative; padding:0 0 56.25% 0;}
.layer_movie .movie_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.layer_movie .movie_wrap .btn_close {position:absolute; top:0; right:0; width:40px; height:40px; z-index:10;}
.layer_movie .movie_wrap .btn_close button {width:40px; height:40px; background:url('../images/main/img_main_s.svg') no-repeat -134px 0; background-size:250px 250px;}

/* 190620 */
/* SNS공유하기 레이어 팝업 */
.layer_wrap.snsShare_wrap {position:relative; width:80%; margin:0 auto; background-color:#fff;}
.layer_wrap.snsShare_wrap .layer_cont {padding:40px 0;}
.layer_wrap.snsShare_wrap .title {color:#222; font-family:HyundaiSansHeadBold; font-size:14px; text-align:center;}
.layer_wrap.snsShare_wrap .list_wrap {padding-top:40px; text-align:center;}
/* 190326_1 수정 */
.layer_wrap.snsShare_wrap .list_wrap .item {display:inline-block; width:40px; height:40px; margin:0 8px;}
/* //190326_1 수정 */
/* 190326_1 추가 */
.layer_wrap.snsShare_wrap .list_wrap .item:first-child {margin-left:8px;}
.layer_wrap.snsShare_wrap .list_wrap .item:last-child {margin-right:8px;}
/* //190326_1 추가 */
.layer_wrap.snsShare_wrap .list_wrap .item a {display:block; height:40px; background:url('../images/common/icon_all_s.svg') no-repeat 0 0; background-size:400px 400px;}
.layer_wrap.snsShare_wrap .list_wrap .item .facebook {background-position:-150px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .facebook:hover, .layer_wrap.snsShare_wrap .list_wrap .item .facebook:focus {background-position:-150px -125px;}
.layer_wrap.snsShare_wrap .list_wrap .item .twitter {background-position:-190px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .twitter:hover, .layer_wrap.snsShare_wrap .list_wrap .item .twitter:focus {background-position:-190px -125px;}
.layer_wrap.snsShare_wrap .list_wrap .item .google_plus {background-position:-230px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .google_plus:hover, .layer_wrap.snsShare_wrap .list_wrap .item .google_plus:focus {background-position:-230px -125px;}
.layer_wrap.snsShare_wrap .list_wrap .item .linkedin {background-position:-230px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .linkedin:hover, .layer_wrap.snsShare_wrap .list_wrap .item .linkedin:focus {background-position:-230px -125px;}
.layer_wrap.snsShare_wrap .list_wrap .item .pinterest {background-position:-270px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .pinterest:hover, .layer_wrap.snsShare_wrap .list_wrap .item .pinterest:focus {background-position:-270px -125px;}
.layer_wrap.snsShare_wrap .list_wrap .item .copy_url {background-position:-310px -80px;}
.layer_wrap.snsShare_wrap .list_wrap .item .copy_url:hover, .layer_wrap.snsShare_wrap .list_wrap .item .copy_url:focus {background-position:-310px -125px;}
.layer_wrap.snsShare_wrap .btn_close {position:absolute; top:0; right:0;}
.layer_wrap.snsShare_wrap .btn_close button {width:30px; height:30px; background:url('../images/common/icon_all_s.svg') no-repeat -350px -80px; background-size:400px 400px;}
/* //190620 */

.layer_wrap.snsShare_wrap .copyUrl_msg {display:none; max-width:240px; margin:0 auto; padding-top:24px; color:#fff; font-size:16px; line-height:21px; text-align:center;}

.layer_wrap.snsShare_wrap.url_copy {background-color:#35719E;}
.layer_wrap.snsShare_wrap.url_copy .title {color:#fff;}
.layer_wrap.snsShare_wrap.url_copy .list_wrap {display:none;}
.layer_wrap.snsShare_wrap.url_copy .btn_close button {background-position:-350px -110px;}
.layer_wrap.snsShare_wrap.url_copy .copyUrl_msg {display:block; }

/* 에러 */
.error_wrap {padding:60px 20px; background-color:#35719E;}
.error_wrap .header {margin:0 auto; text-align:center;}
.error_wrap .header .ico {display:block; width:83px; height:83px; margin:0 auto;}
.error_wrap .header .ico:after {width:83px; height:83px; margin-top:-41px; background-position:-105px -185px;}
.error_wrap .header .h1_tit {padding-top:20px; color:#fff; font-size:19px; line-height:24px;}
.error_wrap .header .txt {padding-top:8px; color:#fff; font-size:14px; line-height:19px; opacity:0.7;}
.error_wrap .error_cont {margin:0 auto; padding-top:20px; text-align:center;}
.error_wrap .error_cont .footer .list {display:inline-block; font-size:0; line-height:0;}
.error_wrap .error_cont .footer .list .item {display:block; padding:10px 0;}
.error_wrap .error_cont .footer .list a {color:#5185AA; font-size:18px; font-family:'HyundaiSansHeadBold'; line-height:28px;}
.error_wrap .error_cont .footer .list a:hover, .error_wrap .error_cont .footer .list a:focus {color:#fff;}
.error_wrap .error_cont .btn_wrap {padding-top:28px;}
.error_wrap .error_cont .btn_wrap .btn {min-width:190px; border-color:#fff; background-color:transparent; color:#fff;}
.error_wrap .error_cont .btn_wrap .btn i.ico.out_link:after {background-position:-200px 0;}

/* 상단 공통 배너 */
.notificationBars {display:none; position:relative; color:rgba(255, 255, 255, 0.6);}
.notificationBars .notification_cont {}
.notificationBars .notification_cont img {max-width:100%; width:100%;}
.notificationBars .btn_close {position:absolute; top:12px; right:10px; width:60px; height:60px;}
.notificationBars .btn_close button {display:block; width:60px; height:60px; background:url('../images/common/icon_all_s.svg') no-repeat -268px -225px; background-size:400px 400px;}
.notificationBars .btm_cont {height:30px; background-color:#222; line-height:30px;}
.notificationBars .btm_cont .cont_row {position:relative; font-size:12px;}
.notificationBars .btm_cont .link_wrap {}
.notificationBars .btm_cont .link_wrap a {display:inline-block; position:relative; padding-right:20px;}
.notificationBars .btm_cont .link_wrap a:after {content:''; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-8px; background:url('../images/common/icon_all_s.svg') no-repeat -350px -285px; background-size:400px 400px;}
.notificationBars .btm_cont .today_close {position:absolute; top:0; right:0;}
.notificationBars .btm_cont .today_close input, .notificationBars .btm_cont .today_close label, .notificationBars .btm_cont .today_close button {display:inline-block; vertical-align:middle;}
.notificationBars .btm_cont .today_close input {position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-8px; visibility:hidden; opacity:0;}
.notificationBars .btm_cont .today_close label {position:relative; padding:0 0 0 20px;}
.notificationBars .btm_cont .today_close label:before {content:''; position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-8px; background-color:rgba(255, 255, 255, 0.2);}
.notificationBars .btm_cont .today_close label:after {display:none; content:''; position:absolute; top:11px; left:4px; width:8px; height:5px; border:1px solid rgba(0, 0, 0, 1); border-top:0; border-right:0; -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.notificationBars .btm_cont .today_close input:checked + label:before {background-color:rgba(255, 2555, 255, 1);}
.notificationBars .btm_cont .today_close input:checked + label:after {display:block;}
.notificationBars .btm_cont .today_close .btn_close {position:static; width:16px; height:16px; background:url('../images/common/icon_all_s.svg') no-repeat -366px -285px; background-size:400px 400px;}
.notificationBars.open {}

.notificationBars.dark {color:rgba(34, 34, 34, 0.6);}
.notificationBars.dark .btn_close button {background-position:-328px -225px;}
.notificationBars.dark .btm_cont {background-color:#fff;}
.notificationBars.dark .btm_cont .today_close label:before {background-color:rgba(34, 34, 34, 0.1);}
.notificationBars.dark .btm_cont .today_close input:checked + label:before {background-color:rgba(34, 34, 34, 1);}
.notificationBars.dark .btm_cont .link_wrap a:after {background-position:-350px -301px;}
.notificationBars.dark .btm_cont .today_close .btn_close{background-position:-366px -301px;}

/* 쿠키 사용 레이어 */
.notificationBars.use_cookie {display:block; position:fixed; right:0; bottom:-100%; left:0; padding:28px 0; background-color:#F8F8F8; z-index:10;}
.notificationBars.use_cookie .cont_row.md {margin:0 25px;}
.notificationBars.use_cookie .cookie_info dt {font-size:16px; font-family:'HyundaiSansHeadBold'; line-height:19px;}
.notificationBars.use_cookie .cookie_info dd {padding-top:8px; color:#666; font-size:11px; line-height:16px;}
.notificationBars.use_cookie .cookie_info .btn_wrap {padding-top:20px;}
.notificationBars.use_cookie .cookie_info .btn_wrap .btn {font-size:14px; font-family:'HyundaiSansHeadBold';}

/* Mega Fair 상세보기 */
.mega_fair {margin:0 10px;}/*191106 modify*/
.mega_fair .cont_row .cont_row.md {margin-right:0; margin-left:0;}
.mega_fair .leads_wrap {padding:20px 0 0 0;}
.mega_fair .mutual_wrap {padding:0 0 60px 0; text-align:center;}
.mega_fair .mutual_wrap .header {max-width:750px; margin:0 auto; padding:0 0 40px 0; text-align:center;}
.mega_fair .mutual_wrap .header .txt {padding-top:8px;}
.mega_fair .mutual_wrap .list {display:inline-block; font-size:0; line-height:0;}
.mega_fair .mutual_wrap .list .item {display:inline-block; max-width:310px; padding:0 41px; vertical-align:top;}
.mega_fair .mutual_wrap .list .img_wrap img {max-width:100%;}
.mega_fair .mutual_wrap .list .txt_wrap {padding-top:16px;}
.mega_fair .mutual_wrap .list .txt_wrap .h3_tit {font-size:28px; line-height:33px;}
.mega_fair .mutual_wrap .list .txt_wrap .txt {padding-top:8px; color:#666; font-size:16px; line-height:21px;}
.mega_fair .safety_tech .txt_wrap .align_cont {padding-top:0;}
.mega_fair .leads_contents {padding:0 0 0 0;}
.mega_fair .invitation_local {}
.mega_fair .leads_contents ul:after {padding:0;}
.mega_fair .leads_contents ul li {position:static; float:none;}
.mega_fair .leads_contents ul li.leads_list {display:block; float:left; width:100%; padding:0;}
.mega_fair .leads_contents ul li.leads_list2 {padding:10px 0;}
.mega_fair .leads_contents ul li.leads_list3 {padding:0;}
.mega_fair .new_tech .contModule.cont_h3tit .txt_wrap .align_cont {padding-top:0;}
.mega_fair .new_tech .contModule.h4tita1 .txt_wrap .align_cont {padding-bottom:0;}
.mega_fair .safety_wrap {padding:0 0 60px 0;}
.mega_fair .safety_wrap.contModule.h4titf1 .module {margin:0;}
.mega_fair .smart_cruise {padding-bottom:60px;}
.mega_fair .invitation_local .txt_wrap .align_cont {padding:28px 0 60px 0;}
.mega_fair .involvement_events .swipe_wrap {margin-left:0;}
.mega_fair .contModule.h4titf1 .module { margin: 0;}/*191106 add*/

/* Business Fair 191106 add */
.business_fair {margin:0 10px;}
.business_fair .contModule.h4titf1.leads_wrap { padding: 20px 0 0 0;}
.business_fair .contModule.h4titf1 .module { margin: 0;}
.business_fair .cont_row .cont_row.md {margin:0;}
.business_fair .cont_row .cont_row.md {margin: 0 !important;}
.business_fair .mutual_wrap .list .item {width:auto;}
.business_fair .leads_contents2 { padding: 10px 0 0;}
.business_fair .leads_contents ul li.leads_list {width:100%;}
.business_fair .leads_contents ul li.leads_list:nth-child(odd),.business_fair .leads_contents ul li.leads_list:nth-child(even){padding-left:0;padding-right:0;}
.business_fair .leads_contents ul li.leads_list {padding-bottom:10px;}
.business_fair .leads_contents ul li.leads_list:nth-last-child(1), .business_fair .leads_contents ul li.leads_list:nth-last-child(2) { padding-bottom: 10px; }
/* //Business Fair 191106 add */

/* Xcient Fuel Consumption Contest */
.xcientFuel .cont_row:first-child .contModule.cont_h3tit .txt_wrap .align_cont {padding-top:0;}
.xcientFuel .cont_row .result_wrap {padding:30px 0 40px;}
.xcientFuel .cont_row .result_wrap li:first-child {float:none; padding-bottom:60px;}
.xcientFuel .cont_row .result_wrap li:nth-child(2) {padding-left:0; padding-right:0; padding-bottom:60px;}
.xcientFuel .cont_row .result_wrap li:last-child {float:none;}
.xcientFuel .cont_row .result_wrap li {width:100%;}
.xcientFuel .cont_row .average_wrap li {width:100%;}
.xcientFuel .cont_row .average_wrap li:first-child {padding-bottom:45px;}
.xcientFuel .cont_row .average_wrap li:last-child {padding-bottom:0;}
.xcientFuel .cont_row .average_wrap li {width:100%;}
.xcientFuel .cont_row .average_wrap h4.sub_tit {font-size:16px;}
.xcientFuel .cont_row .average_wrap p.txt {font-size:36px; line-height:44px;}
.xcientFuel .cont_row .graph_bg {background:url("../../../images/experience/xcient-fuel-consumption-contest-line-m.png") no-repeat bottom; background-size:100%;}
.xcientFuel .cont_row .victory_wrap .contModule .sub_tit {font-size:35px; line-height:35px;}
.xcientFuel .cont_row .victory_wrap .contModule .sub_tit2 {font-size:20px;}
.xcientFuel .contModule.h4titc1 .swipe_wrap {margin-left:0;}
.xcientFuel .contModule.h4titc1 li.item .txt_wrap {visibility:visible; opacity:1;}

/* H:EAR-O Driving Class */
.hearDriving {}
.hearDriving .driving_video .module {margin:0;}
.hearDriving .driving_video {padding:0 0 10px;}
.hearDriving .driving_list li.item:first-child {padding-bottom:10px;}
.hearDriving .driving_list .swipe_wrap {margin-left:0;}
.hearDriving .contModule.h4tita1 .txt_wrap .align_cont {padding:0 0 60px 0;}
.hearDriving .hearDriving_txt .txt_wrap .align_cont .txt:first-child {padding-top:0;}

/* Before Service */
.beforeService {}
.beforeService .contModule.h4titf1 .module{margin:0;}
.beforeService .contModule.h4titf1 {padding: 28px 0;}
.beforeService .before_video .module {margin-right:0; margin-left:0;}
.beforeService .before_list {margin-top:60px;}
.beforeService .before_list .txt_wrap .align_cont {padding-right:0; padding-left:0;}

/* layout */
#wrap {}
#header {}
#header .util_menu {height:25px; background-color:#35719E; text-align:right;}
#header .util_menu a {font-size:10px; line-height:25px;}
#header .util_menu .list {display:none; padding-right:5px;}
#header .util_menu .item {padding-right:0;}
#header .util_menu .depth2menu_wrap {display:none; max-height:0; position:absolute; top:24px; left:-6px; width:auto; overflow:hidden; -ms-transition:max-height 0.3s ease; -o-transition:max-height 0.3s ease; -moz-transition:max-height 0s ease; -webkit-transition:max-height 0.3s ease; transition:max-height 0.3s ease;}
#header .util_menu .depth2menu_wrap .depth2_menu {position:relative; padding:4px 6px 8px 6px; background-color:#35719E; text-align:left;}
#header .util_menu .depth2menu_wrap .depth2_menu li {display:none; padding:8px 0 0 0;}
#header .util_menu .depth2menu_wrap .depth2_menu li:first-child {padding-top:0;}
#header .util_menu .depth2menu_wrap .depth2_menu a {color:rgba(255, 255, 255, 0.7); font-size:8px; line-height:12px}
#header .util_menu .item.open {z-index:110;}
#header .util_menu .item.open .depth2menu_wrap {display:block; max-height:150px; -ms-transition:max-height 0.5s linear; -o-transition:max-height 0.5s linear; -moz-transition:max-height 0.5s linear; -webkit-transition:max-height 0.5s linear; transition:max-height 0.5s linear;}
#header .util_menu .item.open .depth2menu_wrap .depth2_menu {opacity:1;}
#header .util_menu .item.open .depth2menu_wrap .depth2_menu li {display:block;}
#header .header_wrap {min-height:60px; padding:0 10px}
#header .header_wrap .logo {margin-top:0;}
#header .header_wrap .logo a {width:61px; height:60px; background:url('../images/common/logo_s.svg') no-repeat; background-size:cover;}

/* GNB */
html.gnb_open {overflow-y:hidden;}
#header .header_wrap .gnb_area {float:none; position:absolute; top:60px; left:0; width:100%; padding:19px 0 20px 0; background-color:#35719E; opacity:0; visibility:hidden;}
#header .gnb_area .gnb_wrap {padding-left:0; overflow:hidden; white-space:nowrap;}
#header .gnb_area .gnb_wrap .depth1_wrap {margin:0; padding-top:0; font-size:0; line-height:0; white-space:nowrap;}
#header .gnb_area .gnb_wrap .depth1_list {float:none; display:inline-block; padding:0 12px;}
#header .gnb_area .gnb_wrap .depth1_list:first-child {padding-left:20px;}
#header .gnb_area .gnb_wrap .depth1_link {color:#5185AA; font-size:38px; font-family:'HyundaiSansHeadBold'; line-height:41px; text-decoration:none;}
#header .gnb_area .depth1_wrap .depth1_list.eco_menu .depth1_link {color:#5185AA !important;}
#header .gnb_area .depth1_wrap .depth1_list.eco_menu .depth1_link img {display:none;}

#header .gnb_area .depth1_wrap .depth1_list .depth1_link:hover,
#header .gnb_area .depth1_wrap .depth1_list .depth1_link:focus,
#header .gnb_area .depth1_wrap .depth1_list.active .depth1_link,
#header .gnb_area .depth1_wrap .depth1_list.on .depth1_link {color:#fff;}

#header .gnb_area .depth1_wrap .depth1_list.all_menu, #header .gnb_area .depth1_wrap .depth1_list.all_menu.on {display:inline-block;}

#header .gnb_area .depth2_wrap {position:fixed; top:165px !important; left:0; width:100%; height:100%; background-color:#fff; overflow:hidden;}/* 220718 modify */
#header .gnb_area .depth2_wrap .depth2_menu {display:none; float:left; width:100%; height:100%;}
#header .gnb_area .depth2_wrap .depth2_menu .scroll_wrap {height:500px; padding:0; overflow:hidden; overflow-y:scroll;}
#header .gnb_area .depth2_wrap .depth2_menu .item {width:100%; padding:40px 0 0 0;}
#header .gnb_area .depth2_wrap .depth2_menu .item:first-child {padding-top:0;}
#header .gnb_area .depth2_wrap .depth2_list .item .module {padding:0;}
#header .gnb_area .depth2_wrap .depth2_list .item .img_wrap img {max-width:100%; width:100%;}
#header .gnb_area .depth2_wrap .depth2_list .item .txt_wrap {padding:12px 20px 0 20px; font-size:18px; font-family:'HyundaiSansHeadBold'; line-height:26px;}

/* 181206 수정 + 추가 : 메뉴개선 ****************/
/* Product 메뉴 */
/* 카테고리 */
#header .gnb_area .depth2_wrap .product_menu .prod_header {padding:40px 10px 0 10px;text-align:left;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap, #header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap {position:relative; padding-top:0;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap {margin-top:12px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_wrap {display:block; vertical-align:middle;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prodDepth2_wrap.open {position:relative; z-index:20;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .btn_open, #header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .btn_open {display:block;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .tab_open {position:relative; width:100%; height:50px; padding:0 60px 0 20px; background:#35719e; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:50px; text-align:left; color:#fff;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .tab_open {position:relative; width:100%; height:50px; padding:0 60px 0 20px; background:#f6f3f2; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:50px; text-align:left; color:#35719e;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .tab_open:after {content:''; position:absolute; top:50%; right:2px; width:40px; height:40px; margin:-20px 0 0 0; background:url('../images/common/icon_all_s.svg') no-repeat -120px -40px; background-size:400px 400px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .tab_open:after {content:''; position:absolute; top:50%; right:2px; width:40px; height:40px; margin:-20px 0 0 0; background:url('../images/common/icon_all_s.svg') no-repeat -120px -350px; background-size:400px 400px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .scroll_wrap {display:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1, #header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth2 {display:block;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1 .prodDepth1_list,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth2 .prodDepth2_list {display:block; height:50px; margin:-1px 0 0 0; padding:0; border:1px solid #35719e; font-size:16px; line-height:50px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1 a,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth2 a {display:block; background:none; height:50px; padding:0 20px; border:0;line-height:50px; opacity:1; text-decoration:none; color:#000;font-family:'HyundaiSansTextRegular';}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1 .prodDepth1_list.on,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth2 .prodDepth2_list.on {position:relative; background-color:#fff; z-index:5;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap .prod_depth1 .prodDepth1_list.on a {font-family:'HyundaiSansTextBold'; color:#000; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth2 .prodDepth2_list.on a {background:none;font-family:'HyundaiSansTextBold'; color:#000; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .scroll_wrap {display:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .scroll_wrap {display:none; position:absolute; top:50px; right:0; left:0; background-color:#fff; max-height:295px; overflow:hidden; overflow-y:scroll; z-index:10;}
/* 카테고리 open 시 */
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap.open,
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap.open {z-index:20;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap.open .tab_open:after {background-position:-160px -40px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prodDepth2_wrap.open .tab_open:after {background-position:-160px -40px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prodDepth2_wrap.open .tab_open {background:#35719e;color:#fff;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prodDepth2_wrap.open .scroll_wrap, #header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth1_wrap.open .scroll_wrap, #header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap.open .scroll_wrap {display:block;}

/* Prodect 2Depth */
#header .gnb_area .depth2_wrap .depth2_menu.product_menu {}
#header .gnb_area .depth2_wrap .depth2_menu.product_menu .depth2_list {padding-top:20px; background-color:#fff;}
#header .gnb_area .depth2_wrap .depth2_menu.product_menu .item {display:block; width:auto; padding:0; border-bottom:1px solid #E8E8E8; text-align:left;}
#header .gnb_area .depth2_wrap .depth2_menu.product_menu .item:first-child {border-top:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module {position:relative; padding:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap {position:relative; padding:20px 60px 21px 20px; overflow:hidden;}
#header .header_wrap .depth2_wrap .depth2_menu.product_menu .txt_wrap:after {content:''; position:absolute; top:50%; right:0; width:60px; height:60px; margin-top:-30px; background:url('../images/common/gnb_all_s.svg') no-repeat -120px 0; background-size:250px 250px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .title {padding-top:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .title span {display:inline-block; vertical-align:top;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .title .flag_wrap {position:static; display:inline-block; height:20px; padding:0 8px; background-color:#35719E; color:#fff; font-size:12px; font-family:'HyundaiSansTextBold'; line-height:20px; vertical-align:middle;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .txt_wrap .info_txt {padding-top:4px; line-height:19px;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list .item .module .img_wrap {position:static; padding-bottom:20px}

#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 {display:none; position:relative; min-width:100%; margin-left:0; padding-top:12px; color:#fff; font-size:14px; text-align:left; vertical-align:top; z-index:5;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open {position:relative; display:block; width:100%; height:50px; padding:0 60px 0 20px; background-color:#f6f3f2; color:#35719e; font-size:16px; font-family:'HyundaiSansTextBold'; line-height:50px; text-align:left;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open .ico {position:absolute; top:50%; right:2px; width:40px; height:40px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .btn_open .ico:after {content:''; position:absolute; top:50%; right:2px; width:40px; height:40px; margin:-24px 0 0 0; background:url('../images/common/icon_all_s.svg') no-repeat -120px -350px; background-size:400px 400px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item_list {display:none;position:absolute; top:62px; padding:0; border:none; background-color:#fff; font-size:0; line-height:0; text-align:center;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item {display:block; height:50px; margin:-1px 0 0 0; padding:0; border:1px solid #35719e; font-size:16px; line-height:50px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item a {display:block; padding:0 16px; color:#000; font-size:16px; font-family:'HyundaiSansTextRegular'; line-height:50px;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item a:hover {background:#35719E; color:#fff; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item.on a {font-family:'HyundaiSansTextBold'; color:#000; text-decoration:none;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3 .item.on a:before {background-color:#35719E;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.open .item_list {display:block;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.on {display:block;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.open .btn_open {background:#35719e;color:#fff;}
#header .gnb_area .depth2_wrap .product_menu .prod_header .prod_depth2_wrap .prod_depth3.open .btn_open .ico:after {background-position:-160px -40px;}
/* //181206 수정 + 추가 : 메뉴개선 ****************/

#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine {text-align:left;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .list {display:block; min-width:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item {width:100%; padding:0;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module {}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .img_wrap {}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .img_wrap img {max-width:100%; width:100%;}
#header .gnb_area .depth2_wrap .product_menu .depth2_list.engine .item .module .txt_wrap {padding:32px 60px 32px 20px;}

#header .gnb_area .depth2_wrap .product_menu .service_menu {display:none;}

/* 전체 메뉴 */
#header .header_wrap .depth2_wrap .depth2_menu.all_menu {}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .h1_tit {position:absolute; z-index:-1; opacity:0;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list {padding:40px 20px;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .h2_tit {position:relative; font-size:32px; line-height:37px;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .h2_tit:after {content:''; display:block; width:40px; height:2px; margin-top:12px; background-color:#222;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .h3_tit {padding:40px 0 0 0; font-size:18px; line-height:23px;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .depth1_menu {padding-bottom:80px;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .depth2_menu {display:block; float:none; height:auto; padding:0 0 0 0;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .depth2_menu .list {padding-top:4px;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .depth2_menu .item {padding:8px 0 0 0;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .depth2_menu .on {color:#35719E;}
#header .header_wrap .depth2_wrap .depth2_menu.all_menu .allmenu_list .depth2_menu .item .on {text-decoration:underline;}

#header .header_wrap .gnb_wrap .depth1_list.on .depth1_link {color:#fff;}
#header .header_wrap .depth2_wrap .depth2_menu.on {display:block;}

/* Wide Type */
#header .gnb_area .depth2_wrap.typeWide .scroll_wrap {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list {padding-bottom:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item {width:100%; padding:0 0 1px 0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item:last-child {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item.odd {display:none}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .module {position:relative; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; padding:0; font-size:20px; line-height:25px;}
#header .gnb_area .depth2_wrap.typeWide .depth2_list .item .txt_wrap .align_cont {padding:20px 0 0 20px;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list {padding-top:28px; padding-bottom:40px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item {padding-bottom:1px; border:0; text-align:left;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item:last-child {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .img_wrap {position:static; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .inner {position:relative; padding:38.1679% 0 0 0; background-repeat:no-repeat; background-size:cover;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .inner:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(53, 113, 158, 0.6); opacity:0; transition:opacity 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .align_cont {position:absolute; top:0; right:0; bottom:0; width:67.2010%; z-index:10;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap .align_cont:after {content:''; display:block; padding-top:56.75%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .img_wrap img {position:absolute; bottom:0; right:0; width:auto; max-height:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap {position:absolute; padding:20px 0 0 20px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap:after {display:none;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .title {padding:0; font-size:20px; line-height:25px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .flag_wrap {display:inline-block; position:static; margin-left:12px; vertical-align:middle;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list .item .module .txt_wrap .info_txt {max-width:150px; padding-top:4px; color:#222; font-size:12px; line-height:15px; word-break:break-word;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine {padding-top:28px; text-align:center;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item {padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .list {display:inline-block; width:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item {width:100%; padding:0;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .inner {position:relative; padding:76.3358% 0 0 0; background-repeat:no-repeat; background-size:cover;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .inner:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(53, 113, 158, 0.7); opacity:0; transition:opacity 0.5s ease;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .align_cont {position:absolute; top:69px; right:20px; bottom:12px; width:54.6666%; z-index:10;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap .align_cont:after {content:''; display:block; padding-top:100%;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .img_wrap img {position:absolute; top:0; right:0; max-height:100%;}

#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap {position:absolute; top:0; right:0; bottom:0; left:0; padding:20px 0 0 20px;}
#header .gnb_area .depth2_wrap.typeWide .product_menu .depth2_list.engine .item .module .txt_wrap .title {padding:0;}

/* 메뉴 버튼 */
#header .header_wrap .all_menu {}
#header .header_wrap .all_menu .go_network {display:block; position:absolute; top:5px; right:65px; width:50px; height:50px;}
#header .header_wrap .all_menu .go_network a {display:block; height:50px; background:url('../images/common/gnb_all_s.svg') no-repeat 0 -110px; background-size:250px 250px;}
#header .header_wrap .all_menu .btn_open, #header .header_wrap .all_menu .btn_close {position:absolute; top:0; right:10px; width:60px; height:60px; z-index:105;}
#header .header_wrap .all_menu .btn_open button, #header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu .btn_open a,
#header .header_wrap .all_menu .btn_close a {display:block; width:60px; height:60px;}
#header .header_wrap .all_menu .btn_close {display:none;}
#header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu .btn_close a {}

html.gnb_open #header .header_wrap .gnb_area {opacity:1; visibility:visible;}
html.gnb_open #header .header_wrap .all_menu .btn_open {display:none;}
html.gnb_open #header .header_wrap .all_menu .btn_close {display:block;}

#header .header_wrap .all_menu {}
#header .header_wrap .all_menu .btn_open, #header .header_wrap .all_menu .btn_close {position:absolute; top:0; right:10px; width:60px; height:60px; z-index:105;}
#header .header_wrap .all_menu .btn_open button, #header .header_wrap .all_menu .btn_open a {width:60px; height:60px;}
#header .header_wrap .all_menu .btn_open {overflow:hidden;}
#header .header_wrap .all_menu .btn_open svg {margin-top:7px;}
#header .header_wrap .all_menu .btn_open button svg{ margin-left: 0; margin-top:7px; width: auto; height:auto}/* 230424 edit */
#header .header_wrap .all_menu .btn_close {display:none;}
#header .header_wrap .all_menu .btn_close button, #header .header_wrap .all_menu .btn_close a {width:60px; height:60px;}

/* 검색 */
#header .header_wrap .all_menu .searchWrap {top:-25px; height:85px;}
#header .header_wrap .all_menu .searchWrap .search_area {position:relative; height:85px; padding:40px 0 0 70px;}
#header .header_wrap .all_menu .searchWrap .search_area .input_word {width:80%; height:auto;}
#header .header_wrap .all_menu .searchWrap .search_area .ico {top:30px; left:10px; width:50px; height:50px;}
#header .header_wrap .all_menu .searchWrap .search_area .ico:after {width:50px; height:50px; margin-top:-25px; background:url('../images/common/gnb_all_s.svg') no-repeat -180px 0; background-size:250px 250px;}
#header .header_wrap .all_menu .searchWrap .search_area input {display:block; height:30px; padding-bottom:0; color:#fff; font-size:20px; font-family:'HyundaiSansTextRegular'; line-height:30px;}
#header .header_wrap .all_menu .searchWrap .search_area input:focus {border-bottom:0;}
#header .header_wrap .all_menu .searchWrap .search_area input:focus + .btn_search {display:none;}
#header .header_wrap .all_menu .searchWrap .search_area ::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.2);}
#header .header_wrap .all_menu .searchWrap .search_area ::-moz-placeholder {color:rgba(255, 255, 255, 0.2);}
#header .header_wrap .all_menu .searchWrap .search_area :-ms-input-placeholder {color:rgba(255, 255, 255, 0.2);}
#header .header_wrap .all_menu .searchWrap .search_area .btn_search {display:none;}

#header .header_wrap .all_menu .searchWrap .search_area .error_msg {min-height:30px; height:auto; border-bottom:0; font-size:20px; font-family:'HyundaiSansTextRegular'; line-height:20px;}
#header .header_wrap .all_menu .searchWrap .search_area.blank {padding-top:35px; }
#header .header_wrap .all_menu .searchWrap .search_area.blank .input_word {height:100%;}
#header .header_wrap .all_menu .searchWrap .search_area.blank input {display:none;}
#header .header_wrap .all_menu .searchWrap .search_area.blank .ico:after {background:url('../images/common/gnb_all_s.svg') no-repeat -185px -50px; background-size:250px 250px;}
#header .header_wrap .all_menu .searchWrap .search_area.blank .error_msg {top:50%; -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}

/* 전체메뉴 */
html.gnb_open #header .header_wrap .all_menu .allMenu_wrap, html.allmenu_open #header .header_wrap .all_menu .allMenu_wrap, #header .header_wrap .all_menu .allMenu_wrap {display:none; position:absolute; top:130px; right:0; left:0; background:#fff url('../images/common/bg_allmenu.jpg') no-repeat top center; background-size:cover; z-index:100;}
#header .header_wrap .all_menu .allMenu_wrap .allmenu_list {position:relative; margin:0 60px 80px 60px; background-color:#fff; }
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap {height:800px; padding:80px 0 140px 0; overflow:hidden; overflow-y:scroll;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar {position:absolute; top:0; right:-60px; bottom:0; width:4px;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_wrap .scroll_bar .bg {position:relative; display:block; height:40px; background-color:#fff;}
#header .header_wrap .all_menu .allMenu_wrap .scroll_inner {position:relative; padding:0 105px;}
#header .header_wrap .all_menu .allMenu_wrap .h1_tit {padding-bottom:120px; color:#35719E; text-align:center;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu {padding-bottom:40px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu:after {content:''; display:table; clear:both;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit {position:relative; float:left; width:33.8461%; margin-bottom:80px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit:after {content:''; display:block; width:80px; height:4px; margin-top:40px; background-color:#222;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .h2_tit a {text-decoration:none;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .menu_list {margin-left:33.8461%; font-size:0; line-height:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu {display:inline-block; width:33.3333%; padding-bottom:80px; vertical-align:top;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .h3_tit {font-size:24px; line-height:34px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .h3_tit a {text-decoration:none;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .list {padding-top:16px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item {padding-top:4px;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item:first-child {padding-top:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a {display:inline-block; position:relative; font-size:18px; line-height:28px; text-decoration:none;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a:after {content:''; display:block; width:100%; height:2px; background-color:#222; opacity:0;}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a:hover {}
#header .header_wrap .all_menu .allMenu_wrap .depth1_menu .depth2_menu .item a:hover:after {opacity:1;}
#header .gnb_area .depth2_wrap .depth2_menu.all_menu.on {display:block;}

/* 전체메뉴 열였을 때 */
#header .header_wrap .all_menu.open .btn_open {display:none;}
#header .header_wrap .all_menu.open .btn_close {display:block;}
html.gnb_open #header .header_wrap .all_menu .searchWrap, #header .header_wrap .all_menu.open .searchWrap {display:block;}
#header .header_wrap .all_menu.open .allMenu_wrap {display:none;}
html.gnb_open #header .header_wrap .all_menu .btn_close {display:block;}
html.gnb_open #header .header_wrap .all_menu .btn_close button, html.gnb_open #header .header_wrap .all_menu .btn_close a {background-position:-60px 0;}
html.gnb_open #header .header_wrap .all_menu .btn_close svg {margin:6px 0 0 1px;}

#container {}
#content {}
/* 공통 하단 영역 */
.cont_footer .location_wrap {position:relative; height:auto; min-height:60px; padding:0 0; background-color:#fff;}
.cont_footer .location_wrap .inner {position:static; width:auto; margin:0 10px 0 20px; padding:10px 0;}
.cont_footer .location_wrap .location {position:absolute; top:50%; right:15%; left:20px; padding-top:0; color:#666; font-size:14px; line-height:17px; word-break:break-word; -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.cont_footer .location_wrap .location a, .cont_footer .location_wrap .location span {display:inline-block; color:#666; font-size:14px; line-height:17px;}
.cont_footer .location_wrap .location span {padding:0 5px;}
.cont_footer .location_wrap .location .home .ico {display:none;}

.cont_footer .location_wrap .sns_share {position:absolute; top:50%; right:10px; background:#fff; -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.cont_footer .location_wrap .sns_share .btn_open {display:block;}
.cont_footer .location_wrap .sns_share .btn_open .sns_open {position:relative; width:73px; height:40px;}
.cont_footer .location_wrap .sns_share .btn_open .sns_open:before, .cont_footer .location_wrap .sns_share .btn_open .sns_open:after {content:''; position:absolute; top:0;}
.cont_footer .location_wrap .sns_share .btn_open .sns_open:before {left:0; width:40px; height:40px; background:url('../images/common/img_footer_s.svg') no-repeat; background-size:400px 400px;}
.cont_footer .location_wrap .sns_share .btn_open .sns_open:after {right:0; top:50%; width:25px; height:25px; margin-top:-12px; background:url('../images/common/img_footer_s.svg') no-repeat 0 -80px; background-size:400px 400px;}
.cont_footer .location_wrap .sns_share .btn_share {display:block; width:40px; height:40px; padding:0; font-size:0;}
.cont_footer .location_wrap .sns_share .btn_share:after {content:''; position:absolute; top:0; left:0; width:40px; height:40px; background:url('../images/common/icon_all_s.svg') no-repeat -225px 0; background-size:400px 400px;}
.cont_footer .location_wrap .sns_share .btn_share:hover:after, .cont_footer .location_wrap .sns_share .btn_share:focus:after {background-position:-225px -40px;}
.cont_footer .location_wrap .sns_share .list_wrap {display:none; font-size:0; line-height:0;}
.cont_footer .location_wrap .sns_share .item {display:block; padding:0;}
.cont_footer .location_wrap .sns_share .item:last-child {padding-right:0;}
.cont_footer .location_wrap .sns_share .item a {display:block; width:40px; height:40px; background:url('../images/common/img_footer_s.svg') no-repeat; background-size:400px 400px;}
.cont_footer .location_wrap .sns_share .item a.facebook {background-position:0 0;}
.cont_footer .location_wrap .sns_share .item a.twitter {background-position:-40px 0;}
.cont_footer .location_wrap .sns_share .item a.google_plus {background-position:-80px 0;}
.cont_footer .location_wrap .sns_share .item a.pinterest {background-position:-120px 0;}
.cont_footer .location_wrap .sns_share.open .list_wrap {display:block;}

.cont_footer .seomenu_wrap {background-color:#35719E; padding:0 0 0 0; font-size:0; line-height:0;}
.cont_footer .seomenu_wrap .cont_row.md {margin:0;}
.cont_footer .seomenu_wrap .cont_col {display:block; width:100%; vertical-align:top;}
.cont_footer .seomenu_wrap .menu_list_wrap {max-height:60px; border-bottom:1px solid rgba(248, 248, 248, 0.1); overflow:hidden; transition:all 0.3s ease;}
.cont_footer .seomenu_wrap .menu_list_wrap, .cont_footer .seomenu_wrap .menu_list_wrap a {color:#fff; text-decoration:none;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit {height:60px; margin:0; padding:0 0 0 20px; font-family:'HyundaiSansTextBold'; line-height:60px;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit .btn_open {display:block; position:absolute; top:0; left:0; width:100%; height:60px;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit .btn_open:after {content:''; position:absolute; top:10px; right:10px; width:40px; height:40px; background:url('../images/common/icon_all_s.svg') no-repeat -120px -40px; background-size:400px 400px;}
.cont_footer .seomenu_wrap .menu_list {padding:28px 20px 0 20px;}
.cont_footer .seomenu_wrap .menu_list_wrap .h5_tit + .menu_list {padding-top:28px;}
.cont_footer .seomenu_wrap .menu_list, .cont_footer .seomenu_wrap .menu_list a {display:block; font-size:14px; line-height:19px;}
.cont_footer .seomenu_wrap .menu_list .list {padding-top:8px;}
.cont_footer .seomenu_wrap .menu_list .title {font-family:'HyundaiSansTextBold';}
.cont_footer .seomenu_wrap .menu_list .item {padding-top:8px;}
.cont_footer .seomenu_wrap .menu_list .item, .cont_footer .seomenu_wrap .menu_list .item a {color:#BED5E4;}

.cont_footer .seomenu_wrap .menu_list_wrap.open {max-height:1000px; padding-bottom:28px; -ms-transition:max-height 0.8s linear; -o-transition:max-height 0.8s linear; -moz-transition:max-height 0.8s linear; -webkit-transition:max-height 0.8s linear; transition:max-height 0.8s linear;}
.cont_footer .seomenu_wrap .menu_list_wrap.open .menu_list {display:block;}
.cont_footer .seomenu_wrap .menu_list_wrap.open .h5_tit .btn_open:after {background-position:-160px -40px;}

#footer {}
#footer .footer_wrap {position:relative; padding:0 0 70px 0; background-color:#35719E;}
#footer .footer_wrap .inner {position:static; width:auto; min-height:0; padding:0 0;}
#footer .footer_wrap .logo {display:none; position:absolute; top:59px; left:50px;}
#footer .footer_wrap .logo a {display:block; width:144px; height:20px; background:url('../images/common/footer_logo.svg') no-repeat;}

#footer .footer_wrap .footer_menu {margin:0 0 0 0; padding-top:40px;}
#footer .footer_wrap .footer_menu .menu_list {display:none; font-size:0; line-height:0;}
#footer .footer_wrap .footer_menu .menu_list .item {display:inline-block; padding:0 20px;}
#footer .footer_wrap .footer_menu .menu_list .item:first-child {padding-left:0;}
#footer .footer_wrap .footer_menu .menu_list .item a,
#footer .footer_wrap .link_global a {color:#fff; font-size:18px; line-height:28px; text-decoration:none;} /* 20190625_2 */
#footer .footer_wrap .footer_menu .copyright {padding:28px 0 20px 0; color:#fff; font-size:14px; line-height:21px; opacity:1; text-align:center;}
#footer .footer_wrap .footer_menu .copyright span {display:block;}

#footer .footer_wrap .link_global {display: block; margin: 10px; padding: 0; border: 1px solid rgba(248, 248, 248, 0.1);} /* 20190625_2 */
#footer .footer_wrap .link_global a {display: block; font-size: 16px; line-height: 2.5em; text-align: center;} /* 20190625_2 */
#footer .footer_wrap .affiliates_wrap {display:block; margin:0 10px; padding-left:0;}
#footer .footer_wrap .affiliates_wrap .btn_open a {position:relative; display:block; height:50px; padding:0 19px; border:1px solid #fff; color:#fff; font-family:'HyundaiSansTextBold'; line-height:50px;}
#footer .footer_wrap .affiliates_wrap .btn_open .ico {position:absolute; top:50%; right:0; width:40px; height:40px; margin:-20px 0 0 0;}
#footer .footer_wrap .affiliates_wrap .btn_open .ico:after {width:40px; height:40px; margin-top:-20px; background:url('../images/common/img_footer_s.svg') no-repeat 0 -40px; background-size:400px 400px;}

.affiliates_cont {position:fixed; top:0; left:0; width:94%; margin:0; padding:60px 0 0 0; background-color:#fff; opacity:1; visibility:visible;}
.affiliates_cont .scroll_wrap {height:487px; overflow:hidden; overflow-y:auto;}
.affiliates_cont .h5_tit {font-size:28px; line-height:33px; text-align:center;}
.affiliates_cont .affiliatesList_wrap {width:auto; margin:0 auto;}
.affiliates_cont .affiliatesList_wrap .affiliates_list {padding:28px 40px 0 20px; font-size:0; line-height:0;}
.affiliates_cont .affiliates_list .cont_col {display:block; width:100%; padding:0; vertical-align:top;}
.affiliates_cont .affiliates_list .cont_col .affiliates {padding-bottom:40px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .title {font-size:14px; font-family:'HyundaiSansTextBold'; line-height:19px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap {padding-top:5px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item {display:block; padding:8px 0 0 0;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item:first-child {padding:0;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item a {color:#666; font-size:14px; line-height:19px;}
.affiliates_cont .affiliates_list .cont_col .affiliates .list_wrap .item a:hover {color:#1672A2; text-decoration:underline;}
.affiliates_cont .btn_close {position:absolute; top:0; right:0; width:40px; height:40px;}
.affiliates_cont .btn_close button {position:relative; width:40px; height:40px;}
.affiliates_cont .btn_close button:after {content:''; position:absolute; top:0; left:0; width:40px; height:40px; background:url('../images/common/img_footer_s.svg') no-repeat -40px 0; background-size:400px 400px;}

#footer .footer_wrap .sns_link {display:inline-block; position:absolute; bottom:40px; left:50%; padding-left:0; vertical-align:middle; transform:translate(-50%, 0);} /* 191205 modify*/
#footer .footer_wrap .sns_link a {display:block; position:relative; padding-right:40px; color:#fff; font-size:13px; line-height:21px;} /* 191205 modify*/
#footer .footer_wrap .sns_link a:before {content:''; display:block; position:absolute; top:-2px; right:0; width:40px; height:40px; margin:0 auto; background:url('../images/common/img_footer_s.svg') no-repeat 0 0; background-size:400px 400px; -ms-transform:translateY(0); -o-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);} /* 191205 modify*/
#footer .footer_wrap .sns_link a:after {display:none; content:''; position:absolute; top:50%; right:0; width:32px; height:32px; background:url('../images/common/img_footer.svg') no-repeat 0 0; -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}

/* Top 버튼 */
.btnTop_wrap {position:fixed; right:0; bottom:0;}
.btnTop_wrap .btn_top {display:block; width:50px; height:50px; background:url('../images/common/icon_all_s.svg') no-repeat 0 -290px; background-size:400px 400px;}
}

/* 190516 */
.landing_list.type2 {}
/* //190516 */

/* 200731 add : iphone5  */
@media only screen and (max-width: 320px) {
.h3_tit { font-size: 24px; }
.keyMsg_wrap .body_explanation .contModule.cont_h2 .txt_wrap {padding:40px 20px 0 !important;}
.keyMsg_wrap .body_explanation .contModule.cont_h2 .txt_wrap .align_cont .h2_tit { font-size: 22px !important;}
.keyMsg_wrap .body_explanation .contModule.cont_h2 .txt_wrap .align_cont .txt {  padding-top: 20px; text-shadow: 0 2px 0px #d6d6d6; }

.keyMsg_wrap .model_county_new .contModule.cont_h2 .module {padding-top:90px}/* 201022 add */

}/* 201022 add : } 닫기 누락 */
/* //200731 add : iphone5  */

/* S:220512 add */
.br_pc {display:block;}
.br_pc_tbl {display:block;float:none !important;}

@media only screen and (min-width:768px) and (max-width: 1279px) {
    .br_pc {display:none;}
    .br_tbl {display:block;float:none !important;}
}

@media only screen and (max-width: 767px) {
    .br_pc {display:none;}
    .br_tbl {display:none;}
    .br_pc_tbl {display:none;}
}
/* E:220512 add */