@media screen and (max-width:1400px){
	br.pc_vw {display:none;}
/* header */
	.header .gnb li > a span {padding:0 15px;}
/* footer */
	.quick {right:20px; width:110px;}
/* main */
	.mvisual .slick-prev {left:20px; margin-left:0;}
	.mvisual .slick-next {right:20px; margin-right:0;}
	.mvisual_wrap .mv_txt p {font-size:18px; line-height:28px;}
	.mvisual_wrap .mv_txt strong {font-size:52px; line-height:66px; margin:10px 0 25px;}
	.mc01 .main_business {gap:40px;}
	.mc01 .main_business .jq_tab {width:380px;}
	.mc02 .links {gap:28px;}
	.mc02 .links a {width:calc((100% - 56px)/3); height:460px;}
	.mc03 .box {padding:100px 60px 80px;}
	.mc03 span {font-size:16px;}
	.mc03 strong {font-size:28px; line-height:36px;}
	.mc03 .btns {gap:20px;}
/* sub */
	.svisual {height:600px;}
	.svisual strong {font-size:50px;}
/* 페이지 상단 이미지 영역 */
	.page_top {height:360px; gap:20px;}
	.page_top strong {font-size:35px;}
/* CEO 인사말 */
	.greeting {gap:40px;}
	.greeting > * {width:calc(50% - 20px);}
	.greeting .tit {font-size:30px; margin-bottom:35px;}
/* 회사개요 */
	.core_values {gap:20px;}
	.core_values dl {width:calc((100% - 40px)/3);}
/* 연혁 */
	.history:before {left:300px;}
	.history dt {width:300px; padding-left:70px; font-size:42px; line-height:54px;}
	.history dd {width:calc(100% - 300px);}
/* 조직도 및 인증현황 */
	.organization .boxs {gap:20px;}
	.organization .boxs1 .box,
	.organization .department {width:calc((100% - 80px)/5);}
/* 인증현황 */
	.certification {gap:50px 20px;}
	.certification li {width:calc((100% - 40px)/3);}
	.certification .img {height:400px; padding:35px;}
/* 주요고객 */
	.customers {gap:20px;}
	.customers li {width:calc((100% - 60px)/4);}
/* 오시는 길 */
	.map_txt .txt {width:43%;}
	.map_txt .con {width:57%;}
	.map_txt .con .i {padding-left:110px; font-size:16px; line-height:50px;}
	.map_txt .con .i:before {width:50px;}
	.map_txt .con .i strong {left:60px;}
/* 네트워크&보안 */
	.glbox_area {gap:30px; margin-top:150px;}
	.glbox_area .gbox,
	.glbox_area .glbox {width:calc(50% - 15px);}
	.glbox.mt {margin-top:50px;}
	.gbox .tit,
	.glbox .tit {font-size:30px; margin-bottom:40px;}
/* 통합보안 */
/* 코닝 */
	.corning01 .txt {padding:40px 30px;}
	.corning01 li {padding:35px 0;}
	.corning01 .tt {font-size:20px; line-height:40px; margin-bottom:12px;}
	.corning01 .tt span {height:42px; line-height:42px; font-size:18px;}
/* 전국통합유지보수 */
	.maintenance02 dt {width:180px; font-size:20px;}
	.maintenance02 dd {width:calc(100% - 180px); font-size:18px;}
/* 장애접수 */
}

/* hover */
@media screen and (min-width:1024px){
	.header .gnb li:hover > a span:after {left:0; width:100%;}
	.header .snb a:hover {color:var(--iden); font-weight:700;}
	.header .langs dd a:hover {color:var(--iden); font-weight:600;}
	.header.hover {border-bottom:#f6f6f6 1px solid;}
	.header.hover:before {width:100%;}
	.header.hover .bg  {height:368px;}
	.header.hover .logo {background-image:url('/images/logo.png');}
	.header.hover .logo img {opacity:0;}
	.header.hover .gnb li > a {color:#222;}
	.header.hover .gnb li.on > a {color:var(--iden);}
	.header.hover .gnb li.on > a span:after {background:var(--iden);}
	.header.hover .gnb li:hover > a {color:var(--iden);}
	.header.hover .gnb li:hover > a span:after {background:var(--iden);}
	.header.hover .snb {padding:20px 0; height:268px;}

	.aside a:hover {color:var(--iden);}
	.aside a:hover:after {width:100%;}
	.depth a:hover {color:#fff; background:var(--iden2); border-color:var(--iden2);}
}

/* tablet */
@media screen and (max-width:1023px){
/* header */
	.header .inner {height:80px;}
	.header .logo {line-height:80px;}
	.header .logo img {height:60px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:80px; height:80px; z-index:20;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:3px; background:#fff; border-radius:2px; margin:-1px 0 0 -12px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-9px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:7px;}
	.header.on .btn_menu p {background:#000;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .gnb,
	.header .gnb .black {position:fixed; top:0; width:100%; height:100%; transition:.2s linear;}
	.header .gnb {right:-100%; padding-left:25%; z-index:10;}
	.header.on .gnb {right:0;}
	.header .gnb .black {left:-100%; background:#000000b3;}
	.header.on .gnb .black {left:0;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; flex-direction:column; justify-content:flex-start; align-items:flex-start; padding-top:80px;}
	.header .gnb li {width:100%;}
	.header .gnb .menu {order:2;}
	.header .gnb li {border-bottom:#e1e1e1 1px solid;}
	.header .gnb li > a {position:relative; /* font-size:20px; */ color:#222; line-height:80px; padding:0 20px;}
	.header .gnb li > a.pc_vw {display:none !important;}
	.header .gnb li > a.mo_vw {display:block !important;}
	.header .gnb li > a.mo_vw:after {content:""; position:absolute; top:0; right:20px; width:13px; height:100%; background:#5f6368; mask:url('/images/arrow_langs.png') no-repeat 0 50% / contain; -webkit-mask:url('/images/arrow_langs.png') no-repeat 0 50% / contain;}
	.header .gnb li > a span {padding:0;}
	.header .gnb li.on > a {color:#000;}
	.header .snb {position:relative; top:0; height:auto; transition:none; border-top:#e1e1e1 1px solid; background:#f5f5f5; padding:10px 0; display:none;}
	.header .snb a {font-size:16px; line-height:36px; text-align:left; padding:0 30px;}
	.header .on .snb {display:block;}
	.header .langs {order:1; padding:0;}
	.header .langs dt {display:none;}
	.header .langs dd {position:relative; top:0; left:0; width:100%; padding:0; display:flex; border:none; background:#00599d; border-radius:0;}
	.header .langs dd a {/* font-size:14px; */ color:#fff; line-height:50px; width:50%; display:flex; justify-content:center; align-items:center; gap:10px;}
	.header .langs dd a + a {border-left:#fff 1px solid;}
	.header .langs dd a:before {content:""; width:20px; height:20px; background:#fff; mask:url('/images/icon_langs.png') no-repeat 0 50%; -webkit-mask:url('/images/icon_langs.png') no-repeat 0 50%;}
	.header.fixed .btn_menu p {background:#000;}
/* footer */
	.footer {padding-top:40px; font-size:14px;}
	.footer .top {padding-bottom:40px;}
	.footer .top .logo {margin-bottom:40px; width:200px;}
	.footer .top .info {line-height:24px;}
	.footer .top .info strong {font-size:15px;}
	.footer .top ul {gap:30px;}
	.footer .top li > a {font-size:15px;}
	.footer .top .snb {padding-top:18px;}
	.footer .top .snb a + a {margin-top:8px;}
	.footer .btm {padding:18px 0;}
	.quick {width:100px;}
	.quick .tit {font-size:14px; line-height:40px;}
	.quick a {padding:10px;}
	.quick a:before {height:18px; margin-bottom:10px;}
	.quick b {font-size:13px;}
	.quick p {font-size:14px;}
	.quick .i1:before {margin-bottom:6px;}
	.gotop {width:50px; margin-top:15px;}
/* main */
	.mvisual_wrap .mv_txt p {font-size:16px; line-height:24px;}
	.mvisual_wrap .mv_txt strong {font-size:38px; line-height:50px; margin:10px 0 20px;}
	.mvisual_wrap .scroll {bottom:40px; font-size:14px;}
	.mcon {padding:100px 0 80px;}
	.mtit {font-size:40px; margin-bottom:8px;}
	.mtit + p {font-size:16px; margin-bottom:50px;}
	.mc01 .main_business {gap:30px; flex-direction:column;}
	.mc01 .main_business .jq_tab {width:100%; display:flex; gap:10px; overflow:auto;}
	.mc01 .main_business .jq_tab li + li {margin-top:0;}
	.mc01 .main_business .jq_tab button {gap:15px; font-size:18px; line-height:70px; padding:0 20px; border-radius:15px;}
	.mc01 .main_business .jq_tab button b {font-size:16px;}
	.mc01 .main_business .cont .imgfit {border-radius:15px; margin-bottom:30px;}
	.mc01 .main_business .cont .tit {font-size:20px;}
	.mc01 .main_business .cont p {font-size:17px; line-height:22px; margin:15px 0;}
	.mc02 .links {gap:10px;}
	.mc02 .links a {width:calc((100% - 20px)/3); height:400px; border-radius:15px; gap:10px; padding:40px 20px;}
	.mc02 .links a:before {top:20px; right:20px; width:24px;}
	.mc02 .links p {font-size:16px;}
	.mc02 .links strong {font-size:28px;}
	.mc03 .box {padding:80px 20px 40px;}
	.mc03 span {font-size:14px;}
	.mc03 strong {font-size:22px; line-height:32px; margin:15px 0 40px;}
	.mc03 .btns {gap:10px;}
	.mc03 .btns a {font-size:16px; line-height:20px; padding-bottom:12px;}
/* sub */
	.svisual {height:400px;}
	.svisual strong {font-size:40px;}
	.svisual p {font-size:16px; margin-top:14px;}
	.svisual .location {margin-top:60px;}
	.svisual .location i {width:16px;}
	.svisual .location span {font-size:14px;}
	.aside a {font-size:15px; line-height:60px;}
	.aside a + a:before {height:20px;}
	.container {padding:70px 0 100px; font-size:15px; line-height:24px;}
	.container.inner {padding:70px 20px 100px;}
	.container .title {font-size:36px; margin-bottom:70px;}
	.ctit {margin:90px 0 35px;}
	.ctit p {font-size:14px; margin-bottom:10px;}
	.ctit strong {font-size:32px;}
	.ctit strong.s {font-size:26px;}
	.depth {gap:8px; margin-bottom:100px;}
	.depth a {font-size:16px; line-height:48px; height:50px; width:200px;}

	.tit2 {font-size:26px;}

	.gbox.pd {padding:50px 20px;}
	.glbox {padding:40px 20px;}
/* 테이블 */
	.tbl col.w240 {width:180px;}
	.tbl th,
	.tbl td {line-height:30px; padding:15px;}
	.tbl select.text,
	.tbl input.text {height:40px; padding:0 8px;}
	.tbl textarea.text {height:170px;}
	.tbl .w1 {width:500px;}
	.tbl .tel span {width:30px; line-height:40px;}
	.tbl .tel .text {width:130px;}
	.tbl .mail span {width:30px; line-height:40px;}
	.tbl .mail .text {width:calc(488px/3);}
	

/* 점선목록 */
	.dots_list p {padding-left:10px;}
	.dots_list p:before {top:11px; /* width:4px; height:4px; */}
/* 준비중입니다 */
	.coming_soon {height:300px; gap:15px;}
	.coming_soon .tit {font-size:35px;}
	.coming_soon p {font-size:16px;}
/* 페이지 상단 이미지 영역 */
	.page_top {height:340px; gap:15px; margin-bottom:25px;}
	.page_top strong {font-size:30px;}
	.page_top p {font-size:16px; line-height:24px;}
/* CEO 인사말 */
	.g01.s01 .title {margin-bottom:120px;}
	.greeting {gap:20px;}
	.greeting:before {top:-120px; right:-160px; width:300px;}
	.greeting > * {width:calc(50% - 10px);}
	.greeting .tit {font-size:26px; margin-bottom:25px;}
	.greeting .name {margin-top:50px; gap:8px;}
/* 회사개요 */
	.core_values {gap:10px;}
	.core_values dl {width:calc((100% - 20px)/3);}
	.core_values dt {gap:10px; height:100px;}
	.core_values dt strong {font-size:26px;}
	.core_values dt p {font-size:15px;}
	.core_values dt:after {bottom:-7px; width:14px; height:14px;}
	.core_values dd {padding:30px 20px 40px;}
	.core_values dd i {width:110px; margin-bottom:30px;}
	.core_values dd p {font-size:17px; line-height:26px;}
/* 연혁 */
	.history_top {font-size:30px; height:300px;}
	.history {padding:70px 0 111px;}
	.history:before {left:200px;}
	.history dl + dl {margin-top:140px;}
	.history dt {width:200px; padding-left:40px; font-size:34px; line-height:44px;}
	.history dd {width:calc(100% - 200px); padding-left:30px;}
	.history dd:before {/* top:10px; */ left:-4px; width:8px; height:8px;}
	.history dd p {font-size:16px; line-height:28px; padding-left:90px;}
	.history dd p + p {margin-top:8px;}
/* 조직도 및 인증현황 */
	.organization .ceo {width:200px; font-size:18px; margin-bottom:80px;}
	.organization .ceo span p {gap:10px;}
	.organization .ceo span p:before {height:30px;}
	.organization .boxs {gap:10px;}
	.organization .boxs1 {margin-bottom:30px;}
	.organization .boxs1 .box,
	.organization .department {width:calc((100% - 40px)/5);}
	.organization .boxs2 {padding-top:40px;}
	.organization .boxs2:before {width:calc(100% - ((100% - 40px)/5));}
	.organization .box {height:42px; line-height:42px; font-size:15px;}
	.organization .box.c2 {margin-bottom:20px;}
	.organization .box.c2:before {top:-40px; height:40px;}
	.organization .box.c2 + .c3:before {top:-20px; height:20px;}
/* 인증현황 */
	.certification {gap:40px 10px;}
	.certification li {width:calc((100% - 20px)/3);}
	.certification .img {height:300px; padding:30px;}
	.certification p {font-size:16px; margin-top:20px;}
/* 주요고객 */
	.customers {gap:16px;}
	.customers li {width:calc((100% - 48px)/4);}
/* 오시는 길 */
	.map_txt {margin-top:60px;}
	.map_txt .txt {width:35%;}
	.map_txt .tit {font-size:30px; line-height:40px;}
	.map_txt .btns {margin-top:50px; gap:12px; flex-direction:column;}
	.map_txt .btns a {font-size:15px; width:180px; height:48px; padding:0 15px;}
	.map_txt .con {width:65%;}
	.map_txt .con .i {padding-left:100px; font-size:15px; line-height:35px;}
	.map_txt .con .i + .i {margin-top:15px;}
	.map_txt .con .i:before {width:35px;}
	.map_txt .con .i strong {left:44px;}
	.map_txt .con .line {margin:35px 0;}
	.map_txt .con .i4 span i {font-size:12px; padding:0 6px; /* line-height:20px; height:20px; margin-right:10px; */}
/* 네트워크&보안 */
	.gbox_img {padding:50px 20px;}
	.implementation_case {gap:30px 10px;}
	.implementation_case li {width:calc((100% - 30px)/4);}
	.implementation_case p {font-size:16px; margin-top:15px;}
	.glbox_area {gap:20px; margin-top:120px;}
	.glbox_area .gbox,
	.glbox_area .glbox {width:calc(50% - 10px);}
	.glbox.mt {margin-top:30px;}
	.gbox .tit,
	.glbox .tit {font-size:26px; margin-bottom:30px;}
	.img_tbl {gap:40px; flex-direction:column;}
	.tabs {gap:10px; margin-bottom:50px;}
	.tabs li {width:120px;}
	.tabs button {font-size:16px; line-height:48px; height:50px;}
	.service_area dd {padding-left:30px;}
	.service_area .monts {font-size:22px;}
	.service_area .tit {font-size:22px; margin:12px 0 30px;}
	.service_area p {font-size:16px; line-height:24px;}
	.partner {gap:20px;}
	.partner .box {width:calc((100% - 40px)/3); padding:0 20px;}
	.partner .img {line-height:100px;}
	.partner .dots_list {padding:20px 0;}
	.partner .dots_list p {line-height:26px;}
/* 통합보안 */
	.security_top ~ .gbox + .gbox {margin-bottom:30px;}
	.security_top ~ .gbox + .gbox:before {left:30px; width:calc(100% - 60px);}
/* 코닝 */
	.corning01 {gap:20px;}
	.corning01 > * {width:calc(50% - 10px);}
	.corning01 .txt {padding:30px 20px;}
	.corning01 li {padding:20px 0;}
	.corning01 .tt {font-size:15px; line-height:38px; margin-bottom:10px;}
	.corning01 .tt span {width:35px; height:35px; line-height:35px; font-size:14px;}
	.corning01 p {line-height:24px;}
	.corning02 {gap:20px; margin-bottom:60px;}
	.corning02 .chart {width:55%; padding:15px;}
	.corning02 .img {width:calc(45% - 20px);}
	.tri_area {gap:10px; margin-top:100px;}
	.tri_area li {width:calc((100% - 20px)/3);}
	.tri_area .txt {padding:20px 20px 50px;}
	.tri_area .tt {font-size:18px; line-height:28px; margin-bottom:15px;}
	.tri_area p {line-height:22px;}
	.corning03 dl + dl {margin-top:25px;}
	.corning03 dt {width:45%;}
	.corning03 dd {width:55%; padding:20px;}
	.corning03 dd strong {font-size:18px;}
	.corning03 dd p {margin-top:15px;}
	.corning04 {gap:40px 10px;}
	.corning04 > li {width:calc((100% - 50px)/6);}
	.corning04 > li.set2 {width:calc(((100% - 50px)/6)*2 + 10px);}
	.corning04 p {font-size:14px; line-height:22px; margin-top:10px;}
	.corning04 ul {gap:10px;}
	.corning04 ul li {width:calc(50% - 5px);}
	.corning05 {gap:10px;}
	.corning05 li {width:calc((100% - 20px)/3);}
	.corning05 .txt {padding:30px 20px;}
	.corning05 strong {font-size:18px; margin-bottom:10px;}
	.corning07 {gap:20px;}
	.corning07 dl {width:calc((100% - 40px)/3);}
	.corning07 dt {font-size:22px; line-height:60px;}
	.corning07 dd {padding:15px 15px 15px 100px; height:80px; /* margin-top:10px; */}
	.corning07 dd i {width:100px;}
	
  .corning_wrap {height:260px;}
  .corning_img {height:auto;}
  .corning_end {gap:18px;}
  .corning_end p {font-size:19px;}
  .corning_end strong {font-size:32px; gap:10px;}
  .corning_end strong img {height:28px; margin-right:8px;}




/* 전국통합유지보수 */
	.maintenance02 {padding:20px 0; margin-top:150px;}
	.maintenance02 .txt {width:65%;}
	.maintenance02 .logo {padding:20px 0 40px;}
	.maintenance02 dl + dl {margin-top:15px;}
	.maintenance02 dt {width:140px; font-size:16px; padding-left:40px; border-radius:20px 0 0 20px; line-height:40px;}
	.maintenance02 dd {width:calc(100% - 140px); line-height:40px; font-size:16px;}
	.maintenance02 .map {width:35%;}
/* 컨설팅 */
  .step-section{max-width:98vw;}
  .step-circles{gap:0;}
  .circle{width:56px;height:56px;}
  .circle img,.service-box img{width:26px;height:26px;}
  .step-label{margin-top:10px;font-size:13px;}
  .service-boxes {flex-wrap:wrap; flex-direction:row; gap:18px;}
  .service-box {flex:0 0 calc(50% - 9px); min-width:0; box-sizing:border-box;}
  .service-title{font-size:13px;}
  .service-desc{font-size:11px;}

  
/* 장애접수 */
	.btn_submit {font-size:18px; line-height:60px; width:140px; margin-top:40px;}

}

/* mobile */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .inner {height:50px;}
	.header .logo {line-height:50px;}
	.header .logo img {height:34px;}
	.header .btn_menu {width:50px; height:50px;}
	.header .btn_menu p {width:20px; height:2px; margin:-1px 0 0 -10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
	.header .gnb ul {padding-top:50px;}
	.header .gnb li > a {font-size:13px; line-height:50px; padding:0 10px;}
	.header .snb a {font-size:12px; line-height:35px; padding:0 20px;}
	.header .langs dd a {font-size:13px; line-height:40px;}
	.header .langs dd a:before {width:16px; height:16px; mask-size:contain; -webkit-mask-size:contain;}
/* footer */
	.footer {padding-top:30px; font-size:11px;}
	.footer .top {padding-bottom:30px;}
	.footer .top .logo {margin-bottom:20px; width:120px;}
	.footer .top .info {line-height:18px;}
	.footer .top .info strong {font-size:12px;}
	.footer .top ul {display:none;}
	.footer .btm {padding:15px 0;}
	.footer .btm .btn_infobook {padding:0 10px 0 24px; line-height:22px; height:24px; background-size:10px; background-position:10px 50%;}
	.quick {display:none;}
/* main */
	.mvisual .slick-arrow {opacity:0; pointer-events:none;}
	.mvisual_wrap .mv_txt p {font-size:12px; line-height:20px;}
	.mvisual_wrap .mv_txt strong {font-size:32px; line-height:38px; margin:10px 0 15px;}
	.mvisual_wrap .scroll {bottom:20px; font-size:12px; padding-left:20px; background-size:12px;}
	.mcon {padding:50px 0;}
	.mtit {font-size:25px;}
	.mtit + p {font-size:12px; margin-bottom:30px;}
	.mc01 .main_business {gap:20px;}
	.mc01 .main_business .jq_tab button {font-size:12px; line-height:35px;}
	.mc01 .main_business .jq_tab button b {font-size:12px; display:none;}
	.mc01 .main_business .cont .imgfit {border-radius:10px; margin-bottom:20px;}
	.mc01 .main_business .cont .tit {font-size:14px;}
	.mc01 .main_business .cont p {font-size:12px; line-height:20px; margin:10px 0;}
	.mc01 .main_business .cont .more {font-size:12px; padding-right:24px; background-size:16px;}
	.mc02 .links {flex-direction:column;}
	.mc02 .links a {width:100%; height:120px; border-radius:10px; padding:20px; gap:5px;}
	.mc02 .links a:before {top:15px; right:15px; width:20px;}
	.mc02 .links p {font-size:11px;}
	.mc02 .links strong {font-size:16px;}
	.mc03 {flex-direction:column;}
	.mc03 .box {width:100%; padding:60px 20px 50px;}
	.mc03 .right {background-size:50%; background-position:right 10px top 30px;}
	.mc03 span {font-size:12px;}
	.mc03 strong {font-size:16px; line-height:22px; margin:10px 0 30px;}
	.mc03 .btns {gap:20px;}
	.mc03 .btns a {font-size:12px; padding-bottom:6px; background-size:16px;}
/* sub */
	.svisual {height:230px; padding-top:50px;}
	.svisual strong {font-size:30px;}
	.svisual p {font-size:10px; margin-top:5px;}
	.svisual .location {display:none;}
	.aside .inner {display:flex; padding:0;}
	.aside .g,
	.aside .s dt {display:block;}
	.aside dl {position:relative; width:50%;}
	.aside .s {border-left:#ebebeb 1px solid;}
	.aside dt {position:relative; font-size:13px; color:#222; font-weight:500; line-height:40px; padding:0 20px;}
	.aside dt:after {content:""; position:absolute; top:0; right:20px; width:13px; height:100%; background:#5f6368; mask:url('/images/arrow_langs.png') no-repeat 0 50% / contain; -webkit-mask:url('/images/arrow_langs.png') no-repeat 0 50% / contain;}
	.aside dd {position:absolute; top:100%; left:0; width:100%; background:#fff; border:#ebebeb 1px solid; display:none;}
	.aside a {display:block; font-size:13px; line-height:40px; text-align:left; padding:0 20px;}
	.aside a + a:before,
	.aside a:after {display:none;}
	.container {padding:40px 0 50px; font-size:13px; line-height:20px;}
	.container.inner {padding:40px 20px 50px;}
	.container .title {font-size:20px; margin-bottom:40px;}
	.ctit {margin:50px 0 20px;}
	.ctit p {font-size:12px; margin-bottom:5px;}
	.ctit strong {font-size:20px;}
	.ctit strong.s {font-size:18px;}
	.depth {gap:4px; margin-bottom:50px;}
	.depth a {font-size:13px; line-height:38px; height:40px; width:calc(50% - 2px);}

	.tit2 {font-size:20px;}

	.gbox.pd {padding:30px 15px;}
	.glbox {padding:20px 15px;}
/* 테이블 */
	.tbl col.w240 {width:100px;}
	.tbl th,
	.tbl td {line-height:20px; padding:10px;}
	.tbl.board_write td {padding:5px;}
	.tbl select.text,
	.tbl input.text {height:30px; padding:0 5px;}
	.tbl textarea.text {height:130px;}
	.tbl .tel span {width:20px; line-height:30px;}
	.tbl .tel .text {width:calc((100% - 40px)/3);}
	.tbl .mail {flex-wrap:wrap;}
	.tbl .mail span {width:20px; line-height:30px;}
	.tbl .mail .text {width:calc(50% - 10px);}
	.tbl .mail select.text {width:100%; margin:5px 0 0;}

.checks {flex-wrap:wrap;}
.checks.gap2 { flex-wrap: wrap;}
	.checks.gap2 {gap:10px 30px;}
	label.check {padding-left:26px;}
	label.check i {width:18px; height:18px;}
	label.check i:before {background-size:60%;}
	.check_area {margin-top:15px;}
	label.check.b {padding-left:30px;}
	label.check.b i {width:22px; height:22px;}

	
	
/* 점선목록 */
	.dots_list p {padding-left:8px;}
	.dots_list p:before {top:8px; width:3px; height:3px;}
/* 준비중입니다 */
	.coming_soon {height:200px; gap:10px;}
	.coming_soon .tit {font-size:30px;}
	.coming_soon p {font-size:13px;}
/* 페이지 상단 이미지 영역 */
	.page_top {height:300px; margin-bottom:20px;}
	.page_top strong {font-size:20px;}
	.page_top p {font-size:12px; line-height:20px;}
/* CEO 인사말 */
	.g01.s01 .title {margin-bottom:30px;}
	.greeting {flex-direction:column; gap:30px;}
	.greeting:before {display:none;}
	.greeting > * {width:100%;}
	.greeting .tit {font-size:20px; margin-bottom:15px;}
	.greeting .name {margin-top:30px; gap:4px;}
/* 회사개요 */
	.core_values {flex-direction:column;}
	.core_values dl {width:100%;}
	.core_values dt {gap:5px; height:60px;}
	.core_values dt strong {font-size:18px;}
	.core_values dt p {font-size:12px;}
	.core_values dt:after {bottom:-6px; width:12px; height:12px;}
	.core_values dd {padding:20px;}
	.core_values dd i {width:80px; margin-bottom:20px; background-size:50%;}
	.core_values dd p {font-size:13px; line-height:20px;}
/* 연혁 */
	.history_top {font-size:20px; height:200px;}
	.history {padding:40px 0 50px;}
	.history:before {left:10px;}
	.history dl {flex-direction:column;}
	.history dl + dl {margin-top:50px;}
	.history dt {width:100%; padding-left:20px; font-size:24px; line-height:32px; margin-bottom:10px;}
	.history dt br {display:none;}
	.history dd {width:100%; padding-left:20px;}
	.history dd:before {left:7px; width:6px; height:6px;}
	.history dd p {font-size:12px; line-height:22px; padding-left:60px;}
	.history dd p + p {margin-top:5px;}
/* 조직도 및 인증현황 */
	.organization:before {height:calc(100% - 104px);}
	.organization .ceo {width:120px; font-size:13px; margin-bottom:40px; border-width:8px;}
	.organization .ceo span {border-width:8px;}
	.organization .ceo span p {gap:8px;}
	.organization .ceo span p:before {height:24px;}
	.organization .boxs {gap:5px;}
	.organization .boxs1 {margin-bottom:20px;}
	.organization .boxs1 .box {width:30%;}
	.organization .department {width:calc((100% - 20px)/5);}
	.organization .boxs2 {padding-top:20px;}
	.organization .boxs2:before {width:calc(100% - ((100% - 20px)/5));}
	.organization .box {height:40px; line-height:1.4; font-size:11px; border-radius:5px; display:flex; justify-content:center; align-items:center;}
	.organization .box.c2 {margin-bottom:10px;}
	.organization .box.c2:before {top:-20px; height:20px;}
	.organization .box.c3 + .c3 {margin-top:5px;}
	.organization .box.c3:before {top:-5px; height:5px;}
	.organization .box.c2 + .c3:before {top:-10px; height:10px;}
/* 인증현황 */
	.certification {gap:30px 4px;}
	.certification li {width:calc(50% - 2px);}
	.certification .img {height:200px; padding:15px;}
	.certification p {font-size:13px; margin-top:10px;}
/* 주요고객 */
	.customers {gap:10px;}
	.customers li {width:calc((100% - 20px)/3);}
/* 오시는 길 */
	.wrap_map {height:300px !important;}
	.map_txt {flex-direction:column; gap:20px; margin-top:30px;}
	.map_txt .txt {width:100%;}
	.map_txt .tit {font-size:20px; line-height:30px;}
	.map_txt .btns {margin-top:30px; gap:10px; flex-direction:row;}
	.map_txt .btns a {font-size:13px; width:calc(50% - 5px); height:38px; padding:0 10px; background-size:12px;}
	.map_txt .con {width:100%;}
	.map_txt .con .i {padding-left:80px; font-size:13px; line-height:30px;}
	.map_txt .con .i + .i {margin-top:10px;}
	.map_txt .con .i:before {width:30px;}
	.map_txt .con .i strong {left:35px;}
	.map_txt .con .line {margin:30px 0;}
	.map_txt .con .i4 span i {font-size:11px; padding:0 5px; margin-right:5px;}
/* 네트워크&보안 */
	.gbox_img {padding:20px;}
	.implementation_case {gap:20px 10px;}
	.implementation_case li {width:calc(50% - 5px);}
	.implementation_case p {font-size:12px; margin-top:10px;}
	.glbox_area {gap:10px; margin-top:60px;}
	.glbox_area .gbox,
	.glbox_area .glbox {width:calc(50% - 5px);}
	.glbox.mt {margin-top:20px;}
	.gbox .tit,
	.glbox .tit {font-size:18px; margin-bottom:20px;}
	.img_tbl {gap:20px;}
	.tabs {gap:5px; margin-bottom:30px;}
	.tabs li {width:calc((100% - 10px)/3);}
	.tabs button {font-size:13px; line-height:38px; height:40px;}
	.service_area dl {flex-direction:column !important;}
	.service_area dt,
	.service_area dd {width:100%;}
	.service_area dd {padding:10px 0 0;}
	.service_area .monts {font-size:18px; line-height:1;}
	.service_area .tit {font-size:18px; line-height:1; margin:10px 0 20px;}
	.service_area p {font-size:12px; line-height:20px;}
	.partner {gap:10px;}
	.partner .box {width:calc(50% - 5px); padding:0 10px;}
	.partner .img {line-height:60px;}
	.partner .dots_list {padding:10px 0;}
	.partner .dots_list p {line-height:20px;}
/* 통합보안 */
	.security_top ~ .gbox + .gbox {margin-bottom:20px;}
	.security_top ~ .gbox + .gbox:before {left:20px; width:calc(100% - 40px);}
	
/* 정보보안 솔루션 */
	.company-list {flex-direction:column;gap:1.5rem;}
	.company {max-width:400px;margin:0 auto;}
	
/* 전기 및 통신공사 */	
.tri_area2 {flex-wrap:wrap;} .tri_area2 li {width:calc((100% - 20px)/2);}

/* 코닝 */
	.corning01 {flex-direction:column;}
	.corning01 > * {width:100%;}
	.corning01 .txt {padding:20px;}
	.corning01 li {padding:10px 0;}
	.corning01 .tt {font-size:13px; line-height:30px; margin-bottom:5px;}
	.corning01 .tt span {width:30px; height:30px; line-height:30px; font-size:12px; margin-right:10px;}
	.corning01 p {line-height:20px;}
	.corning02 {flex-direction:column; gap:10px; margin-bottom:30px;}
	.corning02 .chart {width:100%; padding:10px;}
	.corning02 .img {width:100%;}
	.tri_area {flex-direction:column; gap:10px; margin-top:50px;}
	.tri_area li {width:100%;}
	.tri_area .txt {padding:20px 20px 30px;}
	.tri_area .tt {font-size:15px; line-height:20px; margin-bottom:10px;}
	.tri_area p {line-height:20px;}
	.corning03 dl {flex-direction:column;}
	.corning03 dl + dl {margin-top:15px;}
	.corning03 dt {width:100%;}
	.corning03 dd {width:100%; padding:15px;}
	.corning03 dd strong {font-size:15px;}
	.corning03 dd p {margin-top:10px;}
	.corning04 {gap:30px 10px;}
	.corning04 > li {width:calc(50% - 5px);}
	.corning04 > li.set2 {width:100%;}
	.corning04 p {font-size:13px; line-height:20px; margin-top:5px;}
	.corning05 {flex-direction:column;}
	.corning05 li {width:100%;}
	.corning05 .txt {padding:20px;}
	.corning05 strong {font-size:15px; margin-bottom:5px;}
	.corning07 {flex-direction:column;}
	.corning07 dl {width:100%;}
	.corning07 dt {font-size:15px; line-height:40px;}

  .corning_wrap {flex-direction:column; height:auto; min-height:0;}
  .corning_img {width:100%; height:140px; min-height:140px;}
  .corning_end {width:100%; min-width:0; height:auto; padding:20px 3vw 22px 3vw; gap:11px;}
  .corning_end p {font-size:14px; margin-bottom:6px;}
  .corning_end strong {font-size:18px; gap:6px;}
  .corning_end strong img {height:15px; margin-right:6px;}

/* 전국통합유지보수 */
	.maintenance02 {margin-top:80px;}
	.maintenance02 .inner {flex-direction:column; gap:30px;}
	.maintenance02 .txt {width:100%;}
	.maintenance02 .logo {padding:10px 0 20px;}
	.maintenance02 .logo img {height:40px;}
	.maintenance02 dl + dl {margin-top:10px;}
	.maintenance02 dt {width:80px; font-size:13px; padding-left:30px; border-radius:10px 0 0 10px; line-height:30px;}
	.maintenance02 dt:before {left:20px; width:3px;}
	.maintenance02 dd {width:calc(100% - 80px); line-height:30px; font-size:12px; padding-left:10px;}
	.maintenance02 .map {width:100%;}
/* 장애접수 */


	.terms_area {margin-top:30px;}
	.terms_area .tit {font-size:18px; margin-bottom:20px;}
	.terms_area .tt {font-size:14px; padding-left:14px;}
	.terms_area .tt:before {width:4px; height:4px;}
	.terms_area .textarea {padding:15px; height:100px; font-size:12px; margin-bottom:10px;}
	.terms_area .slice {margin:20px 0;}

	.btn_submit {font-size:15px; line-height:50px; width:50%; margin-top:30px;}
}


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

	.btn_submit {font-size:14px; line-height:40px; width:100%; }
	.tbl.mo_break_tbl table,
	.tbl.mo_break_tbl thead,
	.tbl.mo_break_tbl tbody,
	.tbl.mo_break_tbl th,
	.tbl.mo_break_tbl td {display:block;}
	.tbl.mo_break_tbl th {width:100%;}
	.tbl.mo_break_tbl td {width:100%;}
}