@charset "UTF-8";

.sub-vis {position:relative; width:100%; height:866px; margin-bottom:100px; z-index:1;overflow:hidden;}
.sub-vis .content {position:absolute; bottom:200px; color:#fff; left:0; width:100%; padding:0 30px; z-index:10}
.sub-vis .content em {font-style: normal; font-size:28px; line-height:1.5em; margin-bottom:10px;}
.sub-vis .content h2 {font-size:90px; line-height:1.3em; font-weight: 700;}
.sub-vis .background {position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transform:scale(1.09); -ms-transform:scale(1.09); -moz-transform:scale(1.09); -webkit-transform:scale(1.09); -o-transform:scale(1.09); transition: all 2s ease-out 0s; transition-delay: 0.1s; z-index:0;}
.sub-vis.load .background {transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);}

.page-url-cloud-services--fc .sub-vis .background {background-image:url('../img/common/sub_vis1.jpg')}
.page-url-xdn-service--fc .sub-vis .background {background-image:url('../img/common/sub_vis1_2.jpg')}
.page-url-utm-service--fc .sub-vis .background {background-image:url('../img/common/sub_vis1_3.jpg')}
.page-url-colocation--fc .sub-vis .background {background-image:url('../img/common/sub_vis1_4.jpg')}
.page-url-server-hosting--fc .sub-vis .background {background-image:url('../img/common/sub_vis1_5.jpg')}
.page-url-company--fc .sub-vis .background {background-image:url('../img/common/sub_vis2.jpg')}
.page-url-contact--fc .sub-vis .background {background-image:url('../img/common/sub_vis3.jpg')}
.dep1-policy--fc .sub-vis .background {background-image:url('../img/common/sub_vis1.jpg')}

.dep1-business--fc .sub-vis{margin-bottom:0;}


#lnb {margin-bottom:100px; border-bottom: 1px solid #dedede;}
.lnb {max-width:1440px; margin:0 auto; padding:0 20px; text-align:center;}
.lnb ul {display:flex; margin-right:-13px;}
.lnb ul li {width:auto; flex:1; text-align:center; margin-right:13px;}
.lnb ul li a {position: relative; display:flex; align-items:center; padding-top:15px; justify-content: center; height:78px; color:rgba(21,21,21,.80); font-size:20px; line-height:1.4em; }
.lnb ul li a:after {content:""; position: absolute; bottom:0; left:0; width:100%; height:4px; background:#dedede;}
.lnb ul li a:before {content:""; position: absolute; top:20px; left:50%; width:9px; height: 9px; background:#437abe; border-radius: 100%; margin-left:-4.5px; opacity:0;}
.lnb ul li.active a {color:#437abe; font-weight: 700;}
.lnb ul li.active a:after {background:#437abe}
.lnb ul li.active a:before {opacity:1;}


.lnb-menu {margin-bottom: 44px;}
.lnb-menu ul {display:flex; justify-content: center;}
.lnb-menu ul li {text-align:center;padding: 0 25px; position:relative;}
.lnb-menu ul li:after {content:""; position: absolute; top:50%; left:0; width:1px; height:30px; background:#dedede; margin-top:-15px;}
.lnb-menu ul li:first-child:after {display:none;}
.lnb-menu ul li a {width:366px; display:flex; height:64px; align-items: center; justify-content: center; font-size:20px; line-height:1.4em; border-radius: 64px; color:rgba(21,21,21,.80); border:1px solid #c1c1c1; position:relative;}
.lnb-menu ul li.on a {border-color:#437ec1; background-color:#437ec1; font-weight: 700; color:#fff;}



/* content */
#contArea {position:relative; max-width:1440px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

.sub-title {margin-bottom: 70px;}
.sub-title h3 {font-size:50px; line-height:1.4em; font-weight: 900; color:#202020; margin-bottom:10px;}
.sub-title .txt {font-size:32px; line-height:1.4em; font-weight: 800; color:#437abe; margin:30px 0 10px;}
.sub-title .p-txt {font-size:22px; line-height:1.4em; font-weight: 700; color:#202020; margin-bottom:10px;}
.sub-title p {font-size:20px; line-height:1.4em; color:#6f6f6f;}
.sub-title.b-line {border-bottom: 1px solid #dedede; padding-bottom:50px;}

.sub-more {width:175px; height:50px; position: relative; border:1px solid rgba(255,255,255,.70); display:inline-flex; align-items: center; padding:0 24px; font-size:14px; line-height:1.4em; font-weight: 300;}
.sub-more:after {content:""; position: absolute; top:0; right:24px; width:42px; height: 100%; background:url('../img/sub/more.png') 50% 50% no-repeat; background-size:contain; transition: .3s;}
.sub-more:hover {border-color:#fff;}

.cloud-head {height:590px; display:flex; align-items: center; margin-bottom: 165px; background:url('../img/sub/aws_cloude_bg.jpg') 50% 50% no-repeat; background-size:cover; border-radius:40px;}
.cloud-head .content {padding:20px 105px; color:#fff;}
.cloud-head .content .tit {font-size:85px; line-height:1.3em; font-weight: 700; margin-bottom:10px;}
.cloud-head .content .cnt {font-size:22px; line-height:1.36em; opacity:.80; margin-bottom:46px;}
.cloud-head.ncloud {background-image:url('../img/sub/ncloud_bg.jpg')}
.cloud-head.ncloud .content {color:#0b1e34;}
.cloud-head.ncloud .sub-more {border-color:#0e2845; color:#0e2845;}
.cloud-head.ncloud .sub-more:after {background-image:url('../img/sub/more_blue_2.png');}

.fitcloud {margin-bottom: 160px; color:#202020; }
.fitcloud .box {margin-bottom:14px; display:flex; align-items: center; border-radius: 20px; padding: 50px 45px; border:1px solid #437abe;}
.fitcloud .box:last-child {margin-bottom:0;}
.fitcloud .box .ico {width: 65px; height: 65px; margin-right: 40px;}
.fitcloud .box .info {flex:1 1 auto; min-width:0; width:1%;}
.fitcloud .box dl dt {font-size:28px; line-height:1.4em; font-weight: 700; margin-bottom:12px;}
.fitcloud .box dl dd {font-size:20px; line-height:1.4em; opacity:.80;}

.aws-networks {background:#f6f6f6; padding: 140px 0;}
.aws-networks .group {display:flex; align-items: center; margin-bottom: 100px;}
.aws-networks .group:last-child {margin-bottom:0;}
.aws-networks .group .photo {width:50%;}
.aws-networks .group .photo .pic {position:relative; padding-bottom: 60.1%; border-radius: 20px; overflow:hidden;}
.aws-networks .group .photo .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.aws-networks .group .info {width:50%; padding:0 60px;}
.aws-networks .group .info h4 {font-size:40px; line-height:1.4em; color:#202020; font-weight: 700; margin-bottom:5px;}
.aws-networks .group .info p {font-size:22px; line-height:1.4em; color:#437abe; font-weight: 700; margin-bottom: 20px;}
.aws-networks .group .info ul li {font-size:20px ;line-height:1.4em; color:#202020; opacity:.80;}
.aws-networks .group .info .sub-more {margin-top: 30px; border-color:#151515; color:#151551; opacity:.50;}
.aws-networks .group .info .sub-more:after {background-image:url('../img/sub/more_black.png');}
.aws-networks .group .info .sub-more:hover {opacity:1;}
.aws-networks .group:nth-child(odd) .photo {order:2;}
.aws-networks .group:nth-child(odd) .info {order:1;}
.aws-networks.ncloud {background:#fff; padding:0; margin-bottom:140px;}

.aws-service {background:url('../img/sub/aws_bg.jpg') 50% 100% no-repeat; background-size:cover; padding: 170px 0;}
.aws-service .aws-links {margin-bottom: 160px; padding:0 50px;}
.aws-service .aws-links ul {display:flex; margin-left: -40px;}
.aws-service .aws-links ul li {width:calc(33.333333% - 40px); margin-left:40px;  text-align:center; border:1px solid #437abe; border-radius: 20px;; transition: .3s;}
.aws-service .aws-links ul li a {display:block; padding:70px 20px;}
.aws-service .aws-links ul li .logo {margin-bottom:38px;}
.aws-service .aws-links ul li .tit {font-size:22px; line-height:1.4em; font-weight: 700; color:#5395e5; margin-bottom: 16px; transition: .3s;}
.aws-service .aws-links ul li p {font-size:20px; line-height:1.36em; color:#fff; opacity:.80; margin-bottom: 50px; transition: .3s;}
.aws-service .aws-links ul li .sub-more {border-color:#437abe; color:#437abe;}
.aws-service .aws-links ul li .sub-more:after {background-image:url('../img/sub/more_blue.png');}
.aws-service .aws-links ul li:hover {background:#fff;}
.aws-service .aws-links ul li:hover p {color:#202020;}
.aws-service .box {background:rgba(48,98,158,.73); border-radius: 40px; padding: 150px 20px; text-align: center; color:#fff;}
.aws-service .box h3 {font-size:26px; line-height:1.4em; font-weight: 700; margin-bottom:26px;}
.aws-service .box .txt {font-size:43px; line-height:1.4em; font-weight: 700; margin-bottom:10px;}
.aws-service .box p {font-size:22px ;line-height:1.4em; opacity:.80; margin-bottom:66px;}
.aws-service .box .more {display:inline-flex; height:60px; align-items: center; justify-content: center; width:280px; color:#fff; background:#1b1b1b; font-size:18px; line-height:1.4em; border-radius: 10px;}
.aws-service .box .more:hover {background:#000;}

.business-inner .group {padding: 120px 0;}
.business-inner .group:first-child {padding-top:0;}
.business-inner .group:nth-child(even) {background:#f6f6f6;}

.video-container {position:relative; padding-bottom:56.25%; overflow:hidden;}
.video-container video,
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.xdn-head {display:flex; align-items: center; color:#181818;}
.xdn-head .info {flex:1 1 auto; min-width:0; width:1%; padding-right: 70px;}
.xdn-head .info h2 {font-size:65px; line-height:1.4em; font-weight: 700;  margin-bottom:20px;}
.xdn-head .info .cnt {font-size:20px; line-height: 1.36em; opacity:.80; margin-bottom:30px;}
.xdn-head .info .cnt:last-child {margin-bottom:0;}
.xdn-head .video {width:750px; border-radius: 40px; overflow: hidden;}

.xdn-features {border-top: 3px solid #1b1b1b;}
.xdn-features ul li {border-bottom: 1px solid rgba(0,0,0,.50); padding:35px 100px; display:flex; align-items: center;}
.xdn-features ul li .num {width:84px; font-size:30px; line-height:1.4em; font-weight: 700; color:#437abe}
.xdn-features ul li .info {flex:1 1 auto; min-width:0; width:1%; font-size:22px; line-height:1.3em; color:#202020; font-weight: 700;}

.xdn-service {border:1px solid #437abe; border-radius: 40px; background:#fafafa; padding:85px 120px; text-align:center;}
.xdn-service.nodes {padding: 85px 50px;}
.xdn-service.nodes .msp {margin-bottom: 85px;}
.xdn-service.nodes .box {background:#fff; border-radius: 40px; padding:60px 20px; text-align: center; border:1px solid #437abe;}

.xdn-maps .box {background:#fff; border-radius: 40px; padding:50px 20px; text-align: center;}
.xdn-maps .sub-title p {color:#6f6f6f; opacity:1;}

.utm-head {background:url('../img/sub/utm_top.jpg') 50% 50% no-repeat; background-size:cover; height:443px; display:flex; align-items: center; border-radius:40px; color:#fff;}
.utm-head .content {padding-left: 110px;}
.utm-head .content .tit {font-size:65px; line-height:1.4em; font-weight: 700; margin-bottom:16px;}
.utm-head .content p {font-size:22px; line-height:1.36em; opacity:.80;}
.utm-head.colocation {background-image:url('../img/sub/colocation_bg.jpg')}
.utm-head.hosting {background-image:url('../img/sub/hosting_bg.jpg')}

.utm-inner .box {margin-bottom: 72px; background:#fff; border-radius: 40px; padding: 60px 20px; text-align:center;}
.utm-inner ul li {margin-bottom: 23px; border:1px solid #437abe; border-radius: 30px; background:#fff; padding:30px 100px; display:flex;}
.utm-inner ul li .num {width:80px; font-size:30px; line-height:1.4em; font-weight: 700; color:#437abe;}
.utm-inner ul li .info {flex:1 1 auto; min-width:0; width:1%; color:#202020;}
.utm-inner ul li .info dl dt {font-size:22px; line-height:1.4em; font-weight: 700; margin-bottom:16px;}
.utm-inner ul li .info dl dd {font-size:18px; line-height:1.56em; color:#6f6f6f; padding-left: 15px; position: relative; margin-bottom:4px;}
.utm-inner ul li .info dl dd.tit {font-weight: 700; color:#202020; margin-bottom:10px;}
.utm-inner ul li .info dl dd:last-child {margin-bottom:0;}
.utm-inner ul li .info dl dd:before {content:""; position:absolute; top:10px; left:0; width:6px; height: 6px; background:#437abe; border-radius: 100%;}
.utm-inner ul li:last-child {margin-bottom:0;}
.utm-inner ul li.flex-none {display:block;}
.utm-inner ul li .wrap {display:flex; margin-bottom: 60px;}
.utm-inner ul li .colocation-box {background:#f6f6f6; padding: 60px; text-align:center; border-radius:20px; margin-bottom:30px;}
.utm-inner ul li .colocation-box .row {display:flex; justify-content: center; margin:0 -60px;}
.utm-inner ul li .colocation-box .col {padding:0 60px; position:relative;}
.utm-inner ul li .colocation-box .col:after {content:""; position:absolute; top:34%; left:-18px; margin-top:-18px; width:36px; height:36px; background:url('../img/sub/plus.png') 50% 50% no-repeat; background-size:contain;}
.utm-inner ul li .colocation-box .col:first-child:after {display:none;}
.utm-inner ul li .colocation-box .col .circle {width:250px; height: 250px; margin:0 auto 20px; border-radius: 100%; color:#fff; display:flex; align-items: center; justify-content: center; font-size:24px; line-height:1.4em; font-weight: 700;}
.utm-inner ul li .colocation-box .col:nth-child(1) .circle {background:#437abe;}
.utm-inner ul li .colocation-box .col:nth-child(2) .circle {background:#5143be;}
.utm-inner ul li .colocation-box .col:nth-child(3) .circle {background:#a543be;}
.utm-inner ul li .colocation-box .col .tit {font-size:22px ;line-height:1.45em; font-weight: 700; color:#202020;}
.utm-inner.colocation ul li {padding:30px 60px;}
.utm-inner.colocation ul li .ico {width:62px; margin-right: 55px;}
.utm-inner ul li .info dd.dot-none {padding-left:0;}
.utm-inner ul li .info dd.dot-none:before {display:none;}
.utm-inner.hosting ul li .info dl dd {margin-bottom:10px;}
.utm-inner.hosting ul li .info dl dd strong {color:#0c0c0c; font-weight: 700;}
.mb110 {margin-bottom:110px !important;}

.sub-tit {margin-bottom:20px; font-size:32px; line-height:1.4em; font-weight: 900; color:#202020;}

.colocation-service {border-top: 3px solid #1b1b1b; margin-bottom:110px;}
.colocation-service .item {border-bottom: 1px solid #8d8d8d; padding: 50px 60px; display:flex;}
.colocation-service .item .ico {width:125px;}
.colocation-service .item .info {flex:1 1 auto; min-width:0; width:1%;}
.colocation-service .item .info .tit {font-size:22px; line-height:1.4em; color:#202020; font-weight: 700; margin-bottom:10px;}
.colocation-service .item .info p {font-size:18px; line-height:1.4em; color:#6f6f6f; margin-bottom:26px;}
.colocation-service .item .info p:last-child {margin-bottom:0;}
.colocation-service .item .info p strong {color:#202020; font-weight: 700;}
.colocation-service .item .info .txt {font-size:18px; line-height:1.4em; color:#0c0c0c;font-weight: 700; margin-bottom:26px;}
.colocation-service .item .info .box {border:1px solid #437abe; border-radius: 20px; padding: 30px; font-size:18px; line-height:1.56em; background:#f6f6f6;}
.colocation-service .item .info .box dl dt {color:#437abe; font-weight: 700; margin-bottom:10px;}
.colocation-service .item .info .box dl dd {color:#6f6f6f; padding-left: 15px; position: relative; margin-bottom:4px;}
.colocation-service .item .info .box dl dd:before {content:""; position:absolute; top:10px; left:0; width:6px; height: 6px; background:#437abe; border-radius: 100%;}

.colocation-solution {margin-bottom:110px;}
.colocation-solution ul {display:flex; flex-wrap:wrap; margin-left:-35px; margin-bottom:-35px;}
.colocation-solution ul li {width:calc(33.333333% - 35px); margin-left:35px; margin-bottom:35px; color:#fff; background:#437abe; border-radius: 20px; padding:65px 45px;}
.colocation-solution ul li .ico {display:block; margin-bottom: 80px; text-align:right; margin-right:20px;}
.colocation-solution ul li .num {font-size:30px; line-height:1.4em; font-weight: 700; margin-bottom:14px;}
.colocation-solution ul li dl dt {font-size:22px; line-height:1.4em; font-weight: 700; margin-bottom:16px;}
.colocation-solution ul li dl dd {font-size:18px; line-height:1.56em; color:rgba(255,255,255,.76); padding-left: 15px; position: relative; margin-bottom:4px;}
.colocation-solution ul li dl dd:last-child {margin-bottom:0;}
.colocation-solution ul li dl dd:before {content:""; position:absolute; top:10px; left:0; width:6px; height: 6px; background:#fff; border-radius: 100%;}
.colocation-solution.hosting ul li {padding:40px 45px;}
.colocation-solution.hosting ul li .ico {margin-bottom:30px;}
.colocation-solution.hosting ul li dl dt {margin-bottom:10px;}
.colocation-solution.hosting ul li dl dd {padding-left:0;}
.colocation-solution.hosting ul li dl dd:before {display:none;}

.colocation-solution-inner {border:1px solid #437abe; border-radius: 20px; overflow:hidden;}
.colocation-solution-inner ul {display:flex;}
.colocation-solution-inner ul li {width:33.333333%; text-align:center;}
.colocation-solution-inner ul li dl dt {background:#dfe9f4; padding: 12px 20px; font-size:20px; line-height:1.4em; color:#0c0c0c; font-weight: 700;}
.colocation-solution-inner ul li dl dd {padding: 16px 10px;}
.colocation-solution-inner ul li dl dd p {background:#f6f6f6; height:50px; border-radius: 50px; display:flex ;align-items: center; justify-content: center; color:#0c0c0c; font-size:20px; line-height:1.3em; margin-bottom:14px;}
.colocation-solution-inner ul li dl dd p:last-child {margin-bottom:0;}
.colocation-solution-inner ul li:first-child dl dt {padding-left:48px;}
.colocation-solution-inner ul li:first-child dl dd {padding-left:38px;}
.colocation-solution-inner ul li:last-child  dl dt {padding-right:48px;}
.colocation-solution-inner ul li:last-child dl dd {padding-right:38px;}
.colocation-solution-inner ul li:nth-child(1) dl dd p{font-weight: 700; color:#437abe}

.colocation-choice {border-top: 3px solid #1b1b1b;} 
.colocation-choice ul li {border-bottom: 1px solid #888; padding:21px 62px; display:flex; align-items: center; font-size:22px; line-height:1.4em; font-weight: 700;}
.colocation-choice ul li .title {width:270px; height:58px; background:#437abe; border-radius: 58px; color:#fff;  display:flex; align-items: center; justify-content: center;}
.colocation-choice ul li .title:before {content:"";display:inline-flex; align-items: center; margin-right:15px; width:22px; height: 22px; background:url('../img/sub/colocation_check.png') 50% 50% no-repeat; background-size:contain;}
.colocation-choice ul li .info {flex:1 1 auto; min-width:0; width:1%; padding-left:42px; color:#202020;}

.server-hosting-inner ul {display:flex; margin-left:-40px;}
.server-hosting-inner ul li {width:calc(33.333333% - 40px); background:#fff; margin-left:40px; border:1px solid #437abe; border-radius: 20px; padding: 40px 45px; text-align:center;}
.server-hosting-inner ul li .title {font-size:30px; line-height:1.3em; font-weight: 700; color:#2d6ebd; margin-bottom:20px; height:calc(1.4em * 1 * 2); display:flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.server-hosting-inner ul li .title span {font-size:1.2rem; line-height:1.2em; width:100%;}
.server-hosting-inner ul li p {font-size:20px; line-height:1.2em; color:#202020; opacity:.80; margin-bottom:30px;}
.server-hosting-inner ul li .box {background:#f6f6f6; border-radius: 20px; padding:30px 45px;}
.server-hosting-inner ul li .box dl dt {width:175px; height:45px; margin:0 auto 20px; background:#437abe; border-radius: 45px; color:#fff; font-size:18px; line-height:1.4em; font-weight: 700; display:flex; align-items: center; justify-content: center;}
.server-hosting-inner ul li .box dl dd {font-size:20px; line-height:1.56em; text-align:left; color:rgba(32,32,32,.80); padding-left: 15px; position: relative; margin-bottom:4px;}
.server-hosting-inner ul li .box dl dd:last-child {margin-bottom:0;}
.server-hosting-inner ul li .box dl dd:before {content:""; position:absolute; top:10px; left:0; width:6px; height: 6px; background:#437abe; border-radius: 100%;}



.hosting-program {border:1px solid #437abe; color:#202020; border-radius: 20px; padding: 34px 55px; margin-bottom:110px;}
.hosting-program .tit {font-size:22px; line-height:1.4em; font-weight: 700; margin-bottom:10px;}
.hosting-program p {font-size:18px ;line-height:1.4em; font-weight: 700; margin-bottom:20px;}
.hosting-program .box {background:#f6f6f6; border-radius: 20px; padding: 24px 34px;}
.hosting-program .box ul {display:flex; margin:0 -12px;}
.hosting-program .box ul li {width:33.333333%; padding:0 12px; text-align:center; color:#0c0c0c; font-size:18px; line-height:1.78em;}
.hosting-program .box ul li dl dt {margin-bottom: 8px; background:#d8e1ed; height:45px; border-radius: 45px; font-weight: 700; display:flex; align-items: center; justify-content: center;}

.hosting-partner {height:334px; padding:0 60px; color:#fff; display:flex; align-items: center; background:url('../img/sub/hosting_business_bg.jpg') 50% 50% no-repeat; background-size:cover; overflow:hidden; border-radius: 20px;}
.hosting-partner .tit {font-size:40px; line-height:1.4em;font-weight: 800; margin-bottom:16px;}
.hosting-partner p {font-size:18px ;line-height:1.4em; opacity:.80;}

.hosting-caution {border-top: 3px solid #1b1b1b;} 
.hosting-caution ul li {border-bottom: 1px solid #888; padding:30px 105px; display:flex; color:#202020;}
.hosting-caution ul li .num {width:80px; color:#437abe; font-size:30px; line-height:1.4em; font-weight: 700;}
.hosting-caution ul li .info {flex:1 1 auto; min-width:0; width:1%;}
.hosting-caution ul li .info dl dt {font-size:22px; line-height:1.4em; font-weight: 700; margin-bottom:15px;}
.hosting-caution ul li .info dl dd {font-size:18px; line-height:1.56em; color:#6f6f6f; padding-left: 15px; position: relative; margin-bottom:14px;}
.hosting-caution ul li .info dl dd strong {font-weight: 700; color:#202020}
.hosting-caution ul li .info dl dd:last-child {margin-bottom:0;}
.hosting-caution ul li .info dl dd:before {content:""; position:absolute; top:10px; left:0; width:6px; height: 6px; background:#437abe; border-radius: 100%;}


.dep1-policy--fc #lnb {display:none;} /* 개인정보 취급방침 메뉴 숨김 */

.onepage-menu {position:absolute; top:100px; left:0; width:196px; z-index:120;}
.onepage-menu ul {display:block; margin-bottom:-10px;}
.onepage-menu ul li {width:auto; margin-bottom:10px;}
.onepage-menu ul li a {display:block; padding-left: 40px; position: relative; font-size:18px; line-height: 1.4em; color:#a0a0a0; padding-bottom:6px;}
.onepage-menu ul li a:after {content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#437abe; transition: .3s;}
.onepage-menu ul li a:before {content:""; position: absolute; top:8px; left:22px; width:9px; height:9px; border-radius: 100%; background:#d2d2d2; transition: .3s;}
.onepage-menu ul li.active a {color:#437abe; font-weight: 700;}
.onepage-menu ul li.active a:after {width:100%;}
.onepage-menu ul li.active a:before {background:#437abe}
.onepage-menu.fixed {position: fixed; top:141px;}

.one-page .section {padding: 140px 0;}
.one-page #history,
.one-page #mission {background:#f6f6f6}
.one-page #solution,
.one-page #patent {background:#081122}

.one-page #solution .sub-title h3,
.one-page #patent .sub-title h3 {color:#fff;}


.page-url-company--fc .sub-vis {margin-bottom:0;}

.greeting .image {position: relative; height:490px; background:url('../img/sub/greeting_bg.jpg') 50% 50% no-repeat; background-size:cover; border-radius: 40px; overflow: hidden; margin-bottom: 70px;}
.greeting .image .logo {position: absolute; bottom:60px; right:126px; z-index:2;}
.greeting .wrap {display:flex; color:#202020;}
.greeting .wrap .title {width:50%; font-size:58px; line-height:1.28em; font-weight: 700; padding-right:40px;}
.greeting .wrap .info {width:50%; font-size:20px; line-height:1.6em;}
.greeting .wrap .info .cnt {opacity:.80; margin-bottom: 25px;}
.greeting .wrap .info .last {text-align:right; font-weight: 700; color:#000; font-size:20px; line-height:1.4em;}

.history .slick-list {margin:0 -30px;}
.history .item {padding:17px 30px;}
.history .item .box {border-radius: 20px; background:#fff; padding:46px; box-shadow:17px 0 20px rgba(62,60,60,0.02); transition: .3s;}
.history .item .year {font-size:38px; line-height:1.4em; font-weight: 700; color:#437abe; margin-bottom:28px; transition: .3s;}
.history .item ul li {margin-bottom:2px; position: relative; padding-left: 25px; font-size:20px ;line-height:1.4em; color:rgba(32,32,32,.80); transition: .3s;}
.history .item ul li:before {content:""; position: absolute; top:10px; left:0; width:10px; height: 10px; background:#437abe; border-radius: 100%; transition: .3s;}
.history .item ul li:last-child {margin-bottom:0;}
.history .item:hover .box {background:#437abe;}
.history .item:hover .year {color:#fff;}
.history .item:hover ul li {color:rgba(255,255,255,.80)}
.history .item:hover ul li:before {background:#fff;}
.history .slick-arrow {position:absolute; top:50%; width:78px; height: 78px; background-color:#1b1b1b; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; z-index:20; transition: .3s;}
.history .slick-arrow:before {display:none;}
.history .slick-arrow:hover {background-color:#437abe}
.history .slick-arrow.slick-prev {left:-39px; background-image:url('../img/sub/history_bt_prev.png');}
.history .slick-arrow.slick-next {right:-39px; background-image:url('../img/sub/history_bt_next.png');}

.business-content ul {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-40px;}
.business-content ul li {width:calc(50% - 30px); margin-left:30px; margin-bottom:40px; padding:72px 70px 86px; border:1px solid #0e2752; border-radius:40px; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; overflow: hidden;}
.business-content ul li .ico {display:block; text-align:right; margin-bottom:15px;} 
.business-content ul li dl dt {font-size:40px; line-height:1.4em; font-weight: 800; color:#fff; margin-bottom:26px;}
.business-content ul li dl dd {margin-bottom:6px; position: relative; padding-left:25px; font-size:20px; line-height:1.4em; color:rgba(255,255,255,.90);}
.business-content ul li dl dd:last-child {margin-bottom:0;}
.business-content ul li dl dd:before {content:""; position: absolute; top:10px; left:0; width:8px; height: 8px; background:#fff; border-radius: 100%; transition: .3s;}
.business-content ul li:nth-child(1) {background-image:url('../img/sub/business_img1.jpg');}
.business-content ul li:nth-child(2) {background-image:url('../img/sub/business_img2.jpg');}
.business-content ul li:nth-child(3) {background-image:url('../img/sub/business_img3.jpg');}
.business-content ul li:nth-child(4) {background-image:url('../img/sub/business_img4.jpg');}

.solution-inner ul {display:flex; margin-left:-32px;}
.solution-inner ul li {width:calc(50% - 32px); margin-left:32px; padding:60px 44px; border:1px solid #85adde; border-radius:20px; overflow: hidden;}
.solution-inner ul li:nth-child(1) {background:#222d63;}
.solution-inner ul li:nth-child(2) {background:#2c205a;}
.solution-inner ul li .title {text-align:center; color:#fff; font-size:42px; line-height:1.4em; font-weight: 700; margin-bottom:20px;}
.solution-inner ul li .box {background:#e3ebf6; border-radius: 20px; padding:26px 40px; margin-bottom:10px;}
.solution-inner ul li .box:last-child {margin-bottom:0;}
.solution-inner ul li .box dl dd {position: relative; padding-left: 32px; font-size:20px; line-height:1.5em; color:#202020;}
.solution-inner ul li .box dl dd:before {content:""; position:absolute; top:5px; left:0; width:21px; height: 21px; background-position: 50% 50%; background-repeat: no-repeat; background-size:contain;}
.solution-inner ul li .box dl dd strong {font-weight: 700; display:block;}
.solution-inner ul li:nth-child(1) .box dl dd:before {background-image: url('../img/sub/ico_check_blue.png');}
.solution-inner ul li:nth-child(2) .box dl dd:before {background-image: url('../img/sub/ico_check_pur.png');}

.patent-list {border-top: 3px solid #fff;}
.patent-list ul {counter-reset: number 0; display: flex; flex-direction: column-reverse;} 
.patent-list ul li {position: relative; border-bottom:1px solid rgba(255,255,255,.50); padding:55px 54px; display:flex; align-items: center;}
.patent-list ul li::before { counter-increment: number 1; content: counter(number, decimal-leading-zero); position:absolute; top:55px; left:54px; text-align:center; font-size:35px; line-height:1.2em; font-weight: 700; color:#5e9fee;}
.patent-list ul li .info {flex:1 1 auto; min-width:0; width:1%; display:flex; padding-left:90px;}
.patent-list ul li .info .num {width:84px; font-size:35px; line-height:1.2em; font-weight: 700; color:#5e9fee;}
.patent-list ul li .info .content {flex:1 1 auto; min-width:0; width:1%; font-size:20px; line-height:1.5em; color:#fff;}
.patent-list ul li .info .content .tit {margin-bottom:15px;  font-weight: 700; }
.patent-list ul li .info .content .cnt {opacity:.80;}
.patent-list ul li .btns {margin-left:100px;}
.patent-list ul li .btns a {position: relative; display:flex; align-items: center; font-size:0; line-height:0; justify-content: center; width:190px; height:60px; border-radius:10px; background:#437abe; }
.patent-list ul li .btns a:before {content:"DOWNLOAD"; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; font-size:18px; line-height:1.4em; font-weight: 700;} 
.patent-list ul li .btns a i {display:none;}

.core-inner ul {display:flex; margin:0 -12.5px;}
.core-inner ul li {width:33.333333%; padding: 0 12.5px;}
.core-inner ul li .pic {position:relative; height:0; padding-bottom:87.8%; border-radius: 20px; overflow:hidden; margin-bottom:65px;}
.core-inner ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.core-inner ul li dl dt {font-size:33px; line-height:1.4em; font-weight: 700; color:#202020; margin-bottom: 20px;}
.core-inner ul li dl dd {padding-left:15px; position: relative; font-size:18px; line-height:1.4em; color:#646464; margin-bottom:5px;}
.core-inner ul li dl dd:last-child {margin-bottom:0;}
.core-inner ul li dl dd:before {content:""; position:absolute; top:10px; left:0; width:5px; height: 5px; background-color: #434343; border-radius: 100%;}
.core-inner ul li dl dd strong {font-weight: 700;}

.mission-inner ul {display: flex; margin-left:-32px;}
.mission-inner ul li {width:calc(50% - 32px); margin-left: 32px; border:1px solid #437abe; color:#fff; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; padding: 113px 86px; height: 688px; border-radius: 40px;}
.mission-inner ul li .tit {font-size:45px; line-height:1.4em;font-weight: 800; margin-bottom:20px;}
.mission-inner ul li .cnt {font-size:26px; line-height:1.38em; font-weight: 700; margin-bottom:16px;}
.mission-inner ul li .cnt:last-child {margin-bottom:0;}
.mission-inner ul li dl dd {padding-left:15px; position: relative; font-size:20px; line-height:1.4em; color:rgba(255,255,255,.80); margin-bottom:5px;}
.mission-inner ul li dl dd:last-child {margin-bottom:0;}
.mission-inner ul li dl dd:before {content:""; position:absolute; top:10px; left:0; width:5px; height: 5px; background-color: #fff; border-radius: 100%;}
.mission-inner ul li:nth-child(1) {background-image: url('../img/sub/mission_bg.jpg');}
.mission-inner ul li:nth-child(2) {background-image: url('../img/sub/vision_bg.jpg');}

#map {margin-bottom: 90px; border-radius: 20px; overflow: hidden;}
#map iframe {width:100% !important; height:607px !important;}

.location-inner {display:flex;}
.location-inner .logo {width:305px; margin-right: 115px;}
.location-inner .info {flex:1 1 auto; min-width:0; width:1%; font-size:20px ;line-height:1.4em;}
.location-inner .info p {position:relative; padding-left: 44px; margin-bottom:20px;font-weight: 700;}
.location-inner .info p:before {content:""; position:absolute; top:-2px; left:0; width:29px; height: 29px; background-position: 50% 50%; background-repeat: no-repeat; background-size:contain; background-image:url('../img/sub/ico_addr.png');}
.location-inner .info ul {display:flex; margin:0 -40px;}
.location-inner .info ul li {position:relative; padding:0 40px;}
.location-inner .info ul li:after {content:""; position: absolute; top:50%; left:0; width:1px; height:24px; background:#bfbfbf; margin-top:-12px;}
.location-inner .info ul li:first-child:after {display:none;}
.location-inner .info ul li dl {display:flex;}
.location-inner .info ul li dl dt {position:relative; width:120px; padding-left:44px; font-weight: 700;}
.location-inner .info ul li dl dt:before {content:""; position:absolute; top:0; left:0; width:29px; height: 29px; background-position: 50% 50%; background-repeat: no-repeat; background-size:contain;}
.location-inner .info ul li.tel dl dt:before {background-image:url('../img/sub/ico_tel.png');}
.location-inner .info ul li.fax dl dt:before {background-image:url('../img/sub/ico_fax.png');}

.page-url-company--fc .board-wrap {display:none;}

 /* contact us */
 .required {color:#ff002a}

 .inquiry-head {height:363px; padding:0 110px; color:#fff; display:flex; align-items: center; background:url('../img/sub/inquiry_bg.jpg') 50% 50% no-repeat; background-size:cover; overflow:hidden; border-radius: 40px; margin-bottom:65px;}
 .inquiry-head .logo {margin-bottom:30px;}
 .inquiry-head .tit {font-size:32px; line-height:1.4em; font-weight: 700; margin-bottom:10px;}
 .inquiry-head p {font-size:20px;line-height:1.4em; opacity:.80;}

 .page-url-contact--fc .mailform-name {display:none;}

 .mailform-name {background:#437abe; color:#fff; border-radius: 20px; padding: 25px 42px; margin-bottom: 34px; font-size:24px; line-height:1.4em; font-weight: 600; display:flex; align-items: center;}
 .mailform-name .tit {width:150px; position: relative;}
 .mailform-name .tit:after {content:""; position:absolute; top:50%; right:0; width:1px; height:22px; background:#fff; opacity:.41; margin-top:-11px;}
 .mailform-name .name {flex:1 1 auto; min-width:0; width:1%; padding-left:60px;}
:lang(en)  .mailform-name .tit {width:230px;}

 .mailform .input {height:44px; width:100%; border:0; border-bottom: 1px solid #000; background-color:#fff; color:#000; font-size:18px;}
 .mailform textarea.input {height:270px; padding:20px 20px; background-color:#f9f9f9; border:1px solid #dedede; border-radius: 20px;}
 .mailform .form-group {display:flex; align-items:center; margin:0 -26px 30px; }
 .mailform .form-group:last-child {margin-bottom:0;}
 .mailform .form-group .form-col {position:relative; width:50%; padding:0 26px;}
 .mailform .form-group.wide {display:block;}
 .mailform .form-group.wide .form-col {width:100%;}
 .mailform .form-group .tit {color:#111; font-size:22px; line-height:1.4em; margin-bottom:10px; font-weight: 700;}
 .mailform .form-group.code .form-col {width:50%;}
 .mailform .required {vertical-align:middle;}
 .mailform .privacy_box--fc {margin-bottom:10px; border:1px solid #dedede; font-size:18px; border-radius: 20px; line-height:1.4em; display:flex; color:rgba(0,0,0,.80); min-height:140px; padding:30px 40px; background:#f9f9f9;}
 .mailform .privacy_box--fc pre {font-family: "Pretendard", sans-serif !important;}
 .mailform input[type="checkbox"] + label {font-size:18px; padding-left:28px; line-height:1.4em; padding-top:1px; color:#000; font-weight: 600;}
 .mailform input[type="checkbox"] + label:before {content:""; top:4px; background-color:#fff; width:20px; height:20px; border-radius:4px; border:1px solid #000; background-position:50% 50%; background-repeat: no-repeat;}
 .mailform input[type="checkbox"]:checked  + label:before {background-color:#000;background-image:url('../img/bbs/checkbox_on.png');}
 .mailform .captcha_box--fc {display:flex; align-items: center;}
 .mailform .captcha_box--fc a {border:0; margin: 0 10px;}
 .mailform .captcha_box--fc input { width:100%; height:52px; border:0; border-bottom: 1px solid #000;  color:#000; font-size:18px; padding-left:20px;}
 
 .filebox {position:relative; display:flex;}
 .filebox label {width:154px; margin-right:20px; height:100%; background: #dedede; color:#151515; text-align:center; font-size:1.2rem; line-height:44px; border-radius: 44px; transition: .3s;}
 .filebox label:hover {background:#000; color:#fff;}
 .filebox .upload-name {height:44px; background:#fff; border:0; border-bottom: 1px solid #747474;  width:100%; padding:0 20px 0; font-size:18px; line-height:1.4em;}
 .mailform + .buttons {margin-top:60px;}

 .buttons {margin:30px 0;}
 .buttons:after {content:" "; display:block; clear:both;}
 .buttons .cen {text-align:center;}
 .buttons .cen .btn-pack {margin:0 2px;}
 .buttons .fr {float:right;}
 .buttons .fl {float:left;}
 .buttons a {text-decoration:none;}
 .buttons a,.buttons input {vertical-align:top;}
 .buttons + .paginate {margin-top:20px;}
 
 .btn-pack {display:inline-block !important; text-align:center !important; position:relative;margin:0;padding:0 10px;background:#f2f2f2;color:#151515;border:1px solid #151515;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
 .btn-pack.form-submit {width:280px; height:60px; border-radius:12px; border:0; background:#1b1b1b; font-size:18px; line-height:60px; color:#fff;font-weight:700; padding:0 30px;}