@charset "utf-8";

.bbs-top {display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:110px; padding:20px 65px; margin-bottom:35px; font-family:'ChosunGu',sans-serif; color:#fff; font-size:20px; line-height:1.5em; letter-spacing:-.05em; text-align:center; background-position:50% 50%; background-repeat:no-repeat;}
.bbs-top:after{content:''; min-height:inherit; font-size:0;}
.bbs-top.between p {flex:1 1 auto; min-width:0; width:1%; text-align:left; margin-right:30px;}
.bbs-top.bg1 {background-image:url("../images/sub/bbs_top_img1.jpg");}
.bbs-top.bg2 {background-image:url("../images/sub/bbs_top_img2.jpg");}
.bbs-top.bg3 {background-image:url("../images/sub/bbs_top_img3.jpg");}
.bbs-top.bg4 {background-image:url("../images/sub/bbs_top_img4.jpg");}
.bbs-top.bg5 {background-image:url("../images/sub/bbs_top_img5.jpg");}
.bbs-top.bg6 {background-image:url("../images/sub/bbs_top_img6.jpg");}
.bbs-top.bg7 {background-image:url("../images/sub/bbs_top_img7.jpg");}
.bbs-top.bg7 p {margin-left:26%;}
.bbs-top.bg8 {background-image:url("../images/sub/bbs_top_img8.jpg");}
.bbs-top.bg9 {background-image:url("../images/sub/bbs_top_img9.jpg"); background-size:contain;}
.bbs-top .btn {display:inline-block; margin-top:13px; padding:12px 25px; font-size:18px; line-height:1.3em; background:#01338e; border-radius:4px;}
.bbs-top .ionq {margin-bottom:-44px; margin-right:-20px;}
.bbs-top .dwave {margin-bottom:-44px; margin-right:-20px;}
.bbs-top .quote {position:relative; margin:0 6px; font-size:90px; line-height:0; font-family:'GmarketSans',sans-serif;}
.bbs-top .quote.s {bottom:-.45em;}
.bbs-top .quote.e {bottom:-.66em;}

.doc-tit {position:relative; padding-left:33px; margin-bottom:20px; font-size:26px; line-height:1.3em; letter-spacing:-.03em;}
.doc-tit:before {content:""; position:absolute; top:5px; left:0; width:23px; height:23px; background:url("../images/sub/bullet.png") 50% 50% no-repeat;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt:last-child {margin-bottom:0;}

.greetings {font-size:18px; line-height:1.667em; letter-spacing:-.03em;}
.greetings .heading {padding:40px 28px 50px; margin-bottom:70px; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd;}
.greetings .heading h3 {position:relative; padding-left:40px; font-size:26px; font-weight:500; line-height:1.385em; letter-spacing:-.03em;}
.greetings .heading h3 strong {color:#275bc5;}
.greetings .heading .quote {position:relative; font-size:100px; line-height:0; font-weight:400; font-family:'GmarketSans',sans-serif; color:#275bc5;}
.greetings .heading .quote.s {position:absolute; left:0; top:.475em;}
.greetings .heading .quote.e {bottom:-.54em; margin-left:10px;}
.greetings .content ol  {margin:40px 0;}
.greetings .content ol li {display:flex; align-items:center; padding:12px 0;}
.greetings .content ol li .num {position:relative; margin-right:25px; width:64px; height:64px; display:flex; align-items:center; justify-content:center; color:#fff; font-family:'Nanum Myeongjo', serif; font-size:20px; font-weight:700; line-height:1.3em; border-radius:100%;}
.greetings .content ol li .num:after {content:""; position:absolute; width:6px; height:6px; border-radius:100%;}
.greetings .content ol li .num.st1 {background:#123b8e;}
.greetings .content ol li .num.st1:after {background:#7db7fe; top:5%; left:15%;}
.greetings .content ol li .num.st2 {background:#17b4e3;}
.greetings .content ol li .num.st2:after {background:#123b8e; top:5%; right:15%;}
.greetings .content ol li .txt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .content ol li .c1 {color:#0057c2;}
.greetings .content ol li .c2 {color:#11a5d1;}
.greetings .bottom {position:relative; margin-top:36px; color:#fff; text-align:right; font-size:16px; line-height:1.625em; padding:50px; background:url("../images/sub/greeting_bottom.jpg") 50% 50% no-repeat; background-size:cover;}
.greetings .bottom .in {margin-right:415px;}
.greetings .bottom .date {font-size:24px; line-height:1.3em; margin-bottom:3px;}
.greetings .bottom .img {position:absolute; bottom:0; right:97px;}

.vision1 {border-top:1px solid #bdbdbd; padding:42px 0 120px;}
.vision1 h3 {margin-bottom:60px;}
.vision1 ul {text-align:center; display:flex; justify-content:space-evenly;}
.vision1 ul li {padding:0 20px; color:#000; font-size:18px; line-height:1.667em; letter-spacing:-.03em;}
.vision1 ul li .tit {margin:27px 0 8px; font-size:22px; line-height:1.4em;}
.vision1 ul li .tit strong {font-weight:500;}

.vision2 h3 {margin-bottom:32px;}
.vision2 .row {display:flex; justify-content:space-between;}
.vision2 .col {width:31%; max-width:367px; padding:18px 18px 44px; font-size:18px; line-height:1.667em; letter-spacing:-.03em; border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,.08);}
.vision2 .col img {display:block; margin-bottom:25px;}
.vision2 .col ul {margin-left:5px;}
.vision2 .col ul li {position:relative; padding-left:15px;}
.vision2 .col ul li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700; font-size:.85em;}

.org {border-top:1px solid #bdbdbd; padding:85px 0 60px; text-align:center;}

.org-cp {border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; margin-bottom:47px; padding:40px 0; text-align:center; overflow:hidden;}
.org-cp ul {display:flex; justify-content:center; margin:0 -50px;}
.org-cp ul li {padding:0 50px;}

.comp-list ul {display:flex; justify-content:center; margin:0 -10px;}
.comp-list ul li {padding:0 10px;}

.history {border-top:1px solid #bdbdbd; padding-top:70px; display:flex; font-size:18px; line-height:1.667em; letter-spacing:-.025em;}
.history .title {width:300px; text-align:center;}
.history .content {position:relative; flex:1 1 auto; min-width:0; width:1%; padding-top:12px;}
.history .content:before {content:""; position:absolute; top:25px; left:0; bottom:0; width:1px; background:#0c2986;}
.history .group {position:relative; margin-left:37px; margin-right:29px; padding:51px 0 51px 60px; border-bottom:1px solid #e3e7f1;}
.history .group:before {content:""; position:absolute; top:60px; left:-42px; width:11px; height:11px; background:#0c2986; border-radius:100%;}
.history .group dl {position:relative; padding-left:96px;}
.history .group dt {position:absolute; top:0; left:0; color:#000; font-weight:700;}
.history .group dd {margin-bottom:16px;}
.history .group dl:last-child dd:last-child {margin-bottom:0;}
.history .group:first-child {padding-top:0;}
.history .group:first-child::before {top:10px;}

.root_daum_roughmap {width:100% !important;}

.location-info {margin-bottom:45px;}
.location-info dl {display:flex; align-items:center; padding:15px 45px; border-bottom:1px solid #e2e2e2; font-size:18px; line-height:1.667em; letter-spacing:-.025em;}
.location-info dt {display:flex; align-items:center; margin-right:14px; color:#000; font-weight:500;}
.location-info dt img {margin-right:30px;}
.location-info dd {flex:1 1 auto; min-width:0; width:1%;}

.traffic-info {font-size:18px; line-height:1.667em; letter-spacing:-.025em;}
.traffic-info .group {margin-bottom:55px; display:flex;}
.traffic-info .group:last-child {margin-bottom:0;}
.traffic-info .ico {margin:0 34px 0 9px; width:130px;}
.traffic-info .cnt {flex:1 1 auto; min-width:0; width:1%;}
.traffic-info .cnt h4 {color:#000; font-size:22px; line-height:1.3em; letter-spacing:-.05em; margin-bottom:20px;}
.traffic-info .cnt dl {margin-bottom:25px;}
.traffic-info .cnt dl:last-child {margin-bottom:0;}
.traffic-info .cnt dt {font-weight:700; margin-bottom:3px;}

.human-dev-cnt {font-size:18px; line-height:1.444em; margin-bottom:70px;}
.human-dev-cnt ul {display:flex; margin:0 -15px;}
.human-dev-cnt ul li {width:33.33333333%; padding:0 15px;}
.human-dev-cnt ul li .img {margin-bottom:27px;}
.human-dev-cnt ul li .cnt {margin-left:20px;}
.human-dev-cnt ul li .tit {margin-bottom:8px; font-size:24px; line-height:1.4em; letter-spacing:-.05em; color:#000;}

.human-dev-cnt2 {display:flex; align-items:center; justify-content:center; overflow:hidden; height:360px; padding:40px; color:#fff; font-size:26px; line-height:1.5em; text-align:center; background:url("../images/sub/human_dev_bottom.jpg") 50% 50% no-repeat;}
.human-dev-cnt2 strong {margin:0 10px;}
.human-dev-cnt2 .quote {position:relative; margin:0 6px; font-size:60px; font-weight:700; line-height:0; font-family:'GmarketSans',sans-serif;}
.human-dev-cnt2 .quote.s {bottom:-.30em;}
.human-dev-cnt2 .quote.e {bottom:-.66em;}

.qcenter-support {border-top:1px solid #bdbdbd; margin-bottom:40px; font-size:18px; line-height:1.667em; letter-spacing:-.05em;}
.qcenter-support .title {padding:40px 520px 30px 36px;  background:url("../images/sub/obj_human.png") right 60px top 47px no-repeat;}
.qcenter-support .title h3 {font-family:'GmarketSans',sans-serif; color:#1e83ff; font-size:30px; line-height:1.33em; letter-spacing:-.05em; margin-bottom:7px;}
.qcenter-support .title h3 strong {font-size:1.33em; color:#1f255d; line-height:1.33em; letter-spacing:-.05em;}
.qcenter-support .title p {color:#000; font-size:20px; line-height:1.5em; letter-spacing:-.05em;}
.qcenter-support .content {padding:30px 50px; background:#e8edf5; border-radius:10px;}
.qcenter-support .content .group {display:flex; padding:5px 0;}
.qcenter-support .content .tit {position:relative; width:154px; padding-left:38px; color:#000;}
.qcenter-support .content .tit .num {position:absolute; top:2px; left:0; width:26px; height:26px; text-align:center; color:#fff; font-family:'GmarketSans',sans-serif; font-size:15px; font-weight:700; line-height:26px; background:#01338e; border-radius:100%;}
.qcenter-support .content .cnt {flex:1 1 auto; min-width:0; width:1%;}
.qcenter-support .content .dl {display:flex; margin-bottom:25px; text-align:center;}
.qcenter-support .content .dl dl {min-width:153px; margin-right:4px;}
.qcenter-support .content .dl dl:last-child {margin-right:0;}
.qcenter-support .content .dl dt {padding:5px; color:#fff; background:#17b4e3; border-radius:10px; margin-bottom:6px;}
.qcenter-support .content .dl dd {padding:9px; color:#000; background:#fff; border-radius:10px; border:1px solid #d5d5d5;}
.qcenter-support .content .st {color:#1f255d; margin-top:-10px;}
.qcenter-support .content .st ol {display:flex; flex-wrap:wrap;}
.qcenter-support .content .st ol li {display:flex; align-items:center;}
.qcenter-support .content .st ol li:after {content:""; display:inline-block; margin:0 8px 0 4px; width:10px; height:10px; transform:rotate(45deg); border-top:3px solid #01338e; border-right:3px solid #01338e;}
.qcenter-support .content .st ol li:last-child::after {display:none;}
.qcenter-support .content .st ol li .box {height:100%; min-width:135px; padding:5px 25px; text-align:center; background:#fff; border:3px solid #2b5385; border-radius:14px;}

.quantum-fab {border-top:1px solid #bdbdbd; padding-top:70px; font-size:18px; line-height:1.667em; letter-spacing:-.05em;}
.quantum-fab .top-txt {text-align:center; color:#888; font-size:24px; font-weight:700; line-height:1.6em; letter-spacing:-.05em; margin-bottom:100px;}
.quantum-fab .top-txt strong {color:#2342a4;}
.quantum-fab .top-txt.mg {margin-bottom:80px;}
.quantum-fab .arrow {text-align:center; margin:-23px 0 -80px; position:relative;}
.quantum-fab .cnt1 {text-align:center;}
.quantum-fab .cnt2 {text-align:center; display:flex; justify-content:center; padding:125px 30px 66px; border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,.08);}
.quantum-fab .cnt2 .box {max-width:375px; width:48%; color:#fff; border-radius:10px; padding:55px 30px 30px; margin:0 3px;}
.quantum-fab .cnt2 .box.st1 {background:#7bb927;}
.quantum-fab .cnt2 .box.st2 {background:#272668;}
.quantum-fab .cnt2 .box img {display:block; margin:0 auto 35px;}
.quantum-fab .cnt2 .box .tit {font-size:20px;}
.quantum-fab .round-box {padding:27px 20px; border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,.08);}
.quantum-fab .comp-list {margin-top:42px;}

/* 2024-12-11 유지보수 */
.it-img { background: url(../images/sub/sub3-1-img.jpg) center no-repeat; background-size: cover; height: 400px;}
.it-tc { text-align: center; }
.it-titbox { background: #fff; display: inline-block; text-align: center; font-size: 26px; font-weight: 500; line-height: 1.6em; color: #000; padding: 60px 70px; position: relative; margin-top: -100px;}
.it-txt { font-size: 16px; font-weight: 300; color: #000; margin-top: 20px; text-align: center; margin-bottom: 80px; }