@charset "utf-8";

.talk_link, .go_top {z-index:9999 !important}
.main #container {background:none; padding-top:30px;}
.main #header {background:none}
.main #header:after {border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#header.onFix:after {border-bottom:1px solid #cdd0d2;}
.main .header_wrap .logo a:before {background: url(/content/dam/kwcms/kr/ko/images/common/logo_w.png) no-repeat 0 0;}
.main .header_wrap .gnb_area .gnb_nav .dth1_a, .main .header_wrap .gnb_area .gnb_side .dth1_a {color:#fff}

.main #header.on, #header.onFix {background:#fff}
.main #header.on .header_wrap .logo a:before, .main #header.onFix .header_wrap .logo a:before {background: url(/content/dam/kwcms/kr/ko/images/common/logo.png) no-repeat 0 0;}
.main #header.on .header_wrap .gnb_area .gnb_nav .dth1_a, .main #header.on .header_wrap .gnb_area .gnb_side .dth1_a,
.main #header.onFix .header_wrap .gnb_area .gnb_nav .dth1_a, .main #header.onFix .header_wrap .gnb_area .gnb_side .dth1_a {color:#05141f}
.main #header.on .header_wrap .gnb_area .gnb_nav .dth1_l.dth_on .dth1_a, .main #header.onFix .header_wrap .gnb_area .gnb_nav .dth1_l.dth_on .dth1_a {background:none}

/**/
.introVideo {position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%;}
.introVideo .inbox {position:relative; width:100%; max-width:1920px; height:100%; margin:0 auto; overflow:hidden}
.introVideo .inbox video {display:block; position:absolute; top:0; left:50%; z-index:1; height:140%; transform:translate(-50%, -13%);}
.introVideo .opt {position:absolute; left:0; bottom:0; z-index:1; width:100%; height:100px; padding:30px 80px 0; box-sizing:border-box; font-family:YoonPro740; font-size:20px;color:#fff}
.introVideo .opt input[type="checkbox"] {position:absolute; width:1px;  height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.introVideo .opt input[type="checkbox"] + label {position:relative; padding-left:30px;}

.introVideo .opt input[type="checkbox"] + label {display:inline-block; cursor:pointer; vertical-align:middle;}
.introVideo .opt input[type="checkbox"] + label:before {position:absolute; left:0; top:-3px; width:20px; height:20px; border:1px solid #fff; margin-right:10px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; content:'';}
.introVideo .opt input[type="checkbox"]:checked + label:before {
position:absolute; width:10px; top:-5px; left:5px; background:transparent; border-color:transparent #fff #fff transparent; border-top-color:transparent; border-left-color:transparent; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);content:'';}

.introVideo .opt button {display:block; position:absolute; top:0; right:80px; width:64px; height:64px; text-indent:-9999px}
.introVideo .opt button:before, .introVideo .opt button:after {position:absolute; display:block; top:30px; left:-12px; width:88px; height:2px; background:#fff; content:''}
.introVideo .opt button:before {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.introVideo .opt button:after {transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

@media all and (max-width:1024px){
.introVideo .opt {padding:15px 30px 0 30px; height:80px; font-size:16px;}
.introVideo .opt button {right:30px; width:45px; height:45px;}
.introVideo .opt button:before, .introVideo .opt button:after {top:21px; left:-8px; width:62px;}
}

@media all and (max-width:767px){
.introVideo {background:#000}
.introVideo .inbox video {height:50%; top:30%;}
.introVideo .opt {padding:10px 15px 0 15px; height:50px; font-size:13px;}
.introVideo .opt input[type="checkbox"] + label:before {top:0; width:15px; height:15px; margin-right:5px}
.introVideo .opt button {right:15px;width:25px; height:25px;}
.introVideo .opt button:before, .introVideo .opt button:after {top:11px; left:-4px; width:34px; height:2px;}
}


/* main kv*/
br.pc {display:block;}
br.mo {display:none;}
.key_visual {position:relative; max-width:1920px; max-height:1010px; margin:0 auto; box-sizing:border-box; touch-action:auto; overflow: hidden;}
.key_visual .slick-list {position:relative; overflow:hidden; }
.key_visual .slick-slide {float:left;}
.key_visual .slick-dots {position:relative; display:inline-block; vertical-align:middle;}
.key_visual .slick-dots li {display:inline-block;}
.key_visual .slick-dots li button {position:relative; padding:10px 12px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.key_visual .slick-dots li button:after {position:relative; display:block; width:11px; height:11px; border-radius:10px; background:#fff; border:1px solid #cdd0d2; content:''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.key_visual .slick-dots li.slick-active button:after {width:57px; opacity:1; background:#05141f}

.key_visual .controlWrap {position:absolute; left:0; top:75%; z-index:1000; width:100%; text-align:center;}
.key_visual .controlWrap .play, .key_visual .controlWrap .pause {position:relative; display:inline-block; width:25px; height:25px; margin-left:5px; background:#05141f; border-radius:25px; border:1px solid rgba(255,255,255,0.4); text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.key_visual .controlWrap .play {display:none;}
.key_visual .controlWrap .play:before {position:absolute; display:block; top:6px; left:10px; width:0; height:0; border:5px transparent solid;border-right-width:0; border-left-color:#fff; content:'';}
.key_visual .controlWrap .pause:before, .key_visual .controlWrap .pause:after {position:absolute; display:block; top:7px; left:8px; width:2px; height:9px; background:#fff; content:'';}
.key_visual .controlWrap .pause:after {left:14px;}

.key_visual .slick-arrow {position:absolute; top:45%; z-index:1001; width:36px; height:72px; text-indent:-999px; font-size:0; overflow:hidden;}
.key_visual .slick-arrow.prev {left:5%;}
.key_visual .slick-arrow.next {left:auto; right:5%;}
.key_visual .slick-arrow.prev:before, .key_visual .slick-arrow.next:before {display:block; position:absolute; top:10px; width:50px; height:50px; border:2px solid #fff; content:''; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.key_visual .slick-arrow.prev:before {left:10px; border-right-width:0; border-bottom-width:0}
.key_visual .slick-arrow.next:before {left:auto; right:10px; border-left-width:0; border-top-width:0}

.key_visual .cont {position:absolute; top:14%; z-index:3; width:100%; text-align:center; opacity:0}
.key_visual .slick-slide.slick-active .cont {opacity:1}
.key_visual .cont h2 {margin-bottom:15px; font-size:52px; color:#05141f; line-height:1}
.key_visual .cont h2.white {color:#fff;}
.key_visual .cont h2.red {color:#bb162b;}
.key_visual .cont h2 img {width:auto; margin-bottom:-15px;}
.key_visual .cont .sTit {display:block; margin:15px 5% 30px; font-size:38px; font-family:kiaM; color:#05141f; line-height:1.4; text-shadow:0 0 5px #fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.key_visual .cont .sTit.none {text-shadow:none !important;}
.key_visual .cont .view {position:relative; display:inline-block; min-width:160px; padding:10px 35px 10px 30px; box-sizing:border-box; border:1px solid #05141f; font-family:YoonPro740; font-size:18px; color:#05141f;}
.key_visual .cont .view:hover,.key_visual .cont .view:focus, .key_visual .cont .view:active {background:#05141f; border:1px solid #05141f; color:#fff; text-decoration:none;}
.key_visual .cont .view i {display:block; position:absolute; top:12px; right:12px; width:6px; height:11px;}
.key_visual .cont .view i:before, .key_visual .cont .view i:after {display:block; position:absolute; top:0; right:0; width:1px; height:8px; background:#05141f; content:''; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); transition-duration:0.3s;}
.key_visual .cont .view i:after {top:5px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.key_visual .cont .view:hover i:before, .key_visual .cont .view:focus i:before, .key_visual .cont .view:active i:before, .key_visual .cont .view:hover i:after, .key_visual .cont .view:focus i:after, .key_visual .cont .view:active i:after {background:#fff;}

.key_visual .cont .sTit.white {color:#fff; text-shadow:0 0 5px #000;}
.key_visual .cont .view.white {border:1px solid #fff; color:#fff;}
.key_visual .cont .view.white:hover, .key_visual .cont .view.white:focus, .key_visual .cont .view.white:active {background:#fff; border:1px solid #fff; color:#05141f;}
.key_visual .cont .view.white i:before, .key_visual .cont .view.white i:after {background:#fff;}
.key_visual .cont .view.white:hover i:before, .key_visual .cont .view.white:focus i:before, .key_visual .cont .view.white:active i:before, .key_visual .cont .view.white:hover i:after, .key_visual .cont .view.white:focus i:after, .key_visual .cont .view.white:active i:after {background:#05141f;}
.key_visual .cont .sTit.red {color:#bb162b; text-shadow:0 0 5px #000;}
.key_visual .cont .view.red {border:1px solid #bb162b; color:#bb162b;}
.key_visual .cont .view.red:hover, .key_visual .cont .view.red:focus, .key_visual .cont .view.red:active {background:#bb162b; border:1px solid #bb162b; color:#fff;}
.key_visual .cont .view.red i:before, .key_visual .cont .view.red i:after {background:#bb162b;}
.key_visual .cont .view.red:hover i:before, .key_visual .cont .view.red:focus i:before, .key_visual .cont .view.red:active i:before, .key_visual .cont .view.red:hover i:after, .key_visual .cont .view.red:focus i:after, .key_visual .cont .view.red:active i:after {background:#fff;}
.key_visual .img {max-height:1010px; overflow:hidden; position:relative;}
.key_visual .img video {position:relative;display:block; z-index:1; width:100%; transform:translateY(-6.5%);}
.key_visual .img img {width:100%; height:auto;}
.key_visual .img img.mo {display:none}
.key_visual .img video.mo {display:none}
.key_visual .img.dim:before {display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; content:''; background: -moz-linear-gradient(top,  rgba(5,20,31,0.6) 0%, rgba(255,255,255,0.6) 100%);background:-moz-linear-gradient(top, rgba(5,20,31,0.6) 0%, rgba(255,255,255,0) 50%); background:-webkit-linear-gradient(top, rgba(5,20,31,0.6) 0%,rgba(255,255,255,0) 50%); background:linear-gradient(to bottom,  rgba(5,20,31,0.6) 0%,rgba(255,255,255,0) 50%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9905141f', endColorstr='#00ffffff',GradientType=0 );}


@media all and (max-width:1024px){
.main #container {top:-60px;padding-top:0;}
.main .spr_menu, .main .spr_menu:before, .main .spr_menu:after {background:#fff;}
.main .header_wrap .logo a:before, .main #header.on .header_wrap .logo a:before {width:80px; background-size:80px auto}
.main .header_wrap .gnb_area .gnb_nav .dth1_a, .main .header_wrap .gnb_area .gnb_side .dth1_a {color:#05141f}
.main .header_wrap .view_sch span:before, .main .header_wrap .view_sch:focus span:before, .main .header_wrap .view_sch:active span:before, .main .header_wrap .view_sch:hover span:before {border-color:#fff} /* 20210107 edit */
.main .header_wrap .view_sch span:after, .main .header_wrap .view_sch:focus span:after, .main .header_wrap .view_sch:active span:after, .main .header_wrap .view_sch:hover span:after {background:#fff} /* 20210107 edit */
.main .header_wrap .view_sch span:before {border-color:#fff}
.main .header_wrap .view_sch span:after {background:#fff}
.key_visual .controlWrap {top:76%}
.key_visual .slick-arrow {top:42%; width:26px; height:52px;}
.key_visual .slick-arrow.prev:before, .key_visual .slick-arrow.next:before {top:0;}
.key_visual .img video {transform: translateY(6.5%);}
.key_visual .cont {top:30%;}
.key_visual .cont h2 {font-size:34px}
.key_visual .cont h2 img {height:45px; max-height:4.8vw}
.key_visual .cont .sTit {font-size:22px; margin:5px 8% 25px;  word-break:keep-all;}
.key_visual .cont .view {min-width:120px; padding:7px 35px 7px 30px; font-size:14px}
.key_visual .cont .view i {top:9px;}
}
@media all and (max-width:767px){
br.pc {display:none;}
br.mo {display:block;}
.main .header_wrap .logo a {width:70px; padding:23px 10px 14px;}
.main .header_wrap .logo a:before {width:70px; background-size:70px auto}
.main #header.on .header_wrap .logo a:before, .main #header.onFix .header_wrap .logo a:before {width:70px; background-size:70px auto}
.key_visual .img img.pc {display:none}
.key_visual .img img.mo {display:block}
.key_visual .img video.pc {display:none}
.key_visual .img video.mo {display:block}
.key_visual .img {position:relative;}
.key_visual .img video {position:relative; left:50%; transform:translate(-50%, 0); width:300%;}
.key_visual .slick-arrow {display:none !important}
.key_visual .cont {top:24%;}
.key_visual .cont h2 {font-size:27px;}
.key_visual .cont h2 img {height:35px; max-height:none;}
.key_visual .cont .sTit {margin:3% 10px 7%; font-size:17px;}
.key_visual .cont .view {min-width:100px; padding:5px 35px 5px 30px; font-size:12px}
.key_visual .cont .view i {top:7px;}
.key_visual .slick-dots li button:after {width:7px; height:7px;}
.key_visual .slick-dots li.slick-active button:after {width:37px}
.key_visual .slick-dots li button {padding:10px 9px;}
.key_visual .controlWrap {top:85%;}
.key_visual .controlWrap .play, .key_visual .controlWrap .pause {width:22px; height:22px;}
.key_visual .controlWrap .pause:before, .key_visual .controlWrap .pause:after {top:7px; left:7px; height:7px;}
.key_visual .controlWrap .pause:after {left:12px;}
.key_visual .controlWrap .play:before {top:6px; left:9px; border:4px transparent solid; border-left-color:#fff;}
}

/* purchase */
.purchase {position:relative; z-index:1002; margin:-9% auto 7%; text-align:center}
.purchase ul {display:inline-block; width:1000px; box-shadow:0px 0px 15px 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 0px 15px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 15px 10px rgba(0, 0, 0, 0.1);}
.purchase li {float:left; width:20%; border-left:1px solid #cdd0d2; box-sizing:border-box;}
.purchase li:first-child {border-left:none}
.purchase li a {position:relative; display:block; height:171px; padding-top:50px; background:#fff; box-sizing:border-box; font-family:YoonPro740; font-size:16px; color:#05141f; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.purchase li a:before {display:block; position:relative; width:50px; height:45px; margin:0 auto 10px; background-image:url(/content/dam/kwcms/kr/ko/images/main/sp_pur.png); background-repeat: no-repeat; content:'';}
.purchase li a.estimate:before {background-position:0 0}
.purchase li a.consult:before {background-position:-50px 0}
.purchase li a.benefit:before {background-position:-100px 0}
.purchase li a.testdrive:before {background-position:-150px 0}
.purchase li a.price:before {background-position:-200px 0}
.purchase li a:hover, .purchase li a:focus, .purchase li a:active {background:#05141f; color:#fff; text-decoration:none;}
.purchase li.register {display:none}
.purchase li a:hover:before, .purchase li a:focus:before, .purchase li a:active:before {background-position-y:-50px;}
.purchase p.register {display:none}
@media all and (max-width:1024px){
.purchase {margin:-8% auto 5%;}
.purchase ul {width:85%;}
.purchase li a {height:125px; padding-top:25px; font-size:14px;}
}
@media all and (max-width:767px){
.purchase {margin:-16% auto 17%;}
.purchase ul {width:90%; border:1px solid #cdd0d2; box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.1);}
.purchase li {width:50%; border-top:1px solid #cdd0d2; border-left:none;}
.purchase li:nth-child(even) {border-right:1px solid #cdd0d2;}
.purchase li.wide {width:100%; border-top:none;}
.purchase li a {height:auto; padding:14px 5px; font-size:12px;} /* newfont */
.purchase li a:before {display:inline-block; width:25px; height:20px; margin:0 5px 0 0; background-size:150px auto; vertical-align:middle;}
.purchase li a span {vertical-align:-2px;} /* newfont */
.purchase li a span em {display:none}
.purchase li a.estimate:before {background-position:0 0}
.purchase li a.consult:before {background-position:-25px 0}
.purchase li a.benefit:before {background-position:-50px 0}
.purchase li a.testdrive:before {background-position:-75px 0}
.purchase li a.price:before {background-position:-100px 0}
.purchase li.register {display:block; width:100%; border-top:1px solid #cdd0d2; border-bottom:3px solid #05141f;}
.purchase li a.register:before {background-position:-125px 0}
.purchase li a:hover:before, .purchase li a:focus:before, .purchase li a:active:before {background-position-y:-25px;}
.purchase p.register {display:table; width:90%; height:55px; margin:0 auto; border-bottom:1px solid #cdd0d2}
.purchase p.register a {display:table-cell; vertical-align:middle; font-family:YoonPro740; font-size:13px; text-decoration:none}
.purchase p.register a:hover span, .purchase p.register a:focus span, .purchase p.register a:active span {padding-bottom:1px; border-bottom:1px solid #82898f; margin-bottom:-2px}
.purchase p.register a span {position:relative; display:inline-block; padding-top:7px;} /* newfont */
.purchase li a {height:auto; padding:14px 5px; font-size:12px;}
.purchase p.register a span:before {position:absolute; display:block; top:5px; left:-35px; width:25px; height:20px; background:url(/content/dam/kwcms/kr/ko/images/main/sp_pur.png) no-repeat -125px 0;  background-size:150px auto; content:''}
.purchase p.register a span:after {position:absolute; display:block; top:11px; right:-20px; width:7px; height:7px; border:2px solid #05141f; border-left-width: 0; border-top-width: 0;content:''; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
}



/* best kia */
.bestkia {overflow:hidden; padding-bottom:50px; text-align:center;}
.bestkia h2 {font-size:40px; font-family:kiaB; color:#05141f; line-height:1}
.bestkia h2:first-letter {color:#05141f;}
.bestkia .list {float:left; width:30%;}
.bestkia .list a {display:block; padding:0 3%; box-sizing:border-box;}
.bestkia .list a:hover {text-decoration:none}
.bestkia .list .img {display:block;}
.bestkia .list .img img {width:100%; max-width:500px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.bestkia .list a:hover .img img {-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.bestkia .list .name {display:block; padding-bottom:10px; font-family:kiaM; font-size:24px; color:#05141f; line-height:1.2;} /* newfont */
.bestkia .list .info {display:block; padding:0 10px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all; font-family:YoonPro740; font-size:13px; color:rgba(5,20,31,0.6)}
.bestkia .list .info strong {position:relative; margin-right:5px; font-weight:bold; font-family:YoonPro740; color:#05141f;}
.bestkia .list .info strong:after {position:relative; display:inline-block; width:1px; height:11px; margin:0 2px 0 5px; background:rgba(5,20,31,0.2); content:''}
.bestkia .list .benefit {width:90%; padding-top:15px; margin:0 auto; font-family:YoonPro740; font-size:13px; color:rgba(5,20,31,0.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.bestkia .list .benefit .point {display:inline; position:relative;}
.bestkia .list .benefit .point strong {display:inline-block; position:relative; margin-right:3px; color:#000}
.bestkia .list .benefit .point strong:before {position:relative; display:inline-block; width:21px; height:14px; margin-right:7px; content:''; background-image:url(/content/dam/kwcms/kr/ko/images/main/ic_benefit.png); background-repeat: no-repeat; vertical-align:-2px}
.bestkia .list .benefit .point strong:after {position:relative; display:inline-block; width:0; height:0; margin:0 3px 0 5px; border:transparent solid; border-width:4px 0 4px 5px; border-left-color:rgba(5,20,31,0.4); content:'';}
.bestkia .list .benefit .point span {position:relative;}
.bestkia .list .benefit .point span:after {display:inline-block; content:','}



.bestkia .list .benefit .pay {display:inline;}
.bestkia .list .benefit .pay:before {position:relative; display:inline-block; width:18px; height:17px; margin:0 7px 0 3px; content:''; background-image:url(/content/dam/kwcms/kr/ko/images/main/ic_pay.png); background-repeat: no-repeat; vertical-align:-5px}

.bestkia_list {position:relative; padding:0 8%; margin-top:45px; box-sizing:border-box;}
.bestkia_list .slick-list {position:relative;}
.bestkia_list .slick-track:after {display:block; clear:both; content:'';}
.bestkia_list .slick-slide {position:relative; float:left;}
.bestkia_list .slick-slide:after {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(255, 255, 255, 0.8); content:'';}
.bestkia_list .slick-active {position:relative}
.bestkia_list .slick-active:after {display:none}
.bestkia_list .slick-current .img img {-o-transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
.bestkia_list .slick-current a:hover .img img {-o-transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}
.bestkia .controlWrap {position:relative; display:inline-block; z-index:1000; margin:50px 0 0; padding-right:30px;}
.bestkia .controlWrap .play, .bestkia .controlWrap .pause {position:absolute; top:-1px; right:0; display:inline-block; width:25px; height:25px; margin-left:5px; background:#05141f; border-radius:25px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.bestkia .controlWrap .play {display:none;}
.bestkia .controlWrap .play:before {position:absolute; display:block; top:7px; left:11px; width:0; height:0; border:5px transparent solid;border-right-width:0; border-left-color:#fff; content:'';}
.bestkia .controlWrap .pause:before, .bestkia .controlWrap .pause:after {position:absolute; display:block; top:8px; left:9px; width:2px; height:9px; background:#fff; content:'';}
.bestkia .controlWrap .pause:after {left:14px;}

.bestkia .slick-dots {position:relative; display:inline-block; vertical-align:middle;}
.bestkia .slick-dots li {position:relative; display:inline-block;}
.bestkia .slick-dots li span {display:block; width:70px; height:0;}
.bestkia_list .slick-arrow {position:absolute; top:30%; z-index:1001; width:21px; height:41px; text-indent:-999px; font-size:0; overflow:hidden;}
.bestkia_list .slick-arrow.prev {left:8%;}
.bestkia_list .slick-arrow.next {left:auto; right:8%;}
.bestkia_list .slick-arrow.prev:before, .bestkia_list .slick-arrow.next:before {display:block; position:absolute; top:0; width:40px; height:40px; border:2px solid rgba(5,20,31,0.4); content:''; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.bestkia_list .slick-arrow.prev:before {left:10px; border-right-width:0; border-bottom-width:0}
.bestkia_list .slick-arrow.next:before {left:auto; right:10px; border-left-width:0; border-top-width:0}

.bestkia .slick-dots li button {position:relative; padding:8px 6px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.bestkia .slick-dots li button:after {position:relative; display:block; width:9px; height:9px; border-radius:10px; background:#05141f; opacity:.4; content:''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.bestkia .slick-dots li.slick-active button:after {width:55px; opacity:1; background:#05141f;}

@media all and (max-width:1024px){
.bestkia h2 {font-size:30px}
.bestkia .list .name {font-size:20px}
.bestkia_list .slick-arrow {top:22%;}
.bestkia_list .slick-arrow.prev {left:6%;}
.bestkia_list .slick-arrow.next {right:6%}
.bestkia .controlWrap {margin:30px 0 0;}
.bestkia .list .benefit {font-size:12px}
.bestkia .list .benefit .point {display:block; margin:0 auto 3px;}
.bestkia .list .benefit .point strong:before {margin-right:5px; width:16px; height:11px;background-size:100% auto; vertical-align:-1px}
.bestkia .list .benefit .point span:after {display:none}
.bestkia .list .benefit .pay {display:block; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.bestkia .list .benefit .pay:before {width:14px; height:13px; margin:0 5px 0; background-size:100% auto; vertical-align:-3px}
}

@media all and (max-width:767px){
.bestkia_list {padding:0 20% 0;}
.bestkia_list .slick-slide .name {display:none}
.bestkia_list .slick-slide .info {display:none}
.bestkia .controlWrap .play, .bestkia .controlWrap .pause {top:2px; width:20px; height:20px;}
.bestkia .controlWrap .pause:before, .bestkia .controlWrap .pause:after {top:6px; left:7px; height:8px;}
.bestkia .controlWrap .pause:after {left:12px;}
.bestkia .controlWrap .play:before {top:5px; left:8px}
.bestkia .slick-dots li span {width:20px;}
.bestkia .slick-dots li.slick-active span {width:50px; height:25px; background-size:100% auto;}
.bestkia_list .slick-slide.slick-active .name {display:block; margin-top:25px; font-size:18px;}
.bestkia_list .slick-slide.slick-active .info {display:block; padding:0; margin:0 -20%; font-size:12px;}
.bestkia .list .benefit {width:140%; margin: 0 -20%;}
.bestkia_list .benefit {opacity:0}
.bestkia_list .slick-current .benefit {opacity:1}
}

@media all and (max-width:414px){
.bestkia .slick-dots li.slick-active span {width:35px; height:20px;}
}

/* event, channel */
.kiabox {max-width:1600px; margin:3% auto 0; font-family:YoonPro740; overflow:hidden;}
.kiabox:after {display:block; clear:both; content:''}
.eventkia h2, .channelkia h2 {margin-bottom:28px; font-size:40px; font-family:kiaB; color:#05141f; line-height:1}
.eventkia h2:first-letter, .channelkia h2:first-letter {color:#05141f;}
.eventkia a:hover, .eventkia a:focus, .eventkia a:active, .channelkia a:hover, .channelkia a:focus, .channelkia a:active {text-decoration:none;}
.eventkia:after, .channelkia:after, .eventkia_list:after, .channelkia_list:after {display:block; clear:both; content:''}
.eventkia_list, .channelkia_list {position:relative; top:0; left:0}
.kiabox .slick-dots {display:inline-block;}
.kiabox .slick-dots li {display:inline-block;}
.kiabox .slick-dots li button {position:relative; padding:8px 6px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.kiabox .slick-dots li button:after {position:relative; display:block; width:9px; height:9px; border-radius:10px; background:#fff; content:''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; border: 1px solid #cdd0d2;}
.kiabox .slick-dots li.slick-active button:after {width:32px; background:#05141f; opacity:1;}
.kiabox .controlWrap {position:absolute; z-index:1000; text-align:right;}
.kiabox .controlWrap .play, .kiabox .controlWrap .pause {position:relative; display:inline-block; width:25px; height:25px; border-radius:25px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.kiabox .controlWrap .play {display:none;}
.kiabox .controlWrap .play:before {position:absolute; z-index:1; display:block; top:8px; left:13px; width:0; height:0; border:4px transparent solid ;border-right-width:0; border-left-color:#fff; content:'';}
.kiabox .controlWrap .play:after {position:absolute; display:block; top:4px; left:6px; width:17px; height:17px; background:#05141f; border-radius:20px; content:''; /*box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);*/}
.kiabox .controlWrap .pause:before, .kiabox .controlWrap .pause:after {position:absolute; display:block; top:8px; left:9px; width:2px; height:9px; background:#05141f; content:''; /*box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.5);*/}
.kiabox .controlWrap .pause:after {left:14px;}
.eventkia {position:relative; float:left; width:62.5%; padding:100px 12.5% 0 6.25%; box-sizing:border-box; opacity:0; }
.eventkia .slick-slide {float:left;}
.eventkia .img {position:relative; display:block; box-shadow:20px 20px 15px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:20px 20px 15px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:20px 20px 15px 0 rgba(0, 0, 0, 0.1);}
.eventkia .img img {width:100%;}
.eventkia .img:after {position:absolute; top:9.6%; left:11.4%; z-index:-1; width:103.2%; height:100%; background:rgba(5,20,31,0.03); content:'';}
.eventkia .title {display:block; padding:10% 0 0 11.4%; font-size:24px; color:#05141f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all; font-weight:bold; line-height:1}
.eventkia a:hover .title {text-decoration:underline;}
.eventkia .date {display:block; padding:15px 0 0 11.4%; font-size:14px; color:rgba(5,20,31,0.6);}
.eventkia .controlWrap {top:66%; right:4%;}
.channelkia {position:relative; float:left; width:37.5%; padding-right:3.1%; margin-top:7.5%; box-sizing:border-box; opacity:0; padding-top:100px; }
.channelkia .slick-slide {float:left;}
.channelkia .img {display:block;}
.channelkia .img img {width:100%;}
.channelkia .type {display:inline-block; padding:8px 16px 7px; margin-right:10px; box-sizing:border-box; border:1px solid #666; font-size:14px; color:#05141f; font-style:normal; vertical-align:2px;}
.channelkia .title {display:block; padding-top:5.6%; font-size:24px; color:#05141f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all; font-weight:bold; line-height:1}
.channelkia a:hover .title {text-decoration:underline;}
.channelkia .controlWrap {top:80%; right:4%;}

.kiabox .slick-arrow {position:absolute; top:33%; z-index:1001; width:21px; height:41px; text-indent:-999px; font-size:0; overflow:hidden; opacity:0;transition-duration:0.3s;}
.kiabox .channelkia .slick-arrow {top:42%;}
.eventkia:hover .slick-arrow, .channelkia:hover .slick-arrow, .slick-arrow:focus, .slick-arrow:focus {opacity:1; }
.kiabox .slick-arrow.prev {left:4%;}
.kiabox .slick-arrow.next {left:auto; right:4%;}
.kiabox .slick-arrow.prev:before, .kiabox .slick-arrow.next:before {display:block; position:absolute; top:0; width:40px; height:40px; border:2px solid #fff; content:''; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);}
.kiabox .slick-arrow.prev:before {left:10px; border-right-width:0; border-bottom-width:0}
.kiabox .slick-arrow.next:before {left:auto; right:10px; border-left-width:0; border-top-width:0}

@media all and (max-width:1225px){
.eventkia .controlWrap {top:62%; right:4%;}
.channelkia .controlWrap {top:77%;}
.channelkia {margin-top:8.5%; }
}
@media all and (max-width:1024px){
.eventkia h2, .channelkia h2 {font-size:30px;}
.eventkia {width:60%; padding-right:9%; padding-left:4%;}
.eventkia .img:after {left:7%; width:100%}
.eventkia .title {padding:50px 0 0 7%; font-size:18px;}
.eventkia .date {padding:10px 0 0 7%; font-size:12px;}
.eventkia .controlWrap {top:60%;}
.channelkia {width:40%; padding-right:4%}
.channelkia .title {padding-top:25px; font-size:18px}
.channelkia .type {padding:5px 9px 5px; font-size:12px;}
.channelkia .controlWrap {top:75%;}
}
@media all and (max-width:767px){
.kiabox {padding:0 15px; margin-top:8%}
.kiabox .slick-arrow {display:none !important}
.eventkia h2, .channelkia h2 {margin-bottom:20px; font-size:24px;}
.eventkia {float:none; width:100%; padding:100px 0 0 0;}
.channelkia {float:none; width:100%; padding:100px 0 0 0; margin-top:15%;}
.eventkia .title, .channelkia .title {padding:20px 0 0;font-size:16px;}
.eventkia .controlWrap {top:73%}
/*.eventkia .controlWrap {top:-40px; right:-7px}*/
.eventkia .img:after {display:none}
.eventkia .date {padding:7px 0 0; font-size:11px}
.eventkia .img {box-shadow:12px 12px 15px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:12px 12px 15px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:12px 12px 15px 0 rgba(0, 0, 0, 0.1);}
.channelkia .type {font-size:11px;}
.channelkia .img {box-shadow:12px 12px 15px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:12px 12px 15px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:12px 12px 15px 0 rgba(0, 0, 0, 0.1);}
.channelkia .controlWrap {top:86%;}
/*.channelkia .controlWrap {top:-40px; right:-7px}*/
}
@media all and (max-width:560px){
.eventkia .controlWrap {top:63%}
.channelkia .controlWrap {top:78%;}
}
@media all and (max-width:360px){
.eventkia .controlWrap {top:59%}
.channelkia .controlWrap {top:75%;}
}

/* designerStory */
 /* s:20200410 edit */
.designerStory {position:relative; margin:4% 0 7%;} /* newfont */
.designerStory:before {display:block; position:absolute; top:76%; right:0; width:50%; height:1px; background:rgba(5,20,31,0.2); clear:both; content:''}
.designerStory:after {display:block; position:absolute; top:19%; left:0; z-index:-1; width:100%; height:92%; background:rgba(5,20,31,0.03); content:''}
.designerStory .inbox {position:relative; max-width:1600px; margin:0 auto;}
.designerStory .inbox:after {display:block; clear:both; content:''}
.designerStory h2 {max-width:1600px; margin:0 auto 28px; font-size:40px; font-family:kiaB; color:#05141f; line-height:1}
.designerStory h2:first-letter {color:#05141f;}
.designerStory .movie {position:relative; width:73%; box-shadow:20px 20px 15px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:20px 20px 15px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:20px 20px 15px 0 rgba(0, 0, 0, 0.1);}
.designerStory .movie:after {display:block;position:absolute;top:0;width:100%;height:100%; content:'';}
.designerStory .movie .viewmovie {display:block;}
.designerStory .movie .viewmovie:after {position:absolute; top:50%; left:50.5%; z-index:1; width:0; height:0; border-top:18px solid transparent; border-left:25px solid #f3f1e7; border-bottom:18px solid transparent; transform:translate(-50%, -50%); content:'';}
.designerStory .movie .viewmovie:before {display:block; position:absolute; top:50%; z-index:1; left:50%; width:124px; height:124px; border:2px solid #fff; border-radius:200px; transform:translate(-50%, -50%); content:'';}
.designerStory .movie .viewmovie:hover:after {border-left:25px solid #000;}
.designerStory .movie .viewmovie:hover:before {background:#fff}
.designerStory .movie .viewmovie img {width:100%;}
.designerStory .movie .viewmovie img.mo {display:none}
.designerStory .movie .movie_frame {display:none;position:absolute; top:0; left:0; z-index:10;  width:100%; height:100%;}
.designerStory .movie .movie_frame.on {display: block;}
.designerStory .txtbox {position:absolute; top:50%; right:0; transform:translateY(-50%); width:27%; padding-left:3.8%; box-sizing:border-box;}
.designerStory .txtbox .stit {font-family:YoonPro740;font-size:24px; color:#05141f; line-height:1.4; font-weight:bold;}
.designerStory .txt {position:absolute; top:80%; right:0; width:27%; padding-left:3.8%; box-sizing:border-box; font-size:14px; color:#555; word-break:keep-all;}

@media all and (max-width:1225px){
.designerStory .movie {width:65%;}
.designerStory .txtbox {top:40%; width:35%; padding-left:3%}
.designerStory .txt {width:35%; padding-left:3%}
.designerStory .movie .viewmovie:before {width:104px; height:104px;}
}

@media all and (max-width:1024px){
.designerStory h2 {font-size:30px;}
.designerStory .txtbox .stit {font-size:20px}
.designerStory .movie .viewmovie:before {width:85px; height:85px;}
.designerStory .movie .viewmovie:after {border-top:15px solid transparent; border-left:22px solid #f3f1e7; border-bottom:15px solid transparent;}
.designerStory .movie .viewmovie:hover:after {border-left:22px solid #000;}
}

@media all and (max-width:767px){
.designerStory {margin-top:15%}
.designerStory:before, .designerStory:after {display:none}
.designerStory h2 {padding-left:15px; margin-bottom:20px; font-size:24px}
.designerStory .movie .viewmovie img.pc {display:none;}
.designerStory .movie .viewmovie img.mo {display:block;}
.designerStory .movie .viewmovie:before {width:64px; height:64px;}
.designerStory .movie .viewmovie:after {border-top:10px solid transparent; border-left:14px solid #f3f1e7; border-bottom:10px solid transparent;}
.designerStory .movie .viewmovie:hover:after {border-left:14px solid #000;}
.designerStory .movie {width:100%; z-index:1; box-shadow:15px 15px 15px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:15px 15px 15px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:15px 15px 15px 0 rgba(0, 0, 0, 0.1);}
.designerStory .txtbox {position:relative; top:auto; transform:translateY(0); width:100%; padding:30px 0 20px; background:#f3f3f3; text-align:center;}
.designerStory .txtbox .stit {font-size:16px;}
.designerStory .txt {position:relative; top:auto; width:100%; margin:0 auto; padding:20px 0;background:#f3f3f3; text-align:center;font-size:12px;}
.designerStory .txt:before {display:block; position:relative; top:-20px; height:1px; margin:0 15px; border-top:1px solid #cbc6b8; content:''}
}
/* e:20200410 edit */

/* news, notice */
.noticebox {position:relative; max-width:1400px; margin:8.5% auto 0; padding-bottom:150px; overflow:hidden;}
.noticebox:after {display:block; clear:both; content:''}
.noticebox h2 {margin-bottom:4%; font-size:32px; font-family:kiaB; line-height:1}
.kiabox + .noticebox {margin-top:6%;}
.noticebox .news {position:relative; float:left; width:53.929%; margin-right:3%;}
.news .news_list {position:relative; font-family:YoonPro740;}
.news .news_list .slick-list {width:100%; padding-right:19.9%; box-sizing:border-box; overflow:hidden;}
.news .news_list .slick-slide {float:left; margin-right:6px;}
.news .news_list .slick-slide .img:after {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(5,20,31,0.7); content:'';}
.news .news_list .slick-slide .title, .news .news_list .slick-slide .date {display:none}
.news .news_list .slick-active .img:after {display:none}
.news .news_list .slick-active .title {display:block; display:-webkit-box; font-weight:bold} /* newfont */
.news .news_list .slick-active .date {display:block;}
.news .news_list .img {display:block; position:relative;}
.news .news_list .img img {width:100%;}
.news .news_list .date {display:block; padding:20px 0 10px; font-size:14px; color:rgba(5,20,31,0.6)}
.news .news_list .title {display:block; width:100%; height:48px; padding-right:10%; box-sizing:border-box; font-size:18px; line-height:1.3; color:#05141f; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /* newfont */
.news .news_list a {display:block;}
.news .news_list a:hover {text-decoration:none}
.news .news_list a:hover .title {text-decoration:underline;}
.news .news_list .slick-dots {position:absolute; display:block; top:-40px; right:-0.6%;}
.news .news_list .slick-dots li {display:inline-block;}
.news .news_list .slick-dots li button {position:relative; padding:8px 6px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.news .news_list .slick-dots li button:after {position:relative; display:block; width:9px; height:9px; border-radius:10px;  background:#05141f; opacity:.4; content:''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.news .news_list .slick-dots li.slick-active button:after {width:32px;opacity:1;}
.news .slick-arrow {position:absolute; top:27%; z-index:1001; width:21px; height:41px; text-indent:-999px; font-size:0; overflow:hidden; opacity:0;transition-duration:0.3s;}

.news:hover .slick-arrow, .slick-arrow:focus {opacity:1; }
.news .slick-arrow.prev {left:2%;}
.news .slick-arrow.next {left:auto; right:2%;}
.news .slick-arrow.prev:before, .news .slick-arrow.next:before {display:block; position:absolute; top:0; width:40px; height:40px; border:2px solid #fff; content:''; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);}
.news .slick-arrow.prev:before {left:10px; border-right-width:0; border-bottom-width:0}
.news .slick-arrow.next:before {left:auto; right:10px; border-left-width:0; border-top-width:0}

.noticebox .notice {position:relative; float:left; width:42.858%; padding-left:7.4%; box-sizing:border-box;}
.notice .notice_list {border-right:1px solid rgba(5,20,31,0.2); border-bottom:1px solid rgba(5,20,31,0.2); box-sizing:border-box;}
.notice .notice_list:after {display:block; clear:both; content:''}
.notice .notice_list li {float:left; width:50%; border-top:1px solid rgba(5,20,31,0.2); border-left:1px solid rgba(5,20,31,0.2);  box-sizing:border-box; font-family:YoonPro740;}
.notice .notice_list a {display:block; position:relative; padding:25px; box-sizing:border-box;}
.notice .notice_list a:hover, .notice .notice_list a:focus, .notice .notice_list a:active {background:#05141f; text-decoration:none}
.notice .notice_list .title {display:block; width:100%; height:50px; font-size:16px; color:#05141f; line-height:1.5; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.notice .notice_list .date {display:block; padding-top:11.6%; font-size:14px; color:rgba(5,20,31,0.6);}
.notice .notice_list a:hover .title, .notice .notice_list a:focus .title, .notice .notice_list a:active .title,
.notice .notice_list a:hover .date, .notice .notice_list a:focus .date, .notice .notice_list a:active .date {color:#fff;}

.notice .notice_list a:hover:before, .notice .notice_list a:focus:before, .notice .notice_list a:active:before {display:block; position:absolute; right:27px; bottom:29px; height:8px; width:8px; border:1px solid #fff; content:''; border-left-width:0; border-top-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.notice .notice_list a:hover:after, .notice .notice_list a:focus:after, .notice .notice_list a:active:after {display:block; position:absolute; right:27px; bottom:33px; width:24px; height:1px; background:#fff; content:'';}

@media all and (max-width:1400px){
.noticebox {margin:10.5% 10px 0;}
}

@media all and (max-width:1225px){
.noticebox {padding-bottom:100px;}
}

@media all and (max-width:1024px){
.noticebox h2 {font-size:26px;}
.news .news_list .date {font-size:13px;}
.news .news_list .title {height:41px; font-size:16px;}
.news .slick-arrow {top:22%;}
.noticebox .notice {padding-left:3%;}
.notice .notice_list a {padding:15px;}
.notice .notice_list .title {height:45px; font-size:14px;}
.notice .notice_list .date {padding-top:8%; font-size:13px;}
.notice .notice_list a:hover:before, .notice .notice_list a:focus:before, .notice .notice_list a:active:before {right:17px; bottom:20px; height:6px; width:6px;}
.notice .notice_list a:hover:after, .notice .notice_list a:focus:after, .notice .notice_list a:active:after {right:17px; bottom:23px; width:18px; }
}

@media all and (max-width:767px){
.noticebox {margin:15% auto 0; padding-bottom: 70px}
.noticebox h2 {font-size:20px;}
.kiabox + .noticebox {margin-top:15%;}
.noticebox .news {float:none; width:100%; margin:0; padding-left:15px;}
.news .news_list .date {font-size:12px;}
.news .news_list .title {height:38px; padding:0; font-size:14px;}
.news .news_list .slick-list {padding-right:38%;}
.news .news_list .slick-dots {top:-35px; right:20px}
.news .slick-arrow {display:none !important}
.noticebox .notice {float:none; width:100%; margin:15% 0 0 0; padding:0 15px;}
.notice .notice_list li {float:none; width:100%;}
.notice .notice_list li a {display:table; width:100%; padding:20px 15px;}
.notice .notice_list .title {display:table-cell; padding-right:20px; font-size:13px; vertical-align:middle;}
.notice .notice_list .date {display:table-cell; padding:0; font-size:12px; vertical-align:middle;}
.notice .notice_list a:hover:before, .notice .notice_list a:focus:before, .notice .notice_list a:active:before, .notice .notice_list a:hover:after, .notice .notice_list a:focus:after, .notice .notice_list a:active:after {display:none}
}

/* 20200410 */
.designerStory .movietxt {width:95%; max-height:95px; margin-top:5%; padding-right:20px; box-sizing:border-box; overflow-y:scroll; font-size:14px; color:#37434c; line-height:1.7} /* newfont */

@media all and (max-width:1024px){
.designerStory .movietxt {max-height:75px; margin-top:3%}
}
@media all and (max-width:767px){
.designerStory .movietxt {width:100%; margin-top:10px; padding:0 10px; font-size:12px; line-height:1.5} /* newfont */
}


/* 20200814 kv button style */
.key_visual .cont .view.bgblack {border:1px solid #05141f; background:#05141f; color:#fff; animation-fill-mode: forwards;}
.key_visual .cont .view.bgblack:hover, .key_visual .cont .view.bgblack:focus, .key_visual .cont .view.bgblack:active {background:#05141f; border:1px solid #05141f; color:#fff; -webkit-animation: bgblack 0.3s forwards; -moz-animation: bgblack 0.3s forwards; -ms-animation: bgblack 0.3s forwards; -o-animation: bgblack 0.3s forwards; animation: bgblack 0.3s forwards;}
.key_visual .cont .view.bgblack i:before, .key_visual .cont .view.bgblack i:after {background:#fff; -webkit-animation:}
.key_visual .cont .view.bgblack:hover i:before, .key_visual .cont .view.bgblack:focus i:before, .key_visual .cont .view.bgblack:active i:before, .key_visual .cont .view.bgblack:hover i:after, .key_visual .cont .view.bgblack:focus i:after, .key_visual .cont .view.bgblack:active i:after {background:#fff; bgblacki 0.3s forwards; -moz-animation: bgblacki 0.3s forwards; -ms-animation: bgblacki 0.3s forwards; -o-animation: bgblacki 0.3s forwards; animation: bgblacki 0.3s forwards;}
@keyframes bgblack {50% {background:#fff; border:1px solid #fff; color:#05141f;}}
@keyframes bgblacki {50% {background:#05141f;}}

.key_visual .cont .view.bgwhite {border:1px solid #fff; background:#fff; color:#05141f; animation-fill-mode: forwards;}
.key_visual .cont .view.bgwhite:hover, .key_visual .cont .view.bgwhite:focus, .key_visual .cont .view.bgwhite:active {background:#fff; border:1px solid #fff; color:#05141f; -webkit-animation: bgwhite 0.3s forwards; -moz-animation: bgwhite 0.3s forwards; -ms-animation: bgwhite 0.3s forwards; -o-animation: bgwhite 0.3s forwards; animation: bgwhite 0.3s forwards;}
.key_visual .cont .view.bgwhite i:before, .key_visual .cont .view.bgwhite i:after {background:#05141f; -webkit-animation:}
.key_visual .cont .view.bgwhite:hover i:before, .key_visual .cont .view.bgwhite:focus i:before, .key_visual .cont .view.bgwhite:active i:before, .key_visual .cont .view.bgwhite:hover i:after, .key_visual .cont .view.bgwhite:focus i:after, .key_visual .cont .view.bgwhite:active i:after {background:#05141f; bgwhitei 0.3s forwards; -moz-animation: bgwhitei 0.3s forwards; -ms-animation: bgwhitei 0.3s forwards; -o-animation: bgwhitei 0.3s forwards; animation: bgwhitei 0.3s forwards;}
@keyframes bgwhite {50% {background:#05141f; border:1px solid #05141f; color:#fff;}}
@keyframes bgwhitei {50% {background:#05141f;}}
.key_visual .cont .view.bgred {border:1px solid #bb162b; background:#bb162b; color:#fff; animation-fill-mode: forwards;}
.key_visual .cont .view.bgred:hover, .key_visual .cont .view.bgred:focus, .key_visual .cont .view.bgred:active {background:#bb162b; border:1px solid #bb162b; color:#fff; -webkit-animation: bgred 0.3s forwards; -moz-animation: bgred 0.3s forwards; -ms-animation: bgred 0.3s forwards; -o-animation: bgred 0.3s forwards; animation: bgred 0.3s forwards;}
.key_visual .cont .view.bgred i:before, .key_visual .cont .view.bgred i:after {background:#fff; -webkit-animation:}
.key_visual .cont .view.bgred:hover i:before, .key_visual .cont .view.bgred:focus i:before, .key_visual .cont .view.bgred:active i:before, .key_visual .cont .view.bgred:hover i:after, .key_visual .cont .view.bgred:focus i:after, .key_visual .cont .view.bgred:active i:after {background:#fff; bgredi 0.3s forwards; -moz-animation: bgredi 0.3s forwards; -ms-animation: bgredi 0.3s forwards; -o-animation: bgredi 0.3s forwards; animation: bgredi 0.3s forwards;}
@keyframes bgred {50% {background:#fff; border:1px solid #fff; color:#bb162b;}}
@keyframes bgredi {50% {background:#bb162b;}}

.eventkia a, .channelkia a {display:block;}

/* 20210617 add */
.key_visual .cont .btn {display:inline-block; margin:0 5px;}
@media all and (max-width:767px){
.key_visual .cont .btn {display:block; margin:7px 0;}
}

.kiaEsg {position:relative; max-width:1400px; margin:8.5% auto 7%; overflow:hidden;}
.kiaEsg h2 {margin-bottom:28px; font-size:40px; font-family:kiaB; line-height:1; text-align:center;}
.kiaEsg .pc {display:block;}
.kiaEsg .mo {display:none;}
.kiaEsg_list {position:relative; font-family:kiaM;}
.kiaEsg_list .slick-list {width:100%; box-sizing:border-box; overflow:hidden;}
.kiaEsg_list .slick-slide {float:left;}
.kiaEsg_list .img {display:block; position:relative;}
.kiaEsg_list .img img {width:100%;}
.kiaEsg_list .txt {position:absolute; top:15%; left:0; width:100%; padding:0 5%; box-sizing:border-box; font-size:43px; font-weight:bold; text-align:center; line-height:1.5; word-break:keep-all;}
.kiaEsg_list .txt.black {color:#05141f;}
.kiaEsg_list .txt.white {color:#fff}
.kiaEsg_list a {display:block; position:relative;}
.kiaEsg_list a:hover {text-decoration:none}
.kiaEsg .controlWrap {position:absolute; display:block; bottom:5%; right:6%; padding-right:35px;}
.kiaEsg .controlWrap .play, .kiaEsg .controlWrap .pause {position:absolute; top:3px; right:0; display:inline-block; width:25px; height:25px; margin-left:5px; background:#05141f; border-radius:25px; border:1px solid rgba(255,255,255,0.4); text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.kiaEsg .controlWrap .play {display:none;}
.kiaEsg .controlWrap .play:before {position:absolute; display:block; top:6px; left:10px; width:0; height:0; border:5px transparent solid;border-right-width:0; border-left-color:#fff; content:'';}
.kiaEsg .controlWrap .pause:before, .kiaEsg .controlWrap .pause:after {position:absolute; display:block; top:7px; left:8px; width:2px; height:9px; background:#fff; content:'';}
.kiaEsg .controlWrap .pause:after {left:14px;}
.kiaEsg .slick-dots {position:relative; display:inline-block;}
.kiaEsg .slick-dots li {display:inline-block;}
.kiaEsg .slick-dots li button {position:relative; padding:10px; text-indent:-999px; overflow:hidden; font-size:0; vertical-align:middle;}
.kiaEsg .slick-dots li button:after {position:relative; display:block; width:11px; height:11px; border-radius:10px; background:#fff; border:1px solid #cdd0d2; content:''; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.kiaEsg .slick-dots li.slick-active button:after {width:57px; opacity:1; background:#05141f}
.kiaEsg .slick-arrow {position:absolute; top:27%; z-index:1001; width:21px; height:41px; text-indent:-999px; font-size:0; overflow:hidden; opacity:0;transition-duration:0.3s;}

@media all and (max-width:1024px){
.kiaEsg h2 {font-size:30px;}
.kiaEsg_list .txt {font-size:26px;}
}

@media all and (max-width:767px){
.kiaEsg .pc {display:none;}
.kiaEsg .mo {display:block;}
.kiaEsg h2 {font-size:24px;}
.kiaEsg_list .txt {font-size:16px;}
.kiaEsg .controlWrap {bottom:3%; padding-right:25px;}
.kiaEsg .controlWrap .play, .kiaEsg .controlWrap .pause {width:22px; height:22px;}
.kiaEsg .controlWrap .pause:before, .kiaEsg .controlWrap .pause:after {top:7px; left:7px; height:7px;}
.kiaEsg .controlWrap .pause:after {left:12px;}
.kiaEsg .controlWrap .play:before {top:6px; left:9px; border:4px transparent solid; border-left-color:#fff;}
.kiaEsg .slick-dots li button:after {width:7px; height:7px;}
.kiaEsg .slick-dots li.slick-active button:after {width:37px}
.kiaEsg .slick-dots li button {padding:10px 9px;}
}
.bestkia .list .ncsi {position:relative; display:inline-block; vertical-align:3px; font-size:13px; color:#e13000;}
.bestkia .list .ncsi:before {position:relative; display:inline-block; top:0; left:0; width:32px; height:21px; margin:0 7px 0 15px; background:url(/content/dam/kwcms/kr/ko/images/main/ic_ncsi.jpg) no-repeat 0 0; content:''; vertical-align:-6px;}
@media all and (max-width:1024px){
.bestkia .list .ncsi {vertical-align:4px; font-size:12px;}
.bestkia .list .ncsi:before {width:25px; height:18px; background-size:100% auto;}
}
@media all and (max-width:767px){
.bestkia .list .ncsi {vertical-align:2px;}
.bestkia .list .ncsi:before {margin:0 5px 0 12px}
}

/* 202204_accessbility */
.kiaEsg_list .slick-list {overflow:visible;}
.kiaEsg_list a:focus {border-inline:solid; box-sizing:border-box;}
.kiaEsg .controlWrap .play, .kiaEsg .controlWrap .pause {overflow:visible;}
.kiaEsg .controlWrap .play:focus, .kiaEsg .controlWrap .pause:focus {padding:2px; outline:2px solid #000; box-sizing:border-box;}