@charset "utf-8";
@import url(basic.css);

/* pc버전 */
button:focus, input:focus {outline: none}

/* 샘플용 top_consult CSS */

.quick {position:fixed; width:160px; height:395px; top:50px; left:100px; z-index:999;}
.quick .quickBtn1 {position:absolute; width:68px; height:15px; top:166px; left:14px;}
.quick .quickBtn2 {position:absolute; width:50px; height:15px; top:166px; left:93px;}

.bar {position:fixed;left:0;bottom:0;width:100%;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:12px 0;text-align:center;z-index:9999;}
.bar a {display:inline-block;font-size:17px;color:#ea002c;font-weight:bold;padding:10px 30px;border-radius:10px;background:#fff;}

#wrap {width:100%; position:relative; text-align:center; overflow:hidden;}

#main_visual {margin:0;height:740px; background:#000}
#main_visual .swiper-slide {height:740px;}
#main_visual .button-next1 {margin:0 -590px 0; right:50%;}
#main_visual .button-prev1 {margin:0 -590px; left:50%;}

/*.mainVisual {position:relative; height:740px; margin:0 auto;}
.mainVisual .button-next1 {margin:0 -590px 0; right:50%;}
.mainVisual .button-prev1 {margin:0 -590px; left:50%;}
*/

.cont1 {background:url(http://www.kt.company/landing/images/cont1.jpg) no-repeat top; height:1132px;}
.cont1 .swiper1 {width:1200px;}

.cont8 {background:url(http://www.kt.company/landing/images/mcont1_1.jpg) no-repeat top; height:1100px;}
.cont8 .swiper1 {width:2000px;}

.cont9 {background:url(http://www.kt.company/landing/images/cont0.jpg) no-repeat top; height:863px;}
.cont9 .swiper1 {width:2000px;}

.cont2 {position:relative; background:url(http://www.kt.company/landing/images/cont2_tit.jpg) no-repeat top; height:850px; margin-top:70px;}
.cont2 #landing_video {margin:0 auto; max-width:1200px; padding-top:215px;}

.cont22 {position:relative; background:url(http://www.kt.company/landing/images/cont22_tit.jpg) no-repeat top; height:850px; margin-top:70px;}
.cont22 #landing_video22 {margin:0 auto; max-width:1200px; padding-top:200px;}

.cont3 {position:relative; background:url(http://www.kt.company/landing/images/cont3.jpg) no-repeat top; height:1694px;}
.cont3 .feature {position:relative; width:1250px; height:1400px; padding-top:420px; margin:0 auto;}
.cont3 .feature li {float:left; margin:0 5px 5px 0;}
.cont3 .feature .f1 {background:url(http://www.kt.company/landing/images/cont31_off.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f2 {background:url(http://www.kt.company/landing/images/cont32_off.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f3 {background:url(http://www.kt.company/landing/images/cont33_off.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f4 {background:url(http://www.kt.company/landing/images/cont34_off.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f5 {background:url(http://www.kt.company/landing/images/cont35_off.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f6 {background:url(http://www.kt.company/landing/images/cont36_off.jpg) no-repeat top; width:399px; height:604px;}

.cont3 .feature .f1:hover {background:url(http://www.kt.company/landing/images/cont31_hover.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f2:hover {background:url(http://www.kt.company/landing/images/cont32_hover.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f3:hover {background:url(http://www.kt.company/landing/images/cont33_hover.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f4:hover {background:url(http://www.kt.company/landing/images/cont34_hover.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f5:hover {background:url(http://www.kt.company/landing/images/cont35_hover.jpg) no-repeat top; width:399px; height:604px;}
.cont3 .feature .f6:hover {background:url(http://www.kt.company/landing/images/cont36_hover.jpg) no-repeat top; width:399px; height:604px;}


.cont4 {position:relative; background:#000; height:215px;}
.cont4 .call {width:1200px; margin:0 auto; padding-top:50px;}
.cont4 img {float:left;}
.cont4 a {float:right; margin-left:20px;}

.cont5 {background:url(http://www.kt.company/landing/images/cont5.jpg) no-repeat top;}
.cont6 {background:url(http://www.kt.company/landing/images/cont6.jpg) no-repeat top; height:1995px;}
.cont7 {background:url(http://www.kt.company/landing/images/cont7.jpg) no-repeat top; height:1073px;}
/*.footer {background:url(http://www.kt.company/landing/images/footer.jpg) no-repeat top; height:120px;}*/

.cont10 {background:url(http://www.kt.company/landing/images/cont10.jpg) no-repeat top; height:850px;}

.cont_ss {background:url(http://www.kt.company/landing/images/cont_ss.jpg) no-repeat top; height:1288px;}



#top_consult {position:relative; width:100%; background:#1e1e1e; height:322px; letter-spacing: -0.065em;}
#top_consult .consultTit {position:absolute; top:63px; left:18%; float:left; margin-right:130px;}
#top_consult h4 {font-size:2.4em;color:#fff;text-align:center;font-weight:400;line-height:1.5;padding-top:245px}
#top_consult h4 span {color:#ffd800}
#top_consult .open_wrap {width:900px;height:375px;margin:50px auto 0}
#top_consult .open_wrap > li {width:50%;float:left;min-height:200px}

#top_consult .counsel_wrap {width:800px; overflow:hidden; position:absolute; top:80px; left:43%;}
#top_consult .counsel_wrap .conBtn #btn_submit {width:206px; background:url(http://www.kt.company/landing/images/dbBtn.jpg) no-repeat top; height:157px; cursor: pointer}
#top_consult .consult_guide {background:url(../images/consult_guide.png) no-repeat center top ; height:118px;}
#top_consult .lat {width:400px;margin:7px auto;height:360px}
#top_consult .lat .swiper-container {height:360px;}

#top_consult .lat .swiper-slide {text-align:left;line-height:59px;height:59px;border-bottom:1px solid #e2e2e2;font-size:1.5em;border-style: inset}
#top_consult .lat .swiper-slide:last-child {border-bottom:0px;}
#top_consult .lat .swiper-slide .lt_date {float:right;opacity: .7;font-size:0.8em}
#top_consult .lat_title,#top_consult .lt_more {display:none}

#top_consult .consultForm {width:520px; float:left;}
#consult .conTit {float:left; margin-right:20px;}
#consult .conTit li{line-height:54px; min-height:20px; color:#fff; font-size:18px ;text-align:right}
#consult .conBtn {text-align:left}
#consult .conForm {margin-right:40px;}
#consult .conForm li{line-height:54px; min-height:20px; color:#fff;text-align:left }
#consult .conForm li input {width:350px; height:42px;}
#consult .conForm li input[type=text] {border:1px solid #000;}
#consult .conForm li .phone-number-check {border:1px solid #000;}
#consult .conForm li select {width:350px; background:#fff; height:42px; border:1px solid #000;}
#consult .txt_agree a {color:#fff; font-size:13px; line-height:25px;opacity:.5;}
#ev_agree {width:14px; height:14px; }

.footer {background:#eee;padding-bottom:70px;}