/* ------------------------------------------------------------------
* @ last update: 2016.07.04
* ------------------------------------------------------------------ */




.wrapper_right{height:100%;}



/* ------------------------------------------------------------------
* 레이아웃
* ------------------------------------------------------------------ */

/* navigation light-ver */
header {float:right; top:500; z-index: 200; width:100px; height:80px; min-width: 200px; font-size: 16px; line-height: 1;}
header .common-menu {position: relative; z-index: 1; max-width: 1920px; margin: 0 auto}
header .common-menu strong {display: block; float: left; margin: 19px 0 0 30px; width: 120px; height: 47px; position: relative; overflow: hidden; z-index: 10;}
header .common-menu strong a img {display: block;}
header .common-menu .location {display: inline-block; position: absolute; top: -20px; left: 0; margin: 0 auto; width: 100%; text-align: center; font-size: 16px; line-height: 24px; color: #dedede}
header .common-menu a {color: #dedede;}
header .common-menu .inner-wrap h1 a {display: block; height: 43px; overflow: hidden; text-indent: -10000px; /*background: url("../images/common/logo_header.png") 0 0 no-repeat;*/ }
header .common-menu .inner-wrap .right-menus {display: inline-block; float: right; margin: 30px 0px 0 0; font-size: 16px; line-height: 24px; vertical-align: middle;}
header .common-menu .inner-wrap .right-menus .find-dealer {position:relative; float: left; padding-right: 17px; transition: color 0.8s;}
header .common-menu .inner-wrap .right-menus .find-dealer:hover{color:#804033; transition: color 0.3s;}
header .common-menu .inner-wrap .right-menus .find-dealer:after {display: block; content: ''; position: absolute; right:0; top: 3px; width: 2px; height:15px; background: #dedede;}
header .common-menu .inner-wrap .right-menus .btn-open-menu {position: relative; display: inline-block; float: left; padding: 10 52px 0 15px; transition: color 0.8s; }
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap {display: block; position: absolute; top: 0; right: 0; width: 36px; height: 22px; overflow: hidden; }
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines {}
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines .ctr-line {display: block; position: absolute; top: 50%; left: 50%; width: 36px; height: 2px; margin: -1px 0 0 -18px; background: #fff; transition: background 0.5s }
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines:before {display: block; position: absolute; top: 20px; left: 50%; width: 36px; margin: 0 0 0 -18px; height: 2px; background: #fff; content: ''; transition: all 0.3s;}
header .common-menu .inner-wrap .right-menus .btn-open-menu .line-wrap .tb-lines:after {display: block; position: absolute; bottom: 20px;left: 50%; width: 36px; margin: 0 0 0 -18px; height: 2px; background: #fff; content: ''; transition: all 0.3s;}
header .common-menu .inner-wrap .right-menus .menus {display: none; position: fixed; top: 0; right: 0; clear: both;}
header .head-bg {position: absolute; top: 0px; left: 0; width: 100%; height: 80px; background: #000; opacity: 0.9;}

header .common-menu .inner-wrap .right-menus .btn-open-menu:hover {color:#804033; transition: color 0.3s}
header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines .ctr-line {background: #804033; transition: background 0.3s}
header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines:before {background: #804033; top: 18px;}
header .common-menu .inner-wrap .right-menus .btn-open-menu:hover .line-wrap .tb-lines:after {background: #804033; bottom: 18px;}

header .common-menu.non-bg a {color: #232323;}
header .common-menu.non-bg .inner-wrap h1 a img{margin-top: -47px;}
header .common-menu.non-bg .inner-wrap .right-menus .btn-open-menu span img {margin-top: -22px;}
header .common-menu.non-bg .inner-wrap .right-menus .find-dealer:after {background: #000;}
header .common-menu.non-bg .head-bg {top:0; opacity: 1; background: #fff}
header .common-menu.non-bg strong a img {margin-top: -53px}
header .common-menu.non-bg .location {display: none}
header .common-menu.dark-bg {height:80px; background: #191919;}
header .common-menu.dark-bg .close-pop img{margin-top:-20px;}

/* navigation dark-ver */
header .common-menu.dark a {color: #232323;}
header .common-menu.dark .inner-wrap h1 a img{margin-top: -47px;}
header .common-menu.dark .inner-wrap .right-menus .btn-open-menu span img {margin-top: -22px;/*background: url("../images/common/btn_menu_dark.png") top right no-repeat;*/}
header .common-menu.dark .inner-wrap .right-menus .find-dealer:after {background: #000;}


/* sub depth menu */
.shortcut-wrap {position: fixed; top: 80px; left: 0; width: 100%; min-width: 700px; z-index: 100}
.shortcut-wrap .inner-contain {max-width: 1920px; margin: 0 auto; overflow: hidden; background: #e1e1e1; text-align: center; opacity: 0.9; z-index: 4;}
.shortcut-wrap .shortcuts {display: inline-block; font-size: 0}
.shortcut-wrap .shortcuts li {display: inline-block; position: relative}
.shortcut-wrap .shortcuts li:after {display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 11px; background: #c1c1c1; content: ''}
.shortcut-wrap .shortcuts li.first:after {display: none}
.shortcut-wrap .shortcuts li a {display: inline-block; padding: 19px 18px 17px; font-size: 12px; line-height:1; color: #666; transition:color 0.3s;}
.shortcut-wrap .shortcuts li a:hover{color:#000;}
.shortcut-wrap .shortcuts li.located a {color: #804033;}

/* navigation side menu */
header .side-menu {position: fixed; top:0; right: -470px; z-index: 2; padding-left: 55px; width: 300px; height: 100%; box-sizing: border-box; overflow: hidden; background: #ed1b40; min-height:530px; }
header .side-menu.opened {right:0;}
header .side-menu a ,
header .common-menu .side-menu a {color: #e4e4e4; transition: 0.2s all}
header .common-menu .side-menu a:hover {color: #fff;}

header .side-menu .input-wrap {display: inline-block; position: absolute; top: 0; left: 55px; margin-top: 19px; width: 300px; font-size: 0; line-height: 1; vertical-align: top;}
header .side-menu .input-wrap input {padding: 0 70px 0 30px; width: 100%; height:42px; line-height:42px; box-sizing: border-box; background: #000; border: none; font-size: 16px; line-height: 2; color: #fff;}
header .side-menu .input-wrap input:focus {border-bottom: 1px solid #fff; color: #fff}
header .side-menu .input-wrap img {position: absolute; top: 13px; left: 0}
header .side-menu .input-wrap a.btn-search {display: none; position: absolute; right: 0; top: 0; height: 41px; font: 12px/48px "HyundaiSansHead-Light"; color: #888}
header .side-menu .input-wrap a.btn-search span {display: block}
header .side-menu .input-wrap.has-txt a.btn-search {display: block}
header .side-menu .input-wrap input:focus+img+a.btn-search {display: block}
header .side-menu .input-wrap input::-webkit-input-placeholder {color:#fff}
header .side-menu .input-wrap input:focus::-webkit-input-placeholder {color: #000; visibility: hidden}
header .side-menu .btn-close-menu {display: block; position: absolute; top: 0; right: 0; width: 85px; height: 85px; overflow: hidden; text-indent: -10000px;}
header .side-menu .btn-close-menu .line-wrap {display: block; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; width: 25px; height: 25px; overflow: hidden;}
header .side-menu .btn-close-menu .line-wrap .tb-lines:before {display: block; position: absolute; top: 12px; left: 50%; width: 36px; margin: 0 0 0 -18px; height: 1px; background: #fff; content: ''; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transition: all 0.3s}
header .side-menu .btn-close-menu .line-wrap .tb-lines:after {display: block; position: absolute; bottom: 12px;left: 50%; width: 36px; margin: 0 0 0 -18px; height: 1px; background: #fff; content: ''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition: all 0.3s}
header .side-menu .btn-close-menu span img {display: block;}
header .side-menu .btn-close-menu:hover .tb-lines:before {background: #804033; } /* -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg);*/
header .side-menu .btn-close-menu:hover .tb-lines:after {background: #804033; } /* -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); */
header .side-menu .cont-mid {display: inline-block; padding: 0 55px 0 0; width: 100%; box-sizing: border-box; vertical-align: middle}
header .side-menu .cont-mid li.activated > a {color: #fff}
header .side-menu .cont-mid .nav-high-priority {}
header .side-menu .cont-mid .nav-high-priority > li {position: relative; margin-top: 35px; overflow: hidden; font: 28px/1.2 'HyundaiSansText-Regular'}
header .side-menu .cont-mid .nav-high-priority > li.hoverable > a {display: inline-block; position: relative; padding-right: 13px; z-index: 2; background: #000; font-family:'HyundaiSansHead-Light'}
header .side-menu .cont-mid .nav-high-priority > li:first-child {margin-top: 0;}
header .side-menu .cont-mid .nav-high-priority .depth-2 {height: 0; overflow: hidden;}
header .side-menu .cont-mid .nav-high-priority > li.hoverable .depth-2 {height: auto}
header .side-menu .cont-mid .nav-high-priority .depth-2.on {display: block;}
header .side-menu .cont-mid .nav-high-priority > li.on-over .depth-2 {display: none;}
header .side-menu .cont-mid .nav-high-priority > li.on-over .depth-2.on {display: block;}
header .side-menu .cont-mid .nav-high-priority > li.on-over > a{color: #fff}
header .side-menu .cont-mid .nav-high-priority .depth-2 {position: absolute; left: 0; top: 50px; padding-left: 86px; box-sizing: border-box;}
header .side-menu .cont-mid .nav-high-priority .depth-2:after {display: block; content: ''; position: absolute; left: 0; top: 4px; left:0; width: 63px; height: 1px; background: #804033;}
header .side-menu .cont-mid .nav-high-priority .depth-2 li {margin-top: 12px; font-size: 12px; line-height: 1.1;}
header .side-menu .cont-mid .nav-high-priority .depth-2 li:first-child {margin-top: 1px;} 
header .side-menu .cont-mid .nav-high-priority .depth-2 li.on a {color: #804033;}
header .side-menu .cont-mid .nav-low-priority {margin-top: 38px;}
header .side-menu .cont-mid .nav-low-priority li {margin-top: 17px; font-size: 16px; line-height: 1;}
header .side-menu .cont-mid .nav-low-priority li:first-child {margin-top: 0;}


#container_right{
    position:relative;
    min-height:100%;
    margin-bottom: -170px;
}
#container_right.fill-bg-color{/*background-color: #f7f7f7;*/}
#container_right .inner-contain{
    margin: 0 auto;
    padding:80px 0 170px;
    max-width: 1920px;
    overflow: hidden;
}
#container_right section{position:relative;} /*  background: #fff;  */
#container_right.not-hf-100per{min-height: 0; margin-bottom: 0;}
#container_right.not-hf-100per .inner-contain{padding:0;}



/* middle */
.svisual_wrap{position:relative;margin-top:70px;height:280px}
.svisual_wrap .view_time{display:none;}
.svisual,
.bg_pattern{position:absolute;top:0;left:0;width:100%;height:100%}
.svisual{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:1}
.svisual.sub1{background-image:url(/img/simg_1.jpg)}
.svisual.sub2{background-image:url(/img/simg_2.jpg)}
.svisual.sub3{background-image:url(/img/simg_3.jpg)}
.svisual.sub4{background-image:url(/img/simg_4.jpg)}
.svisual.sub5{background-image:url(/img/simg_5.jpg)}
.svisual.sub6{background-image:url(/img/simg_6.jpg)}
.svisual.sub7{background-image:url(/img/simg_7.jpg)}
.svisual.sub8{background-image:url(/img/simg_8.jpg)}
.svisual.sub9{background-image:url(/img/simg_8.jpg)}
.svisual_wrap .btn{display:none}
.bg_pattern{background:url(/config/overlays/01.png) repeat;z-index:2}
.svisual_wrap .btn_wrap{display:none}



.box_snb{display:block;}
#stit_bx{margin:0 auto;padding-top:80px;width:245px;}
#stit_bx .sub_tit_in{position:relative;width:500px;left:50%;margin-left:-250px;color:#fff;text-align:center;z-index:3}
#stit_bx .sub_tit_in:before{display:inline-block;content:"";position:absolute;right:400px;top:0px;width:30px;height:30px;background:#ea3852;}
#stit_bx .sub_tit_in p{margin:0;color:#e6e3e0;letter-spacing:3px;}
#stit_bx .sub_tit_in p span{display:inline-block;margin-left:12px;}
#stit_bx .sub_tit_in h1{margin-bottom:5px;padding-top:25px;color:#fff;font-size:40px;line-height:40px}

.sub_navi_contaner_1 {position:relative;width:1200px;top:230px;margin:0 auto;}
.sub_navi_contaner_2 {position:relative;width:185px;top:230px;margin:0 auto;}
.sub_navi_contaner_3 {position:relative;width:640px;top:230px;margin:0 auto;}
.sub_navi_contaner_4 {position:relative;width:500px;top:230px;margin:0 auto;}
.sub_navi_contaner_5 {position:relative;width:770px;top:230px;margin:0 auto;}
.sub_navi_contaner_6 {position:relative;width:770px;top:230px;margin:0 auto;}
.sub_navi_contaner_7 {position:relative;width:770px;top:230px;margin:0 auto;}
.sub_navi_contaner_8 {position:relative;width:700px;top:230px;margin:0 auto;}
.sub_navi_contaner_9 {position:relative;width:700px;top:230px;margin:0 auto;}
.sub_navi_contaner_10 {position:relative;width:810px;top:230px;margin:0 auto;}
.sub_navi_contaner_11 {position:relative;width:410px;top:230px;margin:0 auto;}
.sub_navi {position:absolute;width:100%; height:30px;z-index:20;}
.sub_navi ul{list-style:none;}
.sub_navi ul li{float:left;margin-left:50px;font-size:16px;color:#ffffff;}
.sub_navi ul li a{font-size:16px;color:#ffffff;font-weight:500;text-shadow: 2px 2px 2px #000000;}
.sub_navi ul li a:hover {font-weight:500;color:#ea3852; transition: color 0.3s}


.navi_path {position:relative; margin:0 auto;padding-top:50px;width:330px;text-align:center;}
.navi_path_wide {position:relative; margin:0 auto;padding-top:50px;width:300px;text-align:center;}
.path{margin:0px auto;margin-bottom:10px;font-size:0;line-height:0}
.path a,
.path a:link,
.path a:visited,
.path span{display:inline-block;position:relative;margin-left:26px;color:#666;font-size:14px;line-height:20px;vertical-align:middle}

.path a.third,
.path a.third:link,
.path a.third:visited{color:#222835;}

.path a:before,
.path span:before{content:"";display:block;position:absolute;top:6px;left:-15px;width:6px;height:12px;background:url(/images/kr/common/navi_sns_ico.png) no-repeat 0 -30px;background-image:url(/images/kr/common/navi_sns_ico.png), none;}
.path span.navi_home,
.path a.navi_home,
.path a.navi_home:link,
.path a.navi_home:visited{margin-left:0;width:21px;height:30px;background:url(/images/kr/common/navi_sns_ico.png) no-repeat 0 5px;background-image:url(/images/kr/common/navi_sns_ico.png), none;font-size:0px;}
.path a.navi_home:before,
.path span.navi_home:before{display:none}


#md_wrapper{padding:0 15px;background:#fff}
#ti_box{padding:80px 0 20px;text-align:center;}
#tit_cont{position:relative;color:#222;font-size:40px;font-weight:500;padding-top:50px;line-height:35px;text-align:center;}
#tit_cont:before{display:inline-block;content:"";position:absolute;left:50%;bottom:-15px;margin-left:-15px;top:110px;width:30px;height:1px;background:#ea3852;}
#txt{padding:0 0 30px;}
#txt:after{content:"";display:block;clear:both;visibility:hidden;}





/* 상단유틸 */

.top_util {position:absolute;left:830px;width:230px; top:28px; height:30px;}
.top_util ul{list-style:none;}
.top_util ul li{float:left;margin-left:10px;font-size:11px;color:#464646;font-weight:bold;}
.top_util ul li a{font-size:11px;color:#464646;}










/* board */
.bd_top_bx {width:900px;margin:10px auto;}
.board_total {border:none;text-align:left;}


/* 검색 */
.board_find {border:none;text-align:right;;margin-right:-30px;margin-top:-25px;}
 legend {position:absolute;visibility:hidden;height:0;line-height:0;font-size:1px;}
.board_find select {vertical-align:middle;height:32px;}
.board_find input {vertical-align:middle;height:28px}
.bn_bd{display:inline-block; padding: 0 15px; height: 40px; line-height: 40px; border:1px solid #bbb; background:#fafafa;color: #555;font-size:14px;letter-spacing:-0.05em;transition:0.3s all ease-in-out;-webkit-transition:0.3 all ease-in-out;}
.btn_find{position:relative;left:-30px;border:0;height:25px;width: 25px; margin-right: 0px;background: url(/config/img/btn_bulet.png) no-repeat 5px 5px; text-indent: -9999px;}
.bn_bd:before{display:inline-block;content:"";height:100%;vertical-align:middle;}
.bn_bd:hover,
.bn_bd:focus{background-color:#cd1c19;border:1px solid #cd1c19;color:#fff;}
.bn_bd.btn_find:hover,
.bn_bd.btn_find:focus{background:url(/config/img/btn_bulet.png) no-repeat 0px 5px;border:0;}