@charset "utf-8";
@media screen and (max-width:1520px){
    /* #contents .sub_page_top_h50 {position: relative;max-height: 36em;} */
}
 @media screen and (max-width:1400px){
 :root { --fullWidth: 96%; --baseWidth: 90vw; } 

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


/***********************/
/*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******************/ 

.subM_dep {flex-wrap: wrap;}
.subM_dep > li {flex: 1 20%; max-width: 20%; border: 1px solid #ddd; padding: 1em;}
.subM_dep > li .in .re .ico {width: 2.5em; height: 2.5em;}
.subM_dep > li .in .re .t2 {font-size: .9em; width: 65%;}

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


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

/*header*/

/***********************/
/*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; } 
#contents .sub_page_top_h50 {position:relative;min-height: 30em;text-align:center;} 
/* 요금제 */
/* 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; } 
.tel_banner .text_wrap .t2,
.tel_banner .call_num > p { font-size: 2.8em; } 

/* new */
.mission_list > li {flex: 1 27.3%; max-width: 31.3%;}
.mission_list > li .in {background: #fff; height: 100%;}
.mission_list > li .in .img_wrap {display: none;}
.mission_list > li .in .con_wrap {position: unset;}

 }
@media screen and (max-width:1200px){
 .plus_list>li>.inbox>.img_con .name { font-size: 1em; } 
 .sub_serving .con1_box { flex-direction: column; } 
 .sub_serving .con1_box.st2 .inn.left,
 .sub_serving .con1_box.st2 .inn.right { width: 100%; } 
 .sub_serving .con1_box .inn { width: 100%; } 
 }

@media screen and (max-width:1160px){
 .plus_list>li>.inbox>.img_con .name { font-size: 1em; } 
 .tel_estimate .estima_list > .box_con > .info_wrap > .img_con { width: 50%; min-width: 50%; } 
 .icon_circle>li .in dl .tit { font-size: 1.15em; } 
 .icon_circle>li:nth-child(4) .in dl .tit { font-size: 1.3em; } 
 .icon_circle>li .in dl .dest { font-size: .9em; } 
 .icon_circle>li .in dl .desc { margin-top: .85em; font-size: .9em; } 

 .tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { left: 1em; } 

 .re-circle-wrap.st1 .list { flex-direction: column; justify-content: center; align-items: center; } 
 .re-circle-wrap.st1 .list > li { flex: 0; width: 25%; } 

 .tel_banner .text_wrap .t2,
.tel_banner .call_num > p { font-size: 2.3em; } 
.gapS2 { gap:1em; } 

.subM_dep > li .in .re .t2 {width: 90%;}
 }

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

/* header */

#header .num {font-weight: 600; background: var(--siteC); color: #fff; font-size: 1.125em; padding: .5em 1em; border-radius: 3em;}
#header .all_wrap .all_layer .wrap_middle .gnb li > ul .m2_quarantine {display: none;}

.dp1_homeinternet.dp2_event2 #quick {display: none;}

#quick {top: unset; right: unset; left: 0; bottom: 0; width: 100%; transform:unset;}
#quick.active {right: unset; bottom: -70px;}
#quick .quick_wrap {width: 100%; height: 70px; padding: 5px; gap: 5px; border-top-left-radius: unset; border-bottom-left-radius: unset; display: flex; align-content: center; align-items: center; justify-content: center;}
#quick .hide_btn {left: 1%; top: -13%; width: 4em; height: 2.5em; line-height: 2.5em; color: #fff; font-weight: 600; background: var(--siteC); border: unset; cursor: pointer; box-shadow: unset; border-radius: 10px 10px 0 0; text-align: center;}
#quick .hide_btn:before {display: none;}

#quick .hide_btn .tt1 {display: inline-block;}
#quick.active .hide_btn .tt1 {display: none;}
#quick.active .hide_btn .tt2 {display: inline-block;}

#quick .quick_wrap .quickm_con {flex:1; height: 100%;}
#quick .quick_wrap .quickm_con .btn {flex-wrap: wrap; height: 100%;}
#quick .quick_wrap .btn.phone_st {color: #fff; background: linear-gradient(-45deg, #3267ee, #ff606c, #edca35);    background-size: 400% 400%; animation: colorChange 3s ease infinite;}
@keyframes colorChange{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}

#quick .quick_wrap .quickm_con .xi {width: 100%;}
#quick .quick_wrap .btn > span {font-weight: 800; font-size: .9em;}
#quick .quick_wrap .quickm_con .goTop {background: var(--siteC); height: 100%; border-radius: .5em; color: #fff;}

.dp1_homeinternet.dp2_event2 #footer {display: none;}
.dp1_homeinternet.dp2_event2 #contents .doc {padding: 0em 0 15em;}

#footer .goTop {display: none;}

/***********************/
/*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; } */
.FlexWrap.acen { flex-direction: column; } 
.FlexWrap .wrapCon { flex: 1 1 100%; min-width: 100%; } 
.process_wrap { position: relative; width: 94%; margin: 0 auto; } 
.business_wrap .business_list { gap: 1em; } 
/***********************/
/*SUB******************/ 

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

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


/*main*/

/* */
.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; } 

/* new */



.ps {margin-top: 3em !important;}
.subM_con.p2 {padding: 3em 0 3em;}

.subVisualSlide .el {height: 50vh;}
.subVisualSlogan_wrap2 {top: unset; bottom: 8%;}
.subVisualSlogan_wrap2 .slogan .wrap_in .tit {font-size: 3.5em;}
/* .subVisualSlogan_wrap2 .slogan .wrap_in .txt {font-size: 1.4em;} */

.fixWrap {height: 9em;}
.dp1_internet.dp2_corporate .fixWrap,
.dp1_homeinternet.dp2_home .fixWrap {height: 4.5em;}
.fixWrap.fix > * {top: unset; bottom: 0; padding-top: unset; margin: 0 auto;}
.fixWrap.fix > .main_tab_wrap {position: unset;}

.subVisualSlide_control {width: 94%;}

.main_tab_wrap .tab {flex-wrap: wrap; border-radius: .5em;}
.main_tab_wrap .tab > li {flex: 1 33.3%; border-bottom: 1px solid #ddd;}
.main_tab_wrap .tab > li:nth-child(4),
.main_tab_wrap .tab > li:nth-child(5),
.main_tab_wrap .tab > li:nth-child(6) {border-bottom: unset;}

.dp1_homeinternet.dp2_home .main_tab_wrap .tab > li {flex: 1 25%;}
.dp1_homeinternet.dp2_home .main_tab_wrap .tab > li:nth-child(4) {border-bottom: 1px solid #ddd;}

.main_tab_wrap .tab > li .in {padding: 1em 0;}

.subM_dep > li .in .re {gap: .5em;}
.subM_dep > li .in .re .ico { width: 2em; height: 2em; padding: 1em;}
.subM_dep > li .in .re .t1 {font-size: 1.05em;}

.subM_tit .t1 {font-size: 30px;}

.subM_circle .circleItem:before { display: none; } 
.subM_circle .circleItem { height: 100%;} 
.subM_circle .circleItem_wrap { width: auto; max-width: 100%; padding: 0em 1em; } 
.subM_circle .circleItem .item_wrap { padding: 1em; border-bottom: 1px solid #cdcdcd24; } 
.subM_circle .circleItem .item_wrap:first-of-type { padding-top: 0em; } 
.subM_circle .circleItem .item_wrap:last-of-type { padding-bottom: 0em; border-bottom: 0px; } 
.subM_circle .circleItem .item_wrap.item04, .subM_circle .circleItem .item_wrap.item05, .subM_circle .circleItem .item_wrap.item06 { flex-flow: unset; text-align: left; } 

.subM_circle .circleItem .item_wrap.item01,
.subM_circle .circleItem .item_wrap.item02,
.subM_circle .circleItem .item_wrap.item03,
.subM_circle .circleItem .item_wrap.item04,
.subM_circle .circleItem .item_wrap.item05,
.subM_circle .circleItem .item_wrap.item06 { left: 0%; top: 0%; position:relative; transform: translate(0%); margin-left: 0em; margin-bottom: 0em; margin-top: 0em; margin-right: 0em; } 
.subM_circle .circleItem .item_wrap .icon .in {width: 6em; height: 6em;}
.subM_circle .circleItem .item_wrap .icon .in img {width: 45%;}
.subM_circle .circleItem .item_wrap .txt {width: 100%;}

.subM_circle .circleItem_wrap.w2 .circleItem.resize {padding-bottom: unset;}
.subM_circle .circleItem_wrap.w2 .circleItem.resize .re { position: unset; display: flex; flex-wrap: wrap;} 
.subM_circle .circleItem_wrap.w2 .circleItem .item_wrap {flex: 1 50%;}
.subM_circle .circleItem_wrap.w2 .circleItem .item_wrap:last-of-type { padding-bottom: 1em; border-bottom: 1px; } 

.ptell_con {flex-wrap: wrap; gap: 2em;}
.ptell_con .img {width: 100%; background: #fff; text-align: center; border: 1px solid #ddd;}
.ptell_con.ps1 {margin-top: 3em !important;}

.ptell_list {flex-wrap: wrap;}
.ptell_list li {flex: 1 48%;}
.ptell_list2 {flex-wrap: wrap;}
.ptell_list2 li {flex: 1 48%;}

.center_list {flex-wrap: wrap;}
.center_list li {flex: 1 48%; max-width: 49%;}

.bottom_area ._wrap {flex-direction: column-reverse; width: 100%; justify-content: center; gap: 2em;}
.bottom_area .txt_box {display: unset; padding-right:unset; font-size: 40px;}
.bottom_area .txt_box .logo {margin: 0 auto .5em; max-width: 90px;}
.bottom_area .number {font-size: 4em;}

.center_list2 li {padding: 1em; display: block;}
.center_list2 li .img {margin-top: .5em;}

.example_listN li {flex: 1 48%; max-width: 49%;}
.example_listN.res_st2 li {flex: 1 31.3%; max-width: 33.3%;}
.example_listN li .img_con {height: 8em;}

.subM_about .wrap_con .circle {gap: 2em; flex-wrap: wrap;}
.subM_about .wrap_con .circle .obj {flex: 1 29.3%; width: unset; height: 23vw;}

.philosophy-wrap {display: flex; justify-content: center; flex-direction: column-reverse; margin-top: 3em;}

.subM_circle .circleItem {height: unset; padding-bottom: unset;}
.subM_circle .circleItem.resize .re {position: unset; height: unset;}
.subM_circle .circleItem_wrap.w2 {width: 100%;}
.philoCircle {position: unset; transform: unset;}
.philoCircle .circleIn {margin: 0 auto 3em;}
.philoCircle .circleIn::after {display: none;}
.philosophy-list {gap: 1em;}
.philosophy-list > li {flex: 1 100%;}
.philosophy-list > li .circle-in {text-align: left; width: 100%; margin-left: unset;}
.philosophy-list > li:nth-child(2n + 1) .circle-in {flex-direction: unset; text-align: left; margin-right: unset; margin-left: unset;}
.philosophy-list > li .circle-in .txt-area {width: 100%;}

.subM_high {flex-wrap: wrap;}
.subM_high .inn {width: 100%;}

.subM_type {flex-wrap: wrap;}
.subM_type .left,
.subM_type .right {width: 100%;}

.subM_faq .faq_list {width: 100%;}

.realimg_list {flex-wrap: wrap;}
.realimg_list li {flex: 1 30.3%;}

.prod_list3N_wrap {flex-wrap: wrap;}
.prod_list3N_wrap .prod_list3N {flex: 1 100%;}


.pbx_top {flex-wrap: wrap; gap: 2em;}
.pbx_top .img {width: 100%; text-align: center;}

.iconList ul {flex-wrap: wrap;}
.iconList li {width: calc((100% - 2em) / 2);}

.mission_list > li {flex: 1 47%; max-width: 49%;}
.mission_list.gsClass.accordion2 .el:nth-child(1){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(2){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(3){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(4){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(5){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(6){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(7){ transform:translate(0,0)}
.mission_list.gsClass.accordion2 .el:nth-child(8){ transform:translate(0,0)}

.office_list3 {flex-wrap: wrap;}
.office_list3.w2 li {flex: 1 100%; text-align: left; gap: 2em; padding: 1em 1.5em;}
.office_list3 li .t1 {margin-top: unset;}

.office_list4 {flex-wrap: wrap;}
.office_list4 li {max-width: 32.3%;}
.office_list4 li .t2 {width: 90%; margin: 0 auto; min-height: 2.8em;}

.faq_list2 {flex-wrap: wrap;}
.faq_list2 li {flex: 1 100%;}
.faq_list2 li .tt {width: 75%;}

.mainProd {flex-wrap: wrap;}
.mainProd.st1 .el {flex: 1 31.3%; max-width: 32.3%;}

.eventN_title,
.eventN_wrap {width: 86% !important;}
.eventN_fix {width: 100% !important; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0%);}
.eventN_wrap {padding: 2em 1em;}

.pbx_bottom .list {flex-wrap: wrap;}
.pbx_bottom .list li {flex: 1 48%; max-width: 49%;}

.subM_dep > li {flex: 1 26.3%; max-width: unset;}

.mainAbout .about {flex-wrap: wrap;}
.mainAbout .about > li {flex: 1 48%;}
.mainAbout .about.on > li:nth-child(even) {margin-top: unset;}
.mainAbout .about > li .bg {height: 20vh;}

.tel_estimate .estima_listN > .box_con > .title_box > .tt {font-size: 1.5em;}
.tel_estimate .estima_listN > .box_con > .info_wrap {flex-wrap: wrap;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .img_con {width: 100%; max-width: 100%;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info {width: 100%; padding-left: unset; background: #f4f4f4; padding: 1em 0;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info > .sale_p {font-size: 1.5em;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info .ecol {display: none;}

.gsClass.on .subMBusiSlide .el .bg {margin-left: unset; height: 50vw;}
.mainAbout .about > li:first-child .bg {border-top-left-radius: 5vh;}
.mainAbout .about > li:last-child .bg {border-bottom-right-radius: 5vh;}

.eventN_title {font-size: 1.5em;}
.eventN_wrap .eventN_con .eventN_item .choice .t1 {font-size: 1.25em; width: 80%;}
.eventN_wrap .eventN_con .eventN_item .choice .t2 {font-size: .9em;}
.eventN_wrap .eventN_con .eventN_item .choice .t3 {font-size: .76em;}
.eventN_wrap .eventN_con2 .con1 {padding: 1em;}

/* main */

.main_con {padding: 2em 0;}

.flex_box.s1 {margin: unset;}
.flex_box .fst4>li { flex: 1 1 48%; max-width: 50%;}
.business_wrap .business_list > li > .in {margin: unset;}
.business_wrap .business_list > li > .in > .bg_con {height: 10em;}
.business_wrap .business_list > li > .in > .bg_con > .more_txt {right: unset; left: 1em;}
.business_wrap .business_list > li > .in > .bg_con > .more_txt > .tit {font-size: 1.25em;}

.suggestion_bg .sug_tit {text-align: center;}
.suggestion_bg .call_num {justify-content: center;}

.inquirySlide_wrap .name,
.inquirySlide_wrap .name2 {display: none;}
.inquirySlide_wrap .title {width: 65%;}
.inquirySlide_wrap .type {width: 20%;}
.inquirySlide_wrap .title2 {width: 65%;}
.inquirySlide_wrap .name2 {width: 35%; text-align: center;}

.banner_wrap { gap: 1em; } 
.banner_wrap .banner_box {padding: 2em;}
.banner_wrap .banner_box > h1 {font-size: 1.8em; margin-bottom: .5em;}
.banner_wrap .banner_box > p {font-size: 1.125em; min-height: 2.7em;}
.banner_wrap .banner_box > p br {display: none;}
.banner_wrap .banner_box > p > .t1,
.banner_wrap .banner_box > p > .t2 {font-size: unset;}
.banner_wrap .banner_box .img_con > img {display: none;}
.banner_wrap .banner_box .btn-wrap {margin-top: 1em !important;}

/* .main_tab_wrap {display: none;} */
.fare_list li {flex: 1 48%;}
.fare_list li .in {flex-wrap: wrap; gap: 1.5em;}
.fare_list li .in .img {width: 100%;}
.fare_list li .in .img img {height: 5em;}
.fare_list li .in .tbox .t1 {font-size: 1.25em;}
.fare_list li .in .tbox .t2 .t2_2 {font-size: .96em;}
.fare_list li .in .btn {display: none;}

.fare_con2 {flex-direction: column-reverse;}
.fare_con2 .con_right,
.fare_con2 .con_left {width: 100%;}
.fare_con2 .con_left .fare_mtbox {display: flex; gap: .5em; flex-wrap: wrap; height: 5em;}
.fare_con2 .con_left .fare_mtbox .tt3 {flex: 1 20%; font-size: .8em; line-height: unset;}

.plus_listN>li>.inbox {flex-wrap: wrap; height: 18em; padding:unset;}
.plus_listN>li>.inbox>.img_con {width: 100%; height: unset;}
.plus_listN>li>.inbox>.img_con>img {height: 5.5em;}
.plus_listN>li>.inbox>.img_con .name {font-size: .96em;}
.plus_listN>li>.inbox>.txt_con {width: 100%;}
.plus_listN>li>.inbox>.txt_con>.t1 {font-size: 1em;}
.plus_listN>li>.inbox>.txt_con>.t2 {font-size: 1.25em;}

.gsClass.listShow .el{ transform:translateY(20vmin); opacity:0; transition:.5s}

html.pop .popWrap .popIn.st2 {padding: 1em 0em 2em 0em;}
}

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


.page_con { width: 100%; } 
/*border*/
.board_search .total { display: none; } 
.board_search .search .inp { width: 44em; } 
.board_search .search .input_st:not(.btn) { width: 100%; } 

/*main*/
.notice_wrap { gap: 2em; flex-direction: column; } 
.notice_wrap .inquiry_con { width: 100%; } 
.notice_wrap .notice_con { width: 100%; } 

.suggestion_bg .sug_tit > p { font-size: 1.5em; } 
.suggestion_bg .call_num > i { font-size: 2em; } 
.suggestion_bg .call_num > .num { font-size: 1.5em; } 

.suggestion_bg .sug_img { bottom: -7px; height: 15em; } 
.suggestion_bg .sug_img > img { width: 25em; } 
.flex_box .fst2>li { flex: 1 1 100%; max-width: 100%; } 

/*tel*/
.tel_benefit .benefit_list { gap: 2em; } 
.FlexWrap .wrapTit { width: 100%; box-sizing: border-box; } 
/*center*/
.sub_serving .con2_box li { width: 100%; } 

.stepList_wrap {flex-wrap: wrap;}
.stepList {flex: 1 100%;}
.subM_support .list > li {width: calc(50% - 1.4em);}

.office_list li {gap: 1.5em;}
.office_list li .icon {margin-bottom: unset; width: 3em;}
.office_list li .tit {font-size: 1.125em; margin-bottom: .5em;}

 }

 @media screen and (max-width:960px){
 .img_wrap2 { flex-direction: column; } 
.img_wrap2.w2 li { width: calc(100% - 0.5em); } 
.img_wrap2.w50 { flex-direction: row; } 
.img_wrap2.w50 li { width: calc(50% - 0.5em); } 
.num_wrap2 .num_con { width: 100%; } 
.num_wrap2.w2 .num_con { flex: 1 100%; } 
.tel_banner .text_wrap .t1 { font-size: 1.8em; } 
.tel_banner .text_wrap .t2,
.tel_banner .call_num > p { font-size: 2em; } 
 }

@media screen and (max-width:880px){
 .board_search .search .inp { width: 40em; } 
 .tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .ext { font-size: 0.6em; } 

.office_list {flex-wrap: wrap;}
.office_list li {flex: 1 100%; padding: 1em;}
.office_list4 li {max-width: 100%;}

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

/***********************/
/*SUB ******************/
#contents .sub_page_top { height: 20em; } 
.board_search .search .inp { width: 40em; } 

/* 요금제 */
/* 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; } 

/*  */
.box1 {}
} 


@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******************/ 

.tel_banner .hu_img { display: none; } 
.talent_people li { flex: 1 40%; } 
.tel_banner .text_wrap { padding-left: 0; } 
.tel_banner .call_num { right: 2em; } 

/*tel*/
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { left: 1em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .owner { font-size: 1.5em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .call_num { font-size: 2em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ori_p { font-size: 1.65em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p { font-size: 1.65em; } 

/*center*/
.table_wrap { width: 100%; overflow-x: scroll; } 
.w_form_tit { width: 20%; } 
.w_date { width: auto; } 
.w_auto { width: auto; } 
.w_name { width: auto; } 
li.con2 .in { /* padding: 0 0.5em; */
 box-sizing: border-box; border-radius: 10px; flex-direction: column; } 
.FlexWrap .wrapTit.st2 { width: 75%; } 
.talent_people.w2 li { flex: unset; width: 100%; } 
.iconbg { padding: .5em; background-color: #fff; min-height: auto; border: 1px solid #ccc; } 
.re-circle-wrap.st1 .list > li { width: 30%; } 
.icon_circle { flex-direction: column; align-items: center; } 
.icon_circle>li { width: 100%; } 
.icon_circle>li .cir_plus { top: 106%; right: 44%; } 
/* 고객지원 */
.downloadLink { padding: 0; } 

/* new */
/* .main_tab_wrap .tab > li .in {padding: 1em 0; font-size: .7em;} */

.center_list3 {flex-wrap: wrap;}
.center_list3 li {flex: 1 100%;}
.center_list3 li .img img {width: 150px;}

.ptell_con2 {flex-wrap: wrap; gap: 3em;}
.ptell_con2 .img_wrap {width: 100%;}

.example_listN.res_st2 li {flex: 1 100%; max-width: 100%;}

.security_con {flex-wrap: wrap;}
.security_con .con {width: 100%;}
.security_con .arrow {transform: rotate(180deg);}

.ren_inquiry {flex-wrap: wrap;}
.ren_inquiry .img_con {width: 100%;}
.ren_inquiry > .ren_form {width: 100%;}

.table_form .wrap_in {flex-wrap: wrap;}
.table_form .wrap_in .tit_wrap {width: 100%; padding: 0;}
.table_form .wrap_in .tit1 {width: 100%; display: block;}
.table_form .wrap_in .tit1 br {display: none;}
.table_form .wrap_in .con_wrap {flex: unset; width: 100%;}
.table_form .wrap_in .con_wrap .w2 {width: 30%;}

.ren_info .con {flex-wrap: wrap;}
.ren_info .con > .img_con {width: 100%;}
.ren_info .con > .ren_infoC {width: 100%;}

.con4_wrap .con4_section {flex-wrap: wrap;}
.con4_wrap .con4_section .tit {width: 100%; padding-right: unset;}
.con4_wrap .con4_section .con {flex: unset; width: 100%;}

.board_table .w_name,
.board_table .w_date {display: none;}
.w_no {width: 4em;}

.board_search .search {flex-wrap: wrap; gap: .5em; width: 100%;}
.board_search .search .select,
.board_search .search .inp,
.board_search .search .input_st {width: 100%;}

.sqbox_R {flex-direction: column; gap: unset;}
.sqbox_R .leftwrap,
.sqbox_R .rightwrap {width: 100%;}
.sqbox_R .leftwrap .tit55 {font-size: 1.8em; margin-bottom: unset;}
.sqbox_R .leftwrap .imgcon {display: none;}

 }

@media screen and (max-width:780px) {
.db780 {display: block;}

.div-container { width:100%; overflow:auto; /*white-space:no-wrap;*/}
.div-container .divCon1 {display: block; width: 710px;}

 }

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

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

.page_txt .t3 { font-size: 20px; } 
/***********************/
/*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%; } 

.plus_list { flex-direction: column; } 
.plus_list>li { position: relative; width: 100%; } 
.plus_list>li .benefit_plus { position: absolute; display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; background: var(--siteC); border-radius: 50%; right: 50%; z-index: 2; top: 95%; transform: translateX(50%); } 
/***********************/
/*SUB******************/
.fs25 { font-size: 1.3em !important; } 
/*렌 간편견적*/
.ren_inquiry { flex-direction: column; gap: 2em; } 
.ren_inquiry > .ren_form,
.ren_inquiry > .img_con { width: 100%; } 

/*설치 사례*/
.tel_example .example_list > li { flex: 1 1 100%; max-width: 100%; } 

.chklist { flex-direction: column; } 
.conw50 { width: 100%; } 

/* 서비스소개 공통 */
.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; } 

.ren_con3 { gap: 1em; flex-wrap: wrap; align-items: center; justify-content: center; } 
.ren_con3 .list { width: 55%; } 

/* 전화기제품 */
.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; } 

.flex_box .fst3>li { flex: 1 1 100%; max-width: 100%; } 

/* 지니티비 */
.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; } 

/*하이오더*/
.type_wrap { flex-direction: column; } 
.type_wrap .left,
.type_wrap .right { width: 100%; } 
/* 상담신청 */
.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; } 

.service_container .lbs_wrap > .infoC > .infoC_list > li:nth-child(1) { border-right: none; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li { border-bottom: 1px solid #ddd; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li:nth-child(3) { border-right: none; } 

/* new */
.pbx_bottom .list {flex-wrap: wrap;}
.pbx_bottom .list li {flex:1 100%; max-width: 100%;}

.recom_list2.w2 li {flex: 1 49%;}
 }

@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******************/

/*center*/

.tel_example .example_list { justify-content: center; flex-direction: column; } 

.roslate90 { transform: translateY(-25px) rotate(90deg); } 
.tt.fs25 { font-size: 2em; padding: .3em 0; } 
.tt.fs23 { font-size: 1.8em; padding: .3em 0; } 
li.con2 .in { flex-direction: column; } 

/*보안솔루션*/
.sub_serving .con2_box { flex-direction: column; } 
.sub_serving .con2_box li { width: 100%; } 
.sub_serving .con2_box.w3 li { width: 50%; } 
.sub_serving .con2_box.w2 li { width: 50%; } 

/*로봇*/
.prod_list { gap: 1em; width: 100%; flex-wrap: wrap; } 
.prod_list li { width: 47%; background: #f4f4f4; padding: 3em; text-align: center; box-sizing: border-box; } 

.prod_list2 li { width: calc(100% - 1em); } 
/* 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:690px){
.page_tit.infoT { display: flex; flex-direction: column; align-items: flex-start; } 
.tel_example .example_list { justify-content: center; } 
.tel_banner .text_wrap .t1 { font-size: 1.85em; } 
.tel_banner .text_wrap .t2 { font-size: 2.5em; font-weight: 800; } 
.tel_banner .call_num > p { font-size: 2.5em; } 
.page_tit .t2 { font-size: 20px; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .sale_p { font-size: 1.4em; } 
 }
@media screen and (max-width:640px){
.dp1_telephone.dp2_tell .fixWrap {height: 7.5em;}
.fixWrap {height: 7.5em;}

.suggestion_bg .sug_img { bottom: -7px; height: 12em; } 
.suggestion_bg .sug_img > img { width: 20em; } 

.tel_estimate .estima_list > .box_con > .info_wrap > .img_con { width: 50%; min-width: 50%; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info { position: relative; width: 40%; padding-left: 5em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { left: 0em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p > .price { font-size: 1.55em; } 

.process_wrap .process_list > li > .p_arrow { right: -1.65em; } 

/*로봇*/
.prod_list3 { flex-direction: column; } 

.prod_list3 .left,
.prod_list3 .right { width: 100%; } 
/*border*/
.re-circle-wrap.st1 .list > li { width: 35%; } 
 }
 @media screen and (max-width:650px) { /* :root { --fullWidth: 98%; --baseWidth: 96vw; } */
 .pay_bannerW .pay_banner .txt_wrap > .t2 { font-size: 2.5em; } 
 .pay_bannerW .pay_banner .tell_wrap > .tel_num { font-size: 2.75em; } 
 .page_tit .t1 { font-size: 36px; } 

 /* main */
.banner_wrap {flex-wrap: wrap;}
.banner_wrap .banner_box {width: 100%; padding: 1.5em;}
.banner_wrap .banner_box > h1 {font-size: 1.6em;}
.banner_wrap .banner_box > p {min-height: unset; font-size: 1em; font-weight: 600;}
.banner_wrap .banner_box .btn-wrap .btn {border-radius: .5em; padding: .5em 1em;}

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

.text_GapList > li > .Txt > .txt { font-size: 12px; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .ext { font-size: 0.5em; } 
/* 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_serving .con1_tit .t2 { font-size: 2em; } 
/***********************/
/*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%; } 

/*tel*/
/* .process_wrap .process_list > li > .in > .icon_box { width: 17em; height: 17em; } 
.process_wrap .process_list > li > .in > .icon_box > img { width: 6.5em; } 
.process_wrap .process_list { flex-direction: column; gap: 3em; } 
.process_wrap .process_list > li { } 
.process_wrap .process_list > li > .p_arrow { position: absolute; top: 107%; transform: translateY(-50%) rotate(90deg); right: 46%; } */
.process_wrap .process_list > li > .in > .icon_box { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 8em; height: 8em; background: transparent; border-radius: 50%; position: relative; z-index: 100; } 
.process_wrap .process_list > li > .in > .icon_box.tp1::before { content: ""; position: absolute; top: -1%; left: -1%; width: 8em; height: 8em; background: var(--siteC2); border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box.tp2::before { content: ""; position: absolute; top: -1%; left: -1%; width: 8em; height: 8em; background: var(--siteC); border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box.tp3::before { content: ""; position: absolute; top: -1%; left: -1%; width: 8em; height: 8em; background:#ff2272; border-radius: 50%; z-index: 9; }
.process_wrap .process_list > li > .in > .icon_box.tp4::before { content: ""; position: absolute; top: -1%; left: -1%; width: 8em; height: 8em; background:#d802d9; border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box::after { content: ""; position: absolute; top: 11%; left: 12%; width: 6em; height: 6em; background: #fff; border-radius: 50%; z-index: 10; } 
.process_wrap .process_list > li > .in > .icon_box > img {width: 3.5em;}
/*center*/

.page_tit .t3 { font-size: 12px; } 
.con2 > .wrap_idx > .st2 > li .tt { display: inline-block; cursor: pointer; font-size: 0.75em; padding: 0 .8em; color: #333; box-sizing: border-box; } 

/* 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; } 
/*보안솔루션*/
.security_con1 { flex-direction: column; } 
.security_con1 .inn { width: 100%; } 

/* 고객지원 */
.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%; } 

/* new */
.dn600 {display: none !important;}
.db600 {display: block !important;}
.df600 {display: flex !important;}

.subVisualSlogan_wrap2 .slogan .wrap_in .tit {font-size: 3em;}

.subM_tit {margin-bottom: 2em;}
.subM_tit .t1 {font-size: 22px;}
.subM_tit .t1.phone_tit {font-size: 18px;}
.subM_tit .t1 br {display: none;}
.subM_tit .t2 {font-size: 30px;}
.subM_tit .t3 {font-size: 16px;}
.subM_tit .tt1 {font-size: 1em;}
.subM_tit .tt3 {width: 70%; margin: 0 auto; font: 1.05em; line-height: 1.4;}
.subM_tit .t3.phone_tit {font-size: 22px;}

.centerN_tab {flex-wrap: wrap;}
.centerN_tab li {flex: 1 33.3%; padding: 1em;}
.centerN_tab li:nth-child(1),
.centerN_tab li:nth-child(2),
.centerN_tab li:nth-child(3) {border-bottom: 1px solid #ddd;}

.center_list li {flex: 1 100%; max-width: 100%;}
.center_list li .t2 {min-height: unset;}
.center_list2 li .tbox {width: 100%;}
.example_listN li {flex: 1 100%; max-width: 100%;}
.example_listN li .img_con {height: 11em;}
.example_listN.st2 li {flex: 1 100%;}
.example_listN li .text_con .txt {width: 75%; margin: 0 auto;}

.ptell_list li .tit span {display: block;}
.ptell_list li .tt br {display: none;}

.mission_list > li {flex: 1 43%; max-width: 48%;}
.mission_list > li .in .con_wrap .t1 {font-size: 1.25em;}
.mission_list > li .in .con_wrap .t2 {font-size: .9em;}
.mission_list > li .in .con_wrap .t2 br {display: none;}

.board_st2 th,
.board_st2 td>.tt3,
.board_st2 td>.tt {font-size: .9em;}

.subM_circle .circleItem .item_wrap .icon .in.w2 {width: 4em; height: 4em;}
.subM_circle .circleItem .item_wrap .txt .t1 {font-size: 1.05em;}

.recom_tit .icon {width: 4em;}
.recom_tit .right_ti .tit {margin-bottom: unset;}

.service_list {flex-wrap: wrap;}
.service_list li {width: 100%;}

.subM_circle .circleItem .item_wrap .icon .in {width: 5em; height: 5em;}
.mainProd.st1 .el {flex: 1 100%; max-width: 100%;}
.mainProd.st1 .el .img_wrap .resize {height: 30vw;}
.mainProd.st1 .el .con_wrap .t1 {margin: unset;}

.priceinfo {flex-wrap: wrap;}
.priceinfo > * {flex: 1 100%;}

.internet_list {flex-wrap: wrap;}
.internet_list li {flex: 1 100%;}

.mainAbout .about > li {flex: 1 100%;}
.subM_support .list > li {width: 100%;}

.subM_mincon.bg3,
.subM_mincon.bg6 {padding: 2em 1em;}

.dp1_internet.dp2_corporate .recom_tit .icon {display: none;}
.dp1_internet.dp2_corporate .recom_tit .right_ti {width: 100%;}
.dp1_internet.dp2_corporate .recom_tit .right_ti .tit {margin-bottom: .5em;}

/* .office_list3 li {flex: 1 100%;} */
/* .office_list3 li .t2 {width: 95%; margin: 0 auto; min-height: 4.2em;}
.office_list3 li .t2 br {display: none;} */

.faq_list2 li .top .people {width: 5em; height: 5em;}
.faq_list2 li .top .people img {width: 3em;}

.subM_after {flex-wrap: wrap; justify-content:center;}
.subM_after .con {width: 100%;}
.subM_after .con.st1 {width: 60%;}
.subM_after .con.st2 {width: 100%;}
.subM_after .arrow {transform: rotate(180deg); text-align: center; display: block; width: 100%;}

.stepList_wrap .stepTit {width: 30%; padding: 1em;}
.stepList > li {width: calc((100% - 4em) / 2);}

.prod_list2 li .in {flex-wrap: wrap; gap: 1em;}
.prod_list2 .in .img_box,
.prod_list2 .in .detail_box {width: 100%;}

.ptell_list2 li {flex: 1 100%;}
.gift_list li {flex: 1 100%;}

.bottom_area .number {font-size: 3em;}
.bottom_area .txt_box {font-size: 32px;}

.office_list2 {flex-wrap: wrap;}
.office_list2 li {flex: 1 100%;}

.subM_about .wrap_con .circle {gap: 1em;}
.subM_about .wrap_con .circle .obj {flex: 1 47%; max-width: 49%; width: unset; height: unset; border-radius: .8em; padding: 1.5em 0;}
.dp1_homeinternet.dp2_home .subM_about .wrap_con .circle .obj {flex: 1 28.3%; max-width: 31%;}

.bottom_area2 .txt_box {font-size: 33px;}
.iconList li {width: 100%; padding: 20px 30px;}
.iconList li::before{font-size: 80px;}

.subM_con .in_bg2 {padding: 1.5em;}

.eventN_wrap .eventN_con .eventN_item .choice {flex-wrap: wrap; gap: .5em;}
.eventN_wrap .eventN_con .eventN_item .choice li {padding: 1em .5em;}
.eventN_wrap .eventN_con .eventN_item .choice .t1 {font-size: 1em;}
.eventN_wrap .eventN_con .eventN_item .choice.con1 .t1 {min-height: 2.4em;}
/* .eventN_wrap .eventN_con .eventN_item .choice li {flex: 1 48%; max-width: 49%;} */

.pbx_bottom .list li {padding: 2em; gap: 1em;}
.pbx_bottom .list li .icon {margin: unset; }
.pbx_bottom .list li .tbox {flex: 1;}

.recom_list2.w2 li {margin-bottom: .5em;}
.recom_list2.w2 li:last-child {margin-bottom: unset;}
.recom_list2.w2 li .left {width: 40%;}
.recom_list2.st2 li .t2 {padding: unset;}

.center_list li {margin-bottom: .5em;}
.center_list li:last-child {margin-bottom: unset;}
.center_list li .tbox {width: 40%;}
.center_list li .t2 {flex: 1;}

.tel_estimate .estima_listN > .box_con > .title_box {z-index: 10;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info > .owner {font-size: 16px;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info > .call_num {font-size: 25px;}

.philosophy-list > li .circle-in {padding: .875em 1em;}
}
 @media screen and (max-width:560px){

/*tel*/
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .owner { font-size: 1.2em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .call_num { font-size: 1.8em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ori_p { font-size: 1.35em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p { font-size: 1.35em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { left: 1.5em; } 


.tel_banner .text_wrap .t1 { font-size: 1.8em; } 
.tel_banner .text_wrap .t2 { font-size: 2.15em; } 
.tel_banner .call_num > p { font-size: 2.15em; } 

.pay_bannerW .pay_banner .txt_wrap > .t1 { font-size: 1.85em; } 
.pay_bannerW .pay_banner .txt_wrap > .t2 { font-size: 1.8em; } 
.pay_bannerW .pay_banner .txt_wrap > .t3 { font-size: .8em; } 
.pay_bannerW .pay_banner .tell_wrap > .tel_num { font-size: 2em; } 

.page_tit .t1 { font-size: 30px; } 
.page_txt .t6 { margin-bottom: 1em; font-weight: 500; font-size: 14px; } 
.icon_circle>li .in { gap: 1em; min-height: 18.5em; min-width: 14.5em; } 
.icon_circle>li .cir_plus { top: 109%; right: 42%; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .sale_p { font-size: 1.2em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { left: 0em; width: 2em; height: 2em; } 

.ren_con3 .list { width: 75%; } 
.text_GapList > li > .Tit > .tt { color: var(--siteC); font-size: 14px; font-weight: 600; } 
.fs23 { font-size: 1.18em !important; } 
.text_GapList > li > .Tit > .tt { color: var(--siteC); font-size: 14px; font-weight: 600; } 

.special_list > li > .in { margin: 0 0 2em 0 !important; } 
.ptell_benefit .benefit_list > li > .in { flex-direction: column; } 

.table_form .wrap_in .con_wrap > .label_select {width: 90%; flex: unset;}
.table_form .wrap_in .con_wrap .w3 {width: 100%;}
.table_form .wrap_in .con_wrap  .ren_price {flex: 1;}

 }


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

#header .logo > .in {gap: 0 .5em;}
#header .logo > .in img {width: 1.5em;}
#header .logo > .in .logo_tt {font-size: 1.250em;}
#header .num {font-size: 1.05em;}

/* 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%; } 

.suggestion_bg .sug_img { display: none; } 
.suggestion_bg .sug_tit {left: 50%; transform: translate(-50%, -50%); width: 55%;}

.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .ext { font-size: 0.3em; } 

/***********************/
/*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; } 

/**/
.tel_banner .text_wrap .t1 { font-size: 1.5em; } 
.tel_banner .text_wrap .t2 { font-size: 2em; font-weight: 800; } 
.tel_banner .call_num > p { font-size: 2em; } 

.pay_bannerW .pay_banner .txt_wrap > .t3 { font-size: .75em; } 

/**/

.pay_bannerW .pay_banner .txt_wrap > .t1 { font-size: 1.5em; } 
.pay_bannerW .pay_banner .tell_wrap > .xi { font-size: 2.5em; } 
.pay_bannerW .pay_banner .tell_wrap > .tel_num { font-size: 1.8em; } 
/* 전화기제품 */
.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%; } 

/*렌 간편견적*/
.ren_info .con { flex-direction: column; align-items: start; } 
.ren_info .con > .img_con { width: 100%; height: 15em; } 

/*  */
.recom_list2 li {flex: 1 100%;}
.dp1_internet.dp2_security .recom_list2 li {display: flex; align-content:center; align-items:center; padding: 1em; gap: 1em;}
.dp1_internet.dp2_security .recom_list2.st2 li .icon {margin-top: unset;}

.recom_list2.st2 li .t1 {font-size: .96em;}
.recom_list2.st2 li .t1 br {display: none;}

.service_list2 li {flex: 1 100%;}

.subM_mincon.bg3.phone_st {background: unset; border-radius: unset; overflow: unset; padding: unset;}

.plus_listN>li>.inbox {height: 14em;}
.plus_listN>li>.inbox>.img_con>img {height: 3.5em;}
.plus_listN>li>.inbox>.img_con .name {font-size: .86em;}
.plus_listN>li>.inbox>.txt_con>.t2 {font-size: 1.05em;}
.plus_listN>li .benefit_plus {width: 1.7em; height: 1.7em; right: -1.2em;}

.recom_tit {gap: 1em;}
.recom_tit .right_ti .tit {font-size: 1.6em;}

.tel_estimate .estima_listN > .box_con > .title_box > .tt {font-size: 1.125em;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .img_con {height: 10em;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .img_con > img {width: unset; height: unset; object-fit: unset;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info {padding: .3em 0;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info > .sale_p {font-size: 1.2em;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info > .sale_p > .price {font-size: 1.5em;}
.tel_estimate .estima_listN > .box_con > .info_wrap > .price_info > .ori_p {font-size: 1.125em;}


 }
 @media screen and (max-width:480px){
 .re-circle-wrap.st1 .list > li { width: 40%; } 
 .sub_tt.dot { font-size: 11px; } 
 .sub_tt.dot:before { top: 4px; } 

 .inquirySlide_wrap .inquirySlide .el {padding:.65em 1em; font-size: .9em;}
 .inquirySlide_wrap .date {width: 30%;}

 }
 
 .grayB { padding: 1.5rem; } 
 .service_container > .con > .infoW { padding: 1.5em 0em; } 

@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; } 
.pay_bannerW .pay_banner .tell_wrap > .xi { font-size: 2em; } 
.pay_bannerW .pay_banner .txt_wrap > .t2 { font-size: 1.5em; } 
.pay_bannerW .pay_banner .tell_wrap > .tel_num { font-size: 1.5em; } 

/***********************/
/*SUB******************/
.resize.s5 { padding-bottom: 66%; } 
.main_txt .t9 { font-size: 2em; } 
.page_tit .t1 { font-size: 24px; } 

.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%; } 

.tel_banner .text_wrap .t1 { font-size: 1.1em; } 

.process_wrap .process_list { flex-direction: column; gap: 3em; } 

.process_wrap .process_list > li > .p_arrow { position: absolute; top: 107%; transform: translateY(-50%) rotate(90deg); right: 46%; } 

/* ai로봇 */
.img_list > li { flex-direction: column; align-items: center; } 
.img_list > li .txt_wrap { text-align: center; } 
.fs24 { font-size: 1.1em !important; } 
.icon_circle>li { width: calc(100%); } 
.tel_banner .text_wrap .t2 { font-size: 1.8em; } 
.tel_banner .call_num > .xi { font-size: 2em; } 
.tel_banner .call_num > p { font-size: 1.8em; } 

.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ori_p { font-size: 1.05em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p { font-size: 1.05em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ext { font-size: .9em; text-align: center; color: #999; font-weight: 500; margin-top: .75em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { width: 2em; height: 2em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .owner { font-size: 1em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .call_num { font-size: 1.3em; } 
.tel_estimate .estima_list > .box_con > .title_box > .tt2 { font-size: 1em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .sale_p { font-size: .9em; } 

.flex_box .fst6 { flex-wrap: wrap; } 
.flex_box .fst6>li { flex: 1 1 44%; } 

.service_container .simple_list > li > .in { } 


.btn-wrap .btn { position: relative; padding: .65rem 1rem; background: #f9f9f9; color: #fff; display: flex; align-items: center; gap: 0.75rem; border-radius: 5px; text-align: center; } 
 }
@media screen and (max-width:410px){

.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ori_p { font-size: 1em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p { font-size: 1.15em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ext { font-size: .75em; text-align: center; color: #999; font-weight: 500; margin-top: .75em; } 

/* .process_wrap .process_list > li > .p_arrow { right: 43%; }  */

.re-circle-wrap.st1 .list > li { width: 45%; } 
.tel_banner .text_wrap .t1 { font-size: 1em; } 
.tel_banner .text_wrap .t2 { font-size: 1.5em; } 
.tel_banner .call_num > p { font-size: 1.5em; } 

.ren_con3 .list { width: 100%; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .sale_p { font-size: .7em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { width: 1em; height:1em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol > .xi { font-size: 1em; } 
 }

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

.main_txt .t9 {font-size: 1.8em;}
.suggestion_bg .sug_tit {width: 94%;}


}