@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

body{
	--iden:#00457e;
	--iden2:#00599d;
}
.iden {color:#00457e !important;}
.iden2 {color:#00599d !important;}

.flex_center {display:flex; justify-content:center; align-items:center;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; border-bottom:transparent 1px solid; transition:.2s linear;}
.header:before {content:""; position:absolute; top:100%; left:0; width:0; height:1px; background:#f6f6f6; z-index:1; transition:.2s linear;}
.header .bg {position:absolute; top:0; left:0; width:100%; height:0; background:#fff; transition:.2s linear;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:20px; line-height:100px; font-size:0; background:no-repeat 50% 50% / contain; transition:none;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:0; right:20px;}
.header .gnb ul {display:flex;}
.header .gnb li {position:relative; z-index:1;}
.header .gnb li > a {display:block; font-size:20px; color:#fff; font-weight:700; line-height:100px; padding:0 24px;}
.header .gnb li > a span {position:relative; display:block; padding:0 28px;}
.header .gnb li > a span:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#fff; transition:.2s linear;}
.header .gnb li.on > a {color:#fff;}
.header .gnb li.on > a span:after {left:0; width:100%;}
.header .snb {position:absolute; top:100%; left:0; width:100%; height:0; overflow:hidden; transition:.2s linear;}
.header .snb a {display:block; font-size:14px; color:#666; font-weight:300; line-height:38px; text-align:center;}
.header .snb a.on {color:var(--iden); font-weight:700;}
.header .langs {padding-left:14px;}
.header .langs dl {position:relative;}
.header .langs dt button {position:relative; font-size:15px; color:#d6d6d6; line-height:100px; padding:0 28px 0 30px; background:url('/images/icon_langs.png') no-repeat 0 50%; display:block;}
.header .langs dt button:after {content:""; position:absolute; top:0; right:0; width:13px; height:100%; background:url('/images/arrow_langs.png') no-repeat 50% 50% / contain; transition:.2s linear;}
.header .langs dt button.on:after {transform:rotate(180deg);}
.header .langs dd {position:absolute; top:75px; left:-10px; width:calc(100% + 10px); border:#ebebeb 1px solid; border-radius:10px; padding:10px; background:#fff; display:none;}
.header .langs dd a {display:block; font-size:14px; color:#848484; line-height:30px; text-align:center;}
.header .langs dd a.on {color:var(--iden); font-weight:600;}

.header .langs:hover dd {display: block;}

.header.fixed {background:#fff; border-bottom:#f6f6f6 1px solid; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header.fixed .logo {background-image:url('/images/logo.png');}
.header.fixed .logo img {opacity:0;}
.header.fixed .gnb li > a {color:#222;}
.header.fixed .gnb li.on > a {color:var(--iden);}
.header.fixed .gnb li.on > a span:after {background:var(--iden);}

/* footer */
.footer {background:#111; padding-top:50px; font-size:15px; color:#ffffffb3;}
.footer .top {position:relative; padding-bottom:50px;}
.footer .top .logo {margin-bottom:45px;}
.footer .top .info {line-height:28px;}
.footer .top .info strong {display:block; font-size:17px; color:#fff; font-weight:700;}
.footer .top ul {position:absolute; top:0; right:0; display:flex; gap:75px;}
.footer .top li > a {display:block; font-size:17px; color:#fff; font-weight:600;}
.footer .top .snb {padding-top:20px;}
.footer .top .snb a {display:block;}
.footer .top .snb a + a {margin-top:10px;}
.footer .btm {padding:20px 0; display:flex; justify-content:space-between; align-items:center; border-top:#565656 1px solid;}
.footer .btm .btn_infobook {border:#bebebe 1px solid; padding:0 15px 0 42px; border-radius:20px; line-height:38px; height:40px; background:url('/images/icon_book.png') no-repeat 20px 50%;}

.quick {position:fixed; top:50%; right:40px; width:130px; z-index:10; transform:translateY(-50%);}
.quick .tit {font-size:15px; color:#fff; font-weight:500; text-align:center; line-height:48px; background:var(--iden); border-radius:10px 10px 0 0;}
.quick .box {border-radius:0 0 10px 10px; overflow:hidden; border:#ebebeb 1px solid;}
.quick a {display:block; background:#fff; padding:15px; text-align:center;}
.quick a + a {border-top:#ebebeb 1px solid;}
.quick a:before {content:""; display:block; width:100%; height:21px; background:no-repeat 50% 50% / contain; margin-bottom:15px;}
.quick b {display:block; font-size:15px; color:var(--iden); font-weight:500;}
.quick p {font-size:13px; color:#525252; font-weight:500; line-height:1;}
.quick .i1:before {background-image:url('/images/icon_qiuck01.png'); margin-bottom:8px;}
.quick .i2:before {background-image:url('/images/icon_qiuck02.png');}
.quick .i3:before {background-image:url('/images/icon_qiuck03.png');}
.gotop {display:block; width:52px; aspect-ratio:1/1; background:var(--iden) url('/images/arrow_gotop.png') no-repeat 50% 50%; border-radius:50%; margin:20px auto 0; font-size:0;}

/* main */
.mvisual_wrap {position:relative;}
.mvisual .slick-slide > div {height:100vh;}
.mvisual .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.mvisual .slick-arrow {position:absolute; top:50%; width:19px; height:29px; background:url('/images/arrow_slide.png') no-repeat 50% 50% / contain; font-size:0; z-index:1;}
.mvisual .slick-prev {left:50%; margin-left:-700px;}
.mvisual .slick-next {right:50%; margin-right:-700px; transform:scaleX(-1);}
.mvisual_wrap .mv_txt {position:absolute; top:50%; left:50%; width:1400px; max-width:calc(100% - 40px); transform:translate(-50%,-50%); z-index:1; text-align:center; pointer-events:none; user-select:none;}
.mvisual_wrap .mv_txt p {display:block; font-size:20px; color:#fff; line-height:30px;}
.mvisual_wrap .mv_txt strong {display:block; font-size:64px; color:#fff; line-height:76px; margin:10px 0 30px;}
.mvisual_wrap .mv_txt .btm {opacity:.63;}
.mvisual_wrap .scroll {position:absolute; bottom:46px; left:50%; font-size:15px; color:#ffffff80; font-weight:500; line-height:20px; padding-left:25px; background:url('/images/icon_scroll.png') no-repeat 0 50%; transform:translateX(-50%); pointer-events:none; user-select:none;}
.mcon {padding:120px 0 100px;}
.mtit {font-size:50px; color:#222; font-weight:700; line-height:1; margin-bottom:10px;}
.mtit + p {font-size:18px; color:#666; line-height:1.4; margin-bottom:70px;}
.mc01 .main_business {display:flex; gap:55px;}
.mc01 .main_business .jq_tab {width:390px;}
.mc01 .main_business .jq_tab li + li {margin-top:10px;}
.mc01 .main_business .jq_tab button {display:flex; gap:20px; font-size:17px; color:#666; line-height:98px; padding:0 32px; border:#ebebeb 1px solid; border-radius:20px; width:100%;}
.mc01 .main_business .jq_tab button b {font-size:18px; font-weight:500;}
.mc01 .main_business .jq_tab .on button {color:#fff; background:var(--iden); border-color:var(--iden);}
.mc01 .main_business .cont .imgfit {border-radius:20px; margin-bottom:40px;}
.mc01 .main_business .cont .tit {font-size:24px; color:#222; font-weight:700; line-height:1;}
.mc01 .main_business .cont p {font-size:19px; color:#666; line-height:23px; margin:20px 0;}
.mc01 .main_business .cont .more {display:inline-block; vertical-align:top; font-size:15px; color:#222; font-weight:500; line-height:20px; padding-right:34px; background:url('/images/arrow_more.png') no-repeat 100% 50% / contain;}
.mc02 .links {display:flex; gap:32px;}
.mc02 .links a {position:relative; width:calc((100% - 64px)/3); height:478px; border-radius:20px; background:no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:flex-end; gap:12px; padding:55px 40px;}
.mc02 .links a:before {content:""; position:absolute; top:34px; right:45px; width:36px; aspect-ratio:1/1; background:rgba(255,255,255,.76) url('/images/arrow_link.png') no-repeat 50% 50%; border-radius:50%;}
.mc02 .links p {font-size:18px; color:#ffffffb3;}
.mc02 .links strong {font-size:32px; color:#fff;}
.mc02 .links .i1 {background-image:url('/images/bg_mc02_01.jpg');}
.mc02 .links .i2 {background-image:url('/images/bg_mc02_02.jpg');}
.mc02 .links .i3 {background-image:url('/images/bg_mc02_03.jpg');}
.mc03 {display:flex; padding:0 !important;}
.mc03 .box {width:50%; padding:120px 85px 100px;}
.mc03 span {display:block; font-size:18px; color:#ffffffb3; line-height:1;}
.mc03 strong {display:block; font-size:32px; color:#fff; font-weight:700; line-height:42px; margin:20px 0 60px;}
.mc03 .btns {display:flex; gap:50px;}
.mc03 .btns a {width:175px; font-size:15px; color:#fff; font-weight:700; line-height:21px; padding-bottom:13px; border-bottom:#fff 2px solid; background:url('/images/arrow_more_w.png') no-repeat 100% 0;}
.mc03 .left {background:url('/images/bg_mc03_left.jpg') no-repeat 50% 50% / cover;}
.mc03 .right {background:var(--iden) url('/images/bg_logo.png') no-repeat right 15px top 55px;}

/* sub */
.svisual {height:690px; background:no-repeat 50% 50% / cover;}
.svisual .inner {position:relative; display:flex; flex-direction:column; justify-content:center; height:100%;}
.svisual strong {font-size:58px; color:#fff; line-height:1;}
.svisual p {font-size:18px; color:#ffffffb3; font-weight:300; line-height:1; margin-top:16px;}
.svisual .location {position:absolute; top:50%; right:20px; margin-top:74px; display:flex; align-items:center;}
.svisual .location i {width:18px; aspect-ratio:9/8; background:url('/images/icon_home.png') no-repeat 50% 50% / contain;}
.svisual .location em {width:1px; height:8px; background:#fff; opacity:.46; margin:0 14px;}
.svisual .location span {font-size:16px; color:#fff; font-weight:300;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g09 {background-image:url('/images/svisual04.jpg');}
.aside {position:relative; border-bottom:#ebebeb 1px solid; z-index:20;}
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:flex;}
.aside a {position:relative; flex:1 1 calc(100%/6); font-size:15px; color:#666; font-weight:400; line-height:70px; text-align:center;}
.aside a + a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:28px; background:#ebebeb; transform:translateY(-50%);}
.aside a:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:var(--iden); transform:translateX(-50%); transition:.2s linear;}
.aside a.on {color:var(--iden);}
.aside a.on:after {width:100%;}
.container {padding:90px 0 120px; font-size:17px; color:#666; line-height:28px;}
.container.inner {padding:90px 20px 120px;}
.container .title {font-size:42px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:90px;}
.ctit {margin:110px 0 45px; line-height:1; text-align:center; letter-spacing:-.7px;}
.ctit p {font-size:16px; color:#727d8d; font-weight:300; margin-bottom:12px;}
.ctit strong {font-size:38px; color:#222;}
.ctit strong.s {font-size:30px;}
.depth {gap:10px; margin-bottom:130px;}
.depth a {font-size:18px; color:#888; font-weight:500; line-height:58px; height:60px; width:216px; border:#e1e1e1 1px solid; border-radius:30px; text-align:center;}
.depth a.on {color:#fff; background:var(--iden2); border-color:var(--iden2);}

.tit2 {margin:45px 0 20px; font-size:30px; line-height:1;  letter-spacing:-.7px; color:#222;}

.gbox {background:#f5f5f5;}
.gbox.pd {padding:70px 20px;}
.glbox {border:#e1e1e1 1px solid; border-radius:5px; padding:50px 20px;}

/* 테이블 */
.tbl {position:relative; display:block; width:100%;}
.tbl table {border-top:var(--iden2) 2px solid;}
.tbl col.w240 {width:240px;}
.tbl col.w150 {width:150px;}
.tbl th,
.tbl td {border-bottom:#e8e8e8 1px solid; line-height:32px; padding:20px; text-align:left;}
.tbl th {color:#222; font-weight:700; background:#f5f5f5;}
.tbl td {color:#909090; font-weight:300;}
.tbl.board_write td {padding:10px;}
.tbl .text {border-radius:5px;}
.tbl select.text,
.tbl input.text {height:50px; padding:0 10px;}
.tbl textarea.text {height:190px;}
.tbl .w1 {width:570px;}
.tbl .tel span {width:35px; line-height:50px; text-align:center;}
.tbl .tel .text {width:140px;}
.tbl .mail span {width:32px; line-height:50px; text-align:center;}
.tbl .mail .text {width:calc(528px/3);}
.tbl .mail select.text {margin-left:10px;}

.checks {gap:15px 30px; flex-wrap:wrap;}
.checks.gap2 {gap:30px 60px; flex-wrap: nowrap;}
label.check {position:relative; padding-left:32px; color:#777;white-space: nowrap; }
label.check input {display:none;}
label.check i {position:absolute; top:50%; left:0; width:22px; height:22px; border:#ddd 1px solid; border-radius:5px; background:#c2c2c2; transform:translateY(-50%); transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/icon_check.png') no-repeat 50% 50%;}
label.check input:checked + i {background:var(--iden) !important;}
label.check .red {color:#d21a1a;}
.check_area {margin-top:20px;}
label.check.b {padding-left:40px; color:#222;}
label.check.b i {width:26px; height:26px;}

/* 점선목록 */
.dots_list p {position:relative; padding-left:12px;}
.dots_list p:before {content:""; position:absolute; top:14px; left:0; width:4px; height:4px; background:var(--iden2); border-radius:50%;}

/* 준비중입니다 */
.coming_soon {height:350px; flex-direction:column; gap:18px; text-align:center;}
.coming_soon .tit {font-size:43px; color:#222; line-height:1; margin:0 !important;}
.coming_soon .tit strong {color:var(--iden2);}
.coming_soon p {font-size:18px; color:#8c8c8c; line-height:1;}

/* 페이지 상단 이미지 영역 */
.page_top {height:390px; flex-direction:column; gap:25px; text-align:center; background:url('/images/bg_business_top.jpg') no-repeat 50% 50% / cover; border-radius:10px; margin-bottom:30px; padding:20px;}
.page_top strong {font-size:39px; color:#fff; font-weight:700; line-height:1;}
.page_top p {font-size:18px; color:#fff; line-height:26px;}

/* CEO 인사말 */
.g01.s01 .title {margin-bottom:160px;}
.greeting {position:relative; display:flex; gap:60px;}
.greeting:before {content:""; position:absolute; top:-164px; right:-210px; width:380px; background:url('/images/bg_logo_large.png') no-repeat 50% 50% / cover; aspect-ratio:76/77;}
.greeting > * {width:calc(50% - 30px);}
.greeting .tit {font-size:35px; color:#222; line-height:1; font-weight:700; margin-bottom:40px;}
.greeting p {color:#666;}
.greeting .name {margin-top:65px; display:flex; align-items:flex-end; gap:10px; font-weight:600; line-height:1;}
.greeting .name img {height:20px;}
.greeting .imgfit {border-radius:10px; overflow:hidden;}

/* 회사개요 */
.business_top {background-image:url('/images/bg_business_top.jpg');}
.core_values {gap:40px;}
.core_values dl {width:calc((100% - 80px)/3);}
.core_values dt {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:12px; line-height:1; background:var(--iden2); border-radius:10px 10px 0 0; height:120px;}
.core_values dt strong {font-size:31px; color:#fff;}
.core_values dt p {font-size:18px; color:#ffffff80; font-family:'Myriad'; line-height:1;}
.core_values dt:after {content:""; position:absolute; bottom:-8px; left:50%; width:16px; height:16px; border:var(--iden2) 3px solid; border-radius:50%; transform:translateX(-50%); background:#fff;}
.core_values dd {border:#ebebeb 1px solid; border-radius:0 0 10px 10px; padding:35px 20px 45px; text-align:center;}
.core_values dd i {display:block; background:#f5f5f5 no-repeat 50% 50%; border:#fbfbfb 8px solid; border-radius:50%; width:122px; aspect-ratio:1/1; margin:0 auto 45px;}
.core_values dd p {font-size:20px; color:#585858; font-weight:500; line-height:32px; text-align:center;}
.core_values dd .dots_list {display:inline-block; vertical-align:top;}
.core_values dd .dots_list p {text-align:left;}
.core_values .i1 i {background-image:url('/images/icon_core_values01.png');}
.core_values .i2 i {background-image:url('/images/icon_core_values02.png');}
.core_values .i3 i {background-image:url('/images/icon_core_values03.png');}

/* 연혁 */
.history_top {font-size:39px; color:#fff; font-weight:700; line-height:1; background:url('/images/bg_history_top.jpg') no-repeat 50% 50% / cover; border-radius:10px; height:342px;}
.history {position:relative; padding:90px 0 135px;}
.history:before {content:""; position:absolute; top:0; left:400px; width:1px; height:100%; background:#ebebeb;}
.history dl {display:flex;}
.history dl + dl {margin-top:175px;}
.history dt {width:400px; padding-left:95px; font-size:47px; color:var(--iden2); font-weight:600; line-height:58px;}
.history dd {position:relative; width:calc(100% - 400px); padding-left:35px;}
.history dd:before {content:""; position:absolute; top:10px; left:-5px; width:10px; height:10px; background:var(--iden2); border-radius:50%;}
.history dd p {position:relative; font-size:18px; color:#777; font-weight:300; line-height:30px; padding-left:110px;}
.history dd p + p {margin-top:10px;}
.history dd strong {position:absolute; top:0; left:0; color:#222; font-weight:500;}

/* 조직도 및 인증현황 */
.organization {position:relative;}
.organization:before {content:""; position:absolute; bottom:0; left:50%; width:1px; height:calc(100% - 106px); background:#e1e1e1;}
.organization .ceo {position:relative; width:212px; aspect-ratio:1/1; border:#00599d12 15px solid; border-radius:50%; margin:0 auto; z-index:1; font-size:20px; color:#fff; font-weight:700; line-height:1; margin-bottom:100px;}
.organization .ceo span {display:block; width:100%; height:100%; border-radius:50%; border:#00599d45 15px solid;}
.organization .ceo span p {background:#00599d; width:100%; height:100%; flex-direction:column; gap:12px; border-radius:50%;}
.organization .ceo span p:before {content:""; display:block; width:100%; height:35px; background:url('/images/icon_logo_small.png') no-repeat 50% 50% / contain;}
.organization .boxs {position:relative; display:flex; gap:30px;}
.organization .boxs:before {content:""; position:absolute; left:50%; height:1px; background:#e1e1e1;}
.organization .boxs1 {justify-content:flex-end; margin-bottom:40px;}
.organization .boxs1:before {top:50%; width:50%;}
.organization .boxs1 .box,
.organization .department {width:calc((100% - 120px)/5);}
.organization .boxs2 {padding-top:75px;}
.organization .boxs2:before {top:0; width:calc(100% - ((100% - 120px)/5)); transform:translateX(-50%);}
.organization .box {position:relative; height:62px; line-height:62px; text-align:center; font-size:18px; border-radius:10px; z-index:1;}
.organization .box:before {content:""; position:absolute; left:50%; width:1px; background:#e1e1e1;}
.organization .box.c1 {color:#fff; font-weight:700; background:#0073c2;}
.organization .box.c2 {color:#fff; font-weight:700; background:#3399e6; margin-bottom:30px;}
.organization .box.c2:before {top:-75px; height:75px;}
.organization .box.c3 {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:15px 10px;
  min-height:62px;
  font-size:16px;
  line-height:1.4;
  color:#494949;
  font-weight:500;
  background:#fff;
  border:1px solid #e1e1e1;
  word-break:keep-all;
  box-sizing:border-box;
}

/*.organization .box.c3 {color:#494949; font-weight:500; background:#fff; border:#e1e1e1 1px solid;}*/
.organization .box.c3 + .c3 {margin-top:10px;}
.organization .box.c3:before {top:-10px; height:10px;}
.organization .box.c2 + .c3:before {top:-30px; height:30px;}
/* 인증현황 */
.certification {display:flex; gap:58px 28px; flex-wrap:wrap;}
.certification li {width:calc((100% - 56px)/3); text-align:center;}
.certification .img {height:408px; background:#f5f5f5; padding:40px;}
.certification .img img {box-shadow:#5b5b5b47 3px 0 27px; max-width:100%; max-height:100%;}
.certification p {font-size:18px; color:#222; font-weight:500; line-height:1; margin-top:22px;}

/* 주요고객 */
.customers {display:flex; gap:22px; flex-wrap:wrap;}
.customers li {width:calc((100% - 66px)/4); aspect-ratio:228/85; display:flex; justify-content:center; align-items:center; text-align:center; font-size:0; border:#ebebeb 1px solid; padding:5px;}

/* 오시는 길 */
.root_daum_roughmap {max-width:100%;}
.root_daum_roughmap .cont {display:none;}
.map_txt {display:flex; margin-top:80px;}
.map_txt > * {width:50%;}
.map_txt .tit {font-size:38px; color:#222; font-weight:500; line-height:50px;}
.map_txt .btns {margin-top:70px; display:flex; gap:16px;}
.map_txt .btns a {display:flex; align-items:center; font-size:16px; width:195px; height:53px; border-radius:27px; padding:0 20px; background:no-repeat right 20px center;}
.map_txt .btns .kakao {background-image:url('/images/icon_kakao.png'); background-color:#fedd0d; color:#371c1d;}
.map_txt .btns .naver {background-image:url('/images/icon_naver.png'); background-color:#10d265; color:#fff;}
.map_txt .con .i {position:relative; padding-left:162px; font-size:18px; color:#666; font-weight:300; line-height:52px;}
.map_txt .con .i + .i {margin-top:20px;}
.map_txt .con .i:before {content:""; position:absolute; top:0; left:0; width:52px; aspect-ratio:1/1; background:#f5f5f5 no-repeat 50% 50%; border-radius:50%;}
.map_txt .con .i strong {position:absolute; top:0; left:75px; color:#222; font-weight:700;}
.map_txt .con .line {width:100%; height:1px; background:#ebebeb; margin:45px 0;}
.map_txt .con .i1:before {background-image:url('/images/icon_map01.png');}
.map_txt .con .i2:before {background-image:url('/images/icon_map02.png');}
.map_txt .con .i3:before {background-image:url('/images/icon_map03.png');}
.map_txt .con .i4:before {background-image:url('/images/icon_map04.png');}
.map_txt .con .i4 span {color:#8445ce; font-weight:600;}
.map_txt .con .i4 span i {font-size:14px; color:#fff; background:#8445ce; padding:0 8px; border-radius:10px; line-height:20px; height:20px; margin-right:10px;}

/* 네트워크&보안 */
.network_top {background-image:url('/images/bg_network_top.jpg');}
.gbox_img {background:#fbfcfb; padding:75px 20px; font-size:0; text-align:center; border-radius:10px;}

.sub_txt {text-align:center;
  font-size: 1.125rem;  /* 18px */
  margin-top: 2.5em;
  color: #222;
}
.implementation_case {display:flex; flex-wrap:wrap; gap:50px 20px;}
.implementation_case li {width:calc((100% - 60px)/4);}
.implementation_case img {border-radius:10px;}
.implementation_case p {font-size:18px; color:#222; font-weight:600; line-height:1; margin-top:20px; text-align:center;}
.glbox_area {display:flex; gap:48px; margin-top:170px;}
.glbox_area .gbox,
.glbox_area .glbox {width:calc(50% - 24px); text-align:center;}
.glbox.mt {margin-top:60px;}
.gbox .tit,
.glbox .tit {font-size:34px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:50px;}
.img_tbl {display:flex; gap:64px;}
.tabs {display:flex; justify-content:center; gap:18px; margin-bottom:80px;}
.tabs li {width:135px;}
.tabs button {display:block; font-size:18px; color:#888; font-weight:500; line-height:58px; height:60px; width:100%; text-align:center; border:#e1e1e1 1px solid; border-radius:5px;}
.tabs .on button {color:#fff; font-weight:700; background:#04375e; border-color:#04375e;}
.service_area dl {display:flex; align-items:center;}
.service_area dt {width:50%;}
.service_area dd {width:50%; padding-left:55px;}
.service_area .monts {font-size:28px; color:var(--iden2); font-weight:700;}
.service_area .tit {font-size:28px; color:#222; font-weight:700; line-height:1; margin:16px 0 38px;}
.service_area p {font-size:18px; color:#222; line-height:28px;}
.service_area dl:nth-child(2n) {flex-direction:row-reverse;}
.service_area dl:nth-child(2n) dd {padding-left:0;}
.partner {display:flex; flex-wrap:wrap; gap:28px;}
.partner .box {width:calc((100% - 56px)/3); border:#ebebeb 1px solid; padding:0 24px;}
.partner .img {line-height:114px; text-align:center; font-size:0;}
.partner .dots_list {padding:24px 0; border-top:#ebebeb 1px solid;}
.partner .dots_list p {line-height:30px;}
.partner .dots_list p:before {background:#c2c2c2;}

.partner-img {margin-bottom:10px;}
.logo-center {display:flex;justify-content:center;align-items:center; overflow:hidden;}
.logo-hover {transition:transform 0.25s cubic-bezier(.33,1.02,.69,1.04);}
.logo-hover:hover {transform:scale(1.10);}


/* 서버 시스템 */
.server_top {background-image:url('/images/bg_server_top.jpg');}

/* 정보보안 솔루션 */
.company-list {display:flex;justify-content:space-between;gap:1rem;margin:2rem 0; }
.company {flex:1 1 0;min-width:0;background:#fafafa;padding:1rem 0.5rem;border-radius:0.5rem;text-align:center; }
.company img {padding:10px 10px 30px 10px;}
.company .name {font-size:1.5rem;font-weight:600;margin-bottom:0.2em; color:#222;}
.company .name::before {content:"";display:block;width:60%;height:2px;background:#e2e2e2; margin: 0.5em auto 1em; border-radius:1px;}
.company .title {font-size:1.125rem;font-weight:600;margin:2em 0 1.5em;}
.company .solutions {list-style:none;padding:0;margin:0;}
.company .solutions li {font-size:1.125rem;margin:0.2em 0;word-break:keep-all;}
.company .solutions li b {font-weight:400;}


/* 통합보안 */
.security_top {background-image:url('/images/bg_security_top.jpg');}
.security_top ~ .gbox {position:relative; background:#f8f8f8;}
.security_top ~ .gbox + .gbox {margin-bottom:45px;}
.security_top ~ .gbox + .gbox:before {content:""; position:absolute; top:0; left:45px; width:calc(100% - 90px); height:1px; background:#e1e1e1;}

/* 전기 및 통신공사 */
.tri_area2 {display:flex; flex-wrap:wrap; gap:20px; margin-top:10px;}
.tri_area2 li {box-sizing:border-box; width:calc((100% - 40px)/3); border:1px solid #e1e1e1; border-radius:5px; overflow:hidden; background:#fff;}
.tri_area2 .img img {width:100%; display:block;}
.tri_area2 .txt {padding:35px 20px 70px;}
.tri_area2 .tt {font-size:20px; color:var(--iden,#a50639); font-weight:700; line-height:31px; margin-bottom:20px;}
.tri_area2 p {color:#777; font-weight:500; line-height:26px;}


/* 코닝 */
.corning_top {background-image:url('/images/bg_corning_top.jpg');}
.corning01 {gap:34px;}
.corning01 > * {width:calc(50% - 17px);}
.corning01 .txt {padding:60px 40px; border-radius:5px;}
.corning01 li {padding:45px 0; border-bottom:#ddd 1px dotted;}
.corning01 li:first-child {padding-top:0;}
.corning01 li:last-child {padding-bottom:0; border-bottom:0;}
.corning01 .tt {font-size:23px; color:var(--iden); font-weight:700; line-height:46px; margin-bottom:15px;}
.corning01 .tt span {display:inline-block; vertical-align:top; width:40px; height:46px; line-height:46px; text-align:center; font-size:20px; color:#fff; font-weight:500; border-radius:5px; margin-right:20px; background:var(--iden);}
.corning01 p {color:#222; line-height:26px;}
.corning02 {gap:26px; margin-bottom:80px;}
.corning02 > * {flex:1 1 auto;}
.corning02 .chart {width:784px; background:#f4f6fa; padding:20px;}
.corning02 .img {border-radius:5px; overflow:hidden;}
.tri_area {display:flex; gap:20px; margin-top:150px;}
.tri_area li {width:calc((100% - 40px)/3); border:#e1e1e1 1px solid; border-radius:5px; overflow:hidden;}
.tri_area .txt {padding:35px 20px 70px;}
.tri_area .tt {font-size:20px; color:var(--iden); font-weight:700; line-height:31px; margin-bottom:20px;}
.tri_area p {color:#777; font-weight:500; line-height:26px;}
.corning03 dl {display:flex;}
.corning03 dl + dl {margin-top:30px;}
.corning03 dt {width:455px;}
.corning03 dd {width:calc(100% - 455px); padding:30px; border:#e1e1e1 1px solid; border-radius:0 5px 5px 0; display:flex; flex-direction:column; justify-content:center;}
.corning03 dd strong {display:block; font-size:20px; color:var(--iden2);}
.corning03 dd p {color:#777; font-weight:500; margin-top:20px;}
.corning04 {display:flex; flex-wrap:wrap; gap:55px 24px;}
.corning04 > li {width:calc((100% - 120px)/6); text-align:center;}
.corning04 > li.set2 {width:calc(((100% - 120px)/6)*2 + 24px);}
.corning04 i {display:block; width:100%; aspect-ratio:107/76; border:#e1e1e1 1px solid; border-radius:5px; overflow:hidden; font-size:0;}
.corning04 p {font-size:15px; color:#777; line-height:23px; margin-top:15px;}
.corning04 ul {display:flex; gap:24px;}
.corning04 ul li {width:calc(50% - 12px);}
.corning05 {display:flex; flex-wrap:wrap; gap:20px;}
.corning05 li {width:calc((100% - 40px)/3); border:#e1e1e1 1px solid; border-radius:5px;}
.corning05 .imgfit {border-bottom:#e1e1e1 1px solid;}
.corning05 .txt {padding:40px 20px;}
.corning05 strong {display:block; font-size:20px; color:var(--iden); margin-bottom:15px;}
.corning05 p {font-weight:500;}
.corning07 {display:flex; gap:24px;}
.corning07 dl {width:calc((100% - 48px)/3);}
.corning07 dt {font-size:24px; color:#fff; font-weight:700; line-height:68px; text-align:center; background:var(--iden2); font-weight:700; border-radius:5px;}
.corning07 dd {position:relative; padding:20px 20px 20px 180px; height:110px; display:flex; align-items:center; border:#e1e1e1 1px solid; border-radius:5px; margin-top:10px;}
.corning07 dd i {position:absolute; top:0; left:0; width:180px; height:100%; display:flex; justify-content:center; align-items:center; align-items:center;}

.corning_wrap {display:flex; width:100%; height:320px; border:1px solid #e1e1e1; border-radius:7px; overflow:hidden; background:#fff; margin-top:80px;}
.corning_img {flex:1; background:url('/images/img_corning_end.jpg') no-repeat 50% 50%/cover;}
.corning_end {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:32px; color:#085aa9; text-align:center; text-decoration:none;}
.corning_end p {font-size:24px; font-weight:700; margin-bottom:24px;}
.corning_end strong {display:flex; flex-direction:row; align-items:center; justify-content:center; font-size:48px; gap:18px;}
.corning_end strong img {display:block; width:auto;  margin-right:16px;}
.corning_end:hover {background:#f4faff; transition:background 0.3s;}



/* 전국통합유지보수 */
.maintenance_top {background-image:url('/images/bg_maintenance_top.jpg');}
.maintenance02 {background:url('/images/bg_maintenance02.jpg') no-repeat 50% 50% / cover; padding:30px 0 35px; margin-top:200px;}
.maintenance02 .inner {display:flex;}
.maintenance02 .txt {width:840px;}
.maintenance02 .logo {padding:25px 0 45px; text-align:center;}
.maintenance02 dl {display:flex;}
.maintenance02 dl + dl {margin-top:20px;}
.maintenance02 dt {position:relative; width:235px; padding-left:60px; background:linear-gradient(90deg, #004172 0px, #005494 54px, #00599d 60px, #00599d 100%); border-radius:25px 0 0 25px; font-size:13px; color:#fff; font-weight:700; line-height:50px; text-align:center;}
.maintenance02 dt:before {content:""; position:absolute; top:0; left:54px; width:6px; height:100%; background:#fff;}
.maintenance02 dd {width:calc(100% - 210px); line-height:50px; padding-left:20px; font-size:13px; color:#222; font-weight:500; background:linear-gradient(90deg, #f5f5f5 0%,#f5f5f5 80%,#f5f5f500 100%);}
.maintenance02 .map {width:560px; text-align:center;}


/* 컨설팅 */
.consulting_top {font-size:39px; color:#fff; font-weight:700; line-height:1; background:url('/images/bg_consulting_top.jpg') no-repeat 50% 50% / cover; border-radius:10px; height:342px;}

/* 전체 감싸는 컨테이너 */
.step-section {max-width:1400px;margin:50px auto;}
/* 위쪽 동그라미 영역 */
.step-circles {display:flex;justify-content:space-between;align-items:flex-start;gap:0;}
.circle-wrap {display:flex;flex-direction:column;align-items:center;flex:1;}
.circle {width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#00b9ef 0%,#2b4dff 100%);display:flex;align-items:center;justify-content:center;position:relative;}
.circle:after {content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:#fff;border-radius:50%;z-index:1;}
.circle img {width:44px;height:44px;z-index:2;position:relative;}
.step-label {margin-top:18px;font-size:18px;color:#222;font-weight:500;letter-spacing:-0.5px;text-align:center;}

.service-boxes {display:flex;justify-content:space-between;gap:32px;margin-top:32px;max-width:1400px;margin-left:auto;margin-right:auto;}
.service-box {flex:1;min-width:0;background:#fff;border-radius:18px;box-shadow:0 2px 14px rgba(0,0,0,0.08);display:flex;flex-direction:column;align-items:center;padding:32px 10px 26px 10px;}


.service-box img {width:60px;height:60px;margin-bottom:16px;}
.service-title {font-size:20px;font-weight:600;color:#2b4dff;margin-bottom:8px;text-align:center;}
.service-desc {font-size:17px;color:#666;text-align:center;line-height:1.4;}

/* 해외사업 */
.overseas_top {font-size:39px; color:#fff; font-weight:700; line-height:1; background:url('/images/bg_overseas_top.png') no-repeat 50% 50% / cover; border-radius:10px; height:342px;}


/* 장애접수 */
.contact_top {background-image:url('/images/bg_contact_top.jpg');}
.btn_submit {display:block; font-size:24px; color:#fff; font-weight:700; line-height:72px; width:360px; border-radius:5px; background:var(--iden2); text-align:center; margin:50px auto 0;}


.terms_area {margin-top:75px;}
.terms_area .tit {font-size:28px; color:#222; font-weight:700; line-height:1; margin-bottom:30px;}
.terms_area .tt {position:relative; font-size:19px; color:#222; font-weight:500; line-height:20px; margin-bottom:10px; padding-left:20px;}
.terms_area .tt:before {content:""; position:absolute; top:50%; left:0; width:8px; height:8px; background:#b9b9b9; border-radius:50%; transform:translateY(-50%);}
.terms_area .textarea {border:#ebebeb 1px solid; padding:20px;  height:140px; overflow:auto; font-size:15px; line-height:1.4; margin-bottom:20px;}
.terms_area .slice {margin:30px 0; width:100%; height:1px; background:#ebebeb;}


.yaks {border:#ddd 1px solid; padding:10px;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#222;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#222;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}