@charset "utf-8";

@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 200;
    src: url('/main/css/font/NanumBarunGothicUltraLightSubset.eot');
    src: url('/main/css/font/NanumBarunGothicUltraLightSubset.eot?#iefix') format('embedded-opentype'),
    url('/main/css/font/NanumBarunGothicUltraLightSubset.woff2') format('woff2'),
    url('/main/css/font/NanumBarunGothicUltraLightSubset.woff') format('woff'),
    url('/main/css/font/NanumBarunGothicUltraLightSubset.ttf') format('truetype');
}
@font-face {
    font-family: 'KIA';
    src: url('/main/css/font/KIAB.eot');
    src: url('/main/css/font/KIAB.eot?#iefix') format('embedded-opentype'), url('/main/css/font/KIAB.woff2') format('woff2'), url('/main/css/font/KIAB.woff') format('woff'),
    url('/main/css/font/KIAB.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 400;
    src: url(/main/css/font/NanumBarunGothicSubset.eot);
    src: url(/main/css/font/NanumBarunGothicSubset.eot?#iefix) format('embedded-opentype'),
    url(/main/css/font/NanumBarunGothicSubset.woff2) format('woff2'),
    url(/main/css/font/NanumBarunGothicSubset.woff) format('woff'),
    url(/main/css/font/NanumBarunGothicSubset.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 700;
    src: url(/main/css/font/NanumBarunGothicBoldSubset.eot);
    src: url(/main/css/font/NanumBarunGothicBoldSubset.eot?#iefix) format('embedded-opentype'),
    url(/main/css/font/NanumBarunGothicBoldSubset.woff2) format('woff2'),
    url(/main/css/font/NanumBarunGothicBoldSubset.woff) format('woff'),
    url(/main/css/font/NanumBarunGothicBoldSubset.ttf) format('truetype');
}


@font-face { font-family: 's-core-dream'; font-weight: 200; src: url('/main/css/font/scdream2.woff');  src: local(※), url('/main/css/font/scdream2.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 500; src: url('/main/css/font/scdream5.woff');  src: local(※), url('/main/css/font/scdream5.woff2') format('woff'); }
@font-face { font-family: 's-core-dream'; font-weight: 700; src: url('/main/css/font/scdream9.woff');  src: local(※), url('/main/css/font/scdream9.woff2') format('woff'); }



/*** common ***/
.fl    { float:left !important; }
.fr    { float:right !important; }
.fn    { float:none !important; }
.cb    { clear:both !important; }
.pr    { position:relative !important}
.ac    { text-align:center !important; }
.al    { text-align:left !important; }
.ar    { text-align:right !important; }
.vt    { vertical-align:top !important; }
.vm    { vertical-align:middle !important; }
.vb    { vertical-align:bottom !important; }
.jf    { text-align:justify !important; }
.oh    { overflow:hidden !important; }
.oh_y  { overflow-y:hidden !important;}
.cp    { cursor:pointer !important; }
.di    { display:inline !important; }
.dib   { display:inline-block !important; }
.dn    { display:none !important; }
.db    { display:block !important; }
.vv    { visibility:visible !important; }
.vh    { visibility:hidden !important; }
.bn    { border:none !important; }
.bbn   { border-bottom:none !important; }
.brn   { border-right:none !important; }
.bgn   { background:none !important; }
.fb    { font-weight:bold !important; }
.BDB   { border-bottom:2px solid #d1d1d1 !important}
.zoom1 { *zoom:1 }

/* Margin */
.MN0 { margin:0 !important; }
.ML2 { margin-left:2px !important; }
.ML4 { margin-left:4px !important; }
.ML5 { margin-left:5px !important; }
.ML8 { margin-left:8px !important; }
.ML10 { margin-left:10px !important; }
.ML15 { margin-left:15px !important; }
.ML20 { margin-left:20px !important; }
.ML24 {margin-left:24px}
.ML30 { margin-left:30px; }
.ML50 { margin-left:50px !important; }
.ML57 { margin-left:57px; }
.ML80 { margin-left:80px; }
.ML120 { margin-left:120px; }
.ML200 { margin-left:200px; }
.ML213 { margin-left:213px; }
.ML293 { margin-left:293px; }
.MR5 {margin-right:5px}
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR16 { margin-right:16px; }
.MR20 { margin-right:20px; }
.MR30 { margin-right:30px; }
.MR37 { margin-right:37px; }
.MR40 { margin-right:40px; }
.MR60 { margin-right:60px; }
.MR72 { margin-right:72px; }
.MT2 { margin-top:2px !important; }
.MT4 { margin-top:4px !important; }
.MT5 { margin-top:5px !important; }
.MT7 { margin-top:7px !important; }
.MT10 { margin-top:10px !important; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px !important; }
.MT22 { margin-top:22px; }
.MT25 { margin-top:25px; }
.MT28 { margin-top:28px; }
.MT30 { margin-top:30px !important; }
.MT35 { margin-top:35px !important; }
.MT40 { margin-top:40px !important; }
.MT45 {margin-top:45px !important}
.MT50 { margin-top:50px; }
.MT55 { margin-top:55px; }
.MT60 { margin-top:60px !important; }
.MT65 { margin-top:65px !important; }
.MT70 { margin-top:70px; }
.MT80 { margin-top:80px !important; }
.MT120 { margin-top:120px; }
.MT267 {margin-top:267px !important}
.MB0 { margin-bottom:0 !important}
.MB5 { margin-bottom:5px; }
.MB10 { margin-bottom:10px !important; }
.MB12 {margin-bottom:12px !important}
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px !important; ; }
.MB26 { margin-bottom:26px !important; ; }
.MB30 { margin-bottom:30px !important; }
.MB40 { margin-bottom:40px !important; }
.MB50 {margin-bottom:50px}
.MB55 { margin-bottom:55px; }
.MB60 { margin-bottom:60px; }
.MB70 {margin-bottom:70px !important}
.MB180 {margin-bottom:180px !important}
.MT10MB100 {margin:10px 0 100px 0;}
.minusT40 {margin-top:-40px}

/* padding_top */
.PN0 {padding:0 !important}
.PT0 {padding-top:0 !important}
.PT5 { padding-top:5px !important;}
.PT7 { padding-top:7px;}
.PT10 { padding-top:10px;}
.PT12 { padding-top:12px;}
.PT15 { padding-top:15px;}
.PT20 { padding-top:20px !important;}
.PT25 { padding-top:25px;}
.PT27 { padding-top:27px;}
.PT30 { padding-top:30px;}
.PT37 { padding-top:37px;}
.PT38 { padding-top:38px;}
.PT43 { padding-top:43px;}
.PT40 { padding-top:40px !important;}
.PT50 { padding-top:50px !important;}
.PT65 { padding-top:65px !important;}
.PT75 { padding-top:75px;}

/* padding_left */
.PL0 { padding-left:0px !important;}
.PL3 { padding-left:3px;}
.PL5 { padding-left:5px;}
.PL8 { padding-left:8px;}
.PL10 { padding-left:10px;}
.PL20 { padding-left:20px !important;}
.PL23 { padding-left:23px;}
.PL25 { padding-left:25px;}
.PL30 { padding-left:30px;}
.PL40{ padding-left:40px;}
.PL45{ padding-left:45px;}
.PL50{ padding-left:50px;}
.PL55{ padding-left:55px;}
.PL60 { padding-left:60px;}
.PL65 { padding-left:6px;}
.PL100 { padding-left:100px;}

/* padding_right */
.PR6 { padding-right:6px;}
.PR10 { padding-right:10px;}
.PR20 { padding-right:20px;}
.PR35 { padding-right:35px;}
.PR40 { padding-right:40px;}
.PR60 { padding-right:60px;}
.PR72 { padding-right:72px;}

/* padding_bottom */
.PB0 {padding-bottom:0 !important}
.PB10 { padding-bottom:10px;}
.PB13 { padding-bottom:13px;}
.PB15 { padding-bottom:15px !important}
.PB20 { padding-bottom:20px !important;}
.PB23 { padding-bottom:23px !important;}
.PB30 { padding-bottom:30px !important;}
.PB40 { padding-bottom:40px;}
.PB50 {padding-bottom:50px }
.PB65 { padding-bottom:65px;}
.PB70 { padding-bottom:70px;}
.PB110 { padding-bottom:110px;}

/* padding_all */
.PT10L5 { padding:10px 0 0 5px !important;}
.PTB10 {padding:10px 0 !important;}
.PTBL {padding:20px 0 20px 20px !important;}



::-webkit-scrollbar {width: 10px; height: 12px;  }
::-webkit-scrollbarno-button:start:decrement{display: block; width: 20px;height: 12px;
    background: rgba(46,136,204,0.2); border-radius: 5px;}
::-webkit-scrollbar-track {  background: rgba(46,136,204,0.2); border-radius: 3px;}
::-webkit-scrollbar-thumb {  background: rgb(108,173,222); border-radius:5px;}


/* Reset */
* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; font-family:'NanumBarunGothic', 's-core-dream-medium', 'Malgun Gothic', '맑은 고딕', 'Dotum','arial','sans-serif';}
html, body{width:3840px;}
body{width:3840px; background:#fff;}
body,input,select,textarea,button {border:none;font-size:12px; font-family: 'NanumBarunGothic', sans-serif;color:#000;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:0px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

#video_view {width: 3840px; height: 2160px; background: #000; position: relative;}
.textArea {position: absolute; top:120px; left: 150px; width: 3330px; z-index: 999;}
.textArea h3{color: #fff; font-size: 70px; margin-bottom: 50px;}
.textArea h4{color: #fff; font-size: 90px;}


#Wrap{width:3840px; height:2160px; position: relative; margin:0; padding:0; overflow:hidden;}
.main_bg{z-index: -999; position: absolute; top:0; left: 0;}
.sub_bg{z-index: -999; position: absolute; top:0; left: 0;}

#header_area {width: 3840px; height: 333px; position: relative; margin: 0; display: flex; justify-content: center;}

.logo {position: absolute; top:130px; left: 235px;}

/*.right_btn {position: absolute; right: 170px; top: 113px;}*/

.btn_another{display: block; min-width: 460px; height: 126px; line-height: 126px; text-align: center; font-size: 50px; color: #fff; background: rgba(20, 41, 54, 0.64); border-radius: 70px; border: 3px solid #fff;}

.btn_back{display: block; min-width: 460px; height: 126px; line-height: 126px; text-align: right; font-size: 50px; color: #fff; background: rgba(20, 41, 54, 0.64); border-radius: 70px; border: 3px solid #fff; box-sizing: border-box; padding-right: 70px; position: relative;}
.btn_back:before{content: ''; position: absolute; left: 70px; top: 50%; width: 48px; height: 33px; margin-top: -16px;
    background: url(../images/common/icon_arrow01.png) no-repeat center;}

.right_btn {position: absolute; right: 100px; top: 113px; z-index: 999;}

.btn_another{display: block; min-width: 460px; height: 126px; line-height: 126px; text-align: center; font-size: 50px; color: #fff; background: rgba(20, 41, 54, 0.64); border-radius: 70px; border: 3px solid #fff;}

/*.btn_home{display: block; min-width: 460px; height: 126px; line-height: 126px; text-align: right; font-size: 50px; color: #fff; background: rgba(20, 41, 54, 0.64); border-radius: 70px; border: 3px solid #fff; box-sizing: border-box; padding-right: 70px; position: relative;}*/
/*.btn_home:before{content: ''; position: absolute; left: 70px; top: 50%; width: 45px; height: 48px; margin-top: -18px; background: url(../images/common/icon_home.png) no-repeat center;}*/

#main_container {width:3840px; height: 1827px; position: relative;}

.main_slogan {position: absolute; width: 2600px; height: 250px; left: 200px; top: 160px;}
.main_slogan h2{font-size: 80px; color: #fff; font-family: 's-core-dream'; font-weight: 500; text-align: center; line-height: 120px;}

.main_gnb {position: absolute; top:200px; right: 90px; width: 858px;}
.main_gnb li{float: left; display: table; margin: 0 46px 46px 0; table-layout: fixed; position: relative;}
.main_gnb li:before {content: ''; position: absolute; right: 68px; bottom: 60px; width: 48px; height: 46px;
    background: url(../images/common/icon_plus01.png) no-repeat center;}
.main_gnb li:nth-of-type(2n) {margin-right: 0;}
.main_gnb li a{display: table-cell; width: 400px; height: 400px; background: rgba(0, 0, 0, 0.3); border-radius: 80px; border: 3px solid #fff; color: #fff; font-family: 's-core-dream'; font-weight: 700; text-align: center; vertical-align: middle; font-size: 50px;}
/*.main_gnb li:nth-of-type(6):before {content: ''; position: absolute; right: 68px; bottom: 98px; width: 48px; height: 46px;    background: url(../images/common/icon_plus01.png) no-repeat center;}*/
/*.main_gnb li:nth-of-type(5){margin-right: 0;}*/
/*.main_gnb li:nth-of-type(5) a{display: table-cell; width: 858px; height: 240px; background: rgba(0, 0, 0, 0.3); border-radius: 80px; border: 3px solid #fff; color: #fff; font-family: 's-core-dream'; font-weight: 700; text-align: left; vertical-align: middle; font-size: 50px; box-sizing: border-box; padding-left: 100px;}*/
/*.main_gnb li:nth-of-type(5):before {content: ''; position: absolute; right: 68px; bottom: 98px; width: 48px; height: 46px;*/
/*    background: url(../images/common/icon_plus01.png) no-repeat center;}*/


.sub_tit {position: relative; padding-top: 120px; font-size: 100px; color: #fff; text-align: center; font-weight: 600;}
.sub_tit::after {content: ''; position: absolute; left: -20px; bottom: 0; width: 100%; border-bottom: 8px solid #fff; padding: 0 20px;}

#sub_container{width: 3840px; height: 1827px;box-sizing: border-box; position: relative;}
#sub_container:before {content: ''; position: absolute; width: 3840px; height: 3px; background: rgba(255, 255, 255, 0.5); top: -3px;}

.box1{position: absolute; top: 0; left: 0; width: 100%; background: rgba(5,20,31,0.67); height: 1540px;}
.box2{position: absolute; top: 0; left: 0; width: 100%; background: rgba(5,20,31,0.8); height: 100%;}

.video_area{width: 100%; padding: 190px; box-sizing: border-box; position: relative;}
.text_box {text-align: center; color: #fff; font-size: 80px; line-height: 110px;font-family: 's-core-dream'; font-weight: 400;}

.video_list{width: 100%; margin-top: 150px; overflow: hidden;}
.video_list ul{width: 5000px;}
.video_list li{width: 1087px; margin-right: 100px; display: inline-block;}
.video_list li .video_thumb{width: 1087px; height: 611px; border-radius: 50px; overflow: hidden; background: #000;}
.video_list li .video_info_txt{text-align: center; margin-top: 70px; color: #fff; font-size: 50px;}

.info {position: absolute; bottom: 150px; color: #fff; font-size: 35px; left: 200px;}

.video_tit {font-size: 40px; color: #fff; line-height: 55px; font-weight: 700; width: 100%; margin-bottom: 75px;}
.video_box {float: left; width: 2294px; height: 1289px; background: #000; margin-right: 53px;}
.video_desc {float: left; width:1089px; height: 1291px; background: rgba(255, 255, 255, 0.25); box-sizing: border-box; border: 3px solid #fff; padding: 60px 40px; overflow:auto}
.video_desc_tit {font-size: 50px; font-weight: 700; margin-bottom: 160px; color: #fff;}
.video_desc_txt {font-size: 30px; color: #fff; overflow-y: auto;}
.slick_prev {position: absolute; left: 0; top: 50%; margin-top: -161px; z-index: 999;}
.slick_next {position: absolute; right: 0; top: 50%; margin-top: -161px; z-index: 999;}

.gallery_area {width: 100%; box-sizing: border-box; padding: 150px 190px;}

.gallery_box{float: left; width: 1730px; height: 1527px;}
.gallery_tit {width: 560px; height: 130px; position: relative; vertical-align: middle; overflow: hidden; font-size: 50px; box-shadow: inset 0 0 0 3px rgb(255 255 255 / 50%); color: #fff; text-align: center; margin: 0 auto; line-height: 130px;}
.gallery_tit:before {box-sizing: inherit; content: ""; position: absolute; border: 3px solid #fff; border-left: 0; width: 30%;
    height: 130px; bottom: 0; right: 0px;}
.gallery_tit:after {box-sizing: inherit; content: ""; position: absolute; border: 3px solid #fff; border-left: 0; width:  70%;
    height: 3px; top: -7px; right: 0px;}

.gallery_box ul{margin-top: 80px; box-sizing: border-box; padding: 0 115px; overflow-y: auto; height: 1336px;}
.gallery_box ul li{display: inline-block; width: 720px; height: 403px; border: 2px solid #fff; background: #000; overflow: hidden;
    border-radius: 30px; margin-right: 39px; margin-bottom: 40px;}
.gallery_box ul li:nth-child(2n){margin-right: 0;}
.gallery_box ul li.on{position: relative; border: 2px solid #04dbff;}
.gallery_box ul li.on:before{position: absolute; border: 6px solid #04dbff; content: ''; top: -2px; left: -2px; border-radius: 30px; z-index: 999; width: 710px; height: 394px}


.key_info_area {width: 3000px; margin: 0 auto;}
.key_slogan {font-size: 80px; color: #fff; font-family: 's-core-dream'; font-weight: 500; text-align: center; line-height: 120px; padding-top: 100px;}
.key_info_area ul{margin-top: 600px;}
.key_info_area ul li{float: left; display: table; margin: 0 140px 75px 0; table-layout: fixed; position: relative;}
.key_info_area li:before {content: ''; position: absolute; right: 80px; bottom: 65px; width: 48px; height: 46px;
    background: url(../images/common/icon_plus01.png) no-repeat center;}
.key_info_area li:nth-of-type(3n) {margin-right: 0;}
.key_info_area li a{display: table-cell; width: 900px; height: 300px; background: rgba(0, 0, 0, 0.7); border-radius: 80px; border: 3px solid #fff; color: #fff; font-family: 's-core-dream'; font-weight: 700; text-align: center; vertical-align: middle; font-size: 50px;}


#pop_area{width: 3020px; height: 1835px; margin: 0 auto;}
.pop_tit{width: 650px; height: 148px; border-radius: 50px 50px 0 0; background: #67707f; position: relative; display: table}
.pop_tit span{color: #fff; font-size: 50px; padding-left: 100px; display: table-cell; vertical-align: middle; text-align: left}
.pop_tit .btn_close_viewer{position: absolute; top: 30px; right: 0; z-index: 10; width: 20px; height: 20px; text-indent: -9999px;}
.pop_tit .btn_close_viewer::before,
.pop_tit .btn_close_viewer::after{display: block; position: absolute; top: 0; left: 50%; width: 45px; height: 8px; margin: 33px 0 0 -85px; background-color: #fff; content: "";}
.pop_tit .btn_close_viewer::before{transform: rotate(45deg);}
.pop_tit .btn_close_viewer::after{transform: rotate(135deg);}
.pop_content{width: 3000px; height: 1687px; border: 10px solid #67707f; background: #fff; display: block;}
button {border: 0; border-radius: 0; background-color: transparent; cursor: pointer; text-align: left; letter-spacing: inherit;}


.spec_gnb {padding-top: 130px;}
.spec_gnb ul{display: flex; align-items: center; padding: 42px 0 29px;  flex-wrap: wrap; justify-content: center; column-gap: 50px}
.spec_gnb li {border: 5px dashed rgba(255,255,255,0.3);; border-radius: 8px; margin-right: 6px; position: relative; overflow: hidden; width: 460px; height: 140px; display: table; background: rgba(51, 96, 155, 0.25);}
.spec_gnb li a{line-height: 1.1; color: #fff; font-size: 50px; display: table-cell; text-align: center; vertical-align: middle;}
.spec_gnb li.on{background: #33609b}

.spec_img{width: 2400px; height: 1320px; position: relative; margin: 50px auto 0;}
.bg_white{background: #fff;}
.spec_img_box {overflow: hidden; text-align: center;}
.spec_img .spec_prev {position: absolute; left: -400px; top: 50%; margin-top: -123px; z-index: 999;}
.spec_img .spec_next {position: absolute; right: -400px; top: 50%; margin-top: -123px; z-index: 999;}

.vehicles_list {position: absolute; width: 930px; height: 1600px; top: 80px; right: 67px; background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); border: 10px solid #000; z-index: 1; box-sizing: border-box; border-radius: 30px; box-shadow: 0 20px 15px 0 rgba(0,0,0,0.5);}

.car_grid {height: 1370px; width: 100%; overflow-y: auto; padding: 0px 50px 0; box-sizing: border-box; margin-top: 175px;}
.car_grid h1{font-size: 60px; color: #222; text-align: left; line-height: 1.2; font-weight: 700; position: relative; margin-bottom: 70px; display: block;}
.car_grid h1:before{content: ''; position: absolute; left: 0; bottom: -10px; background: #222; padding-right: 120px; height: 5px;}
.car_grid li{float: left; width: 50%; text-align: center; height: 300px;}
.car_grid li .g_img{height: 210px; display: block; }
.car_grid li .g_img img{height: 100%;}
.car_grid li .g_name{margin-top: 10px; font-size: 30px; display: inline-block; font-weight: 700;}
.car_box {margin-top: 50px;}


.kia_experience {position: absolute; left: 240px; bottom:130px ; z-index: 2}

.kia_technology {position: absolute; right: 185px; bottom:130px}
.kia_technology:before{position: absolute; content: ''; top: 50%; width: 24px; height: 342px; background: url(../images/common/btn_technology_bar.png) no-repeat; left: 0; margin-top: -171px;}

.technology_area{width: 100%; padding: 190px; box-sizing: border-box; position: relative;}

.technology_list{width: 3460px; overflow: hidden;}
.technology_list ul{width: 3460px;}
.technology_list li{width: 889px; margin-right: 393px; margin-bottom: 100px; display: inline-block; vertical-align: top;}
.technology_list li:nth-child(3n){margin-right: 0;}
.technology_list li .video_thumb{width: 889px; height: 500px; border-radius: 50px; overflow: hidden; background: #fff;}
.technology_list li .video_info_txt{text-align: center; margin-top: 30px; color: #fff; font-size: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;    -webkit-box-orient: vertical; line-height: 1.5;}