@charset "utf-8";
 
@media screen and (max-width:1400px){
:root{
--fullWidth: 96%;
--baseWidth: 90vw;
}

/*header*/
#header .gnb_wrap .gnb > li .dp1{ padding:0 1.5vw;}
#header .all_wrap .all_btn { width: 2em;}
#header.gnbOpen .gnb_wrap .gnb .dp2{ padding:1em 0;}
    
/***********************/
/*MAIN******************/    
.main_ai .main_txt.m1{ margin-bottom:2em; color:#fff;}
.main_ai .vod_wrap{bottom: auto;top: calc(50% + 5em);transform: translateY(-50%);}

.main_layout.posst1 > li.inPos:nth-child(1){ padding-right: 2em; left:0;}
.main_layout.posst2 > li.inPos:nth-child(1){ padding-right: 2em;}
.main_layout.posst2 > li.inPos:nth-child(1) + li{ margin-left:auto;}

.main_business .list_wrap .list > li .wrap_in{ padding: 2.5em 1.5em;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap{ padding-top: 25%;}

/***********************/
/*SUB******************/   

/* 전화 */
.benefitWrap > li .desc_wrap .desc{padding: 0;} 


}


@media screen and (max-width:1280px){
:root{--fullWidth: 94%;}

/*header*/
#header .gnb_wrap{ display: none;}

/***********************/
/*MAIN******************/ 
.visualSlide_wrap .slogan_wrap .t2 {font-size:3.375em;}

.main_ai .vod_wrap {width: 25vw; right:10vw; top:calc(50% + 3em);}

.main_service{ padding: 7em 0;}
.main_service .main_layout.pos > li.inPos{ width: 80%; position: relative;}
.main_layout.posst1 > li.inPos:nth-child(1){padding-right: 0;}
.main_service .main_layout.pos > li.inVod{ width: 70%; margin-top: -5.5em;}
.main_service .main_layout + .main_layout{margin-top: 10em;}

.main_business {padding: 7em 0;}
.main_business .list_wrap .list{ gap:1em; justify-content: center;}
.main_business .list_wrap .list > li:nth-child(2){ margin-right:calc((100% - 2em) / 3) ;}
.main_business .list_wrap .list > li{ width: calc((100% - 2em) / 3);}
.main_business .list_wrap .list > li .wrap_in .txt_wrap{ padding-top: 8%;}

/***********************/
/*SUB ******************/
#contents .sub_page_top{ height: 28em;}
#contents .sub_page_tit .slogan{ font-size: 1.5em;}
#contents .sub_page_tit .sub_tit{ font-size: 3.25em;}

#contents .sub_page_menu .gnb .dp2 > li > a { min-width: auto; height: 4em;}
#contents .sub_page_menu .gnb .dp2 > li > a .in:before {width: 2em; height: 0.5em; top:7px;}

#contents .sub_page_con .con_tit .tt{ font-size: 2.5em;}

#contents .sub_page_con .con_menu .gnb .dp3 > li > a{ height: 3em;}
#contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt{ font-size: 1.125em;}

/* 요금제  */
/* plan_list */
.planWrap .plan_list > li{ padding:3em 2em; gap: 0;}
.planWrap .plan_list .planTit{}
.planWrap .plan_list .planInfo{width: 23em;}
.planWrap .plan_list .planCharge{ width: 12em;}
/* planView_page */

/* ai로봇 */
.img_list > li .img_wrap{ width: 12em; height: 12em;}




}


@media screen and (max-width:1024px){
body {font-size: 15px;}
.pcHide{ display:block !important;}
.moHide{ display:none !important;}

/* header */
#header .all_wrap .all{width: 4em;}

/***********************/
/*MAIN******************/ 
.main_txt .t11{font-size: 5em;}
/* .visualSlide_wrap .slogan_wrap .t1{font-size: 1.5em;} */
/* .visualSlide_wrap .slogan_wrap .t2{ font-size: 3.5em; word-break: keep-all;} */

/***********************/
/*SUB******************/ 


.vodList_tab .tab{ width: 100%;}
.video-player .video{ width: 100%;}

/* detail_list */
.detail_list > ul li > .tit { height: 2.8em;}


/*  */
.prodLineup .prodLineup_list{ flex-direction: column;}
.prodLineup .prodLineup_list > li{ width: 100%;}
.prodLineup .prodLineup_list > li .tit_wrap { padding: 1.25em 2em;}
.prodLineup .prodLineup_list > li .tit_wrap .tit{ font-size: 1.375em;; text-align: left;}
.prodLineup .prodLineup_list > li .desc_wrap{ flex-direction: row; align-items: center; gap:2em}
.prodLineup .prodLineup_list > li .desc_wrap .img{ width: 40%; height: auto;}
.prodLineup .prodLineup_list > li .desc_wrap .txt{ flex:1;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .t1{font-weight: 600; text-align: left!important;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .t1 br{ display: none;}
.prodLineup .prodLineup_list.sec4{ flex-direction: row;}
.prodLineup .prodLineup_list.sec4 > li{ width: calc((100% - 3em) / 2);}
.prodLineup .prodLineup_list.sec4 > li .tit_wrap .tit{text-align: center;}
.prodLineup .prodLineup_list.sec4 > li .desc_wrap{ flex-direction: column; align-items: center;}

/* 고객지원 */
.downloadLink { padding: 0 4vw;}

/* 상담신청 */
.estimate-table tbody tr th, .estimate-table tbody tr td.pcHide {display: table-cell !important;}
.estimate-table tbody tr td.w_tit > span {margin: 1em 0 0 0 !important; display: inline-block;}


}


@media screen and (max-width:1000px){
#contents .sub_page_top {height: 20em;}
#contents .sub_page_menu{display: none;}

}


@media screen and (max-width:870px){
body {font-size: 14px;}

/***********************/
/*SUB ******************/
#contents .sub_page_top{ height: 20em;}


/* 요금제  */
/* plan_list */
.planWrap .plan_list > li{ padding:3em 2em; gap: 0;}
.planWrap .plan_list .planTit{}
.planWrap .plan_list .planInfo{width:20em;}
.planWrap .plan_list .planCharge{ width: 12em; padding-left: 1em;}
.planWrap .plan_list .planCharge .charge_benefit{ padding-left: .5em;}
.planWrap .plan_list .btn_wrap{ padding-left: 1em;}


}


@media screen and (max-width:820px){
  
/***********************/
/*MAIN******************/

.main_ai .inner{ padding: 12em 0;}
.main_ai .vod_wrap{ width: 35vw; right: 5vw; top: auto; bottom: 13em; transform:translateY(0);}
.main_tab{width: 100%;}

.main_service .main_layout.pos > li.inPos {width: 100%;}
.main_service .main_layout.pos > li.inVod {width: 100%; margin:2em auto 0;}

/***********************/
/*SUB******************/ 





/* 고객지원 */
.downloadLink { padding: 0;}


}


@media screen and (max-width:768px){
body {font-size: 13px;}

/* header */
#header .logo > .in img {width: 2.5em;}


/***********************/
/*MAIN******************/
.visualSlide_wrap .slogan_wrap{word-break: keep-all;}
.visualSlide_wrap .slogan_wrap .t1{ width: 70%; line-height: 1.4; }

.main_business .list_wrap .list{ gap:1em; justify-content: flex-start;}
.main_business .list_wrap .list > li:nth-child(2){ margin-right:auto;}
.main_business .list_wrap .list > li{ width: calc((100% - 1em) / 2);}
.main_business .list_wrap .list > li .wrap_in .txt_wrap{ padding-top: 8%;}


/***********************/
/*SUB******************/

/* 서비스소개 공통 */
.serviceList .service_wrap .con_wrap .page_tt.mb50{margin-bottom: 30px!important;}
.serviceList .service_wrap .con_wrap .page_tt.s9 br{ display: none;}

.needsWrap > li { padding: 5em 1.5em 8em;}

.detail_list > ul li{ width: calc(( 100% - 1em) / 2);}

.conbox{ padding:3em 2em;}

.icon_list{ flex-wrap: wrap; gap:1em}
.icon_list > li{ flex:unset; width:calc((100% - 1em) /2);}
.icon_list.item3{ gap:1em}
.icon_list.item3 > li{ flex: 0 0 calc((100% - 2em) / 3); padding: 2em 1em 2em;}



/* 전화기제품 */
.telPrd_list > li{display: flex; align-items: center; width: 100%;}
.telPrd_list > li .img_wrap{ display: flex; justify-content: center; align-items: center; width: 40%; height: 100%;}
.telPrd_list > li .txt_wrap{ flex:1;}
.telPrd_list > li .txt_wrap .tit{ align-items: flex-start;}
.telPrd_list > li .txt_wrap .tit .name{ text-align: left;}

/* 지니티비 */
.gtv_visual img { height: 30em;}

/* 요금제상세 */
.planView_tit .benefits{ padding: 0;}
.planView_tit .benefits .benefit{ padding:2em 1em;}
.planView_tit .benefits .benefit .t1 .tx .br{ display: block;}

/* ai로봇 */
.img_list{ gap: 1em;}
.img_list > li{width: calc(( 100% - 2em) / 3);}
.img_list > li .img_wrap{ width: 12em; height: 12em;}

.robots{ padding:3em 1em;}
.robot{flex-direction: column; align-items: center; gap:0}
.robot .img{ flex:unset; width: 100%; height: 100%;}
.robot .img img{ height: 100%; object-fit: contain;}
.robot .spec{ width: 100%; margin-top: 1.5em;}
.robot .spec > ul{ display: flex; flex-wrap: wrap; gap:1em;}
.robot .spec > ul li{ width: calc((100% - 2em) / 2); box-sizing: border-box; }


/* 상담신청 */
.estimate-table col {display: none !important;}
.estimate-table tbody tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 1em 0;}
.estimate-table tbody tr th,
.estimate-table tbody tr td {width: 100%;}
.estimate-table tbody tr th:nth-of-type(2) {border-top: 1px solid #ddd; padding-top: 1em;} 
.estimate-table tbody tr th, 
.estimate-table tbody tr th {padding: 0;}
.estimate-table tbody tr td {padding: 1em 0;}
.estimate-table tbody tr td .col-wrap {gap: 0.5em; justify-content: space-between;}
.estimate-table tbody tr td .col_w3 {width: 30%; margin: 0 !important;}
.estimate-table tbody tr td #tel {width: 30%;}
.estimate-table tbody tr td .input_sec {display: inline-block; width: 3%;}
.estimate-table select.input_st {margin-left: 0 !important;}
.page_btn > button[type="submit"] {min-height: 3.5em;}

}


@media screen and (max-width:717px){
@media screen and (orientation: landscape){
/* :root{
--fullWidth: 98%;
--baseWidth: 96vw;
} */

body {font-size: 12px;}

/* footer */
.footer_top li{ width: 42%;}

/***********************/
/*MAIN******************/
.visualSlide_thumb_wrap {zoom: .8;}

.scrollfix .scrollInner{ height: auto;}
.main_ai .inner{ padding:5em 0 10em;}
.main_ai .vod_wrap{ width: 30vw; right: 5vw; top: calc(50% + 10em); bottom: auto; transform: translateY(-50%);}

.main_business .list_wrap .list > li .wrap_in .ico_wrap .ico{ width: 6em; height: 6em; margin-left: auto; margin-right: 0;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap{ margin-top: -2em; padding-top: 0;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap .t2 br{ display: none;}

/***********************/
/*SUB******************/

/* why KT 인터넷 */
.w_quality > ul li .img{ height: 4em;}
.w_quality > ul li .img img{ height: 100%; object-fit: contain;}
.w_quality > ul li .info {display: flex; flex-direction: column;}

}
}


@media screen and (max-width:600px){
/* :root{
--fullWidth: 98%;
--baseWidth: 96vw;
} */
body {font-size: 12px;}

/* footer */
.footer_top li{ width: 45%;}
.footer_top .counsel_tit{ font-size: 2.125em;}
.footer_top .call_info .brTime{display: block;}
/***********************/
/*MAIN******************/
.visualSlide_wrap .slogan_wrap{ top:23vh;}
.visualSlide_wrap .slogan_wrap .t1{ width: 85%; font-size: 1.5em;}
.visualSlide_wrap .slogan_wrap .t2{ width: 85%; font-size: 2.75em; line-height: 1.4;}
.visualSlide_thumb_wrap {zoom: .8;}

.scrollfix .scrollInner{ height: auto;}
.main_ai .inner{ padding:5em 0 10em;}
.main_ai .vod_wrap{ right: 5vw; top: calc(50% + 7em); bottom: auto; transform: translateY(-50%);}

.main_business .list_wrap .list > li .wrap_in .ico_wrap .ico{ width: 6em; height: 6em; margin-left: auto; margin-right: 0;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap{ margin-top: -2em; padding-top: 0;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap .t2 br{ display: none;}

/***********************/
/*SUB******************/
.page_tt.s9 { font-size: 2em;}
.page_tt.s11 { font-size: 2.5em;}

#contents .sub_page_top {height: 18em;}
#contents .sub_page_tit{ padding-bottom: 3em;}
#contents .sub_page_tit .sub_tit{ font-size: 2.5em;}

#contents .sub_page_menu{display: none;}

#contents .sub_page_con .con_tit_wrap .wrap_in{ flex-direction: column; align-items: flex-start; gap:1em; padding-left: 0;}
#contents .sub_page_con .nav{ order:-1; margin-left: auto;}


/* 서비스소개 공통 */
.sub_tt.tit1{ line-height: 1.4; word-break: keep-all;}

.tabList_wrap .tabList{ flex-wrap: wrap; padding: 0;}
.tabList_wrap .tabList > li{ flex: unset; width: auto;}
.tabList_wrap .tabList > li a { padding: 0 2em;}

.serviceList .service_wrap .con_wrap .page_tt.s9{ width: 60%; margin:0 auto; }
.serviceList .service_wrap .con_wrap .page_tt.s4 br{ display: none;}

.serviceList .service_wrap .con_wrap{ padding: 3em 0;}
.serviceList .service_wrap .con_wrap.bg.s2{ padding: 6em 0;}

.serviceList .service_wrap .con_wrap .con .btn_wrap .input_st{ background: var(--siteC); color:#fff;}

.introWrap .inner{ flex-direction: column; }
.introWrap .tit_wrap{ width: 100%;}
.introWrap .img_wrap{ width: 100%; margin: 2em 0 0}

.needsWrap{ flex-direction: column;}
.needsWrap > li { padding: 3em 3em 5em;}
.needsWrap.d2 > li{ width: 100%;}
.needsWrap .img_wrap img {right: 1em;}

.detail_list > ul li {width: 100%;}
.detail_list > ul li.w2{ width: 100%;}


.conLay_wrap{}
.conLay{ flex-direction: column;}
.conLay + .conLay{ margin-top: 5em;}
.conLay .txt_wrap{ flex:unset; width: 100%;}
.conLay .img_wrap{ flex:unset; width: 90%;}
.conLay:nth-child(even) .img_wrap{ order:0;}

.con.fee .wrap_idx .tab .list_tab{ gap: .5em; padding: 0;}
.con.fee .wrap_idx .tab .list_tab > li{ flex:1; width: auto;}
.table_scl{ overflow-x: scroll;}
.table_st{ width:700px;}

.icon_list{ flex-wrap: wrap; gap:1em}
.icon_list > li{ width:100%;}
.icon_list.item3 > li{ flex: unset;}
.icon_list > li .icon_wrap.s2{width: 40%;}

.video-player .video{ height: 20em;}

/*  */
.prodLineup .prodLineup_list{ gap:3em}
.prodLineup .prodLineup_list > li .tit_wrap .tit{  text-align: center;}
.prodLineup .prodLineup_list > li .desc_wrap{ flex-direction: column; align-items: flex-start; gap:2em; padding: 2em 1.5em 3em;}
.prodLineup .prodLineup_list > li .desc_wrap .img{ width: 100%;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .t1{text-align: center!important;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .t1 br{ display: block;}

/* flexline */
.conbox > .tit2{ word-break: keep-all;}
.conbox > .tit2 br{ display: none; }
.conbox > .flex.d2{ flex-direction: column;} 
.conbox > .flex.d2 > li { flex:unset; width: 100%;}
.conbox > .flex.d2 > li:not(:first-child){ margin-top: 4em; padding-top: 2em; border-left: none; border-top:1px solid #ddd;}

/* 일반전화 */
.benefitWrap > li{ width: 100%;}

.vsWrap{ flex-wrap: wrap;}
.vsWrap .vsBox{ flex: unset; width: 100%;}


/* why KT 인터넷 */
.w_quality > ul { gap:3em 1em; justify-content: center;}
.w_quality > ul li{ gap:1em; flex:unset; width:calc((100% - 2em) / 3); }
.w_quality > ul li .img{ height: 4em;}
.w_quality > ul li .img img{ height: 100%; object-fit: contain;}
.w_quality > ul li .info {display: flex; flex-direction: column;}

/* 지니티비 */
.ggtvtit{ width: 50vw; margin:0 auto;}
.gtv_visual img { height: 25em;}
.vodList_tab .tab{ padding: 0;}
.vodList_tab .tab .list_tab > li .tab_tit{ padding:.5em 1em; font-size: 1.125em;}
.tvFuntion_list > li{ width: calc((100% - 1em) / 2);}

/* 요금제  */
/* plan_list */
.planWrap .plan_list > li{ flex-direction: column;}
.planWrap .plan_list .planTit .tt{ font-size: 1.75em;}
.planWrap .plan_list .planInfo{ width: 80%; padding: 2em 0;}
.planWrap .plan_list .planCharge{ width: 90%; padding-left: 0; text-align: center;}
.planWrap .plan_list .planCharge .charge_info{ justify-content: center;}
.planWrap .plan_list .planCharge .charge_sale{ text-align: center!important;}
.planWrap .plan_list .planCharge .charge_benefit{padding-left: 0; text-align: center;}
.planWrap .plan_list .planCharge .charge_benefit .sale > span {display: block;}
.planWrap .plan_list .btn_wrap{ margin-top: 1.5em; padding-left: 0;}

/* 요금제상세 */
.planView_tit .benefits > .inner{ flex-wrap: wrap;}
.planView_tit .benefits .benefit{display: flex; flex-direction: column; justify-content: center; flex: unset; width: 100%;}
.planView_tit .benefits .benefit .t1{ justify-content: space-between; gap:1em; width: 80%;}

.planView_detail .detailWrap .detailCon .wrap_in { padding:2em 1em;}


/* 고객지원 */
.downloadLink .link_list > a{ width: 100%}

/* 추천상품 */
.recomand_list { flex-wrap: wrap;}
.recomand_list > li{width: 100%;}
.recomand_list > li .img_wrap {padding-bottom: 40%; background-position: center top;}

/* ai로봇 */
.img_list{ gap: 1em; flex-wrap: wrap;}
.img_list > li{ display: flex; align-items: center; gap:2em; width: 100%; }
.img_list > li .img_wrap{ width: 12em; height: 12em;}
.img_list > li .txt_wrap { flex:1; text-align: left;}

.robot .img{ flex:unset; width: 100%;}
.robot .spec > ul li{ width: 100%;}

.li-video-wrap{ gap:2em;}
.li-video-wrap li{ width: 100%;}
}


@media screen and (max-width:500px){

/* footer */
#footer .copy_wrap{ flex-direction: column; align-items: flex-start;}

/***********************/
/*MAIN******************/
.main_ai .inner{ padding: 6em 0;}
.main_ai .txt_wrap{ padding-right: 0;}
.main_ai .vod_wrap{ width: 80%; margin:3em auto 0; position: relative; right: auto; top:0; transform: translateY(0);}
.main_ai .vod_wrap .el .in{transform: rotateY(0);}
.main_ai .vod_wrap .el .in .resize.mov{padding-bottom: 110%;}

.main_business .list_wrap .list > li{ width:100%;}

/***********************/
/*SUB******************/
.con.fee .wrap_idx .tab .list_tab > li{ flex:unset;}
.con.fee .wrap_idx .tab .list_tab > li > a .step_tit { font-size: 1em;}

/* 전화기제품 */
.telPrd_list > li{ display: flex; flex-direction: column; align-items: center; width: 100%;}
.telPrd_list > li .img_wrap{ display: block; width: 100%; height: auto;}
.telPrd_list > li .txt_wrap{ flex:unset; width:100%; box-sizing:border-box;}
.telPrd_list > li .txt_wrap .tit{ align-items: center;}
.telPrd_list > li .txt_wrap .tit .name{ text-align: center;}

/* 지니티비 */
.tvFuntion_list .txt_wrap{ padding: 0;}

/* ai로봇 */
.prodLineup .prodLineup_list.sec4{ flex-direction: row;}
.prodLineup .prodLineup_list.sec4 > li{ width: 100%;}

/* 하이오더 */
.hiorderType > ul{flex-wrap: wrap;}
.hiorderType > ul .typebox{ flex:unset; width: 100%;}
}


@media screen and (max-width:450px){
.footer_top ul{ flex-direction: column; gap:3em;}
.footer_top li{ width: 100%;}
.footer_top .btn_area{ margin-top: -2.5em; text-align: right;}

/***********************/
/*SUB******************/
.resize.s5{padding-bottom: 66%;}

.needsWrap.d2 > li{ padding: 4em 1.5em 5em;}
.needsWrap.d2 > li .txt_wrap{width: 70%;}
.needsWrap .img_wrap img{right: 0;}

.serviceList .service_wrap .con_wrap .page_tt.s9{ width: 90%;}

/* ai로봇 */
.img_list > li{ flex-direction: column; align-items: center;}
.img_list > li .txt_wrap{text-align: center;}




}


@media screen and (max-width:350px){

}