@charset "utf-8";
@import "font.css";
@import "animation.css";
@import "reset.css";
@import "swiper-bundle.css";

.pc #wrapper {min-width: 1200px;}
#wrapper {overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
#header {position: relative;z-index: 999;}

.headerWrap {position: relative;min-height: 8rem;}
.logoArea {position: absolute;top: 0;left: 4rem;z-index: 1;height: 100%;}
.logoArea h1 {height: 100%;}
.logoArea .logo {display: block;width: 15rem;height: 100%;color: transparent;font-size: 0;text-indent: -999999px;background: url(../images/main/logo.png) center / 100% no-repeat;}

.nav {position: relative;padding-left: 20rem;}
.nav .nav-menu .depth01 {position: relative;float: left;}
.nav .nav-menu .depth01 + .depth01 {margin-left: 1rem;}
.nav .nav-menu .depth01Txt {display: block;min-width: 9.8rem;padding: 3.2rem 1.4rem; color: #000;font-size: 1.6rem;line-height: 1;text-align: center;}
.nav .nav-menu .depth01Txt.selected{position: relative;}
.nav .nav-menu .depth01Txt.selected::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #294982;}

.nav .navSub {display:none;position: absolute;width: 100%;}
.nav .navSub a {display: block;padding: 1.4rem 1rem;color: #fff;font-size: 1.4rem;text-align: center;background: #294982;}
.nav .navSub li {overflow: hidden;}
.nav .navSub li + li {border-top: 1px solid #e3e3e3;}
.nav .navSub li:last-child{border-radius: 0 0 0.6rem 0.6rem;}
.nav .nav-menu .depth01.on .depth01Txt{color: #294982;font-weight: 500;}
.nav .nav-menu .depth01.on .navSub a.on {color: #a4a4a6;font-weight: 600;}
.navSub a.selected {font-weight: 600;}

.nav .header-btns {position: absolute;top: 0;right: 2.2rem;}
.nav .header-btns > ul > li {float: left;}
.nav .header-btns .depth01 {position: relative;}
.nav .header-btns .depth01 a {min-width: 10rem;text-align: center;}
.nav .header-btns .depth01 .navSub {top: 8.1rem;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 4%);box-shadow: 0 3px 6px rgb(0 0 0 / 4%);}
.nav .header-btns .depth01 .navSub a {padding: 1.2rem 1rem;color: #464646;font-size: 1.4rem; background: #f9f9f9;}
.nav .header-btns .depth01 .navSub li {border-radius: 0;}
.nav .header-btns li a {display: block;padding: 3.2rem 1rem; color: #000;font-size: 1.6rem;line-height: 1;}
.nav .header-btns .btn-vc-move {padding: 2.1rem 0;}
.nav .header-btns .btn-vc-move a {padding: 1rem 2rem;color: #fff;border-radius: 1rem;border: 1px solid #294982;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background:#294982;}
.pc .nav .header-btns li a:hover {color: #294982;}
.pc .nav .header-btns .btn-vc-move a:hover {-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #fff;}

#footer {position: relative;border-top: 1px solid #ebebe9;}
#footer .container {overflow: hidden;padding: 0;}
#footer .footer-info .container {position: relative;padding: 0 3rem;}
.footer-menu {padding-bottom: 1rem; background: ghostwhite;}
.footer-menu dl {float: left;width: 16.6%;}
.footer-menu dl dt {display: block;padding: 2rem 0 1rem;color: #000;font-size: 1.6rem;font-weight: 500;text-align: center;}
.footer-menu dl dd a {display: block;padding: 0.6rem 1.4rem;color: #000;font-size: 1.4rem;text-align: center;}
.footer-menu dl dd a:hover {text-decoration: underline;}

.footer-info {padding: 3rem;border-top: 1px solid #ebebe9; background: ghostwhite;}
.footer-info .footer-btns {position: absolute;top: 0;width: 32rem;display: none;}
.footer-info .footer-btns ul {font-size: 0;}
.footer-info .footer-btns li {display: inline-block;width: 16rem;}
.footer-info .footer-btns li.type2 {width: 10rem;}
.footer-info .footer-btns li + li {display: inline-block;}
.footer-info .footer-btns li a {display: block;width: 100%;height: 4.2rem;color: transparent;font-size: 0;text-indent: -9999px;}
.footer-info .footer-btns .type2 a{background: url(../images/kt-logo.png) left / 8rem no-repeat;}
.footer-info .footer-btns .type3 a{background: url(../images/aws-logo.png) left / 4rem no-repeat;}
.footer-info .vic-logo {width: 100%;height: 4.2rem;}
.footer-info .address-box .vic-logo a {display: inline-block;width: 14rem;height: 4.2rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../images/main/logo.png) center / contain no-repeat;}
.footer-info .address-box li {text-align: center;}
.footer-info .address-box li + li {margin-top: 1.5rem;}
#.footer-info .address-box li.etc {padding-bottom: 1rem; border-bottom: 1px solid #eee;}
.footer-info .address-box li.email-info {margin-top: 0.6rem;}
.footer-info .address-box li p {color: #000;font-size: 1.2rem;text-align: center;}
.footer-info .address-box li .footer-bar {padding-left: 2rem;color: #000;font-size: 1.2rem;text-align: center;}
.footer-info .address-box a {display: inline-block;font-weight: 500;color: #666;font-size: 1.2rem;}
.footer-info .address-box .etc a:first-child { font-weight: 800;  /* bold */}
.footer-info .address-box li p + p {margin-top: 1rem;}
.footer-info .address-box a:hover {text-decoration: underline;}
.footer-info .address-box .etc a + a {position: relative;margin-left: 2rem;}
.footer-info .address-box .etc a + a::before,.footer-info .address-box .email-info p + p::before {content: '';position: absolute;left: -1rem;top: 3px;width: 1px; height: 0.9rem;background: #999;}
.footer-info .email-info p {display: inline-block;margin-top: 0;text-align: center;}
.footer-info .address-box .email-info p + p {position: relative;margin-top: 0;margin-left: 2rem;}
.footer-info .address-box li p span {display: inline-block;position: relative;}
.footer-info .address-box li p span + span {padding-left: 2rem;}
.footer-info .address-box li p span + span::before,.footer-info .address-box li .footer-bar::before {content: '';position: absolute;left: 1rem;top: 3px;width: 1px; height: 0.9rem;background: #999;}

.footer-info2 {padding: 3rem;border-top: 1px solid #ebebe9;}
.footer-info2 .vic-logo {width: 100%;height: 4.2rem;}
.footer-info2 .address-box .vic-logo a {display: inline-block;width: 14rem;height: 4.2rem;color: transparent;font-size: 0;text-indent: -9999px;background: url(../images/main/logo.png) center / contain no-repeat;}
.footer-info2 .address-box li {text-align: center;}
.footer-info2 .address-box li + li {margin-top: 1.5rem;}
.footer-info2 .address-box li.etc {padding-bottom: 1rem; border-bottom: 1px solid #eee;}
.footer-info2 .address-box li.email-info {margin-top: 0.6rem;}
.footer-info2 .address-box li p {color: #000;font-size: 1.2rem;text-align: center;}
.footer-info2 .address-box li .footer-bar {padding-left: 2rem;color: #000;font-size: 1.2rem;text-align: center;}
.footer-info2 .address-box a {display: inline-block;font-weight: 500;color: #666;font-size: 1.2rem;}
.footer-info2 .address-box li p + p {margin-top: 1rem;}
.footer-info2 .address-box a:hover {text-decoration: underline;}
.footer-info2 .address-box .etc a + a {position: relative;margin-left: 2rem;}
.footer-info2 .address-box .etc a + a::before,.footer-info .address-box .email-info p + p::before {content: '';position: absolute;left: -1rem;top: 3px;width: 1px; height: 0.9rem;background: #999;}
.footer-info2 .email-info p {display: inline-block;margin-top: 0;text-align: center;}
.footer-info2 .address-box .email-info p + p {position: relative;margin-top: 0;margin-left: 2rem;}
.footer-info2 .address-box li p span {display: inline-block;position: relative;}
.footer-info2 .address-box li p span + span {padding-left: 2rem;}
.footer-info2 .address-box li p span + span::before,.footer-info .address-box li .footer-bar::before {content: '';position: absolute;left: 1rem;top: 3px;width: 1px; height: 0.9rem;background: #999;}


/* mobile */
/* mb-header */
.mobile .headerWrap {min-height: 5.6rem;}
.mobile .logoArea {left: 2.4rem;top: 0.5em;z-index: 999;}
.mobile .logoArea .logo {width: 11rem;}
.mobile .btn-mb-menu {display: block;}
.mobile .mb-group {display: none;overflow-y: auto;-webkit-overflow-scrolling: touch;position: fixed;right: -100%;z-index: 1;width: 100%;height: 100%;background: #fff;}
.mobile .nav {height: 100%;padding: 0;background: #f9f9f9;}
.mobile .nav .nav-menu .depth01 {float: none;}
.mobile .nav .nav-menu .depth01 + .depth01 {margin: 0;border-top: 1px solid #eee;}
.mobile .nav .nav-menu .depth01Txt {position: relative;padding: 2rem 3rem;font-size: 1.4rem;text-align: left;background: #fff;}
.mobile .nav .nav-menu .depth01Txt::before {content: '';position: absolute;top: 0;right: 2.4rem;width: 2.4rem;height: 100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: url(../images/arrow-down.png) center / 1.4rem no-repeat;}
.mobile .nav .nav-menu .active .depth01Txt {color: #294982;font-weight: 500;}
.mobile .nav .nav-menu .active .depth01Txt::before {-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.mobile .nav .header-btns {position: relative;top: 0;right: 0;width: 100%;padding: 2rem;background: #f9f9f9;}
.mobile .nav .nav-menu .depth01.active .navSub {position: unset;display: block;}
.mobile .nav .header-btns li {float: none;width: 100%;}
.mobile .nav .header-btns li + li {border-color: #f5f5f5;}
.mobile .nav .header-btns li a {padding: 2rem 3rem;font-size: 1.4rem;text-align: left;}
.mobile .nav .header-btns > ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 1rem; -webkit-box-shadow: 1px 2.2px 0.6rem rgb(0 0 0 / 8%); box-shadow: 1px 2.2px 0.6rem rgb(0 0 0 / 8%);background: #fff;}
.mobile .nav .header-btns > ul > li {position: relative;}
.mobile .nav .header-btns > ul > li::after {content: '';position: absolute;top: 0;right: 2rem;width: 2.4rem;height: 100%;-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);background: url(../images/arrow-down.png) center / 1.2rem no-repeat;}
.mobile .nav .header-btns > ul > li.depth01::after {top: 1.6rem;height: 2.4rem;-webkit-transform: unset;-ms-transform: unset;transform: unset;}
.mobile .nav .navSub li {border-radius: 0;}
.mobile .nav .navSub a {padding: 2rem 4.2rem;color: #333;font-size: 1.3rem;text-align: left;background: #f2f2f2f2;}
.mobile .nav .header-btns .depth01 .navSub {display: block;position: unset;-webkit-box-shadow: unset;box-shadow: unset;}
.mobile .nav .header-btns .depth01 .navSub a {padding: 1.2rem 4rem;background: #fff;}
.mobile .nav .header-btns .btn-vc-move {padding: 0;}
.mobile .nav .header-btns .btn-vc-move a {color: #333;border: 0;background: #fff;}
.mobile .nav .nav-menu .depth01Txt.selected::after {bottom: 0;height: 1px;}
.mobile .btn-mb-close {display: block;padding: 1rem 2rem;text-align: right;border-bottom: 1px solid #eee;}
.btn-mb-menu {display: none;position: absolute;top: 0;right: 2rem;color: transparent;font-size: 0;width: 4rem;height: 5.6rem;background: url(../images/ico-mb-menu.png) center / 2.6rem no-repeat;}
.btn-mb-close {display: none;}
.btn-mb-close button {color: transparent;font-size: 0;width: 4rem;min-height: 4.4rem;margin-left: 2rem;background: url(../images/btn-close.png) center / 2rem no-repeat;}

/* mb-footer */
.mobile #footer .footer-info .container {padding: 0;}
.mobile .footer-menu {display: none;}
.mobile .footer-info .address-box .vic-logo a {background-size: 11rem;}
.mobile .footer-info {padding: 2rem;}
.mobile .footer-info .footer-btns {top: 4.2rem;width: 100%;}
.mobile .footer-info .footer-btns .type1 a {background-size: 75%;background-position: left;}
.mobile .footer-info .footer-btns li + li {margin: 0;}
.mobile .footer-info .footer-btns .type2 a {background-size: 6rem;}
.mobile .footer-info .footer-btns .type3 a {background-size: 3.2rem;}


/* main */
#container { max-width: 120rem; margin: auto;padding: 0 3rem 7rem;}
#container.equipment-page { max-width: 120rem; margin: auto;padding: 0 3rem 3rem;}
.mainvisual {position: relative;overflow: hidden;height: 100%;}
.mainvisual .visual {position: relative;height: 50rem;}
.mainvisual .visual.type3 {background: #e0e0e0;}
.mainvisual .visual-img {width: 100%;height: 100%;}
.mainvisual .visual-img img{display: block;width: 100%;-o-object-fit: cover;object-fit: cover;}
.mainvisual .visualText {  position: absolute; top: 0; left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100%;text-align: center; }
.mainvisual .visualText .title {color: #fff;font-size: 8rem;font-weight: 500;text-align: center;text-shadow: 5px 4px 9px rgba(51,51,51,0.77);}
.mainvisual .visualText .sub-txt {margin-top: 2rem;color: #fff;font-size: 2.4rem;text-align: center;text-shadow: 5px 4px 9px rgba(51,51,51,0.77);}
.mainvisual .visualText .btn-more {display: inline-block;margin-top: 5rem;padding: 1.4rem 2rem;color: #fff;font-size: 1.6rem;font-weight: 500;border-radius: 1.4rem;border: 1px solid #fff;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.mainvisual .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 4rem;color: #fff;}
.mainvisual .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 4rem;color: #fff;}
.mainvisual .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 3rem;}
.mainvisual .swiper-pagination-bullet, .mainvisual .swiper-pagination-bullet-active {width: 1rem;height: 1rem;margin: 0 0.6rem !important;border-radius: 50%;}
.mainvisual .swiper-pagination-bullet-active {background: #fff;}
.mainvisual .visualText img {display: block;width: 21rem;padding-bottom: 2rem;}
.mainvisual .type2 .visualText img {width: 11rem;}
.mainvisual .type3 .visualText img {width: 24rem;}
.container { max-width: 120rem; margin: auto;padding: 0 3rem 3rem;}

.pc .mainvisual .mb-img {display: none;}
.pc .mainvisual .visualText .btn-more:hover {background: #fff;color: #333;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.mobile .mainvisual .visualText img {width: 8rem;}

.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-1 {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.bg-gray {background: #f8f8f8;}
.bg-gray2 {background: #eaeaea;}
.t-center {text-align: center !important;}
.t-left {text-align: left !important;}
.t-right {text-align: right !important;}

img {  -webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}

.vc-info-txt {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 3rem 0;}
.vc-info-txt .ti { padding-right: 3rem;font-size: 3.4rem; }
.vc-info-txt .txt {font-size: 1.8rem;line-height: 1.7;}
.vc-info-txt .info {padding-left: 8rem;}
.vc-info-txt .info p {font-size: 2rem;text-align: right;}
.vc-info-txt .info p + p {margin-top: 1.4rem;}
.vc-info-txt .info a {position: relative;display: block;font-size: 2rem;text-align: right;}
.vc-info-txt .info a::before {content: '';display: inline-block;width: 2.6rem;height: 2.6rem;margin: 0 0.6rem -5px 0;background: url(../images/ico-email.png) center / 100% no-repeat;}
.pc .vc-info-txt .info a:hover {text-decoration: underline;}

.main-logo-wrap {padding-bottom: 4rem;}
.main-logo-wrap h2 {padding-bottom: 4rem;font-size: 3rem;text-align: center;font-weight: 600;}
.main-logo-wrap .main-logo-swiper {position: relative;overflow: hidden;padding: 0 2rem;}
.main-logo-wrap .swiper-slide {height: 10rem;}
.main-logo-wrap .main-logo-swiper img {display: block;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.main-logo-wrap .swiper-button-next {right: 0;color: #ccc;background: #fff;}
.main-logo-wrap .swiper-button-prev {left: 0;color: #ccc;background: #fff;}
.main-logo-wrap .swiper-button-next::after,.main-logo-wrap .swiper-button-prev:after {font-size: 2.4rem !important;}
.main-logo-sw-inner {overflow: hidden;width: 100rem;margin: 0 auto;}

.main-board-wrap {font-size: 0;}
.main-board-wrap dl {display: inline-block;width: 48%;}
.main-board-wrap dl + dl{margin-left: 4%;}
.main-board-wrap dt {padding-bottom: 1rem;border-bottom: 1px solid #d0d4d9;}
.main-board-wrap dt span {display: inline-block;font-size: 1.8rem;font-weight: 500;}
.main-board-wrap dt a {float: right;font-size: 1.8rem;padding-right: 2.4rem;background: url(../images/arrow-next.png) center right / 1.6rem no-repeat;}
.main-board-wrap dd {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
.main-board-wrap dd .date {display: inline-block;min-width: 6rem;padding: 1.4rem 1rem;color: #6f6f6f;font-size: 1.6rem;border-right: 1px solid #d0d4d9;}
.main-board-wrap dd .txt {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;padding: 1rem 0;}
.main-board-wrap dd .txt a {display: block;overflow: hidden; padding: .4rem 1rem; font-size: 1.6rem;-o-text-overflow: ellipsis;text-overflow: ellipsis; white-space: nowrap; }
.main-board-wrap dd .txt a:hover {text-decoration: underline;}


/* sub Visual */
.subvisual {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;min-height: 37.5rem;padding: 12rem 0;background: #e0e0e0;}
.subvisual h2 {font-size: 5rem;color: #3b3b3b;font-weight: 600;text-align: center;  -webkit-animation: grow 1.5s ease 1;  animation: grow 1.5s ease 1;}
.subvisual p {position: relative;padding-top: 3rem;font-size: 2.5rem;color: #3b3b3b;text-align: center;-webkit-animation: fade-in-down 1.5s ease 1;animation: fade-in-down 1.5s ease 1;}
.subvisual p::before {content: '';position: absolute; top: 1rem; left: 50%; width: 2.4rem;height: 2px;margin-left: -1.2rem;background: #294982;}

.subvisual.cloud {background: url(../images/ktc/visual-cloud.png)no-repeat center center;background-size: cover;}
.subvisual.aws {background: url(../images/main/main_banner.jpeg)no-repeat center center;background-size: cover;}
.subvisual.nhn {background: url(../images/nhn/nhnbg.jpg)no-repeat center center;background-size: cover;}
.subvisual.datacenter {background: url(../images/datacenter/datacenter_bg.jpg)no-repeat center center;background-size: cover;}
.subvisual.cloud h2 {color: #fff;}
.subvisual.cloud p {color: #fff;}
.subvisual.cloud p::before {background: #fff;}
.subvisual.datacenter h2 {color: #fff;}
.subvisual.datacenter p {color: #fff;}

.section-cont {padding-top: 8.5rem;}
.section-cont + .section-cont {padding-top: 10rem;}

.section-cont .sec-ti {font-size: 2rem;padding-bottom: 3rem;}
.section-cont .sec-ti.type2 {font-size: 2.4rem;}
.section-cont .sec-ti.type3 {font-size: 1.8rem;}
.section-cont .sec-ti.type4 {font-size: 3.6rem; font-weight: 600;}
.section-cont .sec-info-txt {font-size: 1.6rem;line-height: 1.4;word-break: keep-all;}
.section-cont .sec-info-txt2 {font-size: 1.6rem;line-height: 1.6;word-break: keep-all;}
.list-ti-info {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 0;}
.list-ti-info dl{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 0 2rem;-webkit-animation: fade-in-left 2s ease 1;animation: fade-in-left 2s ease 1;}
.kt-c-de dl:nth-child(2n) {-webkit-animation-duration: 2.5s;animation-duration: 2.5s;}
.kt-c-de dl:nth-child(3n) {-webkit-animation-duration: 3s;animation-duration: 3s;}
.kt-c-de dl:nth-child(4n) {-webkit-animation-duration: 3.5s;animation-duration: 3.5s;}

.list-ti-info.type-ico dt img {display: block;margin: 0 auto;width: 6rem;padding-bottom: 2rem;}
.list-ti-info.type-ico-medium dt img {display: block;margin: 0 auto;width: 12rem;padding-bottom: 2rem;}
.list-ti-info.type-ico-big dt img {display: block;margin: 0 auto;width: 18rem;padding-bottom: 6rem;}
.list-ti-info.type-ico-biggest dt img {display: block;margin: 0 auto;width: 36rem;padding-bottom: 6rem;}
.list-ti-info dt {font-size: 1.8rem;font-weight: 500;text-align: center;}
.list-ti-info dd {padding-top: 1.2rem;font-size: 1.6rem;text-align: center;}
.img-box img{display: block;width: 70%;margin: 0 auto;}
.tbl-box table * {color: #2d2d2d;}
.tbl-box thead th {padding: 2rem;font-size: 1.6rem;font-weight: 400;border: 1px solid #cbcbcb;text-align: center;background-color: #f0f0f0;}
.tbl-box thead th + th {border-left: 1px solid #cbcbcb;}
.tbl-box tbody {border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
.tbl-box tbody tr{border-bottom: 1px solid #cdcdcd;}
.tbl-box tbody th {padding: 4px 0.6rem;font-size: 1.4rem;font-weight: 400;}
.tbl-box tbody td {padding: 1rem;border-left: 1px solid #cbcbcb;}
.tbl-box tbody td , .tbl-box tbody td * {font-size: 1.4rem;}
.tbl-box tbody td * + * {margin-top: 1.6rem;}
.dotted {position: relative;padding-left: 1rem;}
.dotted::before {content: '';position: absolute;top: 0.8rem;left: 0;width: 4px;height: 4px;vertical-align: middle;border-radius: 50%;background: #2d2d2d;}
.kt-c-lst {overflow: hidden;width: 80%; margin: 0 auto;}
.kt-c-lst .kt-c-lst-inner {position: relative;width: 100%;height: 20rem;}
.kt-c-lst .kt-c-lst-inner dl {position: relative; width: 100%;height: 100%;padding: 1.6rem 1.4rem;cursor: pointer;}
.kt-c-lst .kt-c-lst-inner * {color: #fff;text-align: left;}
.kt-c-lst .kt-c-lst-inner dt {position: relative;z-index: 1;}
.kt-c-lst .kt-c-lst-inner dt::after {content: '';display: block;width: 100%;height: 1px;margin-top: 5px;background: #fff;}
.kt-c-lst .kt-c-lst-inner + .kt-c-lst-inner {margin-left: 3rem;}
.kt-c-lst .kt-c-lst-inner.type1 {background: url(../images/kt-c-type1.jpg) center / 100% no-repeat;}
.kt-c-lst .kt-c-lst-inner.type2 {background: url(../images/kt-c-type2.jpg) center / 100% no-repeat;}
.kt-c-lst .kt-c-lst-inner.type3 {background: url(../images/kt-c-type3.jpg) center / 100% no-repeat;}
.kt-c-lst .kt-c-lst-inner.type4 {background: url(../images/kt-c-type4.jpg) center / 100% no-repeat;}
.kt-c-lst .kt-c-lst-inner.type5 {background: url(../images/kt-c-type5.jpg) center / cover no-repeat;}
.kt-c-lst .kt-c-lst-inner.type6 {background: url(../images/kt-c-type6.jpg) center / cover no-repeat;}
.kt-c-lst .kt-c-lst-inner.type7 {background: url(../images/kt-c-type7.jpg) center / cover no-repeat;}
.kt-c-lst .kt-c-lst-inner.type8 {background: url(../images/kt-c-type8.jpg) center / cover no-repeat;}

.pc .kt-c-lst .kt-c-lst-inner dt::after {content: '';display: block;width: 0;height: 1px;margin-top: 5px;background: #fff;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.pc .kt-c-lst .kt-c-lst-inner dd {position: absolute;left: 0;bottom: -100%;z-index: 1;min-height: 14rem;padding: 0 2rem;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.pc .kt-c-lst .kt-c-lst-inner dl::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid transparent;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.pc .kt-c-lst .kt-c-lst-inner dl:hover dd {bottom: 0;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.pc .kt-c-lst .kt-c-lst-inner dl:hover::after {border: 2px solid #294982;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background: rgba(0,0,0,0.5);}
.pc .kt-c-lst .kt-c-lst-inner dl:hover dt::after {width: 100%;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

/* equipment */
.serverlift-img {
    width: 60%;
    height: auto;
}

@media (max-width: 768px) {
    .serverlift-img {
        width: 130%;      /* 모바일에서는 크게 */
        max-width: none; /* 제한 풀기 */
    }
}

.otdr2-img {
    width: 35%;
    height: auto;
}

@media (max-width: 768px) {
    .otdr2-img {
        width: 100%;      /* 모바일에서는 크게 */
        max-width: none; /* 제한 풀기 */
    }
}

.serverlift {
    display: flex;
    align-items: flex-start;
}

.serverlift dl.type1 {
    flex: 1;
}
.serverlift dl.type2 {
    flex: 2;
}

.serverlift dl{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 0 2rem;-webkit-animation: fade-in-left 2s ease 1;animation: fade-in-left 2s ease 1;}
.kt-c-de dl:nth-child(2n) {-webkit-animation-duration: 2.5s;animation-duration: 2.5s;}
.kt-c-de dl:nth-child(3n) {-webkit-animation-duration: 3s;animation-duration: 3s;}
.kt-c-de dl:nth-child(4n) {-webkit-animation-duration: 3.5s;animation-duration: 3.5s;}

.serverlift .dotted {
  display: flex;
  align-items: center;   /* 텍스트와 도트 세로 중앙 정렬 */
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 10px;
}

.serverlift .dot {
  width: 6px;
  height: 6px;
  background-color: #3b82f6;
  border-radius: 50%;
  margin-right: 14px; /* 점과 텍스트 사이 간격 */
}

.serverlift .dotted::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #3b82f6; /* 파란색 포인트 */
  border-radius: 50%;
}


/* aws */
.aws-img-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 5rem;font-size: 0;}
.aws-img-box div + div {margin-left: 8rem;}
.aws-img-box div p {margin-top: 2rem;}
.aws-img-box .img-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: top;-ms-flex-align: top;align-items: top;}
.aws-img-box img {width: 100%;}
.aws-img-box .type2 img {width: 80%;}
.aws-img-box > div {width: 50%;}

/* server */
.instance-table-wrapper {
  overflow-x: auto;
  margin: 30px 0;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.instance-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
  font-family: 'Segoe UI', sans-serif;
}

.instance-table thead {
  background-color: #f5f7fa;
}

.instance-table th,
.instance-table td {
  border: 1px solid #e0e0e0;
  padding: 14px 16px;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
}

.instance-table th {
  background-color: #e8eef4;
  font-weight: 600;
  color: #333;
  font-size: 15px;
}

.instance-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.instance-table tbody tr:hover {
  background-color: #f0f8ff;
}

.ser-cont1 img {width: 70%;}
.ser-cont2 {font-size: 0;}
.ser-cont2 .ser-txt-box {display: inline-block;width: calc(50% - 4rem);min-height: 30rem;margin: 2rem;padding: 2rem;background: #f2f2f2;}
.ser-cont2 .ser-txt-box.type-sm {min-height: 16rem;}
.ser-cont2 .ser-txt-box dt {font-size: 1.8rem; font-weight: 500;}
.ser-cont2 .ser-txt-box dd {margin-top: 2rem;font-size: 1.4rem;}
.ser-cont2 .ser-sub-txt {margin-top: 3rem;font-size: 1.4rem;}

.card {border: 1px solid #0b74de;}

.title-big {font-size: 1.5rem !important;}

.btn { display:inline-block; padding:8px 12px; border-radius:6px; background:#0b74de; color:#fff; text-decoration:none; cursor:pointer; border:none; }
.btn:active { transform: translateY(1px); }
.secondary { background:#f1f1f1; color:#222; }
.note { font-size:13px; color:#666; }

/* storage */
.storage-service dl {
  margin: 0;
  padding: 0;
}

.storage-service .dotted {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #444;
  line-height: 1.6;
}

.storage-service .dotted::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #3b82f6; /* 파란색 포인트 */
  border-radius: 50%;
}

/* storage */
.sto-cont1 img {width: 70%;}
.sto-cont2 {font-size: 0;}
.sto-cont2 .sto-txt-box {display: inline-block;width: calc(50% - 4rem);min-height: 30rem;margin: 2rem;padding: 2rem;background: #f2f2f2;}
.sto-cont2 .sto-txt-box.type-sm {min-height: 16rem;}
.sto-cont2 .sto-txt-box dt {font-size: 1.8rem; font-weight: 500;}
.sto-cont2 .sto-txt-box dd {margin-top: 2rem;font-size: 1.4rem;}
.sto-cont2 .sto-sub-txt {margin-top: 3rem;font-size: 1.4rem;}

/* db */
.db-cont1 img {width: 70%;}
.db-cont2 {font-size: 0;}
.db-cont2 .db-txt-box {display: inline-block;width: calc(50% - 4rem);min-height: 30rem;margin: 2rem;padding: 2rem;background: #f2f2f2;}
.db-cont2 .db-txt-box.type-sm {min-height: 16rem;}
.db-cont2 .db-txt-box dt {font-size: 1.8rem; font-weight: 500;}
.db-cont2 .db-txt-box dd {margin-top: 2rem;font-size: 1.4rem;}
.db-cont2 .db-sub-txt {margin-top: 3rem;font-size: 1.4rem;}

/* backup */
.bu-cont1 img {width: 70%;}
.bu-cont2 {font-size: 0;}
.bu-cont2 .bu-txt-box {display: inline-block;width: calc(50% - 4rem);min-height: 30rem;margin: 2rem;padding: 2rem;background: #f2f2f2;}
.bu-cont2 .bu-txt-box.type-sm {min-height: 16rem;}
.bu-cont2 .bu-txt-box dt {font-size: 1.8rem; font-weight: 500;}
.bu-cont2 .bu-txt-box dd {margin-top: 2rem;font-size: 1.4rem;}
.bu-cont2 .bu-sub-txt {margin-top: 3rem;font-size: 1.4rem;}

/* ai */
.ai-cont1 img {width: 70%;}
.ai-cont2 {font-size: 0;}
.ai-cont2 .ai-txt-box {display: inline-block;width: calc(50% - 4rem);min-height: 30rem;margin: 2rem;padding: 2rem;background: #f2f2f2;}
.ai-cont2 .ai-txt-box.type-sm {min-height: 16rem;}
.ai-cont2 .ai-txt-box dt {font-size: 1.8rem; font-weight: 500;}
.ai-cont2 .ai-txt-box dd {margin-top: 2rem;font-size: 1.4rem;}
.ai-cont2 .ai-sub-txt {margin-top: 3rem;font-size: 1.4rem;}

.ai-usecase dl {
  margin: 0;
  padding: 0;
}

.ai-usecase .dotted {
  display: flex;
  align-items: center;   /* 텍스트와 도트 세로 중앙 정렬 */
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 10px;
}

.ai-usecase .dot {
  width: 6px;
  height: 6px;
  background-color: #3b82f6;
  border-radius: 50%;
  margin-right: 14px; /* 점과 텍스트 사이 간격 */
}

.ai-usecase .dotted::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #3b82f6; /* 파란색 포인트 */
  border-radius: 50%;
}

.ai-usecase strong {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1.6;
  display: inline;       /* inline-block 불필요 */
}

/* managed */
.managed-need {display: -webkit-box;display: -ms-flexbox;display: flex;}
.managed-need div {width: 100%;}
.managed-need .type1 {margin-right: 4rem;}
.managed-need .type2 {background: #f2f2f2;padding: 2rem 2.2rem;}
.managed-need .type2 li {font-size: 1.6rem;}
.managed-need .type2 li + li {padding-top: 0.8rem;}
.star::before {content: '*';margin-right: 0.8rem;vertical-align: middle;}
.managed-tbl table td{line-height: 2.1;}

/* migration */
.mgt-img-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;padding-top: 5rem;}
.mgt-img-box dt {font-size: 1.8rem;font-weight: 600;text-align: center;}
.mgt-img-box dd {padding-top: 1.2rem;font-size: 1.6rem;}
.mgt-img-box .type1 {padding-top: 21rem;background: url(../images/migration-ico1.png) top / 20rem no-repeat;}
.mgt-img-box .type2 {padding-top: 8rem;background: url(../images/migration-ico2.png) top / 7rem no-repeat;}
.mgt-img-box .type2 span {display: block;padding: 0 5rem;font-weight: 600;font-size: 1.8rem;}
.mgt-img-box .type3 {padding-top: 21rem;background: url(../images/migration-ico3.png) top / 20rem no-repeat;}

/* cdn */
.cdn-cont1 img {width: 70%;}
.cdn-cont2 {font-size: 0;}
.cdn-cont2 .cdn-txt-box {display: inline-block;width: calc(50% - 4rem);min-height: 30rem;margin: 2rem;padding: 2rem;background: #f2f2f2;}
.cdn-cont2 .cdn-txt-box.type-sm {min-height: 16rem;}
.cdn-cont2 .cdn-txt-box dt {font-size: 1.8rem; font-weight: 500;}
.cdn-cont2 .cdn-txt-box dd {margin-top: 2rem;font-size: 1.4rem;}
.cdn-cont2 .cdn-sub-txt {margin-top: 3rem;font-size: 1.4rem;}

.gray-wrap {padding: 6.4rem 0 7rem;}
.gray-wrap p {font-size: 2.6rem;font-weight: 600;text-align: center;}
.gray-wrap a, .btn-outline {display: inline-block;margin-top:3rem;padding: 1.2rem 2rem;color: #294982;font-size: 1.4rem;font-weight: 500;border: 1px solid #294982;border-radius: 1rem;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.pc .gray-wrap a:hover, .pc .btn-outline:hover {color: #fff;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #294982;}

/* waf */
.cont-info-txt {padding: 0 1rem;}
.cont-info-txt li {font-size: 1.6rem;}
.cont-info-txt li + li {margin-top: 1.5rem;}
.aws-service-info dl {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 2.4rem 2rem;-webkit-box-shadow: 4px 2px 1.1rem rgb(0 0 0 / 6%);box-shadow: 4px 2px 1.1rem rgb(0 0 0 / 6%);background: #fff;}
.aws-service-info dl + dl {margin-left: 4rem;}
.aws-service-info dt {font-weight: 500;text-align: left;}
.aws-service-info dd {position: relative;padding-top: 1.4rem;text-align: left;}
.aws-service-info dd::before {content: '';display: block;width: 2rem;height: 2px;margin-bottom: 1.4rem;background: #333;}
.list-ti-info.aws-service-info dt{padding-top: 0;}
.waf-service-info2 {display: -webkit-box;display: -ms-flexbox;display: flex;}

/* db */
.db-img-box img {width: 65%;}
.db-tbl table * {text-align: center;}
.db-tbl-td {vertical-align: top;}

/* ssl */
.global-sign-logo {position: relative;padding: 3.2rem !important;color: transparent !important;font-size: 0 !important;text-indent: -99999rem;}
.global-sign-logo::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/global-sign-logo.png) center / 14rem no-repeat;}

/* logsaver */
.logsaver-expect dt {font-size: 1.7rem;padding-bottom: 1rem;}
.logsaver-expect dl + dl {padding-top: 2.4rem;}
.logsaver-expect dl ul {padding: 1rem 0;}
.logsaver-expect dl ul li {font-size: 1.4rem;line-height: 1.8;}

/* overview */
.overview-cont {padding-top: 10rem;}
.overview-cont ul {position: relative;overflow: hidden;padding-bottom: 3rem;}
.overview-cont ul::before {content: '';position: absolute;left: 50%;width: 1px; height: 100%;background: #000;}
.overview-cont ul li {float: right;clear: both;position: relative;padding: 0 3rem;width: 50%;text-align: right;}
.overview-cont ul li:nth-child(2n) {float: none;}
.overview-cont ul li:nth-child(2n) dt,.overview-cont ul li:nth-child(2n) dd {text-align: right;}
.overview-cont ul li + li {padding-top: 8rem;}
.overview-cont ul li::before {content: '';position: absolute;left: -0.7rem;width: 1.4rem;height: 1.4rem;border-radius: 50%;background: #294982;}
.overview-cont ul li:nth-child(2n)::before {left: inherit;right: -0.7rem;}
.overview-cont ul li dt {padding-bottom: 1.6rem;font-size: 2rem;font-weight: 500;line-height: 1;text-align: left;}
.overview-cont ul li dd {font-size: 1.6rem;text-align: left;}
.overview-cont ul li dd + dd {margin-top: 1.2rem;}
.overview-cont .type-img img {display: inline-block;width:16rem;}
.overview-cont .type-img img + img {margin-left: 2.4rem;}
.overview-cont .type-img.type-logo img {width: 10rem;}
.overview-cont .type-img.type-logo .aws-logo {width: 4em;}

/* contact */
.contact-cont {padding-top: 5rem;font-size: 0;}
.contact-cont .contact-cont-box {display: inline-block;width: 50%;}
.contact-info-box h2{padding: 4rem;color: transparent;font-size: 0;text-indent: -9999rem;background: url(../images/logo-black.png) left center / 14rem no-repeat;}
.contact-address {padding-bottom: 3rem;}
.contact-address dt {font-size: 2rem;font-weight: 500;}
.contact-address dd {margin-top: 1.2rem;font-size: 1.6rem;}
.contact-sub-info {max-width: 37.6rem;}
.contact-sub-info dl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 0;}
.contact-sub-info dl + dl {margin-top: 1.4rem;}
.contact-sub-info dt {display: inline-block;font-size: 1.8rem;font-weight: 500;}
.contact-sub-info dd {display: inline-block;font-size: 1.6rem;text-align: end;}
.contact-map-box {padding: 2rem;}


/* table board */
.tbl-board {padding: 6.4rem 0;}
.tbl-board h2 {padding-bottom: 4rem;color: #3b3b3b;font-size: 3.2rem;font-weight: 500;text-align: center;}
.tbl-board table {width: 100%;}
.tbl-board table thead { border-top: 1px solid #294982;border-bottom: 1px solid #eee;}
.tbl-board table thead th {padding: 1.6rem 5px;font-weight: 500;line-height: 1;border: 0;background: #f8f9fc;}
.tbl-board thead th + th {border: 0;}
.tbl-board tbody {border: 0;}
.tbl-board tbody td {padding: 1.6rem 5px;color: #666;text-align: center;border: 0;}
.tbl-board tbody tr {border-bottom: 1px solid #eee;}
.tbl-board tbody td.cont-txt { overflow: hidden;font-weight: 500;text-align: left;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.pc .tbl-board tbody td.cont-txt a:hover{text-decoration: underline;}
.page-number {text-align: center;padding-top: 3rem;}
.page-number .btn-page {display: inline-block;padding: 1.2rem;color: transparent;font-size: 0;text-indent: -9999rem;border: 1px solid #ddd;}
.page-number .btn-prev-page {background: url(../images/page-prev.png) center / 1.2rem no-repeat;}
.page-number .btn-next-page {background: url(../images/page-next.png) center / 1.2rem no-repeat;}
.page-number ul {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;padding: 0 1rem;}
.page-number ul li {font-size: 1rem;border: 1px solid #ddd;}
.page-number ul li + li {margin-left: 1rem;}
.page-number ul li button {display: block;width: 2.4rem;height: 2.4rem;text-align: center;}
.page-number ul li.on button {color: #fff;background: #294982;}

/* table board detail */
.tbl-box-ti-box.type1 {border-top: 1px solid #294982;}
.tbl-box-ti-box.type3 {min-height: 30rem;}
.tbl-box-ti-box {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;border-bottom: 1px solid #eee;}
.tbl-box-ti-box dl {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;font-size: 0;}
.tbl-box-ti-box dt {display: inline-block;width: 12rem;padding: 2rem 5px;font-size: 1.6rem;font-weight: 500;}
.tbl-box-ti-box dd {display: inline-block;width: calc(100% - 12rem);padding: 2rem 5px;font-size: 1.6rem;text-align: right;}
.tbl-box-ti-box dd p {font-size: 1.6rem;white-space: pre-wrap;}
.tbl-box-ti-box dd img  {display: block;width: 100%;}
.tbl-box-ti-box dd .alignnone  {display: block;width: 40% !important;}

/* applictaion */
.type-application .app-cont .sec-ti{font-size: 2.2rem;padding-bottom: 1rem;border-bottom: 2px solid #294982;}
.type-application .app-cont .dotted::before {top: 1.1rem;}
.type-application .app-cont + .app-cont {margin-top: 3rem;}
.type-application ul {padding: 2rem 0;}
.type-application ul li {padding: 1rem 1rem 2rem;}
.type-application ul li + li {padding-top: 2rem;border-top: 1px solid #e9e9e9;}
.type-application label {display: block;padding-bottom: 1.4rem;font-size: 1.6rem;}
.type-application .ipt {width: 30rem;padding: 1rem 2rem;color: #333;font-size: 1.5rem;border: 1px solid #e9e9e9;border-radius: 0.8rem;outline: none;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.type-application .ipt::-webkit-input-placeholder {color: #999;font-size: 1.5rem;}
.type-application .ipt::-moz-placeholder {color: #999;font-size: 1.5rem;}
.type-application .ipt:-ms-input-placeholder {color: #999;font-size: 1.5rem;}
.type-application .ipt::-ms-input-placeholder {color: #999;font-size: 1.5rem;}
.type-application .ipt::placeholder {color: #999;font-size: 1.5rem;}
.type-application .ipt:focus {border-color:#294982;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.type-application textarea {width: 100%;padding: 1.4rem 2rem;font-size: 1.5rem;outline: none;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;border-radius: 0.8rem;border: 1px solid #e9e9e9;}
.type-application textarea:focus {border-color: #294982;}
.type-application textarea::-webkit-input-placeholder {color: #999;font-size: 1.5rem;}
.type-application textarea::-moz-placeholder {color: #999;font-size: 1.5rem;}
.type-application textarea:-ms-input-placeholder {color: #999;font-size: 1.5rem;}
.type-application textarea::-ms-input-placeholder {color: #999;font-size: 1.5rem;}
.type-application textarea::placeholder {color: #999;font-size: 1.5rem;}
.type-application .filebox {padding-top: 0;border: 0;}

.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;margin-right: 1.2rem;padding: .5rem .75rem;color: #fff;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #294982;cursor: pointer;border: 1px solid #294982;border-bottom-color: #294982;border-radius: .25rem;}
.filebox .upload-name {display: inline-block;width: 25rem;;padding: .5rem .75rem;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.type-application .chk-box {padding-bottom: 0;font-size: 0;}
.chk-box input[type="checkbox"] {margin: 0;padding:0.8rem;border: 1px solid #ccc;border-radius: 0.4rem;background: #f5f5f5;}
.chk-box input[type="checkbox"]:checked {background: url(../images/check.png) center / 1rem no-repeat #f5f5f5;}
.chk-box label {display: inline-block;width: calc(100% - 2rem);;padding-left: 0.6rem;padding-bottom: 0;font-size: 1.4rem;}
.recaptcha {padding: 1rem;}
.recaptcha button {display: inline-block;padding: 1rem 2rem;color: #fff;font-size: 1.4rem;border-radius: 0.8rem;background: #294982;}

/* select */
select{ position: relative;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: url(../images/arrow-down.png) right 1.6rem center / 1.4rem no-repeat; }
select::-ms-expand{ display: none; }

/* mobile */
.mobile #container {padding: 0 1.4rem 3rem;}
.mobile .container {padding: 0 1.4rem 3rem;}
.mobile .container.gray-wrap {padding: 4rem 1.4rem 5rem;}
.mobile .section-cont .sec-info-txt {font-size: 1.4rem;}
.mobile .list-ti-info {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mobile .list-ti-info dl {padding: 2rem 1rem;min-width: 50%;-webkit-box-flex: unset;-ms-flex: unset;flex: unset;}
.mobile .list-ti-info dt {font-size: 1.5rem;}
.mobile .img-box img {width: 100%;}
.mobile .tbl-box table {width: 100%;}
.mobile .tbl-box thead th {padding: 5px;font-size: 1.4rem;}
.mobile .tbl-box tbody th {padding: 5px;}
.mobile .section-cont + .section-cont {padding-top: 4rem;}
.mobile .pt50 {padding-top: 3rem !important;}

/* mb-tbl-board */
.mobile .tbl-board thead th {padding: 2rem 5px;}
.mobile .tbl-box-ti-box dt {width: 10rem;padding: 1rem 5px;font-size: 1.4rem;}
.mobile .tbl-box-ti-box dd {width: auto;font-size: 1.4rem;}
.mobile .tbl-box-ti-box dd p {font-size: 1.4rem;}

/* mb-main */
.mobile .mainvisual .pc-img {display: none;}
.mobile .mainvisual .mb-img {display: block;height: 100%;-o-object-fit: cover;object-fit: cover;}

.mobile .vc-info-txt {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 4rem 2rem;}
.mobile .vc-info-txt * {width: 100%;text-align: center;}
.mobile .vc-info-txt .ti {min-height: auto;padding: 0;font-size: 2.6rem;}
.mobile .vc-info-txt .txt {min-height: auto;margin-top: 2rem;word-break: break-all;font-size: 1.4rem;max-width: 100%;}
.mobile .vc-info-txt .txt br {display: none;}
.mobile .vc-info-txt .info {margin-top: 2rem;padding: 0;}
.mobile .vc-info-txt .info p,.mobile .vc-info-txt .info a {font-size: 1.5rem;}
.mobile .vc-info-txt .info a::before {width: 2rem;height: 2rem;}
.mobile .vc-info-txt .info p + p {margin-top: 0.8rem;}

.mobile .main-board-wrap dt a {font-size: 1.6rem;background-size: 1.4rem;}
.mobile .main-board-wrap dt span {font-size: 1.6rem;}

.mobile .main-logo-wrap h2 {font-size: 2.4rem;}
.mobile .main-logo-wrap .main-logo-swiper {width: auto;}

.mobile .main-board-wrap dl {width: 100%;}
.mobile .main-board-wrap dl + dl {margin-left: 0;margin-top: 3rem;}

.mobile .mainvisual .visualText .title {font-size: 1.4rem;}
.mobile .mainvisual .visualText .sub-txt {margin-top: 1.6rem;padding: 0 4.2rem;font-size: 1.1rem;}
.mobile .mainvisual .visualText .btn-more {margin-top: 1rem;padding: 5px 0.8rem; font-size: 1.1rem;}
.mobile .mainvisual .swiper-button-prev {left: 1rem;}
.mobile .mainvisual .swiper-button-next {right: 1rem;}
.mobile .mainvisual .swiper-slide {min-height: 15rem;}

.mobile .swiper-button-prev:after {font-size: 2.2rem;}
.mobile .swiper-button-next:after {font-size: 2.2rem;}

.mobile .main-board-wrap dd .date {padding: 1rem;font-size: 1.4rem;}
.mobile .main-board-wrap dd .txt a {padding: 0 1rem;font-size: 1.4rem;}

/* mb-sub visual */
.mobile .subvisual {min-height: 30rem;padding: 10rem 0;}
.mobile .subvisual h2 {font-size: 3rem;}
.mobile .subvisual p {font-size: 2rem;}
.mobile .mainvisual .visual {height: 38rem;}

/* mb-section */
.mobile .section-cont {padding-top: 6rem;}
.mobile .section-cont .sec-ti {font-size: 1.6rem;padding-bottom: 1.5rem;}
.mobile .list-ti-info dd {font-size: 1.4rem;}

/* mb-ktcloud */
.mobile .type-kt {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mobile .kt-c-lst .kt-c-lst-inner + .kt-c-lst-inner {margin: 0; margin-top: 2rem;}
.mobile .aws-service-info dl {min-width: 100%;}
.mobile .aws-service-info dl + dl {margin: 0; margin-top: 2rem;}
.mobile .kt-c-lst {width: 100%;}
.mobile .kt-c-lst .kt-c-lst-inner dl {-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%)}

/* mb-aws */
.mobile .aws-img-box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mobile .aws-img-box .img-box {min-height: auto;}
.mobile .aws-img-box div + div {margin-left: 0;margin-top: 2rem;}
.mobile .aws-img-box > div {width: 100%;}

/* mb-storage */
.mobile .sto-cont2 .sto-txt-box {width: 100%;margin: 0;padding: 1.5rem;}
.mobile .sto-cont2 .sto-txt-box + .sto-txt-box {margin-top: 2rem;}
.mobile .sto-cont2 .sto-txt-box dt {font-size: 1.5rem;}
.mobile .sto-cont2 .sto-txt-box dd {margin-top: 1.5rem;}
.mobile .sto-cont2 .sto-sub-txt {margin-top: 1.5rem;}
.mobile .sto-cont2 .sto-txt-box.type-sm {min-height: 14rem;}

/* mb-db */
.mobile .db-cont2 .db-txt-box {width: 100%;margin: 0;padding: 1.5rem;}
.mobile .db-cont2 .db-txt-box + .sto-txt-box {margin-top: 2rem;}
.mobile .db-cont2 .db-txt-box dt {font-size: 1.5rem;}
.mobile .db-cont2 .db-txt-box dd {margin-top: 1.5rem;}
.mobile .db-cont2 .db-sub-txt {margin-top: 1.5rem;}
.mobile .db-cont2 .db-txt-box.type-sm {min-height: 14rem;}

/* mb-backup */
.mobile .bu-cont2 .bu-txt-box {width: 100%;margin: 0;padding: 1.5rem;}
.mobile .bu-cont2 .bu-txt-box + .sto-txt-box {margin-top: 2rem;}
.mobile .bu-cont2 .bu-txt-box dt {font-size: 1.5rem;}
.mobile .bu-cont2 .bu-txt-box dd {margin-top: 1.5rem;}
.mobile .bu-cont2 .bu-sub-txt {margin-top: 1.5rem;}
.mobile .bu-cont2 .bu-txt-box.type-sm {min-height: 14rem;}

/* mb-ai */
.mobile .ai-cont2 .ai-txt-box {width: 100%;margin: 0;padding: 1.5rem;}
.mobile .ai-cont2 .ai-txt-box + .sto-txt-box {margin-top: 2rem;}
.mobile .ai-cont2 .ai-txt-box dt {font-size: 1.5rem;}
.mobile .ai-cont2 .ai-txt-box dd {margin-top: 1.5rem;}
.mobile .ai-cont2 .ai-sub-txt {margin-top: 1.5rem;}
.mobile .ai-cont2 .ai-txt-box.type-sm {min-height: 14rem;}

/* mb-managed */
.mobile .managed-need {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mobile .managed-need .type1 {margin: 0;}
.mobile .managed-need .type2 {margin-top: 2rem;padding: 1rem 1.2rem;}
.mobile .managed-need .type2 li {font-size: 1.4rem;}
.mobile .star::before {margin-right: 1px;}

/* mb-migration */
.mobile .tbl-box tbody td {padding: 0.8rem;}
.mobile .managed-tbl table td {line-height: 1.8;}
.mobile .mgt-img-box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mobile .mgt-img-box .type1 {padding-top: 14.2rem;background-size: 14rem;}
.mobile .mgt-img-box .type3 {padding-top: 14.2rem;background-size: 14rem;}
.mobile .mgt-img-box .type2 {padding: 8rem 0 3rem;background-position: top 2rem center;background-size: 5rem;}
.mobile .mgt-img-box .type2 span {padding: 0;}
.mobile .mgt-img-box dt {font-size: 1.6rem;}
.mobile .mgt-img-box dd {font-size: 1.4rem;}

/* mb-cdn */
.mobile .cdn-cont2 .cdn-txt-box {width: 100%;margin: 0;padding: 1.5rem;}
.mobile .cdn-cont2 .cdn-txt-box + .cdn-txt-box {margin-top: 2rem;}
.mobile .cdn-cont2 .cdn-txt-box dt {font-size: 1.5rem;}
.mobile .cdn-cont2 .cdn-txt-box dd {margin-top: 1.5rem;}
.mobile .cdn-cont2 .cdn-sub-txt {margin-top: 1.5rem;}
.mobile .cdn-cont2 .cdn-txt-box.type-sm {min-height: 14rem;}

/* mb-waf */
.mobile .waf-service-info2 {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mobile .cont-info-txt li {font-size: 1.4rem;}

/* mb-overview */
.mobile .overview-cont {padding-top: 6rem;}
.mobile .overview-cont ul {width: 100%;}
.mobile .overview-cont ul li {width: 100%;float: none !important;padding: 0 0 4rem 2.4rem !important;}
.mobile .overview-cont ul li::before {width: 0rem;height: 0rem;left: 0 !important;}
.mobile .overview-cont ul li:nth-child(2n) {padding-left: 0;padding-right: 1rem;}
.mobile .overview-cont ul li:nth-child(2n)::before {left: 0;right: inherit;}
.mobile .overview-cont ul li dt {padding-bottom: 1.4rem;font-weight: 900;text-align: left !important;}
.mobile .overview-cont ul li dd {font-size: 1.4rem;text-align: left !important;word-break: keep-all;}
.mobile .overview-cont .type-img.type-logo img {width: 5rem;}
.mobile .overview-cont .type-img img + img {margin-left: 1.4rem;}
.mobile .overview-cont .type-img.type-logo .aws-logo {width: 3rem;}
.mobile .overview-cont .type-img img {width: 9rem;}
.mobile .overview-cont ul li + li {padding-top: 4rem;}
.mobile .overview-cont ul::before {left: 0.1rem; background: white !important;}


/* mb-contact */
.mobile .contact-address {padding-bottom: 2rem;}
.mobile .contact-cont {padding-top: 3rem;}
.mobile .contact-info-box h2 {padding: 2rem;background-size: 10rem;background-position: center;}
.mobile .contact-cont .contact-cont-box {width: 100%;}
.mobile .contact-map-box {margin-top: 2rem;}
.mobile .contact-sub-info dl {display: block;}
.mobile .contact-sub-info dt {display: block;width: 100%;font-size: 1.6rem;}
.mobile .contact-sub-info dd {display: block;margin-top: 1.2rem;width: 100%;font-size: 1.4rem;text-align: left;}
.mobile .contact-map-box {padding: 0;}
.mobile .contact-address dt {font-size: 1.6rem;}
.mobile .contact-address dd {font-size: 1.4rem;}
.mobile .contact-sub-info {max-width: 100%;}
.mobile .root_daum_roughmap_landing {max-width: 100%;max-height: 30rem;}

/* mb-logsaver */
.mobile .list-ti-info.type-ico dt img {width: 4rem;padding-bottom: 1rem;}
.mobile .logsaver-expect dt {font-size: 1.5rem;}
.mobile .gray-wrap p {font-size: 2rem;}
.mobile .gray-wrap a, .mobile .btn-outline {margin-top: 2rem;}

/* mb-application */
.mobile .type-application ul {padding: 1.4rem 0;}
.mobile .type-application .app-cont + .app-cont {margin-top: 1.5rem;}
.mobile .type-application .app-cont .sec-ti {font-size: 1.6rem;}
.mobile .filebox .upload-name {width: 100%;margin-top: 1rem;}
.mobile .type-application .ipt {width: 100%;font-size: 1.4rem;}
.mobile .tbl-box-ti-box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.mobile .tbl-box-detail div dl {width: 100% !important;}
.mobile .tbl-box-ti-box dd {width: 100%;padding: 1rem 5px;text-align: left !important;}
.mobile .type-application ul li {padding-left:0 ;padding-right: 0;}
.mobile .type-application label {font-size: 1.4rem;}
.mobile .type-application textarea {font-size: 1.4rem;}

.mobile .main-logo-sw-inner {width: auto;height: auto;padding: 0 1rem;}
.mobile .main-logo-wrap .swiper-slide {height: auto;}
.mobile .main-logo-wrap .swiper-button-next::after, .mobile .main-logo-wrap .swiper-button-prev:after {  font-size: 1.8rem !important;}

/* mb-notice */
.mobile .tbl-board {padding: 5rem 0 2rem;}
.mobile .tbl-board h2 {font-size: 3rem;}

/* btn-top */
.btn-top {display: block;position: fixed;bottom: 4rem;right: 4rem;z-index: 10;padding: 2rem;color: transparent;font-size: 0;text-indent: -999999rem;border-radius: 50%;border: 1px solid #294982;-webkit-box-shadow: 2px 0.6rem 0.8rem rgb(0 0 0 / 13%);box-shadow: 2px 0.6rem 0.8rem rgb(0 0 0 / 13%);background: #fff url(../images/btn-top.png) center / 2.4rem no-repeat;}
.btn-application {display: block;position: fixed;bottom: 10rem;right: 4rem;z-index: 10;width: 4.2rem;height: 4.2rem;color: transparent;font-size: 0;text-indent: -999999rem;border-radius: 50%;border: 1px solid #294982;-webkit-box-shadow: 2px 0.6rem 0.8rem rgb(0 0 0 / 13%);box-shadow: 2px 0.6rem 0.8rem rgb(0 0 0 / 13%);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;background: #294982 url(../images/application.png) center / 5rem no-repeat;}
.pc .btn-application:hover {width: 14.6rem;padding: 1rem 0 0 2rem;color: #fff;font-size: 1.6rem; text-indent: 0; border-radius: 4rem; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;background-position: right center; }
.mobile .btn-top, .mobile .btn-application {display: block !important;right: 2rem;}

html {scroll-behavior: auto !important;}