@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@700&display=swap');

@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 700;
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicBoldSubset.eot');
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicBoldSubset.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicBoldSubset.woff2') format('woff2'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicBoldSubset.woff') format('woff'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicBoldSubset.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 400;
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicSubset.eot');
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicSubset.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicSubset.woff2') format('woff2'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicSubset.woff') format('woff'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicSubset.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 300;
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicLightSubset.eot');
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicLightSubset.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicLightSubset.woff2') format('woff2'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicLightSubset.woff') format('woff'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicLightSubset.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-weight: 200;
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.eot');
    src: url('/public/font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.woff2') format('woff2'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.woff') format('woff'),
         url('/public/font/NanumBarunGothic/NanumBarunGothicUltraLightSubset.ttf') format('truetype');
}

#site {
    padding-top: 0;
    font-size: 16px;
    font-family: 'Roboto', 'NanumBarunGothic', 'notokr', sans-serif;
    letter-spacing: -0.03em;
}

h1, h2, h3, h4, h5, h6, p, li {
    word-break: keep-all;
    letter-spacing: -0.034em;
}

a,
button {
    transition: all ease-in-out .15s;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

p {
    line-height: 1.6em;
}

a[href^="mailto"] {
    color: inherit;
}

.btn.btn-primary {
    background-color: #00a8c1;
    border-color: #00a8c1;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #0590a4;
    border-color: #0590a4;
}

/* 불필요 항목 삭제 */
.navbar .caret{display:none;}

/* 상단 메뉴 */
.navbar-inverse{background:#fff;position:static;margin-bottom:0;border:0}
.navbar-inverse .navbar-brand img{height: auto;margin-top: 12px;}

.navbar-inverse .navbar-nav > li > a{font-size:18px;font-weight:500;color:#300033;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{color:#00a8c1;}
.navbar-inverse .navbar-nav > li > a::after {
    content: '';
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 4px;
    position: absolute;
    background: #00a8c1;
    transform: translateX(-50%);
    transition: all 0.35s;
}
.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{background:none;color:#00a8c1;}

@media (max-width: 767px) {
 /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
 .navbar-inverse .navbar-toggle{border:0;padding:15px 0;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#333;transition:ease-in-out .15s all;opacity:1;position:relative;}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:none;border-color:#00a8c1;}
 .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#00a8c1;}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:transparent;}

 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(1){transform:rotate(45deg);top:6px;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(2){opacity:0;}
 .navbar-inverse.open .navbar-toggle > .icon-bar:nth-of-type(3){transform:rotate(-45deg);top:-6px;}
}

@media (min-width: 768px) {
 .navbar-inverse .navbar-nav .dropdown-menu{left:50%;right:auto;transform:translate(-50%,0);border-radius:0;border:none;padding:0;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.125);box-shadow:0px 4px 8px rgba(0,0,0,.125);background:rgba(0,0,0,.85);}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a{padding: 10px 20px;color:#fff;text-align:center;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus{background: #336abf;}
 .navbar-inverse .navbar-nav > li > a:hover::after,
 .navbar-inverse .navbar-nav > li > a:focus::after,
 .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle::after,
 .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle::after,
 .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle::after {
    width: 160px;
 }
}

@media (min-width: 992px) {
 .navbar-inverse .navbar-right{
    float: right !important;
    margin: 0 auto -6px;
 }
 .navbar-inverse .navbar-nav > li > a{padding: 37px 35px;}
}

/* 슬라이드 공통 */
.carousel-control{text-shadow:0px 2px 6px rgba(0, 0, 0, .125);transition:ease-in-out .15s all;}
.carousel-control.left .glyphicon::before{content:'\f053';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-control.right .glyphicon::before{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;}
.carousel-indicators li{width:14px;height:14px;background-color:#fff;border:none;margin:0 6px;border-radius:20px;transition:ease-in-out .15s all;}
.carousel-indicators li.active{width:14px;height:14px;background-color:#00a8c1;margin:0 6px;box-shadow:0px 2px 6px rgba(0, 0, 0, .125);}

.carousel-caption {text-shadow:none;}

@media (max-width: 767px) {
 .carousel-control{font-size:14px;}
 .carousel-indicators li, .carousel-indicators li.active{width:10px;height:10px;}
}

/* 푸터 */
#site footer{margin-top:0px;background-color: #fff;color: #333;}
#site footer .footer-info{padding: 40px 0;border-top: 1px solid #eee;}
#site footer .footer-info .logo > img{height:37px;margin-top:5px;opacity: 1;}
#site footer .footer-info .info{padding-left: 45px;}
#site footer .footer-info ul{position:relative;margin:0;padding:0;font-size:0}
#site footer .footer-info ul li{list-style:none;display:inline-block;font-size: 14px;margin-right:15px;line-height: 23px;}
#site footer .footer-info ul li.copy{margin-top: 5px;font-size:12px;color:#999;display: block;letter-spacing: 0em;}
#site footer .footer-info ul li:nth-child(1) {
    color: #108c9e;
    letter-spacing: 0;
    font-weight: 500;
}
#site footer .footer-info .box-logo {
    top: 0;
    right: 15px;
    position: absolute;
}
#site footer .footer-info .box-logo img {
    width: 145px;
    display: inline-block;
    margin-right: 2px;
    padding: 12px 25px;
    background: #f8f8f8;
}

/* 메인 페이지 */
#mainCarousel .carousel-inner .item{height:630px}
#mainCarousel .carousel-caption h1 {
    margin: 0 0 30px;
    font-size: 60px;
    font-family: 'Spartan', sans-serif;
    letter-spacing: -0.02em;
}
#mainCarousel .carousel-caption p {
    font-size: 20px;
    font-weight: 300;
}

@media (max-width: 767px) {
 #mainCarousel .carousel-inner .item{height:300px}
 #mainCarousel .carousel-caption h1{margin:0 0 15px;font-size:30px}
 #mainCarousel .carousel-caption p{font-size:12px;}
}

#section_a684ec {
  padding: 20px 0;
}

#section_b53b3a {
  min-height: 400px;
}

#section_b53b3a .container {
  width: 100%;
  padding: 0;
}

.root_daum_roughmap {
  width: 100% !important;
  padding: 0 !important;
}

.root_daum_roughmap .map_border {
  display: none !important;
}
 
@media (min-width: 767px) {
  #section_a684ec div[class^="board_box_"] {
    width: 50%;
  }
}

.board_box_blog2 .row {
  margin-left: -5px;
  margin-right: -5px;
}

.board_box_blog2 .row > div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.board_box_blog2 .inner {
  margin-top: 0;
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
  padding: 12px 10px;
}
  
.board_box_blog2 .inner .bottom .title {
  margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
  font-size: 14px;
}
  
.board_box_blog2 .inner .bottom .info {
  display: none;
}
  
.board_box_blog2 .inner .top a .thumb {
  height: 100px;
}

/* 메인 추가 스타일 */
.mainPage #section1 {
    padding: 70px 0;
}
.mainPage .banner {
    padding: 60px 0;
}
.mainPage .banner > .text {
    padding: 40px 0 0 70px;
}
.mainPage #banner2 > .text {
    padding: 50px 15px 0;
}
.mainPage .banner > .text h3 {
    margin: 0 0 15px;
    font-size: 40px;
    font-weight: 500;
    position: relative;
}
.mainPage .banner > .text h3 .en {
    padding-left: 5px;
    font-size: 17px;
    font-weight: 300;
    color: #999;
    letter-spacing: 0em;
    font-family: 'Roboto';
    position: absolute;
    left: -4px;
    top: -35px;
}
.mainPage .banner > .text ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
}
.mainPage .banner > .text ul li {
    display: inline-block;
    margin: 0;
}
.mainPage .banner > .text ul li a {
    min-width: 62px;
    display: inline-block;
    padding: 8px 10px 6px;
    font-size: 15px;
    font-weight: 400;
    color: #22a5b9;
    text-align: center;
    line-height: 1em;
    border-radius: 2px;
    border: 1px solid #55bccc;

}
.mainPage .banner > .text ul li a:hover,
.mainPage .banner > .text ul li a:focus {
    color: #416aaa;
    border-color: #416aaa;
}
.mainPage .banner > .text p {
    margin: 0;
    font-size: 17px;
    line-height: 1.55em;
}
.mainPage .banner > .text p strong {
    font-size: 18px;
    color: #2457a7;
}
.mainPage .banner > .text .btn {
    margin-top: 30px;
    padding: 12px 45px 10px;
    font-weight: 500;
    background: #f6f6f6;
}
.mainPage .banner > .text .btn:hover,
.mainPage .banner > .text .btn:focus {
    color: #fff;
    background: #416aaa;
}
.mainPage .banner > .text .btn span {
    padding-left: 6px;
}

.mainPage #section2 {
    position: relative;
    padding: 65px 0 55px;
    color: #fff;
    text-align: center;
    background: url('/public/img/main/bg_full_banner.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.mainPage #section2::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0e2131;
    opacity: 0.6;
}
.mainPage #section2 h3 {
    margin: 0 0 25px;
    font-size: 40px;
}
.mainPage #section2 .btn {
    padding: 17px 45px 15px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.8);
    letter-spacing: 0;
    background: rgba(0,0,0,0.15);
    border-radius: 1px;
}
.mainPage #section2 .btn:hover,
.mainPage #section2 .btn:focus {
    color: #fff;
    background: #2a70de;
    border-color: #2a70de;
}
.mainPage #section2 .btn i {
    margin-right: 10px;
}

/*************** 서브 시작 ***************/
/* 공통 스타일 */
#site > .container {
    width: 100%;
    padding: 0;
}
.subPage > .pageTop {
    height: 240px;
    color: #fff;
    background: #333 url('/public/img/sub/back_page_top.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.subPage > .pageTop > .container {
    height: 100%;
    position: relative;
}
.subPage > .pageTop .wrap-title {
    padding: 100px 0 0;
}
.subPage > .pageTop .wrap-title > h2 {
    margin: 0;
    font-size: 45px;
    font-weight: 200;
}
.subPage > .pageTop .wrap-title > p {
    margin: 10px 0 0;
    font-size: 17px;
    font-weight: 300;
    color: rgba(255,255,255,0.8);
    letter-spacing: -0.02em;
}

/* Breadcrumb */
.subPage .breadcrumb {
    top: 20px;
    right: 15px;
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 13px;
    letter-spacing: 0;
    background-color: transparent;
    color: #ddd;
}
.subPage .breadcrumb > li:first-child::before {
    content: '\f015';
    top: 1px;
    left: -10px;
    position: absolute;
    font-size: 11px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}
.breadcrumb>li+li:before {
    padding: 0 2px;
}
.subPage .breadcrumb .current {
    color: #fff;
}
.subPage > .contents {
    padding: 100px 0 150px;
}

.space-bottom {
    margin-bottom: 80px;
}
.title-lv-1 {
    position: relative;
    margin: 0 0 65px;
    font-size: 44px;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1;
    text-align: center;
}
.title-lv-3 {
    position: relative;
    margin: 0 0 20px;
    padding-left: 25px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
}
.title-lv-3::before {
    content: '';
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    border: 4px solid #416aaa;
    border-radius: 50%;
}
.title-lv-3::after {
    content: '';
    top: 3px;
    left: 11px;
    width: 10px;
    height: 10px;
    position: absolute;
    background: #00a8c1;
    border: 2px solid #fff;
    border-radius: 50%;
}

.list-default {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.list-default > li {
    position: relative;
    margin-bottom: 5px;
}
.list-dash > li {
    padding-left: 12px;
    font-size: 15px;
    letter-spacing: -0.02em;
}
.list-dash > li::before {
    content: '-';
    left: 0;
    position: absolute;
}

table.tb-default > thead > tr > th,
table.tb-default > tbody > tr > th,
table.tb-default > tbody > tr > td {
  padding: 16px;
  font-size: 15px;
  border-top: none;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
table.tb-default > thead > tr > th,
table.tb-default > tbody > tr > th {
    text-align: center;
}
table.tb-style-1 {
    border-top: 1px solid #333;
}
table.tb-style-1 > thead > tr > th,
table.tb-style-1 > tbody > tr > th {
    font-weight: 600;
    letter-spacing: -0.02em;
    background: #f7f7f7;
}

/* 회사개요 (페이지) */
#summary .image {
    padding: 0 45px 0 58px;
    /*padding: 0 45px 0 15px;*/
}
#summary table > tbody > tr > th,
#summary table > tbody > tr > td {
    padding: 32px 20px;
}
/*
#summary table > tbody > tr > td ul {margin: 0 0 -5px;}
#summary table > tbody > tr > td ul li {
    display: inline-block;
}
#summary table > tbody > tr > td ul li+li {
    margin-left: 12px;
}
#summary table > tbody > tr > td ul li+li::before {
    content: '/';
    left: -10px;
    position: absolute;
    color: #999;
}
*/

/* 인증/특허 (페이지) */
#certificate h1, #summary h1 {
    margin-bottom: 80px;
}
#certificate #row1 {
    margin: 0 -10px;
}
#certificate #row1 > div {
    padding: 0 10px;
}
.box-certifi {
    margin-bottom: 30px;
}
.box-certifi > .wrap-img {
    position: relative;
    padding: 6px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
.box-certifi > .wrap-img:hover,
.box-certifi > .wrap-img:focus {
    cursor: pointer;
    border-color: #6b9ff1;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.box-certifi > .wrap-img::before {
    content: '+';
    right: 12px;
    bottom: 12px;
    width: 30px;
    height: 30px;
    position: absolute;
    padding: 15px 8px 0;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 0em;
    background-color: #498bf3;
    border-radius: 20px;
    opacity: 0;
}
.box-certifi > .wrap-img:hover::before,
.box-certifi > .wrap-img:focus::before {
    opacity: 1;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 550px;
        margin: 30px auto;
    }
}
.modal.certifi .modal-header {
    padding: 15px 20px;
    color: #fff;
    background-color: #2b569a;
    border-bottom: none;
}
.modal.certifi .modal-header .modal-title {
    display: inline-block;
    margin: 4px 0 -4px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}
.modal.certifi .modal-header button {
    margin-top: -4px;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    text-shadow: none;
    opacity: 0.3;
}
.modal.certifi .modal-body {
    padding: 30px 40px;
}
.modal.certifi .modal-body > img {
    border: 1px solid #ddd;
    box-shadow: 1px 6px 6px rgba(0,0,0,0.1);
}
.modal.certifi .modal-footer {
    padding: 0 20px 20px 20px;
    border-top: none;
}
.modal.certifi .modal-footer > a {
    padding: 8px 25px;
    border: 1px solid #d8d8d8;
}
.modal.certifi .modal-footer > a:hover {
    background-color: #f6f6f6;
}

/* 파트너/레퍼런스 (페이지) */
#partners .contents h2 {
    margin: 0 0 50px;
    font-size: 40px;
    color: #222;
    letter-spacing: -0.03em;
    line-height: 1;
    text-align: center;
}
#partners #row1 p {
    margin: 0 0 80px;
    font-size: 20px;
    color: #000;
    letter-spacing: 0em;
    text-align: center;
}
#partners #row1 p + img {
    width: 700px;
    margin: 40px auto 0;
}
#partners #row1::after {
    border-bottom: 4px dotted #eee;
    width: calc(100% - 30px);
    content: '';
    display: block;
    padding-bottom: 70px;
    margin: auto;
}
#partners .wrap-partner+.wrap-partner {
    margin-top: 70px;
}
#partners ul.list-partner {
    width: 100%;
    display: inline-block;
    margin: 0 -5px;
}
#partners ul.list-partner > li {
    float: left;
    width: 16.66%;
    padding: 0 5px;
}
#partners ul.list-partner > li .inner {
    padding: 15px;
    border: 1px solid #ddd;
}
#partners #row1 ul.list-partner,
#partners #row1 ul.list-partner > li {
    width: auto;
}
#partners #row1 ul.list-partner > li .inner {
    width: 126px;
    height: 126px;
}

/* 사업소개 공통 스타일 */
.sub-nav {
    margin-top: -30px;
    margin-bottom: 80px;
    text-align: center;
}
.sub-nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
/* .sub-nav ul li {
    display: inline-block;
} */
.sub-nav ul li a {
    min-width: 130px;
    display: inline-block;
    padding: 0 15px 15px;
    color: #999;
    border-bottom: 2px solid #e6e6e6;
    font-size: 17px;
}
/* .sub-nav ul li+li a {
    margin-left: -4px;
} */
.sub-nav ul li:not(.active) a:hover,
.sub-nav ul li:not(.active) a:focus {
    color: #333;
    text-decoration: none;
    border-color: #10bad4;
}
.sub-nav ul li.active a {
    font-weight: 500;
    letter-spacing: -0.034em;
    border-color: #10bad4;
    color: #222;
    font-weight: 700;
}
#business01 .biz-box-text {
    display: table;
    background: transparent;
    padding-bottom: 0;
}
#business01 .biz-box-text > p {
    text-align: center;
    width: 100%;
}
.biz-box-tit {
    margin: 10px 0 60px;
    text-align: center;
}
.biz-box-tit h4 {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 32px;
    font-weight: 400;
}
.biz-box-tit h4::before {
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    position: absolute;
    background: #3be5ff;
    opacity: 0.5;
    z-index: -1;
}
.biz-box-text {
    padding: 40px 20px 40px;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    background: url('/public/img/sub/sub_tit_line.png') repeat;
    position: relative;
}
.biz-box-text::after {
    display: block;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background: #fff;
    content: '';
    position: absolute;
    z-index: 0;
    left: 8px;
    top: 8px;
}
#business01 .biz-box-text::after {
    display: none;
}
.biz-box-text > p {
    font-size: 20px;
    line-height: 1.5em;
    text-align: left;
    width: 75%;
    font-weight: 400;
    z-index: 2;
}
.biz-box-text > p:last-child {
    margin-bottom: 0;
}
.biz-box-icon {
    width: 25%;
    z-index: 1;
}
.biz-box-icon > .inner-icon {
    display: inline-block;
    padding: 25px;
    background: #416aaa;
    border-radius: 100%;
    text-align: right;
    vertical-align: middle;
}
.biz-box-icon > .inner-icon img {
    width: 55px;
}

/* 조달/공공 (페이지) */
#business01 .wrap-icon {
    margin-top: 70px;
    text-align: center;
}
#business01 .wrap-icon > .icon {
    width: 280px;
    height: 280px;
    margin: 0 20px;
    padding: 42px 0;
    display: inline-block;
    background: #eef5ff;
    border-radius: 100%;
}
#business01 .wrap-icon > .icon p {
    margin: 20px 0 0;
    font-size: 20px;
    color: #416aaa;
    letter-spacing: 0;
}
#business01 .wrap-icon > .icon .more {
    display: inline-block;
    margin-top: 15px;
    padding: 7px 10px 5px;
    font-size: 11px;
    letter-spacing: 0em;
    border: 1px solid #ccc;
    text-transform: uppercase;
    transition: all ease-in-out .15s;
}
#business01 .wrap-icon > .icon .more span {
    padding-left: 2px;
}
#business01 .wrap-icon > .icon a:hover .more,
#business01 .wrap-icon > .icon a:focus .more {
    color: #fff;
    background: #416aaa;
    border: 1px solid transparent;
}

/* 제품소개 공통 스타일 */
[id^='product_'] #row1 p {
    font-size: 20px;
    color: #000;
    letter-spacing: 0em;
    text-align: center;
}
[id^='product_'] .box-mark {
    margin: 0 0 50px;
    text-align: center;
}
.tooltip {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 15px 0 30px;
    z-index: 1020;
    opacity: 1;
}
.tooltip .tooltiptext {
    top: 80px;
    left: 50%;
    width: 352px;
    position: absolute;
    padding: 12px;
    background-color: #f1fdff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    transform: translateX(-50%);
    visibility: hidden;
    z-index: 1;
}
.tooltip:hover {
    cursor: pointer;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext strong {
    font-size: 13px;
    color: #2457a7;
    line-height: 2em;
}
.wrap-prod > .prod {
    padding: 60px 0 50px;
    border: 1px solid #eee;
    width: 47%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 3%;
    border-top: 1px solid #00a8c1;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
}
#product_server .wrap-prod > .prod:nth-child(11) {
    min-height: 497px;
}
#product_server .wrap-prod > .prod:nth-child(13) {
    min-height: 543px;
}
#product_storage .wrap-prod > .prod:nth-child(2) {
    min-height: 533px;
}

#product_nvidia .wrap-prod > .prod{
    height: 573px;
}
.wrap-prod > .prod > .image {
    padding-left: 150px;
    width: 480px;
    margin-top: 15px;
}
.wrap-prod > .prod .num {
    top: 42px;
    left: 45px;
    position: absolute;
    font-size: 70px;
    color: #02a8c1;
    font-weight: 100;
}
.wrap-prod > .prod > .detail {
    padding: 50px 0 0 150px;
}
.wrap-prod > .prod > .detail .name {
    position: relative;
    margin: 0 0 20px;
    padding-left: 8px;
    font-size: 30px;
    font-weight: 600;
    color: #2457a7;
    letter-spacing: 0em;
}
.wrap-prod > .prod > .detail .name::before {
    content: '';
    top: -6px;
    left: -2px;
    width: 24px;
    height: 24px;
    position: absolute;
    background: #7aeafb;
    border-radius: 20px;
    z-index: -1;
    opacity: 0.4;
}
#product_storage .wrap-prod > .prod:last-child {
    display: none;
}

#product_solution .wrap-prod > .prod > .detail,
#product_solution .wrap-prod > .prod > .image{
    padding-left: 0;
    margin: 0 auto;
}
#product_solution .wrap-prod > .prod > .detail{
    width: 260px;
}
/* 게시판, 주문폼 공통 스타일 */
.board_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
.search_wrap {
    margin-bottom: 0;
}
.board_wrapper .table.table_default {
    border-top: 1px solid #333;
}
.board_wrapper .table.table_default thead th {
    background: #f8f8f8;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 15px;
    font-weight: 500;
}
.board_wrapper .table.table_default tr td {
    padding: 12px 15px;
}
.table.table_default tbody .subject a {
    color: #333;
    font-weight: 500;
}
.table.table_default tbody .subject a:hover {
    color: #416aaa;
}
.table.table_default tbody .subject .badge {
    margin-right: 8px;
    padding: 6px 7px 5px;
    font-weight: 500;
    color: #fff;
    background: #777;
    border-radius: 0;
}
.table.table_default tr td.writer,
.table.table_default tr td.regdate,
.table.table_default tr td.hits {
    color: #777;
}
.board_data_view {
    border-top: 2px solid #416aaa;
}
.board_data_view .header_wrap {
    padding: 42px 10px;
    background: #f8f8f8;
    border-bottom: 1px solid #d3d3d3;
}
.board_data_view .header_wrap .title {
    font-size: 30px;
    letter-spacing: -0.05em;
    line-height: 1.3em;
}
.board_data_view .header_wrap .info {
    margin-top: 8px;
}
/* 게시글 작성 */
.board_wrapper .table.board_write_table tbody tr th,
.board_wrapper .table.board_write_table tbody tr td {
    font-size: 15px;
    letter-spacing: -0.033em;
    border-color: #e6e6e6;
}
.board_wrapper .table.board_write_table tbody tr th {
    width: 200px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    background: #f8f8f8;
}
/* 주문폼 */
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 350px;
}
.board_wrapper .table.board_write_table tbody tr th > span.required_text {
    color: red;
    font-weight: 600;
}
.board_wrapper .table.board_write_table tbody tr td .text-muted {
    font-size: 14px;
}
.board_wrapper .table.board_write_table .checkbox a {
    color: #416aaa;
    text-decoration: underline;
}
.form-control:not([readonly]):focus {
    border-color: #999;
}
.alert-info {
    margin-bottom: 30px;
}
/*************** 서브 끝 *****************/

/* board 추가 css */
.board_wrapper {
    margin-top: 0;
}
.board_data_view .header_wrap .title {
    font-size: 26px;
    letter-spacing: -0.06em;
}
.board_data_view .header_wrap {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.board_data_view .contents_wrap p {
    font-size: 17px;
}
.board_data_view {
    border-top: 1px solid #333;
}
.table.table_default tbody tr th.num {
    font-weight: normal;
}
.table.table_default tbody .subject a {
    font-size: 17px;
    color: #333;
}
.table.table_default tr th, .table.table_default tr td {
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}
.text-muted {
    font-size: 14px !important;
    margin-top: 8px !important;
}
.checkbox label, .radio label {
    letter-spacing: -0.06em;
    font-size: 16px;
}
.custom_checkbox+span a {
    font-weight: 500;
}
.table_blog2 dd .inner {
    border: none;
}
.member_wrapper h1 {
    border: none;
    margin-top: 0;
}
.privacy_body {
    font-size: 16px;
    line-height: 1.6em;
    padding: 0 100px;
}
.subContent .board_wrapper h4 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin: 10px 0;
}
.table.table_default thead th {
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
}
.table_default {
    border-top: 1px solid #333;
}
.table.table_default tr td {
    color: #777;
}
.badge {
    padding: 6px 6px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 13px;
    margin-right: 3px;
}
.board_wrapper .table.board_write_table .files .fileInput .file_add {
    padding: 6px 7px 5px;
}
.board_wrapper .table.board_write_table .files + .sumChk {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
/* board 추가 css end */

/*********** 모바일 최적화 시작 ***********/
@media (max-width: 1199px) { /* Small·Medium·Large devices */
    .carousel-caption{right:12%;left:12%}
    .wrap-prod > .prod{min-height:auto !important;width:100%;margin-left:0;margin-right:0;margin-bottom:0;padding:40px 0 30px}
    .wrap-prod > .prod+.prod{margin:30px 0}
}
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    #site{padding-top:60px;font-size:15px}
    .navbar-inverse{position:fixed;border-bottom:1px solid #ddd}
    .navbar-inverse .navbar-brand img{height:35px;margin-top:0}
    .navbar-inverse .navbar-logos{display: none;}
    .navbar-inverse .navbar-nav{margin:0 -15px}
    .navbar-inverse .navbar-nav > .open{background-color:#f6f6f6}
    .navbar-inverse .navbar-nav > li > a{padding:10px 15px;font-size:16px}
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus{color:#00a8c1}
    .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
    .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
    .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle{color:#fff;background:#00a8c1}
    .navbar-inverse .navbar-nav > .open .dropdown-menu{padding:10px 0}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a{padding:5px 25px;font-size:14px;color:#111}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:focus{font-weight:600;color:#111}

    .mainPage #section1{padding:40px 0}
    .mainPage .banner{padding:0}
    .mainPage #banner1{margin-bottom:10px}
    .mainPage .banner > .text{padding:60px 15px 0}
    .mainPage .banner > .text h3{margin:0 0 12px;font-size:32px}
    .mainPage .banner > .text h3 .en{top:-22px;font-size:14px}
    .mainPage .banner > .text ul{margin-bottom:20px}
    .mainPage .banner > .text ul li a{min-width:72px;margin-bottom:5px;padding:7px 10px 5px;font-size:13px}
    .mainPage .banner > .text p{font-size:15px}
    .mainPage .banner > .text p strong{font-size:16px}
    .mainPage .banner > .text .btn{margin-top:20px;padding:8px 35px;font-size:13px}
    .mainPage #banner2 > .image{margin-top:40px}
    .mainPage #section2{padding:30px 0}
    .mainPage #section2 h3{margin:0 0 20px;font-size:32px}
    .mainPage #section2 .btn{padding:13px 25px 11px;font-size:16px}

    #site footer .footer-info{padding:25px 0}
    #site footer .footer-info .logo > img{height:30px;margin-top:0}
    #site footer .footer-info .info{padding-top:15px;padding-left:15px}
    #site footer .footer-info .box-logo{position:static;margin-top:15px}
    #site footer .footer-info ul li{font-size:13px;line-height:20px}
    #site footer .footer-info ul li.copy{font-size:11px}
    #site footer .footer-info .box-logo img{width:115px;padding:10px 20px}

    .subPage > .pageTop{height:180px}
    .subPage > .pageTop .wrap-title{padding:60px 0 0}
    .subPage > .pageTop .wrap-title > h2{font-size:38px}
    .subPage > .pageTop .wrap-title > p{margin:5px 0 0;font-size:15px}
    .subPage .breadcrumb{top:15px;font-size:11px}
    .subPage > .contents{padding:60px 0 80px}
    .title-lv-1{margin:0 0 35px;font-size:37px}
    .title-lv-3{margin:0 0 15px;font-size:21px}
    .space-bottom{margin-bottom:40px}

    #certificate h1,
    #summary h1{margin-bottom:35px}
    #summary .image{padding:0 60px 30px}
    #summary table > colgroup{display:none}
    #summary table > tbody > tr > th,
    #summary table > tbody > tr > td{width:100%;display:inline-block;padding:12px 15px}
    #summary table > tbody > tr > td{text-align:center}
    /*#summary table > tbody > tr > td ul li{margin-bottom:0}*/
    .box-certifi{margin-bottom:20px}
    #partners #row1::after{padding-bottom:40px}
    #partners #row1 p{margin:0 0 40px;font-size:16px}
    #partners .contents h2{margin:0 0 30px;font-size:32px}
    #partners ul.list-partner > li{width:20%;padding:0 2px}
    #partners ul.list-partner > li .inner{padding:10px}
    #partners .wrap-partner+.wrap-partner{margin-top:35px}
    #partners #row1 ul.list-partner{margin:0;padding:0 13px}
    #partners #row1 ul.list-partner > li{width:25%}
    #partners #row1 ul.list-partner > li .inner{width:auto;height:auto}
    #partners #row2 ul.list-partner > li{width:33.3%}
    .sub-nav{margin-bottom:50px}
    .sub-nav ul li a{min-width:110px;font-size:15px;padding:0 0 10px}
    [id^='product'] .sub-nav ul li {
        flex-basis: 50%;
    }
    [id^='product'] .sub-nav ul li a {
        width: 100%;
    }
    .biz-box-tit h4{font-size:26px}
    #business03 .biz-box-tit h4{font-size:25px}
    .biz-box-tit h4::before{height:7px}
    .biz-box-tit{margin:10px 0 30px}
    #business01 .biz-box-text{padding:0}
    .biz-box-text > p{font-size:17px;text-align:center}
    #business01 .wrap-icon{margin-top:40px}
    #business01 .wrap-icon > .left{margin-bottom:30px}
    .biz-box-tit{margin:10px 0 30px}
    .biz-box-text{padding:30px 20px;flex-direction:column}
    .biz-box-icon{width:100%;margin-bottom:15px}
    .biz-box-text > p{width:100%}
    [id^='product_'] #row1 p{font-size:18px}
    [id^='product_'] .box-mark{margin:0 0 30px}
    .tooltip .tooltiptext{width:200px}
    .wrap-prod > .prod .num{top:20px;left:15px;font-size:50px}
    .wrap-prod > .prod > .image{margin-top:0;padding-left:80px;padding-right:30px;width:auto}
    #product_solution .wrap-prod > .prod > .image{padding-right: 0; width: 80%;}
    .wrap-prod > .prod > .detail{padding:35px 0 0 15px}
    .wrap-prod > .prod > .detail .name{margin:0 0 15px;font-size:27px}
    .list-dash > li{font-size:14px}

    .board_wrapper .table colgroup,
    .board_wrapper .table tr .num,
    .board_wrapper .table tr .hits{display:none}
    .board_wrapper .table .subject{width:55%}
    .board_wrapper .table .writer{width:20%}
    .board_wrapper .table .regdate{width:25%}
    .board_wrapper .table.table_default tr th,
    .board_wrapper .table.table_default tr td{padding:10px;font-size:14px}
    .table.table_default tbody .subject .badge{margin-right:5px;font-size:11px}
    .table.table_default tbody .subject a{font-size:14px}
    .board_data_view .header_wrap{padding:30px 10px}
    .board_data_view .header_wrap .title{font-size:24px}
    .board_data_view .header_wrap .info{margin-top:5px}
    .board_data_view .header_wrap .info span{font-size:12px}
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .form-control.form-control-big,
    .member_wrapper #join_form .table .form-control,
    .member_wrapper #join_form .table .form-control.form-control-big{width:100%}
    .board_wrapper .table.board_write_table .files .fileInput .file_add{width:100%;margin:0 0 15px;padding:6px 12px}
    .member_wrapper .text-center .btn.btn-lg,
    .board_wrapper .text-center .btn.btn-lg{width:100%;margin:0;padding:9px}
    .board_wrapper .text-center .btn#write_btn,
    .member_wrapper .text-center .btn#join_btn,
    .board_wrapper .text-center .btn#list_btn{margin-top:20px}
    [id^='form_history'] .board_wrapper{padding-top:40px;padding-bottom:80px}
    .member_wrapper{padding-top:60px;padding-bottom:100px}
}
@media (min-width: 768px) { /* Medium·Large·Extra large devices */
    .navbar-inverse > .container{position:relative;text-align:center}
    .navbar-inverse .navbar-collapse{display:inline-block !important}
    .navbar-inverse .navbar-logos{top:32px;right:0;position:absolute;margin-right:-5%}
    .navbar-inverse .navbar-logos > img{display:inline-block}
    .navbar-inverse .navbar-logos > img+img{margin-left:33px}
}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */
    .container > .navbar-header{width:100%;padding:15px 0 0}
    .navbar-inverse .navbar-brand{float:none;height:auto;display:inline-block;margin:0 auto !important;padding:0 !important}
    .navbar-inverse .navbar-collapse{text-align:center}
    .navbar-inverse .navbar-right{float:none !important;display:inline-block}
    .navbar-inverse .navbar-nav > li > a{padding:25px 35px}
    #partners ul.list-partner > li{width:25%}
    #partners #row1 .wrap-partner{padding-left:16.3%}
    #partners #row1 ul.list-partner > li .inner{width:157px;height:157px}
    .sub-nav ul li a{min-width:120px}
}
@media (min-width: 768px) and (max-width: 1300px) {
    .navbar-inverse .navbar-logos{margin-right:0;}
}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
    .navbar-header{position:absolute}
    #partners #row1 .wrap-partner{margin-left:27.5%}
}
/************ 모바일 최적화 끝 ************/