/* 메뉴 */
.dropdown_menu ul{
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    height: 30px;
    list-style: none;
    padding: 0px;
}

.dropdown_menu li{
    float: left;
    padding: 0;
    list-style: none;
    font-size: 13px;
}

.dropdown_menu li a{
/*    background: rgb(109,109,109);*/
/*    color:#cccccc;*/
    display:block;
    font-weight:normal;
    line-height:30px;
    margin:0px;
    padding:10px;
    text-align:center;
    text-decoration:none;
}


.dropdown_menu ul{
/*    background: rgb(109,109,109);*/
    display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:180px;
/*    z-index:200;*/
    /*top:1em;
    /*left:0;*/
}

.dropdown_menu:hover ul{
    display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */
}


/* 사이드바 */

.main-sidebar {
    padding: 17px 13px;
    background-color: #2d77d7;
    box-shadow: 0px 8px 20px 2px rgba(77, 77, 77, 0.2);
    width: 93px;
    height: 397spx;
    text-align: center;
    color: white;
    z-index: 500;
    position: fixed;
    right: 5%;
    top: 64px;
}


.main-sidebar img{
width: 60px;
height: 60px;
margin-top:-3px;
}

.main-sidebar p {
    margin: 25px 0;
    color: rgb(255 255 255);
    font-weight: 600;
    font-size: 13px;
    font-family: "noto-sans", sans-serif;
}



.consulting-1 {
border-bottom: solid 1px white;
margin-bottom: 20px;
cursor: pointer;
}

.consulting-2 {
    border-bottom: solid 1px white;
margin-bottom: 20px;
cursor: pointer;
}

.com-info {
    border-bottom: solid 1px white;
margin-bottom: 12px;
cursor: pointer;
}

    .main-sidebar a {
        text-decoration: none;
        color: rgb(255, 255, 255) !important;
        cursor: pointer;
        }
    
   
/* function */
.function-header {
    position: relative;
    background: url(../images/banner01_b.jpg) no-repeat center center/cover;
    height: 540px;
    color: white;
}


.function-header-title  {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top:49%;
    left: 25%;
    font-size: 20px;
    transform: translate(0%, -50%);
    line-height: 30px;
}
.text-center p {
    max-width: 1200px;
    text-align: center;
    font-size: 20px;
    line-height: 33px;
    margin-top: 3px;
}
.item-content ul{
}
/*
.text-center p {
    max-width: 1200px;
    text-align: center;
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 3px;
} */
.function-content {
    margin: 82px auto;
    max-width: 1200px;
}

#top-200 {
    margin-top: 200px;
}
/*
.content-dis img:last-child {
    /* box-shadow: 1px 0px 18px rgb(0 0 0 / 12%);
} */
 
.shadow-none {
    box-shadow: none;
}

.function-section {
    margin-top: 40px;
    width: 100%;
    /* background-color: #e9eaf0; */
}

input[type=radio] {
	display: none;
}

.function-menu {
    display: flex;
    justify-content: space-around;
    margin: 46px 10px 0px 10px;
    
}

.function-menu-top{
    width: auto;
    border-bottom: solid 3px #e1e1e1;
}

.function-menu div {
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    padding-bottom: 34px;
    margin-top: -44px;
}

/* 수정 
.function-tab {
  overflow: hidden;
  margin: 69px 0px 0px 40px;
  display: flex;
  flex-wrap: wrap;
} */
.function-tab {
    overflow: hidden;
    margin: 55px 0px 0px 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.function-tab div{
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 15px 0;
    font-weight: bold;
    color: #838383;
    border: solid white;
    flex-direction: column;
    min-width : 115px;
    margin-bottom: .5rem;
}

.function-tab-click{
    color: #14afb2 !important;
    box-shadow: none;
    border: solid #14afb2 !important;
}

.function-tab div:hover{
    color: #14afb2;
    box-shadow: none;
    border: solid #14afb2;
}

.function-tab div img:last-child {
   display: none;
}


/*

   .function-tab div img:last-child {
   display: none;
}

.function-tab div:hover img:first-child {
  display: none;
}

.function-tab div:hover img:last-child {
   display: block;
}

*/

#tab-basic-1:hover img, #tab-expense-1:hover img, #tab-interlock-1:hover img{
    content : url('../images/function_icons/function_icons01-1.png');
}


#tab-basic-2:hover img, #tab-expense-2:hover img, #tab-interlock-2:hover img{
    content : url('../images/function_icons/function_icons02-2.png');
}


#tab-basic-3:hover img, #tab-expense-3:hover img, #tab-interlock-3:hover img{
    content : url('../images/function_icons/function_icons03-3-01.png');
}


#tab-basic-4:hover img, #tab-expense-4:hover img, #tab-interlock-4:hover img{
    content : url('../images/function_icons/function_icons04-4.png');
}


#tab-basic-5:hover img, #tab-expense-5:hover img, #tab-interlock-5:hover img{
    content : url('../images/function_icons/function_icons05-5.png');
}


#tab-basic-6:hover img, #tab-expense-6:hover img, #tab-interlock-6:hover img{
    content : url('../images/function_icons/function_icons06-6.png');
}


#tab-basic-7:hover img, #tab-expense-7:hover img, #tab-interlock-7:hover img{
    content : url('../images/function_icons/function_icons07-7.png') ;
}


#tab-basic-8:hover img, #tab-expense-8:hover img, #tab-interlock-8:hover img{
    content : url('../images/function_icons/function_icons08-8.png');
}


#tab-basic-9:hover img, #tab-expense-9:hover img, #tab-interlock-9:hover img{
    content : url('../images/function_icons/function_icons09-9.png');
}


#tab-basic-10:hover img, #tab-expense-10:hover img, #tab-interlock-10:hover img{
    content : url('../images/function_icons/function_icons10-10.png');
}


#tab-basic-11:hover img, #tab-expense-11:hover img, #tab-interlock-11:hover img{
    content : url('../images/function_icons/function_icons11-11.png');
}

#tab-basic-12:hover img, #tab-expense-12:hover img, #tab-interlock-12:hover img{
    content : url('../images/function_icons/function_icons12-12.png');
}

#tab-basic-13:hover img, #tab-expense-13:hover img, #tab-interlock-13:hover img{
    content : url('../images/function_icons/function_icons13-13.png');
}

#tab-basic-14:hover img, #tab-expense-14:hover img, #tab-interlock-14:hover img{
    content : url('../images/function_icons/function_icons14-14.png');
}

#tab-basic-15:hover img, #tab-expense-15:hover img, #tab-interlock-15:hover img{
    content : url('../images/function_icons/function_icons15-15.png');
}

#tab-basic-16:hover img, #tab-expense-16:hover img, #tab-interlock-16:hover img{
    content : url('../images/function_icons/function_icons16-16.png');
}

#tab-basic-17:hover img, #tab-expense-17:hover img, #tab-interlock-17:hover img{
    content : url('../images/function_icons/function_icons17-17.png');
}

#tab-basic-18:hover img, #tab-expense-18:hover img, #tab-interlock-18:hover img{
    content : url('../images/function_icons/function_icons18-18.png');
}

#tab-basic-19:hover img, #tab-expense-19:hover img, #tab-interlock-19:hover img{
    content : url('../images/function_icons/function_icons19-19.png');
}

#tab-basic-20:hover img, #tab-expense-20:hover img, #tab-interlock-20:hover img{
    content : url('../images/function_icons/function_icons20-20.png');
}

#tab-basic-21:hover img, #tab-expense-21:hover img, #tab-interlock-21:hover img{
    content : url('../images/function_icons/function_icons21-21.png');
}

#tab-basic-22:hover img, #tab-expense-22:hover img, #tab-interlock-22:hover img{
    content : url('../images/function_icons/function_icons22-22.png');
}

#tab-basic-23:hover img, #tab-expense-23:hover img, #tab-interlock-23:hover img{
    content : url('../images/function_icons/function_icons27.png');
}

#tab-basic-24:hover img, #tab-expense-24:hover img, #tab-interlock-24:hover img{
    content : url('../images/function_icons/function_icons28-28.png');
}

#tab-basic-25:hover img, #tab-expense-25:hover img, #tab-interlock-25:hover img{
    content : url('../images/function_icons/function_icons26-26.png');
}

#tab-basic-26:hover img, #tab-expense-26:hover img, #tab-interlock-26:hover img{
    content : url('../images/function_icons/function_icons32-32.png');
}

#tab-basic-27:hover img, #tab-expense-27:hover img, #tab-interlock-27:hover img{
    content : url('../images/function_icons/function_icons25-25.png');
}

#tab-basic-28:hover img, #tab-expense-28:hover img, #tab-interlock-28:hover img{
    content : url('../images/function_icons/function_icons29-29.png');
}

.function-tab img{
    height: 30px;
    margin-bottom: 10px;
}

.content {
  min-height: 250px;
}

.content > div{
   padding: 30px;
   line-height: 1.5;
   font-size: 17px;
   margin-top: -31px;
}

.content-dis{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.content-dis img:last-child {
    width: 61%;
    height: 15%;
}

.content-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-text img {
    width: 3rem;
    margin-bottom: 30px;
}

.content-text h3 {
    margin-bottom: 15px;
    font-size: 2rem;
}

.content-text p {
    margin-bottom: 2rem;
    font-size: 1.123rem;
}

.content-text button {
    padding: 5px 0px;
    border: solid 1px black;
    background-color: transparent;
    right: 50px;
    top: 8rem;
    width: 90px;
    font-size: 1rem;
}

.content-text button:focus {
    outline: none;
    cursor: pointer;
}

.content-text button:hover {
    background-color: #14afb2;
    color: white;
    cursor: pointer;
    border: solid 1px #14afb2;
    font-size: 1rem;
}

img { -ms-interpolation-mode: bicubic; } 

#mobile {
    width: 40%;
}



/* option function 기능 > 옵션기능 */
.option-content h2 {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1.3rem;
    color: #2b356d;
}

.option-content h3 {
    font-weight: 400;
    font-size: 1.15rem;
    color: #333;
}

.option-content p {
    font-weight: 300;
    font-size: 1rem;
    color: #888;
    line-height: 1.8rem;
}

.option-content .text-red {
    font-size: 0.9rem;
    font-weight: 400;
}

.option-content p span {
    margin-right: 5px;
    font-weight: 400;
}

/* product */


.product-text p{
    line-height: 1.5;
}
.product-title{
    position: relative;
    background: url(../images/banner04_b.jpg) no-repeat center center/cover;
    background-size: cover;
    height: 540px;
    color: white;
}

.build-item-box{
    width: 190px;
    height: 190px;
    background-color: #14afb2;
    border-radius: 230px;
}

.build-item-box-img{
    position: relative;
    margin-top: 20px;
    margin-left: 23px;
}

.build-item-box-img img{
   margin-top:32px;
   margin-left: -25px;
   text-align: center;
   align-items: center;
}
.build-item-text{
    position: absolute; 
}
.build-item-text p {
    font-weight: 600;
    font-size: 16px;
    margin-top: 7px;
}
.build-item-box01{
    width: 220px;
    height: 220px;
    background-color: #ffffff;
    border-radius: 230px;
    border-color : #17B0B3;
    border-style: solid;
    margin-top: -20px;
}
.build-item-box-img01 img{
   margin-top:32px;
   margin-left: -36px;
   text-align: center;
   align-items: center;
}
.build-item-text01{
    text-align: center;
    margin-left: -93px;
    color: rgb(0, 0, 0);
    margin-top: -8px;
    margin-left: -100px;
}
.build-item-tex02 {
    font-family: "Anek Latin", sans-serif;
    font-style: normal;
    color: #14afb2;
    font-size: 20px;
    font-weight: 800;
    margin-top: 3px;
}
.build-item-text03 {
    color: rgb(32, 32, 32);
    font-size: 13px;
    font-weight:500;
    margin-top: 3px;
    line-height: 20px;
    padding-left: 20px;
    min-height: 80px;
}
.product-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
.pd-build {
    padding: 100px 0; */
    /* background-color: #ededed; 
}*/

.build-wrap {
    max-width: 1200px;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    margin-top: 48px;
}

.build-arrow {
    padding: 0 10px;
    text-align: center;
}

.build-arrow img {
    width: 60%;
}

.build-item {
    list-style: none;
    padding: 0;
    border-radius: 12px;
    margin: 0 40px 0px 0%;
}



.build-item li p {
    display: inline-block;
    border-radius: 80px;
    /* padding: 29px; */
    /* background: white; */
    list-style: none;
}

.build-item li b {
    font-size: 18px;
    list-style: none;
    margin-right: -21px;
}

/* .build-wrap ul li:first-of-type {
    text-align: center;
}
.build-wrap ul li:nth-of-type(2) {
    text-align: center;
    margin-bottom: 10px;
} */

.item3 {
    list-style: none;
    text-align: left;
    float: left;
    padding: 0;
}

/* service */


.service-item-text p{
    color: #000000;
    font-weight: 600;
  
}


.service-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 23px;
    /* margin-left: -162px; */
}


.service-item-box {
    width: 505px;
    height: 234px;
    border-radius: 15px;
    padding: 40px 10px 40px 50px;
    background-color: #ffffff;
    border: solid #dbdbdb;
    margin: 22px 10px 10px 10px;
}
.service-item-box p {
    font-weight: 600;
    font-size: 19px;
    margin-left: -13px;
}

.service-item-box img {
    width: 55px;
    height: 55px;
    float:right;
    margin-right: 5%;
}

.service-item-box ul {
    font-size: 14px;
    color: #000000;
    margin-left: -33px;
}

/* system table */
.system-table {
    max-width: 1200px;
    margin: 150px auto;
}

.system-item01 {
    width: 331px;
    margin : 10px;
}

.item-title-img{
    text-align: center;
}

.item-title-img img{
    width: 176px;
    height: 109px;
}
.system-item-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 19px;
}

.item-title p {
    font-weight: 700;
    /* margin-bottom: 3px; */
    color: #17b0b3;
    font-size: 14px;
    text-align: left;
    /* margin-left: -87px; */
    margin-top: 20px;
}
.item-title01 h4 {
    font-size: 18px;
    text-align: center;
    /* margin-left: -60px; */
    margin-top: 21px;
    font-weight: 700;
}
.item-title01 p {
    min-height: 80px;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    color: rgb(0, 0, 0);
}

.item-title h5 {
    font-weight: 600;
    font-style: normal;
    margin-bottom: 3px;
    color: #000000;
    font-size: 18px;
    text-align: left;
    margin-left: 33px;
}

.item-content{
   
}

.item-content ul{
}

.item-content li{
}



.system-table ul {
    padding: 30px 20px 30px 40px;
    color: #888;
    border: solid 1.5px #17B0B3;
    border-top: none;
    border-bottom-left-radius:14px;
    border-bottom-right-radius: 14px;
    margin-top: -20px;
    
}


/* price */

/* price - 드롭다운 */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
    font-size: 16px;
    border: 3px solid rgb(231 231 231);
    border-radius: 12px;
    background-color: #ffffff;
    font-weight: 400;
    color: black;
    padding: 12px;
    width: 220px;
    text-align: left;
    margin-top: 93px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 8px;
    cursor: pointer;
}
.dropbtn button {
    border: none;
    outline: none;
    font-weight: 600;
    background: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 215px;
    margin-left: 10px;
}

.dropdown-list {
    font-size: 16px;
    line-height: 3;
    font-weight: 500;
    text-align: center;
    margin-top: 12px;
}

  /* price - 내용 */
  .pr-service-text h3 {
    font-size: 25px;
    margin-top: 26px;
    margin-left: 8px;
}

.share-title {
    margin-bottom: 20px;
}

.share-title h4{
    font-size: 30px;

}

.subtitle h4 {
    font-size: 21px;
    text-align: left;
    margin-top: 61px;
 
}
.pr-service-text h5 {
    font-family: "noto-sans", sans-serif;
    font-size: 21px;
    margin-top: 23px;
    margin-left: 8px;
}

.pr-service-text p {
    font-family: "noto-sans", sans-serif;
    font-size: 17px;
    line-height: 35px;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 10px;
}

.pr-service-text01 h3 {
    font-size: 33px;   
 }
   
.pr-service-text01 h5 {
    font-family: "noto-sans", sans-serif;
    color: #14afb2;
    font-size: 21px;
    font-weight: 600;
    margin-top: 23px;
}
   
.pr-service-text01 p {
    font-family: "noto-sans", sans-serif;
    font-size: 17px;
    line-height: 35px;
    font-weight: 500;
    margin-top: 16px;
}
.table-left td, th, tr{
    border-right: solid 1px #c9c9c9;
}


.table-right td, th{
    border-right: solid 1px #c9c9c9;
}

.price-table {
    padding: 100px 0 150px;
}

.subtitle-item-box {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-top: -7px;
}

.subtitle-item-box img{
    width: 41px;
    height: 41px;
}

.subtitle-item-box p {
    font-size: 16px;
    font-weight: 500;
    margin-left: 34px;
    color: #6da2a2;
    position: absolute; 
    transform: translate(10px, 35px);
}

.subtitle-item-top{
    display: flex;
    flex-direction: row;
    margin-top: 41px
}



.price-context {
    display : flex;
    flex-wrap: wrap;
    align-items : baseline;
    margin-bottom: 10px;
}

.price-top{
    display:inline-block;
        margin-right: 10px;
}

.price-left {
 /*  display: inline-block;*/ 
    width: 640px;
}

.table-left {
    width: 100%;
   /* border: solid 1.5px #eaeaea;*/
   /* border-collapse: separate; */
    border-radius: 10px;
    margin-bottom: 30px;
    margin-top: 35px;
}
.event-bg-img img{
    width: 100%;
    margin-top: 30px;
}

/*클라우드 공유형 */
#service-content-1 .table-left th, #service-content-1 .table-right th{
    text-align: center;
    background-color: #EFF5FF;
    color: #7f7f7f;
    height: 68px;
    font-size: 1.1rem;
    width: 19%;
    line-height: 1.2;
    border-collapse: collapse;
}

#service-content-1 .table-left tr:first-child, #service-content-1 .table-right tr:first-child {
   
    border-top: solid 1px #c5c5c5;
    border-bottom: solid 1px #c5c5c5;
    border-right: solid 1px #c5c5c5;
    border-left: solid 1px #c5c5c5;
}


/*클라우드 단독형 */
#service-content-2 .table-left th, #service-content-2 .table-right th {
    text-align: center;
    background-color: #f6f6ff;
    color: #7f7f7f;
    height: 71px;
    font-size: 1.1rem;
    width: 19%;
    line-height: 1.2;
    border-collapse: collapse;
}

#service-content-2 .table-left tr:first-child,  #service-content-2 .table-right tr:first-child{
    border-top: solid 1px #c5c5c5;
    border-bottom: solid 1px #c5c5c5;
    border-right: solid 1px #c5c5c5;
    border-left: solid 1px #c5c5c5;
}

/* 설치형 */
#service-content-3 .table-left th, #service-content-3 .table-right th {
    text-align: center;
    background-color: #effbfb;
    color: #7f7f7f;
    height: 71px;
    font-size: 1.1rem;
    width: 19%;
    line-height: 1.2;
    border-collapse: collapse;
}

#service-content-3 .table-left tr:first-child, #service-content-3 .table-right tr:first-child {

        border-top: solid 1px #c5c5c5;
        border-bottom: solid 1px #c5c5c5;
        border-right: solid 1px #c5c5c5;
        border-left: solid 1px #c5c5c5;
}

#service-content-3 .table-right td {
    color: #000 !important;
    text-align: left;
    padding-left : 10px;
}

.table-left th b {
    font-size: 1rem;
    font-weight: 400;
}

.table-left tr:nth-of-type(2) td {
    border-top: none;
}

.table-left tr:nth-of-type(n+2) {
    border: solid 1px #d9d8d8;
}

.table-left tr th:last-child {
    width: 25%;
}

.table-left td {
   font-weight:600;
   text-align: center;
   height: 48px;
    font-size: 14px;
 
}

.table-left tr td:first-child {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.table-left tr td a{  /* ₩ */
    text-align: center;
    color: #17B0B3 !important;
}


.table-left tr td:nth-child(2) del { /* 3000 */
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;

}

.table-left tr td:nth-child(2) b {   /* 2000 */
    text-align: center;
    color: 17B0B3;
    font-size: 14px;
    font-weight: 600;
}

.table-left tr td:nth-child(2) a {  /* ₩ */
    text-align: center;
    color: #17B0B3;
    font-size: 18px;
}
/* --------------------3 */
.table-left tr td:nth-child(3) del { /* 3000 */
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;

}

.table-left tr td:nth-child(3) b {   /* 2000 */
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.table-left tr td:nth-child(3) a {  /* ₩ */
    text-align: center;
    color: #17B0B3;
    font-size: 18px;
}
/*-------------------------------4*/
.table-left tr td:nth-child(4) del { /* 3000 */
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;

}

.table-left tr td:nth-child(4) b {   /* 2000 */
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.table-left tr td:nth-child(4) a {  /* ₩ */
    text-align: center;
    color: #17B0B3;
    font-size: 18px;
}
.table-left tr img {
    width: 7%;
    margin-left: 3px;
    margin-bottom: 25px;
    margin-top: 21px;
}

/* right*/
.price-right {
    display: inline-block;
    width: 550px;
}

.table-right {
   width : 550px;
}

.table-right th b {
    font-size: 1rem;
    font-weight: 400;
}

.table-right tr:nth-of-type(2) td {
    border-top: none;
}

.table-right tr:nth-of-type(n+2) {
    border: solid 1px #d9d8d8;
}

.table-right tr th:last-child {
    width: 25%;
}

.table-right td {
    font-weight: 600;
    text-align: center;
    height: 56px;
    font-size: 14px;
}

.table-right tr td:first-child {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.table-right tr td:nth-child(2) {  /* ₩ */
    text-align: center;
    color: #17B0B3 !important;
}

.table-right tr td:nth-child(2) del { /* 3000 */
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;

}

.table-right tr td:nth-child(2) b {   /* 2000 */
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 600; 
}

.table-right tr td:nth-child(2) a {  /* ₩ */
    text-align: center;
    color: #17B0B3 !important;
    font-size: 18px;
}

#table-subscription tr:nth-of-type(n+2) {
    height : 78px;
}

.explanation{
    color:rgb(168, 168, 168);
    font-weight: 500;
    margin: 10px 0px 39px 0px;
}

#right h6 {
    float: right;
    position: absolute;
    right: 0;
    top: 1rem;
}

#option {
    margin-top: 40px;
    margin-bottom: 1rem;
    width: 100%;
    display: inline-block;
    /* padding-left: 10px; */
}

/* right */
 
 #right p {
     margin-top: 1.25rem;
 }
 
 #right h6 {
     float: right;
     position: absolute;
     right: 0;
     top: 1rem;
 }
 
 #option {
     margin-top: 40px;
     margin-bottom: 1rem;
     width: 100%;
     display: inline-block;
     /* padding-left: 10px; */
 }

#option table {
    width: 100%;
    text-align: center;
    background-color: white;
    border: solid 1px #eee;
    height: 282px;
}

#option th {
    background-color: white;
    color: #14afb2;
    border-right: solid 1px #eee;
    border-top: solid 1px #14afb2;
    border-bottom: solid 1px #14afb2;
    width: 33%;
    font-size: 1.1rem;
}

#option td {
    border: solid 1px #eee;
}

#option tr {
    height: 56px;
}

#install {
    margin-top: 40px;
    margin-bottom: 1rem;
    width: 100%;
    display: inline-block;
    /* padding-left: 10px; */
}

#install table {
    width: 100%;
    text-align: center;
    background-color: white;
    border: solid 1px #eee;
    height: 282px;
}

#install th {
    background-color: white;
    color: #14afb2;
    border-right: solid 1px #eee;
    border-top: solid 1px #14afb2;
    border-bottom: solid 1px #14afb2;
    width: 25%;
    font-size: 1.1rem;
}

#install td {
    border: solid 1px #eee;
}

#install tr {
    height: 56px;
}

.pr-build-img {
   /* float: left; */
    display: inline-block;
}



.pr-build-text {
    margin-top: 3%;
    margin-left: 20px;
    display: inline-block;
    position: absolute;
}

.pr-build-text h5 {
    color: #14afb2;
}

.pr-build-text p {
    margin-top: 30px;
    color: #888;
    margin-bottom: 0;
}

.install {
    margin-top: 40px;
    display: inline-block;
    width: 100%;
    /* padding-left: 10px; */
}

.install table {
    width: 100%;
    text-align: center;
    background-color: white;
    border: solid 1px #eee;
}

.install th {
    background-color: white;
    color: #14afb2;
    border-right: solid 1px #eee;
    border-top: solid 1px #14afb2;
    border-bottom: solid 1px #14afb2;
    width: 33%;
    font-size: 1.1rem;
}

.install td {
    border: solid 1px #eee;
}

.install tr {
    height: 56px;
}

.build-table {
    width: 100%;
    padding: 0 10px;
    background-color: white;
}

.build-table tr:first-of-type {
    text-align: center;
    border-top: solid 1px #14afb2;
    border-bottom: solid 1px #14afb2;
}

.build-table tr:first-of-type th {
    border-left: solid 1px #eee;
}

.build-table tr:nth-of-type(2) td {
    border-top: none;
} 

.build-table th {
    height: 56px;
    color: #14afb2;
    font-size: 1.25rem;
}

.build-table td {
    height: 56px;
    border: solid 1px #eee;
    padding-left: 20px;
}

.sever-table {
    background-color: white;
    width: 100%;
    /* border: solid 1px #ccc; */
    text-align: center;
}


.sever-table td {
    border: solid 1px #ccc;
    height: 65px;
}

/* .sever-table tr:nth-of-type(2n) {
    background-color: #f4f8f9;
} */

.client-table {
    background-color: white;
    width: 100%;
    text-align: center;
}

/* .client-table tr:nth-of-type(2n) {
    background-color: #f4f8f9;
} */

.client-table td {
    border: solid 1px #ccc;
    height: 130px;
}

#client-bg {
    background-image: url(../images/banner03_b.jpg);
    background-position: center;
}

#price-bg {
    background-image: url(../images/banner02_b.jpg);
    background-position: center;
}

.price-banner {
    position: relative;
    background: url(../images/price_banner.png) no-repeat center center/cover;
    height: 250px;
    color: white;
    font-size: 0;
}


/* notice, FAQ  */

#faq-bg {
    
    background-position: center;
}

.notice-content .form-control {
    border-radius: 0 !important;
    font-size: 0.9rem;
}

.notice-content input {
    border-color: #bbb;
}

.notice-content .btn-outline-secondary {
    border-color: #bbb;
    border-radius: 0;
    background: url(../images/ic_search.png) no-repeat center;
    background-size: 70%;
    padding: 10px 20px;
}

.notice-content .btn-outline-secondary:hover, .notice-content .btn-outline-secondary:focus, .notice-content .btn-outline-secondary:active {
    background: url(../images/ic_search_active.png) no-repeat center;
    background-size: 70%;
}

.accordion-list {
    border-top: 3px solid #14afb2;
}

.accordion-list .card:first-of-type {
    border-radius: 0;
}

.accordion-list .card:last-of-type {
    border-radius: 0;
}

.accordion-list .card-header {
    background-color: #fff;
    border-bottom: 0;
}

.accordion-list .card {
    border-left: 0;
    border-right: 0;
}

.accordion-list .card:first-child {
    border-top: 0;
}

.accordion-list .card-header:hover {
    background-color: #f3f3f3;
}

.accordion-list .card-body {
    color: #777;
    border-top: 1px solid #ddd;
    line-height: 1.9rem;
}

.accordion-list button {
    width: 100%;
    text-decoration: none;
    font-size: 1rem;
    color: #333;
    border-bottom: 0;
    padding: 8px;
}

.accordion-list button:hover, .accordion-list button:active, .accordion-list button:active, .btn-link.focus, .btn-link:focus {
    text-decoration: none !important;
    color: #333;
}

.accordion-list .card-header {
    padding: 0;
}

.accordion-list .card-header:first-child {
    border-radius: 0;
}

.notice-list {
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    font-size: 1rem;
    color: #333;
}

.notice-list a {
    text-decoration: none;
    font-size: 1rem;
    color: #333;
}

.notice-list a:hover {
    color: #6985ed;
}

.table-border {
    border-top: 3px solid #6985ed !important;
}

.notice-body {
    color: #333;
    line-height: 1.9rem;
}

.noti-mark {
    border-radius: 20px;
    border-color: #4cc4d0 !important;
    color: #4cc4d0;
    padding: 2px 10px;
}

.event-mark {
    border-color: #5a79ec !important;
    border-radius: 20px;
    color: #5a79ec;
    padding: 2px 17px;
}

.update-mark {
    border-color: #2b356d !important;
    border-radius: 20px;
    color: #2b356d;
    padding: 2px 10px;
}

.q-mark {
    color: #14afb2;
    font-weight: 600;
    font-size: 1.5rem;
    vertical-align: bottom;
}

.pagination a {
    color: #515151;
}

.pagination .active {
    color: #14afb2;
}

.pagination a:hover, .pagination a:active, .pagination a:focus {
    color: #14afb2;
}

.txt-normal {
    white-space: normal;
    line-height: 1.8rem;
}

select.no-radius {
    border: none;
}

.select-wrapper {
    border: 1px solid #bbb;
    border-radius: 0px;
}

/*  build-process */
.build-p-content h2, .maintenance-p-content h2 {
    font-size: 1.9rem;
    color: #2b356d;
}

.build-p-content .col-md-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

/* maintenance-process */

.maintenance-p-content .step-cover {
    width: 680px;
    border-radius: 100px;
    background-color: #e9eaf0;
}

.maintenance-p-content ul li {
    font-weight: 300;
    font-size: 1.15rem;
    color: #2b356d;
    line-height: 1.8rem;
}

.list-style-none {
    list-style: none;
}

.system-menagement-box {
    background-color: #e9eaf0;
    border-radius: 20px;
    height: 260px;
}

.system-menagement-box h2 {
    font-weight: 400;
    font-size: 1.3rem;
    color: #2b356d;
}

/* about */
.about-header {
    position: relative;
    background: url(../images/banner06_b.jpg) no-repeat center center/cover;
    height: 540px;
    color: white;
}

.header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about-itcrew {
    margin: 50px 0;
}

.about-itcrew h1 {
    margin-bottom: 70px;
    margin-top: -27px;
}

.about-flex {
    align-items: center;
}

.about-img img {
    width: 61%;
    margin-bottom: 40px;
    margin-top: 94px;
}

.about-itcrew table {
    border-top: 0px !important;
    text-align: left;
}

.about-itcrew table tr th {
    font-size: 1rem;
    color: #14afb2;
}

.about-itcrew table tr td {
    font-weight: 400;
    font-size: 1rem;
    color: #777;
}

/* .about-itcrew h1 {
    color: #2b356d;
} */

.about-card-content {
     padding: 1px 10px;
   
}

.about-card-section {
    max-width: 710px;
    margin: 0 auto;
}

.card-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-title {
    display: inline-block;
    margin-right: 50px;
}

.card-title:nth-child(2) {
    margin-right: 0;
    margin-left: 50px;
}

.about-card img {
    width: 24%;
    margin-bottom: 50px;
}

.card-title h2 {
    color: #14afb2;
}

.about-card-box{
    width: 380px;
    height:244px;
    background-color: #EFF8FF;
    border: solid 1.3px #DFDFDF;
    border-radius: 23px;
    margin-bottom: 30px;
}

.about-box-text h5 {
    color: #48C4C6;
    font-family: "Anek Latin", sans-serif;
    font-weight: 900;
    font-size: 34px;
    text-align: center;
    margin-top: 73px;
}

    .about-box-text h6 {
        color: #616161;
        font-weight: 500;
        font-family: noto sans-serif;
        font-size: 15px;
        line-height: 30px;
        margin-top: 14px;
        text-align: center;}

        
        /* 01 */
        .about-card-box01{
            width: 380px;
            height:244px;
            background-color: #FFFAEE;
            border: solid 1.3px #DFDFDF;
            border-radius: 23px;
            margin-bottom: 30px;
            margin-left: 5px;

        
        }
        
        .about-box-text01 h5 {
            color: #D2C6B6;
            font-family: "Anek Latin", sans-serif;
            font-weight: 900;
            font-size: 34px;
            text-align: center;
            margin-top: 73px;
        }
        
            .about-box-text01 h6 {
                color: #616161;
                font-weight: 500;
                font-family: noto sans-serif;
                font-size: 15px;
                line-height: 30px;
                margin-top: 14px;
                text-align: center;}
        
                


       /* 02 */
       .about-card-box02{
        width: 380px;
        height:244px;
        background-color: #FCF5FF;
        border: solid 1.3px #DFDFDF;
        border-radius: 23px;
     
    
    }
    
    .about-box-text02 h5 {
        color: #C476C4;
        font-family: "Anek Latin", sans-serif;
        font-weight: 900;
        font-size: 34px;
        text-align: center;
        margin-top: 73px;
    }
    
        .about-box-text02 h6 {
            color: #616161;
            font-weight: 500;
            font-family: noto sans-serif;
            font-size: 15px;
            line-height: 30px;
            margin-top: 14px;
            text-align: center;
        }
             

/* .about-content h1 {
    font-size: 3.05rem;
    font-weight: 400;
} */

.about-card-content p {
    font-size: 1rem;
    line-height: 1.8rem;
    color:#626262;
}

/* .about-card-content .row {
   /* padding: 0 5.5rem !important;
}*/

.about-card-content .card-cox {
    min-height: 330px;
}

.about-card-content .card-cox h2 {
    font-size: 1rem;
}

.about-card-content .card-cox p {
    font-size: 0.9rem;
    color: #767da6;
    line-height: 1.4rem;
}

/**
#about-table > tbody > .table > td {
    padding: .75rem;
    vertical-align: top;
    border-top: none !important;
}


#about-table > .table > th {
    padding: .75rem;
    vertical-align: top;
    border-top: none !important;
}

*/
.scroll-box {
    min-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

.what_we_do {
    color: #fff;
    background: url(../images/bg_about.png) no-repeat top;
    background-size: cover;
}

.client-list-content h1 {
    font-size: 28px;
    color: #000000;
    font-weight: 600;
}

.client-catagory-content li {
    font-size: 1.15rem;
    color: #17B0B3;
}

.client-catagory-content .nav-pills .nav-link.active, .client-catagory-content .nav-pills .show > .nav-link {
    background-color: transparent;
    color: #17B0B3;
}

.client-catagory-content li a {
    color:  #17B0B3;
}

.client-catagory-content li a:hover, .client-catagory-content .nav-pills .nav-link.active:hover, .client-catagory-content .nav-pills .show > .nav-link:hover {
    color: #000000;
   
}

.client-catagory-content ul span {
    display: block;
    margin: 0px;
    font-weight: 300;
    font-size: 1.6rem;
    color: #bbbbbb;
}

.nav-center {
    justify-content: center;
}

.client-list-content h2 {
    display: inline-block;
    padding: 0.5% 5%;
 
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.25rem;
    color: #000000;
}

.client-list-content h3 {
    display: inline-block;
    padding: 0.5% 5%;
 
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.25rem;
    color: #17B0B3;
}

.client-list-content .logo-box {
    height: 120px;
    margin-left: -1px;
    margin-bottom: -1px;
    position: relative;
    width: 50%;
}

.client-image {
    display: block;
    width: 50%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.7);
}

.logo-box:hover .overlay {
    opacity: 1;
}

.client-text {
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.client-text p {
    margin: 0;
    line-height: 1rem;
}

/* 문의하기 */
.advice-content h3 {
    font-size: 1.15rem;
    color: #000000;
    font-weight: 700;
}


.advice-content .table {
    border-top: 0px !important;
}

.advice-content table tr th {
    background-color: #f7f7f8;
    font-weight: 400;
    font-size: 1rem;
    color: #333;
}

.advice-content table thead th {
    border-width: 1px;
}

.advice-content p {
    font-size: 0.9rem;
    color: #888;
}

.advice-content .agreement-check label {
    font-size: 1rem;
    color: #333;
}

.h-45 {
    height: 45px;
}

.advice-content .form-control {
    border: 1px solid #dee2e6;
    background-color: #f7f7f8;
    font-size: 1rem;
}

.advice-content .btn-secondary {
    width: 50%;
    height: 45px;
    padding: 1.5% 3%;
    border-color: #dee2e6;
    background-color: #f7f7f8;
    font-size: 1rem;
    color: #888;
}

.advice-content .btn-secondary:not(:disabled):not(.disabled).active, .advice-content.btn-secondary:not(:disabled):not(.disabled):active, .show > .advice-content.btn-secondary.dropdown-toggle {
    background-color: #17B0B3;
    border-color: #17B0B3;
}

/* 구축사례 */

.card-box {
    position: initial;
    margin-bottom: 1.2rem !important;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.card-box h5 {
    font-weight: 400;
    font-size: 1.6rem;
    color: #2b356d;
}

.logo-mark span {
    display: inline-block;
    /*float: right;*/
    margin-top: -1.5rem;
    padding: 10px 9px;
    background-color: #2b356d;
}

.card-box hr {
    border-top: 1px solid #2b356d;
}

.card-box ul li {
    font-size: 1rem;
    color: #888;
    line-height: 1.8rem;
}

.p- {
    padding: 0.1rem;
}

.p- span {
    margin-top: -1.6rem;
}

/* 기본기능 */
.header-tab-function {
    margin-top: 5rem;
}

.header-tab-function li a {
    font-size: 1.4rem;
    color: #bbb;
    text-shadow: none;
    padding: 4px 12px;
    margin: 0 5px;
}

.header-tab-function .nav-link {
    border-radius: 50px;
}

.header-tab-function li a:hover, .header-tab-function li a:active, .header-tab-function li a:focus.sub-header .header-tab-function .nav-item.show .nav-link, .sub-header .header-tab-function .nav-link.active {
    border: 0;
    background-color: #6985ed;
    color: #fff;
}

.sub-header .header-tab-function, .header-tab-function .nav-link {
    border: 0;
}

.sub-title-content {
    font-size: 2.2rem;
    color: #2b356d;
}

.function-slide {
    margin-bottom: 10rem;
}

.function-slide .carousel-indicators li {
    background-color: rgba(105, 133, 237, 0.3);
}

.function-slide .carousel-indicators .active {
    background-color: #6985ed;
}

.function-slide .carousel-indicators {
    bottom: -30px;
}

.function-slide h1 {
    font-size: 1.9rem;
    color: #2b356d;
}

.function-slide h2 {
    font-weight: 400;
    font-size: 1.15rem;
    color: #777;
    line-height: 2rem;
}

.function-slide ul {
    padding-left: 20px;
}

.function-slide ul li {
    font-size: 1rem;
    color: #777;
    line-height: 1.8rem;
    font-weight: 300;
}

.process-txt h3 {
    display: inline-block;
    width: 180px;
    padding: 4px 18px;
    border-radius: 50px;
    text-align: center;
    font-weight: 300;
    font-size: 1.15rem;
    color: #fff;
}

.process-txt h4 {
    font-size: 1rem;
    color: #2b356d;
}

.color-gradation-1 {
    background-color: #637de0;
}

.color-gradation-2 {
    background-color: #5267bd;
}

.color-gradation-3 {
    background-color: #4456a1;
}

.color-gradation-4 {
    background-color: #3b498d;
}

.color-gradation-5 {
    background-color: #2b356d;
}

.process-txt ul li {
    font-weight: 300;
    font-size: 1rem;
    color: #888;
    line-height: 1.8rem;
}

.hidden {
    color: transparent;
}

/* 52시간 근태관리 */
.attend52-title {
    color: #2b356d;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 20px;
}

.attend52_01{
    margin: 0 auto;
}

.attend52 {
    width: 1200px;
    display: flex;
    margin: 0 auto;
    margin-bottom: 120px

}

.attend52-col4 {
    width: 25%;
}

.attend52 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;

}

.attend52 li {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.attend52-img {
    padding: 25px;
    padding-top: 40px;
    display: inline;
    text-align: center;
}

.strong {
    list-style: none;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2b356d;
    padding-bottom: 10px;
    border-bottom: solid 2px #2b356d;
    border-width: 20%;
}


.attend52_02 {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.attend52-img2 {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.attend52-img2-2 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.attend52_img3 {
    display: block;
    max-width: 902px;
    width: 95%;
    margin: 5rem auto;
}

/* 오피스 365 */
.o365-img {
    display: block;
    margin: 0 auto;
    width: 65%;
}

.o365-img1 {
    display: block;
    width: 65%;
    margin: 0 auto;
    margin-top: 3rem;
}

.o365-img2 {
    display: block;
    margin: 5rem auto;
    width: 55%;
}

.o365-text {
    color: #2b356d;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 2rem;
}

/* about */
.history .history-tab a {
    font-size: 1.15rem;
    color: rgba(43, 53, 109, 0.5);
    /* text-align: center; */
    padding: 1px;
    margin: 10px 0px;
    /* width: 75%; */
}

.history .history-tab a:active, .history .history-tab a:hover, .history .history-tab a:focus, .history .history-tab .active {
    color: #14afb2;
    text-decoration: underline;
    background-color: white;
    font-weight: 600;
    /* border-radius: 50px; */
}

.history .tab-content p {
    font-weight: 400;
    font-size: 1rem;
    color: #333;
}

.history .tab-content p span {
    padding-right: 30px;
    font-weight: 400;
    color: #14afb2;
}


.contact_us {
    padding: 100px 40px;
    /* background-color: #f2f7f6; */
}

.contact_us img {
    width: 100%;
}
/* .contact_us h1 {
    color: #2b356d;
} */

.contact_us h4 {
    font-size: 1.15rem;
    font-weight: 600;
   color: #14afb2; 
}

.contact_us p {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
}
/*.text-md-left {
    margin-top: 42px;
}*/

@media (min-width: 1200px) {
    .logo1 {
        background-size: 60%;
    }

    .logo2 {
        background-size: 60%;
    }

    .client-image {
        width: 55%;
    }

}

@media (max-width: 1199px) {

    .subtitle h4{
        margin-left:57px;
    }

    .build-wrap {
        max-width: 1200px;
        margin: 67px auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 48px;
        margin-left: 69px;
        ALIGN-ITEMS: CENTER;
    }
    .client-image {
        width: 70%;
    }
    .attend52 {
        width: 100%;
    }
    .attend52-img2 {
        width: 55%;
    }
    .o365-img {
        width: 85%;
    }
    .o365-img2{
        width: 95%;
    }

   /* .service-item {
        width: 40%;
        margin-left: 7%;
    }  */

   .subtitle {
    margin: 0px 10px 0px 10px; 
}

.service-wrap ul, .service-wrap ul:first-of-type {

    font-size: 13px;
    margin-top: 12px;
}

    .main-sidebar {
        display: none;
    }
  
    #price-set-top {
        display : block !important;
    }

     .price-top {
        width: 100%;
    }

    .price-left {
        width : 100%;
        float: none;
        height: auto;
    }

    .price-right{
        width : 100%;
    }

    .table-right{
        width : 100%;
    }
}

@media (max-width: 1150px) {

    .build-p-content img {
        width: 100%;
        height: 100%;
    }

    .function-slide img {
        width: 100%;
    }
    .function-tab label {
        width: 14%;
    }

}

@media (max-width: 1077px) {
    


    .table-left tr img {
        width: 10%;
        margin-left: 3px;
        margin-bottom: 25px;
        margin-top: 17px;
    }
    .product-sub-img img {
        width: 100%;
        height: 100%;
    }

    .maintenance-p-content .top-img {
        width: 100%;
        height: 100%;
    }

    /* about */
    .about-card-content .row {
        padding: 0 2rem !important;
    }

    .pr-service-img {
        float: none;
        text-align: center;
        width: 100%;
    }

    .pr-service-img img {
        width: 70%;
    }



    .pr-build-wrap {
        display: flex;
        flex-direction: column;
    }

    .pr-build-text {
        order: 3;
        position: relative;
        margin-top: 3%;
        margin-left: 15%;
        width: 70%;
    }

    .pr-build-img {
        order: 1;
        /* float: none; */
        text-align: center;
        width: 100%;
    }

    .pr-build-img img {
        width: 70%;
    }

    .pr-build-wrap {
        display: flex;
        flex-direction: column;
    }

}

@media (max-width: 1024px) {
    
    /* product */
    .product-content img {
        width: 350px;
        height: 350px;
    }


    .table-content {
        padding: 0 30px;
    }

    .client-list-content .logo-box {
        height: 80px;
    }

    .system-menagement-box {
        height: 270px;
    }
    
    .attend52 {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        grid-gap: 1em;
    }
    
    .attend52-col4 {
        width: auto;
    }


    #option {
        margin-top: 40px;
        width: 100%;
        padding: 0 10px;
    }

    .install {
        width: 100%;
        padding: 0 10px;
    }

   
    .item-content {
    }

    .item-title {
     
    }

    .item-content ul {
        
    }
    .service-item-box {
        width: 505px;
        height: 280px;
        border-radius: 15px;
        padding: 40px 10px 40px 50px;
        background-color: #ffffff;
        margin: 22px 10px 10px 10px;
    }
}

@media (max-width: 992px) {
    .subtitle-item-box p {
        font-size: 15px;
        margin-left:34px;
    }
    .function-tab {
        overflow: hidden;
        margin: 55px 0px 0px 13px;
        display: flex;
        flex-wrap: wrap;
       
    }
    .function-menu div {
        /* padding: 10px; */
        width: 100%;
        text-align: center;
        font-size: 19px;
        font-weight: 700;
        display: flex;
        flex-direction: column;
        padding-bottom: 34px;
        margin-top: -77px;
    }
 
    #top-200 {
        margin-top: auto;
    }
   /* .text-center p {
        max-width: 1200px;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        margin-top: 3px;
    }
 */
.text-center h4 {
   
    line-height: 26px;
    font-size: 14px;
}
.text-center p {
    max-width: 1200px;
    text-align: center;
    font-size: 15px;
    line-height: 33px;
    margin-top: 3px;
}

    .client-list-content h1 {
        font-size: 19px;
        color: #000000;
        font-weight: 600;
    }


    /*price */

    .pr-service-text h3 {
        font-size: 23px;
        margin-top: 26px;
        margin-left: 10px;    
    }

    .pr-service-text h5 {
        font-size: 14px;
        margin-top: 13px;
        line-height: 24px;
        margin-left: 10px;
    }
   
    .pr-service-text p {
        font-family: "noto-sans", sans-serif;
        font-size: 13px;
        line-height: 35px;
        font-weight: 600;
        margin-left: 10px;
        margin-top: -2px;
    }

    .explanation {
        margin: 10px 0px 10px 23px;
    }

    .dropbtn {
        font-size: 13px;
        border: 3px solid rgb(231 231 231);
        border-radius: 7px;
        background-color: #ffffff;
        color: black;
        padding: 7px;
        width: 163px;
        text-align: left;
        margin-top: 93px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 10px;
        cursor: pointer;
    }

    .dropdown-list{
        font-size: 12px;
        line-height: 3;
        font-weight: 500;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #ffffff;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        width: 169px;
    }



.table-left03 tr td:first-child {
    text-align: left;
    font-weight: 500;
    font-size: 13px;
}

.table-left li {
    font-size: 15px;
    font-weight: 500;
}
.table-left tr td:nth-child(2) del {
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.table-left tr td:nth-child(2) b {
    text-align: center;
    color: 17B0B3;
    font-size: 14px;
    font-weight: 600;
}
.table-left tr td:nth-child(2) a {
    text-align: center;
    color: #17B0B3;
    font-size: 18px;
}
    /* value Officecore? */
    .value-content {
        padding-top: 90px;
    }

    .value-content img {
        width: 700px;
    }

    /* option function 기능 > 옵션기능 */
    .option-content img {
        width: 100px;
        height: 100px;
    }

    /* product */
    .product-content img {
        width: 280px;
        height: 280px;
    }

    .table-content {
        padding: 0 15px;
    }

    /* about */
    .about-card-content .row {
        padding: 0 1rem !important;
    }

    .about-card-content .card-cox {
        min-height: 275px;
    }

    .card-columns {
        column-count: 2;
    }

    .function-slide img {
        width: 70%;
    }

    .system-menagement-box {
        height: 200px;
    }

    .system-menagement-img {
        width: 100%;
    }

    .process-txt h3 {
        width: 150px;
    }

    .about-itcrew img {
        width: 70%;
    }

    .sub-header .header-tab span {
        margin: 0 10px;
    }

    .client-image {
        width: 70%;
    }


@media (max-width: 900px){

       
    .attend52 {
        width: 700px;
        height: 100%;
    }

   
}


@media (max-width: 768px) {
    /* value Officecore? */
    .value-content {
        padding-top: 70px;
    }

    .value-content img {
        width: 500px;
    }

    .value-content .border-right {
        border-right: 0 !important;
    }
   
    .border-b {
        border-bottom: 1px solid #888;
    }

    /* option function 기능 > 옵션기능 */
    .xs-align {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: left;
        padding: 0;
    }

    .xs-center {
        text-align: center;
    }

    .table-content {
        padding: 0px;
    }

    .notice-content .btn-outline-secondary {
        background-size: 60%;
    }

    /* build-process */
    .build-p-content img {
        width: 245px;
        height: 1058px;
    }

    .scroll-box {
        overflow-x: hidden;
    }

    .about-teble {
        width: 400px;
    }

    .about-card-content .card-cox {
        min-height: 200px;
    }

    .card-columns {
        column-count: 1;
    }

    .header-tab-function {
        margin-top: 3rem;
    }

    .header-tab-function li a {
        padding: 9px;
        margin: 0 8px;
    }

    .system-menagement-box {
        height: 250px;
    }

    .about-itcrew img {
        width: 289px;
    }

    .history .history-tab a {
        width: 100%;
    }

    .client-image {
        width: 60%;
    }

    .item-title {
    }


}

@media (max-width: 575px) {
    #service-title-1 img, #service-title-2 img, #service-title-3 img{
        content: url('../images/evnet_02.png');
    }

    .system-menagement-box {
        height: 155px;
    }
    .content-dis img:last-child {
        width: 100%;
        height: 15%;
        margin-top: 40px;
        order: 2;
    }
    .content-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        order: 1;
    }
   
    .function-content hr {
        margin-top: 130%;
    }
    #mobile {
        width: 70%;
        align-self: center;
    }
    .function-header-title {
        left: 9%;
        right: 10px;
    }
    .product-text h1 {
        font-size: 2rem;
    }

    .item-title h5 {
    }

    item-title {
 }

}

@media (max-width:540px) {
    .function-tab label {
        width: 24%;
    }
    
}

@media (max-width: 480px) {
 
    /* value Officecore? */
    .value-content {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .value-content img {
        width: 380px;
    }

    .function-slide img {
        width: 90%;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }

    .wh-30 {
        width: 20px !important;
    }

    .client-image {
        width: 65%;
    }
    .header-tab-function li a {
   
        margin: 0 5px;
    }
    .nav-link img {
        width: 32px;
    }
    .strong {
        font-size: 1.5rem;
    }
    .attend52-img {
        width: 70%;
    }
    .attend52 {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap: 1em;
        margin-bottom: 3em;
        align-items: center;
        width: 60%;
    }
    .attend52-title {
        padding-top: 3rem;
        margin: 0 2rem;
    }

    .item-title {
       
    
    }
}




@media (max-width: 375px) {
    
    .item-content {
    }

   .system-item {
    }

}
}