@charset "utf-8";
/* 공통 */
.sub-tab { display: flex; margin-top: 47px; flex-wrap: wrap; gap: 8px;}
.sub-tab li a { line-height: 1.2em; color: #999; font-size: var(--font-size18); font-weight: 600; padding: 12px 20px; border-radius: 25px; background: #f9f9f9; display: inline-block; }
.sub-tab li.active a,
.sub-tab li a:hover { color: #005baa; background: #F3F7FB;}
.sub-pd { padding: 100px 0;}
.sub-pd.bg { background: #fbfbfb; }
.sub-pd.bd { border-bottom: 1px solid #ddd;}
.sub-pd.first { padding-bottom: 100px; padding-top: 0; } 
.sub-pd.last { padding-top: 100px; padding-bottom: 0; } 
.subtit { font-size: var(--font-size28); color: #222; line-height: 1.5em; font-weight: 600; position: relative; margin-bottom: 55px; padding-left: 28px; }
.subtit.mg { margin-bottom: 30px; }
.subtit::before { content: ""; position: absolute; left: 0; top: 10px; width: 12px; height: 20px; background: url(../images/sub/tit-bf.png) center no-repeat; background-size: contain;}
.subtit.fz { font-size: var(--font-size24); margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.subtit.fz::before { top: 8px; }
.subtit2 { font-size: var(--font-size24); line-height: 1.58em; color: #484848; font-weight: 500; margin-bottom: 20px; }
.subtit2.mg { margin-bottom: 0; }
.subtit2 span { color: var(--color-primary); font-weight: 600; }
.dom { display: flex; align-items: flex-start; justify-content: center; gap: 16px; text-align: center; }
.dom img { margin-top: 10px; }

/* Identity */
.it-img { text-align: center; margin-top: 55px; }
.it-fx { display: flex; align-items: center; flex-wrap: wrap;}
.it-fx>div { width: calc(100%/2); }
.it-fx .img { padding-right: 80px; }
.it-fx .img img { border-radius: 32px; }
.it-big { border-radius: 32px; overflow: hidden;}
.it-txt { padding: 30px 28px; }
.organ { text-align: center; }

/* Milestones */
.hst { position: relative;}
.hst::before { content: ""; position: absolute; left: 234px; top: 10px; width: 1px; height: 98%; background: #ddd; }
.hst .group { display: flex; margin-bottom: 120px; align-items: flex-start;}
.hst .year { width: 234px; position: relative; font-size: var(--font-size40); font-weight: 700; line-height: 1.2em; color: var(--color-primary); }
.hst .year::after { content: ""; position: absolute; right: -16px; width: 32px; height: 32px; top: 7px; background: url(../images/sub/hst-dots.png) center no-repeat; background-size: contain;}
.hst .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 140px; padding-top: 7px; }
.hst .info ul li { display: flex; margin-bottom: 22px; }
.hst .info ul li:last-child { margin-bottom: 0; }
.hst .info ul li .month { width: 95px; font-size: var(--font-size24); font-weight: 600; line-height: 1.5em; color: #242424; }
.hst .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 6px; }
.hst .info ul li .txt p { position: relative; padding-left: 14px; line-height: 1.5em; margin-bottom: 15px; }
.hst .info ul li .txt p:last-child { margin-bottom: 0; }
.hst .info ul li .txt p:before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: var(--color-primary); border-radius: 4px; }

/* Contact Us */
.map { height: 640px; border-radius: 32px; overflow: hidden; margin-bottom: 40px; }
.map iframe { width: 100%; height: 100%; }
.lct { border: 1px solid #ddd; padding: 40px 56px; border-radius: 32px; display: flex; gap: 10px 160px; flex-wrap: wrap;}
.lct.mg { margin-bottom: 24px; }
.lct .col { display: flex; align-items: center; }
.lct .col .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 24px; font-size: var(--font-size20); font-weight: 500; line-height: 1.4em; color: #484848; }

/* 게시판 공통 */
.noti-list { border-top: 2px solid #686868;}
.noti-list li { border-bottom: 1px solid #ddd;}
.noti-list li a { display: flex; padding: 40px; position: relative; align-items: center; }
.noti-list li .num { width: 56px; height: 56px; border-radius: 56px; display: flex; align-items: center; justify-content: center; margin-right: 40px; color: var(--color-primary); font-size: var(--font-size18); font-weight: 700; line-height: 1em; }
.noti-list li .num.label { background: var(--color-primary); color: #fff; }
.noti-list li .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-right: 40px; }
.noti-list li .info .tit { line-height: 1.2em; font-size: var(--font-size20); font-weight: 600; color: #222; margin-bottom: 10px; overflow:hidden; text-overflow:ellipsis;  white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: .2s;}
.noti-list li .info .tit img {vertical-align:middle; margin:-.2em 4px 0;}
.noti-list li .info .etc { display: flex; flex-wrap: wrap; gap: 7px 20px;}
.noti-list li .info .etc span { font-size: 14px; font-weight: 300; color: #484848; line-height: 1.3em; }
.noti-list li a::after { content: "→"; position: absolute; right: 40px; top: 50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size: 30px; font-weight: 700; color: #777; line-height: 1em; transition: .2s;}
.noti-list li a:hover { background: #f3fbfe;}
.noti-list li a:hover .info .tit { color: var(--color-primary);}
.noti-list li a:hover::after { color: var(--color-primary);}

/* sub3 공통 */
.sub3-pd { padding-left: 28px; }
.sub3-txt { line-height: 1.77em; font-size: var(--font-size18); color: #484848;}
.sub3-txt strong { font-weight: 600; color: #005baa; }
.sub3-pd .group { margin-top: 40px; }
.sub3-pd .group h4 { font-size: var(--font-size20); font-weight: 600; line-height: 1.5em; color: #005baa; margin-bottom: 8px; }
.jum-txt { margin-top: 20px; }
.jum-txt p { line-height: 1.88em; color: #484848; padding-left: 14px; position: relative; }
.jum-txt p span { color: var(--color-primary);}
.jum-txt p strong { font-weight: 600; }
.jum-txt p:before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: var(--color-primary); border-radius: 4px; }
.sub3-tbl-wrap { overflow: auto;}
.sub3-tbl { width: 100%; border-collapse: collapse; border-top: 2px solid #686868;}
.sub3-tbl tr { border-bottom: 1px solid #ddd;}
.sub3-tbl tr th { border-right: 1px solid #ddd; text-align: left; font-weight: 600; color: #222; line-height: 1.2em; padding: 18px 20px; background: #f3fbfe; }
.sub3-tbl tr th:last-child { border: none; }
.sub3-tbl tr td { border-right: 1px solid #ddd; text-align: left; color: #484848; line-height: 1.3em; padding: 17px 10px; padding-left: 20px; }
.sub3-tbl tr td.fw { font-weight: 600; }

/* On-Device AI */
.dv-txtbox { text-align: center; padding: 60px 15px; border-radius: 40px; border: 1px solid #C5DAEC; margin-top: 40px; }
.dv-dia { text-align: center; }
.dv-fx { display: flex; gap: 18px; margin-top: 40px; flex-wrap: wrap;}
.dv-fx>div { width: calc(100%/2 - 9px); }
.dv-fx .left { text-align: center; padding: 60px 10px; border: 1px solid #C5DAEC; border-radius: 32px; }
.dv-fx .left h5 { color: var(--color-primary); font-size: var(--font-size24); font-weight: 600; line-height: 1.5em; margin-bottom: 8px; }
.dv-fx .left p { color: #999; line-height: 1.5em; margin-bottom: 65px; font-weight: 300; }
.dv-fx .left .img-fx { display: flex; align-items: center; gap: 70px; justify-content: center;}
.dv-fx .right .col { display: flex; border: 1px solid #C5DAEC; padding: 20px; border-radius: 16px; margin-bottom: 18px; align-items: flex-start;}
.dv-fx .right .col:last-child {margin-bottom: 0; }
.dv-fx .right .col img { margin-top: 4px; }
.dv-fx .right .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 24px; }
.dv-fx .right .col .info strong { display: block; font-weight: 600; margin-bottom: 3px; }
.dv-fx .right .col .info span { display: block; color: #484848; }

/* Zero Trust */
.zero-fx { display: flex; gap: 24px; flex-wrap: wrap;}
.zero-fx>div { width: calc(100%/2 - 12px); border-radius: 32px; text-align: center; overflow: hidden;}
.zero-fx>div .tit { color: #fff; font-size: var(--font-size20); font-weight: 600; line-height: 1.2em; padding: 20px 10px;}
.zero-fx>div .info { padding: 0 10px;}
.zero-fx>div .info p { padding: 30px 0;}
.zero-fx>div .info p strong { color: #484848; font-weight: 600; }
.zero-fx .red { border: 1px solid #B32524;}
.zero-fx .red .tit { background: #B32524;}
.zero-fx .blue { border: 1px solid var(--color-primary);}
.zero-fx .blue .tit { background: var(--color-primary);}
.zero-img { border-radius: 30px; }

/* Server */
.sv-img { border-radius: 32px; position: relative; overflow: hidden;}
.sv-img::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 32px; border: 1px solid #ddd;}
.sv-img2 { border-radius: 32px; position: relative; overflow: hidden; background: #f2fafe; text-align: center; }