@charset "utf-8";

.talk_link, .go_top {z-index:9999 !important}
#container {padding-top:90px; background:none !important}

/**/
.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:930px; 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; opacity:.7; 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}

.key_visual .controlWrap {position:absolute; left:0; top:80%; 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:#222; border-radius:25px; 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:7px; left:11px; 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:8px; left:9px; 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:5%; z-index:1; 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:#000; 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:34px; font-family:kiaM; color:#000; 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 .view {position:relative; display:inline-block; min-width:160px; padding:10px 35px 10px 30px; box-sizing:border-box; border:1px solid #000; font-family:YoonPro740; font-size:18px; color:#000;}
.key_visual .cont .view:hover,.key_visual .cont .view:focus, .key_visual .cont .view:active {background:#000; border:1px solid #000; 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:#000; 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:#000;}
.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:#000;}
.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:930px; overflow:hidden;}
.key_visual .img video {display:block; width:100%; margin-top:-7.78%;}
.key_visual .img img {width:100%; height:auto;}
.key_visual .img img.mo {display:none}

@media all and (max-width:1024px){
.key_visual .controlWrap {top:78%}
.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 .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;}
.key_visual .img img.pc {display:none}
.key_visual .img img.mo {display:block}
.key_visual .img {position:relative;}
.key_visual .img video {position:relative; left:50%; transform:translateX(-50%); width:264%;}
.key_visual .slick-arrow {display:none !important}
.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:82%;}
.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:8px; height:7px;}
.key_visual .controlWrap .pause:after {left:13px;}
.key_visual .controlWrap .play:before {top:6px; left:10px; border:4px transparent solid; border-left-color:#fff;}
}

/* purchase */
.purchase {position:relative; z-index:1002; margin:-6% 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 #eee; 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:#333; -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:#bb162b; color:#fff; text-decoration:none;}
.purchase li a:hover:before, .purchase li a:focus:before, .purchase li a:active:before {background-position-y:-50px;}
/*.purchase li a:hover:after, .purchase li a:focus:after, .purchase li a:active:after {position:absolute; left:0; bottom:0; width:100%; height:2px; background:#bb162b; content:'';}*/
@media all and (max-width:1024px){
.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%;}
.purchase li {width:50%; border-top:1px solid #eee;}
.purchase li.wide {width:100%; border-top:none;}
.purchase li a {height:auto; padding:15px 5px; font-size:12px;}
.purchase li a:before {display:inline-block; width:25px; height:20px; margin:0 5px 0 0; background-size:125px auto; vertical-align:middle;}
.purchase li a span {vertical-align:middle;}
.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 a:hover:before, .purchase li a:focus:before, .purchase li a:active:before {background-position-y:-25px;}
}


/* best kia */
.bestkia {overflow:hidden; padding-bottom:50px; text-align:center;}
.bestkia h2 {font-size:40px; font-family:kiaB; color:#000; line-height:1}
.bestkia h2:first-letter {color:#bb162b;}
.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:#000; line-height:1;}
.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:#666}
.bestkia .list .info strong {position:relative; margin-right:5px; font-weight:bold; font-family:YoonPro740; color:#bb162b;}
.bestkia .list .info strong:after {position:relative; display:inline-block; width:1px; height:11px; margin:0 2px 0 5px; background:#ccc; content:''}
.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:#aaa; 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 #a1a1a1; 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:#979699; 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; background:#bb162b;}

@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;}
}

@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 {}
.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:9px}
.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:15px; font-size:18px;}
.bestkia_list .slick-slide.slick-active .info {display:block; padding:0; margin:0 -20%; font-size:12px;}
}

@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:#000; line-height:1}
.eventkia h2:first-letter, .channelkia h2:first-letter {color:#bb162b;}
.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; 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 .slick-dots li.slick-active button:after {width:32px; background:#bb162b;}
.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:11px; width:0; height:0; border:4px transparent solid ;border-right-width:0; border-left-color:#000; content:'';}
.kiabox .controlWrap .play:after {position:absolute; display:block; top:6px; left:6px; width:12px; height:12px; background:#fff; 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:#fff; 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:#f3f3f3; content:'';}
.eventkia .title {display:block; padding:10% 0 0 11.4%; font-size:24px; color:#333; 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:#666;}
.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:#000; font-style:normal; vertical-align:2px;}
.channelkia .title {display:block; padding-top:5.6%; font-size:24px; color:#333; 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  {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 */
.designerStory {position:relative; margin:2% 0 7%;}
.designerStory:before {display:block; position:absolute; top:84%; right:0; width:50%; height:1px; background:#cbc6b8; clear:both; content:''}
.designerStory:after {display:block; position:absolute; top:19%; left:0; z-index:-1; width:100%; height:92%; background:#f3f3f3; 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:#000; line-height:1}
.designerStory h2:first-letter {color:#bb162b;}
.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:#222; line-height:1.4; font-weight:bold;}
.designerStory .txtbox .txt {margin-top:10%; font-size:14px; color:#555; word-break:keep-all;}

@media all and (max-width:1225px){
.designerStory .movie {width:65%;}
.designerStory .txtbox {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; background:#f3f3f3; text-align:center;}
.designerStory .txtbox .stit {font-size:16px;}
.designerStory .txtbox .txt {margin-top:2%; font-size:12px;}
}

/* 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(0, 0, 0, 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}
.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:#666}
.news .news_list .title {display:block; width:100%; height:48px; padding-right:10%; box-sizing:border-box; font-size:18px; font-weight:bold; line-height:1.3; color:#333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.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:#979699; 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; background:#bb162b;}
.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 {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 #ccc; border-bottom:1px solid #ccc; 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 #ccc; border-left:1px solid #ccc;  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:#bb162b; text-decoration:none}
.notice .notice_list .title {display:block; width:100%; height:50px; font-size:16px; color:#333; 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:#666;}
.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}
}