/* company1 .sec1 */
#company1 .sec1 {
    overflow: hidden;
}
#company1 .sec1 .cont {
    max-width: 1800px;
    margin: 0 auto;
}
#company1 .sec1 .c_wrp {
    background: url(../img/c1_bg.jpg) center center no-repeat;
    background-size: cover;
    height: 750px;
}
#company1 .sec1 h1 {
    font-size: 80px;
    line-height: 1.2em;
}
@media (max-width:992px){
    #company1 .sec1 h1 {
        font-size: 45px;
    }
    #company1 .sec1 .c_wrp {
        height: auto;
        padding: 10vh 0;
        text-align: center;
        min-height: 350px;
    }
}
@media (max-width:768px){
    #company1 .sec1 h1 {
        font-size: 30px;
    }
}


/* company1 .sec2 */
#company1 .sec2 {
    position: relative;
}
#company1 .sec2 .sym_deco {
    position: absolute;
    left: 0;
    top: -130px;
    z-index: 5;
}
#company1 .sec2 .sym_deco2 {
    position: absolute;
    right: 15px;
    bottom: -209px;
    z-index: 5;
}
#company1 .sec2 h2,
#company1 .sec2 h4 {
    line-height: 1.5em;
}
/* company1 .sec3 */
#company1 .sec3 {
    background: url(../img/c3_bg.jpg) center center no-repeat;
    background-size: cover;
}
#company1 .sec3 .listWrp {
    position: relative;
}
#company1 .sec3 .listWrp .ibox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
#company1 .sec3 .listWrp .ibox > div {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#company1 .sec3 .listWrp .ibox > div img {
    border-radius: 50%;
    box-shadow: 5px 20px 30px rgba(0,0,0,0.3);
}
#company1 .sec3 ul li {
    margin: 15px 0;
}
#company1 .sec3 .conb {
    display: flex;
    align-items: center;
    background-color: rgba(4, 166, 225, 0.3);
    padding: 50px 30px;
    border-radius: 30px;
}
#company1 .sec3 .conb .iconBox {
    font-size: 70px;
    line-height: 1em;
    color: #fff;
    width: 30%;
    text-align: center;
}
#company1 .sec3 .conb .tbox {
    width: 70%;
}
#company1 .sec3 .conb .tbox p {
    opacity: .6;
}
@media (max-width:768px){
    #company1 .sec3 .conb {
        padding: 30px 15px;
        border-radius: 10px;
    }
    #company1 .sec3 .conb .iconBox {
        font-size: 40px;
    }
}
/* company1 .sec4 */
#company1 .sec4 {
    background-color: #f7f7f7;
}
#company1 .sec4 .lt h1 {
    line-height: 1.2em;
}
#company1 .sec4 .lt h4 {
    line-height: 1.5em;
}
#company1 .sec4 .rt ul {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
#company1 .sec4 .rt li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
#company1 .sec4 .rt li p {
    color: #666;
    display: flex;
    font-weight: 300;
    align-items: center;
    padding: 12px;
}
#company1 .sec4 .rt li p strong {
    color: #333;
    font-weight: 600;
    width: 30%;
}
#company1 .sec4 .rt li p span {
    width: 70%;
}
@media (max-width:992px){
    #company1 .sec4 .lt {
        text-align: center;
    }
    #company1 .sec4 .rt {
        margin-top: 30px;
    }
}
/* company1 .sec5 */
#company1 .sec5 .slogoBox {
    border: 1px solid #ddd;
}
#company1 .sec5 .btn_wrp .dw {
    color: #353f41;
    background-color: #eaf2f3;
    text-align: left;
    margin: 0 5px;
}
#company1 .sec5 .btn_wrp .dw span {
    width: 120px;
}
#company1 .sec5 .btn_wrp .dw span,
#company1 .sec5 .btn_wrp .dw i {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width:992px){
    #company1 .sec5 .btn_wrp .dw span {
        width:90px;
    }
}


/* company2 */
#company2 .sec1 {
    background-color: #eaf4fb;
}

/* his */
.his {
    position: relative;
}
.his:after {
    content: "";
    position: absolute;
    left: 400px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #a5b3bb;
    z-index: 1;
}
.his > li {
    padding-left: 400px;
    padding-top: 60px;
    margin-top: 40px;
    position: relative;
    display: flex;
    align-items: flex-start;
    z-index: 3;
}
.his > li .txt {
    width: 60%;
}
.his > li .imgBox {
    width: 40%;
    text-align: right;
}
.his > li h1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    text-align: right;
    padding-right: 20px;
    z-index: 3;
}
.his > li h1::after {
    content: "";
    position: absolute;
    right: -9px;
    top: calc(50% - 9px);
    background-color: #04a6e1;
    width: 17px;
    height: 17px;
    z-index: 3;
    border-radius: 50%;
}
.his > li .hisYbox > li {
    margin-top: 40px;
}
.his > li .hisItem {
    position: relative;
}
.his > li .hisItem h2,
.his > li .hisItem h4 {
    position: relative;
    padding-left: 60px;
}
.his > li .hisItem h2::after {
    content: "";
    position: absolute;
    left: -6px;
    top: calc(50% - 3px);
    background-color: #deeaf1;
    border: 3px solid #333;
    width: 11px;
    height: 11px;
    z-index: 3;
    border-radius: 50%;
}
@media (max-width:992px){
    .his:after {
        left: 200px;
    }
    .his > li {
        padding-left: 200px;
        padding-top: 30px;
    }
    .his > li h1 {
        width: 200px;
    }
    .his > li .hisYbox > li {
        margin-top: 30px;
    }
    .his > li .hisItem h2,
    .his > li .hisItem h4 {
        position: relative;
        padding-left: 20px;
    }
}
@media (max-width:992px){
    .his:after {
        left: 0px;
    }
    .his > li {
        padding-left: 0;
        padding-top: 30px;
    }
    .his > li h1 {
        text-align: left;
        position: relative;
        padding-left: 20px;
        padding-right: 0;
    }
    .his > li h1::after {
        left: -5px;
        width: 11px;
        height: 11px;
        top: calc(50% - 6px);
    }
    .his > li .hisYbox > li {
        margin-top: 30px;
    }
    .his > li .hisItem h2,
    .his > li .hisItem h4 {
        position: relative;
        padding-left: 20px;
    }
    .his > li .imgBox {
        padding-left: 20px;
    }
}
@media (max-width:600px){
    .his > li {
        display: block;
    }
    .his > li .txt {
        width: 100%;
    }
    .his > li .imgBox {
        width: 100%;
        text-align: center;
        padding: 10px;
        margin-top: 20px;
    }
}
/* company3 */
#company3 .sec1 {
    background-color: #fcfcfc;
}

/* rfList */
.rfList > li {
    margin: 15px 0;
}
.rfList .rf {
    border: 1px solid #ddd;
    background-color: #fff;
}

/*prBtn*/
.prBtn input,
.prBtn a {
    display: inline-block;
    font-size: 17px;
    line-height: 1em;
    padding: 15px 30px;
    border-radius: 4px;
    position: relative;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    background-color: #15abcb;
    border: 2px solid #15abcb;
    margin-right: 10px;
}
.prBtn input.w,
.prBtn a.w {
    color: #747474;
    background-color: transparent;
    border-color: #e2e2e2;
}
.prBtn input.dw2,
.prBtn a.dw2 {
    border-color: #28aa7c;
    background-color: #28aa7c;
}
.prBtn input span,
.prBtn input i,
.prBtn a span,
.prBtn a i {
    display: inline-block;
    vertical-align: middle;
}
.prBtn input i,
.prBtn a i {
    margin-left: 7px;
}
@media (max-width:768px){
    .prBtn input,
    .prBtn a {
        font-size: 14px;
        padding: 10px 10px;
        min-width: 150px;
        margin: 3px 1px;
    }
}
/* table_spec */
.table.table_spec {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.table.table_spec tr th,
.table.table_spec tr td {
    font-size: 18px;
    line-height: 1.6em;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.table.table_spec tr th {
    color: #393939;
    font-weight: 700;
    word-break: keep-all;
}
@media (max-width:768px){
    .table.table_spec tr th,
    .table.table_spec tr td {
        font-size: 14px;
        padding: 7px;
    }
}
/* infoList */
.infoList > li {
    position: relative;
    padding-left: 13px;
    margin: 4px 0;
}
.infoList > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #f16529;
    border-radius: 50%;
}
.infoList.h > li::before {
    top: 14px;
}
@media (max-width:768px){
    .infoList > li::before {
        top: 10px;
        width: 3px;
        height: 3px;
    }
    .infoList.h > li::before {
        top: 11px;
    }
}
/* product tabs */
.product .tabs .nav-tabs {
    text-align: center;
    border-bottom: 0px;
}
.product .tabs .nav-tabs li {
    padding: 0 20px;
}
.product .tabs .nav-tabs li a {
    padding: 5px 0 3px;
    font-size: 24px;
    font-weight: 700;
    color: #b2b2b2;
    background-color: transparent;
    border: 0px;
    border-bottom: 2px solid transparent;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.product .tabs .nav-tabs li a:hover {
    color: #777;
}
.product .tabs .nav-tabs li.active a {
    color: #f16529;
    border-color: #f16529;
}
#product2.product .tabs .nav-tabs li.active a {
    color: #28aa7c;
    border-color: #28aa7c;
}
.product .tabs .tab-content {
    padding: 0px;
    box-shadow: 0 0 0;
    border: 0px;
}
@media (max-width:768px){
    .product .tabs .nav-tabs li {
        padding: 0 8px;
    }
    .product .tabs .nav-tabs li a {
        font-size: 17px;
    }
}
/* product */
.product .aboutPrd {
    display: flex;
}
@media (min-width:992px){
    .product .aboutPrd {
        align-items: center;
    }
    .product .aboutPrd > div {
        width: 50%;
    }
    .product .aboutPrd .rt {
        padding-left: 20px;
    }
}
@media (max-width:992px){
    .product .aboutPrd {
        flex-wrap: wrap;
    }
    .product .aboutPrd > div {
        width: 100%;
    }
    .product .aboutPrd .rt {
        order: 1;
        border: 1px solid #ddd;
        text-align: center;
    }
    .product .aboutPrd .rt img {
        width: 80%;
    }
    .product .aboutPrd .lt {
        order: 2;
        padding-top: 40px;
    }
    .product .aboutPrd .lt .top {
        text-align: center;
    }
}
/* spec_list */
.spec_list {
    text-align: center;
}
.spec_list li {
    margin-top: 60px;
}
.spec_list .prd_ft img {
    border: 2px solid #ddd;
    border-radius: 50%;
    max-width: 80%;
}
.spec_list .prd_ft + h5 {
    margin-top: 10px;
}
@media (max-width:992px){
    .spec_list li {
        margin-top: 40px;
    }
}
@media (max-width:768px){
    .spec_list li {
        margin-top: 20px;
    }
}
/* prdMain */
.prdMnFnc .mnFnc1 ,
.prdMnFnc .mnFnc3 ,
.prdMnFnc .mnFnc4 {
    background-color: #f4f4f2;
}
.prdMnFnc .wrp {
    display: flex;
    align-items: center;
}
.prdMnFnc .wrp .ibox {
    text-align: center;
}
@media (min-width:992px){
    .prdMnFnc .mnFnc3 {
        padding: 0px;
    }
    .prdMnFnc .wrp > div {
        width: 50%;
    }
}
@media (max-width:992px){
    .prdMnFnc .mnFnc3 {
        padding-bottom: 0px;
    }
    .prdMnFnc .wrp {
        flex-wrap: wrap;
    }
    .prdMnFnc .wrp > div {
        width: 100%;
    }
    .prdMnFnc .wrp .tbox {
        order: 1;
    }
    .prdMnFnc .wrp .ibox {
        order: 2;
        margin-top: 20px;
    }
}
/* fncs */
.fncs .funcBox {
    display: flex;
    align-items: center;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ddd;
}
.fncs .funcBox .ibox {
    text-align: center;
}
.fncs .funcBox .infoList {
    margin-top: 20px;
}
@media (min-width:992px){
    .fncs .funcBox > .ibox {
        width: 41%;
    }
    .fncs .funcBox > .tbox {
        width: 59%;
        padding-left: 60px;
    }
}
@media (max-width:992px){
    .fncs .funcBox {
        display: block;
    }
    .fncs .funcBox > .tbox {
        padding-top: 20px;
    }
}
/* fncColm */
.fncColm > li {
    margin-top: 40px;
}
.fncColm .txt {
    padding-top: 20px;
}
@media (min-width:992px){
    .fncColm {
        margin: 0 -40px;
    }
    .fncColm > li {
        padding: 0 40px;
    }
}
/* product1 */
#product1 .sec1,
#product2 .sec1 {
    background-color: #ebebec;
}
/* product3 */
#product3 .sec1 {
    background: url(../img/pr3_sec1.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}

/* schSol */
.schSol .icon {
    display: inline-block;
    position: relative;
    padding: 25px;
    border-radius: 50%;
}
.schSol .icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/rotat.png) center center no-repeat;
    
    animation: spin1 10s linear infinite;
    transform-origin: 50% 50%;
}
@keyframes spin1 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.schSol .icon .i {
    display: inline-block;
    position: relative;
    background-color: #07192b;
    border-radius: 50%;
    box-shadow: 15px 15px 25px rgba(0,0,0,0.9);
}
@media (max-width:768px){
    .schSol {
        margin: 0px !important;
    }
    .schSol li {
        margin: 15px 0;
    }
    .schSol .icon:after {
        background-size: cover;
    }
    .schSol .icon {
        padding: 15px;
    }
    .schSol .icon .i {
        width: 100%;
    }
    .schSol h4 {
        margin-top: 10px;
    }
}

/* solItemList */
.solItemList > li {
    margin: 15px 0;
}
.solItemList .solItem {
    padding: 40px 20px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    border-radius: 15px;
}
.solItemList .solItem .txt {
    padding-left: 40px;
    width: 75%;
}
.solItemList .solItem .icon {
    width: 25%;
    text-align: center;
    border-right: 1px solid #ddd;
}
@media (max-width:768px){
    .solItemList .solItem {
        padding: 20px 15px;
    }
    .solItemList .solItem .txt {
        padding-left: 20px;
        width: 70%;
    }
    .solItemList .solItem .icon {
        width: 30%;
    }
}
@media (max-width:500px){
    .solItemList .solItem .txt h4 {
        font-size: 15px;
    }
    .solItemList .solItem .txt h5 {
        font-size: 13px;
    }
}

/* product3 */
#product3 .sec4 {
    background-color: #2c4461;
}
#product3 .sec4 ul li .txt h5 {
    line-height: 1.4em;
    font-weight: 400;
}
@media (min-width:768px){
    #product3 .sec4 {
        text-align: center;
    }
    #product3 .sec4 .txt {
        margin-top: 20px;
    }
}
@media (max-width:768px){
    #product3 .sec4 ul li {
        display: flex;
        align-items: center;
        padding: 7px 0;
        border-bottom: 1px dashed rgba(255,255,255,0.2);
    }
    #product3 .sec4 ul li .icon {
        width: 25%;
        padding-right: 15px;
    }
    #product3 .sec4 ul li .txt {
        width: 75%;
    }
}
/* product4 */
#product4 .sec1 {
    background: url(../img/pr3_sec1.jpg) center center no-repeat;
    background-size: cover;
}
/* product5_2 */
#product5_2 .sec2 {
    background-color: #fafafa;
}
#product5_2 .sec3 .item {
    padding: 40px 0px;
    border-top: 3px solid #333;
}
#product5_2 .sec3 .item h5 {
    margin-top: 10px;
}
@media (max-width:768px){
    #product5_2 .sec3 .item {
        padding: 20px 0px;
        border-top: 2px solid #333;
    }
}

/* product5_3 */
#product5_3 .sec2 .ftList ul {
    margin-top: 15px;
}
#product5_3 .sec2 .ftList > li {
    margin: 15px 0;
}
#product5_3 .sec2 .ftList > li .itemWrp {
    padding: 40px;
    background-color: #f7f7f7;
    border-radius: 20px;
}
#product5_3 .sec2 .ftList > li .item {
    position: relative;
    padding-left: 90px;
}
#product5_3 .sec2 .ftList > li .item .icon {
    position: absolute;
    left: 0;
    top: 0;
}
#product5_3 .sec2 .ftList > li .item .icon span {
    display: inline-block;
    line-height: 57px;
    width: 60px;
    background-color: #fff;
    text-align: center;
    font-size: 35px;
    color: #1f4981;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 5px 10px 20px rgba(0,0,0,0.1);
    padding-top: 3px;
}
@media (max-width:768px){
    #product5_3 .sec2 .ftList ul {
        margin-top: 5px;
    }
    #product5_3 .sec2 .ftList > li .itemWrp {
        padding: 20px;
        border-radius: 10px;
    }
    #product5_3 .sec2 .ftList > li .item {
        position: relative;
        padding-top: 60px;
        padding-left: 0;
    }
    #product5_3 .sec2 .ftList > li .item .infoList {
        margin-top: 10px;
    }
    #product5_3 .sec2 .ftList > li .item .icon span {
        line-height: 37px;
        width: 40px;
        font-size: 25px;
        margin-bottom: 15px;
        padding-top: 3px;
    }
}

/* product5_4 */
#product5_4 .sec2 {
    background-color: #fcfcfc;
}


/* stepsUseage */
.stepsUseage {
    border: 3px solid #ddd;
    padding: 30px 40px;
    margin-top: 25px;
}
.stepsUseage ul li {
    margin: 15px 0;
    position: relative;
}
.stepsUseage ul li .dot {
    position: absolute;
    left: -5px;
    top: 0;
    height: 100%;
}
.stepsUseage .stepItem .icon {
    text-align: center;
}
.stepsUseage .stepItem .txt .nums {
    color: #aaa;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.stepsUseage .stepItem .txt .nums span {
    color: #333;
}
.stepsUseage .stepItem .txt p {
    line-height: 1.2em;
}
@media (min-width: 768px) {
    .stepsUseage ul {
        margin: 0 -20px;
    }
    .stepsUseage ul li {
        padding: 0 20px;
    }
    .stepsUseage .stepItem {
        text-align: center;
    }
    .stepsUseage .stepItem .txt {
        width: 120px;
        height: 120px;
        border: 2px solid #f8f8f8;
        background-color: #f8f8f8;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        padding: 0px;
    }
    .stepsUseage li:last-child .stepItem .txt {
        background-color: #032938;
    }
    .stepsUseage li:last-child .stepItem .txt h5,
    .stepsUseage li:last-child .stepItem .txt p,
    .stepsUseage li:last-child .stepItem .txt p span {
        color: #fff;
    }
    .stepsUseage li:last-child .stepItem .txt .nums {
        color: rgba(255, 255, 255, 0.5);
    }
}
@media (min-width: 1400px) {
    .stepsUseage .stepItem .txt {
        width: 220px;
        height: 220px;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .stepsUseage ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .stepsUseage {
        border: 0px;
        padding: 0;
    }
    .stepsUseage ul li {
        margin: 0px;
    }
    .stepsUseage ul li:not(:last-child) .stepItem {
        border-bottom: 1px solid #ddd;
    }
    .stepsUseage ul li .dot {
        display: none;
    }
    .stepsUseage .stepItem {
        padding: 15px ;
        border: 1px solid #ddd;
        margin-top: -1px;
        text-align: center;
    }
    .stepsUseage .stepItem .icon {
        width: 35%;
    }
    .stepsUseage .stepItem .icon img {
        width: 60px;
    }
}

/**
 * ==============================================
 * Dot Stretching
 * ==============================================
 */
 .dot-stretching {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #aaa;
    color: #aaa;
    transform: scale(1.25, 1.25);
    animation: dotStretching 2.5s infinite ease-in;
  }
  
  .dot-stretching::before, .dot-stretching::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
  }
  
  .dot-stretching::before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    color: #ddd;
    animation: dotStretchingBefore 2.5s infinite ease-in;
  }
  
  .dot-stretching::after {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ddd;
    color: #ddd;
    animation: dotStretchingAfter 2.5s infinite ease-in;
  }
  
  @keyframes dotStretching {
    0% {
      transform: scale(1.25, 1.25);
    }
    50%,
    60% {
      transform: scale(0.8, 0.8);
    }
    100% {
      transform: scale(1.25, 1.25);
    }
  }
  
  @keyframes dotStretchingBefore {
    0% {
      transform: translate(0) scale(0.7, 0.7);
    }
    50%,
    60% {
      transform: translate(-15px) scale(1, 1);
    }
    100% {
      transform: translate(0) scale(0.7, 0.7);
    }
  }
  
  @keyframes dotStretchingAfter {
    0% {
      transform: translate(0) scale(0.7, 0.7);
    }
    50%,
    60% {
      transform: translate(15px) scale(1, 1);
    }
    100% {
      transform: translate(0) scale(0.7, 0.7);
    }
}

/* workenv */
.workenv .item {
    border-radius: 30px;
    padding: 40px 15px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 5%);
    border: 1px solid #ddd;
}
.workenv .item .txt {
    margin-top: 10px;
}
@media (max-width:1200px) and (min-width:768px){
    .workenv li {
        margin: 15px 0;
    }
    .workenv .item .txt h6 {
        height: 40px;
    }
}
@media (max-width:768px){
    .workenv li {
        margin: 10px 0;
    }
    .workenv .icon img {
        width: 30px;
    }
    .workenv .txt {
        width: 70%;
        padding-left: 15px;
        text-align: left;
    }
    .workenv .item {
        border-radius: 10px;
        padding: 20px 15px;
    }
}


/* formBox */
.formBox {
    max-width: 1000px;
    margin: 0 auto;
}
.formBox ul li {
    margin: 20px 0;
}
.formBox .formItem label {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}
.formBox .formItem .form-control:not(textarea) {
    height: 45px;
}
.formBox .formItem .form-control {
    padding: 4px 0;
    border: 0px;
    box-shadow:  0 0 0;
    border-bottom: 2px solid #ddd;
    border-radius: 0;
    font-size: 16px;
    background: transparent;
}
.formBox .formItem .form-control:focus {
    border-color: #14a5c3;
}
.formBox .formItem .radio-custom {
    display: inline-block;
    margin: 0 15px 0 0;
}
.formBox .formItem .radio-custom label {
    font-weight: 300;
    margin: 0px;
}
.formBox .formItem .input-group-addon {
    border-width: 2px;
}
.formBox .formItem .input-group .form-control {
    border-radius: 0 4px 4px 0;
}
.formBox .fileupload {
    margin-top: 10px;
}
.formBox .fileupload .uneditable-input {
    position: relative;
}
.formBox .fileupload .uneditable-input .fa {
    left: 10px;
}
.formBox .chc .checkbox-custom {
	display: inline-block;
}
.formBox .chc .checkbox-custom label {
    font-size: 15px;
    font-weight: 400;
}
.formBox .chc .agr {
	display: inline-block;
	background-color: #fff;
	color: #666;
    border: 1px solid #ddd;
	font-size: 13px;
	font-weight: 300;
	padding: 9px 10px;
	margin-left: 5px;
	line-height: 1em;
	cursor: pointer;
}
@media (min-width:768px) {
    .formBox .chkWrp {
        display: inline-block;
        padding-left: 15px;
    }
}
@media (max-width:768px) {
    .formBox {
        padding: 0 15px;
    }
    .formBox ul li {
        margin: 20px 0;
    }
    .formBox .formItem .form-control {
        padding: 3px 5px;
    }
    .formBox .formItem label {
        font-size: 14px;
    }
    .formBox .chc .checkbox-custom label {
        font-size: 13px;
    }
    .formBox .chc .agr {
        font-size: 11px;
        padding: 5px 2px;
        margin-left: 2px;
    }
}

/* table_basic */
.table.table_basic {
    border-top: 2px solid #333;
}
.table.table_basic tr.top {
    border-top: 2px solid #333;
}
.table.table_basic tr th,
.table.table_basic tr td {
    font-size: 17px;
    font-weight: 300;
    color: #333;
    border: 1px solid #ddd;
    padding: 15px;
    vertical-align: middle;
}
.table.table_basic tr th:first-child,
.table.table_basic tr td:first-child {
    border-left: 0px;
}
.table.table_basic tr th:last-child,
.table.table_basic tr td:last-child {
    border-right: 0px;
}
.table.table_basic tr th {
    font-weight: 500;
    text-align: center;
}
.table.table_basic thead tr th {
    background-color: #fff;
    border-bottom: 2px solid #333;
}
.table.table_basic tbody tr th {
    background-color: #f8f8f8;
}
.table.table_basic tr.this td {
    background-color: #fdf9ef;
}
@media (max-width:768px) {
    .table.table_basic tr th,
    .table.table_basic tr td {
        font-size: 13px;
        padding: 8px 5px;
    }
}
@media (max-width:992px){
    .oft {
        overflow-x: scroll;
    }
    .oft .table.table_basic {
        width: 900px;
    }
}

/*card_select*/
.card_select .modal-content {
    overflow: hidden;
    border-radius: 10px;
    border: 0px;
}
.card_select .modal-header {
    border: 0px;
    background-color: #fff;
    padding: 20px 15px;
    position: relative;
}
.card_select .modal-header .cls_btn {
    position: absolute;
    right: 20px;
    height: 20px;
    background: url(../img/cls_btn.png) center center no-repeat;
    width: 20px;
    top: 20px;
    cursor: pointer;
    border: 0px;
}
.card_select .modal-header h4 {
    font-weight: 700;  
    line-height: 1.2em; 
}
.card_select .modal-header p {
    color: #999;
    font-weight: 700;
    line-height: 1.2em;
    margin-top: 10px;
}
.card_select .modal-body {
    padding: 30px 50px 60px;
}
.card_select .modal-body > p {
    font-weight: 600;
    margin-bottom: 15px;
}
.card_select .modal-body > .bt_cmt {
    color: #999;
    font-weight: 400;
    margin-top: 10px;
    font-size: 14px;
}
.card_select .modal-body .row {
    margin: 0 -5px;
}
.card_select .modal-body .row > li {
    padding: 0 5px;
    margin: 5px 0;
}
.card_select .modal-body ul li a {
    text-decoration: none;
    display: block;
    text-align: center;
    border: 2px solid #ddd;
    padding: 15px;
    border-radius: 10px;
}
.card_select .modal-body ul li a h6 {
    color: #666;
    margin-top: 5px;
}
@media (max-width:768px){
    .card_select .modal-body {
        padding: 20px 10px 40px;
    }
    .card_select .modal-body > p {
        margin-bottom: 5px;
    }
    .card_select .modal-body ul li a h6 {
        font-size: 13px;
    }
    .card_select .modal-body > .bt_cmt {
        font-size: 12px;
    }
}
/*gift_confirm*/
.gift_confirm .table tbody tr th,
.gift_confirm .table tbody tr td {
    border: 1px solid #aaa;
    padding: 15px;
    font-size: 15px;
    color: #444;
    border-right: 0px;
}
.gift_confirm .table tbody tr th {
    width: 25%;
    font-weight: 500;
    background-color: #fcfcfc;
    border-left: 0px;
}
.gift_confirm .bt_ {
    margin-top: 10px;
}
.gift_confirm .bt_ a {
    display: inline-block;
    color: #37018d;
    font-weight: 600;
}
.gift_confirm .infobox {
    margin: 20px 0;
    padding: 20px 15px;
    background-color: #f7f7f7;
    border-radius: 10px;
}
.gift_confirm .infobox ul li {
    color: #333;
    margin: 10px 0;
    padding-left: 20px;
    position: relative;
    line-height: 1.2em;
}
.gift_confirm .infobox ul li span {
    position: absolute;
    left: 0;
}
.gift_confirm .wanningbox {
    margin: 20px 0;
    padding: 20px 15px;
    background-color: #ffe5e5;
    border-radius: 10px;
}
.gift_confirm .wanningbox p {
    color: #d40707;
}
@media (max-width: 768px) {
    .gift_confirm .table tbody tr th,
    .gift_confirm .table tbody tr td {
        padding: 10px;
        font-size: 13px;
    }
    .gift_confirm .table tbody tr th {
        word-break: keep-all;
    }
    .gift_confirm .wanningbox,
    .gift_confirm .infobox {
        margin: 15px 0;
    }
    .gift_confirm .infobox ul li,
    .gift_confirm .wanningbox p {
        font-size: 13px;
    }
}


/* contact_03 */
#contact_03 .localInfo li {
    position: relative;
    padding: 2px 0;
    padding-left: 80px;
}
#contact_03 .localInfo li:nth-child(4) {
    padding-left: 110px;
}
#contact_03 .localInfo li h4 {
    position: absolute;
    left: 0;
    top: 0;
}
#contact_03 .localInfo li h4 span,
#contact_03 .localInfo li h4 i {
    display: inline-block;
    vertical-align: middle;
}
#contact_03 .mapBox .root_daum_roughmap .wrap_map {
  height: 500px !important;
}
@media (min-width: 768px) {
    #contact_03 .localInfo {
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }
}
@media (max-width: 768px) {
    #contact_03 .mapBox .root_daum_roughmap .wrap_map {
        height: 250px !important;
    }
    #contact_03 .localInfo li {
        margin-bottom: 15px;
        padding-left: 60px;
    }
    #contact_03 .localInfo li:nth-child(4) {
        padding-left: 80px;
    }
}

/* bsnArea */
.bsnArea .hd .item .title1 {
    text-align: center;
    border: 1px solid #4396c1;
    padding: 37px 10px;
    border-radius: 10px;
    margin-bottom: 4px;
}
.bsnArea .hd .item .title1 h5 {
    color: #4396c1;
}
.bsnArea .hd .item .title2 {
    text-align: center;
    padding: 155px 10px;
    border-radius: 10px;
    border: 2px solid #eee;
    background-color: #fcfcfc;
}
.bsnArea .item .top {
    text-align: center;
}
.bsnArea .item .top .phaseBox .t {
    padding: 10px 15px;
    background-color: #4396c1;
    color: #fff;
}
.bsnArea .item .top .phaseBox .bt {
    border: 2px solid #4396c1;
    border-top: 0px;
    padding: 10px;
}
.bsnArea .item .md {
    padding: 20px;
    background-color: #fcfcfc;
}
.bsnArea .item .bt h4 {
    padding: 0;
    text-align: center;
    line-height: 60px;
    height: 58px;
    border-radius: 4px;
    background-color: #eee;
    font-weight: 600;
    font-size: 19px;
    color: #888;
}
@media (min-width:1430px){
    .bsnArea {
        display: flex;
    }
    .bsnArea > li {
        width: 18%;
        padding: 2px;
    }
    .bsnArea .hd {
        width: 10%;
    }
    .bsnArea .item .md {
        height: 350px;
    }
}
@media (max-width:1430px){
    .bsnArea > li {
        padding: 10px 0;
    }
    .bsnArea .hd {
        display: none;
    }
    .bsnArea .item .top .phaseBox .t {
        border-radius: 10px 10px 0 0;
    }
    .bsnArea .item .md {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .bsnArea .item .bt h4 {
        line-height: 50px;
        height: 48px;
        font-size: 15px;
        border-radius: 0 0 10px 10px;
    }
}
/* product5 */
#product5 .sec3 {
    background-color: #eaf4fb;
}
@media (min-width:1430px){
    #product5 .sec3 .imgwrp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media (max-width:768px){
    #product5 .sec3 .imgwrp .lft img{
        width: 60%;
    }
}

/* subList */
.subList {
    border-top: 2px solid #ddd;
}
.subList > li {
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
}
.subList > li:last-child {
    border-width: 2px;
}
.subList > li > .cont .t_list {
    margin-top: 8px;
}
.subList .inCon > li:not(:last-child) {
    margin-bottom: 20px;
}
.subList .manItem {
    border: 1px solid #ddd;
    text-align: center;
}
.subList .manItem h5:nth-child(1) {
    padding: 8px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}
.subList .manItem h5:nth-child(2) {
    font-size: 300;
    padding: 12px;
}
@media (min-width:768px) {
    .subList > li > .cont {
        position: relative;
        padding-left: 300px;
    }
    .subList > li > .cont > .tit {
        position: absolute;
        left: 0;
        top: 0;
    }
}
@media (max-width:768px) {
    .subList > li {
        padding: 20px 0;
    }
    .subList > li > .cont > .tit {
        margin-bottom: 20px;
    }
    .subList > li > .cont .t_list {
        margin-top: 8px;
    }
    .subList .inCon > li:not(:last-child) {
        margin-bottom: 10px;
    }
}
/* t_list */
.t_list > li {
    margin: 2px 0;
}
.t_list > li > h5 {
    padding-left: 15px;
    position: relative;
    font-weight: 300;
    line-height: 1.3em;
}
.t_list > li > h5:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background-color: #aaa;
    border-radius: 50%;
}

/* maintain */
.maintain {
    padding: 35px;
    border-radius: 15px;
    background-color: #fafafa;
}
@media (max-width:768px){
    .maintain {
        padding: 20px;
        border-radius: 5px;
    }
}

/* inList */
.inList > li {
    margin-top: 20px;
}
.inList .item {
    padding: 45px 30px;
    border-radius: 15px;
    border: 1px solid #ddd;
}
.inList .item h4 i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
@media (max-width:768px){
    .inList > li {
        margin-top: 10px;
    }
    .inList .item {
        padding: 20px;
        border-radius: 5px;
    }
}