.bg-gray {
    background-color: #f4f4f2 !important;
}
/* 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.dw3,
.prBtn a.dw3 {
    border-color: #f97524;
    background-color: #f97524;
}
.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;
}
.table.table_spec .sm {
    font-size: .9em;
}
@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: #d6d6d6;
    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;
    }
}
/* spec_list_2 */
.spec_list_2 .fbox > .txt.rt {
    width: calc(100% - 140px);
    padding-left: 20px;
}
.spec_list_2 .fbox .img {
    width: 140px;
}
.spec_list_2 .fbox .img img {
    border: 2px solid #ddd;
    border-radius: 50%;
}
@media (max-width:768px){
    .spec_list_2 .fbox > .txt.rt {
        width: calc(100% - 80px);
        padding-left: 20px;
    }
    .spec_list_2 .fbox .img {
        width: 80px;
    }
}
/* 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;
}
#product4 .sec0 {
    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;
}
#product4 .sec5 .wbox {
    border-radius: 30px;
    background-color: #fff;
    padding: 60px 80px;
}
#product4 .sec8 .img {
    border-radius: 30px;
    border: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width:768px){
    #product4 .sec5 .wbox {
        border-radius: 10px;
        padding: 30px 20px;
    }
    #product4 .sec8 .img {
        border-radius: 10px;
    }
}

/* streamSolImg */
.streamSolImg > li {
    border-bottom: 1px solid #ddd;
}
.streamSolImg  h4 {
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
.streamSolImg .vu {
    background-color: #ff6100;
    color: #fff;
}
.streamSolImg .etc {
    background-color: #d8d8d8;
    color: #939393;
}
.streamSolImg > li > .fbox > div {
    padding: 10px 15px;
}
.streamSolImg .hd {
    width: 20%;
}
.streamSolImg .con1,
.streamSolImg .con2 {
    width: 40%;
}
.streamSolImg .iconBox .icon {
    width: 90px;
}
.streamSolImg .iconBox .txt {
    width: calc(100% - 90px);
    padding-left: 15px;
}
@media (max-width:768px){
    .streamSolImg .fbox {
        flex-wrap: wrap;
    }
    .streamSolImg li:not(:first-child) {
        padding-bottom: 10px;
    }
    .streamSolImg li:first-child .hd {
        padding: 0px;
    }
    .streamSolImg > li > .fbox > div {
        padding: 8px;
    }
    .streamSolImg .hd {
        width: 100%;
    }
    .streamSolImg .con1,
    .streamSolImg .con2 {
        width: 50%;
        padding-top: 0 !important;
    }
    .streamSolImg .con1 {
        border-right: 1px solid #eee;
    }
    .streamSolImg h4 {
        font-size: 15px;
        padding: 10px;
    }
    .streamSolImg .iconBox .icon,
    .streamSolImg .iconBox .txt {
        width: 100%;
        text-align: center;
    }
}
/* stapList */
.stapList .item {
    padding: 50px 20px;
    border-radius: 30px;
    background-color: #fff;
}
@media (min-width: 768px) {
    .stapList .item .txt {
        margin-top: 20px;
    }
}
@media (max-width: 768px) {
    .stapList > li {
        margin: 10px;
    }
    .stapList .item {
        padding: 30px 15px 30px 30px;
        border-radius: 10px;
        display: flex;
        align-items: center;
    }
    .stapList .item .icon {
        width: 70px;
        padding-right: 15px;
    }
    .stapList .item .txt {
        width: calc(100% - 70px);
        text-align: left;
    }
    .stapList .item .txt br {
        display: none;
    }
}


/* product4 */
#product4 .sec9 {
    position: relative;
}
#product4 .sec9  .container {
    position: relative;
    z-index: 5;
}
#product4 .sec9 .inner {
    background: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%, transparent 100%);
}
#product4 .sec9 .infithumWrp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#product4 .sec9 .infithumWrp > div {
    width: 100%;
}
/* infithum */
.infithum > .slick-list > .slick-track > .slick-slide {
    padding: 0 10px;
}
.infithum h5 {
    border: 1px dashed #f97524;
    color: #f97524;
    padding: 40px 15px;
    border-radius: 10px;
    text-align: center;
}


/* progressbar */
.swiper-horizontal>.swiper-pagination-progressbar, 
.swiper-pagination-progressbar.swiper-pagination-horizontal, 
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    position: relative;
    margin-top: 50px;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.15);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
}
.bg-dark .swiper-horizontal>.swiper-pagination-progressbar, 
.bg-dark .swiper-pagination-progressbar.swiper-pagination-horizontal, 
.bg-dark .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.bg-dark .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-dark .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff;
}
@media (max-width:768px){
    .swiper-horizontal>.swiper-pagination-progressbar, 
    .swiper-pagination-progressbar.swiper-pagination-horizontal, 
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        margin-top: 5px;
    }
}

/* mySwiper */
.mySwiper {
    width: 100%;
    padding-left: calc(100vw * (290 / 1920));
    box-sizing: border-box;
}
.mySwiper .swiper-slide {
    padding-bottom: 30px;
}
@media (min-width:1024px){
    .mySwiper .swiper-slide {
        width: 350px;
    }
}
@media (max-width:1370px){
    .mySwiper {
        padding-left: 0
    }
}
@media (max-width:992px){
    .mySwiper {
        padding: 0 15px;
    }
}
/* storeItem */
.storeItem {
    border-radius: 20px ;
    box-shadow: 5px 5px 20px rgba(159, 159, 159, .2);
}
.storeItem .img {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    padding: 10px 0;
    background-color: #fff;
}
.storeItem .txt {
    border-radius: 0 0 20px 20px;
    padding: 20px 30px;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.storeItem .txt p {
    height: 60px;
}
@media (max-width:768px){
    .storeItem .img {
        border-radius: 1rem 1rem 0 0;
    }
    .storeItem .txt {
        border-radius: 0 0 1rem 1rem;
        padding: 1rem;
    }
    .storeItem .txt p {
        font-size: 13px;
        line-height: 1.25em;
    }
}
/* 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;
	    height: 340px;
}
#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;
		
	    height: auto;
    }
    #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;
	    font-size: 18px;

}
.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: 630px;
    }
}
@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;
    }
}


/* fbox */
.fbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fbox.v_bt {
    align-items: flex-end;
}
@media (min-width:768px) {
    .fbox.fx > div {
        width: 50%;
    }
    .fbox > .txt.lft {
        padding-right: 30px;
    }
    .fbox > .txt.rt {
        padding-left: 30px;
    }
    .fbox.short > .txt.lft {
        padding-right: 5px;
    }
    .fbox.short > .txt.rt {
        padding-left: 5px;
    }
    .fbox.long > .txt.lft {
        padding-right: 60px;
    }
    .fbox.long > .txt.rt {
        padding-left: 60px;
    }
}
@media (max-width:768px) {
    .fbox {
        flex-wrap: wrap;
    }
}
/* tTit */
.tTit strong,
.tTit span {
    display: inline-block;
    vertical-align: middle;
}
.tTit strong {
    display: inline-block;
    line-height: 1em;
    padding: 6px 10px;
    border-radius: 5px;
    border: 2px solid #0098c5;
    font-size: .75em;
    margin-right: 5px;
}
/* rnd */
@media (min-width:767px){
    .rnd .pfTabs > a {
        width: 230px;
    }
}
/* rnd sec2 */
#rnd .sec2 .bt {
    background-color: #eaf4fb;
}
#rnd .sec2 .bt .con {
    position: relative;
}
#rnd .sec2 .bt .con .front .wbox {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
}
@media (min-width:767px){
    #rnd .sec2 .bt .con .front {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width:768px){
    #rnd .sec2 .bt .con .front {}
    #rnd .sec2 .bt .con .front .wbox {
        padding: 20px 15px;
        border-radius: 10px;
    }
}


/* table_info2 */
.table_info2 {
    border-bottom: 1px solid #C0C0C0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.table_info2 .th,
.table_info2 .td {
    border-top: 1px solid #C0C0C0;
    padding: 0 1.5rem;
    color: #333;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.table_info2 .th {
    background-color: #EDEDED;
    text-align: center;
    font-weight: 700;
}
.table_info2 {
    border-bottom: 1px solid #C0C0C0;
    display: flex;
    align-items: center;
}
@media (min-width:767px){
    .table_info2 .th {
        min-height: 45px;
        padding: 1rem 0;
    }
    .table_info2 .td {
        min-height: 150px;
        padding: 1rem;
    }
}
@media (max-width:768px){
    .table_info2 {
        flex-wrap: wrap;
        gap: 8px;
    }
    .table_info2 > li {
        width: 100%;
    }
    .table_info2 .th, .table_info2 .td {
        justify-content: flex-start;
    }
    .table_info2 .th {
        padding: 1.5rem 1.5rem 1rem;
        background-color: #fff;
    }
    .table_info2 .td {
        padding: 0 1.5rem 1.5rem;
        border-top: 0px;
    }
}

/* mypageHomeList */
.mypageHomeList.table_info2 .td.head .t {
    background-color: #fafeff;
    border: 1px solid #0098c5;
    border-radius: 10px;
    padding: 30px 15px;
    text-align: center;
}
.mypageHomeList.table_info2 .td.head .t {
    text-align: center;
    width: 100%;
}
@media (min-width:767px){
    .mypageHomeList.table_info2 .td.head {
        width: 200px;
    }
}
@media (max-width:768px){
    .mypageHomeList.table_info2 .td.head {
        width: 100%;
    }
    .mypageHomeList.table_info2 .td.head .t {
        padding: 15px;
    }
}
/* orderHistory */
.orderHistory {
    border-top: 1px solid #C0C0C0;
}
.orderHistory .table_info2 .th, 
.orderHistory .table_info2 .td {
    border-top: 0px;
}
@media (min-width:767px){
    .orderHistory1  .table_info2 > li:nth-child(1) {
        width: 200px;
    }
    .orderHistory1  .table_info2 > li:nth-child(2) {
        width: 6%;
    }
    .orderHistory1  .table_info2 > li:nth-child(3) {
        width: 30%;
        text-align: left;
    }
    .orderHistory1  .table_info2 > li:nth-child(4) {
        width: 20%;
    }
    .orderHistory1  .table_info2 > li:nth-child(5) {
        width: 20%;
    }
    .orderHistory .table_info2 .th {
        border-bottom: 1px solid #C0C0C0;
    }
    .orderHistory > li:not(:first-child) .table_info2 .th {
        display: none;
    }
}
@media (max-width:768px){
    .orderHistory .table_info2 {
        border-bottom: 1px solid #C0C0C0;
    }
    .orderHistory .table_info2 li:not(:last-child) .td {
        padding-bottom: 0px;
    }
    .orderHistory .table_info2 li .th {
        font-size: 1.2em;
        padding: 1rem 1.5rem .5rem;
        color: #929292;
    }
    .orderHistory .table_info2 li:first-child .td {
        padding-top: 1.5rem;
    }
    .orderHistory .table_info2 li:last-child .td {
        padding-bottom: 1.5rem;
    }
}

/* rnd sec4 */
#rnd .sec4 {
    background-color: #eaf4fb;
}

/* bsnEffectList */
.bsnEffectList .item {
    border-top: 2px solid #333;
    padding-top: 25px;
}
.bsnEffectList .item .tit {
    display: flex;
    gap: 10px;
    align-items: center;
}
.bsnEffectList .item .tit .icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #15abcb;
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
}
@media (min-width:767px){
    .bsnEffectList .item {
        height: 250px;
    }
}
@media (max-width:768px){
    .bsnEffectList > li:not(:first-child) {
        margin-top: 30px;
    }
    .bsnEffectList .item {
        border-top: 1px solid #333;
        padding-top: 15px;
    }
    .bsnEffectList .item .tit .icon {
        width: 35px;
        height: 35px;
    }
}

/* rnd1_2 sec2 */
#rnd1_2 .sec2 .imgBox {
    height: 480px;
    background: url(../img/n2_rnd1.jpg) center center no-repeat;
    background-size: cover;
}
@media (max-width:768px){
    #rnd1_2 .sec2 .imgBox {
        height: 250px;
    }
}
/* tconList */
.tconList .item {
    padding: 40px 30px;
    border-radius: 20px;
    background-color: #f7f7f7;
}
.tconList .item .topCon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.tconList .item .topCon .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: #fff;
    color: #1f4981;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
}
/* rnd1_2 sec3 */
@media (max-width:768px){
    #rnd1_2 .sec3 ul li {
        width: 100%;
    }
}


/* rnd1_2 sec4 */
#rnd1_2 .sec4 {
    background-color: #eaf4fb;
}
/* exList */
.exList .item {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 8px 8px 15px rgba(0,0,0,0.1);
}
.exList .item .topNm {
    display: flex;
    align-items: center;
    gap: 5px;
}
.exList .item .topNm .type {
    font-size: .7em;
    line-height: 1em;
    padding: 5px;
    border-radius: 5px;
    background-color: #e6f9ff;
}
.exList .item ul li:not(:first-child) {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
.exList .item ul li h6 {
    color: #999;
}
.exList .item ul li p {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* rnd1_2 sec5 */
#rnd1_2 .sec5 .fbox .lft {
    background-color: #f7f7f7;
    padding: 40px 10px;
    text-align: center;
}
@media (max-width:768px){
    #rnd1_2 .sec5 .fbox .rt {
        padding-top: 30px;
    }
}
/* rnd1_2 sec6 */
#rnd1_2 .sec6 .img {
    border: 1px solid #ddd;
}
/* rnd1_2 sec7 */
#rnd1_2 .sec7 .rt ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 460px;
    margin: 0 auto;
}
#rnd1_2 .sec7 .rt ul li {
    flex-basis: calc(50% - 5px);
}
#rnd1_2 .sec7 .rt .item {
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
}

/* rnd1_3 sec3 */
#rnd1_3 .sec3 {
    background-color: #eaf4fb;
}

/* proList */
.proList {
    position: relative;
}
.proList:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #aaa;
    z-index: 1;
}
.proList li {
    padding-top: 30px;
    position: relative;
}
.proList li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0px;
    width: 7px;
    height: 7px;
    background-color: #15abcb;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
}
.proList .item {
    position: relative;
    padding: 40px 30px;
    background: linear-gradient(-45deg, #0170c5, #3bcdb5);
}
@media (min-width:767px) {
    .proList li:not(:last-child) .item:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 10px;
        height: calc(100% - 20px);
        width: 43px;
        background-color: #42515c;
        transform: perspective(100px) rotateY(20deg);
    }
}
@media (max-width:768px) {
    .proList:after {
        left: 10px;
        top: 0;
        width: 1px;
        height: 100%;
    }
    .proList li {
        padding-left: 30px;
    }
    .proList li:after {
        top: 50%;
        left: 15px;
        transform: translate3d(-50%, -50%, 0);
    }
    .proList .item {
        padding: 20px 15px;
    }
}

/* licImgSet */
.licImgSet .item .fbox {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
}
.licImgSet .item .fbox .lft {
    padding: 15px;
    width: 30%;
}
.licImgSet .item .fbox .rt {
    width: 70%;
}
.licImgSet .item .fbox .lft img {
    border-radius: 5px;
}

/* websiteList */
#websiteList li {
    margin: 15px 0;
}
#websiteList .item {
    text-decoration: none;
    display: block;
    text-align: left;
}
#websiteList .item .txt .detail {
    opacity: .8;
}
#websiteList .item .txt .bt span,
#websiteList .item .txt .bt strong {
    display: inline-block;
    vertical-align: middle;
}
#websiteList .item .txt .bt .dvd {
    display: inline-block;
    height: 9px;
    width: 1px;
    background-color: #bdbdbd;
    opacity: .5;
    margin: 0 5px;
}
#websiteList .item .txt h1 {
    line-height: 1.2em;
}
@media (min-width:768px){
    #websiteList .item {
        position: relative;
        border-radius: 0px;
        overflow: hidden;
    }
    #websiteList .item .txt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;

        -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;
    }
    #websiteList .item:hover .txt {
        background-color: rgba(0, 0, 0, 0.8);
    }
    #websiteList .item .txt > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 80%;
        text-align: left;
        width: 85%;
    }
    #websiteList .item .txt .detail,
    #websiteList .item .txt h5,
    #websiteList .item .txt p,
    #websiteList .item .txt h6,
    #websiteList .item .txt h1 {
        color: #fff;
    }
    /* #websiteList .item .txt p {
        height: 0px;
        overflow: hidden;

        -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;
    }
    #websiteList .item:hover .txt p {
        padding-top: 15px;
        height: 80px;
    } */
}
@media (max-width:768px){
    #websiteList li {
        margin: 45px 0;
    }
    #websiteList .item .img {
        margin-top: 15px;
    }
    #websiteList .item .txt .bt {
        margin-top: 10px;
        opacity: .6;
    }
}

/* licList */
.licList .licItem {
    border: 1px solid #ddd;
    padding: 15px;
}
@media (max-width:768px){
    .licList .licItem {
        padding: 5px;
    }
}

/* dvdLine */
.dvdLine {
    height: 1px;
    background-color: #eee;
    width: 100%;
}




#product5_4 .fncColm .txt {
    height: 180px;
}
@media (max-width:768px){
    
	#product5_4 .fncColm .txt {
		height: auto;
	}
}